body 
{
	margin              : 0px;
	padding             : 0px;
	color               : #333;
	background-color    : #FFF;
	font-size           : 10px;
	font-family         : Tahoma, Arial, Helvetica, sans-serif;
}

form
{
	margin              : 0px;
	padding             : 0px;
}

td 
{
  font-family         : Tahoma, Arial, Helvetica, sans-serif;
  font-size           : 11px;
}

th 
{
  font-family         : Tahoma, Arial, Helvetica, sans-serif;
  font-size           : 11px;
  font-weight         : bold;
  text-align          : center;
}

a
{
  text-decoration     : none;
}

p 
{
	font-family         : Tahoma, Arial, Helvetica, sans-serif;
	font-size           : 9pt;
	color               : #000000;
}

input, textarea, select
{
  font-family         : Tahoma, Arial, Helvetica, sans-serif;
  font-size           : 10px;
  margin              : 0px;
}

input.button 
{
  border-top          : 1px solid #C3C3C3;
  border-left         : 1px solid #C3C3C3;
  border-bottom       : 1px solid #303030;
  border-right        : 1px solid #303030;
}

a.button {
	font-family         : Tahoma, Arial, Helvetica, sans-serif;
	font-weight         : normal;
	font-size           : 11px;
	height              : 18px;
	color               : #333;
  -moz-border-radius-topleft : 4px;
  -webkit-border-radius-topleft : 4px;
  -moz-border-radius-topright : 4px;
  -webkit-border-radius-topright : 4px;
  -moz-border-radius-bottomleft : 4px;
  -webkit-border-radius-bottomleft : 4px;
  -moz-border-radius-bottomright : 4px;
  -webkit-border-radius-bottomright : 4px;  
  
	border-top          : 1px solid #696969;
	border-bottom       : 1px solid #949494;
	border-left         : 1px solid #696969;
	border-right        : 1px solid #949494;
  background-color    : transparent;
  background-image    : url("../includes/form2/css/aqua/button_bg.gif");
  background-repeat   : repeat-x;
  vertical-align      : middle;
  margin              : 0px 0px 0px 0px;
  padding             : 0px 3px 0px 3px;  
}

.login 
{
	margin-left         : auto;
	margin-right        : auto;
	margin-top          : 6em;
	padding             : 15px;
	border              : 1px solid #cccccc;
	width               : 429px;
	background          : #F1F3F5;
}
	
.login h1 {
	background          : url(../images/login_header.png) no-repeat;
	background-position : left top;
	color               : #333;
	margin              : 0px;
	height              : 50px;
	padding             : 15px 4px 0 50px;
 	text-align          : left;
	font-size           : 1.5em;
}

.login p 
{
	padding             : 0 1em 0 1em;
}
  
  
.login-form 
{
	text-align          : left;
	float               : right;
	width               : 60%;
}

.login-text
{
	text-align          : left;
	width               : 40%;
	float               : left;
}

.form-block 
{
	border              : 1px solid #cccccc;
	background          : #E9ECEF;
	padding-top         : 15px;
	padding-left        : 10px;
	padding-bottom      : 10px;
	padding-right       : 10px;
}


.inputlabel 
{
	font-weight         : bold;
  text-align          : left;
}

.inputbox 
{
  background-color: #C3D9FF; 
  border: 1px solid #999;
  padding : 10px;
}

div.inputbox
{
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
  
.inputselect
{
	width               : 150px;
	margin              : 0 0 1em 0;
	border              : 1px solid #cccccc;
}

.ctr
{
	text-align          : center;
}


.clr 
{
  clear               : both;
}

.commonButton
{
	border              : solid 1px #cccccc;
	background          : #E9ECEF;
	color               : #666666;
	font-weight         : bold;
	font-size           : 11px;
	padding             : 4px;
}

.helpButton
{
	border              : solid 1px #cccccc;
	background          : #E9ECEF;
	color               : #666666;
	font-weight         : bold;
	font-size           : 11px;
	padding             : 4px;
}

table.content
{
  width               : 100%;
  text-align          : left;
	font-family         : Tahoma, Arial, Helvetica, sans-serif;
	font-size           : 9pt;
	background-color    : white;
	color               : black;
	padding-top         : 2px;
	padding-left        : 10px;
	padding-right       : 10px;
	padding-bottom      : 2px;
}

td.bottomMenu
{
	text-align          : center;
  font-family         : Tahoma, Arial, Helvetica, sans-serif;
	font-size           : 11px;
	padding-left        : 4px;
	padding-right       : 4px;
  color               : white;
	cursor              : pointer;
}

td.bottomSeparator
{
  width               : 1px;
	background-image    : url(../images/separatorBottom.gif);
	background-repeat   : no-repeat;
	background-position : left;
	padding-left        : 0px;
	padding-right       : 0px;
}

td.bottomMenuHover
{
	text-align          : center;
	font-family         : Tahoma, Arial, Helvetica, sans-serif;
	font-size           : 11px;
	background-color    : white;
	color               : #870e00;
	padding-left        : 4px;
	padding-right       : 4px;
	cursor              : pointer;
}


div.footer
{
  width               : 100%;
	height              : 15px;
  text-align          : left;
	font-family         : Tahoma, Arial, Helvetica, sans-serif;
	font-size           : 11px;
  background-color    : #777;
  color               : white;
  text-align          : center;
}

div.footer div.footerLink
{
	background-color    : #161158;
	font-family         : Tahoma, Arial, Helvetica, sans-serif;
	font-size           : 11px;
  float               : left;
}

div.footer div.footerPage
{
	background-color    : #161158;
	font-family         : Tahoma, Arial, Helvetica, sans-serif;
	font-size           : 11px;
	padding-left        : 20px;
	padding-right       : 10px;
  width               : 200px;
  float               : right;
  text-align          : right;
}

td.bottomMenu
{
  text-align          : center;
  font-family         : Tahoma, Helvetica, sans-serif;
  font-size           : 10px;
  padding-left        : 4px;
  padding-right       : 4px;
  color               : white;
  cursor              : pointer;
}

td.bottomSeparator
{
  width               : 1px;
  background-image    : url(../images/separatorBottom.gif);
  background-repeat   : no-repeat;
  background-position : left;
  padding-left        : 0px;
  padding-right       : 0px;
}

td.bottomMenuHover
{
  text-align          : center;
  font-family         : Tahoma, Helvetica, sans-serif;
  font-size           : 10px;
  background-color    : white;
  color               : #1e501a;
  padding-left        : 4px;
  padding-right       : 4px;
  cursor              : pointer;
}

td.bottomCopyright
{
  text-align          : center;
  font-family         : Tahoma, Helvetica, sans-serif;
  font-size           : 10px;
}

.master
{
  height             : 100%;
  width              : 100%;
}

.header
{
  height              : 40px;
}


#wrapper
{
  display             : table;
  height              : 100%;
  width               : 100%;
}

.pageHeaderTitle 
{
	background-color    : #FFFFFF;
	border-bottom       : 1px dotted #660000;
}

.pageHeaderTitle .pageHeaderTitleText 
{
	font-size           : 14pt;
	font-weight         : bold;
	color               : #003399;
	font-family         : Tahoma, Arial, Helvetica, sans-serif;
	/*border-left         : 1px dotted #660000;*/
	text-transform      : uppercase;
  height              : 20px;
}
.pageHeaderTitle .blank 
{
  width               : 32px;
  height              : 32px;
  background-color    : #aaa;
}

.moduleSelected
{
  font-size           : 10px;
	color               : white;
	background-image    : url(../images/bgModuleSelected.gif);
	background-repeat   : no-repeat;
	background-position : top;
	height              : 22px;
	width               : 90px;
	text-align          : center;
	vertical-align      : top;
	padding-top         : 3px;
	cursor              : default;
}


td.moduleNormal
{
  font-size           : 10px;
	color               : #590900;
	background-image    : url(../images/bgModule.gif);
	background-repeat   : no-repeat;
	background-position : top;
	height              : 22px;
	width               : 90px;
	text-align          : center;
	vertical-align      : top;
	padding-top         : 3px;
	cursor              : pointer;
}

td.moduleNormalHover
{
  font-size           : 10px;
	color               : #590900;
	background-image    : url(../images/bgModuleHover.gif);
	background-repeat   : no-repeat;
	background-position : top;
	height              : 22px;
	width               : 90px;
	text-align          : center;
	vertical-align      : top;
	padding-top         : 3px;
	cursor              : pointer;
}


td.topMenuLeft
{
	height              : 18px;
	font-family         : Tahoma, Arial, Helvetica, sans-serif;
	font-size           : 11px;
  font-weight         : bold;
	background-color    : black;
	color               : white;
	text-align          : right;
	padding-left        : 5px;
	padding-right       : 5px;
	cursor              : default;
	background-image    : url(../images/menuborderleft.gif);
	background-position : left;
	background-repeat   : no-repeat;
}

td.topMenu
{
	height              : 18px;
	text-align          : center;
	font-family         : Tahoma, Arial, Helvetica, sans-serif;
	font-size           : 11px;
	background-color    : #cdcdcd;
	background-image    : url(../images/separator.gif);
	background-repeat   : no-repeat;
	background-position : right center;
	color               : black;
  padding-left        : 4px;
  padding-right       : 4px;
	cursor              : pointer;
}

td.topMenuHover
{
	height              : 18px;
	text-align          : center;
	font-family         : Tahoma, Arial, Helvetica, sans-serif;
	font-size           : 11px;
	background-color    : black;
	color               : white;
  padding-left        : 4px;
  padding-right       : 4px;
	cursor              : pointer;
}

td.topMenuRight
{
	height              : 18px;
	text-align          : center;
	font-family         : Tahoma, Arial, Helvetica, sans-serif;
	font-size           : 11px;
	background-color    : #cdcdcd;
	color               : black;
	background-image    : url(../images/menuborderright.gif);
	background-position : right;
	background-repeat   : no-repeat;
  padding-left        : 4px;
  padding-right       : 4px;
	cursor              : pointer;
}

td.topMenuRightHover
{
	height              : 18px;
	text-align          : center;
	font-family         : Tahoma, Arial, Helvetica, sans-serif;
	font-size           : 11px;
	background-color    : black;
	color               : white;
	background-image    : url(../images/menuborderrighton.gif);
	background-position : right;
	background-repeat   : no-repeat;
  padding-left        : 4px;
  padding-right       : 4px;
	cursor              : pointer;
}




div#fixme 
{
  /* IE5.5+/Win - this is more specific than the IE 5.0 version */ 
  left                : expression( ( document.body.clientWidth - 85 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top                 : expression( ( document.body.clientHeight - 19 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
  z-index             : 100;
}


#fixme 
{
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */ 
  position            : absolute;
  left                : 0px;
  top                 : 0px;
  z-index             : 100;
}


body > div#fixme 
{
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */ 
  position            : fixed;
}

.pageHeader1 {
	font-size: 15px;
	font-weight: bold;
	color: #3366CC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #006699;
	text-decoration: none;
}
.pageHeader1 a{
	color: #3366CC;
	text-decoration: none;
}
.pageHeader2 {
	font-size: 10px;
	font-weight: normal;
	color: #3366CC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #006699;
	text-decoration: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.pageHeader3 {
	font-size: 12px;
  font-family : Tahoma, Arial, helvetica, verdana;
	color: #aaaaff;
	text-decoration: none;
  cursor:default;
}
.pageHeader3 a{
	color: #1111ff;
	text-decoration: none;
  cursor:pointer;
}
.pageHeader3 a:hover{
	color: #1111ff;
	text-decoration: underline;
  cursor:pointer;
}

.pageHeader4 {
	font-size: 11px;
	color: #3399ff;
	text-decoration: none;
  cursor:default;
}
.pageHeader4 a{
	color: #3399ff;
	text-decoration: none;
  cursor:pointer;
}
.pageHeader4 a:hover{
	color: #3399ff;
	text-decoration: underline;
  cursor:pointer;
}

.pageHeader5 {
	font-size: 11px;
	color: #333;
  font-style : italic;
	text-decoration: none;
}
td.tabPageActive
{
	background-color: #EBEBEB;
	border-top : 1px solid #333333;
	border-left : 1px solid #333333;
	border-right : 1px solid #333333;
  padding-left : 5px;
  padding-right : 5px;
  padding-top : 3px;
  padding-bottom : 3px;
  font-weight : bold;
  font-size : 9pt;
  white-space : nowrap;
  -moz-border-radius-topleft : 5px;
  -webkit-border-radius-topleft : 5px;
  -moz-border-radius-topright : 5px;
  -webkit-border-radius-topright : 5px;
}

td.tabPage
{
	background-color: #fbfbfb;
	border-top : 1px solid #333333;
	border-left : 1px solid #333333;
	border-right : 1px solid #333333;
  padding-left : 5px;
  padding-right : 5px;
  padding-top : 3px;
  padding-bottom : 3px;
  font-weight : bold;
  font-size : 9pt;
  white-space : nowrap;
  -moz-border-radius-topleft : 5px;
  -webkit-border-radius-topleft : 5px;
  -moz-border-radius-topright : 5px;
  -webkit-border-radius-topright : 5px;
}

td.tabPage:hover
{
	background-color: #aaa;
}

td.tabPage a
{
  color : navy;
  text-decoration : none;
}

td.tabPage a:hover
{
  color : red;
  text-decoration : none;
}

input.numeric
{
  text-align: right;
  border              : 1px solid #a5acb2;
}

a.backtotop
{
  color               : #5c0a04;
  text-decoration     : none;
}

a.backtotop div
{
  background          : url('../images/backtotop.png') no-repeat;
  width               : 85px; 
  height              : 19px; 
  color               : #5c0a04;
  text-decoration     : none;
}

div.formMessage
{
  font-family         : Tahoma, Arial, verdana, helvetica;
  font-size           : 10px;
  font-weight         : bold;
  background-color    : #00CC00;
  color               : #ffffff;
  border              : 1px solid #337733;
  vertical-align      : middle;
  text-align          : left;
  padding             : 2px;
}


.logoLeft
{
  background          : url('../images/logo.png') no-repeat;
  background-position : top left;
  padding-left        : 300px;
}

.logoTop
{
  width : 370px;
  height : 80px;
  background          : url('../images/logo_inside.png') no-repeat;
  background-position : top left;
  background-color : #cd9933;
}

table.header
{
  background-color: #aaa;
}

.menuoutline {
	background-color: #EAEAEA;
	border: 1px solid #CCCCCC;
	padding: 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	color: #333333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.menuoption {
	background-color: #CBE9FA;
	border: 1px solid #7AC8FA;
	color: #333333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding: 2px;
	margin: 2px;
	width: 100%;
	cursor: pointer;
}


table.navi
{
  font-family         : Verdana;
  font-size           : 8pt;
  height              : 100%;
  width               : 100%;
  background-color    : #aaa;
  border-collapse     : collapse;
  border-right        : 1px solid black;
}

table.navi td.nav
{
  height              : 25px;
  padding-left        : 5px;
  padding-right       : 5px;
  border-bottom       : 1px solid black;
  cursor              : pointer;
  letter-spacing      : 2px;
  white-space         : nowrap;
}

table.navi td.navHover
{
  height              : 25px;
  padding-left        : 5px;
  padding-right       : 5px;
  border-bottom       : 1px solid black;
  cursor              : pointer;
  letter-spacing      : 2px;
  background-color    : #fff;
  white-space         : nowrap;
}


table.grid 
{
	width: 100%;
	background-color:#F4F4F4;
  border-collapse: collapse;
	color: #333333;
}

table.grid thead tr td,
table.grid tr th
{
	background-color: #aaa;
	border: 1px solid #777;
	color: #333333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding: 1px;
  font-weight: bold;
}

table.grid tbody tr
{
	background-color: #FFFFFF;
}

table.grid tbody tr td{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
  border-bottom: 1px solid #777;
  padding: 1px 3px 1px 3px;
}

table.grid tbody tr.even
{
	background-color: #EEEEEE;
}

input.buttonCalendar
{
	background-image    : url(../images/calendar.gif);
	background-position : center;
	background-repeat   : no-repeat;
	background-color    : transparent;
	border              : 0px;
	margin              : 0px 0px 0px 0px;
	padding             : 0px 0px 0px 0px;
  width               : 16px;
	cursor              : pointer;
}


.errorMessage {
  font-size           : 9pt;
  font-weight         : normal;
  background-color    : #FF0000;
  color               : #ffffff;
  border              : 1px solid #993300;
  vertical-align      : middle;
  text-align          : left;
  padding             : 2px;
}

.message {
  font-size           : 9pt;
  font-weight         : normal;
  background-color    : #00CC00;
  color               : #ffffff;
  border              : 1px solid #337733;
  vertical-align      : middle;
  text-align          : left;
  padding             : 2px;
}






.x-tab-panel-body .x-panel-body {
    padding:10px;
}

/* default loading indicator for ajax calls */
.loading-indicator {
	font-size:8pt;
	background-image:url('../images/default/grid/loading.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
}

.new-tab {
    background-image:url(../images/new_tab.gif) !important;
}


.tabs {
    background-image:url( ../images/tabs.gif ) !important;
}

/*------------tooltip report daily assignment---------------*/
a.info{
    position		:relative; /*this is the key*/
    z-index			:24; background-color:#ccc;
    color			:#000;
    text-decoration	:none}

a.info:hover{z-index:25; background-color: #3399FF}

a.info span{display	: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display			: block;
    position		:absolute;
    top				:2em; left:2em; width:20em;
    border			:1px dotted  #000000;
    background-color: #CCFFFF; color:#000;
    text-align		: center}
/*------------tooltip report daily assignment---------------*/