/* FORMS - general form styles for studio websites
------------------------------------------------------*/

#page-container form * {color: #000;font-size:11px;}

#page-container form a {
	color: #000;
}
#page-container form a:hover {
	color: #000;
	text-decoration:none;
}

#page-container form * {
	
}
#page-container form h3.legend {
margin:0 0 2px;
padding:0 0 5px;
    text-transform: uppercase;
    color: #ffffff;
   font-family:Verdana, Arial, Helvetica, sans-serif;
}
#page-container form .item { overflow: hidden; }
#page-container form .item input,
#page-container form .item textarea {
    background: #FFFFFF url(../images/login_text_bg.gif) repeat-x scroll 0 0;
	border:1px solid #323232;
	color:#323232;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.1em;
	line-height:1.6em;
	padding:3px;
	width:220px;
}
#page-container form .item textarea { padding: 3px; }
#page-container form .item select { font: inherit; line-height: 0.8em; }
#page-container form .buttons
{
	width:98%;overflow:hidden;
	padding:15px 0 10px;
	width:100%;
}
#page-container form .buttons button {
    background: #323C67;
    border: 1px solid #988e68;
    color: #fff;
    cursor: pointer;
    font: inherit;
    line-height: 1.4em;
    padding: 3px 20px;
    text-transform: uppercase;
}
#page-container form .buttons button:hover,
#page-container form .buttons button.hover {
    background-position: 0 100%;
    border: 1px solid #fff;
}
#page-container #form-container
{
   background:#DBD8C9 url(../images/bformcontent_bg.gif) repeat-y scroll 0 0;
margin:20px 0;
	
}
#page-container form {
	background:transparent url(../images/bformcontent_bg2.gif) no-repeat scroll 0 0;
    padding:10px 19px 30px 88px;
}
#page-container form fieldset { padding: 0 0 20px; }
#page-container form h3.legend {
	background:transparent url(../images/bform_line.gif) no-repeat scroll left bottom;
	color:#323C67;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.2em;
	font-style:normal;
	font-weight:bold;
	margin:0 0 2px;
	padding:0 0 5px;
}
#page-container form .item
{
	overflow:hidden;
	padding:10px 0 0;
	width:100%;
}
#page-container form label,
#page-container form span.label {
    float: left;
    line-height: 1em;
    padding: 3px 0 0;
    text-align: right;
    width: 124px;
}
#page-container form .withTextarea label,
#page-container form .withCheckbox span.label {
    display: block;
    float: none;
    margin: 0 0 5px;
    text-align: left;
    width: auto;
}
#page-container form .withSelect label { padding: 6px 0 0; }
#page-container form .withCheckbox label {
    line-height: 1.3em;
    padding: 0;
    text-align: left;
    width: auto;
}
#page-container form ul.radios li label {
    text-align: left;
    margin: 0 10px 0 0;
    width: auto;
}
#page-container form .item input,
#page-container form .item select {
    margin: 0 3px 0 11px;
	width: 207px;
}
#page-container form .item li {
    background: none;
    color: #fff;
    padding: 0;
}
#page-container form .item li input {
    background: none;
    float: left;
    margin: 0 5px 0 0;
    width: auto;
}
#page-container form textarea {
    height: 28px;
    margin: 0 0 0 135px;
    width: 267px;
}
#page-container form ul.radios {
    float: left;
    margin: 0 0 0 7px;
}
#page-container form ul.checkboxes { margin: 0 0 0 7px; }
#page-container form ul.radios li { display: inline; }
#page-container form ul.checkboxes li {
	font-size:1.1em;
    float: left;
    overflow: hidden;
    margin: 0 0 4px;
    width: 100%;
}