
/* interview follies screen css */

/* base styles */
body 					{ background: #eee; }
.container 					{ background: #fff; }
.overall 					{ border: solid 1px #ddd; border-top: none; }

h1, h2, h3 				{ color: #66c; }
h1, h2, h3, p 				{ margin: 0; padding: 0; }
p 						{ font: normal 1.25em/18px arial; margin: 0 0 1em 0; color: #888; }

em						{ color: #990000; }

embed					{ background: #999; margin-top: .5em; margin-bottom: 1em; }

dl						{ margin: 0 40px 0 40px; }
dt						{ color: #990000; }
dd						{ font-style: italic; margin-bottom: 1em; color: #444; }

form						{ border: solid 1px #ccc; margin: 0; padding-bottom: 12px; }
label						{ margin: 0 12px 0 12px; color: #990000; }

i						{ color: #990000; }



/* image classes for inline paragraph images */
.alignleft					{ float: left; margin-top: 3px; margin-right: 10px; }
.alignright					{ float: right; margin-top: 3px; margin-left: 10px; }

.spacer					{ margin-bottom: .5em; }

.header, .navigation, .left, .content, .right
						{ display: inline; float: left; }

.header 					{ height: 126px; margin: 0 0 18px 0; background: #fff url( '../images/background-header-16x126.gif' ) repeat-x; line-height: 0; }
.header .bt					{ margin: 10px 0 0 20px; }
.header .if					{ margin: 0 0 0 20px; }

#ul_menu_1					{ list-style-type: none; margin: -4px 0 0 30px; line-height: 1.5em; }
#ul_menu_1 li					{ display: inline; float: left; font-family: 'trebuchet ms', serif; font-size: .9em; letter-spacing: .1em; color: #990000; padding: 0 10px; border-right: solid 1px; height: 18px;}
#ul_menu_1 li a					{ text-transform: uppercase; text-decoration: none; color: #990000; }
#ul_menu_1 li a:hover			{ text-decoration: underline; color: #fff;}
#ul_menu_1 .last_menu_li { border-right: none; }

.header-left				{ display: inline; float: left; }
.header-right				{ display: inline; float: left; text-align: right; }


.navigation					{ margin-bottom: 18px; }


.content 					{ }
.content h1, .content h2, 
.content h3, .content h4		{ font-family: 'trebuchet ms'; line-height: 1.15em; color: #990000; }

.content h1				{ font-size: 2.25em; margin: 0 0 .2em 0; }
.content h2				{ font-size: 1.80em; }
.content h3				{ font-size: 1.50em; }
.content h4				{ font-size: 1.25em; }
.content p					{ font: normal 1.10em/1.45em arial, 'trebuchet ms'; color: #444; }
.content p.view-all {padding: 1px 0 0 0; }
.content p.view-all a			{ font: normal 1.10em/1.45em 'trebuchet ms', serif; color: #990000; }
.content p.view-all-right a		{ font: normal 1.10em/1.45em 'trebuchet ms', serif; padding: 36px 0 0 0; color: #990000; text-align: right; }
.content img.employees		{ float: right; }

.entry					{ display: inline; float: left; width: 350px; margin: 12px 0 0 0; }
.entry h3				{ font: 900 1.25em/1.25em 'trebuchet ms'; color: #0048ab; margin: 0 0 0 72px; }
.story_title_link			{ color: #0048ab; }
.entry p					{ margin: 0 0 0 72px; }
.entry p a					{ text-decoration: none; color: #0048ab; }
.entry p a:hover				{ text-decoration: underline; }
.entry-votes				{ display: inline; float: left; width: 60px; height: 70px; text-align: center; margin: 0 0 0 0; border: solid 1px #99ccff; }
p.entry-vote-number			{ font: 900 1.25em/1em 'trebuchet ms'; color: #0048ab; margin: 6px 0 6px 0px; }



/* share your story
.content form				{ width: 590px; margin: 18px 0 0 0;  } */
.content .share-label			{ display: inline; float: left; height: 24px; width: 160px; font: normal 1.40em/1em 'trebuchet ms'; padding: 12px 0 0 12px; color: #777; clear: both; }

.content .share-label-tall		{ display: inline; float: left; width: 160px; font: normal 1.40em/1em 'trebuchet ms'; padding: 12px 0 0 12px; color: #777; clear: both; }
.content .share-input			{ display: inline; float: left; width: 410px; font: normal 1.10em/1em 'trebuchet ms'; color: #555; margin: 0 0 6px 0; background: xtan; }
.content .share-input	a		{ color: #990000; }
.content .share-input a:hover 	{ text-decoration: none; }
#text_form_1 input		{ height: 24px; background: #eee; border-top: solid 2px #aaa; border-left: solid 2px #aaa; border-bottom: none; border-right: none; }
#text_form_1 .share-input-submit	{ display: inline; float: left; width: 110px; }
#text_form_1 textarea			{ width: 300px; height: 130px; background: #eee; border-top: solid 2px #aaa; border-left: solid 2px #aaa; border-bottom: none; border-right: none; }

.voting-tools				{ text-align: center; }
.voting-tools h2				{ font: 900 1.35em/1.20em 'trebuchet ms', arial; margin-bottom: 0.5em; color: #0048ab; }
.voting-tools h3				{ font: 900 2.00em/1.25em 'trebuchet ms', arial; margin-bottom: 1.0em; color: #0048ab; }
.voting-tools img			{ margin-bottom: 12px; }


/* Form Starts */

.Error_Message {padding-left: 17px; font: normal 1.20em/1em 'trebuchet ms'; color: #c00; font-weight:normal; }
#text_form_1 {    width: 590px; margin: 18px 0 0 0; font: normal 90%/120% 'trebuchet ms'; color: #777; }
#text_form_1 form {border: none;}
#text_form_1 .label_holder { display: inline; float: left; height: 24px; width: 160px; font: normal 1.40em/1em 'trebuchet ms'; padding: 12px 0 0 12px; color: #777; clear: both;}
#text_form_1 .form_label {color: #777; }
#text_form_1 .form_entry
{  
    display: inline;
    width: 400px;
    float: left;
    text-align: left;
    padding-bottom: 5px;
}
#text_form_1 .form_hint_holder {display: inline;
    width: 400px;
    float: left;
    padding-bottom: 15px;
    padding-left: 170px;}
.submit
{
    display:block;
    clear: both;
    float: left;
    margin-left: 170px;
}
#text_form_1 .submit input { background: #fff; border: none; height:28px; width: 104px;}
#text_form_1 .privacy_policy { display: inline; }
#text_form_1 .privacy_policy p { padding-top: 5px;}
#text_form_1 .form_select input { border: none; background: #fff; }
.form_select_radio 
{
    padding-left: 18px;
}

#text_form_1 .form_select input { height: 16px;  }

/* story */
p.section					{ font-size: .9em; margin-bottom: 0.50em; text-transform: uppercase; color: #777; letter-spacing: 0.075em; }
p.detail					{ font: normal 1.25em/21px arial; margin: 0 0 1em 0; color: #666; }


.right 					{ width: 230px; padding-bottom: 24px; }
.right form					{ height: 30px; border: none; }

.right .search-input			{ display: inline; float: left; margin-right: 4px; }
.right .search-button			{ display: inline; float: left; padding-top: 5px; }

.right input.height			{ height: 24px; line-height: 1.0em; margin-right: 3px; background: #eee; border-top: solid 2px #aaa; border-left: solid 2px #aaa; border-bottom: none; border-right: none; }
.right input.button			{ margin: 9px 0 0 0; }

.right .britetab-cta			{ clear: both; height: 400px; margin: 18px 0 18px 0; background: #fff; }





.cta-ipod-inline				{ display: inline; float: right; width: 230px; height: 200px; margin: 4px 0 0 12px; background: url( '../images/cta-ipod-inline-230x200.jpg' ) no-repeat; }
.cta-ipod-inline p			{ font: normal 1.20em/1.25em arial, 'trebuchet ms'; color: #00447a; margin: 9px 96px 0 9px; background: xtan; }
.cta-ipod-inline a				{ color: #00447a; }
.cta-ipod-inline a:hover		{ text-decoration: none; }

.cta-ipod-right				{ height: 124px; background: url( '../images/cta-ipod-right-230x124.gif' ) no-repeat; }
.cta-ipod-right h3			{ font: normal 1.45em/1.25em 'trebuchet ms', serif; color: #fff; margin: 0 0 0 9px; padding-top: 9px; }
.cta-ipod-right p				{ font: normal 1.00em/1.25em 'trebuchet ms'; color: #fff; margin: 0 144px 0 9px; }
.cta-ipod-right a				{ color: #fff; }
.cta-ipod-right a:hover		{ text-decoration: none; }





.footer 					{ text-align: center; padding-bottom: 18px; padding-top: 10px;}
.footer .static				{ margin-right: 1em; }
.footer p					{ display: inline; font: normal 1em/1em 'trebuchet ms'; color: #444; }
.footer ul					{ list-style-type: none; margin: 0; }
.footer li					{ display: inline; }
.footer li a					{ text-decoration: none; color: #444; }
.footer li a:hover			{ text-decoration: underline; }



			
.cntdwn { width: 230px;  margin-top: 20px; text-align: center; padding: 6px 0 9px 0; border: solid 2px #ddd; background: #fff url( '/images/background-header-16x200.gif' ) repeat-x; }
.cntdwn p { font: 500 16px/21px 'trebuchet ms'; margin: 0 0 6px 0; padding: 0; color: #900; }
.cntdwn p.counter { font: 500 18px/21px 'trebuchet ms', sans-serif; color: #036; }
.cntdwn p.follow { margin-top: 6px; }
.cntdwn p.follow a { color: #900; }
.cntdwn p.follow a:hover { text-decoration: none; }