/* Daymon Interactions Forms & Tables Styles */

#formsWrapper {
	margin-bottom: 100px;
}



.simple-picker {
	border: 0;
}

form,
.new-user { 
	background-color: #f6fbfe;
	border: 1px solid #c2e6f7;
	margin: 25px 0;
	overflow: auto;
	padding: 15px 13px;
	width: 604px;
}
/*
		.form form.login input.login {
			clear: both;
		} */

form h1, 
form h2, 
form h3,
legend,
label {
	color: #003366;
}

form h1, 
form h2, 
form h3 { 
	font-family: Helevtica, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 16px;
}

form h1 { font-size: 16px; }
form h2 { font-size: 14px; }
form h3 { font-size: 12px; }

/*
.form form.login,
.form .new-user {
	width: 224px;
}
*/

label, input { 
	float: left; 
	margin-bottom: 10px;
}
/*
.form .login label,
.form .new-user label { 
	padding-right: 4px;
	text-align: right;
	width: 70px; 
	font-size: 10px;
}
*/
input { 
	border-top: 1px solid #727476;
	border-right: 1px solid #c3c7c8;
	border-bottom: 1px solid #c3c7c8;
	border-left: 1px solid #727476;
	clear: right;
	margin-top: -2px;
	padding-left: 2px;
	width: 140px;
}

textarea { 
/*	border: 1px solid #e6ebf2; */
	border: thin inset gray;
	height: 79px;
	width: 530px; 
}

		.floatNote {
		}
				.form .floatNote label {
					float: left;
					width: auto;
				}
				.floatNote textarea {
					float: right;
				}
/*
.form form.login {
background: pink;
	outline: 1px solid black;
	width: 224px;
}

.form .login label.check {
	float: right;
	white-space: nowrap;
	text-align: left;
	width: 30px;
	font-size: 10px;
	margin: 0;
	padding: 0;
	outline: 1px solid red;
}
input#inputSavePassword {
	margin-left: 79px;
	outline: 1px solid blue;
}


.form input.login { 
	background: url(/c/i/green_button.png) no-repeat 0 0;
	border: 0px;
	color: #fff;
	float: right; 
	height: 20px;
	padding: 0 0 2px 4px;
	text-align: left;
	text-transform: uppercase;
	width: 66px;
}
*/

/*
.form-extra {
	clear: both;
	font: 11px Verdana, Arial, sans-serif;
	text-align: center;
}

.form-extra a {
	color: #7aa329;
}
*/

/*
.new-user {
	border-top: 0px;
	font: 11px Verdana, Arial, sans-serif;
	font-weight: bold;
	margin-top: -25px;
}
.new-user a {
	color: #0099cc;
}
*/




.new-user a img { vertical-align: middle; }

table form {
	border: 0px;
	background: transparent;
	padding: 0;
	margin: 0;
}

table label { 
	color: #003366;
	font-weight: bold;
	padding-right: 10px;
	text-align: left;
	width: 55px;
}


table {
	border-collapse: collapse;
	color: #333333;
	margin: 0 0 25px 0;
	width: 620px;
}

.caption {
	background: url(/c/i/caption_gradient.png) repeat-x 0 0;
	border-top: 1px solid #b5e1f2;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	height: 38px;
	margin-top: 25px;
	padding: 10px 0 0 4px;
	text-align: left;
/*	text-transform: uppercase; */
	position: relative;
	width: 618px; /* 626 */
	overflow: hidden;
}

.caption a {
	background: url(/c/i/viewall_triangle.gif) no-repeat right 2px;
	color: #0099cc;
	width: 55px;
	display: block;
	font-size: 11px;
	font-weight: normal;
	position: absolute;
	text-transform: uppercase;
	top: 14px;
	right: 8px;
/*	margin:-14px 0 0 541px; */
	padding-right: 6px;
	zoom: 1;
}


thead { 
	border-left: #8cd2ef;
}

thead th {
	background-color: #c2e6f7;
}

thead .subhed { padding: 0px; }

tbody { 
	border-left: 1px solid #c2e6f7;
}

th { 
	font-weight: normal;
	padding: 10px;
	text-align: left;
}

td {
	border: 1px solid #deeef7;
	border-bottom: 0px;
	border-right: 0px;
	padding: 13px 12px 18px 10px;
}



dl { 
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

dl.wide-terms dt {
	margin-right: 10px;
	width: 80px;
}

dl.wide-terms dd {
	width: 70px;
}

dt { 
	clear: left;
	color: #003366;
	width: 67px;
}

dt, dd { 
	float: left;
	margin-bottom: 10px;
}

dd { width: 116px; }


.form {
/*	background: #fff url(i/form_top.gif) no-repeat left top; */
    padding-right: 30px;
    padding-left: 7px;
    margin-top: 25px;
    display: block;
}




    
    .form h1 {
        font-family: helvetica, arial, sans-serif;
        color: #003366;
        font-size: 16px;
        line-height: 22px;
        font-weight: bold;
        padding-top: 15px;
    }
    
    .form h2 {
        font-family: helvetica, arial, sans-serif;
        font-size: 12px;
        line-height: 16px;
    }
    


.form form {
    background: none;
    border: none;
    width: auto;
    padding: 0; margin: 0;
    overflow: hidden;
    display: block;
}



    .form .required {
        color: #ff0505;
    }

    .form fieldset {
        width: auto;
        margin: 22px 0 0 0; padding: 10px 0 0 20px;
		border-top: 1px solid #c2e6f7;
    }
    

        
    .form fieldset.first {
        border-top: none;
    }
    
    .form .row {
        display: block;
        margin-top: 8px;
    }
    
    .form label {
        vertical-align: middle;
        margin: 0 0 0 6px;
        padding: 0 5px 0 0;
        font-size: 12px;
        line-height: 16px;
        font-family: verdana, sans-serif;
        color: #003366;
/*        width: 75px; */
		width: 200px;
    }
    
    .form .readonly {
        display: inline;
        float: left;
        width: 250px;
        vertical-align: middle;
        font-size: 12px;
        color: #000;
        line-height: 16px;
    }
    
    .form .select {
        width: 207px;
        float: left;
        display: inline;
        vertical-align: middle;
        
    }
    
    .form .multiselect {
        width: 360px;
        float: left;
        display: inline;
        vertical-align: middle;
    
    }
    
    .form .textinput {
        width: 200px;
        margin: 0; padding: 2px;
        vertical-align: middle;
        float: left;
        display: inline;
    }
    
    .form ul.radios {
        margin-left: 58px;
    }
    
        .form ul.radios li {
            display: inline;
            float: none;
        }
        
            .form ul.radios li input {
                display: inline;
                float: none;
                vertical-align: middle;
                width: auto;
                border: none;
                margin: 0; padding: 0;
            }
            
            .form ul.radios li label {
                display: inline;
                float: none;
                vertical-align: middle;
            }
            
    .form .choices {
        float: left;
        display: inline;
        width: 400px;
    }
			.form .choices-verbose {
				width: 550px; /* instead of default 400 */
			}
    
        .form .choices .col1,
		.choices .col2 {
            float: left;
			display: inline;
            width: 180px;
        }
				.form .choices-verbose .col1,
				.form .choices-verbose .col2 {
					width: 265px; /* instead of default 180 */
				}
        
            .form .choices .col1 {
                margin-right: 8px;
            }
        
        .form .choices .checkbox {
            margin: 0;
			padding: 0;
            font-size: 11px;
            line-height: 16px;
            vertical-align: middle;
            width: auto; display: inline;
            float: none;
            border: none;
            
        }
        
        .form .choices label {
            vertical-align: middle;
            font-size: 11px;
            line-height: 16px;
            display: block;
            float: none;
            color: #000;
            width: auto;
            text-align: left;
            margin-bottom: 6px;
        }
				.form .choices-verbose label {
					margin-bottom: 10px; /* instead of default 6 */
				}
        
        .form .choices label span {
            vertical-align: middle;
        }
        
        .form .textarea {
			width: 450px;
            float: left;
			display: inline;
			border: inset thin;
        }
        

        
        .form #form_submit {
            width: 78px;
            height: 22px;
            border: none;
            margin: 5px 0 0 85px;
        }


.form3 { /* Obsolete class. */
}

	textarea.brief,
	.wide_select {
		width: 300px;
	}
	
	.wide_select,
	.select,
	.textfield {
		border: thin inset;
	}
	
	input.checkradio {
		width:auto;
		float:none;
		margin:0 2px 0 0;
	}
	
	
	.checkelem {
		margin-right:15px;
	}

			.checkelem label {
				width: auto;
				float: none;
			}
	
	.radio_check_group{
		padding-bottom: 10px;
	}


		.form .left .select {
			width: auto;
		}
	

	.form_section{
		width:468px;
		padding-right:100px;
		border-bottom:1px solid #c2e6f7;
		padding-bottom:20px;
		margin-bottom:20px;
	}




	.radio_check_group{
		padding-bottom:10px;
	}


	.br, .desc{
		float:none;
		margin-bottom:10px;
		display:block;
		font-size: 11px;
	}
	
	
	.submit_image{
		width:75px;
		height:20px;
		border:0;
	}
	
	.reset_image{
		width:68px;
		height:20px;
		border:0;
	}
	
	.submit_btn, .reset_btn{
	  color:#FFF; 
	  background-color:#99cc33; 
	  border:none; 
	  text-transform:uppercase;
	  height:28px;
	  width:auto;
	  padding:0 12px;
	  cursor:pointer;
	  font-weight:900;
	  font-family:Helvetica, Arial, sans-serif;
	}




	
	.reset_btn{
		background-color:#0099cc;
	}


#legend {
	margin-top: 30px;
	margin-right: 30px;
	margin-left: 115px;
}
		#legend strong {
			width: 20px;
			font-size: 12px;
			float: left;
		}
		#legend span {
			font-size: 11px;
			float: right;
			width: 450px;
		}






#loginBox {
	border: 1px solid #c2e6f7;
	background: #f6fbfe;
	padding: 15px 0 0 0;
	width: 250px; /* 250 */
}
		#loginBox form {
			width: auto;
			margin: 0;
			background: none;
			border: none;
			padding: 0;
			overflow: hidden;
		}
		#loginBox h2 {
			margin-left: 14px;
		}
		#loginBox label {
			font-size: 10px;
		}
		#loginBox ul {
			margin: 0 16px 0 14px;
		}
				#loginBox ul label {
					display: block;
					float: left;
					width: 70px;
					font-size: 10px;
					overflow: hidden;
					text-align: right;
					padding-top: 3px;
				}
				#loginBox ul input {
					display: block;
					float: right;
					margin-top: 1px;
				}
		#loginBox #savePw {
			display: block;
			width: 120px;
			height: 20px;
			margin: 0 0 10px 90px;
			vertical-align: top;
			line-height: 1;
		}
				#loginBox #savePw input {
					margin: 0;
					padding: 0;
					width: 20px;
					float: left;
				}
				#loginBox #savePw label {
					margin: 0;
					padding: 2px 0 0 5px;
					float: left;
				}
		input#loginBoxButton {
			display: block;
			margin: 0 0 10px 170px;
			float: none;
			background: url(/c/i/green_button.png) no-repeat 0 0;
			border: 0px;
			color: #fff;
			width: 66px;
			height: 20px;
			padding: 0 0 2px 4px;
			text-align: left;
			text-transform: uppercase;
		}
		div.optionLinks {
			display: block;
			text-align: right;
			margin: 0 12px 15px 10px;
		}
				div.optionLinks a {
					color: #7ba429;
				}
		#newVendorRegistration {
			border-top: 1px solid #c2e6f7;
			text-align: right;
			padding: 10px 10px 10px 0;
			font-weight: bold;
		}
				#newVendorRegistration strong {
					font-size: 11px;
					padding-right: 5px;
					color: #0099cc;
					padding-top: 3px;
					margin-left: 10px;
					display: block;
					float: left;
				}
		



table.productInformation {
    width: 600px; /* tables here are 620 by default */
    border-top-color: red;
}
        .productInformation td {
            padding: 8px 5px 5px 0;
        }
        .form .productInformation label {
            font-size: 9px;
            float: left;
            width: 80px;
            vertical-align: bottom;
            font-weight: normal;
        }
				.form .productInformation-verbose label {
					width: 90px; /* wider by 10 */
				}
        .form .productInformation input {
            float: left;
            width: 90px;
            vertical-align: bottom;
            margin-top: 0px;
        }
				.form .productInformation-verbose input {
					width: 80px; /* narrower by 10 */
				}


/* FORM PROLOGUE */

.formPrologue {
	padding-right: 100px;
}
		.formPrologue p {
			font-size: 12px;
			line-height: 1.5;
			margin-bottom: 20px;
		}
		.formPrologue h5 {
			font-size: 12px;
			font-weight: bold;
			color: orange;
		}
		.formPrologue a {
			color: #0099CC;
		}


#formsWrapper p {
	font-size: 11px;
	margin-bottom: 10px;
}

table.stripedTable {
	margin-bottom: 15px;
}
		table.stripedTable th,
		table.stripedTable td {
			text-align: left;
			border-right: 5px solid white;
			padding: 2px 15px 2px 7px;
		}
				table.stripedTable .dayrates th,
				table.stripedTable .dayrates td {
					padding-right: 0;
				}
				table.stripedTable .dayrates {
					line-height: 1.3;
					font-weight: bold;
				}
						table.stripedTable .dayrates th,
						table.stripedTable .dayrates td {
							vertical-align: bottom;
						}
						table.dayrates th {
							padding-top: 17px;
							color: #003366;
						}
						.dayrates td.first {
							width: 160px;
							text-align: right;
						}
						.dayrates em {
							font-style: normal;
							font-weight: normal;
						}
		table.stripedTable th {
			background: none;
		}
		table.stripedTable thead {
			border-bottom: 7px solid white;
		}
		table.stripedTable thead td {
			color: #666666;
		}
		table.stripedTable td {
			background: #f1ffd6;
		}
				table.stripedTable tr.odd td {
					background: white;
				}
				table.dayrates td,
				table.dayrates tr.odd td {
					background: white;
				}




/* ~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~ CUSTOM EDITS ~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~ */


#contactFields {
}
		.form #contactFields label {
			width: 60px; /* instead of default 200 */
		}



.inlineNodes {
	vertical-align: top;
}
		.inlineNodes span.desc {
			display: inline;
			float: left;
			margin: 0 10px 0 0;
			vertical-align: baseline;
		}
		.inlineNodes input {
			width: 20px;
			margin: 0;
			padding: 1px;
			clear: none;
			float: left;
			vertical-align: baseline;
		}


#runDemosInThese {
	width: 550px;
	overflow: hidden;
}