html, body{
background-color:black;
color:white;
font-family: "Verdana", Arial;


}

body{
padding: 10px;
}

a, a:link, a:visited, a:active { 
	color:white;
	font-weight:bold;
    text-decoration:none;
}
h2{
	font-size:24px;
}
p{
	font-size:19px;
	line-height:160%;
}
#main_wrap{
	text-align:center;
}

#user{
	float:right;
	display:block;
	clear:both;
}
.login_wrap{
	float:right;
	clear:both;
	display:block;
	opacity:0.5;
	width:100%;
	text-align:right;
}
.login_wrap:hover{
	opacity:1;
}
#login_form, #forgot_button{
	display:inline-block;


	
}
.form-group, .login_wrap div form{
	display:inline-block;
	margin-left:5px;
}
.login_input{
	border: 2px solid #82ffff;
	font-size:15px;
	background-color:black;
	color:white;
}
.login_input:hover{
	color:#82ffff;
	border-color:white;
	cursor:pointer;
}
div.btn{
	display:inline-block;
}
input.btn:hover{
	cursor:pointer;
}
#header{
margin-bottom:5px;
}
#header img{
display:inline-block;
	max-size:100%;
	

}




#nav{
	width:100%;
	text-align:center;
	display:block;
clear:both;
margin:0 auto 10px auto;

}

.nav_item{
	
	display:inline-block;
	padding:20px;
	text-align:center;
	opacity:0.7;
	font-weight:bold;
}
.nav_item_selected, .nav_item:hover{
	opacity:1;
}
.nav_item_selected:hover{
	opacity:0.9;
}
#menu_wrap{
	width:100%;
	text-align:center;
}
#menu{
display:inline-block
clear:both;
margin: 0 auto 20px auto;

 min-width:700px;
    overflow:hidden;
    font-size:20px;
}

.menu_item{
padding:5px;
}

#menu_heading, .menu_item{

	cursor:pointer;
	opacity:0.7;
	margin:0 auto 0 auto;
}
#menu_heading{
	margin-bottom:10px;
}
#menu_heading:hover, .menu_item:hover{
	cursor:pointer;
	color:white;
	opacity:1;
}
.menu_item_selected{
	font-size:30px;
	opacity:1;
}
#player{
	max-width:80%;
	text-align:center;
	margin:0 auto 20px auto;
}
#player iframe{
	margin:0 auto 0 auto;
}
#reader:hover, #downloader:hover, #helper h2:hover, #enrol:hover, #pps-payment:hover{
    cursor:pointer;
}
#reader, #downloader, #helper, #enrol, #pps-payment, .tron{
	
	opacity:0.7;
	max-width:960px;
	margin:30px auto 40px auto;
	padding:20px 40px 10px 40px;
	
	text-align:left;
	
	border-style:solid;
	border-width:3px;
	/*border: 1px solid rgb(127, 0, 0);*/
    border: 5px solid #82ffff;
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; 
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
#helper{
    padding:20px 0 10px 0;
}
#reader:hover, #downloader:hover, #helper:hover, .tron:hover{
	opacity:1;
}
#reader h2, #downloader h2, #helper h, .tron h2{
	text-align:center;
	margin-bottom:25px;
}
#reader a:hover, #downloader a:hover, #helper a:hover, #enrol a:hover, #pps-payment a:hover, .tron a:hover{
	opacity:0.9;
}
.tron img:hover{
	opacity:1;
}
.large-thumb{
	text-align:center;
}
.poster-medium{
	width:80%;
	margin:0 auto 0 auto;
}
.centerme{
	display:block;
	clear:both;
	margin:0 auto 0 auto;
	text-align:center;
	
}
.settings_form{
	text-align:center;
	margin:10px auto;
;}
input.settings_input{
	min-width:400px;
}
settings_button{
	min-width:190px;
	text-align:center;
	background-color:black;
	color:white;
	border-color:#82ffff;
}
settings_button:hover{
	color:#82ffff;
	border-color:white;
}
input.settings_input, button.settings_button, input.settings_button{
	font-size:20px;
	display:inline-block;
	clear:both;
	padding:10px;
	margin:10px;
}
input, button, select{
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}
.product-widget{
	margin:0 auto 30px auto;
}
.samples_cover_thumb{
	width:50%;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

#help_contents input[type='text']{
    padding:10px;
}
.forum_post{
    padding:10px;
    box-sizing:border-box;
    border:1px solid rgba(0,0,0,0);
    margin-bottom:10px;
    background:#0066cc;
}
.forum_post:nth-child(odd){
    background:#3366cc !important;
}
.forum_post:hover, .forum_post_open{
    border:1px solid white;
    cursor:pointer;
}
.forum_title{
    font-size:18px;
    text-transform: capitalize;
}
.posted_by{
    font-size:13px;
}
.forum_date, .unix_date{
    font-size:13px;
    /*float:right;*/
    color:#c6d6ee;
}
.forum_post_content{
    overflow:hidden;
}
.forum_post_content p, .forum_reply_content p{
    font-size:13px;
}
.forum_post_content_html, .forum_reply_content_html{
    padding:20px;
}
.forum_reply{
    padding:10px;
    background:#009999 !important;
    display:block;
    clear:both;
}
.forum_reply:nth-child(odd){
    background:#006666 !important;
}
.forum_reply, .forum_reply_content{
    overflow:hidden;
}
.btn-sm{
    margin:10px 0 10px 10px;
}
.btn-far-left{
    margin:10px 0;
}

#new_post_btn{
    margin:0 0 10px 0;
}
#new_post{
    display:none; 
    border:1px solid white;
    padding:20px;
    margin-bottom:20px;
}
#new_post, #post_title, #new_post_body{
    width:100%;
}
#post_title, .text-editor{
    margin-bottom:10px;
}
.reply_to_post{
    margin-top:10px;
    padding-top:10px;
    background:#6666ff !important;
}

.modal-content{
    background-color:black; 
    border: 2px solid #82ffff;
    width:auto;
    top:34vh;
}