/* Spoiler hack */

.spoiler-head {
	font-size: 11px; padding: 1px 3px 3px; margin-right: 5px; line-height: 15px;
}

.spoiler-body {
	padding: 1px 1px 1px; display: none;
	border-top: 1px solid #C3CBD1; background: #F5F5F5;border-bottom: 1px solid #C3CBD1;
}

.spoiler-wrap {
	width: 100%; margin: 0px auto; clear: both; background: #E9E9E6;
	border: solid #C3CBD1; border-width: 1px 1px 1px 2px;
}

.clickable { cursor: pointer; }
.folded    { background: transparent url(images/icon_plus.gif) no-repeat left center; padding-left: 14px; }
.unfolded  { background: transparent url(images/icon_minus.gif) no-repeat left center; padding-left: 14px; }

/* Spoiler hack */

body {
	margin: 0; 
	padding:0;
	overflow:hidden;
	font-family: "tahoma";
	font-size: 8pt;
	color: #464646;
}

#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
#content {padding:5px 145px 10px 105px; }
#fixed {position:absolute; top:25px; left:100px; width:150px; z-index:10; color:#567; border:0px solid #000; padding:10px;}

.linked-image {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.resized-linked-image {
	margin: 1px 0px 0px 0px;
	padding: 0px;
	background-color: #000;
	border: 0px;
	color: #FFF;
	font-size: 10px;
	width: auto;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
}

.resized-linked-image-zoom {
	width: 200px;
	height: 30px;
	background-color: #FFF;
	padding-top: 6px;
	padding-left: 5px;
	top: 0px;
	left: 0px;
	position: absolute;
	display: none;
}

#highlighted {
	background-color: #;
}

#highlighted tr:hover {
	background-color: #F5FBE1;
}


.error {
	color: #990000;
	background-color: #FFF0F0;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px dashed #990000;
}
.error b {
	color: #990000;
	background: inherit;
}

.success {
	color: #000000;
	background: #F5FBE1;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px dashed #7BA813;
}

.success b {
	color: #7BA813;
	background: inherit;
}

.editor {
	margin: 0px 0px 1px 0px;
	width: 400px;
	height: 21px;
	border: 1px #D1D8EC solid;
}

.editorinput {
	background: #;
	color: #000000;
	border: 1px #D1D8EC solid;
	font-size: 11px; font-family: Verdana, Helvetica; text-decoration: none;
}

.editorbutton {
	float: left;
	cursor: pointer;
	padding: 2px 1px 0px 5px;
}

code {
	background: none;
	color: #0000FF;
	font-size: 11px;
	font-family: Verdana, Helvetica;
}

.code {
	color: #0000BB;
	font-size: 11px;
	font-family: Verdana, Helvetica;
}

a.copyright:link, a.copyright:visited, a.copyright:active {
	text-decoration: none;
	color: #FFFFFF;
	border-top: dashed 1px #5087AD;
	padding: 0px;
}

a.copyright1:link, a.copyright1:visited, a.copyright1:active {
	text-decoration: none;
	color: #FFFFFF;
	border-bottom: dashed 1px #5087AD;
	padding: 0px;
}

td.pager { background-color: #FFFFFF; border: 1px solid #9CA4B0; padding: 2px; }

td.pagebr { background-color: #; border: 0px; padding: 0px; }

td.highlight { background-color: #EFEEE6; border: 1px solid #9CA4B0; padding: 2px; }

hr { height: 0px; border: solid #00314D 0px; border-top-width: 1px; }

table {
  border-collapse: collapse;
  border: none;
}

table.main {
  background-color: #F8F8F8;
}
table.mainouter {
  border: 0px;
}
table.bottom {
  color: #FFFFFF;
  background: transparent;
}
table.main2 {
  border: 0px;
}

h1 {
font-size: 12pt;
text-align: center;
}

h2 {
background-image: url(images/header.png);
font-size: 10pt;
color: #eeeeee;
margin-bottom: 0px;
height: 10px;
text-align: center;
}

.topnav {
	background-image: url(images/topnav.gif);
	padding: 5px;
}

h3 {
  font-size: 10pt;
  margin-bottom: 5px;
text-align: center;
}

p {
        font-size: 8pt;
}

p.sub {
  margin-bottom: 4pt;
}

td {
	background-image: url(images/bg_content.png);
	font-size: 8pt;
	border: 1px solid #ffffff;
}

td.style-none {
background: none;
border: 0px;
}

table.online_menu {
background: none;
  width: 300px;
  height: 118px;
border: 0px;
}

td.block {
   font-size: 8pt;
   border: 0px;
}


td.right_menu {
 border: 0px;

}

td.commenttable {
background-color: #FFFEF2;
}

td.embedded {
   border: none;
  text-align: left;
}

td.bottom {
  border: none;
}

td.heading {
  font-weight: bold;
}

td.text {
  padding: 10pt;
  text-align: left;
}

td.comment {
  padding: 10pt;
  font-size: 8pt;
  text-align: left;
}

td.commstat {
  font-weight: bold;
  color: #434343;
  background-image: url(images/commstat.gif);
}

td.colhead {
  font-weight: bold;
  color: #ffffff;
  background-image: url(images/header.png);
}

td.rowhead {
  font-weight: bold;
  font-size: 10px;
  text-align: right;
  vertical-align: top;
}

td.title {
        font-size: 14pt;
}

td.navigation {
        font-weight: bold;
        font-size: 10pt;
   border: none;
}

form {
        margin-top: 0;
        margin-bottom: 0;
}

.sublink {
        font-style: italic;
        font-size: 7pt;
        font-weight: normal;
}

a:link, a:visited {
	text-decoration: none;
	color: #464646;
	font-weight: bold;
}

a:hover {
	color: #C17812;
}

a.index {
        font-weight: bold;
}

a.biglink {
        font-weight: bold;
        font-size: 12pt;
}

a.online:link, a.online:visited {
        font-weight: normal;
        text-decoration: none;
}

a.menu:link, a.menu:visited {
        font-weight: normal;
}

a.menu:active {
        color: #516A88;
}

a.menu:hover {
        border-left-width: 7px;
        border-left-style: solid;
        border-left-color: #516A88;
		color: #C17812;
}

a.menu {
        display:block;
        padding:3px;
        text-align:left;
        text-decoration:none;
        background-color: #;
        font-weight: normal;
        border-top: 1px solid #516A88;
}

a.altlink_white:link, a.altlink_white:visited {
		font-weight: bold;
		color: #eeeeee;
		text-decoration: underline;
}

a.altlink_white:hover {
		text-decoration: underline;
}

.important {
        font-weight: bold;
        font-size: 8pt;
}

div.popup {position:absolute; top:0px; left:0px; width:170px; height:85px; border:1px solid black; display:none; background-color:ffffff;}

.red {
        color: #ee0000;
}

.yellow {
        color: #997700;
}

.green {
        color: #000000;
}

input, select, textarea {
       margin-top: 3px;
       margin-bottom: 0px;
       font-family: "tahoma";
       font-size: 8pt;
}

.small {
  font-size: 7pt;
}

.big {
  font-size: 10pt;
}


.startmenu{
	font-weight:bold;
	text-align:center;
	padding:2px;
	margin: 0px;
	background-image: url(images/menu_head.gif);
}

.menutitle{
        font-weight:bold;
        text-align:center;
        color: #7E110E;
        margin: 2px;
        background-color: #FFC58C;
}

input.button{
border: solid #FFC58C 1px;
 background-color: #FFC58C;

}
div.rounded {
    clear:both;
    max-width:2400px;
    margin:5px auto;
    width:100%;
}

div.roundedblock {
    clear:both;
    max-width:220px;
min-width:220px;
    margin:5px auto;
    width:100%;
}

div.rounded div.top {
    background:url(images/tl.png) no-repeat bottom left;
    padding:0px;
    width:100%;
}

div.rounded div.top2 {
    background:url(images/tl.png) no-repeat bottom left;
    padding:0px;
    width:100%;
}

div.rounded div.top div.right {
    background:url(images/tr.png) no-repeat bottom right;
    height:24px;
    margin-left:24px;
}

div.rounded div.top2 div.right2 {
    background:url(images/tr.png) no-repeat bottom right;
    height:24px;
    margin-left:24px;
}

div.rounded div.middle {
    background:url(images/l.png) repeat-y left;
    clear:both;
    width:100%;
}

div.rounded div.middle2 {
    background:url(images/l.png) repeat-y left;
    clear:both;
    width:100%;
}

div.rounded div.middle div.right {
    background:url(images/r.png) repeat-y right;
    margin-left:13px;
}

div.rounded div.middle2 div.right2 {
    background:url(images/r.png) repeat-y right;
    margin-left:13px;
}

div.rounded div.middle div.right div.content {
    background-image: url(images/bg_content.png);
    font-family:"Trebuchet MS", Calibri, Tahoma, sans-serif;
    font-size:1.0em;
    line-height:1.3em;
    margin-right:13px;
    padding:0px 7px;
    text-align:justify;
}

div.rounded div.middle div.right div.content p {
    margin:0px;
    padding-top:15px;
}

div.rounded div.middle div.right div.content h2 {
    margin:0px;
    padding:7px 0px;
}

div.rounded div.bottom {
    background:url(images/bl.png) no-repeat top left;
    clear:both;
    padding:0px;
    width:100%;
}

div.rounded div.bottom div.right {
    background:url(images/br.png) no-repeat top right;
    height:24px;
    margin-left:24px;
}

div.back {
background-image:url(images/back.png);
}

.inner-box {
	padding: 1px; background-color: #CCCCCC;
}

.r1, .r2, .r3, .r4, .r5, .r6, .r7, .r8, .r9, .r10 {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size:1px;background-color: #CCCCCC;
}
.r10 {background-color: #CCCCCC; margin: 0 10px; }
.r9 {background-color: #CCCCCC; margin: 0 9px; }
.r8 {background-color: #CCCCCC; margin: 0 8px; }
.r7 {background-color: #CCCCCC; margin: 0 7px; }
.r6 {background-color: #CCCCCC; margin: 0 6px; }
.r5 {background-color: #CCCCCC; margin: 0 5px; }
.r4 {background-color: #CCCCCC; margin: 0 4px; }
.r3 {background-color: #CCCCCC; margin: 0 3px; }
.r2 {background-color: #CCCCCC; margin: 0 2px; }
.r1 {background-color: #CCCCCC; margin: 0 1px; }

#rounded-box-3, #rounded-box-5, #rounded-box-10 { margin:1em; }
#rounded-box-3 .inner-box {background-color: #CCCCCC; padding: 1em;}
#rounded-box-5 .inner-box {background-color: #CCCCCC; padding: 0.7em 1em;}
#rounded-box-10 .inner-box {background-color: #CCCCCC; padding: 0.4em 1em;}

#inputArea {
	font-family: Arial, Sans-Serif;
	font-size: 13px;
	width:100%;
}
#inputArea input, #inputArea textarea  {
	font-family: Arial, Sans-Serif;
	font-size: 13px;
}
.activeField  {
	background-image: none;
	background-color: #ffffff;
	border: solid 1px #eeeeee;
}
.idle {
	border: solid 1px #CCCCCC;
	background-image: url( 'images/gray_bg.png' );
	background-repeat: repeat-x;
	background-position: top;
	background-color:#FFFFFF;
}
table.menu_bar {
	width: 300px;
	height: 113px;
	background: none;
	border: 0px;
}
#menu  {font: 11px Arial, Helvetica, sans-serif;
	background-image:url('images/bc_bg.png'); 
	background-repeat:repeat-x;
	height:30px;
	line-height:30px;
	color:#9b9b9b;
	border:solid 0px #cacaca;
	width:100%;
	overflow:hidden;
	margin:0px;
	padding: 0px;
}
#menu li {list-style-type:none;
	float:left;
	padding-left:10px;
}
#menu a {height:30px;
	display:block;
	background-image:url('images/bc_separator.png'); 
	background-repeat:no-repeat; 
	background-position:right;
	padding-right: 15px;
	text-decoration: none;
	color:#454545;
}
.home {border:none;
	margin: 8px 0px;
}
#menu a:hover{
	color: gray;
}
ul.sc_menu {
	float: left;
	list-style: none;
	margin: 0; padding: 0px;
}
ul.sc_menu li {
	
	padding-left: 10px;
	float: left;
	display: block;
	position: relative;
	width: 130px;
	height: 70px;
}

ul.sc_menu li img {
	width: 130px; height: 70px;
	border: 3px solid #eee;
	padding: 2px;
	background: #fff;
	position: absolute;
	left: 0; top: 0;
	-ms-interpolation-mode: bicubic; 
}

div.sc_menu {
	position: relative;
	width: 600px;
	overflow: auto;
}
ul.sc_menu {
	display: block;
	height: 90px;
	width: 1500px;
	padding: 6px 0 0 15px;
	margin: 0;
	list-style: none;
}
.sc_menu li {
	display: block;
	float: left;
	padding: 0 4px;
}
.sc_menu a {
	display: block;
	text-decoration: none;
}

.sc_menu a {
	display: block;
}
.sc_menu img {
	border: 3px #fff solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	filter:alpha(opacity=60);
	opacity: 0.6;
}
.sc_menu a:hover img {
	filter:alpha(opacity=100);
	opacity: 1;
}

.anythingSlider                         { width: 100%; height: 360px; position: relative; margin: 0 auto 15px; }
.anythingSlider .wrapper                { width: 94%; overflow: auto;  height: 341px; margin: 0 35px 35px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 317px; width: 3%; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 323px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             { background: green; background-image: url(images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

#draggable {
  position: static;
}
a.tt:hover{
position:relative;
z-index:23;
}
a.tt span{
display:none;
}
a.tt:hover span{
display:block;
position:absolute;
top:20px;
left:-120px;
background:#fafafa;
border:1px solid #ccc;
color:#000;
z-index:20;
opacity: 0.80;
filter: alpha(opacity="80");
width: auto;
padding:5px;
font-size:9px;
cursor:pointer;
text-decoration:none;
}

div#ajaxerror { 
background: #FFDDDD url(images/err.gif) no-repeat 5px 50%; 
padding:5px 5px 5px 24px; 
text-align:left; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
color:#333; 
font-size:11px; 
} 
div#ajaxsuccess { 
background: #E7FFCE url(images/succ.gif) no-repeat 5px 50%; 
padding:5px 5px 5px 24px; 
text-align:left; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
color:#333; 
font-size:11px; 
} 

#grey {
	MARGIN: 10px 0px
}
#grey-top {
	WIDTH: 700px; BACKGROUND: url(images/grey-topleft.gif) #ffdede no-repeat left top; HEIGHT: 14px
}
#grey-toprig {
	WIDTH: 700px; BACKGROUND: url(images/grey-toprig.gif) no-repeat right top; HEIGHT: 14px
}
#grey-topmid {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; WIDTH: 680px; PADDING-RIGHT: 10px; FONT: bold 1.2em tahoma; BACKGROUND: #ffdede; PADDING-TOP: 0px
}
#grey-bot {
	WIDTH: 700px; BACKGROUND: url(images/grey-botleft.gif) #ffdede no-repeat left bottom; HEIGHT: 14px
}
#grey-botrig {
	WIDTH: 700px; BACKGROUND: url(images/grey-botrig.gif) no-repeat right bottom; HEIGHT: 14px
}
#story {
	TEXT-ALIGN: justify; PADDING-BOTTOM: 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; FONT: 11px tahoma; PADDING-TOP: 5px
}

#head_cat {
	background: rgb(229, 242, 252); font: 700 12px/17px Tahoma; padding: 0px 15px; height: 19px; color: rgb(170, 170, 170); overflow: hidden; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; font-size-adjust: none; font-stretch: normal;
}
#head_cat a {
	color: rgb(51, 51, 51); text-transform: lowercase;
}



browse {  
   display: inline-block;  
   padding: 4px;  
   outline: 0;  
   color: #3a599d;  
   -webkit-transition-duration: 0.25s;  
   -moz-transition-duration: 0.25s;  
   -o-transition-duration: 0.25s;  
   transition-duration: 0.25s;  
   -webkit-transition-property: -webkit-transform;  
   -moz-transition-property: -moz-transform;  
   -o-transition-property: -o-transform;  
   transition-property: transform;  
   -webkit-transform: scale(1) rotate(0);  
   -moz-transform: scale(1) rotate(0);  
   -o-transform: scale(1) rotate(0);  
   transform: scale(1) rotate(0);  
 }  
 browse:hover {  
   background: #3a599d;  
   text-decoration: none;  
   color: #fff;  
   -webkit-border-radius: 4px;  
   -moz-border-radius: 4px;  
   -o-border-radius: 4px;  
   border-radius: 4px;  
   -webkit-transform: scale(1.05) rotate(-1deg);  
   -moz-transform: scale(1.05) rotate(-1deg);  
   -o-transform: scale(1.05) rotate(-1deg);  
   transform: scale(1.05) rotate(-1deg);  
 }  
 browsea:nth-child(2n):hover {  
   -webkit-transform: scale(1.05) rotate(1deg);  
   -moz-transform: scale(1.05) rotate(1deg);  
   -o-transform: scale(1.05) rotate(1deg);  
   transform: scale(1.05) rotate(1deg);  
 } 
 
 div.jGrowl{z-index:9999;color:#fff;font-size:12px;position:absolute;padding:10px;}
div.ie6{position:absolute;}
div.ie6.top-right{right:auto;bottom:auto;left:expression((0-jGrowl.offsetWidth+(document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth) 0 (ignoreMe2=document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft) ) 0 px );top:expression((0+(ignoreMe=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop) ) 0 px );}
div.ie6.top-left{left:expression((0+(ignoreMe2=document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft) ) 0 px );top:expression((0+(ignoreMe=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop) ) 0 px );}
div.ie6.bottom-right{left:expression((0-jGrowl.offsetWidth+(document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth) 0 (ignoreMe2=document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft) ) 0 px );top:expression((0-jGrowl.offsetHeight+(document.documentElement.clientHeight?document.documentElement.clientHeight:document.body.clientHeight) 0 (ignoreMe=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop) ) 0 px );}
div.ie6.bottom-left{left:expression((0+(ignoreMe2=document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft) ) 0 px );top:expression((0-jGrowl.offsetHeight+(document.documentElement.clientHeight?document.documentElement.clientHeight:document.body.clientHeight) 0 (ignoreMe=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop) ) 0 px );}
div.ie6.center{left:expression((0+(ignoreMe2=document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft) ) 0 px );top:expression((0+(ignoreMe=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop) ) 0 px );width:100%;}
body > div.jGrowl{position:fixed;}
div.jGrowl.top-left{left:0;top:0;}
div.jGrowl.top-right{right:0;top:0;}
div.jGrowl.bottom-left{left:0;bottom:0;}
div.jGrowl.bottom-right{right:0;bottom:0;}
div.jGrowl.center{top:0;width:50%;left:25%;}
div.center div.jGrowl-notification,div.center div.jGrowl-closer{margin-left:auto;margin-right:auto;}
div.jGrowl div.jGrowl-notification,div.jGrowl div.jGrowl-closer{background-color:#000;opacity:.85;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);zoom:1;width:235px;margin-top:5px;margin-bottom:5px;font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:1em;text-align:left;display:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:10px;}
div.jGrowl div.jGrowl-notification{min-height:40px;}
div.jGrowl div.jGrowl-notification div.jGrowl-header{font-weight:bold;font-size:.85em;}
div.jGrowl div.jGrowl-notification div.jGrowl-close{z-index:99;float:right;font-weight:bold;font-size:1em;cursor:pointer;}
div.jGrowl div.jGrowl-closer{padding-top:4px;padding-bottom:4px;cursor:pointer;font-size:.9em;font-weight:bold;text-align:center;}
@media print {
div.jGrowl{display:none;}
}
