/**************************************************************************************************************************************************************** CGP UI - General Framework ****************************************************************************************************************************************************************/ /* ------------------------------------------- Style Reset ------------------------------------------- */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3, h4,h5,h6,pre,form,fieldset,legend,label,input, textarea,p,blockquote,th,td { margin: 0; padding: 0; } table { border-collapse:collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-weight:normal; } q:before,q:after { content: ''; } abbr,acronym { border: 0; } :focus { outline: 0; } hr { display: none; } /* ------------------------------------------- Browser Update Banner ------------------------------------------- */ #buorgclose { display: none; } /* ------------------------------------------- General ------------------------------------------- */ .display_none { display: none; } .border_none { border: none; } .float_left { float: left; } .float_right { float: right; } .clear { clear: both; } .overflow_hidden { overflow: hidden; } /* ------------------------------------------- Page ------------------------------------------- */ body { font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 18px; text-align: center; background: #EEE; } #wrapper { text-align: left; background: #FFF; margin: 0 auto; width: 960px; overflow: hidden; /* CSS3 */ -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; } #header { background: #FFF; } #footer { text-align: left; width: 960px; margin: 0 auto; height: 38px; } /* ------------------------------------------- System Notes ------------------------------------------- */ #system_note { font-size: 11px; line-height: 14px; color: #FFF; background: #169AD8; border-bottom: 1px solid #768CA3; width: 940px; padding: 5px 10px 4px 10px; z-index: 9999; } #system_note a { color: #FFF; } #system_note.positive { background: #5FB323; } #system_note.negative { background: #FF6400; } /* ------------------------------------------- Banner ------------------------------------------- */ #banner { background: #8699AC; border-bottom: 1px solid #768CA3; width: 960px; height: 23px; z-index: 9998; } #banner #switch_user_alert { font-size: 11px; line-height: 14px; color: #FFF; float: left; padding: 5px 0 0 10px; } #banner #switch_user_alert .icon { width: 12px; height: 12px; margin: 0 5px 0 0; float: left; background: transparent url('../_img/sprite.png') no-repeat -105px -35px; } #banner #switch_user_alert a { color: #FFF; } #banner #switch_user_alert span.truncate { display: block; float: left; max-width: 170px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-right: 5px; } #banner #support_nav { font-size: 11px; line-height: 14px; font-weight: bold; color: #FFF; float: right; } #banner #support_nav li { padding: 0; border-left: 1px solid #768CA3; float: left; } #banner #support_nav li.active { background-color: #98A8B8; } #banner #support_nav li a { padding: 6px 10px 3px 10px; color: #FFF; text-decoration: none; display: block; } #banner #support_nav #cart a { padding-left: 24px; background-image: url('../_img/sprite.png'); background-image: no-repeat; background-position: 5px -264px; } #banner #support_nav #notifications a { padding-left: 22px; background-image: url('../_img/sprite.png'); background-image: no-repeat; background-position: 5px -1104px; } #banner #support_nav #messages a { padding-left: 24px; background-image: url('../_img/sprite.png'); background-image: no-repeat; background-position: 5px -1075px; } #banner #support_nav #activity_stream a { padding-left: 24px; background-image: url('../_img/sprite.png'); background-image: no-repeat; background-position: 5px -1254px; } #banner #support_nav #library a { padding-left: 24px; background-image: url('../_img/sprite.png'); background-image: no-repeat; background-position: 5px -1504px; } #banner #support_nav #account { position: relative; } #banner #support_nav #account > a { padding-right: 20px; background: transparent url('../_img/sprite.png') no-repeat right -712px; max-width: 150px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #banner #support_nav #account ul { font-weight: normal; text-align: left; background: #8699AC; border: 1px solid #768CA3; border-top: none; margin: 0 -1px; padding: 5px 0; width: 100%; display: none; position: absolute; top: 21px; left: 0; z-index: 1000; } #banner #support_nav #account:hover ul { display: block; } #banner #support_nav #account ul li { padding: 2px 8px; border: none; display: block; float: none; } #banner #support_nav #account ul li a { padding: 0; color: #EEE; display: block; } #banner #support_nav #account ul li a:hover { color: #FFF; background: #879AAD; } #banner #support_nav .count { font-size: 9px; line-height: 11px; font-weight: bold; color: #FFF; background: #FF6400; padding: 2px 4px 1px 4px; margin: 0 0 0 2px; vertical-align: 1px; /* CSS3 */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } /* ------------------------------------------- Masthead ------------------------------------------- */ #masthead { background: #FFF url('../_img/sprite.png') repeat-x 0px bottom; height: 60px; clear: both; } #masthead h1 { font-size: 20px; color: #999; height: 60px; float: left; } #masthead h1 img { height: 60px; width: 190px; } #masthead #global_nav { font-size: 12px; line-height: 16px; color: #CCC; border-left: 1px solid #EEE; margin: 0; height: 60px; float: left; } #masthead #global_nav > li { border-right: 1px solid #EEE; float: left; background: transparent url('../_img/sprite.png') no-repeat left -1530px; } #masthead #global_nav > li.community { background-position: -7px -1530px; } #masthead #global_nav > li.creator { background-position: -107px -1530px; } #masthead #global_nav > li.publisher { background-position: -207px -1530px; } #masthead #global_nav > li.analytics { background-position: -7px -1590px; } #masthead #global_nav > li.bookstore { background-position: -107px -1590px; } #masthead #global_nav > li.event { background-position: -207px -1590px; } #masthead #global_nav > li.community.active { background-position: -7px -1650px; } #masthead #global_nav > li.creator.active { background-position: -107px -1650px; } #masthead #global_nav > li.publisher.active { background-position: -207px -1650px; } #masthead #global_nav > li.analytics.active { background-position: -7px -1710px; } #masthead #global_nav > li.bookstore.active { background-position: -107px -1710px; } #masthead #global_nav > li.event.active { background-position: -207px -1710px; } #masthead #global_nav > li a { color: #169AD8; text-decoration: none; text-align: center; padding: 35px 0 10px 0; height: 15px; width: 85px; display: block; } #masthead #global_nav > li.active a { color: #FF6400; } #masthead #global_nav > li.inactive a { color: #9BC9DD; } #masthead #global_nav > li.disabled { color: #9BC9DD; text-decoration: none; text-align: center; padding: 35px 0 10px 0; height: 15px; width: 85px; display: block; } #masthead #search { padding: 18px 0 0 18px; position: relative; float: left; z-index: 9997; } #masthead #search form { overflow: hidden; position: relative; } #masthead #search form.loading:after { content: ''; background: transparent url('../_img/loading_small.gif') no-repeat center center; width: 24px; height: 24px; display: block; position: absolute; top: 0; right: 0; } #masthead #search form label { display: none; } #masthead #search form #search_input { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; background: #fff url('../_img/sprite.png') repeat-x left -475px; border: 1px #CCC solid; padding: 4px 4px 2px 24px; margin: 0; height: 16px; width: 194px; float: left; display: inline; } #masthead #search form #search_input.blur { color: #AAA; } #masthead #search .live_search { background: #FFF; width: 224px; max-height: 300px; position: absolute; top: 100%; z-index: 9997; overflow-x: hidden; overflow-y: auto; /* CSS3 */ -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #masthead #search .live_search > ul li { color: #000; border-bottom: 1px dotted #EEE; padding: 7px; overflow: hidden; } #masthead #search .live_search > ul li img { width: 25px; height: 25px; float: left; margin: 0 7px 0 0; } #masthead #search .live_search > ul li:last-child { border-bottom: none; } #masthead #search .live_search > ul li h5 a { font-size: 10px; line-height: 12px; font-weight: bold; text-decoration: none; color: #169AD8; } #masthead #search .live_search > ul li h5 a:hover { text-decoration: underline; } #masthead #search .live_search > ul li .metadata { font-size: 10px; line-height: 12px; margin: 2px 0 0 0; overflow: hidden; } #masthead #search .live_search > ul li .metadata li { color: #999; border-left: 1px solid #EEE; border-bottom: none; width: auto; padding: 0 4px; float: left; } #masthead #search .live_search > ul li .metadata li a { color: #999; text-decoration: none; } #masthead #search .live_search > ul li .metadata li a:hover { color: #FF6400; text-decoration: none; } #masthead #search .live_search > ul li .metadata li:first-child { border-left: none; padding: 0 4px 0 0; } #masthead #search .live_search a.more { font-size: 10px; text-decoration: none; text-align: center; color: #999; background: #F6F6F6; width: 100%; padding: 3px 0; display: block; } #masthead #search .live_search a.more:hover { color: #FFF; background: #169AD8; } /* ------------------------------------------- Alerts ------------------------------------------- */ #alert { font-size: 14px; line-height: 18px; color: #FFF; background: #169AD8; border-bottom: 1px solid #EEE; padding: 6px 10px; display: none; } #alert.positive { background: #5FB323; } #alert.negative { background: #FF6400; } #alert #alert_close { float: right; text-indent: -2000px; background: transparent url('../_img/sprite.png') no-repeat -135px -33px; width: 15px; height: 15px; display: inline-block; } /* ------------------------------------------- Footer ------------------------------------------- */ #footer h2 { font-size: 20px; color: #999; padding: 5px 0 0 0; float: left; } #footer #footer_nav { font-size: 10px; line-height: 12px; color: #CCC; margin: 10px 0 0 0; float: right; } #footer #footer_nav li { border-right: 1px solid #CCC; float: left; } #footer #footer_nav li:last-child { border-right: none; } #footer #footer_nav li a:link, #footer #footer_nav li a:active, #footer #footer_nav li a:visited { color: #999; text-decoration: none; padding: 0 10px; display: block; } #footer #footer_nav li a:hover { color: #000; text-decoration: none; } /* ------------------------------------------- File Icons ------------------------------------------- */ .file_icon { background: transparent url('../_img/sprite.png') no-repeat -90px -1220px; } .file_icon.doc { background-position: 0px -1130px; } .file_icon.docx { background-position: -30px -1130px; } .file_icon.xlfx { background-position: -60px -1130px; } .file_icon.pptx { background-position: -90px -1130px; } .file_icon.xlf { background-position: -120px -1130px; } .file_icon.xls { background-position: -150px -1130px; } .file_icon.ppt { background-position: -180px -1130px; } .file_icon.txt { background-position: -210px -1130px; } .file_icon.rtf { background-position: -240px -1130px; } .file_icon.odf { background-position: -270px -1130px; } .file_icon.zip { background-position: 0px -1160px; } .file_icon.tar { background-position: -30px -1160px; } .file_icon.rar { background-position: -60px -1160px; } .file_icon.sit { background-position: -90px -1160px; } .file_icon.jpg { background-position: -120px -1160px; } .file_icon.bmp { background-position: -150px -1160px; } .file_icon.tif { background-position: -180px -1160px; } .file_icon.png { background-position: -210px -1160px; } .file_icon.gif { background-position: -240px -1160px; } .file_icon.avi { background-position: -270px -1160px; } .file_icon.flv { background-position: 0px -1190px; } .file_icon.wmv { background-position: -30px -1190px; } .file_icon.mov { background-position: -60px -1190px; } .file_icon.mp4 { background-position: -90px -1190px; } .file_icon.mpeg { background-position: -120px -1190px; } .file_icon.mpeg4 { background-position: -150px -1190px; } .file_icon.avi { background-position: -180px -1190px; } .file_icon.wma { background-position: -210px -1190px; } .file_icon.wav { background-position: -240px -1190px; } .file_icon.mp3 { background-position: -270px -1190px; } .file_icon.aiff { background-position: 0px -1220px; } .file_icon.aac { background-position: -30px -1220px; } .file_icon.url { background-position: -60px -1220px; } .file_icon.pdf { background-position: -120px -1220px; } /* ------------------------------------------- Social Icons ------------------------------------------- */ .social_icon { background: transparent url('../_img/sprite.png') no-repeat -202px -1282px; } .social_icon.facebook { background-position: -202px -1282px; } .social_icon.twitter { background-position: -222px -1282px; } .social_icon.google { background-position: -242px -1282px; } .social_icon.facebook_small { background-position: -204px -1304px; } .social_icon.twitter_small { background-position: -224px -1304px; } .social_icon.google_small { background-position: -244px -1304px; } /**************************************************************************************************************************************************************** CGP UI - Feature Pages, Support Pages, Identity Pages ****************************************************************************************************************************************************************/ /* ------------------------------------------- Feature Pages (Sign In, Browser Warning, etc.) ------------------------------------------- */ #feature #content { background: #9BC9DD; border: 10px solid #FFF; padding: 40px 0; overflow: hidden; } #feature #content #form { width: 300px; padding: 0 24px 0 35px; float: left; } #feature #content #promo { text-align: center; width: 570px; border-left: 1px dotted #FFF; float: left; } #feature #content h2 { font-weight: bold; font-size: 22px; line-height: 27px; color: #1F4166; margin: 0 0 15px 0; } #feature #content h2.breaker { border-top: 1px dotted #FFF; padding: 40px 0 0 0; margin: 40px 0 15px 0; } #feature #content p { font-size: 14px; line-height: 18px; color: #1F4166; margin: 0 0 18px 0; } #feature #content p a { color: #1F4166; } #feature #content #promo #promo_links { text-align: center; background: #7CB3CF; margin: 0 100px; padding: 8px; overflow: hidden; /* CSS3 */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 0 3px #77AAC5; -webkit-box-shadow: inset 0 0 3px #77AAC5; box-shadow: inset 0 0 3px #77AAC5; } #feature #content #promo #promo_links a { font-size: 14px; line-height: 18px; text-decoration: none; text-align: center; color: #FFF; background: #1699D8; width: 100%; padding: 5px 20px; border: 1px solid #127FB3; float: left; /*CSS3*/ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(21,145,204)), color-stop(0.7, rgb(22,153,216))); background-image: -moz-linear-gradient(center bottom, rgb(21,145,204) 10%, rgb(22,153,216) 70%); text-shadow: 1px 1px 1px #127FB3; -moz-box-sizing: border-box; box-sizing: border-box; } #feature #content #promo #promo_links a:hover { background: #FF6400; border: 1px solid #CC5000; /* CSS3 */ text-shadow: none; } /* Forms */ #feature #content form .item { margin: 0 0 12px 0; clear: both; } #feature #content form #controls { margin: 20px 0; overflow: hidden; clear: both; } #feature #content form .item label, #feature #content form .item fieldset legend { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFF; display: block; position: relative; } #feature #content form .item fieldset label { display: none; } #feature #content form .item label a { color: #FFF; } #feature #content form .item .help { position: relative; z-index: 500; } #feature #content form .item .help a { font-size: 9px; line-height: 11px; font-weight: bold; text-decoration: none; vertical-align: 20%; color: #FFF; background: #8699AC; padding: 1px 3px; /* CSS3 */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #feature #content form .item .help span { font-size: 11px; line-height: 14px; color: #666; background: #EEE; padding: 8px; width: 160px; position: absolute; left: 14px; top: 0px; display: none; white-space: normal; /* CSS3 */ -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; } #feature #content form .item .help:hover a { background: #169AD8; } #feature #content form .item .help:hover span { display: block; } #feature #content form .item label .note { font-size: 10px; text-decoration: none; color: #FFF; float: right; } #feature #content form .item p.note { font-size: 10px; line-height: 14px; color: #FFF; display: block; } #feature #content form input { font-family: Arial, Helvetica, sans-serif; font-size: 15px; } #feature #content form input[type=text], #feature #content form input[type=password] { text-indent: 5px; border: 2px solid #B9E1F4; padding: 6px 0; width: 100%; /* CSS3 */ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #feature #content form input:focus { background: #FEF4CB; border: 2px solid #169AD8; } #feature #content form label.error { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFF; } #feature #content form input.error, #feature #content form select.error { border: 2px #FF6400 solid; } #feature #content form label label.error { position: absolute; bottom: -15px; left: 0; } #feature #content #terms_and_conditions { background: #FFF; height: 270px; overflow-y: scroll; padding: 10px; /* CSS3 */ -moz-box-shadow: inset 0px -0px 3px #AAA; -webkit-box-shadow: inset 0px 0px 3px #AAA; box-shadow: inset 0px 0px 3px #AAA; } #feature #content #terms_and_conditions h2 { font-size: 14px; line-height: 18px; font-weight: bold; color: #1F4166; margin: 0 0 15px 0; } #feature #content #terms_and_conditions h3 { font-size: 11px; line-height: 15px; font-weight: bold; text-transform: uppercase; color: #1F4166; border-top: 1px solid #EEE; margin: 20px 0 20px 0; padding: 20px 0 0 0; } #feature #content #terms_and_conditions p { font-size: 11px; line-height: 15px; color: #000; margin: 0 0 16px 0; } #feature #content #terms_and_conditions ol { list-style-type: decimal; padding: 0 20px; margin: 0 0 18px 0; } #feature #content #terms_and_conditions ul { list-style-type: square; padding: 0 20px; margin: 0 0 18px 0; } #feature #content #terms_and_conditions ul li, #feature #content #terms_and_conditions ol li { font-size: 11px; line-height: 15px; margin: 0 0 6px 0; } #feature #content #terms_and_conditions li ul, #feature #content #terms_and_conditions li ol { margin: 10px 0; } #feature #content #terms_and_conditions li li { font-size: 11px; } #feature #content #terms_and_conditions a { text-decoration: none; color: #169AD8; } #feature #content #terms_and_conditions a:hover { text-decoration: underline; } #feature #content button { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#666; background: #EEE; width: 300px; height: 30px; padding: 0; margin: 0; border: 1px solid #CCC; float: right; /*CSS3*/ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(230,230,230)), color-stop(0.7, rgb(246,246,246))); background-image: -moz-linear-gradient(center bottom, rgb(230,230,230) 10%, rgb(246,246,246) 70%); text-shadow: 1px 1px 1px #FFF; } #feature #content button:hover { color: #FFF; background: #169AD8; /* CSS3 */ text-shadow: none; } #feature #content a.button { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; text-decoration: none; text-align: center; color:#666; background: #EEE; width: 100%; height: 25px; padding: 5px 0 0 0; margin: 0 4px 0 0; border: 1px solid #CCC; display: block; /*CSS3*/ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(230,230,230)), color-stop(0.7, rgb(246,246,246))); background-image: -moz-linear-gradient(center bottom, rgb(230,230,230) 10%, rgb(246,246,246) 70%); text-shadow: 1px 1px 1px #FFF; } #feature #content a.button:hover { color: #FFF; background: #169AD8; /* CSS3 */ text-shadow: none; } /* Sign Up Form Specific */ #feature #content #recaptcha_widget { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFF; } #feature #content #recaptcha_widget a { text-decoration: underline; color: #FFF; } #feature #content #recaptcha_widget .icon { text-indent: -2000px; width: 15px; height: 15px; margin: 0; float: left; /* CSS3 */ -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; } #feature #content #recaptcha_widget .icon.refresh { background: transparent url('../_img/sprite.png') no-repeat -165px -35px; } #feature #content #recaptcha_widget .icon.audio { background: transparent url('../_img/sprite.png') no-repeat -180px -35px; } #feature #content #recaptcha_widget .icon.image { background: transparent url('../_img/sprite.png') no-repeat -195px -35px; } #feature #content #recaptcha_widget .icon.help { background: transparent url('../_img/sprite.png') no-repeat -210px -35px; } #feature #content #recaptcha_widget .options { width: 45px; float: right; } #feature #content #recaptcha_widget #recaptcha_image { border: 0px solid #169AD8; margin: 0 0 20px 0; } #feature #content #recaptcha_widget .recaptcha_only_if_incorrect_sol2 { color: #FFF; background: #FF6400; padding: 5px; margin: 0 0 10px 0; /* CSS3 */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 0 3px #CC5000; -webkit-box-shadow: inset 0 0 3px #CC5000; box-shadow: inset 0 0 3px #CC5000; } /* Browser Warning Specific */ #feature #content ul.supported_browsers { margin: 40px 0; } #feature #content ul.supported_browsers li { margin: 0 0 10px 0; overflow: hidden; } #feature #content ul.supported_browsers li .icon { width: 32px; height: 32px; margin: 0 20px 0 0; display: block; background: red; float: left; } #feature #content ul.supported_browsers li .browser_ff { background: transparent url('../_img/sprite.png') no-repeat -39px -1280px; } #feature #content ul.supported_browsers li .browser_chrome { background: transparent url('../_img/sprite.png') no-repeat 0 -1280px; } #feature #content ul.supported_browsers li .browser_ie { background: transparent url('../_img/sprite.png') no-repeat -143px -1280px; } #feature #content ul.supported_browsers li .browser_safari { background: transparent url('../_img/sprite.png') no-repeat -109px -1280px; } #feature #content ul.supported_browsers li .details { width: 230px; border-bottom: 1px dotted #FFF; padding: 0 0 10px 0; float: left; } #feature #content ul.supported_browsers li .details h3 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FFF; } #feature #content ul.supported_browsers li .details p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; color: #FFF; } #feature #content ul.supported_browsers li:last-child .details { border-bottom: none; } #feature #content span#detected_browser { font-style: italic; } #feature #content p.note { font-family: Arial, Helvetica, sans-serif; font-style: italic; font-size: 10px; line-height: 14px; color: #DCEDF5; } #feature #content p.note a { color: #DCEDF5; } /* ------------------------------------------- Support Pages (Help, Account Settings, etc.) ------------------------------------------- */ #support #content { background: #FFF; min-height: 400px; padding: 50px; } #support #content h2 { font-size: 22px; line-height: 27px; font-weight: bold; color: #1F4166; margin: 0 0 15px 0; } #support #content h3 { font-size: 12px; line-height: 16px; font-weight: bold; text-transform: uppercase; color: #1F4166; border-top: 1px solid #EEE; margin: 40px 0 20px 0; padding: 20px 0 0 0; } #support #content h4 { font-size: 10px; line-height: 15px; font-weight: bold; text-transform: uppercase; color: #1F4166; margin: 30px 0 10px 0; } #support #content p { font-size: 12px; line-height: 16px; margin: 0 0 16px 0; } #support #content ol { list-style-type: decimal; padding: 0 20px; margin: 0 0 18px 0; } #support #content ul { list-style-type: square; padding: 0 20px; margin: 0 0 18px 0; } #support #content ul li, #support #content ol li { font-size: 12px; line-height: 15px; margin: 0 0 6px 0; } #support #content li ul, #support #content li ol { margin: 10px 0; } #support #content li li { font-size: 11px; } #support #content a { text-decoration: none; color: #169AD8; } #support #content a:hover { text-decoration: underline; } #support #content .section_footer { font-size: 10px; line-height: 15px; margin: 30px 0; } /* Tables */ #support #content caption { display: none; } #support #content table { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; text-align: left; color: #000; background: #FFF; border: 1px solid #e3e3e3; width: 100%; } #support #content table a:link, #support #content table a:active, #support #content table a:visited { color: #169AD8; text-decoration: none; } #support #content table a:hover { text-decoration: underline; } #support #content table thead tr { background: #EEE; /*CSS3*/ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(240,240,240)), color-stop(0.7, rgb(256,256,256))); background-image: -moz-linear-gradient(center bottom, rgb(240,240,240) 10%, rgb(256,256,256) 70%); } #support #content table thead tr:hover { cursor: pointer; } #support #content table th { font-size: 11px; line-height: 15px; color: #333; padding: 6px; border-bottom: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3; /*CSS3*/ text-shadow: 1px 1px 1px #FFF; } #support #content table th:last-child { border-right: none; } #support #content table th.header { font-weight: normal; background: transparent url('../_img/sprite.png') no-repeat right -681px; padding-right: 20px; } /* Class named per tablesorter plugin - do not change */ #support #content table th.headerSortDown { font-weight: bold; background: transparent url('../_img/sprite.png') no-repeat right -622px; padding-right: 20px; } /* Class named per tablesorter plugin - do not change */ #support #content table th.headerSortUp { font-weight: bold; background: transparent url('../_img/sprite.png') no-repeat right -651px; padding-right: 20px; } /* Class named per tablesorter plugin - do not change */ #support #content table tr { font-size: 11px; /* 11px */ vertical-align: top; } #support #content table tbody tr:hover { background: #FEF4CB; } #support #content table tbody tr.disabled, #support #content table tbody tr.disabled:hover { font-style: italic; background: #F9F9F9; } #support #content table tbody tr.alert:hover { background: #FEF2E6; } #support #content table tbody tr.alert strong { color: #FF6400; } #support #content table td { padding: 6px 4px; border-bottom: 1px solid #EEE; } #support #content table td a.icon { background-image: url('../_img/sprite.png'); background-repeat: no-repeat; width: 15px; height: 15px; display: block; float: left; } #support #content table td a.icon.delete { background-position: 0 -20px; } #support #content table td a.icon.edit { background-position: -30px -20px; } #support #content table td a.icon.user { background-position: -253px -35px; } #support #content table td a.icon.view { background-position: -15px -35px; } #support #content table td a.icon.republish { background-position: -60px -20px; } #support #content table td a.icon.remove { background-position: -270px -35px; } #support #content table td a.icon.settings { background-position: -90px -35px; } #support #content table td a.icon.reorder { background: transparent url('../_img/sprite.png') no-repeat -45px -20px; cursor: move; } #support #content table td a.icon.disabled { cursor: default; /*CSS3*/ opacity: 0.25; } #support #content table td img { width: 20px; height: 20px; margin: -3px 0; vertical-align: middle; } #support #content table label { display: none; } #support #content table select { font-size: 10px; } #support #content table input { font-family: Arial, Helvetica, sans-serif; font-size: 10px; } #support #content table input[type=text], #support #content table input[type=password] { text-indent: 5px; border: 1px solid #CCC; padding: 2px 0; width: 100%; /* CSS3 */ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #support #content table input[type=text][disabled=disabled] { color: #999; } #support #content table.resize tbody td { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #support #content .table_grip { height: 8px; width: 8px; background: transparent url('../_img/sprite.png') no-repeat -3px -54px; margin-top: -1px; position: relative; z-index: 899; cursor: e-resize; } #support #content .table_pager { background: #E6E6E6; padding: 4px 5px 3px 5px; overflow: hidden; } #support #content .table_pager .filters { list-style-type: none; padding: 0; margin: 0; float: left; overflow: hidden; } #support #content .table_pager .filters li { float: left; padding: 0 6px 0 0; margin: 0 6px 0 0; border-right: 1px solid #fff; } #support #content .table_pager .filters li:last-child { border-right: none; } #support #content .table_pager .filters li label { font-size: 11px; line-height: 14px; color: #666; margin: 0; } #support #content .table_pager .filters li select { font-size: 10px; } #support #content .table_pager .page { list-style-type: none; margin: 2px 0 0 0; padding: 0; float: right; } #support #content .table_pager .page li { border-right: 1px solid #fff; padding: 0 10px 0 0; margin: 0 0 0 10px; float: left; } #support #content .table_pager .page li:last-child { padding: 0; border-right: none; } #support #content .table_pager .page li a { font-size: 11px; line-height: 14px; color: #666; } #support #content .table_tools { background: #DDD; padding: 4px; overflow: hidden; } #support #content .table_tools h5 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; margin: 5px; float: left; } #support #content .table_tools a.button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; text-decoration: none; text-align: center; color:#444; background: #EEE; height: 19px; padding: 5px 8px 0 8px; margin: 0 4px 0 0; border: 1px solid #CCC; display: inline-block; /*CSS3*/ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(230,230,230)), color-stop(0.7, rgb(246,246,246))); background-image: -moz-linear-gradient(center bottom, rgb(230,230,230) 10%, rgb(246,246,246) 70%); text-shadow: 1px 1px 1px #FFF; } #support #content .table_tools a.button:last-child { margin-left: none; } #support #content .table_tools a.button.disabled { color: #999; background: #EEE; cursor: pointer; /* CSS3 */ text-shadow: none; } #support #content .table_tools a.button span.icon { background-image: url('../_img/sprite.png'); background-repeat: no-repeat; height: 12px; width: 12px; margin: 0 4px 0 0; display: inline-block; } #support #content .table_tools a.button span.icon.add { background-position: 0 -148px; } #support #content .table_tools a.button span.icon.delete { background-position: -2px -20px; } #support #content .table_tools a.button span.icon.remove { background-position: -270px -35px; } /* Forms */ #support #content .item { margin: 0 0 10px 200px; width: 402px; clear: both; } #support #content #controls { text-align: center; margin: 40px 0 0 0; padding: 40px 0 0 0; border-top: 1px solid #EEE; overflow: hidden; clear: both; } #support #content p.teaser { font-weight: bold; text-align: center; margin: 50px 0 70px 0; } #support #content .item label { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: right; color: #1F4166; margin: 5px 10px; min-width: 120px; float: left; } #support #content .item fieldset legend, #support #content .item fieldset label { display: none; } #support #content .item fieldset.inputs label { font-size: 12px; color: #000; text-align: left; width: 260px; margin: 5px 0; display: block; float: right; } #support #content .item fieldset { width: 260px; } #support #content .item .help { position: relative; z-index: 500; } #support #content .item .help a { font-size: 9px; line-height: 12px; font-weight: bold; text-decoration: none; vertical-align: 20%; color: #FFF; background: #8699AC; padding: 1px 3px; /* CSS3 */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #support #content .item .help span { font-size: 11px; line-height: 14px; text-align: left; color: #666; background: #EEE; padding: 8px; width: 160px; position: absolute; left: 14px; top: 0px; display: none; /* CSS3 */ -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; } #support #content .item .help:hover a { background: #169AD8; } #support #content .item .help:hover span { display: block; } #support #content .item p { text-align: left; margin: 0 0 0 140px; } #support #content .item.read_only p { max-width: 240px; margin: 5px 0; display: inline-block; } #support #content .item .note { font-size: 10px; line-height: 14px; color: #999; margin: 0 0 0 140px; display: block; } #support #content .item .note.positive { color: #5FB323; } #support #content .item .note.negative { color: #FF6400; } #support #content .item fieldset .note { margin: 0; } #support #content input { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #support #content input[type=text], #support #content input[type=password] { text-indent: 5px; border: 1px solid #B9E1F4; padding: 5px 0; width: 260px; /* CSS3 */ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #support #content textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #B9E1F4; padding: 5px; width: 260px; height: 150px; resize: vertical; /* CSS3 */ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #support #content input:focus { background: #FEF4CB; border: 1px solid #169AD8; } #support #content select { max-width: 255px; } #support #content select.chosen { width: 258px; max-width: 258px; } #support #content input[type=text].required, #support #content input[type=password].required { text-indent: 5px; border: 1px solid #9BC9DD; } #support #content textarea.required { border: 1px solid #9BC9DD; } #support #content label.error { font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-align: left; margin: 0; font-weight: bold; color: #FF6400; width: 260px; display: block; } #support #content input.required.error, #support #content select.required.error { border: 1px solid #FF6400; } #support #content .blur { color: #999; } #support #content button { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#666; background: #EEE; width: 269px; height: 30px; padding: 0; margin: 0; border: 1px solid #CCC; /*CSS3*/ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(230,230,230)), color-stop(0.7, rgb(246,246,246))); background-image: -moz-linear-gradient(center bottom, rgb(230,230,230) 10%, rgb(246,246,246) 70%); text-shadow: 1px 1px 1px #FFF; } #support #content button:hover { color: #FFF; background: #169AD8; /* CSS3 */ text-shadow: none; } /* Form Lists */ #support #content form .form_list .list_content { list-style-type: none; border-top: 1px dotted #9BC9DD; padding: 0; margin: 0 auto; width: 400px; clear: both; } #support #content form .form_list .list_content > li { border-bottom: 1px dotted #9BC9DD; padding: 0 5px; margin: 0; position: relative; } #support #content form .form_list .list_content > li:hover { background: #F6FBFC; } #support #content form .form_list .list_content > li h4 { font-size: 13px; line-height: 15px; font-weight: normal; text-transform: none; padding: 5px 0; margin: 0 70px 0 0; } #support #content form .form_list .list_content > li h4 a { color: #1F4166; } #support #content form .form_list .list_content > li > .options { list-style-type: none; padding: 0; margin: 0; position: absolute; right: 5px; top: 5px; visibility: hidden; } #support #content form .form_list .list_content > li:hover > .options { visibility: visible; } #support #content form .form_list .list_content > li .options > li { float: left; margin: 0; } #support #content form .form_list .list_content > li .options > li a { width: 15px; height: 15px; display: block; } #support #content form .form_list .list_content > li .options > li a.delete { background: transparent url('../_img/sprite.png') no-repeat 0 -20px; } #support #content form .form_list .list_content > li .options > li a.edit { background: transparent url('../_img/sprite.png') no-repeat -30px -20px; } #support #content form .form_list .list_content > li .options > li a.settings { background: transparent url('../_img/sprite.png') no-repeat -90px -35px; } #support #content form .form_list .list_content > li .options > li a.switch_user { background: transparent url('../_img/sprite.png') no-repeat -105px -35px; } #support #content form .form_list .list_content > li .options > li a.disabled { opacity: 0.25; filter: alpha(opacity=25); cursor: default; } #support #content form .form_list .list_content > li.controls { text-align: right; border-bottom: none; padding: 5px; } #support #content form .form_list .list_content > li.controls:hover { background: transparent; } #support #content form .form_list .list_content > li div.content { border-top: 1px solid #FFF; padding: 10px 5px 0 5px; margin: 0 0 10px 0; display: none; } #support #content form .form_list .list_content > li.active div.content { display: block; } #support #content form .form_list .list_content > li div.content .item { margin: 0 0 12px 0; } #support #content form .form_list .list_nav { font-size: 12px; margin: 5px auto; width: 400px; } #support #content form .form_list .list_nav label { font-size: 11px; color: #999; display: block; } #support #content form .form_list .list_controls { font-size: 12px; text-align: right; margin: 5px auto; width: 400px; } /* Admin Tools */ #support.admin_tools #nav { background: #DCEDF4; width: 180px; padding: 40px 10px 10000px 10px; margin-bottom: -9960px; float: left; } #support.admin_tools #content { width: 680px; padding: 40px; float: left; } #support.admin_tools #nav ul { border-top: 1px solid #9BC9DD; border-bottom: 1px solid #9BC9DD; } #support.admin_tools #nav ul li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-bottom: 1px dotted #9BC9DD; padding: 8px 0; } #support.admin_tools #nav ul li:last-child { border-bottom: none; } #support.admin_tools #nav ul li a { text-decoration: none; color: #169AD8; } #support.admin_tools #nav ul li.active a { text-decoration: none; color: #FF6400; } #support.admin_tools #content .wrapper { background: #F6F6F6; padding: 20px; } #support.admin_tools #content h2 { border-bottom: 1px solid #eee; padding: 0 0 10px 0; } #support.admin_tools #content h3 { border-top: none; margin: 30px 0; padding: 0; /* CSS3 */ text-shadow: 1px 1px 1px #FFF; } #support.admin_tools #content h3:first-child { margin: 0 0 30px 0; } #support.admin_tools #content h3 .help { position: relative; z-index: 500; } #support.admin_tools #content h3 .help a { font-size: 9px; line-height: 12px; font-weight: bold; text-decoration: none; vertical-align: 20%; color: #FFF; background: #8699AC; padding: 1px 3px; /* CSS3 */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-shadow: none; } #support.admin_tools #content h3 .help span { font-size: 11px; line-height: 14px; font-weight: normal; text-transform: none; text-align: left; color: #666; background: #EEE; padding: 8px; width: 160px; position: absolute; left: 14px; top: 0px; display: none; /* CSS3 */ -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; text-shadow: none; } #support.admin_tools #content h3 .help:hover a { background: #169AD8; } #support.admin_tools #content h3 .help:hover span { display: block; } #support.admin_tools #content p.teaser { font-size: 14px; font-weight: normal; } #support.admin_tools #content p.teaser a { font-weight: bold; } #support.admin_tools #content form { margin: 20px 0 0 0; } #support.admin_tools #content hr { border: none; border-top: 1px solid #DDD; height: 1px; background: #fff; margin: 30px 0 0 0; display: block; } #support.admin_tools #content .item { margin: 0 0 10px 100px; } #support.admin_tools #content .item p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 5px 0 0 0; display: inline-block; } #support.admin_tools #content .item.buttons { width: 265px; margin-left: 235px; overflow: hidden; } #support.admin_tools #content .item a.button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; text-decoration: none; text-align: center; color:#666; background: #EEE; width: 125px; height: 20px; padding: 5px 0 0 0; margin: 0 0 0 5px; border: 1px solid #CCC; display: block; float: left; /*CSS3*/ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(230,230,230)), color-stop(0.7, rgb(246,246,246))); background-image: -moz-linear-gradient(center bottom, rgb(230,230,230) 10%, rgb(246,246,246) 70%); text-shadow: 1px 1px 1px #FFF; } #support.admin_tools #content .item a.button.wide { width: 258px; } #support.admin_tools #content .item a.button:last-child { margin-right: 0; } #support.admin_tools #content .item a.button:hover { color: #FFF; background: #169AD8; /* CSS3 */ text-shadow: none; } #support.admin_tools #content .icon { max-width: 100px; max-height: 100px; display: inline-block; position: relative; } #support.admin_tools #content .icon .edit { display: none; background-image: url('../_img/sprite.png'); background-color: #fff; background-repeat: no-repeat; background-position: -29px -20px; width: 15px; height: 15px; overflow: hidden; text-indent: -9999px; position: absolute; right: 0; top: 0; } #support.admin_tools #content .icon:hover .edit { display: block; } #support.admin_tools #content .item a.button .icon { height: 12px; width: 12px; margin: 0 4px 0 0; display: inline-block; } #support.admin_tools #content .item a.button .icon.delete { background: transparent url('../_img/sprite.png') no-repeat 0 -20px; } #support.admin_tools #content .item a.button .icon.switch_account { background: transparent url('../_img/sprite.png') no-repeat -105px -35px; } #support.admin_tools #content .item a.button .icon.members { background: transparent url('../_img/sprite.png') no-repeat -120px -35px; } #support.admin_tools #content .item a.button .icon.edit { background: transparent url('../_img/sprite.png') no-repeat -30px -20px; } #support.admin_tools #content .item a.button .icon.view { background: transparent url('../_img/sprite.png') no-repeat -15px -35px; } #support.admin_tools #content .item a.button .icon.republish { background: transparent url('../_img/sprite.png') no-repeat -60px -20px; } #support.admin_tools #content .item a.button .icon.settings { background: transparent url('../_img/sprite.png') no-repeat -90px -35px; } #support.admin_tools #content .item .table_tools a.button { padding: 5px 8px 0 8px; width: auto; min-width: 125px; } #support.admin_tools #content .item.wide { margin: 40px 0; width: auto; text-align: center; } #support.admin_tools #content .item.wide label { display: none; } #support.admin_tools #content .item.wide label.checkbox { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; display: inline; float: none; } #support.admin_tools #content .item.wide input { display: inline; } #support.admin_tools #content .item.wide p { font-size: 14px; margin: 0 0 0 10px; display: inline; } #support.admin_tools #content .item.wide p a { font-weight: bold; } #support.admin_tools #content .item.wide .live_search_wrapper { width: 360px; display: inline; position: relative; } #support.admin_tools #content .item.wide .live_search_wrapper input { width: 360px; } #support.admin_tools #content .item.wide .live_search { text-align: left; background: #FFF; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; border-left: 1px solid #EEE; width: 360px; max-height: 200px; position: absolute; top: 23px; left: 0; z-index: 999; overflow-y: auto; /* CSS3 */ -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #support.admin_tools #content .item.wide .live_search > ul { list-style: none; padding: 0; margin: 0; } #support.admin_tools #content .item.wide .live_search > ul li { border-top: 1px solid #EEE; padding: 5px; margin: 0; overflow: hidden; } #support.admin_tools #content .item.wide .live_search h5 a { font-size: 11px; line-height: 14px; font-weight: bold; text-decoration: none; color: #169AD8; } #support.admin_tools #content .item.wide .live_search h5 a:hover { text-decoration: underline; } #support.admin_tools #content .item.wide .live_search .avatar, #support.admin_tools #content .item.wide .live_search .icon { height: 25px; width: 25px; margin-right: 5px; float: left; } #support.admin_tools #content .item.wide .live_search .work_icon { text-align: center; height: 25px; width: 25px; margin-right: 5px; float: left; display: table; } #support.admin_tools #content .item.wide .live_search .work_icon_centering_wrapper { display: table-cell; vertical-align: middle; } #support.admin_tools #content .item.wide .live_search .work_icon img { max-width: 25px; max-height: 25px; } #support.admin_tools #content .item.wide .live_search .metadata { font-size: 10px; line-height: 12px; margin: 2px 0 0 0; padding: 0; list-style: none; overflow: hidden; } #support.admin_tools #content .item.wide .live_search .metadata li { color: #999; border-top: none; width: auto; padding: 0 4px 0 0; margin: 0 4px 0 0; border-right: 1px solid #EEE; float: left; } #support.admin_tools #content .item.wide .live_search .metadata li:last-child { border-right: none; margin: 0; padding: 0; } #support.admin_tools #content .item.wide .live_search a.more { font-size: 10px; text-decoration: none; text-align: center; color: #999; background: #F6F6F6; width: 100%; padding: 3px 0; display: block; } #support.admin_tools #content .item.wide .live_search a.more:hover { color: #FFF; background: #169AD8; } #support.admin_tools #content .item.wide .live_search div.loading_content { background: transparent url('../_img/loading_small.gif') no-repeat center center; height: 24px; display: none; } #support.admin_tools #content div.loading_content { background: transparent url('../_img/loading_small.gif') no-repeat right center; } #support.admin_tools #content input.loading { background-image: url('../_img/loading_small_padding_right.gif'); background-repeat: no-repeat; background-position: right center; } #support.admin_tools #content #controls { border-top: none; padding: 0 0 20px 0; overflow: hidden; } #support.admin_tools #content #controls > div { display: none; } #support.admin_tools #content #controls > div:first-child { display: block; } #support.admin_tools #content #controls label { display: none; } #support.admin_tools #content #controls button { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#666; background: #EEE; width: 150px; height: 30px; padding: 0; margin: 0; border: 1px solid #CCC; /*CSS3*/ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(230,230,230)), color-stop(0.7, rgb(246,246,246))); background-image: -moz-linear-gradient(center bottom, rgb(230,230,230) 10%, rgb(246,246,246) 70%); text-shadow: 1px 1px 1px #FFF; } #support.admin_tools #content #controls a.button { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 16px; text-decoration: none; text-align: center; color:#666; background: #EEE; width: 150px; height: 22px; padding: 6px 0 0 0; margin: 0 0 0 5px; border: 1px solid #CCC; display: inline-block; /*CSS3*/ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(230,230,230)), color-stop(0.7, rgb(246,246,246))); background-image: -moz-linear-gradient(center bottom, rgb(230,230,230) 10%, rgb(246,246,246) 70%); text-shadow: 1px 1px 1px #FFF; } #support.admin_tools #content #controls p { font-size: 14px; margin: 0 0 0 10px; display: inline; } #support.admin_tools #content #controls p a { font-weight: bold; } #support.admin_tools #content #controls #password_verification { position: relative; } #support.admin_tools #content #controls #password_verification label { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #1F4166; margin: 5px 10px; display: inline-block; } #support.admin_tools #content #controls #password_verification label.error { position: absolute; visibility: hidden; } #support.admin_tools #content #controls #password_verification input { width: 180px; height: 28px; } #support.admin_tools #content #controls #password_verification button { width: 100px; } #support.admin_tools #content span.license { font-size: 8px; line-height: 8px; background: #CCC; width: 8px; height: 8px; display: inline-block; margin: 0 5px 0 0; /* CSS3 */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #support.admin_tools #content span.license.green { background: #5FB446; } #support.admin_tools #content span.license.brown { background: #86715D; } #support.admin_tools #content span.license.blue { background: #A5CFE1; } #support.admin_tools #content span.license.yellow { background: #E5AC1B; } #support.admin_tools #content span.license.orange { background: #FF6400; } #support.admin_tools #content .wrapper.alerts { color: #fff; background: #FF6400; padding: 20px; } #support.admin_tools #content .wrapper.alerts h3 { font-weight: bold; font-size: 14px; line-height: 20px; text-transform: none; color: #fff; margin: 0; text-shadow: none; } #support.admin_tools #content .wrapper.alerts ul { list-style-type: square; padding: 0 20px; margin: 10px 0 0 0; } #support.admin_tools #content .wrapper.alerts ul li { font-size: 11px; line-height: 14px; margin: 0 0 5px 0; } #support.admin_tools #content .wrapper.alerts a { text-decoration: underline; color: #FFF; } #support.admin_tools #content .block { border-bottom: 1px solid #FFF; } #support.admin_tools #content .block h3 { border-bottom: 1px solid #DDD; padding: 30px 0; margin: 0; /* CSS3 */ text-shadow: 1px 1px 1px #FFF; } #support.admin_tools #content .block h3 .alert { font-size: 10px; line-height: 12px; font-weight: bold; text-transform: none; color: #FFF; background: #FF6400; padding: 1px 5px; margin: 0 0 0 2px; /* CSS 3 */ text-shadow: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #support.admin_tools #content .block h3 .icon.arrow { text-indent: -2000px; background-image: url('../_img/sprite.png'); background-image: no-repeat; background-position: -2px -570px; margin: 0 5px 0 0; height: 10px; width: 10px; display: inline-block; } #support.admin_tools #content .block.open h3 .icon.arrow { background-position: -2px -600px; } #support.admin_tools #content .block .block_content { background: #EEE; padding: 10px; display: none; /* CSS3 */ -moz-box-shadow: inset 0px 0px 2px #DDD; -webkit-box-shadow: inset 0px 0px 2px #DDD; box-shadow: inset 0px 0px 2px #DDD; }