/* Styling for /app/views/layouts/default.ctp */
@media screen {
	@font-face {
	  font-family: 'Open Sans';
	  font-style: normal;
	  font-weight: 400;
	  src: local('Open Sans'), local('OpenSans'), url('/fonts/open_sans_normal.woff') format('woff');
	}
}

@media screen {
	@font-face {
	  font-family: 'Open Sans';
	  font-style: normal;
	  font-weight: 600;
	  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('/fonts/open_sans_semi_bold.woff') format('woff');
	}
}

body{background:#B0B0B0 url('/img/site_bg.png') repeat-x; font-family: "Open Sans", helvetica, arial, sans-serif; font-size: 16px; margin: 0;}
a{color: #8f0000;padding:0.125em;text-decoration: none;}
/*a:hover{color: #233975;background:#ddd;}*/
a:hover{background:none;color:#888;}
a img{border: 0;}
.a{color: #8f0000;padding:0.125em;text-decoration: none;}
/*a:hover{color: #233975;background:#ddd;}*/
.a:hover{background:none;color:#888;cursor:pointer}
.a img{border: 0;}
h1, h2, h3, h4, h5, h6{color: #233975;font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;margin-top: 0;}
h4{margin: 0.313em 0}
h5{margin-bottom:0.313em;}
table{border-collapse: collapse; margin: auto; width: 85%; }
table td{ vertical-align: top; }
table td.dollar{text-align: right}

/* Global Classes */
.back{ text-align: right; }
.blue{color: #233975;}
.breadcrumbs a{color:#8f0000;text-decoration: none; }
.breadcrumbs a:hover{  }
.clear{ clear: both; }
.hidden{ display: none; }
.invisible{ overflow: auto; visibility: hidden; }
.left{float:left;}
.message{background-color:#C1DAFF;border:0.1em solid #233975;color:#233975;font-style:italic;margin:0 auto 0.5em;padding:0.2em;text-align:center;width:99%;}
.red{color: #8f0000;}
.right{float:right;}
.rounded-button input:hover{ cursor: pointer; }
.rounded-button button:hover{ cursor: pointer; }
.shadow{text-shadow: 0 0 0 transparent, 0 1px 1px #aaa};
.submit{ margin-top: 0.625em; }

/* Main Containers */
#content{margin:1em;overflow:hidden;}
#outerwrapper{margin:auto;width:66em;}
#wrapper{background-color: #fff;border-left:0.063em solid #333;border-right:0.063em solid #333;margin:auto;padding:0 0 0.625em;width:60em;}

/* Header */
	/* Top Bar & Clock in */
	#top_bar{margin:0;padding:0.625em 0.625em 0;}
	#top_bar h2{color:#8f0000;float:left;font-family: helvetica, arial, sans-serif;margin:0 0 0.625em;}
	#top_bar .searchbox{ float: right;} 
	#time_clock{ float: left; padding: .3em .5em; text-align: right;}
	#time_clock form div{float:right;}
	#time_clock h2{ margin: 0; }
	#time_clock p{ margin: 0; }
	#time_clock p.time{color:#233975;display: block;float:left;font-weight:bold;margin:0 0.625em;}
	#time_clock p.date{display:none;}
	.timepicker{ width:2.919em; }
	
	/* Blue Bar */
	#blue_bar{background-color:#233975;border:0.125em solid #bbb;clear:both;margin:0 -3.125em;overflow:hidden;padding:0.625em;}
	#blue_bar a:hover{background:none;}
	#blue_bar #site_title{float:left;width:20.938em;}
	#blue_bar #site_title h1{color:white;float:right;font-family: times new roman, times, serif;margin:0 ;}
	#blue_bar #site_title h3{color:#bbb;float:right;font-family:helvetica, arial, sans-serif;font-weight:normal;margin:0 0 0.625em 0;}
	#blue_bar #site_title img{float:left;margin:0.313em 0;}
	
	/* Call log */
	#calls{float:right;font-weight:bold;padding:.3em;width:62%;}
	#calls a:hover{cursor:pointer;}
	#calls .column{float:left;width:8em;}
	#calls img{padding:0 .3em;}
	#calls .line{color:#bbb;float: left;padding:0 .2em;text-align:right;width: 1em;}
	#calls span.name{color:white;}

	/* Navigation */
	#nav_box{background-color:#8F0000;border:0.063em solid #bbb;margin:0 -0.938em 0;padding:0 3.5em;text-align:center;}
	#navigation{display:block;zoom:1;padding:0;margin:0 0 0 0.7em;}
	#navigation a{color:#ccc;padding:0.1em 0.313em;text-decoration: none;} 
	#navigation a:hover{}
	#navigation ul{list-style:none;padding:0.3em 0;margin:0.1em 0;}
	#navigation li{border-right:0.063em solid #bbb;display:inline;padding:0}
	#navigation li:last-child, #navigation li.last_li{border-right:0;}
	#navigation li.headlink{color:#bbb;float:left;text-align:center;width:7.5em;}
	#navigation li.headlink a{display:block;padding:0.2em 0.313em;}
	#navigation li.headlink a:hover{background:#C67171;color:#111;}
	/* Child lists and links */
	#navigation li.headlink ul{display:none;background:#ddd;border:0.063em #333 solid;border-top:0;color:#233975;font-weight:bold;margin:0 0 0 -0.1em;
	padding:0.313em 0.5em;position:absolute;text-align: left;z-index:1000;}
	#navigation li.headlink li{border-right: 0;padding:0;}
	#navigation li.headlink ul ul{border:0;border-top:0.063em solid black;position:relative;}
	#navigation li.headlink:hover ul{display:block;}
	#navigation li.headlink ul li a{color:#8F0000;font-weight:normal;padding:0.1em 0.313em;}
	#navigation li.headlink ul li a:hover{background-color:#233975;color:#eee;}

/* Cake Debug Table */
.cake-sql-log td{ border: 0.063em dotted black; padding: 0.25em 0.5em; text-align: left; }
table.cake-sql-log{	background: #f4f4f4; border-collapse: collapse; width: 60em; }

/* Form Styles */
.checkbox input{ float: left; width: 0.938em; }
.error-message{ color: #8f0000; text-indent: 2em; font-weight: bold; }
form{ margin-bottom: 0.625em; }
input[type="text"], select, textarea, input[type="password"]{ background-color: #ddd; border: 0.1em solid #233975 !important; color: #8F0000; width: 11em; }
.input{ clear: both;overflow:hidden;padding: 0.188em 0;}
.select{padding: 0.188em 0;}
input[type="submit"]{color:#233975;}
label{ float: left; width: 7.5em; }
.link{ cursor: pointer; text-decoration: underline; }
.radio input{ float: left; width: 0.938em; }
select{ width: 11.2em; }
.separate{ background-color: #eee; border: 0.063em solid #8f0000; margin-left: 2em; overflow: auto; padding: 0.313em; width:28.125em; }
textarea{ width: 25em; }


#ReferralCodeAddForm label {
	 float: left; 
	 width: 190px; 
}

#ReferralCodeAddForm input[type="text"], #ReferralCodeAddForm select, #ReferralCodeAddForm textarea, #ReferralCodeAddForm input[type="password"] { 
	background-color: #ddd; 
	border: 0.1em solid #233975 !important; 
	color: #8F0000; 
	width: 200px;
}

#ReferralCodeAddForm input[type="checkbox"] {
	float: none;
	width: 20px;
	margin: 3px 3px 3px 0;
}

#ReferralCodeEditForm label {
	 float: left; 
	 width: 190px; 
}

#ReferralCodeEditForm input[type="text"], #ReferralCodeAddForm select, #ReferralCodeAddForm textarea, #ReferralCodeAddForm input[type="password"] { 
	background-color: #ddd; 
	border: 0.1em solid #233975 !important; 
	color: #8F0000; 
	width: 200px;
}

#ReferralCodeEditForm input[type="checkbox"] {
	float: none;
	width: 20px;
	margin: 3px 3px 3px 0;
}

/* Fieldset */
#content fieldset legend{background:#eee;border-bottom:0.1em solid #ccc;border-top:0.1em solid #ccc;color:#233975;font-weight:bold;padding:0.2em 0.5em;}

/* /pages/home.ctp */
#home h1, #home h3{ text-align: center; }
#home h3{background:#eee;border-bottom:0.1em solid #ccc;border-top:0.1em solid #ccc;line-height:1.8em;}
#home .box{float: left; margin: 0 0 1em;overflow:hidden;width:45%;}
#home .box p{ clear: both; margin: .15em;}
#home .box1{float: left; margin: 0 10px 0 1px;overflow:hidden;width:48%;}
#home .box1 p{ clear: both; margin: .15em;}
#home #infobox{overflow:hidden;}
#home #open-invoices{clear:both;overflow:hidden;}
#home #open-invoices ul{-moz-column-width: 10em; -webkit-column-width: 10em; -moz-column-gap: 1em; -webkit-column-gap: 1em;column-count: 1em;column-gap: 10em;}
#home #open-invoices li{list-style-type:square;}
#home ul.icol{float: left;margin:0 0 0 0.1em;padding:0 0.5em 0.5em;}
#home ul.icol li{border-top:0.1em solid #ccc;list-style:none;overflow:hidden;padding:0.2em;}
#home ul.icol li:last-child{border-bottom:0.1em solid #ccc;}
#home .red{display:block;float:left;width:2.2em;}
#home .label{display: block;float: left;width: 9.3em;}

#home #links{padding:0.2em 0.75em 0.75em 1.75em;}
#home #links li{ list-style: none; padding: 0.188em 0; }
#home #links li a{font-weight: normal; padding-bottom: 0.125em; text-decoration: none; }
#home #links li a:hover{}
#home #links li:first-of-type{padding:0 0 0.188em;}
#home #links ul{ float: left; margin:0 0 0 3.5em; padding: 0; }
#home #links ul+ul{ margin-left: 2em; }

#home #it-links{clear: both;}

#home #ship-stats{border-right:0.15em solid #bbb;padding:0.2em 1.75em 0.75em 0.75em;}
#home #ship-stats #ship_container{margin:auto;overflow:hidden;}

#home #search{ margin-left: .4em; margin-right: 0;text-align: center}
#home input[type="text"], #home select, #home textarea{width:11em;}

/* Search Form */
.searchbox div{display: inline}
.searchbox div.submit{margin: 0 .4em}

/* Table Styles */
table{border:0.1em solid #ccc;}
td{padding:0.2em 0.5em;}
th{background:#ddd;border-bottom:0.1em solid #ccc;color:#666;padding:0.3em;text-align:left;}
tr.option_row:hover{background-color: #eee; cursor: pointer;}

.cal-wkend{background-color: #efefef;}
.cal-today{background-color: #cfcfcf;}