#mainArea { background: url(images/bgInside.jpg); }
#mainAreaAbout { background: url(images/bgInside3.jpg); }
#mainAreaRegister { background: url(images/bgInside2.jpg); }
#createprofile { background: url(images/createprofile1_off.gif); }
#createprofile:hover { background: url(images/createprofile1_over.gif); }
#sitetour { background: url(images/sitetour1_off.gif); }
#sitetour:hover { background: url(images/sitetour1_over.gif); }
#help { background: url(images/help1.gif); }

.LeftSpace2 { padding: 5px 1px 8px 30px; }
.LeftSpace { padding: 10px 1px 8px 30px; }
.LeftSpaceExtra { padding: 0px 1px 2px 40px; }
.LeftSpaceExtra2 { padding: 0px 1px 2px 52px; }
.LeftSpaceTop { padding: 15px 1px 5px 30px; }
.RoundSpace { padding: 3px 10px 3px 3px; }
.EvenSpace { padding: 5px 12px 5px 12px; }

a, a:visited, a:active { color: #39c; text-decoration: underline; }
a:hover { color: #999; text-decoration: none; }

a.hoverException:hover { color: #000; text-decoration: none; border: 0; }
a.hoverException, a.hoverException:visited, a.hoverException:active { color: #000; text-decoration: none; border: 0; }

ul.arrowListRegular { list-style: outside url(images/arrow.gif); margin: 0; padding-left: 25px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #1b445a; }
ul.arrowListRegular li { margin: 0 0 5px 0;  font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #1b445a; }

ul.arrowList { list-style: outside url(images/arrow.gif); margin: 0; padding-left: 25px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; }
ul.arrowList li { margin: 0 0 5px 0;  font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; }
ul.arrowList strong { color: #39c; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; }
.scrolls { width: 100%; height: 380px; overflow:auto; }
.blueText { display: inline; margin: 0px 10px 0px 5px; font-size: 11px; font-weight: normal; color: #0c384f; }
label, p.label { margin-right: 10px; font-size: 11px; font-weight: bold; margin: 0; }
label.inline { display: inline; margin: 0px 10px 0px 5px; font-size: 11px; font-weight: normal; }
label span, p.label span { font-size: 12px; color: #900; font-weight: bold; }
input.normalField, textarea.normalField, select.normalField { width: 240px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #333; background-color: #fff; padding: 2px; margin: 2px 0; }
input.loginField { border: 1px solid #666; background-color: #fff; padding: 2px; width: 150px; font-family: Arial, Helvetica, sans-serif; color: #333; margin: 0 0 0 0; font-size: 11px; height: 14px; BACKGROUND: url(images/bg_input.gif); } 
input.loginField2 { border: 1px solid #666; background-color: #fff; padding: 2px; width: 150px; font-family: Arial, Helvetica, sans-serif; color: #333; margin: 0 0 0 0; font-size: 11px; height: 11px; BACKGROUND: url(images/bg_input.gif); }
input.smallField, textarea.smallField, select.smallField { width: 80px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #333; background-color: #fff; padding: 2px; margin: 2px 0; }
input.largeField, select.largeField{ width: 190px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #333; background-color: #fff; padding: 2px; margin: 2px 0; }
textarea.largeField { width: 300px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #333; background-color: #fff; padding: 2px; margin: 2px 0; }

#hoverpop {
	position: absolute;
	left: -300px;
	width: 300px;
	border: 1px solid #b0c956;
	padding: 2px;
	background-color: #fff;
	visibility: hidden;
	z-index: 100!important;
	}

#hoverpop.library { width:265px; }

#hoverpop.wide { width: 300px!important; }

#hoverpop h1 {
	margin-left:5px;
	}

#hoverpop.wide h1 {
	padding-top:10px;
	}

#pointer {
	position:absolute;
	left: -300px;
	width:15px;
	height:15px;
	z-index: 101;
	visibility: hidden;
	}