/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

body {
    color: #555;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif!important;
    font-size: 80%;
    line-height: 1.3em;
}

a {color: #337AB7;}
h1 {margin: 20px 0;}
h1.page-title {width: 25%; display: inline-block;line-height: 30px;}


/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.login-error {padding:.6%;background-color: #f2dede; border: 1px solid #9C7276;}
.login {margin: .6%;}
label.overlabel {width:90px;display: inline-block;}
.formy {margin:4px 0;}
.form-label {margin-right: 8px;}
#mainLf2 {width: 40%;}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-state-default .ui-icon {background-image: url("/mibookings/javax.faces.resource/images/ui-icons_ffffff_256x240.png?ln=primefaces-aristo");}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=segoe%20ui,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=ece8da&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=100&borderColorHeader=d4ccb0&fcHeader=433f38&iconColorHeader=847e71&bgColorContent=f5f3e5&bgTextureContent=04_highlight_hard.png&bgImgOpacityContent=100&borderColorContent=dfd9c3&fcContent=312e25&iconColorContent=808080&bgColorDefault=459e00&bgTextureDefault=04_highlight_hard.png&bgImgOpacityDefault=15&borderColorDefault=327E04&fcDefault=ffffff&iconColorDefault=eeeeee&bgColorHover=67b021&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=25&borderColorHover=327E04&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=fafaf4&bgTextureActive=04_highlight_hard.png&bgImgOpacityActive=100&borderColorActive=d4ccb0&fcActive=459e00&iconColorActive=8DC262&bgColorHighlight=fcf0ba&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=e8e1b5&fcHighlight=363636&iconColorHighlight=8DC262&bgColorError=ffedad&bgTextureError=03_highlight_soft.png&bgImgOpacityError=95&borderColorError=e3a345&fcError=cd5c0a&iconColorError=cd0a0a&bgColorOverlay=2b2922&bgTextureOverlay=05_inset_soft.png&bgImgOpacityOverlay=15&opacityOverlay=90&bgColorShadow=cccccc&bgTextureShadow=04_highlight_hard.png&bgImgOpacityShadow=95&opacityShadow=20&thicknessShadow=12px&offsetTopShadow=-12px&offsetLeftShadow=-12px&cornerRadiusShadow=10px
*/


/* Component containers
----------------------------------*/
.ui-widget{font-size:1em; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif!important;}
#menu .ui-menu {width:100%;}
.ui-menu .ui-menuitem {clear:none;width: auto;padding: 0 1em;}
.ui-menu .ui-menuitem-link {width: 100%;border: none;padding:0;margin: 0;}
.ui-widget .ui-widget{font-size:1em;}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-size:1em;}
.ui-widget-content {background-color: #fff;border:none;background-image: none; }
#menu .ui-widget-content, .highlight-table .ui-widget-content {background-color: transparent;}
.ui-widget-content a{ color: #312e25;}
.ui-widget-header {border:1px solid #d4ccb0;background:#f5f5f5; color: #433f38; font-weight: bold; }
.ui-widget-header a{color:#433f38;}
.ui-widget-content a {text-decoration:  none;}
#ui-datepicker-div { box-shadow: 0 1px 2px #666666;}
.ui-datatable-even {border-bottom: #ddd solid 1px;}
.ui-datatable-odd {background: #f5f5f5;border-bottom: #ddd solid 1px;}
li.ui-menuitem.ui-widget.ui-corner-all.ui-state-hover {background: none;box-shadow: none;}
.userLink {font-size: 1.1em;margin-bottom:6px!important;}
#selectTeeTimesForm td:nth-of-type(n+2) {text-align: center;}
.dataTableN {margin-bottom: 10px;}

.highlight-table {border: 1px solid #c5c5c5; padding: .6%;background-color: #d9edf7;}



/* Interaction Cues
----------------------------------*/
.highlight {text-shadow: none; color: #363636; border: 1px solid #ddd; padding: .6%;background-color: #f5f5f5;opacity:1;margin-bottom: 10px;}
.highlight .ui-widget-content {background-color: transparent;}
th.ui-paginator {margin-bottom: 10px!important;background-color: #fff;}
.ui-dialog .ui-widget-content {background-color: #ffffff;}
#usersTable th {width: 100%!important;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{text-shadow: none; color: #363636; border: 1px solid #c5c5c5; padding: .6%;
    background: rgb(255, 255, 237);
    background: -moz-linear-gradient(88deg, rgb(255, 255, 237) 0%, rgb(188, 216, 234) 100%);
    background: -webkit-linear-gradient(88deg, rgb(255, 255, 237) 0%, rgb(188, 216, 234) 100%);
    background: -o-linear-gradient(88deg, rgb(255, 255, 237) 0%, rgb(188, 216, 234) 100%);
    background: -ms-linear-gradient(88deg, rgb(255, 255, 237) 0%, rgb(188, 216, 234) 100%);
    background: linear-gradient(178deg, rgb(255, 255, 237) 0%, rgb(188, 216, 234) 100%);
    background-color: #d9edf7;opacity:1;}
.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 #728cac; background: #ffedad url(images/ui-bg_highlight-soft_95_ffedad_1x100.png) 50% top repeat-x; color: #cd5c0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd5c0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd5c0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-datatable th div.ui-dt-c, .ui-datatable .ui-datatable-data td div.ui-dt-c, .ui-datatable .ui-datatable-data-empty td div.ui-dt-c, .ui-datatable tfoot td div.ui-dt-c {
    padding: 8px 10px;}

.ui-growl {  left: 40%;  position: fixed;  top: 190px;  width: 301px;
}
#racv .ui-state-default {box-shadow: none;}
#racv .ui-state-default, #racv .ui-widget-content .ui-state-default, #racv .ui-widget-header .ui-state-default, th.ui-state-default {text-shadow: none;
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #4f4f4f;
    font-weight: bold;

}
#welcome .ui-state-default {border: none;}
#racv .ui-datatable .ui-datatable-data td, #racv .ui-datatable .ui-datatable-data-empty td {border: none;padding:4px;}
#racv .ui-panelgrid td {border: none;}
#teeTimesForm .ui-state-default {border: none!important;}
.ui-datatable-data td {border-left: none!important;border-right: none!important;}
th.ui-state-default {background: #f5f5f5!important;
    border: 1px solid #ddd;}
.ui-button,.inputBt {background: #000;
    color: #fff!important;text-shadow: none; font-weight: normal; border: 1px solid #000dd add;}
.loginBTN,.updateBTN {padding: .5em;}
.confirmBTN {margin-top: 10px;width: 10%; margin-left: 90%;}


/* mark-up */
.colBG {background-color:#E1E9EB; }
.half-col {width: 48%; display: inline-block;;}
.head-cont {width: 100%;overflow: hidden;}
#header {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #81de79 0%, #004b88 100%) repeat scroll 0 0;
    border-bottom: 3px solid #8fb1d1;
    width: 100%;
}
#orgForm input {background: #fff!important;margin-left: 10px;}
.header-inner, #menuForm, #content-wrap  {
    margin-top:100px;
    margin-left:auto;
    margin-right:auto;
    max-width: 1258px;
}
#logo {margin:30px 2%;width:10%;display: inline-block;}
#welcome {display: inline-block; margin-left:10px; color: #fff;}
#menu a {color: #94601f;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: normal;
    line-height: 43px;

}

#headerClass {height: 86px;
    position: fixed; left:0;top: 0;z-index: 200;background: #000;-webkit-box-shadow: 0px 4px 5px 0px rgba(50, 50, 48, 0.49);
    -moz-box-shadow:    0px 4px 5px 0px rgba(50, 50, 48, 0.49);
    box-shadow:         0px 4px 5px 0px rgba(50, 50, 48, 0.49); width:100%;}

/*menu*/
.navigation  {text-align: right; margin-top: 15px;}
#menu li {
    display:inline-block;
    margin: 0px 5px;
    color: #000;
    background:#fff;
    background: rgba(255,255,255, 0.5);

}
#menu li.active{
    color:#000;
}
#menu li a{
    text-decoration:none;
    color: #000;
}
#menu li.active a:hover, #menu li a:hover{
    color: #000;
}
#menu li:hover{
    color: #000;
}
#menu li a,
#menu li.active a{
    padding: 4px 4px;
    display:block;
}
#menu li.active a{
    color: #000;
}

@media (max-width: 767px) {




    /*toggle menu*/
    .navigation {position: absolute;right: 5px;}

    #toggle {
        display: block;
        width: 28px;
        height: 30px;
        margin: 30px 10px;
        float: right;
    }

    #toggle span:after,
    #toggle span:before {
        content: "";
        position: absolute;
        left: 0;
        top: -9px;
    }
    #toggle span:after{
        top: 9px;
    }
    #toggle span {
        position: relative;
        display: block;
    }

    #toggle span,
    #toggle span:after,
    #toggle span:before {
        width: 100%;
        height: 5px;
        background-color: #2e6da4;
        transition: all 0.3s;
        backface-visibility: hidden;
        border-radius: 2px;
    }

    /* on activation */
    #toggle.on span {
        background-color: transparent;
    }
    #toggle.on span:before {
        transform: rotate(45deg) translate(5px, 5px);
    }
    #toggle.on span:after {
        transform: rotate(-45deg) translate(7px, -8px);
    }
    #toggle.on + #menu {
        opacity: 1;
        visibility: visible;
    }

    /* menu appearance*/
    #menu {
        position: absolute;
        color: #999;
        width: 200px;
        padding: 10px;
        text-align: center;
        border-radius: 4px;
        background: #25549f;
        box-shadow: 0 1px 8px rgba(0,0,0,0.05);
        z-index: 400;
        /* just for this demo */
        opacity: 0;
        visibility: hidden;
        transition: opacity .4s;
        float: right;
        top: 60px;
        right: 10px;
    }
    #menu:after {
        position: absolute;
        top: -15px;
        right: 15px;
        content: "";
        display: block;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 20px solid #25549f;
    }
    ul, li, li a {
        list-style: none;
        display: block;
        margin: 0;
        padding: 0;
    }
    li a {
        padding: 5px;
        color: #fff;
        text-decoration: none;
        transition: all .2s;
    }
    li a:hover,
    li a:focus {

        color: #c2c2c2;
    }

    #menu li {
        display:block;
        margin: 0px 5px;
        color: #fff;
        background: #25549f;

    }
    #menu li.active{
        color:#fff;
    }
    #menu li a{
        text-decoration:none;
        color: #fff;
    }
    #menu li.active a:hover, #menu li a:hover{
        color: #ccc;
    }
    #menu li:hover{
        color: #ccc;
    }
    #menu li a,
    #menu li.active a{
        padding: 4px 4px;
        display:block;
    }
    #menu li.active a{
        color: #fff;
    }

    .col-xs-12.searchRow {margin: 15px 2% 20px; width:96%;}
    .select-options {width: 96%;padding: 0 2%;}
    .searchRow .form-control {border: 1px solid #ccc; margin-bottom: 5px;}
    input#datetimepickerText  {margin-top: 0}
    a#datetimepickerLink {
        border-radius: 4px;
        margin: 0 0 5px 0;
        font-size:14px;
        padding: 6px 10px;  }
    .searchRow .btn {margin-top: 0;}
    a#datetimepickerLink {font-size: 1.1em;}
    .day-controls {
        width: 64%; top: 28px}
}

td.editColumn {width: 25px;}

#menu a:hover {background: none; color: #fff;box-shadow: none;}
.next-prev .ui-button, .blueBTN {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #81de79 0%, #004b88 100%) repeat scroll 0 0; color: #fff;}
.defaultBTN {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 100%, #ccc 100%) repeat scroll 0 0!important; border: 1px solid #777!important;color: #777!important;}
#head-navigation {color: #ffffff; text-align: right;float: right;width: 60%;}
#head-navigation a {color: #ffffff;font-size:1.3em;text-transform: uppercase;  text-decoration: none;}
.nextBtn {float:right;}

.teenet-logo {position: fixed; top: 10px; left: 10px;z-index: 80; }
.teenet-logo img {margin-top: -20px;}
.teenet-logo h1 {font-size: 25px; color: #555; display: inline-block;margin-left: 10px; margin-top: 30px;}
.teenet-logo h1 span {color: #000;}

#content-wrap
.sign-in {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #8ebcd1 0%, #8fb1d1 100%) repeat scroll 0 0;
    border-bottom: medium none !important;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 2px #666666;
    color: #94601f;
    display: inline-block;
    font-size: 0.9em;
    margin: 0 5%;
    padding: 8px 2%;
    text-align: center;
}
.userBTN {font-size: 1.3em;}
.footer {width:100%;background: #000;color:#fff; padding:10px;margin-top: 30px;}
.footer span {text-align: right; width:100%; display: inline-block;}
.footer a {color: #fff;}

.lt-data-table {width:92%; margin:0;}
.lt-data-table td.teetime-dates {background-color: #fff; margin: 1px;}
.data-filters {border:0;padding:1%;}
.data-filters td {border: 0; padding:2px;}
td.teetime-dates {border: 1px solid #ccc!important;}
#teeTimesForm th.teetime-dates {background-color: #709BB8!important;background-image: none;color: #fff!important;text-align: center;text-shadow: none;border-right: 1px solid #fff!important;}
th.club-name {background-image: none;background-color: #fff!important;}
.lt-day {font-size: 1.2em;display: block; clear: right;}
.club-name {color: #fff;background-color: transparent; font-size: 1.2em;}
td.club-name {border: 1px solid #fff!important;background-color:#616B72;}
.next-prev {position: relative;top:20px;}

.floatRight{float:right;}
.floatLeft{float:left;}
.clearBoth{clear:both;}

.profileImg{color:#333;margin:0 0 10px 0;}
.profileImg img{color:#333;margin:0 10px 0 0;}

#secFooter{width:100%;overflow:hidden;}
#secFooter p,#secFooter a{font-size:10px;color:#666;text-align:center;}
#secPayArea{width:357px;overflow:hidden;padding:10px;margin:5px 0 5px 5px;border:1px solid #ccc;float:right;}
#ccInfoArea{float:left;width:380px;overflow:hidden;}
.secPayLogo{width:100%;overflow:hidden;margin:5px 0;}
#secPayArea p{font-size:10px;color:#666;}

.blueText{color:#728cac;}
.smallText{font-size:12px;}
.descTextOT{display:inline-block;width:600px;}
.descTextOT br{line-height:0;font-size:0;}

.show-prices {background:#fff;}
.shopping-cart {width: 25%; margin-left: 40%;margin-top: 10px;border: 1px solid #ccc; border-radius:4px;padding:5px;display: inline-block;}
.shopping-cart h4 {color:#4c4c4c; margin:0;font-style: italic; }
.shopping-cart button {margin-left: 10px;}

label {color: #333;}

.field {width:auto;margin-right: 1%;}
.left-half, .right-half {float: left;}
.update-label {width: 180px;}

.full-site {display: none;}
.available-times {margin-top: 15px;}
td.list-times {text-align: center;border-left:1px solid #ccc!important;}
.time-filters td {padding:2px 5px 2px 0!important;}
.time-filters td input, .time-filters td select {margin-right: 10px;}
.tee-info {width:500px;}
.tee-info th {text-align: center;}
.tee-info td {border-left: 1px solid #ccc!important;}

span.list-times a {width: 99%; height: auto;padding: .5%; background-color: #888888; display: block;color: #fff;text-align:center;}
.leftProfile, .rightProfile {width: 38%;display: inline-block;}
.leftProfile label,.rightProfile label {margin-right:5px;font-weight: bold;}
.leftProfile div,.rightProfile div {margin-bottom: 5px;}
.submit-btns {width:98%;text-align:  right;margin-top: 20px;display: block;}
.form-section {width:33%;display:inline-block;height: auto;vertical-align: top;}
.form-section label {width:135px; display: inline-block;}
.form-section input, .form-section select {width:185px; display: inline-block;margin: 3px 0; border: 1px solid #ddd;padding:4px;}
/*media styles*/

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .full-site {display: block;}
    #mainLf2,.footer p, .footer span {width:98%;font-size: .9em;}

}