body {
    background: #E6E8D9;
    font-size: .80em;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #494949;
}
.Hunderd {
    width:100%;        
}
.page
{
    width: 95%;
    background-color: #fff;
    margin: 25px auto 0px auto;
    border: 1px groove #91C3A0; 
    padding-left:15px;   
    min-height:600px;
    height:auto;
}
.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    
}
.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #fff;
    width: 100%;
    height: 90px;
    border-bottom: 2px solid #C2E4B2;
}
.column-header-tabular
{
    color: White;
    background-color: #819BB6;
    font-size:12px;
}
.row-header-tabular
{
    color: black;
    background-color: #F3D0CA;
    font-size:12px;
}
a:link
{
    color: #4C8931;
    text-decoration: underline;
}
a:visited
{
    color: #4C8931;
}
a:hover
{
    color: #4C8931;
    text-decoration: none;
}
a:active
{
    color: #4C8931;
}
/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}
/*----------------------------------------------------------*/

/* SIMPLE TABLE
----------------------------------------------------------*/
.simpletable 
{
  border: solid 1px #819BB6;
  border-collapse: collapse;
}

.simpletable td 
{
  padding: 5px;   
  border: solid 1px #819BB6;
}

.simpletable th
{
    color: White;
    padding: 6px 5px;
    text-align: left;
    background-color: #819BB6;
    border: solid 1px #819BB6;
    font-size:12px;
}

/*----------------------------------------------------------*/

/* TABLE
----------------------------------------------------------*/
.table 
{
  border: solid 1px #819BB6;
  border-collapse: collapse;
}

.table tr:hover {
    background-color: #DBF2E2;
}

/*Child table*/
.table table:hover 
{
  background-color: #FFFFFF;
}

.table td
{
  padding: 5px;   
  border: solid 1px #A5DAB5;
}

.table th
{
    color: White;
    padding: 6px 5px;
    text-align: left;
    background-color: #91C3A0;
    border: solid 1px #A5DAB5;
    font-size:12px;
}

.table th a
{
    color: White;
}

.table th a:link
{    
    color: white;
    text-decoration: underline;
}

.table th a:visited
{
    color: white;
    text-decoration: underline;
}

.table th a:hover
{
    color: white;
    text-decoration:none;
}

.table tfoot
{
    text-align: right;
}

#tfoot-record
{
    font-size: 85%;
    text-align: right;
    line-height: 10px;
}
/*----------------------------------------------------------*/
.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}
.header a
{
    color: #4C8931;
}
.header #tdNamePlate
{
    width: auto;
    text-align: right;
}
.NamePlate
{
    text-align: left;
    width: 95%;
    color: #4C8931;
    font-size: .85em;
    border: 1px solid #A5DAB5;
    padding: 5px 5px 5px 5px;
    background: #E6E8D9;
}
.NamePlate a:link
{
    color: #4C8931;
}

.NamePlate a:visited
{
    color: #4C8931;
}

.NamePlate a:hover
{
    color: #4C8931;
}

#footer
{
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

.hideSkiplink
{
    background-color:#91C3A0;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}
.clear
{
    clear: both;
}

/*-----------------menu-styles---------------*/
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
    list-style: none;
    margin: 0;
}

ul.dropdown {
    float: left;
    padding: 3px 0px 3px 3px;
}

ul.dropdown li {
    background-color: #91C3A0;
    border: 1px #A5DAB5	 solid;
    color: #fff;
    float: left;
    line-height: 1.0em;
    vertical-align: middle;
    zoom: 1;z-index: 0;
    font-size:12px;
}

ul.dropdown li.hover, ul.dropdown li:hover
{       
    position: relative;
    z-index: 599;
    cursor: default;
    background:#91C3A0;
}

ul.dropdown ul
{
    display: none;
    position: absolute;
    top: 90%;
    left: -41px;
    z-index: 0;
    width: 100%;
}

ul.dropdown ul li {
    float: none;
}

ul.dropdown ul ul {
    top: -5px;
    left: 80%;
}

ul.dropdown li:hover > ul {
    display: block;
}


ul.dropdown li {
	padding: 7px 10px;
    color: #fff;
	margin-right:2px;
}


ul.dropdown a:link,
ul.dropdown a:visited	{ color: #fff; text-decoration: none; }


/* -- level mark -- */

ul.dropdown ul {
	width: 200px;
	margin-top: 1px;
	padding-top:3px;
}

	ul.dropdown ul li {
		font-weight: normal;
	}

/*-----------------end/menu-styles---------------*/
.Breadcrumbs
{
    color: #4C8931;
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid #3a4f63;
}
.Breadcrumbs a:link
{
    color: #4C8931;
    font-weight: bold;
}

.Breadcrumbs a:visited
{
    color: #4C8931;
    font-weight: bold;
}

.Breadcrumbs a:hover
{
    color: #4C8931;
    font-weight: bold;
    text-decoration: none;
}
input[type='button'], input[type='submit']
{	
    font-family:"Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	border-width:1px;
	border-color:#A5DAB5;
	background-color: #91C3A0;
	color: #fff;
}
.loginDisplay
{
    position: absolute;
    top: 5px;
    right: 35px;
    width:300px;
    font-size: .85em;
    text-align: right;
    color: #4C8931;
    z-index: 2000;
}

.loginDisplay a:link
{    
    color: #4C8931;
    text-decoration:none;
}

.loginDisplay a:visited
{
    color: #4C8931;
    text-decoration: none;
}

.loginDisplay a:hover
{
    color: #4C8931;
    text-decoration: none;
}
.logonMenu
{
    position: relative; 
    float: right
}
.logonMenu ul
{
    list-style: none;
    position: absolute; 
    background-color:#91C3A0;
    display: none;
    right: 0px;
    z-index: 1000;
    min-width: 140px;
    padding: 0px;
}
.logonMenu li
{
    text-align: left;
    line-height: 20px;
    background-color: #91C3A0;
    border: 1px #A5DAB5 solid;
    color: #dde4ec;
    padding: 4px 0 4px 10px;
}

input[type="text"], input[type="password"]
{
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    width: 200px;
    border: 1px solid #3a4f63;
    color: #494949;
    padding: 1px;
}
.Date
{
    font-family:"Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
    width: 100px;
    border: 1px solid #3a4f63;
    color: #494949;
}
.ListBox
{
	height:auto;
    font-family:"Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
    border: 1px solid #3a4f63;
	margin-left: 0px;
    color: #494949;
}
.DropDownList
{
    font-family:"Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
    border: 1px solid #3a4f63;
    color: #494949;
}  
.display-label,
.editor-label
{
    width: 20em;
    float: left;
    text-align: left;  
    margin: 0.5em 0 0 0;
}

.display-field,
.editor-field
{
    float: left;
    text-align: left;  
    margin:0.5em 0 0 0;
}


.display-translation {
    width:97%;
    float:left;
    text-align:left;
    margin: 0.5em 0 0 0;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-success
{
    color: #009933;
}

.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}
.error
{
    font-family:"Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-weight: bold;
    color:Red;
    padding: 5px;
	font-size:11px;
}
textarea
{
    width: 350px;
    height: 80px;
    font-family:"Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
    border: 1px solid #3a4f63;
    color: #494949;
}
.Loader
{
    color: #C0C0C0;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}
#dvAvailableTimeSlots
{
	height:auto;
    border: 1px solid #3a4f63;
    width: 600px;    
}  
#dvSearch
{
    width: 325px;
    float: right;
    padding-right:30px;
}
#dvSearch a
{
    padding-right: 55px;
    margin-top: 5px;
    text-align: right;
    font-size: 75%;
    font-style: italic;
}
.Watermark
{
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    font-style: italic;
}
.ChildQuestion
{
    padding-left: 25px;
}

.contactMenu
{
}
.contactMenu ul
{
    list-style: none;
    position: absolute; 
    background-color:#91C3A0;
    display: none;
    right: -130px;
    z-index: 1000;
    min-width: 200px;
    padding: 5px;
    border: 1px solid #A5DAB5;
}
.contactMenu li
{
    text-align: left;
    line-height: 20px;
    background-color: #91C3A0;
    border: 0;
    color: #fff;
    padding: 4px 0 4px 10px;
}
/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip
{
	border: 1px solid #F0C36D;
	display: none;
	background: #F9EDBE;
	font-size: 12px;
	height: auto;
	width: auto;
	padding: 10px;
	color: #333300;
	background-repeat: repeat;
	overflow: hidden;
	line-height: 20px;
	z-index: 1;
}
#Watermark
{
    border: 1px solid #CCC;
    height: 23px;
    width: 190px;
    background-color: #fff;
}
#Watermark #dvButton
{
    float: right;
    text-align: right;
    width: 50px;
}
#Watermark input[type="text"] 
{
    width: 120px;
    border: 0px none #CCC;
    font-family:Calibri;
    font-size:12px;
    font-style: italic;
    padding: 5px 5px 0px 5px;
    height: 18px;
}
.noborder, .noborder th, .noborder td, .noborder tr
{
    border: 0px none white;
}
.printlbl
{
    position: absolute;
    right: 20px;
    font-style:italic;
    font-size: 90%
}
.PartialView
{
    font-family:"Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
}  
.PartialView .ListBox
{
    font-family:"Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
} 
.PartialView input[type="button"]
{
    font-family:"Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
}  
.PartialView input[type="text"]
{
    font-family:"Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
}  
.PartialView textarea
{
    font-family:"Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
}  
legend
{
    font-weight: bold
}
#footerIndicator
{
    background-color: InfoBackground;
    padding: 10px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    font-weight: bold;
    width: 100px;
}
#dvQuestionTree
{
    width: 100%;
    padding-top: 20px;
    height: 265px;
    overflow-x: hidden;
    overflow-y: scroll;
    border: 1px solid #3a4f63;
    font-family:"Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
    color: #494949;
}
#dvDataFieldCheckbox
{
    width:95%;
    padding: 5px;
    height: 150px;
    overflow-y: scroll;
    border: 1px solid #3a4f63;
    font-family:"Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
    color: #494949;
}


/* History Tip*/
#tooltip
{
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
	position: absolute;
	z-index: 3000;
	border: 1px solid #F0C36D;
	background-color: #F9EDBE;
	padding: 5px;
	min-width: 200px;
}
#tooltip div { margin: 0; }

#hoverMenu
{
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size:12px;
	position: absolute;
	z-index: 3000;
	border: 2px solid #A5DAB5;
	background-color: #91C3A0;
	padding: 10px;
	color: White;
}
#hoverMenu div { margin: 0   }
div.menudv { padding: 5px; }
#hoverMenu a, #hoverMenu a:link, #hoverMenu a:visited
{
    margin-bottom: 15px;
    color: White;
    text-decoration:underline;
}
#hoverMenu a:hover
{
    color: white;
    text-decoration:none;
}

/* History tip end */

#dvDelayLoading
{
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size: .90em;
    width: 300px;
    background-color: InfoBackground;
    position: fixed;
    left: 38%;
    top: 0;
    text-align: center;
    padding: 3px;
    display: none;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    z-index: 10000;
}
.ContructSearch, .ConstructError
{
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    width: 400px;
    background-color: InfoBackground;
    padding: 3px;
    text-align: center;
    color: grey;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    z-index: 10000;
    position: absolute;
    left: 20%;
    top: 0;
    display: none;
	font-size:11px;
}
.ConstructError
{
    color: Red;
}
input[disabled]
{
    cursor: text;
    color: #C0C0C0;
}

.TenPX{width: 10px}
.TwentyPX{width: 20px}
.ThirtyPX{width: 30px;}
.FourtyPX{width: 40px}
.FiftyPX{width: 50px;}
.SixtyPX{width: 60px;}
.EightyPX{width: 80px;}
.NintyPX{width: 90px;}
.HundardPX{width: 100px;}
.OneTenPX{width: 110px;}
.OneEightyPX{width: 180px;}
.Center{text-align: center}

#dvReport
{
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size:12px;
    border: 2px solid #3a4f63;
    background-color: #4b6c9e;
    width: 300px;
    position: fixed;
    bottom: 10px;   
    text-align: center;
    color: White;
    right: 10px;
    height: 100px;
    display: none;
}
#dvReport table
{
    top: 0;
    text-align: right;
    background-color: #3a4f63;
    margin-bottom: 20px;
    color: White;
    padding: 3px 5px 3px 5px;
    font-weight: bold;
    border-spacing: 0px;
    width: 100%;
}
#dvReport a
{
    color: White;
    text-decoration:underline;
}
#dvReport a:link, #dvReport a:visited
{    
    color: white;
    text-decoration: underline;
}
#dvReport a:hover
{
    color: white;
    text-decoration:none;
}
fieldset
{
    border-radius: 15px;
}

#dvLegends
{
    float: right;
}
.Site {
    position: absolute;
    top: 0px;
    text-align: center;
    width: 95%;
    color: #65BE80;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size: 18px;
    font-weight: bold;
    z-index: 1000;
}
.delete ,.edit, .print
{
    cursor: pointer;
}
#idletimeout { background:#CC5100; border:3px solid #FF6500; color:#fff; font-family:arial, sans-serif; text-align:center; font-size:12px; padding:10px; position:relative; top:0px; left:0; right:0; z-index:100000; display:none; }
#idletimeout a { color:#fff; font-weight:bold }
#idletimeout span { font-weight:bold }


/* TABLE WITHOUT HOVER
----------------------------------------------------------*/
.nohovertable 
{
  border: solid 1px #eeeeee;
  border-collapse: collapse;
}

.nohovertable td 
{
  padding: 5px;   
  border: solid 1px #BFBFBF;
}

.nohovertable th
{
    color: White;
    padding: 6px 5px;
    text-align: left;
    background-color: #535353;
    border: solid 1px #535353;
    font-size:12px;
}

.nohovertable th a
{
    color: White;
}

.nohovertable th a:link
{    
    color: white;
    text-decoration: none;
}

.nohovertable th a:visited
{
    color: white;
    text-decoration: none;
}

.nohovertable tfoot
{
    text-align: right;
}
.tSectionColapse {
    color:#0000ff;
    font-weight:300;
    display:none;
}

.tSectionExpand {
    color:#0000ff;
    font-weight:300;
    display:block;
}
.tShow {
    display:block;
}
.tHide {
    display:none;
}
.noclose .ui-dialog-titlebar-close
{
    display:none;
}

.optionGroup
{
    font-weight:bold;
    font-style:italic;
}

.optionChild
{
    padding-left:15px;
}

.timeOut {
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size:small;
    font-weight:bold;
    color:#91C3A0;
    float:left;
    position: absolute;
    top: 0px;
    vertical-align:middle;
}
.caps {
    text-transform:uppercase;
}

.auto {
    text-align:right;
}

.display-numeric-field
{
    float: right;
    text-align: right;  
    margin:0.5em 0 0 0;
}

/*----------------------------------------------------------*/

/* uzairtable
----------------------------------------------------------*/
.uzairtable {
    border: solid 1px #819BB6;
    border-collapse: collapse;
    font-size: 75%;    
}

.uzairtable td {
    padding-left: 5px;    
    border: solid 1px #A5DAB5;
}

.uzairtable tr:hover {
    background-color: #DBF2E2;
}

/*----------------------------------------------------------*/

/* borderless
----------------------------------------------------------*/
.borderless
{
  border: none;
}

.borderless tr:hover {
    background-color: #DBF2E2;
}

.borderless td
{
  padding: 5px;   
  /*border-bottom: 1px solid #91C3A0;*/
}

.borderless th
{
    color: White;
    padding: 6px 5px;
    text-align: left;
    background-color: #91C3A0;
    border: none;
    font-size:12px;
}

.UnMatchedBS {
    color : red;
}