/* htdocs/dpsweb/proServices.css
   $Id: proServices.css,v 1.4 2010/02/18 18:23:15 dferruggia Exp $ */

legend, .note, label {
	font-family:'Arial Narrow', Arial, Helvetica, sans-serif !important;
	font-size:14px;
	font-weight:normal;
}

legend {
	font-size:18px;
	font-weight:bold;
	color:#000;
}

html>body legend {
	padding:0 5px;
}

legend.copyHeaderText {
	padding:3px;
	margin:0px;
}

#pageContainer fieldset {
	padding:8px;
	border:1px solid #adadad;
}

.note {
	color:#999;
}

#pageContainer .textfield, #pageContainer .textfield_zip, #pageContainer .textfield_textarea,#pageContainer .numfield,#pageContainer .datefield,.selectInput, .selectInput_state {
	background:#eeeeee;
	border:1px solid #b5b5b5;
	height:26px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:16px;
	color:#000;
	margin:0px;
}

.selectInput, .selectInput_state {
	width:163px;
	padding:0px 0px 0px 7px;
	height:24px;
}

.selectInput_state {
	width:70px;
}

.textfield {
	width:163px;
}

.textfield_zip {
	width:72px;
}

#pageContainer {
	width:820px;
	margin:0 auto;
}

div#pageContainer li {
	padding:0px;
}

#pageContainer h1 {font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:24px;padding:0px;margin:0;}
#pageContainer h2 {font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:18px;padding:0px;margin:0;}
#pageContainer h3 {font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:16px;padding:3px;margin:0;}

#pageContainer td {
	padding: 10px;
	font-size: 13px;
	font-weight: normal;
	font-family: arial,sans-serif;
}

#pageContainer input.error, #pageContainer select.error {
	color: black;
}

#pageContainer p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:5px;
	padding-right:5px;
	margin:0;
}

#pageContainer ul {
	list-style-type: disc;
	padding:0px 0px 0px 20px;
	margin:0px; 
}	

#errorContainer p.error {
	padding:0;
	margin:0;
	font-size: 16px;
}

.error {
	color:red;
}


#tooltip {
   width:200px;
   border:2px solid #333;
   background:#EEE;
   padding:5px;
}

#tooltip h3, #tooltip p {
   margin: 0;
   color:#000;
   font-family:Arial, Helvetica, sans-serif;
   font-weight:normal;
   font-size:11px;
   height: auto !important;
}

p.copy {
	padding-left: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	line-height: normal;
}

#ps_top {
	width:810px;
}

#ps_copy {
	width:810px;
	padding:10px 0px 10px 0px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
	
.ps_copy_element {
	width:260px;
	height:90px;
	padding:3px;
	border-right:1px solid #CCC;
	float:left;
}
	
.ps_copy_element_last {
	width:260px;
	padding:3px;
	float:left;
}
	
img.ps_right {
	float:right;
}
	
#ps_form_container {
	width:810px;
}
	
#sourcecode_section {
	width: 220px; 
	float: left;
}

#submit_section { 
	width: 320px;
	margin-top: 12px;
	float:right;
}

#submit { 
	float: right;
}

#left_column {
	width: 400px;
	margin-right: 10px;
	float:left;
}

#right_column {
	width: 400px;
	margin-left: 0px;
	margin-right: 0px;
	float: right;
}

label {
	display: block; 
}

label.checkbox_label {
	display: inline;
	margin: 0;
}

#left_column .textfield,#left_column select, #right_column .textfield, #right_column select { 
	margin-bottom: 10px;
}