
/* Layout Stylesheet 

	Contains the format for the layout of the website.
*/ 

body
{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 8pt;
	padding-bottom: 0px;
	margin: 0px;
	color: #000066;
	padding-top: 0px;
	font-family: Verdana;
	text-align: left;
}

#login
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #f0f0f0
}



#whole
{
	font-size: 8pt;
	margin-left: 0px;
	width: 770px;
	color: #000066;
	margin-right: 0pt;
	font-family: Verdana;
	text-decoration: none;
}

#whole a
{
	font-size: 8pt;
	color: #0066cc;
	font-family: Verdana;
	height: 12px;
	text-decoration: none;
}

#whole a:link, #list-menu a:active, #list-menu a:visited
{
	font-size: 8pt;
	color: #0066cc;
	font-family: Verdana;
	height: 12px;
}

#whole a:hover
{
	color: #3399ff;
	text-decoration: underline;
}

#whole table
{
	font-size: 8pt;
	font-family: Verdana;
}

#whole img
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
}





#top
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	width: 789px;
	padding-top: 0px;
	height: 20px;
}

#top table
{
	border-top: lightsteelblue 1px solid;
	border-bottom: lightsteelblue 1px solid;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 0px 0px;
	width: 770px;
	padding-top: 0px;
	height: 18px;
	background-color: #000000;
	color: #ffffff;
}




#report table {
  background-color: #FFFFFF;
  color: #CCC;
  text-align: left;
  font-size: 7pt;
  border-collapse: collapse;
  border-style: solid;
  border-width: 1px;
  border-color: #CCC;
}
#report td {
  background-color: #FFFFFF;
  color: black;
  padding: 3px;
  border-style: solid;
  border-width: 1px;
  border-color: #CCC;
}



#bodyblock
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	width: 770px;
}

#bodyblock table
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	width: 100%;
	padding-top: 0px;
}



#ftr
{
	border-top: lightsteelblue 1px solid;
	border-bottom: lightsteelblue 1px solid;
	font-size: 8pt;
	padding-bottom: 2px;
	width: 770px;
	color: #ffffff;
	padding-top: 1px;
	font-family: Verdana;
	height: 18px;
	background-color: #000066;
	text-align: center;
	text-decoration: none;
}





#list-menu
{
	width: 140px;
}

#list-menu ul {
	margin: 0; 
	padding: 0;
	list-style-type: none;
} 

#list-menu li
{
	font-size: 7pt;
	color: #ffffff;
	font-family: Verdana;
	height: 16px;
	background-color: #000066;
}

#list-menu a
{
	display: block;
	padding-left: 8px;
	font-size: 7pt;
	background: #000066;
	filter: blendTrans(duration=0);
	color: #ffffff;
	padding-top: 1px;
	font-family: Verdana;
	height: 16px;
	text-decoration: none;
}

#list-menu a:link, #list-menu a:active, #list-menu a:visited
{
	height: 16px;
	font-size: 7pt;
	cursor: hand;
	color: #ffffff;
	font-family: Verdana;
}

#list-menu a:hover
{
	font-size: 7pt;
	background: #990000;
	color: #ffffff;
	font-family: Verdana;
	height: 16px;
}

#dg a
{
	font-size: 7pt;
	text-decoration: none;
}

#dg a:link, #dg a:active, #dg a:visited
{
	font-size: 7pt;
	text-decoration: none;
}

#dg a:hover
{
	font-size: 7pt;
	text-decoration: none;
}



#monthblock a
{
	border-top: lightsteelblue 1px solid;
	font-size: 7pt;
	border-left: lightsteelblue 1px solid;
	border-bottom: #80baff 1px solid;
	width: 49px;
	padding-top: 1px;
	height: 17px;
	background-color: #edf4ff;
	text-align: center;
	text-decoration: none;
}

#monthblock a:link, #monthblock a:active, #monthblock a:visited, #monthblock a:hover
{
	border-top: lightsteelblue 1px solid;
	font-size: 7pt;
	border-left: lightsteelblue 1px solid;
	border-bottom: #80baff 1px solid;
	width: 49px;
	padding-top: 1px;
	height: 17px;
	background-color: #edf4ff;
	text-align: center;
	text-decoration: none;
}



.dotted
{
	border-width: thick;
	border-style: dotted;
	border-color: #4e8cde;
}


.freebar
{
	border-top: #000000 1px solid;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
	background-color: #00cc00;
}

.usedbar
{
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	background-color: #0000cc;
}


.dg_link
{
	font-size: 7pt;
}

.lblErr
{
	font-size: 10px;
	color: #ff0000;
}

.tbx
{
	border-right: #89a6cd 1px solid;
	padding-right: 2px;
	border-top: #89a6cd 1px solid;
	padding-left: 3px;
	font-size: 11px;
	border-left: #89a6cd 1px solid;
	color: navy;
	padding-top: 2px;
	border-bottom: #89a6cd 1px solid;
	font-family: Verdana;
	height: 19px;
}

.btn
{
	border-right: #81b9f1 1px solid;
	border-top: #81b9f1 1px solid;
	font-weight: bold;
	font-size: 9px;
	border-left: #81b9f1 1px solid;
	cursor: hand;
	color: white;
	border-bottom: #81b9f1 1px solid;
	font-family: Verdana;
	letter-spacing: 1pt;
	height: 19px;
	background-color: #5c95db;
}

.tbxForm
{
	border-right: #89a6cd 1px solid;
	padding-right: 2px;
	border-top: #89a6cd 1px solid;
	padding-left: 2px;
	font-size: 10px;
	border-left: #89a6cd 1px solid;
	color: #151515;
	padding-top: 1px;
	border-bottom: #89a6cd 1px solid;
	font-family: Verdana;
	height: 17px;
}

.lblForm-D
{
	font-weight: bold;
	font-size: 10px;
	color: blue;
	font-family: Verdana;
}

.tbxForm-M
{
	border-right: #89a6cd 1px solid;
	padding-right: 2px;
	border-top: #89a6cd 1px solid;
	padding-left: 2px;
	font-size: 10px;
	border-left: #89a6cd 1px solid;
	color: #151515;
	padding-top: 1px;
	border-bottom: #89a6cd 1px solid;
	font-family: Verdana;
}

.tbxForm-R
{
	border-right: #89a6cd 1px solid;
	padding-right: 2px;
	border-top: #89a6cd 1px solid;
	padding-left: 2px;
	font-size: 10px;
	border-left: #89a6cd 1px solid;
	color: #151515;
	padding-top: 1px;
	border-bottom: #89a6cd 1px solid;
	font-family: Verdana;
	text-align: right;
}

.tbxForm-L
{
	border-right: #89a6cd 1px solid;
	padding-right: 2px;
	border-top: #89a6cd 1px solid;
	padding-left: 2px;
	font-size: 10px;
	border-left: #89a6cd 1px solid;
	color: #151515;
	padding-top: 1px;
	border-bottom: #89a6cd 1px solid;
	font-family: Verdana;
	text-align: left;
}

.formTagHeader
{
	padding-right: 6px;
	padding-left: 6px;
	font-weight: bold;
	padding-bottom: 2px;
	width: 10px;
	color: #ffffff;
	padding-top: 2px;
	background-color: #5b6993;
	text-align: left;
}

.formTagContent
{
	border-right: #a1afcb 1px solid;
	padding-right: 5px;
	border-top: #a1afcb 1px solid;
	margin-top: -9px;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: #a1afcb 1px solid;
	padding-top: 15px;
	border-bottom: #a1afcb 1px solid;
}

.formTag-edge
{
	margin: 0px;
	padding: 0px;
}

.base td
{
	font-size: 10px;
	vertical-align: baseline; 
	color: #46649e;
	height: 21px;
}

.ddlForm
{
	border-right: #89a6cd 1px solid;
	border-top: #89a6cd 1px solid;
	font-size: 10px;
	border-left: #89a6cd 1px solid;
	color: #151515;
	border-bottom: #89a6cd 1px solid;
	font-family: Verdana;
}

/*
#tabblock a, #tabblock a:link, #tabblock a:active, #tabblock a:visited
{
	padding-right: 3px;
	border-top: #7bb9e1 1px solid;
	padding-left: 3px;
	font-weight: bold;
	font-size: 7pt;
	border-bottom-width: 1px;
	border-bottom-color: #ffffff;
	padding-bottom: 2px;
	border-left: #7bb9e1 1px solid;
	color: #ffffff;
	padding-top: 2px;
	height: 17px;
	background-color: #2765c5;
	text-align: center;
	text-decoration: none;
}

#tabblock a:hover
{
	padding-right: 3px;
	border-top: #7bb9e1 1px solid;
	padding-left: 3px;
	font-weight: bold;
	font-size: 7pt;
	border-bottom-width: 1px;
	border-bottom-color: #ffffff;
	padding-bottom: 2px;
	border-left: #7bb9e1 1px solid;
	color: #0b3b9b;
	padding-top: 2px;
	height: 17px;
	background-color: #a6ccfc;
	text-align: center;
	text-decoration: none;
}
*/

.tab a, .tab a:link, .tab a:active, .tab a:visited, .tab a:hover
{
	border-right: #808080 1px solid;
	padding-right: 4px;
	border-top: #808080 1px solid;
	padding-left: 4px;
	font-weight: bold;
	font-size: 7pt;
	border-bottom-width: 1px;
	border-bottom-color: #ffffff;
	padding-bottom: 2px;
	border-left: #808080 1px solid;
	color: #192d70;
	padding-top: 2px;
	font-family: Verdana;
	height: 17px;
	background-color: #d7f1ff;
	text-align: center;
	text-decoration: none;
}

.tab2 a, .tab2 a:link, .tab2 a:active, .tab2 a:visited, .tab2 a:hover
{
	border-right: #808080 1px solid;
	padding-right: 4px;
	border-top: #808080 1px solid;
	padding-left: 4px;
	font-weight: bold;
	font-size: 7pt;
	padding-bottom: 2px;
	border-left: #808080 1px solid;
	color: midnightblue;
	padding-top: 2px;
	border-bottom: #808080 1px solid;
	font-family: Verdana;
	height: 17px;
	background-color: #b6e8ff;
	text-align: center;
	text-decoration: none;
}

.tabPanel
{
	border-right: #808080 1px solid;
	left: 0px;
	border-left: #808080 1px solid;
	width: 579px;
	border-bottom: #808080 1px solid;
	position: absolute;
	top: 0px;
	text-align: center;
}

.pan
{
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	border-left: lightgrey 1px solid;
	border-bottom: lightgrey 1px solid;
}

/*
.pan
{
	border-right: lightskyblue 1px solid;
	border-top: lightskyblue 1px solid;
	font-size: 10px;
	left: 200px;
	vertical-align: baseline;
	border-left: lightskyblue 1px solid;
	width: 560px;
	color: #46649e;
	border-bottom: lightskyblue 1px solid;
	top: 210px;
}
*/
.lblForm
{
	font-weight: bold;
	font-size: 10px;
	color: #46649e;
	padding-top: 3px;
}


.btnSearch
{
	border-right: #81b9f1 1px solid;
	border-top: #81b9f1 1px solid;
	font-weight: bold;
	font-size: 9px;
	border-left: #81b9f1 1px solid;
	cursor: hand;
	color: white;
	border-bottom: #81b9f1 1px solid;
	font-family: Verdana;
	letter-spacing: 1pt;
	height: 19px;
	background-color: #5c87cd;
}

.tbxSearch
{
	border-right: #89a6cd 1px solid;
	padding-right: 2px;
	border-top: #89a6cd 1px solid;
	padding-left: 2px;
	font-size: 10px;
	border-left: #89a6cd 1px solid;
	color: #151515;
	padding-top: 2px;
	border-bottom: #89a6cd 1px solid;
	font-family: Verdana;
	height: 17px;
}

.ddlSearch
{
	border-right: #89a6cd 1px solid;
	border-top: #89a6cd 1px solid;
	font-size: 10px;
	border-left: #89a6cd 1px solid;
	color: #151515;
	border-bottom: #89a6cd 1px solid;
	font-family: Verdana;
}

#dgSearch a, #dgSearch a:link, #dgSearch a:active
{
	font-size: 9px;
	text-decoration: none;
}

#dgSearch a:hover
{
	font-size: 9px;
	text-decoration: underline;
}

#linkSearch a, #linkSearch a:link, #linkSearch a:active
{
	font-size: 9pt;
	color: #0033cc;
	font-family: Verdana;
}

#linkSearch a:hover
{
	font-size: 9pt;
	color: #0033cc;
	font-family: Verdana;
	text-decoration: underline;
}


.toolBtn
{
	border-right: #5c87cd 1px solid;
	border-top: #5c87cd 1px solid;
	font-weight: bold;
	font-size: 8px;
	border-left: #5c87cd 1px solid;
	cursor: hand;
	color: white;
	border-bottom: #5c87cd 1px solid;
	font-family: Verdana;
	letter-spacing: 1pt;
	height: 16px;
	background-color: #083379;
}



.btnTag
{
	border-right: #81b9f1 1px solid;
	border-top: #81b9f1 1px solid;
	font-weight: bold;
	font-size: 9px;
	font-family: Verdana;
	border-left: #5c95db 1px solid;
	cursor: hand;
	color: white;
	border-bottom: #5c95db 1px solid;

	letter-spacing: 1pt;
	height: 19px;
	background-color: #5c95db;
}


.panelTag
{
	border-right: #5c95db 1px solid;
	border-top: #5c95db 1px solid;
	border-left: #5c95db 1px solid;
	border-bottom: #5c95db 1px solid;
}


.rbtnGrp
{
	margin: -6px -1px -6px 2px;
}

.imgBtnNew
{
	margin-top: 3px;
	margin-left: 7px;
	margin-right: 7px;
}

.imgBtnDelete
{
	margin-bottom: 0px;
	margin-left: 7px;
	margin-right: 7px;
}

.imgBtn
{
	margin-left: 7px;
	margin-right: 7px;
}

/*START:New CSS*/

.BlockHeaderText
{
    FONT-WEIGHT : BOLD;    
    FONT-SIZE : 10px;
    FONT-FAMILY : Verdana;
}

.BlockBodyText
{
    font-size: 10px;
    font-family: Verdana;
    text-align: justify;
}

.BlockAdminTableHeader
{
    BORDER-RIGHT: #ff0000 1px solid;
    BORDER-TOP: #ff0000 1px solid;
    BORDER-LEFT: #ff0000 1px solid;
    BORDER-COLLAPSE: collapse;
    BACKGROUND-COLOR : #ff6464;
}

.BlockAdminTableBody
{
    BORDER-RIGHT: #ff0000 1px solid;
    BORDER-TOP: #ff0000 1px solid;
    BORDER-LEFT: #ff0000 1px solid;
    BORDER-BOTTOM: #ff0000 1px solid; 
    BORDER-COLLAPSE: collapse
}

.BlockTableHeader
{
    BORDER-RIGHT: #596e89 1px solid;
    BORDER-TOP: #596e89 1px solid;
    BORDER-LEFT: #596e89 1px solid;
    BORDER-COLLAPSE: collapse;
    BACKGROUND-COLOR: #dcdcdc;
}

.BlockTableBody
{
    BORDER-RIGHT: #596e89 1px solid; 
    BORDER-TOP: #596e89 1px solid; 
    BORDER-LEFT: #596e89 1px solid; 
    BORDER-BOTTOM: #596e89 1px solid; 
    BORDER-COLLAPSE: collapse
}
/*END:New CSS*/