@charset "UTF-8";
/* CSS Document */

@import "ui/jquery-ui-1.7.2.custom.css";

/* Global Elements */
body {
	background-image: url(/resources/images/bg.gif);
	background-repeat: repeat-x;
	background-color: #517896;
	
	font-size: 12px;
	font-family: Verdana, Arial;
	
	margin: 0;
}

table { font-size: 12px; }

a {
	color: #046298;
	text-decoration: underline;
}
a:hover {
	color: #65aed6;
	text-decoration: none;
}

img {
	border: 0;
}

.subtext {
	font-size: 10px;
	color: #666;
}

div#wrapper {
	width: 940px;
	margin: 16px auto 0 auto;
}

div.hidden {
	display: none;
}
div.show {
	display: block;
}

/* Specials */
.small {
	font-size: 11px;
}
.vsmall {
	font-size: 10px;
}
.caps {
	text-transform: capitalize;
}
.clear {
	clear: both;
}

/* Header Elements */
div#header {
	height: 101px;
	background-image: url(/resources/images/header_bg.gif);
	background-repeat: repeat-x;
}
	div#header div#left {
		height: 101px;
		width: 455px;
		background-image: url(/resources/images/logo.png);
		background-repeat: no-repeat;
		float: left;
	}
	div#header div#right {
		height: 101px;
		width: 5px;
		background-image: url(/resources/images/header_right.png);
		background-repeat: no-repeat;
		float: right;
	}
	div#header div#sponsor {
		height: 67px;
		width: 227px;
		margin: 10px 20px 0 0;
		background-image: url(/resources/images/harrow.png);
		background-repeat: no-repeat;
		float: right;
		cursor: pointer;
	}
	
/* Navigation */
div#navigation {
	margin-top: 20px;
}

div#navigation div#liveSupportTab {
	width: 150px;
	height: 18px;
	float: right;
	top: -7px;
	position: relative;
}

table#supportDepartments td {
	padding: 4px 0px 4px 6px;
}
table#supportDepartments tr.offline, table#supportDepartments tr.offline a {
	background-color: #f8aeb2;
	color: #3e0609;
	text-decoration: none;
}
table#supportDepartments tr.online, table#supportDepartments tr.online a {
	background-color: #daf9af;
	color: #4b7c05;
	text-decoration: none;
}
table#supportDepartments td.status {
	font-weight: bold;
}

div#navigation div#tabs {
	height: 19px;
	margin-left: 6px;
}

	div#navigation div#tabs ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		height: 19px;
	}
	div#navigation div#tabs ul li {
		float: left;
		height: 16px;
		width: 90px;
		padding-top: 3px;
		text-align: center;
		margin-right: 2px;
		background-image: url(/resources/images/tab_off.gif);
		background-repeat: no-repeat;
		color: #ffffff;
	}
	div#navigation div#tabs ul li.on {
		background-image: url(/resources/images/tab_on.gif);
		background-repeat: no-repeat;
	}
	div#navigation div#tabs a {
		color: white;
		text-decoration: none;
	}
	
div#navigation div#menu {
	height: 25px;
	background-image: url(/resources/images/nav_bg.gif);
	background-repeat: repeat-x;
}
	div#navigation div#menu div#left {
		height: 21px;
		background-image: url(/resources/images/nav_left.gif);
		background-repeat: no-repeat;
		float: left;
		padding: 4px 0px 0px 9px;
		color: #ffffff;
	}
	div#navigation div#menu div#right {
		height: 25px;
		width: 5px;
		background-image: url(/resources/images/nav_right.gif);
		background-repeat: no-repeat;
		float: right;
	}


div#navigation ul#dropmenu { float: left; padding: 0; list-style-type: none; margin: 1px 0 0 7px; }
div#navigation ul#dropmenu li { float: left; color: white; font-size: 12px; margin-right: 16px; }
div#navigation ul#dropmenu li a { display: block; padding: 0px 5px 0px 5px; color: #FFFFFF; text-decoration: none; }
div#navigation ul#dropmenu li div.submenu { background: #143547; visibility: hidden; position: absolute; z-index: 3; width: 165px; margin-top: 4px; font-weight: normal; filter:alpha(opacity=90); -moz-opacity:.90 ;opacity:.90; padding-bottom: 6px; }
div#navigation ul#dropmenu li div.submenu a { border-left: 3px solid #102633; display: block; font-size: 11px; text-align: left; text-decoration: none; padding: 4px 0px 4px 6px; color: #FFFFFF; font-weight: normal; }
div#navigation ul#dropmenu li div.submenu a:hover { border-left: 3px solid #ffffff; background: #FFFFFF; color: #11384e; }

/* Body */
div#body {
	margin-top: 8px;
}

div#body div#left {
	width: 650px;
	float: left;
}
	/* Left Body Boxes */
	/* News Box */
	div#body div#left div#news {
		width: 100%;
		height: 153px;
		background-image: url(/resources/images/news_bg.gif);
		margin-bottom: 6px;
	}
	div#body div#left div#news div#top {
		height: 3px;
		width: 650px;
		font-size: 1px;
		background-image: url(/resources/images/news_bg_top.gif);
	}
		
	div#body div#left div#news div#content {
		height: 146px;
		width: 650px;
	}
	
		div#body div#left div#news div#content div#newsbg {
			margin: 6px 7px 9px 0px;
			background-image: url(../images/news_bg.png);
			background-position: top right;
			background-repeat: no-repeat;
			width: 636px;
			height: 136px;
			float: right;
		}
		div#body div#left div#news div#content div#newsbg h1 {
			font-size: 20px;
			color: white;
			margin: 0;
			padding: 0 0 0 4px;
			font-weight: normal;
		}
		
		div#body div#left div#news div#content div#newsbg h1 a { color: white; text-decoration: none; }
		div#body div#left div#news div#content div#newsbg h1 a:hover { color: white; text-decoration: underline; }
		
		div#body div#left div#news div#content div#newsbg p {
			font-size: 12px;
			line-height: 170%;
			color: white;
			width: 60%;
			padding: 0 0 0 6px;
		}
		div#body div#left div#news div#content div#newsbg p a {
			color: white; 
			text-decoration: underline;
		}
		div#body div#left div#news div#content div#newsbg p a:hover {
			color: white; 
			text-decoration: none;
		}
	
	div#body div#left div#news div#bottom {
		height: 4px;
		width: 650px;
		font-size: 1px;
		background-image: url(/resources/images/news_bg_bottom.gif);
	}
	
	
	/* Regular Box */
	div#body div#left div.box {
		
	}
	/* Large */
	div#body div#left div.large {
		width: 650px;
		margin-bottom: 6px;
		background-image: url(/resources/images/large_box_bg.gif);
	}
	div#body div#left div.large div.top {
		height: 19px;
		width: 643px;
		background-image: url(/resources/images/large_box_top.gif);
		font-size: 12px;
		color: white;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 5px 0px 0px 7px;
	}
	div#body div#left div.large div.content {
		padding: 7px 6px 7px 6px;
	}
	
		div.content h1 { font-size: 20px; margin: 0px 0px 7px 0px; padding: 7px 0 0 0; font-weight: normal; color: #10364c; }
		div.content h2 { font-size: 18px; margin: 0px 0px 6px 0px; padding: 6px 0 0 0; font-weight: normal; color: #10364c; }
		div.content h3 { font-size: 15px; margin: 0px 0px 6px 0px; padding: 6px 0 0 0; font-weight: bold; color: #10364c; }
		div.content h4 { font-size: 14px; margin: 0px 0px 6px 0px; padding: 6px 0 0 0; font-weight: normal; color: #10364c; }
		
		div.content p { font-size: 12px; margin-top: 3px; }
		div.content { font-size: 12px; }
	
	div#body div#left div.large div.bottom {
		background-image: url(/resources/images/large_box_bottom.gif);
		height: 3px;
		width: 650px;
		font-size: 1px;
	}
	
	/* Medium */
	div#body div#left div.medium {
		width: 322px;
		margin-bottom: 6px;
		background-image: url(/resources/images/med_box_bg.png);
		float: left;
	}
	div#body div#left div.medium div.top {
		height: 19px;
		width: 315px;
		background-image: url(/resources/images/med_box_top.png);
		font-size: 12px;
		color: white;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 5px 0px 0px 7px;
	}
	div#body div#left div.medium div.content {
		padding: 7px 6px 7px 6px;
	}
	div#body div#left div.medium div.bottom {
		background-image: url(/resources/images/med_box_bottom.png);
		height: 4px;
		width: 322px;
		font-size: 1px;
	}
	div#body div#left div.floater {
		margin-left: 6px;
	}
	

div#body div#right {
	width: 283px;
	float: right;
}

	/* Side */
	div#body div#right div.side {
		width: 283px;
		margin-bottom: 6px;
		background-image: url(/resources/images/side_box_bg.gif);
		float: left;
	}
	div#body div#right div.side div.top {
		height: 19px;
		width: 276px;
		background-image: url(/resources/images/side_box_top.gif);
		font-size: 12px;
		color: white;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 5px 0px 0px 7px;
	}
	div#body div#right div.side div.content {
		padding: 7px 6px 7px 6px;
	}
		div#right div.side div.content h1 { font-size: 16px; margin: 0px 0px 7px 0px; padding: 7px 0 0 0; font-weight: normal; color: #10364c; }
		
	div#body div#right div.side div.bottom {
		background-image: url(/resources/images/side_box_bottom.gif);
		height: 3px;
		width: 283px;
		font-size: 1px;
	}
	
	div.side ul {
		margin: 8px 0px 8px 35px;
		padding: 0;
	}


/* News Items */
div.news_listing {
	margin-bottom: 9px;
}
div.news_listing div.title {
	font-size: 16px;
	padding: 8px 0px 4px 7px;
}
div.news_listing div.date {
	font-size: 11px;
	font-style: italic;
	color: #727272;
	padding: 0px 0px 7px 7px;
}
div.news_listing div.excerpt {
	font-size: 12px;
	color: #313131;
	padding: 7px;
}

div.li1 {
	background-color: #e3eff4;
	border: 1px solid #aad5e7;
}
div.li2 {
	background-color: #e7e7e7;
	border: 1px solid #c5c5c5;
}
div.li1 div.title {
	color: #134d67;
}
div.li2 div.title {
	color: #353535;
}


/* Registration */
table.input {
}
table.input tr.error th { 
	background-color: #f9e4e4;
	color: #7d0101;
}
table.input th {
	background-color: #f4f9fc;
	color: #0b354c;
	text-align: left;
	font-weight: bold;
	width: 150px;
	font-size: 12px;
	padding: 3px 0px 3px 5px;
}
table.input th div {
	text-align: right;
}
table.input td {
	font-size: 12px;
}
table.input td.description {
	background-color: #eeeeee;
	border: 1px solid #cecece;
	color: #363636;
	font-size: 11px;
	padding: 2px;
}
table.input td.title {
	font-size: 16px; 
	margin: 0px 0px 6px 0px; 
	padding: 9px 0px 6px 0; 
	font-weight: normal; 
	color: #10364c;
}
table.input input {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Standard Table */
table.full {
	width: 100%;
}
table.default th {
	background-color: #d7edf8;
	color: #074658;
	border-bottom: 1px solid #bec7cb;
	text-align: left;
	font-size: 13px;
	font-weight: normal;
	padding: 5px 0px 3px 4px;
}
table.default td {
	padding: 2px 0px 2px 3px;
	color: #1b1b1b;
}
table.default td.options {
	text-align: center;
}
table.default td.options img {
	margin-right: 3px;
}

table.default tr.alt td {
	background-color: #e8f7ff;
}

table.output {
	width: 100%;
}
table.output th {
	border-top: 1px solid #e0e4e6;
	border-left: 1px solid #e0e4e6;
	border-right: 1px solid #ccd0d1;
	border-bottom: 1px solid #ccd0d1;
	background-color: #eef7f9;
	padding: 4px 0px 5px 3px;
	text-align: left;
	width: 40%;
}
table.output td {
	background-color: #fafbfc;
	padding: 6px 0px 7px 5px;
	text-align: left;
}

table.icons th {
	width: 26px;
}

/* Program Headers */
div.rink div.h1 {
	background-color: #0b3b50;
	margin: 0px 0px 3px 0px;
	border-bottom: 1px solid #7d9cae;
	background-position: bottom;
	background-repeat: repeat-x;
	height: 31px;
}
div.rink div.h1 div.title {
	font-size: 16px;
	font-weight: normal;
	color: #ffffff;
	float: left;
	padding: 6px 0px 2px 6px;
	width: 400px;
}
div.rink div.h1 div.float {
	float: right;
	width: auto;
	margin: 6px 10px 0 0;
	text-align: right;
}
div.rink div.h1 div.float a {
	text-decoration: none;
	color: white;
}
div.rink div.h1 div.float a:hover {
	text-decoration: none;
	color: #cceaf7;
}


/* Programs Lists */

.description img {
	margin: 0px 6px 6px 0px;
}

div.rink {
	background-color: #eef3f5;
	border: 1px solid #cccccc;
	margin: 0px 0px 15px 0px;
}
div.rink h1 {
}
div.rink table {
	width: 100%;
}
div.rink table a {
	color: #106091;
	text-decoration: none;
}
div.rink table a:hover {
	color: #2b80b4;
	text-decoration: underline;
}
div.rink table th {
	text-align: left;
	background-color: #f2f8fb;
	border-bottom: 1px solid #a3b6be;
	font-size: 12px;
	color: #88a7b4;
	font-weight: normal;
	padding: 3px 0px 2px 3px;
}

div.rink table tr td {
	background-color: #dae7ef;
	padding: 3px;
	font-size: 13px;
}
div.rink table tr.alt td {
	background-color: #cadce7;
}



div.rink table.instances {
	border-left: 8px solid #aabdc5;
	margin-bottom: 7px;
}
div.rink table.instances td {
	font-size: 12px;
}
div.rink table.instances th {
	text-align: center;
	font-size: 11px;
	background: none;
	color: #1b394c;
}
div.rink table.instances tr td {
	background-color: #e7f0f4;
}
div.rink table.instances tr.alt td {
	background-color: #f9fbfc;
}



table.programs {
	width: 100%;
}
table.programs a {
	color: #106091;
	text-decoration: none;
}
table.programs a:hover {
	color: #2b80b4;
	text-decoration: underline;
}
table.programs th {
	text-align: left;
	background-color: #f2f8fb;
	border-bottom: 1px solid #a3b6be;
	font-size: 12px;
	color: #88a7b4;
	font-weight: normal;
	padding: 3px 0px 2px 3px;
}

table.programs tr td {
	background-color: #dae7ef;
	padding: 3px;
	font-size: 13px;
}
table.programs tr.alt td {
	background-color: #cadce7;
}


div.rink table.instances div.open { background-color: #d1f3b2; color: #2f5a0a; padding: 2px 5px 2px 5px; width: auto; margin: 0 auto 0 auto; }
div.rink table.instances div.filling { background-color: #edf1cb; color: #525b0b; padding: 2px 5px 2px 5px; width: auto; margin: 0 auto 0 auto; }
div.rink table.instances div.almost { background-color: #f8f2d5; color: #7c680c; padding: 2px 5px 2px 5px; width: auto; margin: 0 auto 0 auto; }
div.rink table.instances div.limited { background-color: #fae3d9; color: #9e3f16; padding: 2px 5px 2px 5px; width: auto; margin: 0 auto 0 auto; }
div.rink table.instances div.full { background-color: #fce2e2; color: #710505; padding: 2px 5px 2px 5px; width: auto; margin: 0 auto 0 auto; }

/* Registration Steps */
ul#registration_steps {
	margin: 0px 1px 5px 1px;
	padding: 0;
	list-style: none;
}
ul#registration_steps li {
	margin: 0;
	padding: 5px 0px 0px 0px;
	height: 19px;
}
ul#registration_steps li span {
	padding: 0px 9px 0px 8px;
	font-weight: bold;
}

ul#registration_steps li.completed {
	background-image: url(/resources/images/reg_progress_blue.gif);
	border-bottom: 1px solid #336f91;
	color: #174763;
}
ul#registration_steps li.current {
	background-image: url(/resources/images/reg_progress_green.gif);
	border-bottom: 1px solid #7a9a3c;
	color: #40630f;
}
ul#registration_steps li.future {
	background-image: url(/resources/images/reg_progress_dark.gif);
	border-bottom: 1px solid #858585;
	color: #353535;
}



/* Messages */
div.important {
	color: #a75e09;
	background-color: #f9f2ea;
	border: 1px solid #b3a698;
	padding: 10px 0 10px 0;
	text-align: center;
	margin: 7px auto 9px auto;
	width: 75%;
}
div.error {
	color: #7d0101;
	background-color: #f9e4e4;
	border: 1px solid #d46565;
	padding: 10px 0 10px 0;
	text-align: center;
	margin: 7px auto 9px auto;
	width: 75%;
}
div.approve {
	color: #3a7416;
	background-color: #e4f9d8;
	border: 1px solid #a3d486;
	padding: 10px 0 10px 0;
	text-align: center;
	margin: 7px auto 9px auto;
	width: 75%;
}
div.note {
	font-size: 10px;
	color: #444444;
	padding: 3px 0px 3px 3px;
}

h1.outBoxtitle {
	color: white;
	margin: 0 0 8px 5px;
	padding: 0;
	font-size: 22px;
	font-weight: normal;
}

/* Invoicing */
table.invoice {
	width: 95%;
	margin: 15px auto 15px auto;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}
table.invoice td {
	background-color: #ffffff;
	padding: 3px;
	border-top: 1px solid black;
	border-left: 1px solid black;
}
table.invoice td div{
	font-size: 11px;
}
table.invoice th {
	background-color: #ececec;
	padding: 8px 0px 3px 7px;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	border-top: 1px solid black;
	border-left: 1px solid black;
}
table.invoice td.item {
	padding: 5px 0px 5px 7px;
}
table.invoice td.total {
	background-color: #ececec;
	padding: 16px 6px 3px 7px;
	font-weight: bold;
	font-size: 13px;
}
table.invoice td.invoice {
	font-size: 16px;
	font-weight: normal;
}


/* Payment Processing */
div.payment_status {
	padding: 10px 0px 10px;
	width: 95%;
	margin: 0 auto 0 auto;
	width: auto;
	text-align: center;
}
div.payment_status img {
	margin-right: 20px;
}

/* Text Manipulation */
div.text {
	font-size: 12px;
	padding: 4px 9px 7px 9px;
}
div.right {
	text-align: right;
}


/* Arena */
div.arena {
	background-color: #eef6fa;
	border: 1px solid #a6c0cd;
	margin-bottom: 7px;
	float: left;
	width: 48%;
	margin-left: 8px;
}
div.arena h1 {
	color: #062a3a;
	background-color: #c5dee9;
	margin: 0;
	padding: 5px 0px 4px 6px;
	font-size: 15px;
	font-weight: normal;
}
div.aleft {
	padding: 6px;
	width: 50%
}
div.arena table {
	width: 100%;
}
div.arena table th {
	width: 85px;
	font-weight: bold;
	text-align: left;
}
div.directions {
	padding: 9px 0px 9px 10px;
}
div.directions li {
	list-type: none;
	list-style-image: url(/resources/images/world.png);
	margin-bottom: 4px;
}

/* Invoice Alerts */
.invoice_pending {
	font-weight: bold;
	color: #d98f00;
}
.invoice_approved {
	font-weight: bold;
	color: #7bb706;
}
.invoice_declined {
	font-weight: bold;
	color: #b71b06;
}


/* Leagues */
div.league {
	border: 1px solid #e8e8e8;
	background-color: #fbfbfb;
	margin-bottom: 6px;
}
div.league h1 {
	font-size: 16px;
	font-weight: normal;
	color: #085988;
	background-color: #dfdfdf;
	padding: 5px 0px 3px 5px;
}
div.league h1 a {
	color: #085988;
	text-decoration: none;
}
div.league span.title {
	font-weight: bold;
	font-size: 12px;
	color: #145d86;
}
div.league table {
	width: 98%;
	margin: 0 auto 0 auto;
}
div.league table td {
	vertical-align: text-top;
}
div.league ul {
	list-style-image: url(/resources/images/bullet_blue.png);
	margin: 10px 0px 10px 0px;
}
div.league ul li {
	margin: 3px 0px 3px 0px;
}


table.league_teams {
	width: 100%;
}
table.league_teams th.super {
	font-size: 14px;
	font-weight: normal;
	background-color: #def5fb;
	color: #094b5e;
	text-align: left;
	padding: 7px 0px 5px 5px;
}
table.league_teams th {
	background-color: #eaf9fd;
	color: #094b5e;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding: 4px 0px 3px 3px;
}
table.league_teams td {
	padding: 3px;
}
table.league_teams tr.alt td {
	background-color: #edf4f6;
}

/* League Team Registration */

div.form {
	
}

div.form div.form_cont {
	margin: 5px 0 5px 0;
}
div.form div.form_cont div.inner_container {
	width: 88%;
	float: right;
	border-left: 1px solid #7b7b7b;
	padding-left: 10px;
}
div.form div.form_cont div.inner_container label.title {
	font-size: 13px;
	font-weight: bold;
}
div.form div.form_cont div.inner_container p {
	font-size: 10px;
	color: #7b7b7b;
}
div.form div.buttons { 
	padding: 10px;
}
div.form span.req {
	font-size: 10px;
	color: #a00e31;
	font-weight: bold;
}
div.form span.notreq {
	font-size: 10px;
	color: #49a00e;
	font-weight: bold;
}




/* Gallery */

h1.category {
	border-bottom: 1px solid #1569aa;
}
	h2.gallery {
		margin-left: 5px;
		font-size: 15px;
	}
	p.gallery {
		font-size: 20px;
	}


/* RealTime Errors */

div.teamRegRTError {
	color: #7d0101;
	background-color: #f9e4e4;
	border: 1px solid #d46565;
	float: left; 
	margin-left: 20px; 
	padding: 3px 10px 3px 10px;
}


/* Footer */
div#footer {
	background-image: url(/resources/images/footer_bg.gif);
	height: 63px;
	width: 940px;
	margin-bottom: 15px;
}
div#footer a {
	color: white;
	text-decoration: none;
}
div#footer div#left {
	background-image: url(/resources/images/footer_left.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 55px;	
	width: 400px;
	float: left;
	padding: 8px 0 0 7px;
}
div#footer div#left span {
	font-size: 12px;
	color: white;
}
div#footer div#left p {
	padding: 8px 0 0 0;
	margin: 0;
	font-size: 10px;
	color: white;
}
div#footer div#right {
	background-image: url(../images/footer_right.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height: 55px;
	width: 300px;
	float: right;
	padding: 8px 0px 0px 0px;
	color: white;
}


	



/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}




#carousel {
	margin:0 auto;
	width:400px;
	height:390px;
	padding:0;
	overflow:scroll;
	margin-bottom: 7px;
}
#carousel ul {
	list-style: none;
	width:1600px;
	margin: 0;
	padding: 0;
	position:relative;
}
#carousel li {
	display:inline;
	float:left;
}

.textholder {
	text-align:left;
	padding:6px;
	color: #000000;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-top-left-radius: 6px;	
	-webkit-border-top-right-radius: 6px;
}

/* Mini Form */
table.miniForm {
	width: 100%;
}

table.miniForm th {
	font-weight: bold;
	background-color: #e9f6ff;
	padding: 5px;
	text-align: left;
	color: #176480;
}
table.miniForm td.submit {
	padding-top: 20px;
}


table.miniResults {
	width: 100%;
}
table.miniResults th.super {
	font-size: 14px;
	font-weight: normal;
	background-color: #def5fb;
	color: #094b5e;
	text-align: left;
	padding: 7px 0px 5px 5px;
}
table.miniResults th {
	background-color: #eaf9fd;
	color: #094b5e;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding: 4px 0px 3px 3px;
}
table.miniResults td {
	padding: 3px;
}
table.miniResults tr.alt td {
	background-color: #edf4f6;
}



/* Scrollable */

div.card {
	width: 940px;
	height: 220px;
	display:none;
	font-family:sans-serif;
	color:white;
	text-shadow:#999 1px 1px 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 0 auto 0 auto;
}
	div.card h1 {
		margin: 15px 0px 0px 20px;
		padding: 0;
		height: 15%;
		text-shadow: 2px 2px #000;
		color: #fff;
	}
	div.padding {
		height: 50%;
	}
	div.card div.content {
		background-image: url(/resources/images/card_bg.png);
		vertical-align: bottom;
		height: 35%;
	}
	div.card div.content div.text {
		color: #ffffff;
		padding: 9px 15px 5px 15px;
		text-shadow: 1px 1px #000;
	}

s




/* the overlayed element */
		.simple_overlay {
			
			/* must be initially hidden */
			display:none;
			
			/* place overlay on top of other elements */
			z-index:10000;
			
			/* styling */
			background-color:#333;
			
			width:675px;	
			min-height:200px;
			border:1px solid #666;
			
			/* CSS3 styling for latest browsers */
			-moz-box-shadow:0 0 90px 5px #000;
			-webkit-box-shadow: 0 0 90px #000;	
		}
		
		/* close button positioned on upper right corner */
		.simple_overlay .close {
			background-image:url(/resources/images/overlay/close.png);
			position:absolute;
			right:-15px;
			top:-15px;
			cursor:pointer;
			height:35px;
			width:35px;
		}

		/* the large image. we use a gray border around it */
		#img {
			border:1px solid #666;
		}
		
		/* "next image" and "prev image" links */
		.next, .prev {
			
			/* absolute positioning relative to the overlay */
			position:absolute;
			top:40%;	
			border:1px solid #666;	
			cursor:pointer;
			display:block;
			padding:10px 20px;
			color:#fff;
			font-size:11px;
			
			/* upcoming CSS3 features */
			-moz-border-radius:5px;
			-webkit-border-radius:5px;	
		}
		
		.prev {
			left:0;
			border-left:0;
			-moz-border-radius-topleft:0;
			-moz-border-radius-bottomleft:0;
			-webkit-border-bottom-left-radius:0;
			-webkit-border-top-left-radius:0;
		}
		
		.next {
			right:0;
			border-right:0;
			-moz-border-radius-topright:0;
			-moz-border-radius-bottomright:0;
			-webkit-border-bottom-right-radius:0;
			-webkit-border-top-right-radius:0;	
		}
		
		.next:hover, .prev:hover {
			text-decoration:underline;
			background-color:#000;
		}
		
		/* when there is no next or previous link available this class is added */
		.disabled {
			visibility:hidden;		
		}
		
		/* the "information box" */
		.info {
			position:absolute;
			bottom:0;
			left:0;	
			padding:10px 15px;
			color:#fff;
			font-size:11px;
			border-top:1px solid #666;
			display: block;
		}
		
		.info strong {
			display:block;	
		}
		
		/* progress indicator (animated gif). should be initially hidden */
		.progress {
			position:absolute;
			top:45%;
			left:50%;
			display:none;
		}
		
		/* everybody should know about RGBA colors. */
		.next, .prev, .info {
			background:#333 !important;
			background:rgba(0, 0, 0, 0.6) url(/resources/images/overlay/h80.png) repeat-x;		
		}
		
		/* the thumbnails */
		#triggers {
			text-align:center;
		}
		
		#triggers img {
			background-color:#fff;
			padding:2px;
			border:1px solid #ccc;
			margin:15px 2px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
		}
		
		/* the active thumbnail */
		#triggers a.active img {
			outline:1px solid #000;
		
			/* show on top of the expose mask */
			z-index:9999;
			position:relative;
		}
		
/* simple css-based tooltip */ 
div.tooltip { 
    background-color:#000; 
    border:1px solid #fff; 
    padding:10px 15px; 
    width:200px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:12px; 
 
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}




body {font-family:arial; font-size:11px;}
.clear {clear:both}	
/* remove the list style */