* {
    margin: 0;
    padding: 0;
    font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
    outline: none;
}

img, fieldset {
    border: none;
}

body {
    margin: 0;
    padding: 0;
    font-size: 62.5%;
    font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
	background: #efefef;
}

a:active, a:link, a:hover, a:visited {
    color: #1E4FA8;
    text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

p, h1, h2, h3, h4, h5, h6 {
    margin: 10px 0;
}

h1 {
}

h3 {font-size:1.5em;}

label {cursor:pointer;}

div#console {
	width:100%;
	background:#333 url(../images/layout/console.jpg) repeat-x;
	color:#fff;
	overflow: hidden;
}
	div#console .inner {
		position:relative;
		width:996px;
		margin:0 auto;
		padding:0;
	}

div#primary {position:relative;top:0px;left:0px;width:auto;}
div#primary ul {float:left;}
div#primary ul, div#primary ul li {list-style:none;margin:0;padding:0;overflow:hidden}
div#primary ul li {float:left;margin:0 1px;line-height:30px;font-size:1.25em;}
div#primary ul li a {padding:10px;line-height:30px;background:#1E4FA8;color:#fff;text-decoration:none;}
div#primary ul li a:hover {background:#efefef;color:#000;text-decoration:none;}
div#primary ul li.dashboard, div#primary ul li.contacts, div#primary ul li.prospects, div#primary ul li.opportunities {margin-right:10px;}

div#account {position:relative;top:0px;right:0px;width:auto;}
div#account ul {float:right;}
div#account ul, div#account ul li {list-style:none;margin:0;padding:0;}
div#account ul li {float:left;margin:0 1px;line-height:30px;font-size:1.25em;}
div#account ul li a {padding:10px;line-height:30px;background:#1E4FA8;color:#fff;text-decoration:none;}
div#account ul li a:hover {background:#efefef;color:#000;text-decoration:none;}
div#account li.user {position:absolute;top:-40px;right:0px;}

div#secondary {position:relative;top:0px;left:0px;width:auto;}
div#secondary ul {float:left;}
div#secondary ul, div#secondary ul li {list-style:none;margin:0;padding:0;overflow:hidden}
div#secondary ul li {float:left;margin:0 5px;line-height:30px;font-size:1.25em;}

div#tools {padding:5px 0;overflow:hidden;}
div#tools ul, div#tools ul li {display:block;height:auto;list-style:none;}
div#tools ul li {float:left;margin:0 5px;font-size:1.25em;}
div#tools ul li a {color:red;text-decoration:underline;}
div#tools ul li a:hover {text-decoration:none;}
div#tools ul li a.passive {color:#1E4FA8;text-decoration:none;}
div#tools ul li a.passive:hover {text-decoration:underline;}



ul#list {padding:0 15px;}
ul#list li {padding:7px 0;list-style:none;position:relative;float:left;width:100%;font-size:1.5em;border-bottom:1px solid #efefef}
ul#list li.hover {border-bottom:1px solid #ccc;background:#F8F8FF}
ul#list li.small {padding:0;font-size:1.25em;}
ul#list li span.company, ul#list li span.contact, ul#list li span.todo {position:relative;display:block;z-index:5;}
ul#list li span.todo {color:#666;}
ul#list li span.contact_todo {float:left;width:auto;color:#000;margin-right:5px;margin-left:10px;position:relative;z-index:5;}
ul#list li span.company {float:left;width:650px;margin:1px 0 3px 10px}
ul#list li span.contact {color:#666;margin-left:10px;}
ul#list li span.address,ul#list li span.phone,ul#list li span.phone-large,ul#list li span.email,ul#list li span.primary,
ul#list li span.contact_small,ul#list li span.value,
ul#list li span.representative,ul#list li span.close,ul#list li span.type,ul#list li span.date_added,ul#list li span.author,
ul#list li span.fullNote
	{position:relative;width:650px;float:left;display:block;color:#666;z-index:5;margin-left:10px}
ul#list li span.contact_small {margin-left:10px}
ul#list li span.address {width:350px;overflow:hidden;}
ul#list li span.phone, ul#list li span.email {left:35px;width:130px;}
ul#list li span.phone-large {left:50px;width:240px;}
ul#list li span.primary {left:100px;width:120px;}
ul#list li span.value, ul#list li span.representative, ul#list li span.close,
ul#list li span.type, ul#list li span.author, ul#list li span.date_added {position:absolute;right:0px;width:120px;text-align:left;top:5px}
ul#list li span.value {text-align:right;}
ul#list li span.representative {right:125px;}
ul#list li span.close {right:250px}
ul#list li span.date_added {right:280px;width:150px;}
ul#list li span.type {right:400px}
ul#list li.small span.value, ul#list li.small span.representative, ul#list li.small span.close, ul#list li.small span.type {top:0px;text-align:left;}
ul#list li.small span.value {text-align:right;}

ul#list li span.email {left:100px;}
ul#list li span.status {padding:2px 5px;background:lightgreen;color:darkgreen;margin-left:5px;}
ul#list li span.tools {position:absolute;clear:both;width:120px;top:8%;left:-100px;background:url("../images/layout/tools-background.png") left center no-repeat;padding:5px 80px 5px 5px;height:16px;line-height:16px;text-align:left;}

ul#list li span.tools {display:none;z-index:4;height:16px;}
ul#list li:hover>span.tools, ul#list li span.tools:hover {display:block;}

ul#list li span.tools a, ul#list li span.tools button, ul#list li span.tools form {display:block;float:left;margin:0 4px 0 2px;width:16px;height:16px;overflow:hidden;text-indent:-9999px;background:url("../images/icons/delete.png") no-repeat;}
ul#list li span.tools a.edit {background:url("../images/icons/wrench.png") no-repeat;margin-left:6px}
ul#list li span.tools a.move {background:url("../images/icons/arrow_inout.png") no-repeat;cursor:move;}
ul#list li span.tools a.opportunity {background:url("../images/icons/star.png") no-repeat;}
ul#list li span.tools a.notes {background:url("../images/icons/note.png") no-repeat;}
ul#list li span.tools a.archive {background:url("../images/icons/package_go.png") no-repeat;}
ul#list li span.tools button {border:0;cursor:pointer;margin:0;}
ul#list li span.tools form {background:none;}

div#login {margin:0 auto;width:300px;background:#fff;padding:20px;border:1px solid #999;border-width:1px 1px 1px 20px;}
div#login label, div#login input {float:left;width:100%;font-size:1.5em;}
div#login label {font-size:1.25em;}
div#login input {padding:3px 7px;margin-bottom:10px;width:90%}
div#login input.submit {width:auto;padding:5px 10px;font-size:1.25em;}

#add_contact, #todo {overflow:hidden;}
#add_contact h3, #todo h3 {clear:left;width:auto;}
#add_contact select, #todo select {float:left;width:150px;padding:2px 5px;margin-left:0px;margin-bottom:10px;}
#add_contact option, #todo option {margin:0 5px;}
#add_contact select.type option, #todo select.type option {margin-left:10px;}
#add_contact input, #add_contact textarea, #add_contact span.label,
#todo input, #todo textarea, #todo span.label {float:left;padding:2px 5px;margin-left:0px;margin-bottom:10px;width:auto;}
#add_contact span.label, #todo span.label {display:block;width:150px;font-size:1.25em;}
#add_contact textarea, #todo textarea {width:150px;}
#add_contact textarea.large, #todo textarea.large {width:500px;height:200px;}
#add_contact input.submit, #todo input.submit {float:none;width:auto;padding:5px 10px;}
#add_contact label, #todo label {float:left;width:100px;margin-left:10px;font-size:1.25em;line-height:1.5em;}
#add_contact label.radio, #todo label.radio {width:auto;margin:0 15px 0 5px}
#add_contact .left, #add_contact .right,
#todo .left, #todo .right {width:280px;margin-right:20px;}
#todo .left {width:650px;}

#controls {text-align:right;position:absolute;bottom:0px;right:10px;margin-top:20px;width:auto;font-size:1.25em;}
#controls span {margin-right:20px;}
#controls a {color:red;}

#search {position:absolute;top:20px;right:20px;}
#search input {width:150px;padding:2px 5px}
#search input.submit {width:auto;padding:5px 10px}

.ui-widget {margin-bottom:10px;}

div#content {width:100%;padding:20px 0;background:#efefef;}
div#content-inner, div#to-dos {width:976px;position:relative;padding:0 10px 10px;margin:0 auto;background:#fff;border:1px solid #999;border-width:3px 1px 1px;overflow:visible;}

.advice {padding-left:10px;border-left:5px solid red;font-size:1.25em;margin-bottom:15px;}
#pagination {clear:both;text-align:right;padding-top:20px;}

.left {float:left;}
.right {float:right;}
.hidden {visibility:hidden;display:none;}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}



/* global */
#cluetip-close img {
  border:0;
}
#cluetip-title {
  overflow:hidden;
}
#cluetip-title #cluetip-close {
  float:right;
  position:relative;
}
#cluetip-close a {
  font-weight:900;
}
#cluetip-waitimage {
  width:43px;
  height:11px;
  position:absolute;
  background-image:url(wait.gif);
}
.cluetip-arrows {
  display:none;
  position:absolute;
  top:0;
  left:-11px;
  height:22px;
  width:11px;
  background-repeat:no-repeat;
  background-position:0 0;
}
#cluetip-extra {
  display:none;
}
/***************************************
   =cluetipClass:'default' 
-------------------------------------- */

.cluetip-default {
  background-color:#FFF;
}
.cluetip-default #cluetip-outer {
  position:relative;
  margin:0;
  background-color:#FFF;
  border:1px solid #999;
  border-width:1px;
}
.cluetip-default h3#cluetip-title {
  margin:0 0 5px;
  padding:8px 10px 4px;
  font-size:1.25em;
  font-weight:normal;
  background-color:#999;
  color:#fff;
}
.cluetip-default #cluetip-title a {
  color:#d9d9c2;
  font-size:0.95em;
}  
.cluetip-default #cluetip-inner {
  padding:10px;
}
.cluetip-default div#cluetip-close { 
  text-align:right;
  margin:0 5px 5px;
  color:#900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image:url(../images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image:url(../images/darrowright.gif);
  left:100%;
  margin-right:-11px;
}
.clue-top-default .cluetip-arrows {
  background-image:url(../images/darrowdown.gif);
  top:100%;
  left:50%;
  margin-left:-11px;
  height:11px;
  width:22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image:url(../images/darrowup.gif);
  top:-11px;
  left:50%;
  margin-left:-11px;
  height:11px;
  width:22px;
}