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: 49%;
	float: left;
}

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

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

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

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

#wrap h1 {
	color: #900;
	height: 50px;
	font: bold 2.2em Tahoma;
	text-transform: uppercase;
	background: url(images/infor_logo.gif) top right no-repeat;
}

#wrap h2 {
	color: #fff;
	padding: 0 10px 5px;
	border-bottom: 1px solid #ccc;
}

#wrap h3 {
	color: #900;
	margin-bottom: 5px;
}

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

#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: 20px;
}

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

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

#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 .bot {
	height: 6px;
	background: url(images/bot_bg.gif) bottom repeat-x;
}

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

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

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

#wrap div.roundbox .mid {
	border: solid #ddd;
	border-width: 0 1px;
	padding: 10px 10px 0;
	background: #fff url(images/gray_fade.gif) bottom repeat-x;
}

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

#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 .red p.btn a   { background: url(images/button_r_red.gif) no-repeat scroll bottom right; }
#wrap .green p.btn a { background: url(images/button_r_green.gif) no-repeat scroll bottom right; }
#wrap .black p.btn a { background: url(images/button_r_black.gif) no-repeat scroll bottom right; }

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

#wrap .red p.btn a span   { background: url(images/button_l_red.gif) no-repeat bottom left; }
#wrap .green p.btn a span { background: url(images/button_l_green.gif) no-repeat bottom left; }
#wrap .black p.btn a span { background: url(images/button_l_black.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 .red h2   { background-color: #900; }
#wrap .green h2 { background-color: #060; }
#wrap .black h2 { background-color: #000; }

#wrap .green h3 { color: #060; }

#wrap .red .top   { background: #900; }
#wrap .green .top { background: #060; }
#wrap .black .top { background: #000; }

#wrap .red .top span, #wrap .red .bot span     { background: url(images/round_red.gif) no-repeat; }
#wrap .green .top span, #wrap .green .bot span { background: url(images/round_green.gif) no-repeat; }
#wrap .black .top span, #wrap .black .bot span { background: url(images/round_black.gif) no-repeat; }

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