/*------*/
/* misc */
/*------*/

body {
   margin: 0;
   padding: 0;        
   font-family: helvetica, sans-serif;
   font-size: 12px;
}

div {
   margin: 0;
   padding: 0;
}

p {           
   text-align: justify;
   line-height: 18px;
   margin: 0 0 10px 0;
   padding: 0;
}

ul {
   margin: 0 0 10px 0;   
   padding: 0 0 0 30px;
}

ul ul {
   margin: 0 0 0 0px;   
}

li {
   line-height: 18px;
   list-style-image: url(../images/misc/ulChip.jpg);
}

hr {
   width: 100%;
   height: 0;
   margin: 0;
   padding: 0;
   border: none;    
}


/*-------*/
/* panel */
/*-------*/

.panel {
   width: 695px;     
   margin: 20px 0 30px 0;
   /*padding: 15px;   */
   background: transparent url(../images/misc/panelBackground.jpg) top left repeat-y; 
}

.northPanel {
   width: 695px;
   height: 30px;
   padding-top: 20px;
   background: transparent url(../images/misc/northPanelBackground.jpg) top left no-repeat; 
}

.panelTitle {     
   margin: 0;
   padding: 0;
   /*padding-top: 20px;*/
   color: #9B4D1A;
   font-size: 18px;   
   text-align: center;
   background: none;
}

.panelContent {
   margin: 10px 15px 0 15px;      
}

.southPanel {
   width: 695px;
   height: 60px;
   background: transparent url(../images/misc/southPanelBackground.jpg) top left no-repeat; 
}


/*-------*/
/* title */
/*-------*/

h1 {
   color: #A2141D;
   font-size: 26px;
   font-weight: bold;   
   margin: 20px 0 20px 0px;
   padding: 0 0 0 0;           
}

h2 {
   color: #FFF; 
   width: 695px;
   height: 24px;
   line-height: 24px;   
   font-size: 16px;
   font-weight: bold;
   margin: 40px 0 15px -30px;
   padding: 0 0 0 30px;    
   background: transparent url(../images/misc/h2Background.jpg) top left no-repeat;
}

h3 {       
   /*color: #9B4D1A;*/
   color: #E58312;
   font-size: 14px;
   font-weight: bold;
   margin: 25px 0 10px 0;
   padding: 0 0 0 0;
   /*background: transparent url(../images/misc/h3Chip.jpg) center left no-repeat;*/
}

h4 {            
   color: #F2963A;  
   font-size: 12px;
   font-weight: bold;
   margin: 20px 0 7px 0;
   padding: 0 0 0 15px;
   /*background: transparent url(../images/misc/h4Chip.jpg) center left no-repeat;*/
}


/*-------*/
/* table */
/*-------*/

table {
   width: 100%;    
   border-collapse: collapse;
   border: #777 solid 1px;
}

td {    
   vertical-align: top;
}

td, th {
   padding: 5px;
   border: #777 solid 1px;
}


/*------*/
/* link */
/*------*/

a
, a:hover
, a:visited {
   color: #E58312; 
   text-decoration: underline;
   font-weight: normal;    
}

a:hover {               
   font-weight: bold; 
   text-decoration: underline;
}


/*------*/
/* form */
/*------*/

fieldset {
   border: #777 solid 1px;
}

fieldset {
   margin: 5px 0;
   padding: 15px;
}

legend {
   font-weight: bold;
}

.panelGrid {
   border: 0;
}

.panelGrid td {
   border: 0;
}

.labelColumn {
   width: 120px;
}

label {
    
}

input {
   width: 500px;
   border: #777 solid 1px;
}

textarea {
   width: 500px;
   height: 100px;
   border: #777 solid 1px;
}

select {
   width: 500px;
   border: #777 solid 1px;
}

.error { 
   display: block;
   margin-top: 5px;
   color: red;    
}

.buttonColumn {
   text-align: center;
}

.button {
   color: #FFF; 
   background-color: #A9693D; 
   border: none;
   width: auto;
   margin: 20px 0 0 0;
   cursor: pointer;
}
