body{
background:#cccccc;
text-align:center;
font-family: arial, helvetica, sans serif;
padding-bottom:-200px;
margin-bottom:-200px;
font-family: arial, helvetica, sans serif;
/*background-image:url('/images/sliver.png');
background-repeat: repeat-x;*/
}

.connection {
background:#cbdbf5;position:relative; float:left; clear:none;overflow:hidden;width:600px;
margin-bottom:15px;
}

.floatLeft{float:left;clear:none;}

.floatRight{float:right;clear:none;}

.blue1972c4{color:#1972c4;}

.orangefcd79d{color:#cccccc}

.inputNotes {
position:relative;
width:390px;
left:150px;
font-size:10px;
padding-bottom:15px;
color:#62697b;
}

.inputNotes a{
color:#62697b;
}

#contactmsg{
position:relative;
top:25px;
}

.row{
position:relative;
padding:5px;
margin:5px;
height:30px;
width:800px;
background:#666666;
}

.cell{
width:100px;
height:27px;
padding:3px;
padding-top:6px;
margin:3px;
background:#cccccc;
color:#000000;
border-bottom:1px solid #666666;
float:left;
display:block;
overflow:hidden;
}

.anAlert{
position:relative;
left:210px;
top:-20px;
padding-bottom:0px;
width:400px;
}

hr{
margin-bottom:10px;
width:550px;
}

.grey1{
color:#999999;
}

.blue1{
color:#2c5fc3;
}

.blue2{
color:#617490;
}


.leftMenuText{
text-decoration:none;
position:relative;
top:-7px;
left:31px;
color:#61749b;
}

/*------forms--------------*/

input, select, textarea {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-box-shadow: 1px 1px 1px 0 #D0D0D0 inset;
  -webkit-box-shadow: 1px 1px 1px 0 #D0D0D0 inset;
	background:#fff;
  box-shadow: 1px 1px 1px 0 #D0D0D0 inset;
  border: 1px solid #bababa;
	font-size: 14px;
	height:27px;
	padding: 5px 0 3px 10px;
  width: 220px;
}

/*------END forms--------------*/


/*-----messages------------*/

.msgMenu{
position:relative;
top:0px;
font-size:12px;
padding-bottom:10px;
left:8px;
color:#62697b;
}

.msgMenu a{
color:#62697b;
padding:0px 6px 0px 6px;
text-decoration:none;
}

.msgMenu a:hover{
color:#999999;
padding:0px 6px 0px 6px;
}

.msgMenu a:active{
text-decoration:underline;
color:#62697b;
font-weight:800;
padding:0px 6px 0px 6px;
}

.msgDelete{
position:relative;
top:-33px;
left:123px;
cursor:pointer;
width:15px;
height:15px;
border:0px;
padding: 3px 3px;
background:url('../images/delete.jpg');
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -o-border-radius: 0px;
  -moz-box-shadow: 0px 0px 0px 0 #D0D0D0 inset;
  -webkit-box-shadow: 0px 0px 0px 0 #D0D0D0 inset;
  box-shadow: 0px 0px 0px 0 #D0D0D0 inset;
}

.msgUsername{
position:relative;
float:left;
left:15px;
font-size:18px;
color:#3d4454;
}

.msgDate{
position:relative;
float:left;
clear:both;
top:2px;
left:15px;
font-size:18px;
font-size:12px;
color:#62697b;
}

.msgSubject{
font-weight:700;
color:#61749b;
position:relative;
float:left;
top:5px;
}

.msgText{
font-weight:670;
color:#617490;
position:relative;
float:left;
clear:both;
left:200px;
top:-9px;
text-decoration:none;
width:400px;
}

/*new msg*/
.message {
position:relative;
top:30px;
color:#6E6E6E;
border:0px dotted #999999;
font-size:18;
margin:5px;
padding:5px;
margin-bottom:50px;
}

/*-----end messages------------*/

#container{
position:relative;
margin-left: auto;
margin-right: auto;
width:984px;
margin-bottom:-200px;
padding-bottom:-200px;
}

#content{
position:relative;
float:left;
top:15px;
left:50px;
width:750px;
margin-bottom:50px;
}

#contentheader{
width:667px;
padding:6px;
color:#696969;
background:#e9ecf1;
border: dotted #d2d8e3;
border-width:2px 2px 2px 2px;
}

#innercontent{
position:relative;
padding:10px;
width:659px;
border: dotted #d2d8e3;
border-width:0px 2px 2px 2px;
}

/* make all the links
ariel
helvetica
sans sarif
*/

#greybg{
background:#cccccc;
position:relative;
top:-140px;
left:-145px;
width:1078px;
height:137px;
z-index:-99;
}

#core{
width:982px;
min-height:300px;
position:relative;
top:-20px;
left:10px;
margin-bottom:5px;
padding:0px;
z-index:4;
padding-top:20px;
overflow:hidden;
padding-bottom:35px;
background:#ffffff;
background-image:url('/images/coreBG.JPEG');
background-repeat:repeat-y;
text-align:left;
}

#header{
position:relative;
top:0px;
left:-145px;
background-image:url('/images/masthead7.png');
width:1128px;
height:108px;
margin-bottom:-2px;
z-index:5;
}

#tagcloud{
position:relative;
left:10px;
padding:0px 20px 0px 20px;
width:630px;
}

.cloudTag {
position:relative;
float:left;
clear:none;
padding:0px;
font-size: 12px;
border:0px solid #cccccc;
line-height:34px;
}

.leftMenu {
float:left;
margin:20px;
margin-top:30px;
padding-top:15px;
padding-left:5px;
border:2px dashed #cccccc;
background-color:#eff6ff;
width:183px;
margin-right:20px;
text-align:left;
}

.lMenuBox{
padding-bottom:10px;
}

.accordianFrame{
height:250px;
overflow:scroll;
border:2px solid #333333;
}

#notification{
	position:absolute;
	bottom:0%;
	right:2%;
	height:175px;
	width:200px;
	border:1px solid black;
	border-bottom:0px;
}

#notificationClose{
	font-size:11px;
	cursor:pointer;
	width:100%;
	border-bottom:1px solid black;
}

#notificationIn{
	padding:10px;
	font-size:11px;
}

#headerMenu1 {
position:absolute;
float:left;
clear:none;
top:2px;
left:543px;
padding-top:45px;
font-size:18px;
z-index:6;
color:#666666;
}

#headerMenu1 a{
text-decoration:none;
}

#headerbg{
position:relative;
float:left;
clear:none;
width:100%;
z-index:500;
background-image:url('/images/repeat.png');
background-repeat: repeat-x;
height:171px;
z-index:3;
}

#footer {
position:relative;
margin-left: auto;
margin-right: auto;
top:0px;
left:0px;
width:980px;
height:10px;
font-family:arial;
}

#copyright {
position:absolute;
right:10px;
top:0px;
padding-top:0px;
color:#696969;
letter-spacing:1px;
font-family:arial;
}

#footercons{
float:right;
visibility:hidden;
}

#footerLinksCols{
position:relative;
left:275px;
}

#footerLinks {
float:left;
padding-right:42px;
letter-spacing:1px;
color:#696969;
font-family:arial;
text-align:left;
}

#footerLinks a{
color:#696969;
text-decoration:none;
font-family:arial;
}

.pointsRow {
position:relative;
padding:5px;
margin:5px;
height:30px;
width:850px;
background:#666666;
}

.pointsTableBG{
position:relative;
left:-20px;
width:1200px;
border:2px solid #cccccc;
background:#ffffff;
}

.disabledButton {
color:#666666;
}

a{
color:#D3D3D3;
color:#121284;
color:#696969;
}

a:visited{
color:#A6A6A6;
color:#121284;
color:#696969;
}

a:hover{
color:#A6A6A6;
color:#121284;
color:#696969;
}

a:active{
color:#ffffff;
color:#696969;
}

a.leftMenuLinks/*
.leftMenuLinks a:link, a:visited, a:hover, a:active */{
color:#2c5fc3;
font-size:18px;
text-decoration:none;
position:relative;
left:12px;
}

.loading {
    display: none;
}

.available {
    color: #060;
}

.messagebox{
 position:absolute;
 width:100px;
 margin-left:30px;
 border:1px solid #c93;
 background:#ffc;
 padding:3px;
}

.messageboxok{
 position:absolute;
 width:auto;
 margin-left:30px;
 border:1px solid #349534;
 background:#C9FFCA;
 padding:3px;
 font-weight:bold;
 color:#008000;
}

.messageboxerror{
 position:absolute;
 width:auto;
 margin-left:30px;
 border:1px solid #CC0000;
 background:#F7CBCA;
 padding:3px;
 font-weight:bold;
 color:#CC0000;
}

h1{
visibility:hidden;
color:#696969;
}

h2{
position:relative;
left:12px;
color:#2c5fc3;
}

p {
color:#000000;
width:550px;
text-align:justify;
font-family: arial, helvetica, sans serif;
}

li{
padding:3px;
color:#000000;
text-align:justify;
font-family: arial, helvetica, sans serif;
}

.dashAlerts {
color:#000000;
background-color:#cccccc;
border:1px dotted #999999;
font-size:18;
margin:5px;
padding:5px;
}

.error {
color:#696969;
border:1px dotted #999999;
font-size:18;
margin:5px;
padding:5px;
}

.searchresults{
position:relative;
left:30px;
width:500px;
padding:10px;
background:#F4F4F4;
color:#000000;
border:3px solid #333333;
max-height:200px;
overflow:hidden;
}

.searchresults a{
color:#3B3B3B;
}

.searchresultsfooter{
color:#000000;
margin:5px;
border-top:2px dotted #999999;
}

#welcome{
position:absolute;
top:5px;
left:295px;
color:#666666;
}

#signupin{
visibility:hidden;
position:absolute;
top:30px;
right:5px;
color:#cccccc;
}

#logout{
position:absolute;
top:5px;
right:5px;
color:#696969;
z-index:5;
}

.topMenu{
visibility:hidden;
position:relative;
background:#999999;
padding:5px;
margin:5px;
width:90%;
margin-bottom:20px;
}

.topMenu a{
color:#333333;
}

/* lightbox */
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: #e0e0e0;
z-index:1001;
-moz-opacity: .0;
opacity:.90;
filter: alpha(opacity=90);
}

.white_content{
display: none;
position: absolute;
top: 30px;
left: 27%;
width: 300px;
/*height: 100px;*/
padding: 16px;
border: 16px solid #777777;
background-color:#FFFFFF;
z-index:1002;
}

.white_content_results{
display: none;
position: absolute;
top: 0px;
left: 27%;
width: 300px;
/*height: 100px;*/
padding: 16px;
background-color:#FFFFFF;
z-index:1002;
border:1px solid #999999;
}

/*----------------------------------------------------------------------*/

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  /*font:100% verdana,arial,sans-serif;*/
  margin: 0;
  padding: 0;
 /* min-width: 500px;
  max-width: 600px;
  width: 560px; */
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */


/*----------------------------------------------------------------------*/



/*join form styles*/
.formContainer{
width: 50%;
align: left;
padding-right: 350px;
}

.form{
text-align: right;
padding-top:10px;
font-size: 15px;
}

span{
text-align: left;
padding-top:3px;
font-size: 15px;
}

.textInput{
border: 1px dotted #ccc;
font: bold 16px Verdana;
}

.messagebox{
position:absolute;
width:100px;
margin-left:30px;
border:1px solid #c93;
background:#ffc;
padding:3px;
}

.messageboxok{
position:absolute;
width:auto;
margin-left:30px;
border:1px solid #349534;
background:#C9FFCA;
padding:3px;
font-weight:bold;
color:#008000;
}

.messageboxerror{
position:absolute;
width:auto;
margin-left:30px;
border:1px solid #CC0000;
background:#F7CBCA;
padding:3px;
font-weight:bold;
color:#CC0000;
}

/*end join form styles*/