body 
{
    background-color: #e0d176;
    background-image: url("../Images/background_gradient.gif");
    background-repeat: repeat-x;
    background-position: top;
    font-family: Arial, Sans-Serif;
}

#ui-datepicker-div 
{   
    font-size: 11px;
}

a img 
{   
    border-style: none;
}

a
{
    color: #000000;
    text-decoration: underline;
}

hr
{
    width: 96%;
    border: none;
    border-top: solid 2px #000000; 
}

a:hover
{
    text-decoration: none;
}

.Reset 
{
    clear: both;
}

.Hidden 
{
    display: none;
}

.Center 
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;  
    margin-top: 14px;
    background-color: #fffdcf; 
    overflow: hidden;
}

.Content
{   
    background-color: #fffdcf; 
    clear: both;
    margin-top: 260px;
}

.Top 
{
    padding-left: 40px;
    padding-right: 40px;
}

.Top h1 
{
    margin-top: 4px;
    margin-bottom: 2px;
    color: #901d1c !important;
    font-size: 28px;
}

.Top p 
{
    font-size: 12px;
}

.Top a 
{
    color: #901d1c !important;
    font-size: 20px !important;
    font-weight: bold;
}

.LinkButton 
{
    text-decoration: none;
}

.Top hr 
{
    width: 100%;
}

.Left 
{
    float: left;
    width: 256px;
    margin-right: 4px;
    background-color: #fffdcf;
}

.Right 
{
    float: right;
    width: 740px;
    background-color: #fffdcf;
}

.DarkRed
{
    color: #901d1c;
}

.Header 
{
    width: 1000px;
    height: 140px;
    background-image: url("../Images/header_background.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 100px;
    position: absolute;
    top: 14px;
}

.Header a 
{
    text-decoration: none;
}

h1.Logo 
{
    margin-left: 35px;
    display: block;
    margin-top: 20px;
}

.UserMenu 
{
    position: absolute;
    top: 20px;
    width: 200px;
    margin-left: 700px;
}

.LangMenu 
{
    position: absolute;
    top: 0px;
    font-weight: bold;
    font-size: 12px;
    z-index: 3000;
    width: 1000px;
}

.LangMenu a img 
{
	float: right;
	margin: 2px;
}

.CurrencyMenu 
{
	float: right;
}

/*<IE HACK>*/

*:first-child+html .LangMenu 
{
    margin-left: 860px;
}

* html .LangMenu 
{
    margin-left: 860px;
}

/*</IE HACK>*/

.Menu 
{
    list-style-type: none;
}

.Menu li 
{
    display: block;
    float: left;
    margin-right: 2em;
    font-weight: bold;
}

.Menu li a 
{
    color: #ffff00;
}

.Menu li a:hover 
{
    color: #ffffff;
}

.Footer 
{
    clear: both;
    width: 1000px;
    margin-left: auto;
    margin-right: auto; 
    text-align: center;
}

.FooterSeparator 
{
    width: 1000px;
    height: 6px;
    background-image: url("../Images/footer_separator.gif");
    background-repeat: repeat-y;
    background-position: center;
    margin-top: 8px;
    clear: both;
}

.FooterButton
{
    width: 180px;
    height: 18px;
    margin-left: 10px;
    display: inline;
    clear: both;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
}

.Path 
{
    width: 100%;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    font-size: 13px;
    padding-left: 40px;
    color: #901d1c;
    clear: both;
    margin-top: 3px;
}

.Path a 
{
    text-decoration: underline;
}

.Path a:hover 
{
    text-decoration: none;
}

/*<IE HACK>*/

*:first-child+html .Logo 
{
    padding-top: 18px;
}

* html .Logo 
{
    padding-top: 18px;
}

/*</IE HACK>*/

.ImageHeader 
{
    margin: 0px;
}

.ImageHeader span, .ImageHeader a {
    display: block; /* Allows you to change the width and height of the image */
    text-decoration: none; /* Hides the underline of the hyperlink */
    text-indent: -2000em; /* Hides the text in the h1 tag */
    z-index: 1000; /* IE Fix*/
    background-repeat: no-repeat;
    background-position: left top;
}

.Progressbar 
{
    width: 200px;
}

.ProgressbarLarge 
{
    width: 300px;
}

.ProgressbarSmall
{
    width: 150px;
}

.Progressbar .Bar 
{
    float: left;
    width: 75%;
    height: 12px;
    border: solid 1px #aaaaaa;
}

.ProgressbarLarge .Bar 
{
    height: 18px;
}

.ProgressbarSmall .Bar 
{
    height: 9px;
    width: 70%;
}

.Progressbar .Percents 
{
    float: right;
    width: 24%;
    font-family: Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
}

.ProgressbarLarge .Percents 
{
    font-size: 20px;
}

.ProgressbarSmall .Percents 
{
    font-size: 10px;
    width: 28%;
}

.RequestMenu 
{
    float: right;
    width: 200px;
    position: relative;
    top: -90px;
}

.Request 
{
    float: right;
    width: 80px;
    height: 60px;
    padding-top: 20px;
    margin: 10px;
    color: #ffff00;
    font-weight: bold;
    font-size: 14px;
    background-image: url("../Images/easy_request.png");
    background-position: top;
    background-repeat: no-repeat;
    text-align: center;
    display: block;
}

.Request:hover 
{
    background-position: bottom;
}

.LoginPanel 
{
	background-color: #ffffff;
	width: 200px;
}

.HelpPanel 
{
	height: 285px;
	width: 600px;
	position: fixed;
	left: -567px;
	top: 50%;
	margin-top: -142px;
	z-index: 1000;
}

.HelpPanelOpener 
{
	cursor: pointer;
	float: right;
}

.HelpPanelBody 
{
	background-image: url("../Images/help_panel_background.png");
	background-repeat: repeat-x;
	height: 285px;
	width: 551px;
	float: left;
}

.HelpPanelCloser 
{
	float: right;
	margin: 4px;
	width: 70px;
	height: 14px;
	color: #a12d2c;
	font-size: 12px;
	font-weight: bold;
}

.HelpOperator 
{
	float: left;
	padding-top: 40px;
	width: 240px;
	height: 180px;
	margin: 10px;
}
.OperatorRight a
{
    font-size: 12px;
    font-weight: bold;
    height: 26px;
    display: block;
}

.OperatorRight a:hover 
{
    background-position: bottom;
}

.OperatorMail, .OperatorSkype, .OperatorPhone, .OperatorChat
{
    position: relative;
    top: -4px;
    left: -12px;
    margin: 2px;
    margin-right: -4px;
    display: block;
    float: left;
    width: 24px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: top;
    cursor: pointer;
}

.OperatorMail:hover, .OperatorSkype:hover, .OperatorPhone:hover, .OperatorChat:hover {
    background-position: bottom;
}

.OperatorLeft 
{   
    float: left;
    text-align: center;
    width: 110px;
    margin-left: -18px;
}

.OperatorLeft img 
{
    margin-top: 4px;
}

.OperatorName 
{
    font-size: 20px;
    font-weight: bold;
}

.OperatorMail 
{
    background-image: url("../Images/operators/mail.gif");
}

.OperatorSkype
{
    background-image: url("../Images/operators/skype.gif");
}

.OperatorChat
{
    background-image: url("../Images/operators/chat.gif");
}

.OperatorPhone
{
    background-image: url("../Images/operators/phone.gif");
}

.OperatorStatus 
{
    font-size: 12px;
    letter-spacing: 1px;
}

.PhoneBox {
    background-image: url("../Images/logo_window_small.png");
    background-position: top;
    background-repeat: no-repeat;
    background-color: #ffffff;
    padding: 10px;
    padding-top: 20px;
    width: 380px;
    height: 270px;
    color: #000000;
}

.PhoneBox small {
    font-size: 9px;
}

.PhoneBox p {
    font-size: 12px;
    margin-top: 0px;
}

.PhoneBoxHeader {
    display: block;
    font-weight: bold;
    font-size: 12px;
    text-align: right;
    position: relative;
    top: -7px;
}

.PhoneBoxNumber {
    text-align: center;
    margin-top: 3px;
    margin-bottom: 3px;
}

.PhoneBoxSeparator {
    display: block;
    background-image: url("../Images/phone_box_separator.png");
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 6px;
    margin-bottom: 6px;
}

.PhoneBoxSeparator .PhoneBoxSeparatorText {
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
    font-weight: bold;
    width: 2em;
}

.PhoneBoxRuckrufenLabel {
    display: block;
    float: left;
    position: relative;
    top: 2px;
    height: 17px;
    margin: 2px;
    background-image: url(../images/operators/phone.gif);
    background-repeat: no-repeat;
    background-position: top;
    width: 24px;
}

.PhoneBoxRuckrufenPanel {
    height: 80px;
}

.PhoneBoxRuckrufenPanel .PhoneBoxRuckrufenForm div {
    margin-top: 4px;
}

.PhoneBoxRuckrufenTextbox {
    font-weight: bold;
    letter-spacing: 1px;
    width: 200px;
}

.PhoneBoxRuckrufenTextboxNote {
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    width: 300px;
    height: 44px;
}

.PhoneBoxRuckrufenButton {
    float: right;
    width: 50px;
    height: 50px;
    text-align: center;
    margin-left: 15px;
}

.PhoneBoxRuckrufenConfirmText {
    display: block;
    width: 300px;
    font-weight: bold;
    font-size: 12px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    color: #901d1c;
}

.Currencies 
{
	display: none;
}

#loading {
    display: none;
}

#loading, #loading .ui-dialog-title
{	
	font-size: 12px !important;
}

#loading .ui-dialog-titlebar-close 
{
	display: none !important;
}

#loadingImage 
{
	background-image: url("../images/ajaxLoad.gif");
	background-position: top;
	background-repeat: no-repeat;
	width: 100%;
	height: 30px;
}