*
    {
    padding:0;
    margin:0;
    font-family: Sans-Serif, Arial, Helvetica, Verdana;
    font-size:11px;
    }
body 
    {
  	background: #777;
    }
h1 { font-size: 1.8em; font-weight:bold;padding:5px 10px 5px 10px;}
h2 { font-size: 1.2em;}
h3 { font-size: 1.2em; font-style:italic;}


#container {
	position:relative;
	top:2px;
	width:900px;
	background:#fff;
	margin:0 auto;
	text-align:left;
	overflow:auto;
    min-height: 420px;
	}
#container_full {
	position:relative;
	top:2px;
	width:100%;
	background:#fff;
	margin:0 auto;
	text-align:left;
/*  v1.77
    	overflow:auto;
*/
    min-height: 420px;
	}
div#header {
	position:relative;
	float:left;
	width:100%;
	letter-spacing:0em;
	background:#993399;
/*	background:#ff0000; */
	color:white;
    top: 0px;
    left: 0px;
}
div#subheader {
	position:relative;
	float:left;
	width:100%;
	background:#ffccff;
	font-size:12px;
	text-align:left;
	color:white;
    }
div#user {
	z-index: 10;
	position: absolute;
	top: 10px;
	right:10px;
	color:#ddd;
	font-size:12px;
	text-align:right;
	}
div.print_only_section {
    display:none;
    }
table.insert {
    width:100%;
    border-spacing:10px;
    }

div.left50 {
    float:left;
    width:49%;
    }
div.right50 {
    float:right;
    width:49%;
    }
div.right70 {
    float:right;
    width:69%;
    }
div.clear {
    clear:both;
    }
div.split {
    clear:both;
    height:20px;
    width:100%;
    border-bottom:2px solid #993399;
    }
div.login {
    clear:both;
    width: 250px;
    padding:50px;
    margin:auto;
	font-size:1.4em;
	letter-spacing:0.1em;
    }
div#dashboard {
    width:550px;
    border:solid 1px black;
    padding:20px;
    margin:20px auto;
    text-align:center;
    }
    
    
/** Menu Styles **/

div.menu {
	position:relative;
	float:left;
	width:100%;
	background:#ffccff;
	color: black;
	font-size:1.4em;
	letter-spacing:0.1em;
	font-weight:bold;
	padding:5px 0 5px 0;
    top: 0px;
    left: 0px;
}
div.menu ul {
	margin: auto;
	display: block;
	list-style: none outside;
	text-align:center;
	padding:0 10px 0 10px;
	}
div.menu li {
	padding: 0;
	margin: 0 30px 0 0;
	display: block;
	float: left;
	position: relative;
	}
div.menu a:link, div.menu a:visited {
	color: #333;
	text-decoration: none;
	}
div.menu a:hover {
	color: #2b42a2;
	background: #fff;
	text-decoration: none;
	}
div.menuclear { display: none; }

.menu1 ul li.AspNet-Menu-Selected,
.menu1 ul li.AspNet-Menu-Selected a.AspNet-Menu-Selected,
.menu1 ul li.AspNet-Menu-Selected span.AspNet-Menu-Selected
{
    color: #dedede !important;
    background: #444444;
}    

.menu_normal {
    font-weight:normal;
    letter-spacing:normal;
    text-transform: capitalize;
    }
.menu_selected {
    font-weight:bold;
    letter-spacing:0.05em;
    text-transform: uppercase;
    }   
 
div.menu_icon {
	width:100%; 
	text-align:center;
	background:#ffffff;
	color: black;
	font-size:1.4em;
	font-weight:bold;
	}
div.menu_icon ul {
	margin: 2 auto;
	list-style: none outside;
	position:relative;
	float:left;
	left:50%;
	}
div.menu_icon li {
	margin: 0 20px;
	display: block;
	text-align:center;
	right:50%;
	position:relative;
	float:left;
	}
div.menu_icon a:link, div.menu_icon a:visited {
	color: #333;
	text-decoration: none;
	border:none;
	}
div.menu_icon a:hover {
	color: #2b42a2;
	background: #ffccff;
	text-decoration: none;
	border:none;
	}
div.menu_icon_clear { display: none; }
  
div.menu_main {
	width:100%; 
	text-align:center;
	background:#ffffff;
	color: black;
	font-size:1.4em;
	font-weight:bold;
	overflow:hidden;
	}
div.menu_main ul {
	margin: 2 auto;
	list-style: none outside;
	position:relative;
	float:left;
	left:50%;
	}
div.menu_main li {
	margin: 0 10px;
	display: block;
	text-align:center;
	right:50%; 
	position:relative;
	float:left;
	}
div.menu_main a:link, div.menu_main a:visited {
	color: #333;
	text-decoration: none;
	border:none;
	}
div.menu_main a:hover {
	color: #2b42a2;
	background: #ffccff;
	text-decoration: none;
	border:none;
	}
div.menu_icon_clear { display: none; }
 
 
/** Job Styles **/

/**div.job_menu {
    clear:both;
    width:100%;
    background:#ffccff;
    } **/
div.job_tab {
    float:left;
    width:100%;
    }
div.job_sub_edit {
    float:left;
    width:24%;
    }
div.job_sub_list {
    float:right;
    width:75%;
    }
div.job_footer {
    clear:both;
    width:100%;
    }

/**
#jobmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
}
/**#jobmenu ul li {
   display:block;
   float:left;
   list-style:none;
   font-size:1.4em;
   margin:0;
   padding-left:2px;
   position:relative;
   }
#jobmenu ul li a {
    display:block;
    margin:0 0 0 1px;
    padding:5px;
    background:#ffccff;
    color:#333;
    text-decoration:none;
    line-height:1.3em;
    }
#jobmenu ul li a:hover {
    background:#993399;
    color:white;
    }
#jobmenu ul li a.active,
#jobmenu ul li a.active:hover {
    color:white;
    background:#993399;
    font-weight:bold;
    }
    **/

/** Menu Styles **/

.job_menu {
   float:left;
   width:100%;
   font-size:1.4em;
   letter-spacing:0.1em;
   border-bottom:4px solid #993399;
   overflow:hidden;
   position:relative;
}
.job_menu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
}
.job_menu ul li {
   display:block;
   float:left;
   list-style:none;
   font-size:1.4em;
   margin:0;
   padding-left:2px;
   position:relative;
   }
.job_menu ul li a {
    display:block;
    margin:0 0 0 1px;
    padding:5px;
    background:#ffccff;
    color:#333;
    text-decoration:none;
    line-height:1.3em;
    }
.job_menu ul li a:hover {
    background:#993399;
    color:white;
    }



/** Editing Styles **/

.editfull {
    width:100%;
    background:honeydew;
    border:1px solid #eee;
    }
.edit90 {
    width:90%;
    background:honeydew;
    border:1px solid #eee;
    }
.edit80px {
    width:80px;
    background:honeydew;
    border:1px solid #eee;
    }
.editsmall {
    width:40px;
    background:honeydew;
    border:1px solid #eee;
    }    
.noeditfull {
    width:100%;
    border:1px solid #eee;
    }
.filterfull {
    width:80%;
    background:#fcfcfc;
    border:1px solid #eee;
    }
.navlist 
{
    width:120px;
	background:#ffddff;
    border:1px solid #eee;
    }
.errormessage {
    background-image:url('Images\warning.gif');
    background-repeat:no-repeat;
    color:white;
    font-size:0.8em;
    cursor:help;
/**    font-style:italic; **/
    }
.editlarge {
    font-size:1.2em;
    background:honeydew;
    border:1px solid #eee;    
    }
submit.formmbutton {
    cursor:pointer;
    border:outset 1px #ccc;
    background:#999;
    color:#666;
    font-weight:bold;
    padding: 1px 2px;
    background:url('Images\button_bg2.gif') repeat-x left top;
    }
submit.filterbutton {
    cursor:pointer;
    border:outset 1px #ccc;
    background:#999;
    color:#666;
    font-weight:bold;
    padding: 1px 2px;
    background:url('Images\button_bg1.gif') repeat-x left top;
    }
submit.bigbutton {
    cursor:pointer;
    border:outset 1px #ccc;
    font-size:1.2em;
    padding:3px;
    color:#408060;
    font-weight:bold;
    }
    
/** Grid Styles **/

.mGrid {
    width: 100%; 
    background-color: #fff; 
    margin: 5px 0 10px 0; 
    border: solid 1px #525252; 
    border-collapse:collapse; 
    }
.mGrid th {
    padding: 4px 2px; 
    color: #fff;
    text-align:center;
    background: #408060; /** url(grd_head.png) repeat-x top  **/
    /** border-left: solid 1px #525252; **/
    /**font-size: 0.9em; **/
    }
.mGrid th a 
    {
    color:#fff;
    text-decoration:none;
    border-bottom:1px dotted #ccc;
    }
.mGrid th a:hover
    {
    color:#fff;
    text-decoration:none;
    border-bottom:1px solid #fff;
    }
.mGrid a 
    {
    color:#408060;
    text-decoration:none;
    border-bottom:1px dotted #ccc;
    }
.mGrid a:hover
    {
    color:black;
    text-decoration:none;
    border-bottom:1px solid black;
    }
.mGrid td {
    padding: 2px; 
    /** border: solid 1px #c1c1c1; **/
    color: #717171; 
    }
.mGrid .alt {
    background: #eee;
    }
.mGrid .footer {
    background:#ccc;
    color:White;
    }
.mGrid .pgr {
    background: #424242;
    }
.mGrid .pgr table  {
    margin: 5px 0; 
    }
.mGrid .pgr td {
    border-width: 0; 
    padding: 0 6px; 
    border-left: solid 1px #666;
    font-weight: bold; 
    color: #fff; 
    line-height: 12px; 
    }
.mGrid .pgr a {
    color: #666;
    text-decoration: none;
    }
.mGrid .pgr a:hover {
    color: #000;
    text-decoration: none;
    border-bottom:1px dotted #ccc;
    }


.dGrid {
    background-color: #fff; 
    margin: 5px 0 10px 0; 
    border: solid 1px #525252; 
    border-collapse:collapse; 
    }
.dGrid th {
    padding: 4px 2px; 
    color: #fff;
    text-align:center;
    background: #408060;
    }
.dGrid td {
    padding: 2px; 
    color: #717171; 
    }
.dGrid .alt {
    background: #f0f0f0
    }
.dGrid .footer {
    background:#ccc;
    color:White;
    }

/* Timesheet Grid */
.tGrid {
    width:100%;
    background-color: #fff; 
    margin: 5px 0 10px 0; 
    border: solid 1px #408060; 
    border-collapse:collapse; 
    }
.tGrid th {
    padding: 4px 2px; 
    color: #fff;
    text-align:center;
    background: #408060;
    font-size:1.2em;
    }
.tGrid td {
    padding: 2px; 
    color: #408060; 
    font-size:1.2em;
    }
.tGrid .footer {
    background:#ccc;
    color:White;
    }
 .tGrid a 
    {
    color:#408060;
    text-decoration:none;
    border-bottom:1px dotted #ccc;
    }
.tGrid a:hover
    {
    color:black;
    text-decoration:none;
    border-bottom:1px solid black;
    }
  
/** General Styles **/

.cellleft {
    display: block;
    text-align:left;
    }
.cellcenter {
    display: block;
    text-align:center;
    }
.cellright {
    display: block;
    text-align:right;
    border:0px;
    }

.h2_text {
    font-size:1.2em;
    }
    
/** Calendar Styles **/

.calendar {
    border:solid 5px white;
    }
.dayheader {
    background:#ffccff;
    color:black;
    font-size:11px;
    width:30px;
    }
.monthheader {
    background:#993399;
    color:white;
    font-size:12px;
    }
.weekday {
    font-size:10px;
    background:white;
    }
.today {
    background:#ffccff;
    font-size:10px;
    }
.selected, .monthyear {
    background:#408060;
    color:White;
    font-size:10px;
    }
.gototoday, .cleardate {
    background:#993399;
    color:white;
    font-size:8px;
    }

/** Labour Chart Styles (only employee_default page at present) **/
.labour_busy {
	text-align:center;
	color:#fff;
	background-color:#c6b;
	vertical-align:top;
	}
.labour_busy_wk {
	text-align:center;	
	color:#fff;
	background-color:#d576c5;
	vertical-align:top;
	}
.labour_free {
	text-align:center;
	color:#000;
	background-color:#9af88f;
	vertical-align:top;
	}
.labour_free_wk {
	text-align:center;
	color:#333;
	background-color:#b0f89f;
	vertical-align:top;
	}
.labour_na {
	text-align:center;
	color:#eee;
	background-color:#bbb;
	vertical-align:top;
	}
.labour_na_wk {
	text-align:center;
	color:#eee;
	background-color:#ccc;
	vertical-align:top;
	}
.labour_train {
	text-align:center;
	color:#333;
	background-color:#efef88;
	vertical-align:top;
	}
.labour_train_wk {
	text-align:center;
	color:#333;
	background-color:#fafaa0;
	vertical-align:top;
	}