body{
	background:#fff;
	color:#555;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:20px;
	margin:0px;
}
img.marginright{
	margin:-5px 5px 0px 0px;
}
a img{
	border:0px;
}
a:link, a:visited{
	color:#000;
}
a:hover{
	text-decoration:none
}
a.blue:link, a.blue:visited{
	color:#0000ff;
}
a.blue:hover{
	text-decoration:none
}
a.red:link, a.red:visited{
	color:#FF0000;
}
a.red:hover{
	text-decoration:none
}

a.arrowleft{
	background:url("../images/arrowleft.jpg") no-repeat;
	width:37px;
	height:35px;
	display:block;
	top:13px;
	left:22px;
	position:absolute;
	text-decoration:none
}
a.arrowright{
	background:url("../images/arrowright.jpg") no-repeat;
	width:37px;
	height:35px;
	display:block;
	top:13px;
	left:60px;
	position:absolute;
	text-decoration:none
}
a.arrowleft:hover{
	background:url("../images/arrowleft-over.jpg") no-repeat;
}
a.arrowright:hover{
	background:url("../images/arrowright-over.jpg") no-repeat;
}
a.watch{
	background:url("../images/watch.jpg") left no-repeat; 
	background-position:3px -1px;
	width:89px;
	display:block
}
/*container */
#container{
	width:779px;
	margin:0px auto 0px auto;
	/*padding:10px 0px;*/
	overflow:hidden;
}
#pagetop{
	background:url("../images/page-top.jpg") no-repeat;
	width:359px;/*779-380-60*/
	height:72px;/*87-15*/
	padding:15px 390px 0px 30px;
	display:block;
	float:left;
	position:relative
}
#pagetop p{
	margin:0px;
	padding:0px;
}
#pagetop #servertime{
	position:absolute;
	top:40px;
	right:35px;
	font-weight:bold;
	font-size: 12px;
}
#pagetop #servertime_txt{
	position:absolute;
	top:5px;
	right:30px;
	font-weight:bold;
	font-size: 11px;
}
#pagetop #timeconverter{
	position:absolute;
	top:22px;
	right:30px;
	font-weight:bold
}
#pagetop #dropConverter{
	font-size: 11px;
}
/**/
#pagetop #logout{
	position:absolute;
	top:58px;
	right:30px;
}
#pagetop #logout a:link, #pagetop #logout a:visited{
	background:url("../images/gray-button.gif") no-repeat;
	width:80px;
	height:24px;/*27-3*/
	color:#fff;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding-top:3px;;
	display:block
}
#pagetop #logout a:hover{
	color:#555;
	text-decoration:none;
}
/**/
#content{
	background:url("../images/page-middle.jpg") repeat-y;
	width:749px;/*779-30*/
	padding:0px 16px 0px 14px;
	float:left;
	position:relative
}
#pagebottom{
	background:url("../images/page-bottom.jpg") no-repeat;
	width:779px;
	height:25px;
	display:block;
	float:left;
	position:relative;
}
/*form */
label{
	width:165px;
	float:left;
	font-weight:bold;
	text-align:left;
	padding-top:5px;
	margin-right:5px;
	line-height:normal;

}
input, textarea{
	margin:5px 5px 5px 0px;
}
.row{
	width:681px;
	float:left;
	clear:left
}
form .textsmall01{
	margin-left:170px;
	float:left;
	clear:both
}
/* */


a.button{
	background:url("../images/button.jpg") no-repeat;
	width:100px;
	height:21px;
	font-weight:bold;
	color:#000;
	display:block;
	text-decoration:none;
	margin-top:5px;
	text-align:center
}
/*month table*/
#monthtable td{
	background-color:#e9f5fe;
	width:120px;
	padding:5px;
	font-size:11px;
	text-align:right;	
	vertical-align:top
}
#monthtable tr.weekday td{
	background-color:#cdeaff;
	font-weight:bold
}
#monthtable td.nomonthday{
	background-color:#f9fcfe;
}
#monthtable .bookholiday{
	font-size:10px;
	line-height:20px;
	float:right;
}
#monthtable p{
	margin:0px;
	padding:0px;
}
/*week table*/
#weektable{
}
#weektable td{
	background-color:#fff;
	width:89px;
	padding:2px;
	font-size:10px;
	line-height:15px;
	text-align:right;
	vertical-align:top;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	border-top:1px solid #e2dede;
	
}
#weektable td.reserved_app{
	background-color:#CCCCCC;
}
#weektable td.reserved_app_adm{
/*changed by marecon as request by sir adrian 08/20/09 
	background-color:#ff9c00*/
	background-color:#CCCCCC;
}
#weektable tr.weekday td{
	background:url("../images/weekday.jpg") #dbdada;
	height:55px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle
}
/*#weektable tr.weekday td{
	background:url("../images/weekday-divider.jpg") no-repeat left;
	border:0px;
}*/
#weektable td.nomonthday{
	background-color:#f9fcfe;
}
#weektable td.time{
	background:#ededed;
	width:93px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	font-weight:bold;
	padding:0px;
}
#weektable td.time .bg{
	background:url("../images/time.jpg") repeat-x #6e7d97;
	height:40px;/*55-15*/
	color:#fff;
	padding:15px 5px 0px 5px;
	margin:1px;
}
#weektable td.time .bg_local{
	background:url("../images/time.jpg") repeat-x #6e7d97;
	color:#fff;
	padding:15px 5px 0px 5px;
	margin:1px;
}
#weektable .bookholiday{
	font-size:10px;
	line-height:20px;
	float:right;
}

.color{
	border:1px solid #999999;
	width:10px;
	height:10px;
	display:block;
	float:left;
	margin-right:1px;
	margin-top:4px;
	line-height:10px;
	overflow:hidden
}
#legend{
	float:right
}
/*day table*/
#daytable{
	background-color:#e9f5fe;
}
#daytable p{
	margin:0px;padding:0px;
}
#daytable td{
	background-color:#fff;
	width:103px;
	padding:5px;
	font-size:11px;
	text-align:left;
	vertical-align:top
}
#daytable tr.heading, #daytable tr.heading td{
	background-color:#cdeaff;
	font-weight:bold;
	text-align:center;
	vertical-align:middle
}
#daytable td.nomonthday{
	background-color:#f9fcfe;
}
#daytable td.time{
	width:100px;
	background-color:#f9fcfe;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	vertical-align:middle;
}
#daytable td.appointments{
	width:830px;
}
#daytable .bookholiday{
	font-size:10px;
	line-height:20px;
	float:right;
}
/*edituser form*/
#selectdateform .row{
	width:auto;
	clear:none;
}
#selectdateform select{
	margin-right:5px;
}
#selectdateform .row.submit input{
	margin:0px;
}
/*assignuser form*/
#assignuserform{
	margin-left:140px;
}
#assignuserform label{
	width:170px;
}
#assignuserform input, #assignuserform select{
	width:350px;
}
#assignuserform .row.submit input{
	width:100px;
}
#assignuserform input.small{
	width:15px;
	vertical-align:middle;
}
#assignuserform label.small{
	width:auto;
	float:none;
	font-weight:normal
}
#assignuserform input.calendar{
	background:url("../images/button-s.jpg") no-repeat;
	width:40px;
	height:21px;
	font-weight:bold;
	border:0px;
}
/*domains table*/
#domainstable tr.first td{
	background-color:#cdeaff;
	font-weight:bold
}
#domainstable .col01{
	width:40px;
}
#domainstable .col02{
	width:745px;
}
#domainstable .col03{
	width:50px;
}
#domainstable .col04{
	width:50px;
}
#domainstable .col01, #domainstable .col02, #domainstable .col03, #domainstable .col04{
	background-color:#E9F5FE;
	padding:5px;
	vertical-align:top
}
/*makeapp form*/
#makeappform{
	margin-left:160px;
}
#makeappform label{
	width:150px;
}
#makeappform input, #makeappform select, #makeappform textarea{
	width:350px;
}
#makeappform .row.submit input{
	width:100px;
}
#makeappform input.small{
	width:15px;
	vertical-align:middle
}
#makeappform label.small{
	width:auto;
	float:none;
	font-weight:normal
}
#makeappform input.calendar{
	background:url("../images/button-s.jpg") no-repeat;
	width:40px;
	height:21px;
	font-weight:bold;
	border:0px;
}
#makeappform .textsmall01{
	margin-left:155px;
}
/*delapp form*/
#delappform{
	margin-left:230px;
}
#delappform input{
	width:200px;
}
#delappform .row.submit input{
	width:100px;
}
/*login form*/
form#login{
	margin-left:230px;
	float:left;
}
form#login label{
	width:80px;
}
/**********************************************************/
/*book time page (form)*/
/**********************************************************/	
.appointmentbar{
	background:url("../images/bar.jpg") no-repeat;
	width:731px;
	height:39px;
	display:block;
	margin-left:10px;
	margin-top:15px;
	padding:7px 0px 0px 45px;
	color:#fff;
	font-weight:bold
}
/*panel*/
/*.panel{
	background:url("../images/panel-center.jpg") repeat-x #dbdada;
	width:731px;
	margin:10px;
	overflow:hidden
}
.panel .top{
	background:url("../images/panel-top.jpg") no-repeat;
	width:731px;
	height:15px;
	display:block;
	overflow:hidden
}
.panel .middleleft{
	background:url("../images/panel-left.jpg") no-repeat left;
	padding-left:25px;
	overflow:hidden;
}
.panel .middleright{
	background:url("../images/panel-right.jpg") no-repeat right;
	padding-right:25px;
	overflow:hidden;
}
.panel .middle{
	overflow:hidden;
}
.panel .bottom{
	background:url("../images/panel-bottom.jpg") no-repeat;
	width:731px;
	height:15px;
	display:block;
	overflow:hidden
}*/

.panel{
	background:url("../images/panel-center.jpg") repeat-x #dbdada;
	width:727px;
	height:350px;/*311-25*/
	margin:0px 10px 10px 10px;	
	border-top:1px solid #cfcfcf;
	border-right:1px solid #a09f9f;
	border-bottom:1px solid #a09f9f;
	border-left:1px solid #cfcfcf;
	padding-top:25px;
	overflow:hidden
}
.panel .panelleft{
	background:url("../images/panel-left.jpg") no-repeat;
	width:8px;
	height:341px;
	display:block;
	float:left
}
.panel .panelcenter{
	height:341px;
	width:717px;
	float:left
}
.panel .panelright{
	background:url("../images/panel-right.jpg") no-repeat;
	width:6px;
	height:341px;
	display:block;
	float:left
}
/*style for the orders table*/
table.table-orders{
	width:707px;
	background:transparent;
	margin:0px;
	border:0px;
	font-size:11px;
}
.table-orders td{
	padding:5px 5px;
	vertical-align:middle;
}
.table-orders td.nopadding{
	padding:0px;
}
.table-orders th{
	background:#fff;
	border:1px solid #cecece;
	padding:2px 5px;
	vertical-align:middle;
	font-weight:bold;
	font-size:10px;
}
.table-orders .col01{
	width:107px;
}
.table-orders .col02{
	width:100px;
	text-align:center
}
.table-orders .col03{
	width:100px;
	text-align:center
}
.table-orders .col04{
	width:70px;
	text-align:center
}
.table-orders .col05{
	width:90px;
	text-align:center
}
.table-orders .col06{
	width:180px;
	text-align:center
}
/*style for the app table*/
table.table-appointments{
	width:707px;
	background:transparent;
	margin:0px;
	border:0px;
	font-size:11px;
}
.table-appointments td{
	padding:5px 5px;
	vertical-align:middle;
	border-bottom:1px solid #cecece;
	text-align:center
}
.table-appointments th{
	background:#9e9e9e;
	color:#fff;
	border:1px solid #cecece;
	padding:2px 5px;
	vertical-align:middle;
	font-weight:bold;
	font-size:10px;
}
.table-appointments .col01{
	width:107px;
}
.table-appointments .col02{
	width:100px;
	text-align:center
}
.table-appointments .col03{
	width:100px;
	text-align:center
}
.table-appointments .col04{
	width:70px;
	text-align:center
}
.table-appointments .col05{
	width:90px;
	text-align:center
}
.table-appointments .col06{
	width:180px;
	text-align:center
}
/*bookform form*/
#bookform{
	margin-left:30px;
}
form#deleteapp, form#changeapp, form#cancelapp, form#confirmchange, form#book{
	margin-left:280px; float:left;
}
/*buttons*/
input.button{
	background:url("../images/button.gif") no-repeat;
	width:186px;
	height:32px;
	font-weight:bold;
	border:0px;
	margin:0px;  
  overflow:hidden;
	font-size:11px;
}
input.button-green{
	background:url("../images/button-green.gif") no-repeat;
	width:186px;
	height:32px;
	font-weight:bold;
	border:0px;
	margin:0px;  
  overflow:hidden;
	font-size:11px;
}
input.button-red{
	background:url("../images/button-red.gif") no-repeat;
	width:186px;
	height:32px;
	font-weight:bold;
	border:0px;
	margin:0px;  
  overflow:hidden;
	font-size:11px;
}
a.button-red{
	background:url("../images/button-red.gif") no-repeat;
	width:186px;
	height:32px;
	font-weight:bold;
	border:0px;
	margin:0px;  
  overflow:hidden;
	font-size:11px;
	display : block;
	padding-top: 5px;
	margin-top: 8px;
	text-decoration: none;
}
input.button-small{
	background:url("../images/button-s.gif") no-repeat;
	width:106px;
	height:32px;
	font-weight:bold;
	border:0px;
	margin:0px;  
  overflow:hidden;
	font-size:11px;
}
/*forms*/
.center{
	width:auto;
	margin:0px 0px 0px 270px;
	left:0px;
}
/**********************************************************/
/*general */
/**********************************************************/		
.textsmall01{
	font-size:11px;
	line-height:normal
}
.textsmall02{
	font-size:10px;
	line-height:normal
}
.textbig01{
	font-size:20px;
}
.textbig02{
	font-size:13px;
}
.textcenter{
	text-align:center;
}
.textleft{
	text-align:left;
}
.textright{
	text-align:right;
}
.textnormal{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:12px;
	line-height:12px;
}
.courierfont{
	font-family:"Courier New", Courier, monospace
}
.bold{
	font-weight:bold;
}
.italic{
	font-style:italic
}
.linethrough{
	text-decoration:line-through
}
.vmiddle{
	vertical-align:middle;
}
.left{
	float:left;
}
.right{
	float:right
}
.red{
	color:#ff0002;
}
.orange{
	color:#ff8605
}
a.orange{	
	color:#ff8605
}
.white{
	color:#fff;
}