@charset "utf-8";

/*** Sticky Footer ***/
* {
  margin: 0;
}
html, body {
  height: 100%;
}
.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -40px;
  width:1010px;
  background:url('/media/container_gradient.jpg');
}
.footer, .push {
  height: 40px;
  width:1010px;
  margin:0 auto;
}





/*** General CSS ***/

div {
  margin:0px;
  padding:0px;
}

form {
  margin:0px;
  padding:0px;
  width:100%;
}

img {
  margin:0px;
  padding:0px;
  border:0;
}

.clearall {
  clear:both;
  line-height:1px;
}

div.clearing-div {
  font-size:0px;
  clear:both;
  height:1px;
  width:100%;
  line-height:1px;
  overflow:hidden;
}

.no-margin-and-padding {
  margin:0px;
  padding:0px;
}

/*** End General CSS ***/

/*** Reg form styling ***/

div.user-details-form-holder {
  width:100%;
}

div.user-details-form-holder div.user-details-form-errors {
}

div.user-details-form-holder form#user_details_form {
}

div.user-details-form-holder div.user-details-form-col {
  float:left;
  clear:none;
}

div.user-details-form-holder #col-1 {
}

div.user-details-form-holder div.user-details-form-header-text {
  clear:both;
}

div.user-details-form-holder div.user-details-form-row {
  margin-bottom:5px;
  clear:both;
}

div.user-details-form-holder div.user-details-form-row div.user-details-form-row-subitem {
  float:left;
}

div.user-details-form-holder #user_reg_submit_row {
  margin-top:10px;
  text-align:left;
}

div.user-details-form-holder #user_reg_submit_row input.submitbutton {
}

/*** End Reg Form Styling ***/
body {
  font-size:12px;
  color:#383838;
  font-family:arial;
  margin:0px;
  padding:0px;
  background:#F2F2F2;

}

div#container {
  width:1010px;
  margin:0 auto;
  background:transparent url('/media/container_gradient.jpg') repeat-y;
}

div#nav-bar {
  width:990px;
  height:25px;
  background:#FBC725;
  margin:0 auto;
}

div#header {
  width:990px;
  height:100px;
  background:transparent url('/media/header.jpg') no-repeat;
  margin:0 auto; 
}

div#ticker-container {
  width:990px;
  height:25px;
  background:#FFFFFF;
  margin:0 auto;
}

div#footer {
   background:#60BB46;
   color:#FFFFFF;
   text-align:center;
   width:970px;
   margin:0 auto;
   padding:10px;
   font-weight:bold;
}

div#footer a{
  color:#FFFFFF;
  text-decoration:none;
}

div.green-heading {
  width:990px;
  height:30px;
  margin:0 auto;
  background:#61BC47;
}

div.green-heading-single {
  width:990px;
  height:30px;
  margin:0 auto;
  background:#61BC47;
}

div#intro-container {
  width:990px;
  min-height:520px;
  margin:0 auto;
  background:#FFFFFF;
}

div.intro {
  float:left;
  margin:0 0 20px 0;
  padding:0 0 0 0;
  width:480px;
}

.intro-left p {
  margin:15px 0px 15px 15px;
}

div.intro span.green-title {
  font-weight:bold;
  color:#61BC47;
}

div.intro br.space {
  clear:both;
}

div.intro img.left {
  float:left;
  margin-right:10px;
  margin-left:10px;
}

div.intro img.right {
  float:right;
  margin-left:15px;
}

div.intro span.sub-head {
  font-size:14px;
  font-weight:bold;
}

h2 {
  font-size:14px;
  margin-left:15px;
}

h2.how-to {
  margin-left:0px;
}

div.small-subhead {
  width:475px;
  height:27px;
  background:url('/media/green-subhead.jpg');
  color:#FFFFFF;
  font-size:16px;
  padding:3px 0 0 15px;
}

div.top-divider {
  width:10px;
  float:left;
}

div.bottom-divider {
  width:10px;
  float:left;
}

img#golf-clock {
  float:right;
  margin:15px;
}

div#bottom-container {
  width:990px;
  margin:0 auto;
  height:800px;
}

div#middle-container {
  width:990px;
  margin:0 auto;
  margin-top:5px;
}

div.vid-container {
  float:left;
  width:175px;
  margin-left:15px;
}

div.vid-right {
  float:left;
  width:255px;
  margin-top:-18px;
}

div.vid-right strong {
  font-size:16px;
}

.scroll-enable {
  overflow:auto;
  height:800px;
}

p.phone-no {
  font-weight:bold;
  font-size:16px;
}

div.form-container {
  margin-left:15px;
  float:left;
}

div.form-container input {
  margin: 10px 0px;
}

div.right-form {
  float:left;
  width:235px;
  margin-left:10px;
}

div.right-form img{
  margin-bottom:10px;
}

div.fun-vid-container {
  float:right;
  margin:15px;
}

div.heading-title-left {
  color:#FFFFFF;
  float:left;
  font-size:14px;
  padding-left:10px;
  padding-top:7px;
  width:475px;
}

div.heading-title-right {
  color:#FFFFFF;
  font-size:14px;
  width:480px;
  padding-left:15px;
  float:left;
  padding-top:7px;
}

/******************/
/* Profile Styles */
/******************/
div.prof-detail {
  float:left;
  font-weight:bold;
  width:155px;
  margin-top:1px;
}

div.prof-value {
  float:left;
  font-weight:bold;
  color:#67B021;
  width:200px;
  margin-top:1px;
}


/* liScroll style declarations */
 
.tickercontainer { /* the outer div with the black border */ 
width: 990px; 
height: 27px; 
margin: -5px 0 0 10px; 
padding: 0
overflow: hidden; 
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
/*left: 10px;*/
top: 8px;
width: 990px;
overflow: hidden;
}

ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
 
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}

ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 

ul.newsticker span {
margin: 0 50px 0 0;
} 

div#profile-details {
  margin:10px;
}


div.scorecard_box {
  height:135px;
  width:990px;
  color:#FFFFFF;
  margin:2px 0px;
}

div.scorecard_box_arc {
  height:135px;
  width:990px;
  color:#FFFFFF;
  margin:2px 0px 0px 10px;
}

.da_pink {
 background:#E2017B;
}

.of_orange {
  background: #EF7F01;
}

.gir_lime {
  background: #C8D200;
}

.sg_red {
  background: #E20026;
}

.puts_purple {
  background: #A5037B;
}

.scramble_blue {
  background: #009DE0;
}

div.scorecard_box div.title {
  width:300px;
  float:left;
  padding:5px 0px 0px 15px;
  font-weight:bold;
  font-size:16px;
}

div.scorecard_box div.key {
  width:485px;
  float:left;
  padding:5px 0 0 0;
}

div.scorecard_box div.total {
  background:#FFFFFF;
  color:#000000;
  float:right;
  font-weight:bold;
  height:80px;
  margin:17px 17px 0 0;
  padding:10px;
  width:125px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}

div.scorecard_box div.score {
  color:#333333;
  font-family:Arial;
  font-size:60px;
  text-align:center;
  width:125px;
}

div.key-title-container {
  float:left;
}

div.scorecard-form {
  margin:75px 0 0 15px;
}

div.gir_form {
  margin:15px 0 0 15px;
}

form#scorecard div.submit {
  margin:20px 10px;
  float:left;
  height:100px;
}

form#scorecard select {
  width:55px;
  text-align:center;
}

div.score input {
  font-size:30px;
  width:70px;
  margin-top:20px;
}

div.profile-divider {
  width:10px;
  float:left;
}

p.scorecard-list {
  margin:10px;
}

p.scorecard-list span {
  font-weight:bold;
  font-size: 14px;
}

p.scorecard-list a {
  color:#67B021;
  font-weight:bold;
  font-size:14px;
}

div.scorecard-score-box {
  background:#FFFFFF;
  text-align:center;
  margin:0 5px;
  width:55px;
  height:17px;
  float:left;
  color:#000000;
  padding-top:3px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}

div.yard-title {
  font-weight:bold;
  font-size:18px;
  margin-left:20px;
  margin-top:10px;
}

div.yard-title span.second {
  margin-left:190px;
}

div.yard-title span.third {
  margin-left:190px;
}

div.yard-title span.yards {
  margin-left:170px;
}

div.yard-title span.sg-yards {
  margin-left:170px;
}

img.scorecard-seporator {
  float:left;
  margin-top:-30px;
  border:none !important;
}

img.scorecard-form-seporator {
  margin-bottom:-30px;
  border:none !important;
}

div.form-with-yard {
  margin:-13px 0 0 15px;
}

table#leaderboard {
  width:970px;
  margin-left:10px;
  text-align:center;
  border:1px solid #000000;
  margin-top:15px;
}

table#leaderboard td {
  border-bottom:1px solid #000000;
  border-right:1px solid #000000;
  background:#61BC47;
  color:#FFFFFF;
  font-weight:bold;
}

table#leaderboard td.top-end {
  border-bottom:1px solid #000000;
  background:#61BC47;
  color:#FFFFFF;
  font-weight:bold;
}

table#leaderboard td.shaded {
  background:#E3FDC9;
  color:#000000;
  font-weight:normal;
}

table#leaderboard td.unshaded {
  background:#E2F1EA;
  color:#000000;
  font-weight:normal;
}

div#login-holder {
  margin-bottom:3px;
}

div.form-settings {
  margin:15px;
  border:1px dashed #036F3D;
  padding:10px;
  text-align:center;
}

div.form-settings label.spaced{
  margin-left:15px;
}

div.key-left {
  float:left;
  font-weight:bold;
  width:242px;
}

div.key-right {
  float:left;
  font-weight:bold;
  width:237px;
  _width:220px;
  padding-left:5px;
}

h2.scorecard {
  margin: 25px 0 15px 15px;
}

p.card-added {
  margin:15px;
}

p.form-forgot {
  margin:15px;
}

div.three-avg-cont{
  width:270px;
  border:1px solid #000000;
  float:left;
  margin-top:15px;
}

div.three-avg-cont div.title{
  width:160px;
  text-align:center;
  border-bottom:1px solid #000000;
  font-size:12px;
  color:#FFFFFF;
  font-weight:bold;
  background-color:#5EA21B;
  height:2em;
  padding-top:0.5em;
}

div.three-avg-cont div.avg{
  width:157px;
  min-height:21px;
  border-bottom:1px solid #000000;
  color:#FFFFFF;
  padding-top:4px;
  padding-left:3px;
}
div.three-avg-cont div.avg-title {
  width:108px;
  font-size:12px;
}

div.three-avg-cont div.avg span{
 float:right;
  font-weight:bold;
  margin-right:5px;
}

div.three-avg-cont div.avg-last span{
  float:right;
  font-weight:bold;
  margin-right:5px;
}

div.three-avg-cont div.avg-last{
  width:157px;
  color:#FFFFFF;
  min-height:21px;
  padding-top:4px;
  padding-left:3px;
}

div.three-avg-cont div.avg-left{
  float:left;
  width:160px;
  border-right:1px solid #000000;
}

div.three-avg-cont div.avg-tot{
  width:108px;
  float:left;
  font-size:30px;
  font-weight:bold;
  text-align:center;
  padding-top:65px;
}

div.scorecard-list-cont {
  width:200px;
  float:left;
  padding-left:5px;
}

div#howto-cont{
  width:970px;
  padding:10px;
}

  div#howto-cont div#section-right{
    width:440px;
    float:left;
    margin-top:20px;
  }

  div#howto-cont div#section-left{
    float:left;
    margin:20px 0 0 20px;
    width:440px;
  }

  div#howto-cont div#vid-group{

    margin-left:60px;

  }
div#howto-cont p{
  margin-top:5px;
}

div#howto-cont p.top-vid{
  margin-top:5px;
  margin-bottom:10px;
}

div.howto-vid {
  width:990px;
  text-align:center;
  margin:10px 0;
}

p.howto-title {
  font-weight:bold;
  font-size:16px;
  padding-top:20px;
}

div.form-cont {
  width:350px;
  border:1px dashed #036F3D;
  margin:0 auto;
  padding:10px;
  margin-top:15px;
  margin-bottom:15px;
  background-color:#F1F1F1;
}

div.form-cont div.labels{
  display:inline;
  width:50%;
  float:left;
}
div.form-cont div.inputs{
  display:inline;
  width:50%;
  float:left;
}

div.intro-img{
  float:right;
  margin-top:15px;
}

div.intro-img img.bottom-img{
  margin-top:5px;
}

img.contact-view{
  float:left;
  margin-bottom:15px;
}

p.space-top {
  margin-top:1em;
}

div.test-mark {
  margin-top:20px;
  margin-bottom:20px;
  padding:10px;
  border:1px dashed #60BB46;
}

div.test-mark img {
  float:left;
  margin-right:5px;
}

div.test-mark span {
  color:#61BC47;
  font-weight:bold;
}

h2.space-bottom {
  margin-bottom:1em;
}

div#section-left{
  float:left;
  width:470px;
  margin:20px 0 0 20px;
}

div#section-right{
  float:left;
  width:500px;
}

div.test-text{
  width:330px;
  float:left;
}

div.heading-title-sep {
  width:1px;
  height:25px;
  backgound:#FFFFFF;
}

div.green-splitter {
  background:#FFFFFF;
  width:1px;
  float:left;
  height:30px;
}

img.divider-210 {
  border:0px!important;
}

p.error_message {
  margin:10px;
  font-weight:bold;
  color:red;
}