/*
Styles the Thesis Hero Slider
*/
#hero, .slides, .slide {width: 100%; height: 100%;}
.pager, #lower {width: 725px;  height: 480px; float: left; clear: none;}

body .ui-tabs {border: 0px; background: transparent; position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
body .ui-tabs .ui-tabs-nav {padding-left: 0px;}
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; width: 100%; clear: both; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; clear: both; border-width: 0; padding: 1em 5em 1em 0em; background: none; }
#content {position: relative;}
.ui-tabs .ui-tabs-panel.ui-tabs-hide {display: none;}

body .ui-tabs ul.ui-tabs-nav {
    float: left;
    width: 101%;
    background: #1c68ba;
    height: 58px;
    position: relative; top: -13px; left: -33px;
    box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.1);
    padding-top: 0px;

}
body ul.ui-tabs-nav li {background: none;}
body .ui-tabs ul.ui-tabs-nav li {
    margin: 0px;
}
body .ui-tabs ul.ui-tabs-nav li a {
    height: 58px;
    padding: 0px 20px 0px 20px; line-height: 60px;
    background: #1c68ba;
    color: #fff;
    font-size: 17px;
    text-shadow: -1px 1px 2px rgba(0,0,0,0.5);
    font-weight: normal;
}
body .ui-tabs ul.ui-tabs-nav li.ui-state-active {
    border: 0px;
}
body .ui-tabs ul.ui-tabs-nav li.ui-state-active a, body .ui-tabs ul.ui-tabs-nav li.ui-state-hover a {
    border: 0px;
    height: 78px;
    position: relative;
    z-index: 10px;
    background-color: ;
    background: url('../../themes/prolotherapy-institute/images/slider-arrow.png') -90px -2px no-repeat;
}

#hero h2 {

}

#hero p {

}

#hero a {
    display: block;
    width: 215px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    border: 1px solid #d90305;
    border-bottom-color: #61000e;
    border-radius: 7px;
    background-color: #f10303;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f10303), to(#650602));
    background-image: -webkit-linear-gradient(top, #f10303, #650602);
    background-image:    -moz-linear-gradient(top, #f10303, #650602);
    background-image:      -o-linear-gradient(top, #f10303, #650602);
    background-image:         linear-gradient(to bottom, #f10303, #650602);
    box-shadow: 0px 2px 3px rgba(0,0,0,0.2),
                0px 1px 1px rgba(255,255,255,0.2) inset;
}

#hero a:hover {
    text-decoration: none;
    border-color: #61000e;
    box-shadow: 0px 2px 3px rgba(0,0,0,0.2),
                0px 1px 1px rgba(255,255,255,0.2) inset,
                0px 3px 7px rgba(0,0,0,0.5) inset;
}

#hero .post-3063 h2, #hero .post-3061 h2  {
    float: right;
    clear: both;
    width: 330px;
    padding: 0px 30px 0px 30px;
    color: #1f5a82;
    text-shadow: 0px 1px rgba(255,255,255,0.5);
    font-size: 28px;
    font-weight: bold;
}

#hero .post-3063 h2 span, #hero .post-3061 h2  {
    font-size: 28px;
    text-transform: uppercase;
}

#hero .post-3063 p, #hero .post-3061 p  {
    float: right;
    clear: both;
    width: 330px;
    padding: 0px 30px 0px 30px;
    color: #fff;
    text-shadow: 0px 1px rgba(0,0,0,0.4);
    font-size: 20px;
    line-height: 1.2em;
    margin-top: 20px;
}

#hero .post-3063 a {
    float: right;
    margin-right: 113px;
}

#hero .post-3061 h2 {
    font-size: 23px;   
    text-transform: none;
}

#hero .post-3061 h2 span {
    font-size: 43px;
}

#hero .post-3061 p {
    margin-top: 20px;
}

#hero .post-3061 a {
    margin-top: 20px;
}

#hero .post-3059 h2 {
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
    font-size: 30px;
    letter-spacing: 1px;
    font-weight: bold;
    margin-left: 45px;
}

#hero .post-3059 h2 span {
    text-transform: uppercase;
}

#hero .post-3059 p {
    margin-left: 45px;
    line-height: 1.2em;
    margin-top: 100px;
    color: #fff;
    font-size: 20px;
    width: 600px;
}

#hero .post-3059 a {
    position: relative;
    margin-top: -40px;
}

#hero .post-3057 h2 {
    color: #fff;
    text-shadow: 0px 3px 3px rgba(0,0,0,0.5);
    font-size: 43px;
    letter-spacing: 1px;
    font-weight: bold;
    margin-left: 65px;
    margin-bottom: 60px;
    margin-top: 40px;
}

#hero .post-3057 p {
    text-align: center;
    float: right;
    margin-left: 45px;
    line-height: 1.2em;
    margin-top: 15px;
    color: #fff;
    font-size: 20px;
    width: 390px;
    clear: both;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}

#hero .post-3057 a {
    clear: both;
    margin-left: 85px;
    text-shadow: none;
}

.panel p {
    margin-bottom: 1em;
}