/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
  background: #ffffff url(images/background.png) repeat-x 0px 48px;
  font-size: 75%;
  font-family: Verdana, Tahoma, Arial, "Helvetica Neue" , Helvetica, Sans-Serif;
  margin: 0;
  padding: 0;
  color: #696969;
}

a:link
{
  color: #606060;
  text-decoration: underline;
}
a:visited
{
  color: #909090;
}
a:hover
{
  color: #101010;
  text-decoration: none;
}
a:active
{
  color: #101010;
}

p, ul
{
  margin-bottom: 15px;
  line-height: 1.6em;
}

p
{
  text-align: justify;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
  font-size: 1.5em;
  color: #931216;
}

h1
{
  font-size: 2em;
  padding-bottom: 0;
  margin-bottom: 5px;
}
h2
{
  padding: 0 0 5px 0;
}
h3
{
  font-size: 1.2em;
}
h4
{
  font-size: 1.1em;
}
h5, h6
{
  font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
  margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#header
{
  /*position: relative;*/
  margin-bottom: 0px;
  background-color: #e5d7aa;
  color: #000;
  padding: 0;
}

#header h1
{
  font-weight: bold;
  padding: 20px 0 0 0;
  margin: 0;
  color: #931216;
  border: none;
  font-size: 34px !important;
  font-variant: small-caps;
  letter-spacing: 2px;
}

#header h2
{
  margin: 0px;
  padding: 0px;
  font-variant: small-caps;
  font-size: 1.2em;
  letter-spacing: 5px;
  word-spacing: 6px;
}

#mainWrapper
{
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  background: transparent url(images/pageHeader.png) no-repeat top left;
  margin-top: 10px;
  padding-top: 20px;
}

#main
{
  background-color: #ffffff;
  padding: 10px 30px 15px 30px;
  margin-bottom: 30px;
  _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
}

#footer
{
  color: #999;
  padding: 10px 0;
  text-align: center;
  line-height: normal;
  margin: 0;
  font-size: .9em;
  background: #f7f7f7;
}

#menucontainer
{
  width: 950px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

div#title
{
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 950px;
}

#logo
{
  margin-top: -75px;
  float: right;
  padding: 5px;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
  border-bottom: 1px #5C87B2 solid;
  padding: 0 0 2px;
  position: relative;
  margin: 0;
  text-align: right;
}

ul#menu li
{
  display: inline;
  list-style: none;
}

ul#menu li#greeting
{
  padding: 10px 20px;
  font-weight: bold;
  text-decoration: none;
  line-height: 2.8em;
  color: #fff;
}

ul#menu li a
{
  padding: 10px 20px;
  font-weight: bold;
  text-decoration: none;
  line-height: 2.8em;
  background-color: #e8eef4;
  color: #034af3;
}

ul#menu li a:hover
{
  background-color: #fff;
  text-decoration: none;
}

ul#menu li a:active
{
  background-color: #a6e2a6;
  text-decoration: none;
}

ul#menu li.selected a
{
  background-color: #fff;
  color: #000;
}



/* TABLE
----------------------------------------------------------*/

table
{
  border: solid 1px #f7f7f7;
  border-collapse: collapse;
}

table td
{
  padding: 5px;
  border: solid 1px #f7f7f7;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #f7f7f7;
  border: solid 1px #f7f7f7;
}

table td.centeredColumn
{
  text-align: center;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
  clear: both;
}

.error
{
  color: Red;
}

.personDetails
{
  float: left;
}

.persondDetailsPhoto
{
  float: left;
  margin-left: 80px;
  margin-top: 35px;
}

.subMenu
{
  float: right;
  padding-top: 5px;
  padding-bottom: 2px;
}

.editLink
{
  font-weight: normal;
  font-size: 12px;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label
{
  margin: 1em 0 0 0;
}

.display-field, .editor-field
{
  margin: 0.5em 0 0 0;
}

.text-box
{
  width: 30em;
}

.text-box.multi-line
{
  height: 6.5em;
}

.tri-state
{
  width: 6em;
}

/* Form 
------------------------------------------------------------*/

fieldset
{
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  margin: 0 0 -1em 0;
  padding: 0 0 1em 0;
  border-style: none;
  border-top: 1px solid #bbbbbb;
  background: #f7f7f7 url(images/field.png) repeat-x top;
}
legend
{
  padding: 0;
  color: #931216;
  font-weight: bold;
}
legend span
{
  position: absolute;
  left: 0.74em;
  top: 0;
  margin-top: 0.5em;
  font-size: 135%;
}
fieldset ol
{
  padding: 0em 1em 0 1em;
  margin-top: 3.5em;
  list-style: none;
}
fieldset li
{
  float: left;
  clear: left;
  width: 100%;
  padding-bottom: .75em;
}
fieldset.submit
{
  float: none;
  width: auto;
  padding-top: 1.5em;
  padding-left: 14em;
  background: #ffffff;
}

fieldset.grid-end
{
  float: none;
  width: auto;
  padding-top: 0.5em;
  padding-left: 14em;
  background: transparent;
}

fieldset label
{
  float: left;
  width: 12em;
  margin-right: 1em;
  text-align: left;
  line-height: 150%;
}

fieldset .wideLabel
{
  float: left;
  width: 42em;
  margin-right: 1em;
  text-align: left;
  line-height: 150%;
}

fieldset label.top
{
  float: none;
  width: 12em;
  display: block;
  margin-right: 1em;
  text-align: left;
  line-height: 150%;
}

fieldset input[type="text"]
{
  width: 400px !important;
  min-width: 400px !important;
}

fieldset input[type="password"]
{
  width: 400px !important;
  min-width: 400px !important;
}

fieldset .t-filter-options input 
{
  width: 142px !important;
  min-width: 142px !important;
}

fieldset .t-widget
{
  width: 400px !important;
  min-width: 400px !important;
}

fieldset .t-grid
{
  width: auto !important;
}

fieldset .dataLabel 
{
  width: 400px !important;
  min-width: 400px !important;  
}

fieldset .wideDataLabel
{
  width: 400px !important;
  min-width: 400px !important;
}

fieldset .t-picker-wrap
{
  padding: 0px;
}

fieldset select
{
  width: 404px !important;
  min-width: 404px !important;
}

fieldset .t-filter-options select
{
  width: 148px !important;
  min-width: 148px !important;
}

fieldset textarea
{
  font: 12px Arial, Helvetica, sans-serif;
  width: 400px !important;
  height: 200px;
}

fieldset textarea.big
{
  font: 12px Arial, Helvetica, sans-serif;
  width: 800px !important;
  height: 300px;
}


fieldset .t-combobox
{
  width: 408px !important;
  min-width: 408px !important;
}

fieldset .t-dropdown
{
  width: 404px !important;
  min-width: 404px !important;
}


fieldset .text-notPublic
{
  margin-left: 25px;
}

fieldset .combo-notPublic
{
  margin-left: 27px;
}

fieldset .check-notPublic
{
  margin-left: 412px;
}

input[type="submit"]:hover
{
  background: #F0E7CA;
  color: #000000;
}

input[type="submit"]
{
  padding: 0 10px 0 10px;
  width: 120px;
  height: 24px;
  border: 1px solid #ad0000;
}

span.t-input
{
  background-color: #ffffff;
  border-right: 1px solid #ccc;
  color: #333333;
}

form
{
  margin-top: 20px;
  margin-bottom: 20px;
}


.hardReq
{
  font-weight: bold;
  color: #000000;
  font-style: italic;
}

.t-edit-form .t-button
{
  margin: 5px 5px 0px 0px !important;
}


.t-grid-edit-row
{
  background-color: #f7f7f7;
}

.t-grid-edit-row fieldset .t-datepicker, .t-grid-edit-row fieldset .t-combobox, .t-grid-edit-row fieldset .t-dropdown
{
  margin-left: 0px !important;
}

.t-edit-form-container #fieldList
{
  margin-top: 1em;
}

.t-grid
{
  margin-bottom: 5px;
}

/* Filter Panel
-----------------------------------------------------------*/
#filterPanel
{
  border: 1px solid #bbbbbb;
  background: #f7f7f7 url(images/field.png) repeat-x top;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 10px;
}

#filterPanel h2
{
  margin: 0px;
  margin-bottom: 5px;
  font-size: 16px;
}

#filterPanel div
{
  margin-bottom: 8px;
}

#filterPanel label
{
  padding-top: 2px;
  margin-left: 5px;
  width: 133px;
  display: inline-block;
  vertical-align: top;
}

#filterPanel input.largeInput
{
  width: 430px;
  display: inline-block;
}

#filterPanel input.mediumInput
{
  width: 287px;
  display: inline-block;
}

#filterPanel input.smallInput
{
  width: 140px;
  display: inline-block;
}

#filterPanel select.largeInput
{
  width: 435px;
  display: inline-block;
}

#filterPanel select.mediumInput
{
  width: 291px;
  display: inline-block;
}

#filterPanel select.smallInput
{
  width: 140px;
  display: inline-block;
}

#filterPanel #filterButton
{
  float: right;
  margin-top: -25px;
  margin-right: 7px;
  height: 24px;
}

#filterPanel #resetFilters 
{
  float:right; 
  margin-top: -25px;
}

#extraFilters 
{
  display: none;
}
/* Mandatory
-----------------------------------------------------------*/
.mandatoryLabel 
{
  font-weight: bold;
}

.mandatoryText 
{
  color: #ff0000;
  font-weight: bold;
}
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
  display: block;
  padding-left: 13em;
  font-weight: bold;
  color: #ff0000;
}
.field-validation-valid
{
  display: none;
}

.input-validation-error
{
  border: 1px solid #ff0000 !important;
}

.validation-summary-errors
{
  font-weight: bold;
  color: #ff0000;
}

.validation-summary-valid
{
  display: none;
}
/* Tooltip
---------------------------------------------------------------*/
.smalltip
{
  background: #e5d7aa url(images/tooltip.png) repeat-x;
  border: 1px solid #c5b78a;
  padding: 10px 15px;
  width: 100px;
  display: none;
  color: #931216;
  text-align: left;
  font-size: 12px;
  font-weight: bold; /* outline radius for mozilla/firefox, safari, chrome only */
  -moz-box-shadow: 0 0 20px #c5b78a;
  -webkit-box-shadow: 0 0 20px #c5b78a; /* rounded corners for mozilla/firefox, safari, chrome only */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.largetip
{
  background: #e5d7aa url(images/tooltip.png) repeat-x;
  border: 1px solid #c5b78a;
  padding: 10px 15px;
  width: 200px;
  display: none;
  color: #931216;
  text-align: left;
  font-size: 12px;
  font-weight: bold; /* outline radius for mozilla/firefox, safari, chrome only */
  -moz-box-shadow: 0 0 20px #c5b78a;
  -webkit-box-shadow: 0 0 20px #c5b78a; /* rounded corners for mozilla/firefox, safari, chrome only */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
/* photo
---------------------------------------------------------------*/
.smallPhoto
{
  width: 150px;
}

.mainPhoto
{
  width: 200px;
}

.photoFrame
{
  margin-top: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  background: #f7f7f7 url(images/field.png) repeat-x top;
  display: inline-block;
  width: 175px;
}

.webLink
{
  padding: 0 5px 0 5px;
  background-color: #848484;
  text-decoration: none !important;
  color: #fff !important;
}

.webLinkSelected
{
  padding: 0 5px 0 5px;
  background-color: #00aa00;
  text-decoration: none !important;
  color: #fff !important;
}
/* notification
---------------------------------------------------------------*/
.notificationPanel
{
  position: fixed;
  top: 0px;
  left: 0px;
  padding: 3px 0 3px 0;
  width: 100%;
  z-index: 100;  
  display: none;
  text-align: center;
  background-color: #fdff7f;
  border-bottom: 2px solid #ffdd1f;
}

.notificationSuccess
{  
  color: #008800;
  font-weight: bold;
}

.notificationError
{  
  color: #ff0000;
  font-weight: bold;
}

/* process
---------------------------------------------------------------*/
.stepOk 
{
  background-color: #cafbc2;
}
.stepInProgress 
{
  background-color: #fafbc2;
}


/* tos
---------------------------------------------------------------*/
.tos h1 
{
  text-align: center;
}
.tos h2 
{
  text-align: center;
}
.tos h3
{
  text-align: center;
}
.tos p.signature 
{
  text-align: right;
  font-weight: bold;
  margin: 50px 200px 100px 0;
}
.tos li 
{
  text-align: justify;
  margin-bottom: 15px;
  line-height: 1.6em;
}
.tos li ol li 
{
  margin-bottom: 2px;  
}
.tos ol.alpha 
{
  list-style-type: lower-alpha;
  
}
.tos ol.alpha li 
{
  margin-bottom: 2px;  
}

.deleteDate 
{
  line-height: normal !important;
  min-width: 0px !important;
  height: 14px;    
}