/* VRI forms.css */

fieldset {padding:10px 6px 10px 5px; margin:5px;}
legend {border:1px solid #9CBCC9; background-color:#DBEBF0; color:#000; padding:3px;} /*10px removed to reduce space between legend and inputs*//* padding:2px 4px;}*/
/*fieldset br {display:none;}*/



/* ----- sub surrounds the verisign logo ----- */
/*.sub {float:left; clear:both;}*/




/*-------------------(Particular Form styles and elements)--------------*/
/*----(Purchase Related Styles)----- */
/*this is the tab setup on the purchase pages*/
#quotesteps {
    background:transparent; border:1px solid #000; margin-bottom:10px; padding:15px 5px 5px;
    float:left; width:auto;}
#quotesteps p {margin-top:0; clear:both; padding:10px 6px 2px; float:none;}
#quotesteps fieldset {}

#quotestepsmenu {
    background:transparent; padding:0; font-size:11px; height:20px; font-weight:bold;
    margin:10px 0 0 0!important; position:relative; float:none!important;}
#quotestepsmenu li {display:inline; clear:none!important;}
#quotestepsmenu li div{background:#fbad4c; margin:4px 2px 0 0; height:18px; border:1px solid #bcbcbc; border-bottom:0; color:#000; float:left; padding:2px 10px 2px 10px;}
#quotestepsmenu li div.active {background:#1671b4; margin:0 2px 0 0; color:#fff; height:20px; padding:3px 10px 3px 10px;}
#quotestepsmenu li a {color:#000; text-decoration:none;}
#quotestepsmenu li a:hover, #quotestepsmenu li a.here {color:#fff; text-decoration:none;}


/* Forms in the body section*/

/* The form stack style as a class */
.stack {width:480px; padding:0; margin:0;}
.stack fieldset legend {margin:0;}
.stack label {display:block; padding:3px 0 2px; float:none; font-weight:bold; font-size:85%;}
.stack input, .stack select, .stack checkbox{height:auto;}
.stack label.non {margin-right:10px; display:inline!important; font-weight:normal!important;}
.stack label.non_return {display:block; font-weight:normal!important;}
.stack input:focus, .stack select:focus {background:#e4edf1;}



.radio {background:#fff; border:none!important;}
.sub {border:0 solid #fff;} 	 /*fieldsets with submit buttons for special formatting*/
label.help {cursor:help;}   	/* make the cursor turn into a question mark if the label has a title */



/*width that spans the form section horizontally*/
#fspan, .fspan {clear:both;}

/*use these to set up two fieldsets next to each other*/
#flhalf, .flhalf {float:left; width:auto; margin:0 0 10px 15px; clear:left;}
#frhalf, .frhalf {float:right; width:auto; margin:0 15px 10px 0; clear:right;}

/*this makes the fieldsets float next to each other */
.stack .purchaseleft {float:left; width:215px; margin:0 10px 0 0;}
.stack .purchaseright {float:right; width:215px; margin:0 10px 0 0;}
/*Use this when we don't have a purchaseright*/
.stack .purchaseleftvri {float:left; width:250px; margin:0 10px 0 0;}

/*give the required inputs a light blue border */
div.required input, div.required select{border-color: #09c; }





/* BUTTONS */
/* Button with the orange background */
input.submit {
	float:left; border:1px solid #999; border-top-color:#ccc; border-left-color:#ccc;
	background:#feb333 url(../../images/bkgd_sprite_horiz_repeaters.png) repeat-x 0 -167px;
	color:#000; font-weight:bold; font-size:10px;
    margin:0 10px; padding:0.25em 0.15em;
    }
input.submit:hover {background:#feb333 url('../../images/oh.gif') repeat-x 0 0; color:#000;}


/* Button with the green background */
input.submit1 {
    float:right; border:1px solid #999; border-top-color: #ccc; border-left-color: #ccc;
    background:#99b957 url('../../images/g.gif') repeat-x 0 0;
    color:#333; font-weight:bold; font-size:10px; text-decoration:none;
    margin:0 10px; padding:0.25em;
    }


/* Button with the orange background */
input.submit2 {
    border:1px solid #999; border-top-color: #ccc; border-left-color: #ccc;
    background:#feb333 url(../../images/bkgd_sprite_horiz_repeaters.png) repeat-x 0 -167px;
    color:#333; font-weight:bold; font-size:10px;
    padding:0.25em;
	}


/* Orange button used to style links */
a.submit {
    float:left; width:100px; margin:0; padding:0.35em;
    border:1px solid #999; border-top-color:#ccc; border-left-color:#ccc;
    background:#feb333 url(../../images/bkgd_sprite_horiz_repeaters.png) repeat-x 0 -167px;
    color:#333; font-size:11px; font-weight:bold!important; text-decoration:none;
	}
a.submit:hover {background: #feb333 url('../../images/oh.gif') repeat-x 0 0; color:#f2f2f2;}


/* Green button used to style links */
a.submitG {
	float:left; width:100px;
	border:1px solid #999; border-top-color:#ccc; border-left-color:#ccc;
	background:#99b957 url('../../images/g.gif') repeat-x 0 0;
	color:#333; font-size:11px; text-decoration:none; font-weight:bold!important;
	margin:10px 0 0 0; padding:0.35em;
	}
a.submitG:hover{background: #99b957 url('../../images/gh.gif') repeat-x 0 0; color:#f2f2f2;}


/* This is the Big Orange button given to buttons */
input.submitButton, input.submitButtonPlain, input.submitButtonSidebar{
	border:1px solid #999; margin:2px 5px 2px 0; padding:2px; height:35px!important;
	background:orange url(../../images/bkgd_sprite_horiz_repeaters.png) repeat-x 0 -58px;
	color:#fff; font-size:13px; font-weight:bold!important;
    }
input.submitButton:hover, input.submitButtonPlain:hover, input.submitButtonSidebar:hover{
    color:#000;
    }


/* This is the Big Orange button style give to links */
a.submitButton{
	border:1px solid #999; margin:2px 5px 2px 0; padding:2px; height:35px;
	background:orange url(../../images/bkgd_sprite_horiz_repeaters.png) repeat-x 0 -58px;
	color:#fff; font-size:13px; font-weight:bold!important;
    text-decoration:none;
    }
a.submitButton:hover {color:#000;}



/* This is the Grey button given to buttons */
input.resetButton {
	border:1px solid #999; margin:2px 5px 2px 0; padding:1px; height:30px!important;
	background:#ccc url('../../images/btn_misc.gif') repeat-x 0 0;
	color:#000; font-size:11px; font-weight:bold!important;
    text-decoration:none!important; vertical-align:bottom;
    }
input.resetButton:hover{color:#fff;}


/* This is the reset button as used on the quoteoptions page */
a.resetButton {
	border:1px solid #999; margin:2px 5px 2px 0; padding:6px 0; height:17px!important; width:78px;
	background:#ccc url('../../images/btn_misc.gif') repeat-x 0 0;
	color:#000; font-size:12px; font-weight:bold!important;
    text-decoration:none!important; vertical-align:bottom;
}
a.resetButton:hover{color:#fff;}




/* This is the big orange button in the middle of pages */
a.buttonCenter {margin:20px 0;}