body
{
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    padding-right: 0px;
    background-position: left top;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    height: 100%;
   
}

.body2
{
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    padding-right: 0px;
    background-position: left top;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    height: 100%;
    background-color: #efefef;
}


a
{
	color: #DAE7EB;
	text-decoration: none;
	font-weight: bold;
}

a:hover
{
	text-decoration: underline;
	color: #DAE7EB;
	font-weight: bold;
}

a img
{
	border: 0;
}

img
{
	border: none;
}


td
{
    line-height: 18px;
}

/*---Button ----------------------------------------------*/
.button01
{
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    padding-left: 10px;
    border: 0px;
    font-family: Arial, Verdana,Helvetica, sans-serif;
    font-size: 11px;
    /*width: 120px;*/
     background-color: cornflowerblue;
    font-weight: bold;
    border-radius: 4px;
}

.button01:hover
{
    background-color: #184E3F;
	opacity: 0.9;
}

.button01:disabled
{
    background-color: #E0E0E0;
    color: #999999;
}


.button02
{
    color: #FFFFFF;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 2px;
    padding-left: 2px;
    border: 0px;
    font-family: Arial, Verdana,Helvetica, sans-serif;
    font-size: 11px;
    /*width: 120px;*/
     background-color: #6699FF;
    font-weight: bold;
    border-radius: 3px;
}

.button02:hover
{
    background-color: #286090;
}


.buttonNone
{
    color: #000000;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 8px;
    padding-left: 8px;
    font-size: 11px;
    width: 79px;
}


.ErrorMsg
{
	font-weight: bold;
	font-size: 12px;
	color: red;
	/**font-family:  Century Gothic, Verdana;**/
}






.textfield01 /*normal textbox*/
{
    width: 220px; 
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
}


.textfield02 /*normal textbox - no width*/
{
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
}



.textfield03 /*small textbox*/
{
    width: 120px; 
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
}
.textfield04 /*small textbox*/
{
    width: 50px; 
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
}

.textfield05 /*Long textbox*/
{
    width: 400px; 
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
}

.textfield06 /*auto textbox*/
{
    width: 98%; 
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
}


.textfield01:disabled , .textfield02:disabled, .textfield03:disabled, .textfield04:disabled, .textfield05:disabled, .textfield06:disabled 
{
    background-color: rgb(235, 235, 228);
}


.LabelDisplay01  
{
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.LabelDisplay02
{
    text-align: left;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #58595b;
    font-weight: bold;
}

.LabelDisplay03
{
    text-align: left;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
}


.FormHeader01
{
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #184E3F;
    background-repeat: repeat-x;
    height: 70px;
    position: relative;
}

.FormHeader02
{
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
}


.tblSubHeader
{
    font-weight: bold;
    font-size: 12px;
    color: #000;
    font-family: Arial,Verdana, Helvetica, sans-serif; /*background-image: url(   '../images/header_info-bg.gif' );
    background-repeat: repeat-x;
    */
    height: 25px;
    background-color: #F4F4F4;
    vertical-align:middle;
}




.menu
{
    position: relative;
    background: #666666;
    /**width: 160;**/
    font-size: xx-small;
    font-family: Verdana, Tahoma, Helvetica, sans-serif;
    font-style: italic;
    color: white;
    position: absolute;
    cursor: hand;
    border-bottom: solid 3 white;
}

/**
.tblSubHeader
{
    background-color: #d5d6d8;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    font-family: Arial,Verdana, Helvetica, sans-serif;
}

.menu
{
    position: relative;
    background: #666666;
    width: 160;
    font-size: xx-small;
    font-family: Verdana, Tahoma, Helvetica, sans-serif;
    font-style: italic;
    color: white;
    position: absolute;
    cursor: hand;
    border-bottom: solid 3 white;
}
**/


.ContentBox
{
    border-right: #82b5ff 1px solid;
    border-top: #82b5ff 1px solid;
    border-left: #82b5ff 1px solid;
    border-bottom: #82b5ff 1px solid;
    background-color: #F3F3F3;
    border-color: #808080;
}


.ContentBox02
{
    border-right: #82b5ff 1px solid;
    border-top: #82b5ff 1px solid;
    border-left: #82b5ff 1px solid;
    border-bottom: #82b5ff 1px solid;
    border-color: #808080;
    color: #000000;
    background-color: #F3F3F3;
}

.ContentBox03
{
    background-color: #F3F3F3;
    width: 2px;
}



/*---------------------Collapsible Panel-----------------------*/
.cpContentBox
{
    border-right: #82b5ff 1px solid;
    border-top: #82b5ff 1px solid;
    border-left: #82b5ff 1px solid;
    width: 90%;
    border-bottom: #82b5ff 1px solid;
    background-color: white;
    border-color: #C0C0C0;
    border-style: dashed;
}

.cpHeaderBox
{
    font-weight: bold;
    font-size: 10px;
    width: 100%;
    color: #000000;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    height: 18px;
}

.cpHeaderMenu
{
    border-right: white 1px solid;
    border-top: white 1px solid;
    font-weight: bold;
    font-size: 12px;
    border-left: white 1px solid;
    width: 100%;
    color: #FFFFFF;
    border-bottom: white 1px solid;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    height: 25px;
    background-color: #9999FF;
    vertical-align:middle;
}

 /* The Horizontal section */
.collapsePanelHeaderHorizontal
{
    color: #FFFFFF;
    float: left;
    cursor: pointer;
    vertical-align: middle;
}
.collapsePanelHorizontal
{
    float: left;
}




/* --------For DataGrid -------------------*/
.datagridStyle
{
    border: 2px solid #FFFFFF;
    vertical-align: top;
    background-color: #FFFFFF;
}

.datagridStyle a:active
{
    color: #0096F0;
}

.datagridStyle a:link
{
	color: #0096F0;	
}
.datagridStyle a:visited
{
	color: #0096F0;
}
.datagridStyle a:hover
{
    color: #007AC4;
    text-decoration: none;
}


.SelectedItemStyle
{
    /**background-color: #8EBAE6;**/
    background-color: #DCDCE4;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}
.ItemStyle
{
    /**background-color: #EBEFFA;**/
    background-color: #EDEDF1;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
}
.AlternatingItemStyle
{
    /**background-color: #D9E2F4;**/
    background-color: #F4F4F4;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
}
.HeaderStyle, .HeaderStyle a:link, .HeaderStyle a:visited
{
    font-weight: bold;
    color: #FFFFFF;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #3A3A3A; /*
    background-image: url(   '../images/header_info-bg.gif' );
    background-repeat: repeat-x;
    */
    text-decoration: none;
}
.FooterStyle, .FooterStyle a:link, .FooterStyle a:visited
{
    color: #003399; /**background-color: #003399;**/
    background-color: #EDEDF1;
    font-weight: bold;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
}
.HeaderStyle a:hover
{
    font-weight: bold;
    color: #DAE7EB;
    text-decoration: underline;
}

.PagerStyle
{
    font-weight: bold;
    color: #838383; /**
     color: #FF8C00;**/
    background-color: #ffffff;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
}

.PagerStyle a:link
{
	font-weight: normal;
	color: #58595b;
}

.PagerStyle a:visited
{
	font-weight: normal;
	color: #58595b;
}

.PagerStyle a:hover
{
	font-weight: normal;
	color: red;
}




/* --------For DataGrid 2-------------------*/
.datagridStyle2
{
    border: 2px none #FFFFFF;
    vertical-align: top;
    background-color: #FFFFFF;
}

.datagridStyle2 a:active
{
    color: #58595b;
}

.datagridStyle2 a:link
{
	color: #58595b;
}
.datagridStyle2 a:visited
{
	color: #58595b;
}
.datagridStyle2 a:hover
{
	color: red;
	text-decoration: none;	
}


.SelectedItemStyle2
{
   
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #58595b;
}
.ItemStyle2
{
   
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
}

.ItemStyle2V1
{
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
    float: left;
    text-align: left;
}

.AlternatingItemStyle2
{
   
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
}
.HeaderStyle2, .HeaderStyle2 a:link, .HeaderStyle2 a:visited
{
	font-weight: bold;
	color: #58595b;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 11px;
}
.FooterStyle2, .FooterStyle2 a:link, .FooterStyle2 a:visited
{
	color: #58595b;
	font-weight: bold;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 11px;
}
.HeaderStyle2 a:hover
{
    font-weight: bold;
    color: #58595b;
}

.PagerStyle2
{
    font-weight: bold;
    color: #58595b;
    background-color: #ffffff;
    font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

.PagerStyle2 a:link
{
	font-weight: normal;
	color: #58595b;
}

.PagerStyle2 a:visited
{
	font-weight: normal;
	color: #58595b;
}

.PagerStyle2 a:hover
{
	font-weight: normal;
	color: red;
}




/* --------For DataGrid 3-------------------*/
.datagridStyle3
{
    border: 1px none #666666;
    border-style: solid;
    vertical-align: top;
    background-color: #FFFFFF;
}


.ItemStyle3
{
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
}

.FooterStyle3
{
    
    color: #58595b;
    font-weight: bold;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
    border-style: none;
    border-width: 0;
    vertical-align:top;
}

/*--------------Datalist ---------------------------*/
.datalist-item-box
{
    text-align: left;
    margin: 2px 2px 2px 2px;
    width: 200px;
    height: 15px;
}


/*--------------AutoComplete ---------------------------*/

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}


.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}


.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}


/*--------------Login ---------------------------*/


.login-block
{
    position: absolute;
    text-align: left;
    padding: 0px 0px 0px 0px;
    top: 20%;
    left: 37%;
	width: 344px;
	height: 350px;
    background-color: #184E3F;
    background-repeat: no-repeat;
    background-position: center center;
    color: #ffffff;
}


.login-block table.login-table-container
{
    margin: 10px 20px 0px 50px;
    /*width: 329px;*/
    height: 192px;
}

.login-table-container
{
	vertical-align: middle;
}

.login-table-container .row
{
}

.login-table-container .row .item-name
{
	padding: 10px 10px 10px 0px;
	display: block;
	white-space: nowrap;
	padding-right: 10px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
}

.login-table-container .row .item-value
{
	padding: 0px 0px 10px 0px;
	vertical-align: middle;
}

.login-page .buttons
{
	float: right;
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
	clear: both;
}

.login-table-container .title01	/**Login Title**/
{
	font-size: 1.7em;
	font-family: Arial,Verdana, Helvetica, sans-serif;
}




/*------Header ------------------------------------*/
.header
{
	height: 48px;
	width: 100%;
	/*background: url('../images/header-bg.PNG') repeat-x;	*/
	background-color: #184E3F;
	position: relative;
}

.header .title
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
}



/*~~~~~MASTER HEADER MENU~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.header-menu
{
	width: 100%;
	line-height: 29px;
	height:31px;
	/*background: url('../images/menu-bg.gif') repeat-x;	*/
	background-color: #184E3F;
}
.header-menu .login-info
{
    position: absolute; /**right: 5px;
	top: 30px;**/
    text-align: left;
    color: #e7e7e7;
    font-size: 10px;
    font-weight: bold;
}

.header-menu .login-info .a
{
    color: #BEADD1;
	text-decoration: none;
	font-weight: bold;
}



/*--------------SideMenu ---------------------------*/
.SideMenu
{
   /** height: inherit;
    overflow: auto;
    position: relative;
    width: 220px;**/
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.SideMenu a
{
	padding: 2px;
	color: #414141;
	text-decoration: none;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.SideMenu a:hover
{
	padding: 2px;
	text-decoration: underline;
	color: #414141;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}


#SideMenuShowHideToggleContainer
{
    background-color: #D2D2D2;
    width: 7px;
	font-family: Arial, Helvetica, sans-serif;
}

#SideMenuShowHideToggle
{
    /*background-image: url(../images/SideMenuShowHideToggle.jpg);
    background-repeat: no-repeat;*/
	background-color: #D2D2D2;
    width: 7px;
    min-height: 580px;
    cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
}


#SideMenuContainer
{
    float: left;
    overflow: hidden;
    background-color: #F4F4F4;
    color: #184E3F;
    width: 300px;
    min-height: 580px;
    font-family: Arial, Helvetica, sans-serif;
}

.SideMenuContainerTD
{
    vertical-align: top;
    background-color: #F4F4F4;
	font-family: Arial, Helvetica, sans-serif;
}



/* -----------Modal Popup---------------------------*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopUpText{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}


.pnlpopup
{
	width: 250px;
	background-color: White;
	border: 1px solid Black;
	padding: 20px;
	border-radius:2px;
}


/* ------------line -----------------------------*/
.line1
{
    border-style: solid none none none;
    border-color: #E1E1E1;
    border-top-width: 1px;
}