@charset "utf-8";

/*-----------------------------------------------------------------
  IDs AND SELECTORS
-----------------------------------------------------------------*/

body {
    background: url(/images/body_bg.gif) repeat-x;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, form, fieldset {
  padding: 0;
  margin: 0 0 12px 0;
}

#wrapper {
  width: 900px;
  margin: 0 auto;
  position: relative;
}



/*-----------------------------------------------------------------
  HEADER
-----------------------------------------------------------------*/

/* LOGO */
#logo {
  display: none;
}


/* menu */
#navigation {
    position: absolute;
    top: 24px;
    left: 235px;
    list-style: none;
}

#navigation li {
    float: left;
}

#navigation li a {
    color: #d0d0d0;
	text-decoration: none;
	display: block;
	padding: 0 10px;
}

#menu_indicator {
    position:absolute;
    top:52px;
    left:245px;
    width:644px;
    height:10px;
    overflow:hidden;
}

#menu_indicator_img {
    position:absolute;
    top:0px;
}


/*-----------------------------------------------------------------
  FOOTER
-----------------------------------------------------------------*/
#footer{
    background-color:#FFF580;
    background: url(/images/footer_bg.gif) repeat-x /*top*/ bottom center;
    border-top:solid 1px #000000;
    position: absolute;
    left:0px;
    top: 800px;
    width: 100%;
    height:18px;
    overflow: hidden;
    z-index: 0;
}

.footertxt {
    color:#606060;
    line-height:18px;
    vertical-align: middle;
}

a.footerlk {
    color:#202020;
    text-decoration: none;
    font-weight: bold;
}

a.footerlk:hover {
    color:#000000;
    text-decoration: underline;
    font-weight: bold;
}

/* SEARCH */
#search {
  position: absolute;
  top: 18px;
  right: 0px;
  border: none;
}

#search legend {
  display: none;
}

#searchField {
  border: none;
	background: url(../images/search_bg2.gif) no-repeat;
	width: 110px;
	height: 23px;
	padding: 9px 30px 0 10px;
	color: #666;
	font-size: 11px;
}

#searchSubmit {
    position:absolute;
    left:121px;
    top:5px;
    width:15px;
    height:22px;
    border-left:solid 1px #393A3B;
}

#header {
	z-index: 100;
}

#content {
    position:absolute;
    left:0px;
    top:60px;
    width:900px;
    height:500px;
}

#leftCnt {
    position:absolute;
    left:0px;
    top:0px;
    width:240px;
    height:500px;
}

#logoImg {
    position:absolute;
    left:1px;
    top:1px;
    width:230px;
    height:149px;
}

.logoImg {
    background-color:Transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='/images/logo_phimquan.png'); 
}

.logoImg[class] {
    background:url(/images/logo_phimquan.png); 
}

#lineImg {
    position:absolute;
    left:215px;
    top:10px;
}

/* MEDIA PLAYER */
#player {
    position:absolute;
}

.playermax {
}

.playershow {
    left:242px;
    top:4px;
    width:640px;
    height:360px;
    padding:5px;
    background-color:Transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='/images/px80p_black.png'); 
}

.playershow[class] {
    background:url(/images/px80p_black.png); 
}

.playerhide {
    left:45px;
    top:368px;
    width:150px;
    height:84px;
    padding:2px;
    background-color:Transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='/images/px80p_black.png'); 
}

.playerhide[class] {
    background:url(/images/px80p_black.png); 
}

#resumeplayer {
    position:absolute;
    left:45px;
    top:350px;
    width:150px;
    height:13px;
    padding:2px;
    text-align:center;
    color:#FDEC59;
}

.resumeplayer {
    background-color:Transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='/images/px80p_black.png'); 
}

.resumeplayer[class] {
    background:url(/images/px80p_black.png); 
}

#resumeplayer a {
    line-height:13px;
    vertical-align:middle;
    font-weight:bold;
    color:#FDEC59;
    text-decoration:none;
}

#resumeplayer a:hover {
    font-weight:bold;
    color:#e0e0e0;
}

/* Current playing info at the bottom of the player */
#showInfo {
    position: absolute;
    left:242px;
    top:396px;
    width:650px;
    height:59px;
}

.showInfo {
    background-color:Transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='/images/px80p_black.png'); 
}

.showInfo[class] {
    background:url(/images/px80p_black.png); 
}

#showInfoCnt {
    position: absolute;
    left:6px;
    top:2px;
    width:640px;
    height:55px;
    overflow:hidden;
}

.showInfoCnt {
    background-color:Transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='/images/bg_showInfo2.png'); 
}

.showInfoCnt[class] {
  background:url(/images/bg_showInfo2.png) no-repeat;
}

/* showing title and tags */
#clipInfo {
    position: absolute;
    left:242px;
    top:374px;
    width:650px;
    height:22px;
    font-size:12px;
    color:#808080;
    text-align:center;
}

.clipInfo {
    background-color:Transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='/images/px80p_black.png'); 
}

.clipInfo[class] {
    background:url(/images/px80p_black.png); 
}

#clipInfoCnt {
    position: absolute;
    left:160px;
    top:2px;
    width:340px;
    height:20px;
    text-align:center;
}

a.lkClip, a.lkClip_A, span.lkClip {
    text-decoration:none;
    font-size:12px;
    line-height:18px;
    color:#808080;
    border:solid 1px #606060;
    padding:0px 4px;
}

a.lkClip:hover {
    color:#d0d0d0;
    border:solid 1px #d0d0d0;
}

a.lkClip_A {
    font-weight: bold;
    background-color: #FDEC59;
    color: #202020;
    border:solid 1px #FDEC59;
}

#showTitle {
    position: absolute;
    left:10px;
    top:7px;
    height:24px;
    line-height:24px;
    width:620px;

    font-family:Tahoma;
    font-weight:bold;
    font-size:16px;
    color:#FDEC59;

    text-align:center;
    vertical-align:middle;
    overflow:hidden;
    white-space: nowrap;
}

#showTitle a {
    color:#FDEC59;
    text-decoration:none;
}

#showTitle a:hover {
    color:#d0d0d0;
    text-decoration:none;
}

#showDesc {
    position: absolute;
    left:10px;
    top:32px;
    height:18px;
    line-height:18px;
    width:620px;

    font-size:12px;
    color:#808080;
    text-align:center;
    vertical-align:middle;
    width:630px;
    overflow:hidden;
    white-space: nowrap;
}

#showDesc a {
    color:#808080;
}

#showDesc a:hover {
    color:#FDEC59;
}

#showTags {
    position: absolute;
    left:10px;
    top:32px;
    height:18px;
    line-height:18px;
    width:620px;

    font-family:Arial;
    font-size:12px;
    color:#808080;
    text-align:center;
    vertical-align:middle;
    white-space: nowrap;
    overflow:hidden;
}

#showTags a {
    color:#808080;
    text-decoration: none;
}

#showTags a:hover {
    color:#ffffff;
    background-color: #808080;
    text-decoration:none;
}

/* IFRAME */
.frame {
    position: absolute;
    top: 64px;
    left: 245px;
    width: 644px;
    height:451px;
}

#frHome {
  visibility: hidden;
}

/*#loadingHome {
  z-index:10;
  position: absolute;
  top: 250px;
  left: 245px;
  width:644px;
  font-size:18px;
  color:white;
  text-align:center;
  display:none;
}*/

#frCategory {
  visibility: hidden;
}

/*#loadingCategory {
  z-index:10;
  position: absolute;
  top: 250px;
  left: 245px;
  width:644px;
  font-size:18px;
  color:white;
  text-align:center;
  display:none;
}*/

#frAll {
  visibility: hidden;
}

/*#loadingAll {
  z-index:10;
  position: absolute;
  top: 250px;
  left: 245px;
  width:644px;
  font-size:18px;
  color:white;
  text-align:center;
  display:none;
}*/

#frSearch {
  visibility: hidden;
}

/*#loadingSearch {
  z-index:10;
  position: absolute;
  top: 143px;
  left: 245px;
  width:644px;
  height:367px;
  line-height:335px;
  vertical-align:middle;
  font-size:18px;
  color:white;
  text-align:center;
  border:solid 1px #F6D50E;
  display:none;
}*/

/*.loading {
    background-color:Transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='/images/px20p_black.png'); 
}

.loading[class] {
    background:url(/images/px20p_black.png); 
}*/