/*
Generated on 2006-07-16 23:05:14
Using CSS Macro script by Sean Colombo
Available at codeaholics.com
*/
body{
	margin-top: 0px;
	padding-top: 0px;
	background: #ccc;

	font-family: Verdana;
	font-weight: normal;
	font-size: 12px;
	color: #000;
}
img{
	margin-bottom: -2px;
}
A img {
	border: none;
}

A{
	color: #00f;
	text-decoration:underline;
}
A:hover{
	color: #00f;
	text-decoration:none;
}
A:visited{
	color: #00f;
}

h1{
	text-align:center;
	font-size: 24px;
}
h2{
	margin-top:0px;
	text-align:center;
	font-size: 14px;
}
em{
	color: #000;
}

li.validationHack{
	display: none;
}

form{
	margin: 0px;
	padding: 0px;
}

div.wrapper{
	width: 760px;
	margin: auto;
	background-color: transparent;
}

div.header{
	width: 100%;
	color: #000;
	background: #7788ff;
	font-family: Arial;
	font-size: 32pt;
}
div.header a, div.header a:visited, div.header a:hover{
	color: #000;
	text-decoration: none;
}

div.tabs ul{
	width: 100%;
	padding: 0px;
	margin: 0px;
	display: table;
	border-bottom: 2px solid #7788ff;
	background: #fff;
}

div.tabs ul li{
	display:inline;
	list-style-type: none;
	width: 20% !important;
	float: left;
	text-align: center;
}

div.tabs ul li a:visited{
	color: #000;
}

div.tabs ul li a{
	line-height: 20px;
	width: 100%;
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	border-bottom: 2px solid #7788ff;
	z-index: 5;
	text-align: center;
	margin-left: -2px;
	margin-bottom: -2px;
	color: #000;
}

div.tabs ul li.menuRight a{
	border-left: 2px solid transparent;
}

div.tabs ul li.over a{
	background-color: #aabbff;
	border-bottom: 2px solid #7788ff;
	border-right: 2px solid #7788ff;
	border-left: 2px solid #7788ff;

	z-index: 11;

	color: #fff !important;
}

div.tabs ul li.active a{
	background-color: #7788ff;
	border-bottom: 2px solid #aabbff;
	border-right: 2px solid #aabbff;
	border-left: 2px solid #aabbff;
	
	z-index: 10;
	
	color: #fff;
}

div.tabs ul li.active a, div.tabs ul li.over a{
	position: relative;
	margin-left: -4px;
	margin-right: -2px;
}

div.tabs ul li.over a{
	color: #000;
}

div.tabs ul li.menuLeft a{
	border-left: 0px;
	margin-left: 0px;
}

div.tabs ul li.menuRight a{
	border-right: 0px;
	margin-right: 0px;
	margin-left: -2px;
}

div.mainContent{
	width: 100%;
	padding-top: 10px;
	display: table !important;
	background: #fff;
}

div.footer{
	width: 100%;
	height: 64px;
	background: transparent url(/images/bottom.gif) bottom left no-repeat;
	text-align: center;
	color: #000;
}

.shapeOnly{
	border: 0px solid #000000;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
}

div.login{
	float: right;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	text-align:right !important;

	/* Because it will hold the feedback widget */
	margin-top: 8px;
	padding-bottom: 0px;
	margin-bottom: -10px;
}
* html div.login{
	margin-top: 4px;
}

div.login input{
	height: 14px;
	margin: 0px;
	padding: 0px;
	border: 0px solid #fff;
	line-height: 14px;
}

#user, #pass{
	width: 100px;
}

div.logout{
	float: right;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	text-align:right;

	/* Because it will hold the feedback widget */
	margin-top: 10px;
	padding-bottom: 0px;
	margin-bottom: -10px;
}
* html div.logout{
	margin-top: 9px;
	margin-bottom: -8px;
}
div.logout a{
	color: #fff !important;
}

div.secureTableWrapper{
	text-align: center;
	width: 100%;
	
	display: inline;
	padding-bottom: 1px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

table.secureTable{
		border-bottom: 1px #191970 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;

	margin-left: auto;
	margin-right: auto;
	text-align: left;

	display: table;
	
	margin-bottom: 20px;
}

table.secureTable table{
	text-align: center;
}

table.secureTable td.secureImageCell{
	background: url(/images/secureTableBg.png) no-repeat scroll top center;
	height: 15px;
}

.half{
	width:50% !important;
}

.full{
	width:100% !important;
}

.left{
	float:left;
}

.center{
	text-align:center;
}

.right{
	float:right;
}

input.checkbox{
	margin: 3px;
	border: 0px;
	padding: 0px;
}

* html input.checkbox{
	margin: 0px;
	margin-left: -1px;
	margin-top: -1px;
}

/* BEGIN - dispError, dispMsg, dispSuccess functions */
table.errormessage
{ text-align: left;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #a50000;
width: 300px;
background-color: #ffffff;
border: 1px #a50000 dotted;
border-collapse: collapse;
border-spacing: 0px;
margin-left:auto;
margin-right:auto;
}

.errorHd
{ border-bottom: 1px dotted #A50000;
background-color: #FFa5a5;
text-align: center;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #a50000;}

table.message
{ text-align: left;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #000000;
width: 300px;
background-color: #ffffff;
border: 1px #a5a500 dotted;
border-collapse: collapse;
border-spacing: 0px;
margin-left:auto;
margin-right:auto;
}

.msgHd
{ border-bottom: 1px dotted #a5a500;
background-color: #FFFFa5;
text-align: center;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #0000ff;}

table.successmessage
{ text-align: left;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #000000;
width: 300px;
background-color: #ffffff;
border: 1px #00a500 dotted;
border-collapse: collapse;
border-spacing: 0px;
margin-left:auto;
margin-right:auto;
}

.successHd
{ border-bottom: 1px dotted #00a500;
background-color: #a5ffa5;
text-align: center;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #00a500;}
/* END - dispError, dispMsg, dispSuccess functions */

.black{color:#000;}

/* This will wrap a section like an old center tag */
div.center{
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align:center;
}

/* This will go on an item that should itself be centered (if possible... won't always work because of other dependencies such as in IE) */
.centered{
	margin-left: auto;
	margin-right: auto;
}

/* For vertical centering, wrap a vCenter, a vCenterOuter then a vCenterInner around the content to center */
div.vCenter{
	display:table;
	position:static;
	height: 100%;
	width:100%;
}
* html div.vCenter{
	position:relative;
	text-align:left;
}
div.vCenterOuter{
	display:table-cell;
	vertical-align: middle;
	position:static;
	width: 100%;
}
* html div.vCenterOuter{
	position:absolute;
	top: 50%;
}
div.vCenterInner{}
* html div.vCenterInner{
	position: relative;
	top: -50%;
}