﻿.farbtastic { position: relative; }
.farbtastic * { position: absolute; cursor: crosshair; }
.farbtastic, .farbtastic .wheel { width: 195px; height: 195px; }
.farbtastic .color, .farbtastic .overlay { top: 47px; left: 47px; width: 101px; height: 101px; }
.farbtastic .wheel { background: url(/content/images/wheel.png) no-repeat; width: 195px; height: 195px; }
.farbtastic .overlay { background: url(/content/images/mask.png) no-repeat; }
.farbtastic .marker { width: 17px; height: 17px; margin: -8px 0 0 -8px; overflow: hidden; background: url(/content/images/marker.png) no-repeat; }


@media print
{
body {background-color:White; color:Black;}
.HeaderContainer, a {display:none;}
}

.left, .Left	{float:left;}
.right, .Right	{float:right;}
.clear, .Clear { clear: both; display: block; height: 1px; visibility: hidden; }
.clearer, .Clearer { clear:both; height:1px; }
.center			{text-align:center;}
.Hidden, .hidden    { display:none; }
.green, .Green      { color:#0C0; } 
.Admin, .admin {border: solid 1px #0C0;}

* {margin:0; padding:0;}
body { background: #424242 repeat-x top; margin:0; padding:0;}


.Error { color: Red;font-size: 1.50em;padding: 8px;}

.lightyellow_box
{
	padding: 15px 0px 15px 5px; 
	background-color: #FFFFDF;
	border: solid 1px Black;
}

.Large
{
    font-size: 1.25em;
    margin: 5px;
}

.Bold	{font-weight: bold;}

.StatsDefLink
{
    cursor: pointer;
    font-weight: bold;
    font-size: 1em;
    padding: 10px;
}

.StatsDefinitions
{
     padding: 8px;
}

.datalist{ border: solid 1px #ccc; text-align: center; width: 800px; margin-top: 15px; }
.column a { display: block; font-size: .85em; }
.column { float: left; text-align: center; height:40px; width: 125px; }
