body.webinars {
  margin: 0;
  padding: 0;
  background: #f5f5f5;
}

body.webinars #wrap {
  top: 50%;
  left: 50%;
  width: 700px;
  height: 170px;
  padding: 20px;
  display: block;
  position: absolute;
  border-style: solid;
  border-width: 1px 2px 2px 1px;
  border-color: #ddd #bbb #bbb #ddd;
  margin-top: -105px;  /* half of entire element height */
  margin-left: -370px; /* half of entire element width */
  font: normal .9em/1.6 Arial, Helvetica, sans-serif;
  background: #fff url(images/gray_fade.gif) bottom repeat-x;
}

body.webinars #wrap h1 {
  height: 32px;
  font-size: 2em;
  margin-bottom: 25px;
  padding-left: 160px;
  background-position: left center;
}

body.webinars #wrap p {
  margin: 0;
  padding-bottom: 15px;
}

body.webinars #wrap #download {
  width: 64%;
  float: left;
}

body.webinars #wrap #webex {
  width: 30%;
  color: #900;
  float: right;
  font-size: .85em;
  padding-left: 20px;
  border-left: 1px solid #eee;
}

body.webinars #wrap div.clear {
  clear: both;
}

#wrap {
	color: #000;
	font: 1.1em/1.6 Arial, Helvetica, sans-serif;
}

#wrap #colleft {
	width: 48%;
	float: left;
}

#wrap #colright {
	width: 48%;
	float: right;
}

#wrap h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

#wrap p, ul {
	margin: 0;
	padding: 0 0 5px;
}

#wrap ul {
	color: #000;
/*	font-weight: bold;*/
	padding-left: 15px;
}

#wrap h1 {
	color: #112b3f;
	height: 40px;
	padding-top:10px;
	padding-bottom:1.5em;
	font: bold 2.2em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: url(images/ludeca_logo.gif) top right no-repeat;
}

#wrap h1 span {
	font-weight:lighter;
	text-transform:capitalize;
}

#wrap h2 {
	color: #fff;
	padding: 0 10px 5px;
}

#wrap h3 {
	color: #3f6587;
	text-transform:uppercase;
}

#wrap h3 .blue {
	color: #3f6587;
}

#wrap h3 .gold {
	color: #3f6587;
}

#wrap h3 span {
	font-size: .8em;
	font-weight: normal;
}

#wrap h4,h5, h6 {
	font:bold;
	color:#3f6587;
}


#wrap h4.blue,#wrap h4.blue a, h5.blue,#wrap h5.blue a, h6.blue,#wrap h6.blue a {
	color:#3987c0;
	text-transform:uppercase;
	text-decoration:none;
}

#wrap h4.gold,#wrap h4.gold a,h5.gold,#wrap h5.gold a,h6.gold,#wrap h6.gold a {
	color:#d8a336;
	text-transform:uppercase;
	text-decoration:none;
}

#wrap h4.darkblue,#wrap h4.darkblue a,h5.darkblue,#wrap h5.darkblue a,h6.darkblue,#wrap h6.darkblue a {
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
}

#wrap p.webex_disclaimer {
	color: #999;
	margin-top: -10px;
	padding-bottom: 10px;
}

#wrap div.left {
	width: 49%;
	float: left;
}

#wrap div.right {
	width: 49%;
	float: right;
}

#wrap div.roundbox {
	display: block;
	margin-bottom: 10px;
}

#wrap .title { margin-bottom:.5em; }

#wrap div.roundbox div.title {
	background-color:#FFF;
	height:33px;
	width:100%;
}

#wrap .darkblue h4 {
	color:#FFF;
}

#wrap .title_text {
	font: bolder 2em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	height:33px;
	padding-left:5px;
	padding-right:5px;
	vertical-align:middle;
}

#wrap .blue .title_text { color:#112b3f; }

#wrap .blue .lb {
	float:left;
	width:29px;
	height:33px;
	display:inline-block;
	background-image:url(images/blue_lines_left.gif);
}

#wrap .blue .rb {
	width:252px;
	height:33px;
	display:inline-block;
	float:right;
	background-image:url(images/blue_lines_right.gif);
	background-repeat:no-repeat
}


#wrap .gold .title_text { color:#d8a336; }

#wrap .gold .lb {
	float:left;
	width:29px;
	height:33px;
	display:inline-block;
	background-image:url(images/gold_lines_left.gif);
}

#wrap .gold .rb {
	width:62px;
	height:33px;
	display:inline-block;
	float:right;
	background-image:url(images/gold_lines_right.gif);
	background-repeat:no-repeat
}

#wrap .gold .mid {
	background-color:#faf6ec;
}

#wrap .darkblue .mid {
	color:#fff;
}


#wrap div.roundbox .top span, #wrap div.roundbox .bot span {
	width: 20px;
	height: 20px;
	display: block;
	overflow: hidden;
}


#wrap div.roundbox .top .tl {
	float: left;
	background-position: 0% 0%;
}

#wrap div.roundbox .top .tr {
	float: right;
	background-position: 100% 0%;
}

#wrap div.roundbox .top{
	height: 10px;
}

#wrap .blue .bot {
	height: 20px;
	background: url(images/blue_bottop.gif) bottom repeat-x;
}

#wrap .gold .bot {
	height: 20px;
	background: url(images/gold_bottop.gif) bottom repeat-x;
}

#wrap .darkblue .bot {
	height: 20px;
	background: url(images/darkblue_bottop.gif) bottom repeat-x;
}
 

#wrap div.roundbox .bot span { height: 20px; }

#wrap div.roundbox .bot .bl {
	float: left;
	background-position: 0% 100%;
}

#wrap div.roundbox .bot .br {
	float: right;
	background-position: 100% 100%;
}

#wrap .blue .mid {
	padding: 10px 13px 0;
	background: #fff url(images/blue_bg.gif) repeat-y;
}


#wrap .gold .mid {
	padding: 10px 13px 0;
	background: #fff url(images/gold_bg.gif) repeat-y;
}


#wrap .darkblue .mid {
	padding: 10px 13px 0;
	background: #fff url(images/darkblue_bg.gif) repeat-y;
}


#wrap div.roundbox .mid img { float: left;}

#wrap div.roundbox img.left { float:left; padding:10px; }

#wrap div.roundbox img.right { float:right; padding:10px; }

#wrap div.roundbox .mid img.energy_star { padding-right: 10px; }

#wrap div.roundbox .mid .wider {
	float: right;
	width: 365px;
	margin-bottom: 15px;
}

#wrap div.roundbox .mid .narrower {
	float: right;
	width: 305px;
	margin-bottom: 15px;
}

#wrap p.btn {
	display: block;
	overflow: hidden;
	margin-top: -10px;
}

#wrap p.btn a {
	float: left;
	height: 26px;
	display: block;
	margin-right: 6px;
	padding-right: 10px;
	font: bold 11px arial, sans-serif;
}

#wrap #colleft hr { border:none; border-bottom:1px solid #3f6587;}
#wrap #colright hr { border:none; border-bottom:1px solid #d8a336;}

#wrap .blue p.btn a   { background: url(images/blue_corner.gif) no-repeat scroll bottom right; }
#wrap .gold p.btn a { background: url(images/gold_corner.gif) no-repeat scroll bottom right; }
#wrap .darkblue p.btn a { background: url(images/darkblue_corner.gif) no-repeat scroll bottom right; }

#wrap p.btn a span {
	color: #fff;
	display: block;
	line-height: 14px;
	padding: 6px 0 6px 10px;
}

#wrap .blue p.btn a span   { background: url(images/blue_corner.gif) no-repeat bottom left; }
#wrap .gold p.btn a span { background: url(images/gold_corner.gif) no-repeat bottom left; }
#wrap .darkblue p.btn a span { background: url(images/darkblue_corner.gif) no-repeat bottom left; }

#wrap p.btn a:hover { background-position: top right; }

#wrap p.btn a:hover span {
	color: #fff;
	background-position: top left;
}

#wrap .blue h2   { text-transform:uppercase; }
#wrap .gold h2 { background-color: #d8a336; text-transform:uppercase; }
#wrap .black h2 { background-color: #000; }

#wrap .gold h3 { color: #d8a336; }

#wrap .blue .top   { background: #fff; background: url(images/blue_bottop.gif) top repeat-x;}
#wrap .gold .top { background: #fff; background: url(images/gold_bottop.gif) top repeat-x; }
#wrap .darkblue .top { background: #000; background: url(images/darkblue_bottop.gif) top repeat-x;}

#wrap .blue .top span, #wrap .blue .bot span     { background: url(images/blue_corner.gif) no-repeat; }
#wrap .gold .top span, #wrap .gold .bot span { background: url(images/gold_corner.gif) no-repeat; }
#wrap .darkblue .top span, #wrap .darkblue .bot span { background: url(images/darkblue_corner.gif) no-repeat; }

span.disclaimer {
  color: #666;
  display: block;
  font-size: 10px;
  font-weight: normal;
  margin: -3px 0 5px;
}