/*================GLOBAL.CSS===============*/


#header h1
{
  font-size:36px;
  line-height:36px;
  margin:0;
}

#header h4
{
  font-weight:normal;
  margin:7px 0 0;
}

#header h4 a 
{
  text-decoration:none;
}


a.x:hover
{
  background:#0075D9 none repeat scroll 0 0;
  color:white;
  text-decoration:none;
}

a.x
{
  text-decoration:none;
}

#top
{
  background:#FFFFFF none repeat scroll 0 0;
  border-color:#464238;
  border-style:solid;
  border-width:25px 0;
  color:#333333;
  margin:0 auto;
  padding:15px;
  position:relative;
  width:560px;
}

#top ul
{
  list-style:inside square;
  margin-bottom:10px;
}

.thumb img {
background:#EEEEEE none repeat scroll 0 0;
border:1px solid #AAAAAA;
padding:5px;
}
.thumb:hover img {
border-color:#777777;
}
#toc {
background:#CCEAFF none repeat scroll 0 0;
border:1px solid #0075D9;
color:#333333;
float:right;
margin:0 0 40px 10px;
padding:0 10px;
width:250px;
}
#toc h2 {
border:0 none;
color:#336699;
margin:10px 0 5px;
}
#toc a {
color:#336699;
}
.hastoc {
margin-right:0;
}
.hastoc {
margin-right:0;
}
.b {
font-weight:bold;
}
.doc {
list-style-type:none;
margin-left:0;
padding-left:0;
}
.doc li {
margin:5px;
padding:5px;
}
.doc li h5 {
color:blue;
font-size:1.2em;
margin:0 0 5px;
}
h1 small, h2 small, h3 small, h4 small, h5 small {
color:#333333;
font-size:0.7em;
font-weight:bold;
}
.doc li dl {
margin:5px 0 0;
}
.doc li dt {
font-weight:bold;
position:absolute;
text-transform:lowercase;
}
.doc li dd {
margin-left:80px;
}
#header #login-form {
float:right;
padding-top:5px;
width:330px;
}
#menu {

}
* html #menu {
height:1%;
}
#menu ul, #menu li {

}
#menu li {
}
#menu li a {

}
#menu li.current a, #menu li a:hover {

}
.message {
background:#00B0D8 no-repeat scroll 0 0;
color:#FFFFFF;
font-size:1.3em;
line-height:1.4em;
margin:0 auto 20px;
position:relative;
width:788px;
}
.message p {
background:transparent no-repeat scroll 0 100%;
margin:0;
padding:20px;
}
.message a{
color:#FFFFFF;
font-weight:bold;
}

.container {
-x-system-font:none;
font-family:"Trebuchet MS",sans-serif;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:100%;
width:900px;
margin: 0 auto;
}
td {
font-size:11px;
line-height:1.65em;
}
td strong {
font-size:13px;
}
td h2 {
padding-bottom:10px;
}
.download-widget {
border:1px solid #CCCCCC;
position:relative;
width:100%;
}
.download-widget td, .download-widget th {
background:#EEEEEE none repeat scroll 0 0;
margin:1px;
padding:5px;
}
.download-widget th {
background:#E0E0E0 none repeat scroll 0 0;
font-weight:bold;
text-align:left;
}

#login {
width: 238px;
margin: 0 auto;
padding:20px 0 0 43px;
background: url(sexyimages/user.png) no-repeat left center;
}

#login label {
display:block;
font-size:12px;
padding-bottom:5px;
text-align:right;
}
#login label em{
width:80px;
display:block;
float:left;
font-style: normal;
}
#login input {
width:146px;
height:22px;
border:1px solid #ccc;
}

#login input.submit {
width:auto;
height:auto;
border:1px solid #ccc;
float:right;
}

.img_container { height:130px; }
.img_container ul {display:block;padding:0;margin:0;list-style:none;}
.img_container ul li{float:left;width:100px;margin:10px;}
.img_container ul li a img {
    width:93px;
    height:93px;
    border:1px solid #574331;
    padding:5px;
    background:#eee;
}
.imageborder img{
    width:93px;
    height:93px;
    border:1px solid #574331;
    padding:5px;
    background:#eee;
    float:left;
    margin:0 10px;
}
.img_container ul li a:hover img, .imageborder:hover img { background:#e8e8e8; border-color: darkred; }

span.comment { color: #008080; font-weight: normal; }
span.oper { color: #0000f0; font-weight: normal; }
span.var { color: #d56000; font-weight: normal; }
span.func { color: #aa00ff; font-weight: normal; }
span.string { color: #777777; font-weight: normal; }
span.num { color: #990000; font-weight: bold; }
span.reg { color: #8d7f07; font-weight: normal; }

/*================SCROLLABLE-BUTTONS.CSS===============*/


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	/*background:url(../img/scrollable/arrow/hori_large.png) no-repeat;*/
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
		
} 	
/*================SCROLLABLE-HORIZONTAL.CSS===============*/

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 90%;
	height:100px;

	/* custom decorations */
/*	background:url(/img/global/gradient/h300.png) repeat-x;*/
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:680px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:10px 5px 20px 21px;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

/*================SEXYSLIDER.CSS===============*/
a img{
border:0;
}


#wrapper
{
  width:560px;
  position:relative;
}

#navigation
{
  position:absolute;
  width:430px;
  z-index:10;
}

#navigation a
{
  padding-top: 4px;
  background:#1A592E;
  color:#FFFFFF;
  text-transform:uppercase;
  text-decoration:none;
}

#navigation a:hover
{

}

#navigation a.sexyslider-prev
{
  float:left;
  background-repeat: no-repeat;
}

#navigation a.sexyslider-next
{
  float:right;
  background-repeat: no-repeat;
}

#control
{
  text-align:right;
  margin-top:5px;
}

#control a
{
  background:#f385a2;
  padding:0 3px;
  color:#FFFFFF;
  text-transform:uppercase;
  text-decoration:none;
  margin-left:3px;
}

#control a.active
{
  background:#d60c62;
}

#control a span
{
  visibility:hidden;
}

/*================STYLE.CSS===============*/

body {
	padding: 0px 5px; font-family: Verdana, sans-serif; background-color: rgb(221, 221, 221);
}
ul {
	list-style: none; margin: 0px; padding: 0px;
}
li {

}
h4 {
	list-style: none; margin: 0px; padding: 0px;
}
h3 {
	list-style: none; margin: 0px; padding: 0px;
}
h2 {
	list-style: none; margin: 0px; padding: 0px;
}
h1 {
	list-style: none; margin: 0px; padding: 0px;
}
p {
	list-style: none; margin: 0px; padding: 0px;
}
.next {
	cursor: pointer;
	margin-right: 340px;
}
.prev {
	cursor: pointer;
	margin-top: 22px;
	margin-right: 5px;
}
#arrow {

}
#screen {
	width: 725px; height: 425px; margin-top: 40px; position: relative;
}
#screen .next {
	top: 200px; position: absolute;
}
#screen .prev {
	top: 200px; position: absolute;
}
#screen .prev {
	left: 10px;
}
#screen .next {
	right: 10px;
}
#navigation ul {
	margin-left: 55px !important;
}
#navigation li {
	margin: 0px 20px; padding: 10px 20px; float: left; background-color: rgb(238, 238, 238);
}
#navigation a {
	color: #FFF; text-decoration: none;
}
#sections {
	width: 600px; height: 369px; overflow: hidden; clear: left; margin-left: 62px; background-color: white;
}
#sections ul {
	width: 3660px;
}
#sections li {
	padding: 11px 30px; float: left;
}
#sections li.fallen {
	margin-top: 369px;
}
#sections p {
	margin: 16px 0px; width: 550px; line-height: 1.4em; font-size: 85%;
}
#sections h2 {
	margin: 20px 0pt; color: rgb(153, 51, 51);
}
#sections a {
	color: rgb(119, 119, 119); font-weight: bolder; text-decoration: none;
}
#screen2 {
width: 900px; position: relative;
}
#screen2 #buttons {
	border: 1px solid rgb(119, 119, 119); width: 679px; margin-bottom: 5px;
}
#screen2 #buttons a {
	margin: 10px; color: rgb(102, 153, 204);
}
#screen2 .prev {
	float: left;
	margin-top: 30px;
}
#screen2 .next {
	float: right;
	margin-top: 30px;
}
#slideshow {
	width: 461px; overflow: hidden;
}
#slideshow ul {
	width: 3900px;
}
#slideshow li {
	float: left; 
}
#news-ticker {
	margin: 20px; width: 800px; height: 79px; overflow: hidden; background-color: white;
}
#news-ticker h4 {
	color: rgb(153, 51, 51); display: inline;
}
#news-ticker div {
	padding: 8px; border: 1px solid black; width: 782px; height: 22px; margin-top: -1px;
}
#news-ticker div.first {
	margin-top: 0px;
}
#news-ticker p {
	font-size: 11px; margin-left: 0px !important; display: inline;
}
#links {
	padding: 10px; border: 1px solid rgb(119, 119, 119); top: 15px; width: 210px; right: 5px; position: absolute;
}
#links h3 {
	color: rgb(119, 119, 119);
}
#links ul {
	padding: 8px 0px 3px 20px;
}
#links li {
	list-style-type: circle;
}
#links a {
	color: rgb(102, 153, 204);
}
.clear {
	width: 0px; height: 0px; clear: both;
}
.message {
	background: rgb(238, 238, 238); padding: 1px 1px 1px 5px; border: 1px solid rgb(153, 153, 153); height: auto; color: rgb(51, 51, 51); line-height: 18px; font-size: 12px;
}
.side {
	padding: 10px; width: 210px; right: 5px; position: absolute;
}
#general {
	top: 160px;
}
#extra {
	top: 400px;
}
.separator {
	width: 675px; clear: both; margin-left: 20px;
}
#ticker-container {
	padding-top: 15px; position: relative;
}
#ticker-container button {
	right: 5px; position: absolute;
}
#add-news {
	top: 0px;
}
#shuffle-news {
	top: 25px;
}

.box {
  -moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari and Chrome */
  border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  behavior: url(PIE.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

.box-bottom {
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 5px; /* Firefox */
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px; /* Safari and Chrome */
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  behavior: url(PIE.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

.box-noshadow {
  -moz-border-radius: 15px;
  -moz-border-radius: 15px; /* Firefox */
   -webkit-border-radius: 15px;/* Safari and Chrome */
  -webkit-border-radius: 15px;
  /*border-radius: 15px;  Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  border-radius: 5px; /*(top-left, top-right, bottom-right, bottom-left)*/

  behavior: url(PIE.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

/*===================WT-SCROLLER.CSS=====================*/

.wt-scroller{
position:relative;	
display:block;
font-family:Arial,Helvetica,sans-serif;
width:900px;
height:220px;
padding-top:10px;
}
.wt-scroller .slides{
position:relative;
width:900px;
height:200px;
float:left;
overflow:hidden;
z-index:1;
}
.wt-scroller .slides ul{
list-style:none;
position:relative;
width:99999px;
margin:0;
padding:0;
z-index:0;
overflow:hidden;
}
.wt-scroller .slides li{
position:relative;
display:block;
float:left;
overflow:hidden;
width:300px;
height:200px;
}
.wt-scroller .slides li img{
position:absolute;
top:0;
left:0;
z-index:0;
border:0;
}
.wt-scroller .slides li p{
line-height: 10px;
font-weight: bold;
position:absolute;
top:0;
left:0;
z-index:1;
color:#1B582E;
font-size:9px;	
width:290px;
padding:5px;
margin:0;
visibility:hidden;
}
.wt-scroller .outside{
}
.wt-scroller .inside{
background:#000;
background:rgba(0,0,0,0.75);
}
.wt-scroller .ie-inside{
background-color:transparent;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
}
.wt-scroller .prev-btn,
.wt-scroller .next-btn{
float:left;
position:relative;
width:35px;
height:200px;	
cursor:pointer;
}
.wt-scroller .prev-btn{
background:url(../images/bb-previous.png) 10px center no-repeat;
}
.wt-scroller .next-btn{
background:url(../images/bb-next.png) -10px center no-repeat;
}
.wt-scroller .prev-btn.off,
.wt-scroller .next-btn.off{
-moz-opacity:.5;
opacity:.5;
filter:alpha(opacity=50);
cursor:default;
}
.wt-scroller .lower-panel{
display:block;
position:relative;
clear:both;
text-align:center;
font-size:0;
}
.wt-scroller .scroll-bar{
position:relative;
background-color:#999;
background:-moz-linear-gradient(top, #999 0%, #666 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#999), color-stop(100%,#666));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666', GradientType=0);
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
width:100%;
height:5px;
cursor:pointer;
overflow:hidden;
}
.wt-scroller .thumb{
position:absolute;
top:0;
left:0;
width:100px;
height:5px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background-color:#FFF;
background:-moz-linear-gradient(top, #FFF 0%, #CCC 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#CCC));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC', GradientType=0);
}
.wt-scroller .thumb:active{
background-color:#EEE;
background:-moz-linear-gradient(top, #CCC 0%, #FFF 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#CCC), color-stop(100%,#FFF));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#FFFFFF', GradientType=0);
}
.wt-scroller .index,
.wt-scroller .index-hl{
position:relative;
display:inline-block;
width:7px;
height:7px;
margin:0 7px;
background-image:url(assets/scroller-icons.png);
background-repeat:no-repeat;
}
.wt-scroller .index{
background-position:-25px 0;
cursor:pointer;
}
.wt-scroller .index:active{
background-position:-39px 0;
}
.wt-scroller .index-hl{
background-position:-32px 0 !important;
cursor:default;
}
.wt-scroller .m-prev,
.wt-scroller .m-next{
position:absolute;
width:30px;
height:80px;
top:50%;
margin-top:-40px;
line-height:80px;
font-size:26px;
text-align:center;
color:#DDD;
background:#000;
background:rgba(0,0,0,0.75);
cursor:pointer;
z-index:5;
}
.wt-scroller .m-prev:hover,
.wt-scroller .m-next:hover{
color:#FFF;
}
.wt-scroller .m-prev.off,
.wt-scroller .m-next.off{
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
cursor:default;
}
.wt-scroller .m-prev{
left:0;
-moz-border-radius-topright:6px;
-moz-border-radius-bottomright:6px;
border-top-right-radius:6px;
border-bottom-right-radius:6px;
}
.wt-scroller .m-next{
left:100%;
margin-left:-30px;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomleft:6px;
border-top-left-radius:6px;
border-bottom-left-radius:6px;
}

/*===============MENU.CSS======================*/

/**
 *********************************************
 * Prototype of styles for horizontal CSS-menu
 * @data 30.06.2009
 *********************************************
 * (X)HTML-scheme:
 *  <div id="menu">
 *      <ul class="menu">
 *          <li><a href="#" class="parent"><span>level 1</span></a>
 *              <div><ul>
 *                  <li><a href="#" class="parent"><span>level 2</span></a>
 *                      <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>
 *                  </li>
 *              </ul></div>
 *          </li>
 *          <li class="last"><a href="#"><span>level 1</span></a></li>
 *      </ul>
 *  </div>
 *********************************************
 */

/* menu::base */
div#menu {
	background: transparent url(../images/bar-back-30.jpg) repeat-x scroll 0 0;
	color: #575e64;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 150%;	
	width: 915px;
	height: 30px;
	margin: 0 auto;
}

ul.menu {
	clear: both;
	float: none;
	cursor: pointer;
	z-index: 1;
	position: relative;
}

div#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	z-index: 99;
	position: relative;
}

div#menu li {
	position: relative;
	margin: 0px;
	padding: 0px;
	display: block;
	overflow: visible;
	float: left;  
	height: 30px;
	width: 181px;
	z-index: 3;
	border-right: 1px solid black;
}
/* menu::level1 */
div#menu li a {
	height: 30px;
	display: block;
	line-height: 30px;
	text-decoration: none;
	color: #333;
	overflow: hidden;
	z-index: 4;
  position: relative;
}

div#menu li span {  
	color: #333; 
	display: block;
	padding: 0 15px;
  background-repeat: no-repeat;
	background-position: 95% 0px;
	z-index: 6;
	position: relative;
	text-align: left;
}

div#menu li span.bg { 
	display: block;
  background: transparent url('../images/menu_level1_item.png') repeat-x scroll 0pt 100%;
  padding: 0;
	height: 30px;
	z-index: 5;
	position: relative;
  float: left;
}

div#menu li.current {  
	font-weight: bold;
}

div#menu li.current ul {  
	font-weight: normal;
}

/* menu::level2 */
div#menu ul.menu ul {
	padding: 0px 0px 10px;
	background: transparent url('../images/menu_dropdown_bg.png') no-repeat scroll 0pt 100%; 
	_background: transparent url('../images/menu_dropdown_bg.gif') no-repeat scroll 0pt 100%;	
	left: -999em; 
	width: 165px;
	position: absolute;
	top: 30px;
}

div#menu li:hover ul, div#menu li.sfhover ul { 
	left: 0px; 
	z-index: 100;
	visibility: visible; 
}

div#menu li li { 
	width: 100%; 
	text-indent: 0px;
	float: none; 
	height: auto;
}

div#menu li li a, div#menu li li span.separator { 
	margin: 0px 1px;
	padding: 0px; 
	background: url('../images/menu_level2_item.gif') no-repeat scroll 100% bottom;
	height: auto; 
	float: none; 
	display: block; 
	line-height: 20px; 
	width: 163px;
}

div#menu li li a.parent { 
	background: url('../images/menu_level2_item_parent.gif') no-repeat scroll 100% bottom;
}

/* menu::level3 */
div#menu li ul ul { 
	margin: -31px 0 0 164px;
}

div#menu li:hover ul ul, div#menu li.sfhover ul ul { 
	border-top: 1px solid #ccc; 
}

div#menu li:hover ul ul, div#menu li.sfhover ul ul, div#menu li:hover ul ul ul, div#menu li.sfhover ul ul ul, div#menu li:hover ul ul ul ul, div#menu li.sfhover ul ul ul ul { 
	left: -999em; 
}
div#menu li li:hover ul, div#menu li li.sfhover ul, div#menu li li li:hover ul, div#menu li li li.sfhover ul, div#menu li li li li:hover ul, div#menu li li li li.sfhover ul { left: 0pt; z-index: 100; }

div#menu a:hover {
	color: #FFF;
}
div#menu span:hover {
	color: #FFF;
}
div#menu li ul span:hover {
	color: #FFFFFF;
}