/*  STYLES THAT APPLY TO FORMS */

/**************************************************
STYLES FOR STANDALONE FORM PAGES :
**************************************************/
#formwrapperapp {
	width: 740px;
	margin: 15px auto auto 30px;
	text-align: left;
}
#formwrapper {
	width: 600px;
	margin: 15px auto;
	padding-bottom: 40px;
}

#formwrapper #register {
	width: 600px;
	margin: 15px 0;
	padding: 10px 20px;
	background-color:#D0ECF9;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}

#formwrapper #register legend {
  font-weight: bold;
  font-size: 1.2em;
  color: #000;
}
#formwrapperapp #registerapp fieldset
{
text-align: left;
}
#formwrapperapp #registerapp td p
{
text-align: left;
}

#formwrapper #register fieldset {
	border: none;
}

#formwrapper #register label {
	float: left;
  	line-height: 1.8;
 	vertical-align: top;
	font-size: 1.1em;
	font-weight: bold;
}
#formwrapper #register fieldset ol {
	margin: 8px;
}

#formwrapper #register fieldset li {
  list-style: none;
  padding: 5px 0;
  margin: 0;
}

#formwrapper #register em {
  color: #f00;
}
#formwrapper #register label {
  width: 150px; /* Width of labels */
}
#formwrapper #register input, #formwrapper #register select {
	width: 250px;
}

/* style for the submit button */
#formwrapper #register div {
	width: 100%;
}
#formwrapper #register div input{
	width: 120px;
	height: 20px;
	
	font-size: 1em;
	font-weight: bold;
	color: #333333;
	border: none; 
	margin-left: 10px;
}
#formwrapper #register div input .small{
	width: 30px;
	height: 20px;
	
	
	font-size: 1em;
	font-weight: bold;
	color: #333333;
	border: none; 
	margin-left: 10px;
}

/* style for the submit button on the forgot password and register pages */
#formwrapper #register .password #submit, #formwrapper #register #submit{
	width: 120px;
	height: 20px;
	font-size: 1em;
	font-weight: bold;
	margin-left: 245px;
}
#formwrapper #register .submit
{
	color: #333333;
}


#formwrapper #register #submit{ 
	margin-left: 245px;/*the submit button on the register page needs an extra 6px margin*/
}


#formwrapper #register .password p {
	font-size: 0.9em;
	margin-left: 8px;
}

#formwrapper #register div li {
	padding: 0;
	display: inline;
	margin-right: 20px;
}
#formwrapper #register div li a {
	font-size: 0.9em;
}

#formwrapper #register div ul{
	margin: 10px 0 0 0;
}

#formwrapper #register a:link, #formwrapper #register a:active, #formwrapper #register a:visited{
	color: #333333;
	font-weight: bold;
}

#formwrapper #register a.back {
	margin-left: 8px;
	background: url(../images/template/back_arrow.gif) no-repeat top left;
	color: #00467F;
	padding: 4px 0 6px 15px;
	text-decoration: none;
}

/**************************************************
STYLES FOR INLINE FORMS (INTEGRATED WITH OTHER CONTENT) :
**************************************************/

#contentcol form {
	width: 380px;
	margin: 15px 0;
	padding: 10px 20px;
	background-color:#D0ECF9;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
#contentcol form fieldset {
	border: none;
}
#contentcol form legend {
  font-weight: bold;
  font-size: 1.2em;
  color: #000;
}
#contentcol form label {
	float: left;
  	line-height: 1.8;
 	vertical-align: top;
	font-size: 1.1em;
	font-weight: bold;
}
#contentcol form fieldset ol {
	margin: 8px;
}

#contentcol form fieldset li {
  list-style: none;
  padding: 5px 0;
  margin: 0;
}

#contentcol form em {
  color: #f00;
}
#contentcol form label {
  width: 120px; /* Width of labels */
}
#contentcol form input, #contentcol form select {
	width: 210px;
}

/* style for the submit button */
#contentcol form div {
	float: right;
}
#contentcol form div input{
	width: 120px;
	height: 20px;
	
	background-image: url(../images/template/form_button.gif);
	font-size: 1em;
	font-weight: bold;
	color: #999999;
	border: none; 
}
#contentcol form div li {
	padding: 0;
}
#contentcol form div li a {
	font-size: 0.9em;

}
#contentcol form div ul{
	margin-top: 10px;
}

#contentcol form a:link, #contentcol form a:active, #contentcol form a:visited{
	color: #333333;
	font-weight: bold;
}

#contentcol form a.noline {
	text-decoration: none;
}