/*
Im commenting all that can give you doubt. Some attributes are self explanatory, so i'll skip them ok.
I will not explain all because consumes time, but if you need anyone explained, tell me.
The main objective of this is explain the "classes" used. So if you want to change anything in the future, it certainly will help you.

If you try to change the color theme, remenber that you need to change the main color, the search box, the links and the input boxes. Because they are all based in the same color scheme. 
*/

/*
------------------------------------
General Config
------------------------------------
*/

/* 
This changes the configuration of the body
- margin-top,margin-right, margin-bottom and margin-left change the margin of each referred side of the document in pixels.
*/
body 
{  
  margin-top:    0px; 
  margin-right:  0px; 
  margin-bottom: 0px; 
  margin-left:   0px;
}

/* This changes the properties of input boxes. 
Folowing the order: Width Style(border) Color 
*/
.input 
{
  border:        4px inset #CCCCCC;
}
/*
------------------------------------
Text / Links
------------------------------------
*/

/*
Change the text properties of the title
*/
.title      
{
  font-family:   Geneva, Arial, Helvetica, sans-serif;    
  font-size:     14px;
  color:         #CCCCCC;
  line-height:   30px;
}
/*
Change the text properties of the text above quotation in the top left part of the document
*/
.top_left_text      
{
  font-size:     12px;
  color:         #506A9D;
}

/*
Change the text properties of the signature below quotation in the top left
*/
.sign 
{
  font-size:    10px;
  color:        #C5CDE2
}

/*
Change the text properties of the quotation above signature in the top left
*/
.quotation 
{
  color:        #FFFFFF;
  font-size:    10px;
  font-family:  Verdana, Tahoma, "MS Sans Serif", Arial, sans-serif;
}

/*
Change the td properties of the links in the search table
*/
a.left_links 
{
  font-size:        12px;
  color:            #415485;
  display:          block; 
  width:            100%; 
  text-decoration:  none;  
  font-family:      Geneva, Arial, Helvetica, sans-serif; 
  text-align:       center;
}

a:hover.left_links 
{
  background-color: #FFFFFF; 
  text-decoration:  none; 
}

/*
Change the td properties of the links below title
*/
a.top_links  
{
  font-size:        15px;
  color:            #415485;
  display:          block; 
  width:            100%;
  text-decoration:  none;  
  font-family:      Geneva, Arial, Helvetica, sans-serif;
  text-align:       center;
}

a:hover.top_links 
{
  background-color: #C5CDE2; 
  text-decoration:  none; 
}

/*
------------------------------------
Table / Td / Tr / Th
------------------------------------
*/

/*
This config has the same effect of "border=0" but affect entire script.
*/
table 
{
  border-collapse:  collapse;
}

/*
Here if the config ot the thin line at the bottom of the site.
*/
.td_bottom_border
{
  border-bottom:2px solid #415485;
}

/*
This will change the main color of the tables, except for the search that is separated in 3 colors. Their configuration follows below.
*/
.td_main_color
{ 
  background-color: #415485;
  border-color:     #415485;
}

/*
Change the top part of the search table
*/
.td_search_top 
{   
  background-color: #7e7ed3;
  color:            #FFFFFF;
  font:             bold 12px;
}
/*
Change the middle part of the search table
*/
.td_search_middle 
{
  background-color: #9999dd;
  color:            #FFFFFF;
  font:             bold 10px;
}
/*
Change the bottom part of the search table
*/
.td_search_bottom 
{
  background-color: #b6b6e7;
  color:            #FFFFFF;
  font:             bold 10px;
}