/* @override http://bookmefirst:8888/css/styles-admin.css */


/* CSS Document */
/* @group Css Normalization */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var,optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del,ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}

legend {
	color: #000;
}

input,button,textarea,select,optgroup,option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

input,button,textarea,select {
	*font-size: 100%;
}

div {
	overflow: hidden;
}

strong, b{
	font-weight: bold;
}
p{
	margin-bottom:1.5em;
	line-height:1.5em;
}
input#button{
	cursor: pointer;
	
}
/* @end */

div{
	
}
body{
background-image: url(../img/tile_site.jpg);
background-repeat: repeat-x;
font-family: Arial, Helvetica, Geneva, sans-serif;
}
.container{
margin: 0 0 20px 0;	
}
.header{
	width:854px;
	margin: auto auto 40px auto;
}
.logo-bmf{
	width:194px;
	margin: auto;
	float: left;
	margin:13px 0 0 0;
}
.last{
	margin:0;
}
/* @group Top Nav */

.top-nav{
	width: 409px;
	float: right;
	height:71px;
	margin: 33px 0 0 0;
	overflow: hidden;
	text-align: right;
}

.top-nav ul{
	overflow: hidden;
	height: 38px;
}
.top-nav ul li{
	display: inline;
	margin: 0 1px 0 0;
	padding: 0;
	float: left;
}
.top-nav .welcome{
padding: 0 10px 0 10px;
}
.top-nav .welcome-text{
float: right;
	background: url(../img/topnav_tile.gif);
}

.top-nav .welcome-text-copy{
	color: #ffffff;
	font-size: .9em;
	font-weight: bold;
	white-space: nowrap;
	display: inline;
	
}
.top-nav .welcome-text-copy strong{
	color:#a9a9a9;
	font-size: 1.1em;
}
.heading{
	margin: 0 0 0px;
	color:#333333;
	font-weight: bold;
	font-size: 1.2em;
}
.heading img{
	margin:0 10px 20px 0;
	}
/* @end */
.section-name{
	margin: 0 0 10px 0;
}
.reports{
width: 853px;
margin: auto auto 20px auto;
position: relative;

}


/* @group block-profile */

.block-profile{
	width: 425px;
	position: absolute;
	left: 400px;
	top: 48px;
	
}
.block-profile-content{
	background: url(../img/block_profile_header.gif) no-repeat 0 top;

}
.block-profile ul{
	padding: 94px 25px 0 160px;
	font-size: 1em;
	font-weight: bold;
	color:#ffffff;
	line-height:1.5em;
}
.block-profile ul a{
	font-weight: bold;
	color:#d7d7d7;
	text-decoration: none;
}
.block-profile ul a:hover{
		color:#ffffff;
}
.block-profile ul li{
padding: 4px 0 1px 0;
overflow:hidden;
}
.block-profile ul li a{
	display: block;
}
.block-profile ul li.last{
border: none;
}

.block-profile-footer{
	background: url(../img/block_profile_footer.gif) no-repeat left top;
	margin: 0 0 0 133px;
	height: 20px;
	background-color: #ffffff;
}

.block-profile-content li{
	clear:both;
	border-bottom: 1px solid #7d7d7d;
}
.block-profile-content .btn-go{
	float: right;
	}

/* @end */

/* @group block-balance */

.block-balance{
	background: url(../img/block_balance.gif) no-repeat left top;
	padding: 134px 0 100px 0;
	position: absolute;
	left: 23px;
	top: 55px;
	width: 383px;
	
}


.balance-display {
	float: left;
	width: 336px;
	text-align: right;
	

}

.btn-balance-add{
float: right;
width:30px;
padding: 2px 10px 0 0;
}

html>body .btn-balance-add{
float: right;
width:30px;
padding: 2px 8px 0 0;
}

.btn-balance-add a{
float: left;
color:#ffffff;
font-size: 2.2em;
font-weight: bold;	
text-decoration: none;
padding: 1px 3px 3px 2px;
}
.btn-balance-add a:hover{
color: #f6fe00;
font-size: 2.0em;
padding: 3px 3px 3px 3px;
}
/* @end */

/* @group block-tools */

.block-tools{
	width: 375px;
	position: absolute;
	left: 290px;
	top: 260px;
	
}
.block-tools-content{
	background: url(../img/block_tools_header.gif) no-repeat left top;

}
.block-tools ul{
	padding: 151px 75px 0 85px;
	font-size: 1em;
	font-weight: bold;
	color:#ffffff;
	line-height:1.5em;
	
}
.block-tools ul a{
	font-weight: bold;
	color:#d7d7d7;
	text-decoration: none;
}
.block-tools ul a:hover{
		color:#ffffff;
}
.block-tools ul li{
padding: 4px 0 1px 0;
overflow:hidden;

}
.block-tools ul li a{
	display:block;
}

.block-tools ul li.last{
border: none;

}

.block-tools-footer{
	background: url(../img/block_tools_footer.gif) no-repeat left top;
	margin: 0 0 0 60px;
	height: 24px;
	
}

.block-tools-content li{
	clear:both;
	border-bottom: 1px solid #7d7d7d;
}
.block-tools-content .btn-go{
	float: right;
	}

/* @end */
.footer{
	border-top: 1px solid #bcbcbc;
	width: 854px;
margin: auto;
position: relative;
font-size:.7em;
padding: 10px 0 0 0;
color: #777777;
}
.disclaimer{
	width: 854px;

margin: auto;
position: relative;
font-size:.7em;
padding: 10px 5px 5px 0;
color: #777777;
}
.copyright{
}
.footer-nav{
	width: 500px;
		float: right;
		text-align:right;
}
.footer-nav ul li{
	display: inline;
	margin: 0 0 0 20px;
	
}
.footer-nav ul li a{
	text-decoration: none;
	color: #777777;
	}
	.footer-nav ul li a:hover{
	text-decoration: underline;
	}
	

.disclaimer a{
	color: #777777;
	}
.disclaimer a:hover{
	color: #000000;
	}
.page-copy{
	font-size: .8em;
	padding: 0 40px 20px 40px;
	color:#333333
}	
.page-copy .column-r{
	width: 330px;
	padding: 0 0 0 20px;
	}
	.page-copy .column-l{
		width: 350px;
		border-right:  1px solid #cccccc;
		padding: 0 40px 0 0;
	}
.page-copy h1{
	font-size: 1.4em;
	margin: 0 0 5px;
	color:#000000
	
	}
/* @group form elements */

/* @group sort */

.sort{
text-align:right;
margin:0 0 27px 0;
float:right;
}

.sort td{
text-align:left;
white-space:nowrap;
font-size: .9em;
font-weight: bold;
color: #333333;
padding: 0 0 0 10px;
}
.sort .search-terms.import{
	width: 350px;
}

.sort .selector{
float:right;
margin:3px 20px 0 0;
font-size: .8em;
}
.sort .selector #select{
width: 90px;
font-size: 1em;
margin:3px 0 0 5px
}
.sort .btn-link.light{
float:right;
width:80px;
margin:0;
}


.sort .lable{
font-size:.9em;
width:40px;
display:block;
text-align:right;
padding:8px 5px 5px 0;
float:left;
}



/* @end */

/* @group tables */
.list-table table{
	width: 100%;
}
.list-table td h1{
	color:#333333;
	font-size:.8em;
	font-weight:bold;
	padding:10px 20px 10px 0;
	border-right:2px solid #333333;
	white-space:nowrap;
	text-align:center;
	
}
.list-table .column-titles td h1{
	color:#333333;
	font-size:.8em;
	font-weight:bold;
	padding:2px 20px 2px 2px;
	border-right:2px solid #333333;
}
.list-table .total h1{
	border:none;
	display: block;
	margin-left:20px;
	text-align:left;
}
.list-table .column-titles td h1.last{
	border-right:none;
}

.list-table {
clear:both;
}
.list-table table{
	margin: 0 0 10px 0;
}

.list-table .column-titles td{
	background-color: #B4B4B4;
	padding:10px 0 10px 20px;
	
}
.list-table .row-odd{
	background-color: #dcdcdc;
}
.list-table .row-even{
	background-color: #ffffff;
}
.list-table .total{
	background-color: #c1c1c1;
}

.list-table .row-odd td, .list-table .row-even td{
border-right:2px solid #B4B4B4;
padding:0 0 0 10px;
font-size:.8em;
}
.list-table .row-odd td.last, .list-table .row-even td.last{
border:none;
}

table.summery{
	width: 200px;
	margin: 10px;
	font-color:
}
table.summery td{
	font-size: .9em;
	text-align:right;
	
	
}

/* @end */

/* @group buttons */



.btn-link{
	background-image: url(../img/links_dark_tile.gif);
	clear:both;
	overflow:hidden;
}
.view-tab{
width: 85px;	
}
.btn-link .round-r{
float:right;
}
.btn-link .round-l{
float:left;
}
.btn-link a{
height:29px;
display:block;
line-height:28px;
color:#ffffff;
padding:0 0px 0 5px;
text-decoration:none;
font-size:.8em;
font-weight:bold;
white-space: nowrap;
}
html>body .btn-link a{
padding:0 0px 0 10px;
}

.btn-link .btn-go{
float: right;
margin: 4px 0 0 0;
}

/* @end */

.column-r{
float:right;
width: 570px;
padding: 0 30px 20px 0;
}

.column-l{
float:left;
width:150px;
}

/* @group form-box */
.form-box-container div{
	overflow:visible;
	
}
.form-box div{
	overflow:hidden;
	}
.form-box{
	background-color: #eeeeee;
	font-weight: bold;
	font-size: .9em;
	color:#333333;
	margin: 0 0 10px 0;
	border: 1px solid #dedede;
	position: relative;
} 
.form-box .form-row {
	clear: both;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #ffffff;
	margin: 0 15px 0 15px;
	position: relative;
height: 20px;
}

.form-box .form-row.title{
	clear: both;
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid #ffffff;
	margin:0;
	position: relative;
height: 20px;
background-color: #cdcdcd;
}
.form-box .form-row.title.top{
	clear: both;
	padding: 0 0 10px 15px;
	border-bottom: 1px solid #ffffff;
	margin:9px -1px 0 0;
	position: relative;
height: 20px;
background-color: #cdcdcd;
}

.form-box .form-row.title .form-column-r{

	font-weight: bold;
	font-size: .9em;
	color:#333333;
}
.form-box .form-row.last{
	border: none;
}
.form-box .form-row .form-column-l {
	clear: both;
	float: left;
	width: 230px;
	position: relative;
	
}
.form-column-r select{
	font-size:.8em;
}
.form-box .form-row label{
	margin: 0 10px 0 0;
}
.form-box .row-top{
	background: url(../img/form-box-rnd-tr.gif) no-repeat right;
	top: 0px;
	right: -1px;
	left: -1px;
	position: absolute;
	height: 10px;
width: 100.5%;

} 
 
.alerts .form-column-r{
font-size: .8em;
font-weight: 100;
}
.alerts .form-row input{
	margin: 0 10px 0 0;
}
html>body .form-box .row-top{
	top: -1px;
	}
.form-box .row-bottom{
	background: url(../img/form-box-rnd-br.gif) no-repeat right;
clear: both;
height: 10px;
	height: 10px;
width: 100.5%;
margin:0 -1px -1px -1px;
overflow:visible;
}

html>body .form-box .row-bottom{
	}
.form-box .row-top.dark{
	background: url(../img/form-box-rnd-tr-drk.gif) no-repeat right;
	background-color: #cdcdcd;

}
.form-box-container .disclaimer{
	
	padding: 0 0 10px 20px;

	
}
/* @end */


/* @end */

/* @group payment form */

.payment .form-box .form-row .form-column-r {

	float: right;
	width: 350px;
	position: relative;
	font-weight:100;
	font-size: .9em;

}
.payment .form-box .form-row .form-column-l {

	float: left;
	width: 180px;
	position: relative;

}
.payment .usd .text-box{
	width: 80px;
	margin: 0 10px 0 0;

}
.payment .active input{
	margin: 0 10px 0 0;
}

.payment .mo{
	width: 40px;
	margin: 0 10px 0 0;

}

.payment .yr{
	width: 80px;
	margin: 0 10px 0 0;

}

/* @end */

/* @group Sub Nav */
.sub-nav{
	margin: 0 0 20px 0;
	
}
.btn-link a.on{
	color:#92d27b;
}
.btn-link a:hover{
	color:#92d27b;
}
.column-l .sub-nav .btn-link{
	list-style-type: none;
	margin:0 0 8px 0;
	padding:0;
	
}
.btn-link.small-text{
	font-size: .85em;
	
}
/* @end */

/* @group my account styles */

.content{
width: 853px;
margin: auto;
position: relative;

}
.modules{
	height: 560px;
}
 .edit .view-tab .btn-link{
	width: 150px;
}



 .edit table{
	clear: both;
	float: right;
}
.password .form-column-l em{
	font-size: .7em;
	font-style: normal;
	font-weight: normal;
}

 .search-terms{
	margin: 40px 0 10px 0;
}
.search-terms .value-field{
	width: 215px;
	float: left;
		padding:5px 0 0 0

}
.search-terms.import .value-field{
	width: 240px;
	float: left;
		padding:5px 0 0 0

}
.search-terms .value-field .text-box{
	width:160px
}
.search-terms td .lable{
	width: 60px;
}
 .search-terms td .btn-link{
	float: right;
	margin: 0 0 0 10px;
	width: 90px;
}


.single{
	clear: both;
	width: 130px;
	float: right;
margin: 0 0 0 10px;
	
}
/* @end */

/* @group login */

.login .column-r{
	width: 400px;
	padding: 3px 200px 100px 0;
}
.login .reminder .column-r{
	width: 500px;
	padding: 30px 150px 100px 0;
}
.login .form-box .form-row{
	margin: 0 40px 0 40px;
}
.login .form-box .form-row .form-column-l{
	width: 100px;
	}
	.login .reminder .form-box .form-row .form-column-l{
	width: 160px;
	}
	.login .form-box .row-top, .login .form-box .row-bottom{
	width: 101%;
}
.login  .error{
	font-size: .8em;
	font-weight: bold;
	color: #ac210a;
	margin: 0 0 10px 10px;
}
.login a{
	font-weight: normal;
	font-size: .9em;
}
.login .disclaimer{
margin: 0 10px 0 10px;
}

.login .login .form-box .form-row.last{
	padding: 10px 0 0 0;
	color: #828282;
}
.signup ul{
	margin: 0 0 20px 20px;
}
.signup ul li{
margin: 0 0 10px 10px;
	list-style-type: disc;
	list-style-position: outside;
}
.login .registration .column-r{
	width: 750px;
	padding: 30px 50px 100px 0;
}
.login .registration .form-box .form-row .form-column-l{
	width: 200px;
	}
	.login .registration .form-box .form-row .form-column-r{
	font-size:.8em;
	font-weight: normal;
	}
		.login .registration .form-box .row-top, .login .registration .form-box .row-bottom{
	width: 100.3%;
}
	.login .registration .copy-block{
	height: 80px;
}
.agree{
	padding: 5px 20px 0 40px;
	font-size: .8em;
	width: 530px;

}
/* @end */

/* @group add ad */

.add-ad-header{
	margin: 0 0 20px 0;
}

.add-ad-header .single{
	float: left;
	margin: 10px 20px 0 0;
}

.add-ad-header h1{
	font-weight:bold;
	font-size: 1.4em;
	color:#333333;
	margin: 0 0 10px 0;
}
.add-ad-header h2{
	font-weight:bold;
	font-size: .9em;
	color:#333333;
}

.add-ad div{
	position:relative;
}
.add-ad .column-l{
	width: 555px;
}
.add-ad .column-r{
	width: 310px;
	
}
.add-ad {
width: 910px;
margin: 20px auto ;
position:relative;
}
.add-ad div{
	overflow:visible;
	}
.add-ad .form-box{
	width: 550px;
	overflow:visible;
}
.add-ad .form-row .form-column-l{
	width: 105px;
}
.add-ad .form-row .form-column-r{
	width:400px;
	float: right;
	font-weight: bold;
}
.add-ad .form-row .text-box{
	width: 250px;
	font-weight: normal;
}
.add-ad .form-row.copy-block{
	height: 100px;
}
.add-ad .form-row{
	font-size: .9em;
}
.add-ad .form-row .night{
	width: 40px;
	margin: 0 10px 0 0;
}
.add-ad .form-row .select{
	margin: 0 10px 0 10px;
}
.add-ad .form-row #textarea{
	width: 250px;
}
.add-ad .form-row.last .text-box{
	display: block;
	width: 240px;
	float: left;
}
.add-ad .form-row .btn-link{
	width: 90px;
	float: left;
	margin: 0 0 0 5px;
}

.add-ad .disclaimer{
	width: 78px;
	font-size: .7em;
	background: url(../img/form_arrow.gif) no-repeat right;
	position: absolute;
	top: 405px;
	z-index: 400;
	left: 483px;
}
html>body .add-ad .disclaimer{
	top: 395px;
	}

.add-ad .image-preview{
	clear: both;
	margin: 20px 0 0 0;
	height: 330px;
	background-color: #333333;
}
.add-ad .row-top{
	margin: -1px 0 0 0;
}

.add-ad .text-preview{
	
}
.add-ad .ad-options{
	font-weight: bold;
	font-size: .8em;
color:#555555;
padding: 20px 0 0 10px;
}

.add-ad .ad-options ul{
font-size: .9em;
float: left;
font-weight: bold;
width: 320px;
color:#555555;
margin: 15px 0 0 10px;
	}
.add-ad .ad-options ul .check-box{
margin: 0 20px 0 0;	
}
.add-ad .ad-options ul.right{
float: left;
width: 200px;
	}
	.add-ad .ad-options ul li{
	margin: 0 0 10px 0;
}

/* @end */
#mainContainer{
	width:660px;
	margin:0 auto;
	text-align:left;
	height:100%;
	background-color:#8B9AA7;
	border-left:3px double #000;
	border-right:3px double #000;
	}

	#formContent{

		padding:5px;

	}

	/* END CSS ONLY NEEDED IN DEMO */

	

	

	/* Big box with list of options */

	#ajax_listOfOptions{
	position:absolute;	/* Never change this one */
	width:200px;	/* Width of box */
	height:270px;	/* Height of box */
	overflow:hidden;	/* Scrolling features */
	border:1px solid #317082;	/* Dark green border */
	background-color:#E1E6EA;	/* White background color */
	text-align:left;
	font-size:				1em;
	font:					12px/1.7 "Lucida Grande", "Trebuchet MS", Verdana;
	color:#000066;
	border-right-color:		#ddd;
	border-bottom-color:	#ddd;
	z-index:100;
	}

	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */

		margin:1px;		

		padding:1px;

		cursor:pointer;

		font-size:0.9em;

	}

	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */

		

	}

	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
	background-color:		#444;
	color:					#fff;
	}

	#ajax_listOfOptions_iframe{

		background-color:#F00;

		position:absolute;

		z-index:5;

	}