@charset "utf-8";
/* Styles for all content elements on BoatUS.com */

/* HEADINGS */
h1, h2, h3, h4, h5, h6 {
	color: #990000;
	font-weight: bold;
	padding: 5px 0;
}

h1 {
	font-size: 34px;
	/*font-weight: normal;
	text-shadow: #2e0505 1px 1px 0px;*/
	line-height: 34px;
}

h1 a, h1 a:active, h1 a:hover, h1 a:visited {
	color: #990000;
	text-decoration: none;
}

h2 {
	font-size: 30px;
	line-height: 30px;
}

h3 {
	font-size: 18px;
	line-height: 18px;
}

h4 {
	font-size: 24px;
	line-height: 24px;
}

h5 {
	font-size: 15px;
	line-height: 15px;
}

h6 {
	font-size: 13px;
	line-height: 13px;
}

/* TEXT / LINKS */
#content a, #content a:hover, #content a:active, #content a:visited, a.redLink {
	color: #990000;
	text-decoration: none;
	border-bottom: 1px dotted #990000;
}

#content a:hover, #content a:active {
	border-bottom: 1px solid #990000;
}

/* Use if you don't want the bottom border on the :link state. */
#content a.noLine {
	border-bottom: none;
}

#content a.noLine:hover {
	border-bottom: 1px solid #990000;
}

#content a.noHover:hover {
	border-bottom: none;
}

#content a.arrow {
	background: transparent url(../img/Bullets.png) no-repeat -3px -245px;
	padding: 0px 0px 0px 15px;
}

#content a.arrow:hover {
	background-position: -3px -392px;
}

#content a.continue {
	background: transparent url(../img/Bullets.png) no-repeat right -245px;
	padding: 0px 15px 0px 0px;
}

#content a.continue:hover {
	background-position: right -392px;
}

.readMore {
	background: transparent url(../img/Bullets.png) no-repeat -3px -1126px;
	padding: 0 0 0 10px;
}

.readLess {
	background: transparent url(../img/Bullets.png) no-repeat -3px -1176px;
	padding: 0 0 0 10px;
}

.redStar, li.redStar {
	background: transparent url(../img/Bullets.png) no-repeat -2px -1029px;
	padding: 0 0 0 16px !important;
}

#content .paginator {
	text-align: right;
	white-space:nowrap;
	padding-bottom: 25px;
}

#content .paginator .selected {
	border: 1px solid #CAD6E8 !important;
	padding: 2px 6px;
}

#content .paginator a, #content .paginator a:active, #content .paginator a:hover, #content .paginator a:visited, #content .paginator a:link {
	padding: 2px 6px;
	border-bottom: none;
	text-decoration: underline;
	color: #4B5970;
}

#content .paginator a:hover {
	color: #990000;
}

#content .paginator a.next, #content .paginator a.next:active, #content .paginator a.next:hover, #content .paginator a.next:visited {
	background: #FFF url(../img/arrow-right.png) no-repeat scroll right center;
	border: 1px solid #4B5970;
	padding-right: 14px;
	text-decoration: none;
}

#content .paginator a.next:hover {
	background-image: url(../img/arrow-right-hover.png);
	border: 1px solid #990000;
}

#content .paginator a.prev, #content .paginator a.prev:active, #content .paginator a.prev:hover, #content .paginator a.prev:visited {
	background: #FFF url(../img/arrow-left.png) no-repeat scroll left center;
	border: 1px solid #4B5970;
	padding-left: 14px;
	text-decoration: none;
}

#content .paginator a.prev:hover {
	background-image: url(../img/arrow-left-hover.png);
	border: 1px solid #990000;
}

.timestamp {
	display: block;
	float: left;
	padding: 13px 0 8px;
	width: 300px;
}

.timestamp .date {
	font-weight: bold;	
}

.timestamp .time {
	
}

a.shareButton, a.shareButton:active, a.shareButton:hover, a.shareButton:visited {
	background: url(../img/social/share-small.png) no-repeat scroll 2px center #efefef;
	font-size: 12px;
	padding: 0px 2px 1px 16px;
	border: 1px solid #c0c0c0 !important;
	color: #000 !important;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-weight: bold;
}

a.shareButton[class~="facebook"] {
	background-image: url(../img/social/facebook-small.png);
	border-color: #cad4e7;
	color: #3b5998 !important;
}

a.shareButton[class~="facebook"]:hover {
	border-color: #9dacce !important;
}

a.shareButton[class~="twitter"] {
	background-image: url(../img/social/twitter-small.png);
	background-color: #fff;
	border-color: #cee3f0;
	color: #30566d !important;
}

a.shareButton[class~="twitter"]:hover {
	background-color: #e8f3f9;
	border-color: #9dc6e1 !important;
	
}

a.shareButton[class~="digg"] {
	background-image: url(../img/social/digg-small.png);
}

a.shareButton[class~="stumble"] {
	background-image: url(../img/social/stumble-small.png);
}

a.shareButton[class~="email"] {
	background-image: url(../img/social/email-small.png);
}

a.shareButton:hover {
	border: 1px solid #000 !important;
}

/* LISTS */
ul.bulletList, ul.bulletList[class~="red"] {
	color: #000;
	margin-left: 5px;
}

ul.bulletList li {
	padding: 3px 0px 3px 5px;
	list-style-image: url(../images/bulletRed.gif);
	margin: 0 0 0 15px;
	padding: 3px 0;
}

ul.bulletList[class~="blue"] li {
	list-style-image: url(../images/bulletBlue.gif);
	color: #000;
}

ul.bulletList[class~="grey"] li {
	list-style-image: url(../images/bulletGrey.gif);
	color: #000;
}

ul.bulletList[class~="white"] li {
	list-style-image: url(../img/bulletWhite.gif);
	color: #000;
}

ul.bulletList[class~="orange"] li {
	list-style-image: url(../img/bulletOrange.gif);
	color: #000;
}

ul.bulletList[class~="ltBlue"] li {
	list-style-image: url(../img/bulletLtBlue.gif);
	color: #000;
}

ul.starList {
	list-style-type: square;
	color: #000;
	list-style-image: url(../img/bulletStar.gif);
}

ul.starList li {
	padding: 3px 0px 3px 20px;
}

ul.BoatUSList {
	background: #ffffff url(../img/feature_bg.gif) repeat-y top left;
	background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0.04, rgb(233,232,232)), color-stop(1, rgb(255,255,255)));
	background-image: -moz-linear-gradient(right top, rgb(233,232,232) 4%, rgb(255,255,255) 100%);
	margin-top: 5px;
	border-left: 5px solid #d9d9d9;
}

ul.BoatUSList > li {
	background: transparent url(../img/buoy_bubble.gif) no-repeat 11px center;
	border-bottom: 5px solid #fff;
	padding: 8px 3px 8px 50px;
	margin-left: -5px;
}

ul.BoatUSList li h3 { padding-bottom: 0px; color: #990000; }

ul.BoatUSList li p {
	margin-top: 0px;
	color: #000;
}

ul.twoColList { margin-top: 5px; }

ul.twoColList li div {
	width: 48%;
	float: left;
	padding: 3px;
}

ul.twoColList div.clear {
	width: 100%;
	float: none;
	padding: 0;
}

#rightCol .features {
	background-color: #F1F1F1;
	margin: 0 0 16px;
	padding-bottom: 8px;
	position: relative;
	width: 100%;
}

#leftCol .features {
	background-color: #FFF;
	margin: 0 0 16px;
	padding-bottom: 8px;
	position: relative;
	width: 100%;
}

.features h4 {
	padding: 8px 0;
	border-bottom: 1px solid #C7C6C7;
	margin: 0 8px 8px 8px;
}

.features ul {
	clear: both;
	overflow: hidden;
	padding: 0 8px;
	position: relative;
}

.features ul li:first-child { margin-top: -6px; }

.features ul li {
	margin-bottom: -2px;
	padding: 0 0 0 120px;
	position:relative;
	clear: both;
	display: block;
	overflow: hidden;
	min-height: 75px;
}

.feature-large ul li {
	padding: 0 0 0 160px;
	margin-bottom: 0;
	min-height: 91px;
}

.feature-square ul li {
	padding: 0 0 0 70px;
	margin-bottom: 0;
	min-height: 75px;
}

.feature-square-large ul li {
	padding: 0 0 0 90px;
	margin-bottom: 0;
	min-height: 91px;
}

.features ul li h5 {
	margin-bottom: -1px;
	padding-top: 11px;
	position: relative;
}

.features ul li h5 img {
	display: inline;
	float: left;
	clear: none;
	height: 63px;
	width: 112px;
	margin-top: -5px;
	position: absolute;
	left: -120px;
	border: 1px solid #333;
	
}

.feature-large ul li h5 img {
	width: 144px;
	height: 81px;
	left: -160px;
}

.feature-square ul li h5 img {
	width: 63px;
	height: 63px;
	left: -70px;
}

.feature-square-large ul li h5 img {
	width: 81px;
	height: 81px;
	left: -90px;
}

.features ul li p {
	padding: 6px 0 4px 0;
	margin: 0;
}

.features ul li.right {
	float: none;
	padding: 0 120px 0 0;
	text-align: right;
}

.feature-large ul li.right { padding: 0 160px 0 0; }

.feature-square ul li.right { padding: 0 70px 0 0; }

.feature-square-large ul li.right { padding: 0 91px 0 0; }

.features ul li.right h5 img {
	float: right;
	right: -120px;
	left: auto;
}

.feature-large ul li.right h5 img { right: -160px; }

.feature-square ul li.right h5 img { right: -70px; }

.feature-square-large ul li.right h5 img { right: -91px; }

.section-list {
	
}

.section-list > li {
	padding: 4px 10px 8px;
	border-bottom: 1px solid #C7C6C7;
}

.section-list > li.current { background-color: #F1F1F1; }

.section-list > li:last-child { border-bottom: none; }

.section-list p {
	font-weight: bold;
	margin: 5px 5px 0;
}

/* COLORS */
.red { color: #990000 !important; }

.blue { color: #000066 !important; }

.light-blue { color: #99B0B8 !important; }

.grey { color: #666666 !important; }

.light-grey { color: #F1F1F1 !important; }

.med-grey { color: #C7C6C7 !important; }

.black { color: #000 !important; }

.white { color :#FFF !important; }

/* LAYOUT */

p {
	margin: 5px 0 10px 0;
}

.inline { display: inline; }

.center { text-align: center; }

.left { text-align: left !important; }

.floatLeft { float: left; }

.floatRight { float: right; }

.floatNone { float: none; }

hr {
	color: #333;
	background-color: #333;
	height: 1px;
	width: 75%;
	margin: 23px auto;
	border: none;
	text-align: center;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.welcomeBox {
	background: #ffffff url(../img/welcome_bg.gif) repeat-x top left;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.04, rgb(233,232,232)), color-stop(1, rgb(255,255,255)));
	background-image: -moz-linear-gradient(center top, rgb(233,232,232) 4%, rgb(255,255,255) 100%);
	margin-top: 5px;
	padding: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
}

.blueBox {
	background-repeat: repeat-y;
	background-position: right top;
	background-image: url(../img/blue_bg.gif);
	background-image: -webkit-gradient( linear, right bottom, left bottom, color-stop(0.44, rgb(227,235,249)), color-stop(1, rgb(255,255,255)));
	background-image: -moz-linear-gradient(right center, rgb(227,235,249) 44%, rgb(255,255,255) 100%);
	margin-top: 5px;
	padding: 10px;
	border: 1px solid #FFF;
}

.module {
	border: 1px solid #C7C6C7;
	margin-bottom: 8px;
}

.module h3, .module h4, .module h5, .module h6 { padding-top: 0; }

.module h3 { border-bottom: 1px solid #C7C6C7; }

.moduleContent {
	padding: 8px;
}

/* Text Resizer Widget */
.text-resizer a {
	display: block;
	clear: none;
	float: right;
	background: transparent url(../img/text-resize.png) no-repeat left -21px;
	text-indent: 999999px;
	width: 20px;
	height: 18px;
	overflow: hidden;
}

.text-resizer a.small {
	background-position: left 5px;
}

.text-resizer a.large {
	background-position: left -48px;
}

/* IMAGE STYLES */
/* Give any element a polaroid picture-like effect with a border and drop shadow. */
.polaroid {
	padding: 7px;
	border: 1px solid #C7C6C7;
	box-shadow: 0 1px 3px #C7C6C7;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 3px #C7C6C7;
	margin: 7px;
	background-color: #fff;
}

.shadow {
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

/* EXTRAS */
blockquote, blockquote.red {
	margin: 12px 20px;
	padding: 3px;
	color: #575757;
	padding: 0 0 0 40px;
	min-height: 32px;
	background: transparent url(../img/quotes-red.png) no-repeat left top;
}

blockquote.grey {
	background: transparent url(../img/quotes-grey.png) no-repeat left top;
	color: #575757;
}

blockquote.blue {
	background: transparent url(../img/quotes-blue.png) no-repeat left top;
	color: #575757;
}

blockquote div, blockquote.red div {
	margin: 0;
	padding: 0 48px 0 0;
	background: transparent url(../img/quotes-red.png) no-repeat right bottom;
	min-height: 54px;
	font-style: italic;
}

blockquote div p {
	margin-right: 20px;
}

blockquote.grey div {
	background: transparent url(../img/quotes-grey.png) no-repeat right bottom;
}

blockquote.blue div {
	background: transparent url(../img/quotes-blue.png) no-repeat right bottom;
}

blockquote p.byline {
	background: transparent url(../img/splitArrow.png) no-repeat 5px 50%;
	padding-left: 15px;
	color: #000;
	font-size: 10.5px;
	font-style: normal;
	float: right;
	margin-right: 55px;
	line-height: normal;
}

aside {
	clear: right;
	display: inline;
	float: right;
	margin: 0 0 16px 16px;
	overflow: hidden;
	position: relative;
	width: 250px;
	border-top: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
	font-size: 90%;
}

aside h3 {
	padding: 10px 0 5px 0;
}

aside.left {
	float: left;
	margin: 0 16px 16px 0;
}

/* VIDEOS */

.videoLink {
	width: 310px;
	height: 228px;
	position: relative;
}

.playBtn {
	background: transparent url(../img/videoPlay.png) no-repeat top left;
	height: 75px;
	width: 75px;
	position: absolute;
	top: 77px;
	left: 118px;
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.playBtn:hover, .videoLink a:hover .playBtn {
	-moz-opacity: .8;
	-khtml-opacity: 8.;
	opacity: .8;
}

/*  MODAL DIALOGS */

#boatus_overlay {
	background-color: #FFF;
	padding: 23px;
	color: #000;
	-moz-box-shadow: 2px 2px 4px #3f3f3f;
	-webkit-box-shadow: 2px 4px 10px #3f3f3f;
	box-shadow: 2px 2px 4px #3f3f3f;
}

#boatus_overlay h4 {
	font-size: 16px;
}

#boatus_overlay h3, #boatus_overlay h1 {
	border-bottom: 1px solid #C7C6C7;
	margin-bottom: 10px;
}

#boatus_overlay h3 span {
	font-size: 8px;
	margin-left: 10px;
	color: #000;
}

#boatus_overlay h3 span .buttonLink {
	margin: 0;
}

#boatus_overlay .overlay_bdy {
	background-color: #FFF;
}

.overlay_bdy a, .overlay_bdy a:active, .overlay_bdy a:hover, .overlay_bdy a:visited {
	color: #000000;
	text-decoration: none;
}

.overlay_bdy a:hover {
	text-decoration: underline;
}

#boatus_overlay .overlay_close {
	width: 20px;
	height: 20px;
	background: transparent url(../img/controls.png) no-repeat -51px -1px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

#boatus_overlay .overlay_close:hover {
	background-position: -51px -26px;
}

/* DIALOGS */

.dialog {
	padding-left: 30px;
	padding: 4px 4px 4px 30px;
	margin: 10px 0px 10px 0px;
	font-weight: bold;
	font-size: 12px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.sysMsg {
	color: #4d4d4d;
	background: #f9f9f9 url(../img/icons/information.png) no-repeat 5px 50%;
	border: 1px solid #ccc;
}
.tipMsg {
	color: #144877;
	background: #b8d6de url(../img/icons/light-bulb.png) no-repeat 5px 50%;
	border: 1px solid #9cc7d0;
}
.errMsg {
	color: #ab2723;
	background: #d9b8bf url(../img/icons/exclamation-red-frame.png) no-repeat 5px 50%;
	border: 1px solid #cf9f9f;
}
.successMsg {
	color: #386812;
	background: #b9e0b1 url(../img/icons/tick-circle-frame.png) no-repeat 5px 50%;
	border: 1px solid #9fd597;
}
.warningMsg {
	color: #685a1b;
	background: #f7ed97 url(/assets/img/icons/exclamation-diamond-frame.png) no-repeat 5px 50%;
	border: 1px solid #dfd57f;
}
.sysMsg .subtitle, .errMsg .subtitle, .tipMsg .subtitle, .successMsg .subtitle, .warningMsg .subtitle {
	font-size: 11px;
	color: #000;
	font-weight: normal;
	padding: 5px;
	clear: both;
	display: block;
}
.sysMsg .close, .errMsg .close, .tipMsg .close, .successMsg .close, .warningMsg .close {
	position: relative;
	display: block;
	color: #000;
	float: right;
}

/* TABS */

#page .tabbed-module {
	margin: 15px 0 10px 0;
}

#page .tabbed-module .tabs {
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: transparent url(../img/tabBG.png) repeat-x left top;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(19,40,63))), color-stop(1, rgb(0,51,102)));
	background: -moz-linear-gradient(center bottom, rgb(19,40,63) 0%, rgb(0,51,102) 100%);
	clear: both;
	height: 28px;
	padding-left: 5px;
}

#page .tabbed-module .tabs li {
	border-left: 1px solid #0F2E43;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 28px;
	list-style: none outside none;
	margin: 0;
	position: relative;
}

#page .tabbed-module .tabs li.current {
	background: none repeat scroll 0 0 #F1F1F1;
	border: 1px solid #BBBBBB;
	border-width: 1px 1px 0;
	height: 32px;
	margin: -5px -2px 0 0;
	z-index: 2;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

#page .tabbed-module .tabs li:last-child {
	border-left: 1px solid #0F2E43;
	border-right: 1px solid #0F2E43;
}

#page .tabbed-module .tabs li.current:last-child {
	border-color: #BBB;
}

#page .tabbed-module .tabs li a {
	border-left: 1px solid #3E647E;
	color: #FFFFFF;
	display: block;
	padding: 5px 10px;
	text-shadow: 0 -1px 0 #051A29;
	outline: 0 none;
	text-decoration: none;
	border-bottom: none;
}

#page .tabbed-module .tabs li a:hover {
	background-color: #4b6e87;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(59,82,98)), color-stop(1, rgb(75,110,135)));
	background: -moz-linear-gradient(center bottom, rgb(59,82,98) 0%, rgb(75,110,135) 100%);
	text-decoration: none;
}

#page .tabbed-module .tabs li.current a {
	border: medium none;
	color: #183A52;
	padding: 9px 12px 7px;
	text-shadow: none;
}

#page .tabbed-module .tabs li.current a:hover {
	background: none repeat scroll 0 0 #F1F1F1;
	text-shadow: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#page .tabbed-module .tab {
	background: none repeat scroll 0 0 #F1F1F1;
	border: 1px solid #BBBBBB;
	border-width: 0 1px 1px;
	padding: 10px 10px 12px;
}

#page .tabbed-module .tab[class~="current"] {
	display: block;
}

/* The padding of the tab is such that the margin is needed when doing multi columns. */
#page .tabbed-module .tab .alpha {
	margin-left: 5px;
}

/* Sub Top Navigation is related to tabs. */
#topNav .menu li.current {
	padding-bottom: 0;
}
#topNav .menu li.current > div {
	background: none repeat scroll 0 0 #F1F1F1;
	border: 1px solid #BBBBBB;
	border-width: 1px 1px 0;
	height: 24px;
	margin: -15px -0 0 -2px;
	z-index: 2;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	padding-top: 14px;
}

#topNav .menu li.current a {
	border: medium none;
	color: #183A52;
	padding: 9px 12px 7px;
	text-shadow: none;
}

#topNav div.subNav {
	border: none;
	background: none repeat scroll 0 0 #F1F1F1;
	padding: 10px;
	border: 1px solid #BBBBBB;
	border-top: none;
	font-size: 12px;
}

#topNav div.subNav .sub-nav-col {
	width: 150px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}

#topNav div.subNav a {
	color: #4F4F4F;
	text-decoration: none;
	display: block;
	padding: 2px 3px;
}

#topNav div.subNav a:hover {
	background-color: #013364;
	color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#topNav div.subNav ul.nav-list li.item {
	margin-right: 5px;
}

#topNav div.subNav ul.nav-list-inline li {
	float: left;
	width: auto;
	padding: 2px 10px;
}

#topNav div.subNav .section-title {
	text-transform: uppercase;
	color: #4F4F4F;
	font-size: 12px;
}

#page .tabbed-module .tab .omega {
	margin-right: 5px;
}

.ui-datepicker {
	display: none;
}


/* SWFUPLOAD STYLES */
div.flash {
	width: 375px;
	margin: 10px 5px;
	border-color: #D9E4FF;

	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
    -moz-border-radius-topright : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-bottomleft : 5px;
    -webkit-border-bottom-left-radius : 5px;
    -moz-border-radius-bottomright : 5px;
    -webkit-border-bottom-right-radius : 5px;

}

.flash  .progressWrapper {
	width: 357px;
	overflow: hidden;
}

.flash  .progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.flash  .message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.flash .red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.flash .green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.flash .blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.flash .progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.flash .progressBarInProgress,
.flash .progressBarComplete,
.flash .progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.flash .progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.flash .progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.flash .progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

.flash  a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../img/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

.flash  a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}

.beta {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 9px;
	color: #990000 !important;
	font-weight: bold;
}

/* COMMENTS STYLES */
.comment {
	margin-top: 10px;
}

.comment .comment-body {
	background-color: #fff;
	position: relative;
}

.comment .comment-body .comment-content {
	border: 2px solid #000;
	padding: 10px;
	z-index: 5;
	position: relative;
	margin-top: 20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.comment .comment-body .comment-tip {
	background: transparent url(../img/commentTip.png) no-repeat top left;
	width: 41px;
	height: 23px;
	position: absolute;
	top: -17px;
	left: 20px;
	z-index: 200;
}

.comment-left .comment-body .comment-tip {
	left: 20px;
	right: auto;
}

.comment-right .comment-body .comment-tip {
	left: auto;
	right: 20px;
}

.comment-left .comment-author, .comment .comment-author {
	padding-left: 15px;
}

.comment-right .comment-author {
	text-align: right;
	padding-right: 15px;
}

/* Gallery Styles */
.hero-gallery {
	width: 470px;
	height: 252px;
	overflow: hidden;
}

.hero-gallery {
	background: transparent url(../img/ajax-loader-lg.gif) no-repeat center center;
}

.hero-gallery .slides {
	list-style: none;
	padding: 0;
	margin: 0;
}

.hero-gallery .slide {
	height: 252px;
	overflow: hidden;
}

.slide-nav-holder {
	background: transparent url(../img/gallery-nav-bg.png) no-repeat top left;
	height: 15px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 2px 1px 3px 5px;
	margin: 0;
}

.slide-nav-item {
	background-color: #8995a5;
	width: 16px;
	height: 16px;
	overflow: hidden;
	float: left;
	margin-right: 4px;
	cursor: pointer;
	position: relative;
}

.slide-nav-progress {
	background-color: #a2c2e9;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.slide-nav-frame {
	background: transparent url(../img/gallery-nav-frame.png) no-repeat top left;
	width: 16px;
	height: 16px;
	position: absolute;
}

.slide-nav-current, .slide-nav-hover {
	background-color: #fff;
}

ul.hero-gallery li h2 {
	color: #FFF;
	text-shadow: #000 0px 0px 6px;
	filter: glow(color=black,strength=2);
}

ul.hero-gallery li h2.blueBG {
	background: rgb(37, 88, 123);
	background: rgba(37, 88, 123, 0.8);
	padding:5px;
}

ul.hero-gallery li h2.left {
	position: absolute;
	top: 8px;
	left: 10px;
}

ul.hero-gallery li h2.right {
	text-align:right;
	position: absolute;
	top: 10px;
	right: 8px;
}

ul.hero-gallery div.supportText {
	background: rgb(37, 88, 123);
	background: rgba(37, 88, 123, 0.8);
	position: absolute;
	top: 257px;
	padding: 2px 8px;
	color: #FFFFFF;
	font-size:11px;
}

ul.hero-gallery div.supportText.right {
	text-align:right;
	position: absolute;
	right:10px;
}

ul.hero-gallery div.supportText.left {
	text-align:left;
	position: absolute;
	left:10px;
}

a.captcha-reload {
	background: url(../img/icons/reload.png) no-repeat left center transparent;
	padding-left: 20px;
}


/* ColorBox Styles */
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{
	background-color: #000000;
	opacity: 0.5;
}
#colorbox{ background-color: #ffffff; padding: 23px !important; height: auto !important; }
    #cboxWrapper{ position: relative; overflow: visible; }
    #cboxContent{margin-top:39px; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{}
	   	#cboxLoadedContent img.cboxPhoto { border: none; }
        #cboxLoadingGraphic{background:url(../img/ajax-loader.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxTitle{position:absolute; top:-39px; left:0; right: 0; color:#990000; border-bottom: 1px solid #C7C6C7; margin-bottom: 10px; font-size: 18px; line-height: 18px; font-weight: bold; padding: 5px 0;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; background:url(../img/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:22px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:0;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0; position: absolute; top: -62px; right: -23px;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

/* Styles for the related articles boxes */
.related-scroller {
	overflow: auto;
	height: 314px;
	margin-top: 10px;
}
.related-articles-list li {
	margin: 5px 10px 10px;
	border-bottom: 1px solid #E6E6E6;
	padding-bottom: 5px;
}
.related-articles-list:last-child, .releated-articles-list .last-child {
	border-bottom: none;
}
.scroll {
	overflow: auto;
}