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


/*
Form formating CSS
*/

.standardForm {
	margin: auto;
	text-align:center;
	background-color:#fff;
	padding-bottom:2em;
	padding-top:1em;
}
.center_block {
	display:block;
	margin-left:auto !important;
	margin-right:auto !important;
	text-align:center !important;
	
}
.standardForm .submit_button {
	border:none;
	padding: 0.7em;
	margin: 0.7em;
	color: #009;
	font-weight: bold;
	font-size:1em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 1px 1px 2px #666;
	-moz-box-shadow: 1px 1px 2px #666;
	box-shadow: 1px 1px 2px #666;
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.85, rgb(250,250,250)),
    color-stop(1, rgb(255,255,255))
	);
	background-image: -moz-linear-gradient(
    center bottom,
    rgb(250,250,250) 85%,
    rgb(255,255,255) 100%
	);
	
}
.standardForm button, .standardButton {
	border:none;
	padding: 0.7em;
	color: #009;
	font-weight: bold;
	font-size:1em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 1px 1px 2px #666;
	-moz-box-shadow: 1px 1px 2px #666;
	box-shadow: 1px 1px 2px #666;
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.85, rgb(250,250,250)),
    color-stop(1, rgb(255,255,255))
	);
	background-image: -moz-linear-gradient(
    center bottom,
    rgb(250,250,250) 85%,
    rgb(255,255,255) 100%
	);
	
}
.standardForm button:hover {
	cursor:pointer;
}
.standardForm fieldset {
	text-align:left;
	padding: 0.9em;
	border:none !important;
}

.standardForm.userProfileForm fieldset, .standardForm.stationForm fieldset {
	display:block;
	margin:auto;
	width:33em;
}

.standardForm fieldset > div {
	vertical-align:middle;
	display:block;
}
.standardForm fieldset > div:after {
    content: ".";
    display: block;
	overflow:hidden;
    height: 0;
	width: 0;
    clear: both;
    visibility: hidden;
}

.standardForm label{
	display:inline-block;
	font-weight: normal;
	/* float: left; */
	text-align:right;
	padding:.4em;
	width: 11em;
	float: left;
	font-size:0.8em;
	zoom:1;
	*display: inline;
}

tr.checkAll{
    background-color: #e1e1e1;
}

.checkAll label{
	display:inline;
	font-weight: normal;
	/* float: left; */
	text-align:left;
	padding:auto;
	width: auto;
	float:none;
	font-size: 1em;
}

.standardForm fieldset#customReportsTab label {
	width: 20em;
}

.standardForm label[for="report_institutions"]{
	width:25em;
}

.standardForm textarea{
	width: 400px;
	height: 200px;
}

.standardForm label.inLine{
	font-weight: normal;
	float: none;
	font-size: 0.9em;
	padding:0.2em;
	width:auto;
}


.standardForm input.inputBox{
	padding:0.15em;
	margin:0.2em;
	width:15em;
	border:1px solid #ddd;
	background:#fafafa;
	font-size:1em;
}
.standardForm input.inputBox[name="report_name"]{
	width:25em;
}

.standardForm input.inputBox:hover, .standardForm input.inputBox:focus, input.date:hover, .standardForm input.date:focus{
	border-color:#c5c5c5;
	background:#f6f6f6;
} 

.standardForm input.button{
	width:auto;
	margin:0.5em;
	font-size:0.9em;
	text-align:center;
}

.standardForm input.date{
	padding:0.15em;
	margin:0.2em;
	width:6em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.75em arial, sans-serif;
}

.standardForm select{
	padding:0.15em;
	margin:0.4em;
	width:auto;
	border:1px solid #ddd;
	background:#fafafa;
	font-size: 0.75em;
}

.standardForm select:hover, .standardForm select:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 

.standardForm #listItem{
	width:auto;
	vertical-align:middle;
	text-align:center;
	border:1px solid #aaa;
	padding:0.3em;
	margin:0.15em;
}

.standardForm #listLabel{
	padding:0.15em;
	width:auto;
	font:bold 0.75em arial, sans-serif;
}

.standardForm #listInfo{
	border:1px solid #ddd;
	padding:0.15em;
	width:auto;
	font:bold 0.80em arial, sans-serif;
}

.standardForm a.calLink{
	display: inline-block;
	width: 14px;
	height: 13px;
	text-decoration: none;
	background-image: url(../../default/images/calendaricon.gif);
	background-repeat:no-repeat;
	vertical-align: middle;
	zoom:1;
	*display: inline;
}

.standardForm #small_delete_link{
    display:inline-block;
	cursor: pointer;
	background-position:center;
	background-repeat:no-repeat;
	width:15px;
	height:15px;
	background-image:url(../../default/images/x.png);
	border:1px solid #fff;
	text-decoration:none;
	vertical-align:middle;
	zoom:1;
	*display: inline;
}

.standardForm #small_delete_link:hover{
	border:1px solid #bbb;
}

.standardForm #small_add_link{
    display:inline-block;
	cursor: pointer;
	background-position:center;
	background-repeat:no-repeat;
	width:15px;
	height:15px;
	background-image:url(../../default/images/plus.png);
	border:1px solid #fff;
	text-decoration:none;
	vertical-align:middle;
	zoom:1;
	*display: inline;
}

.standardForm #small_add_link:hover{
	border:1px solid #bbb;
}

.standardForm .small_note {
	padding-left: 0.5em;
	font-size: 0.65em;
	text-align: center;
	color:#666666;
}

.standardForm .small_note2 {
        display:block;
	padding-left: 13em;
	font-size: 0.75em;
	vertical-align:middle;
	color:#999;
        margin-bottom:.75em;
}

.small_note2 .info span {display:none}
.small_note2 .info:hover span {color:#278EBA;display:block;position:absolute;width:200px;-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 1px 1px 2px #999;
	-moz-box-shadow: 1px 1px 2px #999;
	box-shadow: 1px 1px 2px #999;background:#E1F2FA;padding:1em;border:solid 1px #C3DBE6;cursor:nw-resize;
	z-index:5000;}
.small_note2 div {display:inline;position:relative;}
.small_note2 a {}

.homeLogin {
	font-size: 0.8em;
	float: right;
	width: 400px !important;
}

span.defaultDomain, span.zapTag {
	font:0.7em arial, sans-serif;
	font-weight:normal;
}
input.defaultDomain.inputBox {
	width:8em;
}
input.zapTag.inputBox {
	width:5em;
}
select.defaultDomain {
	max-width:9em;
}
option.select-option-root-parent{
	color:#FFFFFF;
	background-color:#333333
}
div.report_field_lists {
	width:auto !important;
	white-space:nowrap !important;
	margin:0px;
	padding:0px;
}

div.report_field_lists select {
	display:block;
	float:left;
	width:35%;
	height:200px;
	white-space:nowrap !important;
	margin:0px;
	padding:0px;
}
div.report_field_buttons {
	float:left;
	width:5%;
	height:200px;
	white-space:nowrap !important;
}
div.report_field_buttons input {
	display:block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
option.report_field_combined {
	border: solid #333 1px;
	border-top-width: 0px;
	border-bottom-width: 0px;
}
option.report_field_combined_selected {
	background-color:#FF9;
}
option.report_field_combined_first {
	border-top-width: 1px !important;
}
option.report_field_combined_last {
	border-bottom-width: 1px !important;
}
.captcha {padding-left:11em;}

a.calculate_button {
	display:inline-block;
	width: 16px;
	height: 16px;
	background: center no-repeat url(../images/calc.png);
	*zoom:1;
}

.contactPB fieldset {padding:0;}

.entryError {
	background-color:red !important;
}

.userProfileForm legend {display:none;}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
add a class of "threepxfix" to any multi-line form elements, like radio buttons.
*/
* html .threepxfix{
     margin-left: 3px;
}