﻿@charset "utf-8";

body {  
	font-size:8pt; 
	font-family:arial,helvetica,verdana; 
	text-align:left; 
	color:#333333; 
	margin: 0px 0px 0px 0px;
	}
H1{
	font-weight:bold; 
	font-size: 18pt; 
	color:#000; 
	margin:0px 0px 0px 0px; 
	padding:0 0 0 0;
	}
H2{
	font-weight:normal; 
	font-size: 14pt; 
	color:#808080;
	margin:0px 0px 0px 0px; 
	padding:0 0 0 0;
}
h3 {
	color:#14acac;
}

li {
	padding-bottom:3px;
}

.spash_image {
	width:138px;
	height:138px;
}
.splash_caption {
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

div {
	 /*border:1px solid #000; */
}

div.container {
	width:700px;
}
div.sidebar {
	float:left; 
	height:540px; 
	width:30%;
	background-repeat: repeat-x;
	background-image: url(../images/assets/sidebar.jpg);
}
.banner {
	height:370px; 
	width:100%;
	background-repeat: repeat-x;
	background-image: url(../images/assets/splash_bg.jpg);
}
div.steps {
	height:340px;
	width:100%;
	padding-top:20px;
}
table.steps {
	width:100%;
	padding: 0 0 0 0;
}
div.sidebarTitle {
	display:table-cell;
	vertical-align:middle;
	height:100px;
	margin-left:5px;
}
#sidebarTitleText {
	font-size:17px; 
	text-align:left; 
	color:#333333; 
	
}	
div.pageContent {
	height:540px;
	padding-left:10px;
}
td.stepNum {
	width:30%;
	font-size:25pt; 
	font-weight:normal;
	text-align:right; 
	color:#808080; 
	vertical-align:bottom;
	padding-top: 10px;
}
td.stepNumSelected  {
	width:30%;
	font-size:25pt; 
	font-weight:normal;
	text-align:right; 
	color:#000000; 
	padding-top: 5px;
}
td.stepNumDone  {
	width:30%;
	font-size:25pt; 
	font-weight:normal;
	text-align:right; 
	color:#000000; 
	background-image: url(../images/assets/check_step.gif);
	background-repeat: no-repeat;
	background-position: 40px 3px;
	padding-top: 10px;
	padding-bottom: 10px;
}
tr.step {
	width:100%;	
	vertical-align:bottom;
	padding-top: 15px;

}

td.stepText {
	font-size:17px; 	
	padding-top: 10px;
	padding-left: 5px;
	color:#333333; 
	position:relative;
	top:-5px;
}

td.stepTextSelected {
	font-size:17px; 
	padding-top: 5px;
	padding-left: 5px;
	color:#000000; 
	top:-5px;
	position:relative;	
}
td.stepTextDone {
	font-size:17px; 
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	color:#14acac; 
	top:-5px;
	position:relative;	
}
div.pageContent {
}

div.pageNav {
	height:100px;
	text-align:right;
	width:430px;
}

div.contentBody { 
	height:340px; 
	padding-top:10px;
}

div.contentHeader {
	height:100px;
}

.leaderBoard {
{
	padding-top:25px;
	font-size:27px;
	font-weight:bold;
	color:#000;
}
.messaging {
	padding-top:10px;
	font-size:20px;
	font-weight:normal;
	color:#555555;
	width:400px;
}
.instruction {
	padding-top:5px;
	padding-bottom:5px;
	font-size:12px;
	font-weight:bold;
	color:#000000;
}

/* UI Customization */
span.checkbox {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(../images/controls/checkbox.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
span.radio {
	width: 19px;
	height: 25px;
	 padding: 0 5px 0 0;
	background: url(../images/controls/radio.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
span.select {
	position: absolute;
	width: 268px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 25px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(../images/controls/select.gif) no-repeat;
	overflow: hidden;
}

.bigEdit {
	background: url(../images/controls/edit_bg.gif) repeat-x;
	width: 290px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 30px;
	text-align:left; 
	border-style:none;
	background-position: 0px 0px;
	line-height:200%;
}

.eulaText {
	/*background: url(../images/controls/text_bg.gif) repeat-x;*/
	background-color:#e6e6e6;
	width: 420px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 220px;
	text-align:left; 
	border-style:solid;
	border-color:#999;
	border-width:1px;
	color:#333;
	background-position: 0px 0px;
	scrollbar-arrow-color: #808080;
	scrollbar-face-color: #808080;
	scrollbar-track-color: #ccc;
	scrollbar-arrow-color:#666;
	scrollbar-width:5px;
	/*scrollbar-3dlight-color:#808080;*/
	font-family:arial,helvetica,verdana; 
	font-size:8pt;
	padding-left:5px;
	overflow: auto;
}

TABLE.progressBarBorder { 
	border: 1px solid #7F7F7F; 
}

TABLE TD.progressBarBar { 
	font-size: 5pt; 
	text-align: center; 
	color: white;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType='1', StartColorStr='#77787B', EndColorStr='#CED0D1', enabled='false');
}

a.button 
{
	font-family: Arial,Helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 13px;
	font-size-adjust: none;
	font-stretch: normal;
	-x-system-font: none;
	display: inline-block;
	height: 38px;
	line-height: 38px;
	overflow-y: hidden;
	text-decoration: none;
	text-align: left;
	color: #ffffff;
	cursor: pointer;
	vertical-align: top;
}

a.button:hover 
{
	text-decoration: underline;
}
a.button b
{
	display: block;
	color: #ffffff;
	text-align:center;
	margin-left: 10px;
	padding-right:10px;
}

a.button:hover b 
{
	text-decoration: underline;
}

a:link, a:active 
{
	color: #ffffff;
}

a.action 
{
	background-color: transparent;
	background-image: url(../images/controls/smart_buttons.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0px 0px;
}

a.action b 
{
	background-color: transparent;
	background-image: url(../images/controls/smart_buttons.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 100% 0px;
	width:100px;
}


a.primary 
{
	background-color: transparent;
	background-image: url(../images/controls/smart_buttons.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0px -42px;
}

a.primary b 
{
	background-color: transparent;
	background-image: url(../images/controls/smart_buttons.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 100% -42px;
	width:60px;
}

a.primary b.wideButton
{
	width:125px;
}

a.secondary 
{
	background-color: transparent;
	background-image: url(../images/controls/smart_buttons.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0px -84px;
}

a.secondary b 
{
	background-color: transparent;
	background-image: url(../images/controls/smart_buttons.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 100% -84px;
	width:60px;
}

a.secondaryAction 
{
	background-color: transparent;
	background-image: url(../images/controls/smart_buttons.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0px -124px;
}

a.secondaryAction b 
{
	background-color: transparent;
	background-image: url(../images/controls/smart_buttons.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 100% -124px;
	width:60px;
}
a.formbutton 
{
	font-family: Arial,Helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 13px;
	font-size-adjust: none;
	font-stretch: normal;
	-x-system-font: none;
	display: inline-block;
	height: 32px;
	line-height: 32px;
	overflow-y: hidden;
	text-decoration: none;
	text-align: left;
	color: #14acac;
	cursor: pointer;
	vertical-align: top;
}

a.formbutton:hover 
{
	text-decoration: underline;
}
a.formbutton b
{
	display: block;
	color: #14acac;
	text-align:center;
	margin-left: 10px;
	padding-right:10px;
}

a.formbutton:hover b 
{
	text-decoration: underline;
}
a.browse 
{
	background-color: transparent;
	background-image: url(../images/controls/formfield.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0px 0px;
}

a.browse b 
{
	background-color: transparent;
	background-image: url(../images/controls/formfield.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 100% 0px;
	width:60px;
}
input:hover .styled{
	display: block;
	font-size: 1.2em;
	padding: 10px 0;
	background: #111;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: 11px;
	left: 11px;
	padding: 10px;
	margin: 0;
	width: 566px;
	border-top: 1px solid #999;
}
#tt {
 position:absolute;
 display:block;
 background:url(../images/tt_left.gif) top left no-repeat;
 }
 #tttop {
 display:block;
 height:5px;
 margin-left:5px;
 background:url(../images/tt_top.gif) top right no-repeat;
 /*border:1px solid #D00;*/
 overflow:hidden;
 }
 #ttcont {
 display:block;
 padding:2px 12px 3px 7px;
 margin-left:5px;
 background:#666;
 /*border:1px solid #0D0;*/
 color:#fff;
 }
#ttbot {
display:block;
height:15px;
margin: 0 0 0 0;
padding: 0 0 0 0;
background:url(../images/tt_bottom.gif) top right no-repeat;
/*border:1px solid #00D;*/
overflow:hidden;
}
#ttbotl {
display:inline;
height:15px;
width:10px;
padding:0 0 0 0;
margin-left:0px;
margin-right:-3px;
float:left;
/*border:1px solid #000;*/
background:url(../images/tt_botll.gif) top left no-repeat;
}

h2.abortDlg {
color:#14acac;
padding-bottom:20px;
}

.abort {
font-size:14px;
font-weight:normal;
color:#000;
}

.radiotext {
position:relative;
top:3px;
}

.rebootText {
padding-bottom:20px;
}

.exitNav {
	margin-left:40px;
	position:relative;
	top:100px;
}






