/***********GRID VIEW THEME BEGIN*****************/
.defaultgridtheme
{
	BORDER:  #E0E0E0 1px solid;

	/*BORDER-RIGHT: #E0E0E0 1px solid;
	border-left: #E0E0E0 1px solid;*/
	
}

.defaultgridtheme CAPTION
{
    width: 100%;
    height: 20px;
    padding-top: 2px; /*  background-image: url(Images/gradient-caption.jpg);*/
    background-color: #6E9394; /*#E0E0E0; */
    border: solid 0px #D2D2D2;
    vertical-align: middle;
    font-family: Trebuchet MS;
    font-weight: bold;
    font-size: 10.5pt;
    color: #FFFFFF;
    letter-spacing: 1pt;
    text-transform: uppercase;
}

/*Grid Header*/
.defaultgridtheme.header,  TBODY TR.header 
{
   height: 20px;
    padding: 1px 7px 2px 2px;
    border-bottom: solid 1px #D2D2D2;

    background-image: url(../Images/gradient.jpg); 
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #FFFFFF;
    font-family: Trebuchet MS;
    font-weight: bold;
    font-size: 9.5pt;
    color: #444444;
    text-align: left; 
    line-height: 1.4em;
}


.defaultgridtheme  TD
{
	padding:  3px 3px 3px 3px;
	font-family: Verdana;
	font-size: 8pt;
	color: #000000;
	line-height: 1.4em;
	vertical-align : top;
	text-align:left;
}

.defaultgridtheme TBODY TR.item
{
	BACKGROUND-COLOR: #FFFFFF;
}

.defaultgridtheme TBODY TR.alternate
{
	background-color: #EFEFEF;
}

.defaultgridtheme TBODY TR.selected
{
	background-color:#EDEDB6;
}
.defaultgridtheme.foot, .defaultgridtheme TBODY TR.foot
{
    width: 100%;
    height: 20px;
    padding-top: 2px; /*  background-image: url(Images/gradient-caption.jpg);*/
    background-color: #6E9394; /*#E0E0E0; */
    border: solid 0px #D2D2D2;
    vertical-align: middle;
    font-family: Trebuchet MS;
    font-weight: bold;
    font-size: 10.5pt;
    color: #FFFFFF;
    letter-spacing: 1pt;
    text-transform: uppercase;
}

.defaultgridtheme.foot a, .defaultgridtheme TBODY TR.foot a
{
       color: #FFFFFF;
 
}
.defaultgridtheme.foot span, .defaultgridtheme TBODY TR.foot span
{
       color: #FFFFFF;
 
}

.defaultgridtheme.emptydata
{
	background-color:#FFFFFF;

	font-family: Verdana;
	font-size: 8pt;
	color: #888888;
	line-height: 1.4em;
	padding: 3px 3px 3px 3px;
	font-family:  Arial;
}
.defaultgridtheme.hotselection
{
	font-family: Verdana;
	font-size: 8pt;
	color:#FFFFFF;
	font-weight:normal;
}
.defaultgridtheme.hotselection:hover
{
	font-family: Verdana;
	font-size: 8pt;
	color:Black;
	text-decoration: underline;
	background-color:#EDEDB6;
}


/*.defaultgridtheme  TBODY TR.header 
{
	position:relative; 
	top:-2px; 
	 background-color: Black ; 
} */

/***********GRID VIEW THEME END*****************/

/***********GRID VIEW THEME FOR PROJECT LIST BEGIN*****************/
.projectgridtheme
{
	BORDER:  #E0E0E0 1px solid;

	/*BORDER-RIGHT: #E0E0E0 1px solid;
	border-left: #E0E0E0 1px solid;*/
	
}

.projectgridtheme CAPTION
{
    width: 100%;
    height: 20px;
    padding-top: 2px; /*  background-image: url(Images/gradient-caption.jpg);*/
    background-color: #6E9394; /*#E0E0E0; */
    border: solid 0px #D2D2D2;
    vertical-align: middle;
    font-family: Trebuchet MS;
    font-weight: bold;
    font-size: 10.5pt;
    color: #FFFFFF;
    letter-spacing: 1pt;
    text-transform: uppercase;
}

/*Grid Header*/
.projectgridtheme TBODY TH
{
    height: 20px;
    padding: 1px 7px 2px 2px;
    border-bottom: solid 1px #D2D2D2;
    position: relative;
    top: 0px;
    background-image: url(../Images/gradient.jpg); /*BACKGROUND-COLOR: #DFDFDF;*/
    background-repeat: repeat-x;
    background-position: bottom;
    font-family: Trebuchet MS;
    font-weight: bold;
    font-size: 10pt;
    color: #000000;
    text-align: left;
    line-height: 1.4em;
}


/*.projectgridtheme  TD
{
	padding:  3px 3px 3px 3px;
	font-family: Verdana;
	font-size: 8pt;
	color: #000000;
	line-height: 1.4em;
	vertical-align : top;
	text-align:left;
}*/

.projectgridtheme TD
{
    font-family: Verdana;
    font-size: 10pt;
    color: #3333FF;
    line-height: 1.4em;
    
    text-align: left;
}
.projectgridtheme TD .projectno
{
    font-family: Trebuchet MS;
    font-size: 17pt;
    color: #3333FF;
    line-height: 1.4em;
    vertical-align: top;
    text-align: left;
}

.projectgridtheme TD .projectdesc
{
    font-family: Trebuchet MS;
    font-size: 10pt;
    color: #000000;
    line-height: 1.4em;
    vertical-align: top;
    text-align: left;
}

.projectgridtheme TD .schedule
{
    font-family: Trebuchet MS;
    font-size: 10pt;
    color: #000000;
    line-height: 1.4em;
    vertical-align: middle;
    text-align: left;
    font-weight :bold 
}
.projectgridtheme TD .progressep
{
    font-family: Trebuchet MS;
FONT-SIZE:x-large;
    color:  #F6BD0F;
    vertical-align:  middle ;
    text-align:  center ;    
}
.projectgridtheme TD .progresslp
{
    font-family: Trebuchet MS;
FONT-SIZE:x-large;
    color:  #F1683C;
    vertical-align:  middle ;
    text-align:  center ;    
}
.projectgridtheme TD .progressactual
{
    font-family: Trebuchet MS;
FONT-SIZE:x-large;
    color: green;
    vertical-align:  middle ;
    text-align:  center ;    
}

.projectgridtheme TBODY TR.item
{
	BACKGROUND-COLOR: #FFFFFF;
	color: #3333FF;
}

.projectgridtheme TBODY TR.alternate
{
	background-color: #EFEFEF;
}

.projectgridtheme TBODY TR.selected
{
	background-color:#EDEDB6;
}
.projectgridtheme.foot
{
	background-color:#B3DBF5;
	font-family: Verdana;
	font-size: 8pt;
	color: #888888;
	line-height: 1.4em;
	padding: 3px 3px 3px 3px;
	font-family:  Arial;
}
.projectgridtheme.emptydata
{
	background-color:#FFFFFF;

	font-family: Verdana;
	font-size: 8pt;
	color: #888888;
	line-height: 1.4em;
	padding: 3px 3px 3px 3px;
	font-family:  Arial;
}
.projectgridtheme.hotselection
{
	font-family: Verdana;
	font-size: 8pt;
	color:#FFFFFF;
	font-weight:normal;
}
.projectgridtheme.hotselection:hover
{
	font-family: Verdana;
	font-size: 8pt;
	color:Black;
	text-decoration: underline;
	background-color:#EDEDB6;
}


.projectgridtheme.header11
{
	/*position:relative; 
	top:-2px; */
	 background-color: White ; 
}

/***********GRID VIEW THEME FOR PROJECT LIST  END*****************/

/***********GRID VIEW THEME FOR TODO BEGIN*****************/
.todogridtheme
{
	BORDER:  #E0E0E0 1px solid;

	/*BORDER-RIGHT: #E0E0E0 1px solid;
	border-left: #E0E0E0 1px solid;*/
	
}

/*Grid Header*/
.todogridtheme.header,  TBODY TR.header
{
   height: 20px;
    padding: 1px 7px 2px 2px;
    border-bottom: solid 1px #D2D2D2;

    background-image: url(../Images/gradient.jpg); BACKGROUND-COLOR: #DFDFDF;
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #FFFFFF;
    font-family: Trebuchet MS;
    font-weight: bold;
    font-size: 9.5pt;
    color: #444444;
    text-align: left; 
    line-height: 1.4em;
}

/***********GRID VIEW THEME FOR TODO END*****************/

/***********FORMVIEW THEME BEGIN*****************/
.defaultformviewtheme 
{
	background-color:Transparent ;
	border:0;
}
.defaultformviewtheme CAPTION
{
    width: 100%;
    height: 20px;
    padding-top: 2px; /*  background-image: url(Images/gradient-caption.jpg);*/
    background-color: #99B5B6; /*#E0E0E0; */
    border: solid 1px #D2D2D2;
    vertical-align: middle;
    font-family: Trebuchet MS;
    font-weight: bold;
    font-size: 10.5pt;
    color: #ffffff;
    letter-spacing: 1pt;
    font-variant: normal;
    text-transform: uppercase;
}

.defaultformviewtheme TABLE
{
    width: 100%;
    border-collapse: collapse;
    border-style: solid;
    border-width: 1px;
	border-color: #D2D2D2 ;
}
.defaultformviewtheme TH
{
    height: 20px;
    padding: 1px 7px 2px 2px;
    border-bottom: solid 1px #D2D2D2;
    position: relative;
    top: 0px;
    background-image: url(../Images/gradient.jpg); /*BACKGROUND-COLOR: #DFDFDF;*/
    background-repeat: repeat-x;
    background-position: bottom;
    font-family: Trebuchet MS;
    font-weight: bold;
    font-size: 9.5pt;
    color: #444444;
    text-align:center;
    line-height: 1.4em;
}

.defaultformviewtheme TABLE TD
{
    font-family: Verdana;
    font-size: 8pt;
    color: #000000;
    line-height: 1.4em;
    text-align: left;
    vertical-align: top;
    padding-top: 2px;
    padding-right: 1px;
    padding-left: 1px;
    border-bottom: #E0E0E0 1px solid;
    border-top: #E0E0E0 1px solid;
    border-right: #E0E0E0 1px solid;
    border-left: #E0E0E0 1px solid;
    background-color: #F5F5F5;
}

/***********FORMVIEW THEME END*****************/




/***********TEXTBOX THEME BEGIN*****************/
.textbox
{
    border: 1px Solid #a0a0a0;
    font-family: Trebuchet MS;
    font-size: 11px;
    height: 16px;
    width: 200px;
    background-color: #FFFFFF /*#E8E8E8;*/;
}
textarea 
{
    border: 1px Solid #a0a0a0;
}

/***********TEXTBOX THEME END*****************/

.dropdownlist
{
    border: 1px solid #C0C0C0;
    font-family: Trebuchet MS;
    font-size: 10pt;
    width: 200px;
}

.listbox
{
    border: 1px solid #C0C0C0;
    font-family: Trebuchet MS;
    font-size: 10pt;
    background-color: #FFFFFF;
}
/***********OVALBUTTON THEME BEGIN*****************/
a.ovalbutton
{
    background: url('../Images/oval-gray-left.gif') no-repeat left top;
    display: block;
    float: right;
    /* Change 13px as desired */
    line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    /* Height of button background height */
    padding-left: 11px; /* Width of left menu image */
    text-decoration: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 13px;
	font-family: "Trebuchet MS";
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton
{
    color: #494949; /*button text color*/
}

a.ovalbutton span
{
    background: transparent url('../Images/oval-gray-right.gif') no-repeat top right;
    display: block;
    padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
    white-space:nowrap;
    text-align:center ;
    
}

a.ovalbutton:hover
{ /* Hover state CSS */
  background-position: bottom left;
}

a.ovalbutton:hover span
{ /* Hover state CSS */
    background-position: bottom right;
    color: black;
    white-space:nowrap 
}

.buttonwrapper
{ /* Container you can use to surround a CSS button to clear float */
    overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
    width: 100%;
}
/***********OVALBUTTON THEME END*****************/

/***********SMALL OVALBUTTON THEME BEGIN*****************/
a.ovalbuttonsmall
{
    background: url('../Images/small-oval-gray-left.gif') no-repeat left top;
    display: block;
    float: right;
    /* Change 13px as desired */
    line-height: 8px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    /* Height of button background height */
    padding-left: 6px; /* Width of left menu image */
    text-decoration: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 10px;
	font-family: "Trebuchet MS";
}

a:link.ovalbuttonsmall, a:visited.ovalbuttonsmall, a:active.ovalbuttonsmall
{
    color: #494949; /*button text color*/
}

a.ovalbuttonsmall span
{
    background: transparent url('../Images/small-oval-gray-right.gif') no-repeat top right;
    display: block;
    padding: 2px 8px 2px 0; /*Set 11px below to match value of 'padding-left' value above*/
    white-space:nowrap;
    text-align:center ;
    
}

a.ovalbuttonsmall:hover
{ /* Hover state CSS */
  background-position: bottom left;
}

a.ovalbuttonsmall:hover span
{ /* Hover state CSS */
    background-position: bottom right;
    color: black;
    white-space:nowrap 
}

.buttonwrapper
{ /* Container you can use to surround a CSS button to clear float */
    overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
    width: 100%;
}
/***********OVALBUTTON THEME END*****************/

/***********IMAGE LINK BUTTON THEME BEGIN*****************/
.imagelinkbutton
{
    float:left;
    background-position: top left;
    background-repeat:no-repeat;
    display:block;
    height:16px;
    width:0px; /* keep zero always*/
    margin-top:2px;
    padding-left: 16px; /* width - place holder for image*/
   /* border:solid 1px red;*/
}

.imagelinkbutton:hover
{
    background-position:bottom left;
}

/* option 2 image will not roll but border on hover */
.imagelinkbutton1
{
    float:left;
    background-position: top left;
    background-repeat:no-repeat;
    display:block;
    height:16px;
    width:0px; /* keep zero always*/
    margin-top:2px;
    padding-left: 16px; /* width - place holder for image
    border:solid 1px white;*/
}

.imagelinkbutton1:hover
{
    /*border-color:#d2d2d2;*/
}
/***********IMAGE LINK BUTTON THEME END*****************/

.linkbutton
{
    border: solid 1px red;display: block; 
} 
.linkbutton span
{ 
    background-position: right top;
    background-image:url(../Images/squarebutton2.gif);
    display: block; 
    white-space: nowrap;
    text-align: center;
    height: 16px;
    width:16px;
    background-repeat: no-repeat;
} 
.linkbutton:hover
{
    background-position: left bottom ;
   
}   
.linkbutton:hover span
{
    background-position: right bottom ;
   
} 



/***********LINK NAVIGATION THEME BEGIN*****************/

/* common styling */

/***********LINK NAVIGATION THEME END*****************/



/***********PAGE MENU THEME BEGIN*****************/

.pagemenu
{
    background-color: White;
    border-color: red;
    border-width: 0px;
    border-style: Solid;
    width: 100%;

	bottom: 15%;
	top:15%;
	position: absolute;
	left: auto;
	right:auto;

}

.pagemenu TABLE
{
   width: 200px;
    border-color: blue;
    border-width: 0px;
    border-style: Solid;
 }

.pagemenu TABLE TD.menuimage
{
    padding-top: 10px;
    padding-left: 90px;
    height: 90px;
}

.pagemenu TABLE TD.menuimage A
{
    float:left;
    background-image: url('../Images/MenuIcons/ico-admin.gif');
    background-position: top left;
    background-repeat:no-repeat;
    display:block;
    height:90px;
    width:0px; /* keep zero always*/
    margin-top:2px;
    padding-left: 90px; /* width - place holder for image*/

}
.pagemenu TABLE TD.menuimage A:hover
{
    background-position: bottom left;
}
.pagemenu TABLE TD.menutext
{
    text-align:center ;
    padding-left:68px;
}
.pagemenu TABLE TD.menutext A
{
    display: inline-block;
    height: 25px;
    margin-top: 2px;
    font-family:  "Arial";
    font-size: 18px;
    font-weight:  normal ;
    color: #000000;
    text-decoration:none;
     padding-bottom: 90px;
    
}
.pagemenu TABLE TD.menutext A:hover
{
    color: Orange ;
}
/***********PAGE MENU THEME END*****************/

/***********COMMON MENU THEME BEGIN*****************/

.commonmenu
{
     float:right;
    top:0px;
    right:0px;

}
.commonmenu TABLE
{
    float:right;
}

.commonmenu TABLE TD A
{
    float:right;
    background-position: bottom left;
    background-repeat:no-repeat;
    display:block;
    height:24px;
    width:0px; /* keep zero always*/
    margin-top:0px;
    padding-left: 24px; /* width - place holder for image*/

}
.commonmenu TABLE TD  A:hover
{
    background-position: top left;
}

/***********COMMON MENU THEME END*****************/

/**********/
.logout
{
    display: inline-block;
    text-decoration: none;
    color: #000000;
}
.logout:hover
{
    color: #FC2727;
}




/*------------Vertical Tab-------START---------------*/

.verticaltab1 {list-style:none; padding:10px 0 20px 05px; margin:0; width:25px;  border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; text-transform: uppercase; font-family: Verdana;}
.verticaltab1 li {display:block; width:25px; margin-bottom:-29px;}
.verticaltab1 li a {text-decoration:none; color:#fff; font-size:11px; line-height:10px;}
.verticaltab1 li a em {display:block; width:25px; height:29px;background:url(../Images/Tab/vtab_image.gif) left top; font-style:normal;}
.verticaltab1 li a b {display:block; width:15px; padding:0 3px 29px 7px; text-align:center; text-decoration:none; background:url(../Images/Tab/vtab_image.gif) left bottom; color:#fff;}
 
.verticaltab1 li a:hover {border:0; position:relative; z-index:100; cursor:pointer;}
.verticaltab1 li a:hover em {background-position: center top;}
.verticaltab1 li a:hover b {background-position: center bottom; color:#660;}
 
.verticaltab1 li a.selected, .verticaltab1 li a:hover.selected {border:0; position:relative; z-index:200; cursor:default;}
.verticaltab1 li a.selected em, .verticaltab1 li a:hover.selected em {background-position: right top;}
.verticaltab1 li a.selected b,.verticaltab1 li  a:hover.selected b {background-position: right bottom; color:#242;}
 
.verticaltab1 li a.unselected, .verticaltab1 li a:hover.unselected {}
.verticaltab1 li a.unselected em, .verticaltab1 li a:hover.unselected em {}
.verticaltab1 li a.unselected b,.verticaltab1 li  a:hover.unselected b {}

/*------------Vertical Tab-------END---------------*/

/*------------Horizontal Tab-------START---------------*/

.htab1  {
	float:right;
	width:99%;
	background:#99B5B6;/*#BBD9EE;*/
	padding:0;
	font-size:14px;
	line-height:normal;
	margin:0;
	padding:10px 0 0 10px;
	list-style:none;
}
.htab1 li {
	display:inline;
	margin:0;
	padding:0;
}
.htab1 a {
	float:left;
	background:#E7F1F8 url("../Images/Tab/htab-image1.png") no-repeat left top;
	padding:0 0 0 9px;
	text-decoration:none;
	color:#000;
}
.htab1 a span {
	float:left;
	display:block;
	background:#E7F1F8 url("../Images/Tab/htab-image1.png") no-repeat right top;
	padding:4px 15px 3px 6px;
}
	
.htab1 a span {float:none;}                 /* Commented Backslash Hack hides rule from IE5-Mac \*/

.htab1 li.selected a span {
	padding-bottom:4px;
}
.htab1 a:hover, .htab1 a:hover span
{
    background-color: #FFFFCC; /*#E4F1BC;*/
    color: #000;
}
.htab1 li.selected a span, .htab1 li.selected a {
	background-color:#fff;
}

/*------------Horizontal Tab - Level2 ----------------*/

.htab2
{
    background-position: #00CC99;
    float: right;
    width: 98%;
    background: #FFFFFF; /*#BBD9EE;*/
    padding: 0;
    font-size: 14px;
    line-height: normal;
    margin: 0;
    padding: 10px 0 0 10px;
    list-style: none;
}
.htab2 li {
	display:inline;
	margin:0;
	padding:0;
}
.htab2 a {
	float:left;
	background:#E7F1F8 url("../Images/Tab/htab-image2.png") no-repeat left top;
	padding:0 0 0 9px;
	text-decoration:none;
	color:#000;
}
.htab2 a span {
	float:left;
	display:block;
	background:#E7F1F8 url("../Images/Tab/htab-image2.png") no-repeat right top;
	padding:4px 15px 3px 6px;
}
	
.htab2 a span {float:none;}   /* Commented Backslash Hack hides rule from IE5-Mac \*/

.htab2 li.selected a span {
	padding-bottom:4px;
}
.htab2 a:hover, .htab2 a:hover span
{
    background-color: #FFFFCC; /*#E4F1BC;*/
    color: #000;
}
.htab2 li.selected a span, .htab2 li.selected a {
	background-color:#6E9394;
	COLOR: White; 
}


/*------------Horizontal Tab-------END---------------*/


/*------------ADDED BY SATISH on 27/05/2009---------------*/

.collapsearea
{
	padding: 2px;
	background-image: url(Images/bg.jpg);
	background-repeat: repeat;
}
/*------------USED FOR TABLE HEADER---------------*/
.captionlike {
    width: 100%;
    height: 20px;
    padding-top: 2px; /*  background-image: url(Images/gradient-caption.jpg);*/
    background-color: #6E9394; /*#E0E0E0; */
    border: solid 0px #D2D2D2;
    vertical-align: middle;
    font-family: Trebuchet MS;
    font-weight: bold;
    font-size: 10.5pt;
    color: #FFFFFF;
    letter-spacing: 1pt;
    text-transform: uppercase;
}

.captionlike2 {
    width: 100%;
    height: 15px;
    padding-top: 2px; /*  background-image: url(Images/gradient-caption.jpg);*/
    background-color: #E0E0E0; /*#E0E0E0; */
    border: solid 0px #D2D2D2;
    vertical-align: middle;
    font-family: Trebuchet MS;
    font-weight: bold;
    font-size: 10pt;
    color: #0F0F0F;
    letter-spacing: 1pt;
    text-transform: uppercase;
}


/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
	margin: 0;
	padding: 3px 0;
	border-bottom: 10px solid #6E9394;
	font: bold 12px Garamond;
	color: #3d77cb;
}

ul.tabbernav li
{
	list-style: none;
	margin: 0;
	display: inline;
	color: #3d77cb;
}

ul.tabbernav li a
{
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #778;
	border-bottom: none;
	background: #fof8ff;
	text-decoration: none;
	color: #3d77cb;
}

ul.tabbernav li a:link
{
	/*color: #6C6C6C;
	font-weight:normal;
	background-color: white;
	font-size: 14px;*/
	    FONT-SIZE: 14px; 
    COLOR: #6C6C6C; 
    font-weight:bold; 
    TEXT-DECORATION: none; 
    font-family:arial;
}
ul.tabbernav li a:visited
{
	color: #6C6C6C;
	font-weight:normal;
	background-color: white;
	font-size: 14px;

}

ul.tabbernav li a:hover
{
 color: white;
 background: #99B5B6;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
	background-color: #6E9394;
	color: white;
	font-weight: bold;


}

ul.tabbernav li.tabberactive a:hover
{
 color: white;
 background: #6E9394;
 /*border-bottom: 1px #99ccff;*/
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:0px;
 /*border:1px solid #aaa;*/
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2
{
	display: none;
	font-weight: bold;
	font-family: Arial;
	
	
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}




.tabberheader
{
	background-color:#45686C;height:30px ; color:White ; vertical-align:text-bottom;   text-align: center; font-size: 14pt; font-family:Arial ;  text-decoration: none;
}




/******* Invisible Button************/
.hiddenbutton
{
	visibility:hidden;
}


/*********Dialog Box ***************/
.dialoginternal
{
   background-color:  Transparent;
   visibility:hidden;
   position:fixed ;
   top:0;
   left:-2000px;
  /* border:solid 2px blue;*/
}
.dialoginternal TABLE
{
    border: 5px solid #5f5f5f;
}
.dialoginternal TABLE TH
{
    background-color: #6E9394; /*#E0E0E0; */
    font-family: Trebuchet MS;
    font-weight: bold;
    font-size: 9.5pt;
    color: Yellow;
    text-transform: uppercase;
}
.dialoginternal TABLE TD
{
   background-color:  #E2E2E2;
    font-family: Trebuchet MS;
    font-weight: normal;
    font-size: 9pt;
    color: #444444;
}

.dialoginternal TABLE TD TABLE
{
        border: 0px
}
/*------------ DATA LIST THEME -----------------*/
.blankDataListTheme CAPTION
{
	background-color: White; /*#C9C9DB;*/
	border-right: #6C6C6C 1px solid;
	border-left: #6C6C6C 1px solid;
	border-top: #6C6C6C 1px solid;
	font: 10pt Arial  ;
	font-weight:bold;
	color: #000000;
	text-indent: 10px;
	text-align: center;
	padding: 2px 2px 2px 2px
}

.ProjectSetupDataListTheme
{
    background-color: #99B5B6;
    font: 12pt Arial;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 2px 2px 2px 2px;
}
.ProjectSetupDataListTheme TBODY TR.item
{
	BACKGROUND-COLOR: #FFFFFF;
}

.ProjectSetupDataListTheme TBODY TR.selected
{
	background-color:#EDEDB6;
}

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

/*---------DASHBOARD ICON------------------------------------------*/

.dashboardicon
{
    float:left;
    background-position: bottom left;
    background-repeat:no-repeat;
    display:block;
    height:90px;
    width:0px; /* keep zero always*/
    margin-top:2px;
    padding-left: 90px; /* width - place holder for image*/

}
.dashboardicon:hover
{
    background-position: top left;
}
/*---------DASHBOARD ICON FINISH------------------------------------------*/

/*-------------- Leave Book ------------*/

.bookleave
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-transform: capitalize;
    font-weight: normal;
    text-decoration:none;
    width:90px;
    height:30px;
    color:#828282;
    padding: 2px 2px 2px 2px;
}

.bookleave:hover
{
    background-color: #FFD1A4;
    color: Black;
}





.error input {border:1px solid red;}
.errorlist {margin:0; color: red; margin-bottom:10px;}