/**** BODY **************************************************************/

body {
  margin: 4px;
  padding: 0;
  background-color: #ABABAD;
}

td,p {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  color: black;
}
  
input,textarea,select {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  color: black;
}

a {
  color: #6A562F;
  text-decoration: underline;
}

a:hover {
  color: #6A562F;
  text-decoration: none;
}

h1.title {
  font-family: tahoma;
  font-size: 17px;
  font-weight: normal;
  text-transform: uppercase;
  color: #6B0018;
}
  


/* TABLE CLASSES **************************************************/
/******************************************************************/

/* MAIN *****************************************/

.main-table {
  background-color: white;
  width: 767px;
}

.top-td {
  padding-top: 8px;
  padding-left: 8px;
  padding-right: 8px;
}

.main-image-td {
  padding-top: 8px;
  padding-left: 8px;
  padding-right: 8px;
}

.news-table {
  background-color: #F2F5EA;
  width: 372px;
}


/* BOTTOM *****************************************/

.bottom-td {
  color: #6F6F6F;
  padding: 8px;
  background-color: #F2F5EA;
  border-left: 8px solid white;
  border-right: 8px solid white;
  border-bottom: 8px solid white;
}

.bottom-td a {
  color: #6F6F6F;
  text-decoration: underline;
}

.bottom-td a:hover {
  color: #6F6F6F;
  text-decoration: none;
}


/* BODY LEFT & RIGHT *****************************************/

.body-td-left {
  padding: 18px 18px 18px 18px;
  background-color: #F2F5EA;
  border: 8px solid white
}

.body-td-right {
  background-color: #F2F5EA;
  border-top: 8px solid white;
  border-right: 8px solid white;
  border-bottom: 8px solid white;
}

.body-td-right .item {
  width: 216px;
  border-bottom: 8px solid white;  
  padding: 8px;
}

.body-td-right .item a {
  text-decoration: underline;
  color: #9F2340;
}

.body-td-right .item a:hover {
  text-decoration: none;
  color: #9F2340;
}

.body-td-right .item p {
  font-size: 9px;
  margin: 0 0 8px 0;
}

.body-td-right .item p.dotted-divide {
  border-bottom:1px dashed #6D6E6A; 
  padding-bottom: 8px;
}

.body-td-right .item p.dotted-divide-light {
  border-bottom:1px dashed #AAACA6; 
  padding-bottom: 5px;
}

.body-td-right .item-header {
  background-color: #6C0019;
  color: white;
  font-size: 10px;
  padding: 8px;
  border-bottom: 8px solid white;
}


/* NAV *****************************************/

.nav {
  padding: 8px;
  background-color: #6C0019;
  color: white;
  border-top: 8px solid white;
  border-left: 8px solid white;
  border-right: 8px solid white;
}

.nav a {
  color: white;
  text-decoration: none;
}

.breadcrumb {
  padding: 9px;
}

.nav a:hover {
  color: #ABABAD;
  text-decoration: none;
}

.nav-left {
  padding: 8px;
  background-color: #6C0019;
  color: white;
  border-top: 8px solid white;
  border-left: 8px solid white;
  border-right: 8px solid white;
}

.nav-left a {
  color: white;
  text-decoration: none;
}

.nav-left a:hover {
  color: #ABABAD;
  text-decoration: none;
}

.nav-right {
  width: 200px;
  padding: 8px;
  background-color: #6C0019;
  color: white;
  border-top: 8px solid white;
  border-right: 8px solid white;
}


/* TEXT *******************************************/

.panel {
  background-color: #D8DBD1;
  margin: 16px 0 0 0;
  border: 4px solid #E9ECE1;
  padding: 12px;
  color: #6C0019;
}

.panel .text-right {
  padding-left: 12px;
}

.panel img {
  border: 8px solid white;
}

.panel p {
  margin-bottom: 4px;
}

.panel .small {
  font-size: 9px;
}

h1 {
  color: black;
  font-size: 10px;
  font-weight: bold;
}

h2 {
  color: #6C0019;
  font-size: 10px;
  font-weight: bold;
  padding-bottom: 4px;
  border-bottom: 1px dashed #971C39;
}

.dark-panel {
  font-size: 9px;
  background-color: #C1C4BB;
  padding: 12px;
}

.news {
  background-image: url('/images/news_icon.gif');
  background-repeat: no-repeat;
  padding: 0 0 0 15px;
  margin: 0 0 12px 0;
}


/* SHADOWS *******************************************/

.left-shadow {
  background-image: url('/images/left_shadow.jpg');
}

.right-shadow {
  background-image: url('/images/right_shadow.jpg');
}

.top-shadow {
  background-image: url('/images/top_shadow.jpg');
}

.bottom-shadow {
  background-image: url('/images/bottom_shadow.jpg');
}

/* SURVEYS *******************************************/

table.survey-fields {
  border-collapse: collapse;
  border-spacing: 0;
  width:100%;
  border-bottom: #bbbbbb 1px solid;
}

table.survey-fields img {
  border:0;
}

table.survey-fields th {
  font-weight: normal;
  text-align:left;
  padding: 7px 5px 5px 0;
  border-top: #bbbbbb 1px solid;
  font-size: 10px;
}

table.survey-fields td {
  border-top: #bbbbbb 1px solid;
  padding: 4px 5px 4px 0;
  width: 60%;
}

table.survey-questions {
  border-collapse: collapse;
  border-spacing: 0;
  width:100%;
}

table.survey-questions img {
  border:0;
}

table.survey-questions th {
  font-weight: normal;
  text-align:left;
  padding: 7px 5px 5px 0;
  border-bottom: #dddddd 1px solid;
  font-size: 10px;
  text-align:right;
}

table.survey-questions td {
  border-bottom: #dddddd 1px solid;
  padding: 4px 5px 4px 0;
}

ul.question-list {
  list-style: none;
  padding: 0;
  margin: 10px 0 0 0;
  border-bottom: #bbbbbb 1px solid;
}

ul.question-list li {
  border-top: #bbbbbb 1px solid;
  padding-top: 10px;
}

ul.question-list li div.options {
  margin: 5px 5px 10px 10px;
}

ul.question-list li div.options input {
  vertical-align: -3px;
}

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

.error img {
  border:0;
}

.compulsory {
  color: #000000
}