home *** CD-ROM | disk | FTP | other *** search
/ Freelog 115 / FreelogNo115-MaiJuin2013.iso / Internet / AvantBrowser / asetup.exe / _data / res / browser-home-style.css < prev    next >
Cascading Style Sheet File  |  2013-04-03  |  17KB  |  849 lines
  1. body
  2. {
  3.     margin: 0 0 0 0;
  4.     padding: 0 0 0 0;
  5.     background-image:url("browser:home/res/browser-home-bk.png");
  6. }
  7. .container
  8. {
  9.     width:100%;
  10.     /*background-color: yellow;*/
  11.     display:block;
  12. }
  13.  
  14. #SearchBoxDiv
  15. {
  16.     width: 650px;
  17.     display:block;
  18.     margin: 0 auto 0 auto;
  19. }
  20. #SearchBox
  21. {
  22.     line-height: 260px;
  23.     width: 650px;
  24.     float: left;
  25.     margin-top: -200px;
  26.     /*background-color:Purple;*/
  27. }
  28. #SearchBtn
  29. {
  30.     height:35px;
  31.     float:left;
  32.     display:block;
  33.     /*background-color:yellow;*/
  34.  
  35. }
  36. #searchimg
  37. {
  38.     height:32px;
  39.     border: 0px;
  40.     float:left;
  41.     display:block;
  42. }
  43. #search_icon_div
  44. {
  45.     position:relative;
  46.     top:-10px;
  47.     left:0px;
  48.     width:108px;
  49.     height:50px;
  50.     float:left;
  51.     display:block;
  52.     background-image:url("browser:home/res/browser-home-search-icon.png");
  53. }
  54.  
  55. #keyword_outer_border_div
  56. {
  57.     width:385px;
  58.     height:32px;
  59.     line-height:27px;
  60.     display:block;
  61.     margin: 0 0 0 0;
  62.     padding: 0 0 0 0;
  63.     float:left;
  64.     background-image:url("browser:home/res/search-input.gif");
  65.     background-repeat: no-repeat;
  66. }
  67. .keyword_box_div
  68. {
  69.     width:375px;
  70.     height:27px;
  71.     line-height:23px;
  72.     float:left;
  73.     margin: 0 0 0 0;
  74.     padding: 5px 5px 5px 5px;
  75.     display:block;
  76. }
  77. #input_div1, #input_div2
  78. {
  79.     width:364px;
  80.     height:27px;
  81.     line-height:27px;
  82.     display:block;
  83.     margin: 0 0 0 0;
  84.     padding: 0 0 0 0;
  85.     float:left;
  86. }
  87. .dot_white
  88. {
  89.     width:1px;
  90.     height:1px;
  91.     line-height:0px;
  92.     float:left;
  93.     display:block;
  94.     font-size:0px;
  95.     overflow:hidden;
  96. }
  97. .line_col
  98. {
  99.     width:1px;
  100.     height:27px;
  101.     line-height:27px;
  102.     display:block;
  103.     float:left;
  104.     font-size:0px;
  105. }
  106. .left_middle,.right_middle
  107. {
  108.     background-color:#c1c1c1;
  109.     width:1px;
  110.     height:25px;
  111.     line-height:25px;
  112.     display:block;
  113.     float:left;
  114.     margin: 0 0 0 0;
  115.     padding: 0 0 0 0;
  116.     font-size:0px;
  117. }
  118.  
  119. .center_col
  120. {
  121.     width:362px;
  122.     height:27px;
  123.     display:block;
  124.     float:left;
  125.     line-height:27px;
  126. }
  127. .line_DGray
  128. {
  129.     width:362px;
  130.     height:1px;
  131.     line-height:0px;
  132.     font-size:0px;
  133.     display:block;
  134.     float:left;
  135.     background-color: #c1c1c1;
  136.     overflow:hidden;
  137. }
  138. .line_MGray
  139. {
  140.     width:362px;
  141.     height:1px;
  142.     font-size:0px;
  143.     display:block;
  144.     float:left;
  145.     background-color:#c1c1c1;
  146.     overflow:hidden;
  147.     line-height:0px;
  148. }
  149. .line_LGray
  150. {
  151.     width:362px;
  152.     height:1px;
  153.     font-size:0px;
  154.     line-height:0px;
  155.     display:block;
  156.     float:left;
  157.     background-color:#f0f0f0;
  158.     overflow:hidden;
  159. }
  160. .editbox_div
  161. {
  162.     width:362px;
  163.     height:23px;
  164.     line-height:23px;
  165.     float:left;
  166.     display:block;
  167. }
  168. .editbox_div_line_col
  169. {
  170.     width:1px;
  171.     height:23px;
  172.     display:block;
  173.     font-size:0px;
  174.     float:left;
  175.     overflow: hidden;
  176.     background-color: #f0f0f0;;
  177. }
  178. .keyword_border_div
  179. {
  180.     width:360px;
  181.     height:23px;
  182.     line-height:23px;
  183.     display:block;
  184.     float:left;
  185.     padding:0 0 0 0;
  186.     margin:0 0 0 0;
  187.     background-color:#ffffff;
  188. }
  189. #keywords
  190. {
  191.     border:0px;
  192.     width: 352px;
  193.     vertical-align:middle;
  194.     font-weight: normal;
  195.     height: 21px;
  196.     line-height:21px;
  197.     font-size: 14px;
  198.     font-family: Arial, sans-serif,"Helvetica Neue", Helvetica;
  199.     color: #000000;
  200.     padding-left:6px;
  201.     float:left;
  202. }
  203. #input_tooltip
  204. {
  205.     width:260px;
  206.     height:23px;
  207.     line-height:23px;
  208.     text-align:center;
  209.     vertical-align:middle;
  210.     font-size:14px;
  211.     font-family: Arial, sans-serif,"Helvetica Neue", Helvetica;
  212.     color: #eeeeee;
  213.     position:absolute;
  214.     display:none;
  215.     z-index:100;
  216. }
  217. .suggestKeyword
  218. {
  219.     margin-left:6px;
  220. }
  221. input[type="text"]:focus{ 
  222.     outline: 0px  solid #ffffff;  
  223.     border:  #ffffff solid #ffffff;
  224. }
  225. .item_normal
  226. {
  227.     border-left: #c1c1c1 1px solid;
  228.     border-right: #c1c1c1 1px solid;
  229.     line-height:22px;
  230.     background-color:#ffffff;
  231.     overflow:hidden;
  232.     font-size: 14px;
  233.     font-family: Arial, sans-serif,"Helvetica Neue", Helvetica;
  234.     text-overflow: ellipsis;
  235.     white-space:nowrap;
  236.     overflow:hidden;
  237. }
  238. .item_last
  239. {
  240.     border-bottom:  1px solid #c1c1c1;
  241. }
  242.  
  243. .item_first
  244. {
  245.     border-top:  1px solid #c1c1c1 ;
  246. }
  247.  
  248. .itemBg
  249. {
  250.     border-left: #c1c1c1 1px solid;
  251.     border-right: #c1c1c1 1px solid;
  252.     cursor:default;
  253.     background-color:#ffffff;
  254.     line-height:22px;
  255.     font-size: 14px;
  256.     font-family: Arial, sans-serif,"Helvetica Neue", Helvetica;   
  257.     text-overflow: ellipsis;
  258.     white-space:nowrap;
  259.     overflow:hidden;    
  260. }
  261. .item_high
  262. {
  263.     border-left: #c1c1c1 1px solid;
  264.     border-right: #c1c1c1 1px solid;
  265.     background-color:#326BC5;
  266.     cursor:default;
  267.     color:white;
  268.     font-size: 14px;
  269.     font-family: Arial, sans-serif,"Helvetica Neue", Helvetica;    
  270.     line-height:22px;
  271.     text-overflow: ellipsis;
  272.     white-space:nowrap;
  273.     overflow:hidden;    
  274. }
  275.  
  276. .suggest_hidden
  277. {
  278.     display:none;
  279. }
  280.  
  281. input:focus,button:focus,div:focus,a:focus{outline:0px dotted #888888 !important;}
  282. /*-----------------------------------------------------------------------------*/
  283. #SpeedDialClient
  284. {
  285.     /*background-color: red;*/
  286. }
  287.  
  288.  
  289. .SpeedDial, .SpeedDial_Focus
  290. {
  291.     width: 226px;
  292.     height: 176px;
  293.     display: inline-block;
  294.     margin: 0 0 0 0;
  295.     padding: 0 0 0 0;
  296.     overflow: hidden;
  297.     position: absolute;
  298. }
  299.  
  300. .CaptionTopSpace
  301. {
  302.     width:226px;
  303.     height:8px;
  304.     display: inline-block;
  305.     margin: 0 0 0 0;
  306.     padding: 0 0 0 0;
  307.     overflow: hidden;
  308.     float:left;
  309. }
  310. .SpeedDialLeftSpace
  311. {
  312.     width:8px;
  313.     height:166px;
  314.     display: inline-block;
  315.     margin: 0 0 0 0;
  316.     padding: 0 0 0 0;
  317.     overflow: hidden;
  318.     float: left;
  319. }
  320.  
  321. .SpeedDialWebShotDiv
  322. {
  323.     border-bottom-left-radius: 10px;
  324.     border-bottom-right-radius: 10px;
  325.     width: 210px;
  326.     height: 140px;
  327.     float: left;
  328.     display: inline-block;
  329. }
  330. .SpeedDialWebShotLink
  331. {
  332.     border-bottom-left-radius: 10px;
  333.     border-bottom-right-radius: 10px;
  334.     width: 210px;
  335.     height: 140px;
  336.     float: left;
  337.     display: inline-block;
  338. }
  339. .SpeedDialWebShotLinkWhite
  340. {
  341.     border-bottom-left-radius: 10px;
  342.     border-bottom-right-radius: 10px;
  343.     width: 210px;
  344.     height: 140px;
  345.     float: left;
  346.     display: inline-block;
  347.     background-color: white;
  348. }
  349. .progressImg
  350. {
  351.     left: 89px;
  352.     top: 54px;
  353.     width: 32px;
  354.     height: 32px;
  355.     border: solid 0px;
  356.     position: relative;
  357. }
  358. .SpeedDial .SpeedDialWebShotImg
  359. {
  360.     border-bottom-left-radius: 10px;
  361.     border-bottom-right-radius: 10px;
  362.     width: 210px;
  363.     height: 140px;
  364.     float: left;
  365.     display: inline-block;
  366.     border: solid #f0f0f0 0px;
  367.     opacity:0.85;
  368.     filter:alpha(opacity=85);  
  369.     -moz-opacity:0.85;  
  370.     -khtml-opacity: 0.85;  
  371. }
  372. .SpeedDial .SpeedDialRectRound
  373. {
  374.     -webkit-order-radius: 10px;
  375.     -moz-border-radius: 10px;
  376.     border-radius: 10px;
  377.     border: solid 1px #999;
  378.     background-color: white;
  379.     width: 210px;
  380.     height: 160px;
  381.     float: left;
  382.     display: inline-block;
  383.     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
  384.     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
  385.     box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
  386.     margin: 0 0 0 0;
  387.     padding: 0 0 0 0;
  388.     overflow: hidden;
  389. }
  390. .SpeedDial .SpeedDialCaption
  391. {
  392.     border-top-right-radius: 10px;
  393.     border-top-left-radius: 10px;
  394.     margin: 0 0 0 0;
  395.     padding: 0 0 0 0;
  396.     width: 210px;
  397.     height: 20px;
  398.     float:left;
  399.     display: inline-block;
  400.     background-color: white;
  401.     border: white solid 0px;
  402.     border-bottom: #f0f0f0 solid thin;
  403.     color:  #f0f0f0;
  404.     font-size: 12px;
  405.     font-family: Arial, sans-serif,"Helvetica Neue", Helvetica;    
  406. }
  407.  
  408. .SpeedDial_Focus .SpeedDialWebShotImg
  409. {
  410.     border-bottom-left-radius: 10px;
  411.     border-bottom-right-radius: 10px;
  412.     width: 210px;
  413.     height: 140px;
  414.     float: left;
  415.     display: inline-block;
  416.     border: solid #f0f0f0 0px;
  417.     opacity:1;
  418.     filter:alpha(opacity=100);  
  419.     -moz-opacity:1;  
  420.     -khtml-opacity: 1;  
  421. }
  422. .SpeedDial_Focus .SpeedDialRectRound
  423. {
  424.     -webkit-order-radius: 10px;
  425.     -moz-border-radius: 10px;
  426.     border-radius: 10px;
  427.     border: solid 1px #555555;
  428.     background-color: #555555;
  429.     width: 210px;
  430.     height: 160px;
  431.     float: left;
  432.     display: inline-block;
  433.     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .9);
  434.     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .9);
  435.     box-shadow: 0 1px 3px rgba(0, 0, 0, .9);
  436.     margin: 0 0 0 0;
  437.     padding: 0 0 0 0;
  438.     overflow: hidden;
  439. }
  440. .SpeedDial_Focus .SpeedDialCaption
  441. {
  442.     border-top-right-radius: 10px;
  443.     border-top-left-radius: 10px;
  444.     margin: 0 0 0 0;
  445.     padding: 0 0 0 0;
  446.     width: 210px;
  447.     height: 20px;
  448.     float:left;
  449.     display: inline-block;
  450.     background-color: #555555;
  451.     border: white solid 0px;
  452.     border-bottom: #555555 solid thin;
  453.     color:  #ffffff;
  454.     font-size: 12px;
  455.     font-family: Arial, sans-serif,"Helvetica Neue", Helvetica;    
  456. }
  457. .SiteIconLeftSpace
  458. {
  459.     width: 6px;
  460.     height: 19px;
  461.     float:left;
  462.     /*background-color: red;*/
  463. }
  464. .SiteIconDiv
  465. {
  466.     width: 19px;
  467.     height: 20px;
  468.     float:left;
  469.     overflow: hidden;
  470.     cursor: default;;
  471.     display:block;
  472.     margin-bottom: auto;
  473.     margin-top: auto;
  474.     vertical-align: middle;
  475. /*    background-color: white;*/
  476.     cursor:move;
  477. }
  478. .SiteIconDiv img
  479. {
  480.     width: 16px;
  481.     height: 16px;
  482.     top: 2px;
  483.     position: relative;
  484.     border: #ffffff solid 0px;
  485.     cursor:move;
  486. }
  487. .SpeedDial_Focus .TitleDiv
  488. {
  489.     width: 159px;
  490.     height: 20px;
  491.     line-height: 20px;
  492.     float:left;
  493.     font-size: 12px;
  494.     font-family: Arial, sans-serif,"Helvetica Neue", Helvetica;
  495.     font-weight: bold;
  496.     text-align: left;
  497.     vertical-align: middle;
  498.     text-overflow: ellipsis;
  499.     white-space:nowrap;
  500.     overflow:hidden;
  501.     cursor:move;
  502.     color: white;
  503.     cursor:move;
  504.     /*background-color: yellow;*/
  505. }
  506. .SpeedDial .TitleDiv
  507. {
  508.     width: 175px;
  509.     height: 20px;
  510.     line-height: 20px;
  511.     float:left;
  512.     font-size: 12px;
  513.     font-family: Arial, sans-serif,"Helvetica Neue", Helvetica;
  514.     font-weight: bold;
  515.     text-align: left;
  516.     vertical-align: middle;
  517.     text-overflow: ellipsis;
  518.     white-space:nowrap;
  519.     overflow:hidden;
  520.     cursor:move;
  521.     color: #000000;
  522.     cursor:move;
  523.     /*text-decoration: underline ;*/
  524. }
  525. .SpeedDial_Focus .EditDiv, .SpeedDial_Focus .EditDiv_Focus
  526. {
  527.     width: 25px;
  528.     height: 20px;
  529.     float:left;
  530.     /*background-color: red;*/
  531. }
  532.  
  533. .EditDiv_Focus .whiteDotDiv
  534. {
  535.     width: 1px;
  536.     height: 1px;
  537.     line-height: 1px;
  538.     font-size: 0px;
  539.     display: block;
  540.     overflow: hidden;
  541.     background-color: white;
  542.     float:left;
  543.     border: #ffffff solid 0px;
  544. }
  545.  
  546. .EditDiv .whiteDotDiv
  547. {
  548.     width: 1px;
  549.     height: 1px;
  550.     line-height: 1px;
  551.     font-size: 0px;
  552.     display: block;
  553.     overflow: hidden;
  554.     background-color: #aaaaaa;
  555.     float:left;
  556.     border: #ffffff solid 0px;
  557. }
  558.  
  559. .blackDotDiv
  560. {
  561.     width: 1px;
  562.     height: 1px;
  563.     line-height: 1px;
  564.     font-size: 0px;
  565.     display: block;
  566.     overflow: hidden;
  567.     /*background-color: black;*/
  568.     float:left;
  569.     border: #ffffff solid 0px;
  570. }
  571.  
  572.  
  573. .SpeedDial .EditDiv, .SpeedDial .EditDiv_Focus
  574. {
  575.     width: 0px;
  576.     height: 0px;
  577.     float:left;
  578.     overflow: hidden;
  579. }
  580.  
  581.  .SpeedDial .EditDiv img
  582. {
  583.     width: 32px;
  584.     height: 16px;
  585.     display: none;
  586.     top: 2px;
  587.     position: relative;
  588. }
  589.  
  590. .SiteIconDiv img
  591. {
  592.     width: 16px;
  593.     height: 16px;
  594.     display:block;
  595. }
  596.  
  597. .SpeedDial_Placeholder
  598. {
  599.     width: 216px;
  600.     height: 176px;
  601.     display: block;
  602.  
  603.     position: absolute;
  604.  
  605. }
  606. .SpeedDial_AddBtn
  607. {
  608.     width: 226px;
  609.     height: 176px;
  610.     /*background-color: yellow;*/
  611.     display: inline-block;
  612.     margin: 0 0 0 0;
  613.     padding: 0 0 0 0;
  614.     overflow: hidden;
  615.     position: absolute;
  616. }
  617.  
  618. .SpeedDial_AddBtn .AddImg
  619. {
  620.     width: 33px;
  621.     height: 33px;
  622.     position: relative;
  623.     background-image: url("browser:home/res/browser-home-add.png");
  624.     left: 88px;
  625.     top: 63px;
  626.     filter:alpha(opacity=50);  
  627. }
  628. .SpeedDial_AddBtn_Focus
  629. {
  630.     width: 226px;
  631.     height: 176px;
  632.     /*background-color: #ffffff;*/
  633.     display: inline-block;
  634.     margin: 0 0 0 0;
  635.     padding: 0 0 0 0;
  636.     overflow: hidden;
  637.     cursor:pointer;
  638.     position: absolute;
  639. }
  640.  
  641. .SpeedDial_AddBtn_Focus .AddImg
  642. {
  643.     width: 33px;
  644.     height: 33px;
  645.     position: relative;
  646.     background-image: url("browser:home/res/browser-home-add.png");
  647.     left: 88px;
  648.     top: 63px;
  649. }
  650. .SpeedDial_AddBtn .SpeedDialRectRound
  651. {
  652.     -webkit-order-radius: 10px;
  653.     -moz-border-radius: 10px;
  654.     border-radius: 10px;
  655.     border: solid 1px #999;
  656.     width: 210px;
  657.     height: 158px;
  658.     float: left;
  659.     display: inline-block;
  660.     -webkit-box-shadow: inset 0px 0px 3px #888;
  661.     -moz-box-shadow: inset 0px 0px 3px #888;
  662.     box-shadow: inset 0px 0px 3px #888;
  663.     margin: 0 0 0 0;
  664.     padding: 0 0 0 0;
  665.     overflow: hidden;
  666.     opacity: 0.5;
  667.     filter:alpha(opacity=50);  
  668.     -moz-opacity:0.5;  
  669.     -khtml-opacity: 0.5;  
  670. }
  671. .SpeedDial_AddBtn_Focus .SpeedDialRectRound
  672. {
  673.     -webkit-order-radius: 10px;
  674.     -moz-border-radius: 10px;
  675.     border-radius: 10px;
  676.     border: solid 1px #aaa;
  677.     width: 210px;
  678.     height: 158px;
  679.     float: left;
  680.     display: inline-block;
  681.     -webkit-box-shadow: inset 0px 0px 12px #888;
  682.     -moz-box-shadow: inset 0px 0px 12px #888;
  683.     box-shadow: inset 0px 0px 12px #888;
  684.     margin: 0 0 0 0;
  685.     padding: 0 0 0 0;
  686.     overflow: hidden;
  687.     opacity: 1;
  688.     filter:alpha(opacity=100);  
  689.     -moz-opacity:1;  
  690.     -khtml-opacity: 1;  
  691. }
  692. .WebShot image
  693. {
  694.     border: solid 0px;
  695. }
  696.  
  697. /**********************************************************************************/
  698. body,button {font-size: 12px;    font-family: Arial, sans-serif,"Helvetica Neue", Helvetica;}
  699. #txtUrl, #txtTitle{
  700.     border:0px;
  701.     width: 352px;
  702.     vertical-align:middle;
  703.     font-weight: normal;
  704.     height: 21px;
  705.     line-height:21px;
  706.     font-size: 14px;
  707.     font-family: Arial, sans-serif,"Helvetica Neue", Helvetica;
  708.     color: #000000;
  709.     padding-left:6px;
  710.     float:left;
  711. }
  712. #Dialogs
  713. {
  714.     display:none;
  715. }
  716.  
  717. /*************************************/
  718. #basic-modal-content {display:none;}
  719.  
  720. /* Overlay */
  721. #simplemodal-overlay {
  722.     background-color:#000;
  723.     cursor:progress; 
  724.     overflow:hidden;
  725. }
  726.  
  727. /* Container */
  728. #simplemodal-container { 
  729.     width:408px;
  730. }
  731.  
  732. .simplemodal-container-edit { 
  733.     height:146px!important; 
  734.     width:408px;
  735.     height:186px;/*ie6 hack*/
  736.     color:#bbb; background-color:#333; border:4px solid #444; 
  737.     padding:12px!important;
  738.     -webkit-border-radius:3px; 
  739.     -moz-border-radius:3px; 
  740.     border-radius:3px;
  741.     overflow:hidden;
  742.     display:inline-block;
  743. }
  744.  
  745. .simplemodal-container-add { 
  746.     height:86px!important; 
  747.     width:408px;
  748.     height:130px;/*ie6 hack*/
  749.     color:#bbb; background-color:#333; border:4px solid #444; 
  750.     padding:12px!important;
  751.     -webkit-border-radius:3px; 
  752.     -moz-border-radius:3px; 
  753.     border-radius:3px;
  754.     overflow:hidden;
  755.     display:inline-block;
  756. }
  757.  
  758. #simplemodal-container .simplemodal-data {padding:8px; overflow:hidden;}
  759. #simplemodal-container a {color:#ddd;}
  760. #simplemodal-container a.modalCloseImg {background:url(browser:home/res/browser-home-x.png) no-repeat; width:31px; height:31px; display:inline; z-index:3200; position:absolute; top:0px; right:0px; cursor:pointer;}
  761. #btnOK
  762. {
  763.     position: absolute;
  764.     right:8px;
  765.     bottom: 30px;
  766.     width: 32px;
  767.     height: 32px;
  768.     border: #000 none;
  769.     z-index: 3200;  
  770. }
  771. .contact-button {
  772.     background:#bbbbbb; 
  773.     border:0; color:#000000; 
  774.     cursor:pointer; 
  775.     font-size:12px; 
  776.     font-weight:bold; 
  777.     height:20px; 
  778.     margin: 0px 0px 0px 6px; 
  779.     padding: 0px 8px 0px 8px;
  780.     text-align:center; 
  781.     vertical-align:middle; 
  782.     -webkit-border-radius:3px; 
  783.     -moz-border-radius:3px; 
  784.     border-radius:3px;
  785.     float:right;
  786. }
  787. .contact-button:hover {background:#888888;}
  788.  
  789. .SpeedDial .triangle
  790. {
  791.     position:  relative;
  792.     top: 8px;
  793.     left: 8px;
  794.     display:none;
  795. }
  796.  
  797. .SpeedDial_Focus .triangle
  798. {
  799.     position:  relative;
  800.     top: 8px;
  801.     left: 8px;
  802. }
  803.  
  804. nav {
  805.     text-align: left;
  806. }
  807.  
  808. nav ul  {
  809.     display: none;
  810. }
  811.  
  812. nav ul {
  813.     list-style: none;
  814.     position: relative;
  815.     background: #5f6975; 
  816.     border-radius: 3px; 
  817.     padding: 0 0 0 0;
  818.     margin: 0 0 0 0;
  819.     position: absolute;
  820. }
  821.  
  822. nav ul li:hover {
  823.     background: #4b545f;
  824. }
  825. nav ul li:hover span {
  826.     color: #fff;
  827. }
  828. nav ul  li {
  829.     float: none; 
  830.     border-top: 1px solid #6b727c;
  831.     border-bottom: 1px solid #575f6a; 
  832.     position: relative;
  833.     cursor: pointer;
  834. }
  835. nav ul  li span {
  836.     padding: 4px 30px;
  837.     color: #fff;
  838.     font-family: sans-serif, Helvetica; 
  839.     font-size: 12px; 
  840.     line-height: 16px;
  841.     display:block;
  842.     text-decoration: none;
  843.     cursor: pointer;
  844.     white-space:nowrap;
  845. }    
  846. nav ul li span:hover {
  847.     background: #4b545f;
  848. }
  849.