#wrapper{
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	
} 

#header{
	width:1024px;
	height:57px;
	background-image: url(../images/pr.jpg);
	background-repeat:no-repeat;
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	font-size:18px;
	color:white;
}
/*---------menu----------*/
#menu{
	width:1024px;
	height:31px;
	background-image: url(../images/menu.jpg);
	background-repeat:no-repeat;
	font-family: verdana, lucida, arial, helvetica, sans-serif;
  padding-left:5px;
}

#errorpane{
	width:1024px;
	height:31px;
	background-image: url(../images/menu.jpg);
	background-repeat:no-repeat;
	font-family: verdana, lucida, arial, helvetica, sans-serif;
  padding-left:5px;
}

#menulogo{
	width:585px;
	height:22px;
	background-image: url(../images/bodyimg.jpg);
	background-repeat:no-repeat;
	float:left;
}

#menubottom{
  width:820px;
  margin: 5px auto;
  clear:both;
	text-align: center;
}

/*---------side----------*/



#clear{
clear:both;
}

#login{
  width:235px;
  height:158px;
  background-image:url(../images/side3.jpg);
  background-repeat:no-repeat;
float:right;

}

#login p{
  font-family: verdana, lucida, arial, helvetica, sans-serif;
  padding-left:80px;
  color:#ffffff;
  font-weight: bold;
  font-size:14px;
  margin:2px;
}

#side{
  width:180px;
  background-image:url(../images/sideback2.jpg);
  background-repeat:repeat-y;
  float:left;

}

.FirstParagraph{
  width:180px;
  background:url(../images/logo.jpg) no-repeat top left;
  font-family: verdana, lucida, arial, helvetica, sans-serif;
  color:black;
  margin-bottom:30px;
  margin-top:10px;
  
  float:right;
}

#sideback{
width:180px;

background-image:url(../images/side.jpg);
background-repeat:no-repeat;
float:right;

}

.FirstParagraph h3{
font-family: verdana, lucida, arial, helvetica, sans-serif;
font-size:18px;
font-weight:bold;
padding-left:50px;
color:#B7C738;
}
/********lists***********/

#menu ul {
	font-weight: bold;
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	font-size:10px;
	margin:0;
	padding:0;
	list-style:none;
  float:left;
	} 

#menu ul li {
  height:31px;
	float:left;
	text-align: center;

	}
	#menu ul span {
  height:31px;
	float:left;
	text-align: right;
	  display:block;
  padding-left: 280px;
  font-weight:normal;
    line-height: 3em;

	}

#menu a{
	text-decoration:none;
  display:block;
  padding: 0 1em;
  line-height: 3em;
  background-image:url(../images/divider.jpg);
  background-repeat:no-repeat;
}

#menu ul .first a{
  background-image:none;
}

#menu a:link{
	color:#000;
	}

#menu a:visited {
	color:#000;
	}

#menu ul li a:hover{
	color: #AEBD35;
	}

#menu a:active {
	color:#AEBD35;
	}
	
#menu li.selected a{
	color:#AEBD35;
	}

.greentext{
	color:#AEBD35;
}
	
.FirstParagraph ul{
  font-family: verdana, lucida, arial, helvetica, sans-serif;
  font-size:12px;
  color:#888888;
  padding-left:50px;
  margin:0;
  list-style-type:none;

}

.FirstParagraph ul li {
  line-height:1.5em;
  background-image:url(../images/bullet.gif);
  background-repeat:no-repeat;
  background-position:0 6px;
  padding-left:10px;
    padding-right:10px;
  }
  
  .FirstParagraph ul li a{
  line-height:1.5em;
text-decoration:none;
	color:#888888;
  }
  
  
  
  #menubottom ul {
  font-family: verdana, lucida, arial, helvetica, sans-serif;
  color:#888888;
  font-size:9px;
	padding:0;
	list-style:none;
	display:inline;

	} 

#menubottom ul li {

	display:inline;
	}

#menubottom a{
	text-decoration:none;
	color:#888888;

}

#menubottom a:link{
	color:#888888;
	}

#menubottom a:visited {
	color:#888888;
	}

#menubottom ul li a:hover{
	color: #AEBD35;
	}

#menubottom a:active {
	color:#888888;
	}
  
  
  #body ul{
  list-style:none;
  margin-left:10px;
  padding-left:10px;
  }
  #body ul li{
  background-image:url(../images/bullet.gif);
  background-repeat:no-repeat;
  background-position:0 6px;
  padding-left:10px;
  
  }
/********body***********/

#container{
width:1024px;
padding:0;
margin:0;

}

#body{
  width:835px;
  padding-left:5px;
  padding-top:10px;
  font-family: verdana, lucida, arial, helvetica, sans-serif;
  font-size:11px;
  line-height:1.5em;
  float:right;
}

#buttons{
	width:835px;
	height:31px;
	float: left;
	border: 1px solid #888888;
	background-image:url(../images/button-back.jpg);
background-repeat:repeat-x;
	font-family: verdana, lucida, arial, helvetica, sans-serif;
}

#buttons a img{
	text-decoration:none;
	border: none;
	float: left;
	padding-left:10px;
	padding-top: 3px;
}

#buttons span{
	font-weight:bold;
	font-size:18px;
	border: none;
	float: right;
	padding-right:25px;
	padding-top: 3px;
	color:#B7C738;
}
#buttons  .text{
	font-size:12px;
	border: none;
	float:left;
	padding-right:0px;
	padding-top: 3px;
	color:#B7C738;
}


#body h1{
  font-family: verdana, lucida, arial, helvetica, sans-serif;
	font-size:18px;
	font-weight: bold;
	color:#B7C738;
}

#body h2{
  font-family: verdana, lucida, arial, helvetica, sans-serif;
	font-size:10px;
	color:#888888;
	margin-top:-10px;

}

#body h3{
  font-family: verdana, lucida, arial, helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#B7C738;
	padding-top: padding-bottom:5px;
	margin-top: margin-bottom:5px;
	line-height:1em;
}

#body img{
float:left;
}

.caption{
clear:left;
background-image:url(../images/tri.gif);
background-repeat:no-repeat;
padding:0 1.5em;
width:150px;
line-height:1em;
}

/*--------Footer-------*/
#footer{

margin: 0 auto;
padding:0;
clear:both; 
width: 820px;
color: #888888;
font-family: verdana, lucida, arial, helvetica, sans-serif;
font-size:7pt;
text-align:center;	
}

#footer a{
text-decoration:none;
color:#98CC05;
}

/*-----buttons------*/
#login p.button{
  height:18px;
  font-size:10px;
  color:#ffffff;
  padding-left:100px;
  background-image:url(../images/button.jpg);
  background-repeat:no-repeat;
  background-position:70px ; 
  margin-top:3px;
  line-height:1.5em;
}

#login p.freetrial{

  height:100px;
  background-image:url(../images/freetrial.jpg);
  background-repeat:no-repeat;
  background-position:40px 20px;
    font-size:12px;
    color:#000;
   line-height:135px;
}

#login p.button a{
text-decoration:none;
	color:#ffffff;
}

#login p.freetrial a{
text-decoration:none;
color:#000;
padding-left:10px;

}

#login p.button a:visited{
color:#ffffff;
}

#login p.button a:hover,#login p.freetrial a:hover{
color:#888888;

}

/*-----form-----*/
.errors {
	color: red;
	font-size: 1.2em;
	line-height: 120%;
}

table{
width:835px;
text-align:left;
color:#000;
background-image:url(../images/formback.jpg);
background-repeat:repeat-y;
border:1px solid silver;
padding:10px;
font-size:12px;
}

td{
padding:2px;
}
td a img{
	text-decoration:none;
	border: none;
	padding-left:5px;
	padding-top: 3px;
	line-height: 1.5em;
}
.button{
background-image:url(../images/button.gif);
}


/*-----Booking Calendar--------*/
 #bookingcalendar {
	overflow: auto;
	float: left;
	width: 100%;
	height: 600px;
	color: #000000;
	background-image:url(../images/formback.jpg);

background-repeat:repeat-y;
	border-bottom: 1px solid #000000;
	border-top: 1px solid green;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

#bookingcalendar .timecol {
	width: 60px;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

#bookingcalendar .timecol .resource {
	font-size: 1.5em;
	border-bottom: 1px solid #000000;
}

#bookingcalendar .col .dayofweek {
	height: 1.5em;
	font-size: 1.2em;
	border-bottom: 1px solid #000000;
}

#bookingcalendar .timecol .time {
	height: 72px;
	text-decoration:bold;
	font-size: 1em;
}

#bookingcalendar .timecol .workingtime {
	height: 5em;
}

#bookingcalendar .col {
	width: 80px;
}


#bookingcalendar .col .nonworkcol {
	background-color: #dddddd;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}

#bookingcalendar .col .freecol {
	background-color: #C7EBAB;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}

#bookingcalendar .col .bookedcol {
	background-color: #E0D6B6;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}


#bookingcalendar .col .notturnedupcol {
	background-color: silver;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}

#bookingcalendar .col .holidaycol {
	background-color: #D5D5FF;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}

#bookingcalendar .col .resource {
	border-bottom: 1px solid #000000;
	font-size: 1.5em;
}

#bookingcalendar a img{
	text-decoration:none;
	border: none;
	padding-left:5px;
	padding-top: 3px;
	line-height: 1.5em;
}

.technical_box{
	background-color: #dddddd;
	
}

.even{
	background-color: #eeeeee;
	
}

.nonworkcolor {
	background-color: #dddddd;
}

.freecolor {
	background-color: #C7EBAB;
}

.bookedcolor {
	background-color: #E0D6B6;
}

.holidaycolor {
	background-color: #D5D5FF;
}


#faq .category{
	font-size: 14px;
	color:blue;
	font-weight:bold;
	
	}

#faq .question {
	font-size:10px;
	font-weight: bold;
	color: blue;
}

#faq .answer {
	font-size:10px;
	text-decoration: none;
	padding-bottom: 10px;
	
	}

 #scrollingbox {
	overflow: auto;
	float: left;
	width: 100%;
	height: 450px;
	color: #000000;
	background-image:url(../images/formback.jpg);

background-repeat:repeat-y;
	border-bottom: 1px solid #000000;
	border-top: 1px solid green;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}