/* Bongo4U Sample CSS File */

/*
   Import Common CSS for All Sites.
*/


/*
   Import Menu for Top
*/
@import url(top_menu_horizontal.css);
@import url(pageStyle.css);

/* 
   First, define all the basic tags.
*/
.b4u_admin {
	padding-left:150px;
}
.clear{
clear:both;
margin:0;
padding:0;
}

* {
font-family:Arial, Helvetica, sans-serif;
}

a, li, input, textarea, select, option {
	color: #000;
}
html{
background:#FFF;/* url(../images/background.jpg) top left repeat-x;*/
margin:0 auto;
z-index:2;
}

#content_script{
   margin: 0;
   padding: 0 20px;
}

body {
	margin:0 auto;
	padding:20px 25px 25px 25px;
/*	text-align:left;*/
	width:92%;
	height:100%;
}

#b4u_sitesearch_5, #b4u_sitesearch_28, #b4u_sitesearch_71{
float:right;
text-align:right;
position:relative;
margin:0;
padding: 6px 6px 6px 3px;
margin-bottom:3px;
border:2px solid #bed62f;
background:#ddea93;
}

.b4u_definition2 .b4u_content dd a.b4u_definition2_help_box{
clear:both;
}

.b4u_definition2 .b4u_content dd a.b4u_definition2_help_box {
   display: block;
   text-decoration:none;
   margin-left:-40px;
   margin-top:5px;
   background:#CCC;
   padding:5px 10px;
   font-size:16px;
   clear:both;
}

.b4u_definition2 .b4u_content dt a.b4u_definition2_headline {
font-size:16px;
color: #a20000;
font-weight:bold;
text-transform:uppercase;
background:none;
}

.b4u_definition2 .b4u_content dt a.b4u_definition2_subheadline{
}

#logo{
float:left;
position:relative;
z-index:1;
top:-20px;
margin:0;
padding:0;
}

#logo a{
background:none;
}

#tagline{
float:left;
position:relative;
padding:0;
margin:0;
margin-left:-18px;
margin-top:84px;
}

#tagline h1{
font-size:22px;
color:#333;
letter-spacing:-1px;
font-weight:normal;
padding:0;
}

/*HELP CENTER START*/
.helpCenter{
/*background:url(../images/help_center.png) top left no-repeat;*/
width:100%;
height:160px;
margin:0;
}

body>html .helpCenter{
/*background:url(../images/help_center.png) top left no-repeat;*/
width:100%;
height:160px;
margin-top:20px;
}

.helpCenter h2{
margin:0;
padding:.4em 30px .1em 0;
color:#000;
border-bottom:0;
font-size:32px;
letter-spacing:-1px;
font-weight:normal;
background:none;
}

.helpCenter h1{
font-size:29px;
color:#000;
letter-spacing:-1.0px;
font-weight:bold;
padding:0.4em 30px .4em 0;
margin:0;
line-height:46px;
}

h1.helpCenter {
	background: url(../images/help_heading.png) no-repeat right center;
	display:inline;
}

.helpCenter p{
float:left;
margin:10px 0 0 5px;
width:60%;
font-size:14px;
letter-spacing:0.25px;
line-height:18px;
}

span.help_header{
padding:0;
margin:0;
}

.helpCenter img{
float:left;
}
/*HELP CENTER END*/


th, .error_message, input.submit {
	font-weight: normal;
	color: #000000;
}
td p, th, table {
	color: #111;
	padding:0;
	font-size:12px;
}

td li{
	color: #111;
	font-size:11px;
	text-transform:uppercase;
	line-height:13px;
	padding-bottom:5px;
	font-weight:bold;
	margin:0;
	list-style-image: url(../images/ico-bullet.gif);
}


.b4u_pagetitle h1 {
	font: lighter 30px;
	color: #333;
	margin: 0px;
	padding: 0px;
	display:none;
}

h1 {
font-size:32px;
color:#041922;
line-height:38px;
letter-spacing:-0.5px;
font-weight:normal;
padding-top:10px;
}

h2 {
margin:0;
padding:0px 0 6px 25px;
color:#041922;
border-bottom:1px dashed #bed62f;
width:auto;
font-size:24px;
font-weight:normal;
background:url(../images/help.png) top left no-repeat;
}

h3 {
font-size:16px;
color: #a20000;
font-weight:bold;
text-transform:uppercase;
}
h4 {
font-size:14px;
background:#ddea93;
color: #041922;
margin:6px 0 0 0;
padding:4px 0 6px 5px;
}
h5 {
font-size:12px;
text-transform:uppercase;
color:#041922;
font-weight:bold;
padding:10px 0 10px 0;
margin:0;
}
h6 {
font-size:10px;
}
p{
color:#111;
font-size:16px;
letter-spacing:0.25px;
line-height:22px;
}
img {
   border: 0;
   background:none;
   margin:0;
   padding:0;
}
hr{
   background-color: #041922;
   border: none;
   height: 1px;
   line-height: 0px;
}

#b4u_middle li {
	color: #111;
	margin:0;
	list-style-image: url(../images/ico-bullet.gif);
}

.b4u_view .b4u_content a:link, .b4u_view .b4u_content a:visited {
    color: #041922;
    text-decoration: none;
	background:#ddea93;
}

.b4u_view .b4u_content a:hover, .b4u_view .b4u_content a:active {
    color: #041922;
    text-decoration: none;
	background:#bed62f;
}

input.submit {
   font-weight: bold;
   font-size: larger;
   color: #111;
   background-color: #fff;
   border: thin black solid;
}

/* 
   Second, define the page structure.
   
   The default Bongo4U template divides the page with three <div> tags.
   Each is identified by an id:
      b4u_top
         - a series of Content Block divs (described below)
      b4u_middle
         - a series of Content Block divs (described below)
      b4u_bottom
         - a series of Content Block divs (described below)
*/

#b4u_top {
   float:left;
   margin: 0;
   padding: 0;
   position:relative;
   width:100%;
   height:auto;
}
#b4u_top .b4u_nav p {
font-size:small;
}

#b4u_top .b4u_view{
margin-top:0px;
}

#b4u_top .b4u_nav p {
font-size:small;
}

#b4u_top .b4u_view{
margin-top:0px;
}

div#b4u_bottom div.b4u_nav * {
   display: none;
}

/* CSS HOVER EFFECT BUG
.b4u_view .b4u_content img {
margin:5px 20px 0 0;
}
*/

.rightColumn{
	float:left;
	text-align:left;
	margin:0;
	padding:0px;
	z-index:900;
}

.rightColumn li{
	color: #111;
	padding:0;
	margin-bottom:3px;
	list-style:none;
	font-size:14px;
}

.rightColumn h1 {
	font-size:24px;
	color:#041922;
	line-height:32px;
	letter-spacing:-0.5px;
	font-weight:normal;
	margin:0;
	padding:0px 0 6px 25px;
	border-bottom:1px dashed #bed62f;
	background:url(../images/help.png) top left no-repeat;
}

#sidebar{
margin:0;
padding:0;
}

#sidebar #b4u_bottom .b4u_poweredby{
display:none;
}

#b4u_middle {
   margin: 0;
   padding: 0;
   margin-top:35px;
}
html>body #b4u_middle {
   margin: 0;
   padding: 0;
   margin-top:15px;
}

#b4u_middle .b4u_content {
width:100%;
clear:both;
}

/*BOTTOM NAVIGATION START*/
#b4u_bottom .b4u_nav  ul ul {
   position: absolute;
   top: 0;
   left: 100%;
}

div#b4u_bottom div.b4u_nav * {
    display: inline;
	margin: 0;
	padding: 0;
	margin-right:6px;
}

#b4u_bottom .b4u_nav {
	width: 100%;
}

#b4u_bottom{
clear:both;
}
#b4u_bottom a:link,#b4u_bottom a:visited {
	text-decoration: none;
	background:none;
	color:#999;
	font-size:12px;
}
#b4u_bottom a:hover{
	text-decoration: underline;
	background:none;
	color:#333;
}

#b4u_bottom .b4u_wysiwyg {
	margin: 0px;
	padding: 0px;
	color: #000;
	text-decoration: none;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
}

#b4u_bottom .b4u_pagetitle {
   margin: 0px;
   padding: 0px;
   color: white;
}

#b4u_bottom .b4u_poweredby {
clear:both;
}


#b4u_bottom .b4u_poweredby * {
	text-align:left;
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-size:10px;
}
#b4u_bottom .b4u_poweredby a:hover {
	color: #333;
	text-decoration: underline;
}

/* 	text-transform: uppercase;	*/

.tagline {
background-image:url("../images/b4u_ball.jpg");
background-repeat:no-repeat;
padding-top:40px;
padding-left:130px;
margin-left:-10px;
text-align:left;
font-size:xx-large;
font-weight:bold;
height:130px;
width:auto;
color:#B9B9B9;

}

/* 
   Error Messages appear in a div with a class of "b4u_error".
   Style these errors so they stand out for the user.
   Most pages have no errors, but when they do, it is important that the errors are noticed!
*/

.b4u_error p {
color: #fff;
	background-color: #CC0000;
	padding: 0.2em;
	font-size: 0.7em;
	font-weight: bold;
	display: block;
}


/*
   Style the Content Blocks.
   
   Each Content Block is wrapped in its own <div> tag.
   As of 2005-10-13, there are 5 Content Blocks, with these class names:
      b4u_admin
         - either the login form, or the Page Menu
         - only present when logged in, or for this url: http://site.bongo4u.com/admin/
         - contains these tags: p, a, form, input
      b4u_autostyle
         - potentially contains many tags, including: h1 - h6, p, ul, ol, li, a, etc
      b4u_headline
         - contains just this tag: h2
      b4u_image
         - contains these tags: h2, p, img
      b4u_rawhtml
         - could potentially contain any tag
*/

/* 
   Special page-by-page Styles 
   
   Bongo4U puts id parameters on many tags. However, for the most part, these should not be referenced
   in style sheets, since they are ultimately determined by the database, and may change without notice.
   
   However, there is one exception. The <body> tag of each page sets the id parameter to the page name.
   For example, the "Home" page would feature this tag: <body id="home">.
   
   We can use this to style certain pages differently than others.
*/

body#home h1 {
}

/* 
   Further considerations for Writers, Editors, and other Administrators. 

   Logged-in users might appreciate some special styling just for them! 
   To that end, all 'edit' forms are wrapped with this: <div class="b4u_edit">.
   Also, <input> tags are given a class name that matches the type parameter, so
   we can style radio buttons differently than check boxes.
*/

/* All 'edit' forms */
.b4u_edit {
   margin: 1em;
   padding: 1em;
   background: #FFF url(../images/grid.gif);
}


#error{
color: #fff;
	background-color: #CC0000;
	padding: 0.2em;
	font-size: 0.7em;
	font-weight: bold;
	display: block;
	}
	

/* Special Handling of EmailForm Blocks */
.b4u_view .b4u_emailform form{
   border:1px dashed #CCC;
   margin-top:20px;
}
.b4u_view .b4u_emailform .b4u_content dl {
   margin: 0.5em 0;
}
.b4u_view .b4u_emailform .b4u_content dt {
   margin: 1.25em 0em -1.25em 1em;
   text-align: right;
   width: 15em;
   font-size: smaller;
   font-weight: bold;
}
.b4u_view .b4u_emailform .b4u_content dd {
   margin: 0 0 0 20em;
}
.b4u_emailform .b4u_content input.text, .b4u_emailform .b4u_content textarea  {
   width: 30em;
   background:#F2F2F2;
   border:1px solid #cCC;
}
.b4u_emailform dl.emailform_custom {
   border: none;

   border-bottom: 1px solid black;
}

#b4u_middle form{
clear:none;
}	

.floatContainer{
float:left;
width:48%;
margin-right:20px;
}

/* Root */
#b4u_middle .b4u_view .b4u_content .gfg-root{
margin-top:20px;
border:0;
font-size:0.9em;
}

/* Feed Title */
#b4u_middle .b4u_view .b4u_content .gfg-title{
display:none;
}


/* Entry Section - Note the contents are generated from the
   FeedControl, see documentation or the css here to style.
 */
#b4u_middle .b4u_view .b4u_content .gfg-entry .gf-result .gf-title{
font-weight:bold;
font-size:1.1em;
}



/* Feed List */
.gfg-list{}

/* List Entries, support highlighting, and odd and even behaviors */
.gfg-listentry
.gfg-listentry-highlight
.gfg-listentry-odd
.gfg-listentry-even

/* For horizontal mode, the root is replaced with the following class.
   All other changes are styled against the classes above. 
 */
.gfg-horizontal-root