﻿

.findPubFilterOpts {border-bottom:1px solid #333;font-size:16px;margin-bottom:3px;width:400px;}
.findPubFilterOpts a {font-size:12px;padding-bottom:8px;text-decoration:none;}


#listTable td {height:24px;border-bottom:1px dotted #2E76CE;padding-top:2px;padding-bottom:2px;}

#listTable .listTableTitle {background:#2E76CE;font-size:10px;font-weight:bold;color:#FFF;}

#listTable .listTableTitle a {color:#FFF;}conte
#listTable .listTableTitle a:visited {color:#FFF;}



/* general formatting */
form * {
	*margin: 0;
	line-height: normal;
}

#content h1 {
	background-image: url("images/hr.gif");
	background-position: bottom left;
	background-repeat: repeat-x;
	padding-bottom: 6px;
	color: #000000;
	margin: 20px auto 0 auto;
	font-size:20px;
}

#content h1.half {
	width: 480px;
	background-image: url("images/hr.gif");
	background-position: bottom left;
	background-repeat: repeat-x;
	padding-bottom: 4px;
	color: #86d37f;
	margin: 20px auto 0 auto;
	font-size:20px;
}

#content h2 {
	font-size: 16px;
}

#content .faq h2 {
	font-size: 14px;
}

#content .faq div, .ViewAccountSection div.ViewAccountTitle, .ViewTicketSection div.ViewAccountTitle {
	font-size: 16px;
}

#content h3, #content .faq p, #content .faq ul li, #content .lg, #publishersList h4, #ViewAccountContent p {
	font-size: 12px;
}

#content .faq h3 {
	font-size: 13px;
	text-decoration: none;
	margin: auto 5px 6px auto;
	text-align: right;
}

#content .faq ol, #content .faq ul {
	font-size: 13px;
}

#content .faq ul li, #content .faq ol li {
	padding: 2px;
}

#content .faq ul, #content .faq ol {
/*	color: #666;*/
	margin-top: 0;
}

/* element formatting */
body,h1,h2,h3,h4 {
	margin: 0;
	padding: 0;
/*	color: #333; */
	color:#000000;
}
a img {
	border: 0;
}
.sort, .sort:hover {
	color: #fff;
	text-decoration: none;
}
small {
	font-size: 9px;
}
input {
	overflow: hidden;
}
hr {
	border:1px solid #ddd;
}

/* layout custom classes */
.spacer {
	height: 25px;
	clear: both;
}

.h1spacer {
	height: 20px;
	clear: both;
}

.minspacer {
	height: 1px;
	clear: both;
}

/* pagination */
#pages {text-align:center;padding-top:1em;clear:left;font-weight:bold;}
#pages span,#pages a, #pages span {text-decoration:none;margin-right:.75em;font-size:15px;}
#pages a:hover{text-decoration: underline;margin-right:.75em;}

/* old pagination */
#foundPaging{
	clear: both;
	text-align:center;
	font-size:11px;
	padding:5px;
}

#foundPaging a{
	border:1px solid #CCCCCC;
	background:#E3F5DE;
	
	padding: 5px;
	width:23px;
	height:23px;
}

#foundPaging a:hover{
	background:#FFFFFF;
}

#foundPaging b
{
	border:1px solid #333;
	padding:5px;
}


/* register form */
#register {
	text-align: right;
}
#register h1 {
	width: 470px;
	background-image: url("images/hr.gif");
	background-position: bottom left;
	background-repeat: repeat-x;
	padding-bottom: 4px;
	color: #86d37f;
	margin: 20px auto 6px 290px;
	text-align: left;
}
#register h2 {
	width: 450px;
	background-image: url("images/hr.gif");
	background-position: bottom left;
	background-repeat: repeat-x;
	padding-bottom: 4px;
	color: #666;
	margin: 10px auto 5px;
	text-align: center;
}
#register form {
	width: 450px;
	margin: 10px 0 0 290px;
}
#register form, #account form {
	padding: 0 10px 10px 10px;
	*margin-top: 0;
	height: expression('1%');
	font-size: 1.1em;
	line-height: 1.2em;
	text-align: left;
}
#register form, #frmEditSite, #frmAddNewSite, #frmUpdOpportunity, #frmAddOpportunity {
	background-image: url("../images/theme/form-bg.jpg");
	background-repeat: repeat-x;
	background-position: 0 0;
}
#register form p, #account form p {
	clear: both;
	padding: 10px 0 0 0;
	margin: 0;
	font-weight: bold;
}
#register form p label, #account form p label, #blogbox form p label {
	float: left;
	width: 150px;
	text-align: right;
	padding: 5px 10px;
/*	color: #777777;*/
	font-size: 12px;
}
#register form p input, #account form p input, #account form p span.SugPrice {
	padding-left: 2px;
	font-size: 1.2em;
	color: #006699;
}
#register form p select, #account form p select {
	width: 220px;
	_width: 230px;
	padding-left: 2px;
	font-size: 1.5em;
	color: #006699;
}
#register form p textarea {
	height: 100px;
	width: 214px;
	_width: 224px;
	color: #006699;
	font: 1.2em verdana,arial,helvetica,clean,sans-serif;
}
#register form #submit {
	height: 40px;
	padding: 15px 0 0 170px;
	font-size: 16px;
}
#register #regfooter {
	width: 450px;
	height: 50px;
	margin-left: 290px;
	clear: both;
	text-align: left;
	color: #666666;
}

/* my account uses similar styles to FAQ */
#content .faq, .ViewAccountSection, .ViewTicketSection {
	border: 1px solid #aaaaaa;
/*	background-color:#D2E9FF;*/
	border-color: #ebebeb;
	text-align: left;
	margin-top:18px;
}
#content .faq, .ViewAccountSection {
	width: 758px;
}
#account {
	margin-left:220px;
}
#account form p textarea {
	height: 100px;
	width: 340px;
	_width: 350px;
	color: #006699;
	font: 1.2em verdana,arial,helvetica,clean,sans-serif;
}
#account form p label a {
	text-decoration: none;
}
#account form p label a span {
	border-bottom: #666 1px dashed;
	color: #777777;
	font-size: 12px;
	padding:0;
	margin:0;
}
#account form #submit, #account form .submit {
	padding: 15px 0 0 170px;
	font-size: 16px;
}
#account .alert {
	margin: 10px 20px 0 20px;
	padding: 10px 10px 0 10px;
	border: 1px dashed #d4d435;
	background: #FFFFCC;
	font-size:11px;
	color:#000000;
	
	background-image: url(../images/theme/messagetext.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#account .alert h3 {
	text-align:center;
	font-size:15px;
}
#account .alert p {
	color: #000;
	font-weight: normal;
}
#account .alert-clear {
	height: 8px;
}
#account .alert ul {
	padding-top:3px;
	margin-top:0;
	padding-left:10px;
}
#account .alert li {
	padding-top: 5px;
	font-size: 12px;
	list-style: none;
	padding-left: 15px;
	background-image: url(../images/theme/arrow_px_ye.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}

/* register page's mini-faq */
.info {
	position: absolute;
	width: 260px;
	border: 1px solid #aaaaaa;
	background-color: #ffffff;
	text-align: left;
}
.info div, #content .faq div, .ViewAccountSection div.ViewAccountTitle, .ViewTicketSection div.ViewAccountTitle {
/*	background-color: #eeeeee; */
	background-color: #e4f2fd;
/*	color: #999999;*/
	color:#0000CC;
	margin: 2px 2px 10px 2px;
	padding: 2px 2px 2px 5px;
	font-weight: bold;
}
.info div {
	font-size: 12px;
}
.info h3 {
	font-size: 12px;
	text-decoration: none;
	margin-bottom: 6px;
	text-align:right;
	margin-right:5px;
}
.info h4, #content .faq h2 {
	color: #777777;
	margin: 1px 2px 5px 2px;
	padding: 1px 2px 2px 5px;
}
.info h4 {
	font-size: 11px;
}
.info p, #content .faq p {
/*	color: #666666;*/
	color:#000000;
	margin: 0 2px 10px 2px;
	padding: 0 2px 2px 5px;
}
.info p {
	font-size: 11px;
}

/* view account tabs */

#tabs .tab-acc-balance {background:url(../images/account/account-balance.jpg);width:140px;height:53px;text-align:center;font-size:12px;font-weight:bold;color:#FFFFFF}

#tabs .tab-acc-balance a {margin-left:33px;margin-top:28px;color:#FFFFFF;text-decoration:none;}

#tabs { height: 27px; }
#tabs ul { float: left; margin: 0; *padding-left: 40px; list-style: none; }
#tabs ul li { float: left; margin: 0; padding: 0; display: inline; }
#tabs ul li a { float: left; margin: 0; padding: 5px 4px 7px 0 !important; }
* html div#tabs ul li a { float: left; margin: 0; padding: 5px 4px 6px 0 !important; } /* IE override */

#tabs .tab-sml-on a,
#tabs .tab-sml-off a,
#tabs .tab-lg-on a,
#tabs .tab-lg-off a,
#tabs .tab-xlg-on a,
#tabs .tab-xlg-off a,
#tabs .tab-xxlg-on a,
#tabs .tab-xxlg-off a { text-align: center; text-decoration: none; font-size: 13px;	font-weight: bold; font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; }

#tabs .tab-sml-off a:hover,
#tabs .tab-lg-off a:hover,
#tabs .tab-xlg-off a:hover,
#tabs .tab-xxlg-off a:hover,
#tabs .tab-sml-on a:hover,
#tabs .tab-lg-on a:hover,
#tabs .tab-xlg-on a:hover,
#tabs .tab-xxlg-on a:hover,
#tabs .tab-sml-on a,
#tabs .tab-lg-on a,
#tabs .tab-xlg-on a,
#tabs .tab-xxlg-on a { color: #fff; }

#tabs .tab-sml-off a,
#tabs .tab-lg-off a,
#tabs .tab-xlg-off a,
#tabs .tab-xxlg-off a { color: #000; }

/* nav tab widths */
#tabs .tab-sml-on a, #tabs .tab-sml-off a { width: 72px; }
#tabs .tab-lg-on a, #tabs .tab-lg-off a { width: 109px; }
#tabs .tab-xlg-on a, #tabs .tab-xlg-off a { width: 130px; }
#tabs .tab-xxlg-on a, #tabs .tab-xxlg-off a { width: 172px; }


/* nav tab backgrounds */
#tabs .tab-sml-on a, #tabs .tab-sml-off a:hover { background: url(../images/account/tab-sml-on.gif) no-repeat top left; }
#tabs .tab-sml-off a { background: url(../images/account/tab-sml-off.gif) no-repeat top left; }
#tabs .tab-lg-on a, #tabs .tab-lg-off a:hover { background: url(../images/account/tab-lg-on.gif) no-repeat top left; }
#tabs .tab-lg-off a { background: url(../images/account/tab-lg-off.gif) no-repeat top left; }
#tabs .tab-xlg-on a, #tabs .tab-xlg-off a:hover { background: url(../images/account/tab-xlg-on.gif) no-repeat top left; }
#tabs .tab-xlg-off a { background: url(../images/account/tab-xlg-off.gif) no-repeat top left; }
#tabs .tab-xxlg-on a, #tabs .tab-xxlg-off a:hover { background: url(../images/account/tab-xxlg-on.gif) no-repeat top left; }
#tabs .tab-xxlg-off a { background: url(../images/account/tab-xxlg-off.gif) no-repeat top left; }


/* submenu styles */
#submenu { padding: 5px 0 12px 12px; *padding: 4px 0 13px 12px; background: url(../images/account/tab-bg.gif) repeat-x top left; color: #fff; height: 12px; font-size: 12px; }
#submenu a { color: #fff; padding-left: 3px; margin-top: 6px; }
#submenu a:hover { color: #fff; font-weight: bold; }

/* list styles */
#ListSmall { width: 300px; }
#ListHalf { width: 460px; }
.ListSmallTitle { width: 298px; }
.ListHalfTitle { width: 458px; }
.ListMediumTitle { width: 535px; }
.ListLargeTitle { width: 758px; }
.ListSmallTitle, .ListHalfTitle, .ListMediumTitle, .ListLargeTitle { height: 30px; float: left; border-left: 1px solid #9bafde; border-right: 1px solid #9bafde; }
.ListSmallTitle h2, .ListHalfTitle h2, .ListLargeTitle h2 { padding: 5px; padding-left: 10px; font-size: 16px; margin: 0px; color: #fff; font-weight: normal; background-image: url(../images/account/msg-top.gif); background-position: top left; background-repeat: repeat-x; }
.ListMediumTitle h2 { text-align:left; font-size: 16px; font-weight: normal; color: #fff; }

.ListItemA, .ListItemB, .ListItemC, .ListItemD, .ListItemG, .ListItemH { padding: 8px; float: left; height: 14px; font-size: 12px; }
.ListItemE, .ListItemF { padding: 8px; float: left; height: 44px; font-size: 12px; }
.ListItemA { background: url(../images/account/msg-a.gif) repeat-x top left; }
.ListItemB { background: url(../images/account/msg-b.gif) repeat-x top left; }
.ListItemC { background: url(../images/account/msg-c.gif) repeat-x top left; }
.ListItemD { font-size: 12px; color: #666; }
.ListItemE { background: url(../images/account/msg-e.gif) repeat-x top left; }
.ListItemF { background: url(../images/account/msg-f.gif) repeat-x top left; }
.ListItemG { font-size:11px; font-weight:bold; text-align:center; padding: 9px; background-image: url(../images/account/msg-top.gif); background-position: top left; background-repeat: repeat-x; }
.ListItemH { background: top left; }
.ListItemESel, .ListItemFSel {background:#C1DAF7;border-bottom:1px solid #9EB2E1;padding: 8px; float: left; height: 44px; font-size: 12px;}




/* checkout */
h3#note{*position:absolute;float:right;color:#333;background:#FAF8B4;border: 1px solid #FF9900;padding:2px;margin:0px;font-size:8pt;width:250px;font-weight:bold;color:#fe802d;text-align:center;*margin-left:232px;}
h3#error {
	padding: 10px;
	background: #f9ecec;
	border: 1px solid #dddddd;
	margin-bottom: 0px;
	text-align: center;
	color: #930000;
}
.submit_img{
	text-align: right;
	padding-top: 10px;
	border: none;
}
.submit_img input{
	display: inline;
	float: none;
	height: 26px;
	width: 150px;
	border: none;
	font-size: 12px;
}

/* my account tab */
.ViewAccountSection div small {font-size:11px;}
.ViewAccountSection div small .g {color:green;}
.ViewAccountSection div small .r {color:red;}

#TermsAndConditions form p label { width: 450px; text-align:center; }
#EmailNotificationSettings form p label { width: 309px; }
#EmailNotificationSettings form p select { width: 70px; }

/* find bloggers tab */
#publishersCategories { position: relative; padding:1em 0 1.5em 0; background-color:#FCFCF; margin-bottom:1em; float: left; width: 200px; border: 1px solid #CAD6E8; }
#publishersCategories a { display: block; padding: 5px; border: 1px #E6E6E6 solid; color: #333; }
#publishersCategories a:hover { background-color: #999; color: #FFFFFF; }
#publishersCategories * { margin: 4px 6px 6px 10px; }
#publishersCategories * * { margin: 0; }
#publishersList { float:left; padding-left: 15px; width: 543px; padding-top :0px; }
#publishersList h2 { margin: 0px ;}
#publishersCategoriesTags{ position: relative; padding:1em 0 1.5em 0; background-color:#FCFCF; margin-bottom:1em; float: left; width: 200px; }
#publishersCategoriesTags a{ text-decoration:none; }
#publishersCategoriesTags a:hover{ text-decoration:underline; }
#publishersCategoriesTags form { font-weight:bold; padding:0 0 0.8em 0; margin-bottom:0.6em; background-image: url("../images/theme/hr.gif"); background-position: bottom left; background-repeat: repeat-x; padding-bottom: 4px; }
#publishersCategoriesMiniTags{font-size:12px;font-weight:bold;text-align:center;margin-bottom:8px;}

/* advertiser/blogger details pages */
#twoColDetail .summary ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 14px;
}
#twoColDetail .summary ul li {
	width: 478px;
	padding: 4px 10px;
}
#twoColDetail .summary ul li.header {
	background: #5c753d;
	color: #fff;
	font-weight: bold;
	margin-top: 20px;
}
#twoColDetail .summary ul li.content {
	margin: 5px 0 5px 0;
}
#twoColDetail .summary ul li label {
	width: 100px;
	font-weight: bold;
	float: left;
}
#twoColDetail .summary label a {
	text-decoration: none;
}
#twoColDetail .summary label a span {
	border-bottom: #666 1px dashed;
	color: #333;
	font-size: 14px;
	padding:0;
	margin:0;
}
#twoColDetail .bidbox {
	float: right;
	width: 200px;
	padding: 4px;
	background: #f9f9f9;
	border: 1px solid #dddddd;
	margin-bottom: 0px;
}
#twoColDetail #blogbox {
	width: 520px;
	padding: 4px;
	background: #e0e0e0;
	border: 1px solid #cccccc;
	clear: both;
}
#twoColDetail .bidbox div, #blogbox div {
	padding: 5px;
	background: #fff;
}
#twoColDetail .bidbox div h2, #blogbox div h2 {
	*padding-top: 5px;
}

#twoColDetail a.signup {
	color:#996600;
}

/* box for advertiser / blogger detail page */
.dialog .hd .c,
.dialog .ft .c {
	font-size:1px; /* ensure minimum height */
	height:13px;
}
.dialog .ft .c {
	height:14px;
}
.dialog .hd {
	background:url("../images/dialog/tl.gif") no-repeat 0px 0px;
	width:535px;
}
.dialog .hd .c {
	background:url("../images/dialog/tr.gif") no-repeat right 0px;
}
.dialog .bd {
	background:url("../images/dialog/ml.gif") repeat-y 0px 0px;
	width:535px;
}
.dialog .bd .c {
	background:url("../images/dialog/mr.gif") repeat-y right 0px;
	width:535px;
}
.dialog .bd .c .s {
	margin:0px 10px 0px 6px;
	background:#fff;
	padding:1em;
}
.dialog .ft {
	background:url("../images/dialog/bl.gif") no-repeat 0px 0px;
	width:535px;
}
.dialog .ft .c {
	background:url("../images/dialog/br.gif") no-repeat right 0px;
}
/* content formatting for inside box */
.dialog h1 {
	font-size:2em;
	margin:0px;
	padding:0px;
	margin-top:-0.6em;
}
.dialog p {
	margin:0.5em 0px 0px 0px;
	padding:0px;
	font-size:0.95em/1.5em;
}
html>body .dialog pre {
	font-size:1.1em;
}

#SignIn-Left{float:left;width:480px;}
#SignIn-Right{width:280px;position:absolute;margin-left:500px;*margin-left:25px;margin-top:15px;*margin-top:0;}

/* show in bold for all browsers except safari */
.ListSmallTitle h2, .ListHalfTitle h2, .ListLargeTitle h2 { font-weight: bold;# }
.ListMediumTitle h2 { font-weight: bold;# }


/*  ADV HOME */

#ViewAccountContent { float: left; width:100%; margin-left: -220px;}

#advHomeLeft {float:left;margin-left:220px;}
	#advHomeLeft h1 {font-size:16px;color:#000066;border-bottom:1px dotted #000066;width:auto;}
	
#advHomeRight {padding-left:10px;margin-left:420px;}
	#advHomeRight h1 {font-size:16px;color:#000066;border-bottom:1px dotted #000066;width:auto;}
	
#contentLeft {float:left;width:250px; }
#contentRight {float:right; min-width:100px;max-width:755px;padding-left:20px;}

#pesan {float:left;border: 1px dotted rgb(204, 204, 204);margin-bottom:10px;width:100%;}
#sponsoredLinks { float:right; margin-top:30px;}

#textAds {font-family: Arial}
#textAds p { font-weight:normal; font-size:12px;margin:0px;padding-bottom:10px;}
#textAds h3 { font-weight:normal;font-size:15px;padding-bottom:2px;}
.textAdsTitle {color:grey;font-size:10px;text-align:right;padding:0;margin:0}
#paging { margin-left:220px;width:100%}

.spot_banner { margin: 0 auto; width:100%;padding-top:30px; text-align:center; }
	
.smspacer {height:4px;}

/*----- MENU ----- */

#navLeft, #navRight {
margin: 0;
padding: 0;
width: 330px;
list-style: none;
overflow: hidden;
}

#navLeft li, #navRight li {
width: 330px;
overflow: hidden;
text-transform: uppercase;
font-size:9px;
font-weight:bold;
}

#navLeft a, #navRight a {
color:#fff;
}

.li_nav_header a  {
display: block;
width: 330px;
height: 20px;
background: url(/images/account/home_header.gif) no-repeat;
}

.li_nav_body a  {
display: block;
width: 330px;
height: 20px;
background: url(/images/account/home_body.gif) no-repeat;
padding-left: 25px;
line-height:20px;
}

.li_nav_footer a  {
display: block;
width: 330px;
height: 33px;
background: url(/images/account/home_footer.gif) no-repeat;
}

.li_nav_body a:hover
{
background-position:  0 -20px;
color:#016001;
}

.li_active a:active  {
background: url(/images/account/home_body.gif) no-repeat;
background-position:  0 -40px;
color:#fff;
}

.menu_item {
margin: 0;
width: 330px !important;
height: auto;
}

.menu_item p {
margin: 0px 10px auto 12px !important;
padding-top: 10px !important;
text-transform: none !important;
font-size: 9px !important;
font-weight: normal !important;
color: #707070 !important;
}

.menu_item a {
color: #707070 !important;
}

.menu_item ul {
margin: 0px 3px 0px 24px !important;
padding: 10px 0px 10px 0px !important;
text-transform: none !important;
font-size: 9px !important;
font-weight: normal !important;
color: #707070 !important;
}

.menu_item {
background: url('/images/account/home_menu_item.gif') repeat-y;
}



.FindBloggersExtraSiteInfo {padding:5px;border:5px solid #333;background:#ffffff;width:500px;}

#listTable a:visited{color:Gray;}


.forums {
  background: #919191;
  }
#listing {
  position: relative;
  /*top: -4px;
  left: -4px;*/
  width: 100%;
  border: 1px solid #000;
  background: #fff;
}
#listing caption {
  margin: 0;
  padding: 8px 20px;
  text-align: left;
  border: 1px solid #000;
  border-bottom: none;
  background: #fff;
  }
#listing th, #listing td {
  margin: 0;
  padding: 8px 20px;
  text-align: center;
  border-bottom: 1px solid #b5b5b5;
  }
#listing th {
  color: #999;
  }
#listing .name {
  text-align: left;
  }
#listing tr {
  background: #e6e6e6;
  }
#listing tr.alt {
  background: #f1f1f1;
  }
#listing td a {
  display: block;
  font-weight: bold;
  }

