/*
This is where any project specific CSS should reside.  The CSS for a number of jQuery plugins and patterns are included here for easy editing or you can remove them.  Most are so short it just doesn't make sense to have a separate CSS file for them.
*/
.showGrid { background: url('../images/bkg-grid.png'); } /* For use on the .container layer only */

/*
General HTML element declarations 
*/
body { background-color:#fff; margin:0; padding:0; }

/* table { border-right:1px solid #F1EEE4; border-bottom:1px solid #F1EEE4; }
th a {
	display:block;
}
th { background:url("../images/bkg-table_header.gif");  }
th, td { border-top:1px solid #F1EEE4; border-left:1px solid #F1EEE4; }*/

html {
	overflow: -moz-scrollbars-vertical;
}
	 {
	overflow-x: auto;
}

/*
ID/Class declarations
*/
#head { padding:5px; background:url(../images/header-bg.jpg) repeat-x; color:#666; height:40px;}
#logo { font-size:20px; color:#fff; margin-top:5px; }
#logo span { font-style:oblique; color:#666; font-family:Georgia, "Times New Roman", Times, serif; }
#tagline { font-size:12px; }
#top-nav { text-align:right; padding-top:10px; font-size:10px; }
#top-nav ul { margin:0; padding:0; }
#top-nav li { list-style-type:none; }
/*
#top-nav li { background:url(../images/bullet.png) no-repeat; display:inline; padding-left:17px; margin-left:27px; }
*/
#top-nav li.last { border:0; margin:0; padding:0; }
#top-nav .user { font-weight:bold;}
#top-nav a, #top-nav a:active, #top-nav a:visited { color:#A8B4EA; text-decoration:none;}

#nav ul {
	margin: 0;
	padding: 0;
	margin-bottom:-1px;
	list-style-type: none;
	float:right;
}

#nav li{
	margin: 0; 
	padding: 0;
	display: inline;
}

#nav a {
	position:relative;
	float: left;
	background: #474236;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	margin-left: 5px;
	border: 1px solid #756757;
	text-decoration: none;
	color: #756757;
}

#nav .active a {
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #000;
}

#nav a:hover{
	background: #fff;
}

#body { padding:0 0 40px 0; background:#F1F3E2; }

#navigation h4.separator-bottom { padding-bottom: 0; margin-bottom: 0; border-bottom: 0}

#navigation ul { 
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
	margin-bottom: 15px;
}

#navigation ul li {margin: 0px; padding: 0px; list-style: none; }
#navigation ul li a { 
	text-decoration: none;
	color: #4c5d81;
	padding: 3px 0 3px 8px; 
	margin: 0 0 0 5px; 
	display: block;
	border-bottom: 1px solid #DFE4EF;
	width:160px;
}

#navigation ul li a:hover { color: #083C92; background: #EFF5FF; }

.separator-bottom { border-bottom: 1px solid #1F518A; }
.separator-top { border-top: 1px solid #1F518A; }	

.status { color:#000; font-size:120%; }
	.status dl {margin:0;}
	.status dt {width:100px; float:left;}

.status a, .status a:active, .status a:hover, .status a:visited { vertical-align:bottom; }

#foot { background:#253479 url(../_assets/images/footer-bg.jpg) repeat-x; border-top:1px solid #4760D3; padding-top:20px; color:#8192E0; overflow:hidden; /* hidden compensates for a bug with the normal clearfix being the last element */ }
  #bottom-nav a, #bottom-nav a:active, #bottom-nav a:visited { color:#8192E0; }

/*form dl dt { overflow:hidden; }*/
form fieldset { margin-bottom: 15px; border:0; padding:0; margin:0;}

.help-indicator { background:url('../images/ico-help-16.png'); width:16px; height:16px; overflow:hidden; text-indent:-100em; margin-left:3px; padding-left:16px; margin-right:-7px; }

.buttons2 { margin-left:15.7em; margin-top:20px; }
.buttons { text-align:center; margin-top:10px; background-color:#F3F1EF; border:1px solid #1F518A; padding:5px 0; clear:both; }

.prototype-notes-container { background:#b1b2b2; padding-top:60px; }
.prototype-notes { background:#DFD9D5; width:950px; margin:0 auto; padding:20px; position:relative;  }
.prototype-notes table { border-bottom: 1px solid #C4BBB3; border-right: 1px solid #C4BBB3; }
.prototype-notes th { background:#D3CEC7; vertical-align:top; width:10em; }
.prototype-notes th, .prototype-notes td { border-left: 1px solid #C4BBB3; border-top: 1px solid #C4BBB3; }
.pn-controls { top:10px; right:0; position:absolute; margin-right:20px; }

.editHelp { text-align:left; margin-top:10px; background-color:#f1f1c7; border:1px solid #1F518A; padding:5px 0; }

/* TREKKER -------------------------------------------------------- */

.bodytext {
  color:#BABEC7;
  font-size:12px;
  text-align:left;
  margin:5px auto 0;
  padding-bottom:10px;
}

.bodyhead {
  color:#ffd54b;
  font-size:24px;
  text-align:left;
  margin:5px auto 0;
  padding-bottom:10px;
}

.bodysub {
  color:#ffd54b;
  font-size:14px;
  text-align:left;
  margin:5px auto 0;
  padding-bottom:10px;
}

#bodylinks, a, a:visited, a:active {
	color:#9DBAEE;
}

#bodylinks, a:hover {
	color:#03CFC5;
}

.align-right {
	float:right; margin: 0 0 15px 15px;
}

}

/* end TREKKER */
/* Breadcrumb
------------------------------------------------------------------ */
.no-breadcrumb { padding-top:20px !important; }
.breadcrumb {
  color:#000;
  margin:0 auto;
  padding:0;
}
.breadcrumb {
  vertical-align:middle;
}
.breadcrumb-content {
  font-size:14px;
  text-align:left;
  margin:5px auto 0;
  padding-bottom:10px;
}
.breadcrumb a:link, .breadcrumb a:visited {
  text-decoration:underline;
}
.breadcrumb span {
  color:#A4988E;
  padding:0pt 5px;
}
.breadcrumb strong {
  color:#3A312C;
  font-size:130%;
  font-weight:normal;
}


/* Buttons
------------------------------------------------------------------ */
	/* new-testing */	
	.button-default, .button-nondefault, .button-nondefault-alt1, .button-nondefault-alt2, .button-nondefault-alt3, .button-disabled { border-color: #dcdede #630 #000 #dcdede; border-style:solid; border-width:1px; padding:3px 6px; *padding:3px 0px; margin-right:5px; cursor:pointer; color:#fff; }
	.button-default { background: #A6743E url(../images/btn-blue-bg2.jpg) repeat-x; color:#fff; }
	.button-nondefault { background: url(../images/btn-gray-bg.jpg) repeat-x; color:#000; }
	.button-nondefault-alt1 { background: url(../images/btn-green-bg2.jpg) repeat-x; }
	.button-nondefault-alt2 { background: #a71717 url(../images/btn-red-bg2.jpg) repeat-x; }
	.button-nondefault-alt3 { background: url(../images/btn-yellow-bg.jpg) repeat-x; color:#000; }
	.button-disabled { background: url(../images/btn-gray-bg.jpg) repeat-x; color:#756757; border:solid 1px #aaa; }
	.button-small { text-align:center; background-color:#f1f1f1; border:1px solid #1F518A; padding:0; clear:both; }

button.small { padding: 2px 3px; color: #3A312C; font-weight: normal; border: 1px solid #A2A197; background: #D4D3C5; font-size: 12px; *overflow:visible; }
/*.button-nondefault:hover { background-position: right bottom; border: 1px solid #000; }*/
input.small { padding: 2px 2px; font-size: 12px; *overflow:visible; }

/* Empty State
------------------------------------------------------------------ */
.empty-state { border: 2px dashed #ccc; background: #fff; padding: 50px 20px 35px 20px; font-size: 150%; color: #999; }


/* Icon Styles
------------------------------------------------------------------ */
.inline-help { cursor: help; }

.icon { vertical-align: top; }

.add-link:link, 
.add-link:visited,
.add-link:hover { color: #5B9548; font-size: 11px; text-decoration: underline;  }
.edit-link:link, 
.edit-link:visited,
.edit-link:hover { color: #5B9548; font-size: 11px; text-decoration: underline; }
.delete-link:link, 
.delete-link:visited,
.delete-link:hover { color: #cc0000; font-size: 11px; text-decoration: underline; }

.add-link-icon:link,
.add-link-icon:visited,
.add-link-icon:hover { font-size: 11px; background: url(../images/ico-add.png) no-repeat 0 50%; padding: 2px 0 2px 19px; color: #5B9548; text-decoration: underline;}
.add-link-icon-small:link,
.add-link-icon-small:visited,
.add-link-icon-small:hover { font-size: 11px; background: url(../../_assets/images/icon-add-small.gif) no-repeat 0 50%; padding: 2px 0 2px 15px; color: #5B9548; text-decoration: underline;}

.delete-link-icon:link,
.delete-link-icon:visited,
.delete-link-icon:hover { font-size: 11px; background: url(../images/ico-delete-16.png) no-repeat 0 50%; padding: 2px 0 2px 19px; color: #ae6565; text-decoration: underline;}

.edit-link-icon:link,
.edit-link-icon:visited,
.edit-link-icon:hover { font-size: 11px; background: url(../images/ico-edit-16.png) no-repeat 0 50%; padding: 2px 0 2px 19px; color: #5B9548; text-decoration: underline;}

.jump-link-icon:link,
.jump-link-icon:visited,
.jump-link-icon:hover { font-size: 11px; background: url(../images/ico-jump-link.png) no-repeat right; padding: 2px 15px 2px 0px; text-decoration: underline;}

.jump-link-icon-left:link,
.jump-link-icon-left:visited,
.jump-link-icon-left:hover { font-size: 11px; background: url(../images/ico-jump-link.png) no-repeat left; padding: 2px 0px 2px 15px; text-decoration: underline;}

.print-link-icon:link,
.print-link-icon:visited,
.print-link-icon:hover { font-size: 11px; background: url(../images/ico-print-16.png) no-repeat 0 50%; padding: 2px 0 2px 19px; text-decoration: underline;}

.add-link-icon-disabled,
a:link.add-link-icon-disabled,
a:visited.add-link-icon-disabled,
a:hover.add-link-icon-disabled { font-size: 11px; cursor: default; color: #999; outline: 0; text-decoration: none; padding: 2px 0 2px 19px; background: url(../../_assets/images/icon-add-disabled.gif) no-repeat 0 50%; }

.add-link-icon-small-disabled,
a:link.add-link-icon-small-disabled,
a:visited.add-link-icon-small-disabled,
a:hover.add-link-icon-small-disabled { font-size: 11px; cursor: default; color: #999; outline: 0; text-decoration: none; padding: 2px 0 2px 15px; background: url(../../_assets/images/icon-add-small-disabled.gif) no-repeat 0 50%; }

img.dnc {position:absolute; margin:-10px 0 0 50px;}


/* Mini Tabs
------------------------------------------------------------------ */
.mini-tabs { clear: both; font-size: 95%; margin-bottom: 8px; }
.mini-tabs ul { list-style-type: none; padding: 0; margin: 0; }
.mini-tabs ul li { display: inline; float: left; padding: 0; }
.mini-tabs a,
.mini-tabs a:link,
.mini-tabs a:visited { display: block; text-decoration: none; color:#bebebe; }
.mini-tabs a:hover { color: #FFF710; }
/* Mini Tabs Level 1 */
.mini-tabs-level1 { background: url(../images/mini-tabs-level1-bg.gif) repeat-x left bottom; }
.mini-tabs-level1 li { background: #253479 url(../images/mini-tabs-level1-tab-bg.gif) repeat-x left top; border: 1px solid #6678C7; margin: 7px 0 0 -1px; }
.mini-tabs-level1 a { padding: 5px 27px 5px; }
.mini-tabs-level1 li.selected { background: #4760D3; border-bottom: 1px solid #4760D3; border-top: 4px solid #A8B4EA; margin-top: 4px; font-weight: bold; }
.mini-tabs-level1 li.selected a,
.mini-tabs-level1 li.selected a:link,
.mini-tabs-level1 li.selected a:visited,
.mini-tabs-level1 li.selected a:hover { color: #fff; }
/* Mini Tabs Level 2 */
.mini-tabs-level2 { margin: -10px 12px 10px 12px; padding: 0; background: #253479 url(../images/mini-tabs-level2-bg.gif) repeat-x bottom; /*border-bottom:  1px solid #ccc;*/ clear: both; }
.mini-tabs-level2 li { color: #fff; text-decoration: none; }
.mini-tabs-level2 a {padding:5px 27px 10px; }
.mini-tabs-level2 li.selected a,
.mini-tabs-level2 li.selected a:hover { color: #FFF710; font-weight: bold; background:transparent url(../images/mini-tabs-level2-selected-bg.gif) no-repeat scroll 50% 100%; color: #fff; outline: none; /*border-bottom:4px solid #7388BC;*/ }
.mini-tabs-level2 li a:hover { color: #FFF710; background: url(../images/mini-tabs-level2-hover-bg.gif) no-repeat center bottom; /*border-bottom:4px inset #7388BC; */}
/* self clear floated parent containers */
.mini-tabs:after, .mini-tabs-level1:after, .mini-tabs-level2:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

/* ZOOM STUFF */
.mini-tabs, .mini-tabs-level1, .mini-tabs-level2 {zoom:1;} /* IE */

.info-section {float:left; margin-bottom:10px; width:100%;}
.info-section h3 {border-bottom:solid 1px #7a7a7a;}
/*.separators dl{border-top:solid 1px #ccc;}*/

/* Table Elements
------------------------------------------------------------------ */
.table-rows { padding:0; margin:0; border:0; }
.table-rows td { border-bottom: 1px solid #ccc; border-left:none; border-top:none;}
th a.order-asc { background: url("../images/ico-order-asc.gif") no-repeat center center; padding-right: 16px; } 
th a.order-desc { background: url("../images/ico-order-desc.gif") no-repeat center center; padding-right: 16px; }

table#results-nav { 
	border:none; 
	margin:0; 
	padding:0 10px; 
	height:30px; 
	color:#000; 
	width:310px;
	background:#ddd;
	}
table#results-nav td {border:none; padding:0; vertical-align:middle;}
table#results-nav #go { vertical-align:text-top; }

/* Form Elements
------------------------------------------------------------------ */
input.input-text, textarea, select {
	background: #fff url(../images/field-bg.gif) repeat-x; 
	border-top: 1px solid #7c7c7c; 
	border-left: 1px solid #999; 
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #ddd;  
	font-size: 100%;
	}
select { margin: 0; padding: 1px 0; }
input.input-text, textarea { padding: 2px 1px 2px 2px; margin-right:3px; }
input.input-text:focus, textarea:focus {background-color:lightYellow;}

/* List Elements
------------------------------------------------------------------ */
ul.style-none, ul.style-none ul {list-style-type:none;}

/* Pagination
------------------------------------------------------------------ */
.pagination { position: relative; width: 100%; }
.pagination a { text-decoration: underline; }
.pagination span { color: #999; }
.pagination p { margin: 0 0 0 0; }
.pagination p.results { margin-bottom: 5px; }
.pagination p.results select { margin: 0; }
.pagination p.paging { font-size: 85%; margin: 0 0 5px 0; }
.pagination p.navigation { position: absolute; right: 0; bottom: 0; color: #999; text-align: right; }
.pagination p.navigation a { font-weight: bold; }

/* second look */
.look2 #foot, .look2 #head, .look2 #body { width:950px; margin:0 auto; }
.look2 #head { padding:10px 10px 0; border:1px solid #3A312C; border-width: 1px 1px 0px; background-color:#fff; margin-top:20px; }
.look2 #body { padding:0 10px; border:1px solid #3A312C; border-width: 0 1px; }
.look2 #foot { padding:0 10px; border:1px solid #3A312C; border-width: 0 1px 1px; background-color:#fff; }

/*
SimpleModal Styles
*/
a.modalCloseImg {background:url("../images/ico-close-x.png") no-repeat; width:25px; height:29px; z-index:3200; position:absolute; top:-15px; right:-18px; text-indent:-1000em; overflow:hidden; }
/* IE6 fixes */
* html #modalContainer a.modalCloseImg{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src='../images/ico-close-x.png', sizingMethod='scale'
		); /* The src has to be relative to the page it being called on, not to the CSS file as it usually is */
}
* html #modalContainer, * html #modalLoader {
	top: expression((document.documentElement.scrollTop	|| document.body.scrollTop) + Math.round(15 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
* html #modalOverlay, * html #modalIeBlocker {
	height: expression(document.body.offsetHeight + 'px');
}

*/ stuff from Body Glove styles */
#home .promo, #surf .promo, #dive .promo, #wake .promo {
	background:  #262626;
	width: 750px;
	height: 328px;
	margin: 10px 0;
}
#home .promo-video, #surf .promo-video, #dive .promo-video, #wake .promo-video {
	background:  #0C143D;
	width: 430px;
	height: 305px;
	margin: 10px 0 10px 0;
	float: left;
}
#home .promo-thumbs, #surf .promo-thumbs, #dive .promo-thumbs, #wake .promo-thumbs {
	width: 310px;
	height: inherit;
	margin: 10px 0 10px 0;
	float: right;
}
.linkList {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.linkList li {
	float: left;
	display: inline;
	margin: 0 0 40px 0;
	padding: 0;
	width: 250px;
	height: 85px;
}
.linkList li h2 {
	padding: 5px 5px 3px 0;
	font-size: 11px;
}
.linkList li p {
	margin: 0;
	padding: 4px 10px;
	font-size: 9px;
}
.linkList li img {
	float: left;
	background:  #0C143D;
	margin: 0 20px 20px;
	width: 128px;
	height: 93px;
	padding: 6px;
	border: 1px solid #2C46B9;
}
.linkList a:hover img {
	background:  #212121;
	border: 1px solid #eea602;
}

h1, h2, h3, h4, h5 {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	line-height: 18px;
}
h1 {
	font-size: 18px;
	font-weight: bold;
	color: #eeeeee;
	text-transform: uppercase;
}
h2 {
	font-size: 16px;
	line-height:120%;
	letter-spacing:.5px;
	font-weight: bold;
	font-style:italic;
	/*text-transform: uppercase;*/
	color: #FFFF00;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	color: #F4B41C;
}
h4 {
	font-size: 12px;
	font-weight: bold;
}

.buzzList {
	list-style-type: none;
	margin:1px 0 0 -65px;
}
.buzzList li {
	float: left;
	display: inline;
	padding: 0;
	width: 500px;
	height: 160px;
}
.buzzList li h2 {
	padding: 3px 5px 0 0;
	font-size: 11px;
}
.buzzList li p {
	margin: 0;
	padding: 4px 10px;
	font-size: 11px;
}
.buzzList li img {
	float: left;
	margin: 0 20px 20px;
	width: 275px;
	height: 160px;
	border: 1px solid #2C46B9;
}
.buzzList a:hover img {
	border: 1px solid #eea602;
}

/* picture frame styles */
.picture {
	background-color: #344670;
	border: 1px solid #A0AFD3; padding: 3px;
	font: 11px/1.4em Arial, sans-serif; }
.picture img {
	border: 1px solid #29514A;
	vertical-align:middle; margin-bottom: 3px; }
	.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
	.left { margin: 0.5em 0.8em 0.5em 0; float:left; }