/* CSS Document */

/* This is a standard reset to remove all a browsers stupid defaults */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	    margin: 0; 
	    padding: 0;
		font-family: Verdana, Arial, sans-serif; 
	} 
	/* tables still need 'cellspacing="0"' in the markup */
	table { 
	    border-collapse: collapse; 
	    border-spacing: 0; 
	} 
	fieldset,img {  
	    border: 0; 
	} 
	address,caption,cite,code,dfn,em,strong,th,var { 
	    font-style: normal; 
	    font-weight: normal; 
	} 
	ol,ul { 
	    list-style: none; 
	} 
	caption,th { 
	    text-align: left; 
	} 
	h1,h2,h3,h4,h5,h6 { 
	    font-size: 100%; 
	    font-weight: normal; 
	} 
	q:before,q:after { 
	    content: ''; 
	} 
	abbr,acronym { 
	    border: 0; 
	} 
	hr {
           display: none;
	}
	strong {
	   font-weight: bold;
	}

html, body {
	background-color: #FFFFFF;
        font-size: 1em;
        color: #444444;
        text-align: center; /* centering the content for IE6 */
		/*background-image:url('pageBackground.png');
		background-repeat:no-repeat;
		background-attachment:fixed;
		background-position:top center;*/		
}
	table { 
	    margin-bottom: 10px;
	}
	
td input textarea select {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:8pt;
}
.inputfield {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:8pt;
}
		
a {color: #B10836;}

.redText {color:#B10836;}	

#container {
        display: table; /* must put this in for FireFox. */
	width: 800px;
        margin: auto; /* for IE6 and Firefox centering */
	text-align: left;
        height: 400px; /* Have to put SOMETHING in here for the height for both browser. DO NOT put in a percentage, must be a pixel value */

}
#descriptions{
	display:none;
	position:absolute;
	width:500px;
	font-size:8pt;
	background-color:
	white;border:1px solid #CCCCCC;
	padding:30px;z-index:9000;
	margin-left:120px;
}
#form-top{
	width: 800px;
	background-image:url(form-top.png);
	height:17px;
	margin:0;
}
#form-body{
	width: 800px;
	background-image:url(form-background.png);
	margin:0;
	font-family: Verdana, Arial, sans-serif;
	font-size: .7em;
	line-height: 1.6em;
}
#form-bottom{
	width: 800px;
	background-image:url(form-bottom.png);
	height:58px;
	margin:0;
}

#form-container{
	width: 189px;
	position:relative;
	float:right;
	margin-top:25px;
	margin-right:45px;
	padding-top:10px;
}
#form-container p {margin-left:20px;margin-right:20px;margin-bottom:0px;}

#form-fields {
	margin-left:20px;
	margin-right:20px;
	margin-top:0px;
	padding-top:0px;
	font-size:7pt;
}
#form-fields input {font-size:7.5pt;margin:0;padding:0;}

#mouseText{
	position:relative;
	margin-left: 20px;
	margin-top: 85px;
	font-size: 7.5pt;
}


/* Content Area ----------------------------------------*/

 div#content {
	width: 800px;
	background-image:url('main-Background.png');
	background-repeat:no-repeat;
	font-family: Verdana, Arial, sans-serif;
	font-size: .7em;
	line-height: 1.6em;
	border: none;
	padding: 0px;
	margin-top:10px;
 }
 
 #content-bottom{
	width: 800px;
	background-image:url(content-bottom.png);
	height:58px;
	margin:0;
}

div#content td, th, input, select, textarea {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	color: #333333;
    text-align: left;
}

.submitButton {text-align:center;}



div#content h1{
        padding-top: 15px;
        padding-bottom: 10px;
	font: bold 1.6em Arial,Helvetica,Verdana,sans-serif;
        color:#666666;
}

div#content h2{
        font: bold 1.3em Arial,Helvetica,Verdana,sans-serif;
        color: #666666;
        padding-bottom: 10px;
}
div#content h3 {
	font: bold 1em Arial,Helvetica,Verdana,sans-serif;
        color: #666666;
        padding-bottom: 5px;
}
div#content p {
        padding-bottom: 15px;
}


/* ---------->>> dhtml tooltip <<<---------------------------------------------------------------*/

#dhtmltooltip {
	font: normal .7em/1.5em Verdana,Arial,sans-serif;
        position: absolute;
        width: 200px;
        border: 1px solid #333333;
        padding: 10px;
        background-color: #efefef;
        visibility: hidden;
        z-index: 9999;
        filter:progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
.tooltip {
        cursor: help;
}
.tooltip_green {
	color: #66cc00;
        cursor: help;
}


/* ---------->>> jtip <<<---------------------------------------------------------------*/

/* ----- add selectors here for font sizing ----- */
#JT_close_left, #JT_close_right {
	font: normal .6em/1.6em Verdana,Arial,sans-serif;
	text-align: left;
}
#JT_copy p, #JT_copy ul {
	font: normal .6em/1.6em Verdana,Arial,sans-serif;
	text-align: left;
}

#JT_arrow_left{
	background-image: url(/javascript/tooltip/images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    	top:-3px;
}

#JT_arrow_right{
	background-image: url(/javascript/tooltip/images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    	top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(/javascript/tooltip/images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
	margin: 3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
	cursor: help;
}