@charset "UTF-8";

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
    outline: 0;
}
body {
    background: #fff;
    line-height: 1;
}
ol, ul {
    /*list-style: none;*/
}
table {/* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a img {
    border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}


/* new grint code */
body.grint {
    margin: 0px;
    padding: 0px;
    /*background-image: url(images/loop2.jpg);*/
    background-repeat:repeat;
    background-color: #fcfcfc;
    background-image: url(images/brilliant.png);
    background-position: center top;
    /*background-color: #14272E;*/
    line-height: 1.4;

}
.grint #page{
    /*overflow: hidden;*/
}
.grint .centered{
    width: 980px;
    margin: 0px auto;
}
.grint #wrapper{
    min-height:600px;
    background-color: #F2F2F2;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    /*border-left: solid #DFDFDF 1px;
    border-right: solid #DFDFDF 1px;*/
    width: 100%;
}
.grint #header{
    height: 64px;
    position: relative;
    border-bottom: solid #b5d44f 7px;
    background-color: #00263d;
    background-repeat: repeat-x;
    background-position: bottom;
    width: 100%;
    min-width: 980px;
}

.grint #header-container-welcome{
    width: 980px;
    margin: auto;
    position: relative;
}


.grint #header a#logo{
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
    width: 94px;
    z-index: 3;
}

.grint #header a#logo img{
    width: 59px;
    margin-top: 3px;
}

.grint #header #navleft{
    float: left;
    height: 64px;
    margin-left: 85px;
   /* width: 510px;*/
    padding-top: 26px;
}
.grint #header #navleft a{
    color: #fff;
    text-decoration: none;
    font-family: "helvetica", Georgia, serif;
    font-size: 16px;
    line-height: 15px;
    height: 15px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 8px;
    margin-left: -1px;
    border-left: solid white 1px;
    float: left;
    display: inline-block;
}
.grint #header #navleft a.first {
    border-left: 0;
}
.grint #header #navleft a:hover{
    text-decoration: underline;
}
.grint #header #navleft a.selected{
    border-left: 0px none;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 12px;
    padding-bottom: 11px;
    background-color: #2e3c3f;
    background-image:url(images/gr_select.png);
    background-repeat: repeat-x;
    background-position: bottom;
    position: relative;
    z-index: 2;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;

}
.grint #header #navright{
    float: right;
    height: 64px;
    /*width: 350px;*/
    position: relative;
}
.grint #header #navright a{
    text-decoration: none;
    color: #fff;
    font-family: "helvetica", sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 11px;
    float: right;
    padding-top: 41px;
    margin-right:16px;
    display: inline-block;
    text-align:center;
    position: relative;
}
.grint #header #navright a:hover{
    text-decoration: underline;
}
.grint #header #navright a.selected{
    font-weight: bold;
}
.grint #header #navright a span.indicator{
    position: relative;
    display: block;
    top: -35px;

    margin: 0px;
    background-image: url(images/triangle.png);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 21px;


}
.grint #header #navright a span.indicator span{
    display: inline-block;
    background-color: #cf3d11;
    padding: 3px 6px;
    font-family:helvetica, sans-serif;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    line-height: 11px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
}
.grint #header #navleft a span.indicator{
    position: relative;
    display: block;
    top: -38px;

    margin: 0px;
    background-image: url(images/triangle.png);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 21px;
    text-align: center;

}
.grint #header #navleft a span.indicator span{
    display: inline-block;
    background-color: #cf3d11;
    padding: 3px 6px;
    font-family:helvetica, sans-serif;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    line-height: 11px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
}
.clr{
    clear: both;
}
.grint #main{
    background-color: #fff;
    min-height: 450px;
    padding: 40px 0px;
    font-family: helvetica, sans-serif;
    font-size: 14px;
    color: #333;
    width: 980px;
    margin: auto;   
}
.grint #main.sidebar{
    background-image: url(images/bg_sidebar.png);
    background-repeat: repeat-y;
    background-position: right;
}
.grint #footer{
    margin: 0px;
   /* background-image:url(images/gr_footer.png);
    background-repeat: repeat-x;
    background-position: top;*/
    background-color: #00263d;
    padding-top: 10px;

    text-align: center;
    font-size: 11px;
    color: #eee;
    font-family: helvetica, sans-serif;
    position: relative;
    padding-bottom: 25px;
    width: 100%;
    min-width: 980px;
}
.footer_square{
    border-right: 1px solid white;
    float: left;
    padding: 0px 20px 0px 25px;
}

.footer_square a{
    font-family: helvetica, sans-serif;
    color: white;
    font-size: 12px;
}

.footer_square span a{
    color: white;
    font-family: Arial, sans-serif;
    font-size: 11px;
    text-decoration: none;
    display: block;
}

.contain_footer{
    margin: auto;
    width: 895px;
}

.grint .column{
    float: left;
    margin-left: 32px;
    display:inline-block;
}
.grint .c1{ width: 47px; }
.grint .c2{ width: 126px; }
.grint .c3{ width: 205px; }
.grint .c3s{    width: 173px; margin-left: 64px; }
.grint .c4{ width: 284px; }
.grint .c4s{    width: 252px; margin-left: 64px; font-family: helvetica;}
.grint .c5{ width: 363px; }
.grint .c6{ width: 442px; }
.grint .c7{ width: 521px; }
.grint .c8{ width: 600px; }
.grint .c9{ width: 679px; }
.grint .c10{    width: 758px; }
.grint .c11{    width: 837px; }
.grint .c12{    width: 916px;font-family: helvetica, Georgia, serif; }

.grint h1{
    font-family: helvetica, Georgia, serif;
    font-size: 22px;
    padding: 10px 0px 12px 6px;
    line-height: 22px;
    font-weight: normal;
    color: #215969;
}
.grint h2{
    font-family: helvetica, Georgia, serif;
    font-size: 16px;
    padding: 6px 0px 6px 6px;
    line-height: 16px;
    font-weight: normal;
    color: #111;
}
.grint .widget{
    margin-bottom: 40px;
    font-family: helvetica, Georgia, serif;
}
.grint #sidebar h2{
    color: #333;
}

.grint .dbtop{
    padding-top: 1px;
    background-image: url(images/dot_big.png);
    background-repeat: repeat-x;
    background-position: left top;
    padding-top: 6px;
}
.grint .statcircle{
    text-align: center;
    width: 72px;
    min-height: 71px;

    /*background-position: top;*/
    margin-top: 16px;
    float: left;
    margin-left: 35px;
}
.grint .statcircle.alt{
    margin-top: 0px;
    margin-bottom: 16px;

}


.grint .statcircle #stat{
    background-image:url(images/circle_green.png);
    background-repeat: no-repeat;
    background-position: center -129px;

    font-family: 'Oswald', 'Arial Narrow', sans-serif;
    font-weight: 300;
    font-size: 25px;
    line-height: 25px;
    height: 30px;
    padding: 24px 0px 22px;
    color: #000;
    display: block;
    cursor:pointer;
    width: 74px;

}
.grint .statcircle.void #stat{
    background-image:url(images/circle_grey.png) !important;
    background-position: top;
}

.grint a.statcircle:hover #stat{
    text-decoration: none !important;
}
.grint a.statcircle:hover{
    text-decoration: none   ;
}
.grint .statcircle #stat.selected{
    background-image:url(images/circle_blue.png);
    color: #fff;
    background-position: top;
}
.grint a.statcircle:hover #stat{
    background-position: top;
}
.grint a.statcircle:hover #stat.selected{
    background-position: top;
}
.grint .statcircle.void #stat{
    color: #333;
}
.grint .statcircle #label{
    font-size: 16px;
    line-height:16px;
    height: 16px;
    color: #19434f;
    font-family: helvetica, sans-serif;
    padding: 0 0 5px;
    display: block;
    margin: 0 -15px;
}
.grint .statcircle #label span.small {
    font-size: 10px;
}
.grint .tbl .row{
    border-bottom: dotted #989c9e 1px;
    min-height: 32px;
    /*overflow: auto;*/
    background-color: #f8f9fa;
}
.grint #sidebar .tbl .row{
    background-color: #dbe1e4;
}
.grint .tbl .row:nth-child(odd), .grint #sidebar .tbl .row:nth-child(odd) {
    background-color: transparent;
}
.grint .tbl .head{
    min-height: 5px;
    overflow: auto;
    background-image:url(images/gr_widget.png);
    background-repeat: repeat-x;
    background-position: top;
    background-color: #4894a8;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.grint .tbl .head.red{
    background: #cf3d11;
}
.grint .tbl .l{
    float: left;
    padding: 0px 0px 0px 9px;
    text-align: left;
    max-width: 155px;
}
.grint .tbl .l.max{
    padding: 0px 9px;
    max-width: 100%;
}
.grint .tbl .r{
    float: right;
    padding: 0px 9px 0px 0px;
    min-width: 30px;
    text-align: right;
}
.grint .tbl .head .l, .grint .tbl .head .r{
    color: #fff;
    font-family: helvetica, Georgia, serif;
    font-size: 10px;
    line-height: 24px;
    padding-top: 1px;
}
.grint .tbl .row .l, .grint .tbl .row .r{
    color: #333;
    font-family: helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin: 6px 0px;
}
.grint .tbl .row .r{
    color: #4d4d4d;
}

.grint h2 span{
    float: right;
    padding: 5px 9px 0px 0px;
    text-align: right;
    font-family: helvetica, Georgia, serif;
    font-size: 10px;
    line-height: 10px;
}
.grint .tbl.double .row{
    min-height: 40px;
}
.grint .tbl.double .row .r{
    line-height: 20px; /*40px;*/
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
}
.grint .tbl.double .row .l{
    line-height: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.grint .tbl.double .row .l span{
    line-height: 11px;
    display: block;
    font-size: 11px;
    color: #808080;
}

.grint .tbl.double .row .r span{
    line-height: 11px;
    display: block;
    font-size: 11px;
    color: #808080;
    text-align: right;
    position: absolute;
    right: 9px;
}
.grint h2.cstats{
    float: left;
    width: 155px;
    margin-top: 38px;
}
.grint a{
    text-decoration: none;
}
.grint a:hover{
    text-decoration: underline;
}
.grint h1 span.darker, .grint h1 span.darker a{
    color:  #14272e;
}

.grint h1 span.message{ font-family:Arial, sans-serif; font-size:11px; display:block; color:#000;}

.grint a.addbut{
    font-family: helvetica, Georgia, serif;
    font-size: 11px;
    padding: 7px 12px;
    background-image: url(images/bg_greybut.png);
    background-color: #cdcccc;
    background-repeat: repeat-x;
    background-position: top;
    text-decoration: none;
    color: #333;
    float: right;
    margin-top: 8px;
    margin-left: 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height:15px;
    height: 15px;
    text-align: center;
    cursor: pointer;
}
.grint a.addbut:hover{
    background-position: bottom;
}
.grint a.plusbut{
    font-family: helvetica, Georgia, serif;
    font-size: 16px;
    line-height: 24px;
    display: block;
    height: 24px;
    padding: 1px 0px 0px 34px;
    background-image: url(images/plusbut.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left top;
    text-decoration: none;
    color: #333;
}
.grint a.plusbut:hover{
    background-position:left  bottom;
}
.grint .tbl.graphlinks{
    border-bottom: dotted #989c9e 1px;
}
.grint .tbl.graphlinks a.filterlink{
    color: #000;
    font-family: helvetica, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 15px;
    padding: 9px 0px 0px 6px;
    margin: 9px 0px;
    display: block;
    text-decoration: none;
    border-top: dotted #989c9e 1px;
}
.grint .tbl.graphlinks a.filterlink#first{
    border-top: none 0px;
    margin-top: 0px;
}
.grint .tbl.graphlinks a.filterlink:hover{
    text-decoration: underline;
}
.grint .tbl.graphlinks a.filterlink.second{
    border-top: 0px none;
    font-size: 13px;
    line-height: 13px;
    margin: 5px 0px;
    padding: 0px 0px 0px 20px;
}
.grint .tbl.graphlinks a.filterlink.highlight{
    font-weight: bold;
    color: #579425;
}
.grint .tbl.graphlinks a.filterlink span.desc{
    color: #666;
    font-size: 11px;
    margin: -2px 10px 0px 0px;
    padding: 0px;
    line-height: 10px;
    width: 55px;
    font-weight: normal;
}

.grint .filterbar{
    height: 50px;
    /*background-image:url(images/bg_filter.png);    
    background-repeat: repeat-x;
    background-position: top;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;*/
    background-color: #c2cacc;
}
.grint .filterbar h2{
    padding: 13px 14px 11px;
    margin: 5px 0px;
    float: left;
    display: block;
    border-right: dotted #989c9e 1px;
}
.grint .filterbar .fgroup{
    width: 126px;
    margin-left: 14px;
    float: left;
}
.grint .filterbar .fgroup label{
    font-family: helvetica, Georgia, serif;
    font-size: 10px;
    line-height: 10px;
    padding: 11px 0px 1px;
    color: #14272e;
    display: block;
}
.grint .filterbar .fgroup select{
    width: 126px;
}
.grint .filterbar input#submit{
    font-family: helvetica, Georgia, serif;
    font-size: 12px;
    line-height: 17px;
    padding: 6px 0px 5px;
    width: 55px;
    float: right;
    margin-top: 11px;
    margin-right: 12px;
    /*height: 16px;*/
    box-sizing: content-box;
    -moz-box-sizing: content-box;

    background-color: #2c3c42;
    background-image:url(images/bg_bluebut.png); 
    background-repeat: repeat-x;
    background-position: top;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    border: none 0px;
    color: #fff;
    cursor: pointer;
}
.grint .filterbar input#submit:hover{
    background-position: bottom;
}
.grint input.bluebut, .grint a.bluebut{
    font-family: helvetica, Georgia, serif;
    font-size: 12px !important;
    line-height: 17px;
    padding: 6px 12px 5px;
    /*width: 55px;*/
    margin-top: 11px;
    /*margin-right: 12px;*/

    background-color: #2c3c42;
    background-image:url(images/bg_bluebut.png); 
    background-repeat: repeat-x;
    background-position: top;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    border: none 0px;
    color: #fff;
    cursor: pointer;
}
.grint .editbar{

    background-image:url(images/bg_filter.png);
    background-color: #b5bcbe;
    background-repeat: repeat-x;
    background-position: top;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 8px;
}
.grint .editbar label{
    font-family: helvetica, Georgia, serif;
    font-size: 12px;
    line-height: 2;
    /*padding: 11px 0px 1px;*/
    color: #14272e;
    display: block;
}

.grint .editbar input[type="text"]{
    font-size: 12px;

}
.grint .optblock{
    overflow: hidden;
}
.grint .optblock h2{
    float:left;
    width: 147px;
    margin-top: 9px;
    text-align: right;
}
.grint .optblock input.progress{
    background-image: url(images/uplight.gif);
    background-repeat:repeat;
    border-color: #FFFFFF;
    border-style: solid;
}

.grint .optblock .editbar{
    width: 398px;
    float: right;
    margin: 4px 0px 8px;
}
.grint .optblock .editbar label{
    display: inline-block;
    min-width: 50px;
    margin-left: 8px;
}
.grint .optblock .editbar label.longer{
    min-width: 110px;
}
.grint .optblock .optrow{
    margin-bottom:4px;
}
.grint .optblock a.ajaxbut{
    background-image: url("http://thegrint.com/css/images/bg_greenbut.png");
    background-position: top;
    background-repeat: repeat-x;
    background-color: #729F30;

    border-radius: 3px;
    color: #FFFFFF;
    display: inline-block;
    font-family: helvetica, Georgia, serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    margin-left: 8px;
    padding: 2px 6px;

    float:right;
    margin: 1px 3px 0 0;
}
.grint .optblock a.ajaxbut:hover{
    background-position: bottom;
}

.grint input.bluebut:hover, .grint a.bluebut:hover{
    background-position: bottom;
}
.grint .filterbar input#submit:hover{
    background-position: bottom;
}
.grint .widget #comparison{
    border-top: dotted #989c9e 1px;
}
.grint .widget #comparison .c_row{
    border-bottom: dotted #989c9e 1px;
    overflow: auto;
}
.grint .widget .c_row .l{
    float: left;
    font-family: helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    line-height: 13px;
    padding: 15px 0px 13px;
    width: 152px;
    text-align: right;
    margin-right: 20px;
}
.grint .widget .c_row .m{
    float: left;
    font-family: Oswald, 'Arial Narrow', sans-serif;
    font-size: 17px;
    color: #333;
    line-height: 13px;
    padding: 14px 0px 10px;
    width: 90px;
    text-align: center;
    font-weight: 300;
    margin-left: 17px;
}
.grint .widget #ranking .c_row .l, .grint .widget #ranking .c_row .m{
    font-family: helvetica, Georia, serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 16px;
    padding-top: 0px;
}
.grint .widget #ranking .c_row .m{
    color: #4d8321;
}
.grint .widget #ranking{
    overflow: auto;

}
.grint #ranking sup{
    font-size: 11px;
    line-height: 11px;
    vertical-align: top;
}

.grint .widgetcaption{
    font-family: helvetica, sans-serif;
    font-size: 16px;
    line-height: 16px;
    float: right;
    color: #19434F;
    padding: 6px 8px 0px 0px;
}
.grint .profilepic{
    width: auto;
    height: auto;
    margin: 0px;
    padding: 0px;
    border: solid #4894a8 1px;
    overflow:hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.grint .profilepic_image{
    padding: 5px;
    box-shadow: -2px 4px 1pc #929292;
    border-radius: 2px;
}

.grint .profilepic #member{
    font-family: helvetica, Georgia, serif;
    font-size: 11px;
    color: #fff;
    background-color: #4894a8;
    line-height: 18px;
    height: 18px;
    text-align: center;
    padding-top: 2px;
}

.grint .profilepic img{
    width: 124px;
    height: auto;
}
.grint img.editpic{
    float: left;
    border: solid #4894a8 2px;
    overflow:hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0px 16px 0px 0px;
}
.grint .grint_table{
    margin-top: 10px;
}
.grint .grint_table td{
    padding-bottom: 16px;
}
.grint .grint_table .label{
    color: #333;
    font-family: helvetica, Georgia, serif;
    font-size: 14px;
    text-align: right;
    padding-right: 32px;
    font-weight: normal;
}
.grint .grint_table .style1{
    color: #cf3d11;
    margin-right: -8px;
}
.grint .grint_table input, .grint .grint_table select{
    font-size: 13px;
    margin-right: 2px;
    color: #215968;
    -moz-box-sizing: border-box;
    width: 180px !important;
    border-radius: 5px;
    /*padding: 5px;*/
    border: 1px solid #7d7d7d;
    height: 25px;
}

.grint #grint_table_profile input[type='text']{
    height: 25px !important;
    width: 175px !important;
}

.grint .grint_table select{
    height: 25px !important;
}

.grint .scorecard{
    background-image:url(images/bgl_white.png);
    background-position: left top;
    background-repeat:repeat;
    background-color: #eeefec;
    border-radius: 8px;
    padding: 24px 0px;

    position: relative;
}
.grint .scorecard table.compact{
    font-family: 'Arial Narrow';
}
.grint .scorecard table.compact input{
    width: 15px;
}
.grint .scorecard table.compact tr.fwa input{
    /*font-family: "Arial Black";*/
    font-family: Typicons;
    font-size: 13px;
    height: 14px;
    text-align: center;
}
.grint .scorecard table.compact input.calc, .grint .scorecard table.compact tr.fwa input.calc{
    width: 40px;
    background: none;
    border: 0px none;
    outline: none;
    font-family: inherit;
    text-align: center;
}

.grint .scorecard .label, #course_request .label, .request .label{
    color: #333;
    font-family: helvetica, Georgia, serif;
    font-size: 14px;
    text-align: right;
    padding-right: 32px;
    padding-left: 32px;
    font-weight: normal;
}
.grint .scorecard td, #course_request td, .request td{
    height: 32px;
    vertical-align: middle;
}
.grint .scorecard .compact td{
    width: 32px;
    text-align: center;
    line-height: 1;
}
.grint .scorecard table td.label, #course_request table td.label, .request table td.label{
    width: 106px;
    text-align: right;
}
.grint .scorecard .tablehead{
    background-image: url(images/bgl_blue.png);
    font-family: helvetica, Georgia, serif;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    background-color: #9dbd6f;
}
.grint .scorecard .bgg{
    background-image: url(images/bgl_blue.png);
    background-color: #5f929c;
}
.grint .scorecard .bgg, .grint .tablehead{
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
    filter: dropshadow(color=#aaa, offx=0, offy=0);

}
.grint .scorecard #tees{
    width: 100px;
}
.grint .infobar{
    height: 28px;
    position: relative;
    float: left;
    margin-top: 12px;
    margin-left: 12px;
    width: 600px
}
.grint .infobar .info{
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 28px;
    line-height: 14px;
    font-size: 11px;
    background-image: url(images/i_info.png);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 36px;
    padding-top: 16px;
    opacity: 0;

    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.grint .infobar.pen #info_pen{ display: block; opacity: 1; }
.grint .infobar.putt #info_putt{ display: block; opacity: 1; }
.grint .infobar.fwa #info_fwa{ display: block; opacity: 1; width:610px; }

.grint input.greenbut, .grint a.greenbut{
    font-family: helvetica, Georgia, serif;
    font-size: 14px !important;
    line-height: 14px;
    padding: 8px 16px;
    /*width: 55px;*/
    margin-top: 11px;
    /*margin-right: 12px;*/

    background-color: #729f30;
    background-image:url(images/bg_greenbut.png); 
    background-repeat: repeat-x;
    background-position: top;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    border: none 0px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
}
.grint input.greenbut:hover, .grint a.greenbut:hover{
    background-position: bottom;
}

.grint label.searchlabel{
    color: #333;
    font-family: helvetica, Georgia, serif;
    font-size: 14px;
    text-align: right;
    padding-right: 16px;
    font-weight: normal;
    vertical-align: middle;
    padding-bottom: 3px;
    display: inline-block;
}
.grint input.searchfield{
    font-size: 14px;
    margin-right: 16px;

    height: 24px;
    vertical-align: bottom;
    line-height: 24px;
    padding: 0px 2px;
}



.grint .grint_table.alternating{
    border-collapse: collapse;  
}
.grint .grint_table.alternating tr{
    border-bottom: dotted #989c9e 1px;
    background-color: #f8f9fa;
}
.grint .grint_table.alternating tr:nth-child(odd){
    background-color: transparent;
}
.grint .grint_table.alternating td{
    padding: 1px 6px 0px;
    line-height: 2;
    font-size: 13px;
    /*border-right: solid transparent 1px;
    border-left: solid transparent 1px;*/
    vertical-align: middle;
}


.grint .grint_table tr.tablehead{
    min-height: 5px;
    overflow: auto;

    /*-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;*/
    padding: 0px !important;
    border-bottom: 0px none !important;
}
.grint .grint_table tr.tablehead td{
    /*background-image:url(images/gr_widget.png);
    background-repeat: repeat-x;
    background-position: top;*/
    background-color: #4894a8;
    color: #fff;
    font-weight: bold;
    font-family: helvetica, Georgia, serif;
    font-size: 11px;
    line-height: 17px !important;
    padding-bottom: 3px !important;
    padding-top: 3px !important;
    height: 25px;
}

.grint .grint_table_short tr.tablehead td{
    /*background-image:url(images/gr_widget.png);
    background-repeat: repeat-x;
    background-position: top;*/
    background-color: #4894a8;
    color: #fff;
    font-weight: bold;
    font-family: helvetica, Georgia, serif;
    font-size: 11px;
    line-height: 17px !important;
    padding-bottom: 3px !important;
    padding-top: 3px !important;
    height: 25px;
    padding-left: 5px;
}

.grint .grint_table_short tr td{
    vertical-align: middle;
    background-color: #f8f9fa;
    padding-left: 3px;
}

.grint .grint_table_short .padding td{
    padding-top:10px;
}

.grint .grint_table.friends tr.tablehead td {
    line-height: 12px !important;
}
.grint td.tdl{
    /*-moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;*/
}
.grint td.tdr{
    /*-moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;*/
}
.grint .grint_table.compact{
    margin-top: 0px;
}
.grint .grint_table.compact td {
    padding: 0px 6px;
    line-height: 2;
    text-align: right;  
}
.grint .grint_table.compact td.label{
    padding-right: 32px;
}
.grint .cancelbut{
    font-family: helvetica, Georgia, serif;
    font-size: 14px !important;
    line-height: 14px;
    padding: 8px 20px;
    color: #999;
    display: inline-block;

}

.grint .grint_table.friends{
    border-collapse: collapse;  
}
.grint .grint_table.friends tr{
    border-bottom: dotted #989c9e 1px;
    background-color: #f8f9fa;
}
.grint .grint_table.friends tr:nth-child(odd){
    background-color: transparent;
}
.grint .grint_table.friends td {
    padding: 6px 6px;
    line-height: 1.4;
    vertical-align: middle;
    font-size: 13px;
    border-right: solid transparent 1px;
    border-left: solid transparent 1px;
    color: #333;
}
.grint .grint_table.friends h2{
    padding-left: 0px;
    display: inline;
    line-height: 1.4;
}
.grint .grint_table.friends a{
    color: #333;
}
.grint .grint_table.friends a.addbut{
    margin-left: 0;
    float: none;
}
.grint .grint_table tr.unread{
    background-color: #eff5e6 !important;
}
.grint .grint_table tr.unread td, .grint .grint_table tr.unread a{
    font-weight: bold;
    color: #4f8722;
}

.grint a.delbut{
    font-weight: bold !important;
    font-size: 18px !important;
    /*color: #81260b;*/
    color: #555 !important;
    line-height: 14px;
}
.grint a.delbut:hover{
    text-decoration: none !important;
    color: #cf3d11 !important;
}
.grint a.accbut{

    color: #444 !important;
    line-height: 1;
}
.grint a.accbut:hover{
    /*text-decoration: none !important;*/
    color: #559124 !important;
}
.grint a.revbut{
    font-weight: normal !important;
    color: #666 !important;
}
.grint a.revbut:hover{
    color: #000 !important;
}

.grint .textbox_login{
    font-size: 14px;
    padding: 2px 2px 3px;
    vertical-align: bottom;
    width: 142px;
}

.grint #homedesc p{
    font-family: helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.4;
    color: #000;
    margin-top: 16px;
}

.grint .grint_table.compact.register{
    margin-top: 16px;

}
.grint .grint_table.compact.register td{
    text-align: left;
}
.grint .grint_table.compact.register td.label{
    text-align: right !important;
    font-size: 13px;
    padding-right: 16px;
    width: 130px;
}
.grint .grint_table.compact.register .signin_textbox{
    float: none;
    width: 180px;
}
.grint .circlerating{
    color: #7eb035;
    font-size: 50px;
    line-height: 20px;
    height: 24px;
    /*overflow: hidden;*/
    display: inline-block;
    vertical-align: top;
    font-family: Arial, sans-serif;
}
.grint .funshape{
    font-family: helvetica, Georgia, serif;
    font-weight: 400;
    font-size: 15px;
}
.grint .terms p{
    margin-left: 6px;
    margin-bottom: 12px;
    margin-top: 8px;
}
.grint .terms h2{
    color: #215969;
}


.grint .c_row .l .rank{
    float: left;
    margin-left: 6px;
}
.grint .c_row .l .cat{
    font-weight: normal;
    font-size: 10px;
    color: #666 !important;
    float: right;
    margin-top:-3px;
    margin-left: 2px;
    display: inline-block;
    vertical-align:top;
}
.grint #fourcomp, .grint #allcomp, .grint #dashgraph{
    overflow:hidden;
}
.grint .widget #allcomp #comparison .c_row .m{
    color: #aaa;
}
.grint .widget #allcomp #comparison .c_row .m.s{
    color: #000;
}
.grint .widget #allcomp #comparison .c_row.me span{
    color: #2b8aa2 !important;
}
.grint .widget #allcomp #comparison .c_row.me{
    background-color: #eef1f3;
    font-weight: bold;
}
.grint a#refresh{
    color: #111111;
    font-size: 12px;
    margin: 8px 0 0 8px;
}
.grint .f_remove{
    display: inline-block;
    font-size: 11px;
    margin-left: 8px;
    color: #333;
    width: 100px;
}
.grint td .f_remove a.delbut{
    display:none;
}
.grint td:hover .f_remove a.delbut{
    display:inline;

}
.grint .green{
    color: #4F8722;
}

.grint .tbl .row .l.memtitle{
    width: 312px;
    max-width: 316px;
    text-align:right;
    padding-right: 4px;
    padding-left: 0px;
}
.grint .tbl .row .l.mem{
    width: 200px;
    text-align:center;
    max-width: 200px;
    padding-right: 0px;
    padding-left: 0px;
    color: #4D8321;
    font-size: 18px;
}
.grint .tbl .row .l.mem.d{
    margin-top: 15px;
}
.grint .tbl .row .l.mem span{
    font-size: 13px;
    color: #000;
}
.grint .tbl .row .l.mem small{
    font-size: 11px;
    vertical-align: top;
    line-height: 16px;
    padding-top: 2px;
}
.grint_table a{
    color: #215969;
}
.grint #memberbox{
    font-size: 12px;
}
.grint #memberbox img{
    vertical-align: top;
    line-height: 11px;
    padding-top: 1px;
}
.grint .autowrap{
    position: relative;
    display: inline-block;
}
.grint .autowrap #ucourse{
    width: 250px;   
}
.grint .autowrap #options, #user_options{
    position: absolute;
    z-index: 10;
    left: -2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;

    border: solid #4d8321 1px;
    margin-top: 1px;
}
.grint .autowrap #options.h{
    display: none;
}
.grint .autowrap a.courserow{
    background: #fff;
    width: 200px;
    display: block;
    color: #4D8321;
    font-size: 13px;
    font-weight: bold;
    border-bottom: dotted #989C9E 1px;
    padding: 5px 4px 3px;
}
.grint .autowrap a.courserow:first-child{
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}
.grint .autowrap a.courserow:last-child{
    -webkit-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    border-bottom: 0px none;
}.grint .autowrap a.courserow:first-child:last-child{
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.grint .autowrap a.courserow:hover{
    background-color: #DBE1E4;
}
.grint .autowrap #ucourse:focus{
    color: #666;
}
.grint .autowrap a.courserow span{
    font-weight: normal;
    color: 
        #666;
    display: block;
    font-size: 11px;
    line-height: 1;
}

.grint .link-blue{
    color:#2E75B6;
    text-decoration: none;
    font-size: 13px;
    font-family: helvetica;
}


/*drag and drop */
.scdrop{
    width: 258px;
    height: 64px;
    position: absolute;
    right: 8px;
    top: 8px;
    border-radius: 5px;
    font-size: 10px;
    z-index: 198;
}

.scdrop.uploading {
    background: url("images/upbg.gif") repeat fixed right top transparent;
}



/* file input box hack that makes a button */
.scdrop #file_container {
    height: 64px; width: 194px;
    border-radius: 5px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    right: 64px;
    z-index:201;
}
.scdrop #selectbox{
    position: absolute; 
    bottom: 10px;
    right: 55px;
    width: 188px;
    text-align: left;
    z-index:203;
}
#selectbox input {
    height: 22px;
}
.scdrop #text{
    position: absolute; 
    top: 13px;
    right: 59px;
    width: 180px;
    text-align: left;
    z-index:199;
    font-family: helvetica, Georgia, serif;
    color: #112d35;
}
.scdrop #selectbox input{
}
.scdrop #file_container.dragging {
    background: rgba(255, 255, 255, 0.2);
}


.scdrop #file_container input, #scdrop2 #file_container input {
    position: absolute; top: 0; right: 0;
    font-size: 250px;
    opacity: 0;
    cursor: pointer; /* Won't work in Fx 3.6 */
}
#scdrop2 #file_container input {
    font-size: 50px;
}

.scdrop #icon{
    position: absolute;
    z-index: 205;
    top: 8px;
    right: 8px;
    display: block;
}
.scdrop #icon img{
    border-radius: 5px;
}



.big-btn-blue{
    background-color: #4472c4;
    color: #fff !important;
    text-align: center;
    font-family: helvetica;
    font-size: 22px;
    font-weight: 600;
    border-radius: 5px;
    padding: 12px 40px;
    cursor: pointer;
    border: none !important;
    box-shadow: -2px 3px 7px -1px #888888;
    display: inline-block;		
}


/********NEWSFEED**********/
.newsfeed{

}
.newsfeed a#morenews{
    text-align: center;
    display: block;
    font-family: helvetica, Georgia, serif;
    color: #14272E;
    padding: 12px;
    font-size: 15px;
}
.newsfeed .n_row{
    font-size: 13px;
    /*border-bottom: dotted #989C9E 1px;*/
    overflow: hidden; /*auto*/
    position: relative;
    -webkit-font-smoothing: auto;
}
.newsfeed .n_row a{
    font-family: helvetica, sans-serif;
    font-size: 15px;
    color: #333;
    line-height: 24px;
    padding: 10px 6px 18px 6px;
    display: inline-block;
    margin: 0px;
    margin-left: 74px;
}
.newsfeed .n_row .icon{
    font-family: Typicons;
    font-size: 24px;
    line-height: 24px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    padding-top: 19px;
    padding-left: 2px;
    color: #4894A8;
    /*-webkit-font-smoothing: none;*/
    float: left;
    position: absolute;
}
.newsfeed .n_row .icon.type2{
    color: #E6C60D;
    -webkit-font-smoothing: auto;
}
.newsfeed .n_row .icon.type3{
    color: #80ab42;
    -webkit-font-smoothing: auto;
}
.newsfeed .n_row .icon.type4{
    color: #E6872E;
    /*-webkit-font-smoothing: none;*/
}
.newsfeed .n_row .icon.type5{
    color: #CF3D11;
}
.newsfeed .n_row .icon.type6{
    color: #CF3D11;
}
.newsfeed .n_row a #score{
    
}
.newsfeed .n_row a #stat{
    display: inline-block;
    background-color: #F4DA43;
    height: 26px;
    line-height: 26px;
    width: 26px;
    text-align: center;
    border-radius: 13px;
    font-family: Oswald;
    font-size: 12px;
    margin: -10px 3px;
    color: #333;
}
.newsfeed .newsfeed-message {
        font-family: "helvetica",Georgia,serif;
        display: block;
        margin-top: -7px;
        margin-bottom: 20px;
        position: relative;
    }
    .newsfeed .newsfeed-user {
        font-size: 15px;
        /*color: #215969;*/
        font-weight: bold;
    }

    .newsfeed .newsfeed-link-user {
        display: inline !important;
        padding: 0px !important;
        margin-left: 0px !important;
        font-weight: bold;
        font-size: 15px;
        font-family: "helvetica",Georgia,serif !important;
        cursor: pointer;
        color: #333 !important;
    }


    .newsfeed .newsfeed-link-message {
        display: inline !important;
        padding: 0px !important;
        margin-left: 0px !important;
        font-family: "helvetica",Georgia,serif !important;
        cursor: pointer;
        color: #333 !important;
    }    

    .newsfeed .n_row .newsfeed-score {
        font-size: 14px;
        padding-bottom: 5px;
        display: block;
        margin-left: 76px;
        padding-top: 16px;
        line-height: 24px;
        padding-left: 6px;
        _overflow: visible; /* for IE */
        _zoom: 1; /* for IE */
        color: #333;
    }
    .newsfeed .newsfeed-user-info {
        font-family: 'Oswald', sans-serif;
        float: left;
        min-width: 300px;
    }
    .newsfeed .newsfeed-profthumb {
        margin-left: 30px;
        margin-right: 5px;
        float: left;
    }
    .grint .newsfeed .newsfeed-user-name {
        font-size: 18px;
    }
    .grint .newsfeed .newsfeed-user-hdcp {
        font-size: 14px;
    }
    .newsfeed h4 {
        font-family: 'Oswald', Georgia, serif;
        font-size: 19px;
        color: #215968;
        text-transform: uppercase;
    }
    .newsfeed .newsfeed-user-name {
        font-size: 16px;
        color: #215969;
        margin-top: 5px;
        margin-top: 0;
    }
    .newsfeed .newsfeed-post-data {
        width: 338px;
        margin-bottom: 10px;
        margin: auto;
        margin-top: 15px;
    }
    .newsfeed .newsfeed-score-stats {
        border: 1px solid #989C9E;
        padding: 10px;
        margin-bottom: 5px;
        position: relative;
    }
    .newsfeed .newsfeed-score-stats table {
        width: 100%;
    }   
    .newsfeed .newsfeed-score-stats table td {
        text-align: center;
        font-family: 'helvetica', sans-serif;
        font-size: 15px;
    }
    .newsfeed .newsfeed-stat span {
	    font-family: 'Oswald', sans-serif;
	    font-size: 27px;
	    width: 62px;
	    background: #9bbb59;
	    display: block;
	    height: 51px;
	    margin: 0 auto;
	    vertical-align: middle;
	    border-radius: 38px;
	    padding-top: 13px;
	    color: #0D0D0D;
    }
    .newsfeed .newsfeed-post-meta {
        margin-bottom: 10px;
        overflow: hidden;
    }
    .newsfeed .newsfeed-date {
        color: #7f7f7f;
        font-size: 12px;
        margin-top: 3px;
        font-family: helvetica;
    }
    .newsfeed-time-ago{
        font-family: oswald;
        font-size: 12px;
        display: block;
        color: #595959;
        background: url(../images/icons/icon_clock.png);
        background-size: 15px;
        background-repeat: no-repeat;
        padding-left: 21px;
        line-height: 15px;
    }    
    .newsfeed .newsfeed-course {
        display: block;
        font-family: 'oswald', Georgia, serif;
        color: #203864;
        font-size: 16px;
    }
    .newsfeed .newsfeed-location {
        color: #7f7f7f;
        font-size: 13px;
        display: inline-block;
        margin-top: -5px;
        font-family: helvetica;
    }
    .newsfeed .newsfeed-comments {
        padding: 5px;
        /*background: #d9d9d9;*/
        overflow: hidden;
        _overflow: visible; /* for IE */
        _zoom: 1; /* for IE */
    }
    .newsfeed .newsfeed-comments-meta {
        font-size: 11px;
    }
    .newsfeed .newsfeed-comments-meta p:hover {
        cursor: pointer;
    }
    .newsfeed .newsfeed-comments-meta em {
        color: #4894A8;
    }
    .newsfeed .newsfeed-comments-meta .icon-btn {
        display: inline-block;
        font-family: Typicons;
        font-size: 15px;
        margin-bottom: -6px;
        margin-top: 0px;
        text-decoration: none;
        vertical-align: top;
    }
    .newsfeed .newsfeed-add-comment {
        margin-top: 5px;
    }
    .newsfeed .newsfeed-comments img {
        float: left;
        width: 36px;
    }
    .newsfeed .newsfeed-comments textarea {
        resize: none;
        font-size: 11px;
        height: 21px;
        width: 270px;
        padding: 5px;
        float: left;
        /* margin-left: 5px; */
        font-family: "helvetica";
    }
    .newsfeed .newsfeed-comments .addbut {
        height: 23px;
        font-size: 14px;
        line-height: 21px;
        padding: 5px 12px;
        float: left;
        margin-left: 0px;
        cursor: pointer;
        background-color: #215968;
        color: white;
        font-family: oswald;
        background-image: none;
        border-radius: 0px;
    }


    .newsfeed .addbut-start{
        height: 23px;
        font-size: 14px !important;
        line-height: 21px !important;
        padding: 5px 12px !important;
        float: right !important;
        margin-left: 0px !important;
        cursor: pointer !important;
        background-color: #215968 !important;
        color: white !important;
        font-family: oswald !important;
        background-image: none !important;
        border-radius: 0px !important;
        margin-top: 0px;
    }


    .newsfeed .addbut-start a{
    }    

    .newsfeed .single-comment {
        _overflow: visible; /* for IE */
        _zoom: 1; /* for IE */
        border-bottom: 1px solid #FFFFFF;
        /*margin-bottom: 5px;*/
        overflow: hidden;
        padding-bottom: 5px;  
        background: #d9d9d9;      
    }
    .grint .newsfeed .single-comment p {
        float: left;
        width: 85%;
        font-size: 11px;
    }
    .newsfeed .single-comment img {
        margin-right: 5px;
    }
    .newsfeed .single-comment span {
        color: #215969;
    }
    .newsfeed .single-comment .comment-read-more {
        cursor: pointer;
    }

.newsfeed .n_row #msg{
    font-family: helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    line-height: 18px;
    padding: 20px 6px 18px 6px;
    display: block;
    margin: 0px;
    margin-left: 74px;
}

.newsfeed .n_row #msg a{
    color: #215969;
    display: inline;
    margin: 0px;
    padding: 0px;
    line-height:inherit;
}
.newsfeed .n_row #msg img{
    display: block;
}
.newsfeed img.profthumb{
    border-radius: 24px;
    position: absolute;
    left: 28px;
    top: 4px;
}

.newsfeed a.profthumb{
    padding: 0px;
    margin-left: 0px;
    display: inherit;
}

.newsfeed .n_row .meta-date {
    color: #999999;
    float: left;
    font-family: helvetica,arial;
    font-size: 11px;
    line-height: 1;
    margin: -12px 0 0 80px;
}
.newsfeed .n_row a .meta-score {
    background-color: #91bc53;
    border-radius: 13px 13px 13px 13px;
    color: #333333;
    display: inline-block;
    font-family: Oswald;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: -10px 3px;
    text-align: center;
    width: 26px;
}
.newsfeed .n_row a .record {
    background-color: #F4DA43;
}
.newsfeed .n_row a .meta-score .meta-name {
    background: none;
    display: block;
    height: 14px;
    line-height: 14px;
    margin-top: -14px;
    font-family: helvetica, Arial, sans-serif;
    font-size: 9px; 
}
.newsfeed .n_row a .score-data{
    float:right;
    width:130px;
    margin-left:20px;
    margin-top: 15px;
}
.newsfeed .n_row .meta{
    font-family: helvetica;
    font-size: 11px;
    padding: 0px;
    text-align: left;
    margin: 0px;
    display: block;
    height: auto;
    line-height: 1;
    color: #999;
    margin-left: 140px;
    margin-top: -12px;
    margin-bottom: 10px;
    cursor: pointer;
}
.newsfeed .n_row .meta #i{
    font-family: Typicons;
    font-size: 17px;
    text-decoration: none;
    display:inline-block;
    margin-right:8px;
    margin-top:-1px;
    margin-bottom: -6px;
    vertical-align: top;
    color: #4894A8;
}
.newsfeed .n_row .meta b{
    text-decoration: none;
    color: #4894A8;
}

.newsfeed .meta .comments{
    margin-top: 4px;
}
.newsfeed .meta .comments .c_row{
    border-top: solid #C4C6C7 1px;
    font-size: 12px;
    color: #444;
    line-height: 1.4;
    padding: 7px 0px 8px 31px;
    position: relative;
}
.newsfeed .meta .comments .c_row img.profthumb{
    left: 2px;
    top: 3px;
    vertical-align: middle;
}
.newsfeed .meta .comments .c_row .metameta{
    color: #999;
}
.newsfeed .meta .comments .c_row .metameta a{
    color: inherit;
    margin: 0px;
    padding: 0px;
}
.newsfeed .meta .comments .c_row .metameta a:hover{
    color: #333;
}
.newsfeed .meta .c_row textarea{
    width: 365px;
    height: 39px;
    padding: 4px;
    border-color: #BBB;
    border-style: solid;
    border-width: 1px;
}
.newsfeed .meta .c_row a.addbut{
    display: inline-block;
    margin: 0px;
    padding: 3px 8px 4px;
    font-size: 11px;
    margin-top: 26px;
    line-height: 14px;
}


.newsfeed .emoji{
    height: 1.25em;
    width: 1.25em !important;
    padding: 0 .05em 0 .1em;
    vertical-align: -.2em;
    margin-right: 0px !important;
    float: none !important;
}


.inviteform .title_share{
    background-color: white;
    text-align: center;
    font-family: Oswald, sans-serif;
    font-size: 25px;
    text-align: center;
    display: block;
    padding: 2px;
    margin-bottom: 10px;
    color: #215969;

}

.inviteform .sub_title_share{
    text-align: center;
    font-family: Oswald, sans-serif;
    font-size: 17px;
    text-align: center;
    display: block;
    padding: 5px;
    margin-bottom: 10px;
}

.inviteform .share_table_icons {
    width: 100%;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 7px;
}
.inviteform .share_table_icons td{
    text-align: center;
    font-family: Oswald, sans-serif;
    font-size: 12px;
}
.inviteform .share_table_icons td img{
cursor: pointer;
}

.grint .inviteform{
    background: url(images/bg_filter.png) repeat-x scroll 0 0 #B5BCBE;
    font-family: helvetica, sans-serif;
    font-size:13px;
    border-radius: 5px; 
    visibility: hidden;
    top: 100px !important;
    left: 50%;
    margin-left: -195px;
    width: 370px;
    min-height: 375px;
    position: fixed;
    z-index: 400;
    -moz-border-radius: 8px 8px 5px 5px;
    -webkit-border-radius: 8px 8px 5px 5px;
    border-radius: 8px 8px 5px 5px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -box-shadow: 0 0 10px rgba(0,0,0,.4);  
}
.grint .inviteform div{
    text-align: center;
}
.grint .inviteform textarea{
    margin-top: 5px;
    width: 294px;
    height: 40px;
    padding: 8px;
}


.grint #header .rangeblurb{
    position:absolute;
    top:60px; 
    width:216px; 
    right:188px;
    z-index: 1;
    opacity: 1;
}
.grint #header .rangeblurb #arrow{
    height:0px; 
    width:0px; 
    margin-left:108px; 
    border-style:solid; 
    border-color:transparent; 
    border-bottom-color:#0B1F24;
    border-width:8px;
}
.grint #header .rangeblurb #text{
    background: none repeat scroll 0 0 #0B1F24;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    color: #D1D9DD;
    font-family: helvetica,sans-serif;
    font-size: 11px;
    padding: 12px;
    width: 208px;
}
/*  --------------------------------------------------
Reveal Modals
-------------------------------------------------- */

.reveal-modal-bg { 
    position: fixed; 
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0,0,0,.8);
    z-index: 200;
    display: none;
    top: 0;
    left: 0; 
}

.reveal-modal {
    visibility: hidden;
    top: 100px; 
    left: 50%;
    margin-left: -180px;
    width: 350px;
    background: #D3DDDF;
    position: absolute;
    z-index: 201;
    padding: 0;
    -moz-border-radius: 8px 8px 5px 5px;
    -webkit-border-radius: 8px 8px 5px 5px;
    border-radius: 8px 8px 5px 5px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -box-shadow: 0 0 10px rgba(0,0,0,.4);
}

.reveal-modal .title {
    background: #00263d;
    border-bottom: 10px solid #b5d44f;
    border-radius: 3px 3px 0 0;
    padding: 15px 0 15px 20px;
    margin-bottom: 40px;
    position: relative;
}   

.reveal-modal .title h2 {
    color: #fff;
    font-family: Oswald;
    font-size: 26px;
    text-transform: uppercase;
}

.reveal-modal .title img {
    position: absolute;
    top: 10px;
    right: 10px;
	width: 70px;
}

.reveal-modal .content {
    background: #D3DDDF;
    border-radius: 3px;
    margin: 0 10px 10px;
    padding: 15px;
    color: #000;
}
.reveal-modal .content td {
    height: 36px;
    padding-right: 15px;
    vertical-align: middle;
}
.reveal-modal .content h3 {
    font-family: helvetica,Georgia,serif;
    font-size: 14px;
    font-weight: normal;
}
.reveal-modal .rating_star {
    width: 24px;
    height: 22px;
    background: red;
    display: inline-block;
    text-indent: -9999px;
    background: url('../images/star_empty.png') no-repeat;
    padding-top: 4px;
    cursor: pointer;
}
.reveal-modal .rating_over, .reveal-modal .rating_voted {
    background: url('../images/star_full.png') no-repeat;
}
.reveal-modal textarea {
    resize: none;
    width: 100%;
    height: 100px;
}
.reveal-modal .content .actions {
    margin: 20px auto 0;
    width: 155px;
}
.reveal-modal a.button{
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 75px;
    text-decoration: none;
    color: #fff;
}
.reveal-modal .button.submit{
    background: #639A20;
}
.reveal-modal .button.skip{
    background: #0C404E;
}
.reveal-modal .close-reveal-modal {
    font-size: 22px;
    line-height: .5;
    position: absolute;
    top: 8px;
    right: 11px;
    color: #aaa;
    text-shadow: 0 -1px 1px rbga(0,0,0,.6);
    font-weight: bold;
    cursor: pointer;
} 
/*
        
NOTES

Close button entity is ×

Example markup

<div id="myModal" class="reveal-modal">
        <h2>Awesome. I have it.</h2>
        <p class="lead">Your couch.  I it's mine.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
        <a class="close-reveal-modal">&#215;</a>
</div>

*/
a.fb-connect-link {
    background: url('../images/facebook-connect-button.png');
    height: 25px;
    width: 194px;
    display: block;
    text-indent: -9999px;
}

.file-wrapper {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    margin-right: 10px;
    margin-top: 7px;
}

.file-wrapper .button {
    background: #CDCCCC url("images/bg_greybut.png");
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    padding: 4px 8px;
    height: 15px;
    font-family: helvetica,Georgia,serif;
}
.file-wrapper input {
    cursor: pointer;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    filter: alpha(opacity=1);
    -moz-opacity: 0.01;
    opacity: 0.01;
    font-size: 100px;
}


/*profile pic upload */
.prdrop{
    width: 258px;
    height: 64px;
    position: absolute;
    right: 30px;
    top: 10px;
    border-radius: 5px;
    font-size: 10px;
    z-index: 198;
}

.prdrop.uploading {
    background: url("images/upbg.gif") repeat fixed right top transparent;
}



/* file input box hack that makes a button */
.prdrop #file_container {
    height: 64px; width: 194px;
    border-radius: 5px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    right: 64px;
    z-index:201;
}
.prdrop #selectbox{
    position: absolute; 
    bottom: 10px;
    right: 55px;
    width: 188px;
    text-align: left;
    z-index:203;
}
.prdrop #text{
    position: absolute; 
    top: 13px;
    right: 59px;
    width: 180px;
    text-align: left;
    z-index:199;
    font-family: helvetica, Georgia, serif;
    color: #112d35;
}
.prdrop #selectbox input{
}
.prdrop #file_container.dragging {
    background: #DBE1E4;
}


.prdrop #file_container input {
    position: absolute; top: 0; right: 0;
    font-size: 250px;
    opacity: 0;
    cursor: pointer; /* Won't work in Fx 3.6 */
}

.prdrop #icon{
    position: absolute;
    z-index: 205;
    top: 8px;
    right: 8px;
    display: block;
}
.prdrop #icon img{
    border-radius: 5px;
}
/*hide lookup options*/
.h {
    display: none;
}

.welcomeboard{
    color: #273335;
    font-family: helvetica, sans-serif;
    font-size: 13px;
    padding: 20px 18px;


    border-radius: 5px;

    box-shadow:inset 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    display: block;
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    background: #9dc463;
    background: -moz-linear-gradient(top,  #9dc463 0%, #80ab42 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dc463), color-stop(100%,#80ab42));
    background: -webkit-linear-gradient(top,  #9dc463 0%,#80ab42 100%);
    background: -o-linear-gradient(top,  #9dc463 0%,#80ab42 100%);
    background: -ms-linear-gradient(top,  #9dc463 0%,#80ab42 100%);
    background: linear-gradient(to bottom,  #9dc463 0%,#80ab42 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dc463', endColorstr='#80ab42',GradientType=0 );
    position: relative;
}
.welcomeboard #welcome{
    color: #fff;
    font-family:  helvetica, Georgia, serif;;
    font-size: 17px;
    margin-bottom: 8px;
}
.welcomeboard ul{
    padding-left: 20px;
}
.welcomeboard li{
    margin-top: 8px;
}
.welcomeboard ul a{
    color: inherit;
    text-decoration: underline;
}

.n_row #wallpost{
    margin-bottom: 20px;
    margin-left: 80px;

}
#wallpost textarea{
    border-color: #BBBBBB;
    border-style: solid;
    border-width: 1px;
    font-family: "helvetica",sans-serif;
    font-size: 13px;
    height: 42px;
    padding: 4px;
    width: 464px;
}
.newsfeed .n_row #wallpost a{
    margin: 0px;
}
.newsfeed .n_row #wallpost a.addbut{
    display: inline-block;
    font-size: 11px;
    margin: 29px 0 0;
    padding: 3px 8px 4px;
    line-height: 14px;
}
.n_row #msg .warrow{
    font-family: typicons;
    color: #215969;
    font-size: 15px;
    line-height: 1;
    vertical-align: bottom;
}
.grint .grint_table.friends.lookup tr.tablehead td{
    background-image:url(images/gr_widget.png);
    background-repeat: repeat-x;
    background-position: top;
    background-color: #4894a8;
    color: #fff;
    font-family: helvetica, Georgia, serif;
    font-size: 10px;
    padding-bottom: 0px !important;
    padding-top: 1px !important;
    line-height: 12px !important;
}
.grint .autowrap .options{
    position: absolute;
    z-index: 10;
    left: -2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;

    border: solid #4d8321 1px;
    margin-top: 1px;
}
.grint table.grint_table td.stat {
    background: url("../images/green_circle_mini.jpg") no-repeat center;    
    font-family: 'Oswald', 'Arial Narrow', sans-serif;
    font-size: 18px;
}
.grint table.grint_table td span.extra-info {
    font-size: 10px;
    position: absolute;
    left: 0;
    top: 20px;
}
.editbar.team {
    position: relative;
}
.editbar.team input{
    width: 122px;
    padding-left: 5px;
    height: 21px;
}
.editbar.team label a.delbut {
    float: right;
    margin-top: 5px;
    cursor: pointer;
}
.editbar.team .team-options{
    background: #fff;
    position: absolute;
    top: 28px;
    width: 112px;
    z-index: 1;
    border: 1px solid #4D8321;
    min-width: 120px;
}
.editbar.team .team-options.hidden{
    display: none;
}
.editbar.team .team-options a{
    display: block;
    cursor: pointer;
    text-decoration: none;
    border-bottom: 1px dotted #989C9E;
    color: #4D8321;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 4px 3px;
}
/*.not_supported #scdrop2, .not_supported .scorecard .scdrop {
        display: none;
}*/
.ie7-alert {
    background-image: url('../images/grint_logo_mini.jpg');
    background-position: center left;
    background-repeat: no-repeat;
    border: 2px solid #7f7f7f;
    padding: 20px 20px 20px 100px;
    font-family: helvetica,Georgia,serif;
    margin-bottom: 20px;
    text-align: center;
}
.ie7-alert a.download {
    background-color: #6fa137;
    padding: 5px 10px;
    color: #fff;
    text-decoration: none;
    margin-top: 10px;
    display: block;
    width: 120px;
    text-align: center;
}
.requestButton {
    margin-right:0;
    margin-left:0;
    cursor:pointer;
    display:block;
    margin-top:0;
    font-size: 11px;
    margin-top: -3px;
}
.grint td .f_remove{
    width: 100%;
    margin-left: 0;
}
.grint td .f_remove a.delbut{
    display:block;
}
.grint div.info-box {
    background-color: #0B1F24;
    border-radius: 5px 5px 5px 5px;
    color: #D1D9DD;
    font-family: helvetica,sans-serif;
    font-size: 11px;
    padding: 10px;
    position: absolute;
    right: -320px;
    top: -25px;
    width: 260px;
    z-index: 1;
    display: none;
}
.grint div.info-box .arrow {
    border-color: transparent #0B1F24 transparent transparent;
    border-style: solid;
    border-width: 8px;
    height: 0;
    left: -124px;
    margin-left: 108px;
    position: absolute;
    top: 37px;
    width: 0;
}
.grint .info-box#esc-instruction {
    background-color: #0B1F24;
    border-radius: 5px 5px 5px 5px;
    color: #D1D9DD;
    font-family: helvetica,sans-serif;
    font-size: 11px;
    padding: 10px;
    position: absolute;
    left: 250px;
    width: 450px;
    z-index: 1;
    display: none;
}
.grint .info-box#esc-instruction .arrow {
    border-color: transparent transparent transparent #0B1F24;
    border-style: solid;
    border-width: 8px;
    height: 0;
    left: 362px;
    margin-left: 108px;
    position: absolute;
    top: 47px;
    width: 0;
}
.grint .info-box#scorecard-info {
    background-color: #0B1F24;
    border-radius: 5px 5px 5px 5px;
    color: #D1D9DD;
    font-family: helvetica,sans-serif;
    font-size: 11px;
    padding: 10px;
    position: absolute;
    left: 150px;
    width: 150px;
    z-index: 1;
    display: none;
}
.grint .info-box#scorecard-info .arrow {
    border-color: transparent #0B1F24 transparent transparent;
    border-style: solid;
    border-width: 8px;
    height: 0;
    left: -124px;
    position: absolute;
    top: 47px;
    width: 0;
}
.grint .dash-info-box {
    background-color: #0B1F24;
    border-radius: 5px 5px 5px 5px;
    color: #D1D9DD;
    font-family: helvetica,sans-serif;
    font-size: 11px;
    left: 265px;
    padding: 10px;
    position: absolute;
    top: -83px;
    width: 215px;
    z-index: 1;
    display: none;
}
.grint .dash-info-box .arrow {
    border-color: #0B1F24 transparent transparent;
    border-style: solid;
    border-width: 8px;
    height: 0;
    margin-left: 108px;
    position: absolute;
    width: 0;
    bottom: -16px;
}
.grint #header #navright #logout-btn {
    background: none repeat scroll 0 0 #1F5564;
    height: 25px;
    line-height: 25px;
    padding: 0;
    position: absolute;
    right: -16px;
    top: 64px;
    width: 85px;
    display: none;
    z-index: 1;
}
.grint #header #navright #logout-btn:hover {
    display: block;
}
.grint #header #navright #drop-arrow {
    position: absolute;
    right: 3px;
    top: 42px;
    display: block;
    width: 10px;
    height: 25px;
    cursor: pointer;
}
.grint span.widget-heading {
    float: right;
    font-family: helvetica,Georgia,serif;
    font-size: 12px;
    margin-top: 8px;
}
.grint .widget p {
    font-size:10px;
}
.grint .widget p a, .grint p.mini-desc a {
    color: #215969;
}
.grint p.mini-desc {
    font-size: 10px;
}
.grint h2 a {
    color: inherit;
}
.doc p {
    margin-bottom: 18px;
}
.doc p span{
    color: #4D8321;
    font-weight: bold;
}
.doc h1 {
    font-size: 18px;
    text-transform: none;
}
.doc h1, .doc h2 {
    font-family: Arial, helvetica, sans-serif;
    color: #215969;
    font-weight: bold;
    padding-left: 0;
}
h1 a, h1 a:visited{
    color: #215969;
}
#cards-container img {
    width: 350px;
}
.grint #header #navright #logout-trigger {
    height: 96px;
    display: block;
    float: right;
}
.grint table#club-list td {
    font-size: 10px;
}
.grint .grint_table.alternating tr.input-score {
    border-bottom: solid #4894A8 3px;
}
.grint #transcribe-score tr.tablehead td {
    line-height: 12px !important;
}
.grint #course_request.error table td {
    padding: 5px;
}
.input-error{
    border: 1px solid red;
}
.grint table td.input-name {
    width: 50%;
    text-align: right;
    padding: 5px;
}
.grint table td.input-value {
    width: 50%;
    text-align: left;
    padding: 5px;
}
.grint textarea {
    font-family: Arial, helvetica, sans-serif;
    font-size: 13px;
}
.grint .grint_table#esc-table{
    width: 225px;
    float: right;
    margin-left: 10px;
    background-color: #fff;
}
.grint .grint_table#esc-table tr.tablehead td{
    color: #fff;
}
.grint .grint_table#esc-table td{
    background-color: #fff;
    color: #000;
    padding-left: 10px;
}
.grint .grint_table#esc-table td.right{
    text-align: right;
    padding: 0;
}
#profile-equipment .row .r {
    width: 165px;
}
#my-review .content {
    margin-top: -30px;
}
/*NEW SCORECARD DESIGN STYLES*/
.eagle {
    background: url(../images/par-eagle.gif) center;
}
.birdie {
    background: url(../images/par-birdie.gif) center;
}
.bogey {
    background: url(../images/par-bogey.gif) center;
}
.double-bogey {
    background: url(../images/par-double-bogey.gif) center;
}
.more-double-bogey {
    background: url(../images/par-more-double-bogey.gif) center;
}
.albatross {
     background: url(../images/albatross.gif) center;
}
.card {
    border: 1px solid #5d5d5d;
    margin-top: 10px;
    padding: 10px;
    background-color: #eee;
}
.card table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
    background-color: #fff;
}
.card table table {
    border: none;
    margin-bottom: 0;
}
.card table table td {
    border: none;
}
.fa-total {
    width: 50px;
}
.card .user-input.optional td.heading{
    font-size: 8px;
    height: 10px;
}
.card .user-input.optional td.fa-total {
    height: 20px;
}
table.course-info {
    background-color: #eee;
}
.card td {
    border: 1px solid #000;
    text-align: center;
}
.card tr.title {
    text-transform: uppercase;  
}
.card .user-hdcp {
    background-color: #eee;
    border-bottom: none;
    border-right: none;
    border-top: none;
    color: #000000;
    font-size: 11px;
    padding-right: 5px;
    text-align: right;
    text-transform: none;
}
.card .user-hdcp span {
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
}
.card .data-tee {
    font-size: 11px;
}
.card table.course-info tr.title {
    background-color: #9c9c9c;
    color: #fff;
}
.card td.role {
    text-align: left;
    padding-left: 5px;
    font-size: 13px;
}
.card td.role span {
    float: right;
    padding-right: 2px;
    margin-top: 2px;
    font-size: 11px;
}
.card td.data-entry {
    width: 26px;
}
.card tr.tee-row td.hole-data {
    font-size: 11px;
}
.card .user-input .data-entry input, .card .user-input td {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    font-weight: bold;
}
.card .user-input td.role, .card .user-input.optional .role {
    font-family: 'helvetica', sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #1f497d;
    text-transform: uppercase;
}
.card .user-input .subtotal, .card .user-input .total {
    color: #1f497d;
}
.card td.data-entry input {
    width: 100%;
    border: none;
    text-align: center;
    height: 100%;
}

.card .link-score{
    text-decoration: none;
    color: #2a4f60;
    font-size: 14px;
    text-transform: capitalize;    
}



/* hides the spin-button for firefox */
.card td.data-entry input[type=number] {
    -moz-appearance:textfield;
}
/* hides the spin-button for chrome*/
.card td.data-entry input[type=number]::-webkit-outer-spin-button,
.card td.data-entry input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


.card .subtotal, .card .total {
    width: 50px;
}
.card .optional .total {
    width: 150px;
}
.card tr.input-score{
    height: 30px;   
}
.card td {
    vertical-align: middle;
}
.card .meta-esc td {
    border-right: none;
    border-left: none;
}
.card .meta-esc td.role, .card .meta-esc td.total.net {
    border: 1px solid #000;
}
.card .meta-esc td.role {
    border-right: 1px solid #000;
    text-transform: none;
}
.card .meta-esc td.total.hcp {
    border-right: none;
}
.card .meta-esc td.total.net {
    border-left: none;
}
.card .meta-esc .hcp {
    border-left: 1px solid #000;
}
.card .meta-esc td.role, .card .meta-esc td.section-in, .card .meta-esc td.section-out, .card .meta-esc td.total {
    font-family: helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #bfbfbf;
    font-weight: normal;
}
.card .meta-esc td.hcp, .card .meta-esc td.net {
    color: #000;
}
.card .optional{
    margin-bottom: 0;
}
.card .user-input.optional td, .card .user-input.optional td input {
    font-family: helvetica, Arial, sans-serif;
    font-size: 13px;
    height: 30px;
    text-transform: uppercase;
}
.card .user-input.optional .heading td {
    text-transform: none;
}
.card .user-input.optional .heading td {
    text-align: left;
    font-weight: normal;
    padding-left: 5px;
    height: 100%;
}
.card .disabled {
    /*border: none;*/
}
.card .disabled input {
    display: none;
}
.disabled {
    display: none;
}
/********COLORS*******/
.card table.course-info tr.tee-blue {
    background-color: #376092;
}
.card table.course-info tr.tee-white {
    background-color: #fff;
    color: #000;
}
.card table.course-info tr.tee-green {
    background-color: #77933c;
}
.card table.course-info tr.tee-lightgreen {
    background-color: #9ecd3a;
    color:#000;
}
.card table.course-info tr.tee-darkgreen {
    background-color: #4c6615;
}
.card table.course-info tr.tee-yellow {
    background-color: #ffff00;
    color: #000;
}
.card table.course-info tr.tee-orange {
    background-color: #ffc000;
    color: #000;
}
.card table.course-info tr.tee-gold {
    background-color: #ad7e01;
}
.card table.course-info tr.tee-red {
    background-color: #c00000;
}
.card table.course-info tr.tee-silver {
    background-color: #d9d9d9;
    color: #000;
}
.card table.course-info tr.tee-purple {
    background-color: #8064a2;
}
.card table.course-info tr.tee-black {
    background-color: #404040;
}

/*----------------------------------*/
.card table.course-info td.tee-blue {
    background-color: #376092;
}
.card table.course-info td.tee-white {
    background-color: #fff;
    color: #000;
}
.card table.course-info td.tee-green {
    background-color: #77933c;
}
.card table.course-info td.tee-lightgreen {
    background-color: #9ecd3a;
    color:#000;
}
.card table.course-info td.tee-darkgreen {
    background-color: #4c6615;
}
.card table.course-info td.tee-yellow {
    background-color: #ffff00;
    color: #000;
}
.card table.course-info td.tee-orange {
    background-color: #ffc000;
    color: #000;
}
.card table.course-info td.tee-gold {
    background-color: #ad7e01;
}
.card table.course-info td.tee-red {
    background-color: #c00000;
}
.card table.course-info td.tee-silver {
    background-color: #d9d9d9;
    color: #000;
}
.card table.course-info td.tee-purple {
    background-color: #8064a2;
}
.card table.course-info td.tee-black {
    background-color: #404040;
}




.container-score-rounds{
      margin: 25px 0px 15px 165px;
}

.container-score-rounds .score-round-1{
  background-color: #F2F2F2;
  border: 1px solid #BCBCBC;
  padding: 5px;
  font-family: helvetica;
  float: left;
  width: 31%;
  font-size: 12px;
  margin-right: 45px;
}

.container-score-rounds .score-round-2{
  background-color: #F2F2F2;
  border: 1px solid #BCBCBC;
  padding: 5px;
  font-family: helvetica;
  float: left;
  width: 31%;
  /* min-height: 80px; */
  font-size: 12px;
}
/*********************/
.form-controls {
    text-align: right;
    padding-right: 10px;
}
.auto-stats {
    padding: 0 10px;
}
.automatic {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}
.automatic tr {
    height: 30px;
}
.automatic tr.heading {
    height: 100%;
}
.automatic td {
    border: 1px solid #000000;
    text-align: center;
    vertical-align: middle;
}
.automatic .data {
    width: 26px;    
}
.automatic .heading td {
    text-align: left;
    padding-left: 5px;  
    font-size: 13px;
    height: 15px;
    border: none;
}
.automatic .role {
    font-family: 'helvetica', sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #1f497d;
    text-transform: uppercase;
    text-align: left;
    padding-left: 5px;
}
.automatic .subtotal {
    width: 50px;
}
.automatic .total {
    width: 150px;
}
.hit {
    background: url(../images/hit.gif) no-repeat center;
}
.miss {
    background: url(../images/miss.gif) no-repeat center;
}
.miss-long {
    background: url(../images/up.gif) no-repeat center;
}
.left {
    background: url(../images/left.gif) no-repeat center;
}
.right {
    background: url(../images/right.gif) no-repeat center;
}
.input-facc .miss {
    background: url(../images/tee-miss.gif) no-repeat center;
}
.input-facc .missed-ex {
    background: url(../images/miss.gif) no-repeat center;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.infobar .info.active {
    opacity: 1;
}


.equip-bold td{
    font-weight: 600;
    color:#404040;
}


.practice_score{
    color: #c63443;
    font-family: helvetica;
    font-weight: 600;
    font-size: 18px;
    border: 1px solid #c63443;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: block;
    text-align: center;    
}
/*****************************/


/**************************************  WELCOME APPS *********************************************/

.welcomeboard_app{
    padding: 10px;
    position: absolute;
    z-index: 201;
    background: #fcfcfc;
    border-radius: 5px 5px 5px 5px;
    text-align: center;
}

.welcomeboard_app .title_blue{
    font-family: Oswald, sans-serif;
    font-size: 90px;
    display: block;
    color:#0C404E;
    font-weight: 600;
} 

.welcomeboard_app .title_green{
    color: #7eb035;
    font-size: 70px;
    font-weight: 600;
    font-family: Oswald, sans-serif;
    text-align: center;
    display: block;
}

.welcomeboard_app .link_app{
    color: #7eb035;
    font-size: 55px;
    font-family: Arial, sans-serif;
    display: block;
    cursor: pointer;
}


.welcomeboard_app .separate{
    clear: both;
    height: 50px;
}
.welcomeboard_app .img_app{
    width: 40%;
}

/************************************** END WELCOME APPS *********************************************/

.grint .widget p.pagination {
    text-align: right;
    font-size: 14px;
    margin-top: 10px;
}

/************************************** START STYLES FOR PROSHOP ******************************************/
.proshop_title{
    font-family: helvetica, Georgia, serif;
    font-size: 28px;
    padding: 10px 0px 9px 6px;
    line-height: 22px;
    font-weight: normal;
    color: #215969;
    display: block;
}

.proshop_subtitle{
    font-family: helvetica, Georgia, serif;
    font-size: 20px;
    padding: 10px 0px 9px 0px;
    line-height: 22px;
    font-weight: normal;
    color: #215969;
    display: block;  
}

.proshop_line_blue{
    min-height: 5px;
    overflow: auto;
    background-image: url(images/gr_widget.png);
    background-repeat: repeat-x;
    background-position: top;
    background-color: #4894a8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.proshop_menu{
    list-style: none;
    padding: 5px 0px 0px 0px;
}

.proshop_menu li{
    padding: 15px 0px 10px 0px;
    border-bottom: 1px dotted gray;
}


.proshop_menu li a {
    font-family: helvetica, Georgia, serif;
    font-size: 14px;
    padding: 8px 0px 8px 6px;
    line-height: 16px;
    font-weight: normal;
    color: #666;
    text-decoration: none;
    cursor: pointer;
}


.proshop_line_gray{
    border-bottom: 1px dotted gray;
    display: block;
    margin-bottom: 15px;
}

.proshop_option{
    border: 1px solid gray;
    width: 265px;
    margin-right: 10px;
    padding: 15px;
    float: left;
    border-radius: 5px;
    font-family: Oswald, sans-serif; 
    font-size: 16px;
}

.proshop_option p{
    font-family: Arial;
    font-size: 13px;
}


.proshop_option sup{
    font-size: 10px;
    vertical-align: super;
}

.proshop_price, .proshop_or{float:left;text-align: center;}

.proshop_price{margin-top:10px;}

.proshop_or{padding: 20px 30px 20px 30px; color: #215969;}

.proshop_boton_pay{
    background-color: #6F9E2E;
    border-radius: 30px;
    cursor: pointer;
    text-align: center;
    padding: 5px 20px 5px 20px;
    display: inline-block;
    color: #111;
    margin-top: 5px;
}

.proshop_boton_gray{
    background-color: gray;
    border-radius: 30px;
    cursor: pointer;
    text-align: center;
    padding: 5px 20px 5px 20px;
    display: inline-block;
    color: #111;
    margin-top: 5px;
}

.proshop_type{
    display:inline-block;
    margin-right:15px;
    font-size: 25px;
}


#proshop_actived{
    color:#111;
    font-weight: 600;
}
.proshop_contain{
    background-image: url(images/bg_sidebar_2.png);
    background-repeat: repeat-y;   
}

.proshop_a{
    font-family: helvetica, Georgia, serif;
    font-size: 13px;
    font-weight: normal;
    color: #215969;
    display: block;
    text-decoration: underline !important;
    cursor: pointer;
}


/******* Start Proshop Plans ********/
.proshop_plan{
    float: left;
    background-color: #F2F2F2;
    font-family: Arial,sans-serif;
    font-size: 14px;
    color: #000000;
    min-height: 275px;
    width: 270px;
    padding: 5px 15px 15px 15px;
    border: 1px solid #BFBFBF;
    box-shadow: -1px 6px 4px #888888;
    position: relative;
}

.proshop_plan .text{
    font-family: Oswald,sans-serif;
    color: #404040;
    font-size: 15px;
}

.proshop_plan sup {
    font-size: 30px;
    vertical-align: super;
    font-family: Oswald, sans-serif;
    color:#404040; 
}


.proshop_plan .ads{
    background: url(images/green_circle.png) no-repeat;;
    position: absolute;
    font-family: Oswald, sans-serif;
    font-size: 16px;
    color: white;
    text-align: center;
    right: -5px;
    display: block;
    padding: 11px 1px;
    margin: 0;
    line-height: 18px;
    width: 60px;
    height: 60px;
}

.proshop_plan .button{
    font-family: Oswald,sans-serif;
    border: 4px solid #FFFFFF;
    padding: 2px 35px 2px 35px;
    text-align: center;
    font-size: 18px;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
    box-shadow: -1px 6px 4px #888888;
}

.proshop_plan .green{
    background-color: #9BBB59;
    color: #404040;
}


.proshop_plan .gray{
    background-color: gray !important;
}

.proshop_plan .blue{
    background-color: #31859C;
    color: #FFFFFF;
}

.proshop_plan .line{
    display: block;
    width: auto;
    height: 5px;
    margin-bottom: 5px;
    margin-top: 4px;    
}


.proshop_plan .gps{
    font-family: Oswald, sans-serif;
    font-size: 22px;
    color: #9BBB59;
    margin-right: 5px;
    background: url(images/icon_hole.png) no-repeat left;
    padding-left: 27px;
}

.proshop_plan .pro{
    font-family: Oswald, sans-serif;
    font-size: 22px;
    color: #31859C;
    margin-right: 5px;
    background: url(images/icon_camera.png) no-repeat left;
    padding-left: 31px;
}

/******* End Proshop Plans ********/

/***Proshop Instructions*****/
.proshop_list_intructions{
    font-family: Oswald, sans-serif;
    font-size: 20px;
    font-weight: normal;
    color: #215969;
    display: block;
    cursor: pointer;
    padding: 5px;
}


.prohsop_list_sub{
    font-family: Oswald, sans-serif;
    font-size: 15px;
    font-weight: normal;
    color: #215969;
    display: block;
}

.arrow-right {
    width: 0; 
    height: 0; 
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #215969;
    display: inline-block;
    margin-right: 20px;
}

.arrow-down {
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #215969;
    display: inline-block;
    margin-right: 20px;
}
.ball {
    display: inline-block;
    background: url('../images/green_circle_mini.jpg') no-repeat;
    height: 49px;
    width: 49px;
    text-align: center;
    vertical-align: -7px;
    padding-top: 6px;
    margin-right: 20px;
    font-family: Oswald, serif;
    font-size: 27px;
}

.proshop_table_inst{margin-top: 10px;}
.proshop_table_inst td{
    padding-bottom: 20px;
    vertical-align: top;
}
.hide_instructions{
    display: none;
}

.load_pay_body{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background:url('../images/ie.png');
    background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
    z-index:100000;
}

.load_pay{
    width: 160px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -90px 0 0 -90px;
    -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
    -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
    box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
    background: #111;
    text-align: center;
    border-radius: 20px;
    color:#FFF;
    padding: 10px;
    font-size: 16px;
    font-family: Arial, sans-serif;
}


             .new_membership_plan_h1{
                    display: block;
                    margin:10px auto;
                    text-align: center;
                    font-size: 20px;
                    color: #7F7F7F;
                }
                .new_membership_plan{
                    text-align: center;
                    border:1px solid #BFBFBF;
                    text-align:center;
                    padding-top: 15px;
                    font-size: 15px;
                    color: #7F7F7F;
                }
                .new_membership_plan_title{
                    color: #5B9BD5;
                    font-family: Oswald;
                    font-size: 22px;
                    display: block;
                }

                .new_membership_plan table{
                    margin: 20px auto;
                    text-align: center;
                    width: 80%;
                }
                .button_blue_pay{
                    background-color: #5B9BD5;
                    color: white;
                    font-family: Oswald;
                    font-size: 14px;
                    width: 120px;
                    height: 23px;
                    margin: 0 auto;
                    text-align: center;
                    margin-bottom: 10px;
                    display: block;
                    cursor:pointer;
                }
                /* Dropdown Button */
                .dropbtn {
                    border: none;
                    background-color: #5B9BD5;
                    color: white;
                    font-family: Oswald;
                    font-size: 14px;
                    text-align: center;
                    display: block;
                    cursor: pointer;
                    width: 120px;
                }
                
                /* The container <div> - needed to position the dropdown content */
                .dropdown {
                    position: relative;
                    display: inline-block;
                }
                
                /* Dropdown Content (Hidden by Default) */
                .dropdown-content {
                    display: none;
                    position: absolute;
                    background-color: #7F7F7F;
                    font-family: Oswald;
                    font-size: 14px;
                    margin: 0 auto;
                    text-align: center;
                    margin-bottom: 10px;
                    cursor:pointer;
                    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
                    width: 120px;
                }
                
                /* Links inside the dropdown */
                .dropdown-content span {
                    border: none;
                    background-color: #7F7F7F;
                    color: white;
                    font-family: Oswald;
                    font-size: 14px;
                    text-align: center;
                    margin-top: 5px;
                    margin-bottom: 5px;
                    display: block;
                }
                
                /* Change color of dropdown links on hover */
                .dropdown-content span:hover {background-color: #5B9BD5}
                
                /* Show the dropdown menu on hover */
                .dropdown:hover .dropdown-content {
                    display: block;
                }                
                .button_gray_pay{
                    background-color: #7F7F7F;
                    color: white;
                    font-family: Oswald;
                    font-size: 14px;
                    height:18px;
                    padding: 5px 80px;
                    text-align: center;
                    margin-bottom: 10px;
                    display: inline-block;
                    cursor:pointer;
                }                
                .square_blue{
                    background-color: #5B9BD5;
                    color: white;
                    font-family: Oswald;
                    font-size: 13px;
                    padding: 5px 20px;
                    text-align: center;
                    margin-bottom: 10px;
                    display: inline-block;
                }                
                .proshop_line{
                    clear: both;
                    border:2px dotted #BFBFBF;
                    width: 80%;
                    display: block;
                    margin: 30px auto;
                }
                .new_membership_plan_features td{
                    font-size: 15px;
                    text-align: center;
                }
                .new_membership_plan_features .header td{
                    font-family: helvetica;
                    font-size: 20px;
                    font-weight: bold;
                    color:#5B9BD5;
                    text-align: center;
                }
                .new_membership_plan_status{
                    position: absolute;
                    right: 0px;
                    top: 27px;
                    text-align: center;
                }

/************************************** END STYLES FOR PROSHOP  *******************************************/


/************************************* START STYLE FOR MEMBERSHIP ****************************************/
.membership_plan .member_header{
    background-color: #F2F2F2;
    padding: 5px 15px 15px 15px;
    border: 1px solid #BFBFBF;
    box-shadow: -1px 6px 4px #888888;
    position: relative;
    text-align: center;
}

.membership_plan .member_header label{
    font-family: Oswald,sans-serif;
    font-size: 35px;
    color: #2E859C;
    display: block;
}

.membership_plan .member_header p{
    font-family: Arial,sans-serif;
    font-size: 12px;
    color: #7F7F7F;
    text-align: center;
}


.membership_plan .member_features{
    background-color: #F2F2F2;
    border: 1px solid #BFBFBF;
    box-shadow: -1px 6px 4px #888888;
    position: relative;
    text-align: center;
    margin-top: 20px;
    position: relative;
}

.membership_plan .member_features .member_features_header{
    background-color: #ffffff;
    border-bottom: 1px solid #BFBFBF;
    padding: 10px;
}

.membership_plan .member_features .member_features_header span{
    font-family: Oswald,sans-serif;
    font-size: 35px;
    color: #404040;
}

.membership_plan .member_features .member_features_body{
    padding: 5px 15px 15px 15px;
}

.membership_plan .member_features .member_features_body table span{
    font-family: Oswald, sans-serif;
    font-size: 21px;
    color:#2E859C;
    display: block;
}

.membership_plan .member_features .member_features_body table{
    font-family: Arial, sans-serif;
    font-size: 13px;
    color:#7F7F7F;
    margin: auto;
    width: 70%;
}


.membership_plan .member_features .member_features_body table td{
       padding: 8px;
}


.membership_plan .pay_plan{
    padding: 5px 15px 5px 15px;
    background-color: #9BBB59;
    color: #ffffff;
    font-family: Arial, sans-serif;
    border-radius: 40px;
    cursor: pointer;
    border: 2px solid #BFBFBF;
    display: inline-block;
}


.membership_plan .pay_plan{
    padding: 5px 20px 5px 20px;
    background-color: #9BBB59;
    color: #ffffff;
    font-family: Oswald, sans-serif;
    border-radius: 40px;
    cursor: pointer;
    border: 2px solid #BFBFBF;
    display: inline-block;
    margin: 0px 0px 5px 0px;
    font-size: 22px;
}



.membership_plan .cancel_pay_plan{
    padding: 5px 20px 5px 20px;
    background-color: #696969;
    color: #ffffff;
    font-family: Oswald, sans-serif;
    border-radius: 40px;
    cursor: pointer;
    border: 2px solid #BFBFBF;
    display: inline-block;
    margin: 0px 0px 5px 0px;
    font-size: 22px;
}


.membership_plan sup{
    font-family: Oswald,sans-serif;
    font-size: 20px;
    color: #404040;
    vertical-align: super;
}

.membership_plan .price{
    font-family: Oswald,sans-serif;
    font-size: 17px;
    color: #404040;
    margin: auto;
    width: 26%;
}
.membership_plan .price div{
    float: left;
    padding: 5px;
    line-height: 18px;
}


.membership_plan .ads{
    background: url(../images/icons/icon_ads.png) no-repeat;
    font-family: Oswald, sans-serif;
    font-size: 15px;
    color: white;
    text-align: center;
    right: -5px;
    display: block;
    padding: 25px 1px;
    margin: 0;
    line-height: 21px;
    width: 120px;
    height: 120px;
}


/************************************* END STYLE FOR MEMBERSHIP ****************************************/




/************************************** START STYLE FOR COURSE UPLOADER ***********************************/
.course_contain{
    background-image: url(images/bg_sidebar_3.png);
    background-repeat: repeat-y;   
}
.coptions {
    width: 175px;
    float: left;
    border: 1px solid #385D8A;
    padding: 15px 8px 8px 8px;
    text-align: center;
    min-height: 245px;
}


.coptions  span {
    font-family: helvetica, Georgia, serif;
    font-size: 18px;
    line-height: 16px;
    font-weight: normal;
    color: #215969;
    display: block;
    margin-bottom: 10px;
}


.coptions  p {
    font-family: helvetica; 
    font-size: 12px !important;
}


.coptions .button a{
    font-family: Oswald, sans-serif;  
    font-size: 14px !important;
    border-radius: 5px;
    background-color:#9BBB59;
    display: block;
    text-align: center;
    color:#111;
    margin: auto;
    height: 35px;
    line-height: 34px;
}

.circleup_r{
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background-color: #C0504D;
    display: inline-block;
}
.circleup_g{
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background-color: #9BBB59;
    display: inline-block;
}

.upl{
    margin-right:25px;
    display: inline-block;
}



/************************************** END STYLE FOR COURSE ADMIN *****************************************/

.submenu{
    padding-left: 15px;

}
.submenu a{
    font-family: helvetica, Georgia, serif;
    font-size: 15px;
    color:#2a2a2a;
    text-decoration: none;
}
.submenu .active{
    font-weight: 600;
}

.scd_container{
    border: 1px solid #838383;
    width: 900px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
}
.scd_table{width: 898px;}
.scd_table td{
    font-family: helvetica, Georgia, serif;
    color:#0f5467;
    font-size: 12px;
    text-align: center;
    background-color: #EEE;
    padding: 5px 0px 3px 0px;
    /* border-top:1px solid #CCCCCC; */
    text-align: center;
}
.scd_table2 td{
    font-family: helvetica, Georgia, serif;
    color:#0f5467;
    font-size: 12px;
    text-align: center;
    font-style: italic;
}


.scd_table .b_b{
    border-bottom: 1px solid #CCCCCC;
}

.scd_table .b_t{
    border-top: 1px solid #CCCCCC;
}

.scd_table .b_l{
    border-left: 1px solid #CCCCCC;
}

.scd_table .b_r{
    border-right:  1px solid #CCCCCC;
}

.scd_table .border td{
    border: 1px solid #838383;
}
.scd_input{
    width: 28px;
    height: 28px;
    border: none;
}
.scd_input_sum{
    width: 28px;
    height: 28px;
    border: none;
}

.table_excel .cellRelative {
    position: relative;
}

.table_excel .cellRelative .btnContainer {
    position: absolute;
    top: 1px;
    left: 6px;
    width: 26px;
    height: 22px;
    margin-right:  70px;
}

.table_excel .cellRelative .btnContainer .btn {
    background-color: #BBB;
    border-radius: 9px;
    padding: 0 4px 0 4px;
    color: #FFF;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    display: none;
    float: left;
}

.table_excel .cellRelative .btnContainer .btn:hover {
    background-color: #777;
}


.form_admin input,textArea{
    font-size: 13px;
    margin-right: 2px;
    border: 1px solid #BFBFBF;
    height: 25px;
    line-height: 13px;
    padding-left: 6px;
}

.form_admin .readonly{
    background: #BFBFBF;
}

.form_select select {
    background: transparent;
    width: 245px;
    padding: 5px;
    font-size: 13px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 25px;
    -webkit-appearance: none;
}



.form_select{
    background: url(images/arrow_select.png) no-repeat right white;
    width: 214px;
    height: 25px;
    overflow: hidden;
    border: 1px solid #ccc;
}
/******************************************* END STYLE COURSE ADMIN ***************************************/



/*************************************** START STYLE FOR COURSE MAPPER **************************************/

.result_courses{
    border: 1px solid #A6A6A6;
    padding: 20px;
    margin: auto;
    margin-top: 20px;
    display: none;
}

.result_courses span{
    display: block;
}

.button_course{display: block}
.button_course a{
    font-family: Oswald, sans-serif;
    font-size: 14px !important;
    border-radius: 5px;
    background-color: #9BBB59;
    display: block;
    text-align: center;
    color: #111 !important;
    margin: auto;
    text-decoration: none;
    padding: 5px;
}

.progress_course td{
    border: 1px solid #D9D9D9;
    width: 30px;
    text-align: center;
    font-size: 16px;
    font-family: Oswald, sans-serif;

}

.progress_course .first{
    height: 10px !important;
    border-bottom: none;
}

.progress_course .second{
    height: 20px;
    vertical-align: bottom;
     cursor: pointer;
}

.progress_course .active{
    background-color: #215968;
    color:white;
    cursor: pointer;
}

.progress_course .active-green{
    background-color: #92d050 !important;
    color: white;
    cursor: pointer;
}

.button_hole{display: inline-block}
.button_hole a{
    font-family: Oswald, sans-serif;
    padding: 1px 10px 1px 10px;
    height: 28px;
    line-height: 25px;
    font-size: 14px !important;
    border-radius: 5px;
    background-color: #9BBB59;
    text-align: center;
    color: #111 !important;
    margin: auto;
    text-decoration: none;
}

.button_delete_element {
font-size: 12px;
font-weight: 600;
position: absolute;
line-height: 15px;
font-family: Arial, sans-serif;
cursor: pointer;
right: -16px;

}

.table_hole{
    width: 100%;
    margin-top: 5px;
}

.table_hole tr.striped {
    background-color: #F2F2F2;
}
.table_hole td{
    padding: 8px 0px 8px 8px;
    font-family: helvetica, Georgia, serif;
    border-top:1px dotted #7F7F7F;
}
.st_ele{
    font-weight: 600;
    font-family: Oswald, sans-serif;
    font-size: 12px;
    margin-left: 11px;
}


#TeeboxYardage{
    width: 100%;
    font-size: 13px;
    background: white;
    font-family: Oswald, Georgia, serif;
}

#TeeboxYardage td{
    border-bottom: 1px solid #7F7F7F;
    padding: 3px;
}

#TeeboxYardage tr:nth-child(odd) {
   background-color: #F2F2F2;
}

#TeeboxYardage .yardage_teebox {
    text-align: center;
    color: #FFF;
}

.total_distance{
    background-color:#FFC604;
    color: white;
    font-family: Oswald, Georgia, serif;
    font-size: 14px;
    padding: 2px 10px;
    position: absolute;
    right: -60px;
    top: 8px;
    display: none;
}

/*************************************** END STYLE FOR COURSE MAPPER **************************************/

/*************************************** SATRT STYLE ABOUT US **************************************/

.div_help{
    margin-top: 20px;
}

.select_help span {
    background: url(images/arrow_select_2.png) no-repeat center white;
    position: absolute;
    width: 20px;
    height: 10px;
    left: 375px;
    border: none;
    display: inline-block;
    z-index: 6000;
    top: 11px;
}

.select_help {
    background-color: white;
    width: 400px;
    height: 38px;
    overflow: hidden;
    border: 1px solid #ccc;
    position: relative;
}
.select_help select {
    background: transparent;
    width: 450px;
    padding: 3px;
    font-size: 18px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 38px;
    -webkit-appearance: none;
    position: absolute;
    z-index: 2000;
    color:#7F7F7F;
    font-style: italic;
}

#sign-button {
background: none repeat scroll 0 0 #6F9E2E;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
display: block;
font-family: helvetica,serif;
font-size: 20px;
height: 60px;
line-height: 60px;
margin: 10px auto;
text-align: center;
width: 170px;
}


/*************************** STYLE PREVIEW SHARE FACEBOOK ************************************/
.share_facebook_preview{
    visibility: visible; 
    top: 100px;
    left: 50%; 
    margin-left: -185px; 
    width: 350px; 
    min-height: 300px; 
    background-color: white; 
    position: absolute; 
    z-index: 2000; 
    opacity: 1; 
    background-position: initial initial; 
    background-repeat: initial initial;
    border: 10px solid #494A4B;
}


.share_facebook_preview .facebook_body{
    padding: 0px 11px 0px 11px;
}


.share_facebook_preview .facebook_title{
    font-family: Oswald, sans-serif;
    color: white;
    font-size: 15px;
    display: block;
    background: #6079ab;
    padding: 5px;
}

.share_facebook_preview .facebook_description{
  font-size: 15px;
  margin-bottom: 10px;
  margin-top: 10px;
  display: block;
  color: #000000;
}

.share_facebook_preview .facebook_image{
    display: block;
    margin: auto;
    border: 1px solid #A8A8A8;
}

.share_facebook_preview .facebook_buttons{
    margin-top: 10px; 
    display: block;
    text-align: right;
    background: #F2F2F2;
    padding: 8px; 
    font-family: Oswald, sans-serif;
    font-size: 14px;
    color: #000000;  
}

.share_facebook_preview .facebook_buttons .facebook_button_blue{
    background-color: #6079ab;
    color: white;
    font-family: Oswald, sans-serif;
    font-size: 14px;
    padding: 2px 10px 2px 10px;
    cursor: pointer;
}

.share_facebook_preview .facebook_buttons .facebook_button_gray{
    background-color: #B6B6B6;
    color: black;
    font-family: Oswald, sans-serif;
    font-size: 14px;
    padding: 2px 10px 2px 10px;
    margin-left: 15px;
    cursor: pointer;
}
/*************************** STYLE PREVIEW SHARE FACEBOOK ************************************/

/*********************************** STYLE TABLE INFO ****************************************/

.table_display_info{
    font-family: Oswald,sans-serif;
    font-size: 15px;
    width: 100%;
    margin-bottom: 15px;
}

.table_display_info td{
    padding: 3px;
    padding-left: 15px;
}

.table_display_info a{
    color: #215968;
    font-family: helvetica, sans-serif;
    text-decoration: underline;
    font-size: 12px;
    float: right;
    display: block;
    line-height: 22px;    
}

.table_display_info .gray{
    background-color: #D9D9D9;
}

.table_display_info .blue{
    color:#215968;
    width: 95px;
}


/*********************************** STYLE TABLE INFO ****************************************/

/*********************************** STYLE BUTTON SHARE *************************************/

.button_share_social{
    border: 1px solid #7F7F7F;
    border-radius: 3px;
    display: inline-block;
    padding: 2px 5px 1px;
    position: relative;
    cursor: pointer;
    background-image: url(images/share_ft.jpg);
    background-repeat: no-repeat;
    background-position: 6px 2px;
    min-width: 70px;
    color: #215969;
    font-family: Arial,sans-serif;
    font-size: 11px;     
}
.button_share_social label{
    display: inline-block;
    margin-left: 37px;
    font-size: 11px;
    cursor: pointer;
}
/************************************ END BUTTON SHARE **************************************/

/*********************************** STYLE EDIT PROFILE *************************************/

.arrow-right-profile {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 9px solid #333333;
    display: inline-block;
    margin-top: 6px;
}

.arrow-down-profile {
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 9px solid #333333;
    display: inline-block;
    margin-top: 6px;
}

/************************************ END EDIT PROFILE **************************************/

/************************************ APP *****************************************/

h1.app_title{
    font-family: Oswald, sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    color: #215968;
    padding-bottom: 20px !important;
    line-height: 45px;
}

/************************************ APP *****************************************/



/************************************ COURSES ****************************************/

.grint a.coursebut{
    font-family: Oswald, sans-serif;
    font-size: 13px;
    padding: 5px 12px;
    background-color: #cdcccc;
    text-decoration: none;
    color: #333;
    float: right;
    margin-left: 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 18px;
    width: 80px;
    text-align: center;
    cursor: pointer;
}

.grint .circle_course{
    text-align: center;
    width: 65px;
    min-height: 71px;
    margin-top: 20px;
    float: left;
    margin-left: 8px;
}
.grint .circle_course.alt{
    margin-top: 0px;
    margin-bottom: 16px;

}
.grint .circle_course #stat_course{
    background-color: #9BBB59;
    border-radius: 40px;
    font-family: 'Oswald', 'Arial Narrow', sans-serif;
    font-size: 20px;
    line-height: 25px;
    height: 23px;
    padding: 20px 0px 22px;
    color: #000;
    display: block;
    cursor: pointer;
    width: 64px;
}

.circle_course:hover #stat_course, .active_circle{
    background-color: #31859C !important;
    color: #ffffff !important;
}

.stat_label_course{
    font-family: Oswald, sans-serif;
    height: 40px;
}

.course_rank td{
    border-bottom: 1px solid #ccc;
}

td.rank_td, th.rank_td{
    font-family: Oswald, sans-serif;
    font-size: 15px;
    text-align: center;
    height: 50px;
    vertical-align: middle;
}

td.rank_course_title{
    vertical-align: middle;
}

td.rank_course_title a{
    color: #7f7f7f;
    text-decoration: none;
}

#sorttable_sortfwdind, #sorttable_sortrevind{
    display: none;
}

#fancybox-left-ico {
    left: 10px !important;
}
#fancybox-right-ico {
    left: auto !important;
    right: 10px !important;
}

/****SLIDE****/

#slideshow #slideshowWindow {
    width:188px;
    height:144px;
    margin:0;
    padding:0;
    position:relative;
    overflow:hidden;
}

#slideshow #slideshowWindow .slide {
    margin:0;
    padding:0;
    width:188px; 
    height:144px;
    float:left;
    position:relative;
    background: #fff;
    text-align: center;
}

.default_course_img{
    background: #fff;text-align: center;width:188px;height:144px;overflow: hidden;
}

.nav {
    display:block;
    position:relative;
    padding-top: 8px;
    cursor:pointer;
}

#leftNav {
    z-index: 200;
    color: #5082BD;
    float: left;
}

#rightNav {
    z-index: 200;
    color: #5082BD;
    float: right;
}

/************************************ COURSES ****************************************/



/************************************ TOUR PAYMENT ****************************************/

.payment_bg{
    height: 650px;
    width: 1000px;
    margin: auto;
}

.payment_header{
    background: url(../img/tour_payment/header-bg.png) repeat-x bottom;
    width: 100%;
    height: 55px;
    padding-top: 100px;
    font-family: Oswald, sans-serif;
    font-size: 35px;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
}

.payment_cont{
    background: url(../img/tour_payment/form-bg.png) no-repeat center top;
    width: 304px;
    height: 305px;
    margin: 46px auto 0px auto;
}

.payment_price{
    background: url(../img/tour_payment/form-header-bg.png) repeat-x bottom;
    width: 300px;
    height: 62px;
    margin: auto;
    padding-top: 20px;
    font-family: Oswald, sans-serif;
    font-size: 18px;
    text-align: center;
}

.payment_cont input[type="text"]{
    border-style: none;
    background: url(../img/tour_payment/input-bg.png) no-repeat center top;
    width: 200px;
    height: 32px;
    font-family: Arial;
    font-size: 15px;
    text-align: center;
}

.payment_cont .pay_tour{
    background: url(../img/tour_payment/submit-bg.png) no-repeat center top;
    width: 130px;
    height: 45px;
    font-family: Oswald, sans-serif;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    padding-top: 5px;
    margin: auto;
}

.payment_footer{
    height: 60px;
    width: 100%;
    background: #18404d;
    border-top: 2px solid #ffffff;
    margin-top: 82px;
    color: #ffffff;
    text-align: center;
}

.payment_footer a{
    text-decoration: none;
    color: #ffffff;
}

.payment_bg .autowrap #options, #user_options {
position: absolute;
z-index: 10;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #fff;
border: solid #4d8321 1px;
margin-top: 1px;
}

.payment_bg .autowrap a.courserow:first-child {
-webkit-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
}

.payment_bg .autowrap a.courserow {
background: #fff;
width: 190px;
display: block;
color: #4D8321;
font-size: 13px;
font-weight: bold;
font-family: Arial;
border-bottom: dotted #989C9E 1px;
padding: 5px 4px 3px;
}

.payment_bg .autowrap {
position: relative;
display: inline-block;
}

/************************************ TOUR PAYMENT ****************************************/

/************************************ TROPHY ROOM ****************************************/

.vtext{
    height: 117px;
    width: 30px;
    margin-left: 5px;
    text-align: center;
    position: absolute;
}

.badge-bronze{
    background: url(../img/trophy_room/bronze.png) no-repeat center;
    width: 58px;
    height: 71px;
    margin: auto;
}

.badge-pink{
    background: url(../img/trophy_room/pink.png) no-repeat center;
    width: 58px;
    height: 71px;
    margin: auto;
}

.badge-gold{
    background: url(../img/trophy_room/gold.png) no-repeat center;
    width: 58px;
    height: 71px;
    margin: auto;
}

.badge-silver{
    background: url(../img/trophy_room/silver.png) no-repeat center;
    width: 58px;
    height: 71px;
    margin: auto;
}

.badge-title{
    font-family: Oswald, sans-serif;
    color: #000;
    text-align: center;
}

.badge-room-val{
    font-family: Oswald, sans-serif;
    color: #FFF;
    text-align: center;
    font-size: 30px;
    padding-top: 10px;
    margin-bottom: -7px;
}

.badge-room-msg{
    font-family: Oswald, sans-serif;
    color: #FFF;
    text-align: center;
    font-size: 8px;
    width: 25px;
    height: 22px;
    margin: auto;
}

.badge-cell{
    width: 85px;
    font-family: Oswald, sans-serif;
    text-align: center;
    font-size: 12px;
}

.reflex-gold{
    background: url(../img/trophy_room/reflex_gold.png) no-repeat center;
    width: 48px;
    height: 23px;
    margin: auto;
}

.reflex-silver{
    background: url(../img/trophy_room/reflex_silver.png) no-repeat center;
    width: 48px;
    height: 23px;
    margin: auto;
}

.reflex-pink{
    background: url(../img/trophy_room/reflex_pink.png) no-repeat center;
    width: 48px;
    height: 23px;
    margin: auto;
}

.reflex-bronze{
    background: url(../img/trophy_room/reflex_bronze.png) no-repeat center;
    width: 48px;
    height: 23px;
    margin: auto;
}

/************************************ TROPHY ROOM ****************************************/



/************************************ EQUIPMENT ***************************************/
.grint_table_form .label {
    color: #333;
    font-family: helvetica, Georgia, serif;
    font-size: 14px;
    text-align: right;
    padding-right: 32px;
    font-weight: normal;
}

.grint_table_form td {
    padding-bottom: 10px;
}


.form_input_gray{
    width: 217px;
    padding: 5px 5px 5px 9px;
    font-size: 13px;
    line-height: 1;
    border-radius: 0;
    height: 22px;
    -webkit-appearance: none;
    color: #595959 !important;
    font-family: helvetica;
    font-weight: 600;
    font-style: italic;
    border: 1px solid #ccc; 
}

.form_select_gray {
    width: 93%;
    padding: 5px;
    font-size: 14px;
    line-height: 1;
    border-radius: 0;
    height: 35px;
    color: #595959 !important;
    font-family: helvetica;
    font-weight: 600;
    font-style: italic;
    border: 1px solid #ccc;
}



/*.form_select_gray{
    background: url(images/arrow_select.png) no-repeat right white;
    width: 214px;
    height: 25px;
    overflow: hidden;
    border: 1px solid #ccc;
}*/

/************************************ EQUIPMENT ***************************************/



.trash-request{
    color: #cf3d11;
    font-weight: bold;
    margin-left: 4px;
    cursor: pointer;
    font-family: helvetica;
}



.loading-app-body{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background:url('../images/ie.png');
    background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
    z-index:100000;
}

.loading-app{
    width: 45px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -30px 0 0 -30px;
    -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
    -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
    box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
    background: #111;
    text-align: center;
    border-radius: 10px;
    color:#FFF;
    padding: 5px;
    font-size: 12px;
    font-family: Arial, sans-serif;
}

.filter_options{
    position: absolute;
    z-index: 10;
    left: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    border: solid #4d8321 1px;
    margin-top: 1px;
    text-align: left;
}

.filter_options a.courserow:hover {
    background-color: #DBE1E4;
}


.filter_options a.courserow span {
    font-weight: normal;
    color: #666;
    display: block;
    font-size: 11px;
    line-height: 1;
}

.filter_options a.courserow {
    background: #fff;
    width: 200px;   
    display: block;
    color: #4D8321;
    font-size: 13px;
    font-weight: bold;
    border-bottom: dotted #989C9E 1px;
    padding: 5px 4px 3px;
}


.public-as-chairman{
	float: right;
    font-family: helvetica;
    font-weight: 600;
    color: #333;
    margin-top: 9px;
    font-size: 14px;
    margin-right: 8px;
    position:relative;
}

.roundCheck{
    width: 18px;
    height: 18px;
    position: absolute;
    display: inline-block;
    background: #8e8e8e;
    background: #8e8e8e;
    background: #8e8e8e;
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
    top: 0px;
    left: 0px;
    z-index: 1;
}

.roundedOne {
    width: 18px;
    height: 18px;
    position: relative;
    display: inline-block;
    border-radius: 50px;
}

.roundedOne label {
    width: 10px;
    height: 10px;
    cursor: pointer;
    position: absolute;
    left: 4px;
    top: 4px;
    background: #989898;
    background: #989898;
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
    z-index: 2;
}

.roundedOne label:after {
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    top: 2px;
    left: 2px;
    background: #86da2a;
    background: #86da2a;
    background: #86da2a;
    opacity: 0;
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}
    
 .roundedOne label:hover::after {
      opacity: 0.3;
    }

  
.roundedOne input[type=checkbox] {
    visibility: hidden;
}

.roundedOne input[type=checkbox]:checked + label:after {
    opacity: 1;
} 

.roundedOne input[type=checkbox]:checked + label + .roundCheck {
    background: #86da2a;
    background: #86da2a;
    background: #86da2a;
}