﻿/* Initialize */
div, p, h1, h2, h3, h4, ul, ol, a, img, li, body, form, blockquote, fieldset, label, abbr, span, dt, dl, dd {
	margin: 0;
	padding: 0;
	border: 0;
}

body 
{
  background: url(../img/bg.jpg) repeat-x #edeeee;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  font-family: Cambria;
  font-size: 14px;
  line-height: 20px;
  overflow-y:scroll;
}


h1,h2,h3,h4 { font-family: Cambria; font-weight: normal; margin-bottom: 8px; }
h2 { font-size: 32px; margin: 4px 0px 8px 0px; }
h3 { font-size: 26px; }

.table td{ cursor:pointer;}

h4 { font-family: Arial; font-size: 14px; font-weight: bold; margin: 0px 0px 10px 0px; }
.yellow { color: #fff000; }


#frame { width: 860px; height: auto; margin-left: auto; margin-right: auto; }
#top { width: 860px; height: 55px; margin: 35px 0px 15px 0px; }
#header { width: 860px; height: 17; margin-bottom: 0px; float: left; }
    #navigation { width: 855px; height: 17px; font-family: Arial; background: url(../img/bg_navigation.png);padding: 5px; padding-left: 0px; }
        #navigation a {background: #24b778; padding: 5px; height: 34px; text-decoration: none; font-size: 14px; color: #fff; }
        #navigation a:hover { background: #231f20; text-decoration: none; color: #fff; }
        
    #highlight { width: 810px; height: 180px; padding: 35px 25px 25px 25px; float: left; background: #00ab62; }
        #highlight-text { width: 390px; margin-right: 20px; color: #fff; float: left; }
        #highlight-picture { width: 390px; float: right; }


#bar { width: 810px; height: 94px; padding: 7px 25px 0px 25px; float: left; background: url(../img/bg_bar.png); }
    .bar-box { float: left; margin-right: 2px; }

#content-left { width: 635px; float: left; }
#content-right { width: 205px; float: left; }
.box { float: left;
       height: auto;
       margin-bottom: 15px;
       padding: 15px 10px 15px 10px;
       background: #fff;
       }
    .box.large { width: 575px; padding: 25px 25px 25px 25px; }
    .box.small { width: 205px; }
    .left { margin-right: 10px; }
    .box.maximum{width:840px}

#bottom { width: 100%;
   height: auto;
   font-size: 14px;
   background: #111111;
   margin-top: 20px;
   padding-bottom: 15px;
   float: left;
   line-height:20px;
   }
    .bottom-container { width: 810px; height: auto; padding: 20px 25px 20px 25px; margin-left: auto; margin-right: auto; }
        .bottom-box { width: 300px; float: left; margin-right: 20px; }
        .bottom-title { width: 300px; color: #00ab62; border-bottom: 1px solid #333333; font-weight: bold; font-size: 18px; padding-bottom: 5px; margin-bottom: 5px; }
        .bottom-text { width: 300px; color: #fff; }
        .bottom-text a { font-weight: bold; color: #fff; margin-top: 10px; text-decoration: underline; }
            
        .bottom-copyright { width: 780px; padding: 15px; height: auto; color: #818181; background: #1d1d1d; margin-top: 15px; float: left; }
    
    
    


/* Button classes
-------------------------------------------------------------- */


a.button, button {
  display:block;
  float:left;
  margin: 0 0.5em 0.3em 0;
  padding:7px 10px 7px 7px;   /* Links */
  font-size:12px;
  border:1px solid #dedede;
  background:#f5f5f5 url(aimg/bg_button.png) repeat-x;
  font-family: Verdana;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}

/* Button Sizes
-------------------------------------------------------------- */

a.small { padding: 3px 3px 3px 3px; }
a.medium { padding: 3px 3px 3px 3px; }
a.large { padding: 3px 3px 3px 3px; }
a.fixed { padding: 3px; width: 140px;}

/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.button:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
a.button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}


/* Search */
body .search 
{
    margin: 0px;
}

a.search:hover, button.search:hover {
  background-color:#474747;
  border:1px solid #474747;
  color:#fff;
}
a.search:active {
  background-color:#000;
  border:1px solid #000;
  color:#fff;
}

/* navigation */
body .anav {
  color:#529214;
  
}
a.anav:hover, button.anav:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
a.anav:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Positive */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
a.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
body .negative {
  color:#d12f19;
}

a.negative:hover, button.negative:hover {
  background-color:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}

a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}




/* Input text */


input[type=text], input[type=password],
textarea { 
  background-color:#fff; 
  border:1px solid #bbb; 
}
input[type=text]:focus, input[type=password]:focus, 
textarea:focus { 
  border-color:#666; 
}


input[type=text], input[type=password],
textarea, select {
  margin:0.3em 0;
}

input[type=text]   { width: 162px; padding: 5px; background: url(img/bg_input.jpg) repeat-x top; }

textarea   { padding:5px;width: 162px; background: url(img/bg_input.jpg) repeat-x top; }

/* Form fields
-------------------------------------------------------------- */

table { border-collapse: 0px; }

.forms-description { border-collapse: 0px;
                      vertical-align: top;
                      width: 142px;
                      padding-top: 10px;
                      padding-bottom: 10px;
                      border-bottom: 1px dotted #ccc;
                      margin-right: 0px;}
.forms-input { border-collapse: 0px;
               padding-top: 10px;
               padding-bottom: 10px;
               vertical-align: top;
               border-bottom: 1px dotted #ccc;}
h6 { font-size: 14px; color: #383838;
      font-weight: bold; line-height:0px; margin-bottom:5px; padding-top:0px; margin-top:10px;}


/* Table styles */

.tablestructure { border-collapse: collapse; width: 100%;}


    .table-titles td { font-weight: bold; color: #fff; padding-left: 5px; padding-right: 5px; font-family: arial; font-size: 11px; border-right: 1px solid #333333;  padding-top:7px; padding-bottom:7px;}
    .table-titles img { margin-top: 8px; float: right; }
    .table-titles-hover { background: url(aimg/bg_table_hover.png) repeat-x #2f2f2f; color: #50c989; }
    /*.table-titles td:hover { background: #FF0000; color: #50c989; }*/
    .table-titles { background: url(aimg/bg_table_top.png) repeat-x #3e3e3e; height:auto; }
    .table-titles a { color:#FFF; text-decoration:none; }
    
.table { color: #2a2a2a; font-family: Cambria; font-size: 12px; background: url(aimg/bg_table.png) repeat-x #efefef;  height: 25px; margin-bottom: 1px;}
.table-alternative { color: #2a2a2a; font-family: Cambria; font-size: 12px; background: url(aimg/bg_table.png) repeat-x #dfdfdf; height: 25px; margin-bottom: 1px;}

.table .td,.table-alternative .td{border-top:1px solid #FFFFFF; padding:5px; border-bottom:1px solid #FFFFFF;}

.table .td-hoverborder,.table-alternative .td-hoverborder{ border-top:1px solid #77C9A4; border-bottom:1px solid #77C9A4;}
.table .td-hoverborderfirst,.table-alternative .td-hoverborderfirst{ border-left:1px solid #77C9A4}
.table .td-hoverborderlast,.table-alternative .td-hoverborderlast{ border-right:1px solid #77C9A4}
.table .td-borderbottom,.table-alternative .td-borderbottom{ border-bottom:1px solid #77C9A4}

.table .td-borderfirst,.table-alternative .td-borderfirst{ border-left:1px solid #FFFFFF}
.table .td-borderlast,.table-alternative .td-borderlast{ border-right:1px solid #FFFFFF}

.td-titles{ border-bottom:5px solid #000;}

.pointer{ cursor: pointer;}

.tablecontainer{border:1px solid #cecece; margin-bottom:10px; float:left; width:100%;}
