@charset "utf-8";
/* CSS Document */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;

}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #161616;
	line-height:18px;
	background-image:url(images2/bg_page.jpg);
}
a:link {
	color: #24497C;
}
a:visited {
	color: #960000;
}
a:hover {
	text-decoration:none;
}


#header{ 
	background-image:url(images2/bg_header_pixels.jpg);
	background-repeat:repeat-x; 
	height:110px;
	background-color:#000;
	}
#headerBox{
	padding-top:36px;
	}


#homeContent{ 
	background-image:url(images2/bg_blue_stripe.png); 
	background-repeat:repeat-x; 
	height:275px;
	padding:25px;
}
#whiteContent{
		background-color:#fff;
		padding:20px;
		overflow:auto;
		}
	.whiteHead{ 
	font-weight:bold; 
	font-size:14px; 
	margin-bottom:8px;
	padding-bottom:4px; 
	border-bottom:1px dotted #ccc;}
.contentWidth{
	width:960px;
	margin:auto;
	}
.whiteShadowText{
	text-shadow: 1px 1px 3px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=1); 
	color:#fff;
		}
.whiteThird{
	float:left; 
	width:280px;
	margin-right:40px;
	}		
.whiteRight{
	float:right;
	width:280px;
	margin-left:20px;
	padding-left:20px;
	bxxxxorder-left:1px dotted #ccc;
}
.whiteLeft{
	float:left;
	width:280px;
	margin-right:20px;
	padding-right:20px;
	bxxxxorder-left:1px dotted #ccc;

}
.whiteTwoThirds{ width:640px;}
		
/* NAVIGATION */

#navbar ul {
    margin:0;
    padding:0;
    list-style:none;
    }
  #navbar li {
    float:left;
    margin:0 20px 0 0;
    padding:0px;
    }
#navbar{ 
	padding:8px 0px 10px 600px; 
	height:30px; 
}

	#navbar a {
			display:block;
			padding:6px 10px 6px 10px;
			-moz-border-radius:6px; 
			border-radius:6px; 
			-webkit-border-radius:6px;
			text-decoration:none;
			color:#CCC;
			border:1px solid #333;
			font-size:14px;
  }
	#navbar a:visited {
		color:#ccc;
  }
	
	#navbar a:hover {
			background-color:#24497C;
			border:1px solid #333;
			color:#fff;
  }
	#current{
			background-color:#24497C;
			border:1px solid #333;
			-moz-border-radius:6px; border-radius:6px; -webkit-border-radius:6px;
			background-image:url(images2/bg_blue_stripe.png);
			background-position:center;
			color:#fff;
  }
#footer{margin-top:20px;}	
#footer a:link{ color:#666666; text-decoration:none;}
#footer a:visited{ color:#666666;}
#footer a:hover{ color:#fff; text-decoration:underline}
#redBar{ background-image:url(/images2/bg_red_bar.png); height:70px;}
#blueBar{ background-image:url(/images2/bg_blue_bar.png); height:70px;}

.pageTitle{font-size:36px; font-weight:bold; padding-top:30px; }
a.blueButton:link, a.blueButton:visited{
	display:inline;
	cursor:pointer;
	background: #034ba9; /* Old browsers */
background: -moz-linear-gradient(top, #034ba9 0%, #024090 44%, #00306e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#034ba9), color-stop(44%,#024090), color-stop(100%,#00306e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #034ba9 0%,#024090 44%,#00306e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #034ba9 0%,#024090 44%,#00306e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #034ba9 0%,#024090 44%,#00306e 100%); /* IE10+ */
background: linear-gradient(top, #034ba9 0%,#024090 44%,#00306e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#034ba9', endColorstr='#00306e',GradientType=0 ); /* IE6-9 */
color:#FFF;
border-radius:3px;
-moz-box-shadow: 2px 2px 2px #888;
-webkit-box-shadow: 2px 2px 2px #888;
box-shadow: 2px 2px 2px #888;
font-weight:bold;
padding:6px 8px 6px 8px;
border:1px solid #002B63;
color:#fff;
text-decoration:none;
	}
a.blueButton:hover{
	border:1px solid #00538D;
background: #047bd0; /* Old browsers */
background: -moz-linear-gradient(top, #047bd0 0%, #036ebb 44%, #005c9e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#047bd0), color-stop(44%,#036ebb), color-stop(100%,#005c9e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #047bd0 0%,#036ebb 44%,#005c9e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #047bd0 0%,#036ebb 44%,#005c9e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #047bd0 0%,#036ebb 44%,#005c9e 100%); /* IE10+ */
background: linear-gradient(top, #047bd0 0%,#036ebb 44%,#005c9e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#047bd0', endColorstr='#005c9e',GradientType=0 ); /* IE6-9 */
}


a.redButton:link, a.redButton:visited {


background: #a90329; /* Old browsers */
background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
	
border-radius:3px;

font-weight:bold;
padding:6px 8px 6px 8px;
border:1px solid #002B63;
color:#fff;
text-decoration:none;
}






a.buttonSmall{ 
	font-size:11px;
	color:#333;
	font-weight:bold; 
	border:1px solid #999; text-decoration:none; 
	padding:3px 10px 3px 10px; 
	border-radius:16px; 
	background: rgb(253,253,253); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(222,222,222,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,253,253,1)), color-stop(100%,rgba(222,222,222,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(253,253,253,1) 0%,rgba(222,222,222,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(253,253,253,1) 0%,rgba(222,222,222,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(253,253,253,1) 0%,rgba(222,222,222,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(253,253,253,1) 0%,rgba(222,222,222,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */
}

a.buttonSmall:hover{
	border:1px solid #999; color:#106182;
	background: rgb(234,244,250); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(234,244,250,1) 0%, rgba(199,219,235,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,244,250,1)), color-stop(100%,rgba(199,219,235,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(234,244,250,1) 0%,rgba(199,219,235,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(234,244,250,1) 0%,rgba(199,219,235,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(234,244,250,1) 0%,rgba(199,219,235,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(234,244,250,1) 0%,rgba(199,219,235,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf4fa', endColorstr='#c7dbeb',GradientType=0 ); /* IE6-9 */
}
a.signOut{color:#ebebeb;}
a.signOut:visited{color:#ebebeb;}
a.signOut:hover{text-decoration:none;}
#signOutLinks{float:right; margin-top:30px; padding-right:40px;}

/* Form Fields */
.input100{ padding:6px; width:90%}
.input50{ padding:6px; width:50%}
.inputExe{padding:6px; width:28%}
.label{ font-weight:bold;}
.value{ font-weight:bold; color:#325A43; font-family:"Courier New", Courier, monospace; font-size:16px; }
.labelAdd{width:200px; float:left; text-align:right; padding:2px 0 2px 0;  white-space:nowrap; margin-right:8px; }
.valueAdd{width:90px; float:left;  padding:2px 0 2px 0;  }
.commandAdd{width:160px; float:left;  padding:2px 0 2px 0;  }
.inputLabel{ padding:4px; width:170px;}
.inputValue{ padding:4px; width:70px;}
.error{ color:#900; font-weight:bold;}
.inputDropDown{padding:4px; display:none;}
.msg{ 
	background-color:#EEFFEC; 
	border:1px solid #70B476; 
	padding:14px; 
	-moz-border-radius:5px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	color:#030; 
	font-weight:bold; 
	margin-bottom:10px; 
	display:none;
	overflow:auto;
}
.msg_error{
	background-color:#FFECEE; 
	border:1px solid #A93131; 
	}
.blueBox{border-1px solid #ccc; border-radius:6px; padding:18px; background-color:#D3DAE5; border:1px solid #A7B5CB;}
.highlight{ background-color:#D3DAE5;}
#table_mappings td{border-bottom:1px dotted #ccc; padding:6px;}
#table_mappings th{border-bottom:1px solid #ccc; background-color:#D3DAE5; text-align:left; }
#table_mappings { border:1px solid #ccc; background-color:#fff; border-radius:4px; -moz-box-shadow: 2px 2px 2px #ccc;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc; }
.stepLetters{font-size:18px;}

#sideNav ul
{		
		list-style:none;
		margin:0;
		padding:0px;
		
}
		 

#sideNav li
{		  
		margin:0 0 12px 0;
    padding:0px;
		float:left;

}
		 
#sideNav li a { 
	background-image:url(images2/bg_side_nav.png);
	background-position:bottom; 
	text-decoration:none;padding:6px 0 6px 14px;; 		
display:block; width:200px;
 
 background-repeat:no-repeat;}
#sideNav li a:hover {text-decoration:none; background-image:url(images2/bg_side_nav.png); color:#FFF;
	background-position:top;}
#sideNav li a.sideNavOn  { color:#fff; text-decoration:none;	background-image:url(images2/bg_side_nav.png);
	background-position:top; font-weight:bold; color:#fff;}
#sideNav li a.sideNavOn:visited  { background-color:#0349A3; color:#fff; text-decoration:none;}

#sideNav{}

.new_game_menu{display:none; position:absolute; margin-top:0px; z-index:2; clear:both;}


a.downArrow{ border:1px solid #bbbbbb; border-radius:3px; padding:3px; background-image:url(../images/bg_sortcol.gif); margin-bottom:2px;}
a.downArrow:hover{ background-color:#fff; background-image:none; }
.btnPreview {
	float:left;
	display:inline;
	border:2px solid #999;
	border-radius:4px;
	padding:2px;
	width:40px;
	text-align:center;
	background-color:#ebebeb;
	margin:0 3px 5px; 0;
}
.btnSide{
	width:30px;
	}
.btnTop{ background-color:#CCC;}
.btnPreviewRow {
	clear:both;
	overflow:auto;
}


.hidden{display:none;}
.smallNum{font-weight:normal;font-size:9px;}

.bg_gray{ background-color:#E9ECF2}