/*	
    document: content.css
    name: stylesheet 'Kia Europe Car Configurator'
    Created: January 2008
    Author: Victor Bastiaansen / Booleanpark interaction agency

COLORSHEET:
ex	black:		#000000 ( various text-elements)
ex	darkgrey:	#333333 ( navigation / experience-text / btn-text)

HEADERS:
ex	 <h1>: content-title (blue)				[#content #contentMain h1] 
ex	 <h2>: - experience-ankeiler (darkgrey)	[#experience #experienceText h2] 
*/

/* GLOBAL defaults & resets*/
body
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    margin: 0px;
    padding: 0px;
    font-size: 10pt;
}
textarea
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    float: left;
    resize: none;
}
td
{
    vertical-align: top;
}
th
{
    text-align: left;
    padding-left: 10px;
}
img
{
    border: 0px;
}
fieldset
{
    border: none;
}
form, p, fieldset, legend, dl, dt, dd, ul
{
    margin: 0px;
    padding: 0px;
}
a, object
{
    outline: none;
    text-decoration: none;
    color: #666666;
}
a[disabled]
{
    color: Gray !important;
    text-decoration: none !important;
}

h1, h2, h3, h4, h5, h6
{
    font-family: Arial;
    margin:0px;
    padding: 0px;
}

h2 { font-family: 'NeoSansProMedium', Arial; font-size: 32px; color: #000; text-transform: uppercase; margin-bottom: 25px; }
h3 { font-family: 'NeoSansProMedium', Arial; font-size: 24px; color: #000; text-transform: uppercase; margin-bottom: 20px; }
h4 { font-family: 'NeoSansProRegular', Arial; font-size: 18px; color: #393939 !important; border-bottom: 0 !important; margin-bottom: 15px; }

hr.ruler { border-top: 1px solid #ccc; border-bottom: 0px; height: 1px; line-height: 1px; margin: 20px 0; }
p { margin-bottom: 20px; }

.colend, .clear
{
    clear: both;
    display: block;
    height: 1px;
    line-height: 1px;
}
#navigation ul
{
    margin: 0px;
    padding: 0px;
}

/* Content Dealer Content */
.contentHeading
{
    font-weight: bold;
    font-size: 1em;
}
.contentText
{
    font-weight: normal;
    font-size: 1em;
}
.contentLink
{
    text-decoration: underline;
    color: #B81116;
    outline: medium none;
}


/* DYNFORM */
/* dynform elements */
.dfForm
{
    width: 360px;
}
fieldset
{
    margin-top: 10px;
}
fieldset legend
{
    display: block;
    font-size: 17px;
    font-weight: bold;
    border: none;
    color: #599ecd;
}


.dfRows
{
    list-style: none;
    margin: 5px 0px 0px 0px;
}
.dfRows li
{
    margin: 2px 0px;
}
.dfRows li .dfLabel
{
    float: left;
    width: 135px;
    clear: both;
    font-size: 11px;
    line-height: 18px;
}
.dfRows li .dfMandatory
{
    float: left;
    width: 15px;
    text-align: center;
    display: block;
    color: #599ecd;
    font-size: 11px;
    line-height: 22px;
}
.dfRows li .dfControl
{
    float: left;
    width: 210px;
}
.dfRows li .dfControl ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.dfRows li .dfControl ul li
{
    list-style: none;
}
.dfRows li .dfControl .error
{
    display: block;
    clear: both;
    font-size: 11px;
    line-height: 15px;
}
.dfRows li .dfTooltip
{
    float: left;
}
.dfClear
{
    clear: both;
    display: block;
    height: 1px;
    line-height: 1px;
    width: 1px;
}

/* form parts*/
.dfRadiobuttonList input
{
    float: left;
    width: 15px !important;
}
.dfRadiobuttonList label
{
    float: left;
    width: 70px;
    margin-right: 5px;
    margin-left: 5px;
    font-size: 11px;
    line-height: 20px;
}

.dfSelect
{
    float: left;
}
.dfSelect select
{
    border-style: solid;
    border-width: 2px 1px 1px 2px;
    border-color: #a6b1b5 #dce0e2 #dce0e2 #818f96;
    width: 205px;
    color: #000000;
    padding: 0px;
    font-size: 11px;
}
.dfSelect select.dfSelectAuto
{
    min-width: 205px;
    width: auto !important;
    width: 205px;
}

.dfInput
{
    float: left;
}
.dfInput input
{
    border-style: solid;
    border-width: 2px 1px 1px 2px;
    border-color: #a6b1b5 #dce0e2 #dce0e2 #818f96;
    width: 200px;
    color: #000000;
    padding: 2px;
    font-size: 11px;
}
.dfInput .dfSmall
{
    width: 60px;
}
.dfInput .dfMedium
{
    width: 90px;
}

.dfTextarea
{
    font-size: 11px;
}
.dfTextarea textarea
{
    border-style: solid;
    border-width: 2px 1px 1px 2px;
    border-color: #a6b1b5 #dce0e2 #dce0e2 #818f96;
    width: 200px;
    height: 70px;
    color: #000000;
    padding: 2px;
    font-size: 11px;
}


.dfInput input:focus, .dfSelect select:focus, .dfControl .inputFocus
{
}

input.error
{
    border-color: #f00 !important;
    background-color: #FFFFD5;
}

.dfLabelBefore
{
    float: left;
    margin-left: 30px;
    margin-right: 3px;
    font-weight: bold;
    font-size: 11px;
    line-height: 18px;
}
.dfLabelAfter
{
    float: left;
    margin-left: 1px;
    margin-right: 5px;
    width: auto !important;
    font-size: 11px;
    line-height: 18px;
}
.dfReadonlyItem
{
    float: left;
    margin-right: 5px;
}

.dfFormMargin
{
    margin-left: 150px;
}
#formLogin
{
    padding-top: 15px;
    padding-bottom: 30px;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

/* Tooltip - jquery-plugin*/
#tooltip
{
    position: absolute;
    z-index: 3000;
    border: 1px solid #979797;
    background-color: #eee;
    padding: 0px; /* opacity: 0.85; */
}
.ttContentHolder
{
    display: none;
    position: absolute;
}
.dfTooltip
{
    display: block;
    float: left;
    margin-top: 3px;
    padding: 4px;
    height: 11px;
    width: 11px;
    background: url('../img/info_blue_box.gif') no-repeat center center;
}

.formButtons
{
    border-top: 1px solid #cdcdcd;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
}
.formButtons ul
{
    list-style: none none;
    padding: 0px;
}
.formButtons ul
{
    list-style: none none;
    margin: 10px 0px;
}
.formButtons ul li
{
    float: left;
    display: block;
    margin-right: 5px;
}
.formButtons ul li a
{
    width: 81px;
    height: 22px;
    text-align: center;
    background: url('../img/btn_form.gif') no-repeat center center;
    display: block;
    padding: 0px 3px;
    line-height: 20px;
    font-size: 12px;
}
.formButtons ul li a.process
{
    width: 81px;
    height: 22px;
    text-align: center;
    background: url('../img/btn_form.gif') no-repeat center center;
    display: block;
    padding: 0px 3px;
    line-height: 20px;
    font-size: 12px;
    color: Silver;
    cursor: default;
}
.formButtons ul li a:hover
{
    color: #b3000f;
}
.formButtons ul li a:hover.process
{
    color: silver;
}

.formButtonsForKMEModels ul
{
    list-style: none none;
    margin: 0px 0px;
}
.formButtonsForKMEModels ul li
{
    float: left;
    margin-right: 5px;
}
.formButtonsForKMEModels ul li a
{
    width: 81px;
    height: 22px;
    text-align: center;
    background: url('../img/btn_form.gif') no-repeat center center;
    display: block;
    padding: 0px 3px;
    line-height: 20px;
    font-size: 12px;
}
.formButtonsForKMEModels ul li a:hover
{
    color: #b3000f;
}

.formButtonsWithoutLine ul
{
    list-style: none none;
    margin: 0px 0px;
}
.formButtonsWithoutLine ul li
{
    float: left;
    margin-right: 5px;
}
.formButtonsWithoutLine ul li a
{
    width: 81px;
    height: 22px;
    text-align: center;
    background: url('../img/btn_form.gif') no-repeat center center;
    display: block;
    padding: 0px 3px;
    line-height: 20px;
    font-size: 12px;
}
.formButtonsWithoutLine ul li a:hover
{
    color: #b3000f;
}

.button li
{
    margin-right: 5px;
}
.button li a
{
    width: 81px;
    height: 22px;
    text-align: center;
    background: url('../img/btn_form.gif') no-repeat center center;
    display: block;
    padding: 0px 3px;
    line-height: 20px;
    font-size: 12px;
}
.button li a:hover
{
    color: #b3000f;
}

.button
{
    margin-right: 5px;
}
.button a
{
    width: 81px;
    height: 22px;
    text-align: center;
    background: url('../img/btn_form.gif') no-repeat center center;
    display: block;
    padding: 0px 3px;
    line-height: 20px;
    font-size: 12px;
}
.button a:hover
{
    color: #b3000f;
}


.croptoolContainer .helpLink .questionMark { margin-top: 4px; }

.croptoolContainer a.button { float: left; }

#contentContainer a.linkButton { display: block; width: 81px; height: 22px; line-height: 20px; padding: 0px 3px; text-align: center; font-size: 12px; background: url('../img/btn_form.gif') no-repeat center center; }
#contentContainer a:hover.linkButton { color: #b3000f; }
.croptoolContainer input.hiddenfield { position: absolute; left: -9999px; }

.InputBig
{
    width: 225px;
    height: 85px;
}
.InputMedium
{
    width: 225px;
}

.submit
{
    display: -moz-inline-block;
    display: inline-block;
    background: #996633 url('../img/btn_search.gif');
    background-repeat: repeat;
    padding: 3px 20px 3px 10px;
    color: #ffffff;
    font-size: 1.1em;
    margin: 10px;
    font-weight: bold;
    cursor: pointer;
}

.comment1
{
    margin-left: 35px;
}
.comment2
{
    list-style-type: none;
    margin-left: 39px;
    font-style: italic;
}

/* PAGEGRID */
/* center the content */
#horizon
{
    position: absolute;
    left: 0px;
    width: 100%;
    display: block;
}
#container
{
    position: absolute;
    margin-left: -490px;
    width: 980px;
    left: 50%;
    margin-top: 22px;
}


#headerContainer
{
    height: 184px;
    width: 980px;
    position: relative;
}
#headerContainer #experienceImage
{
    position: absolute;
    z-index: -1;
    width: 980px;
    height: 184px;
    overflow: hidden;
}
#headerContainer #bgLogo
{
    position: absolute;
    z-index: -1;
    background: url('../img/logo.png') no-repeat left top;
    height: 147px;
    width: 284px;
    left: 0px;
    top: 0px;
}
#headerContainer #bgGradHeaderRight
{
    position: absolute;
    z-index: -1;
    background: url('../img/bg_grad_header_right.png') no-repeat right top;
    height: 184px;
    width: 546px;
    margin-left: 434px;
}
#headerContainer h1
{
    position: absolute;
    right: 20px;
    top: 70px;
    font-size: 24px;
    color: #ffffff;
}
#headerContainer .btnLogout
{
    position: absolute;
    right: 35px;
    top: 3px;
    min-width: 77px;
}

#headerContainer .topNavigation
{
    position: absolute;
    left: 284px;
    top: 3px;
    list-style: none none;
}
#headerContainer .topNavigation li
{
    display: block;
    float: left;
}

#headerContainer .topNavigation li a, #headerContainer .btnLogout a
{
    display: block;
    position: relative;
    min-width: 10px;
    padding-left: 2px;
    padding-right: 1px;
    height: 14px;
    color: #80786f;
    background: url('../img/btn_topNavigation_center.png') repeat-x center bottom;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    margin-left: 16px;
    text-transform: uppercase;
}

#headerContainer .topNavigation li a:hover, #headerContainer .btnLogout a:hover
{
    background-position: center center;
    color: #FFFFFF;
}

#headerContainer .topNavigation li a.selected, #headerContainer .topNavigation li.selected a
{
    background-position: center top;
    color: #b3000f;
}


#headerContainer a span.topNavLeft, #headerContainer a span.topNavRight
{
    display: block;
    position: absolute;
    width: 10px;
    height: 14px;
    background-image: url('../img/btn_topNavigation.png');
    background-repeat: no-repeat;
}
#headerContainer a span.topNavLeft
{
    background-position: left bottom;
    left: -10px;
}
#headerContainer a span.topNavRight
{
    background-position: right bottom;
    right: -10px;
}
#headerContainer a:hover span.topNavLeft
{
    background-position: left top;
}
#headerContainer a:hover span.topNavRight
{
    background-position: right top;
}

#headerContainer .topNavigation li a:hover span.topNavLeft, #headerContainer .btnLogout a:hover span.topNavLeft
{
    background-position: left center;
}

#headerContainer .topNavigation li a.selected span.topNavLeft, #headerContainer .topNavigation li.selected a span.topNavLeft
{
    background-position: left top;
}

#headerContainer .topNavigation li a:hover span.topNavRight, #headerContainer .btnLogout a:hover span.topNavRight
{
    background-position: right center;
}

#headerContainer .topNavigation li a.selected span.topNavRight, #headerContainer .topNavigation li.selected a span.topNavRight
{
    background-position: right top;
}



#headerContainer #tabs
{
    position: absolute;
    top: 160px;
    left: 20px;
    background: url('../img/bg_tabscontainer.png') repeat center center;
    height: 24px;
    width: 940px;
    overflow: hidden;
}
#headerContainer #tabs ul
{
    list-style: none none;
    margin: 0px;
    padding: 0px;
}
#headerContainer #tabs ul li
{
    display: block;
    float: left;
    height: 24px;
}
#headerContainer #tabs ul li a
{
    display: block;
    min-width: 105px;
    padding:0px 5px;
    height: 24px;
    text-align: center;
    font-variant: small-caps;
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;
    color: #b71300;
    font-weight: bold;
}
#headerContainer #tabs ul li a:hover, #headerContainer #tabs ul li a.selected, #headerContainer #tabs ul li.selected a
{
    background-image: none;
    background-color: #fff;
    color: #000;
}

#contentContainer
{
    background: url('../img/bg_content.gif') repeat-y left top;
    padding: 0px 20px;
}
#contentContainer #navigation 
{
    display: none;
}
#contentContainer #navigation ul
{
    list-style: none none;
}
#contentContainer #navigation ul li
{
}
#contentContainer #navigation ul li a
{
    display: block;
    background: url('../img/bg_nav.gif') no-repeat left 0px;
    width: 145px;
    height: 24px;
    font-size: 12px;
    color: #666666;
    padding-left: 10px;
    line-height: 17px;
}
#contentContainer #navigation ul li.open a
{
    height: 17px;
    background-position: left -30px;
    color: #000000;
}
#contentContainer #navigation ul li a:hover, #contentContainer #navigation ul li a.selected, #contentContainer #navigation ul li.selected a
{
    color: #b3000f;
}

#contentContainer #navigation ul li.open ul
{
    padding-bottom: 7px;
    background: url('../img/bg_nav.gif') no-repeat left bottom;
}
#contentContainer #navigation ul li.open ul li a
{
    background: url('../img/bg_nav.gif') repeat-y left -60px;
    height: 20px;
    line-height: 20px;
    color: #666666;
}
#contentContainer #navigation ul li.open ul li.closed a
{
    background-position: left -100px;
}
#contentContainer #navigation ul li.open ul li.open a
{
    color: #000000;
    background-position: left -140px;
}
#contentContainer #navigation ul li.open ul li a:hover, #contentContainer #navigation ul li.open ul li a.selected, #contentContainer #navigation ul li.open ul li.selected a
{
    color: #b3000f;
}

#contentContainer #navigation ul li.open ul li.open ul
{
    padding-bottom: 0px;
    background-image: none;
}
#contentContainer #navigation ul li.open ul li.open ul li a
{
    padding-bottom: 0px;
    background: url('../img/bg_nav_level3.gif') repeat-y left top;
    padding-left: 25px;
    color: #666666;
}
#contentContainer #navigation ul li.open ul li.open ul li a:hover, #contentContainer #navigation ul li.open ul li.open ul li a.selected, #contentContainer #navigation ul li.open ul li.open ul li.selected a
{
    color: #b3000f;
}

#contentContainer #content { float: left; width: 900px; position: relative; margin: 0 20px 20px 20px; }
#contentContainer #content h1
{
    font-size: 24px;
    font-weight: normal;
}
#contentContainer #content h2
{
    font-size: 28px;
    margin-top: 10px;
}

#contentContainer #content h3
{
    font-size: 18px;
    margin-top: 10px;
}

#contentContainer #cultureswitch
{
    float: right;
}
#contentContainer #cultureswitch ul
{
    list-style: none none;
}
#contentContainer #cultureswitch ul li
{
    display: block;
    float: left;
    margin-left: 10px;
}
#contentContainer #cultureswitch ul li.selected a
{
    color: #b3000f;
    font-size: 12px;
    position: relative;
    margin-right: 25px;
}
#contentContainer #cultureswitch ul li a img
{
    position: absolute;
    left: -20px;
    margin-top: 2px;
}
#contentContainer #cultureswitch ul li a:hover
{
    text-decoration: underline;
}

#contentContainer #content .contentButtons
{
    list-style: none none;
    margin: 10px 0px;
    margin-left: 0px;
    padding: 0px;
}
#contentContainer #content .contentButtons li
{
    float: left;
    display: block;
    margin-right: 5px;
}
#contentContainer #content .contentButtons li a
{
    width: 120px;
    height: 20px;
    background: url('../img/btn_content.gif') no-repeat left center;
    display: block;
    padding: 0px 6px;
    line-height: 18px;
    font-weight: bold;
    font-size: 12px;
    padding-left: 2px;
}
#contentContainer #content .contentButtons li a:hover
{
    color: #b3000f;
}
#contentContainer #content .contentButtons li a.selected
{
    color: #b3000f;
}

#footerContainer
{
    background-color: #0F1A30;
}
#footerContainer #footerSpacer
{
    width: 940px;
    margin: 0px 20px;
    min-height: 20px;
    height: auto !important;
    height: 20px;
    background: url('../img/bg_tabscontainer.png') repeat center center;
    border-top: 1px solid #0F1A30;
}
#footerContainer #footnote
{
    width: 940px;
    padding: 0px 20px;
    min-height: 20px;
    height: auto !important;
    height: 20px;
    color: #ffffff;
    font-size: 11px;
    line-height: 19px;
    text-align: center;
}
#footerContainer #footerNavigation
{
    width: 980px;
    background-color: #ffffff;
    padding: 10px 0px;
}
#footerContainer #footerNavigation #copyright
{
    float: right;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
}
#footerContainer #footerNavigation ul
{
    list-style: none none;
}
#footerContainer #footerNavigation ul li
{
    display: block;
    float: left;
    margin-right: 10px;
}
#footerContainer #footerNavigation ul li a
{
    display: block;
    color: #666666;
    font-size: 12px;
    font-weight: bold;
}
#footerContainer #footerNavigation ul li a:hover
{
    text-decoration: underline;
}
.ddlAboutUsPagesDropDown
{
    width: 149px;
    margin-bottom: 3px;
}

.cropImage
{
    /*max-width: 980px;*/
}
.default_content
{
    margin-left: 25px;
}

Div .label
{
    margin-top: 12px;
    margin-bottom: 4px;
    font-size: 8pt;
    color: #202020;
}

.tabBorder
{
    padding: 10px;
    border: 1px solid #666666;
    position: relative;
    background-color: #fff;
    z-index: 10;
}

.imagetumb
{
    width: 120px;
    float: left;
    display: block;
    padding: 5px;
}

.imagetumb.selected
{
    background-color: #808080;
}

.descriptionblock
{
    color: #000;
    font-family: 'NeoSansProMedium', Arial;
    font-size: 14px;
    margin-bottom: 30px;
}

.helpLink
{
    cursor: pointer;
}


.imageContainer
{
    background-color:white;
    text-align:center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.summary.error
{
    background-color:#FFFFe8;
}

.summary.status
{
    padding:10px;
    border:1px solid #d8d8EE;
    background-color:#e8e8FF;
}

a.back { color: #ad0c13; font-weight: bold; font-family: Arial; font-size: 12px; display: block; background: url('/img/sprite_general.png') no-repeat 0 -1445px; padding-left: 10px; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.btnRed { color: #fff; display: inline-block; margin:10px 0px; width: auto; text-align:center; padding:6px 0; text-transform: uppercase; font-size:10px; font-weight:bold; cursor: pointer;

    -webkit-border-radius: 4px;
            border-radius: 4px;

    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
          
    background: #af0d13;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FmMGQxMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OTBhMTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #af0d13 0%, #890a12 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#af0d13), color-stop(100%,#890a12));
    background: -webkit-linear-gradient(top,  #af0d13 0%,#890a12 100%);
    background: -o-linear-gradient(top,  #af0d13 0%,#890a12 100%);
    background: -ms-linear-gradient(top,  #af0d13 0%,#890a12 100%);
    background: linear-gradient(top,  #af0d13 0%,#890a12 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af0d13', endColorstr='#890a12',GradientType=0 );

  -webkit-box-shadow: 1px 1px 2px 0px #bcbcbc;
          box-shadow: 1px 1px 2px 0px #bcbcbc;
    
}
.btnRed:hover { text-decoration: none;
                background: #c00e14;
                background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MwMGUxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZjBkMTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                background: -moz-linear-gradient(top,  #c00e14 0%, #af0d13 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c00e14), color-stop(100%,#af0d13));
                background: -webkit-linear-gradient(top,  #c00e14 0%,#af0d13 100%);
                background: -o-linear-gradient(top,  #c00e14 0%,#af0d13 100%);
                background: -ms-linear-gradient(top,  #c00e14 0%,#af0d13 100%);
                background: linear-gradient(top,  #c00e14 0%,#af0d13 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c00e14', endColorstr='#af0d13',GradientType=0 );
}

.btnRed:active { text-decoration: none;
                background: #890a12;
                background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5MGExMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZjBkMTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                background: -moz-linear-gradient(top,  #890a12 0%, #af0d13 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#890a12), color-stop(100%,#af0d13));
                background: -webkit-linear-gradient(top,  #890a12 0%,#af0d13 100%);
                background: -o-linear-gradient(top,  #890a12 0%,#af0d13 100%);
                background: -ms-linear-gradient(top,  #890a12 0%,#af0d13 100%);
                background: linear-gradient(top,  #890a12 0%,#af0d13 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#890a12', endColorstr='#af0d13',GradientType=0 );

                -webkit-box-shadow: none;
                box-shadow: none;
}


.btnGrey { color: #666; display: inline-block; margin:10px 0px; width: auto; text-align:center; padding:6px 0; text-transform: uppercase; font-size:10px; font-weight:bold; cursor: pointer;

    -webkit-border-radius: 4px;
            border-radius: 4px;

    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
          
    border-top: 1px solid #d7d7d7;
    border-left: 1px solid #b9b9b9;
    border-right: 1px solid #b9b9b9;
    border-bottom: 1px solid #7f7f7f;

    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZTllOWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 29%, #9e9e9e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(29%,#ffffff), color-stop(100%,#9e9e9e));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 29%,#9e9e9e 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 29%,#9e9e9e 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 29%,#9e9e9e 100%);
    background: linear-gradient(top,  #ffffff 0%,#ffffff 29%,#9e9e9e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9e9e9e',GradientType=0 );

  -webkit-box-shadow: 1px 1px 2px 0px #bcbcbc; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     -moz-box-shadow: 1px 1px 2px 0px #bcbcbc; /* FF3.5 - 3.6 */
          box-shadow: 1px 1px 2px 0px #bcbcbc; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
    
}
.btnGrey:hover { text-decoration: none; color: #b71300;
                background: #dfdfdf;
                background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNkZmRmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
                background: -moz-linear-gradient(top,  #dfdfdf 30%, #ffffff 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#dfdfdf), color-stop(100%,#ffffff));
                background: -webkit-linear-gradient(top,  #dfdfdf 30%,#ffffff 100%);
                background: -o-linear-gradient(top,  #dfdfdf 30%,#ffffff 100%);
                background: -ms-linear-gradient(top,  #dfdfdf 30%,#ffffff 100%);
                background: linear-gradient(to bottom,  #dfdfdf 30%,#ffffff 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#ffffff',GradientType=0 );
}

.btnGrey:active { text-decoration: none; color: #666; border-top: 1px solid #7f7f7f; border-left: 1px solid #ababab; border-left: 1px solid #ababab; border-bottom: 1px solid #d7d7d7;
                    background: #9e9e9e;
                    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzllOWU5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
                    background: -moz-linear-gradient(top,  #9e9e9e 0%, #ffffff 75%);
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9e9e9e), color-stop(75%,#ffffff));
                    background: -webkit-linear-gradient(top,  #9e9e9e 0%,#ffffff 75%);
                    background: -o-linear-gradient(top,  #9e9e9e 0%,#ffffff 75%);
                    background: -ms-linear-gradient(top,  #9e9e9e 0%,#ffffff 75%);
                    background: linear-gradient(top,  #9e9e9e 0%,#ffffff 75%);
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e9e', endColorstr='#ffffff',GradientType=0 );

                    -webkit-box-shadow: none;
                    box-shadow: none;
}

.btnArrow { background:url(/img/sprite_general.png) no-repeat right -1092px; padding: 0 25px 0 15px; white-space: nowrap; }
.btnCancel { padding: 0 15px 0 15px; }

.btnRed.btnDisabled:hover { color: #6e6e6e !important; cursor:default;}
.btnRed.btnDisabled:hover .btnArrow { background-position:0 -397px; }

a.button { color: #000; font-size: 13px; font-family: Arial; text-shadow: 0 1px 0 #fff; border: 1px solid #9a9a9a; padding: 7px 16px;

    -webkit-border-radius: 4px;
            border-radius: 4px;

    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

            background: #ffffff;
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGZkZmRmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
            background: -moz-linear-gradient(top,  #ffffff 30%, #dfdfdf 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#ffffff), color-stop(100%,#dfdfdf));
            background: -webkit-linear-gradient(top,  #ffffff 30%,#dfdfdf 100%);
            background: -o-linear-gradient(top,  #ffffff 30%,#dfdfdf 100%);
            background: -ms-linear-gradient(top,  #ffffff 30%,#dfdfdf 100%);
            background: linear-gradient(to bottom,  #ffffff 30%,#dfdfdf 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0 );
}
a.button:hover {
                background: #dfdfdf;
                background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNkZmRmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
                background: -moz-linear-gradient(top,  #dfdfdf 30%, #ffffff 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#dfdfdf), color-stop(100%,#ffffff));
                background: -webkit-linear-gradient(top,  #dfdfdf 30%,#ffffff 100%);
                background: -o-linear-gradient(top,  #dfdfdf 30%,#ffffff 100%);
                background: -ms-linear-gradient(top,  #dfdfdf 30%,#ffffff 100%);
                background: linear-gradient(to bottom,  #dfdfdf 30%,#ffffff 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#ffffff',GradientType=0 );
}
.pnlImageSelect a.button 
{
    display: inline-block; margin-top: 10px;
}

.contentBoxContent .val .tabBorder input { font-size: 10px; padding: 0;
                                            -webkit-box-shadow: none;
                                            box-shadow: none;
}

.sortableList { width: 760px; border-collapse: collapse; margin-bottom: 20px; }

.sortableList th { padding: 0 0 15px 0; }

.sortableList th.move { width: 69px; }
.sortableList th.image { width: 140px; }
.sortableList th.title { width: 391px; padding-left: 20px; }
.sortableList th.activate { width: 140px; }
.sortableList .sortableListHeader th { white-space: nowrap; font-size: 15px; }
.sortableList tr.sortableRow td { padding: 20px; margin: 10px 0; vertical-align: middle; }
.sortableList tr.sortableRow.odd td { background-color: #f4f7f7; }
.sortableList tr.sortableRow.ui-sortable-helper { background-color: #ccc; }

.sortableList td.move { width: 29px; }
.sortableList td.image { width: 100px; }
.sortableList td.title { width: 371px; }
.sortableList td.activate { width: 100px; }

.sortableList td.image img { width: 100px; }
.sortableList td .delete { display: block; background: url('/img/spriteIcons.png') no-repeat -5px -66px; width: 13px; height: 16px; }
.sortableList td .move { display: block; background: url('/img/spriteIcons.png') no-repeat -3px -92px; width: 16px; height: 16px; cursor: move; }

.sortableList .banner { display: block; width: 23px; height: 23px; background-image: url('/img/spriteIcons.png'); background-repeat: no-repeat; background-position: 0 -33px; margin: 0 auto; }
.sortableList .banner.hasBanner { background-position: 0 0; }

.descriptionblock .contentList { list-style-type: none; margin: 0; padding: 0 0 0 10px; }
.descriptionblock .contentList li { margin: 5px 0; }

.subNavigation { position: absolute; right: 40px; top: 60px; }
.subNavigation ul { list-style: none none; }
.subNavigation li a { color: #b71300; font-size: 12px; line-height: 32px; font-weight: bold; position: relative; }
.subNavigation li a:hover { text-decoration: underline; }

.subNavigation li a .icon { position: absolute; display: block; background-image: url('/img/spriteIcons.png'); background-repeat: no-repeat; top: 0; right: 0; }
.subNavigation li a.iconCog { padding-right: 26px; }
.subNavigation li a.iconCog .icon { background-position: 0 -225px; width: 16px; height: 16px; top: -1px; }

.contentBox { position: relative; margin-bottom: 20px; width: 690px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;

    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

  -webkit-box-shadow: 1px 1px 4px 1px #cacaca;
     -moz-box-shadow: 1px 1px 4px 1px #cacaca;
          box-shadow: 1px 1px 4px 1px #cacaca;
}
.contentBox.contentBoxFollowUp { margin-bottom: 57px; }
.contentBox.contentBoxFollowUp .triangleDown { background: url('/img/spriteIcons.png') no-repeat -9px -143px; width: 180px; height: 38px; position: absolute; bottom: -38px; left: 50%; margin-left: -90px; }

.contentWrapper .contentBox { padding: 20px; margin-bottom: 40px; }

.contentWrapper.contentWrapperAppointments .sortableList { width: 100%; }
.contentWrapper.contentWrapperAppointments .sortableList th { padding: 20px 0 20px 20px;}
.contentWrapper.contentWrapperAppointments .sortableList th:first-child { padding-left: 0; }
.contentWrapper.contentWrapperAppointments .sortableList td { white-space: nowrap; padding: 20px 0 20px 20px; }
.contentWrapper.contentWrapperAppointments .sortableList td.title { width: auto; }
.isConfirmed { background: url('/img/spriteIcons.png') no-repeat 0 0; display: block; width: 23px; height: 23px; }
.isNotConfirmed { background: url('/img/spriteIcons.png') no-repeat -1px -192px; display: block; width: 23px; height: 23px; }

.contentWrapper.contentWrapperAppointmentSettings,
.contentWrapper.contentWrapperAppointmentDetails { width: 760px; }
.contentWrapper.contentWrapperAppointmentSettings .label { font-family: Arial; font-size: 12px; margin-bottom: 20px; }
.contentWrapper.contentWrapperAppointmentSettings .val { margin-bottom: 40px; }

.contentWrapper.contentWrapperAppointmentDetails .label { width: 170px; float: left; font-family: Arial; font-size: 12px; margin: 0 0 20px 0; font-weight: bold; }
.contentWrapper.contentWrapperAppointmentDetails .val { float: left; margin: 0 0 20px 0; width: 320px; position: relative; }
.contentWrapper.contentWrapperAppointmentDetails .val ul { margin-left: 16px; }

.contentWrapper.contentWrapperChangeAppointment { width: auto; }
.contentWrapper.contentWrapperChangeAppointment .userDetails { margin-bottom: 15px; }
.contentWrapper.contentWrapperChangeAppointment .label { width: 100px; font-weight: normal; margin-bottom: 15px; }
.contentWrapper.contentWrapperChangeAppointment .val { width: auto; font-weight: bold; margin-bottom: 15px; }
.contentWrapper.contentWrapperChangeAppointment .callegend { padding: 0 3px; margin-bottom: 15px; }
.contentWrapper.contentWrapperChangeAppointment hr.dotted { margin: 20px 0 10px 0; }
.contentWrapper.contentWrapperChangeAppointment .buttonContainer { text-align: center; width: 100%; }
.contentWrapper.contentWrapperChangeAppointment .buttonContainer a { margin-bottom: 0; } 

.contentWrapper.contentWrapperAppointmentDetails .changeAppointment { position: absolute; top: -7px; right: 0; }

.fancybox-skin { background-color: #fff; }

.cal { width: 350px; font-size: 13px; background-color: #fff; border-collapse: separate !important; border: 1px solid #999; border-spacing: 4px; margin-bottom: 5px; }
.cal .calHeader td { font-weight: bold; line-height: 20px; padding: 0 10px; }
.cal th { height: 32px; line-height: 32px; font-weight: bold; text-align: center; background-color: #fff; }
.cal .calDay { height: 30px; line-height: 30px; padding: 0; }
.cal .calDay a { display: block; height: 30px; width: 100%; }
.cal .calDay.calDaySelected { background-color: #B30005; color: #fff; font-weight: bold; }
.cal .calDay.calDayAvailableButReserved { background-color: #cce9c5; }
.cal .calDay.calDayAvailable { background-color: #79c265; }
.cal .calDay.calDayUnavailable { background-color: #e1e1e1; }

.calLegend { padding: 0 6px; margin: 0 10px 5px 0; white-space: nowrap; position: relative; padding-left: 20px; font-size: 11px; }
.calLegend .icon { width: 12px; height: 12px; display: block; position: absolute; left: 0; top: 0; background: none; border: solid 1px #ccc; }
.calLegend.calDaySelected .icon { background-color: #B30005; }
.calLegend.calDayAvailableButReserved .icon { background-color: #cce9c5; }
.calLegend.calDayAvailable .icon { background-color: #79c265; }
.calLegend.calDayUnavailable .icon { background-color: #e1e1e1; }


.error { color: #f00; display: block; margin-bottom: 20px; }
.information { display: block; margin-bottom: 20px;font-weight: bold; }


.contentBox .contentBoxContent { width: 650px; padding: 20px; position: relative;
                                    -webkit-border-top-left-radius: 5px;
                                    border-top-left-radius: 5px;
                                    -webkit-border-bottom-left-radius: 5px;
                                    border-bottom-left-radius: 5px;
                                    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
.contentBox .contentBoxContent .title { color: #000; font-size: 24px; font-weight: normal; font-family: 'NeoSansProMedium', Arial; position: relative; margin-bottom: 20px; text-align: left; }
.contentBox .contentBoxContent .titleWithImage { padding: 0 0 10px 40px; }
.contentBox .contentBoxContent .title .icon { background-color: #b3000b; width: 28px; height: 28px; display: block; position: absolute; left: 0; top: 2px; font-family: 'NeoSansProMedium', Arial; font-size: 20px; line-height: 28px; color: #fff; font-weight: normal; text-align: center;
                                            -webkit-border-radius: 50%;
                                            border-radius: 50%;
                                            -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
.contentBox .contentBoxIntroduction { position: absolute; top: 0; bottom: 0; right: -210px; width: 150px; padding: 20px; overflow: hidden;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;

    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

  -webkit-box-shadow: 1px 1px 4px 1px #cacaca;
     -moz-box-shadow: 1px 1px 4px 1px #cacaca;
          box-shadow: 1px 1px 4px 1px #cacaca;
                          
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2Y0ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 20%, #f4f7f7 80%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(20%,#ffffff), color-stop(80%,#f4f7f7));
    background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 20%,#f4f7f7 80%);
    background: -o-linear-gradient(left,  #ffffff 0%,#ffffff 20%,#f4f7f7 80%);
    background: -ms-linear-gradient(left,  #ffffff 0%,#ffffff 20%,#f4f7f7 80%);
    background: linear-gradient(left,  #ffffff 0%,#ffffff 20%,#f4f7f7 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f7f7',GradientType=1 );    
}

.contentBox .contentBoxContent .label { width: 150px; display: inline-block; font-size: 12px; color: #000; font-weight: bold; margin-top: 0; vertical-align: top; }
.contentBox .contentBoxContent .val { display: inline-block; margin-bottom: 20px; }

.contentText.contentNotification { font-size: 14px; font-family: 'NeoSansProMedium', Arial; color: #000; font-weight: normal; }

.contentWrapper .page { margin-bottom: 20px; }
#contentContainer #content .contentWrapper .page h3 { font-size: 24px; font-weight: normal; }

.isIE7andUp .contentBox,
.isIE7andUp .contentBox .contentBoxIntroduction { border: 1px solid #cacaca; }

hr.dotted {  background: url(/img/bg_splitter_dotted_1px.gif) repeat-x left top; border:none; height: 1px; margin: 30px 0 20px 0; }

.helpLink { margin-left: 10px; float: left; display: inline; margin-top: 3px; position: relative; } 
.helpLink .questionMark { display: block; background: url('/img/spriteIcons.png') no-repeat -4px -118px; width: 15px; height: 15px; }

#dialog { font-size: 12px;  }

.val input { float: left; }
.val .currentImage,
.val .pnlImageSelect { float: left; }


.croptoolContainer .val
{
    width: 495px;
}

.croptoolContainer .val .currentImage 
{
    float: none;
}

.croptoolContainer .val .currentImage img { max-width: 100%;}



.dfForm.dfLoginForm { width: auto; }
.dfForm.dfLoginForm .dfQuestion label { padding-left: 0; font-family: Arial; }
.dfForm.dfLoginForm .dfQuestion .dfInput input { width: 320px; }

.dfForm.dfLoginForm .btnLogin { margin-left: 228px !important; }

.rfdValidationSummaryControl { /*border: 0 !important; margin-left: 220px !important; padding:0 !important;*/  }
.rfdValidationSummaryControl ul { /*padding-left: 44px !important;*/ }
#contentContainer .RadForm_Simple .rfdValidationSummaryControl { background-color: #FFFFDD !important; border: 1px solid #DDDDDD;}

.errorField .label span,
.errorField .dfLabel span {color: Red;}
.errorField .val input,
.errorField .dfInput input {border-color: Red !important;}
.errorField .val span.errorText,
.errorField .dfInput span.errorText {padding:5px 0 0 0; display:block; clear:both; font-size:12px; font-family: "Segoe UI",Arial,Helvetica,sans-serif; }

.valEditor { border: 1px solid #999; padding: 5px;
            -webkit-border-radius: 4px;
               -moz-border-radius: 4px;
                    border-radius: 4px;

            -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
.valEditor .Default.reWrapper { border: 0 !important; }

.val { position: relative; }
.val .tooltip { background-color: #fff; color: #000; display: none; font-size: 12px; line-height: 18px; min-height: 40px; height: auto; width: 215px; padding: 27px 20px 20px 20px; position: relative; z-index: 999;
  -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
     -moz-border-radius: 5px; /* FF1-3.6 */
          border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

  -webkit-box-shadow: 0px 0px 5px 0px #222; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     -moz-box-shadow: 0px 0px 5px 0px #222; /* FF3.5 - 3.6 */
          box-shadow: 0px 0px 5px 0px #222; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
                                                        
}
.val .tooltip img { width: 100%; margin-top: 20px; border: 1px solid #999;
                      -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
                         -moz-border-radius: 5px; /* FF1-3.6 */
                              border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */

                      /* useful if you don't want a bg color from leaking outside the border: */
                      -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
.isIE9 .val .tooltip { box-shadow: 0px 0px 5px 3px #666; }
.isIE7andUp .val .tooltip { border: 1px solid #ccc; }

.val .tooltip .title { font-size: 13px; font-weight: bold; display: block; margin-bottom: 8px; }
.val .tooltip .triangle { margin-right:6px;margin-right:auto;margin-left:auto;display:block; position:absolute;margin:0;top:22px;left:-22px; }
.val .tooltip .close { position: absolute; top: 10px; right: 10px; width: 16px; height: 16px; display: block; background: url('/img/sprite_general.png') no-repeat 0 -1343px; }

.val .tooltip .warrantyImage { margin-bottom: 22px; }
.val .tooltip .btnRed { margin: 20px 0 0 0; display: inline-block; }
.val .tooltip li .number { font-weight: bold; }
.val .tooltip li { margin-bottom: 6px; }

.contentBoxContent .val .tabBorder input.ruButton.ruRemove { padding: 0 4px 2px 18px; background-position: 6px -71px; }
.pnlCurrentContentImage .tabBorder { position: relative; z-index: 10; background-color: #fff; }


@font-face {
	font-family: 'NeoSansProBold';
	src: url('neosanspro-bold-webfont.eot');
	src: local('☺'), url('neosanspro-bold-webfont.woff') format('woff'), url('neosanspro-bold-webfont.ttf') format('truetype'), url('neosanspro-bold-webfont.svg#webfontAe2s7JWz') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Fonts */
@font-face {
	font-family: 'NeoSansProRegular';
	src: url('neosanspro-regular-webfont.eot');
	src: local('☺'), url('neosanspro-regular-webfont.woff') format('woff'), url('neosanspro-regular-webfont.ttf') format('truetype'), url('neosanspro-regular-webfont.svg#webfontQelO8Cu9') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NeoSansProMedium';
	src: url('neosanspro-medium-webfont.eot');
	src: local('☺'), url('neosanspro-medium-webfont.woff') format('woff'), url('neosanspro-medium-webfont.ttf') format('truetype'), url('neosanspro-medium-webfont.svg#webfontCP4ox2e1') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NeoSansProLight';
	src: url('neosanspro-light-webfont.eot');
	src: local('☺'), url('neosanspro-light-webfont.woff') format('woff'), url('neosanspro-light-webfont.ttf') format('truetype'), url('neosanspro-light-webfont.svg#webfontah1wVQue') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Gallery image upload */
.modelCarrousel { display:block; }
.carrouselWrapper { position:relative; overflow:hidden;margin-top: 20px;}
.modelCarrouselWrapper { height: 28px;}


.carrouselWrapper ul { list-style: none none; position:absolute; width:20000em;}
.carrouselWrapper ul li { float:left; margin-right:20px; width:153px; height:28px; overflow:hidden; display:inline;}
.modelCarrouselWrapper ul li img { display:block; width:153px; overflow:hidden; line-height:17px;}
/*.galleryCarrouselWrapper ul li img { margin:0; width:147px; height:192px;}*/

.modelCarrousel .paging2011 { margin-top: 17px; /*margin-bottom: 17px;*/}

.paging2011 a { color: #B3000B; }
.paging2011 a.disabled { color: #000; }

.paging2011 .prev { float: left; position: relative; padding-left: 15px;}
.paging2011 .prev:before { content: ""; position: absolute; top: 5px; left: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 6px solid #B3000B; }
.paging2011 a.prev.disabled:before { border-right: 7px solid #000; }

.paging2011 .next { float: right; position: relative; padding-right: 15px;}
.paging2011 .next:after { content: ""; position: absolute; top: 5px; right: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #B3000B; }
.paging2011 a.next.disabled:after { border-left: 7px solid #000; }

.modelCarrousel .paging2011 ul.modelTabs,
.galleryCarrousel .paging2011 ul.modelTabs { display: none;}
.modelCarrousel .paging2011 ul.modelTabs li,
.galleryCarrousel .paging2011 ul.modelTabs li { float:left; display:inline; padding:0px 4px }
.modelCarrousel .paging2011 ul.modelTabs li a,
.galleryCarrousel .paging2011 ul.modelTabs li a { line-height:6px; font-size:6px; background-color:#dcdcdc; display:block; width:6px; height:6px;
                                                    -webkit-border-radius: 3px;
                                                    border-radius: 3px;
 
                                                    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
.isIE .modelCarrousel .paging2011 ul.modelTabs li a,
.isIE .galleryCarrousel .paging2011 ul.modelTabs li a { background-color:#dcdcdc; background-image: url(/img/sprite_general.png); background-repeat: no-repeat; background-position: 0 -701px;}
.modelCarrousel .paging2011 ul.modelTabs li.active a,
.modelCarrousel .paging2011 ul.modelTabs li.active a:hover,
.galleryCarrousel .paging2011 ul.modelTabs li.active a,
.galleryCarrousel .paging2011 ul.modelTabs li.active a:hover { background-color: #9b9b9b; }
  
.galleryContainer { display: block; width: 495px; }

/*
.galleryContainer img { border: solid 2px #fff!important; }
.galleryContainer img.selected { border: solid 2px #B3000B!important;}
*/

.btnContainer { margin-bottom: 18px; }


.addGalleryImage { margin-top: 17px; }
.btnContainer .addGalleryImage { margin-top: 0; }