﻿body 
{
background-image: url("../images/bgImage.gif");
/*background-repeat: repeat-x;*/
color: #1E3253;
font-family: Verdana;
font-size: 11px;
margin: 0px;
}
/*
Character Styles
*/
h1{
font-family: Verdana;
font-size: 14px;
font-weight: bold;
}
h2{
font-family: Verdana;
font-size: 12px;
font-weight: bold;
font-style: italic;
}
.bulletUl {
   margin-left: 0px; 
   padding-left: 0px;
   list-style-position: inside;
}
.bulletLi{
font-family: Verdana;
font-size: 12px;
font-weight: bold;
list-style-image: url(../images/liBullet.gif);
}
/*///////////////////////////////////////////
Index div layout
//////////////////////////////////////////*/
div#outer {
    width: 80%;
    background-color:#FFFFFF;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    border-right: 6px solid #71201e;
    border-left: 6px solid #71201e;
    border-bottom: 4px solid #71201e;

}

div#header 
{
    height: 150px;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 10px;
    margin: 0px;
    text-align: left;
    background-image: url("../images/headerBg.gif");
    background-repeat: repeat-x;
    position: relative;
    
}

div#nav {
    width: 330px;
    padding: 10px;
    margin-top: 1px;
    float: left;
    min-height: 450px;
    /*border-right: 2px solid #616161;*/

}

div#main {
    margin-left: 15%;
    margin-top: 1px;
    padding: 0px 4px 4px 4px;
    min-height: 450px;

}

div#footer {
    padding: 6px;
    margin: 0px;
    background-color: #71201e;
    color: #c1c1c1;

}
/*////////////////////////////////////////////*/
td{
 font-family: Verdana;
 font-size: 11px;

}

A:link,A:visited,A:active
  {
  text-decoration: none; 
  color: #71201e; 
  font-weight: normal; 
  font-family: Verdana; 
  font-size: 12px;
  }
A:hover {
text-decoration: none; 
color: #3c6664; 
font-weight: normal; 
font-size: 12px; 
font-family:Verdana;
}

/*//////////////////////////////////////////////////
Tabs - See product page index.aspx
/////////////////////////////////////////////////*/
    .tabsUl {
		list-style: none;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 124px;
		left: 500px;
    }
    
	.tabsLi {
		float: left;
		border: 1px solid #616161;
		border-bottom-width: 0;
		margin: 0;
    }
    
	A.tabs:link,A.tabs:visited,A.tabs:active {
		text-decoration: none;
		display: block;
		background: #eee;
		padding-top: 0.24em;
		padding-bottom: 0.24em;
		padding-left: 1em;
		padding-right: 1em;
		width: 6.8em;
		text-align: center;
    }
    
	
	a.tabs:hover {
		background: white;
	}
	
	.selectedLi {
		float: left;
		border: 1px solid #616161;
		border-bottom-width: 0;
		margin: 0;
	}
	
	A.selectedLink:Link,A.selectedLink:Visited,A.selectedLink:Active
	{
	    text-align: center;
		top: 1px;
		background: #616161;
		color: white;
		font-weight: bold;
		display: block;
	    padding-top: 0.24em;
		padding-bottom: 0.24em;
	    padding-left: 1em;
		padding-right: 1em;
		width: 6.8em;
	}
	
	/* longer cell */
    A.longTab:link,A.longTab:visited,A.longTab:active {
		text-decoration: none;
		display: block;
		background: #eee;
		padding-top: 0.24em;
		padding-bottom: 0.24em;
		padding-left: 1em;
		padding-right: 1em;
		width: 150px;
		text-align: center;
	}
		
	a.longTab:hover {
		background: white;
	}
	
	.selectedLi {
		float: left;
		border: 1px solid #616161;
		border-bottom-width: 0;
		margin: 0;
	}
    A.selectedLinkLong:Link,A.selectedLinkLong:Visited,A.selectedLinkLong:Active
	{
	    text-align: center;
		top: 1px;
		background: #616161;
		color: white;
		font-weight: bold;
		display: block;
	    padding-top: 0.24em;
		padding-bottom: 0.24em;
	    padding-left: 1em;
		padding-right: 1em;
		width: 150px;
	}


/*/////////////////////////////////////*/
/* text sizes */

.lblBlue
{
text-decoration: none; 
color: #1E3253; 
font-size: 14px; 
font-family: Verdana;
font-weight: bold;  
}
.lblRed
{
text-decoration: none; 
color: #920941; 
font-size: 16px; 
font-family: Verdana;
font-weight: bold;  
}
.lblBlue2
{
text-decoration: none; 
color: #1E3253; 
font-size: 12px; 
font-family: Verdana;
font-weight: bold;  
}
.lblRed2
{
text-decoration: none; 
color: #920941; 
font-size: 11px; 
font-family: Verdana;
font-weight: bold;  
}

.msg{
    color: red; 
    font-weight: bold;
    font-size: 11px;
}

.lblRed3
{
    color: #920941; 
    font-weight: bold;
    font-size: 10px;
    font-family: Verdana;
}


.inputs{
font-family: Verdana;
font-size: 11px;
font-weight: bold;
color: black;
background-color: #e0e0e0;
border: 1px solid #002157;
height: auto;
width: auto;
padding: 1px;
}
.button{
font-family: Verdana;
font-size: 11px;
color: white;
background-color: #1E3253;
border: 1px solid #e0e0e0;
height: auto;
width: 90px;
padding: 1px;
}

.tblOuter {
    border: 1px solid #CFCFCF;  
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;	
	empty-cells: show;
  
}
.tdInner {
    border: 1px solid #CFCFCF;
	border-spacing: 0px;
     padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
	border-collapse: collapse;
	empty-cells: show;
    text-align: left;
    vertical-align: top;
	}
.tdInnerBlue {
    border: 1px solid #1E3253;
	border-spacing: 0px;
     padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
	border-collapse: collapse;
	empty-cells: show;
    text-align: left;
    vertical-align: top;
	}
.tdInner_center {
    border: 1px solid #CFCFCF;
	border-spacing: 0px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
	border-collapse: collapse;
	empty-cells: show;
    text-align: center;
    vertical-align: top;
	}
.subBg {
    background-color: #d5effa;
}
.titleBg {
    background-image: url("../images/blueTile.gif");
    padding: 2px;
	color: white;
	font-weight: bold;
	font-size: 11px;
}
.headerBg {
    background-image: url("../images/header_text_tile.gif");
    padding: 2px;
	font-weight: bold;
}
/*//////////////////////////////////////////////////////////////
Calendar Popup
///////////////////////////////////////////////////////////////*/
#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #317082;
	padding:1px;
	background-color: #FFF;
	font-family:Verdana;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}

#calendarDiv .selectBox{
	border:1px solid #E2EBED;		
	color: #E2EBED;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #317082;
	color: #FFF;
	position:relative;
}
#calendarDiv .selectBoxTime{
	border:1px solid #317082;		
	color: #317082;
	position:relative;
}
#calendarDiv .selectBoxTimeOver{
	border:1px solid #216072;	
	color: #216072;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #317082;


}
#calendarDiv .activeDay{	/* Active day in the calendar */
	color:#FF0000;
}
#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #E2EBED;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}
#calendarDiv .todaysDate div{
	float:left;
}
	
#calendarDiv .timeBar{
	height:17px;
	line-height:17px;
	background-color: #E2EBED;
	width:72px;
	color:#FFF;
	position:absolute;
	right:0px;
}

#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}


#calendarDiv .monthYearPicker{
	background-color: #E2EBED;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #317082;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;

}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#317082;
	color: #E2EBED;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}