body { margin: 0px; padding: 0px; }

* {font-family: Arial;}
p, td, span, input, select, li, a, legend, textarea {font-size: 11px;}
a {color: #0066D0;}

td.blocklabel {font-weight: bold; font-size: 10px; text-align: right; padding-right: 5px;}
td.block {width: 120px; height: 60px; background-color: #eeeeee; font-size: 10px; padding-top: 3px; border: 1px solid #999999;}
td.blocklabel {width: 70px; height: 50px;}
td.block input {padding: 5px; padding-top: 10px;}

#matrixblock {overflow: auto;}
#matrix {overflow: auto; width: 600px; float: left;}
#matrix .row {overflow: auto;}
#matrix div.block {padding: 5px; font-size: 10px;}

.square {width: 15px; height: 15px; margin-bottom: 4px;}
.bigsquare {width: 24px; height: 24px;}
.red {background-color: #CC0000; color: #cc0000;}
.yellow {background-color: #FFCC00; color: #FFCC00;}
.green {background-color: #339933; color: #339933;}

#clientdetails {width: 100%; float: left;}

fieldset {padding: 5px; border: 1px solid #cccccc; margin: 0px 10px;}
legend {color: #333333; font-weight: normal; letter-spacing: 1px; font-size: 11px;}
label {font-weight: bold;}

td.label {font-weight: bold; text-align: right;}

#header {background-color: #222222; height: 60px;}
#header h1 {margin: 0px; padding: 5px; color: #e6e6e6;}
#footer {background-color: #e6e6e6; margin-top: 50px; height: 70px; padding: 20px; border-top: 1px solid #999999;}
#footer, #footer a {color: #666666; font-size: 10px;}
#footer a {font-weight: bold; color: #333333;}

#nav {background-color: #b51100; height: 25px; width: 100%;}
#nav ul {margin: 0px; padding: 0px;  list-style: none;}
#nav li {float: left; margin: 0 2em; padding-top: 3px; vertical-align: middle;}
li.iconsearch {list-style-image: url("/images/icons/find.png"); list-style-position: inside;}
li.iconreport {list-style-image: url("/images/icons/report.png");}
#nav img {padding-right: 2px; float: left;}

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

#main {padding: 0px;}
#main h2 {color: #666666; margin-top: 0px;}

#search, #filter, #potentialfilter {background-color: #e6e6e6; margin-bottom: 10px; font-weight: bold; font-size: 11px; color: #666666;}
#search input, #search select, #filter input, #filter select {font-weight: normal;}
#search input, #search select, #search label {font-weight: normal;}

#filter {overflow: auto; height: 45px; padding-top: 5px; vertical-align: middle; width: 100%; float: left;}
#filter label {font-size: 11px; display: block; margin-bottom: 2px;}
#filter div {float: left; margin: 0px 5px;}

#potentialfilter {padding: 5px;}

#top {overflow: auto;}

#activity, #contact {border: 1px solid #cccccc; width: 450px; float: left;}
#contact {margin-left: 70px;}

#activity, #contact, #matrixblock {padding: 5x;}

div.history {background-color: Blue; border: 1px solid #e6e6e6; padding: 5px;}

.filterboxprimary {background-color: #c9d0ed; padding-top: 3px; padding-bottom: 3px;}
.filterboxsecondary {background-color: #EAF7FF; padding-top: 3px; padding-bottom: 3px; border-bottom: 1px solid #999999;}
.filterboxprimary label, .filterboxsecondary label {font-size: 9px; margin-right: 10px;}

#clientname {background-color: #eeeeee; padding: 10px 0px; border-bottom: 1px solid #999999; width: 100%;
             margin-bottom: 10px; overflow: auto;}
#clientname h2 {color: #333333; margin: 0px; width: auto; padding-left: 10px; padding-right: 20px; float: left;}
#clientname p {float: left;}

/* sexy buttons */
p.button img {
  position: absolute;
  margin: 4px 0 0 5px;
  border: 0px;
}

p.button {
  display: block;
  width: auto;
  margin: 0px;
}
p.button a {
  padding: 0px;
  background: transparent url('/images/bg_button_a.png') no-repeat scroll top right;
  color: #444;
  display: block;
  font: bold 11px arial, sans-serif;
  height: 24px;
  padding-right: 18px; /* sliding doors padding */
  text-decoration: none;
  margin: 0px 6px 00px 0px;
}

p.button span {
  margin: 0px;
  background: transparent url('/images/bg_button_span.png') no-repeat;
  display: block;
  line-height: 14px;
  padding: 5px 0 5px 25px;
}

p.button a:active {
  background-position: bottom right;
  color: #000;
  outline: none; /* hide dotted outline in Firefox */
}

p.button a:active span {
  background-position: bottom left;
  padding: 6px 0 4px 25px; /* push text down 1px */
}

/* end of sexy buttons */



	/*.delete{
		background:url(img/delete.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.user{
		background:url(img/user.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.alert{
		background:url(img/alert.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.msg{
		background:url(img/msg.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.download{
		background:url(img/download.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}

	.lens{
		background:url(img/lens.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.info{
		background:url(img/info.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}*/



#editclient {float: right;}

.hint {font-size: 11px; font-weight: normal; font-style: italic; color: #999999;}

/* the matrix editor on the RHS */
#matrixeditor {margin-left: 20px; margin-top: 20px; width: 375px; float: left;}
.matrixedit, .matrixdetail {border: 1px solid #999999; width: 400px; float: left; padding: 10px;}
.matrixedit {background-color: #92bdd9;}
.matrixdetail {background-color: #EAF7FF;}
.matrixedit a {color: #333333; font-weight: bold;}
.matrixedit {font-size: 11px;}

img.bar {border: 1px solid orange;}

#edit {float: left;}
#page, #subpage {overflow: auto; padding: 10px;}

.sidebar {margin-left: 0px; padding-left: 10px; width: 350px; float: left; border: 1px solid #e6e6e6; background-color: #92bdd9;}
#sideactivity, #sidecontact, #sidemailinglist {float: left; padding: 5px;}
#sidemailinglist {width: 280px;}

/*#sideactivity, #sidecontact {display: none;}*/

.savepanel {background-color: #e6e6e6; border-top: 1px solid #cccccc; margin-top: 10px; padding-top: 10px; padding-bottom: 10px;}

.big {font-size: 20px;}

.contactbox {padding: 5px; font-size: 11px; border-top: 1px dotted #a3ceea;
			background-color: #ffffff; overflow: auto;}
.alternate {background-color: #d6effd;}
.contactbox ul {list-style: none; padding: 5px; margin: 0px;}
.contactbox li {line-height: 1.5em;}
.contactbox label {padding-right: 10px;}


/* activity types */
.upsell {background-color: #CC0000;}
.crosssell {background-color: #FFCC00;}
.accountchange {background-color: #FFFF66;}
.communication {background-color: #FFFF66;}

#mailinglistlight {background-color: #efefef; font-size: 11px; width: 100%; margin-bottom: 10px;}
#mailinglistlight p {margin: 3px; padding: 0px;}

.bottom {margin-top: 0px; padding: 5px; border-top: 1px dotted #999999; overflow: auto; font-size: 10px; width: 100%; margin-right: 20px;}
.bottom input, .bottom select {margin-left: 75px; width: 150px !important;}
.bottom label {position: absolute; text-align:right; width: 50px; font-weight: bold;}

#contactlist {background-color: #ffffff; font-size: 11px;}
.contactmain {float: left; width: 250px;}
.contacteditleft, .contacteditright {float: left; width: 300px;}
.contactedit {overflow: auto; margin-bottom: 10px;}
.contactedit label {display: block; font-weight: normal; color: #666666;}
.contactedit input {margin-bottom: 4px; width: 200px;}
.contactedit select {margin-bottom: 4px;}

.contactright {float: left; width: 230px;}
.contactbuttons {}


#tabbar {background-color: #333333; padding: 5px; display: none;}
#tabbar a {color: #e6e6e6; font-weight: bold;}

#matrixedit label {position: absolute; text-align:right; width: 75px; font-weight: bold;}
#matrixedit input, #matrixedit select, #matrixedit textarea {margin-left: 90px;}

div.login {width: 400px; border: 1px solid #cccccc; margin: 0 auto; padding: 40px;}
div.login label {display: block; width: 75px; color: #666666; font-size: 11px; font-weight: bold;}
div.login input {width: 200px;}
#logout {position:absolute; right:0px;}

#notes {float: left; background-color: #fff8dd; color: #666666; font-size: 11px; width: 250px; padding: 10px; margin-right: 10px;}
#notes label {display: block;}
ul.clientdetails {list-style: none; margin: 0px; padding: 0px;}
ul.clientdetails li {display: table; margin: 0px; padding: 1px 0px;}
ul.clientdetails label {width: 130px; display: block; text-align:right; float: left; padding-right: 10px;}

#overview {background-color: #333333; padding-top: 10px; padding-bottom:10px; overflow: auto; float: left; width: 100%;
           font-size: 14px; font-weight: bold; color: #e6e6e6; overflow: auto;}
#overview label {color: #999999; display: block; font-size: 11px;}
#overviewlink div {float: left; padding-left: 20px; padding-right: 20px; border-right: 1px solid #aaaaaa;}
#overviewlink1, #overviewlink * {cursor:pointer;}

li.loggedinas {color: #aaaaaa;}

#detailsheader {font-size: 14px; font-weight: bold; color: #333333;}
/*background-color: #999999; width: 100%;}*/

#matrixeditor ul {list-style: none; padding: 0px;}
#matrixeditor label {width: 160px; text-align: right; display:block;
float:left; padding-right:10px;}

/*
#matrixeditor ul {list-style: none;, padding: 0px;}*/

#verification {background-color: #b1dF94; border: 1px solid #e6e6e6; padding: 10px; font-size: 10px; margin-top: 20px;}

.monthlyspend, .potential {float: left; height: 15px; width: 50%; border-top: 1px solid #cccccc;}
.monthlyspend {font-weight: bold; background-color: #13588C; color: #ffffff; font-size:12px;}
.potential {color: #555555; font-size: 10px;background-color: #D0EBFF;}
.potentialsales {color: #999999;  }

/* potential colours */
div.potentialbox {width: 15px; height: 15px; float: left; margin-right: 3px; border: 1px solid #cccccc; text-align: center; color: #999999;}

td.potential_1, div.potential_1 {background-color: #FCFFCC;}
div.potential_1 {border: 0px; padding: 1px;}
td.potential_2, div.potential_2 {background-color: #FFF6BF;}
div.potential_2 {border: 0px; padding: 1px;}
td.potential_3, div.potential_3 {background-color: #FFDAA3;}
div.potential_3 {border: 0px; padding: 1px;}
td.potential_4, div.potential_4 {background-color: #FFAE7C;}
div.potential_4 {border: 0px; padding: 1px;}
td.potential_5, div.potential_5 {background-color: #FF845B;}
div.potential_5 {border: 0px; padding: 1px;}
td.potential_6, div.potential_6 {background-color: #FF5D35;}
div.potential_6 {border: 0px; padding: 1px;}
td.potential_7, div.potential_7 {background-color: #FF2B0F;}
div.potential_7 {border: 0px; padding: 1px;}
div.potential_4 {color: #ffffff;}
div.potential_5 {color: #ffffff;}
div.potential_6 {color: #ffffff;}
div.potential_7 {color: #ffffff;}



#productregionselector {overflow: auto;}
#list_has {float: left; width: 200px;}
#list_butnot {float: left; width: 200px;}


.edit {text-decoration: none; border-bottom: 1px dashed #aaaaaa;}

ul.layout {list-style: none; padding: 0px 0px;}
ul.layout li {padding: 10px 0px;}
ul.layout label {display: block; width: 100px; text-align: right; float: left; padding-right: 10px;}

.warning {color: Red;}

table.matrixtable td {padding: 0px;}
table.matrixtable th {font-size: 12px;}
.griddetails { padding-top: 3px; padding-bottom: 5px;}


.clientgroup {color: #666666;}

.note { background-color: #fff8dd; font-size: 11px; color: #333333; padding: 20px; margin: 10px 0px;}

#companydetailsedit { float: left; width: 100px; height: 120px;}
#column1 { float: left; padding-right: 30px;}
#column2 { float: left; height: 130px; padding-right: 10px; width: 60px;}
span.calculated {color: #999999; font-style: italic;}

.boxy { height: 40px; width: 40px; margin-left:auto; color: #e6e6e6; text-align: center; vertical-align: middle;}


/* jQuery popup windows */
div.popup-background-activities { display:none; }
div.popup-wrapper-activities { display:none; border: 1px solid #999999; background-color: #e6e6e6;}

div.popup-background-contacts { display:none; }
div.popup-wrapper-contacts { display:none; border: 1px solid #999999; background-color: #e6e6e6;}  

div.popup-wrapper { position:relative; display:none; background-color: #e6e6e6; display:block; width:700px; height:245px; padding:0; margin:0; z-index:5000; }
div.popup-top { position:relative; display:block; background-color:#13588C;  width: 700px; height:30px; line-height:30px; padding:0; margin:0; z-index:5000; color: #ffffff; font-weight: bold;}
div.popup-middle { position:relative; display:block; background-color:#ffffff;  width: 700px; min-height:165px; padding:0; margin:0; z-index:5000; }
div.popup-middle .content { position:relative; display:block; margin:0 auto; padding-top:20px; padding-bottom:10px; width:650px; z-index:5000; }
div.controls {height: 30px; padding-top:5px;}
div.controls p {margin-left: 10px; width: 433px;}

div.popup-middle .controls .left { position:absolute; top:0; left:80px; z-index:5000; }
div.popup-middle .controls .right { position:absolute; top:0; right:80px; z-index:5000;}
div.popup-bottom { position:relative; display:block; background-color:#ffffff; width:600px; height:40px; padding:0; margin:0; z-index:5000; }
div.popup-background { position:absolute; top:0; left:0; width:100%; height:100%; z-index:5000; background-color:#cbcbcb;
                       opacity:0.2; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); -moz-opacity:0.2; }

#popupbuttons {float: right}

.maintable {border: 1px solid #cccccc;}

#info_accountmanager {display: none;}
#info_shadowaccountmanager {display: none;}
#info_strategist {display: none;}


table.reporttable
{
    /*border-color: #600;
    border-width: 0 0 1px 1px;
    border-style: solid;*/
}

table.reporttable td
{
    /*border-color: #600;
    border-width: 1px 1px 0 0;
    border-style: solid;*/
    margin: 0;
    padding: 2px;
}

table.reporttable th 
{
	font-size: 12px;
	padding: 5px;
	text-align: left;
}


.pagingbox, .pagingboxselected {padding: 2px 3px;}
.pagingbox a, .pagingboxselected a {text-decoration: none;}

.pagingbox {background-color: #3B5998; color: #ffffff;}
.pagingboxselected {border-top: 1px solid #cccccc; border-left: 1px solid #cccccc;
                    border-right: 1px solid #cccccc;
                    border-bottom: 2px solid #3B5998;  background-color: #ffffff; color: #3B5998;}
                    
#contactsattach {margin-bottom: 20px;}
#contactsattach label {font-weight: normal;}

#escalationform label {width: 100px;}

#graphcontrols {overflow: auto;}
#graphcontrols div { float: left; margin-right: 5px;}
#graphcontrols label {color: #aaaaaa; font-size: 9px; display: block; font-weight: normal;}

p label {display: block}

.checkboxes label {text-align: left; width: 160px; padding-right: 20px !important; display: inline !important; float: none !important}
#form label {display: block; font-weight: bold}

#globalsearch {position: absolute; top: 20px; right: 20px; width: 200px}
#searchquery {width: 200px}

div.document {border: 1px solid #cccccc; background-color: #e6e6e6; width: 500px; padding: 10px; overflow: auto; font-size: 11px; color: #888888}
div.document a.title {font-weight: bold; color: #444444; font-size: 16px; text-decoration: none}
div.document a.title:hover {border-bottom: 1px dashed #444444}

div.version {border: 1px solid #cccccc; background-color: #f0f0f0; width: 500px; padding: 10px; overflow: auto; font-size: 11px; color: #888888}

div.currentversion {border: 1px solid #cccccc; background-color: #fffff0; width: 500px; padding:30px 10px; overflow: auto; font-size: 11px; color: #333333}

.landingpage {background-color: #e6e6e6; width: 500px}
.landingpage div {padding: 5px 5px}
.landingpage a {font-size: 16px; text-decoration: none}
.landingpage a:hover {border-bottom: 1px dashed}
span.doccount {color: #666}




div.task {background-color: #e6e6e6; border: 1px solid #999; overflow: auto; margin-left: 0px}
div.subtask {background-color: #ffffff; border: 1px solid #999; overflow: auto; margin-left: 50px}
div.taskcategory {background-color: #666; overflow: auto; color: #e6e6e6}
div.box {background-color: #333; width: 25px; height: 25px; float: left; color: #fff; font-weight: bold; text-align: center}
div.taskadd {background-color: #e6e6e6; border: 1px solid #999; overflow: auto; margin-left: 25px}
div.add {background-color: #fffff0}
span.title {font-weight: bold; margin-left: 10px}
span.add { margin-left: 10px}

/*#tasklist {border: 1px solid #e6e6e6}*/
#tasklist {font-size: 10px}
#taskform {background-color: #fffff0; padding: 20px}
div.taskblock {border: 1px solid #e6e6e6}
#taskform #description {width: 400px; height: 100px}
#taskform #title {width: 400px}

.input-validation-error {border: 1px solid red; background-color: #F08080}

li.task {font-size: 24px; color: #333}
li.subtask {font-size: 20px; color: #666}

.taskoverview {overflow: auto}
.taskoverview div {width: 22%; padding: 1%; margin-right: 1%; background-color: #fffff0; float: left;}
.taskoverview h3 {color: #666}

div.lozenge {display: inline; background-color: Olive; padding: 3px 10px; border-radius: 10px;}
div.lozenge a, div.lozenge a:visited {color: #fff}


.watermarkOn {font-style: italic}

.future {background-color: #CDE472}
.pending {background-color: #EEB422}
.overdue {background-color: #CC1100}

table.alloc {width: 100%;background-color: #fffff0}
table.alloc tr {border-bottom: 1px solid #000000}
table.alloc td {padding: 5px 0px}
.alloc_name {font-size: 28px; font-weight: bold}
.alloc_email {color: #888}

.lght {color: #888}
.cnt {font-size: 28px; line-height: 30px; font-weight: bold; margin: 0; padding: 0; text-align: center}

.bandcategory {text-transform: uppercase; font-size: 9px; color: #333}

.platinum {background-color: #f6fafa}
.gold {background-color: #FFD700}
.silver {background-color: #c0c0c0}
.bronze {background-color: #9C6963}

ul.big a {font-size:20px;line-height:1.5em}

div.app {border-bottom: 1px solid #ccc; padding: 10px 0px 10px 10px;overflow:auto;
         color:#666}
div.app a {color:#6699FF;text-decoration: none}
div.app h2 a {font-weight:normal; font-size:24px; color:#444}
div.app a:hover {border-bottom:1px dashed #444}
div.app img {float:left; margin-right:20px; border: 1px solid #ccc; height: 100px; width: 100px}
.alternate {background-color: #f6f6f6}

span.faded{color: #c0c0c0;font-size: 1em;}

a.admin, a.admin:visited {color:#aaa !important}
.reset {
	display: none;
}