body { font-family: Georgia, "Times New Roman", Times, serif;      
       cursor: auto;
       background:#FCFCF3 url(images/bg.png) top left repeat-x;       
       margin:0;
       padding:0;
}

div {
      background: #FFFFFF;
}

div.buttons {
	background: #FCFCF3;             
}

div.plain {
	background: #F4F2ED;             
}

div.backgrdRight {	
        background: url(images/gbitWatermark4.png) no-repeat bottom right;                 
}

div.partnerBanner {	
        background: url(images/partnerBgd.png) no-repeat top right; 
        height: 102px;
        width: 212px;
}

div.poweredBanner {	
        background: url(images/technologies2.png) no-repeat bottom left; 
        height: 71px;
        width: 306px;
}

div.backgrdRightSm {	
        background: url(images/gbitWatermark5.png) no-repeat top right;                 
}

div.backgrdRightWind {	
        background: url(images/wind5.jpg) no-repeat top right;                 
}

div.backgrdRightSea {	
        background: url(images/sea8.jpg) no-repeat top right;                 
}

div.backgrdRightSky {	
        background: url(images/sky8.jpg) no-repeat top right;                 
}

div.backgrdRightSkySm {	
        background: url(images/sky7.jpg) no-repeat top right;                 
}

div.backgrdRightSunSm {	
        background: url(images/sun.jpg) no-repeat top right;                 
}

div.backgrdRightSand {	
        background: url(images/sand.jpg) no-repeat top right;                 
}

div.backgrdRightSandSm {	
        background: url(images/sand1.jpg) no-repeat top right;                 
}

div.backgrdRightSandXSm {	
        background: url(images/sand2.jpg) no-repeat top right;                 
}

div.backgrdRightSnowSm {	
        background: url(images/snow4.jpg) no-repeat top right;                 
}

div.backgrdRightLightSm {	
        background: url(images/lightning1.jpg) no-repeat top right;                 
}

div.backgrdRightTreesSm {	
        background: url(images/trees5.jpg) no-repeat top right;                 
}

div.backgrdLeft {	
        background: url(images/gbitWatermark4.png) no-repeat top left;                 
}

div.backgrdLeftSm {	
        background: url(images/gbitWatermark5.png) no-repeat top left;                 
}

div.intro {
	background: #F4F2ED;  
        /* background: #FFF url(images/bg.gif) top left repeat-x;    */    
        padding: 7px;      
}

div.clear {font-size: 1px; height: 1px}

div.extro {
	background: #F4F2ED;  
        /* background:#FFF url(images/bg.gif) top left repeat-x;    */    
        padding: 5px;      
}

/* Set the box background color to the same color as the circle in the
image. Set the width, float and margins as desired. */
div#roundedbox {
	background:#FFF url(images/bg.gif) top left repeat-x;
	float: right;
	margin: 0 0 0 1em;
	width: 100%;        
}

div#roundedboxB {
	background: #F4F2ED;
	float: right;
	margin: 0 0 0 0;
	width: 100%;        
}

/* Set the top and bottom height to be the same as the radius of the
circle (1/2 the size of the image). Set the font-size and line height
to a sufficiently small number that they won't affect the box. */
div#roundedbox #top {
	font-size: 1px;
	height: 16px;
	line-height: 1px;
        background: #E9E7E7;
}

div#roundedboxB #topB {
	font-size: 1px;
	height: 16px;
	line-height: 1px;
        background: #F4F2ED;
}

div#roundedbox #bottom {
	font-size: 1px;
	height: 16px;
	line-height: 1px;
        background: #FFFFFF;
}

div#roundedboxB #bottomB {
	font-size: 1px;
	height: 16px;
	line-height: 1px;
        background: #F4F2ED;
}

/* Now, we'll do the four corners. Set each of them to the same width
and height as the radius of the circle. For the top left and bottom
left, set them to float: left. Set the top right and bottom right to
float: right. Use the same background image for all four corners and
set them all to no-repeat. Set the background position to the same as
the position of the corner. */
div#roundedbox #topleft {
	background: url(images/corners1.png) no-repeat top left;
	float: left;
	height: 16px;
	width: 16px;
}
div#roundedbox #topright {
	background: url(images/corners1.png) no-repeat top right;
	float: right;
	height: 16px;
	width: 16px;
}
div#roundedbox #bottomleft {
	background: url(images/corners1.png) no-repeat bottom left;
	float: left;
	height: 16px;
	width: 16px;
}
div#roundedbox #bottomright {
	background: url(images/corners1.png) no-repeat bottom right;
	float: right;
	height: 16px;
	width: 16px;
}

div#roundedboxB #topleftB {
	background: url(images/corners2.png) no-repeat top left;
	float: left;
	height: 16px;
	width: 16px;
}
div#roundedboxB #toprightB {
	background: url(images/corners2.png) no-repeat top right;
	float: right;
	height: 16px;
	width: 16px;
}
div#roundedboxB #bottomleftB {
	background: url(images/corners2.png) no-repeat bottom left;
	float: left;
	height: 16px;
	width: 16px;
}
div#roundedboxB #bottomrightB {
	background: url(images/corners2.png) no-repeat bottom right;
	float: right;
	height: 16px;
	width: 16px;
}

/* Now, well add one more box for the content to keep from having
too much space at the top and bottom. Given our 16 pixel radius
corners, we're using -1em for the top and bottom margins. That will
allow the content to expand into the top and bottom <div> tags. We
also add 1em of left and right margin to keep the content from
butting right up against the edges. Adjust these figures to give
you a result that you find pleasing. */
div#roundedbox #boxcontent {
	margin: -1em 1em;
}

div#roundedboxB #boxcontentB {
        background: #F4F2ED;
	margin: -1em 1em;
}

/* Finally, well give paragraphs in the box a little smaller top
and bottom margin just to keep things tight. */
div#roundedbox p {
	margin: 3.5em 0;
}

div#roundedboxB p {
	margin: 1em 0;
}

.featurelabelNavy { font-family: sans-serif; 
                    font-size: x-small; 
                    font-weight: bold;
                    color: Navy;
}
	   

.inputtext, .inputtextarea, .inputselect {  font-family: sans-serif; }

.buttonText {   font-family: Arial, Helvetica, sans-serif;
                font-size: 9pt;
                color: #004584;
                cursor: hand;
}

.buttonMiniText {   font-family: Arial, Helvetica, sans-serif;
                    font-size: 6pt;
                    color: Navy;
                    cursor: hand;
}

.manualLinks {  font-family: tahoma,arial,helvetica;
                font-size: 8pt;
                color: #D6D6BC;                
                font-weight: 600;
                text-decoration: none;
}

.navigateBar { background: #D6D6BC;
               height: 18; 
}

.menuBar { background: #6B6B6B;
           height: 26; 
}

.gbitTable { font-family: tahoma, arial, helvetica;
             font-size: 10pt;
             color: #6B6B6B;
}

.gbitTable2 {                    
                 font-family: tahoma, arial, helvetica;
                 font-size: 10pt;
             	 color: black;
        	 padding: 2px;
        	 font-weight: 300;
}

.gbitMainTable { width: 769px;
                 height: 60%;   
                 background: #FCFCF3;
                 font-family: tahoma, arial, helvetica;
                 font-size: 10pt;
             	 color: black;
        	 padding: 2px;
        	 font-weight: 300;
}

.fontsmall {
        font-family: arial, helvetica, sans-serif, verdana;
        font-size: 7pt;
	color: Black;
	padding: 2px;
	font-weight: 400;
}

.selectinput {
        font-family: arial, helvetica, sans-serif, verdana;
        font-size: 9pt;
	color: #005BAB;
	padding: 2px;
	font-weight: 400;
}

.fontSmallMedium {
        font-family: arial, helvetica, sans-serif, verdana;
        font-size: 8pt;
	color: Black;
	padding: 2px;
	font-weight: 400;
}

.fontsmallbeige {
        font-family: arial, helvetica, sans-serif, verdana;
        font-size: 8pt;
	color: #F5F5DC;
	padding: 2px;
	font-weight: 400;
}

.fontMenuLevel {
        font-family: tahoma, arial, helvetica;
        font-size: 8pt;	
        color: #6B6B6B;
	padding: 2px;
	font-weight: 600;
}

.fontLarge {
        font-family: tahoma, arial, helvetica;
        font-size: 9pt;
	color: #9C9C61;
	padding: 2px;
	font-weight: 600;
}

.fontNavyLarge {
        font-family: tahoma, arial, helvetica;
        font-size: 9pt;
	color: #005BAB;
	padding: 2px;
        padding-bottom: 5px;
	font-weight: 600;
}

.fontRedLarge {
        font-family: tahoma, arial, helvetica;
        font-size: 9pt;
	color: #CE226D;
	padding: 2px;
        padding-bottom: 5px;
	font-weight: 600;
}

.fontOrangeLarge {
        font-family: tahoma, arial, helvetica;
        font-size: 9pt;         
	color: #18A8CF;
	padding: 2px;
        padding-bottom: 5px;
	font-weight: 600;
}

.fontRedXLarge {
        font-family: tahoma, arial, helvetica;
        font-size: 10pt;
	color: #CE226D;
	padding: 2px;
	font-weight: 600;
}

.fontGreenXLarge {
        font-family: tahoma, arial, helvetica;
        font-size: 10pt;
	color: #959621;
	padding: 2px;
	font-weight: 600;
}

.fontCyanXLarge {
        font-family: tahoma, arial, helvetica;
        font-size: 10pt;
	color: #1692B6;
	padding: 2px;
	font-weight: 600;
}

.fontOrangeXLarge {
        font-family: tahoma, arial, helvetica;
        font-size: 10pt;
	color: #ED8721;
	padding: 2px;
	font-weight: 600;
}

.fontmedium {
        /* font-family: georgia, times; */
        font-family: tahoma, arial, helvetica;
        font-size: 10pt;
	color: black;
	padding: 2px;
	font-weight: 300;
}

.fontPageTitle {
        font-family: arial, helvetica, sans-serif;
        font-size: 16pt;
	color: #00539D;
	padding: 2px;
	font-weight: 600;
}

.fontPageTitleMed {
        font-family: arial, helvetica, sans-serif;
        font-size: 14pt;
	color: #004080;
	padding: 2px;
	font-weight: 400;
}

.fontPageTitleSmall {
        font-family: arial, helvetica, sans-serif, verdana;
        font-size: 12pt;
	color: #9C9C61;
	padding: 2px;
	font-weight: 600;
}

.fontPageTitleXSmall {
        font-family: arial, helvetica, sans-serif, verdana;
        font-size: 10pt;
	color: #6B6B6B;
	padding: 2px;
	font-weight: 600;
}

.list { font-family: sans-serif; 
       font-size: 8pt; 
       text-decoration: none; 
       }

/* the content text itself */
.viewcontentlink { font-family: sans-serif;
                   font-size: 9pt;
                   text-decoration: none;
                   white-space: normal;                   
                }

a:viewcontentlink:link { text-decoration: none; color: black;  }
a:viewcontentlink:visited { text-decoration: none; color: black;  }
a:viewcontentlink:hover { text-decoration: none; color: blue;  }
a:viewcontentlink:active { text-decoration: none; color: blue;  }


.unitlink { font-family: sans-serif;
            font-size: 9pt;
            text-transform: capitalize;
            text-decoration: none;            
           }

A:unitlink:link, A:unitlink:visited { color: #A40052; 
                       text-decoration: none; 
                     }
A:unitlink:hover, A:unitlink:active { color: blue; 
                       text-decoration: none; 
                     }

/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */
  
/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:10; background-color:#6B6B6B; layer-background-color:#6B6B6B; visibility:hidden}

/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:12px; font-weight:bold}
.clLevel0{background-color:#6B6B6B; layer-background-color:#D6D6BC; color:#D6D6BC;}
.clLevel0over{background-color:#D6D6BC; layer-background-color:#D6D6BC; color:#00487D; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; background-color:#6B6B6B; layer-background-color:#6B6B6B}

/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:tahoma, arial,helvetica; font-size:11px; font-weight:bold}
.clLevel1{background-color:#6B6B6B; layer-background-color:#D6D6BC; color:#D6D6BC;}
.clLevel1over{background-color:#D6D6BC; layer-background-color:#D6D6BC; color:#00487D; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; visibility:hidden; background-color:#6B6B6B; layer-background-color:#6B6B6B}

/*Styles for level 2*/
.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:11px; font-weight:bold}
.clLevel2{background-color:#D6D6BC; layer-background-color:#6B6B6B; color:#00487D;}
.clLevel2over{background-color:#6B6B6B; layer-background-color:#6B6B6B; color:#D6D6BC; cursor:pointer; cursor:hand; }
.clLevel2border{position:absolute; visibility:hidden; background-color:#D6D6BC; layer-background-color:#D6D6BC}