/* global */
html{height: 100%;}

body
{ 
  font-family: arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: .78em;
}

p
{ margin: 0px;
  padding: 0px 0px 16px 0px;
  line-height: 1.7em;
}

h1
{ font-family: serif;
  font-size: 108%;
  letter-spacing: .1em;
}

h2
{ margin: 0px;
  padding: 0px 0px 4px 0px;
  font-size: 100%;
  letter-spacing: .1em;
  font-weight: normal;
  text-decoration: underline;
}


.DropDownList
{
    width:275px;
}

.TextBox
{
    width:250px;
}

img{border: 0px;}


/* image positioning - left, right and center */
.left
{ float: left; 
  padding: 0px 8px 0px 0px;
}

.right
{ float: right; 
  padding: 0px 0px 0px 8px;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}


.error
{ 
    text-align:center;
    color:Red;
    font-size:12px;
}



/* margin lefts / margin rights - to centre content */
#main, #links, #footer, #menu, .content, .twothirdscontent, .fullcontent
{ margin-left: auto; 
  margin-right: auto;
}

/* main container */
#main{width: 850px}

/* header */
#header
{ 
  width: 100%;
}

/* logo */
#logo
{ padding: 2px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

/* navigation menu */
#menu{margin: 0px 15px 0px 15px;}


#menu li a, #menu li a:hover 
{ font-family: verdana, arial, sans-serif;
  height: 11px; 
  text-transform: uppercase;
  font-size: 80%;
} 

#links
{ float: right; 
  width: 100px;
  text-align: right;
  padding: 0px 18px 0px 0px;
}

.twoColumn
{ float: left;
  padding: 16px 9px 15px 15px;
}


/* sidebars */
.sidebar
{ float: left;
  width: 194px;
  padding: 16px 15px 15px 15px;
}

/* sidebar items / links */
.sidebaritem
{ text-align: left;
  width: 194px;
  float: left;
  margin: 0px 0px 11px 0px;
  padding: 0px 0px 0px 0px;
}

.sidebaritemHoriztonal
{ text-align: left;
  float: left;
  margin: 0px 0px 11px 0px;
  padding: 0px 0px 0px 0px;
}

.centerbaritem
{ text-align: left;
  width: 100%;
  float: left;
  margin: 0px 0px 11px 0px;
  padding: 0px 0px 0px 0px;
}

.sidebaritem h1, .centerbaritem h1, .sidebaritem h2, .sidebaritem p{margin: 0px 10px 0px 10px}

.centerbaritem p{margin: 0px 10px 0px 10px}

.sidebaritem h1, .centerbaritem h1
{ font-weight: normal; padding: 8px 0px 16px 0px;
  text-transform: uppercase;
}

.sidebaritem p, .centerbaritem p
{ line-height: 16px; 
  padding: 0px 0px 8px 0px;
}

.sidebaritem a, .sidebaritem a:hover
{ padding: 0px 0px 2px 14px;
  text-decoration: none;
}

/* page content (centre) */
.content
{ text-align: justify;
  width: 384px;
  padding: 16px 9px 15px 9px;
  float: left;
}

.twothirdscontent
{ text-align:justify;
  width: 578px;
  padding: 16px 9px 15px 9px;
  float: left;
}

.fullcontent
{ text-align: justify;
  width: 772px;
  padding: 16px 9px 15px 9px;
  float: left;
}


.content a, .content a:hover, .twothirdscontent a, .twothirdscontent a:hover, .fullcontent a, .fullcontent a:hover
{ 
  color:White;
}


/* Based on Nifty Corners: rounded corners without images */
/* By Alessandro Fulciniti */
/* http://www.html.it/articoli/nifty/index.html */
.rtop, .rbottom{display: block;}

.rtop .r1, .rtop .r2, .rtop .r3, .rtop .r4,
.rbottom .r1, .rbottom .r2, .rbottom .r3, .rbottom .r4
{ display: block;
  height: 1px;
  overflow: hidden; 
}

.r1{margin: 0 5px}

.r2{margin: 0 3px}

.r3{margin: 0 2px}

.rtop .r4, .rbottom .r4
{ margin: 0 1px;
  height: 2px
}




/* Skin Classes */
.storyListTitle
{
    margin: 0px 10px 5px 10px;
    font-weight:bold;
    font-size: 100%;
    text-decoration:underline;
}

.storyListPreview, .lakeDetail
{
    font-weight:normal;
    font-size: 90%;
    color:#ffff00;
    margin: 0px 10px 5px 10px;
}

.storyPreviewPreview
{
    font-weight:normal;
    font-size: 100%;
    text-align:center;
    color:#ffff00;
}

.divider
{
    width:100%;
	border-bottom: solid 1px white;
	color: white;
	padding:3px;
	margin-bottom: 5px;
	font-weight: 700;
	font-family:Tahoma;
	font-size:100%;
	margin-top:5px;
	text-transform:uppercase;
}

.featureContentTitle, .storyPreviewTitle, .lakeDetailName, .anglerDetailName
{
  font-weight:bold;  
  font-family: serif;
  font-size: 108%;
  margin: 0px 0px 3px 0px;
  text-transform:uppercase;
}


.lakeBannerBar
{
    text-align:center;
    padding-top:10px;
}

.lakeBannerBar img
{
    border-style:none;
    padding-bottom:20px;
    width:384px;
    
}

.lakeBannerBar a, .lakeBannerBar a:hover
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}


/* footer */
#footer
{ height: 44px;  
  padding: 18px 0px 4px 0px;
  font-size: 80%;
  text-transform: uppercase;
  font-family: verdana, arial, sans-serif;
  clear: both;
  text-align: center; 
  border-top: 2px solid;
  margin: 4px 15px 4px 15px;
}

#footer a
{ 
  text-decoration: none;
  padding: 0px 0px 2px 0px;
  color:#EEE;
}

/* content */
#moreLink a, #moreLink a:hover
{ padding: 0px 0px 2px 14px;
  text-decoration: none;
}

.adBar
{
    text-align:center;
}

.adBar img
{
    width:120px;
    border-style:none;
    padding-bottom:20px;
}

.adBar a, .adBar a:hover
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}


.imageGallery
{
    text-align:center;
}

.imageGallery img
{
    width:120px;
    border-style:none;
    padding-bottom:5px;
    padding-right:5px;
}

.imageGallery a, .imageGallery a:hover
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

#moreLink a
{ 
  background: transparent url(/assets/skins/futurebass/images/arrow.png) no-repeat left center;
  color: #EEE;
} 

#footer
{ background: #444;
  color: #EEE;
  border-color: #6D913D;
}



/* grid tables */
.gridTable
{
	width:100%;
	height:100%;
	border-style:none;
}

.gridHeader th
{
background-color: #999999;
    border-color: #666666;
    font-family: Microsoft Sans Serif;
    padding: 0px, 2px, 0px, 2px;
    font-weight: normal;
    font-size: 12pt;
    border-style: solid;
    border-width: 1px;
}

.gridRow, tr.gridRow td
{
    background-color: #444;
    border:solid 1px #444;
}

.gridRowAlt, tr.gridRowAlt td
{
    background-color: #686A6F;
    border: solid 1px #444;
}

.gridFooter
{
    background-color: #999999;
    border: solid 1px;
    border-left: solid 1px ActiveBorder;
    height: 20px;
}

.gridFooter th, .gridFooter td
{
	padding:2px;
	padding-top:4px;
	padding-bottom:4px;
	font-family:Microsoft Sans Serif;
	font-size:8.25pt;
}

th.header 
{
	cursor: hand;     
	background-image:url(/Assets/Skins/FutureBass/images/bg.gif);
	background-position: right center;
	background-repeat:no-repeat;
}

th.headerSortUp
{
    background-image: url(/Assets/Skins/FutureBass/images/asc.gif);
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #6EAB03;
}
th.headerSortDown {
	background-image:url(/Assets/Skins/FutureBass/images/desc.gif);
	background-position: right center;
	background-repeat:no-repeat;
	background-color: #6EAB03;
}



#myAccordion{
	border: 1px solid #6CAF00;
}
#myAccordion dt{
	line-height: 20px;
	background-color: #80df20;
	border-top: 2px solid #DAFF9F;
	border-bottom: 2px solid #6CAF00;
	padding: 0 5px;
	font-weight: bold;
	color: #fff;
}
#myAccordion dd{
	overflow: auto;
}
#myAccordion dt.myAccordionHover
{
	background-color: #90ef30;
}
#myAccordion dt.myAccordionActive
{
	background-color: #6CAF00;
	border-top: 2px solid #80df20;
	border-bottom: 2px solid #000;
}