@charset "utf-8";

body {
  margin: 0;
  padding: 0;
  background-color: #757575;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
}

.left { 
  float:left; 
  display:inline;
}

.right { 
  float:right; 
  display:inline;
}

.clear { 
  clear:both;
}

#page {
margin:0 auto;
width:1200px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background:url(images/bg.jpg) repeat-y;
height:auto;}




#top-header {
	background-image: url(images/topheaderbg.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	height: 72px;
	width: 1200px;
}

#footer {
	background: url(images/topheaderbg.jpg) top;
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 1200px;
	margin-top:20px;
	
}

#logo {
background:url(images/logo.jpg) no-repeat; 
width:232px; 
height:72px;
margin-left:40px;
}

#right-image {
background:url(images/topheaderrightimg.jpg) no-repeat; 
width:333px; 
height:72px; }

#top-menu {margin:0;padding:0;margin-top:40px;}
#top-menu ul { list-style:none;}
#top-menu ul li { list-style:none; float:left; display:inline; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding-right:8px; color:#FFFFFF;}
#top-menu ul li a:link , #top-menu ul li a:visited  { color:#FFFFFF; text-decoration:none;}
#top-menu ul li a:hover , #top-menu  ul li a:active  { color:#FFFFFF; text-decoration: underline;}

/*#articlemenu { height:18px; width:200px;}*/
#articlemenu ul { list-style:none; margin:0; padding:0; padding-top:2px; margin-left:10px;}
#articlemenu ul li { list-style:none; float:left; display:inline; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-right:10px; color:#FFFFFF;}
#articlemenu ul li a:link { color:#FFFFFF; text-decoration:none;}
#articlemenu ul li a:visited { color:#FFFFFF; text-decoration:none;}
#articlemenu ul li a:hover ,#mainmenu  ul li a:active  { color:#FFFFFF; text-decoration: underline;}


#headerbanner { background:url(images/headerbanner.jpg) no-repeat #ffffff; width:1200px; height:132px;  }

#mainmenu { background:#340101; height:18px; width:1200px;}

#mainmenu ul { list-style:none; margin:0; padding:0; padding-top:2px; margin-left:10px;}
#mainmenu ul li { list-style:none; float:left; display:inline; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-right:10px; color:#FFFFFF;}
#mainmenu ul li a:link , #mainmenu ul li a:visited  { color:#FFFFFF; text-decoration:none;}
#mainmenu ul li a:hover ,#mainmenu  ul li a:active  { color:#FFFFFF; text-decoration: underline;}


#content {  width:780px;  margin:0; padding:10px; }


#sidebar {
	width:190px;
	padding:0 5px;
	margin:0;
	margin-bottom:10px;

}
#sidebar2 {
	width:175px;
	padding:0 5px;
	margin:0;
	margin-bottom:10px;

}

#sidetitle { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-style:italic; margin-left:10px; }
#sidesubtitle { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#ff7700; font-style:italic; margin-left:10px;
margin-top:3px;}

#searchbox { margin:0; padding:0; padding-top:10px;  }
#searchbox form{ margin:0; padding:0;}
#searchinput { margin:0 ; padding:0; width:170px; height:18px; margin-left:10px; margin-top:5px; font-size:11px; padding-top:1px;}
#searchinputlogin { margin:0 ; padding:0; width:90px; height:16px; margin-left:10px; margin-top:5px; font-size:11px; padding-top:1px;}
#searchbtn { background:url(images/searchbtn.jpg) no-repeat;  width:60px; height:18px; border:0; margin-top:3px; margin-right:5px;}
#inputloginbtn { background:url(images/loginbtn.jpg) no-repeat;  width:60px; height:18px; border:0; margin-top:3px; margin-right:5px;}
#formbox {  border-bottom:1px solid #fff; padding-bottom:10px; }

#cont-post { font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#000000; }

h2 { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 14px; 
  color: #04194f; 
  margin:0; 
  padding:0; 
  font-weight: bolder;
}

h2 a {
  color: #04194f; 
  text-decoration: none;
}

h2 a:hover {
  text-decoration: underline;
}

.spacer { 
  width: 780px; 
  height: 3px; 
  margin: 0 auto; 
  padding: 0; 
  background: #340101;
}

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
#sddm
{	margin: 10 auto 0 250;
	padding: 0;
	z-index: 30}

#sddm2
{	margin: 10 auto 0 auto;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0 auto 0 auto;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm2 li
{	margin: 0 auto 0 auto;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: inline;
	margin: 0 1px 0 0;

	width: 80px;

	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm2 li a
{	display: inline;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 160px;
	background: #5970B2;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	}

#sddm2 li a:hover
{	}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 22 auto 0 -85;
	padding: 0;
	background: #EAEBD8;
}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 3px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #340101;
		color: #2875DE;
		font: 11px arial}

	#sddm div a:hover
	{	
		color: #FFF}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 0 10px;
	color: #04194f;
}
.white-text-splash {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	width: 430px;
	padding-left: 10px;
	padding-right: 10px;


}
.small-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}
.big-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5970B2;
}

/* MY STYLE STARTS HERE */
.bold {
  font-weight: bold;
}

.user-control-panel {
  padding-left: 10px;
  padding-right: 5px;
}

.req {
  color: #f00;
  font-size: 14px;
  line-height: 14px;
}

.text_field {
  width: 175px;
  height: 16px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  border: 1px solid #6980C2;
  font-size: 11px;
}

.selection_box {
  border: 1px solid #6980C2;
}

.text_area {
  width: 175px;
  height: 80px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  border: 1px solid #6980C2;
  font-size: 11px;
}

.user_info_fields {
  padding-left: 10px;
  float: left;
  display: inline;
  width: 315px;
}

.user_info_fields .label {
  padding-top: 7px;
  padding-bottom: 2px;
  padding-left: 1px;
}

.areas_of_interest {
  float: left;
  display: inline;
  width: 300px;
  padding-top: 50px;
}

.account_type {
  padding-top: 10px;
}

#business_resource_account {
  width: 275px;
  float: left;
  display: inline;
  font-weight: bold;
  color: #4960A2;
}

#business_needs_account {
  width: 275px;
  float: left;
  display: inline;
  font-weight: bold;
  color: #4960A2;
}

#business_resource_account_fields {
  display: none;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 10px;
  font-weight: normal;
  color: #000;
  border: 1px solid #4960A2;
  padding: 10px;
}

#feature_listing_fields {
  display: none;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 10px;
  font-weight: normal;
  color: #000;
  border: 1px solid #4960A2;
  padding: 10px;
}

#business_resource_account_fields .explanation {
  padding-top: 2px;
  padding-left: 5px;
  padding-bottom: 15px;
}

#business_resource_account_fields_alt {
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 10px;
  font-weight: normal;
  color: #000;
  border: 1px solid #4960A2;
  padding: 10px;
}

#business_resource_account_fields_alt .explanation {
  padding-top: 2px;
  padding-left: 5px;
  padding-bottom: 15px;
}

#business_needs_account_fields {
  display: none;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 10px;
  font-weight: normal;
  color: #000;
  border: 1px solid #4960A2;
  padding: 10px;
}

#business_needs_account_fields .explanation {
  padding-top: 2px;
  padding-left: 5px;
  padding-bottom: 15px;
}

#business_needs_account_fields .label {
  padding-bottom: 2px;
  padding-left: 1px;
}

#business_needs_account_fields .field {
  padding-bottom: 15px;
}

#business_needs_account_fields .field select {
  width: 200px;
}

#business_needs_account_fields_alt {
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 10px;
  font-weight: normal;
  color: #000;
  border: 1px solid #4960A2;
  padding: 10px;
}

#business_needs_account_fields_alt .explanation {
  padding-top: 2px;
  padding-left: 5px;
  padding-bottom: 15px;
}

#business_needs_account_fields_alt .label {
  padding-bottom: 2px;
  padding-left: 1px;
}

#business_needs_account_fields_alt .field {
  padding-bottom: 15px;
}

#business_needs_account_fields_alt .field select {
  width: 200px;
}

.submit_section {
  padding-top: 15px;
  padding-bottom: 10px;
  padding-left: 5px;
}

.error_section {
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  color: #f00;
}

.user-control-panel .welcome_section {
  float: left;
  display: inline;
  width: 400px;
  line-height: 150%;
}

.user-control-panel .brief_info {
  float: right;
  display: inline;
  width: 300px;
  text-align: right;
}

.user-control-panel .management_links {
  padding-top: 15px;
}

.user-control-panel .contact_info {
  padding-top: 15px;
}

.user-control-panel .contact_info .header_title {
  display: block;
  padding-bottom: 7px;
  text-decoration: underline;
}

.user-control-panel .contact_info input {
  margin-bottom: 5px;
}

.user-control-panel .contact_info #edit_link {
  display: block;
  padding-top: 5px;
}

.user-control-panel #fields_section {
  display: none;
}

.user-control-panel .contact_info #submit_button {
  font-size: 11px;
}

.user-control-panel .purchase_history {
  padding-top: 15px;
  padding-bottom: 15px;
}

#footer #cont-post {
  color: #fff;
  padding-top: 7px;
}

#footer #cont-post p {
  margin: 0;
}

#footer #cont-post a {
  color: #fff;
  text-decoration: none;
}

#footer #cont-post a:hover {
  text-decoration: underline;
}

#footer #cont-post .copyright {
  font-weight: bold;
  padding-top: 9px;
}

.login-form .username {
  padding-top: 7px;
}

.login-form .password {
  padding-top: 5px;
}

.login-form .submit {
  padding-top: 5px;
}

.login-form .left_col {
  float: left;
  display: inline;
  margin:0; padding:0;
  width: 83px;
}

.login-form .right_col {
  float: left;
  display: inline;
  margin:0; padding:0;
  width: 90px;
}

.login-form .right_col #searchinputlogin {
  margin: 0;
  border: 1px solid #340101;
  padding-left: 2px;
}

.featured-listings {
margin:0;
padding:0;
width:170px;
  padding-top: 5px;
  padding-right: 5px;
  text-align: justify;
  color: #fff;
  line-height: 150%;


}

.featured-listings ul{ margin:0; padding:0; margin-left:10px;  width:170px;}
.featured-listings ul li { margin:0; padding:0; width:150px; margin-left:10px;}

.featured-listings .flink {
  color: #FF7700;
  text-decoration: none;
}

.featured-listings .flink:hover {
  text-decoration: underline;
}


.log-info {
  padding-top: 5px;
  padding-right: 5px;
  text-align: right;
  color: #fff;
  line-height: 150%;
}

.log-info .cpanel-link {
  color: #FF7700;
  text-decoration: none;
}

.log-info .cpanel-link:hover {
  text-decoration: underline;
}

.log-info .logout-link {
  background: transparent url(images/logoutbtn.jpg) no-repeat scroll 0 0;
  display: block;
  float: right;
  font-size: 0;
  width: 60px;
  height: 18px;
  color: #FF7700;
  text-decoration: none;
  margin-top: 5px;
}

.log-info .logout-link:hover {
  text-decoration: underline;
}

#info_section .extra_info {
  padding-top: 5px;
}

.fields_section_wrapper {
  border: 1px solid #6980C2;
  padding: 10px;
  width: 182px;
}

.fields_section_wrapper .label {
  padding-top: 7px;
  padding-bottom: 2px;
  padding-left: 1px;
}

.fields_section_wrapper .submit {
  padding-top: 5px;
  text-align: center;
}

.fields_section_wrapper select {
  border: 1px solid #6980C2;
  width: 178px;
}

#br_premier_fields {
  display: none;
  width: 260px;
  margin-bottom: 10px;
  font-weight: normal;
  color: #000;
  border: 1px solid #4960A2;
  padding: 10px;
}

#br_premier_fields .explanation {
  padding-top: 2px;
  padding-left: 5px;
  padding-bottom: 15px;
}

#bn_premier_fields {
  display: none;
  width: 260px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: normal;
  color: #000;
  border: 1px solid #4960A2;
  padding: 10px;
}

#bn_premier_fields .explanation {
  padding-top: 2px;
  padding-left: 5px;
  padding-bottom: 15px;
}

/* MANAGE EMAIL SUBSCRIPTIONS PAGE */
.manage-email-subscriptions .header_title {
  padding-top: 10px;
}

.manage-email-subscriptions .areas_of_interest {
  padding-top: 15px;
}

.manage-email-subscriptions .submit {
  padding-top: 10px;
}

/* BUY PAID VIEWS AND PURCHASE LISTING PAGES */
.buy-paid-views,
.purchase-listing {
  padding-left: 10px;
}

.buy-paid-views .header_title,
.purchase-listing .header_title  {
  padding-top: 10px;
}

.buy-paid-views .label,
.purchase-listing .label {
  padding-top: 7px;
  padding-bottom: 2px;
  padding-left: 1px;
}

.buy-paid-views .submit,
.purchase-listing .submit {
  padding-top: 10px;
  padding-bottom: 10px;
}

.buy-paid-views .error,
.purchase-listing .error {
  color: #f00;
  padding-top: 10px;
}

.buy-paid-views .thank_you,
.purchase-listing .thank_you {
  padding-top: 10px;
}

.buy-paid-views .info_text,
.purchase-listing .info_text {
  padding-top: 10px;
}

.bg_brown {
  background: #D6B690;
}

.bg_tophead{
background: #B76116
}
/* BUSINESS NEEDS PAGE */

.business-needs, 
.admin-panel-listings {
  padding-top: 10px;
}

.business-needs #listings .listing-item,
.admin-panel-listings #listings .listing-item {
  padding: 10px;
  text-align: justify;
}

.business-needs #listings .listing-item .title,
.admin-panel-listings #listings .listing-item .title {
  font-weight: bold;
}

.business-needs #listings .listing-item .desc,
.admin-panel-listings #listings .listing-item .desc {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* BUSINESS NEEDS LISTING PAGE */
.business-needs-listing {
  padding-top: 15px;
}

.business-needs-listing .title,
.admin-panel-listing .title {
  padding-top: 10px;
  font-weight: bold;
}

.business-needs-listing .desc,
.admin-panel-listing .desc {
  padding-top: 7px;
  padding-bottom: 7px;
  text-align: justify;
}

.business-needs-listing .invrange,
.admin-panel-listing .invrange {
  padding-bottom: 10px;
}

.admin-panel-listing .header_title {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* PURCHASE HISTORY PAGE */
.purchase-history {
  padding-top: 10px;
  padding-left: 10px;
}

.purchase-history .header_title {
  padding-bottom: 10px;
}

#purchase-history-table {
  margin-top: 10px;
  margin-bottom: 10px;
  border-collapse: collapse;
  width: 100%;
}

#purchase-history-table .type {
  width: 15%;
  text-align: center;
}

#purchase-history-table .info {
  width: 60%;
  text-align: left;
}

#purchase-history-table .date {
  width: 25%;
  text-align: center;
}

#purchase-history-table .table-header td {
  border: 1px solid #340101;
}

#purchase-history-table td {
  border-bottom: 1px solid #340101;
}

#purchase-history-table .type {
  border-left: 1px solid #340101;
}

#purchase-history-table .date {
  border-right: 1px solid #340101;
}

/* PAID VIEWS USED PAGE */
.paid-views-used {
  padding-top: 10px;
  padding-left: 10px;
}

.paid-views-used .header_title {
  padding-bottom: 10px;
}

#paid-views-used-table {
  margin-top: 10px;
  margin-bottom: 10px;
  border-collapse: collapse;
  width: 100%;
}

#paid-views-used-table .title {
  width: 20%;
  text-align: center;
}

#paid-views-used-table .main_category {
  width: 25%;
  text-align: center;
}

#paid-views-used-table .sub_category {
  width: 25%;
  text-align: center;
}

#paid-views-used-table .date {
  width: 30%;
  text-align: center;
}

#paid-views-used-table .table-header td {
  border: 1px solid #340101;
}

#paid-views-used-table td {
  border-bottom: 1px solid #340101;
}

#paid-views-used-table .title {
  border-left: 1px solid #340101;
}

#paid-views-used-table .date {
  border-right: 1px solid #340101;
}

/* ADMIN PANEL LISTINGS PAGE */
.admin-panel-listings .submit {
  padding-top: 5px;
}

.short { display:inline; }
.long { display:none; }



.text_area {
  font: normal 12px Arial, Helvetica, sans-serif;
  width: 400px;
  height: 150px;
}

#728banner { margin:0; padding:0; width:728px; height:90px; border:1px solid #000; margin-left:10px;}