@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);

body {
    color: #8e959c;
    font-family: 'Open Sans',sans-serif;
    padding-top: 70px;
    font-size: 16px;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Open Sans',sans-serif;
    color: #444;
    font-weight: 300;
    text-transform: capitalize;
}
p {
    font-family: 'Open Sans',sans-serif;
    color: #666;
    font-weight: 100;
    line-height: 150%;
}
.blue {
    color:#0098e6;
}
a {
    color: #97ba0c;
}

a:hover,a:focus {
    color: #708a09;
    text-decoration: none;
}

.wrapper-sm {
    width: auto;
    padding: 20px 0;
}

.wrapper-lg {
    width: auto;
    padding: 30px 0;
}

.bg-slider {
    text-align: center;
    background: url(../../img/sf-rowing.JPG) center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.bg-primary {
    color: #fff;
    background: #7d9c00;
}

.bg-primary h1,.bg-primary h2,.bg-primary h3,.bg-primary h4,.bg-primary h5,.bg-primary h6 {
    color: #fff;
}

.bg-secondary {
    color: #8e959c;
    background: #2f353e;
}

.bg-secondary h1,.bg-secondary h2,.bg-secondary h3,.bg-secondary h4,.bg-secondary h5,.bg-secondary h6 {
    color: #fff;
}

.bg-alt {
    background: #f0f1f5;
    border-top: 1px solid #e1e3eb;
    border-bottom: 1px solid #e1e3eb;
}

br[class*="spacer"] {
    display: block;
    content: " ";
}

.spacer-xs {
    margin-bottom: 10px;
    line-height: 10px;
}

.spacer-sm {
    margin-bottom: 20px;
    line-height: 20px;
}

.spacer-md {
    margin-bottom: 40px;
    line-height: 40px;
}

.spacer-lg {
    margin-bottom: 60px;
    line-height: 60px;
}

.spacer-xl {
    margin-bottom: 80px;
    line-height: 80px;
}

.ad-banners {
    list-style: none;
    padding-left: 0;
    text-align: center;
}

.ad-banners li {
    max-width: 230px;
    display: inline-block;
    padding: 10px;
    border: 1px solid #d0d0d3;
    background-color: #fff;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,0.05);
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.05);
}

.ad-banners li img {
    width: 100%;
    padding-bottom: 10px;
}

.navbar {
    background: #2f353e;
    min-height: 70px;
}

.navbar-default {
    border: #24292f;
}

.navbar-default .navbar-nav>li>a {
    padding-top: 25px;
    padding-bottom: 25px;
    color: #8e959c;
}

.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus {
    color: #fff;
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #24292f;
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus {
    color: #fff;
    background-color: #24292f;
}

.navbar-default .navbar-nav>.dropdown>a {
    color: #8e959c;
}

.navbar-default .navbar-nav>.dropdown>a:hover .caret,.navbar-default .navbar-nav>.dropdown>a:focus .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.navbar-default .navbar-collapse {
    border-color: #24292f;
    -webkit-box-shadow: inset 0 1px 0 #3a414d;
    -moz-box-shadow: inset 0 1px 0 #3a414d;
    box-shadow: inset 0 1px 0 #3a414d;
}

.navbar-default .dropdown-menu {
    background-color: #2f353e;
    border: 1px solid #24292f;
    border-radius: 4px;
}

.navbar-default .dropdown-menu>li>a {
    color: #8e959c;
}

.navbar-default .dropdown-menu>li>a:hover,.navbar-default .dropdown-menu>li>a:focus {
    color: #fff;
    background: #24292f;
}

.navbar-default .navbar-toggle {
    margin-top: 18px;
    background-color: #24292f;
    border: 1px solid transparent;
}

.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
    background-color: #3a414d;
}

.navbar-default .navbar-brand {
    color: #fff;
    padding: 10px;
    vertical-align: center;
}

.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus {
    color: #eee;
}

@media(max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #8e959c;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff;
    };
}

.carousel-inner>.item>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img,.carousel-inner>.item>a>img {
    display: inline-block;
}

.carousel-title,.carousel-subtitle {
    text-transform: uppercase;
    padding: 20px 20px;
    color: #FFF;
    background: #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    opacity: .7;
    filter: alpha(opacity=70);
}

.carousel-control {
    width: 35px;
    height: 35px;
    margin-top: 150px;
    font-size: 40px;
    line-height: 25px;
    text-align: center;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    opacity: .7;
    filter: alpha(opacity=70);
}

.carousel-control.left {
    background: 0;
    background: #000;
}

.carousel-control.right {
    background: 0;
    background: #000;
}

.btn {
    border-radius: 2px;
}

.btn-default {
    border-color: #b3b3b3;
    background: #fff;
}

.btn-default:hover,.btn-default:focus {
    background: #e6e6e6;
    border-color: #b3b3b3;
}

.btn-primary {
    border-color: #97ba0c;
    background: #97ba0c;
}

.btn-primary:hover,.btn-primary:focus {
    background: #aad20e;
    border-color: #aad20e;
}

.btn-success {
    border-color: #27ae60;
    background: #27ae60;
}

.btn-success:hover,.btn-success:focus {
    background: #2cc36b;
    border-color: #2cc36b;
}

.btn-info {
    border-color: #3498db;
    background: #3498db;
}

.btn-info:hover,.btn-info:focus {
    background: #4aa3df;
    border-color: #4aa3df;
}

.btn-warning {
    border-color: #f39c12;
    background: #f39c12;
}

.btn-warning:hover,.btn-warning:focus {
    background: #f4a62a;
    border-color: #f4a62a;
}

.btn-danger {
    border-color: #df331f;
    background: #df331f;
}

.btn-danger:hover,.btn-danger:focus {
    background: #e34735;
    border-color: #e34735;
}

.btn-login {
    color: #FFF;
    background-color: #aad20e;
    padding: 3px 10px;
    font-weight: 400;
}

.btn-login:hover,.btn-login:focus {
    color: #333;
    background-color: #EEE;
}

.btn-facebook {
    color: #FFF;
    background-color: #3b5998;
    font-weight: 400;
    margin: 5px 5px 0 0;
}

.btn-facebook:hover,.btn-facebook:focus {
    color: #fff;
    background-color: #4264aa;
}

.btn-twitter {
    color: #FFF;
    background-color: #00a0d1;
    font-weight: 400;
    margin: 5px 5px 0 0;
}

.btn-twitter:hover,.btn-twitter:focus {
    color: #fff;
    background-color: #00b4eb;
}

.thumbnail {
    padding: 8px;
    margin-bottom: 15px;
    border: 1px solid #d0d0d3;
    -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,0.05);
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.05);
}

.thumbnail a img {
    width: 100%;
    height: auto;
}

.thumbnail .caption {
    color: #8e959c;
}

.thumbnails-portfolio {
    padding-left: 0;
    list-style: none;
}

.thumbnails-portfolio img:hover,.thumbnails-portfolio a>img:hover {
    opacity: .5;
    filter: alpha(opacity=70);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.well {
    border-radius: 10px;
    background-color: #f0f1f5;
    border: 1px solid #d0d0d3;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: inset 0 0 0 rgba(0,0,0,0);
    box-shadow: inset 0 0 0 rgba(0,0,0,0);
}

.media-comments li {
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: 1px solid #d0d0d3;
}

.media-comments li .media-object {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 4px solid #d0d0d3;
    margin: 0 10px 10px 0;
}

.form-control:focus {
    border-color: #97ba0c;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: inset 0 0 0 rgba(0,0,0,0);
    box-shadow: inset 0 0 0 rgba(0,0,0,0);
}

.bg-alt .plan {
    background: #fff;
}

.plan {
    background: #f0f1f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #e1e3eb;
    margin-bottom: 15px;
    text-align: center;
}

.plan .plan-name {
    padding: 10px 20px;
    background: #24292f;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.plan .plan-name h3 {
    color: #fff;
}

.plan .plan-info {
    padding: 20px;
    background: #2f353e;
}

.plan .plan-price h1 {
    font-size: 60px;
    line-height: 100%;
    padding: 20px;
}

.plan .plan-price h1 small {
    font-size: 14px;
}

.plan .plan-features {
    padding-left: 0;
    list-style: none;
}

.plan .plan-features li {
    padding: 10px 20px;
    border-bottom: 1px solid #e1e3eb;
    -webkit-box-shadow: 0 1px 0 0 #fff;
    -moz-box-shadow: 0 1px 0 0 #fff;
    box-shadow: 0 1px 0 0 #fff;
}

.plan .plan-cta {
    padding: 20px;
}

.plan.plan-featured .plan-name {
    background: #97ba0c;
}

.plan.plan-featured .plan-info {
    background: #aad20e;
}

.plan.plan-featured .plan-info>p {
    color: #fff;
}

.post-container {
    padding-bottom: 50px;
    border-bottom: 1px solid #d0d0d3;
    margin-bottom: 60px;
}

.post-heading {
    margin-top: 0;
    margin-bottom: 15px;
}

.post-heading a {
    color: #2f353e;
}

.post-heading a:hover,.post-heading a:focus {
    color: #8e959c;
}

.post-thumbnail {
    width: 100%;
    padding: 10px;
    border: 1px solid #d0d0d3;
    margin-bottom: 15px;
    background: #fff;
    -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,0.05);
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.05);
}

.post-author {
    border-bottom: 1px solid #edeeef;
}

.post-author,.post-meta {
    display: block;
    padding-bottom: 30px;
    margin-bottom: 20px;
}

.widget {
    padding: 19px;
    margin-bottom: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #d0d0d3;
    color: #8e959c;
    -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,0.05);
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.05);
}

.tags {
    list-style: none;
    padding: 0;
    font-size: 12px;
    margin-bottom: 0;
}

.tags li {
    display: inline-block;
    margin-right: 5px;
}

.avatar {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 4px solid #d0d0d3;
    margin: 0 10px 10px 0;
}

*:focus {outline: none;}

FORM {
    margin:0;
    color:#383838;
    font-size: 8pt;
}

FORM .form_div {
    margin:5px;
}

FORM .left_col, FORM .right_col{

}

FORM .left_col{
    float: left;
    margin:5px 2px 5px 5px;
}

FORM .right_col{
    float: right;
    margin:5px 5px 5px 2px;
}

FORM .small_form{
    margin: 0 0 5px 4px;
}

/* 2 column forms */
.form_panel_top, .form_panel_middle, .form_panel_bottom {
    width: 322px;
}

.form_panel_top, .form_panel_bottom {
    height: 10px;
}


.form_panel_bottom {
    clear: left;
}

/* Narrow Forms */
.form_panel_top_2, .form_panel_middle_2, .form_panel_bottom_2 {
    width: 450px;
}

.form_panel_top_2, .form_panel_bottom_2 {
    height: 10px;
}

.form_panel_bottom_2 {
    clear: left;
}
/* End  2 column forms*/

/* 1 Column forms*/
.form_panel_top_1, .form_panel_middle_1, .form_panel_bottom_1 {
    width: 650px;
}

.form_panel_top_1, .form_panel_bottom_1 {
    height: 10px;
}

.form_panel_middle_1 {
    min-height:290px;
}

.form_panel_bottom_1 {
    clear: left;
}

.form_panel_top_4, .form_panel_middle_4, .form_panel_bottom_4 {
    width: 910px;
}

.form_panel_top_4, .form_panel_bottom_4 {
    height: 10px;
}
.form_panel_middle_4 {
    min-height:290px;
}

.form_panel_bottom_4 {
    clear: left;
}
/* End 1 Column forms*/

/* 1 Column forms*/
.form_right_panel_top, .form_right_panel_middle, .form_right_panel_bottom {
    width: 230px;
}

.form_right_panel_top, .form_right_panel_bottom {
    height: 10px;
}


.form_right_panel_middle {
    min-height:290px;
}

.form_right_panel_bottom {
    clear: left;
}

.form_right_panel_middle LABEL {
    max-width: 49px;
    padding:5px 0 0 0;
    float: left;
}

.form_right_panel_middle .bg_field {
}

.form_right_panel_middle LI {

}
/* End 1 Column forms*/

FORM OL {
    list-style-type: none;
    margin: 0 ;
    padding: 0;

}

FORM LI {
    float: none!important;
    margin: 2px 0 2px 0;
    min-height:26px!important;
    padding: 0!important;
    background: none!important;
    border:1px solid transparent;
}




LABEL.wide {
    width: 140px;
}

.heading {
    min-width: 310px;
    font-size: 12pt;
    font-weight: normal;
    padding-left:0;
    border-bottom: 1px solid #ccc;
    margin-top:8px;
    margin-bottom:8px;
}

DIV.heading {
    padding-top:5px;
    margin-right:5px;
}

LABEL.heading.medium {
    min-width: 440px;

}

LABEL.heading.long {
    min-width: 640px;

}

LABEL.heading.xlong {
    min-width: 900px;

}

.checkbox_label {
    padding:4px 0 0 0;
    font-weight:normal ! important;
    color: #666;

}


.gui_radio, .gui_checkbox {
    float:left;
}





#right_form {
    margin: 0 auto;
    width: 230px;
}

#right_form .top {
    height: 9px;
}

#right_form .middle {
    background-color: #E3E6E8;
    border-top: 1px solid #E3E6E8;
    border-bottom: 1px solid #E3E6E8;
    min-height: 9px;
}

#right_form .bottom {
    height: 9px;
}

.vld_image {
    float: left;
    margin-top:4px;
}

.pu_list LI{
    margin-bottom: 2px!important;
}

.pu_list .pu_row {
    min-width:630px;
    min-height:80px!important;
    padding-left: 5px!important;
}

.pu_list .pu_row DIV{
    margin: 0 3px 0 3px;
    float: left;
}

.pu_list .pu_row LABEL {
    padding-left: 6px;
}

.pu_list .seq_label {
    float:left;
    margin-left:10px;
    padding:3px;
    font-size:22pt;
    font-weight:bold;
    height: 60px;
    width:60px;
    background-color:#ccc;
    border: 1px solid #757575;
    text-align:center;
    cursor: pointer;
}


.pu_list .pickup_desc {
    float:left;
    font-size:11pt;
    line-height:16pt;
    width:470px;
    margin-left:-1px;
    padding:20px 4px 0 10px;
    border: 1px solid #757575;
    height: 46px;
    background-color:#fff;
    cursor:pointer;
}

.mpp_client_table {
    border: 0;
    background-color:#E3E6E8;
}

.mpp_client_table TR{
    cursor: pointer;
}

.mpp_client_table TH{
    font-size: 10pt;
    background-color:#E3E6E8;
}

.mpp_name_phone, .mpp_change {
    padding:5px;

}

.mpp_name_phone {
    font-size:12pt;
    font-weight: bold;
}

.mpp_change {
    color: #096B88;
    font-style:italic;
    font-size: 8pt;
}

.pu_list .pickup_desc:hover, .mpp_name_phone:hover, .mpp_change:hover {

}


.hr_dyn {
    color: #fff;
    background-color: #fff;
    border: 1px dotted #000;
    border-style: none none dotted;
    margin: 5px 5px 5px 0;
}

.button_bar {
    text-align:right;
    margin-right:5px;
}


.button_bar BUTTON {
    display: inline;
    min-height: 30px;
    width:100px;
    border: 0;
    color: #096B88;
    font-size: 8pt;
    cursor: pointer;
    margin-left: 5px;
}


.tab_bar {
    margin: 0;
    padding:0;
    height:40px;
    width:652px;
}

.tab_bar.top {
    position:absolute;
    top: 635px;
    margin-left:16px;
    height:60px;
    width:610px;
}

.tab_bar.bottom {
    position:absolute;
    top: 658px;
}

.tab_bar A:LINK, .tab_bar A:VISITED {
    font-size:10pt;
}

.tab_bar LI {
    margin:0;
    padding:6px 0 0 0;
    float: left;
    width: 100px;
    height: 30px;
    text-align:center;
}


#tab_content {
    margin: 0;
    margin-top: 80px;
    padding:4px;
    padding-top:5px;
    border-left: 2px solid #8E9091;
    border-right: 2px solid #8E9091;
    border-bottom: 2px solid #8E9091;
    background-color: #EFF2F4;
}


.cal_icon {
    margin-left: 5px;
    margin-top:5px;
}

.num_list {
    margin-top:5px;
    padding-left:10px;
}

.num_list .num_list_item {
    clear: both;
}

.num_list .num_label {
    width:16px;
    padding:0;
}

.num_list .cont {
    float:left;
    width:270px;
    margin-bottom: 5px;
}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }