/* Auditoriums for customers - WorkCast 2009 */

* {border:none; padding: 0; margin: 0; font-family: Arial, Helvetica, Verdana, sans-serif;}
html {min-height:100%; width:100%; background: none #000;}
body {direction: ltr; font-size:100%; min-height:100%; color:#fff; width:auto; text-align:center; }

img {border:none; padding: 0; margin: 0}

#wrapper {text-align:center; min-height:100%; width:100% }

#fixed {width: 900px; margin-left: auto; margin-right: auto; text-align:left; color: #fff;}
.clear {clear:both;}
.block {display:block}
.inline {display:inline}
.hide {display:none}

#header {background: url(../images/auditoriumHeaderBG_1024.jpg) left top no-repeat transparent; height:116px; width:900px; margin-bottom:0; float:left; }
#headerLeft {float:left; padding-top:0}
#headerRight {float:right}
#headerRight span#name {padding-top:89px;float:left; background: none transparent; display:block; height:27px; width:400px; font-size: .7em; color:#787777; text-align:right; padding-right:9px; vertical-align:bottom}
#headerRight span#name span {color:#b4b2b2}
#headerRight span#photo {float:left; background: none transparent; display:block; height:102px; width:105px; padding-top:14px}
#headerRight span#photo img {border: 8px solid #8c8a8a}

#infoBar {background:url(../images/infoBarBG.gif) left bottom repeat-x transparent; color:#fff; height:43px; margin-bottom:11px; float:left; width:900px; padding-top:0}

#infoBar p {float:left; color:#444; padding:15px 0 0 39px; font-size: .7em}
#infoBar p span {display:inline; color:#0084ff; font-size: 1em; padding:0; font-weight:bold}
#infoBar span#connectionProblems {float:right; display:none; font-size: .8em;  padding-top:10px; font-size: .7em; font-weight:normal; margin-right:19px}
#infoBar span#connectionProblems img {padding-top: 0; margin-left:0; margin-right:6px; vertical-align:middle;}

#infoBar span#connectionProblems a {color:#444;}
#infoBar span#connectionProblems a:hover {background:none #5d5d5d; color:#fff; text-decoration: none}

#contentWrapper {position:relative; width:775px; float:left; padding:0 36px 16px 125px;}

#contentWrapper #tabs {width:320px; float:left; position:relative; height:32px; margin-bottom:-4px;}

#contentWrapper ul {list-style:none; font-size: .7em; width:auto; margin-left:10px; margin-top:14px; margin-bottom:7px}
#contentWrapper ul li {padding-bottom:10px;}
#contentWrapper a {color:#e2e2e2}
#contentWrapper a:visited {color:#e2e2e2}
#contentWrapper a:hover {color:#434242; background: none #fff; text-decoration:none}

#contentWrapper p {font-size: .7em; width:auto; margin:14px 10px 10px 10px; color:#e2e2e2}
#contentWrapper p span {color:#b4b2b2}

/*Popups above video */

#info {display:block; width:109px; height:28px; position:relative; background: url(../images/webcastInfo.gif) left top no-repeat #434242; float:left; margin-right:3px; cursor:pointer}

#downloads {display:block; width:99px; height:28px; position:relative; background: url(../images/downloads.gif) left top no-repeat #434242; float:left; margin-right:3px; cursor:pointer} 

#blog {display:block; width:104px; position:relative; height:28px; background: url(../images/blog.gif) left top no-repeat #434242; float:left; cursor:pointer} 

#popupContent {display:none; background: none #434242; position:absolute; bottom:35px; width:381px;}

#popupContent #blogLinks {display:block; height:12px; width:auto; font-size:.7em; text-align:right; padding-bottom:10px; padding-right: 5px; padding-top:5px; margin-right:10px; margin-left:10px; border-top:1px solid #787777}

#popupClose {float:right; width:14px; height:14px; cursor:pointer; display:block; background: url(../images/audPopupClose.gif) left top no-repeat transparent; }
#popupClose:hover {background: url(../images/audPopupClose.gif) left -14px no-repeat transparent;}

/*************************************** Footer ******************************************/

#pageFooter {width:900px; position:relative; float:left; height:32px; text-align:center; font-family:Verdana, Arial, sans-serif; font-weight:normal; background: url(../images/footerBG.gif) top left repeat-x transparent;}

#pageFooter ul {padding: 12px 0 0 0;  margin-left:0; font-size:.7em; list-style:none}
#pageFooter li {padding: 0 8px 0 14px; display:inline; color:#e4e4e4; background: url(../images/pageFooterDivider.gif) left top repeat-y transparent; margin:0;}
#pageFooter li#footerListStart {background:none transparent;}

#pageFooter a {color:#4f4f4f; background:none transparent; } 
#pageFooter a:link{text-decoration:none;}
#pageFooter a:active{text-decoration:none;}
#pageFooter a:visited{text-decoration:none;}
#pageFooter a:hover{color:#fff; background:none #4f4f4f; text-decoration:none;}