/*

  $Id: client_style.css, v 1.0 2008/8/14 Xiao Yeh $

  MovieDownloadSite

  CopyRight (r) 2008-2010 Dog&Me

*/

/** INPUT STYLE */
input {font-family: "Lucida Console", Monaco, monospace;}

/** BODY STYLE */
body { cursor:default; color: black; margin-top: 0px; margin-left: 0px; font-size: 12px; font-family: Georgia, Verdana, Helvetica, sans-serif; }
form { display: inline; cursor:pointer; }


div.infoBar { display: block; font-weight: bold; padding-left: 25px; width: 100%; background-color: #dddddd; color: #ffffff }
div.infoContent { display: block; width: 100%; }

/** IMG LIST */
div.imgList2 { margin: 7px; border: 0px solid #0000ff; height: auto; width: auto; float: left; text-align: center; }
div.imgList { margin: 2px; border: 0px solid #0000ff; height: auto; width: auto; float: left; text-align: center; }
div.imgList img {   display: inline;   margin: 3px;   border: 0px solid #ffffff; }
div.imgList a:hover img {border: 0px solid #0000ff;}
div.imgListDesc {   text-align: center;   font-weight: normal;   width: 120px;   margin: 2px; }
div.returnListBtn { text-align: right; }
img { border: 0px solid #0000ff; max-width: 100%;}
a {max-width: 100%;}

.copyright { font-size: 12px; color: gray; font-family: Georgia, Arial, Helvetica, sans-serif; }
.client_cats { line-height: 13px }


/*table.menu_btf form.unit_img {
    
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 3px;
    transition: 0.3s;
}*/


/* -------------------------------------------------------------------------- */
table.main_form    { table-layout: fixed ; border-collapse: collapse;
                     border-style: solid ; border-width: 0px }
table.main_form td { border-style: solid ; border-width: 0px; padding: 0px }
table.main_form th { border-style: solid ; border-width: 0px }

/* -------------------------------------------------------------------------- */
table.menu_css    { table-layout: fixed ; border-collapse: collapse;
                    border-style: solid ; border-width: 0px }
table.menu_css td { border-style: solid ; border-width: 0px; padding: 0px }

/* -------------------------------------------------------------------------- */
table.menu_btf    { border-collapse: collapse;
                    border-style: solid ; border-width: 0px;
                    background-color: #ffffff;
                    -moz-border-radius:5px; /* Firefox */
                    border-radius:10px;

                    box-shadow: 2px 2px 5px #D1D1D1;
                    -webkit-box-shadow: 2px 2px 5px #D1D1D1;
                    -moz-box-shadow: 2px 2px 5px #D1D1D1;
                    
                    
}                
                 
.menu_btf .movie_list td {
    padding: 5px 0px 0px 0px;
}                    

.menu_btf .movunit2page td {
    padding: 0px 0px 0px 0px;
}
                    
table.menu_btf th { table-layout: fixed ; font-size: 12px; font-family: Georgia,Arial, Helvetica, sans-serif; border-style: solid ;
					border-width: 0px; padding: 5px; text-align: center; background-color: #ffffff }
table.menu_btf td { table-layout: fixed ; font-size: 12px; font-family: 'Courier New',Courier,monospace; border-color: #dddddd ; border-style:  solid ;
					border-width: 0px; padding: 10px 0px 10px 0px; }
table.menu_btf a:link    {color: #000000; text-decoration: none }
table.menu_btf a:visited {color: #000000; text-decoration: none }
table.menu_btf a:active  {color: #000000; text-decoration: none }
table.menu_btf a:hover   {color: #FF99FF; text-decoration: none }
/* Helvetica, Verdana, Georgia, Arial, Helvetica; */
table.menu_btf button    {color: black; text-align: left; /*width:100px;*/ font-size: 12px; font-family:  Georgia;
						  border-style: solid; border-width: 0px;  background-color: #ffffff; padding: 0px 0px 0px 0px;
						  margin: 0px 0px 0px 0px; white-space: normal; word-spacing: 0px; cursor: pointer; }
table.menu_btf testarea  {color: black; text-align: left; /*width:100px;*/ font-size: 10px; font-family: Georgia, Arial, Helvetica;
						  border-style: solid; border-width: 0px;  background-color: #ffffff; height: 11px }
table.menu_btf form { display: inline }
/* ------- MOVIE LIST ------- */
table.movie_list { border-collapse: collapse; border-style: solid ; border-width: 0px }
table.movie_list th	{ padding: 5px; font-size: 12px; font-family: Georgia,Arial, Helvetica, sans-serif; }
table.movie_list td	{ padding: 5px; font-size: 12px; font-family: Georgia,Arial, Helvetica, sans-serif; }
/* ------- PAGE CTRL ------- */
table.page_ctrl { border-collapse: collapse; border-style: solid ; border-width: 0px }
table.page_ctrl td	{ padding: 5px; font-size: 11px; font-family: Georgia,Arial, Helvetica, sans-serif; }
table.page_ctrl a:link    {color: #696969; text-decoration: none }
table.page_ctrl a:visited {color: #696969; text-decoration: none }
table.page_ctrl a:active  {color: #696969; text-decoration: none }
table.page_ctrl a:hover   {color: #ffffff; background-color: #FF00FF; text-decoration: none }
/* ------- DATA LIST ------- */
table.datalist { border-collapse: collapse; border-style: solid ; border-width: 1px }
table.datalist th { table-layout: fixed ; font-size: 12px; font-family: Georgia,Arial, Helvetica, sans-serif; border-style: solid ; border-width: 1px; padding: 5px; text-align: center; background-color: #eeeeee }
table.datalist td { table-layout: fixed ; font-size: 11px; font-family: Georgia,Arial, Helvetica, sans-serif; border-style:  solid ; border-width: 1px; padding: 10px; background-color: #ffffff; background-image: url(''); }
table.datalist a:link    {color: #696969; text-decoration: none }
table.datalist a:visited {color: #696969; text-decoration: none }
table.datalist a:active  {color: #696969; text-decoration: none }
table.datalist a:hover   {color: #ffffff; background-color: #FF00FF; text-decoration: none }

/* ------- MOVIE_INFO ------- */
table.movie_info { border-collapse: collapse; border-style: solid ; border-width: 0px }
table.movie_info th { table-layout: auto ; font-size: 11px; font-family: Georgia,Arial, Helvetica, sans-serif; border-width: 0px; padding: 0px; background-color: #ffffff  }
table.movie_info td { table-layout: auto ; font-size: 11px; font-family: Georgia,Arial, Helvetica, sans-serif; border-width: 0px; padding: 0px; width:366px;  }

/*jerry*/
.readonly {BACKGROUND-COLOR: #eeeeee}
.page{ 	line-height:48px; 	clear:both; 	font-family:Tahoma; 	font-weight:bold; }
.page a{ 	margin:0 2px; }
.page a:link,.page a:visited,.page a:active{ 	padding:2px 5px; 	font-family:Tahoma; 	border:1px solid #e8e8e8; 	background:#fff; 	text-decoration:none; 	outline:none; }
.page a:hover{ 	color:#fff;background:#e20070; 	text-decoration:none; 	border:1px solid #c06; }
.page a.on:link,.page a.on:visited,.page a.on:hover,.page a.on:active{ 	color:#fff; 	background:#e20070; 	font-weight:bold; 	border-color:#e20070 }
.active { 	COLOR: red; }


/* Show Live */
#showlivebox {
float: left;
width: 170px;
height: 230px;
padding: 0px;
margin: 5px 3px 5px 3px;
border-radius: 8;
background: url('images/btf/btf_t.gif') 0 -5px repeat-x;

border: 1px solid pink;
background-color: #f5f5f5;
}

#showlivebox #head {
height: 21px;
border-bottom: 3px solid white;
/*appearance: button;
-moz-appearance: button;*/
/* -webkit-appearance: button; */
/* background-color: red; */
}

#showlivebox #head #showname {
float: left;
margin-left: 3px;
/*color: blueviolet;*/
/*font-weight: bold;*/
margin-left: 5px;
}

#showlivebox #head #showid {
float: right;
margin-right: 3px;
color: brown;
font-family: fantasy;
margin-right: 5px;
}

#showlivebox #img {
height: 144px;
border-bottom: 3px solid white;
text-align: center;
}

#showlivebox #img img{
max-width: 168px;
max-height: 142px;
}

#showlivebox #onmode{
font-family: fantasy;
/*font-weight: bold;*/
text-align: center;
color:#996600;
}

#showlivebox #online{
font-family: fantasy;
/*font-weight: bold;*/
text-align: center;
}

/* Show Live Top 10 */

#showlivebox_top10{
float: left;
width: 110px;
height: 180px;
padding: 0px;
margin: 5px 3px 5px 3px;
border-radius: 8;
background: url('images/btf/btf_t.gif') 0 -5px repeat-x;
border: 1px solid pink;
background-color: #f5f5f5;
}

#showlivebox_top10 #head {
height: 21px;
border-bottom: 3px solid white;

}

#showlivebox_top10 #head #showname {
float: left;
margin-left: 3px;
/*color: blueviolet;*/
/*font-weight: bold;*/
margin-left: 5px;
}

#showlivebox_top10 #head #showid {
float: right;
margin-right: 3px;
color: brown;
font-family: fantasy;
margin-right: 5px;
}

#showlivebox_top10 #img {
height: 104px;
border-bottom: 3px solid white;
text-align: center;

}

#showlivebox_top10 #img img{
width: 108px;
max-width: 108px;
min-width: 108px;
}

#showlivebox_top10 #onmode{
font-family: fantasy;
/*font-weight: bold;*/
text-align: center;
color:#996600;
}

#showlivebox_top10 #online{
font-family: fantasy;
/*font-weight: bold;*/
text-align: center;
}

#showlive_filter_bar {}
#showlive_filter_bar #bar1 {float: left;}
#showlive_filter_bar #bar1 div {float: left;}
#showlive_filter_bar #bar2 div {float: left;}

#showlive_filter_bar #bar1 #p0 {}
#showlive_filter_bar #bar1 #p1 {}
#showlive_filter_bar #bar1 #p2 {
margin-left: 5px;
border-left: 1px solid #cccccc;
padding-left: 5px;
}
#showlive_filter_bar #bar1 #p3 {
margin-left: 5px;
border-left: 1px solid #cccccc;
padding-left: 5px;
}

#showlive_filter_bar #ss { clear:both; }

#showlive_filter_bar #bar2 {float: left;}
#showlive_filter_bar #bar2 #p0 {}
#showlive_filter_bar #bar2 #p1 {}
#showlive_filter_bar #bar2 #p2 {
margin-left: 5px;
border-left: 1px solid #cccccc;
padding-left: 5px;
}
#showlive_filter_bar #bar2 #p3 {
margin-left: 5px;
border-left: 1px solid #cccccc;
padding-left: 5px;
}

.payment_selection {
    background-color: #ffffcc;
    border-left: 6px solid #ffeb3b;   
    padding: 16px;
    margin-top: 16px!important;
    margin-bottom: 16px!important; 
    color: darkred;
    font-size: x-small; 
    font-family: monospace;
    border-radius: 5px;
    width: 100%;
}


table.payment_table td {padding: 0px 0px 0px 0px;}

table .payment_sub_table {border-collapse: collapse; }
table .payment_sub_table th {background-color: #DDD; border: 1px solid #999; padding: 5px;text-align: center;}
table .payment_sub_table td {background-color: #FFF; border: 1px solid #999; padding: 5px;}