/* ================================= */

/* Body and Universal Reset */

/* ================================= */



* {

    margin  : 0;

    padding : 0;

}



html {

    background : #1A1B1C;

    min-height : 100%;

}



body {

    background : #17191A;

    height     : auto;

    position   : relative;

}



#container {

}



#popupWindowCaller {

    display : none;

}



img {

    border : none;

}



::selection {

    background : #393e42;

    color      : #FFF;

}



::-moz-selection {

    background : #393E42;

    color      : #FFF;

}



/* ================================= */

/* Defaults */

/* ================================= */



.rounded {

    -moz-border-radius    : 4px;

    -webkit-border-radius : 4px;

    -o-border-radius      : 4px;

    -ms-border-radius     : 4px;

    border-radius         : 4px;

}



.transition {

    -moz-transition    : all linear 0.2s;

    -webkit-transition : all linear 0.2s;

    -o-transition      : all linear 0.2s;

    transition         : all linear 0.2s;

}



.clear {

    width: 100%;

}



/* ================================= */

/* Custom helper classes, branding elements and colours */

/* ================================= */





.mce_container{

    border: 2px solid #000;

    box-sizing: border-box;

    overflow: hidden;

}

.vert_align {

    display: inline-block;

    height: 100%;

    vertical-align: middle;

}



.labelcontainer{

    padding: 23px 0;

}



.divider::after{

    content: url('images/backgrounds/divider.png');

}



.diamondbg{

    background-image: url('images/backgrounds/diamondbg_dark.png');

    background-repeat: no-repeat;

    background-position: center 40px;

}



.top_padding{

    padding-top: 20px;

}

.bottom_padding{

    padding-bottom: 20px;

}



.italic {

    font-style: italic;

    }



.uc{

    text-transform: uppercase;

}

.lghtbg{

    background-color: #FFF;

}

.medbg{

    background-color: #282A2B;

}

.darkbg{

    background-color: #0D0F0E;

}

.brandprimarybg{

    background-color: #29afd0;

}

.reversed h1, .reversed h2, .reversed h3, .reversed p{

    color: #FFF;

}

.reversed a:hover {

    color: #FFF;

    text-decoration: none;

}

.reversed h1{

    font-size: 36px;

    line-height: 40px;

    font-weight: normal;

    margin: 0 0 20px 0;

}

.reversed input[type="submit"], .reversed button, .reversed .button {

    background-color      : #FFF;

    color                 : #000 !important;

    -webkit-backface-visibility: hidden;

    -moz-transition: all .25s ease;

    -webkit-transition: all .25s ease;

    transition: all .25s ease;

}



.reversed input[type="submit"]:hover, .reversed button:hover, .reversed .button:hover {

    color               : #FFF !important;

    background-color    : #10a0c7;

}



.reversed input[type="submit"]:active, .reversed button:active, .reversed .button:active {

    background-color   : #0c728c;

}





.diamond:after{

    content: url('images/backgrounds/diamond-icon-new.png');

    display: inline-block;

}

.blkdiamond:after{

    content: url('images/backgrounds/blackdiamond.png');

    display: inline-block;

}



.smallhr{

    width: 50px;

    margin: auto;

    color: #5a6266;

}

.brand_primary{

    color: #10A0C7!important;

}

#map {

    margin-top: -20px;

    width: 100%;

    height: 500px;

}

.menu a, .menu a:visited, .menu a:active {

    color           : #FFF;

    text-decoration : none;

    outline         : none;

}



.menu a:hover {

    color           : #10A0C7!important;

    text-decoration : none;

}

#footer .menu a{

    font-size: 14px;

}

.fillframe{

    width: 100%;

}

.linkbannertitle{

    font-family: 'Zilla Slab', serif;

    letter-spacing: 0;

    font-style: normal;

    text-transform: uppercase;

    font-size: 18px;

}





.linkbannertitle a, .linkbannertitle a:visited, .linkbannertitle a:active {

    color           : #FFF;

    text-decoration : none;

    outline         : none;

}



.linkbannertitle a:hover {

    color           : #10A0C7!important;

    text-decoration : none;

}

.linkbannercontainer{

    position: relative;

}



.linkbannercontainer .darkbg a:hover {

    color: #FFF;

    text-decoration: none;

}



.linkbannerinner{

    position: absolute; bottom: 10px; width: 90%;

}

.linkebannerbutton{

    padding: 20px; border-right: solid 10px #FFF;

    z-index: 2;

    position: relative;

}

.headerdiamond{

    background-image: url(images/backgrounds/Diamondheader.png);

    background-repeat: no-repeat;

    background-position: center center;

}





.crossout{

    text-decoration: line-through;

}

.littleprice, .bigprice{

    vertical-align: middle;

}

.littleprice{

    font-family: 'Zilla Slab', serif;

    font-size: 20px;

    color: #000!important;

    text-transform: uppercase;

}

.bigprice{

    font-family: 'Zilla Slab', serif;

    font-size: 50px;

    color: #FFF!important;

    text-transform: uppercase;

}

#bookingbox {

    opacity: 0;

    margin-top: -20px;

    visibility: hidden;



    transition: margin-top 0.2s ease-out, opacity 0.2s linear;

}

#bookingbox.visible {

    opacity: 1;

    margin-top: 0px;

    visibility: visible;

}

#bookingbox:before{

    content: "";

    color: #29afd0;

    position: absolute;

    top: -9px;

    right: 16.5%;

    margin-right: -7px;



    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 7px 10px 7px;

    border-color: transparent transparent #29afd0 transparent;

}

.italic{

    font-style: italic;

}

.videoheading{

    font-size: 15px;

    font-weight: bold;

}

.youtube-button a, .youtube-button a:visited, .youtube-button a:active {

    color: #FFF;

    text-decoration: none;

    outline: none;

}

.youtube-time{

    font-size: 15px;

    color: #FFF!important;

}

.videobuttoncontainer{

    padding-top: 10px;

}

.videobuttoncontainer div{

    padding: 10px 10px 9px 45px;

    position: relative;

}

.videobuttoncontainer div::before{

    font-family: fontAwesome;

    content: "\f04b";

    background-color: #FFF;

    padding: 10px 14px;

    position: absolute;

    box-sizing: border-box;

    color: #000;

    top: 0;

    left: 0;

}



.img_block_link {

    display: block;

    position: absolute;

    z-index: 99;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}

.youtube_video_link_box {

    background: #18191B;

    display: block;

    position: absolute;

    bottom: 15px;

    left: 15px;

    right: 15px;

    z-index: 999;

    -webkit-backface-visibility: hidden;

    -moz-transition: background .25s ease;

    -webkit-transition: background .25s ease;

    transition: background .25s ease;



}

.onlyTablet {

    display: none;

}

.home_our_work_img{

    background-size: cover;

    background-position: top center!important;

}

.home_our_work_img_b_r{

    background-size: cover;

    background-position: bottom center!important;

}

.youtube_video_link_box:hover {

    background: #2C2E32;

}

.youtube_video_link_box .play_cn_youtube{

    background: #FBFDFC;

    float: left;

    color: #18191B;

    padding: 10px 15px;

    margin-right: 15px;

    position: absolute;

    top: 0;

    bottom: 0;



}

.youtube_video_link_box .title_cn_youtube{

    color: #FBFDFC;

    margin-left: 53px;

}

.youtube_video_link_box .title_cn_youtube h3{

    color: #FBFDFC;

    font-size: 15px;



    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    margin-bottom: 0;

    padding: 10px 0;

    width: 70%;

    float: left;

    line-height: 19px;

}

.youtube_video_link_box .title_cn_youtube span {

    float: right;

    text-align: right;

    width: 30%;

    padding: 10px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

}





.youtubelinkcontainer a, .youtubelinkcontainer a:visited, .youtubelinkcontainer a:active {

    color: #FFF;

}

.youtubelinkcontainer a:hover{

    color: #10A0C7!important

}

.ourworkcontainer{

    background: #000;

}



.ourworkcontainer a{

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;



}

.ourworkcontainer:hover{

    background: #000;

    opacity: 0.7;

}

.ourworkcontainer:hover:before{

    font-size: 25px;

    margin-left: 10px;

    margin-top: 10px;

    content: "\f00e";

    color: #fff;

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

}

.whitediamondbg{

    background-image: url(images/backgrounds/Diamondheader.png);

    height: 70px;

    width: 88px;

    background-size: cover;

}

.topheading{

    font-size: 18px;

    line-height: 56px;

    font-family: open-sans, arial, helvetica, sans-serif;

    font-weight: normal;

}







/* ================================= */

/* Typography */

/* ================================= */



#content ul.noContent li:before, #content .noContent ul li:before, #content .flexslider ul li:before {

    content : '';

}



#content ul.noContent li, #content .noContent ul li, #content .flexslider ul li {

    text-indent : 0;

    margin-left : 0;

}



/* ================================= */

/* Header */

/* ================================= */

.phone_top i{

    font-size: 22px;



    margin-right: 10px;

    display: block;

    float: left;



}

.phone_top a {

    display: block;

    float: left;

    font-size: 16px;



}

.header_fill {

    /*height   : 66px;

    position : relative;

    float    : left;

    width    : 100%;*/

    display  : none;

}



#header {

    background-color: #17191a;

    display          : block;

    width            : 100%;

    float            : left;

    position         : relative;

}

.topmainmenucontainer{

    color: #54595e;

    background-color: #101112;

    padding: 8px 0 3px;

    font-size: 16px;

    font-weight: 600;

}



#header a.logo {

    padding     : 0px;

    text-indent : -9999px;

    z-index     : 2;

    margin-top: 3px;

    height: 118px;

    display     : block;

    position    : relative;

    background  : url(images/backgrounds/black-diamond-logo-new.png) center left no-repeat;

    background-size: auto 115px;

    -webkit-backface-visibility: hidden;

    -moz-transition: opacity .25s ease;

    -webkit-transition: opacity .25s ease;

    transition: opacity .25s ease;

}

#header a.logo:hover {

    opacity: 0.7;

}

#header .header_phone_number {

    float       : right;

    text-align  : right;

    padding-top : 42px;

}



#header .header_phone_number span {

    padding     : 10px 2px 10px 10px;

    font-size   : 27px;

    font-weight : bold;

}



#header .header_phone_number i {

    font-size : 27px;

}



.topmainmenucontainer a, .topmainmenucontainer a:visited, .topmainmenucontainer a:active {

    color: #54595e;

    text-decoration: none;

    outline: none;

}



.topmainmenucontainer a:hover {

    color: #eee;

    }



#mainnav a, #mainnav a:visited, #mainnav a:active {

    color: #FFF;

}

#header .topmainmenu i{

    margin-right: 5px;

}



/* ================================= */

/* Main Navigation */

/* ================================= */

.topmainmenu li{

    list-style-image: none;

    display: inline;

    float: right;

    padding-right: 5px;

}

.topmainmenu li:after{

    content:"|";

    margin-left: 5px;

}



.topmainmenu li.first {

    margin-right: 10px;

    }



.topmainmenu li.first:after {

    content:none;

    }



#mainNav {

    /*height           : 50px;*/

    float: right;

}



#mainNav li {

    list-style : none;

    float      : left;

    position   : relative;

    -webkit-backface-visibility: hidden;

    -moz-transition: all .25s ease;

    -webkit-transition: all .25s ease;

    transition: all .25s ease;

}



#mainNav > li {

    margin : 0 0 0 0px;

}



#mainNav > li.first {

    margin-left : 0;

}

#mainNav > li.last {

    background-color: #35363a;

    padding-right: 15px;

}

#mainNav > li.last a:after {

    font-family: FontAwesome;

    content: "\f105";

    font-size: 18px;

    margin-left: 10px;

    line-height: 20px;

    display: inline-block;

    color: #fff;

    position: absolute;

}

#mainNav li a {

    padding: 41px 6px;

    font-size   : 11px;

    margin      : 0px 0px;

    font-weight : normal;

    text-transform: uppercase;

    text-shadow : 0px -1px 0px rgba(0, 0, 0, 0.3);

    color       : #FDFDFD;

    display     : block;

    z-index: 2;

    position: relative;

    -webkit-backface-visibility: hidden;

    -moz-transition: background-color .25s ease;

    -webkit-transition: background-color .25s ease;

    transition: background-color .25s ease;

}

#mainNav li .hover_bg {

    opacity: 0;

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    z-index: 1;

    background-repeat: no-repeat;

    background-position: center;

    background-image: url('images/backgrounds/hoverstate.png');

    -webkit-backface-visibility: hidden;

    -moz-transition: opacity .25s ease;

    -webkit-transition: opacity .25s ease;

    transition: opacity .25s ease;

}



#mainNav li:hover .hover_bg {

    opacity: 1;

}

#mainNav > li > a {

    height : 20px;

}



#mainNav li a:hover {

    color      : #fff;



}



#mainNav li a:active, #mainNav li.current > a {

    color              : #FFF;

    background-repeat: no-repeat;

    background-position: center;

    background-image: url('images/backgrounds/hoverstate.png');

}

#mainNav > li.last:hover , #mainNav > li.last.current {

    background-image: none;

    background-color: #10A0C7;

}

#mainNav > li.last:hover .hover_bg, #mainNav > li.last .hover_bg, #mainNav > li.last.current .hover_bg {

    background-image: none;

}

#mainNav ul {

    position           : absolute;

    width              : 160px; /* left offset of submenus need to match (see below) */

    top                : -999px;

    -webkit-box-shadow : 0px 1px 6px rgba(0, 0, 0, 0.6);

    -moz-box-shadow    : 0px 1px 6px rgba(0, 0, 0, 0.6);

    -o-box-shadow      : 0px 1px 6px rgba(0, 0, 0, 0.6);

    box-shadow         : 0px 1px 6px rgba(0, 0, 0, 0.6);

}



#mainNav ul li {

    width : 100%;

}



#mainNav li:hover {

    visibility : inherit; /* fixes IE7 'sticky bug' */

}



#mainNav li:hover ul, #mainNav li.sfHover ul {

    left    : 0;

    top     : 102px; /* match top ul list item height */

    z-index : 99;

}



#mainNav li:hover li ul, #mainNav li.sfHover li ul {

    top : -999em;

}



#mainNav li li:hover ul, #mainNav li li.sfHover ul {

    left : 160px; /* match ul width */

    top  : 0;

}



#mainNav li li:hover li ul, #mainNav li li.sfHover li ul {

    top : -999em;

}



#mainNav li li li:hover ul, #mainNav li li li.sfHover ul {

    left : 160px; /* match ul width */

    top  : 0;

}



/* Drop Down UL */

#mainNav ul li a {

    margin           : 0;

    padding          : 7px 11px;

    font-size        : 13px;

    font-weight      : normal;

    text-transform: none;

    color            : #000;

    background-color : #EDEDED;

    border           : none;

    text-shadow      : none;

}



#mainNav ul li a:hover, #mainNav ul li a:active {

    background : #1099be !important;

    border     : none;

    filter     : none;

    color      : #fff;

}



#mainNav ul li a:active, #mainNav ul li.current > a {

    color              : #EFC6BB;

    -webkit-box-shadow : none;

    -moz-box-shadow    : none;

    -o-box-shadow      : none;

    box-shadow         : none;

}



/* ================================= */

/* Mobile Navigation */

/* ================================= */



/* Resets for container */

#mobile_nav {

    position : absolute;

    top      : 0;

    z-index  : 9999;

    right    : 0;

    width    : 40%;

    float    : left;

    margin   : 0;

    padding  : 0;

}



/* Background colour for menu and active icon/button */

html.mobile_nav_is_active,

#mobile_nav .mobile_nav_wrap,

#mobile_nav #mobile_nav_launch.active_mobile_launch {

    background-color : #17191A;

}



#mobile_nav .mobile_nav_wrap,

#mobile_nav ul li,

#mobile_nav ul li a {

    -webkit-box-sizing : border-box;

    -moz-box-sizing    : border-box;

    box-sizing         : border-box;



}



/* Style the icon/button */

#mobile_nav #mobile_nav_launch {



    height          : 50px !important;

    width: 66px !important;

    line-height     : 21px;

    position        : relative;

    top             : 18px;

    right           : 0;

    border-radius   : 0;

    background      : url(images/icons/nav.png) 45% center no-repeat;

    background-size : 60% 60%;

    text-indent     : -9999px;

    float           : right;

    cursor          : pointer;

    z-index         : 99;

}



/* Actual Menu Wrapper - Important stuff */

#mobile_nav .mobile_nav_wrap {

    position   : fixed;

    border-left: 3px solid #109EC9;

    width      : 80%;

    float      : left;

    right      : -80%;

    height     : 100%;

    z-index    : 98;

    overflow   : auto;

    display    : block;

    padding-left: 5px;

    -webkit-overflow-scrolling: touch;

}



#mobile_nav .mobile_nav_wrap_active {

    right : 0;

}



html,

#mobile_nav .mobile_nav_wrap {

    -webkit-transition : right 0.2s linear;

    -moz-transition    : right 0.2s linear;

    transition         : right 0.2s linear;

}



html {

    position : relative !important;

    width    : 100%;

    right    : 0;

}



html.mobile_nav_is_active {

    right : 80%;

}



html.mobile_nav_is_active,

html.mobile_nav_is_active body {

    /* overflow : hidden; */

    position : relative;

    height   : 100%;

}



#mobile_nav ul {

    float         : left;

    position      : relative;

    top           : 0;

    left          : 0;

    display       : block;

    width         : 100%;

    list-style    : none;

    margin        : 0 auto !important;

    padding       : 5px 0 0 !important;

    border-bottom : 5px solid #363a39;

}



#mobile_nav ul li {

    width         : 100%;

    display       : block;

    padding       : 0 25px;

    float         : left;

    width         : 100%;

    border-bottom : 1px solid #444;

}



#mobile_nav ul li a {

    color       : #fff;

    font-size   : 18px;

    display     : block;

    float       : left;

    width       : 100%;

    font-weight : normal;

    padding     : 12px 20% 12px 0;

    position: relative;

}



#mobile_nav ul li a:active {

    text-shadow : -1px -1px 0 #111;

}



#mobile_nav ul ul {

    padding-left : 20px;

}



#mobile_nav .mobile_nav_wrap > ul > li > ul {

    display: none; /* HIDE INITIALLY */

}



#mobile_nav ul ul li {

    border-bottom: 0;

    padding: 0 0 0 20px;

}



#mobile_nav ul ul li a {

    font-weight  : normal;

    font-size    : 13px;

}



span.mobile_nav_down_more {

    position: absolute;

    height: 100%;

    width: 20%;

    text-align: right;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    display: block;

    z-index: 999;

    right: 0;

    top: 0;

    padding: 10px 0 0;

    outline: none;

}



/* ================================= */

/* Members  */

/* ================================= */



.members_container {

    background-color: rgba(53, 54, 58, 0.60);

    padding:               30px;

    margin:                60px 0;

    -webkit-border-radius: 5px;

    -moz-border-radius:    5px;

    border-radius:         5px;

}

.members_container h1 {

    text-align: center;

}



.members_login_container {

    padding:      0 30px 0 0;

    border-right: 2px solid #000;

}

.members_login_container.right {

    border:  0;

    padding: 0 0 0 30px;

}







.members_options {

    float:      right;

    margin-top: 10px;

    text-align: right;

}



.members_options a:first-of-type {

    margin-right: 10px;

}



.member_button {

    float: left;

}



.member_home_container {

    -webkit-border-radius: 5px;

    -moz-border-radius:    5px;

    border-radius:         5px;

    margin-bottom:         35px;

    background:          #000 ;

}



h1.members_login {

    margin:     0 -30px 30px;

    padding:    10px 0;

    font-size:  24px;

    background: rgba(0, 0, 0, 0.21);

    color:      #FFFFFF;

}



.member_home_heading {

    width:      100%;

    margin:     30px 0 66px;

    text-align: center;

}

.member_home_heading.sub_heading {

    margin:        24px 0 36px;

    padding:       0 0 10px;

    border-bottom: 0;

}

.member_home_heading i {

    font-size: 69px;

}



.member_home_heading h1 {

    text-transform: capitalize;

    margin-bottom:  10px;

}

.member_home_heading h1 + p {

      font-size:   14px;

      line-height: 16px;

}



.member_home_heading i {

    margin:    0 auto 0px;

    display:   block;

    font-size: 90px;

}



.memeberbox_padding {

    padding: 20px 20px 0;

}



.memberbox {

    margin-bottom:               20px;

    display:                     inline-block;

    width:                       100%;

    background:                  #333;

    padding:                     30px 30px 25px;

    -webkit-border-radius:       3px;

    -moz-border-radius:          3px;

    border-radius:               3px;

    -webkit-backface-visibility: hidden;

    -moz-transition:             background .25s ease;

    -webkit-transition:          background .25s ease;

    transition:                  background .25s ease;

    -webkit-box-sizing:          border-box;

    -moz-box-sizing:             border-box;

    -o-box-sizing:               border-box;

    -ms-box-sizing:              border-box;

    box-sizing:                  border-box;

}

.memberbox:hover {

    background: #000;

}

.memberbox_title h2 {

    margin-left: 20px;

}

.memberbox_title h2:active {

    background: #000;

}



a .memberbox_icon {

    float:                       left;

    color:                       #FFFFFF;

    margin-right:                7%;

    margin-top:                  -5px;

    font-size:                   40px;

    -webkit-backface-visibility: hidden;

    -moz-transition:             all .25s ease;

    -webkit-transition:          all .25s ease;

    transition:                  all .25s ease;

}

a .memberbox_icon i {

    vertical-align: middle;

}



.memberbox_title h2 {

    font-size:                   18px;

    float:                       left;

    color:                       #FFFFFF;

    margin-bottom:               0;

    -webkit-backface-visibility: hidden;

    -moz-transition:             all .25s ease;

    -webkit-transition:          all .25s ease;

    transition:                  all .25s ease;

}



.memberbox_title h2 {

    font-size:                   18px;

    color:                       #FFFFFF;

    margin-bottom:               0;

    -webkit-backface-visibility: hidden;

    -moz-transition:             all .25s ease;

    -webkit-transition:          all .25s ease;

    transition:                  all .25s ease;

}









/* ================================= */

/* Sidebar */

/* ================================= */



.guaranteeheading{

    font-size: 15px;

    line-height: 17px;

    font-weight: bold;

    text-transform: uppercase;

    font-family: 'Zilla Slab', serif;

}

.guaranteepara{

    color: #879399;

    font-size: 14px;

    line-height: 24px;

}

#sidebar {

    margin-top: 10px;

    margin-bottom: 50px;

}





#sidebar #subNav li.subNavHeading a {

    color           : #FFFFFF;

    padding         : 5px 0px 5px 0px;

    margin          : 0px;

    font-weight     : normal;

    text-decoration : none;

    font-size       : 22px;

}



#sidebar #subNav li.subNavHeading a:hover {

    color : #FFFFFF;

}



#content #sidebar #subNav li.subNavHeading {

    padding      : 25px;

    margin-bottom       : 15px;

    text-indent  : 0px;

    text-align   : center;

    background   : #000;

}

#content #sidebar #subNav li.subNavHeading{

    text-transform: uppercase;

}

#content #sidebar #subNav li.subNavHeading:before {

    content : none;

}



#sidebar #subNav {

    text-align: center;

    background-color : #FFFFFF;

}



#content #sidebar ul#subNav li {

    padding      : 8px 0px 8px 0px;

    text-indent  : 0px;

    margin       : 0px;

}



#sidebar #subNav li a {

    text-transform: uppercase;

    color           : #000;

    padding         : 5px 0px;

    text-decoration : none;

    font-size: 15px;

}



#sidebar #subNav li a:hover {

    color : #1099be;

}



#content #sidebar #subNav li:before {

    color        : #ED5C33;

    font-size    : 15px;

    margin-right : 5px;

    line-height  : 15px;

}



#content #sidebar ul#subNav {

    padding : 0;

    margin  : 0px 0px 30px 0px;

}



#content #sidebar #subNav li.down a {

    color       : #10A0C7;

    font-weight : normal;

}



#content #sidebar #subNav li.down:before {

    color       : #ED5C33;

    font-weight : normal;

}



#content #sidebar #subNav li.child a {

}



#content #sidebar #subNav li.child {

    border-top   : none;

    padding-top  : 4px;

}



#content #sidebar #subNav li.childChild {

    font-size    : 11px;

    border-top   : none;

    padding-top  : 4px;

}



#content #sidebar #subNav li.childChild:before {

    font-size   : 11px;

    margin-left : 28px;

}



#sidebar #subNav li.child:before {

    font-size   : 11px;

    margin-left : 14px;

}



/* ================================= */

/* Content */

/* ================================= */



#content {

    padding-top    : 30px;

    padding-bottom : 10px;

    width          : 100%;

    display        : block;

}



#copy p, #copy table, #copy ul, #copy ol {

    margin : 0 0 18px 0;

}



#copy ul, #copy ol {

    margin-left : 18px;

}



/* ================================= */

/* Home */

/* ================================= */



.linkbannerparainner{

    max-height:         0px;

    color: #000;

    overflow:           hidden;

    padding: 0 20px;

    opacity: 0;

    -webkit-backface-visibility: hidden;

    -moz-transition: all .25s ease;

    -webkit-transition: all .25s ease;

    transition: all .25s ease;

}

.linkbannercontainer img {

    -webkit-backface-visibility: hidden;

    -moz-transition: all .25s ease;

    -webkit-transition: all .25s ease;

    transition: all .25s ease;

}

.linkbannercontainer:hover img {

    opacity: .7;

}

.linkbannerparainner a:hover {

    color: #000!important;

}

.linkbannercontainer {

    -webkit-backface-visibility: hidden;

    -moz-transition: all .25s ease;

    -webkit-transition: all .25s ease;

    transition: all .25s ease;

}

.linkbannercontainer:hover .linkbannerparainner {

    max-height: 500px;

    padding: 40px 20px 20px;

    margin-top: -30px;

    opacity: 1;

}





#content ul#homeNav {

    margin        : 0 0 15px;

    padding       : 7px;

    background    : #ccc;

    border-radius : 8px;

}



#content #homeNav li {

    margin      : 0;

    padding     : 1px 0;

    text-align  : center;

    text-indent : 0;

    margin-left : 0 !important;

}



#content #homeNav li:before {

    content : '' !important;

}



#homeNav a {

    display          : block;

    background       : #EEEEEE;

    background-image : linear-gradient(bottom, rgb(50, 50, 50) 0%, rgb(70, 70, 70) 100%);

    background-image : -o-linear-gradient(bottom, rgb(50, 50, 50) 0%, rgb(70, 70, 70) 100%);

    background-image : -moz-linear-gradient(bottom, rgb(50, 50, 50) 0%, rgb(70, 70, 70) 100%);

    background-image : -webkit-linear-gradient(bottom, rgb(50, 50, 50) 0%, rgb(70, 70, 70) 100%);

    background-image : -ms-linear-gradient(bottom, rgb(50, 50, 50) 0%, rgb(70, 70, 70) 100%);

    background-image : -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(50, 50, 50)), color-stop(1, rgb(70, 70, 70)));

    padding          : 13px 15px;

    text-decoration  : none;

    margin           : 0;

    color            : #fff;

    font-weight      : normal;

    text-align       : center;

    text-transform   : uppercase;

    text-shadow      : -1px -1px 3px rgba(0, 0, 0, 0.2);

}



#homeNav a:active, #homeNav a:focus, #homeNav a:hover {

    box-shadow : inset -2px -2px 5px rgba(255, 255, 255, 0.08), inset 2px 2px 5px rgba(0, 0, 0, 0.5) !important;

    outline    : none !important;

}



#homeNav li:first-child a {

    border-top-left-radius  : 5px;

    border-top-right-radius : 5px;

}



#homeNav li:last-child a {

    border-bottom-left-radius  : 5px;

    border-bottom-right-radius : 5px;

}



/* Home Page Banner */

#homeBanner {

    min-height: 300px;

    background: url(images/icons/ajax-loader-alt.gif) no-repeat center center;

}





#homePage #copy .grid_24.text_align_center .uc, #homePage #copy .grid_24.text_align_center a {

         font-size: 24px;

         }



.large_home {

    margin: 30px 0 20px;

    display: block;

}

.home_content {

    margin-bottom: 30px;

}

.diamond_icon {

    background: url("/images/backgrounds/diamond-icon-new.png") no-repeat center;

    height: 75px;

    width: 100%;

    margin: 0px 0 55px;

}

#full_width_banner_crop, #full_width_banner_crop ul.slides > li {

    width: 100%;

}

#full_width_banner_crop .banner_text_wrapper {

    position: relative;

    top: 50%;

    height: auto;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}

#full_width_banner_crop .banner_text h2 {

    font-size: 72px;

    line-height: 83px;

    margin-bottom: 0;

}

#full_width_banner_crop .divider {

    margin-bottom: 10px;

}

#full_width_banner_crop .banner_text h3 {

    font-size: 18px;

}

#full_width_banner_crop .banner_text p {

    font-weight: 600;

    width: 70%;

    font-size: 14px;

    line-height: 28px;

    margin: 0 auto 34px;

}

#full_width_banner_crop a.button {

    font-size: 18px;

    padding: 26px 42px !important;

}



#inner_banner {

    height: 400px;

    background-size: cover;

    background-position: center center;

}

#inner_banner .diamond_icon {

    float: left;

    margin-top: 169px;

}



/* ================================= */

/* Widgets */

/* ================================= */



.widget {



    margin-bottom : 10px;

}



.widget_title {

    padding: 25px;

    margin-bottom: 15px;

    text-indent: 0px;

    text-align: center;

    background: #000;

    text-transform: uppercase;

}



.widget_title h2 {

    color  : #fff;

    margin : 0;

    font-weight: normal;



}



.widget_content h2 a, .widget_content h2 {

    font-size     : 20px!important;

    line-height   : 17px;

    color         : #000;

    margin-bottom : 0;

}



.widget_content {

    background : #E9E9E9;

    padding    : 10px 15px 15px 20px;

}



.home_page .widget_content {

    min-height : 162px;

}



.widget_content ul {

    margin-bottom : 0 !important;

}



.widget_content ul li {

    font-weight   : normal;

    margin-left   : 0px !important;

    margin-bottom : 5px;

}



.widget_content ul li:before {

    margin-right : 3px;

    font-size    : 13px !important;

}



.widget_date {

    padding          : 8px 0 13px;

    margin           : 4px 8px 10px 10px;

    text-align       : center;

    width            : 72px;

    background-color : #ED5C33;

    text-transform   : uppercase;

    float            : right;

    color            : #FFF;

    font-size        : 22px;

    font-weight      : normal;

}



.widget_date h2 {

    font-weight    : normal;

    font-size      : 30px;

    text-transform : none;

    color          : #fff;

    margin         : 10px;

}



.widget .blogDate {

    color         : #000;

    font-style    : italic;

    display       : block;

    margin-bottom : 13px;

    line-height   : 14px;

}



.widget_content p {

    margin-bottom : 10px !important;

}



.widget .blogLink {

    text-decoration : underline;

}



.widget_form_row {

    margin     : 3px 0;

    text-align : right;

}



.widget_form_row label {

    width        : 21.5%;

    text-align   : left;

    margin-right : 2%;

    display      : inline-block;

}



.widget_form_input {

    text-align    : right;

    width         : 73%;

    padding-right : 1%;

    display       : inline-block;

}



.widget_form_input input {

}



.widget_form_button {

    margin-top    : 7px;

    padding-right : 1%;

    text-align    : right;

}



.sidebar_widget .widget_content {

    background-color: #0D0F0E;

    color: #fff;

    border: solid 2px #29afd0;

}

.sidebar_widget .widget_content .blkdiamond{

    background: url("/images/backgrounds/diamond-icon-new.png");

    background-size: 60px auto;

    background-repeat: no-repeat;

    background-position: center;

    margin: 40px 0;

}



.sidebar_widget .widget_content .blkdiamond:after{

    content: none;

}



/* ================================= */

/* Testimonials */

/* ================================= */



.testimonials p {

    font-style: italic;

    }



.testimonials h3 {

    font-weight: 500;

    }



/* ================================= */

/* Blog */

/* ================================= */



.displaying {

    text-align : center;

}



.nextprevnav {

    display    : block;

    text-align : center;

    margin     : 18px 0 0 0;

}



.blogListingThumb {

    float        : left;

    width        : 17%;

    margin-right : 4%;

    text-align   : center;

}



.blogListingContainerWImage {

    float : left;

    width : 79%;

}

.blogListingContainer .button {

    padding: 15px 21px !important;

    margin: 10px 0;

}

#content .blogListingContainer p {

    margin : 0 0 10px 0;

}



.blogDate {

    color : #ccc;

}



.blogAddThisTop {

    float : right;

    width : 124px;

}



.blogMetaInfo {

    background-color : #282A2B;

    margin           : 10px 0;

    overflow         : hidden;

    padding          : 10px 10px;

}



.blogMetaInfo,

.blogMetaInfo a, .blogMetaInfo a:link, .blogMetaInfo a:visited {

    color : #999;

}



/* ================================= */

/* Gallery  */

/* ================================= */

.youtube_play {

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    z-index: 999;

    background: url('/images/backgrounds/video-play.png') center center no-repeat rgba(0,0,0,0.5)!important;-webkit-backface-visibility: hidden;

    -moz-transition: opacity .25s ease;

    -webkit-transition: opacity .25s ease;

    transition: opacity .25s ease;

}

.youtube_play:hover {

    opacity: 0.8;

}

#content .gallery_thumbs li {

    position: relative;

}



/* General Gallery Styles & Fixes */

#content ul.gallery_cat_list, #content ul.thumbs {

    margin: 0;

}

#content .gallery_cat_list li, #content .gallery_thumbs li {

    text-indent: 0;

    margin-left: 0;

    padding: 0;

}

#content .gallery_cat_list li:before, #content .gallery_thumbs li:before {

    display: none;

}



/* Category Styles  */



.gallery_cat_list li {

    float: left;

    width: 32%;

    position: relative;

    display: block;

    margin-bottom: 15px;

}



#content .gallery_cat_list li.gallery_middle {

    margin-right: 2%;

    margin-left: 2%;

}



.gallery_cat_list li a {

    float: left;

    width: 100%;

    overflow: hidden;

    background: #000;

    display: block;

    -moz-transition: all linear 100ms;

    -webkit-transition: all linear 100ms;

    -o-transition: all linear 100ms;

    transition: all linear 100ms;

}



.gallery_cat_list li a:hover {

    position: relative;

    z-index: 99;

}



.gallery_cat_list li a img {

    width: 100%;

    height: auto;

    opacity: 1;

    -webkit-backface-visibility: hidden;

    -moz-transition: opacity .25s ease;

    -webkit-transition: opacity .25s ease;

    transition: opacity .25s ease;

}



.gallery_cat_list li a:hover img {

    opacity: 0.7;

    width: 100%;

    height: 100%;

    position:relative;

}



.gallery_cat_list li a:active img {

    opacity: 0.5;

    width: 100%;

    height: 100%;

    position:relative;

}



.gallery_cat_list li .gallery_title_overlay_container {

    display: none;

}



.gallery_cat_list li .gallery_title_overlay {

    display: none;

}



.gallery_cat_list li a:hover .gallery_title_overlay_container {

    width: 100%;

    top: 0;

    position: absolute;

    z-index: 100;

    text-align: center;

    display: table-cell;

}



.gallery_cat_list li a:hover .gallery_title_overlay {

    text-align: center;

    display: inline-block;

    padding: 7px;

}



/****NOTE*** Change the height to the height of the image

- this is so the label will be able to be set at a vertical centered position  */

.gallery_cat_list li a:hover .gallery_title_label {

    color: #fff;

    font-size: 20px;

    line-height: 24px;

    width: 100%;

    height: 215px;

    text-align: center;

    vertical-align: middle;

    display: table-cell;

}



/* THUMBS - ALBUM STYLES */

#content .gallery_thumbs {

    margin: 0;

    padding: 0;

}





#content .gallery_thumbs li {

    width: 24.2%;

    float: left;

    margin-right: 1%;

    margin-bottom: 7px;

}

#content .gallery_thumbs li.gallery_divider, #content .gallery_cat_list li.gallery_divider {

    width: 100%;

    height: 0;

    padding: 0;

    margin: 0;

}

#content .gallery_thumbs li a {

    display: block;

    background: #000;



}



#content .gallery_thumbs li a img {

    -webkit-backface-visibility: hidden;

    -moz-transition: opacity .25s ease;

    -webkit-transition: opacity .25s ease;

    transition: opacity .25s ease;

}

#content .gallery_thumbs li a:hover img {

    opacity: 0.7;

}



#content .gallery_thumbs li a:active img {

    opacity: 0.5;

}



#content .gallery_thumbs li.gallery_last {

    margin-right: 0;

}



.gallery_thumbs .gallery_caption {

    padding: 15px 0 7px;

}



.gallery_thumbs .gallery_caption h2 {

    font-size: 14px;

    color: #000;

    line-height: 18px;

}



/* ================================= */

/* Footer */

/* ================================= */



#footer {

    clear            : both;

    display          : block;

    width            : 100%;

    float            : left;

    background: #1A1B1C;

}





#footer a:hover {

    color : #fff;

}

.footer_menu_container {

    margin-top: 9px;

}

#footer .socialConnect a {

    line-height: 58px;

}



.footer_style {

    font-weight: 600;

}



.site_by {

    display : block;

    padding : 10px 0 0;

}



.site_by img {

    display : inline-block;

    margin  : -11px 0 0 2px;

}



.footerNav {

    margin-bottom : 10px;

}



#footer li {

    display    : inline;

    list-style : none;

    margin     : 0 34px 0 0;

}



.byLine {

    white-space : nowrap;

}



.byLine span {

    position : relative;

    display  : inline-block;

    top      : -6px;

    margin   : 0 3px 0;

}



#footer .footer_left {

    text-align : left;

}



#footer .footer_left h2 {

    font-size   : 13px;

    font-weight : normal;

    color       : #000;

}



#footer .footer_left li, #footer .footer_left li a {

    line-height : 15px;

    margin      : 0;

}



#footer .footer_left li {

    display    : block;

    list-style : none;

    margin     : 0 12px 0 0;

    text-align : left;

    width      : 100%;

}



#footer .footer_right {

    font-size   : 11px;

    line-height : 16px;

    padding-top : 22px;

    text-align  : right;

}



#footer .footer_right li {

    display    : inline-block;

    list-style : none;

    margin     : 0 0 0 11px;

}



#footer .footer_right ul {

    margin-bottom : 10px;

}



/* ================================= */

/* Sitemap */

/* ================================= */



#content ul.sitemap {

    list-style : none;

    margin     : 0px;

    padding    : 0px;

}



ul.sitemap li a {

    padding : 5px 0px 3px;

    display : block;

}



ul.sitemap a:hover {

    color : #fff;

}



ul.sitemap li.sitemapHeading > a {

    font-size     : 16px;

    padding       : 10px 15px;

    margin        : 0px 0px 0px;

    background: #29AFD0;

    color: #fff;

    font-weight   : normal;

    display       : block;

}



ul.sitemap li.sitemapHeading > a:hover {

    background    : #eee;

    color: #29AFD0;

}

#content ul.sitemap li.sitemapHeading ul {

    margin-left: 30px;

}

.byLine {

    white-space : nowrap;

}



.byLine span {

    position : relative;

    display  : inline-block;

    top      : -5px;

    margin   : 0 3px 0;

}



/* ================================= */

/* Breadcrumbs */

/* ================================= */



#breadcrumbs {

    display : block;

    width   : 100%;

}



#content #breadcrumbs ul {

    list-style : none;

    margin     : 14px 0;

    display    : block;

    position   : relative;

    float      : left;

    width      : 95%;

}



#content #breadcrumbs ul li {

    display : inline;

    padding : 0 5px 0 0;

}



#content #breadcrumbs ul li a {

    padding        : 0 5px 0 0;

    color          : #888;

    font-size      : 12px;

    text-transform : uppercase;

}



#content #breadcrumbs ul li a:hover {

    color : #000;

}



#content span.breadcrumbDivider {

    color       : #888;

    padding     : 0;

    display     : inline-block;

    font-size   : 13px;

    line-height : 12px;

}



#content #breadcrumbs ul li a.currentBreadcrumb {

    color          : #000;

    text-transform : none;

}



/* ================================= */

/* Enquiry Form */

/* ================================= */





 select

{

    appearance:none;

    -moz-appearance:none; /* Firefox */

    -webkit-appearance:none; /* Safari and Chrome */

}

input[type="radio"] {

    display: none;

}

input[type="radio"] + label {

}

input[type="radio"] + label span {

    display:inline-block;

    width:26px;

    height:19px;

    margin-right: 10px;

    vertical-align: middle;

    background:url(../images/backgrounds/diamondsprite.png) -26px top no-repeat;

}

input[type="radio"]:checked + label span {

    background:url(../images/backgrounds/diamondsprite.png) left top no-repeat;

}



.form_label label{

    position: absolute;

    top: 30px;

    left: 17px;

    z-index: 1;

    color: #10A0C7;

}

.errorText{

    display: block;

}

.fieldcontainer{

    position: relative;

}

.formheadingcontainer{

    background-color: #000;

    /* padding-top: 10px; */

    padding: 45px;

    box-sizing: border-box;

    margin: 20px 0px;

}

.formheadingcontainer .step{

    color: #fff;

    text-transform: uppercase;

    font-family: 'Zilla Slab', serif;

    font-size: 35px;

    margin: 0;

    display: inline-block;

    float: left;

}

.formheadingcontainer .info{

    display: inline-block;

    float: right;

    color: #10A0C7;

    text-transform: uppercase;

    font-size: 20px;

}



.required_fields_heading {

    font-size : 11px;

}



i.required,

.form_required i,

.required_fields_heading i {

    color : #10A0C7;

}



.form_label, .form_required, .form_field {

}



.form_label {

    width   : 100%;

    padding : 7px 0 0 0;

    clear   : both;

}



.form_required {

    width   : 5%;

    padding : 10px 0 0 0;

}



.form_field {

    min-height : 30px;

}



#content .errorInput,

#content .custom_select .errorInput + span {

    /*background         : url(/images/icons/error.gif) no-repeat right 3px #fff;*/

    -webkit-box-shadow : #E59595 0 0 4px;

    -moz-box-shadow    : #E59595 0 0 4px;

    box-shadow         : #E59595 0 0 4px;

    border             : 2px solid #e77903;

}







.imageVerification * {

    vertical-align  : middle;

    margin          : 0 5px 0 0;

    text-decoration : none !important;

}



.imageVerification input,

.imageVerification input[type="text"] {

    width : 25%;

}



.errorText {

    color: #ED5E56;

    display: inline-block;

    padding: 20px;

    background: rgba(0, 0, 0, 0.10);

}



input.hintText, .form_note {

    color : #999999;

}



/* ================================= */

/* Form Fields Inputs */

/* ================================= */



input, textarea, select {

    font-family: 'Open Sans', sans-serif;

    font-size   : 12px;

    outline     : none;

    width: 100%;

}

input[type="text"], input[type="email"], input[type="number"], input[type="url"], input[type="password"], textarea{

    padding               : 23px 23px 23px 127px;

}



input[type="text"], input[type="email"], input[type="number"], input[type="url"], input[type="password"], textarea, select {

    width                 : 100%;

    border                : 2px solid #000;

    -webkit-box-sizing    : border-box;

    -moz-box-sizing       : border-box;

    -ms-box-sizing        : border-box;

    -o-box-sizing         : border-box;

    box-sizing            : border-box;

    color: #000;

    border-radius: 0 !important;

}

#tint_percentage {

    color: #fff;

}

input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus {

    border             : 2px solid #10A0C7 !important;

    z-index: 9999!important;

    /*-webkit-box-shadow : #ED5C33 0 0 4px !important;

    -moz-box-shadow    : #ED5C33 0 0 4px !important;

    box-shadow         : #ED5C33 0 0 4px !important;*/

}



input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



.slider_input {

    font-size: 20px;

    background: transparent;

    border: 0px none transparent !important;

    padding: 0px !important;

    width: 60px !important;

    margin-left: 10px;

}



.fieldcontainer .ui-slider {

    margin-top: 15px;

}



/* ================================= */

/* Tables */

/* ================================= */



table.invisibleTable tr:hover .mceLayout td {

    border-top : 1px solid #ccc;

}



table.invisibleTable tr .mceLayout td table {

    margin : 10px 0 5px !important;

}



/* ================================= */

/* Buttons */

/* ================================= */



input[type="submit"], .button {

    text-transform: uppercase;

    padding               : 25px 30px !important;

    background-color      : #000;

    border: none;

    display               : inline-block;

    font-size             : 15px;

    line-height           : normal !important;

    color                 : #FFF !important;

    font-weight           : normal;

    cursor                : pointer;

    width                 : auto !important;

    -webkit-backface-visibility: hidden;

    -moz-transition: all .25s ease;

    -webkit-transition: all .25s ease;

    transition: all .25s ease;

}
input[type="submit"].small, .button.small {
    padding: 16px 24px !important;
}


input[type="submit"]:hover, button:hover, .button:hover {

    color               : #FFF !important;

    text-decoration     : none;

    background-color    : #10a0c7;

    /* Buttons in IE7 don't get borders, so darken on hover */

}



input[type="submit"]:active, button:active, .button:active {

    background-color   : #0c728c;

    background-image   : none;

    outline            : 0;

    -webkit-box-shadow : inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);

    -moz-box-shadow    : inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);

    box-shadow         : inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);

}



input[disabled=disabled][type=submit] {

    background-color: #666666;

    cursor: default;

}



input[disabled=disabled][type=submit]:hover {

    color: #ffffff;

}



.blue {

	background-color: #0c728c;

	font-size: 22px;

}



/* ================================= */

/* Errors / Info / Caution */

/* ================================= */



.error_box, .info_box {

    margin       : 0 0 15px 0;

    padding      : 15px;

    border-width : 3px;

    border-style : solid;

    color        : #555555;

}



.error_box {

    border-color     : #e77903;

    background-color : #FFF2ED;

    color            : #e77903;

}



.info_box {

    border-color     : #D5F296;

    background-color : #F2FCDC;

}



#content .error_box ul {

    margin-bottom : 0;

}



.info_box i {

    margin : 0 8px 0 0;

}



/* ================================= */

/* Message Boxes */

/* ================================= */



.msg_box {

    position     : relative;

    margin       : 20px 0;

    padding      : 10px 10px 10px 45px;

    width        : 640px;

    border-width : 2px;

    border-style : solid;

    /* border-radius: 5px; */

    color        : #555555;

}



.msg_box.info {

    background   : #E1F2F7 url('/images/icons/information.png') no-repeat 15px 11px;

    border-color : #C5E4ED;

}



.msg_box.success {

    background   : #F2FCDC url('/images/icons/accept.png') no-repeat 15px 11px;

    border-color : #D5F296;

}



.msg_box.caution {

    background   : #FFFCD9 url('/images/icons/error.png') no-repeat 15px 11px;

    border-color : #F5F0AE;

}



.msg_box.error {

    background   : #FFF2ED url('/images/icons/exclamation.png') no-repeat 15px 11px;

    border-color : #F5C2AE;

}



.msg_box a.close {

    position : absolute;

    top      : 3px;

    right    : 0px;

    padding  : 5px 10px;

}



/* ================================= */

/* Icons */

/* ================================= */



.small-icon {

    font-size : 14px;

}



.medium-icon {

    font-size      : 22px;

    vertical-align : middle;

}



.large-icon {

    font-size      : 35px;

    vertical-align : middle;

}









/* ================================= */

/* Social media */

/* ================================= */



.socialConnect a {

    font-size: 28px;

    margin-right: 1%;

    display: inline-block;

    float: none;

    width: 36px;

}

.socialConnect a {

    color                 : #35363a!important;

    text-shadow           : none;

    font-size: 28px;

    line-height: 89px;

    box-sizing: border-box;

    height: 68px;

    margin-top: 5px;

    margin-right: 1%;

    width: 36px;

    display: inline-block;

    float: none;

    -ms-transition        : background linear 0.2s;

    -o-transition         : background linear 0.2s;

    -moz-transition       : background linear 0.2s;

    -webkit-transition    : background linear 0.2s;

    transition            : background linear 0.2s;

    -webkit-backface-visibility: hidden;

    -moz-transition: color .25s ease;

    -webkit-transition: color .25s ease;

    transition: color .25s ease;

}



.socialConnect a:hover {

    color : #10A0C7!important;



}



/* ================================= */

/* TinyMCE */

/* ================================= */



.editor {

    width : 100%;

}



.mini_editor { }



#content .mceEditor table {

    margin : 0;

}



/* ====================================== MODULES ====================================== */



/* ================================= */

/* Locations / Locator Module */

/* ================================= */



#locationSearch {

    font-size   : 11px;

    line-height : 20px;

    color       : #fff;

    padding     : 20px 9px;

    background  : #ED5C33;

    position    : relative;

    margin      : 0 0 18px 0;

}



.locationSearchHeading {

    font-size   : 16px;

    font-weight : normal;

}



#content #locationSearch span.locationIcon {

    background-image : url(/images/buttons/locator_icon.png);

    bottom           : 16px;

}



#locationSearch input[type="text"] {

    width        : 80%;

    padding      : 3px 33px 3px 7px;

    height       : 16px;

    line-height  : 16px;

    background   : #CCCCCC !important;

    border-color : #fff !important;

    color        : #fff;

    font-size    : 11px;

    margin-top   : 4px;

}



::-webkit-input-placeholder {

    color : #999;

}



:-moz-placeholder {

    color : #999;

}



#locationSearch input[type="text"]:focus {

    -webkit-box-shadow : #fff 0 0 4px !important;

    -moz-box-shadow    : #fff 0 0 4px !important;

    box-shadow         : #fff 0 0 4px !important;

}



#locationSearch input[type="image"] {

    position : absolute;

    right    : 14px;

    bottom   : 21px;

    width: auto;

}



#location_search_map {

    height : 600px;

}



.state-box {

    margin-bottom : 20px;

}



#store-location-text li {

    margin-bottom : 10px;

}



.location_num {

    background  : url(/images/backgrounds/locator_num_bg.png) no-repeat;

    color       : #fff;

    width       : 20px;

    height      : 27px;

    text-align  : center;

    font-weight : normal;

    padding     : 2px 0 0;

}



.location_content {

    margin-left : 27px;

}



#store-location-text h2 {

    margin-bottom : 10px;

}



#store-location-text h3 {

    margin-bottom : 5px;

}



#store-location-text h3 a {

    color : #1E1E1E;

}



.contactDetailsTable td {

    padding : 0 10px 10px 0;

}



a.phoneLink {

    color : #1E1E1E;

}



#location_map {

    height : 300px;

}



/* ================================= */

/* People / Staff / Team Module */

/* ================================= */



.people_wrapper {

}



.people_person {

}



.people_person a, .people_person a:link, .people_person a:visited, .people_person a:active {

    display       : block;

    border-bottom : 1px solid transparent;

    padding       : 0 0 8px;

    margin        : 0 0 8px;

}



.people_person a:hover {

    border-bottom : 1px solid #10A0C7;

}



.people_person img {

    display    : block;

    text-align : center;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

}



img.people_person_image, .people_person img {

    border : 4px solid #eee;

}



.people_person a:hover img {

    border : 4px solid #10A0C7;

}



.people_person a:hover p {

    color : #10A0C7;

}



.people_person p {

    display     : block;

    font-weight : normal;

    font-size   : 13px;

    margin      : 0 !important;

    padding     : 8px 0 0;

    color       : #111;

}



.people_person p span {

    font-weight : normal;

    font-style  : italic;

    font-size   : 12px;

}





/* ================================= */

/* FAQs Module */

/* ================================= */



.open_faq, .close_faq{

    font-size: 30px;

}

#content .faqs, #content .faqs li {

    margin: 0;

    padding: 0;

}



#content .faqs {

    margin-bottom: 20px;

}



.faq_title {

    cursor: pointer;

    background: #F2F3F3;

    border: 2px solid #000;

    padding: 20px;

    margin: 0;

    font-size: 16px;

    color: #000;

    -webkit-backface-visibility: hidden;

    -moz-transition: background .25s ease;

    -webkit-transition: background .25s ease;

    transition: background .25s ease;

}



.faq_title:hover {

    background: #10A0C7;

}



.faq_title i {

    float: right;

    margin: -7px -1px 0 0;

}



.faq_content {

    display:none;

    color: #fff!important;

    padding: 10px 10px 0;

}



.top_padding.bottom_padding h1 a{

    color: #fff;

}

.top_padding.bottom_padding h1 a:hover{

    color: #109EC9;

}





/* ====================================== PLUGINS ====================================== */



/*

 * jQuery FlexSlider v2.0

 * http://www.woothemes.com/flexslider/

 *

 * Copyright 2012 WooThemes

 * Free to use under the GPLv2 license.

 * http://www.gnu.org/licenses/gpl-2.0.html

 *

 * Contributing author: Tyler Smith (@mbmufffin)

 */



/* Browser Resets */

.flex-container a:active,

.flexslider a:active,

.flex-container a:focus,

.flexslider a:focus { outline : none; }



.slides,

.flex-control-nav,

.flex-direction-nav { margin : 0; padding : 0; list-style : none; }



/* FlexSlider Necessary Styles

*********************************/

#content .flexslider ul, .flexslider { margin : 0 0 0; padding : 0; }



.flexslider .slides > li { display : none; -webkit-backface-visibility : hidden; }



/* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img { width: 100%; display: block; max-height: none; }



.flex-pauseplay span { text-transform : capitalize; }



.flexslider li { position : relative; }



.banner_text_wrapper {

    position: absolute; top: 20%; left: 0px; width: 100%; height: 80%;

}



.banner_text_wrapper .container_24 { position: relative; }



.banner_text_wrapper .banner_text { position: relative; top : 0px; left: 0px; }



.banner_text { text-align: left; display : block; position : absolute; top : 27%; left : 4%; }



.banner_text h2 {

    font-size: 53px;

    line-height: 39px;

    font-family: 'Zilla Slab', serif;

    padding: 9px 0px;

    font-weight: 500;

}



.banner_text h2 span {

    display: block;

    font-family: arial;

    font-weight: 300;

    font-size: 18px;

    font-family: 'Open Sans', sans-serif;

    margin-bottom: 10px;

    }



.banner_text h3 {

    font-weight: normal;

}

.banner_text p { font-weight: normal; margin-bottom: 15px; }



/* Clearfix for the .slides element */

.slides:after { content : "."; display : block; clear : both; visibility : hidden; line-height : 0; height : 0; }



html[xmlns] .slides { display : block; }



* html .slides { height : 1%; }



/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you

 * include js that eliminates this class on page load */

.no-js .slides > li:gallery_first-child { display : block; }



/* FlexSlider Default Theme

*********************************/

.flexslider { margin : 0px; background: transparent; position : relative; zoom : 1; overflow : visible; }



.flex-viewport { max-height : 2000px; -webkit-transition : all 1s ease; -moz-transition : all 1s ease; transition : all 1s ease; }



.loading .flex-viewport { max-height : 300px; }



.flexslider .slides { zoom : 1; margin : 0; }



.flexslider.multiple .slides li { margin-right: 20px; }



.carousel li { margin-right : 5px }



.flexslider ul, .flexslider ol {

    margin-bottom : 0 !important;

}



.flexslider ul li {

    margin-bottom : 0 !important;

    padding       : 0 !important;

}



/* Cropped Slides */

/* Requires some tuning depending on the size of the banners you're working with. */



.flexslider.slide_crop li {

    text-align: center;

}



.flexslider.slide_crop .slide {

    float:             none;

    display:           inline-block;

    height:            auto;

    width:             auto;

    min-width:         100%;

    max-width:         100%;



    position:          relative;

    left:              50%;

    -webkit-transform: translateX(-50%);

    -moz-transform:    translateX(-50%);

    -ms-transform:     translateX(-50%);

    -o-transform:     translateX(-50%);

    transform:         translateX(-50%);

}



.no-csstransforms .flexslider.slide_crop  .slide {

    /* Center the banner for older browsers like IE8. */

    width:       1900px; /* Set to the slide width */

    left:        -950px; /* Half of the slide width */

    margin-left: 50%;

}





/* Direction Nav */

.flex-direction-nav li { position: static; height: 0px; }



.flex-direction-nav a { width : 24px; height: 100%; margin: 0; padding: 0px 0px; display: block; position: absolute; z-index: 99; top: 0px; cursor: pointer; text-indent: -9999px; opacity: 0; transition: all .3s ease; }



.flex-direction-nav .flex-next,

.direction_inside .flex-direction-nav .flex-next { background: url(/images/backgrounds/direction_nav_next.png) no-repeat center center; right: 0px; }

.flex-direction-nav .flex-prev,

.direction_inside .flex-direction-nav .flex-prev { background: url(/images/backgrounds/direction_nav_prev.png) no-repeat center center; left: 0px; }



.direction_outside .flex-direction-nav .flex-next { z-index: 99; right: auto; left: 100%; }

.direction_outside .flex-direction-nav .flex-prev { z-index: 99; left: auto; right: 100%; }



.direction_fixed .flex-direction-nav .flex-next,

.direction_fixed .flex-direction-nav .flex-prev { background-size: 12px 24px; width: 12px; height: 24px; top: auto; bottom: 10%; right: 4%; left: auto; opacity: 1; padding: 0px 10px; }

.direction_fixed .flex-direction-nav .flex-prev { margin-right: 30px; }



html.touch .flexslider .flex-next, html.touch .flexslider .flex-prev, /* Show buttons by default if the browser is touch enabled. */

.flexslider:hover .flex-next, .flexslider:hover .flex-prev { opacity: 1; padding: 0px 10px; }



.flex-direction-nav .disabled { opacity: .3 !important; filter: alpha(opacity=30); cursor: default; }



/* Control Nav */

.flex-control-nav, #copy .flex-control-nav { position: absolute; z-index: 99; bottom : 10%; left : 4%; text-align : center; margin: 0px 5px; }



.flex-control-nav.container_24, #copy .flex-control-nav.container_24 { position: relative; z-index: 99; top: 30px; bottom: auto; bottom: auto; left: auto; text-align: center; margin: 0px auto; height: 0px; text-align: center; }



.control_outside .flex-control-nav, #copy .control_outside .flex-control-nav { padding: 5px 0px; margin: 0px auto; position: relative; top: auto; right: auto; bottom: auto; left: auto; }



.flex-control-nav li, #copy .flex-control-nav li { display: inline-block; zoom: 1; *display: inline; margin-left: 5px; margin-right: 5px; }



.flex-control-paging li a { width : 10px; height : 10px; display : block; background : #FFFFFF; cursor : pointer; text-indent : -9999px; -webkit-border-radius : 20px; -moz-border-radius : 20px; -o-border-radius : 20px; border-radius : 0px; box-shadow : inset 0px 1px 2px rgba(0, 0, 0, 0.2);

    -ms-transform: rotate(45deg); /* IE 9 */

    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */

    transform: rotate(45deg);

}



.flex-control-paging li a:hover { background : #55575D; }



.flex-control-paging li a.flex-active {

    cursor : default; box-shadow : none; position : relative;

    background                                 : #29afd0; /* Old browsers */

}



.flex-control-thumbs { margin : 5px 0 0; position : static; overflow : hidden; }



.flex-control-thumbs li { width : 25%; float : left; margin : 0; }



.flex-control-thumbs img { width : 100%; display : block; opacity : .7; cursor : pointer; }



.flex-control-thumbs img:hover { opacity : 1; }



.flex-control-thumbs .active { opacity : 1; cursor : default; }





/* **********************************************************************************

    Tipsy

    ********************************************************************************** */



.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }

  .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }



  /* Rounded corners */

  .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }



  /* Uncomment for shadow */

  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/



  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }



  /* Rules to colour arrows */

  .tipsy-arrow-n { border-bottom-color: #000; }

  .tipsy-arrow-s { border-top-color: #000; }

  .tipsy-arrow-e { border-left-color: #000; }

  .tipsy-arrow-w { border-right-color: #000; }



    .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }

    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}

    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}

  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }

    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }

    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }

  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }

  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }





/* **********************************************************************************

    OUR WORK GALLERY MASONRY

    ********************************************************************************** */

.full, .half{

    background-size: 100% auto;

    background-repeat: no-repeat;

    background-size: cover !important;

}

.full{

    height: 554px;

}

.half{

    height: 277px;

}

































/* **********************************************************************************

    jQUERY UI

    ********************************************************************************** */







/*! jQuery UI - v1.11.1 - 2014-08-13

* http://jqueryui.com

* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css

* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px

* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */



/* Layout helpers

----------------------------------*/

.ui-helper-hidden {

    display: none;

}

.ui-helper-hidden-accessible {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

}

.ui-helper-reset {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    line-height: 1.3;

    text-decoration: none;

    font-size: 100%;

    list-style: none;

}

.ui-helper-clearfix:before,

.ui-helper-clearfix:after {

    content: "";

    display: table;

    border-collapse: collapse;

}

.ui-helper-clearfix:after {

    clear: both;

}

.ui-helper-clearfix {

    min-height: 0; /* support: IE7 */

}

.ui-helper-zfix {

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    position: absolute;

    opacity: 0;

    filter:Alpha(Opacity=0); /* support: IE8 */

}



.ui-front {

    z-index: 100;

}





/* Interaction Cues

----------------------------------*/

.ui-state-disabled {

    cursor: default !important;

}





/* Icons

----------------------------------*/



/* states and images */

.ui-icon {

    display: block;

    text-indent: -99999px;

    overflow: hidden;

    background-repeat: no-repeat;

}





/* Misc visuals

----------------------------------*/



/* Overlays */

.ui-widget-overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.ui-accordion .ui-accordion-header {

    display: block;

    cursor: pointer;

    position: relative;

    margin: 2px 0 0 0;

    padding: .5em .5em .5em .7em;

    min-height: 0; /* support: IE7 */

    font-size: 100%;

}

.ui-accordion .ui-accordion-icons {

    padding-left: 2.2em;

}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {

    padding-left: 2.2em;

}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {

    position: absolute;

    left: .5em;

    top: 50%;

    margin-top: -8px;

}

.ui-accordion .ui-accordion-content {

    padding: 1em 2.2em;

    border-top: 0;

    overflow: auto;

}

.ui-autocomplete {

    position: absolute;

    top: 0;

    left: 0;

    cursor: default;

}

.ui-button {

    display: inline-block;

    position: relative;

    padding: 0;

    line-height: normal;

    margin-right: .1em;

    cursor: pointer;

    vertical-align: middle;

    text-align: center;

    overflow: visible; /* removes extra width in IE */

}

.ui-button,

.ui-button:link,

.ui-button:visited,

.ui-button:hover,

.ui-button:active {

    text-decoration: none;

}

/* to make room for the icon, a width needs to be set here */

.ui-button-icon-only {

    width: 2.2em;

}

/* button elements seem to need a little more width */

button.ui-button-icon-only {

    width: 2.4em;

}

.ui-button-icons-only {

    width: 3.4em;

}

button.ui-button-icons-only {

    width: 3.7em;

}



/* button text element */

.ui-button .ui-button-text {

    display: block;

    line-height: normal;

}

.ui-button-text-only .ui-button-text {

    padding: .4em 1em;

}

.ui-button-icon-only .ui-button-text,

.ui-button-icons-only .ui-button-text {

    padding: .4em;

    text-indent: -9999999px;

}

.ui-button-text-icon-primary .ui-button-text,

.ui-button-text-icons .ui-button-text {

    padding: .4em 1em .4em 2.1em;

}

.ui-button-text-icon-secondary .ui-button-text,

.ui-button-text-icons .ui-button-text {

    padding: .4em 2.1em .4em 1em;

}

.ui-button-text-icons .ui-button-text {

    padding-left: 2.1em;

    padding-right: 2.1em;

}

/* no icon support for input elements, provide padding by default */

input.ui-button {

    padding: .4em 1em;

}



/* button icon element(s) */

.ui-button-icon-only .ui-icon,

.ui-button-text-icon-primary .ui-icon,

.ui-button-text-icon-secondary .ui-icon,

.ui-button-text-icons .ui-icon,

.ui-button-icons-only .ui-icon {

    position: absolute;

    top: 50%;

    margin-top: -8px;

}

.ui-button-icon-only .ui-icon {

    left: 50%;

    margin-left: -8px;

}

.ui-button-text-icon-primary .ui-button-icon-primary,

.ui-button-text-icons .ui-button-icon-primary,

.ui-button-icons-only .ui-button-icon-primary {

    left: .5em;

}

.ui-button-text-icon-secondary .ui-button-icon-secondary,

.ui-button-text-icons .ui-button-icon-secondary,

.ui-button-icons-only .ui-button-icon-secondary {

    right: .5em;

}



/* button sets */

.ui-buttonset {

    margin-right: 7px;

}

.ui-buttonset .ui-button {

    margin-left: 0;

    margin-right: -.3em;

}



/* workarounds */

/* reset extra padding in Firefox, see h5bp.com/l */

input.ui-button::-moz-focus-inner,

button.ui-button::-moz-focus-inner {

    border: 0;

    padding: 0;

}

.ui-datepicker {

    width: 17em;

    padding: .2em .2em 0;

    display: none;

}

.ui-datepicker .ui-datepicker-header {

    position: relative;

    padding: .2em 0;

}

.ui-datepicker .ui-datepicker-prev,

.ui-datepicker .ui-datepicker-next {

    position: absolute;

    top: 2px;

    width: 1.8em;

    height: 1.8em;

}

.ui-datepicker .ui-datepicker-prev-hover,

.ui-datepicker .ui-datepicker-next-hover {

    top: 1px;

}

.ui-datepicker .ui-datepicker-prev {

    left: 2px;

}

.ui-datepicker .ui-datepicker-next {

    right: 2px;

}

.ui-datepicker .ui-datepicker-prev-hover {

    left: 1px;

}

.ui-datepicker .ui-datepicker-next-hover {

    right: 1px;

}

.ui-datepicker .ui-datepicker-prev span,

.ui-datepicker .ui-datepicker-next span {

    display: block;

    position: absolute;

    left: 50%;

    margin-left: -8px;

    top: 50%;

    margin-top: -8px;

}

.ui-datepicker .ui-datepicker-title {

    margin: 0 2.3em;

    line-height: 1.8em;

    text-align: center;

}

.ui-datepicker .ui-datepicker-title select {

    font-size: 1em;

    margin: 1px 0;

}

.ui-datepicker select.ui-datepicker-month,

.ui-datepicker select.ui-datepicker-year {

    width: 45%;

}

.ui-datepicker table {

    width: 100%;

    font-size: .9em;

    border-collapse: collapse;

    margin: 0 0 .4em;

}

.ui-datepicker th {

    padding: .7em .3em;

    text-align: center;

    font-weight: bold;

    border: 0;

}

.ui-datepicker td {

    border: 0;

    padding: 1px;

}

.ui-datepicker td span,

.ui-datepicker td a {

    display: block;

    padding: .2em;

    text-align: right;

    text-decoration: none;

}

.ui-datepicker .ui-datepicker-buttonpane {

    background-image: none;

    margin: .7em 0 0 0;

    padding: 0 .2em;

    border-left: 0;

    border-right: 0;

    border-bottom: 0;

}

.ui-datepicker .ui-datepicker-buttonpane button {

    float: right;

    margin: .5em .2em .4em;

    cursor: pointer;

    padding: .2em .6em .3em .6em;

    width: auto;

    overflow: visible;

}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {

    float: left;

}



/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {

    width: auto;

}

.ui-datepicker-multi .ui-datepicker-group {

    float: left;

}

.ui-datepicker-multi .ui-datepicker-group table {

    width: 95%;

    margin: 0 auto .4em;

}

.ui-datepicker-multi-2 .ui-datepicker-group {

    width: 50%;

}

.ui-datepicker-multi-3 .ui-datepicker-group {

    width: 33.3%;

}

.ui-datepicker-multi-4 .ui-datepicker-group {

    width: 25%;

}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {

    border-left-width: 0;

}

.ui-datepicker-multi .ui-datepicker-buttonpane {

    clear: left;

}

.ui-datepicker-row-break {

    clear: both;

    width: 100%;

    font-size: 0;

}



/* RTL support */

.ui-datepicker-rtl {

    direction: rtl;

}

.ui-datepicker-rtl .ui-datepicker-prev {

    right: 2px;

    left: auto;

}

.ui-datepicker-rtl .ui-datepicker-next {

    left: 2px;

    right: auto;

}

.ui-datepicker-rtl .ui-datepicker-prev:hover {

    right: 1px;

    left: auto;

}

.ui-datepicker-rtl .ui-datepicker-next:hover {

    left: 1px;

    right: auto;

}

.ui-datepicker-rtl .ui-datepicker-buttonpane {

    clear: right;

}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {

    float: left;

}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,

.ui-datepicker-rtl .ui-datepicker-group {

    float: right;

}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {

    border-right-width: 0;

    border-left-width: 1px;

}

.ui-dialog {

    overflow: hidden;

    position: absolute;

    top: 0;

    left: 0;

    padding: .2em;

    outline: 0;

}

.ui-dialog .ui-dialog-titlebar {

    padding: .4em 1em;

    position: relative;

}

.ui-dialog .ui-dialog-title {

    float: left;

    margin: .1em 0;

    white-space: nowrap;

    width: 90%;

    overflow: hidden;

    text-overflow: ellipsis;

}

.ui-dialog .ui-dialog-titlebar-close {

    position: absolute;

    right: .3em;

    top: 50%;

    width: 20px;

    margin: -10px 0 0 0;

    padding: 1px;

    height: 20px;

}

.ui-dialog .ui-dialog-content {

    position: relative;

    border: 0;

    padding: .5em 1em;

    background: none;

    overflow: auto;

}

.ui-dialog .ui-dialog-buttonpane {

    text-align: left;

    border-width: 1px 0 0 0;

    background-image: none;

    margin-top: .5em;

    padding: .3em 1em .5em .4em;

}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {

    float: right;

}

.ui-dialog .ui-dialog-buttonpane button {

    margin: .5em .4em .5em 0;

    cursor: pointer;

}

.ui-dialog .ui-resizable-se {

    width: 12px;

    height: 12px;

    right: -5px;

    bottom: -5px;

    background-position: 16px 16px;

}

.ui-draggable .ui-dialog-titlebar {

    cursor: move;

}

.ui-draggable-handle {

    -ms-touch-action: none;

    touch-action: none;

}

.ui-menu {

    list-style: none;

    padding: 0;

    margin: 0;

    display: block;

    outline: none;

}

.ui-menu .ui-menu {

    position: absolute;

}

.ui-menu .ui-menu-item {

    position: relative;

    margin: 0;

    padding: 3px 1em 3px .4em;

    cursor: pointer;

    min-height: 0; /* support: IE7 */

    /* support: IE10, see #8844 */

    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");

}

.ui-menu .ui-menu-divider {

    margin: 5px 0;

    height: 0;

    font-size: 0;

    line-height: 0;

    border-width: 1px 0 0 0;

}

.ui-menu .ui-state-focus,

.ui-menu .ui-state-active {

    margin: -1px;

}



/* icon support */

.ui-menu-icons {

    position: relative;

}

.ui-menu-icons .ui-menu-item {

    padding-left: 2em;

}



/* left-aligned */

.ui-menu .ui-icon {

    position: absolute;

    top: 0;

    bottom: 0;

    left: .2em;

    margin: auto 0;

}



/* right-aligned */

.ui-menu .ui-menu-icon {

    left: auto;

    right: 0;

}

.ui-progressbar {

    height: 2em;

    text-align: left;

    overflow: hidden;

}

.ui-progressbar .ui-progressbar-value {

    margin: -1px;

    height: 100%;

}

.ui-progressbar .ui-progressbar-overlay {

    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");

    height: 100%;

    filter: alpha(opacity=25); /* support: IE8 */

    opacity: 0.25;

}

.ui-progressbar-indeterminate .ui-progressbar-value {

    background-image: none;

}

.ui-resizable {

    position: relative;

}

.ui-resizable-handle {

    position: absolute;

    font-size: 0.1px;

    display: block;

    -ms-touch-action: none;

    touch-action: none;

}

.ui-resizable-disabled .ui-resizable-handle,

.ui-resizable-autohide .ui-resizable-handle {

    display: none;

}

.ui-resizable-n {

    cursor: n-resize;

    height: 7px;

    width: 100%;

    top: -5px;

    left: 0;

}

.ui-resizable-s {

    cursor: s-resize;

    height: 7px;

    width: 100%;

    bottom: -5px;

    left: 0;

}

.ui-resizable-e {

    cursor: e-resize;

    width: 7px;

    right: -5px;

    top: 0;

    height: 100%;

}

.ui-resizable-w {

    cursor: w-resize;

    width: 7px;

    left: -5px;

    top: 0;

    height: 100%;

}

.ui-resizable-se {

    cursor: se-resize;

    width: 12px;

    height: 12px;

    right: 1px;

    bottom: 1px;

}

.ui-resizable-sw {

    cursor: sw-resize;

    width: 9px;

    height: 9px;

    left: -5px;

    bottom: -5px;

}

.ui-resizable-nw {

    cursor: nw-resize;

    width: 9px;

    height: 9px;

    left: -5px;

    top: -5px;

}

.ui-resizable-ne {

    cursor: ne-resize;

    width: 9px;

    height: 9px;

    right: -5px;

    top: -5px;

}

.ui-selectable {

    -ms-touch-action: none;

    touch-action: none;

}

.ui-selectable-helper {

    position: absolute;

    z-index: 100;

    border: 1px dotted black;

}

.ui-selectmenu-menu {

    padding: 0;

    margin: 0;

    position: absolute;

    top: 0;

    left: 0;

    display: none;

}

.ui-selectmenu-menu .ui-menu {

    overflow: auto;

    /* Support: IE7 */

    overflow-x: hidden;

    padding-bottom: 1px;

}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {

    font-size: 1em;

    font-weight: bold;

    line-height: 1.5;

    padding: 2px 0.4em;

    margin: 0.5em 0 0 0;

    height: auto;

    border: 0;

}

.ui-selectmenu-open {

    display: block;

}

.ui-selectmenu-button {

    display: inline-block;

    overflow: hidden;

    position: relative;

    text-decoration: none;

    cursor: pointer;

}

.ui-selectmenu-button span.ui-icon {

    right: 0.5em;

    left: auto;

    margin-top: -8px;

    position: absolute;

    top: 50%;

}

.ui-selectmenu-button span.ui-selectmenu-text {

    text-align: left;

    padding: 0.4em 2.1em 0.4em 1em;

    display: block;

    line-height: 1.4;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.ui-slider {

    position: relative;

    text-align: left;

}

.ui-slider .ui-slider-handle {

    position: absolute;

    z-index: 2;

    width: 26px;

    height: 19px;

    cursor: default;

    -ms-touch-action: none;

    touch-action: none;

}

.ui-slider .ui-slider-range {

    position: absolute;

    z-index: 1;

    font-size: .7em;

    display: block;

    border: 0;

    background-position: 0 0;

}



/* support: IE8 - See #6727 */

.ui-slider.ui-state-disabled .ui-slider-handle,

.ui-slider.ui-state-disabled .ui-slider-range {

    filter: inherit;

}



.ui-slider-horizontal {

    height: 5px;

}

.ui-slider-horizontal .ui-slider-handle {

    top: -.3em;

    margin-left: -.6em;

}

.ui-slider-horizontal .ui-slider-range {

    top: 0;

    height: 100%;

}

.ui-slider-horizontal .ui-slider-range-min {

    left: 0;

}

.ui-slider-horizontal .ui-slider-range-max {

    right: 0;

}



.ui-slider-vertical {

    width: .8em;

    height: 100px;

}

.ui-slider-vertical .ui-slider-handle {

    left: -.3em;

    margin-left: 0;

    margin-bottom: -.6em;

}

.ui-slider-vertical .ui-slider-range {

    left: 0;

    width: 100%;

}

.ui-slider-vertical .ui-slider-range-min {

    bottom: 0;

}

.ui-slider-vertical .ui-slider-range-max {

    top: 0;

}

.ui-sortable-handle {

    -ms-touch-action: none;

    touch-action: none;

}

.ui-spinner {

    position: relative;

    display: inline-block;

    overflow: hidden;

    padding: 0;

    vertical-align: middle;

}

.ui-spinner-input {

    border: none;

    background: none;

    color: inherit;

    padding: 0;

    margin: .2em 0;

    vertical-align: middle;

    margin-left: .4em;

    margin-right: 22px;

}

.ui-spinner-button {

    width: 16px;

    height: 50%;

    font-size: .5em;

    padding: 0;

    margin: 0;

    text-align: center;

    position: absolute;

    cursor: default;

    display: block;

    overflow: hidden;

    right: 0;

}

/* more specificity required here to override default borders */

.ui-spinner a.ui-spinner-button {

    border-top: none;

    border-bottom: none;

    border-right: none;

}

/* vertically center icon */

.ui-spinner .ui-icon {

    position: absolute;

    margin-top: -8px;

    top: 50%;

    left: 0;

}

.ui-spinner-up {

    top: 0;

}

.ui-spinner-down {

    bottom: 0;

}



/* TR overrides */

.ui-spinner .ui-icon-triangle-1-s {

    /* need to fix icons sprite */

    background-position: -65px -16px;

}

.ui-tabs {

    position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

    padding: .2em;

}

.ui-tabs .ui-tabs-nav {

    margin: 0;

    padding: .2em .2em 0;

}

.ui-tabs .ui-tabs-nav li {

    list-style: none;

    float: left;

    position: relative;

    top: 0;

    margin: 1px .2em 0 0;

    border-bottom-width: 0;

    padding: 0;

    white-space: nowrap;

}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {

    float: left;

    padding: .5em 1em;

    text-decoration: none;

}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {

    margin-bottom: -1px;

    padding-bottom: 1px;

}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,

.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {

    cursor: text;

}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {

    cursor: pointer;

}

.ui-tabs .ui-tabs-panel {

    display: block;

    border-width: 0;

    padding: 1em 1.4em;

    background: none;

}

.ui-tooltip {

    padding: 8px;

    position: absolute;

    z-index: 9999;

    max-width: 300px;

    -webkit-box-shadow: 0 0 5px #aaa;

    box-shadow: 0 0 5px #aaa;

}

body .ui-tooltip {

    border-width: 2px;

}



/* Component containers

----------------------------------*/

.ui-widget {

    font-family: Verdana,Arial,sans-serif;

    font-size: 1.1em;

}

.ui-widget .ui-widget {

    font-size: 1em;

}

.ui-widget input,

.ui-widget select,

.ui-widget textarea,

.ui-widget button {

    font-family: Verdana,Arial,sans-serif;

    font-size: 1em;

}

.ui-widget-content {

    background: #000;

    color: #222222;

}

.ui-widget-content a {

    color: #222222;

}

.ui-widget-header {

    border: 1px solid #aaaaaa;

    background: #29afd0;

    /*background: #29afd0 url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;*/

    color: #222222;

    font-weight: bold;

}

.ui-widget-header a {

    color: #222222;

}



/* Interaction states

----------------------------------*/

.ui-state-default,

.ui-widget-content .ui-state-default,

.ui-widget-header .ui-state-default {

    background: url(../images/backgrounds/diamondsprite.png) -26px top no-repeat;

    font-weight: normal;

    color: #555555;

}

.ui-state-default a,

.ui-state-default a:link,

.ui-state-default a:visited {

    color: #555555;

    text-decoration: none;

}

.ui-state-hover,

.ui-widget-content .ui-state-hover,

.ui-widget-header .ui-state-hover,

.ui-state-focus,

.ui-widget-content .ui-state-focus,

.ui-widget-header .ui-state-focus {

    background: url("images/backgrounds/diamondsprite.png");

    font-weight: normal;

    color: #212121;

}

.ui-state-hover a,

.ui-state-hover a:hover,

.ui-state-hover a:link,

.ui-state-hover a:visited,

.ui-state-focus a,

.ui-state-focus a:hover,

.ui-state-focus a:link,

.ui-state-focus a:visited {

    color: #212121;

    text-decoration: none;

}

.ui-state-active,

.ui-widget-content .ui-state-active,

.ui-widget-header .ui-state-active {

    background: url("images/backgrounds/diamondsprite.png") -26 0 top left;

    font-weight: normal;

    color: #212121;

}

.ui-state-active a,

.ui-state-active a:link,

.ui-state-active a:visited {

    color: #212121;

    text-decoration: none;

}



/* Interaction Cues

----------------------------------*/

.ui-state-highlight,

.ui-widget-content .ui-state-highlight,

.ui-widget-header .ui-state-highlight {

    border: 1px solid #fcefa1;

    background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;

    color: #363636;

}

.ui-state-highlight a,

.ui-widget-content .ui-state-highlight a,

.ui-widget-header .ui-state-highlight a {

    color: #363636;

}

.ui-state-error,

.ui-widget-content .ui-state-error,

.ui-widget-header .ui-state-error {

    border: 1px solid #cd0a0a;

    background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;

    color: #cd0a0a;

}

.ui-state-error a,

.ui-widget-content .ui-state-error a,

.ui-widget-header .ui-state-error a {

    color: #cd0a0a;

}

.ui-state-error-text,

.ui-widget-content .ui-state-error-text,

.ui-widget-header .ui-state-error-text {

    color: #cd0a0a;

}

.ui-priority-primary,

.ui-widget-content .ui-priority-primary,

.ui-widget-header .ui-priority-primary {

    font-weight: bold;

}

.ui-priority-secondary,

.ui-widget-content .ui-priority-secondary,

.ui-widget-header .ui-priority-secondary {

    opacity: .7;

    filter:Alpha(Opacity=70); /* support: IE8 */

    font-weight: normal;

}

.ui-state-disabled,

.ui-widget-content .ui-state-disabled,

.ui-widget-header .ui-state-disabled {

    opacity: .35;

    filter:Alpha(Opacity=35); /* support: IE8 */

    background-image: none;

}

.ui-state-disabled .ui-icon {

    filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */

}



/* Icons

----------------------------------*/



/* states and images */

.ui-icon {

    width: 16px;

    height: 16px;

}

.ui-icon,

.ui-widget-content .ui-icon {

    background-image: url("images/ui-icons_222222_256x240.png");

}

.ui-widget-header .ui-icon {

    background-image: url("images/ui-icons_222222_256x240.png");

}

.ui-state-default .ui-icon {

    background-image: url("images/ui-icons_888888_256x240.png");

}

.ui-state-hover .ui-icon,

.ui-state-focus .ui-icon {

    background-image: url("images/ui-icons_454545_256x240.png");

}

.ui-state-active .ui-icon {

    background-image: url("images/ui-icons_454545_256x240.png");

}

.ui-state-highlight .ui-icon {

    background-image: url("images/ui-icons_2e83ff_256x240.png");

}

.ui-state-error .ui-icon,

.ui-state-error-text .ui-icon {

    background-image: url("images/ui-icons_cd0a0a_256x240.png");

}



/* positioning */

.ui-icon-blank { background-position: 16px 16px; }

.ui-icon-carat-1-n { background-position: 0 0; }

.ui-icon-carat-1-ne { background-position: -16px 0; }

.ui-icon-carat-1-e { background-position: -32px 0; }

.ui-icon-carat-1-se { background-position: -48px 0; }

.ui-icon-carat-1-s { background-position: -64px 0; }

.ui-icon-carat-1-sw { background-position: -80px 0; }

.ui-icon-carat-1-w { background-position: -96px 0; }

.ui-icon-carat-1-nw { background-position: -112px 0; }

.ui-icon-carat-2-n-s { background-position: -128px 0; }

.ui-icon-carat-2-e-w { background-position: -144px 0; }

.ui-icon-triangle-1-n { background-position: 0 -16px; }

.ui-icon-triangle-1-ne { background-position: -16px -16px; }

.ui-icon-triangle-1-e { background-position: -32px -16px; }

.ui-icon-triangle-1-se { background-position: -48px -16px; }

.ui-icon-triangle-1-s { background-position: -64px -16px; }

.ui-icon-triangle-1-sw { background-position: -80px -16px; }

.ui-icon-triangle-1-w { background-position: -96px -16px; }

.ui-icon-triangle-1-nw { background-position: -112px -16px; }

.ui-icon-triangle-2-n-s { background-position: -128px -16px; }

.ui-icon-triangle-2-e-w { background-position: -144px -16px; }

.ui-icon-arrow-1-n { background-position: 0 -32px; }

.ui-icon-arrow-1-ne { background-position: -16px -32px; }

.ui-icon-arrow-1-e { background-position: -32px -32px; }

.ui-icon-arrow-1-se { background-position: -48px -32px; }

.ui-icon-arrow-1-s { background-position: -64px -32px; }

.ui-icon-arrow-1-sw { background-position: -80px -32px; }

.ui-icon-arrow-1-w { background-position: -96px -32px; }

.ui-icon-arrow-1-nw { background-position: -112px -32px; }

.ui-icon-arrow-2-n-s { background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }

.ui-icon-arrow-2-e-w { background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }

.ui-icon-arrowstop-1-n { background-position: -192px -32px; }

.ui-icon-arrowstop-1-e { background-position: -208px -32px; }

.ui-icon-arrowstop-1-s { background-position: -224px -32px; }

.ui-icon-arrowstop-1-w { background-position: -240px -32px; }

.ui-icon-arrowthick-1-n { background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }

.ui-icon-arrowthick-1-e { background-position: -32px -48px; }

.ui-icon-arrowthick-1-se { background-position: -48px -48px; }

.ui-icon-arrowthick-1-s { background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }

.ui-icon-arrowthick-1-w { background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }

.ui-icon-arrow-4 { background-position: 0 -80px; }

.ui-icon-arrow-4-diag { background-position: -16px -80px; }

.ui-icon-extlink { background-position: -32px -80px; }

.ui-icon-newwin { background-position: -48px -80px; }

.ui-icon-refresh { background-position: -64px -80px; }

.ui-icon-shuffle { background-position: -80px -80px; }

.ui-icon-transfer-e-w { background-position: -96px -80px; }

.ui-icon-transferthick-e-w { background-position: -112px -80px; }

.ui-icon-folder-collapsed { background-position: 0 -96px; }

.ui-icon-folder-open { background-position: -16px -96px; }

.ui-icon-document { background-position: -32px -96px; }

.ui-icon-document-b { background-position: -48px -96px; }

.ui-icon-note { background-position: -64px -96px; }

.ui-icon-mail-closed { background-position: -80px -96px; }

.ui-icon-mail-open { background-position: -96px -96px; }

.ui-icon-suitcase { background-position: -112px -96px; }

.ui-icon-comment { background-position: -128px -96px; }

.ui-icon-person { background-position: -144px -96px; }

.ui-icon-print { background-position: -160px -96px; }

.ui-icon-trash { background-position: -176px -96px; }

.ui-icon-locked { background-position: -192px -96px; }

.ui-icon-unlocked { background-position: -208px -96px; }

.ui-icon-bookmark { background-position: -224px -96px; }

.ui-icon-tag { background-position: -240px -96px; }

.ui-icon-home { background-position: 0 -112px; }

.ui-icon-flag { background-position: -16px -112px; }

.ui-icon-calendar { background-position: -32px -112px; }

.ui-icon-cart { background-position: -48px -112px; }

.ui-icon-pencil { background-position: -64px -112px; }

.ui-icon-clock { background-position: -80px -112px; }

.ui-icon-disk { background-position: -96px -112px; }

.ui-icon-calculator { background-position: -112px -112px; }

.ui-icon-zoomin { background-position: -128px -112px; }

.ui-icon-zoomout { background-position: -144px -112px; }

.ui-icon-search { background-position: -160px -112px; }

.ui-icon-wrench { background-position: -176px -112px; }

.ui-icon-gear { background-position: -192px -112px; }

.ui-icon-heart { background-position: -208px -112px; }

.ui-icon-star { background-position: -224px -112px; }

.ui-icon-link { background-position: -240px -112px; }

.ui-icon-cancel { background-position: 0 -128px; }

.ui-icon-plus { background-position: -16px -128px; }

.ui-icon-plusthick { background-position: -32px -128px; }

.ui-icon-minus { background-position: -48px -128px; }

.ui-icon-minusthick { background-position: -64px -128px; }

.ui-icon-close { background-position: -80px -128px; }

.ui-icon-closethick { background-position: -96px -128px; }

.ui-icon-key { background-position: -112px -128px; }

.ui-icon-lightbulb { background-position: -128px -128px; }

.ui-icon-scissors { background-position: -144px -128px; }

.ui-icon-clipboard { background-position: -160px -128px; }

.ui-icon-copy { background-position: -176px -128px; }

.ui-icon-contact { background-position: -192px -128px; }

.ui-icon-image { background-position: -208px -128px; }

.ui-icon-video { background-position: -224px -128px; }

.ui-icon-script { background-position: -240px -128px; }

.ui-icon-alert { background-position: 0 -144px; }

.ui-icon-info { background-position: -16px -144px; }

.ui-icon-notice { background-position: -32px -144px; }

.ui-icon-help { background-position: -48px -144px; }

.ui-icon-check { background-position: -64px -144px; }

.ui-icon-bullet { background-position: -80px -144px; }

.ui-icon-radio-on { background-position: -96px -144px; }

.ui-icon-radio-off { background-position: -112px -144px; }

.ui-icon-pin-w { background-position: -128px -144px; }

.ui-icon-pin-s { background-position: -144px -144px; }

.ui-icon-play { background-position: 0 -160px; }

.ui-icon-pause { background-position: -16px -160px; }

.ui-icon-seek-next { background-position: -32px -160px; }

.ui-icon-seek-prev { background-position: -48px -160px; }

.ui-icon-seek-end { background-position: -64px -160px; }

.ui-icon-seek-start { background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

.ui-icon-seek-first { background-position: -80px -160px; }

.ui-icon-stop { background-position: -96px -160px; }

.ui-icon-eject { background-position: -112px -160px; }

.ui-icon-volume-off { background-position: -128px -160px; }

.ui-icon-volume-on { background-position: -144px -160px; }

.ui-icon-power { background-position: 0 -176px; }

.ui-icon-signal-diag { background-position: -16px -176px; }

.ui-icon-signal { background-position: -32px -176px; }

.ui-icon-battery-0 { background-position: -48px -176px; }

.ui-icon-battery-1 { background-position: -64px -176px; }

.ui-icon-battery-2 { background-position: -80px -176px; }

.ui-icon-battery-3 { background-position: -96px -176px; }

.ui-icon-circle-plus { background-position: 0 -192px; }

.ui-icon-circle-minus { background-position: -16px -192px; }

.ui-icon-circle-close { background-position: -32px -192px; }

.ui-icon-circle-triangle-e { background-position: -48px -192px; }

.ui-icon-circle-triangle-s { background-position: -64px -192px; }

.ui-icon-circle-triangle-w { background-position: -80px -192px; }

.ui-icon-circle-triangle-n { background-position: -96px -192px; }

.ui-icon-circle-arrow-e { background-position: -112px -192px; }

.ui-icon-circle-arrow-s { background-position: -128px -192px; }

.ui-icon-circle-arrow-w { background-position: -144px -192px; }

.ui-icon-circle-arrow-n { background-position: -160px -192px; }

.ui-icon-circle-zoomin { background-position: -176px -192px; }

.ui-icon-circle-zoomout { background-position: -192px -192px; }

.ui-icon-circle-check { background-position: -208px -192px; }

.ui-icon-circlesmall-plus { background-position: 0 -208px; }

.ui-icon-circlesmall-minus { background-position: -16px -208px; }

.ui-icon-circlesmall-close { background-position: -32px -208px; }

.ui-icon-squaresmall-plus { background-position: -48px -208px; }

.ui-icon-squaresmall-minus { background-position: -64px -208px; }

.ui-icon-squaresmall-close { background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }

.ui-icon-grip-solid-vertical { background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }

.ui-icon-grip-diagonal-se { background-position: -80px -224px; }





/* Misc visuals

----------------------------------*/





/* Overlays */

.ui-widget-overlay {

    background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;

    opacity: .3;

    filter: Alpha(Opacity=30); /* support: IE8 */

}

.ui-widget-shadow {

    margin: -8px 0 0 -8px;

    padding: 8px;

    background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;

    opacity: .3;

    filter: Alpha(Opacity=30); /* support: IE8 */

    border-radius: 8px;

}













/* Custom Select Boxes */

.custom_select {

    position: relative;

    }



.custom_select select {

    position:    relative;

    z-index:     10;

    width:       100% !important;

    height: 67px !important;

    line-height: 36px;

    border:      0px none transparent;

    -webkit-border-radius: 0 0 0 0;

    border-radius: 0 0 0 0;

    }



/* dynamically created SPAN, placed below the SELECT */

.custom_select span {

    background: #ffffff;

    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* Chrome10+,Safari5.1+ */

    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */

    background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* IE10+ */

    background: -o-linear-gradient(twop, #ffffff 0%, #f2f2f2 100%); /* Opera 11.10+ */

    background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%); /* W3C */



    position:      absolute;

    bottom:        0;

    top:           0;

    float:         left;

    left:          0;

    right:         0;

    line-height:   36px;

    text-indent:   9px;

    border-radius: 2px;

    color:         #727374;

    cursor:        default;

    z-index:       1;

    border:        1px solid #B7B8B8;

    text-align:    left;

    font-size:     13px;

    }



/* Button on the side of the select box */

.custom_select span:after {

    font-family: FontAwesome;

    content: "\f107";

    display: block;

    position: absolute;

    right: 5px;

    top: 11px;

    bottom: -1px;

    color: #ffffff;

    padding: 0px 13px;

    text-indent: 0px;

    font-size: 37px;

}

.custom_select span {

    padding: 11px;

    border-top: none;

    background: #fff;

    border: 2px solid #000;

    height: 41px;

    color: #10A0C7;

}



.custom_select span:after {

    color: #333;

}



/********************************

		DEALER SIDE MENU

********************************/



#dealer_menu, #dealer_menu .add_job {

	font-size: 16px;

	font-weight: 500;

	text-transform: uppercase;

}



#dealer_menu .menu_item {

    color: #fff;

	display: block;

	width: 100%;

	background: #444;

	-webkit-backface-visibility: hidden;

	-moz-transition: background .25s ease;

	-webkit-transition: background .25s ease;

	transition: background .25s ease;

}



#dealer_menu .first {

	border-top: none;

}



#dealer_menu .menu_item:hover {

	background-color: #0c728c;

}



#dealer_menu .menu_item:hover .count_pin{

	background-color: #fff;

    color: #0c728c;

}



#dealer_menu .menu_item span {

	display: block;

	padding: 20px 0 20px 20px;

}



#dealer_menu .add_job {

	display: block;

	width: 100%;

	text-align: center;

	margin-bottom: 20px;

}

#dealer_menu .add_job i{

	margin-right: 10px;

}



/***********************************

		Dealer Portal

***********************************/

#header.dealer_header {

    background: none;

}

.dealer_info_bar {

    text-align: center;

    background: rgba(0, 0, 0, 0.45);

    padding: 15px 0;

    margin: 20px 0 0;

}

.dealer_heading h1{

    font-size: 38px;

    line-height: 45px;

    color: #fff;

    font-weight: normal;

    margin: 0px 0 5px 0;

}

.dealer_heading {

    padding: 45px 0;

    text-align: center;

    background: url('/images/backgrounds/members-bg.png') no-repeat bottom center rgba(0, 0, 0, 0.16);

    border-bottom: 1px solid #202121;

}

#header.dealer_header a.logo {

    margin-top: 15px;

   background-position: center center;

}

.member_dashboard {

}

.member_dashboard input[type="text"], textarea {

    /*padding: 20px;*/

}

.inner_dealer_content {

    padding: 15px 0 0 10px;

}

.extra_padding_left {

    padding-left: 150px!important;

}



.member_dashboard thead th {

    background-color: #f5f5f5 !important;

    color:            #000 !important;

}



.member_dashboard tr:hover td {

    background-color: #222222 !important;

}



.member_dashboard .job_list {

    margin-bottom: 20px;

}



.member_dashboard .job_list .list_field {

    background-color: #fff;

    color:            #000;

    padding:          10px;

    border:           #000 1px solid;

}



.member_dashboard .job_list .list_field a {

    font-weight: bold;

}

.member_dashboard .job_list .list_field a:hover {

    color: #000;

}

.created_job_date {

    margin-bottom: 10px;

    font-size: 12px;

    text-transform: uppercase;

    color: #10A0C7;

}



.member_dashboard .job_list .job_title {

    font-weight:   bold;

    font-size:     24px;

    margin-bottom: 10px;
    vertical-align: middle;

}

.invoice_button {
    margin-left: 10px;
    margin-top: -10px;
    float: right;
    background: #10A0C7;
}
.invoice_button:hover {
    background: #20C3EF;
}


.member_dashboard .job_list .job_car {

    margin: 20px 0;

}



.member_dashboard .job_list .job_car .car_title {

    font-size:   14px;

    font-weight: bold;

}



.member_dashboard  #add_registrant {

    background: #333;

    padding:    15px;

}



.member_dashboard .count_pin {

    position: absolute;

    right: 15px;

    top: 16px;

    border-radius: 50%;

    background: #0c728c;

    color: #F2F2F2;

    font-size: 12px;

    min-width: 12px;

    height: 23px;

    text-align: center;

    padding: 3px 7px 0 7px;

    -webkit-backface-visibility: hidden;

    -moz-transition: all .25s ease;

    -webkit-transition: all .25s ease;

    transition: all .25s ease;

}





/***********************************

		DateTime Picker

***********************************/

.xdsoft_datetimepicker {

	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);

	background: #fff;

	border-bottom: 1px solid #bbb;

	border-left: 1px solid #ccc;

	border-right: 1px solid #ccc;

	border-top: 1px solid #ccc;

	color: #333;

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

	padding: 8px;

	padding-left: 0;

	padding-top: 2px;

	position: absolute;

	z-index: 9999;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	display: none;

}



.xdsoft_datetimepicker iframe {

	position: absolute;

	left: 0;

	top: 0;

	width: 75px;

	height: 210px;

	background: transparent;

	border: none;

}



/*For IE8 or lower*/

.xdsoft_datetimepicker button {

	border: none !important;

}



.xdsoft_noselect {

	-webkit-touch-callout: none;

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	-o-user-select: none;

	user-select: none;

}



.xdsoft_noselect::selection { background: transparent }

.xdsoft_noselect::-moz-selection { background: transparent }



.xdsoft_datetimepicker.xdsoft_inline {

	display: inline-block;

	position: static;

	box-shadow: none;

}



.xdsoft_datetimepicker * {

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	padding: 0;

	margin: 0;

}



.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {

	display: none;

}



.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {

	display: block;

}



.xdsoft_datetimepicker .xdsoft_datepicker {

	width: 224px;

	float: left;

	margin-left: 8px;

}



.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {

	width: 256px;

}



.xdsoft_datetimepicker .xdsoft_timepicker {

	width: 58px;

	float: left;

	text-align: center;

	margin-left: 8px;

	margin-top: 0;

}



.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {

	margin-top: 8px;

	margin-bottom: 3px

}



.xdsoft_datetimepicker .xdsoft_mounthpicker {

	position: relative;

	text-align: center;

}



.xdsoft_datetimepicker .xdsoft_label i,

.xdsoft_datetimepicker .xdsoft_prev,

.xdsoft_datetimepicker .xdsoft_next,

.xdsoft_datetimepicker .xdsoft_today_button {

	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);

}



.xdsoft_datetimepicker .xdsoft_label i {

	opacity: 0.5;

	background-position: -92px -19px;

	display: inline-block;

	width: 9px;

	height: 20px;

	vertical-align: middle;

}



.xdsoft_datetimepicker .xdsoft_prev {

	float: left;

	background-position: -20px 0;

}

.xdsoft_datetimepicker .xdsoft_today_button {

	float: left;

	background-position: -70px 0;

	margin-left: 5px;

}



.xdsoft_datetimepicker .xdsoft_next {

	float: right;

	background-position: 0 0;

}



.xdsoft_datetimepicker .xdsoft_next,

.xdsoft_datetimepicker .xdsoft_prev ,

.xdsoft_datetimepicker .xdsoft_today_button {

	background-color: transparent;

	background-repeat: no-repeat;

	border: 0 none;

	cursor: pointer;

	display: block;

	height: 30px;

	opacity: 0.5;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	outline: medium none;

	overflow: hidden;

	padding: 0;

	position: relative;

	text-indent: 100%;

	white-space: nowrap;

	width: 20px;

	min-width: 0;

}



.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {

	float: none;

	background-position: -40px -15px;

	height: 15px;

	width: 30px;

	display: block;

	margin-left: 14px;

	margin-top: 7px;

}



.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {

	background-position: -40px 0;

	margin-bottom: 7px;

	margin-top: 0;

}



.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {

	height: 151px;

	overflow: hidden;

	border-bottom: 1px solid #ddd;

}



.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {

	background: #f5f5f5;

	border-top: 1px solid #ddd;

	color: #666;

	font-size: 12px;

	text-align: center;

	border-collapse: collapse;

	cursor: pointer;

	border-bottom-width: 0;

	height: 25px;

	line-height: 25px;

}



.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {

	border-top-width: 0;

}



.xdsoft_datetimepicker .xdsoft_today_button:hover,

.xdsoft_datetimepicker .xdsoft_next:hover,

.xdsoft_datetimepicker .xdsoft_prev:hover {

	opacity: 1;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



.xdsoft_datetimepicker .xdsoft_label {

	display: inline;

	position: relative;

	z-index: 9999;

	margin: 0;

	padding: 5px 3px;

	font-size: 14px;

	line-height: 20px;

	font-weight: bold;

	background-color: #fff;

	float: left;

	width: 182px;

	text-align: center;

	cursor: pointer;

}



.xdsoft_datetimepicker .xdsoft_label:hover>span {

	text-decoration: underline;

}



.xdsoft_datetimepicker .xdsoft_label:hover i {

	opacity: 1.0;

}



.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {

	border: 1px solid #ccc;

	position: absolute;

	right: 0;

	top: 30px;

	z-index: 101;

	display: none;

	background: #fff;

	max-height: 160px;

	overflow-y: hidden;

}



.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {

	color: #fff;

	background: #ff8000;

}



.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {

	padding: 2px 10px 2px 5px;

	text-decoration: none !important;

}



.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {

	background: #33aaff;

	box-shadow: #178fe5 0 1px 3px 0 inset;

	color: #fff;

	font-weight: 700;

}



.xdsoft_datetimepicker .xdsoft_month {

	width: 100px;

	text-align: right;

}



.xdsoft_datetimepicker .xdsoft_calendar {

	clear: both;

}



.xdsoft_datetimepicker .xdsoft_year{

	width: 48px;

	margin-left: 5px;

}



.xdsoft_datetimepicker .xdsoft_calendar table {

	border-collapse: collapse;

	width: 100%;



}



.xdsoft_datetimepicker .xdsoft_calendar td > div {

	padding-right: 5px;

}



.xdsoft_datetimepicker .xdsoft_calendar th {

	height: 25px;

}



.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {

	width: 14.2857142%;

	background: #f5f5f5;

	border: 1px solid #ddd;

	color: #666;

	font-size: 12px;

	text-align: right;

	vertical-align: middle;

	padding: 0;

	border-collapse: collapse;

	cursor: pointer;

	height: 25px;

}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {

	width: 12.5%;

}



.xdsoft_datetimepicker .xdsoft_calendar th {

	background: #f1f1f1;

}



.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {

	color: #33aaff;

}



.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {

	background: #33aaff;

	box-shadow: #178fe5 0 1px 3px 0 inset;

	color: #fff;

	font-weight: 700;

}



.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,

.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {

	opacity: 0.5;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	cursor: default;

}



.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {

	opacity: 0.2;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";

}



.xdsoft_datetimepicker .xdsoft_calendar td:hover,

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {

	color: #fff !important;

	background: #ff8000 !important;

	box-shadow: none !important;

}



.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {

	background: #33aaff !important;

	box-shadow: #178fe5 0 1px 3px 0 inset !important;

	color: #fff !important;

}



.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {

	color: inherit	!important;

	background: inherit !important;

	box-shadow: inherit !important;

}



.xdsoft_datetimepicker .xdsoft_calendar th {

	font-weight: 700;

	text-align: center;

	color: #999;

	cursor: default;

}



.xdsoft_datetimepicker .xdsoft_copyright {

	color: #ccc !important;

	font-size: 10px;

	clear: both;

	float: none;

	margin-left: 8px;

}



.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }

.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }



.xdsoft_time_box {

	position: relative;

	border: 1px solid #ccc;

}

.xdsoft_scrollbar >.xdsoft_scroller {

	background: #ccc !important;

	height: 20px;

	border-radius: 3px;

}

.xdsoft_scrollbar {

	position: absolute;

	width: 7px;

	right: 0;

	top: 0;

	bottom: 0;

	cursor: pointer;

}

.xdsoft_scroller_box {

	position: relative;

}



.xdsoft_datetimepicker.xdsoft_dark {

	box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);

	background: #000;

	border-bottom: 1px solid #444;

	border-left: 1px solid #333;

	border-right: 1px solid #333;

	border-top: 1px solid #333;

	color: #ccc;

}



.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {

	border-bottom: 1px solid #222;

}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div {

	background: #0a0a0a;

	border-top: 1px solid #222;

	color: #999;

}



.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {

	background-color: #000;

}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {

	border: 1px solid #333;

	background: #000;

}



.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {

	color: #000;

	background: #007fff;

}



.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {

	background: #cc5500;

	box-shadow: #b03e00 0 1px 3px 0 inset;

	color: #000;

}



.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {

	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);

}



.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {

	background: #0a0a0a;

	border: 1px solid #222;

	color: #999;

}



.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {

	background: #0e0e0e;

}



.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {

	color: #cc5500;

}



.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {

	background: #cc5500;

	box-shadow: #b03e00 0 1px 3px 0 inset;

	color: #000;

}



.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover {

	color: #000 !important;

	background: #007fff !important;

}



.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {

	color: #666;

}



.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important }



.xdsoft_dark .xdsoft_time_box {

	border: 1px solid #333;

}



.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {

	background: #333 !important;

}

.xdsoft_datetimepicker .xdsoft_save_selected {

	display: block;

	border: 1px solid #dddddd !important;

	margin-top: 5px;

	width: 100%;

	color: #454551;

	font-size: 13px;

}

.xdsoft_datetimepicker .blue-gradient-button {

	font-family: "museo-sans", "Book Antiqua", sans-serif;

	font-size: 12px;

	font-weight: 300;

	color: #82878c;

	height: 28px;

	position: relative;

	padding: 4px 17px 4px 33px;

	border: 1px solid #d7d8da;

	background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);

	/* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));

	/* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);

	/* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);

	/* Opera 11.10+ */

	background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);

	/* IE10+ */

	background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);

	/* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );

	/* IE6-9 */

}

.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {

	color: #454551;

	background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);

	/* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));

	/* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);

	/* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);

	/* Opera 11.10+ */

	background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);

	/* IE10+ */

	background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);

	/* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );

	/* IE6-9 */

}