/* *{margin:0}*/
/*table{
table-layout: fixed;

}*/
.contacts{
 position: relative;
 }

 .contacts a{
text-decoration: none;
position: absolute;

}

form.popup{
padding: 15px;
}

#blanket {
   /*background-color:#111;
   opacity: 0.50;*/
   position:absolute;
   z-index: 9001; /*ooveeerrrr nine thoussaaaannnd*/
   /*top:0px;
   left:0px;
   width:100%;*/
}
.popUpDiv {
	position:absolute;
	top: 200px;
	left: 300px;
	background-color:#eeeeee;
	width:300px;
	height:190px;
 	z-index: 9002;/*ooveeerrrr nine thoussaaaannnd*/
	padding: 10px;
	border: 5px solid #909090;
	  
    /*-moz-border-radius:10px;
    -webkit-border-radius:10px;*/
    
}

.submit_popup, .num_rows{
margin: 10px 20px 10px 20px;
}

.confirm_popup {
	position:absolute;
	top: 10px;
	left: 100px;
	background-color:#fff;
	width:500px;
 	z-index: 9002;/*ooveeerrrr nine thoussaaaannnd*/
	padding: 10px;
	border: 10px solid #707070;
	
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    
}
.confirm_popup p{
text-align: justify;
}
.confirm_popup h3, .confirm_popup input, .confirm_popup h4{
text-align: center;
margin: 5px 0px;
}

.confirm_popup p.error{
text-align: center;
}

.confirm_popup table{

 margin: 0px auto 0px auto;
}
div.edit{
display: block;
padding: 0px 0px 10px 0px;
}
a.cancel{
position:relative;
left: 263px;
top: -12px;
padding: 0;
}

/*.popupform{
position: absolute;

}*/

#menu_container{

position: absolute;
width: 190px;
/*top: 110px;*/
left: 5px;
font-family: calibri, helvetica, sans-serif;

}

#menu {
border-width: 6px;
border-style: double;
border-color: #0060c0;
z-index: 1; /*to make the menu go on top of the main body. For the z-index to work the position has to be set. If you don't want it absolute, just set it to relative.*/
background: #fff;
margin:0;
position:relative;
}
#footer{
   position:relative;
  
   font-size: 0.7em;
   color: grey;
  padding:5px;
 }


#menu ul {
list-style: none;
margin: 0;
padding: 5px;
/*background: #fff;*/
}
/*
#menu ul li ul li{
margin: 10px 0px 0px 0px;
}
#menu ul li ul li  ul li{
margin: 0px;
}*/

a{
color:  #0060c0;
text-decoration: none;
}

#menu a {
display: inline;
margin: 0;
padding: 2px 3px;
font-weight: bold;
color:  #0060c0;
text-decoration: none;
}

#refresh_menu{
position: absolute;
right: 7px; 
}


#menu a:hover, a:hover {
color: #D00;

}
#menu ul li ul li ul{
margin: 0px 0px 0px 10px;
background: #fff;
font-size: 12px;
font-weight: normal;
} 

#menu ul li ul li ul li{
padding: 0px 0px 4px 0px;
} 

#menu ul li ul{
margin: 0px 0px 0px 10px;
background: #fff;
font-size: 12px;
font-weight: normal;
} 

#menu ul li ul li{
padding: 2px 0px 2px 0px;
} 



.error{
color: red;
font: 14px calibri, Verdana, helvetica, sans-serif;
font-weight: bold;
}

.warning_message{
color: red;
font: 13px calibri, Verdana, helvetica, sans-serif;
font-weight: bold;
position: absolute;
top:45px;
left:305px;
}

#greeting{
position: absolute;
left: 400px;
border-width: 2px;
border-style: solid;
border-color: #0060c0;
font: 12px calibri, Verdana, helvetica, sans-serif;
padding: 0px 5px 0px 5px;
}

#main{
position: absolute;
/*top: 80px;
left: 10px;*/
/*width: 700px;*/
margin:0;
font: 12px calibri, Verdana, helvetica, sans-serif;

}
#main_text
{
position: absolute;
/*top: 80px;
left: 30px;*/
width: 700px;
font: 12px calibri, Verdana, helvetica, sans-serif;

border-width: 2px;
border-style: solid;
border-color: #0060c0;
padding: 0px 15px 0px 15px;
}

#login_main_text
{
position: absolute;
/*top: 80px;
left: 30px;*/
width: 700px;
font: 14px calibri, Verdana, helvetica, sans-serif;

border-width: 2px;
border-style: solid;
border-color: #0060c0;
padding: 0px 15px 0px 15px;
}

#main h2{
font: 30px calibri,Verdana, helvetica, sans-serif;
margin: 0px 0px 10px 0px;
}

table.checklist{
table-layout: fixed;
}

table {border-collapse:collapse;
font-size: 13px;
text-align: center;}

td, th, table{ border: 1px solid #555; } /*for IE since border-collapse makes the borders disappear*/

td.item{
text-align: left;
}

td.late{
text-align: left;
color: red;
}

td.early{
color: gray;
}

td.empty{
background-color: rgb(180,180,180);
}

td,th{
padding: 5px;
}

td{
text-align: left;
}

#new{
text-align: right;
padding: 5px;
}

.cancel_button{
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
}

input.submit_new{
position: absolute;
width: 26px;
  height: 26px;
  padding: 26px 0 0;
  margin: 0;
  border: 0;
  background: transparent url(tick.png) no-repeat center top;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
 }
 
 input.textbox, input.textbox_email, select.select, input.textbox_general, input.textbox_long{
 font: 12px calibri, Verdana, helvetica, sans-serif;
 }
 
 
 .textbox{
 width:60px;
 }
 
 .textbox_long{
 width: 230px;
 }

 
 @media screen and (min-width: 0px){
 input.submit_new, input.submit_print{
	text-indent: -99999px;
 }
 }
 
 .cancel{
position: relative;
left: 26px;

 }

/*span.container{
 position: relative:
 }*/
 
 a.comment_link {
 text-decoration: none;
 color: black;
 position: relative;
 }
 
 a.comment_link span.comment{
 display: none;
 }
 
 a.comment_link:hover span.comment{
 display: block;
 position: absolute;
 background-color: #FFFF99;
 z-index: 100;
 padding: 10px;
 width: 200px;
 border-width: 1px;
 border-style: solid;
 border-color: #707070;
 top:0;
left:0;
 
 }
 
 a.contact_popup{
 text-decoration: none;
 color:  #0060c0;
 position: relative;
 }
 
 a.contact_popup  span.popup{
 display: none;
 font-weight: normal;
 }
 
 a.contact_popup:hover{
 color: red;
  }
 
 a.contact_popup:hover span.popup{
 display: block;
 color: black;
 position: absolute;
 background-color: #EEEEFF;
 z-index: 100;
 padding: 10px;
 top:20px;
left:-50px;
 border-width: 1px;
 border-style: solid;
 border-color: #707070;
 

} 
 
 .print{
position: relative;
left:80px;
top:-10px;
margin: 0;

 }
 
 input.submit_button{
           /*change to fit different text*/
	border-color:#FFFFFF;
	color:#000000;            
	display:inline;
	font-family:calibri,Verdana, helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	padding:3px;
	text-decoration:none;
	border-width:4px;
	border-style:double;
	margin:0px;
	background-color:#92C48B;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	margin: 5px 0px 5px 0px;
}
 
input.submit_button:hover
{
	background-color:#68A560; /*base color with extra saturation to highlight*/
}

input.submit_button[disabled]
{
	background-color:#C6C6C6;
	color: grey;
	 cursor: auto; /* hand-shaped cursor */

}

.red_button{
           /*change to fit different text*/
	border-color:#FFFFFF;
	color:#000000;            
	display:inline;
	font-family:calibri,Verdana, helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	padding:3px;
	text-decoration:none;
	border-width:4px;
	border-style:double;
	margin:0px;
	background-color:#FF706D;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	margin: 5px 0px 5px 0px;
}
 
.red_button:hover
{
	background-color:#FF3330; /*base color with extra saturation to highlight*/
}

.red_button[disabled]
{
	background-color:#C6C6C6;
	color: grey;
	 cursor: auto; /* hand-shaped cursor */

}
.narrow{
width: 70px;
white-space: normal;
word-wrap:break-word;
}
 input.submit_print{
	position: absolute;
	width: 48px;
	height: 48px;
	padding: 48px 0 0;
	margin: 0;
	border: 0;
	background: transparent url(printer.png) no-repeat center top;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
 }
 
 div.updated{
 font: 15px calibri, Verdana, helvetica, sans-serif;
 color: #006309;
 padding: 0px 0px 10px 0px;
 }
 
 input.add_row{
position: absolute;
width: 51px;
  height: 48px;

  margin: 0;
  border: 0;
  background: transparent url(add_row.png) no-repeat center top;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
 }
 
 .add_more_rows{
 position: absolute;
 left: 51px;
 }
 
 .submit{
 position: absolute;
 right: 0px;
 }
 
td.accounts{
 max-width:250px;
 }
 
 .align_right{
 position: absolute;
right: 0px;
top: 70px;
 }
 
  .align_left{
 position: absolute;
left: 0px;
top: 70px;
 }
.expand{

color: black;

padding: 0px 3px 0px 3px;
border-width: 1px;
 border-style: solid;
 border-color: #707070;
}

.border_section{
position: relative;
padding: 5px 5px 5px 5px;
border-width: 1px;
 border-style: solid;
 border-color: #707070;
}
.font_light{
color: #404040;
}


a.bluebutton:link,a.bluebutton:visited
{
width:280px;              /*change to fit different text*/
background-color:#C5D0DB; /*base button colour*/
border-color:#FFFFFF;
color:#000000;            
display:block;
font-family:calibri,Verdana, helvetica, sans-serif;
font-weight:bold;
text-align:center;
padding:3px;
text-decoration:none;
border-width:4px;
border-style:double;
margin:0px;
}
a.bluebutton:hover,a.bluebutton:active
{
background-color:#99B9D8; /*base color with extra saturation to highlight*/
}
a.greenbutton:link,a.greenbutton:visited
{
width:280px;              /*change to fit different text*/
background-color:#92C48B; /*base button colour*/
border-color:#FFFFFF;
color:#000000;            
display:block;
font-family:calibri,Verdana, helvetica, sans-serif;
font-weight:bold;
text-align:center;
padding:3px;
text-decoration:none;
border-width:4px;
border-style:double;
margin:0px;
}
a.greenbutton:hover,a.greenbutton:active
{
background-color:#68A560; /*base color with extra saturation to highlight*/
}
a.orangebutton:link,a.orangebutton:visited
{
width:280px;              /*change to fit different text*/
background-color:#FFAF6D; /*base button colour*/
border-color:#FFFFFF;
color:#000000;            
display:block;
font: 16px calibri,Verdana, helvetica, sans-serif;
font-weight:bold;
text-align:center;
padding:3px;
text-decoration:none;
border-width:4px;
border-style:double;
margin:0px;
}
a.orangebutton:hover,a.orangebutton:active
{
background-color:#FF933A; /*base color with extra saturation to highlight*/
}
a.redbutton:link,a.redbutton:visited
{
width:280px;              /*change to fit different text*/
background-color:#FF706D; /*base button colour*/
border-color:#FFFFFF;
color:#000000;            
display:block;
font-family:calibri,Verdana, helvetica, sans-serif;
font-weight:bold;
text-align:center;
padding:3px;
text-decoration:none;
border-width:4px;
border-style:double;
margin:0px;
}
a.redbutton:hover,a.redbutton:active
{
background-color:#FF3330; /*base color with extra saturation to highlight*/
}

.no_link a{
	color: #D00;
}

#side_note{
float: right;
text-align: center;
width:130px;
margin-top: -20px;
margin-left: 20px;
padding: 10px;
border-width: 1px;
 border-style: solid;
 border-color: #707070;
}

.ccal { width: 18em; font-size: 0.8em; margin-bottom: 5px;}
.ccal ul { margin: 0; padding: 0!important; text-align: center; }
.ccal li { list-style-type: none; display: inline-block; width: 13.2%; cursor: pointer; text-align: center; margin:0; }
.ccal li span { display: inline-block; line-height: 1.8em; }
.ccal li.calmonth { width: 66%; }
.ccal li span { padding: 0.1em 0.05em; display: block; }
.ccal li.calprev span, .ccal li.calnext span { color: #aaa; }
.ccal .calbody li.selected span { background: #666; color: white; }
.ccal .calbody li.preselected span { background: #f0f0f0; }
.ccal * { -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.today { font-weight: bold; }
.calendar-canvas { 
text-align: center;
background: white;
v-moz-box-shadow: 0 3px 4px #999999; 
-moz-box-shadow: 0 3px 4px #999999; 
-webkit-box-shadow: 0 3px 4px #999999; 
box-shadow: 0 1px 2px #999999;
}