﻿html, body {
height: 100%;
margin: 0;
padding: 0;
font-family:arial,sans;
font-size:100%;
line-height:1.7em;
color:#666666;
text-align: left; 

}


a:link
{color: gray;
	}
a:hover{ color: green;
}
/* a:visited{ color: purple;
}*/
a:visited:hover{ color: green;
}


.blah:hover{ color: green;
}
.blah:visited{ color: gray;
}

/* padding-right: 5px*/
.padded
{ 
	}

#suggestions a
{color: gray;
	}
	
#suggestions a:hover{ color: green;
}
	
div.norm
{position:relative;  width: 749px; text-align: justify; 
	}
	
	div.testdiv
	{border-color: silver black;padding-left: 1em;
		background-image: url(images\BlueFade.png);}
	
		
div.tabletholder
{background-color: transparent; border-style: none; height: 236px;
                    position:relative; top: 15px; 
width: 750px;
	left: 3px;
	text-align: left;line-height:0em;
}	


/* tablet css*/

div.tablet
{ border-style: none; height: 235px;
                    width: 104px; z-index: 1;
                    left: 0px; margin-right:3px; position: relative; float: left;
	}

div.tabletlast
{ border-style: none; height: 235px;
                    width: 104px; z-index: 1;
                    left: 0px; margin-right:0px; position: relative; float: left;
	}


.space {
line-height: 3em;
}


h1 {
font-size:2.18em;
letter-spacing:-0.01em;
}
h2 {
font-size:1.45em;
letter-spacing:-0.02em;
}

img.bg {
top:0;
left:0;
width:100%;
height: 70px;
}


h1 {
font-size:2.18em;
letter-spacing:-0.01em;
}
h2 {
font-size:1.45em;
letter-spacing:-0.02em;
}

/*Horizontal Glowing Menu */
/*credits: dynamic drive css library */
/*url: http://www.dynamicdrive.com/style/ */
    
#glowingtabs{
float:left;
font-size:90%;
line-height:normal;
}

#glowingtabs ul{
list-style-type: none;
margin:0;
margin-left: 0px; /*left offset of entire tab menu relative to page*/
padding:0;
}

#glowingtabs li{
display:inline;
margin:0;
padding:0;
}

#glowingtabs a{
float:left;
background:url("images/tabs/glowtab-left.gif") no-repeat left top;
margin:0;
margin-right: 4px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

#glowingtabs a span{
float:left;
display:block;
background:url("images/tabs/glowtab.gif") no-repeat right top;
padding: 4px 12px 2px 3px;
font-weight:bold;
color:#666666; /*3b3b3b*/
}

/* commented backslash hack hides rule from ie5-mac \*/
#glowingtabs a span {float:none;}
/* end ie5-mac hack */

#glowingtabs a:hover span {
color: black;
}

#glowingtabs #current a{ /*selected tab style*/
background-position:0 -82px; /*shift background image up to start of 2nd tab image*/
}

#glowingtabs #current a span{ /*selected tab style*/
background-position:100% -82px; /*shift background image up to start of 2nd tab image*/
color: black;
}

#glowingtabs a:hover{ /*onmouseover style*/
background-position:0% -82px; /*shift background image up to start of 2nd tab image*/
}

#glowingtabs a:hover span{ /*onmouseover style*/
background-position:100% -82px; /*shift background image up to start of 2nd tab image*/
}


.t1 {
width: 92px; height:16px;  
}

.t2 {
width: 102px;   
}

/*snippet is for a div*/
.snippet {
background-color:#f9f9f9;
border-color:#cccccc;
border-style:solid;
border-width:1px;
clear:left;
padding:10px;
position:relative;  
width: 720px; 
text-align: justify;
}

img.bigtick{z-index: 9; position: absolute; left: -4px; top: 47px;}


.swaptopos, .swaptoabc
{left: 4px; position: absolute; top: 142px;  z-index: 3; 
	}
	
.swaptolargedic, .swaptosmalldic
	{position: absolute; left: 21px; top: 142px;  z-index: 3;
		}	
	
.addhot
	{z-index: 1; position: absolute;left: 42px;  top: 142px;  z-index: 3;
		}	
		
.removehot
	{z-index: 1; left: 62px; position: absolute; top: 142px;  z-index: 3;
		}	
.clearhot
	{z-index: 1; left: 83px; position: absolute; top: 142px;  z-index: 3;
		}	
.tickbutton
	{ height: 16px; width: 15px; z-index: 4; left: 90px; position: absolute;
                        top: 221px;
		}	
		
.lightning
{ z-index: 1; left: 83px; position: absolute; top: 11px;  
	}
		
input.targetword
		{z-index: 1;left: 4px; position: absolute; top: 9px;
			}
		
		
select.hot
	{height: 22px; width: 96px; z-index: 1; left: 4px; position: absolute;
                        top: 164px;
		}	
		
select.jogwords
	{height: 102px; width: 96px; display: block; z-index: 1; left: 4px; position: absolute; top: 36px;
		}		
		
.noun
	{border-width: 0px;  z-index: 3; left: 4px; position: absolute;
                        top: 190px;
		}		
.verb
	{border-width: 0px;  z-index: 3; left: 20px; position: absolute;
                        top: 190px;
		}		
.adjec
	{border-width: 0px;  z-index: 3; left: 36px; position: absolute;
                        top: 190px;
		}		
.adverb
	{border-width: 0px; z-index: 3; left: 52px; position: absolute;
                        top: 190px;
		}	
.conjunc
	{border-width: 0px;  z-index: 3; left: 68px; position: absolute;
                        top: 190px;
		}	
.interjec
	{border-width: 0px; z-index: 3; left: 84px; position: absolute;
                        top: 190px;
		}	
	
			
/* footer credit: crazyegg */ 

#footer {
height:9px;
}
#footer ul {
line-height:4;
padding:0pt;
text-align:center;
}

#footer {
height:9px;
}
#footer ul {
line-height:4;
padding:0pt;
text-align:center;
}
#footer li {
color:#A5C2D4;
display:inline;
font-size:0.8em;
font-weight:bold;
text-transform:uppercase;
}
#footer a:link, #footer a:visited {
color:#6D93AB;
padding:0pt 5px;
text-decoration:none;
}
#footer a:hover, #footer a:active {
color:#315C77;
}
#footer .global li {

}
#footer ul.global {
line-height:normal;
margin-top:-14px !important;
}
#footer .global a {
padding:0pt;
}
#footer p {
color:#6D93AB;
font-size:9px;
padding:5px 0pt 15px;
text-align:center;
}
