@import "../../_css_/jux_reset.css";
@import "../../_css_/jux_common.css";
@import "../../_css_/jux_forms.css";
@import "paginator.css";
@import "gallery.css";
@import "news.css";
@import "../../_css_/jux_shop.css";
@import "../../_css_/jux_styles.css";
@import "../../_css_/jux_rss.css";
@import "../../_css_/jux_rating.css";

/* andreas01 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas

Version: 1.0
(July 25, 2005)
*/
body {margin: 0 auto;padding: 0;font-size:12px; font-family: Tahoma, Arial, Helvetica, sans-serif;;background: #f4f4f4 url(images/bg.gif) top center repeat-y;}
td, p, div, span {margin: 0 auto;padding: 0;font-size:12px; font-family: Tahoma, Arial, Helvetica, sans-serif;;}

#wrap {background: #ffffff;color: #303030;margin: 0 auto;width: 760px;}
#header {clear: both;margin: 8px 0 8px 0;padding: 0;height: 175px; background: #f4f4f4 url(images/front.jpg) top center repeat-y;}
#headerNO {clear: both;margin: 20px 0 0 0;padding: 0;height: 45px;}

#header h1 {width: 250px;margin: 0 0 10px 0;float: left;}

#header p {width: 500px;float: right;text-align: center;color: #a0a0a0;margin: 0 0 10px 0;font-size: 0.8em;line-height: 1.2em;}
#frontphoto {margin: 0 0 10px 0;border: 0;}

#avmenu {clear: left;float: left;width: 154px;margin: 0 0 0px 0;padding: 0;font-size: 0.9em;}
#avmenu ul {	list-style: none;width: 154px;margin: 0 0 0px 0;padding: 0;font-size: 1.1em;}	
#avmenu li {margin-bottom: 4px;}
#avmenu li a {/*font-weight: bold;height: 20px;*/text-decoration: none;color: #505050;display: block;padding: 6px 0 6px 10px;background: #f4f4f4;border-left: 4px solid #cccccc;}	
#avmenu li a:hover {background: #FFFF80;color: #286ea0;border-left: 4px solid #286ea0;}
#avmenu li a:active {background: #eaeaea;color: #286ea0;border-left: 4px solid #286ea0;}
#avmenu li a:focus {background: #eaeaea;color: #286ea0;border-left: 4px solid #286ea0;}
#avmenu li.activelink a {background: #eaeaea;color: #286ea0;border-left: 4px solid #286ea0;}

#avmenu li.submenu a        {background: #f4f4f4;color: #286ea0;margin-left:4px; border-left: 4px solid #D6D6D6;padding: 5px 0 5px 10px;}
#avmenu li.submenu a:hover  {background: #FFFF80;color: #286ea0;margin-left:4px; border-left: 4px solid #D6D6D6;padding: 5px 0 5px 10px;}
#avmenu li.submenuactive a  {background: #eaeaea;color: #286ea0;margin-left:4px; border-left: 4x solid #286ea0;padding: 5px 0 5px 10px;}
#avmenu li.submenu2 a       {background: #f4f4f4;color: #286ea0;margin-left:8px; border-left: 4px solid #D6D6D6;padding: 5px 0 5px 10px;}
#avmenu li.submenu2 a:hover {background: #FFFF80;color: #286ea0;margin-left:8px; border-left: 4px solid #D6D6D6;padding: 5px 0 5px 10px;}
#avmenu li.submenu2active a {background: #eaeaea;color: #286ea0;margin-left:8px; border-left: 4px solid #286ea0;padding: 5px 0 5px 10px;}

.announce {margin: 10px 0 10px 0;padding: 10px;width: 130px;color: #505050;background-color: #f4f4f4;line-height: 1.3em;}
.announcechat {margin: 10px 0 10px 0;padding: 0px;width: 150px;color: #ffffff;background-color: #ffffff;line-height: 1.3em;}
#extras {float: right;width: 100px;margin: 0 0 10px 0;padding: 0;font-size: 0.9em;line-height: 1.5em;}
#extras p {margin: 0 0 1.5em 0;}

#layertxt {margin: 0 0px 20px 160px; width: 585px;  
           border-left: 0px solid #f0f0f0;border-right: 1px solid #f0f0f0; 
           border-bottom: 0px solid #EEF2F7; padding: 0px 0px 0px 3px;line-height: 1.6em;text-align: left; }


h3{text-decoration: none;color: #505050;/*display: block;*/padding: 6px 0 6px 10px;  background: #f4f4f4;border-left: 4px solid #cccccc;font-size:18px;}

#layertxt div{clear:none;}


a {text-decoration: none;color: #286ea0;font-weight:lighter;}
b {font-weight:bold;}

#footer {clear: both;margin: 0 auto;padding: 10px 0 20px 0;border-top: 4px solid #f0f0f0;width: 760px;text-align: center;color: #808080;font-size:13px;line-height: 22px;}
#footer a {color: #808080;text-decoration: none;}
#footer a:hover {text-decoration: underline;}

.layerChat{margin: 10px 0 10px 0;padding: 10px;width: 130px;color: #505050;background-color: #f4f4f4;line-height: 1.3em;visibility:hidden;}
.handle {  width:100%;  height: 15px;  border-width: 1px 1px 1px 1px;  color:#3D62B8;  background: #EF7803;  padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px;  top:1px;}
.handlel{ position:absolute; width:80%; top:1px; text-align:left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.handler{ position:absolute; width:100%; top:1px; text-align:right; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.messages {  padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px;  text-align: left;  white-space: normal;  overflow:auto;}
.chatEdit{  padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px;  height:19px;  float:bottom;  background-color:#E9E9D6;}
.chatText{  top:1px;  padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px;  width:100%;  height:19px; }

.leftbox   {margin: 0px 0 4px 0;padding: 6px 0 6px 10px;width: 140px;color: #505050;background-color: #f4f4f4;line-height: 1.3em; border-left: 4px solid #D6D6D6;}
.leftbox1  {margin: 0px 0 4px 0;padding: 6px 0 6px 10px;width: 140px;color: #505050;background-color: #f4f4f4;line-height: 1.3em; border-left: 4px solid #D6D6D6;}
.leftbox2  {margin: 0px 0 4px 0;padding: 6px 0 6px 10px;width: 140px;color: #505050;background-color: #f4f4f4;line-height: 1.3em; border-left: 4px solid #D6D6D6;}
.leftbox3  {margin: 0px 0 4px 0;padding: 6px 0 6px 10px;width: 140px;color: #505050;background-color: #f4f4f4;line-height: 1.3em; border-left: 4px solid #D6D6D6;}
.leftbox4  {margin: 0px 0 4px 0;padding: 6px 0 6px 10px;width: 140px;color: #505050;background-color: #f4f4f4;line-height: 1.3em; border-left: 4px solid #D6D6D6;}
.leftbox5  {margin: 0px 0 4px 0;padding: 6px 0 6px 10px;width: 140px;color: #505050;background-color: #f4f4f4;line-height: 1.3em; border-left: 4px solid #D6D6D6;}
.chatbox   { margin: 0px 0 4px 0;padding: 6px 0 6px 10px;width: 140px;color: #505050;background-color: #f4f4f4;line-height: 1.3em; border-left: 4px solid #D6D6D6;}
.leftbox1 h3,
.leftbox2 h3,
.leftbox3 h3,
.leftbox4 h3,
.leftbox5 h3,
.chatbox h3{font-size: 1.2em; margin: 0 0 0 0;padding: 0 0 0 0;border: 0px solid orange}


fieldset { clear:none;}
.divinput, .divhidden, .divtextarea {clear:none;}

.rss_box  {margin: 0px 0 4px 0;padding: 6px 0 6px 0px;width: 140px;color: #505050;background-color: #f4f4f4;line-height: 1.3em; border-left: 0px solid #D6D6D6;}


.row0 { background-color:#EAEAEA;border-left:4px solid #d6d6d6;}
.row1 { background-color:#F8F8F8;border-left:4px solid #d6d6d6;}

img.framed,
.framed img {padding: 1px;display:inline;background: #cccccc;border: 4px solid #f0f0f0;}
span.framed {padding: 1px;display:inline;background: #cccccc;border: 4px solid #f0f0f0;}

.item_footer{height:16px;line-height:16px;background:#f0f0f0;border: 2px solid #f4f4f4;}
.item_reads{font-size:11pt;}


.div_thumbnails{width:100%;display:block;border:0px;clear:right;}

.div_comments{width:100%;display:block;border:0px;clear:right;}

.comments_form{padding:0px;font-size:0.9em;border: 1px solid #9BB3CE;}
.comments_form legend{font-weight: bold;	color: #585858;padding:0px; border: 0px outset #E9E9E9;}
.comments_form fieldset{padding:0 14px 0 4px;border: 0px outset #E9E9E9; }
.comments_form input, .comments_form textarea {	 }

.comments_disclaimer {font-size:0.8em;display:block;left:5px; right:5px;clear: left;color:#757575;background:transparent;}
.anonimous{color:#747474;background-color:#D6E0DB;}
.pending{color:#A88379;background-color:#EDD8C0;}