
/*
Theme Name:  RuralAmerica
Theme URI:  http://www.ruralamericaonshore.com
Description: Custom theme by Rural America OnShore
Version:  1.0
Author:  Rural America OnShore 
Author URI:  http://www.ruralamericaonshore.com
*/



/*Layout Look and Feel */

html{margin:0; padding:0; height:100%; border:none;}
body{margin:0; padding: 0; height:100%; border:none; background: url('/css/img/site-bg.png') fixed;}
a img {border:none;}
#page_layout {width: 890px; margin: 0 auto; padding: 0px 0px 5px 10px; background: #ffffff;}

#header {height: 95px; float: none;}
#header_left {float: left; height: 95px; width: 630px;}
#logo {margin: 10px 0px 0px 10px; border: none; background: url('/img/logo.gif') no-repeat; }
#tagline {margin-left: 20px;}
#header_right {float: left; height: 95px; width: 260px;}
#header_links {float: none; height: 26px;}
#header_link_left {background: url('/css/img/header-left-bg.png') no-repeat; width: 26px; height: 26px; float: left;}
#header_link_right {background: url('/css/img/header-right-bg.png') repeat-x; padding-right: 10px; color: #ffffff; font-size: 10px; width: 224px; height: 26px; float: left;}
#header_link_right ul{list-style: none; margin: 5px 0px 5px 0px; padding: 0px; color: #ffffff; font-size: 10px;}
#header_link_right ul li{float: left;}
#header_link_right ul li a{color: #ffffff;}
#header_admin_nav{float: none; height: 69px; position: relative;}
#search_field{position: absolute; top: 15px; right: 40px; height: 19px; padding: 0px 5px; width: 167px; background: url('/css/img/search-bg.png') no-repeat;}
#search_field input{width: 167px; height: 15px; border: none; background: none; font-size: 0.8em;}
#search_submit{position: absolute; top: 14px; right: 10px; cursor: pointer; cursor: hand;}
img#header_phone {position: absolute; bottom: 22px; right: 20px;}

#navbar {height: 33px; float: none; margin-right: 10px; background: url('/css/img/nav-bg.png') repeat-x;}
#navbar ul{list-style: none; margin: 0px; padding: 0px; font-size: 13px;}
#navbar ul li{background: url("/css/img/nav-divider.png") no-repeat left; height: 33px; color: #ffffff; float: left; padding: 0px!important;}
#navbar ul li a{color: #ffffff!important; text-decoration: none!important; padding: 8px 17px; display: block; white-space: nowrap;}
#navbar ul li a:hover{color: #d4d1cc!important;}
#nav_first {background: none;}

#content {float: none; margin: 0px 10px 0px 0px; background: url("/css/img/content-bg.png") repeat-y top;}
#sidebar {float: left; width: 226px;}

/* Highlight area for Phone and Project savings in sidebar 
----------------------------------------------------------------------------------- */

	#red_highlight {height: 49px; background: url("/css/img/sidebar-red-bg.png") repeat-x;}
	#blue_highlight {height: 50px; background: url("/css/img/sidebar-blue-bg.png") repeat-x;}
	#gray_highlight {height: 80px; background-color:#414141;border-top:10px solid #fff;border-bottom:10px solid #fff;}
	
	.highlights td{color: #ffffff; vertical-align:middle; height: 49px;}
	.highlights td img{margin-left: 5px;}
	.highlights td h5{font-size: 14px; font-weight: bold; margin: 0px 0px 0px 5px;}
	.highlights td a {text-decoration:none; color: #ffffff!important;}
	.highlights td a:hover {text-decoration:none; color: #ffffd9!important;}

	.highlights-quote td{color: #ffffff; vertical-align:middle; height: 80px;}
	.highlights-quote td img{margin-left: 5px;}
	.highlights-quote td h5{font-size: 21px; font-weight: bold; margin: 0px 0px 0px 5px;}
	.highlights-quote td a {text-decoration:none; color: #ffffff!important;}
	.highlights-quote td a:hover {text-decoration:none; color: #ffffd9!important;}
/* -------------------------------------------------------------------------------- */

span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}



#main {float: left; width: 654px;}
.page-content {padding: 10px 0px 0px 10px; width: 644px; float: none;}
.page-content h1{margin-top: 0px;}
.page-content p{padding-left: 10px;}

div#cycle{width: 654px; height: 126px; position: relative; overflow: hidden;}
div#cycle>img{position: absolute; width: 654px; height: 126px;}

#footer {background: url("/css/img/footer-bg.png"); text-align: center; padding: 20px 0px; margin: 5px 10px 0px 0px; height: 46px;}
#footer p{color: #801d00!important; font-weight: bold; font-size: 0.9em; margin: 0px!important; padding-top: 10px!important;}

/* Textual Look and Feel */

body {font-family: 'Verdana','Century Gothic', Arial, Helvetica, sans-serif; font-size: 0.8em;}
a {text-decoration: underline;color: #092962;}
p {color: #3c3c3c; margin: 10px 0px!important; font-size: 11px; line-height: 16px;}
em  { font-style:italic; font-weight:bold; }
strong { font-weight:bold; }
hr {color: #ede8e2;}
h1 {font-size: 22px; color: #092962;}
h2 {font-size: 15px; color: #801d00; margin: 0px; padding: 10px 0px 0px 0px;}
h3 {font-size: 13px; color: #092962; margin: 0px; padding: 0px;}
h4 {font-size: 11px; color: #092962; margin: 0px; padding: 10px 0px 1px 0px;}
ul, ol {font-size: 11px; color: #3c3c3c;}
li {padding-bottom:4px;}
input[type='text'] {color: #3c3c3c; font-size: 11px; font-family: 'Verdana','Century Gothic', Arial, Helvetica, sans-serif;}
label small {color: #801d00; padding-right: 5px;}
select {color: #3c3c3c; font-size: 11px; font-family: 'Verdana','Century Gothic', Arial, Helvetica, sans-serif;}
input[type='submit'] {background: url('/css/img/submit-bg.png') no-repeat; cursor: pointer; cursor: hand; color: #092962; font-size: 10px!important; font-weight: bold; height: 20px; width: 100px; font-family: 'Verdana','Century Gothic', Arial, Helvetica, sans-serif;}
input[type='submit']:hover {background: url('/css/img/submit-hover.png') no-repeat;}
fieldset {margin: 15px 0px;}

.center {text-align:center;}

h3.subhead-emphasis {color:#333399; text-align:center; border-top:1px solid #333399; border-bottom:1px solid #333399; margin:10px; padding: 6px 0 6px 8px; width:250px;}

.padding-bottom {padding-bottom:15px;}
.padding-top {padding-top:15px;}

.border-top {border-top:1px solid #900;}



/*Sidebar*/

#sidebar_body {padding: 0;}
#side_tagline {text-align: center; padding: 15px 0px 10px 0px;}

#testimonial_bar {position: relative;}
#testimonial_bar hr{margin: 15px 0px;}
#testimonial_bar a{color: #801d00; bottom: 0px; right: 15px; font-size: 15px; text-decoration: none;}
#testimonial_bar a:hover{text-decoration: underline; color: #092962;}

.customonial-ctr-txt {float: none; margin: 20px 0px;}
.customonial-ctr-vid {float: none; padding: 20px 0px; text-align: center; height: 180px;}
.customonials {color: #3c3c3c; font-weight: bold; padding: 0px 5px; font-size: 0.8em; font-style: italic; text-align: left;}
.customonial-creds {text-align: right; padding: 0px 5px; margin-top: 5px; font-size: 0.7em; color: #3c3c3c;}

#sidebar_element {font-size: 10px; border: 1px solid #801d00; padding:6px; margin:8px; background-color: #801d00;}
#sidebar_element h3{color: #fff;margin: 0; padding:3px; font-size:12px; font-weight: bold;}
#sidebar_element table{padding-top:0;margin-top:0;}
#sidebar_element td label{color:#fff;}
#sidebar_element a{color: #801d00; text-decoration: none;}
#sidebar_element a:hover{text-decoration: underline; color: #092962;}


#sidebar_element2 {font-size: 10px; padding:6px; margin:8px;}
#sidebar_element2 h3{color: #fff;margin: 0; padding:3px; font-size:12px; font-weight: bold;}
#sidebar_element2 table{padding-top:0;margin-top:0;}
#sidebar_element2 td label{color:#fff;}
#sidebar_element2 a{color: #801d00; text-decoration: none;}
#sidebar_element2 a:hover{text-decoration: underline; color: #092962;}


.frozen {position: fixed; padding: 25px 0px;}
div.column-sm {padding: 1px;}
div.column-sm p{font-size: 0.8em; padding-left: 40px!important; height: 24px;}
div#contact_tweets p{height: 40px!important;}
.thumbnail-skype {background: url('/img/sm/skype-bio.png') no-repeat left center;}
.thumbnail-fb {background: url('/img/sm/FaceBook-bio.png') no-repeat left center;}
.thumbnail-tweet {background: url('/img/sm/twitter-bio.png') no-repeat left center;}
.thumbnail-in {background: url('/img/sm/linkedin-bio.png') no-repeat left center;}

#sidebox {margin: 0; width: 170px; padding: 0px 10px; margin-top:40px; background: #ede8e2; border: 1px solid #3c3c3c;}
#sidebox div{padding: 1px 0px;}
#sidebox h3{color: #801d00!important; font-weight: bold; margin: 10px 0px 0px 0px; padding: 0px;}
#sidebox p{color: #092962; font-size: 0.7em;}
#sidebox p a{color: #092962!important; text-decoration: underline;}
#sidebox_slide {margin-left: 12px;}
#sidebar_emails a{text-decoration: none!important;}
#sidebar_emails a:hover{text-decoration: underline!important;}

#sidebar_body h2 a{text-decoration: none; color:#801d00; }
#sidebar_body h2 a:hover{text-decoration: none; color:#092962; }

#sideboxFB {margin: 12px 0 0 12px; padding: 0px;}
#sideboxFB div{padding: 0px;}



/*Home Page*/

#lower_banner {float: none; margin: 20px 0px 0px 0px;}
.lbs {width: 190px; height: 340px; padding: 0px 10px; position: relative; font-size: 0.8em; background: url("/css/img/lower-banner-bg.png") repeat-y right; float: left;}
.lbs h2{margin: 0px!important; padding: 10px 0px 0px 0px!important;}
.lbs p{margin: 10px 0px!important; line-height: normal; font-size: 10px;}
.lbs ul{padding-left: 25px!important; margin: 5px 0px!important; font-size: 10px;}
.lbs ul li{padding: 3px 0px;}
.lbs a{position: absolute; right: 15px; bottom: 15px; font-size: 11px; text-decoration: underline;}
.lbs div{margin-top: 20px;}
#lb_left {margin: 0px 6px 0px 6px;}
#lb_middle {margin: 0px 6px 0px 6px;}
#lb_right {margin: 0px 0px 0px 0px;}
#secondary_banner {width: 644px; height: 181px; position: relative; background: url('/img/sec-banner-bg2.png') no-repeat;}
#secondary_banner>div {width: 295px; position: absolute;}
#secondary_banner>div p{line-height: normal; margin: 0px!important; padding-top: 5px; padding-bottom: 5px; font-size: 10px;}
#secondary_banner>div ul{line-height: normal; margin: 0px!important; padding: 5px 0px 5px 25px; font-size: 10px;}
#secbanner_traditional {top: 55px;}
#secbanner_rural {left: 340px; top: 55px; width: 300px!important;}
#secbanner_rural p{padding-top: 3px!important;}

#user_nav_bar {position: absolute; right: 40px; bottom: 30px; font-size: 0.8em;}

.blog-post {margin: 20px 0px;}
.comment-ctr {border-top: 1px solid #801d00; margin-bottom: 20px;}
.comment-ctr label {color: #6c6c6c; font-size: 0.7em;}
.comment-ctr form>div {padding: 15px 0px 0px 10px; }
.comment-ctr table td {padding: 8px!important;}
.comment-ctr textarea {width: 450px; height: 150px; margin: 10px 0px 0px 10px;}
.blog-comment, .commentbox {width: 420px; border: 1px solid #3c3c3c; padding: 10px 20px 10px 10px; margin: 10px 0px 20px 10px; background: url('/css/img/blog-comment.png') repeat-y;}
#blog_filter {margin-left: 12px; padding: 25px 0px;}
#blog_filter a{text-decoration: none!important;}
#blog_filter a:hover{text-decoration: underline!important;}
.blog-post>div h3, h4 {padding-left: 10px; color: #6c6c6c;}
.blog-post>p {color: #6c6c6c;}
.blog-post h2{padding-top: 0px; color: #092962; font-size: 1.3em;}
.blog-main {padding-top: 20px!important; border-top: 1px solid #801d00;}
.view-blog{padding: 0px 5px; border-left: 1px solid #801d00; border-right: 1px solid #801d00; width: 112px; margin-left: 10px;}
.view-blog a{color: #801d00; font-size: 0.8em;}
#blog_detail {margin-top: 0px!important;}
#blog_author {background: #ede8e2; padding: 5px 15px 5px 5px; color: #d4d1cc;}
#blog_author img {width: 70px; height: 85px; border: 1px solid #d4d1cc;}
#blog_author h5 {color: #801d00; font-size: 1.1em; text-transform: uppercase; margin: 10px 0px 0px 0px; padding-left: 10px; font-weight: normal;}
.blog-prompt {color: #801d00!important; font-style: italic; font-size: 0.8em; text-align:left;}

/* About Us Pages */

ul#corp_mission {padding-left: 60px; margin: 0px!important; color: #6c6c6c;}
ul#corp_mission li{padding-bottom: 15px; line-height: 16px;}

#associates {padding: 0px 0px 0px 10px;}
#associates h1{font-size: 24px; font-family: 'Arial Narrow'; font-weight: bolder; padding-top: 0px!important; margin: 0px!important; color: #092962;}
#associates h2{font-size: 12px; font-weight: bold; color: #801d00; margin: 0px 0px 15px 0px!important; padding: 0px!important;}
#bio {width: 624px;}
#bio img{border: 1px solid #6c6c6c;}
#bio p{padding-left: 0px;}
#bio_extra {float: none; width: 624px; border-top: 1px solid #801d00; padding-top: 5px;}
#bio_extra div h3{color: #801d00!important; font-weight: bold; margin: 10px 0px; padding: 0px;}
#bio_fav {float: left; width: 302px; padding-right: 10px;}
#bio_fav table td{color: #3c3c3c; padding-bottom: 5px; font-size: 11px; vertical-align: top; line-height: 16px;}
#bio_why {float: left; width: 302px; padding-left: 10px;}
#bio_why p{font-size: 11px;}
.personnel {margin-top: 20px; float: none; padding-bottom: 20px;}
.personnel-desc h2{padding: 0px!important; font-size: 16px!important; color: #092962!important;}
.personnel-desc h3{font-size: 12px; font-weight: bold; color: #801d00; margin: -15px 0px 15px 0px!important; padding: 0px!important;}
.personnel-img {float: left; width: 70px; margin-right: 10px;}
.personnel-img img{width: 70px; height: 85px; border: 1px solid $#6c6c6c;}
.personnel-desc {float: left; width: 544px;}
.personnel-desc p{padding-left: 0px!important;}
.personnel-desc p a{font-size: 0.9em;}

#twitter_blogprompt {margin-top: 10px; background-color: #801d00; text-align: center; padding: 10px 20px;}
#twitter_blogprompt a {color: #ffffff; text-decoration: underline; font-weight: bold;}
.tweet-block {margin: 20px 0px; padding-top: 20px!important; border-top: 1px solid #801d00;}


/* Services Menu pages  --------------------------------------------------------- */

#services_banner {height: 127px; background: url("/img/home-banner.png") no-repeat;}
#services_head { height: 105px; padding-top: 10px; border-bottom: 1px solid #ede8e2;}
#services_head h1{color: #801d00; font-style: italic; text-align: center; font-weight: normal; font-size: 34px; font-family: Constantia; margin: 0px 0px 10px 0px;}
#services_head p{color: #3c3c3c; font-style: italic; text-align: left; font-weight: normal; font-size: 12px; padding: 0px 10px;}

#services_left {float: left; width: 310px; border-right: 1px solid #ede8e2;}
#services_right {float: right; left:340px; width: 310px; /*padding-left:6px; removed by JKB 1/11/11*/}  

.services-main-column {padding: 1px 6px 0px 0px; margin-top: 10px; width: 308px;}


.services-main-column p{font-size: 11px; line-height: 16px;}
.services-main-column h2{color: #801d00; font-style: italic; text-align: center; font-weight: normal; font-size: 22px; font-family: Constantia; margin: 10px 0;}
.services-main-column h3{padding: 0px; margin: 16px 0px 10px 0!important; font-size: 0.9em; font-style: italic; color: #092962;}

.services-main-column hr{color: #ede8e2!important;}

p.learn-more a{color:#fff;font-size: 0.8em; background-color: #801d00; padding: 2px 8px; #801d00; font-weight: bold; text-decoration:none; margin-bottom:22px;}
p.learn-more a:hover{color:#FF9;}

/* End Services Menu pages  ------------------------------------------------------ */

.grey {color: #6c6c6c;}

.service-verbiage {padding: 0px 6px 0px 4px; width: 308px;}
.svr {padding: 0px 0px 0px 10px!important;}
.service-verbiage h2{color: #801d00; font-style: italic; text-align: center; font-weight: normal; font-size: 22px; font-family: Constantia; margin: 10px 0px;}
.service-verbiage>div{margin-top: 10px; padding-top: 1px;}
.service-verbiage>div h3{padding: 0px; margin: 10px 0px!important; font-size: 0.9em; font-style: italic; color: #092962;}
.service-verbiage>div p{padding-left: 0px!important; margin: 10px 0px 5px 0px!important; font-size: 11px; line-height: 16px;}
.service-verbiage>div>div{padding: 0px 5px; border-left: 1px solid #801d00; border-right: 1px solid #801d00; width: 62px;}
.service-verbiage>div a{color: #801d00; font-size: 0.8em;}
.service-verbiage hr{color: #ede8e2!important;}
.grey {color: #3c3c3c;}
#links_bar {height: 20px; border-bottom: 1px solid #801d00; margin-bottom: 20px; font-size: 11px;}
#links_bar a{color: #801d00;}
#links_bar a:hover{color: #092962;}
#back_link {float: left; text-align: left; width: 50%;}
#print_link {float: left; text-align: right; width: 50%;}
#service_content h3{color: #092962; font-size: 13px; padding-left: 10px;}
#service_content ul li{line-height: 16px;}
.service-clients {border-top: 1px solid #801d00; padding-bottom: 20px;}
.service-clients h2{color: #801d00; font-size: 20px; padding: 0px 0px 20px 0px; margin: 0px!important;}
.service-clients div h3{color: #6c6c6c; font-size: 12px; padding: 10px 0px 5px 10px;}
.service-clients h3{font-size: 15px; padding: 0px 0px 0px 10px;}
.service-clients div img{margin-left: 10px; border: 1px solid #3c3c3c;}
.service-clients>img, .service-clients>p{margin-left: 10px;}
.service-logos {border-top: none!important; padding-bottom: 20px;}
.service-logos div img{border: none!important;}
.service-logos h3{color: #092962; font-size: 13px; padding: 0px 0px 20px 10px;}
#svc_app_dev h2{color: #092962; font-size: 13px;}
#svc_app_dev>ul>li{color: #6c6c6c; font-size: 11px; font-weight: bold;}
#svc_app_dev>ul>li>ul{list-style: none; font-weight: normal; padding-left: 10px;}
#briw h1{margin-bottom: 0px!important;}
#briw h2{margin: 0px!important; padding: 0px; font-size: 15px!important; color: #092962;}
#briw_reports {padding-left: 70px;}
#briw_reports h3{color: #801d00; font-size: 14px;}
.briw-comment {padding-left: 76px!important; margin-top: 15px;}
.briw-comment h4{font-size: 14px; padding-top: 0px!important;}
.briw-comment span{font-size: 12px; color: #092962; font-style: italic;}
#briw_comment {margin-top: 15px; text-align: right;}
.briw-comment-left {float: left; width: 120px; padding-top: 10px;}
.briw-comment-right {float: left; text-align: right; padding-top: 10px;}
.briw-comment-right img{border: 1px solid #3c3c3c;}
.customer-alert {font-style: italic; color: #801d00; font-size: 12px; font-weight: bold;}
.verbose-examples {padding-top: 10px;}
.verbose-examples h3{padding: 0px 0px 15px 10px!important; font-size: 1.1em!important;}
.verbose-examples div ul li{line-height: 16px;}
.svc-img {border: 1px solid #3c3c3c; margin-left: 10px; margin-bottom: 10px;}
.svc-img-left {border: 1px solid #3c3c3c; margin: 0px 10px 10px 0;}
#formshare {padding-bottom: 15px;}
#formshare>div img {margin-left: 10px; border: none!important;}
ul#legacy_plan>li span{color: #6c6c6c; font-weight: bold;}
.legacy-phases {font-weight: bold; font-size: 12px;}

/* Resources */

.resource-categories {float: none; margin-top: 10px; padding: 0px 10px; width: 624px;}
.resource-category {float: left; padding-left: 80px; width: 222px;}
.resource-category h2 a{color: #801d00;}
.resource-category h2 a:hover{color: #092962;}


.testimonials-written {float: left; padding-left: 40px; width: 550px;}


#cat_webinar {background: url('/img/resources/webinar.jpg') no-repeat top left; margin-right: 10px;}
#cat_speeches {background: url('/img/resources/speeches.jpg') no-repeat top left; margin-right: 10px;}
#cat_whitepaper {background: url('/img/resources/whitepaper.jpg') no-repeat top left; margin-right: 10px;}
#cat_podcasts {background: url('/img/resources/icon-podcasts.jpg') no-repeat top left; margin-right: 10px;}
#cat_video {background: url('/img/resources/video.jpg') no-repeat top left; margin-left: 10px;}
#cat_newsletter {background: url('/img/resources/newsletter.jpg') no-repeat top left; margin-left: 10px;}
#cat_brochure {background: url('/img/resources/brochure.jpg') no-repeat top left; margin-right: 10px;}
.whitepapers, .brochures, .podcasts {float: none; padding: 15px 10px; width: 624px; border-top: 1px solid #801d00;}
.wp-thumbnail, .br-thumbnail {float: left; width: 150px; margin-right: 20px;}
.br-thumbnail img {margin-top: 10px;}
.wp-verbiage, .br-verbiage {float: left; width: 454px;}
.wp-verbiage h2 a, .br-verbiage h2 a{color: #801d00!important; text-decoration: underline;}
.wp-verbiage a, .br-verbiage a{color: #801d00!important; text-decoration: underline;}
.wp-verbiage div{padding-left: 10px; font-size: 11px; font-weight: bold; color: #3c3c3c; margin-top: 10px;}
.wp-verbiage div a{color: #092962!important;}

.testimonial-video {float: left; width: 190px; margin-right: 20px;}
.testimonial-verbiage {float: left; width: 414px;}


.webinar-btn {margin: 10px 15px 0px 0px;}
.webinars {float: none; padding: 15px 0px; width: 644px; border-top: 1px solid #801d00; font-size: 0.9em;}
.webinars>div {margin-bottom: 30px;}
.webinars ul {line-height: 16px;}
.vod-main ul{line-height: 16px;}
.vod-main small{font-style: italic;}
.vod-main h3{color: #6c6c6c; padding-left: 10px; padding-top: 15px; font-size: 14px;}
.wn-live-left {float: left; width: 359px; padding-left: 40px;}
.wn-live-left p, .wn-vod p{font-size: 11px;}
.wn-live-right {float: left; width: 195px; margin-left: 50px; text-align: center;}
#wn_learn_more {margin: 20px 0px 45px 0px;}
.wn-tagline {font-weight: bold; margin-top: 2px!important;}
#wn_live {color: #092962;}
.wn-live-left ul {font-size: 11px; padding-left: 60px; margin: 0px;}
.wn-live-left ul li{padding-bottom: 5px;}
.wn-live-left ul li ul{padding: 5px 0px 5px 40px!important;}
.wn-vod {padding-left: 40px; margin-top: 10px;}
.wn-vod div.columns{padding-top: 0px!important;}
.vod-text {float: left; width: 420px;}
.vod-text>ul {margin-top: 0px!important; padding-left: 80px!important;}
.vod-text p {margin-left: 15px!important; font-weight: bold; margin-top: 0px!important;}
.vod-img {float: left; width: 140px; margin-left: 24px;}
.vod-img img {border: 1px solid #3c3c3c;}
.wn-vod h2{color: #092962; padding-top: 0px!important; padding-bottom: 15px;}
#volreg_form {padding: 15px 0px;}
#volreg_form>div table{margin-left: 33px;}
#volreg_form>div>div{margin: 36px 140px 0px 0px; text-align: right; font-size: 11px; color: #3c3c3c;}
#volreg_form div.first>div {margin: 0px 0px 0px 33px!important; text-align: center!important;}
#volreg_form div.first>div p {padding: 0px;}
#volreg_form>div table td {padding: 8px 0px; text-align: right; color: #3c3c3c; font-size: 11px;}
#volreg_form>div table tr td label{color: #3c3c3c; font-size: 11px; padding-right: 20px;}
#volreg_privacy h2{color: #092962; font-style: italic; font-size: 0.9em; padding-top: 5px!important;}
#res_primvid_text {float: left; width: 265px; margin-right: 40px;}
#res_primvid_text h2{color: #6c6c6c; font-size: 1.3em;}
#res_primvid_obj {float: left; width: 329px; padding-top: 15px;}
#featured_vids>div>div {background: url('/css/img/video-gradient.png') repeat-y;}
#featured_vids>div>div>div {padding: 15px 15px 15px 10px;}
#featured_vids>div>div>div h3{color: #801d00; padding-top: 10px; font-size: 0.8em;}
#featured_vids>div>div>div p{line-height: normal; margin: 0px!important; padding: 3px 0px 0px 0px!important; font-size: 0.7em;}
#featured_vids h2 {font-size: 1.3em; padding-bottom: 10px;}

/* FAQ */

.faq-content{padding-bottom: 15px;}
.faq-content ul{line-height: 16px;}
#faq_list ul{line-height: 16px;}
.faq-content p{padding-left: 20px!important;}
.faq-content>div{padding-top: 0px!important;}
.faq-content>div ul{margin-top: 0px!important;}
.faq-content>div ul>li ul{padding-left: 35px!important;}
.faq-back{padding: 0px 5px; border-left: 1px solid #801d00; border-right: 1px solid #801d00; width: 27px; margin-left: 20px;}
.faq-back a{color: #801d00; font-size: 0.8em;}
#faq_slide { margin-left: 10px; padding-top: 100px!important;}


/* Media Room */

.article-mentions>div{margin-bottom: 15px;}
.article-mentions>div h2 {font-size: 13px; color: #6c6c6c;}
.article-mentions>div small {margin-left: 25px; color: #3c3c3c;}
.article-mentions>div p {padding-left: 25px!important;}
.article-mentions>div a {color: #801d00; font-size: 0.8em; text-decoration: underline;}

/* Careers Page */

#career_home ul{line-height: 16px;}
#career_benefits {margin: 0px 16px 16px 0px;}
.career_flexibility { margin: 0px 0px 16px 6px;}
#job_listing {padding-left: 10px; margin-top: 15px; height:30em} /* warning: height is a guess */
#career_slide {margin-left: 6px; padding-top: 40px!important;}
.description-hack {white-space: pre-wrap} /* <- hope this works so we don't have to process old postings.  */
.inline-fields div.input {display:inline; margin-right:10px}  
div.input label {margin-right:5px}
div.input {
  position:relative; /* abs positioned inputs and labels to parent div */
}
div.text {
  height:30px        /* don't like px here, but trying something */
}
div.select {
  height:30px        /* don't like px here, but trying something */
}
div.textarea { height:auto; } /* don't wnat text area input to have set height, as above */
.inline-fields {height:30px}
/* use with columns class and standard cakephp div-label-inputs groups */
.justified>div {width:250px}
.justified div.input {position:relative;width:75px;text-align:right;height:30px} /* 75 is chosen arbitrarily, but value shuold match between these lines */
.justified div.input input {position:absolute;left:75px;top:0px}
.skill input {width:2em;margin:5px}
.skill div.input {display:inline}
.j-wide div.input {width:100px;} /* 75 is chosen arbitrarily, but value shuold match between these lines */
.j-wide div.input input {left:100px;}

.applicant hr { color: #ffffff; background-color: #801d00; border-color: #801d00}



/* HR Pages */
.hr-search input[type="text"] {width:98%; margin-bottom:10px;}
dl.inline { line-height: 2em; margin: 0em 0em; width: 60%; font-size: 0.8em; color: #3c3c3c;}
dl.inline dt { white-space:nowrap; font-weight: bold; padding-left: 4px; vertical-align: top; }
dl.inline dd { margin-left: 10em; margin-top: -2em; vertical-align: top; }
.dashboard { background-color: #ede8e2; padding:10px }
.dashboard .columns div {margin-left:10px}
.dashboard>small {color: #801d00; font-style: italic; margin-left: 10px;}
.counter {margin: 15px 0px; color: #3c3c3c; font-size: 0.8em;}
.paging {color: #3c3c3c; margin: 15px 0px; font-size: 0.8em;}
.paging div {display:inline}
.text-highlight {background-color:#ffffd9}
.textarea label {display:block}
.cell-applicant-total_experience {text-align:right}
.ui-tabs label {font-size: 0.8em;}
div.checkbox {margin: 8px 0px;}
.skills th, .skills td {padding-right: 15px; text-align: right;}
.skills th {font-size: 0.8em; padding-bottom: 10px;}
.skills input[type='text'] {width: 40px;}
div.actions>ul>li {float: left; padding: 0px 15px; list-style: none; text-decoration: underline;}


/*Common usage classes*/

.fl {float: left;}
.indented-section {width: 634px;}
.indented-section p{padding-left: 10px;}
.indented-section p a{color: #801d00!important; text-decoration: underline;}
.no-border {border: none!important;}
.underlined {text-decoration: underline;}
.no-padbot {padding-bottom: 0px!important;}
.no-margtop {margin-top: 0px!important;}
.no-margleft {margin-left: 0px!important;}
.ralign {text-align: right!important;}
.lalign {text-align: left!important;}
.calign {text-align: center!important;}
.hit-me {cursor: pointer; cursor: hand;}
.t-label {text-align: right; padding-right: 10px;}
.v-protect {padding: 10px 0px;}
.thirds>div{width: 200px;}
.sandwiched {margin: 0px 16px;}
.halves>div{width: 300px; margin: 0px 0px 0px 16px;}
.tab-halves>div {width: 240px; margin: 0px 0px 0px 16px; text-align: right;}
.tab-halves2>div {width: 260px; margin: 0px 0px 0px 16px; text-align: right;}
.first {margin: 0px 16px 0px 0px!important;}
.quarters>div {width: 146px; margin: 0px 16px 0px 0px;}
.fourth {margin: 0px!important;}
.unprotected {padding: 0px!important;}
.protected {padding: 20px;}
#ajax_loader {display:none;}
.temp-wrap{height: 100px;}
hr.small-hr {width: 60%;}
.adobe-prompt {font-size: 0.8em; font-style: italic;}
.left-indent {padding-left: 10px!important;}
.sidebar-border {border: 1px solid #3c3c3c;}
.validator{color: #801d00!important; font-style: italic; text-align:center;}
.billboard-left {width: 420px; margin-right: 39px; float: left;}
.billboard-left h2 {color: #6c6c6c;}
.billboard-right {width: 175px; float: left;}
.magic-box {display: none; border: 2px solid #3c3c3c; background: #ede8e2; width: 500px;}
.magic-box>.mb-header {height: 21px; width: 500px; border-bottom: 2px solid #3c3c3c; background: #d4d1cc url('/css/img/comment-box.png') no-repeat; color: #3c3c3c; font-size: 0.8em;}
.mb-close {float: right; cursor: pointer; cursor: hand;}
.required label:after {content: "*";}
/* Shareholder */

#shareholder_login {height: 500px;}
#shareholder_login label{color: #3c3c3c; font-size: 11px;}
#shareholder_login table td{padding: 10px;}

/* Internal Layout Template */

.primary-section {width: 644px; float: none; margin: 0px 0px 10px 0px;}
.primary-section h2{margin-left: 10px!important;}
.career_flexibility h2 { margin-left: 0px!important}
.primary-content {width: 364px; float: left; padding: 0px 0px 0px 10px;}
.primary-graphic {width: 250px; float: left; margin-left: 20px;}
.secondary-section {width: 644px; float: none; margin: 10px 0px 10px 0px; overflow: hidden; background: url("/css/img/secondary-section-bkgd.jpg") repeat-y top;}
.secondary-halve {float: left; width: 297px; padding: 0px 10px 10px 10px;}
.secondary-halve h2{color: #092962!important;}
#sec_right {margin-left: 10px;}
#sec_right ul{color: #3c3c3c;}
#sec_right ul li a{color: #092962!important; text-decoration: underline;}
#sec_right p a{color: #092962!important; text-decoration: underline;}
.tertiary-section {width: 624px; height: 450px; float: none; padding: 10px; background: #ede8e2;}
.trisects {width: 201px; height: 450px; float: left; background: #ffffff;}
#tri_middle {margin: 0px 10px 0px 11px;}
.trisect-graphic {height: 60px; width: 201px; background: #d4d1cc;}
.trisect-content {width: 181px; padding: 10px;}
.trisect-content h3{font-size: 1em; margin: 0px!important;}
.secondary-navbar {height: 20px; border-bottom: 1px solid #801d00; margin-bottom: 20px; color: #801d00; font-size: 11px; padding: 0px 5px;}
.secondary-navbar ul{padding: 0px; margin: 0px; list-style: none;}
.secondary-navbar ul li{float: left;}
.secondary-navbar ul li a{color: #801d00; padding: 0px 7px;}
.secondary-navbar ul li a:hover{color: #092962!important; text-decoration: underline;}
a.selected-tab {color: #092962!important; text-decoration: underline;}

/* Primary Section for full width <-- added by Julie 021710 */
.primary-section-full {width: 644px; float: none; margin: 0px 0px 10px 0px;}
.primary-content-full {width: 634px; float: left; padding: 0px 0px 0px 10px;}

/* Secondary Section without bkgd colors for use with Services lists <-- added by Julie 021710  */
.secondary-section-white {width: 644px; float: none; margin: 10px 0px 10px 0px; overflow: hidden; }
.secondary-halve-white {float: left; width: 257px; padding: 0px 30px 10px 30px;}
.secondary-halve-white h2{color: #3c3c3c!important;}

/* wrap images  <-- added by Julie 021710 */
.imgleftmarg { margin-left: 10px; margin-bottom: 10px; }
.imgrightmarg { margin-right: 10px; margin-bottom: 3px; }

.unknown-text { font-style:italic; color: #3c3c3c; }

/* temporary standard table styles <-- added by Derek 022550. That's right, it came from the future. */
table.standard { border: solid 1px #3c3c3c; border-collapse: collapse; background-color: white; }
table.standard th { text-align: left; font-weight: normal; background-color: #092962; color: white; }
table.standard td { border-bottom: solid 1px #3c3c3c; padding: 5px; font-size: 11px; color: #3c3c3c;}
table.standard th a { color: #6c6c6c; }
table.standard tr.even { background-color: #ede8e2; }

.career_flexibility table.standard th a { color: #ffffff; text-decoration:none; }





/* New Resellers Section <-- added by Julie, 2010 0818 ---------------------------------------- */
.reseller-left {width:444px; float:left; margin: 0px 0px 10px 0px;}
.reseller-right {width:178px; float: left; padding: 0px 0px 0px 12px;}





/* columns, with built-in ui-helper-clearfix */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden; line-height: 0; height: 0;
}
.clearfix {clear:both;}
.columns { padding-top: 10px; }
.columns>div { float: left; }
/* clearfix stuff */
.columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.columns { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .columns { height:1%; }
.columns { display:block; }
/* end columns clearfix */
