/* top elements */
* { margin: 0;	padding: 0; }

body {
	margin: 0; padding: 0;
	font: 70%/1.5 Tahoma, Arial, Helvetica, sans-serif;
	color: #333; 
	background: #FFF url(images/bg.gif) repeat-x;
}

/* links */
a {
	color: #003366;
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	color: #CC0001; 
	background-color: inherit;
}

/* headers */
h1, h2, h3 {
	font-family: Arial, 'Trebuchet MS', Sans-Serif;
	font-weight: bold;
	color: #333;
}
h1 {
	font-size: 120%;
	letter-spacing: .5px;
}
h2 {
	font-size: 115%;	
	text-transform: uppercase; 		
}
h3 {
	font-size: 115%;
	color: #003366;		
}

/* images */
img {
}
img.float-right {
  margin: 5px 0px 10px 10px;  
}
img.float-left {
  margin: 5px 10px 10px 0px;
}
img.hud {
  padding-top: 0;
}

h1, h2, p {
	padding: 0;		
	margin: 10px;
}

ul, ol {
	margin: 10px 20px;
	padding: 0 20px;
}

code {
  margin: 10px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 4px solid #CC0000;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 10px;
 	padding: 0 0 0 32px;  	
  	background: #FAFAFA url(images/quote.gif) no-repeat 5px 10px !important; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-left: 4px solid #CC0000; 
	font-weight: bold;  
}

/* form elements */
form {
	margin:10px; padding: 0 5px;
}

/**********************************
  LAYOUT 
***********************************/
#wrap {
	margin: 0 auto; 
	width: 900px;
}

/* header */
#header {

	margin: 0; padding: 0;
	height: 81px;
	width: 900px;
	background: url(images/cc_top.png) no-repeat center top;
}
/* HUD navigation */
#hud {
	font-family: tahoma;
	font-size: 14px;
	float: left;
	margin: 15px 0 0 0; padding: 0;
	width: 740px;
	height: 32px;
}
#hud .text {
	padding-left: 20px;
}
#hudr {
	font-family: tahoma;
	font-size: 12px;
	float: right;
	margin: 15px 0 0 0; padding: 0;
	width: 150px;
	height: 32px;
}
/* front page */
#splash {
	font-family: tahoma;
	font-size: 12px;
	float: left;
	width: 615px;	
	height: 700px;
	margin: 0 0 0 0; padding: 0;
	background: url(images/center.png) repeat center top;
}
/* main column */
#main {
	font-family: tahoma;
	font-size: 12px;
	float: left;
	margin: 0 0 20px 0; padding: 0;
	width: 605px;	
	background: #FFF url(images/mi_rep.png) repeat center top;
}
#main h1 {
	margin: 0 0;
	font-family: tahoma;
	padding: 6px 0 0 10px;
	height: 34px;
	font-size: 14px;
	color: #000000;
	background: url(images/main_top.png) no-repeat center top;
	letter-spacing: 0px;
}
#main .info-box {
	font-family: tahoma;
}
#main .end-box {
	font-family: tahoma;
	height: 8px;
	background: url(images/mi_bot.png) no-repeat center bottom;
}
/* posting main */
#pmain {
	font-family: tahoma;
	font-size: 12px;
	float: right;
	margin: 0 0 20px 0; padding: 0;
	width: 665px;	
	background: #FFF url(images/post/main_bk.png) repeat center top;
}
#pmain h1 {
	margin: 0 0;
	font-family: tahoma;
	padding: 8px 0 0 15px;
	height: 39px;
	font-size: 14px;
	color: #000000;
	background: url(images/post/h1.png) no-repeat center top;
	letter-spacing: 0px;
}
#pmain .info-box {
	font-family: tahoma;
}
#pmain .end-box {
	font-family: tahoma;
	height: 14px;
	background: url(images/post/main_bot.png) no-repeat center bottom;
}
/* post sidebar */
#pside {
	float: left;
	width: 225px;
	margin: 0; padding: 0; 
	background-color: #FFFFFF; 	
	font-family: tahoma;
	font-size: 12px;
}
#pside .swrap {
	margin: 0 0 0 0;
	background: #FFF url(images/post/side_bk.png) repeat center top;
}
#pside h1 {
	margin: 5px 0;
	font-family: tahoma;
	padding: 2px 0 6px 10px;
	height: 15px;
	font-size: 14px;
	color: #000000;
	background: url(images/post/sh1.png) no-repeat center top;
	letter-spacing: 0px;	
	border-bottom: 1px solid #CCCCCC;
}
#pside .left-box {
	
}
#pside .end-box {
	height: 8px;
	background: url(images/post/side_bot.png) no-repeat center bottom;
}
/* main on right */
#mainr {
	font-family: tahoma;
	font-size: 12px;
	float: right;
	margin: 0 0 20px 0; padding: 0;
	width: 605px;	
	background: #FFF url(images/mi_rep.png) repeat center top;
}
#mainr h1 {
	margin: 0 0;
	font-family: tahoma;
	padding: 8px 0 0 15px;
	height: 34px;
	font-size: 14px;
	color: #000000;
	background: url(images/main_top.png) no-repeat center top;
	letter-spacing: 0px;
}
#mainr .info-box {
	font-family: tahoma;
}
#mainr .end-box {
	font-family: tahoma;
	height: 8px;
	background: url(images/mi_bot.png) no-repeat center bottom;
}
/* middle column */
#midcol {
	font-family: tahoma;
	font-size: 12px;
	float: none;
	margin: 50px 0 20px 250px;
	width: 415px;	
	background: #FFF url(images/bak1.jpg) repeat center top;
}
#midcol h1 {
	margin: 0 0;
	font-family: tahoma;
	padding: 6px 0 0 10px;
	height: 34px;
	font-size: 14px;
	color: #000000;
	background: url(images/bartop.jpg) no-repeat center top;
	letter-spacing: 0px;
}
#midcol .info-box {
	font-family: tahoma;
}
#midcol .end-box {
	font-family: tahoma;
	height: 8px;
	background: url(images/barbottom.jpg) no-repeat center bottom;
}
/* main 745 column */
#main745 {
	font-family: tahoma;
	font-size: 12px;
	float: right;
	margin: 0 0 20px 0; padding: 0;
	width: 755px;	
	background: #FFF url(images/745_back.jpg) repeat center top;
}
#main745 h1 {
	margin: 0 0;
	font-family: tahoma;
	padding: 6px 0 0 10px;
	height: 34px;
	font-size: 14px;
	color: #000000;
	background: url(images/745_t.jpg) no-repeat center top;
	letter-spacing: 0px;
}
#main745 .info-box {
	font-family: tahoma;
}
#main745 .end-box {
	font-family: tahoma;
	height: 8px;
	background: url(images/745_b.jpg) no-repeat center bottom;
}
#side745 {
	font-family: tahoma;
	font-size: 12px;
	float: left;
	margin: 0; padding: 0; 
	width: 120px;	
	height: 600px;
}
/* main filedir column */
#filedir {
	font-family: tahoma;
	font-size: 12px;
	float: right;
	margin: 0 0 20px 0; padding: 0;
	width: 736px;	
	background: #FFF url(images/t5/file_rep.png) repeat center top;
}
#filedir h1 {
	margin: 0 0;
	font-family: tahoma;
	padding: 5px 0 0 10px;
	height: 33px;
	font-size: 14px;
	color: #000000;
	background: url(images/t5/file_top.png) no-repeat center top;
	letter-spacing: 0px;
}
#filedir .end-box {
	font-family: tahoma;
	height: 20px;
	background: url(images/t5/file_bot.png) no-repeat center bottom;
}
/* file sidebar */
#fileside {
	float: left;
	width: 140px;
	margin: 0;
	padding-left: 24px;
	padding-top: 7px;
	background-color: #FFFFFF; 	
	font-family: tahoma;
	font-size: 12px;
}
#fileside .swrap {
	margin: 0 0 0 0;
	background: #FFF url(images/t5/fside_rep.png) repeat center top;
}
#fileside h1 {
	margin: 5px 0;
	font-family: tahoma;
	padding: 0 0 0 10px;
	height: 2px;
	font-size: 2px;
	color: #000000;
	background: url(images/t5/fside_top.png) no-repeat center top;
}
#fileside .end-box {
	height: 8px;
	background: url(images/t5/fside_bot.png) no-repeat center bottom;
}
#barline {
border-bottom: 1px solid #CCCCCC;
}

/* sidebar */
#sidebar {
	float: right;
	width: 285px;
	margin: 0; padding: 0; 
	background-color: #FFFFFF; 	
	font-family: tahoma;
	font-size: 12px;
}
#sidebar .swrap {
	margin: 0 0 10px 0;
	background: #FFF url(images/sr.png) repeat center top;
}
#sidebar h1 {
	margin: 0 0;
	font-family: tahoma;
	padding: 8px 0 4px 10px;
	height: 15px;
	font-size: 14px;
	color: #000000;
	background: url(images/st.png) no-repeat center top;
	letter-spacing: 0px;	
}
#sidebar .left-box {
	
}
#sidebar .end-box {
	height: 8px;
	background: url(images/sb.png) no-repeat center bottom;
}
#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 3px 0px 8px 0; padding: 0;
	text-decoration: none;		
}
#sidebar ul.sidemenu li {
	border-bottom: 1px solid #f2f2f2; 
	background: url(images/bullet.gif) no-repeat 3px 2px;	
	padding: 3px 5px 3px 25px;
	margin: 0;	
}
#sidebar ul.sidemenu a {
	font-weight: bolder;
	padding: 3px 0px;	
	background: none;
}

/* footer */
.ccfooter {
margin-top:20px;
	clear: both;
	border-top: 2px solid #f2f2f2;
	border-bottom: 2px solid #f2f2f2;
	padding: 0 0 0 0;
	text-align: center;
	line-height: 1.5em;
	font-size: 95%;
	background-color: #F5F5F5;
}
.ccfooter a { 
	text-decoration: none; 
	font-weight: bold;		
}



/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes  */
.clear {	clear: both; }
.red   { color: #CC0000; }
.green { color: #33FF00; }
.gt {
	color: #797979;
	font-size: 12px;
	font-family: tahoma;
}
.gt a {
	color: #797979;
	background-color: inherit;
	text-decoration: underline
}
.smalltext {
	color: #797979;
	font-size: 10px;
	font-family: tahoma;
}
.calhead {
	color: #000000;
	font-size: 25px;
	font-family: tahoma;
}
.classes {
	color: #000000;
	font-size: 13px;
	font-family: tahoma;
}

.comments { 
	margin: 20px 10px 5px 10px; 
	padding: 3px 0;
	border-bottom: 1px dashed #EFF0F1; 	
	border-top: 1px dashed #EFF0F1;	
}
.perror {
	color: #000000;
	font-size: 24px;
	font-family: tahoma;
}
.msg {
	color: #000000;
	font-size: 15px;
	font-family: tahoma;
}



/* ENHANCED FORM STYLING*/

/*Defaults Styling*/
fieldset {padding:10px; border:1px solid #fff;}
input, textarea, select {font:12px/12px Arial, Helvetica, sans-serif; padding:0;}
fieldset.action {background:#9da2a6; border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; margin-top:-20px;}
legend {background:#bfbf30; color:#fff; font:17px/21px Calibri, Arial, Helvetica, sans-serif; padding:0 10px; margin:-26px 0 0 -11px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3;}
label {font-size:11px; font-weight:bold; color:#666;}
label.opt {font-weight:normal;}
dl {clear:both;}
dt {float:left; text-align:right; line-height:25px; margin:0 10px 10px 0;}
dd {float:left; line-height:25px; margin:0 0 10px 0;}

/*Text inputs*/
.NFText {border:none; vertical-align:middle; font:12px/15px Arial, Helvetica, sans-serif; background:none;}
.NFTextCenter {height:15px; background:url(img/input.png) repeat-x 0 0; padding:3px 0; margin:0; float:left; line-height:15px;}
.NFTextLeft, .NFTextRight {width:7px; height:21px; vertical-align:middle; float:left;}
.NFTextLeft {background:url(img/input-left.png) no-repeat 0 0;}
.NFTextRight {background:url(img/input-right.png) no-repeat 0 0;}
/*Radio*/
.NFRadio {cursor:pointer; position:absolute; display:block; width:13px; height:13px; border:1px solid transparent; background:url(img/radio.png) no-repeat 0 0; z-index:2;}
/*Checkbox*/
.NFCheck {cursor:pointer; position:absolute; width:12px; height:12px; border:1px solid transparent; background:url(img/checkbox.png) no-repeat 0 0; z-index:2;}
/*Buttons*/
.NFButton {width:auto; height:26px; color:#fff; padding:0 2px; background:url(img/button.png) repeat-x 0 0; cursor:pointer; border:none; font:10px/26px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:1px; vertical-align:middle;}
.NFButtonLeft, .NFButtonRight {width:6px; height:26px; vertical-align:middle;}
.NFButtonLeft {background:url(img/button-left.png) no-repeat 0 0;}
.NFButtonRight {background:url(img/button-right.png) no-repeat 0 0;}
/*Textareas*/
.NFTextarea {border:none; background:none; font:12px/12px Arial, Helvetica, sans-serif; margin:0;}
.NFTextareaTop, .NFTextareaBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFTextareaTop {background:url(img/textarea-tr.png) no-repeat 100% 0;}
.NFTextareaBottom {background:url(img/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFTextareaTopLeft, .NFTextareaBottomLeft {width:5px; height:5px;}
.NFTextareaTopLeft {background:#f2f2e6 url(img/textarea-tl.png) no-repeat 0 0;}
.NFTextareaBottomLeft {background:#f2f2e6 url(img/textarea-bl.png) no-repeat 0 0;}
.NFTextareaLeft, .NFTextareaRight, .NFTextareaLeftH, .NFTextareaRightH {float:left; padding-bottom:5px;}
.NFTextareaLeft, .NFTextareaLeftH {width:5px;}
.NFTextareaLeft {background:url(img/textarea-l-off.png) repeat-y 0 0;}
.NFTextareaLeftH {background:url(img/textarea-l-over.png) repeat-y 0 0;}
.NFTextareaRight, .NFTextareaRightH {padding-right:5px; padding-bottom:0;}
.NFTextareaRight {background:url(img/textarea-r-off.png) repeat-y 100% 0;}
.NFTextareaRightH {background:url(img/textarea-r-over.png) repeat-y 100% 100%;}
/*Files*/
.NFFileButton {padding-bottom:0; vertical-align:bottom; cursor:pointer; background:url(img/file.png) no-repeat 0 0; width:60px; height:21px;}
.NFFile {position:relative; margin-bottom:5px;}
.NFFile input.NFhidden {position:relative; filter:alpha(opacity=0); opacity:0; z-index:2; cursor:pointer; text-align:left;}
.NFFileNew {position:absolute; top:0px; left:0px; z-index:1;}
/*Selects*/
.NFSelect {height:21px; position:absolute; border:1px solid transparent;}
.NFSelectLeft {float:left; width:3px; height:21px; background:url(img/select-left.png) no-repeat 0 0; vertical-align:middle;}
.NFSelectRight {height:21px; width:auto; background:url(img/select-right.png) no-repeat 100% 0; cursor:pointer; font:12px/21px Arial, Helvetica, sans-serif; color:#fff; padding-left:3px; margin-left:3px;}
.NFSelectTarget {position:absolute; background:none; margin-left:-13px; margin-top:18px; z-index:3; left:0; top:0; padding-bottom:13px;}
.NFSelectOptions {position:relative; background:#707175; margin-left:16px; margin-top:0; list-style:none; padding:4px 0; color:#fff; font:11px/13px Arial, Helvetica, sans-serif; z-index:4; max-height:200px; overflow-y:auto; overflow-x:hidden; left:0; top:0;}
.NFSelectOptions li {padding-bottom:1px;}
.NFSelectOptions a {display:block; text-decoration:none; color:#fff; padding:2px 3px; background:none;}
.NFSelectOptions a.NFOptionActive {background:#464646;}
.NFSelectOptions a:hover {background:#333;}
/*Multiple Selects*/
.NFMultiSelect {border:0; background:none; margin:0;}
.NFMultiSelectTop, .NFMultiSelectBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFMultiSelectTop {background:url(img/textarea-tr.png) no-repeat 100% 0;}
.NFMultiSelectBottom {background:url(img/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFMultiSelectTopLeft, .NFMultiSelectBottomLeft {width:5px; height:5px;}
.NFMultiSelectTopLeft {background:#f2f2e6 url(img/textarea-tl.png) no-repeat 0 0;}
.NFMultiSelectBottomLeft {background:#f2f2e6 url(img/textarea-bl.png) no-repeat 0 0;}
.NFMultiSelectLeft, .NFMultiSelectRight, .NFMultiSelectLeftH, .NFMultiSelectRightH {float:left; padding-bottom:5px;}
.NFMultiSelectLeft, .NFMultiSelectLeftH {width:5px;}
.NFMultiSelectLeft {background:url(img/textarea-l-off.png) repeat-y 0 0;}
.NFMultiSelectLeftH {background:url(img/textarea-l-over.png) repeat-y 0 0;}
.NFMultiSelectRight, .NFMultiSelectRightH {padding-right:5px; padding-bottom:0;}
.NFMultiSelectRight {background:url(img/textarea-r-off.png) repeat-y 100% 0;}
.NFMultiSelectRightH {background:url(img/textarea-r-over.png) repeat-y 100% 0;}

/*Focused*/
.NFfocused {border:1px dotted #666;}
/*Hovered*/
.NFh {background-position:0 100%;}
.NFhr {background-position:100% 100%;}
/*Hidden*/
.NFhidden {opacity:0; z-index:-1; position:relative;}
/*Safari*/
select, input, textarea, button {outline:none; resize:none;}






/* Tabbing System */
.bluetabs{
padding-top: 42px;
padding-left: 450px;
}

.bluetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 14px Tahoma;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}


.bluetabs li{
display: inline;
margin: 0;
}

.bluetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 0px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(media/tab.gif) top left repeat-x; /*THEME CHANGE HERE*/
	/*--Top left rounded corner--*/
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	/*--Top right rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;

}

.bluetabs li a:visited{
color: #000000;
}

.bluetabs li a:hover{
text-decoration: underline;
color: #000000;
}

.bluetabs li.selected{
}

.bluetabs li.selected a{ /*selected main tab style */
background-image: url(media/tabover.gif); /*THEME CHANGE HERE*/
border-bottom-color: white;
}

.bluetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_b{
position:absolute;
top: 0;
border: 1px solid #918d8d; /*THEME CHANGE HERE*/
border-width: 0 1px;
font:normal 12px Tahoma;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv_b a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #918d8d; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
color: black;

}

* html .dropmenudiv_b a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_b a:hover{ /*THEME CHANGE HERE*/
background-color: #CCCCCC;
}


/* Calendar CSS Styling */
table.calendar {

}
table.calendar td { 
vertical-align: top;
width: 130px;
height:100px;
}


#footpanel {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background: #e3e2e2;
	border: 1px solid #c3c3c3;
	border-bottom: none;
	width: 94%;
	margin: 0 3%;
	font: 10px normal Verdana, Arial, Helvetica, sans-serif;

}
img {border: none;}


*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#footpanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
	font-size: 1.1em;
}
#footpanel ul li{
	padding: 0; margin: 0;
	float: left;
	position: relative;
}
#footpanel ul li a{
	padding: 5px;
	float: left;
	text-indent: -9999px;
	height: 16px; width: 16px;
	text-decoration: none;
	color: #333;
	position: relative;
}
html #footpanel ul li a:hover{	background-color: #fff; }
html #footpanel ul li a.active { /*--Active state when subpanel is open--*/
	background-color: #fff;
	height: 17px;
	margin-top: -2px; /*--Push it up 2px to attach the active button to subpanel--*/
	border: 1px solid #555;
	border-top: none;
	z-index: 200; /*--Keeps the active area on top of the subpanel--*/
	position: relative;
}


#footpanel a.home{	
	background: url(images/cbar/home.png) no-repeat 15px center;
	width: 50px;
	padding-left: 40px;
	border-right: 1px solid #bbb;
	text-indent: 0; /*--Reset text indent--*/
}
a.profile{	background: url(images/cbar/user.png) no-repeat center center;  }
a.contacts{	background: url(images/cbar/address_book.png) no-repeat center center; }
a.playlist{	background: url(images/cbar/document_music_playlist.png) no-repeat center center; }
a.videos{	background: url(images/cbar/film.png) no-repeat center center; }
a.messages{	background: url(images/cbar/mail.png) no-repeat center center; }
a.editprofile{	background: url(images/cbar/wrench_screwdriver.png) no-repeat center center; }
#footpanel a.chat{	
	background: url(images/cbar/balloon.png) no-repeat 15px center;
	width: 126px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding-left: 40px;
	text-indent: 0; /*--Reset text indent--*/
}
a.alerts{	background: url(images/cbar/newspaper.png) no-repeat center center;	 }

#footpanel li#chatpanel, #footpanel li#alertpanel {	float: right; }  /*--Right align the chat and alert panels--*/

#footpanel a small {  /*--panel tool tip styles--*/
	text-align: center;
	width: 70px;
	background: url(images/cbar/pop_arrow.gif) no-repeat center bottom;
	padding: 5px 5px 11px;
	display: none; /*--Hide by default--*/
	color: #fff;
	font-size: 1em;
	text-indent: 0;
}
#footpanel a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute;
	top: -35px; /*--Position tooltip 35px above the list item--*/
	left: 50%; 
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 9999;
}





#footpanel ul li div a { /*--Reset link style for subpanel links--*/
	text-indent: 0;
	width: auto;
	height: auto;
	padding: 0;
	float: none;
	color: #00629a;
	position: static;
}
#footpanel ul li div a:hover {	text-decoration: underline; } /*--Reset link style for subpanel links--*/

#footpanel .subpanel {
	position: absolute;
	left: 0; bottom: 27px;
	display: none;	/*--Hide by default--*/
	width: 198px;
	border: 1px solid #555;
	background: #fff;
	overflow: hidden;
	padding-bottom: 2px;
}
#footpanel h3 {
	background: url(images/cbar/h3.png) repeat-x left center;
	padding: 5px 10px;
	color: #fff;
	font-size: 1.1em;
	cursor: pointer;
}
#footpanel h3 span { 
	font-size: 1.5em;
	float: right;
	line-height: 0.6em;	
	font-weight: normal;
}
#footpanel .subpanel ul{
	padding: 0; margin: 0;
	background: #fff;
	width: 100%;
	overflow: auto;
}
#footpanel .subpanel li{ 
	float: none; /*--Reset float--*/
	display: block;
	padding: 0; margin: 0;
	overflow: hidden;
	clear: both;
	background: #fff;
	position: static;  /*--Reset relative positioning--*/
	font-size: 0.9em;
}

#chatpanel .subpanel li { background: url(images/cbar/dash.gif) repeat-x left center; } 
#chatpanel .subpanel li span {
	padding: 5px;
	background: #fff;
	color: #777;
	float: left;
}
#chatpanel .subpanel li a img {
	float: left;
	margin: 0 5px;
}
#chatpanel .subpanel li a{
	padding: 3px 0;	margin: 0;
	line-height: 22px;
	height: 22px;
	background: #fff;
	display: block;
}
#chatpanel .subpanel li a:hover {
	background: #af0101;
	color: #fff;
	text-decoration: none;
}


#alertpanel .subpanel { right: 0; left: auto; /*--Reset left positioning and make it right positioned--*/ }
#alertpanel .subpanel li {
	border-top: 1px solid #f0f0f0;
	display: block;
}
#alertpanel .subpanel li p {padding: 5px 10px;}
#alertpanel .subpanel li a.delete{
	background: url(images/cbar/delete_x.gif) no-repeat;
	float: right;
	width: 13px; height: 14px;
	margin: 5px;
	text-indent: -9999px;
	visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/
}
#alertpanel .subpanel li a.delete:hover { background-position: left bottom; }
#footpanel #alertpanel li.view {
	text-align: right;
	padding: 5px 10px 5px 0;
}