/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #400080 url(../images/img01.gif) repeat-x;
	font: small Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	color: #333333;
}

#clearhead {
	clear:both;
	height:25px;
	overflow:hidden;
}

h1, h2, h3 {	
}

h1 {
}

h2 {
}

h3 {
	/*margin-bottom: 1em;*/
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: small;
}

p, ul, ol {
	margin-bottom: 1.5em;
	line-height: 1.6em;
	color: #333333;
}

blockquote {
	color:#FF0000;
	margin:0;
	padding: 5px;
	text-align: center;
	font-style: small;
	font-weight: bold;
}

ul {
	list-style: none;
}

ul li {
}

ol {
	list-style-position: inside;
}

ol li {
}

a {
	color: #666666;
}

a:hover {
	text-decoration: none;
	color: #000000;
}

img {
	border:none;
	border-width:0px;

}


/* Logo */
#mlogo {
	width: 800px;
	height: 80px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}
#logo {
	width: 800px;
	height: 70px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}
#mlogo h1,
#logo h1 {
	float: left;
	letter-spacing: -2px;
	font-size: 3em;
}
#mlogo h2,
#logo h2 {
	float: left;
	font-size: 1em;
}
#mlogo a,
#logo a {
	text-decoration: none;
	text-transform: lowercase;
	font-weight: normal;
	/*color: #FFFFFF*/
}


/* New Logo */
.logoas {
  position: absolute;
  top: 0px;
  left: 50px;
}
#mlogo2 {
	width: 800px;
	height: 80px;
	margin: 0 auto;
	padding: 0 0 0 0;
}
#logo2 {
	width: 1000px;
	height: 70px;
	margin: 0 0
	padding: 0 0 0 0;
}
#mlogo2 h1,
#logo2 h1 {
	float: left;
	letter-spacing: -2px;
	font-size: 3em;
}
#mlogo2 h2,
#logo2 h2 {
	float: left;
	font-size: 1em;
}
#mlogo2 a,
#logo2 a {
	text-decoration: none;
	text-transform: lowercase;
	font-weight: normal;
	/*color: #FFFFFF*/
}


tr.language td{font-size:70%;}



/* Menu */

#menu {
	width: 850px;
	height: 80px;
	margin: -70px auto 20px auto;
}

#menu ul {
	float: right;
	margin: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	position: relative;
	margin-left: 1.3em;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 5px solid #CC6600;
	font-size: xx-small;
	/*font-weight: bold;*/
	color: #FFFFFF;
}

#menu a:hover, #menu .active a {
	border-bottom-color: #000000;
	color: #CCCCCC;
}

/* Wrapper */

#wrapper {
	clear: both;
	width: 900px;
	margin: 0 auto;
    min-height: 500px;
	height:expression(this.height < 500 ? "500px" : "auto" ); 
}

/* fullscreen */
#fullscreen IMG.fulldisplay { 
    border: 0px; 
	max-width: 600px;
    width:expression(this.width > 600 ? "600px" : "auto" );
	min-height:400px;
	height:expression(this.height < 400 ? "400px" : "auto" ); 
}

/* Column One */

#col-one {
	float: right;
	width: 240px;
}

#col-one .boxed {
	margin-bottom: 10px;
}

#col-one .boxed .title {
	height: 20px;
	padding: 10px 0 0 10px;
	background: url(../images/img21.gif) no-repeat;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 9px;
	color: #FFFFFF;
}

#col-one .boxed .bottom {
	height: 20px;
	padding: 10px 10px 0 10px;
	letter-spacing: 1px;
	font-size: 11px;
	color: #FFFFFF;
	border-top:thin;
	border: 1px solid #528489;
	border-top: none;
	background: #E5ECED url(../images/img03.gif) repeat-x;
}

#col-one .boxed .content {
	padding: 9px;
	background: #E8EDE5 url(../images/img03.gif) repeat-x;
	border: 1px solid #648952;
	border-top: none;
	text-align:justify
}

#col-one .boxed .content form {
}

#col-one .boxed .content fieldset {
	border: none;
}

#col-one .boxed .content legend {
	display: none;
}

#col-one .boxed .content label {
	display: block;
	font-size: x-small;
	font-weight: bold;
}

#col-one .boxed .content .input, 
#col-two .boxed .content .input {
	width: 148px;
	margin: 0 0 5px 0;
	padding: 3px 5px;
	border: 1px solid #C8C8C8;
	background: #FAFAFA url(../images/img04.gif) repeat-x;
	font: x-small Arial, Verdana, Helvetica, sans-serif;
	color: #464646;
}

#col-one .boxed .content .textarea, 
#col-two .boxed .content .textarea {
	margin: 0 0 5px 0;
	padding: 3px 5px;
	border: 1px solid #C8C8C8;
	background: #FAFAFA url(../images/img04.gif) repeat-x;
	font: x-small Arial, Verdana, Helvetica, sans-serif;
	color: #464646;
}

#col-two IMG.photos { 
     border: 0; 
	 max-width: 480px; 
	 /*width: auto;*/
	 width:expression(this.width > 480 ? "480px": "auto" );
}

#col-two IMG.offline{
    border: 0.2em solid #FF0000;
}

#col-two IMG.online{
    border: 0.2em solid #66CC00;
}

#col-two IMG.mod{
    border: 0.2em solid #3399FF;
}

#col-one .boxed .content .select, 
#col-two .boxed .content .select,
#col-three .boxed .content .select {
	margin: 0 0 5px 0;
	padding: 3px 5px;
	border: 1px solid #C8C8C8;
	background: #FAFAFA url(../images/img04.gif) repeat-x;
	font: x-small Arial, Verdana, Helvetica, sans-serif;
	color: #464646;
}

#col-one .boxed .content .button,
#col-two .boxed .content .button,
#col-three .boxed .content .button {
	height: 20px;
	margin: 0 0 5px 0;
	padding: 0;
	border: 1px solid #464646;
	background: #FAFAFA url(../images/img05.gif) repeat-x;
	font: x-small Arial, Verdana, Helvetica, sans-serif;
	color: #464646;
}

#col-one .boxed .content .tiny {
	clear: both;
	margin: 0;
	font-size: x-small;
}

#col-one .boxed .content .tiny a {
	padding: 0 0 0 11px;
	background: url(../images/img06.gif) no-repeat left bottom;
}



/* Column Two */

#col-two {
	float: left;
	width: 650px;
}

#col-two .boxed {
	margin-bottom: 30px;
}

#col-two .boxed .title {
	height: 20px;
	padding: 10px 0 0 10px;
	background: url(../images/img20.gif) no-repeat;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 11px;
	color: #FFFFFF;
}

#col-two .boxed .bottom {
	height: 20px;
	padding: 10px 10px 0 10px;
	letter-spacing: 1px;
	font-size: 11px;
	color: #FFFFFF;
	border-top:thin;
	border: 1px solid #528489;
	border-top: none;
	background: #E5ECED url(../images/img08.gif) repeat-x;
}

#col-two .boxed .content {
	padding: 19px 19px 0 19px;
	background: #E5ECED url(../images/img08.gif) repeat-x;
	border: 1px solid #528489;
	border-top: none;
}

#col-two .boxed blockquote {
	background: #E5ECED url(../images/img08.gif) repeat-x;
}

/* Column Three */

#col-three {
	float: left;	
	width: 760px;
	margin-right: 10px;
}

#col-three .boxed {
	margin-bottom: 10px;
}

#col-three .boxed .title {
	height: 20px;
	padding: 10px 0 0 10px;
	background: url(../images/img14.gif) no-repeat;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 11px;
	color: #FFFFFF;
}

#col-three .boxed .content {
	padding: 19px 19px 0 19px;
	background: #EFEBE2 url(../images/img10.gif) repeat-x;
	border: 1px solid #977C44;
	border-top: none;
}

#col-three .boxed .content li {
	margin-left: -1em;
	padding-left: 1em;
	background: url(../images/img12.gif) no-repeat 0 9px;
	letter-spacing: normal;
}

/* Footer */

#footer {
	clear: both;
	padding: 30px 0 50px 0;
	background: #464646 url(../images/img13.gif) repeat-x;
}

#footer p {
	width: 760px;
	margin: 0 auto;
	font-size: small;
	color:#CCCCCC;
}

.topiclistbox{
	margin: 0;
	padding: 2px;
	border: 1px solid #9aafe5;
	width: 600px;
}

.memberlistbox{
	margin: 0;
	padding: 2px;
	border: 1px solid #9aafe5;
}

.memberlistbox h3{
    margin: 0;
	border-bottom: 1px solid #9aafe5;
}

.onlinebox{
	margin: 0;
	padding: 0;
	background-color:#99FF00;
	color: #333333;
	border: none;
}

.offlinebox{
	margin: 0;
	padding: 0;
	color: #333333;
	border: none;
}

.modbox{
	margin: 0;
	padding: 0;
	background-color: #66CCFF;
	color: #333333;
	border: none;
}

.imgframe{
	margin: 0;
	padding: 5px;
	border: 1px solid #2b66a5;
}

/* Paging  ********************************************************/	
.pagination{
	padding: 5px;
}

.pagination ul{
	margin: 0;
	padding: 0;
	text-align: center; /*Set to "right" to right align pagination interface*/
	font-size: 12px;
}

.pagination li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
	padding: 0 5px;
	border: 1px solid #9aafe5;
	text-decoration: none; 
	color: #CCCCCC;
}

.pagination a:hover, .pagination a:active{
	border: 1px solid #2b66a5;
	color: #000;
	background-color: lightyellow;
}

.pagination li.currentpage{
	font-weight: bold;
	padding: 0 5px;
	border: 1px solid navy;
	background-color: #2e6ab1;
	color: #999999;
}

.pagination li.disablepage{
	padding: 0 5px;
	border: 1px solid #929292;
	color: #929292;
}

.pagination li.nextpage{
	font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
	margin-right: 5px;
	padding-right: 0;
}

/* status box ********************************************************/
#activemsg,
#updatemsg,
#forgotmsg,
#loginmsg 
{
	opacity: 0.85;
	font: normal x-small Arial, Verdana, Helvetica, sans-serif; 
	font-weight:bold;
	color: #FFFFFF;
}
#activemsg div,
#importmsg div,
#updatemsg div,
#forgotmsg div,
#loginmsg div
{
	height: 20px;
	min-height: 20px;
	padding: 8px 10px 8px 46px;
}
#activemsg div.load,
#importmsg div.load,
#updatemsg div.load,
#PanelMessage div.load,
#forgotmsg div.load,
#loginmsg div.load
{
	background: url(../images/loading.gif) 6px 3px no-repeat;
	background-color: #EBEBEB;
	border: 1px solid #CCCCCC;
}

#activemsg div.error,
#updatemsg div.error,
#PanelMessage div.error,
#forgotmsg div.error,
#loginmsg div.error
{
	background: url(../images/warning.png) 6px 3px no-repeat;
	background-color: #EF9398;
	border: 1px solid #DC5757;
}

#activemsg div.confirmation,
#importmsg div.confirmation,
#updatemsg div.confirmation,
#PanelMessage div.confirmation,
#forgotmsg div.confirmation
{
	background: url(../images/confirm.png) 6px 3px no-repeat;
	background-color: #A6EF7B;
	border: 1px solid #76C83F;
}

/* loading ********************************************************/
.show-load {
	height: 350px;
	background: url(../images/loading.gif) 50% 50% no-repeat;
}

.show-load-small{
	background: url(../images/loading.gif) 50% 50% no-repeat;
}

.lstyle3 {
	margin: 0px;
	padding: 5px;
	color: #333333;
	background: #FFFFCC;
	text-decoration:none;
}
.lstyle4 {
	margin: 0px;
	padding: 5px;
	color: #333333;
	background: #FFFFFF;
	text-decoration:none;
}
.label {
	font-size:12px;
	font-weight:bold;
	color:#333333;
}

/* AS test */

#testas {
    font-size: 11px;
}
#testas2 {
    font-size: 12px;
}
#testasc {
    font-size: small;
}
#box10 {
    text-align: justify;
}
.box11 {
    margin: 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
/*    border: solid;
    border-width: 10px; 
    border-style: outset; */
}
.whitecolor {
    color: white;
}