/* Floats */
.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none; }
.clear { clear: both; }

/* Widths */
.width-full { width: 100%; }
.width-half { width: 50%; }
.width-quarter { width: 24%; }
.width-third { width: 32%; }
.width-twothirds { width: 65%; }
.width-threequarters { width: 74%; }
.width-twofifths { width: 39%; }
.width-onefifth { width: 20%; }
.w10px {width: 10px;}
.w20px {width: 20px;}
.w30px {width: 30px;}
.w40px {width: 40px;}
.w50px {width: 50px;}
.w60px {width: 60px;}
.w70px {width: 69px;}
.w80px {width: 80px;}
.w90px {width: 90px;}
.w1 {width: 168px;}
.w1plus {width: 210px;}
.w2 {width: 356px;}
.w2plus {width: 366px;}
.w3 {width: 544px;}
.w3plus {width:600px;}
.w4 {width: 732px;}
.w5 {width: 920px;}

/* Heights */
.h100px {height: 100px;}
.h150px {height: 150px;}
.h200px {height: 200px;}
.h250px {height: 250px;}
.h300px {height: 300px;}

/* Paddings */
.pad5 { padding: 5px 5px 5px 5px; }
.pad10 { padding: 10px 10px 10px 10px; }
.pad15 { padding: 15px 15px 15px 15px; }
.pad20 { padding: 20px 20px 20px 20px; }
.pad-top5 { padding-top: 5px; }
.pad-right5 { padding-right: 5px; }
.pad-bottom5 { padding-bottom: 5px; }
.pad-left5 { padding-left: 5px; }
.pad-top10 { padding-top: 10px; }
.pad-right10 { padding-right: 10px; }
.pad-bottom10 { padding-bottom: 10px; }
.pad-left10 { padding-left: 10px; }
.pad-top20 { padding-top: 20px; }
.pad-right20 { padding-right: 20px; }
.pad-bottom20 { padding-bottom: 20px; }
.pad-left20 { padding-left: 20px; }

/* Margins */
.margin5 { margin: 5px 5px 5px 5px; }
.margin10 { margin: 10px 10px 10px 10px; }
.margin-top5 { margin-top: 5px; }
.margin-right5 { margin-right: 5px; }
.margin-bottom5 { margin-bottom: 5px; }
.margin-left5 { margin-left: 5px; }
.margin-top10 { margin-top: 10px; }
.margin-right10 { margin-right: 10px; }
.margin-bottom10 { margin-bottom: 10px; }
.margin-left10 { margin-left: 10px; }
.margin-top20 { margin-top: 20px; }
.margin-right20 { margin-right: 20px; }
.margin-bottom20 { margin-bottom: 20px; }
.margin-left20 { margin-left: 20px; }

/* Colors */
.white { color: #ffffff; }
.black { color: #000000; }
.red { color: #ff0000; }
.green { color: #70ad19; }
.blue { color: #6e869e; }
.darkblue { color: #0904ea; }
.tan { color: #EFF5E1; }

/* Background colors */ 
.background-white { background-color: #ffffff; }
.background-black { background-color: #000000; }
.background-red { background-color: #fb5757; }
.background-lightred { background-color: #FFABAB; }
.background-darkred { background-color: #fd8b8b; }
.background-green { background-color: #E9FAE8; }
.background-darkgreen { background-color: #70ad19; } 
.background-blue { background-color: #9ec1e3; }
.background-darkblue { background-color: #6e869e; }
.background-gray { background-color: #f8f8f8; }
.background-tan { background-color: #EFF5E1; }
.background-transparent { background-color: transparent; }

/* Font sizes */
.font-eighty { font-size: 9px; }
.font-nintey { font-size: 11px; }
.font-onehundred { font-size: 13; }
.font-onetwenty { font-size: 16px; }
.font-onethirty { font-size: 17px; }
.font-oneforty { font-size: 18px; }
.font-onefifty { font-size: 19px; }
.font-twohundred { font-size: 26px; }
.font-threehundred { font-size: 39px; }

/* Font decorations */
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.nounderline { text-decoration: none; }
.noborder { border: none; }
.normal { font-weight: normal; }

/* alignments */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-vmiddle { display:table-cell; vertical-align: middle; }
.box-center { margin: auto; }
.box-left { margin-right: auto; }
.box-right { margin-left: auto; }
.box-vcenter { margin-top: auto; margin-bottom: auto; }
.box-hcenter { margin-left: auto; margin-right: auto; }
.box-bottom { margin-top: auto; }
.box-top { margin-bottom: auto; }

/* borders */
.border { border: solid 1px #dbdbdb; }
.border-top { border-top: solid 1px #dbdbdb; }
.border-right { border-right: solid 1px #dbdbdb; }
.border-right-black { border-right: solid 1px #000000; }
.border-right-green { border-right: solid 1px #70ad19; }
.border-left { border-left: solid 1px #dbdbdb; }
.border-left-black { border-left: solid 1px #000000; }
.border-left-green { border-left: solid 1px #70ad19; }
.border-bottom { border-bottom: solid 1px #dbdbdb; }
.border-bottom-blue { border-bottom: solid 1px #6e869e; }
.border-bottom-green { border-bottom: solid 1px #70ad19; }
.border-bottom-black { border-bottom: solid 1px #000000; }

/* container div headers */
div.add {background-image: url(/content/images/Fieldset-LegendAdd.gif); background-repeat: no-repeat;}
div.addplayer {background-image: url(/content/images/Fieldset-LegendAddPlayer.gif); background-repeat: no-repeat;}
div.blackpin {background-image: url(/content/images/Fieldset-LegendBlackPin.gif); background-repeat: no-repeat;}
div.bluepin {background-image: url(/content/images/Fieldset-LegendBluePin.gif); background-repeat: no-repeat;}
div.blueplayer {background-image: url(/content/images/Fieldset-LegendBluePlayer.gif); background-repeat: no-repeat;}
div.changecourse {background-image: url(/content/images/Fieldset-LegendChangeCourse.gif); background-repeat: no-repeat;}
div.editplayer {background-image: url(/content/images/Fieldset-LegendEditPlayer.gif); background-repeat: no-repeat;}
div.enterscore {background-image: url(/content/images/Fieldset-LegendEnterScore.gif); background-repeat: no-repeat;}
div.feedback {background-image: url(/content/images/Fieldset-LegendFeedback.gif); background-repeat: no-repeat;}
div.greenpin {background-image: url(/content/images/Fieldset-LegendGreenPin.gif); background-repeat: no-repeat;}
div.info {background-image: url(/content/images/Fieldset-LegendInfo.gif); background-repeat: no-repeat;}
div.logo {background-image: url(/content/images/Fieldset-LegendLogo.gif); background-repeat: no-repeat;}
div.mapped {background-image: url(/content/images/Fieldset-LegendMapped.gif); background-repeat: no-repeat;}
div.redpin {background-image: url(/content/images/Fieldset-LegendRedPin.gif); background-repeat: no-repeat;}
div.redplayer {background-image: url(/content/images/Fieldset-LegendRedPlayer.gif); background-repeat: no-repeat;}
div.reload {background-image: url(/content/images/Fieldset-LegendReload.gif); background-repeat: no-repeat;}
div.search {background-image: url(/content/images/Fieldset-LegendSearch.gif); background-repeat: no-repeat;}
div.target {background-image: url(/content/images/Fieldset-LegendTarget.gif); background-repeat: no-repeat;}
div.tee {background-image: url(/content/images/Fieldset-LegendTee.gif); background-repeat: no-repeat;}
div.viewscore {background-image: url(/content/images/Fieldset-LegendViewScore.gif); background-repeat: no-repeat;}
div.whitepin {background-image: url(/content/images/Fieldset-LegendWhitePin.gif); background-repeat: no-repeat;}
div.yellowplayer {background-image: url(/content/images/Fieldset-LegendYellowPlayer.gif); background-repeat: no-repeat;}


/* labels */
label.dark {background: url(/content/images/label-bg.gif) repeat-x; color: #ffffff; font-weight: bold;}

/* buttons */
button.dark {background-color: #6e869e; color: #ffffff; border:1px solid #848484; font-weight: bold; margin: 2px 2px 2px 2px;}
button.dark:hover {background-color: #4c4c4c; color: #ffffff; border:1px solid #848484; font-weight: bold; margin: 2px 2px 2px 2px;}

/* visibility */
.hidden { visibility: hidden; }
.visible { visibility: visible; }