html {
	background: url(/images/themes/background_n72023.jpg) no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	text-align: center;
	font-size: 100%;
	height: 100%;
	line-height: 19.5px;
}

.wrapper {
	padding: 0 25px 0 25px;
}

body {
  height: 100%;
}

footer {
	height: 30px;
}

.image_changer img {
	width: 100%;
}

#about_leftpane {
	width: 45%;
	float: left;
}
#about_rightpane {
	width: 45%;
	float: right;
}

#special_thanks {
	clear:both;
	width:50%;
	margin-left: 25%;
	margin-right: 25%;
}

#sys_req {
	clear:both;
	width:50%;
	margin-left: 25%;
	margin-right: 25%;
}

#thanks {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 100;
	font-size: 70;
	line-height: 100%;
	text-align: center;
}

#about_logo{ 
	float: right;
	height: 110px;
	width: 110px;
}

/*#nav_bar {
	 background-color: rgba(55, 230, 255, 0.5); 
	z-index:-3;
	margin-bottom:5px;
}*/

/* Content CSS */
.content {
	background-color: rgba(255,255,255,.88);
	max-width: 970px;
	color: black;
	border: 1px solid rgb(153, 153, 153);
	border-radius: 4px;
	margin-left: auto;
  	margin-right: auto;
  	margin-top: 5px;
	line-height: 19.5px;
	min-height: 50px;
	overflow-x: visible;
	overflow-y: visible;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 20px;
	padding-top: 15px;
	text-align: center;
	vertical-align: baseline;
	position: relative;
}

p,span {
	color: black;
	font-family:'Source Sans Pro',Arial,Liberation Sans,DejaVu Sans,sans-serif;
	font-size: 0.95em;
	font-weight: 400;
	text-align: left;
	margin: 5px 0px 3px 0px;
	line-height: 1.27em;
	max-width: 1200px;
}

i {
	font-style: italic;
}

b {
	font-weight: 700;
}

.content ul {
	list-style: none;
	padding: 0px;
	text-align: left;
	list-style-position: inside;
	font-size: 1em;
	font-family:'Source Sans Pro',Arial,Liberation Sans,DejaVu Sans,sans-serif;
	margin: 0;
}

.content ul ul {
	list-style: none;
	padding: 0px;
	text-align: left;
	list-style-position: inside;
	font-size: 1em;
	font-family:'Source Sans Pro',Arial,Liberation Sans,DejaVu Sans,sans-serif;
}

.content ul > li:before {
	content: "\00bb";
	margin: 0 0.4em;
}

ul.nopre { 
	list-style: none;	
}

.content ol { list-style-type: decimal; margin-left: 1.75em; list-style-position: inside;  }
.content ol ol { list-style-type: decimal; margin-left: 1.75em; list-style-position: inside;  }
.content ol ol ol { list-style-type: decimal; margin-left: 1.75em; list-style-position: inside;  }

.content .table_of_contents {
	margin: 0;
}

.leftalign {
	text-align: left;
}

.topalign {
	vertical-align: top;
}

.content ul.centered,ol.centered{
	text-align: center;
}
.content p.centered, span.centered {
	max-width: none;
	text-align: center;
}

.content .modlist_title {
	margin-bottom: 0px;
}

.content h1 {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-weight: 200;
	line-height: 1.1;
	text-align: left;
}

.content .page_title {
	font-family: 'Source Sans Pro', Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-weight: lighter;
	text-align: center;
	margin-bottom: 7px;
	margin-top: 7px;
}

.content #mod_manager_icon {
	padding: 0 10 10 0;
}

.content #mod_manager_3_pane {
	margin-left: 7%;
	width: 30%;
}

.content #mod_manager_2_pane {
	margin-right: 7%;
	max-width: 600px;
	padding-left: 10px;
}

.content .version_image {
	float:right;
}


.content .leftfloatedblock {
	border-bottom-color: rgb(71, 71, 71);
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-image-outset: 0px;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-color: rgb(71, 71, 71);
	border-left-style: none;
	border-left-width: 0px;
	border-right-color: rgb(71, 71, 71);
	border-right-style: none;
	border-right-width: 0px;
	border-top-color: rgb(71, 71, 71);
	border-top-style: none;
	border-top-width: 0px;
	color: rgb(71, 71, 71);
	display: block;
	float: left;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 351.890625px;
	line-height: 22.3999996185303px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	outline-color: rgb(71, 71, 71);
	outline-style: none;
	outline-width: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	text-align: left;
	width: 492px;
}

.content .rightfloatedblock {
	border-bottom-color: rgb(71, 71, 71);
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-image-outset: 0px;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-color: rgb(71, 71, 71);
	border-left-style: none;
	border-left-width: 0px;
	border-right-color: rgb(71, 71, 71);
	border-right-style: none;
	border-right-width: 0px;
	border-top-color: rgb(71, 71, 71);
	border-top-style: none;
	border-top-width: 0px;
	color: rgb(71, 71, 71);
	display: block;
	float: right;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 351.890625px;
	line-height: 22.3999996185303px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	outline-color: rgb(71, 71, 71);
	outline-style: none;
	outline-width: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	text-align: left;
	width: 492px;
}

.content .version {
	background-color: rgb(227, 246, 227);
	border-bottom-color: rgb(71, 71, 71);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-image-outset: 0px;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-color: rgb(71, 71, 71);
	border-left-style: none;
	border-left-width: 0px;
	border-right-color: rgb(71, 71, 71);
	border-right-style: none;
	border-right-width: 0px;
	border-top-color: rgb(71, 71, 71);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top-style: none;
	border-top-width: 0px;
	color: rgb(71, 71, 71);
	display: block;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 22.3999996185303px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	outline-color: rgb(71, 71, 71);
	outline-style: none;
	outline-width: 0px;
	padding-bottom: 20px;
	padding-left: 43px;
	padding-right: 43px;
	padding-top: 20px;
	text-align: left;
	vertical-align: baseline;
}

.clear{ 
	clear: both;
}

.content .downloadbutton {
	-webkit-background-clip: border-box;
	-webkit-background-origin: padding-box;
	-webkit-background-size: auto;
	-webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 5px 0px inset, rgba(0, 0, 0, 0.0392157) 0px 1px 3px 0px;
	-webkit-transition-delay: 0s;
	-webkit-transition-duration: 0.07s;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: linear;
	-webkit-user-select: none;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgb(123, 202, 128);
	background-image: linear-gradient(rgb(123, 202, 128), rgb(128, 206, 132));
	background-origin: padding-box;
	background-repeat: repeat;
	background-size: auto;
	border-bottom-color: rgb(61, 140, 64);
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-image-outset: 0px;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-color: rgb(61, 140, 64);
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: rgb(61, 140, 64);
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: rgb(61, 140, 64);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-top-style: solid;
	border-top-width: 1px;
	box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 5px 0px inset, rgba(0, 0, 0, 0.0392157) 0px 1px 3px 0px;
	box-sizing: border-box;
	color: rgb(25, 91, 29);
	cursor: pointer;
	display: block;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	height: 41px;
	line-height: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 13px;
	outline-color: rgb(25, 91, 29);
	outline-style: none;
	outline-width: 0px;
	padding-bottom: 11px;
	padding-left: 20px;
	padding-right: 25px;
	padding-top: 9px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	text-shadow: rgba(255, 255, 255, 0.317647) 0px 1px 0px;
	transition-delay: 0s;
	transition-duration: 0.07s;
	transition-property: all;
	transition-timing-function: linear; 
	vertical-align: middle;
	white-space: nowrap;
	width: 252.875px;
}

h1 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 1.9em;
	text-align:left;
}

h2 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 1.4em;
	margin: 0.8em 0em 0.8em 0em;
	text-align:left;
}

h3 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 1.2em;
	margin: 0.7em 0em 0.7em 0em;
	text-align:left;
}

.content .addenemy {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 100;
	cursor: pointer;
}

.content h3 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 100;
	text-align: left;
}

.content h4 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 100;
	text-align: left;
}

.content .difficulty_header {
	font-family: 'Source Sans Pro', sans-serif;
	text-align: center;
	font-weight: 100;
}

.content .wave_header {
	display: inline;
	padding-bottom: 10px;
}

.enemy_list_block:hover .addenemy {
   -webkit-opacity: 0.75;
   -moz-opacity: 0.75;
   opacity: 0.75;
   -webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
   -ms-transition: all 1s ease;
   -o-transition: all 1s ease;
   transition: all 1s ease;
}

/* attention (red)*/
.content .attention{
	max-width: 1200px;
	color: black;
	background-color: rgb(255, 221, 221);
	background-image: url("/images/attention.png");
	background-size: 40px 40px;
	background-position: 15px center;
	background-repeat: no-repeat;
	border-bottom-color: rgb(153, 153, 153);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-image-outset: 0px;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-color: rgb(153, 153, 153);
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: rgb(153, 153, 153);
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: rgb(153, 153, 153);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top-style: solid;
	border-top-width: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 65px;
}

.content .download_div {
	text-align: center;
}

/* warning, yellow*/
.content .warning {
	max-width: 1200px;
	color: black;
	background-color: #ffc;
	background-image: url("/images/warning.png");
	background-size: 40px 40px;
	background-position: 15px center;
	background-repeat: no-repeat;
	border-bottom-color: rgb(153, 153, 153);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-image-outset: 0px;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-color: rgb(153, 153, 153);
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: rgb(153, 153, 153);
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: rgb(153, 153, 153);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top-style: solid;
	border-top-width: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 65px;
}

div.warning > p, div.attention > p, div.tip > p {
	text-align: left;
}

.content pre {
	 white-space: pre-wrap;       /* css-3 */
	 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	 white-space: -pre-wrap;      /* Opera 4-6 */
	 white-space: -o-pre-wrap;    /* Opera 7 */
	 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* tip, green*/
.content .tip{
	max-width: 1200px;
	color: black;
	background-color: #E4F6F8;
	background-image: url("/images/tip.png");
	background-size: 40px 40px;
	background-position: 15px center;
	background-repeat: no-repeat;
	border-bottom-color: rgb(153, 153, 153);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-image-outset: 0px;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-color: rgb(153, 153, 153);
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: rgb(153, 153, 153);
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: rgb(153, 153, 153);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top-style: solid;
	border-top-width: 1px;
	padding-left: 65px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
}

/*link*/
.content a:link { 
	text-align: left;
	text-decoration: none;
	color: #0078BD;
	border-bottom: 1px dotted #0078BD;
}

.content a:hover { 
	color: #0099FF; 
}
.content a:active { color: #00CCFF; }
.content a:visited { color: #922d19; } 
.content a:visited.always_new_link { /*not overqualified*/
	color: #0078BD;
}

.content .footnote {
	font-size: 10;
}

.content .no_box {
	margin:0;
}

.content .no-style-list li {
	list-style-type: none;
}

/*Normal tables*/
.content table {
	font-family:'Source Sans Pro', Arial,Liberation Sans,DejaVu Sans,sans-serif;
	font-size: 90%;
	color:#333333;
	border-width: 1px;
	border-color: #729ea5;
	border-collapse: collapse;
	vertical-align: top;
	max-width: 1200px;
}

.content table th {
	font-family: 'Source Sans Pro', Arial,Liberation Sans,DejaVu Sans,sans-serif;
	font-size: 1.0em;
	background-color:#acc8cc;
	border-width: 1px;padding: 8px;
	border-style: solid;
	border-color: #729ea5;
	text-align:center;
}
.content table tr {
	background-color:#d4e3e5;
}

.content table td {
	font-size: 0.9em;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #729ea5;
}

/*Cerberus tables*/
.content table.cerberus-table th {
	background-color:#c09860;
	border-color: #aa7643;
}
.content table.cerberus-table tr {
	background-color: #d6bb97;
}

.content table.cerberus-table td {
	border-color: #aa7643;
}


/* Geth Tables */
.content table.geth-table th {
	background-color:#9494C1;
	border-color: #6C6C7E;
}
.content table.geth-table tr {
	background-color: #B4B4D3;
}

.content table.geth-table td {
	border-color: #6C6C7E;
}
/*Reaper Tables*/
.content table.reaper-table th {
	background-color: #ff5757;
	border-color: #8d0000;
}
.content table.reaper-table tr {
	background-color: #ff9292;
}

.content table.reaper-table td {
	border-color: #8d0000;
}


/*Collector Tables*/
.content table.collector-table th {
	background-color:#8f8f8f;
	border-color: #545454;
}
.content table.collector-table tr {
	background-color: #c0c0c0;
}

.content table.collector-table td {
	border-color: #545454;
}

/*code boxes*/
.content code  {
	max-width: 1200px;
	font-family: consolas, courier, monospace;
	font-size: 1em;
	line-height: 1.2em;
	white-space: pre; 
	background-color: rgba(5,5,80, .7); /* any colour's okay, 
	so long as it's different to the page-background  
	(for ease of recognition) and contrast to the text */
	color: white; /* likewise the background-color comment */
	border: 1px solid #666;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em; /* just in case */
	padding: 1em;
	display: block;
	word-wrap: break-word;
	text-align: left;
	/*margin: 1.2em 1em;*/
}

.content .divnewline, .inline-block {
	display: inline-block;
	float: none !important;
}

.vertical-center {
	vertical-align: middle
}

.top15px {
	padding-top: 15px;
}

.content #enemy_list_master {
	float: left;
}

.content .addenemy {
    color: black;
    -webkit-opacity: 0.0;
    -moz-opacity: 0.0;
    opacity: 0.0;
    float: right;
}

.content .removeenemy {
    color: black;
    -webkit-opacity: 0.0;
    -moz-opacity: 0.0;
    opacity: 0.0;
    float:right;
}

.enemy_item:hover .removeenemy {
   -webkit-opacity: 0.75;
   -moz-opacity: 0.75;
   opacity: 0.75;
   -webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
   -ms-transition: all 1s ease;
   -o-transition: all 1s ease;
   transition: all 1s ease;
}

.content .enemy_item {
	margin-top: 10px;
}

.removeenemy:hover {
	cursor:pointer;
}

.content .wavelist li:before {
	content: none;
}

.content .wavelist {
	vertical-align: top;
}

.content .bronze_wavelist {
	background-color: rgba(140, 120, 83, .5);
}

.content .silver_wavelist {
	background-color: rgba(192, 192, 192, .5);
}

.content .gold_wavelist {
	background-color: rgba(255, 215, 0, .5);
}

.content .platinum_wavelist {
	background-color: rgba(229, 228, 226, .5);
}

.content .wavelist .enemy_numbers_form {
	display: inline-block;
}

.content .faction {
	color: black;
	border-bottom-color: rgb(153, 153, 153);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-image-outset: 0px;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-color: rgb(153, 153, 153);
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: rgb(153, 153, 153);
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: rgb(153, 153, 153);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top-style: solid;
	border-top-width: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.content em {
	background-color: #FFFFB3;
	font-style: normal;
	padding: 0 5 0 5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.content .banner_image {
	box-shadow: 6px 6px 10px #555;
    border-width: 1px;
    border: 1px solid;
    border-color: rgba(0,0,0,.3);
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 20px;
}


.pink.nav-button, .pink.nav-button:visited      { background-color: #e22092; }
.pink.nav-button:hover                      { background-color: #c81e82; }
.green.nav-button, .green.nav-button:visited    { background-color: #91bd09; }
.green.nav-button:hover                     { background-color: #749a02; }
.red.nav-button, .red.nav-button:visited        { background-color: #e62727; }
.red.nav-button:hover                       { background-color: #cf2525; }
.orange.nav-button, .orange.nav-button:visited  { background-color: #ff5c00; }
.orange.nav-button:hover                    { background-color: #d45500; }
.blue.nav-button, .blue.nav-button:visited      { background-color: #2981e4; }
.blue.nav-button:hover                      { background-color: #2575cf; }
.yellow.nav-button, .yellow.nav-button:visited  { background-color: #ffb515; }
.yellow.nav-button:hover                    { background-color: #fc9200; }

.small.nav-button, .small.nav-button:visited { 
	font-size: 11px
}
.nav-button, .nav-button:visited, .medium.nav-button, .medium.nav-button:visited  { 
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
 
.large.v, .large.nav-button:visited  { 
	font-size: 14px;
	padding: 8px 14px 9px; 
	
}
 
.super.nav-button, .super.nav-button:visited  { 
	font-size: 34px;
	padding: 8px 14px 9px; 
	
}

.content .center_image_div {
	display:block;
    text-align: center;
}

.content a:link.image_link { /*Not overqualified - overrides stuff on main.css*/
    border-bottom: 0px none transparent;
    text-decoration: none;
    display: inline-block;
}

.centered {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.nav.centered {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
}

.content .popout_image {
    display: block;
    margin-left: auto;
	margin-right: auto;
    box-shadow: 8px 8px 10px #555;
    margin-bottom: 10px;
    max-width: 100%;
    min-width: 100px;
}

.content .scalable_image, .scalable_image {
	min-width: 100px;
	max-width: 100%;
	height: auto;
    width: auto; /* ie8 */
}

.content .newlinediv {
	margin-top: 4px;
	margin-bottom: 4px;
}

/*making the video responsive*/
.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
}
.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.content #mod_manager_icon {
	float:right;
	max-width: 200px;
	max-height: 200px;
}

.content li {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 0.94em;
}

.content .inline-table, .content .inline {
	display: inline-block;
}

.content .file::before {
    content: url(/images/guides/common/file.png);
}

.content .spoiler {
	display: none;
}

#site_updates {
	padding: 5px;
	display: inline-block;
	vertical-align: top;
	background-color: rgba(0,0,90, .3);
	border-radius: 6px;
}

footer {
	min-height: 40px;
	display: block;
}

.footer nav ul {
	list-style: none outside none;
}

.floatleft {
	float:left;
}

.floatright {
	float: right;
}

.footer > p {
	color: white;
	text-align: center;
	margin: 0;
}


#news {
	text-align:left;
	font-weight: 400;
	margin-bottom: 0px;
}

.content .homepage-leftblock {
	display:inline-block;
	vertical-align: top;
	max-width: 49%;
	min-width: 300px;
}

.content .homepage-rightblock {
	display:inline-block;
	max-width: 49%;
	min-width: 49%;
}

/* Default button styling - this applies to all anchors with the .button class */

.button {
	font-size: 12px; 
	border-bottom-style: none;
	font-family: Helvetica, Arial, sans serif;
	padding: 8px 12px; 
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	box-shadow: inset 0px 0px 2px #fff;
	-o-box-shadow: inset 0px 0px 2px #fff;
	-webkit-box-shadow: inset 0px 0px 2px #fff;
	-moz-box-shadow: inset 0px 0px 2px #fff;
	margin: .4em;
	/*padding: 1em;*/
	cursor: pointer;
	background: #e1e1e1;
	text-decoration: none;
	color: #666666;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.button:active {
	box-shadow: inset 0px 0px 3px #999;
	-o-box-shadow: inset 0px 0px 3px #999;
	-webkit-box-shadow: inset 0px 0px 3px #999;
	-moz-box-shadow: inset 0px 0px 3px #999;
}

/* The styles for the grey button */
.grey {
	color: #444;
	border: 1px solid #d0d0d0;
	background-image: -moz-linear-gradient(#ededed, #e1e1e1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e1e1e1), to(#ededed));
	background-image: -webkit-linear-gradient(#ededed, #e1e1e1);
	background-image: -o-linear-gradient(#ededed, #e1e1e1);
	text-shadow: 1px 1px 1px #fff;
	background-color: #e1e1e1;
}
.grey:hover {
	border: 1px solid #b0b0b0;
	background-image: -moz-linear-gradient(#e1e1e1, #ededed);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#e1e1e1));
	background-image: -webkit-linear-gradient(#e1e1e1, #ededed);
	background-image: -o-linear-gradient(#e1e1e1, #ededed);
	background-color: #ededed;
}
.grey:active {border: 1px solid #666;}

/* The styles for the red button */
.red {
	color: #923c47;
	border: 1px solid #d96d7c;
	background-image: -moz-linear-gradient(#f997b0, #f6677b);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6677b), to(#f997b0));
	background-image: -webkit-linear-gradient(#f997b0, #f6677b);
	background-image: -o-linear-gradient(#f997b0, #f6677b);
	text-shadow: 1px 1px 1px #fdbcc7;
	background-color: #f6677b;
}
.red:hover {
	border: 1px solid #c75964;
	background-image: -moz-linear-gradient(#f6677b, #f997b0);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f997b0), to(#f6677b));
	background-image: -webkit-linear-gradient(#f6677b, #f997b0);
	background-image: -o-linear-gradient(#f6677b, #f997b0);
	background-color: #f997b0;
}
.red:active {border: 1px solid #ab3e4b;}

/* The styles for the blue button */
.blue {
	color: #41788c;
	border: 1px solid #6fb1c7;
	background-image: -moz-linear-gradient(#aae5f7, #73d0f1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d0f1), to(#aae5f7));
	background-image: -webkit-linear-gradient(#aae5f7, #73d0f1);
	background-image: -o-linear-gradient(#aae5f7, #73d0f1);
	text-shadow: 1px 1px 1px #bfeafb;
	background-color: #73d0f1;
}
.blue:hover {
	border: 1px solid #4690ad;
	background-image: -moz-linear-gradient(#73d0f1, #aae5f7);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aae5f7), to(#73d0f1));
	background-image: -webkit-linear-gradient(#73d0f1, #aae5f7);
	background-image: -o-linear-gradient(#73d0f1, #aae5f7);
	background-color: #aae5f7;
}
.blue:active {border: 1px solid #3b778b;}

/* The styles for the green button */
.green {
	color: #5a742d !important;
	border: 1px solid #95b959 !important;
	background-image: -moz-linear-gradient(#cae387, #a5cb5e);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5cb5e), to(#cae387));
	background-image: -webkit-linear-gradient(#cae387, #a5cb5e);
	background-image: -o-linear-gradient(#cae387, #a5cb5e);
	text-shadow: 1px 1px 1px #dff4bc;
	background-color: #a5cb5e;
}
.green:hover {
	border: 1px solid #687e30;
	background-image: -moz-linear-gradient(#a5cb5e, #cae387);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cae387), to(#a5cb5e));
	background-image: -webkit-linear-gradient(#a5cb5e, #cae387);
	background-image: -o-linear-gradient(#a5cb5e, #cae387);
	background-color: #cae387;
}
.green:active {border: 1px solid #506320;}

/* The styles for the black button */
.black {
	color: #fff;
	border: 1px solid #4d4d4d;
	background-image: -moz-linear-gradient(#656565, #454545);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#454545), to(#656565));
	background-image: -webkit-linear-gradient(#656565, #454545);
	background-image: -o-linear-gradient(#656565, #454545);
	text-shadow: 1px 1px 1px #6d6d6d;
	background-color: #454545;
}
.black:hover {
	border: 1px solid #363636;
	background-image: -moz-linear-gradient(#454545, #656565);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#656565), to(#454545));
	background-image: -webkit-linear-gradient(#454545, #656565);
	background-image: -o-linear-gradient(#454545, #656565);
	background-color: #656565;
}
.black:active {border: 1px solid #000;}

/* The styles for the yellow button */
.yellow {
	color: #986a39;
	border: 1px solid #e6b650;
	background-image: -moz-linear-gradient(#ffd974, #febf4d);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#febf4d), to(#ffd974));
	background-image: -webkit-linear-gradient(#ffd974, #febf4d);
	background-image: -o-linear-gradient(#ffd974, #febf4d);
	text-shadow: 1px 1px 1px #fbe5ac;
	background-color: #febf4d;
}
.yellow:hover {
	border: 1px solid #c1913d;
	background-image: -moz-linear-gradient(#febf4d, #ffd974);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd974), to(#febf4d));
	background-image: -webkit-linear-gradient(#febf4d, #ffd974);
	background-image: -o-linear-gradient(#febf4d, #ffd974);
	background-color: #ffd974;
}
.yellow:active {border: 1px solid #936b26;}

/* The styles for the purple button */
.purple {
	color: #7e5d7c;
	border: 1px solid #cd93c6;
	background-image: -moz-linear-gradient(#e9c4e3, #d798d1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d798d1), to(#e9c4e3));
	background-image: -webkit-linear-gradient(#e9c4e3, #d798d1);
	background-image: -o-linear-gradient(#e9c4e3, #d798d1);
	text-shadow: 1px 1px 1px #f1ceef;
	background-color: #d798d1;
}
.purple:hover {
	border: 1px solid #886382;
	background-image: -moz-linear-gradient(#d798d1, #e9c4e3);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e9c4e3), to(#d798d1));
	background-image: -webkit-linear-gradient(#d798d1, #e9c4e3);
	background-image: -o-linear-gradient(#d798d1, #e9c4e3);
	background-color: #e9c4e3;
}
.purple:active {border: 1px solid #6a4664;}

/* The styles for the greyblue button */
.gblue {
	color: #57646d;
	border: 1px solid #929ba2;
	background-image: -moz-linear-gradient(#bbcbd8, #8ea5b5);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8ea5b5), to(#bbcbd8));
	background-image: -webkit-linear-gradient(#bbcbd8, #8ea5b5);
	background-image: -o-linear-gradient(#bbcbd8, #8ea5b5);
	text-shadow: 1px 1px 1px #c6d4df;
	background-color: #8ea5b5;
}
.gblue:hover {
	border: 1px solid #656f78;
	background-image: -moz-linear-gradient(#8ea5b5, #bbcbd8);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbcbd8), to(#8ea5b5));
	background-image: -webkit-linear-gradient(#8ea5b5, #bbcbd8);
	background-image: -o-linear-gradient(#8ea5b5, #bbcbd8);
	background-color: #bbcbd8;
}
.gblue:active {border: 1px solid #434f5a;}

/* The styles for the button groups */

.left {
	border-top-right-radius: 0px;
	-moz-border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-border-bottom-right-radius: 0px;
	border-right: 0px;
}
.left:hover {
	border-right: 0px;
}
.middle {
	border-radius: 0px;
	-moz-radius: 0px;
	border-right: 0px;
}
.middle:hover {
	border-right: 0px;
}
.right {
	border-top-left-radius: 0px;
	-moz-border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	-moz-border-bottom-left-radius: 0px;
}

/* Large Styles */

.large {padding: 14px 28px;}

.answer {
	padding: 0;
	margin: 0;
}

/*Login and registration stufF*/

input {
  font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
  font-size: 14px;
}

input[type=text], input[type=password] {
  margin: 5px;
  padding: 0 10px;
  width:80%;
  height: 34px;
  color: #404040;
  background: white;
  border: 1px solid;
  border-color: #c4c4c4 #d1d1d1 #d4d4d4;
  border-radius: 2px;
  outline: 5px solid #eff4f7;
  -moz-outline-radius: 3px;
}

.container {
	margin: 80px auto;
}

.no-margins {
	margin: 0;
}

.login {
  position: relative;
  font-family:"Lucida Grande", 'Source Sans Pro', Arial, sans-serif;
  margin: 0 auto;
  padding: 20px 20px 20px;
  width: 310px;
  background: white;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
}

.login h1 {
	margin: -20px -20px 21px;
	line-height: 40px;
	font-size: 15px;
	font-weight: bold;
	color: #555;
	text-align: center;
	text-shadow: 0 1px white;
	background: #f3f3f3;
	border-bottom: 1px solid #cfcfcf;
	border-radius: 3px 3px 0 0;
	background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
	background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
	background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
	background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
	-webkit-box-shadow: 0 1px whitesmoke;
	box-shadow: 0 1px whitesmoke;
}

.login:before {
	content: '';
	position: absolute;
	top: -8px;
	right: -8px;
	bottom: -8px;
	left: -8px;
	z-index: -1;
	background: rgba(0, 0, 40, 0.2);
	border-radius: 4px;
}

.login p.remember_me {
  float: left;
  line-height: 31px;
  margin-top: 0px;
}

.login p {
	text-align: center;
}

.login p.login_submit {
	text-align: right;
}

.login p.remember_me input {
  position: relative;
  bottom: 1px;
  margin-right: 4px;
  vertical-align: middle;
}

.login input[type=submit] {
  padding: 0 18px;
  height: 29px;
  font-size: 12px;
  font-weight: bold;
  color: #527881;
  text-shadow: 0 1px #e3f1f1;
  outline: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.content .error_text, .login .error_text {
	border-radius: 2px;
	color: rgb(200,0,0);
	margin-top: 3px;
	margin-bottom: 3px;
	margin: 0;
	animation: error_highlight 3s;
}

.content .error_text_redbg {
	border-radius: 2px;
	color: rgb(200,0,0);
	margin-top: 3px;
	margin-bottom: 3px;
	margin: 0;
	animation: error_highlight_redbg 3s;
}

.content .update_text {
	border-radius: 2px;
	color: rgb(59,170,58);
	margin-top: 3px;
	margin-bottom: 3px;
	margin: 0;
	animation: update_highlight 3s;
}

@keyframes error_highlight {
 	0% {
 		background: rgba(150,0,0, 0);
 		color: rgb(200,0,0);
 	}

 	25% {
 		 background: rgba(150,0,0, 1);
 		 color: white;
 	}
 	
 	50% {
 		 background: rgba(150,0,0, 0);
		color: rgb(200,0,0);
 	}
 	
 	75% {
 		background: rgba(150,0,0, 1);
 		color: white;
 	}
 	100% {
 		background: rgba(150,0,0, 0);
		color: rgb(200,0,0);
 	}
}

@keyframes error_highlight_redbg {
 	0% {
 		background: rgba(150,0,0, 0);
 		color: rgb(200,0,0);
 	}

 	25% {
 		 background: rgba(150,0,0, 1);
 		 color: white;
 	}
 	
 	50% {
 		 background: rgba(150,0,0, 0);
		color: rgb(200,0,0);
 	}
 	
 	75% {
 		background: rgba(150,0,0, 1);
 		color: white;
 	}
 	100% {
 		background: rgba(150,0,0, .2);
		color: rgb(200,0,0);
 	}
}

@keyframes update_highlight {
 	0% {
 		background: rgba(0,150,0, 0);
 		color: rgb(59,170,58);
 	}

 	25% {
		background: rgba(0,150,0, 1);
   		color: white;
 	}
 	
 	50% {
		background: rgba(0,150,0, 0);
		color: rgb(59,170,58);
 	}
 	
 	75% {
 		background: rgba(0,150,0, 1);
		color: white;
 	}
 	100% {
 		background: rgba(0,150,0, 0);
		color: rgb(59,170,58);
 	}
}

.login-help {
	margin: 20px 0;
	font-size: 100%;
	color: white;
	text-align: center;
	text-shadow: 0 1px #2a85a1;
}

.content em {
	background-color: #FFFFB3;
	padding: 0 5 0 5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.login-help.a {
    color: #cce7fa;
    text-decoration: none;
}

.login-help.a:hover{ 
	text-decoration: underline; 
}

/*modmaker*/
.content textarea {
  margin: 12px 12px 12px 5px;
  padding: 0 10px;
  max-width: 400px;
  min-height: 34px;
  color: #404040;
  background: white;
  border: 1px solid;
  border-color: #c4c4c4 #d1d1d1 #d4d4d4;
  border-radius: 2px;
  outline: 5px solid #eff4f7;
  -moz-outline-radius: 3px;
  display: block;
}

.content .short_input {
	max-width: 130px;
}

#mod_name {
	max-width: 200px;
	text-align:center;
}

.content .up_navigation {
    text-align: left;
    position: absolute;
    top: 23px;
    left: 5px;
}

.content .image_changer, .image-slider-big, .image-slider-thumb {
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
	max-height: 450px;
}

.content .image-slider-thumb {
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
	max-height: 150px;
}


.content .floatright {
	float:right;
}

.modmaker_attribute_description {
	margin: 0px 10px 0px 10px;
}

.modmaker_attribute_divider {
	margin: 0px 10px 0px 10px;
	color: rgba(0,0,0,.3);
}

.wavelistblock {
	border: 1px black solid;
	display: inline-block;
	color: white;
    width: 200px;
    height: 275px;
    margin-bottom: 2px;
    padding: 0;
}

.enemycostblock {
	background: black;
	border: 1px black solid;
	display: inline-block;
	color: white;
    width: 200px;
    margin-bottom: 2px;
    height: 150;
    padding: 0;
}

h2.subtitle {
	text-align:center;
	margin: 5px 0 5px 0;
}

.ui-accordion-content p {
	color: white;
}

#mmnav a:link.roundedbutton {
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 100;
    line-height: 0.8em;
    color: #e0e0e0;
    border-bottom: none;
}

.content a:link.roundedbutton, .gallerymod a:link.roundedbutton, #galleryinfo a:link.roundedbutton {
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 100;
    color: #e0e0e0;
    border-bottom: none;
}

.content a:visited.roundedbutton, .gallerymod a:visited.roundedbutton, #mmnav a:visited.roundedbutton, #galleryinfo a:visited.roundedbutton {
    color: #e0e0e0;
    border-bottom: none; 
}

.content a:hover.roundedbutton, .gallerymod a:hover.roundedbutton, #mmnav a:hover.roundedbutton, #galleryinfo a:hover.roundedbutton {
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e5799 7%, #7db9e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(7%,#1e5799), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1e5799 7%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1e5799 7%,#7db9e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1e5799 7%,#7db9e8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1e5799 7%,#7db9e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
    color: white;
    border-bottom: none;
}

.content .news_heading {
	margin-bottom: 0px;
}

.content .news_separator {
    margin-top: 3px;
    border: 0; 
    height: 1px; 
    /*background: #333; */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+43,ffffff+87,000000+100&1+0,1+52,0+100 */
	background-image: linear-gradient(to right,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 43%,rgba(52,52,52,1) 52%,rgba(10,10,10,0.27) 87%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.content .news_content {
	margin-top: 0px;
}

.content .news_publishdate {
	color: rgba(128,128,128,.7);
	font-size: 0.8em;
	margin-top: 2px;
	margin-bottom: 2px;
}

#sb-site {
	background: none;
	height: calc(100% - 50px);
    overflow-y: scroll;
}

/*
.navicon-line {
	width: 24px;
	height: 4px;
	border-radius: 1px;
	margin-bottom: 3px;
	background-color: #fff;
}

.navbar-right .navicon-line {
	float:right;
}

.navbar {
	box-shadow: /* Shadow beneath the bar and edge highlights. */
		/* Layered single pixel shadows to create a one sided shadow effect. *
		0 5px 0 0 rgba(0, 0, 0, 0.01),
		0 4px 0 0 rgba(0, 0, 0, 0.02),
		0 3px 0 0 rgba(0, 0, 0, 0.04),
		0 2px 0 0 rgba(0, 0, 0, 0.06),
		0 1px 0 0 rgba(0, 0, 0, 0.08),
		/* Top highlight *
		0 1px 0 0 rgba(255, 255, 255, 0.1) inset,
		/* Left highlight *
		1px 0 0 0 rgba(255, 255, 255, 0.1) inset,
		/* Right highlight *
		-1px 0 0 0 rgba(255, 255, 255, 0.1) inset,
		/* Bottom lowlight *
		0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
		
	/* Glass gradient overlay. *
	background-image: -webkit-linear-gradient(top, rgba(255,255,255, 0.05) 50%, rgba(0,0,0, 0.02) 51%); /*  Webkit syntax. *
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 50%, rgba(0, 0, 0, 0.02) 51%); /* Final syntax. *
	background-size: 100%;
	background-repeat: no-repeat;
	
	/* Bootstrap Changes *
	border: none;
/*	width: 100%;*
/*	left: auto;
	right: auto;*
	min-height: 50px;
}

.fixed-nav-bar {
 	background-color: rgba(2, 76, 129, 0.95);
 	z-index: 2;
 	left: 0;
 	right: 0;
}

.navbar .sb-toggle-left {
	width: 32px;
	float: left;
	padding: 15px 14px 15px 14px;
}

.navbar .sb-toggle-right {
	width: 32px;
	float: right;
	padding: 15px 14px 15px 14px;
}

.navbar_fixed {
	position: fixed;
}

.sb-slidebar {
	background-color: #222222; /* Background colour. 
	color: #e8e8e8; /* Text colour. 
	min-width: 250px;
	max-height: 100%;
/*	overflow-x: visible;
}

.sb-left{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,2989d8+66,000000+66,7db9e8+100&1+0,0.9+67,0+100 *
	background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 66%, rgba(4,5,7,0.9) 67%, rgba(125,185,232,0) 100%); /* FF3.6-15 *
	background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0.9) 66%,rgba(4,5,7,0.9) 67%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 *
	background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0.9) 66%,rgba(4,5,7,0.9) 67%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 *
}

.sb-slidebar a {
	color: #FF5991;
	text-decoration: none;
}

.sb-slidebar a:hover {
	color: #63BDFF; /* Link hover colour. *
	text-decoration: underline;
}

.sb-menu li a:hover {
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.05);  Will lighten any background colour you set. 
}

.sb-menu {
	font-family: 'Source Sans Pro', sans-serif;
}

.navbar-right {
	display: none; /*must be turned on by page*
}

/* Borders */
/*.sb-left .sb-menu li a {
	border-left: 3px solid transparent;
}

.sb-left .sb-menu li a:hover {
	border-left: 3px solid;/* Removes transparent colour, so border colour will be the same as link hover colour. *
}

.sb-right .sb-menu li a {
	border-right: 3px solid transparent;
}

.sb-right .sb-menu li a:hover {
	border-right: 3px solid;  Removes transparent colour, so border colour will be the same as link hover colour. 
}

/* Main Menu *
.sb-menu { /* Apply to <ul> or <ol>. *
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.sb-menu li {
	width: 100%;
	padding: 0;
	margin: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1); /* Will lighten any background colour you set. *
	border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* Will darken any background colour you set. *
}*/

h1.dark, h2.dark, p.dark {
	color: white;
}

.sb-menu > li:first-child {
	border-top: none; /* Removes top border from first list item.. */
}

.sb-menu > li:last-child {
	border-bottom: none; /* Removed bottom border from last list item. */
}

.sb-menu li a {
	width: 100%; /* Makes links full width. */
	display: inline-block;
	padding: .5em 0 .5em 0; /* Creates an even padding the same size as your font. */
	color: #f2f2f2;
}

.sb-menu li a:hover {
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.05); /* Will lighten any background colour you set. */
}

/*Buttons, again*/
.roundedbutton {
    /*background: #222 url(/images/alert-overlay.png) repeat-x;*/
    /*From colorzilla*/
	background: #315081; /* Old browsers */
	background: -moz-linear-gradient(top,  #315081 0%, #3c629d 67%, #3c629d 67%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#315081), color-stop(67%,#3c629d), color-stop(67%,#3c629d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #315081 0%,#3c629d 67%,#3c629d 67%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #315081 0%,#3c629d 67%,#3c629d 67%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #315081 0%,#3c629d 67%,#3c629d 67%); /* IE10+ */
	background: linear-gradient(to bottom,  #315081 0%,#3c629d 67%,#3c629d 67%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#315081', endColorstr='#3c629d',GradientType=0 ); /* IE6-9 */
	border-bottom: none;


    display: inline-block;
    padding: 5px 10px 6px;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

/*MODMAKER NAV*/
/*#mmnav {
	margin-left:auto;
	margin-right: auto;
	border-radius: 0px 0px 5px 5px;
	background: rgba(56, 92, 162, .6);
	max-width: 1000px;
}

#mmnav_title {
	float:left;
	margin: 3px 0 3px 10px;
	color: white;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 100;
}

#mmnav_links {
	float:right;
	margin-right: 5px;
	font-size: 1.2em;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 100;
	vertical-align: bottom;
}

a:link.mmnav_link {
	color: white;
}

a:visited.mmnav_link {
	color: white;
}*/
.content a:active { color: #00CCFF; }

.content a:visited.always_new_link { /*not overqualified*/
	color: #0078BD;
}

.loading {
  font-family: "Segoe UI, Arial Black", "Arial Bold", Gadget, sans-serif;
  font-weight: 300;
  text-transform:uppercase;
  
  width:150px;
  text-align:center;
  line-height:50px;
  
  position:relative;
  left:0;right:0;top:50%;
  margin:auto;
  opacity: 0;
  display:none;
}

.loading span {
  position:relative;
  z-index:999;
  color:#fff;
}
.loading:before {
  content:'';
  background:#283e63;
  width:128px;
  height:30px;
  display:block;
  position:absolute;
  top:0;left:0;right:0;bottom:0;
  margin:auto;
  -webkit-animation:2s loadingBefore infinite ease-in-out;
  animation:2s loadingBefore infinite ease-in-out;
}

@keyframes loadingBefore {
  0%   {transform:translateX(-14px);}
  50%  {transform:translateX(14px);}
  100% {transform:translateX(-14px);}
}

@-webkit-keyframes loadingBefore {
  0%   {transform:translateX(-14px);}
  50%  {transform:translateX(14px);}
  100% {transform:translateX(-14px);}
} 

.loading:after {
  content:'';
  background:#ff3600;
  width:14px;
  height:40px;
  display:block;
  position:absolute;
  top:0;left:0;right:0;bottom:0;
  margin:auto;
  opacity:.5;
  -webkit-animation:2s loadingAfter infinite ease-in-out;
  animation:2s loadingAfter infinite ease-in-out;
}

@-webkit-keyframes loadingAfter {
  0%   {transform:translateX(-50px);}
  50%  {transform:translateX(50px);}
  100% {transform:translateX(-50px);}
} 

@keyframes loadingAfter {
  0%   {transform:translateX(-50px);}
  50%  {transform:translateX(50px);}
  100% {transform:translateX(-50px);}
}

#cancelbutton {
	border: 1px solid #95B959;
}

#cancelbutton:visited, #cancelbutton:hover {
	color: black;
}

.cmmver {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	background-color: #000080;
	color: white;
	box-shadow: 0px 0px 5px #000;
	border-radius: 3px;
	padding: 3px;
}

.adspace {
	max-width: 975px;
	max-height: 100px !important;
	margin-top: 3px;
	margin-left: auto;
	margin-right:auto;
}

#login_onlytext {
	margin-bottom: 15px;
}

#support_banner {
	max-width: 970px;
	min-height: 80px;
	text-align: center;
	padding: 5px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+20,2989d8+50,1e5799+80&0+0,0.8+0,1+10,1+10,1+89,0.8+99 */
	background: -moz-linear-gradient(left, rgba(30,87,153,0.8) 0%, rgba(30,87,153,1) 10%, rgba(30,87,153,1) 20%, rgba(41,137,216,1) 50%, rgba(30,87,153,1) 80%, rgba(30,87,153,1) 89%, rgba(30,87,153,0.8) 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(30,87,153,0.8) 0%,rgba(30,87,153,1) 10%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 89%,rgba(30,87,153,0.8) 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(30,87,153,0.8) 0%,rgba(30,87,153,1) 10%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 89%,rgba(30,87,153,0.8) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc1e5799', endColorstr='#cc1e5799',GradientType=1 ); /* IE6-9 */

	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
}

#support_banner > p {
	font-family: 'Source Sans Pro', sans-serif;
	text-align: center;
	color: white;
	max-width: 80% !important;
	margin-left: auto;
	margin-right: auto;
}

#support_banner > h2 {
	margin-top: 10px;
	margin-bottom: 5px;
	font-family: 'Source Sans Pro', sans-serif;
	text-align: center;
	color: white;
}

#support_banner a {
	color: yellow;
}

#loginbutton {
	margin-right: 5px;
}


table td.errorcell {
	background-color: #d8d800;
}

.cell_modified { 
  background-image: url("/images/modmaker/shared/stripe.png");
  background-repeat: repeat;
  background-position: top left	;
}

.votebutton {
	cursor: pointer;
}

#mod_rating {
	background: rgba(0,0,255,.5);
	color:white;
	float: right;
	border: 1px solid white;
	border-radius: 2px;
	padding: 5px;
}

#mod_rating > p {
	color: white;
}

table tr.platinum-row,table tr.platinum-row > td {
	background-color:#9494C1;
	border-color: #6C6C7E;
}

table tr.gold-row,table tr.gold-row > td {
	background-color:#ffc300;
	border-color:#988032;
}

table tr.silver-row,table tr.silver-row > td{
	background-color:#c0c0c0;
	border-color: #545454;
}

table tr.bronze-row,table tr.bronze-row > td {
	background-color: #d6bb97;
	border-color: #aa7643;
}

.content .valignmiddle {
	vertical-align:middle;
}

#wavelistschart {
	display: inline-block;
}

.ui-widget-content {
	background: url("/images/ui/tabwidget_bg.png") !important;
}

#mod_desc {
    min-width: 400px;
    min-height: 81px;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width:1045px) { 
	
	html {
		background: url(/images/themes/background_smalldevice.jpg);
		font-size: 110%;
	}
	
	.wrapper {
		padding: 0 5px 0 5px;
	}
	
	nav ul {
		-webkit-padding-start: 0px;
		-moz-padding-start: 0px;
		text-align: center;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	nav ul li a{
		font-size: 115%;
	}
	
	.navbar_item {
		display: none;
	}

	.table_wrapper, table {
		overflow-x: auto;
	}

	#mmnav {
		margin-left:auto;
		margin-right: auto;
		border-radius: 0px 0px 5px 5px;
		background: rgba(56, 92, 162, .6);
		width: 100%;
	}
	
	#mmnav_title {
		float:none;
		display: block;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
	}
	
	#mmnav_links {
		float:none;
		text-align:center;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	.content .up_navigation {
	    text-align: left;
	    display: block;
		position: static;
	    top: auto;
	    left: auto;
	}
}

@media only screen and (max-width:640px) { 
	
	html {
		background: url(/images/themes/background_smalldevice.jpg);
		font-size: 110%;
	}
	
	.wrapper {
		padding: 0 5px 0 5px;
	}
	
	nav ul {
		-webkit-padding-start: 0px;
		-moz-padding-start: 0px;
		text-align: center;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	nav ul li a{
		font-size: 115%;
	}
	
	.navbar_item {
		display: none;
	}

	.table_wrapper, table {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}