/*---

 CSS HTML layout
 author   : David Safar
 revision : 1.03
 
(c) Copyright TriSoft Technologies. All rights reserved.
 
---*/

/*--- basis ---*/
html, body {
	height:100%;
	margin:0;
	padding:0;
}

body, div, p, th, td, ul, ol, li, dd, input, textarea {
	font-family: verdana, arial, helvetica, sans-serif;	
	font-size: 11px;
	line-height: 16px;
	color: #545454;
	}
td, th {
	vertical-align:	top;
	text-align:	left;
	margin:0px;
	padding:1px;
	}
p, ul, ol, dl {
	margin-top: .67em;
	margin-bottom: .67em;
	}
form {margin:3px;}
fieldset {background:#fff; margin-top:4px; padding:0px 4px 8px 15px; border:1px solid #ccc;}
legend {background:#fff; margin-bottom:0px; padding:0 4px;color:#4674d1; font-weight:bold; font-size:100%;}
a {color: #449;}
a:hover {color: #f80;}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	xcolor:#E56BA8;
	font-family: verdana, arial, helvetica, sans-serif;	
	font-weight:bold;
	}
h1 { font-size: 1.2em; }
h2 { font-size: 1.05em; }
h3 { font-size: 1em; }
h4, h5, h6 { font-size: 1em; }

.xsmall {font-size: 9px;line-height: 10px;}
.small {font-size: 10px;line-height: 11px;}
.high {color:#4674d1;} /*#3366cc;*/
.nonhigh {color:#777;}

.image {
	border: none 0px;
	text-decoration: none;
}
.photo {
	border:#999 1px solid;
}

.guestbook-photo {
	background:#fff;
	border:#eee 1px solid;
	padding:3px;
}


/*=== form - mandatory */
.col-mandatory {color:#f42;}
.xbar {border-left:1px solid #fff;padding-left:0px;}
.xbar-mandatory {border-left:1px solid #fdc;padding-left:0px;}

/*=== form */
table.cms-form {
	width:100%;
}
table.cms-form td {
	padding:1px;
}

.label {width:180px;}
form {
	margin-top: 13px;
	padding-left: 10px;
}
input.checkbox {
	width:70px;
}
label {
	vertical-align:bottom;
}
input td {
	color: #666;
}
input.text, select.text, textarea.text {
	width: 180px;
	border: #bbb 1px solid;
	color: #666;
	background-color: #fafafa;
	padding:2px;
}
textarea.text, textarea.text-onfocus {
	width: 350px;
}	
select.text, select.text-onfocus {
	padding: 1px;
}
select.text:enabled
{
	background-color:#fafafa;
}
select.text:disabled, select.text-disabled
{
	background-color:#ddd;
}	
input.text-onfocus, select.text-onfocus, textarea.text-onfocus {
	background-color: #ffffeb;
}
select.text-onfocus option {
	background-color:#ffffeb;
}

input.button {cursor:pointer} /* ie 6.+ only */
input.button:hover {cursor:pointer} /* gecko engines only */
input.button 
{
	padding:2px;
	color: #1e74cb;
	xbackground-color: #e5e5e5;
	xborder: #bbb 1px solid;
	background-color:#ebf2fa;
	border: #c2d9f1 1px solid;
	width:auto;
	margin-top: 6px;
	text-align: center;
	}
* html input.button {	/* ie */
	padding-top: 0px;
	}	
input.button-onmouseover {
	xcolor: #616161;
	xbackground-color: #ccc;
	xborder: #9a9a9a 1px solid;
	color: #fff;
	background-color: #1e74cb;
	border: #1e74cb 1px solid;
	width:auto; /* 70px;*/
	margin-top: 6px;
	text-align: center;
	cursor:pointer;
	padding:2px;
	}
input.button-onmouseover:hover 
{
	cursor:pointer;
}
* html input.button-onmouseover {	/* ie */
	padding-top: 0px;
}	
input.button-off {
	color: #bbb;
	background-color: #e5e5e5;
	width:auto;
	border: #bbb 1px solid;
	margin-top: 6px;
	text-align: center;
}	
* html input.button-off {	/* ie */
	padding-top: 0px;
}	


/* @ css - calendar control */

.calendar-d, .calendar-m {
	font-family: arial, verdana helvetica, sans-serif;	
	font-size: 11px;
	color: #696969;
}

.calendar-d, .calendar-m {
	width: 968px;
	margin-left:auto;
	margin-right:auto;
	min-width: 620px;
}

/* calendar day width */
.calendar-d .wcol1 { width:40px; }    
.calendar-d .wcol2 { width:80px; }
.calendar-d .wcol3 { width:120px; }
.calendar-d .wcol4 { width:160px; }
.calendar-d .wcol5 { width:200px; }
.calendar-d .wcol6 { width:240px; }
.calendar-d .wcol7 { width:280px; }

/* calendar month width */
.calendar-m .wcol1 { width:20px; }
.calendar-m .wcol2 { width:40px; }
.calendar-m .wcol3 { width:60px; }
.calendar-m .wcol4 { width:80px; }
.calendar-m .wcol5 { width:100px; }
.calendar-m .wcol6 { width:120px; }
.calendar-m .wcol7 { width:140px; }
.calendar-m .wcol8 { width:160px; }
.calendar-m .wcol9 { width:180px; }
.calendar-m .wcol10 { width:200px; }
.calendar-m .wcol11 { width:220px; }
.calendar-m .wcol12 { width:240px; }
.calendar-m .wcol13 { width:260px; }
.calendar-m .wcol14 { width:280px; }
.calendar-m .wcol15 { width:300px; }
.calendar-m .wcol16 { width:320px; }
.calendar-m .wcol17 { width:340px; }
.calendar-m .wcol18 { width:360px; }
.calendar-m .wcol19 { width:380px; }
.calendar-m .wcol20 { width:400px; }
.calendar-m .wcol21 { width:420px; }
.calendar-m .wcol22 { width:440px; }
.calendar-m .wcol23 { width:460px; }
.calendar-m .wcol24 { width:480px; }
.calendar-m .wcol25 { width:500px; }
.calendar-m .wcol26 { width:520px; }
.calendar-m .wcol27 { width:540px; }
.calendar-m .wcol28 { width:560px; }
.calendar-m .wcol29 { width:580px; }
.calendar-m .wcol30 { width:600px; }
.calendar-m .wcol31 { width:620px; }

.calendar-d .content, .calendar-m .content {
  position:relative;
  padding:0 6px;
  z-index:4;
  height:20px;
}


.calendar-d .label, .calendar-m .label {
  float:left;
  border-left:1px solid #fff;
  border-bottom:1px solid #ddd;
  overflow:hidden;
}

.calendar-d .label {
  height:40px;
  width:80px;
}
.calendar-m .label {
  height:20px;
  width:80px;
}

.label div {
  padding:3px;
}

.calendar-d .cell, .calendar-m .cell, .calendar-d .cell-empty, .calendar-m .cell-empty {
  float:left;
  overflow:hidden;
}
.calendar-d .cell, .calendar-d .cell-empty {
  width:40px;
  height:40px;
}
.calendar-m .cell, .calendar-m .cell-empty {
  width: 20px;
  height: 20px;
}
.calendar-d .cell-empty, .calendar-m .cell-empty {
  background:#aaa;
}

.calendar-d .row, .calendar-m .row  {
  border-left:#ddd 1px solid;
  border-right:#fff 1px solid;
  border-bottom:#ddd 1px solid;
  overflow:hidden;
}
.calendar-d .row {
  height:40px;
  background:#f4f4f4 url('/img/cms/calendar/border_40px_gray.gif') 0 0 repeat;    
}
.calendar-m .row {  
  height:20px;
  background:#eee url('/img/cms/calendar/border_20px_gray.gif') 0 0 repeat;    
}

.calendar-d .row-header, .calendar-m .row-header {
  border-left:#ddd 1px solid;
  border-right:#fff 1px solid;
  border-bottom:#ddd 1px solid;
  overflow:hidden;
}
.calendar-d .row-header {
  height:40px;
  background:#fff url('/img/cms/calendar/border_40px.gif') 0 0 repeat;
}
.calendar-m .row-header {
  height:20px;
  background:#fff url('/img/cms/calendar/border_20px.gif') 0 0 repeat;
}
.calendar-d .row-header, .calendar-m .row-header {
  text-align:center;
}
.calendar-d .row-header .cell, .calendar-m .row-header .cell {
  padding: 3px 0;
}

.calendar-d .today, .calendar-m .today {
  position:absolute;
  float:left;
  z-index:2;
}
.calendar-d .today {
  background: url('/img/cms/calendar/today_40px.gif') right top repeat-y;
  height:40px;
}
.calendar-m .today {
  background: url('/img/cms/calendar/today_20px.gif') right top repeat-y;
  height:20px;
}

.calendar-d .weekend, .calendar-m .weekend {
  position:absolute;
  float:left;
  z-index:3;
}
.calendar-d .weekend {
  background: url('/img/cms/calendar/weekend_40px.gif') right top repeat-y;
  height:40px;
}
.calendar-m .weekend {
  background: url('/img/cms/calendar/weekend_20px.gif') right top repeat-y;
  height:20px;
}
    
.calendar-d .issue, .calendar-m .issue {
  position:relative;
  float:left;
  overflow:hidden;
}
.calendar-d .issue {
  height:40px;
  background:#fff url('/img/cms/calendar/border_40px.gif') 0 0 repeat;
}
.calendar-m .issue {
  height:20px;
  background:#fff url('/img/cms/calendar/border_20px.gif') 0 0 repeat;
}
  
.calendar-d .start, .calendar-m .start {
  position:absolute;
  width:3px;
  background:url('/img/cms/calendar/point_start.gif') left top repeat-y;
  z-index:5;
}
.calendar-d .start {
  height:40px;
}
.calendar-m .start {
  height:20px;
}

.calendar-d .end, .calendar-m .end {
  position:absolute;
  right:0;
  width:3px;
  background:url('/img/cms/calendar/point_end.gif') right top repeat-y;
  z-index:5;
}
.calendar-d .end {
  height:40px;
}
 .calendar-m .end {
  height:20px;
}

.calendar-d .bt, .calendar-m .bt {
  border-top:1px solid #ddd;
  border-bottom:0;
}
.calendar-d .nobb, .calendar-m .nobb {
  border-bottom:0;
}