/*-----css resets--*/
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
.hide{display:none;}
.mb10{margin-bottom:10px;}
.aRight{text-align:right;}
a{color:#0055B5; text-decoration:none;}
a:hover{text-decoration:underline;}
img{vertical-align:middle;}
input[type="text"], input[type="password"], select, textarea{border-radius:5px;}

input[type="button"], input[type="submit"], input[type="reset"] {cursor: pointer; background-color: #333; border: solid 1px #333; color: #FFFFFF; padding: 2px 5px; outline:none; width: 0;  /* IE table-cell margin fix */ overflow: visible; border-radius:5px;}
input[type="button"], input[type="submit"], input[type="reset"]{  /* IE < 7 ignores [class] */width: auto;/* cancel margin fix for other browsers */}
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {border:solid 1px #1C8400; background:#1C8400;}

/*-- Body--*/
body{background:#FFF url(../images/header-bg.png) top left repeat-x; font-family:"Arial", Verdana, Tahoma; font-size:12px; color:#333; line-height:18px;}
#wrapper{width:100%; margin:0 auto;}
.login h1{font-size:24px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align:center; display:block; line-height:36px; color:#666; margin-bottom:10px; border-bottom:solid 1px #d2d2d2;}
.login{font-size:16px; width:312px; margin:20% auto 0 auto; padding:20px; border:solid 1px #d2d2d2; border-radius:10px; background:#f2f2f2; -webkit-box-shadow: 2px 2px 1px #888888; /* Safari and Chrome */
box-shadow: 2px 2px 1px #888888;}
.login input[type='text'], .login input[type='password']{font-size:16px; margin-top:20px; width:300px; margin:0 auto; border:solid 1px #d2d2d2; padding:5px; width:300px; margin:5px 0 10px 0;}
.login input[type='submit']{padding:5px 15px;}
.login .center{text-align:center;}
.login .error{color:#ff0000; background:#FFF; font-size:12px; margin:0 0 10px; padding:5px;} 
header{float:left; width:100%; clear:both;}
header h1{float:left; padding:35px 10px 9px 10px;}
header h1 a{float:left; font:bold 24px/36px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#999; border:0; text-decoration:none;}
header h1 a:hover{ text-decoration:none; color:#FFF;}
footer{background:#333; padding:10px 0; text-align:center; width:100%; float:left; color:#d2d2d2;}
.topRight {float:right; padding-right:10px; color:#d2d2d2; padding-top:5px;}
.topRight .topLinks{float:right; color:#d2d2d2; clear:both;}
.topRight .topLinks a{color:#d2d2d2; text-decoration:underline;}
.topRight .topLinks a:hover{text-decoration:none;}
.topRight .date{float:right; color:#d2d2d2; clear:both; margin-top:20px;}

/*--dropdown menu--*/
ul.nav {width:100%; font:bold 12px 'Arial', Helvetica, sans-serif; display:block; float: left; clear:both;}
ul.nav li {display:block; margin:0; float:left;}
ul.nav a:hover ul, ul.nav a:hover a:hover ul, ul.nav a:hover a:hover a:hover ul {display:block;}
ul.nav a {display:block; vertical-align:middle; padding:2px; color: #444444; text-decoration:none; text-align:left; border-left:1px solid #d2d2d2; float:left; text-shadow: 0 1px 0 #FFFFFF;}
ul.nav a div{float:left;}
ul.nav a.home {border-left:0;}
ul.nav li a{padding:11px 8px;color:#333}
ul.nav span {overflow:hidden;}
ul.nav li a:hover {color:#333;}
ul.nav ul {position: absolute; left:0px; top:98%; width:184px; border:1px solid #d2d2d2; background-color:#ffffff;}
ul.nav ul ul {position: absolute; left:98%; top:-1px;}
ul.nav, ul.nav ul {margin:0px; list-style:none;}
ul.nav a:active, ul.nav a:focus {outline-style:none;}
ul.nav ul li {float: left;}
ul.nav ul a {text-align:left; border-bottom:solid 1px #d2d2d2;	width: 167px; font-weight:normal; padding:8px;}
ul.nav li:hover {position:relative;}
ul.nav li:hover>a {background-color:#fff; color: #333;	text-decoration:none;}
ul.nav li a:hover {position:relative; background:#fff; color: #333; text-decoration:none;}
ul.nav ul a:hover {position:relative; background:#f2f2f2; color: #333; text-decoration:none;}
ul.nav ul, ul.nav a:hover ul ul {display:none;	z-index:99999;}
ul.nav li:hover>ul {display:block}
ul.nav span {display:block; background:url('../images/icons-blue.png') -64px 0 no-repeat; width:16px; height:16px; float:left;}
ul.nav ul span {background:url('../images/icons-blue.png') -32px 0 no-repeat; width:16px; height:16px; float:right;}

.mainContent{float:left; width:100%; clear:both; margin-top:3px;}
.contentArea{padding:15px 10px 15px;}
.rightPanel{background:#f2f2f2; padding:10px; border-left:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}

.pageInfo{background: none repeat scroll 0 0 #f1f1f1; border: 1px solid #d2d2d2; margin: 10px 0; padding:10px; border-radius: 3px 3px 3px 3px;}
.yellow-box{background: none repeat scroll 0 0 #FFF6BF; border: 1px solid #FDD845; margin: 10px 0; padding:10px; border-radius: 3px 3px 3px 3px;}
.special-box{background: none repeat scroll 0 0 #FFF; border: 1px solid #d2d2d2; padding:10px; border-radius: 3px 3px 3px 3px;}
.special-box h3{font-size:16px; font-weight:normal; margin-bottom:5px; padding:5px 0; border-bottom:dotted 1px #d2d2d2;}
.special-box ul{padding:0 5px;}
.special-box ul li{border-top:1px dotted #d2d2d2; background:url(../images/list-arrow.png) 0px 3px no-repeat; padding-left:20px;}
.special-box ul li:first-child{border-top:0px dotted #d2d2d2;}
.special-box ul li a{color:#666; padding:2px 0; display:block; text-decoration:none;}
.special-box ul li a:hover{color:#000; background:#f1f1f1;}

.special-box div.green{width:100%; background:#1C8400; height:10px;}
.special-box div.yellow{width:100%; background:#FDD845; height:10px;}
.special-box div.blue{width:100%; background:#0055B5; height:10px;}
.special-box div.red{width:100%; background:#B50007; height:10px;}

.sideBox{background: none repeat scroll 0 0 #FFF; border: 1px solid #d2d2d2; padding:5px; border-radius: 3px 3px 3px 3px;}
.sideBox h3{background:#d2d2d2; padding:2px 5px; text-shadow: 0 1px 0 #FFFFFF;}
.sideBox .sideContent{padding:5px;}
.sideBox .sideContent ul li{border-top:1px dotted #d2d2d2;}
.sideBox .sideContent ul li:first-child{border-top:0px dotted #d2d2d2;}
.sideBox .sideContent ul li a{color:#666; padding:2px 0; display:block; text-decoration:none;}
.sideBox .sideContent ul li a:hover{color:#000; background:#f1f1f1;}
.sideBox .sideContent ul ul{margin-left:10px;}
.sideBox .sideContent ul ul li{background:url(../images/left-arrow.png) left 6px no-repeat; padding-left:10px;}

.box{background: #F9F9F9; border: 1px solid #d2d2d2; padding:5px; border-radius: 3px 3px 3px 3px;}
.box h3{background:#d2d2d2 url(../images/heading-arrow.png) 5px 7px no-repeat; padding:4px 5px 4px 20px; text-shadow: 0 1px 0 #FFFFFF; margin-bottom:5px;}
.box p, .box ul{padding:5px;}
.box ul li{border-top:1px dotted #d2d2d2; background:url(../images/icon-arrow.png) left 5px no-repeat; padding-left:15px;}
.box ul li:first-child{border-top:0px dotted #d2d2d2;}
.box ul li a{color:#666; padding:2px 0; display:block; text-decoration:none;}
.box ul li a:hover{color:#000; background:#f1f1f1;}

/*.error{background: url("../images/error.png") no-repeat scroll 10px 50% #F9E5E6; border: 1px solid #E8AAAD; color: #B50007; padding:10px 10px 10px 45px; border-radius: 3px 3px 3px 3px; margin-bottom:10px;}*/

.form label.error{background: url("../images/icon-warning.png") no-repeat scroll 10px 50% #F9E5E6; border: 1px solid #E8AAAD; color: #B50007; padding:3px 8px 3px 30px; border-radius: 3px 3px 3px 3px; text-align:left;}

.success{background: url("../images/success.png") no-repeat scroll 10px 50% #E9F9E5; border: 1px solid #B4E8AA; color: #1C8400; padding:10px 10px 10px 45px; border-radius: 3px 3px 3px 3px;  margin-bottom:10px;}

.dashboardBox{background: none repeat scroll 0 0 #FFF; border: 1px solid #d2d2d2; padding:2%; border-radius: 3px 3px 3px 3px; float:left; width:96%;}

.greyBg{background:#f6f6f6;}
.lightBluebg{background:#ECEFF5;}

.form{border:solid 1px #d2d2d2;}
.form .title{background:#d2d2d2; font-size:16px; padding:5px 5px;}
.form td{padding:8px 5px; border-bottom:dotted 1px #d2d2d2;}
.form input[type="text"], .form input[type="password"]{border:solid 1px #d2d2d2; padding:2px; width:250px;}
.form input[class="small"]{width:77px;}
.form select{border:solid 1px #d2d2d2; padding:2px; width:256px;}
.form textarea{border:solid 1px #d2d2d2; padding:2px; width:400px;}
.form input[type="submit"], .form input[type="button"], .form input[type="reset"]{padding:3px 10px;} 

.contentArea h2{font-size:18px; margin-bottom:10px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}

.listing th{padding:8px 5px; font-size:12px; font-weight:bold; border:solid 1px #d2d2d2; text-align:left; background:#A8B2C5; color:#FFF;}
.listing tr{background:#FFF;}
.listing tr:hover td{background:#FFF6BF;}
.listing td{padding:5px; border:solid 1px #d2d2d2; text-align:left;}
.listing td a{padding:2px; margin-right:2px; float:left;}

.search{border:solid 1px #d2d2d2; margin-bottom:10px;}
.search td{padding:5px 10px; background:#f1f1f1;}
.search td input[type="text"], .search td select{padding:3px 5px; border:solid 1px #d2d2d2;}

.extras{text-align:right; margin-bottom:10px; float:left; width:100%;}
.extras .exLink{float:right; margin-left:10px;}

.pagination {float:right; clear: both;margin: 10px 0 10px 0;}
.pagination strong {float:left; padding: 5px; color:#FFF;text-decoration: none;background: #A8B2C5; margin-right: 2px; font:11px Arial; border:solid 1px #A8B2C5; border-radius:5px;}
.pagination p a {float: left; padding: 5px;color: #666; text-decoration: none;background: #FFF; margin-right: 2px; font:11px Arial; border:solid 1px #d2d2d2; border-radius:5px;}
.pagination a:hover {color: #333;background: #d2d2d2;}
.pagination a.selected {color: #FFF;background: #A8B2C5; border:solid 1px #A8B2C5;}
.bulkAction select{padding:3px 5px; border:solid 1px #d2d2d2;}

.tabPanel{width:100%; padding:10px 0;}
ul.idTabs{width:100%; clear:both; display:block;}
.idTabs li{display:inline;}
.idTabs li a{padding:5px 10px; background:#f2f2f2; color:#666; text-decoration:none; border:solid 1px #d2d2d2; border-top-left-radius:5px; border-top-right-radius:5px; display:inline-block; margin-bottom:-1px;}
.idTabs li a.selected{background:#FFF; border-bottom:solid 1px #FFF;}
.tab{padding:10px; background:#FFF; border:solid 1px #d2d2d2; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}


.err_msg { color:red;font-size: 12px;}
.red { color:red;}
#left_container .club_info h3{font-size:18px;}

.notinum{
    position: absolute;
    right: -9px;
    top: -10px;
    font-size: 11px;
    background-color: #fff;
    color: #333;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    text-align: center;
}
.notinum span{
	display: inline-block;
    position: absolute;
    top: 50%;
    left: 44%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.notificicon.dropdown a{color: #fff}
.notificicon.dropdown .dropdown-menu{
    min-width: 250px;
    left: unset;
    right: 0;
    padding: 10px;
    box-shadow: none;
    top: 31px;
    position: absolute;
    display: none;
}






.drop-down{display: inline-block; margin: 0 10px;}


.drop-down .selected{
position: relative;
}

.drop-down .selected a{
    color: #fff;
    cursor: pointer;
}

.drop-down .selected a span{
  cursor:pointer; 
  display:block; 
  padding:5px;
}

.drop-down .options{
  position:relative; 
}

.drop-down .options ul{
    list-style: none;
    position: absolute;
    top: 19px;
    right: 0;
    min-width: 250px;
    background-color: #fff;
    color: #333;
    padding: 10px;
}
.drop-down .options ul.maindrop{
  display: none;
}
.drop-down .selected span.value, .drop-down .options span.value{
  display: none;
}

.drop-down .options ul li a{
  padding:5px; 
  display:block;
  text-decoration:none;
  color:#333;
}

.drop-down .options ul li a:hover{
  background:#ccc;
  color:#333;
  transition:0.2s ease;
}
.drop-down .options ul .datalist{
  position: static;
  min-width: auto;
  padding: 10px 0;
}
.drop-down .options ul li.viewall{
text-align: center;
}
.drop-down .options ul li.viewall a{
    background-color: #8c8c8c;
    color: #fff;
    padding: 6px 15px;
}



/* Start sort-order*/

.sort-order{

}
.order-icons{
   float: right; width: 39px; margin-left: 3px;margin-top: 56px;
}
.sort-order-slct{
  width: 95%;
}
.sort-order .box-header{
      background: #d2d2d2
}
.sort-order .box-header .box-title{
  display: inline-block;
  text-align: left;
}
.sort-order .box-header .btn-primary.back{
    display: inline-block;
    float: right;
    margin: 5px 10px;
}
.sort-order .box-body{
  padding: 15px;
}
.sort-order .box-body .set-o-t{
    font-weight: 700;
    margin: 0 0 5px 0;
    display: block;
}
.sort-order .box-footer{
  margin: 10px 0;
}
.sort-orderbtn{
  background-color: transparent;
  border: none;
  color: #0055B5;
  cursor: pointer;
  margin: 0 10px 0 0;
}
.sort-orderbtn:hover{
  text-decoration: underline;
}



/* End sort-order*/