/* Bongo4U Sample CSS File */

/*
   Import Common CSS for All Sites.
*/


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

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

.clear{
clear:both;
}

body, p, a, li, input, textarea,  {
	color: #333333;
	font: 12px/14px  trebuchet, trebuchet ms, sans-serif;
}

html #home {
	margin: auto;
	padding: 0;
	color: #333333;
	font: 12px/14px  trebuchet, trebuchet ms, sans-serif;
	width:900px;
	background:#ffffff url(../images/background2.jpg) no-repeat center top;
}

html #video {
background:#FFF;
	margin: auto;
	padding: 0;
	color: black;
	width:747px;
}

h1, h2, h3, h4, h5, h6, th, dt, label, .error_message, input.submit {
	font-weight: normal;
	color: #000000;
}

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

h1 {
	font: bold 22px trebuchet, trebuchet ms, sans-serif;
	color: #F59B48;
}
h2 {
font-size:24px;
}
h3 {
font-size:16px;
color: #ff0000;
margin-bottom:-12px;
}
h4 {
font-size:x-small;
}
img {
   border: 0;
}

li {
}
/*   list-style-type: none;	*/

.b4u_view .b4u_content a:link, .b4u_view .b4u_content a:visited {
    color: #000;
    text-decoration: underline;
}

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


hr{
   font-size: 0px;
   color: #FEC424;
   background-color: black;
   border: none;
   height: 2px;
   line-height: 0px;
}

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


#b4u_top {
   float:left;
   margin: 0;
   padding: 0;
   padding-top:10px;
}

#b4u_top .b4u_view .b4u_content img {
}

.b4u_view .b4u_content img {

}

/*   padding-top:110px;	*/

#b4u_top {
margin-top:0px;
}

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

.main_content{
width:500px;
	margin-top:10px;
}	

.b4u_view .b4u_emailform form{
margin:0;
padding:0;
color:#333333;
}

#b4u_middle .b4u_emailform .b4u_content form{
margin:0;
padding:0;
}


#b4u_middle  {
padding:0;
margin:0;
top:35px;
}

#b4u_bottom .b4u_nav  ul ul {
   position: absolute;
   top: 0;
   left: 100%;
}

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

div#b4u_bottom div.b4u_nav    {
}

div#b4u_bottom {
	margin: 0px;
    padding: 0px;
	margin-left:170px;
	margin-top:20px;
	text-decoration: none;
	text-align:center;
}
#b4u_bottom .b4u_pagetitle {
   margin: 0px;
   padding: 0px;
   color: white;
}

#b4u_bottom .b4u_poweredby {
display:none;
}

#b4u_bottom .b4u_poweredby * {
	text-align:left;
	margin: 0px;
	padding: 0px;
	color: #000;
	text-decoration: none;
	font-size:xx-small;
}
#b4u_bottom .b4u_poweredby a:hover {
	color: #ff0000;
	text-decoration: underline;
}
#b4u_bottom a:link,#b4u_bottom a:visited {
	text-decoration: underline;
}
#b4u_bottom .b4u_wysiwyg {
	margin: 0px;
	padding: 0px;
	color: #000;
	text-decoration: none;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
}

#b4u_bottom .b4u_nav {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	margin-left:-22px;
}
/* 	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: red;
   background-color: white;
   font-size: larger;
}

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: #cceeff url(../images/grid.gif);
}

	
#b4u_middle .b4u_emailform .b4u_content {
	float:none;
	margin: auto;
	position:relative;
	font-weight:Normal;
	font-size: 12px;
	color:#333333;
}

.b4u_view .b4u_emailform .b4u_content dl {
   margin: 0.5em 0;
   	color:#333333;
}

.b4u_view .b4u_emailform .b4u_content dt {
   margin: -2px 2px -19px -40px;
   text-align: right;
   width: 14em;
   font-size: 12px;
   font-weight: bold;
   color:#000000;
}

.b4u_view .b4u_emailform .b4u_content dd {
   margin: 0 0 0 145px;
   color:#333333;
   padding-bottom:1px;
}

.b4u_emailform .b4u_content input.text {
   width: 140px;
   height:14px;
	background: #ffffff url(none);
   	border: 1px solid #cccccc;
	color: #000000;
}

 .b4u_emailform .b4u_content dd textarea {
   width: 140px;
   height:36px;
   	font: bold 12px trebuchet, trebuchet ms, sans-serif;
	background: url(none);
   	border: 1px solid #cccccc;
	color: #000000;
}

.b4u_emailform .b4u_content p input {
	width: 100px;
	font: bold 14px/18px trebuchet, trebuchet ms, sans-serif;
	color: #000000;
	height:18px;
	font-weight: normal;
   background: #F59B48 url(none);
	padding-top: -13px;
	padding-bottom: 3px;
	width: 70px;
	margin-top: 15px;
	margin-left: 44px;
	border: 0px none #F59B48;
}

.b4u_emailform .b4u_content p.b4u_emailform_notes  {
	font-size: 9px;
	line-height: 16px;
	color: #666666;	
}
.b4u_emailform dl.emailform_custom {
   border: none;
   border-bottom: 14px none black;
}

.b4u_emailform div.b4u_content p {
font: bold 16px trebuchet, trebuchet ms, sans-serif;
color: #000000;
z-index:999;
}

.b4u_emailform div.b4u_content div.b4u_error p {
position:relative;
margin:auto;
top:3px;
z-index:999;
font: bold 18px trebuchet, trebuchet ms, sans-serif;
color:#990000;
}

#sample  #selectform {
	position:absolute;
	top:14px;
	padding-left:625px;
}

#sample  select {
	font: normal 12px/17px trebuchet, trebuchet ms, sans-serif;
	color: #000000;
	height:20px;
	background: #F59B48 url(none);
	padding:0;
	margin:0;
	border: 0px none #F59B48;
}

 #sample  option {
	font: normal 12px/17px trebuchet, trebuchet ms, sans-serif;
	color: #000000;
	height:12px;
   background: #F59B48 url(none);
	padding:0;
	margin:0;
	border: 0px none #F59B48;
}


/*OLD TABLE STYLES

body#home table  {
width:510px;
}

td p {
	margin-bottom:0;
	margin-top:7px;
	padding-bottom:0;
	}

body#home table td {
padding-left:99px;
vertical-align:top;
}



td p, dd, th, table {
	color: #333333;
	font: 12px/14px  trebuchet, trebuchet ms, sans-serif;
	margin-top:10px;
}
	
	
*/


/****** FORM FOR THE SURVEY PAGE *******/

#rfq_survey_june2012{
	font-family:Arial, Helvetica, sans-serif !important;}


#rfq_survey_june2012 .b4u_view .b4u_emailform .b4u_content dl {
   margin: 0.5em 0;
   	color:#333333;
}

#rfq_survey_june2012 .b4u_view .b4u_emailform .b4u_content dt {
    margin: 0 !important;
    text-align: left;
    width: auto;
    font-size: 12px;
    font-weight: bold;
	color:#000000;}
	
	
#rfq_survey_june2012 .b4u_view .b4u_emailform .b4u_content dd {
   margin: 0 0 0 15px;
   	color:#333333;
	padding-bottom:2px;

}