/* CSS Stylesheet for Unite                                 */
/* #207997; = Label Foreground color                        */
/* #9FBDE5; = Button Background color                       */
/* #E4EAFB; = Body Background color                         */
/* White = Button Foreground color                          */
BODY
{
    background-repeat: repeat-y;
    background-color: #E4EAFB;
    font-weight: normal;
    font-size: 9pt;
    word-spacing: normal;
    text-transform: none;
    letter-spacing: normal;
    padding: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    height: 100%;
}
Table.Master
{
    background-color: Transparent;
    font-family: Arial;
    font-weight: normal;
    font-size: 9pt;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}
TD.Master
{
    border: none;
    background-color: Transparent;
    vertical-align: middle;
}
Table.Inner
{
    background-color: White;
    font-family: Arial;
    font-weight: normal;
    font-size: 9pt;
    text-align: left;
    border: solid 1px white;
    vertical-align: top;
}
Table.CtlInner
{
    background-color:  #E4EAFB;
    font-family: Arial;
    font-weight: bold;
    font-size: 10pt;
    color: white;
    font-style: italic;
    text-align: right;
    vertical-align: top;
    border: 1px;
}

TD.CtlHeader
{
    background-color: #0064A0;
    font-family: Arial;
    font-weight: bold;
    font-size: 10pt;
    color: white;
    font-style: italic;
    text-align: left;
    vertical-align: middle;
    padding : 0px 4px 0px 4px;
    height : 21px;
}
TH.CtlHeader
{
    background-color: #0064A0;
    font-family: Arial;
    font-weight: bold;
    font-size: 10pt;
    color: white;
    font-style: italic;
    text-align: left;
    vertical-align: middle;
    border: 1px solid gray;
    padding : 0px 4px 0px 4px;
}
TD.CtlInner
{
    background-color:  #9FBDE5;
    font-family: Arial;
    font-weight: bold;
    font-size: 10pt;
    color: white;
    font-style: italic;
    text-align: left;
    vertical-align: middle;
    border: 0px;
    padding : 0px 4px 0px 4px;
}
TD.Inner
{
    background-color: #E4EAFB;
    font-weight: bold;
    color: #207997;
    vertical-align: middle;
    padding : 0px 4px 0px 4px;
}
TD.Header
{
    background-color: #9FBDE5;
    font-weight: bold;
    color: White;
    vertical-align: top;
    padding : 0px 4px 0px 4px;
}
TD.AdvtInner
{
    border: solid 1px #E4EAFB;
    background-color: #E4EAFB;
    font-weight: bold;
    height: 5px;
    color: #207997;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.PanelMaster
{
    background-color: Transparent;
    font-family: Arial;
    font-weight: normal;
    font-size: 9pt;
    vertical-align: middle;
    text-align: center;
}

.PanelTitle
{
    border: none;
    background-color: Transparent;
    vertical-align: Top;
    text-align: left;
    color:white;
    font-weight:bold;
    position:relative;
    top:3px;
}
.ASPButton
{
    height: 25px;
    width: 100px;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    background-color: #9FBDE5;
    color: White;
}
.ASPLabel
{
    height: 20px;
    width: 100px;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    background-color: Transparent;
    color: #207997;
}
.ASPMessageLabel
{
    height: 40px;
    width: 100px;
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
    background-color: Transparent;
    color: Red;
}
.ASPTextBox
{
    width: 200px;
    font-family: Arial;
    font-size: 9pt;
    background-color: White;
    color: black;
    border-style: inset;
    height:15px;
    padding:0px;
        
}
.ASPTextBoxDisabled
{
    height: 20px;
    width: 200px;
    font-family: Arial;
    font-size: 9pt;
    background-color: #E6E6FA;
    color: black;
    border: Solid 1px #9FBDE5;
}
.ASPOther
{
    width: 204px;
    font-family: Arial;
    font-size: 9pt;
    background-color: White;
    padding: 0px;
 }
.ASPCheckBox
{
    height: 27px;
    width: 204px;
    font-family: Arial;
    font-size: 9pt;
    background-color: Transparent;
    border: none;
    color: #207997;
}
.Item
{
    font-family: Arial;
    font-size: 9pt;
    background-color: #9FBDE5;
    color: White;
    border: solid 1pt #606060;
    width: 400px;
    padding: 1px 1px 1px 1px;
}
.High
{
    font-family: Arial;
    font-size: 9pt;
    background-color: White;
    color: Black;
    border: solid 1pt #606060;
    width: 400px;
}
.AutoCompleteItem
{
    font-family: Arial;
    font-size: 9pt;
    background-color: #9FBDE5;
    color: White;
    border: solid 1pt #606060;
    width: 140px;
    padding: 1px 1px 1px 1px;
}
.AutoCompleteHigh
{
    font-family: Arial;
    font-size: 9pt;
    background-color: White;
    color: Black;
    border: solid 1pt #606060;
    width: 140px;
}
.Calendar .ajax__calendar_container
{
    border: 2px inset #207997;
    background-color: #F8F8FF;
    color: black;
    font-size: 9pt;
    font-family: Arial;
}
.Calendar .ajax__calendar_header
{
    background-color: #B0C4DE;
    color: black;
    font-weight: normal;
}
.Calendar .ajax__calendar_footer
{
    color: blue;
}
.Calendar .ajax__calendar_prev, .Calendar .ajax__calendar_next
{
}
.Calendar .ajax__calendar_dayname
{
    border: 1px solid white;
    background-color: #E6E6FA;
    color: black;
    font-weight: bold;
}
.Calendar .ajax__calendar_day
{
    border: 1px solid white;
    background-color: #E4EAFB;
    color: black;
}
.Calendar .ajax__calendar_other .ajax__calendar_day, .Calendar .ajax__calendar_other .ajax__calendar_year
{
    border: 1px solid white;
    background-color: #F8F8FF;
    color: black;
}
.Calendar .ajax__calendar_hover .ajax__calendar_day, .Calendar .ajax__calendar_hover .ajax__calendar_month, .Calendar .ajax__calendar_hover .ajax__calendar_year
{
    border: 1px solid red;
}
.Calendar .ajax__calendar_active .ajax__calendar_day, .Calendar .ajax__calendar_active .ajax__calendar_month, .Calendar .ajax__calendar_active .ajax__calendar_year
{
    border: 1px solid red;
    background-color: yellow;
}
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
    color: #ff0000;
    font-size: 9pt;
    font-family: Arial;
    font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}
.Validation
{
    color: #ff0000;
    font-size: 9pt;
    font-family: Arial;
    font-weight: bold;
}
.GeneralMessage
{
    position: absolute;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    background-image: url('');
    background-color: Blue;
    border-style: ridge;
    border-width: 2px;
    padding: 3px 3px 3px 3px;
    text-align: center;
    right: 0px;
    color: White;
}
.LoadingMessage
{
    position: absolute;
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
    background-image: url('');
    background-color: Yellow;
    border-top-style: ridge;
    border-right-style: ridge;
    border-bottom-style: ridge;
    border-width: 1px;
    color: Red;
    text-align: center;
	visibility: hidden;
    top: 43px; 
    left: 95px; 
    width: 167px; 
    vertical-align: middle;
}
.LoadingMessageCover
{
    position: absolute;
    font-family: Arial;
    font-size: 14pt;
    font-weight: bold;
    color: Red;
    text-align: left;
	visibility: hidden;
    top: 0px; 
    left: 60px; 
    vertical-align: middle;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: red;
    filter: alpha(opacity=30);
    
}

.clsPageDisabler
{
    z-index: 1005;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1024px;
    height: 1024px;
    overflow: hidden;
    background-color: #000;
    display: none;
    opacity: 0.3;
    filter: alpha(opacity=30);
}
.clsPageDisablerIframe
{
    z-index: 1004;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1024px;
    height: 1024px;
    overflow: hidden;
    background-color: #000;
    display: none;
    opacity: 0.3;
    filter: alpha(opacity=30);
}
.clsPageDisablerLoadingMsg
{
    z-index: 1006;
    position: absolute;
    top: 300px;
    left:450px; 
    width: 106px;
    height: 22px;
    color: #2060a0;
    background-color: #fff;
    border: #2060a0 2px solid;
    padding-top: 38px;
    font-family: Arial;
    font-size: 8pt;
    text-align: center;
}

.ShowMessage
{
    position: absolute;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    background-image: url('');
    background-color: Red;
    border-style: ridge;
    border-width: 2px;
    padding: 3px 3px 3px 3px;
    color: Yellow;
    text-align: center;
    width: 100%;
    visibility: hidden;
}
/* Confirmation related CSS */
.ConfirmationBG
{
    position: absolute;
    overflow: hidden;
    float: left;
    width: 100%;
    height: 100%;
    background-color: #e0e0e0;
    filter: alpha(opacity=85);
    z-index: 100000;
}
#iframeConfirmation
{
    display: block;
    z-index: -1;
    position: absolute;
    left: 0px;
    top: 0px;
}
.ConfirmationFG
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 100001;
}
.ASPConfirmationLabel
{
    height: 20px;
    width: 100px;
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
    background-color: Transparent;
    color: Blue;
}

.GridViewHeader
{
    background-color: #9FBDE5;
    color: white;
    text-align: center;
}
.Gridview
{
    font-size: 9pt;
    font-family: Arial;
    background-color: #eeeeee;
    width:100%; 
}
.GridViewFooter
{
    color: white;
    background-color: #9fbde5;
}
.GridViewPager
{
    vertical-align: middle;
    color: white;
    background-color: #9fbde5;
    text-align: center;
}
.GridViewRow
{
    border-right: navy 1px solid;
    border-top: navy 1px solid;
    border-left: navy 1px solid;
    border-bottom: navy 1px solid;
    background-color: #E4EAFB;
}

.modalBackground
{
    visibility:hidden;
}

.fupBack
{
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;

}
div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

div.fileinputs {
	position: relative;
}

tr.highlight
{
	background-color: #00FFFF;
	cursor: pointer;
}

.ASPAttendGrid
{
    height: 20px;
    width: 100px;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    background-color: Transparent;
    color: #207997;
}
.ASPGridTextBox
{
    height: 18px;
    width: 60px;
    font-family: Arial;
    font-size: 9pt;
    background-color: White;
    color: black;
    border: Solid 1px #9FBDE5;
}
.ASPDashBoardLabel
{
    height: 20px;
    width: 150px;
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
    background-color: Transparent;
    color: #207997;
}
.TabStyle .ajax__tab_header {white-space:normal !important;font-family:verdana,tahoma,helvetica;font-size:11px;background:url('/_Images/tab-line.gif') repeat-x bottom;}
.TabStyle .ajax__tab_outer {padding-right:4px;background:url("/_Images/tab-right.gif") no-repeat right;height:21px;}
.TabStyle .ajax__tab_inner {padding-left:3px;background:url("/_Images/tab-left.gif") no-repeat;}
.TabStyle .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url("/_Images/tab.gif") repeat-x;}
.TabStyle .ajax__tab_hover .ajax__tab_outer {background:url("/_Images/tab-hover-right.gif") no-repeat right;}
.TabStyle .ajax__tab_hover .ajax__tab_inner {background:url("/_Images/tab-hover-left.gif") no-repeat;}
.TabStyle .ajax__tab_hover .ajax__tab_tab {background:url("/_Images/tab-hover.gif") repeat-x;}
.TabStyle .ajax__tab_active .ajax__tab_outer {background:url("/_Images/tab-active-right.gif") no-repeat right;}
.TabStyle .ajax__tab_active .ajax__tab_inner {background:url("/_Images/tab-active-left.gif") no-repeat;}
.TabStyle .ajax__tab_active .ajax__tab_tab {background:url("/_Images/tab-active.gif") repeat-x;}
.TabStyle .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff;}
	
TR.ScrollTableFixedHeaderRow	
{
    position: relative; 
    top: expression(offsetParent.offsetParent.scrollTop);
}
	

TR.ScrollTableFixedFooterRow 
{ /*idea of Renato Cherullo to help IE*/
      position: relative; 
      overflow-x: hidden;
      top: expression(parentNode.parentNode.offsetHeight >= offsetParent.offsetParent.offsetHeight ? 0 - parentNode.parentNode.offsetHeight + offsetParent.offsetParent.offsetHeight + offsetParent.offsetParent.scrollTop : 0);
}

div.ScrollTableContainer 
{
	overflow: auto; 
	overflow-x: hidden; 
	position: relative;
	border: 1px solid white;
}

div.ScrollTableContainer table 
{
	width: 97%;
	border-collapse: collapse;
    background-color: #E4EAFB;
    font-family: Arial;
    font-weight: normal;
    font-size: 9pt;
    text-align: left;
    vertical-align: top;
}

div.ScrollTableContainer TD
{
    color: #207997;
    vertical-align: top;
	border: 1px solid white;
	border-collapse: collapse;
}

div.ScrollTableContainer TD.Header
{
    color: White;
    background-color: #9FBDE5;
	border: 1px solid white;
	border-collapse: collapse;
}

div.ScrollTableContainer TD.TooManyRows
{
    color: Red;
	font-weight: bold;
}

div.AutoSuggest 
{
	overflow: auto; 
	overflow-x: hidden; 
	position: absolute;
	background-color: #E4EAFB; 
	top: 0; 
	left: 0; 
	width: 200px; 
	height: 300px; 
	display: none;
	border: 4px groove white;	
    z-index: 100;
}

div.AutoSuggest table 
{
	width: 97%;
	border-collapse: collapse;
    background-color: #E4EAFB;
    font-family: Arial;
    font-weight: normal;
    font-size: 9pt;
    text-align: left;
    vertical-align: top;
}

div.AutoSuggest TD
{
    color: #207997;
    vertical-align: top;
	border: 1px solid white;
	border-collapse: collapse;
}

div.AutoSuggest TD.Header
{
    color: White;
    background-color: #9FBDE5;
	border: 1px solid white;
	border-collapse: collapse;
}

div.AutoSuggest TD.TooManyRows
{
    color: Red;
	font-weight: bold;
}

.CheckListContainer
{
    position: absolute;
    border: none;
    top: 38px;
    left: 20px;
    width: 0px;
    height: 0px;
}
.CheckList
{
    list-style: none;
    overflow: auto;
    margin-left: 0;
    padding: 0;
    postion: absolute;
    overflow-x: hidden;
    background-color: #E4EAFB;
    top: 0x;
    left: 100px;
    border: 4px groove white;
    z-index: 100;
    color: #207997;
    font-weight: bold;
    font-family: Arial;
    
}
.CheckList input
{
    vertical-align: middle;
}
.CheckList label
{
    display: block;
    border-bottom: 1px solid white;
    padding: 1px 1px 1px 1px;
}
.CheckList label:hover
{
    background: #9FBDE5;
}
.PanelOuter
{
    list-style: none;
    overflow: auto;
    margin-left: 0;
    padding: 0;
    postion: absolute;
    overflow-x: hidden;
    background-color: #E4EAFB;
    top: 0x;
    left: 100px;
    border: 4px groove white;
    z-index: 100;
    color: #207997;
    font-weight: bold;
    font-family: Arial;
    display:none;
}
.GridTable
{

}
.GridTd
{
	border:solid 1px #D5EAFF
	/*border-color:#D5EAFF;
	border-style:solid;
	border-width:1px;
	width:100%;
	height:100%;*/
}
.TdForGridControl
{
	border-color:#D5EAFF;
	border-style:solid;
	border-width:1px;
	width:100%;
	height:100%;
}
.GridTextBoxLeft
{
	border-color:#D5EAFF;
	border-style:solid;
	border-left-width:0px;
	border-right-width:1Px;
	border-bottom-width:1px;
	width:100%;	
}
html > body .autoComp1
{
	z-index:1001;
}
html > body .autoComp2
{
	z-index:1002;
}