/*
/*
==================================================================
JimbobslimbobWEB Standard CSS Stylsheet
------------------------------------------------------------------
James Compton 2012-2017
------------------------------------------------------------------
================================================================== */
/*
=================================
General / Basic CSS
================================= */

/* Printing */
@media print
{
.noprint {
	display: none;
}
}

/* General */

/* apply a natural box layout model to all elements, but allowing components to change */
/*http://www.paulirish.com/2012/box-sizing-border-box-ftw/*/
html {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

}
*, *:before, *:after {
  box-sizing: inherit;
}

table.bottomBorder { border-collapse:collapse; }
table.bottomBorder td, table.bottomBorder th { border-bottom:1px solid #537AC6;padding:5px; }

BODY {
	font-family: "Verdana", "Geneva", "Tahoma", sans-serif;
	background-color: #000000;
	background-image: url('../images/starfield.png');
	font-size: 18px;
	color: #FFFFFF;
	line-height: 130%;
}
P {
	font-size: 18px;
	color: #FFFFFF;
}
blockquote {
	text-align: left;
	font-size: 14px;
	font-style: italic;
	border: 1px solid #537AC6;
	background-color: transparent;
	background-image: url('../images/nebulalightblue.png');
	padding: 10px;
	margin: 20px;
	left: 20px;
}
BR{
	line-height: 130%;
}
SMALL {
	font-size: 16px;
	line-height: 120%;
}
STRONG {
	font-weight: bold;
}
TABLE {
	border: none;
	margin-left: auto;
	margin-right: auto;
}
TH {
	font-weight: bold;
	color: #ffffff;
	/*padding: 4px;
	font-size: 18px;*/
	text-align: center;
	background-image: url('../images/nebulapurple.png');
	background-repeat: repeat;
}
TD {
	/*padding: 4px;
	font-size: 18px;*/
	text-align: left;
	vertical-align: top;
}
TR {

}
input {
	background-color: #000000;
	color: #FFFFFF;
	border: 1px solid #0066CC;
	font-size: 16px;
	border-radius: 3px;
	box-shadow: inset -1px -1px 1px rgba(0,102,204,0.8), inset 3px 3px 20px rgba(0,102,204,0.7);
}
checkbox {
	background-color: #000000;
	color: #FFFFFF;
	border: 1px solid #0066CC;
	font-size: 16px;
}
.wordwrap {
 /*-ms-word-break: break-all;
     word-break: break-all;

     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;*/
 
  overflow-wrap: break-word;
  word-wrap: break-word;
  overflow-x: hidden;
  min-width: 0;
}
.wordwraplight {
	word-wrap: break-word;
}
.buttonsubmit {
	background-color: #000000;
	color: #FFFFFF;
	border: 2px outset #0066CC;
	font-weight: bold;
	font-size: 15px;
	border-radius: 3px;
	box-shadow: inset -1px -1px 1px rgba(0,52,154,0.9), inset 3px 3px 20px rgba(0,92,194,0.8);
}
.buttonupload{
	background-color: #000000;
	color: #FFFFFF;
	border: 1px solid #0066CC;
	font-weight: bold;
	font-size: 15px;
	border-radius: 3px;
	box-shadow: inset -1px -1px 1px rgba(0,52,154,0.9), inset 3px 3px 20px rgba(0,92,194,0.8);
}
select {
	background-color: #000000;
	color: #FFFFFF;
	border: 1px solid #0066CC;
	font-size: 16px;
}
textarea {
	font-family: "Courier New", sans-serif;
	font-size: 16px;
	background-color: #000000;
	color: #FFFFFF;
	border: 1px solid #0066CC;
	border-radius: 3px;
	box-shadow: inset -1px -1px 1px rgba(0,102,204,0.8), inset 3px 3px 20px rgba(0,102,204,0.7);
}
/*
	=================================
	Classes CSS
	================================= */
.nowrap {
  white-space: nowrap;
}
.allowSpaces {
  white-space: pre-wrap;
}

.fullwidthtable {
	border: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.title {
	background-image: url('../images/nebuladarkblue.png');
	font-size: 26px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	background-repeat: repeat;
}
.titletext {
	font-size: 26px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	background-color: transparent;
}
.head1 {
	border-style: none;
	font-size: 26px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	background-image: url('../images/nebuladarkblue.png');
	background-repeat: repeat;
}
.head2 {
	font-size: 24px;
	font-weight: bold;
	color: #66CCFF;
	text-align: center;
	text-transform: uppercase;
	background-color: transparent;
}
.head3 {
	font-size: 20px;
	color: #BFEBFF;
	font-weight: bold;
}
.head3-sub {
	color: #66CCFF;
}
.warn {
	color: #CC0000;
	background-color: transparent;
	text-align: left;
	font-weight: bold;
}
.disabled {
	color: #808080;
	background-color: transparent;
}
.noborder {
	color: #000000;
	border: none;
	background-color: transparent;
}
.small {
	font-size: 16px;
	/*background-color: transparent;*/
	line-height: 120%;
}
.tiny {
	font-size: 14px;
	background-color: transparent;
	line-height: 110%;
}
.message {
	font-family: "Courier New", sans-serif;
	font-size: 18px;
	background-color: transparent;
	color: #FFFFFF;				/*Black*/
}
.unreadmessage {
	color: #FFFFFF;
	background-image: url('../images/nebulapurple.png');
	background-repeat: repeat;
}
.textHighlight {
	background-image: url('../images/nebulayellowthick.png');
	background-repeat: repeat;
}
.yellowBack {
	background-image: url('../images/nebulayellow.png');
	background-repeat: repeat;
}
.redBack {
	background-image: url('../images/nebulared.png');
	background-repeat: repeat;
}
.greenBack {
	background-image: url('../images/nebulalightgreen.png');
	background-repeat: repeat;
}
.dblueBack {
	background-image: url('../images/nebuladarkblue.png');
	background-repeat: repeat;
}
.loghighlight {
	color: #FFFFFF;
	background-image: url('../images/nebulalightblue.png');
	background-repeat: repeat;
}
.black {
	color: #000000;
	background-color: transparent;
}
.center {
	text-align: center;
	background-color: transparent;
	vertical-align: middle;
}
.top {
	background-color: transparent;
	vertical-align: top;
}
.middle{
	background-color: transparent;
	vertical-align: middle;
}
.left {
	text-align: left;
	background-color: transparent;
}
.right {
	text-align: right;
	background-color: transparent;
}
.body {
	text-align: left;
	vertical-align: top;
	background-color: transparent;
	width: 100%;
	margin-left: 0pt;
	margin-right: 0pt;
	color: #FFFFFF;
}
.infoSmall {
	background-position: left top;
	font-weight: bold;
	color: #CDD9F3;
	text-align: left;
	background-color: transparent;
	background-image: url('../images/icons/information.png');
	background-repeat: no-repeat;
	text-indent: 23px;
	line-height: 17px;
}
.infoSmall2 {
	background-position: left top;
	font-weight: bold;
	color: #203F86;
	text-align: left;
	background-color: transparent;
}
.infoBig {
	background-position: left top;
	font-size: 26px;
	font-weight: bold;
	color: #203F86;
	text-align: left;
	text-transform: uppercase;
	background-color: transparent;
	background-image: url('../images/iconinfobig.gif');
	background-repeat: no-repeat;
	text-indent: 37px;
	line-height: 28px;
}
.serviceNotice {
	background-position: left top;
	font-weight: bold;
	color: #CC6600;
	text-align: left;
	background-color: transparent;
	background-image: url('../images/icons/error.png');
	background-repeat: no-repeat;
	text-indent: 23px;
	line-height: 17px;
}
.serviceNoticeTable {
	border-color: #CC6600;
	border-style: double;
	color: #A65300;
	text-align: left;
	background-color: transparent;
	background-repeat: repeat;
	background-image: url('../images/nebulayellow.png');
	line-height: 17px;
}
.blueTableBorder {
	border: 1px solid #537AC6;
	background-color: transparent;
}
.blueTable {
	border: 1px solid #537AC6;
	background-color: transparent;
	background-image: url('../images/nebulalightblue.png');
}
.greenTable {
	border: 1px solid #537AC6;
	background-color: transparent;
	background-image: url('../images/nebulalightgreen.png');
}
.forumPosterCell {
	width: 165px;
}
.forumQuote {
	text-align: left;
	font-size: 14px;
	font-style: italic;
	border: 1px solid #537AC6;
	background-color: transparent;
	background-image: url('../images/nebulalightblue.png');
	padding: 0px;
	padding: 10px;
	margin: 20px;
	left: 20px;
}
.textColourDisabled {
	color: #686868;
}
.popLight {
	color: #009900;
}
.popAverage {
	color: #FFCC00;
}
.popHeavy {
	color: #FF6600;
}
.popVeryHeavy {
	color: #C40000;
}
.longTextBox {
	width: 90%;
}
.longTextBox2 {
	width: 65%;
}
.forumItalic {
	font-style: italic;
}
.redTable {
	border-color: #CC0000;
	border-style: double;
	color: #CC0000;
	text-align: left;
	background-color: transparent;
	background-repeat: repeat;
	background-image: url('../images/nebulared.png');
	line-height: 17px;
}
.width60 {
	width: 60%;
}
.width40 {
	width: 40%;
}
.width50 {
	width: 50%;
}
.width100 {
	width: 100%;
}
.width25 {
	width: 25%;
}
.width75 {
	width: 75%;
}
.messageFromDateCell {
	width: 15%;
}
.messageIconsCell {
	width: 7%;
}
.messageSubjectCell {
	width: 63%;
}
.messageTitleCell {
	width: 80%;
}
.messageUnreadCell {
	width: 20%;
}
.messageViewTitleCell {
	width: 200px;
}
.steamAvatarCell {
	width: 35px;
}
.usersOnline1{
	width: 17%;
}
.usersOnline2{
	width: 83%;
}
.steamUserCell {
	width: 115px;
}
.steamUserCellRemain{
	width: 830px;
}
.noBold {
	font-weight: normal;
}
.images {
	vertical-align: bottom;
}
.footer {
	border-style: none;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-image: url('../images/nebuladarkblue.png');
	background-repeat: repeat-x;
}
.cellSpacingZero {
	border-spacing: 0px;
}
.forumTable {
	/*border: 1px solid #B9DAE5;*/
	background-color: transparent;
	background-image: url('../images/nebulalightblue.png');
}

.mediaplayer{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display:block;
	position:relative;
}

.halfwidth{
	width: 50%;
}
.chatBox {
	border: 1px solid #537AC6;
	background-color: transparent;
	padding : 4px;
	width : auto;
	height : 550px; /*450px;*/
	overflow-y: auto;
	text-align: left;
}
#style-2::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #002046;
}

#style-2::-webkit-scrollbar
{
	width: 12px;
	background-color: transparent;
}

#style-2::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #5197FF;
}
.scrollbar
{
	/*margin-left: 30px;
	float: left;
	height: 300px;
	width: 65px;
	background: #F5F5F5;*/
	overflow-y: scroll;
	/*margin-bottom: 25px;*/
}
.chatBoxPost {
	border-style: solid solid none solid;
	border-width: 1px;
	border-top-color: #537AC6;
	border-right-color: #537AC6;
	border-left-color: #537AC6;
	background-color: transparent;
	padding : 4px;
	width : auto;
	height : auto;
	text-align: center;
}
.chatBoxWordWrapTableFix{
	table-layout: fixed;
	width: 100%;
	word-wrap: break-word;
	padding: 0px;
	text-align: left;
	float: left;
	margin-right: auto;
	margin-left: 0px
}
.chatBoxWordWrapTableFixCell{
	padding: 0px;
	text-align: left;
}
.containerLogin {
	padding: 5px 0px 0px 0px;
	width: 100%;
	font-size: 14px;
	background-image: url('../images/backgroundLogin.png');
	background-repeat: repeat-y;
	background-position: right;
	height: 35px;
	vertical-align: middle;
	text-align: right;
	background-color: transparent;
	position: relative;
	z-index: inherit;
}
.containerMenu {
	width: 100%;
	/*height: 30px;*/
	display: block;
	float: none;
	/*clear: both;*/
	background-color: transparent;
	border-width: 0px;
	border-style: none;
	background-image: url('../images/backgroundLogin.png');
	background-repeat: repeat;
	
	margin: 0 auto;
	/*width: 100%;*/
	/*float:left;*/
	/*margin-top: 10px;*/
	position: relative;
	display: table;
	z-index: 99;
	/*border-spacing: 0px 5px;	/* Space between rows */
}
.containerMain {
	padding: 10px;
	border: 2px solid #040094;
	max-width: 1250px; /*970px;*/
	min-width: 748px;
	left: auto;
	right: auto;
	margin-right: auto;
	margin-left: auto;
	background-color: transparent;
	zoom: 1;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0px 0px 5px 5px #040094;
	-webkit-box-shadow: 0px 0px 5px 5px #040094;
	box-shadow: 0px 0px 5px 5px #040094;
	behavior: url(ie-css3.htc);
	background-image: url('../images/nebulalightblue.png');
}
.containerBackground {
background-image: url('../images/starfieldnebulamix.png');
}
.containerMain2 {
	padding: 5px;
	width: 920px;
	left: auto;
	right: auto;
	margin-right: auto;
	margin-left: auto;
	background-color: transparent;
}
.containerBody {
	margin: 20px 0 0 0px;
	padding: 0;
	position: relative;
	zoom: 1;
	z-index: 5;
}
.containerTitle {
	text-align: center;
	height: 85px;
	vertical-align: middle;
	width: 100%;
	background-color: transparent;
	position: relative;
	z-index: inherit;
}
.containerPlanets {
	position: absolute;
	/*z-index: 1;*/
	width: 462px;
	height: 308px;
	top: 0px;
	right: 0px;
	background-image: url('../images/planets1.gif');
	background-repeat: no-repeat;
}
.footerNew {
	background-position: bottom;
	border-style: none;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-image: url('../images/nebuladarkblue.png');
	background-repeat: repeat-x;
	height: 60px;
	width: 100%;
	left: auto;
	vertical-align: middle;
	line-height: 14px;
	position: relative;
	z-index: 10;
	zoom: 1;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(ie-css3.htc);
	bottom: auto;
	right: auto;
	top: auto;
}

a.normal {
	font-family: "Verdana", "Geneva", "Tahoma", sans-serif;
	/*font-size: 18px;*/
	color: #FFFFFF;
	line-height: 130%;
	text-decoration: none;
	font-weight:normal;
}
a.normal:link {
	font-family: "Verdana", "Geneva", "Tahoma", sans-serif;
	/*font-size: 18px;*/
	color: #FFFFFF;
	line-height: 130%;
	text-decoration: none;
	font-weight:normal;
}
a.normal:visited {
	font-family: "Verdana", "Geneva", "Tahoma", sans-serif;
	/*font-size: 18px;*/
	color: #FFFFFF;
	line-height: 130%;
	text-decoration: none;
	font-weight:normal;
}
a.normal:active {
	font-family: "Verdana", "Geneva", "Tahoma", sans-serif;
	/*font-size: 18px;*/
	color: #FFFFFF;
	line-height: 130%;
	text-decoration: none;
	font-weight:normal;
}
a.normal:hover {
	font-family: "Verdana", "Geneva", "Tahoma", sans-serif;
	/*font-size: 18px;*/
	color: #FFFFFF;
	line-height: 130%;
	text-decoration: none;
	font-weight:normal;
}

/*
=================================
Hyperlinks CSS
================================= */
a {
	text-decoration: none;
}
a:link {
	color: #5197FF;
	background-color: transparent;
	font-weight: bold;
}
a:visited {
	color: #5197FF;
	background-color: transparent;
	font-weight: bold;
}
a:active {
	color: #5197FF;
	background-color: transparent;
	font-weight: bold;
}
a:hover {
	color: #CCDEFF;
	background-color: transparent;
	text-decoration: underline;
	font-weight: bold;
}
/*
=================================
Log Out Hover Button CSS
================================= */
#imageHoverLogOut a {
	border-style: none;
	border-color: inherit;
	border-width: medium;
	background: url('../images/logoutblue.gif') no-repeat 50% top;
	width: 100px;
		height: 15px;
		display: block;
	}
#imageHoverLogOut a:hover {
	background: url('../images/logoutblue.gif') no-repeat 50% bottom;
}
/* To use it twice on the same page we need another name */
#imageHoverLogOut2 a {
	border-style: none;
	border-color: inherit;
	border-width: medium;
	background: url('../images/logoutblue.gif') no-repeat 50% top;
	width: 100px;
		height: 15px;
		display: block;
	}
#imageHoverLogOut2 a:hover {
	background: url('../images/logoutblue.gif') no-repeat 50% bottom;
}
/*
=================================
Tooltip CSS
================================= */
a.info {
	/*Position it near us*/
	position: relative;
	z-index: 24;
	/*Black - colour of display text*/
	color: #FFFFFF;
	/*Border colour*/
	background-color: transparent;
	text-decoration: none;
	font-style: normal;
}
a.info:hover {
	z-index: 25;
	color: #FFFFFF;
	background-color: transparent;
	background-repeat: repeat;
	background-image: url('../images/nebulalightbluethick.png');
}
a.info span {
	display: none;  			/*Hide the span text using this css*/
}
a.info:hover span {
	display: block;
	position: absolute;
	top: 3.5em;
	left: 3em;
	width: 15em;
	border: 1px solid #779CFF;
	background-color: transparent;
	/*Black - text colour*/
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	font-style: italic;
	z-index: 30;
	text-decoration: none;
	background-repeat: repeat;
	background-image: url('../images/nebulalightbluethick.png');
}

/* Collapsable Div - For EM Server Details*/
.show {display: none; }
.hide:focus + .show {display: inline; }
.hide:focus { display: none; }
.tran1 {-o-transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;}
#secret {opacity: 0; height:0em;}
.hide:focus ~ #secret {opacity: 1; height:auto;}

/* NEW CSS MENU */
	#menu, #menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#menu {
		/*width: 960px;*/
		width: 100%;
		margin: 0px auto;
		border: 1px solid #222;
		background-color: #111;
		background-image: -moz-linear-gradient(#444, #111); 
		background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));	
		background-image: -webkit-linear-gradient(#444, #111);	
		background-image: -o-linear-gradient(#444, #111);
		background-image: -ms-linear-gradient(#444, #111);
		background-image: linear-gradient(#444, #111);
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		/*-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;*/
	}
	
	#menu:before,
	#menu:after {
		content: "";
		display: table;
	}
	
	#menu:after {
		clear: both;
	}
	
	#menu {
		zoom:1;
	}
	
	#menu li {
		float: left;
		border-right: 1px solid #222;
		-moz-box-shadow: 1px 0 0 #444;
		-webkit-box-shadow: 1px 0 0 #444;
		box-shadow: 1px 0 0 #444;
		position: relative;
	}
	
	#menu a {
		float: left;
		/*padding: 12px 30px;*/
		padding: 10px 15px;
		/*color: #999;*/
		color: #329EF1;
		text-transform: uppercase;
		font: bold 12px Arial, Helvetica;
		text-decoration: none;
		text-shadow: 0 1px 0 #000;
	}
	
	#menu li:hover > a {
		color: #fafafa;
	}
	
	*html #menu li a:hover { /* IE6 only */
		color: #fafafa;
	}
	
	#menu ul {
		margin: 20px 0 0 0;
		_margin: 0; /*IE6 only*/
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 38px;
		left: 0;
		z-index: 1;    
		background: #444;
		background: -moz-linear-gradient(#444, #111);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
		background: -webkit-linear-gradient(#444, #111);    
		background: -o-linear-gradient(#444, #111);	
		background: -ms-linear-gradient(#444, #111);	
		background: linear-gradient(#444, #111);
		-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
		-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
		box-shadow: 0 -1px 0 rgba(255,255,255,.3);	
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;  
	}

	#menu li:hover > ul {
		opacity: 1;
		visibility: visible;
		margin: 0;
	}
	
	#menu ul ul {
		top: 0;
		left: 150px;
		/*margin: 0 0 0 20px;*/
		margin: 0 0 0 20px;
		_margin: 0; /*IE6 only*/
		-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		box-shadow: -1px 0 0 rgba(255,255,255,.3);		
	}
	
	#menu ul li {
		float: none;
		display: block;
		border: 0;
		_line-height: 0; /*IE6 only*/
		-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	}
	
	#menu ul li:last-child {   
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;    
	}
	
	#menu ul a {    
		padding: 10px;
		/*width: 130px;*/
		width: 160px;
		_height: 10px; /*IE6 only*/
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
	}
	
	#menu ul a:hover {
		background-color: #0186ba;
		background-image: -moz-linear-gradient(#04acec,  #0186ba);	
		background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
		background-image: -webkit-linear-gradient(#04acec, #0186ba);
		background-image: -o-linear-gradient(#04acec, #0186ba);
		background-image: -ms-linear-gradient(#04acec, #0186ba);
		background-image: linear-gradient(#04acec, #0186ba);
	}
	
	#menu ul li:first-child > a {
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	}
	
	#menu ul li:first-child > a:after {
		content: '';
		position: absolute;
		left: 40px;
		top: -6px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid #444;
	}
	
	#menu ul ul li:first-child a:after {
		left: -6px;
		top: 50%;
		margin-top: -6px;
		border-left: 0;	
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-right: 6px solid #3b3b3b;
	}
	
	#menu ul li:first-child a:hover:after {
		border-bottom-color: #04acec; 
	}
	
	#menu ul ul li:first-child a:hover:after {
		border-right-color: #0299d3; 
		border-bottom-color: transparent; 	
	}
	
	#menu ul li:last-child > a {
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}
	
	/* Mobile */
	#menu-trigger {
		display: none;
	}

	@media screen and (max-width: 600px) {

		/* nav-wrap */
		#menu-wrap {
			position: relative;
		}

		#menu-wrap * {
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}

		/* menu icon */
		#menu-trigger {
			display: block; /* show menu icon */
			/*height: 40px;
			line-height: 40px;*/
			height: 35px;
			line-height: 35px;
			cursor: pointer;		
			padding: 0 0 0 35px;
			border: 1px solid #222;
			color: #fafafa;
			font-weight: bold;
			background-color: #111;
			background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -moz-linear-gradient(#444, #111); 
			background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -webkit-linear-gradient(#444, #111);	
			background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -o-linear-gradient(#444, #111);
			background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -ms-linear-gradient(#444, #111);
			background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, linear-gradient(#444, #111);
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 6px;
			/*-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
			-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
			box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;*/
		}
		
		/* main nav */
		#menu {
			margin: 0; padding: 10px;
			position: absolute;
			/*top: 40px;*/
			top: 35px;
			width: 100%;
			z-index: 1;
			background-color: #444;
			display: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;		
		}

		#menu:after {
			content: '';
			position: absolute;
			left: 25px;
			top: -8px;
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			border-bottom: 8px solid #444;
		}	

		#menu ul {
			position: static;
			visibility: visible;
			opacity: 1;
			margin: 0;
			background: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;				
		}

		#menu ul ul {
			margin: 0 0 0 20px !important;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;		
		}

		#menu li {
			position: static;
			display: block;
			float: none;
			border: 0;
			margin: 5px;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;			
		}

		#menu ul li{
			margin-left: 20px;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;		
		}

		#menu a{
			display: block;
			float: none;
			padding: 0;
			/*color: #999;*/
			color: #329EF1;
		}

		#menu a:hover{
			color: #fafafa;
		}	

		#menu ul a{
			padding: 0;
			width: auto;		
		}

		#menu ul a:hover{
			background: none;	
		}

		#menu ul li:first-child a:after,
		#menu ul ul li:first-child a:after {
			border: 0;
		}		

	}

	@media screen and (min-width: 601px) {
		#menu {
			display: block !important;
		}
	}	

	/* iPad */
	.no-transition {
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
		opacity: 1;
		visibility: visible;
		display: none;  		
	}

	#menu li:hover > .no-transition {
		display: block;
	}
/* END NEW CSS MENU */

/*=================================
CSS Navigation Menu
================================= */
#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
	margin: 0px;
	list-style: none;
	padding: 0px 2px 2px 0px;
	background-color: #003399;
	background-repeat: repeat;
	border-color: #0099CC #111111 #111111 #0099CC;
	border-width: 1px;
	border-style: solid;
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
	display:block;
	zoom: 1;
	float: left;
}
ul.pureCssMenu ul{
	width:155.4px;
}
ul.pureCssMenu li{
	display:block;
	margin:2px 0px 0px 2px;
	font-size: 0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display: block;
	vertical-align: middle;
	background-color: #003399;
	border-width: 1px;
	border-color: #003399 #003399 #003399 #003399;
	border-style: solid;
	text-align: left;
	text-decoration: none;
	padding: 2px 5px 2px 10px;
	_padding-left: 0;
	font: bold 14px "Trebuchet MS", "Tahoma", sans-serif;
	color: #cccccc;
	cursor: default;
}
ul.pureCssMenu span{
	overflow:hidden;
}
ul.pureCssMenu li {
	float:left;
}
ul.pureCssMenu ul li {
	float:none;
}
ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.pureCssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.pureCssMenu li.sep span{
	float:none;	padding-right:0;
	width:3px;
	height:100%;
	display:inline-block;
	background-color:#cccccc;
	background-image:none;
}
ul.pureCssMenu ul li.sep span{
	width:100%;
	height:3px;
}
ul.pureCssMenu li:hover{
	position:relative;
}
ul.pureCssMenu li:hover>a{
	background-color: #0099CC;
	border-color: #0099CC;
	border-style: solid;
	font: bold 14px "Trebuchet MS", "Tahoma", sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
ul.pureCssMenu li a:hover{
	position: relative;
	background-color: #0099CC;
	border-color: #0099CC;
	border-style: solid;
	font: bold 14px "Trebuchet MS", "Tahoma", sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
ul.pureCssMenu li.dis a {
	color: #666 !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px;
height:16px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul,ul.pureCssMenu a:hover a:hover a:hover ul{display:block}
ul.pureCssMenu a:hover ul ul,ul.pureCssMenu a:hover a:hover ul ul{display:none}
ul.pureCssMenu span{
	display:block;
	background-image:url(../images/arr_white.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:12px;}
ul.pureCssMenu li:hover>a>span{	background-image:url(../images/arrv_white.gif);
}
ul.pureCssMenu a:hover span{	_background-image:url(../images/arrv_white.gif)}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(../images/arr_white.gif)}

/* YOUTUBE IFRAME AUTOFIT CSS*/
.auto-resizable-iframe {
  max-width: 520px;
  /*max-height: 400px;*/
  /*margin: 0px auto;*/
}

.auto-resizable-iframe > div {
  position: relative;
  padding-bottom: 56.25%;
  height: 0px;
}

.auto-resizable-iframe iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.auto-resizable-iframe-small {
  max-width: 420px;
  /*max-height: 200px;*/
  /*margin: 0px auto;*/
}

.auto-resizable-iframe-small > div {
  position: relative;
  padding-bottom: 56.25%;
  height: 0px;
}

.auto-resizable-iframe-small iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
/* END YOUTUBE IFRAME AUTOFIT CSS*/

.autoFit{
/*max-width:100%;*/
width: 95%; /*60%;*/
height:auto ;
}

.autoFitFiles{
max-width: 100%;
width: auto;
max-height: 230px;
}

.autoFitChatBoxImage{
max-width: 100%;
max-height: 200px;
/*width: 95%; /*60%;*/
/*height:auto ;*/
}

.autoFitForumImage{
max-width: 100%;
max-height: 400px;
/*width: 95%; /*60%;*/
/*height:auto ;*/
}

.autoFitTitle{
width: 95%; /*60%;*/
height:auto ;
max-width: 646px;
}

.autoFitSteamSig{
width: 95%; /*60%;*/
height:auto ;
max-width: 400px;
}

.contentBoxWrapper {
	margin: 0 auto;
	width: 100%;
	/*float:left;*/
	margin-top: 0px;
	position: relative;
	display:table;
	border-spacing: 0px 5px;	/* Space between rows */
}

.contentBoxWrapperFiles {
	margin: 0 auto;
	width: 100%;
	/*float:left;*/
	margin-top: 10px;
	position: relative;
	display:table;
	border-spacing: 0px 5px;	/* Space between rows */
	table-layout: fixed;
}

.contentBoxWrapperNoSpace {
	margin: 0 auto;
	width: 100%;
	/*float:left;*/
	margin-top: 0px;
	position: relative;
	display:table;
	border-spacing: 0px 0px;	/* Space between rows */
}

.contentRow{
	/*padding-bottom: 14px;*/
	margin-bottom: 10px;
	display:table-row;
}

.contentRow:after{
    content:"";
    clear:both;
    /*display:table;*/
}

.contentBox {
	padding: 6px 6px 8px 6px;
	width: 50%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: top;
}
.contentBoxFilesL {
	padding: 6px 6px 8px 6px;
	width: 40%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: top;
}
.contentBoxFilesR {
	padding: 6px 6px 8px 6px;
	width: 60%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: top;
}
.contentBoxFilesL2 {
	padding: 6px 6px 8px 6px;
	width: 25%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: top;
}
.contentBoxFilesR2 {
	padding: 6px 6px 8px 10px;
	width: 75%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: top;
}
.contentBoxWide {
	padding: 6px 6px 8px 6px;
	width: 100%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: top;
}

.contentBoxLogs1 {
	padding: 1px 3px 3px 3px;
	width: 18%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: top;
	font-size: 14px;
}

.contentBoxLogs2 {
	padding: 1px 3px 3px 3px;
	width: 15%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: top;
	font-size: 14px;
}

.contentBoxLogs3 {
	padding: 1px 3px 3px 3px;
	width: 18%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: top;
	font-size: 14px;
}

.contentBoxLogs4 {
	padding: 1px 3px 3px 3px;
	width: 20%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: top;
	font-size: 14px;
}

.contentBoxLogs5 {
	padding: 1px 3px 3px 3px;
	width: 29%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: top;
	font-size: 14px;
}
.contentBoxLogins1 {
	padding: 6px 3px 8px 3px;
	width: 14%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: top;
	font-size: 14px;
}

.contentBoxLogins2 {
	padding: 6px 3px 8px 3px;
	width: 14%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: top;
	font-size: 14px;
}

.contentBoxLogins3 {
	padding: 6px 3px 8px 3px;
	width: 14%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: top;
	font-size: 14px;
}

.contentBoxLogins4 {
	padding: 6px 3px 8px 3px;
	width: 14%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: top;
	font-size: 14px;
}

.contentBoxLogins5 {
	padding: 6px 3px 8px 3px;
	width: 14%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: top;
	font-size: 14px;
}

.contentBoxLogins6 {
	padding: 6px 3px 8px 3px;
	width: 14%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: top;
	font-size: 14px;
}

.contentBoxLogins7 {
	padding: 6px 3px 8px 3px;
	width: 14%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: top;
	font-size: 14px;
}

.contentBoxFullRow {
	padding: 5px 5px 8px 5px;
	width: 100%;
	margin: 0 auto;
	display: block;
	/*display: table-caption;*/
	/*display: table-header-group;*/
	vertical-align: top;
}

.contentBoxGallery {
	padding: 5px 3px 5px 3px;
	width: 33%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: top;
	text-align: center;
	vertical-align: middle;
}

.contentBoxSteamUser {
	padding: 2px 2px 3px 2px;
	width: 33%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

.contentBoxSteamUser img {
	float: left;
	margin-right: 10px;
	margin-bottom: 7px;

}

.contentBoxUsersOnlineLeft {
	padding: 6px 0px 8px 0px;
	width: 70%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: top;
}

.contentBoxUsersOnlineRight {
	padding: 6px 0px 8px 0px;
	width: 30%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: top;
}

.contentBoxFolderListImage1 {
	padding: 1px;
	width: 50%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	/*border-bottom:1px solid #537AC6;*/
	background-image: none;
	visibility: visible;
}
.contentBoxFolderListImage2 {
	padding: 1px;
	width: 25%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	/*border-bottom:1px solid #537AC6;*/
	background-image: none;
	visibility: visible;
}
.contentBoxFolderListImage3 {
	padding: 1px;
	width: 25%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	/*border-bottom:1px solid #537AC6;*/
	background-image: none;
	visibility: visible;
}
.contentBoxCookies1 {
	padding: 1px;
	width: 20%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	/*border-bottom:1px solid #537AC6;*/
	background-image: none;
	visibility: visible;
	font-size: 16px;
}
.contentBoxCookies2 {
	padding: 1px;
	width: 20%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	/*border-bottom:1px solid #537AC6;*/
	background-image: none;
	visibility: visible;
	font-size: 16px;
}
.contentBoxCookies3 {
	padding: 1px;
	width: 20%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	/*border-bottom:1px solid #537AC6;*/
	background-image: none;
	visibility: visible;
	font-size: 16px;
}
.contentBoxCookies4 {
	padding: 1px;
	width: 40%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	/*border-bottom:1px solid #537AC6;*/
	background-image: none;
	visibility: visible;
	font-size: 14px;
}
.contentBoxFolderList1 {
	padding: 1px;
	width: 40%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	/*border-bottom:1px solid #537AC6;*/
	background-image: none;
	visibility: visible;
}
.contentBoxFolderList2 {
	padding: 1px;
	width: 25%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	/*border-bottom:1px solid #537AC6;*/
	background-image: none;
	visibility: visible;
}
.contentBoxFolderList3 {
	padding: 1px;
	width: 25%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	/*border-bottom:1px solid #537AC6;*/
	background-image: none;
	visibility: visible;
}
.contentBoxFolderList4 {
	padding: 1px;
	width: 10%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	/*border-bottom:1px solid #537AC6;*/
	background-image: none;
	visibility: visible;
}

.contentBoxForumMain1 {
	padding: 4px;
	width: 40px;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	/*border-bottom:1px solid #537AC6;*/
	background-image: url('../images/nebulalightblue.png');
	visibility: visible;
}

.contentBoxForumMain2 {
	padding: 4px;
	width: 60%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	/*border-bottom:1px solid #537AC6;*/
	background-image: url('../images/nebulalightblue.png');
	font-size: 16px;
	text-align: left;
}

.contentBoxForumMain3 {
	padding: 4px;
	width: 15%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	/*border-bottom:1px solid #537AC6;*/
	background-image: url('../images/nebulalightblue.png');
	font-size: 14px;
	text-align: left;
	line-height: 110%;
}

.contentBoxForumMain4 {
	padding: 4px;
	width: 25%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	/*border-bottom:1px solid #537AC6;*/
	background-image: url('../images/nebulalightblue.png');
	font-size: 14px;
	text-align: left;
	line-height: 110%;
}

.contentBoxForumView1 {
	padding: 4px;
	width: 50%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	border-bottom:1px solid #537AC6;
}

.contentBoxForumView2 {
	padding: 4px;
	width: 20%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	border-bottom:1px solid #537AC6;
	font-size: 16px;
	text-align: center;
}

.contentBoxForumView3 {
	padding: 4px;
	width: 10%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	border-bottom:1px solid #537AC6;
	font-size: 16px;
	text-align: center;
}

.contentBoxForumView4 {
	padding: 4px;
	width: 20%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	border-bottom:1px solid #537AC6;
	font-size: 16px;
	text-align: center;
}

.contentBoxForumRecent1 {
	padding: 6px 8px 8px 6px;
	width: 60%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	border-bottom:1px solid #537AC6;
}

.contentBoxForumRecent2 {
	padding: 6px 8px 8px 6px;
	width: 20%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	border-bottom:1px solid #537AC6;
}

.contentBoxForumRecent3 {
	padding: 6px 8px 8px 6px;
	width: 20%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	border-bottom:1px solid #537AC6;
}

.contentForumPostLeft {
	/*padding: 3px 4px 4px 3px;*/
	width: 165px;
	margin: 0 auto;
	display: table-cell;
	vertical-align: top;
	background-image: url('../images/nebulapurple.png');
	font-weight: bold;
	color: #ffffff;
	padding: 6px;
	font-size: 14px;
	/*border-style: solid none solid solid;
	border-width: 1px;
	border-color: #537AC6;*/	
	border-style: solid none solid solid;
	border-width: 1px;
	border-color: #537AC6;
	line-height: 110%;
	border-radius: 6px 0px 0px 6px;
	box-shadow: inset 3px 3px 10px rgba(66, 58, 183, 0.6), inset -3px -3px 10px rgba(66, 58, 183, 0.5)
}
.contentForumPostRight {
	padding: 3px 10px 4px 10px;
	/*width: 100%;*/
	margin: 0 auto;
	display: table-cell;
	vertical-align: top;
	font-size: 18px;
	/*border-style: solid solid solid none;*/
	border-style: solid solid solid solid;
	border-width: 1px;
	border-color: #537AC6;
	border-radius: 0px 6px 6px 0px;
	box-shadow: inset 3px 3px 10px rgba(0,152,254,0.3), inset -3px -3px 10px rgba(0,152,254,0.3)
}
.contentChatBoxLeft {
	padding: 3px 4px 4px 3px;
	width: 220px;
	margin: 0 auto;
	display: table-cell;
	vertical-align: top;
	background-image: url('../images/nebulapurple.png');
	font-size: 16px;
	border-style: solid none solid solid;
	border-width: 1px;
	border-color: #537AC6;
	border-radius: 6px 0px 0px 6px;
	box-shadow: inset 3px 3px 10px rgba(66, 58, 183, 0.6), inset -3px -3px 10px rgba(66, 58, 183, 0.5)
}
.contentChatBoxRight {
	padding: 3px 7px 4px 7px;
	/*max-width: 750px;
	min-width: 528px;*/
	/*width: 100%;*/
	margin: 0 auto;
	display: table-cell;
	vertical-align: top;
	font-size: 16px;
	border-style: solid solid solid none;
	border-width: 1px;
	border-color: #537AC6;
	border-radius: 0px 6px 6px 0px;
	box-shadow: inset 3px 3px 10px rgba(0,152,254,0.3), inset -3px -3px 10px rgba(0,152,254,0.3)
}
.contentForumPostRight p {
    margin-bottom: 20px;
    margin-top: -3px;
    margin-left: -10px;
    margin-right: -10px;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 5px;
    padding-bottom: 5px;
	border-radius: 0px 6px 0px 0px;
    box-shadow: inset 3px 3px 10px rgba(66,58,183,0.3), inset -3px -3px 10px rgba(66,58,183,0.3);
}
.contentBoxMsg1 {
	padding: 1px 2px 5px 2px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 7%;
	margin: 0 auto;	
	border-bottom: none;
}
.contentBoxMsg2 {
	padding: 1px 2px 5px 2px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 20%;
	margin: 0 auto;	
	border-bottom: none;
	font-size: 14px;
}
.contentBoxMsg3 {
	padding: 1px 2px 5px 2px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 60%;
	margin: 0 auto;	
	border-bottom: none;
	font-size: 14px;
}
.contentBoxMsg4 {
	padding: 1px 2px 5px 2px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 13%;
	margin: 0 auto;	
	border-bottom: none;
	font-size: 14px;
}

.hideOnMobile{
	/*display: none;*/
	visibility: visible;
}

.hideOnDesktop{
	display: none;
	visibility: hidden;
}

.tableHeader{
	font-weight: bold;
	color: #ffffff;
	/*padding: 4px;*/
	font-size: 18px;
	text-align: center;
	background-image: url('../images/nebulapurple.png');
	background-repeat: repeat;
}

.bottomBorder{
	border-bottom:1px solid #537AC6;
	padding:5px;
}
.spacer{
	height: 0px;
}

.mobileNewLine{
	display: none;
}
.noMobileNewLine{
	display: block;
}

.avatar{
width: 100%; /*60%;*/
height: auto ;
max-width: 90px;
}

.avatarFloat{
width: 100%; /*60%;*/
height: auto ;
max-width: 90px;
float: none;
margin: 0px 8px 0px 0px;
}

.avatarFull{
width: 100%; /*60%;*/
height: auto ;
max-width: 90px;
}

.preview {
	height: auto ;
	max-width: 400px;
}

#preview{
	position:absolute;
	z-index: 100; 
	/*border:1px solid #ccc;
	background:#333;
	padding:5px;*/
	display:none;
	/*color:#fff;*/
	}

/* ----- MOBILE PHONE SECTION START ------*/
/* ----- TABLETS ------*/
/*@media all and (max-width: 1023px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1023px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1023px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1023px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1023px), only screen and (min-resolution: 192dpi) and (max-width: 1023px), only screen and (min-resolution: 2dppx) and (max-width: 1023px) {*/
@media all and (max-width: 1000px){
.preview {
	height: auto ;
	max-width: 200px;
}

#preview{
	position:absolute;
	/*border:1px solid #ccc;
	background:#333;
	padding:5px;*/
	display:none;
	/*color:#fff;*/
	}
.containerMain {
	padding: 2px;
	border: 0px solid #040094;
	/*min-width: 748px;*/
	min-width: 320px;
	left: auto;
	right: auto;
	margin-right: auto;
	margin-left: auto;
	background-color: transparent;
	zoom: 1;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: 0px 0px 0px 0px #040094;
	-webkit-box-shadow: 0px 0px 0px 0px #040094;
	box-shadow: 0px 0px 0px 0px #040094;
	behavior: none;
	background-image: url('../images/nebulalightblue.png');
}
.usersOnline1{
	width: 17%;
}
.usersOnline2{
	width: 83%;
}
blockquote {
	font-size: 11px;
}
.forumQuote {
	font-size: 11px;
}
.contentBoxFolderListImage2 {
	font-size: 13px;
}
.contentBoxFolderListImage3 {
	font-size: 13px;
}
.contentBoxMsg2 {
	font-size: 11px;
}
.contentBoxMsg3 {
	font-size: 11px;
}
.contentBoxMsg4 {
	font-size: 11px;
}
.contentBoxFolderList2 {
	font-size: 13px;
}
.contentBoxFolderList3 {
	font-size: 13px;
}
.contentBoxFolderList4 {
	font-size: 13px;
}
.contentBoxCookies1 {
	font-size: 13px;
}
.contentBoxCookies2 {
	font-size: 13px;
}
.contentBoxCookies3 {
	font-size: 13px;
}
.contentBoxCookies4 {
	font-size: 11px;
}
.contentBoxForumMain2 {
	font-size: 13px;
}
.contentBoxForumMain3 {
	font-size: 11px;
}
.contentBoxForumMain4 {
	font-size: 11px;
}
.contentBoxForumView2 {
	font-size: 13px;
}
.contentBoxForumView3 {
	font-size: 13px;
}
.contentBoxForumView4 {
	font-size: 13px;
}
.contentBoxForumRecent3 {
	font-size: 14px;
}
.contentForumPostLeft {
	font-size: 11px;
}
.contentForumPostRight {
	font-size: 15px;
}

.contentChatBoxLeft {
	font-size: 13px;
}
.contentChatBoxRight {
	font-size: 13px;
}
.containerLogin {
	font-size: 13px;
}
.containerMenu {
	font-size: 13px;
}
input {
	font-size: 13px;
}
checkbox {
	font-size: 13px;
}
.buttonsubmit {
	font-size: 13px;
}
.buttonupload{
	font-size: 13px;
}
select {
	font-size: 13px;
}
textarea {
	font-size: 13px;
}
BODY {
	font-size: 15px;
}
P {
	font-size: 15px;
}

TH {
	font-size: 15px;
}
TD {
	font-size: 15px;
}
.head1 {
	font-size: 23px;
}
.head2 {
	font-size: 21px;
}
.head3 {
	font-size: 17px;
}

.tableHeader{
	font-size: 15px;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	font: bold 13px "Trebuchet MS", "Tahoma", sans-serif;
}
ul.pureCssMenu li:hover>a{
	font: bold 13px "Trebuchet MS", "Tahoma", sans-serif;
}
ul.pureCssMenu li a:hover{
	font: bold 13px "Trebuchet MS", "Tahoma", sans-serif;
}
.small {
	font-size: 13px;
}
.tiny {
	font-size: 11px;
}

#menu a {
	padding: 10px 8px;
}


}
/* ----- PHONES ------*/
/*@media all and (max-width: 719px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 719px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 719px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 719px), only screen and (min-device-pixel-ratio: 2) and (max-width: 719px), only screen and (min-resolution: 192dpi) and (max-width: 719px), only screen and (min-resolution: 2dppx) and (max-width: 719px) {*/
@media all and (max-width: 700px){
.avatar{
width: 100%; /*60%;*/
height: auto ;
max-width: 20px;
}
.avatarFull{
width: 100%; /*60%;*/
height: auto ;
max-width: 90px;
}
.avatarFloat{
width: 100%; /*60%;*/
height: auto ;
max-width: 65px;
float: left;
margin: 0px 8px 0px 0px;
}
.forumQuote {
	text-align: left;
	font-size: 10px;
	font-style: italic;
	border: 1px solid #537AC6;
	background-color: transparent;
	background-image: url('../images/nebulalightblue.png');
	padding: 4px;
	margin: 4px;
	left: 4px;
}
blockquote {
	text-align: left;
	font-size: 10px;
	font-style: italic;
	border: 1px solid #537AC6;
	background-color: transparent;
	background-image: url('../images/nebulalightblue.png');
	padding: 4px;
	margin: 4px;
	left: 4px;
}
.contentBoxFolderListImage1 {
	padding: 1px 2px 5px 2px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 100%;
	margin: 0 auto;	
	background-image: url('../images/nebulapurple.png');
	border-bottom: none;
}
.contentBoxFolderListImage2 {
	padding: 1px 2px 5px 2px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 50%;
	margin: 0 auto;	
	/*background-image: url('../images/nebulapurple.png');*/
	border-bottom: none;
	font-size: 12px;
}
.contentBoxFolderListImage3 {
	padding: 1px 2px 5px 2px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 50%;
	margin: 0 auto;	
	/*background-image: url('../images/nebulapurple.png');*/
	border-bottom: none;
	font-size: 12px;
}
.contentBoxMsg1 {
	padding: 1px 2px 5px 2px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 19%;
	height: 16px;
	margin: 0 auto;	
	background-image: url('../images/nebulapurple.png');
	border-bottom: none;
}
.contentBoxMsg2 {
	padding: 1px 2px 5px 2px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 81%;
	margin: 0 auto;	
	background-image: url('../images/nebulapurple.png');
	border-bottom: none;
	font-size: 10px;
}
.contentBoxMsg3 {
	padding: 1px 2px 10px 2px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 65%;
	margin: 0 auto;	
	/*background-image: url('../images/nebulapurple.png');*/
	border-bottom: none;
	font-size: 10px;
}
.contentBoxMsg4 {
	padding: 1px 2px 10px 2px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 35%;
	margin: 0 auto;	
	/*background-image: url('../images/nebulapurple.png');*/
	border-bottom: none;
	font-size: 10px;
}
.contentBoxFolderList1 {
	padding: 1px 2px 5px 2px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 100%;
	margin: 0 auto;	
	background-image: url('../images/nebulapurple.png');
	border-bottom: none;
}
.contentBoxFolderList2 {
	padding: 1px 2px 5px 2px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 40%;
	margin: 0 auto;	
	/*background-image: url('../images/nebulapurple.png');*/
	border-bottom: none;
	font-size: 12px;
}
.contentBoxFolderList3 {
	padding: 1px 2px 5px 2px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 40%;
	margin: 0 auto;	
	/*background-image: url('../images/nebulapurple.png');*/
	border-bottom: none;
	font-size: 12px;
}
.contentBoxFolderList4 {
	padding: 1px 2px 5px 2px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 20%;
	margin: 0 auto;	
	/*background-image: url('../images/nebulapurple.png');*/
	border-bottom: none;
	font-size: 12px;
}
.contentBoxCookies1 {
	padding: 1px 2px 5px 2px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 100%;
	margin: 0 auto;	
	background-image: url('../images/nebulapurple.png');
	border-bottom: none;
	font-size: 12px;
}
.contentBoxCookies2 {
	padding: 1px 2px 5px 2px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 50%;
	margin: 0 auto;	
	/*background-image: url('../images/nebulapurple.png');*/
	border-bottom: none;
	font-size: 12px;
}
.contentBoxCookies3 {
	padding: 1px 2px 5px 2px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 50%;
	margin: 0 auto;	
	/*background-image: url('../images/nebulapurple.png');*/
	border-bottom: none;
	font-size: 12px;
}
.contentBoxCookies4 {
	padding: 1px 2px 5px 2px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 100%;
	margin: 0 auto;	
	/*background-image: url('../images/nebulapurple.png');*/
	border-bottom: none;
	font-size: 10px;
}
.contentBoxWrapper {
	margin: 0 auto;
	width: 100%;
	/*float:left;*/
	margin-top: 10px;
	position: relative;
	display:table;
	border-spacing: 0px 5px;	/* Space between rows */
}

.contentBoxWrapperFiles {
	margin: 0 auto;
	width: 100%;
	/*float:left;*/
	margin-top: 10px;
	position: relative;
	display:table;
	border-spacing: 0px 5px;	/* Space between rows */
}

.contentBoxWrapperNoSpace {
	margin: 0 auto;
	width: 100%;
	/*float:left;*/
	margin-top: 10px;
	position: relative;
	display:table;
	border-spacing: 0px 5px;	/* Space between rows */
}

.contentBox {
	padding: 2px 3px 6px 3px;
	float: left;
	display: block;
	width: 100%;
	margin: 0 auto;	
}

.contentBoxFilesL {
	padding: 2px 3px 6px 3px;
	float: left;
	display: block;
	width: 100%;
	margin: 0 auto;	
}

.contentBoxFilesR {
	padding: 2px 3px 6px 3px;
	float: left;
	display: block;
	width: 100%;
	margin: 0 auto;	
}
.contentBoxFilesL2 {
	padding: 2px 3px 6px 3px;
	float: left;
	display: block;
	width: 100%;
	margin: 0 auto;	
}

.contentBoxFilesR2 {
	padding: 2px 3px 6px 3px;
	float: left;
	display: block;
	width: 100%;
	margin: 0 auto;	
}

.contentBoxWide {
	padding: 2px 3px 6px 3px;
	float: left;
	display: block;
	width: 100%;
	margin: 0 auto;	
}

.contentBoxFullRow {
	padding: 2px 3px 6px 3px;
	float: left;
	display: block;
	width: 100%;
	margin: 0 auto;	
}

.contentBoxGallery {
	padding: 2px 3px 6px 3px;
	float: left;
	display: block;
	width: 100%;
	margin: 0 auto;	
	height: auto ;

}
.contentBoxSteamUser {
	padding: 2px 2px 6px 2px;
	float: left;
	display: block;
	width: 100%;
	margin: 0 auto;	
	height: auto ;
	vertical-align: top;
}

.contentBoxLogs1 {
	padding: 1px 2px 5px 1px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 50%;
	margin: 0 auto;	
	background-image: url('../images/nebulalightblue.png');
	border-bottom: none;
}
.contentBoxLogs2 {
	padding: 1px 2px 5px 1px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 50%;
	margin: 0 auto;	
	background-image: url('../images/nebulalightblue.png');
	border-bottom: none;
}
.contentBoxLogs3 {
	padding: 1px 2px 5px 1px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 50%;
	margin: 0 auto;	
	border-bottom: none;
}
.contentBoxLogs4 {
	padding: 1px 2px 5px 1px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 50%;
	margin: 0 auto;	
	border-bottom: none;
}
.contentBoxLogs5 {
	padding: 1px 2px 5px 1px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 100%;
	margin: 0 auto;	
	border-bottom: none;
}
.contentBoxLogins1 {
	padding: 1px 2px 5px 1px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 50%;
	margin: 0 auto;	
	background-image: url('../images/nebulalightblue.png');
	border-bottom: none;
}
.contentBoxLogins2 {
	padding: 1px 2px 5px 1px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 50%;
	margin: 0 auto;	
	background-image: url('../images/nebulalightblue.png');
	border-bottom: none;
}
.contentBoxLogins3 {
	padding: 1px 2px 5px 1px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 50%;
	margin: 0 auto;	
	border-bottom: none;
}
.contentBoxLogins4 {
	padding: 1px 2px 5px 1px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 50%;
	margin: 0 auto;	
	border-bottom: none;
}
.contentBoxLogins5 {
	padding: 1px 2px 5px 1px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 100%;
	margin: 0 auto;	
	border-bottom: none;
}
.contentBoxLogins6 {
	padding: 1px 2px 5px 1px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 70%;
	margin: 0 auto;	
	border-bottom: none;
}
.contentBoxLogins7 {
	padding: 1px 2px 5px 1px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 30%;
	margin: 0 auto;	
	border-bottom: none;
}

.contentBoxUsersOnlineLeft {
	padding: 2px 0px 3px 0px;
	float: left;
	display: block;
	width: 100%;
	margin: 0 auto;	
}

.contentBoxUsersOnlineRight {
	padding: 2px 0px 3px 0px;
	float: left;
	display: block;
	width: 100%;
	margin: 0 auto;	
}
.contentBoxForumMain1 {
	padding: 1px 2px 5px 2px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 0%;
	margin: 0 auto;	
	background-image: url('../images/nebulalightblue.png');
	border-bottom: none;
	display: none;
	visibility: hidden;
}
.contentBoxForumMain2 {
	padding: 1px 2px 8px 2px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 100%;
	margin: 0 auto;	
	border-bottom: none;
	text-align: left;
	font-size: 12px;
	background-image: url('../images/nebulalightblue.png');
	/*vertical-align: top;*/
}
.contentBoxForumMain3 {
	padding: 1px 2px 8px 2px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 40%;
	margin: 0 auto;
	border-bottom: none;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	background-image: none;
}
.contentBoxForumMain4 {
	padding: 1px 2px 8px 2px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 60%;
	margin: 0 auto;	
	border-bottom: none;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	background-image: none;
}
.contentBoxForumView1 {
	padding: 1px 2px 5px 2px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 100%;
	margin: 0 auto;	
	background-image: url('../images/nebulapurple.png');
	border-bottom: none;
}
.contentBoxForumView2 {
	padding: 1px 2px 5px 2px;
	/*padding: 0px;*/
	float:left;
	display: block;
	width: 40%;
	margin: 0 auto;	
	border-bottom: none;
	text-align: left;
	font-size: 12px;
}
.contentBoxForumView3 {
	padding: 1px 2px 5px 2px;
	/*padding: 0px;*/
	float: left;
	display: block;
	width: 15%;
	margin: 0 auto;	
	border-bottom: none;
	font-size: 12px;
	text-align: left;
}

.contentBoxForumView4 {
	padding: 1px 2px 5px 2px;
	/*padding: 0px;*/
	float:left;
	display: block;
	width: 45%;
	margin: 0 auto;	
	border-bottom: none;
	font-size: 12px;
	text-align: left;
}
.contentBoxForumRecent1 {
	padding: 2px 2px 3px 2px;
	float: left;
	display: block;
	width: 100%;
	margin: 0 auto;	
	background-image: url('../images/nebulapurple.png');
	border-bottom: none;
}

.contentBoxForumRecent2 {
	padding: 2px 2px 3px 2px;
	float: left;
	display: block;
	width: 100%;
	margin: 0 auto;	
	border-bottom: none;
}

.contentBoxForumRecent3 {
	padding: 2px 2px 10px 2px;
	float: left;
	display: block;
	width: 100%;
	margin: 0 auto;	
	border-bottom: none;
	font-size: 13px;
}

.contentForumPostLeft {
	padding: 4px 3px 3px 3px;
	float: left;
	display: block;
	width: 100%;
	margin: 0 auto;	
	background-image: url('../images/nebulapurple.png');
	font-size: 12px;
	border-style: none none none none;
	border-width: 1px;
	border-color: #537AC6;
	border-radius: 6px 6px 0px 0px;
	box-shadow: inset 3px 3px 10px rgba(66, 58, 183, 0.6), inset -3px -3px 10px rgba(66, 58, 183, 0.3)
}
.contentForumPostRight {
	padding: 2px 3px 10px 3px;
	float: left;
	display: block;
	width: 100%;
	margin: 0 auto;	
	font-size: 14px;
	border-style: none none none none;
	border-width: 1px;
	border-color: #537AC6;
	border-radius: 0px 0px 6px 6px;
	box-shadow: inset 3px 3px 10px rgba(0,152,254,0.2), inset -3px -3px 10px rgba(0,152,254,0.2)
}
.contentChatBoxLeft {
	padding: 2px 4px 3px 4px;
	float: left;
	display: block;
	width: 100%;
	margin: 0 auto;	
	background-image: url('../images/nebulapurple.png');
	font-size: 12px;
	border-style: none none none none;
	border-width: 1px;
	border-color: #537AC6;
	border-radius: 6px 6px 0px 0px;
	box-shadow: inset 3px 3px 10px rgba(66, 58, 183, 0.6), inset -3px -3px 10px rgba(66, 58, 183, 0.3)
}
.contentChatBoxRight {
	padding: 2px 4px 10px 4px;
	float: left;
	display: block;
	width: 100%;
	margin: 0 auto;	
	font-size: 12px;
	border-style: none none none none;
	border-width: 1px;
	border-color: #537AC6;
	border-radius: 0px 0px 6px 6px;
	box-shadow: inset 3px 3px 10px rgba(0,152,254,0.2), inset -3px -3px 10px rgba(0,152,254,0.2)
}

.contentForumPostRight p {
    margin-bottom: 9px;
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
    padding-bottom: 0px;
	border-radius: 0px 0px 0px 0px;
    box-shadow: inset 3px 3px 10px rgba(66,58,183,0.3), inset -3px -3px 10px rgba(66,58,183,0.3);
}
.containerBody {
	margin: 3px 0 0 0px;
	padding: 0;
	position: relative;
	zoom: 1;
	z-index: 5;
}
.containerTitle {
	text-align: center;
	height: auto;
	vertical-align: middle;
	width: 100%;
	background-color: transparent;
	position: relative;
	z-index: inherit;
}
.containerLogin {
	padding: 0px 0px 0px 0px;
	width: 100%;
	font-size: 12px;
	/*background-image: url('../images/backgroundLogin.png');
	background-repeat: repeat-y;*/
	background-image: none;
	height: auto;
	vertical-align: middle;
	text-align: right;
	background-color: transparent;
	position: relative;
	z-index: inherit;
	font-size: 12px;
}
.containerMain {
	padding: 5px;
	border: 0px solid #040094;
	/*min-width: 748px;*/
	min-width: 300px;
	left: auto;
	right: auto;
	margin-right: auto;
	margin-left: auto;
	background-color: transparent;
	zoom: 1;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: 0px 0px 0px 0px #040094;
	-webkit-box-shadow: 0px 0px 0px 0px #040094;
	box-shadow: 0px 0px 0px 0px #040094;
	behavior: none;
	background-image: url('../images/nebulalightblue.png');
}
.containerMenu {
	width: 100%;
	/*height: 30px;*/
	display: block;
	float: none;
	/*clear: both;*/
	background-color: transparent;
	border-width: 0px;
	border-style: none;
	/*background-image: url('../images/backgroundLogin.png');
	background-repeat: repeat;*/
	background-image: none;
	font-size: 12px;

	margin: 0 auto;
	/*width: 100%;*/
	/*float:left;*/
	margin-top: 10px;
	position: relative;
	display:table;
	border-spacing: 0px 5px;	/* Space between rows */
	z-index: 99;
}
input {
	background-color: #000000;
	color: #FFFFFF;
	border: 1px solid #0066CC;
	font-size: 12px;
	border-radius: 3px;
	box-shadow: inset -1px -1px 1px rgba(0,102,204,0.8), inset 3px 3px 20px rgba(0,102,204,0.7);
}
checkbox {
	background-color: #000000;
	color: #FFFFFF;
	border: 1px solid #0066CC;
	font-size: 12px;
	border-radius: 3px;
	box-shadow: inset -1px -1px 1px rgba(0,102,204,0.8), inset 3px 3px 20px rgba(0,102,204,0.7);
}
.buttonsubmit {
	background-color: #000000;
	color: #FFFFFF;
	border: 2px outset #0066CC;
	font-weight: bold;
	font-size: 12px;
	border-radius: 3px;
	box-shadow: inset -1px -1px 1px rgba(0,52,154,0.9), inset 3px 3px 20px rgba(0,92,194,0.8);
}
.buttonupload{
	background-color: #000000;
	color: #FFFFFF;
	border: 1px solid #0066CC;
	font-weight: bold;
	font-size: 12px;
	border-radius: 3px;
	box-shadow: inset -1px -1px 1px rgba(0,52,154,0.9), inset 3px 3px 20px rgba(0,92,194,0.8);
}
select {
	background-color: #000000;
	color: #FFFFFF;
	border: 1px solid #0066CC;
	font-size: 12px;
}
textarea {
	font-family: "Courier New", sans-serif;
	font-size: 12px;
	background-color: #000000;
	color: #FFFFFF;
	border: 1px solid #0066CC;
	border-radius: 3px;
	box-shadow: inset -1px -1px 1px rgba(0,102,204,0.8), inset 3px 3px 20px rgba(0,102,204,0.7);
}
BODY {
	font-family: "Verdana", "Geneva", "Tahoma", sans-serif;
	background-color: #000000;
	background-image: url('../images/starfield.png');
	font-size: 14px;
	color: #FFFFFF;
	line-height: 130%;
}
P {
	font-size: 14px;
	color: #FFFFFF;
}

TH {
	font-weight: bold;
	color: #ffffff;
	padding: 4px;
	font-size: 14px;
	text-align: center;
	background-image: url('../images/nebulapurple.png');
	background-repeat: repeat;
}
TD {
	padding: 4px;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
}
.head1 {
	border-style: none;
	font-size: 22px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	background-image: url('../images/nebuladarkblue.png');
	background-repeat: repeat;
}
.head2 {
	font-size: 20px;
	font-weight: bold;
	color: #66CCFF;
	text-align: center;
	text-transform: uppercase;
	background-color: transparent;
}
.head3 {
	font-size: 16px;
	color: #BFEBFF;
	font-weight: bold;
}
.messageViewTitleCell {
	width: auto;   /*CHECK THIS*/
}
.steamAvatarCell {
	width: auto;
}
.steamUserCell {
	width: auto;
}
.steamUserCellRemain{
	width: auto;
}
.tableHeader{
	font-weight: bold;
	color: #ffffff;
	/*padding: 4px;*/
	font-size: 14px;
	text-align: center;
	background-image: url('../images/nebulapurple.png');
	background-repeat: repeat;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display: block;
	vertical-align: middle;
	background-color: #003399;
	border-width: 1px;
	border-color: #003399 #003399 #003399 #003399;
	border-style: solid;
	text-align: left;
	text-decoration: none;
	padding: 2px 5px 2px 10px;
	_padding-left: 0;
	font: bold 12px "Trebuchet MS", "Tahoma", sans-serif;
	color: #cccccc;
	cursor: default;
}
ul.pureCssMenu li:hover>a{
	background-color: #0099CC;
	border-color: #0099CC;
	border-style: solid;
	font: bold 12px "Trebuchet MS", "Tahoma", sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
ul.pureCssMenu li a:hover{
	position: relative;
	background-color: #0099CC;
	border-color: #0099CC;
	border-style: solid;
	font: bold 12px "Trebuchet MS", "Tahoma", sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
.small {
	font-size: 12px;
	/*background-color: transparent;*/
	/*line-height: 120%;*/
}
.tiny {
	font-size: 10px;
	background-color: transparent;
	/*line-height: 110%;*/
}
.spacer{
	height: 10px;
}
.mobileNewLine{
	display: block;
}
.noMobileNewLine{
	display: none;
}
.hideOnMobile{
	display: none;
	visibility: hidden;
}
.hideOnDesktop{
	display: inherit;
	visibility: visible;
}
.longTextBox {
	width: 90%;
}
.longTextBox2 {
	width: 65%;
}
}