@import url('//fonts.googleapis.com/css?family=Roboto:500,400,300');
/*@font-face { font-family: 'Oswald';font-style: normal;  src: url('/fonts/Oswald.woff'); }*/

:root {
    --sat: env(safe-area-inset-top);
    --sar: env(safe-area-inset-right);
    --sab: env(safe-area-inset-bottom);
    --sal: env(safe-area-inset-left);
}

body.mobile,
html .mobile {font-size: 14px; font-family:Roboto, Arial, Helvetica, sans-serif; margin: 0; padding: 0;}
body.mobile {
	background-image: none; 
    min-height: 100vh;
	/* mobile viewport bug fix */
	min-height: -webkit-fill-available;
	background-position: 50% 0px ;
	background-size: 100% auto;
    -webkit-overflow-scrolling: touch;
	padding: 0px;
	overflow-y:auto;

    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
    
}
.mobile #mobileHeader {
	background-color: #232323;
    background-image: url("/images/common/website/skygolf360_white.png");
	background-size: 160px auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-bottom: 2px solid #afc603;
    border-top: 0 solid #232323;
    box-shadow: 0 1px #afc603;
    color: #AFC603;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    height: 43px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 999;
}

.mobile .larger {font-size:16px}
.mobile .normal {font-size:13px}
.mobile .bold {font-weight:bold;}
.mobile .left {text-align:left;}
.mobile .right {text-align:right;}
.mobile .center {text-align:center;}
.mobile .marginauto {margin: 0 auto;} 

.mobile .red {color:#FF0000}
.mobile .green {color:#AFC603}
.mobile .inline-block {display:inline-block;}

.mobile .beige{
    background-color: #f4edd7 !important;
}
.mobile .disabled {color:#CCCCCC;}

.mobile .spinner {
	background-image: url('/images/icons/processing_animation.gif') !important;
    background-size: 70px 70px;
	background-repeat:no-repeat !important;
	background-position:50% 50% !important;
    margin:0px;
    padding:0px;
}


.flex {
    display: flex;
}

.mobile .pb-10 {
	padding-bottom:20px;
}

.mobile .pb-20 {
	padding-bottom:20px;
}

.mobile .pb-30 {
	padding-bottom:30px;
}

.mobile .fs-14,
.mobile .fs-14.fs-2x-14 {
	font-size: 14px;
}
.mobile .fs-15 {
	font-size: 15px;
}
.mobile .fs-16 {
	font-size: 16px;
}
.mobile .pt-3 {
	padding-top: 3px;
}

.mobile #welcome {
	height: 43px;
	min-height: 61px;
	color:#FFFFFF;
	background: #8e908f;
	position: relative;
}
.mobile #welcome .welcome{font-size: 15px; font-weight: 300;}
.mobile #welcome .logout{font-size: 15px; font-weight: 300;}
.mobile #welcome #header{font-size: 22px; text-align:center;margin:auto;padding-top:14px;font-weight:bold;}
.mobile #welcome .golfer{font-size: 20px; font-weight: 300;}
.mobile #welcomeLeft {
	display: inline-block;
}
.mobile #welcomeRight {
  display: inline-block;
  float: right;
}

.mobile .iphone5 {margin-top: 20px!important;}

.mobile #mobileHeader .headerlogo { display: inline; float: none; margin: 0; }

.mobile #mobileHeader #backButton,
.mobile #mobileHeader .cancel {
	color: #fefefe;
    cursor: pointer;
    float: left;
    font-size: 25px;
    font-weight: normal;
    height: 24px;
    line-height: 22px;
    padding: 10px;
    text-transform: uppercase;
}

.mobile #mobileHeader .cancel {
	background-image: none;
	padding: 2px 10px;
}

.mobile #mobileHeader #backButton:active,
.mobile #logoutSG360:hover,
.mobile #filter:hover,
.mobile #nextButton:hover,
.mobile #mobileHeader .cancel:hover {background-color: #AFC603;}

.mobile #mobileHeader #centerActionContainer {
	padding-top: 8px;
  position: absolute;
	width: 100%;
}
.mobile #mobileHeader #centerActionContainer.holeSelect{
	width: 100px;
  left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.mobile #mobileHeader #rightActionContainer {
	z-index: 9999;
	display: inline-block;
    right: 0px;
    position: absolute;
    top: 0px;
}
.mobile #mobileHeader #launchpadButton {
	background-image: url("/images/common/website/launchpadIcon.png");
	background-repeat: no-repeat;
	background-size: auto 40px;
	background-position: 1px;
	height: 40px;
	width: 40px;
	display:none;
}
.mobile #skypro {overflow-y: auto; -webkit-overflow-scrolling: touch;}

.mobile #maincontentarea div {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;

}

.mobile #maincontentarea {
	background-color: #FFFFFF;
	padding: 0px;
	overflow-x: auto;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	opacity: 1;
	filter:alpha(opacity=90);
    /*margin-top: 45px;*/
    /*margin-bottom: 20px;*/
}

#sx500Header {
    text-align: center;
    font-size: 20px;
    border-bottom: 1px solid #ccc;
}

.mobile #maincontentarea #subMenu {background-color: #FFF; margin:0px; padding: 0 10px; width:100%;}

.mobile #maincontentarea #title {width:100%;font-size:16px; font-weight:bold;color:#000000; text-align:center;padding-bottom:5px;}
.mobile #maincontentarea a .item {color:#000000;text-decoration:none;}
.mobile #maincontentarea .item,
.mobile #maincontentarea #myMessages .feedMessage {
	position: relative;
	display: inline-block;
	clear: both;
	width:100%;
	border-bottom: 1px dotted #CCC;
	font-size:14px;
	/*background-image: url("/images/common/website/mobilenextBlack.png");*/
	background-size: 9px 9px;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	vertical-align: middle;
	padding: 5px 15px 5px 0px;
	cursor: pointer;
}

.mobile #maincontentarea .deviceItem .item {
    background-image: url("/images/common/website/mobilenextGreen.png")!important;
	background-size: 12px 25px;
}

.mobile #maincontentarea .welcome {
	position: relative;
	display: inline-block;
	clear: both;
	width:100%;
	font-size:14px;
	vertical-align: middle;
	padding: 5px;
	cursor: pointer;
	min-height: 75px;
}

.mobile .noBottomBorder {border-bottom: none!important;}

.mobile #syncContent div.deviceItem div.item,
.mobile #syncContent #optionalActionList .actionItem .item
 {
	border-bottom: none;
}

.mobile .setup

.mobile #maincontentarea  .item:last-child,
.mobile #maincontentarea  #myMessages .feedMessage:last-child {border-bottom: 0px solid #305004;}

.mobile #maincontentarea  .score {
	position: relative;
	display: inline-block;
	clear: both;
	width:100%;
	background-color: #FFFFFF;
	border-bottom: 1px solid #ccc;
	font-size:14px;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	vertical-align: middle;
	padding:10px 10px 7px 0px;min-height: 65px;
}
.mobile #maincontentarea .score .text {display: inline-block; float: left; margin:0 10px 0 0; color: #000; font-size: 16px; /*font-family: 'Oswald';*/ }
.mobile #maincontentarea .score .text .rightS{position:absolute; right:3px; top: 10px; font-weight:bold; color: #0000FF;}
.mobile #maincontentarea .score .text .rightT{position:absolute; right:3px; top: 40px;}

.mobile #maincontentarea #myMessages .feedMessage a {color:#006699;}

.mobile #maincontentarea #myMessages .inner {float: left;width: 80%;}
.mobile #maincontentarea  #myMessages .feedMessage .messageIcon { display: inline-block; float: left}
.mobile #maincontentarea  #myMessages .feedMessage .groupName { display: inline-block; float: left; margin-left: 10px; font-weight:bold; /*font-family: 'Oswald';*/}
.mobile #maincontentarea  #myMessages .feedMessage .date { display: inline-block; float: left; margin-left: 5px; font-weight:normal; color:#BBBBBB}
.mobile #maincontentarea  #myMessages .feedMessage .message { display: inline-block; float: left; margin-left: 10px; font-weight:normal;}

.mobile #maincontentarea  .grey{color:#444/*#C0C0C0*/;font-size: 13px; font-family:Arial, Helvetica, sans-serif;}
.mobile #maincontentarea  .greyLarger{color:#444/*#C0C0C0*/;font-size: 16px; font-family:Arial, Helvetica, sans-serif;}
.mobile #maincontentarea  .redLarger{color:#FF0000/*#C0C0C0*/;font-size: 16px; font-family:Arial, Helvetica, sans-serif;}
.mobile #maincontentarea  .strong{color:#000000/*#C0C0C0*/;font-size: 13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

.mobile #maincontentarea .item #welcomeIcon,
.mobile #maincontentarea .item #activateIcon,
.mobile #maincontentarea .item #AddCourseIcon,
.mobile #maincontentarea .item #syncIcon,
.mobile #maincontentarea .item #performIcon,

.mobile #maincontentarea .item #messageIcon,
.mobile #maincontentarea .item #friendsIcon,
.mobile #maincontentarea .item #scorecardsIcon,
.mobile #maincontentarea .item #statisticsIcon,
.mobile #maincontentarea .item #gameAnalyzerIcon,
.mobile #maincontentarea .item #swingToolsIcon,
.mobile #maincontentarea .item #skyproIcon,
.mobile #maincontentarea .item #skytrakIcon,
.mobile #maincontentarea .item #profileIcon,
.mobile #maincontentarea .item #faqIcon,

.mobile #maincontentarea .item #benefitIcon,
.mobile #maincontentarea  .item #logOutIcon,
.mobile #maincontentarea  .item #howtoIcon,
.mobile #maincontentarea  .item #gameSummaryIcon,
.mobile #maincontentarea  .item #scoreIcon,
.mobile #maincontentarea  .item #statIcon,
.mobile #maincontentarea  .item #swingIcon,
.mobile #maincontentarea  .item #runIcon,
.mobile #maincontentarea  .item #accountIcon,
.mobile #maincontentarea  .item #manageDeviceIcon,
.mobile #maincontentarea  .item #my360Icon,
.mobile #maincontentarea  .item #courseSearchIcon,
.mobile #maincontentarea  .item #nextIcon,
.mobile #maincontentarea  .item #reviewGameIcon,
.mobile #maincontentarea  .item #homeIcon,
.mobile #maincontentarea  .item #searchIcon,
.mobile #maincontentarea  .item #addDeviceIcon,
.mobile #maincontentarea  .item #scoreAverageIcon,
.mobile #maincontentarea  .item #fairwayPercentageIcon,
.mobile #maincontentarea  .item #greenRegulationIcon,
.mobile #maincontentarea  .item #puttingIcon,
.mobile #maincontentarea  .item #courseStatisticIcon,
.mobile #maincontentarea  .item #teeBoxIcon,
.mobile #maincontentarea  .item #clubDistanceIcon,
.mobile #maincontentarea  .item #customAnalysisIcon {
	height: 50px;
	width:50px;
	display: inline-block;
	float: left;
	background-repeat: no-repeat;
	background-position:50% 0%;
}
.mobile #maincontentarea  .item #deviceIcon,
.mobile #maincontentarea  #addNewDevice .item #addDeviceIcon {
	height: 50px;
	width:32px;
	display: inline-block;
	float: left;
	background-repeat: no-repeat;
	background-position:50% center;
}

.mobile .welcomeText {
	padding-left: 90px; display: inline-block;
	background-repeat: no-repeat;
	background-image: url("/images/icons/welcome_golfer.png");
    background-position: center center;
    background-size: 71px 63px;
	background-position: 8px 10px;
	font-size: 13px;
	text-align: justify;
	min-height: 80px;
}
.mobile .welcomeText .title {
	font-size: 14px;
	padding: 5px 0px;
}

 .mobile #maincontentarea .item #continueIcon,
 .mobile #maincontentarea .item #exitIcon
 {height: 65px; width:65px; display: inline-block; float:left;background-repeat: no-repeat;background-position:50% 0%;}

.mobile #maincontentarea .skytrakVertIcon,
.mobile #maincontentarea  .skytrakpVertIcon,
.mobile #maincontentarea  .linxVertIcon,
.mobile #maincontentarea   .linxgtVertIcon,
.mobile #maincontentarea   .sr1VertIcon,
.mobile #maincontentarea   .lx2VertIcon,
.mobile #maincontentarea   .lx3VertIcon,
.mobile #maincontentarea   .lx5VertIcon,
.mobile #maincontentarea   .sx500VertIcon,
.mobile #maincontentarea   .sx550VertIcon,
.mobile #maincontentarea   .sx400VertIcon,
.mobile #maincontentarea   .pro5xVertIcon,
.mobile #maincontentarea .pro4xVertIcon,
.mobile #maincontentarea   .touchVertIcon,
.mobile #maincontentarea   .watchVertIcon,
.mobile #maincontentarea   .sgxVertIcon,
.mobile #maincontentarea   .sgxwVertIcon,
.mobile #maincontentarea   .aireVertIcon,
.mobile #maincontentarea   .aireiiVertIcon,
.mobile #maincontentarea   .gimmeVertIcon,
.mobile #maincontentarea   .breezeVertIcon,
.mobile #maincontentarea   .skyproVertIcon,
.mobile #maincontentarea   .sg5VertIcon,
.mobile #maincontentarea   .sg4VertIcon,
.mobile #maincontentarea   .sg35VertIcon,
.mobile #maincontentarea   .sg3VertIcon,
.mobile #maincontentarea   .sg25lVertIcon,
.mobile #maincontentarea   .sg25VertIcon,
.mobile #maincontentarea   .sg2VertIcon,
.mobile #maincontentarea   .sg1VertIcon,
.mobile #maincontentarea   .gt1VertIcon,
.mobile #maincontentarea   .gt2VertIcon,
.mobile #maincontentarea   .sw2VertIcon,
.mobile #maincontentarea   .mobileIcon
 {width:85px; height: 100px; display: inline-block; background-repeat: no-repeat;background-position:50% 0%;}

.mobile #maincontentarea   .item .skytrakVertIcon,
.mobile #maincontentarea   .item .skytrakpVertIcon,
.mobile #maincontentarea   .item .linxVertIcon,
.mobile #maincontentarea   .item .linxgtVertIcon,
.mobile #maincontentarea   .item .sr1VertIcon,
.mobile #maincontentarea   .item .lx2VertIcon,
.mobile #maincontentarea   .item .lx3VertIcon,
.mobile #maincontentarea   .item .lx5VertIcon,
.mobile #maincontentarea   .item .sx500VertIcon,
.mobile #maincontentarea   .item .sx550VertIcon,
.mobile #maincontentarea   .item .sx400VertIcon,
.mobile #maincontentarea   .item .pro5xVertIcon,
.mobile #maincontentarea .item .pro4xVertIcon,
.mobile #maincontentarea   .item .touchVertIcon,
.mobile #maincontentarea   .item .watchVertIcon,
.mobile #maincontentarea   .item .sgxVertIcon,
.mobile #maincontentarea   .item .sgxwVertIcon,
.mobile #maincontentarea   .item .aireVertIcon,
.mobile #maincontentarea   .item .aireiiVertIcon,
.mobile #maincontentarea   .item .gimmeVertIcon,
.mobile #maincontentarea   .item .breezeVertIcon,
.mobile #maincontentarea   .item .skyproVertIcon,
.mobile #maincontentarea   .item .sg5VertIcon,
.mobile #maincontentarea   .item .sg4VertIcon,
.mobile #maincontentarea   .item .sg35VertIcon,
.mobile #maincontentarea   .item .sg3VertIcon,
.mobile #maincontentarea   .item .sg25lVertIcon,
.mobile #maincontentarea   .item .sg25VertIcon,
.mobile #maincontentarea   .item .sg2VertIcon,
.mobile #maincontentarea   .item .sg1VertIcon,
.mobile #maincontentarea   .item .gt1VertIcon,
.mobile #maincontentarea   .item .gt2VertIcon,
.mobile #maincontentarea   .item .sw2VertIcon,
.mobile #maincontentarea   .item .mobileIcon
 {float: left;}



.mobile #maincontentarea  .item .syncIconRed,
.mobile #maincontentarea  .item .syncIconGreen,
.mobile #maincontentarea  .item .syncIconBlue,
.mobile #maincontentarea  .item .syncIconWarning,
.mobile #maincontentarea  .item .syncIconGrey
 {width:18px; height: 18px; display: inline-block; float: left;background-repeat: no-repeat;background-position:50% 0%;}

.mobile #maincontentarea  .item #welcomeIcon,
.mobile #maincontentarea  .item #activateIcon,
.mobile #maincontentarea  .item #AddCourseIcon,
.mobile #maincontentarea  .item #syncIcon {margin-top: 5px;}

.mobile #maincontentarea  .item #performIcon,
.mobile #maincontentarea  .item #messageIcon,
.mobile #maincontentarea  .item #benefitIcon,
.mobile #maincontentarea  .item #logOutIcon,
.mobile #maincontentarea  .item #howtoIcon,
.mobile #maincontentarea  .item #gameSumaryIcon,
.mobile #maincontentarea  .item #accountIcon,
.mobile #maincontentarea  .item #deviceIcon,
.mobile #maincontentarea  .item #addDeviceIcon,
.mobile #maincontentarea  .item #nextIcon,
.mobile #maincontentarea  .item #reviewGameIcon,
.mobile #maincontentarea  .item #homeIcon,
.mobile #maincontentarea  .item #searchIcon,
.mobile #maincontentarea  .item #continueIcon,
.mobile #maincontentarea  .item #exitIcon,
.mobile #maincontentarea  .skytrakVertIcon,
.mobile #maincontentarea  .skytrakpVertIcon,
.mobile #maincontentarea  .linxVertIcon,
.mobile #maincontentarea  .linxgtVertIcon,
.mobile #maincontentarea  .sr1VertIcon,
.mobile #maincontentarea  .lx2VertIcon,
.mobile #maincontentarea  .lx3VertIcon,
.mobile #maincontentarea  .lx5VertIcon,
.mobile #maincontentarea  .sx500VertIcon,
.mobile #maincontentarea  .sx550VertIcon,
.mobile #maincontentarea  .sx400VertIcon,
.mobile #maincontentarea  .pro5xVertIcon,
.mobile #maincontentarea  .touchVertIcon,
.mobile #maincontentarea  .watchVertIcon,
.mobile #maincontentarea  .sgxVertIcon,
.mobile #maincontentarea  .sgxwVertIcon,
.mobile #maincontentarea  .aireVertIcon,
.mobile #maincontentarea  .aireiiVertIcon,
.mobile #maincontentarea   .gimmeVertIcon,
.mobile #maincontentarea   .skyproVertIcon,
.mobile #maincontentarea   .sg5VertIcon,
.mobile #maincontentarea   .sg4VertIcon,
.mobile #maincontentarea   .sg35VertIcon,
.mobile #maincontentarea   .sg3VertIcon,
.mobile #maincontentarea   .sg25lVertIcon,
.mobile #maincontentarea   .sg25VertIcon,
.mobile #maincontentarea   .sg2VertIcon,
.mobile #maincontentarea   .sg1VertIcon,
.mobile #maincontentarea  .syncIconRed,
.mobile #maincontentarea  .syncIconGreen,
.mobile #maincontentarea  .syncIconBlue,
.mobile #maincontentarea  .syncIconWarning,
.mobile #maincontentarea  .syncIconGrey,
.mobile #maincontentarea  .gt1VertIcon,
.mobile #maincontentarea  .gt2VertIcon,
.mobile #maincontentarea  .sw2VertIcon,
.mobile #maincontentarea  .mobileIcon
 {margin-top: 0px; background-position: 0 center;}


.mobile #maincontentarea  .item #welcomeIcon {background-image: url('/images/common/website/welcomeicon.png'); background-size: auto 25px;}
.mobile #maincontentarea  .item #activateIcon {background-image: url('/images/common/website/deviceicon.png'); background-size: auto 25px;}
.mobile #maincontentarea  .item #AddCourseIcon {background-image: url('/images/common/website/courseicon.png'); background-size: auto 25px;}
.mobile #maincontentarea  .item #syncIcon {background-image: url('/images/common/website/syncicon.png'); background-size: auto 25px;}
.mobile #maincontentarea  .item #performIcon {background-image: url('/images/common/website/mygame.png'); background-size: auto 45px;}

.mobile #maincontentarea  .item #benefitIcon {background-image: url('/images/common/website/mybenefit.png'); background-size: auto 45px;}
.mobile #maincontentarea  .item #logOutIcon {background-image: url('/images/common/website/logout.png'); background-size: auto 45px;}
.mobile #maincontentarea  .item #howtoIcon {background-image: url('/images/common/website/howto.gif'); background-size: auto 45px;}

.mobile #maincontentarea  .item #gameSummaryIcon {background-image: url('/images/common/website/gamesummary.gif'); background-size: auto 45px;}
.mobile #maincontentarea  .item #scoreIcon {background-image: url('/images/common/website/score.gif'); background-size: auto 45px;}
.mobile #maincontentarea  .item #statIcon {background-image: url('/images/common/website/stat.gif'); background-size: auto 45px;}
.mobile #maincontentarea  .item #swingIcon {background-image: url('/images/common/website/swing.gif'); background-size: auto 45px;}
.mobile #maincontentarea  .item #runIcon {background-image: url('/images/common/website/run.png'); background-size: auto 45px;}

.mobile #maincontentarea  .item #accountIcon {background-image: url('/images/common/website/account.gif'); background-size: auto 45px;}
.mobile #maincontentarea  .item #messageIcon {background-image: url('/images/icons/my360_messages.png'); background-size: auto 32px; background-position: 50% center;}
.mobile #maincontentarea  .item #friendsIcon {background-image: url('/images/icons/my360_friends.png'); background-size: auto 32px; background-position: 50% center;}
.mobile #maincontentarea  .item #manageDeviceIcon {background-image: url('/images/icons/welcome_icon_manage_device.png'); background-size: auto 32px; background-position: 50% center;}
.mobile #maincontentarea  .item #my360Icon {background-image: url('/images/icons/welcome_icon_my_360.png'); background-size: auto 32px; background-position: 50% center;}
.mobile #maincontentarea  .item #courseSearchIcon {background-image: url('/images/icons/welcome_icon_search.png'); background-size: auto 32px; background-position: 50% center;}
.mobile #maincontentarea  .item #scorecardsIcon {background-image: url('/images/icons/my360_scorecards.png'); background-size: auto 32px; background-position: 50% center;}
.mobile #maincontentarea  .item #statisticsIcon {background-image: url('/images/icons/my360_statistics.png'); background-size: auto 32px; background-position: 50% center;}
.mobile #maincontentarea  .item #gameAnalyzerIcon {background-image: url('/images/icons/my360_game_analyzer.png'); background-size: auto 32px; background-position: 50% center;}
.mobile #maincontentarea  .item #swingToolsIcon {background-image: url('/images/icons/my360_swing_tools.png'); background-size: auto 32px; background-position: 50% center;}
.mobile #maincontentarea  .item #skyproIcon {background-image: url('/images/icons/skypro_golfer.png'); background-size: auto 32px; background-position: 50% center;}
.mobile #maincontentarea  .item #skytrakIcon {background-image: url('/images/icons/skytrak_device.png'); background-size: auto 32px; background-position: 50% center;}
.mobile #maincontentarea  .item #profileIcon {background-image: url('/images/icons/my360_profile.png'); background-size: auto 32px; background-position: 50% center;}
.mobile #maincontentarea .item #faqIcon {background-image: url('/images/icons/faq.png'); background-size: auto 32px; background-position: 50% center;}

.mobile #maincontentarea  .item #scoreAverageIcon {background-image: url('/images/icons/analyzer_scoring.png'); background-size: auto 32px; background-position: 50% center;}
.mobile #maincontentarea  .item #fairwayPercentageIcon {background-image: url('/images/icons/analyzer_fairway.png'); background-size: auto 32px; background-position: 50% center;}
.mobile #maincontentarea  .item #greenRegulationIcon {background-image: url('/images/icons/analyzer_greens.png'); background-size: auto 32px; background-position: 50% center;}
.mobile #maincontentarea  .item #puttingIcon {background-image: url('/images/icons/analyzer_putting.png'); background-size: auto 32px; background-position: 50% center;}
.mobile #maincontentarea  .item #courseStatisticIcon {background-image: url('/images/icons/analyzer_course.png'); background-size: auto 32px; background-position: 50% center;}
.mobile #maincontentarea  .item #teeBoxIcon {background-image: url('/images/icons/analyzer_teebox.png'); background-size: auto 32px; background-position: 50% center;}
.mobile #maincontentarea  .item #clubDistanceIcon {background-image: url('/images/icons/analyzer_distance.png'); background-size: auto 32px; background-position: 50% center;}
.mobile #maincontentarea  .item #customAnalysisIcon {background-image: url('/images/icons/analyzer_custom.png'); background-size: auto 32px; background-position: 50% center;}

.mobile #maincontentarea  .item .logo {
	background-position: 0 center;
    background-repeat: no-repeat;
    background-size: auto 17px;
    display: inline-block;
    float: left;
    height: 20px;
    margin-top: 15px;
    width: 100%;
}
.mobile #maincontentarea  .item #skyProLogo {background-image: url('/images/common/website/skypro.png'); }
.mobile #maincontentarea  .item #skyTrakLogo {background-image: url('/images/common/website/skytrak.png'); }

.mobile #maincontentarea  .item #deviceIcon {background-image: url('/images/icons/welcome_icon_manage_device.png'); background-size: auto 32px; background-position: 50% center;}
.mobile #maincontentarea  .item #addDeviceIcon {background-image: url('/images/icons/welcome_icon_add_device.png'); background-size: auto 32px;background-position: 50% center;}
.mobile #maincontentarea  .item #nextIcon {background-image: url('/images/common/website/next-icon.png'); background-size: auto 45px;}
.mobile #maincontentarea  .item #reviewGameIcon {background-image: url('/images/common/website/reviewgame_icon_45x45.gif');}
.mobile #maincontentarea  .item #homeIcon{background-image: url('/images/common/website/homemenu_icon_45x45.gif');}
.mobile #maincontentarea  .item #searchIcon {background-image: url('/images/common/website/coursesearch_icon_45x45.gif');}
.mobile #maincontentarea  .item #continueIcon {background-image: url('/images/common/website/register-now.png'); background-size: auto 60px;}
.mobile #maincontentarea  .item #exitIcon {background-image: url('/images/common/website/register-later.png'); background-size: auto 60px;}

.mobile #maincontentarea  .skytrakVertIcon {background-image: url('/images/common/website/skytrak.gif'); }
.mobile #maincontentarea  .skytrakpVertIcon {background-image: url('/images/common/website/skytrak.gif'); }
.mobile #maincontentarea  .linxVertIcon {background-image: url('/images/common/website/device_LINX_icon.gif'); }
.mobile #maincontentarea  .linxgtVertIcon {background-image: url('/images/common/website/LINX-GT.gif'); }
.mobile #maincontentarea  .sr1VertIcon {background-image: url('/images/common/website/device_SR1_icon.gif'); }
.mobile #maincontentarea  .lx2VertIcon {background-image: url('/images/common/website/device_LX2_icon.gif'); }
.mobile #maincontentarea  .lx3VertIcon {background-image: url('/images/common/website/device_LX3_icon.gif'); }
.mobile #maincontentarea  .lx5VertIcon {background-image: url('/images/common/website/device_lx5_icon_86x101.gif'); }
.mobile #maincontentarea  .sw2VertIcon {background-image: url('/images/common/website/SW2.gif'); }
.mobile #maincontentarea  .sx500VertIcon {background-image: url('/images/common/website/device_SX500_icon.gif');}
.mobile #maincontentarea  .sx550VertIcon {background-image: url('/images/common/website/device_SX550_icon.gif');}
.mobile #maincontentarea  .sx400VertIcon {background-image: url('/images/common/website/device_SX400_icon.gif');}
.mobile #maincontentarea  .pro5xVertIcon {background-image: url('/images/common/website/device_PRO5X_86x101_icon.gif');}
.mobile #maincontentarea  .pro4xVertIcon {background-image: url('/images/common/website/device_PRO4X.gif');}
.mobile #maincontentarea  .touchVertIcon {background-image: url('/images/common/website/device_TOUCH_icon.gif'); }
.mobile #maincontentarea  .sgxVertIcon {background-image: url('/images/common/website/device_SGX_icon.gif'); }
.mobile #maincontentarea  .sgxwVertIcon {background-image: url('/images/common/website/device_SGXw_icon.gif'); }
.mobile #maincontentarea  .watchVertIcon {background-image: url('/images/common/website/device_WATCH_icon.gif'); }
.mobile #maincontentarea  .aireVertIcon {background-image: url('/images/common/website/device_AIRE_icon.gif'); }
.mobile #maincontentarea  .aireiiVertIcon {background-image: url('/images/common/website/device_AIREII_icon.gif'); }
.mobile #maincontentarea  .gimmeVertIcon {background-image: url('/images/common/website/device_GIMME_icon.gif'); }
.mobile #maincontentarea  .skyproVertIcon {background-image: url('/images/common/website/device_SKYPRO_icon.gif'); }
.mobile #maincontentarea  .breezeVertIcon {background-image: url('/images/common/website/device_BREEZE_icon.gif'); }
.mobile #maincontentarea  .sg5VertIcon {background-image: url('/images/common/website/device_SG5_icon.gif'); }
.mobile #maincontentarea  .LX4VertIcon {background-image: url('/images/common/website/device_LX3_icon.gif'); }
.mobile #maincontentarea  .mobileIcon {background-image: url('/images/common/website/mobile_icon.png'); }

.mobile #maincontentarea   .sg4VertIcon {background-image: url('/images/common/website/device_SG4_icon.gif'); }
.mobile #maincontentarea   .sg35VertIcon {background-image: url('/images/common/website/device_SG3-5_icon.gif'); }
.mobile #maincontentarea   .sg3VertIcon {background-image: url('/images/common/website/device_SG3_icon.gif'); }
.mobile #maincontentarea   .sg25lVertIcon {background-image: url('/images/common/website/device_SG2-5_LITE_icon.gif'); }
.mobile #maincontentarea   .sg25VertIcon {background-image: url('/images/common/website/device_SG2-5_icon.gif'); }
.mobile #maincontentarea   .sg2VertIcon {background-image: url('/images/common/website/device_SG2_icon.gif'); }
.mobile #maincontentarea   .sg1VertIcon {background-image: url('/images/common/website/device_SG1_icon.gif'); }
.mobile #maincontentarea   .gt1VertIcon {background-image: url('/images/common/website/device_GT1_icon.gif'); }
.mobile #maincontentarea   .gt2VertIcon {background-image: url('/images/common/website/GT2.gif'); }

.mobile #maincontentarea  .item .syncIconRed {background-image: url('/images/common/website/sync-icon-red.png'); background-size: 18px 18px;}
.mobile #maincontentarea  .item .syncIconGreen {background-image: url('/images/common/website/sync-icon-lime.png'); background-size: 18px 18px;}
.mobile #maincontentarea  .item .syncIconBlue {background-image: url('/images/common/website/sync-icon-blue.gif'); background-size: 18px 18px;}
.mobile #maincontentarea  .item .syncIconWarning {background-image: url('/images/common/website/sync-icon-warning.png'); background-size: 18px 18px;}
.mobile #maincontentarea  .item .syncIconGrey {background-image: url('/images/common/website/sync-icon-grey.png'); background-size: 18px 18px;}
.mobile #maincontentarea .item .text,
.mobile #maincontentarea .selectItem .text {display: inline-block; float: left; margin:7px 5px 7px; color: #000/*#333*/; font-size: 16px; font-weight: normal; line-height: 36px; /*font-family: 'Oswald';*/ }
.mobile #maincontentarea .item .text_ { color: #333333; display: inline-block; float: left; font-size: 16px; margin: 13px 5px; }
.mobile #maincontentarea #viewDevices.text,
.mobile #maincontentarea #addNewDevice .text {line-height: 20px!important;font-weight: 300!important;}

.mobile #maincontentarea a {text-decoration:none;}
.mobile #maincontentarea a.controllinkbutton span { background-image: none;color: white; text-align: center; cursor:pointer;
	font-size: 14px;
	border-radius: 5px;
	color: white;
	padding: 5px!important;
	text-align: center;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	box-shadow: 1px 1px 2px black;
	background: linear-gradient(to left top,#1B8ECD 0,#236C8F 80%) repeat scroll 0 0 transparent;
	background: #1B8ECD;
	background: -moz-linear-gradient(top,#1B8ECD 0,#236C8F 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#1B8ECD),color-stop(100%,#236C8F));
	background: -webkit-linear-gradient(top,#1B8ECD 0,#236C8F 100%);
	background: -o-linear-gradient(top,#1B8ECD 0,#236C8F 100%);
	background: -ms-linear-gradient(top,#1B8ECD 0,#236C8F 100%);
	background: linear-gradient(to left top,#1B8ECD 0,#236C8F 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B8ECD',endColorstr='#236C8F',GradientType=0);
}


.mobile #maincontainer #mobileBanner {position: fixed; bottom: 50px; height: 50px; height:50px; width:100%; border: 0px solid #ccc; text-align:center; overflow-x:auto;overflow-y:hidden;display:inline-block;background-color: #F4F5F7;}
.mobile #maincontainer #adSpace {clear:both;height:52px; width:100%;background-color:#FFF;}
.mobile #maincontainer #mobileBanner img {height:48px;}

.mobile #maincontentarea #subHeader {width:100%; padding: 7px; font-size: 16px; font-weight:normal; color:#333333;text-align:center; border: 1px solid #CCCCCC; margin:0px; font-weight:bold; /*font-family: 'Oswald';*/ margin: 1px 0 0;}
.mobile #maincontentarea #backButton {height: 30px; width:30px; background-image: url('/images/common/website/backIcon_.png');background-repeat: no-repeat; background-position:50%; display: inline-block; float: right;margin-top: -5px;}

.mobile #maincontentarea #noMessage {width:100%; color: #C0C0C0; font-size: 13px; text-align:center; padding-top: 50px;}
.mobile #maincontentarea #myMessages,
.mobile #maincontentarea #myPerformance {background-color: #FFF/*#F4F5F7*/; margin:0px; padding: 7px; width:100%;color: #555; }



.mobile #mobileFooter {
    background-color: #2A2A2A;
	width: 100%; height:50px;padding-left:0px;z-index: 99999;position:absolute;
    display: none;
}
.mobile #mobileFooter #home {background-image: url("/images/icons/home.png?bn=434"); background-repeat: no-repeat; background-size:auto 50px; text-indent: -99999px;}
.mobile #mobileFooter #games {background-image: url("/images/icons/my360.png?bn=434"); background-repeat: no-repeat; background-size:auto 50px; text-indent: -99999px;}
.mobile #mobileFooter #devices {background-image: url("/images/icons/devices.png?bn=434"); background-repeat: no-repeat; background-size:auto 50px; text-indent: -99999px;}
.mobile #mobileFooter #courses {background-image: url("/images/icons/courses.png?bn=434"); background-repeat: no-repeat; background-size:auto 50px; text-indent: -99999px;}
.mobile #mobileFooter #sync {background-image: url("/images/icons/sync.png?bn=434"); background-repeat: no-repeat; background-size:auto 50px; text-indent: -99999px;}
.mobile #mobileFooter #home,
.mobile #mobileFooter #devices,
.mobile #mobileFooter #courses,
.mobile #mobileFooter #games,
.mobile #mobileFooter #sync {
	padding:31px 0px 3px 0px; margin:0px; height: 50px;
	color:#FFFFFF; font-weight:bold; display:inline-block; font-size: 13px; text-align:center; width:20%;float: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko 2E3744*/
	box-sizing: border-box;
    cursor: pointer;
    background-position: center 50%;
}

.mobile #mobileFooter .homeSelected {
	background-image: url("/images/icons/home_selected.png?bn=434")!important;
}
.mobile #mobileFooter .gamesSelected {
	background-image: url("/images/icons/my360_selected.png?bn=434")!important;
}
.mobile #mobileFooter .coursesSelected {
	background-image: url("/images/icons/courses_selected.png?bn=434")!important;
}
.mobile #mobileFooter .devicesSelected {
	background-image: url("/images/icons/devices_selected.png?bn=434")!important;
}
.mobile #mobileFooter .syncSelected {
	background-image: url("/images/icons/sync_selected.png?bn=434")!important;
}

.mobile #mobileFooter .menuSelected {
    text-indent: -99999px;
    background-color: #B8D700;
}

.mobile #mobileFooter a,
.mobile #mobileFooter a #home,
.mobile #mobileFooter a #account,
.mobile #mobileFooter a #devices,
.mobile #mobileFooter a #courses,
.mobile #mobileFooter a #games,
.mobile #mobileFooter a #shop,
.mobile #mobileFooter a #sync {color: #FFFFFF; text-decoration: none;}


.mobile div#maincontainer div#pageContainer div#mobileFooterButtonContiainer
    {width: 100%; min-height:50px;padding-left:0px;z-index: 99999;position: absolute; display:none; bottom: 50px; background-color: #ffffff;;}

.mobile div#maincontainer div#pageContainer div#mobileFooterButtonContiainer div.genericsubmitdiv {
		margin-top:5px;
}

/* Changed for mobile*/
.mobile .cboxTop {width:100%; text-align:center; font-size:14px; font-weight:bold; padding: 5px; background-color:#F4F5F7; border: 1px solid #ccc; margin-top:5px; border-radius: 5px 5px 0px 0px; /*font-family: 'Oswald';*/}
.mobile .cbox {width:100%; padding:5px;margin-bottom: 15px; border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc; background-color:#FFFFFF;font-size:14px;line-height:20px;}
.mobile .cbox table tr.scoreRowDark {background-color: #F4F5F7; cursor: pointer;}
.mobile .cbox table tr.scoreRowLight { background-color: #FFFFFF; cursor: pointer; }
.mobile .cbox table tr td.club,
.mobile .cbox table tr td.swing {text-align:center;}

.mobile #maincontentarea .faqBody {background-color:#FFF;width:100%;margin: 0px; padding: 10px;word-wrap: break-word;}

.mobile #maincontentarea .noMobile {display:none;}
.mobile #maincontentarea .pageTitle {color: #AFC603;font-size: 16px;font-weight: 900; text-transform: uppercase; padding-bottom:10px; /*font-family: 'Oswald';*/}
.mobile #maincontentarea .titleText {color: #333333;font-size: 15px; font-weight:normal; /*font-family: 'Oswald';*/}
.mobile #maincontentarea .summary,
.mobile #maincontentarea .smallText {color: #333333;font-size: 14px; -ms-word-break: break-all;
    word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
    hyphens: auto;
}
.mobile #maincontentarea .portletSpacer {clear:both; height:10px;}

.mobile #maincontentarea .faqItem ,
.mobile #maincontentarea .faqSubItem {
	background-image: url("/images/common/website/mobilenextBlack.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: 9px 9px;
    border-bottom: 1px dotted #ccc;
    clear: both;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    padding: 5px 20px 5px 0;
    position: relative;
    vertical-align: middle;
    width: 100%;
}

.mobile #maincontentarea .faqMenu { display:none;}

.mobile #maincontentarea .address {
	position: relative;
	display: inline-block;
	clear: both;
	width:100%;
	background-color: #FFFFFF;
	border-radius: 6px;
	padding: 6px 12px 6px 6px;
	font-size:14px;
	border: 5px solid #ccc;
	margin-bottom: 10px;
	vertical-align: middle;

}

.mobile #maincontentarea #signup #yourUser {
   margin: 0px 0 10px 15px;
   font-style:italic;
   text-align:left;
   display:none;
}

.mobile #maincontentarea #signup input[type=text],
.mobile #maincontentarea #signup #password {
    font-size: 15px;
    padding-bottom: 3px;
    padding-top: 5px;
	width: 80%;
	margin-top:10px;

	max-width: 250px;
}

.mobile #maincontentarea #signup #inner a {
	color: #1B8ECD;
}

.mobile #terms_and_conditions {
	margin-bottom: 20px;
	text-align: left;
	line-height: 30px;
	font-size: 16px;
	padding: 0 10px;
	position: relative;
}

.mobile #terms_and_conditions #term_condition {
	float: left;
	margin-top: 8px;
}

.mobile #terms_and_conditions span {
	margin-left: 25px;
	display: block;
}

.mobile #bkGround {
	display: none;
	width: 100%;
	height: 100%;
	background-color: #000;
	position: fixed;
	top: 0;
	opacity: 0.6;
	z-index: 999;
}

#term_condition_popup {
	display: none;
	position: fixed;
	top: 60px;
	left: 0;
	background-color: #fff;
	width: 90%;
	height: 85%;
	margin: 3% 5%;
	z-index: 9999;
}

#term_condition_popup .close {
	width: 20px;
	height: 20px;
	background-image: url('/images/close_x_white.png');
	background-size: 20px;
	background-repeat: no-repeat;
	position: absolute;
	top: -25px;
	right: 0;
	cursor: pointer;
}

#term_condition_popup .node-page .main-content {
	margin: 0px 15px !important;
}

#term_condition_popup .node-page .main-content .learn-more-link {
	display: none;
}

#term_condition_popup .body {
	height: 100%;
	overflow-y: auto;
    margin: 15px;
}

.mobile .genericlabel {
    color: #333333;
    display: block;
    font-size: 10pt;
    font-weight: bold;
    margin-right: 15px;
}

.mobile #maincontentarea #signup { margin: 0px; padding:10px;}
.mobile #maincontentarea #signup #inner{ margin: 0px; padding:10px;background-color:#FFFFFF; width:100%; border: 1px solid #CCCCCC; text-align:center;border-radius: 6px;}
.mobile #maincontentarea #signup #inner .signupTitle { width:100%; text-align:center; font-size: 18px; font-weight:bold;color:#555555;-moz-box-sizing: border-box; box-sizing: border-box; /*font-family: 'Oswald';*/ color:#555555;}

.mobile .genericsubmitdiv .button:hover,
.mobile #maincontentarea #forgotpassword .genericformdiv  .button:hover,
.mobile #signin .button:hover,
.mobile .shopbutton:hover,
.mobile .sharebutton:hover,
.mobile #maincontentarea  #signup #inner #createAccountButton:hover,
.mobile #maincontentarea  #signup #inner #backButton:hover {
	color: #414042;
	background-color: #AFC603;
    border: 1px solid #AFC603;
}

.mobile .genericsubmitdiv .button,
.mobile #maincontentarea #forgotpassword .genericformdiv  .button,
.mobile #signin .button,
.mobile .shopbutton,
.mobile .sharebutton,
.mobile #maincontentarea  #signup #inner #createAccountButton,
.mobile #maincontentarea  #signup #inner #nextButton,
.mobile #maincontentarea  #signup #inner #backButton {
    border-radius: 3px;
    border: 1px solid #a4b800;
    border-color: #a4b800;
    background-image: linear-gradient(bottom, #b0c226 0%, #c6db1f 100%);
    background-image: -o-linear-gradient(bottom, #b0c226 0%, #c6db1f 100%);
    background-image: -moz-linear-gradient(bottom, #b0c226 0%, #c6db1f 100%);
    background-image: -webkit-linear-gradient(bottom, #b0c226 0%, #c6db1f 100%);
    background-image: -ms-linear-gradient(bottom, #b0c226 0%, #c6db1f 100%);
    background-color: #a4b800;
    color: #414042;

	text-align: center;
	cursor:pointer;
	font-size: 14px;
	margin: 10px auto;
	font-weight:500;

	padding: 6px!important;
	text-align: center;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	min-width: 180px;
	max-width: 250px;
	display: inherit;
	text-transform: uppercase;
}

.mobile .error {color:red; text-align:left;width:89%;margin:auto;max-width: 350px;}
.mobile #fnError,
.mobile #lnError,
.mobile #emailError,
.mobile #usernameError,
.mobile #pwError {display:none;}

.mobile #checkFirstName ,
.mobile #checkLastName ,
.mobile #checkEmail ,
.mobile #checkUsername ,
.mobile #checkPassword,
.mobile #checkTerm  {width:24px; height:30px; padding-right:10px; display:inline-block;margin-bottom: -10px;}

.mobile #checkTerm {
	position: absolute;
	top: 27px;
}

.mobile .pass{background-image:url('/images/common/website/check.png'); background-position: 0%;}
.mobile .fail{background-image:url('/images/common/website/check.png'); background-position: 106%;}

.mobile #radio {width:100%;height:90px; text-align:center;clear:both;padding:10px; font-size:14px;font-weight:bold;}
.mobile #radio #radioInner{width:280px;margin: 0 auto;}
.mobile #gender,
.mobile #handedness,
.mobile #units {width: auto; display:inline-block;float:left; border:1px solid #CCCCCC; padding:0px;border-radius: 5px;}
.mobile #gender {margin-right: 12px;}
.mobile #units {margin-left: 12px;}

.mobile #gender #male,
.mobile #units #yard,
.mobile #handedness #rightHanded {padding:6px; border-radius: 4px;}

.mobile #gender #female,
.mobile #units #meter,
.mobile #handedness #leftHanded {padding:6px; }

.mobile .unSelected {color: #CCCCCC; background-color: #FFFFFF;border-radius: 4px;}
.mobile .selected {color: #414042; background-color: #a4b800; border-radius: 4px;}

.mobile #message{width:100%; font-size:18px; text-align:center;margin:50px auto;}
.mobile .unFocus{color: #CCCCCC;border: 1px solid #C0C0C0;}
.mobile .focus{color: #000000;}


.mobile .scores {position:relative;}
.mobile .scores #totalScores {text-align:center;width:100%;padding-top:8px;font-weight:bold;height:35px;}

/* Sync Page*/

.mobile #enableBTNotify {
		 display:none;
		 position: absolute;
		 left: 0px;
		 top: 220px;
		 width:100%;
		 text-align:center;
		 z-index: 1000;
		}

.mobile #enableBTNotify #drupalMsg {
			 width:300px;
			 margin: 100px auto;
			 padding:15px;
			 text-align:center;
		}


.mobile #syncHeader {
	width:100%;
	margin:0;
	padding:0;
	padding-left:10px;
	font-size:1.2em;
	display:block;
    margin-top: 20px;
    text-align: center;
}
.mobile #syncHeader.add-device-header {
	text-align: left;
}
.hidden {
	display:none;
}

.mobile #syncHeader #syncHeaderIcon {
	display:inline-block;

}

.bluetooth-icon-green {
    background-image: url('/images/icons/bluetooth_icon_green.png');
    width: 15px;
    height: 27px;
    background-size: 15px 27px;
    background-repeat: no-repeat;
    margin-right: 10px;
    position: absolute;
    left: 34px;
    top: -6px;
}

.bluetooth-icon-error {
    background-image: url('/images/icons/bluetooth_icon_red.png');
    width: 15px;
    height: 27px;
    background-size: 15px 27px;
    background-repeat: no-repeat;
    margin-right: 10px;
    position: absolute;
    left: -22px;
    top: -6px;
}

.bluetooth-icon-red {
	background-image: url('/images/common/website/bluetooth-icon-red.png');
	width:10px;
	height:18px;
}

.bluetooth-icon-black {
	background-image: url('/images/common/website/bluetooth-icon-black.png');
	width:10px;
	height:18px;
}

.device-icon-black {
	background-image: url('/images/common/website/device-icon-black.png');
	width:10px;
	height:18px;
}

.mobile .esnContainer {
    background-color: #0295C7;
    border: 2px solid #444444;
    border-radius: 5px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 4px;
    width: 210px;
	box-shadow: 2px 2px 5px #AAAAAA;
}


.mobile #syncHeader #syncHeaderText {
	display:inline-block;
	vertical-align:top;
	color: #414042;
    font-weight: 500;
    font-family: "Magistral";
    text-transform: uppercase;
    font-size: 20px;
    margin-left: -4px;
    position: relative;
}

.mobile #syncHeader #syncHeaderText .desc {
    font-family: Roboto !important;
    font-size: 12px;
    text-align: left;
    margin-top: 14px;
    text-transform: none;
    font-weight: normal;
    padding: 10px;
}

.mobile #syncHeader #syncHeaderText .desc.center{
    text-align: center!important;
}

.mobile #syncComplete {
    height: 100%;
    background-image: url('/images/icons/complete.png');
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: 50% 22%;
    padding-top: 64%;
}

.mobile #syncComplete #syncHeader #syncHeaderText .desc {
    margin-top: 0px!important;
}

.mobile #syncContent #cmsScanInfo {
    background-color: #ffffff;
    display: block;
    margin: 0px 8px;
    padding: 0px 5px;
    text-align: center;
}

.mobile #syncContent #cmsScanInfo .desc {
    padding: 0px 15px 15px 15px;
    text-align: left;
    line-height: 16px;
    font-size: 12px;
}

.mobile #syncContent .dotLine {
    border-bottom: 1px dotted #ccc;
    margin: 10px 0px;
}

.mobile #syncContent #cmsGeneric {
    background-color: #ffffff;
    display: block;
    font-size:1.1em;

}

.mobile #syncContent #tmpVersionWarning {
    background-color: #ffffff;
    border: 1px solid #D3D3D3;
    border-radius: 4px;
    box-shadow: 2px 2px 5px #AAAAAA;
    display: block;
    margin: 10px 4px 0;
    padding: 2px 5px;
    font-size:1.1em;

}

.mobile #syncContent .deviceInfoContainer {
	margin-left:85px;

}

.mobile #maincontentarea #syncInfoContent {
	padding: 0px;
}

.mobile #syncContent #syncDisplayInfo {
 text-align:center;
}
.mobile #syncContent #syncDisplayInfo .deviceInfoContainer {
	margin-left:auto;
	margin-right:auto;
	text-align:center;

}

.mobile #syncContent .deviceInfoContainer .syncinfo {
	margin-top:10px;
}

.mobile #syncContent .deviceInfoContainer .syncinfo .syncInfoText,
.mobile #syncDisplay .deviceItem .syncInfoText {
	padding-left:22px;
}

.mobile #syncContent .deviceInfoContainer p
{
	margin:0;padding-top:2px;
}


.mobile #syncContent .deviceItem,
.mobile #syncContent #syncDisplayInfo .deviceItem {
	display: block;
    margin: 8px 5px;
    padding: 2px 5px;
	font-size:1.1em;

}

.mobile #syncContent .deviceItem {
    background-color: #ffffff;
    border: 1px solid #D3D3D3;
    border-radius: 4px;
    box-shadow: 0px 1px 0px #AAA;
}

.mobile #syncContent .deviceItem:hover {
    background-color: #eee!important;
    border: 1px solid #a4b800!important;
}


.mobile #syncContent #syncDisplay .deviceItem {
    margin: 0px 10px;
    border: none;
    border-radius: 0px;
    border-top: 1px dotted #ccc;
    box-shadow:none;
}

.mobile #optionalActionList #viewAllDevices.actionItem .item #deviceIcon {
	background-size: auto 32px;
}

.mobile #syncContent #commonTasks .actionItem {
	background-color: #FFFFFF;
	display: block;
	font-size:1.1em;
	padding-left: 15px;
	padding-right: 10px;
}


.mobile #syncContent #syncDisplay .deviceItem .item ,
.mobile #syncContent #syncDisplayInfo .deviceItem .item  {
    background-image:none!important;
    padding: 5px !important;
}
.mobile #syncContent  .deviceItem .deviceSyncInfoContainer{
	display:inline-block;
	padding-top:35px;
	vertical-align:top;
}

.mobile #syncContent .deviceItem .deviceStatusContainer {
	display:block;
    padding-top:10px;
    padding-left: 0px;
    padding-right: 0px;
    border-top: 1px dotted #ccc;
}



.mobile #syncContent  .deviceItem .deviceSyncInfoContainer .tabHeader {
	display:inline-block;
	font-size:1.1em;
}


.mobile #syncContent #syncDisplay .deviceItem {
	min-height:200px;
}


.mobile #syncContent #optionalActionList {
	padding-top:15px;
}


.mobile #syncContent #optionalActionList .actionItem {
	background-color: #FFFFFF;
    border-bottom: 1px dotted #848484;
    display: block;
    margin: 8px 5px;
    padding: 2px 5px;
    width: 97%;
	font-size:1.1em;

}

.mobile .external_link {font-size:16px; text-decoration:underline;padding-bottom:15px;color:#236C8F; font-weight:bold;}
.mobile #outer {padding-bottom: 10px;}
.mobile #outer #devices,
.mobile #syncMethod .esn {width:100%; height:40px; font-size:15px;max-width:350px;}
.mobile #labelSelect {display:inline-block; font-size:16px;padding: 0px;height: 25px;}


.mobile #syncContent .button
{
    margin-bottom: 10px;
	max-width: 350px;
	margin-left: auto;
    margin-right: auto;
    width: 90%;
    font-size: 14px;
}

.mobile #syncContent .upgradeDevice.button a {
	color: #414042;
}

.mobile #syncContent .disable {
	color:#666;
	box-shadow: 0 0 0 0 #000000;
	cursor: default;
}

.mobile #syncMethod {width:100%;margin:10px 0px; padding:10px;border:1px solid #CCCCCC; font-size:16px; border-radius: 5px; background-color: #DDD; }
.mobile	.label {width:100%; padding-bottom: 10px; font-size:16px;}
.mobile	.instruction {width:100%; margin: 10px 0px; font-size:14px; line-height:25px;background-color:#FFFFFF;border-radius:5px; padding:5px; }

.mobile #syncing {padding:30px;}
.mobile	.syncing {background-color:#FFFFFF;border-radius:5px; padding:25px 5px; width:100%;max-width:300px; margin: 10px auto; font-size:18px; line-height:25px; height:150px;text-align:center;}
.mobile	.syncing .wait {background-image: url("/images/syncing.gif");height:70px;width:100%;background-position:50%;background-size: 70px;background-repeat:no-repeat;margin-top:10px}
.mobile	.syncing .complete {background-image: url("/images/common/website/complete.png");height:70px;width:100%;background-position:50%;background-size: 60px;background-repeat:no-repeat;margin-top:10px}

.mobile .blueTooth {background-image: url("/images/common/website/bluetoothicon.jpg")!important; background-size: 15px 25px!important; background-position: 15% 8px!important; background-repeat:no-repeat!important;}
/*End sync page*/

/*login page*/
.mobile #sign {padding: 0px 10px!important;}
.mobile #signin #login_container, .mobile #create_container { background-color: #FFFFFF!important ;border: 1px solid #CCCCCC!important;margin-top:10px!important; /*font-family: 'Oswald';*/ color:#555555; }

.mobile #signin h1 {display:none;}
.mobile #signin #login_container li label, .mobile #signin #login_container li input, .mobile #signin .button, .mobile #signin .error { font-size: 15px; font-style: normal;font-family:Roboto, Helvetica, sans-serif;}

/*login page*/


/* Forgot password page*/
.mobile #maincontentarea #forgotpassword h1,
.mobile #maincontentarea #forgotpassword h2{display:none;}

.mobile #maincontentarea #forgotpassword {padding:10px;margin-top:10px;}
.mobile #maincontentarea #forgotpassword {border: 1px solid #CCCCCC; background-color:#FFFFFF; border-radius: 5px;}
.mobile #maincontentarea #forgotpassword  #screenFirst {width:100%;}

.mobile #maincontentarea #forgotpassword  #f_username,
.mobile #maincontentarea #forgotpassword  #f_esn {width:100%;font-size:16px;border:1px solid #CCCCCC; max-width:350px;}

.mobile #maincontentarea #forgotpassword .genericformdiv{margin:0px!important;}

.mobile #maincontentarea #forgotpassword .genericformdiv ul,
.mobile #maincontentarea #forgotpassword .genericformdiv li.labelli, .mobile #maincontentarea #forgotpassword .genericformdiv li.textboxli  {width:97%!important; text-align:left;}
.mobile #maincontentarea #forgotpassword .genericformdiv li.genericcheckboxli  {width:auto!important; text-align:left; display:inline-block;float:left;}
.mobile #maincontentarea #forgotpassword .genericformdiv li.genericLabelli  {width:80%!important; text-align:left; display:inline-block;float:left;}

.mobile #maincontentarea #forgotpassword #f_noEmailOrUsername{width:20px;height:20px;}


.mobile #maincontentarea #forgotpassword  .genericsubmitdiv {margin:0px!important;}

.mobile #maincontentarea #forgotpassword  .genericsubmit {width:100%; background-image:none;}


.mobile #maincontentarea #forgotpassword  .forgotPwdErr{margin:0px;}
.mobile #maincontentarea .genericformdiv ul.reset_help a {color:#333333; font-size:15px;line-height: 25px; text-decoration:underline;}

.mobile #maincontentarea .genericformdiv ul.reset_help {margin:0px; padding:10px 0px;}

/*
.mobile .genericsubmitdiv .button,
.mobile #maincontentarea #forgotpassword .genericformdiv  .button,

.mobile #signin .button,
.mobile .shopbutton,
.mobile .sharebutton
*/

.mobile #spashScreen .button:active {
	background-color: #BED600;
}

.mobile #spashScreen .button:hover {
	background-color: #BED600;
}

.mobile #spashScreen .button
{
	background: none repeat scroll 0 0 #303030;
    border: 1px solid #DBE783;
    border-radius: 3px;
    display: inherit;
    color: #FFFFFF;
    margin: 15px auto;
    max-width: 202px;
    padding: 6px;
	font-size: 16px;
	font-weight:bold;
	text-align: center;
	text-transform: uppercase;
}



.mobile .genericsubmitdiv .button:hover,
.mobile #maincontentarea #forgotpassword .genericformdiv  .button:hover,
.mobile .shopbutton:hover,
.mobile .sharebutton:hover {
	color: #414042;
	background: #BED600;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B8ECD',endColorstr='#236C8F',GradientType=0);
	cursor:pointer;
}

.mobile #spashScreen  a {text-decoration:none;}

.mobile #maincontentarea #forgotpassword .genericformdiv .button a {color:#000;}
.mobile .genericformdiv ul.reset_help li {line-height: 25px;}

.mobile #howtofindesn, .mobile #donthaveskycaddieesn { border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; display: inline-block; margin: 10px 0; padding: 10px; width: 103%; }
.mobile #forgotpassword p {font-size:14px; padding-bottom:10px;}

#progressbar { position: relative; margin: 10px 0px;}
.progressLabel { position: relative; left: -50%; top: 4px; font-weight: bold; text-shadow: 1px 1px 0 #fff; }

.mobile #spashScreen {
/*background: #1a252f;*/ /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url('/images/bg1.jpg');
background-position: center top;
background-repeat: no-repeat;
height: 716px;
min-height: 460px;
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhMjUyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzVlN2U5NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzVlN2U5NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYTI1MmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
/*background: -moz-linear-gradient(top, #1a252f 0%, #5e7e94 50%, #5e7e94 51%, #1a252f 100%);*/ /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a252f), color-stop(50%,#5e7e94), color-stop(51%,#5e7e94), color-stop(100%,#1a252f));*/ /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top, #1a252f 0%,#5e7e94 50%,#5e7e94 51%,#1a252f 100%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top, #1a252f 0%,#5e7e94 50%,#5e7e94 51%,#1a252f 100%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(top, #1a252f 0%,#5e7e94 50%,#5e7e94 51%,#1a252f 100%); /* IE10+ */
/*background: linear-gradient(to bottom, #93A60E 0%, #BDD600 50%, #BDD600 51%, #93A60E 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a252f', endColorstr='#1a252f',GradientType=0 ); /* IE6-8 */


width:100%; color: #FFF; padding:0px;display:inline-block}

.mobile-background {
	/*background-image: url('/images/common/website/Splash-phone.png'); */
	background-size: 100% auto;
	background-repeat: no-repeat;
	/*background-position: 50%;
	height:460px; width:300px;*/
}

.h548 {background-image: url('/images/common/website/Splash-phone.png');}
.h460 {background-image: url('/images/common/website/Splash-iphone.png');}


.mobile #spashScreen .sgMobileLogoWrapper {position:relative;display:block;
	width:100%; height: 13%;
 }

.mobile #spashScreen .sgMobileLogo {position:relative;display:block;
	background-image: url("/images/common/website/splashLogo2.png");
	width:100%; height: 31px; background-repeat: no-repeat; background-position: 50% center;
	display:block;
	margin-top:7%;
	margin-top: calc(7% + constant(safe-area-inset-top));
	margin-top: calc(7% + env(safe-area-inset-top));
 }
.mobile h2.h2-header {
    text-transform: uppercase;
    color: #7a7a7a;
    font-family: "Magistral";
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0 5px 0;
}
.mobile h2.h2-black {
    color: #000;
}
 .mobile #spashScreen .sgMobileSubHead {
	margin:auto; text-align:center;color:#FFFFFF;font-size:18px;width:100%;display:block;height: 20%;
    padding-top:5px;font-weight:bold;
	letter-spacing:-.05em;
 }
.mobile #spashScreen .deviceSlider {margin: 0px; background-color:#283C4C; overflow-x: auto; overflow-y: hidden; height: 102px; white-space:nowrap; text-align:center;padding-left:5px;}
.mobile #spashScreen .deviceSlider .device {display:inline-block; height:82px; width:90px; padding:5px 0px; text-align: center; border-top: 5px solid #283C4C;border-bottom: 5px solid #283C4C;border-right: 5px solid #283C4C;background-color:#5E7E94;}
.mobile #spashScreen .deviceSlider .device img {height:82px;width:40px; margin:auto;}

.mobile #maincontentarea .selectDevice { padding: 10px 0px 0px 10px;}
.mobile #maincontentarea .selectDevice .device { position: relative; display:inline-block;min-height:90px; width:30%; padding: 5px; text-align: center; background-color:#FFF; border:1px solid #CCC;margin-top:5px;margin-right:2%;
	background-repeat: no-repeat; background-position: 70% center; background-size: auto 80px ;
}

.mobile #maincontentarea .selectDevice #watch {background-image: url("/images/common/website/devices/watch-blk.png");}
.mobile #maincontentarea .selectDevice #breeze {background-image: url("/images/common/website/devices/breeze_wht.jpg");}
.mobile #maincontentarea .selectDevice #sgxw {background-image: url("/images/common/website/devices/sgxw.jpg");}
.mobile #maincontentarea .selectDevice #sgx {background-image: url("/images/common/website/devices/sgx.png");}
.mobile #maincontentarea .selectDevice #aire {background-image: url("/images/common/website/devices/aire.png");}
.mobile #maincontentarea .selectDevice #sg5 {background-image: url("/images/common/website/devices/sg5.png");}
.mobile #maincontentarea .selectDevice #skypro {background-image: url("/images/common/website/devices/skypro.png");}

.mobile #maincontentarea .selectDevice  .text {font-size:13px; font-weight:bold;}
.mobile #maincontentarea .selectDevice .vText {
    -moz-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -moz-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: bottom left;
    -o-transform: rotate(-90deg);
    -o-transform-origin:  bottom left;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

	font-weight: bold;
    left: 28px;
    position: absolute;
    top: 50px;

}


.mobile .space {clear:both; height:10px;width:100%;}
.mobile #spashScreen .buttonLink {position:absolute; bottom:40px; text-align: center; width:100%; color: #FFF; font-size:10px; font-size:14px;}
.mobile #spashScreen  #footer{/*position:absolute;*/ /*bottom:20px;*/ text-align: center; width:100%; color: #FFF; font-size:10px;}

.mobile .holeHCellDark {background-color: #eee;}
.mobile .holeVCellDark {background-color: #eee;}
.holeVCellInOut {
    background-color: #eff8ff;
    text-align: center;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.softPink {
	background-color: #fecacc!important;
}

.mobile .holeTable {width:100%;}
.mobile .holeTable td a {color:#878787;}
.mobile .scoreLegend {
	float: left;
    margin-top: 20px;
    text-align: center;
    width: 60px;
}
.mobile .colorSquare {
	height: 22px;
    line-height: 22px;
    margin: 5px auto;
    width: 32px;
	font-weight: bold;
}

.mobile .normalText {font-size:15px; font-weight:500; line-height:30px;}
.mobile .holeDesc {font-size:13px; font-weight:bold;}
.mobile .tinyText {color: #333; font-size: 12px;}
.mobile .arrow-down {background-image:url('../../images/clubsg/arrow_blue.png');}
.mobile #pullrefresh {
	display: block;
	overflow: hidden;
	position: fixed;
	top: 44px;
	left: 0;
	width: 100%;
	height: 170px;
	z-index: -1000;
	background: #ccc;
	box-shadow: 0 -5px 10px #bbb inset;
}

.mobile #pullrefresh .message {
	position: absolute;
	top: 38%;
	left: 0;
	bottom: 20px;
	right: 0;
	color: #777;
	text-align: center;
	text-shadow: 1px 1px 0 #dfdfdf;
	font-weight: bold;
}

.landscape{
	transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
}



.mobile .chart-list {padding: 10px 5px 5px 10px;background-color: #FFFFFF; cursor: pointer; display: inline-block; height: 110px; margin-top: 4px; padding-right: 10px; width: 100%; }
.mobile .chart-list .titleText {font-weight:bold!important;}

.mobile .chart-list .chart-icon { width:75px; height:75px; border:1px solid #cccccc; float:left; margin-right: 10px;}

.mobile .manage {margin:10px 5px;}
.mobile .html5chart .manage > div {
    background-color: #BBB;
    border: 1px outset #BBBBBB;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 0 2px 2px;
}

.mobile .html5chart .chart img {padding-top:2px;}

.mobile .html5chart .inner {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    padding: 5px 4px 5px 5px;
}

.mobile #elements ul li span {
    background-color: rgba(0, 0, 0, 0);
    display: inline-block;
    height: 8px;
    margin: 5px 10px 0 0;
    width: 8px;
}

.mobile #elements li, ul.select-list li, #allcourses li {
    margin: 0;
    padding: 2px 5px;
    text-align: left;
}

.mobile #elements ul, ul.select-list, #allcourses {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.mobile #elements ul li a, #allcourses li a {
    color: #000000;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    outline: medium none;
}

.mobile #elements ul li a.disabled {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #AAAAAA;
}

.mobile .html5chart h3 {
    color: #323232;
    margin: 0;
    padding: 5px;
    text-align: center;
}

.mobile .html5chart h3 span {color:#000;}

.mobile .html5chart .chart #stat-dashboard h3 {
	display:inline-block;
	width:98%;
}


.mobile .html5chart .widepanel {
    background-color: #BBB;
    border: 1px outset #BBBBBB;
    border-radius: 4px;
    padding: 2px;
	margin: 0px 5px;
}

.mobile .html5chart p {font-size: 11px; margin: 2px 0; padding: 0 5px;}

.mobile .html5chart .statistic {
    float: left;
    font-size: 11px;
    padding-top: 10px;
    text-align: right;
    width: auto;
}

.mobile .html5chart .statistic div {
    margin: 10px 0 5px;
}

.mobile .html5chart .statistic span.value {
    display: inline-block;
    padding-left: 15px;
    text-align: left;
    width: 180px;
}

.mobile .html5chart .statistic b {
    font-size: 12px;
}

.mobile a.add-course span {
    background-position: 0 -64px;
}

.mobile a.href-button {
    border: 1px solid rgba(0, 0, 0, 0);
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 16px;
    margin: 0 0 0 15px;
    padding: 2px 5px 2px 0;
    vertical-align: top;
}

ul.select-list li span, #allcourses li span {
    color: #000000;
    font-size: 10px;
    font-weight: normal;
}

.mobile a.href-button span {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/images/sprite.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    vertical-align: text-bottom;
    width: 16px;
}

.mobile .drop-menu {
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    max-height: 160px;
    overflow-y: scroll;
    position: absolute;
    right: 0;
    top: 20px;
    width: 220px;
    z-index: 999999;
}

ul.select-list li:nth-child(2n+1), #allcourses li:nth-child(2n+1) {
    background-color: #FAFAFA;
}


.mobile .ui-tabs ul.ui-tabs-nav {padding-left: 2px;}
.mobile .ui-tabs .ui-tabs-nav a {margin-right: 2px;margin-left:2px;}
.mobile .ui-tabs .ui-tabs-nav li a {padding: 3px 2px;}

.mobile .html5chart input[type="text"] {
    border: 1px solid #CCCCCC;
    color: #333333;
    margin-left: 0px;
    padding: 2px 5px;
    width: 56px;
	height: 20px;
	margin-right:5px;
}

.mobile #skypro #selectSection #filterSection input {width:56px;}

.mobile .html5chart .chart {font-size:13px!important;}
.mobile .html5chart .chart #changeLink {margin:0 0 0 2px!important}
.mobile .html5chart .chart #changeLink:hover{ color:#CCC;}

.html5chart .chart .br { display:none;}
.mobile .html5chart .chart #filter-course-title{padding-top:4px;}
.mobile .html5chart img{vertical-align:text-bottom;margin-right:20px;}


.mobile #overviewSection {
    background-color: #EBE4DC;
    border-color: #DDD6C6;
    border-radius: 5px 5px 0 0;
    border-style: solid;
    border-width: 1px;
    min-height: 118px;
    padding: 10px 5px 0;
	margin:1px 5px 0px 5px;
}

.mobile #skypro #selectSection {
    background-color: #FEFAEF;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-color: #DDD6C6;
    border-style: none solid solid;
    padding: 10px 5px;
	margin:0px 5px 0px 5px;
}

.mobile #overviewSection .statGroup {float: left;width: auto; float:left;}
.mobile #skypro div {
    border-width: 1px !important;
}

.mobile #overviewSection #timelineChartView {width: 100%; display: inline-block; min-height: 120px; float:left}

.mobile #overviewSection label {
    display: inline-block;
    font-size: 12px;
    padding: 0 5px 0 5px;
}

.mobile #overviewSection #numberSession {
    background: url("/images/skypro/overview button sessions.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    color: #FFFFFF;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    line-height: 29px;
    text-align: center;
    width: 39px;
	background-size: 78% auto;
}

.mobile #overviewSection #numberSwings {
    background: url("/images/skypro/overview button swings.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    color: #FFFFFF;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    line-height: 29px;
    text-align: center;
    width: 79px;
	background-size: 78% auto;
}

.mobile #overviewSection .overviewTitle {
    font-size: 15px;
    font-weight: bold;
    line-height: 18px;
    padding: 2px 0 5px;
}

.mobile #skypro #sessions-list .club {
    border-radius: 5px;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-top: 0px;
    overflow: hidden;
}

.mobile #skypro #sessions-list .session-duration {
    display: inline-block;
    overflow: hidden;
    padding: 5px 5px 1px;
}

.mobile #skypro {
    width: 100%;
}

.mobile #skypro #parameterSection select {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 12px;
    line-height: 1;
    padding-left: 30px;
    width: 260px;
}


.mobile #skypro #parameterSection {
    background: url("/images/skypro/parameter arrow.png") no-repeat scroll 10px 10px #838D6A;
    overflow: hidden;
    width: 250px;
}

.mobile #skypro #parameterSection {margin: 7px 0;}

#skypro #selectSection #filterSection {line-height: 36px;text-align: right;}

.mobile #skypro #selectSection #filterSection select {
    margin: 5px 5px 5px 2px;
}

.mobile #skypro #groupBy {width: 130px;}

.mobile #skypro #sessions-list {margin:0px 5px; overflow-x: hidden;}

.mobile #skypro #sessions-list .headerView {padding: 5px;min-height: 35px; height:auto;}

.mobile #skypro #sessions-list .stat {width:100%;}
.mobile #skypro #sessions-list .stat .chart {width: 100%; margin: 10px 0px 0 0;border-radius: 5px; background-color:transparent;padding:10px;}
.mobile #skypro #sessions-list .stat .chartBody {width:100%;}
.mobile #skypro #sessions-list .stat .dist {margin: 10px 10px 5px;}
.mobile #skypro .swing .swings-details-header_table {overflow-x: auto; overflow-y: hidden;display: inline-block;width: 100%;min-height: 37px;}
.mobile #skypro .swing table.tbSwingList th {padding-top:3px; padding-bottom:3px;}

.mobile #skypro #sessions-list .headerView .show-hide-session {height: 28px;width: 99px;padding: 6px;margin-top: 0;}
.mobile #skypro .swing .swings-details-table {overflow-x: auto;}
.mobile #skypro .swing .swings-details-table {max-height: 200px;}
.mobile #skypro .swing table.tbSwingList {width: 100%;}
.mobile #skypro .swing .swings-details-table table {width: 100%;}

.mobile #skypro .swing table .hdSwingName {width: 149px;}
.mobile #skypro .swing table .clSwingName {width: 145px;}
.mobile #skypro .swing table td {padding-top: 5px;padding-bottom:5px;}

.mobile #skypro .swing .swingDetail .lineButton, .mobile #skypro .swing .swingDetail .topButton {height: 27px;}
.mobile #skypro .swing .swingDetail .sideButton {height: 27px;}
.mobile #skypro .swing .swingDetail .addressButton, .mobile #skypro .swing .swingDetail .backButton, .mobile #skypro .swing .swingDetail .downButton {margin-top: 2px;height: 32px;}
.mobile #skypro .swing .swingDetail .impactButton{margin-top: 2px;height: 32px;}
.mobile #skypro .swing .swingDetail .show-hide-advanced {width: 104px;height: 21px;}
.mobile #skypro .swing .swingDetail .descBody {height: 359px;overflow:auto;}

.mobile .phone .clBackSwing,
.mobile .phone .clTakeaway,
.mobile .phone .clReturnAngle,
.mobile .phone .clComment {display:none;}
.mobile .phone  #sessions-list .headerView .show-hide-session {display:none!important;}
.mobile #skypro .swing .swingDetail .angleDescription {min-height: 391px;height:auto;clear:both;}
.mobile #noRecords {margin: 10px; padding:10px; background-color:#FFF;border-radius:5px;text-align:left;font-size:18px; box-shadow: 0 0 9px #555555;}




.mobile #mobileFooter {height:auto;width:100%;z-index:99999;}


.mobile #loading{background-image: url('/images/loader.gif'); width:100%;background-repeat: no-repeat; background-position: center center; text-align:center; height:100%; height:350px;}
.mobile #lpChatButton1 {width:100%; margin: 10px auto; padding-right:10px!important;}
.mobile #pie-chart {height:10%!important;}

/*Summary page*/
.mobile #maincontentarea #shortcut {
	color: #000000;
    display: none;
    font-size: 18px;
    height: 35px;
    opacity: 0.8;
    position: fixed;
    top: 108px;
    z-index: 999999;
	text-align:center;
}

.mobile #maincontentarea .shortcut {display:none;padding:5px;background-color: #FFFFFF;
    border: 1px solid #CCC;
    border-radius: 5px;
    display: inline-block;
    padding: 5px;
}

.mobile #maincontentarea .bodyColumn {width:100%; margin: 0px; background-color:#FFF;padding-bottom:5px;}

.mobile #maincontentarea .bodyColumn .overviewSection {
	background-color: #FFF;
	/*
    border-color: #CCC;
    border-radius: 5px 5px 0 0;
    border-style: solid;
    border-width: 1px;
	*/
	border:none;
	border-radius: 0;
    padding: 0px;
	text-align:center;
	min-height: 25px;
	margin:0;
	position:relative;
}

.mobile #maincontentarea .bodyColumn .overviewSection .title {background-color:#CCC;color:#000;font-weight:bold;height:35px;line-height:35px;font-size:18px;box-shadow:1px 1px #999999;background-repeat: no-repeat;background-position:0px;background-size:30px;}

.mobile #maincontentarea .bodyColumn .filterButton {
	border: 1px solid #e6bd4c;
    background-image: linear-gradient(bottom,#FCCC73 0%,#FAE198 100%);
    background-image: -o-linear-gradient(bottom,#FCCC73 0%,#FAE198 100%);
    background-image: -moz-linear-gradient(bottom,#FCCC73 0%,#FAE198 100%);
    background-image: -webkit-linear-gradient(bottom,#FCCC73 0%,#FAE198 100%);
    background-image: -ms-linear-gradient(bottom,#FCCC73 0%,#FAE198 100%);
    background-color: #FCCC73;
    color: #754c00;
    text-shadow: 1px 1px 0px #ffebb7;
    filter: dropshadow(color=#ffebb7,offx=1,offy=1);
	padding: 5px; border: 1px solid #CCC;
	width:80px; text-align:center; font-size:13px; margin:20px 9px 10px;
	border-radius: 4px;
	cursor:pointer;
	font-weight:bold;
	box-shadow:1px 1px #AAAAAA;
	display:inline-block;
}

.mobile #maincontentarea .bodyColumn .selected,
.mobile #maincontentarea .bodyColumn .selected:hover {background-image: none!important; background-color: #6E6E46!important;color:#FFF!important;text-shadow: 0px 0px 0px #CCC;cursor:default;box-shadow:0px 0px #AAAAAA;}

.mobile #maincontentarea .bodyColumn .sectionChart,
.mobile #maincontentarea .bodyColumn .sectionScore {width:100%; display:inline-block;font-size:13px;padding:5px;}

.mobile #maincontentarea .subTitle {
	width:95px;
	padding: 10px; 
	border: 1px solid #CCC; margin: 10px 0 0;
	text-align:center;
	box-shadow:1px 1px #CCC;
	color:#000;
	font-weight:bold;
	display:inline-block;
	font-size:13px;
}

.mobile #maincontentarea .bodyColumn .chart{width:250px;text-align:center;display:inline-block;border:1px solid #CCC;margin-top:20px;}

.mobile #maincontentarea .bodyColumn .chart .label {font-size:13px; font-weight:bold;padding:5px;margin-top:10px;}
.mobile #maincontentarea #chart-Fairway,
.mobile #maincontentarea #chart-GIR,
.mobile #maincontentarea #chart-Putting {min-width:248px;width:100%;height:230px;display: table-cell;text-align: center;vertical-align: middle;/*text-shadow: 1px 1px #FFFFFF*/;color: #BBBBBB;}

.mobile #maincontentarea .statsList {text-align:left;}
.mobile #maincontentarea .scoresList,
.mobile #maincontentarea .commentsList{padding:5px;display:none;}

.mobile #maincontentarea .paging {position: absolute;right: 5px;text-align: right;top: 0;width: 80px;}
.mobile #maincontentarea .pagingButton {width:30px;display:inline-block; cursor:pointer;padding:3px;width:35px;height:35px;}
.mobile #maincontentarea .scoreRowDark{background-color:#DDD;text-align:left;height:35px;}
.mobile #maincontentarea .scoreRowLight{background-color:#FFF;text-align:left;height:35px;}
.mobile #maincontentarea .scoreRowOver{background-color:#40D8B2;text-align:left;height:35px;}

.mobile #maincontentarea .statlabel {font-weight:bold;font-size:14px;text-align:left;padding:5px;}
.mobile #maincontentarea .statItem {text-align:left;padding:5px 15px;font-size:14px;height:50px;display:inline-block;width:100%;max-width:300px;}
.mobile #maincontentarea .statItem b {font-size:25px;color:#0295C7;}

.mobile #maincontentarea .outterBar {background-color: #EEEEEE;height:12px;margin: 0;padding: 0;width: 100%;}
.mobile #maincontentarea .statBar{max-width:300px;background-color:#D84066;height:12px;float:left;margin:0px;text-align:right;color:#FFF;}

.mobile #maincontentarea .commentsList .smallText {text-align:left;}
.mobile #maincontentarea .commentsList .cbox {background-color: #FFFFFF; border-bottom: 1px solid #CCCCCC; border-left: 0px solid #CCCCCC; border-right: 0px solid #CCCCCC; font-size: 14px; line-height: 20px; margin-bottom: 15px; width: 100%;}
.mobile #maincontentarea .commentsList .comments{width:100%;word-wrap: break-word;}
.mobile #maincontentarea .overviewSection .addButton{background-image: url('/images/common/website/comment.png'); background-repeat: no-repeat;background-position:50%;background-size:30px;height:30px;width:30px;float:right;margin:3px 10px 0 0;position:absolute;top:0px;right:-5px;}
.mobile #maincontentarea .commentsList #commentInput {width:99%; height:100px;}
.mobile #popup_ok,
.mobile #popup_cancel,
.mobile #maincontentarea #commentButton ,
.mobile #maincontentarea #cancelComment{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #C1D400;
    border-radius: 15px;
    box-shadow: 1px 1px 1px #333333;
    color: #000000;
    margin: 15px auto;
    max-width: 202px;
    padding: 6px;
	font-size: 16px;
	font-weight:bold;
	text-align: center;
}
.mobile #maincontentarea .removeIcon {
    background-image: url("/images/icons/12x12/delete3.png");
    cursor: pointer;
    height: 12px;
    width: 12px;
}

.mobile .avgStat {display:inline-block;font-size:20px;padding:5px;color:#0295C7;width:100%;}

.mobile #broke100 {background-image: url('/images/trophies/broke100.png'); }
.mobile #broke90 {background-image: url('/images/trophies/broke90.png'); }
.mobile #broke80 {background-image: url('/images/trophies/broke80.png'); }
.mobile #broke70 {background-image: url('/images/trophies/broke70.png'); }
.mobile #bestScore {background-image: url('/images/trophies/broke70.png'); }

.mobile #maincontentarea #trophies {background-color: #FFF/*#F4F5F7*/; margin:0px; padding: 0 10px; width:100%; box-shadow:0px 0px 25px #555555;text-align: center;}
.mobile .trophy {
	background-repeat: no-repeat;
    border: 2px solid #CCCCCC;
	box-shadow: 1px 2px #333333;
    border-radius: 7px;
    display: inline-block;
    height: 150px;
    margin-right: 5px;
	margin-left: 5px;
	margin-top: 15px;
	margin-bottom: 10px;
    padding: 10px;
    width: 114px;
}
.mobile .notrophy {border: 1px solid #CCCCCC;
    border-radius: 5px;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0;
    padding: 10px;
    text-align: center;
    width: 100%;}






/*
namespacing differently for use in drupals content editor
*/
/*    Buttons && links styles
-------------------------------------------------------------- */
.categories li a:hover,
.sidebar .menu li a:hover,
.sidebar .item-list ul li a:hover,
#content a,
#content a:visited {color: #0075BF !important;}

#content .region-content a:hover {border-bottom: 1px dotted;}

#content .region-content ul {list-style: disc; margin-left: 15px;}
#content .region-content ul li {line-height: 1.4 !important;}

#content  .pricing-container ul,
#content .region-content #product-tabs .ui-tabs-nav {list-style: none !important; margin-left: 0 !important;}

#content .region-content #product-tabs .ui-tabs-nav a:hover {border-bottom: none !important;}

.page-header,
.page-subheader {
    text-transform: none;
    padding-bottom: 20px;
    margin: 0;
    line-height: 1.2;
}
.page-header {
    font-weight: bold;
    font-size: 28px !important;
    line-height: 42px !important;
    color: #0075BF;
    text-align: center !important;
}
.page-subheader {
    font-size: 18px !important;
}

.content-divider-block {height: 70px !important; width: 100%;}

#content a.button_link,
#content a.learn-more-link,
.mm-menu  #edit-submit  {
    -webkit-border-radius: 3px;
    -moz-border-radius:3px;
    border-radius: 3px;
    margin: 2px 5px 0px -5px;
    padding: 7px 14px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #1f70ad;
    border-color: #1f70ad !important;
    background-image: linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%);
    background-image: -o-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%);
    background-image: -moz-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%);
    background-image: -webkit-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%);
    background-image: -ms-linear-gradient(bottom, #2778C8 0%, #2B8EC7 100%);
    background-color: #2778C8 !important;
    color:#fff !important;
    text-shadow: 1px -1px 0px #1c6396;
}

.mobile #apple_download_link {

	width: 150px;
}

.mobile #apple_download_link > img {
	width: 150px!important;
}

#content a.button_link:hover,
#content a.learn-more-link:hover {
    background: #00437F !important;
    border-color: #00437F !important;
}

#content .light-lime-color {
    color: #0075BF;/*#ccff33;*/
}
/*a.light-lime-color:hover {
    color: #0075BF;
    text-decoration: underline;
}*/

.header-menu-content a {color: #0075BF;}
.header-menu-content a:hover {text-decoration: underline;}

#content a.light-lime,
#content a.read-more-link {
    font-size: 14px;
    font-weight: bold;
    color: #333333 !important;
    border-bottom: 4px solid #DDDDDD;
    padding-bottom: 3px;
    padding-right: 5px;
    text-align: right;
    display: block;
}
#content a.light-lime {
    text-transform: uppercase;
    width: 215px;
}
#content a.read-more-link {
    font-size: 15px !important;
    width: 100% !important;
}
#content a.light-lime:hover,
#content a.read-more-link:hover {
    color: #0075BF !important;
    border-bottom: 4px solid #0075BF !important;
}
#content a.topic-link {
    font-size: 15px;
    color: #0075BF;
    font-weight: bold;
}


/* -------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------

    Zone User && Logo && Main Menu

----------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------- */

#sgzone-user {
    border-bottom: 1px solid #E0E0E0;
    background-color: #fafafa;
    height: auto !important;
}

#sgzone-user .block-inner h2 {display: none;}

#sgzone-user li.partner-gateway {display: none;}
#sgzone-user.show_partner_gateway li.partner-gateway {display: inline;}

/*    Header Domain Switcher block
-------------------------------------------------------------- */
#region-user-first {width: 300px !important;}
#region-user-second  {width: auto !important; float: right;}

#region-user-first #block-domain-switcher .block-inner .content ul {
    margin: 0 !important;
}

#block-domain-switcher .domains-main,
#block-domain-switcher .domains-additional {
    float: left;
}
#block-domain-switcher #current_domain_block,
#block-domain-switcher #our_brands_block {
    text-align: center;
    margin: 6px 0;
    padding: 4px 0 2px;
    font-weight: bold;
    float: left;
}
#block-domain-switcher #current_domain_block {padding-right: 20px;}

#block-domain-switcher #current_domain_block i,
#block-domain-switcher #our_brands_block i {margin-left: 4px; margin-right: 0;}
#block-domain-switcher #domains-list-default ul.domains-additional {margin: 8px 0 0 10px;}
#block-domain-switcher #domains-list-mobile ul.domains-additional {margin: 8px 0 0 10px;}
#block-domain-switcher ul.domains-additional li {
    margin: 0;
    padding: 0 8px 0 8px;
    border: none;
    text-align: center;
    list-style: none;
    float: left;
}
#block-domain-switcher ul.domains-additional li.first {padding-left: 0 !important;}
#block-domain-switcher ul.domains-additional li.active {
    font-weight: bold;
}
#block-domain-switcher ul.domains-additional li a {
    color: #888888 !important;
}
#block-domain-switcher ul.domains-additional li.active a{
    color: #000000 !important;
}

#current_domain_block a {
    display: block;
    font-size: 12px !important;
    color: #000000 !important;
    float: left;
}

#sgzone-user #block-domain-switcher .content li a {
    margin-top: 9px;
    display: block;
    font-size: 12px !important;
    color: #000000 !important;
}
#block-domain-switcher ul.domains-switcher-list {
    display: none;
}
#block-domain-switcher ul.domains-switcher-list {
    zoom: 1;
    z-index:10000;
    position:absolute;
    padding: 2px 0 3px;
    background: #fff;
    border: 1px solid #dddddd;
    border-top: 3px solid #0075BF;
    width: 360px;
}

#block-domain-switcher ul.domains-switcher-list li {
    list-style: none;
    float: left;
}
#block-domain-switcher ul.domains-switcher-list li a {
    padding: 8px 0;
    display: block;
    width: 150px;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid transparent;
    color: #888888;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
}
#block-domain-switcher ul.domains-switcher-list li.first a {width: 315px; margin-left: 22px;}
#block-domain-switcher ul.domains-switcher-list li.column1 {
    border-right: 1px solid #dddddd;
}
#block-domain-switcher ul.domains-switcher-list li.column1 a {
    margin: 0 7px 0 22px;
}
#block-domain-switcher ul.domains-switcher-list li.column2 a {
    margin: 0 23px 0 7px;
}
#block-domain-switcher ul.domains-switcher-list li.row-first {
    margin-top: 8px;
}
#block-domain-switcher ul.domains-switcher-list li.row-first a{
    padding-top: 0;
}
#block-domain-switcher ul.domains-switcher-list li.row-last {
    margin-bottom: 6px;
}
#block-domain-switcher ul.domains-switcher-list li.row-last a {
    border-bottom: none;
    padding-bottom: 2px;
}

#current_domain_block a:hover,
#block-domain-switcher ul.domains-additional li a:hover,
#block-domain-switcher ul.domains-switcher-list li a:hover {
    color: #0075BF !important;
}
#block-domain-switcher ul.domains-switcher-list li.active a {
    color: #0075BF;
    font-weight: bold;
}

a.clubsg {margin-top: -4px; display: block;}
.beta {
  font-size: 8px;
  vertical-align: super;
  line-height: 6px;
}

/*    Header User menu
-------------------------------------------------------------- */
#region-user-second {margin-top: 0px;}


/*    Header User Bar menu
-------------------------------------------------------------- */
#region-user-second .block-user-bar-menu {
    float: left;
    padding-top: 8px;
    padding-right: 8px;
}

.block-user-bar-menu ul.user-bar-menu li {float: left; margin-right: 13px;}
.block-user-bar-menu ul.user-bar-menu li a {color: #888888; text-transform: capitalize; margin-left: 3px;}
.block-user-bar-menu ul.user-bar-menu li a i {padding-right: 3px;}
.block-user-bar-menu ul.user-bar-menu li a:hover {color: #0075BF;}


/*    Header Locale menu
-------------------------------------------------------------- */

#region-user-second #block-locale-language {
    padding: 8px 0 0 2px;
    margin: 0;
    height: 27px;
    float: left;
}

#current_domain_block .languagewidgetarrow,
#region-user-second #block-locale-language .languagewidgetarrow {
    float: left;
    padding: 6px 0 10px 5px;
}

#region-user-second #block-locale-language #current_language_block {
    color: #cccccc;
    text-transform: uppercase;
    float: left;
    cursor: pointer;
    padding: 2px 0 0;
    margin: 0;
    position:relative;
    height: 20px;
}

#region-user-second #block-locale-language #language_list {
    padding: 5px;
}

#region-user-second #block-locale-language .languagewidgettext {
    color: #888888;
    padding: 0 0 3px 5px;
    float: left;
}
#region-user-second #block-locale-language #current_language_block .languagewidgetflag {margin:0; padding: 2px 0 3px 5px;}
#region-user-second #block-locale-language #current_language_block .languagewidgetflag img{border:0px; }
#region-user-second #block-locale-language .languagewidgettext:hover {
    color: #0075BF !important;
}
#region-user-second #block-locale-language ul.language-switcher-locale-url {
    zoom: 1;
    z-index:10000;
    position:absolute;
    right: 0;
    margin: 25px 0 0 7px !important;
    padding: 2px 6px 3px;
    width:185px;
    background: #fff;
    border: 1px solid #dddddd;
    border-top: 3px solid #0075BF;
}

#region-user-second #block-locale-language ul.language-switcher-locale-url li {clear: both;}

#region-user-second #block-locale-language ul.language-switcher-locale-url li a.language-link,
#region-user-second #block-locale-language ul.language-switcher-locale-url li a.language-link:active,
#region-user-second #block-locale-language ul.language-switcher-locale-url li a.language-link:visited {
    display: block;
    color: #888888;
}

#region-user-second #block-locale-language ul.language-switcher-locale-url li {
    padding: 3px 0;
}
#region-user-second #block-locale-language ul.language-switcher-locale-url li a.language-link:hover {
    text-decoration: none;
}

#region-user-second #block-locale-language .languagewidgetflag,
.mm-menu #block-locale-language .languagewidgetflag {
    margin:0 5px 0 0;
    width:20px;
    padding: 4px 2px 3px 0px;
    float: left;
}
#region-user-second #block-locale-language .languagewidgettext {
    width:140px;
    *width:140px;
}
#region-user-second #block-locale-language ul.language-switcher-locale-url ,
#region-user-second #block-locale-language ul.language-switcher-locale-url li{list-style: none;}
#region-user-second #block-locale-language ul.language-switcher-locale-url {
    display: none;
    overflow: visible !important;
}
#region-user-second #block-locale-language ul.language-switcher-locale-url .languagewidgetarrow {
    padding-top: 8px;
}

/*    Header Sync part
-------------------------------------------------------------- */
#region-user-second .sync_block {
    display: block;
    overflow: hidden;
    /*width: 120px;*/
    float: left;
    margin: 0;
    padding: 5px 0 0 0px;
}

#region-user-second .sync_block h2 {
    display: none;
}

#region-user-second .sync_block .button.small {
    /*padding: 2px 10px 5px;*/
    margin-bottom: 0;

    font-family: Arial,sans-serif;
    font-size: 12px;
    line-height: 15px;
    padding: 4px 8px;
    letter-spacing: 0.075em;
}

/* Logo & Main menu
-------------------------------------------------------------- */
#sgheader-full #logo {max-height: 70px;}

#navigation ul li.sf-item-shop.sf-depth-1 a {
    color: #0075BF;
    font-weight: bold;
    margin-right: 0;
}

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

#sgheader-mobile {
    display: none;
    background: #f6f8fa;
    height: 55px;
    border-bottom: #c9cacd solid 1px;
    position: relative;
}
#sgheader-mobile .logo-container {text-align:center;}
#sgheader-mobile .logo-container a {display: inline-block;}
#sgheader-mobile #logo {display: block; margin: 0 auto; padding-top: 12px;}
.domain-skytrak-skygolf-com #sgheader-mobile #logo {padding-top: 5px !important;}
#sgheader-mobile a.mobile-icon-menu,
#sgheader-mobile a.mobile-icon-search {
    background: url("../images/skyhawke/mobile-icons.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 32px;
    width: 32px;
    left: 10px;
    top: 12px;
    position: absolute;
}

#sgheader-mobile a.mobile-icon-search {
    background-position: 0 -32px;
    left: auto;
    right: 10px;
}

.mm-menu {
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 85%;
    z-index: 0;
    background: #e0e0e0;
}
.mm-menu h2 {display: none;}
.mm-menu h3 {
    background: #0075bf url('../images/skyhawke/mobile-caption-bg.png') right 0 repeat-y;
    color: #fff;
    border-bottom: 1px solid #000;
    height: 40px;
    padding-left: 21px !important;
    font-weight: normal;
    line-height: 40px;
}

.mm-menu a {color: #5c5c5c !important;}


.mm-menu li,
.mm-menu .menu-title-collapsed,
.mm-menu #current_language_block {
    border-bottom: 1px solid #000;
    margin-right: 0 !important;
    height: 40px;
}
.mm-menu li.dropdown-opened {border-bottom: 0 !important;}
.mm-menu #nav ul.dropdown {border-top: 1px solid #000;}

.mm-menu .menu-title-collapsed,
.mm-menu .item-level-1 #current_language_block {
    padding-left: 22px;
}

.mm-menu li a,
.mm-menu .menu-title-collapsed,
.mm-menu .languagewidgettext {display: block; line-height: 40px;}

.mm-menu #block-my-account.has-dropdown,
.mm-menu #block-locale-language.has-dropdown,
.mm-menu li.has-dropdown {
    background: url("../images/skyhawke/mobile-menu-dropdown.png") 93% 3px no-repeat;
    cursor: pointer;
}
.mm-menu #block-my-account.dropdown-opened,
.mm-menu #block-locale-language.dropdown-opened,
.mm-menu li.dropdown-opened {
    background: url("../images/skyhawke/mobile-menu-opened.png") 93% 3px no-repeat !important;
}
.mm-menu #nav li {height: auto !important;}

.mm-menu .dropdown {display: none;}

.mm-menu .user-bar-menu li,
.mm-menu .item-level-1 .dropdown li,
.mm-menu #domains-list-default li,
.mm-menu #support-menu li,
.mm-menu #nav li.sf-depth-1 a {padding-left: 57px !important;}

.mm-menu .item-level-1 .item-level-2 .dropdown li,
.mm-menu #nav li.sf-depth-2 a {padding-left: 77px !important;}

.mm-menu #nav li.sf-depth-3 a {padding-left: 97px !important;}

.mm-menu .block-user-bar-menu ul.user-bar-menu li {float: none !important;}
.mm-menu .block-user-bar-menu ul.user-bar-menu li a {margin-left: 0px !important;}
.mm-menu .block-user-bar-menu ul.user-bar-menu li a i{padding-right: 8px !important;}

.domain-skypro-skygolf-com .mm-menu .block-user-bar-menu ul.user-bar-menu li.renew {display: none;}

.mm-menu .languagewidgetflag {
    margin-right: 0 !important;
    margin-left: 1px !important;
    margin-top: 12px !important;
    padding-top: 3px !important;
}

.mm-menu .language-switcher-locale-url li.active a,
.mm-menu #domains-list-default li.active a,
.mm-menu #nav #current,
.mm-menu #nav li.active-trail > a,
.mm-menu #nav a.active {
    font-weight: bold !important;
    color: #000 !important;
}

.mm-menu #nav .sf-item-support {display: none;}

.mm-menu #search-block-form .form-text,
.mm-menu #search-block-form .form-actions input {
    height: 36px;
    max-height: 36px;
}
.mm-menu #search-block-form .form-text {
    width: 90%;
    background-color: #F6F8FA;
    border-color: #C9CACD;
}
.mm-menu .search input {
    background-position: 15px 54%;
    padding-left: 40px !important;
}

.sgfull-page {z-index: 1; position: relative; background: #fff;}

.mm-menu.mm-right {
    left: auto;
    right: 0;
    background: #e0e0e0 url('../images/skyhawke/mobile-search-bg.png') left 0 repeat-y;
}
.mm-menu.mm-right .mm-inner {padding: 20px 40px;}

.mm-is-menu {
    background: #e0e0e0 url('../images/skyhawke/mobile-menu-bg.png') right 0 repeat-y;
}
.mm-with-scrollbar.mm-is-menu {
    background: #e0e0e0 url('../images/skyhawke/mobile-menu-bg-wide.png') right 0 repeat-y;
}

body.mm-opened {
  height: 100%;
  overflow: hidden;
}

body.mm-opened .sgfull-page {
    height: 100%;
    overflow: hidden;
    position: absolute;
    box-shadow: 0 0 15px #000000;
}

.mm-menu.mm-opened {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
}

/* Submenus
-------------------------------------------------------------- */
.navheader-submenu {
    clear: both;
    margin-left: 0;
    padding-left: 0;
    height: auto;
    margin-bottom: 0;
    padding-bottom: 5px;
    overflow: hidden;
}
#navheader-submenu {width: 100%; margin: 0 auto; padding-top: 15px; overflow: hidden;}
#navheader-submenu li {
    float: left;
    padding: 0 20px 0 15px;
    margin: 2px 0;
    list-style: none;
    background-image: url("../images/square_bullet_blue.png");
    background-position: 0 46%;
    background-repeat: no-repeat;
    text-align: left;
}
#navheader-submenu li a {color: #333333;}
#navheader-submenu li a:hover {color: #0075BF;}
#navheader-submenu li.active-trail {font-weight: bold;}
#navheader-submenu li.last {border: none !important;}


/* Breadcrumbs
-------------------------------------------------------------- */

#breadcrumb
{
    margin-left: 0;
    padding-top: 1em;
    padding-bottom:1em;
    margin-bottom: 2em;
}

#breadcrumb .container {
    background: url("../images/skyhawke/breadcrumb-bg.jpg") repeat-x scroll left bottom transparent;
    line-height: 1.4;
    padding-bottom: 10px;
}

#breadcrumb .arrow
{
    color: #C6C6C6;
    padding: 0 0.8em;
    text-shadow: 0 0.2em 0.1em #C6C6C6;
}

#breadcrumb a
{
    color: #B7B7B7;
    text-transform: capitalize;
}

#breadcrumb a.front {
    padding-left: 5px;
}


/* -------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------

    Footer

----------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------- */

/*    Footer menus
-------------------------------------------------------------- */
#sgfooter-columns .block-menu ul.menu, #sgfooter-columns .block-menu ul.menu li {list-style: none;}
#sgfooter-columns .block-menu ul.menu li {margin-left: 0;}

#sgfooter-columns .block-menu ul.menu li a{
    color: #878787;
    display: block;
    padding: 6px 0;
    padding-left: 12px;
    border-bottom: 1px solid #444;
    background: url(../images/link_list_arrow_01.png) no-repeat left 47%;
}

#sgfooter-columns .block-menu ul.menu li a:hover {color: #fff}
#sgfooter-columns .block-menu ul.menu li:first-child a {margin: -12px 0 0 0;}
#sgfooter-columns .block-menu ul.menu li:last-child a {border: none;}

#sgfooter-columns .container .three.columns {height: 240px; width: 170px !important; margin-right: 5px;}
/*#sgfooter-columns #region-footer-fourthcolumn {float: right;} */

/*    Follow Links block
-------------------------------------------------------------- */
#block-follow-site
{
    float: left;
}
#block-follow-site h2.block-title {
    font-size: 18px !important;
    line-height: 1.3em;
}
#block-follow-site .content
{
    display: block;
    float: left;
    padding: 0;
    margin-top: 12px;
}

.follow-links h3
{
    padding-right: .9em;
}

div .follow-links ul li
{
    float: left;
    display:inline;
    padding-right:10px;
    margin: 0;
}

.follow-links a
{
    text-indent: -9999em;
    display: block;
    width: 20px;
    height: 16px;
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
    background: url('../images/skyhawke/social-icons-grey.png');
    opacity: 0.4;
}
.follow-links a:hover {opacity: 1;}

.follow-links a.follow-link-this-site {background-position: 0 0;}
.follow-links a.follow-link-facebook {background-position: -20px 0;}
.follow-links a.follow-link-twitter {background-position: -40px 0;}
.follow-links a.follow-link-youtube  {background-position: 40px 0;}
.follow-links a.follow-link-google  {background-position: 20px 0;}


/*    Footer Bottom
-------------------------------------------------------------- */
#sgfooter-bottom h2 {display: none;}

#sgfooter-bottom #region-follow {margin: 18px 20px 18px 0;}

#sgfooter-bottom #region-copyright {margin-top: 25px; text-align: center;}

#sgfooter-bottom #region-powered{margin: 25px 0 0 40px; width: 200px !important;}

#sgfooter-bottom * {color: #878787; font-size: 11px;}
#sgfooter-bottom a {color: #878787;}
#sgfooter-bottom a:hover {color: #ffffff;}

#sgfooter-bottom .legal_links {padding-left: 13px;}
#sgfooter-bottom .legal_links a {padding: 0 10px;}
#sgfooter-bottom .legal_links a:hover {color: #0075BF/*#ccff33*/ !important;}



/* -------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------

     Main Content
     Custom styles for different types of Pages

----------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------- */
#sgslider {
    border-top: 1px solid #E0E0E0;
}
.flexslider .slides .video-preview {cursor: pointer;}

#content #page-title {background: none; border: none; color: #0075BF;}


/*    Homepage
-------------------------------------------------------------- */

/**
 * SkyPro - Intro Section - Header Block
 */
.fp-section-hero {
    height:500px;
}

.domain-skypro-skygolf-com .fp-section-hero {
    background: url("../images/skyhawke/skypro/hero.jpg") center top no-repeat;
}

.hero-text-wrapper {padding-left: 40px;}
.hero-text {
    position: relative;
    top: 100px;
    line-height: 1.5 !important;
}
.hero-text h1 {
    margin: 0 0 30px 0;
    padding-top: 0;
    font-size: 46px;
    font-weight: 300;
    line-height: 1.10;
}
.hero-text p {
    font-size: 19px;
    margin: 0;
    padding: 0 0 50px 0;
    line-height: 1.5 !important;
}
.hero-text .watch {
    font-size: 18px;
    text-transform: uppercase;
    padding-right: 30px;
}

.hero-text .btn {
    display: block;
    position: absolute;
    left: 0px;
    background: url('../images/skyhawke/skypro/app-buttons.svg') no-repeat;
    background-position: 0 0;
    width: 160px;
    height: 50px;
    text-decoration: none;
    outline: none;
}
.hero-text .btn:hover  {
    background-position: 0 -159px;
}

.hero-text .button {
    display: block;
    position: absolute;
    left: 140px;
    background: url('../images/skyhawke/skypro/video-buttons.svg') no-repeat;
    background-position: 0 0;
    width: 130px;
    height: 50px;
    text-decoration: none;
    outline: none;
}
.hero-text .button:hover  {
    background-position: 0 -159px;
}

.skytrak-fp-section-hero .hero-text {top: 140px;}
.skytrak-fp-section-hero .hero-text h1{
    color: #a3a1a6 !important;
    width: 240px;
}
.skytrak-fp-section-hero .hero-text .button {left: 0;}

.domain-skytrak-skygolf-com #content #homepage #caption_columns a.light-lime {
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius:3px;
    border-radius: 3px;
    margin: 0 5px 5px 0;
    *float: left;
    -webkit-box-shadow: inset 1px 0px 0px rgba(255, 255, 255, .3);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .3);
    padding: 6px 12px;
    font-size: 12px;
    font-family: Arial, sans-serif;
    line-height: 16px;
    border: 1px solid #464646 !important;
    background-image: linear-gradient(bottom, #464646 0%, #656565 100%);
    background-image: -o-linear-gradient(bottom, #464646 0%, #656565 100%);
    background-image: -moz-linear-gradient(bottom, #464646 0%, #656565 100%);
    background-image: -webkit-linear-gradient(bottom, #464646 0%, #656565 100%);
    background-image: -ms-linear-gradient(bottom, #464646 0%, #656565 100%);
    background-color: #464646;
    text-shadow: 1px -1px 0px #444;
    /*filter: dropshadow(color=#4444444, offx=1, offy=1);*/
    color:#fff !important;
    width: auto !important;
    float: right;
}

.domain-skytrak-skygolf-com #content #homepage #caption_columns a.light-lime:hover {
    background: #535353;
    -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
}

.domain-skytrak-skygolf-com #homepage .homepage-divider {background: none !important;}
.domain-skytrak-skygolf-com #homepage #block-our-brands {display: none;}

/**
 * Intro Section
 */

#intro {
    padding: 0;
    margin-bottom: 20px;
    margin-left: 8px;
    text-align: left;
}
.intro-text, .intro-text * {
    font-size: 35px;
    color: #0075BF;
    line-height: 1;
    vertical-align: top;
}
.intro-text .field-name-field-front-teaser-text {text-align: center;}
.intro-text .media-image {margin-right: 12px;}

#intro .button_link {
    margin-left: 1em;
}

.intro-message {
    display: inline-block;
}

.intro-message *{
    margin: 0;
}

#homepage .one_fourth {
    width: 225px;
    margin-right: 20px;
    margin-left: 0 !important;
}
#homepage .last_column {margin-right: 0 !important;}

/**
 * Captions && Banners
 */

#caption_columns h2.block-title,
#block-our-brands  h2.block-title,
#block-homepage-banners .banner_container h2 {
    color: #333333;
    padding: 5px 0 0 3px;
    margin: 0 0 15px;
}
#caption_columns h2.block-title {
    font-size: 16px !important;
}

#block-our-brands  h2.block-title,
#block-homepage-banners .banner_container h2 {
    font-size: 16px !important;
    line-height: 30px;
}
#block-homepage-banners .banner_container h2 {text-transform: uppercase;}
#homepage .caption_img_bg,
.view-partnerships  .caption_img_bg {
    background: url("../images/skyhawke/homepage-caption-img-bg.png") no-repeat bottom center transparent;
    width: 215px;
    height: 109px;
    margin: 0 5px;
}
.domain-skytrak-skygolf-com #homepage .caption_img_bg {height: 138px;}
#homepage .image-hover-container,
.view-partnerships .image-hover-container {
    position: absolute;
    background: url('../images/skyhawke/homepage-caption-img-hover.png') 0 0 no-repeat;
    width: 215px;
    height: 102px;
    z-index: 100;
    display: none;
}
#homepage .field-type-image img {
    box-shadow: none !important;
    padding: 0;
    border: none !important;
}
#homepage .field-name-field-column-text {
    font-size: 14px;
    line-height: 1.4;
    color: #666666;
    padding: 20px 0 0 5px;
    width: 215px;
    height: 135px;
}

/*body.domain-skypro-skygolf-com #homepage .field-name-field-column-text {height: 135px !important;}
*/

body.domain-skytrak-skygolf-com #homepage .field-name-field-column-text {height: 155px !important;}

.homepage-divider {
    background: url("../images/skyhawke/divider_shadow_900.png") no-repeat center center transparent;
    margin: 30px 0 10px;
    height: 14px;
}
#block-homepage-banners .banner_container {
    float: left;
    width: 456px;
}
#block-homepage-banners .row-2{float:right !important;}
#block-homepage-banners .banner_container .banner_bg {
    background: url("../images/skyhawke/homepage-banner-bg.png") no-repeat 0 center transparent;
    background-size: contain;
    width: 100%;
    padding: 1px 1px 17px 1px;
}
#block-our-brands {padding: 0 !important;}
#block-our-brands  h2.block-title {
    border-bottom: 1px solid #E7E7E7;
    display: block;
    margin: 20px 0;
    padding: 0 0 10px;
}
#homepage #brands_columns {margin: 0 1px;}
#homepage #brands_columns .one_fourth {
    width: 238px;
    padding: 10px 0 30px;
    margin: 0 !important;
    text-align: center;
    border: 1px solid #E5E5E5;
}
#homepage #brands_columns .one_fourth .field-item img{margin:0 auto;}
#homepage #brands_columns .column {
    border-right: none;
}
#homepage #brands_columns .last_column {float: right;}


/* Margins and font-sizes to mostly all of pages */
#content .region-content,
#sgcontent #content {
    font-size: 16px;
    line-height: 24px;
}
#content .region-content #block-workbench-block,
#content .region-content #block-workbench-block * {font-size: 12px !important; line-height: 1.4 !important;}

.node-page .main-content {
    margin: 30px 13% 0 !important;
}
.domain-skypro-skygolf-com .node-page .main-content,
.domain-skytrak-skygolf-com .node-page .main-content {
    margin: 30px 0 0 !important;
}

.node-page.node-page-skygolf-membership .main-content,
.node-page.node-page-membership .main-content,
.node-page.node-page-skycaddie-membership .main-content,
.domain-skypro-skygolf-com .main-content {
    margin: 0 !important;
}
/*.node-page.node-page-skygolf-membership .main-content li,
.node-page.node-page-membership .main-content li,
.node-page.node-page-skycaddie-membership .main-content li {
    line-height: 1.4 !important;
}
*/
#page-title {
/*    color: #A0A0A0 !important;*/
    text-align: center !important;
}

.domain-skycaddie-skygolf-com .page-header,
.domain-skycaddie-skygolf-com .page-header * {
    color: #0075BF !important;
    text-align: center !important;
}




/*    Membership
-------------------------------------------------------------- */
.membership-maps .page-header {padding-top: 50px;}

.membership-maps #lpChatButton1 {right: -100px; position: absolute;}
.membership-maps #golf-digest {top: 170px;}

.membership-clubsg,
.membership-skyrewards  {
    background-size: 100% auto !important;
}
.membership-success  {
    background-size: 65% auto !important;
}

ul.navigation-parts {margin-bottom: 5px !important;}
ul.navigation-parts li {padding-bottom: 5px;}
ul.navigation-parts li a,
ul.navigation-parts li .topic-header,
ul.navigation-parts-plans li .topic-header {
    font-weight: bold;
    font-size: 16px !important;
    color: #333333;
}
ul.navigation-parts li a {
    text-decoration: underline;
}
ul.navigation-parts-plans {margin-bottom: 5px !important; margin-left: 30px; padding-left: 0 !important; height: 440px;}
ul.navigation-parts-plans li {
    list-style: none;
    width: 220px;
    height: 400px;
    margin: 15px;
    padding: 20px;
    float: left;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.2);
    box-shadow:0 1px 3px rgba(0,0,0,.2);
    background: #F7F7F7;
    position: relative;
}
ul.navigation-parts-plans li a {bottom: 10px; display: block; position: absolute;}


/*    Advisory Team Content
-------------------------------------------------------------- */
.field-name-field-person .field-name-title-field {
    font-weight: bold;
    font-size: 16px !important;
    padding-bottom: 10px;
    margin: 0;
}
.field-name-field-person .field-name-field-photo {
    float: right;
    padding-left: 20px;
}
.field-name-field-person .field-name-field-stats .field-label,
.field-name-field-person .field-name-field-career-highlights .field-label {
    font-style: italic;
    margin: 0 0 20px;
}
.field-name-field-person  .field-name-field-quote {
    background-image: url("../images/skyhawke/custom_sprite_5c5e57.png");
    background-position: -1000px -1000px;
    background-repeat: no-repeat;
    margin: 20px 0;
    padding: 5px 5px 5px 45px;
    font-size: 1.1em;
}

/* Product Pages
-------------------------------------------------------------- */

.node-bottom .block-views,
.node-bottom .view-Products {
    padding-bottom: 40px;
}
.node-bottom h2 {font-size: 16px;}

.node-bottom .eight.columns.left-column .block-inner {padding-right: 20px;}
.node-bottom .eight.columns.right-column .block-inner {padding-left: 20px;}

/**
 * Teaser for Product
 */
#content .view-products-series-list .views-row {
    padding: 30px 0 20px;
    background: url("../images/skyhawke/divider_shadow_inset_800.png") no-repeat scroll center bottom transparent;
}

.view-products-series-list .views-field-field-image {float: left; }
.view-products-series-list .views-field-view-node {
    float: left;
    padding-right: 10px;
}
.view-products-series-list .views-field-nothing {margin-left: 140px;}
.view-products-series-list .views-field-nothing-1 {clear: both;}

/**
 * Full page for Product
 */
.product-content .field-product-image {float: left; width: 224px;}
.product-main-info {float: right; width: 436px;}
.product-main-info  .field-type-image img {
    box-shadow: none !important;
    border: none !important;
    background: none !important;
    padding: 0;
}

.field-name-field-logo-image {padding-bottom: 20px;}

#product-tabs {
    width: 700px;
    margin-top: 30px;
    padding: 0 !important;
    font-size: 13px;
    background: url("../images/skyhawke/fc.png") repeat-y scroll 0 0 #FFFFFF;
    border: 1px solid #dddddd;
    position: relative;
    font-family: Arial, sans-serif;
}
#product-tabs.ui-tabs-vertical .ui-tabs-nav {
    padding: 0;
    float: left;
    width: 222px;
    border: none !important;
    background: none;
}
#product-tabs.ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 100%;
    background: none;
    border-radius: 0 !important;
    border: none;
    border-bottom: 1px solid #dddddd !important;
}
#product-tabs.ui-tabs-vertical .ui-tabs-nav li a {
    display:block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
#product-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-state-active {background-color: #FFFFFF; border-right-color: #FFFFFF; }
#product-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-state-hover {background-color: #D5D5D5;}
#product-tabs.ui-tabs-vertical .ui-tabs-panel { background: #ffffff; margin-left: 222px; padding: 20px; border: none; font-size: 16px; line-height: 1.4;}
#product-tabs.ui-tabs-vertical .ui-tabs-panel ul {margin-left: 0; padding-left: 14px;}
#product-tabs.ui-tabs-vertical .ui-tabs-panel ul ul{list-style: circle; margin-bottom: 0 !important;}

#product-tabs .product_features, #product-tabs .product_features tbody {border: none !important;}
#product-tabs .product_features td {vertical-align: top; border: none !important; padding-bottom: 10px;}

#product-tabs #tabs-product-photos .field-name-field-photo .field-item {float: left; margin: 10px;}
#product-tabs #tabs-product-photos .field-name-field-photo .field-item img {padding: 0 !important;}

/**
 * TOP Blocks on Product pages
 */
#node-top .block {padding: 0 0 10px;}
#node-top .block .block-inner,
#node-bottom #block-block-14 .block-inner,
#node-bottom #block-block-15 .block-inner   {
    margin-bottom: 0 !important;
    overflow: hidden;
}
/*#node-top .block .block-inner  img,*/
#node-bottom #block-block-14 .block-inner  img,
#node-bottom #block-block-15 .block-inner  img {
    height: 100px;
    max-width: none;
}

/**
 * BOTTOM Blocks on Product pages
 */
#node-bottom h2.block-title {
    margin-bottom: 10px !important;
    font-size: 18px !important;
    text-transform: uppercase;
}

#node-bottom #block-block-7 {float: left;}
#node-bottom #block-block-8,
#node-bottom #block-block-16 {float: right;}

#node-bottom #block-block-7,
#node-bottom #block-block-8,
#node-bottom #block-block-16 {
    width: 340px;
    padding: 40px 0;
    margin: 0;
    background: none !important;
}
#node-bottom #block-block-14,
#node-bottom #block-block-15 {
    background: none !important;
}

#node-bottom #block-block-7 .block-inner,
#node-bottom #block-block-8 .block-inner,
#node-bottom #block-block-16 .block-inner {
    background: #F7F7F7;
    border: 1px solid #FFFFFF;
    max-width: 98.5862%;
    padding: 10px;
    -webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.2);
    -moz-box-shadow:1px 1px 5px rgba(0,0,0,0.2);
    box-shadow:1px 1px 5px rgba(0,0,0,0.2);
}

#node-bottom #block-block-7 .content,
#node-bottom #block-block-8 .content,
#node-bottom #block-block-16 .content,
#node-bottom #block-block-14 .content,
#node-bottom #block-block-15 .content {
    margin-bottom: 5px;
}
#node-bottom #block-block-14 .content p,
#node-bottom #block-block-15 .content p {
    margin-bottom: 0;
}

#node-bottom #block-block-7 a.learn-more-link,
#node-bottom #block-block-8 a.learn-more-link,
#node-bottom #block-block-16 a.learn-more-link {
    float: right;
    width: auto !important;
}

#node-bottom #block-block-9 {
    clear: both;
}

#block-block-10 {padding-bottom: 20px !important;}

/**
 * RIGHT Blocks on Product pages
 */
#region-sidebar-second h2.block-title {
    margin-bottom: 10px !important;
    font-size: 14px !important;
    font-weight: bold;
    text-transform: uppercase;
}
#region-sidebar-second .block-product-series-list .view-content ul li.views-row {
    background: url("../images/skyhawke/sidebar_divider.png") repeat-x scroll 0 bottom transparent !important;
    list-style: none;
    padding: 10px 0 !important;
    margin: 0 !important;
}


/* Partnerships Page
-------------------------------------------------------------- */
.page-partnerships #region-content #block-system-main {padding-top: 0 !important;}
.view-partnerships .view-header {padding-bottom: 20px;}

.view-partnerships .views-view-grid,
.view-partnerships .views-view-grid td {
    border: none !important;
    padding: 0 0 40px 0 !important;
    background: none !important;
}
.view-partnerships .views-view-grid td.col-1 {
    padding-right: 15px !important;
}
.view-partnerships .views-view-grid td.col-3 {
    padding-left: 15px !important;
}

.view-partnerships .views-view-grid .views-field-title {
    color: #333333;
    margin: 0 0 5px;
    padding: 5px 0 0 3px;
    font-size: 14px !important;
}
.view-partnerships .views-view-grid .views-field-field-content {
    color: #666666;
    font-size: 12px;
    height: 115px;
    padding: 20px 0 0 10px;
}

/*#block-block-17 {padding-top: 60px;}*/


/* SkyPro - General Carousel
-------------------------------------------------------------- */
.skypro_carousel_wrapper,
.carousel-details {
    float: left;
}

.skypro_carousel_wrapper {
    bottom: auto;
    display: block;
    float: left;
    left: auto;
    margin: 0;
    overflow: hidden;
    position: relative;
    right: auto;
    text-align: center;
    top: auto;
    z-index: auto;
}
.skypro_carousel img {
    display: block;
    float: left;
}

.carousel-indicators {
    list-style-type: none !important;
    padding-left: 0;
    position: absolute;
}
.carousel-indicators li {
    float: left;
    margin-right: 10px;
}
.carousel-indicators a {
    display: block;
    height: 11px;
    width: 11px;
    background: #b3b4b6;
    border-radius: 5px;
    text-decoration: none;
    outline: none;
}
.carousel-indicators a.active {
    background: #0075BF !important;
}
.carousel-details {
    list-style-type: none !important;
    padding-left: 0;
    margin-left: 0 !important;
    text-align: left;
}
.carousel-details li {
    margin-bottom: 35px;
}
.carousel-details .info-heading {
    cursor: pointer;
}
.info-heading {
    display: inline-block;
    margin-bottom: 2px;
    font-size: 18px;
    font-weight: 600;
}
.info-heading.active {
    color: #0075BF;
}


/* SkyPro Intro
-------------------------------------------------------------- */
.flow {
    position: relative;
    height: 280px;
}
.flow .next-arrows {
    position: absolute;
    top: 85px;
    height: 44px;
    width: 29px;
    background: url('/sites/default/files/arrow.svg') top center no-repeat;
    background-size: contain !important;
}
.flow .next1 {
    left: 260px;
}
.flow .next2 {
    left: 660px;
}
.flow > .step {
    height: 240px;
    width: 245px;
    position: absolute;
    top: 0;
    background-size: 168px !important;
}
.flow .details {
    display: block;
    margin-top: 188px;
    text-align: center;
}
.flow > .step1 {
    left: 0;
    background: url('../images/skyhawke/skypro/intro_collectdata.svg') top center no-repeat;
}
.flow > .step2 {
    left: 355px;
    background: url('../images/skyhawke/skypro/intro_chart.svg') top center no-repeat;
}
.flow > .step3 {
    left: 710px;
    background: url('../images/skyhawke/skypro/intro_app.svg') top center no-repeat;
}
.step {
    line-height: 1.3;
}

/* SkyPro Intro - Capture
-------------------------------------------------------------- */
.unique-information {
    background: url('../images/skyhawke/skypro/static_phone.png') -80px -8px no-repeat;
    height: 630px;
    width: 100%;
    text-align: left;
    margin: 50px 0;
    position: relative;
}
.unique-information .instant-feedback-wrapper {
    position: absolute;
    padding-left: 76px;
    padding-top: 81px;
}

.unique-information ul {
    list-style-type: none !important;
    margin-left: 0 !important;
    padding: 38px 0 0 400px;
    width: 460px;
}

.unique-information li {
    font-size: 14px;
    margin-bottom: 35px;
    height: 70px;
}
.unique-information .info-content {
    margin: 0;
    padding-left: 20px;
    width: 370px;
    float: left !important;
}
.unique-information .unique-icon {
    background: url('../images/skyhawke/skypro/skypro_capture_icons_sprite.png') no-repeat;
    height: 70px;
    width: 70px;
    display: block;
    float: left;
}
.unique-information .walk {
    background-position: 0 -400px;
}
.unique-information .rest {
    background-position: 0 -240px;
}
.unique-information .play {
    background-position: 0 -160px;
}
.unique-information .other {
    background-position: 0 -80px;
}
.unique-information .time-together {
    background-position: 0 -320px;
}

/* SkyPro - Groove
-------------------------------------------------------------- */
.activities {margin-top: 20px; position: relative;}
.activities .skypro_carousel_wrapper {
    height: 620px;
    width: 520px;
}
.activities .skypro_carousel_wrapper .jcarousel-container .skypro_carousel li {
    height: 620px;
    width: 520px;
}
.activities .carousel-indicators {
    left: 195px;
    top: 600px;
}
.activities .carousel-details {
    width: 440px;
    margin-top: 20px;
}

/* SkyPro - Improve
-------------------------------------------------------------- */
.stats {margin-top: 20px; position: relative;}
.stats .skypro_carousel_wrapper {
    height: 700px;
    width: 400px;
    background: url("../images/skyhawke/skypro/big_iphone.png") no-repeat scroll 15px 0 transparent;
    padding-left: 51px;
}
.stats .skypro_carousel_wrapper .jcarousel-container {
    height: 671px;
    width: 330px;
    overflow: hidden;
}

.stats .carousel-indicators {
    left: 170px;
    top: 710px;
}
.stats .carousel-details {
    width: 385px;
    margin-top: 100px;
    margin-left: 100px !important;
}


/* SkyPro - Features
-------------------------------------------------------------- */
.features-list {
    list-style-type: none !important;
    padding-left: 0;
    padding-top: 20px;
}
.features-list .info-heading {
    display: block;
    margin-bottom: 2px;
}
.features-list li {
    float: left;
    width: 195px;
    height: 195px;
    text-align: center;
    background-position: top center;
    background-repeat: no-repeat;
    font-size: 14px;
    margin-bottom: 35px;
    padding: 0 20px;
}
/*.features-list .pad {
    margin-left: 50px;
}*/
.features-list .feature-icon {
    display: block;
    height: 90px;
    margin-left: 58px;
    background-image: url('../images/skyhawke/skypro/skypro_feature_icons_sprite.png');
    background-repeat: no-repeat;
}
.features-list .activity-tracking .feature-icon {
    background-position: 0 0;
}
.features-list .rest-monitoring .feature-icon {
    background-position: 0 -450px;
}
.features-list .time-together .feature-icon {
    background-position: 0 -630px;
}
.features-list .comparison .feature-icon {
    background-position: 0 -180px;
}
.features-list .trends-and-alerts .feature-icon {
    background-position: 0 -720px;
}
.features-list .custom-analytics .feature-icon {
    background-position: 0 -270px;
}
.features-list .veterinary-reports .feature-icon {
    background-position: 0 -810px;
}
.features-list .share-data .feature-icon {
    background-position: 0 -540px;
}
.features-list .mobile-access .feature-icon {
    background-position: 0 -360px;
}
.features-list .wireless-sync .feature-icon {
    background-position: 0 -990px;
}
.features-list .water-resistant .feature-icon {
    background-position: 0 -900px;
}
.features-list .battery-life .feature-icon {
    background-position: 0 -90px;
}


/* SkyPro - Technology
-------------------------------------------------------------- */
.tech-specs-list {
    width: 740px;
    margin: 0 auto 30px;
}
.tech-specs-image {
    text-align: center;
    margin-bottom:40px;
}
.tech-specs-list h3 {
    margin-bottom: 2px;
}
.tech-specs-list ul {
    margin: 0 0 40px;
    list-style-type:none;
    padding:0;
}
.tech-specs-list li {
    font-size: 14px;
    margin:10px 0;
}
.tech-specs-list td {
    vertical-align: top;
    width: 50%;
    margin: 0;
    padding-left:60px;
}


/* SkyPro - Checkpoints
-------------------------------------------------------------- */
.view-checkpoints hr {margin-top: 0;}
.view-checkpoints {margin-top: 70px;}
.view-checkpoints .views-view-grid {margin-bottom: 50px;}
.view-checkpoints .views-view-grid td.col-last {
    padding-left: 20px !important;
}
.view-checkpoints .views-view-grid {width: 100%;}
.view-checkpoints .views-view-grid td .item-img img,
.view-checkpoints .views-view-grid td .item-img {width: 460px !important;}

h1.checkpoint-category {
    font-size: 28px !important;
    padding-top: 10px;
}
h1.checkpoint-category p {
    display: inline;
    float: left;
    margin-top: 7px;
}

h2.checkpoint-title {
    font-size: 20px !important;
    padding-top: 10px;
}

#views-exposed-form-Checkpoints-page #edit-field-checkpoints-filter-tid {margin: 0 auto !important; width: 300px !important;}
#views-exposed-form-Checkpoints-page .ui-state-default {
    background: #fff !important;
    border-color: #dfdfdf !important;
    float: left;
}
#views-exposed-form-Checkpoints-page .ui-state-active {
    background: #54aff9 !important;
    border-color: #1989df !important;
}
#views-exposed-form-Checkpoints-page .ui-state-default .ui-button-text {
    padding: 5px 45px;
}
#views-exposed-form-Checkpoints-page .ui-state-active .ui-button-text {
    color: #fff !important;
}
#views-exposed-form-Checkpoints-page .views-submit-button {display: none;}


/* SkyPro - Global settings
-------------------------------------------------------------- */
.node-article,
.node-page-checkpoint/*,
.node-page-handbook */{
    margin: 30px 13% 0 !important;
}
.node-page-checkpoint #page-title,
.node-page-handbook #page-title {
    display: none;
}
/*.node-page-handbook * {
    font-size: 16px !important;
    line-height: 24px !important;
}
.node-page-handbook h2.page-header {
    text-align: center;
    font-size: 28px !important;
    line-height: 42px !important;
}
*/

/* SkyPro - FAQ
-------------------------------------------------------------- */
.faq-content .faq-header {font-size: 22px; padding-bottom: 10px;}
.faq-content .faq-question-answer {padding: 10px; margin: 0;}
.faq-content .faq-question-answer .faq-question {
    color: #444444;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    padding: 20px 50px;
    background: url("../images/accordion_plus_ico.png") -1px center no-repeat;
}
.faq-content .faq-question-answer .faq-qa-visible {
    background-image: url("../images/accordion_minus_ico.png");
}
.domain-skypro-skygolf-com #content .faq-content .faq-question-answer .faq-question a {
    margin-top: 2px;
    display: block;
    color: #444444 !important;
    border: none !important;
}
.faq-answer {padding-left: 50px;}
.faq-category-group {padding-bottom: 50px;}
.faq-page-contact-us {
    padding-top: 70px;
    text-align: center;
}
.faq-page-contact-us h3 {
    font-size: 22px;
    padding-bottom: 10px;
}


/* SkyPro Intro - Testimonials
-------------------------------------------------------------- */
#node_footer {margin-top: 50px;}

#node_footer h2 {
    font-size: 28px !important;
    line-height: 42px !important;
    color: #A0A0A0 !important;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 30px;
}

#node_footer .flexslider ul.slides {width: 740px; margin: 0 auto;}

#node_footer .flexslider ul li {
    padding: 70px 0 !important;
    font-size: 18px;
    line-height: 27px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

#node_footer .flexslider ul li .author {font-weight: bold; text-align: right; margin-top: 10px;}


/* Gallery page
-------------------------------------------------------------- */
#portfolio-wrapper {width: 100%;}

.container #portfolio-wrapper .one-third.column {width: 280px !important; margin: 0 20px !important; padding-bottom: 50px !important; display: block !important;}

/* SkyTrak - Features - Overview page
-------------------------------------------------------------- */
.domain-skytrak-skygolf-com .skytrak-overview-header #overview-header-banner {
    padding-bottom: 20px;
}

.domain-skytrak-skygolf-com .skytrak-overview-header .eight.columns {width: 480px;}
.domain-skytrak-skygolf-com .skytrak-overview-header .four.columns {width: 224px;}
.domain-skytrak-skygolf-com .skytrak-overview-header #overview-banner-1 {
    margin-left: 0px;
    margin-right: 0px;
}
.domain-skytrak-skygolf-com .skytrak-overview-header #overview-banner-2,
.domain-skytrak-skygolf-com .skytrak-overview-header #overview-banner-3 {
    margin-left: 16px;
    margin-right: 0px;
}

.domain-skytrak-skygolf-com .skytrak-overview-header .page-header,
.domain-skytrak-skygolf-com .skytrak-overview-header #page-title {padding: 60px 0 40px;}
.domain-skytrak-skygolf-com .skytrak-overview-header .skytrak-measured-parameters {padding-bottom: 30px;}
.domain-skytrak-skygolf-com .skytrak-overview-header .skytrak-measured-parameters .img-content {width: 570px; margin: 0 auto;}
.domain-skytrak-skygolf-com .skytrak-overview-header .skytrak-measured-parameters .img-content img {float: left;}


/* Chart
-------------------------------------------------------------- */
.clear {clear: both;}
#chart_area {
    width: 960px;
    position: relative;
    margin-bottom: 50px;
}

#chart_area ul, #chart_area_cirle .chart_block ul {list-style: disc !important;}

/* styles for history timeline */
#chart_history_area {
    width: 960px;
    /*background: #eeeeee;*/
    background: url("../images/skyhawke/charts/charts-gradient-bg.png") repeat-x scroll 0 top #ffffff;
}
#chart_history_area circle:hover {stroke: #0075BF !important; stroke-width: 2 !important; fill:#0075BF !important;}
#chart_history_area .google-visualization-tooltip {border: 1px solid #fff !important; background-color: #0075BF !important;}

.history_tooltip {
    width: 280px;
    padding: 10px;
    background: #0075BF;
    color: #ffffff;
}
.history_tooltip p {margin: 0! important; padding: 0 !important; color: #ffffff !important;}

/**
 * Styles for timeline
 */
#chart_area .chart_bar {
    float: left;
    position: relative;
}
#chart_area .chart_bar .caption {
    background-image: url("../images/shortcodes/sprites/custom_sprite_5c5e57.png");
    background-position: -747px -247px;
    padding-left: 25px;
    padding-bottom: 10px;
    position: absolute;
    float: left;
}
#chart_area .chart_bar .content {
    background-position: bottom center;
    background-repeat: no-repeat;
    color: #eeeeee;
    position: absolute;
    float: left;
    bottom: 30px;
    margin-bottom: 0;
    cursor: default;
}
#chart_area .chart_bar .without_bg_image {
    background-color: #46473F;
    border-color: #46473F;

    background-image: url("../images/skyhawke/button_overlay.png");
    background-position: 0 -2px;
    background-repeat: repeat-x;
    border-radius: 5px 5px 0 0;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 1px 0 0 rgba(255, 255, 255, 0.1) inset, -1px 0 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    display: inline-block;
    font-weight: normal;
    text-shadow: none;
    margin: 0 10px;
    padding-bottom: 20px;
}
#chart_area .chart_bar .content .inner_content {
    padding: 5px 25px;
    margin: 0;
}
#chart_area .chart_bar .content .inner_content ul {
    margin-left: 0px;
    margin-bottom: 10px;
    padding-left: 15px;
}
#chart_area .chart_bar .content .inner_content * {color: #eeeeee;}
#chart_area .chart_bar_active .content .inner_content * {color: #fff;}
#chart_area .chart_bar .legend {
    position: absolute;
    float: left;
    bottom: 0;
    text-align: center;
    font-size: 16px;
}
#chart_area .bar_first .legend,
#chart_area .bar_last .legend {
    text-align: left;
}
#chart_area .chart_bar_active .legend {
    font-weight: bold;
}
#chart_area .chart_bar_clear {display: none; clear: both; padding-bottom: 30px;}

#chart_area .chart_timeline {
    position: absolute;
    bottom: 27px;
    background: url("../images/skyhawke/charts/legend-timeline-930.png") center center no-repeat;
    height: 35px;
}
#chart_area .chart_timeline .legend_point {
    background: url("../images/skyhawke/charts/legend-point-small.png") center 0 no-repeat;
    height: 35px;
    float: left;
}
#chart_area .chart_timeline .legend_point_hover {
    background-image: url("../images/skyhawke/charts/legend-point-hover-small.png");
}
#chart_area .chart_timeline .first {
    background-position: 20% 0;
}
#chart_area .chart_timeline .last {
    background-position: 75% 0;
}

/**
 * Styles for Circle chart
 */
#chart_area_cirle {height: 700px;}
#chart_area_cirle h2,
#chart_area_cirle .field-name-field-chart-subtitle,
#chart_area_cirle .field-name-field-chart-footer {
    text-align: center;
    text-transform: uppercase;
}
#chart_area_cirle h2 {
    font-weight: bold;
}
#chart_area_cirle .inner_content {
    font-size: 10px !important;
    width: 850px;
    height: 550px;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: default;
}
#chart_area_cirle.light_color * {color: #ffffff;}
#chart_area_cirle.light_color .content * {color: #aaaaaa;}
#chart_area_cirle.light_color .chart_block_active .caption {color: #B6E0F6;}
#chart_area_cirle.light_color .chart_block_active .content * {color: #ffffff;}
#chart_area_cirle .inner_content .right_side,
#chart_area_cirle .inner_content .left_side {
    width: 50%;
    height: 550px;
    float: right;
    position: relative;
}
#chart_area_cirle .inner_content .right_side .chart_1st_column {margin-left: 110px;}
#chart_area_cirle .inner_content .right_side .chart_2nd_column {margin-left: 180px;}
#chart_area_cirle .inner_content .left_side .chart_1st_column {margin-left: 40px; width: 330px;}
#chart_area_cirle .inner_content .left_side .chart_2nd_column {width: 250px;}
#chart_area_cirle .inner_content .chart_2nd_column {padding: 20px 0;}
#chart_area_cirle .inner_content .chart_valign_middle {position: absolute; top: 150px;}
#chart_area_cirle .inner_content .chart_valign_bottom {position: absolute; bottom: 0;}

#chart_area_cirle .chart_block  ul {
    margin-left: 0px;
    margin-bottom: 10px;
    padding-left: 15px;
}
#chart_area_cirle .chart_block .caption {
    font-weight: bold;
    text-transform: uppercase;
    color: #93BEE1;
    margin-bottom: 5px;
}
#chart_area_cirle #light_circle_div {
    width: 350px;
    height: 340px;
    margin: 105px 249px;
    position: absolute;
    border: none;
}
#chart_area_cirle #light_circle {
    background: url('../images/skyhawke/charts/light_circle.png') center center no-repeat;
    width: 65px;
    height: 65px;
    margin: 18px 0 0 70px;
    display: none;
}
#chart_area_cirle #light_circle.circle_1 {
    margin: 15px 0 0 211px;
}
#chart_area_cirle #light_circle.circle_2 {
    margin: 136px 0 0 284px;
}
#chart_area_cirle #light_circle.circle_3 {
    margin: 259px 0 0 212px;
}
#chart_area_cirle #light_circle.circle_4 {
    margin: 257px 0 0 71px;
}
#chart_area_cirle #light_circle.circle_5 {
    margin: 140px 0 0 3px;
}
#chart_area_cirle #light_circle.circle_6 {
    margin: 18px 0 0 70px;
}


/* Search retailers FORM */

/**
 * @file
 * Front-end styling for the display of webforms.
 */

input.webform-calendar {
  display: none;
  padding: 3px;
  vertical-align: top;
}
html.js input.webform-calendar {
  display: inline;
}
.webform-container-inline label {
  display: inline;
  margin-right: 1em;
}
.webform-container-inline div,
.webform-container-inline div.form-item {
  display: inline;
}
.webform-container-inline div.description {
  display: block;
}

.node-webform .webform-client-form {
    margin-top: 20px;
}

.webform-client-form .webform-component {
    margin-bottom: 2px;
    clear: both;
}

.webform-client-form label {
    display: block;
}
.form-search-retailers h1,
.form-search-courses h1 {
    background: transparent url("sites/all/temes/glossy/img/ic_search.png") no-repeat 0 5px;
    padding-left: 50px;
}
.form-search-retailers #edit-submitted-searchtype,
.form-search-retailers #edit-submitted-radius,
.form-search-retailers #edit-submitted-zip {
    width: 140px;
}
.form-search-retailers #edit-submitted-state,
.form-search-retailers #edit-submitted-name,
.form-search-retailers #edit-submitted-city {
    width: 290px;
}

.form-search-retailers  input.form-text,
.form-search-retailers  select,
.form-search-courses  input.form-text,
.form-search-courses  select {
    height: 23px;
    padding: 2px;
}
.form-edit-retailers  select {
    width: 340px;
    height: 25px;
    padding: 4px;
}

.form-search-retailers #webform-component-searchtype,
.form-search-retailers #webform-component-radius,
.form-search-retailers #webform-component-zip {
    width: 150px;
    float: left;
    clear: none;
}
.form-search-retailers #webform-component-state,
.form-search-retailers #webform-component-name,
.form-search-retailers #webform-component-city {
    width: 300px;
    float: left;
    clear: none;
}
.form-search-retailers #webform-component-name {
    clear: left;
}
.form-search-retailers #intro {
    padding-bottom: 10px;
}

#search-retailers-form-results #retailers-list {
    width: 250px;
    float: left;
    padding-right: 20px;
}
#search-retailers-form-results #retailers-list .titled_box_title {
    height: 30px;
    text-align: center;
}
#search-retailers-form-results #retailers-list .container {
    width: 228px;
    height: 400px;
    background: url("sites/all/temes/glossy/img/aside-second-bg.png") repeat-y scroll 0 0 transparent !important;
    padding: 10px;
    border-color: rgba(0, 0, 0, 0.1) rgba(180, 180, 180, 0.2) rgba(180, 180, 180, 0.2);
    border-right: 1px solid rgba(180, 180, 180, 0.2);
    border-style:solid;
    border-width:1px;
    overflow: auto;
}
#search-retailers-form-results #retailers-map {
    width: 650px;
    height: 453px;
    float: left;
}
.marker-infobox {
    border: none;
    position: absolute;
    overflow: hidden;
}
.marker-info-title {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 0 0 5px !important;
}
.marker-info-content {
    margin: auto;
    text-align: left;
    width: 285px;
}

#search-retailers-form-results #search-retailers-table th,
#search-courses-form-results #search-courses-table th {
    text-align: left;
}
#search-retailers-form-results #search-retailers-table,
#search-retailers-form-results #search-retailers-table tr.even,
#search-courses-form-results #search-courses-table tr {
    border-bottom: 1px solid #EEEEEE;
}
#search-retailers-form-results #search-retailers-table tr.row_even td,
#search-courses-form-results #search-courses-table tr.even td  {
    background: #F5F5F5;
}
#search-retailers-form-results #search-retailers-table td {
    border: none !important;
}

#search-retailers-form-results #search-retailers-table .name {
    font-weight: bold;
    text-transform: capitalize;
    width: 25%;
}
#search-retailers-form-results #search-retailers-table .address {
    text-transform: capitalize;
    width: 25%;
}
#search-retailers-form-results #search-retailers-table  .city {
    width: 14%;
}
#search-retailers-form-results #search-retailers-table .state {
    width: 6%;
}
#search-retailers-form-results #search-retailers-table  .zip {
    width: 8%;
}
#search-retailers-form-results #search-retailers-table  .phone {
    width: 12%;
}
#search-retailers-form-results #search-retailers-table  .distance {
    width: 10%;
}
#search-retailers-form-results #search-retailers-table .directions {
    padding: 0 0 8px 5px;
}
#search-retailers-form-results #search-retailers-table .directions a,
#search-retailers-form-results #search-retailers-table .directions a:link,
#search-retailers-form-results #search-retailers-table .directions a:active,
#search-retailers-form-results #search-retailers-table .directions a:visited {
    color: #0075BF !important;
    text-decoration: none;
}

#search-retailers-form-results h2,
#search-retailers-form-results #showing-info,
#search-retailers-form-results #table_pagination,
#search-courses-form-results h2,
#search-courses-form-results #showing-info,
#search-courses-form-results #table_pagination {
    display: inline;
}
#navigation-info {padding-bottom: 10px; height: 20px; width: 930px;}
#navigation-info #showing-info {margin-left: 650px;}
#navigation-info #table_pagination {float: right;}

#search-retailers-form-results .loader,
#search-courses-form-results .loader  {
    position: relative !important;
    margin: 20px 0;
}
#action-links .disabled {
    color: #888888;
}
.form-search-courses input.form-autocomplete {background: none !important;}
/*.form-search-courses input.throbbing {background: url('../img/preloader.png');}*/
/*.ajax-progress .throbber {
    background: url(../img/preloader.png);display:block;left: 50%;margin-left: -17px;margin-top: -17px;position: absolute;top: 50%;height:35px;width:35px;padding:0!important;outline:none!important;border:none!important;background-color:transparent!important;
}*/

#search-retailers-form-results .retailerItem {
    border-bottom: 1px solid #CACACA;
    cursor: pointer;
    overflow: hidden;
    padding: 5px 0;
    position: relative;
    width: 220px;
}
#search-retailers-form-results .markerDiv {
    background: url("sites/all/temes/glossy/img/maps/retailer.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 37px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 32px;
}
#search-retailers-form-results .retailerItem h3 {
    float: left;
    font-size: 14px;
    margin: 0 0 3px 40px;
    padding: 0;
    text-transform: uppercase;
    font-weight: bold;
    width: 180px;
}
#search-retailers-form-results .retailerItem p {
    float: left;
    margin: 0 0 0 40px;
    width: 180px;
}
#search-retailers-form-results .retailerItem a {
    border-style: solid;
    border-width: 0 0 1px 0;
    float: left;
    margin: 0 0 0 40px;
}
.map_close_marker_info {
    width: 20px;
    height: 20px;
    background-color: #f00;
}

#node-webform-126 .title_groups {display: none;}


/* Admin part for moderators
-------------------------------------------------------------- */
.permissions_error {
    color: #ff0000;
    background: url('../../../../../misc/message-16-error.png') no-repeat left center;
    padding-left: 20px;
}
.page-admin-domain-content .sticky-enabled th a, .sticky-table th a { color: #ffffff !important;}
.page-admin-domain-content .sticky-enabled .marker, .sticky-table .marker {color: #ff0000;}
.page-node-edit .form-textarea-wrapper textarea {width: 100%;}
.page-node-edit #edit-actions {margin-top: 20px;}


html body.admin-menu {margin-top: 65px !important;}


/* Homepage elements for different screen resolutions
============================================================= */
@media only screen and (min-width: 1200px) {
    .domain-skypro-skygolf-com .fp-section-hero {background: url("../images/skyhawke/skypro/hero-extrawide.jpg") center top no-repeat !important;}
}

@media only screen and (min-width: 960px) {
    #sgslider  .flexslider {height: 250px !important; overflow:hidden;}
    #portfolio-wrapper {min-height: 250px !important;}
    #sgfooter-columns #region-footer-thirdcolumn {width: 200px !important;}
}

@media only screen and (max-width: 959px) {
    /* Homepage */
    #homepage #brands_columns .one_fourth {border: 1px solid #E5E5E5 !important;}
    #homepage #brands_columns .last_column {float: left !important;}

    /* Blocks */
    #sgfooter-bottom #region-powered {
        float: right;
        margin-top: 5px;
        width: auto !important;
    }

    /* Charts */
    #chart_area {height: auto !important;}
    #chart_area_cirle .inner_content {width: 100%;}

    /* SkyCaddie Content */
    .membership-maps .page-header {padding-top: 20px !important;}

    .product-content .field-product-image {width: 150px;}
    .product-main-info {float: none; margin-left: 170px; width: auto;}
    #product-tabs {width: 100%;}

    /* SkyPro Content */
    .flow > .step {
        height: 200px;
        width: 200px;
        background-size: 120px !important;
    }
    .flow .next-arrows {background-size: 20px !important;}

    .unique-information {background-size: 350px !important;}
    .unique-information .instant-feedback-wrapper {width: 150px !important; padding-left: 25px !important; padding-top: 55px !important;}

    .activities .skypro_carousel_wrapper,
    .activities .skypro_carousel_wrapper .jcarousel-container .skypro_carousel li,
    .activities .skypro_carousel_wrapper .jcarousel-container .skypro_carousel li img {
        height: 358px !important;
        width: 300px !important;
    }
    .stats .skypro_carousel_wrapper {background-size: 200px 350px !important; height: 400px; width: 190px; padding-left: 34px;}
    .stats .skypro_carousel_wrapper .jcarousel-container {
        height: 335px;
        width: 164px;
    }
    .stats .skypro_carousel img {
        height: 348px;
        width: 164px;
    }
    .stats .carousel-details {margin-top: 70px;}

    .post-content-column {width: 590px !important;}

    .node-article, .node-page-checkpoint /*, .node-page-handbook */ {margin: 30px 0 0 !important; }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    /* Homepage */
    .domain-skypro-skygolf-com .fp-section-hero {background-position: -200px !important;}
    .domain-skytrak-skygolf-com .skytrak-fp-section-hero {background-position: -250px !important;}
    .domain-skytrak-skygolf-com .skytrak-fp-section-hero .hero-text-wrapper {padding-left: 170px;}
    .domain-skytrak-skygolf-com .skytrak-fp-section-hero .hero-text {top:340px !important;}
    .domain-skytrak-skygolf-com  .skytrak-fp-section-hero .hero-text h1 {margin-bottom: 10px;}

    #homepage #caption_columns .one_fourth {width: 50%; margin:0 !important; padding-bottom: 20px;}
    #homepage #caption_columns .one_fourth .inner {width: 225px;}
    #homepage #caption_columns .odd .inner {margin-right: 10px; float: right;}
    #homepage #caption_columns .even .inner{margin-left: 10px;}
    #homepage #brands_columns .one_fourth {width: 381px !important;}
    #block-homepage-banners .banner_container h2 {
        font-size: 14px !important;
        line-height: 20px;
        margin-bottom: 10px !important;
    }
    #block-homepage-banners .banner_container {width: 380px;}

    /* Blocks */
    #node-bottom #block-block-7, #node-bottom #block-block-8, #node-bottom #block-block-16 {width: 265px;}

    /* Footer */
    #sgfooter-columns .container .three.columns {width: 235px !important;}
    #sgfooter-bottom #region-copyright {width: 620px !important;}

    /* Charts */
    #chart_history_area , #chart_area {width: 768px !important;}
    #chart_area #chart_bar_clear_3 {display: block;}
    #chart_area .legend {text-align: center !important; margin-left: 0 !important;}
    #chart_area .chart_timeline {display: none;}
    #chart_area_cirle #light_circle_div {margin: 105px 207px;}
    #chart_area_cirle .inner_content .left_side .chart_1st_column {width: 310px;}
    #chart_area_cirle .inner_content .left_side .chart_2nd_column {margin-left: 10px; width: 200px;}
    #chart_area_cirle .inner_content .right_side .chart_1st_column {width: 310px; margin-left: 50px;}
    #chart_area_cirle .inner_content .right_side .chart_2nd_column {width: 190px;}

    /* SkyCaddie Content */
    /*.membership-maps {background-size: 90px !important; background-position: 680px 70px !important;}
    */
    .membership-maps .page-header {text-align: left !important; padding-right: 300px !important;}
    .membership-maps #lpChatButton1 {right: -10px !important;}
    .membership-maps #golf-digest {background-size: 90px !important;}

    /* SkyPro Content */
    .flow {height: 230px;}
    .flow > .step2 {left: 280px;}
    .flow > .step3 {left: 560px;}
    .flow .next-arrows {top: 55px;}
    .flow .next1 {left: 220px;}
    .flow .next2 {left: 520px;}
    .flow .details {
        margin-top: 150px;
    }

    .unique-information ul {padding-left: 280px;}

    .activities .carousel-indicators {
        left: 80px;
        top: 400px;
    }
    .carousel-details {
        width: 385px;
        margin-top: 10px;
    }
    .stats .carousel-indicators {
        left: 75px;
        top: 485px;
    }

    .customers-saying img {width: 380px !important;}

    .features-list li  {width: 210px;}
    .features-list .feature-icon {margin-left: 63px;}

    .view-checkpoints .views-view-grid td img {width: 375px !important;}

    /* Testimonials */
    #node_footer .flexslider ul.slides {width: 570px;}

    /* SkyTrak Content */
    .domain-skytrak-skygolf-com .skytrak-overview-header .eight.columns {width: 380px;}
    .domain-skytrak-skygolf-com .skytrak-overview-header .four.columns {width: 178px;}

    /* Gallery */
	.container #portfolio-wrapper .one-third.column {width: 340px !important;}

}

@media only screen and (max-width: 767px) {
    /* Homepage */
    #homepage #caption_columns .one_fourth {width: 100%; margin:0 !important; padding-bottom: 20px;}
    #homepage #caption_columns .field-name-field-column-text {height: auto !important; padding: 0 0 15px 10px;}
    #homepage #brands_columns .one_fourth {width: 298px !important;}
    #block-homepage-banners .banner_container {width: 298px;}

    .domain-skytrak-skygolf-com .skytrak-fp-section-hero .hero-text {top:340px !important;}
    .domain-skytrak-skygolf-com  .skytrak-fp-section-hero .hero-text h1 {margin-bottom: 10px;}

    /* Blocks */
    #node-bottom #block-block-7, #node-bottom #block-block-8, #node-bottom #block-block-16 {width: 100%;}
    #node-bottom #block-block-8 {padding: 0 0 20px;}

    #node-bottom  .block {padding-bottom: 40px;}
    #node-bottom  .block .block-inner{padding-right: 0 !important; padding-left: 0 !important;}

    /* Footer */
    /*#sgfooter-columns .container .three.columns {width: 210px !important;}*/

    /* Charts */
    #chart_area .chart_bar {padding-top: 20px; height: auto !important;}
    #chart_area .chart_bar .caption, #chart_area .chart_bar  .content, #chart_area .chart_bar  .legend {bottom: 0 !important; position: relative !important;}
    #chart_area .legend {text-align: center !important; margin-left: 0 !important; margin-top: 10px;}
    #chart_area .chart_timeline {display: none;}

    #chart_area_cirle  {height: auto; padding: 0 10px !important;}
    #chart_area_cirle #light_circle_div {display: none !important;}
    #chart_area_cirle .inner_content {background-position: top center;}
    #chart_area_cirle .inner_content .left_side, #chart_area_cirle .inner_content .right_side {width: 100%; height: auto; margin: 0 !important;}
    #chart_area_cirle .inner_content .right_side {padding-top: 370px;}
    #chart_area_cirle .inner_content .chart_block {width: 100% !important; margin: 0 !important; padding: 10px 0 !important; position: relative; top: 0;}
    #chart_area_cirle .field-name-field-chart-footer {padding-bottom: 10px;}

    /* SkyCaddie Content */
    .node-page-skygolf-membership .content-divider-block {height: 40px !important;}
    .membership-clubsg-inner {width: 100% !important;}

    ul.navigation-parts-plans li {height: auto !important;}
    ul.navigation-parts-plans li .learn-more-link {position: relative !important; bottom: 0 !important; margin-top: 10px !important;}

    .membership-success-inner {width: 100% !important;}

    #content .region-content ul.navigation-parts-plans {margin: 0 !important;}
    #product-tabs {background-image: none;}

    /* SkyPro Content */
    .flow {height: 430px;}
    .flow > .step2 {left: 220px;}
    .flow > .step3 {top: 220px; left: 120px;}
    .flow .next-arrows {top: 55px; height: 33px; width: 20px;}
    .flow .next1 {left: 190px;}
    .flow .next2 {top: 275px; left: 120px;}
    .flow .details {
        margin-top: 150px;
    }

    .unique-information {height: auto; background-position: top center;}
    .unique-information ul {padding-left: 0px; padding-top: 430px; width: 100%;}

    .skypro_carousel_wrapper {float: none; margin: 0 auto;}

    .carousel-indicators {
        position: relative !important;
        display: block;
        margin: 0 auto !important;
        left: 0 !important;
        top: 0 !important;
        padding-bottom: 20px;
        padding-left: 10px;
    }
    .carousel-details {
        width: 100% !important;
        float: none;
    }
    .activities .carousel-indicators {width: 126px !important;}

    .stats .skypro_carousel_wrapper,
    .stats .skypro_carousel img {
        height: 350px;
        width: 200px;
    }
    .stats .carousel-indicators {width: 64px !important;}
    .stats .carousel-details {margin-left: 0 !important; margin-top: 20px !important;}

    .customers-saying img {float: none !important; padding: 10px 0 !important;}

    .features-list li {width: 182px; padding: 0 10px;}
    .features-list .feature-icon {margin-left: 50px;}

    .tech-specs-list {width: 100%;}
    .tech-specs-list td {padding-left: 30px;}

    .view-checkpoints .views-view-grid td img {width: 375px !important;}

    .post-content-column {width: 100% !important; float: none;}
    .post-author-photo-column {margin-left: 0 !important;}

    /* SkyTrak Content */
    .domain-skytrak-skygolf-com .skytrak-overview-header .eight.columns {width: 100%; padding-bottom: 20px;}
    .domain-skytrak-skygolf-com .skytrak-overview-header .four.columns {width: 200px !important;}
    .domain-skytrak-skygolf-com .skytrak-overview-header #overview-banner-2 {margin-left: 0px !important; margin-right: 10px !important;}
    .domain-skytrak-skygolf-com .skytrak-overview-header #overview-banner-3 {margin-left: 10px !important; margin-right: 0px !important;}
    .domain-skytrak-skygolf-com .skytrak-overview-header .skytrak-measured-parameters .img-content {width: 100% !important;}
    .domain-skytrak-skygolf-com .skytrak-overview-header .skytrak-measured-parameters .img-content img {height: 86px !important;}

    /* Gallery */
    .container  #portfolio-wrapper .one-third.column {width: 100% !important; margin: 0 !important;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    /* Submenu */
    #navheader-submenu li {width: 125px !important; padding-right: 0 !important;}

    /* Homepage */
    #homepage #caption_columns .caption_img_bg {float: left;}
    #homepage #caption_columns .field-name-field-column-text {float: left; width: 185px;}
    #homepage #caption_columns a.light-lime {width: 100%; margin-top: 0 !important; clear: both;}
    #homepage #brands_columns .one_fourth {width: 207px !important;}
    #block-homepage-banners .banner_container {width: 420px;}

    .domain-skytrak-skygolf-com .skytrak-fp-section-hero {background-position: -400px !important;}

    /* Blocks */
    #region-user-second #block-locale-language {float: right;}

    /* Charts */
    #chart_history_area, #chart_area {width: 420px !important;}

    /* Membership page */
    /*.membership-maps {background-size: 80px !important; background-position: 340px 110px !important;}*/

    .membership-maps #lpChatButton1 {right: 0 !important;}
    .membership-maps #golf-digest {background-size: 80px !important; top: 50px !important; left: 10px !important;}
    .membership-maps .page-header {padding-top: 130px !important;}

    .membership-maps-inner {height: 170px !important;}
    .membership-clubsg {height: 550px !important;}
    .membership-skyrewards {height: 450px !important;}

    ul.navigation-parts-plans li {width: 340px !important;}
    .membership-success-inner {padding-top: 150px !important;}

    /* SkyCaddie Content */
    .flex-direction-nav a {
        width: 30px !important;
        height: 45px !important;
        margin: -22px 0 0 !important;
    }

    .unique-information .instant-feedback-wrapper {padding-left: 140px !important; padding-top: 65px !important;}
    .unique-information .info-content {width: 330px !important;}

    .view-checkpoints .views-view-grid td img {width: 200px !important;}

    /* Testimonials */
    #node_footer .flexslider ul.slides {width: 312px;}
}

@media only screen and (min-width: 569px) and (max-width: 767px) {
    /* Homepage */
    .domain-skypro-skygolf-com .fp-section-hero {background-position: -300px !important;}
}

@media only screen and (max-width: 568px) and (min-width:480px) {
    .domain-skypro-skygolf-com .fp-section-hero {background-position: -400px !important;}
}

@media only screen and (max-width: 479px) {
    #sgheader-mobile {height: 40px !important;}
    #sgheader-mobile a.mobile-icon-menu,
    #sgheader-mobile a.mobile-icon-search {top: 5px !important;}
    #sgheader-mobile #logo {height: 20px; padding-top: 10px !important;}
    .domain-skytrak-skygolf-com #sgheader-mobile #logo {height: 28px !important; padding-top: 5px !important;}

    /* Submenu */
    #navheader-submenu li {width: 135px !important; padding-right: 0 !important;}

    /* Blocks */
    #region-user-first {width: 300px !important;}
    #region-user-second #block-locale-language {float: right;}

    /* Homepage */
    .domain-skytrak-skygolf-com .skytrak-fp-section-hero  {background-position: -500px !important;}
    .domain-skypro-skygolf-com .hero-text-wrapper,
    .domain-skytrak-skygolf-com .skytrak-fp-section-hero .hero-text-wrapper{padding-left: 0 !important;}
    .domain-skytrak-skygolf-com .skytrak-fp-section-hero .hero-text-wrapper .hero-text {width: 100% !important;}
    .domain-skypro-skygolf-com .fp-section-hero {background-position: -580px !important;}

    .hero-text p {width: 200px !important; padding-bottom: 20px !important;}
    #homepage #caption_columns .field-name-field-column-text {width: 100%; height: auto !important;}
    #homepage #caption_columns a.light-lime {width: 100%; padding-top: 15px; clear: both;}


    /* Footer */
    /*#sgfooter-columns .container .three.columns {width: 300px !important;}*/

    /* Charts */
    #chart_history_area, #chart_area {width: 300px !important;}
    #chart_area_cirle .inner_content {background-size: 100%;}
    #chart_area_cirle .inner_content .right_side {padding-top: 300px;}

    /* Membership page */
    /*.membership-maps {background-size: 70px !important; background-position: 230px 160px !important;}*/
    .membership-maps #lpChatButton1 {right: 0 !important; width: 220px !important;}
    .membership-maps #golf-digest {background-size: 70px !important; top: 50px !important; left: 10px !important; height: 120px !important; width: 80px !important; }
    .membership-maps .page-header {padding-top: 120px !important;}

    .membership-maps-inner {height: 230px !important;}
    .membership-clubsg {height: 570px !important;}
    .membership-skyrewards {height: 600px !important;}
    .membership-skyrewards-list {width: 100% !important; float: none !important;}
    ul.navigation-parts-plans li {width: 230px !important;}
    .membership-success-inner {padding-top: 100px !important;}

    /* SkyCaddie Content */
    .flex-direction-nav a {
        width: 20px !important;
        height: 35px !important;
        margin: -18px 0 0 !important;
    }
    #product-tabs .product_features td {width: auto;}
    #product-tabs .product_features td img {width: 100px; padding-right: 10px;}
    #product-tabs #tabs-product-videos {padding: 3px;}

    /* SkyPro Content */
    .flow {height: auto;}
    .flow > .step {position: relative; top: 0; left: 0; width: 300px; height: 150px; background-position: 150px 0;}
    .flow .details {position: absolute; margin-left: 10px; margin-top: 50px;}
    .flow .next-arrows {
        position: relative;
        left: 0;
        top: 0;
        background-image: url('/sites/default/files/arrow-down.png');
        background-size: 18px !important;
        width: 28px;
        height: 18px;
        margin: 20px auto;
    }

    .unique-information .instant-feedback-wrapper {padding-left: 80px !important; padding-top: 65px !important;}
    .unique-information li {height: auto !important;}
    .unique-information .info-content {width: 210px !important;}

    .customers-saying img {width: 280px !important;}

    .features-list li {width: 300px; padding: 0;}
    .features-list .feature-icon {margin-left: 105px;}

    h1.checkpoint-category {font-size: 24px !important; line-height: 40px;}
    h1.checkpoint-category p {margin-top: 0 !important;}
    .view-checkpoints .views-view-grid td {display: block; padding-bottom: 20px;}
    .view-checkpoints .views-view-grid td.col-last {padding-left: 0 !important;}
    .view-checkpoints .views-view-grid td img {width: 300px !important;}

    /* Testimonials */
    #node_footer .flexslider ul.slides {width: 300px;}

    /* SkyTrak Content */
    .domain-skytrak-skygolf-com .skytrak-overview-header .four.columns {width: 140px !important;}
    .domain-skytrak-skygolf-com .skytrak-overview-header .skytrak-measured-parameters .img-content img {height: 62px !important;}

    /** Sync instruction images **/
    #syncDisplayInfo .node-type-internal-content img,
    #syncDisplayInfo .node-type-internal-content iframe {
        max-width: 100%!important;
    }

}


/* Touch changes */
body.touch-device #sgzone-user {display: none !important;}
body.touch-device #sgheader-full {display: none !important;}
body.touch-device #sgheader-mobile {display: block !important;}
body.touch-device #admin-menu {display: none !important;}
html body.touch-device.admin-menu {margin-top: 0 !important;}


/* Mobile changes */
@media only screen and (max-width : 767px),
       only screen and (max-device-width : 767px /*568px*/) {
    #sgzone-user {display: none !important;}
    #sgheader-full {display: none !important;}
    #sgheader-mobile {display: block !important;}
    #admin-menu {display: none !important;}
    html body.admin-menu {margin-top: 0 !important;}

    .domain-skycaddie-skygolf-com .node-page .main-content {
        margin-left: 7% !important;
        margin-right: 7% !important;
    }

    /* Footer */
    #sgfooter-columns .container .three.columns {width: 100% !important; height: auto !important;}
    #sgfooter-columns .region  h5 {
        background: url("../images/skyhawke/mobile-menu-w-dropdown.png") 93% 5px no-repeat;
        cursor: pointer;
        padding: 10px 0;
        margin: 0;
    }
    #sgfooter-columns .region  h5.dropdown-opened {
        background: url("../images/skyhawke/mobile-menu-w-opened.png") 93% 5px no-repeat !important;
    }
    #sgfooter-columns .region  .content {display: none;}
    #sgfooter-columns .block-menu ul.menu li a {padding: 10px 0 10px 20px; margin: 0 !important;}

}

@media only screen and (min-width : 720px) and (-webkit-min-device-pixel-ratio : 2) and (orientation : portrait),
       only screen and (min-device-width : 720px) and (-webkit-min-device-pixel-ratio : 2) and (orientation : portrait),
       only screen and (min-width : 1280px) and (-webkit-min-device-pixel-ratio : 2) and (orientation : landscape),
       only screen and (min-device-width : 1280px) and (-webkit-min-device-pixel-ratio : 2) and (orientation : landscape) {
    .mm-menu h3,
    .mm-menu li,
    .mm-menu #current_language_block {height: 50px !important;}

    .mm-menu h3 {line-height: 50px !important;}

    .mm-menu li a,
    .mm-menu .menu-title-collapsed,
    .mm-menu .languagewidgettext {font-size: 14px !important; line-height: 50px !important;}

    .mm-menu .languagewidgetflag {margin-top: 15px !important;}
    .mm-menu #block-locale-language.has-dropdown, .mm-menu li.has-dropdown {background-position: 93% 6px !important;}
}

@media only screen and (device-width: 320px) {
    #sb-overlay {height: 100%;}
}

@media only screen and (device-width: 320px) and (orientation: landscape) {
    #sb-overlay {height: 100%;}
}

@-ms-viewport {
    width: device-width;
}


/*
namespacing differently for use in drupals content editor
*/
.mobileContentContainer_centered {
			margin-left: 0; margin-right: 0; width: 100%; text-align: center;

		}

.mobileContainer_gray {
	width: 290px; display: inline-block; background-color: gray; padding: 25px 5px; border-radius: 10px;border:2px solid black;
}

.mobileContainer_blue {
	max-width: 500px; display: inline-block; padding: 15px 5px;
}

.mobileContent_ButtonsContainer {
	display: block; margin-left: 0; margin-right: 0; width: 100%; text-align: center;
	padding-top:15px;
}
.mobileContent_button {
	display: inline-block; width: 270px; background-color: blue; color: white; font-weight: bold; font-size: 14px; padding: 5px; border-radius: 25px; line-height: 1.2em;margin-top:15px;border:1px solid black;
}
.mobileHeading_white {
	display:block;
	color: white; font-weight: bold; font-size: 18px; line-height: 1.2em;
}

.mobileHeading_icon_container {
  display: inline-block; height: 30px;width:30px; text-align: left; vertical-align: top; margin-right:10px;margin-left:5px;
}

.mobileHeading_white_small {
	display:inline-block;
	font-weight: bold; font-size: 16px; line-height: 1.2em;padding-top:5px;
}

.mobileHeading_white_medium {
	display:block;
	font-weight: bold; font-size: 20px; line-height: 1.2em;padding-top:20px;padding-left:5px;text-align:left;
}

.mobileHeading_container {
	text-align:left;
	vertical-align:middle;
}

.mobileContent_button_icon_container {
	display: inline-block; height: 50px;width:50px; text-align: left; vertical-align: top; padding-right:5px;
	margin-left:0;margin-right:0;text-align:center;vertical-align:middle;
}
.mobileContent_button_text {
	display: inline-block; text-align: left; width: 185px; vertical-align: middle;
}
.icon_bluetooth {
	background: url('/images/common/website/bluetoothicon.png') no-repeat;
	background-size:34px 50px;

}

.icon_usb {
	background: url('/images/common/website/usbicon.png') no-repeat;
	background-size:34px 50px;

}

.icon_copy {
	background: url('/images/common/website/copyicon.png') no-repeat;
	background-size:30px 30px;

}

.mobile span.grey {color:#CCCCCC;}

.mobileContent-strong {
	font-weight:bold;color:black;
}

.mobileContent-block {
	display:block;
}

.mobileContent-feux-link {
	color:blue;text-decoration:underline;
}

.mobileESNContainer {
	margin-left:0;
	margin-right:0;
	margin-top:4px;
	text-align:center;
	width:100%;

}


.mobileVerifyContainer {
	padding-left:20px;color:#cccfd1;padding-top:7px;font-size:14px;text-align:left;
}

.greenSpace {
	background-color: #B0C604;
	height: 3px;
}

.orDiv {
	height: 2px;
	background-color: #78831A;
	text-align: center;
	margin-top: 26px;
	color: #2c2c2a;
}

.orSpan {
	background-color: #BDD600;
	position: relative;
	top: -0.5em;
	padding: 0 5px;
}

.tourDiv {
  color: #2c2c2a;
  font-size: 20px;
  margin: 33px 0px 0px 0px;
  text-align: center;
}

.mobile .deviceStatusContainer {display:inline-block;width:100%;}
.mobile .deviceStatusContainer .step_1,
.mobile .deviceStatusContainer .step_2,
.mobile .deviceStatusContainer .step_3,
.mobile .deviceStatusContainer .step_4,
.mobile .deviceStatusContainer .step_5,
.mobile .deviceStatusContainer .step_6,
.mobile .deviceStatusContainer .step_7,
.mobile .deviceStatusContainer .step_8,
.mobile .deviceStatusContainer .step_9,
.mobile .deviceStatusContainer .step_10,
.mobile .deviceStatusContainer .step_11
{height:30px;line-height: 18px;}

.mobile .deviceStatusContainer .icon {background: url('/images/common/website/sync_inactive.png') no-repeat; background-size:18px 18px;
    width:18px; height: 18px; display: inline-block; float: left;background-repeat: no-repeat; margin-right:10px;}
.mobile .deviceStatusContainer .unavailableIcon {background: url('/images/common/website/sync_unavailable.png') no-repeat; background-size:18px 18px;
    width:18px; height: 18px; display: inline-block; float: left;background-repeat: no-repeat; margin-right:10px;}

.mobile .deviceStatusContainer .processing {background: url('/images/common/website/sync-icon-blue.gif') no-repeat;background-size:18px 18px;}
.mobile .deviceStatusContainer .done {background: url('/images/common/website/sync_ok_active.png') no-repeat;
	background-size:18px 18px;
	width:18px; height: 18px; display: inline-block; float: left;background-repeat: no-repeat;}
.mobile .deviceStatusContainer .failed {background: url('/images/common/website/sync_failed_active.png') no-repeat;
	background-size:18px 18px;
	width:18px; height: 18px; display: inline-block; float: left;background-repeat: no-repeat;}

.unavailableText {
    color: #eee;
}

.deviceStatusContainer .note {
    color: rgb(129, 127, 127);
    font-size: 12px;
    margin: 20px 0px;
    text-align: left;
}

@media only screen and (device-width: 320px) {
 	.mobile #appsList {padding: 3.1%; width:100%;text-align:left;}
}
@media only screen and (min-device-width: 321px) and (orientation : portrait){
 	.mobile #appsList {padding: 5% 7%; width:100%;text-align:left;}
}

@media only screen and (min-device-width: 321px) and (orientation : landscape){
    .mobile #appsList {padding: 4%; width:100%;text-align:left;}
}

@media only screen and (device-width: 768px) and (orientation : portrait) {
 	.mobile #appsList {padding: 3% 10%; width:100%;text-align:left;}
}
@media only screen and (device-width: 768px) and (orientation : landscape) {
 	.mobile #appsList {padding: 2% 10%; width:100%;text-align:left;}
}

.mobile #appsList .appItem {
	background-color: #FFFFFF;
	background-position: 70% center;
	background-repeat: no-repeat;
	background-size: 80px 80px;
	border: 1px solid #CCCCCC;
	border-radius: 10px;
	display: inline-block;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 6%;
	height: 80px;
	padding: 5px 20px 5px 5px;
	position: relative;
	text-align: center;
	width: 80px;
}

.mobile #appsList #skycaddie {background: url('/images/common/website/SkyCaddieMobile.png') no-repeat; background-size:80px 80px}
.mobile #appsList #skypins {background: url('/images/common/website/Skypin.png') no-repeat; background-size:80px 80px}
.mobile #appsList #skypro {background: url('/images/common/website/SkyCaddieMobile.png') no-repeat; background-size:80px 80px}
.mobile #appsList #skytrak {background: url('/images/common/website/Skypin.png') no-repeat; background-size:80px 80px}
.mobile #appsList #boxgroove {background: url('/images/common/website/SkyCaddieMobile.png') no-repeat; background-size:80px 80px}

.mobile ul.select-list li {position: relative;}
.mobile ul.select-list li a.close { display: block; position: absolute; width: 22px; height: 22px; right: 0; top: 0; background-color: transparent; background-color: rgba(255, 255, 255, .7); background-image: url(/images/publish_x.png); background-position: 50% 50%; background-repeat: no-repeat; }

.mobile #maincontainer #pageContainer #mobileFooterButtonContiainer .genericsubmitdiv #mobileFooterButton.footerLinkButton {
	color:#bdd600;
	font-size:18px;
	padding-top:6px;
	text-align:center;
}


 .grayborder {
	-webkit-box-shadow: 0px 0px 1px 1px rgba(136,136,136,1);
	-moz-box-shadow: 0px 0px 1px 1px rgba(136,136,136,1);
	box-shadow: 0px 0px 1px 1px rgba(136,136,136,1);

}

.mobile #maincontainer #holevue .holeVueSpinner {
	background: url('/images/loader.gif') no-repeat center;
	background-size: 25px 25px;
	width:100%;
	height:100%;

}
.mobile #maincontainer #holevue  #imgHoleVue {
	display:none;
}
.mobile #maincontainer #scoreContainer {
	width:100%;
	margin-left: auto;
    margin-right: auto;
    text-align: center;
    z-index: 1000;
    background-color: #fff;
}


.mobile #maincontainer #scoreContainer #holevueContainer {
	display: block;
	padding: 10px;
	text-align:center;
}

#scContainer table td .border-top {
	border-top: 1px solid #aaa;
    position: absolute;
    width: calc(200% + 16px);
    margin-top: -6px;
    margin-left: -2px;
}

#scContainer table td .border-bottom {
	border-top: 1px solid #aaa;
    position: absolute;
    width: calc(200% + 16px);
    margin-top: 52px;
    margin-left: -2px;
}

.mobile #maincontainer #scoreContainer #holevueContainer .statsColumn {
	display:inline-block;
	vertical-align: top;
	width:50%;
	padding:0px 0px 0px 10px;
}
.mobile #maincontainer #scoreContainer #holevueContainer .statsColumn .statsRow {
	display:block;
	padding-bottom: 2px;
	text-align:center;
}

.mobile #maincontainer #scoreContainer #holevueContainer .statsColumn .statsRow .statLabel {
	display:block;
	color: #444;
    font-size: 18px;
}

.mobile #maincontainer #scoreContainer #holevueContainer .statsColumn .statsRow .statData {
	display:block;
	font-size: 24px;
	font-weight:bold;

}

.mobile #maincontainer #scoreContainer #holevueContainer .statsColumn .statsRow .statsButton {
	padding:2px 4px;
	line-height:30px;
	max-width: 140px;
	margin: 12px auto;
}

.mobile #holeStatsContainer {
	display:block;
	font-size:1.2em;
	margin: -4px 0 0 0;
}

.mobile #holeStatsContainer  .sliderStatsRow{
	display:block;
	text-align:center;
}
.mobile #holeStatsContainer  .sliderStatsRow .holeheader{
	text-shadow : 0 0 0 #000;
}

.mobile #holeStatsContainer  .sliderStatsCol{
	display:inline-block;
	font-size: 16px;
	width:43px;
}


.mobile #maincontainer #scoreContainer #holevueContainer .statsColumn .statsRow .disable {
	background-color:#eee;
	color:#aaa;
	border:1px #ccc solid;
}

.mobile #maincontainer #scoreContainer #holevueContainer .statsColumn .statsRow .disable:hover {
	background-color:#eee!important;
	border:1px #ccc solid!important;
}

.mobile #maincontainer #scoreContainer #holevueContainer #holevue {
	display:inline-block;
	position: relative;
	-webkit-box-shadow: 0px 0px 1px 1px #444;
	-moz-box-shadow: 0px 0px 1px 1px #444;
	box-shadow: 0px 0px 1px 1px #444;
}

.mobile #holeVueFull .slider,
.mobile #holevue .slider {
    display: inline-block;
	overflow: hidden;
	background: url("/images/loader.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
}

#holevue .slider .content{ position: relative; }

#holeVueFull .fullPage,
#holevue .page {
	float: left;
    background-repeat: no-repeat;
    background-size: cover;
}

.mobile #maincontainer #scoreContainer.phone #holevue div.page {
	width: 140px;
    height: 255px;
	background-position: 50% center !important;
}

.mobile #maincontainer #scoreContainer.tablet #holevue div.page {
	width: 289px;
    height: 525px;
}

.mobile #maincontainer #scoreContainer.desktop #holevue div.page {
	width: 165px;
    height: 300px;
}


.mobile #maincontainer #scoreContainer #scContainer {
	padding: 0 10px 10px 10px;
}

.mobile #maincontainer #scoreContainer #sc {
	width:inherit;
	overflow:auto;
	background-color:white;
	border:1px solid #ccc;
	margin-left:auto;
	margin-right:auto;
	position:relative;

}
.mobile #maincontainer #scoreContainer .holeTable td {
	min-width: 26px;
	height: 22px;
}
.mobile #maincontainer #scoreContainer .holeTable td.holeSelected{
	border-left:4px solid #00a0ec;
	border-right:4px solid #00a0ec;
	/*-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	*/
}
.mobile #maincontainer #scoreContainer .holeTable td.holeSelected.top {
	border-top:4px solid #00a0ec;
	padding-bottom:5px;
	/*-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	*/
}



.mobile #maincontainer #scoreContainer .holeTable td.holeSelected.bottom {
	border-bottom:4px solid #00a0ec;
	transition: display .5s ease;
	/*-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	*/
}

.mobile #maincontainer #scoreContainer .holeTable td.verticalSpacer {
	margin-top:4px;
	margin-bottom:4px;
	visibility:hidden;
	width:0px;
}


.mobile #maincontainer #scoreContainer.desktop #holevueContainer .statsColumn,
.mobile #maincontainer #scoreContainer.tablet #holevueContainer .statsColumn {
	display:inline-block;
	vertical-align: top;
	width:50%;
	padding:0px 0 0px 10px;
}


.mobile #maincontainer #scoreContainer.tablet #holevueContainer .statsColumn .statsRow {
	padding-bottom:30px;
}

.mobile #maincontainer #scoreContainer.tablet #holevueContainer .statsColumn .statsRow .statLabel {
	display:block;
	color: #444;
    font-size: 30px;
	padding-bottom: 10px;
}


.mobile #maincontainer #scoreContainer.tablet #holevueContainer .statsColumn .statsRow .statData {
	display:block;
	font-size: 36px;
	font-weight:bold;

}

.mobile #maincontainer #pageContainer #mobileHeader #launchpadButton.share {
	background-image: url('/images/icons/ios/icons_share_white.png');
	background-size: 22px 30px;
	margin-right:5px;
}

.mobile #maincontainer #pageContainer #mobileHeader #launchpadButton.share.phone {
	margin-right:0;
}

.mobile #scoreSocial {
	display:none;
	background: none repeat scroll 0 0 #fff;
    border: 2px solid #333333;
    border-radius: 15px;
    height: 105px;
    left: 40%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    text-align: center;
    bottom: 62px;
    width: 265px;
}

.mobile #maincontentarea  #scoreContainer.phone #scoreSocial {
	left: 5%;
	margin-top:25px;
}

.mobile #maincontentarea  #scoreContainer.desktop #scoreSocial,
.mobile #maincontentarea  #scoreContainer.tablet #scoreSocial {
	top: 25%;
}

.mobile #scoreSocial .socialButtonsContainer {
	display:block;
	padding-top:15px;
}

.mobile #scoreSocial .socialButtonsContainer div.socialButton {
	background-size: 47px 47px;
    cursor: pointer;
    display: inline-block;
    height: 47px;
    margin: 0 20px 10px;
    width: 47px;
}

#scoreSocial .socialButtonsContainer div.socialButton.facebook {
	background-image:url('/images/icons/ios/facebook.png');
	float: left;
	color: #fff;
    text-shadow: 1px 1px #000;
}

#scoreSocial .socialButtonsContainer div.socialButton.twitter {
	background-image:url('/images/icons/ios/twitter.png');
	color: #fff;
    float: left;
    text-shadow: 1px 1px #000;
}

#scoreSocial .socialButtonsContainer div.socialButton.email {
	background-image:url('/images/icons/ios/email.png');
	color: #fff;
    float: left;
    text-shadow: 1px 1px #000;
}

.mobile #scoreSocial .socialCancel a {
	font-size:16px;
	padding-top:5px;
	text-decoration: none;
}

.mobile #shareError {
	font-weight:bold;padding:10px;color: red;
}


#holevue .slider .content{
transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
}

#hvImageNA {
	display:none;
}

.mobile #goTop {
	background-image: url("/images/gotop.jpg");
    background-repeat: no-repeat;
    background-size: 40px auto;
    border-radius: 5px;
    bottom: 57px;
    cursor: pointer;
    display: none;
    height: 40px;
    left: 5px;
    opacity: 0.6;
    position: fixed;
    width: 40px;
    z-index: 99999;
}

.mobile .holevueImage {
	background-repeat: no-repeat!important;
	background-color:#ccc;

}

.mobile #coolWinBackground {
	background-color: #000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.4;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5000;
}

.mobile #coolWinBox {
	background-color: #ffffff;
    display: none;
    overflow: hidden;
    position: absolute;
    text-align: left;
    z-index: 5001;
	width: 50%;
	border-radius: 5px;
}

.mobile #coolWinTitle {
    background-color: #333;
    border-bottom: 1px solid #aaaaaa;
    color: #fff;
    font-size: 18px;
    height: 37px;
    padding: 6px 4px 0 8px;
}

.mobile #coolWinContent {
    overflow: auto;
	height: 100px;
	padding: 10px;
}

.mobile #coolWinControl {
    background-color: #eee;
    border-top: 1px solid #aaaaaa;
    font-size: 18px;
    height: 47px;
    padding: 8px;
    text-align: center;
}

.mobile #coolWinBox #coolWinControl .button {
	background-color: #bed600;
    border: 1px solid #b3cf00;
    border-radius: 5px;
    color: #222222;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    margin-top: 0;
    padding: 2px 4px;
    text-align: center;
	height: 30px;
	width: 40px;
}

#lblNoShot {
	color: #000;
    font-size: 18px;
    height: auto;
    left: 0;
    margin: 50% auto auto;
    position: absolute;
    text-shadow: 1px 1px 1px #fff;
    bottom: 0;
    width: 100%;
    z-index: 999;
	display: none;
}

#lblLastUpdate {
	color: #ccc;
    font-size: 11px;
    height: auto;
    left: 0;
    position: absolute;
    text-shadow: 1px 1px 1px #000;
    bottom: 4px;
    width: 100%;
    z-index: 999;
	display: none;
}

.blur {
	-webkit-transition-timing-function: linear;
    transition-timing-function: linear;
	-webkit-animation: fadein linear 1.5s;
	animation: fadein linear 1.5s;
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	filter: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQoJPGZpbHRlciBpZD0iYmx1ciI+DQoJCTxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiIC8+DQoJPC9maWx0ZXI+DQo8L3N2Zz4=#blur);
}

#logoutSG360, #filter, #nextButton {
	border: 1px solid #fefefe;
    color: #fefefe;
    cursor: pointer;
    font-size: 11px;
    font-weight: normal;
    height: 17px;
    line-height: 17px;
    margin-right: 4px;
    margin-top: 7px;
    padding: 2px 9px;
    text-transform: uppercase;
}

#mobileMenuButton {
    height: 25px;
    width: 30px;
    color: #fefefe;
    text-align: center;
    padding: 8px 10px 10px 10px;
    font-size: 30px;
}

#mobileAvatar {
    width: 75px;
    height: 75px;
    text-align: center;
	margin: 0px auto 15px auto;
	border-radius: 50%;
    border: 5px solid #fff;
	overflow: hidden;
}

#mobileCloseMenu {
    color: #fff;
    font-size: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
}

#mobileShortcut {
    text-transform: uppercase;
}

#mobileShortcut i {
    color: #aac500;
}

#mobileShortcut > div {
    flex: 1 33%;
    text-align: center;
}

#mobileShortcut > div > div {
    margin-bottom: 10px;
}


#mobileMenuButton:active,
.mobileMenuItem:hover {
    background-color: #aac005;
}

#mobileCloseMenu:hover {
    background-color: #aac005;
    border-radius: 50%;
}

#mobileBackground {
    width: 100%;
    height: 100%;
    opacity: 0.5;
	background-color: #000;
    z-index: 9999;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
}

#mobileMenu {
    width: calc(90% - 40px);
    z-index: 9999;
    background: #303030;
    position: fixed;
    padding: 20px;
    color: #fff;
    height: calc(100% - 40px - constant(safe-area-inset-top));
    height: calc(100% - 40px - env(safe-area-inset-top));
    overflow: auto;
    /*top: 0px;*/
    top: calc(constant(safe-area-inset-top));
	top: calc(env(safe-area-inset-top));
    max-width:500px;
    right: -90%;
}

.mobileMenuGroup {
    font-family: Magistral;
    color: #aac005;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: .5px;
    border-bottom: 1px solid #aac005;
    padding-bottom: 5px;
    padding-top: 12px;
    margin-bottom: 5px;
	position: relative;
}

.mobileMenuItem {
    font-size: 15px;
    padding: 12px 0px;
}
.bb-1 {
	border-bottom: 1px solid #7a7a7a;
}
.mb-4 {
	margin-bottom: 4px;
}
.mobile #mobileHeader #nextButton {
    background-image: url("/images/common/website/nextIcon.png");
    background-position: 90% 60%;
    background-repeat: no-repeat;
    background-size: auto 13px;
	padding: 2px 17px;
}

#leftActionContainer {
	display: inline-block;
    left: 0;
    position: absolute;
    top: 0px;
	z-index: 9999;
}

.group {padding: 10px;}
.group #avatar {
	cursor: pointer;
    text-align: center;
}

.mobile .group #avatar img {
	width: 75px;
}

.group #info {
    text-align: center;
}
.group #info .title{
    font-weight: 600;
}
.group #info .button_link {
  width: 250px;
  margin: 0 auto;
}
.group #info .message {
   margin-top: 10px;
}
.group #info .largerText {
    font-size: 24px;
    font-family: "Magistral";
}
.group #info .h2-header {
    margin: 0;
}

.group .largerText {padding-bottom: 5px; padding-top: 10px; font-size: 20px;}
.clickable {
	background-image: url("/images/common/website/mobilenextBlack.png");
    background-position: 100% 75%;
    background-repeat: no-repeat;
	background-size: 9px 9px;
    clear: both;
    display: inline-block;
    padding: 5px 5px 5px 0px;
	margin-bottom: 5px;
    position: relative;
    vertical-align: middle;
    width: 100%;
	cursor: pointer;
}

.filterOptions .clickable {
	padding: 17px 5px 5px 0px;
}

.clickable.down {
	background-image: url("/images/common/website/mobiledownBlack.png")!important;
	/*background-position: 100% 50%;*/
}

.group .title {
	font-size: 20px;
    font-family: Magistral !important;
}

.blue { color: #5D9EDF;}
.green { color: #AFC603;}

.subItemText {color: #333333; font-size: 12px; }
.group .message {padding: 2px 0px;}
.group .rightGroup {float: right; margin-right: 12px;}
.group .leftGroup {float: left; max-width: 77%; }

.group .subGroup {
	background-image: url("/images/common/website/mobilenextBlack.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
	background-size: 9px 9px;
    border-bottom: 1px dotted #848484;
    cursor: pointer;
    display: inline-block;
    padding: 7px 5px;
    width: 100%;
}

.group .subGroup .text {
	font-size: 16px;
	font-weight: normal;
}

.mobile .link {cursor: pointer; padding-top: 10px;}

.mobile .more {
	border-radius: 3px;
	font-weight: bold;
	margin: 13px auto 10px;
	padding: 5px 12px;
	text-align: center;
	width: 85px;
}
.mobile .button_link {
    border-radius: 3px;
    border: 1px solid #a4b800;
    border-color: #a4b800;
    background-image: linear-gradient(bottom, #b0c226 0%, #c6db1f 100%);
    background-image: -o-linear-gradient(bottom, #b0c226 0%, #c6db1f 100%);
    background-image: -moz-linear-gradient(bottom, #b0c226 0%, #c6db1f 100%);
    background-image: -webkit-linear-gradient(bottom, #b0c226 0%, #c6db1f 100%);
    background-image: -ms-linear-gradient(bottom, #b0c226 0%, #c6db1f 100%);
    background-color: #a4b800;
    color: #414042;
    cursor: pointer;
    padding: 7px 7px 4px 7px;
    text-transform: uppercase;
    font-family: "Magistral";
    font-size: 14px;
}
.mobile .addNewScore {
    float: right;
    margin: -33px auto 10px;
    text-align: center;
    width: auto;
}

.mobile #myRound .addNewScore {
    margin: -28px auto 10px!important;
}

.mobile .continueButton {
	background-color: #848484;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    padding: 10px 12px;
    text-align: center;
    width: 120px;
	margin: 20px auto;
}

.mobile .deleteButton {
	background-color: #FE0000;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    margin: 13px auto 20px;
    padding: 5px 5px;
    text-align: center;
    width: 180px;
	cursor: pointer;
}

.mobile .changeDateButton {
	background-color: #afc603;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	margin: 13px auto 20px;
	padding: 5px;
	text-align: center;
	width: 180px;
}

.separator {padding: 0 5px; height:1px; width: 100%; background-color: #848484; display: inline-block;}
.spaceTop {margin: 5px 0 0; }

.mobile #changeAvatar {
	background-color: #fff;
    border: 2px solid #AFC603;
    display: none;
    height: auto;
    margin-left: 2%;
    padding: 10px;
    position: absolute;
    top: 200px;
    width: 96%;
	text-align: center;
	z-index: 99999;
}

.mobile .filterButton,
.mobile .button {
    border-radius: 3px;
    border: 1px solid #a4b800;
    border-color: #a4b800;
    background-image: linear-gradient(bottom, #b0c226 0%, #c6db1f 100%);
    background-image: -o-linear-gradient(bottom, #b0c226 0%, #c6db1f 100%);
    background-image: -moz-linear-gradient(bottom, #b0c226 0%, #c6db1f 100%);
    background-image: -webkit-linear-gradient(bottom, #b0c226 0%, #c6db1f 100%);
    background-image: -ms-linear-gradient(bottom, #b0c226 0%, #c6db1f 100%);
    background-color: #a4b800;

    display: inline-block;
    margin: 10px 5px 0;
    padding: 7px 7px 4px 7px;
    text-align: center;
    min-width: 70px;
	cursor: pointer;

	color: #fff;
}

.mobile .button:hover {
	border: 1px solid #AFC603;
	background-color: #AFC603;
}

.mobile #myBags {
    width: 100%;
}

.mobile .selectCourse,
.mobile .optionButton {
	border: 1px solid #848484;
    border-radius: 3px;
    display: inline-block;
    margin: 10px 5px 0;
    padding: 6px;
    text-align: left;
    cursor: pointer;
	background-color: #848484;
	color: #fff;
	width: 95%;
}

.mobile .optionButton.selected {
	border: 1px solid #AFC603;
    background-color: #AFC603;
}

.mobile .slideOption {
	background-color: #ccc;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    margin: 10px;
    width: 42%;
}

.mobile .slideOption .option{
    cursor: pointer;
    display: inline-block;
    padding: 6px;
    text-align: center;
    width: 100%;
}

.mobile .slideOption .option.selected {
	background-color: #afc603;
    border-radius: 5px;
}

.options .title {
	float: left;
	padding: 10px;
	width: 100px;
	font-weight: bold;
	margin-top: 5px;
}

.options .optionGroup {
	width: 100%;
}

.mobile .buttonGreen {
	border: 1px solid #AFC603;
	background-color: #AFC603;
	color: #fff;
    border-radius: 3px;
    display: inline-block;
    margin: 10px 5px 0;
    padding: 6px;
    text-align: center;
    max-width: 100px;
	min-width: 70px;
	cursor: pointer;
}
.mobile .buttonGreen:hover {
	background-color: #fff;
	color: #AFC603;
}

.mobile .options .filterButton {
	width: 45%;
	max-width: 45%;
	text-align: left;
	float: left;
	margin-top: 12px;
}

.mobile #sortBy.options .filterButton {
	margin-top: 21px;
}

.mobile .selectCourse.selected,
.mobile .options .filterButton.selected {
	background-color: #AFC603;
	border: 1px solid #AFC603;
	background-image: url("/images/icons/filter.png");
    background-position: 98% 50%;
    background-repeat: no-repeat;
	background-size: 15px 15px;
}

.mobile .button.selected {
	background-color: #0066cc;
	color: #ffffff;
}

.mobile .button.unselected {
	background-color: #ddd;
	color: #0066cc;
}
.mobile #backScreen{z-index: 9; width:100%;height:100%;position: fixed; top:0px;left:0px; display: none; background-color: #000; opacity:0.5;}

.mobile .item .number {
	background-color: #848484;
    color: #fff;
    float: right;
    font-size: 16px;
    font-weight: bold;
    height: 38px;
    line-height: 38px;
    margin: 5px 0;
    padding: 0;
    text-align: center;
    width: 50px;
    border-radius: 5px;
}

.mobile .paddingTB {
	padding-top: 5px;
    padding-bottom: 5px;
}

.mobile #lblHoleScore,
.mobile #lblHolePutts,
.mobile #lblHoleFairway {text-align: center; display: inline-block;}

.mobile .combobox {
	background-image: url("/images/icons/arrow_down.png");
    background-position: 90% 50%;
    background-repeat: no-repeat;
    background-size: 10px auto;
    border: 1px solid #ccc;
    border-radius: 2px;
    cursor: pointer;
    font-size: 15px;
    margin: 2px;
    padding: 2px 7px;
    text-align: left;
    width: 47px;
	height: 25px;
}

.mobile .textbox {
	border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 15px;
    margin: 2px;
    padding: 2px 7px;
    text-align: center;
    width: 47px;
	height: 25px;
	float: left;
	cursor: pointer;
}

.mobile #liveRound {display: none;}
.mobile .box {
	background-color: #fff;
    border: 2px solid #afc603;
    display: none;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 44px;
	right:0px;
    width: 100%;
	max-width: 500px;
	z-index: 99;
	height: auto;
	overflow-y:auto;
}

.mobile .outerImage {
	margin-right:10px;
	margin-top:10px
}

.mobile .scoreHeader {
    display: inline-block;
    padding: 10px;
    width: 100%;
	background-color: #ededed;
	text-align: left;
}

.mobile .scoreHeader .leftGroup {
	float: left;
}

.mobile .scoreHeader .rightGroup {
    float: right;
}

.mobile .mediumText {
    font-size: 20px;
}

.mobile .editBox {
	background-color: #ffffff;
    border: 1px solid #afc603;
    display: none;
    margin: 0 3%;
    padding: 0px;
    position: absolute;
    top: 100px;
    width: 94%;
	z-index: 99999;
}

.mobile .editBox .number {
	background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    height: 40px;
    line-height: 30px;
    margin: 5px;
    padding: 5px;
    text-align: center;
    width: 41px;
}

.mobile .editBox .fairway {
	width: 55px;
	height: 58px;
}
.mobile #lblHoleFairway  i {
	margin-top: 8px;
}
.mobile #editFairway i {
	margin: 10px 0;
}
.mobile .editBox .number:hover,
.mobile .controlNumber:hover,
.mobile .editBox .number.selected {
	background-color: #afc603;
    border: 0px solid #afc603;
}
.mobile .editBox .title{
	background-color: #afc603;
    color: #fff;
    font-size: 18px;
    padding: 5px;
    text-align: center;
}

.mobile .controlNumber {
	background-color: #ccc;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 30px;
    height: 30px;
    width: 30px;
	text-align: center;
	cursor: pointer;
}

.mobile .controlNumber.increase {
	margin-left: 5px;
	background-image: url("/images/icons/16x16/plus_black.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 16px auto;
}
.mobile .controlNumber.decrease {
	margin-right: 5px;
	background-image: url("/images/icons/16x16/minus_black.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 16px auto;
}

.mobile .combobox.report {
	background-position: 96% 50%;
    height: 40px;
    padding: 10px;
    text-align: center;
    width: 90%;
	margin: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mobile .box .filterOptions {
	height: 310px;
	overflow-y: auto;
}

.mobile .box .options {
	display: none;
	text-align: left;
}

.mobile #popupContainer,
.mobile .background	{
	height: 100%;
	left: 0;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 999999;
	display: none;
}

.mobile .background {
	background-color: #000;
	opacity: 0;
}

.mobile #popupContainer .option {
	background-color: #fff;
	border-bottom: 1px solid #eee;
	height: auto;
	line-height: 40px;
	font-size: 17px;
	color: #027BFF;
	cursor: pointer;
}

.mobile #popupContainer #msg {
	color: #333;
}

.mobile #popupContainer .option:hover {
	background-color: #ccc;
}

.mobile #messagePopup>div {
	border: 1px solid #eee;
	border-radius: 5px;
	margin-bottom: 10px;
	background-color: #fff;
}

.mobile .popup {
	border-radius: 5px;
	bottom: -600px;
	margin: 0 2%;
	overflow-y: auto;
	position: absolute;
	width: 96%;
	z-index: 9999999;
	display: none;
}

.mobile #scorecard_legend {
    display: flex;
    justify-content: space-around;
    text-align: center;
}

.mobile #scorecard_legend > .inline>div:first-of-type {
    margin-right: 5px;
    margin-top: 2px;
}

.mobile .scorecard_legend_text {
    padding-right: 0 !important;
}

.mobile #byDate {
	padding-top: 40px;
	text-align: right;
}

.mobile #byDate input {
	width: 66px;
	padding: 3px;
	margin-bottom: 10px;
}

input[type=password],
input[type=text] {   
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.waiting {
	background-image: url('/images/loader.gif') !important;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center;
    color: #a4b800 !important;
}

#mobileSearchGolfer {
	position: relative;
	margin: 10px 7%;
}

#txtSearchGolfer {
	padding: 10px 50px 10px 20px;
    border: 1px solid #aac005;
    border-radius: 20px;
    width: calc(80% - 20px);
    color: #ccc;
    background: #303030;
	font-size: 14px;
}

#iconSearchGolfer {
	position: absolute;
    right: 20px;
    top: 9px;
    font-size: 20px;
}

#profileSwitchIcon {
	float: right;
	font-size: 20px;
	display: none;
}

#profilesList {
	display: none;
	position: absolute;
    background: #ffffff;
    width: 100%;
    top: 40px;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #444444;
	padding: 10px 0px;
	z-index: 9;
}

#profilesList div {
	padding: 12px;
}

#profilesList div:hover {
	background-color: #aac005;
}

#profilesList div:nth-child(1) {
	border-bottom: 2px solid #ccc;
}

.noborder {
	border: none!important;
}

#mobileSearchGolfer .ui-autocomplete {
	width: 100%!important;
	top:40px!important;
	max-height: 300px;
    overflow: auto;
}

#mobileSearchGolfer .ui-autocomplete li {
	padding: 15px 10px;
	line-height: 28px;
	white-space: nowrap;
	overflow: hidden;
}

#mobileSearchGolfer .ui-autocomplete li:hover {
	background-color: #aac005;
}

#mobileSearchGolfer .ui-autocomplete span {
	width: 25px;
    height: 25px;
    text-align: center;
    margin-right: 5px;
    border-radius: 50%;
    border: 1px solid #fff;
    overflow: hidden;
	display: inline-block;
	float: left;
}

#mobileSearchGolfer .ui-autocomplete span img {
	width: 25px;
    height: 25px;
}

.mobile .ai {
    border: 1px solid #bed600;
    border-radius: 5px;
    margin-left: 10px;
    background-color: #bed600;
    margin-right: 10px;
    position: relative;
    padding: 2px 5px;
}


@media only screen and (min-width: 500px) {
	body.mobile, html .mobile {
		font-size: 17px;
    }
	.mobile .subItemText{
		font-size: 16px;
	}

	.mobile .outerImage {
		margin-top: 3px
	}


	.mobile .mediumText {
		font-size: 35px;
	}

	.group .largerText {
		font-size: 35px;
	}

	.mobile #maincontentarea .summary,
	.mobile #maincontentarea .smallText {
		font-size: 16px;
	}

	.mobile #holeStatsContainer  .sliderStatsCol{
		display:inline-block;
		font-size: 23px;
		width:70px;
	}
	.mobile .textbox,
	.mobile .combobox
	{
		height: 40px;
		width: 70px;
		font-size: 28px;
	}

	.mobile .combobox {
		padding: 10px 14px;
	}
	.mobile .controlNumber {
		height: 40px;
		width: 40px;
	}
	.mobile #courseName {font-size: 20px;}

	.mobile .lastRow {padding-bottom: 5px!important;}

	.mobile #maincontainer #scoreContainer #holevueContainer .statsColumn .statsRow .statsButton {
		width: auto;
		margin-left:auto;
		margin-right:auto;
		font-size:20px;
		line-height:50px;
		cursor: pointer;
		max-width: 250px;
	}

	.mobile .deleteButton {
		width: 255px;
		font-size: 17px;
	}

	.mobile .changeDateButton {
		width: 255px;
	}


	.mobile .tinyText {
		font-size: 15px;
	}

	.mobile .editBox {
		width: 50%;
		margin: 0 25%;
		top: 50%;
	}

	.mobile .combobox.report {
		background-position: 96% 50%;
		height: 50px;
		padding: 7px 7px;
		text-align: center;
		width: 90%;
		margin: 10px
	}

	.group {
		padding: 10px 10px 0;
	}

	.group #avatar {
		width: 22%;
	}

	.mobile #maincontentarea .pageTitle {
		font-size: 20px;
	}

	.mobile .more {
		width: 80px;
	}

	.group .subGroup {
		padding: 12px 10px;
	}

	.mobile .welcomeText .title,
	.mobile #maincontentarea .item .text,
	.mobile #maincontentarea .selectItem .text,
	.mobile #maincontentarea .titleText {
		font-size: 20px;
	}

	.mobile #maincontentarea .item,
	.mobile #maincontentarea #myMessages .feedMessage,
	.mobile #maincontentarea .faqItem, .mobile #maincontentarea .faqSubItem	{
		padding: 15px 25px 15px 0;
		font-size: 17px;
	}

	.mobile .item .number {
		font-size: 20px;
		height: 40px;
		line-height: 40px;
		margin: 4px 0;
		width: 40px;
	}

	.mobile .welcomeText {
		font-size: 17px;
	}

	.mobile #maincontentarea .grey {
		font-size: 15px;
	}

	#scContainer table td .border-top {
		width: 100%;
	}
	
	#scContainer table td .border-bottom {
		width: 100%;
		margin-top: 61px;
	}
}

@media only screen and (max-width: 385px) {
    .mobile #scorecard_legend > .inline {
        display: flex;
        flex: 1 auto;
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media only screen and (max-width: 380px) {
    .mobile #viewAllStats {
        white-space: nowrap;
        margin-top: 10px;
        display: block;
        text-align: center;
    }
}

@media only screen and (max-width: 495px) {
    .mobile #scorecard_legend>.inline>div:first-of-type {
        margin-top: 0;
    }
}

@media only screen and (max-device-width: 320px) {
	.mobile .group h2.h2-header {
		display: inline-block;
        margin-top: 11px;
	}

	.mobile .group #avatar {
		margin-right: 0 !important;
		width: auto !important;
	}

	.mobile .group #info {
		text-align: center;
		margin-bottom: 10px;
	}

	.mobile .addNewScore, .mobile #myRound .addNewScore {
		margin: 0 auto 10px !important;
	}
}

.mobile .h1title {
 color: #AFC603;
 font-size: 20px;
 font-weight: bold;
 padding-bottom: 20px;
}
.device_page_content {
	margin: 0 20px;
}
.mobile .btns_container {
	display: flex;
}
.device_page_content label {
	margin-right: 20px;
	font-weight: bold;
}
.device_page_content textarea {
	width: 300px;
	display: block;
}
.device_page_content select {
	margin-bottom: 20px;
}
.mobile .device_page_content #content .button{
	color:#414042!important;
}
.mobile #selectedDevice .sub-regions {
	display: inline-flex;
	border-left: 1px solid black;
	padding-left: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.mydevicesPageBlockMsg {
	top: 85px !important;
	width: 90% !important;
	left: 0 !important;
	height: 40%;
	margin: 3% 5% !important;
	font-size: 18px;
	border: none !important;
}
.mydevicesPageBlockMsg .blockMsgContent {
	font-size: 16px;
	text-align: left;
padding: 10px;
}

.mydevicesPageBlockMsg .header {
	background-color: #000;
	color: #fff;
	font-size: 18px;
	border: 2px solid #fff;
	padding: 10px;
	display: inherit;
	margin: 0;
text-transform: uppercase;
}
.mydevicesPageBlockMsg .footer {
position: absolute;
bottom: 0;
background-color: #000;
color: #bed600;
font-size: 18px;
text-align: center;
border: 2px solid #fff;
padding: 10px;
font-weight: 500;
width: calc(100% - 24px);
}

.loaderCSS {
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #b0c704; /* green */
	border-radius: 50%;
	width: 100px;
	height: 100px;
	animation: spin 2s linear infinite;
	margin: auto;
}
  
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}