/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*
*   Matrix 2.0 CSS
*   Form Style Definitions
*   Created By shawn@geminisbs.com
*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

form h3 {
  padding: 4px 8px;
  color: #003366;
  font-size: 17px;
  background: #DFE6ED;
  border: 1px solid #ccc;
}

fieldset { 
  padding: 0 20px 20px 20px; 
  background: #ececec;
  border: 1px solid #ccc;
  border-top: none;
}

legend {
  color: #fff;
  background: #0066CC;
  border: 1px solid #000000;
  padding: 2px 6px;
  font-size: 14px;
  font-weight: normal;
}

form {
  padding: 10px 20px;
  margin: 0;
  font-size: 12px;
}

label, .labeldiv {
  font-weight: bold;
  padding-top: 8px;
}

input, 
textarea, 
select, 
ul, 
label,
.labeldiv {
  clear: left;
}

select {
  padding: 0;
  margin: 4px 0 0 0;
  display: block;
}

.checklist label {
  font-weight: normal;
}

form h1 {
  font-size: 24px;
  font-weight: bold;
  color: #666666;
  margin-bottom: 8px;
}

li select {
  display:inline; 
  margin:0; 
  padding: 0; 
  font-size: 90%
}

input.button {
  color: #fff;
  padding: 2px 32px;
  border: none;
  background: #003366;
}

input.alertbutton {
  color: #fff;
  padding: 2px 32px;
  border: none;
  background: #ff0000;
}

/*-------------------------------------------------------------- 
| Internal form groupings for vertical and horizontal elements |
---------------------------------------------------------------*/

div.vertical_group label, div.vertical_group div.labeldiv {
  float: none;
  clear: left;
  display: block;
  margin-right: .5em;
  margin-bottom: .5em;
}

div.unbreakable * {
  display: inline;
}

div.vertical_group input {
  display: block;
}

div.horizontal_group {
  display: block;
  float: left;
  width: 400px;
  padding: 0;
  margin: 0;
  clear: both;
}

div.horizontal_group label {
  float: left;
  margin-right: .5em;
  margin-bottom: .5em;
  margin-top: 0;
  clear: none;
  display: block
}

div.horizontal_group select {
  display: block;
}

/*-------------------------------------------------------------- 
| Advanced partial styling                                     |
---------------------------------------------------------------*/

label.date {
  float: left;
}

label.date input {
  float: left;
}

label.date button {
  float: left;
  height: 30px;
  width: 30px;
  margin-top: 4px;
  padding: 4px;
  border: none;
  background: url(/images/calendar.gif) no-repeat top left;
  
}

label.phone input {
  display: inline;
}

/*-------------------------------------------------------------- 
| Reset checklists for application specific styling            |
---------------------------------------------------------------*/

ul.checklist, 
ul.checklist li, 
ul.checklist li label {
  margin: 0;
  padding: 0;
}

ul.checklist {
  height: 14em;
}

ul.checklist li label {
  padding-left: 0;
  display: inline;
}

ul.checklist li:hover {
  background: #003366;
  color: #FFFFFF;
}

ul.checklist {
  background: #F0F2FF;
  border: 1px solid #999999;
  margin-bottom: .5em;
}

ul.checklist li {
  border-top: 1px solid #CCC;
  padding: 4px;
  background: url(/images/checklist_bg.jpg);
}

ul.checklist input {
  font-size: 90%;
}

/*-------------------------------------------------------------- 
| Sign In Form / Header Graphic                                |
---------------------------------------------------------------*/

form#sign_in {
  padding: 0 0 8px;
  margin: 0;
  float: right;
}

form#sign_in fieldset {
  font-size: 80%;
  color: white;
  background: none;
  padding: 0;
  margin: 0;
  float:left;
	border: none;
}

#header img {
  float: left;
  padding: 8px 0 4px 16px;
}

form#sign_in input.submit {
  display: inline;
  padding: 17px 0 0 2px;
  margin: 0;
}

form#sign_in label {
  padding: 0;
  margin: 0;
}

form#sign_in div.horizontal_group {
  margin: 0;
  padding: 0;

  width: 320px;
}

.gem_form_authentication_error {
  color: #FFF2F2;
  font-size: 140%;
}

.gem_form_authentication_message {
  font-size: 16px;
  color: #FFF;
  font-weight: bold;
}

select#center {
  width: 450px;
}

/*-------------------------------------------------------------- 
| Homepage Browsing Interface                                  |
---------------------------------------------------------------*/

form.homepage_browse {
  padding: 0 10px 0 8px;
  margin: 0;

}

form.homepage_browse input, 
form.homepage_browse select {
  display: block;
  font-size: 12px;
  float: left;
  clear: none;
}

form.homepage_browse select {
  padding: 0;
  margin: 0 0 4px 0;
  width: 420px;
}

form.homepage_browse label {
  clear: both;
  padding: 0;
  float: left;
  width: 425px;
}

.go {
  margin-top: 17px;
}

/*-------------------------------------------------------------- 
| List/Search Filter Boxes                                     |
---------------------------------------------------------------*/

#sub_nav form {
  padding: 0 0 10px 10px;
  margin: 0;
}

#sub_nav .checklist {
  width: 130px;
  height: 10em;
  background: #fff;
  padding-bottom: 0;
}

#sub_nav .checklist li {
  padding: 2px 0 2px 24px;
  background: #ececec;
  font-size: 11px;
}

#sub_nav .checklist li:hover {
  background: #003366;
  color: #FFFFFF;
}

#sub_nav .checklist label {
display: block;
}

/*-------------------------------------------------------------- 
| Error Layout                                                 |
---------------------------------------------------------------*/

#gem_form_error {
  padding: 20px 20px 0 20px;
}

#gem_form_error h2 {
  background: #ff0000;
  width: 424px;
  padding: 4px 8px;
  margin: 0;
  font-size: 160%;
  color: white;
  border: 1px solid #000;
}

#gem_form_error ul {
  background: #ececec;
  width: 400px;
  padding: 20px;
  margin: 0;
  border: 1px solid #000;
  border-top: none;
}

#gem_form_error ul li {
  font-size: 120%;
  list-style: square;
  margin-left: 10px;
}

#gem_form_required_marker {
  padding: 0 0 6px 20px;
  width: 400px;
  text-align: right;
}

.gem_form_element_error {
  color: #FF0000;
}

/*-------------------------------------------------------------- 
| IE hacks                                                     |
---------------------------------------------------------------*/

*:html ul.checklist {
  border: none;
} 

/* IE7 Hacks */
ul.checklist li label {
  *padding-left: 25px; 
} 

form#sign_in input.submit {
  *padding: 0;
}

* html form#sign_in input.submit {
  padding: 17px 0 0 2px;
}

* html #sub_nav .checklist li {
  padding: 0;
  margin: 0;
}
* html #sub_nav .checklist label {
  padding: 0 0 0 20px;
  margin: 0;
}

form.homepage_browse select {
  *padding: 0;
  *margin: 0 0 4px 0;
  *width: 450px;
}

form.homepage_browse label {
  *clear: none;
  *padding: 0;
  *float: left;
  *width: 450px;
}

.go {
  *margin-top: 19px;
}