/*
    Document   : form
    Created on : Mar 30, 2010, 3:02:15 PM
    Author     : ken
    Description:
        form styling for both admin and main
*/


form div.field { clear:left; margin-bottom:5px; margin-right:5px; }
form div.field div.formContainer { padding-left:20px; }
form input, form textarea, form select {display: block;}
form input[type="radio"] { display:inline; }
form div.field input[type="checkbox"] + label { display:inline; }
form ul.checkbox_list li { display:block; clear:both; }
form div.field .required { color:red; }
form div.line { clear:both; }
form div.line div.field { clear:none; float:left; }
form div.line select { display:block; }
form div.line.date-line select { display: inline-block; }
form div.field input.address { width:350px; }
fieldset {
	background:#F0F0F0 none repeat scroll 0 0;
	padding:5px 10px 10px 10px;
	clear:both !important;
	width:auto !important;
	margin-bottom:10px;
}


fieldset h2 { padding:15px 0 10px 0; }
fieldset fieldset { border:0px; padding: 10px 0 0 0; margin:5px 0; }
fieldset fieldset h2, fieldset div.field h3 { font-size:1.2em; color:#3D5770; margin:0 0 5px 0; padding:0; }
form input[type="submit"] { margin-right:10px; }

#profile_send_affiliate_email, #profile_send_lighthouse_email, #subscription_is_gift, input[type="checkbox"]  {
	clear: both;
	display: inline !important;
	float: left;
	margin-top: 2px;
	margin-right: 5px;
}

form select[multiple=multiple] { max-height:70px; }
form textarea { width:365px; height:200px; }
form div.field ul.radio_list { margin:0; }
form div.field ul.radio_list li { float:left; padding-left:0 !important; clear:none; margin:0 5px 0 0 !important; }
form div.field ul.radio_list li label { display:inline; }
form div.field ul.radio_list + label { clear:left; margin-bottom:10px; }
form div.field ul.radio_list li.radio-line { float:none; display:block; padding-left:0 !important; }
li.border, div.border {color: #14212B;background-color: #EFEED1;padding: 5px !important;border: 1px solid #D9D7AC;}
form div.objectChoices { margin-bottom:0; }
	form div.objectChoices select { display:block; }
	form div.objectChoices select + label { float:left; margin-right:20px; display: inline !important;}

	form a.addObjectChoice { font-weight:bold; font-size: 1.1em; padding-left: 20px; padding-bottom: 2px; }
	form a.addObjectChoice:hover { text-decoration:underline; }
	form div.objectChoices a.addObjectChoice { background: url('/icons/pencil.png') no-repeat 3px center; float:left; }
	form div.objectChoices + a { background: url('/icons/add.png') no-repeat 3px center; margin-left:20px; }
form .buttons { clear:both; }

div.splitForm { height:470px; }
div.splitForm form { float:left; width:45%; margin-right:5px; }
div.splitForm div.separator { float:left; width:15px; margin:5px; font-weight:bold; }

.error_list, .input_error {color: #D8000C;padding: 5px 10px;padding-left: 23px;background: #FFBABA url('/images/error_small.png') no-repeat 2px center;}

/* extjs forms */
.x-window form .subForm { overflow:auto; max-height:300px; min-width:400px; }
.x-window form .buttons { margin-top:10px; }
.x-fieldset {background: transparent !important;}
.x-form-item-label, .x-form-cb-label {font-size: 1em !important;}

/* ----- BUTTONS ----- */
.buttons a, .buttons button, .buttons .button {
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons.buttons-with-icons a {
		background-position: 5px;
		background-repeat: no-repeat;
		padding-left: 25px;
}

div.large_button {
	display:block;
	text-align:center;
}
.large_button a{
    display:block;
    margin:auto;
    background-color:#f5f5f5;
    border:2px solid #dedede;
    border-top:2px solid #eee;
    border-left:2px solid #eee;
    font-size:13px;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:3px 7px 4px 7px; /* Links */
    width:130px;
}
.large_button a span {
	display: block;
	font-size: 10px;
}

.buttons button{width:auto;overflow:visible;padding:4px 10px 3px 7px; /* IE6 */}
.buttons button[type]{padding:5px 10px 5px 7px; /* Firefox */line-height:17px; /* Safari */}
*:first-child+html button[type]{padding:4px 10px 3px 7px; /* IE7 */}
.buttons button img, .buttons a img, .large_button a img{margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px;}
button:hover, .buttons a:hover, .buttons .button:hover {background-color:#dff4ff;border:1px solid #c2e1ef;color:#336699;}
.large_button a:hover{background-color:#dff4ff;border:2px solid #c2e1ef;color:#336699;}
.buttons a:active{background-color:#6299c5;border:1px solid #6299c5;color:#fff;}

/* POSITIVE BUTTONS */
button.positive, .buttons a.positive{color:#529214;}
.buttons a.positive:hover, button.positive:hover{background-color:#E6EFC2;border:1px solid #C6D880;color:#529214;}
.buttons a.positive:active{background-color:#529214;border:1px solid #529214;color:#fff;}

/* NEGATIVE BUTTONS */
.buttons a.negative, button.negative{color:#d12f19;}
.buttons a.negative:hover, button.negative:hover{background:#fbe3e4;border:1px solid #fbc2c4;color:#d12f19;}
.buttons a.negative:active{background-color:#d12f19;border:1px solid #d12f19;color:#fff;}

/* IMPORTANT BUTTONS */
.large_button a.attn {color:#3E89C0;background-color:#dff4ff;border:2px solid #c2e1ef;}
.large_button a.attn:hover {background-color:#F5F2D5;border:2px solid #E3D981;color:#EDC140;}
.large_button a.attn:active {background-color:#F9E5D1;border:2px solid #F2CBA5;color:#E5984C;}

.large_button a.positive{color:#565656;}
.large_button a.positive:hover{background-color:#E6EFC2;border:2px solid #C6D880;color:#529214;}
.large_button a.positive:active{background-color:#529214;border:2px solid #529214;color:#fff;}

/* review form */
.reviewForm .field { clear:both; margin-bottom:10px; }
	.reviewForm .field > label { float:left; width:350px; }
	.reviewForm .field .help { width:auto; margin-top:15px; }


/* order form */
.shipping-options { margin-top:20px; }
.shipping-options + .note { margin-top:10px; }