/* Styles for the MER Conference Speakers' section */

/* Last Updated: February, 2009 */

/* MAIN COLORS 
gold = color: #e8b604

blue = #0f5b96 
dark blue = #083253

*/


* {
    margin: 0 0;
    padding: 0 0;
    font-family: Arial, Helvetica, sans-serif;
}

:focus {
    outline: 0;
}

html, body {
    height: 100%;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .clearfix {
    height: 1%;
}

.arrow {
    float: right;
    margin: 0px;
    border: none;
    padding-bottom: 0px;
}

body {
    text-align: center;
    margin: 0 auto;
    padding: 0px;
    background: #0f5b96 url(/img/img01.gif) repeat-x top;
    font: normal 13px Arial, Helvetica, sans-serif;
    color: #083253;
}

#page2 {
    width: 854px;
    padding: 0 0;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
}

h1, h2, h3, h5 p, ol, ul {
    margin-top: 0;
}

h1, h2, h3, h6 {
    font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h4, h5 {
    font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h6 {
    font-weight: normal;
}

h1 {
    letter-spacing: -1px;
    font-size: 2.2em;
    margin-bottom: 0.5em;
}

h2 {
    letter-spacing: -1px;
    font-size: 1.6em;
}

h3 {
    font-size: 1.2em;
    line-height: 1em;
    margin: 0px 40px 5px 40px;
    padding: 10px 0px;
}

h4 {
    font-size: 0.75em;
    line-height: 1em;
    margin: 0px 40px 0px 40px;
    padding: 10px 0px;
}

h5 {
    font-size: 1em;
    margin: 20px 40px 0em 40px;
}

h6 {
    letter-spacing: -1px;
    font-size: 1.1em;
    text-align: center;
    padding: 5px 20px;
    font-weight: bold;
    font-style: italic;
    margin-top: 10px;
}

p, ol, ul {
    margin-left: 40px;
    margin-right: 40px;
    line-height: 140%;
}

p, ol li {
    padding-bottom: 5px;
}

p {
    color: #083253;
}

a { 
    color: #E8B604;
    text-decoration: underline;
    font-weight: bold;
    }

a:hover {
    color: #0f5b96;
    text-decoration: none;
}
 
 
ul.square {
    list-style-type: square;
 /*   color: #083253; */
    color: #083253;
} 

/* -------------------BOXES --------------------- */

.backgroundWhite {
    background-color: #FFFFFF;
    border: solid 1px #0f5b96;
    padding: 2px 5px 2px 5px;
}

.border2 {
    border-style: solid;
    border-color: #0f5b96;
    border-width: 1px;
    margin-left: 40px;
}

.borderGold {
    border: 1px solid #f2cd4b;
    }

 /* ----------------BOX CONTENT WHITE LIGHT BORDER ------------------- */
 
div.boxContentWhiteLightBorder {
    border-top: 1px solid #D7D7D8;
    margin-bottom: 0px;
    margin-top: 0px;  
    width: 854px;
    padding: 35px 0 20px 0;
    background-color: #FFFFFF;
}

.boxContentWhiteLightBorder a {
    color: #E8B604;
    text-decoration: underline;
    }
  
.boxContentWhiteLightBorder a:hover {
    color: #0f5b96;
    text-decoration: none;
}

 /* ---------------- BOX CONTENT WHITE AND BOX CONTENT 3 ------------------- */
 
div.boxContentWhite {
    z-index: 0;
    border-top: 1px solid #0f5b96;
    margin-bottom: 0px;
    margin-top: 0px;  
    width: 854px;
    padding: 35px 0 20px 0;
    background-color: #FFFFFF;
}
 
.boxContentWhite ul li{
    text-align: left;
    margin-left: 20px;
}

div.boxContent3 {
    z-index: 0;
    border-top: 1px solid #0f5b96;
    margin-bottom: 0px;
    margin-top: 0px;  
    width: 854px;
    padding: 35px 0 20px 0;
    background: #FFFFFF url(/img/img11_spkr.gif) repeat-x top;
}
    

/* check one above ------------------- */


.boxContentForm {
    margin: 10px 0;
    width: 60%;
    padding: 5px 0 5px 60px;
    text-align: left;
}

.boxContentForm  ul li{
    text-align: left;
    margin-left: 5px;
}

#contentSpkrShell {
    width: 495px;
    float: left;
    margin: 0 0 20px 0;
    padding: 0;
}

.contentSpkr {
    width: 490px;
    float: left;
    margin: 0;
    padding: 10px 20px;
}

.contentSpkr ul li {
    line-height: 120%;
    margin-left: 20px;
    padding-bottom: 5px;
}

.contentSpkr p {
    padding-left: 24px;
}

/* --------------------- CONTENT 2 ------------------------- */ 

#contentWrapper2 {
    text-align: left;
    margin-top: 30px;
    background: #FFFFFF url(/img/img16_spkr.gif) no-repeat;
    float: left;
    width: 854px;
    margin-left: 30px;
    margin-bottom: 20px;
    z-index: 0;
}

.content2 {
    width: 854px;
    color: #083253;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 20px;
    background-color: #FFFFFF;
}

.content2 a {    
    color: #E8B604;
    font-size: 13px;
    margin-left: 0px;
    margin-right: 0px;
    text-decoration: underline;
}

.content2 a:hover {
    color: #083253;
}

.content2 .links {
    margin: 40px 0 0 0;
    padding: 10px 0px 35px 0px;
    background: url(/img/img06_spkr.gif) repeat-x left bottom;
    border-top: 1px solid #083253;
}

.content2 .links a {
    padding-left: 10px;
    background: url(/img/img10.gif) no-repeat left center;
    text-decoration: none;
    font-weight: bold;
    color: #0f5b96;
    margin-left: 70px;
    margin-right: 10px;
}

.content2 .links a:hover {
    color: #f2cd4b; 
}   

.content2 .title2 {
    margin-left: 40px;
    padding: 0px 30px 0px 0px;
    color: #083253;
}

/* --------------------- HALF WIDE ------------------------- */ 

th.header {
    background-color: #083253;
    color: #FFFFFF;
    height: 30px;
    padding: 5px;
    vertical-align: middle;
    margin: 0;
}

.halfWide1 {
    width: 48%;
    float: left;
    margin: 0 0 10px -40px;
    padding: 1% 2%;
}

.halfWide1 p {
    padding-left: 20px;
}

.halfWide2 {
    margin-left: 50%;
    padding: 0;
    border-left: 1px solid #0f5b96;
}

.halfWide2 ul li {
    line-height: 120%;
    margin-left: -20px;
}

/* --------------------- HR ------------------------- */ 

hr.lightBlue {
    background-color: #D7D7D8;
    color: #D7D7D8;
    height: 1px;
    margin-left: 0px;
    margin-right: 0px;
    border: none;
}

hr.DkBlue {
    background-color: #083253;
    color: #083253;
    height: 1px;
    margin: 0px;
    border: none;
}

/* --------------------- FORM ELEMENTS ------------------------- */ 

.inline {
    display: inline;
}

input, textarea {
    background: #21B6DD;
    border: 1px solid #FFFFFF;
    font: normal 13px Arial, Helvetica, sans-serif;
    color: #0A416B;
}

/* input background */

div.inputWrapper {
    width: 261px;
    background-color: #FFFFFF;
    color: #302721;
    margin-top: 20px;
}

div.inputWrapper input {
    border: 1px solid #073362; 
    padding: 3px;
    height: 22px;
    width: 255px;
    background-color: transparent;
}

.labelName {
    text-align: left;
    font: 12px arial, sans-serif;
    font-weight: bold;
    color: #083253;
    margin-left: 10px;
    padding: 5px 5px 10px 40px;
}

.labelNameRight {
    text-align: right;
    font: 12px arial, sans-serif;
    font-weight: bold;
    color: #083253;
    margin-left: 10px;
    padding: 5px 5px 10px 40px;
}

.fields {
    text-align: left;
    font: 12px / 12px arial, sans-serif;
    font-weight: bold;
    color: #083253;
    padding: 10px 5px; 
}

.fieldsBlue {
    text-align: left;
    font: 12px arial, sans-serif;
    font-weight: normal;
    color: #293A4E;
    padding-left: 40px;
}

/* --------------------- PADDING AND ALIGNMENT ------------------------- */ 

.alignLeft {text-align: left;}

.marginBottom10 {margin-bottom: 10px;} 

.marginBottom20 {margin-bottom: 20px;} 

.marginBottom30 {margin-bottom: 30px;}

.marginLeft40 {margin-left: 40px;}

.marginLeft60 {margin-left: 60px;} 

.marginLeft80 {margin-left: 80px;}

.marginLeft80 {margin-left: 100px;}   

.marginLR30 {margin: 0px 30px;} 

.marginTop20 {margin-top: 20px;} 

.padBothLR20 {padding: 0 20px;}

.paddingBottom10 {padding-bottom: 10px;}

.padding10 {padding: 10px;}

.paddingLeft20 {padding-left: 20px;} 

.paddingLeft30 {padding-left: 30px;} 

.paddingLeft40 {padding-left: 40px;} 

.paddingLeft60 {padding-left: 60px;} 

.paddingTop10 {padding-top: 10px;} 

/* --------------------- MISC ------------------------- */ 

.alignCenter {text-align: center;}

.first {max-width: 150px;}

.checkboxL {
    float: left;
    display: block;
    background-color: #FFFFFF;
    padding: 0  6px 0 0;
    margin: 0 6px 0 0;
}

.clear {
    clear: both;
    padding: 0px;
    margin: 0px;
}

.clearfooter {
    clear: both;
}

.pptYes {
    padding: 10px 35px;
    /*background: url(/img/icon_yes.gif) no-repeat left center;*/
    text-decoration: none;
    font-weight: bold;
    color: #083253;
    margin-left: 40px;
    margin-right: 10px;
}

.pptNo {
    padding: 10px 35px;
    /*background: url(/img/icon_no.gif) no-repeat left center;*/
    text-decoration: none;
    font-weight: bold;
    color: #083253;
    margin-left: 40px;
    margin-right: 50px;
}

.section {
    margin-top: 10px;
    padding: 10px;
    font: 14px / 18px "arial", sans-serif;
    text-align: left;
}

div.section2 {
    margin: 10px 0 0 275px;
    padding: 3px;
    text-align: left;
}

.hotelTable {
    text-align: center;
    padding: 0;
}

/* --------------------- BUTTONS ------------------------- */ 

.orangeWhiteBtn {
    background-color: #f2cd4b;
    color: #990000;
    font: bold 13px Arial, Helvetica, sans-serif;
    padding: 3px 6px;
    border-top: 2px solid #a9b8c3;
    border-right: 2px solid #2f4657;
    border-bottom: 2px solid #2f4657;
    border-left: 2px solid #a9b8c3;
    margin: 2px; 
}

.orangeWhiteBtn:hover {
     background-color: #990000; 
    color: #ffffff;
    font: bold 13px Arial, Helvetica, sans-serif;
    padding: 3px 6px;
    border-top: 2px solid #041a2b;
    border-right: 2px solid #a9b8c3;
    border-bottom: 2px solid #a9b8c3;
    border-left: 2px solid #041a2b;
    margin: 2px; 
}

.orangeBlueBtn {
    background-color: #f2cd4b;
    color: #083253;
    font: bold 13px Arial, Helvetica, sans-serif;
    padding: 3px 6px;
    border-top: 2px solid #a9b8c3;
    border-right: 2px solid #2f4657;
    border-bottom: 2px solid #2f4657;
    border-left: 2px solid #a9b8c3;
    margin: 2px;   
}

.orangeBlueBtn:hover {
    background-color: #083253;
    color: #ffffff;
    font: bold 13px Arial, Helvetica, sans-serif;
    padding: 3px 6px;
    border-top: 2px solid #041a2b;
    border-right: 2px solid #a9b8c3;
    border-bottom: 2px solid #a9b8c3;
    border-left: 2px solid #041a2b;
    margin: 2px;  
}

.loginBtn {
    background-color: #f2cd4b;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 3px 6px;
}

/* --------------------- Basic Button with Border ------------------------- */  

.btnHighlight {
    border: 1px solid #ffffff; 
}

.btnHighlight:hover {
    border: 1px solid #92191c;
}

/* --------------------- SIDEBAR ------------------------- */ 

#sidebarSpkrShell {
    margin-left: 58.5%;
    padding: 0;
    border-left: 1px solid #0f5b96;
}

.sidebarSpkr {
    margin-left: 0%;
    padding: 5px 0 5px 0;
}

.sidebarSpkr p {
    padding-left: 0px;
}

.sidebarSpkr ul li {
    line-height: 120%;
    margin-left: 20px;
}

.sidebarSpkrGradiant2 {
    margin-left: 0%;    
    border-top: 1px solid #0f5b96;
    z-index: 0;
    padding: 35px 0 20px 0;
    background: #FFFFFF url(/img/img11_spkr.gif) repeat-x top;
}

.small {
    font-size: 0.85em;
    padding: 0;
    text-align: left;
}
  
.small a {
    text-decoration: underline;
    color: #083253;
}

.small a:hover {
    text-decoration: none;
    color: #f2cd4b;
}

/* --------------------- SPANS ------------------------- */ 


span.alert{
    color: #990000;
}

span.bold {                         
    font-weight: bold;
}

span.gold {                         
    color: #f2cd4b;
    font-size: 85%; 
}

/* --------------------- START FIELDS ------------------------- */  

td.fieldsContent {
    text-align: center;
    font: 14px / 14px arial, sans-serif;
    font-weight: normal;
    color: #083253;
    border-bottom: 1px solid #f2cd4b;
    background-color: #FFFFFF;
    padding: 4px;
}

td.fieldsContentL {
    text-align: left;
    font: 14px / 14px arial, sans-serif;
    font-weight: normal;
    color: #083253;
    border-bottom: none;
    padding: 4px;
}

th.fieldsCenter {
    text-align: center;
    font: 12px / 14px arial, sans-serif;
    font-weight: bold;
    background-color: #083253;
    color: #ffffff;
    padding: 10px 10px; 
}

th.fieldsContent {
    text-align: left;
    font: 14px / 14px arial, sans-serif;
    font-weight: normal;
    color: #083253;
    border-bottom: 1px solid #000000;
    background-color: #FFFFFF;
    padding: 10px 0;   
}

.th1 {
    background-color: #FFFF9B;
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
    padding: 5px;   
}

.th2 {
    background-color: #FFFFFF;
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
    padding: 5px;
    margin-bottom: 15px;   
}

.width90 {width: 90%;}

/* --------------------- START HORIZONTAL MENU ------------------------- */

ul.horiz {
    padding: 9px 0 0 0;
    font-size: 11px;
}

ul.horiz li{
    display: inline;
    color: #1eb5dd;
}  

/* --------------------- START MAIN NAV ------------------------- */

#nav {
    width: 854px;
    height: 30px;
    position: relative;
    background: url( /img/speaker_nav6.gif );
    margin: 0;
    padding: 0;
}

#nav li {
    float: left;
}

#nav li a {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    display: block;
    height: 30px;
    background: url( /img/speaker_nav6.gif ) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    font-size: 1%;
}

li#nav_home a {
    left: 0px;
    width: 100px;
    background-position: 0 0;
}

li#nav_myContactInfo a {
    left: 100px;
    width: 166px;
    background-position: -100px 0;
}

li#nav_hotel a {
    left: 266px;
    width: 94px;
    background-position: -266px 0;
}

li#nav_uploadBio a {
    left: 360px;
    width: 131px;
    background-position: -360px 0;
}

li#nav_uploadPPT a {
    left: 491px;
    width: 135px;
    background-position: -491px 0;
}

li#nav_summary a {
    left: 626px;
    width: 122px;
    background-position: -626px 0;
}

li#nav_logout a {
    left: 748px;
    width: 106px;
    background-position: -748px 0;
}

li#nav_home a:hover {
    background-position: 0 -30px;
}

li#nav_myContactInfo a:hover {
    background-position: -100px -30px;
}

li#nav_hotel a:hover {
    background-position: -266px -30px;
}

li#nav_uploadBio a:hover {
    background-position: -360px -30px;
}

li#nav_uploadPPT a:hover {
    background-position: -491px -30px;
}

li#nav_summary a:hover {
    background-position: -626px -30px;
}

li#nav_logout a:hover {
    background-position: -748px -30px;
}

#body_home li#nav_home a {
    background-position: 0 -60px;
}

#body_myContactInfo li#nav_myContactInfo a {
    background-position: -100px -60px;
}

#body_hotel li#nav_hotel a {
    background-position: -266px -60px;
}

#body_uploadBio li#nav_uploadBio a {
    background-position: -360px -60px;
}

#body_uploadPPT li#nav_uploadPPT a {
    background-position: -491px -60px;
}

#body_summary li#nav_summary a {
    background-position: -626px -60px;
}

#body_logout li#nav_logout a {
    background-position: -748px -60px;
}


/* --------------------- Begin FOOTER ------------------------- */ 


#footer {
    clear:both;
    position: relative;
    text-align: center;
    bottom: 0px;
    padding: 0;
    background-color: #083253;
    height: 80px;
    width: 100%;
    z-index: 1;
}

#footer p {
    padding: 0 0 25px 0;
    color: #368195;
    font-size: 10px;
}

#footer a {
    color: #368195;
}

#footer a:hover {
    color: #21B6DD;
}
/* end speaker css */