/*/
###################################################################################
# Attention developers!! When adding styles please check for appropriate section, #
# if appropriate section does not exist, start new section at bottom of document. #
###################################################################################
/*/
body
{
	background-color: #ffffff;
	color: #000000;
	margin: 0;
	padding: 0;
	background-image: url('/Images/3E_Layout_Sprite.png'); 
	background-repeat: repeat-x; 
	background-position: 0px -2256px; 
}

body,td
{
	font-size: 10pt;
	font-family: verdana, sans-serif;
}

/* header */
/****************************//****************************/
#header, #header_logo, #header_text, #header_search, #Layout_Nav, 
#content, h2, #reseller td, div.left_nav_top, div.left_nav_bottom, 
div.left_nav_middle, div.left_nav_middle li, input.Button_Image {
	background-image: url('/Images/3E_Layout_Sprite.png'); 
	background-repeat: no-repeat;
}
#banner_reseller td{
	background-image: url('/Images/2Banner_Logos.png'); 
	background-repeat: no-repeat;
}
#header {
	background-repeat: repeat-x; 
	background-position: 0px 0px; 
	height: 99px; 
	border-right: 1px solid #999999; 
	border-left: 1px solid #999999; 
}

#header_logo {
	background-repeat: no-repeat; 
	background-position: 0px -1568px; 
	height: 77px; 
	width: 250px;
	position: absolute;
	top: 10px;
	left: 10px;
	cursor: pointer;
}

#header_text {
	text-align: center;
	width: 500px;
	position: absolute; 
	top: 0;
	left: 300px;
	padding-top: 25px;
}

#header_search {
	background-repeat: no-repeat; 
	background-position: 0px -1669px; 
	height: 60px; 
	width: 158px;
	position: absolute;
	top: 0px;
	right: 10px;
}

#banner {
	background-image: url('/Images/Banner_Content_Sprite.jpg');
	background-repeat: no-repeat;
	background-repeat: repeat-x; 
	height: 255px; 
	width: 988px;
	border-right: 1px solid #999999; 
	border-left: 1px solid #999999;
	background-color: #112e5f;
	padding: 0px;
}
.content_1 {
	background-position: 0px -256px; 
}

.content_2 {
	background-position: 0px -512px; 
}

.content_3 {
	background-position: 0px -768px;
}

#banner_left_1,#banner_left_2,#banner_left_3 {
	/*background-image: url('/Images/3E_Layout_Sprite.png'); */
	/*background-repeat: no-repeat;*/
	width: 300px;
	height: 85px;
	position: relative;
	border: 0 solid white; 
}

#TextLink
{
	position:absolute; 
	width:100px; 
	height:22px; 
	top: 340px; 
	left:657px;	
	border-bottom: dashed 1px;
	color:white;
}
.Off
{
	display:none; 
}
.On
{
	display:block; 
}



/*
#banner_left_1 {
	background-position: 0px -630px; 
}
#banner_left_1:hover {
	background-position: 0px -460px; 
}

#banner_left_2 {
	background-position: 0px -692px; 
}

#banner_left_2:hover {
	background-position: 0px -550px; 
}

#banner_left_3 {
	background-position: 0px -760px; 
}
#banner_left_3:hover {
	background-position: 0px -1870px; 
}

#content_right {
	background-image: url('/Images/Banner_Content_Sprite.jpg'); 
	background-repeat: no-repeat;
	width: 988px;
	height: 255px;
	top: -255px; 
	left: 300px;
	position: relative;
	border-right: 0px solid #FFFFFF; 
	border-left: 0px solid #FFFFFF; 
	padding: 0px;
}

.content_right_1 {
	background-position: 0px -256px; 
}

.content_right_2 {
	background-position: 0px -512px; 
}

.content_right_3 {
	background-position: 0px -768px; 
}
*/


#content {
	border-right: solid gray 1px;	
	border-left: solid gray 1px;	
	background-color: rgb(215,215,225);
	background-repeat: repeat-x; 
	background-position: 0px -20256px; 
	width: 990px;
}

/* nav styles */
/****************************//****************************/
#Layout_Nav
{
	background-repeat: repeat-x;
	background-position: 0px -380px; 
	padding: 0px 10px 0px 10px;
	position: relative;
	height: 37px;
	text-align: center;
	border: 1px solid #999999;
}

#Layout_Nav a.main
{
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

/* dropdown menu styles */
div.yui-overlay
{
	top: 28px !important;
}

li.yuimenuitem {
	cursor: pointer;
	color: #ffffff;
	z-index: 1000;
}

a.yuimenubaritemlabel, a.yuimenuitemlabel {
	display: inline;
}

li.yuimenuitem a {
	background-color: #eee;
	display: block;
	text-align: left;
	color: #000000;
	padding: 4px 8px 4px 8px;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	text-align: left;
	z-index: 1000;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}

li.yuimenuitem a:hover {
	background-color: #ffffff;
}	
		
li.yuimenubaritem {
	padding: 12px 5px 10px 10px; 
	border-right: 1px solid #999999; 
	height: 28px;
	z-index: 1000;
	float: none;
	display: inline;
}

li.yuimenubaritem:First-Child {
	border-left: 1px solid #999999;
}
	
ul.first-of-type { 
	height: 37px;
	z-index: 1000;
	padding: 9px 0;
}

div.yuimenubar {
	z-index: 1000;
}

div.yuimenu {
	border-top: 1px solid transparent;
}

/* -------------------------------------------- */

div.left_nav_top {
	background-repeat: no-repeat;
	background-position: 0px -1235px; 
	height: 32px;
	margin-top: 15px;
}

div.left_nav_middle {
	background-repeat: no-repeat;
	background-position: 0px -1267px; 
	background-color: #2e477b;
	width: 202px;
	height: 274px;
	padding: 0 0 0 15px;
}

div.left_nav_bottom {
	background-repeat: no-repeat;
	background-position: 0px -1536px; 
	height: 29px;
}

div.left_nav_middle a {
	color: #ffffff;
	text-decoration: none;
}

div.left_nav_middle ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

div.left_nav_middle li {
	background-position: 0px -1800px;
	padding: 5px 0 5px 20px;
	margin: 0;
}

#Layout_Content
{
	padding: 10px;
	width: 700px;
}

#Layout_Footer
{
	border-right: solid gray 1px;	
	border-left: solid gray 1px;
	border-bottom: solid gray 1px;
	font-size: 11px;
	color: #555;
	padding: 10px;
	background-color: #e5e7ec; 
	position: relative;
	height: 180px;
}

#Layout_Footer a
{
	color: #000000;
	font-size: 11px;
}

#Layout_Footer a:hover
{
	color: #555555;
}

#reseller {
	margin: 0 auto;
}

#reseller td {
	width: 105px;
	height: 57px;
}

#reseller td a {
	width: 205px;
	height: 57px;
	display: block;
}


#banner_reseller{
	margin: 0 auto;
}

#banner_reseller td {
	width: 205px;
	height: 57px;
	padding: 5px;
}

#banner_reseller td a {
	width: 205px;
	height: 57px;
	display: block;
}



/* Button styles */
/****************************************/
.Button
{
	background:  silver;
	font-family: verdana, sans-serif;
	font-weight:  bold;
}

.Button_Cancel
{
	background:  silver;
	color: #CC0000;
	font-family: verdana;
	font-weight:  bold;
}
input.Button_Image {
	background-color: transparent;
	background-position: 0px -1206px;
	height: 22px;
	width: 63px;
	border: none;
	color: #ffffff;
	font-weight: bold;
}
/* CSS for Header styles */
/****************************************/
h1
{
	color: #43489E;
	font-size: 20px;
	padding: 4px 0px 0px 0px;
	text-align: left;
	font-weight: bold;
	margin: 2px 0px 4px 0px;
	padding: 0;
}

h2
{
	background-repeat: no-repeat; 
	background-position: 0px -1752px; 
	color: #43489E;
	font-size: 19px;
	text-align: left;
	font-weight: bold;
	margin: 2px 0px 4px 0px;
	padding: 0;
	line-height: 27px;
}

h3
{
	color: #43489E;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	margin: 0;
	padding: 0
}
h4
{
	color: #43489E;
	font-size: 12px;
	text-align: left;
	font-style: italic;
	margin: 0;
	padding: 0;
}
p
{
	margin: 2px 0px 8px 0px;
}
/* CSS for input/textarea styles */
/****************************************/
input, textarea, select
{
	background-color: #FFFBCC;
}
/* Detail */
/****************************************/
table.Detail
{
	border-top: 1px solid #909090;
	border-left: 1px solid #909090;
}
table.Detail th
{
	background-color: #F6EFD5;
	padding: 3px 3px;
	border-bottom: 1px solid #909090;
	border-right: 1px solid #909090;
	text-align: center;
	font-size:13px;
}
table.Detail td.Label	
{
	background-color: #EDEDED;
	border-bottom: 1px solid #909090;
	border-right: 1px solid #909090;
	padding-right: 3px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
Table.Detail td
{
	background-color: #fff;
	padding: 1px 3px 1px 3px;
	border-bottom: 1px solid #909090;
	border-right: 1px solid #909090;
}
Table.Detail td.Number
{
	background-color: #fff;
	padding: 3px 0px 3px 6px;
	border-bottom: 1px solid #909090;
	border-right: 1px solid #909090;
	text-align: right;
}	
table.Detail td.SmallLink
{
	font-weight: bold;
	text-align: center;
	font-size: 11px;
}
table.Detail td.SmallLink a
{
	text-decoration: none;
	font-weight: bold;
}
table.Detail td.GreyNote
{
	color: #999; 
	font-size: 10px; 
	text-align: center;
}
table.Detail td select
{
	width: 100%;
	margin-bottom: 5px;
}
/****************************************/
table.InputField
{
	margin: 10px;
	border: 0px;
}
table.InputField td
{
	padding: 4px;
	border: 0px;
}
table.InputField th
{
	padding: 4px;
	border: 0px;
	text-align: right;
	font-weight: bold;
}
table.InputField span.Small 
{
   font-size: 10px;
}
/****************************************/
div.r1
{
	font-weight: bold; 
	padding: 2px 0px 2px 0px;
	margin: 2px 0px 2px 0px;
	border-top: 1px solid #ccc;
}
div.r2
{
	font-weight: normal;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 20px;
}
div.r1 a, div.r2 a
{
	text-decoration: none;
}
.SmallNote
{
	font-size: 10px;
	color: #666;

}
/* a tags */
/****************************************/
a.Normal
{
	font-size: 10pt; 
	font-weight: normal; 
	font-family: verdana, sans-serif;
}
a.Small
{
	font-size: 8pt; 
	font-weight: normal; 
	text-decoration: none;
	font-family: verdana, sans-serif;
}
a, a:link, a:visited
{
	color: #00f;
	font-weight: normal;
}

a:hover, a:active
{
	color: #f00;
}