@charset "utf-8";
/* CSS Document */

body {
	background-image: url(../images/background.jpg);
	background-position: top;
	background-repeat: no-repeat;
	font-family: Tahoma, Verdana, Arial;
	color: #868688;
	font-size: 80%;
	}

a {
	color: #868688;
	text-decoration: none;
	font-weight: bold;
	}
a:hover {
	text-decoration: underline;
	}

.visible {
	display: inline;
	}
.invisible {
	display: none;
	}

.colorBlack { color: #000000; }
.colorActive { color: #006600; }
.colorInactive { color: #990000; }

.border1px { border: 1px #000000 solid; }

.flash_msg{
	z-index:1000;
	top: 30px;
    position:     absolute;
    left:         50%;
    width:        200px;
    margin-left:  -100px;
	display:none;
	background-color:#E4F7CA;
	border:#CBD300 thin solid;
	padding:12px;
	}
	
.flash_msgRED{
	z-index:1000;
	top: 30px;
    position: absolute;
    left: 50%;
    width: 200px;
    margin-left: -100px; display:none;
	background-color: #F8B8B8;
	border: #FF0000 thin solid;
	padding:12px; top: 65%;
	font-weight: 600; color: #BF0000;
	}

div#mainContainer {
	width: 960px;
	text-align: left;
	}
	div#mainContainer img.logo {
		margin-top: 14px;
		margin-bottom: 36px;
		float: left;
		}
	div#menu { width: 776px; float: left; }
		
		div#menu .dashboard {
			width: 112px; height: 31px; float: left; margin-left: 15px; cursor:pointer;
			}
		div#menu .yourEntities {
			width: 109px; height: 31px; float: left; margin-left: 4px; cursor:pointer;
			}
		div#menu .reports {
			width: 84px; height: 31px; float: left; margin-left: 4px; cursor:pointer;
			}
		div#menu .yourAccount {
			width: 115px; height: 31px; float: left; margin-left: 4px; cursor:pointer;
			}
		div#menu .yourAccounts {
			width: 122px; height: 31px; float: left; margin-left: 4px; cursor:pointer;
			}
		div#menu .contact {
			width: 87px; height: 31px; float: left; margin-left: 4px; cursor:pointer;
			}
		div#menu .yourCampaigns {
			width: 140px; height: 31px; float: left; margin-left: 4px; cursor:pointer;
			}
		div#menu .pw_admin {
			width: 85px; height: 31px; float: left; margin-left: 4px; cursor:pointer;
			}
		div#menu .fileCenter {
			width: 85px; height: 31px; float: left; margin-left: 4px; cursor:pointer;
			}

	div#help { width: 164px; float: right; text-align: right; padding-right: 20px; }
	
	
	div.greenCont {
		background-image:url(../images/green_bg.jpg); background-position: top; background-repeat: no-repeat; background-color: #CBD401;
		/*min-height: 420px; height: auto !important;*/ clear: both; float:left; width: 960px;
		}
	div#pageFooter {
		background-image: url(../images/page_footer-trans.png); height: 25px; width: 100%; width: 960px; float: left;
		font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #333; padding-top: 25px; text-align: right;
		}
	div#pageFooter a { font-weight: normal; color:#333; }
	div#pageFooterSep {
		height: 40px; width: 100%; width: 960px; float: left;
		}
	
	
	div.marginCont {
		padding: 24px 0px 14px 0px;
		}



	/*
		DASHBORAD
			LEFT COL 
	*/
	div.leftCol {width: 424px; float: left; padding-left: 0px;}
			div#welcome {
				width: 360px; padding-left: 20px;
			}
				div#welcome div#top { 
					background-image: url(../images/cust_dashboard/welcome_top.jpg); height: 46px; 
				}
				div#welcome div#cont { 
					background-color: #FFFFFF; padding: 1px 14px 1px 14px;
					background-image: url(../images/cust_dashboard/welcome_middle.jpg);
				}
					div#welcome div#cont H1 { 
						color: #000000; font-family: Tahoma, Verdana, Arial; font-size: 20px; padding: 4px 5px;
					}
					div#welcome div#cont p { margin: 0px; }
				div#welcome div#bot { 
					background-image: url(../images/cust_dashboard/welcome_bottom.jpg); height: 12px; 
				}

			div#campaigns {
				margin-left: 10px; width: 380px;
			}
				div#campaigns p { margin: 0px; padding: 0px; }
				div#campaigns div#titleCamp{ height: 50px; background-image: url(../images/cust_dashboard/title_act_campaigns.jpg); margin-top: 24px; }
				div#campaigns div#cont{ background-image: url(../images/cust_dashboard/active_camps_bg.jpg); padding-left: 20px; }
				div#campaigns div#foot{ background-image: url(../images/cust_dashboard/foot_active_camps.jpg); height: 20px; margin: 0px; padding: 0px; }
				
				
		div.leftCol#yourAccount {width: 540px; float: left; padding-left: 0px;}
				div#login_info {
					width: 540px; height: 108px; 
					background-image: url(../images/cust_account/login_info.jpg);
				}
		div#enterprise_info { width: 540px;   float: left; background-image: url(../images/cust_account/enterprise_info_bg.jpg); }
		div#enterprise_info div.header {
			height: 59px; background-image: url(../images/cust_account/enterprise_info_header.jpg);
		}
		div#enterprise_info div.cont {
			background-image: url(../images/cust_account/enterprise_info_bg.jpg); padding-left: 30px;
		}
		div#enterprise_info div.footer {
			height: 22px; background-image: url(../images/cust_account/enterprise_info_footer.jpg);
		}
	/*
			/LEFT COL 
			RIGHT COL
	*/
	div.rightCol {float: left;}
		div#prevGraph {
			width: 20px; height: 230px; float:left; margin-left: 35px;
		}
			div#prevGraph img, div#nextGraph img {
				margin-top: 110px;
			}
		div#graphsCont {
			width: 411px; height: 222px; background-color: #FFFFFF; background-image: url(../images/graph_bg.jpg); float:left; padding-top: 12px; padding-left: 19px;
		}
			div#titGraphs {
				height: 24px;
			}
			div#graphs {
				width: 400px; height: 185px; background-color: #FFFFFF; padding-top: 3px;
			}
		div#nextGraph {
			width: 20px; height: 230px; float:left;
		}
		div#pw_contact {
			background-image: url(../images/cust_dashboard/pw_contact_bg.png); background-position: left; background-repeat: no-repeat;
			width: 514px; height: 80px; margin-top: 14px;
		}
			div#pw_contact p {
				color: #FFFFFF; margin-left: 70px; padding-top: 40px;
			}
			div#pw_contact p a { color: #FFFFFF; text-decoration: none; font-weight: normal; }
			div#pw_contact p a:hover { color: #FFFFFF; text-decoration: underline; }
			
		div.rightCol #yourAccount{float: left; width: 397px;}
			div#yourAM {
				background-image: url(../images/cust_account/your_am.jpg); height: 136px; width: 397px; margin-left: 10px;
			}

		div.rightCol #invoices {float: left; width: 397px; }
			div#invoices div.top {
				background-image: url(../images/cust_account/top_contracts_invoices.jpg); height: 54px; width: 397px; 
			}
			div#invoices div.body {
				background-image: url(../images/cust_account/body_contracts_invoices.jpg); padding-left: 25px; padding-top: 10px;
			}
				div#invoices div.body .title {
					color: #333; font-weight: 600;
				}
			div#invoices div.foot {
				background-image: url(../images/cust_account/foot_contracts_invoices.jpg); height: 25px;
			}
			div#invoices {
				margin-left: 10px;
			}
	/*
			/RIGHT COL
		/DASHBOARD
	*/

		div.rightButtons { float:left; width: 161px; }
			div.rightButtons img { margin: 9px 5px 0px 0px; }
			div.rightButtons img.primera { margin-top: 0px !important; }





		table.styledTable {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
		table.styledTable thead {
			font-weight: bold;
			}
			table.styledTable thead th { height: 26px }
			table.styledTable tbody td { padding-left: 3px; }
		table.styledTable ul { list-style: none; margin: 0px; padding:0px; }
		table.styledTable ul li { margin-bottom: 6px; }

		table.styledTable tbody tr.over {
			background-color: #F2F2F2;
			}
			
	div.rootAdminBox {
		background-image: url(../images/rect_admin.jpg); width: 450px; height: 104px; float:left; margin-left: 19px; margin-bottom: 23px;
		}
		div.rootAdminBox img.tit {
			margin-left: 12px; margin-top: 14px;
			}
		div.rootAdminBox .btnRemove {
			width: 15px; height: 20px; background-color: #FFFFFF; background-image: url(../images/iconTrash.jpg); background-position: top; background-repeat: no-repeat; margin-left: 18px; border: 0px; cursor: pointer;
			}
		
	

table.grey_wt {
	background-color: #FFFFFF !important; margin-left: 35px; color: #333; font-size: 12px;
	}
	table.grey_wt td{
		border-bottom: 1px #CBD300 solid; border-right: 1px #CBD300 solid; padding: 5px; text-align: left;
	}
	table.grey_wt thead {
		height: 35px; text-align: center; background-color: #ECF17C;
	}
	table.grey_wt thead th  {border-right: 1px #CBD300 solid; padding-left: 0px; height: 35px;}
	table.grey_wt tfoot {
		height: 6px !important; text-align: center; background-color: #ECF17C; padding:0px;
	}
		table.grey_wt tfoot  td{
			border-bottom: 0px; height: 6px; padding: 0px;
		}


	table.grey_wt tbody tr.over {
		background-color: #F5F8BD;
	}
	table.grey_wt th.top_left{
		background-image: url(../images/th_top_left.jpg); background-position: top left; background-repeat: no-repeat;
		}
	table.grey_wt th.top_right{
		background-image: url(../images/th_top_right.jpg); background-position: top right; background-repeat: no-repeat;
		}
	table.grey_wt td.bot_left{
		background-image: url(../images/td_bot_left.gif); background-position: bottom left; background-repeat: no-repeat;
		}
	table.grey_wt td.bot_right{
		background-image: url(../images/td_bot_right.gif); background-position: bottom right; background-repeat: no-repeat; border-right: 1px #CBD300 solid;
		}
		
	table tr.entityRow {
		font-size: 11px; color:#666; 
		}
	table tr.enterpRow {
		font-weight: 600;
		}
	
	
	
	
	
		
table.assign{
	background-color: #F5F8BD !important; color: #333; font-size: 12px;
	}
	table.assign td{
		border-bottom: 1px #CBD300 solid; border-right: 1px #CBD300 solid; padding: 5px; text-align: left; background-color: #F5F8BD;
	}
	table.assign thead th { background-color: #ECF17C; text-align: center; font-weight: bold; height: 28px; border-bottom: 1px #CBD300 solid; border-right: 1px #CBD300 solid; }
	table.assign th.top_left{
		background-image: url(../images/th_top_left_assign.jpg); background-position: top left; background-repeat: no-repeat;
		}
	table.assign th.top_right{
		background-image: url(../images/th_top_right_assign.jpg); background-position: top right; background-repeat: no-repeat;
		}
	table.assign tfoot td { background-color: #ECF17C; border-bottom: 0px; }
	table.assign td.bot_left{
		background-image: url(../images/td_foot_assign_left.jpg); background-position: bottom left; background-repeat: no-repeat;
		}
	table.assign td.bot_right{
		background-image: url(../images/td_foot_assign_right.jpg); background-position: bottom right; background-repeat: no-repeat; border-right: 1px #CBD300 solid;
		}
		
		
		
		
		
		
		
		
		
	div.contactCont, div.reportsCont {
		width: 920px; text-align: left; float:left; margin-left: 20px;
		background-image: url(../images/bg_contact.jpg); background-repeat: repeat-y;
	}
		div.contactCont div.top {
			width: 920px; height: 46px; background-image: url(../images/top_contact.jpg); float:left;
		}
		div.reportsCont div.top {
			width: 920px; height: 46px; background-image: url(../images/top_reports.jpg); float:left;
		}
		div.labelCol { width: 125px; float:left; height: 35px; vertical-align: middle; margin-top: 5px; color: #000000; }
		div.rightCol { width: 514px; float:left; }
		div.contactCont div.foot, div.reportsCont div.foot {
			width: 920px; height: 12px; background-image: url(../images/foot_contact.jpg); float:left; background-position: bottom; background-repeat: no-repeat;
		}

	div.contForm {
		padding-left: 25px; width: 575px; float:left; padding-top: 20px;
		}
	div.contSubtableForm {
		padding-left: 0px; width:290px; float:left; padding-top: 20px;
		}
	div.inputFloat {
		float:left; margin-top: 15px; 
	}
	div.LeftMg15 {
		margin-left: 10px; 
	}
	
/*
   =============================================
   =========== FORMS ===========================
*/
		
	/* fake checkbox : unchecked (default/base) state */
	.fakecheck {
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		outline: none;
		background: url(../images/checkbox.png) no-repeat;
		height: 17px;
		width: 100px;
		display: block;
		float: left;
		padding: 1px 0px 0px 20px;
		color: #666666;
	}
	/* fake checkbox : hover state */
	.fakecheck:hover {
		text-decoration: underline;
	}
	/* fake checkbox : checked state */
	.fakechecked {
		background-position: left -24px;
	}
	
	.btn_create_rep {
		background-image: url(../images/create_report.jpg);
		width: 104px; height: 30px; font-size: 0px; border: 0px;
	}
	.btn_save {
		background: none; background-image: url(../images/save-trans.png); 
		width: 64px; height: 30px; font-size: 0px; border: 0px; margin-top: 40px;
	}
	.btn_add {
		background: none; background-image: url(../images/add-trans.png); 
		width: 64px; height: 30px; font-size: 0px; border: 0px; 
	}
	
	.textareaTop { width: 450px; height: 12px; background-image: url(../images/textarea_top.jpg); background-position: bottom; background-repeat:no-repeat; }
	.textareaBody { width: 450px; background-image: url(../images/textarea_bg.jpg); }
	.textareaFoot { width: 450px; background-image: url(../images/textarea_foot.jpg); height: 12px; background-position: top; background-repeat:no-repeat; }
	
	.btn_send { width: 60px; height: 30px; background-image: url(../images/btn_send.jpg);
		font-size: 0px; color: #CCCCCC; border: 0px; margin: 10px; }
	
	div.inputLeft { float:left; width: 10px; height:30px; background-image: url(../images/input_left.jpg); margin-top:4px; }
	div.inputMid { float:left; width: 50px; height:23px; background-image: url(../images/input_mid.jpg); padding-top: 7px; margin-top:4px; }
		div.inputMid input { border: 0px; background: none; }
	div.inputRight { float:left; width: 10px; height:30px; background-image: url(../images/input_right.jpg); margin-top:4px; }
	
	
	#createRep .tit {
		color: #323232; font-weight: 600; margin: 6px 0px;
		}
	
	.message { color: #666666 }

	.file {
		background: #FCFCFC;
		color: #333;
		border: 1px #D4D4D4 solid;
		height: 22px;
		margin-top: 4px;
		padding-top: 4px;
	}

	.btn_upload { width: 70px; height: 30px; background-image: url(../images/btn_upload.jpg);
		font-size: 0px; color: #CCCCCC; border: 0px; margin: 20px 0px 0px 0px;  }