body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:url("../images/menu_main_degrade.jpg") repeat-y scroll 40px 0 #000000;
	font-size:12px;
	margin:0;
	color:#FFFFFF;
	overflow-x:hidden;
	height:100%;
}

a:visited,a:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; 
	color:#DB5B00;
	outline:none; 
}

a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline; 
	color:#CCCCCC;
	cursor:pointer;
	
}

a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; 
	color:#DB5B00;
}

#text_small {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;

}

#text_medium {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#text_page_subheader {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding-bottom:15px;

}

#text_table_titles {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;

}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid white;
padding: 2px;
background-color: black;
visibility: hidden;
z-index: 100;
font-size:10px;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#leftWrapper{
  position:absolute;
  background-image:url(../images/menu_main_degrade.jpg);
  background-repeat: repeat-y;
  width:180px;
  height:100%;
  padding-left:0px;
  padding-right:20px;
  margin-left:40px;
  top:0;
  }

* html #leftWrapper {
  position: absolute;
}

#contentWrapper{
  	margin-top:110px;
	position:absolute;
	margin-left:250px;
	z-index:3;
	
}

#logo{
  	position:absolute;
	top:0px;
	left:26px;
	z-index:20;
	
}

* html #logo {
  position: absolute;
}


#top{
	padding-bottom:5px;
	position:absolute;
	z-index:5;
	height:95px;
	width:100%;
	background-image:url(../images/top_background.jpg);
}

#topbanner{
	margin-top:15px;

}

#topmain{
	width:740px;
	padding-left:250px;
}

#topminibar{
	width:740px;
	margin-top:0/*9px*/;
	padding-left:250px;
}


#contentArea{
	position:relative;
	width:740px;

}

#contenttable{
	line-height: 140%;
	background-image:url(../images/opac_background.png);
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:15px;
	width:720px;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	border-radius: 5px; /* CSS3 */
}

#horizontal_spacer{
	height:1px;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	background-image:url(../images/horizontal_spacer.png);
	background-repeat: repeat-x;

}

#footer{
	padding-bottom:5px;
	z-index:20;

}

#contentTitleText{
	/*position:relative;*/
	background-image:url(../images/info_bar.jpg);
	padding-top:3px;
	padding-bottom:4px;
	padding-left:8px;
	width:732px;
	font-weight:bold;
	font-size:14px;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	border-radius: 5px; /* CSS3 */
}

#menu{
	margin-top:135px;
	width:200px;
	z-index:15;
	height:100%;
}

#menu_lower_part{
	width:100%;
	background-image:url(../images/menu_button_lower.jpg);
	
}

/* BG image */
#background_image{
	position:absolute;
	top:100px;
	left:0px;
	z-index:-1;
	overflow:hidden;
}

.formtext { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	margin-right: 6px; 
	margin-left: 6px;
	margin-top: 0px;
	margin-bottom: 3px;
	border: 1px solid #DB5B00;
	background-color: #313336; 
	color: #FFFFFF; 

}

.formbuttons { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 9px; 
 background-color: #3B3E44; 
 color: #FFFFFF;
-moz-border-radius: 4px; /* Firefox */
-webkit-border-radius: 4px; /* Safari, Chrome */
border-radius: 4px; /* CSS3 */
border:2px outset #D3D8DE;
}
.formbuttons:hover, .formbuttons:focus {background-color:#50535B; border:2px outset white}

img.percentImage {
 background: white url(/images/percentImage_back.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}

#annoucment { 
	position:absolute;
	top:150px;
	left:270px;
	line-height: 140%;
	background-image:url(../images/opac_background.png);
	padding-left:8px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:8px;
	width:550px;
	border: 2px solid #DB5B00;
	z-index:1000000;
}

.row_normal {  }
.row_highlight { background-color: #2D3137 }

.meter-wrap{
    position: relative;
	margin-top: 1px;
	margin-left: 4px;
}

.meter-wrap, .meter-value, .meter-text {
    /* The width and height of your image */
    width: 155px; height: 20px;
	
}

.meter-wrap, .meter-value {
    background: #bdbdbd url(../images/progressbar.png) top left no-repeat;
}
            
.meter-text {
    position: absolute;
    top:0; left:0;

    padding-top: 0px;
                
    color: #fff;
    text-align: center;
    width: 100%;
}

/*== OLD Chat
================ */
#chat_body {background-image:none}
#oldchatbox{
	line-height: 140%;
	background-image:url(../images/opac_background.png);
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:10px;
	width:620px;
	border: 2px solid #DB5B00;
	z-index:99999;
}

/*== NEW Chat
================ */
#chatframe{
	line-height: 140%;
	background:url(../images/opac_background.png) repeat;
	padding:6px 12px 12px;
	width:620px;
	border: 2px solid #DB5B00;
	z-index:99999;
	-moz-border-radius: 12px; /* Firefox */
	-webkit-border-radius: 12px; /* Safari, Chrome */
	border-radius: 12px; /* CSS3 */
}

#chatframe .formtext{
	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari, Chrome */
	border-radius: 4px; /* CSS3 */
	margin:0 !important;
	padding:2px;
}

#chatbox {
	position:relative;
	overflow:auto;
	text-align:left;
	margin:20px 0 0;
	height:400px;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	border-radius: 5px; /* CSS3 */
	resize:vertical;
	
}

.admin_post, .user_post {position:relative; border-bottom:2px solid #101112;
margin-right:5px;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari, Chrome */
border-radius: 5px; /* CSS3 */}
.admin_post {background-color:#313336}
.user_post {background:url(../images/chat_bg.png) repeat}
.post_info {padding:6px 8px 10px; height:30px; width:105px; position:absolute; left:0; top:0}
.post_info .post_time {font-size:10px}
.post_text {padding:6px 20px 10px 8px; min-height:30px; margin-left:115px; word-wrap:break-word; }

.chat_quote {position:absolute; bottom:2px; right:2px; background:url(../images/chat_quote.png) no-repeat 0 0; width:18px; height:16px; cursor:pointer}
.chat_quote:hover {background-position: -18px 0}

#chatbox blockquote {background-color:#34363a; border:1px solid #45484F; font-size:11px; margin:10px 1px 10px -1px; padding:6px 10px;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari, Chrome */
border-radius: 5px; /* CSS3 */
}
#chatbox blockquote blockquote {background-color:#383A3E}

a.glow:focus {
	-moz-border-radius: 8px; /* Firefox */
	-webkit-border-radius: 8px; /* Safari, Chrome */
	border-radius: 8px; /* CSS3 */
	-moz-box-shadow: 0 0 4px 2px #FFBF52; /* Firefox */
	-webkit-box-shadow: 0 0 4px 2px #FFBF52; /* Safari, Chrome */
	box-shadow: 0 0 4px 2px #FFBF52; /* CSS3 */
}
