/* style for home  page ---
-------------------------------------------------------------- */
body { background: #fff; font-family: Arial, Helvetica, sans-serif; }

/*
form.inline, form.inline div { display: inline-block }
*/

#container { width: 991px; margin: 0 auto; padding-top: 21px; }

#page-top { position: relative; height: 83px; }
#page-top h1 { padding: 4px 0 0 20px; }
#page-top h1 a { display: block; text-indent: -5000px; background: url('../images/logo.gif') no-repeat; width: 340px; height: 55px; }
#page-top form { position: absolute; top: 0; right: 24px; }
#page-top legend { display: none; }
#page-top .input-text { width: 160px; padding: 5px 10px; border: 1px solid #cdcdc4; font-size: 14px; color: #6d6e71; float: left; margin-right: 15px; }
#page-top .input-button { background: url('../images/page-top_login.gif')  no-repeat; border: none; cursor: pointer; width: 59px; height: 24px; }
#page-top .account-links { position: absolute; top: -15px; right: 75px; font-size: 0.7em; text-align: right }
#page-top .account-links a { color: #666; padding: 0 5px 5px 0; }

#main-nav { position: absolute; right: -3px; bottom: 0; }
#main-nav li { display: inline; }
#main-nav a { display: block; float: left; height: 37px; text-indent: -5000px; margin-right: 3px; }
#main-nav li.item-one a { background: url('../images/link_get-started.gif') no-repeat; width: 132px; }
#main-nav li.item-one a:hover, #main-nav li.item-one a.active { background: url('../images/link_get-started-hover.gif') no-repeat; }
#main-nav li.item-two a { background: url('../images/link_about-us.gif') no-repeat; width: 112px; }
/*
#main-nav li.item-two a:hover, #main-nav li.item-two a.active { background: url('../images/link_about-us-hover.gif') no-repeat; }
*/
#main-nav li.item-three a { background: url('../images/link_blog.gif') no-repeat; width: 82px; }
/*
#main-nav li.item-three a:hover, #main-nav li.item-three a.active { background: url('../images/link_blog-hover.gif') no-repeat; }
*/
#main-nav li.item-four a { background: url('../images/link_advertisers.gif') no-repeat; width: 138px; }
/*
#main-nav li.item-four a:hover, #main-nav li.item-four a.active { background: url('../images/link_advertisers-hover.gif') no-repeat; }
*/
#main-nav li.item-five a { background: url('../images/link_overview.gif') no-repeat; width: 121px; }
#main-nav li.item-five a:hover, #main-nav li.item-five a.active { background: url('../images/link_overview-hover.gif') no-repeat; }

#highlight { background: url('../images/highlight.jpg') no-repeat; width: 991px; height: 250px; margin: -5px 0 0 0; }
#highlight h2 { display: none; }
#highlight ol { display: none; }

#content { background: url('../images/content.gif') repeat-y; width: 950px; position: relative; padding: 10px 23px 20px 18px; }
#get-started { background: url('../images/get_started.gif') top repeat-x; padding: 12px 20px 24px 20px; position: relative; }
#get-started h2 { width: 300px; height: 24px; position: relative; float: left; margin-right: 0px; padding-top: 2px; color: #FFFFFF; font-size:22px;}
#get-started .input-text { width: 470px; padding: 7px 18px; font-size: 14px; color: #6d6e71; border: 1px solid #e8e8e8; float: left; margin-right: 20px; }
#get-started .input-button { background: url('../images/get_started-submit.gif') no-repeat; cursor: pointer; border: none; width: 110px; height: 39px;  position: absolute; right: 25px; top: 9px; }

#main-content { width: 702px; float: left; }
#top-box { width: 702px; height: 319px; background: url('../images/top_box.gif') no-repeat; margin-bottom: 21px; border: none;  }
#top-box ul li { display: inline; }
#top-box ul li a { display: block; float: left; height: 37px; padding-top: 3px; color: #fff; text-align: center; font-size: 13px; font-weight: bold; text-decoration: none; margin-bottom: 25px; }
#top-box li.item-one a { background: url('../images/top_box_link-ftb.gif') no-repeat; width: 112px; }
#top-box li.item-two a { background: url('../images/top_box_link-tb.gif') no-repeat; width: 108px; }
#top-box li.item-three a { background: url('../images/top_box_link-nwo.gif') no-repeat; width: 136px; }
#top-box li.item-four a { background: url('../images/top_box_link-op.gif') no-repeat; width: 105px; }
#top-box li.item-five a { background: url('../images/top_box_link-an.gif') no-repeat; width: 119px; }
#top-box li.item-six a { background: url('../images/top_box_link-fd.gif') no-repeat; width: 122px; }

#top-box li.item-one a:hover, #top-box li.item-one a.active, #top-box li.item-two a:hover, #top-box li.item-two a.active, #top-box li.item-three a:hover, #top-box li.item-three a.active, #top-box li.item-four a:hover, #top-box li.item-four a.active, #top-box li.item-five a:hover, #top-box li.item-five a.active, #top-box li.item-six a:hover, #top-box li.item-six a.active { background-position: bottom; }

#top-box .box-cont { padding: 0 25px 25px 25px; }
#top-box .box-cont h2 { font-size: 18px; font-weight: bold; color: #516263; margin-bottom: 12px; }
#top-box .box-cont p { font-size: 13px; margin-bottom: 25px; }
#top-box .box-cont .custom { background: url('../images/top_box_custom.gif') no-repeat; width: 408px; height: 111px; padding: 15px;  }
#top-box .box-cont .custom h3, #top-box .float-right h3 { font-size: 16px; font-weight: normal; margin: 0 0 10px 0; padding: 0; border: none; }
#top-box .box-cont .custom h3 span { color: #6fcbd1; }
#top-box .float-right { float: right; display: inline;}
#top-box .float-right img { position:absolute; top:325px; right: 295px;}
#top-box .float-right h3 { color: #76777a; }

#top-box #box-cont-two { display: none; }
#top-box #box-cont-three { display: none; }
#top-box #box-cont-four { display: none; }
#top-box #box-cont-five { display: none; }
#top-box #box-cont-six { display: none; }

#bottom-box { background: url('../images/bottom_box.gif') no-repeat; width: 662px; height: 214px; padding: 20px; }
#bottom-box li { width: 180px; height: 180px; float: left; padding: 0 20px; border-left: 1px solid #d9d9d9; position: relative; }
#bottom-box li.last-item { padding-right: 0; }
#bottom-box li h2 { font-size: 18px; font-weight: bold; margin-bottom: 20px; color :#64c5ca; }
#bottom-box li h3 { font-size: 14px; font-weight: bold; margin-bottom: 12px; }
#bottom-box li p { font-size: 13px; }
#bottom-box li p.read-more a { background: url('../images/bottom_box_a_arrow.gif') left no-repeat; display: block; padding-left: 10px; font-size: 12px; font-weight: bold; color: #000; text-decoration: none; position: absolute; bottom: 0; }

#sidebar { width: 197px; height: 565px; background: url('../images/sidebar.gif') no-repeat; float: left; margin-left: 20px; padding: 15px; font-size: 13px; }
#sidebar h2 { font-size: 18px; font-weight: bold; color: #95c644; padding-bottom: 10px; }
#sidebar #video-player { padding-bottom: 20px; border-bottom: 1px solid #d9d9d9; margin-bottom: 20px; }
#sidebar #video-player object { width: 200px; height: 165px; }
/*
#sidebar p.learn-more { padding: 40px 0 20px 0; border-bottom: 1px solid #d9d9d9; }
*/
#sidebar p.learn-more { padding: 30px 0 20px 0; }

#sidebar p.learn-more a { display: block; background: url('../images/sidebar_a_arrow.gif') left no-repeat; padding-left: 10px; color: #000; text-decoration: none; font-weight: bold; }

#footer { width: 969px; height: 57px; background: url('../images/footer.gif') no-repeat; padding: 0 0 10px 22px;}
/*
#footer ul { float: left; }
*/
#footer li { display: inline; }
#footer li.last-item a { background: none; }
#footer li a { font-size: 14px; display: block; float: left; padding: 0 12px; text-decoration: none; color :#6d6e71; background: url('../images/footer_divider.gif') right no-repeat; }
#footer p { font-size: 14px; color :#6d6e71; float: right; padding-right: 27px; }
/*
#footer a.stbutton { color: #6D6E71; font-size: 13px; margin-left: 1em; padding: 0 0 0 22px; text-decoration: none; }
*/


/* style for step-1 page ---
-------------------------------------------------------------- */
#inner #footer, #step-1 #footer { background: url('../images/inner_footer.gif') no-repeat; height: 26px; }
#step-1 .box-content h2 { color: #8dbe40; font-size: 22px; font-weight: bold; margin-bottom: 0px; padding: 0; border: none; }
#step-1 .box-content h3 { color: #6d6e71; }
#step-1 #cols li { display: block; }
#step-1 #top-info { float: left; margin-bottom: 35px; color: #6d6e71;}
#step-1 #top-info a { display: block; margin-left: 80px; font-weight: bold;color: #6d6e71; }
#step-1 #top-info h4 { font-size: 18px; font-weight: bold; color: #6ac9ce; width: 170px; }
#step-1 #top-info td { border: none; padding: 5px 0;} 
#step-1 #notice { background: url('../images/step-1-notice.gif') no-repeat; float: right; width: 231px; height: 124px; padding: 10px 15px; }
#step-1 #notice h3 { color: #fff; border: none; margin-bottom: 10px; }
#step-1 #notice h3 span { color: #000; }
#step-1 #notice p { font-size: 14px; }
#step-1 .clear { clear: both; }
#step-1 form#classic label, #step-1 #content label { float: left; width: 270px; font-size: 18px; font-weight: normal; color: #6d6e71;}
#step-1 form#classic li { clear: both; margin-bottom: 13px; }
#step-1 .list li { clear:both; margin-bottom: 13px;color: #6ac9ce; margin-top: 8px; padding: 8px; display: block;}
/*#step-1 .list li { clear: both; margin-bottom:	 13px;color: #6d6e71;}*/


#step-1 .description { position: absolute; background: #f0f0f0 url('../images/step_background.gif') repeat-x; float: left; margin-left: 380px; margin-top: 32px; width: 200px; font-size: 16px; color: #AAA; display: none; padding: 8px; border: 1px #CCC solid;}
#step-1 .description-show { font-size: 16px; color: #666; display: block; clear: left; margin: 5px; }
#step-1 .list li:hover .description {display: block;}


/*#step-1 .description { font-size: 16px; color: #666; display: block; clear: left; margin: 5px; }*/
#step-1 .list li ul {padding: 0; margin: 0;}
#step-1 .list li li {background: none;}
#step-1 .list li input {float: left; margin: 0px 12px 0 0; }
#step-1 .list li.text input {font-family: Arial, Helvetica, sans-serif; font-size: 22px; width: 15em; border: 1px solid #737373;}
#step-1 .list li label {float: left;}


#step-1 .list li a { color: #6d6e71; }
#step-1 form#classic .input-text, #step-1 #content .input-text { width: 440px; padding: 6px 12px; font-size: 14px; border: 1px solid #d9d9d9; color: #6d6e71;}
#step-1 #content label.custom { color: #6d6e71; }

#step-1 #content label.custom { float: left; color: #6ac9ce; width: 99%; padding-bottom: 4px; margin-top: 8px; font-size: 18px;}

#step-1 #content h4 { font-size: 18px; font-weight: bold; color: #6ac9ce; margin-bottom: 15px; }
#step-1 .site { background: #fff url('../images/site.gif') no-repeat; width: 241px; height: 265px; float: right; display: inline; margin-left: 10px; padding: 12px 10px; }
#step-1 .site h3 { color: #fff; margin-bottom: 20px; font-size: 19px; font-weight: bold; border: none; }
#step-1 .site p { padding-bottom: 10px; }
#step-1 .radio-btn { margin: 0 8px 0 0; }
#step-1 .box-content { padding: 0 20px; }

#step-1 textarea {  clear: both; height: 4em; width: 15em; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 22px;}
#step-1 .list li span.help { float: left; }
span.help {display: inline-block; padding: 0; margin:0; width: 18px; height:18px; background-image: url('../images/question.gif');}
#step-1 .helptext {display: none;}
#step-1 input#continue {float: right; margin: 0 0 10px 0;}
#step-1 ul.tags {clear: both; padding: 0; margin: 0;}
#step-1 ul.topics-tags {height: 12em; overflow-y: scroll; line-height: 130%;}
#step-1 ul.tags li {display: inline; margin: 3px 3px 0 0; padding: 0; background-color: #b6eff4;}
#step-1 ul.tags li a {font-weight: normal; text-decoration: none; font-size: 12px; padding: 2px 4px; color: #666;}
#step-1 ul.tags li a:hover {color: #000;}


/* style for step-2 page ---
-------------------------------------------------------------- */
#logged-in { position: absolute; top: 0; right: 24px; font-size: 14px; color: #6d6e71; }
#logged-in a { text-decoration: none; color: #94c644;  }
#logged-in a#log-out { background: url('../images/log_out_arrow.gif') no-repeat; text-transform: uppercase; color: #6d6e71; font-weight: bold; padding-left: 10px; margin-left: 20px; }

#content-top { background: url('../images/content_top.gif') no-repeat; width: 973px; height: 60px; margin-top: -4px; padding: 16px 0 0 18px; }
/*no background image*/
#content-top h2 { width: 922px; height: 28px; color: #555555; font-size: 24px; font-weight: normal; letter-spacing: -1.0px; background-color: #e8f9d5; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9); padding:0.6em; border:1px solid #ececec; border-radius:10px; }

/*background image*/
/*#content-top h2 { background:transparent url(../images/content_top_highlight.gif) no-repeat scroll 0 0; color:#FFFFFF; font-size:22px; height:42px; padding:15px 0 0 18px; width:932px; }*/

#content-top h2 span { color: #000; }

#steps { margin-bottom: 16px; }
#steps li { display: inline; }
#steps a { direction: block; float: left; font-size: 16px; font-weight: bold; color: #b0b0b1; width: 266px; height: 46px; text-decoration: none; padding: 11px 0 0 50px; }
#steps li.step-1 a.completed { background: url('../images/step-1.gif') no-repeat 0 -57px; }
#steps li.step-1 a.active { background: url('../images/step-1.gif') no-repeat 0 -0; color: #616264; }
#steps li.step-1 a.uncompleted { background: url('../images/step-1.gif') no-repeat 0 -114px; }
#steps li.step-2 a.completed { background: url('../images/step-2.gif') no-repeat 0 -57px; }
#steps li.step-2 a.active { background: url('../images/step-2.gif') no-repeat 0 -0; color: #616264; }
#steps li.step-2 a.uncompleted { background: url('../images/step-2.gif') no-repeat 0 -114px; }
#steps li.step-3 a.completed { background: url('../images/step-3.gif') no-repeat 0 -57px; }
#steps li.step-3 a.active { background: url('../images/step-3.gif') no-repeat 0 -0; color: #616264;}
#steps li.step-3 a.uncompleted { background: url('../images/step-3.gif') no-repeat 0 -114px; }

.box, .custom-box { background: url('../images/box.gif') top no-repeat; width: 950px; padding-top: 15px; margin-bottom: 15px; }
.box-inner, .custom-box-inner { background: url('../images/box_inner.gif') bottom no-repeat; padding-bottom: 16px; }
.box-content { border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; padding: 0 10px; }
.box-content h3, .custom-box-content h3 { font-size: 18px; padding-bottom: 10px; margin-bottom: 24px; border-bottom: 1px solid #d9d9d9; }
.box-content h3 strong, .custom-box-content h3 strong { font-weight: bold; }
.box-content h2, .custom-box-content h2 { font-size: 22px; font-weight: bold; color: #66676a; padding-bottom: 7px; border-bottom: 5px solid #6ac9ce; padding-left: 8px; }

.box-content table th, .custom-box-content table th { font-size: 16px; font-weight: bold; color :#494a4c; width: 170px; padding: 14px 60px 14px 5px; vertical-align: top; }
.box-content table td, .custom-box-content table td { border-top: 1px solid #d9d9d9; width: 170px; padding: 14px 60px 14px 5px; font-size: 16px; position: relative;  }

.box-content table td.label, .custom-box-content table td.label { font-weight: bold; }
.box-content table  h4, .custom-box-content table h4 { font-weight: bold; }

.box-content table  strong, .custom-box-content table strong { font-weight: bold; }
.box-content table .find-out,.custom-box-content table .find-out { font-size: 12px; color: #000; display: block; padding-left: 40px; }
.box-content .extra, .custom-box-content .extra { width: 130px;  float: right; margin-right: -30px; margin-top: 0px; }
.box-content .highlight, .custom-box-content .highlight { color: #fff; background: #94c644; width: 125px; padding: 10px; font-size: 14px; font-weight: bold; } 
.box-content a, .custom-box-content a { color: #000; }

.box-content .example_embed_code { display: none }
.box-content a.network-ignore { display: block; padding-top: 1em; font-size: 10px;}
.box-content a.network-apply { display: block; font-size: 16px; font-weight: bold;}


.box-content td.last-item { position: relative;  }
.box-content .extra { position: relative;  }

.custom-box { background: url('../images/custom_box.gif') top no-repeat;}
.custom-box-inner { background: url('../images/custom_box_inner.gif') bottom no-repeat; }
.custom-box-content { background: #f2ffde; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; padding: 0 10px; }
.custom-box-content h3 { margin-bottom: 0; }

#content p.important { font-size: 18px; font-weight: bold; display: block; padding: 18px 0 10px 20px; color: #525255;}
#content p.important a { text-decoration: none; color: #525255; margin-right: 60px; background: url('../images/step_arrow_back.gif') left no-repeat; padding-left: 15px; }
#content p.important span { color: #94c644; }
#content a#continue { display: block; background: url('../images/continue_button.gif') no-repeat; width: 167px; height: 41px; float: right; margin-top: -40px; margin-right: 20px; color: #fff; text-decoration: none; font-weight: bold; padding: 8px 0 0 20px; }


#step-1 #content, #inner #content { padding-bottom: 0; }
.chk { width: 39px; height: 39px; cursor: pointer;  clear: left; float: left; }

#recommendations  h3.category-group-title { text-align: center; font-size: 130%; font-weight: bold; border: none; margin: 0; padding: 0; }

/* Label overlays */

.overlabel { color:#999; }
.overlabel-wrapper { position: relative; }
.overlabel-apply { position:absolute; top:1px; left:7px; z-index:1; color:#999; cursor: text;  }
.overlabel-hide { text-indent: -10000px; }

#url-wrapper { float: left; }
#url-wrapper .overlabel-apply { top: 7px; }

/* Lightbox for network registration */

.application-facebox { display: none }
.application-facebox-inner p, .application-facebox-inner iframe { margin: 0.5em 0 }
.application-facebox-inner h3 { font-size: 1.2em; font-weight: bold }
.application-facebox-inner iframe { width: 875px; height: 360px; padding: 10px; border: 2px dashed #aaa }
.application-facebox-inner input.finished-homepage { float: right }
.application-facebox-inner input.finished-application { float: right; text-align: right }
.application-facebox-inner input.cancel-application { float: left }

.application-facebox-inner .left  { float:left; width:50%; }
.application-facebox-inner .right { float:left; width:50%; text-align: right; }

/* Tags */
.choice-selected { background-color: #FF8F8F !important; }
.choice-selected a { color: black !important; }

/* Your Sites */
#account-details { }
p#delete-account { text-align: right; }
div#email-communications { margin-top: 30px; }
ul.sites { margin-top: 10px; }
#delete-account form { margin: 0; }
#delete-account input { margin: 0; background-color: #FF8F8F; }

.paypal_button { vertical-align: middle; }
.complete_payment_button { margin-bottom: 14px; }

.align_right { text-align: right; }
.spacer { margin-top: 14px; margin-bottom: 14px; }