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

body{
	font-family:Arial, Helvetica, sans-serif;
}
#container {
	display:inline;
	background-color:#FFF;
	font-size:0.8em;
	margin:0 auto;
	width:1400px;/*was 1200*/
/*	border:2px solid #F90;
	border-right:2px solid #036;*/
	padding-bottom:40px;
	/*background-color:#FFFF99;*/
}
#pagecontent{
	display:inline;
	float:left;
	width: 1400px;/*was 1200*/
	margin-top:0px;
	margin-left:20px;
	text-align:left;
/*	border:2px solid #3F0;
	background-color:#9FF;*/
}

#help_text{
	display:inline;
	float:left;
	width: 1140px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left:0px;
	text-align:left;
	background-color:#E5E5E5;
	padding:0px 20px 20px 20px;
}

#help_close{
	display:inline;
	float:right;
	width: 30px;
	margin-top: 10px;
	margin-right:10px;
}

#pagecontent .triangle li {
	background: url(../images/triangle_pep.jpg) no-repeat left top;
	list-style-type:none;
	padding: 0px 0px 0px 30px;
	line-height:30px;
	font-weight:600;
}	

#pagecontent .triangle li a:hover{
	color:#276fb3;
}	

#logo{
	float:right;
	display:inline;
	margin-right:10px;
	margin-top:10px;
	width:100px;
	height:99px;
}
a{
	text-decoration:none;
	color:#333333;
}
a:hover{
	color:#a6a6a6;
}
#topnav{
	float:left;
	display:inline;
	width:1400px;
	height:36px;
	margin-bottom:6px;
	background: url(../images/topnav_pep.png) no-repeat;
}
#topnav ul{
	margin:0;
	padding:0;
	list-style:none;
	height:36px;
}
#topnav ul a{
	display:block;
	padding:0px 20px 0px 20px;
	line-height:36px;
	color:#FFF;
	text-decoration:none;
}
#topnav ul li{
	float:left;
	border-right:1px solid #333;
}
#topnav ul a:hover{
	color:#FFF;
	/*background: url(../images/topnav_hover_slice.png) repeat-x;*/
}
#login_info {
	float:right;
	display:inline;
	margin-right:20px;
	line-height:36px;	
	color:#FFF;
	font-weight:600;
}
.log_id {
	float:left;
	display:inline;
	padding-top:10px;
	text-align:center;
	padding-right:10px;
	width:136px;
	height:44px;
	background-repeat:no-repeat;
	color:#fff;
	background-image:url(../images/nav_last_cell.jpg);

}
.clearline{
	clear:both;
}
#pagetitle {
	display:inline;
	float:left;
	width: 700px;
	margin-top: 20px;
	margin-left: 0px;
	margin-bottom: 10px;
	font-size:160%;
	color:#333333;
}
#client_border, #div_client {
	display:inline;
	float:left;
	width:1200px;/*was 940*/
}
.label {
	color:#00739a;
	/*font-weight:600;*/
	text-align:left;
	vertical-align:top;
}
.formlabel {
	color:#00739a;
	text-align:right;
	vertical-align:top;
}
/*#pagecontent ul {
	margin:0;
	padding:0;
}	
#pagecontent li {
	padding-left:10px;
	padding-top:3px;
	list-style-type:none;
}	
*/.goright {
	text-align:right;
}
.full_line {
	clear:both;
	width:1400px;
	height:5px;
	border-bottom:1px solid #00739a;
}
h1 {
	font-size:120%;
	color:#00739a;
	padding-bottom:0px;
	padding-top:0px;
}
h2 {
	font-size:110%;
	color:#333333;
	padding-bottom:16px;
	padding-top:10px;
}
h3 {
	font-size:90%;
	color:#333333;
	padding-bottom:4px;
	padding-top:4px;
}
.gofloat{
	display:inline;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
}
.gofloat40_right{
	display:inline;
	float:right;
	margin-top:30px;
	margin-bottom:30px;
	margin-right:20px;
	width:45%;/* was 40 */
	text-align:right;
}
.gofloat_45{
	display:inline;
	float:left;
	margin-top:30px;
	margin-right:20px;
	margin-bottom:20px;
	width:45%;
}
.gofloat_40{
	display:inline;
	float:left;
	margin-top:0px;
	margin-right:20px;
	margin-bottom:20px;
	width:40%;
}
.gofloat_30{
	display:inline;
	float:left;
	margin-top:0px;
	margin-right:20px;
	margin-bottom:20px;
	width:30%;
}
.gofloat_20{
	display:inline;
	float:left;
	margin-top:0px;
	margin-right:20px;
	margin-bottom:20px;
	width:20%;
}
.gofloat_nowidth{
	display:inline;
	float:left;
	margin-bottom:30px;
	margin-right:20px;
}
.gofloat_vats{
	display:inline;
	float:left;
	margin-top:0px;
	margin-right:20px;
	margin-bottom:20px;
	width:50%;
	border: 1px solid #00739a;
	padding:0px;
}
#gofloat_header{
	display:inline;
	float:left;
	margin-top:0px;
	margin-bottom:0px;
	width:100%;
	background-color:#00739a;
	color:#FFF;
	font-size:120%;
}
#gofloat_header a{
	color:#FFF;
	font-size:90%;
}
#gofloat_header a:hover{
	color:#CCC;
}
.money {
	text-align:right;
	font-size:90%;
}
.longtext {
	font-size:90%;
}
.smalltext {
	font-size:0.7em;
}
.formtext {
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	text-align:left;
	color:#333;
}
.formtext a{
	color:#F60;
}
.formtext a:hover{
	color:#F90;
}
.highlight{
	float:left;
	display:inline;
	color:#F00;
	font-size:130%;
	margin-top:20px;
	margin-bottom:20px;
}
.highlight_small{
	color:#F00;
	font-size:90%;
}
.highlight_small a{
	text-decoration:none;
	color:#F00;
	font-size:90%;
}
.highlight_small a:hover{
	text-decoration:underline;
	color:#F00;
	font-size:90%;
}
th {
	background-color:#00739a;
	color:#FFF;
	text-align:center;
	padding:6px;
}
.job_label {
		color:#333333;
		font-weight:500;
}
.job_label a{
		color:#333333;
		font-weight:500;
}
.job_tab {
	background:url(../images/job_tab.gif) left no-repeat;
	text-align:left;
	width:100px;
	height:30px;
	padding-left:6px;
}
.link_white a{
	text-decoration:none;
	color:#FFF;
}
.link_white a:hover{
	color:#ccc;
}
.rollover:hover{
	background-color: #e6e7e8;
}
.strike, .strike input {
	text-decoration:line-through;
	color:#333;/*was 999 */
}
#invoice_pdf{
	display:inline;
	float:left;
	margin-top:30px;
	margin-bottom:30px;
	width:540px;
	height:40px;
}
.date_picker th {
	color:#CCC;
}
.red_tick{
	color:#FF0000;
	border:solid 5px #FF0000;
	background-color:#FF0000;
	width:30px;
}
.red_data{
	color:#CC0000;
}
.red_data input[type="text"]{
	color:#CC0000;
}

#message_panel {
 	position:fixed;
    top: 50%;
    left: 50%;
    width:240px;
    height:100px;
    margin-top: -80px; /*set to a negative number 1/2 of your height*/
    margin-left: -150px; /*set to a negative number 1/2 of your width*/
	padding:30px;
	border:4px solid #007771;
	background-color:#FFF;
	text-align:center;
}
#message_close {
 	position:absolute;
    left: 126px;
    bottom: 8px;
    width:40px;
    height:16px;
	padding:4px;
	border:2px solid #007771;
	background-color:#FFF;
}

#message_action {
 	position:absolute;
    left: 106px;
    top: 70px;
    width:80px;
    height:16px;
	padding:4px;
	border:2px solid #007771;
	background-color:#FFF;
}
.report_text {
	font-size:80%;	
}
#drawing_form {
 	position:fixed;
    top: 50%;
    left: 50%;
    width:400px;
    height:100px;
    margin-top: -50px; /*set to a negative number 1/2 of your height*/
    margin-left: -200px; /*set to a negative number 1/2 of your width*/
	padding:30px;
	border:4px solid #007771;
	background-color:#FFF;
	text-align:center;
}