/* DEFAULTS HTML TAG CLASSES#EEEEEE */
/*---------------------------*/
*
{
	margin: 0px 0px 0 0px;
	padding: 0px;
}

html, body
{
	margin: 0px;
	padding: 0px;
	background: #F1F1F1;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: #000;
	height: 99.9%;
	width: 100%;
}

b
{
	font-weight: bold;
	font-size: 12px;
	color: #333;
}
i
{
	font-size: 10px;
	color: #666;
	font-style: italic;
	padding: 0 2px 0 2px;
}
u
{
	font-size: 11px;
	color: Navy;
	font-style: normal;
	text-decoration: underline;
}
a
{
	font-family: Arial;
	font-size: 12px;
	color: #3399FF;
	line-height: 10px;
	text-decoration: none;
}

a:hover
{
	font-family: Arial;
	font-size: 12px;
	color: Maroon;
	line-height: 10px;
	text-decoration: underline;
}

h1, h2
{
	font-family: Arial;
	font-size: 16px;
	color: Navy;
	font-variant: normal;
	font-weight: bold;
	line-height: 30px;
	text-transform: none;
	text-decoration: none;
	text-align: left;
	border: solid 0px blue;
	vertical-align: middle;
	padding-left: 5px;
	width: auto;
}

h2
{
	line-height: 20px;
	font-size: 14px;
}

h3
{
	font-family: Arial;
	font-size: 11px;
	color: #666;
	font-variant: normal;
	font-weight: normal;
	line-height: 12px;
	width: 200px;
	text-transform: none;
	text-decoration: underline;
	text-align: left;
	border: solid 0px blue;
	vertical-align: middle;
}

/*  PRIMARY LAYOUT ELEMENTS  F9F9F9 */
/*----------------------------*/
.page
{
	width: 100%;
	height: 99%;
	background-color: #F1F1F1;
	border: 0px solid red;
	margin: 0;
	padding: 0; /*padding: 0px 10px 0px 10px;*/
}
.header
{
	background-position: left;
	width: 100%;
	height: 70px;
	background: #ddebcf url(  '../../images/headerbanner.jpg' ); /* #4b6c9e */
	border: solid 0px #000;
}

.header h1
{
	width: 500px;
	height: auto;
	color: Navy;
	border: solid 0px red;
	font-family: Shruti, 'Segoe UI Symbol' ,MS Sans Serif;
	font-size: 22px;
	font-weight: bold;
	padding-top: 20px;
}
.container
{
	width: 100%;
	min-height: 500px;
	background-color: #FFF;
}

.containt
{
	padding: 0px 10px 10px 10px;
	margin: auto;
	min-height: 300px;
	height: auto;
	width: auto;
	background-color: #FFF;
	border: solid 0px #000;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
}
.data
{
	margin: auto;
	width: 97%; /*height:100%;*/
	margin-bottom: 10px;
	padding-top: 25px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FCFCFC;
	border: solid 0px #CCC;
	font-family: Arial;
	font-size: 12px;
}
.pageHeading
{
	margin: 0px 10px 0px 10px;
	min-height: 50px;
	width: 99%;
	border: solid 0px red;
	padding-top: 12px;
	background: url(  '../../images/line.png' ) repeat-x left bottom;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

ckground-position: left bottom;
{
}

.pageHeading h2
{
	font-family: Shruti, 'Segoe UI Symbol' ,MS Sans Serif; /*, Arial;*/
	font-size: 20px;
	font-variant: normal;
	font-weight: bold;
	line-height: 30px;
	text-transform: none;
	text-decoration: none;
	text-align: left;
	color: Navy;
	border: solid 0px blue;
	vertical-align: middle;
	padding-left: 5px;
	width: auto;
}


.divBlock
{
	border: solid 1px #BBB;
	background-color: #F8f8f8;
	margin: auto;
	padding: 3px 0 3px 0;
}

.panle
{
	min-width: 750px;
	min-height: 400px;
	border: solid 0px #000;
	margin: 5px auto;
}

/* MENU   
----------------------------------------------------------
.primaryStaticMenu td{ padding : 0px 0px 0px 0px }*/
.primaryStaticMenu
{
	background-color: transparent;
	width: 100px;
	height: 25px;
}
.primaryStaticMenuItem
{
	/*width: 100px;*/
	height: 25px;
	background-color: #eaeaea;
	border-width: 1px;
	border-color: #efefef #aaab9c #ccc #efefef;
	border-style: solid;
	color: #555;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 5px 0px 5px; /*0.5em 0 0.5em 1em;*/
}
.primaryStaticHover
{
	color: Navy;
	background: #CCC;
}

.primaryDynamicMenu
{
	/*background-color: #eaeaea;                   border-bottom: solid 1px #ccc;    */
}
.primaryDynamicMenuItem
{
	width: 180px;
	height: 25px;
	background-color: #eaeaea;
	color: #555;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 5px 1px 5px;
	border-bottom: solid 1px #aaab9c;
	border-left: solid 1px #aaab9c;
}
.primaryDynamicHover
{
	color: Navy;
	background: #CCC;
}

/* TAB   
----------------------------------------------------------*/
.menuTabs td
{
	padding: 0px;
}
.menuTabs
{
	position: relative;
	top: 1px;
	left: 3px;
	height: 22px;
}
.tab a
{
	color: #333;
}
.tab a:hover
{
	color: #000;
	text-decoration: none;
	font: bold 0.9em sans-serif;
	font-weight: bold;
	font-size: 11px;
}

.tab
{
	border: Solid 1px #94AA74;
	padding: 0px 5px;
	background-color: #BCD7A2;
	height: 22px;
	font: bold 0.9em sans-serif;
	font-weight: bold;
	font-size: 11px;
}
.tabHover
{
	color: Black;
	background-color: #7FB14B;
}
.selectedTab
{
	border: Solid 1px #94AA74;
	border-bottom: Solid 0px white;
	padding: 0px 5px;
	background-color: #F8f8f8;
}
.tabBody
{
	width: 97.5%;
	border: Solid 1px #94AA74; /*border-top:Solid 1px #d4d4d4;     border-left::Solid 1px #000;     border-right:Solid 1px #d4d4d4;     border-bottom:Solid 1px #d4d4d4;*/
	padding: 10px 10px 10px 10px; /*padding-left:10px;*/
	background-color: #F8f8f8;
}



/*    FORM ELEMENTS   */
/*--------------------*/

.table
{
	padding: 0px;
}
.table tr
{
	height: 20px;
}
th {
	display: table-cell;
	vertical-align: top;
	font-weight: bold;
	text-align: left;
}

.table td
{
	padding: 2px 5px 2px 8px;
	vertical-align: top;
}

.searchBox
{
	background-color: #DDEBCF;
	border: solid 1px #7FB14B;
}

/*    TEXT BOX CLASS  input */
.textbox
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	border: solid 1px #AAA;
	text-align: left;
	padding: 2px; /*-moz-border-radius:3px;     -webkit-border-radius:3px;     border-radius:3px;     display:block;*/
}

.textbox:hover
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	width: 150px;
	border: solid 1px #ffcc66;
	background-color: #ffffcc;
	text-align: left;
	padding: 2px;
}

.textbox:focus
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	width: 150px;
	border: solid 1px #009900;
	background-color: #ffffcc;
	text-align: left;
	padding: 2px;
}

.textbox-right-align
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	width: 70px;
	border: solid 1px #AAA;
	text-align: right;
	padding: 2px;
}

.textbox-right-align:hover
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	width: 70px;
	border: solid 1px #ffcc66;
	background-color: #ffffcc;
	text-align: right;
	padding: 2px;
}

.textbox-right-align:focus
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	width: 70px;
	border: solid 1px #009900;
	background-color: #ffffcc;
	text-align: right;
	padding: 2px;
}

.textbox_blank
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	width: 200px;
	border: solid 1px #cfcfcf;
	border-bottom: solid 1px #333; /*dashed*/
	background-color: #F8f8f8;
	text-align: left;
	vertical-align: baseline;
	padding: 2px;
}
/*    LIST BOX CLASS   */
.listbox
{
	font-family: Arial;
	font-size: 11.5px;
	font-weight: normal; /*line-height:15px;*/
	color: #333;
	border: 1px solid #003300;
	text-align: left;
	padding: 0px 0 0 3px;
	background-color: #F5FEE7;
}
.listbox:hover
{
	font-family: Arial;
	font-size: 11.5px;
	font-weight: normal;
	line-height: 15px;
	color: #333;
	border: solid 1px #ffcc66;
	background-color: #ffffcc;
	text-align: left;
	padding: 0px 0 0 3px;
}
.listbox:focus
{
	font-family: Arial;
	font-size: 11.5px;
	font-weight: normal;
	line-height: 15px;
	color: #333;
	border: solid 1px #009900;
	background-color: #ffffcc;
	text-align: left;
	padding: 0px 0 0 3px;
}
/*    DROP DOWN LIST CLASS   */
.dropdownlist
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	height: 20px; /* min-width:50px;*/
	color: #333;
	border: solid 1px #AAA;
	text-align: left;
	vertical-align: baseline;
	padding: 0px 0px 0px 0px;
}
.dropdownlist:hover
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	height: 20px; /* min-width:50px;*/
	color: #333;
	border: solid 1px #ffcc66;
	background-color: #ffffcc;
	text-align: left;
	vertical-align: baseline;
	padding: 0px 0px 0px 0px;
}
.dropdownlist:focus
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	height: 20px; /* min-width:50px;*/
	color: #333;
	border: solid 1px #009900;
	background-color: #ffffcc;
	text-align: left;
	vertical-align: baseline;
	padding: 0px 0px 0px 0px;
}

.lable
{
	font-family:Arial;
    font-size:12px;
    font-weight:normal;
    color:#000	;
    text-align:left;
    vertical-align:middle;
}
.button
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	color: #000;
	width: 60px;
	height: 25px;
	background: #79A949; /*  url(  '../../images/silvergradient.gif' )       silvergradient*/
	background-repeat: repeat-x;
	background-position: left top;
	border: solid 1px #658D3D;
}

.button:hover
{
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	color: #003399;
	width: 60px;
	height: 25px;
	background: Silver; /* url(  '../../images/silvergradient.gif' )	*/
	background-repeat: repeat-x;
	background-position: left bottom;
	border: 1px solid #003300;
	font-style: normal;
	font-variant: normal;
	text-transform: capitalize;
}
ormal;
	text-transform: capitalize;
}
.checkbox
{
	vertical-align: middle;
}

.buttonHelp
{
	cursor: default;
}

.romanNumber
{
	width: 20px;
	height: 16px;
	float: left;
	padding-left: 16px;
}

.buttonArrow
{
	cursor: pointer;
	background: url(  '../images/close.gif' );
}

.DataList
{
	padding: 2px 0px 2px 3px;
}

/*****************       Status Bar viewer    ****************/
/*************************************************************/

.footerStatus
{
	background: url(  '../../images/arrowgreen.gif' ) 100% 0 repeat-x;
	height: 25px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	border-top: 1px solid #7fb14b;
	z-index: 999999999 !important;
}

.footerStatus .left
{
	float: left;
	border: solid 0px red;
	width: 200px;
	padding-top: 7px;
	padding-left: 5px;
	font-size: 11px;
	color: #333;
}
.footerStatus .right
{
	float: right;
	border: solid 0px red;
	width: 300px;
	padding-top: 7px;
	padding-right: 5px;
	text-align: right;
	font-size: 11px;
	color: #333;
}

/*************************************************************/


/*****************       Image Thumbnail Viewer    ****************/
/*************************************************************/


#thumbBox
{
	/*Outermost DIV for thumbnail viewer*/
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	padding: 10px;
	padding-bottom: 0;
	background: #313131;
	visibility: hidden;
	z-index: 10;
	cursor: hand;
	cursor: pointer;
}

#thumbBox .footerbar
{
	/*Footer DIV of thumbbox that contains "close" link */
	font: bold 16px Arial;
	letter-spacing: 5px;
	line-height: 1.1em;
	color: white;
	padding: 5px 0;
	text-align: right;
}


#thumbBox #thumbImage
{
	/*DIV within thumbbox that holds the enlarged image */
	background-color: white;
}

#thumbLoading
{
	/*DIV for showing "loading" status while thumbbox is being generated*/
	position: absolute;
	visibility: hidden;
	border: 1px solid black;
	background-color: #EFEFEF;
	padding: 5px;
	z-index: 5;
}



/********************************** GRID VIEW CLASSES *****************************************/
/**********************************************************************************************/
.Grid
{
	border-style: solid;
	border-width: 0px;
	width: 100px;
	border-collapse: collapse;
	font-family: Arial;
	font-size: 5px;
	color: #000;
}

.Grid tr th
{
	padding: 2px 3px 2px 3px;
	border: 0px solid #658F3A; /*7fb14b;*/
	color: #333;
	background-color: #97B975; /*#8BB85C;   #E9E9E9;*/
	height: 25px;
	line-height: 16px;
	font-family: Arial;
	font-size: 12px;
}
.Grid tr th:hover
{
}

.Grid tr td
{
	padding: 2px 3px 2px 3px;
	border: solid 1px #bcd7a2; /*7fb14b;*/
	color: #000; /*background:#F6F6F6;*/
	height: 20px;
	line-height: 15px;
	font-family: Arial;
	font-size: 11px;
	vertical-align: middle;
}
.Grid tr:hover
{
	padding: 0px;
	background-color: #CFE2BA;
	font-family: Arial;
	font-size: 10px;
	color: #3366CC;
	line-height: 20px;
	height: 20px; /*filter:alpha(opacity=50); 	opacity:0.9; */
}
.Grid a
{
	color: Maroon;
	text-decoration: none;
}
.Grid a:hover
{
	color: Blue;
	text-decoration: underline;
}
.Grid .alt
{
	color: #000;
	background-color: #E7F0DB; /*F5F5F5;*/
}
.Grid .pgr
{
	background-color: #F1F1F1;
}
.Grid .pgr tr th:hover
{
}
.Grid .pgr tr td
{
	border: solid 0px #000;
	color: Green;
	padding: 0 5px 0 5px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}
.Grid .pgr a
{
	color: Maroon;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
}
.Grid .pgr a:hover
{
	color: Blue;
	text-decoration: underline;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
}

/********************************** DetailsView VIEW CLASSES *****************************************/
/**********************************************************************************************/
.DetailsView
{
	width: 600px;
	height: 200px;
	background-color: #F1F1F1;
	border: solid 0px #333;
	border-collapse: collapse;
	font-family: Arial;
	font-size: 5px;
	color: #000;
}

.DetailsView tr th
{
	padding: 2px 3px 2px 3px;
	border: solid 1px #CCC;
	color: RED;
	background-color: #4b6c9e;
	height: 15px;
	line-height: 15px;
	font-family: Arial;
	font-size: 14px;
}
.DetailsView tr th:hover
{
}

.DetailsView tr td
{
	padding: 2px 3px 2px 3px;
	border: solid 1px #ccc;
	color: #000;
	background: #F6F6F6;
	height: 15px;
	line-height: 15px;
	font-family: Arial;
	font-size: 10px;
}
/*.DetailsView tr:hover
{
	padding:0px;
	background-color:#E0E0E0;
	font-family:Tahoma;
	font-size:10px;
	color:#666;
	line-height:20px;
	height:20px;
	filter:alpha(opacity=50);
	opacity:0.9;

}*/
.DetailsView a
{
	color: Maroon;
	text-decoration: none;
}
.DetailsView a:hover
{
	color: Blue;
	text-decoration: underline;
}
.DetailsView .alt
{
	color: #000;
	background-color: #F5F5F5;
}
.DetailsView .pgr
{
	background-color: #F1F1F1;
}
.DetailsView .pgr tr th:hover
{
}
.DetailsView .pgr tr td
{
	border: solid 0px #000;
	color: Green;
	padding: 0 5px 0 5px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}
.DetailsView .pgr a
{
	color: Maroon;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
}
.DetailsView .pgr a:hover
{
	color: Blue;
	text-decoration: underline;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
}

/*Employee Find  Popup Control*/
.empBackground
{
	background-color: #F1F1F1; /*filter:alpha(opacity=70); 	opacity:0.2;*/
}

.empPopup
{
	background-color: #F1F1F1;
	border-width: 2px;
	border-style: solid;
	border-color: Gray;
	padding: 0px;
	width: 700px;
	height: 430px;
}

.empPopup .header
{
	width: 700px;
	height: 30px;
	padding: 0px;
	background-color: #4b6c9e;
	color: #fff;
	text-align: center;
}


/*    Ajax control Classes   */
/*---------------------------*/

/*--------     MaskedEditExtender class  ------*/

.MaskedEditFocus
{
	/*background-color: #C1FFC1;     color: #000000;     border:solid 1px green;*/
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
	background-color: #ffcccc;
	border: solid 1px red;
}
.MaskedEditFocusNegative
{
	background-color: #ffffcc;
	color: #ff0000;
}
.MaskedEditBlurNegative
{
	color: #ff0000;
}


/*--------    ValidatorCalloutStyle class  ------*/

.validatorCalloutHighlight
{
	background-color: #FED3CF;
	border: solid 1px red;
	color: #333;
}
.CustomValidatorCalloutStyle div, .CustomValidatorCalloutStyle td
{
	border: solid 1px blue;
	background-color: #ADD8E6;
}

.customCalloutStyle div, .customCalloutStyle td
{
	border: solid 1px Black;
	background-color: #FFFFAA;
	color: #000;
}
.customCalloutStyle .ajax__validatorcallout_popup_table
{
	display: none;
	border: none;
	background-color: transparent;
	padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_popup_table_row
{
	vertical-align: top;
	height: 100%;
	background-color: transparent;
	padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_cell
{
	width: 20px;
	height: 100%;
	text-align: right;
	vertical-align: top;
	border: none;
	background-color: transparent;
	padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_table
{
	height: 100%;
	border: none;
	background-color: transparent;
	padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_table_row
{
	background-color: transparent;
	padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell
{
	padding: 8px 0px 0px 0px;
	text-align: right;
	vertical-align: top;
	font-size: 1px;
	border: none;
	background-color: transparent;
}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv
{
	font-size: 1px;
	position: relative;
	left: 1px;
	border-bottom: none;
	border-right: none;
	border-left: none;
	width: 15px;
	background-color: transparent;
	padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div
{
	height: 1px;
	overflow: hidden;
	border-top: none;
	border-bottom: none;
	border-right: none;
	padding: 0px;
	margin-left: auto;
}
.customCalloutStyle .ajax__validatorcallout_error_message_cell
{
	font-family: Tahoma;
	font-size: 11px;
	padding: 5px;
	border-right: none;
	border-left: none;
	width: 100%;
}
.customCalloutStyle .ajax__validatorcallout_icon_cell
{
	width: 20px;
	padding: 5px;
	border-right: none;
}
.customCalloutStyle .ajax__validatorcallout_close_button_cell
{
	vertical-align: top;
	padding: 0px;
	text-align: right;
	border-left: none;
}
.customCalloutStyle .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv
{
	border: none;
	text-align: center;
	width: 10px;
	padding: 1px;
	cursor: pointer;
}


/*---------   ----------*/
.CustomTabStyle
{
	margin: 10px auto;
}
/*
.CustomTabStyle .ajax__tab_hover {
    font-family:verdana,tahoma,helvetica;
    font-size:11px;
    background-color:Green;
}*/

/* --------------- textbox Water mark  ------------*/
.watermark
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	width: 150px;
	border: solid 1px #AAA;
	text-align: left;
	padding: 2px;
}
/* --------------- popup Control  ------------*/
.popupControl
{
	background-color: White;
	position: absolute;
	visibility: hidden;
}
/*----------------  Modal Popup   --------------------*/
.modalBackground
{
	background-color: #ddebcf;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: White; /*#ffffdd*/
	border-width: 1px;
	border-style: solid;
	border-color: #7fb14b;
	padding: 0px;
	width: 250px;
	margin: auto;
}
.modalPopup .header
{
	height: 23px;
	width: 378px;
	padding: 0px;
	background-color: #4b6c9e;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	cursor: move;
	float: left;
}


/*----------------  Modal Popup   --------------------*/


/* ajax__tab_technorati-theme theme */
.ajax__tab_technorati-theme .ajax__tab_header
{
	background: url(../images/tab-line.png) repeat-x bottom;
	font-size: 12px;
	display: block;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_outer
{
	background: url(../images/tab.png) no-repeat left top;
	border-color: #222;
	color: #222;
	padding-left: 10px;
	margin-right: 3px;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_inner
{
	background: url(../images/tab.png) no-repeat right top;
	border-color: #666;
	color: #666;
	padding: 3px 10px 2px 0px;
}
.ajax__tab_technorati-theme .ajax__tab_hover .ajax__tab_inner
{
	color: #000000;
	cursor: pointer;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_outer
{
	background: url(../images/tab.png) no-repeat 0pt -40px;
	border-bottom-color: #ffffff;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_inner
{
	background: url(../images/tab.png) no-repeat right -40px;
	color: #000000;
	border-color: #333;
}
.ajax__tab_technorati-theme .ajax__tab_body
{
	font-size: 12px;
	padding: 8px;
	background-color: #ffffff;
	border: solid 0px #d7d7d7;
	border-top-width: 0;
}



/*///////////////////////////////////*/
/*///////////////////////////////////*/
/*///////////////////////////////////*/
/*///////////////////////////////////*/
/*///////////////////////////////////*/


.arrowsidemenu
{
	width: 180px; /*width of menu*/
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-size: 1px;
	border-width: 1px;
}

.arrowsidemenu div a
{
	/*header bar links*/
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(images/arrowgreen.gif) 100% 0;
	height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}

.arrowsidemenu div a:link, .arrowsidemenu div a:visited
{
	color: #26370A;
}

.arrowsidemenu div a:hover
{
	background-position: 100% -32px;
}

.arrowsidemenu div.unselected a
{
	/*header that's currently not selected*/
	color: #6F3700;
}


.arrowsidemenu div.selected a
{
	/*header that's currently selected*/
	color: blue;
	background-position: 100% -64px !important;
}

.arrowsidemenu ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.arrowsidemenu ul li
{
	border-bottom: 1px solid #a1c67b;
}


.arrowsidemenu ul li a
{
	/*sub menu links*/
	display: block;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: black;
	padding: 5px 0;
	padding-left: 10px;
	border-left: 10px double #a1c67b;
}

.arrowsidemenu ul li a:hover
{
	background: #d5e5c1;
}
.error
{
	background-color: #FED3CF;
	border: solid 1px red;
	color: #333;
	line-height: 20px;
}

.aa
{
}

.TableStyle
{
	border: 0px solid #006600;
	width: 100px;
	border-collapse: collapse;
	font-family: Arial;
	font-size: 5px;
	color: #000;
}

.TableStyle tr th
{
	padding: 2px 3px 2px 3px;
	border: 0px solid #658F3A; /*7fb14b;*/
	color: #333;
	background-color: #97B975; /*#8BB85C;   #E9E9E9;*/
	height: 25px;
	line-height: 16px;
	font-family: Arial;
	font-size: 12px;
}
.TableStyle tr th:hover
{
}

.TableStyle td
{
	padding: 2px 3px 2px 3px;
	border: 1px solid; /*7fb14b;*/
	color: #000; /*background:#F6F6F6;*/
	height: 20px;
	line-height: 15px;
	font-family: Arial;
	font-size: 11px;
	vertical-align: middle;
	background-color: #E1EBFF;
}
.TableStyle td:hover
{
	padding: 2px 3px 2px 3px;
	border: 1px solid #000066;
	background-color: #BCD7A2;
	font-family: Arial;
	font-size: 11px;
	color: #800000;
	line-height: 15px;
	height: 20px;
	font-weight: 200;
}
#dashboard
{
	background: url(../images/Employee.png) no-repeat left top;
	height: 30px;
	width: 100px;
}
.loginPannel
{
	background-position: left;
	background-image: url( '../../images/Employee.png' );
	width: 100%;
	text-align: left;
	height: 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.tablestruct
{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #567731;
	border: 1px solid #67923D;
}
.tablestruct a
{
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #BD22EA;
}
.tablestruct a:hover
{
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #B516E2;
}
.tablestruct td
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	color: #333333;
	padding: 5px;
	background-color: #FFFFFF;
}
.tablestruct td:hover
{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #4A672C;
	padding: 5px;
	background-color: #FFFFFF;
}
.tablestruct p
{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #008040;
	border: 0px solid #F3CC98;
	background-color: #FFFFFF;
}
.tablestruct p:hover
{
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #001A0D;
	border: 0px solid #F3CC98;
	background-color: #FFFFFF;
}
.tablestruct tr
{
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	color: #9F6311;
	border: 1px solid #CA7E17;
	padding: 5px;
	/*background-color: #F3C88D;*/
}
	
.topbar
{
	width: 730px;
	margin: 0;
	text-align: center;
	padding: 7px 5px 5px 5px;
	margin-top: 4px;
	background: url( "images/topbar_top.jpg" ) no-repeat top #fff;
}
.topbar_bottom
{
	width: 750px;
	height: 8px;
	margin: 0 0 4px 0;
	float: none;
	background: url( "images/topbar_bottom.jpg" ) no-repeat #FFF;
}

#menu_container
{
	margin-top: 1px;
	float: left;
	width: 125px;
}

#content_container
{
	margin-top: 1px;
	margin-left: 131px;
}

.pcontent_link
{
	background-color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	font-family: verdana, arial;
	color: #006600;
	font-size: 12px;
	height: 20px;
}
.pcontent
{
	background-color: #ffffff;
	padding-left: 15px;
	padding-right: 10px;
	font-family: verdana, arial;
	color: #000000;
	font-size: 8px;
	width:180px;
	height: 50px;
}
.pcontent a
{
	background-color: #ffffff;
	padding-left: 5px;
	text-align: left;
	font-family: verdana, arial;
	color: #B314E0;
	font-size: 12px;
}
.pcontent a:hover
{
	background-color: #ffffff;
	padding-left: 5px;
	font-family: verdana, arial;
	color: #B314E0;
	font-size: 12px;
}
.content
{
	width: 660px;
	text-align: center;
	text-align: left;
	padding: 5px;
	padding-top: 7px;
	margin: 0px;
	background: #FFF url( "images/content_top.jpg" ) no-repeat top;
}
.content_bottom
{
	width: 670px;
	height: 8px;
	margin: 0px;
	margin-bottom: 3px;
	background: #FFF url( "images/content_bottom.jpg" ) no-repeat center;
}



/* Navagation/Content Elements */