/* GLIDER */

.glideWrapper{
position: relative; 
width: 160px;
height: 600px; 
margin:0px;
padding:0px;
overflow: hidden;
border: 1px solid darkblue;
}


.glideContent{ 
position: absolute; 
padding: 0px;
margin:0px;
visibility: hidden;
width: 160px;
}


/* BLUE BLOCK */

#blueblock
{
	width: 150px;
	border-right: 0px solid #000;
	padding: 0 0 0 0;
	margin-bottom: 0;
	font-family: 'Trebuchet MS' , 'Lucida Grande' , Arial, sans-serif;
	background-color: #063680;
	color: #333;
}

* html #blueblock
{
	/*IE 6 only */
	width: 147px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#blueblock li
{
	border-bottom: 0px solid darkblue;
	margin: 0;
}

#blueblock li a
{
	display: block;
	padding: 0px 6px 0px 6px;
	border-left: 0px solid #1958b7;
	border-right: 0px solid #508fc4;	
	background: #fff;
	color: #555;
	text-decoration: none;
	width: 100%;
}

#blueblock .active 
{
	background-color: #000;
	color:#FFF;
}

html > body #blueblock li a
{
	/*Non IE6 width*/
	width: auto;
}

#blueblock li a:hover
{
	border-left: 0px solid #1c64d1;
	border-right: 0px solid #5ba3e0;
	background-color: #2586d7;
	color: #fff;
}

/* Intro
-------------------------------------------------------------- */
#intro
{
	
	position: relative;
	text-shadow: 0px 1px 0px #ffffff;
	z-index: 1;
	
	
}
#introtext
{
	padding: 10px 0 20px 20px;
	width: 520px;
}
#intro h1
{
	color: #f5060f;
	font-size: 19px;
	margin: 0;
	padding: 0;
	letter-spacing: -0.03em;
}
#intro h2
{
	color: #073f97;
	font-size: 45px;
	line-height: 1em;
	margin: 0 0 10px 0;
	padding: 0;
	letter-spacing: -0.02em;
}
.fr #intro h2
{
	font-size: 42px;
}
#intro strong
{
	font-size: 15px;
}
#intro p
{
	color: #2e3d4d;
	font-size: 13px;
	line-height: 20px;
	width: 460px;
	margin-bottom: 20px;
}
#intro #employees
{
	position: absolute;
	top: -20px;
	left: 355px;
	z-index: 10;
}




/* MINI BUTTONS */



#content form fieldset input[type="submit"], #content a.mini-button
{
	position: relative;
	float: right;
	display: inline-block;
	margin: 0 0 0 8px;
	padding: 8px 15px 7px;
	color: #505f81;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	letter-spacing: -1px;
	background-color: #f5f5f5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #c2c5cc;
	cursor: pointer;
	white-space: nowrap;
}
#content .mini-button.secondary
{
	color: #af8aa9;
	background: #f2f2f2 url("/img/tab-bg.png") repeat-x 0 -200px;
	border: 1px solid #ddd;
}
#content .mini-button.primary
{
	color: #66004f;
	background: #f2f2f2 url("/img/tab-bg.png") repeat-x 0 0;
	border: 1px solid #c2c5cc;
}
#content .mini-button.disabled
{
	color: #999;
	background: #f2f2f2 url("/img/tab-bg.png") repeat-x 0 -200px;
	border: 1px solid #f2f2f2;
}
#content form fieldset input[type="submit"]:hover, #content a.mini-button:hover
{
	text-decoration: none;
	background: #f2f2f2 url("/img/tab-bg.png") repeat-x 0 -200px;
	border: 1px solid #af8aa9;
}
#content .mini-button.secondary:hover
{
	color: #8b457c;
	background: #fff;
}
#content form fieldset input[type="submit"].disabled:hover, #content a.mini-button.disabled:hover
{
	background: #f2f2f2 url("/img/tab-bg.png") repeat-x 0 -200px;
	border: 1px solid #f2f2f2;
}
#content form fieldset input[type="submit"]:active, #content a.mini-button:active, #content .mini-button.secondary:active
{
	color: #33466e;
	text-decoration: none;
	background: #f2f2f2 url("/img/tab-bg.png") repeat-x 0 0;
	border: 1px solid #6c7994;
}
#content form fieldset input[type="hidden"]
{
	position: static;
	display: inline;
	visibility: hidden;
	margin: 0;
	padding: 0;
	line-height: 0;
	border: 0;
}



/* ---------------------------------- */









#topmenu
{
	position: absolute;
	top: 40px;
	right: 0;
	font-size: 11px;
}
#topmenu ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#topmenu li
{
	display: inline;
	float: left;
	padding: 0;
	margin: 0;
}
#topmenu li a
{
	padding: 0 5px;
	display: block;
	border-right: solid 1px #ccc;
}
#topmenu li.last a
{
	border: none;
}

.textTopMenu
{
	text-decoration: none;
	color: #000000;
	position: absolute;
	right: 0;
	top: 60px;
	line-height: 25px;
	text-align: right;
}
/* Header
-------------------------------------------------------------- */
#header
{
	position: relative;
	height: 118px;
}


#logo
{
	padding-top:8px;
}

#logo a
{
	background: url(/img/logo.png) no-repeat top left;
	display: block;
	width: 960px;
	height: 110px;	
	text-indent: -9999px;
}

/* ------------------------ */

html
{
	overflow-x: hidden;
	overflow-y: scroll;
}

#container
{
	background: #073f97;
	padding: 0px;
	background: url(/img/bg-home.png) repeat-x #073f97;
}
.wrap
{
	width: 960px;
	margin: 0 auto;
}

/* Footer
-------------------------------------------------------------- */
#footer2
{
	background: #073f97;
	color: #cce6ff;
	clear: both;
	font-size: 12px;
	text-shadow: 0px -1px 0px #06347d;
}
#footer2 a, #footer2 a:visited
{
	color: #fff;
	text-decoration: none;
}
#footer2 a:hover
{
	color: #cce5ff;
	text-decoration: underline;
}
#prefooter
{
	background: url(/img/bg-prefooter.jpg) no-repeat;
	clear: both;
	padding: 20px 0 0 0;
	border-bottom: solid 1px #06347d;
}
#prefooter .block
{
	float: left;
	display: inline;
	width: 220px;
	margin-right: 40px;
}
#prefooter .block ul, #prefooter .block li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#prefooter .block li a
{
	background: url(/img/defaultLogo.png) no-repeat -577px -200px;
	padding: 0 0 0 13px;
}
#prefooter #introabout
{
	width: 440px;
	margin: 0;
}
#prefooter #introabout strong
{
	color: #fff;
}
#prefooter .block ul, #prefooter .block li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#footer2 #prefooter h3, #footer2 #prefooter h3 a
{
	color: #cce6ff;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 10px;
}
#prefooter h4
{
	font-size: 13px;
	margin: 0;
}


.partners a
{
	display: block;
	float: left;
	text-indent: -9999px;
	margin: 0 10px 10px 0;
}
.partners a#gdi
{
	background: url(/img/defaultLogo.png) no-repeat 0 -121px;
	width: 70px;
	height: 32px;
}

#foot
{
	padding: 20px 0 0 0;
	clear: both;
	border-top: solid 1px #0849b0;
	position: relative;
	height: 100px;
}
#foot p
{
	clear: both;
}
#foot ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#foot li
{
	display: inline;
	float: left;
	padding: 0;
	margin: 0;
}
#foot li a
{
	padding: 0 5px;
	display: block;
	border-right: solid 1px #3b77b4;
}
#foot li.last a
{
	border: none;
}
#foot .phone
{
	position: absolute;
	left: 560px;
	top: 18px;
	text-align: right;
	width: 400px;
	font-weight: bold;
	line-height: 25px;
}
.phone strong
{
	font-size: 27px;
}
.phone .info
{
	margin: 0 5px 0 0;
	font-size: 15px;
}


/* Footer
-------------------------------------------------------------- */





#nav
{
	background: url(/img/bg-nav.png) no-repeat 0 0 #073f97;
	height: 40px;
	margin-bottom: 0px;
	position: relative;
	width: 960px;
	z-index: 10;
	font-size: 14px;
}

#jsddm
{
	height: 39px;
	margin: 0;
	padding: 0;
	text-shadow: 0px -1px 0px #03192f;
	width: 960px;
}
#jsddm li
{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#jsddm li.first
{
	margin-left: 2px;
}
#jsddm li a
{
	display: block;
	border-right: solid 1px #0d60b8;
	border-left: solid 1px #083c74;
	background: url(/img/bg-nav-li.png) no-repeat 0 0;
	padding: 9px 17px 8px 17px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	white-space: nowrap;
}
#activeNavi
{
	border-right: solid 1px #0A58CF;
	border-left: solid 1px #0d60b8 !important;
	background: url(/img/bg-nav-li-active.png) no-repeat 0 0 !important;
}


.fr #jsddm li a
{
	padding: 9px 17px 8px 17px;
}

.ie #jsddm li a
{
	padding-bottom: 8px;
}
#jsddm li.first a
{
	border-left: none;
}
#jsddm li a:hover
{
	background: #063680;
	text-shadow: 0px -1px 0px #000;
}
#jsddm li ul
{
	margin: 0;
	padding: 0 0 5px 0;
	position: absolute;
	visibility: hidden;
	border-top: solid 1px #052c66;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	background: #063680;
}
#jsddm li ul.first
{
	margin-left: -2px !important;
}
#jsddm li ul li
{
	float: none;
	display: inline;
}
#jsddm li ul li a
{
	font-size: 0.9em;
	padding: 4px 20px;
	width: auto;
	background: #063680;
	border-bottom: solid 1px #0845a3;
	color: #c2d7ec;
	text-shadow: 0px -1px 0px #052962;
}
.fr #jsddm li ul li a
{
	padding: 4px 20px;
}
#jsddm li ul li a:hover
{
	background: #052c66;
	text-shadow: 0px 1px 0px #03193b;
	color: #fff;
}

#nav form
{
	position: absolute;
	left: 725px;
	top: 10;
}
#searchform
{
	position: relative;
	width: 225px;
	
	z-index: 1000;
}
#searchform #searchbox
{
	background: transparent;
	border: none;
	position: absolute;
	left: 9px;
	top: -28px;
	width: 170px;
	font-size: 12px;
}
.safari #searchform #searchbox
{
	top: 9px;
}
#searchform #btnsearch
{
	position: absolute;
	left: 188px;
	top: -2px;
	width: 28px;
	height: 21px;
	text-indent: -9999px;
	display: block;
	background: url(/img/defaultLogo.png) no-repeat -548px -203px;
	border: none;
}

/* /////////////////////////// */

.info, .success, .warning, .error, .validation
{
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px 6px;
}
.info
{
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('/img/icons/info.png');
}
.success
{
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image: url('/img/icons/success.png');
}
.error
{
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('/img/icons/error.png');
}
.warning
{
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('/img/icons/warning.png');
}
.validation
{
	color: #D63301;
	background-color: #FFCCBA;
	background-image: url('/img/knobs/validation.png');
}



/* /////////////////////////// */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
}
#cboxOverlay
{
	position: fixed;
	width: 100%;
	height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft
{
	clear: left;
}
#cboxContent
{
	position: relative;
	overflow: hidden;
}
#cboxLoadedContent
{
	overflow: auto;
}
#cboxLoadedContent iframe
{
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}
#cboxTitle
{
	margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow
{
	cursor: pointer;
}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
/*
#cboxOverlay
{
	background: #000;
}

#colorbox
{
}
#cboxContent
{
	background: #000;
	margin-top: 20px;
}
#cboxLoadedContent
{
	background: #000;
	padding: 5px;
}
#cboxTitle
{
	position: absolute;
	top: -20px;
	left: 0;
	color: #ccc;
}
#cboxCurrent
{
	position: absolute;
	top: -20px;
	right: 0px;
	color: #ccc;
}
#cboxSlideshow
{
	position: absolute;
	top: -20px;
	right: 90px;
	color: #fff;
}
#cboxPrevious
{
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -32px;
	background: url(/img/colorbox/controls.png) top left no-repeat;
	width: 28px;
	height: 65px;
	text-indent: -9999px;
}
#cboxPrevious.hover
{
	background-position: bottom left;
}
#cboxNext
{
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -32px;
	background: url(/img/colorbox/controls.png) top right no-repeat;
	width: 28px;
	height: 65px;
	text-indent: -9999px;
}
#cboxNext.hover
{
	background-position: bottom right;
}
#cboxLoadingOverlay
{
	background: #000;
}
#cboxLoadingGraphic
{
	background: url(images/loading.gif) center center no-repeat;
}
#cboxClose
{
	position: absolute;
	top: 5px;
	right: 5px;
	display: block;
	background: url(/img/colorbox/controls.png) top center no-repeat;
	width: 38px;
	height: 19px;
	text-indent: -9999px;
}
#cboxClose.hover
{
	background-position: bottom center;
}
/*

/* WHITE ONE */
#cboxOverlay
{
	background: #000;
}

#colorBox
{
}
#cboxTopLeft
{
	width: 25px;
	height: 25px;
	background: url(/img/colorbox/border1.png) 0 0 no-repeat;
}
#cboxTopCenter
{
	height: 25px;
	background: url(/img/colorbox/border1.png) 0 -50px repeat-x;
}
#cboxTopRight
{
	width: 25px;
	height: 25px;
	background: url(/img/colorbox/border1.png) -25px 0 no-repeat;
}
#cboxBottomLeft
{
	width: 25px;
	height: 25px;
	background: url(/img/colorbox/border1.png) 0 -25px no-repeat;
}
#cboxBottomCenter
{
	height: 25px;
	background: url(/img/colorbox/border1.png) 0 -75px repeat-x;
}
#cboxBottomRight
{
	width: 25px;
	height: 25px;
	background: url(/img/colorbox/border1.png) -25px -25px no-repeat;
}
#cboxMiddleLeft
{
	width: 25px;
	background: url(/img/colorbox/border2.png) 0 0 repeat-y;
}
#cboxMiddleRight
{
	width: 25px;
	background: url(/img/colorbox/border2.png) -25px 0 repeat-y;
}
#cboxContent
{
	background: #fff;
}
#cboxLoadedContent
{
	margin-bottom: 20px;
}
#cboxTitle
{
	position: absolute;
	bottom: 0px;
	left: 0;
	text-align: center;
	width: 100%;
	color: #999;
}
#cboxCurrent
{
	position: absolute;
	bottom: 0px;
	left: 100px;
	color: #999;
}
#cboxSlideshow
{
	position: absolute;
	bottom: 0px;
	right: 42px;
	color: #444;
}
#cboxPrevious
{
	position: absolute;
	bottom: 0px;
	left: 0;
	color: #444;
}
#cboxNext
{
	position: absolute;
	bottom: 0px;
	left: 63px;
	color: #444;
}
#cboxLoadingOverlay
{
	background: url(/img/colorbox/loading.gif) 5px 5px no-repeat #fff;
}
#cboxClose
{
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	color: #444;
}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft
{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');
}
.cboxIE #cboxTopCenter
{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');
}
.cboxIE #cboxTopRight
{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');
}
.cboxIE #cboxBottomLeft
{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');
}
.cboxIE #cboxBottomCenter
{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');
}
.cboxIE #cboxBottomRight
{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');
}
.cboxIE #cboxMiddleLeft
{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');
}
.cboxIE #cboxMiddleRight
{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');
}



/* -------------------------------------------- */

#top-link
{
	display: none;
	position: fixed;
	right: 5px;
	bottom: 5px;
	border: solid 1px #E6E6E1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #fff;
	padding: 5px 10px;
	z-index: 20;
}
#footer a#top-link
{
	color: #073f97 !important;
	text-shadow: none;
}


img.reflected
{
	margin-bottom: 1px;
}

.ac_results
{
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul
{
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li
{
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block; /*  	if width will be 100% horizontal scrollbar will apear  	when scroll mode will be used 	*/ /*width: 100%;*/
	font: menu;
	font-size: 12px; /*  	it is very important, if line-height not setted or setted  	in relative units scroll will be broken in firefox 	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading
{
	background: white url('/img/indicator.gif') right center no-repeat;
}

.ac_odd
{
	background-color: #eee;
}

.ac_over
{
	background-color: #0A246A;
	color: white;
}


#footer
{
	background-color: #30343f;
	border: 0px solid #30343f;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #3b3f53;
	display: block;
	font-size: 0.81em;
	height: 12px;
	margin-top: 30px;
	overflow: hidden;
	padding: 10px 15px;
	position: relative;
}
#footer-information
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 32px;
	margin: 0;
	padding: 0;
}
#footer ul
{
	overflow: hidden;
	position: absolute;
	top: 9px;
	margin: 0;
	height: 20px;
}
#footer #footer-copyright
{
	left: 0;
	padding-left: 15px;
}
#footer #footer-navigation
{
	right: 0;
	padding-right: 15px;
}
#footer li
{
	color: #3b3f53;
	display: list-item;
	float: left;
	line-height: 1.2;
	list-style-image: none;
	list-style-position: inside;
	list-style-type: disc;
	margin: 0 9px 0 0;
	padding: 0;
}
#footer li.first
{
	list-style-position: outside;
	list-style-type: none;
}
#footer li.last
{
	margin: 0 2px 0 0;
	padding: 0;
}
#footer li a
{
	margin: 0;
	padding: 0 0 0 3px;
	text-decoration: none;
}
#footer a:link, #footer2 a:visited
{
	color: #818b92;
	text-shadow: 0 -1px 0 #222;
}
#footer a:hover
{
	color: #ddd;
}
#footer a:active
{
	color: #fff;
}
#footer a:focus
{
	outline: none;
}



.clear
{
	clear: both;
	height: 0;
	line-height: 0;
}
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix
{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
}
/* End hide from IE-mac */
.clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
}

/* Panel Tab/button */
.tab
{
	background: url(/img/login/tab_b.png) repeat-x 0 0;
	height: 42px;
	position: relative;
	top: 0;
	z-index: 999;
}

.tab ul.login
{
	display: block;
	position: relative;
	float: right;
	clear: right;
	height: 42px;
	width: auto;
	font-weight: bold;
	line-height: 42px;
	margin: 0;
	right: 150px;
	color: white;
	font-size: 12px;
	text-align: center;
}

.tab ul.login li.left
{
	background: url(/img/login/tab_l.png) no-repeat left 0;
	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}

.tab ul.login li.right
{
	background: url(/img/login/tab_r.png) no-repeat left 0;
	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}

.tab ul.login li
{
	text-align: left;
	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
	background: url(/img/login/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a
{
	color: #15ADFF;
}

.tab ul.login li a:hover
{
	color: white;
}

.tab .sep
{
	color: #414141;
}

.tab a.open, .tab a.close
{
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 100px;
	position: relative;
	top: 11px;
}

.tab a.open
{
	background: url(/img/login/bt_open.png) no-repeat left 0;
}
.tab a.close
{
	background: url(/img/login/bt_close.png) no-repeat left 0;
}
.tab a:hover.open
{
	background: url(/img/login/bt_open.png) no-repeat left -19px;
}
.tab a:hover.close
{
	background: url(/img/login/bt_close.png) no-repeat left -19px;
}

/* sliding panel */
#toppanel
{
	position: absolute; /*Panel will overlap  content */ /*position: relative;*/ /*Panel will "push" the content down */
	top: 0;
	width: 100%;
	z-index: 999;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#panel
{
	width: 100%;
	height: 240px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel h1
{
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
}

#panel h2
{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#panel p
{
	margin: 5px 0;
	padding: 0;
}

#panel a
{
	text-decoration: none;
	color: #15ADFF;
}

#panel a:hover
{
	color: white;
}

#panel a-lost-pwd
{
	display: block;
	float: left;
}

#panel .content
{
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}

#panel .content .left
{
	width: 280px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #333;
}

#panel .content .right
{
	border-right: 1px solid #333;
}

#panel .content form
{
	margin: 0 0 10px 0;
}

#panel .content label
{
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}

#panel .content input.field
{
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}

#panel .content input:focus.field
{
	background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login, #panel .content input.bt_register
{
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

#panel .content input.bt_login
{
	width: 74px;
	background: transparent url(/img/login/bt_login.png) no-repeat 0 0;
}

#panel .content input.bt_register
{
	width: 150px;
	color: white;
	background: transparent url(/img/login/neukunde.png) no-repeat 0 0;
}

#panel .lost-pwd
{
	display: block;
	float: left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}



#promobar
{
	padding-top: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 0.9em;
	margin: 0px 40px 2em;
	background: #ffffd0;
	border: 1px solid #ddd;
	border-top: none;
	position: relative;
	-moz-box-shadow: 0 1px 5px #ccc;
	-webkit-box-shadow: 0 1px 5px #ccc;
	box-shadow: 0 1px 5px #ccc;
	vertical-align: middle;
	display: none;
}

#promobar .contentPromo
{
	display: inline;
}
#promobar .actionsPromo
{
	position: absolute;
	right: 2.5em;
	top: 40px;
}


.lava
{
	position: relative;
	height: 29px;
	padding: 15px;
	margin: 10px 0;
	overflow: hidden;
}
.lava li
{
	float: left;
	list-style: none;
}
.lava li.back
{
	background: url("/img/lava/lava2.png") no-repeat right -30px;
	width: 9px;
	height: 30px;
	z-index: 8;
	position: absolute;
}
.lava li.back .left
{
	background: url("/img/lava/lava2.png") no-repeat top left;
	height: 30px;
	margin-right: 9px; /* 7px is the width of the rounded shape */
}
.lava li a
{
	font: bold 14px arial;
	text-decoration: none;
	color: #fff;
	outline: none;
	text-align: center;
	top: 7px;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 10px;
}
.lava li a:hover, .lava li a:active, .lava li a:visited
{
	border: none;
}



#repo_menu
{
	background: #eaeaea url(/img/menu/bg.png) 0 0 repeat-x;
	text-align: left;
	overflow: hidden;
}
#repo_menu ul
{
	overflow: hidden;
	background: #f4f4f4 url(/img/menu/tab.png) 0 0 repeat-x;
	border-bottom: 3px solid white;
}
#repo_menu ul li
{
	background: #f4f4f4 url(/img/menu/tab.png) 0 0 repeat-x;
	float: left;
	list-style-type: none;
	height: 1.6em;
	padding-top: .4em;
	border-right: 2px solid #eee;
	position: relative;
}
#repo_menu ul li:hover
{
	background: #f4f4f4 url(/img/menu/tab_hover.png) 0 0 repeat-x;
}
#repo_menu ul li.active
{
	background: white url(/img/menu/tab_active.png) 0 0 repeat-x;
}
#repo_menu ul li a
{
	padding: 1em 1em .3em 1em;
	color: #979797;
	font-size: 110%;
}
#repo_menu ul li a:hover
{
	color: black;
	text-decoration: none;
}
#repo_menu ul li.active a
{
	color: black;
}

body
{
	/*background-color: #5c87b2;*/
	background: #073f97;
	color: #555555;
	font-size: .75em;
	font-family: Verdana, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
	color: #696969;
}

a:link
{
	color: #034af3;
	text-decoration: underline;
}
a:visited
{
	color: #505abc;
}
a:hover
{
	color: #1d60ff;
	text-decoration: none;
}
a:active
{
	color: #12eb87;
}

p, ul
{
	margin-bottom: 20px;
	line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
	font-size: 1.5em;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}

h1
{
	font-size: 2em;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
h2
{
	margin-top: 0;
	padding: 0 0 0px 0;
	margin-bottom: 0;
}
h3
{
	font-size: 1.2em;
}
h4
{
	font-size: 1.1em;
}
h5, h6
{
	font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
	margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
width. Or, you can specify an exact pixel width. */
.page
{
	width: 90%;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

#header
{
	position: relative;
	margin-bottom: 0px;
	color: #000;
	padding: 0;
}

#header h1
{
	font-weight: bold;
	padding: 5px 0;
	margin: 0;
	color: #fff;
	border: none;
	line-height: 2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px !important;
}

#main
{
	padding: 0px 0px 0px 0px;
	width:960px;
	background-color: #fff;
	margin-bottom: 0px;
	_height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}

/*
#footer
{
	color: #999;
	padding: 10px 0;
	text-align: center;
	line-height: normal;
	margin: 0;
	font-size: .9em;
}
*/

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
	border-bottom: 1px red solid;
	padding: 0 0 30px;
	position: relative;
	margin: 0;
	text-align: right;
}

ul#menu li
{
	display: inline;
	list-style: none;
}

ul#menu li#greeting
{
	padding: 10px 20px;
	font-weight: bold;
	text-decoration: none;
	line-height: 2.8em;
	color: #fff;
}

ul#menu li a
{
	padding: 10px 20px;
	font-weight: bold;
	text-decoration: none;
	line-height: 2.8em;
	background-color: #e8eef4;
	color: #034af3;
}

ul#menu li a:hover
{
	background-color: #fff;
	text-decoration: none;
}

ul#menu li a:active
{
	background-color: #a6e2a6;
	text-decoration: none;
}

ul#menu li.selected a
{
	background-color: #fff;
	color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset
{
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #CCC;
}

fieldset p
{
	margin: 2px 12px 10px 10px;
}

fieldset label
{
	display: block;
}

fieldset label.inline
{
	display: inline;
}

legend
{
	font-size: 1.1em;
	font-weight: 600;
	padding: 2px 4px 8px 4px;
}

input[type="text"]
{
	width: 200px;
	border: 1px solid #CCC;
}

input[type="password"]
{
	width: 200px;
	border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/

table
{
	/* border: solid 1px #e8eef4; */
	/* border-collapse: collapse; */
}

table td
{
	/* padding: 5px;
	border: solid 1px #e8eef4; */
}

table th
{
	padding: 6px 5px;
	text-align: left;
	background-color: #e8eef4;
	border: solid 1px #e8eef4;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
	clear: both;
}

.error
{
	color: Red;
}

#menucontainer
{
	margin-top: 40px;
}

div#title
{
	display: block;
	float: left;
	text-align: left;
}

#logindisplay
{
	font-size: 1.1em;
	display: block;
	text-align: right;
	margin: 10px;
	color: White;
}

#logindisplay a:link
{
	color: white;
	text-decoration: underline;
}

#logindisplay a:visited
{
	color: white;
	text-decoration: underline;
}

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

.field-validation-error
{
	color: #ff0000;
}

.input-validation-error
{
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}

.validation-summary-errors
{
	font-weight: bold;
	color: #ff0000;
}