/* ----------------------------------------------- CatchMail - - - - - - - - - - - - - - - - - - - - - - - - Description: Base Setup Styles Filename: catchmail.base.css Author: Catch Design Limited (www.catchdesign.co.nz) Date: 23 April 2009 Updated: 23 April 2009 Version: v.0.01 ----------------------------------------------- */ /* GLOBAL - Reset - Clearfix - Generic - Typography - Forms - Lists - Tables STRUCTURE - Masthead - Content - Footer - Primary Nav - Secondary Nav DETAIL - Articles PLUGINS - **Plugin specific styles here** */ /* =GLOBAL ----------------------------------------------- */ /* RESET Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} body { background:#202121; font: 63.7%/1.4 Arial, sans-serif; color:#666; } /* =Clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-table; } /* Hides from IE-mac \*/ .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* =Generic */ a { color:#4f99bd; text-decoration:none; } a:hover { text-decoration: underline; } a img, a:hover img { border: none; } .hide { text-indent:-9999em; outline: none; } .alignright { float:right; } .alignleft { float:left; } img.alignright { padding:0; margin:0; } img.alignleft { padding:0; margin:0; } hr {border:0; border-top:1px solid #ccc; height:1px;margin-bottom:20px;} /* =Typography */ p { font-size:1.2em;line-height:1.6;margin-bottom:20px;} p.intro{font-size:1.6em;width:100%;} small { font-size:1.1em; margin-bottom:10px; display:block; color:#999;} strong {font-weight: bold;} em { font-style:italic;} code {font-size:1.5em;} h1 {background:url(../img/logo.png) no-repeat top left; display: block; width:163px; height:28px; float:left; margin-top:17px;} h1 a {width:100%;height:100%;display:block;} h2 {margin-bottom:34px;} h3 {font-weight:bold; font-size:1.6em;color:#333;margin-bottom:5px} h4 {font-size:1.15em; color:#e8e8e8; border-bottom:1px solid #383737;padding-bottom:3px;} .col h4 { border:none; color:#333; font-weight:bold; padding:0; margin-top:10px; font-size:1.3em; } h5 {} /* =Forms */ fieldset { padding:0 0 20px 0;} fieldset legend {font-size:1.6em; color:#333; font-weight:bold; padding-left:0; margin-left:0;} label {} input {} input.textbox {} input.radio {width: 15px !important;border:none !important;} input.checkbox {} input.submit {} textarea {} select {} /* =Lists */ ul { list-style: disc;} ol { list-style:decimal;} ol li {margin: 0 0 10px 20px;} li { font-size:1.2em;} ul.bullets{list-style-type:disc !important;} ul.bigtick, ul.bigcross {list-style:none;} ul.bigtick li, ul.bigcross li {margin: 0 0 10px 10px;} ul.big{font-size:1.2em;font-weight:bold;margin-bottom:20px;color:#333;} ul.big li{list-style-type:none;margin-bottom:5px;} .bigtick li {background: url(../img/img_tick.png) no-repeat 0 0; padding-left:38px;min-height: 20px;/* IE6 hack */ height:auto !important; height:20px; /* end IE6 hack */} .bigcross li {background:url(../img/img_cross.png) no-repeat 0 0; padding-left:38px;min-height: 20px;/* IE6 hack */ height:auto !important; height:20px; /* end IE6 hack */} ul#template-gallery{} ul#template-gallery li{list-style-type:none;float:left;margin-left:20px;margin-bottom:15px;} ul#template-gallery li.left{margin-left:0;} ul#template-gallery li img {border:1px solid #e6e6e6} ul#list_already {width: 300px;} /* =Tables */ table { font-size:1.2em;} td {} table.prices{width:100%; margin-bottom:20px;} table.prices thead tr{ border:1px solid #e5e5e5;} table.prices thead td{background:#fff;padding:7px 10px; font-weight:bold; color:#333;} table.prices td.left{text-align:left;padding:7px 10px;} table.prices td{border-bottom:1px solid #e5e5e5;} table.prices td.right{text-align:right;padding:7px 10px;} /* =STRUCTURE ----------------------------------------------- */ #container {} .wrap {width:942px;margin:0 auto;} /* Masthead */ #masthead {background: url(../img/bg_header.png) repeat-x 0 0; height:66px; width:100%; border-bottom:4px solid #e2e2e2;} /* Content */ #content {background:#fbfbfb;} .columns {margin-bottom:47px;} .col {width:294px;margin-right:30px;} .columns .last {margin-right:0;} /* Blockquote */ #blockquote_top{width:360px;background: url(../img/blockquote_top.png) no-repeat top left;display:block;height:18px;} #blockquote_body{width:320px;background: #e4e4e4 url(../img/blockquote_body.png) repeat-y bottom left;display:block;padding:0 20px;font-size:1.2em;} #blockquote_bot{width:360px;background: url(../img/blockquote_bot.png) no-repeat bottom left;display:block;height:42px;} p.blockquote{text-align:right;color:#000;} #blockquote_top_home{width:290px;background: url(../img/blockquote_top_home.png) no-repeat top left;display:block;height:18px;} #blockquote_body_home{width:250px;background: #e4e4e4 url(../img/blockquote_body_home.png) repeat-y bottom left;display:block;padding:0 20px;font-size:1.2em;} #blockquote_bot_home{width:290px;background: url(../img/blockquote_bot_home.png) no-repeat bottom left;display:block;height:42px;} /* Footer */ #footer {background:#202121; padding: 25px 0} #footer .columns .alignleft {width:618px} #footer ul {list-style:none;} #footer li {float:left; margin-right:35px;} #footer ul ul {margin-top:14px} #footer ul ul li {float:none; font-size:.9em; margin:0 0 7px 0;} #footer a {color:#e8e8e8;} #footer .copyright {font-size:.9em;margin-top:14px; color:#e1e1e1;} #footer .copyright a {text-decoration:underline;} #footer .copyright a:hover {text-decoration: none;} #free_design_build {width:auto !important;} #free_design_build a {background:url(../img/btn_sign_up_footer.jpg) no-repeat 0 0; display:block; width:294px; height:157px; outline:none;} #free_design_build a:hover {background-position:left bottom;} /* Primary Nav */ #primary_nav {list-style: none; width: auto !important} #primary_nav li {float: left; } #primary_nav a {background:url(../img/nav.png) no-repeat 0 0; display: block; height:65px;} #primary_nav #nav_features {background-position:0 0; width:100px;} #primary_nav #nav_features:hover, #primary_nav #nav_features.selected {background-position:0 -65px;} #primary_nav #nav_pricing {background-position:-96px 0; width:87px;} #primary_nav #nav_pricing:hover, #primary_nav #nav_pricing.selected {background-position:-96px -65px;} #primary_nav #nav_free_design {background-position:-172px 0; width:121px;} #primary_nav #nav_free_design:hover, #primary_nav #nav_free_design.selected {background-position:-172px -65px;} #primary_nav #nav_customers {background-position:-287px 0; width:114px;} #primary_nav #nav_customers:hover, #primary_nav #nav_customers.selected {background-position:-287px -65px;} #primary_nav #nav_faq {background-position:-395px 0; width:58px;margin-right:20px;} #primary_nav #nav_faq:hover, #primary_nav #nav_faq.selected {background-position:-395px -65px;} #primary_nav #nav_about {background-position:-447px 0; width:81px;} #primary_nav #nav_about:hover, #primary_nav #nav_about.selected {background-position:-447px -65px;} #primary_nav #nav_sign_up {background:url(../img/btn_sign_up.png) no-repeat 0 0; width:90px; margin-left:17px;} #primary_nav #nav_login {background:url(../img/btn_login.png) no-repeat 0 0; width:90px;} #primary_nav #nav_sign_up:hover, #primary_nav #nav_login:hover {background-position: left bottom;} #primary_nav #nav_sign_up, #primary_nav #nav_login {height:35px;margin-top:14px;margin-right:0;} /* Secondary Nav */ #secondary_nav {width:185px; margin-right:0; background:url(../img/secondary_nav_bg.png) no-repeat 0 0; display:block; width:185px; height: 400px; padding-top:104px;} #secondary_nav ul {list-style:none; border-top:1px solid #fff;} #secondary_nav li {border-bottom:1px solid #fff; padding: 10px 0; font-size:1.4em; font-weight:bold;} #secondary_nav li.selected a{color:#505050;} #secondary_nav li.pretty-hover{background: url(../img/sec_nav_hover.png) repeat-y top right; cursor: pointer; text-decoration:underline;color:#4F99BD;} #secondary_nav li.selected.pretty-hover{color:#505050;} /* =DETAIL ----------------------------------------------- */ /* all_in_one */ #all_in_one {background:url(../img/img_all_in_one.jpg) no-repeat 367px 30px; display:block; width:942px; height:269px; margin:0 0 65px;padding-top:34px;} #all_in_one h2 {background:url(../img/hdr_all_in_one.png) no-repeat 0 0; display:block; width:290px; height:111px; margin-top:33px;} #all_in_one p {font-size:1.6em;margin-top:11px; width:290px;line-height:1.4;} /* First cols */ #first {background:url(../img/bg_fade.png) no-repeat 0 0; display:block; width:942px; height:195px;} #free_email {background:url(../img/img_free_design.png) no-repeat 0 32px; height:125px;} #free_email p {margin-left:106px;} #free_email p span {color:#000;} #only_pay {background:url(../img/img_20_per_campaign.png) no-repeat 0 32px; height:125px;} #only_pay p {margin-left:128px;} #only_pay_pricing {background:url(../img/bg_only_pay_pricing.png) no-repeat 0 0; height:94px;width:110px;float:right;text-indent:-999em;/*margin-top:-10px;*/} #create_send {background: url(../img/img_create_send.png) no-repeat 0 32px; height:125px;} #create_send p {margin-left:106px;} /* design_build_template */ #design_build_template {margin:0 0 50px;} #design_build_template .top {background:url(../img/bg_curved_top.png) no-repeat left bottom; width:942px; height:8px} #design_build_template .body {border:1px solid #e5e5e5; border-top:0; border-bottom:0; background:#fff; padding-bottom:9px;} #design_build_template .bot {background:url(../img/bg_curved_bot.png) no-repeat left top; width:942px; height:8px} .no_margin { margin-bottom:0;} #design_build_template h3 {background:url(../img/img_design_build_template.png) no-repeat 0 0; width:538px; height:55px; display:block; margin:13px 0 0 15px;} #design_build_template .btn_sign_up_now {background:url(../img/btn_sign_up_pale.png) no-repeat 0 0; display:block; width:272px; height:58px; margin:10px 16px 0 0;} #design_build_template .btn_sign_up_now:hover {background-position: left bottom} #design_build_template_pricing {margin-top:50px;} #design_build_template_pricing .top {background:url(../img/bg_curved_top_pricing.png) no-repeat left bottom; width:726px; height:8px} #design_build_template_pricing .body {border:1px solid #e5e5e5; border-top:0; border-bottom:0; background:#fff; padding-bottom:9px;} #design_build_template_pricing .bot {background:url(../img/bg_curved_bot_pricing.png) no-repeat left top; width:726px; height:8px} #design_build_template_pricing h3 {background:url(../img/img_design_build_template_pricing.png) no-repeat 0 0;height:55px; display:block;margin:12px 0 0 17px;width:380px;} #design_build_template_pricing .btn_sign_up_now {background:url(../img/btn_sign_up_pale.png) no-repeat 0 0; display:block; width:272px; height:58px; margin:10px 16px 0 0;} #design_build_template_pricing .btn_sign_up_now:hover {background-position: left bottom} /* second cols */ #second {border-bottom:1px solid #e5e5e5; padding-bottom:20px; margin-bottom:45px;} #second img {margin-bottom:7px;} #second a {background:url(../img/img_arrow.gif) no-repeat right 5px; padding-right:8px;} /* case_study */ #right_fade {background:url(../img/bg_right_fade.png) no-repeat top left; display:block; width:185px; min-height:400px; margin-right:0;float:right;} #right_fade .sidebox{ background:#ebebeb; margin-left:25px;margin-top: 117px; padding-bottom:10px;} #right_fade .sidebox h3 {background:#4e96bc;padding:5px;border:1px solid #e5e5e5;text-align:center;margin-bottom:0;color:#fff;} #right_fade .sidebox p {background:#ebebeb;padding:10px 10px 0;color:#666; margin-bottom:0;} #case_study .alignleft {width:618px; margin:0;} #case_study .alignright {width:294px; margin-right:0; border-top:1px solid #E5E5E5; padding-top:12px;} #case_study #case_study_logo {background:url(../img/logo_parehua.png) no-repeat 100px 0; display:block; height:70px; width:180px;} #case_study h3 {border-top:1px solid #e5e5e5; padding-top:25px;margin-bottom:0;} #case_study em {color:#282727} #case_study a {background:url(../img/img_arrow.gif) no-repeat right 5px; padding-right:8px;} #case_study .last {margin-bottom: 13px;} #heading {width:726px;margin: 49px 0 0 0;} #heading.feature_overview {background: url(../img/bg_feature_overview.png) no-repeat right 60px; height:406px;} #heading.feature_overview h2 {background:url(../img/hdr_simplicity.png) no-repeat top left; display:block; width:348px; height:37px;} #heading p {width:220px; font-size:1.6em;} /* individual pages */ .create_send {background: url(../img/bg_create_send.png) no-repeat right 60px; height:406px;} .create_send h2 {background:url(../img/hdr_creating_sending.png) no-repeat top left; display:block; width:624px; height:37px;} .our_customers h2 {background:url(../img/hdr_our_customers.png) no-repeat 0 0; display: block; width:221px; height:30px;} .our_customers p {width: 100% !important;} .customer_detail p {width: 100% !important;} #no_border.two_col {background: none;} .customer_1 h2 {background:url(../img/hdr_parehua.png) no-repeat 0 0; width:568px; height:35px; display:block;} .customer_2 h2 {background:url(../img/hdr_basketball_nz.png) no-repeat 0 0; width:568px; height:35px; display:block;} .customer_3 h2 {background:url(../img/hdr_hanz.png) no-repeat 0 0; width:564px; height:36px; display:block;} #hdr_terms {background:url(../img/hdr_terms.png) no-repeat 0 0; display:block; width:188px; height:30px; margin: 60px 0 20px;} #hdr_disclaimer {background:url(../img/hdr_disclaimer.png) no-repeat 0 0; display:block; width:157px; height:30px; margin: 60px 0 20px;} #hdr_privacy {background:url(../img/hdr_privacy.png) no-repeat 0 0; display:block; width:206px; height:35px; margin: 60px 0 15px;} #hdr_all_done {background:url(../img/hdr_all_done.png) no-repeat 0 0; width:130px; height:35px; margin: 60px 0 15px;} #hdr_antispam_policy {background: url(../img/hdr_antispam_policy.png) no-repeat 0 0; width:254; height: 35px; display:block; margin: 60px 0 15px;} .pricing {width: 720px; margin:49px 0 0;} .pricing h2 {background: url(../img/hdr_pricing.png) no-repeat 0 0; display:block; width:353px; height:35px;} .pricing p {width:auto!important;} .manage_lists {background:url(../img/bg_manage.jpg) no-repeat right 60px; height:406px;} .manage_lists h2 {background:url(../img/hdr_list_management.png) no-repeat 0 0; display:block; width:551px; height:37px;} .reporting_anayltics {background:url(../img/bg_analytics.jpg) no-repeat right 60px; height:406px;} .reporting_anayltics h2 {background:url(../img/hdr_reporting_analytics.png) no-repeat 0 0; display:block; width:574px; height:36px;} .free_design h2 {background:url(../img/hdr_free_email.png) no-repeat 0 0; width:407px; height:36px; display:block;} .free_design .alignleft {margin-right:0;width:757px;} #free-design .alignright {width:720px; margin-right:0;} .free_design {background:transparent url(../img/img_free_email.jpg) no-repeat -20px 50px; height: 380px;} #heading.free_design p {width:220px; font-size:1.6em;} .template_gallery {margin-top:49px;} .template_gallery h2 {background:url(../img/hdr_template_gallery.png) no-repeat 0 0; width:250px; height:35px; display: block;} #prices {border:1px solid #eaeaea;background: #fff; padding-top: 24px;width:720px;} .free_template {background: url(../img/img_free.png) no-repeat 605px 0; border-bottom:1px solid #eaeaea; padding: 0 24px; margin-bottom:20px;} #free-design .free_template p {margin-right:120px; margin-bottom:15px;} .custom_template {background:url(../img/img_cost_per_template.png) no-repeat 514px 0; padding: 0 24px;} #free-design .custom_template p {margin-right:220px;} .about {width: 720px; margin:49px 0 0;} .about h2 {background:url(../img/hdr_about.png) no-repeat 0 0; width:258px; height:37px; display:block;} .about p {font-size:1.6em;} .about a.arrow {background:transparent url(../img/img_arrow.gif) no-repeat scroll right 5px; padding-right:8px;} /* faqs */ #faq .faq h2 {background:url(../img/hdr_faq.png) no-repeat 0 0; display:block; width:568px; height:35px;} #faq .manage_subscribers h2 {background: url(../img/hdr_manage_subscribers.png) no-repeat 0 0; width:299px; height:35px;} #faq .create_and_send h2 {background: url(../img/hdr_create_send.png) no-repeat 0 0; width:207px; height:35px;} #faq .reports h2 {background: url(../img/hdr_reports.png) no-repeat 0 0; width:115px; height:35px;} #faq .faq {width:726px; margin-right:0;} .faq p {width:100% !important;} .faq ul { margin-left:15px; } .faq li { margin-bottom:14px; } .faq li p { margin-bottom:0; font-size:1em;} .faq p.back_to_top {margin-top:10px;} /* terms and conditions */ .wide {width:726px;} /* two col */ .two_col {width: 726px;margin-right:0; background:url(../img/bg_border.gif) repeat-y 365px 0;margin-left:30px;} .two_col .alignleft {width: 342px;} .two_col .alignright {width:342px; padding-left:20px;} .two_col ul {list-style:none; padding:6px 0 29px 16px;} .two_col li {margin-bottom:3px;} .two_col img {float:left; margin: 0 10px 7px 0;} /* three col */ .three_col { margin-left:30px;margin-right:0;width:726px;} .three_col .col {width: 221px;} .three_col .alignright {margin-right:0;} .three_col .col h3 {margin-top:21px;} .three_col img {margin:14px 0 0;} .three_col p {margin-bottom: 5px;} .three_col p a {background:url(../img/img_arrow.gif) no-repeat right 5px; padding-right:8px;} /* four col */ .four_col { width:726px; margin: 38px 0 0 30px;border-bottom: 1px solid #ebebeb;padding-bottom:30px} .four_col h3 {border-bottom: 1px solid #ebebeb; padding-bottom:12px;} .four_col .col {width:111px; height:67px; margin: 15px 55px 0 23px} .four_col .col.last {margin-right:0;} /* teasers */ #teaser_parehua {background:url(../img/img_parehua_big.png) no-repeat top right; height:110px;width:222px; cursor:pointer; outline:none; display:block; margin-top:15px;text-indent:-999em;} #teaser_parehua:hover {background:url(../img/img_parehua_big.png) no-repeat bottom right; } #teaser_bbnz {background:url(../img/img_basketball_big.png) no-repeat top right; height:110px;width:222px; cursor:pointer; outline:none; display:block; margin-top:15px;text-indent:-999em;} #teaser_bbnz:hover {background:url(../img/img_basketball_big.png) no-repeat bottom right; } #teaser_hanz {background:url(../img/img_hanz_big.png) no-repeat top right; height:110px;width:222px; cursor:pointer; outline:none; display:block; margin-top:15px;text-indent:-999em;} #teaser_hanz:hover {background:url(../img/img_hanz_big.png) no-repeat bottom right; } /* sign up */ #signup_form{margin-top:60px;float:left;width:730px;} #hdr_sign_up {background:url(../img/hdr_sign_up_catch_mail.png) no-repeat top left; display:block; width:303px; height:36px;margin-bottom:20px;} #sign_up .columns{margin-bottom:0 !important;} #signup .top {background:url(../img/bg_curved_top_medium.png) no-repeat left bottom; width:730px; height:8px} #signup .body {border:1px solid #e5e5e5; border-top:0; border-bottom:0; background:#fff; padding:22px 30px 4px;width:668px;} #signup .bot {background:url(../img/bg_curved_bot_medium.png) no-repeat left top; width:730px; height:8px;margin-bottom:20px;} #signup li {margin-bottom:18px;} #signup li label {float:left; padding-top:9px; width:150px; margin-right:20px; color:#333;} #signup li label small { font-size:0.9em; margin-top:10px; } #signup li label.agree_terms {width:330px;margin-right:0;margin-bottom:15px;} #signup li span {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;background:#f8f8f8;display:block;float:left;padding:5px;width:320px;-webkit-border-radius: 5px; } #signup li p {margin-bottom:0!important;} #signup li input {-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border:1px solid #d9d9d9;color:#333;padding:5px;vertical-align:middle;width:308px;font-size:1.15em;} #signup li textarea {height:130px;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border:1px solid #d9d9d9;color:#333;padding:5px;vertical-align:middle;width:308px;font-size:1.15em;} #signup li.select span {width:320px;} #signup li.select select {-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;background:#FFFFFF none repeat scroll 0 0;border:1px solid #D9D9D9;color:#333;font-size:1.15em;padding:5px;width:319px;} #signup li .img_tick {padding: 10px 0 0 15px;} #signup li .img_cross {padding: 10px 0 0 15px;float:left;} #signup .seperator {margin-top:22px;} #signup .terms {border:5px solid #F8F8F8;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;background:#fff;display:block;padding:10px;width:440px;height:210px;overflow:auto;display:block;} #signup .terms p {font-size:.9em;line-height:1.55;margin:2px 0 10px 5px; width:auto;} #signup .terms strong {color:#000;} #signup .checkbox {margin-left:170px;margin-bottom:30px; list-style:none;} #signup .checkbox label { background:none;} #signup .checkbox a {text-decoration:underline;} #signyp .checkbox a:hover {text-decoration:none;} #agree {margin:-4px 5px 0 0;border:none !important;width:auto !important;} #signup .submit {border:none;display:block;height:40px; padding:0;text-indent:-999em;width:213px; cursor:pointer; margin-left: 170px;} #signup_form .error input {border: 1px solid #ff1e35;} #signup_form .error p {float:left;margin-left:15px;font-size:1em;margin-bottom:0;padding-top:3px;color:#ff1e35; width:118px;line-height:1.4} #signup .radio label {padding-top:0!important;} #signup li .radio_buttons label {float:none; margin-right:10px} #signup li .radio_buttons { width:500px; float:left; } #signup .mailing_list label { width:340px; } #email-templates { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0;} #email-templates li { display:inline; float:left; margin:0 7px 20px 0; width:160px; } #email-templates a { color:#797C80; display:block; font-size:12px; } #email-templates img { border:1px solid #DCDBDB; margin-bottom:5px; } #email-templates a img:hover { border-color:#333; } #email-templates .preview { margin:0; float:right; padding:0; width:auto; display:inline; } #email-templates .Select { display:inline; float:right; } #email-templates label { width:auto !important; padding:0 !important; color:#797C80 !important; } #email-templates label input { margin-right:3px; } #email-templates-filter { background:transparent url(/_r/img/bg_filter.png) no-repeat 0 0; height:40px; margin-bottom:18px; padding:0; width:668px; position:relative; } #email-templates-filter strong { float:left; margin-right:10px; } #email-templates-filter ul { float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position:absolute; left:67px; top:9px; } #email-templates-filter li { display:inline; float:left; margin:0; padding:0; } #email-templates-filter li a { color:#fff; display:block; font-size:12px; padding:4px 14px; outline:none; } #email-templates-filter li a:hover { text-decoration:none; } #email-templates-filter .selected { background:transparent url(/_r/img/bg_filter_nav.png) no-repeat left top; } #email-templates-filter .selected a { background:transparent url(/_r/img/bg_filter_nav_right.png) no-repeat right top; color:#fff; } /* login */ #login_form{float:left;width:471px;} #login_form .top {background:url(../img/bg_login_top.png) no-repeat left bottom; width:730px; height:8px;width:942px;} #login_form .body { background: #fff url(../img/bg_login_middle.png) no-repeat bottom left;padding:13px 30px;width:882px;height:153px;} #login_form .bot {background:url(../img/bg_login_bot.png) no-repeat left top; width:730px; height:8px;width:942px;} #login_form li {margin-bottom:18px;} #login_form li label {float:left; padding-top:9px; width:112px;} #login_form li span {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;background:#f8f8f8;display:block;float:left;padding:5px;width:320px;} #login_form li input {-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border:1px solid #d9d9d9;color:#333;padding:5px;vertical-align:middle;width:308px;font-size:1.15em;} #login_form li.select span {margin-right:212px;width:320px;} #login_form li.select select {-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;background:#FFFFFF none repeat scroll 0 0;border:1px solid #D9D9D9;color:#333;font-size:1.15em;padding:5px;width:320px;} #login_form li .img_tick {padding: 12px 0 0 15px;} #login_form li .img_cross {padding: 13px 0 0 15px;} #login_form .seperator {margin-top:22px;} #login_form .submit {background:transparent url(../img/btn_create_account.png) no-repeat 0 0;border:none;display:block;height:40px; padding:0;text-indent:-999em;width:213px; cursor:pointer; margin-left: 113px;} #no_account .btn_close{background:transparent url(../img/btn_close.png) no-repeat 0 0;width:41px;height:41px;display:block;text-indent:-999em;position:absolute;top:10px;right:10px; outline:none;} #login_form #btn_login{width:99px;height:40px;padding:none;border:none;padding:0;float:left;} #login_form #forgot_password{float:left;margin-left:30px;padding-top:11px;} #login_form #forgot_cancel{float:left;margin-left:30px;padding-top:11px;} #login_form .last{margin:0;padding-left:118px;} #no_account{position:relative;float:right;width:441px;padding-top:30px;} #login_box{padding-top:30px;height:210px} .question ul ul { margin-left:15px;} .question ul ul li {margin-bottom:10px;font-size:1em;} /* forgot */ #forgot_form{float:left;width:471px;} #forgot_form .top {background:url(../img/bg_login_top.png) no-repeat left bottom; width:730px; height:8px;width:942px;} #forgot_form .body { background: #fff url(../img/bg_login_middle.png) no-repeat bottom left;padding:20px 30px;width:882px;height:153px;} #forgot_form .bot {background:url(../img/bg_login_bot.png) no-repeat left top; width:730px; height:8px;width:942px;} #forgot_form li {margin-bottom:18px;} #forgot_form li label {float:left; padding-top:9px; width:112px;} #forgot_form li span {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;background:#f8f8f8;display:block;float:left;padding:5px;width:320px;} #forgot_form li input {-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border:1px solid #d9d9d9;color:#333;padding:5px;vertical-align:middle;width:308px;font-size:1.15em;} #forgot_form #forgot_cancel{float:left;margin-left:30px;padding-top:11px;} #forgot_form #btn_email_password{width:208px;height:40px;padding:none;border:none;padding:0;float:left;} #forgot_form .last{margin:0;padding-left:118px;} #recaptcha_widget_div {width:318px;margin: 0 0 20px 110px;float:left; _margin-left: 55px;} #recaptcha_area .recaptcha_theme_red label.recaptcha_input_area_text {float:none!important; padding-top:0 !important;} #recaptcha_area #recaptcha_instructions_image {-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-moz-border-radius-topleft:0;-moz-border-radius-topright:0;background:none;float:none;width:auto;} #captcha_error_msg {float:left;margin-left:15px;font-size:1em;margin-bottom:0;padding-top:9px;color:#ff1e35; width:175px;} /* Articles */ /* =PLUGINS ----------------------------------------------- */