@charset "utf-8";
@import url("greybox/gb_styles.css");
@import url("tabcontent.css");

body{
font-family:Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-color: #cccccc;

}


.cssnav {
position:relative;
background-image: url(images/nav_line.gif);
background-repeat: no-repeat;
display: block;
width: 125px;
height: 25px;
margin: 0; 
margin-bottom:0px;
padding: 0;

}
.cssnav a {
display:block;
font-size: 11px;
width: 125px;
height: 25px;
float: left;
margin: 0;
padding: 0;
 text-decoration: none; 
 color:#444343;
 font-size:12px;
 font-family: "Trebuchet MS", Verdana;
}

.cssnav a:hover {
font-weight:bold;
}

.cssnav img {width: 100%; height: 100%; border: 0; }
* html a:hover {visibility:visible; }
.cssnav a:hover img{visibility:hidden}
.cssnav span {
position:absolute;
left:23px;
top:3px;
margin:0;
cursor: pointer;
}



a:link {
	color: #226eaa;
	text-decoration: none;
}
a:visited {
		color: #226eaa;
	text-decoration: none;
}
a:hover {
		color: #226eaa;
	text-decoration: underline;
}
a:active {
		color: #226eaa;
	text-decoration: none;
}
.style2 {
	font-size: 14px;
	font-weight: bold;
}

.more{
font-size:13px;}


#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid #999999;
padding: 2px;
background-color: #ffffff;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}



.tiny{font-size:10px; }

.midtext{font-size:12px; }
.midttitle{font-size:14px; }

h1{
font-size:18px;
font-weight:bold;
margin:0}

h2{
font-size:14px;
font-weight:bold;
font-style:italic;
margin:0}


h3{
font-size:14px;
font-weight:bold;
margin:0}


#pscroller2{
width: 702px;
height: 20px;
padding:0; margin-top:5px;

}

#pscroller2 a{
text-decoration: none;

 color:#000000;
}

.someclass a { //class to apply to your scroller(s) if desired
 color:#000000;}

.linkthis a { 
display:block; 
} 

.red2{
color:#ad5454;
font-size:9px;}

.graybox{
padding:15px 10px 10px 15px;

border-left:solid 1px #CCCCCC;
width:180px;}

.graybox ul{
padding:0px;
margin-left:18px;
list-style-type: square;}

ul{
padding-left:5px;
margin-left:18px}

.testimonial {
width:220px;
float:left;
margin:15px 0 30px 0;
}
.left-quote {
float:left;
background:url(images/quote-opem.gif) no-repeat top;
width:68px;
height:77px;
}
.testi-text {
float:left;
text-align:justify;
width:270px;
padding-right:65px;
background:url(images/quote-close.gif) no-repeat right bottom;
}

.testi-name {
float:left;
padding:5px 0 0 15px;
}


#dek {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}

hr {

color: #9E9E9E;
background-color: #9E9E9E;
height: 3px;
width: 100%;
text-align: left;
}



/* THIIS SECTION IS TO HANDLE THE TABS */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0;
    min-width: 145px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 1px;
 	background: url(images/tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 145px; /* IE 6 treats width as min-width */
    min-width: 145px;
    height: 32px; /* IE 6 treats height as min-height */
    min-height: 32px;
    padding-top: 0;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 1px;
}
.tabs-nav .tabs-selected a span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}

.tabs-nav .professional_firms {
	background: url(images/professional_firms.gif) no-repeat;	
	width: 160px; /* IE 6 treats width as min-width */
    min-width: 160px;
}

.tabs-nav .school_universities {
	background: url(images/school_universities.gif) no-repeat;	
	width: 159px; /* IE 6 treats width as min-width */
    min-width: 159px;
}


.tabs-nav .offices_corporations {
	background: url(images/offices_and_corporations.gif) no-repeat;	
	width: 173px; /* IE 6 treats width as min-width */
    min-width: 173px;
}

.tabs-nav .company_overview {
	background: url(images/company_overview.gif) no-repeat;	
	width: 156px; /* IE 6 treats width as min-width */
    min-width: 156px;
}

.tabs-nav .why_equitrac {
	background: url(images/why_equitrac.gif) no-repeat;	
}


.tabs-nav .getting_started {
	background: url(images/getting_started.gif) no-repeat;	
}

.tabs-nav .healthcare {
	background: url(images/healthcare.gif) no-repeat;	
}


.tabs-container {
	overflow:hidden;
	border: 1px solid #dbdbdb;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(images/loading.gif) no-repeat 0 50%;
}