@charset "utf-8";

td.label {
	color : #000;
}

td.label_left {
	text-align: left;
	vertical-align: top;
}

h1 {
	font-size : medium;
	font-weight: bold;
}

input.text {
	width: 200px;
    font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
    font-size: 100%;
    line-height: 17px;
    padding: 4px 10px 4px 7px;
    margin: 0.7em 0.5em 0.7em 0;
}


#container
{
	border: 1px solid #ccc;
	padding: 10px;
	min-height: 400px;
	background-color: #fff;
}

#left_column 
{
	float: left;
	width: 470px;
}

#right_column
{
	float: right;
	width: 470px;
	text-align: left;
}

.clearboth
{
	clear: both;
}

#topmenu
{
	text-align: right;
	padding: 5px;
}

#main_menu
{
	margin: 0px;
	padding: 7px;
	font-size: medium;
	background-color: #fff;
}

.error_msg {
	border: 1px solid #d12f19;
	background-color: #fbe3e4;
    color: #000;
    font-size: 1.2em;
	padding: 10px;
	margin-bottom: 20px;
}

.error_msg ul
{
    margin: 0;
    font-size: inherit;
}

.error_msg ul li
{
    list-style-position: inside;
    list-style-type: square;
    margin: 5px 0px;
    line-height: 15px;
}

.error_msg ul li em
{
    font-style: italic;
}

ul.error_msg li
{
    list-style-type: disc;
    list-style-position: inside;
}

ul.error_msg
{
    list-style-type: disc;
}

.infobox {
	border: 1px solid #FFD700;
	background-color: #FFF9D7;
	padding: 10px;
	margin-bottom: 20px;
	display: none;
    font-size: 1.2em;
	font-weight: bold;
}

.infobox img {
	vertical-align: middle;
}

.help-text
{
    background: #E4F2FA none no-repeat scroll top right;
    border: 1px solid #73B5D1;
    color: #000;
    padding: 10px;
    line-height: 1.1em;
    font-size: 1.1em;
}

input.hidden {
	display: none;
	font-size: medium;
	width: 350px;
}

.waiting {
	font-size: x-large;
	text-align: center;
	padding: 40px;
	display: block;
}

.list {
	margin: auto;
	font-size: large;
}

/** Page header **/

.page_header {
	border-bottom: 1px solid #c0c0c0;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	font-size: large;
	font-weight: bold;
}

.page_header .page_title {
	float: left;
	width: 440px;
}

.page_header .page_menu {
	float: right;
	width: 400px;
	text-align: right;
	padding-right: 10px;
	font-size: medium;
	font-weight: normal;
	
}

.page_header img {
	border: 0px;
}

/** profiles page **/

.profile-list-element {
	background-color: #F8F8F9;
	border: 1px solid #c0c0c0;
	padding: 5px;
	margin-top: 5px;
}
/** customer table **/

.customer_hidden {
	display: none;
}

table.customer {
	margin: auto;
 	width:95%;
 	border: 2px solid #c0c0c0;
	margin-bottom: 10px;
 	margin:1em auto;
 	border-collapse:collapse;
}

table.customer td {
 border-bottom:2px solid #c0c0c0;
 border-left:2px solid #c0c0c0;
 padding:.3em 1em;
 height: 30px;
}

table.customer td.label_left {
	text-align: center;
	font-weight: bold;
	width: 160px;
	padding-right: 10px;
}

table.customer th {
	border-bottom: 2px solid #c0c0c0;
 	border-left: 2px solid #c0c0c0;
 	background-color: #F4F5F4;
 	padding:10px;
}

.odd_row {
	background:#EFEFEF;
}

.even_row {
}

.list_element {
	border-bottom: 1px solid #c0c0c0;
	padding: 5px;
}

.image_link {
	cursor: pointer;
}

/** profile page start **/

table.profile {
	margin: auto;
	border:1px solid #E0BED2;
}


table {
	margin: auto;
 	width:95%;
 	margin:1em auto;
 	border-collapse:collapse;
}

table th {
	border-bottom: 1px solid #c0c0c0;
	
}

table.customer td {
	vertical-align: top;
}

table.customer td.current_data {
	padding-left : 10px;
	color: 	#808080;
}

table.customer input.input_data {
	width: 350px;
	font-size: medium;
}

table.customer input.input_data_small {
	width: 150px;
	margin: 3px;
	font-size: medium;
}

table.customer input.input_data_error {
	width: 350px;
	font-size: medium;
	background-color: #E0BED2;
	background-image: url(../images/icons/Web-Application-Icons-Set/PNG-24/Warning.png);
	background-repeat: no-repeat;
	background-position: center right;
}

table.opening_hours {
	border: 0px;
	width: 100px;
}

table.opening_hours td {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

table.opening_hours th {
	border: 0px;
	font-size: small;
	padding: 0px;
	margin: 0px;
}

table.opening_hours input {
	font-size: medium;
}

table.opening_hours select {
	font-size: medium;
}

.table_menu_inline {
	height: 30px;
	text-align: center;
}

.button {
	border: 1px solid #000;
	background-color: #EFEFEF;
	padding: 0px 5px 3px 5px;
	cursor: pointer;
	font-weight: bold;
}

.button img {
	vertical-align: bottom;
	padding: 2px;
}

.error_text {
	color: red;
}

/** profile page end **/

/** statistics page start **/

.statistic_list_item {
	border: 1px solid #c0c0c0;
	width: 900px;
	padding: 5px;
	margin: auto;
	margin-bottom : 5px;
}

.statistic_list_left {
	float: left;
	width: 200px;
	border: 1px solid #c0c0c0;
	height: 115px;
	text-align: center;
}

.statistic_list_left img {
	height: 115px;
	width: 200px;
}

.statistic_list_image {
	width: 199px;
}


.statistic_list_right {
	float: right;
	width: 680px;
	text-align: left;
	height: 100px;
}

.statistics_header
{
	border: 1px solid #c0c0c0;
	background-color: #F4F5F4;
	font-size: large;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 3px;
	margin-top: 5px;
	margin-left: 2px;
	margin-right: 2px;
}

.statistics_details
{
	margin-bottom: 30px;
}

/** statistics overview table **/

table.statistics_table
{
	width : 940px;
	font-size: medium;
	border: 1px solid #c0c0c0;
	display: none;

}

table.statistics_table td
{
	border: 1px solid #c0c0c0;
	width : 75px;
}

table.statistics_table th
{
	border: 1px solid #c0c0c0;
}


table.statistics_table thead
{
	background-color: #F4F5F4;
	color : #000;
	border: 0px;
}

table.statistics_table .label {
	background-color: #F4F5F4;
	color: #000;
	padding: 5px;
	width: 200px;
	text-align: right;
	font-weight: bold;
}


/** statistics page end **/

/** Comments page start **/

div.comment {
	border: 2px solid #c0c0c0;
	margin-bottom: 30px;
}

div.comment div.text {
	padding: 10px;
}

div.comment div.reply-container {
	padding: 20px;

}

div.comment div.facts {
	border-bottom: 2px solid #bdbcbd;
	background-color: #F4F5F4;

}

div.comment div.facts div.fact-element {
	float: left;
	width: 170px;
	padding: 10px;
	border-right: 2px solid #c0c0c0;
}

div.comment div.facts div.reply {
	float: left;
	padding: 10px;
}

div.comment label {
	font-weight: bold;
}

/** Comments page end **/

/** support page start **/

.contact_left {
	float: left;
	padding: 10px;
}

.contact_right {
	float: right;
	width: 350px;
	border: 1px solid #c0c0c0;
	background-color: #EFEFEF;
	padding: 10px;
}

/** support page end **/

/*----------------------------------------------------
 POPUP WINDOW
----------------------------------------------------*/




div.popup_window_border {
	display: none;
    position: absolute;
    top: 120px;
    left: 300px;
    width: 563px;
    height: 310px;
    background-color: #000;
    z-index:1001;
    -moz-opacity: 0.3;
    opacity:.30;
    filter: alpha(opacity=30);
  
}

div.popup_window {
	display: none;
    position: absolute;
    top: 133px;
    left: 313px;
    width: 500px;
    height: 250px;
    padding: 16px;
    border: 2px solid #d92783;
    background-color: white;
    z-index:1002;
    overflow: auto;
    vertical-align: middle;
    text-align: center;
}

div.popup_window .title {
	border-bottom: 1px solid #d92783;
	padding: 5px;
	font-size: large;
	margin-bottom: 10px;
}

div.popup_window input.button {
	padding: 3px;
	width: 150px;
}

div.popup_window label {
	font-weight: bold;
}

div.close_popup_window {
	text-align: right;
	font-size: small;
	color: #d92783;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
}

#context-selection
{
    width:          927px;
    margin-bottom:  1.0em;
}

th
{
    padding:        0 1.0em;
    text-align:     center;
}

.unread
{
    font-weight:    bold;
}

ol
{
    list-style-type: decimal
}

ol li
{
    list-style-type: decimal;
    list-style-position: inside;
}

div.inquiry h2
{
    background:     #d92783;
    color:          white;
    width:          480px;
    padding-left:   0.5em;
    padding-right:  2.0em;
    font-weight:    normal;
    padding-top:    0.2em;
    padding-bottom: 0.2em;
}

div.textField
{
    margin-bottom:  1.0em;
    font-size:      1.4em;
    padding-left:   1.2em;
}

div.textArea
{
    background:     #f5f5f5;
    width:          480px;
    padding:        1.2em;
    padding-right:  1.5em;
}

div.operations
{
    width:          520px;
    text-align:     right;
}

div.operations span.text
{
    color:          #d92783;
    font-weight:    bold;
    padding-right:  2.0em;
}

table.inquiries td
{
    font-size:      1.0em;
    padding-left:   0.4em;
    padding-top:    0.4em;
    padding-bottom: 0.4em;
}

table.inquiries th
{
    background-color: #F4F5F4;
    padding:        0.4em;
    text-align:     left;
}

#login_form
{
}

#login_form input[type=text], #login_form input[type=password], #login_form label, #campaign_login_form input[type=text], #campaign_login_form input[type=password],  #campaign_login_form label, #campaign_login_form div.help
{
    font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
    font-size: 100%;
    line-height: 17px;
    margin: 0.7em 10px 0 0;
    padding: 4px 4px 5px 4px;
    
}

#login_form input[type=text], #login_form input[type=password]
{
    width: 150px;
    float: left;
    clear: right;
    border: 1px solid #999999
}
#login_form label
{
    width: 100px;
    float: left;
    clear: left;
    text-align: right;
    font-weight: bold;
}

#login_form button
{
    float: right;
    clear: both;
    margin-right: 10px;
}

#campaign_signup
{
    width: 212px;
    padding: 0 52px;
    float: left;
}

#campaign_signup_logo
{
    width: 212px;
    height: 210px;
    margin: auto;
}

#campaign_login
{
    width: 512px;
    float: right;
    padding: 0 59px;
}

#campaign_login_form
{
    width: 512px;
    height: 187px;
    margin: auto;
    margin-bottom: 23px;
    background-image: url('/images/campaign_front/login_backdrop.png');
    background-repeat: no-repeat;
    background-position: top left;
}

#campaign_login_form_forgot
{
    position: absolute;
    z-index: 10;
    width: 153px;
    height: 88px;
    margin-left: 359px;
    margin-top: 99px;
    
}


#campaign_signup p, #campaign_login p
{
    margin: auto;
    margin-bottom: 6px;
    padding: 3px;
}

#campaign_signup h3, #campaign_login h3
{
    margin: auto;
    padding: 3px;
    text-align: center;
    font-style: normal;
    background-color: #D92783;
    color: #ffffff;
}

#campaign_login_form form
{
    z-index: 9;
    position: absolute;
    margin-top: 40px;
    margin-left: 0;
}

#campaign_login_form input[type=text], #campaign_login_form input[type=password]
{
    border: 1px solid #999999;
    float: left;
    clear: none;
}

#campaign_login_form input[type=image]
{
    float: left;
    clear: both;
    width: 100px;
    height: 33px;
    margin-left: 149px;
    
}

#campaign_login_form div.help
{
    width: 180px;
    margin-top: 3px;
    float: left;
    clear: right;
    color: #ffffff;
}

#campaign_login_form label
{
    width: 100px;
    text-align: right;
    font-weight: bold;
    float: left;
    clear: left;
    color: #ffffff;