@charset "UTF-8";
.disabled {
    background: none repeat scroll 0 0 lightgray;
    color: black;
}
#username {
    width: 70px;
}
#password {
    width: 70px;
}
.forgetPasswordBottomContent #username {
    width: 200px;
}
* {
    outline: medium none;
}
body {
    background-color: #F8F8F8;
}
#container {
    margin: 0 auto !important;
    width: 960px;
}
#container {
    background-color: #FFFFFF;
    border: 1px solid #E6E6E6 !important;
}
table td, table th {
    vertical-align: top;
}
.marketChooseTopContent, .patternTopContent {
    margin: 0;
    padding: 0;
}
form li h1 {
    color: #333333;
    font-size: 20px;
    font-weight: bold;
}
.ui-state-default, .ui-widget-content .ui-state-default {
    color: #4274BB;
}
.topic h1 {
    margin-right: 10px;
    margin-top: 5px;
}
.topic {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F9F9F9;
    border-color: #CCCCCC;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 0;
    margin-left: 10px;
    position: relative;
    top: 1px;
}
.topic table td {
    padding-left: 0;
    vertical-align: middle;
}
.topic table td tr {
    padding: 10px;
}
#header {
    background: url("../images/header-hna-priv.jpg") no-repeat scroll left top transparent;
    height: 100px;
}
#content {
    margin: 0;
    min-height: 400px;
    padding: 20px 20px 90px;
}
#calendarRight {
    margin-left: 30px;
}
table.jCalendar td {
    padding: 6px;
}
#navigation {
    height: 26px;
}
#jsddm {
    background-color: #4274BB;
}
#jsddm li:first-child {
    border-left: 0 none;
}
#navigation li a {
    border-right: 1px solid #2A679C;
}
#navigation a:hover {
    background-color: #2A679C;
    text-decoration: none;
}
#navigation li ul {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #EEEEEE #EEEEEE;
    border-image: none;
    border-right: 1px solid #EEEEEE;
    border-style: none solid solid;
    border-width: medium 1px 1px;
}
#navigation li ul li a {
    border-left: medium none;
    border-top: 1px solid #EEEEEE;
    min-width: 160px;
}
.ui-widget-header {
    background-color: #4274BB;
    background-image: none;
    border: 0 none;
}
.ui-widget-header a:hover {
    text-decoration: underline;
}
.ui-widget-content {
    background-color: #F9F9F9;
    background-image: none;
    border: medium none;
}
.market-slider-container {
    background-image: none;
    margin: 0 auto;
}
.ui-corner-all, .market-slider-img-container, .pattern-slider-img-container, .frame-slider-img-container, .logo-slider-img-container {
}
.market-slider-container {
    height: 112px;
}
.market-slider-img-container {
    height: 80px;
    width: 143px;
}
.pattern-slider-img-container, .logo-slider-img-container, .frame-slider-img-container {
    overflow: hidden;
    width: 255px;
}
img.frame-slider-img {
    height: auto;
    width: auto;
}
.pattern-slider-img {
    height: auto;
    width: 245px;
}
.logo-slider-img {
    max-width: 245px;
    overflow: hidden;
}
.scrollable .items .div {
    height: 85px;
    width: 143px;
}
.market-slider-items .active, .pattern-slider-items .active, .frame-slider-items .active, .logo-slider-items .active, .scrollable .items .active, .logo-slider-img-container .active, .logo-slider-items .active {
    border: 2px solid #4274BB;
}
.market-slider-scrollable, .frame-slider-scrollable, .logo-slider-scrollable {
    float: left;
    height: 100%;
    margin-left: 5px;
    overflow: hidden;
    position: relative;
    width: 830px;
}
.frame-slider-scrollable {
    margin-left: 0;
    margin-top: 15px;
    width: 835px;
}
#open_markets_overlay, #bookingUnitOverlayButton, #calendarButton, #print, #open_patterns_overlay {
}
.bookingUnitChoose #bookingUnitOverlayButton, .dateChoose #calendarButton {
    top: 0;
}
#open_markets_overlay {
    margin: 0 0 10px 10px;
    z-index: 20;
}
#markets_overlay {
    z-index: 20;
}
.simple_overlay .close {
    background-image: url("../images/close.png");
}
.buttonset-absolute {
    bottom: 0;
    float: right;
    margin-right: 40px;
    position: relative;
    right: 0;
    top: 40px;
}
* + html .buttonset-absolute {
    margin-top: 40px;
}
.prevPage {
    margin: 0;
    padding: 0;
}
a.browse {
    background: url("../images/hori_large.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1px;
    height: 60px;
    margin: 30px 0 15px 8px;
    width: 15px;
}
a.right {
    background-position: 0 -60px;
    clear: right;
}
a.right:hover {
    background-position: -15px -60px;
}
a.right:active {
    background-position: -30px -60px;
}
a.left {
}
a.left:hover {
    background-position: -15px 0;
}
a.left:active {
    background-position: -30px 0;
}
#registrationForm {
    margin: 0 10px;
    width: auto;
}
#menu {
    display: none;
    width: 0;
}
#menu ul {
}
#menu a, #menu a:visited {
    border-bottom: 1px solid #000000;
}
#menu a:hover {
    background-color: #FFCC00;
}
#right {
    display: none;
    width: 0;
}
#footer {
    height: 50px;
}
#footer div {
    margin: 8px 0 0 10px;
}
#loadingBackground {
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.2 !important;
    position: absolute;
    top: 0;
    width: 100%;
}
#loadingForeground {
    background: url("../images/spinner.gif") no-repeat scroll center center #FFFFFF;
    border: 1px solid #000000;
    font: 16px Tahoma,Geneva,sans-serif;
    height: 150px;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    overflow: auto;
    padding: 10px;
    position: fixed;
    text-align: center;
    top: 50%;
    width: 150px;
}
.agendaContent #masterData {
    background: url("../images/masterData.png") no-repeat scroll left top transparent;
}
.agendaContent #render {
    background: url("../images/render.png") no-repeat scroll left top transparent;
}
.agendaContent #pattern {
    background: url("../images/pattern.png") no-repeat scroll left top transparent;
}
.agendaContent #offer {
    background: url("../images/offer.png") no-repeat scroll left top transparent;
}
div.agendaContent {
    margin: 0 0 20px;
    padding: 0 0 20px;
    position: relative;
    text-align: center;
}
.messageContent {
    width: 100%;
}
div.messages_info {
    background: url("../images/information.png") no-repeat scroll 15px 50% #F1F7FF;
}
div.error, form li.error {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../images/exclamation.png") no-repeat scroll 15px 50% #FFF6BF;
    border-color: #FFD324 -moz-use-text-color;
    border-image: none;
    border-left: 0 none;
    border-right: 0 none;
    border-style: solid none;
    border-width: 1px 0;
    color: #111111;
    font-size: 11px;
    padding: 5px 20px 5px 45px;
    text-align: left;
}
.button img {
    margin-top: 2px;
}
.checkOkSmall {
    padding-left: 2px;
    vertical-align: middle;
}
#subClassRow {
    background: url("../images/subClassRow.png") no-repeat scroll right top transparent;
}
.marketChoose {
    border: medium none;
    margin-bottom: 40px;
    margin-top: 30px;
    width: 100%;
}
.secondContent {
    border: medium none;
    display: none;
    margin-bottom: 40px;
    margin-top: 30px !important;
    width: 100%;
}
.bookingUnitChoose {
    border: 0 none;
    float: left;
    margin: 30px 15px 0 0;
    padding: 0;
    position: relative;
    width: 296px;
}
.finishContent {
    background-color: #F9F9F9;
    border: 1px solid #CCCCCC;
    margin: 50px auto 0;
    padding: 10px;
    width: 400px;
}
.finishTopContent {
    margin: 0;
    padding: 0;
}
.finishTopContent .topic {
    border: medium none;
    left: auto;
    margin: 0 auto;
    padding: 0;
    position: relative !important;
}
.finishTopContent .topic img {
    display: none;
}
.finishTopContent .topic td {
    padding-left: 0;
}
.finishTopContent .topic h1 {
    margin-right: 0;
    margin-top: 0;
}
.finishBottomContent {
    font-size: 1.2em;
    text-align: center;
}
.finishTopContent {
    margin: 0 auto;
    text-align: center;
}
.renderTopContent, .offerTopContent, .registerTopContent {
    padding: 0;
}
.bookingUnitChooseBottomContent, .rubricChooseBottomContent, .dataChooseBottomContent, .renderBottomContent, .patternBottomContent, .offerBottomContent, .registerBottomContent, #detailImage {
    background-color: #F9F9F9;
    border: 1px solid #CCCCCC;
    overflow: auto;
    padding: 10px;
}
.marketChooseBottomContent {
    background-color: #F9F9F9;
    border: 1px solid #CCCCCC;
    overflow: hidden !important;
    padding: 10px;
}
.bookingUnitChooseBottomContent {
    background: url("../images/bookingunitchoose_background.png") no-repeat scroll right top #F9F9F9;
}
.dataChooseBottomContent {
    background: url("../images/datachoose_background.png") no-repeat scroll right top #F9F9F9;
}
.bookingUnitChooseBottomContent, .rubricChooseBottomContent, .dataChooseBottomContent {
    height: auto !important;
    min-height: 120px;
}
.rubricChooseBottomContent {
    height: 120px !important;
}
.rubricChoose {
    border: 0 none;
    float: left;
    margin: 30px 15px 0 0;
    padding: 0;
    position: relative;
    width: 296px;
}
.dateChoose {
    border: 0 none;
    display: table;
    float: left;
    height: 157px;
    margin: 30px 0 0;
    padding: 0;
    position: relative;
    width: 296px;
}
.dateRow {
    padding-bottom: 10px;
    padding-right: 0;
    width: 20px;
}
.bookingUnitRow {
    padding-right: 0;
    vertical-align: middle;
    width: 20px;
}
.topClassRow {
    padding-right: 0;
    vertical-align: middle;
    width: 20px;
}
.subClassContainer {
    padding-top: 3px;
}
.subClassRow0 {
    padding-right: 8px;
    vertical-align: middle;
    width: 20px;
}
.subClassRow1 {
    padding-right: 16px;
    vertical-align: middle;
    width: 20px;
}
.subClassRow2 {
    padding-right: 24px;
    vertical-align: middle;
    width: 20px;
}
.subClassRow3 {
    padding-right: 32px;
    vertical-align: middle;
    width: 20px;
}
.patternContent {
    border: medium none;
    margin-top: 30px;
    width: 100%;
}
.tent #detailImage {
    border: 1px solid #B3B2B2;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}
.patternContent #detailBorder {
    overflow: auto;
    padding: 10px;
}
.renderContent {
    border: medium none;
    margin-top: 30px;
    position: relative;
    width: 100%;
}
.renderRow {
    padding-right: 0;
    vertical-align: middle;
    width: 15px;
}
.renderContent .textarea {
    height: 80px;
    width: 400px;
}
.renderContent .text {
    width: 400px;
}
.renderContent .select {
    width: 404px;
}
.renderContent #renderImage, .offerContent #renderImage {
    background-color: #FFFFFF;
    border: 1px solid #D2D2D2;
    max-width: 80% !important;
    padding: 5px;
}
#detailImage {
    background-color: #FFFFFF;
    border: 1px solid #D2D2D2;
    padding: 5px;
}
.pattern-slider-scrollable, .logo-slider-scrollable {
    margin-left: 5px;
    width: 93%;
}
#frame_overlay_bc {
    overflow: auto !important;
    padding-bottom: 15px;
    z-index: 20;
}
#frame_overlay_bc .button:focus, #overlay .button:focus {
    outline: 2px solid #1C94C4;
}
.offerContent {
    border: medium none;
    margin-top: 30px;
    overflow: auto;
    padding-bottom: 10px;
    width: 100%;
}
.registerContent {
    border: medium none;
    margin-top: 30px;
    padding-bottom: 10px;
    width: 100%;
}
.registerContent .text {
    width: 240px;
}
.registerContent .select {
    width: 244px;
}
.registerContent #phoneprefix {
    width: 46px;
}
.registerContent #phone {
    width: 180px;
}
.registerContent a, .helpcontent a {
    border-bottom: 1px solid #AFD7E7;
    padding-bottom: 2px;
    text-decoration: none !important;
}
.registerContent a:hover, .helpcontent a:hover {
    background-color: #DCECF2;
    border-bottom: 1px solid #AFD7E7;
    padding-bottom: 2px;
    text-decoration: none;
}
.logo-slider-container a.browse {
    margin-top: 60px !important;
}
.ui-state-default, .ui-widget-content .ui-state-default {
    background-color: #F6F6F6;
    border: 1px solid #CCCCCC;
    color: #4274BB;
    font-weight: bold;
    outline: medium none;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #4274BB;
    outline: medium none;
    text-decoration: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
    background-color: #EDEDED;
    background-image: none;
    border: 1px solid #CCCCCC;
    color: #4274BB;
    font-weight: bold;
    outline: medium none;
}
.ui-state-hover a, .ui-state-hover a:hover {
    color: #C77405;
    outline: medium none;
    text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active {
    background-color: #EDEDED;
    border: 1px solid #4274BB;
    color: #4274BB;
    font-weight: bold;
    outline: medium none;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #4274BB;
    outline: medium none;
    text-decoration: none;
}
.offerNextButton {
    background-color: #4274BB !important;
    background-image: none !important;
    border: 1px solid #4274BB !important;
    outline: medium none !important;
    width: 111px !important;
}
.offerNextButton.ui-state-hover {
    background-color: #4274BB !important;
    border: 1px solid #4274BB !important;
}
.offerNextButton div {
    color: #FFFFFF !important;
    font-size: 1.4em !important;
    font-weight: bold !important;
    line-height: 1.125em !important;
}
#dateSpecIdSelect {
    margin-bottom: 10px;
}
#calendarLeft, #calendarRight {
    border: 1px solid #CCCCCC;
    padding: 5px;
}
table.jCalendar td.weekday, table.jCalendar td.weekend {
    border: 1px solid #CCCCCC;
    padding: 5px;
}
table.jCalendar td.highlight {
    background-color: #B0C4DE;
    color: #000000;
    cursor: pointer;
    font-weight: bold;
}
table.jCalendar td.selected {
    background-color: #4274BB;
    color: #FFFFFF;
}
table.jCalendar td.highlight.dp-hover {
    background: url("../images/JCalender_select.gif") no-repeat scroll right top #E4FFD4;
    color: #000000;
}
table.jCalendar td.selected.dp-hover {
    background: url("../images/JCalender_deselect.gif") no-repeat scroll right top #E8A5A5;
    color: #FFFFFF;
}
table.jCalendar td.other-month.dp-hover {
    background-color: #FFFFFF;
    color: #FFFFFF;
    cursor: default;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
    background-color: #FFFFFF;
    color: #000000;
}
img.ui-corner-all {
    border: 1px solid #DBDBDB !important;
    margin: 0 auto;
}
.button div {
    color: #888888;
}
.button img {
    display: block;
}
.button div span {
    color: #4274BB !important;
}
hr {
    border-color: #CCCCCC;
}
#overlay, #frame_overlay_bc, #logo_overlay_bc {
    text-align: center !important;
}
.helpcontent {
    margin-top: 15px;
}
* html {
    overflow-x: hidden;
}
* + html #next {
    width: 175px;
}
* + html #logo_submit {
    width: 200px !important;
}
* + html button#back {
    width: 175px !important;
}
* + html #preview, * + html #calendar, * + html #next {
    width: 190px;
}
* + html logo-slider-scrollable {
}
.marketChooseTopContent .topic, .patternTopContent .topic, .renderTopContent .topic, .offerTopContent .topic, .registerTopContent .topic {
}
#next.button, #register.button, #patterns_submit, #frame_submit {
}
#calendar_submit.button, #markets_submit.button {
}
#footerInfo {
    display: none;
    text-align: center;
}