/*
form
{
    margin: 0px;
    padding: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #cccce5;
    background-color: #f7f7ff;
}
*/

input, select, textarea {
    color:#2B5E2C;
    font-size: 11px;
    font-family: verdana,arial,helvetica,sans;
}

.formLabelRequired {
	font-weight: bold; text-align: right; vertical-align: top;
}

.formLabel {
	font-size: 12px; text-align: right; vertical-align: top;
}

.prompt {text-align: left; margin-top: 0.6em; }

input[type='text'] { border: 1px solid #8E8E8E; color:#2B5E2C; background-color:#FFFFFF; font-family: verdana,arial,helvetica,sans; font-size: 11px;}
input[type='password'] { border: 1px solid #8E8E8E; color:#2B5E2C; background-color:#FFFFFF; font-family: verdana,arial,helvetica,sans; font-size: 11px;}
input.error { border: 1px solid #990000; color:#990000; background-color:#F6BCBC; }
input.default { border: 1px solid #8E8E8E; color:#8E8E8E; background-color:#FFFFFF; }
select { border: 1px solid #8E8E8E; color:#2B5E2C; background-color:#FFFFFF; font-family: verdana,arial,helvetica,sans; font-size: 11px;}
select.default { border: 1px solid #8E8E8E; color:#8E8E8E; background-color:#FFFFFF; }
select.error { border: 1px solid #990000; color:#990000; background-color:#F6BCBC; }

.error { font-weight: bold; color: #DC6305; }

form {
   vertical-align: top;
   margin: 0 ; 
   padding: 0 ;
   } 

/* =Div  :  begin
-----------------------------------------------------------------------------*/
form div {
  text-align: left;
  position: relative;
  width: 600px;
  }
form div.ecb{
  width: 100%;
  }
  
/* =Label
-----------------------------------------------------------------------------*/
form div label {
  clear: both;
  left: 0;  
  font-size: 12px; 
  padding-top: 10px; padding-right: 10px;
}
form div label.errorMessage {
  margin-left: 5px;
  text-align: left;
  padding-top: 10px;
  font-weight: bold; color: #DC6305;
}
form div.note{
  display: inline;
  text-align:left;
}
form fieldset{
  clear:both;
  border:none;
  margin: 0; padding: 0;
}
form fieldset legend{
  font-weight: bold;
  padding-top: 10px;  
}
form div span {
  padding-top: 5px;
}
form div.formErrorMessage {
  margin: 0px;
  padding: 0px;
  display: inline;	
  text-align: left;	
  font-weight: bold; 
  color: #DC6305;
}
form div .labelRadio, form div .labelTextbox {
  margin-right: 10px;
  padding-top: 10px;
}
/* Explicitly set error width for IE6 and below */
* html form div .errorMessage {
  width: 250px;
}

form div.required label {font-weight: bold;}
form div label.required {font-weight: bold;}

/* =Input
-----------------------------------------------------------------------------*/
form div input {
  margin: 10px 0 0 0;
  color:#2B5E2C; background-color:#FFFFFF; font-family: verdana,arial,helvetica,sans; font-size: 11px;
}
form div input.error {
  border: 1px solid #990000; color:#990000; background-color:#F6BCBC;
}
form div select {
  margin: 10px 0 0 0;
  border: 1px solid #8E8E8E; color:#2B5E2C; background-color:#FFFFFF; 
  font-family: verdana,arial,helvetica,sans; font-size: 11px;
}
form div select.error{

}
form .inputText {
  border: 1px solid #8E8E8E;	
}
form .inputTextError {
  border: 1px solid #990000; color:#990000; background-color:#F6BCBC;
}
form input .inputTextPrompt {
  border: 1px solid #8E8E8E; color:#8E8E8E;
}

form .checkbox{margin:10px 0 0 0; padding:0; width: 13px; height: 13px; }
form div div.checkBoxGroup { vertical-align: top; width :350px;}
div.checkBoxGroup span{padding-left: 5px; border:0;}
div.checkBoxGroup input{clear:both; border:0; padding:0;}

form div textarea {
  margin: 10px 0 0 0;
  border: 1px solid #8E8E8E; color:#2B5E2C; background-color:#FFFFFF; 
  font-family: verdana,arial,helvetica,sans; font-size: 11px;
}

/* All button style should be added to the buttons.css in the Content Management System
-----------------------------------------------------------------------------*/