/* General */
body {
	text-align: center;
	margin: 0;
	/* font: 12px Arial, Helvetica, sans-serif; */
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #e7e7e7;
}

/* Form*/
.options {
	display: inline;
}

.options a{
	font-size: 14px;
	margin-right: 15px;
	font-weight:bold;
	background-image: url(http://www.linkbee.com/images/0050_pfeil.png);
	background-repeat: no-repeat;
	background-position: -2px;
	padding-left:12px;
}

dl {
  position: relative;
	width: 400px;
	margin-left: 50px;
	clear: both;
}

dt {
  clear: both;
  float: left;
  width: 100px;
  padding: 4px 0 2px 0;
  text-align: left;
	color: #3a6725;
	margin-bottom: 10px;
}

dd {
  float: left;
  width: 254px;
	padding-top: 4px;
  margin: 0 0 10px 0;
  padding-left: 6px;
}

.submit {
	clear: both;
	margin-left: 155px;
}

.hint {
	display: inline;
  position: absolute;
  right: -250px;
  width: 200px;
  margin-top: -4px;
  border: 1px solid #aba8a6;
	background-image: url("../images/icons/gquestion-mark.gif");
	background-repeat: no-repeat;
	background-position: 15px 15px;
  padding: 10px 12px 10px 50px;
}

dd input, dd select, .field {
	width: 170px;
	height: 19px;
	font: normal 12px arial, arial, sans-serif;
	padding: 1px 2px 0 2px;
	border-top: 1px solid #fee43b;
	border-right: 1px solid #fcc000;
	border-bottom: 1px solid #fcc000;
	border-left: 1px solid #fee43b;
	background: #ffffff url(../images/fade.gif) repeat-x;
}

.buttonsmall {
	width: 70px;
	padding: 0;
	margin-bottom: 1px;
}

.checkfield {
	width: 19px;
	height: 19px;
	border-top: 1px solid #fee43b;
	border-right: 1px solid #fcc000;
	border-bottom: 1px solid #fcc000;
	border-left: 1px solid #fee43b;
}

.shortfield {
	width: 70px;
	height: 19px;
	font: normal 12px arial, arial, sans-serif;
	padding: 1px 2px 0 2px;
	border-top: 1px solid #fee43b;
	border-right: 1px solid #fcc000;
	border-bottom: 1px solid #fcc000;
	border-left: 1px solid #fee43b;
	background: #ffffff url(../images/fade.gif) repeat-x;
}

.longfield {
	width: 245px;
	height: 19px;
	font: normal 12px arial, arial, sans-serif;
	padding: 1px 2px 0 2px;
	border-top: 1px solid #fee43b;
	border-right: 1px solid #fcc000;
	border-bottom: 1px solid #fcc000;
	border-left: 1px solid #fee43b;
	background: #ffffff url(../images/fade.gif) repeat-x;
}

dd textarea, .area{
	font: normal 12px arial, arial, sans-serif;
	padding: 1px 2px 0 2px;
	border-top: 1px solid #fee43b;
	border-right: 1px solid #fcc000;
	border-bottom: 1px solid #fcc000;
	border-left: 1px solid #fee43b;
	background: #ffffff url(../images/fadearea.gif) repeat-x;
}

.hugearea{
	font: normal 12px arial, arial, sans-serif;
	padding: 1px 2px 0 2px;
	border-top: 1px solid #fee43b;
	border-right: 1px solid #fcc000;
	border-bottom: 1px solid #fcc000;
	border-left: 1px solid #fee43b;
	background: #ffffff url(../images/fadeareahuge.gif) repeat-x;
}

.button {
	width: 100px;
	padding: 4px;
}

/* Layout */
#wrap {
	margin: 0 auto;
	width: 850px;
	text-align: left;
	background: url(../images/bg.gif) repeat-y;
	overflow:hidden;
}
 
#logo {
	height:121px;
	float:left;
	border:0;
	margin: 0 0 0 30px;
}

#logobot {
	width:48px;
	height:29px;
	float:left;
	margin: -5px 28px 0 60px;
}

#bot {
	width:850px;
	height:25px;
	float:left;
}

#top {
	width:850px;
	height:121px;
	background: url(../images/header.gif) no-repeat;
}

/* Menu */
.menu {
	text-align: left;
	float:left;
	padding: 0;
	margin: 0 0 0 10px;
	width: 830px;
	height: 29px;
	background: url(../images/menu.gif) repeat-x;
	display: inline;
}

.menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.menu li {
	color: #ffffff;
	padding: 5px 0 0 0;
	font: bold 14px arial, Helvetica, sans-serif;
	float:left;
	letter-spacing: -1px;
}

.menu li a:link {
	color: #ffffff;
	border-left: 1px solid #ffffff;
	padding: 0 8px 0 8px;
	text-decoration: none;
}
.menu li a:hover {
	color: #ffffff;
	border-left: 1px solid #ffffff;
	padding: 0 8px 0 8px;
	text-decoration: none;
}
.menu li a:visited {
	color: #ffffff;
	border-left: 1px solid #ffffff;
	padding: 0 8px 0 8px;
	text-decoration: none;
}
.menu li a:active {
	color: #ffffff;
	border-left: 1px solid #ffffff;
	padding: 0 8px 0 8px;
	text-decoration: none;
}

#fade {
	width:796px;
	padding: 12px;
	margin: 0 0 0 14px;
	float:left;
}

#fade2 {
	width:796px;
	padding: 12px;
	margin: 0 0 0 14px;
	float:left;
}

.menutop {
	float: right;
	padding: 0;
	margin: 74px 27px 0 0;
}

.menutop ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.menutop li {
	float:left;
}

.menutop li a {
	font: bold 14px arial, Helvetica, sans-serif;
	padding: 0 8px 0 8px;
}

.menutop li a:hover {
	color: #000000;
}

.menutop2 {
	border-right: 1px solid #c9c9c9;
	border-left: 1px solid #c9c9c9;
}

/* Content */
a:link { color: #3a6725; font-weight: normal; text-decoration: underline; }
a:visited { color: #3a6725; font-weight: normal; text-decoration: underline; } 
a:active { color: #3a6725; font-weight: normal; text-decoration: underline; } 
a:hover { color: #000000; font-weight: normal; text-decoration: underline; } 
a img { border: 0; }

h1 {
	font: bold 18px verdana, Helvetica, sans-serif;
	color: #242021;
	/* letter-spacing: -1px; */
	text-align: left;
	padding:0;
	margin:0 0 4px 0;
}

h2, h4 {
	font: bold 32px arial, Helvetica, sans-serif;
	color: #242021;
	/* letter-spacing: -1px; */
	text-align: center;
	padding:0;
	margin: 0 0 30px 0;
}

h4 {
	text-align:left;
	margin: 0 0 3px 22px;
}

h3 {
	font: normal 12px arial, sans-serif;
	color: #3a6725;
	text-align: left;
	float:left;
	padding: 0;
	margin: 3px 0 0 0;
}

p {
	margin:0;
}

.textblock {
	margin-top: 30px;
}

.textblock h1 {
	color: #3a6725;
}

.textblock p {
	line-height: 160%;
	margin-left: 10px;
}

/* No idea */
#heads {
	width:455px;
	clear:left;
	float:left;
	margin: 22px 0 0 10px;
}

#head1 {
	font: normal 14px verdana, Helvetica, sans-serif;
	padding: 5px 0 10px 39px;
	background: url(../images/icons/money.gif) no-repeat 12px 6px;
}

#head2 {
	font: normal 14px verdana, Helvetica, sans-serif;
	padding: 5px 0 10px 39px;
	background: url(../images/icons/quote.gif) no-repeat 12px 6px;
}

#head3 {
	font: normal 14px verdana, Helvetica, sans-serif;
	padding: 5px 0 10px 39px;
	background: url(../images/icons/user.gif) no-repeat 12px 6px;
}

#head4 {
	font: normal 14px verdana, Helvetica, sans-serif;
	padding: 5px 0 10px 39px;
	background: url(../images/icons/info.gif) no-repeat 12px 6px;
}

#login {
	margin-top: 45px;
	float: right;
	width: 400px;
}

.logintext {
  width: 70px;
  padding: 4px 0 2px 0;
  text-align: left;
	color: #3a6725;
	margin-bottom: 10px;
}

#boxes {
	height: 25px;
	padding: 4px 0 2px 0;
	margin: 0 7px 0 18px;
	width: 220px;
}

/* Create link */
#createlink {
	width: 315px;
	margin: 20px 0 0 5px;
	float:left;
}

#createlink .button {
	margin-top: 8px;
	margin-left: 40px;
}

#createlinktext {
	clear: both;
	margin: 10px 0 10px 18px;
	font: normal 16px verdana, Helvetica, sans-serif;
}

/* No idea */

#box {
	height: 25px;
	float: left;
	padding: 4px 0 2px 0;
	margin: 0 7px 0 18px;
}

#linkfield {
	width: 210px;
	height: 19px;
	float: right;
	font: normal 12px arial, arial, sans-serif;
	padding: 1px 2px 0 2px;
	margin-left: 10px;
	border-top: 1px solid #fee43b;
	border-right: 1px solid #fcc000;
	border-bottom: 1px solid #fcc000;
	border-left: 1px solid #fee43b;
	background: #ffffff url(../images/fade.gif) repeat-x;
}

.spacer {
	width:100%;
	height:1px;
	background: url(../images/spacer.gif) repeat-x;
	padding: 10px 0 0 0;
	margin: 0 auto;
}

/* Manage */

#table1 {
	width: 765px;
	padding: 6px;
	background: #ffffff;
	font: bold 12px verdana, arial, sans-serif;
	border: 1px solid #edf4e9;
	color: #333333;
	margin: 0;
	height: 20px;
}

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

#table2 li {
	display: inline;
	list-style-type: none;
}

#table3 {
	clear: both;
	color: #333333;
	width: 790px;
	font: normal 12px verdana, arial, sans-serif;
	padding: 5px;
}

#table3 a:link { color: #54873d; text-decoration: none; }
#table3 a:visited { color: #54873d; text-decoration: none; } 
#table3 a:hover { color: #54873d; text-decoration: underline; } 

#table3 th {
	background: #f6f6f6;
	font: bold 11px verdana, arial, sans-serif;
	border: 1px solid #d6d6d6;
	padding: 5px;
	text-align:center;
}

#table3 td {
	padding: 5px;
}

#table3footer td {
	font: bold 11px verdana, arial, sans-serif;
	padding: 5px;
}

#tool { 
	margin-left: 6px;
}


/* ===================================================== */
/* footer v2 */
#footerV2 { background: url(../images/footer_v2_bcgr.gif) bottom no-repeat; height: 130px; width: 850px; margin: 0 auto; padding-top: 20px; margin-bottom: 10px;}
#footerV2Img {float: left; border: 0; width: 328px; text-align:center; }
.footerV2Col {float: left; width: 140px; text-align:left; padding: 9px 15px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.footerV2Col h4 {font-size: 11px; margin: 0 0 15px 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #555555;}
.footerV2Col ul {list-style: none; padding: 5px 0 0 0; margin: 0;}
.footerV2Col li {margin: 2px 0;  font-size: 10px; padding: 0;}
.footerV2Col a, .footerV2Col a:link, .footerV2Col a:visited  {color: #3a6725; text-decoration: none; font-weight: normal;}
.footerV2Col a:hover {color: #023c94;}
#footerCopyright {padding: 0px 0 10px 0; font-size: 10px; color: #5b5b5b} 
#footerCopyright a {text-decoration: none;}
#footerCopyright a:hover {color: #000000;}
/* ===================================================== */


/* ===================================================== */
/* content area v2 */
#contentV2 {padding: 30px; font-size:11px;}
#contentV2 p {float: none;}
#contentV2 h1 {color: #76be55; float: none;}

.cnt2Box {background: #ffffff url(../images/cnt2_box_bcgr.gif) bottom repeat-x; border: #bababa solid 1px; margin: 30px 0 ; color: #333333;}
.cnt2Box h3 { background: #eeeeee url(../images/cnt2_box_header_bcgr.gif) right top no-repeat; padding: 10px; display: block; float:none; margin: 0; font-size: 14px; color: #333333; font-weight: bold; }
.cnt2Box h3 span {display: block; font-size: 12px; margin: 5px 0; font-weight: normal;}

.cnt2BoxContent {padding: 10px; font-size: 11px;}
.cnt2BoxContentForm p {margin: 10px 0;}
.cnt2BoxContentForm label {width: 100px; display: block; float: left; padding: 5px 10px 0 0; text-align: right; font-weight: bold;}
.cnt2BoxContentForm input, .cnt2BoxContentForm textarea { background: #ffffff; border: 1px #bababa solid; width: 600px; }
.cnt2BoxContentForm textarea {height: 60px}
.pageVisits {font-size: 14px; font-weight: bold; padding-top: 3px; display: block;}

.cnt2BoxContent table {width: 100%; margin: 20px 0; }
.cnt2BoxContent th {background: #e4e4e4; color: #333333; font-weight: bold; padding: 10px; text-align: center; border-right: 1px solid #fff; }
.cnt2BoxContent td {padding: 6px 10px; border-right: 1px solid #fff; text-align: center;/* vertical-align: top; */}
.cnt2BoxContent td * {padding: 6px 10px;}
.cnt2BoxContent tr.alt td {background: #f4f4f4;}
/* .cnt2BoxContent tr.over td {background: #eeeeee;} */
.tdTitle td {font-size: 14px; font-weight: normal; background: #ffffff;}

.cnt2CustomRates ul {list-style:none; margin: 0; padding: 0;}
.cnt2CustomRates ul li {padding: 0; border: 1px solid #c1d6c3; margin: 15px 0;}
.cnt2CustomRates ul li b {padding: 10px 0 0 10px; display: block; float: left; margin: 0 10px 0 0; font-size: 14px; font-weight: normal; width: 150px; text-transform:uppercase; color: #24570c; border-right: 1px solid #76be55; height: 30px;}
.cnt2CustomRates ul li div {padding: 10px 10px 0 10px; display: block; margin: 0 10px; height: 30px;}
.cnt2CustomRates ul li div span {font-size: 14px;} 
b.cnt2CustomRatesType1 {background: #9ace82 url(../images/cnt2_rates_type1.gif) repeat-x top;}
b.cnt2CustomRatesType2 {background: #c8e2bd url(../images/cnt2_rates_type2.gif) repeat-x top;}
b.cnt2CustomRatesType3 {background: #e4efdf url(../images/cnt2_rates_type3.gif) repeat-x top;}
/* ===================================================== */

/* ===================================================== */
/* submit buttons */
/* green */
span.btnGreen {border: 1px solid #234f0f; color: #ffffff; padding: 0 5px; margin: 0 10px 0 0; background: #4e9c2b url(../images/btn_bcgr_green.gif) top repeat-x;  }
span.btnGreen input {border: 0; background: none; padding: 0; margin: 0; color: #ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; }
/* yellow */
span.btnYellow {border: 1px solid #000000; color: #000000; padding: 0 5px; margin: 0 10px 0 0; background: #fbda60 url(../images/btn_bcgr_yel.gif) top repeat-x; }
span.btnYellow input {border: 0; background: none; padding: 0; margin: 0; color: #000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; width: auto;}
/* ===================================================== */


/* ===================================================== */
/* header v2 */
#header2 {height: 132px; width: 850px; margin: 0 auto; background: url(../images/header2_bcgr.gif) top center no-repeat;}
#header2Logo {float:left}
#header2Logo img {border: 0}
#header2R {/*float:right;*/ height: 90px;}

/* top menu */
#header2MenuTop {padding: 0px; height: 50px; margin: 0 20px 0 0 }
#header2MenuTop ul {list-style: none; padding: 0; margin: 0;}
#header2MenuTop ul li {float: right; margin: 0 5px; padding: 5px 5px 0 5px; background: url(../images/header_topmenu_sepline.gif) top right no-repeat}
#header2MenuTop ul li.liLast {background: none}
#header2MenuTop ul li a {padding: 0px 5px 0 0; text-decoration: none; color: #313131; font-weight: normal; font-size: 11px; font-weight: bold;}
#header2MenuTop ul li a:hover {color: #5f9410;}
#header2MenuTop ul li a.menuNewItem {background:url(../images/icon_new.gif) top right no-repeat; padding-right: 22px}

/* login */
#headerLogin {background: url(../images/header2_login_bcgr.gif) right no-repeat; height: 28px; width: 518px; margin: 0; padding: 12px 10px 0 10px; float: right;}
#headerLogin form {margin: 0; padding: 0; font-size: 11px;}
#headerLogin input {padding: 0px 1px; margin: 0 3px; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
#headerLogin input[type="text"],  #headerLogin input[type="password"] {padding: 0px 1px; margin: 0 3px; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 130px;}
#headerLogin a {font-weight: normal; text-decoration: none;}
#headerLogin div.headerLoginWelcome {text-align:right; padding: 3px 40px 0 0}

/* user menu */
#userMenu {background: url(../images/user_menu_bcgr.gif) top center no-repeat; width: 850px; height: 42px; }
#userMenu ul {list-style: none; padding: 0; margin: 0 5%; text-align: center; font}
#userMenu ul li {float: left; height: 42px; margin: 0; padding: 0px 6px; background: url(../images/usermenu_sepline.gif) top right no-repeat;}
#userMenu ul li a {padding: 15px 4px 0 4px; text-decoration: none; color: #3d841d; font-weight: normal; font-size: 12px; font-weight: bold; display: block; height: 27px; float: left; text-transform:}
#userMenu ul li.userMenuBlack {background:url(../images/user_menu_bcgr_black.gif) top right}
#userMenu ul li.userMenuBlack a {color: #5b5b5b}
#userMenu ul li.userMenuGreen {background:url(../images/user_menu_bcgr_green.gif) top right}
#userMenu ul li.userMenuLogout {background: none}
#userMenu ul li.userMenuLogout a {color: #990000}
#userMenu ul li a:hover {color: #000000;}
#userMenu ul li.userMenuON {background: #ffffff}

/* ===================================================== */


/* ===================================================== */
/* startpage */

#startpageHeaderImg {width: 850px; height: 265px; background:url(../images/startpage_header_bcgr.gif) top center no-repeat; margin: 0 auto;}
#startpageImg {float: left; padding-left: 14px; width: 480px;}

/* top part | add short link */
#startpageHeaderTop {height: 42px; /* 58? */background:url(../images/startpage_header_top_bcgr.gif) top center no-repeat; }
#addShortLink {padding: 10px 10px 0 10px}
#addShortLink form {margin: 0; padding: 0;}
#addShortLink span.btnYellow {padding: 0px 2px;}
#addShortLink span.btnYellow input {font-size: 11px; padding: 2px 2px; font-weight: normal; margin: 0; }
#addShortLink input[type="text"] {border: 1px solid #a99b64; font-size: 11px; padding: 2px; width: 300px; margin: 0 10px }

/* top image | Register */
#startpageRegister {float: right; width: 336px; margin: 10px 0px 0 10px; color: #ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
#startpageRegister h3 {color: #ffffff; font-size: 16px; font-weight: normal; margin: 10px 0px 20px 40px; }
#startpageRegister form {margin: 0; padding: 0}
#startpageRegister dl {margin: 0; padding: 0 15px 0 25px; width: auto;}
#startpageRegister dt {width: 80px; text-align: right; color: #ffffff; padding: 0px 10px 0 0;}
#startpageRegister dd {width: 180px; text-align:left; padding: 0 20px 0 0;}
#startpageRegister input {font-size: 11px; height: auto; border: none;}
#startpageRegister input[type="text"],  #startpageRegister input[type="password"], #startpageRegister select {padding: 1px 2px; margin: 0 3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height: auto; background: #e3ecdf; border: 1px solid #103200;}
#startpageRegister span.btnYellow {padding: 3px 10px; }
#startpageRegister a {color: #fffab3;}
#startpageRegister a:hover {color: #ffffff;}


/* content area | 3 columns */
#startpageContent3Cols {margin: 0px 20px; padding: 10px 0 0 0; font-size: 11px; width: 810px; background: url(../images/startpage_midcolumn_bcgr.gif) bottom center no-repeat; line-height: 150%;}
#startpageContent3Cols p {margin: 0; padding: 5px 0;}
#startpageContent3Cols h2 {text-align:left; color: #266e06; font-weight: normal; font-size: 18px; margin: 10px 0; padding: 0;}
div.startpageContentCol {float: left; width: 250px; padding: 10px 10px; text-align: left; }
div.startpageContentColMiddle {width: 210px; margin: 0 20px; padding: 10px; }
div.startpageContentColMiddle table {border: #cccccc solid 1px}
div.startpageContentColMiddle td {font-size: 10px; line-height: 120%; padding: 3px 2px}
div.startpageContentColMiddle p.redSText {color: #b64e4e; font-size: 10px; padding: 10px 0 0 0; line-height: 100%;}

/* ===================================================== */


/* picture/viewer section */
#pic h2 {padding:20px 0px 5px 0px;float:left;color:#3A6725;font-size:10pt;margin:0;font-family:Verdana,Arial,Helvetica,sans-serif;text-align:left;}
#pic p {float:left;margin-bottom: 5px;padding-left: 15px;}
#viewer {text-align:center;}
#viewer #image {float:left; width: 500px;}
#viewer #info {float:right; background: #eee;width:260px;padding:10px;border:1px solid #ccc;text-align:left;}
#viewer h2 {font-size:24px;margin:0 0 10px}
#viewer #navigation {margin-top:15px;float:right;width:260px;height:100%;padding:10px; }
#viewer #navigation a {margin: 0px 10px 0px 10px;font-weight:bold;text-decoration:none;}

#message {text-align: center;padding:10px 10px 30px 10px;}
#message h2 {font-size: 18pt;margin: 0 0 10px;color:#000;float:none;}
#message p {font-size: 12pt;}

#picTwitCounter {text-align:right; display:block; margin-top:10px;}

#viewerTwitter {float:right; background:#f4f4ff;border:1px solid #ccd; width:270px;padding:5px;margin-top: 40px;}
#viewerTwitter h2 {font-size: 11pt;text-align:left;float:left;}
#viewerTwitter #twitCounter {float:right;display:block}
#viewerTwitter p {display:block;clear:both;}

.warning { border: 1px solid #a88; background: #fff3f3; color: #800; font-size: 10pt;padding: 5px;text-align:center;font-weight:bold;}


/* Earnings and Analytic updates */

.wrapper {clear:both}

.pageHeader2Cols {padding: 10px 0;}
.pageHeader2ColsLR {float: left;}
.pageHeader2ColsFR {float: right;}

.cNote {font-size: 10px; color: #999; padding: 5px; background: #ffc; margin: 0 0 5px 0;}

/* account status box */
.accStatusBox {padding: 2px 0 2px 5px; border: 1px solid #ccc; font-size: 10px; color: #555;}
.accStatusBox span {font-weight: bold; padding: 1px 5px; margin-right: 1px; background-color: #eee;}
.accStatusBox span.accStatusGood {background-color: #090; color: #fff;}
.accStatusBox span.accStatusBad {background-color: #990000; color: #fff;}
.accStatusBox span.accStatusPending {background-color: #f90; color: #fff;}

/* tabs */
.cntTabs * {font-size: 95%}
.cntTabs.ui-widget-content {border: none;}
.cntTabs .cnt2BoxContent {padding: 0}
.qryOptions { border-bottom: 1px solid #eee; padding: 0 0 10px 0; margin-bottom: 5px;}
.qryOptions span  {padding: 0 10px 0 0; float:left;}
.tabInsider {padding: 0px; margin: 0;}

/* tabs insider */
.tblFilter {border-bottom: 1px solid #ccc; padding: 0 10px 5px 10px; font-size: 10px;}
.tblFilter p {float: left; margin: 0px; padding: 0 10px 0 0px; margin-right: 10px; /* border-right: 1px solid #ccc; */}
.tblFilter input[type='radio'] {float:left}
.tblContainer {/* margin-left: 200px; */ padding: 10px; margin: 10px 0 0 0;}


/* tables */
.dataTbl {margin: 0; background: #fff; width: 100%; }
.dataTbl th, .dataTbl td {padding: 5px 30px 5px 15px; font-size: 11px; text-align: center; border-right: 1px solid #ccc}
.dataTbl th {background: #e4e4e4; color: #333333; font-weight: bold;}
.dataTbl td {font-size: 11px;}
.dataTbl .aLeft {text-align: left;}
.dataTbl .aRight {text-align: right;}
.trOdd {background-color: #f0f0f6}

.dataTbl .tblDataDet {display: none; }
.dataTbl .tblDataDet td {font-size: 10px; padding: 0 5px 10px 5px;}
.containerDataDet {/*border: 1px solid #eee;*/ padding: 5px 5px 0px 15px;}
.tblTrExt td {border-right: 1px solid #fff}
.tblTrExt tr.odd td {background-color: #f0f0f6; cursor:pointer; }
.tblTrExt tr td.td1 {background-color: #fff}
.tblTrExt tr td.td4 {background-color: #f0f0f6}
.tblTrExt tr.odd td.tdExt {background-image: url(../images/tbl_arrows.png); background-repeat: no-repeat; background-position: 3px -286px;}
.tblTrExt tr.odd td.tdExtUp {background-position: 3px 8px;}

.dataTbl tr.odd.trSummary td { font-weight: bold; border-top: #ccc solid 1px; background-image: none; cursor: default;}

.tblGraph {text-align: center; margin: 0 0 20px 0;}
.tblGraph img {border: 1px solid #ccc; padding: 10px; background-color: #F0F0F6;}
.payoutStsPaid, .payoutStsPanding, .payoutStsNoPaid {text-transform: uppercase; font-weight: bold; font-size: 10px;}
.payoutStsPaid {color: #0c0}
.payoutStsPanding {color: #f60}
.payoutStsNoPaid {color: #c00} 


/* Campaign Login Page */
#pCampaignLoginContainer {border: 1px solid #eee; padding: 10px 20px 20px 20px; margin: 0 40px;}
#pCampaignLoginHeader {border-bottom: 1px solid #eee; margin: 10px 0 20px 0}
#pCampaignLoginHeader h1, #pCampaignLoginHeader h2 {float: left; font-weight: normal; padding-right: 20px; margin: 10px 0 20px 0;}
#pCampaignLoginHeader h1 {font-size: 18px; text-transform: uppercase;}
#pCampaignLoginHeader h2 {font-size: 15px; padding-top: 4px}
#pCampaignLoginHeader img {display: block;}
#pCampaignContainer {margin: 30px 10px 20px 10px; background: url(../images/pcampaign_bcgr.png) top repeat-x;}
#pCampaign {background: url(../images/pcampaign_bcgr.png) top repeat-x;}
#pCapmaignPayMethod {text-align: center}
.pCampaignBox {width: 340px; height: 300px; }
.pCampaignBox div.pCampaignBoxContent {padding: 170px 20px 0 20px; text-align: center; font-size: 12px; line-height: 140%; color: #fff;}
.pCampaignBox div.pCampaignBoxContent span {font-size: 110%; font-weight: bold;}
#pCampaignBoxBanner {background: url(../images/pcampaign_bcgr_banner.png) top left no-repeat; float:left; margin-left: 30px;}
#pCampaignBoxFullPage {background: url(../images/pcampaign_bcgr_fullpage.png) top left no-repeat; float:right; margin-right: 30px;}
#pCapmaignPayMethod img {border: none; margin: 0 1px}