/* Main Template */

html {
	width:100%;
	height:100%;
  overflow-x: auto;
}

body {
	width:100%;
	height:100%;
  background: repeat-x url('/styles/ui/bg_sub.jpg') 50% 0px ;
	color:#FFF;
	background-color:#43494a;
	background-position:center top;
	font-size:11px;
}


.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -90px; /* the bottom margin is the negative value of the footer's height */
}

.push {
	height:90px;
}

#footer {
	background-position:center top;
	height:89px;
	background-color:#000;
	border-top:1px solid #333;

}

#footerContent {
	padding-top:20px; 
	color:#666;
}

#header {
	padding-top:10px;
	height:40px;
}

#navigation {
  min-height:70px;
  height:auto !important;
  height:70px;
  padding-top:40px;
	position:relative;
}

#searchCat 
{
    font-size:16px;
    margin:0px 5px;
    width:125px;
}

#searchBox 
{
  font-size:16px;
  margin:0px 5px;
  padding:2px;
  width:150px;
}

#mainNavigationContainer 
{
  float:right;
}

.horizontal
{
  /* position:relative;
  display:table-row; */
  list-style-type: none;
}

.horizontal li
{ 
  /*
  display:inline;
  z-index:1000;
*/
  float:left;
}

.border
{
  display:block;
  border:1px solid #999;
  padding:5px;
}

.border:hover 
{
  border:1px solid #FFF;
  background-color:#494f53;
  cursor:pointer;
}

.tabContent 
{
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius-topright:0px;
  -webkit-border-top-right-radius:0px;
  visibility:hidden; 
  position:absolute;
  background-color:#000;
}

.tabContent ul 
{
  text-align:right;
  list-style-type:none;
  padding:0px;
  margin:0;
}

.tabContent ul li 
{
  list-style-type:none;
}

.tabContent ul li.first
{
  margin-top:10px;
}

.tabContent ul li.last
{
  margin-bottom:10px;
}

.tabContent ul li a 
{
  display:block;
  padding:3px 15px;
  font-weight:bold;
}

#communityTabContent ul li a 
{
  width:120px;
}

#resourcesTabContent ul li a 
{
  width:200px;
}


.tabContent ul li a:hover
{
  background-color:#333;
  color:#FFF;
  text-decoration:none;
}

.horizontal a 
{
  display:block;
  margin:0;
  padding:0;

  text-align:left;
}
/*
#mainNavigation2 li
{
  padding-top:10px;

  margin:30px;
  font-size:13px;
  color:#FFF;
  font-weight:bold;

}

#mainNavigation2 li span 
{
  font-size:16px;
  font-weight:normal;
  color:#333;
}

#mainNavigation2 li a
{
 color:#FFF;
}

#mainNavigation2 li a:hover 
{
  color:#FFCC33;
}
*/

#mainNavigation li
{
  margin:0 10px;
}

#mainNavigation2 li a
{
  font-size:13px;
  height:15px;
  padding:5px 15px 10px;
  display:block;
  color:#FFF;
}


#mainNavigation2 li a:hover
{
  color:#FD8;
  text-decoration:none;
}

#mainNavigation li a
{
  text-indent:-5000px;
  height:15px;
  background:transparent url('core_nav.gif') no-repeat 0 0;
  margin-top:10px;
  display:block;
}

#mainNavigation li a#gallery
{
  width:62px;
  background-position: 0px 0px;
}

#mainNavigation li a#gallery:hover {
  background-position: 0px -15px;
}

#mainNavigation li a#market
{
  width:50px;
  background-position: -62px 0px;
}

#mainNavigation li a#market:hover {
  background-position: -62px -15px
}

 #mainNavigation li a#community
{
  width:86px;
  background-position: -112px 0px;
}

#mainNavigation li a#community.hover, #mainNavigation li a#community:hover {
  background-position: -112px -15px;
}

#mainNavigation li a#resources
{
  width:75px;
  background-position: -198px 0px;
}

#mainNavigation li a#resources.hover, #mainNavigation li a#resources:hover {
  background-position: -198px -15px;
}

#mainNavigation li a#profile
{
  width:47px;
  background-position: -273px 0px;
}

#mainNavigation li a#profile.hover, #mainNavigation li a#profile:hover {
  background-position: -273px -15px;
}

.blackBox
{
  padding:5px 0;
  background-color:#323639;
  color:#CCC;
}

.blackBox.padded 
{
  padding:5px 10px;
}

.blackBox a, .blackBox a:visited, .blackBox a:link
{
 /* color:#369;*/
}

.blackBoxBleed
{
  background-image: url('bg_t50.png');
  background-repeat:repeat;
}

.blueBox 
{

  padding:5px 15px; 
  background-color:#39788e;
   -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-top:5px solid #5998ae; /* #e4ef66;#*/
}



.topCap
{
  height:5px;
  font-size:1px;
  background-position:0px 0px;
  background-repeat:no-repeat;
}

.bottomCap
{
  height:5px;
  font-size:1px;
  background-position:0px -5px;
  background-repeat:no-repeat;
  margin-bottom:10px;
}

.errorBox
{
  background-color:#000;
  padding:20px 20px 20px 80px;
  margin: 20px 0;
  background:#000 url('errorbox.gif') no-repeat 0 0;
}

.infoBox 
{
  background-color:#000;
  padding:20px 20px 20px 80px;
  margin: 20px 0;
  background:#000 url('infobox.gif') no-repeat 0 0;
}

.grid_8 .topCap, .grid_8 .bottomCap
{
  background-image:url('/styles/ui/grid_8_cap.gif');
}

.grid_c300 .topCap, .grid_c300 .bottomCap
{
  background-image:url('/styles/ui/grid_c300_cap.gif');
}

.grid_c365 .topCap, .grid_c365 .bottomCap
{
  background-image:url('/styles/ui/grid_c365_cap.gif');
}

.grid_c430 .topCap, .grid_c430 .bottomCap
{
  background-image:url('/styles/ui/grid_c430_cap.gif');
}

.grid_c570 .topCap, .grid_c570 .bottomCap
{
  background-image:url('/styles/ui/grid_c570_cap.gif');
}

.bannerContainer 
{
  position:relative; 
  height:35px;
  width:100%;
}

.banner
{
  position:absolute; 
  left: -10px; 
  font-weight:bold;
  width:170px;
  padding:4px 0px 17px 30px;
  font-size:13px;
  line-height:15px;
  background-repeat:no-repeat;
  background-image:url('/styles/ui/nav_banner.png');
}

.grid_c365 .bannerContainer, .grid_c300 .bannerContainer, .grid_c570 .bannerContainer
{
  height:40px;
}

.grid_c570 .banner 
{
  padding:7px 0px 17px 20px;
  width:570px;
  background-image:url('/styles/ui/c570_banner.png'); 
}

.grid_c365 .banner 
{
  padding:7px 0px 17px 20px;
  width:365px;
  background-image:url('/styles/ui/c365_banner.png'); 
}

.grid_c300 .banner 
{
  padding:7px 0px 17px 20px;
  width:300px;
  background-image:url('/styles/ui/c300_banner.png'); 
}


.grid_8 .banner 
{
  width: 617px;
  background-image:url('banner/grid_8b_banner_green.png'); 
}

.grid_6 .banner 
{
  width: 457px;
  background-image:url('banner/grid_6b_banner_green.png'); 
}

.grid_3 .banner 
{
  width: 217px;

  background-image:url('banner/grid_3_banner_green.png'); 
}

.grid_nav .banner 
{
  left:-8px;
  width: 181px;
  text-indent:20px;
  background-image:url('banner/grid_2_banner_nav_b.png'); 
  padding:5px 0 5px 17px;
}



.transparent, .png
{
}

.thumbnailContainer 
{
  overflow:auto;
}

.thumbnail {
  padding:4px;
  width:90px;
  border:1px solid #999;
  display:block;
  margin-right:10px;
  float:left;
  overflow:hidden;
  background-color:#000;
}

.thumbnail:hover {
  border-color:#CCD;
  background-color:#494f53;
  cursor:pointer;
}

.interest 
{
  width:130px;
  height:130px;
}

.lightGray 
{
  color: #999;
}

.white 
{
  color: #FFF;
}


.breadcrumb 
{
  color:#999;
  margin:0px;
  margin-bottom:.5em;
  padding:0px;
  padding-top:5px;
  text-indent:2px;
  line-height:1.4em;
  
  
}

.breadcrumb a 
{
  padding:5px 0px;
}

.carat 
{
  margin:0px 5px;
  font-size:14px;
  font-weight:bold;
  line-height:1em;
}

/* Typography */

h1 {
	font-size:28px;
	color:#FFF;
	margin:3px 0px 20px 0px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:-0.02em;
	line-height:1.2em;
}

h2 
{
  font-family:Arial, Helvetica, Sans-Serif;
  color:#FFF;
  font-size:16px;
	line-height:1.4em;
	font-weight:bold;
	margin-top:0px;
}

.banner h2 
{
  margin:0px;
  padding:0px;
}

h3 {
  font-family:Arial, Helvetica, Sans-Serif;
  color:#FFF;
  font-size:16px;
  font-weight:normal;
}

.headline 
{
  margin-bottom:1em;
}

.genericHeader 
{
  background-color:#000;
  padding:5px 10px;
}

b, strong {
	font-weight:bold;
}

.bold 
{

  font-weight:bold;
}

.italic 
{
  font-style:italic;
}

.small {
	font-size:10px;
	color:#999;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	line-height:1.6em;
}

.pop
{
  font-size:13px;
  line-height:1.4em;
}

.large 
{
  font-weight:normal;
	font-size:18px;
	line-height:1.4em;
}

.text-center 
{
  text-align:center;
}

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

.text-right 
{
  text-align:right;
}

span.pipe {
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	margin:0px 10px 0px 10px;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

p {
	margin-bottom:.5em;
}

p.noSpace
{
  margin-bottom:0px;
}

a:link, a:visited, a:active {
  color:#FD8;
	text-decoration:none;
	outline: none;
}

a:hover 
{
  text-decoration:underline;
}

a:active, object:active
{
  outline: none;
}

a:focus, object:focus
{
  -moz-outline-style: none;
}


a.plain:hover 
{
  text-decoration:none;
}

a.white 
{
  color:#FFF;
}

a.block 
{
  display:block;
}
/* member bar */

#bottomFixed {
  width: 50%;
  right:10px;
  margin: 0px auto;
  display:block;
  position: fixed;
  bottom: 0px;
  height:40px;
}

#bottomContainer 
{
  height:40px;
  width:300px;
  float:right;
  background-color: #000;
  border: 3px solid #333;
  border-bottom:0px;
	filter: alpha(opacity=85); /* internet explorer */
	-khtml-opacity: 0.85;      /* khtml, old safari */
	-moz-opacity: 0.85;       /* mozilla, netscape */
	opacity: 0.85;           /* fx, safari, opera */
}

#bottomContent {
	filter: alpha(opacity=100); /* internet explorer */
	-khtml-opacity: 1;      /* khtml, old safari */
	-moz-opacity: 1;       /* mozilla, netscape */
	opacity: 1;           /* fx, safari, opera */
	color:#999;
	padding:5px;
}


/* subpage navigation */
.sideNavigation 
{
  position:absolute; 
  left:-20px; 
  width:190px;
}



.relativeSpacer 
{
  line-height:1px;
}

.sideNavigation a {
  display:block;
  color:#FFF;
  margin-bottom:1px;
  padding:4px 0px;
  padding-left:20px;
}

.sideNavigation a:hover, .sideAlphaNavigation a:hover {
	background-color:#39C;
	text-decoration:none;
}

.sideNavigation a.selected, .sideAlphaNavigation a.selected
{
  background-color:#39C;
	text-decoration:none;
	font-weight:bold;
}

.sideAlphaNavigation 
{
  margin-left:13px;
}

.sideAlphaNavigation a {
  display:block;
  margin-right:1px;
  margin-bottom:1px;
  padding:3px;
  color:#FFF;
  width:18px;
  text-align:center;
  float:left;
}

.sideAlphaNavigation a.last 
{
  margin-right:0px;
}

.sideNavigationContainer 
{
  padding:0px 0px 10px 0px;
}

/* end subpage navigation */

a.blueBtn 
{
  border:1px solid #777;
  text-align:center;
  color:#FFF;
  background-color:#333;
  line-height:23px;
  height:25px;
  padding:0 10px 0 10px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;

}

a.blueBtn:hover 
{
  border-color:#3CE;
  background-color:#247fa5;
  text-decoration:none;
}




/* user data feeds */

div.smallAvatar 
{
  height:28px; 
  width:28px; 
  border:1px solid #999;
  margin-right:10px;
  background-position:50% 50%;
  background-image:url('/images/avatar_defaultsmall.gif');

}

div.largeAvatar 
{
  height:48px; 
  width:48px; 
  margin-right:10px; 
  border:1px solid #999;
  background-position:50% 50%;
    background-image:url('/images/avatar_defaultlarge.gif');
}

div.contentUnit 
{
  border-bottom:1px dotted #555; 
  padding:5px 9px;
  margin:0 1px;
  cursor:pointer;
  overflow:auto;
}

div.blockMetadata 
{
  float:left; 
  width:150px; 
  margin-right:20px;
}

div.blockContent 
{
  float:right;
  width:320px;
}

.reverse 
{
  background-color:#E2e2e2; 
  color:#333;
  padding:10px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

.reverse a 
{
  color:#666;
}

.reverse h2 
{
  color:#000;
}

/* form stuff */

.smallFormPanel 
{
  display:block;
  width:315px;
  margin:0px auto;
}

.formPanel 
{
  display:block;
  width:535px;
  margin:0px auto;
}

.formPanel td 
{
  padding: 5px 0;
}


.textboxXL
{
  width:310px;
  height:20px;
  padding:4px;
  border:1px solid #CCC;
  vertical-align:middle;
  display:block;
  font-size:14px;

}

select 
{
  width:210px;
  padding:4px;
  background-color:#FFF;
  border:1px solid #CCC;
  font-size:14px;
  font-family:Arial, helvetica;
}

textarea 
{
  width:310px;
  height:75px;
  padding:4px;
  border:1px solid #CCC;
  vertical-align:middle;
  display:block;
  font-size:14px;
  font-family:Arial, helvetica;
}

.validator
{
  width:200px;
  height:20px;
  padding:7px 5px 3px;
  background-color:#FEC;
  color:#000;
  font-family:Arial, helvetica;
  float:left;
  overflow:auto;
}

.formPanel .label, .smallFormPanel .label
{
  width:100px;
}

.smallFormPanel .field 
{
  width:225px;
}

.formPanel .field
{
  width:425px;
}

.submit
{
  width:210px;
  height:30px;
  font-size:14px;
}

.bigError 
{
  padding:10px;
  margin:10px 0;
  background-color:#FEC;
  text-align:center;
}


ul.bulletedList
{
  list-style-type:disc;
  margin:15px 0;
}

ul.bulletedList li 
{
  list-style-type:disc;
  margin-left:40px;
  margin-bottom:5px;
}

/* BUTTONS */


a.button, input.button, button.button
{
    -moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#39C;
    border:1px solid #369;
    border-top:1px solid #9CF;
    border-left:1px solid #9CF;
    line-height:130%;
    text-decoration:none;
    font-weight:bolder;
    color:#FFF;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
input.button, button.button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
input[type], button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type], *:first-child+html input[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
button.button img, a.button img, input.button img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

input.button:hover, button.button:hover, a.button:hover{
    background-color:#4AD;
    color:#FFF;
}
a.button:active
{
    -moz-box-shadow: 0;
    background-color:#28B;
    border:1px solid #3269a5;
    border-bottom:1px solid #69C;
    border-right:1px solid #69C;
    color:#fff;
}


.textbox
{
  width:200px;
  height:15px;
  padding:4px;
  border:1px solid #CCC;
  vertical-align:middle;
  font-size:14px;
  font-family:Arial, helvetica;
}

*+html .textbox 
{
  height:18px;
}