input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
    border: 0px none;
}

.DF_errorbox, .DF_successbox {
    overflow: hidden;
    display: none;
    visibility: hidden;
    color: #FFFFFF;
    border-left: 2px solid #CC0000;
    font: 11px Tahoma,Arial,Helvetica,sans-serif;
    margin-bottom: 10px;
}

.DF_successbox {
    border-color: #C4B515;
}

.DF_errorbox .Inner, .DF_successbox .Inner {
    border-left: 1px solid #FFFFFF;
    background: url("/mp/DeForm/DF_errorbox_bg.gif") no-repeat scroll right center #444444;
    padding: 10px 44px 10px 10px;
}

.DF_successbox .Inner {
    background-image: url("/mp/DeForm/DF_successbox_bg.gif");
}

.DF_label, .DF_note, .DF_groupbox, .DF_groupbox_fieldset, .DF_radio_label, .DF_checkbox_label, .DF_form .overTxtDiv {
    font: 11px Tahoma,Arial,Helvetica,sans-serif;
    color: #555577;
    text-align: left;
}

.DF_checkbox_label {
    margin-top: -2px;
}

.DF_label_require {
    font-size: 11px;
    vertical-align: baseline;
    position: relative;
    bottom: 1px;
    color: #FF0000;
}

.DF_note {
    border-radius: 2px 2px 2px 2px;
    font: italic 10px/11px Arial,Tahoma,Helvetica,sans-serif;
    background: none repeat scroll 0pt 0pt #E8F4FF;
    border: 1px solid #CCCCCC;
    color: #888888;
    cursor: help;
    opacity: 0.6;
    padding: 3px 5px;
}

.DF_note:hover {
    opacity: 1;
    color: #333333;
    box-shadow: 1px 1px 3px #AAAAAA;
}

.DF_groupbox_fieldset {
    border: 1px solid #000000;
}

.DF_groupbox_fieldset .DF_groupbox_fieldset_inner {
    position: absolute;
    top: -8px;
    left: 10px;
    background-color: #FFFFFF;
    padding: 0pt 2px;
}

.DF_textbox, .DF_textbox:focus, .DF_textbox_error, .DF_textbox_disabled, .DF_textbox_error_disabled, .DF_filebox, .DF_filebox_error, .DF_textarea, .DF_textarea:focus, .DF_textarea_error, .DF_textarea_disabled, .DF_textarea_error_disabled, .DF_selectlist, .DF_selectlist:focus, .DF_selectlist_error, .DF_selectlist_disabled, .DF_selectlist_disabled:focus, .DF_selectlist_error_disabled, .DF_datebox, .DF_datebox:focus, .DF_datebox_error, .DF_datebox_error_disabled, .DF_datebox_disabled, .DF_pricebox, .DF_pricebox:focus, .DF_pricebox_error, .DF_pricebox_error_disabled, .DF_pricebox_disabled, .DF_selectlistjs, .DF_selectlistjs_error, .DF_selectlistjs_option, .DF_selectlistjs_option_disabled, .DF_selectlistjs_option_selected, .DF_selectlistjs_option_selected_disabled, .DF_selectlistjsgroup1, .DF_selectlistjsgroup1_error, .DF_selectlistjsgroup1_option, .DF_selectlistjsgroup1_option_disabled, .DF_selectlistjsgroup1_option_selected, .DF_selectlistjsgroup1_option_selected_disabled, .DF_selectlistjsgroup2, .DF_selectlistjsgroup2_error, .DF_selectlistjsgroup2_option, .DF_selectlistjsgroup2_option_disabled, .DF_selectlistjsgroup2_option_selected, .DF_selectlistjsgroup2_option_selected_disabled, .DF_selectlistjsgroup3, .DF_selectlistjsgroup3_error, .DF_selectlistjsgroup3_option, .DF_selectlistjsgroup3_option_disabled, .DF_selectlistjsgroup3_option_selected, .DF_selectlistjsgroup3_option_selected_disabled, .DF_selectlistjsgroup4, .DF_selectlistjsgroup4_error, .DF_selectlistjsgroup4_option, .DF_selectlistjsgroup4_option_disabled, .DF_selectlistjsgroup4_option_selected, .DF_selectlistjsgroup4_option_selected_disabled, .DF_swfupload, .DF_swfupload:focus, .DF_swfupload_error, .DF_swfupload_disabled, .DF_swfupload_error_disabled, textarea {
    background: url("/mp/DeForm/DF_textbox.gif") repeat-x scroll left top #FFFFFF;
    border: 1px solid #789BAF;
    color: #000000;
    font: 11px Verdana,Helvetica,sans-serif;
}

.DF_pricebox, .DF_pricebox:focus, .DF_pricebox_error, .DF_pricebox_error_disabled, .DF_pricebox_disabled {
    text-align: right;
}

.DF_selectlistjs_option, .DF_selectlistjs_option_disabled, .DF_selectlistjs_option_selected, .DF_selectlistjs_option_selected_disabled {
    background: none repeat scroll 0% 0% #FFFFFF;
    white-space: pre;
}

.DF_selectlistjsgroup1_option, .DF_selectlistjsgroup1_option_disabled, .DF_selectlistjsgroup1_option_selected, .DF_selectlistjsgroup1_option_selected_disabled {
    background: none repeat scroll 0% 0% #D1EFE0;
}

.DF_selectlistjsgroup2_option, .DF_selectlistjsgroup2_option_disabled, .DF_selectlistjsgroup2_option_selected, .DF_selectlistjsgroup2_option_selected_disabled {
    background: none repeat scroll 0% 0% #EFEBC2;
}

.DF_selectlistjsgroup3_option, .DF_selectlistjsgroup3_option_disabled, .DF_selectlistjsgroup3_option_selected, .DF_selectlistjsgroup3_option_selected_disabled {
    background: none repeat scroll 0% 0% #F1DFFF;
}

.DF_selectlistjsgroup4_option, .DF_selectlistjsgroup4_option_disabled, .DF_selectlistjsgroup4_option_selected, .DF_selectlistjsgroup4_option_selected_disabled {
    background: none repeat scroll 0% 0% #FFCFD2;
}

.DF_selectlistjs, .DF_selectlistjs_error, .DF_selectlistjsgroup1, .DF_selectlistjsgroup1_error, .DF_selectlistjsgroup2, .DF_selectlistjsgroup2_error, .DF_selectlistjsgroup3, .DF_selectlistjsgroup3_error, .DF_selectlistjsgroup4, .DF_selectlistjsgroup4_error {
    cursor: default;
}

.DF_selectlistjs_option, .DF_selectlistjs_option_disabled, .DF_selectlistjs_option_selected, .DF_selectlistjs_option_selected_disabled, .DF_selectlistjsgroup1_option, .DF_selectlistjsgroup1_option_disabled, .DF_selectlistjsgroup1_option_selected, .DF_selectlistjsgroup1_option_selected_disabled, .DF_selectlistjsgroup2_option, .DF_selectlistjsgroup2_option_disabled, .DF_selectlistjsgroup2_option_selected, .DF_selectlistjsgroup2_option_selected_disabled, .DF_selectlistjsgroup3_option, .DF_selectlistjsgroup3_option_disabled, .DF_selectlistjsgroup3_option_selected, .DF_selectlistjsgroup3_option_selected_disabled, .DF_selectlistjsgroup4_option, .DF_selectlistjsgroup4_option_disabled, .DF_selectlistjsgroup4_option_selected, .DF_selectlistjsgroup4_option_selected_disabled {
    border: 0pt none;
    padding-top: 1px;
    padding-bottom: 1px;
    cursor: default;
}

.DF_selectlistjs_option_disabled, .DF_selectlistjsgroup1_option_disabled, .DF_selectlistjsgroup2_option_disabled, .DF_selectlistjsgroup3_option_disabled, .DF_selectlistjsgroup4_option_disabled {
    color: #AAAAAA;
}

.DF_selectlistjs_option_selected, .DF_selectlistjsgroup1_option_selected, .DF_selectlistjsgroup2_option_selected, .DF_selectlistjsgroup3_option_selected, .DF_selectlistjsgroup4_option_selected {
    color: #FFFFFF;
    background: none repeat scroll 0% 0% #666666;
}

.DF_selectlistjsgroup1_option_selected {
    color: #D1EFE0;
}

.DF_selectlistjsgroup2_option_selected {
    color: #EFEBC2;
}

.DF_selectlistjsgroup3_option_selected {
    color: #F1DFFF;
}

.DF_selectlistjsgroup4_option_selected {
    color: #FFCFD2;
}

.DF_selectlistjs_option_selected_disabled, .DF_selectlistjsgroup1_option_selected_disabled, .DF_selectlistjsgroup2_option_selected_disabled, .DF_selectlistjsgroup3_option_selected_disabled, .DF_selectlistjsgroup4_option_selected_disabled {
    color: #BBBBBB;
    background: none repeat scroll 0% 0% #0A246A;
}

.DF_selectlistjs_option_selected_disabled{
  background-color: #eaeaea;
}

.DF_selectlistjs_errorline, .DF_selectlistjsgroup1_errorline, .DF_selectlistjsgroup2_errorline, .DF_selectlistjsgroup3_errorline, .DF_selectlistjsgroup4_errorline {
    visibility: hidden;
}

.DF_textbox:focus, .DF_textarea:focus, .DF_datebox:focus, .DF_pricebox:focus, .DF_selectlist:focus, .DF_swfupload:focus {
    border-color: #555555;
}

.DF_textbox_error:focus, .DF_filebox_error:focus, .DF_textarea_error:focus, .DF_datebox_error:focus, .DF_pricebox_error:focus, .DF_swfupload_error:focus, .DF_selectlist_error:focus {
    border-color: #AA0000;
}

.DF_textbox_error, .DF_swfupload_error, .DF_filebox_error, .DF_textarea_error, .DF_datebox_error, .DF_pricebox_error, .DF_selectlist_error, .DF_selectlistjs_error, .DF_selectlistjsgroup1_error, .DF_selectlistjsgroup2_error, .DF_selectlistjsgroup3_error, .DF_selectlistjsgroup4_error {
    background: url("/mp/DeForm/DF_textbox_error.gif") repeat-x scroll 0% 0% transparent;
    border-color: #F05552;
}

.DF_textarea_error {
    background-image: url("/mp/DeForm/DF_textarea_error.gif");
}

.DF_textbox_disabled, .DF_textbox_error_disabled, .DF_swfupload_disabled, .DF_swfupload_error_disabled, .DF_datebox_disabled, .DF_datebox_error_disabled, .DF_pricebox_disabled, .DF_pricebox_error_disabled, .DF_textarea_disabled, .DF_textarea_error_disabled, .DF_selectlist_disabled, .DF_selectlist_error_disabled {
    background: none repeat scroll 0% 0% #EEEEEE;
    color: #555555;
}

.DF_textbox_disabled, .DF_textbox_error_disabled, .DF_swfupload_disabled, .DF_swfupload_error_disabled, .DF_pricebox_disabled, .DF_pricebox_error_disabled, .DF_datebox_disabled, .DF_datebox_error_disabled, .DF_selectlist_disabled {
    -moz-user-select: none;
	user-select: none;
    background: none !important;
    color: #000000 ! important;
    opacity: 0.35;
}

.DF_textarea_disabled, .DF_textarea_error_disabled {
    background: url("/mp/DeForm/DF_textarea_disabled.gif") repeat-x scroll 0% 0% transparent;
}

.DF_textarea_counter {
    font: 10px Tahoma,Arial,Helvetica,sans-serif;
    color: #666666;
    text-align: right;
    margin-top: -12px;
}

.DF_button, .DF_button_submitted {
    background: url("/mp/DeForm/DF_button_right.gif") no-repeat scroll right top transparent;
    display: block;
    float: left;
    height: 19px;
    text-decoration: none;
    padding-right: 6px;
    line-height: 21px;
}

.DF_button input, .DF_button_submitted input {
    background: url("/mp/DeForm/DF_button.gif") no-repeat scroll left top transparent;
    font: 11px Tahoma,Arial,Helvetica,sans-serif;
    display: block;
    color: #333333;
    border: 0pt none;
    height: 19px;
    padding: 0px 10px 0pt 20px;
}

.DF_button:active, .DF_button_submitted {
    background-position: right bottom;
    outline: medium none;
}

.DF_button:active input, .DF_button_submitted input {
    background-position: left bottom;
    padding-top: 2px;
}

.DF_button_submitted input {
    padding-top: 2px;
    color: #777777;
}

.DF_button_submitted_indicator {
    background: url("/mp/DeForm/DF_button_indicator.gif") no-repeat scroll 0% 0% transparent;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 5px;
    top: 5px;
    visibility: hidden;
}

.DF_button_image {
    border: 0pt none;
}

.DF_checkbox_off, .DF_checkbox_on, .DF_checkbox_error_off, .DF_checkbox_error_on, .DF_checkbox_disabled_off, .DF_checkbox_disabled_on {
    font-size: 1px;
    width: 13px;
    height: 13px;
    background-image: url("/mp/DeForm/DF_checkbox.gif");
    background-position: 0pt 0pt;
    background-repeat: no-repeat;
    display: block;
}

.DF_checkbox_label, .DF_radio_label {
    cursor: default;
}

.DF_checkbox_on {
    background-position: 0pt -13px;
}

.DF_checkbox_error_off {
    background-position: 0pt -26px;
}

.DF_checkbox_error2_off {
    background-position: 0pt -26px;
}

.DF_checkbox_error_on {
    background-position: 0pt -39px;
}

.DF_checkbox_error2_on {
    background-position: 0pt -39px;
}

.DF_checkbox_disabled_off {
    background-position: 0pt -52px;
}

.DF_checkbox_disabled_on {
    background-position: 0pt -65px;
}

.DF_checkbox_off input, .DF_checkbox_on input, .DF_checkbox_error_off input, .DF_checkbox_error_on input, .DF_checkbox_disabled_off input, .DF_checkbox_disabled_on input {
    opacity: 0.01;
    width: 13px;
    height: 13px;
    overflow: hidden;
    border: 0pt none;
    padding: 0pt;
    margin: 0pt;
}

.DF_radio_on, .DF_radio_off, .DF_radio_on_disabled, .DF_radio_off_disabled, .DF_radio_on_error, .DF_radio_off_error, .DF_radio_on_error_disabled, .DF_radio_off_error_disabled, .DF_radio_ie, .DF_radio_ie_on, .DF_radio_ie_off, .DF_radio_ie_on_disabled, .DF_radio_ie_off_disabled, .DF_radio_ie_on_error, .DF_radio_ie_off_error, .DF_radio_ie_on_error_disabled, .DF_radio_ie_off_error_disabled {
    position: absolute;
    background-repeat: no-repeat;
    min-height: 16px;
    height: auto ! important;
}

.DF_radio_on, .DF_radio_ie_on {
    background-image: url("/mp/DeForm/DF_radiobutton_on.png");
}

.DF_radio_ie_on {
}

.DF_radio_on_error, .DF_radio_ie_on_error {
    background-image: url("/mp/DeForm/DF_radiobutton_on_error.png");
}

.DF_radio_ie_on_error {
}

.DF_radio_off, .DF_radio_ie_off {
    background-image: url("/mp/DeForm/DF_radiobutton_off.png");
}

.DF_radio_ie_off {
}

.DF_radio_off_error, .DF_radio_ie_off_error {
    background-image: url("/mp/DeForm/DF_radiobutton_off_error.png");
}

.DF_radio_ie_off_error {
}

.DF_radio_on_disabled, .DF_radio_ie_on_disabled {
    background-image: url("/mp/DeForm/DF_radiobutton_on_disabled.png");
}

.DF_radio_ie_on_disabled {
}

.DF_radio_on_error_disabled, .DF_radio_ie_on_error_disabled {
    background-image: url("/mp/DeForm/DF_radiobutton_on_error_disabled.png");
}

.DF_radio_ie_on_error_disabled {
}

.DF_radio_off_disabled, .DF_radio_ie_off_disabled {
    background-image: url("/mp/DeForm/DF_radiobutton_off_disabled.png");
}

.DF_radio_ie_off_disabled {
}

.DF_radio_off_error_disabled, .DF_radio_ie_off_error_disabled {
    background-image: url("/mp/DeForm/DF_radiobutton_off_error_disabled.png");
}

.DF_radio_ie_off_error_disabled {
}

.DF_radio input, .DF_radio_on input, .DF_radio_off input, .DF_radio_on_disabled input, .DF_radio_off_disabled input, .DF_radio_on_error input, .DF_radio_off_error input, .DF_radio_on_error_disabled input, .DF_radio_off_error_disabled input, .DF_radio_ie input, .DF_radio_ie_on input, .DF_radio_ie_off input, .DF_radio_ie_on_disabled input, .DF_radio_ie_off_disabled input, .DF_radio_ie_on_error input, .DF_radio_ie_off_error input, .DF_radio_ie_on_error_disabled input, .DF_radio_ie_off_error_disabled input {
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0.01;
    margin: 0pt;
    padding: 0pt;
    width: 15px;
    height: 16px;
}

.DF_radio_ie, .DF_radio_ie_on, .DF_radio_ie_off, .DF_radio_ie_on_disabled, .DF_radio_ie_off_disabled, .DF_radio_ie_on_error, .DF_radio_ie_off_error, .DF_radio_ie_on_error_disabled, .DF_radio_ie_off_error_disabled {
    background: none repeat scroll 0% 0% transparent;
}

.DF_form {
    position: relative;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

.DF_tabs {
    position: absolute;
    background-color: #EEEFF2;
    border: 1px solid #666666;
    margin-top: 25px;
}

.DF_tab, .DF_tab_active {
    position: absolute;
    display: none;
    top: 0px;
    height: 23px;
    margin-top: -25px;
    margin-left: -1px;
}

.DF_tab, .DF_tab a, .DF_tab_active, DF_tab_active a {
    font: 10px Tahoma,Arial,Helvetica,sans-serif;
}

.DF_tab a, .DF_tab_active a {
    cursor: pointer;
    display: block;
    border: 1px solid #666666;
    text-decoration: none;
    height: 20px;
    vertical-align: middle;
    line-height: 20px;
    text-align: center;
    color: #5E5E5E;
    background-repeat: repeat-x;
    padding: 0pt 11px;
    border-radius: 5px 5px 0pt 0pt;
    margin-top: 3px;
}

.DF_tab a {
    border-top-color: #AAAAAA;
    text-align: center;
    background: url("/mp/DeForm/DF_tab.gif") repeat scroll 0% 0% #EAEAEA;
}

.DF_tab_active a {
    border-color: #919191 #AAAAAA #EEEFF2 #888888;
    background-color: #EEEFF2;
    background-image: url("/mp/DeForm/DF_tab_active.gif");
    height: 23px;
    line-height: 19px;
    margin-top: 0px;
    color: #000000;
}

.DF_tab_content {
    position: absolute;
    display: none;
}

.DF_tab span {
    text-decoration: underline;
}

.DF_tab_error a {
    color: #FF0000;
}

.DF_Grid, .DF_Grid_error {
    position: absolute;
    padding: 0pt;
    font: 11px Verdana,Helvetica,sans-serif;
    color: #000000;
    overflow: auto;
    border-collapse: collapse;
    background: none repeat scroll 0% 0% #FCFCFC;
}

.DF_Grid table, .DF_Grid_error table {
    border: 1px solid #DDDDDD;
    border-collapse: collapse;
}

.DF_Grid_error table {
    border-color: #AE0505;
}

.DF_Grid .DF_textbox, .DF_Grid_error .DF_textbox {
    width: 100%;
}

.DF_Grid tr.locked, .DF_Grid_error tr.locked {
    background-color: #CCCCCC;
    opacity: 0.5;
}

.DF_Grid td, .DF_Grid th, .DF_Grid_error td, .DF_Grid_error th {
    padding: 2px;
    border: 1px solid #DDDDDD;
    background: none repeat scroll 0% 0% #FFFFFF;
    vertical-align: top;
}

.DF_Grid tr:hover td, .DF_Grid_error tr:hover td {
    background-color: #EEEEEE;
}

.DF_Grid tr.error td, .DF_Grid_error tr.error td, .DF_Grid_error tr.error:hover td {
    background-color: #FB3232;
    color: #FFFFFF;
}

.DF_Grid th, .DF_Grid_error th {
    background: none repeat scroll 0% 0% #CCCCCC;
    vertical-align: middle;
    text-align: left;
    font-weight: normal;
    padding-left: 4px;
    border: 1px solid #777777;
}

.DF_Grid_error th {
    background: none repeat scroll 0% 0% #FB3232;
    color: #FFFFFF;
}

.DF_Grid td div, .DF_Grid_error td div {
    position: relative;
}

.DF_Grid td.options, .DF_Grid_error td.options {
    position: relative;
}

.DF_Grid td.options a, .DF_Grid_error td.options a {
    visibility: hidden;
    cursor: pointer;
}

.DF_Grid tr:hover td.options a, .DF_Grid_error tr:hover td.options a {
    visibility: visible;
}

.DF_GridEdit {
    position: absolute;
    padding-top: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    font: 11px Verdana,Helvetica,sans-serif;
    color: #000000;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 0px ! important;
}

.DF_GridEdit table {
    width: 99%;
    border-collapse: collapse;
}

.DF_GridEdit thead tr {
    position: static ! important;
}

.DF_GridEdit thead tr th {
    background: none repeat scroll 0% 0% #CCCCCC;
    vertical-align: middle;
    text-align: left;
    border: 1px solid #777777;
    font-weight: bold;
    padding-left: 4px;
}

.DF_GridEdit td, .DF_GridEdit th {
    padding: 2px;
}

.DF_GridEdit tbody {
    overflow-y: scroll;
    overflow-x: hidden;
}

.DF_GridEdit .DF_textbox {
    width: 100%;
}

.DF_GridEdit tfoot tr {
    position: relative;
    overflow-x: hidden;
    background: none repeat scroll 0% 0% #FFFFFF;
}

.DF_GridEdit tfoot td {
    padding: 0px;
}

.DF_JSCalendar {
    position: relative;
    width: 16px;
    height: 16px;
    background: url("/mp/DeForm/DF_jscalendar_icon.png") no-repeat scroll 0% 0% transparent;
    cursor: pointer;
}

.DF_ToolTip_standard, .DF_ToolTip_error {
    color: #FFFFFF;
    z-index: 65534;
    border-left: 2px solid #CC0000;
    font: 11px Tahoma,Arial,Helvetica,sans-serif;
}

.DF_ToolTip_standard {
    border: 1px solid #555555;
    color: #000000;
}

.DF_ToolTip_standard .DF_ToolTip_inner, .DF_ToolTip_error .DF_ToolTip_inner {
    padding: 4px 6px 4px 4px;
    margin: 0pt;
    border-left: 1px solid #FFFFFF;
    background: none repeat scroll 0% 0% #444444;
}

.DF_ToolTip_standard .DF_ToolTip_inner {
    background: none repeat scroll 0% 0% #FFFFEE;
    padding: 2px;
}

.DF_Tip {
    color: #FFFFFF;
    padding: 3px 5px;
    z-index: 65534;
    border-radius: 4px 4px 4px 4px;
    background-color: #444444;
}

.DF_Tip.tool-title {
    display: none;
}

.DF_Hidden {
    visibility: hidden;
    width: 1px;
    height: 1px;
}

.DF_Hidden * {
    visibility: hidden ! important;
}

.DF_swf_browse, .DF_swf_upload {
    text-decoration: none;
    display: block;
    width: 100px;
    height: 15px;
    font: 11px/15px Tahoma,Arial,Helvetica,sans-serif;
    text-align: center;
    margin-top: 2px;
}

.DF_swf_browse, .DF_swf_upload {
    float: left;
}

.DF_swf_browse {
    margin-right: 10px;
}

.DF_swf_progressbar_container {
    border: 1px solid #999999;
    height: 5px;
    font-size: 1px;
}

.DF_combobox .DF_combobox_chooser, .DF_combobox_disabled .DF_combobox_chooser, .DF_combobox_error .DF_combobox_chooser {
    font: 11px Verdana,Helvetica,sans-serif;
    background: url("/mp/DeForm/DF_combobox_right.gif") no-repeat scroll right top transparent;
    padding-right: 18px;
}

.DF_combobox .DF_combobox_input, .DF_combobox_disabled .DF_combobox_input, .DF_combobox_error .DF_combobox_input {
    background: url("/mp/DeForm/DF_combobox_left.gif") no-repeat scroll 0% 0% transparent;
    height: 17px;
    line-height: 17px;
    padding: 0pt 5px;
}

.DF_combobox_error .DF_combobox_chooser {
    background-image: url("/mp/DeForm/DF_combobox_right_error.gif");
}

.DF_combobox_error .DF_combobox_input {
    background-image: url("/mp/DeForm/DF_combobox_left_error.gif");
}

.DF_combobox_disabled .DF_combobox_chooser {
    background-image: url("/mp/DeForm/DF_combobox_right_disabled.gif");
}

.DF_combobox_disabled .DF_combobox_input {
    background-image: url("/mp/DeForm/DF_combobox_left_disabled.gif");
}

.DF_combobox .DF_combobox_input input, .DF_combobox_error .DF_combobox_input input, .DF_combobox_disabled .DF_combobox_input input {
    height: 13px;
    border: 0pt none;
    background: none repeat scroll 0% 0% transparent;
    width: 99%;
    position: relative;
}

.DF_combobox_popup {
    display: none;
    position: absolute;
    margin-left: 4px;
    overflow: auto;
    border-width: 1px;
    border-style: solid;
    border-color: #444444 #888888 #888888;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-image: none;
    background: none repeat scroll 0% 0% #FFFFFF;
}

.DF_combobox_popup div {
    margin: 0pt;
}

.DF_combobox_popup div span {
    display: block;
    padding: 1px 2px;
}

.DF_combobox_popup .Act {
    background: none repeat scroll 0% 0% #0A246A;
    color: #FFFFFF;
    outline: medium none;
}

.DF_combobox .DF_combobox_input input, .DF_combobox_popup div, .DF_combobox_disabled .DF_combobox_input input, .DF_combobox_error .DF_combobox_input input {
    font: 11px Verdana,Helvetica,sans-serif;
    color: #000000;
    cursor: default;
}

.DF_fancyuploader_queue {
    list-style: none outside none;
    padding: 3px;
    margin: 10px 0px;
}

.DF_fancyuploader_queue li {
    background: url("/mp/DeForm/DF_photo_upload.png") no-repeat scroll 0pt 5px transparent;
    padding: 5px 0pt 5px 22px;
}

.DF_fancyuploader_queue .queue-file {
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    overflow: hidden;
    width: 52%;
}

.DF_fancyuploader_queue .queue-size {
    color: #AAAAAA;
    margin-left: 1em;
    font-size: 12px;
    float: right;
}

.DF_fancyuploader_queue .queue-loader {
    clear: both;
    position: relative;
    margin: 3px 15px 3px 0px;
    background-color: #DDDDDD;
    color: #FFFFFF;
    border: 1px inset #DDDDDD;
    font-size: 12px;
}

.DF_fancyuploader_queue .queue-subloader {
    text-align: center;
    position: absolute;
    background-color: #81B466;
    height: 100%;
    width: 0%;
    left: 0pt;
    top: 0pt;
}

.DF_fancyuploader_queue .input-delete {
    width: 16px;
    height: 16px;
    background: url("/mp/DeForm/DF_uploader_delete.png") no-repeat scroll 0pt 0pt transparent;
    text-decoration: none;
    border: medium none;
    float: right;
}

.DF_fieldset {
    border: 1px solid #789BAF;
    padding: 0pt 0pt 5px;
}

.DF_fieldset .DF_fieldset_content {
    position: relative;
}

.DF_fieldset legend {
    font: 11px Tahoma,Arial,Helvetica,sans-serif;
    color: #555577;
    margin-left: 5px;
}

.DF_form .overTxtDiv {
    color: #AAAAAA;
    font-style: italic;
}

.DF_form #currency {
    height: 15px;
    width: 20px;
    font: 11px Tahoma,Arial,Helvetica,sans-serif;
}

.DF_starbox {
    clear: both;
}

.DF_starbox ul {
    clear: both;
    margin: 0pt;
    padding: 0pt;
}

.DF_starbox_ul li {
    list-style: none outside none;
    width: 15px;
    height: 15px;
    float: left;
    cursor: pointer;
}

.DF_starbox_star_empty {
    background: url("/mp/DeForm/DF_stars.png") repeat scroll 0% 0% transparent;
}

.DF_starbox_star_clicked {
    background: url("/mp/DeForm/DF_stars.png") repeat scroll 0px -30px transparent;
}

.DF_starbox_star_hover {
    background: url("/mp/DeForm/DF_stars.png") repeat scroll 0px -15px transparent;
}

.DF_quickadd {
    background: url("/mp/DeForm/DF_quickadd_icon.png") repeat scroll 0px 0px transparent;
    width: 16px;
    height: 16px;
    position: absolute;
    cursor: pointer;
}

.DF_quickadd.selectlist {
    margin-left: 7px;
    top: 1px;
}
.DF_textarea, 
.DF_textarea:focus, 
.DF_textarea_error, 
.DF_textarea_disabled, 
.DF_textarea_error_disabled{
  resize: none;
}
/*

    Zebra_DatePicker: a lightweight jQuery date picker plugin

    default stylesheet
    copyright (c) 2011 - 2012 Stefan Gabos
    http://stefangabos.ro/jquery/zebra-datepicker/

*/

.Zebra_DatePicker *                          { margin: 0; padding: 0; color: #666 }
.Zebra_DatePicker                            { position: absolute; background: #373737; border: 3px solid #373737; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: none; z-index: 100; font-family: Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-size: 13px }

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0 }

.Zebra_DatePicker td,
.Zebra_DatePicker th                         { text-align: center; padding: 5px 0 }

.Zebra_DatePicker td                         { cursor: pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker             { margin-top: 3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td         { width: 30px; border: 1px solid #BBB; background: #DEDEDE url('/cmp/DatePicker/metallic/default-date.png') repeat-x top; color: #666 }

/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td             { color: #E0E0E0; background: #373737 }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }

.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { background: #222; color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px }
.Zebra_DatePicker .dp_header .dp_blocked    { color: #888; cursor: default }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_week_number,
.Zebra_DatePicker .dp_daypicker th          { background: #F1F1F1 url('/cmp/DatePicker/metallic/titles.png') repeat-x top; font-size: 9px; padding-top: 7px }

.Zebra_DatePicker td.dp_weekend_disabled,
.Zebra_DatePicker td.dp_not_in_month        { background: #ECECEC url('/cmp/DatePicker/metallic/disabled-date.png'); color: #DDD; cursor: default }

.Zebra_DatePicker td.dp_weekend             { background: #DEDEDE url('/cmp/DatePicker/metallic/default-date.png') repeat-x top; color: #666 }

.Zebra_DatePicker td.dp_selected            { background: #E26262 url('/cmp/DatePicker/metallic/selected-date.png') repeat-x top; color: #E0E0E0 }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td        { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td         { width: 33% }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PRESIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current             { color: #E26261 }
.Zebra_DatePicker td.dp_disabled_current    { color: #E38585 }
.Zebra_DatePicker td.dp_hover               { background: #E26262 url('/cmp/DatePicker/metallic/selected-date.png') repeat-x top; color: #E0E0E0 }
.Zebra_DatePicker td.dp_disabled            { background: #ECECEC url('/cmp/DatePicker/metallic/disabled-date.png') repeat-x top; color: #DDD; cursor: default }

/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
button.Zebra_DatePicker_Icon                { position: absolute; width: 16px; height: 16px; background: url('/cmp/DatePicker/calendar.png') no-repeat left top; text-indent: -9000px; border: none; cursor: pointer; margin: 0 0 0 5px; padding: 0; line-height: 0 }
button.Zebra_DatePicker_Icon_Disabled       { background-image: url('/cmp/DatePicker/calendar-disabled.png') }
button.Zebra_DatePicker_Icon_Inside         { margin: 0 0 0 2px }

/* Fix icon position in Chrome & Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    button.Zebra_DatePicker_Icon_Inside     { margin: 0 5px 0 0 }
}
/*! normalize.css 2011-06-27T20:08 UTC · http://github.com/necolas/normalize.css */

/* =============================================================================
   HTML5 element display
   ========================================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 * Known limitation: IE6 will not apply style for 'audio[controls]'
 */

audio[controls],
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Keeps page centred in all browsers regardless of content height
 * 3. Removes Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
    font-size: 62.5%; /* 1 */
    overflow-y: scroll; /* 2 */
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* 3 */
    -webkit-text-size-adjust: 100%; /* 4 */
    -ms-text-size-adjust: 100%; /* 4 */
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */

body {
    margin: 0;
}

/* 
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */

body,
button,
input,
select,
textarea {
    font-family: sans-serif;
}


/* =============================================================================
   Links
   ========================================================================== */

a {
    color: #00e;
}

a:visited {
    color: #551a8b;
}

/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
    outline: 0;
}


/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3/4, S4/5, Chrome
*/

b, 
strong { 
    font-weight: bold; 
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Corrects font family set oddly in IE6, S5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre,
code,
kbd,
samp {
    font-family: monospace, monospace;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

q {
    quotes: none;
}

/* 2 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

ul,
ol {
    margin: 1em 0;
    padding: 0 0 0 40px;
}

dd {
    margin: 0 0 0 40px;
}

nav ul,
nav ol {
    list-style: none;
    margin: 0;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9 
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
    margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7
 */

form {
    margin: 0;
}

/*
 * Define consistent margin and padding
 */

fieldset {
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects alignment displayed oddly in IE6/7
 */

legend {
    border: 0; /* 1 */
    *margin-left: -7px; /* 2 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, F3/4, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * 1. Addresses FF3/4 setting line-height using !important in the UA stylesheet
 * 2. Corrects inner spacing displayed oddly in IE6/7
 */

button,
input {
    line-height: normal; /* 1 */
    *overflow: visible;  /* 2 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 */

button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
}

/*
 * Addresses box sizing set to content-box in IE8/9
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Corrects inner padding displayed oddly in S5, Chrome on OSX
 */

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Corrects inner padding and border displayed oddly in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}


/* =============================================================================
   Tables
   ========================================================================== */

/* 
 * Remove most spacing between table cells
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* 
    Document   : normalizeIE
    Created on : 2011-06-22, 13:45:15
    Author     : putek
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

html {
  
}
body {
  
}
.regulationsToAcceptBin {
  padding: 15px;
  padding-bottom: 60px;
  width: 1000px;
}

.regulationsToAcceptBin h1 {
  color: #606060;
  font-size: 20px;
}

.regulationsToAcceptBin p {
  color: #000;
  font-size: 12px;
  padding: 20px 0;
}

.regulationsToAcceptContent {
  background: #f0f0f0;
  color: #000;
  height: 350px;
  margin: 15px 0;
  padding: 15px;
  overflow: auto;
}

.regulationsToAcceptContent div.hidden {
  display: none;
}

.regulationLinks a {
  color: #ED7C1B;
}
.WindowContentLoading {
  background: #fff;
  -webkit-transform: scale3d(1,1,1);
}
#canvasHolder.inSale,
#canvasHolderMini.inSale {
    display: block;
    height: 550px;
    position: relative;
    width: 700px;
    border: 0pt none;
    margin: 10px auto;
}
#canvasHolderMini.inSale {
  width: 230px;
  height: 180px;
  margin: 3px 0;
  cursor: pointer;
}

#canvasHolder.toRight,
#canvasHolderMini.toRight {
    margin: 5px;
    right: 5px;
    position: absolute;
}

#canvasHolder canvas:hover {
    cursor: pointer;
}

#canvasHolder img, 
#canvasHolder canvas,
#canvasHolderMini img, 
#canvasHolderMini canvas {
    position: absolute;
    top: 0pt;
    left: 0pt;
    width: 700px;
    height: 550px;
}
#canvasHolderMini img, 
#canvasHolderMini canvas {
  width: 230px;
  height: 180px;
}

#canvasHolder #sectorNotNumberedInfo {
    background: none repeat scroll 0pt 0pt #FFFFFF;
    opacity: 0;
    position: absolute;
    top: 0pt;
    left: 0pt;
    width: 200px;
    height: 20px;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
    font-size: 16px;
    color: #FF0000;
    visibility: hidden;
}

#step4 .seats .row > div {
  width: 10px; 
  height: 10px;
  border: 1px solid #000;
  float: left;
  margin: 3px;
}
#step4 .seats .row > div.active {
  background: pink;
}
#step4 .seats .row {
  clear: both;
}
#step4 .rows-numbers, 
#step4 .seats {
  float: left;
}
#step4 .rows-numbers > div {
  width: 12px;
  height: 12px;
  margin: 3px;
  background: #f0f0f0;
  overflow: hidden;
}

.arena-position {
  height: 50px;
  margin-bottom: 20px;
}

.arena-lower {
  top: 525px;
}

.arena-position > div {
  background: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px dotted #f5821e;
  cursor: pointer;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  width: 50%;
}

.arena-position .arena-label {
  margin-top: 15px;
}
.toolTip {
  display: block;
  width: 16px;
  height: 16px;
  /* obrazek w tym wypadku zielony znak zapytania */
  background: url('/p/help.png') no-repeat;
  position: relative;
  color: #454545;
  text-decoration: none;
  /* pokazuje znaczek zapytania przy cursorze */
  cursor: help;
  float: right;
  top: 5px;
  right:50px;
}
.bank .toolTip {
  background: url('/p/quastion_mark_blue.png') no-repeat;
}
.toolTip span {
  display: block;
  position: absolute;
  /* top i left czasem mozna zikszyć/zmniejszyć jeżeli toolTip'y moga coś zasłaniać */
  left: 15px;
  top: 0;
  display: none;
  width: 200px !important;
  padding: 7px !important;
  background: #fff;
  border: 2px solid #157b65;
  z-index: 1;

  /* zaokraglenie rogow we wszystkim bardziej zaawansowanym niż ie 7 */
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
}

/*

    Zebra_DatePicker: a lightweight jQuery date picker plugin

    default stylesheet
    copyright (c) 2011 - 2012 Stefan Gabos
    http://stefangabos.ro/jquery/zebra-datepicker/

*/

.overTxtLabel {
  line-height:31px !important;
  color:#BBB;
  padding-left:4px;
  font-style:italic;
  font-weight: normal;
  font-size:9px !important;
}

button.Zebra_DatePicker_Icon                { 
  position: absolute;
  width: 16px;
  height: 16px;
  background: url('/cmp/DatePicker/calendar_blue.png') no-repeat left top !important;
  text-indent: -9000px;
  border: none;
  cursor: pointer;
  margin: -24px 0px 0px 107px !important;
  padding: 0;
  line-height: 0;
  display: block !important; 
}

.Zebra_DatePicker *                          { margin: 0; padding: 0; color: #fff }
.Zebra_DatePicker                            { position: absolute; background: #0a7b99; border: 2px solid #0a7b99; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: none; z-index: 100; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px }

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0}

.Zebra_DatePicker td,
.Zebra_DatePicker th                         { text-align: center; padding: 5px 0 }

.Zebra_DatePicker td                         { cursor: pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker             { margin-top: 3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td          { width: 30px; border: 1px solid #BBB; background: #DEDEDE url('/cmp/DatePicker/metallic/default-date.png') repeat-x top; color: #666 }

/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td             { color: #E0E0E0; background: #0a7b99 }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }

.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { background: #252525; color: #FFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px }
.Zebra_DatePicker .dp_header .dp_blocked    { color: #fff; cursor: default }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_daypicker th          { background: #F1F1F1 url('/cmp/DatePicker/metallic/titles.png') repeat-x top; font-size: 9px; padding-top: 7px }
.Zebra_DatePicker td.dp_not_in_month        { background: #ECECEC url('/cmp/DatePicker/metallic/disabled-date.png'); color: #DDD; cursor: default }
.Zebra_DatePicker td.dp_weekend             { background: #DEDEDE url('/cmp/DatePicker/metallic/default-date.png') repeat-x top; color: #666 }
.Zebra_DatePicker td.dp_weekend_disabled    { color: #CCC; cursor: default }
.Zebra_DatePicker td.dp_selected            { background: #0a7b99 ;color: #E0E0E0 }
.Zebra_DatePicker td.dp_week_number         { background: #FFCC33; color: #555; cursor: text; font-style: italic }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td        { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td         { width: 33% }

/* = FOOTER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_footer                { margin-top: 3px }
.Zebra_DatePicker .dp_footer td             { color: #FFF; padding: 2px; font-weight: bold }
.Zebra_DatePicker .dp_footer .dp_hover      { background: #252525; color: #FFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PREVIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current             { color: #0a7b99 }
.Zebra_DatePicker td.dp_disabled_current    { color: #E38585 }
.Zebra_DatePicker td.dp_disabled            { background: #0a7b99; color: #CDCDCD; cursor: default }
.Zebra_DatePicker td.dp_hover               { background: #252525; color: #FFF }

/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
button.Zebra_DatePicker_Icon                { position: absolute; width: 16px; height: 16px; background: url('/p/calendar.png') no-repeat left top; text-indent: -9000px; border: none; cursor: pointer; margin: 0 0 0 5px; padding: 0; line-height: 0 }
button.Zebra_DatePicker_Icon_Disabled       { background-image: url('/p/calendar-disabled.png') }
button.Zebra_DatePicker_Icon_Inside         { margin: 0 0 0 2px }

/* Fix icon position in Chrome & Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    button.Zebra_DatePicker_Icon_Inside     { margin: 0 5px 0 0 }
}
/*

    Zebra_DatePicker: a lightweight jQuery date picker plugin

    default stylesheet
    copyright (c) 2011 - 2012 Stefan Gabos
    http://stefangabos.ro/jquery/zebra-datepicker/

*/
.Zebra_DatePicker *                          { margin: 0; padding: 0; color: #fff }
.Zebra_DatePicker                            { position: absolute; background: #be1448; border: 2px solid #be1448; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: none; z-index: 100; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px }

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0 }

.Zebra_DatePicker td,
.Zebra_DatePicker th                         { text-align: center; padding: 5px 0 }

.Zebra_DatePicker td                         { cursor: pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker             { margin-top: 3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td          { width: 30px; border: 1px solid #BBB; background: #DEDEDE url('/cmp/DatePicker/metallic/default-date.png') repeat-x top; color: #666 }

/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td             { color: #E0E0E0; background: #be1448 }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }

.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { background: #252525; color: #FFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px }
.Zebra_DatePicker .dp_header .dp_blocked    { color: #fff; cursor: default }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_daypicker th          { background: #F1F1F1 url('/cmp/DatePicker/metallic/titles.png') repeat-x top; font-size: 9px; padding-top: 7px }
.Zebra_DatePicker td.dp_not_in_month        { background: #ECECEC url('/cmp/DatePicker/metallic/disabled-date.png'); color: #DDD; cursor: default }
.Zebra_DatePicker td.dp_weekend             { background: #DEDEDE url('/cmp/DatePicker/metallic/default-date.png') repeat-x top; color: #666 }
.Zebra_DatePicker td.dp_weekend_disabled    { color: #CCC; cursor: default }
.Zebra_DatePicker td.dp_selected            { background: #BE1448 ;color: #E0E0E0 }
.Zebra_DatePicker td.dp_week_number         { background: #FFCC33; color: #555; cursor: text; font-style: italic }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td        { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td         { width: 33% }

/* = FOOTER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_footer                { margin-top: 3px }
.Zebra_DatePicker .dp_footer td             { color: #FFF; padding: 2px; font-weight: bold }
.Zebra_DatePicker .dp_footer .dp_hover      { background: #252525; color: #FFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PREVIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current             { color: #990022 }
.Zebra_DatePicker td.dp_disabled_current    { color: #E38585 }
.Zebra_DatePicker td.dp_disabled            { background: #be1448; color: #CDCDCD; cursor: default }
.Zebra_DatePicker td.dp_hover               { background: #252525; color: #FFF }

/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
button.Zebra_DatePicker_Icon                { position: absolute; width: 16px; height: 16px; background: url('/p/calendar.png') no-repeat left top; text-indent: -9000px; border: none; cursor: pointer; margin: 0 0 0 5px; padding: 0; line-height: 0 }
button.Zebra_DatePicker_Icon_Disabled       { background-image: url('/p/calendar-disabled.png') }
button.Zebra_DatePicker_Icon_Inside         { margin: 0 0 0 2px }

/* Fix icon position in Chrome & Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    button.Zebra_DatePicker_Icon_Inside     { margin: 0 5px 0 0 }
}
/*

    Zebra_DatePicker: a lightweight jQuery date picker plugin

    default stylesheet
    copyright (c) 2011 - 2012 Stefan Gabos
    http://stefangabos.ro/jquery/zebra-datepicker/

*/

.overTxtLabel {
  line-height:31px !important;
  color:#BBB;
  padding-left:4px;
  font-style:italic;
  font-weight: normal;
  font-size:9px !important;
}

button.Zebra_DatePicker_Icon                { 
  position: absolute;
  width: 16px;
  height: 16px;
  background: url('/cmp/DatePicker/calendar_red.png') no-repeat left top !important;
  text-indent: -9000px;
  border: none;
  cursor: pointer;
  margin: -24px 0px 0px 76px !important;
  padding: 0;
  line-height: 0;
  display: block !important; 
}

.Zebra_DatePicker *                          { margin: 0; padding: 0; color: #fff }
.Zebra_DatePicker                            { position: absolute; background: #be1448; border: 2px solid #be1448; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: none; z-index: 100; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px }

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0}

.Zebra_DatePicker td,
.Zebra_DatePicker th                         { text-align: center; padding: 5px 0 }

.Zebra_DatePicker td                         { cursor: pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker             { margin-top: 3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td          { width: 30px; border: 1px solid #BBB; background: #DEDEDE url('/cmp/DatePicker/metallic/default-date.png') repeat-x top; color: #666 }

/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td             { color: #E0E0E0; background: #be1448 }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }

.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { background: #252525; color: #FFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px }
.Zebra_DatePicker .dp_header .dp_blocked    { color: #fff; cursor: default }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_daypicker th          { background: #F1F1F1 url('/cmp/DatePicker/metallic/titles.png') repeat-x top; font-size: 9px; padding-top: 7px }
.Zebra_DatePicker td.dp_not_in_month        { background: #ECECEC url('/cmp/DatePicker/metallic/disabled-date.png'); color: #DDD; cursor: default }
.Zebra_DatePicker td.dp_weekend             { background: #DEDEDE url('/cmp/DatePicker/metallic/default-date.png') repeat-x top; color: #666 }
.Zebra_DatePicker td.dp_weekend_disabled    { color: #CCC; cursor: default }
.Zebra_DatePicker td.dp_selected            { background: #BE1448 ;color: #E0E0E0 }
.Zebra_DatePicker td.dp_week_number         { background: #FFCC33; color: #555; cursor: text; font-style: italic }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td        { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td         { width: 33% }

/* = FOOTER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_footer                { margin-top: 3px }
.Zebra_DatePicker .dp_footer td             { color: #FFF; padding: 2px; font-weight: bold }
.Zebra_DatePicker .dp_footer .dp_hover      { background: #252525; color: #FFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PREVIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current             { color: #990022 }
.Zebra_DatePicker td.dp_disabled_current    { color: #E38585 }
.Zebra_DatePicker td.dp_disabled            { background: #be1448; color: #CDCDCD; cursor: default }
.Zebra_DatePicker td.dp_hover               { background: #252525; color: #FFF }

/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
button.Zebra_DatePicker_Icon                { position: absolute; width: 16px; height: 16px; background: url('/p/calendar.png') no-repeat left top; text-indent: -9000px; border: none; cursor: pointer; margin: 0 0 0 5px; padding: 0; line-height: 0 }
button.Zebra_DatePicker_Icon_Disabled       { background-image: url('/p/calendar-disabled.png') }
button.Zebra_DatePicker_Icon_Inside         { margin: 0 0 0 2px }

/* Fix icon position in Chrome & Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    button.Zebra_DatePicker_Icon_Inside     { margin: 0 5px 0 0 }
}
/*

    Zebra_DatePicker: a lightweight jQuery date picker plugin

    default stylesheet
    copyright (c) 2011 - 2012 Stefan Gabos
    http://stefangabos.ro/jquery/zebra-datepicker/

*/

.Zebra_DatePicker *                          { margin: 0; padding: 0; color: #000 }
.Zebra_DatePicker                            { position: absolute; background: #666; border: 3px solid #666; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: none; z-index: 100; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px }

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0 }

.Zebra_DatePicker td,
.Zebra_DatePicker th                         { text-align: center; padding: 5px 0 }

.Zebra_DatePicker td                         { cursor: pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker             { margin-top: 3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td         { background: #E8E8E8; width: 30px; border: 1px solid #7BACD2 }

/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td             { color: #FFF }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }

.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { background: #222; color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px }
.Zebra_DatePicker .dp_header .dp_blocked    { color: #888; cursor: default }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_daypicker th          { background: #FFCC33 }
.Zebra_DatePicker td.dp_not_in_month        { background: #F3F3F3; color: #CDCDCD; cursor: default }
.Zebra_DatePicker td.dp_weekend             { background: #D8D8D8 }
.Zebra_DatePicker td.dp_weekend_disabled    { color: #CCC; cursor: default }
.Zebra_DatePicker td.dp_selected            { background: #5A4B4B; color: #FFF !important }
.Zebra_DatePicker td.dp_week_number         { background: #FFCC33; color: #555; cursor: text; font-style: italic }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td        { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td         { width: 33% }

/* = FOOTER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_footer                { margin-top: 3px }
.Zebra_DatePicker .dp_footer td             { color: #FFF; padding: 2px; font-weight: bold }
.Zebra_DatePicker .dp_footer .dp_hover      { background: #222; color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PREVIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current             { color: #C40000 }
.Zebra_DatePicker td.dp_disabled_current    { color: #E38585 }
.Zebra_DatePicker td.dp_disabled            { background: #F3F3F3; color: #CDCDCD; cursor: default }
.Zebra_DatePicker td.dp_hover               { background: #482424; color: #FFF }

/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
button.Zebra_DatePicker_Icon                { position: absolute; width: 16px; height: 16px; background: url('/cmp/DatePicker/calendar.png') no-repeat left top; text-indent: -9000px; border: none; cursor: pointer; margin: 0 0 0 5px; padding: 0; line-height: 0 }
button.Zebra_DatePicker_Icon_Disabled       { background-image: url('/cmp/DatePicker/calendar-disabled.png') }
button.Zebra_DatePicker_Icon_Inside         { margin: 0 0 0 2px }

/* Fix icon position in Chrome & Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    button.Zebra_DatePicker_Icon_Inside     { margin: 0 5px 0 0 }
}
#WLDeBugShow, #WLDeBugShowSlowSQLWarning {
  position:absolute;
  left:14px;
  top:11px;
  z-index:30;
}
#WLDeBugShow a, #WLDeBugShowSlowSQLWarning a {
  font:bold 11px Tahoma;
  text-decoration:none;
  color:#909090;
}
#WLDeBugShowSlowSQLWarning {
  top: 30px;
}
#WLDeBugShowSlowSQLWarning a {
  color:#CC0000;
  text-decoration:underline;
}
#WLDeBug {
  background:#FAFAFA;
  font:normal 11px Tahoma;
  position:absolute;
  left:5px;
  top:5px;
  z-index:1000;
  visibility:hidden;
  overflow:hidden;
  -moz-box-shadow: 3px 3px 5px rgba(120, 120, 120, 0.7);
  -webkit-box-shadow: 3px 3px 5px rgba(120, 120, 120, 0.7);
  border:2px solid #AAA;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}
#WLDeBug a {
  font:normal 11px Tahoma;
  color:#0000EE;
  text-decoration:underline;
}
#WLDeBug table tr {
  vertical-align:top;
  text-align:left;
}
#WLDeBug table td {
  padding:3px;
  border:0;
}
#WLDeBug table th {
  background:#DDD;
  font:bold 11px Tahoma;
  padding:7px;
}
#WLDeBug table b {
  color:#929292;
}
#WLDeBug table .Sep {
  border-bottom:1px solid #EDEDED;
  color:#030303;
  margin:10px 0 0 0;
  padding:0 0 1px 0;
  font-weight:bold;
}
#WLDeBug #WLFooter {
  text-align:center;
  padding:7px;
}
#WLDeBug #WLFooter a {
  font:bold 11px Tahoma;
  color:#CC0000;
}


#WLDeBugPopup {
  -moz-box-shadow: 3px 3px 5px rgba(120, 120, 120, 0.7);
  -webkit-box-shadow: 3px 3px 5px rgba(120, 120, 120, 0.7);
  border:1px solid #AAA;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  font:normal 11px Tahoma;
  width:100%;
  border-collapse:collapse;
  color:#000;
}
#WLDeBugPopup td, #WLDeBugPopup th {
  border: 1px solid #AAA;
  padding: 5px;
}
#WLDeBugPopup th {
  background-color:#DDDDDD;
  padding:7px;
}
#WLDeBugPopup tr {
  vertical-align:top;
  text-align:left;
}
#WLDeBugPopup .ColorSQL {
  word-wrap: break-word;
}
#WLDeBugPopup .SQLTooSlow {
  background-color: #B00;
  color:#FFF;
  font-weight:bold;
}
#WLDeBugPopup .SQLCached {
  background:#EAEAEA;
}
#WLDeBugPopup #WLFooter {
  font-weight: bold;
  background-color:#DDDDDD;
  padding:7px;
}

table.SQLBacktrace {
  font-size: 11px;
  width: 100%;
}
.deformeditor-initbutton  {
  position:absolute;
  left:0px;
  top:0px;
  width:13px;
  height: 13px;
  background: url(/mp/DeFormEditor/edit.png) no-repeat -1px -1px #FAFAFA;
  cursor:pointer;
  border: 1px solid #888;
  -moz-border-radius:4px;
  -moz-box-shadow: 1px 1px 3px rgba(127,127,127,0.3);
}
.deformeditor-initbutton.enabled {
  background-color: #ABFFB6;
}

.deformeditor-propertyinspector {
  position: fixed;
  left:0px;
  top:0px;
  width:180px;
  height:250px;
  border:1px solid #999;
  background-color: #FAFAFA;
  -moz-box-shadow: 5px 5px 5px rgba(127,127,127,0.3);
  -moz-border-radius:4px;
  z-index: 755350;
  overflow:auto;
}
.deformeditor-propertyinspector-drag {
 -moz-border-radius: 4px 4px 0 0;
  background-color: #777777;
  border: 1px solid #999999;
  cursor: -moz-grab;
  height: 20px;
  left: 0;
  line-height: 23px;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 180px;
  z-index: 755355;
}
.deformeditor-propertyinspector-drag.dragged {
  cursor: -moz-grabbing;
}
.deformeditor-propertyinspector-drag .close-pi {
  -moz-border-radius: 3px 3px 3px 3px;
  background: none repeat scroll 0 0 #666666;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  cursor: pointer;
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  height: 13px;
  line-height: 11px;
  padding-left: 3px;
  position: absolute;
  right: 4px;
  top: 3px;
  width: 11px;
  text-align:left;
}

.deformeditor-propertyinspector-drag span {
  display:block;
  padding: 3px 5px;
  color:#FFF;
  font:normal 10px Tahoma;
  line-height: 15px;
  word-wrap: break-word;
  text-align:left;
}
.deformeditor-propertyinspector-drag span strong {
  color:#FFF;
  font:bold 10px Tahoma;
}

.deformeditor-propertyinspector table {
  background:#FFF;
  border-collapse:collapse;
  left:3px;
  position:absolute;
  right:6px;
  top:20px;
}
.deformeditor-propertyinspector td {
  border-top:1px solid #CCC;
  border-bottom:1px solid #CCC;
  padding:0;
  font:normal 11px Tahoma;
}
.deformeditor-propertyinspector td.left {
  border-right:1px solid #CCC;
  white-space: nowrap;
  padding: 2px 4px 2px 7px;
  width:50%;
}
.deformeditor-propertyinspector td.right {
  width: 50%;
  color: #0000BB;
}
.deformeditor-propertyinspector td.separator {
  padding:3px 0 3px 3px;
  background-color:#F5F6F7;
  color:#000;
  font-weight:bold;
  border:0;
}
.deformeditor-propertyinspector .selectlist, .deformeditor-propertyinspector .textbox {
  background:#FFF;
  color:#000;
  border:1px solid #FFF;
  font:normal 11px Tahoma;
}
.deformeditor-propertyinspector .textbox:focus, .deformeditor-propertyinspector .selectlist:focus, .deformeditor-propertyinspector .DF_textarea:focus {
  border-color:#EEE;
  background:#EEE;
  border-right:none;
}
.deformeditor-propertyinspector .textbox_error, .deformeditor-propertyinspector .textbox_error:focus, .deformeditor-propertyinspector .DF_textarea_error:focus {
  border-color:#C00;
  border-right:1px solid;
}

.deformeditor-element-editable  {
  outline:1px dotted #F00;
  cursor: pointer;
}

.deformeditor-element-active {
  outline:1px solid #0F0;
}

.deformeditor-element-dragger {
  position:absolute;
  left:0px;
  top:0px;
  width: 12px;
  height: 12px;
  background: url(/mp/DeFormEditor/dragger.png) no-repeat 0 0 transparent;
  cursor: -moz-grab;
  z-index: 655350;
}

.deformeditor-element-dragger.dragged {
  cursor: -moz-grabbing;
}
.deformeditor-element-dragger-active {
  background-image: url(/mp/DeFormEditor/dragger_active.png);
}

.deformeditor-element-dragger-tip {
  background: #FFF;
  border:1px solid #888;
  -moz-border-radius: 4px;
  -moz-box-shadow: 3px 3px 3px rgba(127,127,127,0.3);
  padding:4px;
  font:bold 10px Tahoma;
  position: absolute;
  left:0;
  top:0;
  opacity: 0.9;
  z-index: 655350;
}
/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #206A9B;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #F1F8FC;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #007ED1 url(menuarrow2.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #000;
  color: #fff;
  padding: 2px;
}

.calendar thead tr { /* Row <TR> containing navigation buttons */
  background: #007ED1;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #C7E1F3;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #206A9B;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #34ABFA;
  color: #000;
  border: 1px solid #016DC5;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #006AA9;
  border: 1px solid #008AFF;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #C7E1F3;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #F1F8FC;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #8FC4E8;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #D50000;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #206A9B;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #000;
  color: #fff;
  border-top: 1px solid #206A9B;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #B8DAF0;
  border: 1px solid #178AEB;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #006AA9;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #34ABFA;
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  font-weight: bold;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #F1F8FC;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #E3F0F9;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #F1F8FC;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #267DB7;
  color: #fff;
}

.calendar td.time span.active {
  border-color: red;
  background-color: #000;
  color: #A5FF00;
}

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #778 url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #778;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #aaf;
  color: #000;
  border: 1px solid #04f;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #bdf;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #655;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #ffd;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #edc url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #654;
  color: #fed;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #edc;
  color: #000;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #655;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #faa;
  color: #000;
  border: 1px solid #f40;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #c77;
  padding: 2px 0px 0px 2px;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #fed;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #fed;
}

.calendar tbody .rowhilite td {
  background: #ddf;
}

.calendar tbody .rowhilite td.wn {
  background: #efe;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #ffe;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #ddc;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fea;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { font-weight: bold; }

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #988;
  color: #000;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  border-top: 1px solid #655;
  background: #dcb;
  color: #840;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #faa;
  border: 1px solid #f40;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #c77;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #ffe;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #fc8;
}

.calendar .combo .active {
  border-top: 1px solid #a64;
  border-bottom: 1px solid #a64;
  background: #fee;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #a88;
  padding: 1px 0px;
  text-align: center;
  background-color: #fed;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #988;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #866;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #565;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #efe;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
  background: #676;
  color: #fff;
  font-size: 90%;
}

.calendar .nav {
  background: #676 url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  padding: 2px;
  background: #250;
  color: #efa;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #565;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #afa;
  color: #000;
  border: 1px solid #084;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #7c7;
  padding: 2px 0px 0px 2px;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #dfb;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #564;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #8a8;
  background: #dfb;
}

.calendar tbody .rowhilite td {
  background: #dfd;
}

.calendar tbody .rowhilite td.wn {
  background: #efe;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #efd;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #dec;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #f8fff8;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { font-weight: bold; color: #0a0; }

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #565;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  padding: 2px;
  background: #250;
  color: #efa;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #afa;
  border: 1px solid #084;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #7c7;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #565;
  background: #efd;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #af8;
}

.calendar .combo .active {
  border-top: 1px solid #6a4;
  border-bottom: 1px solid #6a4;
  background: #efe;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #8a8;
  padding: 1px 0px;
  text-align: center;
  background-color: #dfb;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #898;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #686;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

.calendar{position:relative;display:none;border:1px solid;border-color:#fff #000 #000 #fff;font-size:11px;cursor:default;background:Window;color:WindowText;font-family:tahoma,verdana,sans-serif;}.calendar table{border:1px solid;border-color:#fff #000 #000 #fff;font-size:11px;cursor:default;background:Window;color:WindowText;font-family:tahoma,verdana,sans-serif;}.calendar .button{text-align:center;padding:1px;border:1px solid;border-color:ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;background:ButtonFace;}.calendar .nav{background:ButtonFace url(menuarrow.gif) no-repeat 100% 100%;}.calendar thead .title{font-weight:bold;padding:1px;border:1px solid #000;background:ActiveCaption;color:CaptionText;text-align:center;}.calendar thead .name{border-bottom:1px solid ButtonShadow;padding:2px;text-align:center;background:ButtonFace;color:ButtonText;}.calendar thead .weekend{color:#f00;}.calendar thead .hilite{border:2px solid;padding:0;border-color:ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;}.calendar thead .active{border-width:1px;padding:2px 0 0 2px;border-color:ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;}.calendar tbody .day{width:2em;text-align:right;padding:2px 4px 2px 2px;}.calendar tbody .day.othermonth{font-size:80%;color:#aaa;}.calendar tbody .day.othermonth.oweekend{color:#faa;}.calendar table .wn{padding:2px 3px 2px 2px;border-right:1px solid ButtonShadow;background:ButtonFace;color:ButtonText;}.calendar tbody .rowhilite td{background:Highlight;color:HighlightText;}.calendar tbody td.hilite{padding:1px 3px 1px 1px;border-top:1px solid #fff;border-right:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #fff;}.calendar tbody td.active{padding:2px 2px 0 2px;border:1px solid;border-color:ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;}.calendar tbody td.selected{font-weight:bold;border:1px solid;border-color:ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;padding:2px 2px 0 2px;background:ButtonFace;color:ButtonText;}.calendar tbody td.weekend{color:#f00;}.calendar tbody td.today{font-weight:bold;color:#00f;}.calendar tbody td.disabled{color:GrayText;}.calendar tbody .emptycell{visibility:hidden;}.calendar tbody .emptyrow{display:none;}.calendar tfoot .ttip{background:ButtonFace;padding:1px;border:1px solid;border-color:ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;color:ButtonText;text-align:center;}.calendar tfoot .hilite{border-top:1px solid #fff;border-right:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #fff;padding:1px;background:#e4e0d8;}.calendar tfoot .active{padding:2px 0 0 2px;border-top:1px solid #000;border-right:1px solid #fff;border-bottom:1px solid #fff;border-left:1px solid #000;}.calendar .combo{position:absolute;display:none;width:4em;top:0;left:0;cursor:default;border:1px solid;border-color:ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;background:Menu;color:MenuText;font-size:90%;padding:1px;z-index:100;}.calendar .combo .label,.calendar .combo .label-IEfix{text-align:center;padding:1px;}.calendar .combo .label-IEfix{width:4em;}.calendar .combo .active{padding:0;border:1px solid #000;}.calendar .combo .hilite{background:Highlight;color:HighlightText;}.calendar td.time{border-top:1px solid ButtonShadow;padding:1px 0;text-align:center;background-color:ButtonFace;}.calendar td.time .hour,.calendar td.time .minute,.calendar td.time .ampm{padding:0 3px 0 4px;border:1px solid #889;font-weight:bold;background-color:Menu;}.calendar td.time .ampm{text-align:center;}.calendar td.time .colon{padding:0 2px 0 3px;font-weight:bold;}.calendar td.time span.hilite{border-color:#000;background-color:Highlight;color:HighlightText;}.calendar td.time span.active{border-color:#f00;background-color:#000;color:#0f0;}
/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #655;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #ffd;
  font-family: tahoma,verdana,sans-serif;
  filter:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#DDDCCC,EndColorStr=#FFFFFF);
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
  color:#363636;
}

.calendar .nav {
  background: #edc url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #654;
  color: #363636;
  padding: 2px;
  filter:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#dddccc);
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  /*background: #3B86A0;*/
  color: #363636;
  font-weight: bold; 	
filter:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#3b86a0);
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #655;
  padding: 2px;
  text-align: center;
  color: #363636;
    filter:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#DDDCCC,EndColorStr=#FFFFFF);
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #ffcc86;
  color: #000;
  border: 1px solid #b59345;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #c77;
  padding: 2px 0px 0px 2px;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #fed;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #fed;
}

.calendar tbody .rowhilite td {
 background: #ddf;
  
}

.calendar tbody .rowhilite td.wn {
  background: #efe;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #ffe;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #ddc;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fea;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { font-weight: bold; }

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #988;
  color: #000;
  
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  border-top: 1px solid #655;
  background: #dcb;
  color: #363636;
  font-weight: bold;
	filter:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFF,EndColorStr=#DDDCCC);
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #faa;
  border: 1px solid #f40;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #c77;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #ffe;
  color: #000;
  font-size: smaller;
  z-index: 100;
}

.combo .label,
.combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.combo .label-IEfix {
  width: 4em;
}

.combo .hilite {
  background: #fc8;
}

.combo .active {
  border-top: 1px solid #a64;
  border-bottom: 1px solid #a64;
  background: #fee;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #a88;
  padding: 1px 0px;
  text-align: center;
  background-color: #fed;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #988;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #866;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #d4d0c8;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #d4d0c8;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar .nav {
  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #848078;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #f4f0e8;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #e4e0d8;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #c4c0b8;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #f4f0e8;
}

.calendar tbody .rowhilite td {
  background: #e4e0d8;
}

.calendar tbody .rowhilite td.wn {
  background: #d4d0c8;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  padding: 2px 2px 0px 2px;
  background: #e4e0d8;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #f4f0e8;
  padding: 1px;
  border: 1px solid #000;
  background: #848078;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #e4e0d8;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  background: #c4c0b8;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite {
  background: #048;
  color: #fea;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #766;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #d4c8d0;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #d4c8d0;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar .nav {
  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #847880;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #f4e8f0;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #e4d8e0;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #c4b8c0;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #f4e8f0;
}

.calendar tbody .rowhilite td {
  background: #e4d8e0;
}

.calendar tbody .rowhilite td.wn {
  background: #d4c8d0;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  padding: 2px 2px 0px 2px;
  background: #e4d8e0;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #f4e8f0;
  padding: 1px;
  border: 1px solid #000;
  background: #847880;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4d8e0;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #e4d8e0;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  background: #d4c8d0;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite {
  background: #408;
  color: #fea;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #766;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d0d4;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d0d4;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar .nav {
  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #e8f0f4;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #d8e0e4;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #b8c0c4;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #e8f4f0;
}

.calendar tbody .rowhilite td {
  background: #d8e4e0;
}

.calendar tbody .rowhilite td.wn {
  background: #c8d4d0;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
  background: #d8e0e4;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #e8f0f4;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #d8e0e4;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #d8e0e4;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  background: #c8d0d4;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite {
  background: #048;
  color: #aef;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #e8f0f4;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d4d0;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d4d0;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar .nav {
  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #788480;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #e8f4f0;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #d8e4e0;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #b8c4c0;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #e8f4f0;
}

.calendar tbody .rowhilite td {
  background: #d8e4e0;
}

.calendar tbody .rowhilite td.wn {
  background: #c8d4d0;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  padding: 2px 2px 0px 2px;
  background: #d8e4e0;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #e8f4f0;
  padding: 1px;
  border: 1px solid #000;
  background: #788480;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #d8e4e0;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #d8e4e0;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  background: #c8d4d0;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite {
  background: #048;
  color: #aef;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #e8f0f4;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

#maintenanceWarning{
  width: 100%;
  padding: 7px;
  border: 3px solid red;
  margin: 0px auto;
  background: #fff;
  text-align: center;
  position: fixed;
  bottom: 0;
}
		/*	mediaboxAdvanced Dark theme	*/
		/*	version 2.6 - June 2011			*/
		/*	for mediaboxAdvanced v.1.5.x	*/

		/*	Overlay background styling	*/

#mbOverlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 150%;
	background-color: #000;
	cursor: pointer;
}

		/*	Fixes for older or limited browsers	*/

#mbOverlay.mbOverlayOpaque {
	background: transparent url('/cmp/MediaBox/80.png') repeat;
}

#mbOverlay.mbOverlayAbsolute {
	position: absolute;
}

#mbOverlay.mbMobile {
	position: absolute;
	background-color: transparent;
}

#mbBottom.mbMobile {
	line-height: 24px;
	font-size: 16px;
}

		/*	Overlay panel styling	*/

#mbCenter {
	position: absolute;
	z-index: 9999;
	left: 50%;
	padding: 10px;
	background-color: #000;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000'); /* For IE 5.5 - 7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')"; /* For IE 8 */
	-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
	-khtml-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
	-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
	box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
}

#mbCenter.mbLoading {
	background: #000 url('/cmp/MediaBox/loading-dark.gif') no-repeat center;
		/*	This style is applied only during animation.	*/
		/*	For example, the next lines turn off shadows	*/
		/*	improving browser performance on slow systems.	*/
		/*	To leave shadows on, just remove the following:	*/
	-webkit-box-shadow: none;
	-khtml-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#mbMedia {
	position: relative;
	left: 0;
	top: 0;

		/*	Inline content styling	*/

	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
}

		/*	Title, Caption and Button styling	*/

#mbBottom {
	line-height: 20px;
	font-size: 12px;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #999;
	min-height: 20px;
	padding: 10px 0 0;
}

#mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink {
	display: inline;
	color: #fff;
	font-weight: bold;
}

#mbNumber {
	display: inline;
	color: #999;
/*	line-height: 0.8em; */
	font-size: 0.8em;
	margin: auto 10px;
}

#mbCaption {
	display: block;
	color: #999;
	line-height: 1.6em;
	font-size: 0.8em;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	float: right;
	outline: none;
	margin: 0 0 0 10px;
	font-weight: normal;
}

#mbPrevLink b, #mbNextLink b, #mbCloseLink b {
	color: #eee;
	font-weight: bold;
	text-decoration: underline;
}

#mbPrevLink big, #mbNextLink big, #mbCloseLink big {
	color: #eee;
	font-size: 1.4em;
/*	line-height: 0.9em;*/
	font-weight: bold;
}

#mbBottom a, #mbBottom a:link, #mbBottom a:visited {	/* Thanks to Danny Jung for feedback and corrections */
	text-decoration: none;
	color: #ddd;
}

#mbBottom a:hover, #mbBottom a:active {
	text-decoration: underline;
	color: #fff;
}

		/*	Error message styling	*/

#mbError {
	position: relative;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 10px solid #700;
	padding: 10px 10px 10px;
	margin: 20px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color: #d00;
	font-weight: bold;
	text-decoration: underline;
}
		/*	mediaboxAdvanced Light theme	*/
		/*	version 2.6 - June 2011			*/
		/*	for mediaboxAdvanced v.1.5.x	*/

		/*	Overlay background styling	*/

#mbOverlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ccc;
	cursor: pointer;
}

		/*	Fixes for older or limited browsers	*/

#mbOverlay.mbOverlayOpaque {
	background: transparent url('/cmp/MediaBox/80.png') repeat;
}

#mbOverlay.mbOverlayAbsolute {
	position: absolute;
}

#mbOverlay.mbMobile {
	position: absolute;
	background-color: transparent;
}

#mbBottom.mbMobile {
	line-height: 24px;
	font-size: 16px;
}

		/*	Overlay panel styling	*/

#mbCenter {
	position: absolute;
	z-index: 9999;
	left: 50%;
	padding: 10px;
	background-color: #fff;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000'); /* For IE 5.5 - 7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')"; /* For IE 8 */
	-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
	-khtml-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
	-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
	box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
}

#mbCenter.mbLoading {
	background: #fff url('/cmp/MediaBox/loading-light.gif') no-repeat center;
		/*	This style is applied only during animation.	*/
		/*	For example, the next lines turn off shadows	*/
		/*	improving browser performance on slow systems.	*/
		/*	To leave shadows on, just remove the following:	*/
	-webkit-box-shadow: none;
	-khtml-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#mbMedia {
	position: relative;
	left: 0;
	top: 0;

		/*	Inline content styling	*/

	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #000;
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
}

@mbMedia img {
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#mbAudio {
	padding: 0 0 2px;
	background-color: #000;
}

		/*	Title, Caption and Button styling	*/

#mbBottom {
	line-height: 20px;
	font-size: 12px;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #777;
	min-height: 20px;
	padding: 10px 0 0;
}

#mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink {
	display: inline;
	color: #000;
	font-weight: bold;
}

#mbNumber {
	display: inline;
	color: #777;
/*	line-height: 0.8em; */
	font-size: 0.8em;
	margin: auto 10px;
}

#mbCaption {
	display: block;
	color: #777;
	line-height: 1.6em;
	font-size: 0.8em;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	float: right;
	outline: none;
	margin: 0 0 0 10px;
	font-weight: normal;
}

#mbPrevLink b, #mbNextLink b, #mbCloseLink b {
	color: #333;
	font-weight: bold;
	text-decoration: underline;
}

#mbPrevLink big, #mbNextLink big, #mbCloseLink big {
	color: #333;
	font-size: 1.4em;
/*	line-height: 0.9em;*/
	font-weight: bold;
}

#mbBottom a, #mbBottom a:link, #mbBottom a:visited {	/* Thanks to Danny Jung for feedback and corrections */
	text-decoration: none;
	color: #333;
}

#mbBottom a:hover, #mbBottom a:active {
	text-decoration: underline;
	color: #000;
}

		/*	Error message styling	*/

#mbError {
	position: relative;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 10px solid #700;
	padding: 10px 10px 10px;
	margin: 20px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color: #d00;
	font-weight: bold;
	text-decoration: underline;
}
		/*	mediaboxAdvanced Minimal theme	*/
		/*	version 2.6 - June 2011			*/
		/*	for mediaboxAdvanced v.1.5.x	*/

		/*	Overlay background styling	*/

#mbOverlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

		/*	Fixes for older or limited browsers	*/

#mbOverlay.mbOverlayOpaque {
	background: transparent url('/cmp/MediaBox/80.png') repeat;
}

#mbOverlay.mbOverlayAbsolute {
	position: absolute;
}

#mbOverlay.mbMobile {
	position: absolute;
	background-color: transparent;
}

#mbBottom.mbMobile {
	line-height: 24px;
	font-size: 14px;
}

		/*	Overlay panel styling	*/

#mbCenter {
	position: absolute;
	z-index: 9999;
	left: 50%;
	background-color: rgba(0,0,0,0.4);
}

#mbCenter.mbLoading {
	background: rgba(0,0,0,0.4) url('/cmp/MediaBox/loading-minimal.gif') no-repeat center;
}

#mbMedia {
	position: relative;
	left: 0;
	top: 0;
	-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.60);
	-khtml-box-shadow: 0px 5px 20px rgba(0,0,0,0.60);
	-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.60);
	box-shadow: 0px 5px 20px rgba(0,0,0,0.60);
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000'); /* For IE 5.5 - 7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')"; /* For IE 8 */

		/*	Inline content styling	*/

	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
}

		/*	Title, Caption and Button styling	*/

#mbBottom {
	line-height: 20px;
	font-size: 12px;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #999;
	min-height: 20px;
	padding: 10px 6px 4px;
}

#mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink {
	display: inline;
	color: #fff;
	font-weight: bold;
}

#mbNumber {
	display: inline;
	color: #999;
/*	line-height: 0.8em; */
	font-size: 0.8em;
	margin: auto 10px;
}

#mbCaption {
	display: block;
	color: #999;
	line-height: 1.6em;
	font-size: 0.8em;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	float: right;
	outline: none;
	margin: 0 0 0 10px;
	font-weight: normal;
}

#mbPrevLink b, #mbNextLink b, #mbCloseLink b {
	color: #eee;
	font-weight: bold;
	text-decoration: underline;
}

#mbPrevLink big, #mbNextLink big, #mbCloseLink big {
	color: #eee;
	font-size: 1.4em;
/*	line-height: 0.9em;*/
	font-weight: bold;
}

#mbBottom a, #mbBottom a:link, #mbBottom a:visited {	/* Thanks to Danny Jung for feedback and corrections */
	text-decoration: none;
	color: #ddd;
}

#mbBottom a:hover, #mbBottom a:active {
	text-decoration: underline;
	color: #fff;
}

		/*	Error message styling	*/

#mbError {
	position: relative;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 10px solid #700;
	padding: 10px 10px 10px;
	margin: 20px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color: #d00;
	font-weight: bold;
	text-decoration: underline;
}
		/*	mediaboxAdvanced Smooth theme	*/
		/*	version 2.6 - June 2011			*/
		/*	for mediaboxAdvanced v.1.5.x	*/

		/*	Overlay background styling	*/

#mbOverlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #222;
	cursor: pointer;
}

		/*	Fixes for older or limited browsers	*/

#mbOverlay.mbOverlayOpaque {
	background: transparent url('/cmp/MediaBox/80.png') repeat;
}

#mbOverlay.mbOverlayAbsolute {
	position: absolute;
}

#mbOverlay.mbMobile {
	position: absolute;
	background-color: transparent;
}

#mbBottom.mbMobile {
	line-height: 24px;
	font-size: 16px;
}

		/*	Overlay panel styling	*/

#mbCenter {
	position: absolute;
	z-index: 9999;
	left: 50%;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #bbb;	/* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#aaaaaa'); /* IE 5.5 - 7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#aaaaaa'); /* IE 8 */
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#aaa));
	background: -khtml-gradient(linear, left top, left bottom, from(#ddd), to(#aaa));
	background: -moz-linear-gradient(top,  #ddd,  #aaa);
	background: -o-linear-gradient(top,  #ddd,  #aaa);
	background: linear-gradient(top,  #ddd,  #aaa);
	border: 1px solid #fff;
	border-top-color: #fff;
	border-bottom-color: #ccc;
	border-right-width: 0px;
	border-left-width: 0px;
	-webkit-box-shadow: 0px 4px 24px rgba(0,0,0,0.4);
	-khtml-box-shadow: 0px 4px 24px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 4px 24px rgba(0,0,0,0.4);
	box-shadow: 0px 4px 24px rgba(0,0,0,0.4);
	padding: 10px;
	text-shadow: rgba(255,255,255,0.5) 0 1px 1px;
}

#mbCenter.mbLoading {
/*	background: #000 url(/images/mediabox/MinimalLoading.gif) no-repeat center;
/*	This style is applied only during animation.	*/
/*	For example, the next lines turn off shadows	*/
/*	improving browser performance on slow systems.	*/
/*	To leave shadows on, just remove the following:	*/
	-webkit-box-shadow: none;
	-khtml-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#mbMedia {
	position: relative;
	left: 0;
	top: 0;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

		/*	Inline content styling	*/

	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #000;
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
}


#mbAudio {
	padding: 0 0 2px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #999;	/* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#cccccc'); /* IE 5.5 - 7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#cccccc'); /* IE 8 */
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#aaa));
	background: -khtml-gradient(linear, left top, left bottom, from(#888), to(#aaa));
	background: -moz-linear-gradient(top,  #999,  #ccc);
	background: -o-linear-gradient(top,  #999,  #ccc);
	background: linear-gradient(top,  #999,  #ccc);
	border: 1px solid #fff;
	border-top-color: #777;
	border-bottom-color: #eee;
	border-right-width: 0px;
	border-left-width: 0px;
	height: 20px;
}

		/*	Title, Caption and Button styling	*/

#mbBottom {
	line-height: 20px;
	font-size: 12px;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #444;
	min-height: 20px;
	padding: 10px 0 0;
}

#mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink {
	display: inline;
	color: #000;
	font-weight: bold;
}

#mbNumber {
	display: inline;
	color: #444;
/*	line-height: 0.8em; */
	font-size: 0.8em;
	margin: auto 10px;
}

#mbCaption {
	display: block;
	color: #444;
	line-height: 1.6em;
	font-size: 0.8em;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	float: right;
	outline: none;
	font-weight: normal;
	margin: 0 0 0 10px;
	padding: 4px 2px;
}

#mbPrevLink b, #mbNextLink b, #mbCloseLink b {
	color: #222;
	font-weight: bold;
	text-decoration: underline;
}

#mbPrevLink big, #mbNextLink big, #mbCloseLink big {
	color: #222;
	font-size: 1.6em;
	line-height: 0.6em;
	font-weight: bold;
}

#mbBottom a, #mbBottom a:link, #mbBottom a:visited {
	text-decoration: none;
	color: #222;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#mbBottom a:hover {
	color: #000;
	text-shadow: rgba(255,255,255,1.0) 0 1px 1px;
	background-color: #ccc;	/* for non-css3 browsers */
}

#mbBottom a:active {
	color: #000;
	text-shadow: rgba(255,255,255,1.0) 0 1px 1px;
	background-color: #999;	/* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#cccccc'); /* IE 5.5 - 7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#cccccc'); /* IE 8 */
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#aaa));
	background: -khtml-gradient(linear, left top, left bottom, from(#888), to(#aaa));
	background: -moz-linear-gradient(top,  #999,  #ccc);
	background: -o-linear-gradient(top,  #999,  #ccc);
	background: linear-gradient(top,  #999,  #ccc);
	border: 1px solid #fff;
	border-top-color: #777;
	border-bottom-color: #eee;
	border-right-width: 0px;
	border-left-width: 0px;
}

		/*	Error message styling	*/

#mbError {
	position: relative;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #000;
	text-align: center;
	border: 10px solid #700;
	padding: 10px 10px 10px;
	margin: 20px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color: #d00;
	font-weight: bold;
	text-decoration: underline;
}
/* SETTINGS LAYER */
.WindowModalLoading {
  position:fixed;
  background: #000;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:499;
  display:none;
}

.WindowContentLoading{
  display:none;
  z-index:500;
  position: absolute;
  top: 0px;
  left: 0px;
  text-align: left;
  padding: 10px;
  color: #fff;
  font-weight: bold;
}
#IndicatorLoading {
  display:none;
  text-align:center;
  padding-top:15px
}
#SexyAlertBox-Box {
  background-color: #fff;
  /*
  background: url(/cmp/SexyAlert/bg-box-bottom.png) bottom left no-repeat !important;
  background: url(/cmp/SexyAlert/bg-box-bottom.gif) bottom left no-repeat;
  */
}

#SexyAlertBox-InBox {
  padding-top: 25px;
  background-color: #ed7c1b;
  /*
  background: url(/cmp/SexyAlert/bg-box-top.png) top left no-repeat !important;	
  background: url(/cmp/SexyAlert/bg-box-top.gif) top left no-repeat;
  */
}

#SexyAlertBox-BoxContent {
  background-color: #fff;
  /*
  background: url(/cmp/SexyAlert/bg-box-body.png) top left repeat-y !important;
  background: url(/cmp/SexyAlert/bg-box-body.gif) top left repeat-y;
  */
  padding: 0px 20px;
}

#SexyAlertBox-BoxContenedor {
  padding: 20px 20px 20px 70px;
  text-align: left;
  font: normal 1.4em/28px Tahoma, Geneva, Verdana, Arial, FreeSans, sans-serif;
}

#SexyAlertBox-BoxContenedor h1,#SexyAlertBox-BoxContenedor h2,#SexyAlertBox-BoxContenedor h3,#SexyAlertBox-BoxContenedor b,#SexyAlertBox-BoxContenedor strong{
  text-align: left;
  color: #4D4D4D;
  font-weight:bold;
  margin:0px;
  padding:0px;
}

#SexyAlertBox-Buttons {
  text-align:right;
  font-size: 0.8em;
}

.ie7 #SexyAlertBox-Buttons{
  float: none;
}

#SexyAlertBox-Buttons input {
  margin: 0 0 0 20px;
}

#SexyAlertBox-BoxContenedor #BoxPromptInput{
  margin-top:5px;
}

#SexyAlertBox-Box .BoxAlert {
  background: #fff url(/cmp/SexyAlert/dialog-warning.png) no-repeat 6px center;
}

#SexyAlertBox-Box .BoxConfirm {
  background: #fff url(/cmp/SexyAlert/dialog-checkmark.png) no-repeat 6px center;
}

#SexyAlertBox-Box .BoxPrompt {
  background: #fff url(/cmp/SexyAlert/dialog-help.png) no-repeat 6px center;
}

#SexyAlertBox-Box .BoxInfo {
  background: #fff url(/cmp/SexyAlert/dialog-information.png) no-repeat 6px center;
  
}

#SexyAlertBox-Box .BoxError {
  background: #fff url(/cmp/SexyAlert/dialog-error.png) no-repeat 6px center;
}
			#croppic{
				width: 400px;  /* MANDATORY */
				height: 208px; /* MANDATORY */
				position: relative;  /* MANDATORY */
				
				margin: 50px 70px 20px;
				border: 3px  solid #FFF;
				box-sizing: content-box;
				-moz-box-sizing: content-box;
				border-radius: 2px;
				background-image: url(../img/placeholder.png);
				background-repeat: no-repeat;
				background-position: center;
				box-shadow: 8px 8px 0px rgba(0,0,0,0.1);
			}
			
			/* DO NOT CHANGE FROM HERE ( unless u know what u are doing) */
			.cropImgWrapper{
				cursor: -webkit-grab;
				cursor: grab;
			}
			.cropImgWrapper:active{
				cursor: -webkit-grabbing;
				cursor: grabbing;
			}
			
			.cropImgUpload{
				z-index:2;
				position:absolute;
				height:28px;
				display:block;
				top: -30px;
				right: -2px;
				font-family:sans-serif;
				width:20px;
				height:20px;
				text-align:center;
				line-height:20px;
				color:#FFF;
			}
			
			.cropControls{
				z-index:2;
				position:absolute;
				height:30px;
				display:block;
				/* top: -31px; */
				top: -1px;
				right: -1px;
				font-family:sans-serif;
				background-color:rgba(0,0,0,0.35); 
			}
			
			.cropControls i{
				display:block;
				float:left;
				margin:0;
				cursor:pointer;
				background-image:url('/p/cropperIcons.png');
				width:30px;
				height:30px;
				text-align:center;
				line-height:20px;
				color:#FFF;
				font-size:13px;
				font-weight: bold;
				font-style: normal;
				
			}
			
			.cropControls i:hover{ background-color:rgba(0,0,0,0.7);  }
			
			.cropControls i.cropControlZoomMuchIn{ background-position:0px 0px;}
			.cropControls i.cropControlZoomIn{ background-position:-30px 0px; }
			.cropControls i.cropControlZoomOut{ background-position:-60px 0px; }
			.cropControls i.cropControlZoomMuchOut{ background-position:-90px 0px; }
			.cropControls i.cropControlRotateLeft{ background-position:-210px 0px; }
			.cropControls i.cropControlRotateRight{ background-position:-240px 0px; }
			.cropControls i.cropControlCrop{ background-position:-120px 0px;}
			.cropControls i.cropControlUpload{ background-position:-150px 0px;}
			.cropControls i.cropControlReset{ background-position:-180px 0px;}
			.cropControls i.cropControlRemoveCroppedImage{ background-position:-180px 0px;}
			
			.cropControls i:last-child{
				margin-right:none;
			}
			
			#croppicModal{
				position:fixed;
				width:100%;
				height:100%;
				top: 0;
				left: 0;
				display:block;
				background:rgba(0,0,0,0.8);
				z-index: 10000;
			}
			
			
			/*
			*		PRELOADER 
			*		With courtesy of : http://cssload.net/
			*/
			
			.bubblingG {
				text-align: center;
				width:80px;
				height:50px;
				position: absolute;
				top: 50%;
				left: 50%;
				margin: -18px auto auto -40px;
				z-index:2;
			}

			.bubblingG span {
				display: inline-block;
				vertical-align: middle;
				width: 10px;
				height: 10px;
				margin: 25px auto;
				background: #FFF;
				box-shadow: 5px 5px 0px rgba(0,0,0,0.2);
				-moz-border-radius: 50px;
				-moz-animation: bubblingG 1s infinite alternate;
				-webkit-border-radius: 50px;
				-webkit-animation: bubblingG 1s infinite alternate;
				-ms-border-radius: 50px;
				-ms-animation: bubblingG 1s infinite alternate;
				-o-border-radius: 50px;
				-o-animation: bubblingG 1s infinite alternate;
				border-radius: 50px;
				animation: bubblingG 1s infinite alternate;
				
			}

			#bubblingG_1 {
				-moz-animation-delay: 0s;
				-webkit-animation-delay: 0s;
				-ms-animation-delay: 0s;
				-o-animation-delay: 0s;
				animation-delay: 0s;
			}

			#bubblingG_2 {
				-moz-animation-delay: 0.3s;
				-webkit-animation-delay: 0.3s;
				-ms-animation-delay: 0.3s;
				-o-animation-delay: 0.3s;
				animation-delay: 0.3s;
			}

			#bubblingG_3 {
				-moz-animation-delay: 0.6s;
				-webkit-animation-delay: 0.6s;
				-ms-animation-delay: 0.6s;
				-o-animation-delay: 0.6s;
				animation-delay: 0.6s;
			}

			@-moz-keyframes bubblingG {
				0% {
					width: 10px;
					height: 10px;
					background-color:#FFF;
					-moz-transform: translateY(0);
				}

				100% {
					width: 24px;
					height: 24px;
					background-color:#FFF;
					-moz-transform: translateY(-21px);
				}

			}

			@-webkit-keyframes bubblingG {
				0% {
					width: 10px;
					height: 10px;
					background-color:#FFF;
					-webkit-transform: translateY(0);
				}

				100% {
					width: 24px;
					height: 24px;
					background-color:#FFF;
					-webkit-transform: translateY(-21px);
				}

			}

			@-ms-keyframes bubblingG {
				0% {
					width: 10px;
					height: 10px;
					background-color:#FFF;
					-ms-transform: translateY(0);
				}

				100% {
					width: 24px;
					height: 24px;
					background-color:#FFF;
					-ms-transform: translateY(-21px);
				}

			}

			@-o-keyframes bubblingG {
				0% {
					width: 10px;
					height: 10px;
					background-color:#FFF;
					-o-transform: translateY(0);
				}

				100% {
					width: 24px;
					height: 24px;
					background-color:#FFF;
					-o-transform: translateY(-21px);
				}

			}

			@keyframes bubblingG {
				0% {
					width: 10px;
					height: 10px;
					background-color:#FFF;
					transform: translateY(0);
				}

				100% {
					width: 24px;
					height: 24px;
					background-color:#FFF;
					transform: translateY(-21px);
				}

			}
			
			
			/* some reset stlyes */
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			

#loginform_loginform .row {
  clear: left;
  height: 30px;
  margin-bottom: 15px;
}

#loginform_loginform .row:last-child {
  margin-bottom: 0;
}

#loginform_loginform .row:first-child {
  padding-top: 23px;
}

#loginform_loginform .cell {
  display: inline-block;
  float: left;
  width: 65%;
}

#loginform_loginform .cell:nth-child(odd) {
  text-align: right;
  width: 35%;
}

#loginform_loginform .cell:nth-child(odd) .DF_label_require {
  display: inline;
  margin-right: 8px;
}

#loginform_loginform .DF_label_require {
  display: none;
}

#loginform_loginform .cell label {
  color: #4d4d4d;
  font-size: 1.2em;
  font-weight: normal;
  line-height: 30px;
  text-transform: lowercase;
}

a#buy-without-registration {
  color: #487a66;
  font-size: 1.5em;
  display: block;
  text-align: center;
  cursor: pointer;
}

.seat-icons {
  width: 32px;
  height: 32px;
	border: 1px solid #666;
	outline: 1px solid #FFFFFF;
	border-radius: 4px 4px 4px 4px;
  background-color:#CCC;
  margin: -24px 0 0 -41px;
  cursor:pointer;
}
.seat-icons img {
  width: 30px;
  height: 30px;
  margin:1px;
}
#photoBinWrapperInfo,
#photoBinWrapper {
  background: transparent;
  margin: 0;
  overflow: hidden;
  text-align: center;
  position: relative;
}

#photoBinWrapperInfo.info {
  margin: 0 20px;
  background: #c7f3ff;
  border: 1px solid #8dd9ff;
}

#photoBinWrapper.error {
  background: #fef0ef;
  border: 1px solid red;
}
#photoBinWrapperInfo.info .message,
#photoBinWrapper.error .message{
  color: #4d4d4d;
  margin: 5px;
  font-size: 1.2em;
  font: 11px Tahoma,Arial,Helvetica,sans-serif;
}
#photoBinWrapperInfo.info .message a,
#photoBinWrapper.error .message a{
  color: #ed7c1b;
}

#photoBinWrapper input.grayButton {
  display: inline-block;
  padding: 3px 7px;
  position: absolute !important;
  top: 0;
  width: 192px;
  left: 50%;
  margin-left: -96px;
  z-index: 500;
}

#photoBinWrapper input#deletePhoto {
  bottom: 0;
  top: auto !important;
}

#photoBin {
  margin: 0 auto;
  position: relative;
}

#createApplication #photoBin form {
  padding: 0 !important;
}

#createApplication .submitButtons,
.cardApplicationFieldsContainer .submitButtons{
  vertical-align: middle; 
  text-align: center;
  position: relative;
  z-index: 100;
}
#createApplication .submitButtons .grayButton,
.cardApplicationFieldsContainer .submitButtons .grayButton{
  margin: 0 10px;
  height: 22px;
}
/*
 *
 *reset css
 *
 */
html {
  font-size: small;
  font-size: 100%;
  font-size: 62.5%;
}
h1, h2, h3, h4,
a, label, span,
input, select,
.DF_label,
.DF_note,
.DF_groupbox,
.DF_groupbox_fieldset,
.DF_radio_label,
.DF_checkbox_label,
.DF_form .overTxtDiv {  
  font-size: small;
  font-size: 100%;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
  background:transparent;
}
body {
  line-height:1;
}
.toLeft{
  text-align: left;
}
.toCenter{
  text-align: center;
}
.toRight{
  text-align: right;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
  display:block;
}
ul {
  list-style:none;
}
blockquote, q {
  quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}
a {
  margin:0;
  padding:0;
  vertical-align:baseline;
  background:transparent;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/* change colours to suit your needs */
ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}

/* change colours to suit your needs */
mark {
  background-color:#ff9;
  color:#000; 
  font-style:italic;
  font-weight:bold;
}
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}

/* change border colour to suit your needs */
hr {
  display:block;
  height:1px;
  border:0;   
  border-top:1px solid #ccc;
  margin:1em 0;
  padding:0;
}
input, select {
    vertical-align:middle;
}
.displayN {
  display: none;
}
.displayB {
  display: block;
}
.textL {
  text-align: left;
}
.textC {
  text-align: center;
}
.textR {
  text-align: right;
}
.hpsButton {
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  text-align: center;
  color: #fff;
  font-size: 1.4em;
  background: #8a8a8a;
}
.hpsButton:visited {
  color: #fff;
}
.hpsButton:hover {
  border-color: #a04a00;
  -webkit-box-shadow: inset 0 0 3px #2e2b25;
     -moz-box-shadow: inset 0 0 3px #2e2b25;
          box-shadow: inset 0 0 3px #2e2b25;
}
.hpsButton:focus,
.hpsButton:active {
  border-color: #a04a00;
  -webkit-box-shadow: inset 0 0 9px #2e2b25;
     -moz-box-shadow: inset 0 0 9px #2e2b25;
          box-shadow: inset 0 0 9px #2e2b25;
}
.hLink,
.hLink:visited {
  color: #ed7c1b;
}
.DF_button_submitted_indicator {
  top: 6px;
  background: url(/p/loader_small.gif) no-repeat 0 0;
}
.masSeatPurch .DF_button_submitted_indicator {
  background: url(/p/loader_small_orange.gif) no-repeat 0 0;
}



/**********************************************************************************************/
/*
 *
 * main styles
 *
 */
html, body {
  height: 100%;
}
body {
  font-family: Tahoma, Geneva, Verdana, Arial, FreeSans, sans-serif;
  background: #fff url(/p/body-bg.png) repeat-x 0 118px;
}
body.devel {
  background: #fff url(/p/backgrounddevel.jpg) repeat-x 0 118px !important
}


/*
 *
 * sticky footer
 *
 */
.wrap {
  min-height: 100%;
  min-width: 965px;
}
.main { /* must be same height as the footer */
}
#footer {
  clear:both;
  position: relative;
  min-width: 965px;
  padding-top: 77px;
}

/*
 *
 * centent center
 *
 */
.wrapper {
  width: 965px;
  margin: 0 auto;
}

/**********************************************************************************************/
/*
 *
 * header wersja csssprite
 *
 */

/*
#header {
  border-top: 61px solid #272727;
  height: 57px;
  background: #fff;
}
#header hgroup {
  float: left;
  width: 238px;
  height: 118px;
  margin-top: -61px;
  background-color: #ed7c1b;
}
#header nav {
  float: left;
  margin-top: -61px;
}
#header nav li {
  float: left;
  display: block;
  text-align: center;
  background-image: url(/p/nav-ico.png);
  background-repeat: no-repeat;
}
#header nav li.navHome {
  width: 121px;
  background-position: center 66px;
}
#header nav li.navHome:hover {
  background-position: center -934px;
}
#header nav li.navReg {
  width: 120px;
  background-position: center -134px;
}
#header nav li.navReg:hover {
  background-position: center -1134px;
}
#header nav li.navPrice {
  width: 121px;
  background-position: center -334px;
}
#header nav li.navPrice:hover {
  background-position: center -1334px;
}
#header nav li.navHelp {
  width: 120px;
  background-position: center -534px;
}
#header nav li.navHelp:hover {
  background-position: center -1534px;
}
#header nav li.navContact {
  width: 121px;
  background-position: center -734px;
}
#header nav li.navContact:hover {
  background-position: center -1734px;
}
#header nav li.navEmpty {
  width: 106px;
  height: 81px;
  margin-top: 37px; 
  padding: 0;
  border-right: 1px solid #ededed;
  background: url(/p/nav-bg.png) no-repeat right bottom;
  background-size: 17px 57px;
}
#header nav a {
  display: block;
  height: 81px;
  margin-top: 37px; 
  padding: 0;
  font: 300 1.5em/1.3 'Oswald', Tahoma, Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  border-right: 1px solid #ededed;
  background: url(/p/nav-bg.png) no-repeat right bottom;
  background-size: 17px 57px;
}
#header nav a,
#header nav a:visited,
#header nav a:focus {
  color: #fff;
}
*/
/*
 *
 * header wersja z obrazkiem
 *
 */
#header {
  border-top: 61px solid #272727;
  height: 57px;
  background: #fff;
}
#header #siteLogo {
  float: left;
  width: 238px;
  height: 118px;
  margin-top: -61px;
  background-color: #ed7c1b;
}
#header .wrapper {
  position: relative;
}
#header aside {
  position: absolute;
  right: 0;
  top: -51px;
  color: #ed7c1b;
  font-size: 1.2em;
}
.wrapper .baner{
  height: 246px;
}


#header aside a.logout {
  color: #fff;
}
#header nav {
  float: left;
  margin-top: -61px;
}
#header nav li {
  float: left;
  display: block;
  text-align: center;
}
#header nav li.navHome {
  width: 121px;
}
#header nav li.navHome:last-child {
  width: 122px;
}
#header nav li.navReg {
  width: 120px;
}
#header nav li.navPrice {
  width: 121px;
}
#header nav li.navHelp {
  width: 120px;
}
#header nav li.navContact {
  width: 121px;
}
#header nav li.navEmpty {
  width: 106px;
  height: 81px;
  margin-top: 37px; 
  padding: 0;
  border-right: 1px solid #ededed;
  background: url(/p/nav-bg.png) no-repeat right bottom;
  background-size: 17px 57px;
}
#header nav a {
  display: block;
  height: 81px;
  margin-top: 37px; 
  padding: 0;
  font: 300 1.5em/1.3 'Oswald', Tahoma, Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  border-right: 1px solid #ededed;
  background: url(/p/nav-bg.png) no-repeat right bottom;
  background-size: 17px 57px;
}
#header nav a,
#header nav a:visited,
#header nav a:focus {
  color: #fff;
}
#header nav a span {
  display: block;
}
#header nav a img {
  margin-top: 10px;
  opacity: 0.3;
  filter: alpha(opacity=30);
  -webkit-transition: -webkit-box-shadow 0.2s ease-out; 
     -moz-transition: -moz-box-shadow 0.2s ease-out; 
      -ms-transition: opacity 0.2s ease-out; 
       -o-transition: opacity 0.2s ease-out; 
          transition: opacity 0.2s ease-out;
}
#header nav a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
}


/**********************************************************************************************/
/*
.* 
 * formularze
 *
 */
.hpsForms .DF_groupbox {
   margin-bottom: 6px;
 }
.hpsForms section span,
.hpsForms section .DF_radio_label,
.hpsForms .DF_groupbox_inner {
  color: #adadad;
  font-size: 1.2em;
  text-transform: lowercase;
}
.hpsForms sup,
.hpsForms sup.DF_label_require {
  font-size: 1.5em;
  color: #ed7c1b;
  vertical-align: text-bottom;
}
.overTxtLabel {
  margin-top: 3px;
  color: rgba(77,77,77,0.5);
  font-size: 1.4em;
}
.hpsForms input {
  position: static !important;
}
.hpsForms input[type="text"],
.hpsForms input[type="password"]{
  height: 28px;
  padding: 0 10px;
  color: #4d4d4d;
  font-size: 1.4em;
  border: 1px solid #c5c5c5;
  background: none;
}
.ie7 .hpsForms input[type="text"],
.ie8 .hpsForms input[type="text"],
.ie7 .hpsForms input[type="password"],
.ie8 .hpsForms input[type="password"] {
  line-height: 28px;
}
.hpsForms .DF_button,
.hpsForms .DF_button_submitted {
  display: block;
  float: none;
  height: auto;
  padding-right: 0;
  text-decoration: none;
  background: none;
}
.hpsForms input[type="submit"] {
  height: 22px;
  line-height: 22px;
  padding: 0;
  text-align: center;
  color: #fff;
  font-size: 1.4em;
  background: #8a8a8a;
}
.hpsForms input[type="submit"]:hover {
  border-color: #a04a00;
  -webkit-box-shadow: inset 0 0 3px #2e2b25;
     -moz-box-shadow: inset 0 0 3px #2e2b25;
          box-shadow: inset 0 0 3px #2e2b25;
}
.hpsForms input[type="submit"]:focus,
.hpsForms input[type="submit"]:active {
  border-color: #a04a00;
  -webkit-box-shadow: inset 0 0 9px #2e2b25;
     -moz-box-shadow: inset 0 0 9px #2e2b25;
          box-shadow: inset 0 0 9px #2e2b25;
}
.hpsForms select {
  height: 28px;
  padding: 0 0 0 10px;
  color: #4d4d4d;
  font-size: 1.4em;
  border: 1px solid #c5c5c5;
  background: none;
}
.hpsForms .DF_errorbox {
  position: absolute !important;
  top: 4px;
  width: 541px !important;
}
.DF_textbox_error,
.DF_selectlist_error {
  border: 1px solid #ff574b !important;
  background: #fef0ef !important;
}

.std_error{
  /* zwykły border ma 2px inset, ale to źle wygląda dla błędu, więc dajemy border 1px i zwiększamy paddingi*/
  border: 1px solid #ff574b !important;
  background: #fef0ef !important;
  padding: 2px 1px;
}

/**********************************************************************************************/
/*
.* 
 * formularze na warstwie
 *
 */
.WindowContentLoading {
  padding: 0;
}
#IndicatorLoading{
  padding: 0;
  display: none !important;
}
.WindowModalLoading {
  background: #adadad;
}
.hpsLayer {
  width: 563px;
}
.hpsLayer.addToCart {
  width: 963px;
  background-color: #d5d5d5;
}
.hpsLayer.addPromoCode {
  width: 300px;
  background-color: #d5d5d5;
}
.hpsLayer.addPromoCode .promoCodeInput {
  text-align: center;
  margin-top: 20px;
  margin-bottom: -20px;
}
.hpsLayer.addPromoCode .grayButton {
  text-transform: lowercase;
  width: auto;
}
.hpsLayer.pickGuardians{
  width: 750px;
}
.hpsLayer header {
  height: 53px;
  background: #8a8a8a;
}
.hpsLayer header h2 {
  padding: 23px 20px 0;
  color: #fff;
  text-transform: uppercase;
  font: 400 1.8em/1.3 'Oswald', Tahoma, Arial, sans-serif;
}
.hpsLayer header .closeForm {
  float: right;
  margin: 5px 15px 0 0;
  color: #fff;
  font-size: 1.8em;
  font-weight: normal;
  text-decoration: none;
}
.hpsLayer .hpsInfo {
  height: 51px;
  padding: 0 20px; 
  line-height: 51px;
  font-size: 1.4em;
  font-weight: normal;
  background: #ed7c1b;
}
.hpsLayer section {
  background: #d5d5d5;
}
.hpsLayer section span,
.hpsLayer section .DF_radio_label {
  color: #4d4d4d;
  font-size: 1.2em;
  text-transform: lowercase;
}
.hpsLayer sup,
.hpsLayer sup.DF_label_require {
  font-size: 1.5em;
  color: #ed7c1b;
  vertical-align: text-bottom;
}
.hpsLayer input {
  position: static !important;
}
.hpsLayer input[type="text"],
.hpsLayer input[type="password"]{
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  color: #4d4d4d;
  font-size: 1.4em;
  border: 1px solid #c5c5c5;
}
.hpsLayer .DF_button,
.hpsLayer .DF_button_submitted {
  display: block;
  float: none;
  height: auto;
  padding-right: 0;
  text-decoration: none;
  background: none;
}
.hpsLayer input[type="submit"],
.hpsLayer input[type="button"] {
  height: 22px;
  line-height: 22px;
  padding: 0;
  text-align: center;
  color: #fff;
  font-size: 1.4em;
  background: #8a8a8a;
}
.hpsLayer input[type="submit"]:hover,
.hpsLayer input[type="button"]:hover {
  border-color: #a04a00;
  -webkit-box-shadow: inset 0 0 3px #2e2b25;
     -moz-box-shadow: inset 0 0 3px #2e2b25;
          box-shadow: inset 0 0 3px #2e2b25;
}
.hpsLayer input[type="submit"]:focus,
.hpsLayer input[type="submit"]:active,
.hpsLayer input[type="button"]:focus,
.hpsLayer input[type="button"]:active {
  border-color: #a04a00;
  -webkit-box-shadow: inset 0 0 9px #2e2b25;
     -moz-box-shadow: inset 0 0 9px #2e2b25;
          box-shadow: inset 0 0 9px #2e2b25;
}
.hpsLayer .DF_errorbox {
  position: absolute !important;
  top: 4px;
  width: 541px !important;
}
.hpsLayer .DF_textbox_error {
  border: 1px solid #ff574b;
  background: #fef0ef;
}
.hpsLayer select {
  height: 28px;
  padding: 0 0 0 10px;
  color: #4d4d4d;
  font-size: 1.4em;
  border: 1px solid #c5c5c5;
}
.hpsLayer input.DF_textbox_disabled {
  opacity: 0.4;
  background: #fff url(/mp/DeForm/DF_textbox.gif) repeat-x left top !important;
}
.hpsLayer footer {
  height: 52px;
  background: #ed7c1b;
}


/**********************************************************************************************/
/*
 *
 * logowanie krok pierwszy
 *
 */
#login aside {
  float: left;
  width: 238px;
  height: 246px;
  background: #adadad;
}
#login .logFirstSteP {
  padding: 0 26px 0 27px;
}
#login .logFirstSteP section {
  height: 90px;
  padding-top: 31px;
  background: url(/p/login-separator.png) no-repeat center top;
}
#login .logFirstSteP section:first-child {
  background: none;
}
#login hgroup {
  margin: 0 0 10px 0;
  text-align: center;
}
#login h3 {
  margin: 0 0 10px;
  color: #4d4d4d;
  font-size: 1.2em;
  font-weight: normal;
}
.fancyButton,
.fancyButton:visited,
#login .logButton,
#login input[type="submit"] {
  display: block;
  width: 185px;
  height: 36px;
  line-height: 36px;
  color: #626161;
  font-size: 1.4em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  outline: 0;
  background: url(/p/login-button.png) no-repeat 0 0;
  -webkit-transition: -webkit-box-shadow 0.1s ease-out; 
     -moz-transition: -moz-box-shadow 0.1s ease-out; 
      -ms-transition: box-shadow 0.1s ease-out; 
       -o-transition: box-shadow 0.1s ease-out; 
          transition: box-shadow 0.1s ease-out;
}
.fancyButton:hover,
#login .logButton:hover,
#login input[type="submit"]:hover {
  -webkit-box-shadow: inset 0 0 2px #444;
     -moz-box-shadow: inset 0 0 2px #444;
          box-shadow: inset 0 0 2px #444;
}
.fancyButton:focus,
.fancyButton:active,
#login .logButton:focus,
#login .logButton:active,
#login input[type="submit"]:focus,
#login input[type="submit"]:active{
  -webkit-box-shadow: inset 0 0 12px #444;
     -moz-box-shadow: inset 0 0 12px #444;
          box-shadow: inset 0 0 12px #444;
}
.fancyButton{
  text-decoration: none;
}
.checkVoucher {
  width: 543px;
  height: 246px;
}

/*
.* 
 * logowanie krok drugi
 *
 */
.logSecSteP {
  width: 543px;
  height: 296px;
}
.logSecSteP section {
  height: 193px;
}
.logSecSteP footer ul li {
  display: inline-block;
  width: 222px;
  line-height: 52px;
}
.logSecSteP footer ul li:first-child {
  width: 131px;
  padding-left: 40px;
}
.logSecSteP footer ul li.createAccount {
  width: 123px;
}
.logSecSteP footer ul a {
  color: #fff;
  font-size: 1.2em;
  font-weight: normal;
}

/*
.* 
 * logowanie krok trzeci - lista dostępnych opcji po zalogowaniu
 *
 */
.logTrdSteP {
  float: left;
  width: 238px;
  height: 246px;
  background: #d5d5d5;
}
.logTrdSteP li {
  margin-top: -1px;
}
.logTrdSteP li:first-child {
  margin-top: 0;
}
.logTrdSteP ul a {
  position: relative;
  display: block;
  width: 201px;
  height: 41px;
  padding-left: 35px;
  color: #272727;
  text-transform: uppercase;
  font: normal 1.4em/41px "Trebuchet MS", Arial, FreeSans, sans-serif;
  outline: 0;
  border: 1px solid #8a8a8a;
  -webkit-border-radius: 0 0 5px 5px;
     -moz-border-radius: 0 0 5px 5px;
          border-radius: 0 0 5px 5px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  background: #c1c1c1 url(/p/login-bullet.png) no-repeat 15px center;
}
.logTrdSteP ul a:before {
  position: absolute;
  left: 0;
  width: 234px;
  height: 39px;
  content:"";
  border: 1px solid #d2d2d2;
  -webkit-border-radius: 0 0 5px 5px;
     -moz-border-radius: 0 0 5px 5px;
          border-radius: 0 0 5px 5px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
.logTrdSteP ul a:hover {
  text-decoration: none;
  background-color: #d5d5d5;
}
.logTrdSteP ul .active a {
  color: #fff;
  background-color: #272727;
}
/*
.* 
 * twoj koszyk w lewej gornej kolumnie
 *
 */
#login .myCart {
  text-align: right;
  background: url(/p/cart.png) no-repeat 148px 6px;
}
#login .logTrdSteP .myCart h3 {
  padding-left: 35px;
  color: #272727;
  text-align: left;
  text-transform: uppercase;
  font: normal 1.4em/39px "Trebuchet MS", Arial, FreeSans, sans-serif;
  background: url(/p/login-bullet.png) no-repeat 15px center;
}
#login .myCart dl {
  padding: 0 15px 13px 35px;
  line-height: 1.5em;
}
#login .myCart dt {
  color: #272727;
  font-size: 1.3em;
  text-align: left;
}
#login .myCart dd {
  margin-top: -15px;
  color: #272727;
  font-size: 1.3em;
  font-weight: bold;
}
#login .myCart a {
  margin: 0 15px 0 0;
  color: #ed7c1b;
  font: normal 1.3em/1 Tahoma, Geneva, Verdana, Arial, FreeSans, sans-serif;
  }
#login .myCart a:hover {
  text-decoration: underline;
}


/**********************************************************************************************/
/*
.* 
 * formularz rejestracji (na warstwie)
 *
 */
.register section {
/*  height: 1230px;*/
  height: auto;
}
#content .register.editData section {
  height: auto;
  padding: 10px 0 25px 0;
}
.register section h3 {
  position: relative;
  left: 225px;
  margin-bottom: 15px;
  color: #4d4d4d;
  font-size: 1.4em;
  font-weight: normal;
}
.ie7 .register section h3 {
  width: 300px;
  margin-bottom: 7px;
}
.register.editData section h3 {
  top: 0 !important;
  left: 177px;
}
.register.editData .personalData h3 {
  margin-top: 0;
}
.register section .personalData,
.register section .address,
.register section .loginInfo,
.register section .disclaimer,
.register section .guardian {
  background: url('/p/form-separator.png') no-repeat center bottom;
}
.register section .personalData,
.address,
.loginInfo,
.disclaimer,
.register .guardian,
.clientPhoto {
  padding: 10px 0;
}
.clientPhoto.hidden {
  display: none;
  padding: 0;
  margin: 0;
}
.register.editData .disclaimer {
  margin-top: 10px !important;
}
.personalData .DF_groupbox, .address .DF_groupbox, .loginInfo .DF_groupbox {
  height: 29px;
  margin-bottom: 10px;
}

.ie7 .personalData .DF_groupbox, .ie7 .address .DF_groupbox, .ie7 .loginInfo .DF_groupbox{
  clear: both;
  height: 30px;
}

.ie7 .DF_groupbox_inner,
.ie7 .DF_label_require {
  position: absolute;
}

.ie7 .register.editData .DF_label_require,
.ie8 .register.editData .DF_label_require,
.ie9 .register.editData .DF_label_require {
  bottom: auto;
  top: auto;
}

.ie7 .personalData .DF_groupbox input,
.ie7 .address .DF_groupbox input, 
.ie7 .loginInfo .DF_groupbox input {
  margin-left: 10px;
}


.ie7 .register.editData .personalData .DF_groupbox input,
.ie7 .register.editData .address .DF_groupbox input, 
.ie7 .register.editData .loginInfo .DF_groupbox input,
.ie7 .register.editData .guardian .DF_groupbox input {
  margin-left: 177px;
}
.ie7 .register.editData #editform_address_flat,
.ie7 .register.editData #editform_contact_address_flat {
  margin-left: 10px;
}

.ie7 .personalData .DF_groupbox .DF_radio input,
.ie7 .address .DF_groupbox .DF_radio input,
.ie7 .loginInfo .DF_groupbox .DF_radio input {
  height: 0;
  margin-left: 0;
}

.personalData #editform_gender_box {
  height: 29px;
}

.personalData .genderRadio {
  float:right;
  width:310px;
  height:25px;
  margin-top: 4px;
}

.register.editData .personalData #editform_gender_box {
  height: 20px !important;
}

.register section .personalData .labelRight,
.register section .address .labelRight,
.register section .loginInfo .labelRight {
  text-align: right;
  width: 220px;
  float: left;
  padding-top: 5px;
}

.register section select {
  position: absolute;
  top: -14px;
  left: 85px;
  height: 28px;
  padding: 0 0 0 10px;
  color: #4d4d4d;
  font-size: 1.4em;
  border: 1px solid #c5c5c5;
}
.register section.hpsInfo{
  height: auto !important;
  line-height: normal;
  padding: 15px;
}
.register .submitContainer{
  height: 74px;
}
.register.editData .submitContainer{
  height: 50px;
}
.ie7 .register section select {
  top: 0;
  left: 81px;
}

.register.editData section select {
  left: 177px;
  margin: 0 !important;
}

.register .disclaimer {
  width: 484px;
  height: auto !important;
  margin-left: 50px;
  margin-top: 10px;
  color: #4d4d4d;
  font-size: 1em;
  font-weight: normal;
}

.register .disclaimer .DF_checkbox_label {
  color: #adadad;
  font-size: 1em;
  font-weight: normal;
}
.disclaimer a.termsLink {
  margin-left: 25px;
  color: #ed7c1b;
  font-size: 1em;
  font-weight: normal;
}

.register .disclaimer .agreement div div {
  height: auto !important;
  margin-bottom: 10px;
  position: relative !important;
  top: -10px !important;
  width:456px;
}

.register .disclaimer a.termsLink {
  position: relative;
  top: -15px;
}

.ie7 .register .disclaimer input {
  border: 0;
}

.register.editData #editform_password {
  /*margin-top: -17px;*/
}

.ie7 .register.editData #editform_password {
  margin-top: 0;
}

.register footer {
  padding-left: 20px;
  line-height: 53px;
  color: #fff;
  font-size: 1.2em;
  font-weight: normal;
  background: #8a8a8a;
}
/*
.* 
 * formularz przypomnienia hasla (na warstwie)
 *
 */
.remindPass .hpsInfo p {
  padding: 9px 0;
  line-height: 16px;
}
.remindPass p.hpsHint {
  padding-top: 30px;
  color: #4d4d4d;
  font-size: 1.2em;
  font-weight: normal;
  text-align: center;
}

 /*
 *
 * left/right side
 *
 */
#leftSide, #rightSide {
  margin: 20px 0 0 0;
}
#leftSide {
  float: left;
  width: 362px;
  -webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
  transition: width 0.5s;
}
#rightSide {
  float: left;
  width: 573px;
  margin-left: 30px;
  -webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
  transition: width 0.5s;
}
#rightSide h2 {
  color: #c7c7c7;
  font: 400 1.8em/41px 'Oswald', Tahoma, Arial, sans-serif;
  text-transform: uppercase;
}

/**********************************************************************************************/
/*
 *
 * terms of use
 *
 */
#termsOfUse hgroup {
  margin-bottom: 14px;
}
#termsOfUse h3 {
  clear: both;
  color: #ed7c1b;
  font: 400 1.8em/24px 'Oswald',Tahoma,Arial,sans-serif;
  text-transform: uppercase;
}
#termsOfUse h4 {
  color: #4d4d4d;
  font: 400 1.3em/2.3 'Oswald', Tahoma, Arial, sans-serif;
  text-transform: uppercase;
}

.termsOfUse {
  margin-bottom: 28px;
  font-size: 1.4em;
  line-height: 17px;
  color: #4d4d4d;
}
#termsOfUse ol li {
  margin-bottom: 10px;
  line-height: 16px;
  list-style-position: inside;
}
#termsOfUse ol {
  margin-top: -4px;
}
#termsOfUse ol ol {
  margin-top: 0;
  margin-bottom: 0;
  font-size: inherit;
}
#termsOfUse ol li li {
  margin-left: 50px;
  list-style-position: outside;
}
.ie7 #termsOfUse ol li li {
  font-size: 14px;
}

.termsList {
  margin-bottom: 30px;
}
.termsList ol {
  margin: 10px 0 0 20px;
  font-weight: normal;
  font: 1.4em/1.2 "Trebuchet MS",Arial,FreeSans,sans-serif;
}
.termsList li {
  margin-bottom: 10px;
}
.termsList li a {
  color:#4d4d4d;
  font-weight: normal;
  text-transform:uppercase;
}
.galleryPhoto {
  width: 100%;
  margin: 15px 0 30px;
  overflow: hidden;
}
.galleryPhoto li {
  float: left;
  margin: 0 5px 5px 0;
}
.downloadFile {
  margin: 15px 0 30px;  
}
.downloadFile li {
  margin-left: 20px;
  list-style: square;
  color:#4d4d4d;
}
.downloadFile a {
  color:#4d4d4d;
  font-weight: normal;
  font: 1.4em/1.2 "Trebuchet MS",Arial,FreeSans,sans-serif;
}

/**********************************************************************************************/
/*
 *
 * Page Navigator
 *
 */
.PageNavigator {
  padding-top: 10px;
  text-align: center;
  border-top: 1px dotted #d7d7d7;
}
.PageNavigator div,
.PageNavigator ul,
.PageNavigator li {
  display: inline;
}
.PageNavigator div {
  color:#4d4d4d;
  font:1.4em/1.2 "Trebuchet MS",Arial,FreeSans,sans-serif;
}
.PageNavigator a {
  padding: 0 10px;
  color: #ed7c1b;
  font:1.4em/1.2 "Trebuchet MS",Arial,FreeSans,sans-serif;
}
.PageNavigator li.active a {
  font-weight: bold;
  font-size: 1.5em;
}



/**********************************************************************************************/
/*
 *
 * karta kibica
 *
 */
#myProfile {
  margin-bottom: 77px;
}
#myProfile p {
  font-size: 1.4em;
  color: #4d4d4d;
  line-height: 17px;
}
#myProfile section {
  border: 1px solid #d7d7d7;
}
#myProfile .hpsForms {
  margin-top: 10px;
  padding: 25px 0;
}
#myProfile.passChange .hpsForms {
  position: relative;
}
#myProfile.passChange .DF_errorbox {
  width: 569px !important;
  margin-top: -3px;
  z-index: 1;
}
#myProfile .DF_groupbox_inner {
  display: inline-block;
  width: 160px;
  padding-right: 7px;
  text-align: right;
}
#myProfile .DF_groupbox select {
  margin: -19px 0 0 178px;
}
#myProfile .DF_button,
#myProfile .DF_button_submitted {
  text-align: center;
}
#myProfile .DF_button input {
  margin: 0 auto;
}

.capitals.DF_groupbox_inner,
.capitals.labelRight span{
  text-transform: none !important;
}

/**********************************************************************************************/
/*
 *
 * wniosek o kartę kibica
 *
 */
#createApplication form {
  padding: 15px 0 !important;
}
#createApplication .DF_groupbox,
.cardApplicationFieldsContainer .DF_groupbox {
  padding-bottom:6px;
}
#createApplication .DF_groupbox_inner,
.cardApplicationFieldsContainer .DF_groupbox_inner {
  display: inline-block;
  width: 160px;
  padding-right: 7px;
  text-align: right;
}
#createApplication .DF_groupbox select,
.cardApplicationFieldsContainer .DF_groupbox select {
  margin: -19px 0 0 178px;
}
#createApplication .DF_button,
.cardApplicationFieldsContainer .DF_button {
  text-align: center;
}
#createApplication .DF_button input,
.cardApplicationFieldsContainer .DF_button input {
  margin: 0 auto;
}
#createApplication .disclaimer,
.cardApplicationFieldsContainer .disclaimer{
  width: 80%;
  margin: 0 auto;
}
#createApplication .disclaimer .agreement {
  margin-bottom: 10px;
}

#createApplication footer,
.hpsLayer.addGroupMembers footer {
  padding-left: 20px;
  line-height: 53px;
  color: #fff;
  font-size: 1.2em;
  font-weight: normal;
  background: #8a8a8a;
}
#createApplication hr{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
#createApplication h3,
.cardApplicationFieldsContainer h3{
  text-align: left;
  padding-left: 180px;
  color: #4d4d4d;
  font-size: 1.5em;
  font-weight: normal;
  margin-bottom: 10px;
}
#createApplication .cardTypes{
  margin-bottom: 20px;
  width: 100%;
}
#createApplication .cardTypes tr{
  cursor: pointer;
}
#createApplication .cardTypes tr:hover{
  background-color: #cacaca;
}
#createApplication .cardTypes td{
  vertical-align: middle;
  padding: 5px;
  color: #4d4d4d;
  font-weight: normal;
  font-size: 1.4em;
}
#createApplication .cardTypes td.radio{
  width: 165px;
  text-align: right;
}
#createApplication .cardTypes td.image{
  width: 207px;
}

#createApplication .cardTypes td.image img{
  padding-top: 5px;
}

#createApplication .cardCharges,
.cardApplicationFieldsContainer .cardCharges{
  margin: 10px auto 20px auto;
  width: 80%;
  font-weight: normal;
}
#createApplication .cardCharges th,
.cardApplicationFieldsContainer .cardCharges th{
  background-color: #adadad;
  color: #fff;
  padding: 8px 20px;
  font-size: 1.1em;
  font-weight: normal;
}
#createApplication .cardCharges .totalValue,
.cardApplicationFieldsContainer .cardCharges .totalValue{
  text-align: right;
}
#createApplication .cardCharges td,
.cardApplicationFieldsContainer .cardCharges td{
  padding: 8px 20px;
  color: #4d4d4d;
  font-size: 1.2em;
}
#createApplication .cardCharges td.totalValue,
.cardApplicationFieldsContainer .cardCharges td.totalValue{
  font-size: 2.4em;
}
#createApplication #cancelApplicationBtn,
.cardApplicationFieldsContainer #cancelApplicationBtn{
  width: 80px;
  height: 22px;
  padding: 0;
}

/**********************************************************************************************/
/*
 *
 * calendar on homepage
 *
 */
.left-panel {
  float: left;
  width: 362px;
}
.left-panel header {
  background: #272727;
}
.ie7 .left-panel header {
  overflow: hidden;
}
.left-panel header h2 {
  margin-left: 25px;
  color: #fff;
  font: 400 1.8em/41px 'Oswald', Tahoma, Arial, sans-serif;
  text-transform: uppercase;
}
.left-panel ul {
  float: left;
  width: 360px;
  border: 1px solid #d7d7d7;
}
.left-panel li {
  float: left;
  width: 324px;
  padding: 13px 18px; 
  border-top: 1px solid #d7d7d7;
}
.left-panel li:first-child {
  border-top: none;
}
.left-panel .photo {
  margin-bottom: 10px;
}
.left-panel .calDate {
  float: left;
  width: 54px;
  margin-right: 20px;
  text-align: center;
  border: 1px solid #d7d7d7;
}
.left-panel .calMonth {
  margin: 0;
  padding: 3px 0;
  color: #fff;
  text-transform: uppercase;
  font: normal 1.4em/1 "Trebuchet MS", Arial, FreeSans, sans-serif;
  background: #adadad;
}
.left-panel .calDay {
  margin: 0;
  padding: 4px 0;
  color: #272727;
  font: normal 3em/1 "Trebuchet MS", Arial, FreeSans, sans-serif;
}
.left-panel .calDay.abo {
  font-size: 2.25em;
}
.left-panel .calYear {
  margin: 0;
  padding: 3px 0;
  color: #fff;
  text-transform: uppercase;
  font: bold 1.1em/1 "Trebuchet MS", Arial, FreeSans, sans-serif;
  background: #ADADAD;
}
.left-panel .calEvent,
.left-panel .calObject {
  margin: 0;
  padding: 2px 0 1px;
}
.left-panel .calEvent a,
.left-panel .calObject {
  color: #4d4d4d;
  text-transform: uppercase;
  font: normal 1.4em/1.2 "Trebuchet MS", Arial, FreeSans, sans-serif;
}
.left-panel .calEvent a{
  font-weight: bold;
}
.left-panel .calHour {
  margin: 0;
  padding: 0 0 6px 0;
  color: #afafaf;
  font-size: 1.4em;
  line-height: 1.2;
}
.calBuy {
  text-align: right;
  clear:left;
}
a.buyButton,
.grayButton,
.orangeButton,
.bckBtn,
a.buyButton:visited,
.bckBtn:visited,
.grayButton:visited,
.orangeButton:visited {
  padding: 1px 5px;
  color: #fff;
  font: normal 1.4em/1 "Trebuchet MS", Arial, FreeSans, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  background: #ed7c1b;
  border-width: 1px;
  border-style: solid;
  border-color: #ed7c1b;
  -webkit-transition: -webkit-box-shadow 0.1s ease-out; 
     -moz-transition: -moz-box-shadow 0.1s ease-out; 
      -ms-transition: box-shadow 0.1s ease-out; 
       -o-transition: box-shadow 0.1s ease-out; 
          transition: box-shadow 0.1s ease-out;
  margin-bottom: 5px;
}
a.buyButton:hover,
.bckBtn:hover {
  text-decoration: none;
  border-color: #a04a00;
  -webkit-box-shadow: inset 0 0 1px #7a3800;
     -moz-box-shadow: inset 0 0 1px #7a3800;
          box-shadow: inset 0 0 1px #7a3800;
}
a.buyButton:focus,
a.buyButton:active,
.bckBtn:focus,
.bckBtn:active {
  border-color: #a04a00;
  -webkit-box-shadow: inset 0 0 8px #7a3800;
     -moz-box-shadow: inset 0 0 8px #7a3800;
          box-shadow: inset 0 0 8px #7a3800;
}
.grayButton,
.grayButton:visited,
.orangeButton,
.orangeButton:visited {
  text-transform: lowercase;
}
.grayButton,
.grayButton:visited{
  border-color: #8a8a8a;
  background: #8a8a8a;
}
.orangeButton,
.orangeButton:visited{
  border-color: #ED7C1B;
  background: #ED7C1B;
}
.grayButton:hover {
  border-color: #2e2b25;
  text-decoration: none;
  -webkit-box-shadow: inset 0 0 4px #2e2b25;
     -moz-box-shadow: inset 0 0 4px #2e2b25;
          box-shadow: inset 0 0 4px #2e2b25;
}
.orangeButton:hover {
  border-color: #A04A00;
  text-decoration: none;
  -webkit-box-shadow: inset 0 0 4px #7A3800;
     -moz-box-shadow: inset 0 0 4px #7A3800;
          box-shadow: inset 0 0 4px #7A3800;
}
.grayButton:focus,
.grayButton:active {
  border-color: #2e2b25;
  -webkit-box-shadow: inset 0 0 10px #2e2b25;
     -moz-box-shadow: inset 0 0 10px #2e2b25;
          box-shadow: inset 0 0 10px #2e2b25;
}
.orangeButton:focus,
.orangeButton:active {
  border-color: #A04A00;
  -webkit-box-shadow: inset 0 0 10px #7A3800;
     -moz-box-shadow: inset 0 0 10px #7A3800;
          box-shadow: inset 0 0 10px #7A3800;
}


/**********************************************************************************************/
/*
 *
 * news box, news details, event details on homepage
 *
 */
#news li {
  float: left;
  width: 162px;
  margin: 0 0 40px 30px;
}
#news li.first_in_row {
  clear: left; 
  margin-left: 0;
}
#news li img,
#newsDetails img {
  border: 1px solid #d7d7d7;
}
#news li a:hover img {
  border: 1px solid #adadad;
}
#news li h3,
#news li p,
#newsDetails h3,
#newsDetails p,
#eventDetails h3,
#eventDetails dt,
#eventDetails dd {
  font-size: 1.4em;
  font-weight: normal;
  line-height: 1.1;
}
#news li img{
  margin-bottom: 16px;
}
#news li h3 {
  margin: 0 0 3px;
}
#news li h3 a,
#eventDetails dt {
  color: #4d4d4d;
}
#news li p,
#newsDetails p,
#eventDetails dd {
  color: #afafaf;
}
#newsDetails section p {
  text-align: justify;
}
#news li p.viewMore,
#newsDetails p.viewMore {
  margin-top: 3px;
  text-align: right;
}
#news li p a,
#newsDetails p.viewMore a {
  color: #ed7c1b;
}
#newsDetails aside,
#eventDetails aside {
  float: left;
  width: 192px;
}
#eventDetails aside li {
  float: left;
  width: 50%;
  margin-top:10px;
  text-align: left;
}
#newsDetails section,
#eventDetails section {
  float: right;
  width: 352px;
  padding-left: 28px;
  border-left: 1px solid #d7d7d7;
}
#newsDetails section h3 {
  margin: -3px 0 4px;
}
#eventDetails section dt {
  margin-top: 11px;
  line-height: 1.15;
  text-decoration: underline;
}
#eventDetails .calBuy {
  margin: 23px 31px 0 0;
}

#eventDescription {
  clear: both;
  padding-top: 50px;
}

/**********************************************************************************************/
/*
 *
 * kroki sprzedazy biletow
 *
 */
#salesSteps .salesContent {
  width: 963px;
  overflow: hidden;
  border: 1px solid #d7d7d7;
  background: #fff;
}
#salesHeader,
#salesProgress {
  background: #fff;
}
#salesHeader {
  width: 963px;
  border-right: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
}
.cartNav {
  height: 22px;
  padding: 10px 20px 10px 0;
  text-align: right;
  line-height: 24px;
  border-bottom: 1px solid #d7d7d7;
}
.cartNav a {
  margin-left: 20px;
}
#eventCharges24 {
  overflow: hidden;
}
.eventHeader {
  clear: both;
  padding-bottom: 10px;
  border-bottom: 1px solid #D7D7D7;
  padding-top: 7px;
}
.step45 .eventHeader:first-child {
  margin-top: 40px;
}
.step45 .eventHeader {
  margin-top: 60px;
}
#salesHeader header h2,
.eventHeader h1 {
  padding: 0 25px;
  text-transform: uppercase;
  font: 400 1.8em/41px 'Oswald', Tahoma, Arial, sans-serif;
}
#salesHeader header h2 {
  color: #fff;
  background: #adadad;
}
.eventHeader h1 {
  margin-top: 3px;
  color: #4d4d4d;
  line-height: 29px;
}
.eventHeader h1 span {
  padding-right: 5px;
  color: #c7c7c7;
}
.eventHeader p {
  padding: 0 25px;
  color: #afafaf;
  font-size: 1.4em;
}
#salesSteps .step45 .eventHeader h1 {
  display: inline;
  padding-right: 10px;
}
#salesSteps .step45 .eventHeader p {
  display: inline;
  padding-left: 0;
  color: #c7c7c7;
}
#salesProgress {
  padding: 22px 0 10px 0;
  border-bottom: 1px solid #d7d7d7;
  background-image: url(/p/sales-steps.png);
  background-repeat: no-repeat;
}
#salesProgress a {
  color: #ed7c1b;
  border-bottom: 1px dotted #ed7c1b;
}
#salesProgress a:hover {
  color: #ed7c1b;
  text-decoration: none;
  border-bottom: 1px solid #ed7c1b;
}
#step1 #salesProgress {
  background-position: 58px 11px;
}
#step1 .st1 {
  color: #ed7c1b;
}
#step2 #salesProgress {
  background-position: 58px -39px;
}
#step2 .st2 {
  color: #ed7c1b;
}
#step3 #salesProgress {
  background-position: 58px -89px;
}
#step3 .st3 {
  color: #ed7c1b;
}
#step4 #salesProgress {
  background-position: 58px -139px;
}
#step4 .st4 {
  color: #ed7c1b;
}
#step5 #salesProgress {
  background-position: 58px -189px;
}
#step5 .st5 {
  color: #ed7c1b;
}
#step6 #salesProgress {
  background-position: 58px -239px;
}
#step6 .st6 {
  color: #ed7c1b;
}
#salesProgress ul {
  padding-top: 10px;
}
#salesProgress li {
  display: inline-block;
  width: 16.3%;
  color: #d5d5d5;
  font-size: 1.4em;
  text-align: center;
}
.ie7 #salesProgress ul {
  padding-bottom: 15px; 
}
.ie7 #salesProgress li {
  display: block;
  float: left;
}
#salesProgress .st1 span {
  margin-left: -24px;
}
#salesProgress .st2 span {
  margin-left: -31px;
}
#salesProgress .st3 span {
  margin-left: -24px;
}
#salesProgress .st4 span {
  margin-left: -14px;
}
#salesProgress .st5 span {
  margin-left: -13px;
}
#salesProgress .st6 span {
  margin-left: -16px;
}
#salesSteps #leftSide {
  width:730px;
  min-height: 550px;
  margin: 0;
  padding: 25px 0;
  text-align: center;
  border-right: 1px solid #d7d7d7;
}
/*
#salesSteps #step3 #leftSide {
  min-height: 650px;
}
*/
#salesSteps #rightSide {
  width:232px;
  margin: 0;
  padding: 0;
  background: #fff;
}
#salesSteps section p,
#salesSteps .salesContent p
#salesSteps label {
  color: #272727;
  font-size: 1.4em;
  line-height: 1.2;
  font-weight: normal;
}
#salesSteps p a,
#salesSteps p .highlighted {
  color: #ed7c1b;
}  
  
  

/**********************************************************************************************/
/*
 *
 * sprzedaz - wybor miejsca
 *
 */
#step3 #leftSide header h3 {
  margin-bottom: 10px;
  text-align: center;
  color: #272727;
  font-size: 1.4em;
  font-weight: normal;
}
.sectorCarousel {
  width: 680px;
  height: 32px;
  margin: 0 auto;
}
.sectorCarousel a {
  display: block;
  height: 27px;
  line-height: 27px;
  color: #afafaf;
  font-size: 1.1em;
  background-image: url(/p/prev-next-arrows.png);
  background-repeat: no-repeat;
}
.sectorCarousel .prev {
  float: left;
  padding-left: 40px;
  background-position: left -95px;
}
.sectorCarousel .next {
  float: right;
  padding-right: 40px;
  background-position: right 0;
}
.seatSales {
  position: relative;
  overflow: hidden;
}
.rows-numbers {
  position:absolute;
  top:0;
}
.rows-numbers div {
  height: 21px;
  line-height: 21px;
}
.rows-numbers.left {
  left: 0;
}
.rows-numbers.left div {
  float: right;
  clear: right;
}
.rows-numbers.right {
  right: 0;
}
.rows-numbers.right div {
  float: left;
  clear: left;
}
.seatSales .seats {
  position: relative;
  top: 0;
  left: 50px;
  width: 640px;
  margin-bottom: 45px;
  overflow-x: auto;
}
.ie7 .seatSales .seats {
  left: 0;
}
.seatsContener {
  width: 1000px;
  margin: 0 auto;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.seatSales .seats .row {
  height: 21px;
}
.seatSales .row div {
  float: left;
  width: 21px;
  height: 21px;
  line-height: 21px;
  background-color: transparent;
  background-image: url(/p/seats-sprite.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  cursor: pointer;
}
.seatSales .row div.seatDeleted{
  visibility: hidden;
}
.seatSales .row div.seatFree {
  background-position: 0 0;
}
.seatSales .row div.seatFree.active {
  background-color: orange !important;
}
.seatSales .row div.seatReserved {
  background-position: 0 -100px;
}
.seatSales .row div.seatTaken {
  background-position: 0 -200px;
}



/**********************************************************************************************/
/*
 *
 * krok 5 - podsumowanie
 * krok 4 - koszyk
 * krok 6 - potwierdzenie zakupu
 *
 */
#content .step45 #leftSide header,
#content .step45 #leftSide section,
#step6 #leftSide header,
#step6 #leftSide section {
  padding: 0 25px;
  text-align: left;
}
#content .step45 header h2,
#step6 header h2 {
  color: #4d4d4d;
  margin-top: 3px;
  font: 400 1.8em/53px 'Oswald',Tahoma,Arial,sans-serif;
  text-transform: uppercase;
}
#content .step45 p,
#step6 p {
  margin-bottom: 20px;
}
#content .step45 #leftSide,
#step6 #leftSide {
  width: 963px;
  border-right: 0; 
}
#content .step45 #salesSteps #leftSide {
  padding:25px 0 5px;
}
#content .step45 #leftSide header {
  margin-top: 24px;
  border-top: 1px solid #d7d7d7;
}
#content .step45 #leftSide ul {
  padding: 10px 0;
  overflow: hidden;
  border-top: 1px solid #d7d7d7;
}
#content .step45 #leftSide ul:first-child {
  padding: 0 0 17px 0;
  border-top: 0;
}
#content .step45 #leftSide li {
  float: left;
  width: 27%;
  padding: 3px 0;
  text-align: left;
}
#content .step45 li input {
  vertical-align: text-top;
}
#content .step45 li label {
  line-height: 1.3;
}
#content .step45 table,
.salesError .ticketInfo table {
  width: 100%;
}
#content .step45 th,
#content .step45 td,
.salesError th,
.salesError td  {
  padding: 4px 0;
  color: #272727;
  font-size: 1.4em;
  line-height: 1.2;
  font-weight: normal;
}
#content .step45 th,
.salesError th {
  padding: 8px 0;
  font-size: 1.1em;
  text-shadow: 0px 0px 6px #fff;
  text-align: center;
  background-color: #d5d5d5;
  background-image: url('/p/separator-podsumowanie.png');
  background-repeat: no-repeat;
  background-position: left center;
}
.salesError .ticketInfo th.sumIcon{
  border: 0;
  background-image: none;
}
.salesError .ticketInfo td.activeIcon{
  width: 24px;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center -1524px;
}
.salesError .ticketInfo  tr.active td.activeIcon{
  background-image: url('/p/legend-icons.png');
}
.pickGuardians .salesError tr.selectGuardian{
  cursor: pointer;
}
.pickGuardians .salesError tr:hover td{
  background-color: #c2c2c2;
}
.pickGuardians .ticketInfo p{
  margin: 5px 0;
}
.pickGuardians .ticketInfo .guardianSearch{
  position: relative;
  height: 50px;
  width: 530px;
  margin: 0 auto;
}
#content .step45 th.sumLp {
  width: 38px;
}
#content .step45 th.sumTicket {
  width: 104px;
}
#content .step45 th.sumName {
  width: 152px;
}
#content .step45 th.sumSector {
  width: 67px;
}
#content .step45 th.sumRow {
  width: 65px;
}
#content .step45 th.sumPos {
  width: 76px;
}
#content .step45 th.sumPrice {
  width: 90px;
}
#content .step45 th.sumExtra {
  width: 124px;
}
#content .step45 th.sumExPrice {
  width: 91px;
}
#content .step45 th.sumTotal {
  width: 144px;
}
#content #step4 th.sumTotal {
  width: 100px;
}
#content .step45 th.sumDel {
  width: 65px;
}
.fanPurchasing thead th:first-child {
  background-image: none;
}
#content .step45 td {
  height: 28px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
  line-height: 1;
  vertical-align: middle;
}
#content .step45 td.cell.toRight{
  padding-right: 20px;
}
#content .step45 tr.last td{
  border-bottom: 1px solid #d7d7d7;
}
#content .step45 .ticketInfo td {
  padding-top: 8px;
  padding-bottom: 3px;
  vertical-align: middle;
}
#content .step45 .ticketInfo .chargeRow td {
  padding-top: 3px;
  padding-bottom: 3px;
}
#content .step45 .ticketInfo .chargeRow.last td {
  padding-bottom: 8px;
}
#content .step45 .ticketInfo .eventSum td {
  padding-top: 0;
  padding-bottom: 0;
}
#content .step45 td:empty {
  border-bottom: 0;
}
#content .step45 td.sumLp {
  width: 18px;
}
#content .step45 td.sumTicket {
  width: 84px;
}
#content .step45 td.sumName {
  width: 132px;
}
#content .step45 td.sumSector {
  width: 47px;
}
#content .step45 td.sumRow {
  width: 65px;
  padding-left: 0;
  text-align: center;
}
#content .step45 td.sumPos {
  text-align: center;
  width: 56px;
}
#content .step45 td.sumPrice {
  width: 70px;
}
#content .step45 td.sumExtra {
  width: 104px;
}
#content #step4 td.sumExtra {
  width: 124px;
}
#step4 td.sumExtra select {
  width: 122px;
}
#content .step45 td.sumExPrice {
  width: 71px;
}
#content .step45 td.sumTotal {
  width: 124px;
}
#content #step4 td.sumTotal {
  width: 100px;
  padding-left: 0;
  text-align: center;
}
#content .step45 td.sumDel {
  width: 65px;
  padding-left: 0;
}
#content .step45 td label {
  font-size: 1em;
}
#content .step45 tfoot tr:first-child td,
#content .step45 tr td.dark,
#content .step45 tr td.light {
  height: 29px;
  font-size: 1.1em;
  color: #fff;
  text-align: left;
  background-color: #adadad;
}
#content .step45 tr td.light {
  background-color: #d5d5d5 !important;
}
#content .step45 tfoot tr:first-child td:first-child {
  background: none;
}
#content .step45 tfoot .sumTotPrice td {
  padding-right: 45px;
  font-size: 2.4em;
  text-align: right;
}
#content .step45 tfoot input[type="checkbox"] {
  margin-right: 8px;
}
#content .step45 tfoot .grayButton {
  float: right;
  padding: 3px 12px;
  font-size: 1em;
}
#content .step45 tfoot .sumLast td {
  padding: 5px 18px 20px 0;
  color: #272727 !important;
  font-size: 1.4em !important;
  text-align: right !important;
  border: 0;
}
#content .step45 tfoot .sumInvoice td {
  padding-top: 21px;
  border: 0;
}
.eventCharges {
  overflow:hidden;
}
.step45 .col {
  float: left;
  width: 41%;
}
.step45 .colLeft {
  margin-right: 9%;
}
#content .step45 .colLeft th {
  padding-right: 5px;
  padding-left: 5px;
}
.step45 .colLeft .tabGoodies {
  width: 129px;
}
.step45 .colLeft .tabPrice {
  white-space: nowrap;
}
.step45 .colLeft .tabQuant {
  text-align: right;
}
#content .step45 .colLeft td.tabFoto {
  padding-left: 0;
  text-align: center;
}
.step45 .colRight {
  margin-left: 9%;
}
.step45 .colRight table {
  margin-bottom: 25px;
}
#content .step45 .colRight th {
  text-align: left;
  padding-left: 20px;
}
#content .step45 .colRight .ticketSummary th {
  color: #fff;
  text-shadow: none;
  background-color: #adadad;
}
.step45 select {
  border: 1px solid #c5c5c5;
}
.moreCharges {
  float: right;
  margin-top: 5px;
  color: #adadad;
  font-size: 11px;
}

.hpsLayer.addToCart .salesError h1 {
  text-transform: uppercase;
  font: 400 1.8em/41px 'Oswald', Tahoma, Arial, sans-serif
}
.hpsLayer.addToCart .salesError span {
  font-size: 1em;
}
.salesError .ticketInfo {
  padding: 0 25px;
}
.hpsLayer.addToCart .salesError p.warning {
  margin-top: 25px;
  margin-bottom: 10px;
  color: #ff0000;
}
.salesError .ticketInfo table th {
  background-color: #f9f9f9;
}
.salesError .ticketInfo table th.sumTicket {
  background-image: none;
}
.salesError .ticketInfo table td {
  text-align: center;
  background-color: #e7e7e7;
}
.salesError .errorFooter {
  padding: 25px;
  text-align: right;
}
.salesError .errorFooter input {
  width: 80px;
}


#content .step45 + script + #rightSide,
#step6 + script + #rightSide {
  display: none;
}


.layerTable .photoRequiredError{
  text-align: center;
  background: #fef0ef;
  border: 1px solid red;
  color: #4d4d4d;
  padding: 5px;
  margin: 5px 0 15px 0;
  font-size: 1.2em;
  font: 11px Tahoma,Arial,Helvetica,sans-serif;
}

.layerTable .photoRequiredError a{
  color: #ed7c1b;
}

.layerTable .photoRequiredError.hidden{
  display: none;
}

/**********************************************************************************************/
/*
 *
 * mapa obiektu
 *
 */
#salesSteps #leftSide form {
  left: 0 !important;
  text-align: center;
}
#salesSteps #leftSide img {
  vertical-align: middle;
}
#canvasHolder.inSale {
  display: block;
  height: 550px;
  position: relative;
  width: 700px;
  border: 0pt none;
  margin: 10px auto;
}
#canvasHolder.toRight {
  margin: 5px;
  right: 5px;
  position: absolute;
  text-align: left;
}
#canvasHolder canvas:hover {
  cursor: pointer;
}
#canvasHolder img, #canvasHolder canvas {
  position: absolute;
  top: 0pt;
  left: 0pt;
  width: 700px;
  height: 550px;
}
#canvasHolder #sectorNotNumberedInfo {
  background: none repeat scroll 0pt 0pt #FFFFFF;
  opacity: 0;
  position: absolute;
  top: 0pt;
  left: 0pt;
  width: 200px;
  height: 20px;
  text-align: center;
  font-weight: bold;
  line-height: 20px;
  font-size: 16px;
  color: #FF0000;
  visibility: hidden;
}


/**********************************************************************************************/
/*
 *
 * stopka w krokach sprzedazy
 *
 */
#salesFooter {
  width: 963px;
  height: 56px;
  line-height: 56px;
  border: 1px solid #d7d7d7;
  border-top: 0; 
}
#transactionType {
  margin-bottom: 20px;
  overflow: hidden;
}
#salesFooter .leftSide,
#transactionType .leftSide {
  float: left;
  width: 731px;
}
#salesFooter .rightSide,
#transactionType .rightSide {
  float: left;
  width: 232px;
  text-align: center;
}
#salesFooter input[type="button"],
#transactionType input[type="button"],
#issueInvoice input[type="button"]{
  width: 90px;
  height: 22px;
  line-height: 18px;
  margin-left: 60px;
}
#transactionType input[type="button"],
#issueInvoice input[type="button"]{
  font-size: 0.9em;
}
#salesFooter #goToSummary.orangeButton {
  width: 120px;
}
#salesFooter input,
#salesFooter a,
#transactionType input,
#transactionType a,
#issueInvoice input[type="button"],
#issueInvoice a{
  text-transform: lowercase;
  vertical-align: middle;
}
#transactionType .rightSide input[type="button"],
#issueInvoice .rightSide input[type="button"] {
  margin: 0 20px 0 18px;
}

#salesFooter .leftSide a {
  margin-left: 415px;
}
#salesLegend {
  /*display: none;*/
  width: 963px;
  height: 56px;
  line-height: 56px;
  border: 1px solid #d7d7d7;
  border-top: 0; 
}
#salesLegend ul {
  margin-left: 45px;
}
#salesLegend li {
  display: inline-block;
  margin-right: 25px;
  padding-left: 30px;
  color: #272727;
  font-size: 1.4em;
  background-image: url(/p/seats-sprite.png);
  background-repeat: no-repeat;
  background-position: 0 center;
}
.ie7 #salesLegend li {
  display: inline;
}
#salesLegend li.seatFree {
  background-position: 0 20px;
}
#salesLegend li.seatReserved {
  background-position: 0 -80px;
}
#salesLegend li.seatTaken {
  background-position: 0 -180px;
}
#step3 #salesLegend {
  display: block;
}


/**********************************************************************************************/
/*
 *
 * wybrane miejsca - prawa kolumna
 *
 */
#selectedLocations {
  background: #c7c7c7;
}
#selectedLocations h2 {
  margin-top: 1px;
  padding: 0 15px;
  color: #fff;
  text-transform: none;
  font: normal 1.4em/28px Tahoma, Geneva, Verdana, Arial, FreeSans, sans-serif;
  background: #adadad;
}
#selectedLocations .parking td:first-child:before {
  content: "P";
  margin-right: 8px;
  font-weight: 900;
  font-size: 20px;
  position: relative;
  top: 3px;
  background-color: #1E88E5;
  padding: 0 5px;
  color: #fff;
}

#selectedLocations span.buyParking {
  display: inline-block;
  padding: 5px 16px;
  color: #fff;
}

#selectedLocations .buyParking a {
  background-color: #1E88E5;
  padding: 5px 10px;
  text-decoration: none;
  color: #fff;
}

#selectedLocations .buyParking a:before {
  content: "P";
  margin-right: 8px;
  font-weight: 900;
  font-size: 20px;
  position: relative;
  top: 3px;
}

.selPositions {
  min-height: 363px;
}
.selPositions .listContainer{
  min-height: 50px;
  max-height: 335px;
  overflow-x: hidden;
  overflow-y: auto;
}
#selectedLocations h2 a,
#selectedLocations h2 a:hover
#selectedLocations h2 a:visited {
  color: #fff;
  text-decoration: none;
}
#selectedLocations .selPositions h2 {
  margin-top: 0;
}
#selectedLocations table {
  min-width: 190px;
  margin: 0 15px;
}
#selectedLocations thead {
  border-bottom: 1px solid #1a171b;
}
#selectedLocations tr {
  height: 27px;
}
#selectedLocations th,
#selectedLocations td {
  width: 55px;
  height: 27px;
  line-height: 20px;
  text-align: center;
  color: #1a171b;
  font-size: 1.4em;
  font-weight: normal;
  vertical-align: bottom;
}
#selectedLocations td {
  vertical-align: middle;
}
#selectedLocations th.textL,
#selectedLocations td.textL {
  text-align: left;
}
#selectedLocations th.textR,
#selectedLocations td.textR {
  text-align: right;
}
td.deleteBtn {
  cursor: pointer;
  font-size: 0;
  text-indent: -7000px;
  background-image: url(/p/delete.png);
  background-repeat: no-repeat;
  background-position: center center;
}
#selectedLocations th.deleteBtn,
#selectedLocations td.deleteBtn {
  width: 37px;
}
#selectedLocations tbody td {
  border-top: 1px solid #adadad;
}
#selectedLocations tbody tr:first-child td {
  border-top: 0;
}
#selectedLocations tbody tr:nth-child(even) td {
  background-color: #d7d7d7;
}
.stadiumLocat {
  height: 185px;
  text-align: center;
  background: #fff;
}
.stadiumLocat hgroup {
  text-align: left;
}


/**********************************************************************************************/
/*
 *
 * karta kibica
 *
 */
.fanPurchasing .hpsButton {
  float: right;
  margin: 10px 31px 0 0;
}
.msgInfo {
  padding: 10px 20px;
  color: #444;
  font-size: 1.4em;
  border: 1px solid #ed7c1b;
  background-color: #fcd7a7;
}
.fanPurchasing section {
  clear: left;
}
.orderlist {
  padding-left: 20px;
  overflow: hidden;
  height: 0;
  background: url('/p/table-corner.png') no-repeat 35px -1px;
  -webkit-transition: width 0.5s, height 0.5s; /* For Safari 3.1 to 6.0 */
  transition: width 0.5s, height 0.5s;
}
#fanBasket table {
  width: 96%;
  margin: 12px 33px 20px 35px;
  padding-left: 20px;
}
.fanPurchasing thead {
  border: 1px solid #c7c7c7;
}
.fanPurchasing thead th {
  padding: 4px 0;
  text-align: center;
  background: url('/p/separator-karta.png') no-repeat left center;
}
.fanPurchasing thead th:first-child {
  background: none;
}
.fanPurchasing thead th,
.fanPurchasing tbody td {
  font-size: 1em;
  font-weight: normal;
  color: #4d4d4d;
  vertical-align: middle;
}
#fanBasket tbody td {
  padding: 3px 0;
  vertical-align: top;
}
.fanPurchasing tbody td a {
  color: #4d4d4d;
}
.fanPurchasing tbody td {
  padding: 5px 0;
  text-align: center;
  border-bottom: 1px solid #c7c7c7;
}
.fOrdinal {
  width: 25px;
}
.fDate {
  width: 82px;
}
.fType {
  width: 74px;
}
.fExpired {
  width: 85px;
}
.fPrice {
  width: 63px;
}
th.fStatus {
  width: 64px;
}
.fActivated {
  width: 80px;
}
.fOption {
  width: 67px;
}
#fanBasket .fOrdinal {
  width: 22px;
}
.fName {
  width: 94px;
}
.fTicket {
  width: 50px;
}
.fEvent {
  width: 100px;
}
.fPlace {
  width: 59px;
}
#fanBasket .fPrice {
  width: 55px;
}
#fanBasket .fStatus {
  width: 56px;
}
.fDownload {
  width: 48px;
}

td.fStatus {
  background-image: url('/p/legend-icons.png');
  background-repeat: no-repeat;
}
.fNew {
  background-position: center 21px;
}
.fPaid {
  background-position: center -71px;
}
.fRealiz {
  background-position: center -161px;
}
.fPrint {
  background-position: center -251px;
}
.fSend {
  background-position: center -341px;
}
.fReceive {
  background-position: center -431px;
}
.fReleased {
  background-position: center -521px;
}
.fReversal {
  background-position: center -611px;
}
.fBlocked {
  background-position: center -1601px;
}
.fClubDel {
  background-position: center -701px;
}
.fClientDel {
  background-position: center -791px;
}
.fExpired{
  background-position: center -971px;
}
#fanBasket .fPaid {
  background-position: center -84px;
}
.fCanceled {
  background-position: center -984px;
}
.fReturned {
  background-position: center -1074px;
}
.fPaymentAwaiting {
  background-position: center -1164px;
}
.fNotPaid {
  background-position: center -1254px;
}
.fPaymentInProgress {
  background-position: center -1704px;
}
.fVerification {
    background-position: center -1704px;
}
td.fStatus div {
  position: relative;
  height: 30px;
}
#fanCard td.fStatus span{
  display: none;
}
#fanBasket td.fStatus div {
  height: 17px;
}
#fanCard td{
  height: 41px;
}
.fStatus div span {
  display: none;
  position: absolute;
  top: -30px;
  right: -10px;
  padding: 10px 20px;
  background: #fff;
  border-radius: 6px; 
  border: 1px solid #c7c7c7;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
  white-space: nowrap;
  opacity: 0;
  filter: alpha(opacity=00);
  -webkit-transition: opacity 0.2s ease-out; 
     -moz-transition: opacity 0.2s ease-out; 
      -ms-transition: opacity 0.2s ease-out; 
       -o-transition: opacity 0.2s ease-out; 
          transition: opacity 0.2s ease-out;
}
.fStatus div:hover > span {
  display: inline;
  opacity: 1;
  filter: alpha(opacity=100);
}

#fanBasket .myPurchases {
  height: 29px;
  margin-top: 1px;
  padding-left: 22px;
  position: relative;
}
#fanBasket .myPurchases div {
  float: left;
  height: 29px;
  overflow: hidden;
  line-height: 26px;
  font-size: 1.4em;
  background-color: #d5d5d5;
  background-image: url('/p/separator-zakupy.png');
  background-repeat: no-repeat;
  background-position: left center;
}
#fanBasket .myPurchases div span{
  padding: 0 12px;
}
#fanBasket .myPurchases div.fInvoice span{
  padding: 0 5px;
}
#fanBasket section:nth-child(odd) .myPurchases div {
  background-color: #c1c1c1;
}
#fanBasket .myPurchases div.pokaz {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  padding: 0 2px;
  text-align: center;
  background-color: #fff;
  background-image: none;
}
#fanBasket section:nth-child(odd) .myPurchases div.pokaz {
  background: #fff;
}
#fanBasket .myPurchases div.pokaz a {
  display: block;
  width: 13px;
  height: 12px;
  margin-top: 8px;
  font-size: 0;
  line-height: 0px;
  text-indent: -9000px;
  outline: 0;
  background-image: url(/p/legend-icons.png);
  background-repeat: no-repeat;
}
#fanBasket .myPurchases div.rozwin a {
  background-position: 0 -1350px;
}
#fanBasket .myPurchases div.zwin a {
  background-position: 0 -1440px;
}
#fanBasket .fTitle {
  width: 57%;
  background-image: none;
}
#fanBasket .fTotal {
  width: 20%;
  text-align: right;
}
#fanBasket .fInvoice {
  width: 23%;
  /*padding-left: 15px;*/
}


/**********************************************************************************************/
/*
 *
 * formularz dodawania do koszyka masowej ilości miejsc
 *
 */
.masSeatPurch {
  position: absolute;
  top: 5px;
  right: 10px;
 }
.masSeatPurch .DF_button,
.masSeatPurch .DF_button_submitted {
  height: auto;
  padding-right: 0;
  text-decoration: none;
  background: none;
}
.masSeatPurch .DF_groupbox_inner {
  color: #272727;
  font: normal 1.4em/1 "Trebuchet MS", Arial, FreeSans, sans-serif;
}
.masSeatPurch input[type="text"] {
  width: 30px !important;
  margin: 10px 0;
  padding: 3px 15px;
  color: #272727;
  text-align: center;
  font: normal 1.4em/1 "Trebuchet MS", Arial, FreeSans, sans-serif;
  text-decoration: none;
  border-color: #c5c5c5;
  background: #fff;
}
.masSeatPurch input[type="button"] {
  width: inherit;
  height: 22px;
  padding: 0 5px;
  color: #fff;
  font: normal 1.4em/1 "Trebuchet MS", Arial, FreeSans, sans-serif;
  text-decoration: none;
  background: #ed7c1b;
  border-width: 1px;
  border-style: solid;
  border-color: #ed7c1b;
  -webkit-transition: -webkit-box-shadow 0.1s ease-out; 
     -moz-transition: -moz-box-shadow 0.1s ease-out; 
      -ms-transition: box-shadow 0.1s ease-out; 
       -o-transition: box-shadow 0.1s ease-out; 
          transition: box-shadow 0.1s ease-out;
}
.masSeatPurch input[type="button"]:hover {
  border-color: #A04A00;
  text-decoration: none;
  -webkit-box-shadow: inset 0 0 4px #7A3800;
     -moz-box-shadow: inset 0 0 4px #7A3800;
          box-shadow: inset 0 0 4px #7A3800;
}
.masSeatPurch input[type="button"]:focus,
.masSeatPurch input[type="button"]:active {
  border-color: #A04A00;
  -webkit-box-shadow: inset 0 0 10px #7A3800;
     -moz-box-shadow: inset 0 0 10px #7A3800;
          box-shadow: inset 0 0 10px #7A3800;
}
.masSeatPurchTicketVariants {
  position: relative;
  right: 0 !important;
}
.masSeatPurchTicketVariants p {
  margin-bottom: 20px;
  font-size: 12px;
}
.masSeatPurchTicketVariants tfoot td {
  padding: 35px;
  font-size: 12px;
  text-align: left;
}
.masSeatPurchTicketVariants a.DF_button,
.masSeatPurchTicketVariants a.DF_button_submitted,
.masSeatPurchTicketVariants .DF_button_submitted_indicator {
  position: relative;
  float: right;
  width: 120px;
  margin: 20px 0 0 0;
  left: 90px;
  padding-bottom: 5px;
}
.masSeatPurchTicketVariants a.DF_button input[type="button"] {
  width: 120px;
}
.masSeatPurchTicketVariants .DF_button_submitted_indicator {
  left: -30px;
}
.masSeatPurchTicketVariants .DF_groupbox_inner {
  margin: 35px;
  font-size: 12px;
  text-align: justify;
  line-height: 20px;
  display: inline-block;
}
#ticketvariantsdiffform_ticketvariantsdiffform h2 {
  margin-bottom: 5px;
}
/**********************************************************************************************/
/*
 *
 * dodaj do koszyka na wastwie
 *
 */
.hpsLayer.addToCart h1 {
  padding: 5px 25px 0 25px;
  color: #8a8a8a;
  line-height: 29px;
  text-transform: none;
  font: normal 1.4em/41px Tahoma, Arial, sans-serif;
}
.hpsLayer.addToCart h1 span {
  padding-right: 5px;
  color: #1a171b;
  text-transform: uppercase;
  font: 400 1.286em/41px 'Oswald', Tahoma, Arial, sans-serif;
}
.hpsLayer.addToCart p {
  padding: 0 25px;
  color: #8a8a8a;
  font-size: 1.4em;
  font-weight: normal;
}
.hpsLayer.addToCart .eventHeader {
  margin-bottom: 10px;
}
.hpsLayer.addToCart .eventHeader p {
  margin-top: -8px;
}
.hpsLayer.addToCart form th {
  padding: 6px 0;
  color: #1a171b;
  font-size: 1.4em;
  font-weight: normal;
  vertical-align: middle;
}
.layerTable {
  padding: 0 15px;
}
.layerTable .layerRow {
  padding: 0 10px 10px 10px;
}
.layerTable .layerRow:nth-child(even) {
  background-color: #ccc;
}
.layerTable table {
  margin-top: 15px;
}
.ltabFName {
  width: 202px;
}
.lTabLName {
  width: 202px;
}
.lTabPesel {
  width: 138px;
}
.lTabTicket {
  width: 202px;
}
.lTabRow {
  width: 60px;
  text-align: center;
}
.lTabPlace {
  width: 60px;
  text-align: center;
}
.lTabDelete {
  width: 49px;
  text-align: center;
}
.hpsLayer.addToCart form td.lTabText {
  color: #1a171b;
  font-size: 1.4em;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
}
.addToCart .validationProfileFields {
  padding: 15px 0 25px 0;
  background-color: transparent;
}
.addToCart .voucherFields {
  padding: 5px 0;
}
.addToCart .validationProfileFields p {
  margin-bottom: 6px;
  padding: 0;
  color: #1a171b;
  font-size: 1.4em;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
}
.addToCart .validationProfileFields .DF_groupbox.floating,
.addToCart .voucherFields .DF_groupbox.floating {
  float: left;
  width: 304px !important;
  height: 32px;
  text-align: right
}
.addToCart .validationProfileFields .DF_groupbox.floating input,
.addToCart .validationProfileFields .DF_groupbox.floating select,
.addToCart .voucherFields .DF_groupbox.floating input,
.addToCart .voucherFields .DF_groupbox.floating select{
  float: right;
  margin-left: 7px;
}
.addToCart .validationProfileFields .DF_groupbox.floating input,
.addToCart .voucherFields .DF_groupbox.floating input {
  width: 160px !important;
}
.addToCart .validationProfileFields .DF_groupbox.floating select,
.addToCart .voucherFields .DF_groupbox.floating select {
  width: 180px !important;
}
.addToCart .validationProfileFields .DF_groupbox.floating span.floating_inner,
.addToCart .voucherFields .DF_groupbox.floating span.floating_inner{
  line-height: 32px;
}
/*mega chamówka żeby pokonać standardowe zachowanie DeForma dla selectlisty*/
.addToCart .validationProfileFields .DF_groupbox.floating div,
.addToCart .voucherFields .DF_groupbox.floating div {
  display: inline;
  position: static !important;
}
.formFooter {
  width: 193px;
  margin: 0 auto;
  padding: 40px 0;
  text-align: center;
}
.formFooter .grayButton {
  display: block;
  width: 70px;
  height: 21px;
}
.formFooter a.grayButton {
  float: left;
  margin-right: 40px;
  line-height: 20px;
}
.formFooter input.grayButton {
  height: 25px;
  text-transform: uppercase;
}


/**********************************************************************************************/
/*
 *
 * strona 404
 *
 */
.errorPage {
  padding: 80px 0 40px 0;
}
.errorPage h1,
.errorPage span {
  color: #4d4d4d;
  text-transform: uppercase;
  font: 400 1.8em/41px 'Oswald', Tahoma, Arial, sans-serif;
}
.errorPage span {
  color: #c7c7c7;
}
.errorPage h2 {
  margin: 30px 0 10px;
  color: #4d4d4d;
  font: normal 1.4em/1 "Trebuchet MS", Arial, FreeSans, sans-serif;
}
.errorPage ul {
  margin-left: 13px;
  list-style: disc;
}
.errorPage ul a { 
  color: #4d4d4d;
  font: normal 1.4em/1.3 "Trebuchet MS", Arial, FreeSans, sans-serif;
}



/**********************************************************************************************/
/*
 *
 * webkit scrollbar
 *
 */
::-webkit-scrollbar-track-piece {
	background-color: #f1f1f1;
	-webkit-border-radius:0;
}
::-webkit-scrollbar {
	width:12px;
	height:12px;
}
::-webkit-scrollbar-thumb {
	height:50px;
	background-color:#999;
	-webkit-border-radius:4px;
	outline:2px solid #f1f1f1;
	outline-offset:-2px;
	border: 2px solid #f1f1f1;
}
::-webkit-scrollbar-thumb:hover {
	height:50px;
	background-color:#444;
	-webkit-border-radius:4px;
}
 

/**********************************************************************************************/
/*
 *
 * footer
 *
 */
#footer .payments {
  height: 61px;
  padding: 8px 0;
  overflow: hidden;
  background: #c7c7c7;
}
#footer aside {
  float: left;
  height: 61px;
  line-height: 61px;
  color: #fff;
  text-decoration: none;
  border-right: 1px solid #fff;
}
#footer aside p {
  float: left;
  width: 74px;
  height: 51px;
  padding-top: 10px;
  font: 400 1.3em/1.4 'Oswald', Tahoma, Arial, sans-serif;
  border-right: 1px solid #fff;
}
#footer aside img {
  padding: 0 20px;
  vertical-align: middle;
}
#footer ul {
  float: right;
  width: 770px;
}
#footer li {
  float: left;
  padding: 0 11px;
  line-height: 61px;
}
#footer li img {
  vertical-align: middle;
}
#footer .copy {
  margin-top: 15px;
  color: #b9b9b9;
  font-size: 1.1em;
  text-align: center;
}
.DF_none {
  display: none;
}
.transparent{
  background: none !important;
}
.charges-window {
  color: #000;
}
.hpsLayer.alertBox section{
  padding: 30px;
  color: #000;
  font-size: 1.2em;
  font-weight: normal;
}
.step45 #cartPriceTotal{
  clear: left;
}

.waiterModal{
  opacity: 0;
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 59999;
}

.waiterSpinner {
  z-index: 60000;
  width:40px;
  height:40px;
  box-shadow:0 0 6px rgba(100, 100, 100, 0.6);
  border-radius:26px;
  background-color:#FFF;
}

.waiterSpinner span{
  background-image: url("/p/loader.gif");
  height: 32px;
  width: 32px;
  display: block;
  margin:4px 0 0 4px;
}
.myPurchases a.cancelReservation,
.myPurchases a.confirmReservation,
.myPurchases a.printConfirm,
.myPurchases a.printInvoice{
  display: none;
  width: 24px;
  height: 24px;
  float: left;
  background-image: url('/p/legend-icons.png');
  background-repeat: no-repeat;
  background-position: center -984px;
} 
.myPurchases:hover a.cancelReservation,
.myPurchases:hover a.confirmReservation,
.myPurchases:hover a.printConfirm,
.myPurchases:hover a.printInvoice{
  display: block;
}
.myPurchases a.confirmReservation{
  background-position: center -1795px;
}
.myPurchases a.printConfirm{
  background-position: center -264px;
}
.myPurchases a.printInvoice{
  background-position: center -894px;
}
.myPurchases a.cancelReservation span,
.myPurchases a.confirmReservation span,
.myPurchases a.printConfirm span,
.myPurchases a.printInvoice span{
  display: none;
}
.myPurchases a.printInvoice em{
  display: none;
}
table.transactionConfirm{
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
}
table.transactionConfirm th,
table.transactionConfirm td{
  padding: 5px 7px;
  border-bottom: 1px solid #aaa;
  border-right: 1px solid #aaa;
}

body.toPrint{
  background: transparent;
  width: 800px;
  height: auto;
  margin: 0 auto;
  font-size: 1.1em;
  line-height: 1.3em;
}
body.toPrint .wrapper{
  width: 800px;
}
body.toPrint h1,
body.toPrint h2{
  text-align: center;
}
body.toPrint h1{
  font-size: 2em;
  margin: 0.67em 0;
  font-weight: bold;
}
body.toPrint h2{
  font-size: 1.5em;
  margin: 0.83em 0;
  font-weight: bold;
}
body.toPrint #maintenanceWarning{
  display: none !important;
}
.legend{
  margin-top: 80px;
}
.legend h3{
  text-transform: uppercase;
  color: #4d4d4d;
  font-size: 1.3em;
}
.legend ul{
  margin-top: 10px;
}
.legend li{
  padding-left: 23px;
  text-transform: uppercase;
  color: #b4b4b4;
  line-height: 1.7em;
  background-image: url('/p/legend-icons.png');
  background-repeat: no-repeat;
}
.legend .fNew {
  background-position: left 2px;
}
.legend .fPaid {
  background-position: left -88px;
}
.legend .fRealiz {
  background-position: left -178px;
}
.legend .fPrint {
  background-position: left -268px;
}
.legend .fSend {
  background-position: left -358px;
}
.legend .fReceive {
  background-position: left -448px;
}
.legend .fReleased {
  background-position: left -538px;
}
.legend .fReversal {
  background-position: left -628px;
}
.legend .fBlocked {
  background-position: left -1618px;
}
.legend .fClubDel {
  background-position: left -718px;
}
.legend .fClientDel {
  background-position: left -808px;
}
.legend .fExpired {
  background-position: left -989px;
}
.document_layout_footer{
  margin-top: 30px;
}
.payU_application{
  float: left;
  margin: 0 5px;
}
.confirm-barcode{
  
  float: right;
}

.hpsLayer .TextPartCartInfo span{
  text-transform: none;
  line-height: 15px;
}

#fanBasket .TextPartAccountTransactionsInfo {
  border: 1px solid #d7d7d7;
  font-size: 1.4em;
  line-height: 1.5em;
  margin-bottom: 18px;
  padding: 13px 18px;
  text-align: justify;
}

#fanBasket .parking {
  line-height: 25px;
  margin-left: 5px;
  font-weight: 900;
  font-size: 12px;
  position: relative;
  color: #fff;
  background-color: #1E88E5;
  padding: 3px;
}

/**
 * Uzupełnianie adresu email
 */
.enterEmail {
  height: 240px;
  width: 480px;
}

ul.languages {
  position:absolute;
  color: #ED7C1B;
  left: 235px;
  top:-55px;
  font-size: 12px;
  
}

ul.languages li{
  float:left;
  display:inline;
  padding:0 10px;
}

ul.languages li a{
  color:#ED7C1B;
  text-transform: uppercase;
  
}

#arenaPositionBinView{
  width: 100%;
  z-index: 100;
}

#boxTop {
  height: 34px; 
}

#boxBottom {
  height: 34px;
}

.arenaTopView {
  background: url('/p/gora.jpg') no-repeat center center;
}
.arenaBottomView {
  background: url('/p/dol.jpg') no-repeat center center;
}
.arenaLeftView {
  background: url('/p/lewo.jpg') no-repeat center center;
}
.arenaRightView {
  background: url('/p/prawo.jpg') no-repeat center center;
}
.arenaView {
  background-color: #ED7C1B;
}

.standardizedForm .DF_groupbox_inner{
  padding: 4px 0;
  color: #272727;
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
}
.standardizedForm select,
.standardizedForm select:focus{
  border: 1px solid #c5c5c5;
  vertical-align: middle;
  font-family: sans-serif;
  font-size: 14px;
  margin: 0;
  background: #fff;
  height: 28px;
}
.standardizedForm .DF_button,
.standardizedForm .DF_button_submitted{
  background-image: none;
  background-color: transparent;
  border: 0;
  text-decoration: none;
  padding: 0;
  margin: 0;
}
.standardizedForm .DF_button input,
.standardizedForm .DF_button_submitted input{
  height: 28px;
  line-height: 18px;
  text-transform: lowercase;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: button;
  border: 1px solid #ED7C1B;
  background: #ED7C1B;
  padding: 1px 5px;
  color: #fff;
  font: normal 1.4em/1 "Trebuchet MS", Arial, FreeSans, sans-serif;
  text-decoration: none;
  text-transform: lowercase;
  -webkit-transition: -webkit-box-shadow 0.1s ease-out;
}

.standardizedForm input.DF_textbox, .standardizedForm input.DF_textbox_error,
.standardizedForm input.DF_filebox,
.standardizedForm textarea.DF_textarea {
  background: #fff;
  font: normal 1.4em/1 "Trebuchet MS", Arial, FreeSans, sans-serif;
  margin-top: -5px;
  padding: 2px;
}

.logSecSteP section h3 {
  color: #000;
  font-size: 1.5em;
  padding: 25px;
}

.logSecSteP section.form-hidden form {
  display: none;
}

section article {
  font-size: 1.3em;
  padding: 1em 0;
}

.contact-form-sent {
  background: #FFCB15;
  font: normal 1.4em/1 "Trebuchet MS", Arial, FreeSans, sans-serif;
  padding: 25px;
}


.tip-wrap {
	background: #000;
	width: 200px;
	z-index: 13000;
 border-radius: 5px;
 padding:2px;
}
 
.tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #fff;
	padding: 10px;
 line-height: 15px;
}

/**
 * Polityka cookies
 */
.cookie-notice-bin {
  background: #ED7C1B;
  bottom: 0;
  color: #4D4D4D;
  font-size: 15px;
  height: 60px;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 9999;
}

.cookie-notice-bin > div {
  margin: 25px auto 0;
  width: 966px;
}

.cookie-notice-bin > div > div, .cookie-notice-bin > div > a.btn {
  display: inline-block;
}

.cookie-notice-bin > div > div {
  float: left;
}

.cookie-notice-bin > div > a.btn {
  background: #c7c7c7;
  color: #4d4d4d;
  float: right;
  margin-top: -9px;
  padding: 8px 12px;
  text-decoration: none;
}

.cookie-notice-bin > div > a.btn:hover {
  color: #c7c7c7;
  background: #4d4d4d;
}

.cookie-notice-bin a {
  color: #fff;
}

#summaryform_id_payment_method div {
  margin-top:10px;
}

#footer aside {
  float:right;
}

#header #siteLogo {
 background-color: #FFF;
}

#news li p, #newsDetails p, #eventDetails dd {
    color: #4d4d4d;
}

.hpsLayer sup, .hpsLayer sup.DF_label_require {
    color: #f00;
}

.disclaimer a.termsLink {
    color: #f00;
}

.register .disclaimer .DF_checkbox_label {
    color: #4d4d4d;
}

.hpsForms sup, .hpsForms sup.DF_label_require {
    color: #f00;
}

@font-face {
  font-family: 'LatoBlack';
  src: url('/p/fonts/lato-black-webfont.eot');
  src: url('/p/fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
       url('/p/fonts/lato-black-webfont.woff') format('woff'),
       url('/p/fonts/lato-black-webfont.ttf') format('truetype'),
       url('/p/fonts/lato-black-webfont.svg#latoblack') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'LatoBold';
  src: url('/p/fonts/lato-bold-webfont.eot');
  src: url('/p/fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('/p/fonts/lato-bold-webfont.woff') format('woff'),
       url('/p/fonts/lato-bold-webfont.ttf') format('truetype'),
       url('/p/fonts/lato-bold-webfont.svg#latobold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'LatoRegular';
  src: url('/p/fonts/lato-regular-webfont.eot');
  src: url('/p/fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('/p/fonts/lato-regular-webfont.woff') format('woff'),
       url('/p/fonts/lato-regular-webfont.ttf') format('truetype'),
       url('/p/fonts/lato-regular-webfont.svg#latoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  background-image: url('/plugins/Mosir/lib/Shared/pics/body-bg.png');
  font-family: 'LatoRegular', 'Tahoma', sans-serif;
}

body.devel {
  background: #fff url(/p/backgrounddevel.jpg) repeat-x 0 118px !important
}

.clear {
  clear: both;
}

/**
 * GÓRA STRONY
 */
#header {
  border-top: 0;
  height: 142px;
  background: #fff;
}
#header #siteLogo {
  width: 214px;
  height: 110px;
  margin-top: 23px;
  background-color: #fff;
}
#header #siteLogo img {
  margin: 0;
}
#header nav {
  margin-top: 0;
  position: absolute;
  top: 30px;
  right: 0;
}
nav li.navHome:last-child {
  width: 100px;
}
#header nav a {
  position: relative;
}
#header nav a,
#header nav a:visited,
#header nav a:focus {
  font: 23px/normal 'LatoBold', 'Tahoma', sans-serif;
  color: #000;
  height: 69px;
  margin-top: 25px;
  text-transform: none;
  border: 0;
  background: none;
}
#header .wrapper nav a span {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}
#header .wrapper nav a img {
  position: absolute;
  top: 0;
  margin: -5px 0 0 -23px;
  opacity: 0.6;
  left:50%;
}
#header .wrapper nav a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
}

#login {
  position: relative;
  background: #fc0;
  padding-bottom: 15px;
}
#login:before {
  position: absolute;
  display: block;
  width: 0;
  content: "";
  left: 0;
  bottom: 0;
  margin-left: 0;
  z-index: 1;
  border-width: 0px 9px 15px 0px;
  border-style: solid;
  border-color: #fff transparent;
}

#login aside {
  width: 203px;
  background: none;
}

#login .logFirstSteP {
  padding: 0 25px;
}

#login .logFirstSteP section {
  height: 40px;
  padding-top: 48px;
  background: none;
}
#login hgroup {
  margin-bottom: 5px;
}
#login h3 {
  margin-bottom: 0;
  color: #000;
  font-size: 1.1em;
  font-family: 'LatoRegular', 'Tahoma', sans-serif;
}
#login .logFirstSteP .logButton {
  width: 154px;
}
.logTrdSteP {
  background: #ffcb15;
}

.logTrdSteP ul {
  margin-top: 32px;
}
.logTrdSteP li {
  margin-bottom: 10px;
}
.logTrdSteP ul a {
  width: 183px;
  height: 29px;
  padding-left: 55px;
  font: 1.6em/29px 'LatoBlack', 'Tahoma', sans-serif;
  border: 0;
  border-radius: 0;
  background: none;
}
.logTrdSteP ul a:before {
  border: 0;
}
.logTrdSteP ul a:hover {
  color: white;
  background: #197506;
}
.logTrdSteP ul li.active {
  background: #197506;
}
.logTrdSteP ul li.active a {
  background-color: transparent;
}
.logTrdSteP ul li.editProfile a {
  background-image: url(/p/aside-profil.png);
  background-repeat: no-repeat;
  background-position: 10px -48px;
}
.logTrdSteP ul li.editProfile.active a,
.logTrdSteP ul li.editProfile a:hover {
  background-position: 10px -7px;
}
.logTrdSteP ul li.groupMembers a {
  background-image: url(/p/aside-group.png);
  background-repeat: no-repeat;
  background-position: 10px -48px;
}
.logTrdSteP ul li.groupMembers.active a,
.logTrdSteP ul li.groupMembers a:hover {
  background-position: 10px -7px;
}
.logTrdSteP ul li.clientCards a {
  background-image: url(/p/aside-card.png);
  background-repeat: no-repeat;
  background-position: 10px -48px;
}
.logTrdSteP ul li.clientCards.active a,
.logTrdSteP ul li.clientCards a:hover {
  background-position: 10px -7px;
}
.logTrdSteP ul li.transactions a {
  background-image: url(/p/aside-zak.png);
  background-repeat: no-repeat;
  background-position: 10px -48px;
}
.logTrdSteP ul li.transactions.active a,
.logTrdSteP ul li.transactions a:hover {
  background-position: 10px -7px;
}
#login .myCart {
  text-align: left;
  background: none;
}
#login .logTrdSteP .myCart h3 {
  width: 183px;
  padding-left: 55px;
  font: 1.6em/29px 'LatoBlack', 'Tahoma', sans-serif;
  background-image: url(/p/aside-cart.png);
  background-repeat: no-repeat;
  background-position: 10px -48px;
}
#login .myCart dl {
  padding: 0 0 0 55px;
  line-height: 1.5em;
}
#login .myCart dt {
  display: inline-block;
  font-size: 1.2em;
}
#login .myCart dd {
  display: inline;
  color: #ff2227;
  font: 1.2em 'LatoBlack', 'Tahoma', sans-serif;
}

#header aside {
  float: right;
  position: relative;
  top: 0;
  right: auto;
  height: 22px;
  padding: 8px 0 0 45px;
  color: #000;
  background: #ebebeb; /* Old browsers */
  background: -moz-linear-gradient(left,  #ebebeb 0%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ebebeb), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #ebebeb 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #ebebeb 0%,#ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #ebebeb 0%,#ffffff 100%); /* IE10+ */
  background: linear-gradient(to right,  #ebebeb 0%,#ffffff 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
#header aside:after {
  position: absolute;
  display: block;
  width: 0;
  content: "";
  left: -1px;
  bottom: -1px;
  z-index: 1;
  border-width: 0px 22px 31px 0px;
  border-style: solid;
  border-color: #fff transparent;
}
#header aside p {
  font: 12px/normal 'LatoRegular', 'Tahoma', sans-serif;
}
#header aside span {
  padding-right: 10px;
  font-family: 'LatoBlack', 'Tahoma', sans-serif;
}

#header aside a.logout {
  margin-left: 10px;
  padding-left: 15px;
  color: #197506;
  font-weight: bold;
  background-image: url(/p/user-icon.png);
  background-repeat: no-repeat;
  background-position: left center;
}



/**
 * RÓŻNE
 */
.fancyButton,
.fancyButton:visited,
.DF_button input,
.DF_button:visited input,
#login .logButton,
#login input[type="submit"],
.hpsLayer input[type="submit"],
.formFooter .grayButton {
  background: #157a65; /* Old browsers */
  background: -moz-linear-gradient(top,  #157a65 50%, #015c48 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#157a65), color-stop(100%,#015c48)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #157a65 50%,#015c48 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #157a65 50%,#015c48 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #157a65 50%,#015c48 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #157a65 50%,#015c48 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#157a65', endColorstr='#015c48',GradientType=0 ); /* IE6-9 */
  
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  color: #fff;
  height: 30px;
  font-family: 'LatoRegular', 'Tahoma', sans-serif;
  font-size: 1.55em;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  width: 150px;
}

.fancyButton:hover,
#login .logButton:hover,
#login input[type="submit"]:hover,
.hpsLayer input[type="submit"]:hover,
.formFooter .grayButton:hover {
  background: #015c48; /* Old browsers */
  background: -moz-linear-gradient(top,  #015c48 50%, #157a65 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#015c48), color-stop(100%,#157a65)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #015c48 50%,#157a65 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #015c48 50%,#157a65 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #015c48 50%,#157a65 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #015c48 50%,#157a65 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015c48', endColorstr='#157a65',GradientType=0 ); /* IE6-9 */
  
  text-decoration: none;
}

.fancyButton.fancyButtonMedium {
  display: inline-block;
  padding: 0 20px;
  text-transform: none;
  width: auto;
  margin-bottom: 5px;
}

.DF_button
.DF_button:visited {
  font-size: 1.25em;
}

.hpsForms section span, .hpsForms section .DF_radio_label, .hpsForms .DF_groupbox_inner {
  color: #000;
  font-size: 1.5em;
}

.DF_radio_label {
  font-size: 1.2em;
}


/**
 * MODAL
 */
.WindowModalLoading {
  background: #fff;
}

.hpsLayer {
  -webkit-box-shadow: 12px 12px 0 0 rgba(0,0,0,0.1);
  box-shadow: 12px 12px 0 0 rgba(0,0,0,0.1);
  width: 600px;
  margin-left: -37px;
}

.hpsLayer header {
  height: 50px;
  background: #157b65;
}

.hpsLayer header h2 {
  font-family: 'LatoBold', 'Tahoma', sans-serif;
  padding-top: 15px;
}

.hpsLayer header .closeForm {
  margin-top: 15px;
  font-weight: 900;
}

.hpsLayer section {
  background: #fff;
  border-right: 1px solid #a9d2c2;
  border-left: 1px solid #a9d2c2;
  border-bottom: 0;
}

.hpsLayer section span {
  color: #000;
  font-size: 1.4em;
  font-family: 'LatoRegular', 'Tahoma', sans-serif;
}

.logSecSteP {
  height: 308px !important;
}

.logSecSteP footer {
  height: 65px !important;
}

.logSecSteP footer ul {
  margin: 0 24px;
  border-top: 1px solid #a9d2c2;
  padding-top: 10px;
  padding-bottom: 10px;
  top: -9px;
  position: relative;
}
.logSecSteP footer ul li {
  width: 265px;
}
.logSecSteP footer ul li:first-child {
  width: 170px;
  padding-left: 0;
}
.logSecSteP footer ul li.createAccount {
  width: 109px;
  text-align: right;
}
.hpsLayer sup,
.hpsLayer sup.DF_label_require,
.hpsForms sup,
.hpsForms sup.DF_label_require {
  font-size: 1.2em;
  color: #f00;
}

.hpsLayer footer {
  height: 52px;
  border-bottom: 1px solid #a9d2c2;
  border-right: 1px solid #a9d2c2;
  border-left: 1px solid #a9d2c2;
  background: #fff;
}

.hpsLayer footer ul a {
  color: #487a66;
  font-size: 1.5em;
}

.hpsLayer input[type="text"],
.hpsLayer input[type="password"],
.hpsForms input[type="text"],
.hpsForms input[type="password"],
.hpsForms select {
  border-color: #8b8b8b;
  background: none;
  -webkit-box-shadow:inset 0 4px 5px -3px rgba(0,0,0,0.2);
  box-shadow:inset 0 4px 5px -3px rgba(0,0,0,0.2);
}

.hpsLayer select {
  -webkit-box-shadow:inset 0 4px 5px -3px rgba(0,0,0,0.2);
  box-shadow:inset 0 4px 5px -3px rgba(0,0,0,0.2);
}

.hpsLayer input.DF_textbox_disabled,
.hpsForms input.DF_textbox_disabled {
  background: #aaa !important;
  border: 1px solid #000;
}

.hpsLayer section.hpsInfo {
  background: #fff;
  color: #000;
  font-weight: bold;
}

.hpsLayer .DF_errorbox {
  top: 0;
  width: 559px !important;
}

.register section.formContainer {
  border-top: 0;
}

.register section h3 {
  font-weight: bold;
  margin-left: 9px;
  margin-top: 35px;
  color: #000;
  left: 190px;
}

.register section h3:first-child {
  margin-top: 15px;
}

.disclaimer a.termsLink {
  color: #f00;
}

.register footer {
  color: #000;
  text-align: right;
  padding-right: 20px;
  position: absolute;
  bottom: 12px;
  right: 3px;
  border: 0;
}



/**
 * LEFT-PANEL
 */
.left-panel header,
#salesHeader header {
  background: #157b65;
}

.left-panel header h2,
#salesHeader header h2 {
  line-height: 50px;
  font-family: 'LatoBold', 'Tahoma', sans-serif;
  background: #157b65;
}

#salesHeader header h2 {
  padding-left: 20px;
}

.left-panel ul {
  position: relative;
  width: 340px;
  padding: 0 10px 30px;
  border: 1px solid #a7d2bf;
}
.left-panel ul:before {
  position: absolute;
  display: block;
  width: 0;
  content: "";
  left: -1px;
  bottom: -1px;
  z-index: 1;
  border-width: 0px 23px 32px 0px;
  border-style: solid;
  border-color: #a7d2bf transparent;
}
.left-panel ul:after {
  position: absolute;
  display: block;
  width: 0;
  content: "";
  left: -1px;
  bottom: -1px;
  z-index: 1;
  border-width: 0px 22px 31px 0px;
  border-style: solid;
  border-color: #fff transparent;
}

.left-panel li {
  width: 340px;
  padding: 10px 0;
  border-top: 1px solid #d8e9e3;
}

.left-panel li:last-child {
  border-bottom: 1px solid #dce7e3;
}

.left-panel .object-list .object-desc.full {
  width: 340px;
}
.left-panel .object-list .object-load {
  margin-bottom: 10px;
  padding: 5px 10px;
  color: #000;
  font: normal 1.1em/1.2 'LatoRegular', 'Tahoma', sans-serif;
  border: 1px solid #a7d2bf;
  background: #f4f4f4;
  line-height:14px;
}
.left-panel .object-list .object-desc strong {
  margin: 0;
  padding: 2px 0 1px;
  text-transform: uppercase;
  font: 1.4em/1.2 'LatoBlack', 'Tahoma', sans-serif;
}
.left-panel .object-list .object-desc p {
  font: normal 1.1em/1.2 'LatoRegular', 'Tahoma', sans-serif;
}
.left-panel .object-list .object-load span {
  color: #ff7f00;
  font: normal 1.1em/1.2 'LatoBlack', 'Tahoma', sans-serif;
}

.left-panel li a.buyButton {
  background: #157a65; /* Old browsers */
  background: -moz-linear-gradient(top,  #157a65 68%, #015c48 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#157a65), color-stop(100%,#015c48)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #157a65 68%,#015c48 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #157a65 68%,#015c48 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #157a65 68%,#015c48 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #157a65 68%,#015c48 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#157a65', endColorstr='#015c48',GradientType=0 ); /* IE6-9 */
  
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border: 0;
  
  color: #fff;
  height: 30px;
  font-family: 'LatoRegular', 'Tahoma', sans-serif;
  font-size: 1.55em;
  line-height: 30px;
  text-transform: uppercase;
  width: 150px;
  display: inline-block;
  padding: 0 20px;
  text-transform: none;
  width: auto;
}

.left-panel li a.buyButton:hover {
  background: #015c48; /* Old browsers */
  background: -moz-linear-gradient(top,  #015c48 68%, #157a65 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#015c48), color-stop(100%,#157a65)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #015c48 68%,#157a65 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #015c48 68%,#157a65 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #015c48 68%,#157a65 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #015c48 68%,#157a65 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015c48', endColorstr='#157a65',GradientType=0 ); /* IE6-9 */
  
  text-decoration: none;
}

.left-panel .calDate {
  width: 75px;
}

.left-panel .calMonth {
  background: #ffcb15;
  color: #487a66;
  font-family: 'LatoBold', 'Tahoma', sans-serif;
}

.left-panel .calDay {
  background: #ffcb15;
  color: #487a66;
  font-family: 'LatoBold', 'Tahoma', sans-serif;
  font-size: 2.5em;
}

.left-panel .calYear {
  background: #487a66;
  font: normal 1.3em/1.3em 'LatoRegular', 'Tahoma', sans-serif;
  padding-top: 6px;
}

.left-panel .calHour {
  color: #000;
}

.left-panel .calHour a, .left-panel .calHour time {
  font-family: 'LatoRegular', 'Tahoma', sans-serif;
}

.left-panel .calHour time {
  font-size: 0.9em;
}

.left-panel .calEvent a {
  font-family: 'LatoBlack', 'Tahoma', sans-serif;
}


/**
 * RIGHT SIDE
 */
#rightSide header h2 {
  margin-bottom: 10px;
  color: #575757;
  font-family: 'LatoBold', 'Tahoma', sans-serif;
  line-height: 50px;
  padding-left: 25px;
  text-align: left;
  background: #eee;
}
#news li {
  width: 171px;
  height: 340px;
  margin-bottom: 10px;
  border-bottom: 3px solid #eee;
}
#news li img {
  width: 100%;
  margin-bottom: 5px;
}
#news li h3 {
  margin-bottom: 10px;
  color: #000;
  text-transform: uppercase;
  font: normal 1.4em/1.3em 'LatoBold', 'Tahoma', sans-serif;
}
#news li .news-content {
  height: 130px;
  overflow: hidden;
}
#news li p {
  color: #000;
  word-break: break-all;
  word-wrap: break-word;
  font: normal 1.4em/1.3em 'LatoRegular', 'Tahoma', sans-serif;
}
#news li p a {
  color: #487a66;
  font: normal 13px/18px 'LatoRegular', 'Tahoma', sans-serif;
}


/**
 * TWÓJ PROFIL
 */
#myProfile p {
  color: #000;
  font-weight: bold;
  margin-top: 15px;
  padding: 0 25px;
}

#myProfile .hpsForms {
  margin-top: 20px;
}

#myProfile section {
  border: 0;
}

#myProfile .DF_groupbox select {
  border-color: #8b8b8b;
}

.register.editData .personalData h3 {
  color: #000;
}

#myProfile .DF_groupbox_inner {
  position: relative;
  top: 4px;
}

#myProfile #editform_guardian_number {
  margin-top: -30px;
}

#myProfile #editform_nationality {
  position: relative;
  top: -17px;
}

#myProfile .address h3:first-child {
  margin: 30px 0 -15px 10px;
  text-transform: uppercase;
}

.register section .personalData, .register section .address, .register section .loginInfo, .register section .disclaimer, .register section .guardian {
  background: none;
  border-bottom: 1px solid #dce7e3;
  width: 98%;
}

.register section .disclaimer {
  width: 92%;
}

.hpsForms input[type="submit"] {
  background: #487a66; /* Old browsers */
  background: -moz-linear-gradient(top,  #487a66 68%, #3b6353 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#487a66), color-stop(100%,#3b6353)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #487a66 68%,#3b6353 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #487a66 68%,#3b6353 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #487a66 68%,#3b6353 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #487a66 68%,#3b6353 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#487a66', endColorstr='#3b6353',GradientType=0 ); /* IE6-9 */
  
  height: 30px;
  font-size: 1.55em;
  line-height: 30px;
  width: 150px;
  display: inline-block;
  padding: 0 20px;
  text-transform: none;
  width: auto;
}

.hpsForms input[type="submit"]:hover {
  background: #3b6353; /* Old browsers */
  background: -moz-linear-gradient(top,  #3b6353 68%, #487a66 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#3b6353), color-stop(100%,#487a66)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #3b6353 68%,#487a66 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #3b6353 68%,#487a66 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #3b6353 68%,#487a66 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #3b6353 68%,#487a66 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b6353', endColorstr='#487a66',GradientType=0 ); /* IE6-9 */
  
  text-decoration: none;
}



/**
 * TWOJE BILETY
 */
#fanBasket .myPurchases {
  height: 50px;
}

#fanChargeOrders .myPurchases {
  height: 50px;
  margin-top: 1px;
  padding-left: 22px;
  position: relative;
}

#fanChargeOrders .myPurchases {
  padding-left: 0;
}

#fanBasket .myPurchases div,
#fanChargeOrders .myPurchases div {
  background: #157B65;
  border-right: 1px solid #fff;
  box-sizing: border-box;
  color: #fff;
  float: left;
  font-size: 1.6em;
  height: 50px;
  line-height: 3em;
}

#fanBasket .myPurchases div:last-child,
#fanChargeOrders .myPurchases div:last-child {
  border: 0;
}

#fanBasket section:nth-child(odd) .myPurchases div {
  background: #157B65;
}

#fanBasket .myPurchases div.fTotal,
#fanBasket .myPurchases div.fInvoice,
#fanChargeOrders .myPurchases div.fTotal,
#fanChargeOrders .myPurchases div.fInvoice {
  text-align: center;
}

#fanBasket .payU_application,
#fanChargeOrders .payU_application {
  background: #487a66; /* Old browsers */
  background: -moz-linear-gradient(top,  #487a66 68%, #3b6353 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#487a66), color-stop(100%,#3b6353)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #487a66 68%,#3b6353 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #487a66 68%,#3b6353 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #487a66 68%,#3b6353 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #487a66 68%,#3b6353 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#487a66', endColorstr='#3b6353',GradientType=0 ); /* IE6-9 */

  border: 1px solid #dce7e3;
  border-radius: 5px;
  color: #fff;
  height: 30px;
  font-size: 1em;
  margin-top: 9px;
  line-height: 30px;
  width: 150px;
  display: inline-block;
  padding: 0 20px;
  text-transform: none;
  width: auto;
  float: right;
}

#fanBasket .payU_application:hover,
#fanChargeOrders .payU_application:hover {
  background: #3b6353; /* Old browsers */
  background: -moz-linear-gradient(top,  #3b6353 68%, #487a66 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#3b6353), color-stop(100%,#487a66)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #3b6353 68%,#487a66 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #3b6353 68%,#487a66 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #3b6353 68%,#487a66 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #3b6353 68%,#487a66 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b6353', endColorstr='#487a66',GradientType=0 ); /* IE6-9 */

  text-decoration: none;
}

#fanBasket .orderlist,
#fanChargeOrders .orderlist {
  color: #000;
  font-size: 1.3em;
  background: url('/p/table-corner.png') no-repeat 38px -1px;
}

#fanBasket .orderlist th,
#fanChargeOrders .orderlist th {
  background: none;
  border-right: 1px solid #c7c7c7;
}

#fanBasket .orderlist th:last-child,
#fanChargeOrders .orderlist th:last-child {
  border-right: 0;
}

#fanBasket .orderlist tbody,
#fanChargeOrders .orderlist tbody {
  border: 1px solid #c7c7c7;
}

#fanBasket .myPurchases div.pokaz {
  width: 31px;
}

#fanChargeOrders .myPurchases div.pokaz {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 2px;
  text-align: center;
  background-color: #fff;
  background-image: none;
  width: 31px;
}

#fanBasket .myPurchases div.pokaz a {
  background: url('/plugins/Mosir/lib/Shared/pics/rozwin.png') no-repeat;
  /*background-position: 0 -1350px;*/
  margin-left: -2px;
  margin-top: 10px;
  height: 25px;
  width: 30px;
}

#fanChargeOrders .myPurchases div.pokaz a {
  background: url('/plugins/Mosir/lib/Shared/pics/rozwin.png') no-repeat;
  /*background-position: 0 -1350px;*/
  display: block;
  outline: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9000px;
  margin-left: -2px;
  margin-top: 10px;
  height: 25px;
  width: 30px;
}

#fanBasket .myPurchases div.pokaz.zwin a,
#fanChargeOrders .myPurchases div.pokaz.zwin a {
  background: url('/plugins/Mosir/lib/Shared/pics/zwin.png') no-repeat;
}

#fanBasket .fTitle,
#fanChargeOrders .fTitle {
  margin-left: 16px;
  width: 54%;
}

#fanChargeOrders .fTitle {
  margin-left: 0;
  width: 64%;

  -webkit-transition: width 500ms ease-in-out;
  -moz-transition: width 500ms ease-in-out;
  -ms-transition: width 500ms ease-in-out;
  -o-transition: width 500ms ease-in-out;
  transition: width 500ms ease-in-out;
}

#fanChargeOrders .fTotal {
  width: 122px;
}

#rightSide.expanded #fanChargeOrders .fTitle {
  width: 78%;
}

#fanBasket table,
#fanChargeOrders table {
  margin: 12px 33px 20px 39px;
  width: 95%;
}



/**
 * SPRZEDAŻ (bazowa)
 */
#salesProgress {
  background-image: url(/plugins/Mosir/lib/Shared/pics/sales-steps.png);
  border-bottom: 1px solid #b3d1be;
  padding-bottom: 0px;
  padding-top: 35px;
}
#salesProgress ul{
  background: #fff;
  padding-bottom: 12px;
}
#salesProgress a {
  color: #000;
  border-bottom: 1px dotted #000;
}
#salesProgress a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000;
}
#step1 #salesProgress {
  background-position: 58px 12px;
}
#step1 .st1 {
  color: #000;
}
#step2 #salesProgress {
  background-position: 58px -42px;
}
#step2 .st2 {
  color: #000;
}
#step3 #salesProgress {
  background-position: 58px -92px;
}
#step3 .st3 {
  color: #000;
}
#step4 #salesProgress {
  background-position: 58px -142px;
}
#step4 .st4 {
  color: #000;
}
#step5 #salesProgress {
  background-position: 58px -192px;
}
#step5 .st5 {
  color: #000;
}
#step6 #salesProgress {
  background-position: 58px -242px;
}
#step6 .st6 {
  color: #000;
}

/**
 * SPRZEDAŻ (ogólnie)
 */
.headerSpacer {
  background: none;
  border-top: 15px solid #ffcb15;
  margin: 0 auto;
  padding-top: 20px;
  width: 965px;
}
.headerSpacer:before {
  position: relative;
  display: block;
  float: left;
  width: 0;
  content: "";
  left: 0;
  bottom: 0;
  margin-left: 0;
  z-index: 1;
  border-width: 0px 9px 15px 0px;
  border-style: solid;
  border-color: #d9d9d9 transparent;
  top: -35px;
}

.cartNav {
  border-bottom: 1px solid #a3d2c0;
  box-sizing: border-box;
  height: 64px;
  padding: 6px 15px;
}

.cartNav .grayButton {
  background: #157a65; /* Old browsers */
  background: -moz-linear-gradient(top,  #157a65 68%, #015c48 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#157a65), color-stop(100%,#015c48)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #157a65 68%,#015c48 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #157a65 68%,#015c48 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #157a65 68%,#015c48 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #157a65 68%,#015c48 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#157a65', endColorstr='#015c48',GradientType=0 ); /* IE6-9 */
  
  border: 1px solid #dce7e3;
  border-radius: 5px;
  color: #fff;
  height: 30px;
  font-size: 1.55em;
  margin-top: 9px;
  line-height: 30px;
  width: 150px;
  display: inline-block;
  padding: 0 20px;
  text-transform: none;
  width: auto;
  float: right;
}

.cartNav .grayButton:hover {
  background: #015c48; /* Old browsers */
  background: -moz-linear-gradient(top,  #015c48 68%, #157a65 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#015c48), color-stop(100%,#157a65)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #015c48 68%,#157a65 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #015c48 68%,#157a65 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #015c48 68%,#157a65 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #015c48 68%,#157a65 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015c48', endColorstr='#157a65',GradientType=0 ); /* IE6-9 */
}

.ticketInfo th {
  vertical-align: middle;
}

.eventTable, .eventCharges, #cartPriceTotal {
  padding: 0 15px;
}

#salesSteps .step45 .eventHeader {
  border-bottom: 0;
  padding-top: 0;
}

#content .step45 th, 
.salesError th {
  background: none;
  border: 1px solid #b3d1be;
  font-size: 1.4em;
}
.standardizedForm .DF_button input,
.standardizedForm .DF_button_submitted input{
  background: #157a65; /* Old browsers */
  background: -moz-linear-gradient(top,  #157a65 68%, #015c48 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#157a65), color-stop(100%,#015c48)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #157a65 68%,#015c48 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #157a65 68%,#015c48 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #157a65 68%,#015c48 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #157a65 68%,#015c48 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#157a65', endColorstr='#015c48',GradientType=0 ); /* IE6-9 */
  
  border: 1px solid #3b665c;
  border-radius: 5px;
  color: #fff;
  outline: 0;
}
.standardizedForm .DF_button input,
.standardizedForm .DF_button_submitted input{
  height: 30px;
}
.standardizedForm .DF_button input:hover,
.standardizedForm .DF_button_submitted input:hover{
  background: #015c48; /* Old browsers */
  background: -moz-linear-gradient(top,  #015c48 68%, #157a65 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#015c48), color-stop(100%,#157a65)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #015c48 68%,#157a65 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #015c48 68%,#157a65 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #015c48 68%,#157a65 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #015c48 68%,#157a65 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015c48', endColorstr='#157a65',GradientType=0 ); /* IE6-9 */
}
#salesProgress a{
  border-bottom: none;
}
#salesProgress a:hover{
  border-bottom: none;
  text-decoration: none;
}

#rightSide #selectedLocations .parking td:first-child:before {
  content: "P";
  margin-right: 8px;
  font-weight: 900;
  font-size: 20px;
  position: relative;
  top: 3px;
  background-color: #1E88E5;
  padding: 0 5px;
  color: #fff;
}

#rightSide #selectedLocations span.buyParking {
  display: inline-block;
  padding: 5px 16px;
  color: #fff;
}

#rightSide #selectedLocations .buyParking a {
  background-color: #1E88E5;
  padding: 5px 10px;
  text-decoration: none;
  color: #fff;
}

#rightSide #selectedLocations .buyParking a:before {
  content: "P";
  margin-right: 8px;
  font-weight: 900;
  font-size: 20px;
  position: relative;
  top: 3px;
}

#rightSide #selectedLocations{
  background-color: transparent;
}

#rightSide #selectedLocations h2 {
  background: #487a66;
  color: #fff;
  font: normal 1.8em/40px 'LatoBold', 'Tahoma', sans-serif;
  padding: 0;
  margin: 0;
  text-align: center;
}
#rightSide #selectedLocations > section{
  margin-bottom: 10px;
}
  
#rightSide #selectedLocations section.selPositions {
  position: relative;
  background: #fff;
  border: 1px solid #a4d3c1;
  border-top: 0;
  padding-bottom: 30px;
  min-height: 270px;
}

#rightSide #selectedLocations section.selPositions:before {
  position: absolute;
  display: block;
  width: 0;
  content: "";
  left: -1px;
  bottom: -1px;
  z-index: 1;
  border-width: 0px 23px 32px 0px;
  border-style: solid;
  border-color: #a7d2bf transparent;
}


#rightSide #selectedLocations section.selPositions:after {
  position: absolute;
  display: block;
  width: 0;
  content: "";
  left: -1px;
  bottom: -1px;
  z-index: 1;
  border-width: 0px 22px 31px 0px;
  border-style: solid;
  border-color: #fff transparent;
}
#rightSide #selectedLocations section.selPositions table {
  margin-top: 10px;
  border: 0;
  /*border: 1px solid #b3d1be;*/
}

#rightSide #selectedLocations section.selPositions table tr{
  border-bottom: 1px solid #b3d1be;
}

#rightSide #selectedLocations section.selPositions th {
  border: 1px solid #b3d1be;
  text-align: center;
  vertical-align: middle;
}

#selectedLocations th{
  height: 48px;
}
#selectedLocations tbody tr:nth-child(even) td {
  background-color: transparent;
}

.stadiumLocat{
  height: auto;
  position: relative;
  background: #fff;
  border: 1px solid #a4d3c1;
  border-top: 0;
  padding-bottom: 0px;
}
.stadiumLocat:before {
  position: absolute;
  display: block;
  width: 0;
  content: "";
  left: -1px;
  bottom: -1px;
  z-index: 1;
  border-width: 0px 23px 32px 0px;
  border-style: solid;
  border-color: #a7d2bf transparent;
}

.stadiumLocat:after {
  position: absolute;
  display: block;
  width: 0;
  content: "";
  left: -1px;
  bottom: -1px;
  z-index: 1;
  border-width: 0px 22px 31px 0px;
  border-style: solid;
  border-color: #fff transparent;
}

#salesLegend {
  border: 0;
  border-bottom: 1px solid #b3d1be;
}

#salesSteps .salesContent,
#salesFooter{
  border: 0;
  border-top: 1px solid #a3d2c0;
  border-bottom: 1px solid #a3d2c0;
  width: 965px;
}
#salesFooter{
  border-top: 0;
}
#salesSteps .salesContent{
  border-top: 0;
}
#salesHeader {
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  width: 964px;
}

.eventHeader {
  border-bottom: 1px solid #b3d1be;
  background-color: #f0f0f0;
  padding-top: 4px;
  padding-bottom: 12px;
}

.eventHeader h1,
#salesSteps .step45 .eventHeader h1,
.hpsLayer.addToCart .eventHeader h1,
.hpsLayer.addToCart .eventHeader h1 span {
  color: #000;
  font-family: 'LatoBlack', 'Tahoma', sans-serif;
  font-size: 15px;
  margin-top: 0;
  margin-bottom: 3px;
  padding: 3px 20px 3px 20px;
}
.hpsLayer.addToCart .eventHeader h1{
  font-family: 'LatoRegular', 'Tahoma', sans-serif;
  font-size: 12px;
}
.hpsLayer.addToCart .eventHeader h1 span{
  padding: 0;
  margin: 0;
  font-size: 15px;
  font-family: 'LatoBlack', 'Tahoma', sans-serif;
}
.hpsLayer.addToCart .eventHeader h1 span.eventSerie{
  font-family: 'LatoBold', 'Tahoma', sans-serif;
}
.eventHeader.plu h1{
  padding-top: 0;
}
.eventHeader h1 span {
  font-family: 'LatoBold', 'Tahoma', sans-serif;
}

.eventHeader p,
#salesSteps .step45 .eventHeader p{
  display: block;
  padding: 0 20px 11px 20px;
  margin: 0;
  color: #000;
}
.hpsLayer.addToCart p{
  color: #000;
  padding-left: 20px;
  font-size: 12px;
}
#salesSteps #leftSide {
  border-right: 0px solid #b3d1be;
  padding-top: 10px;
  width: 731px;
}

#step5.step45 #leftSide{
  padding-top: 0;
}

#salesSteps #rightSide {
  padding-top: 10px;
}

#canvasHolder.inSale{
  margin-top: 0;
}

#salesFooter input[type="button"],
#SexyAlertBox-Buttons input[type="submit"],
#createApplication #cancelApplicationBtn,
#createApplication #button_submit,
#createApplication #button_submit_no_payu,
.cardApplicationFieldsContainer #cancelApplicationBtn,
.cardApplicationFieldsContainer #button_submit,
.cardApplicationFieldsContainer #button_submit_no_payu,
#transactionType input[type="button"],
#issueInvoice input[type="button"],
.addGroupMembers input[type="button"],
#salesFooter .leftSide a.buyButton {
  background: #157a65; /* Old browsers */
  background: -moz-linear-gradient(top,  #157a65 68%, #015c48 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#157a65), color-stop(100%,#015c48)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #157a65 68%,#015c48 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #157a65 68%,#015c48 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #157a65 68%,#015c48 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #157a65 68%,#015c48 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#157a65', endColorstr='#015c48',GradientType=0 ); /* IE6-9 */
  
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border-color: #3a655b;
  color: #fff;
  height: 30px;
  font-size: 1.55em;
  line-height: 30px;
  padding-top: 0;
  text-align: center;
  text-transform: capitalize;
  text-decoration: none;
  width: 120px;
  margin-left: 0;
}

#salesFooter input[type="button"],
#salesFooter .leftSide a.buyButton {
  width: 140px;
}
#createApplication #button_submit,
.cardApplicationFieldsContainer #button_submit{
  width: 160px;
}
#createApplication #button_submit_no_payu,
.cardApplicationFieldsContainer #button_submit_no_payu{
  width: 220px;
}
#salesFooter .leftSide a.buyButton {
  float: right;
  margin: 11px 0 11px 15px;
}

#salesFooter input[type="button"]:hover,
#SexyAlertBox-Buttons input[type="submit"]:hover,
#createApplication #button_submit:hover,
#createApplication #button_submit_no_payu:hover,
.cardApplicationFieldsContainer #button_submit:hover,
.cardApplicationFieldsContainer #button_submit_no_payu:hover,
#transactionType input[type="button"]:hover,
#issueInvoice input[type="button"]:hover,
.addGroupMembers input[type="button"]:hover,
#salesFooter .leftSide a.buyButton:hover {
  background: #3b6353; /* Old browsers */
  background: -moz-linear-gradient(top,  #015c48 68%, #157a65 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#015c48), color-stop(100%,#157a65)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #015c48 68%,#157a65 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #015c48 68%,#157a65 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #015c48 68%,#157a65 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #015c48 68%,#157a65 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015c48', endColorstr='#157a65',GradientType=0 ); /* IE6-9 */
  
  text-decoration: none;
  border-color: #3a655b;
}

#salesFooter .leftSide, #transactionType .leftSide {
  width: 100%;
}

#salesFooter .grayButton,
#SexyAlertBox-Buttons #BoxConfirmBtnCancel,
#createApplication #cancelApplicationBtn,
.cardApplicationFieldsContainer #cancelApplicationBtn,
.hpsLayer input.cancel[type="button"] {
  border: 1px solid #d90a0a;
  background: #fe0c0c; /* Old browsers */
  background: -moz-linear-gradient(top,  #fe0c0c 68%, #d90a0a 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#fe0c0c), color-stop(100%,#d90a0a)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #fe0c0c 68%,#d90a0a 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #fe0c0c 68%,#d90a0a 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #fe0c0c 68%,#d90a0a 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #fe0c0c 68%,#d90a0a 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe0c0c', endColorstr='#d90a0a',GradientType=0 ); /* IE6-9 */
  font-family: 'LatoRegular', 'Tahoma', sans-serif;
}

#salesFooter .grayButton:hover,
#SexyAlertBox-Buttons #BoxConfirmBtnCancel:hover,
#createApplication #cancelApplicationBtn:hover,
.cardApplicationFieldsContainer #cancelApplicationBtn:hover,
.hpsLayer input.cancel[type="button"]:hover {
  background: #d90a0a; /* Old browsers */
  background: -moz-linear-gradient(top,  #d90a0a 68%, #fe0c0c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#d90a0a), color-stop(100%,#fe0c0c)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #d90a0a 68%,#fe0c0c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #d90a0a 68%,#fe0c0c 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #d90a0a 68%,#fe0c0c 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #d90a0a 68%,#fe0c0c 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d90a0a', endColorstr='#fe0c0c',GradientType=0 ); /* IE6-9 */
}

#salesFooter .grayButton,
#SexyAlertBox-Buttons #BoxConfirmBtnCancel,
#SexyAlertBox-Buttons #BoxConfirmBtnCancel:hover,
#createApplication #cancelApplicationBtn,
#createApplication #cancelApplicationBtn:hover,
.cardApplicationFieldsContainer #cancelApplicationBtn,
.cardApplicationFieldsContainer #cancelApplicationBtn:hover,
#salesFooter .grayButton:hover{
  border-color: #e80000;
}
#SexyAlertBox-Buttons{
  margin-top: 10px;
}
#SexyAlertBox-Buttons #BoxConfirmBtnOk{
  margin-right: 20px;
}

#step3 #leftSide header hgroup{
  position: relative;
  padding-right: 10px;
}
#step3 #leftSide header h3 {
  background-color: #e6e6e6;
  color: #107762;
  font: normal 1.8em/41px 'LatoBold', 'Tahoma', sans-serif;
}

.sectorCarousel{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 41px;
  font-family: 'LatoRegular', 'Tahoma', sans-serif;
}
.sectorCarousel a{
  height: 25px;
  margin: 8px 0 8px 0;
  line-height: 26px;
  color: #197c60;
  background-image: url('/plugins/Mosir/lib/Shared/pics/sector-arrows.png');
  background-repeat: no-repeat;
  background-position: 0 0;
}
.sectorCarousel .prev{
  padding-left: 36px;
  margin-left: 11px;
  background-position: left 0;
}
.sectorCarousel .next{
  margin-right: 21px;
  padding-right: 36px;
  background-position: right -25px;
}

#content .step45 .colRight .ticketSummary th,
#content .step45 .colRight th.tabCharges,
#content .step45 .colLeft .ticketSummary th,
#content .step45 .colLeft th.tabCharges {
  background: #f0f0f0;
  border: 1px solid #b3d1be;
  color: #000;
  font-weight: bold;
  padding: 15px;
}

#content .step45 .colLeft .ticketSummary .pluLabel {
  padding-left: 10px;
}

#content #leftSide .ticketInfo .eventSum td:nth-child(even),
#content .step45 .additionalSummary td:nth-child(even) {
  background: #f0f0f0 !important;
  border: 1px solid #b3d1be;
  color: #000 !important;
  font-weight: bold;
  padding: 15px;
}

#deliveryMethod .ticketSummary tbody tr:first-child td {
  padding-bottom: 25px;
}

#invoiceFalse, #invoiceTrue {
  margin-top: 25px;
}

#deliveryMethod .colRight, 
#paymentMethod .colRight, 
#issueInvoice .colRight, 
.ticketSummary {
  box-sizing: border-box;
  padding-right: 0;
}

.ticketSummary tbody td input[type="button"] {
  font-size: 1.1em !important;
}

#content .step45 .ticketSummary td {
  padding: 0;
}

#cartPriceTotal .ticketSummary tbody tr:first-child td {
  padding-left: 25px;
}

#salesFooter .rightSide {
  text-align: right;
}

#salesFooter .rightSide input {
  margin-right: 15px;
}

#salesFooter #goToSummary.orangeButton {
  width: 150px;
}

#salesFooter .leftSide {
  width: 731px;
}
#salesFooter .rightSide input{
  margin-right: 0;
}

#salesSteps p a, #salesSteps p .highlighted {
  color: #487A66;
}

#newsDetails section, #eventDetails section {
  padding-top: 1em;
}

#rightSide h2.greenHeader {
  background: #157b65;
  color: #fff;
  text-align: left;
}

.register input {
  width: 260px !important;
}
#photoBinWrapper .grayButton {
  width: 192px !important;
}

.register input#photoBinButton {
  width: 180px !important;
}

.register select {
  width: 282px !important;
  background: none !important;
  left: 83px !important;
}

.register.editData select {
  left: 177px !important;
}

.register input[name*="address_house_number"],
.register input[name*="address_flat"] {
  width: 40px !important;
}

.register input[name*="button_submit"] {
  text-transform: capitalize;
}

.register input#registerform_button_submit {
  width: 125px !important;
}

.register input#editform_button_submit {
  width: 120px !important;
}

.register .DF_groupbox {
  height: 29px;
  margin-bottom: 10px;
  margin-left: -36px;
  margin-top: -4px;
}

.register.editData .DF_groupbox {
  margin-left: 24px;
}

.register .disclaimer {
  width: 552px !important;
  height: auto !important;
  padding: 20px 0;
  margin: 0 0 0 25px !important;
}

.register .disclaimer .agreement {
  height: auto !important;
  margin-bottom: 10px;
}

.register .personalData,
.register .address,
.register .loginInfo {
  margin: 0 25px;
}

.register.editData form > div {
  margin: 0 5px 15px 15px !important;
  padding: 0 0 10px 0 !important;
}

.register.editData .disclaimer {
  width: auto !important;
  padding: 10px 0 !important;
}

.register.editData .disclaimer .DF_groupbox {
  margin-left: 0 !important;
}

.register #registerform_gender {
  left: -5px !important;
  top: 2px !important;
}

#editform_gender {
  top: 5px !important;
}

.register.editData section h3 {
  font-family: 'LatoBlack', 'Tahoma', sans-serif;
  left: 193px;
}

.register .labelRight {
  padding-top: 8px !important;
}

form#loginform_loginform input,
.remindPass input,
.passChange input {
  width: 260px !important;
  margin-left: 16px;
  margin-top: 6px;
}

.remindPass input#changepasswordform_id {
  margin-left: 10px;
}

.passChange input {
  margin-left: 0;
}

.remindPass input[type="submit"] {
  width: 76px !important;
}

.passChange input[type="submit"] {
  width: 82px !important;
  margin: 20px 0 0 -56px !important;
}

.remindPass img#changepasswordform_captcha {
  margin-left: 16px;
  width: 282px !important;
  height: 75px !important;
}

.remindPass .DF_label {
  width: auto !important;
}

.remindPass form .DF_groupbox .DF_label:first-of-type {
  top: 4px !important;
}

.remindPass form .DF_groupbox .DF_label:last-of-type {
  top: 18px !important;
}

.remindPass .DF_groupbox {
  position: relative !important;
  height: 29px !important;
  margin-bottom: -35px;
  margin-left: -36px;
  margin-top: -4px;
}

.passChange .DF_groupbox {
  margin-top: -4px;
}

form#loginform_loginform input#loginform_password {
  margin-left: 17px;
}

form#loginform_loginform input#loginform_button_submit {
  width: 120px !important;
  text-transform: uppercase;
  margin: 0px 0 0px 23px;
}

form#loginform_loginform .DF_label_require,
.remindPass .DF_label_require {
  left: 18px;
  top: -9px;
}

.remindPass .DF_label_require {
  left: 12px;
}

.additionalFields .DF_label_require {
  font-size: 15px;
}

form#loginform_loginform .DF_groupbox .DF_groupbox:nth-of-type(2) {
  top: 48px !important;
}

form#loginform_loginform span.DF_groupbox_inner,
.remindPass span.DF_groupbox_inner {
  top: 5px !important;
  left: 9px;
  position: relative;
}

.remindPass span.DF_groupbox_inner,
.passChange span.DF_groupbox_inner {
   top: 8px !important;
 }

form#loginform_loginform .DF_groupbox:last-of-type {
//  left: 480px !important;
 // top: 157px !important;
  font-size: 8px;
}

form#loginform_loginform .DF_groupbox:last-of-type span.DF_groupbox_inner {
  text-transform: capitalize;
}

.salesContent.plu div section.eventHeader {
  padding-bottom: 0;
}

#salesProgress {
  border-bottom: 1px solid #a3d2c0;
}
#salesProgress.plu {
  border-bottom: 2px solid #a3d2c0;
}

#step3 .eventHeader h1 {
  color: #000;
  font-family: 'LatoBlack', 'Tahoma', sans-serif;
}

.step45 .eventHeader:first-child {
  margin: 0;
}

#step5 #content .step45 #leftSide {
  width: 965px;
}

#step5 #content .step45 #leftSide {
  padding-left: 0;
}

#content .step45 #leftSide section {
  padding: 0;
}

#content .step45 #leftSide {
  width: 964px;
}

#content .step45 td:first-child {
  padding-left: 0px;
}

#content .step45 tfoot tr:first-child td,
#content .step45 tr td.dark {
  font-size: 1.4em;
}

#content .step45 .additionalSummary.total td:nth-child(even) {
  background: #157b65 !important;
  color: #fff !important;
}

.salesContent.plu #step6 #leftSide header hgroup {
  display: none;
}

.salesContent.plu #step6 #leftSide section {
  font-size: 11px;
  margin-top: 40px;
}

.salesContent.plu #step6 #leftSide section a {
  font-weight: bold;
}

#login #hpGoToCart {
  color: #157a65;
  font-family: 'LatoRegular', 'Tahoma', sans-serif;
  line-height: 1.2em;
  margin-left: 55px;
}

.DF_button_submitted_indicator {
  display: none !important;
}

.layerTable .layerRow{
  border-bottom: 1px solid #a7d2bf;
}
.layerTable .layerRow:nth-child(even){
  background-color: transparent;
}
.hpsLayer section .eventHeader{
  border: 0;
}
.layerTable .TextPartCartInfo{
  padding: 20px 0;
  border-bottom: 1px solid #a7d2bf;
  font-family: 'LatoBold', 'Tahoma', sans-serif;
}
.formFooter{
  width: 260px;
  padding: 21px 0;
}
.formFooter #button_cancel,
.formFooter #add_to_cart{
  box-sizing: border-box;
  width: 118px;
  height: 30px;
  line-height: 28px;
  padding: 0;
  margin: 0;
  text-transform: capitalize;
  font-size: 14px;
}
.formFooter #button_cancel{
  margin-right: 20px;
}
.hpsLayer.addToCart{
  border-bottom: 1px solid #a7d2bf;
}

#homepage #news h2 {
  text-align: center;
  padding-left: 0;
}
.eventTable,
.eventCharges,
#cartPriceTotal{
  padding: 0;
}
#content .step45 th,
#content .step45 td,
#content .step45 td:first-child,
#content .step45 td.sumDel{
  padding: 10px 15px;
}
#content .step45 tr.emptyTableHeader th,
#content .step45 tr.emptyTableHeader td,
#content .step45 tr.emptyTableHeader td:first-child,
#content .step45 tr.emptyTableHeader td.sumDel{
  padding: 0;
  height: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}
#deliveryMethod .ticketSummary tbody tr:first-child td,
#content .step45 .ticketSummary td{
  padding: 10px 0;
}
.step45 .colRight table{
  margin-bottom: 0;
}

.hpsLayer header a.closeForm:after {
  content: '';
  display: block;
  height: 5px;
  width: 5px;
}.DF_textbox, 
.DF_textbox:focus, 
.DF_textbox_error, 
.DF_textbox_disabled, 
.DF_textbox_error_disabled, 
.DF_filebox, 
.DF_filebox_error, 
.DF_textarea, 
.DF_textarea:focus, 
.DF_textarea_error, 
.DF_textarea_disabled, 
.DF_textarea_error_disabled, 
.DF_selectlist, 
.DF_selectlist:focus, 
.DF_selectlist_error, 
.DF_selectlist_disabled, 
.DF_selectlist_disabled:focus, 
.DF_selectlist_error_disabled, 
.DF_datebox, 
.DF_datebox:focus, 
.DF_datebox_error, 
.DF_datebox_error_disabled, 
.DF_datebox_disabled, 
.DF_pricebox, 
.DF_pricebox:focus, 
.DF_pricebox_error, 
.DF_pricebox_error_disabled, 
.DF_pricebox_disabled, 
.DF_selectlistjs, 
.DF_selectlistjs_error, 
.DF_selectlistjs_option, 
.DF_selectlistjs_option_disabled, 
.DF_selectlistjs_option_selected, 
.DF_selectlistjs_option_selected_disabled, 
.DF_selectlistjsgroup1, 
.DF_selectlistjsgroup1_error, 
.DF_selectlistjsgroup1_option, 
.DF_selectlistjsgroup1_option_disabled, 
.DF_selectlistjsgroup1_option_selected, 
.DF_selectlistjsgroup1_option_selected_disabled, 
.DF_selectlistjsgroup2, 
.DF_selectlistjsgroup2_error, 
.DF_selectlistjsgroup2_option, 
.DF_selectlistjsgroup2_option_disabled, 
.DF_selectlistjsgroup2_option_selected, 
.DF_selectlistjsgroup2_option_selected_disabled, 
.DF_selectlistjsgroup3, 
.DF_selectlistjsgroup3_error, 
.DF_selectlistjsgroup3_option, 
.DF_selectlistjsgroup3_option_disabled, 
.DF_selectlistjsgroup3_option_selected, 
.DF_selectlistjsgroup3_option_selected_disabled, 
.DF_selectlistjsgroup4, 
.DF_selectlistjsgroup4_error, 
.DF_selectlistjsgroup4_option, 
.DF_selectlistjsgroup4_option_disabled, 
.DF_selectlistjsgroup4_option_selected, 
.DF_selectlistjsgroup4_option_selected_disabled, 
.DF_swfupload, 
.DF_swfupload:focus, 
.DF_swfupload_error, 
.DF_swfupload_disabled, 
.DF_swfupload_error_disabled, 
textarea{
  background-image: none;
}
.ticketInfo .charges_selector{
  width: 150px;
}
.step45 select,
.step45 input[type='text']{
  height: 28px;
  padding: 0 0 0 10px;
  color: #4d4d4d;
  /*font-size: 1.4em;*/
  border: 1px solid #8b8b8b;
  background: none;
  -webkit-box-shadow: inset 0 4px 5px -3px rgba(0,0,0,0.2);
  box-shadow: inset 0 4px 5px -3px rgba(0,0,0,0.2);
}
.step45 .ticketSummary .DF_radio_label{
  font-size: 14px;
  font-family: 'LatoRegular', 'Tahoma', sans-serif;
  color: #000;
  margin-bottom: 10px;
}
.grayButton,
.grayButton:active,
.orangeButton,
.orangeButton:active{
  outline: none;
}
#content .step45 .ticketInfo td{
  padding-bottom: 8px;
}
#transactionType{
  margin-bottom: 0;
}
#transactionType input[type="button"]{
  margin-left: 0;
}
#transactionType #buyType{
  float: right;
}
#issueInvoice #invoiceFalse,
#issueInvoice #invoiceTrue{
  margin-top: 0;
}
.seatSales .row div{
  width: 26px;
  height: 26px;
  background-image: url('/plugins/Mosir/lib/Shared/pics/seats-sprite.png');
}
.rows-numbers div {
  height: 26px;
  line-height: 26px;
}
#salesLegend li{
  background-image: url('/plugins/Mosir/lib/Shared/pics/seats-sprite-legend.png');
}
#salesLegend li.seatFree{
  background-position: 0 18px;
}
#salesLegend li.seatReserved{
  background-position: 0 -82px;
}
#salesLegend li.seatTaken{
  background-position: 0 -182px;
}
.masSeatPurch input[type='button']{
  background: #157a65; /* Old browsers */
  background: -moz-linear-gradient(top,  #157a65 68%, #015c48 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#157a65), color-stop(100%,#015c48)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #157a65 68%,#015c48 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #157a65 68%,#015c48 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #157a65 68%,#015c48 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #157a65 68%,#015c48 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#157a65', endColorstr='#015c48',GradientType=0 ); /* IE6-9 */
  
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border-color: #3a655b;
  color: #fff;
  height: 30px;
  font-size: 1.55em;
  line-height: 28px;
  padding-top: 0;
  text-align: center;
  text-transform: capitalize;
  text-decoration: none;
  width: 150px;
  margin-left: 0;
}
#SexyAlertBox-InBox{
  background-color: #157b65;
  padding-top: 50px;
}
#SexyAlertBox-BoxContenedor{
  font-family: 'LatoRegular', 'Tahoma', sans-serif;
}
#SexyAlertBox-BoxContent{
  padding-right: 0;
}
#createApplication hr{
  border-color: #a3d2c0;
}
#createApplication hr,
#createApplication .cardCharges{
  width: 558px;
  margin-left: 20px;
  margin-right: 20px;
}
.addGroupMembers hr{
  margin: 10px 20px;
  border: 0;
  border-top: 1px solid #a3d2c0;
}
#createApplication .submitButtons,
.cardApplicationFieldsContainer .submitButtons{
  padding-left: 20px;
}
#createApplication .cardCharges th,
.cardApplicationFieldsContainer .cardCharges th{
  background: #f0f0f0;
  border: 1px solid #b3d1be;
  color: #000;
  font-weight: normal;
  font-family: 'LatoBold', 'Tahoma', sans-serif;
  font-size: 14px;
  padding: 15px;
  text-align: left;
}
#createApplication footer,
.hpsLayer.addGroupMembers footer{
  background: #fff;
}
#createApplication footer p,
.hpsLayer.addGroupMembers footer p{
  color: #000;
}
.hpsLayer#createApplication footer,
.hpsLayer.addGroupMembers footer{
  height: 30px;
  line-height: 30px;
}

#createApplication .clientPhoto #photoBinWrapper{
  margin-left: 20px;
  margin-right: 20px;
}

.hpsLayer.groupEntryPromptLayer {
  width: 290px;
}

#footer .payments{
  background: none repeat scroll 0 0 #F2F2F2;
}
#footer {
 padding-top: 20px;
}
#footer ul{
  width:965px;
}

#footer .sponsor-icons{
  float: left;
}

#footer .sponsor-icons.right{
  float: right;
}
#footer .payments {
  padding: 15px 0;
}
#footer .payments li:last-child {
  float: right;
  padding:0;
}
#footer .info{
  color: #656565;
  float: left;
  line-height: 12px;
  padding: 10px 40px;
  width: 310px;
}
.footer-copy{
  width:100%; 
  background: #005D4A;
  padding: 12px 0;
}
#footer .copy {
  margin-top: 0;
  color: #b9b9b9;
  font-size: 1.3em;
  text-align:left;
  
}
#footer .copy span{
  float: right;
}

.myPurchases a.printInvoice{
  background-image: none !important;
  background-repeat: no-repeat !important;
  border: 2px solid #0098FF;
  border-radius:3px;
  font-size:12px;
  height:23px !important;
  width:24px !important;
  line-height:22px;
}
.myPurchases a.printInvoice em{
  color:#0098FF;
  display: block !important;
  font-style:normal;
  text-decoration: none;
}

.register .disclaimer .DF_checkbox_label {
  font-size:1.1em;
  width: 530px !important;
  left:25px !important;
  font-family: 'LatoRegular', 'Tahoma', sans-serif;
  position: relative !important;
  top: -11px !important;
}

#termsOfUse table {
  border: 1px solid #000;
  margin-left: 20px;
}

#termsOfUse table td {
  padding: 5px;
  border: 1px solid #000;
}

#termsOfUse ul {
  list-style-type: disc;
  margin-left: 20px;
  margin-bottom: 10px;
}
  
#termsOfUse li {
  list-style-position: outside !important;
  margin-left: 20px !important; 
  padding: 2px!important; ;
}
#termsOfUse li p {
  line-height:16px !important;
}

#termsOfUse ol{
  list-style-position: outside !important;
 
}
a.mail {
  color: #ed7c1b;
  text-decoration:underline;
}
a.mail:hover {
  color: #ed7c1b;
}

/**
 * Polityka cookies
 */
.cookie-notice-bin {
  background: #FFCC00;
  bottom: 0;
  color: #4D4D4D;
  font-size: 15px;
  height: 60px;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 9999;
}

.cookie-notice-bin > div {
  margin: 25px auto 0;
  width: 966px;
}

.cookie-notice-bin > div > div, .cookie-notice-bin > div > a.btn {
  display: inline-block;
}

.cookie-notice-bin > div > div {
  float: left;
}

.cookie-notice-bin > div > a.btn {
  background: #157B65;
  color: #fff;
  float: right;
  margin-top: -9px;
  padding: 8px 12px;
  text-decoration: none;
}

.cookie-notice-bin > div > a.btn:hover {
  color: #157B65;
  background: #fff;
}

.cookie-notice-bin a {
  color: #157B65;
}

.object-desc a {
  color:#ed7c1b
}

#fanCard span.plus{
  color: green;
}
#fanCard span.minus{
  color: red;
}
.fanPurchasing tbody td.alert{
  color: #ff2227;
}

#zdkgr .ticketInfo td{
  line-height: 20px;
}

#salesFooter a {
  text-transform: none;
}

#fanBasket td.fStatus div {
  height: 35px;
}

.timetable-table {
  margin-top: 35px;
}

.calendarButton.next {
  right: 42px !important;
}

.timetableContainer #dateRange,
.timetableContainer #dateSingle {
  padding: 0 !important;
  margin: 0 !important;
}

.timetableContainer #dateSingle {
  color: #167965;
  font: normal 1.5em/1.6em 'LatoBlack', 'Tahoma', sans-serif;
}

.calendar-view input[type=radio]:checked + label, .subobject-view input[type=checkbox]:checked + label {
  background-color: #157b65 !important;
}

#editform_show_week_reset,
#editform_show_day_reset {
  display:inline-block;
  padding: 6.5px 12px;
  cursor: pointer;
  font-weight: bold;
  border:0;
  color: #fff;
  background-color: #157b65;
}

.calendarButton {
  background-color: #157b65 !important;
  width: 24px !important;
  height: 24px !important;
}

.calendarButton.prev:after {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid #fff !important;
}

.calendarButton.next:after {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid #fff !important;
}

.status-legend {
  background-color: #157b65 !important;
}

button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Inside {
  padding: 12px !important;
  margin: 0 0 0 116px !important;
  display: inline-block !important;
  background: url(/cmp/DatePicker/calendar-disabled.png) no-repeat left top !important;
  background-color: #157b65 !important;
  background-position: 4px 4px !important;
}

a.mail {
    color: #298e1e;
    text-decoration: underline;
}
#transactionType #buyType {
    float: right;
    display: none;
}
.left-panel ul:before {
    display: none;
}
.left-panel ul:after {
    display: none;
}

.left-panel li:last-child {
    border-bottom: 1px solid #ffffff;
}
#footer .payments:first-child {
    border-top: 8px solid #fffffff !important;
    height: 100%;
    background: #ffffff !important;
}
body #rightSide h2 {
    color: #000000;
}
#login {
    background: #094fa3;
    padding-bottom: 0px;
}
#login h3 {
    color:#000;
    font-family:'Oswald';
}
.left-panel header h2, #salesHeader header h2 {
    font-family:'Oswald';
    background:#1800a2e8;
}
.footer-copy {
    background: #ffffff;
}
#footer .copy {
    color: #fff;
}
.left-panel header, #salesHeader header {
    background: #1800a2e8;
}

.fancyButton:hover {
-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.fancyButton, .fancyButton:visited, .DF_button input, .DF_button:visited input, #login .logButton, #login input[type="submit"], .hpsLayer input[type="submit"], .formFooter .grayButton {
background:#013595;
font-family:'Oswald';
font-weight:300;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

.fancyButton, .fancyButton:visited, .DF_button input, .DF_button:visited input, #login .logButton, #login input[type="submit"], .hpsLayer input[type="submit"], .formFooter .grayButton {
    background: #ee3a43;
    background: -moz-linear-gradient(top, #ee3a43 50%, #ee3a43 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ee3a43), color-stop(100%,#ee3a43));
    background: -webkit-linear-gradient(top, #ee3a43 50%,#ee3a43 100%);
    background: -o-linear-gradient(top, #dbac5a 50%,#dbac5a 100%);
    background: -ms-linear-gradient(top, #dbac5a 50%,#dbac5a 100%);
    background: linear-gradient(to bottom, #dbac5a 50%,#dbac5a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee3a43', endColorstr='#ee3a43',GradientType=0 );
    -webkit-border-radius: inherit;
    border-radius: inherit;
    color: #fff;
}
.fancyButton:hover, #login .logButton:hover, #login input[type="submit"]:hover, .hpsLayer input[type="submit"]:hover, .formFooter .grayButton:hover {
    background: #272727;
    background: -moz-linear-gradient(top, #272727 50%, #272727 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#272727), color-stop(100%,#272727));
    background: -webkit-linear-gradient(top, #272727 50%,#272727 100%);
    background: -o-linear-gradient(top, #272727 50%,#272727 100%);
    background: -ms-linear-gradient(top, #272727 50%,#272727 100%);
    background: linear-gradient(to bottom, #272727 50%,#272727 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#272727',GradientType=0 );
    text-decoration: none;
}


#header nav a, #header nav a:visited, #header nav a:focus {
    font: 18px/normal 'LatoBold', 'Tahoma', sans-serif;
    color: #272727;
}

#header nav a {
    height: 81px;
    border-right: 1px solid #ededed !important;
    background: url(/p/nav-bg.png) no-repeat right bottom !important;
    background-size: 17px 57px !important;
}
.hpsLayer header {
    height: 50px;
    background: #094fa3;
}
.hpsLayer footer ul a {
    color: #000;
}
.register .disclaimer .DF_checkbox_label {
    color: #383636;
}
.logTrdSteP {
    background: #1800a2e8;
}

.logTrdSteP ul a:hover {
    color: #fff;
    background: #ee3a43;
}
.logTrdSteP ul a {
    color: #fff;
}
#login .logTrdSteP .myCart h3 {
    color: #fff;
}
#login .myCart dt {
    color: #fff;
}

#login .myCart dd {
    color: #ee3a43;
}
#header aside a.logout {
    color: #1800a2e8;
}
#SexyAlertBox-InBox {
    background-color: #1800a2e8;
}
#salesFooter input[type="button"], #SexyAlertBox-Buttons input[type="submit"], #createApplication #cancelApplicationBtn, #createApplication #button_submit, #createApplication #button_submit_no_payu, .cardApplicationFieldsContainer #cancelApplicationBtn, .cardApplicationFieldsContainer #button_submit, .cardApplicationFieldsContainer #button_submit_no_payu, #transactionType input[type="button"], #issueInvoice input[type="button"], .addGroupMembers input[type="button"], #salesFooter .leftSide a.buyButton {
    background: #ee3a43;
    background: -moz-linear-gradient(top, #157a65 68%, #015c48 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#ee3a43), color-stop(100%,#ee3a43));
    background: -webkit-linear-gradient(top, #094fa3 68%,#094fa3 100%);
    background: -o-linear-gradient(top, #ee3a43 68%,#ee3a43 100%);
    background: -ms-linear-gradient(top, #ee3a43 68%,#ee3a43 100%);
    background: linear-gradient(to bottom, #094fa3  68%,#094fa3  100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee3a43', endColorstr='#ee3a43',GradientType=0 );
    -webkit-border-radius: inherit;
    border-radius: inherit;
    border-color: #ee3a43;
}
#salesFooter input[type="button"]:hover, #SexyAlertBox-Buttons input[type="submit"]:hover, #createApplication #button_submit:hover, #createApplication #button_submit_no_payu:hover, .cardApplicationFieldsContainer #button_submit:hover, .cardApplicationFieldsContainer #button_submit_no_payu:hover, #transactionType input[type="button"]:hover, #issueInvoice input[type="button"]:hover, .addGroupMembers input[type="button"]:hover, #salesFooter .leftSide a.buyButton:hover {
    background: #000;
    background: -moz-linear-gradient(top, #000 68%, #000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#000), color-stop(100%,#000));
    background: -webkit-linear-gradient(top, #000 68%,#000 100%);
    background: -o-linear-gradient(top, #000 68%,#000 100%);
    background: -ms-linear-gradient(top, #000 68%,#000 100%);
    background: linear-gradient(to bottom, #000 68%,#000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=0 );
    text-decoration: none;
    border-color: #000;
}
.left-panel li a.buyButton {
	font-weight:300;
	font-family:'Oswald';
	background:#dbac5a;
	text-transform:uppercase;
}

.left-panel li a.buyButton {
    background: #094FA3;
    background: -moz-linear-gradient(top, #094FA3 68%, #094FA3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#094FA3), color-stop(100%,#094FA3));
    background: -webkit-linear-gradient(top, #094FA3 68%,#094FA3 100%);
    background: -o-linear-gradient(top, #094FA3 68%,#094FA3 100%);
    background: -ms-linear-gradient(top, #094FA3 68%,#094FA3 100%);
    background: linear-gradient(to bottom, #094FA3 68%,#094FA3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#157a65', endColorstr='#015c48',GradientType=0 );
    -webkit-border-radius: inherit;
    border-radius: inherit;
}
.left-panel li a.buyButton:hover {
    background: #000;
    background: -moz-linear-gradient(top, #000 68%, #000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#000), color-stop(100%,#000));
    background: -webkit-linear-gradient(top, #000 68%,#000 100%);
    background: -o-linear-gradient(top, #000 68%,#000 100%);
    background: -ms-linear-gradient(top, #000 68%,#000 100%);
    background: linear-gradient(to bottom, #000 68%,#000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=0 );
    text-decoration: none;
}
.left-panel .calYear {
    background: #c80304;
    font-family:'Oswald';
}
.left-panel .calDay {
	font-family:'Oswald';
	background: #1800a2e8;
}
.left-panel .calMonth {
    background: #FFF;
    color: #000;
    font-family:'Oswald';
}

#footer .payments {
    background: none repeat scroll 0 0 #ccc;
}
.eventHeader h1 span {
    color: #094fa3;
}

#rightSide #selectedLocations h2 {
    background: #094fa3;

}
.headerSpacer {
    display: none;
}
#step3 #leftSide header h3 {
    color: #000;

}
.seatSales .row div.seatFree.active {
    background-color: #EE3A43 !important;
}
#login {
    position: static;
}
#salesFooter input.grayButton[type="button"], #SexyAlertBox-Buttons #BoxConfirmBtnCancel, #SexyAlertBox-Buttons #BoxConfirmBtnCancel:hover, #createApplication #cancelApplicationBtn, #createApplication #cancelApplicationBtn:hover, .cardApplicationFieldsContainer #cancelApplicationBtn, .cardApplicationFieldsContainer #cancelApplicationBtn:hover, #salesFooter input.grayButton[type="button"]:hover {
    border-color: #000;
}
#salesFooter input.grayButton[type="button"], #SexyAlertBox-Buttons #BoxConfirmBtnCancel, #createApplication #cancelApplicationBtn, .cardApplicationFieldsContainer #cancelApplicationBtn, .hpsLayer input.cancel[type="button"] {
    border: 1px solid #094FA3;
    background: #094FA3;
    background: -moz-linear-gradient(top, #000 68%, #000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#094FA3), color-stop(100%,#000));
    background: -webkit-linear-gradient(top, #094FA3 68%,#094FA3 100%);
    background: -o-linear-gradient(top, #fe0c0c 68%,#d90a0a 100%);
    background: -ms-linear-gradient(top, #fe0c0c 68%,#d90a0a 100%);
    background: linear-gradient(to bottom, ##000 68%,#d90a0a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=0 );
    font-family: 'LatoRegular', 'Tahoma', sans-serif;
}

#salesFooter input[type="button"], #SexyAlertBox-Buttons input[type="submit"], #createApplication #cancelApplicationBtn, #createApplication #button_submit, #createApplication #button_submit_no_payu, .cardApplicationFieldsContainer #cancelApplicationBtn, .cardApplicationFieldsContainer #button_submit, .cardApplicationFieldsContainer #button_submit_no_payu, #transactionType input[type="button"], #issueInvoice input[type="button"], .addGroupMembers input[type="button"], #salesFooter .leftSide a.buyButton {
    background: #ee3a43;
    background: -moz-linear-gradient(top, #157a65 68%, #015c48 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#ee3a43), color-stop(100%,#ee3a43));
    background: -webkit-linear-gradient(top, #ee3a43 68%,#ee3a43 100%);
    background: -o-linear-gradient(top, #ee3a43 68%,#ee3a43 100%);
    background: -ms-linear-gradient(top, #ee3a43 68%,#ee3a43 100%);
    background: linear-gradient(to bottom, #ee3a43 68%,#ee3a43 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee3a43', endColorstr='#ee3a43',GradientType=0 );
    -webkit-border-radius: inherit;
    border-radius: inherit;
    border-color: #ee3a43;
}

a.buyButton, .grayButton, .orangeButton, .bckBtn, a.buyButton:visited, .bckBtn:visited, .grayButton:visited, .orangeButton:visited {
    background: #dbac5a ;
    border-color: #fff;
    border: 0;
    color: #fff;
    height: 30px;
    font-family: 'LatoRegular', 'Tahoma', sans-serif;
    font-size: 1.55em;
    line-height: 30px;
    text-transform: uppercase;
    width: 150px;
    display: inline-block;
    padding: 0 20px;
    text-transform: none;
    width: auto;
}

.logTrdSteP ul li.active a {
    background-color: #000;
}
.hpsForms input[type="submit"] {
    background: #EE3A43;
    background: -moz-linear-gradient(top, #EE3A43 68%, #EE3A43 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#EE3A43), color-stop(100%,#EE3A43));
    background: -webkit-linear-gradient(top, #EE3A43 68%,#EE3A43 100%);
    background: -o-linear-gradient(top, #EE3A43 68%,#EE3A43 100%);
    background: -ms-linear-gradient(top, #EE3A43 68%,#EE3A43 100%);
    background: linear-gradient(to bottom, #1800a2e8 68%,#1800a2e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE3A43', endColorstr='#EE3A43',GradientType=0 );
}

.hpsForms input[type="submit"]:hover {
    background: #000;
    background: -moz-linear-gradient(top, #000 68%, #000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#000), color-stop(100%,#000));
    background: -webkit-linear-gradient(top, #000 68%,#000 100%);
    background: -o-linear-gradient(top, #000 68%,#000 100%);
    background: -ms-linear-gradient(top, #000 68%,#000 100%);
    background: linear-gradient(to bottom, #000 68%,#000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=0 );
    text-decoration: none;
}

#rightSide h2.greenHeader {
    background: #094FA3;
}

body #fanCard header hgroup a.SettingsLayer {
    border: 1px solid #094FA3;
    float: right;
    margin: 9px 10px;
}

#salesFooter input.grayButton[type="button"]:hover, #SexyAlertBox-Buttons #BoxConfirmBtnCancel:hover, #createApplication #cancelApplicationBtn:hover, .cardApplicationFieldsContainer #cancelApplicationBtn:hover, .hpsLayer input.cancel[type="button"]:hover {
    background: #000;
    background: -moz-linear-gradient(top, #000 68%, #000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#000), color-stop(100%,#000));
    background: -webkit-linear-gradient(top, #000000 68%,#000000 100%);
    background: -o-linear-gradient(top, #000 68%,#000 100%);
    background: -ms-linear-gradient(top, #000 68%,#000 100%);
    background: linear-gradient(to bottom, #000 68%,#000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=0 );
}

.masSeatPurch input[type='button'] {
    background: #FFFFFF;
    background: -moz-linear-gradient(top, #EE3A43 68%, #EE3A43 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#EE3A43), color-stop(100%,#EE3A43));
    background: -webkit-linear-gradient(top, #EE3A43 68%,#EE3A43 100%);
    background: -o-linear-gradient(top, #EE3A43 68%,#EE3A43 100%);
    background: -ms-linear-gradient(top, #EE3A43 68%,#EE3A43 100%);
    background: linear-gradient(to bottom, #EE3A43 68%,#EE3A43 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE3A43', endColorstr='#EE3A43',GradientType=0 );
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: inherit;
    border-color: #EE3A43;
}
.masSeatPurch input[type="button"]:hover {
    background: #000;
    background: -moz-linear-gradient(top, #000 68%, #000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#000), color-stop(100%,#000));
    background: -webkit-linear-gradient(top, #000 68%,#000 100%);
    background: -o-linear-gradient(top, #000 68%,#000 100%);
    background: -ms-linear-gradient(top, #000 68%,#000 100%);
    background: linear-gradient(to bottom, #000 68%,#000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=0 );
    text-decoration: none;
    border-color: #000;
}

.layerTable .photoRequiredError a {
    color: #EE3A43;
}

.cartNav .grayButton:hover {
    background: #000;
    background: -moz-linear-gradient(top, #000 68%, #000100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#000), color-stop(100%,#000));
    background: -webkit-linear-gradient(top, #000 68%,#000 100%);
    background: -o-linear-gradient(top, #000 68%,#000 100%);
    background: -ms-linear-gradient(top, #000 68%,#000 100%);
    background: linear-gradient(to bottom, #000 68%,#000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=0 );
}

.cartNav .grayButton {
    background: #EE3A43;
    background: -moz-linear-gradient(top, #EE3A43 68%, #EE3A43 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#EE3A43), color-stop(100%,#EE3A43));
    background: -webkit-linear-gradient(top, #EE3A43 68%,#EE3A43 100%);
    background: -o-linear-gradient(top, #EE3A4368%,#EE3A43 100%);
    background: -ms-linear-gradient(top, #EE3A43 68%,#EE3A43 100%);
    background: linear-gradient(to bottom, #EE3A43 68%,#EE3A43 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE3A43', endColorstr='#EE3A43',GradientType=0 );
    border: none;
    border-radius: inherit;
}
#content .step45 .additionalSummary.total td:nth-child(even) {
    background: #094FA3;
    color: #fff !important;
}

#login #hpGoToCart {
    color: #D6A20E;
}

#termsOfUse h3 {
    display: none;
}

#rightSide h2 {
    color: #D6A20E;
}
.msgInfo {
    color: #FFF;
    border: 1px solid #FFF;
    background-color: #094fa3;
}

.cookie-notice-bin {
    background: #000;
    color: #FFF;
}

.cookie-notice-bin > div > a.btn:hover {
    color: #FFF;
    background: #1800a2e8;
}
.cookie-notice-bin > div > a.btn {
    background: #1800a2e8;
    color: #fff;
}
#rightSide header h2 {
    color: #fff;
    background: #1800a2e8;
    font-family:'Oswald';
}
#salesSteps p a, #salesSteps p .highlighted {
    color: #1800a2e8;
}
#news li p.viewMore, #newsDetails p.viewMore {
    margin-top: -58px;
    text-align: right;
}

#fanBasket section:nth-child(odd) .myPurchases div {
    background: #1800a2e8;
}
#fanBasket .myPurchases div, #fanChargeOrders .myPurchases div {
    background: #1800a2e8;
}
form#loginform_loginform input, .remindPass input, .passChange input {
    margin-left: 11px;
}
.remindPass input#changepasswordform_captcha_check {
    margin-left: 16px;
}
#news li p a {
    color: #D6A20E;
    font: normal 13px/18px 'LatoRegular', 'Tahoma', sans-serif;
}
#news li {
    width: 171px;
    height: 280px;
    margin-bottom: 10px;
    border-bottom: 3px solid #eee;
}
#news li {
    border-bottom: 3px solid #FFF;
}
#news li p a, #newsDetails p.viewMore a {
    color: #D6A20E;
}
.myPurchases a.cancelReservation, .myPurchases a.confirmReservation, .myPurchases a.printConfirm, .myPurchases a.printInvoice {
    display: inherit;
}
#newsDetails section {
float: right;
width: 570px;
padding-left: 0px;
border-left: 0px;
}

#news li h3 a, #eventDetails dt {
	font-weight:400;
	font-family:'Oswald';
}
#news li .news-content {
	font-family:'Oswald';
}
#news li p{
	font-family:'Oswald';
	font-weight:300;
}


#header {
	border-top: 61px solid #1800a2e8;
    height: 57px;
    background: #fff;
}
#header #siteLogo {
    width: 214px;
    height: 110px;
    margin-top: -62px;
    background-color: #fff;
}

#header .wrapper nav a img {
    opacity: 0.6;
    margin-top: 10px;
    opacity: 0.3;
    filter: alpha(opacity=30);
    -webkit-transition: -webkit-box-shadow 0.2s ease-out;
    -moz-transition: -moz-box-shadow 0.2s ease-out;
    -ms-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    position: absolute;
    top: 18px;
    left: 50%;
}
#header .wrapper nav a span {
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    font-family: 'Oswald', sans-serif;
    font-weight:300;
    color:#fff;
    position: relative;
    bottom: 0;
}
#header nav {
float: left;
margin-top: -78px;
}
#header nav li {
border-right:2px;
}
#login {
background: #f8f8f8;
background: -moz-linear-gradient(top, #f8f8f8 0%, #fefefe 44%, #ffffff 100%);
background: -webkit-linear-gradient(top, #f8f8f8 0%,#fefefe 44%,#ffffff 100%);
background: linear-gradient(to bottom, #f8f8f8 0%,#fefefe 44%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff',GradientType=0 );
border:1px solid #094FA3;
border-top:0 !important; 
}


#rightSide header h2 {
font-family:'Oswald';
background:#1800a2e8;
}
.left-panel header h2, #salesHeader header h2 {
font-family:'Oswald';
background:#1800a2e8;
}
.fancyButton:hover {
background: #1800a2e8;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
#news li p{
font-family:'Oswald';
font-weight:300;
}
#news li .news-content {
font-family:'Oswald';
}
#news li h3 a, #eventDetails dt {
font-weight:400;
font-family:'Oswald';
}
.left-panel li a.buyButton {
font-weight:300;
font-family:'Oswald';
background:#1800a2e8;
text-transform:uppercase;
}
.left-panel .calMonth {
font-family:'Oswald';
	
}
.left-panel .calDay{
font-family:'Oswald';
background: #1800a2e8;
color:#fff;
}
.left-panel .calYear {
background: #dbac5a;
font-family:'Oswald';
}
.fancyButton:hover, #login .logButton:hover, #login input[type="submit"]:hover, .hpsLayer input[type="submit"]:hover, .formFooter .grayButton:hover {
transition: all 0.5s;
-ms-transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
}
.termsOfUse {
margin-bottom: 28px;
font-size: 1.4em;
line-height: 17px;
color: #1800a2e8;
font-weight: 300 !important;
}
#news li p, #newsDetails p, #eventDetails dd {
    color: #000;
}

#header aside {
    float: right;
    position: relative;
    top: 0;
    right: auto;
    height: 22px;
    padding: 8px 0 0 45px;
    color: #FFF;
    background: #ebebeb;
    background: -moz-linear-gradient(left, #ebebeb 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ebebeb), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(left, #ebebeb 0%,#ffffff 100%);
    background: -o-linear-gradient(left, #ebebeb 0%,#ffffff 100%);
    background: -ms-linear-gradient(left, #ebebeb 0%,#ffffff 100%);
    background: linear-gradient(to right, #ebebeb 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=1 );
}

#header aside {
    position: absolute;
    right: 0;
    top: -60px;
    background: none;
    z-index: 1;
}
#header aside:after {
    display: none;
}
form#loginform_loginform .DF_groupbox:last-of-type span.DF_groupbox_inner {
    text-transform: none;
}
form#loginform_loginform input {
    margin-left: 20px;
}
form#loginform_loginform input#loginform_button_submit {
    margin: 0px 0 0px 90px;
}
.fDownload span {
    margin-top: 8px;
}
#news li p {
    word-break: inherit;
}
.seatSales .row div.seatFree.active {
    background-color: #ED7C1B !important;
}

#news li p.viewMore, #newsDetails p.viewMore {
    margin-top: initial !important;
}

#news li .news-content {
    height: initial !important;
}

#news li {
    height: initial !important;
}
#left-panel header, #salesHeader header {
    background: #1800a2e8;
}
left-panel ul {
    border: 1px solid #1800a2e8 !important; 
}
form#loginform_loginform input {
//    margin-left: 11px; !important
}

background: linear-gradient(to bottom, #094fa3 68%,#094fa3 100%)

#rightSide #selectedLocations section.selPositions {
    position: relative;
    background: #fff;
    border: 1px solid #a4d3c1;
    border-top: 0;
    padding-bottom: 30px; !important
    min-height: 270px;
}

#rightSide #selectedLocations section.selPositions:before {
    
    border-style: solid;
    border-color: #ffffff transparent; !important
}

.stadiumLocat {
    height: auto;
    position: relative; !important
    background: #fff;
    border: 1px solid #a4d3c1;
    border-top: 0;
    padding-bottom: 0px;
}

layerTable .TextPartCartInfo {
    padding: 20px 0;
    border-bottom: 1px solid #ffffff; !important
    font-family: 'LatoBold', 'Tahoma', sans-serif;
}

.layerTable .layerRow {
    border-bottom: 1px solid #ffffff;
}

register section h3 {
    font-weight: bold;
    margin-left: 9px;
    /* margin-top: 35px; */
    color: #000;
    left: 190px;
}

.left-panel .calMonth {
    background: #dbac5a;
    color: #fff;
    font-family: 'Oswald';
}
.left-panel .calDay {
    font-family: 'Oswald';
    background: #dbac5a;
    color: #fff;
}
left-panel .calYear {
    background: #dbac5a;
    font-family: 'Oswald';
}
left-panel .calYear {
    background: #dbac5a;
    font-family: 'Oswald';
}

#salesSteps .salesContent, #salesFooter {
    border: 0;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    width: 965px;
}

rightSide #selectedLocations section.selPositions:before {
    position: absolute;
    display: block;
    width: 0;
    content:none
    left: -1px;
    bottom: -1px;
    z-index: 1;
    border-width: 0px 23px 32px 0px;
    border-style: solid;
    border-color: #a7d2bf transparent;
}

#header aside a.logout {
    color: #ffffff;
}

register section .personalData, .register section .address, .register section .loginInfo, .register section .disclaimer, .register section .guardian {
    background: none;
     border-bottom:none; 
    width: 98%;
}

#rightSide #selectedLocations section.selPositions {
    position:initial;
    background: #fff;
    border: 1px solid #a4d3c1;
    border-top: 0;
    padding-bottom: 30px;
    min-height: 270px;
}
ul.languages li a {
    color: #ffffff;
    text-transform: uppercase;
}
.stadiumLocat {
    height: auto;
    position: initial;
    border: 1px solid #a4d3c1;
    border-top: 0;
    padding-bottom: 0px;
}

.termsOfUse {
    margin-bottom: 28px;
    font-size: 1.4em;
    line-height: 17px;
    color: #272727;
    font-weight: 300 !important;
}

a.mail {
    color: #ebac5a;
    text-decoration: underline;
}

footer .payments {
    background: none repeat scroll 0 0 #ffffff !important;	
}

.left-panel ul {
    position: relative;
    width: 340px;
    padding: 0 10px 30px;
    border: 1px solid #d8d8d8 !important;
}

#footer .copy {
    margin-top: 15px;
    color: #b9b9b9;
    font-size: 1.1em;
    text-align: center;
}

#login {
    border: 1px solid #d8d8d8;
    border-top: 0 !important;
}

#footer li:nth-child(8) {
    margin-left: 183px;
}

.left-panel header, #salesHeader header {
    background: #1a02a2;
}

#header aside a.logout {
    margin-left: 10px;
    padding-left: 15px;
    color: #ffffff;
    font-weight: bold;
    background-image: none;
    background-repeat: no-repeat;
}
#header nav a, #header nav a:visited, #header nav a:focus {
    font: 23px/normal 'LatoBold', 'Tahoma', sans-serif;
    color: #000;
    height: 81px;
    margin-top: 25px;
    text-transform: none;
    border: 0;
    background: none;
}

#div.transaction_terms_acceptance a.termsLink {
    position: relative !important;
    top: -21px !important;
    left: -58px !important;
}

.fDownload a {
    margin: 10px 0px 0px 18px !important; 
}