/* Start Of UCP CSS */
div#CPIndex {
	position:absolute;
	top:10%;
	left:20%;
	width:35%;
}
div#CPUser {
	position:absolute;
	top:10%;
	left:35%;
	width:35%;
}
div#CPUser #warning {
	position:relative;
	top:-20px;
	padding:5px;
	background-color:#000000;
	color:#FF0000;
}
div#CPUser #warning h4 {
	padding:0px;
	padding-bottom:4px;
	margin:auto;
}
div#CPUser #delacc {
	width:50%;
	background-color:#2F2F2F;
	color:#AFAFAF;
	border:1px solid #5F5F5F;
	padding:4px;
}
div#CPUser #subdelacc {
	background-color:#1F1F1F;
	border:2px solid #2F2F2F;
	color:#AFAFAF;
}
div#CPUser #subdelacc:hover {
	background-color:#2F2F2F;
	border:2px solid #0066FF;
	cursor:pointer;
}
div#CPUser #chgpass {
	width:50%;
	background-color:#2F2F2F;
	color:#AFAFAF;
	border:1px solid #5F5F5F;
	padding:4px;
}
div#CPUser .opass {
	background:transparent;
	border:2px solid #3F3F3F;
	color:#AFAFAF;
}
div#CPUser .ipass, div#CPUser .opass:hover {
	background-color:#3F3F3F;
	border:2px solid #0066FF;
	color:#AFAFAF;
}
div#CPUser #subpass {
	background-color:#1F1F1F;
	border:2px solid #2F2F2F;
	color:#AFAFAF;
}
div#CPUser #subpass:hover {
	background-color:#2F2F2F;
	border:2px solid #0066FF;
	cursor:pointer;
}
/* End Of UCP CSS */
/* Start Of Profile Info CSS */
div#proinfo {
	position:absolute;
	width:37%;
	top: 40%;
	left:35%;
}
div#toolbar {
	position:absolute;
	top:10%;
	right:2%;
	width:15%;
	border:1px solid #5F5F5F;
	height:80%;
	padding:10px;
}
div#toolbar .links {
	position:relative;
	padding:2px;
	left:7%;
}
/* End Of Profile Info CSS */
/* Start Of Mail CSS */
div#MailActions {
	position:relative;
	left:2%;
	width:7%;
	border:1px solid #5F5F5F;
	padding-bottom:4px;
}
#DeleteMail {
	border:1px solid #5F5F5F;
	color:#AFAFAF;
	cursor:pointer;
}
div#searchmbox {
	position:absolute;
	top:10%;
	left:10%;
	width:27%;
	border:1px solid #3F3F3F;
	padding-bottom:5px;
	padding-left:2px;
	overflow:hidden;
}
div#MailActions h4 {
	padding:2px;
	padding-top:4px;
	margin:auto;
}
table#Mails {
	border:1px solid #AFAFAF;
	width:60%;
	position:absolute;
	top:20%;
	left:15%;
}
tr.MailList {
	background-color: #1F1F1F;
	color:#050505;
}
tr.MailList:hover {
	background-color: #2F2F2F;
	color: #AFAFAF;
}
tr.MailList td {
	border:1px solid #AFAFAF;
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
}
tr.MailList td.Name {
	width:3%;
}
tr.MailList td.Message {
	width:20%;
}
#mailcount {
	position: absolute;
	top:70%;
	left:35%;
}
tr.Mail td.Name {
	width:15%;
	border:1px solid #5F5F5F;
	border-top-width:0px;
	border-left-width:0px;
}
tr.Mail td.Message {
	width:85%;
	padding-left:5px;
	border:1px solid #5F5F5F;
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
}
div#sendmail {
	position:relative;
	width:70%;
	border:2px solid #5F5F5F;
	text-align:right;
	padding:0px;
	margin:auto;
}
div#sendmail form textarea {
	height:100px;
}
div#sendmail #mailtitle {
	left:0px;
	font-size: 15px;
	text-align:left;
	padding:4px;
	padding-right:0px;
	text-decoration:underline;
	cursor:default;
}
/* End Of Mail CSS */
/* Start Of Help CSS */
div#Body {
	position:absolute;
	top:15%;
	left:0%;
	width:85%;
	height:85%;
}
div.Q {
	position:relative;
	left:10%;
	width:100%;
	text-decoration:underline;
	font-weight:bold;
	color:#AFAFAF;
}
div.A {
	position:relative;
	left:15%;
	width:100%;
	color:#8F8F8F;
}
hr.S {
	position:relative;
	left:10%;
	color:#5F5F5F;
	background-color:#5F5F5F;
	height:2px;
	border:none;
}
div#FooterDonate {
	position:relative;
	padding:0px;
	margin:auto;
}
div#FooterDonate form{
	position:relative;
	top:-17px;
	left:350px;
	width:0px;
	height:0px;
	padding:0px;
	margin:auto;
}
/* End Of Help CSS */
/* Start Of Updates CSS */
div#Updates {
	position:absolute;
	top:15%;
	left:20%;
	height:70%;
	width:70%;
}
div.Update {
	border:1px solid #5F5F5F;
	padding:2px;
	width:70%;
	margin:auto;
}
div.Update:hover {
	background-color:#1F1F1F;
	cursor:default;
}
/* End Of Updates CSS */
/* Start Of Home CSS */
div#HomeFeed {
	position:absolute;
	top:45%;
	width:50%;
	left:30%;
}
div#Footer {
	width:100%;
	padding-top:50px;
	padding-bottom:10px;
	position:absolute;
}
div#Footer hr {
	width:100%;
}
div#poststatus {
	position:absolute;
	top:10%;
	left:36%;
	width:37%;
	border:2px solid #5F5F5F;
	text-align:right;
}
a.dirlink {
	font-size:10px;
	color:#3F3F3F;	
}
div#poststatus #posttitle {
	left:0px;
	font-size: 15px;
	text-align:left;
	padding:4px;
	padding-right:0px;
	text-decoration:underline;
	cursor:default;
}
form.Delete {
	padding:0px;
	margin:auto;
	position:relative;
}
input.Delete {
	padding:0px;
	margin:auto;
	border:0px;
	background-color:#0F0F0F;
	color:#AFAFAF;
	height:13px;
	width:42px;
	font-size:12px;
	cursor:pointer;
	text-decoration:none;
}
input.Delete:hover {
	color:orange;
}
div#MoreFeed {
	display:none;
}
/* End Of Home CSS */
/* Start Of Search CSS */
div#searchbox {
	position:absolute;
	top:10%;
	left:5%;
	width:27%;
	border:1px solid #3F3F3F;
	padding-bottom:5px;
	padding-left:2px;
	overflow:hidden;
}
div#searchbox hr {
	position:relative;
	left:-2px;
	width:105%;
}
div#searchbox form {
	text-align:center;
}
input#search {
	background-color:#0F0F0F;
	border:0px;
	color:#AFAFAF;
}
input#search:hover{
	background-color:#050505;
	border:0px;
	color:#EFEFEF;
	cursor:pointer;
}
input#searchterm {
	background:#1F1F1F;
	color:#AFAFAF;
	padding-left:3px;
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-bottom-width:1px;
	border-bottom-color:#2F2F2F;
}
div#SearchResults {
	border:1px solid #AFAFAF;
	width:60%;
	position:absolute;
	top:30%;
	left:15%;
}
div#SearchTitle {
	border:1px solid #AFAFAF;
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	padding:2px;
	padding-bottom:4px;
	font-size:14px;
	text-decoration:underline;
	color:#9F9F9F;
}
table#SRS {
	width:100%;
	padding:0px;
}
tr.SearchResult {
	width:100%;
	background-color: #1F1F1F;
	color:#050505;
}
tr.SearchResult td {
	width:100%;
	border:1px solid #AFAFAF;
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
}
tr.SearchResult:hover {
	background-color: #2F2F2F;
	color: #AFAFAF;
}
/* End Of Search CSS */
/* Start Of Photos CSS */
a#reload {
	cursor:pointer;
}
a img {
	border:0px;
}
div#FolderList {
	position:absolute;
	left:-21px;
	padding-left:5px;
	padding-right:7px;
	border: #5F5F5F solid 1px;
}
div#photos {
	position:relative;
	left:20%;
	border: #5F5F5F solid 1px;
	width:75%;
	height:580px;
	padding-left:10px;
	padding-right:10px;
	overflow:hidden;
}
div#photo {
	position:relative;
	left:20%;
	border: #5F5F5F solid 1px;
	width:75%;
	height:100%;
	padding-left:10px;
	padding-right:10px;
	overflow:hidden;
}
center#pt {
	padding:3px;
}
center hr {
	position:relative;
	margin:auto;
	left:-12px;
	width:110%;
}
li#pics {
	text-align:center;
}
form#PostPicComment {
	position:relative;
}
#PC {
	width:250px;
	height:35px;
	border:1px dashed #5F5F5F;
	background-color:#0F0F0F;
	color:#AFAFAF;
}
#PCS {
	position:relative;
	top:-13px;
	border:0px;
	background-color:#0F0F0F;
	border:1px solid #0F0F0F;
	color:#AFAFAF;
}
#PCS:hover {
	background-color:#1F1F1F;
	border:1px solid #2F2F2F;
	cursor:pointer;
}
div#PicComments {
	width:100%;
	height:100%;
	padding-bottom:20px;
}
div.PicComment {
	text-align:left;
	height:10%;
	width:600px;
	padding:2px;
	border:1px solid #2F2F2F;
}
div#MoreComments {
	display:none;
}
/* End Of Photos CSS */
/* Start Of Friends CSS */
div#friendlist {
	text-align:justify;
	font-size:15px;
	width:20%;
	position:relative;
	top:20%;
	left:40%;
}
div#flpl {
	text-align:center;
	position:relative;
	top:20px;
}
img.flimg {
	position:relative;
	right:10px;
}
/* End Of Friends CSS */
/* Start Of Request CSS */
div#requestlist {
	
}
/* End Of Request CSS */
/* Start Of Profile CSS */
img#propic{
	border:2px solid #000000;
}
div.body{
	position:relative;
	width:90%;
	top:10%;
	left:2%;
}
div#miniupdate {
	width:10%;
}
div#profilepic {
	text-align:center;
	width:20%;
}
div#ProfileName {
	font-size: 20px;
	text-align: center;
	width:20%;
}
img#minipic {
	position: fixed;
	right: 13%;
	border: 1px solid #000000;
	border-top-width: 0px;
}
a#profile {
	position:fixed;
	top:1.5%;
	right: 4%;
}
div#user {
	position:fixed;
	text-align: right;
	width:10%;
	top:0%;
	right: 10%;
}
div#ppoststatus {
	position:absolute;
	top:10%;
	left:35%;
	width:37%;
	border:2px solid #5F5F5F;
	text-align:right;
}
div#ppoststatus #title {
	left:0px;
	font-size: 15px;
	text-align:left;
	padding:4px;
	padding-right:0px;
	text-decoration:underline;
	cursor:default;
}
textarea#Status {
	border:2px dashed #1F1F1F;
	border-left-width:0px;
	border-right-width:0px;
	text-align:left;
	color:#AFAFAF;
	width:100%;
	background-color:#2F2F2F;
	overflow:hidden;
}
input#Post {
	background-color:transparent;
	cursor:pointer;
	border:2px dotted #5F5F5F;
	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	color: #AFAFAF;
	position:relative;
	padding:0px;
	margin:auto;
	width:60px;
	height:25px;
}
input#Post:hover {
	background-color:#2F2F2F;
}
div.posted {
	padding:5px;
	border:1px solid #5F5F5F;
}
div.posted a.prolink {
	font-weight:bold;
}
div#statuses {
	position:absolute;
	width:37%;
	top: 40%;
	left:35%;
}
div.posted div.time {
	font-size:10px;
	color:#3F3F3F;
	padding:0px;
	margin:0px;
	position:relative;
}
div.posted div.Actions {
	position:relative;
	top:-10px;
	padding:0px;
	margin:0px;
}
textarea.CommentBox {
	color:#AFAFAF;
	background-color:#0F0F0F;
	border:1px solid #5F5F5F;
	width:75%;
	height:30px;
}
form.PostComment {
	width:100%;
	height:10%;
}
input.comment {
	border:0px;
	color:#AFAFAF;
	background-color:#0F0F0F;
	padding-top:2px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	cursor:pointer;
	float:right;
	position:absolute;
}
div#Friends {
	position:absolute;
	left:10px;
}
form#SetNickname {
	width:100%;
	border:2px solid #5F5F5F;
	font-size:12px;
}
form#SetNickname input#text {
	background-color:#0F0F0F;
	color:#AFAFAF;
	border:1px dashed #5F5F5F;
}
form#SetNickname input#submit {
	background-color:#0F0F0F;
	border:0px;
	color:#AFAFAF;
}
/* End Of Profile CSS */
/* Start Of Uploader CSS */
form#upload {
	text-align: center;
	width: 150px;
	height: 20px;
	position: fixed;
	top: 20%;
	left: 40%;
}
/* End Of Uploader CSS */
/* Start Of Register CSS */
form#registerform {
	text-align:center;
	width:370px;
	position: absolute;
	top: 10%;
	left: 35%;
}
/* End Of Register CSS */
/* Start Of Login CSS */
body#login {
	margin: 0;
	padding: 0;
	width:99.8%;
}
div#loginform {
	text-align: left;
	width: 150px;
	height: 20px;
	position: fixed;
	top: 20%;
	left: 45%;
}
div#titlebar {
	width:99.9%;
	background-color: #000000;
	color: #5F5F5F;
	border: 2px solid #0A0A0A;
	border-top-width:0px;
	position: fixed;
	top: 0px;
	left: 1px;
	z-index:2;
}
div#requests {
	position: fixed;
	top:10px;
	left:380px;
}
div#dropdownbar {
	position: fixed;
	width:12.7%;
	height:110px;
	background-color: #0A0A0A;
	color: #5F5F5F;
	border: 1px solid #5F5F5F;
	border-top-width: 0px;
	top:20px;
	left:1%;
	z-index:1;
	display: none;
}
div#nonjsdropdownbar {
	position: fixed;
	width:12.7%;
	height:110px;
	background-color: #0A0A0A;
	color: #5F5F5F;
	border: 1px solid #0A0A0A;
	border-top-width: 0px;
	top:20px;
	left:1%;
	z-index:1;
}
label#title {
	font-size: 25px;
	text-shadow:#5F5F5F 0px -0px 10px;
	position: relative;
	left: 1%;
	cursor:pointer;
}
label#title:hover {
	color:#EFEFEF;
	text-shadow:#AFAFAF 0px -0px 10px;
	background-color:#050505;
}
img#refresh {
	position:absolute;
	left:183px;
	top:3px;
}
img#refresh:hover {
	cursor:pointer;
}
div#subheader{
	position: fixed;
	top: 3px;
	left: 50%;
	font-size: 20px;
}
div#subheader:hover {
	cursor:default;
}
.login {
	padding:2px;
	border:1px dashed #5F5F5F;
	background:transparent;
	color:#AFAFAF;
}
#loginbutton {
	position:relative;
	left:40%;
	border:1px solid #5F5F5F;
	background-color:#1F1F1F;
	color:#AFAFAF;
}
#loginbutton:hover {
	background-color:#2F2F2F;
	cursor:pointer;
}
div#Info {
	position:absolute;
	top:50%;
	left:37%;
	width:30%;
}
/* End Of Login CSS*/
/* ################## */
/* Start Of Default CSS */
body {
	width: 99%;
	height: 99%;
	background-color: #0F0F0F;
	color: #5F5F5F;
	font-size: 12px;
}
div#donate {
	position:fixed;
	bottom:1px;
	right:1px;
}
a#Updates {
	background-color:#FF0000;
	position:fixed;
	right:10px;
	top:7px;
	text-align:center;
	width:2%;
	height:15px;
}
a#NoUpdates {
	background-color:#000000;
	position:fixed;
	right:10px;
	top:7px;
	text-align:center;
	width:2%;
	height:15px;	
}
a#Updates:hover {
	text-decoration:none;
	color:#000000;
}
a#NoUpdates:hover {
	text-decoration:none;
	color:#FF6600;
}
div.Comments {
	padding-left:20px;
}
div.Comment {
	border:1px solid #5F5F5F;
}
div.CommentContent {
	font-size:11px;
}
/* End Of Default CSS */
/* ################## */
/* Start Of SAF CSS */
div#linkbar {
	width:100px;
	position:fixed;
	top:25%;
	bottom:25%;
	left:0px;
	background-color: #000090;
	border: 2px solid #000000;
	border-left-width:0px;
	display: none;
}
div#sidemenubutton {
  position:fixed;
  background-color:#000000;
  color: #FF0000;
  top:116px;
  left:0px;
  border:2px solid #000000;
  border-left-width:0px;
  font-size:15px;
  font-weight:bold;
  width:100px;
  text-align:center;
  cursor:pointer;
}
div#linkbar.show {
  display:block;
}
div#linkbar.hide {
  display:none;
}
div#noscript {
	width:360px;
	position:fixed;
	top:0px;
	left:0px;
	background-color: #000000;
}
a {
	color:white;
	text-decoration:none;
}
a:hover {
	color:orange;
	text-decoration:underline;
}
/* End Of SAF CSS */
/* Start Of Chat System CSS */
#chatbar {
	position:fixed;
	top:45px;
	right:20px;
	width:150px;
	height:300px;
	background-color:#AFAFAF;
	border:1px solid #000000;
}
.chatbox {
	display:none;
}
.user {
	margin:auto;
	padding:0px;
	color:#000000;
	text-align:center;
	width:100%;
	background-color:#5F5F5F;
	border-bottom:1px solid #000000;
	cursor:pointer;
}
.user:hover {
	background-color:#7F7F7F;
}
#message {
	width:95%;
}
/* End Of Chat System CSS */