/* Change Log: 2009-04-24 change by sam add a reserve td machine style in slots page 2009-04-03 change by sam for change the #taxAccount in machine reports page 2009-01-08 change by sam for add new style error for bad client Machine Slots in page clientMachineSlots and error class for page swap_slots 2008-08-25 change by sam add colspan in upg view report page 2008-08-25 change by sam add change slot left71 to left81 for add price plan 2008-08-21 change by sam add style "fieldset" in frameStyle05 for client machine price plan detail page 2008-07-23 change by sam add three coloum style for member register and member profile page in #frameStyle02 2008-07-16 change by sam for add new style "#frameStyle03 .label1 label" in client batch price update page in 2008-07-10 change by sam for swep slots page right slot unnormal 2008-07-01 change by sam add new style cityName for client_all_cities_in_frame page 2008-06-23 change by sam add new style #frameStyle08 .Group_Report_BY_MACHINE .left71 for client_group_reports_print.html 2008-06-19 change by sam add new style in machine summary config page in change location table11 2008-06-03 change by sam for add new style movielist for client movielist page's top filter 2008-06-02 change by sam for client_group_reports ,add new style " #frameStyle08 .span1 img " 2008-05-29 change by sam add new style in machine summary config page in change location table11 2008-05-26 change by sam add new style "pricePlanEdit" for client_edit_price_in_frame page 2008-03-17 change by sam for ie 7.0 bug about umg channel 2008-03-13 change by sam for payment status reopen class 2008-02-27 change by sam for cost management page input box and the left currencySymbol; 2008-02-21 change by sam for rchd bar in client site config page 2008-02-02 change by sam for cost management page top_btn add style in frameStyle03 buttom; 2008-02-01 change by sam for swapslot top right saving block in style09 (tagRight) 2008-01-29 change by sam for right info position error about 1150 line 2008-01-22 change by sam for new sytle events in machine events and group events page 2008-01-18 change by sam for new styles in client machine mass unload page in style09's left right and rightbuttom 2008-01-17 change by sam for the new style 'code' in client machine config change page in new account id line 2008-01-17 change by sam for the upg search page 2008-01-14 change by sam for swap slots page 2007-12-07 change by sam for upg search top condition bar 2007-12-05 change by sam for viewMachineChannel page when no channel assigned to the machine 2007-12-5 change by sam for add page "view_upg_report" and "search_upg_report" in style03 and style05 2007-11-29 change by sam for add style in umgpage 2007-11-27 change by sam for add a new page my_machine_channel.html in inner table style 2007-11-22 change by sam for add a icon about the report page for the tax acount help 2007-11-09 change by sam for if the right is so long , the content will float to left 2007-11-05 change by sam for adjust the width about the transtaction table 2007-11-5 change by sam for report page about the data table 2007-10-31 chagen by amy for 789 2007-10-16 chagen by sam make the text whicn in summary table right align 2007-10-08 change by amy to add "#frameStyle05 .table2 .left45 " 2007-09-21 change by sam add new style for machine list right top radio select 2007-09-21 change by amy for add #frameStyle04 .machine_list_overflow 2007-09-20 change by sam for group page 2007-09-20 change by sam add new style "view_movie" for moviedetail page's new link "view the media" 2007-09-13 change by sam for make payment statue page total Amount and select menu in one line add "#frameStyle11 form" and "#frameStyle11 .title" style 2007-08-29 Changed by sam line450 add new class="#frameStyle .right") for leftimage is not so long in machine summary page 2007-09-05 change by sam frameStyle07 span1, span4 for the more strike the eye about the ( available = 0 )'s movies 2007-09-07 change by sam add a new framestyle11 for payment statue page 2007-09-07 change by sam for avaiable =0 make more attention */ /* CSS Document */ /************************************************************************** #frameStyle01:(login); #frameStyle02:(one big table style, such as profile); #frameStyle03:(table data style, such as slots) #frameStyle04:(big bar, such as machine list) #frameStyle05:(two line and right complex, such as summary) #frameStyle06:(complex page,used in client machine list page + movie detail page) #frameStyle07:(pictures show, such as overview machines) #frameStyle08:(reports page) #frameStyle09:(machine slots swap page) #frameStyle10:(email alert page) #frameStyle11:(payment Statue) #frameStyle12:(umg channel edit page) **************************************************************************/ #frameStyle01, #frameStyle02,#frameStyle03,#frameStyle04,#frameStyle05,#frameStyle06,#frameStyle07,#frameStyle08, #frameStyle09,#frameStyle10,#frameStyle11,#frameStyle12,#frameStyle13 { margin:15px 0; display:block; text-align:left; font-size:12px; } /**************************************** login style */ #frameStyle01 { padding:10px 5px 20px 5px; width:560px; height:350px; } #frameStyle01 h1 { font-size:14px; line-height:35px; } #frameStyle01 input { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; } #frameStyle01 .username1,#frameStyle01 .username2,#frameStyle01 .password1,#frameStyle01 .password2 { width:180px; height:24px; } #frameStyle01 .username2,#frameStyle01 .password2 { } #frameStyle01 .quick_receipt .username1,#frameStyle01 .quick_receipt .username2, #frameStyle01 .quick_receipt .password1,#frameStyle01 .quick_receipt .password2 { width:250px; } #frameStyle01 .table1 { width:300px; margin:10px 0; } #frameStyle01 .line { width: 510px; margin-top: 1px; height: 1px; background-color: #8f0000; background-image: none; background-repeat: repeat; overflow: hidden; } #frameStyle01 .quick_receipt .table1 { width:450px;} #frameStyle01 .quick_receipt .table1 .left21 { width:240px;padding-left:7px;line-height:28px;} #frameStyle01 .table1 .left21 { width:35%;padding-left:7px;line-height:28px;} #frameStyle01 .table1 .left22 { width:65%;padding-left:7px;line-height:28px;} #frameStyle01 .table1 .span1 { color:#333;} #frameStyle01 .table1 .span2 { color:#c0272d;} #frameStyle01 .btn1 { margin:10px 0; } #frameStyle01 a { display:block; width:140px; vertical-align:middle; margin-left:1px; padding:0px 2px; font-weight:bold; color:#666; text-decoration: none; border:1px dashed #666666; border-left:0px; border-right:0px; } #frameStyle01 a:hover { background:#efefef; color:#c0272d; } #frameStyle01 .erro { font-weight:bold; } #frameStyle01 .wordspace { margin:0 10px 0 0px; } /* end of login style */ /******************************** one big table style */ #frameStyle02 { margin-top:15px; margin-bottom:15px; width:650px; font-size:12px; } /* make bottom looks better (now no use) #frameStyle02 .bottomspace { height:30px; }*/ #frameStyle02 .wordspace { margin:0 10px 0 0px; } #frameStyle02 .channelouter { width:650px; padding:15px 15px; margin-left:-10px!important; margin-left:0px; background:#fff; } #frameStyle02 .channelbox { margin:10px 0; width:100%; height:350px; overflow:auto; } #frameStyle02 #clientlogo { float:right; margin-right:5px!important; margin-right:2px; margin-bottom:-54px; width:157px; height:54px; background:#666; } #frameStyle02 #clientlogo img { width:157px; height:54px; display:block; background:#8f0000; } #frameStyle02 table { margin:10px 0; width:100%; } #frameStyle02 table .tab_title { height:25px; padding-top:4px; font-weight:bold; } #frameStyle02 table .tab_title .left21,#frameStyle02 table .tab_title .left22 { background:#ffbf00;} #frameStyle02 td { vertical-align:top; text-align:left; height:25px; } #frameStyle02 .left11 {padding:5px;line-height:24px;background:#fff;border:1px solid #ccc;} #frameStyle02 .withlogo { width:440px;} #frameStyle02 .withlogo .left21 { width:135px;padding-left:5px;line-height:22px;} #frameStyle02 .withlogo .left22 { width:300px;padding-left:5px;line-height:22px;} #frameStyle02 .left21 { width:135px;padding-left:5px;line-height:22px;} #frameStyle02 .left22 { width:500px;padding-left:5px;line-height:24px;} #frameStyle02 .channel { background:#888;} #frameStyle02 .channel .left21 { width:75%;padding-left:5px;line-height:22px; border:0px; background:#fff;} #frameStyle02 .channel .left22 { width:25%;padding-left:5px;line-height:22px; border:0px; background:#fff;} #frameStyle02 .left31 { width:135px;background:#fff;border:1px solid #888;} #frameStyle02 .left32 { width:205px;} #frameStyle02 .left33 { width:270px;} #frameStyle02 .text .title { font-weight:bold; color:#900; } #frameStyle02 .text p { margin:10px 0px; color:#000; } #frameStyle02 .rchd_bar { } #frameStyle02 .rchd_bar img { float:left; } #frameStyle02 .rchd_bar .number { float:left; line-height:22px; padding:0 5px; } #frameStyle02 .rchd1 { margin-left:65px; margin-bottom:5px; } #frameStyle02 .rchd2 { margin-left:50px; margin-bottom:5px; } #frameStyle02 .divHelp { text-align:center; position: absolute; border:1px dashed #000; line-height:22px; background:#EFE1C2; font-weight:bold; width:400px; } #frameStyle02 .threeColume { width:98%; } #frameStyle02 .threeColume .left31 { width:27%; padding-left:5px; border:0px; } #frameStyle02 .threeColume .left32 { width:30%; } #frameStyle02 .threeColume .left33 { width:42%; } #frameStyle02 .threeColume .left31_1 { width:22%; padding-left:5px; border:0px; } #frameStyle02 .threeColume .left33_1 { width:47%; } /* end of one big table style */ /******************************** table data style */ #frameStyle03 { width:880px; } #frameStyle03 .tableData { width:100%; text-align:left; font-size:12px; } #frameStyle03 .tableData td { padding-left:2px; } #frameStyle03 .tableData .tab_title { height:25px; padding-top:4px; background:#8f0000; color:#fff; font-weight:bold; } #frameStyle03 .tableData .tab_title td { border:1px solid #8f0000; } #frameStyle03 .tableData .in td , #frameStyle03 .tableData .out td , #frameStyle03 .tableData .empty td , #frameStyle03 .tableData .mouseon td ,#frameStyle03 .tableData .error td , #frameStyle03 .tableData .reserved td { height:22px; border:1px solid #bebebe; margin:5px; padding:0px 2px; } #frameStyle03 .tableData .in td { background:#fff;} #frameStyle03 .tableData .out td { background:#FCEECD;} #frameStyle03 .tableData .empty td { background:#E5DEED;} #frameStyle03 .tableData .unload td { background:#ddd;} #frameStyle03 .tableData .reserved td { background:#FFD3A8;} #frameStyle03 .tableData .mouseon td { border:1px solid #8f0000;} #frameStyle03 .tableData .error td { background: #F4AD6E;} #frameStyle03 .coupons .left81 { width:100px;} #frameStyle03 .coupons .left82 { width:100px;} #frameStyle03 .coupons .left83 { width:110px;} #frameStyle03 .coupons .left84 { width:110px;} #frameStyle03 .coupons .left85 { width:110px;} #frameStyle03 .coupons .left86 { width:110px;} #frameStyle03 .coupons .left87 { width:100px;} #frameStyle03 .coupons .left88 { width:100px;} #frameStyle03 .olist .left71 { width:40px;} #frameStyle03 .olist .left72 { width:55px;} #frameStyle03 .olist .left73 { width:218px;} #frameStyle03 .olist .left74 { width:50px;} #frameStyle03 .olist .left75 { width:133px;} #frameStyle03 .olist .left76 { width:117px;} #frameStyle03 .olist .left77 { width:37px;} #frameStyle03 .transaction .left51 { width:60px;} #frameStyle03 .transaction .left52 { width:122px;} #frameStyle03 .transaction .left53 { width:138px;} #frameStyle03 .transaction .left54 { width:155px;} #frameStyle03 .transaction .left55 { width:209px;} #frameStyle03 .transaction .left71 { width:36px;} #frameStyle03 .transaction .left72 { width:40px;} #frameStyle03 .transaction .left73 { width:80px;} #frameStyle03 .transaction .left74 { width:195px;} #frameStyle03 .transaction .left75 { width:50px;} #frameStyle03 .transaction .left76 { width:114px;} #frameStyle03 .transaction .left77 { width:40px;} #frameStyle03 .transaction .left81 { width:36px;} #frameStyle03 .transaction .left82 { width:190px;} #frameStyle03 .transaction .left83 { width:45px;} #frameStyle03 .transaction .left84 { width:115px;} #frameStyle03 .transaction .left85 { width:65px;} #frameStyle03 .transaction .left86 { width:65px;} #frameStyle03 .transaction .left87 { width:45px;} #frameStyle03 .transaction .left88 { width:30px;} /* #frameStyle03 .slots .left71 { width:8%;} #frameStyle03 .slots .left72 { width:37%;} #frameStyle03 .slots .left73 { width:14%;} #frameStyle03 .slots .left74 { width:14%;} #frameStyle03 .slots .left75 { width:10%;} #frameStyle03 .slots .left76 { width:10%;} #frameStyle03 .slots .left77 { width:7%;} */ #frameStyle03 .slots .left81 { width:6%; width:40px;} #frameStyle03 .slots .left82 { width:28%; width:130px;} #frameStyle03 .slots .left83 { width:12%; width:80px;} #frameStyle03 .slots .left84 { width:12%; width:80px;} #frameStyle03 .slots .left85 { width:8%; width:45px;} #frameStyle03 .slots .left86 { width:9%;width:60px;} #frameStyle03 .slots .left87 { width:8%;width:45px;} #frameStyle03 .slots .left88 { width:7%;width:45px;} #frameStyle03 .slots .btn10 { width:45px;} #frameStyle03 .bottom_btn { padding-top:15px; height:35px;} #frameStyle03 .bottom_btn .btnlink2 { float:right; margin-left:10px;} #frameStyle03 .bottom_btn .btnlink4 { float:left;} #frameStyle03 .add_trailer .left51 { width:16px;} #frameStyle03 .add_trailer .left52 { width:520px;} #frameStyle03 .add_trailer .left53 { width:140px;} #frameStyle03 .add_trailer .left54 { width:80px;} #frameStyle03 .add_trailer .left55 { width:90px;} #frameStyle03 .view_trailer .left51 { width:40px;} #frameStyle03 .view_trailer .left52 { width:320px;} #frameStyle03 .view_trailer .left53 { width:130px;} #frameStyle03 .view_trailer .left54 { width:60px;} #frameStyle03 .view_trailer .left55 { width:90px;} #frameStyle03 .add_trailer .left61 { width:16px;} #frameStyle03 .add_trailer .left62 { width:254px;} #frameStyle03 .add_trailer .left63 { width:125px;} #frameStyle03 .add_trailer .left64 { width:75px;} #frameStyle03 .add_trailer .left65 { width:70px;} #frameStyle03 .add_trailer .left66 { width:50px;} #frameStyle03 .custom_movie_list .left41 { width:25px;} #frameStyle03 .custom_movie_list .left42 { width:254px;} #frameStyle03 .custom_movie_list .left43 { width:118px;} #frameStyle03 .custom_movie_list .left44 { width:64px;} #frameStyle03 .transaction_list .left71 { width:80px;} /* client_transaction_list.html */ #frameStyle03 .transaction_list .left72 { width:190px;} #frameStyle03 .transaction_list .left73 { width:60px;} #frameStyle03 .transaction_list .left74 { width:60px;} #frameStyle03 .transaction_list .left75 { width:40px;} #frameStyle03 .transaction_list .left76 { width:35px;} #frameStyle03 .transaction_list .left77 { width:35px;} #frameStyle03 .client_list .left71 { width:8%;} #frameStyle03 .client_list .left72 { width:36%;} #frameStyle03 .client_list .left73 { width:14%;} #frameStyle03 .client_list .left74 { width:14%;} #frameStyle03 .client_list .left75 { width:10%;} #frameStyle03 .client_list .left76 { width:10%;} #frameStyle03 .client_list .left77 { width:8%;} #frameStyle03 .payment .left101 { width:30px;} #frameStyle03 .payment .left102 { width:53px;} #frameStyle03 .payment .left103 { width:90px;} #frameStyle03 .payment .left104 { width:88px; height:14px;} #frameStyle03 .payment .left105 { width:65px;} #frameStyle03 .payment .left106 { width:96px; height:35px;} #frameStyle03 .payment .left107 { width:135px; height:35px;} #frameStyle03 .payment .left108 { width:100px;height:35px;} #frameStyle03 .payment .left109 { width:85px;} #frameStyle03 .payment .left110 { width:85px;} #frameStyle03 .group .left31 { width:100px;} #frameStyle03 .group .left32 { width:335px; height:16px;} #frameStyle03 .group .left33 { width:230px;} #frameStyle03 .group .left41 { width:25%;} #frameStyle03 .group .left42 { width:50%;} #frameStyle03 .group .left43 { width:15%;} #frameStyle03 .group .left44 { width:10%;} #frameStyle03 .upgview .left81 { width:40px;} #frameStyle03 .upgview .left82 { width:55px;} #frameStyle03 .upgview .left83 { width:145px;} #frameStyle03 .upgview .left84 { width:145px;} #frameStyle03 .upgview .left85 { width:120px;} #frameStyle03 .upgview .left86 { width:133px;} #frameStyle03 .upgview .left87 { width:50px;} #frameStyle03 .upgview .left88 { width:40px;} #frameStyle03 .upgview .oid { position:absolute; z-index:1000; padding:2px 25px 6px 5px; background:#FFE6A9; margin:-12px 0 0 -2px!important; *margin:-2px 0 0 -2px!important; *margin:-2px 0 0 -2px;} #frameStyle03 .download .left51 { width:190px; height:18px;} #frameStyle03 .download .left52 { width:225px; height:18px;} #frameStyle03 .download .left53 { width:130px;} #frameStyle03 .download .left54 { width:50px;} #frameStyle03 .download .left55 { width:50px;} #frameStyle03 .groupevents .in td , #frameStyle03 .groupevents .mouseon td, #frameStyle03 .groupevents .out td, #frameStyle03 .groupevents .empty td { border:0px; line-height:25px; } #frameStyle03 .groupevents .mouseon td { background:#F1E8D6; } #frameStyle03 .groupevents .tab_title td { border:0px; background:#EFE1C2; color:#000; } #frameStyle03 .groupevents .tab_title td a { color:#000; } #frameStyle03 .groupevents { text-align:left; } #frameStyle03 .groupevents .tab_title .left61 { width:20px; background:url(../images/line_bg.gif) repeat-y; background-position:1px 1px;background-color: #EFE1C2;} #frameStyle03 .groupevents { background:#fff; } #frameStyle03 .groupevents .in .left61 , #frameStyle03 .groupevents .out .left61, #frameStyle03 .groupevents .empty .left61, #frameStyle03 .groupevents .mouseon .left61 { width:20px; background:url(../images/line_bg.gif) repeat-y; background-position:1px 0px; background-color: transparent;} #frameStyle03 .groupevents .in .nobg, #frameStyle03 .groupevents .mouseon .nobg { background-color: #fff; background:url(../images/line_bg1.gif)} #frameStyle03 .groupevents .left61 { width:20px;} #frameStyle03 .span1 img { position:relative; top:2px; left:2px; margin-right:10px; vertical-align:middle; } #frameStyle03 .groupevents .gemsg { position:relative; left:9px; top:-6px; } #frameStyle03 .groupevents .left62 { width:45px; height:16px;} #frameStyle03 .groupevents .left63 { width:140px; height:16px;} #frameStyle03 .groupevents .left64 { width:115px;} #frameStyle03 .groupevents .left65 { width:360px;} #frameStyle03 .groupevents .left66 { width:180px;} #frameStyle03 .events .left51 { width:50px; height:16px;} #frameStyle03 .events .left52 { width:95px; height:16px;} #frameStyle03 .events .left53 { width:80px;} #frameStyle03 .events .left54 { width:270px;} #frameStyle03 .events .left55 { width:120px;} #frameStyle03 .download .left31 { width:250px; height:18px;} #frameStyle03 .download .left32 { width:450px; height:18px;} #frameStyle03 .download .left33 { width:170px;} #frameStyle03 .channel { width:100%; margin:10px auto;} #frameStyle03 .channel td { text-align:center;} #frameStyle03 .channel td a { color:#8f0000; font-weight:bold; } #frameStyle03 .channel .left51 { width:20%;} #frameStyle03 .channel .left52 { width:20%;} #frameStyle03 .channel .left53 { width:20%;} #frameStyle03 .channel .left54 { width:20%;} #frameStyle03 .channel .left55 { width:20%;} #frameStyle03 .channel .channel_current { margin-left:-25px; margin-right:8px; vertical-align:middle; } #frameStyle03 .client_list .span5 { color:#fff;} #frameStyle03 .client_list .btnlink5 { color:#fff;} #frameStyle03 .tableData .tab_title a { color:#fff; } #frameStyle03 .tableData td .links { } #frameStyle03 .client_list .span4 { color:#666;} #frameStyle03 .wordspace { margin:0 0px 0 10px; } #frameStyle03 #top_btn { /* use in clientMachineTransactions */ width:100%; height:30px; } #frameStyle03 #top_btn .show_all_link { font-size:12px; font-weight:bold; cursor:pointer; } #frameStyle03 #top_btn .conditions { position:relative; left:-112px; width:350px; height:130px; padding-top:15px; overflow:hidden; margin-bottom:-145px; } #frameStyle03 #top_btn .conditions .conditionline { width:100%; background:#EFE1C2; line-height:18px; } #frameStyle03 #top_btn .swich { height:38px!important; height:30px; margin-left:10px; float:right; } #frameStyle03 #bottom_btn { /* use in clientMachineTrailerView */ width:100%; height:30px; text-align:right; } #frameStyle03 .logo { width:87px; height:30px; margin:2px 2px 2px 0; background:#8f0000; } #frameStyle03 .clickBlock { /* in cost management page filter bar use */ width:850px; margin-left:17px; border-top:0px; } #frameStyle03 .clickBlock .span2 { color:#8f0000; } #frameStyle03 .clickBlock .links { width:50px; height:18px; margin:4px 2px 0 2px; float:left; text-align:left; cursor:pointer; } #frameStyle03 .clickBlock .links:hover { background:#FFBF00; } /* in client cost management */ #frameStyle03 .currencySymbol { position:relative; top:2px!important; *top:8px!important; *top:8px; left:-93px; float:right; } #frameStyle03 .currencySymbolInput { padding-left:17px; width:55px; text-align:right; } #frameStyle03 .cityName { width:45%; display:block; padding:1px 3px ; margin:2px 3px; float:left; cursor:pointer; background:#fff; } #frameStyle03 .cityName2 { background:#FFBF00; } #frameStyle03 .label1 label { float:left; display:block; width:130px; margin-left:5px; font-size:12px; } #frameStyle03 .label1 label input { margin:2px 5px; } /* in client cost management */ /* end of table data style */ /******************************** big bar style */ #frameStyle04 { width:880px; } #frameStyle04 .outline , #frameStyle04 .outline_on { width:100%; margin:10px 0; border:1px solid #666; overflow:hidden; background:#fff; } #frameStyle04 .outline_on { background:#EFE1C2; } #frameStyle04 .movie, #frameStyle04 .logo { float:left; margin:10px 15px 10px 10px!important; margin:10px 15px 0px 10px; width:96px; height:134px; border:0px; background:#8f0000; } #frameStyle04 .machine { float:left; margin:10px 15px 0px 10px; padding-bottom:10px!important; padding-bottom:0px; height:94px; width:60px; border:0px; } #frameStyle04 .logo { width:150px; height:54px; } #frameStyle04 table { margin:10px 0 10px 10px; } #frameStyle04 table td { vertical-align:top; } #frameStyle04 table .left21 { width:130px;} #frameStyle04 table .left22 { width:590px;} #frameStyle04 table .left31 { width:100px;} #frameStyle04 table .left32 { width:500px;} #frameStyle04 table .left33 { width:100px;} #frameStyle04 .comingsoon_movie { width:680px!important; width:680px;} #frameStyle04 .comingsoon_movie .left33 { text-align:right;} #frameStyle04 .wordspace { display:inline; margin:0 10px 0 10px; } #frameStyle04 .seemore { display:inline; margin-left:10px; font-size:12px; font-weight:bold; } #frameStyle04 .add_coming_movie { margin:10px 0;} #frameStyle04 .add_coming_movie .left41 { width:90px;} #frameStyle04 .add_coming_movie .left42 { width:170px; line-height:20px; text-align:left;} #frameStyle04 .add_coming_movie .left43 { width:420px;} #frameStyle04 .add_coming_movie .left44 { width:120px;} #filterbar .add_coming_movie .left34 { float:left;} #filterbar .add_coming_movie .left31 { width:90px;} #filterbar .add_coming_movie .left34 { width:170px; line-height:20px; text-align:left;} #filterbar .add_coming_movie .left33 { width:520px;} #frameStyle04 .span4 { color:red; font-weight:bold;} #frameStyle04 .machine_list_overflow { width:100%; height:36px; overflow:hidden; } #frameStyle04 .movieList .left32 { width:420px; } #frameStyle04 .movieList .input4 { width:390px; } /* end of big bar style */ /******************************** two line and right complex style */ #frameStyle05 { width:880px; padding:10px 5px 20px 5px; } #frameStyle05 .leftimage { float:left; margin-top:15px; width:120px; text-align:center; } #frameStyle05 .right { display:block; width:700px; overflow:hidden; } #frameStyle05 .leftimage img { width:100px; height:140px; } #frameStyle05 .wordspace { display:inline; margin:0 10px 0 10px; } /************************************************************************** table1 summary top table table2 count data table3 2 colum table in buttom) style -- config list table3 2 colum table in buttom, left long -- config change **************************************************************************/ #frameStyle05 table { margin:10px 0; width:620px; text-align:left; } #frameStyle05 table td { padding-left:2px; height:25px; vertical-align:top; } /* use in repeat about the table style #frameStyle05 .table1,#frameStyle05 .table2,#frameStyle05 .table3 { margin:10px 0; width:720px; text-align:left; } #frameStyle05 .table1 td { padding-left:2px; height:25px; vertical-align:top; }*/ #frameStyle05 .table11 { width:490px; margin:5px 0; padding:5px; border:1px solid #aaa; } #frameStyle05 .table1 .table11 .left31 { width:110px; height:24px; float:left; clear:both; } #frameStyle05 .table1 .table11 .left32 { width:270px; height:24px; float:left;} #frameStyle05 .table1 .table11 .left33 { width:100px; height:24px; float:left; } #frameStyle05 .table1 .table11 .select7 { width:240px;} #frameStyle05 .table1 .table11 .input6 { width:138px;} #frameStyle05 .table1 .table11 .input2 { width:235px;} #frameStyle05 .table1 .left31 { width:90px;} #frameStyle05 .table1 .left32 { width:310px;} #frameStyle05 .table1 .left33 { width:100px;} .movieright { margin-left:12px!important;margin-left:2px;}/* make the location textarea align in MachineSummary */ /* count table 5*5 */ #frameStyle05 .table2 td { border:1px solid #bebebe; } #frameStyle05 .table2 .left41 ,#frameStyle05 .table2 .left42 ,#frameStyle05 .table2 .left43 ,#frameStyle05 .table2 .left44 { width:20%; } #frameStyle05 .table2 .left45 { width:22%; } #frameStyle05 .table2 .title { background:#ccc; font-weight:bold; color:#000; } /* normal config table or 2 columns table in summary buttom */ #frameStyle05 .table3 td { border-bottom:1px solid #bebebe; border-left:1px solid #bebebe; } #frameStyle05 .table3 .left21 { width:180px;} #frameStyle05 .table3 .left22 { width:360px;} /* config change table (left is so long) */ #frameStyle05 .table4 .left21 { width:130px;} #frameStyle05 .table4 .left22 { width:410px;} #frameStyle05 .input3 { width:160px;} #frameStyle05 .input2 { width:250px;} #frameStyle05 .input1 { width:250px;} #frameStyle05 .dollar { width:237px;} #frameStyle05 .table3 .span1 { color:#333;} #frameStyle05 .table3 .span2 { font-weight:normal;} #frameStyle05 .upgsearch .table1 { width:100%; margin-top:0px; } #frameStyle05 .upgsearch .boxline .table1 { border:1px solid #aaa; border-top:0px; border-right:0px; padding-left:5px; } #frameStyle05 .upgsearch .table1 th { width:150px; padding-left:5px; font-size:12px; vertical-align:top; } #frameStyle05 .upgsearch .table1 td { padding-left:5px; vertical-align:middle; } #frameStyle05 .upgsearch .table1 label { display:block; height:25px; vertical-align:middle; } #frameStyle05 .upgsearch .table1 .intable label { width:140px; float:left; } #frameStyle05 .upgsearch .table1 .intable { margin:0px; width:500px; } #frameStyle05 .upgsearch .table1 .intable th { border:0px; width:140px; vertical-align:middle; } #frameStyle05 .highlight { display:block; padding:0px 0 0 0; width:102px; height:22px; text-align:center; color:#ffff00;; font-weight:bold; background:url(../images/btn1.gif) no-repeat; cursor:pointer; margin-right:10px; } #frameStyle05 .unhighlight { display:block; padding:0px 0 0 0; width:102px; height:22px; text-align:center; color:#fff; font-weight:normal; background:url(../images/btn1.gif) no-repeat; cursor:pointer; margin-right:10px; } #frameStyle05 .code { margin-left:9px; } #frameStyle05 .pricePlanEdit { position:relative; left:405px; top:-6px; } #frameStyle05 fieldset { margin:8px; padding:3px 10px; } #frameStyle05 fieldset legend { font-weight:bold; } /****************************************** end of two column and right complex */ /* complex page -- client machine list page + movie detail page */ #frameStyle06 { width:880px; font-size:13px; text-align:left; } #frameStyle06 #clientlogo { float:right; margin-right:20px!important; margin-right:9px; margin-bottom:-54px; width:157px; height:54px; background:#8f0000; } #frameStyle06 #clientlogo img { width:157px; height:54px; display:block; } #frameStyle06 .machine, #frameStyle06 .moviepic { float:left; padding:10px 15px 10px 10px!important; padding:10px 15px 5px 10px; width:60px; height:94px; border:0px; } #frameStyle06 #movie_detail_pic { float:left; width:130px; height:165px; } #frameStyle06 .moviepic { width:100px; height:140px; margin:0px 0px 0 10px; } #frameStyle06 .box { float:left; margin-left:-10px!important; margin-left:-8px; width:150px; height:175px; } #frameStyle06 .view_movie { width:110px; height:16px; text-align:center; margin-left:15px; font-size:12px; font-weight:bold; color:#00f; display:block; margin-bottom:-16px; cursor:pointer; } #frameStyle06 table { margin:5px 0; width:100%; } #frameStyle06 td { text-align:left; vertical-align:top; height:25px; } #frameStyle06 .table_top { width:600px;} #frameStyle06 .table_top .left21 { width:135px;} #frameStyle06 .table_top .left22 { width:290px;} #frameStyle06 .table_top .span1 { display:block; padding-left:5px;line-height:24px;} #frameStyle06 .table_top .span2 { display:block;width:300px;padding-left:5px;line-height:24px;} #frameStyle06 .outline , #frameStyle06 .outline_on { width:820px; margin:10px 0 10px 15px!important; margin:10px 10px; border:1px solid #8f0000; overflow:hidden; } #frameStyle06 .outline_on { background:#ffbf00; } #frameStyle06 .table1 { width:85%;} /* in outline table (machine list right side table) */ #frameStyle06 .table2 { width:710px;} /* movie detail right side table */ #frameStyle06 .table3 { width:880px;} /* movie detail available slots table */ #frameStyle06 .table4 { width:800px;} /* host/create client success page */ #frameStyle06 .table1 .left31 { width:120px;} #frameStyle06 .table1 .left32 { width:610px;} #frameStyle06 .table1 .left33 { width:100px;} #frameStyle06 .table2 td { height:20px;} #frameStyle06 .table2 .left21 { width:140px;} #frameStyle06 .table2 .left22 { width:570px;} #frameStyle06 .table3 { background:#666;} #frameStyle06 .table3 .tab_title { height:25px; padding-top:4px; color:#8f0000; font-weight:bold; } #frameStyle06 .table3 .tab_title td { padding:3px 0 0 5px; background:#ffbf00;} #frameStyle06 .table3 td { height:16px; background:#fff; } #frameStyle06 .table3 .left21 { width:248px;} #frameStyle06 .table3 .left22 { width:248px;} #frameStyle06 .table3 .span11 , #frameStyle06 .table3 .span22 { padding-left:3px;} #frameStyle06 #machinelist_title { width:860px; height:45px; } #frameStyle06 p { text-align:left; line-height:25px; } #frameStyle06 .wordspace { margin:0 10px 0 3px; } #frameStyle06 fieldset { padding:5px; overflow:auto; } #frameStyle06 .fieldset2 legend { font-weight:bold; } #frameStyle06 .fieldset2 label { padding-left:10px; height:22px; } #frameStyle06 .fieldset2 label input { vertical-align:middle; } #frameStyle06 .fieldset2 .sendLable { width:40%; height:22px; display:inline; margin-left:2px; float:left; text-align:left; } /**************************************** pictures show */ #frameStyle07 { width:860px; padding:15px 0px 20px 10px!important; padding:15px 5px 20px 5px; overflow:hidden; } #frameStyle07 #machinelist_title { width:860px; } #frameStyle07 #machinedvd_location { width:850px; text-align:left; } #frameStyle07 .wordspace { margin:0 10px 0 10px; } #frameStyle07 .block_outer { width:100%; margin:10px 0; } #frameStyle07 .block1 , #frameStyle07 .block2 { float:left; text-align:center; margin:0 5px 0 10px; width:150px; height:280px; overflow:hidden; } #frameStyle07 .image { width:110px; height:157px; display:block; margin-left:10px; margin-bottom:5px; } #frameStyle07 .location_restrict , #frameStyle07 .location_restrict_on { margin:5px 0; width:100%; display:block; height:55px; overflow:hidden; } #frameStyle07 .location_restrict_on { overflow:auto; } #frameStyle07 iframe { display:block; } #frameStyle07 .dvdname_restrict { display:block; margin:5px 0; height:auto; } #frameStyle07 .overview_bottom { /* overview page bottom for more button */ width:95%; } #frameStyle07 .overview_bottom a { float:right; } #frameStyle07 .span1 { color:#000;} #frameStyle07 .span4 { color:red; font-weight:bold;} /**************************************** reports page */ #frameStyle08 { width:880px; overflow:hidden; } #frameStyle08 .line { width: 800px; margin-top: 1px; height: 1px; background-color: #333333; background-image: none; background-repeat: repeat; overflow: hidden; } #frameStyle08 .span1 , #frameStyle08 .span2 { display:inline; } #frameStyle08 .wordspace { margin:0 10px 0 10px; } #frameStyle08 table { margin:5px 0px; width:800px; text-align:left; } #frameStyle08 .left41 { width:275px;} /* use for top select line table */ #frameStyle08 .left42 { width:155px;} #frameStyle08 .left43 { width:100px;} #frameStyle08 .left44 { width:100px;} #frameStyle08 .left21 { width:150px;} /* use for top select line table */ #frameStyle08 .left22 { width:475px;} #frameStyle08 .table1 { border:1px solid #666; } #frameStyle08 .table1 td { vertical-align:top; padding-left:5px; } #frameStyle08 .table1 .left41 ,#frameStyle08 .table1 .left51 , #frameStyle08 .table2 .left41 ,#frameStyle08 .table2 .left51 { width:140px;} #frameStyle08 .table2 .left41 ,#frameStyle08 .table2 .left51 , #frameStyle08 .table2 .left61 { height:25px;} #frameStyle08 .table2 .left71 { width:39px;} #frameStyle08 .table2 .left72 { width:171px;} #frameStyle08 .table2 .left73 { width:35px;} #frameStyle08 .table2 .left74 { width:99px;} #frameStyle08 .table2 .left75 { width:104px;} #frameStyle08 .table2 .left76 { width:83px;} #frameStyle08 .table2 .left77 { width:89px;} #frameStyle08 .Group_Report_BY_MACHINE .left71 { width:70px;} #frameStyle08 .Group_Report_BY_MACHINE .left72 { width:140px;} #frameStyle08 .Group_Report_BY_MACHINE .left73 { width:115px;} #frameStyle08 .Group_Report_BY_MACHINE .left74 { width:82px;} #frameStyle08 .Group_Report_BY_MACHINE .left75 { width:82px;} #frameStyle08 .Group_Report_BY_MACHINE .left76 { width:82px;} #frameStyle08 .Group_Report_BY_MACHINE .left77 { width:82px;} #frameStyle08 .table2 .left81 { width:80px;} #frameStyle08 .table2 .left82 { width:240px;} #frameStyle08 .table2 .left83 { width:45px;} #frameStyle08 .table2 .left84 { width:120px;} #frameStyle08 .table2 .left85 { width:90px;} #frameStyle08 .table2 .left86 { width:85px;} #frameStyle08 .table2 .left87 { width:70px;} #frameStyle08 .table2 .left88 { width:75px;} #frameStyle08 .table2 .left61 , #frameStyle08 .table2 .left63 , #frameStyle08 .table2 .left64 , #frameStyle08 .table2 .left65 , #frameStyle08 .table2 .left66 { width:100px;} #frameStyle08 .table2 .left62 { width:115px;} #frameStyle08 .table2 { background:#666; } #frameStyle08 .table2 td { text-align:center; background:#fff; } #frameStyle08 .chartimg { width:630px; } #frameStyle08 .tax_help { border:0px; vertical-align:middle; margin-left:25px; } #frameStyle08 #taxAccount { line-height:20px; width:100%; height:20px; color:#C1272D; font-weight:bold; background:#FCEE21; } #frameStyle08 .span1 img { position:relative; top:3px; left:2px; margin-right:10px; vertical-align:middle; } /**************************************** machine slots swap page */ #frameStyle09 { width:880px; overflow:hidden; line-height:20px; } #frameStyle09 #head { margin:0px 0 10px 10px; width:860px; height:25px; border-bottom:1px dashed #888; text-align:left; } #frameStyle09 h1 { float:left; width:170px; font-size:13px; height:22px; color:#8f0000; } #frameStyle09 #head #selected { width:675px; height:22px; float:right; } #frameStyle09 .left, #frameStyle09 .right { width:429px; float:left; text-align:left; margin:3px; overflow:hidden; } #frameStyle09 .info { margin:7px 0 4px 10px; width:419px; border:1px solid #8f0000; height:611px; } #frameStyle09 .info ul { margin:10px 0 0 15px; font-weight:bold; font-size:13px; line-height:22px; color:#8f0000; } #frameStyle09 .info ul li { list-style:decimal; color:#666; font-size:12px; margin-left:17px!important; margin-left:22px; } /* #frameStyle09 .info #divSwapSteps { width:395px; height:405px; overflow-x:hidden; overflow-y:auto; } #frameStyle09 .info #ulSwapSteps { margin-left:0px; } #frameStyle09 .info #ulSwapSteps li { list-style:none; text-indent:-17px!important; *text-indent:-17px!important; *text-indent:-22px; }*/ #frameStyle09 .info .divSwapSteps , #frameStyle09 .info .divSwapSteps2 , #frameStyle09 .info .divSwapStepsUnload { padding-right:5px; width:390px; height:405px; overflow-x:hidden; overflow-y:auto; } #frameStyle09 .info .divSwapSteps2 { height:280px; } #frameStyle09 .info .divSwapStepsUnload { clear:both; margin-top:5px; height:90px; color:#666; font-weight:normal; } #frameStyle09 .info .divSwapStepsUnload li { clear:both; } #frameStyle09 .info .divSwapStepsUnload .unloadTitle { float:left; width:220px; height:20px; overflow:hidden; } #frameStyle09 .info .divSwapStepsUnload .unloadState { float:left; width:150px; height:20px; } #frameStyle09 .info #ulSwapSteps { margin-left:0px; } #frameStyle09 .info #ulSwapSteps li { list-style:none; text-indent:-17px!important; *text-indent:-17px!important; *text-indent:-22px; } #frameStyle09 .no { display:block; width:420px; height:20px; margin:4px 0 4px 7px; border:1px solid #bebebe; background:#8f0000; color:#fff; font-weight:bold; text-align:left; overflow:hidden; cursor:pointer; } #frameStyle09 .no .slots { float:left; display:block; margin-right:10px; padding-left:5px; width:370px; height:20px; background:#fff; color:#000; border-right:1px solid #000; overflow:hidden; } /* swap slots tab attachment */ #frameStyle09 .inTagLine { clear:both; width:100%; height:20px; overflow:hidden; padding:10px 0 5px 0; } #frameStyle09 .inTagLine span { color:#8f0000; padding-left:5px; padding-right:5px; height:16px; display:inline; float:left; margin-left:8px; text-decoration:underline; cursor:pointer; font-size:12px; font-weight:bold; } #frameStyle09 .inTagLine img { float:left; position:relative; top:3px; left:5px; } #frameStyle09 .inTagLine .inTagLineImgUp , #frameStyle09 .inTagLine .inTagLineImgDown , #frameStyle09 .inTagLine .inTagLineImg { float:left; width:4px; height:10px; overflow:hidden; position:relative; top:5px; left:-10px; } #frameStyle09 .inTagLine .inTagLineImgUp { background:url(ui/themes/redfox/images/in_tag_up.gif) no-repeat; } #frameStyle09 .inTagLine .inTagLineImgDown { background:url(ui/themes/redfox/images/in_tag_down.gif) no-repeat; } #frameStyle09 .highlight { background:#8f0000; color:#fff; font-weight:bold; margin-left:8px; } #frameStyle09 .no .selected { background:#EFE1C2; color:#333;} #frameStyle09 .no .locked { color:#999; background:#ddd; cursor:default; } #frameStyle09 .info .steps li { font-weight:normal; } #frameStyle09 .no .moved { background:#f1d6d6; color:#333; } #frameStyle09 .no .error { color:#fff; background:#c0272d; cursor:default; } /* machine mass unload page */ #frameStyle09 .massunload1 { height:500px; overflow-y:scroll; } #frameStyle09 .massunload2 { height:200px; overflow-y:scroll; } #frameStyle09 .massunload3 { height:253px; overflow-y:scroll; } #frameStyle09 .rightBottom { width:430px; float:left; margin:2px; text-align:left; overflow:hidden; } #frameStyle09 .left .slotsTitle , #frameStyle09 .right .slotsTitle , #frameStyle09 .rightBottom .slotsTitle { width:100%; height:22px; font-size:12px; font-weight:bold; } #frameStyle09 .left .slotsList , #frameStyle09 .right .slotsList , #frameStyle09 .rightBottom .slotsList { clear:both; width:405px; height:18px; overflow:hidden; } #frameStyle09 .left .left01 , #frameStyle09 .left .left02 , #frameStyle09 .left .left03 , #frameStyle09 .right .left01 , #frameStyle09 .right .left02 , #frameStyle09 .right .left03 , #frameStyle09 .rightBottom .left01 , #frameStyle09 .rightBottom .left02 { display:block; float:left; height:17px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; overflow:hidden; padding-left:3px; } #frameStyle09 .left .left01 , #frameStyle09 .right .left01 , #frameStyle09 .rightBottom .left01 { width:50px; } #frameStyle09 .left .left02 , #frameStyle09 .right .left02 { width:290px; cursor:pointer; } #frameStyle09 .rightBottom .left02 { width:345px; } #frameStyle09 .left .left03 , #frameStyle09 .right .left03 { width:50px; cursor:pointer; } #frameStyle09 .left .slotsTitle .left03 , #frameStyle09 .right .slotsTitle .left03 { width:75px; cursor:none; } #frameStyle09 .rightBottom .slotsTitle .left02 { width:370px; cursor:none; } #frameStyle09 .mouseover { background:#ddd; width:405px; overflow:hidden; } #frameStyle09 .tagRight { width:215px; height:25px; } #frameStyle09 .tagRight span { display:block; border:1px solid #ddd; font-weight:bold; font-size:12px; line-height:22px; width:200px; height:22px; text-align:center; } #frameStyle09 .remoteControl { height:230px; } #frameStyle09 .remoteControl .span1 { display:block; width:350px; height:30px; line-height:30px; text-indent:20px; background:#ddd; color:black; } /**************************************** email alert page */ #frameStyle10 { padding:0px 5px 20px 5px; width:830px; height:350px; text-align:center; } #frameStyle10 #father ,#frameStyle10 #father_title { width:820px!important; width:830px; overflow:hidden; } #frameStyle10 .bottom { margin:10px 0; width:820px; height:30px; } #frameStyle10 #father_title { margin-left:-1px; margin-top:10px; height:25px; padding-left:1px; font-size:12px; font-weight:bold; color:#fff; } #frameStyle10 #father_title .email , #frameStyle10 #father_title .checkEnable , #frameStyle10 #father_title .del { line-height:25px; height:25px; background:#8f0000; border:1px solid #8f0000; } #frameStyle10 .email , #frameStyle10 .checkEnable , #frameStyle10 .del { height:22px; float:left; line-height:22px; overflow:hidden; margin:1px 0 0 1px; border:1px solid #bbb; } #frameStyle10 #father_title .del { color:#fff;} #frameStyle10 #father .del { cursor:pointer; color:#8f0000;} #frameStyle10 .email { width:656px; text-align:left; padding-left:5px;} #frameStyle10 .checkEnable { width:75px;} #frameStyle10 .del { width:75px; font-size:12px; font-weight:bold; color:#0033FF;} #frameStyle10 .in { background:#fff; height:25px; } #frameStyle10 .mouseon { height:25px;} #frameStyle10 .mouseon .email, #frameStyle10 .mouseon .checkEnable, #frameStyle10 .mouseon .del { border:1px solid #8f0000; } #frameStyle10 .bottom .addDiv { margin-left:10px; } #frameStyle10 .bottom .input1 { width:250px; } #frameStyle10 .bottom .wordspace { margin-left:20px; } /**************************************** payment statue page */ #frameStyle11 { margin:15px 0 25px 0; padding:0px 0 15px 0; width:880px; } #frameStyle11 .title { margin-top:5px; height:30px; margin-left:5px; } #frameStyle11 .span1 { color:#000;} #frameStyle11 .span3 { color:#8f0000;} #frameStyle11 .span2 { color:#666; font-weight:normal;} #frameStyle11 .wordspace { margin:0 20px 0 5px; } #frameStyle11 .block , #frameStyle11 .block_on { width:100%; margin:10px 0; border:1px solid #666; overflow:hidden; background:#fff; } #frameStyle11 .block_on { background:#FCF9CE; } #frameStyle11 form { width:240px; height:20px; float:left; } #frameStyle11 .reopen { width:100px; float:left; margin-top:-18px; display:inline; margin-left:130px; } #frameStyle11 .title { float:left; line-height:12px; } #frameStyle11 table td { text-align:left; vertical-align:top; } #frameStyle11 .left41 { width:150px;} #frameStyle11 .left42 { width:250px;} #frameStyle11 .left43 { width:130px;} #frameStyle11 .left44 { width:250px;} /**************************************** umg channel edit page */ #frameStyle12 { margin:15px 0 25px 0; width:880px; text-align:left; padding:10px 10px; } #frameStyle12 #toptitle h1 { width:99.85%; border-bottom:1px solid #333; color:#000; } #frameStyle12 #block_left { width:430px; float:left; overflow:hidden; font-weight:normal; } #frameStyle12 #block_right { width:433px; float:right; overflow:hidden; font-weight:normal; } #frameStyle12 h1 , #frameStyle12 h2 { float:left; margin-top:0px; margin-bottom:10px; width:433px; height:22px; text-indent:10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; border-bottom:1px dashed #900; color:#c0272d; } #frameStyle12 h2 { float:left; margin-left:10px; } #frameStyle12 .bignum { position:static; margin-left:2px; font-family:georgia,Verdana,Helvetica,Arial; color:#Ff0; } #frameStyle12 .small { color:#fff; } #frameStyle12 #filter_line { width:100%; margin:0px 0px; display:block; font-weight:bold; } #frameStyle12 #filter_line #filter { width:440px; height:60px; float:left; } #frameStyle12 #message { margin-right:0px; width:430px; height:30px; float:right; color:#333; font-weight:bold; position:relative; top:0px!important; *top:-55px!important; *top:-55px; overflow:hidden; } #frameStyle12 .uchannel { position:relative; *top:-25px!important; *left:400px!important; } #frameStyle12 #filter input { display:inline; margin-left:15px; } #frameStyle12 #filter #filter_trailer, #frameStyle12 #filter #filter_ads { width:150px; margin-left:18px; } #frameStyle12 #space { clear:both; } #frameStyle12 #filter select { margin-top:5px; width:180px; } #frameStyle12 .submitBtn { float:right; margin-top:-2px; margin-right:5px; } #frameStyle12 form { width:100%; margin:0px; padding:0px; } #frameStyle12 #trailer_title { width:430px; height:18px; padding-top:1px; padding-bottom:2px; background:#666; color:#FFF; font-weight:bold; overflow:hidden; } #frameStyle12 #left01,#frameStyle12 #left02,#frameStyle12 #left03,#frameStyle12 #left11,#frameStyle12 #left12,#frameStyle12 #left13,#frameStyle12 #left04 { float:left; height:20px; line-height:20px; } #frameStyle12 #trailer_title #left01 { width:230px; text-indent:3px; } #frameStyle12 #trailer_title #left04 { width:65px; border-left:2px solid #fff; text-indent:3px; } #frameStyle12 #trailer_title #left02 { width:66px; border-left:2px solid #fff; text-indent:3px; } #frameStyle12 #trailer_title #left03 { width:40px; border-left:2px solid #fff; text-indent:3px; cursor:none; } #frameStyle12 #block_right #trailer_title { color:#fff; background:#900; } /* list box css */ #frameStyle12 .selectMins { height:18px; width:83px; margin-left:3px; } #frameStyle12 #edit { border-top:0px; } #frameStyle12 #trailer_list,#frameStyle12 #edit_trailer { float:left; width:428px!important; width:428px; border:1px dashed #666; border-top:0px; height:385px; overflow-y:auto; } #frameStyle12 #edit_trailer { border:1px dashed #900; border-top:0px; } #frameStyle12 #trailer_list #left01, #frameStyle12 #edit_trailer #left01 { width:230px; text-indent:2px; overflow:hidden; border-bottom:1px dashed #ccc; border-right:1px dashed #ccc; } #frameStyle12 #trailer_list #left04, #frameStyle12 #edit_trailer #left04 { width:65px; text-indent:2px; border-bottom:1px dashed #ccc; border-right:1px dashed #ccc; } #frameStyle12 #trailer_list #left02, #frameStyle12 #edit_trailer #left02 { width:66px; text-indent:2px; border-bottom:1px dashed #ccc; border-right:1px dashed #ccc; } #frameStyle12 #trailer_list #left03, #frameStyle12 #edit_trailer #left03 { width:43px; text-indent:2px; border-bottom:1px dashed #ccc; font-weight:bold; cursor:pointer; } #frameStyle12 #trailer_list #leftlist #left01 { cursor:pointer; } #frameStyle12 #trailer_list #leftlist #left03 , #frameStyle12 #ads_list #leftlist #left03 { font-weight:normal; } #frameStyle12 #ads_list #leftlist #left03 { padding-left:2px; } #frameStyle12 #trailer_list #leftlist #left03 .spanGt ,#frameStyle12 #ads_list #leftlist #left03 .spanGt { font-weight:bold; color:#ff8f00; } #frameStyle12 .mouseover1 , #frameStyle12 .mouseout1 { clear:both; width:410px; overflow:hidden; } #frameStyle12 .mouseover1 { background:#ddd; background-position:-5px 0; } #frameStyle12 .mouseout1 { background:#fff; } #frameStyle12 #divSearchPaging { position:relative; top:364px!important; top:362px; width:410px; overflow:hidden; margin-bottom:-20px!important; } #frameStyle12 #divSearchPaging .searchPagingLeft { float:left; width:320px; } #frameStyle12 #divSearchPaging .searchPagingRight { float:right; width:85px; } #frameStyle12 #divSearchPaging .searchPagingLeft .searchPagingTotal { float:left; margin-left:5px; width:75px; line-height:18px; font-weight:bold; color:#000; } #frameStyle12 #divSearchPaging .searchPagingLeft .searchPagingPage { float:left; width:235px; } #frameStyle12 #divSearchPaging .searchPagingLeft .searchPagingPage .searchPagingPagenum { float:left; margin:0px 2px; display:block; width:16px!important; height:16px!important; width:18px; height:18px; line-height:16px; text-align:center; border:1px solid #ccc; cursor:pointer; } #frameStyle12 #divSearchPaging .searchPagingLeft .searchPagingPage .current { background:#ccc; cursor:auto; } #frameStyle12 #divSearchPaging .div_search_right , #frameStyle12 #divSearchPaging .div_search_left { float:left; display:block; margin:0 1px; width:40px; height:20px; line-height:20px; text-align:center; background:url(ui/themes/default/images/btn_enable.gif); cursor:pointer; } #frameStyle12 #divSearchPaging .disable { background:url(ui/themes/default/images/btn_disable.gif); cursor:default; color:#888; }