/***** Standard Elements *****/
body {
margin:0;
padding:0;
background-color:#FFFFFF;
color:#333333;
font-family:helvetica, verdana, arial, helvetica, sans-serif;
font-size:80%;
text-align:left;
}
div {
margin:0;
padding:0;
}
p {
margin:0.8em 0 1em 0;
padding:0;
line-height:1.3em;
}
/* Validation error messages */
.error {
	color: #393939;
	font-size: 15px;
}
.success {
	color: #B300B3;
	font-size: 15px;
}
/*** lists ***/
ol {
margin:0.8em 0 1em 3em;
padding:0;
list-style-type:decimal;
}
ul {
margin:0.8em 0 1em 3em;
padding:0;
list-style-type:square;
}
li {
margin:0 0 0.3em 0;
padding:0;
}
dl {
margin:0.8em 0 1em 0;
padding:0;
}
dt {
margin:0.1em 0;
padding:0;
font-style:italic;
}
dd {
margin:0.1em 0 0.1em 3em;
padding:0;
}
input[type="text"]{
padding:0px;
}
/*** blockquotes ***/
blockquote {
margin:2em 35px 1em 35px;
padding:0 0 0 45px;
background-image:url(../images/quote.gif);
background-position:top left;
background-repeat:no-repeat;
}
blockquote p {
margin:0 0 1.2em 0;
padding:0 35px 0 0;
background-image:url(../images/quote.gif);
background-position:bottom right;
background-repeat:no-repeat;
line-height:1.5em;
}
/*** tables ***/
table {
border:none;
margin:0 0 1em 0;
width:100%;
}
table caption {
background-color:#EEEEEE;
text-align: center;
margin:0.5em 1px 1px 1px; padding:0.2em;
}
th, td {
	border:1px solid #AAAAAA;
	padding:0.1em 0.2em;
	margin:1px;
	text-align:center;
	font-size: small;
}
tr.customer{
background-color:#D8C9D2;
color:521128;
}
tr.vendor{
background-color:#A2C3D8;
color:272860;
}
.del_button{
  background:url(../images/ic_delete.png) no-repeat;
    cursor:pointer;
    border:none;

}
.c5{
width:5%;
}

.c10{
width:10%;
}

.c15{
width:15%;
}

.c20{
width:20%;
}

.c25{
width:25%;
}

.c30{
width:30%;
}

.c40{
width:40%;
}
.i{
color:blue;
}
.e{
color:red;
}
th {
background-color:#E9E9E9;
}
.rpt_summary {
	background: white;
float: right;
-moz-box-shadow: 0 0 0 1px black;
-webkit-box-shadow: 0 0 0 1px black;
box-shadow: 0 0 0 1px black;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 15px;
	}
.total_table {
border-collapse:collapse;

text-align: right;
width: 380px;
float:right;
}
.total_table tbody td {
text-align: right;
border:none;
}
#total p {
font-size: 12pt;
padding: 5px;
}

.total_table .label {
width: 195px;
}

.total_table .amt {
width: 95px;
}

/*** images ***/
.rightimg, .leftimg img {
border:1px solid #AAAAAA;
background-color:#E9E9E9;
padding:3px;
margin:6px;
}
.centreimg {
position:absolute;
left:320px;
top:0px;
}
.rightimg {float:right;}
.leftimg {float:left;}
div.centreimg {
text-align:center;
}
#paid, #printed{
font-size:110%;
background-color:#666666;
color: #FF0000;
visibility:hidden;
}
/*** buttons ***/
.rightbutton {float:right;}
.leftbutton{float:left;}
/*** general classes ***/
.hidden{display:none;}
/*** headings ***/
h2 {
font-size:150%;
padding:0.1em 0;
margin:0 1em 0.6em 0;
text-transform:capitalize;
border-bottom:5px solid #C9DBDB;
clear:both;
}
h3 {
font-size:120%;
margin:0.3em 0 1em 0;
padding:0.1em 0;
border-bottom:5px solid #C9DBDB;
text-transform:capitalize;
}
h4 {
font-size:110%;
margin:0.2em 0;
}
.alert {
text-align:center;
color: #2005eb;
font-size: 20px;
}




strong {
font-weight:bold;
}
em {
font-style:italic;
}
/*** links ***/
a:link, a:visited {
color:#0066CC;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
a img {
border:none;
}
.clearer {
clear:both;
}
.modebox{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
width:60px;
float:right;
border:1px solid #000000;
padding:2px;
margin:2px;
display:block;
/*margin-right:2px;*/
}
.modebox label{
display: inline-block;
}
#cdel, #vdel{
position:relative;
left:22px;
}
/***** Pagination *****/
	#pagination a, #pagination strong {
	 background: #e3e3e3;
	 padding: 4px 7px;
	 text-decoration: none;
	border: 1px solid #cac9c9;
	color: #292929;
	font-size: 10px;
	}
	#pagination strong, #pagination a:hover {
	 font-weight: normal;
	 background: #cac9c9;
	}		
/***** Structure *****/
#container {
text-align:left;
margin:0 auto;
padding:0 10px;
border-left:10px solid #EEEEEE;
border-right:10px solid #EEEEEE;
width:960px;
}
#main {
position:relative;
width:100%;
}
#content {
padding:0 15px;
}
/***** Customer Estimate Vehicle boxes *****/
.booking {
overflow:hidden;
background-color:#F2FDEB;
}
.enquiry {
overflow:hidden;
background-color:#F2FFFF;
}



.neutral {
overflow:hidden;
background-color:#FCFCEB;
//background-color:#E18F45;
}

.req_cust {
overflow:hidden;
background-color:#b3b3ff;
}

.request_shade {
overflow:hidden;
background-color:#b3f0ff;
}

.cust_shade {
overflow:hidden;
background-color:#bbff99;
}
#custbox, #enqbox, #bookbox {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:1px solid #000000;
padding:5px;
}
.medwd { /* for form labels */
    display: inline-block;
  width: 65px;
  text-align: right;
}
.midwd { /* for form labels */
    display: inline-block;
  width: 130px;
  text-align: right;
}

.lngwd { /* for form labels */
    display: inline-block;
  width: 100px;
   text-align: right; 
}
.shtwd { /* for form labels */
    display: inline-block;
  width: 40px;
  text-align: right;
}
#eventDesc {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:1px solid #000000;
padding:5px;
margin-top:0px;
margin-bottom:10px;
}
/***** area/extras Details *****/
#sidebox p {
margin-left:0.5em;
}
#areabox {
/*width:540px;
float:left;
border:none;
padding:none;
margin-top:10px;
margin-bottom:10px;
margin-right:5px;
margin-left:5px;*/
}
#extbox {
/*width:180px;
float:right;
border:none;
padding:none;
margin-top:10px;
margin-bottom:10px;
margin-right:5px;*/
}
#extbox th {
height:40px;
}
#areabox th {
height:40px;
}
.areaID, .areaDesc, .price, .quantity, .vendor, .venInvNum, .pext{ /* for area table */
 width:100%;
}
.areaID{ 
 width:40px;
}
.areaDesc{ 

}
.price{ 
 width:55px;
 text-align:right;
}
.quantity{ 
 width:40px;
} 
.vendor{ 
 width:70px;
}
.venInvNum{ 
 width:55px;
} 
.pext{ 
 width:70px;
  text-align:right;
}
.extrasID, .extrasRate, .lquantity, .lext{ /* for extras table */
 width:100%;
}
.extrasID{
 
}
.extrasRate{
 width:50px;
  text-align:right;
}
.lquantity{
 width:40px;
}
.lext{
 width:70px;
  text-align:right;
}

.get_rows{
  float:right;
}
/* accordion */
#accordion h3 .txt{
margin-left:2.5em;
}
#accordion {
margin-bottom:20px;
max-height:300px;
overflow:auto;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:2px solid #EEEEEE;
padding:2px;
margin:2px;
}
.open_list:hover {
 cursor:pointer;
}
.prob {
 width:200px;
 max-height:1.25em;
 overflow:hidden;
}
/***** reports page *****/
#selection_box{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:1px solid #000000;
padding:10px;
margin:2px;
display:block;
}

#report_drop,#range ,#quick_picks{
margin:0 0 10 0;
}

#quick_picks {
text-align:center;
}
#quick_picks h4{
text-align:left;
}
#view_rpt_button{
padding:30px 0 0 0 ;
}
#view_rpt {
    width: 12em;
    height: 3em;
}
#download_rpt {
    width: 12em;
    height: 3em;
}
/***** vendor page *****/
#col1, #col2{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:1px solid #000000;
padding:10px;
margin:2px;
display:block;
}
.ven_form  label {
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
.ven_form  input[type=submit] {
margin:2em 0 0 150px;
text-align:center;
}
.ven_form  input {
font-weight:bold;
text-align:left;
width:140px;
margin:0 10px;
}
.ven_form legend{
margin-left:140px;
font-weight:bold;
}
#tax_head {
margin:1em 0 0 150px;
font-weight:bold;
}
/***** company page *****/
/* Single-direction drop shadow */
		
hr.style-four {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
}
/* Cloud */
		
hr.style-five {
margin: 8px 0;
    border: 0;
    height: 0; /* Firefox... */
    box-shadow: 0 0 10px 1px black;
}
hr.style-five:after {  /* Not really supposed to work, but does */
    content: "\00a0";  /* Prevent margin collapse */
}

#col1, #col2{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:1px solid #000000;
padding:10px;
margin:2px;
display:block;
}
.box{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:1px solid #000000;
padding:10px;
margin:2px;
display:block;
}
 .box span{
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:1px solid #000000;
padding:10px;
margin:2px;
display:block;
background-color: #ECECFB;
}
.com_form  label {
display:block;
font-weight:bold;
text-align:right;
width:110px;
float:left;
}
.com_form  input[type=submit] {
margin:-50 0 0 100px;
text-align:center;
height: 3em;
}
.com_form  input[type=radio] {
width:10;
}
.com_form  input {
font-weight:bold;
text-align:left;
width:140px;
margin:5px 10px;
}
.com_form legend{
margin: 10px 0 8px 140px;
font-weight:bold;
}
.com_form  input[type=checkbox] {
width:25px;
}

/***** settings page *****/
#expensebox {
max-height:400px;
overflow:auto;
}
#categorybox {
float:left;
height:400px;
width:300px;
overflow:hidden;
}
#categorylist {

width:250px;
overflow:auto;
}
#tax {
width:450px;
margin:0;
background-color: #FFFFFF;
border:0px;
}
#tax th {
background-color: #FFFFFF;
border:0px;
}
#tax td {
background-color: #FFFFFF;
border:0px;
}
/*** Header ***/
#header {
position:relative;
height:90px;
background-image:none;
background-position:left top;
background-repeat:repeat-x;
overflow: hidden;
}
#header  p{
font-size:100%;
color:#6D6E72;
position:absolute;
	bottom:25px;
	left:650px;
}
h1 {
	font-size:200%;
	margin:0;
	padding:0;
	position:absolute;
	bottom:32px;
	left:4px;
	text-transform:capitalize;
	width: 330px;
	color: #6D6E72;
}
h1 span {
color:#FFFFFF;
}
#top {
background-color:#3B3B3B;
color:#999999;
text-align:right;
padding:0.5em 1em 1.5em 1em;
background-image:url(../images/topshadow.gif);
background-position:bottom left;
background-repeat:repeat-x;
font-size:90%;
}
/*** Navigation Menus ***/
#nav {
list-style:none;
margin:0; padding:0 0 0 0px;
position:absolute;
bottom:0; left:0;
width:960px;
border-bottom:4px solid #3B3B3B;
}
#nav li {
margin:0; padding:0;
float:left;
border-right:1px solid #FFFFFF;
}
#nav li a {
display:block;
float:left;
margin:0; padding:0.4em 1.3em 0.6em 1.3em;
background-color:#596981;
border-top:3px solid #596981;
color:#F2F4F7;
text-decoration:none;
b/* ackground-image:url(../images/navlibg.gif);*/
background-position:top left;
background-repeat:repeat-x;
}
#nav li a.currentpage {
background-image:url(../images/navlibgcurrent.gif);
border-top:none;
background-color:#909297;
border-top:3px solid #596981;
}
#nav li a:hover {
background-color:#49A7A1;
background-image:none;
border-top:3px solid #49A7A1;
}
#nav li a.currentpage:hover {
background-image:url(../images/navlibgcurrent.gif);
border-top:none;
background-color:#3D3D3D;
border-top:3px solid #6B6B6B;
}
#subnav {
list-style:none;
margin:0.3em 0 20px 15px; padding:0;
float:left;
}
#subnav li {
margin:5px 10px 0 0; padding:0.2em 0.6em;
float:left;
border-left:3px solid #C9DBDB;
}
#subnav li a {
text-decoration:none;
}
#subnav li a.currentpage {
color:#333333;
}
.totop {
text-align:right;
padding-right:25px;
}
/*** Reports ***/
.rgt_just {
text-align:right;
}
/*** Footer ***/
#footer {
background-color:#3B3B3B;
color:#999999;
text-align:center;
font-size:90%;
padding:1.5em 2em 0.7em 1em;
background-image:url(../images/footshadow.gif);
background-position:top left;
background-repeat:repeat-x;
}
#footer p, #top p {
margin:0.1em 0;
}
#top a, #footer a {
text-decoration:none;
color:#DDDDDD;
}
#top a:hover, #footer a:hover {
color:#999999;
}