/*
 * Visual styling for all widgets and common modules
 * Authored by Cameron Bailey
 * Last Modified December 9, 2009
 */

@font-face
{
	font-family: Helvetica;
	src: url('typefaces/Helvetica CE Regular.ttf');
}
@font-face
{
	font-family: Helvetica;
	font-weight: bold;
	src: url('typefaces/Helvetica CE Bold.ttf');
}

/* Default rules */
* {
	padding: 0px;
	margin: 0px;
	font-family: Helvetica, "Helvetica CE", sans-serif;
	font-size: 14px;
	border-collapse: collapse;
}
*:focus {
	outline: 0;
}
body {
	font-size: 14px;
	background-color: #fafafa;
}
p {
	font-size: 1em; /* 14px */
	line-height: 1.5em; /* 21px */
	margin: 0 0 1.5em 0;
}
h1 {
	font-size: 3em; /* 42px */
	line-height: 1em; /* 42px */
	margin-top: 0.5em;
	margin-bottom: 0em;
	font-weight: bold;
}
h2 {
	font-size: 2.2857em; /* 32px */
	line-height: 1.3125em; /* 42px */
	margin-top: 0.6563em;
	margin-bottom: 0em;
	font-weight: bold;
}
h3 {
	font-size: 1.7143em; /* 24px */
	line-height: 1.75em; /* 42px */
	margin-top: 0.875em;
	margin-bottom: 0em;
	font-weight: bold;
}
h4 {
	font-size: 1.2857em; /* 18px */
	line-height: 1.1667em; /* 21px */
	margin-top: 1.1667em;
	margin-bottom: 0em;
	font-weight: bold;
}
input[type="text"]:enabled {
	background-color: rgba(255,255,255,.8);
	border: 1px solid;
	border-color: rgba(180,180,180,.5);
	padding-top: 2px;
	padding-bottom: 2px;
	-webkit-transition: all .075s linear;
}
input[type="text"]:disabled {
	background-color: rgba(0,0,0,.1);
	border: 1px solid;
	border-color: rgba(180,180,180,.5);
	padding-top: 2px;
	padding-bottom: 2px;
}
input[type="text"]:focus {
	background-color: rgba(255,255,255,.8);
	border: 1px solid;
	border-color: #9dccfb;
	padding-top: 2px;
	padding-bottom: 2px;
	-webkit-box-shadow: 0px 0px 3px #9dccfb;
}
input[type="password"]:enabled {
	background-color: rgba(255,255,255,.8);
	border: 1px solid;
	border-color: rgba(180,180,180,.5);
	padding-top: 2px;
	padding-bottom: 2px;
	-webkit-transition: all .075s linear;
}
input[type="password"]:disabled {
	background-color: rgba(0,0,0,.1);
	border: 1px solid;
	border-color: rgba(180,180,180,.5);
	padding-top: 2px;
	padding-bottom: 2px;
}
input[type="password"]:enabled:focus {
	background-color: rgba(255,255,255,.8);
	border: 1px solid;
	border-color: #9dccfb;
	padding-top: 2px;
	padding-bottom: 2px;
	-webkit-box-shadow: 0px 0px 3px #9dccfb;
}
input[type="submit"]:enabled {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(250,250,250,.75)), to(rgba(180,180,180,.5)));
	border: 1px solid;
	border-color: rgba(180,180,180,.5);
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
	color: #333;
	text-shadow: 0 1px 1px rgba(255,255,255,.8);
	-webkit-transition: all .075s linear;
}
input[type="submit"]:disabled {
	background: rgba(180,180,180,.5);
	border: 1px solid;
	border-color: rgba(180,180,180,.5);
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
	color: rgba(0,0,0,.4);
}
input[type="submit"]:enabled:hover {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(250,250,250,.75)), to(rgba(180,180,180,.5)));
	border: 1px solid;
	border-color: #9dccfb;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
	color: #333;
	text-shadow: 0 1px 1px rgba(255,255,255,.8);
	-webkit-box-shadow: 0px 0px 3px #9dccfb;
}
input[type="submit"]:enabled:active {
	background: -webkit-gradient(linear, 0% 100%, 0% 10%, from(rgba(150,150,150,.5)), to(rgba(100,100,100,.5)));
	border: 1px solid;
	border-color: rgba(180,180,180,.5);
	color: #444;
	text-shadow: 0 1px 1px rgba(255,255,255,0);
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
	-webkit-box-shadow: 0px 0px 2px rgba(0,128,225,.5);
}
input[type="button"]:enabled {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(250,250,250,.75)), to(rgba(180,180,180,.5)));
	border: 1px solid;
	border-color: rgba(180,180,180,.5);
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
	color: #333;
	text-shadow: 0 1px 1px rgba(255,255,255,.8);
	-webkit-transition: all .075s linear;
}
input[type="button"]:disabled {
	background: rgba(180,180,180,.5);
	border: 1px solid;
	border-color: rgba(180,180,180,.5);
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
	color: rgba(0,0,0,.4);
}
input[type="button"]:enabled:hover {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(250,250,250,.75)), to(rgba(180,180,180,.5)));
	border: 1px solid;
	border-color: #9dccfb;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
	color: #333;
	text-shadow: 0 1px 1px rgba(255,255,255,.8);
	-webkit-box-shadow: 0px 0px 3px #9dccfb;
}
input[type="button"]:enabled:active {
	background: -webkit-gradient(linear, 0% 100%, 0% 10%, from(rgba(150,150,150,.5)), to(rgba(100,100,100,.5)));
	border: 1px solid;
	border-color: rgba(180,180,180,.5);
	color: #444;
	text-shadow: 0 1px 1px rgba(255,255,255,0);
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
	-webkit-box-shadow: 0px 0px 2px rgba(0,128,225,.5);
}
textarea {
	background-color: rgba(255,255,255,.8);
	border: 1px solid;
	border-color: rgba(180,180,180,.5);
	padding-top: 2px;
	padding-bottom: 2px;
	-webkit-transition: all .075s linear;
}
textarea:disabled {
	background-color: rgba(0,0,0,.1);
	border: 1px solid;
	border-color: rgba(180,180,180,.5);
	padding-top: 2px;
	padding-bottom: 2px;
}
textarea:enabled:focus {
	background-color: rgba(255,255,255,.8);
	border: 1px solid;
	border-color: #9dccfb;
	padding-top: 2px;
	padding-bottom: 2px;
	-webkit-box-shadow: 0px 0px 3px #9dccfb;
}
input[type="checkbox"]:enabled {
	-webkit-appearance: none;
	width: 12px;
	height: 12px;
	background: -webkit-gradient(linear, 0% 100%, 0% 10%, from(rgba(150,150,150,.25)), to(rgba(100,100,100,.25)));
	border: 1px solid;
	border-color: rgba(180,180,180,.5);
	-webkit-transition: all .075s linear;
}
input[type="checkbox"]:disabled {
	-webkit-appearance: none;
	width: 12px;
	height: 12px;
	background: rgba(180,180,180,.5);
	border: 1px solid;
	border-color: rgba(180,180,180,.5);
}
input[type="checkbox"]:disabled:checked {
	-webkit-appearance: none;
	width: 12px;
	height: 12px;
	background: rgba(180,180,180,.5);
	border: 1px solid;
	border-color: rgba(180,180,180,.5);
}
input[type="checkbox"]:enabled:hover {
	-webkit-appearance: none;
	width: 12px;
	height: 12px;
	background: -webkit-gradient(linear, 0% 100%, 0% 10%, from(rgba(150,150,150,.25)), to(rgba(100,100,100,.25)));
	border: 1px solid;
	border-color: #9dccfb;
	-webkit-box-shadow: 0px 0px 3px #9dccfb;
}
input[type="checkbox"]:enabled:active {
	-webkit-appearance: none;
	width: 12px;
	height: 12px;
	background: -webkit-gradient(linear, 0% 100%, 0% 10%, from(rgba(150,150,150,.5)), to(rgba(100,100,100,.5)));
	border: 1px solid;
	border-color: #9dccfb;
	-webkit-box-shadow: 0px 0px 3px #9dccfb;
}
input[type="checkbox"]:enabled:checked {
	-webkit-appearance: none;
	width: 12px;
	height: 12px;
	background-color: -webkit-gradient(linear, 0% 100%, 0% 10%, from(rgba(150,150,150,.25)), to(rgba(100,100,100,.25)));
	background-image: url('images/ui/checkboxCheck.png');
	border: 1px solid;
	border-color: #9dccfb;
	-webkit-box-shadow: 0px 0px 3px #9dccfb;
}
input[type="checkbox"]:enabled:checked:active {
	-webkit-appearance: none;
	width: 12px;
	height: 12px;
	background-color: -webkit-gradient(linear, 0% 100%, 0% 10%, from(rgba(150,150,150,.5)), to(rgba(100,100,100,.5)));
	background-image: url('images/ui/checkboxCheck.png');
	border: 1px solid;
	border-color: #9dccfb;
	-webkit-box-shadow: 0px 0px 3px #9dccfb;
}

/* Common styles of modules */
.FSizeRoach {
	font-size: 0.7857em; /* 11px */
	line-height: 1.1667em; /* 21px */
}
.FSizeLrg {
	font-size: 1.2857em; /* 18px */
	line-height: 1.1667em; /* 21px */
}
.FSizeXLrg {
	font-size: 1.7143em; /* 24px */
	line-height: 1.75em; /* 42px */
}
.FSizeXXLrg {
	font-size: 2.2857em; /* 32px */
	line-height: 1.75em; /* 42px */
}
.Bold {
	font-weight: bold;
}
.TAlignCenter {
	text-align: center;
}
.TAlignRight {
	text-align: right;
}
.Rounded {
	-webkit-border-radius: 3px;
}
.RoundedLeft {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
}
.RoundedRight {
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}
.RoundedUp {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}
.RoundedDown {
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}
.DefaultBox {
	background-color: rgba(0,0,0,.075);
	border: 1px solid;
	border-color: rgba(180,180,180,.5);
	padding-top: 13px;
	padding-bottom: 13px;
}
a:link.Button {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(250,250,250,.75)), to(rgba(180,180,180,.5)));
	border: 1px solid;
	border-color: rgba(180,180,180,.5);
	padding-top: 3px;
	padding-bottom: 3px;
	color: #333;
	text-shadow: 0 1px 1px rgba(255,255,255,.8);
	text-decoration: none;
	-webkit-transition: all .075s linear;
}
a:visited.Button {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(250,250,250,.75)), to(rgba(180,180,180,.5)));
	border: 1px solid;
	border-color: rgba(180,180,180,.5);
	padding-top: 3px;
	padding-bottom: 3px;
	color: #333;
	text-shadow: 0 1px 1px rgba(255,255,255,.8);
	text-decoration: none;
	-webkit-transition: all .075s linear;
}
a:hover.Button {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(250,250,250,.75)), to(rgba(180,180,180,.5)));
	border: 1px solid;
	border-color: #9dccfb;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #333;
	text-shadow: 0 1px 1px rgba(255,255,255,0.8);
	text-decoration: none;
	-webkit-box-shadow: 0px 0px 3px rgba(0,128,225,.5);
}

a:active.Button {
	background: -webkit-gradient(linear, 0% 100%, 0% 10%, from(rgba(150,150,150,.5)), to(rgba(100,100,100,.5)));
	border: 1px solid;
	border-color: rgba(180,180,180,.5);
	color: #333;
	text-shadow: 0 1px 1px rgba(255,255,255,0);
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
	-webkit-box-shadow: none;
	-webkit-box-shadow: 0px 0px 2px rgba(0,128,225,.5);
}
.Letterpress {
	text-shadow: 0 1px 1px rgba(255,255,255,1);
}
.ColorWhite {
	color: #fff;
}
.ColorGray10 {
	color: #e5e5e5;
}
.ColorGray20 {
	color: #ccc;
}
.ColorGray30 {
	color: #b2b2b2;
}
.ColorGray40 {
	color: #999;
}
.ColorGray50 {
	color: #7f7f7f;
}
.ColorGray60 {
	color: #666;
}
.ColorGray70 {
	color: #4c4c4c;
}
.ColorGray80 {
	color: #333;
}
.ColorGray90 {
	color: #191919;
}
.ColorBlack {
	color: #000;
}
.ColorRed {
	
}
.ColorBlue {
	
}
.ColorGreen {
	
}
.ColorOrange {
	
}