/*bp/Normalize.css*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

audio, canvas, video {
    display: inline;
    zoom: 1;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden] {
    display: none;
}

html {
    background: #fff;
    color: #000;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

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

a:focus {
    outline: thin dotted;
}

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

h1 {
    font-size: 2em;
    margin: .67em 0;
}

h2 {
    font-size: 1.5em;
    margin: .83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: .83em;
    margin: 1.67em 0;
}

h6 {
    font-size: .67em;
    margin: 2.33em 0;
}

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

b, strong {
    font-weight: 700;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

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

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

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

q {
    quotes: none;
}

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

small {
    font-size: 80%;
}

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

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

dd {
    margin: 0 0 0 40px;
}

menu, ol, ul {
    padding: 0 0 0 40px;
}

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

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    white-space: normal;
    margin-left: -7px;
    padding: 0;
}

button, input, select, textarea {
    font-size: 100%;
    vertical-align: middle;
    margin: 3px;
}

button, input {
    line-height: normal;
}

button, select {
    text-transform: none;
}

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

    button[disabled], html input[disabled] {
        cursor: default;
    }

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    height: 13px;
    width: 13px;
    padding: 0;
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

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

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body, figure, form {
    margin: 0;
}

p, pre, dl, menu, ol, ul {
    margin: 1em 0;
}
/*bp/main.css*/
html, button, input, select, textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    background: #ccc;
    color: #000;
    margin: .2em 0;
    padding: .2em 0;
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    text-indent: -9999px;
}

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 150%;
    }

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0000);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    margin: -1px;
    padding: 0;
}

    .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        overflow: visible;
        position: static;
        width: auto;
        margin: 0;
    }

.invisible {
    visibility: hidden;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

::-moz-selection, ::selection {
    background: #b3d4fc;
    text-shadow: none;
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after, a[href^=javascript:]:after, a[href^=#]:after {
        content: "";
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: .5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}
/*all_tt.css*/
div#sincFont {
    font: 12px/20px Arial,Helvetica,sans-serif;
    color: #828181
}

.olc_back {
    cursor: pointer;
    background: url(../images/olc_backtoMain.png) top
}

    .olc_back:hover {
        cursor: pointer;
        background: url(../images/olc_backtoMain_mo.png) top
    }

.olc_link, a.olc_link:link, a.olc_link:visited, a.olc_link:active {
    margin-left: 12px;
    float: left;
    margin-top: 32px;
    text-decoration: none;
    color: #fff;
    padding-left: 12px;
    background: url(../images/2009/nav_white.png) left no-repeat
}

a.olc_link:hover {
    margin-left: 12px;
    float: left;
    margin-top: 32px;
    text-decoration: underline;
    color: #fff;
    padding-left: 12px;
    background: url(../images/2009/nav_white.png) left no-repeat
}

.instructtop {
    background: url(../images/2010/instructions_top.png) no-repeat;
    width: 760px;
    height: 21px;
    margin: 0 auto
}

.instructmid {
    background: url(../images/2010/instructions_mid.png) repeat-y;
    width: 725px;
    color: White;
    padding: 0 20px 0 15px;
    text-align: left;
    margin: 0 auto
}

.instructbot {
    background: url(../images/2010/instructions_bottom.png) no-repeat;
    width: 760px;
    height: 24px;
    margin: 0 auto
}

.cbtn div.btnl {
    width: 15px;
    height: 24px;
    background: url('../images/cp/btn_left.png');
    float: left;
    cursor: pointer;
    margin-top: 3px
}

.cbtn div.btnm {
    min-width: 110px;
    height: 21px;
    padding-top: 3px;
    background: url('../images/cp/btn_m.png') repeat-x;
    text-align: center;
    color: #fff;
    float: left;
    cursor: pointer;
    margin-top: 3px;
    font-size: 8pt
}

.cbtn div.btnr {
    width: 15px;
    height: 24px;
    background: url('../images/cp/btn_right.png');
    float: left;
    cursor: pointer;
    margin-top: 3px
}

a.cbtn, a.cbtn:hover {
    text-decoration: none
}

    a.cbtn:hover div.btnl {
        width: 15px;
        height: 24px;
        background: url('../images/cp/btn_left_h.png');
        float: left;
        cursor: pointer;
        margin-top: 3px
    }

    a.cbtn:hover div.btnm {
        height: 21px;
        padding-top: 3px;
        background: url('../images/cp/btn_m_h.png') repeat-x;
        text-decoration: none;
        color: #fff;
        float: left;
        cursor: pointer;
        margin-top: 3px;
        font-size: 8pt
    }

    a.cbtn:hover div.btnr {
        width: 15px;
        height: 24px;
        background: url('../images/cp/btn_right_h.png');
        float: left;
        cursor: pointer;
        margin-top: 3px
    }

textarea {
    font-family: Arial
}

.gridHeader {
    background-image: url('../images/2009/tbl_bg.jpg');
    background-repeat: repeat-x;
    color: White;
    padding-left: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: black;
    height: 24px
}

.gridRow {
    background-color: white;
    text-align: left;
    border-bottom: 1px solid gainsboro;
    font-family: Tahoma;
    font-size: 9pt
}

    .gridRow td, .gridAltRow td {
        padding: 4px 2px
    }

.gridAltRow {
    background-color: whitesmoke;
    text-align: left;
    border-bottom: 1px solid gainsboro;
    font-family: Tahoma;
    font-size: 9pt
}

.gh {
    color: #618f3f;
    font-weight: bold;
    border-bottom: 3px solid #999
}

.func_t {
    background: url(../images/2011/function_topt.png) no-repeat top;
    width: 630px;
    height: 23px;
    padding: 7px 55px 0 45px;
    text-align: left;
    margin: 0 auto
}

.func_m {
    background: url(../images/2011/function_midt.png) repeat-y;
    width: 640px;
    color: #000;
    padding: 0 45px;
    text-align: left;
    margin: 0 auto
}

.func_b {
    background: url(../images/2011/function_bottomt.png) no-repeat bottom;
    width: 730px;
    height: 25px;
    margin: 0 auto 8px auto
}

.func_item {
    width: 640px;
    float: left;
    clear: both;
    padding-top: 1px;
    padding-bottom: 2px
}

.func_desc {
    width: 480px;
    float: left;
    font-size: 10pt;
    padding-top: 6px;
    color: #000;
    font-weight: bold
}

.func_button {
    width: 160px;
    float: left;
    font-weight: normal
}

.func_sep {
    width: 630px;
    border-bottom: 2px solid #105795;
    height: 1px;
    clear: both
}

.func_tog {
    color: #fff;
    text-decoration: none;
    font-size: 8pt
}

.myfuncTitle {
    float: left;
    width: 550px;
    padding-left: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 12pt
}

a.navlblue, a.navlblue:link, a.navlblue:visited {
    color: #98c6ff;
    text-decoration: none
}

    a.navlblue:hover {
        color: #fff;
        text-decoration: underline
    }

.tooltip {
    background-color: #000;
    border: 1px solid #fff;
    padding: 10px 15px;
    width: 200px;
    display: none;
    color: #fff;
    text-align: left;
    font-size: 12px;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    z-index: 100000;
    opacity: .7
}

#tooltip {
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    padding: 5px;
    color: #fff;
    text-align: left;
    cursor: pointer;
    max-width: 230px
}

a.tooltip:hover {
    color: #fff;
    text-decoration: none
}

.tipsy {
    padding: 5px;
    font-size: 11px;
    background: url('../images/cp/tipsy.gif') no-repeat;
    text-align: left
}

.tipsy-inner {
    padding: 5px 8px 4px 8px;
    background-color: black;
    color: white;
    max-width: 350px;
    text-align: center
}

.tipsy-inner {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    opacity: .90;
    filter: alpha(opacity=90)
}

.tipsy-north {
    background-position: top center
}

.tipsy-west {
    background-position: left center
}

#gravity {
    width: 100%;
    margin: 5px 0;
    border-spacing: 5px
}

    #gravity td {
        text-align: center;
        vertical-align: middle;
        padding: 5px 0;
        background-color: #d0d0d0;
        width: 33%
    }

    #gravity a:hover {
        color: #505050;
        background: 0
    }

.merge {
    height: 15px;
    width: 15px;
    border: 0
}

.grey {
    font: normal Arial,Helvetica,sans-serif;
    color: #666;
    padding: 5px 0;
    margin: 0;
    font-size: 8pt
}

.tblHeader {
    background-image: url('../images/2009/tbl_bg.jpg');
    background-repeat: repeat-x;
    color: White;
    font-weight: bold;
    background-color: #1b0205
}

.tblHeader30 {
    background-image: url('https://soccerincollege.com/images/2009/tbl_bg30.jpg');
    background-repeat: repeat-x;
    color: White;
    font-weight: bold;
    background-color: #1b0205
}

input.css3button {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    cursor: pointer;
    color: #363636;
    padding: 5px 10px;
    background: -moz-linear-gradient(top,#dbdbdb 0,#a3a3a3);
    background: -webkit-gradient(linear,left top,left bottom,from(#dbdbdb),to(#a3a3a3));
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #8a8a8a;
    -moz-box-shadow: 0 1px 3px rgba(000,000,000,0.5),inset 0 0 2px rgba(255,255,255,1);
    -webkit-box-shadow: 0 1px 3px rgba(000,000,000,0.5),inset 0 0 2px rgba(255,255,255,1)
}

    input.css3button:hover {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 12px;
        cursor: pointer;
        color: #000;
        padding: 5px 10px;
        background: -moz-linear-gradient(top,#dbdbdb 0,#636363);
        background: -webkit-gradient(linear,left top,left bottom,from(#dbdbdb),to(#636363));
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border: 1px solid #474747;
        -moz-box-shadow: 0 0 0 rgba(000,000,000,0.5),inset 0 0 9px rgba(255,255,255,1);
        -webkit-box-shadow: 0 0 0 rgba(000,000,000,0.5),inset 0 0 9px rgba(255,255,255,1)
    }

        input.css3button[disabled], input.css3button:hover[disabled] {
            font-family: Arial,Helvetica,sans-serif;
            cursor: pointer;
            color: #7f7f7f;
            padding: 5px 10px;
            background: #efefef;
            border-radius: 6px;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border: 1px solid #8a8a8a;
            -moz-box-shadow: none !important;
            -webkit-box-shadow: none !important
        }

.modalHide {
    display: none
}

.modalInvisible {
    visibility: hidden
}

.modalVisible {
    visibility: visible
}

.tabpanel {
    width: 780px;
    background-color: #fff;
    border-bottom: 1px solid #484848;
    overflow: auto;
    border-left: 1px solid #484848;
    border-right: 1px solid #484848;
    padding-top: 10px;
    padding-left: 5px;
    min-height: 350px;
    padding-bottom: 10px
}

.borderall {
    border-top: solid 1px gainsboro;
    border-bottom: solid 1px #333333;
    border-right: solid 1px #333333;
    border-left: solid 1px #333333
}

.bordernone {
    border-style: solid;
    border-width: 0;
    border-color: #333333
}

.borderbottomleftright {
    border-bottom: solid 1px #333333;
    border-right: solid 1px #333333;
    border-left: solid 1px #333333
}

.bordertopleftright {
    border-top: solid 1px #333333;
    border-right: solid 1px #333333;
    border-left: solid 1px #333333
}

.bordertoprightbottom {
    border-top: solid 1px #333333;
    border-right: solid 1px #333333;
    border-bottom: solid 1px #333333
}

.bordertopleft1 {
    border-top: solid 1px #333333;
    border-left: solid 1px #333333
}

.bordertopright1 {
    border-top: solid 1px #333333;
    border-right: solid 1px #333333
}

.borderbottomleft1 {
    border-bottom: solid 1px #333333;
    border-left: solid 1px #333333
}

.borderleftblue {
    border-left: solid 1px blue;
    border-top: solid 1px silver;
    border-bottom: solid 1px black
}

.borderleftblack {
    border-bottom: solid 1px black;
    border-left: solid 1px black;
    border-top: solid 1px silver
}

.bordersilver {
    border-bottom: solid 1px black;
    border-top: solid 1px silver;
    border-left: solid 1px silver
}

.borderend {
    border-bottom: solid 1px black;
    border-top: solid 1px silver;
    border-left: solid 1px silver;
    border-right: solid 1px black
}

.borderbottom {
    border-bottom: solid 1px black
}

.borderbottomright1 {
    border-bottom: solid 1px black;
    border-right: solid 1px black
}

.bordertopright2 {
    border-top: solid 2px black;
    border-right: solid 2px black
}

.borderrightbottom {
    border-right: solid 2px black;
    border-bottom: solid 2px black
}

.bordertopleft {
    border-top: solid 2px black;
    border-left: solid 2px black
}

.borderbottomleft {
    border-bottom: solid 2px black;
    border-left: solid 2px black
}

.borderright2 {
    border-right: solid 2px black
}

.bordertop2 {
    border-top-style: solid;
    border-top-color: Black;
    border-top-width: 2px
}

.borderbottom2 {
    border-bottom-style: solid;
    border-bottom-color: Black;
    border-bottom-width: 2px
}

.bordertop {
    border-top: solid 1px black
}

.tbRound {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border: 1px solid #ccc;
    padding: 4px 12px;
    font-size: 12pt
}

input.greenBtn {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    cursor: pointer;
    color: #fff;
    padding: 5px 10px;
    background: -moz-linear-gradient(top,#618f3f 0,#47692e);
    background: -webkit-gradient(linear,left top,left bottom,from(#618f3f),to(#47692e));
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #618f3f;
    -moz-box-shadow: 0 1px 3px rgba(000,000,000,0.5),inset 0 0 2px rgba(255,255,255,1);
    -webkit-box-shadow: 0 1px 3px rgba(000,000,000,0.5),inset 0 0 2px rgba(255,255,255,1)
}

    input.greenBtn:hover {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 12px;
        cursor: pointer;
        color: #fff;
        padding: 5px 10px;
        background: #2c411c;
        background: #2c411c;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border: 1px solid #618f3f;
        -moz-box-shadow: 0 0 0 rgba(000,000,000,0.5);
        -webkit-box-shadow: 0 0 0 rgba(000,000,000,0.5)
    }

        input.greenBtn[disabled], input.greenBtn:hover[disabled] {
            font-family: Arial,Helvetica,sans-serif;
            cursor: pointer;
            color: #7f7f7f;
            padding: 5px 10px;
            background: #efefef;
            border-radius: 6px;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border: 1px solid #8a8a8a;
            -moz-box-shadow: none !important;
            -webkit-box-shadow: none !important
        }

input.delBtn {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    cursor: pointer;
    color: #333;
    padding: 5px 25px 5px 10px;
    background: url(../images/2009/delsmall.png) right 4px no-repeat #fefefe;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #8a8a8a;
    -moz-box-shadow: 0 1px 3px rgba(000,000,000,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(000,000,000,0.5)
}

    input.delBtn:hover {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 12px;
        cursor: pointer;
        color: #333;
        padding: 5px 10px;
        padding: 5px 25px 5px 10px;
        background: url(../images/2009/delsmall.png) right 4px no-repeat #ccc;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border: 1px solid #8a8a8a;
        -moz-box-shadow: 0 0 0 rgba(000,000,000,0.5);
        -webkit-box-shadow: 0 0 0 rgba(000,000,000,0.5)
    }

        input.delBtn[disabled], input.delBtn:hover[disabled] {
            font-family: Arial,Helvetica,sans-serif;
            cursor: pointer;
            color: #7f7f7f;
            padding: 5px 10px;
            background: #efefef;
            border-radius: 6px;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border: 1px solid #8a8a8a;
            -moz-box-shadow: none !important;
            -webkit-box-shadow: none !important
        }

.left {
    float: left
}

.right {
    float: right
}

.clr {
    clear: both
}

.spform input[type="text"], .spform input[type=password], .spform textarea {
    font-family: Arial,Helvetica,sans-serif;
    color: #000;
    font-size: 1em;
    vertical-align: middle;
    font-weight: normal;
    padding: 4px;
    margin: 5px 0;
    outline: 0
}

.spform input[type="text"], .spform input[type=password] {
    border-radius: 3px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.1)
}

    .spform input[type="text"]:focus, .spform input[type=password]:focus {
        border-radius: 3px;
        box-shadow: inset 0 0 5px rgba(0,0,0,.4)
    }
/*sitepro/style.css*/
a {
    color: #3B5998;
    outline: none;
    cursor: pointer;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

.r4 {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.r8 {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.r8t {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.sdw {
    -moz-box-shadow: 0 1px 3px #333;
    -webkit-box-shadow: 0 1px 3px #333;
}

.bg-main {
    width: 100%;
    background: #fff url(../images/sitepro/bg-body.jpg) 50% 0 repeat;
}

.clear {
    clear: both;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    height: 0;
    width: 100%;
}

.wrapper {
    overflow: hidden;
    position: relative;
}

.extra-wrap {
    overflow: hidden;
    display: block;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.alignright {
    text-align: right;
}

.aligncenter {
    text-align: center;
}

.alignmiddle {
    vertical-align: middle;
}

.nomargin {
    margin: 0 0 10px 0;
}

.color1 {
    color: #000;
}

.wrapper-large {
    overflow: hidden;
    position: relative;
    height: 80px;
}

.soccer {
    background-color: #ed821a;
}

.baseball {
    background-color: #276804;
}

.basketball {
    background-color: #0cb2ac;
}

.anysport {
    background-color: #CCC;
}

.lineH {
    background: url(../images/sitepro/lineH.png) 0 0 repeat;
    height: 5px;
    width: 100%;
}

.button {
    display: inline-block;
    background: #000 url(../images/sitepro/bg-body2.jpg) 0 0 repeat;
    text-transform: uppercase;
    font: 11px/15px Arial, Helvetica, sans-serif;
    color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    padding: 7px 15px 6px;
}

    .button:hover {
        background: #e4e0dd;
        color: #000;
        text-decoration: none;
    }

footer {
    color: #adadad;
    padding: 50px 0 60px;
}

    footer p {
        padding-bottom: 5px;
    }

    footer h4, footer h4 a {
        padding-top: 17px;
        color: #fff;
    }

.privacy span {
    display: inline-block;
    margin: 0 9px;
}

.privacy a {
    text-decoration: underline;
    color: #fff;
}

    .privacy a:hover {
        text-decoration: none;
    }

.tooltips {
    position: relative;
    overflow: hidden;
}

    .tooltips li {
        float: left;
        padding: 0 3px 7px 0;
    }

        .tooltips li a img {
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
            margin: 3px 0 0;
        }

        .tooltips li a:hover img {
            -webkit-transform: scale(0.9);
            -moz-transform: scale(0.9);
            -o-transform: scale(0.9);
            transform: scale(0.9);
        }

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    overflow: hidden;
    width: 51px;
    height: 51px;
    border: none;
    text-indent: 100%;
    z-index: 1000000;
    background: url(../images/ui.totop.png) no-repeat left top;
}

#toTopHover {
    background: url(../images/ui.totop.png) no-repeat left -51px;
    width: 51px;
    height: 51px;
    display: block;
    overflow: hidden;
    float: left;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}

#toTop:active, #toTop:focus {
    outline: none;
}

ul.dash li {
    border-top: 1px dotted #ddd;
    padding: 3px 0 3px 10px;
}

    ul.dash li:first-child {
        border-top: none;
    }

    ul.dash li a, ul.dash li a {
        color: #2f2f2f;
        text-decoration: none;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        padding: 4px 8px;
    }

        ul.dash li a:hover {
            background-color: #d3d3d3;
            border-radius: 8px;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
        }

.tooltip {
    background-color: #000;
    border: 1px solid #fff;
    width: 200px;
    display: none;
    color: #fff;
    text-align: left;
    font-size: 12px;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    z-index: 100000;
    opacity: .7;
    padding: 10px 15px;
}

#tooltip {
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    color: #fff;
    text-align: left;
    cursor: pointer;
    max-width: 230px;
    padding: 5px;
}

a.tooltip:hover {
    color: #fff;
    text-decoration: none;
}

.header-dark {
    border: 1px solid #666;
    border-bottom: 1px solid #3B3B3B;
    white-space: nowrap;
    vertical-align: middle;
    color: #fff;
    cursor: pointer;
    text-shadow: 0 1px 1px #3B3B3B;
    background: linear-gradient(#797979,#3B3B3B);
    -pie-background: linear-gradient(#797979,#3B3B3B);
    padding: 6px;
}

.volleyball, .football {
    background-color: #024e80;
}

.lacrosse, .fieldhockey {
    background-color: #ab040b;
}

.privacy, footer h4 {
    color: #fff;
}

footer h3, .footer-list li a {
    color: #adadad;
}
/*sitepro/pro_pages_style*/
.title {
    display: block;
    position: relative;
    padding-bottom: 15px;
    padding-top: 50px
}

.title2 {
    padding: 20px 0 15px
}

.title3 {
    padding: 0 0 15px
}

.title-padding {
    padding: 5px 0
}

blockquote {
    display: block;
    quotes: none;
    background: url(../images/sitepro/blockquote.png) 0 0 no-repeat;
    padding: 12px 0 12px 30px
}

    blockquote em {
        display: inline-block;
        margin-top: 10px
    }

.quotes_2 {
    position: relative;
    background: #f3f3f3;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    padding: 12px 10px 15px 18px;
    margin: 6px 0 10px 0;
    border-image: initial
}

    .quotes_2 blockquote {
        color: #656565;
        background: 0;
        padding: 0
    }

    .quotes_2 span {
        display: block;
        background: url(../images/sitepro/quotes2.png) 0 0 no-repeat;
        width: 18px;
        height: 10px;
        position: absolute;
        bottom: -10px;
        left: 41px
    }

.quotes-links {
    padding: 11px 0 10px 0
}

.quotes_3 {
    background: url(../images/sitepro/quote-ul.gif) 5px 10px no-repeat;
    padding-left: 10px;
    text-indent: 23px
}

a.tiny, input.tiny {
    padding: 4px 6px;
    margin-top: -2px
}

.description-dark span {
    display: inline-block;
    background: url(../images/sitepro/description-arrow-white.png) 0 -4px no-repeat;
    width: 7px;
    height: 4px;
    margin: 5px 0 0 4px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.description-dark {
    display: inline-block;
    border: 1px solid #666;
    border-bottom: 1px solid #3b3b3b;
    border-radius: 3px;
    font: bold 11px Sans-Serif;
    padding: 6px 10px;
    white-space: nowrap;
    vertical-align: middle;
    color: #fff !important;
    background: transparent;
    cursor: pointer;
    background: #3b3b3b;
    text-shadow: 0 1px 1px #3b3b3b;
    background: -webkit-gradient(linear,0 0,0 bottom,from(#797979),to(#3b3b3b));
    background: -webkit-linear-gradient(#797979,#3b3b3b);
    background: -moz-linear-gradient(#797979,#3b3b3b);
    background: -ms-linear-gradient(#797979,#3b3b3b);
    background: -o-linear-gradient(#797979,#3b3b3b);
    background: linear-gradient(#797979,#3b3b3b);
    -pie-background: linear-gradient(#797979,#3b3b3b);
    box-shadow: 0 1px 2px rgba(0,0,0,0.9)
}

    .description-dark:hover {
        box-shadow: none;
        text-decoration: none;
        color: #eee !important
    }

    .description-dark:active {
        border: 1px solid #999;
        border-bottom-color: #CCC;
        border-top-color: #3b3b3b;
        background: #3b3b3b;
        text-shadow: 0 1px 1px #3b3b3b;
        box-shadow: none;
        background: -webkit-gradient(linear,0 0,0 bottom,from(#3b3b3b),to(#999));
        background: -webkit-linear-gradient(#3b3b3b,#999);
        background: -moz-linear-gradient(#3b3b3b,#999);
        background: -ms-linear-gradient(#3b3b3b,#999);
        background: -o-linear-gradient(#3b3b3b,#999);
        background: linear-gradient(#3b3b3b,#999);
        -pie-background: linear-gradient(#3b3b3b,#999)
    }

.success {
    color: #fff !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.4);
    text-shadow: none;
    background-color: #5bb75b;
    background-image: -moz-linear-gradient(top,#62c462,#51a351);
    background-image: -ms-linear-gradient(top,#62c462,#51a351);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));
    background-image: -webkit-linear-gradient(top,#62c462,#51a351);
    background-image: -o-linear-gradient(top,#62c462,#51a351);
    background-image: linear-gradient(top,#62c462,#51a351);
    -pie-background: linear-gradient(#62c462,#51a351);
    border-color: #51a351 #51a351 #387038
}

    .success:hover {
        border-color: #295b29;
        box-shadow: none
    }

    .success:active {
        box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
        background: #3e933e;
        background: -webkit-gradient(linear,0 0,0 bottom,from(#3e933e),to(#62c462));
        background: -webkit-linear-gradient(#3e933e,#62c462);
        background: -moz-linear-gradient(#3e933e,#62c462);
        background: -ms-linear-gradient(#3e933e,#62c462);
        background: -o-linear-gradient(#3e933e,#62c462);
        background: linear-gradient(#3e933e,#62c462);
        -pie-background: linear-gradient(#3e933e,#62c462);
        border-bottom: 1px solid #62c462
    }

.warning {
    color: #fff !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.4);
    text-shadow: none;
    background-color: #faa732;
    background-image: -moz-linear-gradient(top,#fbb450,#f89406);
    background-image: -ms-linear-gradient(top,#fbb450,#f89406);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));
    background-image: -webkit-linear-gradient(top,#fbb450,#f89406);
    background-image: -o-linear-gradient(top,#fbb450,#f89406);
    background-image: linear-gradient(top,#fbb450,#f89406);
    -pie-background: linear-gradient(#fbb450,#f89406);
    border-color: #f89406 #f89406 #ad6704
}

    .warning:hover {
        border-color: #b67211;
        box-shadow: none
    }

    .warning:active {
        box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
        background: #f89406;
        background: -webkit-gradient(linear,0 0,0 bottom,from(#f89406),to(#fbb450));
        background: -webkit-linear-gradient(#f89406,#fbb450);
        background: -moz-linear-gradient(#f89406,#fbb450);
        background: -ms-linear-gradient(#f89406,#fbb450);
        background: -o-linear-gradient(#f89406,#fbb450);
        background: linear-gradient(#f89406,#fbb450);
        -pie-background: linear-gradient(#f89406,#fbb450);
        border-bottom: 1px solid #fbb450
    }

.inf {
    color: #fff !important;
    font-weight: 100 !important;
    font-size: 11px !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.4);
    text-shadow: none;
    background-color: #49afcd;
    background-image: -moz-linear-gradient(top,#5bc0de,#2f96b4);
    background-image: -ms-linear-gradient(top,#5bc0de,#2f96b4);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4));
    background-image: -webkit-linear-gradient(top,#5bc0de,#2f96b4);
    background-image: -o-linear-gradient(top,#5bc0de,#2f96b4);
    background-image: linear-gradient(top,#5bc0de,#2f96b4);
    -pie-background: linear-gradient(#5bc0de,#2f96b4);
    border-color: #2f96b4 #2f96b4 #1f6377;
    padding: 6px 10px !important
}

    .inf:hover {
        border-color: #1a687f;
        box-shadow: none
    }

    .inf:active {
        box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
        background: #2f96b4;
        background: -webkit-gradient(linear,0 0,0 bottom,from(#2f96b4),to(#5bc0de));
        background: -webkit-linear-gradient(#2f96b4,#5bc0de);
        background: -moz-linear-gradient(#2f96b4,#5bc0de);
        background: -ms-linear-gradient(#2f96b4,#5bc0de);
        background: -o-linear-gradient(#2f96b4,#5bc0de);
        background: linear-gradient(#2f96b4,#5bc0de);
        -pie-background: linear-gradient(#2f96b4,#5bc0de);
        border-bottom: 1px solid #5bc0de
    }

.sinc {
    color: #000 !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.4);
    text-shadow: none;
    background-color: #85bf5b;
    background-image: -moz-linear-gradient(top,#85bf5b,#618f3f);
    background-image: -ms-linear-gradient(top,#85bf5b,#618f3f);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#85bf5b),to(#618f3f));
    background-image: -webkit-linear-gradient(top,#85bf5b,#618f3f);
    background-image: -o-linear-gradient(top,#85bf5b,#618f3f);
    background-image: linear-gradient(top,#85bf5b,#618f3f);
    -pie-background: linear-gradient(#85bf5b,#618f3f);
    border-color: #74bf3d #74bf3d #3c5827
}

    .sinc:hover {
        border-color: #335916;
        box-shadow: none
    }

    .sinc:active {
        box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
        background: #618f3f;
        background: -webkit-gradient(linear,0 0,0 bottom,from(#618f3f),to(#85bf5b));
        background: -webkit-linear-gradient(#618f3f,#85bf5b);
        background: -moz-linear-gradient(#618f3f,#85bf5b);
        background: -ms-linear-gradient(#618f3f,#85bf5b);
        background: -o-linear-gradient(#618f3f,#85bf5b);
        background: linear-gradient(#618f3f,#85bf5b);
        -pie-background: linear-gradient(#618f3f,#85bf5b);
        border-bottom: 1px solid #85bf5b
    }

.btn.tiny {
    font-size: 8px;
    padding: 3px 5px
}

.btn.small {
    font-size: 11px
}

.btn.medium {
    font-size: 1.3em
}

.btn.large {
    font-size: 1.6em
}

.btn-indent {
    padding: 5px 0;
    overflow: hidden
}

.btn-indent3 {
    padding: 10px 0
}

.btn-indent2 {
    padding: 5px 0
}

.pages {
    position: relative;
    overflow: hidden
}

    .pages li {
        float: left
    }

        .pages li .btn.prev, .pages li .btn.next {
            padding: 5px
        }

        .pages li.current a {
            border: 1px solid #AAA;
            border-bottom-color: #CCC;
            border-top-color: #999;
            box-shadow: inset 0 1px 2px #aaa;
            background: -webkit-linear-gradient(top,#e6e6e6,gainsboro);
            background: -moz-linear-gradient(top,#e6e6e6,gainsboro);
            background: -ms-linear-gradient(top,#e6e6e6,gainsboro);
            background: -o-linear-gradient(top,#e6e6e6,gainsboro);
            -pie-background: linear-gradient(top,#e6e6e6,gainsboro)
        }

.btn.page {
    box-shadow: none;
    border-radius: 0
}

.btn.prev, .btn.next {
    box-shadow: none
}

.btn.prev {
    border-radius: 3px 0 0 3px;
    padding-left: 5px
}

.btn.next {
    border-radius: 0 3px 3px 0;
    padding-right: 5px
}

.btn span {
    width: 16px;
    height: 16px
}

.btn.prev span {
    display: inline-block;
    background: url(../images/sitepro/icons/icon-previous.png) 0 0 no-repeat;
    margin: 0 3px 0 0
}

.btn.next span {
    display: inline-block;
    background: url(../images/sitepro/icons/icon-next.png) 0 0 no-repeat;
    margin: 0 0 0 3px
}

.btn.sign-in span {
    display: inline-block;
    background: url(../images/sitepro/icons/icons-light.png) -1116px -36px;
    margin: 0 7px 0 0
}

.btn.sign-out span {
    display: inline-block;
    background: url(../images/sitepro/icons/icons-light.png) -1152px -36px;
    margin: 0 7px 0 0
}

.btn.comment span {
    display: inline-block;
    background: url(../images/sitepro/icons/icons-light.png) -648px 0;
    margin: 0 7px 0 0
}

.btn.site-map span {
    display: inline-block;
    background: url(../images/sitepro/icons/icons-light.png) -1224px -36px;
    margin: 0 7px 0 0
}

.btn.refresh span {
    display: inline-block;
    background: url(../images/sitepro/icons/icons-light.png) -936px -36px;
    margin: 0 7px 0 0
}

.btn.comment2 span {
    display: inline-block;
    background: url(../images/sitepro/icons/icons-color.png) -612px 0;
    margin: 0 7px 0 0
}

.btn.settings span {
    display: inline-block;
    background: url(../images/sitepro/icons/icons-color.png) -972px -36px;
    margin: 0 7px 0 0
}

.btn.calend span {
    display: inline-block;
    background: url(../images/sitepro/icons/icons-color.png) -468px 0;
    margin: 0 7px 0 0
}

.btn.print span {
    display: inline-block;
    background: url(../images/sitepro/icons/icons-color.png) -648px -36px;
    margin: 0 7px 0 0
}

.btn.dwload span {
    display: inline-block;
    background: url(../images/sitepro/icons/icons-color.png) -1476px -36px;
    margin: 0 7px 0 0
}

.btn.bookmark span {
    display: inline-block;
    background: url(../images/sitepro/icons/icons-color.png) -324px 0;
    margin: 0 7px 0 0
}

.btn.print2 span {
    display: inline-block;
    background: url(../images/sitepro/icons/icons-dark.png) -720px -36px;
    margin: 0 7px 0 0
}

#breadcrumbs-one {
    background: #eee;
    border-width: 1px;
    margin: 0;
    padding: 0;
    border-style: solid;
    border-color: #f5f5f5 #e5e5e5 #ccc;
    font-family: "Open Sans", sans-serif, Arial !important;
    font-size: 10pt !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    overflow: hidden;
    width: 100%
}

    #breadcrumbs-one li {
        float: left
    }

    #breadcrumbs-one a {
        padding: .7em 1em .7em 2em;
        float: left;
        text-decoration: none;
        color: #444;
        position: relative;
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
        background-color: #ddd;
        background-image: -webkit-gradient(linear,left top,right bottom,from(#f5f5f5),to(#ddd));
        background-image: -webkit-linear-gradient(left,#f5f5f5,#ddd);
        background-image: -moz-linear-gradient(left,#f5f5f5,#ddd);
        background-image: -ms-linear-gradient(left,#f5f5f5,#ddd);
        background-image: -o-linear-gradient(left,#f5f5f5,#ddd);
        background-image: linear-gradient(to right,#f5f5f5,#ddd)
    }

    #breadcrumbs-one li:first-child a {
        padding-left: 1em;
        -moz-border-radius: 5px 0 0 5px;
        -webkit-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px
    }

    #breadcrumbs-one a:hover {
        background: #fff
    }

    #breadcrumbs-one a::after, #breadcrumbs-one a::before {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -1.5em;
        border-top: 1.5em solid transparent;
        border-bottom: 1.5em solid transparent;
        border-left: 1em solid;
        right: -1em
    }

    #breadcrumbs-one a::after {
        z-index: 2;
        border-left-color: #ddd
    }

    #breadcrumbs-one a::before {
        border-left-color: #ccc;
        right: -1.1em;
        z-index: 1
    }

    #breadcrumbs-one a:hover::after {
        border-left-color: #fff
    }

    #breadcrumbs-one .current, #breadcrumbs-one .current:hover, #breadcrumbs-one .current::after, #breadcrumbs-one .current::before {
        content: normal
    }

ins {
    background: #000;
    padding: 0 5px;
    text-decoration: none;
    color: #fff
}

del {
    text-decoration: line-through
}

abbr, dfn {
    cursor: help;
    color: #000
}

dfn {
    letter-spacing: 1px;
    font-size: 13px;
    font-family: Verdana,Geneva,sans-serif
}

sup, sub {
    font-size: .8em
}

sub {
    vertical-align: bottom
}

.elements-list small {
    font-size: 10px;
    font-family: Verdana,Geneva,sans-serif
}

.elements-list big {
    font-size: 21px
}

.elements-list q {
    font-family: "Courier New",Courier,monospace;
    color: #000;
    font-size: 15px
}

abbr, acronym {
    text-transform: uppercase;
    border-bottom: 1px dotted #000;
    font-size: 11px
}

.elements-list code {
    display: block;
    float: right;
    color: #212121;
    padding: 2px 5px;
    border: 1px solid #eee;
    border-radius: 3px;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    background: #fff
}

.elements-list li {
    overflow: hidden;
    margin-bottom: 5px;
    background: 0;
    padding: 0
}

ol {
    list-style-position: inside
}

    ol li {
        padding: 2px 0
    }

        ol li a {
            color: #2f2f2f
        }

ul.list1 li {
    background: url(../images/sitepro/ul_list1_marker.png) 0 7px no-repeat;
    padding: 2px 0 2px 15px
}

ul.list2 li {
    background: url(../images/sitepro/ul_list2_marker.png) 0 10px no-repeat;
    border-top: 1px dotted #ddd;
    padding: 5px 0 6px 15px
}

    ul.list2 li:first-child {
        border-top: 0
    }

    ul.list1 li a, ul.list2 li a {
        color: #2f2f2f
    }

dl dt {
    font-weight: bold;
    padding-bottom: 5px
}

dl dd {
    padding-bottom: 15px
}

ol ul {
    padding: 2px 0 2px 20px
}

    ol ul li {
        padding: 2px 0 2px 15px !important
    }

.list3 {
    list-style-type: decimal-leading-zero
}

.list-wrapper {
    position: relative
}

.list-car {
    overflow: hidden
}

.list-wrapper .btn.next, .list-wrapper .btn.prev {
    position: absolute;
    top: -43px;
    right: 0;
    padding: 5px
}

.list-wrapper .btn.prev {
    right: 31px
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.table {
    width: 100%;
    margin-bottom: 18px
}

    .table th, .table td {
        padding: 8px;
        line-height: 18px;
        text-align: left;
        border-top: 1px solid #ddd
    }

    .table th {
        font-weight: bold;
        vertical-align: bottom
    }

    .table td {
        vertical-align: top
    }

    .table thead:first-child tr th, .table thead:first-child tr td {
        border-top: 0
    }

    .table tbody + tbody {
        border-top: 2px solid #ddd
    }

.table-condensed th, .table-condensed td {
    padding: 4px 5px
}

.table-bordered {
    border: 1px solid #ddd;
    border-collapse: separate;
    *border-collapse: collapsed;
    border-radius: 4px
}

    .table-bordered th + th, .table-bordered td + td, .table-bordered th + td, .table-bordered td + th {
        border-left: 1px solid #ddd
    }

    .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {
        border-top: 0
    }

        .table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child {
            border-radius: 4px 0 0 0
        }

        .table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child {
            border-radius: 0 4px 0 0
        }

    .table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child {
        border-radius: 0 0 0 4px
    }

    .table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child {
        border-radius: 0 0 4px 0
    }

.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
    background-color: #f9f9f9
}

.table-striped2 thead th, .table-striped2 tbody tr td:first-child {
    background-color: #f9f9f9
}

.info {
    padding: 5px;
    font-weight: bold;
    display: inline-block;
    background: #999;
    border-radius: 3px;
    color: #fff
}

.info_success {
    background: #468847
}

.info_warning {
    background: #f89406
}

.info_important {
    background: #b94a48
}

.info_info {
    background: #3a87ad
}

.info-indent {
    margin: 5px 15px 15px 0;
    float: left;
    min-width: 100px;
    text-align: center
}

.image_left {
    float: left;
    margin: .2em 1em .2em 0
}

.image_right {
    float: right;
    margin: .2em 0 .2em 1em
}

.image_centered {
    display: block;
    text-align: center;
    margin: .2em 0 .5em
}

.image_style1 {
    display: inline-block;
    border: 1px solid #999;
    padding: 2px
}

.image_style1_marg {
    margin-top: -5px
}

.image_style2 img, .image_style3 img {
    border-radius: 8px
}

.image_style3 {
    display: inline-block;
    box-shadow: inset 0 0 2px rgba(0,0,0,.5);
    padding: 4px;
    border-radius: 10px
}

.image_with_capt {
    margin-bottom: 1em
}

.image_round {
    display: block;
    border-radius: 60px;
    background: url(../images/sitepro/stock_images/120x120_1.jpg) 0 0 no-repeat;
    width: 120px;
    height: 120px
}

.image_card {
    box-shadow: inset 0 0 1px rgba(0,0,0,.8),inset 0 2px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.4);
    border-radius: 20px;
    display: block;
    background: url(../images/sitepro/stock_images/120x120_2.jpg) 0 0 no-repeat;
    width: 120px;
    height: 120px
}

.image_embossed {
    box-shadow: inset 0 0 2px rgba(0,0,0,.8),inset 0 2px 0 rgba(255,255,255,.5),inset 0 -7px 0 rgba(0,0,0,.6),inset 0 -9px 0 rgba(255,255,255,.3);
    border-radius: 20px;
    display: block;
    background: url(../images/sitepro/stock_images/120x120_3.jpg) 0 0 no-repeat;
    width: 120px;
    height: 120px
}

.image_soft-embossed {
    box-shadow: inset 0 0 4px rgba(0,0,0,1),inset 0 2px 1px rgba(255,255,255,.5),inset 0 -9px 2px rgba(0,0,0,.6),inset 0 -12px 2px rgba(255,255,255,.3);
    border-radius: 20px;
    display: block;
    background: url(../images/sitepro/stock_images/120x120_4.jpg) 0 0 no-repeat;
    width: 120px;
    height: 120px
}

.image_cut_out {
    box-shadow: 0 1px 0 rgba(255,255,255,.2),inset 0 4px 5px rgba(0,0,0,.6),inset 0 1px 0 rgba(0,0,0,.6);
    border-radius: 20px;
    display: block;
    background: url(../images/sitepro/stock_images/120x120_5.jpg) 0 0 no-repeat;
    width: 120px;
    height: 120px
}

.image_morphing_glowing {
    display: block;
    background: url(../images/sitepro/stock_images/120x120_6.jpg) 0 0 no-repeat;
    width: 120px;
    height: 120px;
    border-radius: 20px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s
}

    .image_morphing_glowing:hover {
        box-shadow: 0 0 20px rgba(0,0,0,.6),inset 0 0 20px rgba(0,0,0,1);
        -webkit-border-radius: 60em;
        -moz-border-radius: 60em;
        border-radius: 60em
    }

.image_glossy {
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.5);
    border-radius: 20px;
    display: block;
    width: 120px;
    height: 120px;
    position: relative
}

    .image_glossy span {
        display: block;
        background: url(../images/sitepro/stock_images/120x120_7.jpg) 0 0 no-repeat;
        width: 120px;
        height: 120px;
        border-radius: 20px
    }

    .image_glossy:after {
        position: absolute;
        content: ' ';
        width: 100%;
        height: 50%;
        top: 0;
        left: 0;
        border-radius: 20px;
        background: -moz-linear-gradient(top,rgba(255,255,255,0.7) 0,rgba(255,255,255,.1) 100%);
        background: -o-linear-gradient(top,rgba(255,255,255,0.7) 0,rgba(255,255,255,.1) 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0.7)),color-stop(100%,rgba(255,255,255,.1)));
        background: linear-gradient(top,rgba(255,255,255,0.7) 0,rgba(255,255,255,.1) 100%)
    }

.image_reflection {
    display: block;
    width: 120px;
    height: 120px;
    position: relative
}

    .image_reflection span {
        display: block;
        background: url(../images/sitepro/stock_images/120x120_8.jpg) 0 0 no-repeat;
        width: 120px;
        height: 120px;
        border-radius: 20px
    }

    .image_reflection:after {
        position: absolute;
        content: ' ';
        width: 100%;
        height: 30px;
        bottom: -31px;
        left: 0;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        background: -moz-linear-gradient(top,rgba(0,0,0,.3) 0,rgba(255,255,255,0) 100%);
        background: -o-linear-gradient(top,rgba(0,0,0,.3) 0,rgba(255,255,255,0) 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,.3)),color-stop(100%,rgba(255,255,255,0)));
        background: linear-gradient(top,rgba(0,0,0,.3) 0,rgba(255,255,255,0) 100%);
        -pie-background: linear-gradient(top,rgba(0,0,0,.3) 0,rgba(255,255,255,0) 100%)
    }

.pad-image {
    padding: 8px 10px 20px 0;
    position: relative;
    float: left
}

.pad_port {
    padding-bottom: 30px
}

.image-grid {
    width: 940px
}

    .image-grid:after {
        content: "";
        display: block;
        height: 0;
        overflow: hidden;
        clear: both
    }

    .image-grid li {
        width: 220px;
        margin: 0 5px;
        float: left;
        height: 260px;
        overflow: hidden
    }

        .image-grid li img, .image-grid li strong {
            display: block
        }

.splitter {
    position: relative;
    overflow: hidden;
    padding: 10px 0
}

    .splitter > li {
        font-weight: bold;
        overflow: hidden
    }

    .splitter li ul {
        overflow: hidden
    }

    .splitter li li {
        float: left
    }

        .splitter li li a {
            box-shadow: none;
            border-radius: 0
        }

        .splitter li li.selected-1 a, .splitter li li.selected-2 a, .splitter li li.selected-0 a {
            border: 1px solid #AAA;
            border-bottom-color: #CCC;
            border-top-color: #999;
            box-shadow: inset 0 1px 2px #aaa;
            background: -webkit-linear-gradient(top,#e6e6e6,gainsboro);
            background: -moz-linear-gradient(top,#e6e6e6,gainsboro);
            background: -ms-linear-gradient(top,#e6e6e6,gainsboro);
            background: -o-linear-gradient(top,#e6e6e6,gainsboro);
            background: linear-gradient(top,#e6e6e6,gainsboro);
            -pie-background: linear-gradient(top,#e6e6e6,gainsboro)
        }

        .splitter li li.last a {
            border-radius: 0 3px 3px 0
        }

        .splitter li li.segment-1 a {
            border-radius: 3px 0 0 3px
        }

.icons {
    position: relative;
    overflow: hidden;
    padding: 10px 0
}

    .icons li {
        float: left;
        margin-right: 3px
    }

    .icons.basic2 li {
        margin: 0 15px 15px 0
    }

        .icons.basic2 li a {
            width: 16px;
            display: block;
            height: 16px
        }

            .icons.basic2 li a img {
                max-width: 100% !important;
                height: auto
            }

    .icons.social li.last {
        margin-top: -16px
    }

    .icons.social li {
        width: 100px;
        float: left
    }

    .icons.small li a {
        background-image: url(../images/sitepro/icons/csg-4f3bc7207ae9d.png);
        display: block;
        width: 30px !important;
        height: 30px !important
    }

    .icons.basic {
        position: relative;
        overflow: hidden
    }

        .icons.basic li {
            margin: 0 10px 10px 0;
            display: block;
            float: left;
            padding: 0 15px 15px 15px;
            box-shadow: inset 0 0 10px rgba(0,0,0,.1)
        }

            .icons.basic li.li_icon {
                padding: 8px 15px 7px 15px
            }

.icon {
    font-family: 'IcoMoon';
    font-size: 35px;
    color: #000;
    line-height: 100%;
    display: block
}

    .icon:before {
        content: attr(data-icon)
    }

    .icon:hover {
        text-decoration: none
    }

.icon_social {
    font-family: 'IcoMoonSocial';
    font-size: 35px;
    color: #000;
    line-height: 100%;
    display: block
}

    .icon_social:before {
        content: attr(data-icon)
    }

    .icon_social:hover {
        text-decoration: none
    }

.ranges {
    position: relative;
    overflow: hidden;
    list-style-position: inside
}

    .ranges li span {
        display: inline-block;
        padding: 0 0 10px 0
    }

    .ranges input {
        margin-right: 10px
    }

.tweet_list {
    background: url(../images/sitepro/icons/twitter_bird_2.png) 0 0 no-repeat;
    padding: 5px 0 0 45px
}

    .tweet_list li {
        padding: 5px;
        margin-bottom: 5px;
        overflow: hidden;
        border-radius: 3px;
        background: -webkit-linear-gradient(top,white,#e0e0e0);
        background: -moz-linear-gradient(top,white,#e0e0e0);
        background: -ms-linear-gradient(top,white,#e0e0e0);
        background: -o-linear-gradient(top,white,#e0e0e0);
        background: linear-gradient(top,white,#e0e0e0);
        -pie-background: linear-gradient(top,white,#e0e0e0);
        box-shadow: 0 1px 2px rgba(0,0,0,.3),inset 0 0 3px #fff
    }

        .tweet_list li a {
            font-weight: bold;
            color: #666
        }

.flash-video {
    position: relative;
    z-index: 10
}

.audio-player {
    padding: 0 0 0 2em
}

#intro-box {
    width: 700px;
    height: 407px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -180px;
    border-radius: 10px;
    background: -webkit-linear-gradient(top,white,#e0e0e0);
    background: -moz-linear-gradient(top,white,#e0e0e0);
    background: -ms-linear-gradient(top,white,#e0e0e0);
    background: -o-linear-gradient(top,white,#e0e0e0);
    background: linear-gradient(top,white,#e0e0e0);
    -pie-background: linear-gradient(top,white,#e0e0e0);
    background: #fff;
    box-shadow: 0 2px 3px rgba(0,0,0,.3),inset 0 0 3px #fff
}

    #intro-box .inside {
        padding: 20px 50px 0;
        height: 387px;
        position: relative
    }

    #intro-box .alignright {
        position: absolute;
        bottom: 35px;
        right: 70px
    }

.intro-video {
    position: absolute;
    top: 60px;
    left: 70px;
    overflow: hidden;
    height: 264px;
    width: 460px
}

    .intro-video iframe {
        height: 264px;
        width: 460px;
        position: relative
    }

.likebox_pad {
    padding-bottom: 20px !important
}

.likebox_pad2 {
    padding-top: 32px !important
}

.dialog-pad {
    padding: 0 0 20px
}

.slide-down-box {
    position: relative;
    z-index: 101
}

    .slide-down-box dt {
        display: block;
        border: 1px solid #DDD;
        border-radius: 3px;
        text-shadow: 0 1px 1px white;
        box-shadow: 0 1px 1px #fff;
        font: bold 11px Sans-Serif;
        padding: 6px 10px;
        white-space: nowrap;
        vertical-align: middle;
        color: #666;
        background: transparent;
        cursor: pointer;
        border-color: #ddd;
        background: -webkit-linear-gradient(top,white,#e0e0e0);
        background: -moz-linear-gradient(top,white,#e0e0e0);
        background: -ms-linear-gradient(top,white,#e0e0e0);
        background: -o-linear-gradient(top,white,#e0e0e0);
        background: linear-gradient(top,white,#e0e0e0);
        -pie-background: linear-gradient(top,white,#e0e0e0);
        box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff
    }

        .slide-down-box dt:hover {
            box-shadow: inset 0 0 3px #fff;
            border-color: #999;
            text-decoration: none
        }

        .slide-down-box dt.active {
            border: 1px solid #AAA;
            border-bottom-color: #CCC;
            border-top-color: #999;
            box-shadow: inset 0 1px 2px #aaa;
            background: -webkit-linear-gradient(top,#e6e6e6,gainsboro);
            background: -moz-linear-gradient(top,#e6e6e6,gainsboro);
            background: -ms-linear-gradient(top,#e6e6e6,gainsboro);
            background: -o-linear-gradient(top,#e6e6e6,gainsboro)
        }

        .slide-down-box dt span {
            display: inline-block;
            width: 11px;
            height: 11px;
            background: url(../images/sitepro/misc-plus.png) 0 0 no-repeat;
            margin: 2px 6px 0 0
        }

        .slide-down-box dt.active span {
            background: url(../images/sitepro/misc-minus.png) 0 0 no-repeat
        }

    .slide-down-box dd {
        display: none;
        padding: 15px 15px;
        margin: 3px 0 0 0;
        background: #fff;
        border-radius: 5px;
        position: relative;
        box-shadow: inset 0 1px 1px rgba(170,170,170,.8);
        border: 1px solid #AAA;
        border-bottom-color: #CCC;
        border-top-color: #999
    }

    .slide-down-box.absol dd {
        position: absolute;
        top: 27px;
        left: 0;
        z-index: 99;
        width: auto
    }

.slide-down-pad {
    padding: 5px 0
}

.car-wrapper {
    position: relative
}

.carousel {
    overflow: hidden;
    margin-left: 36px
}

    .carousel li {
        margin-right: 10px;
        display: block;
        float: left;
        width: 210px;
        height: 168px;
        position: relative;
        overflow: hidden
    }

.car-wrapper .btn.next, .car-wrapper .btn.prev {
    position: absolute;
    top: 64px;
    padding: 5px 3px;
    border-radius: 3px;
    width: 19px;
    height: 16px;
    display: block
}

.car-wrapper .btn.prev {
    left: 0
}

.car-wrapper .btn.next {
    right: 0
}

.buttons_pad {
    padding: 15px 0 0 0
}

.style_1 {
    display: inline-block;
    background-color: #ba2323;
    padding: 10px;
    position: relative;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #666;
    border: solid 1px #999;
    border-radius: 5px
}

    .style_1:active {
        padding-bottom: 9px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 11px;
        top: 1px
    }

    .style_1::before {
        background-color: #e1e3e6;
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 8px;
        left: -8px;
        top: -8px;
        z-index: -1;
        border-radius: 5px;
        box-shadow: inset 0 1px 1px #909193,0px 1px 0 #fff
    }

    .style_1.danger {
        border: solid 1px #bd362f
    }

    .style_1.success {
        border: solid 1px #51a351
    }

    .style_1.inf {
        border: solid 1px #2f96b4
    }

    .style_1.warning {
        border: solid 1px #f89406
    }

.style_2 {
    background-color: #525252;
    padding: 10px;
    position: relative;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #666;
    box-shadow: inset 0 1px 0 #fff,0px 3px 0 #666;
    border-radius: 5px
}

    .style_2:active {
        top: 7px;
        box-shadow: inset 0 1px 0 #fff,inset 0 -1px 0 #999
    }

    .style_2::before {
        background-color: #525252;
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        padding-left: 2px;
        padding-right: 2px;
        padding-bottom: 4px;
        left: -2px;
        top: 2px;
        z-index: -1;
        border-radius: 6px;
        box-shadow: 0 1px 0 #fff
    }

    .style_2:active::before {
        top: -2px
    }

    .style_2.success {
        background-color: #6fba26;
        box-shadow: inset 0 1px 0 #b2f17f,0px 3px 0 #3d6f0d
    }

        .style_2.success::before {
            background-color: #1a5611
        }

        .style_2.success:active {
            top: 7px;
            box-shadow: inset 0 1px 0 #b2f17f,inset 0 -1px 0 #3d6f0d
        }

    .style_2.warning {
        background-color: #99581f;
        box-shadow: inset 0 1px 0 #f5b951,0px 3px 0 #bd6315
    }

        .style_2.warning::before {
            background-color: #99581f
        }

        .style_2.warning:active {
            top: 7px;
            box-shadow: inset 0 1px 0 #f5b951,inset 0 -1px 0 #99581f
        }

    .style_2.danger {
        background-color: #590e0c;
        box-shadow: inset 0 1px 0 #ff9f9c,0px 3px 0 #8f110d
    }

        .style_2.danger::before {
            background-color: #590e0c
        }

        .style_2.danger:active {
            top: 7px;
            box-shadow: inset 0 1px 0 #ff9f9c,inset 0 -1px 0 #8f110d
        }

    .style_2.inf {
        background-color: #034354;
        box-shadow: inset 0 1px 0 #91e7ff,0px 3px 0 #0d6b85
    }

        .style_2.inf::before {
            background-color: #034354
        }

        .style_2.inf:active {
            top: 7px;
            box-shadow: inset 0 1px 0 #91e7ff,inset 0 -1px 0 #0d6b85
        }

.style_3 {
    background-color: #3bb3e0;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #666;
    position: relative;
    padding: 9px 20px;
    border-left: solid 1px #4d4b4d;
    text-shadow: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-left: 35px;
    background: -webkit-linear-gradient(top,white,#e0e0e0);
    background: -moz-linear-gradient(top,white,#e0e0e0);
    background: -ms-linear-gradient(top,white,#e0e0e0);
    background: -o-linear-gradient(top,white,#e0e0e0);
    background: linear-gradient(top,white,#e0e0e0);
    box-shadow: inset 0 1px 0 #fff,0px 5px 0 0 #212121,0px 10px 5px #999
}

    .style_3:hover {
        text-decoration: none;
        box-shadow: inset 0 1px 0 #fff,0px 5px 0 0 #212121,0px 10px 5px #999
    }

    .style_3:active {
        top: 3px;
        box-shadow: inset 0 1px 0 #fff,0px 2px 0 0 #212121,0px 5px 3px #999
    }

    .style_3::before {
        content: "1";
        text-align: center;
        width: 35px;
        max-height: 27px;
        height: 100%;
        position: absolute;
        display: block;
        padding-top: 8px;
        top: -1px;
        left: -36px;
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        border-right: solid 1px #4d4b4d;
        background-color: #666;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        box-shadow: inset 0 1px 0 #999,0px 5px 0 0 #212121,0px 10px 5px #999
    }

    .style_3:active::before {
        top: -4px;
        box-shadow: inset 0 1px 0 #999,0px 5px 0 0 #212121,1px 1px 0 0 #454545,2px 2px 0 0 #454545,2px 5px 0 0 #212121,6px 4px 2px rgba(0,0,0,.5),0px 10px 5px #999
    }

    .style_3.inf {
        border-left: solid 1px #2ab7ec;
        box-shadow: inset 0 1px 0 #2ab7ec,0px 5px 0 0 #156785,0px 10px 5px #999;
        background-color: #49afcd;
        background-image: -moz-linear-gradient(top,#5bc0de,#2f96b4);
        background-image: -ms-linear-gradient(top,#5bc0de,#2f96b4);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4));
        background-image: -webkit-linear-gradient(top,#5bc0de,#2f96b4);
        background-image: -o-linear-gradient(top,#5bc0de,#2f96b4);
        background-image: linear-gradient(top,#5bc0de,#2f96b4);
        -pie-background: linear-gradient(#5bc0de,#2f96b4)
    }

        .style_3.inf:active {
            box-shadow: inset 0 1px 0 #2ab7ec,0px 2px 0 0 #156785,0px 5px 3px #999
        }

        .style_3.inf::before {
            box-shadow: inset 0 1px 0 #2ab7ec,0px 5px 0 0 #032b3a,0px 10px 5px #999;
            border-right: solid 1px #07526e;
            color: #8fd1ea;
            background-image: -webkit-linear-gradient(bottom,#0a5e7d 0,#0e8bb8 100%);
            background-image: -moz-linear-gradient(bottom,#0a5e7d 0,#0e8bb8 100%);
            background-image: -ms-linear-gradient(bottom,#0a5e7d 0,#0e8bb8 100%);
            background-image: -o-linear-gradient(bottom,#0a5e7d 0,#0e8bb8 100%);
            background-image: linear-gradient(bottom,#0a5e7d 0,#0e8bb8 100%)
        }

        .style_3.inf:active::before {
            box-shadow: inset 0 1px 0 #2ab7ec,0px 5px 0 0 #032b3a,1px 1px 0 0 #044a64,2px 2px 0 0 #044a64,2px 5px 0 0 #044a64,6px 4px 2px #0b698b,0px 10px 5px #999
        }

    .style_3.danger {
        border-left: solid 1px #2ab7ec;
        box-shadow: inset 0 1px 0 #ee5f5b,0px 5px 0 0 #570e0b,0px 10px 5px #999;
        background-color: #da4f49;
        background-image: -moz-linear-gradient(top,#ee5f5b,#bd362f);
        background-image: -ms-linear-gradient(top,#ee5f5b,#bd362f);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f));
        background-image: -webkit-linear-gradient(top,#ee5f5b,#bd362f);
        background-image: -o-linear-gradient(top,#ee5f5b,#bd362f);
        background-image: linear-gradient(top,#ee5f5b,#bd362f)
    }

        .style_3.danger:active {
            box-shadow: inset 0 1px 0 #ee5f5b,0px 2px 0 0 #570e0b,0px 5px 3px #999;
            border-top: 1px solid #ff7373
        }

        .style_3.danger::before {
            box-shadow: inset 0 1px 0 #ffa7a6,0px 5px 0 0 #570e0b,0px 10px 5px #999;
            border-right: solid 1px #bd362f;
            color: #fac3c3;
            background-color: #da4f49;
            background-image: -moz-linear-gradient(top,#ee5f5b,#bd362f);
            background-image: -ms-linear-gradient(top,#ee5f5b,#bd362f);
            background-image: -webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f));
            background-image: -webkit-linear-gradient(top,#ee5f5b,#bd362f);
            background-image: -o-linear-gradient(top,#ee5f5b,#bd362f);
            background-image: linear-gradient(top,#ee5f5b,#bd362f)
        }

        .style_3.danger:active::before {
            box-shadow: inset 0 1px 0 #ffa7a6,0px 5px 0 0 #570e0b,1px 1px 0 0 #570e0b,2px 2px 0 0 #570e0b,2px 5px 0 0 #570e0b,6px 4px 2px rgba(0,0,0,.5),0px 10px 5px #999
        }

    .style_3.success {
        border-left: solid 1px #51a351;
        box-shadow: inset 0 1px 0 #62c462,0px 5px 0 0 #125912,0px 10px 5px #999;
        background-color: #62c462;
        background-image: -moz-linear-gradient(top,#62c462,#51a351);
        background-image: -ms-linear-gradient(top,#62c462,#51a351);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));
        background-image: -webkit-linear-gradient(top,#62c462,#51a351);
        background-image: -o-linear-gradient(top,#62c462,#51a351);
        background-image: linear-gradient(top,#62c462,#51a351)
    }

        .style_3.success:active {
            box-shadow: inset 0 1px 0 #62c462,0px 2px 0 0 #125912,0px 5px 3px #999;
            border-top: 1px solid #62c462
        }

        .style_3.success::before {
            box-shadow: inset 0 1px 0 #89f589,0px 5px 0 0 #125912,0px 10px 5px #999;
            border-right: solid 1px #51a351;
            color: #c7fcc7;
            background-color: #62c462;
            background-image: -moz-linear-gradient(top,#62c462,#51a351);
            background-image: -ms-linear-gradient(top,#62c462,#51a351);
            background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));
            background-image: -webkit-linear-gradient(top,#62c462,#51a351);
            background-image: -o-linear-gradient(top,#62c462,#51a351);
            background-image: linear-gradient(top,#62c462,#51a351)
        }

        .style_3.success:active::before {
            box-shadow: inset 0 1px 0 #62c462,0px 5px 0 0 #125912,1px 1px 0 0 #125912,2px 2px 0 0 #125912,2px 5px 0 0 #125912,6px 4px 2px rgba(0,0,0,.5),0px 10px 5px #999
        }

    .style_3.warning {
        border-left: solid 1px #f89406;
        box-shadow: inset 0 1px 0 #fbb450,0px 5px 0 0 #82510d,0px 10px 5px #999;
        background-color: #faa732;
        background-image: -moz-linear-gradient(top,#fbb450,#f89406);
        background-image: -ms-linear-gradient(top,#fbb450,#f89406);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));
        background-image: -webkit-linear-gradient(top,#fbb450,#f89406);
        background-image: -o-linear-gradient(top,#fbb450,#f89406);
        background-image: linear-gradient(top,#fbb450,#f89406)
    }

        .style_3.warning:active {
            box-shadow: inset 0 1px 0 #fbb450,0px 2px 0 0 #82510d,0px 5px 3px #999;
            border-top: 1px solid #fbb450
        }

        .style_3.warning::before {
            box-shadow: inset 0 1px 0 #fbb450,0px 5px 0 0 #82510d,0px 10px 5px #999;
            border-right: solid 1px #f89406;
            color: #ffeed6;
            background-color: #faa732;
            background-image: -moz-linear-gradient(top,#fbb450,#f89406);
            background-image: -ms-linear-gradient(top,#fbb450,#f89406);
            background-image: -webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));
            background-image: -webkit-linear-gradient(top,#fbb450,#f89406);
            background-image: -o-linear-gradient(top,#fbb450,#f89406);
            background-image: linear-gradient(top,#fbb450,#f89406)
        }

        .style_3.warning:active::before {
            box-shadow: inset 0 1px 0 #fbb450,0px 5px 0 0 #82510d,1px 1px 0 0 #82510d,2px 2px 0 0 #82510d,2px 5px 0 0 #82510d,6px 4px 2px rgba(0,0,0,.5),0px 10px 5px #999
        }

.style_4 {
    background-color: #4b3f39;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #666;
    text-shadow: none;
    position: relative;
    padding: 10px 20px;
    padding-right: 50px;
    border-radius: 5px;
    border: 0;
    box-shadow: 0 5px 0 0 #212121,0px 10px 5px #999;
    border-top: 1px solid #eee
}

    .style_4:active {
        top: 3px;
        box-shadow: 0 2px 0 0 #212121,0px 5px 3px #999
    }

    .style_4::before {
        background-color: #666;
        background-image: url(../images/sitepro/right_arrow.png);
        background-repeat: no-repeat;
        background-position: center center;
        content: "";
        width: 20px;
        height: 20px;
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -9px;
        border-radius: 50%;
        box-shadow: inset 0 1px 0 #19120f,0px 1px 0 #827066
    }

    .style_4:hover {
        text-decoration: none;
        box-shadow: 0 5px 0 0 #212121,0px 10px 5px #999
    }

    .style_4:active:hover {
        box-shadow: 0 2px 0 0 #212121,0px 10px 5px #999
    }

    .style_4:active::before {
        top: 50%;
        margin-top: -12px;
        box-shadow: 0 3px 0 #19120f,0px 6px 3px #382e29
    }

    .style_4.inf {
        box-shadow: 0 5px 0 0 #1e4b57,0px 10px 5px #999
    }

        .style_4.inf:active {
            box-shadow: 0 2px 0 0 #1e4b57,0px 5px 3px #999
        }

        .style_4.inf::before {
            background-color: #14748f
        }

        .style_4.inf:active::before {
            box-shadow: 0 3px 0 #1e4b57,0px 6px 3px #382e29
        }

        .style_4.inf:active:hover {
            box-shadow: 0 2px 0 0 #1e4b57
        }

    .style_4.danger {
        box-shadow: 0 5px 0 0 #701714,0px 10px 5px #999
    }

        .style_4.danger:active {
            box-shadow: 0 2px 0 0 #701714,0px 5px 3px #999
        }

        .style_4.danger::before {
            background-color: #bd362f
        }

        .style_4.danger:active:hover {
            box-shadow: 0 2px 0 0 #701714
        }

        .style_4.danger:active::before {
            box-shadow: 0 3px 0 #701714,0px 6px 3px #382e29
        }

    .style_4.success {
        box-shadow: 0 5px 0 0 #1e661e,0px 10px 5px #999
    }

        .style_4.success:active {
            box-shadow: 0 2px 0 0 #1e661e,0px 5px 3px #999
        }

        .style_4.success::before {
            background-color: #229422
        }

        .style_4.success:active:hover {
            box-shadow: 0 2px 0 0 #1e661e
        }

        .style_4.success:active::before {
            box-shadow: 0 3px 0 #1e661e,0px 6px 3px #382e29
        }

    .style_4.warning {
        box-shadow: 0 5px 0 0 #8a6530,0px 10px 5px #999
    }

        .style_4.warning:active {
            box-shadow: 0 2px 0 0 #8a6530,0px 5px 3px #999
        }

        .style_4.warning::before {
            background-color: #d18822
        }

        .style_4.warning:active:hover {
            box-shadow: 0 2px 0 0 #8a6530
        }

        .style_4.warning:active::before {
            box-shadow: 0 3px 0 #8a6530,0px 6px 3px #382e29
        }

    .style_1.danger, .style_1.success, .style_1.inf, .style_1.warning, .style_2.danger, .style_2.success, .style_2.inf, .style_2.warning, .style_3.danger, .style_3.success, .style_3.inf, .style_3.warning, .style_4.danger, .style_4.success, .style_4.inf, .style_4.warning {
        color: #fff
    }

.text-shadow {
    padding: 1em;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.4em;
    box-shadow: inset 0 0 20px rgba(0,0,0,.1)
}

.pad-shadow {
    padding: 10px 0
}

    .pad-shadow div.lifted {
        border-radius: 5px
    }

.lifted {
    position: relative;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3)
}

    .lifted:before, .lifted:after {
        content: "";
        position: absolute;
        z-index: -2;
        bottom: 15px;
        left: 10px;
        width: 50%;
        height: 20%;
        -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.7);
        -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.7);
        box-shadow: 0 15px 10px rgba(0,0,0,0.7);
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }

    .lifted:after {
        right: 10px;
        left: auto;
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg)
    }

.curled {
    position: relative;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
    border-radius: 0 0 120px 120px / 0 0 6px 6px
}

    .curled:before, .curled:after {
        content: "";
        position: absolute;
        z-index: -2;
        bottom: 12px;
        left: 10px;
        width: 50%;
        height: 55%;
        max-width: 200px;
        -webkit-box-shadow: 0 8px 12px rgba(0,0,0,0.5);
        -moz-box-shadow: 0 8px 12px rgba(0,0,0,0.5);
        box-shadow: 0 8px 12px rgba(0,0,0,0.5);
        -webkit-transform: skew(-8deg) rotate(-3deg);
        -moz-transform: skew(-8deg) rotate(-3deg);
        -ms-transform: skew(-8deg) rotate(-3deg);
        -o-transform: skew(-8deg) rotate(-3deg);
        transform: skew(-8deg) rotate(-3deg)
    }

    .curled:after {
        right: 10px;
        left: auto;
        -webkit-transform: skew(8deg) rotate(3deg);
        -moz-transform: skew(8deg) rotate(3deg);
        -ms-transform: skew(8deg) rotate(3deg);
        -o-transform: skew(8deg) rotate(3deg);
        transform: skew(8deg) rotate(3deg)
    }

.perspective {
    position: relative;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3)
}

    .perspective:before, .perspective:after {
        content: "";
        position: absolute;
        z-index: -2
    }

    .perspective:before {
        left: 80px;
        bottom: 5px;
        width: 50%;
        height: 35%;
        max-width: 200px;
        box-shadow: -80px 0 8px rgba(0,0,0,0.4);
        -webkit-transform: skew(50deg);
        -moz-transform: skew(50deg);
        -ms-transform: skew(50deg);
        -o-transform: skew(50deg);
        transform: skew(50deg);
        -webkit-transform-origin: 0 100%;
        -moz-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
        -o-transform-origin: 0 100%;
        transform-origin: 0 100%
    }

    .perspective:after {
        display: none
    }

.raised {
    position: relative;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
    box-shadow: 0 7px 5px -5px rgba(0,0,0,0.3),0 1px 4px rgba(0,0,0,0.3)
}

    .raised:before, .raised:after {
        content: "";
        position: absolute;
        z-index: -2
    }

.curved-vt-2 {
    position: relative;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3)
}

    .curved-vt-2:before, .curved-vt-2:after {
        content: "";
        position: absolute;
        z-index: -2
    }

    .curved-vt-2:before {
        top: 10px;
        bottom: 10px;
        left: 0;
        right: 0;
        box-shadow: 0 0 8px rgba(0,0,0,0.6);
        border-radius: 10px / 100px
    }

.curved-hz-2 {
    position: relative;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3)
}

    .curved-hz-2:before, .curved-hz-2:after {
        content: "";
        position: absolute;
        z-index: -2
    }

    .curved-hz-2:before {
        top: 0;
        bottom: 0;
        left: 10px;
        right: 10px;
        box-shadow: 0 0 7px rgba(0,0,0,0.6);
        border-radius: 100px / 10px
    }

.lightbox-image {
    position: relative;
    overflow: hidden;
    display: inline-block;
    z-index: 99
}

    .lightbox-image img {
        position: relative;
        z-index: 2;
        background: #f1f1f1
    }

    .lightbox-image span {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url(../images/sitepro/magnifying-glass.png) no-repeat 50% 50%;
        z-index: 1
    }

.video .lightbox-image span {
    background: url(../images/sitepro/icons/play_video.png) no-repeat 50% 50%;
    z-index: 3;
    opacity: .8
}

.video .lightbox-image:hover span {
    opacity: 1
}

.video {
    z-index: 99;
    position: relative
}

.range_slider {
    background: #999;
    height: 5px;
    position: relative;
    cursor: pointer;
    border: 1px solid #333;
    width: 200px;
    float: left;
    clear: right;
    margin-top: 10px;
    border-radius: 5px;
    box-shadow: inset 0 0 8px #000
}

.progress {
    height: 5px;
    background-color: #c5ff00;
    display: none;
    opacity: .6
}

.handle {
    background: #fff;
    height: 15px;
    width: 15px;
    top: -7px;
    position: absolute;
    display: block;
    margin-top: 1px;
    border: 1px solid #000;
    cursor: move;
    box-shadow: 0 0 3px rgba(0,0,0,.5);
    border-radius: 14px
}

.range {
    border: 1px inset #ddd;
    float: left;
    font-size: 20px;
    margin: 0 15px 0 10px !important;
    padding: 5px 5px !important;
    text-align: center;
    width: 25px !important;
    border-radius: 5px
}

.pad_description {
    padding: 18px 0 0
}

.padtop-title {
    padding-top: 10px !important
}

.address-pad {
    padding-bottom: 15px
}

#advanced {
    position: relative;
    z-index: 998;
    width: 100%;
    height: 42px;
    top: 0;
    left: 0
}

    #advanced .bg_pro {
        height: 39px;
        border-top: 1px solid #292929;
        border-bottom: 2px solid #3a3a3a;
        background: url(../images/sitepro/panel_bg.png) 0 0 repeat-x
    }

    #advanced .pro_logo {
        background: url(../images/sitepro/pro-logo.png) 0 0 no-repeat;
        display: block;
        width: 62px;
        height: 23px;
        float: left
    }

    #advanced .pro_main {
        width: 940px;
        margin: 6px auto
    }

    #advanced span.trigger {
        display: block;
        position: absolute;
        background: url(../images/sitepro/pro_button.png) 0 0 no-repeat;
        width: 42px;
        height: 42px;
        right: 0;
        bottom: -42px;
        cursor: pointer
    }

        #advanced span.trigger strong {
            display: block;
            background: url(../images/sitepro/plus-minus.png) 0 0 no-repeat;
            width: 11px;
            height: 11px;
            position: absolute;
            right: 7px;
            bottom: 24px;
            opacity: 0
        }

    #advanced.closed span.trigger strong {
        opacity: 1
    }

    #advanced span.trigger em {
        display: block;
        background: url(../images/sitepro/plus-minus.png) -11px 0 no-repeat;
        width: 11px;
        height: 11px;
        position: absolute;
        right: 7px;
        bottom: 24px
    }
/*ui/custom/jquery-ui-1.8.23.custom.css*/
.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px,1px,1px,1px);
}

.ui-helper-reset {
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    zoom: 1;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-state-disabled {
    cursor: default !important;
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-image: url(ui/custom/images/ui-icons_222222_256x240.png);
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #aaa url(ui/custom/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
}

.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 {
    border: 1px solid #aaa;
    background: #fff url(ui/custom/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222;
}

.ui-widget-header {
    border: 1px solid #aaa;
    background: #ccc url(ui/custom/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222;
    font-weight: 700;
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid #d3d3d3;
        background: #e6e6e6 url(ui/custom/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
        font-weight: 400;
        color: #555;
    }

        .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
            color: #555;
            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 {
        border: 1px solid #999;
        background: #dadada url(ui/custom/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
        font-weight: 400;
        color: #212121;
    }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        border: 1px solid #aaa;
        background: #fff url(ui/custom/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
        font-weight: 400;
        color: #212121;
    }

.ui-widget:active {
    outline: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(ui/custom/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(ui/custom/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: 700;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

.ui-state-default .ui-icon {
    background-image: url(ui/custom/images/ui-icons_888888_256x240.png);
}

.ui-state-highlight .ui-icon {
    background-image: url(ui/custom/images/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(ui/custom/images/ui-icons_cd0a0a_256x240.png);
}

.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-off {
    background-position: -96px -144px;
}

.ui-icon-radio-on {
    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-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;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.ui-widget-shadow {
    background: #aaa url(ui/custom/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin: -8px 0 0 -8px;
    padding: 8px;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
}

.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-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000;
}

.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1;
}

.ui-accordion .ui-accordion-li-fix {
    display: inline;
}

.ui-accordion .ui-accordion-header-active {
    border-bottom: 0 !important;
}

.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: .5em .5em .5em .7em;
}

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1;
    padding: 1em 2.2em;
}

.ui-accordion .ui-accordion-content-active {
    display: block;
}

.ui-autocomplete {
    position: absolute;
    cursor: default;
}

* html .ui-autocomplete {
    width: 1px;
}

.ui-menu {
    list-style: none;
    display: block;
    float: left;
    margin: 0;
    padding: 2px;
}

    .ui-menu .ui-menu {
        margin-top: -3px;
    }

    .ui-menu .ui-menu-item {
        zoom: 1;
        float: left;
        clear: left;
        width: 100%;
        margin: 0;
        padding: 0;
    }

        .ui-menu .ui-menu-item a {
            text-decoration: none;
            display: block;
            line-height: 1.5;
            zoom: 1;
            padding: .2em .4em;
        }

            .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
                font-weight: 400;
                margin: -1px;
            }

.ui-button {
    display: inline-block;
    position: relative;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
    padding: 0;
}

.ui-button-icon-only {
    width: 2.2em;
}

button.ui-button-icon-only {
    width: 2.4em;
}

.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

.ui-button .ui-button-text {
    display: block;
    line-height: 1.4;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    text-indent: -9999999px;
    padding: .4em;
}

.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;
}

.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-buttonset {
    margin-right: 7px;
}

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em;
    }

button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-dialog {
    position: absolute;
    width: 300px;
    overflow: hidden;
    padding: .2em;
}

    .ui-dialog .ui-dialog-titlebar {
        position: relative;
        padding: .4em 1em;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 16px .1em 0;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 19px;
        height: 18px;
        margin: -10px 0 0;
        padding: 1px;
    }

        .ui-dialog .ui-dialog-titlebar-close span {
            display: block;
            margin: 1px;
        }

        .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
            padding: 0;
        }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        background: none;
        overflow: auto;
        zoom: 1;
        padding: .5em 1em;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        background-image: none;
        border-width: 1px 0 0;
        margin: .5em 0 0;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane button {
            cursor: pointer;
            margin: .5em .4em .5em 0;
        }

    .ui-dialog .ui-resizable-se {
        width: 14px;
        height: 14px;
        right: 3px;
        bottom: 3px;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .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-tabs {
    position: relative;
    zoom: 1;
    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: 1px;
            border-bottom: 0 !important;
            white-space: nowrap;
            margin: 0 .2em 1px 0;
            padding: 0;
        }

            .ui-tabs .ui-tabs-nav li a {
                float: left;
                text-decoration: none;
                padding: .5em 1em;
            }

            .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
                margin-bottom: 0;
                padding-bottom: 1px;
            }

                .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
                    cursor: text;
                }

            .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
                cursor: pointer;
            }

    .ui-tabs .ui-tabs-panel {
        display: block;
        background: none;
        border-width: 0;
        padding: 1em 1.4em;
    }

    .ui-tabs .ui-tabs-hide {
        display: none !important;
    }

.ui-datepicker {
    width: 17em;
    display: none;
    padding: .2em .2em 0;
}

    .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 {
        line-height: 1.8em;
        text-align: center;
        margin: 0 2.3em;
    }

        .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: 49%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        text-align: center;
        font-weight: 700;
        border: 0;
        padding: .7em .3em;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            text-align: right;
            text-decoration: none;
            padding: .2em;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        margin: .7em 0 0;
        padding: 0 .2em;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            cursor: pointer;
            width: auto;
            overflow: visible;
            margin: .5em .2em .4em;
            padding: .2em .6em .3em;
        }

    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.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-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

.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-cover {
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        height: 100%;
        margin: -1px;
    }

.ui-helper-hidden, .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-widget-content a, .ui-widget-header a {
    color: #222;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #212121;
    text-decoration: none;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}

.ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
    background-image: url(ui/custom/images/ui-icons_222222_256x240.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-active .ui-icon {
    background-image: url(ui/custom/images/ui-icons_454545_256x240.png);
}

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

.ui-accordion, .ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}

.ui-button-text-only .ui-button-text, input.ui-button {
    padding: .4em 1em;
}

.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, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset, .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.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-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;
}
/*js/ui/jquery.ui.timepicker.css*/
.ui-timepicker-inline {
    display: inline;
}

#ui-timepicker-div {
    background-color: #fff;
    font-size: 10pt;
    padding: .2em;
}

.ui-timepicker-table {
    display: inline-table;
    width: 0;
    font-size: 8pt;
}

    .ui-timepicker-table table {
        border-collapse: collapse;
        font-size: 8pt;
        margin: .15em 0 0;
    }

.ui-timepicker-hours, .ui-timepicker-minutes {
    padding: .2em;
}

.ui-timepicker-table .ui-timepicker-title {
    line-height: 1.8em;
    text-align: center;
}

.ui-timepicker-table td span {
    display: block;
    width: 1.2em;
    text-align: right;
    text-decoration: none;
    padding: .2em .3em .2em .5em;
}

.ui-timepicker-table td a {
    display: block;
    cursor: pointer;
    text-align: right;
    text-decoration: none;
    padding: .2em .3em .2em .5em;
}

.ui-timepicker .ui-timepicker-buttonpane {
    background-image: none;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    margin: .7em 0 0;
    padding: 0 .2em;
}

    .ui-timepicker .ui-timepicker-buttonpane button {
        cursor: pointer;
        width: auto;
        overflow: visible;
        margin: .5em .2em .4em;
        padding: .2em .6em .3em;
    }

.ui-timepicker .ui-timepicker-close {
    float: right;
}

.ui-timepicker-cover {
    display: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px;
}

.ui-timepicker-table td, .ui-timepicker-table th.periods {
    width: 2.2em;
    padding: .1em;
}

.ui-timepicker .ui-timepicker-now, .ui-timepicker .ui-timepicker-deselect {
    float: left;
}
/*superfish.css*/
.sf-menu, .sf-menu * {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sf-menu {
    line-height: 1.0;
    float: left;
    margin-bottom: 1em;
    font-size: 10pt;
}

    .sf-menu ul {
        position: absolute;
        top: -999em;
        width: 10em;
    }

        .sf-menu ul li {
            width: 100%;
        }

    .sf-menu li:hover {
        visibility: inherit;
    }

    .sf-menu li {
        float: left;
        position: relative;
    }

    .sf-menu a {
        display: block;
        position: relative;
    }

    .sf-menu li:hover ul, .sf-menu li.sfHover ul {
        left: 0;
        top: 2.5em;
        z-index: 99;
    }

    .sf-menu a, .sf-menu a:link {
        border: 1px solid transparent;
        text-decoration: none;
        padding: 8px;
    }

        .sf-menu a:hover {
            border: 1px solid transparent;
        }

    .sf-menu li ul {
        margin-top: -4px;
    }

        .sf-menu li ul li ul {
            margin-top: 0;
        }

    .sf-menu li li {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    }

    .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
        outline: 0;
    }

    .sf-menu a.sf-with-ul {
        color: #fff;
        min-width: 1px;
    }

.sf-sub-indicator {
    position: absolute;
    display: block;
    right: .75em;
    top: 1.05em;
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden;
    background: url(../templates/tt8/arrows-ffffff.png) no-repeat -10px -100px;
}

a > .sf-sub-indicator {
    top: .8em;
    background-position: 0 -100px;
}

a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px;
}

.sf-menu ul a > .sf-sub-indicator {
    background-position: 0 0;
}

.sf-shadow ul {
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}

    .sf-shadow ul.sf-shadow-off {
        background: transparent;
    }

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul, ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul, ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
    left: 10em;
    top: 0;
}

.sf-menu ul .sf-sub-indicator, .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0;
}
/*From tt9.master*/
#subNav {
    width: 100%
}

.menuScroll {
    position: fixed;
    top: 35px
}

#eFoot {
    width: 35%;
    float: left;
    box-sizing: border-box;
}

#sincFoot {
    width: 35%;
    float: left;
    box-sizing: border-box;
}

#sincLogo {
    width: 30%;
    float: left;
    box-sizing: border-box;
}

.fContents {
    padding: 10px
}

.sf-menu {
    float: left;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    font-size: 10pt
}

ul.sf-menu li ul {
    -moz-box-shadow: 0 1px 8px #333;
    -webkit-box-shadow: 0 1px 8px #333;
    width: 180px;
    opacity: .95
}

li.cOuter {
    list-style: none;
}

#subMenu, #subMenu li {
    width: 100%;
}

    #subMenu li a, #subMenu li a:link, #subMenu li a:visited {
        text-decoration: none;
    }

#subMenu {
    margin: 0 0 15px 0 !important;
}

#banner {
    margin-top: 45px;
}

.btns {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btns-primary {
    background-color: #015CAB;
    color: #fff !important;
}

    .btns-primary:hover {
        color: #fff;
        background-color: #014f93;
        text-decoration: none;
    }

.btns-secondary {
    background-color: #a90c0c;
    color: #fff !important;
}

    .btns-secondary:hover {
        background-color: #c50f0f;
        text-decoration: none;
        color: #fff;
    }

.btns-dim {
    background-color: #E1E1E1;
    color: #000 !important;
}

    .btns-dim:hover {
        background-color: #D9D9D9;
        text-decoration: none !important;
        color: #000 !important;
    }

.btns-black {
    background-color: #000000;
    color: #FFF !important;
}

.btns-dim:hover {
    background-color: #D9D9D9;
    text-decoration: none !important;
    color: #FFF !important;
}

.btns-block {
    display: block;
    width: 100%;
}

.text-left {
    text-align: left;
}

a#powered img.bs {
    width: 148px;
    height: 97px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    a#powered img.bs:hover {
        width: 138px;
        height: 90px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

a.usa_lnk {
    float: right;
    display: block;
    width: 110px;
    height: 110px;
    margin-left: 6px;
}

img.usalogo {
    border: 0;
    height: 110px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    img.usalogo:hover {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        height: 100px;
    }

#bottom {
    width: 100%;
    color: #ddd;
    background-color: #000;
}

    #bottom a, #bottom a:link, #bottom a:hover, #bottom a:visited {
        color: #ddd;
        text-decoration: none;
    }

    #bottom div {
        padding: 10px;
        text-align: left;
    }

@media not all and (min-width: 999px) {
    #page {
        width: 100%;
    }

    #thebody {
        min-height: 100%;
        min-width: 100%;
        width: 100%;
        background-color: #fff;
    }

    .eStyle, .eStyle p {
        font-family: Ubuntu Condensed;
        font-size: 13pt;
        color: #000000;
    }

    #ctl00_siteLogo img {
        width: 100%;
    }

    #banner {
        width: 100%;
    }

    #ctl00_pnlSetup {
        display: none;
    }

    #ctl00_ContentPlaceHolder1_pnlAdmin {
        display: none;
    }

    .menuScroll {
        display: none;
    }

    .bigOnly {
        display: none !important;
    }

    .sf-menu {
        margin: 0;
        width: 100%
    }

    #mainMenu {
        margin: 0px !important;
    }

    #mainMenu, #subMenu {
        background-color: #111;
    }

    .sf-menu a, .sf-menu a:link, .sf-menu a:visited {
        color: #fff !important;
    }

    .sf-menu li ul, .sf-menu li li ul, #subMenu a:focus, #subMenu a:hover, #subMenu a:active, #subMenu li.sfHover, .sf-menu .current {
        background-color: #444
    }

    .sf-menu a:hover, .sf-menu a:active {
        color: #fff !important;
    }

    .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu li.sfHover {
        background-color: #333
    }

    ul.sf-menu > li {
        width: 33%;
        text-align: center;
        float: left;
        height: 50px;
    }

    ul#mainMenu li > a {
        padding: 10px 5px 30px 5px
    }

    ul#mainMenu li ul li > a {
        padding: 8px 8px !important;
    }

    a > .sf-sub-indicator {
        display: none;
    }

    div.sect {
        width: 100% !important;
        margin: 0 !important;
    }

    #tfooter {
        background-color: #303030;
        color: #fcfcfc;
        width: 100%;
        margin: 15px auto 0 auto;
    }

        #tfooter a, #tfooter a:link, #tfooter a:hover, #tfooter a:visited, #tfooter a:active {
            color: #d6d6d6;
        }

    a#powered img.bs {
        background-image: url(/images/powered_white.png);
        background-size: 100%;
    }

    #tfooter {
        font-family: Ubuntu Condensed
    }

    #eFoot, #sincFoot {
        width: 50%;
        text-align: center;
    }

    #sincLogo {
        width: 80%;
        margin: 0 10%
    }

    #sincFoot .fContents div.fleft, #sincFoot .fContents a img.fright {
        float: none;
    }

    #banner, #navigation, #banner_wrap, div.pageArea {
        width: 100%;
    }

    #tfooter {
        min-height: 80px;
        clear: both;
        padding-top: 10px;
        padding-bottom: 22px;
        min-width: 100%;
    }

    #thebody {
        min-height: 100%;
    }

    #navwrap {
        width: 100%
    }

    #belowNavWrap img {
        width: 100%
    }

    div.controlHeader {
        background-color: #ccc;
        padding: 5px;
        font-size: 120%;
    }

    .apple_overlay {
        display: none;
        background: #333;
        color: #efefef;
        width: 90%;
        padding: 15px 2%;
        font-size: 11px;
        overflow-x: none;
        margin: 0 auto;
        overflow-y: auto;
        z-index: 10000;
        height: 374px;
        display: none;
        position: fixed;
        top: 0;
        z-index: 1001;
        margin-top: 50px;
    }

        .apple_overlay .close {
            background-image: url(/images/overlay/close.png);
            position: absolute;
            right: 5px;
            top: 5px;
            cursor: pointer;
            height: 35px;
            width: 35px
        }

    div.apple_overlay img {
        width: 50px;
    }

    .white_overlay {
        display: none;
        background-image: url(/images/overlay/white_overlay.png);
        color: #efefef;
        width: 90%;
        padding: 35px 5%;
        font-size: 11px;
        overflow-x: none;
        overflow-y: auto;
        z-index: 10000
    }

        .white_overlay .close {
            background-image: url(/images/overlay/close.png);
            position: absolute;
            right: 5px;
            top: 5px;
            cursor: pointer;
            height: 35px;
            width: 35px
        }

    .white_details {
        font-size: 12px;
        color: #333;
        width: 800px
    }

        .white_details h3 {
            color: #618f3f;
            font-weight: bold;
            font-size: 15px;
            margin: 0 0 -10px 0;
            font-family: 'Open Sans',Verdana,Arial,Helvetica,sans-serif
        }

    .simple_overlay {
        display: none;
        z-index: 10000;
        background-color: #333;
        width: 820px;
        min-height: 300px;
        border: 1px solid #666;
        -moz-box-shadow: 0 0 90px 5px #000;
        -webkit-box-shadow: 0 0 90px #000
    }

        .simple_overlay .close {
            background-image: url(/images/overlay/close.png);
            position: absolute;
            right: -15px;
            top: -15px;
            cursor: pointer;
            height: 35px;
            width: 35px
        }

    .details, .details p, .details p span {
        font-size: 12px !important;
        color: #fff;
    }

        .details h3 {
            color: #ddd;
            font-weight: bold;
            font-size: 15px;
            margin: 0 0 -10px 0
        }

    div.contentWrap {
        height: 374px;
        overflow: hidden
    }

    #overlay {
        height: 374px
    }

    #adngin-incontent_1-0 {
        width: 100%;
        min-height: 280px;
        text-align: center;
    }

    #adngin-incontent_2-0 {
        width: 100%;
        min-height: 250px;
        text-align: center;
    }
}

@media all and (min-width: 999px) {
    #page {
        width: 100%;
    }

    div.pageArea {
        width: 1000px;
        margin: 0 auto;
    }

    #banner {
        min-height: 100px;
        min-width: 1000px;
    }

    #navigation {
        min-width: 1000px;
    }

    #banner_wrap {
        width: 1000px;
        margin: 0 auto
    }

    #tfooter {
        min-height: 80px;
        clear: both;
        padding-top: 10px;
        padding-bottom: 22px;
        min-width: 1000px;
    }

    #thebody {
        min-height: 100%;
        min-width: 1200px;
    }

    #sponsor {
        float: left;
        min-height: 1px;
    }

    #content {
        min-height: 480px;
        float: left
    }

    .footerWrap {
        width: 1000px;
        margin: 0 auto
    }

    #navwrap {
        width: 1000px;
        margin: 0 auto;
    }

    #belowNavWrap {
        width: 1000px;
        margin: 0 auto;
    }

        #belowNavWrap img {
            width: 100%
        }

    .smallOnly {
        display: none;
    }

    .w17 {
        width: 17%
    }

    .w25 {
        width: 25%
    }

    .w33 {
        width: 33%;
    }

    .w50 {
        width: 50%;
    }

    .w66 {
        width: 66%;
    }

    .w75 {
        width: 75%;
    }

    .fr {
        float: right;
    }

    .fl {
        float: left;
    }

    .apple_overlay {
        display: none;
        background-image: url(../images/overlay/trans_wide_short.png);
        color: #efefef;
        width: 810px;
        padding: 35px 25px;
        font-size: 11px;
        overflow-x: none;
        overflow-y: auto;
        z-index: 10000;
        height: 374px;
        display: none;
        position: fixed;
        top: 0;
        z-index: 1001;
        margin-top: 50px;
        overflow: hidden;
    }

        .apple_overlay .close {
            background-image: url(../images/overlay/close.png);
            position: absolute;
            right: 5px;
            top: 5px;
            cursor: pointer;
            height: 35px;
            width: 35px
        }

    .white_overlay {
        display: none;
        background-image: url(../images/overlay/white_overlay.png);
        color: #efefef;
        width: 810px;
        padding: 35px 25px;
        font-size: 11px;
        overflow-x: none;
        overflow-y: auto;
        z-index: 10000
    }

        .white_overlay .close {
            background-image: url(../images/overlay/close.png);
            position: absolute;
            right: 5px;
            top: 5px;
            cursor: pointer;
            height: 35px;
            width: 35px
        }

    .white_details {
        font-size: 12px;
        color: #333;
        width: 800px
    }

        .white_details h3 {
            color: #618f3f;
            font-weight: bold;
            font-size: 15px;
            margin: 0 0 -10px 0;
            font-family: 'Open Sans',Verdana,Arial,Helvetica,sans-serif
        }

    .simple_overlay {
        display: none;
        z-index: 10000;
        background-color: #333;
        width: 820px;
        min-height: 300px;
        border: 1px solid #666;
        -moz-box-shadow: 0 0 90px 5px #000;
        -webkit-box-shadow: 0 0 90px #000
    }

        .simple_overlay .close {
            background-image: url(../images/overlay/close.png);
            position: absolute;
            right: -15px;
            top: -15px;
            cursor: pointer;
            height: 35px;
            width: 35px
        }

    .details, .details p, .details p span {
        font-size: 12px !important;
        color: #fff;
        width: 800px
    }

        .details h3 {
            color: #ddd;
            font-weight: bold;
            font-size: 15px;
            margin: 0 0 -10px 0
        }

    div.contentWrap {
        height: 374px;
        overflow: hidden
    }

    #overlay {
        height: 374px
    }

    #adngin-incontent_1-0 {
        width: 100%;
        height: 250px
    }

    #adngin-incontent_2-0 {
        width: 100%;
        height: 90px
    }
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(/css/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(/css/fonts/MaterialIcons-Regular.woff2) format('woff2'), url(/css/fonts/MaterialIcons-Regular.woff) format('woff'), url(/css/fonts/MaterialIcons-Regular.ttf) format('truetype');
}

/* Rules for sizing the icon. */
.material-icons.md-16 {
    font-size: 16px;
}

.material-icons.md-18 {
    font-size: 18px;
}

.material-icons.md-24 {
    font-size: 24px;
}

.material-icons.md-36 {
    font-size: 36px;
}

.material-icons.md-48 {
    font-size: 48px;
}

.material-icons.md-96 {
    font-size: 96px;
}

.hideMe {
    display: none;
}

.red {
    color: rgba(169, 12, 12, 1);
}

.green {
    color: rgba(135, 198, 87, 1);
}

.gold {
    color: rgba(255, 242, 0, 1);
}

.blue {
    color: #015cab;
}

.silver {
    color: #c0c0c0;
}

.bronze {
    color: #cd7f32;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    /*-moz-osx-font-smoothing: grayscale; */
    /* Support for IE. */
    font-feature-settings: 'liga';
}

ul.contentitems {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    ul.contentitems li:last-child {
        margin-bottom: 0;
    }

li.ui-state-highlight {
    width: 100%;
    height: 100px;
    background-color: #85bf5b;
    border: 2px dashed #444;
}

li.draggable {
    cursor: pointer;
    border: 1px solid transparent;
}

li.ui-sortable-helper {
    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px#888;
    box-shadow: 0 0 5px 5px #888;
    background-color: #ccc;
    height: 150px !important;
    overflow: hidden;
}

div.cWrap {
    overflow: hidden;
}

li.cFull {
    margin-left: -10px;
    margin-top: -10px;
}

.lbox {
    width: 150px;
    border: 1px solid #666;
    background-color: #fff;
    margin-bottom: 10px;
    cursor: pointer;
}

.lbc {
    margin: 2px 2px;
    background-color: #85bf5b;
    height: 40px;
}

.lb {
    float: left;
}

div.divEdit > div {
    overflow-x: hidden;
}

li.cFull div div div.pageItem {
    margin-left: 10px;
    width: 98%;
}

div.pageItem {
    color: #555;
    background-color: #bbb;
    margin-top: 0;
    padding: 1px 3px;
    font-size: 20px;
}

div.divEdit > div div.sectHead {
    color: #555;
    background-color: #fff;
    margin-top: 0;
    padding: 1px 3px;
    font-size: 20px;
    margin-bottom: 8px;
}

div.pageItem div.sectEdit a:link, div.pageItem div.sectEdit a:visited {
    color: #fff;
}

div.sectTitle {
    float: left;
}

div.sectEdit {
    float: right;
    padding-top: 0px;
    width: 120px;
    text-align: right;
    font-size: 10pt !important;
}

    div.sectEdit a:link, div.sectEdit a:visited, div.sectEdit2 a:link, div.sectEdit2 a:visited {
        font-size: 12pt;
        font-weight: normal;
        color: #999;
        text-decoration: none;
    }

    div.sectEdit a:hover, div.sectEdit2 a:hover {
        text-decoration: underline;
    }

div.sectEdit2 {
    float: right;
    padding-top: 0px;
    width: 60px;
    text-align: right;
}

div.sincCont {
    border: 3px dotted #aaa;
    padding: 2px;
    margin-top: 15px;
}

    div.sincCont div.sectHead {
        background-color: #85bf5b;
        margin-bottom: 3px;
        padding: 1px 3px;
        font-size: 20px;
    }

        div.sincCont div.sectHead a:link, div.sincCont div.sectHead a:visited {
            color: #111;
        }

a.trash:link, a.trash:visited, a.trash:active {
    background: url(/images/trash.png) no-repeat 0 0;
}

    a.trash:link:hover {
        background-position-y: -20px;
    }

a.wmax:link, a.wmax:visited, a.wmax:active, a.wmax:link:hover {
    background: url(/images/min_max.png) no-repeat 0 0;
    margin-right: 6px;
}

a.wmin:link, a.wmin:visited, a.wmin:active, a.wmin:link:hover {
    background: url(/images/min_max.png) no-repeat 0 -20px;
    margin-right: 6px;
}

a.trash > img, a.wmax > img, a.wmin > img {
    height: 20px;
    width: 20px;
    border: 0;
}

img.dragMe {
    height: 20px;
    cursor: pointer;
    margin-right: 3px;
    margin-top: -2px;
}

a.cmAdd:link, a.cmAdd:visited, a.cmAdd:active {
    display: block;
    width: 150px;
    margin: 0 auto;
    background-color: #618f3f;
    color: #fff !important;
    text-decoration: none;
    text-align: center;
    padding: 5px 0;
}

a.cmAdd:hover {
    background-color: #85bf5b;
}

div.comm, a.comm {
    display: block;
    height: 24px;
    width: 24px;
    overflow: hidden;
    background-image: url(/images/comm/comm.png);
}

div.imp {
}

div.unlock {
    background-position: -24px 0;
}

div.lock {
    background-position: -48px 0;
}

div.mail {
    background-position: -72px 0;
}

div.trashcan, a.trashcan {
    background-position: -96px 0;
}

div.rss, a.rss {
    background-position: -144px 0;
}

div.menuicon, a.menuicon {
    background-position: -120px 0;
    cursor: pointer;
    margin-left: 5px;
    margin-bottom: 5px;
}

#smH {
    display: none;
    position: absolute;
    width: 200px;
    margin-left: 5px;
}

a {
    color: #0099CC;
    text-decoration: none;
}

    a:hover {
        color: #017ea8;
        text-decoration: none;
    }

.f80 {
    font-size: 80%;
}

.f120 {
    font-size: 120%;
}

.f150 {
    font-size: 150%;
}

.p10 {
    padding: 10px;
}

.p20 {
    padding: 20px;
}

.p5_10 {
    padding: 5px 10px;
}

.m5 {
    margin: 5px;
}

.m10 {
    margin: 10px;
}

.m20 {
    margin: 20px;
}

.lgray {
    background-color: #eee;
}

div.sep_bottom {
    display: none;
}

div.sep {
    margin: 0 !important;
}

.primary-color {
    color: #A63531;
}

.secondary-color {
    color: #015cab;
}

div.team-hdg {
    padding: 5px;
    width: 100%;
    background-color: #212529 !important;
    color: #fff;
    font-size: 14pt;
    margin-bottom: 5px;
    margin-top: 5px;
    border-radius: 4px;
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}
/*For our 12 column mobile-friendly grid layout*/
.ubuntufont * {
    font-family: "Ubuntu Condensed";
}

.ubuntuhead h1, .ubuntuhead h2, .ubuntuhead h3, .ubuntuhead h4, .ubuntuhead h5 {
    font-family: "Ubuntu Condensed" !important;
}

.btns {
    background-image: none;
    font-size: 14px;
    line-height: 1.428571429
}

.btnt {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 3px 9px;
    font-size: 9px;
    line-height: 1.428571429;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Default Styles */

.cText {
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 10pt;
}

.white_overlay {
    display: none;
    background-image: url(../images/overlay/white_overlay.png);
    color: #efefef;
    width: 810px;
    padding: 35px 25px;
    font-size: 11px;
    overflow-x: none;
    overflow-y: auto;
    z-index: 10000;
}
    /* default close button positioned on upper right corner */
    .white_overlay .close {
        background-image: url(../images/overlay/close.png);
        position: absolute;
        right: 5px;
        top: 5px;
        cursor: pointer;
        height: 35px;
        width: 35px;
    }

.white_details {
    font-size: 12px;
    color: #333;
    width: 800px;
}

    .white_details h3 {
        color: #618f3f;
        font-weight: bold;
        font-size: 15px;
        margin: 0 0 -10px 0;
        font-family: 'Open Sans',Verdana,Arial,Helvetica,sans-serif
    }

/* div.loading now lives in css/sinc-loading.css - site-wide pure-CSS loader, no gif */

.smallBtn {
    font-size: 8pt !important;
    font-weight: normal !important;
    padding: 3px 5px !important;
    font-family: Arial, Verdana, Helvetica, Sans-Serif !important;
    border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
}

a.linkRBtn, a.linkRBtn:visited, a.linkRBtn:link {
    cursor: pointer;
    color: #363636;
    padding: 5px 10px;
    background: -moz-linear-gradient(top, #dbdbdb 0%, #a3a3a3);
    background: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#a3a3a3));
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    text-decoration: none;
    border: 1px solid #8a8a8a;
    -moz-box-shadow: 0px 1px 3px #333;
    -webkit-box-shadow: 0px 1px 3px #333;
}

    a.linkRBtn:hover {
        cursor: pointer;
        color: #000;
        padding: 5px 10px;
        background: -moz-linear-gradient(top,#dbdbdb 0%,#636363);
        background: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb),to(#636363));
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        text-decoration: none;
        border: 1px solid #474747;
        -moz-box-shadow: 0px 1px 3px #333;
        -webkit-box-shadow: 0px 1px 3px #333;
    }

a.linkSml, a.linkSml:visited, a.linkSml:link {
    cursor: pointer;
    color: #363636;
    padding: 3px 5px;
    background: -moz-linear-gradient(top, #dbdbdb 0%, #a3a3a3);
    background: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#a3a3a3));
    font-size: 8pt;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-decoration: none;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    border: 1px solid #8a8a8a;
    font-weight: normal;
}

    a.linkSml:hover {
        cursor: pointer;
        color: #000;
        padding: 3px 5px;
        background: -moz-linear-gradient(top,#dbdbdb 0%,#636363);
        background: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb),to(#636363));
        font-size: 8pt;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        text-decoration: none;
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        border: 1px solid #474747;
        font-weight: normal;
    }

a.linkGrnBtn, a.linkGrnBtn:visited, a.linkGrnBtn:link {
    cursor: pointer;
    color: #fff;
    padding: 5px 10px;
    background: -moz-linear-gradient(top, #618f3f 0%, #47692e);
    background: -webkit-gradient(linear, left top, left bottom, from(#618f3f), to(#47692e));
    background: #618f3f;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    text-decoration: none;
    border: 1px solid #618f3f;
    -moz-box-shadow: 0px 1px 3px #333;
    -webkit-box-shadow: 0px 1px 3px #333;
}

    a.linkGrnBtn:hover {
        cursor: pointer;
        color: #fff;
        padding: 5px 10px;
        background: #2c411c;
        text-decoration: none;
        background: #2c411c;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border: 1px solid #618f3f;
        -moz-box-shadow: 0px 1px 3px #333;
        -webkit-box-shadow: 0px 1px 3px #333;
    }

.r4 {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.r8 {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.sdw {
    -moz-box-shadow: 0px 1px 3px #333;
    -webkit-box-shadow: 0px 1px 3px #333;
}

.tblrow {
    background-color: white;
    text-align: left;
    border-bottom: 1px solid #999;
}

.rowright {
    background-color: white;
    text-align: right;
    border-bottom: 1px solid #999;
}

.tblrow td, .altrow td {
    padding: 4px 2px;
}

.altrow {
    background-color: #e9e9e9;
    text-align: left;
    border-bottom: 1px solid #999;
}

.altrowright {
    background-color: #e9e9e9;
    text-align: right;
    border-bottom: 1px solid #999;
}

.eorow {
    background-color: white;
    text-align: left;
    font-size: 9pt;
}

.eoaltrow {
    background-color: #e9e9e9;
    text-align: left;
    font-size: 9pt;
}

table.tab {
    font-weight: normal;
    color: #484848;
    font-size: 8pt;
    cursor: pointer;
    background: url(../images/tab/normal_tab.png) no-repeat;
}

table.tabHover {
    color: #fff;
    text-decoration: none;
    font-size: 8pt;
    cursor: pointer;
    background: url(../images/tab/darknormal_tab.png) no-repeat;
}

table.tabSelected {
    font-weight: normal;
    color: #000000;
    font-size: 8pt;
    cursor: pointer;
    background: url(../images/tab/gray_tab.png) no-repeat;
}

td.tabline {
    background-image: url(../images/tab/line.png);
    background-position-y: bottom;
    background-repeat: repeat-x;
    color: black;
    cursor: hand;
    font-family: Verdana;
    font-size: 12px;
}

h1, h1.gray {
    color: #222;
    font-family: 'Ubuntu Condensed', 'Segoe UI Light', Roboto, Optima, Tahoma, Helvetica, Arial, Verdana, sans-serif;
    font-size: 26pt;
    font-weight: normal;
    margin: 8px auto;
}

h2, h2.gray {
    color: #222;
    font-family: 'Ubuntu Condensed', 'Segoe UI Light', Roboto, Optima, Tahoma, Helvetica, Arial, Verdana, sans-serif;
    font-size: 20pt;
    font-weight: normal;
    margin: 8px auto;
}

h3, h3.gray {
    color: #222;
    font-family: 'Ubuntu Condensed', 'Segoe UI Light', Roboto, Optima, Tahoma, Helvetica, Arial, Verdana, sans-serif;
    font-size: 14pt;
    margin: 10px auto;
    font-weight: bold;
    margin: 8px auto;
}

h4, h4.gray {
    color: #222;
    font-family: 'Ubuntu Condensed', 'Segoe UI Light', Roboto, Optima, Tahoma, Helvetica, Arial, Verdana, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    margin: 8px auto;
}

h3.team {
    color: #222;
    font-family: 'Ubuntu Condensed', 'Segoe UI Light', Tahoma, Helvetica, Arial, Verdana, sans-serif;
    font-size: 14pt;
    margin: 10px auto;
    font-weight: bold;
    padding: 0;
    border-bottom: 2px solid #222;
}

h1.dark {
    color: #000;
    font-family: 'Ubuntu Condensed', 'Segoe UI Light', Roboto, Optima, Tahoma, Helvetica, Arial, Verdana, sans-serif;
    font-size: 26pt;
    font-weight: bold;
    margin: 5px 0;
    padding: 1px 5px;
    background: #d3d3d3;
    vertical-align: middle;
}

h2.dark {
    color: #000;
    font-family: 'Ubuntu Condensed', 'Segoe UI Light', Roboto, Optima, Tahoma, Helvetica, Arial, Verdana, sans-serif;
    font-size: 20pt;
    font-weight: bold;
    margin: 5px 0;
    padding: 1px 5px;
    background: #d3d3d3;
    vertical-align: middle;
}

h3.dark {
    color: #000;
    font-family: 'Ubuntu Condensed', 'Segoe UI Light', Roboto, Optima, Tahoma, Helvetica, Arial, Verdana, sans-serif;
    font-size: 14pt;
    font-weight: bold;
    margin: 5px 0;
    padding: 1px 5px;
    background: #d3d3d3;
    vertical-align: middle;
}

h4.dark {
    color: #000;
    font-family: 'Ubuntu Condensed', 'Segoe UI Light', Roboto, Optima, Tahoma, Helvetica, Arial, Verdana, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    margin: 5px 0;
    padding: 3px 5px;
    background: #d3d3d3;
    vertical-align: middle;
}

h5.dark {
    color: #000;
    font-family: 'Ubuntu Condensed', 'Segoe UI Light', Roboto, Optima, Tahoma, Helvetica, Arial, Verdana, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    margin: 3px 0;
    padding: 2px 5px;
    background: #d3d3d3;
    vertical-align: middle;
}

h1.dash {
    color: #222;
    font-family: 'Ubuntu Condensed', 'Segoe UI Light', Roboto, Optima, Tahoma, Helvetica, Arial, Verdana, sans-serif;
    font-size: 26pt;
    font-weight: normal;
    border-bottom: 1px dashed #bbb;
    padding-bottom: 4px;
}

h2.dash {
    color: #222;
    font-family: 'Ubuntu Condensed', 'Segoe UI Light', Roboto, Optima, Tahoma, Helvetica, Arial, Verdana, sans-serif;
    font-size: 20pt;
    font-weight: normal;
    border-bottom: 1px dashed #bbb;
    padding-bottom: 4px;
}

h3.dash {
    color: #222;
    font-family: 'Ubuntu Condensed', 'Segoe UI Light', Roboto, Optima, Tahoma, Helvetica, Arial, Verdana, sans-serif;
    font-size: 14pt;
    margin: 4px auto;
    font-weight: bold;
    border-bottom: 1px dashed #bbb;
    padding-bottom: 4px;
}

h4.dash {
    color: #222;
    font-family: 'Ubuntu Condensed', 'Segoe UI Light', Roboto, Optima, Tahoma, Helvetica, Arial, Verdana, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    border-bottom: 1px dashed #bbb;
    padding-bottom: 4px;
}

.header td {
    border-bottom: 1px solid #dcdcdc;
    border-collapse: collapse;
}

.header {
    color: #333;
    font-weight: normal;
    border-bottom: 1px solid #dcdcdc;
    background-color: #f8f8f8;
    border-collapse: collapse;
    padding-top: 4px;
    padding-bottom: 4px;
}

.errBox {
    padding: 5px 5px;
    background: #eab3b2;
    border: 1px solid #922d2c;
    color: #922d2c;
    margin: 5px 10px 0 0;
    text-align: left;
    float: left;
}

.confirmBox {
    padding: 5px 5px;
    background: #b9d6a4;
    border: 1px solid #394d2b;
    color: #394d2b;
    margin: 5px 10px 0 0;
    text-align: left;
}

.highlightBox {
    padding: 5px 5px;
    background: #e2dcc7;
    border: 1px solid #d0c8ab;
    margin: 5px auto;
}

.instructionBox {
    padding: 10px;
    background: #e9e9e9;
    color: #3b3c3c;
    border: 2px solid #6c6c6c;
    margin: 5px auto;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

input.cBtn {
    cursor: pointer;
    color: #fff;
    padding: 5px 10px;
    background: -moz-linear-gradient(top, #8e8e8e 0%, #686868);
    background: -webkit-gradient(linear, left top, left bottom, from(#8e8e8e), to(#686868));
    background: #8e8e8e;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #686868;
    -moz-box-shadow: 0px 1px 3px #333;
    -webkit-box-shadow: 0px 1px 3px #333;
}

    input.cBtn:hover {
        cursor: pointer;
        color: #fff;
        padding: 5px 10px;
        background: #686868;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border: 1px solid #686868;
        -moz-box-shadow: 0px 1px 3px #333;
        -webkit-box-shadow: 0px 1px 3px #333;
    }

        input.cBtn[disabled], input.cBtn:hover[disabled] {
            cursor: pointer;
            color: #7f7f7f;
            padding: 5px 10px;
            background: #efefef;
            border-radius: 6px;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border: 1px solid #8a8a8a;
            -moz-box-shadow: none !important;
            -webkit-box-shadow: none !important;
        }

table.sinctable {
    border: 0;
}

    table.sinctable td {
        padding: 2px;
        margin: 0;
    }

#smMessageBar {
    display: none;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    -moz-box-shadow: 0px 1px 3px #333;
    -webkit-box-shadow: 0px 1px 3px #333;
}

    #smMessageBar .snc {
        background-color: #87c657;
        color: #fff;
    }

    #smMessageBar div {
        padding: 20px;
        font-size: 15pt;
        text-align: center;
    }

#csmb {
    width: 20px;
    height: 20px;
    background: url(/images/cp/bt_close.png) no-repeat 0 0;
    float: right;
    cursor: pointer
}

    #csmb:hover {
        background-position-y: -20px;
    }

.gold_rank {
    background: url(/images/sitepro/gradient_bg.png) repeat-x left -100px #f6d988;
}

.silver_rank {
    background: url(/images/sitepro/gradient_bg.png) repeat-x left -100px #cdcdcd;
}

.bronze_rank {
    background: url(/images/sitepro/gradient_bg.png) repeat-x left -100px #d6a980;
}

.red_rank {
    background: url(/images/sitepro/gradient_bg.png) repeat-x left -100px #fe8380;
}

.blue_rank {
    background: url(/images/sitepro/gradient_bg.png) repeat-x left -100px #93adff;
}

.green_rank {
    background: url(/images/sitepro/gradient_bg.png) repeat-x left -100px #8be5a5;
}

.null_rank {
    background: url(/images/sitepro/gradient_bg.png) repeat-x left -100px #555555;
}

.black_rank {
    background: url(/images/sitepro/gradient_bg.png) repeat-x left -100px #8b8b8b;
    color: white;
}

.rank_tall {
    background-size: 100% 100%;
    background-position: left 0 !important;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #245269;
    }

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

    .alert-warning hr {
        border-top-color: #f7e1b5;
    }

    .alert-warning .alert-link {
        color: #66512c;
    }

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

    .alert-danger hr {
        border-top-color: #e4b9c0;
    }

    .alert-danger .alert-link {
        color: #843534;
    }

@font-face {
    font-family: "Economica";
    src: url("/css/fonts/Economica-Regular.ttf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Economica";
    src: url("/css/fonts/Economica-Bold.ttf");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Economica";
    src: url("/css/fonts/Economica-Italic.ttf");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Economica";
    src: url("/css/fonts/Economica-BoldItalic.ttf");
    font-weight: bold;
    font-style: italic;
}

div.ecofont, div.ecofont h1, div.ecofont h2, div.ecofont h3, div.ecofont h4, div.ecofont h5, div.ecofont p, div.ecofont table, div.ecofont div {
    font-family: Economica, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

    div.ecofont select {
        font-family: Economica, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 13pt;
    }

div.pageArea {
    box-sizing: content-box !important;
}

.steps .nav-item .nav-link {
    display: inline-block !important;
}

.steps .nav-item + .nav-item {
    padding-left: 0rem;
}

    .steps .nav-item + .nav-item::before {
        display: inline-block;
        padding-right: 0.5rem;
        color: #737373;
        content: "/";
    }

    .steps .nav-item + .nav-item::before {
        content: "\e930";
        font-family: Feather;
    }

/* The footer band is ALWAYS full page width on every tt9 template.
   TTMasterTheme.aspx's "Full Page Width" checkbox (MASTERCSS row 7, option 5) emits
   "#tfooter { width:1000px; }" into the per-event /photos/tid/<tid>/css/<tid>.css when it
   is unchecked, and that file loads after tt9.css - so the footer bar renders 1000px wide
   and left-pinned on a wide screen (isCentered is hard-coded False, so it never gets
   "margin:0 auto" either). !important beats it without touching every event's theme.
   .footerWrap still holds the footer's contents to 1000px centered. */
#tfooter {
    width: 100% !important;
}

/* TT9's top bar is ttnav in its no-tournament-menu mode (TT9.master),
   which replaced SincMeBar and keeps its dark bar and 4px gray bottom line. The
   page has to start below it.

   Every event's own CSS file offsets #banner for the old 58px bar - 35px, 40px,
   54px or 62px depending on when it was generated, mostly inside
   min-width:999px / max-width:998px queries, once with !important
   (docs/projects/tt9-ttnav.md, Phase 2 result). With that line the bar is about
   60px tall on a desktop and 64px on a phone. So the offset moves off the banner
   onto its wrapper: #thethings gets padding-top = the bar's measured height (TT9.master
   publishes it as --tt9-nav-h; the fallbacks are those measurements) and the
   banner's own margin-top goes to 0 - only the longhand, so the "auto" side
   margins that center it are kept. Padding on the wrapper also covers events that
   hide the banner (details.aspx's intro option), where the event menu would
   otherwise start under the bar. No event file styles #thethings.
   .tt9-topnav (TT9.master's #thethings) scopes all of this to TT9 - several
   other masters load tt9.css too. */
.tt9-topnav {
    padding-top: var(--tt9-nav-h, 60px);
}
.tt9-topnav #banner {
    margin-top: 0 !important;
}
/* The sponsor column on "scrollMe" events turns fixed at top:35px (.menuScroll
   above); park it under the bar instead. */
.tt9-topnav #sponsor.menuScroll {
    top: var(--tt9-nav-h, 60px) !important;
}
@media (max-width: 991.98px) {
    .tt9-topnav {
        padding-top: var(--tt9-nav-h, 64px);
    }
}
/* On a phone the event menu now shows in place (SincMeBar used to move it into its
   slide-out). A few event files pin #navigation to width:1000px unconditionally,
   which would scroll the page sideways; tt9.css's own phone rule says 100%. */
@media (max-width: 998px) {
    .tt9-topnav #navigation {
        width: 100% !important;
    }
    /* The phone menu band is #111 (#mainMenu above); its white-text rule is written
       for .sf-menu links. MegaMenu (ldd_menu) parent items are bare <span>s and
       its column headings are li.ldd_heading, which otherwise take the dark body
       color - SincMeBar's slide-out used to color them. */
    .tt9-topnav ul.ldd_menu > li > span,
    .tt9-topnav ul.ldd_menu li.ldd_heading {
        color: #ffffff !important;
    }
}
/* Printing (schedule.aspx hides #nav and #banner): no bar, so no offset. */
@media print {
    .tt9-topnav {
        padding-top: 0 !important;
    }
}