/*************************common css starts*********************************/ body,div,h1,h2,h3,h4,h5,h6,p,ul,li,ol,form,fieldset{margin:0; padding:0;} img,fieldset{border:none;} a{text-decoration: none; color: #1463ae;} a:hover{text-decoration: underline;} p{margin: 1em 0; line-height: 1.3em;} body{background:#f4fafd url(../images/outer_bg.gif) left top repeat-x; font-family: helvetica,arial,sans-serif; font-size: 12px; color: #1a1a1a;} .clear{clear:both; height: .1%; font-size: 0; line-height: 0;} .pointer{cursor:pointer;} #tooltip{ position: absolute; z-index: 3000; border: 3px solid #F53F65; padding: 5px; width: 200px; background-color: #eee; opacity: 0.85; } #layout{width:960px; margin:0 auto; position:relative; padding-left:47px; padding-top:68px;} /*************************header starts*********************************/ #header{width:960px; position: absolute; left:47px; top:0; z-index:9999;} #header .logo{position: absolute; top: 0px; float:left; width:187px; height:66px;} /*************************menu starts*********************************/ #header .menu{float:right; width:740px; padding-top:25px; font:bold 14px Arial, Helvetica, sans-serif;} #header .menu ul{float:right; width:auto; list-style:none;} #header .menu li{float:left; width:auto; padding-right:30px;} #header .menu li.last{padding-right:0;} #header .menu li a{float:left; width:auto; padding:0 0 0 3px; color:#1a1a1a; text-decoration:none;} #header .menu li a span{float:left; width:auto; padding:12px 10px 0 7px; cursor:pointer;} #header .menu li a:hover{float:left; width:auto; padding:0 0 0 3px; background:url(../images/menu_left_over.jpg) left top no-repeat; color:#fff;} #header .menu li a:hover span{float:left; width:auto; padding:12px 10px 28px 7px; background:url(../images/menu_right_over.jpg) right top no-repeat;} #header .menu li.selected a{float:left; width:auto; padding:0 0 0 3px; background:url(../images/menu_left_over.jpg) left top no-repeat; color:#fff;} #header .menu li.selected a span{float:left; width:auto; padding:12px 10px 28px 7px; background:url(../images/menu_right_over.jpg) right top no-repeat;} /*************************menu ends*********************************/ /*************************header ends*********************************/ /*************************common css ends*********************************/ /*************************body container starts*********************************/ #body_container{width:938px; background:#fff; padding:12px; float:left;} /*************************banner starts*********************************/ #body_container .banner{width:938px; float:left; height:329px; background:url(../images/banner.jpg) left top no-repeat; position:relative;} #body_container .banner .sign_up{float:left; width:auto; position:absolute; left:508px; top:46px;} #body_container .banner .link{float:left; width:574px; position:absolute; left:365px; top:144px;} #body_container .banner .link a{float:left; margin-right:2px; display:inline;} /*************************banner ends*********************************/ /*************************banner min starts*********************************/ #body_container .banner_blog{width:938px; float:left; height:104px; background:url(../images/banner_blog.jpg) left top no-repeat; position:relative;} #body_container .banner_blog .sign_up{float:left; width:auto; position:absolute; left:688px; top:24px;} #body_container .banner_blog h1{margin: 24px; color: #fff; font-size: 70px;} #body_container .banner_blog #blog_feed_icon{float:left; width:auto; position:absolute; left:826px;} /*************************banner ends*********************************/ /*************************content container starts*********************************/ #body_container .content{width:898px; float:left; background:#ffffff; padding: 0 20px 18px 20px;} #body_container .content .left_content{width:453px; float:left; padding:13px 0 0 6px;} #body_container .content .left_content h3{font-size: 46px; font-weight: bold; color:#f54064; width:422px; float:left;} #body_container .content .left_content p{float:left; margin-top: 0; width:422px; font:12px/24px Tahoma; } #body_container .content .left_content p a{color:#f54064; font-size:14px; text-decoration:none; float:right;} #body_container .content .left_content p a:hover{text-decoration:underline;} #body_container .content .left_content .step_row{clear: both; margin: .5em 0 .5em .5em; font-size: 2em; line-height: 36px; color: #F54064;} #body_container .content .left_content .step_row a{color: #F54064 !important;} #body_container .content .left_content .step_desc{margin: 0 0 0 42px; font-style: italic; font-size: .5em; line-height: .8em; color: #000000;} #body_container .content .left_content .pink_step{height: 36px; width: 36px; margin-right: 5px; text-align: center; background-image: url(../images/pink_circle.gif); color: white; float: left; font-weight: bold; } #body_container .content .right_content{width:438px; float:left; padding: 13px 0 0 0;} #body_container .content .right_content .flash{width:438px; height: 328px; margin: 0 0 14px 0;} #body_container .content .right_content #examples{margin: 20px 0 0 0;} #body_container .content .right_content #examples h2{margin: 12px 0 12px 0; color: #838383; font-size: 16px;} #body_container .content .right_content #examples #simple_life{float: left;} #body_container .content .right_content #examples #spring_fling{float: right;} #body_container .content #page{float: left; width: 600px;} #body_container .content #right{float: right; margin: 1em 0; width: 240px; } #body_container .content #page_narrow{float: left; width: 478px;} #body_container .content #right_wide{float: right; margin: 1em 0; width: 382px;} #body_container .content #right .box_top{margin:0; padding:0; height: 8px; line-height: 8px; background:url("../images/sidebar_box_pink_top.gif") no-repeat scroll bottom left;} #body_container .content #right .box_middle, .tweet{margin:0; padding:0 12px; height: 1%; background:url("../images/sidebar_box_pink_middle.gif") repeat-y;} #body_container .content #right .box_bottom{margin:0 0 20px 0; padding:0; height: 9px; line-height: 9px; background:url("../images/sidebar_box_pink_bottom.gif") no-repeat scroll top left;} #body_container .content #right .box_middle h3{margin: 0 0 .6em 0 ; font-size: 1.2em;} #body_container .content #right .box_middle p{margin: 1em 0 0 0;font-size: .9em;} #body_container .content #right .box_middle ul{margin: 0; padding: 0; list-style-type: none;} #body_container .content #right .box_middle li{margin: 0; padding: .3em;} #body_container .content #right #sharing li{line-height: 16px; } #body_container .content #right #sharing li img{vertical-align: middle;} #body_container .content #right #sharing li a{text-decoration: none;} #body_container .content #right #sharing li#addthis{padding-left: 34px;} #body_container .content #right #forum_posts li{overflow: auto;padding: .5em; border-bottom: 2px dotted #CCC;} #body_container .content #right #forum_posts li .post_author{padding-left: 4px; font-style: italic; font-size: 94%; color: #999 ;} #body_container .content #right #forum_posts li p{margin: .5em 0;} #body_container .content #right #forum_posts li.last{border-bottom: none;} #body_container .content #right #live_sessions ul{margin-top: 1em; padding-left: 20px; list-style-type: circle;} #body_container .content #right #live_sessions li{font-size: .9em;} .tweet .tweet_list {list-style-type: none;margin: 0;padding: 0; background-color: #ffffff; font-size: .95em;} .tweet .tweet_list li {overflow: auto;padding: .5em; border-bottom: 2px dotted #CCC;} .tweet .tweet_list li.tweet_last{border-bottom: none;} .tweet .tweet_list li a {color: #1463ae; } .tweet .tweet_list .tweet_even {background-color: #ffffff; } .tweet .tweet_list .tweet_avatar {padding-right: .5em;float: left; } .tweet .tweet_list .tweet_avatar img {vertical-align: middle; } .tweet .tweet_outro{margin: 0; padding-right: 10px; text-align: right;} #tweet_follow{margin: 20px 5px auto; text-align: center;} #about_us_panel div{float: right; margin: 1em 0 0 0; width: 70px;} #about_us_panel p{text-align: left;} /*************************content container ends*********************************/ /*************************tabs container starts*********************************/ #body_container .bottom_tabs{float:left; width:878px; margin-top: 20px; padding: 10px; border: 1px solid #CCC; background:#F1F1F1;} #body_container .bottom_tabs .outer_container{float:left; width:858px; } #body_container .bottom_tabs .main_row{float:left; width:842px; padding:10px 18px 7px 18px; font:12px Tahoma;} #body_container .bottom_tabs .divider{border-bottom: 2px dotted #CCC;} #body_container .bottom_tabs .row1{float:left; width:120px;} #body_container .bottom_tabs .row2{float:left; padding-right: 40px; width:433px;} #body_container .bottom_tabs .row2 a{color:#f54064; text-decoration:none;} #body_container .bottom_tabs .row2 p{margin: .03em 0;} #body_container .bottom_tabs .row3{float:left; width:140px; color:#838383;} #body_container .bottom_tabs .row4{float:right; width:104px; text-align:right;} /*************************tabs container ends*********************************/ /*************************sub-navigation starts*********************************/ #body_container .content .subnav{width:898px; height: 35px; float:left; background: #aedb47 url(../images/menu_right_bg.jpg) right top no-repeat; text-decoration:none;} #body_container .content .subnav ul{width:auto; background:#aedb47; list-style:none; float:left;} #body_container .content .subnav li{width:auto; float:left; border-right:1px solid #bbe16b;} #body_container .content .subnav li a{float:left; height:25px; padding-top:10px; padding-left:28px; padding-right:28px; color:#333; background:#aedb47; font-family: Arial,Helvetica,sans-serif; font-size: 14px; text-decoration:none; font-weight: bold;} #body_container .content .subnav li a:hover{ color:#fff; background:#92BF2F;} #body_container .content .subnav li a.first{float: left; background: #aedb47 url(../images/menu_left_bg.jpg) no-repeat scroll left top !important;} #body_container .content .subnav li a.first:hover, #body_container .content .subnav li.selected a.first{float: left; background: #92BF2F url(../images/menu_left_bg.jpg) left bottom no-repeat !important;} #body_container .content .subnav li.selected a{ color:#fff; background:#92BF2F !important;} /*************************sub-navigation ends*********************************/ /*************************main content starts*********************************/ #body_container .content h1{margin: 20px 0; font-size: 22px; color: #F54064;} #body_container .content h1#post_title{margin: 20px 0 0 0; font-size: 2.2em;} #body_container .content .post h2 {margin: 20px 0 0 0; font-size: 2.2em;} #body_container .content .post h2 a {margin: 20px 0; color: #92BF2F;} #body_container .content .list{margin-left: 16px;} #body_container .content .attribution{margin: 1px 0 10px 0; font-size: .9em;} form label{ display: block; font-weight: bold; margin: .5em 0 .2em; } #submit_or_cancel {margin-top: 1em;} #myroom{ height: 500px;} .live_sessions h2{margin: 1em 0;} .live_sessions #first_set{float:left; padding: 0 15px 0 0; width: 280px;} .live_sessions #second_set{float:left; padding: 0 0 0 15px; width: 280px;} .live_sessions ul{margin: 0 0 0 15px; padding: 0; list-style-type: circle;} .live_sessions li{margin: 0; padding: 0 0 10px 0;} #error{ margin: 10px 0; padding: .5em .5em .3em; background-color: #FFC2C2; border: 2px solid #F54064; color: #F54064; font-size: 14px; font-weight: bold;} #notice{ margin: 10px 0; padding: .5em .5em .3em; background-color: #E5FFCC; border: 2px solid #AEDB47; color: #8FB53B; font-size: 14px; font-weight: bold;} #signin_container, #signup_container{margin: 20px 0; padding: 20px 0; background: #fff;} #signin_container #signin_column, #signup_container #signup_column{float: left; width: 370px; padding: 0 30px 0 40px;} #signup_container #signup_column {border-right: 2px dotted #CCC;} #signin_container #signup_info_column, #signup_container #signup_info_column{float: left; width: 370px; padding: 0 30px 0 40px;} #signin_container #signup_info_column {border-left: 2px dotted #CCC;} #signin_container h3, #signup_container h3{color: #A8D743; font-size: 26px;} #signin_container p{margin: 2em 0;} #signin_container label, #signup_container label{display: block; float:left; width: 85px; margin: 0; font-size: 10px;} #signin_container input, #signup_container input{height:15px; width: 200px; border:1px solid #D4CFC2; color:#333333; font-size:11px; padding:3px 2px 3px 5px;} #signin_container #remember_me_box{margin-left: 86px;} #signin_container #remember_me_box input{display: block; float: left; margin: 0 5px 0 0; padding: 0; border: 0; width: 15px;} #signin_container #remember_me_box label{width: 150px; font-weight: normal;} #signin_container ul, #signup_container ul{margin: 0 0 2em 16px; line-height: 24px;} #signin_container ul li, #signup_container ul li{padding: 0 0 0 8px; list-style-image: url(../images/icons/signup_bullet.gif); font-weight: bold;} .flixify_offer p{clear: both; margin: 0; padding: 1em 0 0 0;} .flixify_offer p#signup_steps{color: #CCC;} .flixify_offer p#signup_steps #current_step{color: #000;} .flixify_offer #message_box{margin: 20px 0 0 0;} .flixify_offer #message_box, .flixify_offer #errorExplanation h3, .flixify_offer .errorExplanation h3{color: #F54064; font-size: 14px;} .flixify_offer #errorExplanation ul, .flixify_offer .errorExplanation ul{padding: 0; margin: 0 0 0 15px; color: #F54064; font-size: 12px;} .flixify_offer #errorExplanation li, .flixify_offer .errorExplanation li{line-height: 20px; list-style-image: none; } .flixify_offer #error_image{margin: -8px 10px 0px 0px; float: left; } .flixify_offer input.invalid, .flixify_offer .fieldWithErrors input, .flixify_offer .fieldWithErrors select{border: 2px solid #F54064 !important;} .flixify_offer form label.invalid{width: 220px !important; padding: 1px 0 0 85px; text-align: left; color: #F54064;} .flixify_offer form input.small{width: 50px !important;} .flixify_offer #button{margin: 20px 0 10px 0;cursor:pointer;} .signupgrade_button{margin: 1em 0;} #video_sample{margin: 20px 0 0 0;} #plans #plans_title{margin-bottom: 0; font-size: 46px; font-weight: bold; color: #1A1A1A; letter-spacing: -1px; text-align: center;} #plans #plans_subtitle{margin-bottom: 20px; font-size: 24px; font-weight: normal; color: #444444; text-align: center;} #best_value{position: absolute; top: 240px; left: 50px;} #plan_matrix{margin: 0 auto;} #plan_matrix{border: 2px solid #1A1A1A; padding: 0;} #plan_matrix tr td{width: 290px; text-align: center; vertical-align: top;} #plan_matrix .ultra, #plan_matrix .basic{background: #EFEFEF;} #plan_matrix .premium{background: #DFDFDF; border-left: 2px solid #1A1A1A; border-right: 2px solid #1A1A1A;} #plan_matrix .plan_title{margin: 0; padding: 20px 0 10px 0; height: 30px; font-size: 34px; font-weight: bold; color: #F53F65;} #plan_matrix .price{margin: .5em 0; padding: 0; font-size: 22px; font-weight: normal; line-height: 16px;} #plan_matrix .price #dvd_price{font-size: 11px;} #plan_matrix .monthly_savings{font-size: 12px; color: #F54064; font-weight: bold;} #plan_matrix ul{margin: 0 0 20px 0; list-style: none; font-size: 14px;} #plan_matrix ul li{padding: 4px 0; line-height: 14px;} #plan_matrix ul .even{color: #3F3F3F;} #plan_matrix ul li .help{font-size: 12px; font-weight: bold; color:#1B226F; cursor: help;} #plan_matrix .with_value{padding-bottom: 0;} #plan_matrix .value{padding-top: 0; font-size: 12px; color: #F54064; font-weight: bold;} #free_plan{margin: 0 0 2em 0; padding-right: 12px; text-align: right; font-size: 12px; color: #444444;} #signup_qna{float:left; padding-left: 8px; width: 530px;} #signup_qna h3{color: #92BF2F; font-size: 26px;} #signup_qna p{line-height: 22px;} #signup_qna .answer{display: block; padding-top: 6px;} #signup_image{float:right;} #contact_list{margin: 20px 0;} #contact_list li{padding: 4px 0 4px 0px; list-style-type: none;} #thanks_info {float:left; width: 430px;} #thanks_image {float:right; margin-bottom: 20px; padding-top: 24px} .faq dl{margin: 4px 0 20px 0;} .faq dl dt{padding: 10px 0 0 0; font-weight: bold; cursor: pointer;} .faq dl dt:hover{text-decoration: underline;} .faq dl dd{display: none; margin: 0 0 0 15px;} .faq dl dd p{margin: 10px 0 0 0; padding: 0;} .faq dl dd ul{margin: 15px 0 15px 20px; list-style-type: none;} .faq dl dd li{line-height: 1.3em; padding: 4px 0;} #signup_right{margin: 6px 0 20px 0;} /*************************main content starts*********************************/ /*************************left-nav starts*********************************/ #body_container .content .leftnav{float:left; width:224px; display:inline; margin-bottom:10px;} #body_container .content .leftnav ul{float:left; width:224px; list-style:none;} #body_container .content .leftnav li{display:block; padding:11px 0 11px 0; border-bottom: 2px dotted #CCC;} #body_container .content .leftnav li.last{background:none; border: none;} #body_container .content .leftnav li a{display:block; font:13px/18px Tahoma; color:#292929; text-decoration:none; padding-left:15px;} #body_container .content .leftnav li a:hover{background:url(../images/arrow_over.jpg) left center no-repeat;} #body_container .content .leftnav li.selected a{background:url(../images/arrow.jpg) left center no-repeat;} #body_container .content .leftnav li a.free span{color: #F54064; font-style: italic;} #body_container .content .leftnav img{float:left;} #body_container .content .leftnav h3{float:left; width:216px; background:url(../images/left_heading.jpg) left top no-repeat; padding:25px 0 8px 8px; font:30px/30px Arial, Helvetica, sans-serif; color:#fff;} /*************************left-nav ends*********************************/ /*************************right container starts*********************************/ #body_container .content .video_container{float:left; width:650px; padding-left:20px; margin-bottom:10px;} #body_container .content .video_container h1{float:left; width:640px; padding: 14px 0 8px 0; font:20px Arial, Helvetica, sans-serif; color:#000;} #body_container .content .video_container .video{float:left; margin-bottom: 12px; width:640px; border: 8px solid #ffffff;} #body_container .content .video_container .video #free_video{float: left; width: 425px;} #body_container .content .video_container .video #benefits{float: left; width: 180px;} #body_container .content .video_container .video #benefits{margin: 0 0 0 24px;} #body_container .content .video_container .video #benefits li{padding: 14px 0 0 2px; list-style-image: url(../images/icons/signup_bullet.gif); font-size: 146%;} #body_container .content .video_container p{padding:4px;} #body_container .content .video_container .img_container{width:632px; font:12px Tahoma; color:#3f3f3f;} #body_container .content .video_container #screenshots{margin: 0; padding: 0; list-style: none;} #body_container .content .video_container #screenshots li{padding: 14px 0 0 0;} #body_container .content .video_container .screenshot{float: left; width: 120px;} #body_container .content .video_container .description{float:left; width: 500px;} #body_container .content .video_container .description p{margin: 0 0 1em 0; padding: 0;} #body_container .content .video_container .description label {font-weight: bold; font-size: 110%;} #body_container .content .video_container .video_user_notes{padding:4px; } #body_container .content .video_container .video_user_notes ol{margin: 0 0 0 40px;} #body_container .content .video_container .video_user_notes li{padding-bottom: 6px;} #body_container .content #video_name{margin: 0; color: #92BF2F;} #body_container .content .video_container #video_material{width:642px; min-height: 380px;} #body_container .content .video_container #note_updated_at{margin: 5px 0;} #body_container .content .video_container #forum_header{margin: 4px 0 10px 0; font-size: 1.6em; color: #808080;} #body_container .content .video_container #forum_list{margin: 0; padding: 0; list-style: none;} #body_container .content .video_container #forum_list li{margin: 0; padding: 10px 14px; height: 68px;} #body_container .content .video_container #forum_list li.alt{background-color: #E6E6E5;} #body_container .content .video_container #forum_list li p{margin: 0; padding: 10px 0 0 0;} #body_container .content .video_container #forum_list li .question{float: left; width: 90%;} #body_container .content .video_container #forum_list li .reply{float: right; width: 10%; padding: 12px 0 0 0; text-align: right;} #body_container .content .video_container #forum_list li .reply a{text-decoration: none; font-size: 120%; font-weight: bold;color: #F54064;} #body_container .content .video_container #forum_list li .reply .grayed_out{color: #cccccc;} #body_container .content .video_container #forum_list li .question_link a{color: #F54064;font-size: 110%;} #body_container .content .video_container #forum_list li .question_date{} #body_container .content .video_container #forum_list li .poster{font-weight: bold; font-size: 105%;} #body_container .content .video_container #ask_question{float: right; padding: 16px 0 0 0;} #page .section{clear: both; padding: 10px 0 0;} #page .section h2{margin: 0 0 10px 0; font-size: 30px; color: #F54064;} #page .section p{margin: 0 0 1em 0;} #page #learn_links{float:left; width: 340px;} #page .section ul{margin: 0; padding: 0; list-style-image: url(../images/arrow_gray.png);} #page .section li{margin: 0 0 0 20px; padding: 0 0 10px 0;} #page div.divider_top{border-top: 2px dotted #CCC;} #page div.divider{border-bottom: 2px dotted #CCC;} #page .icon-left{float: left; height: 100px; width: 146px;} #page .icon-right{float: right; height: 100px; width: 146px; text-align: right;} #page .kit{margin: 0 0 60px 0; padding-top: 120px; width: 600px;} #page .kit ul{float:left; width: 190px; list-style-type: none; margin: 0; padding: 0 0 0 10px;} #page .kit li{padding: 0 0 6px 0;} #page .kit_description{width: 480px; padding-left: 10px;} .examples h2{} .examples h3{margin: .5em 0; color: #92BF2F;} .examples .video{margin: 0 0 4em 0;} /*************************right container ends*********************************/ /*************************jquery tabs starts*********************************/ .ui-tabs-hide { display: none; } /*************************jquery tabs starts*********************************/ /*************************body container ends*********************************/ /*************************footer starts*********************************/ #footer{float:left; width:100%; background:url(../images/footer_bg.jpg) center top no-repeat; margin-top: 10px; padding-bottom:300px;} #footer .footer_inner{width:960px; margin:0 auto; padding-left:47px;} #footer .footer_inner #site_info{float:left; width:201px; padding:50px 0 0 50px;} #footer .footer_inner #site_info strong{font:24px/34px Arial, Helvetica, sans-serif; color:#02a2e5;} #footer .footer_inner #must_see{float:left; width:201px; padding:85px 0 0 182px;} #footer .footer_inner #must_see strong{font:24px/34px Arial, Helvetica, sans-serif; color:#c51449;} #footer .footer_inner #usefull{float:left; width:201px; padding:40px 0 0 72px;} #footer .footer_inner #usefull strong{font:24px/34px Arial, Helvetica, sans-serif; color:#e1800d;} #footer .footer_inner #site_info h3.heading{padding-left:0; padding-bottom:8px;} #footer .footer_inner #site_info h3{padding-left:8px;} #footer .footer_inner #must_see h3.heading{padding-left:0; padding-bottom:8px;} #footer .footer_inner #must_see h3{padding-left:15px;} #footer .footer_inner #usefull h3.heading{padding-left:0; padding-bottom:8px;} #footer .footer_inner #usefull h3{padding-left:15px;} #footer .footer_inner ul{list-style-type: none;} #footer .footer_inner li{display:block; font:12px/24px Tahoma;} #footer .footer_inner li a{color:#f54064; text-decoration:none;} /*************************footer ends*********************************/ /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://themeroller.com/?tr=&ffDefault=segoe%20ui,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=e6e6e5&bgTextureHeader=02_glass.png&bgImgOpacityHeader=22&borderColorHeader=59584f&fcHeader=ffffff&iconColorHeader=e7e6e4&bgColorContent=ffffff&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=808080&bgColorDefault=AEDB47&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=25&borderColorDefault=AEDB47&fcDefault=000000&iconColorDefault=eeeeee&bgColorHover=89bd3d&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=25&borderColorHover=327E04&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=07_diagonals_small.png&bgImgOpacityActive=100&borderColorActive=c4c5c3&fcActive=403D38&iconColorActive=8DC262&bgColorHighlight=fcf0ba&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=e8e1b5&fcHighlight=363636&iconColorHighlight=8DC262&bgColorError=ffedad&bgTextureError=03_highlight_soft.png&bgImgOpacityError=95&borderColorError=e3a345&fcError=cd5c0a&iconColorError=cd0a0a&bgColorOverlay=2e2e28&bgTextureOverlay=21_glow_ball.png&bgImgOpacityOverlay=25&opacityOverlay=65&bgColorShadow=f0f0f0&bgTextureShadow=01_flat.png&bgImgOpacityShadow=35&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: segoe ui, Arial, sans-serif; font-size: 1.1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: segoe ui, Arial, sans-serif; font-size: 1em; } .ui-widget-header { border: 1px solid #59584f; background: #e6e6e5 url(/images/ui_theme/ui-bg_glass_22_e6e6e5_1x400.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(/images/ui_theme/ui-bg_highlight-soft_100_ffffff_1x100.png) 50% top repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #AEDB47; background: #AEDB47 url(/images/ui_theme/ui-bg_highlight-soft_25_AEDB47_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #000000; outline: none; } .ui-state-default a { color: #333333; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #327E04; background: #89bd3d url(/images/ui_theme/ui-bg_highlight-soft_25_89bd3d_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; outline: none; } .ui-state-hover a { color: #ffffff; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #c4c5c3; background: #ffffff url(/images/ui_theme/ui-bg_diagonals-small_100_ffffff_40x40.png) 50% 50% repeat; font-weight: bold; color: #403D38; outline: none; } .ui-state-active a { color: #403D38; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #e8e1b5; background: #fcf0ba url(/images/ui_theme/ui-bg_glass_55_fcf0ba_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #e3a345; background: #ffedad url(/images/ui_theme/ui-bg_highlight-soft_95_ffedad_1x100.png) 50% top repeat-x; color: #cd5c0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd5c0a; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(/images/ui_theme/ui-icons_808080_256x240.png); } .ui-widget-content .ui-icon {background-image: url(/images/ui_theme/ui-icons_808080_256x240.png); } .ui-widget-header .ui-icon {background-image: url(/images/ui_theme/ui-icons_e7e6e4_256x240.png); } .ui-state-default .ui-icon { background-image: url(/images/ui_theme/ui-icons_eeeeee_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/images/ui_theme/ui-icons_ffffff_256x240.png); } .ui-state-active .ui-icon {background-image: url(/images/ui_theme/ui-icons_8DC262_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(/images/ui_theme/ui-icons_8DC262_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/images/ui_theme/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; } .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #2e2e28 url(/images/ui_theme/ui-bg_glow-ball_25_2e2e28_600x600.png) 50% 35% repeat-x; opacity: .65;filter:Alpha(Opacity=65); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #f0f0f0 url(/images/ui_theme/ui-bg_flat_35_f0f0f0_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; } /* Tabs ----------------------------------*/ .ui-tabs {padding: .2em;} .ui-tabs-nav { padding: .2em .2em 0 .2em; position: relative; } .ui-tabs-nav li { float: left; border-bottom: 0 !important; margin: 0 .2em -1px 0; padding: 0; } .ui-tabs-nav li a { display:block; text-decoration: none; padding: .5em 1em; } .ui-tabs-nav li.ui-tabs-selected { padding-bottom: .1em; border-bottom: 0; } .ui-tabs-panel { padding: 1em 1.4em; display: block; border: 0; background: none; } .ui-tabs-hide { display: none !important; } /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ div.pp_pic_holder .pp_top .pp_left { background: url(../images/prettyPhoto/light_rounded/tl.gif) top left no-repeat; } /* Top left corner */ div.pp_pic_holder .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.pp_pic_holder .pp_top .pp_right { background: url(../images/prettyPhoto/light_rounded/tr.gif) top left no-repeat; } /* Top right corner */ div.pp_pic_holder .pp_content { background-color: #fff; } /* Content background */ div.pp_pic_holder .pp_content a.pp_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.pp_pic_holder .pp_content a.pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.pp_pic_holder .pp_content a.pp_expand { background: url(../images/prettyPhoto/light_rounded/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */ div.pp_pic_holder .pp_content a.pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */ div.pp_pic_holder .pp_content a.pp_contract { background: url(../images/prettyPhoto/light_rounded/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */ div.pp_pic_holder .pp_content a.pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */ div.pp_pic_holder .pp_content a.pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/btnClose.png) center left no-repeat; cursor: pointer; } /* Close button */ div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/arrow_previous.png) top left no-repeat; } /* The previous arrow in the bottom nav */ div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/arrow_next.png) top left no-repeat; } /* The next arrow in the bottom nav */ div.pp_pic_holder .pp_bottom .pp_left { background: url(../images/prettyPhoto/light_rounded/bl.gif) top left no-repeat; } /* Bottom left corner */ div.pp_pic_holder .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.pp_pic_holder .pp_bottom .pp_right { background: url(../images/prettyPhoto/light_rounded/br.gif) top left no-repeat; } /* Bottom right corner */ div.pp_pic_holder .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ div.ppt div.ppt_left { background: url(../images/prettyPhoto/light_rounded/ttl.gif) top left no-repeat; } div.ppt div.ppt_right { background: url(../images/prettyPhoto/light_rounded/ttr.gif) top left no-repeat; } div.ppt div.ppt_content { background: url(../images/prettyPhoto/light_rounded/ttp.gif) top left repeat-x; } p.pp_description { color: #fff;} /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/dark_rounded/tl.png) top left no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/dark_rounded/tr.png) top left no-repeat; } /* Top right corner */ div.dark_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/dark_rounded/bl.png) top left no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/dark_rounded/br.png) top left no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded div.ppt_left { background: url(../images/prettyPhoto/dark_rounded/tl.png) top left no-repeat; } div.dark_rounded div.ppt_right { background: url(../images/prettyPhoto/dark_rounded/tr.png) top right no-repeat; } div.dark_rounded div.ppt_content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_top .pp_left , div.dark_square .pp_top .pp_middle, div.dark_square .pp_top .pp_right, div.dark_square .pp_bottom .pp_left, div.dark_square .pp_bottom .pp_middle, div.dark_square .pp_bottom .pp_right, div.dark_square .pp_content, div.dark_square div.ppt_left, div.dark_square div.ppt_right, div.dark_square div.ppt_content { background: url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_top .pp_left , div.light_square .pp_top .pp_middle, div.light_square .pp_top .pp_right, div.light_square .pp_bottom .pp_left, div.light_square .pp_bottom .pp_middle, div.light_square .pp_bottom .pp_right, div.light_square .pp_content, div.light_square div.ppt_left, div.light_square div.ppt_right, div.light_square div.ppt_content { background: #fff; } div.light_square div.ppt_content { color: #666666; } /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; position: absolute; top: 0; left: 0; z-index: 9500; width: 100%; } div.pp_pic_holder { position: absolute; z-index: 10000; width: 100px; } div.pp_pic_holder .pp_top { position: relative; height: 20px; } * html div.pp_pic_holder .pp_top { padding: 0 20px; } div.pp_pic_holder .pp_top .pp_left { position: absolute; left: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_top .pp_middle { position: absolute; left: 20px; right: 20px; height: 20px; } * html div.pp_pic_holder .pp_top .pp_middle { position: static; left: 0; } div.pp_pic_holder .pp_top .pp_right { position: absolute; top: 0; left: auto; right: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_content { position: relative; text-align: left; width: 100%; height: 40px; } div.pp_pic_holder .pp_content .pp_details { display: none; margin: 10px 15px 2px 20px; } div.pp_pic_holder .pp_content .pp_details p.pp_description { display: none; float: left; margin: 0; } div.pp_pic_holder .pp_content .pp_details .pp_nav { float: left; margin: 3px 0 0 0; } div.pp_pic_holder .pp_content .pp_details .pp_nav p { float: left; margin: 0 4px; } div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous, div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next { float: left; display: block; width: 14px; height: 15px; overflow: hidden; text-indent: -10000px; margin-top: 3px; } div.pp_pic_holder .pp_content .pp_details .pp_nav a.disabled { background-position: 0 -16px; cursor: default; } div.pp_pic_holder .pp_content div.hoverContainer { position: absolute; z-index: 2000; top: 0; left: 0; width: 100%; } div.pp_pic_holder .pp_content a.pp_next { display: block; float: right; text-indent: -10000px; width: 49%; height: 100%; background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; } div.pp_pic_holder .pp_content a.pp_previous { display: block; float: left; text-indent: -10000px; width: 49%; height: 100%; background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; } div.pp_pic_holder .pp_content a.pp_expand, div.pp_pic_holder .pp_content a.pp_contract { position: absolute; z-index: 20000; top: 10px; right: 30px; cursor: pointer; display: none; text-indent: -10000px; width: 20px; height: 20px; } div.pp_pic_holder .pp_content a.pp_close { float: right; display: block; text-indent: -10000px; } div.pp_pic_holder .pp_bottom { position: relative; height: 20px; } * html div.pp_pic_holder .pp_bottom { padding: 0 20px; } div.pp_pic_holder .pp_bottom .pp_left { position: absolute; left: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_bottom .pp_middle { position: absolute; left: 20px; right: 20px; height: 20px; } * html div.pp_pic_holder .pp_bottom .pp_middle { position: static; left: 0; } div.pp_pic_holder .pp_bottom .pp_right { position: absolute; top: 0; left: auto; right: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_loaderIcon { display: none; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; width: 24px; height: 24px; } div.pp_pic_holder #full_res { width: 100%; text-align: center; } div.pp_pic_holder #full_res { display: block; margin: 0 auto; } div.ppt { display: none; position: absolute; top: 0; left: 0; z-index: 9999; color: #fff; font-size: 13px; } div.ppt div.ppt_left, div.ppt div.ppt_right { float: left; width: 19px; height: 23px; overflow: hidden; } div.ppt div.ppt_content { float: left; line-height: 23px; } /* ------------------------------------------------------------------------ Miscellaneous ------------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ *{padding: 0; margin: 0;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {background: url(/images/macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color:#e8e8e8; height:27px; } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }