/*
 Screen style    
 Site: Meddius
*/


	
/**************** INDEX STYLES ****************/

/* Feature */
img#feature, object {clear:both;}

/* Press */
div#press {
	height: 20px;
	position: relative;
	overflow: hidden;
	margin: 4px 0 13px 0;
}
div#press .javascript_css {
	position: absolute;
	top: -10px;
	width: 780px;
	z-index: 3;
	padding: 0px;
	background: #fffcd3;
}
div#press h3 {
	position: absolute;
	top: 0px;
	left: 50px;
	margin: 0;
	display: inline;
	font-weight: normal;
	font-size: 14px;
	color: #999;
}
div#press p.next,
div#press p.back {
	margin: 0;
	position: absolute;
	top: 3px;
	width: 15px;
	height: 11px;
	overflow: hidden;
	z-index: 2;
}
div#press p.next {
	right: 20px;
}
div#press p.back {
	left: 15px;
}
div#press p.back a,
div#press p.next a {
	display: none;
	padding: 11px 0 0 0;
}
div#press p.back a {
	background: url(../images/home/icon-arrow-previous.png) 0px 0px;
}
div#press p.next a {
	background: url(../images/home/icon-arrow-next.png) 0px 0px;
}
div#press p.back a:hover {
	background: url(../images/home/icon-arrow-previous.png) 0px -11px;
}
div#press p.next a:hover {
	background: url(../images/home/icon-arrow-next.png) 0px -11px;
}
div#press div {
	position: absolute;
	top: 0px;
	left: 145px;
	width: 585px;
	overflow: hidden;
}
div#press ul {
	position: relative;
	left: 0;
	width: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	z-index: 1;
}
div#press li {
	float: left;
	width: 585px;
	display: inline;
	font-size: 11px;
	color: #999;
	overflow: none;
}
div#press li a {
	color: #666;
}
div#press li a:hover {
	color: #000;
}


/* HIMSS */

p.himss {
	float: right;
	width: 168px;
	height: 25px;
	margin: 0 15px 0 0;
	background: url(../images/home/HIMSS.png) top center no-repeat;
	overflow: hidden;
}
p.himss a {
	display: block;
	width: 168px;
	padding: 25px 0 0 0;
}
p.himss a:hover {
	background: url(../images/home/HIMSS-hover.png) top center no-repeat; 
}

/* Content Area */
div#content {
	background: url(../images/home/bg-content.png) no-repeat;
	margin-top: -5px;
}
div#content h3 {
	margin: 0;
	height: 0px !important;
	padding: 31px 0 0 0;
	overflow: hidden;
}
ul li {
	background: none;
	padding: 0;
}
div#content div.bottom {
	clear: both;
	background: url(../images/home/bg-content-bottom.png) no-repeat;
	height: 11px;
}



	
/* Content Area */
div#content {background:url(../images/home/bg-content.png) no-repeat; margin-top:-5px; font-size:11px;}
div#content h3 {
	margin:0;
	height: 0px !important;
	padding:31px 0 0 0;
	overflow:hidden;
	}
ul li {
	background:none;
	padding:0;
	}
div#content div.bottom {
	clear:both;
	background:url(../images/home/bg-content-bottom.png) no-repeat;
	height:11px;
	}	
	
/* Audience */
div#solutions {
	width:182px;
	float:left;
	margin:0 6px 0 0;
	}
div#solutions h3 {background:url(../images/home/text-solutions.png)}
div#solutions p {
	line-height:14px;
	margin-top:12px;
	}
div#solutions ul li {
	list-style:none;
	padding:0;
	}
div#solutions a {
	display:block;
	color:#999;
	padding:0 0 0 13px;
	margin: 0 0 3px 0;
	background:url(../images/home/icon-arrow.png) no-repeat 0px 2px;
	}
div#solutions a:hover {
	color:#666;
	background:url(../images/home/icon-arrow.png) no-repeat 0px -11px;
	}
	
/* Test Drive */
div#testdrive {
	width: 182px;
	float: left;
	margin: 0;
}
div#testdrive h3 {
	background: url(../images/home/text-testdrive.png)
}
div#testdrive h4 {
	font-size: 17px;
	font-weight: normal;
	line-height: 110%;
	margin: 12px 15px 0 15px;
}
div#testdrive div {
	background: url(../images/home/testdrive-wheel-static.gif) 90px 30px no-repeat;
	height: 115px;
	position:relative;
}
div#testdrive div:hover {
	background: url(../images/home/testdrive-wheel-anim.gif) 90px 30px no-repeat;
}
div#testdrive p {
	line-height: 14px;
	margin: 5px 103px 0 0;
	padding: 0 0 0 17px;
	color: #666;
}
div#testdrive ul li {
	list-style: none;
	padding: 0;
}
div#testdrive a {
	display: block;
	color: #999;
	padding: 0 0 0 13px;
	margin: 7px 0 3px 0;
	background: url(../images/home/icon-arrow.png) no-repeat 0px 2px;
}
div#testdrive a:hover {
	color: #666;
	background: url(../images/home/icon-arrow.png) no-repeat 0px -11px;
}
div#testdrive a#cover {
	position:absolute;
	display:block;
	width:182px;
	height:165px;
	}
	
/* Highlights */
div#center {
	float:left;
	width:579px;
	margin:0 0 0 6px;
	}
div#center h3 {background:url(../images/home/text-center.png)}
div#center img {margin:5px 0 0 35px;}


.tooltip {
	padding-top: 10px;
	width:136px; 
	color:#fff;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
    background:url(../images/home/integration-tip.png) no-repeat top;
	font-size:10px;
	text-decoration:none;
	text-align:center;
	z-index:100;
	}

.tooltip span.top {
	padding:0px 10px 22px 10px;
    background:url(../images/home/integration-tip-bottom.png) no-repeat bottom;
	line-height:11px;
	color:#fff;
	}
	
.tooltip b.bottom {height:0px;
	padding:1px; overflow:hidden;}

/* Why */
div#where {
	width:177px;
	float:right;
	text-align:center;
	margin-right: 11px;
	}
div#where h3 {background:url(../images/home/text-where.png)}
div#where img {
	margin:15px 0 0 0;
	}
div#where p {
	margin:10px 0 0 0;
	padding-right:15px;
	}
div#where a {
	display:block;
	color:#666;
	}
div#where a:hover {
	color:#333;
	}	
div#where strong {
	font-size:24px;
	font-weight:normal;
	color:#333;
	padding:0 0 0 4px;
	}
div#where a:hover strong {
	color:#000;
	}