html, body {margin:0; padding:0; font-family:Arial; background-color:#4E4E4E; }

h1 {  font-size:large; color:#FFFFFF }
hr { border: 0; color: #666666; background-color: #666666; height: 1px; width: 100%; margin:20px 0 20px 0 }

#left-col { width:820px; height:685px; float:left;  }
#right-col { width:155px; height:505px; margin-left:820px; padding: 150px 15px 0 10px; position:relative; font-size:12px; color:#FFFFFF; }
#header { height:50px; padding:10px 0 0 20px; color:#FFFFFF; font-size:20px; }
#main { width:780px; height:625px; margin-left:20px; }
#main-header { height:90px; background-color:#4E4E4E; }
#nav { height:70px; margin-top:10px; margin-bottom:10px; } 
#nav table { width:100%; height:100%; border-collapse:collapse; }
#nav table td { width:16.66%; padding:5px 6px 5px 6px; vertical-align:top; background-image:url("../img/arrow.gif"); background-position:left bottom; background-repeat:no-repeat; }
#nav table td p { margin:0; font-size:12px; color:#C1C1C1; }
#nav table tr td {  border:1px solid #414141; }
#body { width:780px; height:480px; background-color:#333333; position:absolute; top:150px; } 
#body-chart { position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; }
#body-bg { position:absolute; top:0; left:0; width:100%; height:100%; background-image:url('../img/chart-bg.png'); display:none; }
#playBn { position:absolute; top:409px; left:608px; width:100px; height:33px; background-image:url('../img/playBn.png'); background-position:right; background-repeat:no-repeat; line-height:33px; color:#FFFFFF; display:none; z-index:3; }
#playBn a:active, #playBn a:link, #playBn a:visited { color:#FFFFFF; text-decoration:none; } 
#footer { position:absolute; width:780px; height:18px; top:630px; font-size:11px; color:#BFBFBF; padding-top:15px; } 
#preloader { width:100px; position:absolute; left:340px; top:200px; text-align:center; z-index:100; font-size:10px; color:#999999; }

/*::Media player etc::--------------------------------------------------------------------------------------------------------------------------*/
#mediaPlayer { width:209px; height:14px; position:relative; display:block; }
#well { width:140px; height:8px; position:absolute; left:18px; top:3px; background-color:#FFFFFF; display:block; cursor:pointer;  }
#playtoggle { width:15px; height:14px; background-image: url('../img/arrow-white.gif'); display:block; cursor:pointer; } 
#handle { width:15px; height:8px; position:absolute; background-color:#8A8959; }
#time { width:40px; height:14px; position:absolute; top:1px; left:162px; line-height:14px; font-family:Arial; font-size:11px; color:#FFFFFF; }
#volume { width:12px; height:11px; position:absolute; top:2px; right:3px; background-image:url('../img/volume-on.gif'); cursor:pointer; }

.nav-title { height:44px; }
.chart-img { position:absolute; top:0; left:0; display:none; }
.playing { background-image:url("../img/pause.gif") !important; }
.muted { background-image:url("../img/volume-off.gif") !important; }
.handcursor { cursor:pointer; }

/*::Right Col::--------------------------------------------------------------------------------------------------------------------------*/
#share-icons-holder { width:90px; position:absolute; top:23px; right:15px; }
#share-icons-holder td { width:30px; height:22px; background-repeat:no-repeat; cursor:pointer; }
#linkedIn { background-image:url("../img/icon-linkedIn.gif"); }
#facebook { background-image:url("../img/icon-facebook.gif"); }
#twitter { background-image:url("../img/icon-twitter.gif"); }
#right-col img { float:left; margin-right:10px;  }
#right-col a:link, #right-col a:visited, #right-col a:active { text-decoration:none; color:#FFFFFF; } 
#right-col a:hover { text-decoration:underline;}