/*
 * IDA Singapore Webstie - home.css 
 */

/** ------ Container ------ **/
.container {
	padding-bottom: 60px;
}

/*
#home-content a:link { font-family: arial; font-size:9pt; color: #454545; text-decoration:underline; }
#home-content a:active { font-family: arial; font-size:9pt; color: #454545; text-decoration:underline; }
#home-content a:visited { font-family: arial; font-size:9pt; color: #454545; text-decoration:underline; }
#home-content a:hover { font-family: arial; font-size:9pt; color:#EF0084;text-decoration:none; }
*/

#home-content {
	width:998px;
	_width:1007px;
	margin:0;
}

#home-content #main-content {
	float: left;
	width: 700px;
	margin-top: 16px;
}

#home-content #main-content #heading {
	margin-left: 16px;
	width: 676px;
}

#home-content #main-content .header {
	font-size: 2.4em;
	color: #005696;
	float: left;
	margin-bottom: 4px;
	letter-spacing: 1px;
}


#home-content #main-content #content {
	width: 702px;
	padding-right: 16px;
}

#home-content #main-content #content #bannerArea {
	display: inline-block;
	width: 330px;
	clear: both;
	float: left;
	margin-left: 16px;
	_margin-left: 8px;
	_margin-right: 8px;
	margin-bottom: 10px;
}

#home-content #main-content #content #bannerArea #bannerContent{
	display: block;
	width: 306px;
	padding: 14px 10px 0 14px;
	background: #f8e9d6;
	font-size: 12px;
}

#home-content #main-content #content #bannerArea #bannerContent .bannerHeader{
	color: #2a2724;
}

#home-content #main-content #content #bannerArea #bannerContent .placeDate{
	display: block;
	padding: 10px 0 10px 0;
	color: #4e595d;
	font-style: italic;
}

#home-content #main-content #content #bannerArea #bannerContent .content{
	display: block;
	color: #808482;
	padding-bottom: 10px;
}

#home-content #main-content #content .contentBox {
	display: inline-block;
	width: 330px;
	float: left;
	margin-left: 16px;
	_margin-left: 8px;
	list-style: none;
}

#home-content #main-content #content #bannerArea #bannerContent a:hover{
	text-decoration: underline;
	/*color:#EF0084;*/
	color:#005696;
}

#home-content #main-content #content .contentBox a:hover{
	/*color:#EF0084;*/
	color:#005696;
	text-decoration: underline;
}


#home-content #main-content #content .contentBox .dotline {
	margin-top: 10px;
}

#home-content #main-content #content .contentBox .bannerHeader{
	color: #333;
}

#home-content #main-content #content .contentBox .placeDate{
	display: block;
	padding: 10px 0 10px 0;
	color: #a3a3a3;
	font-style: italic;
}

#home-content #main-content #content .contentBox .content{
	display: block;
	color: #666;
}

.clearContentLine {
	display: block;
	clear: both;
	list-style: none;
	width: 692px;
	padding-top: 10px;
	margin-left: 16px;
}

.clearContentLine li {
	float: left;
}

.clearContentLine .break {
	display: block;
	width: 16px;
}

.clearContentLine .line {
	width: 330px;
	float: left;
}

/** ------ At a Glance Section ------ **/
#ataGlance {
	width: 694px;
	height: 100%;
	float: left;
	background-color: #e6e6e6;
	margin-bottom: 40px;
	margin-top: 20px;
}

#ataGlance #header .title {
	display: block;
	font-size: 24px;
	float: left;
	color: #005696;
	margin: 10px 0 14px 16px;
	_margin: 10px 0 14px 8px;
}

#ataGlance #header .rss {
	margin-right: 10px;
	_margin-right: 0px;
}

#ataGlance #nav {
	display: block;
	clear: both;
	margin-left: 8px;
}

#ataGlance #nav li{
	display: block;
	float: left;
	list-style: none;
	width: 168px;
	height: 45px;
	background: url(../_images/homepage/at-a-glance-grey-btn-bg.jpg) no-repeat;
	
	color: #666;
	font-size: 14px;
}

#ataGlance #nav li span{
	display: block;
	height: 45px;
	width: 168px;
	_width: 158px
}

#ataGlance #nav li.opened {
	background: #FFF;
	color: #333;
	font-weight: bold;
}

#ataGlance #nav a{
	display: block;
	margin: 3px 0 0 6px;
}

#ataGlance #nav a:hover{
	/*color:#EF0084;*/
	color:#005696;
	text-decoration: underline;
}

#ataGlance #nav li.divider {
	width: 2px;
	background: url(../_images/homepage/at-a-glance-grey-btn-bg.jpg) no-repeat;
}

#ataGlance #nav .dotLines {
	display: block;
	width: 1px;
	height: 30px;
	margin: 8px 1px 5px 0;
	background: url(../_images/_common/grey-dot-vertical-line.png) repeat-y;
}

#ataGlance .contentBox {
	display: block;
	width: 678px;
	height: 100%;
	overflow: auto;
	background: #FFF;
	float: left;
	margin: 0 8px 10px 8px;
	_margin: 0 8px 10px 4px;
}

#ataGlance .contentBox .image {
	margin: 14px 10px 0 8px;
	float: left;
	padding-bottom: 8px;
}

#ataGlance .content {
	overflow: auto;
	height: 100%;
}

#ataGlance .content .title {
	display: block;
	color: #333;
	margin: 14px 0 20px 0;
}

#ataGlance .content .desc {
	display: block;
	color: #666;
	padding: 0 10px 10px 10px;
}

#ataGlance .content .desc img {
	vertical-align: middle;
}

#ataGlance .content a:hover,
#ataGlance .content .desc a {
	/*color:#EF0084;*/
	color:#005696;
	text-decoration: underline;
}

/** ------ Related Panel ------ **/
#related {
	width: 694px;
	vertical-align: middle;
}

#related #title {
	display: block;
	margin: 7px 0 10px 16px;
}

#related ul {
	display: block;
	list-style: none;
	vertical-align: middle;
}

#related li {
	vertical-align: middle;
}
#related li img{
	float: left;
	vertical-align: middle;
}

#related #logos {
	float: left;
	/*width: 540px;*/
	width: 510px;
	margin-left: 16px;
	padding-bottom: 30px;
	_margin-left: 8px;
}

#related #logos .logo {
	margin-right: 10px;
	margin-bottom: 5px;
}

.seperater {
	display: block;
	float: left;
	width: 8px;
	height: 100px;
	margin-left: 10px;
	margin-right: 20px;
	vertical-align: text-bottom;
	background: url(../_images/homepage/logo-devider-shadow.jpg) no-repeat center;
}


/** ------ Right Panel ------ **/
#home-content #right-panel {
	float: right;
	width: 280px;
	margin-top: 16px;
	margin-bottom: 10px;
}

#home-content #right-panel a:hover {
	/*color:#EF0084;*/
	color:#005696;
	text-decoration: underline;
}

#home-content #right-panel .header,
#home-content #right-panel #quick-links .links-header {
	display: block;
	font-size: 18px;
	color: #005696;
}

#home-content #right-panel #quick-links .dotline {
	margin-top: -3px;
}

#home-content #right-panel .header {
	margin: 20px 0 10px 0;
}

#home-content #right-panel .panelheader {
	display: block;
	width: 280px;
	height: 29px;
	color: #666;
	background: url(../_images/_common/close-bar-280x29.jpg);
}

#home-content #right-panel .panelheaderOpen {
	display: block;
	width: 280px;
	height: 29px;
	color: #666;
	background: url(../_images/_common/open-bar-280x29-1.jpg);
}

#home-content #right-panel .panelheaderOpen .title, 
#home-content #right-panel .panelheader .title {
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 7px 0 0 13px;
}

#home-content #right-panel a:hover {
	text-decoration: underline;
	/*color:#EF0084;*/
	color:#005696;
}

#home-content #right-panel .panelheaderOpen .boxopen,
#home-content #right-panel .panelheader .boxopen {
	background: url(../_images/_common/open-arrow-icon-9x29.png) no-repeat left center;
	margin-left: 5px;
}

#home-content #right-panel .panelheaderOpen .boxclosed,
#home-content #right-panel .panelheader .boxclosed {
	background: url(../_images/_common/close-arrow-icon-9x29.png) no-repeat left center;
	margin-left: 5px;
}

#home-content #right-panel #quick-links {
	display: block;
	position: relative;
	width: 280px;
	background: #e6e6e6;
}

#home-content #right-panel #quick-links .links-header {
	padding: 10px 0 8px 10px;
}

#home-content #right-panel #quick-links .links {
	display: block;
	list-style: square;
	padding-bottom: 10px;
	overflow: auto;
	height: 100%;
}

#home-content #right-panel .panelBox li,
#home-content #right-panel #quick-links li {
	display: block;
	width: 115px;
	float: left;
	padding-left: 10px;
	margin-left: 10px;
	_margin-left: 7px;
	background: url(../_images/_common/dot-square.jpg) no-repeat left 6px;
	color: #666;
}


#home-content #right-panel #quick-links .dotline {
	display: block;
	margin-left: 10px;
	width: 260px;
}


#home-content #right-panel #findout-links {
	display: block;
	clear: both;
	width: 280px;
	margin-bottom: 20px;
	border: 1px #CCC solid;
}

#home-content #right-panel #findout-links .hidePanel {
	display: none;
}

#home-content #right-panel #findoutBox,
#home-content #right-panel .panelBox{
	display: block;
	/*margin-bottom: 10px;*/
}

#home-content #right-panel #findoutBox a {
	cursor: pointer;
	font-weight: bold;
	font-size: 12px;
	color: #666;
}

#home-content #right-panel #findoutBox a:hover {
	/*color:#EF0084;*/
	color:#005696;
	text-decoration: underline;
}

#home-content #right-panel .image-links {
	display: block;
	clear: both;
	width: 120px;
	margin-left: 7px;
	margin-top: 8px;
}

#home-content #right-panel .image-links li {
	display: block;
	width: 267px;
	height: 39px;
	position: relative;
	list-style: none;
	padding-top: 10px;
}

#home-content #right-panel .image-links span {
	margin: 2px 0 0 60px;
	width: 200px;
	position: absolute;
}

#home-content #right-panel .panelBox .links {
	display: block;
	list-style: square;
	vertical-align: top;
	padding: 8px 0 0 5px;
	overflow: auto;
	height: 100%;
	margin-bottom: 10px;
}

/** ------ Banner Panel ------ **/
#home-content #right-panel .bannerBox {
	display: block;
	width: 280px;
	/*height: 205px;*/
	overflow: auto;
	height: 100%;
	background-color: #666;
}

#home-content #right-panel .bannerBox .rss {
	margin-right: 10px;
}

#home-content #right-panel .bannerBox #emptyLink {
	display: block;
	height: 40px;
}

#home-content #right-panel .bannerBox .content {
	display: block;
	clear: both;
	margin: 0 15px 0 15px;
	_margin: 0 10px 0 10px;
	padding-top: 20px;
}

#home-content #right-panel .bannerBox .content a:hover {
	text-decoration: underline;
	/*color:#EF0084;*/
	color:#005696;
}

#home-content #right-panel .bannerBox .content .list {
	font-size: 11px;
	list-style: none;
	color: #FFFFFF;
	margin: 0 15px 0 0;
	padding: 0;
}

#home-content #right-panel .bannerBox .content li {
	line-height: 12px;
	_line-height: 10px;
	padding-left: 10px;
	margin-left: 10px;
	_margin-left: 5px;
	background: url(../_images/_common/main-nag-white-square.jpg) no-repeat 0 5px;
}

#home-content #right-panel .bannerBox .content a {
	display: block; 
	font-size: 11px;
	color: #FFF;
	padding-bottom: 5px;
	_padding-bottom: 0;
}

#home-content #right-panel .bannerBox .content .viewMore {
	display: block;
	font-size: 11px;
	color: #FFF;
	margin: 0 0 10px 15px;
}

#home-content #right-panel .bannerBox .whiteline {
	display: block;
	height: 5px;
	margin-bottom: 2px;
	background: url(../_images/_common/white-dot-horizontal-line.png) repeat-x;
}


/** ------ Subscribe Newsletter Panel ------ **/
#home-content #right-panel #subscribeheader {
	display: block;
	_margin-top: -4px;
	width: 280px;
	height: 29px;
	background: url(../_images/homepage/sub-enewsletter-grey-bg.jpg);
}

#home-content #right-panel #subscribeheader .title {
	display: block;
	font-size: 12px;
	color: #333;
	font-weight: bold;
	padding: 7px 0 0 13px;
	_padding: 4px 0 0 13px;
}

#home-content #right-panel #subscribeheader span {
	display: block;
	height: 20px;
}

#home-content #right-panel #subscribeheader img{
	vertical-align: text-bottom;
}

#home-content #right-panel #subscribeheader a:hover {
	text-decoration: underline;
	/*color:#EF0084;*/
	color:#005696;
}

/** ------ Snapshots Panel ------ **/
#home-content #right-panel #snapshots {
	margin-top: 20px;
	position: relative;
}

#home-content #right-panel #snapshots .dotline {
	height: 1px;
	_margin-bottom: -11px;
}

#home-content #right-panel #snapshots .title {
	display: block;
	font-size: 18px;
	color: #005696;
	margin-bottom: 5px;
}
#home-content #right-panel #snapshots .nav li {
	display: block;
	float: left;
	width: 60px;
	height: 28px;
}

#home-content #right-panel #snapshots .nav li a {
	display: block;
	margin: 8px 0 0 10px;
	font-size: 12px;
	font-weight: bold;
}

#home-content #right-panel #snapshots #snapshotPanel1,
#home-content #right-panel #snapshots #snapshotPanel2 {
	width: 280px;
	height: 206px;
	background: url(../_images/homepage/loading.jpg) no-repeat;
}	

#home-content #right-panel #snapshots .nav li.selected {
	color: #666;
	background: url(../_images/homepage/snapshots-grey-btn-bg.jpg) no-repeat;
}

#home-content #right-panel #snapshots .nav li.selected a{
	color: #666;
}

#home-content #right-panel #snapshots .content {
	display: block;
	clear: both;
	_margin-top: 11px;
}

#home-content #right-panel #snapshots #snapshotsContent{
	/*background-color: #FFF;*/
	background: url(../_images/homepage/snapshop-bg.jpg);
	padding: 0 0 10px 0;
}

#home-content #right-panel #snapshots #snapshotsContent ul{
	padding-top: 20px;
	margin: 0 10px 0 35px;
	color: #666;
}

#home-content #right-panel #snapshots #snapshotsContent li{
	padding-bottom: 5px;
}

#home-content #right-panel #snapshots #snapshotsContent a {
	font-size: 12px;
	font-weight: normal;
}

#home-content #right-panel #snapshots #snapshotsContent a.selected {
	font-weight: bold;
}

#home-content #right-panel #snapshots #snapshotsContent #viewMore {
	display: block;
	color: #666;
	padding-top: 15px;
	margin-left: 34px;
}

#home-content #right-panel #snapshots #snapshotsContent #viewMore img {
	vertical-align: middle;
	padding-bottom: 2px;
}

#home-content #right-panel #snapshots .desc {
	display: block;
	clear: both;
	width: 280px;
	min-height: 66px;
	color: #333;
}

#home-content #right-panel #snapshots .desc .content{
	padding: 14px 15px 10px 15px;
	_padding: 7px 15px 10px 15px;
}

#home-content #right-panel #snapshots .desc a{
	color: #666;
}

#home-content #right-panel #snapshots .nav li.selected a:hover,
#home-content #right-panel #snapshots a:hover {
	text-decoration: underline;
	/*color:#EF0084;*/
	color:#005696;
}

#home-content #right-panel #snapshots .desc .datetime {
	color: #777;
	font-style: italic;
	font-size: 10px;
}