/*
#status-block { display:inline-block; width:1000px; }
#status-text { float:left; text-align: left; width: 100%; }
span.status-green { display:inline-block; width:10px; height:10px; background:url('//www.playhawken.com/images/ui/png/status.png'); background-repeat:no-repeat; background-position: 0px 0px; float:left; margin-right:5px; margin-top:5px; }
span.status-red { display:inline-block; width:10px; height:10px; background:url('//www.playhawken.com/images/ui/png/status.png'); background-repeat:no-repeat; background-position: -10px 0px; float:left; margin-right:5px; margin-top:5px; }
span.status-yellow { display:inline-block; width:10px; height:10px; background:url('//www.playhawken.com/images/ui/png/status.png'); background-repeat:no-repeat; background-position: -20px 0px; float:left; margin-right:5px; margin-top:5px; }
*/

/* server status */

#server_status {
	width: 100%;
	min-width:1080px;
	height:20px;
	background: #000;
}

#server_status.warning {
	background: #000000;
	background: -moz-linear-gradient(left,  #000000 0%, #ad8800 50%, #000000 100%, #7db9e8 100%); 
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000000), color-stop(50%,#ad8800), color-stop(100%,#000000), color-stop(100%,#7db9e8)); 
	background: -webkit-linear-gradient(left,  #000000 0%,#ad8800 50%,#000000 100%,#7db9e8 100%); 
	background: -o-linear-gradient(left,  #000000 0%,#ad8800 50%,#000000 100%,#7db9e8 100%);
	background: -ms-linear-gradient(left,  #000000 0%,#ad8800 50%,#000000 100%,#7db9e8 100%); 
	background: linear-gradient(to right,  #000000 0%,#ad8800 50%,#000000 100%,#7db9e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#7db9e8',GradientType=1 );
}

#server_status.offline {
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(left,  #000000 0%, #631200 50%, #000000 100%, #7db9e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000000), color-stop(50%,#631200), color-stop(100%,#000000), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #000000 0%,#631200 50%,#000000 100%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #000000 0%,#631200 50%,#000000 100%,#7db9e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #000000 0%,#631200 50%,#000000 100%,#7db9e8 100%); /* IE10+ */
	background: linear-gradient(to right,  #000000 0%,#631200 50%,#000000 100%,#7db9e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */
}

#server_status_message {
	display:block;
	width:100%;
	max-width:1600px;
	margin:0px auto;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font: 12px 'Play';
	line-height:20px;
	opacity:0.75;
	filter:alpha(opacity=75);
	text-shadow: 0px 1px #000;
}

#server_status_message a {
	color: #faf27d;
	text-decoration: none;
	outline: 0;
	border: 0px;
	outline: 0px;
}

#server_status_message a:hover { text-decoration:underline; }
#server_status_message a:visited { color: #e1db87; }


/* end server status */

#server-status-bar {
	width:100%;
	height:20px;
	line-height:20px;
	text-align:center;
	top:0px;
	z-index:99;
	background-color:#000;
}






#supernav_wrapper {
	width:100%;
	height:50px;
	border-top: 1px solid #363636;
	border-bottom: 1px solid #363636;
	background: #1f1f1f;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmMWYxZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #1f1f1f 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1f1f), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top,  #1f1f1f 0%,#000000 100%);
	background: -o-linear-gradient(top,  #1f1f1f 0%,#000000 100%);
	background: -ms-linear-gradient(top,  #1f1f1f 0%,#000000 100%);
	background: linear-gradient(to bottom,  #1f1f1f 0%,#000000 100%);
}

.sn_element { line-height:50px !important; text-transform:uppercase; }
.sn_element.sn-left { float:left; }
.sn_element.sn-right { float:right; }

.sn_player_menu { cursor:pointer; }

#sn_player_emblem { width:40px; height:40px; background:url('//www.playhawken.com/images/supernav/jpg/SuperNav-Emblem-Sprite.jpg'); background-repeat:no-repeat; padding-right:15px;margin-top:5px; }
#sn_player_emblem.ensign { background-position: 0px -40px; }
#sn_player_emblem.lieutenant { background-position: 0px -80px; }
#sn_player_emblem.commander { background-position: 0px -120px; }

#sn_player_callsign { font: 24px 'AgencyFBBold'; color:#d9d9d9; padding-right:7px; }
#sn_player_arrow { background:url('//www.playhawken.com/images/ui/png/ui-sprite.png'); width:16px; height:13px; margin:17px 0px 0px 0px; background-repeat:no-repeat; background-position: 0px -1376px;}

#sn_player_mc { background:url('//www.playhawken.com/images/ui/png/ui-sprite.png'); width:30px; height:28px; background-repeat:no-repeat; background-position: 0px -1486px; margin: 11px 5px 0px 15px; }
#sn_player_mc-label { text-shadow: 0 0 10px #ff6101; font-weight:bold; margin-right:15px; }

#sn_player_hc { background:url('//www.playhawken.com/images/ui/png/ui-sprite.png'); width:27px; height:30px; background-repeat:no-repeat; background-position: 0px -1456px; margin: 10px 5px 0px 0px; }
#sn_player_hc-label { text-shadow: 0 0 10px #3fb0d7; font-weight:bold; }

#supernav a { color: #7E7E7E; text-decoration:none; }
#supernav a:hover { color:#fff; }
#supernav a button { margin:10px 10px 0px 0px; }

#supernav .l2.split { margin:0px; float:left; margin-top:11px; }

.sn_divider { height:50px; }
.sn_divider.divider-vert.left { margin-left:15px; }
.sn_divider.divider-vert.right { margin-right:15px; }

#supernav_dropdown {
	display:none;
	width:200px;
	position:absolute;
	z-index:999;
	top:72px;
	background: #1f1f1f;
	border: 1px solid #363636;
	border-top:0px;
	padding:10px; 
	list-style:none; 
	-webkit-box-shadow: 0px 2px 10px #000;
	-moz-box-shadow: 0px 2px 10px #000;
	box-shadow: 0px 2px 10px #000;
}

#supernav_dropdown li { line-height:24px; }
#supernav_dropdown li a { color:#d9d9d9; display:block; }
#supernav_dropdown li a:hover { color:#ffb300; }

#supernav button.auto { float:left; height:27px !important; margin-right:10px !important; margin-top:11px; min-width:0px;}

/* borrowed globals */

/* MAIN NAV */

#main_nav {
	display:block;
	max-width:763px;
	padding:11px 0px 11px 0px;
	float:right;
	text-align:right;
}

#main_nav_upper_menu, #main_nav_lower_menu { height:31px; }
#main_nav_lower_menu { clear:both; }

.mainNavLink_top, .mainNavLink_sub {
	float: right;
	letter-spacing: 0.15em;
	margin-left:15px;
}

.mainNavLink_top { font: 14px 'FileFolderJNL'; line-height:31px; }
.mainNavLink_sub { font: 12px 'FileFolderJNL'; line-height:31px; display:none; }

.mainNavLink_top a { text-decoration:none !important; color:#ffb200; }
.mainNavLink_top a:visited { text-decoration:none !important; color:#ffb200; }

.mainNavLink_sub a { text-decoration:none !important; color:#ffb200; }
.mainNavLink_sub a:visited { text-decoration:none !important; color:#ffb200; }

.mainNavLink_top a.special { color:#FAF27D; }
.mainNavLink_top_highlight, .mainNavLink_sub_highlight { color:#FFFFFF !important; }

span#mainNav-game-guide a { color: #fef46a; }


/* GLOBAL ELEMENTS */

a img { outline:none; border:0px; }
body { margin:0; }

a { color:#faf27d; text-decoration: none; outline: 0; border:0px; outline:0px; }
a:hover { text-decoration: underline; }
a:visited { color: #e1db87; }

.l1 { font:12px 'Play'; color:#7E7E7E; }
.l2 { font:12px 'Play'; color:#FF663F; }
.p1 { font:16px 'Play'; color:#D9D9D9; }
.p2 { font:14px 'Play'; color:#D9D9D9; line-height:20px; }

.divider-vert { display:inline-block; width:1px; }

.divider-vert.left { 
	background-color:#000;
	opacity:0.30;
	filter:alpha(opacity=30);
}
.divider-vert.right {
	background-color:#FFF;
	opacity:0.08;
	filter:alpha(opacity=08);
}

button.w120h30 {
	color:#000;
	background:url('//www.playhawken.com/images/ui/png/ui-sprite.png');
	border:0px;
	cursor:pointer;
	text-align:center;
	text-shadow: 0 0 0.2em #FFF;
}

button.w120h30 { height:30px; line-height:29px; font: bold 12px 'Play', sans-serif; }

button.w120h30 { width:120px; background-position: 0px 0px; }
button.w120h30:hover { background-position: 0px -30px; }
button.w120h30:active { background-position: 0px -60px; }
button.w120h30.yellow { background-position: 0px -90px; }
button.w120h30.yellow:hover { background-position: 0px -120px; }
button.w120h30.yellow:active { background-position: 0px -150px; }
button.w120h30.grey { background-position: 0px -1197px; }
button.w120h30.grey:hover { background-position: 0px -1227px; }
button.w120h30.grey:active { background-position: 0px -1257px; }

button.auto { 
	border:1px solid #454749;
	background: #333739;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzczOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYjNmNDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #333739 0%, #3b3f41 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333739), color-stop(100%,#3b3f41));
	background: -webkit-linear-gradient(top,  #333739 0%,#3b3f41 100%);
	background: -o-linear-gradient(top,  #333739 0%,#3b3f41 100%);
	background: -ms-linear-gradient(top,  #333739 0%,#3b3f41 100%);
	background: linear-gradient(to bottom,  #333739 0%,#3b3f41 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333739', endColorstr='#3b3f41',GradientType=0 );
	min-width:120px;
	height:26px;
	padding:0px 15px 0px 15px;
	cursor:pointer;
}

button.auto:hover {
	color: #fff;
	text-shadow: 0 0 5px rgba(255,179,0,.5);
	border:1px solid #525659;
	background: #333739;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzczOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDQ2NDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #333739 0%, #404647 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333739), color-stop(100%,#404647));
	background: -webkit-linear-gradient(top,  #333739 0%,#404647 100%);
	background: -o-linear-gradient(top,  #333739 0%,#404647 100%);
	background: -ms-linear-gradient(top,  #333739 0%,#404647 100%);
	background: linear-gradient(to bottom,  #333739 0%,#404647 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333739', endColorstr='#404647',GradientType=0 );
}

button.auto:active {
	color: #7d7d7d;
	text-shadow:none;
	border:1px solid #454749;
	background: #333739;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzczOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZTMyMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #333739 0%, #2e3233 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333739), color-stop(100%,#2e3233));
	background: -webkit-linear-gradient(top,  #333739 0%,#2e3233 100%);
	background: -o-linear-gradient(top,  #333739 0%,#2e3233 100%);
	background: -ms-linear-gradient(top,  #333739 0%,#2e3233 100%);
	background: linear-gradient(to bottom,  #333739 0%,#2e3233 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333739', endColorstr='#2e3233',GradientType=0 );
}
