body { background-color:white; font-family:  Arial,Verdana, Helvetica, sans-serif; }
            
            
.options
{
    list-style : none;
    padding : 15px;
}
.options li
{
    padding : 5px;
}            
p.description
{
}       
            
.pageTitle
{
    font-family:  Arial,Verdana, Helvetica, sans-serif; 
    font-size: 18pt;
    font-weight:lighter;
    color:#FF6600;
    
}
.choose td
{
    padding : 10px;
    width : 250px;
}
.choose .description
{
    font-style : italic;
    font-size : 95%;
    
}
.description
{
    font-style : italic;
    font-size : 95%;
}


div#error
{
	padding: 10px;
	color:Red;
}
div#content 
{
    background:#EAEAEA;
    border-width:1px;
    border-color:#B2B2B2;
    border-style:solid;
    padding : 15px;
    margin: 5px 10px 5px 10px;
}

div#RegoPanel
{
	background :  url("../../images/Gen3Rego.jpg") no-repeat top;
	width : 300px;
	height: 600px;
	display:inline-block;
	float:left;
}
div#RegoText
{
	padding: 125px 55px 5px 15px;
}

#gen3tabnav
{
    height: 20px;
    margin: 0;
    padding-left: 10px;
    background: url("../../images/tab_bottom.gif") repeat-x bottom;
}

#gen3tabnav li
{
    margin: 0; 
    padding: 0;
    display: inline;
    list-style-type: none;
    line-height: 14px;
}
	
#gen3tabnav a:link, #gen3tabnav a:visited
{
    float: left;
    background-color: #e6e6e6;
    font-weight: bold;
    padding: 2px 10px 2px 10px;
    margin-right: 4px;
    border: 1px solid #bbb;
    text-decoration: none;
    color: #666;
}

#gen3tabnav a:link.active, #gen3tabnav a:visited.active
{
    border-bottom: 1px solid White;
    background-color: #f3f3f3;
    color: black;
}

#gen3tabnav a:hover
{
    background-color: white;
}

#gen3tabnav a:link.activeClose,#gen3tabnav a:visited.activeClose
{
	border-bottom:1px solid #FFF;
	border-right:0px;
	background-color:#f3f3f3;
	margin-right:0px;
}

#gen3tabnav a:link.xClose,#gen3tabnav a:visited.xClose
{
	border-bottom:1px solid #FFF;
	border-left:0px;
	background-color:#f3f3f3;
	color:Maroon;
	padding:2px 4px 2px 4px;
}

#gen3tabnav a:hover.xClose
{
	background-color:#DFDFDF;
	color:Red;
	font-weight:bold;
}

#gen3tabBody
{
    border: 1px solid #bbb;
    margin: 0;
    border-top: 0px;
    padding: 10px 30px 30px 30px;
    background-color: #f3f3f3;
}
.search
{
    margin : 25px 0px 0px 0px;
    padding : 5px;
}
.search a
{
    color : black;
}

.results
{
	margin-left: 30px;
}
.results div
{
	padding:5px;
}

.hide
{
	display:none;
}

/* standard data tables */
.gen3tableHeader
{
    background-color: #c6c6c6;
}
.tableRow
{
    background-color: #e3e3e3;
}
.tableRowAlt
{
    background-color: #d3d3d3;
}

div#adList div
{
	padding:10px;
	margin:7px;
	background-color:#BECEE5;
	float : left;
    
}

/* Actual Message Div */
.Gen3Message p
{
    padding: 5px 10px 5px 15px;
}
/* Message Display CSS Hooks */
.Gen3Error
{
    background : Red;
}
.Gen3Help
{
    background : Blue;
}
.Gen3Warning
{
    background : Yellow;
}
.Gen3Standard
{

}
.Gen3Note
{
    background : Purple;

}
.Gen3Question
{
    background : Blue;
}
.Gen3Exclamation
{
    background : Red;
}
.Gen3None
{
    /* Leave Empty Used for nothing */
}
.Gen3Success
{
    background : green;
}
/* End of Message Display CSS Hooks */
.Clear
{
    clear:both;
}
.adminArea, .gen3normalWork
{
    padding : 5px;
}
.adminArea h1, .gen3normalWork h1
{
    font-size : 100%;
    font-weight : bold;
    
}
.gen3normalWork div
{
    border : solid 1.5px #DFDFDF;
    background : #EAEAEA;
    margin : 10px;
    padding: 10px;
    font-size : 95%;
}
.gen3normalWork div div
{
    border : none;
    margin : 0px;
    padding: 0px;
    font-size : 95%;
}
.adminArea div
{
    border : solid 1.5px #DFDFDF;
    background : #EAEAEA;
    margin : 10px;
    padding: 10px;
    font-size : 95%;
    float : left;
    width : 40%;
    position : relative;
}
.adminArea div div
{
    border : none;
    margin : 0px;
    padding: 0px;
    font-size : 95%;
}

.adminArea div ul, .gen3normalWork div ul
{
   padding : 0px;
   margin : 0px;
   
}
.adminArea div ul li, .gen3normalWork div ul li
{
    list-style : none;
    padding : 0px 5px 0px 5px;
}
.adminArea a, .gen3normalWork a
{
    color : #FF6600;
}
.adminArea a:hover, .gen3normalWork a:hover
{
    background : #FFF5EF;
    text-decoration : none;
}
a.gen3switchModeButton
{
    font-size : 75%;
}
a.gen3switchModeButton
{
    color : #FF6600;
}
a.gen3switchModeButton:hover
{
    background : #FFF5EF;
    text-decoration : none;
}
.chart
{
    float : right;
}
.clear
{
    clear : both;
}

.gen3helpItem, .gen3helpItem *
{
    z-index: 5000;
    display: block;
    filter: alpha(opacity:95);
    KHTMLOpacity: 0.95;
    MozOpacity: 0.95;
    opacity: 0.95;
    margin :0px;
}

.gen3helpItem
{
    width: 200px;
    color: #000;
    font: lighter 11px/1.3 Arial,sans-serif;
    text-decoration: none;
    text-align: center;
}

.gen3helpItem span.top
{
    padding: 30px 8px 3px 5px;
    
    background: url(BubbleTop.gif) no-repeat 0px top;
}

.gen3helpItem span.mid
{
    padding: 0px 8px 0px 5px;
    background: url(BubbleMid.gif) repeat-y 0px top;
}

.gen3helpItem b.bottom
{
    padding: 1px 8px 5px 5px;
    color: #548912;
    background: url(BubbleBot.gif) no-repeat 0px bottom;
}
.hiddenPic {display:none;}
	
/**
 * POPUP CONTAINER STYLES
 */
#gen3popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("maskBG.png") !important; // For browsers Moz, Opera, etc.
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#gen3popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#gen3popupInner {
	border: 2px solid #000000;
	background-color: #ffffff;
}

#gen3popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#gen3popupTitleBar {
	background-color: #486CAE;
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border-bottom: 2px solid #000000;
	border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	position: relative;
	z-index: 203;
}
#gen3popupTitle {
	float:left;
	font-size: 1.1em;
}
#gen3popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}

.new
{
    padding : 2px;
    background : #FFFFCC;
}
.newWord
{
    font-size : small;
    padding : 1px;
    display : block;
}
#container
{
     border : solid 1.5px #DFDFDF;
    background : #EAEAEA;
    margin : 10px;
    padding: 10px;
    font-size : 95%;
    width : 40%;
}
#container h1
{
    color : #000;
    margin : 10px;
    padding: 10px;
    font-size : 95%;
}
#container a:hover, #container a:hover
{
    background : #FFF5EF;
    text-decoration : none;
}
#container a, #container a
{
    color : #FF6600;
}