<!-- $Header: /Apps/Config/v3_3/css/main.css 27    8/08/06 11:36a Leslie $ -->

/* Body for site */
body {margin:0px 0px 0px 0px;line-height:130%;color:#444444;background-color:#FFFFFF;font-family:Verdana, Tahoma, Arial, sans-serif; font-size:70%; direction:ltr;}
table {font-family:Verdana,Tahoma,Arial; margin:0px 0px 0px 0px; background-color:#ffffff}
h1 {margin:8px 0px 0px 0px;font-size:100%; font-weight:bold; line-height:145%;}
h2 {margin:4px 0px 4px 0px;font-size: 90%; font-weight:bold;}	
h3 {margin:4px 0px 4px 0px;font-size: 80%; font-weight:bold;}


/* cannot remove yet - used in Application Resources file */
BODY.site {margin:0px 0px 0px 0px;line-height:130%;color:#333333;background-color:#FFFFFF;font-family:Verdana, Tahoma, Arial, sans-serif; font-size:11px; direction:ltr;}

/* Header: Color Scheme and Graphic */
td.color {background-color: #000000}
td.color1 {background-color: #003366}
td.color2 {background-color: #404040}
td.color3 {background-color: #707070}
td.color4 {background-color: #D0D0D0}

/* General usage of links */
a:link {color:#0066A7; text-decoration:none}
a:visited {color:#6E4987; text-decoration:none}
a:hover {text-decoration:underline}
a:active {text-decoration:none}

	
/* white text Links */	
a.white:link {
	color: #ffffff;
	text-decoration: none;
	}
a.white:visited {
	color: #ffffff;
	text-decoration: none;
	}
a.white:hover {
	color: #ffffff;
	text-decoration: underline;
	}
a.white:active {
	color: #ffffff;
	text-decoration: none;
	}


/* Solid line around Main Border around work area  */
table.mainarea {
	border-width: 1px;
	border-style: solid;
	border-color: 003596;
	border-collapse:collapse;
	border-spacing: 2;
	}
	
/* MessageStudio:Create Template: Test Area */
table.testarea {
	padding: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: 003596;
	width: 90%;
	}
	
/* MessageStudio:Create Template: Test Area */


*/ Used in signup.jsp */
table.blogarea {
	background-color:#FFFFFF
	}

/* ----------------------- */
/* mainTab                 */
/* ----------------------- */
.mainTab {
	font-family: Verdana, Arial;
	font-size: 10px ;
	font-weight:bold;
	color: 002176;
	border-right: 1px solid #808080;
	border-top-width: 1px; 
	border-bottom-width: 1px; 
	}
.mainTabon {
	font-family: Verdana, Arial;
	font-size: 10px ;
	font-weight:bold;
	color: 002176; 
	background-color: ffffff;
	border-left: 1px solid #808080; 
	border-right: 1px solid white; 
	border-bottom: 1px solid #808080; 
	border-top: 1px solid #808080; 
	}
.mainTabColor {
	background-color: cccccc;
	border-right: 1px solid #808080; 
	}
.mainColor {
	background-color: cccccc;
	}
	
/* ----------------------- */
/* catTab                  */
/* ----------------------- */
.catTab {
	font-family: Verdana, Arial;
	font-size: 10px ;
	font-weight:bold;
	color: 002176;
	border-bottom: 1px solid #808080; 
	border-left-width: 1px; 
	border-right-width: 1px; 
	}
.catTabon {
	font-family: Verdana, Arial;
	font-size: 10px ;
	font-weight:bold;
	color: 002176; 
	background-color: ffffff;
	border-left: 1px solid #808080; 
	border-right: 1px solid #808080; 
	border-top: 1px solid #808080; 
	border-bottom: 1px solid white; 
	}
.catTabColor {
	background-color: E5E5E5;
	border-bottom: 1px solid #808080; 
	}
.catColor {
	background-color: E5E5E5;
	}

/* ------------------------ */
/* subCatTab                */
/* ------------------------ */
.subCatTab {
	font-family: Verdana, Arial;
	font-size: 10px ;
	font-weight:bold;
	color: 002176;
	border-bottom: 1px solid #808080; 
	border-left-width: 1px; 
	border-right-width: 1px; 
	}
.subCatTabon {
	font-family: Verdana, Arial;
	font-size: 10px ;
	font-weight:bold;
	color: 002176; 
	background-color: ffffff;
	border-left: 1px solid #808080; 
	border-right: 1px solid #808080; 
	border-top: 1px solid #808080; 
	border-bottom: 1px solid white; 
	}
.subCatTabColor {
	background-color: E5E5E5;
	border-bottom: 1px solid #808080; 
	}
.subCatColor {
	background-color: E5E5E5; 
	}


/* Attributes for color-coded title at the top of each section */
td.sectiontitle {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 13px ;
	font-weight:bold;
	color: ffffff;
	background-color: 003596; 
	border-width: 1px;
	border-collapse:collapse;
	border-spacing: 0;

	}



/* Attributes for all the Sub-Title Text */
.subtitlefont {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 70%;
	font-weight:bold;
	color: #333333; 
	}
	
/* Attributes Sub-Title Textfields */
.subtitlefield {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 0.8em ;
	color: #333333; 
	}
	
	
/* Attributes for Error Text */
.errorfont {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 80%;
	color: #EE2037;
	}
.fallbackfont {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 120%;
	font-weight:bold;
	color: #EE2037;
	}

/* Attributes Messages MessageCast Employees Only see */
.internalfont {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 17px ;
	font-weight:bold;
	color: #940000;
	}

/* Generic Text */
.mainfont {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 80%; 
	}

/* Attributes for all text table column headers */
td.tableheaders {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 0.7em ; 
	font-size: 10px ;
	font-weight:bold;
	color: 002176; 
	}
	
/* Attributes Footer Text */
td.footerfont {
	font-family: Verdana, Arial;
	font-size: 10px ;
	color: ffffff;
	}
	
/* Color Attribute for extra clear.gif colors */
.clearcolor {
	background-color: #AFD3EB;
	}

/* ------------------------ */
/* Refresh Box              */
/* ------------------------ */
.boxpadding {
	padding: 1px 7px 1px 7px;
	border: 1px solid #808080;
	}


/* ------------------- */
/* Template List Style */
/* ------------------- */
th.sorted {
    background-color: ffffff;
    	  font-family: verdana, arial;
	  font-size: 10px;
	  color: 002176
}


th.sorted a, th.sortable a {
	background-position: left;
	display: block;
}
th.sortable a {
	background-image: url(../graphics/sort/arrow_off.png);
	background-repeat: no-repeat
}
th.order1 a {
	background-image: url(../graphics/sort/arrow_down.png);
	background-repeat: no-repeat
}
th.order2 a {
	background-image: url(../graphics/sort/arrow_up.png);
	background-repeat: no-repeat
}

/*
thead tr {
	  font-family: verdana, arial;
	  font-size: 10px;
	  font-weight: bold;
	  padding: 9em;
	  color: 002176	  
}
*/
tr.empty {
	  font-family: verdana, arial;
	  font-size: 10px;
	  color: 002176
}

tr.odd {
	  font-family: verdana, arial;
	  font-size: 10px;
	  color: 002176;
	  background-color: #E4EDF3;
}

tr.tableRowEven, tr.even {
	  font-family: verdana, arial;
	  font-size: 10px;
	  color: 002176;
	  background-color: #eeeeee
}


span.pagebanner {
	background-color: #ffffff;
	border: 1px #999;
	width: 100%;
	margin-top: 10px;
	display:block;
	color: 002176;
	font-size: 10px;
	font-family: verdana, arial;
}


span.pagelinks {
	background-color: #ffffff;
	border: 1px #999;
	width: 100%;
	display:block;
	border-top: none;
	color: 002176;
	font-size: 10px;
	font-family: verdana, arial;
}
/* ----------------------- */


	
/* Template List Style Extra */
/* ------------------------- */
img{ 
	border:none;
}
hr {
	height: 1px;
	color: #002176;
	clear:both;
}
dt {
	font-weight: bold;
}
.clear {
	clear: both;
}

div#header {
	background-color: #fea;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 20px 10px 30px 15px;
	margin: 10px 5% 20px 5%;
}
div#header ul{
	margin: 10px 0 0 0;
}
div#header ul li{
	list-style-type: none;
	float: left;
	padding: 0 10px 0 0;
	font-weight: bold;
}
div#header ul li a{
	display: block;
	color: #f00;
	border-left: 1px solid red;
	padding-left: 5px;
}
div#header ul li a:hover{
	border-left: 1px solid #000;
}
/*
h2 {
	font-size: 1.2em;
	margin: 10px 0 10px 0;
}
h2 {
	font-size: 1.1em;
	margin: 10px 0 5px 0;
}
*/
p {
	margin: 0 0 10px 0;
}
acronym {
	border-bottom: 1px dashed #000;
	cursor: help;
}
div#body {
	margin: 0 5% 20px 5%;
	padding: 20px 20px 20px 20px;
	border: 1px dashed #666;
}
div#validxhtml {
	float: right;
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px;
	margin: 5px;
	width:100px;
	text-align: center;
}
div#footer {
	border-top: 1px solid #666;
	padding: 5px 5px 5px 5px;
	text-align:right;
}
div#footer span {
	float: left;
}
ul#stylelist {
	margin:0 0 30px 0;
}
ul#stylelist li {
	list-style-type: none;
	float:left;
	width:100px;
	border: 1px solid #ccc;
	background-color: #eee;
	padding:2px;
	margin-right: 2px;
}
ul#showsource {
	float: right;
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	margin: 5px;
	width:100px;
	list-style-type: none;
}
table.report td, table.report th{
	font:         menu;
}
table.report th{
	background:   buttonface;
	border-width: 1px;
	border-style: solid;
	border-color: threedhighlight threedshadow threedshadow threedhighlight;
	cursor:       hand;
}
table.report idcol {
	background: buttonface;
}

table.report tr.even{
	background-color: #399;
}
table.report tbody {
	height: 100px;
	overflow: auto;
}
table.report {
	height: 120px;
	overflow: auto;
}
table.report tbody tr{
	height: 10px;
}
table.mark td.tableCellError {
	background-color: #d00;
	color: #002176;
}
table.sublist {
	margin: 0 0 0 0;
	width: 100%;
}
table.sublist td, table.sublist th {
	width: 50%;
}
div.exportlinks {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	margin: -10px 0 10px 0;
	width: 79%;
}
span.export {
	padding: 0 4px 1px 20px;
	display:inline; display:inline-block;
	cursor: pointer;
}
span.excel {
	background-image: url(../img/ico_file_excel.png);
}
span.csv {
	background-image: url(../img/ico_file_csv.png);
}
span.xml {
	background-image: url(../img/ico_file_xml.png);
}


/* WL colors */
.TitleColor {color:#444444}
.TextColor {color:#444444}	
.HeaderColor {background-color:#FFFFFF}	
.BorderColor {background-color:#AFD3EB}	
	
/* Buttons */
form { vertical-align:middle; }
button {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	margin: 8px 8px 8px 8px; 	
	background: #F1F1F1 url(images/HigButton_Rest.gif) center repeat-x ;
	border: 1px solid #00156E; 
	color:#00156E;
	font-size: 70%;
	height:2em;
	vertical-align:middle; 
}
button.rest     { } /* This is the Default */
button.pressed  { background-image:url(images/HigButton_Pressed.gif);  background-color:#B7D8ED; }
button.default  { background-image:url(images/HigButton_Default.gif); }
button:hover    { background-image:url(images/HigButton_Hot.gif); }
button.focus    { background-image:url(images/HigButton_Hot.gif); } /* border set below */
button.disabled { background-image: none; border-color: #C7C7C7; background-color:#F1F1F1;  color:#C7C7C7;}
button.focus    {  background-color:#00156E; }


/* Footer text and links */
.terms {font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; text-decoration:none; color:#444444}
.terms a {font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; text-decoration:none; color:#444444}
.terms a:visited {color:#444444}
.terms a:hover {text-decoration:underline}
.terms a:focus {text-decoration:underline}

.button a:hover {text-decoration:none}
.button a:focus {text-decoration:none}