html {
   background-color:#101010;
}
body  {
   margin:auto;
   background:url(http://static.mediaecho.com.sg/graphics/mainbg.jpg) fixed;
}
a {
	text-decoration:none;
	color:#FFF;
}
a:hover {color: #fc6}
#hr {
	background:url(http://static.mediaecho.com.sg/graphics/100p.png) repeat-x;
	height:1px;
	width:100%;
	margin:auto;
}
#banner {
	background:url(http://static.mediaecho.com.sg/graphics/topgloss.png) repeat-x;
	position:relative;
	margin:auto;
	height:122px;
	z-index:6;
}
#toplinkwrapper {
	position:relative;
	margin:auto;
	height:122px;
	width:1000px;
	z-index:6;
}
#mediaechologo  {
   background:url(http://static.mediaecho.com.sg/graphics/mediaechologoGCE.png) no-repeat;
   visibility:visible;
   position:absolute;
   left:51px;
   top:13px;
   z-index:10;
   width:439px;
   height:87px;
}

#tab {
	position:relative;
	margin-right:25px;
	float:left;
	display:block;
	width:76px;
	height:57px;
}
#tab:hover {
	position:relative;
	margin-right:25px;
	float:left;
	display:block;
	width:76px;
	height:57px;
}
#tab span {display:none;}
#tab:hover span {
	font:12px Tahoma;
	position:relative;
	margin:auto;
	display:block;
	width:50px;
	top:-25px;
	text-align:center;
	color:#FFF;
	padding:1px;	
}
.btnhome {background:url(http://static.mediaecho.com.sg/graphics/btnhome.png) no-repeat;}
.btnhome:hover {background:url(http://static.mediaecho.com.sg/graphics/btnhomeover.png) no-repeat;}
.btnnetwork {background:url(http://static.mediaecho.com.sg/graphics/btnnetwork.png) no-repeat;}
.btnnetwork:hover {background:url(http://static.mediaecho.com.sg/graphics/btnnetworkover.png) no-repeat;}
.btnexperience {background:url(http://static.mediaecho.com.sg/graphics/btnexperience.png) no-repeat;}
.btnexperience:hover {background:url(http://static.mediaecho.com.sg/graphics/btnexperienceover.png) no-repeat;}
.btnlearn {background:url(http://static.mediaecho.com.sg/graphics/btnlearn.png) no-repeat;margin:auto;}
.btnlearn:hover {background:url(http://static.mediaecho.com.sg/graphics/btnlearnover.png) no-repeat;margin:auto;}
#tabbar  {
	position:absolute;
	left:475px;
	top:52px;
	z-index:5;
	width:406px;
	height:59px;
}
#sausage  {
	background:url(http://static.mediaecho.com.sg/graphics/sausage.png) no-repeat;
	position:absolute;
	left:275px;
	top:101px;
	z-index:6;
	width:697px;
	height:41px;
	font:18px Tahoma;
	padding:8px 0;
	color:#FFF;
	text-align:center;
}
#sausagetest  {
	//background:url(http://static.mediaecho.com.sg/graphics/sausage1.png) no-repeat;
	position:absolute;
	left:0px;
	top:101px;
	z-index:6;
	width:697px;
	height:41px;
	padding:8px 0;
	color:#FFF;
	text-align:center;
}
#midseg  {
	background:url(http://static.mediaecho.com.sg/graphics/50p.png) repeat;
	position:relative;
	margin:auto;
	z-index:1;
}
#lowseg {
	background:url(http://static.mediaecho.com.sg/graphics/90p.png) repeat;
	position:relative;
	margin:auto;
	z-index:1;
	width:1000px;
}
#footerbg {
	background-color:#101010;
	font:12px Tahoma;
	color:#FFF;
	position:relative;
	margin:auto;
	padding-top:5px;
	z-index:5;
}
#footerbgnew {
	background-color:#101010;
	font:12px Tahoma;
	color:#FFF;
	position:relative;
	margin:auto;
	padding-top:10px;
	z-index:5;
	height:250px;
	align: center; 
}
#footerbg p {
	position:relative;
	margin:0px auto 20px auto;
}
#footerbg span {padding-right:20px;}
#idxbg {
	position:relative;
	margin:auto;
	height:429px;
	width:1000px;
}
#idxcol {
	position:relative;
	margin:auto;
	z-index:5;
	width:920px;
	height:410px;
}
#idxcol .net {
	background:url(http://static.mediaecho.com.sg/graphics/hdrnetwork.png) no-repeat;
	position:relative;
	float:left;
	margin:80px 30px;
	width:235px;
	height:66px;
}
#idxcol .exp {
	background:url(http://static.mediaecho.com.sg/graphics/hdrexperience.png) no-repeat;
	position:relative;
	float:left;
	margin:80px 30px;
	width:287px;
	height:66px;
}
#idxcol .lrn{
	background:url(http://static.mediaecho.com.sg/graphics/hdrlearn.png) no-repeat;
	position:relative;
	float:left;
	margin:80px 30px;
	width:208px;
	height:66px;
}
#idxcol .idxhdr {
	font:30px Tahoma;
	font-weight:bold;
	letter-spacing:3px;
	margin:auto;
	color:#FFF;
	text-align:center;
	//margin-top:10px;
	//line-height:15px;
}
#idxcol .idxcolhdr {
	font:11px Tahoma;
	margin:10px 0 0 12px;
	text-align:center;
}
#idxcol .idxhdrtxt {
	color:#FFF;
	margin-top:20px;
	letter-spacing:3px;
	font:12px Arial;
	text-align:left;
}
#pressbg {
  background:url(http://static.mediaecho.com.sg/graphics/newsbanner.jpg) no-repeat;
  margin:auto;
  width:1000px;
  height:300px;
}
#corpbg {
	background:url(http://static.mediaecho.com.sg/graphics/corporatefreetrial.jpg) no-repeat;
	position:relative;
	margin:auto;
	height:300px;
	width:1000px;
}
#corpbtn{
	background:url(http://static.mediaecho.com.sg/graphics/corpsignupbtn.png) no-repeat;
	float:left;
	margin: 155px 0 0 155px;
	width:152px;
	height:58px;
	display:block;
}
#corptxt{
	color:#FFF;
	font:16px Tahoma;
	position:relative;
	float:right;
	margin: 270px 35px 0 0;
	width:300px;
	text-align:right;
}
#corpcontent {
	position:relative;
	margin-left:210px;
	min-height:300px;
	right:0px;
	color:#FFF;
}
#corpvertline {
	position:absolute;
	left:0px;
	background:url(http://static.mediaecho.com.sg/graphics/100p.png) repeat;
	width:1px;
	height:100%;
}
#corpmenuleft{
	float:left;
	width:210px;
	color:#FFF;
	font:12px Tahoma;
}
#corpmenuleft h1 {
	font:24px Tahoma;
	margin:40px 0 15px 28px;
}
#corpmenuleft ul {list-style-type: none;}
#corpmenuleft ul li {
	margin:8px 0 8px 22px;
	//margin-left:0px;
	font-size:14px;
}
#corpmenuleft ul li ul li {font-size:12px;//margin-left:20px;}
#corpcontentmvg {text-align:center;}
#corpcontentmvg h1 {padding:35px 0;}
#corpcontentmvg p {margin-bottom:30px;}
#corpcontentadv {
	padding:35px 90px 30px 40px;
	font:14px Tahoma;
}
#corpcontentadv h1 {
	font:30px Tahoma;
	margin-bottom:10px;
}
#corpcontentadv h2 {font:20px Tahoma;}
#corpcontentadv p {margin:0 100px 20px 0;}
#corpcontentadv hr {
	background:url(http://static.mediaecho.com.sg/graphics/100p.png) repeat-x;
	height:1px;
	border:none;
	margin-bottom:20px;
}
#corpcontentadv .fp {font:10px Tahoma;}
#corpcontentadv table {
	margin-bottom:15px;
	font-weight:bold;
}
#corpcontentadv ol {
	font:10px Tahoma;
	margin:0 100px 0 20px;
}
#corpcontentadv ol li {padding:2px 0;}
#corpcontentmember {
	padding:25px 90px 40px 40px;
	font:14px Tahoma;
}
#corpcontentmember p {margin-bottom:20px;}
#corpcontentmember ul li {
	margin:10px 0 10px 20px;
	font-weight:bold;
}
#corpcontentmember ul li ul li{
	list-style:none;
	margin-top:0px;
	font-weight:normal;
}
#corpcontentmember h1 {
	font:30px Tahoma;
	margin:10px 0;
}
#corpcontentmember .card {
	position:absolute;
	right:15px;
	top:30px;
	background:url(http://static.mediaecho.com.sg/graphics/corpcards.png) no-repeat;
	width:264px;
	height:297px;
}
#corpcontentnel {
	padding:35px 90px 40px 40px;
	font:14px Tahoma;
}
#corpcontentnel hr {
	background:url(http://static.mediaecho.com.sg/graphics/100p.png) repeat-x;
	height:1px;
	border:none;
	margin-bottom:15px;
}
#corpcontentnel h1 {
	font:30px Tahoma;
	margin-bottom:10px;
}
#corpcontentnel h2 {font:25px Tahoma;}
#corpcontentnel p {margin:0 390px 20px 0;}
#corpcontentnel .intro {margin:0 250px 20px 0;}
#corpcontentnel img {
	float:right;
	padding-top:7%;
}
#corphomebgtop {
  background:url(http://static.mediaecho.com.sg/graphics/corpPgTop.gif) no-repeat;
  background-position:bottom;
  width:803px;
  height:18px;
  margin:0 8% 0 auto;
  padding-top:50px;
}
#corphomebgmid {
  width:960px;
  height:1130px;
  margin:0 8% 0 auto;
  font: 12px Tahoma;
  color:#FFF;
}
#corphomebgcontent {
  padding:10px 0 0 30px;
}
#corphomehdr {
  background:url(http://static.mediaecho.com.sg/graphics/corpHomeHdrtest.gif) no-repeat;
  display:block;
  width:907x;
  height:31px;
  margin:20px 0 0 20px;
  font: bold 24px Tahoma;
  color:#FFF;
  padding-left:22px;
}
.feedbox {
  background:#222;
  margin:10px 0px 10px 20px;
  position:relative;
  float:left;
}
.feedbox h3 {padding:10px 0 0 10px;}
.feedbox img {border:none;}
#corphomeprofile {
  font: 12px Tahoma;
  width:325px;
  height:200px;
}
#corphomeprofile th {
  text-align:left;
  vertical-align:top;
}
#corphomeevent {
  width:320px;
  height:200px;
}
#corphomeevent ul {padding:10px 0 0 10px;}
#corphomeevent li {
  padding:5px 5px;
  list-style-type:none;
}
#corphomefb1 {
  width:577px;
  height:200px;
}
#corphomefb1 span {
  float:left;
  margin:15px 0 0 35px;
  display:block;
  width:100px;
  text-align:center;
}

#corphomefb2 {
  width:577px;
  height:230px;
}
#corphomefb3 {
  float:right;
  width:557px;
  height:400px;
  overflow:auto;
}

#corppanels {
  color:#FFF;
  font:12px Tahoma;
  position:absolute;
  top:100px;
  margin-left:-260px;
  width:180px;
  height:950px;
  background:#222;
  border:#666 1px solid;
}
#corppanels h3 {margin:10px 0 0 10px;}
#jobpost {
	padding:25px 90px 40px 50px;
	font:14px Tahoma;
}
#jobpost h1 {
	font:30px Tahoma;
	margin-bottom:10px;
}
#jobpostform {text-align:center;}
#jobpostform h1 {
	font:18px Tahoma;
	padding:20px 0;
	//padding:15px 0;
}
#jobpostform table {
	position:relative;
	margin:auto;
	margin-top:15px;
}
#comingsoon {
	font:bold 16px Tahoma;
	color:#FFF;
	text-align:center;
	position:relative;
	margin-top:40px;
}
#contactusform {
	position:relative;
	margin:auto;
	padding:20px 0 20px 40px;
	width:480px;
	font:14px Tahoma;
	color:#FFF;
}

#contactusform p {
	position:relative;
	margin:auto;
	padding:20px 0 0 20px;
}

#trialsignupform {
	position:relative;
	margin:auto;
	padding:20px 0 20px 40px;
	width:650px;
	font:14px Tahoma;
	color:#FFF;
}

#registerform {
	position:relative;
	margin:auto;
	font:14px Tahoma;
	color:#FFF;
}
#resumebg {
	background:url(http://static.mediaecho.com.sg/graphics/resumehead.jpg) no-repeat;
	position:relative;
	margin:auto;
	height:302px;
	width:1000px;
}
#resumecontent {
	position:relative;
	margin:auto;
	width:1000px;
	height:460px;
	z-index:5;
}
#resumecontent .tab {
	position:relative;
	background:url(http://static.mediaecho.com.sg/graphics/resumecat.png) no-repeat;
	float:left;
	margin:30px 0 5px 23px;
	width:466px;
	height:179px;
	z-index:5;
}
#resumecontent .thumb {
	position:relative;
	margin: 32px 0 0 24px;
	float:left;
}
#resumecontent .txt {
	position:relative;
	float:left;
	margin:28px 0 0 20px;
	//margin-top:26px;
}
#resumecontent .btnedit {
	background:url(http://static.mediaecho.com.sg/graphics/resumeusebtn.png) no-repeat;
	position:relative;
	margin:130px 0 0 360px;
	//margin-top:30px;
	display:block;
	width:83px;
	height:31px;
}
#resumecontent .hdr {
	color:#FFF;
	font:20px Tahoma;
	font-weight:bold;
	text-align:left;
}
#resumecontent .des {
	color:#FFF;
	font:12px Tahoma;
	text-align:left;
}
#jobsbg {
	background:url(http://static.mediaecho.com.sg/graphics/jobsearchhdr.png) no-repeat;
	position:relative;
	margin:auto;
	height:302px;
	width:1000px;
}
#jobtopslant {
	position:relative;
	float:left;
	margin:30px 0 0 300px;
}
#jobbtmslant {
	position:relative;
	float:left;
	margin:48px 0 0 140px;
}
#jobtxt{
	color:#FFF;
	font:12px Tahoma;
	line-height:20px;
	position:relative;
	float:left;
	margin-right:50px;
	width:280px;
	text-align:left;
}
#jobtxt p{
	position:relative;
	float:left;
	margin:5px 50px 0 0 ;
}
#jobtxt .jobhdr{
	font:16px Tahoma;
	font-weight:bold;
}
#dblowleft {
	position:relative;
	margin:0 0 20px 20px;
	padding-top:50px;
	width:70%;
}
#dblowright {
	position:absolute;
	margin-left:10px;
	top:50px;
	//top:55px;
	right:-5px;
	width:30%;
}
#dblisthdr {
	color:#FFF;
	font:14px Tahoma;
	font-weight:bold;
	position:relative;
	margin:auto;
	padding-top:35px;
	width:95%;
}
#dblisthdr td{text-align:center;}
#dblisttopcap {
	position:relative;
	margin:auto;
	height:15px;
	width:690px;
}
.topcapresume {background:url(http://static.mediaecho.com.sg/graphics/resumelisttop.png) no-repeat;}
.topcapjobs {background:url(http://static.mediaecho.com.sg/graphics/joblisttop.png) no-repeat;}
.topcapcontacts {background:url(http://static.mediaecho.com.sg/graphics/contactlisttop.png) no-repeat;}
#dblist {
	position:relative;
	margin:0 0 -20px 5px;
	padding:10px 0 20px 0;
	width:690px;
	min-height:600px;
	color:#FFF;
	font:12px Tahoma;
	text-align:center;
}
.midresume {background:url(http://static.mediaecho.com.sg/graphics/resumelistmid.png) repeat-y;}
.midjobs {background:url() repeat-y;}
.midcontacts {background:url() repeat-y;}
#dblist hr {
	color:#666;
	background-color:#666;
	width:98%;
	position:relative;
	margin:auto;
	height:1px;
	border:none;
}
#dblist table {
	position:relative;
	margin:auto;
}
#dblist span {
	font-weight:bold;
	position: relative;
}
#dblist b {font-size:14px;}
#dblist .spanl {left:50px; position: absolute;}
#dblist .spanr {right:50px; position: absolute;}
#dblist .date {width:10%;}
#dblist .des {width:40%;}
#dblist .coy {width:20%;}
#dblist .exp {width:15%;}
#dblist .sal {width:15%;}
#dblist .img {width:15%;}
#dblist .friend {width:60%;text-align:left;}
#dblist .actn {width:25%;font-weight:bold;}
#dbsearch {
	position:relative;
	margin-left:35px;
	//margin-top:-5px;
}
#dbsearchbtngo {
	float:left;
	margin-left:10px;
	margin-top:2px;
	height:44px;
	width:44px;
}
.btngojobs {background:url(http://static.mediaecho.com.sg/graphics/jobsearchgo.png) no-repeat;}
.btngocontacts {background:url(http://static.mediaecho.com.sg/graphics/contactsearchgo.png) no-repeat;}
.btngosay {background:url(http://static.mediaecho.com.sg/graphics/saysearchgo.png) no-repeat;}
.btngobg {background:url(http://static.mediaecho.com.sg/graphics/bgsearchgo.png) no-repeat;}
#dbsearchtxtbox {
	margin-right:0px;
	float:left;
	margin-top:10px;
	height:38px;
	width:140px;
}
.txtboxjobs {background:url() no-repeat;}
.txtboxcontacts {background:url() no-repeat;}
.txtboxbg {background:url() no-repeat;}
#dbsearch input {
	font:bold 14px Tahoma;
	color:#999;
	width:140px;
	margin:5px 0 0 0px;
	//margin-left:-22px;
	text-align:center;
}
#dbtools {
	color:#FFF;
	font:12px Tahoma;
	position:relative;
	margin:auto;
	margin-top:60px;
	padding-top:15px;
	//padding-top:30px;
	height:288px;
	width:225px;
	z-index:1;
}
#dbtools table {
	margin-left:30px;
	//margin-left:0px;
}
#dbtools td {
	padding:5px 0;
	//padding:0px;s
}
.toolsjobs {background:none; border:1px #FFF solid; no-repeat;}
.toolscontacts {background:none; border:1px #FFF solid; no-repeat;}
#dbtools a {text-decoration:underline;}
#dbtools p, #dbtools_search {
	line-height:25px;
	position:relative;
	margin:5px 0 0 30px;
	//margin-top:5px;
}
#dbtools span{
	position:relative;
//	margin:auto;
//	margin-right:40px;
	float:left;
}
#dbtools hr {
	color:#666;
	background-color:#666;
	width:75%;
	position:relative;
	margin:auto;
	margin-top:12px;
	height:1px;
	border:none;
}
#dbtools .btnrss {
	background:url(http://static.mediaecho.com.sg/graphics/rss.png) no-repeat;
	background-position:right;
	width:38px;
	height:22px;
	padding:0 50px 8px 0;
}
#nelleftwrap {
	position:relative;
	margin-left:0px;
	width:70%;
	min-height:480px;
}
#neltab {
	position:relative;
	background:url(http://static.mediaecho.com.sg/graphics/nelcatbox.png) no-repeat;
	float:left;
	margin:35px 0 5px 35px;
	width:315px;
	height:100px;
	z-index:5;
	color:#FFF;
	font:12px Tahoma;
	text-align:left;
}
#nelpic {
	position:relative;
	margin: 10px 0 0 14px;
	float:left;
	height:82px;
	width:82px;
}
#nelpic span {
	display:block;
	height:82px;
}
#neltxt {
	position:relative;
	float:left;
	margin:20px 0 0 22px;
	line-height:18px;
}
#neltxt .hdr {
	font-size:20px;
	font-weight:bold;
}
#nelrightwrap {
	position:absolute;
	margin:auto;
	top:50px;
	right:0px;
	height:400px;
	width:275px;
}
#nelrightwrap p {
	margin:15px 0 0 28px;
	height:187px;
	width:210px;
}
#nelrightwrap .net {background:url(http://static.mediaecho.com.sg/graphics/sniporange.png) no-repeat;}
#nelrightwrap .exp {background:url(http://static.mediaecho.com.sg/graphics/snippurple.png) no-repeat;}
#nelrightwrap .lrn {background:url(http://static.mediaecho.com.sg/graphics/snipblue.png) no-repeat;}
.btnneltut {background:url(http://static.mediaecho.com.sg/graphics/lrntutcat.png) no-repeat;}
.btnnelask {background:url(http://static.mediaecho.com.sg/graphics/lrnaskcat.png) no-repeat;}
.btnneljobsrch {background:url(http://static.mediaecho.com.sg/graphics/expjobcat.png) no-repeat;}
.btnnelnews {background:url(http://static.mediaecho.com.sg/graphics/expnewscat.png) no-repeat;}
.btnnelbattleg {background:url(http://static.mediaecho.com.sg/graphics/expbattlecat.png) no-repeat;}
.btnnelport {background:url(http://static.mediaecho.com.sg/graphics/nwportfoliocat.png) no-repeat;}
.btnnelcontact {background:url(http://static.mediaecho.com.sg/graphics/nwcontactscat.png) no-repeat;}
.btnnelcollab{background:url(http://static.mediaecho.com.sg/graphics/nwcollabcat.png) no-repeat;}
.btnnelsay{background:url(http://static.mediaecho.com.sg/graphics/nwsaycat.png) no-repeat;}
.btnnelevents{background:url(http://static.mediaecho.com.sg/graphics/nweventscat.png) no-repeat;}
.btnnelmarket{background:url(http://static.mediaecho.com.sg/graphics/nwmarketcat.png) no-repeat;}
#homebtnlist {
	background:url(http://static.mediaecho.com.sg/graphics/90p.png) repeat;
	position:relative;
	margin:auto;
	height:120px;
	width:960px;
	padding:40px 20px;
	overflow:scroll;
	vertical-align:middle;
	overflow-y:hidden;
	font:bold 14px Tahoma;
	color:#FFF;
	text-align:center;
	line-height:30px;
}
#homebtnlist td {padding:0 55px;}
#homepanels {
	position:relative;
	padding:20px 0 0px 50px;
	width:65%;
	height:320px;
	font:bold 12px Tahoma;
	color:#FFF;
	text-align:center;
	line-height:25px;
}
#homepanels span {
	margin:20px 0 20px -620px;
	font:bold 16px Tahoma;
}
#homepanels p {
	display:block;
	float:left;
	padding:15px 30px;
}
#homesnippets {
	position:absolute;
	right:80px;
	top:50px;
	background:url(http://static.mediaecho.com.sg/graphics/snipred.png) no-repeat;
	height:250px;
	width:210px;
	font:12px Tahoma;
	color:#FFF;
}
#homesnippets ul li {
  margin:10px 10px 10px 22px;
  line-height:16px;
  text-indent:-13px;
}
#homebg {
	background:url(http://static.mediaecho.com.sg/graphics/profilebg.png) no-repeat;
	height:300px;
	width:1000px;
	position:relative;
	margin:auto;
}
#portrait {
	position:absolute;
	left:177px;
	top:86px;
	width:150px;
	height:166px;
	background:#222;
	border:1px solid #666;
}
#homebg table {
	color:#FFF;
	font:12px Tahoma;
	position:absolute;
	bottom:38px;
	right:0px;
}
#homebg .field {
	font:bold 14px Tahoma;
	text-align:right;
}
#homebg .usrname {
	color:#FFF;
	font:bold 24px Tahoma;
	position:absolute;
	left:370px;
	top:48px;
	line-height:34px;
}
#homebgeditbtn {
	background:url(http://static.mediaecho.com.sg/graphics/profilebtnedit.png) no-repeat;
	height:31px;
	width:83px;
	position:absolute;
	right:0px;
	top:160px;
}
#homehelp {
	position:absolute;
	right:27px;
	bottom:15px;
	background:url(http://static.mediaecho.com.sg/graphics/homehelp.png) no-repeat;
	display:block;
	height:40px;
	width:40px;
	z-index:10;
}
#learnbg {
	background:url(http://static.mediaecho.com.sg/graphics/lrnhdr.png) no-repeat;
	position:relative;
	margin:auto;
	height:302px;
	width:1000px;
}
#expbg {
	background:url(http://static.mediaecho.com.sg/graphics/exphdr.png) no-repeat;
	position:relative;
	margin:auto;
	height:302px;
	width:1000px;
}
#networkbg {
	background:url(http://static.mediaecho.com.sg/graphics/nwhdr.png) no-repeat;
	position:relative;
	margin:auto;
	height:302px;
	width:1000px;
}
#contactbg {
	background:url(http://static.mediaecho.com.sg/graphics/contactbg.png) no-repeat;
	height:265px;
	width:1000px;
	position:relative;
	margin:auto;
}
#saybg {
	background:url(http://static.mediaecho.com.sg/graphics/saybg.png) no-repeat;
	height:250px;
	width:1000px;
	position:relative;
	margin:auto;
}
#tutorialbg {
	background:url(http://static.mediaecho.com.sg/graphics/tutorialbg.png) no-repeat;
	height:400px;
	width:1000px;
	position:relative;
	margin:auto;
}
#timelinebg {
	background:url(http://static.mediaecho.com.sg/graphics/timelineplaceholder.png) repeat-x;
	background-position:center;
	background-color:#666;
	position:relative;
	margin:auto;
	height:480px;
	padding:10px 0;
}
#contactusbg {
	background:url(http://static.mediaecho.com.sg/graphics/contactusbg.png) no-repeat;
	height:310px;
	width:1000px;
	position:relative;
	margin:auto;
}
#registerbg {
	background:url(http://static.mediaecho.com.sg/graphics/registerbg.png) no-repeat;
	height:264px;
	width:1000px;
	position:relative;
	margin:auto;
}
#timelinecaptop {
	background:url(http://static.mediaecho.com.sg/graphics/timelinebdrtop.png) no-repeat;
	background-position:bottom;
	position:relative;
	margin:auto;
	padding-top:30px;
	height:15px;
	width:915px;
}
#timelinecapbtm {
	background:url(http://static.mediaecho.com.sg/graphics/timelinebdrbtm.png) no-repeat;
	background-position:top;
	position:relative;
	margin:auto;
	padding-bottom:30px;
	height:15px;
	width:915px;
}
#timelinetools {
	background:url(http://static.mediaecho.com.sg/graphics/timelinebdr.png) repeat-y;
	height:200px;
	padding:15px 45px;
	margin-left:43px;
	font:18px Tahoma;
	font-weight:bold;
	color:#FFF;
	text-align:center;
}
#timelinesearch {
	margin:auto;
	width:275px;
	float:left;
}
#timelinesearch .btngo {
	background:url(http://static.mediaecho.com.sg/graphics/timelinego.png) no-repeat;
	margin:auto;
	margin:9px 0 0 10px;
	float:left;
	display:block;
	height:50px;
	width:50px;
}
#timelinesearch .txtbox {
	background:url(http://static.mediaecho.com.sg/graphics/timelinesearch.png) no-repeat;
	margin:10px auto;
	float:left;
	height:45px;
	width:210px;
}
#timelinesearch input {
	color:#999;
	margin:9px 0 0 25px;
	//margin:7px 0 0 20px;
	font:18px Tahoma;
	font-weight:bold;
	text-align:center;
}
#timelinejump {
	margin:auto 50px;
	//margin-right:-20px;
	float:left;
	width:270px;
}
#timelinejump .btnmonth {
	background:url(http://static.mediaecho.com.sg/graphics/timelinemthbtn.png) no-repeat;
	height:22px;
	width:22px;
	display:block;
	margin:2px;
	float:left;
	color:#000;
	font:14px Tahoma;
}
#timelinejump .datewrap {
	position:relative;
	margin:auto;
	margin-left:15px;
}
#timelinejump .monthwrap {
	position:relative;
	margin:auto 10px;
	width:156px;
	float:left;
}
#timelinejump .btntoday {
	background:url(http://static.mediaecho.com.sg/graphics/timelinetodaybtn.png) no-repeat;
	display:block;
	width:72px;
	height:25px;
	margin:35px auto 30px;
}
#timelinejump .btnprev {
	background:url(http://static.mediaecho.com.sg/graphics/timelinearwleft.png) no-repeat;
	float:left;
	display:block;
	width:35px;
	height:40px;
}
#timelinejump .btnnext {
	background:url(http://static.mediaecho.com.sg/graphics/timelinearwright.png) no-repeat;
	float:left;
	display:block;
	width:35px;
	height:40px;
}
#timelineevent {
	margin:auto;
	margin-left:40px;
	float:left;
}
#timelineevent a{
	position:relative;
	margin:25px auto 0;
	width:82px;
	height:25px;
	display:block;
}
#timelinehelp {
	position:absolute;
	right:27px;
	bottom:15px;
	background:url(http://static.mediaecho.com.sg/graphics/timelinehelp.png) no-repeat;
	display:block;
	height:40px;
	width:40px;
	z-index:10;
}
#timelinetoggle {
	position:relative;
	display:block;
	margin:auto;
	height:0px;
	text-align:center;
	z-index:10;
}
#eventaddedit {
	display:none;
}
#eventouter{
	position:relative;
	margin:auto;
	float:left;
	width:45%;
	display:block;
	padding:20px;
	//padding:10px;
}
#eventouter p {
	margin-bottom:10px;
	//margin-bottom:5px;
}
#eventouter hr {
	background:none;
	position:relative;
	margin:10px 0;
	//margin:5px 0;
}
#eventouter span {
	position:absolute;
	left:145px;
}
#eventdel {
	display:none;
	overflow:scroll;
}
#eventdel .des {width:95%;}
#eventdel .ck {width:10px;}
#contactbg .tophdr {
	position:absolute;
	right:90px;
	top:100px;
	margin:auto;
	text-align:center;
	color:#FFF;
	font:18px Tahoma;
}
#sendemailcontainer {display:none;}
#contactformcontainer {display:none;}
#contactform {
	position:relative;
	padding:30px 10%;
	font:14px Tahoma;
}
#contactform .field {width:340px;}
#catacaptop {
	position:relative;
	margin-left:10px;
	height:7px;
}
.topcapsay {background:url(http://static.mediaecho.com.sg/graphics/saylisttop.png) no-repeat;}
.topcaptut {background:url(http://static.mediaecho.com.sg/graphics/tutlisttop.png) no-repeat;}
.topcapbg {background:url(http://static.mediaecho.com.sg/graphics/bglisttop.png) no-repeat;}
#catacapbtm {
	position:relative;
	margin-left:10px;
	height:7px;
}
#catanavi {
	color:#FFF;
	font:bold 14px Tahoma;
	padding:30px 0 20px 50px;
}
.btmcapsay {background:url(http://static.mediaecho.com.sg/graphics/saylistbtm.png) no-repeat;}
.btmcaptut {background:url(http://static.mediaecho.com.sg/graphics/tutlistbtm.png) no-repeat;}
.btmcapbg {background:url(http://static.mediaecho.com.sg/graphics/bglistbtm.png) no-repeat;}
#catasearch {
	position:absolute;
	right:50px;
	top:20px;
	z-index:5;
}
#catasearchtxtbox {
//	padding:8px 0 0 0px;
	//padding-left:30px;
	float:left;
	height:38px;	
}
#catasearchtxtbox input {
	font:bold 12px Tahoma;
	color:#999;
	text-align:center;
}
.txtboxsay {background:url(http://static.mediaecho.com.sg/graphics/tutsearchtxt.png) no-repeat;}
#catasearchgo {
	margin:-2px 0 0 -20px;
	height:44px;
	width:44px;
	display:block;
	float:left;
}
.btngotut {background:url(http://static.mediaecho.com.sg/graphics/tutsearchgo.png) no-repeat;}
#catasearchsubmit {
	margin:5px 35px 0 0;
	height:30px;
	width:90px;
	display:block;
	float:left;
}
.btnsubmitsay {background:url(http://static.mediaecho.com.sg/graphics/saysubmitworksbtn.png) no-repeat;}
.btnsubmittut {background:url(http://static.mediaecho.com.sg/graphics/tutsubmitbtn.png) no-repeat;}
.btnsubmitbg {background:url(http://static.mediaecho.com.sg/graphics/bgsubmitbtn.png) no-repeat; width:90px; height:30px;}
#catacontainer {
	margin:0 0 0 10px;
	width:980px;
	color:#FFF;
	font:12px Tahoma;
	line-height:15px;
}
#catacontainer p {
	font:12px Tahoma;
	margin:0 20px;
	padding:8px 0;
}
#catacontainer ol {margin-left:60px;}
#catacontainer li {padding:2px 0;}
#catacontainer .tag {text-align:right;font:bold 12px Tahoma;}
#catacontainer .header {font:bold 16px Tahoma;}
.midsay {background:url(http://static.mediaecho.com.sg/graphics/saylistmid.png) repeat-y;}
.midtut {background:url(http://static.mediaecho.com.sg/graphics/tutlistmid.png) repeat-y;}
.midbg {background:url(http://static.mediaecho.com.sg/graphics/bglistmid.png) repeat-y;}
.ctrsay {background:url(http://static.mediaecho.com.sg/graphics/saylistmidctr.png) repeat-y;}
.ctrtut {background:url(http://static.mediaecho.com.sg/graphics/tutlistmidctr.png) repeat-y;}
.ctrbg {background:url(http://static.mediaecho.com.sg/graphics/bglistmidctr.png) repeat-y;}
#cataleftblk {
	position:relative;
	margin:-1px 0 0 7px;
	width:49%;
}
#catarightblk {
	position:absolute;
	top:76px;
	//top:81px;
	right:17px;
	width:48%;
}
#catactrdiv {
	position:absolute;
	left:480px;
	height:100%;
	width:6px;
	z-index:10;
}
#catacolblack {background-color:#111;height:180px;}
#catacolwhite {background-color:#444;height:180px;}
#catainnerwrap {padding:5px;}
#catainnerwrap .wktitle {font:bold 16px Tahoma;line-height:28px;}
#catainnerwrap .comments {float:right;padding:10px 15px 0 0; line-height:200%;}
#catainnerwrap img {float:left;margin:8px;border:2px #FFF solid;}
#catafoottxt {
	color:#FFF;
	font:bold 14px Tahoma;
	text-align:right;
	padding:20px 10px;
	text-align:center;
}
#saycontent {background:#333;}
#saymenu {
	position:absolute;
	font:bold 14px Tahoma;
}
#saymenu .frame {
	background:url(http://static.mediaecho.com.sg/graphics/sayframe.png) no-repeat;
	position:absolute;
	top:66px;
	left:32px;
	height:310px;
	width:656px;
	z-index:10;
}
#saymenu ul {
	list-style-type:none;
	position:relative;
	top:55px;
	left:685px;
	//left:670px;
	width:255px;
}
#saymenu ul li {
	position:relative;
	line-height:35px;
	margin:10px 0;
	background:url(http://static.mediaecho.com.sg/graphics/saytab.png) no-repeat;
	height:38px;
	width:255px;
	top:10px;
	text-align:center;
}
#sayhelp {
	position:absolute;
	margin:-65px 0 0 960px;
	background:url(http://static.mediaecho.com.sg/graphics/sayhelp.png) no-repeat;
	display:block;
	height:40px;
	width:40px;
	z-index:10;
}
#saymenu ul ul li.default {visibility:visible;top:-102px;//right:20px;}
#saymenu ul :hover ul li.pos1 {top:-150px;//right:20px;}
#saymenu ul :hover ul li.pos2 {top:-198px;//right:20px;}
#saymenu ul ul {visibility:hidden;position:relative;left:-645px;}
#saymenu ul :hover ul{visibility:visible;}
#tutmenu {
	position:absolute;
	font:bold 14px Tahoma;
}
#tutmenu .frame {
	background:url(http://static.mediaecho.com.sg/graphics/tutframe.png) no-repeat;
	position:absolute;
	top:66px;
	left:32px;
	height:310px;
	width:656px;
	z-index:10;
}
#tutmenu ul {
	list-style-type:none;
	position:relative;
	top:55px;
	left:685px;
	//left:670px;
	width:255px;
}
#tutmenu ul li {
	position:relative;
	line-height:35px;
	margin:10px 0;
	background:url(http://static.mediaecho.com.sg/graphics/tuttab.png) no-repeat;
	height:38px;
	width:255px;
	top:10px;
	text-align:center;
}

#tutmenu ul ul li.default {visibility:visible;top:-102px;//right:20px;}
#tutmenu ul :hover ul li.pos1 {top:-150px;//right:20px;}
#tutmenu ul :hover ul li.pos2 {top:-198px;//right:20px;}
#tutmenu ul ul {visibility:hidden;position:relative;left:-645px;}
#tutmenu ul :hover ul{visibility:visible;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Ajax Tabs <<<-------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.saytabs{
	position:relative;
	text-decoration: none;
	margin-bottom:55px;
	//margin-bottom:0px;
	padding:20px 0 0 20px;
	list-style-type:none;
	width:55%;
}
.saytabs li{
	float:left;
	margin:auto;
}
.saytabs li a{
	height:60px;
	width:65px;
	display:block;
	position: elative;
	z-index:1;
	color:#2d2b2b;
}
.saytabs li a:hover{
	text-decoration: underline;
	color: #2d2b2b;
}
.saytabs li a.selected{ /*selected main tab style */
	height:60px;
	width:65px;
	display:block;
	position:relative;
	border:none;
	background:url(http://static.mediaecho.com.sg/graphics/saytabyellow.png) no-repeat;
}
.saytabs span {
	background-repeat:no-repeat;
	margin-left:12px;
	display:block;
	height:50px;
	width:40px;	
}
/* ----------------------------------------------------------------------------------------------------------------*/
.tuttabs{
	position:relative;
	text-decoration: none;
	margin-bottom:55px;
	//margin-bottom:0px;
	padding:20px 0 0 20px;
	list-style-type:none;
	width:55%;
}
.tuttabs li{
	float:left;
	margin:auto;
}
.tuttabs li a{
	height:60px;
	width:65px;
	display:block;
	position: elative;
	z-index:1;
	color:#2d2b2b;
}
.tuttabs li a:hover{
	text-decoration: underline;
	color: #2d2b2b;
}
.tuttabs li a.selected{ /*selected main tab style */
	height:60px;
	width:65px;
	display:block;
	position:relative;
	border:none;
	background:url(http://static.mediaecho.com.sg/graphics/tutorialtabblue.png) no-repeat;
}
.tuttabs span {
	background-repeat:no-repeat;
	margin-left:12px;
	display:block;
	height:50px;
	width:40px;	
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Dropdown Menu <<<-------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#menutopright {
	position:absolute;
	margin:right;
	font:12px Tahoma;
	color:#FFF;
	float:right;
	bottom:15px;
	right:0px;
	padding-top:18px;
	padding-right:5px;
	line-height:25px;
	text-align:right;	
}

#menu {width:998px; height:27px; text-align:center; margin:auto; border:1px solid #dfdfdf; background:#000;}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; background:url(http://static.mediaecho.com.sg/graphics/50p.png) repeat; text-align:left; border:0px solid #dfdfdf;}
#menu ul {display:inline-block;} 
#menu ul {display:inline;}

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px;}
#menu ul.level1 {display:table; margin:0 auto;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative;}

#menu b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/

#menu a {display:block; font:normal 15px tahoma; color:#fff; line-height:25px; text-decoration:none;padding:0 17px;}
#menu ul.level1 li.level1-li a.level1-a {float:left;}

#menu ul li:hover > ul {visibility:visible; left:0; top:25px;}
#menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-25px;}
#menu li.left:hover > ul {visibility:visible; left:auto; right:0; top:25px;}
#menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-25px;}

#menu a:hover ul {left:0; top:23px;}
#menu li.left a:hover ul {left:auto; right:-1px; top:23px;}

#menu li.left ul a {text-align:right;}

#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu li.left a:hover a:hover ul, 
#menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}

#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}
#menu li.left a:hover ul ul, 
#menu li.left a:hover a:hover ul ul {left:-9999px;}

#menu li a.drop {background:transparent url(http://static.mediaecho.com.sg/graphics/menu-white-down.gif) no-repeat right center;}
#menu li a.fly {background:transparent url(http://static.mediaecho.com.sg/graphics/menu-white-right.gif) no-repeat right center;}
#menu li.left ul a.fly {background:transparent url(http://static.mediaecho.com.sg/graphics/menu-white-left.gif) no-repeat left center;}

#menu li a:hover,
#menu li a.fly:hover {color:#fc6; direction:ltr;} 
#menu li:hover > a,
#menu ul li:hover > a.fly {color:#fc6;}

#menu table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-4px;}
#menu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}

#menu li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px;}
#menu li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Coda Slider <<<-----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/*   UTILITY STYLES   */				  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }

/*   PAGE STRUCTURE   */
#page-wrap 									{ width: 1000px; margin:auto; position: relative; height: 429px;}

/*   TYPOGRAPHY   */
ul											{ list-style: square inside; }
blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}
/*   SLIDER   */
.slider-wrap								{ width: 1000px; position: relative;}			
.stripViewer .panelContainer 
.panel										{left:-1px;}
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 1000px; height: 429px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 340px; position: relative; width: 1000px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid #333; margin-right: 5px; width:250px; height:90px; }
#movers-row									{ position: relative; margin:-50px 0 0 0;//margin-top:0px;}
#movers-row2								{ position: absolute; top:390px; left:-251px;//margin-top:-390px;}
#movers-row div								{ width: 250px; float:left;}
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(http://static.mediaecho.com.sg/graphics/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -55px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 0px; margin-top: -17px; 
											  position: relative; padding-top: 17px; z-index: 9999; }
.active-thumb 								{ background: transparent url(http://static.mediaecho.com.sg/graphics/icon-uparrowsmallwhite.png) top center no-repeat;}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #AAA;}
#TB_window a:visited {color: #AAA;}
#TB_window a:hover {color: #FFF;}
#TB_window a:active {color: #AAA;}
#TB_window a:focus{color: #AAA;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #333;
	z-index: 102;
	color:#fff;
	display:none;
	border: 15px solid #999;
	border-radius: 9px; /* CSS 3 */
	-o-border-radius: 9px; /* Opera */
	-icab-border-radius: 9px; /* iCab */
	-khtml-border-radius: 9px; /* Konqueror */
	-moz-border-radius: 9px; /* Firefox */
	-webkit-border-radius: 9px; /* Safari */
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#444;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}