/* CSS Document */
body {
	padding: 0px;
	margin: 0px;
	font-family: Tahoma;
	color: #212121;
	font-size: 12px;
}


#login {
	width:          	400px;
    margin-left:    	auto;
    margin-right:   	auto;
	voice-family:		inherit;
	background:     	#EEEEEE;
	padding:        	5px;
	text-align:			center;
}

table.login {
	font-family: 		Arial;
	font-size: 			13px;
	text-align: 		left;
}


table {
	vertical-align: top;
	text-align: left;
}
td {
	vertical-align: top;
	text-align: left;
	background-repeat: no-repeat;
}
li {
	text-align: justify;
	list-style-image:url('arrow2.png');
	padding-top: 4px
}

a {color: #779700;text-decoration: underline;}
a:hover {color: #808080;}
a.hyperLink2 {color: #ffffff;text-decoration: none;}
a.hyperLink2:hover {color: #000000;text-decoration: none;}
a.hyperLink3 {color: #ffffff;text-decoration: underline;}
a.hyperLink3:hover {color: #000000;text-decoration: underline;}
a.hyperLink4 {color: #ffffff;text-decoration: underline; font-variant:normal}
a.hyperLink4:hover {color: #000000;text-decoration: underline; font-variant:normal}

/* Page Style */
#Contents {
	background-color: #f0f0f0;
}

.frame {
	width:780px;
	border:0;
	cellpadding:0;
	cellspacing:0;
	height:100%;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	background-color: #fff;
	text-align:center;
}


.pageContents {
	width: 780px;
	background-color: #FFFFFF;
	border-left: solid 1px #FFFFFF; 
	border-right: solid 1px #FFFFFF;
}
.contentsLeft {
	width: 5px;
	background: url('leftborder.gif') repeat-y;
}
.contentsRight {
	width: 5px;
	background: url('rightborder.gif') repeat-y;
}
.error {
	padding: 5px;
	display: none;
	text-align: center;
	color: #FF0000;
	font-weight: bold;
}
.selectBox {
	font-size: 12px;
	color: #749601;
	border: solid 1px #929292;
	height: 20px;
}

table.signup1 {
	width:500px;
	text-align: center;
	border:0;
	cellpadding:0;
	cellspacing:0;
}

table.signup1 td {
	width:250px;
	font-size: 12px;
}

div.spacer {
	clear:			both;
	margin-top:		10px;
	margin-bottom:	5px;
}

/* Button */
.btnlogin {background: url('login.jpg');border: 0px none;cursor:pointer}
.btnloginH {height: 36px;width: 109px;background: url('btn_mainlogin_hover.jpg');border: 0px none;cursor:pointer}
.btncreatacc {height: 36px;width: 152px;background: url('btn_creatacc.jpg');border: 0px none;cursor:pointer}
.btncreataccH {height: 36px;width: 152px;background: url('btn_creatacc_hover.jpg');border: 0px none;cursor:pointer}
.btnsendnow {height: 36px;width: 109px;background: url('btn_sendnow.jpg');border: 0px none;cursor:pointer}
.btnsendnowH {height: 36px;width: 109px;background: url('btn_sendnow_hover.jpg');border: 0px none;cursor:pointer}
.btnreset {height: 36px;width: 109px;background: url('btn_resetall.jpg');border: 0px none;cursor:pointer}
.btnresetH {height: 36px;width: 109px;background: url('btn_resetall_hover.jpg');border: 0px none;cursor:pointer}
.btnupinfo {height: 36px;width: 166px;background: url('btn_upinfo.jpg');border: 0px none;cursor:pointer}
.btnupinfoH {height: 36px;width: 166px;background: url('btn_upinfo_hover.jpg');border: 0px none;cursor:pointer}
.btnchangepass {height: 36px;width: 158px;background: url('btn_changepass.jpg');border: 0px none;cursor:pointer}
.btnchangepassH {height: 36px;width: 158px;background: url('btn_changepass_hover.jpg');border: 0px none;cursor:pointer}
.btncreatoffers {height: 36px;width: 148px;background: url('btn_creatoffers.jpg');border: 0px none;cursor:pointer}
.btncreatoffersH {height: 36px;width: 148px;background: url('btn_creatoffers_hover.jpg');border: 0px none;cursor:pointer}
.btnupoffers {height: 36px;width: 161px;background: url('btn_upoffers.jpg');border: 0px none;cursor:pointer}
.btnupoffersH {height: 36px;width: 161px;background: url('btn_upoffers_hover.jpg');border: 0px none;cursor:pointer}
.btnupdate {height: 36px;width: 93px;background: url('btn_update.jpg');border: 0px none;cursor:pointer}
.btnupdateH {height: 36px;width: 93px;background: url('btn_update_hover.jpg');border: 0px none;cursor:pointer}
.btnsearch {height: 36px;width: 93px;background: url('btn_search.jpg');border: 0px none;cursor:pointer}
.btnsearchH {height: 36px;width: 93px;background: url('btn_search_hover.jpg');border: 0px none;cursor:pointer}
.btngo {height: 36px;width: 93px;background: url('btn_go.jpg');border: 0px none;cursor:pointer}
.btngoH {height: 36px;width: 93px;background: url('btn_go_hover.jpg');border: 0px none;cursor:pointer}
.btnsubmit {height: 36px;width: 93px;background: url('btn_submit.jpg');border: 0px none;cursor:pointer}
.btnsubmitH {height: 36px;width: 93px;background: url('btn_submit_hover.jpg');border: 0px none;cursor:pointer}
.btncsv {height: 36px;width: 158px;background: url('btn_csv.jpg');border: 0px none;cursor:pointer}
.btncsvH {height: 36px;width: 158px;background: url('btn_csv_hover.jpg');border: 0px none;cursor:pointer}
.btnpreview {height: 36px;width: 99px;background: url('btn_preview.jpg');border: 0px none;cursor:pointer}
.btnpreviewH {height: 36px;width: 99px;background: url('btn_preview_hover.jpg');border: 0px none;cursor:pointer}
.btnulec {height: 36px;width: 232px;background: url('btn_ulec.jpg');border: 0px none;cursor:pointer}
.btnulecH {height: 36px;width: 232px;background: url('btn_ulec_hover.jpg');border: 0px none;cursor:pointer}
.btnaddcreative {height: 36px;width: 128px;background: url('btn_addcreative.jpg');border: 0px none;cursor:pointer}
.btnaddcreativeH {height: 36px;width: 128px;background: url('btn_addcreative_hover.jpg');border: 0px none;cursor:pointer}
.btnchoose {height: 36px;width: 99px;background: url('btn_choose.jpg');border: 0px none;cursor:pointer}
.btnchooseH {height: 36px;width: 99px;background: url('btn_choose_hover.jpg');border: 0px none;cursor:pointer}
.btndfc {height: 36px;width: 192px;background: url('btn_dfc.jpg');border: 0px none;cursor:pointer}
.btndfcH {height: 36px;width: 192px;background: url('btn_dfc_hover.jpg');border: 0px none;cursor:pointer}

/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 683px;
height: 70px;
padding: 5px;
}

.someclass{ //class to apply to your scroller(s) if desired
}

/* DHTML windows */
.dhtmlwindow{
position: absolute;
border: 1px solid #212121;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #212121;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}

.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid #212121;
background-color: white;
color: #FFFFFF;
padding: 0px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid #212121;
background-color: #212121;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}
/* End DHTML windows */

.loadImg{
	width: 1px;
	height: 1px;
	filter: alpha(opacity=0);
	-moz-opacity: .0;
	opacity: .0;
}

/* Banner */
.indexBannerClass {
	width: 301px;
	height: 182px;
	background: url('Bg_bannerLeft.jpg') no-repeat top;
}
.AdsBannerClass {
	width: 301px;
	height: 182px;
	background: url('Bg_AdsbannerLeft.jpg') no-repeat top;
}
.AffsBannerClass {
	width: 301px;
	height: 182px;
	background: url('Bg_AffsbannerLeft.jpg') no-repeat top;
}
.bannerRight {
	width: 38px;
	height: 182px;
	background: url('Bg_bannerRight.jpg') no-repeat;
}

/* Pages Header */
.rightPageheader {
	width: 209px;
	/*background: url(../images/Bg_headerBl2.jpg);*/
}

.text {
	font-size: 12px;
	text-align:justify;
}

.text table td {
	text-align:justify;
}

.pageTexts {
	background:url('Bg_mContents.jpg') repeat-x;
	padding: 15px
}
.pageTextstitle {
	font-size: 12px;
	color: #CD4513;
	vertical-align: middle;
	font-weight: bold;
}

/* Left Menu */
.leftMenu {
	padding-left: 25px;
}
.tbleftMenu {
	color: #929292;
	font-size: 11px;
	font-weight: bold;
	width: 159px;
}
.leftMenulink {
	vertical-align: middle;
	height: 20px;
	background: url('arrowleft.png') no-repeat left;
	padding-left: 15px;
	cursor: pointer; 
	color: #929292
}

.leftMenulinkhover {
	vertical-align: middle;
	height: 20px;
	background: #749601 url('arrowleft2.png') no-repeat left;
	padding-left: 20px;
	cursor: pointer; 
	color: #ffffff;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80
}
.menuSep2 {
	background: url('Seperator2.png');
	height: 5px;
	filter: alpha(opacity=50);
	-moz-opacity: .50;
	opacity: .50
}
.leftMenulink2 {
	vertical-align: middle;
	height: 17px;
	background: url('arrowleft.png') no-repeat left;
	padding-left: 15px;
	cursor: pointer; 
	color: #929292
}
.leftMenulink2hover {
	vertical-align: middle;
	height: 17px;
	background: #749601 url('arrowleft2.png') no-repeat left;
	padding-left: 20px;
	cursor: pointer; 
	color: #ffffff;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80
}

/* Right Menu */
.rightMenu {
	margin: auto;
	color: #FFFFFF;
	font-size: 11px;
}
.menuSep {
	background: url('Seperator.png');
	height: 5px;
	filter: alpha(opacity=50);
	-moz-opacity: .50;
	opacity: .50
}
.rightMenulink {
	vertical-align: middle;
	height: 20px;
	background: url('arrow1.png') no-repeat left;
	padding-left: 15px;
	cursor: pointer; 
	filter: alpha(opacity=50);
	-moz-opacity: .50;
	opacity: .50
}
.rightMenulinkhover {
	vertical-align: middle;
	height: 20px;
	background: #efe96f url('arrow2.png') no-repeat left;
	padding-left: 15px;
	cursor: pointer; 
	color: #000000
}


/* Footer */
table.Footer {
	width: 780px;
	height: 70px;
	vertical-align: middle;
	font-size: 11px;
	color: #000;
	background: #fff;
}

table.Footer td {
	font-size: 12px;
	text-align: center;
}


/* Main Login */
.mainLogin {
	width: 227px;
	background: url('Bg_login.jpg') repeat-x;
}
.mainloginLeft {
	width: 13px;
	background-image: url('Bg_loginLeft.jpg');
}
.mainloginRight {
	width: 13px;
	background-image: url('Bg_loginRight.jpg');
}
.mainloginHeader {
	height: 10px;
	background-image: url('Bg_loginTitle.jpg');
	background-position:  left 50%;
	background-repeat:no-repeat
}
.mainloginForm {
	margin:0px 0px 0px 0px;
}
.mainloginText {
	height: 119px;
	vertical-align: middle;
	padding-left: 20px;
	color: #929292;
}
.mainloginTextbox {
	width: 100px;
	height: 15px;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: top;
	font-size: 12px;
	color: #929292;
	border: solid 1px #929292;
}
.mainloginTextboxentered {
	width: 100px;
	height: 15px;
	background-color: #f2f2f2;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: top;
	font-size: 12px;
	color: #929292;
	border: solid 1px #929292;
}
.mainloginTextboxselected {
	width: 100px;
	height: 15px;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: top;
	font-size: 12px;
	color: #749601;
	border: solid 1px #749601;
}
.mainloginSelect {
	padding-left: 4px;
	vertical-align: top;
	font-size: 10px;
	color: #749601;
	border: solid 1px #929292;
}
.mainloginSubmit {
	vertical-align: top;
	text-align: right;
	padding-right: 7px;
	height: 46px;
}

/* Slogan */
.slogan {
	width: 441px;
	background-image: url('Bg_slogan.jpg');
	text-align: left;
	vertical-align: top
}
.sloganContents {
	height: 79px;
	font-size: 11px;
	text-align: right;
	vertical-align: middle;
	color: #cdeb4b;
}
.sloganMore {
	height: 46px;
	padding-right: 20px;
	text-align: right;
	vertical-align: top;
}

/* Main Contents */
.mainTextgreen {
	height: 79px;
	size: 12px;
	color: #CD4513;
	vertical-align: middle;
	padding-left: 15px;
	padding-right: 5px; 
	font-weight: bold;
}

/* Affs CP */
.AffsCPHeader {
	height: 10px;
	background-image: url('Bg_AffsCPTitle.jpg');
	background-position:  left 50%;
	background-repeat:no-repeat
}

/* Ads CP */
.AdsCPHeader {
	height: 10px;
	background-image: url('Bg_AdsCPTitle.jpg');
	background-position:  left 50%;
	background-repeat:no-repeat
}
.adsStatus {
	width: 441px;
	background-image: url('Bg_slogan.jpg');
	text-align: left;
	vertical-align: top
}
.adsStatusContents {
	height: 79px;
	font-size: 12px;
	text-align: right;
	vertical-align: middle;
	color: #cdeb4b;
}
.adsStatusLogin {
	padding-top: 5px;
	font-weight: bold;
}
.adsStatusBalance {
	vertical-align: top;
	text-align: right;
}
.CPpageHeader {
	text-align: center;
	color: #749601;
	font-size: 14px;
	font-weight: bolder;
	font-variant: small-caps;
}
.CPtableTitle {
	text-align: left;
	vertical-align: middle;
	color: #f3ea73;
	background: #212121;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	padding: 5px;
	padding-left: 10px;
}
.CPtableTitle2 {
	vertical-align: middle;
	color: #000000;
	background: #a5c138;
	font-size: 11px;
	font-weight: bolder;
	padding: 5px;
	padding-left: 10px;
}

A.CPtableRow1L {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bolder;
	text-decoration: none;
}
A.CPtableRow1L:hover {
	color: #000000;
	font-size: 11px;
	font-weight: bolder;
	text-decoration: none;
}
.CPtableRow1 {
	text-align: left;
	vertical-align: middle;
	color: #FFFFFF;
	background: #929292;
	font-size: 11px;
	font-weight: bolder;
	padding: 5px;
	padding-left: 10px;
	cursor: pointer;
}
.CPtableRow1Hover {
	text-align: left;
	vertical-align: middle;
	color: #000000;
	background: #929292;
	font-size: 11px;
	font-weight: bolder;
	padding: 5px;
	padding-left: 10px;
	cursor: pointer;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
}
.CPtableRow2 {
	text-align: center;
	vertical-align: middle;
	background: #929292;
	font-size: 12px;
	padding: 5px;
	padding-left: 10px;
}
.show80per {
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
}
.show70per {
	filter: alpha(opacity=70);
	-moz-opacity: .70;
	opacity: .70;
}
/* Menu */

.indentmenu{
	font: bold 13px Arial;
	width: 800px; /*leave this value as is in most cases*/
	overflow: hidden;
	text-align: center;
}
	
.indentmenu ul{
	margin: 0;
	padding: 0;
	float: left;
	width: 780px; /*width of menu*/
	border: 0px solid #564c66; /*dark purple border*/
	border-width: 1px 0;
	background: black url(images/im.jpg) center center repeat-x;
}
	
.indentmenu ul li {
	display: inline;
}
	
.indentmenu ul li a {
	float: left;
	color: white; /*text color*/
	padding: 5px 14.5px;
	text-decoration: none;
	border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}
	
.indentmenu ul li a:visited{
	color: white;
}
	
.indentmenu ul li a:hover, .indentmenu ul li .current {
	color: white !important; /*text color of selected and active item*/
	padding-top: 6px; /*shift text down 1px for selected and active item*/
	padding-bottom: 4px; /*shift text down 1px for selected and active item*/
	background: black url(images/im.jpg) center center repeat-x;
}

/* Sign-up Form */
.signupForm {
	vertical-align: middle;
	color: #929292;
}
.signupH1 {
	color: #FF0000;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
}
.signupH2 {
	color: #CD4513;
	text-align: left;
	vertical-align: middle;
	font-size: 13px;
	font-weight: bold;
}
.signupH3 {
	width: 37%;
	height: 20px;
	color: #929292;
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	padding-left: 25px;
}
.signupH4 {
	width: 63%;
	height: 20px;
	color: #FF0000;
	text-align: left;
	vertical-align: middle;
	font-size: 11px;
}
.sigupTextbox {
	height: 15px;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: top;
	font-size: 12px;
	color: #929292;
	border: solid 1px #929292;
}
.sigupTextboxentered {
	height: 15px;
	background-color: #f2f2f2;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: top;
	font-size: 12px;
	color: #929292;
	border: solid 1px #929292;
}
.sigupTextboxselected {
	height: 15px;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: top;
	font-size: 12px;
	color: #749601;
	border: solid 1px #749601;
}
.textarea {
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: top;
	font-size: 12px;
	color: #929292;
	border: solid 1px #929292;
}
.textareaEntered {
	background-color: #f2f2f2;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: top;
	font-size: 12px;
	color: #929292;
	border: solid 1px #929292;
}
.textareaSelected {
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: top;
	font-size: 12px;
	color: #749601;
	border: solid 1px #749601;
}
#tabmenu li { 
display: inline;   
float:left;
font:15px Verdana;} 

#tabmenu a { 
color: #b4ca5d; 
background: transparent;
font:15px Verdana;
padding: 0px 4px 0px 4px; 
margin: 5px; 
text-decoration: none;
border: 0px solid #808080;
cursor:hand;} 

#tabmenu p { 
color: #9f9f9f; 
background: transparent;
font:15px Verdana;
padding: 0px 4px 0px 4px; 
margin: 0px; 
text-decoration: none;} 

#tabmenu a:hover { 
color: #fff; 
background: #808080; 
font:15px Verdana;
text-decoration: none;}

#tabmenustats li { 
display: inline;   
float:left;
font:15px Verdana;} 

#tabmenustats a { 
color: #5271ee; 
background: transparent;
font:15px Verdana;
padding: 0px 4px 0px 4px; 
margin: 5px; 
text-decoration: none;
border: 0px solid #808080;
cursor:hand;} 

#tabmenustats p { 
color: #9f9f9f; 
background: transparent;
font:15px Verdana;
padding: 0px 4px 0px 4px; 
margin: 0px; 
text-decoration: none;} 

#tabmenustats a:hover { 
color: #fff; 
background: #808080; 
font:15px Verdana;
text-decoration: none;}