/* Custom Styles Created for in-page maintenance system */

.mojoToolsBar
{
	width: 100%;
	margin: 0 auto;
	padding: 5px 0 0 0;
	background: #737373;
	border-bottom: solid 4px #4e9dd3;
	line-height: normal;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.mojoToolsBar a {
    color: #0D69D0;
}

.mojoToolsBar h1
{
    border: none;
    float: left;
    padding: 0;
    margin: 0 15px 0 0;
    color: #b2b2b2;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 24px;
}

.mojoToolsBar h1 strong
{
	color: #d1d1d1;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#mojoToolsBarContent
{
	margin: 5px 0 0 0;
	width: 800px;
	margin: 0 auto;
}

#mojoToolsNav
{	
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #c9d7e3;
	border-top: solid 1px #4e9dd3;
	line-height: normal;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#mojoToolsNav ul
{ 
	margin: 0 auto;
	width:800px;	
}

#mojoToolsNav ul ul
{
	margin-top: 0;
	background:#EFF9FF;
}

#mojoToolsNav li a
{
	padding: 0 10px;
	color: #333;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 28px;
}


#mojoToolsNav li ul ul { margin-left: 162px; /* Equals width of (.nav li ul li a) plus the left/right padding */ }

#mojoToolsNav li:hover ul ul,
#mojoToolsNav li:hover ul ul ul,
#mojoToolsNav li.sfhover ul ul,
#mojoToolsNav li.sfhover ul ul ul { left: -999em; }

#mojoToolsNav li:hover ul,
#mojoToolsNav li li:hover ul,
#mojoToolsNav li li li:hover ul,
#mojoToolsNav li.sfhover ul,
#mojoToolsNav li li.sfhover ul,
#mojoToolsNav li li li.sfhover ul { left: auto; }

#mojoToolsNav li:hover,
#mojoToolsNav li.sfhover { /* Fix for IE7 "Sticking" menus */ position: static;
}

#mojoToolsNav li li {
    border-bottom:1px solid #EFF9FF;
    border-top:1px solid #EFF9FF;
}

#mojoToolsNav li:hover li:hover,
#mojoToolsNav li.sfhover li.sfhover {
    background-color:#DDEFFA;
    border-bottom:1px solid #DDEFFA;
    border-top:1px solid #DDEFFA;
}

#mojoToolsNav li li a.sf-with-ul{
background: url(/images/arrow.gif) 140px 3px no-repeat;
}


#mojoToolsNav ul ul 
{
	width: 225px;
}


#mojoToolsNav li ul li a
{
	text-align: left;
	line-height: 22px;
	font-size: 12px;
	padding: 0 10px;
	margin: 0;
	width: 205px;	 /* Any changes to these need to be reflect in (.nav li ul ul) and (.nav li ul) */
} 




#mojoToolsNav li.selected { background: url(/maintenance/images/btn-bkgd-lt-admin.gif) left top no-repeat; }

#mojoToolsNav li.selected a
{
	background: url(/maintenance/images/btn-bkgd-rt-admin.gif) right top no-repeat;
	margin: 0 0 0 10px;
	padding: 0 10px 0 0
}

#mojoToolsNav li ul.sf-js-enabled { /* Overrides CSS dropdowns when Superfish is enabled. */
	left: auto !important;
}

.mojoToolsBar #dispLogin
{
	float:right;
	color: #dadada;
	margin: 12px 0 0 20px;
}

.mojoToolsBar #dispLogin a { color: #fff6af; }

/* Buttons */
#leadStatus
{
	margin:-15px 0 0 0;
	width:100%;
	float: right;
}
#leadStatus .boxWrap .boxBody
{
	padding: 10px 20px;
}
#leadStatus table
{
	margin: 0px;
	border: none;
	width: 100%;
}
#leadStatus table th
{
	width: auto;
}
#leadStatus th, #leadStatus  td
{
	padding: 3px 5px;
}
#leadStatus .mojoToolsBtn
{
	margin: 0 10px 0 0;	
}

.mojoToolsBtnBuddy {
	display: block;
	float: left;
}


/* Buttons */

.mojoToolsBtnBuddy {
	display: block;
	float: left;
}

.mojoToolsBtn {
	display: block;
	background: url(/maintenance/images/btn-sm-lt.gif) left top no-repeat;
	float: left;
	padding: 0 0 0 5px;
	text-align: center;
	line-height: 1.5;
	margin: 0 0 0 5px;
	text-decoration: none;	
	height:19px;
	white-space: nowrap; /* to framework */
}

h1 .mojoToolsBtn, h2 .mojoToolsBtn, h3 .mojoToolsBtn, h4 .mojoToolsBtn, h5 .mojoToolsBtn
{
	float:right;
	font-size: 12px;
}

.mojoToolsNoBtn {
	color: #f00;
	display: block;
	float: left;
	padding: 0 0 0 5px;
	text-align: center;
	line-height: 1.5;
	margin: 0 0 0 5px;
	text-decoration: none;	
	height:19px;
	white-space: nowrap; /* to framework */
}

.mojoToolsBtn span{
	display: block;
	background: url(/maintenance/images/btn-sm-rt.gif) right top no-repeat;
	padding: 0 5px 0 0;
	height:19px;
    width: .1em; /* Causes IE6 to shrink-to-fit */
}

a:hover.highlight {
	color: #C66;
}
.highlight 
{
	color: #633;
	background-image: url(/maintenance/images/btn-sm-highlight-lt.gif);
}
.highlight span{
	background-image: url(/maintenance/images/btn-sm-highlight-rt.gif);
}

h1 .highlight, h2 .highlight, h3 .highlight, h4 .highlight, h5 .highlight
{
	float: right;
	font-size: 12px;
}


#mojoToolsBarContent .mojoToolsBtn {
	display: block;
	background: url(/maintenance/images/btn-dk-sm-lt.gif) left top no-repeat;
	font-size: 11px;
}

#mojoToolsBarContent .mojoToolsBtn span{
	background: url(/maintenance/images/btn-dk-sm-rt.gif) right top no-repeat;
}

.randomPwdBtn
{
	width: 60px;
	float:right;
}

.mojoToolsBtn > span {
	width: auto; /* Allows other browsers to shrink-to-fit*/
}

.btnHolder .mojoToolsBtn {
    float: none;  /*Keeps buttons from collapsing in IEs */
}

.btnHolder .mojoToolsBtn span{
    width: auto;  /*Allows button to exapn properly in IE6 */
}

.mojoToolsBtn .tooltip, #mojoToolsBarContent .mojoToolsBtn .tooltip {
    display: inline;
    background: none;
    padding: 0;
    height: auto;
    width: auto;
}
#mojoToolsBarContent .mojoToolsBtn .tooltip  {
    border: none;
}

#mojoToolsBarContent .mojoToolsBtn {
    position: relative;
    top: 8px;
    left: 5px;
}

#mojoToolsBarContent .mojoToolsBtn:hover {
    color: #666666;
}

#mojoToolsBarContent .mojoToolsBtn:hover .tooltip {
    border: none;
}

/* End buttons */
