@charset "utf-8";
html {
	color: #000000;
	font: 12px/20px Tahoma, serif;
	height: 100% !important;
	width: 100% !important;
}
body {
	margin: 0px;
	padding: 0px;
	height: 100% !important;
	width: 100% !important;
	background: url('../img/xpdesktop.png') no-repeat fixed center center / cover transparent;
	background-color: #004E98;
}
img.logo {
	height: 134px;
	width: 485px;
	border: 0px;
	background: url('../img/xplogo.png') no-repeat scroll left top transparent;
	background-size: cover;
	position: fixed;
	bottom: 40px;
	right: 4px;
	z-index: 1;
	opacity: 0.5;
	transition: opacity 1s;
}
img.logo:hover{
	opacity: 1;
}
div.navbar {
	background-image: linear-gradient(180deg, #3D95FF 1px, #2B90FF 2px, #0372FF 3px, #0365F1 4px, #005CEC 5px, #0058E6 6px, #0055E5 7px, #0054E3 8px, #0055E5 9px, #0055EA 16px, #0058EB 17px, #0058EE 18px, #005BF2 19px, #0160F5 20px, #0060F9 21px, #0164F9 22px, #026AFE 23px, #036EFF 25px, #026AFE 26px, #0368FA 27px, #0060F9 28px, #004DE3 29px, #0144D0 30px);
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 29px !important;
}
div.navbar a {
	color: #000000;
	text-decoration: none;
}
div.navbar a:hover {
	color: #609;
}
div.navbar ul {
	display: table;
	clear: both;
	margin-left: -150px;
	text-align: left;
	margin-top: 4px;
	min-width: 880px;
	max-width: 1024px;
}
div.navbar li {
	float: left;
	display: block;
	text-align: center;
	margin-top: -1px;
	position: relative;
    left: 25%;
	z-index: 1;
	color: #FFF !important;
}
li.notcurrent {
	border-radius: 3px;
	background: #FFF;
	text-align: left;
	min-height: 25px;
	min-width: 150px;
	text-align: left !important;
	padding-left: 10px;
	font-size: 8pt;
	letter-spacing: 1px;
	margin-left: 1px;
	background-image: linear-gradient(180deg, #4EA6FF 1px, #3CA1FF 2px, #1483FF 3px, #1476F2 4px, #116DFD 5px, #1169F7 6px, #1166F6 7px, #1165F4 8px, #1166F6 9px, #1166FB 16px, #1169FC 17px, #1169FF 18px, #116CF3 19px, #1271F6 20px, #1171FA 21px, #1275FA 22px, #137BFF 23px, #147FFF 25px, #137BFF 26px, #1479FB 27px, #1171FA 28px, #115EF4 29px, #1255E1 30px);
}
li.current {
	background: none repeat scroll 0% 0% #FBEEFF;
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: -moz-use-text-color;
	border-image: none;
    border-top: medium none;
}
li.first {
	background-image: linear-gradient(0deg, #367E36 1px, #5FA15F 2px, #91C190 3px, #8BBD8A 4px, #78B478 5px, #57A457 6px, #58A458 7px, #4F9F4E 8px, #4A9F4A 9px, #489F49 10px, #429742 11px, #3F9840 12px, #3D993D 13px, #3B993C 14px, #3C9D3C 15px, #3BA03B 16px, #3BA73C 17px, #3CAA3C 18px, #3DAD3C 19px, #3DB03C 20px, #3DB23D 21px, #3DB03D 24px, #3CAD3C 25px, #369D35 26px, #319132 27px, #2C8230 28px, #27753E 29px) !important;
	border: 0px !important;
	border-top-right-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
	position: fixed !important;
	bottom: 0px !important;
	left: 0px !important;
	color: #FFF !important;
	font-weight: bold !important;
	min-height: 29px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
li.first a {
	color: #FFF !important;
	font-weight: bold !important;
	font-style: italic !important;
	font-size: 16px;
	text-shadow: 1px 1px grey;
	padding-left: 20px;
	padding-right: 20px;
	text-transform: lowercase !important;
	letter-spacing: 1px;
}
li.fill {
	display: none;
	visibility: hidden;
}
div.pagecontent, div.profile {
	margin: 0px auto;
	margin-top: 5px;
	min-width: 880px;
	max-width: 1024px;
	border: solid 1px #9475B2;
	background: #FFF;
	z-index: 5;
}
div.profile {
	min-height: 246px;
}
div.profile_cont {
	text-align: left;
	padding: 0px 20px;
}
div.profile_cont hr {
	border: 0px solid #000;
	height: 1px;
	color: #000;
	background: #000;
	width: 75%;
}
div.mioboards, div.mioblog, div.miowhois {
	margin: 12px 20px;
	margin-top: 5px;
	min-width: 660px;
	max-width: 924px;
	border: 2px solid #0058EB;
	background: #FFF;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	z-index: 5;
}
div.miobottom{
	margin: 0px auto;
	overflow: auto;
	height: auto !important;
}
div.miobinner {
	position: relative;
	left: -50%;
	float: right;
	clear: both;
	text-align: left;
}
h3.miotitle {
	background-color: #6599E8;
	background-image: linear-gradient(0deg, #3D95FF 1px, #2B90FF 2px, #0372FF 3px, #0365F1 4px, #005CEC 5px, #0058E6 6px, #0055E5 7px, #0054E3 8px, #0055E5 9px, #0055EA 16px, #0058EB 17px, #0058EE 18px, #005BF2 19px, #0160F5 20px, #0060F9 21px, #0164F9 22px, #026AFE 23px, #036EFF 25px, #026AFE 26px, #0368FA 27px, #0060F9 28px, #004DE3 29px, #0144D0 30px);
	color: #FFF;
	text-shadow: 1px 1px #0A1883;
	margin-top: 0px;
	text-align: left;
	padding: 3px;
	padding-bottom: 6px;
	border-top-left-radius: 4.5px;
	border-top-right-radius: 4.5px;
}
img.wxp_buttons {
	height: 21px;
	width: 67px;
	background: url('../img/xp_buttons.png') no-repeat;
	float: right;
}
h1.miotitle {
	color: #330066;
	margin: 0px;
	text-align: center;
}
body.miomessage {
	margin-top: 20%;
	text-align: center;
}
h1.miomessage {
	color: #440077;
	font-size: 36pt;
}
.miosub {
	color: #330066;
	font-size: 8pt;
}
div.mioboxcontent {
	text-align: left;
	margin: 0px;
	line-height: 130%;
	overflow: auto;
	width: 100%;
}
div.mioboxcontent h4 {
	text-decoration: underline;
    display: inline;
}
div.mioboards div.mioboxcontent {
	padding: 0.25em 0.5em 0px;
	padding-left: 20px;
}
div.miocolumn {
	float: left;
	width: 25%;
	display: block;
}
a.boardlink {
	text-decoration: none;
	color: inherit;
}
a.boardlink:hover,a.boardlink:active {
	text-decoration: underline;
}
div.postcontent {
	text-align: left;
	padding: 0px 10px 0px 10px;
}
h3.title {
	margin-top: 0px;
	background-color: #F2F2EE;
	border-bottom: #D8D2BD 1px solid;
	text-align: left;
	padding: 3px;
	padding-bottom: 5px;
	font-weight: normal;
	font-size: 8pt;
	letter-spacing: 1px;
}
h1.title{
	margin-top: 0px;
	background-color: #9475B2;
	text-align: left;
	padding: 5px;
}
ol,dl {
	text-align: left;
}
dl {
	padding-left: 10px;
}
dt.q {
	font-weight: bold;
	color: #550088;
}
dd.a {
	border-bottom: solid 1px #9475B2;
	padding-right: 10px;
	margin-bottom: 5px;
}
span.permalink {
	float: right;
}
span.permalink a {
	text-decoration: none;
}
span.permalink a:hover {
	text-decoration: underline;
}
input[type="text"],input[type="password"],input[type="date"],textarea{
	margin: 0px 2px 0px 0px;
	padding: 2px 4px 3px;
	border: 1px solid #AAA;
	outline: medium none;
	font-family: arial,helvetica,sans-serif;
	font-size: 10pt;
}
select{
	padding: 1px 2px 2px;
	border: 1px solid #AAA;
	outline: medium none;
	font-family: arial,helvetica,sans-serif;
	font-size: 10pt;
}
div.copyright{
	padding-top: 5px;
	font-size: 11px;
	line-height: 15px;
	position: fixed;
	bottom: 32px;
	right: 1px;
	z-index: 2;
	text-align: right;
	color: #FFF;
}
div.copyright a {
	color: #FFF;
	text-decoration: none;
}
.prof_avatar{
	max-height: 200px;
	max-width: 200px;
	border: 1px solid #9475B2;
}
div.prof_avatar_cont{
	text-align: right;
	float: right;
	width: 200px;
	height: 200px;
	clear: both;
	margin-top: -6px;
	margin-right: -11px;
}
table.miotable {width:100%;}
.ucptable tr {width: 100%;}
.ucptable td {width: 50%;}
.ucptable input[type="text"],.ucptable input[type="date"] {width: 292px;}
.miotable tr.head{background:#9475B2;text-align:center;font-weight:bold;}
.miotable tr.ucpmenu td{width:25%;}
.miotable a{text-decoration:none;}
.miotable a:hover{text-decoration:underline;}
.miotable tr.online a{color:green;}
.miotable tr.semionline a{color:orange;}
.miotable tr.offline a{color:red;}
.miotable td{padding:5px;}
.miotable tr.online{color:green;background:rgba(0,45,0,0.9);}
.miotable tr.semionline{color:orange;background:rgba(51,24,0,0.9);}
.miotable tr.offline{color:red;background:rgba(51,0,0,0.9);}