/*------------------------------------------------------------------ Copyright 2011 ITAgility. All rights reserved. --------------------------------------------------------------------*/ /* Global ---------------------------------------------*/ html{height: 100%;} * {margin: 0; padding: 0;} img {border: 0;} img.help {position: relative;} img.icon {margin: 0 5px 0 0;display: inline;} .text {font-size: 13px;} .showEl{display: block;} .hideEl{display: none;} ul li{color: #4E4E4E; font: 14px/1.6em Helvetica,Tahoma,Arial,Verdana,sans-serif;} #content ul li{padding-left: 5px;} /* =Basic styles ---------------------------------------------------------------------*/ body.notloggedin {background-color: #EEE; height: 100%; font: normal 66.5% Arial, Helvetica, sans-serif;} body.loggedin {background-color: #EEE; height: 100%; font: normal 66.5% Arial, Helvetica, sans-serif;} /*body.loggedin #wrapper {height: 100%; background: transparent url(http://itsites.s3.amazonaws.com/fanheadback_small7.jpg) 0px 0px repeat-x; } body.notloggedin #wrapper {height: 100%; background: transparent url(http://itsites.s3.amazonaws.com/fanheadback_small7.jpg) 0px 0px repeat-x; } */ body.loggedin #wrapper.homepage {height: 100%; background: transparent url(http://itsites.s3.amazonaws.com/fanheadback_small8.jpg) 0px 0px repeat-x; } body.notloggedin #wrapper.homepage {height: 100%; background: transparent url(http://itsites.s3.amazonaws.com/fanheadback_small8.jpg) 0px 0px repeat-x; } #messagestack{margin-left: 10px; font-size: 14px;} /* Generic Classes ---------------------------------------------*/ h1 {font-size: 40px;font-family: Georgia, "Bitstream Vera Serif", "Times New Roman", serif;font-weight: normal;text-rendering: optimizeLegibility;margin: 15px 0 15px 0px;} h2{font-family: Arial, Helvetica, sans-serif;font-weight: bold;margin: 12px 0;font-size: 24px;} h3{font-family: Arial, Helvetica, sans-serif;font-weight: bold;margin: 8px 0;font-size: 18px;} .big-block {padding: 0 16px;color: #888;font-size: 20px;line-height: 32px;} p { font: 14px Helvetica, Tahoma, Arial, Verdana, sans-serif; color: #4E4E4E;line-height: 1.6em;} .modulebox {-moz-box-shadow: 5px 5px 2px #888;-webkit-box-shadow: 5px 5px 2px #888;box-shadow: 5px 5px 2px #888; color: #333333; margin: 10px 10px 20px 10px; padding: 15px;background: #EEEFEF; border: 1px solid #DDD;border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;padding: 15px;} .modulebox2{padding: 15px; margin: 10px 10px 20px 10px;} .moduleboxclear{padding: 15px; margin: 10px;} .box{} .row {border-bottom: 1px solid #DDD;padding: 12px;} .round{border: 1px solid #CCC; border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;} /* =Content ---------------------------------------------------------------------*/ #content.small {display: inline; float: left; width: 770px;} #content.mid {display: inline; float: left; width: 815px;} #content.full {display: inline; float: left; width: 1072px;} #content.small #main_left_col {display: inline; float: left; width: 335px;} #content.mid #main_left_col{display: inline; float: left; width: 410px;} #content.full #main_left_col{display: inline; float: left; width: 530px;} #content.small #main_right_col {display: inline; float: right; width: 335px;} #content.mid #main_right_col{display: inline; float: right; width: 410px;} #content.full #main_right_col{display: inline; float: right; width: 530px;} /*Admin Module Pops*/ .sashMod{width: 250px;} .maincolumn{width: 530px;} .mainmidcolumn{width: 410px;} .mainsmallcolumn{width: 335px;} .mainMod{width: 1072px;} .mainMidMod{width: 815px;} .mainSmallMod{width: 770px;} /* right sash*/ #sidebar.right{float: right; margin-right: 10px;} #sidebar.left{float:left;} #sidebar{width: 250px; padding-top: 15px;} /* Billboard*/ h1.billboard {font-size: 60px;font-family: Georgia, "Bitstream Vera Serif", "Times New Roman", serif;font-weight: normal;text-rendering: optimizeLegibility;margin: 15px;} .bb_subtext{text-rendering: optimizeLegibility; color: #888;font-size: 28px;line-height: 32px;} .txtsmall{font-size: 12px; } .txtlarge{font-weight: bold; font-size:28px; color: black; text-rendering: optimizeLegibility;} /* About Us */ .desc img {position: absolute;top: 20px;left: 12px;} .desc {position: relative; min-height: 200px; padding: 8px 12px 10px 140px;} /* News */ /* Search */ #search-bar{padding: 0px; margin: 0px;} #searchButton {padding:0 0 0 5px; margin: 8px 2px 0 -26px;float: left;border-left: 1px solid #CCCCCC;} #content #search-bar fieldset{font-size: 12px; border:1px solid #CCC; margin:0;border-bottom: 0;} #content #search-bar fieldset.noborder{font-size: 12px; padding: 0px 0px 20px 1px; margin:0px 0px 4px 0px;border: 0px;} #search-bar fieldset #q {float:left; padding-right: 37px; height:30px; padding-left: 5px; margin: 0px 0 5px; font-size: 16px; margin-left: -1px; border:1px solid #CCCCCC;} .firsttext{color: #666666; font-size: 14px;} ul.scroll { margin: 0; padding: 0;} #clearsearchid{color:#999;cursor:pointer;font-size:12px;margin: 8px 0 0 -43px;padding:0;text-align:right; width:10px; float: left} #clearsearchid a{color:#999;} #clearsearchid a:visited{color:#999;font-size: 12px;text-decoration: none;} #clearsearchid a:hover{color: black;font-size: 12px;text-decoration: none;} /* no results */ #content div.tab_content ul.scroll ul.actionslinklist li{padding: 0 0 5px;} #content div.tab_content ul.scroll ul.actionslinklist{padding-top: 0px;} #content div.content_tab li.navContentEntry div.noresults div.expandoptions{margin-left: 52px; text-align: left; padding: 40px 0 0 35px; font-size: 12px;} #content div.content_tab li.navContentEntry div.noresults div.expandoptions ul{list-style-type: square; margin-left: 14px;} #content div.content_tab li.navContentEntry div.noresults div.expandoptions ul li{margin: 5px 0px 5px 0px;} #content div.content_tab li.navContentEntry div.noresults{margin-bottom: 50px;text-align: center; margin-right: 80px; font-size: 14px; font-weight: bold; color: #484848;} #content div.content_tab div#notfoundquery{padding: 5px 5px 5px 5px; font-size: 16px; color: black;} /* Demonstration Sites */ .example_wrapper{margin-left: 25px; border: 0px solid #FFF;overflow: auto;width: 100%} .section_header{text-align: left;} .section_header h1{color:#444;} .section_header table{width: 650px;} .ex_info{float: left; width: 375px; padding: 0 20px;} .ex_graphic{float: left; width: 575px; margin-bottom: 50px; padding: 0 20px;} .separator{margin-bottom: 15px;} .ex_info ul{margin-left: 33px;} .ex_info ul li{font-size: 14px; font-weight: bold; padding-top: 3px;;} .sec_calltoaction{font-weight: bold; font-size: 28px;margin-top: 20px; margin-left: 65px; margin-bottom: 20px; text-align: left;} /* Master Tab ---------------------------------------------------------------------*/ #content div.tabbed ul.tabs {margin: 0px; padding-left: 20px; overflow: hidden; height: 30px; border-top: 1px solid #f5f5f5; background: #edeff0 url(../i/tabs_nav_bg.gif) repeat-x;} #content div.tabbed ul.tabs li {display: inline; float: left; height: 30px; margin-left: -2px; background: url(../i/tabs_nav_border.gif) 100% 13px no-repeat; font-size:16px; font-weight: bold; line-height: 30px;} #content div.tabbed ul.tabs li.first {margin: 0;} #content div.tabbed ul.tabs li.last {background: transparent;} #content div.tabbed ul.tabs li.selected {background: #fff;} #content div.tabbed ul.tabs li a {display: block; padding: 0 15px 0 17px; color: #666;} #content div.tabbed ul.tabs li.first a {padding: 0 15px;} #content div.tab_content {clear: both; padding: 0px 10px 8px 20px; background: #fff; margin-top: 15px;} #content div.tab_content div.table {width: auto; border-top: 1px solid #ccc; margin: -22px -10px 0 -16px;} #content div.tab_content div.table_wrapper {width: auto; padding: 0; background: transparent;} div.table_wrapper_scroll {width: auto; height: 300px; overflow: auto; padding: 0; background: transparent;} #content div.tab_content span.table_bottom {display: none;} #content div.tab_content div.table div.buttons {border-top: 1px solid #ccc; padding: 15px 20px;} /* Results */ /* no results */ #content div.tab_content ul.scroll ul.actionslinklist li{padding: 0 0 5px;} #content div.tab_content ul.scroll ul.actionslinklist{padding-top: 0px;} #content div.content_tab li.navContentEntry div.noresults div.expandoptions{margin-left: 52px; text-align: left; padding: 40px 0 0 35px; font-size: 12px;} #content div.content_tab li.navContentEntry div.noresults div.expandoptions ul{list-style-type: square; margin-left: 14px;} #content div.content_tab li.navContentEntry div.noresults div.expandoptions ul li{margin: 5px 0px 5px 0px;} #content div.content_tab li.navContentEntry div.noresults{margin-bottom: 50px;text-align: center; margin-right: 80px; font-size: 14px; font-weight: bold; color: #484848;} #content div.content_tab div#notfoundquery{padding: 5px 5px 5px 5px; font-size: 16px; color: black;} /* No Tabbed Content*/ #content.mastertab div.content_tab,#content.mastertab div.pagination{padding:0 20px 20px;background:none repeat scroll 0 0 #FFFFFF;} #content.mastertab div.searchBox div.pagination p{color:#666666;font-size:11px;padding-left:0;} #content.mastertab div.searchBox div.pagination ul{color:#666666;font-size:11px;padding-right:0;} /* =Pagination (excludes pagination within TopicNavigator) ---------------------------------------------------------------------*/ div.pagination{height: 23px;} div.pagination ul {margin: 0px; float: right; padding: 0px; text-align: right; } div.pagination li {display: inline;} div.pagination p {float: left; margin: 0 !important; padding: 0 0 0 12px; width: 100px;} div.pagination li.prev {float: right;} div.pagination li.pager-current span {color: #666;} div.no_pagination {padding: 3px 12px;} div.no_pagination {padding: 10px 12px;} div.no_pagination {padding: 10px 12px;} div.no_pagination, div.no_pagination {margin: -5px 0 0 0; padding: 0;} div.pagination ul {padding-right: 0;font-size: 11px;color: #666666;} div.pagination p {padding-left: 0; font-size: 11px;color: #666666;} /* Sorting - dropdown */ div.pagination div.sortbox{float: left; max-width: 175px; display: inline-block; font-size: 14px; color: #3B5998; position: relative; top: -8px; left: 45px;} div.nopagin div.sortbox{position: relative; top: -3px; left: 145px;} div.pagination div.sortbox div.selectedsort{background: url("../i/navigator_h2_toggler_open.gif") no-repeat 98% center; font-weight: bold; padding: 5px 22px 5px 10px;border-style:solid;border-width:1px 1px 0px 1px; border-color: white;} div.pagination div.sortbox div.selectedsort.active{background: url("../i/navigator_h2_toggler_up.gif") no-repeat 98% center; border-color: #80A1C1; border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0;border-style:solid;border-width:1px 1px 0px 1px;} div.pagination div.sortbox ul.sortoptions{float: none; display: none; background-color: white; border-top: 1px solid #80A1C1;border-bottom: 2px solid #D0DAE3;min-width: 175px;position: absolute;z-index: 99999;} div.pagination div.sortbox ul.sortoptions li{border: 1px solid #80A1C1; display: block; text-align: left; padding: 5px 5px 5px 12px; border-top: none;} div.pagination div.sortbox ul.sortoptions li.hover{background-color: #E3E8F4;} /* Sorting - links */ div.pagination div.sortlinks{font-size: 12px; text-align: center; float: left; position: relative; top: -2px; width: 500px;} div.nopagin div.sortlinks{text-align: center; float: left; position: relative; top: -2px; left: 100px; width: 250px;} div.pagination div.sortlinks{float: left;} div.pagination div.sortlinks ul.sortoptions li div.selectedsort{font-weight: bold; color: #484848;} div.pagination div.sortlinks ul.sortoptions li{ float: left; padding: 1px 8px 1px 8px; font-size: 12px;} div.pagination div.sortlinks ul.sortoptions{background: orange; margin:0px auto; float: none;} /* Content */ div.content_tab li.entry {list-style-type:none; font-size: 12px; display:block;list-style-type: none;border-bottom:1px solid #d0d0d0;padding-top:10px;padding-bottom:10px;} div.content_tab li.entry span.title {display:block;color: #3B5998;} div.content_tab span.title a{font-size:16px;font-weight: bold;color: #3B5998;} div.content_tab li.entry span,div.content_tab li.entry p {font-size: 12px;color: black; margin: 2px 0px;} ul.scroll div.leftscon div.youtube, ul.scroll div.leftscontop div.youtube { float: right; padding-bottom: 10px; position: relative;margin: 0 0 0 10px;} ul.scroll div.leftscontop div.youtube img { border: none; cursor: pointer; margin: 0px !important; padding: 0px !important; } div.youtube .youtube_prew {width: 120px; height: auto} ul.scroll div.leftscon div.youtube img.yt-site-thumb-overlay, ul.scroll div.leftscontop div.youtube img.yt-site-thumb-overlay { bottom: 12px;height: auto;left: 4px;position: absolute;width: 25px;} ul.scroll li.collapse div.leftscon{display: none;} ul.scroll li.collapse ul.actionslinklist{display: none;} #content div.content_tab ul.scroll li.collapse{padding: 3px 0px 3px 2px; background-color:#EEEEEE;} div.content_tab li.entry span.metadata{display: block;} div.content_tab li.entry img {margin: 8px; padding: 1px; float: left;} div.content_tab li.entry span.metadata{display: block; margin: 0px; padding: 0x;} div.content_tab li.entry div.like_button{width: 140px; height: 25px; margin: 0px; padding: 0px; position: relative; top: 0px;float: left;} div.content_tab li.entry div.wall_post{float: right;} div.content_tab li.entry span.metadata span.source{margin: 0px; padding: 5px 0px 2px 0px;color: #808080; font-size: 12px;} div.content_tab span.metadata span.contentdate{margin: 0px; padding: 5px 0px; color: black; font-size: 12px;height: 15px;} div.content_tab li.entry span.abstract {display: block; font-size: 110%;line-height: 1.2em;margin-top: 5px;margin-bottom: 5px; color: black;} ul.scroll li.collapse div.topentry{display: none;} ul.scroll li.collapse p{display: none;} ul.scroll li.collapse div.fb_action{display: none;} div.content_tab ul.scroll li.collapse{padding: 3px 0px 3px 2px; background-color:#EEEEEE;} .fb_action {clear: both; height: 25px; padding-top: 2px;} .fb_action .wall_post{float: right;} /* Social Sharing */ li.navContentEntry div.leftscon ul.entrySocialActions, li.navContentEntry div.leftscontop ul.entrySocialActions {float: right; margin: 0px 0px 10px 0px !important; padding: 0px;zoom: 1; *display:inline;} li.navContentEntry div.leftscon ul.entrySocialActions li, li.navContentEntry div.leftscontop ul.entrySocialActions li {display: inline; margin: 0px 3px 0px 0px; padding: 0px !important;zoom: 1; *display:inline;} li.navContentEntry div.leftscon ul.entrySocialActions li.adjust-top, li.navContentEntry div.leftscontop ul.entrySocialActions li.adjust-top {position: relative; top: -3px;zoom: 1; *display:inline;} li.navContentEntry div.leftscon ul.entrySocialActions li a img, li.navContentEntry div.leftscontop ul.entrySocialActions li a img {border: none; float: none; margin: 0px; padding: 0px;zoom: 1; *display:inline;} li.navContentEntry div.leftscon ul.entrySocialActions li.linkedin-root, li.navContentEntry div.leftscontop ul.entrySocialActions li.linkedin-root { background: url("../i/social-sharing-sprite.png") no-repeat scroll 0px -41px transparent; display: inline-block; height: 16px !important; width: 16px !important;zoom: 1; *display:inline; } li.navContentEntry div.leftscon ul.entrySocialActions li.twitter-root, li.navContentEntry div.leftscontop ul.entrySocialActions li.twitter-root { background: url("../i/social-sharing-sprite.png") no-repeat scroll 0px -20px transparent; display: inline-block; height: 16px !important; width: 16px !important; zoom: 1; *display:inline;} li.navContentEntry div.leftscon ul.entrySocialActions li.facebook-root, li.navContentEntry div.leftscontop ul.entrySocialActions li.facebook-root { background: url("../i/social-sharing-sprite.png") no-repeat scroll 0px 0px transparent; display: inline-block; height: 16px !important; width: 16px !important; zoom: 1; *display:inline;} li.navContentEntry div.leftscon ul.entrySocialActions li.pinterest-root, li.navContentEntry div.leftscontop ul.entrySocialActions li.pinterest-root { background: url("../i/social-sharing-sprite.png") no-repeat scroll 0px -79px transparent; display: inline-block; height: 16px !important; width: 16px !important; zoom: 1; *display:inline;} li.navContentEntry div.leftscon ul.entrySocialActions li.gplus-root, li.navContentEntry div.leftscontop ul.entrySocialActions li.gplus-root { background: url("../i/social-sharing-sprite.png") no-repeat scroll 0px -61px transparent; display: inline-block; height: 16px !important; width: 16px !important; zoom: 1; *display:inline;} li.navContentEntry div.leftscontop ul.entrySocialActions li.gplus-root a,li.navContentEntry div.leftscontop ul.entrySocialActions li.pinterest-root a,li.navContentEntry div.leftscon ul.entrySocialActions li.pinterest-root a,li.navContentEntry div.leftscon ul.entrySocialActions li.gplus-root a,li.navContentEntry div.leftscon ul.entrySocialActions li.linkedin-root a, li.navContentEntry div.leftscontop ul.entrySocialActions li.linkedin-root a, li.navContentEntry div.leftscon ul.entrySocialActions li.twitter-root a, li.navContentEntry div.leftscontop ul.entrySocialActions li.twitter-root a, li.navContentEntry div.leftscon ul.entrySocialActions li.facebook-root a, li.navContentEntry div.leftscontop ul.entrySocialActions li.facebook-root a { display: inline-block; height: 16px !important; width: 16px !important; zoom: 1; *display:inline;} .like_wrapper{float: left;} /* Image Module */ div.image_entry{float: left; width: 150px; height: 160px; padding: 3px;text-align: center;} div.image_entry_selected{float: left; width: 150px; height: 160px; padding: 3px;text-align: center;} div.image_entry_selected .b_image{position: relative; z-index: 1000;} .image_entry div.b_overlay{display: none;} .image_entry_selected div.b_overlay{display: block;} .image_entry .b_image{position: relative; z-index: 100;} div.image_entry div.b_overlay_contents{display: none;} div.image_entry_selected div.b_overlay{display: block; -webkit-border-radius:4px 4px 4px 4px;border-radius: 4px 4px 4px 4px; border: 1px solid #999999; position: absolute; z-index: 800; background-color: #E6E6E6; width: 190px; height: 210px;} .b_image_actions{width: 100%; text-align: center; margin-top: 184px; margin-left: 10px; width: 180px;} .post_wall_text{font-weight: bold; font-size: 14px;} .b_limage_fb_action{font-size: 14px; padding: 0 10px;margin: 20px 0 10px;clear:both;} .fb_comments_wrapper{padding: 20px 0px 20px 0px; clear: both; height: auto;} .prototip div.imagepopup{width: 505px;} #b_search_results{margin-left: 10px;} div.tab_content #b_search_results{margin-left: 0px;} /* Message Stack ---------------------------------------------*/ .messages {margin-bottom: 10px;} .messages_good {color: #00CC00;font-weight: bold;} .messages_bad {color: #FF0000;font-weight: bold;} div.movecontrol {display: none;} /* JS Generated ---------------------------------------------*/ .superNode {/*width: 500px;*/} .kDatePicker {z-index: 1201;width: 161px;} .kDatePicker table {background-color: #fff;width: 161px;margin: 0;top: 0;border: 1px solid #D3D3D3;} .kDatePicker table caption {font-size: 10px;font-weight: bold;text-transform: uppercase;vertical-align: middle;color: #000;background: #DCDCDC; /* url(/themes/admin_default/i/bg_table_th.gif) repeat-x;*/height: 22px;line-height: 22px;border: 1px solid #c0c0c0;border-bottom: 0;} .kDatePicker table caption div.next,.kDatePicker table caption div.prev {float: left;cursor: pointer;width: 20px;} .kDatePicker table caption div.next {float: right;} .kDatePicker table tbody td {text-align: center;border: 1px solid #D3D3D3;border-width: 1px 1px 0 0;} .kDatePicker table tbody td.outOfBounds {color: #bbb;background-color: #f6f6f6;} .kDatePicker table tbody td.today {font-weight: bold;background-color: #e6e6e6;} .kDatePicker table tbody td, .kDatePicker table tfoot div {cursor: pointer;} .kDatePicker table tfoot td {border-top: 1px solid #D3D3D3;background-color: #e6e6e6;} .kDialog2 {font-family: arial, helvetica, sans-serif;background-color: white;border: 1px solid #ccc;text-align: left;} .kDialog2 dt {background-color: #CCCCCC;color: #666;font-size: 14px;font-weight: bold;height: 25px;line-height: 25px;font-weight: bold;margin-top: -5px;padding: 0 0px 5px 0;cursor: move;position: relative;} .kDialog2 dt em {font-style: normal;padding: 0px 0px 0px 0px;color: #666} .kDialog2 dt span.close {position: absolute;right: 10px;top: 11px;cursor: pointer;height: 14px;width: 14px;background: url(../i/icon_close3.gif) no-repeat;text-indent: -5000px;overflow: hidden;} .kDialog2 dd.content {border: none;padding: 0px;} .kDialog2 textarea {font-family:"lucida grande",tahoma,verdana,arial,sans-serif; padding: 3px; border:1px solid #BDC7D8; width: 500px; height: 50px; margin-top: 5px;font-size: 11px;} .kDialog2 div.buttons input {margin-right: 5px;} .kDialog2 ul{list-style-image: none;} .kDialog2 ul.cTreeFront{border-right: 1px solid #ccc;} .kDialog2 ul li{font-size: 10px;} /* Effect.throb*/ .throbber {background: white url(../i/throbber.gif) center 15px no-repeat;filter: alpha(opacity=40);opacity: 0.4;z-index: 1050;} .previewthrobber{background: white;filter: alpha(opacity=60);opacity: 0.6;z-index: 1050;} /* Form Basic*/ form fieldset {border: none;} form input.text, form input.password{padding: 2px;} form select{width: 208px; padding: 2px;} form textarea{width: 347px; padding: 2px; height: 150px;} form input.radio {vertical-align: middle;} a {color: #3B5998; text-decoration: none;} a:hover {text-decoration: underline;} span.error{color: red; font-weight: bold; font-size: 12px;display: block;margin-left: 90px;} #pmid_2294 span.error{margin-left: 0px;} legend {padding: 5px 10px;text-transform: uppercase;color: #635D57; font-size: 14px; } fieldset.top_border{margin-top: 10px;border-top: 1px solid #E5E2DE;padding: 0px 15px;} div.popupViewer div.installresponse{padding: 15px; font-size: 14px; color: #666666;} div.popupViewer div.installresponse .title{color: black; font-size: 18px;} div.popupViewer div.installresponse ul li{list-style-type: square; font-size: 14px;margin: 10px 0 10px 13px;} /*Account Forms */ form.content-form{margin-left: 25px;} form.content-form div label{float: left; color: #333333;font-size: 14px;width: 146px; font-weight: normal;} form.content-form div label span.red{color: red;} form.content-form div{margin: 10px 0px 10px 0px;} form.content-form fieldset.last div.buttons{margin-left: 145px;} #content form fieldset.last {margin: 0;} #content form fieldset.optional input.text, #content form fieldset.optional textarea, #content form fieldset.required input.text, #content form fieldset.required textarea, #content #pmid_1659 form div div input.password {width: 50%;} #content form fieldset.required select, #content form fieldset.optional select {width: 51%;} #content form input.readonly {color: #666;} #content form fieldset.hidden {overflow: hidden; height: 0; margin: 0;} #content form div.iefix {height: 1%;} #content form p {margin: 0 0 1em; font-size: 120%;} #content form div p {font-size: 110%;} #content form fieldset.checks div label{float: none;} #content form div div ul {display: block; float: left; width: 364px; margin: 10px 0 0 -225px; color: #0072bc; font-size: 100%; font-weight: normal;} #content form div#compress-cx ul {display: block; float: left; width: 261px; margin: 0px 0 0 5px; color: #0072bc; font-size: 100%; font-weight: normal;} #content form div div label{display: inline; width: auto; margin-left: 0; color: #666; font-size: 100%; font-weight: normal;} #content form div div ul li label{display: inline; float: none; width: auto; margin-left: 0; color: #666; font-size: 100%; font-weight: normal;} form.content-form div.pm{font-size: 14px; padding: 10px 15px;background: #FFD;margin-left: 145px;margin-top: 15px; margin-bottom: 25px; width: 300px; margin-right: 60px;border: 1px solid #DDD;} form select.cc_month{width: 55px;} form select.cc_year{width: 75px;} #payment-errors{color: red; font-size: 12px;} /*Subscription*/ #subscriptioncosts .bold{font-weight: bold;} #subscriptioncosts .pricecol{text-align:right;} /* aAccordion */ div.aAccordion h2,div.aAccordion h3,form.aAccordion h2,form.aAccordion h3{font-size: 14px;font-weight: bold;background-color: #E6E5E6;line-height: 23px;border: 1px solid #CCCCCC;border-right: 0;border-left: 0;margin: 0 0 7px 0;padding: 0 10px;} div.aAccordion h3,form.aAccordion h3 {padding-left: 20px;background: #E6E6E6 url(../i/navigator_h2_toggler.gif) no-repeat 8px 6px;cursor: pointer;} div.aAccordion h3.selected,form.aAccordion h3.selected {padding-left: 20px;background: #E6E6E6 url(../i/navigator_h2_toggler_open.gif) no-repeat 5px 8px;} /* Contact Us Form */ #content .contact_modattr{margin-top: 15px;} #content div.contact_formBox form div label {float:left; color: #333; font-size: 14px; width: 85px;} #content div.contact_formBox form {padding: 15px 10px 10px 15px;} #content div.contact_formBox form div div {margin-bottom:15px;} #content div.contact_formBox form div.buttons{padding-left: 171px;} #content div.contact_formBox form textarea{margin-top: 10px;} #content .contact_modattr{-moz-box-shadow: 5px 5px 2px #888;-webkit-box-shadow: 5px 5px 2px #888; margin: 15px; background-color: #F2F2F2; padding:15px;border:1px solid #D2D2D2;border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;} /* Wrappers ---------------------------------------------------------------------*/ #container {width: 1100px; margin: 0 auto; padding: 15 0 20px; text-align: left; z-index: 10;} /* Header ---------------------------------------------------------------------*/ #container.loggedin #header {height: 111px; width: 1085px; margin: 0 4px;} #container.notloggedin #header {height: 111px; width: 1085px; margin: 0 4px;} #container.loggedin #header h1 a {display: block; overflow: hidden; position: absolute; left: 12px; top: 10px; height: 35px; width: 172px; background: url(../i/logo2.jpg) 0 0 no-repeat; text-indent: -10000px;} #container.notloggedin #header h1 a {display: block; overflow: hidden; position: absolute; left: 12px; top: 10px; height: 65px; width: 276px; background: url(../i/SP_184_60px.png) 0 0 no-repeat; text-indent: -10000px;} #header h1 a {position: static;} /*DropDownLists*/ .dropdownmenu{font-size: 12px; background-color: #FFF; width: 150px; margin-bottom: 5px;} .dropdownmenu-title{width: 100px; padding-left: 30px;font-size: 16px; font-weight: bold;} .listopen .dropdownmenu-title{border-color: #CCC; border-width: 1px 1px 0px 1px; border-style: solid; border-radius:4px 4px 0px 0px; -webkit-border-radius:4px 4px 0px 0px;} .listclosed .dropdownmenu-title{border-color: #FFF; border-width: 1px 1px 0px 1px; border-style: solid;} .dropdownmenu img{position: relative; top: 3px; right: 2px; height: 23px} .dropdownmenu-list img{position: relative; top: 7px; right: 2px; height: 23px} ul.dropdownmenu-list{margin: 0px; width: 148px; border-color: #CCC; border-width: 0px 1px 1px 1px; border-style: solid; display: none; position: absolute; list-style-type: none; z-index: 100;background-color: #FFF;border-radius:0px 0px 4px 4px; -webkit-border-radius:0px 0px 4px 4px;} ul.dropdownmenu-list li{border-top: 1px #CCC solid; } ul.dropdownmenu-list li a{padding-bottom: 4px; text-decoration: none; display: block; height: 28px; padding: 2px 0 8px;} ul.dropdownmenu-list li:hover{background-color: #EEE;} /* DropDownList Editor Enh*/ #cc_form .dropdownmenu{width: 50px;} #cc_form .dropdownmenu-title img{height: 12px; positon: relative; top: 1px; left: -5px;} #cc_form .dropdownmenu-title{width: 50px; padding: 8px 0 2px 15px; font-size: 12px; font-weight: normal;} #cc_form ul.dropdownmenu-list{margin: 0px; width: 105px; display: none;} /* Navigation ---------------------------------------------------------------------*/ #container.notloggedin #navigation_wrapper {height: 26px; width: 960px; margin: 18px 4px 0px 2px;} #container.loggedin #navigation_wrapper {height: 26px; width: 1085px; margin: 18px 4px 0px 2px;} #navigation {} ul#nav {list-style-type: none; position: relative; width: 1085px;} ul#nav li {position: relative;font-weight: 575;margin: 0px; border-right: 1px solid #888; display: inline-block; float: left; font-size: 16px; line-height: 26px;} ul#nav li a:hover {text-decoration: none;color: #fff !important; text-decoration: none;} ul#nav li.selected a:hover {color: #FFF;} ul#nav li.selected a {color: #FFF;} ul#nav li a {padding-right: 12px; padding-left: 12px; color: #CCC;} ul#nav ul li.last {border-right: none;} ul#nav li.isHovering{background-color: #555;} ul#nav li.isHovering a {color: #FFF;} ul#nav li.selected{background-color: #777; } /* Header Bottom */ #header_bottom{height: 148px;} /* =Subnavigation */ ul#nav li ul {left: -999em; display: none;} ul#nav li.isHovering ul {background-color: #999; width: 185px;-webkit-box-shadow: 2px 2px 5px #aaa;moz-box-shadow: 2px 2px 5px #aaa;border-radius: 0px 0px 4px 4px;box-shadow: 2px 2px 5px #aaa;-moz-border-radius: 0px 0px 4px 4px;border-width: 1px; border-top-width: 0px; border-color: #888; border-style:solid; display: block; position: absolute; left: 0px; top: 26px; text-align: left; z-index: 300;} ul#nav li.isHovering ul li {cursor: pointer; display: inline; color: #FFF; line-height: 1.7; border-right: none; width: 100%;} ul#nav li.isHovering ul li.isHovering{background-color: #888;} ul#nav li.isHovering ul li.last {border-right: none;} ul#nav li.isHovering ul li a {margin-top: -3px;} ul#nav li.isHovering ul li.selected a {font-weight: bold;} ul#nav li.isHovering ul li a:hover {text-decoration: none;} ul#nav li.isHovering li.selected{background-color: #999;} /* --> =Main */ body #wrapper #container #main_wrapper {width: 1092px; min-height: 700px; margin: 0px 0px 0px 0px; background-color: #FFF; border-left: 1px solid; border-right: 1px solid; border-color: #C5C5C5; } body.loggedin #wrapper #container #main_wrapper {width: 1092px; min-height: 700px; margin: 0px 0px 0px 0px; background-color: #FFF; border-left: 1px solid; border-right: 1px solid; border-color: #C5C5C5; } #main , #mainhome {width: 1079px; padding: 0px 2px 20px 10px;} #container.notloggedin #mainhome {background: #fff} #container.loggedin #mainhome {background: #fff} #main {padding-top: 24px;} #main_wrapper.subnav #main , #main_wrapper.subnav #mainhome {padding-top: 4em;} /* --> Page title */ #top {padding: 0 13px 12px;} #top h2 {margin: 0; font-size: 160%; font-weight: bold;} #breadcrumbs {padding: 5px 0 0;} #breadcrumbs a {color: #a1a1a0;} #breadcrumbs span.selected {color: #3399cc;} /* -> Plain sidebar box */ #sidebar div.plain {clear: both; } #content div.plain {display: inline; float: left; width: 228px; margin: 0 0 18px 10px; padding: 6px 0 0 0;} #sidebar div.plain_inside {margin: 10px; border: 1px solid #DEDEDE; width: 228px; padding: 0; background: #fff; margin-bottom: 15px; webkit-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -moz-border-radius: 4px;} #sidebar div.plain_inside_content {padding: 9px 0px 6px 12px; width:205px; } #sidebar div.plain_inside_content dt{line-spacing: 20px;} #sidebar div.plain_inside_content a{color: #4E4E4E; font-size: 13px; font-weight: bold;} #sidebar div.plain_inside_btm {height:4px; width:228px; font-size:1px; margin-top: 25px; } #sidebar div.plain_inside li {list-style-type: none;} #sidebar div.plain_inside dl dt {margin: 10px 0px 10px 0px; clear: both} #sidebar dl.max_height_tall {max-height: 800px; overflow:auto;} #sidebar dl.max_height_medium {max-height: 400px; overflow:auto;} #sidebar dl.max_height_short {max-height: 200px; overflow:auto;} #sidebar div.plain_inside_content a.img{padding: 0px 10px 10px 0px;float: left;} dl.plain_inside_content img{height: 50px; width: 50px; border: 1px solid #ccc; padding: 5px;} #sidebar div.shareFiles .contentOverflow, #sidebar div.recommendation .contentOverflow { overflow-y:auto; max-height: 86px; } #sidebar div.land_box {width: 145px; padding: 1px 12px 0px 5px; background: #efead0; padding-bottom: 1px; border-top: 1px solid #8F917F; margin-bottom: 15px;} #sidebar div.land_box p {margin: 0px;} #sidebar div.land_box li {list-style-type: none;} #content div.plain_inside {width: 343px; padding: 0px 9px 1px 12px; background: #ffffff} #content div.plain_inside h3 {padding: 0 0 5px; color: #0072bc;} #sidebar span.plain_bottom {clear: both; display: block; overflow: hidden; height: 6px; width: 181px; ;} #sidebar div.plain input.text, #sidebar div.plain input.password {width: 150px;} .boxname {color: #4E4E4E; background-color: #DDD; font-weight: bold;font-size: 16px; padding: 8px 0px 8px 12px; border-bottom: 1px solid #CCC;} /* =Tables ---------------------------------------------------------------------*/ /* --> Text Tables */ #content div.text {font-size: 110%;} #content div.freetext {font-size: 110%;} #content div.one-em {margin-left: 2em; margin-top: 1em; margin-bottom: 1em;} #content div.text table {border-collapse: collapse; background-color: #ffffff;} #content div.text table.clear {border-collapse: collapse; background: transparent;} #content div.freetext tr td {border-right:none;} #content div.text h3 {color: #0072bc;} #content div.text td {vertical-align: top; border: none;} #content div.text li {margin-bottom: 8px;} /* --> Div Tables */ /* =Forms ---------------------------------------------------------------------*/ #content div.formBox_wrapper form{padding: 15px 10px 10px 15px;} #content div.formBox_wrapper p.formtext{padding: 10px 5px 5px 5px; padding-left: 15px; font-size: 110%; font-weight: normal;} #content div.formBox h3{padding: 0 0 5px; color: #333; font: bold 140%/1 Arial, Helvetica, sans-serif;} div.kDialog2 form#invite-form div label{margin-top: 5px; font-weight: bold; float: left; width: 100px; color: #0072BC; font-size: 110%;} div.kDialog2 form#invite-form div#addemaillabel label{margin-top: 0px;} div.kDialog2 form#invite-form input.text{width: 250px; padding-bottom: 2px; margin-top: 5px;} div.kDialog2 div.hide{display: none;} div.kDialog2 div.addemail{margin-top: 10px; padding-left: 101px;} div.kDialog2 div.addemail a{font-size: 125%; padding: 3px; text-decoration:none;} div.kDialog2 div.addemail img{position: relative; left: -4px; top: 1px;} div.kDialog2 form#invite-form ul.showHide{margin-top: 10px; margin-bottom: 10px; list-style-image:none;list-style-position:outside;list-style-type:none;} div.kDialog2 ul.showHide li.subTabLinks span.links{color:#0072BC;cursor:pointer;font-size:125%;font-weight:bold;padding-left:15px;} div.kDialog2 ul.showHide li.subTabLinks.open span.links{background:transparent url(../i/navigator_h2_toggler_open.gif) no-repeat scroll left center;} div.kDialog2 ul.showHide li.subTabLinks.closed span.links{background: transparent url(../i/navigator_h2_toggler.gif) no-repeat scroll left center} div.kDialog2 ul.showHide li.subTabLinks.closed div{display: none;} div.kDialog2 ul.showHide li.subTabLinks div{padding-left: 75px; padding-top: 10px;} div.kDialog2 ul.showHide li.subTabLinks div ul{list-style-type: none;} div.kDialog2 ul.showHide li.subTabLinks div ul li td{padding-top: 3px; padding-bottom: 0px; width: 175px; margin: 0px} /* --> Columns and checkboxes */ #content form div.cols, #content_nosash form div.cols {margin-bottom: 10px;} #content form div.cols ul.checkbox.col{float: left; width: 50%;} #content form div ul.checkbox{margin-bottom: 2em;} #content form div ul.checkbox li, #content form div ul.radio li, #content form div ul li label input.checkbox{margin-right: 5px;} #content form div ul.checkbox li label, #content form div ul.radio li label, #content form div ul.checkbox_tiers li{font-weight: bold; margin-bottom: 13px;} #content form div ul.checkbox_tiers li ul{margin-top: 4px;} #content form div ul.checkbox_tiers li ul li{margin: 0 0 4px 15px; font-weight: normal;} #content form div ul.checkbox_tiers li ul li{margin: 0 0 0 15px;} /* Additional styling for Home page instance */ #sidebar div.promo .home-title {color: #fff; font-weight: bold; background: #F7941E; padding-left: 3px;} #sidebar div.promo .intro {padding: 3px 0 0 4px; font-size: 100%; color: #666;} #sidebar div.promo .bullet-image {margin: 6px 0px 4px 19px} #sidebar div.promo .links {margin-left: 4px;} /* Sidebar String */ .string-message {border:2px solid #F7941E; padding-left:3px; position:relative; top:-14px; width: 181px; background: #fff;} .string-message a {font-weight: bold;} /* --> Sidebar forms */ #sidebar form label {display: block; padding: 0 0 9px;} #sidebar form div.iefix {margin: 0 0 10px;} #sidebar form div.buttons {text-align: right; padding: 0 5px 6px 0;} #sidebar form div.buttons div.iefix {margin: 0;} #sidebar form div.login-button {text-align: right; padding: 0 5px 6px 0;} #sidebar form div.login-button div.iefix, #sidebar form div.forgot-password div.iefix {margin: 0;} #sidebar form div ul.checkbox li, #sidebar form div ul.radio li {list-style-type: none;} #login-user-graphic h3 {margin: 4px 12px 1em 0; font-size: 120%; font-weight: bold;} #login-user-graphic p {margin: 0 12px 1em 0; font-size: 110%;} div#sidebar span.error{color: red;} /* --> kDialog forms */ .kDialog2 .content-form h3 {margin: 0 0 1em; font-size: 120%;} .kDialog2 .content-form div {padding-left: 120px;} .kDialog2 .content-form div.iefix {padding: 0 0 5px 0;} .kDialog2 .content-form div label {display: inline; float: left; width: 110px; margin-left: -120px; font-size: 110%; font-weight: bold;} .kDialog2 .content-form div select {width: 50%; margin: 0 0 5px;} .kDialog2 .content-form div input.text, .kDialog2 .content-form div textarea {width: 95%; margin: 0 0 5px;} .kDialog2 .content-form div.iefix p {margin: 0 0 5px; font-size: 110%;} .kDialog2 .content-form fieldset.content-form-buttons {padding: 10px 10px 0 0; text-align: right;} /* Success/Failure messages in the stack */ ul.success, ul.error {list-style: none; border: 1px solid #c5c5c5; margin: 12px 12px 10px 0; padding: 5px 10px; background: #f1f9f1;} ul.success li.title, ul.error li.title {padding: 0 0 5px 20px; background: url(../i/icon_success.gif) no-repeat; font-weight: bold;} ul.error {background: #ffc;} ul.error li.title {background: url(../i/icon_error.gif) no-repeat;} /* =rSelect */ #wrapper #container select.rSelect {height: 21px;} #wrapper #container div.rSelectBox {padding: 0; cursor: default; text-align: left; position: relative; z-index:1000;} #wrapper #container div.rSelectBox div.label {height: 15px; width: 210px; border: 1px solid #BFBFBF; padding: 2px 5px; background: #dcdcdc url(../i/bg_rselect.gif) repeat-x; color: #636363; line-height: 15px;} #wrapper #container div.rSelectBox div.label div.icon {padding-right: 15px; background: url(../i/icon_rselect_down.gif) no-repeat 100% 4px;} #wrapper #container div.rSelectBox div.ulcontainer {position: absolute; border: 1px solid #B2B2B2; margin: -1px 0 0 0; padding: 0; z-index: 10; background-color: #fff; color: #000; line-height: 15px; text-align: left;} #wrapper #container div.rSelectBox ul {list-style: none; list-style-position: outside; margin: 0; padding: 0;} #wrapper #container div.rSelectBox ul.col {display: inline; float: left;} #wrapper #container div.rSelectBox ul li {padding: 0 5px;} #wrapper #container div.rSelectBox ul li.optlabel {font-style: italic; font-weight: bold;} #wrapper #container div.rSelectBox ul li.disabled {color: #666;} #wrapper #container div.rSelectBox ul ul {float: none;} #wrapper #container div.rSelectBox ul ul.disabled {color: #666;} #wrapper #container div.rSelectBox ul ul li {padding-left: 20px;} #wrapper #container div.rSelectBox ul li a {color: #000; display: block; padding: 1px 2px; text-decoration: none;} * html #wrapper #container div.rSelectBox ul li.selected a, * html #wrapper #container div.rSelectBox ul li.hover a {height: 1%;} * html #wrapper #container div.rSelectBox ul.col li.selected a, * html #wrapper #container div.rSelectBox ul.col li.hover a {height: auto;} #wrapper #container div.rSelectBox ul li a:hover {text-decoration: none;} /* =aTree and =cTree */ #content div.iefix ul.cTree {clear: none;} * html ul.cTree li {height: 1%;} ul.cTree li, ul.aTree li {list-style: none; margin: 4px 0; padding-left: 20px; color: #444;} ul.cTree li li {margin: 0; padding-bottom: 3px; padding-top: 3px; font-size: 110%;} ul.cTree li ul {padding: 3px 0;} ul.cTree li li li {font-size: 100%;} ul.cTree li.open, ul.cTree li.closed, ul.aTree li.open, ul.aTree li.closed {background: url(../i/icon_plus.gif) no-repeat 5px 6px; cursor: pointer; font-weight: normal;} ul.cTree li.closed ul {display: none;} ul.cTree li.selected {font-weight: normal;} #content ul.cTree li.selected h2, #content ul.cTree li.selected label, #content ul.cTree li.selected li.selected label, #content ul.cTree li.selected li.selected li.selected label, #content ul.cTree li.selected li.selected li.selected li.selected label {font-weight: normal;} #content ul.cTree li.selected li label, #content ul.cTree li.selected li.selected li label, #content ul.cTree li.selected li.selected li.selected li label {font-weight: normal;} ul.cTree li.open, ul.aTree li.open {background: url(../i/icon_minus.gif) no-repeat 5px 3px;} ul.cTree li.noChildren, ul.aTree li.noChildren {font-weight: normal; cursor: default;} ul.cTree li label.forced, ul.cTree li label.explicit, ul.aTree li label.forced {color: #666; margin-left: 15px; font-weight: normal; font-size: 10px;} ul.cTree div, ul.cTree h2, ul.cTree ul {cursor:default;} #content ul.cTree div {padding: 0;} #content ul.cTree h2, #content ul.cTree label {font-size: 120%; clear: none; font-weight: normal;} #content ul.cTree label {display: block; float: none; margin-left: -17px; color: #444; font-weight: normal; width: 330px;} * html #content ul.cTree label {margin-left: -20px;} ul.cTree li li label {font-size: 100% !important;} ul.cTree div.controls {float: right; position:relative; top: 4px; height: 0; font-weight:bold;} ul.cTree span.control {float:none;} #content div.tabbed ul.cTree {width: 100%; border-bottom: 1px solid #eee;} #content div.tabbed ul.cTree li.root {width: 100%; margin: 0; padding-left: 0;} #content div.tabbed ul.cTree li.root div.registerNavigator_head {border-bottom: 1px solid #eee; border-top: 1px solid #eee; padding: 6px 0 8px; padding-left: 20px; background: #fff url(../i/icon_minus.gif) 4px 50% no-repeat;} #content div.tabbed ul.cTree li.closed div.registerNavigator_head {border-bottom: none; background: #fff url(../i/icon_plus.gif) 4px 50% no-repeat;} #content div.tabbed ul.cTree div.registerNavigator_head h2 {cursor: pointer;font-weight: bold;} #content div.tabbed ul.cTree li.root div.recommend {background: #daf2fa url(../i/cTree_blue_open.gif) right center repeat-y;} #content div.tabbed ul.cTree li.closed div.recommend {background: #daf2fa url(../i/cTree_blue.gif) right center repeat-y;} #content ul.cTree span.recommended {color: #0072bc; font-size: 93%; font-style: italic;} #content p span.recommended {color: #0072bc; font-style: italic;} #content p.note {width: 100%; margin-top: -5px; font-size: 110%; line-height: 1.6;} div.tabbed ul.cTree ul {margin-left: 25px;} div.tabbed ul.cTree li input.checkbox, div.registerNavigator ul.cTree li input.checkbox { float: left; margin-right: 3px; } * html div.tabbed ul.cTree li input.checkbox {margin: -2px -2px 0 0;} *+html div.tabbed ul.cTree li input.checkbox {margin: -2px -2px 3px 0;} div.tabbed li.root {position: relative;} div.tabbed li.root h2 {padding-right: 10em;} div.tabbed li.root div.controls {float: none; position: absolute; right: 15px; top: 7px; height: auto; font-size: 120%;} #content p.cTree-controls {width: 100%; font-size: 110%;} a#clearAll, a#expandAll, a#collapseAll {cursor: pointer;} /* =Footer ---------------------------------------------------------------------*/ #footer_wrapper{width: 100%; height: 100%;background: #444; } #footer {height: 100%; position: relative; width: 960px; margin: 0 auto; color: #CACACA;} #copyright, #footer-nav {float: left; padding-top: 20px; width: 290px; color: #666; font-size: 110%;} #footer-nav {left: auto; right: 21px; text-align: right;} #footer-nav a {color: #CCC;} #adminlinks {float: left; padding-top: 50px; width: 550px; font: normal 100% Arial, Helvetica, sans-serif; text-align: center;} #adminlinks a {color: #CACACA;} #adminlinks a:hover {text-decoration: none;} /* =Clearfix (http://www.positioniseverything.net/easyclearing.html) ---------------------------------------------*/ ul.imageTwoCol li:after, .clearfix:after, div.popupViewer div.form div.box:after { /* All except IE */ content: "."; display: block; height: 0; line-height: 0px; clear: both; visibility: hidden;} ul.imageTwoCol li, .clearfix, div.popupViewer div.form div.box { /* IE Mac */ display: inline-block;} /* Hides from IE Mac, for IE Win \*/ * html ul.imageTwoCol li, * html .clearfix, * html div.popupViewer div.form div.box {height: 1%;} ul.imageTwoCol li, .clearfix, div.popupViewer div.form div.box {display: block;} /* End hide from IE Mac */ textarea.sTextareaResizer, textarea.sTextareaResizer-buttonsOnly, textarea.sTextareaResizer-draggableOnly {} div.dragbar {background: #90D3FA; height: 3px; overflow: hidden; cursor: s-resize;} /* aTree ---------------------------*/ div.navDropDownBox {overflow: auto; overflow-x: hidden; overflow-y: auto; background:#FFFFFF none repeat scroll 0% 0%;} div.navDropDown li {overflow:hidden; width: auto;} div.navDropDown .label {width: 250px;} div.navDropDown .detail {position: relative; background: #fff } .navDropDown .detail div.ulcontainer {overflow: auto; height: 300px; width: 360px; border: none; margin: 0; background: transparent; color: #333;} .navDropDown .detail div.moving {overflow: hidden;} .navDropDown .detail div.moving ul {width: 100%;} .navDropDown .detail li span.section {color: #6998B6; height: 12px; margin-left: 0px; font-weight: bold; padding-left:12px;} .navDropDown .detail li span {display: block; padding: 6px 20px 5px 25px; cursor: pointer; background: #fff;} .navDropDown .detail li.selected span {font-weight: bold; background: #fff url(../i/arrow_black.gif) left center no-repeat;} #wrapper #content .navDropDown .detail li.hover span {background: #6998B6; color: #fff;} /* Content Creator */ #cc_section_title{width: 400px;} .cc_form_helpertext{margin-left: 200px; font-size: 12px; color: #4E4E4E;margin-top: 5px;} #cc_control_form{width: 220px; float: left;margin-left: 2px;} #cc_control_form fieldset.closed div.cc_sec_form{display:none;} #cc_control_form fieldset.open div.cc_sec_form{background-color:#FCFCFC;border-color:#999999 #999999 #888888;border-style:solid;border-width:0 1px 1px;display:block;width:213px;border-radius:0px 0px 4px 4px; -webkit-border-radius:0px 0px 4px 4px;} #cc_control_form fieldset .cc_sec_header_title{height: 20px; padding:3px 3px 6px 25px; border-radius:4px 4px 0px 0px; -webkit-border-radius:4px 4px 0px 0px; border:1px solid #999999; font-size: 18px; color: #333333;} #cc_control_form fieldset.open .cc_sec_header_title{background:url("../i/navigator_h2_toggler_open.gif") no-repeat scroll 5% 50% #E6E6E6;} #cc_control_form fieldset.closed .cc_sec_header_title{background:url("../i/navigator_h2_toggler.gif") no-repeat scroll 5% 50% #E6E6E6;} #cc_preview{margin-left:7px; float: left; border:1px solid #D2D2D2; background:none repeat scroll 0 0 white; border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px;} #cc_infobar{color: #4E4E4E; padding: 0px 10px 5px 10px;font-size: 20px;} #cc_info_pbut{position: relative; top: 5px; left: 5px;} #cc-infobar-topright-menu{float: right; position: relative; bottom: 15px;} #cc-infobar-topright-menu li{display: inline; font-size: 12px; padding: 0 10px; border-left: 1px solid #AAA;} #cc_control_form .cc_sec_header_title{background-color: #eeeeee; color: #484848; font-weight: bold; font-size: 14px; padding: 3px; margin-right: 5px;} #cc_form fieldset{margin-bottom: 15px;} #cc_add_cat_container{margin-top: 20px; font-size: 13px; font-weight: bold; text-align: left;} #cc_control_form .tab_label{color: black; font-size: 13px; font-weight: bold; margin: 2px 2px 0px 0px;} #cc_control_form .inputtext{width: 85px; margin: 2px 2px 5px 2px;} #cc_control_form .inputtextcat{width: 40px; margin: 2px 2px 5px 2px;} #content form .cc_cat_wrapper{margin: 0px;} #content form #cc_add_cat{float: right; margin-right: 5px; padding-top: 2px; font-size: 11px; font-weight: bold;} #cc_control_form .input_label{color: #484848; font-size: 13px;padding-top: 5px;} #cc_control_form .inputcheck{color: black; position: relative; top: 3px; left: 2px; margin-bottom: 10px; margin-right: 5px;} #cc_control_form form div div label{color: black; display: block;} .cc_tab_cat_links{float: right; height: 30px;} .cc_tab_cat_links a{background:url("../i/icon_globe.png") no-repeat scroll left center transparent; display: block; height: 16px; padding: 2px 2px 2px 20px;} #cc_cat_wrapper{height: 100px} #cc_control_form .cc_tabgroup .inputtext{margin-left: 0px; width:135px;} #cc_gottabs {float: right; padding-right: 10px} #cc_gottabs input{position: relative; top: 2px;} #cc_control_form form div #cc_gottabs label{font-size: 12px; font-weight: bold; } #cc_control_form .cc_tab_conf {display: none;} .cc_kwapplybtn{font-size: 12px; font-weight: bold;} .contentcreator span.error{margin-left: 200px;} #cc_infobar h2{margin: 0px;} #cc_fans_view.active span{background-image:url('http://itsites.s3.amazonaws.com/thumbs-up2.png');background-repeat:no-repeat;background-position:center center;} #cc_nonfans_view.active span{background-image:url('http://itsites.s3.amazonaws.com/thumbs-up-cross.png');background-repeat:no-repeat;background-position:center center;} #cc_fans_view.inactive span{background-image:url('http://itsites.s3.amazonaws.com/thumbs-up2-greyscale.png');background-repeat:no-repeat;background-position:center center;} #cc_nonfans_view.inactive span{background-image:url('http://itsites.s3.amazonaws.com/thumbs-up-cross_greyscale.png');background-repeat:no-repeat;background-position:center center;} .cc_mode_selector{text-align: center; height: 35px; } .cc_mode_selector a.inactive{color: #ccc;} .cc_mode_selector a.active{color: #3B5998;text-decoration: none;} form select.cc_smallselect{width: auto;} .cc_moduleconfigform p{line-height: 1.2em;} #cc_channel_title{display:inline;} #cc_channel_title_input{display:inline; width: 400px; font-size: 15px;} #cc_create_contentchannel{padding:0px; margin:0px; height: 0px;} /* Sort Options*/ .cc_moduleconfigform .ccsortoptions{} .cc_moduleconfigform .ccsortoptions div.iefix{float: left;} .cc_moduleconfigform .ccsortoptions div.iefix label{height: 25px; display: block; float: none;font-size: 12px; font-weight: normal;} .cc_moduleconfigform #ccsortoptionsleft{float: left;width: 225px;} .cc_moduleconfigform #ccsortoptionsright{float: right;width: 400px;} .cc_moduleconfigform #ccdisclaimerright{float: left;} .cc_moduleconfigform #ccdisclaimerleft{float: left;} .cc_moduleconfigform #ccdisclaimerleft label{width: 25px;} .cc_moduleconfigform #ccdisclaimerleft label.checkbox input.checkbox{position: relative; top: 5px;} .cc_moduleconfigform .ccfooterlinkright{float: left;} .cc_moduleconfigform .ccfooterlinkleft{float: left;} .cc_moduleconfigform .ccfooterlinkleft label{width: 25px;} .cc_moduleconfigform .ccfooterlinkleft label.checkbox input.checkbox{position: relative; top: 5px;} .footerrow{margin-top: 20px;} input.inputshort{width: 85px; margin: 2px 2px 5px 2px;} input.inputmedium{width: 250px; margin: 2px 2px 5px 2px;} input.inputlong{width: 500px; margin: 2px 2px 5px 2px;} .cc_moduleconfigform .cc_query_row{padding: 30px 0 15px 120px;} div.cc_query_row label{width: 55px;} #queryhelptext{padding: 0px 0px 0px 57px; font-size: 9px; color: grey;line-height: 1.2em;} #ccform_filteroptions{margin-left: 5px; margin-top: 10px;} #ccform_filteroptionsheader{padding-bottom: 15px; padding-top: 10px} div.cc_query_row input{position: relative; top: -5px;} #selectbyoptions{padding-bottom: 15px; padding-left: 15px;} #selectbyoptions table#optionswrapper{width: 75%; height: 75px;margin: 0px 50px 0px 50px;} #selectbyoptions table#optionswrapper td.optionimg{width: 75px;} #selectbyoptions table td.selectcontentbylabel{font-size:24px; text-align: left;} #selectbycategory{width: 100%; padding-bottom: 8px;} #selectbysource{padding-bottom: 15px; width:100%;} .cc_moduleconfigform .notactive{display: none; opacity: 0;} .cc_moduleconfigform .selectbyactive{display: block; padding: 5px 5px 5px 0px;opacity: 1;} .cc_moduleconfigform .fontlarge{font-size: 18px; color: #333333;} .cc_moduleconfigform .fontmed{font-size: 16px; color: #333333;} .cc_moduleconfigform .fontsmall{font-size: 12px; color: #333333;} .cc_moduleconfigform .ccformselectchange{font-size: 12px; padding: 5px 5px 0px 0px; font-weight: bold;} .cc_moduleconfigform .ccformselecttable{position: absolute; right: 35px; margin-bottom: 10px; } .cc_moduleconfigform .ccformselectwrapper{width: 100%; padding: 7px 20px 2px 0px; text-align: right;} #selectbycategorywrapper{height: 30px; padding-top: 10px;} #selectbysourceswrapper{height: 30px; padding-top: 15px; } div.cc_query_row span.error{margin-left: 58px; padding-bottom: 5px;} .ccselected{background-color: #EEE;} .cchovered{background-color: #EEE;} /* =View all Topics and Industries Pop-up (Overlay) ---------------------------------------------------------------------*/ .instruct_button {font-size: 16px;background-color: #CCC;font-weight: bold; padding: 10px;border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;} #content div.table h2 a, #content div.formBox h2 a {color: #333;} * html #content div.table h2,* html #content div.formBox h2 * html #content div.contentBox h2, {background-color:#FFF;} * html div.contwrapper dl dt {background-color:#0072BC;} * html #content div.table_wrapper, * html #content div.table_wrapper_scroll ,* html #content div.formBox_wrapper, * html #content_nosash div.formBox_wrapper, * html #content div.contentBox_wrapper, * html #content div.cloud_wrapper,* html div.popupViewer div.contwrapper dl dd.content {background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/themes/newbase/i/table_stretch.png",sizingMethod="scale");} * html #content span.table_bottom, * html #content span.formBox_bottom, * html #content span.contentBox_bottom, * html div.popupViewer div.contwrapper div.bot {background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/themes/newbase/i/table_bottom.png",sizingMethod="crop");} * html #content div.table_wrapper table, * html #content div.table_wrapper table,* html #content div.formBox_wrapper form, * html #content_nosash div.formBox_wrapper form, * html #content div.contentBox_wrapper p,* html #content div.cloud_wrapper p, * html div.popupViewer div.contwrapper div.form {position: relative; z-index: 100;} #content #titleButton {position: absolute; right: 20px; top: 6px; height: 25px; padding: 0 10px 0 0; background: url(../i/buttons/blank_right.gif) top right no-repeat; font-size: 110%; font-weight: bold; line-height: 24px;} #content #titleButton a {display: block; _display: inline-block; height: 25px; padding: 0 2px 0 10px; background: url(../i/buttons/blank_left.gif) top left no-repeat; color: #444;} body div.popupViewer {border: none; background: transparent;} div.popupViewer div.contwrapper dl dt {position: static; border-bottom:0 none;position:static;text-transform:none;width:100%;} /*div.popupViewer div.contwrapper dl dd.content {border: none;}*/ div.popupViewer div.contwrapper {background-color: white;border: 10px solid #CCCCCC; -webkit-border-radius: 5px; border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 3px 3px 5px #999; -moz-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999; } div.contentcreator{width: 875px;} div.installlist{width: 450px;} div.installlist #int_fanpages{font-size: 16px;max-height: 500px; overflow: scroll;} div.popupViewer .top, div.popupViewer .bot {display: none!important} div.popupViewer div.form #listbrowser {min-height: 450px; max-height: 650px; overflow-x:auto; overflow-x:hidden;} div.contentcreator #cc_configurator_form.form{height: 100%;} div.popupViewer div.form div#listbrowser {padding: 0 0 5px; width: 735px;} div.popupViewer div.industries div.cTreeFront_wrapper {float: left; width: 179px;} div.popupViewer ul.cTreeFront {float: left; width: 156px; padding: 10px 10px 0px;} div.popupViewer dd.content li {list-style-type: none;} div.popupViewer dd.content li li {margin: 0 8px 3px; line-height: normal; color: #0072bc; list-style-type: disc;} div.popupViewer dd.content ul ul ul li {margin: 0 0 0 25px; list-style-type: disc; line-height: normal;} div.popupViewer dd.content ul ul ul ul li {margin: 0 0 0 25px; list-style-type: circle; line-height: normal;} div.popupViewer dd.content li b {display: block; margin: 0 0 5px; font-size: 115%; height: 2.6em;} div.popupViewer dd.content li b a {color: #f7941e;} div.popupViewer dd.content li li a, div.popupViewer dd.content li li b {display: inline; margin: 0; color: #0072bc; font-size: 115%;} div.popupViewer dd.content li li li a, div.popupViewer dd.content li li li b {display: inline; margin: 0; color: #0072bc; font-size: 115%; font-weight: normal;} div.popupViewer dd.content li li li li a, div.popupViewer dd.content li li li li b {display: inline; margin: 0; color: #0072bc; font-size: 115%; font-weight: normal;} /*install tab*/ #int_fanpages table{border-collapse: collapse;} #int_fanpages td{border-bottom: 1px solid #ccc; height: 50px;padding: 0;} #int_fanpages td.install-col{width: 100px; text-align: center; font-size: 12px;} #int_fanpages td.image-col{width: 60px; height: 60px;} #int_fanpages a{text-decoration: none;} /* Select a Topic / Industry */ div.popupViewer div.contwrapper div#cc_sel_cat{text-align: center; padding: 10px 5px 10px 5px; height: 275px; width: 718px} div.popupViewer div.contwrapper div#cc_sel_cat div{padding: 15px 5px 15px 5px; } div.popupViewer div.contwrapper div#cc_sel_cat a{font-size: 20px; font-weight: bold;} #cc_throbber{width: 713px; padding-top: 100px; height: 500px; text-align: center;} /*-------GET Code----*/ #cc_infobar #cc_get_code{width:186px; height:31px; background:url("../i/itagil/bt_or_bckgrnd.png") no-repeat scroll; font-size: 17px; font-weight: bold;text-align: center; padding: 11px 0px 3px; cursor:pointer;} #cc_section_get_code{text-align: center; width: 100%;} #cc_infobar #cc_get_code a:link, #cc_infobar #cc_get_code a:visited, #cc_infobar #cc_get_code a:active, #cc_infobar #cc_get_code a:hover {color:#444444; text-decoration:none; font-family:'Lucida Grande',Tahoma,Verdana,Arial,sans-serif;} #cc_infobar #cc_get_code a:hover{color:black;} /* CSS to go with Prototip.Styles - TODO: Try to trim only what we need*/ .prototip { font: 11px Arial, Helvetica, sans-serif; color: #000; } /* the default style */ .prototip .default { width: 250px; color: #808080; } .prototip .default .toolbar { background: #fff; font-weight: bold; } .prototip .default .title { padding: 5px; color: #92C01F; font-weight: bold; font-size: 12px;} .prototip .default .content { padding: 5px; background: #fff; } /* basic */ .prototip .basic { width: 250px; color: #808080; } .prototip .basic .toolbar { background: #f1f1f1; font-weight: bold; } .prototip .basic .title { padding: 5px; } .prototip .basic .content { padding: 5px; background: #fff; } /* basic */ .prototip .hint { width: 250px; color: #313120; background: #fff6aa; } .prototip .hint .toolbar { background: #fdf1a0; font-weight: bold; } .prototip .hint .title, .prototip .hint .content { padding: 5px; } .prototip .protoblue { width: 250px; color: #92C01F; } .prototip .protoblue .toolbar { background: white; font-weight: bold; } .prototip .protoblue .title { padding: 5px; font-size: 12px;} .prototip .protoblue .content { background: white; color: #444444; padding: 5px; } /* loader gif */ .prototipLoader { position: absolute; top: -1000px; left: -1000px; height: 14px; width: 14px; border: 1px solid #dddddd; overflow: hidden; } /* Required for all tooltips, do not modify */ .prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */ /* Main Login Box - form main.xsl*/ #content div.formBox_wrapper{background: #EEE; border: 1px solid #C5C5C5; border-radius: 4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; color: #333333; font-size: 18px;margin-top: 25px;} #content div.formBox{width: 686px; margin: auto;} #content div.formBox_wrapper div{padding: 0px;} #content div.formBox span.formBox_bottom{display: block; height: 5px; width: 683px; margin: 0 0 6px; background: url(../i/table_bottom.png) no-repeat;} #content div.formBox_wrapper div.iefix{padding: 5px 5px 5px 0px;} #content div.formBox_wrapper{padding:15px 5px 10px 60px;} #content div.formBox_wrapper form div{font-size: 14px; font-weight: normal;} #content div.formBox_wrapper form div label.checkbox{font-size: 14px; font-weight: normal;} #content div.formBox_wrapper form div label{color: #484848; font-size: 16px; font-weight: bold;} #content div.formBox_wrapper h2{color: #333333; height: auto;padding: 0px 0px 20px 0px;} #content div.formBox_wrapper form input.text, #content div.formBox_wrapper form input.password{width: 300px;} #content div.formBox_wrapper form span.error{font-size: 16px;padding-top: 5px;} #content div.formBox_wrapper form #reset-password-graphic{padding: 10px 0px 0px 0px;} #content div.formBox_wrapper div.login-button{float: left; width: 100px; padding: 10px 0px 0px 0px;} #content div.formBox_wrapper div.forgot-password{float: left; padding: 22px 0px 0px 0px; } #content div.formBox_wrapper div.register_tip{clear: both;padding-top: 5px;} #content div.formBox_wrapper form {padding: 0} #content div.formBox_wrapper form.wfbconnect{border-right: 1px solid #CCCCCC;width: 350px;} #content div.formBox_wrapper #fbconnect_container{position: relative; left: 400px; bottom:200px } /*top login link*/ #user-tools {float: right; margin: 3px 20px 0px 2px;} #user-tools td{font-size: 12px; color: black;} #user-tools td a{color: #3B5998;} #user-tools strong {font-weight: normal;} /*Module Admin*/ .module-box {border: 2px solid #0072bc;margin: 1px;position: relative;} .zone-box {border: 2px solid #1E9D09;padding: 25px 1px 1px;position: relative; margin-bottom: 2px} .admin_control_edit { } .admin_controls {height: 19px;padding: 2px;position: absolute;top: 0;width: 70px;z-index: 1100;} .module-box>.admin_controls {right:0; border-radius: 0 0 0 12px ;background-color: #0072bc} .admin_controls a{color: white; cursor: pointer;margin-left: 8px;} .zone-box>.admin_controls {left: 0; background-color: #1E9D09;border-radius: 0 0 12px 0;} .admin_nomodules {height: 25px; font-size: 14px; text-align: center;padding-top: 5px;padding-top: 5px;} .admin_control_form h3{color: #0072BC;font-size: 14px; } .admin_control_form .radio {list-style: none outside none;} .admin_control_form fieldset { margin-left: 10px;margin-top: 10px;} .admin_control_form fieldset>div {margin-bottom: 3px;} .admin_control_form label{display: block;float: left;height: 22px;line-height: 20px;width: 64px;} .admin_control_form .radio label{display: inline; float: none;} .admin_control_form .settings label {display: inline;float: none;} /* Content Creator */ .cc_moduleconfigform{padding: 15px;} .cc_moduleconfigform fieldset{} .cc_moduleconfigform fieldset div.ccmodulerow{margin: 5px 0px;} .cc_moduleconfigform label{width: 200px; font-size: 12px; font-weight: bold; float: left; color: #333333;} .cc_moduleconfigform ul.radio label{font-size: 14px;font-weight: normal;margin-right: 20px;width: auto;} .cc_moduleconfig_row {padding-bottom: 8px; font-size: 16px;} .cc_moduleconfig_row ul.radio{height: 20px;} .cc_moduleconfig_row ul.radio li{float: left;} .actionslinklist{float: right; list-style-type: none;} .actionslinklist li{display: inline;} .actionslinklist a, .actionslinklist a:visited, .table_wrapper ul.actionslinklist a, .table_wrapper ul.actionslinklist a:visited {color: #F7941E;} .actionslinklist span.action_item{padding-top:10px} .actionslinklist span.tag{padding:0px 15px;display:inline;margin-right:-13px;} .actionslinklist span.action_item .rating{height: 19px;float: right;position:relative;top:-15px;} .actionslinklist span.action_item span.rate-note{position:relative;top:16px;left:6px;} .actionslinklist div.action_item{text-align: left; padding: 3px 4px 1px 8px;} .cc_moduleconfig_row select.cc_smallselect{width: 55px;} #newtags {width: 200px; margin-bottom: 5px;} ul.scroll ul.actionslinklist li.favorite, .table_wrapper ul.actionslinklist li.favorite {/*margin-top: 5px; padding-bottom: 3px; background: transparent url(/themes/default/i/favorites.gif) no-repeat scroll left top;*/} ul.scroll ul.actionslinklist li a, ul.scroll ul.actionslinklist li span.recommendLink, .table_wrapper ul.actionslinklist li a, .table_wrapper ul.actionslinklist li span.recommendLink {/*padding-left: 24px; padding-bottom: 10px;*/ border-radius: 4px 4px 4px 4px;border-radius:4px;-webkit-border-radius: 4px;background: url("../i/sash-top-header.png") no-repeat scroll 0 -4px #0071BC;color: white;font-size: 10px;padding: 2px 3px 2px; text-decoration: none} ul.scroll li.entry img {float: right;margin-right: 10px;margin-bottom: 8px;padding: 1px; max-width: 120; height: auto} ul.scroll ul.actionslinklist li.share, .table_wrapper ul.actionslinklist li.share {margin-top: 5px; background:transparent url(../i/icon_send_blue.gif) no-repeat scroll left top;} .entry.hover {background-color: #f7fcff} .entry .entry_actions {clear:both;min-height: 24px;} .entry .right_actions {float: right;height: 16px;padding-top: 7px;width: 300px; visibility: hidden } /*.entry.hover .right_actions { display: block;}*/ .entry .right_actions ul.actionslinklist {padding-left: 6px} .entry .right_actions ul.actionslinklist li {border-left: 1px solid #BBBBBB;padding: 0 6px;} .entry .right_actions ul.actionslinklist li a{background: none; color: #0072BC} .entry .left_actions {float: left;padding: 3px 6px 3px 3px;width: 120px;} .entry.rate_detail .left_actions { background-color: #F5F5F5} .entry .left_actions .close{display: none; float: right; height: 7px; width: 7px; background: url(../i/icon_close_1.gif) no-repeat center center; cursor:pointer} .entry.rate_detail .left_actions .close{display: block} .entry .sotial_rate {font-size: 16px; color: #666666; padding-left: 30px; text-decoration: none; cursor:pointer; float: left} .entry .sotial_rate.default{background: url(../i/icon_social_rank_default.gif) no-repeat left center;} .entry .sotial_rate.down{background: url(../i/icon_trending_down.gif) no-repeat left center;} .entry .sotial_rate.up{background: url(../i/icon_trending_up.gif) no-repeat left center; color: #339900} .entry .sotial_rate.flat{background: url(../i/icon_trending_flat.gif) no-repeat left center;} .entry .rate_breakdown{font-size: 12px; color: #333333;background-color: #f5f5f5; clear: both;padding: 3px;margin-bottom: -10px; display: none} .entry.rate_detail .rate_breakdown{display: block} .entry .rate_breakdown .ds{display: inline-block; font-weight: bold} .entry .rate_breakdown span{font-size: 11px!important; color: #333333!important;display: inline-block} .entry .rate_breakdown .eqil {width: 20px; text-align: center} .entry .rate_breakdown .comments_rate{background: url(../i/icon_comments.png) no-repeat 0 0 ; padding-left: 20px; width: 40px;} .entry .rate_breakdown .youtube_rate{background: url(../i/icon_youtube.png) no-repeat 0 0 ; padding-left: 20px; width: 40px;} .entry .rate_breakdown .fb_rate{background: url(../i/icon_FB.png) no-repeat 0 0;padding-left: 15px;width: 45px;} .entry .rate_breakdown .twitter_rate{background: url(../i/icon_twitter.png) no-repeat 0 0; padding-left: 17px;width: 43px;} .entry .rate_breakdown .linkedin_rate{background: url(../i/icon_linkedin.png) no-repeat 0 0; padding-left: 17px;width: 43px;} .entry .rate_breakdown .gplus_rate{background: url(../i/icon_gplus.png) no-repeat 0 0; padding-left: 17px;width: 43px;} .entry .rate_breakdown .pinterest_rate{background: url(../i/icon_pinterest.png) no-repeat 0 0; padding-left: 17px;width: 43px;} /* lightview.css http://www.nickstakenburg.com/projects/lightview */ #lightview { position: absolute; top: 50%; left: 50%; height: 150px; width: 150px; margin: -75px 0 0 -75px; padding: 0; text-align: left; } /* The container that holds everything */ .lv_Container { position: relative; width: 100%; height: 100%; background: none; padding: 0; margin: 0; } .lv_Button { cursor: pointer; text-decoration: none; border: none; background: none; margin: 0; padding: 0; } /* The buttons on the side when you view a gallery */ .lv_Sides { position: absolute; top: 50%; left: 0; clear: both; width: 100%; padding: 0; margin: 0; } .lv_Sides * { padding: 0; margin: 0; } .lv_Sides .lv_PrevSide, .lv_Sides .lv_NextSide { position: relative; } .lv_PrevSide { float: left; } .lv_NextSide { float: right; } .lv_Sides .lv_Wrapper { width: 100%; height: 100%; cursor: pointer; } .lv_Sides .lv_Button { float: left; background: none; } /* The frames above and below the center, that hold the corners. It's recommended not to change anything here, a lot is done in javascript to build further upon this based on your settings. */ .lv_Frames { width: 100%; height: 100%; position: relative; padding: 0; margin: 0; } .lv_Frames .lv_Frame, .lv_Frames .lv_Center, .lv_Frames .lv_PrevNext { margin: 0; padding: 0; } .lv_Frame { width: 100%; display: block; } .lv_Frame * { padding: 0; margin: 0; } .lv_FrameTop { position: absolute; left: 0; width: 100%; display: block; } .lv_FrameBottom { position: relative; float: left; clear: both; } .lv_Liquid { position: relative; float: left; width: 100%; overflow: hidden; clear: both; } .lv_Liquid .lv_Filler { position: absolute; height: 100%; width: 2px; top: 0; left: 50%; } .lv_Half { display: block; height: 100%; clear: both; line-height: 0px; } .lv_Corner { float: left; position: relative; } .lv_CornerTr, .lv_CornerBr { float: right; } .lv_Fill { position: absolute; top: 0; width: 100%; height: 100%; } .lv_Half .lv_CornerWrapper { float: left; position: relative; width: 50%; height: 100%; overflow: hidden; } .lv_HalfRight .lv_CornerWrapper { float: right; } .lv_Corner { position: relative; } .lv_Corner canvas { position: relative; } .lv_HalfLeft .lv_Corner { float: left; } .lv_HalfRight .lv_Corner { position: relative; float: right; } /* To position content correctly in the center with correct rounded corner display we need a few wrappers. This is to get it right on all browsers. */ .lv_Center { position: relative; clear: both; height: 100%; overflow: hidden; background: none; padding: 0; margin: 0; } .lv_WrapUp { position: absolute; left: 0; height: 100%; width: 100%; overflow: hidden; padding: 0; margin: 0; } .lv_WrapDown { position: relative; height: 100%; width: 100%; overflow: hidden; padding: 0; margin: 0; } .lv_WrapCenter { position: relative; padding: 0; margin: 0; } /* The loading indicator */ .lv_Loading { position: absolute; top: 50%; left: 50%; } .lv_Loading .lv_Button { float: left; height: 100%; width: 100%; } .lv_MediaWrapper { position: relative; width: 100%; display: block; overflow: hidden; clear: both; padding: 0; margin: 0; } .lv_MediaWrapper img { position: relative; float: left; padding: 0; margin: 0; } /* The overlays on top of images that toggle the previous/next buttons */ .lv_PrevNext { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; } .lv_PrevNext * { padding: 0; margin: 0; } .lv_PrevNext .lv_Button { position: relative; height: 100%; } .lv_PrevButton { float: left; } .lv_NextButton { float: right; } /* The bar that holds title, caption, imagenumber, slideshow and closebutton */ .lv_MenuBar { clear: both; position: relative; width: 100%; font: 11px/17px Arial, Helvetica, sans-serif; color: #7a7a7a; padding: 0; margin: 0; text-align: left; } .lv_MenuBar * { padding: 0; margin: 0;} .lv_Close { position: relative; float: right; overflow: hidden; width: 100%; height: 100%; } .lv_Data { position: relative; float: left; padding-bottom: 3px; overflow: hidden; } /* simulates padding-left inside .lv_Data .lv_DataText div, .lv_ImgNumber div { margin-left: 3px; } */ .lv_innerController { line-height: 15px; } .lv_Data .lv_DataText, .lv_Data .lv_innerPrevNext, .lv_Data .lv_Slideshow { float: left; margin-top: 3px; } .lv_DataText { width: 100%; } .lv_DataText .lv_Title { font-weight: bold; margin-bottom: 2px; } .lv_DataText .lv_Caption { clear: both; } .lv_Data .lv_innerPrevNext .lv_ImgNumber { color: #999; float: left; } .lv_Data .lv_innerPrevNext, .lv_Data .lv_Slideshow { position: relative; padding: 0 5px; margin-top: 5px; vertical-align: middle; } .lv_Data .lv_innerPrevNext { padding-left: 0; } .lv_Data .lv_Slideshow { padding-right: 0px; border-left: 1px solid #d7d7d7; } .lv_Data .lv_innerPrevNext .lv_Button, .lv_Data .lv_Slideshow .lv_Button { /* play and stop */ float: left; background-position: center left; background-repeat: no-repeat; } .lv_innerPrevButton { margin-right: 5px; } .lv_innerNextButton { margin-left: 5px; } /* the boxes that hold media or external content */ .lv_contentTop, .lv_contentBottom { position: relative; float: left; margin: 0; padding: 0; clear: both; } #lightview iframe { float: left; border: 0; clear: both; padding: 0; margin: 0; background: none; } /* The container that hold buttons above the view, currently only topclose */ .lv_topButtons { position: absolute; left: 0; width: 100%; overflow: hidden; margin: 0; padding: 0; } .lv_topcloseButtonImage { cursor: pointer; } /* The error/warning/download message that will appear when a required plugin is not installed. */ #lightviewError p { padding: 0 0 10px 0; } #lightviewError div { padding: 6px; font: 11px Arial, Helvetica, sans-serif; } #lightviewError .message { background: #fcb5b5; color: #dd1f1f; margin-bottom: 3px; } #lightviewError .type { font-weight: bold; } #lightviewError .pluginspage { background: #b5fcbd; color: #21be30; } #lightviewError a, #lightviewError a:hover, #lightviewError a:visited { color: #21be30; text-decoration: none; background: none; font-weight: bold; border-bottom: 1px solid #7de689; } #lightviewError p { margin-left: 0; padding: 0; } #lv_overlay { position: absolute; /* Opera will use fixed */ top: 0; left: 0; height: 100%; width: 100%; } /* navbar Adds a bar below the view that takes over the default Controller */ #lightviewController { position: fixed; bottom: 0; top: 0; left: 50%; margin: 0; padding: 0; color: #d2d2d2; font: 11px Arial, Helvetica, sans-serif; } * html body #lightviewController { /* IE6 */ position: absolute; top: auto; margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.controllerOffset || 0)) + 'px'); } #lightviewController .lv_controllerCenter { display: block; height: 100%; float: left; margin: 0; padding: 0; position: relative; width: auto; } .lv_controllerTop, .lv_controllerMiddle, .lv_controllerBottom { float: left; display: block; position: relative; clear: both; overflow: hidden; margin: 0; padding: 0; } .lv_controllerCornerWrapper { position: absolute; width: 100%; height: 100%; margin: 0; padding: 0; } .lv_controllerCornerWrapperTopLeft, .lv_controllerCornerWrapperBottomLeft { top: 0; left: -100%;} .lv_controllerCornerWrapperTopRight, .lv_controllerCornerWrapperBottomRight { top: 0; left: 100%;} #lightviewController .lv_CornerWrapper { width: 100%; } #lightviewController .lv_Corner { float: left; } #lightviewController .lv_Corner { float: right; position: relative; } #lightviewController .lv_CornerTr, #lightviewController .lv_CornerBr { float: left; } .lv_controllerBetweenCorners { position: relative; height: 100%; overflow: hidden; } .lv_controllerMiddle { position: relative; height: 100%; float: left; } .lv_controllerCenter .lv_controllerSetNumber .lv_controllerCenter .lv_ButtonWrapper { float: left; display: inline; position: relative; clear: none; } .lv_controllerSetNumber { float: left; text-align: center; } #lightviewController .lv_Button { float: left; position: relative; height: 100%; clear: none; } .lv_controllerSetNumber { position: relative; height: 100%; padding-right: 3px; } .lv_controllerPrev, .lv_controllerNext, .lv_controllerSlideshow, .lv_controllerClose { float: left; position: relative; height: 100%; padding-left: 3px; } .lv_controllerPrev { border-left: 1px solid #3c3c3c; } #lightviewController .lv_controllerNext { padding-right: 3px; border-right: 1px solid #3c3c3c; } * html #lightview { /* IE6 */ position: absolute; margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) - (Lightview.controllerHeight || 0)) + 'px'); margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px'); } /* Always cover 100% of the screen in IE6 */ html #lv_overlay { position: absolute; height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' ); width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' ); } #cont_popup iframe {width: 725px; overflow: hidden; border: none} /* Multi-List S */ select.MultiList{ display: none; } div.MultiList{ margin-top: 10px; } /* needed for filler divs in IE6 */ .MultiList div{ overflow: hidden; } div.MLleft{float: left;} div.MLright{} div.MLleft input.MLfilter{width:230px;} .MLright label{ display: block; height: 28px; } .MultiList ul{ background-color:#FFFFFF; border:1px solid #C5C3C3; /*float:left;*/ height:115px; list-style-position: outside; list-style-type:none; margin:5px 5px 0 0; /*overflow-x:hidden;*/ overflow-y:scroll; padding:0pt 0pt 0pt 1px; width:350px; } ul.MLpocket{ cursor: n-resize; } .MultiList ul li{ background:transparent; font-size:12px; margin: 0; padding:0pt 3px; } .MultiList li a{ font-size: 12px; background:transparent url(/themes/admin_default/i/icon_arrow_right_small.gif) no-repeat scroll 100% 2px; color: #000; text-decoration: none; display: block; } .MultiList li a:hover{ background-color:#EFEFEF; text-decoration: none; } .MultiList span.delete { float:right; display:inline; cursor:pointer; color:#f00; font-size:12px; margin-right:5px; } input.MLfilter{ width: 150px; } select.MLfilter{ width: 115px; } label.MultiList{ margin-left: 45px; } .MultiList .throbber{ } /*Tables*/ #content table tr td.last {border-right: none;} #content table tr.even td {background-color: #F2F2F2} th.tabsmall{width: 100px;} th.tabmed{width: 250px;} th.tablarge{width: 400px;} .table_wrapper table th { font-size: 14px; vertical-align: top; color: #FFF; background-color: #484848; padding: 7px 3px 3px 3px; } .table_wrapper table td{ font-size: 14px; text-align: left; border-bottom: 1px solid #CCCCCC; padding: 8px 5px; } .table_wrapper table { background-color: #ffffff; border-collapse: collapse; border: 1px solid #CCCCCC; border-left: 0; border-right: 0; width: 100%; margin-bottom: 1em; } table th { font-size: 18px; font-weight: bold; text-transform: uppercase; vertical-align: middle; color: #000; /*background: #E7E6E6 url(../i/bg_table_th.gif) repeat-x;*/ height: 22px; } table th.asc, table th.desc { border-left: 1px solid #ccc; border-right: 1px solid #ccc; /*background: #e4e3e3 url(../i/bg_table_th_sel.gif) repeat-x;*/ padding: 0; } table th.asc span, table th.desc span { display: block; height: 21px; line-height: 21px; border-top: 1px solid #fff; border-left: 1px solid #fff; /*background: url(../i/icon_th_up.gif) no-repeat 100% 7px;*/ padding: 0 5px; } table th.desc span { /*background: url(../i/icon_th_down.gif) no-repeat 100% 7px;*/ } table th a, table th a:hover, table th a:visited { color: #000; } /* doc tables */ .doctable{} .doctable th{padding: 10px;} .doctable td{padding: 10px;} /*ContentRevisions*/ #sidebar div.plain_inside_content a.ractive{font-size: 11px; color: black;} #sidebar div.plain_inside_content a.rentry{font-size: 10px; color: #CCCC;} /* Articles */ /* Articles - edit */ #articleadd{margin: 0px;padding: 0px 15px;} #article_form { padding-top: 20px;} #article_form label{padding-bottom: 10px;color: #333333;float: left;font-size: 14px;width: 155px;} #article_form fieldset>div{min-height: 25px;padding-bottom: 10px;} #content #article_form div div ul{margin: 0px;} #article_form fieldset>div>div{font-size: 14px;} #article_form fieldset>div>div.nolabel, #article_form span.error {margin-left: 155px} #article_form fieldset #wide_fck div.nolabel{margin-left: 0px} #article_form #wide_fck{margin: 0 -15px} /* Articles - details */ .articleBox-header {padding: 20px 20px 0;} .articleBox-content {padding: 20px;} .articleBox-content img{ float: left;padding: 0px 15px 15px 0;} .articleBox-content iframe{padding: 0px 15px 15px 0}; /* Articles - search */ #article-search label{display: block;font-size: 14px;margin-top: -17px;} #article-search input.image{position: relative; top: 8px; right: 25px; border-left: 1px solid #CCC;padding-left: 5px;} #article-search fieldset>div{float: left;} #article-search-keyword.defaulttext{color: #BBB;} #article-search-keyword{margin-left: 30px; padding-left: 5px; font-size: 14px; padding-right: 25px; width: 400px; height: 25px; border: 1px solid #CCC;webkit-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .cbSearchResults {padding: 20px} .cbSearchResults .clr { clear: both} .cbSearchResults p { padding: 20px 0px 0px 15px;} .cbSearchResults img {float: left; padding: 0px 15px 15px 0px;} .cbSearchResults .title {font-size: 22px; color: black; text-decoration: none;} .cbSearchResults ul li{border-bottom: 1px #ccc solid; padding-bottom: 25px;} .cbSearchResults ul li.last{border: 0px;} .cbSearchResults p.noresults{font-size: 22px; color: black;}