/* Basic Globals */
*		{ font-family:Arial, Helvetica, sans-serif; }
body	{ background-color: padding: 0px; margin: 0px; }
hr 		{ display: none; visibility: hidden; }
img		{ border: 0px solid; }

/* Global Text Stylings */
p				{ font-size: 12px; font-weight: normal; color: #000000;}
.bold			{ font-weight: bold; }
.standout		{ font-size: 14px; font-weight: bold; }
.color_standout	{ font-size: 16px; font-weight: bold; color: #C90; }
.highlight		{ background-color: #00aaef; color: #ffffff; font-weight: bold; padding: 2px 5px; display: inline-block;}
.smallprint		{ font-size: 10px; }
h2				{ font-size: 28px; color: #74adc2; }
h3				{ font-size: 22px; color: #448aa4; }
a 				{ text-decoration: none;  }

ul.list {
	font-size		: 12px;
	color			: #000000;
	font-weight		: bold;
	list-style		: none outside none;
	margin			: 20px 0px 20px 0px;
}
ul.list li{
	position		: relative;
	top				: 5px;
	margin			: 10px 0px 0px 0px;
	background		: url('images/arrow_right_states.png') no-repeat 0px -30px;
	padding			: 0px 40px 0px 20px;
}
ul.list li span{ color: #005596;}
ul.list a				{ text-decoration: none; color: #005596; font-weight: bold; padding: 2px 5px; }
ul.list a:hover		{ background-color: #F19120; color: #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

ul.list a.email		{ text-decoration: none; color: #000000; font-weight: bold; padding: 2px 5px; }
ul.list a.email:hover	{ background-color: #F19120; color: #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

ol.list {
	font-size		: 18px;
	font-weight		: bold;
	color			: #f19120;
}
ol.list li{

}
ol.list li span{ color: #005596; font-size	: 14px;}
ol.list li p {font-weight : bold; color: #000000; font-size	: 13px;}
/* Layouts */
body {
	background		: #67879a url('images/back_rep.jpg') repeat-y center;
}
#container {
	position		: relative;
	top				: 50px;
	margin			: 0px auto;
	width			: 988px;
	margin-bottom	: 100px;
}
#header	{
	position		: relative;
	left			: 0px;
	top				: 0px;
	width			: 988px;
	height			: 60px;
	padding			: 0px;
	background		: url('images/header.png');
}
	#header h1 			{ font-size : 16px margin : 0px; padding : 0px; }
	#header h1 a		{ position: absolute; top: 0px; left: 0px; display: block; background-image: url('images/logo.png'); width: 200px; height: 40px;}
	#header h1 a span	{ display: none; }
	#header h2 			{ position: absolute; top: 50px !important; top: 70px; left: 10px; width: 516px; height: 106px; background-image: url('images/title.png')}
	#header h2 span		{ display: none; }
	
#navigation {
	position		: absolute;
	right			: 0px;
	top				: 0px;
	width			: 800px;
	height			: 40px;
}
	#navigation h3 		{ font-size: 17px; margin: 0px; padding: 12px; display: none; }
	#navigation ul 		{ position: absolute; top: 10px; right:0px; list-style: none; margin: 0px; padding: 0px; padding-right: 20px; }
	#navigation ul li 	{ display: inline; margin-left: 2px; padding: 0px; font-size: 12px color: #74adc2; }
	#navigation a		{ color: #74adc2; text-decoration: none; font-size: 12px; font-weight: bold; padding: 2px 5px; border: 1px solid #c5d9e0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	#navigation a:hover	{ background-color: #74adc2; color: #ffffff; border: 1px solid #4c8ca3; }
	#navigation a.emph	{ color: #dbb132; text-decoration: none; font-size: 12px; font-weight: bold; }
	#navigation a.emph:hover	{ background-color: #dbb132; color: #ffffff; }
	#navigation a#selected	{ background-color: #dbb132; color: #ffffff; border: 1px solid #F19120;}
	#navigation a#selected:hover	{ background-color: #dbb132; color: #ffffff; }

#location {
	position		: absolute;
	right			: 0px;
	top				: -20px;
	width			: 200px;
	height			: 20px;
}
	#location h3 		{ font-size: 12px; margin: 0px; padding: 2px 8px; display: inline; background-color: #F19120; color: #ffffff; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
	#location form		{ display: inline; }
	#location select		{ display: inline; border: 1px solid #dedede; font-size: 10px}
	
	
#content	{
	position		: relative;
	left			: 10px;
	top				: 90px;
	width			: 968px;
}
	.page				{ padding: 5px; position: relative; left: 0px; clear: both;}
	.page a.link				{ text-decoration: none; color: #F19120; font-weight: bold; padding: 2px 5px; }
	.page a.link:hover		{ background-color: #F19120; color: #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	.page h2			{ margin: 0px 0px 0px 0px; padding: 0px 0px; font-size: 28px; color: #74adc2; }
	.page h3			{ margin: 0px 0px 0px 0px; padding: 0px 0px; font-size: 22px; color: #448aa4; }
	
#resources {
	position		: relative;
	float			: left;
	left			: 0px;
	top				: 0px;
	width			: 590px;
	height			: 50px;
	margin-top		: 30px;
	clear:both;
}
	#resources h3 		{ font-size: 14px; margin: 0px; padding: 12px; display: none; }
	#resources ul 		{ list-style: none; margin: 0px; padding: 0px; padding-right: 20px !important; padding-right: 10px; width: 100%; }
	#resources ul li 	{ display: inline; margin-left: 2px; padding: 0px; font-size: 12px color: #ffffff; }
	#resources ul li a 	{ width: 140px; height: 50px; display: inline-block; }
	#resources ul li a span 	{ display: none; }
	
	#resources ul li a	{ background-position: 0px 0px; }
	#resources ul li a:hover	{ background-position: 0px 50px; }
	
p.quote	{ color: #00516f; font-size: 12px; font-weight: bold; text-align: right; margin-bottom: 5px;}
p.source	{ color: #000000; font-size: 9px; text-align: right; margin-top: 0px;}
	p.source span.name	{ font-weight: bold; margin-left: 5px; }
	p.source span.pos	{ font-style: italic; margin-left: 5px; }
	p.source span.comp	{ color: #74adc2; margin-left: 5px; }

#footer {
	position		: relative;
	top				: 10px;
	left			: 0px;
	width			: 988px;
	height			: 50px;
	background		: url('images/footer.png');
	clear			: both;
}
	#footer p 			{ position: relative; width: 500px; top: 50px; left: 0px; margin: 0px; padding: 0px; font-size: 10px; color: #000000;}
	
#sm {
	position		: relative;
	right			: 0px;
	top				: 0px;
	height			: 40px;
}
	#sm h3 		{ font-size: 17px; margin: 0px; padding: 12px; display: none; }
	#sm ul 		{ position: absolute; top: 10px; right:0px; list-style: none; margin: 0px; padding: 0px; padding-right: 20px; }
	#sm ul li 	{ display: inline; margin-left: 5px; padding: 0px; font-size: 16px color: #ffffff; }
	#sm img 	{ width: 20px; height : 20px }

#chat {
	position		: absolute;
	top				: 0px;
	right			: 20px;
	width			: 214px;
	height			: 68px;
}

#banner_dropdown {
	width					: 283px;
	height					: 49px;
	position				: relative;
	float					: right;
	top						: -75px;
	right					: 20px;
	display					: block;
	z-index					: 2;
}
	
	#banner_dropdown h3 {
		margin			: 0px 0px 0px 0px;
		padding			: 0px 0px 0px 0px;
	}
	
	#banner_dropdown h3, #banner_dropdown h3 a, #banner_dropdown h3 a:hover{
		width				: 283px;
		height				: 49px;
		display				: block;
		background-repeat	: no-repeat;
		list-style			: none;
	}
	#banner_dropdown h3 a,
	#banner_dropdown h3 a:link		{ background-position: 0px 0px; }
	#banner_dropdown h3 a:hover		{ background-position: 0px -50px; }
	#banner_dropdown h3 a span		{ display:none; visibility:hidden; }
	
	#banner_dropdown h3 a			{ background: url('images/btn_drpd_10.png'); }

	#panelcont {
		position: relative;
		top: -10px;
		left: 2px;
		width: 283px;
		margin: 0px 0px 0px 0px;
	}
	
	#panel {
		position: absolute;
		width: 283px;
		height: 390px;
		display: none;
		margin: 0px 0px 0px 0px;
		background: url('images/drpd_bg.png') no-repeat bottom left;
		padding: 0px 0px 0px 0px;
		z-index: 2;
	}
	
	ul#panel_bullets {
		font-size		: 12px;
		color			: #000000;
		font-weight		: bold;
		list-style		: none outside none;
		margin			: 20px 0px 20px 0px;
		position		: relative;
		left			: 0px !important;
		left			: 20px;
	}
	ul#panel_bullets li{
		position		: relative;
		top				: 5px;
		display			: block;
		clear			: right;
		margin			: 10px 0px 0px 0px;
		background		: url('images/arrow_right_states.png') no-repeat 0px -30px;
		padding			: 0px 40px 0px 20px;
	}
	ul#panel_bullets li span{ color: #005596;}
	
table.pricing {
	width: 550px;
	padding: 20px 0 20px 0;
	margin: 0;
}
.pricingtxt {
	font: normal 14px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
}
h3.pricingtxt {
	font: bold 14px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	padding: 20px 0px 0px 0px;
}

.smallprint {
	padding: 0 0 5px 0;	 
	font: italic 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

table.pricing th {
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.png) no-repeat;
}

table.pricing th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
	text-align:left;
	text-decoration:none;
}

table.pricing td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	text-align:center;
	font: normal 12px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
}


table.pricing td.alt {
	background: #F5FAFA;
	color: #797268;
}
table.pricing th span {
	display: block;
	font-style: italic;
	font-size: 10px;
	text-transform:none;
}

table.pricing td span {
	display: block;
	font-style: italic;
	font-size: 10px;
	text-transform:none;
	padding-top: 20px;
}

table.pricing th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

table.pricing th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 17px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
	text-align: left;
}
input.center { display: block; clear: both; margin: 0px auto 5px auto;}
table.pricing td.highlight_col {
	background-color: #fde5cb;
	color: #cc6e0a;
	font-weight: bold;
		
}
table.pricing th.highlight_col {
	background: #7cadb6 url(images/bg_header_hov.png) no-repeat;
	color: #ffffff;
	font-weight: bold;		
}

ul#videos 		{ position: relative; top: 10px; right:0px; list-style: none; margin: 0px; padding: 0px; padding-right: 20px; }
ul#videos li 		{ display: block; height: 100px; margin: 0px 0px 0px 0px; padding: 0px; font-size: 12px color: #ffffff; }

ul#videos h4 a 		{ color: #005596; text-decoration: none; font-size: 12px font-weight: bold; padding: 2px 5px;}
ul#videos a:hover	{ background-color: #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ul#videos h4 a:hover	{ color: #ffffff; background-color: #f19120; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ul#videos p a:hover	{ color: #ffffff; background-color: #333333; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

ul#videos li div	{ float: left; }
ul#videos h4		{ font-size: 12px; color: #333333; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 10px; }
ul#videos p a		{ font-size: 10px; color: #333333; margin: 10px 0px 0px 10px; padding: 2px 5px;	}
ul#videos img { border: 1px solid #aeaeae; }

	ul.tablinks  		{ position: relative; top: 10px; right:0px; list-style: none; margin: 0px 0px 30px 0px; padding: 0px; }
	ul.tablinks li 	{ display: inline; margin-left: 2px; padding: 0px; font-size: 16px color: #74adc2; }
	ul.tablinks a		{ color: #ffffff; text-decoration: none; font-size: 14px; font-weight: bold; padding: 2px 8px; background-color: #aeaeae; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
	ul.tablinks a:hover	{ background-color: #f19120; color: #ffffff; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
	ul.tablinks a.selected{ background-color: #74adc2; color: #ffffff; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
	ul.tablinks a.seletced:hover{background-color: #74adc2;}

	/*
.challenge, .solution {
		position		: relative;
		left			: 20px;
		width			: 400px;
	
		font-size		: 17px;
		font-weight		: bold;
		color			: #005596;
		
		background		: url('images/lbl_challenge.png') no-repeat top left;
		padding-left	: 80px;
		margin-bottom	: 10px;
	}
	
.challenge { margin-top: 30px; }

.solution { font-weight		: normal;}
.challenge span , .solution span{ display: none;}

.solution {
		color			: #000000;
		background		: url('images/lbl_solution.png') no-repeat top left;
	}
*/

.challenge, .solution {
	position		: relative;
	left			: 20px;
	width			: 400px;
	color			: #ffffff;
	-moz-border-radius		: 15px;
	-webkit-border-radius	: 15px;
	padding			: 15px 15px;
	margin-bottom	: 10px;
}
.challenge {
	font-size		: 14px;
	font-weight		: bold;
	background-color: #00a9e7;
	margin-top		: 30px;
}
.solution {
	font-size		: 12px;
	font-weight		: normal;
	background-color: #f6891f;
	margin-left		: 100px;
}
.challenge h3, .solution h3 {
	position	: absolute;
	width		: 26px;
	height		: 14px;
}
.challenge h3 {
	bottom		: -14px; 
	left		: 40px;
	background	: url('images/q.png') no-repeat;	
}

.solution h3 {
	bottom		: -14px; 
	right		: 40px;
	background	: url('images/a.png') no-repeat;	
}

.challenge h3 span, .solution h3 span{ display: none;}
	
.side_box {
	position: relative;
	width: 290px;
	margin: 0px 20px 40px 0px;
	float: left;
}
	.side_box h4 {
		color: #7faaca;
		font-size: 14px;
		font-weight: bold;
		padding: 0px;
		margin: 0px;
	}
	.side_box h4 span {
		color: #005596;
		font-size: 18px;
		display: block;
	}
	.side_box h5 {
		color: #00aaef;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		padding: 0px 0px 0px 0px;
		margin: 10px 0px 5px 0px;
	}
	.side_box p {
		font-size: 12px;
		padding: 0px;
		margin: 5px 40px 10px 0px;
	
	}
	.side_box img {
		position:relative;
		float: right;
		width: 30px;
		height: 40px;
		top: 20px;
		border: none 0px #ffffff;
	}
	.side_box a.item {
		position: relative;
		display: block;
		padding: 0px 0px 20px 0px !important;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		color: #000000;
		text-decoration: none;
		cursor: pointer;
	}
	.side_box a.item:hover{
		color: #f19120;
		text-decoration: none;
	}
	.side_box .title {
		font-size: 10px;
		font-weight: bold;
		position: relative;
		float: left;
		width: 240px;
		padding: 2px 0px;
	}
	.side_box .link {
		font-size: 10px;
		font-weight: normal;
		position: relative;
		float: right;
		padding: 2px 5px;
	}
	.side_box ul {
		padding: 0px;
		margin: 0px;
	}
	.side_box li {
		list-style-type: none;
		font-size: 10px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 5px 0px;
	}
	
#roadshow .link {
	background-color: #c42e2f;
	color: #ffffff;
}
#live .link {
	background-color: #95b7c6;
	color: #ffffff;
}
#recorded .link {
	background-color: #1da24a;
	color: #ffffff;
}

#tab, #learnmore {
	position: relative;
	top: 0px !important;
	top: 50px;
	margin-bottom: 0px !important;
	margin-bottom: 50px;
}

table#support {
	width: 100%;
	border: 1px solid #DFDFDF;
	 -moz-border-radius: 5px; -webkit-border-radius: 5px;
}

table#support th {
	text-align: left;
	font-size: 9pt;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	color: #005596;
}
table#support tr:hover th {
	background-color: #FFFFFF;
}

table#support tr {
	background-color: #FFFFFF;
	color: #454545;
}
table#support tr:hover{
	background-color: #EFEFEF;
	color: #454545;
}
table#support td{
	text-align: left;
	font-size: 8pt;
	font-weight: normal;
	color: #454545;
	padding: 2px 5px;
}
table#support td:hover{
	background-color: #EFEFEF;
	padding: 2px 5px;
}
table#support td a { color: #00adef; }
table#support td a:hover { color: #f29010; }
