﻿html, /*body{height:100%}*/
body{margin:0px; padding:0px; background:#000033; font-size:11px; color:#000; font-family:Arial,Helvetica,Tahoma;}

/*.maintable{height:100%; background:#000000;color:#FFFFFF }*/
.maintable{height:100%; background:#000033;color:#000000 }

.tblbackground{background:#000033;color:#000000 }

/* Top header part styles */

.bannerheight {height:75px;}
.bannerwright {width:243px; height:193px;  *height:192px;}

/*.toppart{background:url(../images/topbg.jpg) repeat-y top left; height:92px;}*/
.toppart{height:92px; background-image:url(../images/ALO_Header_BG.png)}


.toppart a {color:#ff8000; text-decoration:none}

.toppart a:hover {color:#000000; text-decoration:none}



a.toplink{font-size:16px; color :#010101; text-decoration:underline;}
a.toplink:hover {font-size:16px; color:#000; text-decoration:none}


.tophlight {color:#FF0099}



/* menu part styles */

.menu {background:url(../images/menu-mid.jpg) repeat-x; height:32px; font-size:16px; list-style:32px; vertical-align:middle; }

.menu a{color:#000; font-weight: bold; text-decoration:none;  padding:0px 26px; }

.menu a:hover {color:#FF7837; text-decoration:none}

.menuactive{color:#FF7837 !important; text-decoration:none}



/* left part styles */

.leftpart {width:218px;}

.leftborder {border:solid 1px #BFBFBF;}

.leftpart a: {color:#095F7C; font-weight:bold; text-decoration:none; font-size:16px;}

.leftpart a:hover {color:#000; text-decoration:none; }



a.leftreadmore { color:#0178B3; text-decoration:underline; line-height:10px;}

a.leftreadmore:hover { color:#000000; text-decoration:none;}

a.leftreadmore:visited{ color:#551A8B; text-decoration:underline;}





.leftheader {background:#AFDAFF; border-bottom:solid 1px #2F6392; color:#000; padding:2px 10px; font-size:18px; width:220px; }*/


.lefthlight {color:#FF7800}



.leftpartlink {padding:0; margin:0; font-size:12px;background:#FFFFFF; }

.leftpartlink ul {list-style:none; margin:0px; padding:0px; font-size:12px;background:#AFDAFF; }

.leftpartlink li {list-style:none; background:#AFDAFF; margin:2px 0px; padding:1px; display:block;}

.leftpartlink li a {list-style:none; color:#095F7C; font-weight: bold; text-decoration:none;  display:block; margin:0; padding:4px 0 4px 10px; background:#AFDAFF;  }

.leftpartlink li a:hover {list-style:none; color:#000; background:#FF9933; text-decoration:none;}

.leftlinkactive {list-style:none; color:#000 !important; background:#FF9933 !important; text-decoration:none;}
a.leftlinkactive1 {color:#095f7c; text-decoration:underline;}
a.leftlinkactive1:hover {color:#000000; text-decoration:none;}
a.leftlinkactive1:visited {color:#551a8b;text-decoration:underline;}

a.left_box_link_active {color:#0973af; text-decoration:none; font-size:11px; font-weight:0;}
a.left_box_link_active:hover {color:#000000; text-decoration:none; font-size:11px; font-weight:0;}
a.left_box_link_active:visited {color:#551a8b;text-decoration:none; font-size:11px; font-weight:0;}



/*.leftbg {background:url(../images/leftbg.jpg) repeat-x bottom #FFF; border:solid 1px #BFBFBF;}*/
.leftbg {background:#FFFFFF; border:solid 1px #BFBFBF;}
.bgbottom {background:url(../images/bottombg.jpg);}



.leftpart-video {padding:0; margin:0;}

.leftpart-video ul {list-style:none; margin:0px; padding:0px; background:none; font-size:12px; }

.leftpart-video li {list-style:none;  margin:0px; padding:1px; background:#D1E3F3; background:none;  font-size:12px; text-decoration:underline;}

.leftpart-video li a {color: #095F7C; text-decoration:none; margin:0px; padding:0px; text-decoration:underline; }

.leftpart-video li a:hover {color: #000;  text-decoration:none;}

.leftpart-video li a:visited{color: #551A8B;  text-decoration:underline;}



/* right part styles */

.rightpart {width:240px;}

.rightborder {border:solid 1px #BFBFBF;}

.rightpart a {color:#095F7C; text-decoration:underline;}

.rightpart a:hover {color:#000; text-decoration:none; }

.rightpart a:visited{color:#551A8B; text-decoration:underline; }



.rightheader {background:#F4F4F4; color:#000; border-bottom:solid 1px #BFBFBF; padding:2px 10px; font-size:18px; }

.rightbg {background:url(../images/leftbg.jpg) repeat-x bottom #FFF; border:solid 1px #BFBFBF;}



.rightpart ul {list-style:none; margin:0 0 0 0; padding:0; font-weight:normal;}

.rightpart li { list-style:none; margin:0; padding:1px 0 1px 0; }





/* middle part styles */

.midpart {background:#000033;color:#FFFFFF; padding:0 0px; margin:0; line-height:16px;}


.contantpart {padding:0 8px; line-height:16px; font-family:sans-serif,Arial,Helvetica,Tahoma !important; margin:0;}

.contantborder {border:solid 1px #BFBFBF;}

.contantheader {background:#FFD699; color:#000; padding:2px 10px; font-size:18px; }

.contantheader1 {background:#F4F4F4; color:#000; padding:2px 10px; font-size:18px; }

.contant {background:#64A7E0; color:#FFFFFF; padding:6px 5px; font-weight:bold}

.contantpart a{color:#0178B3; text-decoration:underline;}

.contantpart a:hover {color:#000; text-decoration:none;}

.contantpart a:visited {color:#551A8B; text-decoration:underline;}



.contantbg-announce {background:url(../images/contactbg-announce.jpg) repeat-x bottom #FFF; height:175px; border:solid 1px #BFBFBF;}



.article-arch ul { list-style:none; padding:0 !important; margin:0 !important; font-weight:normal !important; font-size:12px !important;}

.article-arch ul li { list-style:none; padding:0 0 0 15px; margin:0; background:url(../images/arrow.gif) no-repeat left 7px;}



.video-archibg {background:url(../images/video-archibg.jpg) repeat-x bottom #FFF;  border:solid 1px #BFBFBF;}

.music-archibg {background:url(../images/video-archibg.jpg) repeat-x bottom #FFF; border:solid 1px #BFBFBF;}

.loginbutton {background-color:#FA5C29; color:#FFFFFF; border:0px;}

.midhlight {color:#FF0099}



.contantpart ul {margin:0 0 0 0; padding:0 0 0 25px; }

.contantpart li {margin:0; padding:1px 0 1px 0px;}



/*.contantpart ul {list-style:none; margin:0; padding:0; font-weight:bold;}

.contantpart li { list-style:none; margin:0; padding:1px 0;}*/



a.midlink:link, a.midlink:visited, a.midlink:active {color:#ff8000; text-decoration:none}

a.midlink:hover {color:#E0B64D; text-decoration:none}



/* Footer part styles 

.footer {background:#fff; height:35px; color:#000; font-size:10px;}

.footer a{color:#095F7C; text-decoration:none; padding:0 6px;}

.footer a:hover{color:#000; text-decoration:none}

.footer a:visited{color:#551A8B; text-decoration:none}
*/

.footerline {background:/images/bottom_bg.jpg; color:#000; font-size:14px; border-top:solid 1px #D1E3F3; padding:2px 0;line-height:150%;}


/* shopping cart body area and boxies styles */

.tableborder {border:solid 1px #BFBFBF;}

.allborder {background:#BFBFBF}

.fieldheader {background:#B5DDFF; color:#333333; padding-left:5px; font-weight:bold;}

.fieldheader a {color:#333333; text-decoration:underline}

.fieldheader a:hover {color:#0479DC; text-decoration:none}



.highlight {color:#095F7C;}

.lightbg {background:#F0F5FA}

.darkbg {background:#DFEBF6}

.selectbg {background:#DDF3FF}

.whitebg {background:#AFDAFF;color:#FFFFFF;}

.subheading {color:#000066; font-weight:bold; font-size:12px}

.lightbg1 {background:#B5DDFF;color:#000000; padding:10px;}



.paging {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ff6c00;
padding:4px;

}

.paging a:link, .paging a:visited{color:#ff6c00; text-decoration:none; font-weight:normal;}

.paging a:hover {color:#206CEA; text-decoration:none;}

a.pacingactive:link, a.pacingactive:visited {color:#095F7C; text-decoration:none;  font-weight:normal;}

a.pacingactive:hover{color:#206CEA; text-decoration:none;  font-weight:normal;}



/* general text styles */

.smalltext {font-size:10px}

.normaltext {font-size:11px; font-weight:normal}

.error, .red {color:#FF0000}

.success {color:#009933}

.hlight {color:#FF5B01}

.price {color:#2977BA; font-weight: bold}

a.redlink {color:#095F7C}

.justify {text-align:justify}

.lineheight {line-height:16px}



/* general eliments styles */

h1 {font-size:18px; color:#0178B3; font-weight:normal; font-family:sans-serif,Arial,Helvetica,Tahoma; line-height:20px; padding:0px 0px 5px 0px; margin:0;}

h2, .textheding {color:#000; padding:0px 10px; margin:0; font-weight:normal; font-size:18px;}

/*ul {list-style:none; margin:0px; padding-left:0px}

li {margin:4px 0px}*/

.hline {background:url(../images/hline.gif) repeat-x center}

.yline {background:url(../images/yline.gif) repeat-y center}



.noborder {border:0px none; padding:0px}



/* general link styles */

a.normallink:link, a.normallink:active {color:#ff8000; text-decoration:none}

a.normallink:hover {color:#E0B64D; text-decoration:none}

a.normallink:visited {color:#551A8B; text-decoration:none}



a.headlink:link, a.headlink:visited, a.headlink:active {color:#0C4A7F; text-decoration:none; font-weight:bold}

a.headlink:hover {color:#ff8000; text-decoration:none}

a.headlink:visited {color:#551A8B; text-decoration:none}


a.footer:link {color:#095f7c; text-decoration:none;font-size:13px;}

a.footer:hover {color:#000; text-decoration:underline; font-size:13px;}

a.footer:visited {color:#095f7c; text-decoration:none; font-size:13px;}

.breadcrumb{color:#095f7c; text-decoration:none;font-size:13px;}

.breadcrumb:hover {color:#000; text-decoration:underline; font-size:13px;}



a.darklink:link, a.darklink:visited, a.darklink:active{color:#FFFFFF; text-decoration:none; font-weight:bold;}

a.darklink:hover {color:#FFFFFF; text-decoration:none}


a.detail_share_link:link, a.detail_share_link:visited, a.detail_share_link:active{color:#000033; text-decoration:none; font-weight:bold;}

.detail_rating {color:#000033; font-weight:bold;}


a.company:link, a.company:visited {color:#FFD800; text-decoration:none}

a.company:hover {color:#ffffff; text-decoration:none}



.title {
  color:#ADD9FE;
  text-transform:uppercase;  
}

.title a {color:#ADD9FE; text-decoration:none;}

.title a:hover {color:#F1992F; text-decoration:none;}
/*.title a:visited{color:#551A8B; text-decoration:none;}*/





/* Images styles */

.thumimg {width:68px;height:52px;}
.thumimg_index {width:76px;height:55px;}


.thumimg2 {width:144px; height:120px; }

.imgsizesortvideo {width:144px; height:120px; }

.photothumb{/*width:70px;*/ height:50px;
 }

.normalimg {width:135px}

.videothumimg {width:84px; height:64px;}

.bigimg {width:300px; border:2px solid #CCCCCC; padding:2px}

.imgborder, .thumimg, .thumimg2, .normalimg, .videothumimg, .photothumb {border:1px solid #000; padding:1px}

a:hover .imgborder, a:hover .thumimg, a:hover .normalimg, a:hover .thumimg2, a:hover .videothumimg, a:hover .photothumb {border:1px solid #64A7E0}



/* form part styles */

form {margin:0px; padding:0px}

label {padding:0; margin:0; vertical-align:middle;}

input, select, textarea {font-size:13px; color:#000000; font-family:sans-serif,Arial,Helvetica,Tahoma;}

.button {color:#000000; font-weight:bold;  padding:1px 5px; background:#FF9900; border:1px solid #888888}



/* Extra styles */

.left {float:left}

.right {float:right}

.pad10_left {padding:2px 5px 2px 10px; font-size:12px; color:#FF6600; text-decoration:none; font-weight:bold;}

.pad10 {padding:10px;}
.pad15_top {padding:15px 10px 2px 10px;}

.pad810 {padding:8px 10px 7px 10px;}

.pad8 {padding:5px 10px 8px 10px; *padding:7px 10px 8px 10px;}

.pad10_right {padding:2px;}

.pad5 {padding:5px;}
.pad5tbl{padding:5px 0px 5px 5px;}

a.font14 {font-size:16px; font-weight:bold; line-height:22px;color:#0178b3;background:#FFFFFF; }

a.font14:visited {font-size:16px; font-weight:bold; line-height:22px; color:#0178b3}

a.font14:hover {font-size:16px; font-weight:bold; line-height:22px; color:#0178b3}

a.font14:active {font-size:16px; font-weight:bold; line-height:22px; color:#0178b3}



a.homepage_seenext {font-size:12px; font-weight:bold; line-height:18px; color:#0178b3}

a.homepage_seenext:visited {font-size:12px; font-weight:bold; line-height:18px; color:#0178b3}

a.homepage_seenext:hover {font-size:12px; font-weight:bold; line-height:18px; color:#0178b3}

a.homepage_seenext:active {font-size:12px; font-weight:bold; line-height:18px; color:#0178b3}



a.headline_16 {font-size:12px; font-weight:bold; line-height:18px; color:#0178b3}

a.headline_16:visited {font-size:12px; font-weight:bold; line-height:18px; color:#0178b3}

a.headline_16:hover {font-size:12px; font-weight:bold; line-height:18px; color:#0178b3}

a.headline_16:active {font-size:12px; font-weight:bold; line-height:18px; color:#0178b3}



a.lang_choice {font-size:16px; font-weight:bold; line-height:18px; color:#0e7998; text-decoration:none;}

a.lang_choice:visited {font-size:16px; font-weight:bold; line-height:18px; color:#0e7998;}

a.lang_choice:hover {font-size:16px; font-weight:bold; line-height:18px; color:#0e7998; text-decoration:underline;}

a.lang_choice:active {font-size:16px; font-weight:bold; line-height:18px; color:#0e7998;}



.hotdeal_km{font-size:18px; color:#000000; padding-left:7px;text-align:left;}

.hotdeal_km_tt{font-size:12px; font-weight:bold; color:#000000}
.font14link{font-size:14px;  color:#0C4695; font-weight:bold; text-decoration:none !important;}

a.font14link{font-size:14px;  color:#0C4695; font-weight:bold; text-decoration:none !important;}
a.font14link:hover {font-size:14px; color:#000; text-decoration:none; font-weight:bold;}
.nobg {background:none;}
.middle {padding:0; margin:0; vertical-align:middle;color:#FFFFFF;}
a.middle {text-decoration:none;color:#FFFFFF;}
a.middle:hover {text-decoration:none;color:#FFFFFF;}

.arrow {background:url(../images/arrow.gif) no-repeat left center; padding-left:15px;}


/* mac class english*/
/*.macegcenterh { height:259px;}*/
.macegright { height:225px;}
.maceglefth { height:258px;}

/* mac class viet*/
/*.macvcenterh { height:261px;}*/
.macvright { height:170px;}
.macvlefth { height:260px;}

/* English*/
/*.egcenterh { height:254px;}*/
/**html .egcenterh { height:261px;}*/
.eglefth { height:253px;}
*html .eglefth { height:221px;}
.egrighth { height:269px; border:solid 1px #f00;}
*html .egrighth { height:160px !important;}

 /*Tieng Viet*/
/*.centerh { height:256px;}*/
/**html .centerh { height:263px;}*/
.lefth { height:255px;}
*html .lefth { height:223px;}
.righth { height:200px;}
*html .righth { height:222px;}
/* Extra styles */

.annscroll {height:212px; *height:218px; width:99%; overflow:auto; padding-right:5px;}
.macannscroll {height:218px; width:99%; overflow:auto; padding-right:5px;}
.scroll { 
	height:180px; 
	width:100%; 
	overflow:auto;
	padding:3px;
	background:#CC6600;
	border:solid 2px #FF0000;
	SCROLLBAR-FACE-COLOR: #dce0e2; 
	SCROLLBAR-SHADOW-COLOR: #687888; 
	SCROLLBAR-3DLIGHT-COLOR: #687888; 
	SCROLLBAR-ARROW-COLOR: #6e7e88; 
	SCROLLBAR-DARKSHADOW-COLOR: #dce0e2;	
}
a{
	color:#095f7c;
	outline:none;
}

a:active {outline:none;}
:focus {-moz-outline-style:none;}

table tr td {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	}
}
/* MAC PC- Creat an account field width */
.dropdownmac {width:322px; padding-left:0px;}

/* Windows PC- Creat an account field width */
.dropdownwnd {width:308px; padding-left:0px;}

/*Padding in text box*/
.pad4left {padding-left:0px;}
.pad4pxleft {padding-left:4px;}
.padtopbottom5 {padding:5px 0 5px 0; *padding:4px 0 5px 0; }
.padtopbottom5-mac {padding:0px 0 5px 0;}

.allclassnone table{background:none !important; font-size:none !important; color:none !important; font-family:none !important; font-weight:normal; }
.rightspace {height:6px; * height:2px; widows:50px;}
.hightlight_keyword{
	background: #6aceff;
}

/************* henry: style for video detail related item *****************/
.video_detail_scrollbar{
	width: 523px; 
	height: 200px; 
	overflow: auto;
	/*scrollbar-3dlight-color:#ffd700;*/
	scrollbar-arrow-color:#ff0;
	scrollbar-base-color:#ff6347;
	scrollbar-darkshadow-color:#ffa500;
	scrollbar-face-color:#008080;
	scrollbar-highlight-color:#ff69b4;
	scrollbar-shadow-color:#f0f;
}
.dataTableRowOn {	
	BACKGROUND-COLOR: #AFDAFF; 
	border-spacing: 0px;
}
.dataTableRowOver {	
	BACKGROUND-COLOR: #FF9933; 
	border-spacing: 0px;
}
.link_5video_detail{
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.link_5video_detail:hover{
	font-weight: bold;
	color: #095F7C;
	text-decoration: underline;
}
/************* style for video detail related item *****************/
