/* 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-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-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-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-22 change by sam for new style 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 and highlight in machin config page 2008-01-17 change by sam for the upg search page 2008-01-14 chagee by sam for swap slots page and upg search page 2008-01-04 change by sam for search upg report page when click the Advanced radio 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 style12 in umg page 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-07 change by sam : add download left* for downloads page in #frameStyle03 2007-11-05 change by sam for adjust the width about the transaction table, and the make some change of width about the top of the table content 2007-11-05 change by sam for report page about the data table 2007-10-31 chagen by amy for 789 2007-10-17 chagen by amy to add "#frameStyle03 .master_machine_list" 2007-10-16 chagen by sam make the text whicn in summary table right align 2007-10-15 change by sam make the movie detail page "seemore" link become red 2007-10-15 add new style in reports page "reports_left" & "reports_right" 2007-10-08 change by amy to add "#frameStyle05 .table2 .left45 " 2007-09-26 change by sam change the width of Framestyle11 table 2007-09-21 change by sam pamentstatue change table column width and new style "reopen" 2007-09-21 change by amy for add #frameStyle04 .machine_list_overflow in machinelist page 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 line463 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 2007-09-08 change by sam for add custom movie in blackhawk themes in frameStyle .span5 in order to make the 2 method title in the same color 2007-09-10 changed by Sam */ /* 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 ,#frameStyle09,#frameStyle10,#frameStyle09,#frameStyle11,#frameStyle12,#frameStyle13 { margin:15px 0; display:block; text-align:left; font-size:12px; } /**************************************** login style */ #frameStyle01 { padding:10px 5px 20px 5px; width:630px; height:350px; } #frameStyle01 h1 { font-size:16px; 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 { padding:2px; width:180px; height:24px; border:1px solid #333; } #frameStyle01 .username2,#frameStyle01 .password2 { padding:1px; border:2px solid #c0272d; } #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: #333333; background-image: none; background-repeat: repeat; overflow: hidden; } #frameStyle01 .quick_receipt .table1 { width:450px;} #frameStyle01 .quick_receipt .table1 .left21 { width:240px;background:#fff;border:1px dashed #888;padding-left:7px;line-height:28px;} #frameStyle01 .table1 .left21 { width:35%;background:#fff;border:1px dashed #888;padding-left:7px;line-height:28px;} #frameStyle01 .table1 .left22 { width:65%;background:#fff;border:1px dashen #888;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:2px; font-weight:bold; color:#000; 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:640px; height:430px; padding:15px 15px; margin-left:-10px!important; margin-left:0px; background:#fff; border:1px dashed #666; overflow:hidden; } #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:#666; } #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:#FDF9D4;} #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;background:#fff;border:1px solid #888;padding-left:5px;line-height:22px;} #frameStyle02 .withlogo .left22 { width:300px;background:#fff;border:1px solid #bbb;padding-left:5px;line-height:22px;} #frameStyle02 .withlogo .input1 { width:302px;} #frameStyle02 .left21 { width:135px;background:#fff;border:1px solid #888;padding-left:5px;line-height:22px;} #frameStyle02 .left22 { width:500px;padding-left:5px;line-height:24px;background:#fff;border:1px solid #ccc;} #frameStyle02 .channel { background:#888; *width:97%;} #frameStyle02 .channel .left21 { width:75%;padding-left:5px;line-height:22px; border:0px;} #frameStyle02 .channel .left22 { width:25%;padding-left:5px;line-height:22px; border:0px;} #frameStyle02 .left31 { width:135px;background:#fff;border:1px solid #888;} #frameStyle02 .left32 { width:205px;} #frameStyle02 .left33 { width:270px;} #frameStyle02 .span5 { color:#000; font-weight:bold;} #frameStyle02 .text .title { font-weight:bold; } #frameStyle02 .text p { margin:10px 0px; color:#000; } #frameStyle02 .siteConfigOut { border:1px solid #ccc; background:#fff; width:99%; } #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:20px; background:#FCF9CE; width:400px; } /* end of one big table style */ /******************************** table data style */ #frameStyle03 { width:640px; padding:12px 15px; background:#fff; border:1px dashed #666; } #frameStyle03 .tableData { width:100%; margin:5px 0; text-align:left; font-size:12px; background:#666; } #frameStyle03 .tableData td { padding-left:2px; } #frameStyle03 .tableData .tab_title { height:25px; padding-top:4px; background:#FDF9D4; font-weight:bold; } #frameStyle03 .tableData .tab_title td { border:0px solid #8f0000; padding-left:2px; color:#c0272d; } #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:0px solid #bebebe; margin:5px; padding:0px 2px; vertical-align:top; } #frameStyle03 .tableData .in td { background:#fff;} #frameStyle03 .tableData .out td { background:#dadada;} #frameStyle03 .tableData .empty td { background:#fff;} #frameStyle03 .tableData .unload td { background:#ccc;} #frameStyle03 .tableData .reserved td { background:#D2EBED;} #frameStyle03 .tableData .mouseon td { background:#bbb;} #frameStyle03 .tableData .error td { background: #F4AD6E;background: #c0272d; color:#fff;} #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:109px;} #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 .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:30px;} #frameStyle03 .add_trailer .left52 { width:340px;} #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 .group .left31 { width:100px;} #frameStyle03 .group .left32 { width:300px; height:16px;} #frameStyle03 .group .left33 { width:250px;} #frameStyle03 .group .left41 { width:25%;} #frameStyle03 .group .left42 { width:48%;} #frameStyle03 .group .left43 { width:15%;} #frameStyle03 .group .left44 { width:12%;} #frameStyle03 .master_machine_list .left41 { width:30%;} #frameStyle03 .master_machine_list .left42 { width:40%;} #frameStyle03 .master_machine_list .left43 { width:15%;} #frameStyle03 .master_machine_list .left44 { width:15%;} #frameStyle03 .master_machine_list .selected { width:100%;} #frameStyle03 .upgview .left81 { width:40px;} #frameStyle03 .upgview .left82 { width:55px;} #frameStyle03 .upgview .left83 { width:112px;} #frameStyle03 .upgview .left84 { width:110px;} #frameStyle03 .upgview .left85 { width:90px;} #frameStyle03 .upgview .left86 { width:50px;} #frameStyle03 .upgview .left87 { width:40px;} #frameStyle03 .upgview .left88 { width:40px;} #frameStyle03 .upgview .oid { position:absolute; z-index:1000; padding:2px 15px 2px 5px; background:#fff;} #frameStyle03 .download .left51 { width:160px; height:16px;} #frameStyle03 .download .left52 { width:195px; height:16px;} #frameStyle03 .download .left53 { width:120px;} #frameStyle03 .download .left54 { width:70px;} #frameStyle03 .download .left55 { width:70px;} #frameStyle03 .download .left31 { width:185px; height:16px;} #frameStyle03 .download .left32 { width:320px; height:16px;} #frameStyle03 .download .left33 { width:140px;} #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 .groupevents { text-align:left; } #frameStyle03 .groupevents .tab_title .left61 { width:20px; background:url(../images/line_bg.gif) repeat-y; background-position:1px 1px;} #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 0; background-color: transparent;} #frameStyle03 .groupevents .in .nobg, #frameStyle03 .groupevents .mouseon .nobg { background-color: #fff; background:url(../images/line_bg1.gif)} #frameStyle03 .span1 img { position:relative; top:4px; left:2px; margin-right:10px; vertical-align:middle; } #frameStyle03 .groupevents .gemsg { position:relative; left:9px; top:-6px; } #frameStyle03 .groupevents .left62 { width:30px; height:16px;} #frameStyle03 .groupevents .left63 { width:95px; height:16px;} #frameStyle03 .groupevents .left64 { width:80px;} #frameStyle03 .groupevents .left65 { width:270px;} #frameStyle03 .groupevents .left66 { width:130px;} #frameStyle03 .channel { width:100%; margin:5px 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 .tableData .tab_title a { color:#c0272d; } #frameStyle03 .tableData td .links { } #frameStyle03 .wordspace { margin:0 0px 0 10px; } #frameStyle03 #top_btn { /* use in clientMachineTransactions */ width:100%; height:25px; font-weight:bold; } #frameStyle03 #top_btn .searchtype { width:280px; } #frameStyle03 #top_btn .show_all_link { margin-left:20px; font-size:12px; font-weight:bold; cursor:pointer; } #frameStyle03 #top_btn .conditions { float:left; position:relative; width:350px; height:130px; padding-top:8px; left:300px; margin-bottom:-138px; z-index:1000; } #frameStyle03 #top_btn .conditions .conditionline { width:100%; background:#ddd; line-height:16px; padding-top:2px; text-indent:5px; } #frameStyle03 #top_btn .swich { 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:#666; } #frameStyle03 .clickBlock { /* in cost management page filter bar use */ width:620px; margin-left:14px; border-top:0px; } #frameStyle03 .clickBlock .span2 { color:#8f0000; } #frameStyle03 .clickBlock .links { width:47px; height:16px; margin:4px 2px 0 2px; float:left; text-align:left; cursor:pointer; } #frameStyle03 .clickBlock .links:hover { background:#E6E083; } #frameStyle03 .transaction .input6 { width:120px;} #frameStyle03 .wordspace { margin:0 2px; } #frameStyle03 .transaction .btn1 { position:relative; top:-3px;} /* in client cost management */ #frameStyle03 .currencySymbol { position:relative; top:3px!important; *top:8px!important; *top:8px; left:-92px; float:right; } #frameStyle03 .currencySymbolInput { padding-left:17px; width:55px; text-align:right; } /* in client cost management */ #frameStyle03 .cityName { width:45%; display:block; padding:1px 3px ; margin:2px 3px; float:left; cursor:pointer; background:#fff; } #frameStyle03 .cityName2 { background:#bbb; } #frameStyle03 .sendLable { margin:2px; width:200px; float:left; display:block; } #frameStyle03 .label1 label { float:left; display:block; width:125px; margin-left:3px; } #frameStyle03 .label1 label input { margin:2px 5px; } #frameStyle03 .inframeStyle { padding:0px; border:0px; } /* end of table data style */ /******************************** big bar style */ #frameStyle04 { margin:15px 0 25px 0; padding:0px 0 15px 0; width:670px; } #frameStyle04 .outline , #frameStyle04 .outline_on { width:100%; margin:10px 0; border:1px solid #666; overflow:hidden; background:#fff; } #frameStyle04 .outline_on { background:#FCF9CE; } #frameStyle04 .movie, #frameStyle04 .logo { float:left; margin:10px 15px 10px 10px!important; margin:10px 15px 0px 10px; width:96px; height:134px; border:0px; background:#666; } #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:115px;} #frameStyle04 table .left22 { width:385px;} #frameStyle04 table .left31 { width:90px;} #frameStyle04 table .left32 { width:340px!important;width:350px;} #frameStyle04 table .left33 { width:100px;} #frameStyle04 .comingsoon_movie { width:520px!important; width:530px;} #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; color:red; } #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:290px;} #frameStyle04 .add_coming_movie .left44 { width:120px;} #frameStyle04 .add_coming_movie .left34 { float:left;} #frameStyle04 .add_coming_movie .left31 { width:90px;} #frameStyle04 .add_coming_movie .left34 { width:170px; line-height:20px; text-align:left;} #frameStyle04 .add_coming_movie .left33 { width:400px;} #frameStyle04 .span4 { color:red; font-weight:bold;} #frameStyle04 .machine_list_overflow { width:100%; height:36px; overflow:hidden; } #frameStyle04 .movieList .left32 { width:260px; } #frameStyle04 .movieList .input4 { width:230px; } /* end of big bar style */ /******************************** two line and right complex style */ #frameStyle05 { width:660px; background:#fff; padding:10px 5px 20px 5px; border:1px dashed #333; } #frameStyle05 .leftimage { float:left; margin-top:15px; width:80px; height:50px; text-align:center; display:block; } #frameStyle05 .right { display:block; width:570px; overflow:hidden; } #frameStyle05 .leftimage img { width:62px; height:89px; } #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:5px 0; width:540px; text-align:left; } #frameStyle05 table td { padding-left:2px; 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:95%; margin:5px 0; padding:5px; border:1px solid #aaa; } #frameStyle05 .table1 .table11 .left31 { width:95px; height:24px; float:left; clear:both; } #frameStyle05 .table1 .table11 .left32 { width:230px; height:24px; float:left } #frameStyle05 .table1 .table11 .left33 { width:70px;height:24px; float:left } #frameStyle05 .table1 .table11 .select7 { width:205px; } #frameStyle05 .table1 .table11 .input6 { width:125px;} #frameStyle05 .table1 .table11 .input2 { width:173px;} #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 { background:#666; } #frameStyle05 .table2 td { background:#fff; } #frameStyle05 .table2 .left41 ,#frameStyle05 .table2 .left42 ,#frameStyle05 .table2 .left43 ,#frameStyle05 .table2 .left44 { width:20%; } #frameStyle05 .table2 .left45 { width:22%; } #frameStyle05 .table2 .title { background:#dadada; font-weight:bold; } /* 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 .change_password { margin-top:20px; width:500px; } #frameStyle05 .change_password td { border:0px; vertical-align:middle; } #frameStyle05 .reports_right { float:right; padding-right:3px; text-align:left; } #frameStyle05 .reports_left { float:left; padding-left:3px; text-align:left; } #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:140px; 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; font-weight:normal; } #frameStyle05 .upgsearch .table1 .intable label { width:120px; float:left; } #frameStyle05 .upgsearch .table1 .intable { margin:0px; width:500px; } #frameStyle05 .upgsearch .table1 .intable th { border:0px; width:130px; vertical-align:middle; font-weight:normal; } #frameStyle05 .highlight { display:block; padding:2px 0 0 0; width:105px; height:23px; text-align:center; color:#ffbf00;; font-weight:bold; background:url(../images/btn1.gif) no-repeat; cursor:pointer; margin-right:10px; } #frameStyle05 .unhighlight { display:block; padding:2px 0 0 0; width:105px; height:23px; text-align:center; color:#fff; font-weight:normal; background:url(../images/btn1.gif) no-repeat; cursor:pointer; margin-right:10px; } #frameStyle05 .code { margin-left:8px; } #frameStyle05 .pricePlanEdit { position:relative; left:355px; top:-6px; } /****************************************** end of two column and right complex */ /* complex page -- client machine list page + movie detail page */ #frameStyle06 { width:630px; font-size:13px; padding:10px 20px 20px 20px!important; padding:10px 10px 20px 10px; border:1px dashed #333; background:#fff; 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 2px 10px!important; padding:10px 15px 2px 10px; width:60px; height:94px; border:0px; } #frameStyle06 .box { float:left; margin-left:-20px!important; margin-left:-8px; width:130px; height:170px; } #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 #movie_detail_pic { float:left; width:130px; height:165px; } #frameStyle06 .moviepic { width:100px; height:140px; margin:0px 0px 0 10px; } #frameStyle06 table { margin:5px 0 0 15px; width:630px; } #frameStyle06 td { text-align:left; vertical-align:top; height:25px; } #frameStyle06 .table_top { width:430px;} #frameStyle06 .table_top .left21 { width:135px;} #frameStyle06 .table_top .left22 { width:290px;} #frameStyle06 .table_top .span1 { display:block;border:1px solid #666; padding-left:5px;line-height:24px;} #frameStyle06 .table_top .span2 { display:block;width:300px;border:1px solid #666;background:#efefef;padding-left:5px;line-height:24px;} #frameStyle06 .outline , #frameStyle06 .outline_on { width:600px; margin:10px 0 10px 15px!important; margin:10px 10px; border:1px solid #8f0000; overflow:hidden; } #frameStyle06 .outline_on { background:#FDF9D4; } #frameStyle06 .table1 { width:500px;} /* in outline table (machine list right side table) */ #frameStyle06 .table2 { width:490px;} /* movie detail right side table */ #frameStyle06 .table3 { width:620px;} /* movie detail available slots table */ #frameStyle06 .table4 { width:600px;} /* host/create client success page */ #frameStyle06 .table1 .left31 { width:100px;} #frameStyle06 .table1 .left32 { width:380px;} #frameStyle06 .table1 .left33 { width:100px;} #frameStyle06 .table2 td { height:18px;} #frameStyle06 .table2 .left21 { width:120px;} #frameStyle06 .table2 .left22 { width:380px;} #frameStyle06 .table3 { background:#666;} #frameStyle06 .table3 .tab_title { height:25px; padding-top:4px; color:#c0272d; font-weight:bold; } #frameStyle06 .table3 .tab_title td { padding:3px 0 0 5px; background:#fdf9d4;} #frameStyle06 .table3 td { height:16px; background:#fff; } #frameStyle06 .table3 .left21 { width:248px;} #frameStyle06 .table3 .left22 { width:248px;} #frameStyle06 .table3 .span11 { padding-left:3px;} #frameStyle06 #machinelist_title { margin-left:15px; width:600px; height:40px; } #frameStyle06 #machinelist_title .round_title { color:#fff; background:#c0272d; text-align:center; } #frameStyle06 p { text-align:left; line-height:25px; padding-left:2px!important; display:inline; } #frameStyle06 .wordspace { margin:0 0px 0 15px!important; margin:0 10px 0 0px; } #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:660px; padding:15px 5px 20px 5px!important; padding:15px 5px 20px 5px; margin:15px 0; border:1px dashed #333; background:#fff; overflow:hidden; } #frameStyle07 #machinelist_title { width:650px; } #frameStyle07 #machinedvd_location { width:620px; text-align:left; } #frameStyle07 .wordspace { margin:0 10px 0 10px; } #frameStyle07 .block_outer { width:100%; margin:10px 5px!important; margin:10px 0; } #frameStyle07 .block1 , #frameStyle07 .block2 { float:left; text-align:center; margin:0 0px 0 9px!important; margin:0 0 0 7px; width:120px; min-height:270px; overflow:hidden; } #frameStyle07 .block2 { background:#FFFCE1; } #frameStyle07 .image { width:105px; height:150px; display:block; padding:2px; border:1px solid #aaa; 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:660px; padding:15px 5px 20px 5px!important; padding:15px 5px 20px 5px; margin:15px 0; border:1px dashed #333; background:#fff; overflow:hidden; } #frameStyle08 .line { width: 610px; 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:630px; 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:70px;} #frameStyle08 .table2 .left72 { width:150px;} #frameStyle08 .table2 .left73 { width:35px;} #frameStyle08 .table2 .left74 { width:95px;} #frameStyle08 .table2 .left75 { width:70px;} #frameStyle08 .table2 .left76 { width:80px;} #frameStyle08 .table2 .left77 { width:80px;} #frameStyle08 .table2 .left81 { width:80px;} #frameStyle08 .table2 .left82 { width:180px;} #frameStyle08 .table2 .left83 { width:35px;} #frameStyle08 .table2 .left84 { width:70px;} #frameStyle08 .table2 .left85 { width:50px;} #frameStyle08 .table2 .left86 { width:55px;} #frameStyle08 .table2 .left87 { width:45px;} #frameStyle08 .table2 .left88 { width:45px;} #frameStyle08 .table2 .left51 { width:115px;} #frameStyle08 .table2 .left52 { width:220px;} #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 .reports_right { float:right; padding-right:3px; text-align:left; } #frameStyle08 .reports_left { float:left; padding-left:3px; text-align:left; } #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:660px; padding:15px 5px 20px 5px!important; padding:15px 5px 20px 5px; margin:15px 0; border:1px dashed #333; background:#fff; overflow:hidden; } #frameStyle09 #head { margin:0px 0 10px 10px; width:640px; height:25px; border-bottom:1px dashed #888; } #frameStyle09 h1 { float:left; width:170px; font-size:12px; height:22px; color:#c0272d; } #frameStyle09 #head #selected { width:470px; height:22px; float:right; } #frameStyle09 .left, #frameStyle09 .right { width:329px; float:left; overflow:auto; } #frameStyle09 .info { margin:4px; margin-left:8px; width:315px; border:1px solid #666; height:566px; } #frameStyle09 .info ul { margin:10px 0 0 15px; font-weight:bold; line-height:22px; color:#c0272d; } #frameStyle09 .info ul li { list-style:decimal; color:#000; margin-left:17px!important; margin-left:22px; } #frameStyle09 .info .divSwapSteps , #frameStyle09 .info .divSwapSteps2 , #frameStyle09 .info .divSwapStepsUnload { padding-right:5px; width:290px; height:345px; overflow-x:hidden; overflow-y:auto; } #frameStyle09 .info .divSwapSteps2 { height:265px; } #frameStyle09 .info .divSwapStepsUnload { clear:both; height:65px; color:#000; font-weight:normal; } #frameStyle09 .info .divSwapStepsUnload li { clear:both; } #frameStyle09 .info .divSwapStepsUnload .unloadTitle { float:left; width:125px; height:18px; overflow:hidden; } #frameStyle09 .info .divSwapStepsUnload .unloadState { float:left; width:143px; height:18px; } #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:315px; height:18px; margin:4px 0 4px 7px; border:1px solid #aaa; background:#777; color:#fff; overflow:hidden; cursor:pointer; } #frameStyle09 .no .slots { float:left; display:block; margin-right:10px; padding-left:5px; width:270px; height:17px; background:#fff; color:#000; border-right:1px solid #000; } /* swap slots tab attachment */ #frameStyle09 .inTagLine { clear:both; width:100%; height:20px; overflow:hidden; padding:10px 0 5px 0; } #frameStyle09 .inTagLine span { color:#c0272d; 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:#777; color:#fff; font-weight:bold; margin-left:8px; } #frameStyle09 .no .selected { background:#F7F2AC; 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; border-bottom:1px solid #ccc; border-right:1px solid #ccc; overflow-y:scroll; } #frameStyle09 .massunload2 { height:200px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; overflow-y:scroll; } #frameStyle09 .massunload3 { height:250px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; overflow-y:scroll; } #frameStyle09 .rightBottom { width:329px; float:left; margin:1px; text-align:left; overflow:hidden; } #frameStyle09 .heigh { padding-left:10px; line-height:25px; } #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:305px; 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:45px; } #frameStyle09 .left .left02 , #frameStyle09 .right .left02 { width:196px; cursor:pointer; } #frameStyle09 .rightBottom .left02 { width:245px; } #frameStyle09 .left .left03 , #frameStyle09 .right .left03 { width:45px; cursor:pointer; } #frameStyle09 .left .slotsTitle .left03 , #frameStyle09 .right .slotsTitle .left03 { width:73px; cursor:none; } #frameStyle09 .rightBottom .slotsTitle .left02 { width:270px; cursor:none; } #frameStyle09 .mouseover { background:#ddd; width:300px; 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:190px; } #frameStyle09 .remoteControl .span1 { display:block; width:290px; height:25px; line-height:25px; text-indent:20px; background:#ddd; color:black; } /**************************************** email alert page */ #frameStyle10 { width:640px; height:350px; text-align:center; padding:12px 15px; background:#fff; border:1px dashed #666; } #frameStyle10 #father ,#frameStyle10 #father_title { width:635px; overflow:hidden; border:0px; border-right:1px solid #666; } #frameStyle10 .bottom { margin:10px 0; width:635px; height:30px; } #frameStyle10 #father_title { border-top:1px solid #666; margin-left:-1px; margin-top:10px; height:25px; padding-left:1px; background:#FDF9D4; font-size:12px; font-weight:bold; border-bottom:1px solid #666; } #frameStyle10 #father_title .email , #frameStyle10 #father_title .checkEnable , #frameStyle10 #father_title .del { line-height:25px; color:#c0272d; height:25px; border-bottom:1px solid #666; } #frameStyle10 .email , #frameStyle10 .checkEnable , #frameStyle10 .del { height:22px; float:left; line-height:22px; overflow:hidden; border-bottom:1px solid #666; border-left:1px solid #666; } #frameStyle10 #father_title .del { color:#c0272d;} #frameStyle10 #father .del { cursor:pointer;} #frameStyle10 #father .del:hover { color:#000;} #frameStyle10 .email { width:477px; 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:23px; } #frameStyle10 .mouseon { background: #bbb; height:23px;} #frameStyle10 .bottom .addDiv { margin-left:5px; } #frameStyle10 .bottom input { vertical-align:middle; } #frameStyle10 .bottom .input1 { width:135px; } #frameStyle10 .bottom .wordspace { margin-left:5px; } /**************************************** payment statue page */ #frameStyle11 { margin:15px 0 25px 0; padding:0px 0 15px 0; width:670px; } #frameStyle11 .title { margin-top:5px; height:30px; margin-left:5px; } #frameStyle11 .span1 { color:#000;} #frameStyle11 .span3 { color:#000;} #frameStyle11 .span2 { color:#666; font-weight:normal;} #frameStyle11 .wordspace { margin:0 20px 0 5px; } #frameStyle11 .block , #frameStyle11 .block_on { width:98%; margin:5px 0; border:1px solid #666; padding:5px; overflow:hidden; background:#fff; position:relative; left:0px; } #frameStyle11 .block_on { background:#FCF9CE; } #frameStyle11 form { width:180px; height:20px; float:left; } #frameStyle11 .reopen { display:inline; width:50px; height:14px; float:left; margin-top:-18px; margin-left:140px; } #frameStyle11 .title { float:left; } #frameStyle11 table { width:100%; } #frameStyle11 table td { text-align:left; vertical-align:top; } #frameStyle11 .left41 { width:150px;} #frameStyle11 .left42 { width:130px;} #frameStyle11 .left43 { width:120px;} #frameStyle11 .left44 { width:260px;} /**************************************** umg channel edit page */ #frameStyle12 { margin:15px 0 25px 0; width:660px; text-align:left; padding:10px 10px; background:#fff; border:1px dashed #666; overflow:hidden; } #frameStyle12 #toptitle h1 { width:99%; border-bottom:1px solid #333; color:#000; } #frameStyle12 #block_left { width:327px; float:left; overflow:hidden; font-weight:normal; } #frameStyle12 #block_right { width:327px; float:right; overflow:hidden; font-weight:normal; } #frameStyle12 h1 , #frameStyle12 h2 { float:left; margin-top:0px; margin-bottom:10px; width:300px; 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:330px; height:60px; float:left; } #frameStyle12 #message { margin-right:0px; width:50%; height:28px; float:right; text-indent:5px; color:#333; font-weight:bold; position:relative; *top:-55px; } #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 #filter .btn1 { margin-left:5px; *margin-top:-10px; } #frameStyle12 .submitBtn { float:right; margin-right:15px; position:relative; *top:-32px; *left:335px; } #frameStyle12 .hr_line { *margin-top:-25px; } #frameStyle12 form { width:100%; margin:0px; padding:0px; } #frameStyle12 #trailer_title { width:327px; height:18px; padding-top:1px; padding-bottom:2px; background:#666; color:#FFF; font-weight:bold; } #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:134px; text-indent:3px; } #frameStyle12 #trailer_title #left04 { width:65px; border-left:2px solid #fff; text-indent:3px; } #frameStyle12 #trailer_title #left02 { width:65px; 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:325px; border:1px dashed #666; border-top:0px; height:400px; overflow-y:auto; } #frameStyle12 #edit_trailer { border:1px dashed #900; border-top:0px; } #frameStyle12 #trailer_list #left01, #frameStyle12 #edit_trailer #left01 { width:134px; 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:65px; text-indent:2px; border-bottom:1px dashed #ccc; border-right:1px dashed #ccc; } #frameStyle12 #trailer_list #left03, #frameStyle12 #edit_trailer #left03 { width:40px; 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:310px; overflow:hidden; } #frameStyle12 .mouseover1 { background:#ddd; background-position:-5px 0; } #frameStyle12 .mouseout1 { background:#fff; } #frameStyle12 #divSearchPaging { position:relative; top:376px!important; top:374px; width:305px; overflow:hidden; margin-bottom:-20px!important; } #frameStyle12 #divSearchPaging .searchPagingLeft { float:left; width:215px; } #frameStyle12 #divSearchPaging .searchPagingRight { float:right; width:85px; } #frameStyle12 #divSearchPaging .searchPagingLeft .searchPagingTotal { float:left; margin-left:5px; width:70px; line-height:18px; font-weight:bold; color:#000; } #frameStyle12 #divSearchPaging .searchPagingLeft .searchPagingPage { float:left; width:120px; } #frameStyle12 #divSearchPaging .searchPagingLeft .searchPagingPage .searchPagingPagenum { float:left; margin:0px 3px; 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; }