/*****************************************************
Green Style Sheet
(c) Copyright 2004, Grandora Development Team.
All rights reserved.
*****************************************************/

/*****************************************************
Body: General page style
*****************************************************/
body 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	background: #FFFFFF url("green/bg.gif") repeat-y 50% 0;
}

/*****************************************************
Text: Definitions
*****************************************************/
.txt1 { font-size : 260%; font-family: Trebuchet MS, Arial, Helvetica, Sans-serif; } 
.txt2 { font-size : 20px; }
.txt3 { font-size : 15px; }
.txt4 { font-size : 11px; }
.txt5 { font-size : 10px; }

.serif { font:11px Georgia, Palatino, serif !important; color: black; }
.graytxt { color: gray; }
.redtxt { color: #01A4B5; align: justify;}
.reduptxt { color: #01A4B5; text-transform: uppercase; font-size: 16px; }
.uppertxt { text-transform: uppercase; font-size: 120%; line-height: 28px; }
.copyright { font:10px Tahoma, Helvetica, sans-serif; color: white; }

.thumbnail
{
      border:1px solid #BABABA; 
      background-color: #FFFFFF;
      margin: 2px;
}


/*****************************************************
Tables
*****************************************************/
.tableBorder
{
      border:1px solid #D9D9D9; background-color: #FFFFFF;
}

.tableBorder2
{
      border:1px solid #01A4B5; background-color: #FFFFFF;
}

.tableBorder3
{
      border:1px solid #D9D9D9; background-color: #EEEEEE;
}

/*****************************************************
Table Header and cell definitions
*****************************************************/
td.navigation
{
    background:#FFFFFF url('green/hdr-bg.gif') repeat-x; 
    padding-left:12px; 
    padding-right:7px; 
    padding-top:7px; 
    padding-bottom:7px ;
}

td.time
{
	padding: 5px;
    background-color: #FFFFFF;
    border-left:1px solid #D9D9D9; 
    font-size: 90%;
}

td.hdr
{
	font-family: Tahoma, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	height: 19px;
	color: white;
	background: #01A4B5 url('green/hdr-tile.gif') repeat-x;
	padding: 2px;
}

td.subhdr
{
	font-family: Tahoma, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	height: 18px;
	background: #EEEEEE url('green/subhdr-tile.gif') repeat-x;
	padding:0 5px 0 5px;
}

td.dhdr
{
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	height: 17px;
	border-right:1px solid #D9D9D9;
	border-bottom:1px solid #D9D9D9;
	background: #EEEEEE url('green/dh-tile.gif') repeat-x;
	padding:0 5px 0 5px;
}

td.mainlist
{
	padding: 8px;
	background: white;
	line-height: 18px;
}

td.mainrow
{
	padding: 8px;
	background: white;
}

td.altrow
{
	padding: 8px;
	background: #F6F6F6;
	border-top: 1px dashed #BABABA;
	border-bottom: 1px dashed #BABABA;
}

div.mininav 
{
	padding: 5px;
	background: #FFFFCC;
	border: 1px dashed #D9D9D9;
}

td.bg1
{
	background: #01A4B5;
}

td.bg2
{
	background: #EEEEEE;
}	

td.bg3
{
	border-top:1px solid #D9D9D9;
	padding:1px 5px 1px 5px;
	background: #EEEEEE url('green/subhdr-tile.gif') repeat-x;
}	


/*****************************************************
General Anchors
*****************************************************/
a, a:visited, a:link
{
    padding:0; color: #01A4B5;
    text-decoration: underline;
}

a:hover
{
	color: black;
    text-decoration: none;
}

a.nvLink, a:visited.nvLink, a:link.nvLink
{
    padding:0; color: #01A4B5;
    text-decoration: none;
	font-weight: bold;    
}

a:hover.nvLink
{
	color: black;
    text-decoration: none;
	font-weight: bold;
}

a.nLink, a:visited.nLink, a:link.nLink
{ 	border-style:solid; 
	border-color:#D9D9D9;
	border-width:1px; 
	text-decoration: none;
	text-transform: uppercase;
	color: black;
	padding:1px 5px 1px 5px;
	background: #FFFFFF;
	font-family: Trebuchet MS, Arial, Helvetica, Sans-serif;
}

a:hover.nLink
{	text-decoration: none;
    text-transform: uppercase;
	border-color:#000000;
	background: #FFFFCC;
	padding:1px 5px 1px 5px;
}

a.footlink, a:visited.footlink, a:link.footlink
{
    color: #FFFFFF;
    text-decoration: none;  
}

a:hover.footlink
{
	color: #FFFFFF;
    text-decoration: underline;
}

/*****************************************************
Form Elements
*****************************************************/
select
{
    border:1px solid #01A4B5; 
    padding:0; 
    FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px
}

.input
{
    border:1px solid #01A4B5; 
    padding:0; 
    FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.input2
{
    border:1px solid #01A4B5; 
    padding-right:2px; 
    FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
	text-align: right;
}

/*****************************************************
Images: Sizes and Background Paths
*****************************************************/
.submit {

     width: 61px;
     height: 15px;
     background: url("green/submit.gif");
	 }
	 
.search {

     width: 61px;
     height: 15px;
     background: url("green/search.gif");
	 }
	 
.calculate {

     width: 70px;
     height: 15px;
     background: url("green/calculate.gif");
	 }	 
	 
.send {

     width: 51px;
     height: 15px;
     background: url("green/send.gif");
	 }	
	 
.clear {

     width: 51px;
     height: 15px;
     background: url("green/clear.gif");
	 }		 	 	 
	 
.remove {

     width: 61px;
     height: 15px;
     background: url("green/remove.gif");
	 }
	 
.arrow {

     width: 16px;
     height: 8px;
     background: url("green/arrow-white.gif");
	 }	 
	 
.house {

     width: 14px;
     height: 12px;
     background: url("green/icon-home-small.gif");
	 }
	 
.new {

     width: 26px;
     height: 18px;
     background: url("green/icon-new.gif");
	 }
	 
.arrow2 {

     width: 16px;
     height: 16px;
     background: url("green/arrowGrey.gif");
	 }
	 
.print {

     width: 24px;
     height: 18px;
     background: url("green/print.gif");
	 }
	 
.mail {

     width: 24px;
     height: 17px;
     background: url("green/mail.gif");
	 }
	 
.friend {

     width: 24px;
     height: 17px;
     background: url("green/friend.gif");
	 }
	 
.mapquest {

     width: 16px;
     height: 16px;
     background: url("green/favicon.gif");
	 }	 
	 
.phone {

     width: 18px;
     height: 17px;
     background: url("green/phone.gif");
	 }
	 
.fax {

     width: 18px;
     height: 17px;
     background: url("green/fax.gif");
	 }	 
	 
.cell {

     width: 18px;
     height: 17px;
     background: url("green/cell.gif");
	 }
	 
.pager {

     width: 18px;
     height: 17px;
     background: url("green/pager.gif");
	 }
