html {min-height:100%;height:100%;}
body {min-height:100%;height:100%;margin:0px;background-color:#d8d8d8}
body,div,p,a {font-family:Arial, Helvetica, sans-serif;font-size:9pt;color:#535353}
img{border:none}
#tbmain {width:1248px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}
#tbheader {height:110px;}
#tbheadertop {height:70px;}
#tblogo{width:238px;height:40px;float:left;margin-top:15px}
#tblogin{width:238px;height:20px;float:right;margin-top:40px;text-align:right}
#tbnav {width:100%;height:40px;
background-color:#212121;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.toppos{

margin-top:20px;
clear:both;
background-color:white;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
padding: 20px;
}


.tbdivider{background:url(../images/navdivider.jpg);width:3px;height:40px}
a.tbnavitem,a.tbnavitemhome { color: white;
    display: block;
    float: left;
    font-size: 10pt;
    height: 28px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 12px;
	text-decoration:none;}
	
a.tbnavitemhome:hover, a.navhomeselected  {background:url(../images/homebutover.png) left top no-repeat}	
a.tbnavitem:hover, a.navselected {background:url(../images/navbgover.jpg) left top no-repeat}
#tbnav  div{float:left;width:3px;height:40px;}

#tbcontenttop,#tbcontentbottom{width:100%;height:11px;}

#tbcontentmain {background-color:white;padding:0px 15px}
#tbtitlearea {padding:20px 0px 0px 0px ;height:40px}
#tbpagetitle{color:#333333;font-size:20pt;font-weight:bold}
.tbtitleright,.largelinks{color:#A7C83D;font-size:20pt;font-weight:bold}
#tbpagetitle{width:800px;}
#tbbuttonarea {width:200px;}
#tbbuttonarea{float:right;text-align:right}
#tbbuttonarea div {float:right}
#tbpagetitle{float:left}



.tbbuttong,.tbbuttonr {

	padding: 3px 14px;
	background-color:#a8c83d;
	background: -moz-linear-gradient(
		top,
		#b2c768 0%,
		#a8c83d 50%,
		#a8c83d 50%,
		#aecb08 65%,
		#899631);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#b2c768),
		color-stop(0.50, #a8c83d),
		color-stop(0.50, #a8c83d),
		color-stop(0.65, #aecb08),
		to(#899631));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 0px solid #000000;
}

.tbbuttonr {
	background-color:#eb518f;
	background: -moz-linear-gradient(
		top,
		#f78bb8 0%,
		#eb518f 50%,
		#eb518f 50%,
		#eb518f 65%,
		#bf497a);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f78bb8),
		color-stop(0.50, #eb518f),
		color-stop(0.50, #eb518f),
		color-stop(0.65, #eb518f),
		to(#bf497a));
}


a.tbbuttonlinkg,a.tbbuttonlinkr{ 
	color: white;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
a.tbbuttonlinkg:hover,a.tbbuttonlinkr:hover {color:#333333}
.buttoncross {
	display:block;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 0px 4px;
	background: -moz-linear-gradient(
		top,
		#cee08b 0%,
		#a8c83d 50%,
		#a8c83d 50%,
		#aecb08 65%,
		#899631);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#cee08b),
		color-stop(0.50, #a8c83d),
		color-stop(0.50, #a8c83d),
		color-stop(0.65, #aecb08),
		to(#899631));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 0px solid #000000;
}


/*
.tbbuttong,.tbbuttonr {padding-left:5px;height:24px;float:left}

.tbbuttong {background:url(../images/buttongreenleft.png) no-repeat left top;}
.tbbuttonr {background:url(../images/buttonredleft.png) no-repeat left top;}


a.tbbuttonlinkg {background: url("../images/buttongreenr.png") no-repeat scroll right top transparent;}
a.tbbuttonlinkr {background: url("../images/buttonredr.png") no-repeat scroll right top transparent;}
a.tbbuttonlinkg,a.tbbuttonlinkr{ 

color: white;
    display: block;
    font-size: 10pt;
    font-weight: bold;
    height: 21px;
    padding-left: 10px;
    padding-right: 14px;
    padding-top: 3px;
    text-align: center;
    text-decoration: none;}
a.tbbuttonlinkg:hover,a.tbbuttonlinkr:hover {color:#333333}

*/
#buttonstrip {height:24px;padding-bottom:10px}
#buttonstrip div {float:left;margin-right:10px;margin-bottom:5px}
.buttonstrip {height:24px;padding-bottom:10px}
.buttonstrip div {float:left;margin-right:10px;margin-bottom:5px}
.blockcontent,.blockcontentwhite,.innerblockcontent {background-color:#f2f2f2;padding:15px;


-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;

}
.blockcontentwhite{background-color:#ffffff;}
.fieldyear {float: left;
    height: 10px;
    padding: 8px;
    width: 30px;}
.contactsform {height:420px}
.blockheader,.innerblockheader {
background-color: #CCCCCC;
    color: #535353;
    font-size: 11pt;
    font-weight: bold;
    height: 26px;
    padding-left: 10px;
    padding-top: 6px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;}
.block{float:left;margin-right:16px;
}

.end {width:392px;margin-right:0px}
.threecol {width:392px;
}
.threecoldeals {width:376px;
}
.smallpad {padding:12px}
.doublecol {width:800px;
}
.eventdealscol{width:780px;}
.innerblocktabs{padding-left:10px}
.innerblockheader {clear:both}
.innerblock{float:left;}
.innerblockcontent{padding:12px;float:left;background-color:#ffffff;display:block}
.singlecol{width:370px;}





#formsearch {}
#formsearch input{margin-bottom:0px;margin-top:0px;width:130px;height:24px;border:0px;background:url(../images/searchboxbg.png) no-repeat;padding-left:20px}

.tabsheadertop{padding-left:10px;clear:both}
.tabsheaderbottom {height:32px;background-color:#cccccc;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;clear:both}

.taball,.tabinactive,.tabdate{margin-right:5px;float:left;width:90px;
color:#e5e5e5;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
  font-size: 10pt;
    height: 19px;
    padding-top: 5px;
    text-align: center;
background-color:#e5e5e5;
}

.selected{background-color:#cccccc;}
.taball a,.tabinactive a,.tabdate a{
text-decoration:none;color:#999999;
}
.selected a{
color:#666666;font-weight:bold
}
.taball a:hover,.tabinactive:hover a,.tabdate:hover a{
color:#666666;
}


.searchresults{float:left;padding: 3px 0px 3px 3px}

 .leftend{-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;}
	 .rightend{-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;}


.scrollingtable {clear:both;height:320px;overflow-y:scroll;}
.scrollingtableprint {clear:both;}

.eventcontacts{height:250px;}
.listtable td{overflow:hidden;height: 40px; padding-left: 10px; background-color:#f2f2f2;
border-color:#cccccc;border-width: 0px 0px 1px 0px;border-style:solid;}
 
.summary td{background-color:#ffffff;height: 20px;padding-left: 10px; overflow:hidden;}
.summaryheader{border-color:#cccccc;border-width: 0px 0px 1px 0px;border-style:solid;font-weight:bold}
 .white td{ background-color:#ffffff;}
.totals td{ background-color:#ffffff;border-color:#ffffff;}


.listheader td{background-color: #CCCCCC;
    height: 32px;
	font-weight:bold;
    padding-left: 10px;
    padding-top: 4px;
	padding-bottom:4px;
    text-align: left;}

.listheader ,.summary 	{float:left;clear:both;width:100%;}
table.listtable,table.summary   {border-collapse:collapse;width:100%}


#scrollerdiv{height:400px;overflow:auto;width:100%}


/* contact styles */
.tdname {width:203px;text-align: left;}
.tdcompany {width:160px;text-align: left;}
.tddirecttel {width:120px;text-align: left;}
.tdmobile {width:120px;text-align: left;}
.tdemail {width:260px;text-align: left;}
.tdbrands {width:205px;text-align: left;}
.tdbrandsheader {width:250px;text-align: left;}

 .tdactive,.tddelete,.tdselect {width:45px;text-align:center}


.listheader  .tdbrands {width:150px;}

fieldset{border:0px;padding:0px;margin:0px}

form.fullform label{clear:left;width: 100px;float:left}
form.dealsform label{clear:left;width: 100px;float:left;font-weight:bold;height:20px}
form.events label{width: 120px;float:left}
form.dealsform fieldset {}

form.events p{clear:both}
div.formrows{margin-bottom:0px;margin-top:0px;padding-top:10px;padding-bottom:20px;clear:both}

form.fullform label, form.fullform input,form.fullform select,form.fullform textarea{margin-bottom:5px;margin-top:5px}
form.fullform select{margin-right:5px}
form.fullform input,form.dealsform input{width:230px}
form.events input{width:205px;float:left}
form.fullform textarea{width:240px}
form.dealsform textarea{width:240px}
form.events textarea {width:205px}
form.dealsform .addbutton{width:60px;font-size:8pt}
.flatfieldsdeals{width:220px;float:left;}

.flatfieldsdeals p{margin-top:0px}
form.dealsform .plainbutton {float:left;width:90px;font-size:8pt}
form.fullform .plainbutton {float:left;width:130px;font-size:8pt}
form.fullform .editbutton,form.dealsform .editbutton {cursor:pointer;float: left;
    padding-left: 3px;padding-top: 8px;}
form.dealsform select{width:180px;margin-right:5px}
form.fullform select,form.dealsform select{float:left}
.subheading {clear:both}


/* events styles */
.tdevname {width:258px;text-align: left;}
.tddates{width:165px;text-align: left;}
.tdlocation{width:200px;text-align: left;}
.tdcommission{width:160px;text-align: right;}
.tdtotalfees{width:120px;text-align: right;}
.tdprojectfees{width:120px;text-align: right;}
.tdfeesheader{width:225px;text-align: right;}
.tdselectbut{width:105px;text-align: right;}


 .evdealbrand{width:145px;text-align: left;}
.evdealbrandcat{width:130px;text-align: left;}
.evdealterms{width:45px;text-align: left;}
.evdealstart{width:45px;text-align: left;}
.evdealfinish{width:45px;text-align: left;}
.evdealstatus{width:125px;text-align: left;}
.evdealstatus2{width:15px;text-align: left;}
 .evdealfees{width:80px;text-align: right;}

.tdscrollbar{width:5px;}
.alignright{text-align:right}

.deadlines{padding: 10px; display:block;background-color:#ffffff;
border-color:#cccccc;border-width: 0px 0px 1px 0px;border-style:solid;}
.deadlinesection{font-size:11pt;font-weight:bold;margin-top:0px}
.newlabel {clear:both;display:block;}
.clear{clear:both}
.addbuttons{display:block;padding:10px;clear:both;background-color:#ffffff;height:30px}
.white{background-color:#ffffff}
.newfields{margin-top:0px;padding:10px}


/* brands styles */
.tdbrname {width:250px;text-align: left;}
.tdbrcat{width:240px;text-align: left;}
.tdbrowner{width:178px;text-align: left;}
.tdbrstatus1{width:140px;text-align: left;}
.tdbrstatus2{width:50px;text-align: left;}
.tdbrcontactdate{width:120px;text-align: left;}
.tdbrcontacts{width:80px;text-align: left;}
.tdbrcontactsheader{width:135px;text-align: left;}

.tdselectwide{width:65px;text-align:center}


/* accounts styles */
.acctdview {width:25px;text-align: left;}
.acctddeal{width:190px;text-align: left;}
.acctdinvoicedby{width:100px;text-align: left;}
.acctdponum{width:60px;text-align: left;}
.acctddue{width:55px;text-align: left;}
.acctdamt{width:90px;text-align: right;}
.acctdemailed{width:40px;text-align: center;}
.acctdfee{width:80px;text-align: right;}
.acctdinvoice{width:50px;text-align: center;}
.acctdowner{width:50px;text-align: left;}
.accsearchbox{width:200px;float:left;}

.acctdnotes{width:33px;text-align: left;}
.acctdstatus{width:15px;text-align: left;}
.acctdstatus2{width:90px;text-align: left;}
 
.editfields{display:none;}
.flatfields{width:220px;float:left;margin-bottom: 5px;margin-top: 5px;}
.datefields{width:50px}

/* docs styles */
.tdfilename {width:623px;text-align: left;}
.tdfilenamesm {width:200px;}
.tdicon{width:50px;text-align: left;}
.tddate{width:150px;text-align: left;}
.tdauthor{width:120px;text-align: left;}
.tdsize{width:100px;text-align: left;}


.tdfilenamesm {width:76px;}
.tdiconsm{width:30px;text-align: left;}
.tddatesm{width:65px;text-align: left;font-size:8pt}
.tdauthorsm{width:40px;text-align: left;}
.tdsizesm{width:40px;text-align: left;}
.tddeletesm{width:20px;text-align: left;}

fieldset.admin{height:330px}

/* payments styles */
.tdponum {width:120px;text-align: left;}
.tdnotesicon {width:20px;text-align: left;}
.tdduedate {width:200px;text-align: left;}
.tdamount {width:90px;text-align: left;}
.tdinvoicedby {width:120px;text-align: left;}
.tdinvoiced {width:30px;text-align: left;}
.tdfeepercent {width:123px;text-align: left;}
.tdfeeflat {width:80px;text-align: left;}
.tdinvoicenum {width:80px;text-align: left;}
.tdpaystatus {width:140px;text-align: left;}
.tdaction {width:80px;text-align: left;}
  
input.editfieldspay,input.addfields  {width:70px;}
.editfieldspay{display:none}
.fullwidth {width:1170px}


.subheadinglarge{clear:both;margin:0px;padding:10px 0px;color:#333333;font-size:18pt;font-weight:bold}
form.deadlinesform .editfields {width:120px}
.flatfieldsdeadlines{float:left;}

/* deadlines styles*/
.dlinetitle{width:185px;text-align: left;}
.dlinena{width:40px;text-align: left;}
.dlineduedate{width:78px;text-align: left;}
.dlinespacer{width:5px;text-align: left;}
.dlinebfaction{width:180px;text-align: left;}
.dlinebfstatus{width:180px;text-align: left;}
.dlinesaction{width:180px;text-align: left;}
.dlinesstatus{width:180px;text-align: left;}
.dlinecomplete{width:60px;text-align: left;}

.paymenttotals{float:left;padding-right:30px}
.section{padding:5px 0px;border-style:solid;border-color:#cccccc;border-width:0px 0px 1px 0px;clear:both;margin:3px 0px}
.section br{clear:both}
.innerheading {font-weight:bold;width:150px;float:left;margin-right:10px;clear:left}
.summarycontent {float:left;clear:right;}
.summarycontent p{margin-top:0px}
.summaryimage{float:left;margin-right:20px}

.expand{float: right; margin-right: 5px;}
.summarytitle{float:right;font-size:26px;margin-top:70px;margin-right:20px;font-weight:bold}

.toggle{text-decoration:none;margin-right:10px}

.save{background:url(../images/savebutton.png);width:15px;height:15px;float:right;margin-right:4px;display:none}
  .saving{color:red;width:35px;height:15px;float:right;display:none}

 .row{background-color:#f2f2f2;}
  .colorMe {background-color:#cccccc}
 .dates1{width:30px}
 .dates2{width:40px}
 .dates3{width:50px}
 
 form.fullform label.permissionslabels{width:120px}
 form.fullform input[type="checkbox"] {height:20px;}
 
 form#login_form label{margin-bottom:5px;margin-top:5px;width:150px;float:left}
 form#login_form input{width:120px;margin-bottom:5px;margin-top:5px;float:left}
 form#login_form {width:400px}
 
 .debug{border: 1px solid red}