/* Common tags                 */
/*-----------------------------*/		

body 
{
    font-family:Verdana;
    font-size:small;
    color:#000000;
    margin: 0;
    padding: 0;
	text-align: left;
 }

A:link      { color: #41519A; text-decoration:none; }
A:visited 	{ color: #41519A; text-decoration:none; }
A:active 	{ color: #41519A;  cursor:hand; text-decoration:none; }
A:hover 	{ color: #B2C3E1;  cursor:hand; text-decoration:"underline"; }
		
A.bodyLink:link     { color: #41519A; text-decoration:none; font-weight:bold; }
A.bodyLink:visited 	{ color: #41519A; text-decoration:none; font-weight:bold; }
A.bodyLink:active 	{ color: #41519A;  cursor:hand; text-decoration:none; font-weight:bold; }
A.bodyLink:hover 	{ color: #B2C3E1;  cursor:hand; text-decoration:"underline"; font-weight:bold; }
		
p
{
	line-height: 1.4em;
}

.title
{
    font-family: verdana;
    font-size: large;
    font-weight: bold;
    color: #586F9B;
 }

hr {
	border: 0;
	border-top: 2px solid #41519A;
	height: 2px;
}

img
{
	border-width: 0;
}
menutextindent.ul
{
	/*list-style-image: url(Images/bullet.jpg);*/
	list-style-position: outside;
	list-style-type: disc;
	color: #000000;
	font-family: verdana;
    font-size: x-small;
}



/* Headings                    */
/*-----------------------------*/
h1
{
	font-size: large;
	color: #6B7EBF
}

h2
{
	font-family: Verdana;
	font-size: medium;
	margin-top: 30;
	color: #6B7EBF;
	margin-bottom: -15;
}
	
h3
{
	font-family: Verdana;
	font-size: small;
	margin-bottom: -15;
	color: #6B7EBF;
	padding-left: 15;
}

h1, h2, h3, h4
{
	margin: 0;
	font-family: Verdana;
}
th
{
	text-align:left;
}

/* Tables                      */
/*-----------------------------*/	
table
{
	background-color:inherit;	
}
table.dataTable
{
	background-color:white;
	font-size: 0.8em;
	border-style:none;	 
}

table.borderTable
{
	background-color:white;
	font-size: 0.8em;
	border-style:solid;	 
	border-color:Navy;
	border-width:thin;
}

table.header
{
	  background-color:#586F9B;
}
td
{
	background-color:inherit;
	vertical-align:top;
}
td.left
{
	background-color:inherit;
	text-align:left;
	vertical-align:top;
}
td.center
{
	background-color:inherit;
	text-align:center;
	vertical-align:top;
}
td.right
{
	background-color:inherit;
	text-align:right;
	vertical-align:top;
}

td.logo {
	text-align: left;
	width: 200px;
}

td.title {
		background-color:#586F9B;
		font-family: verdana;
		font-size: x-large;
		font-weight: bolder;
		text-align:left;
		vertical-align:middle;
		color: #FFFFFF;
		padding-left: 100px;
}
td.thintitle 
{
		padding-left: 100px;
		background-color:#586F9B;
		font-family: verdana;
		font-size: large;
		font-weight: bolder;
		text-align:left;
		vertical-align:middle;
		color: #FFFFFF;
}
td.dataHeader 
{
	background-color: #586F9B;
	font-family: verdana;
	font-size: medium;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	color: #FFFFFF;
}
td.dataHeaderExt 
{
	background-color: #586F9B;
	font-family: verdana;
	font-size: large;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
}
td.dataColumn {
	background-color: inherit;
	font-family: verdana;
	font-weight: normal;
	color: Black;
	border-style: none;
	border-width: thin;
	padding: 0px, 5px, 0px, 5px;
	text-align: left;
	vertical-align: top;
}
td.dataColumnWithPadding {
	padding: 0px 0px 0px 10px;
	text-align: left;
	vertical-align: middle;
}
td.centerHeader 
{
	background-color:#586F9B;
	font-family: verdana;
	font-size: medium;
	font-weight: bold;
	text-align:center;
	color: #FFFFFF;
}
td.centerColumn 
{
	background-color:inherit;
	font-family: verdana;
	font-weight: normal;
	color: Black;
	border-style:none;
	border-width:thin;
	padding:0, 5, 0, 5;
	text-align:center;
	vertical-align:top;	
}

td.rightbar
{
	background-image: url(Images/bar.jpg);
	text-align: right;
	height: 24px;
	padding-right:10px;
	font-family: verdana;
	font-size: 0.8em;
	color: #6B7EBF;
}

td.headerbar 
{
	background-image: url(Images/bar.jpg);
	text-align: left;
	height: 24px;
}

td.menu 
{
	background-color:#41519A;
	width: 184px;
	height: 500px;
	vertical-align: top;
}

td.footer
{
	margin-left: 30px;
	font-family: Verdana;
	font-size:xx-small;
	font-weight: normal;
	color: #41519A;
	text-align: right;
}
tr
{
	background-color:Transparent;
}
/* Blockquote                  */
/*-----------------------------*/	
blockquote.blueBlock
{
	width:auto;
	background-color:#C3C9CE;
	font-family: verdana;
	font-size: 1em;
	font-weight:bold;
	color:#FFFFFF;
}
blockquote.lightBlueBlock
{
	width:auto;
	background-color:#99ACDD;
	font-family: verdana;
	font-size: 1em;
	font-weight:bold;
	color:#FFFFFF;
}


/* datepicker */
/* the div that holds the date picker calendar */
/*.dpDiv {
    }*/


/* the table (within the div) that holds the date picker calendar */
.dpTable {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    color: #000000;
    background-color: #99ACDD;
    border: 1px solid #000080;
    }


/* a table row that holds date numbers (either blank or 1-31) */
/*.dpTR {
    }*/


/* the top table row that holds the month, year, and forward/backward buttons */
/*.dpTitleTR {
    }*/


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
/*.dpDayTR {
    }*/


/* the bottom table row, that has the "This Month" and "Close" buttons */
/*.dpTodayButtonTR {
    }*/


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
    border: 1px solid #000080;
    }


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
    background-color: #FFFF80;
    border: 1px solid #C00000;
    }


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
    background-color: #DEFEFE;
    border: 1px solid #C00000;
    cursor: pointer;
    color: red;
    }


/* the table cell that holds the name of the month and the year */
/*.dpTitleTD {
    }*/


/* a table cell that holds one of the forward/backward buttons */
/*.dpButtonTD {
    }*/


/* the table cell that holds the "This Month" or "Close" button at the bottom */
/*.dpTodayButtonTD {
    }*/


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
    background-color: #5B6DB5;
    border: 1px solid #C00000;
    color: white;
    }


/* additional style information for the text that indicates the month and year */
.dpTitleText {
    font-size: 12px;
    color: white;
    font-weight: bold;
    }


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
    color: #000080;
    font-weight: bold;
    }


/* the forward/backward buttons at the top */
.dpButton {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: black;
    background: #d8e8ff;
    font-weight: bold;
    padding: 0px;
    }


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: black;
    background: #d8e8ff;
    font-weight: bold;
    }
/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}