/* CSS Document */

body {
	margin:0;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:10pt;
	color:#555555;
	text-align:left;
}

input {
	background-color:#C3D9FF;
	padding:1px;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:10pt;
	color:#555555;
	border:1px solid #728c40;
	margin-bottom:2px;
	vertical-align:middle;
	
}


select {
	padding:1px;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:10pt;
	color:#555555;
	border:1px solid #728c40;
	background-color:#C3D9FF;
	margin-bottom:2px;
	vertical-align:middle;
}

input[type=submit] {
	background-color:#FFFFFF;
	padding:1px;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:10pt;
	color:#666666;
	border:1px solid #C3D9FF;
	margin-bottom:2px;
}

input[type=submit]:hover {
	background-color:#356AA0;
	padding:1px;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:10pt;
	color:#FFFFFF;
	border:1px solid #C3D9FF;
	margin-bottom:2px;
}

input[type=checkbox] {
	background-color:#FFFFFF;
	border: none;
	padding : 0px;
}

a {
	color:#4D87CE;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	color:#2a65ad;
}

ol,ul {
    padding : 0 0 0 0;
}

li {
	
	line-height:20px;
	text-align:left;
}

.calendarDayTime
{
    font-weight:bold;
}

.calendarDayEvent 
{
 color:White; 
 font-weight:normal;  
}

.calendarDayEvent:hover
{
 color:Black;  
}

/* For mask Page */


table.status {
color: #000000;
text-align: center;

}

table.status tr.TitleRow {
background: #4981CE;
font-weight: bold;
border: 1px solid #000000;
}

table.status tr.OddRow {
background: #cccccc;
}

table.status tr.EvenRow {
background: #ffffff;
}

table.status td.Active {
font-weight: bold;
color: red;
}

/* END for mask page */



#menu {
	width:100%;
	padding-top:20px;
	padding-bottom:17px;
	background-color: Blue;
	
	color:#FFFFFF;
	text-align:center;
	font-family:Verdana;
	font-size:13px;
	font-variant:small-caps;
	background-image:url(../images/backgrounds/menu.jpg);
}
#menu a {
	color:#FFFFFF;
	text-decoration:none;
	padding:10px;
	padding-top:20px;
	padding-bottom:17px;
	
}
#menu a:hover {
	border-bottom:1px solid #ffffff;
	border-left:1px solid #728d40;
	border-right:1px solid #e9ffb7;
	padding-left:9px;
	padding-right:9px;	
	color:#000000;
	background-color:#FFFFFF;
	background-image:url(../images/backgrounds/a_hover.jpg);
	
}

#labrunnerlogo
{
    text-align : left;
}


#title 
{
    
    text-align : center;
    font-size : 18pt;
    margin-bottom : 8px;
    margin-left : 5px;
    margin-top : 5px;
    font-weight : bold;
}




#header {
	width:750px;
	margin:0 auto 0 auto;
}

#asd
{
    background :#C3D9FF   url(../background.jpg) repeat-y center top;
}

#content {
	width:830px;
	
	padding-top : 15px;
	padding-left : 20px;
	padding-right : 20px;
	padding-bottom : 5px;

	text-align : left;
	min-height : 850px;
}

#content h1 {
	font-size:24px;
	font-weight:normal;
	text-align:left;
	font-weight:bold;
	margin-bottom:25px;
}
#content h2 {
	font-size:20px;
	font-weight:normal;
	text-align:left;
	font-style:italic;
}

.introduction {
	font-family:Helvetica, Arial, sans-serif;
	line-height:20px;
	font-size:12pt;
	color:#99B198;
	text-indent:25px;
	background-image:url(../images/backgrounds/desc.jpg);
	background-position:bottom left;
	padding-left:0;
	padding-right:200px;
	padding-bottom:35px;
	padding-top:0;
	background-repeat:no-repeat;
	
}
.logo {
	float:right;
	margin-right:30px;
}
.clearer {
	clear:both;
}

#sidebar {
	width:160px;
	float:right;
	font-size:95%;
	color:#6C534A;
	text-align:left;
}

#loginstatus 
{
    text-align : right;
    font-size : 10pt;
    margin-bottom : 8px;
    margin-right : 5px;
    margin-top : 5px;
}

#sidebar h1 {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:20px;
	text-transform:uppercase;
	font-weight:normal;
	border-bottom:1px solid #eeeeee;
	color:#728c40;
	text-align:right;
}
.submenu {
}
.submenu a {
	display:block;
	width:100%;
	background-image:url(../images/backgrounds/submenua.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding:5px;
	padding-right:0;
}
.submenu a:hover {
	background-color:#eeeeee;
	background-image:url(../images/backgrounds/submenua_hover.jpg);
	background-repeat:repeat-y;
}
#mainbar {
	margin-right:185px;
	padding-right:35px;
	background-image:url(../images/backgrounds/mainbar.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}

#mainbar h1 {
    font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:20px;
	text-transform:uppercase;
	font-weight:normal;
	border-bottom:1px solid #eeeeee;
	color:#728c40;
	text-align:left;
}

#mainbar p {
	padding:15px;
	line-height:20px;
}

#mainbar .articleimg {
	float:right;
	padding:5px;
	border:1px solid #eeeeee;
	margin-left:20px;
	margin-top:20px;
	margin-bottom:20px;
}

#footer {
	width:100%;
	background-color:#b6cf84;
	border-top:1px solid #d8efa6;
	border-bottom:5px solid #94ae62;
	padding-top:5px;
	padding-bottom:5px;
	color:#FFFFFF;
}
#footer a {
	color:#006600;
}
#footer a:hover {
	color:#009900;
}

#machinebox {
    border: 2px solid #008C00;
    vertical-align: middle;
    width : 100%; 
    height : 45px;
    background-color : #EEEEEE;
    color : #3F4C6B;
    font-size : 125%;
    padding-left : 10px;
    padding-top : 10px;
    padding-right : 10px;
    padding-bottom : 10px;
    -moz-border-radius:8px;
}


#machinebox2 {
    border: 2px solid #FF0000;
    vertical-align: middle;
    width : 100%; 
    height : 45px;
    background-color : #EEEEEE;
    color : #3F4C6B;
    font-size : 125%;
    padding-left : 10px;
    padding-top : 10px;
    padding-right : 10px;
    padding-bottom : 10px;
    -moz-border-radius:8px;
}

#machinestatusbox {
    border: 1px solid #008C00;
    vertical-align: middle;
    width : 100%; 
    background-color : #DFEEFE;
    color : #3F4C6B;
    padding-left : 2px;
    padding-top : 2px;
    padding-right : 2px;
    padding-bottom : 2px;
}


#machinebox:hover 
{
    background-color : #C3D9FF;
}

#machinebox2:hover 
{
    background-color : #C3D9FF;
}


#trainings
{
    text-align : right;
}

#status
{
    font-size : 8pt;
    text-decoration : blink;
}

#mytimeslot
{
    background-color : #356AA0;
    text-align : center;
    color : White;
    height : 15px;
    width : 100;
}

#timeslot
{
    background-color : #C3D9FF;
    text-align : center;
    height : 15px;
    width : 100;
}

#emptyslot
{
    background-color : #EEEEEE;
    text-align : center;
    height : 30px;
    width : 100;
}

#emptyslot:hover
{
    background-color : #356AA0;
    text-align : center;
    height : 30px;
    width : 100;
}


.popup
{
    cursor : hand;
    text-decoration : none
}


#mysmallday{
    border: 1px solid #ccc;
    vertical-align : middle; 
    text-align : center;
    width : 20px; 
    height : 20px;
    background-color: #356AA0;
    color : white;
}

#weeksmallweekday{
    border-top: 2px solid Red;
    border-bottom: 2px solid Red;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    vertical-align : middle; 
    text-align : center;
    width : 20px; 
    height : 20px;    
}

#weeksmallsunday{
    border-top: 2px solid Red;
    border-bottom: 2px solid Red;
    border-left: 2px solid Red;
    border-right: 1px solid #ccc;
    vertical-align : middle; 
    text-align : center;
    width : 20px; 
    height : 20px;    
}

#weeksmallsaturday{
    border-top: 2px solid Red;
    border-bottom: 2px solid Red;
    border-right: 2px solid Red;
    border-left: 1px solid #ccc;
    vertical-align : middle; 
    text-align : center;
    width : 20px; 
    height : 20px;    
}

#myweeksmallweekday{
    border-top: 2px solid Red;
    border-bottom: 2px solid Red;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    vertical-align : middle; 
    text-align : center;
    width : 20px; 
    height : 20px; 
    background-color: #356AA0;
    color : white;   
}

#myweeksmallsunday{
    border-top: 2px solid Red;
    border-bottom: 2px solid Red;
    border-left: 2px solid Red;
    border-right: 1px solid #ccc;
    vertical-align : middle; 
    text-align : center;
    width : 20px; 
    height : 20px;  
    background-color: #356AA0;
    color : white;  
}

#myweeksmallsaturday{
    border-top: 2px solid Red;
    border-bottom: 2px solid Red;
    border-right: 2px solid Red;
    border-left: 1px solid #ccc;
    vertical-align : middle; 
    text-align : center;
    width : 20px; 
    height : 20px;    
    background-color: #356AA0;
    color : white;
}

#smallday{
    border: 1px solid #ccc;
    vertical-align : middle; 
    text-align : center;
    width : 20px; 
    height : 20px;
}

#weekheader 
{
    text-align : center;
}
  
#dayheader 
{
    line-height : normal;
}  

#message
{
    color:Blue;
    font-size:12pt;
}

#error
{
    color:Red;
    font-size:12pt;
}

#calendar {
    font-size: 100%;
    line-height: 100%;
}

#weekheader 
{
    text-align : center;
}
    
#day{
    border: 1px solid #ccc;
    vertical-align: top;
    width : 120px; 
    height : 120px;        
}

#activeday{
    border: 1px solid #ccc;
    vertical-align : top; 
    width : 120px; 
    height : 120px;
    background-color : white;
}

#myday{
    border: 1px solid #ccc;
    vertical-align : top; 
    width : 130px; 
    height : 150px;

    color : White;
}

div.box 
{
	border: 1px solid #8080FF;
	background-color: #E5E5FF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 10px;
}
.completionlist
{
	margin: 0px;
	background-color:window;
	border:1px solid buttonshadow;
	color:windowtext;
	cursor:default;
	list-style:none outside none;
	padding:2px;
	text-align:left;
	max-height: 150px;
	overflow: scroll;
}