/*  Global Reset
------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit;	font-size: 100%;	font-family: helvetica, arial;	vertical-align: baseline;}:focus {	outline: 0;}body {	line-height: 1;	color: black;	background: white;}ol, ul{	list-style: none;}table {	border-collapse: collapse;	border-spacing: 0;}caption, th, td {	text-align: left;	font-weight: normal;}blockquote:before, blockquote:after,q:before, q:after {	content: "";}blockquote, q{	quotes: "" "";}

html{height: 100.01%;} 
body {height: 100%; position:relative; text-align:center; font: 11px/15px Verdana, sans-serif; background:url(http://www.towersperrin.com/towersperrin/webcast/images/body-background.gif) repeat-x #f5f5f5;  }
h2#font-family{font: bold 12px/15px Verdana; padding: 0 0 10px 0;}
h3{font:bold 15px verdana; margin:0 0 10px;}
H4{font:bold 18px verdana; margin:0 0 5px;}
p, ul {padding: 0; color: #333; margin:0 0 7px;}
strong{ font-weight:bold;}

.round, .r{ border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px;}	

.h{display:none;}

#header{width:925px; height:115px; margin:0px auto; text-align:left;}
#logo{ height:70px; width:200px;}

/*  Wraps the whole page and centers it
------------------------------------------------------------------*/
#wrapper{ text-align:left; margin:0 auto 50px; width:925px; min-height: 100%;  height: auto !important; height: 100%;}

/*  The Container holds the page together
------------------------------------------------------------------*/
#container{width: 905px; padding:10px; overflow: hidden; background:#fff; margin:0 0 30px;}

.left{ width:500px; float:left;}
	h1{ font:bold 18px verdana; color:#666; margin:0 0 10px;}
		h1 span{ font:normal 17px verdana; display:block; margin:6px 0 0 0;}
	
	.left p{ font:12px/19px verdana;  margin:0 0 10px;}
	 .b{font:12px/19px verdana;  list-style:outside disc; margin:0 10px 0 15px!important;}
	 .b li{margin:0 0 8px;}


.multi-series { overflow:hidden;}
	.multi-series li{background:none; padding:0 0 8px 0; overflow:hidden; display:block; _overflow:visible;  _clear:left;}
		.multi-series li input{ float:left; margin:3px 10px 0 0; *margin:0 10px 0 0;}
		.multi-series li label{ width:440px; float:left; margin-bottom:10px; font:12px/17px arial; }
		.multi-series strong{ font:bold 12px arial; color#333;}


.already-registerd{background: url(http://www.towersperrin.com/towersperrin/webcast/images/aready-signed.gif); width:415px; height:186px; padding:10px; color:#fff; margin-left:0; margin-right:0; margin-top:10px; margin-bottom:0}
	.already-registerd h2{font:18px verdana; color:#fff!important; margin:0 0 10px;}
	.already-registerd p{color:#fff; font:14px/22px verdana; padding:0 30px 0 0;}
		.already-registerd ul{ margin:0;}
			.already-registerd ul li{ background:none; padding:0;}
		.already-registerd label{font: 16px verdana; color:white; display:block; margin:5px 10px 0 0; float:left;}
		.already-registerd input{ height:28px; border:1px solid #CCC; width:210px; float:left; margin:0 10px 0 0;}
		.already-registerd .sign-in{ height:30px; border:1px solid #CCC; width:60px;}


#sign-up{ background:#F0F2CC; float:right; width:360px; padding:10px;}
	#sign-up h2{ background:#F7F8E5; color:#666!important; padding:10px; margin:0 0 10px; font:bold 20px arial;}
	#sign-up form { margin:0 0 15px;}
	.sign-up-form li, #aoi li{ overflow:hidden; margin:0 0 5px;}
	.sign-up-form label{ display:block; float:left; width: 120px; font:13px arial;}
	.sign-up-form input{ overflow:hidden; margin:0 0 5px; width:200px;}
	#sign-up p{margin:7px 0; font:13px arial;}
	.mandatory{ color:#990000!important;}


#aoi {overflow:hidden;}
#aoi input{float:left; width:20px; margin:0 10px 0 0;}
#aoi label{ width:300px; font:13px arial;}

.agenda_outer{overflow:hidden;}

	.info{font:12px verdana; color:#333; margin:0px 0 8px 0; overflow:hidden; _height:1%;}
		.info li{ margin:0 0 5px; }
		.date, .time, .duration, .reg {padding:0 0 2px 24px;}
		.title{font-weight:bold; font-size:13px;}
		.date{ background:url(../images/icons/date.png) no-repeat; }
		.time{background:url(../images/icons/time.png) no-repeat; }
					.time a{font:12px verdana; text-decoration:underline; display:block; }
		.duration{background:url(../images/icons/duration.png) no-repeat; }

#today, #upcoming, #archived{ width:30%; float:left; padding:10px; background:#efefef; margin:5px;}
	#today{background:#CCEAF5;}
	#upcoming{background:#D6E0CC;}
	#archived {background:#E8DFD1;}
	
	#today h4{color:#0097CE;}
	#upcoming h4{color:#336600; }
	#archived h4{color:#8F621C;}


		#upcoming .unreg input{ float:left; margin:3px 10px 0 0; *margin:0 10px 0 0;}
		#upcoming .unreg label{width:240px; *width:200px; float:left; margin-bottom:10px; font:12px/17px arial; }
		#upcoming .unreg strong{ font:bold 12px arial; color#333;}


#today .date, #today .time, #today .duration, #today .reg, 
#upcoming .date, #upcoming .time, #upcoming .duration, #upcoming .reg, 
#archived .date, #archived .time, #archived .duration, #archived .reg 
{padding:0 0 2px 0px; background:none;}

.welcome{text-transform: capitalize; font-size:13px; margin:0 0 10px;}

#today .info li, #upcoming .info li, #archived .info li{ margin:0 0 3px; }

#system_check{clear:both; padding:5px 10px 5px 15px; margin:20px 0 10px; position:relative; border-bottom:1px solid #CCEAFD; border-top:1px solid #CCEAFD; background:#E7F5FE; }

#system_check p{margin:0;}
#system_check img{margin:0 10px 0 0; position:relative; top:2px;}

.error{border-bottom:1px solid #FFB2B2; border-top:1px solid #FFB2B2; background:#FFE5E5 url(../graphics/icons/error.png) no-repeat 5px 7px; }
.check{border-bottom:1px solid #B2D1B2; border-top:1px solid #B2D1B2; background:#E5EFE5 url(../graphics/icons/accept.png) no-repeat 5px 7px; }


#not_registered_text{font-size:13px; line-height:20px; margin:15px 0;}

/* Player Page */

#player #wrapper,#player #header{width:850px;}
#player #container{width: 820px;}

#media{float:left; width:240px; margin:10px 30px 0 20px;}

	.downloads {margin:15px 0 0 10px}
	.downloads li {margin:0 0 10px 0; padding:0 0 0 20px; font:12px arial;}
	.downloads .pdf{background:url(../images/icons/pdf.gif) no-repeat;}
	.downloads .help{background:url(../images/icons/help.png) no-repeat;}


#slides{float:left; width:520px; margin:10px 10px 0 0;}
.slide-holder{background:#eee; padding:5px; width:500px; height:auto; margin:0 0 10px;}
	.enlarge{display:block; width:125px; height:30px; background:url(../images/enlarge-slide.1.jpg) no-repeat; position:relative; left:370px;}
	
	.ask-a-question{background:#eee; padding:5px; width:500px; height:auto;}
	.ask-a-question textarea{width:490px; border:1px solid #eee; padding:5px; margin:0 0 7px;}
	.ask-a-question .submit{border:1px solid #999; padding:2px; margin:0 0 5px 5px;}

/*  These styles control Footer
------------------------------------------------------------------*/
#footer, .push { height: 50px;}
div#footer {width: 100%; margin:0px auto; height: 50px; padding-top: 15px; background-position: bottom; bottom:-10px; display:block; clear:both; background-color: #f5f5f5;}

/* UI Modal
----------------------------------*/
.modal-content{ text-align:left;}

.modal  { border:5px solid #eee; padding:10px!important; background:#fff;  text-align:left;}

.modal .ui-widget-header {}
.modal .ui-dialog-title{ font:normal 16px helvetica, arial; width:80%;}
.modal .ui-dialog-content { margin:0; overflow:hidden;}
.modal li{margin:0 0 10px; display:block; overflow:hidden;}
.modal .submit, .modal .submit-ani{border:none;cursor:pointer;display:block;float:left;height:40px;text-indent:-3000px;width:130px; position:relative; margin:10px 0;}
.modal .submit:hover{ background-position:bottom left!important;}

.modal .ui-dialog .ui-dialog-title{*margin:5px;}

.modal .info{margin:10px 0 20px 0;}