/*

Change Log:
	2008-07-30	change by sam add red font style
	2008-07-23	change by sam add three coloum style for member register and member profile page 's input10
	2008-06-18	change by sam add new style textarea3 for client_machine_term_page.html
	2008-05-09	change by sam add new style select11 for client_edit_price_plan.html and new style span33 in span3's color but not blod
	2008-03-20	change by sam add new style btnlink10 for client_group_summary.html "Export All Transactions to CSV" botton
	2008-02-18	change by sam for add select10 style in clientMachineRentalReportsDetail page
	2008-01-18	change by sam for add new style processing images in display in page middle;
	2008-01-17	change by sam for new style select9 and input9 in client machine config change page's new account id line
	2008-01-14	change by sam for swap slots page
	2008-01-07	change by sam add a new style msg for upg search page
	2007-12-05 change by sam for add new btnlink6 style in machine summary page 
	2007-11-12	changed by sam for track 821 (when the content of text box is so long , there will display scroll bars )
	2007-11-06	change by sam for 810 (in IE7.0, the select shows very flat)
    2007-10-31  changed by amy to add select8
	2007-10-12	change by amy to add simulate_a
	2007-09-21	change by amy to add btn12
	2007-09-21	change by sam make btnlinks style handle style
	2007-09-21	chage by sam add new class "select7" , "btn11" for change client group page
	2007-09-11	change by sam for movie verstion number to bottom
	2007-08-29	changed by sam line325 change "round_title" width to 200px for host/view_trailer
	2007-09-06	changed by sam add a movie_title class for customerMovie page input background
	2007-09-07	changed by sam add a new style space2  make height 5px
*/


/* CSS Document */
body {
	background:url(../images/background.gif) center repeat-y ;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	list-style:none;
}
* {
	margin:0px;
	padding:0px;
}
h1 , h2 , h3 , h4 , h5 {
	font-size:12px;
}
img {
	border:0px;
}
a {
	color:#8f0000;
	text-decoration:none;
}
a:hover {
	color:#8f0000;
	text-decoration:underline;
}
.over_flow {
	overflow:hidden;
}	
input , textarea {
	font-family:Arial, Helvetica, sans-serif;
}
#container {
	width:1000px;
	padding-bottom:30px;
	overflow:hidden;
	background:url(../images/top_mainbody_bg.gif) center top no-repeat;
	text-align:left;
}
/* mainbox style include(navgation,frame) */
#mainbox {
	clear:both;
	width:1000px;
	background:url(../images/mainbox_body.gif) repeat-y;
}
#mainbox #mainboxTop {
	width:1000px;
	height:10px;
	overflow:hidden;
	background:url(../images/mainbox_top.gif);
}
#mainbox #mainboxBottom {
	width:1000px;
	height:10px;
	overflow:hidden;
	background:url(../images/mainbox_bottom.gif);
}
#mainbox #mainboxBody, #mainbox #mainboxBody2 {
	width:1000px;
	min-height:200px;
}
#mainbox #mainboxBody2 {
	min-height:40px;
	padding-top:20px;
}
#miniheight, #miniheight_nav {
	float:left;
}
#miniheight img {
	width:1px;
	height:150px;
}
#miniheight_nav img {
	width:1px;
	height:200px;
}
/* end of mainbox style*/

#frameStyle {
	width:932px;
	margin:15px 0 0 34px;
	min-height:50px!important;
	overflow:hidden;
	text-align:left;
}
.normal {
	height:auto!important;
	min-height:350px!important;
	height:350px;
}
/***************************************************************** old style name in other themes *******************/
/*
#no_mach {
	text-align:center;
}
.username1 , .password1 , .username2 , .password2 {
	width:165px;
}
.username2 , .password2 {
	border:1px solid #8f0000;
}
.loginbuttom {
	width:92px;
	height:24px;
	background:url(../images/btn1.gif) no-repeat right bottom;
	border:0px;
	font-weight:bold;
	color:#fff;
}
.span1, .span2 , .span8 , .span12  {
	vertical-align:top;
	width:130px;
	color:#8f0000;
	font-weight:bold;
}
.msg {
	color:#8f0000;
}
.erro , .erro2 {
	clear:both;
	display:inline;
	line-height:20px;
	padding:1px 10px;
	border-right:1px solid #8f0000;
	border-bottom:1px solid #8f0000;
	background:#FFBF00;
	color:#000;
	font-weight:normal;
}
.erro2 {
	margin-left:135px;
}
*/
/***************************************************************** end of old style name in other themes *******************/



/* all span style */
.redwords {
	color:red;
	font-weight:bold;
}
.span1,span22 {
	display:inline;
}
.span1, .span5 , .span6 {
	color:#c0272d;
	font-weight:bold;
}
.span2 {
	color:#333;
	font-weight:bold;
}
.span3 {
	color:#666;
	font-weight:bold;
}
.span33 {
	color:#666;
}
.span22 {
	padding-left:5px;
	color:#333;
}
.span4 {
	color:#666;
	font-weight:normal;
}
.span_title {
	font-size:14px;
}
.span5 {
	
}

.span6 {
	font-size:16px;
}

/* all input style */
input, textarea , select {
	padding:1px 1px 0 2px;
	background:#fff;
	border:1px solid #666;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	overflow:hidden;
}
input:focus, textarea:focus  {
	border-color:#c0272d;
}
.checkBox {
	width:18px;
}
.after_radio {
	display:inline;
	margin:0px 20px 0 5px;
}
.radio { /************************ use in siteconfig page */
	vertical-align:top;
	border:0px;
}
input, select  {
	height:20px;
}
.input1 {	width:498px;}
.input2 {	width:250px;}
.input7 {	width:470px;} /* change password input */
.input3 {	width:205px;}
.input4 {	width:350px; }  /* 3 colunms filter bar is used */
.input4_1 {	width:280px; }  /* 4 colunms filter bar is used */
.input5 {	width:70px;height:16px;}   /* in data table's input */
.input5_1 {	width:40px;height:16px; overflow:hidden;}   /* in data table's input machine_slots price edit */
.input6 {	width:290px; border:1px solid #666; background:#efefef; height:17px;}	/* in siteconfig page */
.input7 {	width:70px; border:1px solid #666; height:17px;}	/* in reports page */
.input8 {	width:350px;}	/* in add custome movie title page */	
.input9 {	width:99px; }	/* in client machine config change 's account Id input  */	
.input10 {	width:180px;}

.bottom_btn { /* slots.html bottom */
	width:100%;
	text-align:center;
}

.btn1 , .btn2 , .btn3 , .btn4 , .submitbtn , .btn10 , .btn11 , .btn12 , .btn13 {	cursor:pointer;}
.btn1 , .btn2 , .btn3 , .btn4 {
	height:25px;
	border:0px;
	font-weight:bold;
	font-size:12px;
	color:#FFBF00;
	text-align:center;
	vertical-align:middle;
}
.btn1 {	width:105px;background:url(../images/btn1.gif) no-repeat right bottom;}
.btn2 {	width:122px;background:url(../images/btn2.gif) no-repeat right bottom;}
.btn3 {	width:152px;background:url(../images/btn3.gif) no-repeat right bottom;}
.btn4 {	width:190px;background:url(../images/btn8.gif) no-repeat right bottom;}

.submitbtn { /****************************** all bottom submit buttons */
	float:right;
	margin:5px 5px 5px 30px;
}
/* ***************************** especial btn style in some place */
.btn10 , .btn11 , .btn12 , .btn13 { /********************************** table data edit button */
	margin:2px 0;
	width:70px;
	height:18px;
	text-align:center;
	border:1px solid #666;
	background:url(../images/btn1.gif);
	background-position:-5px -3px;
	padding:0px;
	color:#FFBF00;
	font-size:12px;
}
.btn11 {	width:95px; }
.btn12 {	width:100px; }
.btn13 {	width:50px; }

textarea {
	overflow:auto;
	margin:0px 0 2px 0!important;
	margin:0px;
}
.textarea1 {
	width:498px;
	height:70px;
}
.textarea2 {
	width:250px;
	height:45px;
}
.textarea3 {
	width:498px;
	height:200px;
}
select {
	width:150px;
	height:20px;
	border:1px solid #bebebe;
	margin:0 1px;
}
.select1 {	width:250px;}
.select2 {	width:254px;}	/* in summary config page */
.select3 {	width:70px;height:16px!important; *height:21px!important; height:16px;}	/* in Coupons page edit */

.select4 {	width:270px;}	/* in reports page edit */
.select5 {	width:140px;}	/* in reports page edit */
.select6 {	width:250px;}	/* in reports page edit */
.select7 {	width:80px; height:16px!important; *height:21px!important; height:16px; position:relative; top:-1px;}	/* in client_group_detail page edit */
.select8 {	width:50px;height:16px!important; *height:21px!important; height:16px;}	/* in Slots page edit */
.select9 {	width:110px;}
.select10 {	width:160px;} /* for blackhwak clientMachineRentalReportsDetail top select */
.select11 {	width:523px; margin-left:15px; margin-bottom:10px; } /* for client_edit_price_plan page */

/* end of all input style */


/* all table style 
table {
	font-size:1.0em;
	text-align:left;
}
td {	
	padding:0px 2px;
}
.tab_indent {
	width:97%;
}
.tab_title_tr {
	height:22px;
	padding-top:4px;
	background:#8f0000;
	color:#fff;
	font-weight:bold;
	font-size:12px;
}
.td {
	height:20px;
	border:1px solid #bebebe;
	margin:5px;
}
.tab_title_tr .td {
	border:1px solid #8f0000;
}
.mouseon .td {
	border:1px solid #8f0000;
}
.td .links {
	color:#8f0000;
	text-decoration:none;
	font-size:1.0em;
	font-size:12px;
}
*/

.reports_right {
	float:right;
	padding-right:3px;
	text-align:left;
}
.reports_left {
	float:left;
	padding-left:3px;
	text-align:left;
}
.float_left {	float:left;}
.float_right {	float:right;}

.compart_line {
	width:90%;
	height:5px;
	overflow:hidden;
}
.arro_sort { /* sorting in table data title little images */
}
.round_title {	/* round  corner squareness used in host_client_machine_list and movie_detail page */
	display:block;
	padding:2px 0 0 0px;
	width:200px;
	height:20px;
	text-align:left;
	color:#333;
	font-weight:bold;
	font-size:14px;
}
.btnlink1, .btnlink2, .btnlink4	, .btnlink5 , .btnlink6 , .btnlink10 { /* which is like botton links width  */
	display:block;
	padding:2px 0 0 0;
	width:150px;
	height:23px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	background:url(../images/btn3.gif) no-repeat;
	cursor:pointer;
}
.btnlink2 , .btnlink6 {
	width:120px;
	color:#ffbf00;
	background:url(../images/btn2.gif) no-repeat;
}
.btnlink6 {	width:55px; margin:0 2px; background:url(../images/btn5.gif) no-repeat}
.btnlink4 {
	width:120px;
	color:#ffbf00;
	background:url(../images/btn4.gif) no-repeat;
}
.btnlink5 { /* use in host_client_list.html (tableData with left logo pics) */
	margin:2px;
	width:55px;
	height:22px;
	color:#fff;
	background:url(../images/btn5.gif) no-repeat;
}
.btnlink2:hover , .btnlink6:hover { color:#ffbf00;text-decoration:none;}
.btnlink1:hover { color:#fff;text-decoration:none;}
.btnlink4:hover { color:#ffbf00; text-decoration:none;}
.btnlink5:hover { color:#fff; text-decoration:none;}

.btnlink3 { /*for slots sweap page */
	display:block;
	width:90px;
	height:18px;
	line-height:18px;
	text-align:center;
	font-weight:normal;
	font-size:12px;
}

.btnlink10 {	color:#fff; width:190px; margin:0 2px; background:url(../images/btn8.gif) no-repeat; }
.btnlink10:hover {	color:#fff; text-decoration:none; }


.normal_link {	
	color:#00f; 
	font-weight:bold; 
	cursor:pointer;
	text-decoration:underline;
}

.space {
	clear:both;
}
.space2 {
	clear:both;
	height:5px;
	overflow:hidden;
}
.erro {
	clear:both;
	display:inline;
	line-height:20px;
	color:#c0272d;
	font-weight:bold;
}
.msg {
	color:#888;
	margin-left:5px;
}
.dollar {
	padding-left:15px;
	background:url(images/dollar_bg.gif) no-repeat;
	background-position:-1px -1px;
	width:235px;
}
.percent {
	background:url(images/percent_bg.gif) no-repeat;
	background-position:40px 1px;
}
.cutoff_time {
	background:url(images/cutoff_time_bg.gif) no-repeat;
	background-position:70px 2px;
}
.movie_title {
	background:url(images/movie_title_bg.gif) no-repeat right;
}
.version {
	float:right;
	margin-top:-18px;;
	margin-right:-60px!important;
	*margin-right:-00px!important;
	*margin-right:-00px;
	font-size:11px;
	color:#fff;
}
.simulate_a {
	cursor:pointer;
}
.processing {
	width:100%;
	height:350px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
.processingImg {
	margin-top:100px;
}
.textOutput {
	width:98%;
	padding-left:10px;
	text-align:left;
}