/* wireframe.css
   stylesheet for wireframe constructor theme */

/* constructor zone styles */

body
{
  margin: 0px;
  margin-bottom: 0px;
  font-family: Arial, Helvetica, Sans Serif;
  font-size: 1.0em;
  background-color: #BDE5EF;
  background-image: url(/dtas/images/background.jpg);
  background-repeat: repeat-x;
}

DIV#header, DIV#footer, DIV#nav, DIV#sidebar, DIV#page, DIV#leftcolumn, DIV#rightcolumn
{
  position: relative;
  left: 0px;
  top: 0px;
  margin: 0px;
  background-color: White;
}

DIV#nav, DIV#sidebar, DIV#page
{
  background-color: White;
}

DIV#header, DIV#nav, DIV#footer
{
  min-height: 63px;
}

DIV#sidebar
{
  color: white;
  float: left;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 192px;
  min-height: 999px;
  background-color:#23AACC;
  padding: 12px 0px 12px 0px;  
  border-right: solid 1px #0D3793;
}

DIV#page
{
  margin-right: 12px;
  margin-left: 221px;
  min-height: 120px;
}

DIV#leftcolumn
{
  margin: 0px 8px 16px 0px;
}

DIV#rightcolumn
{
  margin: 0px -16px 16px 16px;
}

DIV#leftcolumn .thZoneLabel, DIV#rightcolumn .thZoneLabel
{
  padding-left: 8px;
}


DIV#leftcolumn .thZone, DIV#rightcolumn .thZone
{
  padding: 24px 8px 8px 8px;
}


DIV#footer
{
  clear: left;
}

.thZoneLabel
{
  position: absolute;
  top: 4px;
  left: -1px;
  background-color: Silver;
  margin: 0;
  padding: 0px 2px 1px 16px;
  font: 8pt tahoma;
  color: White;
}

.thZone
{
  padding: 24px 0px 0px 0px;
  font: 10pt arial;
  line-height: 1.1pc;
}

.thColumn
{
  position: relative;
  margin: -8px;
  width: 50%;
  float: left;
}

.titlecol .title, .ebRegistration .caption, .ebRegistration .alert
{
  width: 132px;
}
.titlecol .titleinner
{
  font-size: 11px;
  line-height: 13px;
  font-weight: bold;
}
.titlecol .captioninner
{
  font-size: 11px;
  line-height: 13px;
}
.titlecol .alertinner
{
  font-size: 11px;
  line-height: 13px;
  color: maroon;
}
.titlecol TABLE TABLE .titleinner
{
  font-weight: normal;
}
.titlecol .required
{
  color: Red;
}

.field TD
{
  vertical-align: top;
}

.field TABLE
{
  border-spacing: 0px;
  border-collapse: collapse;
  padding: 0px;
}

.field .required
{
  color: Red;
}

.fieldcol
{
  padding-right: 8px;
}

.field INPUT, .field SELECT, .field TEXTAREA
{
  margin-bottom: 2px;
}

.field INPUT.text, .field TEXTAREA.longtext
{
  width: 400px;
}
.field TEXTAREA.longtext
{
  height: 4pc;
}

INPUT.checkbox
{
  height: 13px;
  width: 26px;
}
INPUT.radio
{
  height: 18px;
}


/* registration and contact styles */

.error
{
  color: Red;
  font-weight: bold;
}

.ebRegistration .terms
{
  width: 382px;
  font-size: 8pt;
  border: solid 1px silver;
  padding: 8px;
  background-color: White;
  overflow: auto;
  height: 200px;
}

.ebRegistration TABLE, .ebContactDetails TABLE
{
  border-spacing: 0px;
  border-collapse: collapse;
  padding: 0px;
}
.ebRegistration TABLE TABLE TD, .ebContactDetails TABLE TABLE TD, .radiolist TD
{
  padding: 0px 8px 0px 0px;
  background: transparent;
  border: none;
}


/* title / forename / surname special styles */
.ebRegistration TABLE TABLE .title, .ebContactDetails TABLE TABLE .title
{
  width: auto;
}
.ebRegistration TABLE TABLE SELECT, .ebContactDetails TABLE TABLE SELECT
{
  margin-top: 1px;
  width: 56px;
}
.ebRegistration TABLE TABLE INPUT.text, .ebContactDetails TABLE TABLE INPUT.text
{
  width: 164px;
}

/* calendar styles */

TABLE.ebCalendar
{
  border: 1Px solid black;
  width: 40px;
  height: 60%;
}



.ebCalendar TD.ebCalendarToday
{
  background-color: Orange;
  border: 2Px solid red;
}

.ebCalendar .ebCalendarNavigation SPAN
{
  margin-left: 5%;
  margin-right: 5%;
  font-weight: bold;
  text-align: center;
}
.ebCalendarHeader
{
  font-weight: bold;
  background-color: silver;
  text-align: center;
}
.ebCalendar TD
{
  text-align: center;
  border: 1Px solid black;
}
/*

.ebCalendarNavigation td
{
    height: 0px !important;
    width: 100% !important;
}
.ebCalendarDate
{
    text-align: center;
}*/

/* ------------------------ Coded added by anil ... */

#main
{
  width: 954px;
  margin: 0 auto;
  background-color: white;
  border-left: solid 1px #0D3793;
  border-right: solid 1px #0D3793;
}
#headermenu
{
  width: 926px;
  background: url(nav_top_bg.gif) no-repeat;
}
#maintop
{
  border: 0px;
  height: 20px;
  margin-left: 241px;
}

/* menu styles */

UL.ebMenu {
  margin-left: 12px;
  margin-right: 12px;
  padding: 0;
  list-style-type: none;
   }

UL.level1 {
  margin-top: 12px; }
UL.level2 {
  margin-bottom: 2px; }
  
UL.level1 LI A {
  display: block;
  margin-bottom: 2px;  
  padding: 8px 0px 2px 0px;
  border-bottom-style: solid;
  border-bottom-width: 1px;  
  color: White;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  text-align: left; }
    
UL.level2 LI A 
{
    color: White;
  display: block;
  margin: 0px;
  padding: 6px 0px 2px 0px;
  background-color: Transparent;
  background-image: none;
  font-size: 8pt;
  font-weight: normal;
  text-align: left;
  text-decoration: underline;
  border-bottom: none; }

/* new styles for logo*/
#container
{
  display: table;
  width: 97%; /*border:solid 1px black;*/
}

#row
{
  display: table-row;
}

#left
{
  /*display: table-cell;   width: 23%;*/
  position: relative;
  width: 22%;
  float: left;
}

#right
{
  /*display: table-cell;   border: solid 1px black;   vertical-align: middle;   width: 77%;*/
  position: relative;
  width: 78%;
  float: left;
  padding-top: 25px;
}

.headerleftRight
{
  padding: 3px 0px 0px 0px;
  font: 10pt arial;
}

/* Header Styles */

H1, H2, H3, H4
{
 font-size: 18pt;
 color: #0D3793;
 border-bottom: dotted 1px #0D3793;   
}

H2
{
font-size: 14pt;
}

H3
{
font-size: 12pt;
}

H4
{
 font-size: 10pt;
}
.ebDocumentList LI {
  padding: 5px 5px 5px 0px; }