/* 
    Document   : style
    Created on : 24 Apr 2012, 3:47:34 PM
    Author     : Llewellyn
    Description:
        Purpose of the stylesheet follows.
*/

/******* GENERAL RESET *******/  
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,  
font, images, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, fieldset, form, label, legend, table, caption, tbody,  
    tfoot, thead, tr, th, td {  
border:0pt none;  
font-family:inherit;  
font-size: 100%;  
font-style:inherit;  
font-weight:inherit;  
margin:0pt;  
padding:0pt;  
vertical-align:baseline;  
}  
body{  
    background: #fff;  
    line-height:14px;  
    font-size: 12px;  
    font-family: Arial,  Verdana, Helvetica, sans-serif;  
    margin:0pt;  
    cursor:default;  
}  
html,body{  
    text-align: center;  
}  
.clear{  
    clear: both;  
    height: 0;  
    visibility: hidden;  
    display: block;  
}  
a{  
    text-decoration: none;  
}  
strong{  
    font-weight: 700;  
}  

p {
    padding:10px 0;
}

th {
    font-weight: bold;
    border: 1px solid #000;
    padding: 5px;
}

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

dt{
    font-weight: 700;
}

/******* GENERAL RESET *******/  
h1{  
    font-weight: 700;  
    font-size: 18px;  
    line-height: 1.2em;  
    border-bottom: 1px dotted #000;  
    color: #000;  
    margin-bottom: 1em;  
}  

h3{  
    font-weight: 700;  
    font-size: 14px;  
    line-height: 1.2em;  
    border-bottom: 1px dotted #000;  
    color: #000;  
    margin: 1em 0;  
}

h4{
    font-weight: 700;  
    font-size: 14px;  
    line-height: 1.2em;  
    border-bottom: none;  
    color: #000;  
    margin: 1em 0; 
}
/******* LOGO *******/  
#logo{  
    margin-top: 1em;  
    display: block;  
}  
/******* /LOGO  *******/  
/******* CONTAINER *******/  
#container{  
    max-width: 980px;  
    margin: 0 auto;  
    text-align: left;  
}  
/******* /CONTAINER *******/  
/******* FORM *******/  
#customForm{  
    padding: 0 10px 10px;  
}  
#customForm label{  
    display: inline-block;
    font-weight: 700;
    line-height: 1.4em;
    width: 120px; 
}  
#customForm input{   
    padding: 6px;    
    font-family: Arial,  Verdana, Helvetica, sans-serif;  
    font-size: 11px;  
    border: 1px solid #cecece;  
}  
#customForm input.error{  
    background: #f8dbdb;  
    border-color: #e77776;  
}  
#customForm textarea{  
    width: 550px;  
    height: 80px;  
    padding: 6px;  
    color: #adaeae;  
    font-family: Arial,  Verdana, Helvetica, sans-serif;  
    font-style: italic;  
    font-size: 12px;  
    border: 1px solid #cecece;  
}  
#customForm textarea.error{  
    background: #f8dbdb;  
    border-color: #e77776;  
}  
#customForm div{  
    margin-bottom: 15px;  
}  
#customForm div span{  
    margin-left: 10px;  
    color: #b1b1b1;  
    font-size: 11px;  
    font-style: italic;  
}  
#customForm div span.error{  
    color: #e46c6e;  
}  
#customForm #send{  
    background: #6f9ff1;  
    color: #fff;  
    font-weight: 700;  
    font-style: normal;  
    border: 0;  
    cursor: pointer;  
}  
#customForm #send:hover{  
    background: #79a7f1;  
}  
#error{  
    margin-bottom: 20px;  
    border: 1px solid #efefef;  
}  
#error ul{  
    list-style: square;  
    padding: 5px;  
    font-size: 11px;  
}  
#error ul li{  
    list-style-position: inside;  
    line-height: 1.6em;  
}  
#error ul li strong{  
    color: #e46c6d;  
}  
#error.valid ul li strong{  
    color: #93d72e;  
}  
/******* /FORM *******/  

/****** Other *******/
.butt
{
    background:#F0F0F0;
    color:#000;
    border: 1px solid #cecece;
    padding: 6px;    
    font-family: Arial,  Verdana, Helvetica, sans-serif;  
    font-size: 11px; 
}

table.section tr
{
    border-bottom: 1px solid #000;
}

table.section td
{
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #000;
}

table.section th
{
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #000;
}

/*** Tabs ***/

.tabs { 
    padding: 0; 
    clear: both; 
}
.tabs li { 
    display: inline; 
}
.tabs li a { 
    background: #ccf; 
    padding: 10px; 
    float:left; 
    border-right: 1px solid #ccf; 
    border-bottom: none; 
    text-decoration: none; 
    color: #000; 
    font-weight: bold;
    margin-left: 5px;
}
.tabs li.active a { 
    background: #eef; 
}
.tabContent { 
    float: left; 
    clear: both; 
    border: 1px solid #ccf; 
    border-top: none; 
    border-left: none; 
    background: #eef; 
    padding: 10px 20px 20px; 
    width: 100%;
}

#data table{
    border-spacing: 0px;
    border-collapse: collapse;
}
#data th {
    text-align: center;
    font-weight: bold;
    padding: 2px;
    border: 2px solid #FFFFFF;
    background: #002663;
    color: #FFFFFF;
}
#data td {
    padding: 2px;
    border: 2px solid #FFFFFF;
    background: #fff;
    color: #000;
}
#data td.alt {
    background: #eee;
}

/*** Spinner ***/

#overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
#loading {
    width: 50px;
    height: 57px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
}