/* Clearing hack */

/*.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}*/

/* Hides from IE-mac \
* html .clearfix {
	height: 1%; 
}*/

/* General */
#steamDebugLive{
	position: fixed;
	right: 0px;
	top: 120px;
	width: 100px;
	height: 200px;
	z-index: 99999;
}


.testView{
	box-sizing: border-box;
	border:thin;
	border-color:#6FF;
	border-style:solid;
}

#tempLinks{
	position: fixed;
	bottom: 0px;
	left: 40%;
	display: none;
}

* {
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	font-family: Impact, Charcoal, sans-serif;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html {
  height: 100%;
}
body {
  min-height: 100%;
}


body {
	/*background-color: #0e0e0e; */
	/* main logo colour: #109e38 */
	background-color:#7D7D7D;
	color: #000000;
	height:100%;
	width: 100%;
}

html, body {
    margin: 0 !important;
    padding: 0 !important;
}

div {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

#steamDebugLive{
	color:#0F9;
}

.hasShadow{
	/* part of theme set ?*/
	-webkit-box-shadow: 0px 12px 7px 2px rgba(0,0,0,0.29);
	-moz-box-shadow: 0px 12px 7px 2px rgba(0,0,0,0.29);
	box-shadow: 0px 12px 7px 2px rgba(0,0,0,0.29);
}

.themefont {
	color: #288cfb;	
	font-weight:inherit;
}

.mediumFont {	
	font-size: 28px;
	letter-spacing: 2.2px;
	word-spacing: 0px;
	color: #3cb65e;/*#FFFFFF;*/
	font-weight: 400;
	text-decoration: none;
	font-style: normal;
	font-variant: normal;
	text-transform: capitalize;
}

.sloganText{
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 30px;
	letter-spacing: 0.4px;
	word-spacing: -0.4px;
	color: #FFFFFF;
	font-weight: 700;
	text-decoration: none;
	font-style: normal;
	font-variant: normal;
	text-transform: capitalize;
}

.loginText{
	font-size: 28px;
	letter-spacing: 2.2px;
	word-spacing: 0px;
	color: #3cb65e;/*#FFFFFF;*/
	font-weight: 400;
	text-decoration: none;
	font-style: normal;
	font-variant: normal;
	text-transform: capitalize;
}

.userNameText{
	font-size: 28px;
	letter-spacing: 2.2px;
	word-spacing: 0px;
	color: #FFFFFF;
	font-weight: 400;
	text-decoration: none;
	font-style: normal;
	font-variant: normal;
	text-transform: capitalize;
}

.fullScreeniFrame{
	position:absolute;
	
}

/* part of theme set */
/* teal
.themeColour{
	color: #15f4ee;
}
*/

/* Original */
.themeColour{
	color: #288cfb;
}
*/

.themeBackground {
	background-color: #288cfb;
}

a {
	text-decoration: none;
	color:#288cfb;
	margin: 0px 0px 0px 0px;
}

blockquote {
	padding: 10px 7px 5px 5px; 
	margin: 5px 5px 5px 5px; 
}

a:hover{
	text-decoration:underline;
}

:focus
{
	-moz-outline-style: none;
}

img {
	border: 0px;
	-ms-interpolation-mode: bicubic;
}

form {
	margin: 0;
	padding: 0;
}

p{ 
	margin: 10px 0px 10px 0px;
	text-indent: 0px;
}

h3{
	font-size:18px;
}

.required{
	color: #FF0000;
}

.button_small_wide{
	display: inline-block;	
	height: 70px;
	width: 120px;	
	z-index: 800;
	vertical-align: bottom;
	
	background-repeat: no-repeat;
	background-position: 50% 70%; 
}

.no_LinkHover:hover{
	text-decoration:none;
}

.hand_cursor{
	cursor:pointer;
}
.siteMenuHeader{
	font-weight:bold;
	background-color: #288cfb;
	width:100%;
	display:inline-block;
	position:relative;
}
.menu_option{
	margin-right: 2px;
	font-weight:bold;
	width:100%;
	display:inline-block;
}
.menu_option_highlight{
	background-color: #288cfb;
	color: #fff;
	font-weight:bold;
		width:100%;
	display:inline-block;
}

.button{
	border:thin #288cfb solid;
}
.button_highlight{
	border:thin #999 solid;
}

.wide_button{
	display:table-cell;	
	height: 54px;
	width: 635px;
	z-index: 800;
	vertical-align:middle;
	text-align:center;
	
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.file_explorer{
	position:relative;
	background-color: #288cfb;
	width: 630px;
	height: 600px;
}

.file_explorer_expanded{
	position:fixed;
	top:10px;
	left:0px;
	width: 100%;
	background-color: #288cfb;
	height: 100%;
	z-index:1000;
}

.iframe_url{
	width:630px;
}

.iframe_url_expanded{
	position:fixed;
	width:100%;
	top:0px;
	left:0px;
	z-index:1500;
}

.explorer_expand{
	position:absolute; 
	top:105px; 
	right:25px; 
	height:48px;
	width:48px;
	z-index:1000;
	cursor:pointer;
	background-image:url('/assets_images/icons/gnome_view_fullscreen.png');
}

.explorer_expanded{
	position:fixed; 
	top:20px; 
	right:10px; 
	height:48px;
	width:48px;
	z-index:1500;
	cursor:pointer;
	background-image:url('/assets_images/icons/gnome_view_collapse.png');
}

.advert_expanded{
	position:fixed;
	right:0px;
	top:100px;
	z-index:1500;
}

.eventTitle a{
	font-weight: bold;
	font-size:18px;
}

.eventOutline{
	position:relative;
	border-right-color: #288cfb;
	border-right-width: 4px;
	border-right-style: solid;
	
	border-top-color: #288cfb;
	border-top-width: 4px;
	border-top-style: solid;
	
	border-bottom-color: #288cfb;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	
	padding: 10px 10px 10px 0px; 
	margin: 0px 0px 0px 0px;
	
	text-align:left;
	text-indent: 20px;
	
	background-image: "assets_images/backgrounds/edge_filler.png";
	background-position: left;
	background:fixed;
}

.eventName{
	font-size:24px;
	font-weight:bold;
}

.eventControls{
	text-align:right;
	font-weight:bold;
	display:inline;
	float:right;
	bottom:0px;
	right:5px;
	position: absolute;
}

.eventParticipants{
	position:absolute;
	right:5px;	
	
}

.eventBracketLink{
	font-weight:bold !important; 
	font-size:24px !important; 
}

.eventPartLink{
	font-weight:bold;
	font-size:24px;
}

.serverTitle{
	font-weight:bold;
	font-size:20px;
}


blockquote#inner {	
	border-left-color: #288cfb;
	border-left-width: 1px;
	border-left-style: solid;
	
	border-top-color: #288cfb;
	border-top-width: 1px;
	border-top-style: solid;
	
	padding: 5px 0px 5px 10px; 
	margin: 0px 0px 15px 0px;
	
	background-image:url();
	background-position:top;
	background-position:right;
}

blockquote#outer {		
	border-right-color: #288cfb;
	border-right-width: 1px;
	border-right-style: solid;
	
	border-top-color: #288cfb;
	border-top-width: 1px;
	border-top-style: solid;
	
	padding: 0px 0px 5px 0px; 
	margin: 0px 20px 5px 0px; 
}

blockquote#news {	
	position: relative;
	border-left-color: #288cfb;
	border-left-width: 2px;
	border-left-style: solid;
	
	border-top-color: #288cfb;
	border-top-width: 4px;
	border-top-style: solid;
	
	padding: 5px 0px 35px 10px; 
	margin: 0px 0px 15px 0px; 
}

.articleMenuBackground{
	width:200px;
	height:400px;
	z-index:9;
	float:right;
}

.articleMenu{
	line-height: 18px;
	float:right;
	width:200px;
	height:400px;
	display:inline;
	z-index: 10;  
	position: absolute;  
	right: 0;  
	top: 430;
	margin-left: 3px;
	padding-left: 3px;
	margin-top: 3px;
	padding-top: 3px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#add2f7+1,000000+100&0.38+19,0+54 */
	background: -moz-linear-gradient(-45deg,  rgba(173,210,247,0.38) 1%, rgba(142,172,202,0.38) 19%, rgba(81,98,115,0) 54%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(173,210,247,0.38) 1%,rgba(142,172,202,0.38) 19%,rgba(81,98,115,0) 54%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(173,210,247,0.38) 1%,rgba(142,172,202,0.38) 19%,rgba(81,98,115,0) 54%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61add2f7', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.articleMenuHeading{
	font-size:18px;
	font-family:impact;
	
}

.newsSubHeading{
	font-family:impact;
	font-size:24px;
}

.sponsorLogos{
	position:relative;
}


blockquote#module {	
	border-left-color: #288cfb;
	border-left-width: 2px;
	border-left-style: solid;
	
	border-top-color: #288cfb;
	border-top-width: 2px;
	border-top-style: solid;
	
	padding: 5px 0px 35px 10px; 
	margin: 0px 0px 15px 0px; 
	
	text-align:left;
}


blockquote#newstitle {
	border-right-color: #288cfb;
	border-right-width: 4px;
	border-right-style: solid;
	
	border-top-color: #288cfb;
	border-top-width: 4px;
	border-top-style: solid;
	
	padding: 10px 10px 10px 0px; 
	margin: 0px 0px 0px 0px;
	
	text-align:left;
	text-indent: 20px;
	
	background-image: "assets_images/backgrounds/edge_filler.png";
	background-position: left;
	background:fixed;
}

blockquote#modtitle {
	border-right-color: #288cfb;
	border-right-width: 3px;
	border-right-style: solid;
	
	border-top-color: #288cfb;
	border-top-width: 3px;
	border-top-style: solid;
	
	padding: 3px 10px 4px 0px; 
	margin: 0px 0px 0px 0px;
	
	text-align:left;
	text-indent: 20px;
	
}

blockquote#subtitle {
	border-right-color: #288cfb;
	border-right-width: 1px;
	border-right-style: solid;
	
	border-top-color: #288cfb;
	border-top-width: 1px;
	border-top-style: solid;
	
	
	padding: 3px 0px 4px 0px; 
	margin: 5px 0px 0px 0px;
	
	text-align:left;
	text-indent: 20px;
	
}


blockquote#advert {
	/*border-top-color: #288cfb;
	border-top-width: 2px;
	border-top-style: solid;
	
	border-bottom-color: #288cfb;
	border-bottom-width: 2px;
	border-bottom-style: solid;*/
	
	padding: 5px 0px 5px 5px; 
	margin: 0px 0px 0px 0px; 
	
	text-align:left;
}

div#advert {	
	border-left-color: #288cfb;
	border-left-width: 1px;
	border-left-style: solid;
	
	border-right-color: #288cfb;
	border-right-width: 1px;
	border-right-style: solid;
	
	padding: 5px 0px 5px 5px; 
	margin: 0px 0px 0px 0px; 
	
	
}

#rightAdvert{
	/*border-left-color: #288cfb;
	border-left-width: 1px;
	border-left-style: solid;
	
	border-right-color: #288cfb;
	border-right-width: 1px;
	border-right-style: solid;*/
	
	padding: 5px 0px 5px 5px; 
	margin: 0px 0px 0px 0px; 
}

#leftAdvert{
	padding: 0px 0px 10px 0px; 
	margin: 0px 0px 0px 0px; 
}

div#EventBanner{
	padding: 0px;
	margin: 5px 0px 0px 0px;
}

div#innerMenu {	
	border-left-color: #288cfb;
	border-left-width: 1px;
	border-left-style: solid;
	
	border-right-color: #288cfb;
	border-right-width: 1px;
	border-right-style: solid;
	
	padding: 5px 0px 5px 5px; 
	margin: 0px 0px 0px 0px; 
	
	text-align:left;
}

div#spacer {	
	height: 30px;
	
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	
	text-align:left;
}

div#cp_sectionContainer {
	position:relative;
}

/****************** Containers and Div's ********************/

#background {  
	position: fixed; 
	top: 0px; 
	right: 0px; 
	z-index: -1000;
	/*transform: translate(-1200px,-650px);*/
	vertical-align:baseline;
	opacity: 0.0;
	height: 100%;
	width:  227.2977777777778px;
	order: 4;
}


/* part of theme set */
#backdrop{
	position: fixed; 
	top: 0px; 
	left: 0px; 
	z-index: -100;
	/*transform: translate(-1200px,-650px);*/
	vertical-align:baseline;
	opacity: 90.0;
	height: 100%;
	width:  100%;
	order: 4;
}

#background2 {
	position: fixed; 
	top: 0px; 
	right: 0px;
	z-index: -900;
	transform: translate(250px,-100px);
	opacity: 0.0;
	
}

#background_logo {
	/*width: 2250px;
	height: 910px;*/
	height: 562px;
	width: 227.2977777777778px;
	vertical-align:baseline;
	bottom:0px;
	position:fixed;
	right:0px
}

#backdrop_image{
	height:100%;
	width:100%;
	top:0px;
	position:fixed;
	left:0px
}

div#root {
	width: 100%;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	/*text-align:left;*/
	display:flex;
	flex-direction:column;
	!important justify-content: center;
}

div#root div#topContainer{
	padding-left: 30px;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	width: 100%;
	min-height: 100px;
	height: 100px;
	max-height: 100px;
	float: none;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction:row;
	order:1;
	
	/* part of theme set */
	-webkit-box-shadow: 2px 3px 7px 2px rgba(0,0,0,0.29);
	-moz-box-shadow: 2px 3px 7px 2px rgba(0,0,0,0.29);
	box-shadow: 2px 3px 7px 2px rgba(0,0,0,0.29);	
	
	/* yellow city sunset */
	-webkit-box-shadow: 2px 3px 7px 2px rgba(208, 144, 47,.8);
	-moz-box-shadow: 2px 3px 7px 2px rgba(208, 144, 47,.8);
	box-shadow: 2px 3px 7px 2px rgba(208, 144, 47,.8);
	
	/* purple sun */
	-webkit-box-shadow: 2px 3px 7px 2px rgba(254, 117, 254,.8);
	-moz-box-shadow: 2px 3px 7px 2px rgba(254, 117, 254,.8);
	box-shadow: 2px 3px 7px 2px rgba(254, 117, 254,.8);
	
}

div#root div#topContainer div#topLogo{
	width:60%;
	min-width: 250px;
	height:100px;
	flex-grow: 2;
	order: 1;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction:row;
}

div#root div#topContainer div#topLogo div#topLogo_img{
	/* 2250 x 900 scale 4.5 */
	text-align: left;
	width: 40%;
	order: 1;
	flex-grow: 1;
	position: relative;
}

div#root div#topContainer div#topLogo div#topLogo_img img{
	width: 250px;
	height: 100px;
}

div#root div#topContainer div#topLogo div#topSlogan{
	width: 60%;
	order: 2;
	flex-grow: 2;
	position: relative;
}

div#root div#topContainer div#topLogo div#topSloganText{
	text-align:right;
	position:absolute;
	top: 50%;
	right: 10px;
	transform:translateY(-50%);
}


div#root div#topContainer div#userControls{
	width: 40%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row-reverse;
	border-left:thin #000000;
	height:100%;
	flex-grow: 1;
	order:2;
}

div#root div#topContainer div#userText{
	text-align:right;
	height:100%;
	width: 100%;
	flex-grow: 2;
	order: 2;
	position:relative;
}

div#root div#topContainer div#userName{
	text-align:right;
	position:absolute;
	top: 50%;
	right: 10px;
	transform:translateY(-50%);
}

.userIcon{
	order: 1;
	flex-grow: 0;
	width: 60px;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

#userIcon_out{
	background-image: url("../assets_images/icons/user_icon_headphones_logged_in.png");
}

#userIcon_in{
	background-image: url("../assets_images/icons/user_icon_headphones_logged_out.png");	
}

div#root div#topContainer div#leftbanner{
	width: 160px;
	height: inherit;
	padding: 5px 0px 0px 5px;
	float: left;
}

div#root div#topContainer div#midbanner{
	width: 652px;
	height: inherit;
	padding: 5px 10px 5px 0px;
	margin: 0px 10px 0px 0px;
	float: left;
}

div#root div#topContainer div#rightbanner{
	width: 178px;
	padding: 5px 0px 0px 5px;
	float: left;
}

div#root div#topContainer div#logo{
	width: 1024px;
	height: 190px;
	padding: 0px 0px 5px 0px;
	margin: 0px auto 0px auto;
	float: none;
	text-align: center;
	background-image:url("../assets_images/backgrounds/TCPM_Central_Background.jpg");
}

div#root div#topContainer div#topBanner{
	width: 1024px;
	height: 250px;
	padding: 0px 0px 5px 0px;
	margin: 0px auto 0px auto;
	float: none;
	text-align: center;
	overflow: hidden;
	position:relative;
	z-index:1;
}

div#root div#topContainer div#topBanner div#bannerBackground{
	/*position: absolute;
	top: -130px;
	left: -600px;
	background-image:url("../assets_images/banners/tcpm_tcpm.jpg");
	width: 165%;
	height: 165%;
	background-size: 100%;
	background-repeat:no-repeat;
	
	opacity: 0.8;
	filter: blur(3px);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
	z-index:-100;*/
	
	/*overflow: hidden;*/
}

div#root div#topContainer div#topBanner div#backgroundFade{
	/*position:absolute;
	top:0px;
	left:0px;
	width: 1024px;
	height: 250px;
	padding: 0px 0px 5px 0px;
	margin: 0px auto 0px auto;*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+86,0.38+100 */
	/*background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 86%, rgba(0,0,0,0.38) 100%); 
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 86%,rgba(0,0,0,0.38) 100%); 
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 86%,rgba(0,0,0,0.38) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#61000000',GradientType=1 ); 

	z-index:-50;*/
}

div#root div#topContainer div#topBanner div#bannerText{
	position:absolute;
	bottom:-5px;
	right:30px;
	z-index:1;
	color:#fff;
	font-weight:bolder;
	font-size: 80px;
	
	font-style:italic;
	font-family:Impact;
}

.tcpmLogoImg{
	width: 50px;
	height: 50px;
	float:left;
}

.fontThemeHighlight{
	font-size:inherit;
	font-weight:inherit;
	font-style:inherit;
	color:#288cfb;
	font-family:inherit;
}

div#root div#topContainer div#topBanner div#tcpmLogo{
	position: absolute;
	width: 50px;
	height: 50px;
	top :10px;
	right:10px;
	z-index:-1;	
	opacity:1;
}


div#root div#topContainer div#topBanner div#wswLogo{
	position: absolute;
	width:225px;
	height:200px;
	top:0px;
	right:100px;
	z-index:-2;
	background-image:url("../assets_images/logos/twsw_logo_225x200.jpg");
}

div#root div#topContainer div#sponsor{
	width: 1024px;
	float: none;
	text-align:center;
}

div#root div#topContainer div#userPanel{
	width: 984px;
	height: 20px;
	padding: 5px 20px 5px 20px;
	float: none;
	text-align:center;
}

div#root div#topContainer div#location{
	width: 984px;
	height: 25px;
	padding: 5px 20px 5px 145px;
	float: none;
}



div#root div#bottomContainer, div#root div#middleContainer, div#searchConsole{
	width:100%;
	max-width: 1560px;
	left:50%;
	padding: 10px 10px 10px 10px;
}

div#root div#middleContainer{		
	/*max-height: 200px;*/
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height:100%;
	flex-direction: column;
	order: 2;	
	justify-content: center;
	align-self: center;
	
	/* part of theme set */
	-webkit-box-shadow: 0px 7px 7px 2px rgba(0,0,0,0.29);
	-moz-box-shadow: 0px 7px 7px 2px rgba(0,0,0,0.29);
	box-shadow: 0px 7px 7px 2px rgba(0,0,0,0.29);
	
	/* yellow city sunset */
	-webkit-box-shadow: 0px 7px 7px 2px rgba(208, 144, 47, .8);
	-moz-box-shadow: 0px 7px 7px 2px rgba(208, 144, 47, .8);
	box-shadow: 0px 7px 7px 2px rgba(208, 144, 47, .8);
	
	/* purple sun */
	-webkit-box-shadow: 0px 7px 7px 2px rgba(254, 117, 254,.8);
	-moz-box-shadow: 0px 7px 7px 2px rgba(254, 117, 254,.8);
	box-shadow: 0px 7px 7px 2px rgba(254, 117, 254,.8);
}



div#searchConsole{
	/*max-height: 200px;*/
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height:7%;	
	flex-direction: row;
	order: 2;	
	justify-content: center;
	align-self: center;
	
	/* part of theme set */
	-webkit-box-shadow: 0px 7px 7px 2px rgba(0,0,0,0.29);
	-moz-box-shadow: 0px 7px 7px 2px rgba(0,0,0,0.29);
	box-shadow: 0px 7px 7px 2px rgba(0,0,0,0.29);	
	
	
	/* yellow city sunset */
	-webkit-box-shadow: 0px 7px 7px 2px rgba(208, 144, 47, .8);
	-moz-box-shadow: 0px 7px 7px 2px rgba(208, 144, 47, .8);
	box-shadow: 0px 7px 7px 2px rgba(208, 144, 47, .8);
	
	/* purple sun */
	-webkit-box-shadow: 0px 7px 7px 2px rgba(254, 117, 254,.8);
	-moz-box-shadow: 0px 7px 7px 2px rgba(254, 117, 254,.8);
	box-shadow: 0px 7px 7px 2px rgba(254, 117, 254,.8);
	
	
	/* pre mid/search split
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	order: 2;
	height: 10%;
	flex-grow: 1;
	width: 100%;
	padding: 5px 5px 5px 5px;
	*/
}


div#searchConsole input:focus, div#searchConsole input:active{
	font-size:16px; 
	border-color:#cccccc; 
	border-width:0px; 
	box-shadow: inset 0px 3px 6px 0px rgba(42,42,42,.33);
	/*box-shadow:inset 0px 3px 12px 0px rgba(255,255,255,.33);*/ 
	border-radius: 3px;  
	padding:13px;  
	border-style:hidden; 
	outline:none;
	background-color:#FFFFFF;
}
 
div#searchConsole input:hover{
	font-size:16px; 
	border-color:#cccccc; 
	border-width:0px; 
	box-shadow: inset 0px 3px 6px 0px rgba(42,42,42,.33);
	/*box-shadow:inset 0px 3px 12px 0px rgba(255,255,255,.33); */
	border-radius: 3px;  
	padding:13px;  
	border-style:hidden; 
	outline:none;
	background-color:#FFFFFF;
	/*background-color:#EBEBEB;*/
}

div#searchConsole input{	
	font-size: 	16px; 
	border-color: #cccccc; 
	border-width: 0px; 
	box-shadow: inset 0px 3px 6px 0px rgba(42,42,42,.33); 
	border-radius: 3px; 
	padding: 13px; 
	border-style: hidden; 
	outline: none;
	background-color:#DFDFDF;
	/* http://www.csscheckbox.com/css-input-generator.php */
	vertical-align:middle;
}


div#searchConsole input#searchInput{
	width: 90%;
	height: 35px;
	font-size: 16px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serifl;
}

div#searchConsole div#googleSearch{
	order:1;
	width: 50%;
}

div#searchConsole div#googleSearch input{
	background-image:url(../assets_images/icons/google_letter_icon.png);
	background-repeat:no-repeat;
	background-position: 3% 50%;
	padding-left: 41px;
}

div#searchConsole div#twitchSearch{
	order:2;	
	width: 50%;
}

div#searchConsole div#twitchSearch input{
	background-image:url(../assets_images/icons/twitch_icon.png);
	background-repeat:no-repeat;
	background-position: 3% 50%;
	padding-left: 37px;
}

div#searchConsole div#redditSearch{
	order:3;	
	width: 50%;
}
div#searchConsole div#redditSearch input{
	background-image:url(../assets_images/icons/reddit_icon.png);
	background-repeat:no-repeat;
	background-position: 3% 50%;
	padding-left: 43px;
}

div#searchConsole div#gamePediaSearch{
	order:4;	
	width: 50%;
}

div#searchConsole div#gamePediaSearch input{
	background-image:url(../assets_images/icons/gamepedia_icon.png);
	background-repeat:no-repeat;
	background-position: 3% 50%;
	padding-left: 36px
}

div#searchConsole div#userModeSelect{
	order:4;	
	width: 50%;
}

div#middleContainer .contentContainer{
	display:none;
}

div#userModeSelectBar{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	order: 2;
	height: 5%;
	flex-grow: 1;
	width: 100%;
	padding: 5px 5px 5px 5px;
}

div#tabBar{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	order: 2;
	height: 5%;
	flex-grow: 1;
	width: 100%;
	padding: 5px 5px 5px 5px;
}

div#adTopContainer{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	justify-content: center;
	order: 1;
	flex-grow: 2;
	width: 100%;
	/* min-height: 100px; */
	
	left: 50%;
	
	/* part of theme set */
	
	
	background-color:#DFDFDF; /* pale white ? */
	background-color:#a15501; /* sunset ? */
	background-color:#15f4ee; /* teal ish ? */
	background-color:#120458; /* deep blue ? */
	
	box-shadow: inset 0px 0px 30px 15px rgba(208, 144, 47,.8); /* sunset */
	box-shadow: inset 0px 3px 6px 0px rgba(42,42,42,.33); /* no gradient */ 
	box-shadow: inset 0px 0px 30px 15px rgba(254, 117, 254,.8); /* purple sun */
	
	
}

#adTest{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	border-width:1px 1px 1px 1px;
	border-color:black;
	min-width: 728px;
	/* min-height: 90px; */
	max-height: 90px;
	max-width:728px;
	align-self: center;
}



div#iframeList{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	order: 2;
	height: 100%;
	flex-grow: 1;
	width: 100%;
	padding: 5px 5px 5px 5px;
}



/* ---------------------- Canvas ---------------------------*/
div#canvasContainer{ /* is not in use right now, canvas is now about root div */
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	order: 2;
	height: 100%;
	flex-grow: 1;
	width: 100%;
}

canvas#canvasV1{
	image-rendering: pixelated;
	
	border: 1px solid black;
	box-sizing: border-box;
	
	top:0px;
	left:0px;
	
	z-index: -999999;
}


/* To-do remove this?
div#root div#middleContainer div#leftMenu{
	width: 165px;
	height: inherit;
	padding: 5px 0px 0px 0px;
	float: left;
}

div#root div#middleContainer div#content{
	width: 652px;
	height: inherit;
	padding: 5px 10px 5px 0px;
	margin: 0px 10px 0px 0px;
	float: left;
}


div#root div#middleContainer div#rightMenu{
	width: 178px;
	padding: 5px 0px 0px 5px;
	float: left;
}
*/


div#root div#bottomContainer{
	height: 100%;
	
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	order: 2;
	justify-content: center;
	align-self: center;
	
	/* part of theme set */
	-webkit-box-shadow: 0px 7px 7px 2px rgba(0,0,0,0.29);
	-moz-box-shadow: 0px 7px 7px 2px rgba(0,0,0,0.29);
	box-shadow: 0px 7px 7px 2px rgba(0,0,0,0.29);
	
	/* yellow city sunset */
	-webkit-box-shadow: 0px 7px 7px 2px rgba(208, 144, 47,.8);
	-moz-box-shadow: 0px 7px 7px 2px rgba(208, 144, 47,.8);
	box-shadow: 0px 7px 7px 2px rgba(208, 144, 47,.8);
	
	/* purple sun */
	-webkit-box-shadow: 0px 7px 7px 2px rgba(254, 117, 254,.8);
	-moz-box-shadow: 0px 7px 7px 2px rgba(254, 117, 254,.8);
	box-shadow: 0px 7px 7px 2px rgba(254, 117, 254,.8);
}

/*div#root div#bottomContainer div#copyright{
	width: 502px;
	padding: 0px 5px 0px 5px;
	float: left;
	text-align: left;
}*/