/*****************************
 * General Stuff
 *****************************/
 .error {color: red; font-weight: bold;}


/******************************
 * Upload Status Bar
 ******************************/
.progressBar {
	position: relative;
	padding: 2px;
	width: 300px;
	height: 40px;
	font-size: 14px;
}
.progressBar .background {
	border: solid 1px black;
	width: 270px;
	height: 20px;
}
.progressBar .bar {
	position: relative;
	background-color: blue;
	width: 0px;
	height: 20px;
}
		
		
.meetingList 
{
	text-align: center;
}

.meetingList p
{
	font: bold 20px 'Trebuchet MS', 'Lucida Grande',arial,san-serif; color: #000000;
}

.centered { text-align: center; }

/* little irc info div with server, channel name and mIRC download */
#ircInfo 
{
	display: none; 
	background-color: #FFFFCC; 
	border: 1px solid; border-color: #000; 
	margin-top: 10px;
	padding: 10px;
}

#ircInfo .mircLink:hover
{
	opacity: .75;
	filter: alpha(opacity=75);
}

#guidelineNav a
{
	font-weight: bold;
	margin-left: 20px;
}

#guidelineNav a.active
{
	background-color: #6699FF;
	color: #fff;
}

/* actual list of rules */
.guidelineDiv
{
	background-color: #FFFFCC;
	border: 1px solid;
	padding: 5px;
	margin-bottom: 0px;
}

#greeter, #op {display: none;}

/************************************
 * Flyer Related
 ************************************/
#flyerLinkDiv {height: 84px; line-height: 64px;}
#flyerLinkDiv a {text-decoration: none; text-align: center; line-height: normal; display: block; float: left; }
#flyerLinkDiv a:hover
{
	background-color: #6699FF;
}

/*** Donation Image Rollover -- this will not work in shitty browsers like IE 6***/
input#donationImg:hover
{
	opacity: .55;
	filter: alpha(opacity=55);
}

.naLink 
{
	font-size: 16px; font-weight: bold;
	clear: both;
}

.linkDiv
{
	background-color: #FFFFCC;
	border: 1px solid;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	margin-bottom: 10px;
}

.rollLink
{
	font-weight: bold;
	margin: 10px 0px 0px 10px;
}

/* for greyed out divs etc */
.greyed
{
	background-color: #CCCCCC !important;
}

.deadLink
{
	color: red;
	font-size: 10px;
	margin-left: 15px;
}

/*** special rules for chat page (the little 800x600 one) hide all the standard divs etc */
.chatBody #left,
.chatBody #header {display: none !important;}

.chatBody {margin: 0px; padding: 0px; }
.chatBody #container 
{
	width: 800px !important; 
	margin-top: 0px !important;
	border: 0px none !important;
	height: 600px !important;
	background: url(images/grey_background.gif) repeat;
	padding: 0px;
}

* html .chatBody {text-align: center;} /* IE6 sucks */
.chatBody h1 {margin-top: 10px;}
.chatBody hr {width: 90%;}
.chatBody label {font-weight: bold; margin-right: 10px; }


.chatBody #nickDiv {
	height: 200px;
	margin: 200px auto;
	width: 500px;
	border-color: #3366cc;
	border: 5px solid #3366cc;
	text-align: center ;
}
* html .chatBody #nickDiv {margin-left: 150px;  }

/*** Picture Stuff ***/
.allPics 
{
	background-color: #FFFFCC; 
	border: 1px solid; border-color: #000; 
	padding-top: 10px; padding-bottom: 10px;
	margin: 10px auto;
}

* html .picDiv { }
.picDiv { margin-bottom: 20px; }
.picDiv img
{
	max-width: 200px; max-height: 350px;
	margin: auto;
	border: 0px;
}

* html .picDiv img {width: auto;}
* html .picDiv img
{
	/* if (this.clientWidth>200) "200px"; should work but doesn't*/
    width: expression((this.clientWidth > 200) ? '200px' : (this.clientWidth + 'px')); 
	/*this.clientWidth > 200 ? "200px": this.clientWidth +"px"); */
  /*  height: expression(this.clientHeight > 325? "325px": this.clientHeight + "px");	 */
}

.picDiv .caption
{
	width: 200px; text-align: center;  display: block;
}

* html .picDiv .caption {display: inline; }

.pageNumbers {margin-top: 10px; margin-bottom: 10px;}
.pageNumbers a,
.pageNumbers label
{
	font-size: 18px; font-weight: bold; margin-left: 10px;
}

.pageNumbers input {float: right; margin-right: 10px;}
.pageNumbers input.filter {float: right; margin-right: 10px; width: 75px; margin-top: 0px; }
.pageNumbers label.filter {float: right; margin-right: 10px; font-weight: bold; }

#TOC
{
	background-color: #66CCCC; border: 1px solid; padding: 10px; margin-top: 10px;
}

#TOC h2 {margin-top: 0px;}

#TOC ul {list-style: none; margin: 0px; padding: 0px; }
#TOC ul li {padding: 0px; margin: 0px; font-weight: bold; font-size: 14pt; margin-bottom: 5px;}
.storyDiv
{
	background-color: #FFFF99; border: 1px solid; border-color: #000;
	display: none; padding: 10px;
}

#deadLinkForm label
{
	font-weight: bold; width: 125px; display: block; float: left;
}



/* "Big Table" used for pages like speaker one that are basically just a big table */

table.bigTable {
	width: 90%;
	border-color: #FFCC99;
	border-collapse: collapse;
	margin: 10px auto;
}

table.bigTable, table.bigTable td, table.bigTable tr
{
	border: 2px solid;
	border-color: #FF9966;
}

table.bigTable td {padding: 5px;}

table.bigTable tr.title, table.bigTable tr.title td
{
	background-color: #FFCC99;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;	
	font-size: larger;
}

table.bigTable tr.subTitle, table.bigTable tr.subTitle td
{
	background-color: #FFCC99;
	font-style: italic;	
}