/* CSS Document */

/*
@import 'reset.css';
*/
@import 'forms.css';
@import 'cmxform.css';
@import 'superfish.css';
@import 'tables.css';

/*@import 'scripts/jquery.autocomplete.css';*/

/* body { background: #98b7e2 url(images/background.jpg) repeat-x; font-family: Georgia, Helvetica, sans-serif; font-size:1em;} */
#header {background:#FFFFFF; height:75px;}
#logo{ width:243px; height:75px; background:url(images/logo2.png) no-repeat; margin:0px; float:right;}
#strapline{ font-size:36px; font-weight:bold; float:left; margin-left:30px; margin-top:6px; }
#strapline #optimus{ font-size:46px; color:#4265B7}
#head_shadow{ height:8px; background:url(images/topbar_shadow.png) repeat-x}

.title{font-family:Verdana, Geneva, sans-serif; font-weight:bold;}

/* Main Menu*/
#mainmenu { list-style:none;}
#mainmenu li { display: inline; }
#mainmenu li a { 
	margin-left: 20px; 
	padding-top: 57px; 
	width: 56px; 
	opacity: .8; 
	float:left; 
	text-align:center; 
	color:#000000; 
	font-size:12px;
	text-decoration:none;
}
#mainmenu .home a			{ background: url(images/mainmenu/home.png) no-repeat top; }
	#mainmenu .home a:hover			{ background: url(images/mainmenu/home_hover.png) no-repeat top;  }
	#mainmenu .homesel a			{ background: url(images/mainmenu/home_selected.png) no-repeat top;  }
#mainmenu .calendar1 a	{ background: url(images/mainmenu/calendar.png) no-repeat top; }
	#mainmenu .calendar1 a:hover	{ background: url(images/mainmenu/calendar_hover.png) no-repeat top; }
	#mainmenu .calendar1sel a	{ background: url(images/mainmenu/calendar_selected.png) no-repeat top; }
#mainmenu .clients a		{ background: url(images/mainmenu/clients.png) no-repeat top; }
	#mainmenu .clients a:hover		{ background: url(images/mainmenu/clients_hover.png) no-repeat top; }
	#mainmenu .clientssel a		{ background: url(images/mainmenu/clients_selected.png) no-repeat top; }
#mainmenu .reports a		{ background: url(images/mainmenu/reports.png) no-repeat top; }
	#mainmenu .reports a:hover		{ background: url(images/mainmenu/reports_hover.png) no-repeat top; }
	#mainmenu .reportssel a		{ background: url(images/mainmenu/reports_selected.png) no-repeat top; }
#mainmenu .campaign a    { background: url(images/mainmenu/campaigns.png) no-repeat top; }
	#mainmenu .campaign a:hover    { background: url(images/mainmenu/campaigns_hover.png) no-repeat top; }
	#mainmenu .campaignsel a    { background: url(images/mainmenu/campaigns_selected.png) no-repeat top; }
#mainmenu .filter a    { background: url(images/mainmenu/filter.png) no-repeat top; }
	#mainmenu .filter a:hover    { background: url(images/mainmenu/filter_hover.png) no-repeat top; }
	#mainmenu .filtersel a    { background: url(images/mainmenu/filter_selected.png) no-repeat top; }
#mainmenu .leads a    { background: url(images/mainmenu/leads.png) no-repeat top; }
	#mainmenu .leads a:hover    { background: url(images/mainmenu/leads_hover.png) no-repeat top; }
	#mainmenu .leadssel a    { background: url(images/mainmenu/leads_selected.png) no-repeat top; }
#mainmenu .document a    { background: url(images/mainmenu/documents.png) no-repeat top; }
	#mainmenu .document a:hover    { background: url(images/mainmenu/documents_hover.png) no-repeat top; }
	#mainmenu .documentsel a    { background: url(images/mainmenu/documents_selected.png) no-repeat top; }

#submenu {float:left; margin-top:-30px;}
#submenu a {float:left; border:#CCC 1px solid; margin-left:20px;}

/* Client picker */
#pickclient { padding:10px; background:#E7EDF5; border:dashed #06C 1px; margin-top:10px;}
#pickclient h2 {text-align:center; margin-bottom:10px; }
.pickclient { background:url(images/icons/pickclient.png) no-repeat; padding-left: 30px; line-height:25px; margin-left:20px; float:left; cursor:pointer;}


/* NAvigation  */
#navigation { position: absolute; margin: 0; padding: 0; top: 85px; left: 0; list-style: none; height: 600px; }
#navigation li { width: 131px;  }
#navigation li a { display: block; margin-left: -70px; padding-top: 55px; width: 131px; height: 0; overflow: hidden; background: #000; opacity: .8; -webkit-border-radius: 4px; }
#navigation .home a			{ background: url(images/lefttabs/home.png) no-repeat top right; }
#navigation .calendar1 a	{ background: url(images/lefttabs/calendar1.png) no-repeat top right; }
#navigation .clients a		{ background: url(images/lefttabs/clients.png) no-repeat top right; }
#navigation .reports a		{ background: url(images/lefttabs/reports.png) no-repeat top right; }
#navigation .campaign a    { background: url(images/lefttabs/campaign.png) no-repeat top right; }

/* topmenu */
#topmenu {float:right; width:400px;}
#topmenu li {list-style:none }


/*  Main Content */

	#liquid-round {
		width:100%;
		margin:0px auto;
		background:#fff url(images/leftside.gif) repeat-y left top;
	}

	.top {
		width:100%;
		height:20px;
		background:url(images/top.gif) no-repeat left top;
	}
	.top span {
		display:block;
		position:relative;
		height:20px;
		background:url(images/top-right.gif) no-repeat right top;
	}
	.center-content {
		position:relative;
		background:url(images/rightside.gif) repeat-y right top;
		padding:1px 20px 1px 25px;
		margin:-1px 0 -50px 0;
	}
	.bottom {
		width:100%;
		height:60px;
		background:url(images/bottom.gif) no-repeat left bottom;
	}
	.bottom span {
		display:block;
		position:relative;
		height:60px;
		background:url(images/bottom-right.gif) no-repeat right top;
	}
	
	#footer{
		clear:both;
		/*margin:0px auto;*/
		padding-top:5px;
		margin: 0 5px 0 10px;
		width:95%;
	}
	
	#popupwindow{
		width:500px;
		height:500px;
		position: absolute; 
		left: 50%; 
		top: 50%;
		display:none;
		z-index:100;
		background:#FFFFFF;
		padding:15px;
		border-bottom:#333333 3px solid;
		border-right: #333333 3px solid;
		border-left:  #333333 1px solid;
		border-top:  #333333 1px solid;
		overflow:auto;
	}
	#loading{ margin-top:20px; text-align:center}
	#bgblack {
		height:2000px;
		width:100%;
		background:#000000;
		position: absolute;
		top: 0;
		left: 0;
		z-index:69;
		filter:alpha(opacity=45);
		-moz-opacity:.45;
		opacity:.45;
		
	}
	#closer{ width:32px; height:32px; float:right; background:url(images/closeicon.png) no-repeat; cursor:pointer;}
	#printwindow{ width:32px; height:32px; float:right; background:url(images/Print.png) no-repeat; cursor:pointer; margin-right:20px;}

h1 {font-size:1.3em; text-align:center; margin:5px 5px 10px 5px;}

.umsg{width:100px; color:red; float:right;}


/* various */
#addusers td { padding:4px;}
.edittable td{ text-align:left}
#print_report{ width:32px; height:32px; cursor:pointer; background:url(images/icons/print.gif) no-repeat; float:right; margin-right:20px;}

/* Messages */
em.error {
  background:url("images/unchecked.gif") no-repeat 0px 0px;
  padding-left: 16px;
  margin-left:10px;
  clear:both;
}
em.success {
  background:url("images/checked.gif") no-repeat 0px 0px;
  padding-left: 16px;
  margin-left:10px;
  clear:both;
}
 .infom, .successm, .warningm, .errorm {  
     border: 1px solid;  
     margin: 10px 0px;  
     padding:15px 10px 15px 50px;  
     background-repeat: no-repeat;  
     background-position: 10px center;  
 }  
 .infom {  
     color: #00529B;  
     background-color: #BDE5F8;  
     background-image: url('images/icons/info.png');  
 }  
 .successm {  
     color: #4F8A10;  
     background-color: #DFF2BF;  
     background-image:url('images/icons/success.png');  
 }  
 .warningm {  
     color: #9F6000;  
     background-color: #FEEFB3;  
     background-image: url('images/icons/warning.png');  
 }  
 .errorm {  
     color: #D8000C;  
     background-color: #FFBABA;  
     background-image: url('images/icons/error.png');  
 }  

/* LOGIN BOX STYLES --------------------------------------------------- */
.username {
	background-image: url(images/username.png);
	background-repeat: no-repeat;
	background-position:left;
	background-color:#FFFFFF;
	width:285px;
	font:normal 18px Arial;
	color: #666666;
	padding:3px 5px 3px 19px;
	border: 1px #999999 solid;
}
.username:focus, .username:hover {
	background-color:#F0FFE6;
}
   
.password {
	background-image: url(images/password.png);
	background-repeat: no-repeat;
	background-position:left;
	background-color:#FFFFFF;
	width:285px;
	font:normal 18px Arial;
	color: #666666;
	padding:3px 5px 3px 19px;
	border: 1px #999999 solid;
}
.password:focus, .password:hover {
	background-color:#F0FFE6;
}

.loginButton { padding: 3px 5px; }

/* Pagination */
#pagination{
	padding: 3px;
	text-align: right;
	clear:both;
}
#pagination a{ border:#AE66A9 1px solid;
	color:#7C3E82;
	text-decoration:none;
	padding:3px;
}
#pageSel{ border:#999999 1px solid;
	color:white;
	background:red;
	padding:3px;
}
.addnew{
	text-align: center;
	font-size: 16px;
	line-height: 38px;
	font-weight:bold;
}

.bgDay{border:#666 1px solid;}

/* impromptu css */
.jqiwarning .jqi{
      background-color: #b0be96;
}
.jqifade{
      background-color: #ffffff;
}
div.jqi{
      position: absolute;
      background-color: #c0cEa6;
      padding: 10px;
      width: 300px;
}
div.jqi .jqiclose{
      float: right;
      margin: -35px -10px 0 0;
      cursor: pointer;
}
div.jqi .jqicontainer{
      background-color: #e0eEc6;
      padding: 5px;
      color: #ffffff;
      font-weight: bold;
}
div.jqi .jqimessage{
      background-color: #c0cEa6;
      padding: 10px;
}
div.jqi .jqibuttons{
      text-align: center;
      padding: 5px 0 0 0;
}
div.jqi button{
      padding: 3px 10px 3px 10px;
      margin: 0 10px;
}