/*
The hierarchical styles defined in the application
The application consists of the following structure
	Content Areas										- (div.leftsidemenu, div.leftsearchmenu,div.cphmenu)
		Tree menu											- (.Tree)
		Tables												- (.cssGridViewTableOfData, .cssDetailsTableOfData, .cssSearchViewTableOfData)
			Table banner									- (.cssGridViewTableBanner, .cssTableViewTableBanner, .cssSearchViewTableBanner)
			ASP rid or Details View Controls		- (.cssGridView, .cssDetailsView, .cssSearchView)
				Template Text Boxes					- (.cssGridViewTextData, .cssDetailsViewTextData, .cssSearchViewTextData)
				Template DropDown Lists			- (.cssGridViewDropDownList, .cssDetailsViewDropDownList, .cssSearchViewDropDownList)
				Template DropDown Label			- (.cssGridViewLabel, .cssDetailsViewLabel, .cssSearchViewLabel)
There are three control styles defined
	Styles for GridView control
	Styles for DetailsView control
	Styles for Search control, which is a Details View Control
*/
/* 
*************************************************************************************
Styles for Contents Areas, these are the main areas of the application interface
*************************************************************************************
*/

div.menu_area
{
width:230px;
position:absolute;
left:0;
top:60px;
padding-left:0%;
padding-right:0%;
margin-left:0%;
margin-right:0;
margin-top:0;
height:1000px;
z-index:2;
overflow:auto;
}
div.search_area
{
position:absolute;
left:0;
width:5100px;
height:30px;
padding-left:1%;
padding-right:1%;
margin-left:0;
margin-right:0;
margin-top:0;
background-color: Gray;
z-index:3;
overflow:auto;

}
div.main_area
{
position:absolute;
top:60px;
left:230px;
width:5100px;
height :8000px;
margin-left: 0%;
margin-top:0;
margin-right:0;
padding-left:1%;
padding-right:0;
z-index:1;
overflow:auto;
}



/* 
*************************************************************************************
Styles for Tree navigation 
*************************************************************************************
*/
.Tree
{
	font-family: Verdana;
	font-size: 0.7em;
	text-align: left;
	font-weight: bold;
	text-transform: capitalize;
	color: #0066cc;

}

/* 
*************************************************************************************
Styles for Tables
Each content area contains tables within which controls are placed
*************************************************************************************
*/


.cssDetailsViewTableOfData
{
	font-family: Verdana;
	background-color: white;
	color: #0066cc;
	font-size: 1em;
	text-align: left;
	font-weight: bold;
	text-transform: capitalize;
	border-left-color: white;
	border-bottom-color: white;
	border-top-color: white;
	border-right-color: white;
}

.cssGridViewTableOfData
{
	font-family: Verdana;
	background-color: white;
	color: black;
	font-size: 1em;
	text-align: left;
	font-weight: bold;
	text-transform: capitalize;
	border-left-color: white;
	border-bottom-color: white;
	border-top-color: white;
	border-right-color: white;
}

.cssSearchViewTableOfData
{
	font-family: Verdana;
	background-color: white;
	color: black;
	font-size: 1em;
	border-top-style: outset;
	border-right-style: outset;
	border-left-style: outset;
	border-bottom-style: outset;
	text-align: left;
	font-weight: bold;
	text-transform: capitalize;
	border-left-color: white;
	border-bottom-color: white;
	border-top-color: white;
	border-right-color: white;
}

/* 
*************************************************************************************
Styles for Banners
Each table has a banner title
*************************************************************************************
*/

.cssGridViewTableBanner
{
	font-family: Verdana;
	color: white;
	background-color: #0066cc;
	font-size: 1.5em;
	border-right: #0066cc thin groove;
	border-top: #0066cc thin groove;
	border-left: #0066cc thin groove;
	border-bottom: #0066cc thin groove;
}

.cssDetailsViewTableBanner
{
	font-family: Verdana;
	color: white;
	background-color: #0066cc;
	font-size: 1em;
	border-right: #0066cc thin groove;
	border-top: #0066cc thin groove;
	border-left: #0066cc thin groove;
	border-bottom: #0066cc thin groove;
}

.cssSearchViewTableBanner
{
	font-family: Verdana;
	color: white;
	background-color: #0066cc;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: capitalize;
	border-right: #0066cc thin groove;
	border-top: #0066cc thin groove;
	border-left: #0066cc thin groove;
	border-bottom: #0066cc thin groove;
}

div.cssBody
{
}

div.center
{
    background-position: center;
}
/* 
*************************************************************************************
Styles for Grid and Details View Controls
Tables then contain the main asp controls
*************************************************************************************
*/

.cssDetailsView
{
    border-style: solid;
    border-width: medium;
    font-family: Verdana;
    color: #0066cc;
    font-size: 0.7em;
    background-color: white;
    text-align: left;
    font-weight: bold;
    text-transform: capitalize;
}

.cssGridView
{
	font-family: Verdana;
	color: #0066cc;
	font-size: 0.6em;
	background-color: white;
	text-align: left;
	font-weight: bold;
	text-transform: capitalize;
}

.cssComment
{
	font-family: Verdana;
	color: black;	
	text-transform:  none;
	font-weight:normal;
	font-size:0.7em;
}
.cssSearchView
{
	font-family: Verdana;
	color: #0066cc;
	font-size: 0.6em;
	background-color: white;
	text-align: left;
	font-weight: bold;
	text-transform: capitalize;
}



/* 
*************************************************************************************
Styles for Text Boxes 
Control template style
*************************************************************************************
*/

.cssGridViewTextBox
{
color: black;
font-size: 1em;
font-family: Verdana;
}

.cssDetailsViewTextBox
{
color: black;
font-size: 1em;
font-family: Verdana;
}

.cssSearchViewTextBox
{
color: black;
font-size: 1em;
font-family: Verdana;
}

.cssGridViewTextBoxEdit
{
color: black;
font-size: 1em;
font-family: Verdana;
}

.cssDetailsViewTextBoxEdit
{
color: black;
font-size: 1em;
font-family: Verdana;
}

.cssDetailsViewTextBoxEditSingleField
{
	color: black;
	font-size: 1em;
	background-color: silver;
	font-family: Verdana;
}

.cssGridViewTextBoxInsert
{
color: black;
font-size: 1em;
font-family: Verdana;
}

.cssDetailsViewTextBoxInsert
{
color: black;
font-size: 1em;
font-family: Verdana;
}

.cssSearchViewTextBoxEdit
{
color: black;
font-size: 1em;
font-family: Verdana;
}

.cssDetailsViewLabelData
{
color: black;
font-size: 1em;
font-weight:normal;
font-family: Verdana;
}

/* 
*************************************************************************************
Styles for DropDownLists 
Control template style
*************************************************************************************
*/

.cssGridViewDropDownList
{
	font-size: 1em;
	font-weight: bold;
	text-transform: capitalize;
	color: black;
	background-color: white;
	font-family: Verdana;
}

.cssDetailsViewDropDownList
{
	font-size: 1em;
	font-weight: bold;
	text-transform: capitalize;
	color: black;
	background-color: white;
	font-family: Verdana;
}

.cssSearchViewDropDownList
{
	font-size: 1em;
	font-weight: bold;
	text-transform: capitalize;
	color: black;
	background-color: white;
	font-family: Verdana;
}

/* 
*************************************************************************************
Styles for Labels 
Control template style
*************************************************************************************
*/

.cssListViewRowStyle
{
	text-transform: capitalize;
	font-family: Verdana;
	color: black;
}
.cssListViewRowEditStyle
{
	font-weight: normal;
	text-transform: capitalize;
	font-family: Verdana;
	color: black;
	background-color: Gray;
}
.cssListViewRowInsertStyle
{
	font-weight: normal;
	text-transform: capitalize;
	font-family: Verdana;
	color: black;
	background-color: Gray;
}
.cssGridViewLabel
{
	font-size: 1em;
	font-weight: bold;
	text-transform: capitalize;
	color: black;
	font-family: Verdana;
}

.cssDetailsViewLabel
{
	font-size: 1em;
	font-weight: bold;
	text-transform: capitalize;
	color: black;
	font-family: Verdana;
}

.cssSearchViewLabel
{
	font-size: 1em;
	font-weight: bold;
	text-transform: capitalize;
	color: black;
	font-family: Verdana;
}


.cssEditRowStyle
{
	font-weight: normal;
	text-transform: capitalize;
	font-family: Verdana;
	color: black;
	background-color: Gray;
}

.cssRowStyle
{
	text-transform: capitalize;
	font-family: Verdana;
	color: black;
}

.cssSelectedRowStyle
{
	text-transform: capitalize;
	font-family: Verdana;
	color: black;
}

.cssPagerRowStyle
{
	text-transform: capitalize;
	font-family: Verdana;
	color: black;
	background-color: white;
}

.cssHeaderStyle
{
	text-transform: capitalize;
	font-family: Verdana;
	background-color: #e3e3e3;
	font-weight: bold;
	color: #0066cc;
}

.cssAlternatingRowStyle
{
	text-transform: capitalize;
	font-family: Verdana;
	color: black;
	background-color: #e3e3e3;
}

/* 
*************************************************************************************
Styles for Drop-down menus 
Control template style
*************************************************************************************
*/
.primaryStaticMenu
{
	background-color: white;
	float: left;
	font-size: 0.72em;
	font-family: Verdana;
		width: 20.5em;
	color: white;
}
.primaryStaticMenuItem
{
	top: 0;
	width: 20.5em;
	font-family: Verdana;
	background-color: transparent;
	color: #0066cc;
	padding: 0.01em 0 0.01em 0.01em;
	border-right: silver thin ridge;
	border-top: silver thin ridge;
	border-left: silver thin ridge;
	border-bottom: silver thin ridge;
	font-weight: bold;
	font-size: 1.2em;
}

.primaryDynamicMenu
{
	font-family: Verdana;
	background-color: white;
	border-bottom: solid 1px #ccc;
	font-size: 1.0em;
	color: #0066cc;
		width: 5em;
}
.primaryDynamicMenuItem
{
	font-family: Verdana;
		width: 20.5em;
	font-size: 1em;
	background-color: white;
	color: #0066cc;
	padding: 0.5em 0 0.5em 1em;
	border-right: white 1px outset;
	border-top: white 1px outset;
	border-left: white 1px outset;
	border-bottom: white 1px outset;
}

.primaryStaticHover
{
	color: #0066cc;
	background: none transparent scroll repeat 0% 0%;
	border-right: silver thin ridge;
	border-top: silver thin ridge;
	border-left: silver thin ridge;
	border-bottom: silver thin ridge;
		width: 20.5em;
}

.primaryDynamicHover
{
	color: #0066cc;
	background: gainsboro;
	border-left-color: white;
	border-bottom-color: white;
	border-top-style: outset;
	border-top-color: white;
	border-right-style: outset;
	border-left-style: outset;
	border-right-color: white;
	border-bottom-style: outset;
	font-weight: normal;
	text-transform: capitalize;
	font-family: Verdana;
	width: 20.5em;
}	

.cssReportViewer
{
font-size: 1em;
font-family: Verdana;
}

/* 
*************************************************************************************
Styles for tab layout 
*************************************************************************************
*/

    #header {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
      }
    #header ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #header li
{
	float: left;
	background: url("Images/tab_left.gif") no-repeat left top;
	margin: 0;
	padding: 0 0 0 9px;
}
    #header a {
      display:block;
      background:url("Images/tab_right.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#765;
      }
    #header a:hover {
      color:#333;
      }
    #header #current {
      background-image:url("Images/tab_left_on.gif");
      }
    #header #current a {
      background-image:url("Images/tab_right_on.gif");
      color:#333;
      padding-bottom:5px;
      }
      
 /* 
*************************************************************************************
Styles used for login page
*************************************************************************************
*/
 
 .cssSimpleTableBanner
{
	font-family: Verdana;
	color: white;
	background-color: #0066cc;
	font-size: 1em;
	border-right: #0066cc thin groove;
	border-top: #0066cc thin groove;
	border-left: #0066cc thin groove;
	border-bottom: #0066cc thin groove;
}

.cssSimpleTable
{
	font-family: Verdana;
	background-color: white;
	color: #0066cc;
	font-size: 1em;
	text-align: left;
	font-weight: bold;
	border-left-color: #0066cc ;
	border-bottom-color: #0066cc;
	border-top-color: #0066cc;
	border-right-color: #0066cc;
	 border-style : dashed;
}

.cssErrorMessage
{
font-family: Verdana;
	font-size: 1.2em;
	color : Red;
}
.cssGeneralMessage
{
font-family: Verdana;
	font-size: 1.2em;
	color : black;
}

/* when working with an individual cssClass for textboxes and
multiline textboxes the default font and other attributes can
be picked up from the following style definition
*/

input
{
font-family: Verdana;
	font-size: 1em;
}

textarea
{
font-family: Verdana;
	font-size: 1em;
}