/* Style reset */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of style reset */

/*
  960 Grid System ~ Text CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
  font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}

pre,
code {
  font-family: 'DejaVu Sans Mono', Menlo, Consolas, monospace;
}

hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}

.clear { clear: both; }

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
  font-size: 25px;
}

h2 {
  font-size: 23px;
}

h3 {
  font-size: 21px;
}

h4 {
  font-size: 19px;
}

h5 {
  font-size: 17px;
}

h6 {
  font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

li {
  margin-left: 25px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
  margin-bottom: 20px;
}

/* End 960 Grid System Text Styles */

/* General */

html {
	height: 100%;
}

body {
	background: #f0f0f0 url('images/white_carbon2.png');
	color: #444444;
	height: 100%;
}

b {
	font-weight: bold;
}

em {
	font-style: italic;
}

a {
	color: #bf2020;
}

a:hover {
	color: #fc3c3c;
}

#Wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px;

}

.btn a {
	display: block;
	background: #444444;
	text-align: center;
	padding: 2px 0px;
	color: white;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

.btn.green a {
	background: #007220;
}

.btn.green a:hover {
	background: #20BF4D;
}

.btn a:hover {
	background: #BF2020;
	
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.btn.fake {
	position: absolute;
	margin-left: 0px;
}

.btn.fake a {
	background: #BF2020;
	
	opacity: 0;
}

.btn.fake a:active {
	background: #8f0d0d;
	
	opacity: 1;
}

.btn.fake a:hover {
	opacity: 1;
}

.btn.disabled a, .btn.disabled a:hover {
	background: grey;
	cursor: default;
}

.noticeText {
	display: none;
	text-align: center;
	width: 100%;
	margin: 0px 0px 10px;
	padding: 4px 0px;
	background: white;
	font-size: 17px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,.5);
	   -moz-box-shadow: 0px 2px 4px rgba(0,0,0,.5);
			box-shadow: 0px 2px 4px rgba(0,0,0,.5);
	background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(239,239,239)), color-stop(1, rgb(255,255,255)) );
	position: relative;
}

.noticeText:after {
	display: block;
	content: "X";
	position: absolute;
	right: 7px;
	top: 5px;
	font-size: 12px;
	background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(173, 173, 173)), color-stop(1, rgb(105, 105, 105)) );
	padding: 2px 8px;
	border-radius: 4px;
	color: rgb(232, 230, 232);
	text-shadow: 1px 1px 1px black;
}

.noticeText:hover {
	cursor: pointer;
	background: #EFEFEF;
}

.noticeText:hover:after {
  color: white;
  background: rgb(68, 68, 68);
}

/* End General */

/* Header */

#HeaderContainer {
	margin-bottom: 20px;
	width: 100%;
	background: #f5f5f5;
	background-image: linear-gradient(bottom, rgb(239,239,239) 0%, rgb(255,255,255) 100%);
	background-image: -o-linear-gradient(bottom, rgb(239,239,239) 0%, rgb(255,255,255) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(239,239,239) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(239,239,239) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(239,239,239) 0%, rgb(255,255,255) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(239,239,239)),
		color-stop(1, rgb(255,255,255))
	);
	height: 100px;
	position: relative;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.35);
	-moz-box-shadow:    0px 3px 3px rgba(0, 0, 0, 0.35);
	box-shadow:         0px 3px 3px rgba(0, 0, 0, 0.35);
	z-index: 1;
}

#Header {
	position: relative;
	height: 95px;
	padding-top: 5px;
}

#Header h1 {
	color: #000;
	font-weight: bold;
	margin-bottom: 0px;
}

#Header .logo {
	margin: 0px 10px 0px 5px;
	width: 80px;
	height: 80px;
	float: left;
}

.header_text {
	float: left;
	margin-top: 12px;
	width: 340px;
	height: 50px;
	text-align: center;
}

#SocialButtons {
	position: absolute;
	bottom: 10px;
	right: 0px;
}

#SocialButtons a {
	color: white;
	font-size: 16px;
	text-decoration: none;
}

#TwitterButton, #LivechatButton, #FacebookButton, #DonateButton {
	display: inline-block;
	position: relative;
}

#TwitterButton a, #LivechatButton a, #FacebookButton a, #DonateButton a {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 1px 5px;
	display: block;
	text-align: center;
	bottom: 20px;
	right: 0px;
}

#FacebookButton a { background: #3b5998; }
#FacebookButton a:hover { background: #5f7dbc; }

#TwitterButton a { background: #00ACEE; }
#TwitterButton a:hover { background: #3CC1F4; }

#LivechatButton a { background: #BF2020; }
#LivechatButton a:hover { background: #dd1818; }

#DonateButton a { background: #00a800; }
#DonateButton a:hover { background: #00e000; }

span.tooltip {
	top: 34px;
	left: -18px;
	position: absolute;
	width: 60px;
	height: 18px;
	line-height: 18px;
	padding: 1px 3px;
	font-size: 12px;
	text-align: center;
	color: rgb(255, 255, 255);
	background: rgba(0, 0, 0, .75);
	border: 0px none rgb(0, 0, 0);
	border-radius: 5px;
	text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px;
	box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 2px 0px;
	opacity: 0;
}

span.tooltip:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-width: 7px;
	border-style: solid;
	border-color: transparent transparent rgba(0, 0, 0, .75) transparent;
	top: -14px;
	left: 26px;
}

#FacebookButton a:hover + span, #TwitterButton a:hover + span, #LivechatButton a:hover + span, #DonateButton a:hover + span {	opacity: 1; }

#Notice {
	opacity: 1;
	text-shadow: 1px 1px 1px #a22;
	background: #ff8787;
	background: -moz-linear-gradient(top, #ff8787 0%, #ed5a5a 45%, #e54949 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8787), color-stop(45%,#ed5a5a), color-stop(100%,#e54949));
	background: -webkit-linear-gradient(top, #ff8787 0%,#ed5a5a 45%,#e54949 100%);
	background: -o-linear-gradient(top, #ff8787 0%,#ed5a5a 45%,#e54949 100%);
	background: -ms-linear-gradient(top, #ff8787 0%,#ed5a5a 45%,#e54949 100%);
	background: linear-gradient(to bottom, #ff8787 0%,#ed5a5a 45%,#e54949 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8787', endColorstr='#e54949',GradientType=0 );
	position: relative;
	height: 35px;
	text-align: center;
	font-weight: bold;
	color: white;
	font-size: 18px;
	padding-top: 5px;
	cursor: pointer;
	z-index: 5;
	width: 100%;
}

#Notice .close {
	top: 8px;
	right: 8px;
	position: absolute;
	padding: 2px 7px;
	display: inline-block;
	text-align: center;
	background: #cc9999;
	color: white;
	font-weight: bold;
	font-size: 12px;
}

.PPBtn {
	text-decoration: none;
}

/* End Header */

/* Navigation */

#Navigation {
	margin-top: 18px;
	float: right;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 20px;
	list-style:none;
}

#Navigation a {
	display: block;
	color: #444444;
	text-decoration:none;
}

#Navigation a:hover {
	color: #bf2020;
}

#Navigation li{
    float: left;
    margin-right: 14px;
    position: relative;
}

#Navigation li.last { margin-right: 0px; }

#Navigation ul {
	background: #ffffff;
	border: 1px solid #dddddd;
	text-align: center;
	list-style: none;
    position: absolute;
	left: -9999px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#Navigation ul li{
	margin-right: 0px;
    padding-top: 1px;
    float: none;
	margin-left: 0px;
	width: 128px;
}

#Navigation ul a{
    white-space: nowrap;
}
#Navigation li:hover ul{ 
    left: -73px; 
}
#Navigation li:hover a{
    background: none;
}
#Navigation li:hover ul a{ 
    text-decoration: none;
	width: 100%;
}
#Navigation li:hover ul li a:hover{ 
    color: #bf2020;
}

/* End Navigation */

/* Admin */

.login_tab {
	position: absolute;
	top: 0px;
	right: 20px;
	z-index: 2;
}

.login_tab p {
	font-weight: bold;
	float: left;
	font-size: 10px;
	color: #ccc;
}

.login_tab a {
	display: block;
	float: left;
	margin-left: 10px;
	background: #444;
	width: 70px;
	color: white;
	padding: 3px 6px;
	font-size: 12px;
	text-decoration: underline;
	font-family: sans-serif;
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

/* End Admin */

/* Content */

.info h4 {
	border: 1px solid #d9d7d9;
	border-bottom: 2px solid #BF2020;
	background: #f5f5f5;
	background-image: linear-gradient(bottom, rgb(239,239,239) 0%, rgb(255,255,255) 100%);
	background-image: -o-linear-gradient(bottom, rgb(239,239,239) 0%, rgb(255,255,255) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(239,239,239) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(239,239,239) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(239,239,239) 0%, rgb(255,255,255) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(239,239,239)),
		color-stop(1, rgb(255,255,255))
	);
	padding: 1px 5px;
	color: #444444;
	font-family: 'Source Sans Pro', sans-serif;
	text-align: center;
	margin-bottom: 10px;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 1px 2px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 1px 2px rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#Latest {
	width: 948px;
	margin: 0px 0px 20px;
	border: 1px dotted #AAA;
	background: white;
	padding: 10px;
}

#Latest h1 {
	float: left;
	line-height: 22px;
	margin-bottom: 10px;
}

#Latest h6 {
	margin-bottom: 10px;
}

#Latest .patchnotesHeader {
	height: 26px;
}

#Latest .patchnotesHeader h1 {
	margin-bottom: 0px;
}

#Latest .patchnotesHeader a {
	width: 140px;
	float: right;
	font-size: 14px;
	text-align: center;
	margin-top: 0px;
	background: #444;
	padding: 2px 8px;
	display: block;
	text-decoration: none;
	color: white;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#Latest .patchnotesHeader a:hover {
	background: #777;
}

#Latest .patchnotes {
	float: left;
	overflow: hidden;
	
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

#Latest .patchnotes  h1 {
	float: none;
	margin-bottom: 10px;
}

				input[type=checkbox]:checked ~ .download a {
					pointer-events: auto;
					cursor: pointer;
					opacity: 1;
				}

.big.btn a {
	font-size: 24px;
	padding: 5px 0px;
	margin-bottom: 5px;
}

.alphaNotice {
	color: red;
	font-weight: bold;
	text-align: center;
	display: block;
}

.downloadPage {
	-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

.obs1_downloads h2 , .obsmp_downloads h2 {
	font-weight: bold;
	text-align: center;
}

.obs1_downloads, .obsmp_downloads {
	-webkit-animation: fadeinalt 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadeinalt 1s; /* Firefox < 16 */
        -ms-animation: fadeinalt 1s; /* Internet Explorer */
         -o-animation: fadeinalt 1s; /* Opera < 12.1 */
            animation: fadeinalt 1s;
}

		@keyframes fadein { 0% { opacity: 0; } 25% { opacity: 0; } 100%   { opacity: 1; } }
@-webkit-keyframes fadein { 0% { opacity: 0; } 25% { opacity: 0; } 100%   { opacity: 1; } }
   @-moz-keyframes fadein { 0% { opacity: 0; } 25% { opacity: 0; } 100%   { opacity: 1; } }
	@-ms-keyframes fadein { 0% { opacity: 0; } 25% { opacity: 0; } 100%   { opacity: 1; } }
	 @-o-keyframes fadein { 0% { opacity: 0; } 25% { opacity: 0; } 100%   { opacity: 1; } }
	 
	 	@keyframes fadeinalt { 0% { opacity: 0; } 50% { opacity: 0; } 100%   { opacity: 1; } }
@-webkit-keyframes fadeinalt { 0% { opacity: 0; } 50% { opacity: 0; } 100%   { opacity: 1; } }
   @-moz-keyframes fadeinalt { 0% { opacity: 0; } 50% { opacity: 0; } 100%   { opacity: 1; } }
	@-ms-keyframes fadeinalt { 0% { opacity: 0; } 50% { opacity: 0; } 100%   { opacity: 1; } }
	 @-o-keyframes fadeinalt { 0% { opacity: 0; } 50% { opacity: 0; } 100%   { opacity: 1; } }

.linuxSel {
	width: 100%;
	display: block;
	margin-top: 10px;
}

.linuxSel li {
	display: block;
	list-style-type: none;
	margin: 0px 0px 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0px 2px 0px #BF2020;
	background: rgba(255, 255, 255, .3);
	transition: all .2s;
	
	position: relative;
}
.linuxSel h2 {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: white;
	text-shadow: 0px 1px 2px black;
	padding: 4px 6px;
	background: #BF2020;
}

.linuxSel h2 a {
	color: white;
	width: 100%;
	display: block;
	margin: -4px -6px;
	padding: 4px 6px;
}

.linuxSel h2 a:after {
	display: block;
	width: 10px;
	height: 10px;
	background: url('/National_Library/20160330061658oe_/https://obsproject.com/assets/images/new-window.png');
	position: absolute;
	background-size: 10px 10px;
	bottom: 2px;
	content: "";
	right: 4px;
}

.linuxSel h2:hover {
	cursor: pointer;
}

.linuxSel p {
	display: none;
	margin-bottom: 0px;
	padding: 4px 8px;
	border-left: 1px solid #BF2020;
	border-right: 1px solid #BF2020;
}

.linuxSel li:hover h2 {
	background: #56b743; /* Old browsers */
	background: -moz-linear-gradient(top,  #56b743 0%, #6bdb43 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56b743), color-stop(100%,#6bdb43)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #56b743 0%,#6bdb43 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #56b743 0%,#6bdb43 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #56b743 0%,#6bdb43 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #56b743 0%,#6bdb43 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56b743', endColorstr='#6bdb43',GradientType=0 ); /* IE6-9 */
}

.linuxSel li.unofficial h2 {
	background: #6B6B6B;

}

.linuxSel li.unofficial:hover  h2{
	background: #3e81bc; /* Old browsers */
	background: -moz-linear-gradient(top,  #3e81bc 0%, #3ba5e3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e81bc), color-stop(100%,#3ba5e3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3e81bc 0%,#3ba5e3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3e81bc 0%,#3ba5e3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3e81bc 0%,#3ba5e3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3e81bc 0%,#3ba5e3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e81bc', endColorstr='#3ba5e3',GradientType=0 ); /* IE6-9 */

}

.linuxSel li.official:after {
	display: block;
	content: "Official Build";
	font-size: 10px;
	color: white;
	font-weight: bold;
	text-shadow: 0px 1px 4px rgba(0, 0, 0, .75);
	position: absolute;
	top: 4px;
	right: 4px;
}

.linuxSel li.unofficial:after {
	display: block;
	content: "Unofficial Build";
	font-size: 10px;
	color: white;
	font-weight: bold;
	text-shadow: 0px 1px 4px rgba(0, 0, 0, .75);
	position: absolute;
	top: 4px;
	right: 4px;
}
	 
.download {
	margin-bottom: 5px;
}

.download a {
	font-size: 24px;
	padding: 5px 0px;
				pointer-events: none;
				cursor: default;
				opacity: .2;
	transition: opacity .2s linear;
}

				.download .source a {
					pointer-events: auto;
					cursor: pointer;
					opacity: 1;
				}

.download .small a {
	font-size: 14px;
}

				#agree {
					margin-bottom: 12px;
				}

.faq {
	margin-bottom: 10px;
}

.faq h3 {
	margin-bottom: 0px;
	font-weight: bold;
}

.btn.active a {
	background: #BF2020;
	background-image: linear-gradient(bottom, rgb(180,29,29) 0%, rgb(198,36,36) 100%);
	background-image: -o-linear-gradient(bottom, rgb(180,29,29) 0%, rgb(198,36,36) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(180,29,29) 0%, rgb(198,36,36) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(180,29,29) 0%, rgb(198,36,36) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(180,29,29) 0%, rgb(198,36,36) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(180,29,29)),
		color-stop(1, rgb(198,36,36))
	);
	
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.dl_choice {
	display: none;
	margin-bottom: 20px;
	border-bottom: 1px dashed #aaa;
	padding-bottom: 20px;
}

#DLOptions {
	margin-bottom: 5px;
}

h2 {
	margin-bottom: 0px;
}

#sysinfo h4, #typeinfo h4 {
    -webkit-border-radius: 0px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius: 1px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;  
    border-radius: 0px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	margin-bottom: 0px;
}

#typeinfo {
	margin-top: 20px;
}

.selector {
    color: white;
    font-size: 24px;
    text-align: center;
	height: 36px;
}

.selector li {
    display: inline-block;
    margin: 0px;
    float: left;
    margin-bottom: 10px;
    color: white;
    font-weight: bold;
    background: #690000;
    box-shadow: 0px 2px 2px rgba(0,0,0,.25) inset;
}

#sysinfo .selector li {
	width: 180px;
}

#typeinfo .selector li {
	width: 270px;
}

.selector li:last-child {
    -webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}

.selector li:first-child {
    -webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
}

.selector li.selected {
	cursor: default;
    background: #BF2020;
    color: white;
    box-shadow: none;
}

.selector li:hover {
    background: #A91717;
    cursor: pointer;
}

.selector li.selected:hover {
    background: #BF2020;
}

.selector li.disabled {
	background: grey;
	cursor: default;
	pointer-events: none;
	opacity: .25;
}

.obsmp_downloads, .type2desc {
	display: none;
}

.mentor { float: right; }

/* Index banner */

#Banner {
	margin-top: -20px;
	width: 100%;
	height: 300px;
	background: #2e2e2e;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}

.banner_content {
	width: 940px;
	margin: 0px auto;
	height: 300px;
	font-family: 'Source Sans Pro', sans-serif;
	color: white;
	position: relative;
}

.banner_content h1 {
	font-weight: bold;
	font-size: 26px;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
	margin-bottom: -10px;
}

.banner_content h2 {
	font-size: 16px;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
}

.obs1_info {
	position: absolute;
	right: 80px;
	top: 50px;
	width: 299px;
	display: block;
	padding: 2px 0px;
	margin: 0px auto;
	text-align: center;
}

.obs2_info {
	/*display: none !important;*/

	position: absolute;
	left: 80px;
	top: 50px;
	width: 299px;
	display: block;
	padding: 2px 0px;
	margin: 0px auto;
	text-align: center;
}

.vistanote {
	display: block;
	color: white;
	font-size: 10px;
	font-style: italic;
	font-family: 'Source Sans Pro', sans-serif;
	text-align: center;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
	position: relative;
	margin-bottom: 10px;
	opacity: .6;
}

.dl_box {
	background: rgba(0,0,0,0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	padding: 24px 8px;
}

.obs2_info .dl_box {
	padding: 4px 0px;
}

.dl_box a.button {
	width: 283px;
	display: block;
	padding: 2px 0px;
	margin: 0px auto;
	text-align: center;
	color: white;
	font-size: 30px;
	font-weight: bold;
	font-family: 'Source Sans Pro', sans-serif;
	text-decoration: none;
	box-sizing: border-box;
	border: 2px solid #01972b;
	background: #32c75b; /* Old browsers */
	background: -moz-linear-gradient(top,  #32c75b 0%, #01972b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#32c75b), color-stop(100%,#01972b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #32c75b 0%,#01972b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #32c75b 0%,#01972b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #32c75b 0%,#01972b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #32c75b 0%,#01972b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32c75b', endColorstr='#01972b',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.dl_box a.button:hover {
	background: #01972b; /* Old browsers */
	background: -moz-linear-gradient(top,  #01972b 0%, #45cc6b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01972b), color-stop(100%,#45cc6b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #01972b 0%,#45cc6b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #01972b 0%,#45cc6b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #01972b 0%,#45cc6b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #01972b 0%,#45cc6b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01972b', endColorstr='#45cc6b',GradientType=0 ); /* IE6-9 */
}

.dl_box a { 
	display: block;
	margin: 0px auto;
	width: 94px;
	color: white;
	font-size: 14px;
	font-family: 'Source Sans Pro', sans-serif;
	text-align: center;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
	position: relative;
}

.dl_box a.button.small {
	width: 283px;
	margin: 4px auto;
	font-size: 20px;
	padding: 0px;
}

/*
.dl_box a.button.small:first-child { margin-left: 0px; }
.dl_box a.button.small:last-child { margin-right: 0px; }
*/

.dl_box a.button.disabled {
	background: grey;
	border-color: #444;
}

.dl_box a.button.small.disabled:hover:after {
content: "Early Test Build Available";
position: absolute;
left: -2px;
width: 100%;
background: rgba(0,0,0,0.75);
font-size: 16px;
text-align: center;
padding: 6px 2px 8px;
top: -2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.scroll_banner {
	display: block;
	height: 300px;
	width: 5784px;
	position: absolute; 
	top: 0px; 
	left: 0px;
}

#banner1 {
	height: 300px;
	width: 2892px;
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	background: url('/National_Library/20160330061658oe_/https://obsproject.com/images/Banner.jpg');
}
#banner2 {
	height: 300px;
	width: 2892px;
	position: absolute;
	display: block;
	top: 0px;
	left: 2892px;
	background: url('/National_Library/20160330061658oe_/https://obsproject.com/images/Banner.jpg');
}

/* End Index banner styles */

/* April Fools */

#purchase select { width: 130px }
#purchase label { width: 150px; display: inline-block; }

/* 2014 */

.btn.twitch a {
	background: #6441a5;
}

.btn.twitch a:hover {
	background: #8f62e3;
}

.btn.razer a {
	background: #000000;
	color: white;
	border: 1px solid #00ff00;
}

.btn.razer a:hover {
	background: #00ff00;
}

.btn.eg a {
	background: rgb(49,97,175); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(49,97,175,1) 0%, rgba(26,48,91,1) 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(49,97,175,1)), color-stop(99%,rgba(26,48,91,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(49,97,175,1) 0%,rgba(26,48,91,1) 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(49,97,175,1) 0%,rgba(26,48,91,1) 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(49,97,175,1) 0%,rgba(26,48,91,1) 99%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(49,97,175,1) 0%,rgba(26,48,91,1) 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3161af', endColorstr='#1a305b',GradientType=0 ); /* IE6-9 */

	color: white;
}

.btn.eg a:hover {
	background: rgb(58,112,198); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(58,112,198,1) 0%, rgba(58,112,198,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(58,112,198,1)), color-stop(100%,rgba(58,112,198,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(58,112,198,1) 0%,rgba(58,112,198,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(58,112,198,1) 0%,rgba(58,112,198,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(58,112,198,1) 0%,rgba(58,112,198,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(58,112,198,1) 0%,rgba(58,112,198,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a70c6', endColorstr='#3a70c6',GradientType=0 ); /* IE6-9 */
;
}

.btn.mlg a {
	background: #015594;
}

.btn.mlg a:hover {
	background: #901926;
}

/* End hilarity styles */

/* Begin serious styles */

.cispa {
	position: absolute;
	display: block;
	height: 30px;
	width: 100%;
	background: black;
	top: 0px;
}

.cispa a {
	font-size: 18px;
	width: 100%;
	color: white;
	text-align: center;
	display: block;
}

/* End serious styles */

/* End Content */

/* Footer */

#Footer {
	width: 100%;
	background: #444444;
	color: #888888;
	text-shadow: 1px 1px 1px #1c1c1c;
}

#Footer a {
	color: #888888;
}

#Footer a:hover {
	color: #bbbbbb;
}

.footerText {
	position: absolute;
	text-align: center;
	width: 100%;
	bottom: 10px;
	right: 0px;
}

.footer {
	position: relative;
	height: 60px;
}

#FooterPush, #Footer {
	height: 60px;
}

#Footer p {
	margin-bottom: 0px;
}

/* End Footer */

/* -------------------- */
/* -------------------- */
/* -------------------- */

/* Begin icon font */

@font-face {
	font-family: 'icomoon';
	src:url('font/icomoon.eot');
	src:url('font/icomoon.eot?#iefix') format('embedded-opentype'),
		url('font/icomoon.svg#icomoon') format('svg'),
		url('font/icomoon.woff') format('woff'),
		url('font/icomoon.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to have a class per icon */
[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: 'icomoon';
	font-style: normal;
	speak: none;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-facebook:before {
	content: "\e000";
}
.icon-twitter:before {
	content: "\e001";
}
.icon-comment:before {
	content: "\e002";
}
.icon-list:before {
	content: "\e003";
}
.icon-dropdown:before {
	content: "\e004";
}
.icon-coin:before {
	content: "\e005";
}