/* --------------------- Login screen ------------------------------------ */

#loginContainerDiv
{
	top: 0; left: 0; width: 100%; height: 100%;
    position: fixed; display: table;
}

#loginDiv
{
	width: 330px; 
	background-color: White; 
	margin: 1em auto;
	position: relative;;
	top: 100px;
	border: solid 5px black;
}

#loginEntryTable
{
	width: 100%; 
	background-color: white;
	border: solid 15px white;
}

.titleCell
{
	background-image: url('../images/red-background.png'); 
	background-repeat: repeat-x;
	text-align: center;
	color: white;  
	padding-left: 3px; 
	padding-bottom: 5px;
}

#smarttimeentryDiv
{
	position: relative;
	left: 20px;
	background-color: white;
}

/* --------------------- End Login screen ------------------------------------ */

/* --------------------- Main menu ------------------------------------ */

#headerDiv
{
	border-left: solid 5px black;
	border-right: solid 5px black;
	border-top: solid 5px black;
}

#titleDiv
{
	width: 100%;
	background-image: url('../images/red-background.png'); 
	background-repeat: repeat-x;
}

#menuDiv a:hover
{
	color: yellow;
}

#menuTable
{
	padding-left: 10px; 
	padding-right: 15px; 
	width: 100%; 
	color: white; 
	border-top: 
	solid 1px black;
}

.menuButton
{
	color: white; 
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	cursor: pointer;
	font-size: 12px;
}

.selectedMenuButton
{
	color: #3399FF; 
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	cursor: pointer;
	font-size: 12px;
}

.notClickableMenuButton
{
	color: white; 
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 12px;
}

/* --------------------- End Main menu ------------------------------------ */

/* --------------------- Body Layout CSS ------------------------------------ */
 
 #bodyDiv
{
	background-color: White; 
	border-left: solid 5px black;
	border-right: solid 5px black;
	border-top: solid 3px black;
	border-bottom: solid 5px black;
}

 #leftContentArea
 {
 	text-align: center; 
	width: 200px;
 }
 
 #mainContentArea
 {
 	padding-top: 20px;
 }
 
/* --------------------- End Body Layout CSS ------------------------------------ */
 
/* --------------------- Left Content Area ------------------------------------ */

#l-col 
{
	 float:left;
	 background: white;
	 color: #333333;
	 padding-left: 5px;
	 height: 500px;
 }
 
.buttonmenu
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 170px;
	height: 100%;
}

.buttonmenu li a
{
	color: white;
	display: block;
	width: 100%;
	padding: 2px 4px;
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
	border: 1px solid;
	border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0;
	background-image: url('../images/red-background.png'); 
	background-repeat: repeat-x;
	text-decoration:none;
}

.buttonmenu li a:visited
{
	color: white;
}

.buttonmenu li a:hover, .buttonmenu li a:active
{
	color: yellow;
	background-color: #FFCC00;
}

/* --------------------- End Left Content Area ------------------------------------ */

/* --------------------- Main Content Area ------------------------------------ */

.errorText
{
	font-style: italic;
	color: red;
	font-size: 10px;
}

.noticeText
{
	font-style: italic;
	color: green;
	font-size: 10px;
}

.list-line-odd
{
}

.list-line-even
{
	background-color: #C0C0C0;
}

.dateInput 
{
	font-weight: bold;
	color: black;
	font-size: 12px;
	border-style: none;
	text-align: center;
}

.PrintButton 
{
	cursor: pointer;
}

table.sortable th 
{
	text-decoration: underline;
    cursor: pointer;
}

/* --------------------- End Main Content Area ----------------------------------- */

/* --------------------- Help pages ----------------------------------- */

.navheader, .navfooter {
	background: #B4B4C8 none repeat scroll 0%;
	border: 1px solid black;
}

/* --------------------- End Help pages ----------------------------------- */

/* ---------------------- autocomplete styles ------------------------------*/
.auto_complete {
	position:absolute;
	width:250px;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
}

.auto_complete ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
}

.auto_complete ul li.selected 
{ 
	background-color: #bbf;
}

.auto_complete ul li {
	list-style-type: none;
	display:block;
	margin:0;
	padding:2px;
	height:16px;
}

/* ---------------------- END autocomplete styles ------------------------------*/

/* --------------------- HTML-replacement CSS ------------------------------------ */

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	margin: 5px;
	background-color: /*#494C37*/#585858;
}

h1
{
	font-size: 26px;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

h2
{
	font-size: 18px;	
	font-weight: normal;
	padding: 0;
	margin: 0;
}

h3
{	
	font-size: 14px;
	font-weight: normal;
	color: green;
	padding: 0;
	margin: 0;
}

h4
{
	font-size: 14px;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

td
{
	vertical-align: top;
}

th
{
	text-align: left;
}

.hiddenText
{
	display: none;
}
/* --------------------- End HTML-replacement CSS ------------------------------------ */