/*
* -------------------------------
*  common 
* ------------------------------- 
*/

/* --- Common --- */

* { padding: 0; margin: 0;  } 

body { font: 11px Arial, Helvetica, Verdana, sans-serif;  background-image:url(images/bodyBg.jpg); background-repeat:repeat-x; background-color: #003663;}

.cleaner { display: block; clear: both; height: 1px; overflow: hidden;  }

a { color: #369; text-decoration: none;  }

li { display: block; list-style: none outside;  } 

p { padding: 0 0 20px 0;  }

h1, h2, h3, h4, h5 {font-family:"Trebuchet MS", Verdana, Helvetica, Arial;}

h2 {font-size: 2.5em; font-weight: normal;}
h3 {display: block; font-size: 1.6em; margin: 10px 0; font-weight: normal;}
h4 {font-size: 1.4em; font-weight: normal; margin-bottom: 10px; margin-top: 0px;}


.hidden {display:none;}



#container { width: 966px;  background: #FFFFFF; margin: 0 auto; border: 0px solid #000000;  overflow: hidden; } /* Internal Container */

#header h1 { width: 966px; height: 111px;  margin-bottom: 0px; background: url(images/template_mos_head_bg.png) top left no-repeat;}
#header h1 a { display: block; width: 100%; height: 100%; overflow: hidden; text-indent: -10000px;   }

#footer { text-align: center; height: 145px; background-color: #1167a9; background: url(images/template_mos_footer_bg.png) top left no-repeat; clear: both; margin-top: 10px;}

#footerLinks {display: block; height: 120px; border: 0px solid #CCC; text-align: center; width: 358px; margin: 0 auto;}
#footerLinks li { display: block; float: left;  }
#footerLinks li a { display: block;  float: left; overflow: hidden;  height: 100px; border:0px solid #FFCCFF; text-indent: -10000px;}
#footerLinks li a.bitc { width: 110px;}
#footerLinks li a.pcharities { width: 90px;}
#footerLinks li a.communities { width: 150px;}

.footerCopy {  color: #FFF;  font-size: .8em;}
.footerCopy a {color: #FFF;}

/* --- Navigation --- */
#navigation { font-size: 1.2em; width: 944px; position: relative; background: #0f66a8; background: url(images/template_mos_nav_bg.png) top left repeat; border-top: 1px solid #62a4d6; border-bottom: 2px solid #00508c; padding-left: 22px; overflow: hidden; }
#navigation.sub { height: 62px; }
#navigation li { display: block; float: left; }
#navigation li a { display: block; line-height: 31px; float: left; padding: 0 10px; color: #FFF; font-weight: normal; text-transform: uppercase; overflow: hidden;  }
#navigation li a:hover {background-color:#035ea3; }
#navigation li a.on { background-color:#C5DAEE; color: #000; }

#navigation li ul { position: absolute; left: 0; bottom: 0; background: #C5DAEE; padding-left: 20px; width: 100%;  }
#navigation li ul li a { color: #000; }
#navigation li ul li a:hover { background: inherit; }

#navigation li#li1 a {  }
#navigation li#li2 a {  }
#navigation li#li3 a {  }
#navigation li#li4 a {  }
#navigation li#li5 a {  }
#navigation li#li6 a {  }

/* --- Content --- */
#page_content { padding: 13px 13px 0 13px; background: url(images/navShadow.png) left top repeat-x; overflow: hidden;  }

#sidebar { float:right; width:304px; overflow: hidden;  }
#content { border: 0 solid #CCC; float: left; width: 636px; overflow: hidden; }

#content .homeBox { margin: 0 13px 13px 0; width: 305px; }

.homeSidePanelLatest {background-image: url(images/sidePanelLatest.png); background-attachment: scroll; overflow: auto !important;}

.homeSidePanelLatest ul {margin: 50px 13px 13px 13px; border:0px solid #FF0000;}
.homeSidePanelLatest ul li {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #CCC; display: block; }

/* --- Home Content --- */
.homeBox {height: 270px; background-position: top left; background-repeat:no-repeat; display: block; float: left; overflow: hidden;}

.box01 {background-image:url(images/cnt_mos_homebox01_bg.jpg)}
.box02 {background-image:url(images/cnt_mos_homebox02_bg.jpg)}
.box03 {background-image:url(images/cnt_mos_homebox03_bg.jpg)}
.box04 {background-image:url(images/cnt_mos_homebox04_bg.jpg)}

a .boxContent {color: #FFF; margin: 210px 13px 0 13px; display: block; text-decoration:none;}

#sidebar .homeBox { margin: 0 0 13px 0; width: 305px; }

.homeQuote {background-image: url(images/homeQuote.png); text-indent:-10000px;}


/* --- Sub Content Common --- */
#sidebar .subBox {margin: 0 0 13px 0; width: 305px; background-position: top left; background-repeat:no-repeat; display: block; float: left;}
h2.intro {height: 220px; width: 100%; margin-bottom: 20px;}
h2.plain {margin-bottom: 20px; line-height:120%;}
h3.boxed { display: block; font-family:"Trebuchet MS", Verdana, Helvetica, Arial; font-size: 1.6em; background-color: #7f7f7f; text-indent: 20px; color: #FFF; padding: 12px 0px; margin: 20px 0;}

#sidebar #subNavigation .head a {color: #FFF; padding: 3px 5px 0 15px; overflow: hidden; height:26px;  display: block; font-family:"Trebuchet MS", Verdana, Helvetica, Arial; font-size: 1.5em; font-weight: normal; margin-top: 13px;}
#sidebar #subNavigation .first a {margin-top: 0px !important;}


#sidebar #subNavigation a.open{background: url(images/sideBarNavBackground.png) bottom left no-repeat; }
#sidebar #subNavigation a.closed{background: url(images/sideBarNavBackground.png) top left no-repeat; }
#sidebar #subNavigation a.closed:hover{background: url(images/sideBarNavBackground.png) bottom left no-repeat; }

#sidebar .subNavDropdown {background-color: #f1f4f6; padding: 13px 20px 10px 20px;}
#sidebar .subNavDropdown li {padding-bottom: 5px; margin-bottom:5px; border-bottom: 1px dotted #CCC; font-size: 1.2em; list-style:square inside; display:list-item; color: #EF3B39;}
#sidebar .subNavDropdown li ul { border-top: 1px dotted #CCC; padding: 5px 0 0 15px; margin-top: 5px; }
#sidebar .subNavDropdown li li { font-size: 0.9em;  }

#subCopy {overflow: hidden; width: 625px; padding-right: 13px; display: block; line-height: 170%; font-size: 1.2em; color: #333;}
#subCopy .subCopyList {margin-bottom: 10px;}
#subCopy .subCopyList li {list-style:square inside; display:list-item; padding:  8px 20px;}
#subCopy a {text-decoration:underline;}

.subQuote {background:url(images/subQuote_dynamic_top.png) no-repeat top left; background-color: #666; color: #FFF;  }
.subQuote .subQuoteContainer {margin: 25px 25px 0px 17px; }
.subQuote .quote {text-indent: 55px; font-family:"Trebuchet MS", Verdana, Helvetica, Arial; font-size: 1.9em; line-height: 160%;}
.subQuote .author {font-size: 1em;}
.subQuoteBot {background:url(images/subQuote_dynamic_bot.png) top right no-repeat; height: 42px; display: block;}

ul.anchorList {margin-bottom: 20px;}
ul.anchorList li{list-style:square inside; display:list-item; padding-left: 20px;}

/* --- Talent Awards Content --- */
.talentAwards {background:url(images/intro_talentAwards.jpg) top left no-repeat; text-indent:-10000px;}
.awardBtn, .awardBtn:focus {display: inline-block; width: 210px; height: 40px; text-align: right; background: url(images/btn_bg.png) top right no-repeat; float: left; font-size: 1.3em; padding-top: 20px; font-family:"Trebuchet MS", Verdana, Helvetica, Arial; padding-right: 90px; text-decoration:underline; border-top: 1px dotted #86bef1; border-bottom: 1px dotted #86bef1; } 


/* --- Talent Awards Sub Content --- */
ul.logoList li {display: block;  border-top: 1px solid #CCC; border-bottom: 3px solid #999; padding: 20px; margin-top: 0px;}
ul.logoList li img {float: right; padding-left: 10px; padding-bottom: 10px;}

ul.logoList .intro {text-decoration:none; font-weight: normal; color: #666; font-size: 1.2em;}

/* --- Video Library Content --- */
.video { width: 330px; float: left; margin-top: 20px; }
#video-library h3 {margin-top: 20px;}

/* --- Article List Pages --- */
ul.articleList li{ margin-bottom: 10px; border-top: 1px dotted #CCC; padding-top: 10px; }
ul.articleList img { float: left; margin-right: 13px; border: 1px solid #666; height: 110px; width: 160px;}
ul.articleList h4 {}

ul.articleList.speakers li { float: left; width: 45%; height: 190px; padding-right: 5%; overflow: hidden; line-height: 18px;  }
ul.articleList.speakers li img {float: left; margin-right: 13px; border: 1px solid #666; height: 160px; width: 110px;}

ul.articleList.speakersview li {  }
ul.articleList.speakersview li img {border: 1px solid #666; height: 160px; width: 110px;}


/* --- Article List Pages --- */
.articlePage img {float: left; margin: 10px 10px 10px 0;}


/* --- Feedback --- */
#overlay_feedback { display: none; position: absolute; height: 100px; width: 300px; font-size: 1.2em; font-weight: bold; background-color: #FFF; border: 1px solid #000;}
* html #overlay_feedback { background-color: #FFF; border: 1px solid #000;}
#overlay_inn { padding: 20px 10px 10px 20px; }


/* --- Internet Explorer 6 styles --- */
* html #page_content { zoom: 1; }

/* --- Search Box style --- */
#searchContainer {overflow: hidden; width: 230px; height: 40px; padding-left:755px; top:45px;  position:absolute ; z-index:1000}

#search_box { width: 201px; height: 31px !important; background: url(images/bg_search_box.gif); margin:0; padding: 0; }
#search_box #query_string_box { float: left; padding: 0; margin: 6px 0 0 6px; border: 0; width: 159px; height: 20px; background: none; }
#search_box #search_submit { float: right; margin: 3px 4px 0 0; }

#subCopy ul,
#subCopy ol { margin-bottom: 20px; padding: 0 0 0 20px;  }

/*#subCopy ul li,
#subCopy ol li { display: list-item; list-style: disc inside; }
#subCopy ul li li { list-style: circle inside; }
#subCopy ol li { list-style: decimal inside; }

#subCopy blockquote { background: #EEE; padding: 20px 20px 0 20px; margin-bottom: 20px; font-style: italic;  }*/

/*
* -------------------------------
*  forms 
* ------------------------------- 
*/

#content form label { display: block; float: left; font-size: 12px; width: 130px; display: inline-block; margin-top: 5px; } 
#content form label.field_label { font-weight: bold; font-size: 120%; width: auto; clear: both; float: none; margin-top: 10px; }
#content form label.inline_label { width: auto; clear: both; float: none; margin-top: 10px; display: inline; }
#content form div.input { clear: both; }
#content form fieldset {  border: 1px solid #CCC; padding: 20px; }
#content form legend { padding: 5px 10px; font-weight: bold; font: 140%/normal Verdana; color: #5598cb; text-transform: uppercase; }
#content form .mandatory { font-weight: bold;}
#content form .mandatory span { color: #F00; }
#content form .input .error { display: block; clear: both; color: #900; }
#content .input select,
#content input.field { width: 100%; padding: 1px 0 0 0; height: 22px; }
#content .input select:focus,
#content input.field:focus {border:1px solid #0E6BB1 !important; background-color: #fffef0;}
#content #register .input select,
#content #register input.field { width: 50%; float: left;  border: 1px solid #999; margin: 4px 0 0 4px;}
#content #register .dob {border:1px solid #999; margin: 4px 0 0 4px;}
#content #register .btn { width: 25%; float: left; margin-top: 20px;} 

#content .inp.err { padding: 0; }
#content form .err { color: #FF0000; font-weight: bold; }

#content #register #id_birthdate_day,
#content #register #id_birthdate_month,
#content #register #id_birthdate_year { width: 15%; float: none;  }

#issues, #register #issues { padding: 10px 0; }
#issues li, #register #issues li { display: block; width: 95%; list-style-type: none; float: left; margin: 3px 0; padding: 0; position: relative;  }

#register ul { padding: 0 20px 10px 20px; }
#register ul li { list-style-type: none; display: block; width: 48%; float: left; padding-right: 10px; }
* #register ul li { height: 100%; overflow: hidden; }
#content #register form label.field_label { font-size: 100%; }

.data { width: 100%; border-collapse: collapse; }
.data th { background: #CCC; }
.data td { border-bottom: solid 1px #CCC; padding: 2px; }
.data .unreaded td { background: #90B0B8; color: #FFF; border-color: #FFF; padding: 5px 2px; }
.data .unreaded td a { color: #FFF; }

#login_register { width: 100%; table-layout: fixed; }
#login_register td:not([class="xxx"]) { padding: 5px; }
#login_register form label:not([class="xxx"]) { float: none; }
#login_register .err { font: italic 140%/normal Georgia, "Times New Roman"; color: #900; padding: 10px; border: 2px solid #900; margin: 0 0 20px 0; }

#errors { margin: 10px; color: #900; font-weight: bold;  }
#errors li { padding: 2px 0;  }