/* Global */
body.mobile {opacity: 1;	filter:alpha(opacity=100); background-image:none;}
.mobile #skypro {width:100%;}
#skypro {width:96%; padding: 20px;}
#skypro div {border-width:1px!important; }
#skypro #loading {background-color:red; height:100px; margin:20px; background: url('/images/loading_.gif') no-repeat center;background-size: 50px 50px;}
.mobile #skypro #loading {margin:0px; position:fixed; top:200px;}

/* Overview */
#skypro #overviewSection { min-height: 118px; background-color:#EBE4DC; padding:15px 0 5px 15px;; border-style:solid; border-width:1px; border-color:#DDD6C6; border-radius:5px 5px 0px 0px; }
#skypro #overviewSection .statGroup {float:left;}
#skypro #overviewSection #timelineChartView {display:inline-block; min-height:120px; }
#skypro #overviewSection .overviewTitle {font-weight:bold; font-size:20px;padding: 2px 0 40px 0; line-height: 18px; width:320px;}
#skypro #overviewSection #numberSession { background: url('/images/skypro/overview button sessions.png') no-repeat left; width:39px; height:38px; font-weight:bold; font-size:20px; color:#FFF; text-align: center; line-height: 37px; display:inline-block; }
#skypro #overviewSection #numberSwings { background: url('/images/skypro/overview button swings.png') no-repeat left; width:79px; height:38px; font-weight:bold; font-size:20px; color:#FFF; text-align: center; line-height: 37px;  display:inline-block;}
#skypro #overviewSection label {padding:0 20px 0 5px; font-size:12px; display:inline-block;}
#skypro #overviewSection .statGroup .space {height:20px;}
#skypro #overviewSection #timelineChartView label {font-weight:bold; margin-left:5px;}

#skypro table {margin-top:0px!important;}
#skypro table tbody:first-child td .smallText {padding-top:10px;}


/* Filters */
#skypro #selectSection { background-color:#FEFAEF; padding:15px 5px 10px 5px; border-style:solid; border-top-style:none; border-color:#DDD6C6; border-bottom-left-radius:5px; border-bottom-right-radius: 5px;}
#skypro #parameterSection { display: inline-block; padding:5px; margin:1px 5px; background-color:#838D6A; border-radius:5px; border-style:solid; border-color:#666; border-width:1px;box-shadow:1px 1px 2px #666; cursor: pointer;}
#skypro #parameterSection { width: 242px; overflow: hidden; background: url('/images/skypro/parameter arrow.png') no-repeat left #838D6A; background-position: 98% center; }
#skypro #parameterSection select { background: transparent; width: 264px; line-height: 1; -webkit-appearance:none; padding-left:0px; font-size:12px;}
html.msie #skypro #parameterSection select { margin-top:4px; }
#skypro #parameterSection select option { background:#FFF; color:#000; text-shadow:none; font-weight:normal;}
html.msie #skypro #parameterSection select option { background:#838D6A; color:#FFF; font-weight:normal;}
#skypro #parameter { border-style:none; background-color:#838D6A; color:#FFF; font-weight:bold; text-shadow:1px 1px 2px #666; overflow: hidden; cursor: pointer;}



#skypro #selectSection #filterSection {margin: 7px 0px 0 0; display:inline-block; overflow:hidden; float: right; }
#skypro #selectSection #filterSection div {display: inline-block;}
#skypro #selectSection #filterSection select {margin: 1px 5px 0px 2px;}
#skypro #selectSection #filterSection input {width:74px; margin-right:2px; display: inline; }
#skypro #selectSection #filterSection img {margin:0 6px -3px 3px;}
.iphone #skypro #selectSection #filterSection {margin: 0 10px 0 30px;}



/* Group Header */
#skypro #sessions-list .group { border:solid; border-color:#DDD6C6; border-radius:  5px; margin:10px 0px; background-image:url('/images/skypro/group background.gif'); background-repeat; }
#skypro #sessions-list .headerView { border-bottom-style:solid; border-color:#DDD6C6; padding:10px 5px 10px 10px; font-weight:bold; height:35px; }
#skypro #sessions-list .club { display:inline-block; font-size:24px; overflow:hidden; border-radius: 5px;  line-height:31px; margin-top: 4px;}
#skypro #sessions-list .session-date { line-height: 26px; display:inline-block; padding:5px 5px 1px 10px; overflow:hidden; color:#444;}
#skypro #sessions-list .session-duration { display:inline-block; align:right; padding:5px 5px 1px 5px; overflow:hidden;}
#skypro #sessions-list .session-total-shot { display:inline-block; text-align:right; margin:right:15px; padding:5px 5px 1px 5px; overflow:hidden;}
#skypro #sessions-list label {font-weight:normal; }

#skypro #sessions-list .headerView .show-hide-session { background-image: url("/images/skypro/group hide show session.png"); color: #FFFFFF; display: inline-block; float: right; height: 16px; line-height: 16px; overflow: hidden; padding: 6px 3px; text-align: center; width: 93px; cursor:pointer; margin-top: 5px;}

/* Group Body */
#skypro #sessions-list .stat { display:inline-block; }
#skypro #sessions-list .stat .dist { width:150px; float:left; text-align: center; margin:40px 10px 5px 10px;}
#skypro #sessions-list .stat .average { width:145px; height:74px; background: url('/images/skypro/group average.png') no-repeat; text-align: center; font-size:30px; font-weight:bold; color:#FFF; text-shadow:0px 0px 2px #CCC, 1px 1px 3px #000;}

#skypro #sessions-list .stat .average_ { width:145px; height:100px; background: url('/images/skypro/group average large.png') no-repeat; text-align: center; font-size:30px; font-weight:bold; color:#FFF; text-shadow:0px 0px 2px #CCC, 1px 1px 3px #000;}
#skypro #sessions-list .stat .average_  span{ font-size:13px; font-weight:bold; color:#FFF; text-shadow:0px 0px 2px #CCC, 1px 1px 3px #000;padding-top: 10px;display: block; }
#skypro #sessions-list .stat .average_ label { display:block; font-size:12px; font-weight:bold; color:#FFF; text-shadow:1px 1px 2px #000; padding: 10px 10px 6px 10px;}

#skypro #sessions-list .stat .average  span{ font-size:16px; font-weight:bold; color:#FFF; text-shadow:0px 0px 2px #CCC, 1px 1px 3px #000; }
#skypro #sessions-list .stat .average label { margin-bottom: 0; display:block; font-size:12px; font-weight:bold; color:#FFF; text-shadow:1px 1px 2px #000; padding: 10px 10px 0px 10px;}
#skypro #sessions-list .stat .max {display:inline; font-weight:bold; margin-right:20px;}
#skypro #sessions-list .stat .min {display:inline; font-weight:bold; margin-right:20px;}
#skypro #sessions-list .stat .chart {float:right; margin:10px 10px 0px 0px;}
#skypro #sessions-list .stat .chartTitle {font-weight:bold; font-size:14px; }
#skypro #sessions-list .stat .chartBody { height:120px; width:710px;}

/* Swing */
#skypro #sessions-list .swing { clear:both; margin:10px; border-top-style:solid; border-color:#DDD6C6; display:none; }
#skypro #sessions-list .swing-details { font-size:14px; font-weight:bold; margin:10px 0px; float: left;}
#skypro #sessions-list .outlier{ font-size:12px; float: right; color:#86827F; padding-top: 10px; float: right; display:none; }

#skypro #sessions-list .dimmed{ color:#86827F; }

#skypro #sessions-list .degree {position:absolute; color: #FFFFFF;}
/* Swing List */
#skypro .swing .swings-details-table { clear: both; max-height: 461px; width: ; overflow-y:scroll; overflow-x:hidden; }


#skypro .swing table.tbSwingList { border-spacing:0; width:100%; border-collapse: collapse; background-color: #FFF; border-style:solid; border-color:#DDD6C6; border-width:1px; }
#skypro .swing table.tbSwingList th {border-style:solid; border-color:#DDD6C6; border-width:1px; background-color:#EFEAE0; color: #333;
    vertical-align: middle; font-weight: bold; text-align: left;}

#skypro .swing .swings-details-table table { border-spacing:0; width:900px; border-collapse: collapse; background-color: #FFF; border-style:solid; border-color:#DDD6C6; border-width:1px; }
#skypro .swing .swings-details-table td {border-style:solid; border-color:#DDD6C6; border-width:1px; background-color:#FFF; }
#skypro .swing .swings-details-table tr:hover  td+td { background-color: #FEFAEF; cursor:pointer; }
#skypro .swing .swings-details-table .current_row { background-color: #FEFAEF; color:#0680AF;}

#skypro .swing .swingDetail {display:none; position: relative;}
#skypro .swing .swingDetail .lineButton, .topButton { background-color: #EFEAE0; color: #333333; display: inline-block; float: left; height: 20px; overflow: hidden; padding: 5px; margin-top:20px; text-align: center; width: 122px; cursor:pointer; font-weight: bold; border-top: 1px solid #DDD6C6; border-left: 1px solid #DDD6C6; border-right: 1px solid #DDD6C6}
#skypro .swing .swingDetail .sideButton  { background-color: #EFEAE0; color: #333333; display: inline-block; float: left; height: 20px; overflow: hidden; padding: 5px; margin-top:20px; text-align: center; width: 122px; cursor:pointer; font-weight: bold; border-top: 1px solid #DDD6C6;}

#skypro .swing .swingDetail .addressButton, .backButton, .downButton{ background-color: #EFEAE0; color: #333333; display: inline-block; float: left; height: 20px; overflow: hidden; padding: 5px; margin-top:-5px; text-align: center; width: 89px; cursor:pointer; font-weight: bold; border-left: 1px solid #DDD6C6; border-bottom: 1px solid #DDD6C6;}
#skypro .swing .swingDetail .impactButton { background-color: #EFEAE0; color: #333333; display: inline-block; float: left; height: 20px; overflow: hidden; padding: 5px; margin-top:-5px; text-align: center; width: 88px; cursor:pointer; font-weight: bold; border-right: 1px solid #DDD6C6; border-left: 1px solid #DDD6C6; border-bottom: 1px solid #DDD6C6; }


#skypro .swing .swingDetail .current_angle { background-image: url("/images/sky/current_menu_grey.gif");background-position: 50% 25px;background-repeat: no-repeat;}
#skypro .swing .swingDetail .current_view { background-color: #C1BCB4; text-shadow: 1px 1px #FFFFFF;}
#skypro .swing .swingDetail .disable { color: #C1BCB4; text-shadow: 1px 1px #FFFFFF; cursor: default;}
#skypro .swing .swingDetail .enable { color: #333333; }

#skypro .swing .swingDetail .graphSwing {display: inline;}
#skypro .swing .swingDetail .buttonGroup {float: left; margin: 0px; text-align: center; width: 400px;}
#skypro .swing .swingDetail .angleDescription {float: right; margin-top: 20px; padding: 0px; width: 63.5%; height: 391px; border: 1px solid #DDD6C6}
#skypro .swing .swingDetail .show-hide-advanced { background-image: url("/images/skypro/group hide show advanced_.png"); color: #FFFFFF; display: inline-block; height: 16px; overflow: hidden; margin-top: 15px; padding: 3px; text-align: center; width: 103px; line-height: 15px; cursor:pointer; font-weight: bold;}
#skypro .swing .swingDetail .descTitle { border-bottom: 1px solid #DDD6C6; font-size: 11pt; font-weight: bold; padding: 5px; background-color: #EFEAE0; }
#skypro .swing .swingDetail .descBody { padding: 16px; height: 327px; background-color: #FFFFFF; }

#skypro .swing table td {padding-left:6px;}
#skypro .swing table th {padding-left:5px;padding-right: 1px;}
#skypro .swing table .clFavorite {width:3px;padding:0px;}

#skypro .swing table .favorite{background-color:#6FEF21; border-left-color: #9BDC78; border-right-color: #7BF144; border-top-color: #9BDC78 !important; }

#skypro .swing table .clSwingName {width:158px;}
#skypro .swing table .hdSwingName {width:162px;}

#skypro .swing table .clClubSpeed {width:85px;}
#skypro .swing table .clHandSpeed {width:70px;}
#skypro .swing table .clTempo {width:65px;}
#skypro .swing table .clBackSwing {width:100px;}
#skypro .swing table .clTakeaway {width:98px;}
#skypro .swing table .clReturnAngle {width:110px;}

#skypro .swing .swings-details-table table {
    width: 100%;
    margin: 0;
}
#skypro .swing .swings-details-table th .clComment { width: 153px; }
#skypro .swing .swings-details-table td .clComment { width: 128px; }
#skypro .swing .swings-details-table .clShow { width: 3px; padding: 4px; }
#skypro .swing .swings-details-table .btnEnable{ border: 1px solid #F29066; background-color: #F29066; border-radius: 5px 5px 5px 5px; height: 8px; width: 8px; }
#skypro .swing .swings-details-table .btnDisable{ border: 1px solid #F29066; background-color: #FFFFFF; border-radius: 5px 5px 5px 5px; height: 8px; width: 8px; }

#skypro .swing .swings-details-header_table {display:inline-block;width:100%;height: auto;}


.stat { 
	background-image: none!important;
}
.group {
    display: block!important;
    float: unset!important;
    padding-top: 0!important;
    width: auto!important;
}

.ui-datepicker th {
	color: #555;
}