/* Forms */

form {
}

form div {
  margin: 0.5em 0em 0em 0em;
  vertical-align: text-top;
  padding: 0em;
}

form div.required {
}

form div.optional {
}

form div.input {
  border-style: none;
  margin: 0.5em 0em 0em 0em;
  padding: 0em;
}
form div.submit {	  
 	margin-left: auto;  
 	margin-right: auto; 
}									  


/* form font size 
input, textarea, select, option {
  font-size: 0.9em;
}
*/

input {
  background-color: #ecf3fd;
  padding-left: .1em;
  margin-right: .2em;
  border-top: 2px solid #394c7f;
  border-left: 2px solid #394c7f;
  border-bottom: 2px solid #bfcafd;
  border-right: 2px solid #bfcafd;
  color: black;
}

input[type=checkbox] {
  margin: 0em .3em .2em 0em;
}
.float_right {
  width: 70px; 
  vertical-align: middle;
  text-align: left;
  padding-left: .2em;
  float: right;
}

.just_float_right {
  float: right;
  clear: none;
}
.just_float_left {
  float: left;
  clear: none;
}

input[type=submit] {
  padding-left: 5px;
  display: inline;
  border-top: #739bfb solid 1px;
  border-right: #273455 solid 1px;
  border-bottom: #273455 solid 1px;
  border-left: #729bfa solid 1px;
  color: white;
  background-color: #3b4e7d;
}

textarea {
  z-index: 5;
  background-color: #ecf3fd;
  clear: both;
  display: block;
}

select {
  background-color: #ecf3fd;
}

select[multiple=multiple] {
  background-color: #ecf3fd;
}

option {
  font-size: 1em;
  padding: 0 0.3em;
}

/*
 * Tiny MCE
 */
.mceEditor {
  margin-bottom: 1em;
}

/*
 * Form layout / style
 */

ul.formlist {
  list-style: none;
}

fieldset {
  /*border: none;*/
  z-index: 5;
                   
  text-align: left;
                   
  margin: 0.5em 0em;
}

legend {
  font-weight:normal;
  color: #666;
  font-size: 1.0em;
}




/*
 * Labels / Feedback in the form (not the flash messages) 
 */

label {
  display: block;
  padding-right: 20px;
  margin-top: 0.50em;
}

.required label {
  padding-left: 1em;
  font-weight: bold;
  background: url('../img/required.png') no-repeat 0px 0px;
}

label.checkradio {
  display: inline;
  padding-right: 0px;
}

.checkradio label {
  display: inline;
  padding-right: 0px;
}

.extra-margin { 
  margin-bottom: 10px;
}

input.checkradio + label {
  display: inline;
  margin-right: 3em;
  padding-right: 0px;
}

.highlight { /* highlight fields aft validation */
  background: #fec;
}

.instruction {
  font-style: italic;
}

/* 
 * Notices and Errors 
 */
/*
div.message {
   font-weight: bold;
}
*/
p.error, div.error-message {
  color: #900;
  font-weight: bold;
}

div.error-message {
  clear: both;
}

div.error em {
  font-size: 1.3em;
  color: #003d4c;
}

span.notice {
  border-color: #8e0003;
  background-image: url('../img/warning.gif');
  background-repeat: repeat-x;
  border-style: solid;
  border-width: 1px;
  background-color: #a40000;
  color: #fff;
  display: block;
  font-size: 16px;
  padding: 0.5em;
  margin: 1em 0;
}


.input_group {
  border-bottom: 1px solid #739bfb;
  border-left: 1px solid  #273455;
  border-top: 1px solid #273455;
  border-right: 1px solid #729bfa;
  padding: 4px;
}




/*
 * Many to many chooser
 **/

.m2m {
  width: 100%;
  overflow: hidden;
  margin-bottom: 1em;
  padding: 2px;
  margin-top: 0px;
}
.m2m div {
  margin-top: 0px;
  clear:none;
}
.m2m .chosen, .m2m .choices {
  display: block;
  width: 47%;
  overflow: hidden;
}
.m2m .newly_chosen,.m2m  .newly_unchosen {
  background-color: #fcc;
}
.m2m .disabled {
  background-color: #ccc;
}
.m2m .hidden {
  display: none;
}
.m2m .chosen {
  float: left;
}
.m2m .choices {
  float: right;
}

.m2m table {
  overflow: auto;
  margin-top: 0px;
  background-color: #ecf3fd;
  border-top: 2px #394c7f solid;
  border-left: 2px #394c7f solid;
  border-bottom: 2px #bfcafd solid;
  border-right: 2px #bfcafd solid;
  border-collapse: collapse;
  border-spacing: 0px;
}
.m2m table tr {
  cursor: pointer;
}
.m2m table tr:hover {
  background: #e2af2b;
}
.m2m table tr td {
  color: #000;
  padding-left: 0.2em;
}


.m2m ul {
  list-style: none;
  overflow: auto;
  background-color: #ecf3fd;
  border-top: 2px #394c7f solid;
  border-left: 2px #394c7f solid;
  border-bottom: 2px #bfcafd solid;
  border-right: 2px #bfcafd solid;
  padding-left: 0em;
  margin-left: 0em;
}
.m2m ul li {
  padding-left: 0.2em;
  cursor: pointer;
}
.m2m ul li:hover {
  background: #e2af2b;
}


div.auto_complete    {
  position: absolute;
  width: 250px;
  background-color: #fff;
  border: 1px solid #888;
  margin: 0px;
  padding: 0px;
} 

.auto_complete > ul {  
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.auto_complete > ul > li.selected { 
  background-color: #ecf3fd; 
}

.auto_complete strong.highlight {
  color: #800; 
  margin: 0px;
  padding: 0px;
}