

/* EaseMD Back Page Styles :::::::::::::::::::::::::::::::::: */

/* SITE WIDE COLORS

Dark Blue used in drop down menu #1b3a5e
Orange #ea6639
Med periwinkle blue #4189dd */



.Clearance {
clear: both;
height: 1px;
overflow: hidden;
}

#navChannel { 
list-style-type: none;
height: 30px;
margin-top: 9px;
background-color: #343434;
overflow: hidden;
/* padding: 0 72px; */
z-index: 100;
}

#navChannel #mainNav {
height: 30px;
/* background: #095Ba6 url(../elements/main-nav_full-back.gif) no-repeat; */
list-style-type: none;
z-index: 150;
}

#navChannel #mainNav li {
display: inline;
z-index: 200;
}

#navChannel #mainNav a,
#navChannel #mainNav div {
display: block;
float: left;
height: 28px;
margin: 1px 0;
font-size: 100%;
text-indent: -800px;
color: #ffffff;
font-family: Verdana, Arial, Helvetica, Sans-serif;
overflow: hidden;
}


/* New mainNav styles /////////////////////////////////////// */

#navChannel #whyEclinicalLink {
border-right: 1px solid #2A5A91;
width: 180px;
height: 28px;
background: transparent url(../elements/whyEclinicalBG.gif) 0 0 no-repeat;
z-index: 300;
}

#navChannel #whyEclinicalLink:hover {
border-right: 1px solid #2A5A91;
background: transparent url(../elements/whyEclinicalBG.gif) 0 -30px no-repeat;
}

#navChannel #whyEclinicalLive {
border-right: 1px solid #2A5A91;
width: 180px;
height: 28px;
background: transparent url(../elements/whyEclinicalBG.gif) 0 -60px no-repeat;
}


#navChannel #forPatientsLink {
border-right: 2px solid #ffffff;
width: 155px;
height: 28px;
background: transparent url(../elements/forPatientsBG.gif) 0 0 no-repeat;
}

#navChannel #forPatientsLink:hover {
border-right: 2px solid #ffffff;
background: transparent url(../elements/forPatientsBG.gif) 0 -28px no-repeat;
}

#navChannel #forPatientsLive {
border-right: 2px solid #ffffff;
width: 155px;
height: 28px;
background: transparent url(../elements/forPatientsBG.gif) 0 -56px no-repeat;
}


#navChannel #forStaffLink {
border-right: 2px solid #ffffff;
width: 130px;
height: 28px;
background: transparent url(../elements/forStaffBG.gif) 0 0 no-repeat;
}

#navChannel #forStaffLink:hover {
border-right: 2px solid #ffffff;
background: transparent url(../elements/forStaffBG.gif) 0 -28px no-repeat;
}

#navChannel #forStaffLive {
border-right: 2px solid #ffffff;
width: 130px;
height: 28px;
background: transparent url(../elements/forStaffBG.gif) 0 -56px no-repeat;
}


#navChannel #forHospitalsLink {
width: 147px;
height: 28px;
background: transparent url(../elements/forHospitalsBG.gif) 0 0 no-repeat;
}

#navChannel #forHospitalsLink:hover {
background: transparent url(../elements/forHospitalsBG.gif) 0 -28px no-repeat;
}

#navChannel #forHospitalsLive {
width: 147px;
height: 28px;
background: transparent url(../elements/forHospitalsBG.gif) 0 -56px no-repeat;
}


#navChannel #forDoctorLink {
border-right: 2px solid #ffffff;
width: 205px;
height: 28px;
background: transparent url(../elements/forDoctorBG.gif) 0 0 no-repeat;
}

#navChannel #forDoctorLink:hover {
border-right: 2px solid #ffffff;
background: transparent url(../elements/forDoctorBG.gif) 0 -28px no-repeat;
}

#navChannel #forDoctorLive {
border-right: 2px solid #ffffff;
width: 205px;
height: 28px;
background: transparent url(../elements/forDoctorBG.gif) 0 -56px no-repeat;
}


#navChannel #requestDemo {
display: block;
width: 279px;
height: 28px;
background: #4189DD url(../elements/requestDemoBG.gif) 0 0 no-repeat;
}

#navChannel #requestDemo:hover {
background: #4189DD url(../elements/requestDemoBG.gif) 0 -28px no-repeat;
}



/* ________________________________________________________________________________ */






#navChannel #extendedLink {
border-right: 2px solid #ffffff;
width: 164px;
height: 28px;
background: transparent url(../elements/extended-link_back.gif) 0 0 no-repeat;
}

#navChannel #extendedLink:hover {
border-right: 2px solid #ffffff;
background: transparent url(../elements/extended-link_back.gif) 0 -30px no-repeat;
}

#navChannel #extendedLive {
border-right: 2px solid #ffffff;
width: 164px;
height: 28px;
background: transparent url(../elements/extended-link_back.gif) 0 -60px no-repeat;
}



#navChannel #aboutLink {
border-right: 2px solid #ffffff;
width: 106px;
height: 28px;
background: transparent url(../elements/about_us-link_back.gif) 0 0 no-repeat;
}

#navChannel #aboutLink:hover {
border-right: 2px solid #ffffff;
background: transparent url(../elements/about_us-link_back.gif) 0 -30px no-repeat;
}

#navChannel #aboutLive {
border-right: 2px solid #ffffff;
width: 106px;
height: 28px;
background: transparent url(../elements/about_us-link_back.gif) 0 -60px no-repeat;
}



#navChannel #whyLink {
border-right: 2px solid #ffffff;
width: 186px;
height: 28px;
background: transparent url(../elements/eclinical-link_back.gif) 0 0 no-repeat;
}

#navChannel #whyLink:hover {
border-right: 2px solid #ffffff;
background: transparent url(../elements/eclinical-link_back.gif) 0 -30px no-repeat;
}

#navChannel #whyLive {
border-right: 2px solid #ffffff;
width: 186px;
height: 28px;
background: transparent url(../elements/eclinical-link_back.gif) 0 -60px no-repeat;
}



#navChannel #contactLink {
width: 180px;
height: 28px;
background: transparent url(../elements/contact-link_back.gif) 0 -30px no-repeat;
}

#navChannel #contactLink:hover {
background: transparent url(../elements/contact-link_back.gif) 0 0 no-repeat;
}

#navChannel #contactLive {
width: 180px;
height: 28px;
background: transparent url(../elements/contact-link_back.gif) 0 -60px no-repeat;
}


#navChannel #demoLink {
width: 134px;
height: 28px;
background: transparent url(../elements/demo-link_back.gif) 0 0 no-repeat;
}

#navChannel #demoLink:hover {
background: transparent url(../elements/demo-link_back.gif) 0 -30px no-repeat;
}

#navChannel #demoLive {
width: 134px;
height: 28px;
background: transparent url(../elements/demo-link_back.gif) 0 -60px no-repeat;
}



#navChannel #signupLink {
width: 180px;
height: 28px;
background: transparent url(../elements/signup-link_back.gif) 0 -30px no-repeat;
}

#navChannel #signupLink:hover {
background: transparent url(../elements/signup-link_back.gif) 0 0 no-repeat;
}

#navChannel #signupLive {
width: 180px;
height: 28px;
background: transparent url(../elements/signup-link_back.gif) 0 -60px no-repeat;
}


ul.pad {
padding: 10px 0 0 30px;
list-style-type: circle;
}

ul.pad li {
	padding-bottom: 5px;
	}
	
ol.pad {
padding: 10px 0 0 30px;
list-style-type: circle;
}

ol.pad li {
	padding-bottom: 5px;
	}	


/*--------------------------------------------------------------------------------------------- LINKS MAIN */

a:link {
	color: #095ba6; 
	text-decoration: none; 
	}
	
a:visited { 
	color: #3c8ec9;
	text-decoration: none; 
	}
	
a:hover { 
	color: #c33; 
	text-decoration: none; 
	}
	
a:active { 
	color: #3c8ec9;
	text-decoration: none; 
	}	

/*--------------------------------------------------------------------------------------------- LINKS SPECIFIC */


a.bodylink:link {
	color: #092aa6; 
	text-decoration: underline; 
	}
	
a.bodylink:visited { 
	color: #3c8ec9;
	text-decoration: none; 
	}
	
a.bodylink:hover { 
	color: #c33; 
	text-decoration: underline; 
	}
	
a.bodylink:active { 
	color: #3c8ec9;
	text-decoration: none; 
	}	





/* Back page Menu Styles ::::::::::::::::::::::::::: */

#flyOutList1 {
list-style-type: none;
position: absolute;
margin: 10px 0 0 195px;
border-left: 1px solid #ffffff;
display: none;
}

#flyOutList2 {
list-style-type: none;
position: absolute;
margin: 36px 0 0 195px;
border-left: 1px solid #ffffff;
display: none;
}

#flyOutList3 {
list-style-type: none;
position: absolute;
margin: 62px 0 0 195px;
border-left: 1px solid #ffffff;
display: none;
}

#flyOutList4 {
list-style-type: none;
position: absolute;
margin: 87px 0 0 195px;
border-left: 1px solid #ffffff;
display: none;
}

#flyOutList5 {
list-style-type: none;
position: absolute;
margin: 114px 0 0 195px;
border-left: 1px solid #ffffff;
display: none;
}

#flyOutList6 {
list-style-type: none;
position: absolute;
margin: 140px 0 0 195px;
border-left: 1px solid #ffffff;
display: none;
}

#flyOutList7 {
list-style-type: none;
position: absolute;
margin: 166px 0 0 195px;
border-left: 1px solid #ffffff;
display: none;
}

#flyOutList8 {
list-style-type: none;
position: absolute;
margin: 192px 0 0 195px;
border-left: 1px solid #ffffff;
display: none;
}

#flyOutList9 {
list-style-type: none;
position: absolute;
margin: 218px 0 0 195px;
border-left: 1px solid #ffffff;
display: none;
}

#flyOutList10 {
list-style-type: none;
position: absolute;
margin: 245px 0 0 195px;
border-left: 1px solid #ffffff;
display: none;
}

#flyOutList11 {
list-style-type: none;
position: absolute;
margin: 270px 0 0 195px;
border-left: 1px solid #ffffff;
display: none;
}

.FlyOutItem {
display: inline;
}

/* width was 140 */

.FlyOutItem a:link, .FlyOutItem a:active, .FlyOutItem a:visited {
display: block;
height: 25px;
width: 180px;
padding-left: 5px;
font: bold 85%/25px Verdana, Arial, Helvetica, Sans-serif;
background-color: #3c8ec9;
color: #fff;
text-decoration: none;
text-align: left;
border-bottom: 1px solid #fff;
}

.FlyOutItem a:hover {
background-color: #c33;
color: #ffffff;
border-bottom: 1px solid #fff;
}


/* HORZ NAV */

#subMenuChannel {
margin-top: 1px;
padding: 0;
/* padding: 0 72px; */
}

#subMenuChannel ul {
position: absolute;
z-index: 5;
/* width: 140px; */
display: none;
}

#subMenuChannel li {
display: inline;
}

#subMenuChannel a {
display: block;
/*width: 140px;*/ 
margin-top: 2px;
padding-top: 10px;
padding-bottom: 20px;
height: 30px;
/*line-height: 24px;*/
font: bold 100%/20px Verdana, Arial, Helvetica, Sans-serif;
text-align: center;
text-decoration: none;
color: #fff;
background-color: #1b3a5e;
border-bottom: 1px dotted #fff;
border-top: 1px dotted #fff;
}

#subMenuChannel a:hover {
text-decoration: none;
color: #4189dd;
background-color: #fff;
border-bottom: 1px dotted #1b3a5e;
border-top: 1px dotted #1b3a5e;
}

#subNew {
margin-left: 5px;
width: 170px;
}

/*------Patients = About----*/

#subAbout {
margin-left: 182px;
width: 155px;
}

/*staff*/

#subWhy {
margin-left: 338px;
width: 130px;
}

/*------Doctors = Extended----*/

#subExtended {
margin-left: 470px;
width: 205px;
}

/*------Hospitals = Demo----*/

#subDemo {
margin-left: 622px;
width: 160px;
}

/*#subSignup {
margin-left: 737px;
width: 220px;
}*/







/* Banner Head Styles ////////////////////////////////////////////////////////////// */


#bannerHead {
width: 956px;
height: 120px;
margin: 0 auto;
background-color: #ffffff;
text-align: left;
z-index: 30;
}

#easeMDLogo {
float: left;
width: 502px;
height: 50px;
margin: 30px 0 0 50px;
background: transparent url(../elements/easemd_logo.gif) no-repeat;
text-indent: -1200px;
overflow: hidden;
}

#phoneNumber {
float: right;
width: 163px;
height: 19px;
margin: 46px 70px 0 0;
background: transparent url(../elements/phone-number.gif) no-repeat;
text-indent: -1200px;
overflow: hidden;
}

#navDividerOne { border: 1px solid #ff0099;
position: absolute;
width: 2px;
height: 30px;
margin: 90px 0 0 285px;
background-color: #ffffff;
}

#navDividerTwo { border: 1px solid #ff9900;
position: absolute;
width: 2px;
height: 30px;
margin: 90px 0 0 473px;
background-color: #ffffff;
}

#navDividerThree { border: 1px solid #00ff99;
position: absolute;
width: 2px;
height: 30px;
background-color: #ffffff;
overflow: hidden;
}

#topNav {
list-style-type: none;
height: 30px;
margin-top: 9px;
background-color: #343434;
overflow: hidden;
}

#topNav li {
display: inline;
}

#topNav a {
display: block;
float: left;
margin: 1px 0;
height: 28px;
font: bold 105%/28px Verdana, Arial, Helvetica, Sans-serif;
color: #ffffff;
text-decoration: none;
}

#topNav a:hover {
text-decoration: underline;
}

#topNav a.EndLinks {
width: 180px;
text-align: center;
background-color: #4189DD;
}

#topNav #aboutLink {
width: 106px;
text-align: center;
background-color: #2A5A91;
border-right: 2px solid #ffffff;
}

#topNav #eclinicalLink {
width: 186px;
text-align: center;
background-color: #2A5A91;
border-right: 2px solid #ffffff;
}

#topNav #servicesLink {
width: 164px;
text-align: center;
background-color: #2A5A91;
border-right: 2px solid #ffffff;
}

#topNav #demoLink {
width: 134px;
text-align: center;
background-color: #2A5A91;
}


/* Left Column Styles ////////////////////////////////////////////////////////////// */


#curvedPanelTop {
float: left;
width: 186px;
height: 56px;
margin-top: 8px;
background: transparent url(../elements/curved-panel_top.jpg) no-repeat;
}

#curvedPanelMiddle {
float: left;
width: 186px;
background: transparent url(../elements/curved-panel_middle.jpg) repeat-y;
}

#curvedPanelBottom {
clear: left;
width: 186px;
height: 56px;
background: transparent url(../elements/curved-panel_bottom.jpg) no-repeat;
}

#innerColumnLeft {
float: left;
width: 186px;
margin-left: 49px;
text-align: right;
font-size: 110%;
}

#innerColumnLeft a {
font-size: 110%;
color: #376DA2;
text-decoration: none;
}

#innerColumnLeft a:hover {
text-decoration: underline;
}

#innerColumnLeft img {
border: none;
}

#innerColumnLeft span {
font-size: 90%;
font-style: italic;
}

