/* first set everything to default values -- we do this to fix the issues we run into with mainly ie with random padding and borders */

* { top:0px; left:0px; margin:0px; padding:0px; border:solid 0px; font-family:Arial; }
input, select { border:solid 1px #9cb2ce; } 
a { text-decoration:none; color:#215D9C; }
a:hover { text-decoration:underline; }

.AdminTopBar { position:relative; background-color:#040083; font-weight:bold; font-size:12px; color:yellow; padding:4px; width:100%; min-height:40px;  border-bottom:solid 1px #fff;}
.AdminTopBar .TopBarTitle { position:relative; margin:auto; font-weight:bold; width:300px; font-size:16px; color:white;}
.AdminTopBar a { color:yellow; }
/*******************************************************************************/

body#WebinarBody { padding:0px; margin:0px; width:100%; height:100%; background-color:#215D9C; }

body#WebinarBody .wrapper { height:100%; width:990px; margin:auto; background:URL('../images/borderSides.jpg'); }
body#WebinarBody .wrapper .borderTop { position:relative; float:left; }
body#WebinarBody .wrapper .middle { width:930px; margin:auto; }
body#WebinarBody .wrapper .borderBottom { position:relative; height:37px; }

body#WebinarBody .wrapper .middle .redHead {
	color: #FF0000;
	font-size: 26px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 10px;
}
body#WebinarBody .wrapper .middle .vidHead {
	font-size: 20px;
	font-weight: 700;
	text-align: center;
}

body#WebinarBody .wrapper .middle ol {
 margin-left:45px;
}
body#WebinarBody .wrapper .middle ul {
 margin-left:45px;
}
body#WebinarBody .wrapper .middle .vidTbl { 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	width: 100%;
	border: 1px solid #333333;
	border-bottom: 3px solid #666666;
	border-right: 2px solid #999999;
	padding: 10px;
	margin: 20px auto 20px auto;
	background-color: #FFFFCC;
	font-size:90%;
}
body#WebinarBody .wrapper .middle .vidTbl td {
	vertical-align: top;
}
body#WebinarBody .wrapper .middle .vidTbl img {	border: none; }

body#WebinarBody .wrapper .middle .OptInFrame { position:absolute; width:100%; height:100%; font-size:16px; }

body#WebinarBody .wrapper .middle .OptInPage { height:918px;   }
body#WebinarBody .wrapper .middle .OptInPage .leftContainer { width:500px; float:left; }
body#WebinarBody .wrapper .middle .OptInPage .leftContainer .AllNew { width:500px; font-style:italic; }
body#WebinarBody .wrapper .middle .OptInPage .leftContainer .IncreasePro { padding-top:15px; width:500px; color:#A50021; font-size:36px; text-align:center; font-weight:bold; }
body#WebinarBody .wrapper .middle .OptInPage .leftContainer .MainInfo { padding-top:15px; font-weight:normal;  width:315px; float:left; }

body#WebinarBody .wrapper .middle .OptInPage .leftContainer .MainInfo li { padding-bottom:20px; }
body#WebinarBody .wrapper .middle .OptInPage .leftContainer .WatchFor { width:120px; float:right; font-weight:bold; font-size:14px; }


body#WebinarBody .wrapper .middle .OptInPage .rightContainer { width:400px; float:left; }
body#WebinarBody .wrapper .middle .OptInPage .rightContainer .video {  }
body#WebinarBody .wrapper .middle .OptInPage .rightContainer .arrows { width:248px; margin:auto; }
body#WebinarBody .wrapper .middle .OptInPage .rightContainer .form p { text-align:center; }
body#WebinarBody .wrapper .middle .OptInPage .rightContainer .form .cds img {  position:relative; float:left; }
body#WebinarBody .wrapper .middle .OptInPage .rightContainer .form .cds span { width:260px;  padding-left:3px; font-size:14px; position:relative; float:left; }
body#WebinarBody .wrapper .middle .OptInPage .rightContainer .form .cds span span.red { color:Red; font-weight:bold; width:180px; padding-top:0px; }
body#WebinarBody .wrapper .middle .OptInPage .rightContainer .form .value { font-weight:bold; font-size:24px; }
body#WebinarBody .wrapper .middle .OptInPage .rightContainer .form .date {  }
body#WebinarBody .wrapper .middle .OptInPage .rightContainer .form .watchVideo { font-weight:bold; }
body#WebinarBody .wrapper .middle .OptInPage .rightContainer .form .watchAnytime { font-style:italic; font-size:12px; }
body#WebinarBody .wrapper .middle .OptInPage .rightContainer .form .SignUp { font-weight:bold; border:none; font-size:18px; background:orange; }
body#WebinarBody .wrapper .middle .OptInPage .rightContainer .star { font-size:12px; color:gray; width:320px; margin:auto; }

body#WebinarBody .wrapper .middle .YourInPage { height:700px; }
body#WebinarBody .wrapper .middle .YourInPage .leftContainer { width:500px; float:left; }
body#WebinarBody .wrapper .middle .YourInPage .leftContainer .redHead { color: #aa0000;	font-size: 32px; font-weight: 700; text-align: center; margin-bottom: 10px; }
body#WebinarBody .wrapper .middle .YourInPage .leftContainer .ReturnOn { font-size:24px; font-style:italic; text-align:center; }
body#WebinarBody .wrapper .middle .YourInPage .leftContainer .ReturnOn span.ClickToPrint a { color:#FF0000; font-size:16px; text-decoration:underline; }
body#WebinarBody .wrapper .middle .YourInPage .leftContainer .Text p { padding-bottom:10px; }
body#WebinarBody .wrapper .middle .YourInPage .leftContainer .ReturnOn span.bookmarkThis a { font-size:16px; text-decoration:underline; }

body#WebinarBody .wrapper .middle .YourInPage .rightContainer { width:400px; float:left; height:600px; border:dashed 2px #000000; padding:10px; }
body#WebinarBody .wrapper .middle .YourInPage .rightContainer .video {  }
body#WebinarBody .wrapper .middle .YourInPage .rightContainer .video #vidDiv { width:400px; }
body#WebinarBody .wrapper .middle .YourInPage .rightContainer .Text {  }
body#WebinarBody .wrapper .middle .YourInPage .rightContainer .Text p.large { font-size:24px; font-weight:bold; }
body#WebinarBody .wrapper .middle .YourInPage .rightContainer .Text ul li { padding-bottom:10px; padding-top:10px; }

body#WebinarBody .wrapper .middle .YourInPageVid { height:880px; }
body#WebinarBody .wrapper .middle .YourInPageVid .leftContainer { width:500px; float:left; }
body#WebinarBody .wrapper .middle .YourInPageVid .leftContainer .redHead { color: #aa0000;	font-size: 32px; font-weight: 700; text-align: center; margin-bottom: 10px; }
body#WebinarBody .wrapper .middle .YourInPageVid .leftContainer .ReturnOn { font-size:24px; font-style:italic; text-align:center; }
body#WebinarBody .wrapper .middle .YourInPageVid .leftContainer .ReturnOn span.ClickToPrint a { color:#FF0000; font-size:16px; text-decoration:underline; }
body#WebinarBody .wrapper .middle .YourInPageVid .leftContainer .Text p { padding-bottom:10px; }
body#WebinarBody .wrapper .middle .YourInPageVid .leftContainer .ReturnOn span.bookmarkThis a { font-size:16px; text-decoration:underline; }

body#WebinarBody .wrapper .middle .YourInPageVid .rightContainer { width:400px; float:left; height:600px; border:dashed 2px #000000; padding:10px; }
body#WebinarBody .wrapper .middle .YourInPageVid .rightContainer .video {  }
body#WebinarBody .wrapper .middle .YourInPageVid .rightContainer .video #vidDiv { width:400px; }
body#WebinarBody .wrapper .middle .YourInPageVid .rightContainer .Text {  }
body#WebinarBody .wrapper .middle .YourInPageVid .rightContainer .Text p.large { font-size:24px; font-weight:bold; }
body#WebinarBody .wrapper .middle .YourInPageVid .rightContainer .Text ul li { padding-bottom:10px; padding-top:10px; }



body#WebinarBody .wrapper .middle .YourInPageVid .BonusContainer { width:500px; }
body#WebinarBody .wrapper .middle .YourInPageVid .BonusContainer .leftContainer img {  position:relative; float:left; }
body#WebinarBody .wrapper .middle .YourInPageVid .BonusContainer .leftContainer span { width:312px; padding-top:5px; padding-left:3px; font-size:14px; position:relative; float:left; }
body#WebinarBody .wrapper .middle .YourInPageVid .BonusContainer .leftContainer span span.red { color:Red; font-weight:bold; width:160px; padding-top:0px; }

body#WebinarBody .wrapper .middle .PlayVideo { height:3080px; }
body#WebinarBody .wrapper .middle .PlayVideo .pnlOneDayPlay { font-size:14px; text-align:right; color:#FF0000; width:240px; }
body#WebinarBody .wrapper .middle .PlayVideo .pnlOneDayPlay .ClickToPlay { width:220px; }


body#WebinarBody .wrapper .middle .PlayVideo { height:3080px; }
body#WebinarBody .wrapper .middle .PlayVideo .pnlOneDayPlay { font-size:14px; text-align:right; color:#FF0000; width:240px; }
body#WebinarBody .wrapper .middle .PlayVideo .pnlOneDayPlay .ClickToPlay { width:220px; }

body#WebinarBody .wrapper .middle .campaignTable { position:relative; font-size:10px; }
body#WebinarBody .wrapper .middle .campaignTable tr th { padding:5px; font-size:12px }
body#WebinarBody .wrapper .middle .campaignTable tr td { padding:5px; }

body#WebinarBody .wrapper .middle p { margin-top:10px; margin-bottom:10px; }
body#WebinarBody .wrapper .middle .MultiDay h1 { color:#FF0000; font-size:18px; }
body#WebinarBody .wrapper .middle .MultiDay { color:#555555; font-weight:bold; font-size:12px; }
body#WebinarBody .wrapper .middle .curtainWrapper { position:relative; width:478px; height:300px; }
body#WebinarBody .wrapper .middle .curtainWrapper img { position:absolute; }
body#WebinarBody .wrapper .middle .curtainWrapper .overlay { position:relative; top:90px; left:85px; width:223px; height:100px;  color:#FFFBFF;  text-align:center; line-height:26px; font-size:20px;}

/* Instant Access opt in page */
body#WebinarBody .wrapper .middle .OptInPageInstantAccess { height:815px;   }
body#WebinarBody .wrapper .middle .OptInPageInstantAccess .leftContainer { width:500px; float:left; }
body#WebinarBody .wrapper .middle .OptInPageInstantAccess .leftContainer .AllNew { width:500px; font-style:italic; }
body#WebinarBody .wrapper .middle .OptInPageInstantAccess .leftContainer .IncreasePro { padding-top:15px; width:500px; color:#A50021; font-size:36px; text-align:center; font-weight:bold; }
body#WebinarBody .wrapper .middle .OptInPageInstantAccess .leftContainer .MainInfo { padding-top:15px; font-weight:normal;  width:315px; float:left; }
body#WebinarBody .wrapper .middle .OptInPageInstantAccess .leftContainer .MainInfo li { padding-bottom:20px; }
body#WebinarBody .wrapper .middle .OptInPageInstantAccess .leftContainer .WatchFor { width:120px; float:right; font-weight:bold; font-size:14px; }

body#WebinarBody .wrapper .middle .OptInPageInstantAccess .rightContainer { width:400px; float:left; }
body#WebinarBody .wrapper .middle .OptInPageInstantAccess .rightContainer .video {  }
body#WebinarBody .wrapper .middle .OptInPageInstantAccess .rightContainer .arrows { width:248px; margin:auto; }
body#WebinarBody .wrapper .middle .OptInPageInstantAccess .rightContainer .form p { text-align:center; }
body#WebinarBody .wrapper .middle .OptInPageInstantAccess .rightContainer .form .value { font-weight:bold; font-size:24px; }
body#WebinarBody .wrapper .middle .OptInPageInstantAccess .rightContainer .form .date {  }
body#WebinarBody .wrapper .middle .OptInPageInstantAccess .rightContainer .form .watchVideo { font-weight:bold; font-size:28px; }
body#WebinarBody .wrapper .middle .OptInPageInstantAccess .rightContainer .form .watchAnytime { font-style:italic; font-size:12px; }
body#WebinarBody .wrapper .middle .OptInPageInstantAccess .rightContainer .form .SignUp { font-weight:bold; border:none; font-size:18px; background:orange; }
body#WebinarBody .wrapper .middle .OptInPageInstantAccess .rightContainer .star { font-size:12px; color:gray; width:320px; margin:auto; }

body#WebinarBody .wrapper .middle .EventOver { position:relative; width:630px; margin:auto; font-size:24px; }
body#WebinarBody .wrapper .middle .EventOver h1 { font-size:52px; }
body#WebinarBody .wrapper .middle .EventOver .red { color:Red; }
body#WebinarBody .wrapper .middle .EventOver .DarkRed { color:#A50021; }