Show
Ignore:
Timestamp:
10/14/08 19:08:15 (6 years ago)
Author:
Miguel Montanez <miguel@omniti.com>
git-committer:
Miguel Montanez <miguel@omniti.com> 1224011295 +0000
git-parent:

[c256764571a55858b9a8db0f8905c297ec481926]

git-author:
Miguel Montanez <miguel@omniti.com> 1224011295 +0000
Message:

new CSS modifications

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved
  • ui/web/htdocs/css/style.css

    re13244c r700dfce  
    1 /******* RESET *******/ 
     1body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td 
     2
     3        margin:0; 
     4        padding:0; 
     5
     6input, select, textarea 
     7
     8        color:#363942; 
     9        font-family:arial; 
     10        font-size:11px; 
     11
     12table 
     13
     14        border-collapse:collapse; 
     15        border-spacing:0; 
     16
     17fieldset, img, abbr 
     18
     19        border:0 none; 
     20
     21#loginform 
     22
     23        margin-right:10px; 
     24
     25a, u 
     26
     27        text-decoration:none; 
     28
    229 
    3 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;} 
    4 input, select, textarea{font-family:arial;font-size:11px;color:#363942;} 
    5 table{border-collapse:collapse;border-spacing:0;} 
    6 fieldset, img, abbr{border:0;} 
    7 #loginform{margin-right: 10px;} 
    8 a,u{text-decoration:none;} 
    9  
    10 html, body {margin: 0; padding: 0;} 
    11 html, body {height: 100%;} 
    12 body { 
    13 background:#FFF url(../images/bg-shade-divider.png) top left repeat-y;/* Shade dividing left and content area */ 
    14 font-family:Georgia, "Times New Roman", Times, serif; 
    15 font-size:11px; 
    16 line-height:18px; 
    17 color:#363942; 
    18 
    19  
    20 /******* BOXES / CONTAINERS *******/ 
    21 #header { 
    22 position:absolute; 
    23 left:0; 
    24 top:0; 
     30html, body 
     31
     32        height:100%; 
     33        margin:0; 
     34        padding:0; 
     35
     36body 
     37
     38        background:#FFFFFF url(../images/bg-shade-divider.png) repeat-y scroll left top; 
     39        color:#363942; 
     40        font-family:Georgia,"Times New Roman",Times,serif; 
     41        font-size:11px; 
     42        line-height:18px; 
     43
     44#header  
     45
     46        background:#FFFFFF; 
     47        color:white; 
     48        height:65px; 
     49        left:0; 
     50        padding:0; 
     51        position:absolute; 
     52        top:0; 
     53        width:100%; 
     54
     55#header h1 a 
     56
     57        background:transparent url(../images/logo.png) no-repeat scroll left top; 
     58        height:65px; 
     59        left:0; 
     60        position:absolute; 
     61        text-indent:-5000em; 
     62        top:0; 
     63        width:292px; 
     64        z-index:300; 
     65
     66#header ul 
     67
     68        list-style-image:none; 
     69        list-style-position:outside; 
     70        list-style-type:none; 
     71        position:absolute; 
     72        right:50px; 
     73        text-align:right; 
     74        top:40px; 
     75        width:480px; 
     76
     77#header ul li 
     78
     79        border-right:1px solid #363942F; 
     80        display:inline; 
     81        padding:0 5px; 
     82
     83#header ul li.xx 
     84
     85        border:medium none; 
     86
     87#header ul li a 
     88
     89        color:#363942; 
     90
     91#left 
     92
     93        height:85%; 
     94        left:0; 
     95        padding:0; 
     96        position:absolute; 
     97        top:110px; 
     98        width:334px; 
     99        z-index:200; 
     100
     101#container 
     102
     103        left:0; 
     104        overflow:auto; 
     105        padding:1em; 
     106        position:absolute;       
     107        top:54px; 
     108        z-index:100; 
     109
     110#content 
     111
     112        background:#FFFFFF none repeat scroll 0 0; 
     113        border-top:1px solid #D5D3D4; 
     114        margin-bottom:5em; 
     115        margin-left:321px; 
     116        padding:25px;; 
     117
     118#main 
     119
     120        padding-left:20px; 
     121        width:647px; 
     122
     123.accordion 
     124
     125
     126.accordion h3 
     127
     128        background:#E9E7E7 url(../images/bg_head_master.png) no-repeat scroll left 0; 
     129        border-top:1px solid #FFFFFF; 
     130        color:#FFFFFF; 
     131        cursor:pointer;  
     132        font-size:12px; 
     133        height:18px; 
     134        margin:0; 
     135        padding:3px 15px; 
     136        text-transform:uppercase; 
     137
     138.accordion h3.active 
     139
     140        background-position:left -25px; 
     141
     142.accordion span 
     143
     144        display:none; 
     145        margin:0; 
     146        padding:0; 
     147
     148.accordion span.search 
     149
     150
     151.accordion span.worksheet 
     152
     153        padding:15px; 
     154
     155.accordion2 
     156
     157        margin-bottom:1em; 
     158
     159.accordion2 h4 
     160
     161        background:#E9E7E7 url(../images/bg_head_savedg.png) no-repeat scroll left 0; 
     162        border-top:1px solid #FFFFFF; 
     163        color:#82787B; 
     164        cursor:pointer; 
     165        font-size:12px; 
     166        font-weight:normal; 
     167        height:18px; 
     168        margin:0; 
     169        padding:3px 7px; 
     170
     171.accordion2 h4.active 
     172
     173        background-position:left -26px; 
     174
     175.accordion2 div 
     176
     177        display:none; 
     178        margin:1em 0; 
     179
     180.accordion3 
     181
     182        margin-bottom:1em; 
     183
     184.accordion3 h2 
     185
     186        background:#E9E7E7 url(../images/bg_head_ws.png) no-repeat scroll left 0; 
     187        border-top:1px solid #FFFFFF; 
     188        color:#363942; 
     189        cursor:pointer; 
     190        font-size:12px; 
     191        font-weight:normal; 
     192        height:18px; 
     193        margin:0; 
     194        padding:5px 25px; 
     195
     196.accordion3 h2.active 
     197
     198        background-position:left -29px; 
     199
     200.accordion3 span 
     201
     202        display:none; 
     203        margin:1em 0; 
     204
     205#btn 
     206
     207        background:transparent url(../images/bg_head_ws.png) no-repeat scroll right 0; 
     208        clear:both; 
     209        display:block;   
     210        float:right; 
     211        height:18px; 
     212        margin-top:1px; 
     213        padding:5px; 
     214        width:75px; 
     215
     216#btn ul 
     217
     218        list-style-image:none; 
     219        list-style-position:outside; 
     220        list-style-type:none; 
     221
     222#btn ul li 
     223
     224        display:inline; 
     225
     226#btn ul li a 
     227
     228        display:block; 
     229
     230#btn-ws-delete 
     231
     232        background:transparent url(../images/icon-ws-delete.png) no-repeat scroll 0 0; 
     233        display:block; 
     234        float:right;     
     235        height:14px; 
     236        margin:2px 0 0 4px; 
     237        width:14px; 
     238
     239#btn-ws-delete span 
     240
     241        display:none; 
     242
     243#btn-ws-edit 
     244
     245        background:transparent url(../images/icon-ws-edit.png) no-repeat scroll 0 0; 
     246        display:block; 
     247        float:right; 
     248        height:14px; 
     249        margin:2px 0 0 4px; 
     250        width:14px; 
     251
     252#btn-ws-edit span 
     253
     254        display:none; 
     255
     256#btn-ws-up 
     257
     258        background:transparent url(../images/icon-ws-up.png) no-repeat scroll 0 0; 
     259        display:block; 
     260        float:right; 
     261        height:14px; 
     262        margin:2px 0 0 4px; 
     263        width:14px; 
     264
     265#btn-ws-up span 
     266
     267        display:none; 
     268
     269#btn-ws-down 
     270
     271        background:transparent url(../images/icon-ws-down.png) no-repeat scroll 0 0; 
     272        display:block; 
     273        float:right; 
     274        height:14px; 
     275        margin:2px 0 0 4px; 
     276        width:14px; 
     277
     278#btn-ws-down span 
     279
     280        display:none; 
     281
     282ul.tabNavigation 
     283
     284        list-style-image:none; 
     285        list-style-position:outside; 
     286        list-style-type:none; 
     287        margin:0; 
     288        padding:0; 
     289
     290ul.tabNavigation li 
     291
     292        display:inline; 
     293        float:left; 
     294        margin:0; 
     295        padding:0; 
     296
     297ul.tabNavigation li a 
     298
     299        background:#E6E4E5 none repeat scroll 0 0; 
     300        color:#82787B; 
     301        display:block; 
     302        font-size:13px; 
     303        padding:16px 15px 8px; 
     304        text-decoration:none; 
     305
     306ul.tabNavigation li.first a 
     307
     308        border-left:1px solid #FFFFFF; 
     309        width:48px; 
     310
     311ul.tabNavigation li.second a 
     312
     313        border-left:1px solid #D9D6D7; 
     314        border-right:1px solid #D9D6D7; 
     315        width:103px; 
     316
     317ul.tabNavigation li.third a 
     318
     319        background:#E6E4E5 url(../images/shade-tab-third.png) repeat-y scroll right top; 
     320        width:89px; 
     321
     322ul.tabNavigation li a.selected 
     323
     324        background:#FFFFFF none repeat scroll 0 0; 
     325
     326ul.tabNavigation li.third a.selected 
     327
     328        background:#E6E4E5 url(../images/bg-shade-divider.png) repeat-y scroll right top; 
     329
     330ul.tabNavigation li a.selected:hover 
     331
     332        background:#FFFFFF none repeat scroll 0 0; 
     333
     334ul.tabNavigation li a:hover 
     335
     336        background:#F2F1F2 none repeat scroll 0 0; 
     337
     338ul.tabNavigation li.third a:hover 
     339
     340        background:#F2F1F2 url(../images/shade-tab-third-hover.png) repeat-y scroll right top; 
     341
     342ul.tabNavigation li a:focus 
     343
     344        outline-color:-moz-use-text-color; 
     345        outline-style:none; 
     346        outline-width:0; 
     347
     348#first 
     349
     350        background:transparent none repeat scroll 0 0; 
     351        margin-top:1em; 
     352        padding:15px; 
     353
     354#second 
     355
     356        background:transparent none repeat scroll 0 0; 
     357        margin-top:1em; 
     358        overflow:auto; 
     359        padding:15px; 
     360
     361#third  
     362
     363        background:transparent none repeat scroll 0 0; 
     364        margin-top:1em; 
     365        overflow:auto; 
     366        padding:15px; 
     367
     368#tab_content 
     369
     370        background:#E6E4E5 none repeat scroll 0 0; 
     371        border-left:1px solid #FFFFFF; 
     372        border-top:1px solid #FFFFFF; 
     373        overflow:auto; 
     374
     375#tab_content ul 
     376
     377        list-style-image:none; 
     378        list-style-position:outside; 
     379        list-style-type:none; 
     380
     381#tab_content ul li 
     382
     383        display:inline; 
     384        float:left; 
     385
     386#tab_content ul li a 
     387
     388        border-right:1px solid #D9D6D7; 
     389        color:#82787B; 
     390        display:block; 
     391        font-size:16px; 
     392        padding:14px 15px 8px; 
     393        text-decoration:none; 
     394        width:100px; 
     395
     396#tab_content ul li a:hover 
     397
     398        background:#F2F1F2 none repeat scroll 0 0; 
     399
     400#tab_content ul li a.selected 
     401
     402        background:#FFFFFF none repeat scroll 0 0; 
     403
     404#tab_content ul li a.selected:hover 
     405
     406        background:#FFFFFF none repeat scroll 0 0; 
     407
     408#buttons 
     409
     410        background:white none repeat scroll 0 0; 
     411        border-bottom:1px solid #C0BBBD; 
     412        clear:both; 
     413        margin-bottom:15px; 
     414        padding:6px 20px; 
     415        text-align:left; 
     416
     417h2 
     418
     419        font-size:22px; 
     420        font-weight:normal; 
     421
     422h4 
     423
     424        font-size:11px; 
     425        font-weight:bold; 
     426
     427
     428
     429        margin-bottom:1em; 
     430
     431.ac  
     432
     433        color:#82787B; 
     434        font-size:10px; 
     435        font-weight:normal; 
     436        text-transform:uppercase; 
     437
     438#searchlist p.search-summary 
     439
     440        margin-bottom:0; 
     441
     442#searchlist p.paginate 
     443
     444        text-align:right; 
     445
     446#searchlist span.searchselect 
     447
     448        border:1px solid #CCCCCC; 
     449        display:inline; 
     450        margin:0 4px; 
     451        padding:0 4px; 
     452
     453#searchlist { 
     454overflow:hidden; 
     455white-space:nowrap; 
     456
     457#searchlist ul a { 
     458list-style-image:none; 
     459list-style-position:outside; 
     460list-style-type:none; 
     461
     462#searchlist ul li { 
     463display:block; 
     464margin-bottom:0; 
     465padding:0; 
     466
     467#searchlist ul li a { 
     468background:transparent url(../images/icon-data.png) no-repeat scroll 0 1px; 
     469padding-left:15px; 
     470
     471#searchlist ul li.txt a { 
     472background:transparent url(../images/icon-data-txt.png) no-repeat scroll 0 1px; 
     473margin-bottom:6px; 
     474padding-left:15px; 
     475
     476#browselist span { 
     477display:block; 
     478white-space:nowrap; 
     479
     480#browselist { 
     481overflow:hidden; 
     482
     483#browselist ul { 
     484list-style-image:none; 
     485list-style-position:outside; 
     486list-style-type:none; 
     487
     488#browselist ul li { 
     489display:block; 
     490padding:0; 
     491
     492#browselist ul li span { 
     493background:transparent url(../images/icon-min-max.png) no-repeat scroll 0 3px; 
     494padding-left:15px; 
     495
     496#browselist ul li span.numeric { 
     497background:transparent url(../images/icon-data.png) no-repeat scroll 0 1px; 
     498padding-left:15px; 
     499
     500#browselist ul li span.text { 
     501background:transparent url(../images/icon-data-txt.png) no-repeat scroll 0 1px; 
     502padding-left:15px; 
     503
     504#browselist ul li ul li span { 
     505background:transparent url(../images/icon-min-max.png) no-repeat scroll 15px 3px; 
     506padding-left:30px; 
     507
     508#browselist ul li ul li span.numeric { 
     509background:transparent url(../images/icon-data.png) no-repeat scroll 15px 1px; 
     510padding-left:30px; 
     511
     512#browselist ul li ul li span.text { 
     513background:transparent url(../images/icon-data-txt.png) no-repeat scroll 15px 1px; 
     514padding-left:30px; 
     515
     516#browselist ul li ul li ul li span { 
     517background:transparent url(../images/icon-min-max.png) no-repeat scroll 30px 3px; 
     518padding-left:45px; 
     519
     520#browselist ul li ul li ul li span.numeric { 
     521background:transparent url(../images/icon-data.png) no-repeat scroll 30px 1px; 
     522padding-left:45px; 
     523
     524#browselist ul li ul li ul li span.text { 
     525background:transparent url(../images/icon-data-txt.png) no-repeat scroll 30px 1px; 
     526padding-left:45px; 
     527
     528#browselist ul li ul li ul li ul li span { 
     529background:transparent url(../images/icon-min-max.png) no-repeat scroll 45px 3px; 
     530padding-left:60px; 
     531
     532#browselist ul li ul li ul li ul li span.numeric { 
     533background:transparent url(../images/icon-data.png) no-repeat scroll 45px 1px; 
     534padding-left:60px; 
     535
     536#browselist ul li ul li ul li ul li span.text { 
     537background:transparent url(../images/icon-data-txt.png) no-repeat scroll 45px 1px; 
     538padding-left:60px; 
     539
     540#browselist ul li ul li ul li ul li ul li span { 
     541background:transparent url(../images/icon-min-max.png) no-repeat scroll 60px 3px; 
     542padding-left:75px; 
     543
     544#browselist ul li ul li ul li ul li ul li span.numeric { 
     545background:transparent url(../images/icon-data.png) no-repeat scroll 60px 1px; 
     546padding-left:75px; 
     547
     548#browselist ul li ul li ul li ul li ul li span.text { 
     549background:transparent url(../images/icon-data-txt.png) no-repeat scroll 60px 1px; 
     550padding-left:75px; 
     551
     552div.tooltip { 
     553background:white none repeat scroll 0 0; 
     554border:1px solid #999999; 
     555opacity:0.9; 
     556padding:0 3px; 
     557
     558#graphlist p.graph-search-summary { 
     559margin-bottom:0; 
     560
     561#graphlist p.paginate { 
     562text-align:right; 
     563
     564#graphlist span.searchselect { 
     565border:1px solid #CCCCCC; 
     566display:inline; 
     567margin:0 4px; 
     568padding:0 4px; 
     569
     570#graphlist { 
     571overflow:auto; 
     572
     573#graphlist ul { 
     574list-style-image:none; 
     575list-style-position:outside; 
     576list-style-type:none; 
     577
     578#graphlist ul li { 
     579display:block; 
     580margin-bottom:4px; 
     581padding:2px 0; 
     582
     583#graphlist ul li a { 
     584background:transparent url(../images/icon-graphs.png) no-repeat scroll 0 1px; 
     585padding-left:25px; 
     586
     587#graphlist ul li ul li { 
     588border-left:1px solid #C0BBBD; 
     589color:#82787B; 
     590display:inline; 
     591font-size:10px; 
     592margin-bottom:6px; 
     593padding:0 5px; 
     594
     595#graphlist ul li ul li.xx { 
     596border-left:medium none; 
     597color:#82787B; 
     598display:inline; 
     599font-size:10px; 
     600padding-left:15px; 
     601
     602#graphlist ul li ul li a.addtows { 
     603background:transparent url(../images/icon-addws.png) no-repeat scroll 0 0; 
     604display:inline; 
     605
     606#graphlist ul li ul li a em { 
     607color:#82787B; 
     608padding-left:3px; 
     609
     610#graphlist ul li ul li a.editgraph { 
     611background:transparent url(../images/icon-addws.png) no-repeat scroll 0 0; 
     612display:inline; 
     613
     614#graphlist ul li ul li a.editgraph { 
     615background:transparent url(../images/icon-editgraph.png) no-repeat scroll 0 0; 
     616display:inline; 
     617
     618#graphlist ul li ul li a.deletegraph { 
     619background:transparent url(../images/icon-deletegraph.png) no-repeat scroll 0 0; 
     620display:inline; 
     621
     622div.plot-area { 
     623height:180px; 
     624width:380px; 
     625
     626div.plot-area div.centered { 
     627display:table-cell; 
     628height:180px; 
     629text-align:center; 
     630vertical-align:middle; 
     631width:380px; 
     632
     633div.plot-area div.centered .loading { 
     634background:transparent url(../images/jquery-ajax-loader.gif) no-repeat scroll center top; 
     635height:25px; 
     636width:380px; 
     637
     638#maingraph div.plot-area { 
     639height:400px; 
     640width:780px; 
     641
     642#maingraph div.plot-area div.centered { 
     643display:table-cell; 
     644text-align:center; 
     645vertical-align:middle; 
     646width:780px; 
     647
     648#maingraph div.plot-area div.centered .loading { 
     649background:transparent url(../images/jquery-ajax-loader.gif) no-repeat scroll center top; 
     650height:25px; 
     651width:780px; 
     652
     653div.plot-legend table { 
     654height:4em; 
     655
     656div.plot-legend td.legendLabel { 
     657padding:0 0.5em; 
     658
     659#worksheetlist { 
     660height:450px; 
     661overflow:auto; 
     662
     663#worksheetlist ul a { 
     664list-style-image:none; 
     665list-style-position:outside; 
     666list-style-type:none; 
     667
     668#worksheetlist ul li { 
     669display:block; 
     670margin-bottom:4px; 
     671padding:2px 0; 
     672
     673#worksheetlist ul li a { 
     674background:transparent url(../images/icon-worksheet.png) no-repeat scroll 0 1px; 
     675padding-left:15px; 
     676
     677#worksheetlist ul li.selected { 
     678background:#E6E4E5 none repeat scroll 0 0; 
     679display:block; 
     680
     681ul#worksheet-graphs { 
     682
     683ul#worksheet-graphs li { 
     684float:left; 
     685list-style-image:none; 
     686list-style-position:outside; 
     687list-style-type:none; 
     688margin:1.5em 1em 0 0; 
     689
     690span.rememberGraph { 
     691border:1px solid #DDDDDD; 
     692display:none; 
     693float:right; 
     694margin-left:4px; 
     695padding:0 4px; 
     696
     697span.blankGraph { 
     698border:1px solid #DDDDDD; 
     699float:right; 
     700margin-left:4px; 
     701padding:0 4px; 
     702
     703div.error { 
     704text-align:center; 
     705width:100%; 
     706
     707p.error { 
     708border:1px dashed #660000; 
     709color:#660000; 
     710display:none; 
     711padding:4px; 
     712text-align:left; 
     713width:auto; 
     714
     715table#gtool { 
     716background:#FFFFFF none repeat scroll 0 0; 
     717border-collapse:collapse; 
     718margin:0; 
    25719padding:0; 
    26720width:100%; 
    27 height:65px; 
    28 background:#000 url(../images/bg-header.png) top left repeat-x ; 
    29 color:white; 
    30 
    31         #header h1 a{position:absolute;top:0;left:0;background:url(../images/logo.png) top left no-repeat;height:65px;width:292px;text-indent:-5000em;z-index:300;} 
    32         #header ul {position:absolute;top:8px;left:500px;width:480px;list-style:none;text-align:right;} 
    33         #header ul li {display:inline;padding:0 5px;border-right:1px solid #FFF;} 
    34         #header ul li.xx {border:none;} 
    35         #header ul li a{color:#efecca;} 
    36 #left { 
    37 position:absolute; 
    38 left:0; 
    39 top:65px; 
    40 padding:0; 
    41 width:334px; 
    42 height:85%; 
    43 z-index:200; 
    44 }  
    45 #container{position:absolute;top:38px;left:0px;padding:1em;overflow:auto;z-index:100;} 
    46 #content { 
    47 background:#FFF; 
    48 margin-left:333px; 
    49 margin-bottom:5em; 
    50 
    51 #main { 
    52 width:647px; 
    53 padding-left:20px; 
    54 
    55  
    56  
    57 /******* ACCORDIONs *******/ 
    58  
    59 /* accordion 1 / master menu */ 
    60  
    61 .accordion { 
    62 /*border-bottom: solid 1px #c4c4c4;*/ 
    63 
    64 .accordion h3 { 
    65 background: #e9e7e7 url(../images/bg_head_master.png) no-repeat left 0px; 
    66 padding: 3px 15px; 
    67 margin: 0; 
    68 font-size:12px; 
     721
     722table#gtool th { 
     723border-bottom:1px solid #E6E4E5; 
     724border-top:3px solid #9BAAC1; 
     725color:#82787B; 
     726font-size:10px; 
     727font-weight:normal; 
     728margin:0; 
     729padding:3px 1px; 
     730text-align:left; 
    69731text-transform:uppercase; 
    70 color:#FFF; 
    71 border-top: solid 1px #fff; 
    72 cursor: pointer; 
    73 height:18px; 
    74 
    75 .accordion h3.active {background-position: left -25px;} 
    76 .accordion span {margin:0;padding:0;display: none;} 
    77 .accordion span.search {/*height:650px;*/} 
    78 .accordion span.worksheet {/*height:350px;*/padding:15px;} 
    79  
    80  
    81 /* accordion 2 / under saved charts */ 
    82  
    83 .accordion2 { 
    84 /*border-bottom: solid 1px #c4c4c4;*/ 
    85 margin-bottom:1em; 
    86 
    87 .accordion2 h4 { 
    88 background: #e9e7e7 url(../images/bg_head_savedg.png) no-repeat left 0px; 
    89 padding: 3px 7px; 
    90 margin: 0; 
    91 font-size:12px; 
     732
     733table#gtool td { 
     734border-bottom:1px solid #E6E4E5; 
     735empty-cells:hide; 
     736margin:0; 
     737padding:3px 1px; 
     738text-align:left; 
     739vertical-align:middle; 
     740
     741table#gtool th.data, table#gtool td.data { 
     742text-align:left; 
     743width:60%; 
     744
     745table#gtool tr.mathbox { 
     746background:#EBEEF3 none repeat scroll 0 0; 
     747
     748table#gtool tr.mathbox td { 
     749padding:10px 0; 
     750text-align:center; 
     751
     752table#gtool tr.mathbox td div { 
     753padding:2px 15px; 
     754text-align:center; 
     755
     756table#gtool tr.mathbox td label { 
     757color:#686E75; 
     758display:block; 
     759float:left; 
     760font-size:10px; 
     761margin-top:2px; 
     762text-align:right; 
     763text-transform:uppercase; 
     764width:165px; 
     765
     766table#gtool td.math { 
     767background:#EBEEF3 url(../images/icon-math.png) repeat-x scroll left top; 
     768border-bottom:1px solid #EBEEF3; 
     769padding:3px 0; 
     770text-indent:-5000em; 
     771width:14px; 
     772
     773input.graphAxis { 
     774display:none; 
     775
     776span.axis { 
     777-x-system-font:none; 
     778border:1px solid #FFFFFF; 
     779cursor:pointer; 
     780display:block; 
     781float:left; 
     782font-family:arial; 
     783font-size:10px; 
     784font-size-adjust:none; 
     785font-stretch:normal; 
     786font-style:normal; 
     787font-variant:normal; 
    92788font-weight:normal; 
    93 color:#82787b; 
    94 border-top: solid 1px #fff; 
    95 cursor: pointer; 
    96 height:18px; 
    97 
    98 .accordion2 h4.active {background-position: left -26px;} 
    99 .accordion2 div {display: none;margin:1em 0;} 
    100  
    101  
    102 /* accordion 3 / for worksheet */ 
    103  
    104 .accordion3 { 
    105 /*border-bottom: solid 1px #c4c4c4;*/ 
    106 margin-bottom:1em; 
    107 
    108 .accordion3 h2 { 
    109 background: #e9e7e7 url(../images/bg_head_ws.png) no-repeat left 0px; 
    110 padding: 5px 25px; 
    111 margin: 0; 
    112 font-size:12px; 
    113 font-weight:normal; 
    114 color:#363942; 
    115 border-top: solid 1px #fff; 
    116 cursor: pointer; 
    117 height:18px; 
    118 
    119 .accordion3 h2.active {background-position: left -29px;} 
    120 .accordion3 span {display: none;margin:1em 0;} 
    121  
    122 #btn {background:url(../images/bg_head_ws.png) no-repeat right 0px;float:right;display:block;width:75px;height:18px;margin-top:1px;padding:5px;clear:both;} 
    123 #btn ul {list-style:none;} 
    124 #btn ul li {display:inline;} 
    125 #btn ul li a{display:block;} 
    126 #btn-ws-delete {background:url(../images/icon-ws-delete.png) 0 0px no-repeat;display:block;width:14px;height:14px;float:right;margin:2px 0 0 4px;} 
    127 #btn-ws-delete span {display:none;} 
    128 #btn-ws-edit {background:url(../images/icon-ws-edit.png) 0 0px no-repeat;display:block;width:14px;height:14px;float:right;margin:2px 0 0 4px;} 
    129 #btn-ws-edit span {display:none;} 
    130 #btn-ws-up {background:url(../images/icon-ws-up.png) 0 0px no-repeat;display:block;width:14px;height:14px;float:right;margin:2px 0 0 4px;} 
    131 #btn-ws-up span {display:none;} 
    132 #btn-ws-down {background:url(../images/icon-ws-down.png) 0 0px no-repeat;display:block;width:14px;height:14px;float:right;margin:2px 0 0 4px;} 
    133 #btn-ws-down span {display:none;} 
    134  
    135  
    136 /******* SEARCH TABS *******/ 
    137  
    138 ul.tabNavigation { 
    139 list-style:none; 
     789height:13px; 
     790line-height:normal; 
    140791margin:0; 
    141792padding:0; 
    142 
    143  
    144 ul.tabNavigation li { 
    145 margin:0; 
     793text-align:center; 
     794vertical-align:middle; 
     795width:13px; 
     796
     797span.axison { 
     798border:1px solid #9BAAC1; 
     799
     800.deletedatapoint { 
     801background:transparent url(../images/icon-delete.png) no-repeat scroll 0 2px; 
     802display:block; 
     803height:15px; 
     804width:15px; 
     805
     806.deletedatapoint span { 
     807display:none; 
     808
     809#ws_datetool, #graph_datetool { 
     810clear:both; 
     811margin:18px 0; 
     812overflow:auto; 
     813
     814.zoom { 
     815float:left; 
     816overflow:hidden; 
     817z-index:2900; 
     818
     819.zoom dl { 
     820list-style-image:none; 
     821list-style-position:outside; 
     822list-style-type:none; 
     823
     824.zoom dl dt { 
     825font-size:10px; 
     826padding-right:5px; 
     827text-transform:uppercase; 
     828
     829.zoom dl dt, .zoom dl dd { 
     830display:inline; 
     831float:left; 
     832
     833.zoom dl dd a { 
     834border-color:#CDD4E0 #CDD4E0 #CDD4E0 -moz-use-text-color; 
     835border-style:solid solid solid none; 
     836border-width:1px 1px 1px medium; 
     837color:#82787B; 
     838display:block; 
     839font-size:12px; 
    146840padding:0; 
    147 display: inline; 
     841text-align:center; 
     842text-decoration:none; 
     843width:36px; 
     844
     845.zoom dl dd a.first { 
     846border:1px solid #CDD4E0; 
     847
     848.zoom dl dd a:hover { 
     849background:#EBEEF2 none repeat scroll 0 0; 
     850
     851.zoom dl dd a.selected { 
     852background:transparent url(../images/bg-tab-zoom-arrow.png) no-repeat scroll left top; 
     853border-color:#CDD4E0 -moz-use-text-color -moz-use-text-color; 
     854border-style:solid none none; 
     855border-width:1px medium medium; 
     856padding-bottom:7px; 
     857
     858.zoom dl dd a.selected:hover { 
     859background:transparent url(../images/bg-tab-zoom-arrow.png) no-repeat scroll left top; 
     860
     861.range { 
    148862float:left; 
    149 
    150  
    151 ul.tabNavigation li a { 
    152 padding: 16px 15px 8px 15px; 
    153 background: #e6e4e5; 
    154 color: #82787b; 
    155 font-size:13px; 
    156 text-decoration: none; 
    157 display:block; 
    158 
    159  
    160 ul.tabNavigation li.first a {width:48px;border-left:1px solid #FFF;} 
    161 ul.tabNavigation li.second a {width:103px;border-left:1px solid #d9d6d7;border-right:1px solid #d9d6d7;} 
    162 ul.tabNavigation li.third a {width:89px;background:#e6e4e5 url(../images/shade-tab-third.png) top right repeat-y;} 
    163  
    164 ul.tabNavigation li a.selected {background: #FFF;} 
    165 ul.tabNavigation li.third a.selected {background:#e6e4e5 url(../images/bg-shade-divider.png) top right repeat-y;} 
    166 ul.tabNavigation li a:hover.selected {background:#FFF;} 
    167 ul.tabNavigation li a:hover {background:#f2f1f2;} 
    168 ul.tabNavigation li.third a:hover {background:#f2f1f2 url(../images/shade-tab-third-hover.png) top right repeat-y;} 
    169  
    170 ul.tabNavigation li a:focus {outline: 0;} 
    171  
    172 /*div.tabs > div {padding: 5px;margin-top: 3px;} 
    173 div.tabs > div h2 {margin-top: 0;}*/ 
    174  
    175 #first {background:none;margin-top:1em;padding:15px;} 
    176 #second {background:none;margin-top:1em;padding:15px;overflow:auto;} 
    177 #third {background:none;margin-top:1em;padding:15px;overflow:auto;} 
    178  
    179  
    180 /******* TOP CONTROLS *******/ 
    181  
    182 #tab_content {background:#e6e4e5;border-top:1px solid #FFF;border-left:1px solid #FFF;overflow:auto;} 
    183 #tab_content ul {list-style:none;} 
    184 #tab_content ul li {display:inline;float:left;} 
    185 #tab_content ul li a{color:#82787b;display:block;font-size:16px;text-decoration:none;width:100px;padding:14px 15px 8px 15px;border-right:1px solid #d9d6d7;} 
    186 #tab_content ul li a:hover{background:#f2f1f2;} 
    187 #tab_content ul li a.selected{background:#FFF;} 
    188 #tab_content ul li a:hover.selected{background:#FFF;} 
    189 #buttons{background:white;padding:6px 20px;border-bottom:1px solid #c0bbbd;margin-bottom:15px;text-align:left;clear:both;} 
    190  
    191  
    192 /******* TYPOGRAPHY *******/ 
    193  
    194 /* h1 defined in header */ 
    195 h2 {font-size:22px;font-weight:normal;} 
    196 h4 {font-size:11px;font-weight:bold;} 
    197 p {margin-bottom:1em;} 
    198 .ac {font-size: 10px;font-weight:normal;text-transform:uppercase;color:#82787b;} 
    199  
    200 #searchlist p.search-summary {margin-bottom: 0;} 
    201 #searchlist p.paginate {text-align:right;} 
    202 #searchlist span.searchselect {display:inline;padding:0 4px;border:1px solid #ccc;margin:0 4px;} 
    203  
    204 /* search list */ 
    205 #searchlist {overflow:hidden; white-space:nowrap;} 
    206 #searchlist ul a {list-style:none;} 
    207 #searchlist ul li {display:block;padding:0;margin-bottom:0px;} 
    208 #searchlist ul li a {background:url(../images/icon-data.png) 0 1px no-repeat;padding-left:15px;} 
    209 #searchlist ul li.txt a {background:url(../images/icon-data-txt.png) 0 1px no-repeat;padding-left:15px;margin-bottom:6px;} 
    210  
    211 /* browse list */ 
    212 #browselist span {display:block; white-space: nowrap;} 
    213 #browselist {overflow:hidden;} 
    214 #browselist ul {list-style:none;} 
    215 #browselist ul li {display:block;padding:0;} 
    216 #browselist ul li span {background:url(../images/icon-min-max.png) 0 3px no-repeat;padding-left:15px;} 
    217 #browselist ul li span.numeric {background:url(../images/icon-data.png) 0 1px no-repeat;padding-left:15px;} 
    218 #browselist ul li span.text {background:url(../images/icon-data-txt.png) 0 1px no-repeat;padding-left:15px;} 
    219  
    220 #browselist ul li ul li span {background:url(../images/icon-min-max.png) 15px 3px no-repeat;padding-left:30px;} 
    221 #browselist ul li ul li span.numeric {background:url(../images/icon-data.png) 15px 1px no-repeat;padding-left:30px;} 
    222 #browselist ul li ul li span.text {background:url(../images/icon-data-txt.png) 15px 1px no-repeat;padding-left:30px;} 
    223  
    224 #browselist ul li ul li ul li span {background:url(../images/icon-min-max.png) 30px 3px no-repeat;padding-left:45px;} 
    225 #browselist ul li ul li ul li span.numeric {background:url(../images/icon-data.png) 30px 1px no-repeat;padding-left:45px;} 
    226 #browselist ul li ul li ul li span.text {background:url(../images/icon-data-txt.png) 30px 1px no-repeat;padding-left:45px;} 
    227  
    228 #browselist ul li ul li ul li ul li span {background:url(../images/icon-min-max.png) 45px 3px no-repeat;padding-left:60px;} 
    229 #browselist ul li ul li ul li ul li span.numeric {background:url(../images/icon-data.png) 45px 1px no-repeat;padding-left:60px;} 
    230 #browselist ul li ul li ul li ul li span.text {background:url(../images/icon-data-txt.png) 45px 1px no-repeat;padding-left:60px;} 
    231  
    232 #browselist ul li ul li ul li ul li ul li span {background:url(../images/icon-min-max.png) 60px 3px no-repeat;padding-left:75px;} 
    233 #browselist ul li ul li ul li ul li ul li span.numeric {background:url(../images/icon-data.png) 60px 1px no-repeat;padding-left:75px;} 
    234 #browselist ul li ul li ul li ul li ul li span.text {background:url(../images/icon-data-txt.png) 60px 1px no-repeat;padding-left:75px;} 
    235  
    236 div.tooltip { 
    237   background: white; 
    238   opacity: 0.9; 
    239   border: 1px solid #999; 
    240   padding: 0 3px; 
    241 
    242  
    243 /* graph list */ 
    244 #graphlist p.graph-search-summary {margin-bottom: 0;} 
    245 #graphlist p.paginate {text-align:right;} 
    246 #graphlist span.searchselect {display:inline;padding:0 4px;border:1px solid #ccc;margin:0 4px;} 
    247  
    248 #graphlist {overflow:auto;} 
    249 #graphlist ul {list-style:none;} 
    250 #graphlist ul li {display:block;padding:2px 0;margin-bottom:4px;} 
    251 #graphlist ul li a {background:url(../images/icon-graphs.png) 0 1px no-repeat;padding-left:15px;} 
    252 #graphlist ul li ul li{color:#82787b;font-size:10px;display:inline;padding:0 5px;border-left:1px solid #c0bbbd;margin-bottom:6px;} 
    253 #graphlist ul li ul li.xx{color:#82787b;font-size:10px;display:inline;padding-left:15px;border-left:none;} 
    254 #graphlist ul li ul li a.addtows {background:url(../images/icon-addws.png) 0 0px no-repeat;display:inline;} 
    255 #graphlist ul li ul li a em{color:#82787b;padding-left:3px;} 
    256 #graphlist ul li ul li a.editgraph {background:url(../images/icon-addws.png) 0 0px no-repeat;display:inline;} 
    257 #graphlist ul li ul li a.editgraph {background:url(../images/icon-editgraph.png) 0 0px no-repeat;display:inline;} 
    258 #graphlist ul li ul li a.deletegraph {background:url(../images/icon-deletegraph.png) 0 0px no-repeat;display:inline;} 
    259  
    260 div.plot-area { height:180px;width:380px; } 
    261 div.plot-area div.centered{ 
    262   height:180px;width:380px; 
    263   display:table-cell;vertical-align:middle;text-align:center; 
    264 
    265 div.plot-area div.centered .loading { 
    266   background:url(../images/jquery-ajax-loader.gif) top center no-repeat; 
    267   height:25px;width:380px; 
    268 
    269  
    270 #maingraph div.plot-area { height:400px;width:780px; } 
    271 #maingraph div.plot-area div.centered{ 
    272   height:400;width:780px; 
    273   display:table-cell;vertical-align:middle;text-align:center; 
    274 
    275 #maingraph div.plot-area div.centered .loading { 
    276   background:url(../images/jquery-ajax-loader.gif) top center no-repeat; 
    277   height:25px;width:780px; 
    278 
    279  
    280 div.plot-legend table { height: 4em; } 
    281 div.plot-legend td.legendLabel { padding: 0 0.5em; } 
    282  
    283 /* worksheet list */ 
    284 #worksheetlist {height:450px;overflow:auto;} 
    285 #worksheetlist ul a {list-style:none;} 
    286 #worksheetlist ul li {display:block;padding:2px 0;margin-bottom:4px;} 
    287 #worksheetlist ul li a {background:url(../images/icon-worksheet.png) 0 1px no-repeat;padding-left:15px;} 
    288 #worksheetlist ul li.selected {background:#e6e4e5 /*url(../images/icon-worksheet.png) 0 3px no-repeat*/;display:block;} 
    289  
    290 ul#worksheet-graphs { 
    291 
    292 ul#worksheet-graphs li { 
    293   float:left; 
    294   list-style:none; 
    295   margin:1.5em 1em 0 0; 
    296 
    297  
    298 /******* GRAPH CONTROLS *******/ 
    299  
    300 span.rememberGraph {display:none;float:right;border:1px solid #ddd;padding:0 4px 0 4px;margin-left:4px;} 
    301 span.blankGraph {float:right;border:1px solid #ddd;padding:0 4px 0 4px;margin-left:4px;} 
    302  
    303 div.error { width:100%; text-align:center; } 
    304 p.error { width:auto; display:none; padding:4px; text-align:left; color: #600; border: 1px dashed #600; } 
    305 table#gtool { 
    306         width:100%; 
    307         border-collapse:collapse; 
    308         margin: 0; 
    309         padding: 0; 
    310         background:#fff; 
    311 
    312 table#gtool th { 
    313         margin: 0; 
    314         padding: 3px 1px; 
    315         border-top: 3px solid #9baac1; 
    316         border-bottom: 1px solid #e6e4e5; 
    317         text-align:left; 
    318         font-size: 10px; 
    319         font-weight:normal; 
    320         text-transform:uppercase; 
    321         color:#82787b; 
    322 
    323 table#gtool td { 
    324         margin: 0; 
    325         padding: 3px 1px; 
    326         vertical-align: middle; 
    327         empty-cells: hide; 
    328         border-bottom: 1px solid #e6e4e5; 
    329         text-align:left; 
    330 
    331 table#gtool th.data, table#gtool td.data {text-align:left;width:60%;} 
    332 table#gtool tr.mathbox {background:#ebeef3;} 
    333 table#gtool tr.mathbox td {padding:10px 0;text-align:center;} 
    334 table#gtool tr.mathbox td div{text-align:right;padding:2px 15px;text-align:center;} 
    335 table#gtool tr.mathbox td label{font-size:10px;text-transform:uppercase;display:block;margin-top:2px;float:left;width:165px;text-align:right;color:#686e75;} 
    336 table#gtool td.math {background:#ebeef3 url(../images/icon-math.png) top left repeat-x;text-indent:-5000em;width:14px;border-bottom: 1px solid #ebeef3;padding: 3px 0px;} 
    337  
    338 input.graphAxis {display:none;} 
    339  
    340 span.axis {margin:0;padding:0;font:10px arial;display:block;float:left;width:13px;height:13px;text-align:center;vertical-align:middle;cursor:pointer;border:1px solid #FFF;} 
    341 span.axison {border:1px solid #9baac1;} 
    342  
    343 .deletedatapoint {background:url(../images/icon-delete.png) 0 2px no-repeat;display:block;width:15px;height:15px;} 
    344 .deletedatapoint span {display:none;} 
    345  
    346 /******* date zoom and range *******/ 
    347 #ws_datetool, #graph_datetool{margin:18px 0;overflow:auto;clear:both;} 
    348  
    349 .zoom {overflow:hidden;float:left;z-index:2900;} 
    350 .zoom dl {list-style:none;} 
    351 .zoom dl dt {padding-right:5px;font-size:10px;text-transform:uppercase;} 
    352 .zoom dl dt, .zoom dl dd {display:inline;float:left;} 
    353 .zoom dl dd a { 
    354 padding:0px; 
    355 color:#82787b; 
     863margin-left:2em; 
     864overflow:hidden; 
     865
     866.range dl { 
     867list-style-image:none; 
     868list-style-position:outside; 
     869list-style-type:none; 
     870
     871.range dl dt { 
     872font-size:10px; 
     873padding-right:5px; 
     874text-transform:uppercase; 
     875
     876.range dl dt, .range dl dd { 
     877display:inline; 
     878float:left; 
     879
     880.range dl dd a { 
     881background:transparent url(../images/bg-arrow-range.png) no-repeat scroll right top; 
     882border:1px solid #CDD4E0; 
     883color:#82787B; 
     884display:block; 
    356885font-size:12px; 
    357 text-decoration:none; 
    358 display:block; 
    359 width:36px; 
    360 border:1px solid #cdd4e0; 
    361 border-left:none; 
    362 text-align:center; 
    363 } 
    364 .zoom dl dd a.first { 
    365 border:1px solid #cdd4e0; 
    366 } 
    367 .zoom dl dd a:hover{background:#ebeef2;} 
    368 .zoom dl dd a.selected{background:url(../images/bg-tab-zoom-arrow.png) top left no-repeat;padding-bottom:7px;border:none;border-top:1px solid #cdd4e0;} 
    369 .zoom dl dd a:hover.selected{background:url(../images/bg-tab-zoom-arrow.png) top left no-repeat;} 
    370  
    371 .range {overflow:hidden;float:left;margin-left:2em;} 
    372 .range dl {list-style:none;} 
    373 .range dl dt {padding-right:5px;font-size:10px;text-transform:uppercase;} 
    374 .range dl dt, .range dl dd {display:inline;float:left;} 
    375 .range dl dd a { 
    376 padding:0px; 
    377 color:#82787b; 
    378 font-size:12px; 
    379 text-decoration:none; 
    380 display:block; 
    381 border:1px solid #cdd4e0; 
    382886padding:0 17px 0 6px; 
    383887text-align:center; 
    384 background:url(../images/bg-arrow-range.png) top right no-repeat; 
    385 
    386 .range dl dd a:hover, .range dl dd a:focus{/*background:url(../images/bg-arrow-range.png) 15px right no-repeat;*/border:1px solid #9baac1;} 
    387  
     888text-decoration:none; 
     889
     890.range dl dd a:hover, .range dl dd a:focus { 
     891border:1px solid #9BAAC1; 
     892
    388893#panel { 
     894background:#FFFFFF none repeat scroll 0 0; 
     895border:1px solid #9BAAC1; 
     896clear:both; 
    389897display:none; 
     898margin-top:-70px; 
     899padding:1em; 
     900position:relative; 
     901z-index:3000; 
     902} 
     903#flashcontent { 
    390904clear:both; 
    391 padding:1em; 
    392 border:1px solid #9baac1; 
    393 background:#FFF; 
    394 z-index:3000; 
    395 position:relative; 
    396 margin-top:-70px; 
    397 
    398  
    399 /******* flash content *******/ 
    400  
    401 #flashcontent {clear:both;/*border:3px solid #ffcc00;text-align:center;padding:1em;*/} 
    402  
    403  
    404 /******* a *******/ 
    405 a:link, 
    406 a:visited{ 
     905
     906a:link, a:visited { 
    407907color:#363942; 
    408908} 
    409 a:focus, 
    410 a:hover, 
    411 a:active{ 
    412 color:#b32720; 
    413 
    414  
     909a:focus, a:hover, a:active { 
     910color:#B32720; 
     911