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

body {
   margin: 0;
   padding: 0;        
   font-family: arial;
   font-size: 12px;
}

div {
   margin: 0;
   padding: 0;
}

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

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

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

li {      
   list-style-image: url(../images/misc/ulChip2.jpg);
}

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


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

.panel {
   border: solid 1px #bd007b;
   padding: 20px;
   margin-top: 20px;
}

.northPanel {
   
}

.panelTitle {    
   /*text-align: center; */
   height: 20px;
   line-height: 20px;
   font-size: 16px;
   margin: 0 0 20px 0;
   color: #87b4e1;
   padding: 0 0 0 15px; 
   background: transparent url(../images/misc/ulChip2.jpg) center left no-repeat;           
}

.panelContent {
   
}

.southPanel {
   
}


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

h1 {   
   color: #bd007b;
   height: 22px;
   line-height: 22px;
   font-size: 22px;
   font-weight: bold;   
   margin: 0 0 20px 0;    
   padding: 0 0 0 30px; 
   background: transparent url(../images/misc/chip3.jpg) center left no-repeat;           
}

h2 {
   
   color: #fe0000;    
   
   /*
   color: #cc3366;
   */
   font-size: 16px;
   font-weight: bold;
   margin: 15px 0 15px 0;
   padding: 0 0 0 0;       
}

h3 {          
   color: #87b4e1;
   font-size: 12px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;   
}

h4 {
    margin: 10px 0;
    padding: 0;
    font-size: 12px;
    color: black;
    font-weight: bold;
}


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

table {
   width: 100%;    
   border-collapse: collapse;   
}

td { 
    font-family: arial;
    font-size: 12px;
    line-height: 18px;
    text-align: justify;   
}


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

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

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


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

fieldset {
   border: #bd007b solid 1px;   
   margin: 5px 0;
   padding: 15px;   
}

legend {
   color: #87b4e1; 
   font-weight: bold;
}

.panelGrid {
   border: 0;
}

.panelGrid td {
   border: 0;
}

.labelColumn {
   width: 120px;
}

label {
    
}

input 
, select
, textarea
{
    /*border: #777 solid 1px;*/    
}

.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 {   
   width: auto;
   margin: 20px 0 0 0;
   cursor: pointer;
   border: #bd007b solid 1px;
   background-color: #bd007b;
   color: white;
}