/* XELPLEX SITE-SPECIFIC CSS */ body { margin:7px 0px 0px 0px; background: #f8f8f8 url('/images/global/bg.jpg') repeat-x 0px 0px; } /***** TEMP BRIEF PAGE ******/ body#brief{height:100%; margin:0px; background:none;} html.height_100{height:100%; overflow:hidden;} /* Wrappers */ #wrapper { width: 1000px; margin: 0px auto;} #wrapper_header { position: relative; left: -16px; width: 976px; height: 190px; padding: 36px 0 0 24px; background: url('/images/global/wrapper_header.png') no-repeat top left;} #wrapper_main { padding: 0px 0px 380px 0px; background: url('/images/global/bottom_bg.jpg') no-repeat left bottom;} #wrapper_footer { position: relative; left: -16px;} /* Header */ #wrapper_header #header { width:971px; height:151px; background: url('/images/global/banner.png') no-repeat left top; } #wrapper_header .logo { display:block; width:219px; height:96px; position:absolute; top: 20px; left: -4px; background: url('/images/global/logo.png') no-repeat left top;} #wrapper_header #top_nav { float: left; width:946px; height:29px; position: relative; left: -7px; padding: 0px 0px 0px 7px; background: url('/images/global/topnav_bg.jpg') repeat-x left top; } #wrapper_header #top_nav ul { margin: 0px; padding: 0px;} #wrapper_header #top_nav li { float:left; font-weight:bold; list-style-type: none; margin: 0px; padding: 0px;} #wrapper_header #top_nav li a { display:block; height: 24px; position:relative; color:#666; text-decoration: none; border-right: #dfdfdf 1px solid; padding: 5px 17px 0px 17px;} #wrapper_header #top_nav li a:hover { color:#fff; background-color:#8ad55a;} /* Main Content */ #wrapper_main #main { width: 960px; background-color: #f6f6f6;} #wrapper_main #main h1 { color: #319ecb; padding: 0px;} #wrapper_main #main .image_container { float: left; padding: 0px 14px 7px 0px;} #content { min-height:250px; } /* Sidebar Content */ #sidebar .search .content { height: 173px; background: url('/images/content/sidebar/search.jpg') repeat-x top right;} #sidebar .search .content p { width: 120px;} #sidebar .search .content form.search { position: relative; top: -13px;} #sidebar .search .content form.search label { position: absolute; left: -9999px;} #sidebar .video_testimonials .content { height: 173px; background: url('/images/content/sidebar/testimonials.jpg') repeat-x top right;} #sidebar .video_testimonials .content p { width:87px;} #sidebar img { border-bottom:4px solid #60A72D; background:#fff; padding:4px; } /* Footer */ /* Small sitemap */ .small_sitemap { position: absolute; top: -234px;} .small_sitemap .content { background: #f6f4f5 url('/images/global/internal_footer_bg.jpg') repeat-x top left;} .small_sitemap .content h4 { border-bottom: 1px dotted #000;} .small_sitemap .content ul { float: left; width: 260px;} .small_sitemap .content ul li { list-style-type: none; padding: 0px; margin: 0px;} .small_sitemap .content ul li a { color: #333333; text-decoration: none;} .small_sitemap .content ul li a:hover, .small_sitemap .content ul li a:active { text-decoration: underline;} /* Bookmarks */ #bookmarks { position: absolute; top: -29px; height:15px; text-align:center; margin:0px 0px 10px 20px; padding:5px;} #bookmarks ul { font-size:100%; color:#666666; list-style:none; padding:0; margin:0px 0px 0px 200px; } #bookmarks li { float:left; padding: 0px 0px 0px 20px; margin: 0px 15px 0px 25px; background-repeat:no-repeat; background-position:left;} #bookmarks a { color:#999999; text-decoration: none;} #bookmarks a:hover, #bookmarks a:active { color:#000; text-decoration: underline;} /* Footer images */ #footer { position: relative; left: -4px; height: 150px; background: url('/images/global/footer_bg.jpg') no-repeat top left;} #footer p { float: right;} #footer p a { color: #319ecb; font-weight: bold; text-decoration: none;} #footer p a:hover, #footer p a:active { color: #000;} /* BOX */ .box { clear: both; padding: 7px;} .box .content { padding: 7px 7px 7px 7px; background: url('/images/global/module_gradient.jpg') repeat-x top left;} .box_dark .content { background: url('/images/global/module_gradient_dark.jpg') repeat-x top left;} .box .footer { clear: both;} .box.mod1 {padding:0px;} .box.mod1 .content{padding:0px 0px 7px 0px; background:none;} /* HOMEPAGE */ body.homepage h1, body.homepage h2, body.homepage h3, body.homepage h4, body.homepage h5 { margin: 0px 0px 3px 0px;} body.homepage #wrapper_main #main .image_container { padding: 0px 7px 0px 0px;} #wrapper_main #main .what_they_do { height:330px;} #wrapper_main #main .what_they_do .text { float: right; width: 210px; position: relative; top: 107px;} #wrapper_main #main .what_they_do .text h2 { font-size: 1.8em; color: #fff; padding: 0px;} #wrapper_main #main .what_they_do .text p { color: #fff;} #wrapper_main #main .what_they_do .text a { color: #FFFF00; font-weight: bold; text-decoration: none;} #wrapper_main #main .what_they_do .text a:hover, #wrapper_main #main .what_they_do .text a:active { text-decoration: underline;} /* MEMBER */ /* business tool */ #wrapper_main #main .box .business_tool {float:left; padding:3px; border:solid 1px #999; margin:0px 5px 0px 0px; background:#fff;} #wrapper_main #main .box .business_tool ul{display:inline; padding:0px 0px 3px 0px; text-align:center; margin:0px;} #wrapper_main #main .box .business_tool li{margin:0px; padding:0px 0px 2px 0px;} /* testimonial */ #wrapper_main #main .box .testimonial {padding:3px; border:solid 1px #999; margin:0px 0px 7px 0px; background:#fff;} table.table01 { border-spacing:1px; font-size:90%; margin:18px 0; width:100%; border:1px solid #d4d4d4;} table.table01 caption, table.table01 .header {text-align: left; font-weight: bold; color: #fff; background-color: #333; margin-bottom:-12px; text-transform:uppercase; padding:8px;} table.table01 td, table.table01 th {text-align: left; padding: 4px; vertical-align:middle; border-bottom:1px solid #d4d4d4;} table.table01 th{text-transform:uppercase; font-weight: bold;} table.table01 thead {border-bottom:2px solid #888;} table.table01 thead tr {background:#d4d4d4;} table.table01 tbody tr {background: #eee;} table.table01 tbody tr.odd {background: #fff;} table.table01 tfoot {background:#d4d4d4; border-top:2px solid #888;} table.table01 tfoot tr {background:#d4d4d4;} table.table01 tfoot th, table.table01 tfoot td {text-align:center; padding:10px;} table.table01 .left {text-align:left;} table.table01 .right {text-align:right;} table.table01 .center {text-align:center;} table.table01 .width1 {width:1px;} /* squeeze page */ #squeezepage #footer {background:none;} #squeezepage #wrapper_header .logo{background:none;} #squeezepage #wrapper_header #header { height:180px; background: url('/images/global/banner-nodetail.png') no-repeat left top; } #squeezepage.xelplex_logos #wrapper_header .logo{background: url('/images/global/logo.png') no-repeat left top;} #squeezepage.xelplex_logos #wrapper_header #header {height:179px; background: url('/images/global/banner-briefpage.png') no-repeat left top; } #squeezepage #wrapper_main #main h1{margin:0em 0em 1.0em 0em;} #squeezepage .content.whitebg, #squeezepage .bottom.whitebg{background:#fff; text-align:center;} #squeezepage .bottom.whitebg p{color:#26a0c9; font-size:1.8em; margin:0px;} #squeezepage .bottom.whitebg p.small{font-size:1.6em; font-style:italic; margin:0px;} #squeezepage .box.green, #squeezepage .box .content.sb{padding:7px 7px 0px 7px;} #squeezepage .content.sb h2{color:#7fc553; font-weight:normal; font-size:1.8em; margin:10px 0px 30px 0px;} #squeezepage .content.sb ol li{color:#26a0c9; font-size:3.1em; margin:0px 0px 20px 30px; padding:0px 0px 15px 0px; background: url('/images/global/divider2.jpg') no-repeat bottom left;} #squeezepage .content.sb ol li p{font-size:0.6em; margin:0px 0px 20px 0px;} #squeezepage .content.sb ul{list-style-type:disc; margin-top:2em;} #squeezepage .content.sb ul li{margin-bottom:12px;} #squeezepage .content.signup_form h3{color:#7fc553; font-weight:normal; font-size:2.5em; margin:6px 0px 10px 0px;} #squeezepage .form .col.left_col{float:left;} #squeezepage .form .col.left_col .label{color:#26a0c9; font-size:1.2em; font-weight:bold;} #squeezepage .form .col.right_col{float:right;} #squeezepage .form .col.right_col .form_TextField{width:500px;} #squeezepage .form .col.right_col .form_SubmitButton{margin:0px 456px 0px 0px;} #squeezepage #wrapper_main{padding:0px 0px 30px 0px; background: url('/images/global/bottom_bg_notree.jpg') no-repeat left bottom;} #squeezepage .squeeze-box{padding:0px 7px;} /* would you label */ #squeezepage .squeeze-box .main-quote .would-you-label{position:absolute; z-index:50; width:328px; height:90px; left:4px; top:62px; background: url('/images/content/member/squeeze-box_would-you-label.png') no-repeat left top; } /* squeeze page main quote */ #squeezepage .squeeze-box .main-quote{position:relative; margin:5px 0px 0px 0px; padding:5px 0px 60px 42px; background: url('/images/content/member/squeeze-box_opening-quotes.jpg') no-repeat left top;} #squeezepage .squeeze-box .main-quote p{font-size:2.0em; margin:0px; color:#777876;} #squeezepage .squeeze-box .main-quote p span.closing{display:inline-block; width:32px; height:22px; background: url('/images/content/member/squeeze-box_closing-quotes.jpg') no-repeat left top;} #squeezepage .squeeze-box .main-quote p.member-name{font-size:1.7em; color:#7fc553; float:right; padding:0px 10px 0px 0px; margin:-13px 0px 0px 0px} /* squeeze page 3 questions */ #squeezepage .squeeze-box.box .content.questions{padding:7px 7px 0px 7px; position:relative;} #squeezepage .squeeze-box .content.questions h2{color:#7fc553; font-weight:normal; font-size:1.8em; margin:10px 0px 30px 0px;} #squeezepage .squeeze-box .content.questions ol{list-style-position:inside; margin:0px 0px 6px 33px;} #squeezepage .squeeze-box .content.questions ol li{color:#26a0c9; font-size:2.6em; font-weight:bold; margin:0px; padding:0px 0px 16px 174px; background: url('/images/global/divider2.jpg') no-repeat bottom left;} #squeezepage .squeeze-box .content.questions ol li p{font-size:0.6em; margin:0px 0px 7px 0px; display:inline; color:#26A0C9;} #squeezepage .squeeze-box .content.questions .or-label{position:absolute; width:113px; height:132px; left:31px; top:10px; background: url('/images/content/member/squeeze-box_or-label.png') no-repeat left top;} /* squeeze page profile image */ #squeezepage .squeeze-box .image-container{padding:9px; margin:5px 0px 9px 0px; border: solid 1px #e7e7e7; background:#fff;} #squeezepage .squeeze-box .image-container .image{} #squeezepage .squeeze-box .image-container .name{} #squeezepage .squeeze-box .image-container .name p{color:#319ecb; font-size:1.9em; margin:6px 0px 0px 0px;} /* squeeze page buzz box */ #squeezepage .squeeze-box .buzz-container{width:286px; padding:8px 9px; background: url('/images/content/member/squeeze-box_buzz-box.jpg') no-repeat left top #215b8b;} #squeezepage .squeeze-box .buzz-container .top{height:53px;} #squeezepage .squeeze-box .buzz-container .top h2{color:#fff; margin:0px 0px 6px 0px; font-size:2.5em; font-weight:normal;} #squeezepage .squeeze-box .buzz-container .top p{color:#fff; margin:0px; font-size:1.3em;} #squeezepage .squeeze-box .buzz-container .quotes{padding:11px 0px 0px 0px;} #squeezepage .squeeze-box .buzz-container .quotes ul{float:left; display:block; list-style-type:none; margin:0px;} #squeezepage .squeeze-box .buzz-container .quotes li{float:left; display:block; padding:2px 4px 0px 4px; margin:0px 0px 7px 0px; width:280px; height:47px; background: url('/images/content/member/squeezepage_buzz-quote.gif') no-repeat left top;} #squeezepage .squeeze-box .buzz-container .quotes li p{margin:0px; color:#000;} #squeezepage .squeeze-box .buzz-container .quotes li p span{display:inline-block; font-size:0.8em;} /* Form */ #squeezepage .squeeze-box .content .arrow{float:left; width:205px; height:102px; background: url('/images/content/member/squeeze-box_yes-arrow.jpg') no-repeat left top;} #squeezepage .squeeze-box .content .signupform{width:405px; float:right;} #squeezepage .squeeze-box .content .signupform h3{color:#7fc553; font-weight:normal; font-size:2.5em; margin:6px 0px 10px 0px;} #squeezepage .squeeze-box .content .signupform p{margin:0px 0px 10px 0px;} #squeezepage .squeeze-box .form .col.left_col{float:left;} #squeezepage .squeeze-box .form .col.left_col .label{color:#26a0c9; font-size:1.2em; font-weight:bold;} #squeezepage .squeeze-box .form .col.right_col{float:right;} #squeezepage .squeeze-box .form .col.right_col .form_TextField{width:300px;} #squeezepage .squeeze-box .form .col.right_col .form_SubmitButton{margin:0px;} /* WHY box */ #squeezepage .squeeze-box .why{padding:0px 0px 0px 15px;} #squeezepage .squeeze-box .why h3{color:#7fc553; font-weight:normal; font-size:2.4em; margin:6px 0px 10px 0px;} #squeezepage .squeeze-box .why p{font-size:1.2em; margin:0px 0px 25px 0px;} /* part-b page */ #partb #wrapper_header #header {height:179px; background: url('/images/global/banner-briefpage.png') no-repeat left top; } #partb #wrapper_main{padding:0px 0px 30px 0px; background: url('/images/global/bottom_bg_notree.jpg') no-repeat left bottom;} #partb #wrapper_main .grid_4 textarea{width:285px;} #partb #wrapper_main #main .box .business_tool {margin:0px;} #partb #wrapper_main #main h1{margin:0em 0em 1.0em 0em; color:#60A72D; font-style:italic;} #partb #wrapper_main #main h1 span{margin:0px 60px 0px 0px; font-style:normal;} #partb #wrapper_main #main h1 span.prologue{margin:0px 64px 0px 0px; font-style:normal;} #partb #wrapper_main #main .box .video_testimonial {float:left; margin:0px 0px 0px 26px;} #partb #wrapper_main a.synopsis:link,#partb #wrapper_main a.synopsis:visited {float:left; text-decoration:none; font-size:1.5em; color:#60A72D; display:block; padding:14px 0px 0px 67px; width:140px; height:44px; margin:7px 0px 0px 0px; background: url('/images/content/member/brief-left-arrow-button.jpg') no-repeat left top;} #partb #wrapper_main a.synopsis:hover, #partb #wrapper_main a.synopsis:active {float:left; text-decoration:none; font-size:1.5em; color:#319ECB; display:block; padding:14px 0px 0px 67px; width:140px; height:44px; margin:7px 0px 0px 0px; background: url('/images/content/member/brief-left-arrow-button_hover.jpg') no-repeat left top;} #partb #wrapper_main a.synopsis span{font-size:0.8em; color:#444444; display:block; float:left;} #partb #wrapper_main a.prologue:link,#partb #wrapper_main a.prologue:visited {float:right; text-decoration:none; font-size:1.5em; color:#60A72D; display:block; padding:14px 0px 0px 7px; width:200px; height:44px; margin:7px 0px 0px 0px; background: url('/images/content/member/brief-right-arrow-button.jpg') no-repeat left top;} #partb #wrapper_main a.prologue:hover, #partb #wrapper_main a.prologue:active {float:right; text-decoration:none; font-size:1.5em; color:#319ECB; display:block; padding:14px 0px 0px 7px; width:200px; height:44px; margin:7px 0px 0px 0px; background: url('/images/content/member/brief-right-arrow-button_hover.jpg') no-repeat left top;} #partb #wrapper_main a.prologue span{font-size:0.8em; color:#444444; display:block; float:left;} #partb #wrapper_main input.prologue-button{float:right; margin:7px 0px 0px 0px;} #partb #wrapper_main .buttons{float:left; width:612px;} #partb #wrapper_main .intro{float:left; width:612px; padding:10px 0px 0px 0px;} #partb .logout-button{display:block; padding:5px; background:#d5d3d4;} #partb .brief-box{padding:0px 7px;} #partb #wrapper_main #main .grid_12.treebg{background: url('/images/content/member/brief-page-bot.jpg') no-repeat left bottom;} #partb #wrapper_main #main .brief-box h1{margin:1.0em 0em 0.5em 0em; color:#60A72D; font-size:1.5em; font-style:normal;} #partb #wrapper_main #main .brief-box h1 span{font-size:1.2em; margin:0px 65px 0px 0px;} #partb .brief-box a{color:#60A72D;} #partb #wrapper_main #main .brief-box .float_right p{margin:0px;} #partb #wrapper_main #main .brief-box .float_right p span{float:right; margin:-5px 0px 0px 3px;} #partb .profile-image{text-align:center; padding:26px 0px; margin:0px 0px 7px 0px; border:solid 1px #f1f1f1; background:#fff;} #partb .launch-brief{width:626px; height:292px;} /*#partb span.brief-launch{width:626px; height:292px; position:absolute; top:0px; left:0px; background: url('/images/content/member/launch-brief-button.jpg') no-repeat left top;}*/ /* Part-b PROLOGUE pop-up (thickbox) page */ .prologue-options{padding:10px; height:420px; width:740px;} .prologue-options2{padding:10px; height:430px; width:740px;} .prologue-options3{padding:10px; height:470px; width:745px;} .prologue-options h2, .prologue-options2 h2, .prologue-options3 h2{margin:0px 0px 25px 0px;} .prologue-options li, .prologue-options2 li, .prologue-options3 li{color:#444; font-size:1.1em;} /* Accordion */ #partb .accordion.accordion1{margin:0px 0px 7px 0px;} #partb .accordion.accordion1 .accordion_title{height:39px; margin:0px; cursor:pointer; color:#fff; background: url('/images/content/member/accordion_open.jpg') no-repeat left top} #partb .accordion.accordion1 .accordion_title.closed{color:#60A72D; background: url('/images/content/member/accordion_closed.jpg') no-repeat left top;} #partb .accordion.accordion1 .accordion_title.closed a{text-decoration:none; color:#60A72D; display:block; font-size:1.5em; height:28px; padding:11px 0px 0px 40px;} #partb .accordion.accordion1 .accordion_title a{text-decoration:none; color:#fff; display:block; font-size:1.5em; height:28px; padding:11px 0px 0px 40px;} #partb .accordion.accordion1 .accordion_title a:hover{color:#fff; background: url('/images/content/member/accordion_open.jpg') no-repeat left top;} #partb .accordion.accordion1 .accordion_content{padding:8px;} #partb .accordion.accordion1 .accordion_content .row{float:left; margin:0px 0px 7px 0px; width:290px;} #partb .accordion.accordion1 .accordion_content .row .left_col{float:left;} #partb .accordion.accordion1 .accordion_content .row .right_col{float:right; width:200px;} #partb #wrapper_main .grid_4 .accordion.accordion1 .accordion_content .row .right_col textarea, #partb .accordion.accordion1 .accordion_content .row .right_col .form_TextField{width:198px; border:solid 1px #b1b1b1} #partb .accordion.accordion1 .accordion_content .row .left_col label{font-size:1.1em; font-weight:bold;} #partb .accordion.accordion2{margin:7px 0px 10px 0px;} #partb .accordion.accordion2 .accordion_title{height:39px; cursor:pointer; color:#fff; background: url('/images/content/member/accordion2_open.jpg') no-repeat left top} #partb .accordion.accordion2 .accordion_title.closed{color:#60A72D; background: url('/images/content/member/accordion2_closed.jpg') no-repeat left top;} #partb .accordion.accordion2 .accordion_title.closed a{text-decoration:none; color:#60A72D; display:block; font-size:1.5em; height:28px; padding:11px 0px 0px 40px;} #partb .accordion.accordion2 .accordion_title a{text-decoration:none; color:#fff; display:block; font-size:1.5em; height:28px; padding:11px 0px 0px 40px;} #partb .accordion.accordion2 .accordion_title a:hover{color:#fff; background: url('/images/content/member/accordion2_open.jpg') no-repeat left top;} #partb .accordion.accordion2 .accordion_content{padding:8px 0px; background:#fff;} #partb .accordion.accordion2 .accordion_content ul{float:left; list-style-type:none; margin:0px;} #partb .accordion.accordion2 .accordion_content li{float:left; width:606px; padding:5px 0px 5px 20px; background:#fff; margin:0px;} #partb .accordion.accordion2 .accordion_content li.odd{background:#cbdbb6;} #partb .accordion.accordion2 .accordion_content li a{color:#424242;} /* part-a page (Client page) */ #parta #wrapper_main{padding:0px 0px 30px 0px; background: url('/images/global/bottom_bg_notree.jpg') no-repeat left bottom;} #parta #wrapper_main #main .grid_12.treebg{background: url('/images/content/member/brief-page-bot.jpg') no-repeat left bottom;} #parta .logout-button{display:block; padding:5px; margin:0px 0px 12px 0px; background:#d5d3d4;} #parta #wrapper_main h1{ margin:0px 0px 18px 0px; color:#1468ad; font-size:1.7em;} #parta #wrapper_main h2{ margin:0px 0px 14px 0px; font-size:1.5em;} #parta #wrapper_main h3{ color:#000; font-size:1.3em;} #parta .stripe_box{float:left; margin:0px 0px 14px 0px; width:291px; padding:7px; background: url('/images/content/clientpage/diagonal_tile.jpg') repeat left top;} #parta .stripe_box.margin{margin:0px 16px 14px 0px;} #parta .stripe_box h2{color:#fff; padding:0px 0px 6px 0px; border-style:solid; border-width:0px 0px 1px 0px; border-color:#fff;} #parta .stripe_box p, #parta .stripe_box a{color:#fff;} #parta .stripe_box a:hover{text-decoration:none; color:#1468ad;} #parta .stripe_box .left{float:left; width:132px;} #parta .stripe_box .right{float:left; width:149px; padding:0px 5px;} /* Part-a pop-up (thickbox) pages */ .hq-message{padding:10px; height:420px; width:740px;} .hq-message h1{margin:0px 0px 25px 0px;} /* Accordion */ #parta .accordion.accordion3{margin:13px 0px 0px 0px;} #parta .accordion.accordion3 .accordion_title{height:50px; margin:0px; cursor:pointer; color:#fff; background: url('/images/content/clientpage/accordion3_open.jpg') no-repeat left top} #parta .accordion.accordion3 .accordion_title.closed{color:#fff; background: url('/images/content/clientpage/accordion3_closed.jpg') no-repeat left top;} #parta .accordion.accordion3 .accordion_title.closed a{text-decoration:none; color:#fff; display:block; font-size:1.5em; height:35px; padding:15px 0px 0px 40px;} #parta .accordion.accordion3 .accordion_title a{text-decoration:none; color:#fff; display:block; font-size:1.5em; height:35px; padding:15px 0px 0px 40px;} #parta .accordion.accordion3 .accordion_title a:hover{color:#fff; background: url('/images/content/clientpage/accordion3_open.jpg') no-repeat left top;} #parta .accordion.accordion3 .accordion_content{padding:8px;} #parta .accordion.accordion3 .accordion_content .row{float:left; margin:0px 0px 7px 0px; width:290px;} #parta .accordion.accordion3 .accordion_content .row .left_col{float:left;} #parta .accordion.accordion3 .accordion_content .row .right_col{float:right; width:200px;} #parta #wrapper_main .grid_4 .accordion.accordion3 .accordion_content .row .right_col textarea, #partb .accordion.accordion3 .accordion_content .row .right_col .form_TextField{width:198px; border:solid 1px #b1b1b1} #parta .accordion.accordion3 .accordion_content .row .left_col label{font-size:1.1em; font-weight:bold;} /* verify page */ .box .content ul.verify {list-style-type:disc;} .box .content ul.verify li {list-style-position:inside; color:#444444; font-weight:normal; font-size:1.1em;} /* verify email sent page */ #verify_email_sent #wrapper_main{ padding:0px; background: url('/images/global/bottom_bg_notree.jpg') no-repeat left bottom;} #verify_email_sent #wrapper_header #header { height:180px; background: url('/images/global/banner-nodetail.png') no-repeat left top; } /* forum rules page */ body.forumrules ol li {font-size:1.1em;} /*MESSAGE BOX---------------------------------------------------------*/ #message_box{ background-color:#fcfcfc; border:2px solid #47628D; left:50%; margin-left:-242px; padding:10px; position:absolute; top:-540%; width:446px; z-index:100000;} * html #message_box { top:10%;} #message_box ul{ list-style:none; padding:0 0 0px 0; margin: 20px 0 0 0; } #message_box ul li input{ height:23px; width:140px; background: transparent url(backoffice/images/buttons/pill_buttons/27x140/background.gif) no-repeat; border:none; outline: none; font-size:12px; font-family:calibri, Arial, Helvetica, sans-serif; cursor:pointer; cursor:hand; position:relative; top:-2px; left:-1px; } #message_box ul li{ float:left; margin:0 0 12px 6px; padding:0; height:23px; width:140px; background-image:url(/backoffice/images/buttons/pill_buttons/27x140/background.gif); } #message_box ul li a{ padding:2px 0; display:block; text-align:center; margin: 0; font-size:12px; height:13px; width:140px; position:relative; color:#000;} #message_box ul li a:link, #message_box ul li a:visited, #message_box ul li a:hover, #message_box ul li a:active{ text-decoration:none; } #message_box h3 { margin:0 0 10px 66px; padding:7px 9px 3px 0; font-size:150%; } #message_box p { margin:0 0 6px 66px; } .message_box_success { background:transparent url(/backoffice/images/icons/ticks/large/tick.gif) no-repeat scroll 10px 10px; } .message_box_info { background:transparent url(/backoffice/images/icons/ticks/large/i.gif) no-repeat scroll 10px 10px; } .message_box_error { background:transparent url(/backoffice/images/icons/ticks/large/exclamation.gif) no-repeat scroll 10px 10px; } /*END MESSAGE BOX*/ /* GENERAL CSS */ h1, h2, h3, h4, h5 { font-size: 1.5em; margin: 0px 0px 7px 0px;} p { color: #444444; font-size: 1.1em; line-height: 1.3em;} a { font-weight: bold; text-decoration: none;} #wrapper_main a:hover, #wrapper_main a:active { color: #000; text-decoration: underline;} hr.smallmargin {margin-bottom:0.6em;} img.line { border-bottom: 4px solid #8ad55a; padding: 4px; background: #fff;} .divider { height: 20px; background: url('/images/global/divider.jpg') no-repeat top left;} .small_margin{margin-bottom:0.5em} /* COLOURS */ .green img.line { border-bottom-color: #60a72d;} .green h2, .green h3, .green a { color: #60a72d;} .blue img.line { border-bottom-color: #319ecb;} .blue h2, .blue h3, .blue a { color: #319ecb;} a.button { color: #fff; font-weight: bold; padding: 1px 0px 2px 4px;} a.button:hover, a.button:active { color: #000;} a.button span { padding: 1px 18px 2px 10px;} a.green { background: url('/images/global/buttons/green_left.jpg') no-repeat top left;} a.green span { background: url('/images/global/buttons/green_right.jpg') no-repeat top right;} a.blue { background: url('/images/global/buttons/blue_left.jpg') no-repeat top left;} a.blue span { background: url('/images/global/buttons/blue_right.jpg') no-repeat top right;} /* BOX / CONTENT */ .box .content ul { list-style-type: none; margin: 0em 0em 2em 0em; padding: 0px;} .box .content ul li { color: #60a72d; font-weight: bold; margin-left: 14px;} .box .content ul li.blue { color: #319ecb;} /* Forms */ form.signup { padding: 10px 0px 0px 0px;} .box .content .row { padding: 0px 0px 25px 0px;} /* Grid specifics */ .grid_4 .box .content form .row .col { float: left; width: 140px;} .grid_4 .box .content form .row input, .grid_4 .box .content form .row textarea { width: 140px;} .grid_5 .box .content form .row .col { float: left; width: 180px;} .grid_5 .box .content form .row input, .grid_5 .box .content form .row textarea { width: 180px;} .grid_9 .box .content form .row .col { float: left; width: 340px;} .grid_9 .box .content form .row input, .grid_9 .box .content form .row textarea { width: 340px;} .about .grid_9 .box .content form .row .form_RadioGroup{padding:10px 0px 0px 0px;} .about .grid_9 .box .content form .row .form_RadioGroup .form_RadioButton {width:50px; float:left;} .about .grid_9 .box .content form .row .form_RadioGroup label{float:left;} .grid_9 .box .content form .row input.form_SubmitButton { width:87px; float:right; margin:0 -87px 0 0; font-size:130%; } .row { clear: both;} .accessible { position: absolute; left: -9999px;} .clear_both { clear: both;} #wrapper_main #main .float_right { float: right;} #wrapper_main #main .float_left { float: left;} .large p { font-size:1.4em; }