@charset "utf-8";
/*
 * CSS Document
 * Written by Ryan Yonzon
 * http://ryan.rawswift.com/
 */
 
html, body {
	margin:0px; /* FF hack: or we'll have double scrollbar showing on the browser */
	overflow:hidden; /* hide browser's main scrollbar */
}

#main_container {
background-color: #EFEFEF;
	width:100%;
	background-color:#FFFFFF; /* DO NOT REMOVE THIS; or you'll have issue w/ the scrollbar, when the mouse pointer is on a white space */
	
	height:100%;	/* this will make sure that the height will extend at the bottom */
	/*overflow:auto;*/	/* will have a scrollbar at our content containier */
	position:absolute; /* container div must be absolute, for our fixed bar to work */
	overflow-x: hidden;
	overflow-y: scroll;
}

	#main_container .content_wrapper {
		margin-left:auto;
		margin-right:auto;
		width:100%;
	}
	
	#main_container .nonline {
		background-color:#FFFFFF;
		/*top: 29px;*/
		bottom: 29px;
		position: absolute;
		position: fixed;
		font-size:11px;
		font-family: Arial;
		COLOR: #000000;
		border: 1px solid #5e5e5e;
		width: 295px;
		overflow: auto;
		display: none;
		float:left;
	}
	
	#main_container .navcons {
	   background-color:#FFFFFF;
		/*top: 105px;*/
		/*bottom: 29px;*/
		position: absolute;
		/*position: fixed;*/
		/*left: 254px;*/
		font-size:11px;
		font-family: Arial;
		COLOR: #000000;
		border-left: 1px solid #3366ff;
	   border-right: 1px solid #3366ff;
	   border-top: 0px;
	   border-bottom: 1px solid #3366ff;
		width: 185px;
		overflow: auto;
		display: none;
		float:left;
	}
	
	#main_container .navwalls {
	   background-color:#FFFFFF;
		top: 105px;
		/*bottom: 29px;*/
		position: absolute;
		position: fixed;
		left: 352px;
		font-size:11px;
		font-family: Arial;
		COLOR: #000000;
		border-left: 1px solid #3366ff;
	   border-right: 1px solid #3366ff;
	   border-top: 0px;
	   border-bottom: 1px solid #3366ff;
		width: 200px;
		overflow: auto;
		display: none;
		float:left;
	}
	
	#main_container .navbbv {
	   background-color:#FFFFFF;
	   border-left: 1px solid #3366ff;
	   border-right: 1px solid #3366ff;
	   border-top: 0px;
	   border-bottom: 1px solid #3366ff;
	   padding-left: 3px;
	   padding-right: 3px;
	   padding-top: 3px;
	   padding-bottom: 3px;
		top: 105px;
		/*bottom: 29px;*/
		position: absolute;
		position: fixed;
		left: 437px;
		font-size:11px;
		font-family: Arial;
		COLOR: #000000;
		width: 500px;
		overflow: auto;
		display: none;
		float:left;
	}
	
	#main_container .navpms {
	   background-color:#FFFFFF;
		top: 105px;
		/*bottom: 29px;*/
		position: absolute;
		position: fixed;
		font-size:11px;
		font-family: Arial;
		COLOR: #000000;
		border-left: 1px solid #5e5e5e;
	   border-right: 1px solid #5e5e5e;
	   border-top: 1px solid #5e5e5e;
	   border-bottom: 1px solid #5e5e5e;
		width: 200px;
		overflow: auto;
		display: none;
		float:left;
	}
	
	#main_container .navevents {
	   background-color:#FFFFFF;
	   top: 105px;
		/*bottom: 29px;*/
		position: absolute;
		position: fixed;
		font-size:11px;
		font-family: Arial;
		COLOR: #000000;
		border-left: 1px solid #5e5e5e;
	   border-right: 1px solid #5e5e5e;
	   border-top: 1px solid #5e5e5e;
	   border-bottom: 1px solid #5e5e5e;
		width: 200px;
		overflow: auto;
		display: none;
		float:left;
	}
	
	#main_container .navinvite {
	   background-color:#FFFFFF;
	   top: 105px;
		/*bottom: 29px;*/
		position: absolute;
		position: fixed;
		left: 550px;
		font-size:11px;
		font-family: Arial;
		COLOR: #000000;
		border-left: 1px solid #3366ff;
	   border-right: 1px solid #3366ff;
	   border-top: 0px;
	   border-bottom: 1px solid #3366ff;
		width: 170px;
		overflow: auto;
		display: none;
		float:left;
	}
	
	/*#main_container .naveditable {
	   background-color:#FFFFFF;
	   /*top: 15px;*/
		/*bottom: 29px;*/
		position: absolute;
		/*position: fixed;*/
		/*left: 190px;*/
		font-size:11px;
		font-family: Arial;
		COLOR: #000000;
	   border: 0px;
		width: 185px;
		overflow: auto;
		display: none;
		/*float:left;*/
	}*/
	
	#main_container .navcash {
	   background-color:#FFFFFF;
		top: 105px;
		/*bottom: 29px;*/
		position: absolute;
		position: fixed;
		font-size:11px;
		font-family: Arial;
		COLOR: #000000;
		border-left: 1px solid #5e5e5e;
	   border-right: 1px solid #5e5e5e;
	   border-top: 1px solid #5e5e5e;
	   border-bottom: 1px solid #5e5e5e;
		width: 290px;
		overflow: auto;
		display: none;
		float:left;
	}
	
	#main_container .spacer { /* spacer w/ fixed height; give space to the content and fixed bar */
		height:30px;
	}

#nav_menu_wrapper { /* this will ba used as a wrapper for the nav_menu so we can center it (nav_menu). especially for IE */
	height:30px; /* fix bar's height */
	width:900px; /* use 100% of width */
	
	/* center this div */
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:auto;
	vertical-align: middle;

	/* the code below will PUT the bar at the bottom */	
	bottom:0px;
	position:absolute;
	position: fixed;
	/*position:expression("absolute");*/
	
	/* hide scrollbar for this wrapper */
	overflow:hidden;
}

	#nav_menu_wrapper .nav_menu { /* the menu itself */
		height:30px; /* fix bar's height */
		width:898px; /* fixed width */

		/* center this div */
		margin-left:auto;
		margin-right:auto;
		vertical-align: middle;
		
		/* add effect */
		background-color:#ffffff;
		border:#5e5e5e solid 1px;
		font-family: arial;
		font-size: 10px;
	}