/* CSS Document */
@import url("form.css");

html, body {
  font-family: Verdana, Arial, Sans-serif;
  margin: 0px;
  padding: 0px;
  height: 100%;
}
img {
  border:0;
}
#layout {
  height: 100%;
  border: 0px;
}
#header {
  height: 158px;
}
#content {
  padding: 29px 43px 29px 43px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  font-size: 12px;
  background: url(/img/bg.gif);
  background-repeat: no-repeat;
  height: 100%;
}
#content table {
  font-size: 12px;
}
h1 {
  font-family:"Trebuchet MS",Verdana,Arial,Sans-serif;
}
h1, a  {
  color:#DB8101;
}
h1 em, a em  {
  color:#008BCC;
  font-style: normal;
}
ul.colored a em h2 {
  font-style: italic;
  font-weight: bold;
  color:#666;
}
h3 {
  color:#DB8101;
  font-style: normal;
  font-size: 18px;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  padding-bottom:5px;
}
a:hover, a:hover em {
  color:#A22424;
  text-decoration:none;
}
#content p, #content ul, #content ol {
  line-height:1.5;
  padding-bottom:1em;
}
ul, ol {
  margin-left:3em;
}

/* tables */

td img {
  display: block;
}
table tr.altRow td {
  background: #f4f4f4;
}

/* scaffold show */


div.related {
  clear:both;
  display:block;
}
dl {
  line-height:2em;
  margin:1em;
}
dt {
  font-weight: bold;
  vertical-align:top;
}
dd {
  margin-left:10em;
  margin-top:-2em;
  vertical-align:top;
}

/* scaffold buttons */


.notice {
  color: #DB8101;
  background-color: #ddd;
  display: block;
  padding: 1em;
}
.tip {
  color: #DB8101;
  background-color: #ddd;
  display: block;
  padding: 1em;
}

ul.actions {
  list-style: none;
  text-align:left;
  margin:2em 0;
  padding: 0;
}
ul.actions li {
  margin-left:1em;
  list-style: none;
  display: inline;
}
ul.actions li a,  ul.actions li input {
  padding: 2px 12px;
  color: #DB8101;
  background-color:#ccc;
  text-decoration: none;
  border: 1px solid #666;
  line-height: 24px;
  font-weight: bold;
  text-align:center;
  text-decoration: none;
}
ul.actions li a:hover {
  color: #DB8101;
  background-color:#fff;
  text-decoration: none;
}
.listactions {
  width: 14em;
  text-align: right;
  white-space: nowrap;
}
/*
.listactions a {
  padding: 0px 8px;
  text-align:right;
  font-weight: bold;
  color: #DB8101;
  background-color:#ccc;
  text-decoration: none;
  border: 1px solid #666;
  white-space: nowrap;
}
*/
.listactions a:hover {
  color: #fff;
  background-color:#DB8101;
}

/* index links */ 

ul.colored a {
}
ul.colored a em {
}
a {
  font-weight: bold;
}
thead {
	font-weight: bold;
	color: #333333;
}
.selection-info {;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
	padding-left: 0px;
	font-size: 12px;
}
div.section table {
	width: 800px;
	text-align: left;
}
table.section {
	border-style: none;
}
table.section td {
	border-style: none;
}	
div.spacer {
	margin: 2em;
}

div.devnote {
	font-size: 75%;
	font-weight: lighter;
	color: gray;
	display: inline;
	clear: left;
}

/*
 * Message Boxes
 */

#messages{
	height: 30px;
	line-height: 26px;
	margin-top:5px;
	margin-bottom: 5px;
}

/*.message_ok {
    width:300px;
    font-size:14px;
	font-weight: bolder;
    border: solid 2px #4D941C;
    padding:12px;
    color:#000;
    background-color: #B1FF7C;
    text-align:center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
	margin-bottom: 2em;
}
*/
.message{
	padding: 2px 0px 2px 10px;
	font-size: 12px;
	color:#FFFFFF;
	background-color: #339900;
	font-weight: bold;
}
.message_ok{
	padding: 2px 0px 2px 10px; 
	font-size: 12px;
	color:#FFFFFF;
	background-color: #339900;
	font-weight: bold;
}

.message_info{
		padding: 2px 0px 2px 10px;
	font-size: 12px;
	color:#FFFFFF;
	background-color:#FF9900;
	font-weight: bold;
}

.message_error{
	padding: 2px 0px 2px 10px;
	font-size: 12px;
	color:#FFFFFF;
	background-color:#CC3300;
	font-weight: bold;
}

/*.message, .message_info {
    font-size:14px;
	font-weight: bolder;
    color:#db8101;
    text-align:left;
	margin-top: 2em;
	margin-bottom: 2em;
}
*/
/*
.message_error {
    width:250px;
    font-size:11px;
	font-weight: bold;
    border: solid 1px red;
    padding:12px;
    color:#000;
    background-color: #FF8D91;
    text-align:center;
	margin-left: auto;
	margin-right: auto;
}
*/
tr.even {
	background: #ffffff;
}
tr.odd {
	background: #f4f4f4;
}

.single_message {
	display: inline;
	text-align: left;
}

table.time-range {
	border-style: none;
	padding: 3px;
	margin: 0px;
	width: 700px;
}
table.time-range input.submit
{
	margin: 0px 0px 0px 0px;
}
table.time-range td
{
	text-align: left;
}

div.edit-weekday {
	padding: 0px;
	margin: 0px
	border-style: none;
}

div.skin-preview {
	width: 80%;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	border-style: double;
}


.blue-header{

	/*color: #0255F1;*/
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 10px;
}

.blue-header a:link{color: #000000; text-decoration: none;}
.blue-header a:active{color: #000000; text-decoration: none;}
.blue-header a:visited{color: #000000; text-decoration: none;}
.blue-header a:hover{color:#000000;text-decoration: underline;}

.topnav-header{

	/*color: #0255F1;*/
	color: #888888;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 10px;
}

.topnav-header a:link{color: #000000; text-decoration: none;}
.topnav-header a:active{color: #000000; text-decoration: none;}
.topnav-header a:visited{color: #000000; text-decoration: none;}
.topnav-header a:hover{color:#000000;text-decoration: underline;}

.orange-header{

	color: #DB8101;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 20px;
}

span.orange-header{
	padding-bottom: 10px;

}


table.account-info-table{
	width: 200px;
	padding: 0px;
	margin: 0px;
	border: none;
	border-collapse: collapse;
	text-align: left;

}

table.account-info-table td.value{
	color: #000000;

}
table.account-info-table td.name{
	color: #636363;

}


table.tempus-table{
	width: 770px;
	padding: 0px;
	margin: 0px;
	border: none;
	border-collapse: collapse;
	text-align: left;

}
table.tempus-table thead{
	background-color: none;
	background: none;
}

table.tempus-table td{
	background-color: none;
	padding: 2px 20px 2px 2px;
}

table.tempus-table th{
	background-color: none;
	padding: 2px 20px 2px 2px;
}


table.tempus-table tr.headers td { 
	background-color: none;  
}

table.tempus-table tr.even td { 
	background-color: red;  
}

table.tempus-table tr.odd td { 
	background-color: green;  
}

.left-bdr{
	border-left: 1px solid #CCCCCC;

}

.right-bdr{
	border-right: 1px solid #CCCCCC;

}

.bot-bdr{
	border-bottom: 1px solid #CCCCCC;

}

.top-bdr{
	border-top: 1px solid #CCCCCC;

}

.all-bdr{
	border: 1px solid #CCCCCC;
}

table.tempus-table td.odd{
	background-color: #EEEEEE;
}

table.tempus-table td.even{
	background-color: #EEEEEE;
}

.logged-in{
	color: #000000;
	font-size: 12px;
	font-weight: bold;

}

.logged-in-name{
	color: #000000;
	font-size: 12px;
	font-weight: normal;

}


#client-sub-menu{
	/*width: 500px;
	position: relative; 
	top: -145px; 
	bottom: 0px; 
	left: 145px; 
	right: 0px; 
	*/
	position: absolute;
	left: 100px;
	top: 140px;
	font-size: 12px;
	font-weight: normal;
	color: #DB8101;
	z-index: 1;
}

#client-sub-menu a:link {color: #A0A0A0; text-decoration: none; font-weight: normal;}
#client-sub-menu a:visited {color: #A0A0A0; text-decoration: none; font-weight: normal;}
#client-sub-menu a:active {color: #A0A0A0; text-decoration: none; font-weight: normal;}
#client-sub-menu a:hover {color: #DB8101; text-decoration: none; font-weight: normal;}


.pad-bot{
	margin-bottom: 10px;
}

.timeslot-avail{
	
	width: 200px; 
	height: 32px; 
	background-image: url(/img/time-avail.gif); 
	background-repeat: no-repeat; 
	background-position: center; 
	line-height: 32px;
}

.timeslot-unavail{
	
	width: 200px; 
	height: 32px; 
	background-image: url(/img/time-unavail.gif); 
	background-repeat: no-repeat; 
	background-position: center; 
	line-height: 32px;
}

.timeslot-avail a:link{color: #333333; font-weight: bold; text-decoration: none;}
.timeslot-avail a:active{color: #333333; font-weight: bold; text-decoration: none;}
.timeslot-avail a:visited{color: #333333; font-weight: bold; text-decoration: none;}
.timeslot-avail a:hover{color: #D45937; font-weight: bold; text-decoration: none;}

.timeslot-unavail a:link{color: #333333; font-weight: bold; text-decoration: none;}
.timeslot-unavail a:active{color: #333333; font-weight: bold; text-decoration: none;}
.timeslot-unavail a:visited{color: #333333; font-weight: bold; text-decoration: none;}
.timeslot-unavail a:hover{color: #D3F219; font-weight: bold; text-decoration: none;}


.test{
	position: absolute;
	left: 320px;
	top: 110px;
}

.bold{
	font-weight: bold;

}

table.grid td, table.grid th{
	padding: 4px 40px 4px 0px;
}


div.submit{

	padding-top: 20px;

}

div.buttons{
	padding-top: 20px;

}

div.buttons img{
	display: inline;

}

div.required label{
	padding-left: 0px;
	margin-left: 0px;
	text-indent: 0px;
}

div.optional label{
	padding-left: 0px;
	margin-left: 0px;
	text-indent: 0px;
}

div.section-title{
	padding-bottom: 10px;
}

table.grid td.name {
	width: 120px;

}
table.grid td.value{
	width: auto;


}

.loggedinfo{
	font-size: 12px;
	/*float:right; */
	padding-left: 420px; 
	margin-top: -15px;
}

.loggedinfo a:link{color: #000000; text-decoration: none; }
.loggedinfo a:visited{color: #000000; text-decoration: none; }
.loggedinfo a:active{color: #000000; text-decoration: none; }
.loggedinfo a:hover{color: #000000; text-decoration: underline; }