/*******************************************************************************
 * This file contains all the styles definitions for the skin of all the pages
 *
 * Table of contents: 		
 *		Deprecated: =Deprecated
 *		Misc: =General
 *		Misc: =Footer
 *		Headings: =Headings
 *		Components: =Ruler
 *		Components: =Tooltips
 *		Components: =Progress bar
 *		Components: =Calendar
 * 		Components: =Pageindicator
 *		Components: =Section
 *		Navigation: =Buttons
 *		Navigation: =Links
 *		Navigation: =Tabs
 *		Search: =Results table
 *		Forms: =Tableless forms
 * 
 * Quick tips:
 * 1. Keep the structure as in the TOC above.
 * 2. Write the definitions in alphabetical order.
 * 3. Write every definition on its own line. (like in the below example).
 * 4. Indent only the definitions inside a selector (with four spaces) while 
 * the selector should be on a new line with no white space in front of it.
	 Ex:
	selector {
		definition;
		definition;
		definition;
	}
 * 5. When writing definitions for a new selector add a comment with a short
 * description of what it does or what is used for and necessary comments for 
 * unobvious code or unobvious reasons you used that code for. (In other words
 * write comments with common programmers sense)
 * 
 ******************************************************************************/

/** Deprecated: =Deprecated
----------------------------------------------------------
*/
TD.columnHeading P, TD.columnHeading DIV {
	text-align:left;
	font-weight : bold;
	font-family: verdana;
	white-space : nowrap;
}
TD.rowLabel P, TD.rowLabel DIV {
	text-align:right;
	font-weight : bold;
}
TD.rowLabel_left P, TD.rowLabel_left DIV {
	text-align:left;
	font-weight : normal;
}
TD.columnItem P, TD.columnItem DIV {
	text-align:left;
	font-weight : normal;
}
TD.rowLabel DIV {
	font-family: Arial ; font-size: 10px
}
/** End =Deprecated*/

/** Specific to home page. Should be moved.*/
.boldVerdana {
	font-family: verdana;
	font-size: 13px;
	font-weight: bold;
}
div.boldVerdana.blue {
	color: #0871A5;
}
.bgcolor.tour {
	border-style:solid;
	border-color:gray;
}
.bgcolor.homeForm {
	border-style: solid;
	border-color: #DEDBDE;
}

/* Misc: =General
----------------------------------------------------------
*/
body, form, input, div, img, .mainForm, table, textarea, select, option {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
}	
body, body.nav {
	text-align: center;
	color: #000;
	background-color: #FFFFFF;
} 
body.nav {
	background-color: #d3d2d2;
}
.bold{
	font-weight: bold;
}
table{
	border-style: none;
}
li{
	font-weight: normal;
	
}
a {
	color : #026da0;
	text-decoration: underline;
}
a.nav:hover {
	color:	#5C616C;
}
.bold_text{
	font-weight: bolder;
}
.align_right_text{
	text-align: right;
}
.align_center_text{
	text-align: center;
}
.capitalize_text{
	text-transform: capitalize;
}
SPAN.notAvailable{
	color : #999;
}
.bgcolor{
	background-color: #FFF;
}
p.smallText {
	font-size : 9px;
}
div.errors, .warning {
	color: red;
}
div.content{
	text-align: left;
}
div.nav {	
	font-family: Arial;
	font-size: 10px;
	font-weight: bolder;
}
TD.nav {
	background-color:#d3d2d2;	
	font-family: Arial;
	font-size: 10px;
	font-weight: bolder;
}
TD.menu { /* used only in claimdetails.jsp*/
	background-color:#d3d2d2;
}
div.formHolder {
	border-style: solid;
	border-color: #dedbde;
}
.navcolor {
	background-color: #D3D2D2; /*skinable element*/
}
.exampleStyle {
	color: #D0A03F;
}
.errorMessages {
	border-style: solid;
	border-color: #F7C600;
	background-color: #FFFFCE;
}
ul.errors {
	list-style-type: none;
}
ul.errors li {
	color: red;
	font-weight: bolder;				
}
SPAN.smallIndent{
	font-size:10px;
}
SPAN.doHL SPAN.hl{
	color : #FF0000;
}
span.outline{	
	font-weight: bolder;
	color : #5C616C;
}

/* Misc: =Footer
-------------------------------------------------
*/
div.footer {
	text-align: left;
}
div.footer ul.navigation a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 2px;	
	color: gray;
	text-decoration: none;
}
div.bottomTitle{
	border-top-style: solid;
	border-top-color: #5c616c;
}
div.footer div.bottomTitle a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:	bold;
	letter-spacing: 2px;	
	text-decoration: none;
	color: #5c616c;
}

/* Headings: =Headings
----------------------------------------------------------
*/
p.heading{
	color: #5C616C;
	font-size: large;
	font-family: Verdana;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: capitalize;
}
p.heading2{
	background : #d3d2d2;
	color : #000;	
	font-family: Verdana;
	font-weight : bold;
}

/* Components: =Ruler
----------------------------------------------------------
*/
hr {
	border-color: #d3d2d2;
	border-style : solid;
}	

/* Components: =Tooltips
 ----------------------------------------------------------
 */
a.tooltip {
	text-decoration:none;
}
span.toolTip {
	background-color:#D3D2D2;
	color : #000;
}
 
/* Components: =Progress Bar
-------------------------------------------------
*/
div#lblProgress {
	font-weight: bold;
}
div#empty{
	background-color: #D3D2D2;
	border-style:solid;
	border-color: #5C616C;
}
div#fill{
	background-color: #5C616C;
}

/* Components: =Calendar
----------------------------------------------------------
*/
img.calendar{
	cursor: pointer; 
	vertical-align: text-bottom;
	border-style: solid;
	border-color: blue;
}

/* Components: =Pageindicator
------------------------------------------------------
*/
div.pageIndicator a.button {
	text-decoration:none;
}
div.pagination span.pages a.pageIndicator.current{
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

/* Components: =Section
------------------------------------------------------
*/
.section.TD {
	background-color: #CEDBE7;
}
.section .full {
	border-style: solid; 
	border-color: #DEDBDE;
	border-top-color: #5C616C; /*skinable element*/
}
.section .title {
	font-weight: bolder;
	background-color: #5C616C; /*skinable element*/
	font-family: verdana;
	font-size: 12px;
	color: white;
}
.section div.title ul.horizontalList{
   list-style: none;
}
.section div.title ul.horizontalList li.left.first {
	font-weight: bold;
}
.section div.title ul.horizontalList li.right {
	padding-top: 2px;
}
.section div.full ul.items{
   list-style-type: none;
}
.section li a {
	font-size: 11px;
}
.section li.notitle a.button {
	background-color: #5C616C;
	font-size: 12px;
	font-family: Arial,sans-serif;	
}
.section li a.button {
	font-size: 10px;
	background-color: #084D63;
	color: #FFFFFF;
	font-family: verdana;
	text-decoration: none;
	white-space : nowrap;
}
.graySection {
	background: #D0DBE1;
	border-style: solid;
	border-color: #000000;
}
.section .collapse, .section .expand {
	font-family: Arial;
}
ul.section{
	list-style: none;
}
ul.section  li.half{
	background-color: #FFF; /*skinable element*/
}
ul.section li.whole{
	background-color: #FFF; /*skinable element*/
}
ul.section li.wholePage {
	background-color: #CEDBE7;
}
ul.horizontalList{
   list-style: none;
}
ul.horizontalList.navBarColor{
	background-color: #D3D2D2; /*skinable element*/
}
.section.home div.title li.left {
	text-transform: capitalize;
}
/* Navigation: =Buttons
----------------------------------------------------------
*/
a.button{
	background-color : #5C616C;
	color: white;
	text-decoration: none;
	white-space: nowrap;
}
a.button.cart, a.button.blockedCart{
	background-repeat: 	no-repeat;
	background-position:10% 50%;
}
a.button.cart{
	background-image: 	url(../images/cart.gif);	
}
a.button.blockedCart{
	background-image: 	url(../images/blocked_cart.gif);		
}
a.button.pdf{		
	background-color: transparent;
	background-repeat: 	no-repeat;
	background-position:10% 50%;
	background-image: 	url(../images/pdficon_small.gif);
	border: none;
	color: #5C616C;
	font-weight: bold;
	text-decoration: underline;
}
li.button {
    border-style: outset;
    background-color: #5C616C;
    color: #000;
    text-decoration: none;
}
input.button{	
	background-color: #5C616C;
	color: #FFF;
	cursor: pointer;
}

/* Navigation: =Links
----------------------------------------------------------
*/
a.noUnderline {
    text-decoration: none;
}
a.downloadLink {
	background:url("../images/downloadReport.gif") no-repeat;
	background-position: left center;
	border-style: solid;
	border-color: #dedbde;
}
a.customBackgroundCartColor {
	background-color: #5C616C;
}
.link {
	cursor: pointer;
}
.link.hover {
	background-color: #0096de;
}

/* Navigation: =Tabs
----------------------------------------------------------
*/
ul#subNavigation{
	list-style-type: none;
	font: bold 11px verdana;
	border-bottom-color: #DEDBDE;
	border-bottom-style: solid;
}
ul#subNavigation li{
    text-align:   center;
	border-color: #DEDBDE;
	border-style: solid;
}
ul#subNavigation li a{
	font-weight:bold;
	background-color: transparent;
}
ul#subNavigation li.tabActive{
	font-weight:bold;
	background-color: #FFF;
	border-bottom-style: solid;
	border-bottom-color: #f7f3f7;
	color:#5c616c;
}
ul#subNavigation li.tabInactive{
	background-color:#f7f3f7;
}
ul#subNavigation li.tabInactive a{
	text-decoration: none;
	color: gray;
	font-weight: normal;
}
div.tabBody{
	border-style: solid;
	border-color: #dedbde;
	border-top-style: none;
}

/* Search: =Result Table
----------------------------------------------------------
*/
.preHeader {
	font-family: verdana;
	font-size: 13px;
	font-weight: bold;
}
tr.tabelHeader {
	color:#FFFFFF;
	background-color: #5C616c; /*skinable element*/
	font-family: Verdana;
	font-size: 11px;
	white-space:nowrap;
}
tr.tabelPreHeader {
	color:#000000;	
	background-color: #F7F3F7; /*skinable element*/
}
table.borderedTable {
	border-color: #dedbde;
	border-style: solid;
	text-align:left;
}
table.borderedTable td {
	border-color: #dedbde;
}
table.borderedTable.black, table.borderedTable.black td, table.borderedTable.black th {
	border-color: #000;
}
table.horizontalBorder td {
	border-width:0pt 1px;
	padding:3px;
}

a.sort, a.nosort{
	font-weight: bolder;
	color : #fff;
	text-decoration: none;
	background-repeat: no-repeat;
}
a.sort, a.sort.up, a.nosort {
	background-position: 4px center;
}
a.sort, a.sort.up{
	background-image: 	url(../images/sortArrowUp.gif);	
}
a.sort.down{
	background-image: 	url(../images/sortArrowDown.gif);	
}
a.nosort{
	background-image: 	url(../images/sortArrowNoSort.gif);
}
TD.radioButtonLabel P{
	text-align:left;
	font-weight : normal;
}
TD.checkBoxLabel P{
	text-align:left;
	font-weight : normal;
}
TD.textField DIV {
	font-size : 10px;
}
TD.csTextField {
	font-size : 12px;
}
tr.odd td{
	background-color: #FFF;
}
tr.even td{
	background-color: #D3D2D2;
}
tr.even a#letter{
	color:white;
	text-decoration: none;
}
TABLE.headerTable TD.bold
{
	color:#FFFFFF;
	background-color:#D0A03F;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Verdana, sans-serif;
}
TABLE.headerTable TD.normal
{
	color:#FFFFFF;
	background-color:#D0A03F;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
}
td.number {
	text-align: right;
	padding-right: 2px;
}
td.input {
	text-align: center;
}

/* =Tableless forms
------------------------------
*/
ul.formList li {
	list-style: none;
}
ul.formList li label {
	text-align: right;
}
ul.formList li span label {
	font-weight: normal;;
	text-align: left;
}
ul.formList.left li label {
  text-align: left;
} 
ul.formList li.leftCol span, ul.formList li.rightCol span {
  text-align: left;
}