body{background:#666!important;margin-top: 5px !important;line-height: 18px;color: #666;height: 100%;margin:5px 0 0;}
body,html,table,th,td{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}

div{overflow:visible}
#npContainer{background:#fff;width:950px;margin:5px auto;overflow:hidden;}
#npContainer *:not(.pi):not(.fa){font-family:Arial,Helvetica,sans-serif;}
#npHeader{background:#5d5d5d url(/icons/bookingsHeader.jpg) bottom left repeat-x;margin:10px 0 0 10px;width:930px;overflow:hidden;}
#npHeaderL{float:left;margin:5px;display:inline-block;width:710px;overflow:hidden;}
#npHeaderR{float:right;margin:5px;display:inline-block;overflow:hidden;}
h1#npGreenTitle{color:#4AB5F1;font-size:16px;margin:0 0 5px 0;padding:0;}
h2#npWhiteTitle{color:#fff;font-size:16px;margin:0 0 14px 0;padding:0;}
h3#npWhiteDesc{color:#fff;font-size:14px;font-style:italic;margin:0 0 3px 0;padding:0;font-weight:normal;}

a.nphomePage{color:#fff;text-decoration: none;margin: 0 4px 0 0;}
a.nplogout{color:#fff;text-decoration: none;}

#npMenu{height:38px;margin:0 0 0 10px;width:930px;background:#ebebeb url(/icons/npMenuBack.jpg) top left repeat-x;clear:both;}
#npMenu a{display:block;float:left;text-align:center;width:98px!important;height:23px;line-height:23px;text-decoration:none;color:#333;padding:0;margin:7px 0 0 4px;font-size:12px;background:#fff;border:1px solid #333;font-weight:bold;border-radius: 3px;}
#npMenu a:hover{background:#4AB5F1;color:#fff;}
#npMenu a.npfixtures{color:#337ab7;background:#fff url(/icons/backToFixtures.gif) center left no-repeat;width:98px;padding:0 0 0 20px;text-align:left;border:1px solid #4DA6E2;}
#npMenu a:hover.npfixtures{color:#000;background-color:#fff;}
#npMenu a.npconfig,#npMenu a.npupload{width:111px!important;}
#npMenu a.npprint{width:auto!important;height:auto;float:right;border:none;margin:0 5px 0 0;padding:0;background:transparent!important;}
#npAccord{margin:0 0 0 10px;width:930px;padding:20px 0 20px 20px;background:#333;overflow:hidden;}
#npBody{padding-top: 5px;padding-bottom: 5px; margin:0 0 10px 10px;width:930px;background:#fff;overflow:hidden;text-align:left;}
#npBodyTable{text-align: left; width: 100%;}

a.npAccButton{display:inline-block;float:left;width:170px;line-height:27px;text-align:center;background:#fff url(/icons/roundBack.gif) top left no-repeat;color:#333;text-decoration:none;margin:0 0 8px 10px;padding:0;font-size:12px;font-weight:bold;}
a:hover.npAccButton{color:#4AB5F1;}
.npCompsList{display:inline;margin:0 0 8px 10px;background:transparent url(/icons/roundBack.gif) top left no-repeat;height:27px;width:170px;overflow:hidden;float:left;}
.npCompsList select{width:160px;color:#333;margin:3px 0 0 5px;padding:0;font-size:12px;font-weight:bold;border:1px solid #efefef;background:#efefef;}

#accordionItemNpprizesBody,#accordionItemNpcoursesBody,#accordionItemNpcompsetupBody{margin:0 0 0 10px;width:930px;padding:0;background:#333;clear:both;border-top:1px solid #fff;}
#accoSubC{overflow:hidden;width:930px;margin:10px 0 10px 10px;}
a.accordionHead,a:visited.accordionHead{outline:none!important;}
a.accordionHeadDown,a:visited.accordionHeadDown{color:#fff!important;background:#333!important;text-decoration:none;outline:none!important;}
.accordionOpen,.accordionClosed{/* used to track open/closed state */}

p {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 16px;color: #454B5A;}

table.home {background-color: #FFF;}
table.head {background-color: #FFF;}
table.footer {background-color: #FFF;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #8A8A8A;}
table.titles {background-color: #B5C5DF;color: #FFF;}
a {font-family: Verdana, Arial, Helvetica, sans-serif;color: #0099FF;}

table.portal {font-family: Verdana, Arial, Helvetica, sans-serif;color: #666;background-color: #FFF;border: 0 solid #CCC;padding: 2px;}
table.portal td {font-family: Verdana, Arial, Helvetica, sans-serif;color: #666;background-color: #FFF;font-size: 10px; text-align:left;}
table.portal tr.lineHighlight{background-color:#EBEDED;}
table.portal tr.lineHighlight td{background-color:#EBEDED;}
table.portal tr.lineHighlight td.highlight{background-color:#EBEDED;}
table.portal tr.lineHighlight td.boxed{background-color:#EBEDED;border:1px dotted #DDD;height:40px;}
table.portal tr.lineSelect,table.portal tr.lineSelect td{background-color:#ABADAD;}
table.portal th {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px!important;color: #FFF;background-color: #405179;;height:22px;padding-left: 5px;}

table.ct {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #333;background-color: #CAD0E5;}
table.ct th {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #FFF;background-color: #DBD58A;}
table.titles a {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #FFF;text-decoration: none;}

h4 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #43566B;}
ul {font-size: 11px;line-height: 16px;color: #454B5A;list-style-type: square;}
h5 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 16px;font-style: italic;color: #9E975F;}
h6 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;color: #A9A75C;font-weight: normal;}
h3 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #6A80A4;}
h1 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 18px;color: #899AB6;}
h2 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;color: #42769D;}

table.static {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #666;background-color: #FFF;border: 0 solid #CCC;}
table.blueside {color: #999;font-size: 11px;}
table.content {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #666;background-color: #F7F9F9;border: 0 solid #CCC;}
td.noborder {margin: 0;padding: 0;border: 0 none;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;}
table.navigation {border: 0 none #fff;}
table.navigation td {border: 0 none #fff;background-color: #B3BC6B;padding: 2px 0 0;}
table.navigation a {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #FFF;text-decoration: none;font-weight: 600;letter-spacing: 0.04em;}
table.navigation a:hover{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #485884;text-decoration: none;font-weight: 600;letter-spacing: 0.04em;}
table.static th {color: #333;background-color: #CAD3DB;}
a.small {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;color: #009;text-decoration: none;}

.checkbox {border: 0;}

.errortext{color:red;}
#tat_table *{color:#fff!important;}
hr{font-size:1px;height:1px;border:0;background-color:#CCC;}


.portal th a{font-size:11px;color:#FFF2AB!important;font-weight:700;text-decoration:none;}
th.portal{background-color:#000;color:#FFF;font-size:12px;font-weight:bolder;text-align:center;height:20px;}
.dashboard{font-size:14px;font-weight:900;}

table.administrator{border:1px solid #666;background-color:#DDD;}
table.administrator td{background-color:#FFF;}
table.dropdown{border:1px solid #666;border-top:0;background-color:#CCC;}

table.breadcrumb{font-size:9px;color:#858585;}
td.bc_highlight{font-size:9px;color:#933;}

.trial{color:red;font-weight:700;font-size:12px;}
button.quantity{color:#555;margin:0;padding:0;}
#leaderboardMarquee{width:380px;height:25px;border:1px solid #CCC;text-align:left;line-height:25px;padding-left:10px;}
.leaderboardMarqueeText{font-weight:700;}

.addressAssoc{width:78%!important;}
.imageAssoc{position:absolute;right:5px;top:5px;width:130px;height:130px;background-color:#FFF;border:1px solid #666;}
td.dark,table.portal td.pollPercentageBarDefault{background-color:#666;}
.footer,.footer a,table.administrator td,table.dropdown td,table.dropdown th{font-size:9px;}


input,select,textarea,button{font-size:11px;border:1px solid #c7c7c7;margin:2px;padding:2px 5px 2px 5px;;border-radius: 3px;}
input.radio,input.checkbox{background-color:transparent;}

button { background-color:#f9f5fc;color:#000;}
input[type="submit"] { background-color:#f9f5fc;color:#000;}
input[type="button"] { background-color:#f9f5fc;color:#000}

button:hover { background-color:#c6c6c6;color:#000 }
input[type="submit"]:hover { background-color: #c6c6c6;color:#000 }
input[type="button"]:hover { background-color:#c6c6c6;color:#000 }

table.categories,table.display{background-color:#CCC;}
.tabs a:link,.tabs a:visited{font-weight:700;font-size:10px;color:#7F7F7F;line-height:20px;text-decoration:none;}
.alert{color:red;font-weight:700;font-size:14px;}
.competitionDate{font-size:12px;margin-top:4px;margin-bottom:4px;font-weight:bold;}
div.overpar{color: #00F;}
div.birdie{color: #F00;}
div.eagle{color: #F00;}
div.albatross{color: #0F0;}
div.par{color: #000;}
div.nothing{color: #0FF;}

/* Pin Placement */
div.hole{position:relative;float:left;width:16%;text-align:center;height:175px;}
.smallform{padding:0;margin:0;border:0;}
/*tabs*/
.tab{float:left;border:solid 1px silver;line-height:20px;text-decoration:none;padding:3px;margin:1px;white-space:nowrap;}
.tab_on{border-bottom:none}
.tab_off{border-bottom:none;background-image: url(/icons/miclubGui/tab_background.jpg)}
.diary {}

#topBarSel{overflow:hidden;width:100%;}
#evoTitleBt{clear:both;margin:5px 0;text-align:center;}

.oneTwenty{width:120px;}
.ninety{width:90px;}

.floatClear{clear:both;}
.floatLeft{float:left;}
.floatRight{float:right;}
.margin10{margin:10px;}
.padding10{padding:10px;}
.overflowHid{overflow:hidden;}
.lineHighlight{background-color:#EBEDED;}

#tabArea{overflow:hidden;border-bottom:1px solid #999;}
#properties{}
#properties p,#translations p{margin:3px 0;padding:0;}

#competitionSubmissionInProgressFrame {position: absolute;top: 40%;left: 35%;width: 400px;height: 60px;background: #FC3;padding: 20px;font-size:14px;}
input.golflinkActionButton{display:inline-block;float:left;height:27px;width:150px;line-height:27px;text-align:center;text-decoration:none;margin:0 0 8px 10px;padding:0;font-size:12px;font-weight:bold;}



#cpHeader{height:25px;line-height:25px;display:block;float:left;padding:0;margin:10px 0 10px 13px;}
#cpCalSel{height:25px;line-height:25px;float:right;overflow:hidden;margin:10px 13px 10px 0;}
#cpCalSel img,#cpCalSel button,#cpCalSel table.calendarTable,#cpCalSel p{float:left;padding:0;margin:0 0 0 4px;}
#cpCalSel button {height: auto; line-height: normal; padding: 0 3px; overflow: visible;}

.cpClear{clear: both;}

.cpDateHeading{display:block;line-height:28px;height:28px;float:left;font-weight:bold;color:#666;font-size:15px;margin:15px 0 0 0;padding:0 0 0 13px;}
.cpExportTop{display:block;line-height:30px;height:28px;float:right;margin:18px 0 0 0;padding:0 15px 0 0;}
.cpExportTop a{font-weight:bold;color:#4987b3;font-size:11px;text-decoration:none;}
.cpExportTop a:hover,.cpExportTop a:active,.cpExportTop a:focus{text-decoration:underline;}
.cpMainContainer{clear:both;border:1px solid #4a4a4a;background:#fff;border-top-width:5px;width:902px;margin:2px 0 10px 13px;overflow:hidden; }
.cpMainContainer a:hover,.cpMainContainer a:active,.cpMainContainer a:focus{text-decoration:underline;}
h2.cpCompName{font-size:17px;margin:10px 0 4px 13px;padding:0;float:left;font-weight:bold;color:#333;}
.cpTopLinksRight{float:right;margin:5px 8px 0 8px;padding:0;line-height:30px;height:30px;display:block;}
.cpTopLinksRight a{text-decoration:none;color:#333;font-weight:bold;font-size:12px;}
.cpRedColour{color:#b80202!important;}
.cpGreenColour{color:#95c505!important;}
.cpOrangeColour{color:#ff7f50!important;}
.cpLinksBorder{float:left;display:inline-block;border:1px solid #b5c5d4;color:#4987b3;font-size:12px;width:118px;text-align:center;height:20px;line-height:19px;margin:5px 0 5px 7px;padding:0;text-decoration:none;font-weight:bold;}
a.cpLinksBorder:hover,a.cpLinksBorder:active,a.cpLinksBorder:focus{color:#333;background:#efefef;border:1px solid #333;text-decoration:none;}
.cpNonlinkBorder{border:1px solid #ccc;color:#ccc;}
#roundActionSpan b{line-height:250%;}

.cpRoundContain{border-bottom:1px solid #b5c5d4;overflow:hidden;margin:5px 0 5px 7px;height:30px;width:887px;clear:both;padding: 0 0 6px 0;}
.cpRoundCount,.cpRoundDate,.cpCompCount,p.cpCreateComp,p.cpSubClose{display:block;padding: 3px 6px;height:30px;overflow:hidden;}
.cpRoundCount{width:50px;float:left;color:#333;font-size:12px;font-weight:bold;margin:0 3px 0 0;}
.cpRoundDate{width:45px;float:left;color:#333;font-size:12px;font-weight:normal;margin:0 3px 0 0;}
.cpCompCount{width:70px;float:left;color:#333;font-size:12px;font-weight:normal;margin:0 3px 0 0;}
.cpTimeSheetLink{width:455px;color:#4987b3;font-size:12px;font-weight:bold;text-decoration:none;margin:0 3px 0 0;padding:3px 6px;overflow: hidden; display: block;}
p.cpCreateComp{float:right;padding:0;margin:0;text-align:right;}
.cpCreateComp a,.cpSubClose a{font-weight:bold;color:#333;text-decoration:none;font-size:12px;}
.cpCreateComp img,.cpSubClose img,.cpTopLinksRight img{margin:6px 3px 0 0;float:left;}
.cpCreateComp a,.cpSubClose a{float:left;}
.cpSubClose *{vertical-align:baseline;}
p.cpSubClose{width:140px;float:right;padding:0 0 0 6px;margin:0;text-align:right;}
.cpCompName1{font-size:15px;margin:10px 0 4px 13px;padding:0;float:left;display:inline;font-weight:bold;color:#333;width: 510px;}
.cpLinksContain{clear:both;overflow:hidden;}
.cpMultiRoundContain{border-bottom:1px solid #b5c5d4;overflow:hidden;margin:5px 0 5px 7px;height:40px;width:887px;clear:both;padding: 0 0 6px 0;}
.cpPartContentName{font-size:15px;margin:10px 0 4px 13px;padding:0;float:left;display:inline;font-weight:bold;color:#333;width: 325px;}
.cpPartContentMemberNumber{font-size:15px;margin:10px 0 4px 13px;padding:0;float:left;display:inline;font-weight:bold;color:#333;width: 250px;}
.cpPartHCContent{font-size:15px;margin:10px 0 4px 13px;padding:0;float:left;display:inline;font-weight:bold;color:#333;width: 30px;}
.cpPartGLContent{font-size:15px;margin:10px 0 4px 13px;padding:0;float:left;display:inline;font-weight:bold;color:#333;width: 80px;}
.cpDelPart{float:right;padding:0;margin:10px 0 4px 13px;text-align:right;}

#buttonBarN{overflow:hidden;width:auto;margin:0 auto;}
#buttonBarN a.high{float:left;display:block;text-decoration:none;color:#fff;height:28px;line-height:28px;background-color:#4a4a4a;width:auto;font-size:13px;padding:0 15px;border:1px solid #4a4a4a;border-bottom:none;}
#buttonBarN a.low{float:left;display:block;text-decoration:none;color:#333;height:28px;line-height:28px;background-color:#fff;width:auto;font-size:13px;padding:0 15px;border:1px solid #4a4a4a;border-bottom:none;}

#shortButtonBarN{overflow:hidden;width:502px;margin:0 auto;}
#shortButtonBarN a.high{float:left;display:block;text-decoration:none;color:#fff;height:28px;line-height:28px;background-color:#4a4a4a;width:auto;font-size:13px;padding:0 15px;border:1px solid #4a4a4a;border-bottom:none;}
#shortButtonBarN a.low{float:left;display:block;text-decoration:none;color:#333;height:28px;line-height:28px;background-color:#fff;width:auto;font-size:13px;padding:0 15px;border:1px solid #4a4a4a;border-bottom:none;}

#generalDetails,#publicDetails,#equipmentDetails{overflow:hidden;width:auto;margin:0 auto;border:1px solid #4a4a4a;background:#fff;border-top-width:5px;padding:5px 0;}
#publicDetails input,#equipmentDetails input,#compDetails input,#paymentDetails input,#bookingRules input{margin-left:10px;}
#publicDetails label,#equipmentDetails label,#compDetails label,#paymentDetails label,#bookingRules label{width:390px;margin:2px 10px 0 10px;height:18px;line-height:18px;}
#shortGeneralDetails,#compDetails,#paymentDetails,#bookingRules{overflow:hidden;width:500px;margin:0 auto;border:1px solid #4a4a4a;background:#fff;border-top-width:5px;padding:5px 0;}
#generalDetails input{margin-top:7px;}
#generalDetails label{width:400px;margin-top:7px;}
#equipmentDetails p{margin-left:10px;margin-right:0;}
#generalDetails br,#publicDetails br,#equipmentDetails br{clear:both;height:0;font-size:0;}

.leftaligned th {text-align: left;}

.ui-growl {position:fixed;top: 40%;left: 37%;}

.ui-datatable.ui-widget th {text-align: left;}

a {text-decoration: none!important;}

.ecc-lbName {margin-bottom:  10px; display: inline-block;}
button.ecc-lbBtn {width: 45px;min-width: 45px; color:#286090;}
button.trash {float:right; color:#A80000;}
.ecc-Cont {width: 98%; margin:0 1%;}
.ecc-Cont table {background: #fff;}
.ecc-lbEditCol {width: 230px;}
.ecc-Cont input {display: inline-block; margin-right:4px!important;}
.ecc-header {text-align: right;}
button.floatLeft {margin-right: 6px;}
.ecc-status {padding: 2px 4px;border-radius: 4px; display: block;border: 1px solid;text-align: center;}
.off {border-color:#A80000; color: #A80000;}
.on { border-color:#00A800; color: #00A800;}
a.ecc-status:hover {background: #d7d7d7;}

/*Edit/Crate Comp*/
.help-notes {
    background: #eee;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 9px;
    margin-left: 4px;
    text-align: center;
}
label.checkbox {font-weight: 700;}
.popover {width: 300px;}

.cpMainContainer.cpFormMargin {
    border: none;
    width: 902px;
    margin: 2px 0 10px 13px;
    overflow: hidden;
    padding: 10px;
    font-size: 14px;
}
.cpMainContainer .form-group {margin-bottom: 4px;}



.parameter-radio input[type="radio"]{
    font-weight: normal;
    margin: 0 5px 0 15px!important;
}

.eclectic-incl label {margin-right: 12px;}
.eclectic-cont {margin-top: 10px; display: inline-block;}
.cpMainContainer button.btn {
    margin-left: 4px;
}

input.btn-primary {
    background-color: #337ab7;
    color: #fff;
}

.cpMainContainer.cpFormMargin  h2 {
    margin: 20px 0;
    font-size: 17px;
    padding-bottom: 5px;
    font-weight: bold;
    color: #333;
    display: block;
    width: 100%;
    border-bottom: 2px solid #777;
}

.cpMainContainer .form-inline input[type="text"] {
    width: 85px;
    margin-right: 4px;
}


.clear-all {
    clear: both;
}

.form-inline .form-control {
    padding: 6px 12px;
}
.form-group {width: 100%; display:inline-block;}
.fixedLabel {width: 65px;}


/*commsList*/
.recipientList .ui-panel-title {padding-left: 1em;}
.recipientList .ui-panel .ui-panel-titlebar {padding-left:0;}
.recipientList .ui-panel .ui-panel-titlebar-icon {float: left;}
.cl-name.ui-panelgrid.ui-widget {border: none; margin: 10px 0; }
.cl-name {background: #e7e7e7; width: 96%; margin:  2% 0;padding: 2%;display:inline-block; border-radius: 4px;}
.cl-name input {margin-left:10px; width:320px;}
.cl-save {text-align: right;width: 100%;}
.recipientList .ui-inputfield.ui-widget, .recipientList input, .recipientList select {font-size:1em; padding: 7px 5px;border: 1px solid #ccc;}
.cl-title {font-weight: bold; color:#000; font-size: 1em;margin-bottom:0px;}

.text-right {text-align: right;}
.btn-right {float: right; width: auto;}
.recipientList .ui-widget-content thead tr {border:1px solid #b8ced9;}
.recipientList .ui-datatable.ui-widget th {border:1px solid #b8ced9;}
a.tagLink{
    border: none;
    border-radius: 3px;
    background-color: #548EDD;
    color: #ffffff;
    padding: 4px 6px;
    margin: 3px;
    display: inline-block;}
a.tagLink span {margin-right: 4px;}

div.eclecticContainer {display: inline-block;}

.circle-loader {
    margin-bottom: 3.5em;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-left-color: white;
    animation: loader-spin 1.2s infinite linear;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    width: 3em;
    height: 3em;
}

.load-complete {
    -webkit-animation: none;
    animation: none;
    border-color: white;
    transition: border 500ms ease-out;
}

.checkmark {
    display: none;
}
.checkmark.draw:after {
    animation-duration: 800ms;
    animation-timing-function: ease;
    animation-name: checkmark;
    transform: scaleX(-1) rotate(135deg);
}
.checkmark:after {
    opacity: 1;
    height: 3.5em;
    width: 1.75em;
    transform-origin: left top;
    border-right: 3px solid white;
    border-top: 3px solid white;
    content: "";
    left: 1.75em;
    top: 3.5em;
    position: absolute;
}

.cpLinksContain *{font-family:Arial,Helvetica,sans-serif;}

@keyframes loader-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }
    20% {
        height: 0;
        width: 1.75em;
        opacity: 1;
    }
    40% {
        height: 3.5em;
        width: 1.75em;
        opacity: 1;
    }
    100% {
        height: 3.5em;
        width: 1.75em;
        opacity: 1;
    }
}