/*
 * fatbox.css
 * author: evan borgstrom <evan [at] fatbox (dot) ca>
 */

/* top level */
html,body {
	background: #e8e8e8;
	color: #333;
	text-align: left;
	font-family: Trebuchet MS, Helvetica, sans-serif;
}

body {
	margin-top: 0;
	margin-bottom: 0;
}

body#tinymce {
	background: #fff;
}

div#doc2 {
	background: #fff;
}

body p {
	line-height: 1.33em;
}

/* coming soon */
div#comingsoon {
	background: #fff url(/images/comingsoon.jpg) top center no-repeat;
	width: 714px;
	height: 700px;
	margin: 0 auto;
}
div#comingsoon p {
	position: relative;
	top: 460px;
	text-align: center;
}

/* generic classes */
.clear {
	clear: both;
}

.l-clear {
	clear: left;
}

.r-clear {
	clear: right;
}

.small {
	font-size: 85%;
}

.justified {
	text-align: justify;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.hidden {
	display: none;
}

/* heading & page top */
div#hd div#top {
	padding: 20px 25px;
	height: 33px;
}

div#top div#logo {
	float: left;
	height: 33px;
	width: 165px;
}

div#top div#social {
	padding-top: 6px;
	float: right;
	text-align: right;
}

div#top div#social img {
	vertical-align: middle;
	margin-left: 10px;
}

/* menubars */
div#hd div#menubar {
	clear: both;
	height: 56px;
	width: 100%;
	background: url(../images/menubar.jpg) repeat-x top left;
}

div#menubar div#mainmenu {
	width: 100%;
	height: 32px;
}

div#menubar div#submenu {
	width: 100%;
	height: 24px;
	font-size: 85%;
}

div#menubar div#submenu ul {
	width: 100%;
	padding: 5px 0;
}

/* billboard */
div#billboard {
	width: 73.076em;
	overflow: hidden;
}

/* flashes */
div.flash {
	width: 100%;
	text-align: center;
	font-size: 182%;
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
div.flash div {
	position: relative;
	padding: 10px 5px;
}
div.error {
	background: #FFCEBD;
	background: rgba(255, 206, 189, 0.7) !important; /* #FFCEBD */
	border: 1px solid #F04000;
}
div.success,
div.notice {
	background: #F0F3FF;
	background: rgba(240, 243, 255, 0.7) !important; /* #F0F3FF */
	border: 1px solid #00ADEE;
}

/* main body */
div#bd {
	padding: 20px 25px;
}


/* boxes */
div.box {
	margin-bottom: 25px;
}

div.yui-gb div.yui-u h2,
div.box h2 {
	margin: 0 0 5px 0;
	border-bottom: 1px solid #a2a2a2;
}


/* footer */
div#ft {
	padding: 20px 25px;
	color: #a2a2a2;
	font-size: 85%;
}

div#ft div#bottom {
	width: 100%;
	height: 16px;
}

div#ft div#legal {
	text-transform: uppercase;
	float: left;
}

div#legal ul {
	display: inline;
	margin: 0;
	padding: 0;
}

div#legal ul li {
	display: inline;
	list-style: none;
	margin-right: 5px;
}

div#legal ul li a {
	color: #a2a2a2;
	text-decoration: none;
}

div#legal ul li a:hover {
	text-decoration: underline;
}

div#ft div#copyright {
	text-align: right;
	float: right;
}

div#ft div#partners {
	width: 100%;
	clear: both;
	border-top: 1px solid #a2a2a2;
	margin-top: 5px;
	padding-top: 15px;
	text-align: right;
}

div#ft div#partners img {
	margin-left: 10px;
}

div#ft div#partners div#digicertsitesealcode2rsl {
	float: right;
	margin: 5px 10px 0px 10px;
}

/*** menubar styling ***/
div.menubar ul.left {
	float: left;
}

div.menubar ul.left li {
	margin-left: 25px;
}

div.menubar ul.left li.separator {
	border-left: 1px solid #eee;
	margin-left: 10px;
	padding-left: 15px;
}

div.menubar ul.right {
	float: right;
}

div.menubar ul.right li {
	margin-right: 25px;
}

div.menubar ul.right li.separator {
	border-right: 1px solid #eee;
	margin-right: 10px;
	padding-right: 15px;
}

div.menubar ul {
	display: inline;
	margin: 0;
	padding: 7px 0;
}

div.menubar ul li {
	display: inline;
	list-style: none;
	color: #00adee;
}

div.menubar ul li a {
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
}

div.menubar ul li a:hover {
	color: #a6e5ec;
}
div.menubar ul li a.current {
	color: #00adee;
}

div#submenu.menubar ul li a {
	color: #adadad;
}

div#submenu.menubar ul li a:hover {
	color: #a6e5ec;
}

div#submenu.menubar ul li a.current {
	color: #00adee;
}
	
div.menubar ul li a.arrow {
	background: transparent url(../images/arrow.png) no-repeat right 4px;
	padding-right: 15px;
}

div.menubar ul.hidden {
	display: none;
}

/* links */
a, a:link, a:visited {
	color: #00adee;
	text-decoration: none;
}

a:active, a:hover {
	text-decoration: underline;
}

/* Headings */
h1 {
	margin-top: 0;
	font-size: 197%;
	color: #00adee;
}
h2 {
	font-size: 138.5%;
	color: #000;
}
h1,h2,h3 {
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 0.5em;
}

/* buttons */
a.button {
	background: transparent url('../images/button_right.jpg') no-repeat scroll top right;
	color: #fff;
	font-weight: bold;
	font-size: 77%;
	text-transform: uppercase;
	text-decoration: none;
	float: left;
	height: 19px;
	padding-right: 19px;
}
a.button span {
	background: transparent url('../images/button_left.jpg') no-repeat;
	display: block;
	line-height: 19px;
	padding-left: 5px;
}

/* data tables */
table.data {
	width: 100%;
	border: 0;
	border-bottom: 4px solid #878787;
	padding: 0;
	margin: 0;
}

table.data th {
	background: #878787;
	color: #fff;
	text-transform: uppercase;
	text-align: left;
	border: 0;
	margin: 0;
	padding: 0.25em 0.5em;
}

table.data th.center {
	text-align: center;
}

table.data td {
	border: 0;
	margin: 0;
	padding: 0.5em;
	border-top: 1px dotted #878787;
}

table.data tr.alt td {
	background: #EBF8FE;
}

table.data tr.highlight, table.data tr.highlight td {
	background: #FBFFF0;
}

table.data tr.pointer {
	cursor: pointer;
}

/* forms */
form p {
	margin: 2px 0;
	clear: left;
}
form p label {
	display: block;
	width: 140px;
	float: left;
	clear: left;
	text-align: right;
	vertical-align: middle;
	padding: 4px;
}

form p.required label {
	font-weight: bold;
}

form p input,
form p textarea,
form p select {
	border: solid 1px #aaa;
	margin: 0;
	padding: 2px;
}
form p input {
	width: 200px;
}

form p.errors,
form input[type="submit"],
form button {
	float: left;
	clear: both;
	margin-left: 150px;
	font-weight: bold;
}


/* news */
div.posted {
	color: #878787;
	margin: 0 0 5px 0;
	padding: 0;
}

div.posted img {
	vertical-align: middle;
}

div.posted em {
	font-style: italic;
	font-weight: bold;
	margin: 0 6px;
}

/* lists */
ol, ul {
	margin-left: 0.33em;
}

ol li, ul li {
	list-style-position: inside;
}

ul li {
	list-style-type: square;
}

ul.check li {
	list-style-image: url(/static/images/icons/12/check.png);
}

ol.spaced li,
ul.spaced li {
	margin-bottom: 1em;
}