body {
	background: url(/img/bg.jpg) repeat;
	margin: 0;
	height:100%;
	font-family: "Trebuchet MS" , Arial sans-serif;
  	font-size: 12px;
  	color: #000;
	
/*background-attachment: fixed;
background-color: #f4f4f4;
background-image: url("/img/gras.png");
background-position: 0% 0%;
background-repeat: repeat;
font-family: "Trebuchet MS" , Arial sans-serif;
font-size: 12px;
color: #000;
*/
}


/* ******************************************
	link, hr line, img
****************************************** */	
a:link, a:visited, a:active {
	color: #8C5D02;
	text-decoration: underline;
	
}
a:hover {
	color: #F8A109;
	text-decoration: none;
}

a img {border:0;}

hr {
	margin: 5px 0px 5px 0px;
	color: #204E01;
	border: 0;
	border-top: 1px dotted #204E01;
	height: 1px;
}
/* ******************************************
	h1, h2, h3, h4, h5, h6,
****************************************** */	
h1, h2, h3, h4, h5, h6, strong {color: #204E01;}
p {margin:0;}
h1 {margin:10px 0 6px 0; font-size: 18px;}

h2 {margin:10px 0 4px 0; font-size: 16px;}

h3 { margin:10px 0 4px 0; font-size: 14px;}

h4 {margin:10px 0 0 0; font-size: 1em;}

h5 {margin:10px 0 0 0; font-size: 0.9em;}

h6 {margin:3px 0 0 0; font-size: 0.75em;}

/* ******************************************
	form
****************************************** */	
form {margin: 0;}
input,
textarea {
	color: #000;
	background-color: #F7F4D1;
	border: 1px solid #989252;
	background:url(/img/form-img.jpg) no-repeat;
}
select {
font-size:12px;
}
/* ******************************************
	li, ul, ol, blockquote, code, address
****************************************** */	

li {padding-bottom: 0;}

ul {
	line-height: 150%;
	margin-top: 3px;
	margin-bottom: 10px;
	margin-left: 0;
	padding-left: 0;
	list-style-type: square
}
 
ol {

	line-height: 150%;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 0.9em;
	padding-left: 0.9em;
}
blockquote{
	background-color:#F7EAD3;
	padding: 3px;
	border-left: 1px solid #D48804;
	margin: 3px 0 20px 0;
	color:#000;
}
pre, .code {
	padding: 6px 0 20px 6px;
	border-top: 1px solid #CE8404;
	border-right: 1px solid #CE8404;
	border-bottom: 1px solid #CE8404;
	border-left: 1px solid #CE8404;
	background-color: #F9D89D;
	margin: 3px 0 20px 0;
	font-family:Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	color: #000;
	overflow:auto;
	line-height:150%;
}
address {
	line-height:120%;
	margin: 10px 0 20px 0;
	padding-left: 10px;
	border-left: 6px solid #CE8404;
	font-style: normal;
	font-weight: bold;
}
/* ******************************************
	Layout Blocks
****************************************** */	
#main { 
   width: 1024px;
   min-height:99%;
   margin: 0 auto 0 auto;
   padding: 0;
   background-image: url(/img/content.jpg) ;
  
}
#header {
	height:100px;
	background-image: url(/img/header-logo.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
* html #header {clear:both;height:100px;}

#pageheader {margin:0px 100px 0 10px; color: #fff; font-size: 16px; padding: 33px 100px 0px 5px;}
#pageheader strong {font-size: 16px; color: #fff;}

#breadcrumbs {
	height:150px;
	background:#FFFFFF;
	clear:both;
}
#breadcrumbs span {
	background: transparent url(/img/link.gif) no-repeat;
	padding: 6px 2px 0px 12px; font-weight: bold; }

#breadcrumbs a {
	border-bottom: 1px dotted #CE8404;
	text-decoration: none;
}
#breadcrumbs a:hover {border-bottom: 1px solid #F79E04;}
#breadcrumbs .menu-current a{color: #F79E04;}

#infobox { 
	float: left;
	width: 250px;
	height: auto;
	margin: 0px 0 0 20px;
	border: 0px solid #F79E04;
	background:transparent;
	background-color: #eef1fe;
	padding:0px;
	display:inline;
}

#content { /* main content from the WYSIWYG goes in here */
    width: 70%;
	margin: 0px 0 0 280px;
	padding: 4px 10px 14px 0;
	clear: right;
	background: transparent;
	
}

* html #contentbox #content {text-align:left;} 
* html #contentbox #content table {width: 90%;} 

/* **************************************************************
	H e a d e r  M e n u

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
************************************************************** */
#navContainer {height:30px; display:block;clear:both; background: transparent url(/img/menue-bg1.png) repeat-x;}

 ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#header_menu {position: absolute; margin-left: 20px;}
#header_menu li {line-height: normal;}
ul#header_menu  {z-index: 10; clear: both;}

#nav {
	float:left;
	height: 30px;
	border: 0;
	padding:0;
	margin:  0px 50px 0px 10px;
}
#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: auto;
	position: relative; 
}

/* Root Level Link Formatting */
#nav ul li {float: left; color: #FEC66D; text-align: center; font-weight: normal; }
#nav ul li a {display: block; background: transparent; padding: 8px 10px 7px 10px; color: #E1E0E0; text-decoration: none; font-weight: bold; }
/* Root Level link hover */
#nav ul li a:hover, #nav li a:focus, #nav li a:active, #nav ul li a.active, #nav a.menu-current {background: url(/img/navbgl1hi.jpg); color: #FEC66D;}
#nav a.menu-parent {background: url(/img/navbgl1hi.jpg); color: #FEC66D;}


/*Current page Customisations*/
#nav a.menu-current		{font-weight: bold;}

/* 2nd Child menu */
#nav .menu li ul {position: absolute; width: 11em; margin: 0; display: none; text-transform: none; border-bottom: 1px solid #204407; border-left: 1px solid #204407; border-right: 1px solid #204407; font-size: 100%; background: transparent url(/img/menue-bg.png) repeat;}
#nav .menu li ul li {width: 11em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em;}
#nav .menu li ul li a {width: 10.5em; padding: .3em .1em .3em .4em; color: #FEC66D; border-top: 1px solid #204407; font-weight: normal;  background: none;}

/* 2nd Child link hover */
#nav .menu li ul a:hover,  #nav .menu li ul a.menu-current { background: #E5BE73 url(/img/navbgl1hi.jpg); color:#FEC66D;}
#nav .menu li ul a.menu-parent {background: #E5BE73 url(/img/navbgl1parent.gif); color:#fff;}

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover>ul, #nav .menu li li:hover>ul, #nav .menu li.subMenu>ul, #nav .menu li li.subMenu>ul {display: block;  z-index: 1000;}


/* 3rd Child Menu Appreances */
#nav .menu li ul li ul	{ margin: 5px 0 0 -40%; z-index: 9999;  background: transparent url(/img/menue-bg.png) repeat;}
#nav .menu li ul li ul li	{width: 11em;}
#nav .menu li ul li ul li a 	{ width: 10.5em;}

/* 4rd Child Menu Appreances */
#nav .menu li ul li ul li ul	{  width: 9em; background: transparent url(/img/menue-bg.png) repeat;}
#nav .menu li ul li ul li ul li	{  width: 9em; }
#nav .menu li ul li ul li ul li a 	{ width: 8.5em;}

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}

#nav li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}
/* ******************************************
	Login Box
****************************************** */
.gbmenu a, .gbmenu a:hover, .gbmenu a:visited {
	background: url("/img/gbline.gif") top repeat-x;
	color: #000000;
	display: block;
	font-size: 11px;
	height: 29px;
	line-height: 28px;
	
	padding-left: 10px;
	text-decoration: none;
}
.gbmenu li.c a, .gbmenu li.c a:visited, .gbmenu li.c a:hover {
	background: url("i_v3/gbline1.gif") top repeat-x;
	color: #000000;
	font-size: 11px;
	height: 29px;
	line-height: 28px;
	padding-left: 10px;
	text-decoration: none;
}
.gbmenu a:hover, .gbmenu li.c a:hover {
	text-decoration: underline;
}
#login-box { 
	background-color: transparent;
	text-align: left;	
	line-height: 120%; 
	
	border: 0px solid #002951;
}	
#login-box fieldset {border:0; text-align:left;}
#login-box legend {font-size: 90%; color: #002951;}

#login-box input {
	display:block;
	font-size: 10px;
	width: 120px;
}


/* ******************************************
	Classes
****************************************** */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearcontent {height:60px; clear:both}
.stealth {visibility:hidden; display:none;} /* hides from normal css enabled browsers */
.username {color: #009;} /* Color of name when logged in*/
.topboxbody {font-size:0.8em;padding:20px ;}

/* ******************************************
	search
****************************************** */
#searchesa{
	background: url(./img/bg_search.jpg) top left no-repeat;
	padding-left: 28px;
}
#infobox .searchform {
	background-color: transparent;
	border: none;
	margin: 0 0 0 5px;
	padding: 10px 0 10px 10px;
	width: 160px;
}
#infobox .searchform p { margin: 0; padding: 0; }
#infobox .searchform input.textbox {
	width: 90px;
	height: 18px;
	padding: 2px;
	vertical-align: top;
}
#infobox .searchform input.button {
	margin: 2px;
	font: bold 1em Arial, Sans-serif;
	border: 0px solid #002951;
	background: #FFF;
	padding: 2px 3px;
	color: #4284B0;
	width: 43px;
	background: url(./img/bg_searchsubmit.gif) top center no-repeat;
}

/* ******************************************
	footer
****************************************** */
#footerbox {
	font-size: 12px;
	font-weight: bold;
	color: #E9E9EC;
}
#footer {
	font-size: 90%;
	color: #FFFFFF;
    padding-left: 260px;
	width: 1024px;
	height:48px;
	margin: 0 auto 0 auto;
	padding: 0;
    background:  url(/img/footer-image.jpg);
}
#footer-teil {
	color: #E5E6E7;
	margin: 0 auto 0 auto;
	padding: 0;
    width: 1024px;
	height:144px;
	margin: 0 auto 0 auto;
	padding: 0;
    background:  url(/img/footer-image2.jpg)  no-repeat;       
}
#footer-teil h3{
	color: #E5E6E7;
	margin: 0;
	padding: 0;
	border-bottom: 1px dashed #E5E6E7;
}
#footer-teil ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer-teil li a {
	font-weight: normal;
	padding: 0px 0px 0px 20px;
	width: 96%;
	color: #E5E6E7;
	background: url(/img/pointer02.gif) left top no-repeat;
}
#footer-teil  a {
	font-weight: normal;
	
	width: 96%;
	color: #E5E6E7;
	
}

#footer-teil .teil1, .teilmitte {float: left; width: 260px;
}
#footer-teil .teil1 p {padding: 0px 10px 0px 30px;
}
#footer-teil .teil1 h3 {padding: 0px 10px 0px 10px;
}
#footer-teil .teilmitte {margin: 0 15px;
}

span.hidden{
  display: none;
}

span.error{
  display: inline;
  color: black;
  background-color: #FF66CC;  
}






.onlineWidget,.panel{
	
	/* Styling the widget and the sliding panel at once */
	
	background-color:#F9F9F9;
	border:2px solid #FFFFFF;
	height:25px;
	padding:4px 8px;
	position:relative;
	width:130px;
	
	cursor:pointer;
	
	/* CSS3 rules for rounded corners, box and text shadows: */
	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	
	-moz-box-shadow:0 0 3px #CCCCCC;
	-webkit-box-shadow:0 0 3px #CCCCCC;
	box-shadow:0 0 3px #CCCCCC;
	
	text-shadow:0 2px 0 white;
}

.onlineWidget:hover{
	background-color:#fcfcfc;
}

.onlineWidget:hover .arrow{
	/* Changing the background image for the green arrow on hover: */
	background-position:bottom center;
}

.count{
	/* The total number of people online div */
	
	color:#777777;
	float:left;
	font-size:26px;
	font-weight:bold;
	margin-top:-3px;
	text-align:center;
	width:30px;
}

.label{
	/* The online label */
	
	float:left;
	font-size:10px;
	padding:7px 0 0 7px;
	text-transform:uppercase;
}

.arrow{
	/* The green arrow on the right */
	
	background:url(img/arrow.png) no-repeat top center;
	position:absolute;
	right:6px;
	
	width:25px;
	height:25px;
}

.panel{
	/* The slideout panel */
	
	position:absolute;
	cursor:default;
	
	bottom:50px;
	left:0;
	height:auto;
	display:none;
	margin:-2px;
	z-index:1000;
}

.preloader{
	/* The rotating gif preloader image */
	display:block;
	margin:10px auto;
}

.geoRow{
	/* The div that contains each country */
	
	height:16px;
	overflow:hidden;
	padding:2px 0;
}

.flag{
	float:left;
	margin:0 4px;
}

.country, .people{
	float:left;
	font-size:10px;
	padding:2px;
}

.country{
	width:85px;
	overflow:hidden;
}

.people{
	font-weight:bold;
}



.onlineWidget{
	margin:30px auto 0;
}

.tutorial-check{
	margin:0 auto;
	display:block;
}

.clear{
	clear:both;
}

p.tutInfo{
	/* The tutorial info on the bottom of the page */
	padding:10px 0;
	text-align:center;
	position:fixed;
	bottom:0px;
	background-color:#011D2E;
	border-top:1px solid #011d2e;

	width:100%;
}

h1,h2,p.tutInfo{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
}




//JQuery

      /* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(/img/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(/img/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid darkred; /*darkred border*/
background: black url(/img/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid darkred; /*darkred divider between menu items*/
}

.indentmenu ul li a:visited{
color: black;
}

.indentmenu ul li a.selected{
color: black !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;
background: black url(/img/indentbg2.gif) center center repeat-x;
} 

//FORMEN
#signup-response {
	width:100px;
	display:inline;
	margin-left:15px;
	padding-left:40px;
}
.response-waiting {
	background:url("/img/loading.gif") no-repeat;
}

.response-success {
	background:url("/img/tick.png") no-repeat;
}

.response-error {
	background:url("/img/cross.png") no-repeat;
}
fieldset {
	border:none;	
}
//TABLE SORTABLE
* {margin:0; padding:0; outline:none}
.sortable {width:980px; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 15px}
.sortable th {background:url(/img/header-bg.gif); text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none}
.sortable th h3 {font-size:10px; padding:6px 8px 8px}
.sortable td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.sortable .head h3 {background:url(/img/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background:url(/img/header-selected-bg.gif)}
.sortable .desc h3 {background:url(/img/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(/img/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#ecf2f6}
.sortable td.evenselected {background:#ecf2f6}
.sortable td.oddselected {background:#dce6ee}

#controls {width:980px; margin:0 auto; height:20px}
#perpage {float:left; width:200px}
#perpage select {float:left; font-size:11px}
#perpage span {float:left; margin:2px 0 0 5px}
#navigation {float:left; width:580px; text-align:center}
#navigation img {cursor:pointer}

.example{background:#FFF;width:650px;font-size:80%;border:1px #000 solid;margin:20px auto;padding:15px;position:relative;-moz-border-radius: 3px;-webkit-border-radius: 3px}
h3 {text-align:center}

.pbar .ui-progressbar-value {display:block !important}
.pbar {overflow: hidden}
.percent {position:relative;text-align: right;}
.elapsed {position:relative;text-align: right;}

/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and /img */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(/img/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(/img/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(/img/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(/img/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(/img/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c url(/img/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(/img/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and /img */
.ui-icon { width: 16px; height: 16px; background-image: url(/img/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/img/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/img/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/img/ui-icons_ef8c08_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/img/ui-icons_ef8c08_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/img/ui-icons_ef8c08_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/img/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/img/ui-icons_ffd27a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #666666 url(/img/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(/img/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/*
 * jQuery UI Progressbar 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }

div.speechbubbles{
background-color:#EDEDED; /*Фоновый цвет для подсказки*/
border:1px solid black;
position:absolute;
top:0;
z-index:100;
visibility:hidden;
line-height:1.3em;
padding:8px;
width:400px; /*Ширина по умолчанию для подсказки*/
color: #000;
font-size: 14px;
border-radius:8px; /*Радиус обводки CSS3*/
-moz-border-radius:8px;
-webkit-border-radius:8px;
box-shadow:0 0 10px #888888; /*CSS3 тень*/
-moz-box-shadow:0 0 10px #888888;
-webkit-box-shadow:0 0 10px #888888;
}



div.speechbubbles div.speechbubbles-arrow{  /*Общие свойства CSS для DIV стрелки (указателя)*/
border-color: transparent transparent #EDEDED transparent; /*Цвет обводки должен быть такой же, как и фон div.speechbubbles */
border-style: solid;
border-width: 10px;
height:0;
width:0;
position:absolute;
top:-19px;
left:20px;
z-index:101;
_display:none; /*Заглушка для IE, чтобы спрятать стрелку в IE6*/
}

div.speechbubbles div.speechbubbles-arrow-border{ /*Общие свойства CSS для обводки DIV стрелки*/
border-color: transparent transparent black transparent; /*Цвет обводки должен быть такой же, как и фон div.speechbubbles*/
border-style: solid;
border-width: 10px;
height:0;
width:0;
position:absolute;
top:-20px;
left:20px;
z-index:101;
_display:none; /*Заглушка для IE, чтобы спрятать стрелку в IE6*/
}


div.downversion div.speechbubbles-arrow{ /*Стрелка вниз*/
border-color: #EDEDED transparent transparent transparent; /*Цвет обводки должен быть такой же, как и фон div.speechbubbles*/
top:auto;
bottom:-19px;
}


div.downversion div.speechbubbles-arrow-border{ /*Обводка стрелки вниз*/
border-color: black transparent transparent transparent; /*Цвет обводки должен быть такой же, как и фон div.speechbubbles*/
top:auto;
bottom:-20px;
}

#help {
    display: block;
    font-size: 12px;
    position: fixed;
    right: 0;
    top: 50px;
    width: 279px;
    z-index: 5;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

#help img{
    border: 0px;
}

#help-panel {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    display: none;
    float: right;
    width: 240px;
}

#help-panel .collapse {
    display: none;
    float: left;
    padding: 15px 10px;
    font-size: 12px;
    line-height: 15px;
}

#help-panel .collapse a {
    font-size: 11px;
    color: black;
    text-decoration: underline;
    font-size: 12px;
}

#support-header {
    background: url("/img/24-7-bg.gif") repeat-x scroll 0 0 transparent;
    height: 17px;
    padding: 2px 0 0 10px;
}

#help-panel .main {
    background: url("/img/item-bg.gif") repeat-x scroll 0 0 transparent;
    float: left;
    height: 37px;
    width: 240px;
}

#help-panel a.title {
    background: url("/img/but-right.gif") no-repeat scroll 10px 15px transparent;
    color: #444;
    display: block;
    font-weight: bold;
    padding: 12px 10px 12px 22px;
    font-size: 12px;
}

#help-panel a.title span {
    color: #666;
    display: block;
    font-weight: bold;
    font-size: 12px;
}

#help-panel a.selected {
    background: url("/img/but-down.gif") no-repeat scroll 10px 15px transparent;
}

#help a {
    text-decoration: none;
}

#help-button {
    float: right;
}

#help img{
    border: 0px;
}

#help2 {
    display: block;
    font-size: 12px;
    position: fixed;
    left: 0;
    top: 50px;
    width: 279px;
    z-index: 5;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

#help-panel2 {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    display: none;
    float: left;
    width: 240px;
}

#help-panel2 .collapse {
    display: none;
    float: left;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 15px;
}

#help-panel2 .collapse a {
    font-size: 11px;
    color: black;
    text-decoration: underline;
    font-size: 12px;
}

#support-header2 {
    background: url("/img/24-7-bg.gif") repeat-x scroll 0 0 transparent;
    height: 17px;
    padding: 2px 0 0 10px;
}

#help-panel2 .main {
    background: url("/img/item-bg.gif") repeat-x scroll 0 0 transparent;
    float: left;
    height: 25px;
    width: 240px;
}

#help-panel2 a.title {
    background: url("/img/but-right.gif") no-repeat scroll 10px 10px transparent;
    color: #444;
    display: block;
    font-weight: bold;
    padding: 5px 10px 12px 22px;
    font-size: 12px;
}

#help-panel2 a.title span {
    color: #666;
    display: block;
    font-weight: bold;
    font-size: 12px;
}

#help-panel2 a.selected {
    background: url("/img/but-down.gif") no-repeat scroll 10px 15px transparent;
}

#help2 a {
    text-decoration: none;
}

#help-button2 {
    float: left;
}