﻿/* CSS Document */
body{
margin:0;
padding:0;
background:#FFFFFF;
/*font-family:Arial, Helvetica, sans-serif;*/
font-family:Arial,Verdana,Helvetica,Sans-Serif;
font-size:12px;
color:#333333;
behavior:url("csshover.htc");
}
a{text-decoration:none;}
.bluetop{
height:5px;
background:#8dd8f5;
width:100%;
font-size:0;
}
.wrapper{
margin:0 auto;
width:843px;
height:250px;
}
.header{
height:108px;
width:100%;
position:relative;
}
.headertab{
float:right;
margin-right:25px;
width:117px;
height:26px;
background:url(img/header_tab_bg.jpg) no-repeat;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
padding-top:6px;
}
.headertab a{ 
color:#FFFFFF;
padding-left:3px;
padding-right:3px;
}
.logo{
float:left;
margin-top:5px;
margin-left:20px;
}
.navmenu{
}
.navmenu ul{
margin:0;
padding:0;
}
.navmenu li{
float:left;
list-style-type:none;
height:24px;
padding-top:2px;
border-right:1px solid #52abc8;
background:url(img/navmenu_off.jpg) repeat-x;
font-family:"Arial Narrow",Arial;
font-weight:bold;
text-align:center;
font-size:16px;
}
.navmenu li.active{
background:url(img/navmenu_on.jpg) repeat-x;
}
.navmenu li:hover{
background:url(img/navmenu_on.jpg) repeat-x;
}
.navmenu li a{
color:#FFFFFF;
}
.navmenu li.healthcareportalcompanyactive{
width:122px;
background:url(img/company_off.jpg) no-repeat;
}
.navmenu li.healthcareportalcompany{
width:122px;
background:url(img/company_off.jpg) no-repeat;
}
.navmenu li.healthcareportalcompanyactive:hover{
background:url(img/company_on.jpg) no-repeat;
}
.navmenu li.healthcareportalcompany:hover{
background:url(img/company_on.jpg) no-repeat;
}
.navmenu li.patientportalsolutionsactive{width:149px;}
.navmenu li.patientportalsolutions{width:149px;}
.navmenu li.patientportalproductsactive{width:150px;}
.navmenu li.patientportalproducts{width:150px;}
.navmenu li.healthcareportalservicesactive{width:147px;}
.navmenu li.healthcareportalservices{width:147px;}
.navmenu li.casestudiesactive{width:162px;}
.navmenu li.casestudies{width:162px;}
.navmenu li.patientportalpricingactive{width:162px;}
.navmenu li.patientportalpricing{width:162px;}
.navmenu li.casestudiesactive{background:url(img/navmenu_on.jpg) repeat-x;}
.navmenu li.patientportalpricingactive{background:url(img/navmenu_on.jpg) repeat-x;}
.navmenu li.healthcareportalservicesactive{background:url(img/navmenu_on.jpg) repeat-x;}
.navmenu li.patientportalproductsactive{background:url(img/navmenu_on.jpg) repeat-x;}
.navmenu li.patientportalsolutionsactive{background:url(img/navmenu_on.jpg) repeat-x;}
.navmenu li.healthcareportalcontactactive{
width:108px;
background:url(img/contact_off.jpg) no-repeat;
border:0;
}
.navmenu li.healthcareportalcontact{
width:108px;
background:url(img/contact_off.jpg) no-repeat;
border:0;
}
.navmenu li.healthcareportalcontactactive:hover{
background:url(img/contact_on.jpg) no-repeat;
}
.navmenu li.healthcareportalcontact:hover{
background:url(img/contact_on.jpg) no-repeat;
}
.content{
float:left;
width:100%;
height:500px;
background:url(img/content_bg.jpg) top repeat-x;
}
.content_table{
width:810px;
margin-left:10px;
margin-top:6px;
border-collapse:collapse;
}
.content_products_table{
margin-left:7px;
margin-top:15px;
border-collapse:collapse;
}
td.home_img{
width:534px;
height:296px;
background:url(img/home_img.jpg) no-repeat;
}

td.home_box{
vertical-align:top;
width:268px;
height:296px;
background:url(img/home_box.jpg) no-repeat;
}
td.home_box h1{
margin:0;
padding:0;
margin-left:15px;
margin-top:8px;
font-family:"Arial Narrow",Arial;
font-size:18px;
color:#FFFFFF;
}
.home_box_list{
margin-top:20px;
margin-left:20px;
margin-right:30px;
font-size:12px;
line-height:16px;
}
.home_box_list p{
margin:0;
padding:0;
margin-left:5px;
font-size:11px;
}
span.green{
color:#aec94f
}
td.width_spacer{
width:2px;
font-size:0;
}
td.height_spacer{
height:5px;
font-size:0;
}

td.homebox_bottom{
vertical-align:top;
background:url(img/homebox_bottom-bg.jpg) top left no-repeat;
height:100px;
padding:10px 20px 0px 15px;
line-height:18px;
width:280px;
}
td.homebox_bottom p{
margin:0;
padding:0;
font-size: 12px;
line-height:16px;
}
/*Test*/
td.homebox_bottom ul{
margin:0;
padding:0;
font-size:12px;
/*width:190px;*/
}
td.homebox_bottom ul li{
margin:0;
padding:0;
padding-left:10px;
padding-top:1px;
padding-bottom:1px;
list-style-type:none;
border-bottom:1px dashed #e8e8e8;
}
td.homebox_bottom ul li a{color:#0976a1;}
td.homebox_bottom ul li a.active{font-weight:bold;}
td.homebox_bottom ul li a:hover{font-weight:bold;}
td.homebox_bottom ul ul{
border:0;
padding-left:20px;
border-bottom:1px dashed #e8e8e8;
}
/*Test END*/
td.homebox_bottom_bottom{
height:16px;
background:url(img/homebox_bottom_bottom.jpg) top left no-repeat;
}
td.homebox_bottom_title{
vertical-align:middle;
height:30px;
background:url(img/homebox_bottom-title.jpg) bottom left no-repeat;
margin:0;
padding:0;
border:0;
}
td.homebox_bottom_title h1{
margin:0;
padding:0;
font-family:"Arial Narrow",Arial;
font-size:18px;
font-weight:bold;
color:#FFFFFF;
margin-top:5px;
margin-left:15px;
}
.footer{
margin-top:15px;
text-align:center;
color:#44bcef;
font-size:11px;
}
td.products_img{
width:800px;
height:1px;
/*height:236px;
background:url(img/products_img1.jpg) top left no-repeat;*/
}
td.healthcare_portals{
width:800px;
/*height:1px;*/
height:236px;
background:url(img/products_healthcare_portal.jpg) top left no-repeat;
}
td.patient_portal{
width:800px;
/*height:1px;*/
height:236px;
background:url(img/products_patient_portal.jpg) top left no-repeat;
}
td.content_management_system{
width:800px;
/*height:1px;*/
height:236px;
background:url(img/healthcare_content_management.jpg) top left no-repeat;
}
td.sharepoint_consulting{
width:800px;
/*height:1px;*/
height:236px;
background:url(img/sharepoint_consulting.jpg) top left no-repeat;
}
td.custom_programming{
width:800px;
/*height:1px;*/
height:236px;
background:url(img/custom_software.jpg) top left no-repeat;
}
td.healthcare_integration{
width:800px;
/*height:1px;*/
height:236px;
background:url(img/healthcare_integration.jpg) top left no-repeat;
}
td.healthcare_social_networks{
width:800px;
/*height:1px;*/
height:236px;
background:url(img/social_network_integration.jpg) top left no-repeat;
}

td.hospice_software{
width:800px;
/*height:1px;*/
height:236px;
background:url(img/hospice_software.jpg) top left no-repeat;
}
td.homecare_software{
width:800px;
height:236px;
background:url(img/homecare_software.jpg) top left no-repeat;
}
td.products_sidebar_top{
width:223px;
height:36px;
*height:30px;
font-size:0;
background:url(img/products_sidebar_top.jpg) top left no-repeat;
vertical-align:top;
}
td.products_sidebar_bottom{
width:223px;
font-size:0;
background:url(img/products_sidebar_bottom.jpg) top left no-repeat;
}
td.products_sidebar_top h1{
margin:0;
padding:0;
margin-left:15px;
margin-top:7px;
font-family:"Arial Narrow",Arial;
font-size:18px;
color:#9dba38;
}
td.products_sidebar{
height:270px;
background:url(img/products_sidebar_bg.jpg) top left no-repeat;
padding-left:5px;
padding-right:5px;
padding-top:10px;
vertical-align:top;
font-family:Arial, Helvetica, sans-serif;
}
td.products_sidebar ul{
margin:0;
padding:0;
font-size:12px;
width:190px;
}
td.products_sidebar ul li{
margin:0;
padding:0;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
list-style-type:none;
border-bottom:1px dashed #e8e8e8;
}
td.products_sidebar ul li a{color:#0976a1;}
td.products_sidebar ul li a.active{font-weight:bold;}
td.products_sidebar ul li a:hover{font-weight:bold;}
td.products_sidebar ul ul{
border:0;
padding-left:20px;
border-bottom:1px dashed #e8e8e8;
}
td.products_sidebar ul ul li{
border:0;
}
td.products_sidebar ul ul li a{
color:#14aaeb;
}
td.homebox_bottom_title{
vertical-align:top;
width:266px;
height:36px;
background:url(img/homebox_bottom-title.jpg) top left no-repeat;
}
td.products_box_title{
vertical-align:top;
background:url(img/products_box_title.jpg) top left no-repeat;
height:26px;
width:580px;
padding:10px 15px 0px 15px;
line-height:18px;
}
td.products_box_title h1{
margin:0;
padding:0;
font-family:"Arial Narrow",Arial;
font-size:18px;
color:#FFFFFF;
}
td.products_box{
vertical-align:top;
height:250px;
width:550px;
/*width:600px;*/
background:url(img/products_box_bg.jpg) top left no-repeat;
/*padding:0px 15px;*/
padding-left:10px;
padding-right:40px;
font-size:12px;
line-height:17px;
}
td.products_bottom p{
width:550px;
font-size: 12px;
}
td.products_box a{
color:#0976a1;
}
td.products_box a:hover{font-weight:bold;}
td.products_box ul{
margin:0;
padding:0;
font-size:12px;
width:530px;
}
td.products_box ul li{
margin:0;
padding:0;
padding-left:1px;
padding-top:2px;
padding-bottom:0px;
list-style-type:none;
/*border-bottom:1px dashed #e8e8e8;*/
}
td.products_box ul li a{color:#0976a1;}
td.products_box ul li a.active{font-weight:bold;}
td.products_box ul li a:hover{font-weight:bold;}
td.products_box ul ul{
border:0;
padding-left:20px;
border-bottom:1px dashed #e8e8e8;
}
td.products_box ul ul li{
border:0;
}
td.products_box ul ul li a{
color:#14aaeb;
}
td.patient_portal_pricing_title{
vertical-align:top;
background:url(img/patient_portal_pricing_title.jpg) top left no-repeat;
height:26px;
width:810px;
padding:10px 15px 0px 15px;
line-height:18px;
}
td.patient_portal_pricing_title h1{
margin:0;
padding:0;
font-family:"Arial Narrow",Arial;
font-size:18px;
color:#FFFFFF;
}
td.patient_portal_pricing{
vertical-align:top;
height:550px;
width:810px;
/*width:600px;*/
background:url(img/patient_portal_pricng_bg.jpg) top left no-repeat;
/*padding:0px 15px;*/
padding-left:10px;
padding-right:40px;
font-size:12px;
line-height:17px;
}
td.patient_portal_pricing_bottom p{
width:810px;
font-size: 12px;
}
td.patient_portal_pricing_bottom{
height:15px;
background:url(img/patient_portal_pricing_bottom.jpg) top left no-repeat;
}

td.patient_portal_pricing a{
color:#0976a1;
}
td.patient_portal_pricing a:hover{font-weight:bold;}
td.patient_portal_pricing ul{
margin:0;
padding:0;
font-size:12px;
width:530px;
}
td.patient_portal_pricing ul li{
margin:0;
padding:0;
padding-left:1px;
padding-top:2px;
padding-bottom:0px;
list-style-type:none;
/*border-bottom:1px dashed #e8e8e8;*/
}
td.patient_portal_pricing ul li a{color:#0976a1;}
td.patient_portal_pricing ul li a.active{font-weight:bold;}
td.patient_portal_pricing ul li a:hover{font-weight:bold;}
td.patient_portal_pricing ul ul{
border:0;
padding-left:20px;
border-bottom:1px dashed #e8e8e8;
}
td.patient_portal_pricing ul ul li{
border:0;
}
td.patient_portal_pricing ul ul li a{
color:#14aaeb;
}

p.customfeatures_title{
margin:0;
padding:0;
margin-bottom:3px;
font-weight:bold;
color:#0976a1;
}
p.customfeatures{
padding:0;
margin:0;
color:#52abc8;
}
p.customfeatures a{
color:#0976a1;
text-decoration:underline;
}
td.portalfeatures_title{
margin:0;
padding:0;
margin-bottom:3px;
font-weight:bold;
color:#0976a1;
}
td.portalfeatures{
padding:0;
margin:0;
color:#749403;
}
td.portalfeatures a{
color:#A6BB58;
text-decoration:underline;
}


td.products_box_bottom{
height:15px;
background:url(img/products_box_bottom.jpg) top left no-repeat;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid gray;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid green;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed blue;
visibility: hidden;
color: green;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 100px;
left: 20px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
