﻿/*-------------------------------------------

              Title :  eCardio
              Usage :  News
              Author:  Ian Yang (www.xbitech.com)
              Update:  2009-02-20

---------------------------------------------*/


/*====================TOC====================

           1. Media Contacts
           2. Newsletter
           3. News & Events
 
=============================================*/
	
/* 1. Media Contacts
---------------------------------------------*/
#media {
	float: left;
	margin-right: 23px;
	padding: 18px 19px 17px;
	width: 235px;
	border: 1px solid #CCC;
	background: #F2F2F2;
	}

#media > h4 {
	margin-bottom: 8px;
	color: #E36F1E;
	font: bold 0.75em Verdana, sans-serif;
	text-shadow: #F2F2F2 0 1px 1px;
	}

#media ul li {
	position: relative;
	margin-bottom: 19px;
	}

#media ul li h5 {
	margin-bottom: 2px;
	font: bold 0.7em Verdana, sans-serif;
	text-shadow: #F2F2F2 0 1px 1px;
	}

#media ul li a {
	position: relative;
	top: -2px;
	color: black;
	font: 0.7em/1.45em Verdana, sans-serif;
	}

#media ul li span {
	display: block;
	margin-top: -1px;
	font: 0.7em/1.45em Verdana, sans-serif;
	}


#media .submenu {
	padding-bottom: 10px;
	}

#media .submenu li {
	position: relative;
	margin: 0 0 0 6px;
	padding-left: 10px;
	font: 1em/1.45em Verdana, sans-serif;
	background: url(../images/bullet_bg_1.gif) no-repeat 1px 10px;
	}

#media .submenu li a {
	position: relative;
	top: -2px;
	color: black;
	font: 0.7em/1.45em Verdana, sans-serif;
	}
	
#media hr
{
	height:1px;
	background-color:#CCC;
	color:#CCC;
	margin-bottom: 10px;
}


/* 2. Newsletter
---------------------------------------------*/
#newsletter {
	position: relative;
	padding-top: 20px;
	border-top: 1px solid #CCC;
	
	}

#newsletter h4 {
	margin-bottom: 13px;
	font: bold 0.7em Verdana, sans-serif;
	text-shadow: #F2F2F2 0 1px 1px;
	}

#newsletter #form div label {
	display: block;
	margin-bottom: 3px;
	font: 0.7em Verdana, sans-serif;
	}

#newsletter #form div #nl-email {
	padding: 2px 2px 0;
	width: 166px;
	height: 16px;
	border: 1px solid;
	font: 0.7em Verdana, sans-serif;
	border-color: #666 #CCC #CCC #666;
	}

#newsletter #form div #ctl00_ContentPlaceHolder1_btnSubmit {
	position: relative;
	float: left;
	margin: 9px 2px 0 90px;
	width: 81px;
	height: 22px;
	font: 0.7em Tahoma, sans-serif;
	cursor: pointer;
	}
	
#newsletter > ul > li {
	
	padding-left: 10px;
	background: url(../images/bullet_bg_1.gif) no-repeat 1px 3px;
	}

html:not([xmlns*=""]) #newsletter #form div #ctl00_ContentPlaceHolder1_btnSubmit {   /* for Firefox */
	padding: 1px;
	width: 84px;
	height: auto;
	}
	
#newsletter hr
{
	height:1px;
	background-color:#CCC;
	color:#CCC;
	margin-bottom: 10px;
}

/* 2. Follow Us
---------------------------------------------*/

#followUs {
	position: relative;	
	border-top: 1px solid #CCC;
	}
	
#followUs h4 {
	margin-bottom: 13px;
	margin-top: 15px;
	font: bold 0.7em Verdana, sans-serif;
	text-shadow: #F2F2F2 0 1px 1px;
	color: #E36F1E;
	}

#followUs #form div label {
	display: block;
	margin-bottom: 3px;
	font: 0.7em Verdana, sans-serif;
	}
	
#followUs > ul > li
{
    margin-bottom: 9px;
	padding-left: 10px;
	}
	
#followUs hr
{
    height:1px;	
	margin-bottom: 10px;
}



/* 3. News & Events
---------------------------------------------*/
#ne #text {
	margin: 0 8px;
	width: 640px;
	}

#ne #text h3 {
	clear: both;
	color: #E36F1E;
	}

#ne #text ul {
	float: left;
	margin: -4px 0 12px;
	padding-bottom: 17px;
	/*border-bottom: 1px solid #CCC;*/
	}

* + html #ne #text ul {
	margin-bottom: -5px;
	}

#ne #text ul li {
	float: left;
	padding: 0;
	width: 230px;
	background: none;
	}

* + html #ne #text ul li h4 {
	font-size: 1em;
	}

#ne #text ul li span {
	display: block;
	}

#ne #text ul li span:first-child {
	font-weight: bold;
	text-shadow: white 0 1px 1px;
	}

#ne #text table {
	margin: 4px 0 27px;
	border-collapse: collapse;
	font: 0.7em/1.45em Verdana, sans-serif;
	}
	
#ne #text table a {
	font-size: 1em;
	}	

#ne #text table tr td {
	text-align: left;
	text-shadow: white 0 1px 1px;
	}


#ne #text table tr td {
	padding: 6px 0 7px;
	border-top: 1px solid #CCC;
	}

#ne #text table tr:first-child + tr td {
	}

* + html #ne #text #acrobat {
	float: left;
	margin-bottom: -22px;
	}

#ne #text #acrobat a {
	position: relative;
	float: left;
	display: block;
	margin-left: -4px;
	width: 94px;
	height: 37px;
	overflow: hidden;
	text-indent: -500em;
	background: url(../images/button_bg.png) no-repeat 0 -26px;
	}

#ne #text #acrobat span {
	float: left;
	margin: 2px 0 0 15px;
	width: 136px;
	font: 0.7em/1.35em Verdana, sans-serif;
	}
	
	
#ne #text #ctl00_ContentPlaceHolder1_btnAddNewJob {
	color: #E36F1E;
	font: 0.95em Verdana, sans-serif;
	font-weight:bold;
	float:right;
	position:relative;
	font: bold 0.95em Verdana, sans-serif;
	margin-top:52px;
	}


	
	
/* 3. Articles
---------------------------------------------*/
#article #text {
	margin: 0 8px;
	width: 640px;
	
	}
	
#article #text strong
{
	font-weight:bold;
}

#article #text em
{
	font-style:italic;
}
	
#article #text p
{
	margin-bottom:17px;
}

#article #text ul
{
	padding-left: 20px;
	margin-bottom:17px;
}
