/* 
Site General Styles
Appies Automatically
*/
body {
	margin:0px;
	background-color:#322944;
}
table {
	border-collapse:collapse;
}

body, table, td, input, select, textarea {
	font-family:Trebuchet MS, Verdana, Tahoma, Arial;
	font-size:13px;
	color:#210146;
}

th {
	font-size:14px;
	color:#FFFFFF;
}

a {
	color:#551c95;
	text-decoration:underline;
}
a:hover {
	color:#9754e1;
	text-decoration:none;
}
form {
	margin:0px;
}

.container {
	border-left:1px solid #CDCDCD;
	border-right:1px solid #CDCDCD;
}

/* Login
--------------------------------------------------------*/
.loginBoxCell {
	text-align:center;
	vertical-align:middle;
	background-image:url(images/login-bg.gif);
	background-position:center;
	background-repeat:repeat-x;
}

table.loginTable {
	background-color:#EEE6F7;
	border:1px solid #d3bcea;
}

table.loginTable td {
	padding:3px 10px 3px 10px;
}

.loginErrorMessage {
	font-weight:bold;
	color:#F1B401;
	text-align:center;
	height:25px;
}


/*
 Header Area Style
*/
.headerArea {
	height:110px;
	background-image:url(images/header_bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

.home  { 
	color:#e4ccff;
}

.home a { 
	font-weight:bold;
	color:#a662f0;
	text-decoration:none;
}
.home a:hover {
	color:#9754e1;
	text-decoration:underline;
}
.homehead {
	padding-left:15px;
	font-size:32px;
	font-weight:bold;
	color:#FFFFFF;
}

/*
  Footer Area Style
*/
.footerArea {
	font-size:11px;
	height:35px;
	vertical-align:middle;
	text-align:center;
	border-top:2px solid #5C7182;
	color:#f5ebff;
	background-color:#443a59;
}

/*
  Content Area Styles
*/
.pageDataArea {
	padding:10px 0px 10px 0px;
	vertical-align:top;
	height:500px;
}
.pageHead {
	/* Use this style for every page heading */
	font-size:18px;
	font-weight:bold;
	border-bottom:1px dashed #9f80c1;
	color:#492470;
}
.subHead {
	font-size:18px;
	font-weight:bold;
	border:1px solid #333333;
	color:#000000;
	padding:5px;
	padding-left:20px;
	padding-right:20px;
}
.pageData {
	/* Use this style for any text under a heding that has a description, paragraph texts etc...*/
	line-height:160%;
	padding-top:10px;
}
.formDataHead {
	line-height:160%;
	padding-top:10px;
	font-size:15px;
	font-weight:bold;
}
/* 
  Form elements styles
*/

input, select, textarea {
	padding:2px;
	/*border:1px solid #CCCECB;*/
}

.submitButton{
	border:1px solid #CCCECB;
	height:28px;
	padding:0px 8px 0px 8px;
	font-weight:bold;
	background-color:#322944;
	color:#FFFFFF;
}

.uploadBox {
	border:1px solid #CCCECB;
}

/*
 Border
*/
.bdrAll {
	border:1px solid #333333;
}
/*
 Error Message
*/
.errorMessage {
	font-weight:bold;
	color:#880000;
	text-align:center;
}

.successMessage {
font-weight:bold;
color:#3520F7;
text-align:center;
}

/*
 Must Field
*/
.mustField {
	font-weight:bold;
	color:#CC0000;
}

/*
 Menu Area styles
*/
.menuArea {
	padding-left:10px;
	padding-bottom:3px;
	border-top:2px solid #a98dc8;
	text-align:right;
}

.menuArea a {
	color:#551c95;
	text-decoration:none;
}
.menuArea a:hover {
	color:#9754e1;
	text-decoration:none;
}

table.topMenu {
}

table.topMenu td {
	text-align:center;
	color:#551c95;
	font-weight:bold;
	height:28px;
}

table.topMenu td a {
	color:#551c95;
}


table.topMenu td.menSep {
	width:2px;
}

table.topMenu td.menMid {
	background-image:url(images/menu-mid.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:0px 7px 0px 7px;
}

table.topMenu td.menLeft {
	background-image:url(images/menu-left.gif);
	background-position:bottom;
	width:7px;
}

table.topMenu td.menRight {
	background-image:url(images/menu-right.gif);
	background-position:bottom;
	width:7px;
}

/*
  List table
*/
table.listTable {
	border:1px solid #d6c5e8;
}
table.listTable td {
	padding:5px;
	border-bottom:1px solid #d6c5e8;
	border-left:1px solid #d6c5e8;
	border-right:1px solid #d6c5e8;
	text-align:left;
	line-height:160%;
}
table.listTable th {
	padding-left:4px;
	color:#FFFFFF;
	text-align:left;
	font-weight:bold;
	height:30px;
	background-image:url(images/list_bg.gif);
	background-repeat:repeat-x;
	background-color:#8e75a9;
}
table.listTable td.listLinks {
	line-height:160%;
}

/*
  Alternative Row coloring styles. Assign it like <tr class="rowEven">
*/

.rowEven {
	background-color:#fcfaff;
}
.rowOdd {
	background-color:#f1e5ff;
}

.row-odd {
	background-color:#f1e5ff;
}
.row-even {
	background-color:#fcfaff;
}

.empInfo {
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#945EBF;
	width:250px;
	height:30px;
	text-align:center;
	vertical-align:middle;
	padding:8px;
}

/*Form table
--------------------------------------------------*/
table.formTable {
	border:1px solid #D3E6ED;
	background-color:#E8F3F9;
}
table.formTable td {
	padding:5px;
	border-bottom:0px solid #D3E6ED;
	border-left:0px solid #D3E6ED;
	text-align:left;
	line-height:160%;
}
table.formTable th {
	padding-left:4px;
	color:#FFFFFF;
	text-align:left;
	font-weight:bold;
	height:30px;
	background-image:url(images/list_bg.gif);
	background-repeat:repeat-x;
}

/*Product Details
----------------------------------------------*/
table.productTable {
	border:1px solid #D3E6ED;
	background-color:#CBE1EC;
}

table.productTable td {
	padding:0px 10px 0px 10px;
	border-bottom:0px solid #D3E6ED;
	border-left:0px solid #D3E6ED;
	text-align:left;
	line-height:160%;
	color:#1A4E66;
}

table.productTable td.pSep {
	background-image:url(images/p-sep.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:5px 10px 5px 0px;
	text-align:right;
}

table.productTable th {
	padding-left:10px;
	font-weight:bold;
	height:30px;
	color:#003333;
	text-align:left;
}

/*
  Search Table
*/
table.srchTable {
	border:1px solid #ECECEC;
	background-color:#8e75a9;
}
table.srchTable td {
	padding:4px 5px 4px 3px;
	color:#FFFFFF;
	font-weight:bold;
}

table.iconTable {

}

table.iconTable td {
	font-size:11px;
	line-height:normal;
	color:#999999;
}

table.iconTable td img {
	padding-right:2px;
}