body {
	font-family: arial;
	font-size: 14px;
	color: white;
	
	padding: 0;
	margin: 0;
	
	background: url(/jScripts/shadowbox/skin/modified/procatoff_back.gif) top left repeat-x #3e3e3e;
	height: 100%;
	}

/*
	background: url(dl-trans_back.gif) top left repeat-y #437aad;
*/


a {
	color: #b3d0ff;	
	}

body * {
 	padding: 0;
 	margin: 0;
	}
	
div.inBox {
	padding: 1em;
	position: relative;
	}
	
tr {
	vertical-align: top;
	}
	
th {
	font-weight: normal;
	text-align: left;
	padding: 0.5em 0.5em 1em 0.5em;
	}
	
th.rightHalf {
	padding-left: 1.25em;
	}
	
table {
	width: 100%;
	font-size: 1em;
	}
	
td {
	width: 50%;
	padding: 0 0.75em 0.5em 0.75em;
	}
	
table.feedbackForm td {
	width: 50%;
	}

table#checkReplyForm td {
	width: 33%;
	vertical-align: bottom;
	}

td.rightHalf {
	padding-right: 0;
	}
	
td.leftHalf {
	padding-left: 0;
	}		

input, textarea {
	width: 100%;
	border: 1px solid #5c7ba4;
	}
	
input.submit {
	width: 50%;
	border: 1px solid #1261aa;
	background-color: #fff;
	}
	
input.asall {
	width: 100%;
	}
	
input.asterisk, textarea.asterisk {
	border: 1px solid #aa6112;
	}
	
input.insubmitable {
	color: #68a;
	background-color: #92c5f5;
	}
	
p.inputComment {
	padding: 0.5em 0 0 0.5em;
	}

p.microComment {
	font-size: 0.9em;
	padding: 0.5em 0 0 0.5em;
	}
	
p.afterComment {
	font-size: 0.9em;
	padding: 0 0 0 0.5em;
	color: #c0e0f2;
	}

	
	
p.error {
	color: #ff6;
	border: 1px solid #bb6;
	padding: 1em;
	}
	
p.result {
	color: #ff6;
	border: 1px solid #bb6;
	padding: 1em;
	}
	
	
div.fbRight {
	margin-left: 10em;
	}
	
.clear {
	clear: both;
	}
	
div.boxBlock {
	margin: 0.5em 0 1em 0;
	}
	


div#progressIndicator {
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0 0 0.5em 0;
	}

div#progressIndicator span{
	font-size: 0.9em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	font-weight: bold;
	}
	
div#progressIndicator span.past{
	color: #e8ee3d;
	}
	
div#progressIndicator span.present{
	font-size: 1em;
	font-weight: bold;
	color: #e8ee3d;
	}
	
div#progressIndicator span.future{
	color: #b6d0e6;
	}
	
	
	
input.stepPass {
	width: 48px;
	height: 48px;
	position: absolute;
	right: 0.75em;
	bottom: 0.75em;
	}
	
	
form.requestForm input{
	margin: 0;
	}
	
form.requestForm p.inputComment{
	margin-bottom: 0.2em;
	margin-top: 0.5em;
	}
	
form.requestForm p{
	margin-bottom: 0.2em;
	margin-top: 0.5em;
	}
	
form.requestForm input.day, form.requestForm input.month{
	width: 1.5em;
	text-align: center;
	margin: 0;
	}
	
form.requestForm input.year{
	width: 3em;
	text-align: center;
	margin: 0;
	}
	
form.requestForm input.numeric{
	width: 3em;
	text-align: center;
	margin: 0;
	}

input.numeric{
	width: 3em;
	text-align: center;
	margin: 0;
	}

input.autonum{
	width: 5em;
	text-align: center;
	margin: 0;
	}
	
form.requestForm input.inn{
	width: 7em;
	text-align: center;
	}
	 
	 
	 
table.params input{
	padding: 0;
	margin: 0;
	}
	 
table.params tr{
	padding: 0;
	margin: 0;
	height: 1.7em;
	line-height: 1.7em;
	vertical-align: middle;
	}

table.params td{
	padding: 0;
	margin: 0;
	}
	
table.params td.paramName{
	text-align: right;
	}
	
table.params td.paramValue{
	width: 5em;
	text-align: center;
	padding: 0 0.5em 0 0.5em;	
	}
	
table.params td.paramUnit{
	text-align: left;
	}
	
	
form.requestForm div.params {
	width: 49%;
	float: left;
	}
	
form.requestForm div.params p{
	text-align: center;
	font-style: italic;
	padding: 0 0 0 0;
	}
	
form.requestForm div.params p.inputComment{
	text-align: center;
	font-style: normal;
	padding: 0 0 0 0;
	}
	
	
input.checkbox {
	position: static;
	width: auto;
	padding: 0;
	margin: 0;
	}
	
p.radioSet {	
	text-align: center;
	margin-bottom: 1em;
	}
	
p.radioSet input{	
	position: relative;
	top: 0.1em;
	margin: 0 0 0 1em;
	}
	
div.thirdParty {	
	
	}
	
	
	
.wrong {
	background-color: #ffa8a8;
	}
	
	
	
input.price {
	width: 7em;
	text-align: right;
	}
	
	
table#betTbl {
	width: 100%;
	}




table#betTbl td{
	padding: 0.2em 0 0.2em 0;
	}
	
table#betTbl td.col1{
	width: 25%;
	}

table#betTbl td.col2{
	text-align: right;
	}
	
	

form#permissionRequestForm {
	text-align: center;
	}

input.day, input.month, input.year {
	padding: 0;
	margin: 0;
	text-align: center;
	}
	
input.day {
	width: 2em;
	}
	
input.month {
	width: 2em;
	}
	
input.year {
	width: 4em;
	}
	
form#permissionRequestForm input.submit {
	width: 75%;
	}
	
p.phone {
	display:inline;
	display:none;
	}
	
p.boxheader {
	color: #e8ee3d;
	font-weight: bold;
	}
	
input.floatright {
	float: right;
	}
	

table.formtbl {
	padding: 0.5em 0 1em 0;
	}
	
table.formtbl td p{
	padding: 0;
	}
	
table.formtbl td {
	text-align: center;
	padding: 0;
	}
	
p.inputComment2 {
	font-size: 0.9em;
	}
	
	

table.boxTable {
	border-collapse: collapse;
	font-size: 1em;
	}

table.boxTable tr{
	border: 1px solid  #6d9eca;
	}

table.boxTable tr.odd {
	background-color: #4c7eac; 
	}
	
table.boxTable tr.even {
	background-color: #46739f;
	}

table.boxTable td{
	padding: 0.2em 0.4em;
	margin: 0;
	}
	
table.boxTable td.offerDate {
	text-align: left;
	font-size: 0.9em;
	}
	
table.boxTable td.userName {
	font-size: 0.9em;
	text-align: left;
	}
	
table.boxTable td.price {
	text-align: right;
	color: #fff100;
	font-weight: bold;
	}
	
	
table.boxTable tr.approved {
	color: #fff100;
	}
	
	
	
	
span.truckNameChoose {
	display: none;
	background-color: #174290;
	padding: 0.2em 0.5em 0.2em 0.5em;
	}
	
a.truckNameChoose {
	padding: 0em 0.5em 0em 0.5em;
	}
	
li.truckNameChoose {
	padding: 0.1em 0 0.1em 0;
	}

li.truckChoose {
	display: none;
	}
	
span.trailerNameChoose {
	display: none;
	background-color: #174290;
	padding: 0.2em 0.5em 0.2em 0.5em;
	}
	
a.trailerNameChoose {
	padding: 0em 0.5em 0em 0.5em;
	}
	
li.trailerNameChoose {
	padding: 0.1em 0 0.1em 0;
	}

li.trailerChoose {
	display: none;
	}
		
div.leftList {
	width: 125px;
	float: left;
	}
	
div.rightList {
	margin-left: 135px;
	}
	
	
table.numbers {
	width: auto;
	border-collapse: collapse;
	color: black;
	font-weight: bold;
	text-decoration: none; 
	}

table.numbers tr {
	background-color: #eee;
	padding: 0;
	margin: 0;
	}

table.numbers td {
	border-style: solid;
	border-color: black;
	border-width: 1px 0 0 0;
	padding: 0;
	margin: 0;
	}
	
table.numbers td.num_fletter {
	padding-left: 0.5em;
	width: 1.5em;
	border-width: 1px 0 0 1px;
	}
	
table.numbers td.num_fletters {
	padding-left: 0.5em;
	width: 2.5em;
	border-width: 1px 0 0 1px;
	}

table.numbers td.num_digits {
	width: 2.5em;
	}	

table.numbers td.num_letters {
	width: 2em;
	}
	
table.numbers td.num_region {
	width: 2.5em;
	text-align: right;
	padding-right: 0.5em;
	border-width: 1px 1px 0 1px;
	font-size: 0.8em;
	}
	

input.truckName {
	width: 15em;
	}	
	
input.truckN1 {
	width: 1em;
	text-align: center;
	}
	
input.truckN2 {
	width: 3em;
	text-align: center;
	}
	
input.truckN3 {
	width: 2em;
	text-align: center;
	}
	
input.truckN4 {
	width: 3em;
	text-align: center;
	margin-left: 0.5em;
	}
	

form#newTruckForm {
	background-color: #275e91;
	width: 14.5em;
	padding: 0 1em 1em 1em;
	}
	
input.trailerName {
	width: 15em;
	}	
	
input.trailerN1 {
	width: 2em;
	text-align: center;
	}
	
input.trailerN2 {
	width: 3em;
	text-align: center;
	}
	
input.trailerN3 {
	width: 2em;
	text-align: center;
	margin-left: 0.5em;
	}

form#newTrailerForm {
	background-color: #275e91;
	width: 14.5em;
	padding: 0 1em 1em 1em;
	}
	

input.driverName {
	width: 15em;
	}	
	
input.driverN1 {
	width: 3em;
	text-align: center;
	}
	
input.driverN2 {
	width: 2.5em;
	text-align: center;
	}
	
input.driverN3 {
	width: 2em;
	text-align: center;
	}
	
input.driverN4 {
	width: 2em;
	text-align: center;
	}

form#newDriverForm {
	display: none;
	background-color: #275e91;
	width: 14.5em;
	padding: 0 1em 1em 1em;
	}
	
	
	
.hovered {
	cursor: pointer;
	}
	

html {
	overflow-x: hidden;
	}
	
	
	
	
ul#driversList {
	margin: 1em 0 0 0;
	list-style: none;
	font-size: 0.9em;
	}
	
	
p.notice {
	 
	}
	
p.input {
	font-size: 0.9em;
	color: #F3C021;
	margin-bottom: 0.2em;
	}