@import url(AjaxControlToolkit.css);

/* Useful */
.AddNewButton a { text-decoration: none; font-size: 1.1em; font-weight:bold }
.footnote { font-size: .8em; font-style: italic }
.clear { clear: both }
.SearchSummary { margin-top: 20px }

ul, ol { padding: 0; margin: 10px 10px 20px 10px }
li { list-style-type: disc; margin-bottom: 10px; margin-left: 10px  }

/* General Typography */
#content h2 { color: #626263; font-size: 1.5em; margin-bottom: 15px }
#content h3 { color: #A10819; font-size: 1.1em; margin-bottom: 12px }
#content h4 { color: #E4AC13; font-weight: bold }
#content p { margin-bottom: 20px }
.lead-in-text { color: #E4AC13; font-weight: bold }
.right-column, .left-column { font-size: 1.2em }

/* Podcast */
#podcast-homepage p { font-size: 1em; color: #9E9E9E; margin-top: 0; margin-bottom: 5px; margin-top: -10px}
#tips-for-success {  }
#tips-for-success img { float: right }
.podcast-content {
	background-repeat: repeat-y;
	float: left
}

.podcast {
	vertical-align: top;
	float:left;
	background-image: url(../images/PodcastSeparator.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 810px;
	position: relative;
	padding-bottom: 10px;
	font-size: 1.2em
}
.podcast .icon { margin-left: 30px; float: left; display: inline; margin-right: 20px }
.podcast .title { float: left; display: inline; width: 160px; margin-top: 10px; margin-right: 40px; line-height: 1.9em; color: #626263 }
.podcast .description { float: left; display: inline; width: 380px; margin-top: 15px; margin-right: 40px; }
.podcast .links {
	float: left;
	display: inline;
	position: absolute;
	bottom: 13px;
	left: 723px;
	width: 152px;
}
.last { background-image: none; }

/* Styles to use when there are Translate links ... */
.podcast .description.espanol { width: 250px; }
.podcast .links.espanol { width: 250px; left: 623px }


/*----- Styles to use when there are NO Translate links ----
.podcast .description.espanol { width: 377px; }
.podcast .links.espanol { width: 250px; left: 727px }
#archived-podcasts .podcast .description.espanol { width: 275px }
*/

#archived-podcasts .podcast { width: 890px; }
#archived-podcasts h2 { width: 100%; border: solid 0px black; padding: 5px; background-color: #FDE151; color: #666666; font-size: 1.2em; margin-top: 40px }
#archived-podcasts .podcast { border-bottom: solid 1px #e0e0e0; background-image: none }
#archived-podcasts .podcast .icon { display: none }
#archived-podcasts .podcast .title { margin-left: 20px; font-size: .9em; width: 270px; margin-right: 20px }
#archived-podcasts .podcast .links { position: absolute; bottom: 25px; left: 723px;	width: 152px; }
#archived-podcasts .last { margin-bottom: 40px }
#archived-podcasts .podcast .links.espanol { width: 250px; left: 623px }


/* Poll */
.poll {  }
.poll .question { font-size: 1.1em; color: #E4AC13; font-weight: bold; margin-bottom: 7px  }
.votebutton { width: 75px; float:right; margin-top: 10px; background-color: #FEE151; font-weight:bold; color: #A10819 }
.poll .radiobuttonlist label { width: 135px; font-size: 1.0em; color: #A10819; font-weight: bold }
.poll .disclaimer { font-size: .9em; text-align: center; clear: both; padding-top: 8px }
.result-percentage { float: right }
.result-numvotes { float: right }
.result-answer { margin-top: 5px }
.result-bar { float: left; }
.poll ul { padding: 0; margin: 10px 0 0 10px }
.poll li { list-style-type: none;  }
.poll img { height: 7px; margin-top: 5px }

/* Lideres */
.lidere { float: left; display: inline }
.lidere .profilepic { float: left; display: inline; width: 230px }
.lidere .info { float: left; display: inline; position: relative; width: 640px;}
#content .lidere h3 { float: left; display: inline; font-size: 1.9em }
.career-info { float: left; display: inline; margin-left: 10px; padding-left: 10px; border-left: solid 1px #8C8C8F }
.career { font-size: 1.3em; font-weight: bold; letter-spacing: 1px  }
.tagline { letter-spacing: 2px; width: 387px  }
.lidere .description { clear: both; font-size: 1.3em; line-height: 1.5em; height: 155px; overflow: auto; margin-top: 10px }
.lidere .thumbs { margin: 0 0 10px 0 }
.lidere .thumbs img {  }
.lidere .sponsor { float: right; font-size: .8em; font-weight: bold; text-align: center; margin: 0 15px; background-image: url(../images/template/VerticalSeparator.jpg); background-repeat: repeat-y; background-position: left top }
.lidere .sponsor img { margin-left: 15px }

/* Subnavigation Styles */
#subnav { font-size: 1.1em }
.right-column #subnav { text-align: right; }
#subnav h3 { color: #666666; }
#subnav a:link, #subnav a:visited, #subnav a:active { color: #666666; font-weight: bold; text-decoration: none }
#subnav a:hover { text-decoration: underline }
#subnav a.selected { color: #A10819; text-decoration: underline }

/* Press Releases - Media Page */
#press-releases { display:inline; float:left; width: 400px; font-size: 1.2em }
#press-releases a:link, #press-releases a:visited, #press-releases a:active { color: #666666; text-decoration: none; }
#press-releases a:hover { color: #666666; text-decoration: underline; }
#other-media { display:inline; float:left; width: 480px; margin-bottom: 20px; }
#articles { width: 350px; /* height: 216px; overflow: auto */ }
.pressrelease-separator { margin: 10px 0 }
#mediainquiries h2 { margin:3px 0; color: #333; }
#mediainquiries h3 { margin: 3px 0 }
#mediainquiries h3 span { color: #666666 }
#mediainquiries p { margin: 0 }
#press-releases ul { padding: 0; margin: 10px 10px 20px 10px }
#press-releases li { list-style-type: disc; margin-bottom: 5px; margin-left: 5px  }
#press-releases h3 { margin: 3px 0; color: #333;  font-size: 1.2em }

/* Override dynamic drive styles */
#test2 img { margin-right: 30px }
#test3 img { margin-right: 30px }

/* Entry Page */
#entrypage #logo { margin-top: 35px }
#entrypage #content { min-height: 250px; font-size: 1.1em }
#entrypage #wrapper { margin-top: 128px }
#entrypage #bottom-links { margin-top: 50px }
#entrypage .content-right { margin-left: 100px; margin-top: 35px; width: 325px }
#entrypage .content-right h2 { margin:0; color: #E4AC13; font-size: 1.0em }
#entrypage .enter-button { float: right }
#entrypage #month { float: left; display: inline; margin-right: 20px; margin-bottom: 10px }
#entrypage #day { float: left; display: inline; margin-right: 20px  }
#entrypage #year { float: left; display: inline }
#entrypage a img { border: 0 }
#entrypage input.button { background-color: #FEE151; font-weight:bold; color: #A10819; float: right; margin-top: 5px; width: 103px; height: 27px }

/* Contact Page */
#contact-form .checkbox label, #contact-form .radiobutton label { text-align:left; width:400px; }

/* Video Control */
#lideres-videos { width: 492px; overflow: hidden }
#player-box { width: 492px; background-color: #000; color: #fff; }
#player-box .leftborder { width: 86px; display: inline; float:left; height: 200px; text-align: right; position: relative; }
#player-box .player { margin: 0; margin-left: auto; margin-right: auto}
#player-box .leftborder div { margin: 5px; font-size: 1.45em; font-weight: bold; margin-top: 75px }
#player-box .leftborder div span { font-size: .7em; font-weight: normal }
.videolinks { float:left; display: inline; position: relative; width: 48%; margin-top: 20px; text-align: center; font-size: 1.4em; font-weight: bold; color: #A10819 }
.videolinks .videotitle { float:left; display: inline; }
.videolinks .buttons { float:left; display: inline; margin-left: 5px; font-size: .8em }
.downloadbutton { color: #666666 }

#lideres-videos .buttons .watchbutton a:link, #lideres-videos .watchbutton a:visted, #lideres-videos .watchbutton a:hover { color: #E4AC13; text-decoration: none }
#lideres-videos .watchbutton a:hover { text-decoration: underline }

#grey-box { background-color: #EFF1F3; width: 100%; margin-top: 20px; color: #666666 }
#fact-sheets, #images { width: 200px; display: inline; float: left; padding: 15px; font-size: 1.1em }
#fact-sheets h3, #images h3 { font-size: 1.3em }
#fact-sheets { text-align: right }
#fact-sheets ul, #images ul { margin:0 }
#fact-sheets li, #images li { list-style-type: none; margin: 0 0 10px 0 }
#fact-sheets a:link, #fact-sheets a:visited, #fact-sheets a:active, #fact-sheets:hover,
	#images a:link, #images a:visited, #images a:active, #images:hover { color: #666666 }


#vote-lideres { font-size: 1.3em; text-align: center; margin-top: -50px } 
#vote-lideres h2 { }
#vote-lideres label { color: inherit; width:auto; float: none }
#vote-lideres td { width: 125px; padding: 5px 10px }
#vote-lideres .thumb { }
#vote-lideres .minibio { font-size: .9em;  }
#vote-lideres .minibio .lidername { font-weight: bold }
#vote-lideres .minibio .sponsor { font-size: .9em }
#vote-lideres .pickone {}
#vote-lideres  .checkbox input { width: auto; float: none }
#vote-lideres  .button { width: 13em }