/*
Name: Nice Login and Signup Panel using Mootools 1.2
Tutorial URI: http://web-kreation.com/demos/login_form_mootools_1.2/
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: August 2008

	The CSS, XHTML and design is released under Creative Common License 2.5:
	http://creativecommons.org/licenses/by-sa/2.5/

*/       


.imageLoader  { background-image:url(../images/loading.gif); background-position:center; background-repeat:no-repeat;background-color: #FFFFFF; }

html, body {border: 0; margin: 0; padding: 0;}

body {
  	font: 75%/0.9 arial, helvetica, sans-serif;
  	line-height: 130%;
  	width: 100%;
  	color: black;
	/* background-attachment:scroll; */
	background:url(../images/bg3.jpg)  repeat-x left top #838383;
}
a {
	color: #0099CC;
	text-decoration: none;
}

a:hover {
	color: #00CCFF;
}
.a2 {
	color: black;
	text-decoration: none;
}

.a2:hover {
	color: #00CCFF;
}
.a2 img {
  border: none;/*remove border for linked images*/
}

a img {
  border: none;/*remove border for linked images*/
}

h1 {
	font-size: 1.6em;
	height: 20px;
	padding-top: 0;
}

h2{
	font-size: 1.2em;
	height: 20px;
	padding-top: 0;
}

.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}

/***** Main Layout ****/
#container {
  	width: 100%;
  	height: 100%;
  	text-align: center;/* IE fix to center the page */
}

.col1 { color:#FFFFFF }
.col2a { color:white; background-color:#003366; padding-top:7px; padding-bottom:3px; padding-left:10px; margin-top:-10px }
.col2b { color:white; padding-top:7px; padding-bottom:3px; padding-left:10px; margin-top:-10px; background-image:url(../images/grad1.gif); height:25px; }

.col2 { color:white; padding-top:9px; padding-bottom:0px; padding-left:10px;  background-image:url(../images/grad2.gif);text-transform: capitalize;text-transform:uppercase; font-weight:500; font-family:Arial, Helvetica, sans-serif; font-size:18px; letter-spacing:1px;  height:25px }

.h1{ color:white;padding-bottom:0px;font-weight:500; font-family:Arial, Helvetica, sans-serif; font-size:18px; letter-spacing:1px; margin:0px }

.footerNav{ color:#0099cc; ;text-transform: capitalize;text-transform:uppercase; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:0px;}
.footerNav:hover{ color:#0099cc; ;text-transform: capitalize;text-transform:uppercase; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:0px; text-decoration:underline}
.footerNav2{ color:#676767; ;text-transform: capitalize;text-transform:uppercase; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:0px;}



.col3{color:#145aa2}
.col4{color:#3c8fc3}
.col5{ color:#7a7c7d}
.col6{ color:#808181}
.mainmenu{font-family:Arial, Helvetica, sans-serif; font-size:15px;text-transform:uppercase; font-weight:bold }
.p { font:Verdana, Arial, Helvetica, sans-serif; font-size:12px }
.box1 {width:97%; background-color:#efebeb; padding:5px; border:solid 2px #003366}
.box2 {width:97%; background-color:#f7d8d8; padding:5px; border:solid 2px #003366}
.box3 {width:97%; background-color:#CCCCCC; padding:5px; border:solid 2px #003366}
.box4 { width:445px;  padding-left:10px;padding-right:10px;padding-top:0px;padding-bottom:10px; border:solid 2px #b8cde3;}
.box4b {  border:solid 2px #b8cde3;}
.box5 { width:445px;  padding-left:10px;padding-right:10px;padding-top:0px;padding-bottom:10px; border-top:solid 2px #b8cde3;border-bottom:solid 2px #b8cde3;}
.box6 { width:445px;  padding-left:10px;padding-right:10px;padding-top:0px;padding-bottom:0px; border-top:solid 2px #b8cde3;}
.box7 { width:97%;  padding-left:10px;padding-right:10px;padding-top:0px;padding-bottom:0px; border-top:solid 2px #b8cde3;}
blockquote { margin-left:20px; margin-right:20px;margin-top:5px;}

.p0 {font-size:11px};
.text1 {font-size:13px;color:#7a7c7d}
	
#comment ol { padding-left: 0; margin-left: 0; }
#comment li { padding: 10px 10px 0px 10px; }
#comment li.alt { background-color: #EBEBEB; border-top: 1px solid #C4C4C4; border-bottom: 1px solid #C4C4C4; }

.footerBG{ background-color:#eeeeee}
.footerBG:Hover{ background-color:white}

.postedMenuInfo{background-color:white;}
.border1{border: 1px solid #C4C4C4;}
.roll1:hover{background-color:#0099cc; color:#FFFFFF;}
.font1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#9e9e9e}





.buttprev{ width:20px; height:20px;background-image:url(../images/prev1.gif)}
.buttnext{width:20px; height:20px;background-image:url(../images/next1.gif)}
.buttprev:hover { background-image:url(../images/prev2.gif)}
.buttnext:hover { background-image:url(../images/next2.gif)}

.high1 { }
.high1:hover { background-color:#f2dde5;}


.share1 { width:21px; height:20px;background-image:url(../HSRS/images/share1.gif); background-repeat:no-repeat}
.share2 { width:21px; height:20px;background-image:url(../HSRS/images/share2.gif); background-repeat:no-repeat}
.share3 { width:21px; height:20px;background-image:url(../HSRS/images/share3.gif); background-repeat:no-repeat}
.share4 { width:21px; height:20px;background-image:url(../HSRS/images/share4.gif); background-repeat:no-repeat}
.share5 { width:21px; height:20px;background-image:url(../HSRS/images/share5.gif); background-repeat:no-repeat}

.share1:hover { background-image:url(../HSRS/images/share1b.gif); background-repeat:no-repeat}
.share2:hover { background-image:url(../HSRS/images/share2b.gif); background-repeat:no-repeat}
.share3:hover { background-image:url(../HSRS/images/share3b.gif); background-repeat:no-repeat}
.share4:hover { background-image:url(../HSRS/images/share4b.gif); background-repeat:no-repeat}
.share5:hover { background-image:url(../HSRS/images/share5b.gif); background-repeat:no-repeat}

.hiddenPic {display:none;}


.mainLinksB {
text-transform: capitalize;text-transform:uppercase; font-weight:bold ; background-color:#90b4d5; font-size:10px;color:#FFF;
}
.mainLinksB a{
color:#FFF;
}
.mainLinksB:hover a{
	color:#FFFFFF; background-color:#90b4d5;
}
.mainLinksB:hover {
	color:#FFFFFF; background-color:#90b4d5;
}



.mainLinks {
text-transform: capitalize;text-transform:uppercase; font-weight:bold ; background-color:#fbfbfb; font-size:10px
}
.mainLinks:hover a{
	color:#FFFFFF; background-color:#90b4d5;
}
.mainLinks:hover {
	color:#FFFFFF; background-color:#90b4d5;
}



.mainLinks2 { font-weight:normal ; background-color:#fbfbfb; font-size:12px
}
.mainLinks2:hover a{
	color:#FFFFFF; background-color:#90b4d5;
}
.mainLinks2:hover {
	color:#FFFFFF; background-color:#90b4d5;
}








#scroller-header a {
	text-decoration:none; 
}
#scroller-header a:hover {
	text-decoration:none; 
}
#scroller-header a.selected div{
	text-decoration:underline !important; 
}

#scroller-body {
	width:444px;
}


#mask {
	width:444px;
	overflow:hidden;
	margin:0 auto;
}

#panel {

}

#panel div {
float:left;

}


#panel-1 {
}

#panel-2 {
}
#panel-3 {
}

#panel-4  { 
}

/* end of above eg */