@charset "UTF-8";
/* CSS Document */

html, body {
margin:0;
padding:0;
background-color:#E1DECC;
color:#333333;
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
height:100%;
}

#container {
width:90%;
	max-width: 1400px;
margin:0 auto;
background-color:#FFFFFF;
position:relative;
}

.ds_box {
	background-color: #FFFFFF;
	border: 1px solid #333333;
	position: absolute;
	z-index: 32767;
}

h4 {
	margin:10px 0 0 0;	
	font-size:14px;
}

.bottomborder {
	border-bottom:2px solid #CCC;
}

.bigbuttons {
	padding:25px 20px 25px 20px;
	font-size:20px;
	color:#FFF;
	box-shadow:0 0 5px #000;
	background-image:-webkit-gradient(linear,left top,left bottom,from( #723A58 ),to( #312B3D ));
	background-image:-webkit-linear-gradient( #723A58,#312B3D );background-image:-moz-linear-gradient( #723A58,#312B3D );
	background-image:-ms-linear-gradient( #723A58,#312B3D );background-image:-o-linear-gradient( #723A58,#312B3D );
	background-image:linear-gradient( #723A58,#312B3D );
	text-shadow:0 0 2px #FFF;	
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:3px solid #E1DECC;
	margin:20px 10px 0 0;
}

.bigbuttons:hover {
	background:#312B3D;
}

.ds_tbl {
	background-color: #FFFFFF;
}

.ds_head {
	background-color: #292034;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.key {
	width:25px;
	height:25px;
	float:right;
	margin-right:10px;
}

.ds_subhead {
	background-color: #AAA;
	color: #333;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	width: 32px;
}

.ds_cell {
	background-color: #DDD;
	color: #333;
	font-size: 11px;
	text-align: center;
	padding: 3px;
	cursor: pointer;
}

.clearall {
width:100%;
clear:both;
}

.ds_cell:hover {
	background-color: #EFEFEF;
} /* This hover code won't work for IE */

#bubble, #invwindow {
background-color:#FFFFFF;
padding:10px;
padding-top:20px;
padding-bottom:20px;
width:200px;
z-index:5000;
-webkit-border-radius:8px; 
-moz-border-radius:8px; 
-moz-box-shadow: 0px 0px 15px rgba(0,0,0, .5); 
-webkit-box-shadow: 0px 0px 15px rgba(0,0,0, .5); 
box-shadow: 0px 0px 15px rgba(0,0,0, .25);
position:absolute;
}

#invwindow {
	display:none;
	bottom:90px;
	left:120px;
	height:60px;
}

table img {
	margin:0 0 -5px 0;
}

#bubble a.item:link, #bubble a.item:visited {
color:#666666;
background-color:#DEDEDE;
width:190px;
height:10px;
padding:5px;
display:block;
text-decoration:none;
}
#bubble a.item:hover {
color:#FFFFFF;
background-color:#DDDDDD;
width:190px;
height:10px;
padding:5px;
display:block;
text-decoration:none;
}


#cover {
position:absolute;
display:none;
left:0px;
top:0px;
width:100%;
height:100%;
background-color:#E1DECC;
z-index:4990;
opacity:0.85;
filter: alpha(opacity=85);
}

#jobwindow {
position:absolute;
display:none;
left:50px;
top:50px;
width:90%;
border:1px solid #CCCCCC; 
background-color:#FFFFFF;
-webkit-border-radius:8px; 
-moz-border-radius:8px; 
-moz-box-shadow: 0px 0px 15px rgba(0,0,0, .5); 
-webkit-box-shadow: 0px 0px 15px rgba(0,0,0, .5); 
box-shadow: 0px 0px 15px rgba(0,0,0, .25);
padding:20px;
z-index:5000;
opacity:0.95;
filter: alpha(opacity=95);
}

a {
text-decoration:none;
color:#333333;
}

#header {
height:24px;
width:100%;
background-image:url(../images/menubg.jpg);
background-repeat:repeat-x;
}

#header a {
display:block;
padding:5px 15px 5px 15px;
text-decoration:none;
float:left;
color:#FFFFFF;
border-right:1px solid #FFFFFF;
font-size:12px;
font-weight:bold;
background: #721647;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1OSUiIHN0b3AtY29sb3I9IiM3MjE2NDciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjM2QyMjNhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #721647 59%, #3d223a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(59%,#721647), color-stop(100%,#3d223a));
background: -webkit-linear-gradient(top, #721647 59%,#3d223a 100%);
background: -o-linear-gradient(top, #721647 59%,#3d223a 100%);
background: -ms-linear-gradient(top, #721647 59%,#3d223a 100%);
background: linear-gradient(to bottom, #721647 59%,#3d223a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#721647', endColorstr='#3d223a',GradientType=0 );
height:30px;
text-align:center;
}

#header a:hover {
background:#352548!important;
}

#header a.active {
text-transform:uppercase;
}

#main {
min-height:400px;
width:calc(100% - 40px);
padding:30px;
}

input, .input {
padding:3px;
border:1px solid #CCCCCC;
font-size:13px;
}

.table {
margin:30px 0 0 0;
}

.table td {
border-bottom:1px solid #CCCCCC;
}

.deletebutton {
display:block;
position:absolute;
top:20px; right:20px;
background-color:#990000;
color:#FFFFFF;
text-decoration:none;
padding:10px;
font-size:14px;
font-weight:bold;
}

.savebutton {
display:block;
position:absolute;
bottom:20px; right:20px;
background-color:#292034;
color:#FFFFFF;
text-decoration:none;
padding:5px 10px 5px 10px;
font-size:10px;
font-weight:bold;
border:none;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
text-transform:uppercase;
}

.savebutton2 {
display:inline-block;
position:relative;
top:0px; right:20px;
	float:right;
background-color:#292034;
color:#FFFFFF;
text-decoration:none;
padding:5px 10px 5px 10px;
font-size:10px;
font-weight:bold;
border:none;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
text-transform:uppercase;
}

.quotebutton {
display:block;
position:absolute;
bottom:22px;
background-color:#702E50;
color:#FFFFFF;
text-decoration:none;
padding:5px 10px 5px 10px;
font-size:10px;
font-weight:bold;
border:none;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
text-transform:uppercase;
text-align:center;
width:113px;
}

.invoicebutton {
display:inline-block;
background-color:#292034;
color:#FFFFFF;
text-decoration:none;
padding:5px;
font-size:10px;
font-weight:bold;
border:none;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
text-transform:uppercase;
text-align:center;
width:100px;
}

.deleteclient, .deletejob {
display:block;
color:#FFFFFF;
background-color:#D3DADC;
padding:12px 0 12px 0;
text-decoration:none;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
text-align:center;
width:20px;
}

.addmarkup, .save {
display:inline-block;
color:#FFFFFF;
background-color:#D3DADC;
padding:6px 0 6px 0;
text-decoration:none;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
text-align:center;
width:17px;
}

.save {
width:30px;
}

.deletejob {
padding:0 0 3px 0;
}

a.deleteclient:hover, a.deletejob:hover {
background-color:#990000;
}

.addnew {
background-color:#009933;
right:160px;
}

.logout {
background-color:#FF9933;
right:320px;
}

.rows {
border-bottom:1px solid #DEDEDE;
}

.button {
display:block;
background-color:#E1DECC;
color:#702E50;
text-decoration:none;
padding:5px 10px 5px 10px;
text-align:center;
border:none;
font-size:12px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
text-transform:uppercase;
float:right;
margin-right:10px;
}

.button:hover {
background-color:#292034;
color:#FFFFFF;
cursor:pointer;
}

.small {
width:100px;
}

.tableheader {
background-color:#702E50;
color:#FFFFFF;
font-size:12px;
border-right:1px solid #B19AA6;
}

.border {
border-top:1px solid #E1DECC;
height:22px;
}

.tabletitle {
margin:5px 0 5px 0;
display:block;
color:#292034;
font-size:14px;
font-weight:bold;
}

#footer {
width:100%;
height:50px;
margin-top:30px;
}

.line {
width:97%;
border-bottom:2px solid #E1DECC;
clear:both;
margin:5px 0 5px 0;
}

.darkline {
width:calc(100% - 20px);
border-bottom:3px solid #292034;
clear:both;
margin:10px 0 10px 0;
}

.add_address {
display:block;
background-color:#D3DADC;
width:24px;
height:20px;
background-image:url(../images/arrows.png);
background-position:1px 5px;
background-repeat:no-repeat;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
color:#FFFFFF;
font-size:2px;
}

.remove_address {
display:block;
background-color:#D3DADC;
width:24px;
height:20px;
background-image:url(../images/arrows.png);
background-position:1px -65px;
background-repeat:no-repeat;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
color:#FFFFFF;
font-size:2px;
}

.add_address:hover, .remove_address:hover {
background-color:#506B75;
}

.highlight {
background-color:#FFFFCC;
}

h1 {
color:#292034;
}