/*-----------------------------------------------------------*/
/* Generics */
/*-----------------------------------------------------------*/
.alignmiddle
{
    vertical-align:middle;
}

.aligntop
{
    vertical-align:top;
}

.bold
{
    font-weight:bold;
}

.center
{
    text-align:center;
}

.clear
{
    clear:both;
}

.floatleft
{
    float:left;
}

.floatright
{
    float:right;
}

.flush { margin:0; }
.flushbottom { margin-bottom:0; }
.flushleft { margin-left:0; }
.flushright { margin-right:0; }
.flushtop { margin-top:0; }

.grey
{
    color:#888;
}

.hcenter
{
    margin-left:auto;
    margin-right:auto;
}

.imghalf
{
    width: 50%;
}

.imgthreequarter
{
    width: 75%;
}

.left
{
    text-align:left;
}

.marginbottom1 { margin-bottom:10px; }
.marginbottom2 { margin-bottom:20px; }
.marginbottom3 { margin-bottom:30px; }
.marginbottom4 { margin-bottom:40px; }
.marginbottom5 { margin-bottom:50px; }
.margintop1 { margin-top:10px; }
.margintop2 { margin-top:20px; }
.margintop3 { margin-top:30px; }
.margintop4 { margin-top:40px; }
.margintop5 { margin-top:50px; }

.hint
{
    color:#888;
    margin-left:4px;
}

.red
{
    color:#d00;
}

.right
{
    text-align:right;
}

.width1
{
    width:70px;
}

.width2
{
    width:120px;
}

.width3
{
    width:200px;
}

.width4
{
    width:400px;
}

.width20 { width:20%; }
.width25 { width:25%; }
.width30 { width:30%; }
.width40 { width:40%; }
.width50 { width:50%; }
.width60 { width:60%; }
.width70 { width:70%; }
.width75 { width:75%; }
.width80 { width:80%; }
.width90 { width:90%; }
.width100 { width:100%; }

/*-----------------------------------------------------------*/
/* Basic Elements (often overridden) */
/*-----------------------------------------------------------*/

a, a:visited
{
    color:#09f;
    font-weight:normal;
    text-decoration:none;
}

a:hover
{
    color:#06a;
}

h1
{
    color:#888;
    font-size:28px;
    font-weight:normal;
    margin-bottom:20px;
}

h2
{
    color:#000;
    font-size:22px;
    font-weight:normal;
    margin:24px 0 12px 0;
    padding-top:6px;
}

.h2link
{
    font-size:14px;
    font-weight:normal;
    float:right;
}

form h2
{
    border-top: 1px solid #e0e0e0;
}

h3
{
    color:#000;
    font-size:18px;
    font-weight:normal;
    margin:18px 0 6px 0;
}

h4
{
    color:#333;
    font-size:14px;
    font-weight:bold;
    margin:12px 0 4px 0;
}

hr
{
    background-color:#ddd;
    border:0;
    height:1px;
    margin:6px 0;
    max-height:1px;
}

p
{
    color:#333;
    margin-bottom:8px;
}

.inputrow
{
    clear:both;
    margin-top: 10px;
    margin-bottom: 10px;
}

.opt-lbl {
    padding-left: 20px !important;
    text-align: left !important;
    margin-top: 3px !important;
}

.inputbox {
    background-color: #efefef;
    border: 1px solid #ccc;
    padding: 8px;
}
.inputboxtitle
{
    background-color:#3d414a;
    color:#fff;
    padding: 8px;
}
.inputlabel
{
    padding:11px 0 0 0;
    text-align:right;
}

.inputlabelv
{
    padding-top: 8px;
    text-align:left;
}

.inputfield
{
    padding: 4px 0;

}

.inputfield input[type="checkbox"]
{
    margin:7px 0 2px 0;
}

.inputfieldlabel {
    text-align: left;
    margin: 0 auto;
    font-weight: 600;
    color: #333;
    opacity: .8;
}

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

.attachedInputLabel {
    display: inline-block;
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
    padding: 5px 5px 5px 5px;
    width: auto;
    position: relative;
    margin: 0;
    float: left;
    left: 5px;
    line-height: 1.5;
    border-right: 0;
    background: rgb(221, 221, 221);
    box-shadow: -1px 1px 1px 0 rgba(0,0,0,0.25) inset;
}

.label {
    color: #666;
    padding: 6px 6px 6px 0;
    text-align: right;
}
td.value
{
    padding:6px 0 6px 6px;
    text-align:left;
    overflow:hidden;
    word-wrap:break-word;
}

/*-----------------------------------------------------------*/
/* Page layout */
/*-----------------------------------------------------------*/
body
{
    color: #333;
    font-size: 14px;
    font-family: Segoe UI,Segoe WP,Arial,Verdana,Sans-Serif;
}

.bodyheader
{
    background-repeat:no-repeat;
    height:0;
    margin-top:10px;
    max-height:250px;
    overflow:hidden;
}

.navmenu
{
    background-color:#e1e2e4;
    border:1px solid #818284;
    min-height:40px;
    margin-top:10px;
    margin-bottom:10px;
}

.navlinks
{
    text-align:left;
    vertical-align:top;
}

    .navlinks li
    {
        float:left;
        margin:0;
    }

    .navlinks a, .navlinks a:visited
    {
        display:block;
        font-size:14px;
        font-weight:normal;
        height:33px;
        min-width:50px;
        padding:17px 10px 0 10px;
        text-align:center;
        text-decoration:none;
        xwidth:131px;
        overflow:hidden;
    }

    .navlinks a:hover
    {
        background-color:#09f;
        color:#fff;
    }

    .navlinks .home
    {
        float:left;
        margin-left:6px;
    }
        .navlinks .home a, .navlinks .home a:visited
        {
            display:block;
            height:33px;
            min-width:16px;
            padding:17px 6px 0 6px;
            overflow:hidden;
            width:20px;
        }

.navprofile
{
    border-left:1px solid #818284;
    min-height:40px;
    text-align:right;
    vertical-align:top;
    width:150px;
}

.bodycontent
{
    background-color:#fff;
    border: 1px solid #818284;
    padding: 10px 0 0 0;
    margin-bottom:20px;
}

    .bodycontent ul
    {
        list-style-type:disc;
    }

#userProfileRow {
    text-transform: capitalize !important;
}

.userprofile
{
    margin-bottom:8px;
    text-align:right;
    width:100%;
}

.bodycontentbody
{
    height:  100%;
    padding-bottom:  50px;


}

.bodycontentfooter
{

    border-top: 1px solid #ccc;
    padding: 15px 0 20px 20px;
    margin: 30px auto auto auto;
    line-height: 2;
}

    .bodycontentfooter ul
    {
        list-style:none;
    }


.pagemenu a, .pagemenu a:visited {
    display: block;
    color: #2c3e50;
    font-size: 16px;
    margin: 8px 0;
    text-decoration: none;
}

    .pagemenu a:hover
    {
        color:#09f;
    }
/*-----------------------------------------------------------*/
/* Standard Elements */
/*-----------------------------------------------------------*/
.badge {
    background: radial-gradient( 5px -9px, circle, white 8%, #d00 26px );
    background: -moz-radial-gradient( center -9px, circle closest-side, white 0, #d00 26px );
    background: -ms-radial-gradient( center -9px, circle closest-side, white 0, #d00 26px );
    background: -o-radial-gradient( center -9px, circle closest-side, white 0, #d00 26px );
    background: -webkit-radial-gradient( center -9px, circle closest-side, white 0, #d00 26px );
    background-color: #d00;
    border: 2px solid #fff;
    border-radius:12px;
    box-shadow: 1px 1px 1px #666;
    color: #fff;
    font-family: Segoe WP,Segoe UI,Verdana,Arial,Helvetica,Sans-Serif;
    font-size:10px;
    font-weight:bold;
    line-height:10px;
    height: 12px;
    margin:0 2px;
    min-width: 10px;
    padding: 1px 2px 0 2px;
    text-align: center;
    display:inline-block;
    vertical-align:text-top;
}

.message
{
    margin-bottom:10px;
    padding:8px 0 8px 24px;
}

.inlinemessage
{
    padding: 4px 4px 4px 24px;
}

.confirmationmsg
{
    background:#d5ffcf url('../Images/Check16.png') no-repeat 2px 6px;
    border: 1px solid #9adf8f;
}
.errormsg
{
    background:#fccac1 url('../Images/Error16.png') no-repeat 2px 6px;
    border: 1px solid #e18b7c;
}
.infomsg
{
    background:#d1e4f3 url('../Images/Info16.png') no-repeat 2px 6px;
    border: 1px solid #99c4ea;
}
.warningmsg
{
    background:#ffe9ad url('../Images/Warning16.png') no-repeat 2px 6px;
    border: 1px solid #eac572;
}

/* For reservation restriction messages.*/
.warn, .prohibit, .ok
{
    background: url('../Images/Warning16.png') no-repeat 2px 6px;
    color: #eac572;
    line-height:30px;
    text-indent:25px;
}
.prohibit
{
    background: url('../Images/Error16.png') no-repeat 2px 6px;
    color: #FF0000;
}
.ok
{
     background: url('../Images/Check16.png') no-repeat 2px 6px;
     color: #9adf8f;
}

.waitwindow
{
    border:2px solid #ccc;
    display:none;
    padding:10px;
    margin-bottom:20px;
    text-align:center;
}

.buddysearch
{
    margin: 0 0 2px;
    overflow: hidden;
    padding: 6px;
    vertical-align: top;
}

    .buddysearch .img
    {
        float: left;
        margin-right: 10px;
    }
    .buddysearch .title
    {
        float: left;
        margin: 0;
        padding: 0 0 0 5px;
    }

.buddylist
{
    border: 1px solid rgba(0,0,0,0.1);
    margin: 0 auto;
    overflow: auto;
    padding: 0;
}

.playerlist
{
    border-bottom: 1px solid rgba(0,0,0,0.1);
    border-top: 1px solid rgba(255,255,255,0.1);
    border-width: 1px;
    /*overflow: hidden;*/
    height:60px;
    display:table;
}

    .playerlist .child
    {
        display: table-cell;
        vertical-align: middle;
    }

.buddylistinfo
{
    border-bottom: 1px solid rgba(0,0,0,0.1);
    border-top: 1px solid rgba(255,255,255,0.1);
    margin: 0;
    overflow: hidden;
    padding: 6px;
    vertical-align: top;
}

    .buddylistinfo .profilepic
    {
        float: left;
        margin-right: 10px;
    }
    .buddylistinfo .img
    {
        float: right;
        padding: 10px 10px 0 0;
    }
    .buddylistinfo .title
    {
        float: left;
        margin: 0;
        padding: 0 0 0 5px;
    }

.bubble
{
    background: #e02424;
    padding: 2px 6px;
    color: #fff;
    font: bold .9em Tahoma, Arial, Helvetica;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.browsehighlight
{
    background-color:#99c4ea;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#99c4ea), to(#ffffff));
    background:-webkit-linear-gradient(top, #effaef, #99c4ea);
    background:-moz-linear-gradient(top, #effaef, #99c4ea);
    background:-ms-linear-gradient(top, #effaef, #99c4ea);
    background:-o-linear-gradient(top, #effaef, #99c4ea);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99c4ea', endColorstr='#ffffff');
}

.browseresult
{
    border-top:1px solid #ccc;
    margin:4px 0;
    padding:4px;
}

    .browseresult .info
    {
    }
        .browseresult .thumb
        {
            vertical-align:top;
            overflow:hidden;
        }
        .browseresult .title
        {
            xfloat:left;
            font-size:16px;
            font-weight:bold;
            vertical-align:top;
            xwidth:70%;
        }
        .browseresult .time
        {
            xfloat:left;
            font-size:16px;
            font-weight:bold;
            text-align:center;
            vertical-align:top;
            xwidth:30%;
        }
        .browseresult .descrip
        {
            margin-top:8px;
            vertical-align:top;
        }
        .browseresult .note
        {
            color:#f59d03;
            margin-top:8px;
        }
    .browseresult .book
    {
        border:1px solid #e0e0e0;
        xmargin-left:6px;
        text-align:center;
        vertical-align:top;
    }
        .browseresult .book .price
        {
            font-size:22px;
            font-weight:bold;
            margin-top:0px;
        }
        .browseresult .book .pricenote
        {
            color:#a0a0a0;
            font-size:12px;
            margin:-4px 0 8px 0;
        }
        .browseresult .book .button
        {
            margin:4px 0 8px 0;
        }
            .browseresult .book .button input[type="submit"]
            {
                width:80%;
            }

.reservationresult
{
    margin:4px 0;
}

    .reservationresult .thumb
    {
        overflow:hidden;
    }
    .reservationresult .title
    {
        font-size:16px;
        font-weight:bold;
    }
    .reservationresult .time
    {
        font-size:16px;
        font-weight:bold;
        /*margin-left:10px;*/
        /*text-align:right;*/
    }
    .reservationresult .descrip
    {
        margin-top:8px;
    }

    .reservationresult .details
    {
        text-align:center;
    }
        .reservationresult .details .edit
        {
            margin:4px 0 8px 0;
        }
            .reservationresult .details .edit .linkbutton
            {
                width:80%;
            }

/*-----------------------------------------------------------*/
/* Forms and input controls */
/*-----------------------------------------------------------*/
textarea
{
    resize:none;
}

input, textarea, select
{
    color: #333;
    font-size: 14px;
    font-family: Segoe WP,Segoe UI,Arial,Helvetica,Sans-Serif!important;
}

input[type="text"], input[type="file"], select, textarea
{
    background-color:#fff;
    *border:#ccc 1px solid;
    /*padding:4px;*/
}
input[type="text"].input-validation-error, input[type="password"].input-validation-error, input[type="file"].input-validation-error, select.input-validation-error, textarea.input-validation-error
{
    border:1px solid #f00;
    background-color:#fee;
}

.textdate
{
    background: url('../Images/Calendar24.png') no-repeat right center;
    padding-right:24px;
    width:110px;
}

.button
{
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  border-color: transparent;
  height: auto;
  padding: 5px 12px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  font-family: inherit;
  font-weight: 600;
  font-size: 1em;
  text-align: center;
  vertical-align: middle;
  margin: 0 auto;
}

.buttonbar .button
{
    margin-left:4px;
    margin-right:4px;
}

.buttond, .buttond:visited, .buttond:hover
{
    background-color:#f4f4f4;
    color:#ccc;
}

.linkbutton, .linkbutton:visited
{
    border:0;
    display:inline-block;
    font-weight:bold;
    padding:6px 8px;
    margin:0 4px;
    max-height:30px;
    overflow:hidden;
    text-align:center;
    text-decoration:none;
}


/* Flag link sprites */
.flag
{
    display:inline-block;
    height:16px;
    margin-right:6px;
    width:16px;
}

.flagFrance, .flagFrance:visited
{
    background: url('../Images/Flags16.png') 0px 0px;
}
.flagFrance:hover
{
    background-position:0px 16px;
}
.flagSpain, .flagSpain:visited
{
    background: url('../Images/Flags16.png') 32px 0px;
}
.flagSpain:hover
{
    background-position:32px 16px;
}
.flagUSA, .flagUSA:visited
{
    background: url('../Images/Flags16.png') 16px 0px;
}
.flagUSA:hover
{
    background-position:16px 16px;
}

.wraptext
{
    overflow:hidden;
    word-wrap:break-word;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors ul
{
    margin:8px 10px;
}

    .validation-summary-errors ul li
    {
        list-style-type:disc;
        margin-left:10px;

    }

.validation-summary-valid
{
    display: none;
}


.tablesmall td
{
    padding:6px 4px;
    border-bottom:1px solid #dde;
    font-size:12px;
}
.tablesmall tr:hover
{
    background-color:#efefef;
    color:#446;
}

.tablesmall td a, .tablesmall td a:visited
{
    color:#333;
    text-decoration:none;
}
.tablesmall td a:hover
{
    color:#09f;
}
.tablesmall thead tr:hover
{
    background-color:inherit;
    color:inherit;
}

.tablesmall th
{
    padding:6px 4px;
    border-bottom:1px solid #dde;
    font-size:12px;
}

.locktimer
{
    border:1px solid #ccc;
    font-size: 11px;
    text-align: center;
    padding: 5px 5px 5px 5px;
    margin-right: 10px;
    width: 80px;
    background: #efefef;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#efefef), to(White));
    background: -webkit-linear-gradient(#efefef, White);
    background: -moz-linear-gradient(#efefef, White);
    background: -ms-linear-gradient(#efefef, White);
    background: -o-linear-gradient(#efefef, White);
    background: linear-gradient(#efefef, White);
    position:fixed;
    top:20px;
    right:20px;
    /*-pie-background: linear-gradient(#efefef, White);
    behavior: url(/PIE.htc);*/
}

.locktimer time
{
    font-size: 26px;
    font-weight: bold;
}

.helpicon
{
    background:url('../Images/Help16.png') no-repeat;
    cursor:help;
    display:inline-block;
    height:16px;
    margin-left:0.5em;
    width:16px;
}

.helptext
{
    background-color:#d1e4f3;
    border: 1px solid #99c4ea;
    display:none;
    margin-left:0.5em;
    padding:0.5em;
    position:absolute;
    max-width:400px;
    width:auto;
    z-index:999;
}

.hoverhand
{
    cursor:pointer
}

/*.inlineleft
{
    display: inline;
    float: left
}*/

/*-----------------------------------------------------------*/
/* ETS layout information */
/*-----------------------------------------------------------*/
.etsInput {
     width: 240px;
}

/*-----------------------------------------------------------*/
/* Pager */
/*-----------------------------------------------------------*/
.pagelist
{
    margin:2px 0 5px 0;
    text-align:right;
    float: right;
}

.pagelist .current
{
    border-radius:3px;
    background-color:#09f;
    color:#fff;
    display:inline-block;
    margin:0 0.25em;
    padding:0.25em;
    text-align:center;
}

.pagelist a, .pagelist a:visited
{
    border-radius:3px;
    color:#09f;
    display:inline-block;
    margin:0 0.3em;
    padding:0.25em;
    text-align:center;
    text-decoration:none;
}

.pagelist a:hover
{
    background-color:#09f;
    color:#fff;
    text-decoration:none;
}

.pagelist .next, .pagelist .previous, .pagelist .next:visited, .pagelist .previous:visited
{
    border-radius:3px;
    color:#fff;
}

.inlineright
{
    display: inline;
    float: right
}

.inlineleft
{
    display: inline;
    float: right
}

/*-----------------------------------------------------------*/
/* Buddy List Search Table */
/*-----------------------------------------------------------*/

.bltable
{
    margin-left:auto;
    margin-right:auto;
    width:95%;
    table-layout:fixed;
}

.bltable td
{
    padding:0.5px 4px;
    border-bottom:1px solid #dde;
    font-size:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.bltable tbody tr:hover
{
    background-color:#efefef;
    color:#446;
}

.bltable th, .bltable th a
{
    padding:6px 4px;
    border-bottom:1px solid #dde;
    font-size:16px;
    font-weight:bold;
    white-space:nowrap;
    color:#446;
}

.dropdown-menu li
{
    list-style: none;
}
    .dropdown-menu li:hover
    {
        cursor: pointer;
    }


/*.fbbutton, .fbbutton:visited {
    background-color:rgb(91, 116, 168);
    border:1px solid #29447e;
    border-bottom-color:#1a356e;
    box-shadow:0px 1px 0px rgba(0,0,0,0.1);
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    font-size:13px;
    font-weight:bold;
    line-height:16px;
    padding:2px 6px;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
}
    .fbbutton:hover {
        background-color:rgb(91, 116, 168);
    }*/

.pagemenu a.fbbutton, .pagemenu a.fbbutton:visited {
    background-color:rgb(236, 238, 245);
    border:1px solid #cad4e7;
    border-radius:3px;
    color:#3b5998;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    font-size:14px;
    line-height:1.28;
    padding:2px 6px;
    text-decoration:none;
}
    .pagemenu a.fbbutton:hover {
        border-color:#9dacce;
    }
    .fbbutton img {
        float:left;
        margin:1px 4px 0 0;
    }

.fbbuttondark, .fbbuttondark:visited {
    border-top:1px solid #29447e;
    border-right:1px solid #29447e;
    border-bottom:1px solid #1a356e;
    border-left:1px solid #29447e;
    box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
    background-image: url("https://fbstatic-a.akamaihd.net/rsrc.php/v2/yP/r/VximzNmqywk.png");
    background-repeat: no-repeat;
    background-position-x: 0px;
    background-position-y: -98px;
    background-size: auto;
    background-color: rgb(91, 116, 168);
    color:#fff;
    display:inline-block;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: inherit;
    font-weight:bold;
    padding:8px;
    text-decoration:none;
}
    .fbbuttondark:hover {
        border-bottom:1px solid #29447e;
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.2);
        background-image: none;
        background-attachment: scroll;
        background-repeat: repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto;
        background-origin: padding-box;
        background-clip: border-box;
        background-color: rgb(79, 106, 163);
        color:#fff;
        text-decoration:none;
    }

/* Added styles back to <ul> and <ol> that uses 'resetliststyle' class.
   Reset.min.css removed the styles including style-type, hence not being rendered properly.
-----------------------------------------------------------*/
.k-icon-button {
    height: auto !important;
}

.resetliststyle ul {
   list-style-type: disc;
   padding: 5px 10px 10px 40px;
}

.resetliststyle ol {
   list-style-type: decimal;
    padding: 5px 10px 10px 40px;
}


#startMessage > ul li  {
    margin-bottom: 15px;
}


.center-payment-form {
    margin: 0 auto;
    width: 400px;
    margin-bottom: 30px;
    display: flow-root;
}

.no-top-padding {
    padding-top: 0px!important;
}

.no-opacity {
    opacity: 1!important;
}

input.button.button1.rm-cc-file-btn {
    background: brown !important;
}

.hidden-area {
    display: none;
}

.new-grid-area {
    width: 780px;
    float: right;
}

.k-pager-numbers li, .k-pager-input {
    list-style-type: none!important;
}

button.slot-hour-btn {
    margin-right: 5px;
    margin-bottom: 8px;
    width: 95px;
}

.slot-selected {
    background: #53a1eb!important;
    color: white!important;
    border: 1px solid black;
    border-radius: 3px;
}

.locked-user {
    color: orangered;
    background: lightyellow;
    padding: 5px;
    text-align: center;
    margin-top: 25px;
}

.card-file-drop{
    max-width: 400px;
    margin-bottom: 10px;
}

.k-state-selected {
    background-image: none,linear-gradient(to bottom, #fe761b 0, #e15613 100%);
}

.k-popup .linkbutton {
    min-width: 80px;
}