Development

Changeset 16199

You must first sign up to be able to contribute.

Changeset 16199

Show
Ignore:
Timestamp:
03/11/09 20:45:04 (4 years ago)
Author:
boutell
Message:

Junked taggable stuff not needed for this demo

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved
  • plugins/pkContextCMSPlugin/cmstest/apps/frontend/config/routing.yml

    r16161 r16199  
     1homepage: 
     2  url:  / 
     3  param: { module: pkContextCMS, action: show, slug: / } 
     4 
    15# default rules 
    2  
    36default_index: 
    47  url:   /:module 
    58  param: { action: index } 
    69 
     10 
    711default: 
    812  url:   /:module/:action/* 
  • plugins/pkContextCMSPlugin/cmstest/apps/frontend/config/settings.yml

    r16161 r16199  
    7979# 
    8080#    # Activated modules from plugins or from the symfony core 
    81     enabled_modules:        [pkContextCMS, pkContextCMSRichText, pkContextCMSText, sfGuardAuth
     81    enabled_modules:        [pkContextCMS, pkContextCMSRichText, pkContextCMSText, sfGuardAuth, default
    8282# 
    8383#    # Charset used for the response 
  • plugins/pkContextCMSPlugin/cmstest/plugins

    • Property svn:externals changed from
      sfJqueryReloadedPlugin http://svn.symfony-project.com/plugins/sfJqueryReloadedPlugin/1.2/trunk
      sfShibbolethPlugin http://svn.symfony-project.com/plugins/sfShibbolethPlugin/trunk
      sfDoctrineGuardPlugin http://svn.symfony-project.com/plugins/sfDoctrineGuardPlugin/trunk
      pkContextCMSPlugin http://svn.symfony-project.com/plugins/pkContextCMSPlugin/trunk
      sfDoctrineActAsTaggablePlugin http://svn.symfony-project.com/plugins/sfDoctrineActAsTaggablePlugin/trunk
      sfTaskExtraPlugin http://svn.symfony-project.com/plugins/sfTaskExtraPlugin/trunk
      pkToolkitPlugin http://svn.symfony-project.com/plugins/pkToolkitPlugin/trunk

      # We're working on releasing this
      # pkMediaPlugin
      # Which would require this
      # pkImageConverterPlugin http://svn.symfony-project.com/plugins/pkImageConverterPlugin/trunk
      # And possibly this
      # pkAdminPlugin
      to
      sfJqueryReloadedPlugin http://svn.symfony-project.com/plugins/sfJqueryReloadedPlugin/1.2/trunk
      sfDoctrineGuardPlugin http://svn.symfony-project.com/plugins/sfDoctrineGuardPlugin/trunk
      pkContextCMSPlugin http://svn.symfony-project.com/plugins/pkContextCMSPlugin/trunk
      pkToolkitPlugin http://svn.symfony-project.com/plugins/pkToolkitPlugin/trunk

      # We're working on releasing this
      # pkMediaPlugin
      # Which would require this
      # pkImageConverterPlugin http://svn.symfony-project.com/plugins/pkImageConverterPlugin/trunk
      # And possibly this
      # pkAdminPlugin
  • plugins/pkContextCMSPlugin/cmstest/web/css/main.css

    r16101 r16199  
     1/* YES, WE KNOW THIS IS TOO MUCH. We've borrowed it from a more  
     2  complete site temporarily to allow you to preview the rest of the 
     3  pkContextCMS while we work on a more pared-down and suitable stylesheet. */ 
     4 
     5/* ================================================================================================ 
     6* Reset Styles 
     7* Eric Meyer's Reset CSS -- http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ 
     8* ================================================================================================ 
     9*/ 
     10 
     11@charset "utf-8"; 
     12 
     13html, body, div, span, applet, object, iframe, 
     14h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
     15a, abbr, acronym, address, big, cite, code, 
     16del, dfn, font, ins, kbd, q, s, samp, 
     17small, strike, strong, sub, sup, tt, var, 
     18dl, dt, dd, ol, ul, li, 
     19fieldset, form, label, legend, 
     20table, caption, tbody, tfoot, thead, tr, th, td { 
     21margin: 0; 
     22padding: 0; 
     23border: 0; 
     24outline: 0; 
     25font-weight: inherit; 
     26font-style: inherit; 
     27font-size: 100%; 
     28font-family: inherit; 
     29vertical-align: baseline; 
     30} 
     31 
     32/* TBB: in IE6 (and maybe IE7?), an explicit setting for 
     33 * vertical-align: breaks <img align="left">. Strange 
     34 * but true. align="left" is an anachronism but  
     35 * Study Abroad is using it courtesy of FCK's image editor 
     36 */ 
     37 
     38img { 
     39margin: 0; 
     40padding: 0; 
     41border: 0; 
     42outline: 0; 
     43font-weight: inherit; 
     44font-style: inherit; 
     45font-size: 100%; 
     46font-family: inherit; 
     47  /* vertical-align: baseline; */ 
     48} 
     49/* remember to define focus styles! */ 
     50:focus { 
     51outline: 0; 
     52} 
     53body { 
     54line-height: 1; 
     55color: black; 
     56background: white; 
     57} 
     58ol, ul { 
     59list-style: none; 
     60} 
     61/* tables still need 'cellspacing="0"' in the markup */ 
     62table { 
     63border-collapse: separate; 
     64border-spacing: 0; 
     65} 
     66caption, th, td { 
     67text-align: left; 
     68font-weight: normal; 
     69} 
     70blockquote:before, blockquote:after, 
     71q:before, q:after { 
     72content: ""; 
     73} 
     74blockquote, q { 
     75quotes: "" ""; 
     76} 
     77 
     78/* ================================================================================================ 
     79* General Global Styles 
     80*  
     81* ================================================================================================ 
     82*/ 
     83 
     84body { 
     85font: 12px/1.25 Arial, Helvetica, Sans-serif; 
     86color: #333; 
     87} 
     88 
     89br.c, br.clear { 
     90clear: both; 
     91} 
     92 
     93h1,h2,h3,h4,h5 { 
     94font-weight: normal !important; 
     95} 
     96 
     97h1 { 
     98font-size: 30px; 
     99} 
     100 
     101h2 { 
     102font-size: 24px; 
     103} 
     104 
     105h3 { 
     106font-size: 18px; 
     107color: #333; 
     108} 
     109 
     110h4 { 
     111font-size: 14px; 
     112color: #333; 
     113} 
     114 
     115hr { 
     116height: 1px; 
     117background-color: #ccc; 
     118border: none; 
     119display: block; 
     120clear: both; 
     121} 
     122 
     123ul li, 
     124ol li { 
     125margin: 5px 0; 
     126} 
     127 
     128strong { 
     129font-weight: bold; 
     130} 
     131 
     132em { 
     133font-style: italic; 
     134} 
     135 
     136a { 
     137text-decoration: none; 
     138} 
     139 
     140a:link, 
     141a:visited { 
     142color: #28305E; 
     143} 
     144 
     145a:hover { 
     146color: #333; 
     147text-decoration: underline; 
     148} 
     149 
     150input,  
     151textarea,  
     152select { 
     153padding: 3px; 
     154font-family: Arial, sans-serif; 
     155font-size: 11px; 
     156border: 1px solid #ddd; 
     157vertical-align: middle; 
     158} 
     159 
     160input, 
     161textarea 
     162{ 
     163  width: 238px; 
     164} 
     165 
     166input.submit 
     167{ 
     168  width: auto; 
     169} 
     170 
     171form .form-row 
     172{ 
     173  clear: both; 
     174  padding: 10px; 
     175  float: left; 
     176} 
     177 
     178form .form-row .error_list 
     179{ 
     180  display:  block; 
     181  margin-left: 120px; 
     182  font-size: 11px; 
     183} 
     184 
     185form .form-row .error_list li 
     186{ 
     187  float:left; 
     188  margin-left:0px; 
     189  height:20px; 
     190  line-height:24px; 
     191  padding-left:20px; 
     192  background:url(/pkContextCMSplugin/images/pk-icon-error.png) top left no-repeat; 
     193} 
     194/* ================================================================================================ 
     195* pkContextCMS 
     196* Frontend Only 
     197* ================================================================================================ 
     198*/ 
     199.content h2, 
     200.content h3, 
     201.content h4, 
     202.content p { 
     203margin: 0 0 10px 0; 
     204} 
     205 
     206.content h2 p, 
     207.content h3 p, 
     208.content h4 p, 
     209.content p p { 
     210margin: 0; 
     211} 
     212 
     213.content p { 
     214color: #333; 
     215} 
     216 
     217.container { /* Site Wrapper */ 
     218width: 960px; 
     219margin: 0 auto; 
     220clear: both; 
     221} 
     222 
     223.container.outer { /* Site Wrapper to Crop Shadow */ 
     224width: auto; 
     225min-width: 960px;         /* If this hack doesn't work, jQuery can correct for IE6*/ 
     226width: auto !important;   /* */ 
     227width: 960px;             /* */ 
     228overflow: hidden; 
     229} 
     230 
     231.pk-context-cms-login, 
     232.pk-context-cms-logout { 
     233float: right; 
     234display: inline; 
     235color: #999; 
     236} 
     237 
     238.pk-context-cms-login li, 
     239.pk-context-cms-logout li { 
     240float: left; 
     241display: inline; 
     242line-height: 30px; 
     243margin: 0 10px 0 0; 
     244} 
     245 
     246h1#head { 
     247} 
     248 
     249h1#head a { 
     250} 
     251 
     252h1#head a:hover { 
     253} 
     254 
     255/* [START] pkContextCMS BREADCRUMB =========================== */ 
     256 
     257#pk-context-cms-breadcrumb, 
     258#pk-media-breadcrumb { 
     259position: relative; 
     260top: 4px; 
     261width: 960px; 
     262float: left; 
     263margin: 40px 0; 
     264font-size: 12px; 
     265line-height: 24px; 
     266height: 24px; 
     267} 
     268 
     269#pk-context-cms-breadcrumb a, 
     270#pk-media-breadcrumb a { 
     271color: #13A0BC; 
     272text-decoration: none; 
     273float: left; 
     274} 
     275 
     276#pk-context-cms-breadcrumb a:hover, 
     277#pk-media-breadcrumb a:hover { 
     278text-decoration: underline; 
     279} 
     280 
     281#pk-context-cms-breadcrumb h2, 
     282#pk-media-breadcrumb h2 { 
     283display: inline; 
     284font-size: 24px; 
     285letter-spacing: -.025em; 
     286color: #13A0BC; 
     287font-weight: normal; 
     288float: left; 
     289position: relative; 
     290top: -4px; 
     291} 
     292 
     293#pk-context-cms-breadcrumb h2 a.pk-btn { 
     294position: relative; 
     295top: 2px; 
     296} 
     297 
     298#pk-context-cms-breadcrumb form { 
     299display: inline; 
     300float: left; 
     301width: auto; 
     302} 
     303 
     304#pk-context-add-child-form * { 
     305font: 12px/1.4 Arial, sans-serif; 
     306} 
     307#pk-context-cms-breadcrumb .pk-context-cms-breadcrumb-slash, 
     308#pk-media-breadcrumb .pk-media-breadcrumb-slash { 
     309float: left; 
     310display: inline; 
     311width: auto; 
     312margin: 0 5px; 
     313} 
     314 
     315#pk-context-cms-breadcrumb a.pk-context-cms-lock-button { 
     316display: inline-block; 
     317height: 16px; 
     318line-height: 36px; 
     319padding-right: 20px; 
     320margin-right: 10px; 
     321text-indent: -9999px; 
     322background: url(/pkContextCMSPlugin/images/pk-breadcrumb-unlock.png) no-repeat top right; 
     323} 
     324 
     325#pk-context-cms-breadcrumb a.pk-context-cms-lock-button:hover { 
     326background-position: bottom right; 
     327} 
     328 
     329#pk-context-cms-breadcrumb a.pk-context-cms-unlock-button { 
     330display: inline-block; 
     331height: 16px; 
     332line-height: 36px; 
     333padding-right: 20px; 
     334margin-right: 10px; 
     335text-indent: -9999px; 
     336background: url(/pkContextCMSPlugin/images/pk-breadcrumb-lock.png) no-repeat top right; 
     337} 
     338 
     339#pk-context-cms-breadcrumb a.pk-context-cms-unlock-button:hover { 
     340background-position: bottom right; 
     341} 
     342#pk-context-cms-breadcrumb .pk-context-cms-rename.editing { 
     343width: 240px; 
     344} 
     345 
     346#pk-context-cms-breadcrumb a.epc-rename-button { 
     347padding: 3px; 
     348position: relative; 
     349top: -3px; 
     350} 
     351 
     352#pk-context-cms-breadcrumb a.epc-rename-button:hover { 
     353background-color: #f2f2f2; 
     354} 
     355 
     356#pk-context-cms-breadcrumb .epc-form { 
     357position: relative; 
     358width: 240px; 
     359} 
     360 
     361#pk-context-cms-breadcrumb .epc-form a, 
     362#pk-context-cms-breadcrumb .epc-form input, 
     363#pk-context-cms-breadcrumb .epc-form span { 
     364float: left; 
     365display: inline; 
     366margin: 0 2px; 
     367} 
     368 
     369#pk-context-cms-breadcrumb .epc-form span, 
     370#pk-context-cms-breadcrumb .epc-form-cancel { 
     371font-size: 12px; 
     372letter-spacing: 0; 
     373} 
     374 
     375#pk-context-cms-breadcrumb .epc-form-cancel { 
     376color: #15A1BD !important; 
     377text-transform: lowercase; /* LOL @ Rick */ 
     378} 
     379 
     380#pk-context-cms-breadcrumb .epc-form-cancel:hover { 
     381text-decoration: underline; 
     382} 
     383 
     384#pk-context-cms-breadcrumb input.pk-context-cms-add-page-title, 
     385#pk-context-cms-breadcrumb .epc-form input.epc-value { 
     386border: none; 
     387background: transparent; 
     388color: #333; 
     389font: 24px/1 Arial, Sans-serif; 
     390position: relative; 
     391background-color: #f2f2f2; 
     392letter-spacing: -.025em; 
     393float: left; 
     394padding: 0 0 0 2px; 
     395margin: 0; 
     396top: -2px; 
     397width: 240px; 
     398clear: right; 
     399} 
     400 
     401#pk-context-cms-breadcrumb a.pk-context-cms-settings-button { 
     402float: left; 
     403display: inline; 
     404height: 20px; 
     405width: 20px; 
     406margin: 0 0 0 5px; 
     407overflow: hidden; 
     408text-indent: -9999px; 
     409background: url(/pkContextCMSPlugin/images/pk-icon-settings.png) no-repeat top left; 
     410position: relative; 
     411top: -2px; 
     412} 
     413 
     414#pk-context-cms-breadcrumb a.pk-context-cms-settings-button:hover { 
     415background-position: bottom left; 
     416} 
     417 
     418#pk-context-cms-breadcrumb a.pk-context-cms-settings-button.loading { 
     419background-image: url(/pkContextCMSPlugin/images/pk-icon-settings-ani.gif); 
     420} 
     421 
     422#pk-context-cms-breadcrumb a.pk-context-cms-settings-button.close 
     423{ 
     424  display: none; 
     425} 
     426 
     427#pk-context-cms-breadcrumb .pk-context-cms-breadcrumb-add-controls { 
     428display: inline; 
     429float: left; 
     430width: 100px; 
     431} 
     432 
     433#pk-context-cms-breadcrumb .pk-context-cms-breadcrumb-add-controls input, 
     434#pk-context-cms-breadcrumb .pk-context-cms-breadcrumb-add-controls span, 
     435#pk-context-cms-breadcrumb .pk-context-cms-breadcrumb-add-controls a { 
     436float: left; 
     437line-height: 24px; 
     438vertical-align: baseline; 
     439margin-right: 5px; 
     440} 
     441 
     442.pk-home #pk-context-cms-breadcrumb, 
     443.pk-landing #pk-context-cms-breadcrumb { 
     444margin-top: 0; 
     445} 
     446 
     447/* [END] pkContextCMS BREADCRUMB =========================== */ 
     448 
     449/* [START] pkContextCMS PAGE SETTINGS =========================== */ 
     450 
     451#pk-context-cms-settings { 
     452display: none; 
     453float: left; 
     454width: 100%; 
     455margin-bottom: 40px; 
     456color: #333; 
     457padding: 0 0 10px; 
     458border: 1px solid #e2e2e2; 
     459background: url(/pkContextCMSPlugin/images/pk-bg_caution.png) top left repeat-x; 
     460} 
     461 
     462#pk-context-cms-settings #pk-context-cms-settings-heading { 
     463margin: 20px 0 0 0; 
     464} 
     465 
     466#pk-context-cms-settings h4 { 
     467font-size: 12px; 
     468font-weight: bold; 
     469margin: 0 0 10px 0; 
     470} 
     471 
     472#pk-context-cms-settings .pk-context-cms-form-row { 
     473position: relative; 
     474margin: 20px 0px 20px 120px; 
     475} 
     476 
     477#pk-context-cms-settings .pk-context-cms-form-row label { 
     478position: absolute; 
     479top: 0; 
     480left: -120px; 
     481display: block; 
     482width: 120px; 
     483} 
     484 
     485#pk-context-cms-settings-left, 
     486#pk-context-cms-settings-right { 
     487float: left; 
     488width: 460px; 
     489margin-top: 10px; 
     490} 
     491 
     492#pk-context-cms-settings-footer { 
     493float: left; 
     494width: 100%; 
     495margin-top: 10px; 
     496border-top: 1px solid #e2e2e2; 
     497padding-top: 10px; 
     498line-height: 22px; 
     499} 
     500 
     501#pk-context-cms-settings-note { 
     502/*  float: left; 
     503width: 960px; 
     504font-style: italic; 
     505margin-top: 10px;*/ 
     506} 
     507 
     508#pk-context-cms-settings-footer input, 
     509#pk-context-cms-settings-footer span, 
     510#pk-context-cms-settings-footer a { 
     511float: left; 
     512} 
     513 
     514#pk-context-cms-settings-footer span, 
     515#pk-context-cms-settings-footer a { 
     516/*  line-height: 22px; fix the lineheight later, after the 'save' button becomes an anchor*/ 
     517  margin: 0 0 0 5px; 
     518} 
     519 
     520#pk-context-cms-settings-footer a.delete { 
     521float: right; 
     522} 
     523 
     524#pk-context-cms-settings-form #settings_slug { 
     525width: 240px; 
     526} 
     527 
     528#pk-context-cms-settings-form input, 
     529#pk-context-cms-settings-form select, 
     530#pk-context-cms-settings-form textarea { 
     531font-size: 12px; 
     532font-family: arial, sans-serif; 
     533border: 1px solid #e2e2e2; 
     534padding: 2px 1px; 
     535} 
     536 
     537#pk-context-cms-settings #pk-context-cms-settings-right .pk-context-cms-inherited-editors, 
     538#pk-context-cms-settings #pk-context-cms-settings-right .pk-context-cms-local-editors { 
     539width: 180px; 
     540float: left; 
     541} 
     542 
     543#pk-context-cms-settings .pk-radio-select-container { 
     544display: block; 
     545float: left; 
     546width: 100%; 
     547} 
     548 
     549.pk-multiple-select-list { 
     550margin-top: 10px; 
     551} 
     552 
     553#pk-context-cms-settings .pk-context-cms-local-editors a { 
     554color: #13A0BC; 
     555} 
     556 
     557#pk-context-cms-settings .pk-context-cms-local-editors li, 
     558ul.pk-multiple-select-list li { 
     559width: 180px; 
     560height: 20px; 
     561padding: 0; 
     562margin: 0; 
     563} 
     564 
     565#pk-context-cms-settings .pk-context-cms-local-editors a, 
     566.pk-multiple-select-list li a { 
     567position: relative; 
     568float: left; 
     569width: 100%; 
     570height: 20px; 
     571line-height: 20px; 
     572} 
     573 
     574#pk-context-cms-settings .pk-context-cms-local-editors a span, 
     575a.pk-multiple-select-remove span { 
     576display: inline; 
     577position: absolute; 
     578float: left; 
     579width: 20px; 
     580height: 20px; 
     581text-indent: -9999px; 
     582overflow: hidden; 
     583background: url(/pkContextCMSPlugin/images/pk-icon-close-small.png) 0 0 no-repeat; 
     584} 
     585 
     586#pk-context-cms-settings .pk-context-cms-local-editors a:hover { 
     587text-decoration: none; 
     588color: #333; 
     589} 
     590 
     591#pk-context-cms-settings .pk-context-cms-local-editors a:hover span, 
     592a.pk-multiple-select-remove:hover span { 
     593background-position: 0 -20px; 
     594} 
     595 
     596/* [END] pkContextCMS PAGE SETTINGS =========================== */ 
     597 
     598/* [START] pkContextCMS LEFT NAVIGATION ====================== */ 
     599 
     600#pk-context-cms-navcolumn { 
     601} 
     602 
     603#pk-context-cms-navcolumn li { 
     604line-height: 14px; 
     605margin:6px 0; 
     606} 
     607 
     608#pk-context-cms-navcolumn li a { 
     609color: #888; 
     610} 
     611 
     612#pk-context-cms-navcolumn li a:hover { 
     613color: #333; 
     614text-decoration: none; 
     615} 
     616 
     617/*#pk-context-cms-navcolumn li.self_item{ 
     618list-style-image:url(/pkContextCMSPlugin/images/pk-icon-list-arrow-small.png); 
     619list-style-position:inside; 
     620}*/ 
     621 
     622#pk-context-cms-navcolumn li.self_item a { 
     623line-height:20px; 
     624font-size: 18px; 
     625padding-left: 12px; 
     626background: url(/pkContextCMSPlugin/images/pk-icon-list-arrow-small.png) no-repeat left 50%; 
     627} 
     628 
     629.pk-context-cms-drag-handle { 
     630height: 20px; 
     631width: 20px; 
     632float: left; 
     633background: url(/pkContextCMSPlugin/images/pk-icon-drag.png) no-repeat 0 0; 
     634cursor: move; 
     635} 
     636 
     637#pk-context-cms-content { 
     638} 
     639 
     640.pk-context-cms-undo { 
     641padding-top: 2px; 
     642} 
     643 
     644.pk-context-cms-redo { 
     645padding-top: 2px; 
     646padding-right: 5px; 
     647} 
     648 
     649/* [END] pkContextCMS LEFT NAVIGATION ====================== */ 
     650 
     651/* [START] pkContextCMS TOP NAVIGATION (Using Tables) ========================= */ 
     652 
     653#pk-context-cms-site-navigation { 
     654position: relative; 
     655width: 958px; 
     656height: 25px; 
     657float: left; 
     658z-index: 2; 
     659} 
     660 
     661#pk-context-cms-site-navigation th { 
     662position: relative; 
     663margin: 0; 
     664height: 25px; 
     665} 
     666 
     667#pk-context-cms-site-navigation th.first { 
     668padding-left: 0; 
     669} 
     670 
     671#pk-context-cms-site-navigation th.last { 
     672border-right: none; 
     673padding-right: 0; 
     674} 
     675 
     676#pk-context-cms-site-navigation th a { 
     677position: relative; 
     678top: 1px; 
     679left: 0; 
     680display: block; 
     681float: left; 
     682width: 100%; 
     683height: 24px; 
     684line-height: 24px; 
     685font-size: 12px; 
     686text-align: center; 
     687color: #666; 
     688text-decoration: none; 
     689z-index: 2; 
     690/*overflow: hidden;*/ 
     691margin:0 auto; 
     692border: 1px solid transparent; 
     693border-bottom: none; 
     694} 
     695 
     696#pk-context-cms-site-navigation th a:hover { 
     697color: #000; 
     698} 
     699 
     700#pk-context-cms-site-navigation th.open a, 
     701#pk-context-cms-site-navigation th.pk-context-cms-current-page a, 
     702.pk-home #pk-context-cms-site-navigation th a:hover { 
     703color: #000; 
     704border: 1px solid #e6e6e6; 
     705border-bottom: none; 
     706background-color: #fff; 
     707} 
     708#pk-context-cms-site-navigation th.open a b, 
     709#pk-context-cms-site-navigation th.open a i, 
     710#pk-context-cms-site-navigation th a b, 
     711#pk-context-cms-site-navigation th a i { 
     712position: absolute; 
     713float: left; 
     714width: 10px; 
     715height: 24px; 
     716background: url(/images/shadow_nav24.png) no-repeat top left; 
     717overflow: hidden; 
     718visibility: hidden; 
     719} 
     720 
     721#pk-context-cms-site-navigation th.open a b, 
     722#pk-context-cms-site-navigation th.pk-context-cms-current-page a b, 
     723.pk-home #pk-context-cms-site-navigation th a b { 
     724top: 0; 
     725left: -10px; 
     726} 
     727 
     728#pk-context-cms-site-navigation th.open a i, 
     729#pk-context-cms-site-navigation th.pk-context-cms-current-page a i, 
     730.pk-home #pk-context-cms-site-navigation th a i { 
     731background-position: top right; 
     732top: 0; 
     733right: -10px; 
     734} 
     735 
     736#pk-context-cms-site-navigation th.open a b, 
     737#pk-context-cms-site-navigation th.open a i, 
     738#pk-context-cms-site-navigation th.pk-context-cms-current-page a b, 
     739#pk-context-cms-site-navigation th.pk-context-cms-current-page a i, 
     740.pk-home #pk-context-cms-site-navigation th a:hover b, 
     741.pk-home #pk-context-cms-site-navigation th a:hover i { 
     742visibility: visible; 
     743} 
     744 
     745#pk-context-cms-site-navigation th.first a b, 
     746#pk-context-cms-site-navigation th.last a i { 
     747background: none; 
     748} 
     749 
     750/* [END] pkContextCMS TOP NAVIGATION ========================= */ 
     751 
     752/* [START] pkContextCMS GENERAL TEMPLATE STYLES ======================== */ 
     753 
     754.subnav { 
     755width: 200px; 
     756position: relative; 
     757top: 0; 
     758left: 0; 
     759float: left; 
     760display: inline; 
     761margin-right: 40px; 
     762} 
     763 
     764.subnav .content-container { 
     765position: relative; 
     766z-index: 2; 
     767width: 198px; 
     768border: 1px solid #e9e9e9; 
     769border-bottom: none; 
     770padding-bottom: 10px; 
     771} 
     772 
     773.content-container { 
     774float: left; 
     775display: inline; 
     776width: 100%; 
     777} 
     778 
     779.content-container .content { 
     780margin: 0; 
     781position: relative; 
     782z-index: 3; 
     783background: none; 
     784} 
     785 
     786.pk-context-cms-edit, 
     787.pk-context-cms-content.pk-context-cms-editable { 
     788margin: 10px 0; 
     789float: left; 
     790width: 100%; 
     791} 
     792 
     793.pk-context-cms-vc-preview { 
     794float: left; 
     795display: inline; 
     796clear: both; 
     797font-style: italic; 
     798font-size: 11px; 
     799margin-bottom: 10px; 
     800color:#999; 
     801border: 1px dashed #ef9920; 
     802padding: 5px; 
     803} 
     804 
     805.caution { 
     806float: left; 
     807margin-bottom: 40px; 
     808color: #333; 
     809padding: 16px 0 10px; 
     810border: 1px solid #e2e2e2; 
     811background: url(/pkContextCMSPlugin/images/pk-bg_caution.png) top left repeat-x; 
     812} 
     813 
     814.caution-padding { 
     815display: block; 
     816float: left; 
     817margin: 0 10px; 
     818} 
     819 
     820/* [END] pkContextCMS GENERAL TEMPLATE STYLES ======================== */ 
     821 
     822 
     823/* [START] pkContextCMS Home Template ======================== */ 
     824 
     825.pk-home .main { 
     826width: 680px; 
     827position: relative; 
     828top: 0; 
     829left: 0; 
     830float: left; 
     831display: inline; 
     832margin-right: 40px; 
     833} 
     834 
     835.pk-home .sidebar { 
     836width: 240px; 
     837position: relative; 
     838top: 0; 
     839left: 0; 
     840float: left; 
     841display: inline; 
     842} 
     843 
     844/* == Home Banner == */ 
     845 
     846.banner-container { 
     847position: relative; 
     848/*  top: -1px;*/ 
     849  float: left; 
     850width: 960px; 
     851height: 420px; 
     852z-index: 1; 
     853margin-bottom: 40px; 
     854} 
     855 
     856.banner-container #banner-home, 
     857.banner-container .banner-item { 
     858position: absolute; 
     859top: 0; 
     860left: 0; 
     861float: left; 
     862width: 958px; 
     863border: 1px solid #e9e9e9; 
     864display: none; 
     865height: 420px; 
     866background-color: #fff; 
     867} 
     868 
     869.banner-container #banner-home, 
     870.banner-container .banner-item.show { 
     871display: block !important; 
     872} 
     873 
     874.banner-container #banner-home img, 
     875.banner-container .banner-item img { 
     876position: absolute; 
     877top: 0; 
     878left: 0; 
     879z-index: 2; 
     880margin: 20px; 
     881width: 920px !important; 
     882height: 360px; 
     883} 
     884 
     885.banner-container #banner-home .title, 
     886.banner-container .banner-item .title { 
     887position: relative; 
     888z-index: 2; 
     889font: 48px Georgia, Times, Serif; 
     890font-weight: normal; 
     891color: #fff; 
     892width: 920px; 
     893margin: 20px 0 0 40px; 
     894line-height: 96px; 
     895} 
     896 
     897.banner-container .banner-story-top { 
     898width: 491px; 
     899height: 20px; 
     900position: relative; 
     901left: 20px; 
     902top: 0; 
     903z-index: 12; 
     904float: left; 
     905background: url(/images/banner_screen_top.png) no-repeat top left; 
     906} 
     907 
     908.banner-container .banner-story-bottom { 
     909width: 491px; 
     910height: 33px; 
     911position: relative; 
     912left: 20px; 
     913top: 0; 
     914z-index: 12; 
     915float: left; 
     916background: url(/images/banner_screen_bottom.png) no-repeat top left; 
     917} 
     918 
     919.banner-container #banner-home .banner-story, 
     920.banner-container .banner-item .banner-story { 
     921width: 491px; 
     922position: relative; 
     923left: 20px; 
     924top: 0; 
     925z-index: 12; 
     926float: left; 
     927background: url(/images/banner_screen.png) repeat-y top left; 
     928} 
     929 
     930.banner-container #banner-home .banner-story p, 
     931.banner-container .banner-item .banner-story p { 
     932color: #fff; 
     933font-size: 14px; 
     934padding: 0 40px 10px 20px; 
     935position: relative; 
     936top: -10px; 
     937float: left; 
     938} 
     939 
     940.banner-container #banner-home .go, 
     941.banner-container .banner-item .go { 
     942margin: 0 40px 0 20px; 
     943float: left; 
     944} 
     945 
     946/* == Home Banner Video == */ 
     947 
     948.banner-container #banner-home.video img, 
     949.banner-container .banner-item.video img { 
     950position: absolute; 
     951top: 0; 
     952left: 0; 
     953z-index: 2; 
     954margin: 20px; 
     955width: 460px !important; 
     956height: 360px; 
     957} 
     958 
     959.banner-container #banner-home.video .title, 
     960.banner-container .banner-item.video .title { 
     961position: relative; 
     962z-index: 2; 
     963font: 48px Georgia, Times, Serif; 
     964font-weight: normal; 
     965color: #ccc; 
     966width: 460px; 
     967margin: 0 0 0 520px; 
     968line-height: 96px; 
     969} 
     970 
     971.banner-container #banner-home.video .banner-story-top, 
     972.banner-container .banner-item.video .banner-story-top { 
     973width: 491px; 
     974height: 20px; 
     975position: relative; 
     976left: 20px; 
     977top: 0; 
     978z-index: 12; 
     979float: left; 
     980background: none; 
     981} 
     982 
     983.banner-container #banner-home.video .banner-story-bottom, 
     984.banner-container .banner-item.video .banner-story-bottom { 
     985width: 491px; 
     986height: 33px; 
     987position: relative; 
     988left: 20px; 
     989top: 0; 
     990z-index: 12; 
     991float: left; 
     992background: none; 
     993} 
     994 
     995.banner-container #banner-home.video .banner-story, 
     996.banner-container .banner-item.video .banner-story { 
     997width: 491px; 
     998position: relative; 
     999left: 500px; 
     1000top: 0; 
     1001z-index: 12; 
     1002float: left; 
     1003background: none; 
     1004} 
     1005 
     1006.banner-container #banner-home.video .banner-story p, 
     1007.banner-container .banner-item.video .banner-story p { 
     1008color: #333; 
     1009font-size: 14px; 
     1010padding: 0 60px 10px 20px; 
     1011position: relative; 
     1012top: -10px; 
     1013float: left; 
     1014} 
     1015 
     1016.banner-container #banner-home.video .go, 
     1017.banner-container .banner-item.video .go { 
     1018margin: 0 40px 0 8px; 
     1019float: left; 
     1020} 
     1021/*end home banner with video*/ 
     1022 
     1023 
     1024.pk-home #pk-context-cms-site-navigation li { 
     1025border-color: #fff; /* Hide the borders on the homepage */ 
     1026} 
     1027 
     1028#content-body-1 { 
     1029} 
     1030 
     1031#content-body-1 img.temp { 
     1032position: relative; 
     1033left: -10px; 
     1034top: 0px; 
     1035margin-top: 10px; 
     1036} 
     1037 
     1038.main h2 { 
     1039letter-spacing: -.025em; 
     1040color: #13A0BC; 
     1041font-weight: normal; 
     1042} 
     1043 
     1044.pk-context-cms-feature { 
     1045position: relative; 
     1046width: 680px; 
     1047float: left; 
     1048margin-bottom: 40px; /* This will need to change when more than one feature is present, a wrapper around all features may be necessary*/ 
     1049} 
     1050 
     1051.pk-context-cms-feature-copy { 
     1052width: 440px; 
     1053float: right; 
     1054} 
     1055 
     1056.pk-context-cms-feature p { 
     1057font-size: 11px; 
     1058} 
     1059 
     1060.pk-context-cms-feature-img-container { 
     1061width: 200px; 
     1062float: left; 
     1063/*margin-top:5px; this makes the shadow extend above the picture, which cannot be*/ 
     1064} 
     1065 
     1066.pk-context-cms-news-item { 
     1067clear: both; 
     1068margin-bottom: 10px; 
     1069padding: 5px 0; 
     1070overflow: hidden; 
     1071position: relative; 
     1072/*  width: 680px; /* Making the width 100% lets it fit snug inside the editable slot */ 
     1073  width:100%; 
     1074border-bottom: 1px solid #ccc; 
     1075} 
     1076 
     1077.pk-context-cms-news-item.last { 
     1078border: none; 
     1079margin-bottom: 40px; 
     1080} 
     1081 
     1082.pk-context-cms-news-item .pk-context-cms-news-item-title { 
     1083font-size: 14px; 
     1084left: 70px; 
     1085margin: 0; 
     1086position: relative; 
     1087width: 620px; 
     1088} 
     1089 
     1090.pk-context-cms-news-item .pk-context-cms-news-item-link { 
     1091left: 70px; 
     1092position: relative; 
     1093display: none; 
     1094} 
     1095 
     1096.pk-context-cms-news-item .pk-context-cms-news-item-date { 
     1097left: 0; 
     1098position: absolute; 
     1099top: 8px; 
     1100font-size: 11px; 
     1101color: #15A1BD; 
     1102} 
     1103 
     1104.pk-context-cms-news-item .pk-context-cms-news-item-preview { 
     1105font-size: 11px; 
     1106height: 20px; 
     1107left: 70px; 
     1108line-height: 20px; 
     1109margin: 0; 
     1110overflow: hidden; 
     1111position: relative; 
     1112width: 4000px; 
     1113color: #666; 
     1114} 
     1115.pk-context-cms-news-sidebar .pk-context-cms-news-item { 
     1116/*  width: 240px; /* (See Above) Making the width 100% lets it fit snug inside the editable slot */  
     1117font-size: 11px; 
     1118margin: 0; 
     1119position: relative; 
     1120padding: 10px 0; 
     1121} 
     1122 
     1123.pk-context-cms-news-sidebar .pk-context-cms-news-item-date { 
     1124margin: 0; 
     1125top: auto; 
     1126} 
     1127 
     1128.pk-context-cms-news-sidebar .pk-context-cms-news-item-title, 
     1129.pk-context-cms-news-sidebar .pk-context-cms-news-item-preview { 
     1130font-size: 11px; 
     1131width: 160px; 
     1132overflow: visible; 
     1133line-height: 1.2; 
     1134height: auto; 
     1135} 
     1136 
     1137.pk-context-cms-news-sidebar .pk-context-cms-news-item-preview { 
     1138margin-top: 5px; 
     1139display: none; 
     1140} 
     1141.temporary-calendar { 
     1142position: relative; 
     1143left: -17px; 
     1144} 
     1145 
     1146/* [END] pkContextCMS Home Template ======================== */ 
     1147 
     1148/* [START] pkContextCMS Default Template ======================== */ 
     1149.pk-default .main { 
     1150width: 440px; 
     1151position: relative; 
     1152top: 0; 
     1153left: 0; 
     1154float: left; 
     1155display: inline; 
     1156margin-right: 40px; 
     1157} 
     1158 
     1159.pk-default .main .content-container { 
     1160position: relative; 
     1161z-index: 2; 
     1162width: 438px; 
     1163} 
     1164 
     1165.pk-default .sidebar { 
     1166width: 240px; 
     1167position: relative; 
     1168top: 0; 
     1169left: 0; 
     1170float: left; 
     1171display: inline; 
     1172} 
     1173 
     1174.pk-default .sidebar .content-container { 
     1175position: relative; 
     1176z-index: 2; 
     1177width: 238px; 
     1178} 
     1179 
     1180.pk-default .main h3 { 
     1181color: #EF9920; 
     1182} 
     1183 
     1184 
     1185/* [END] pkContextCMS Default Template ======================== */ 
     1186 
     1187/* [START] pkContextCMS Landing Template ======================== */ 
     1188 
     1189.pk-landing .main { 
     1190width: 440px; 
     1191position: relative; 
     1192top: 0; 
     1193left: 0; 
     1194float: left; 
     1195display: inline; 
     1196margin-right: 40px; 
     1197} 
     1198 
     1199.pk-landing .main .content-container { 
     1200position: relative; 
     1201z-index: 2; 
     1202width: 438px; 
     1203} 
     1204 
     1205.pk-landing .sidebar { 
     1206width: 240px; 
     1207position: relative; 
     1208top: 0; 
     1209left: 0; 
     1210float: left; 
     1211display: inline; 
     1212} 
     1213 
     1214.pk-landing .sidebar .content-container { 
     1215position: relative; 
     1216z-index: 2; 
     1217width: 238px; 
     1218} 
     1219 
     1220.pk-landing .main h3 { 
     1221color: #EF9920; 
     1222} 
     1223 
     1224.pk-landing .banner-item { 
     1225display: block; 
     1226} 
     1227 
     1228/* [END]  Landing Template ======================== */ 
     1229 
     1230 
     1231/* [START] CMS Elements and Widgets ============================= */ 
     1232 
     1233/* == SEARCH BOX == */ 
     1234 
     1235.pk-search-form { 
     1236position: relative; 
     1237/*height: 20px; this might need to be restored, but for now...*/ 
     1238width: 240px; 
     1239} 
     1240 
     1241.pk-search-form span.pk-search-field { 
     1242position: absolute; 
     1243top: 0; 
     1244left: 0; 
     1245background: url(/pkContextCMSPlugin/images/pk-search-bg-240.png) no-repeat 0 0; 
     1246width: 240px; 
     1247height: 20px; 
     1248} 
     1249 
     1250.pk-search-form input.pk-search-field { 
     1251position: absolute; 
     1252top: 0; 
     1253left: 9px; 
     1254font: 12px Arial, Helvetica, Sans-serif; 
     1255border: 0 none; 
     1256padding: 3px 0 0 0; 
     1257width: 210px; 
     1258background: transparent; 
     1259} 
     1260 
     1261.pk-search-form span.pk-search-submit { 
     1262position: absolute; 
     1263right: 0; 
     1264top: 0; 
     1265height: 20px; 
     1266width: 29px; 
     1267display: block; 
     1268border: none !important; 
     1269z-index: 2; 
     1270} 
     1271 
     1272.pk-search-form input.pk-search-submit { 
     1273padding: 0; 
     1274width:29px; 
     1275height:20px; 
     1276border:none; 
     1277background: url(/pkContextCMSPlugin/images/pk-search-submit.png) no-repeat 0 0; 
     1278} 
     1279 
     1280.pk-search-form input.pk-search-submit:hover { 
     1281background-position: 0 -20px; 
     1282cursor: pointer; 
     1283} 
     1284 
     1285/* == SEARCH BOX Adjustments for Subnav sidebar == */ 
     1286 
     1287.subnav .pk-search-form { 
     1288width: 178px; 
     1289} 
     1290 
     1291.subnav .pk-search-form span.pk-search-field { 
     1292background: url(/pkContextCMSPlugin/images/pk-search-bg-180.png) no-repeat 0 0; 
     1293width: 178px; 
     1294} 
     1295 
     1296.subnav .pk-search-form input.pk-search-field { 
     1297width: 150px; 
     1298} 
     1299 
     1300 
     1301/* == pk_pager_navigation == */ 
     1302 
     1303.pk_pager_navigation { 
     1304float: left; 
     1305display: inline; 
     1306overflow: hidden; 
     1307margin: 10px 0; 
     1308font-size: 11px; 
     1309} 
     1310.pk_pager_navigation a, 
     1311.pk_pager_navigation span { 
     1312display: inline; 
     1313float: left; 
     1314height: 20px; 
     1315line-height: 20px; 
     1316} 
     1317 
     1318.pk_pager_navigation .pk_page_navigation_number { 
     1319padding: 0 6px; 
     1320} 
     1321 
     1322.pk_pager_navigation span.pk_page_navigation_number.pk_pager_navigation_disabled { 
     1323background-color: #e2e2e2; 
     1324} 
     1325 
     1326.pk_pager_navigation a.pk_page_navigation_number:hover { 
     1327color: #000; 
     1328background-color: #e2e2e2; 
     1329} 
     1330 
     1331.pk_pager_navigation .pk_pager_navigation_image { 
     1332background: url(/pkAdminPlugin/images/pk-page-arrows.png) no-repeat; 
     1333display: inline; 
     1334float: left; 
     1335width: 22px; 
     1336height: 20px; 
     1337text-indent: -9999px; 
     1338} 
     1339 
     1340.pk_pager_navigation a.pk_pager_navigation_image.disabled { 
     1341cursor: default; 
     1342} 
     1343 
     1344.pk_pager_navigation a.pk_pager_navigation_first { 
     1345background: url(/pkAdminPlugin/images/pk-page-arrows.png) no-repeat top left; 
     1346} 
     1347 
     1348.pk_pager_navigation a.pk_pager_navigation_first:hover { 
     1349background: url(/pkAdminPlugin/images/pk-page-arrows.png) no-repeat 0px -20px; 
     1350} 
     1351.pk_pager_navigation a.pk_pager_navigation_previous { 
     1352background-position: -22px 0; 
     1353width: 19px; 
     1354margin-right: 5px; 
     1355} 
     1356.pk_pager_navigation a.pk_pager_navigation_previous:hover { 
     1357background-position: -22px -40px !important; 
     1358} 
     1359.pk_pager_navigation a.pk_pager_navigation_next { 
     1360background-position: -41px 0; 
     1361width: 19px; 
     1362margin-left: 5px; 
     1363} 
     1364.pk_pager_navigation a.pk_pager_navigation_next:hover { 
     1365background-position: -41px -60px; 
     1366} 
     1367.pk_pager_navigation a.pk_pager_navigation_last { 
     1368background-position: -60px 0; 
     1369} 
     1370.pk_pager_navigation a.pk_pager_navigation_last:hover { 
     1371background-position: -60px -80px; 
     1372} 
     1373 
     1374.pk_pager_navigation span.pk_pager_navigation_first.pk_pager_navigation_disabled { 
     1375background: url(/pkAdminPlugin/images/pk-page-arrows.png) no-repeat 0px -20px; 
     1376text-indent: -999px; 
     1377overflow: hidden; 
     1378width: 22px; 
     1379} 
     1380 
     1381.pk_pager_navigation span.pk_pager_navigation_previous.pk_pager_navigation_disabled { 
     1382background: url(/pkAdminPlugin/images/pk-page-arrows.png) no-repeat -22px -40px; 
     1383text-indent: -999px; 
     1384overflow: hidden; 
     1385width: 19px; 
     1386margin-right: 5px; 
     1387} 
     1388 
     1389.pk_pager_navigation span.pk_pager_navigation_last.pk_pager_navigation_disabled { 
     1390background: url(/pkAdminPlugin/images/pk-page-arrows.png) no-repeat -60px -80px; 
     1391text-indent: -999px; 
     1392overflow: hidden; 
     1393width: 22px; 
     1394} 
     1395 
     1396.pk_pager_navigation span.pk_pager_navigation_next.pk_pager_navigation_disabled { 
     1397background: url(/pkAdminPlugin/images/pk-page-arrows.png) no-repeat -41px -60px; 
     1398text-indent: -999px; 
     1399overflow: hidden; 
     1400width: 19px; 
     1401margin-left: 5px; 
     1402} 
     1403 
     1404/* == pk-media-slideshow == */ 
     1405 
     1406.pk-context-media-show{ 
     1407  list-style:none !important; 
     1408} 
     1409 
     1410/* [END] CMS Elements and Widgets ============================= */ 
     1411 
     1412/* [START] pkContextCMSPlugin Slot Specific ============================= */ 
     1413 
     1414.pk-context-cms-slot { 
     1415position: relative; 
     1416} 
     1417.pk-context-cms-slot-controls { 
     1418position: absolute; 
     1419top: 0; 
     1420left: -20px; 
     1421float: left; 
     1422} 
     1423 
     1424.pk-context-cms-slot-history, 
     1425.pk-context-cms-slot-controls a { 
     1426display: block; 
     1427width: 20px; 
     1428height: 20px; 
     1429text-indent: -9999px; 
     1430overflow: hidden; 
     1431} 
     1432 
     1433.pk-context-cms-slot-controls-up { 
     1434background: url(/pkContextCMSPlugin/images/pk-icon-arrow-up.png) 0 0 no-repeat; 
     1435} 
     1436 
     1437.pk-context-cms-slot-controls-down { 
     1438background: url(/pkContextCMSPlugin/images/pk-icon-arrow-down.png) 0 0 no-repeat; 
     1439} 
     1440 
     1441.pk-context-cms-slot-controls-delete { 
     1442background: url(/pkContextCMSPlugin/images/pk-icon-close.png) 0 0 no-repeat; 
     1443} 
     1444 
     1445.pk-context-cms-slot-history { 
     1446float: left; 
     1447background: url(/pkContextCMSPlugin/images/pk-icon-revert.png) 0 0 no-repeat; 
     1448} 
     1449 
     1450.pk-context-cms-slot-history:hover, 
     1451.pk-context-cms-slot-controls-up:hover, 
     1452.pk-context-cms-slot-controls-down:hover, 
     1453.pk-context-cms-slot-controls-delete:hover { 
     1454background-position: 0 -20px; 
     1455} 
     1456.pkContextCMSTextSlot.multi-line { 
     1457display: block; 
     1458width: 100%; 
     1459padding: 4px; 
     1460font: 12px/1.25 Arial; 
     1461} 
     1462 
     1463.pkContextCMSTextSlot, 
     1464.pkContextCMSTextSlot:focus { 
     1465outline: 0 !important; 
     1466} 
     1467 
     1468/* [END] pkContextCMSPlugin Slot Specific ============================= */ 
     1469 
     1470.pk-context-cms-archived { 
     1471text-decoration: line-through; 
     1472} 
     1473 
     1474 
     1475/* [START] pk-feedback-form */ 
     1476#pk-feedback-form 
     1477{ 
     1478margin: 10px 0; 
     1479} 
     1480 
     1481#pk-feedback-form .form-row label 
     1482{ 
     1483  display: block; 
     1484  float: left; 
     1485  text-align: left; 
     1486  width: 120px; 
     1487  color: #666; 
     1488  font-weight: normal !important; 
     1489  text-transform: capitalize; 
     1490} 
     1491 
     1492#pk-feedback-form .form-row.submit 
     1493{ 
     1494  margin-left: 120px; 
     1495} 
     1496/* [END] pk-feedback-form */ 
     1497 
     1498/* ================================================================================================ 
     1499* pkContextCMS Button Styles 
     1500* Site-wide for both Frontend & Admin 
     1501* ================================================================================================ 
     1502*/ 
     1503 
     1504a.pk-btn, 
     1505span.pk-btn, 
     1506.pk-radio-select-container a { 
     1507position: relative; 
     1508height: 20px; 
     1509font-size: 12px; 
     1510line-height: 20px; 
     1511padding: 0 9px; 
     1512float: left; 
     1513display: inline; 
     1514white-space: nowrap; 
     1515background: url(/pkContextCMSPlugin/images/pk-btn.png) 0 0 no-repeat; 
     1516color: #EF9920 !important; 
     1517text-decoration: none !important; 
     1518margin-right: 5px; 
     1519} 
     1520 
     1521a.pk-btn span, 
     1522span.pk-btn span { 
     1523position: absolute; 
     1524right: 0px; 
     1525top: 0; 
     1526display: block; 
     1527height: 20px; 
     1528width: 9px; 
     1529background: #fff url(/pkContextCMSPlugin/images/pk-btn.png) -951px 0 no-repeat; 
     1530} 
     1531 
     1532a.pk-btn:hover, 
     1533a.pk-btn:hover span, 
     1534a.pk-btn.icon:hover { 
     1535background-position: 0 -20px; 
     1536color: #333 !important; 
     1537text-decoration: none !important; 
     1538} 
     1539 
     1540span.pk-btn, 
     1541span.pk-btn span { 
     1542background-position: 0 -40px; 
     1543color: #999; 
     1544cursor: default; 
     1545/*  -moz-user-select:none; /* I like this - but it's not necessary  */ 
     1546} 
     1547 
     1548 
     1549a.pk-btn:hover span 
     1550{ 
     1551  background-position: -951px -20px; 
     1552} 
     1553 
     1554span.pk-btn span 
     1555{ 
     1556  background-position: -951px -40px; 
     1557} 
     1558 
     1559 
     1560a.b {/* BLUE BUTTON */ 
     1561  color: #13A0BC; 
     1562} 
     1563 
     1564a.cancel, 
     1565a.pk-cancel { 
     1566color: #15A1BD !important; 
     1567text-transform: lowercase; /* LOL @ Rick */ 
     1568} 
     1569 
     1570a.cancel:hover, 
     1571a.pk-cancel:hover { 
     1572text-decoration: underline; 
     1573} 
     1574 
     1575a.pk-btn.icon { /* BUTTON WITH AN ICON */ 
     1576  text-indent:-9999px; 
     1577} 
     1578 
     1579a.pk-btn.icon span, 
     1580a.pk-btn.delete span { /* BUTTON WITH AN ICON HIDE SPAN (If There is One) */ 
     1581display: none; 
     1582} 
     1583 
     1584a.pk-btn.add, 
     1585span.pk-btn.add {/* BUTTON WITH ADD ICON */ 
     1586background-image: url(/pkContextCMSPlugin/images/pk-btn-add.png); 
     1587padding-left: 20px; 
     1588} 
     1589 
     1590a.pk-remove:hover, 
     1591a.pk-btn.icon:hover, 
     1592a.pk-btn.delete:hover { 
     1593background-position: 0 -20px; 
     1594} 
     1595 
     1596a.pk-btn.calendar {/* BUTTON WITH Calendar ICON */ 
     1597  background-image: url(/pkContextCMSPlugin/images/pk-icon-calendar.png); 
     1598} 
     1599 
     1600a.pk-btn.clock {/* BUTTON WITH Clock ICON */ 
     1601  background-image: url(/pkContextCMSPlugin/images/pk-icon-clock.png); 
     1602} 
     1603 
     1604a.pk-btn.revert {/* BUTTON WITH Revert ICON */ 
     1605  background-image: url(/pkContextCMSPlugin/images/pk-icon-revert.png); 
     1606} 
     1607 
     1608a.pk-btn.drag {/* BUTTON WITH Drag ICON */ 
     1609  background-image: url(/pkContextCMSPlugin/images/pk-icon-drag.png); 
     1610} 
     1611 
     1612a.pk-btn.trash {/* BUTTON WITH Trash ICON */ 
     1613  background-image: url(/pkContextCMSPlugin/images/pk-icon-trash.png); 
     1614} 
     1615 
     1616a.pk-btn.arrow-left {/* BUTTON WITH Arrow Left ICON */ 
     1617  background-image: url(/pkContextCMSPlugin/images/pk-icon-arrow-left.png); 
     1618} 
     1619 
     1620a.pk-btn.arrow-right {/* BUTTON WITH Arrow Right ICON */ 
     1621  background-image: url(/pkContextCMSPlugin/images/pk-icon-arrow-right.png); 
     1622} 
     1623 
     1624a.pk-btn.close {/* BUTTON WITH Close ICON */ 
     1625  background-image: url(/pkContextCMSPlugin/images/pk-icon-close.png); 
     1626} 
     1627 
     1628a.pk-btn.close-small {/* BUTTON WITH Close Small ICON */ 
     1629  background-image: url(/pkContextCMSPlugin/images/pk-icon-close-small.png); 
     1630} 
     1631 
     1632#pk-context-cms-breadcrumb span.pk-context-cms-delete-action a { 
     1633display: inline-block; 
     1634text-indent: -9999px; 
     1635height: 16px; 
     1636width: 16px; 
     1637line-height: 36px; 
     1638background: url(/pkContextCMSPlugin/images/pk-breadcrumb-delete.png) no-repeat top left; 
     1639} 
     1640 
     1641#pk-context-cms-breadcrumb span.pk-context-cms-delete-action a:hover { 
     1642background-position: bottom left; 
     1643} 
     1644 
     1645/* BIG ANCHOR BUTTON */ 
     1646 
     1647a.pk-btn.big, 
     1648span.pk-btn.big { 
     1649height: 30px; 
     1650font-size: 18px; 
     1651line-height: 30px; 
     1652padding: 0 14px; 
     1653background: url(/pkContextCMSPlugin/images/pk-btn-big.png) 0 0 no-repeat; 
     1654} 
     1655 
     1656a.pk-btn.big span, 
     1657span.pk-btn.big span { 
     1658height: 30px; 
     1659width: 14px; 
     1660background: url(/pkContextCMSPlugin/images/pk-btn-big.png) -946px 0 no-repeat; 
     1661} 
     1662 
     1663a.pk-btn.big:hover { 
     1664background-position: 0 -30px; 
     1665} 
     1666 
     1667span.pk-btn.big { 
     1668background-position: 0 -60px; 
     1669} 
     1670 
     1671a.pk-btn.big:hover span 
     1672{ 
     1673  background-position: -946px -30px; 
     1674} 
     1675 
     1676span.pk-btn.big span 
     1677{ 
     1678  background-position: -946px -60px; 
     1679} 
     1680 
     1681 
     1682/* BANNER GO ANCHOR BUTTON */ 
     1683 
     1684a.pk-btn.go { 
     1685height: 25px; 
     1686font-size: 18px; 
     1687line-height: 23px; 
     1688padding: 0 0 0 12px; 
     1689width: 130px; 
     1690background: url(/pkContextCMSPlugin/images/pk-btn-go.png) 0 0 no-repeat; /* This image doesn't exist? */ 
     1691} 
     1692 
     1693/* TBB: these need enhancement */ 
     1694.pk-radio-select-container a { 
     1695color: #13A0BC !important; 
     1696margin-bottom: 5px; 
     1697} 
     1698 
     1699 
     1700.pk-radio-select-container a:hover { 
     1701color: #333 !important; 
     1702} 
     1703 
     1704.pk-radio-select-container a.first { 
     1705margin-right: 0; 
     1706} 
     1707 
     1708.pk-radio-select-container a.last { 
     1709background-position: top right;  
     1710border-left: 1px solid #e2e2e2; 
     1711} 
     1712 
     1713.pk-radio-select-container a.first:hover { 
     1714background-position: 0 -20px; 
     1715} 
     1716 
     1717.pk-radio-select-container a.last:hover { 
     1718background-position: right -20px; 
     1719} 
     1720 
     1721.pk-radio-select-container a.pk-radio-option-selected { 
     1722color: #fff !important; 
     1723} 
     1724 
     1725.pk-radio-select-container a.pk-radio-option-selected:hover 
     1726{ 
     1727color:#fff !important; 
     1728cursor: default; 
     1729} 
     1730 
     1731.pk-radio-select-container a.pk-radio-option-selected.first { 
     1732background-position: left -60px; 
     1733} 
     1734 
     1735.pk-radio-select-container a.pk-radio-option-selected.last { 
     1736background-position: right -60px; 
     1737} 
     1738 
     1739 
     1740.pk-note { 
     1741font-size: 11px; 
     1742font-style: italic; 
     1743color: #999; 
     1744} 
     1745 
     1746/* ================================================================================================ 
     1747* pkContextCMS Admin 
     1748* Styles for Administrative Functionality 
     1749* ================================================================================================ 
     1750*/ 
     1751 
     1752#pk-admin-container { 
     1753font: 12px/1.25 Arial, sans-serif; 
     1754position: relative; 
     1755} 
     1756 
     1757#pk-admin-container ul,  
     1758#pk-admin-container ol,  
     1759#pk-admin-container li,  
     1760#pk-admin-container h1,  
     1761#pk-admin-container h2,  
     1762#pk-admin-container h3,  
     1763#pk-admin-container h4,  
     1764#pk-admin-container h5,  
     1765#pk-admin-container h6,  
     1766#pk-admin-container pre,  
     1767#pk-admin-container form,  
     1768#pk-admin-container body,  
     1769#pk-admin-container html,  
     1770#pk-admin-container p,  
     1771#pk-admin-container blockquote,  
     1772#pk-admin-container fieldset,  
     1773#pk-admin-container input { 
     1774margin: 0; 
     1775padding: 0; 
     1776font-weight: normal; 
     1777} 
     1778 
     1779#pk-admin-container a img, 
     1780#pk-admin-container a:link img, 
     1781#pk-admin-container a:visited img { 
     1782border: none; 
     1783} 
     1784 
     1785#pk-admin-container a:link,  
     1786#pk-admin-container a:visited { 
     1787color: #15A1BD; 
     1788text-decoration: none; 
     1789} 
     1790 
     1791#pk-admin-container a:hover { 
     1792color: #333; 
     1793/*  text-decoration: underline;*/ 
     1794} 
     1795 
     1796#pk-admin-container td { 
     1797margin: 0; 
     1798vertical-align: top; 
     1799/*  padding: 20px;*/ 
     1800/*  background-color: #fff;*/ 
     1801} 
     1802 
     1803#pk-admin-container p { 
     1804/*  margin-bottom: 5px;*/ 
     1805} 
     1806 
     1807#pk-admin-container #pk-admin-bar, 
     1808#pk-admin-container #pk-admin-bar a, 
     1809#pk-admin-container #pk-admin-bar h2 { 
     1810color: #13A0BC; 
     1811} 
     1812 
     1813#pk-admin-container #pk-admin-bar h2 { 
     1814font-size: 24px; 
     1815letter-spacing: -.025em; 
     1816float: left; 
     1817position: relative; 
     1818text-transform: capitalize; 
     1819} 
     1820 
     1821#pk-admin-container #pk-admin-bar { 
     1822float: left; 
     1823display: inline; 
     1824width: 100%; 
     1825margin-bottom: 20px; 
     1826} 
     1827 
     1828#pk-admin-container #pk_admin_filter_container { 
     1829display: none; 
     1830float: left; 
     1831width: 960px; 
     1832margin-bottom: 24px; 
     1833color: #333; 
     1834border: 1px solid #e2e2e2; 
     1835background: url(/pkContextCMSPlugin/images/pk-bg_caution.png) top left repeat-x; 
     1836} 
     1837 
     1838#pk-admin-container #pk_admin_filter_container.has-filters { 
     1839display: block; 
     1840} 
     1841 
     1842#pk-admin-container #pk_admin_filter_container .pk_admin_filter { 
     1843padding: 15px 10px 10px 10px; 
     1844} 
     1845 
     1846#pk-admin-container #pk-admin-content { 
     1847float: left; 
     1848display: inline; 
     1849margin: 0; 
     1850width: 720px; 
     1851} 
     1852 
     1853#pk-admin-container h2.pk-admin-title { 
     1854color: #555; 
     1855font-size: 24px; 
     1856line-height: 24px; 
     1857float: left; 
     1858} 
     1859 
     1860#pk-admin-container .notice { 
     1861color: #555; 
     1862font-size: 18px; 
     1863line-height: 18px; 
     1864margin-bottom: 20px; 
     1865} 
     1866 
     1867#pk-admin-container fieldset h2 { 
     1868padding: 10px 0 0; 
     1869margin: 0 0 10px 0; 
     1870color: #333; 
     1871background-color: transparent; 
     1872font-size: 14px; 
     1873text-transform: capitalize; 
     1874border-top: 1px #ddd solid; 
     1875} 
     1876 
     1877#pk-admin-container input,  
     1878#pk-admin-container textarea,  
     1879#pk-admin-container select { 
     1880padding: 3px; 
     1881font-family: Arial, sans-serif; 
     1882font-size: 11px; 
     1883border: 1px solid #ddd; 
     1884vertical-align: middle; 
     1885width: 358px; 
     1886} 
     1887 
     1888#pk-admin-container input.pk_admin_batch_checkbox { 
     1889width: auto; 
     1890} 
     1891 
     1892#pk-admin-container select { 
     1893width: auto; 
     1894} 
     1895 
     1896#pk-admin-container .pk_admin_batch_actions_choice select { 
     1897float: left; 
     1898margin-right: 10px; 
     1899} 
     1900 
     1901#pk-admin-container label { 
     1902display: block; 
     1903/*padding: 0 1em 3px 0;*/ 
     1904float: left; 
     1905text-align: left; 
     1906width: 120px; 
     1907color: #666; 
     1908font-weight: normal !important; 
     1909text-transform: capitalize; 
     1910} 
     1911 
     1912#pk-admin-container label.required { 
     1913color: #333 !important; 
     1914font-weight: bold !important; 
     1915} 
     1916 
     1917#pk-admin-container .pk_admin_filter input[type="checkbox"] + label { /* to-do can't use css3 stuff, convert to jquery */ 
     1918display: inline; 
     1919float: none; 
     1920} 
     1921 
     1922#pk-admin-container .save-ok { 
     1923margin-bottom: 10px; 
     1924border: 1px solid #73B65A; 
     1925} 
     1926 
     1927#pk-admin-container .save-ok h2 { 
     1928margin: 0 !important; 
     1929padding: 5px 20px 5px 25px; 
     1930font-size: 11px; 
     1931color: #fff; 
     1932background: #73B65A url(../images/ok.png) no-repeat 5px 2px; 
     1933} 
     1934 
     1935#pk-admin-container .form-row { 
     1936clear: both; 
     1937padding: 10px; 
     1938border-bottom: 1px solid #ddd; 
     1939float: left; 
     1940width: 100%; 
     1941} 
     1942 
     1943#pk-admin-container .pk_admin_form_row, 
     1944#pk-admin-container .pk_admin_form_row td { 
     1945padding-bottom: 10px; 
     1946} 
     1947 
     1948#pk-admin-container .form-row .content { 
     1949padding-left: 9em; 
     1950} 
     1951 
     1952#pk-admin-container .form-errors { 
     1953margin-bottom: 10px; 
     1954border: 1px solid #f33; 
     1955background-color: #ffc; 
     1956} 
     1957 
     1958#pk-admin-container .form-errors h2 { 
     1959padding: 5px 20px 5px 25px; 
     1960font-size: 11px; 
     1961color: #fff; 
     1962background: #f33 url(../images/error.png) no-repeat 5px 2px; 
     1963} 
     1964 
     1965#pk-admin-container .form-errors dl { 
     1966padding: 5px; 
     1967} 
     1968 
     1969#pk-admin-container .form-errors dt { 
     1970font-weight: bold; 
     1971float: left; 
     1972padding-right: 5px; 
     1973} 
     1974 
     1975#pk-admin-container .form-errors dd { 
     1976margin: 0; 
     1977} 
     1978 
     1979#pk-admin-container .form-error { 
     1980color: #f33; 
     1981} 
     1982 
     1983#pk-admin-container .form-error input,  
     1984#pk-admin-container .form-error select,  
     1985#pk-admin-container .form-error textarea { 
     1986/*  border: 1px solid #f33;*/ 
     1987} 
     1988 
     1989#pk-admin-container fieldset { 
     1990margin-bottom: 3px; 
     1991/*  border: 1px solid #ddd;*/ 
     1992/*  border-bottom: 0px;*/ 
     1993  background-color: #fff; 
     1994} 
     1995 
     1996#pk-admin-container fieldset.collapsed * { 
     1997display: none; 
     1998} 
     1999#pk-admin-container fieldset.collapsed h2, #pk-admin-container fieldset.collapsed { 
     2000display: block !important; 
     2001} 
     2002#pk-admin-container fieldset.collapsed .collapse-toggle { 
     2003display: inline !important; 
     2004} 
     2005#pk-admin-container fieldset.collapse h2 a.collapse-toggle { 
     2006color: #ffc; 
     2007} 
     2008#pk-admin-container fieldset.collapse h2 a.collapse-toggle:hover { 
     2009text-decoration: underline; 
     2010} 
     2011 
     2012#pk-admin-container .float-left { 
     2013float: left; 
     2014} 
     2015 
     2016#pk-admin-container .float-right { 
     2017float: right; 
     2018} 
     2019 
     2020#pk-admin-container ul.pk_admin_td_actions { 
     2021list-style-type: none; 
     2022} 
     2023 
     2024#pk-admin-container ul.pk_admin_td_actions li { 
     2025list-style-type: none; 
     2026display: block; 
     2027float: left; 
     2028width: 100%; 
     2029margin: 0 0 5px 0; 
     2030} 
     2031 
     2032#pk-admin-container ul.pk_admin_td_actions li a { 
     2033position: relative; 
     2034height: 20px; 
     2035font-size: 12px; 
     2036line-height: 20px; 
     2037padding: 0 9px; 
     2038float: left; 
     2039display: inline; 
     2040white-space: nowrap; 
     2041background: url(/pkContextCMSPlugin/images/pk-btn-left.png) 0 0 no-repeat; 
     2042color: #EF9920; 
     2043text-decoration: none; 
     2044} 
     2045 
     2046#pk-admin-container ul.pk_admin_td_actions li a span { 
     2047position: absolute; 
     2048right: 0px; 
     2049top: 0; 
     2050display: block; 
     2051height: 20px; 
     2052width: 9px; 
     2053background: url(/pkContextCMSPlugin/images/pk-btn-right.png) 0 0 no-repeat; 
     2054} 
     2055 
     2056#pk-admin-container ul.pk_admin_td_actions li a:hover, 
     2057#pk-admin-container ul.pk_admin_td_actions li a:hover span { 
     2058background-position: 0 -20px; 
     2059color: #333; 
     2060} 
     2061 
     2062#pk-admin-container ul.pk_admin_actions { 
     2063margin: 10px 0; 
     2064list-style-type: none; 
     2065border-top: 1px solid #e2e2e2; 
     2066padding-top: 20px; 
     2067} 
     2068 
     2069#pk-admin-container ul.pk_admin_actions a { 
     2070color: #333; 
     2071} 
     2072 
     2073#pk-admin-container ul.pk_admin_actions li { 
     2074list-style-type: none; 
     2075display: inline; 
     2076float: left; 
     2077} 
     2078 
     2079#pk-admin-container ul.pk_admin_actions li.pk_admin_batch_actions_choice { 
     2080float: left; 
     2081} 
     2082 
     2083#pk-admin-container ul.pk_admin_actions input { 
     2084padding: 2px; 
     2085color: #333; 
     2086font-size: 11px; 
     2087font-family: Arial, sans-serif; 
     2088border: 0px; 
     2089border-right: 4px solid #999; 
     2090background-color: #ffc; 
     2091cursor: hand; 
     2092cursor: pointer; 
     2093width: auto; 
     2094} 
     2095 
     2096#pk-admin-container input.pk_admin_submit { 
     2097background: none !important; 
     2098border: none !important; 
     2099padding: 2px !important; 
     2100} 
     2101 
     2102#pk-admin-container ul.pk_admin_td_actions li.pk_admin_action_edit, 
     2103#pk-admin-container ul.pk_admin_td_actions li.pk_admin_action_delete { 
     2104width: auto; 
     2105} 
     2106 
     2107a.pk-remove, 
     2108a.pk-btn.delete, 
     2109#pk-admin-container .pk_admin_action_delete .delete { 
     2110background: url(/pkAdminPlugin/images/pk-icon-close.png) no-repeat 0 0; 
     2111line-height: 20px; 
     2112float: left; 
     2113height: 20px; 
     2114width: 20px; 
     2115text-indent: -9999px; 
     2116overflow: hidden; 
     2117padding: 0; 
     2118} 
     2119 
     2120#pk-admin-container .pk_admin_default_action { 
     2121background-color: #fc6 !important; 
     2122font-weight: bold !important; 
     2123} 
     2124 
     2125#pk-admin-container .pk_admin_list { 
     2126width: 100%; 
     2127border-bottom: 0px; 
     2128border-right: 0px; 
     2129} 
     2130 
     2131#pk-admin-container .pk_admin_list_table { 
     2132width: 100%; 
     2133} 
     2134 
     2135#pk_admin_list_batch_actions { 
     2136width: 20px; 
     2137} 
     2138 
     2139#pk_admin_list_batch_actions * { 
     2140display: block; 
     2141} 
     2142 
     2143#pk_admin_list_th_actions { 
     2144width: 100px; 
     2145} 
     2146 
     2147#pk-admin-container .pk_admin_list thead th { 
     2148font-size: 18px; 
     2149padding: 6px 3px; 
     2150text-align: left; 
     2151border-bottom: 1px solid #e2e2e2; 
     2152line-height: 24px; 
     2153vertical-align: middle; 
     2154} 
     2155 
     2156#pk-admin-container .pk_admin_list thead th * { 
     2157float: left; 
     2158} 
     2159 
     2160#pk-admin-container .pk_admin_list tfoot th { 
     2161padding: 3px 6px; 
     2162border-top: 1px solid #e2e2e2; 
     2163background-color: #f4f4f4; 
     2164} 
     2165#pk-admin-container .pk_admin_list th a { 
     2166color: #333; 
     2167} 
     2168 
     2169#pk-admin-container .pk_admin_list td { 
     2170padding: 6px 3px; 
     2171border: none; 
     2172} 
     2173 
     2174#pk-admin-container .pk_admin_filter li { 
     2175list-style-type: none; 
     2176} 
     2177 
     2178#pk-admin-container .pk_admin_row_0 td { 
     2179} 
     2180 
     2181#pk-admin-container .pk_admin_row td { 
     2182border-bottom: 1px solid #e2e2e2; 
     2183} 
     2184 
     2185#pk-admin-container .pk_admin_row.last td { 
     2186border: none; 
     2187} 
     2188#pk-admin-container .pk_admin_row_1 td { 
     2189border-top: 1px solid #e2e2e2; 
     2190} 
     2191 
     2192#pk-admin-container .pk_admin_edit_help { 
     2193color: #aaa; 
     2194} 
     2195 
     2196#pk-admin-container .mceEditor td { 
     2197padding: 0px; 
     2198} 
     2199 
     2200#pk-admin-container select.pk_admin_multiple,  
     2201#pk-admin-container select.pk_admin_multiple-selected { 
     2202width: 12em; 
     2203} 
     2204 
     2205#pk-admin-container ul.pk_admin_checklist li { 
     2206list-style: none; 
     2207line-height: 1.5em; 
     2208} 
     2209 
     2210#pk-admin-container ul.pk_admin_checklist li label { 
     2211display: inline; 
     2212float: none; 
     2213} 
     2214 
     2215#pk-admin-header { 
     2216float: left; 
     2217width: 200px; 
     2218margin-right: 40px; 
     2219} 
     2220#pk-admin-container a.pk-admin-settings-btn { 
     2221float: left; 
     2222display: inline; 
     2223height: 20px; 
     2224width: 20px; 
     2225margin: 2px 0 0 5px; 
     2226overflow: hidden; 
     2227text-indent: -9999px; 
     2228background: url(/pkAdminPlugin/images/pk-icon-settings.png) no-repeat top left; 
     2229position: relative; 
     2230} 
     2231 
     2232#pk-admin-container a.pk-admin-settings-btn:hover { 
     2233background-position: bottom left; 
     2234} 
     2235 
     2236#pk-admin-header ul,  
     2237#pk-admin-header li { 
     2238display: block; 
     2239float: left; 
     2240width: 100%; 
     2241} 
     2242 
     2243#pk-admin-header li { 
     2244margin-bottom: 5px; 
     2245} 
     2246 
     2247.pk_admin_actions input { 
     2248border: 1px solid #ccc !important; 
     2249padding: 3px; 
     2250background: #fff !important; 
     2251font-size: 12px !important; 
     2252vertical-align: baseline !important; 
     2253} 
     2254 
     2255.pk_admin_actions input:hover { 
     2256border-color: #666 !important; 
     2257} 
     2258.pk_admin_date select { 
     2259} 
     2260 
     2261.pk_admin_list_results { 
     2262float: right; 
     2263font-size: 14px; 
     2264color: #333; 
     2265height: 20px; 
     2266line-height: 20px; 
     2267margin: 10px 0; 
     2268width: 100px; 
     2269} 
     2270 
     2271#pk-context-cms-admin-bar { 
     2272width: 100%; 
     2273margin: 0; 
     2274float: left; 
     2275display: inline; 
     2276clear: both; 
     2277} 
     2278 
     2279#pk-context-cms-admin-bar .pk-context-cms-admin-controls { 
     2280margin-left: 10px; 
     2281float: left; 
     2282} 
     2283 
     2284#pk-context-cms-admin-bar .pk-context-cms-admin-controls li { 
     2285float: left; 
     2286display: inline; 
     2287line-height: 30px; 
     2288margin: 0 10px 0 0; 
     2289} 
     2290 
     2291#pk-context-cms-admin-bar .pk-context-cms-admin-bg img { 
     2292width: 100%; 
     2293height: 11px; 
     2294} 
     2295 
     2296.pk-context-cms-content.pk-context-cms-editable { 
     2297border: 1px dashed #ef9920; 
     2298padding: 5px; 
     2299} 
     2300 
     2301.specialbox .content-container.editing { 
     2302padding-top: 10px; 
     2303background: url(/pkContextCMSPlugin/images/pk-bg_caution.png) top left repeat-x !important; 
     2304} 
     2305 
     2306.caution { 
     2307float: left; 
     2308margin-bottom: 40px; 
     2309color: #333; 
     2310padding: 16px 0 10px; 
     2311border: 1px solid #e2e2e2; 
     2312background: url(/pkContextCMSPlugin/images/pk-bg_caution.png) top left repeat-x; 
     2313} 
     2314.caution-padding { 
     2315display: block; 
     2316float: left; 
     2317margin: 0 10px; 
     2318} 
     2319 
     2320/* JQ Date Picker Fix */ 
     2321#ui-datepicker-div { 
     2322z-index: 9999; 
     2323} 
     2324 
     2325.ui-datepicker-trigger {/* This seems like a temporary solution, the datepicker markup sucks */ 
     2326position: relative; 
     2327top: 6px; 
     2328left: 3px; 
     2329} 
     2330 
     2331.ui-datepicker-trigger:hover { 
     2332cursor: pointer; 
     2333} 
     2334 
     2335 
     2336.pk-admin-controls { 
     2337position: relative; 
     2338float: left; 
     2339width: 720px !important; 
     2340border-bottom: 0; 
     2341} 
     2342 
     2343/* == admin-multi-button == */ 
     2344 
     2345#pk-admin-container .pk-admin-multi-button { 
     2346float: left; 
     2347width: 100%; 
     2348} 
     2349 
     2350#pk-admin-container .pk-admin-multi-button li { 
     2351float: left; 
     2352margin: 10px 0; 
     2353} 
     2354 
     2355#pk-admin-container .pk-admin-multi-button li a { 
     2356color: #13A0BC; 
     2357position: relative; 
     2358height: 20px; 
     2359font-size: 12px; 
     2360line-height: 20px; 
     2361padding: 0 9px; 
     2362float: left; 
     2363display: inline; 
     2364white-space: nowrap; 
     2365background: url(/pkContextCMSPlugin/images/pk-btn-left.png) 0 0 no-repeat; 
     2366text-decoration: none; 
     2367margin: 0; 
     2368} 
     2369 
     2370#pk-admin-container .pk-admin-multi-button li a:hover { 
     2371color: #333; 
     2372} 
     2373 
     2374#pk-admin-container .pk-admin-multi-button li.last a:hover { 
     2375background-position: right -20px; 
     2376} 
     2377 
     2378#pk-admin-container .pk-admin-multi-button li.first a:hover, 
     2379#pk-admin-container .pk-admin-multi-button li.middle a:hover { 
     2380background-position: 0 -20px; 
     2381} 
     2382 
     2383#pk-admin-container .pk-admin-multi-button li.first a:active, 
     2384#pk-admin-container .pk-admin-multi-button li.middle a:active { 
     2385background-position: 0 -40px; 
     2386} 
     2387 
     2388#pk-admin-container .pk-admin-multi-button li.middle a { 
     2389background: url(/pkContextCMSPlugin/images/pk-btn-middle-toggle.png) top right no-repeat; 
     2390border-left: 1px solid #e2e2e2; 
     2391} 
     2392 
     2393#pk-admin-container .pk-admin-multi-button li.last a { 
     2394background: url(/pkContextCMSPlugin/images/pk-btn-right-toggle.png) top right no-repeat; 
     2395border-left: 1px solid #e2e2e2; 
     2396} 
     2397 
     2398#pk-admin-container .pk-admin-multi-button li a.selected:hover, 
     2399#pk-admin-container .pk-admin-multi-button li a.selected { 
     2400color: #80C9D9; 
     2401cursor: default; 
     2402background-position: bottom left; 
     2403} 
     2404 
     2405#pk-admin-container .pk-admin-multi-button li.last a.selected:hover, 
     2406#pk-admin-container .pk-admin-multi-button li.last a.selected { 
     2407background-position: bottom right; 
     2408} 
     2409 
     2410/* ================================================================================================ 
     2411* PLUGIN: pkTubes 
     2412* Frontend Only   -- Admin Styles should come from pkContextCMS Admin 
     2413* ================================================================================================ 
     2414*/ 
     2415 
     2416.pk-tubes-row { 
     2417display: block; 
     2418float: left; 
     2419width: 100%; 
     2420margin: 20px 0 0 0; 
     2421padding: 10px 0 0 0; 
     2422border-top: 1px solid #ddd; 
     2423position: relative; 
     2424} 
     2425 
     2426.pk-tubes h3, 
     2427.pk-tubes-plugin-feed-title { 
     2428color: #28305E; 
     2429} 
     2430 
     2431.pk-tubes-plugin-feed-title, 
     2432.pk-tubes-plugin-feed-url, 
     2433.pk-tubes-plugin-feed-quickview { 
     2434display: block; 
     2435float: left; 
     2436width: 100%; 
     2437margin-bottom: 5px; 
     2438} 
     2439 
     2440#pk-admin-container .pk-tubes-plugin-date, 
     2441#pk-admin-container .pk-tubes-plugin-feed-url a:link { 
     2442font-size: 11px; 
     2443color: #999; 
     2444} 
     2445 
     2446.pk-tubes-plugin-feed-quickview { 
     2447color: #333; 
     2448} 
     2449 
     2450#pk-admin-container .pk-tubes-plugin-feed-quickview li { 
     2451margin: 5px 0 0 0; 
     2452} 
     2453 
     2454.pk-tubes-plugin-feed-quickview span { 
     2455float: left; 
     2456width: 120px; 
     2457color: #13A0BC; 
     2458} 
     2459#pk-admin-container .pk-tubes-plugin-date li { 
     2460float: left; 
     2461margin-right: 5px ; 
     2462} 
     2463 
     2464.pk-tubes-plugin-controls { 
     2465position: absolute; 
     2466top: 20px; 
     2467right: 0; 
     2468width: 130px; 
     2469} 
     2470 
     2471.pk-tubes #pk-admin-container .pk-tubes-plugin-controls li a { 
     2472margin: 0; 
     2473} 
     2474 
     2475.pk-tubes #pk-admin-container .pk-tubes-plugin-controls li { 
     2476float: left; 
     2477width: 100%; 
     2478margin: 0 0 10px 0; 
     2479} 
     2480 
     2481.pk-tubes #pk-admin-container form { 
     2482} 
     2483 
     2484.pk-tubes #pk-admin-container .form-row { 
     2485border-bottom: none; 
     2486} 
     2487 
     2488.pk-tubes #pk-admin-container .form-row iframe { 
     2489height: 400px; 
     2490} 
     2491 
     2492.pk-tubes #pk-admin-container input.pk_admin_submit { 
     2493float: left; 
     2494padding: 2px 4px; 
     2495width: auto; 
     2496border: 1px solid #333 !important; 
     2497background: #ddd !important; 
     2498font-size: 12px; 
     2499margin-right: 5px; 
     2500} 
     2501 
     2502.pk-tubes .pk-admin-form-help { 
     2503display: block; 
     2504font-size: 11px; 
     2505color: #999; 
     2506margin-left: 130px; 
     2507padding: 3px; 
     2508} 
     2509 
     2510.pk-tubes-plugin-item-container.event, 
     2511.pk-tubes-plugin-item-container.article { 
     2512width: 480px; 
     2513} 
     2514 
     2515.pk-tubes #pk-admin-container .pk-tubes-plugin-description { 
     2516margin: 10px 0; 
     2517} 
     2518 
     2519.pk-tubes #pk-admin-container .form-row p { 
     2520width: 360px; 
     2521margin-left: 120px; 
     2522} 
     2523 
     2524/* == pk-tubes Calendar == */ 
     2525 
     2526.pk-tubes-calendar 
     2527{ 
     2528  float: left; 
     2529  width: 100%; 
     2530} 
     2531 
     2532.pk-tubes-calendar ul  
     2533{ 
     2534  padding: 0; 
     2535} 
     2536 
     2537.pk-tubes-calendar ul li  
     2538{ 
     2539  margin: 0; 
     2540  color: #28305E;  
     2541} 
     2542 
     2543.pk-tubes-calendar .title 
     2544{ 
     2545  position: relative; 
     2546} 
     2547 
     2548.pk-tubes-calendar .pk-tubes-calendar-controls 
     2549{ 
     2550  position: absolute; 
     2551  top: 0; 
     2552  right: 0; 
     2553} 
     2554 
     2555.pk-tubes-calendar .pk-tubes-calendar-controls .arrow-right 
     2556{ 
     2557  margin-right: 0; 
     2558  margin-left: 5px; 
     2559} 
     2560 
     2561.pk-tubes-calendar ul.month .grid 
     2562{ 
     2563  float: left; 
     2564  width: 100%; 
     2565  border: 1px solid #ddd; 
     2566} 
     2567 
     2568.pk-tubes-calendar ul.month 
     2569{ 
     2570  float: left; 
     2571  width: 100%; 
     2572  margin-bottom: 10px; 
     2573} 
     2574 
     2575.pk-tubes-calendar ul.weeks 
     2576{ 
     2577  float: left; 
     2578  width: 100%; 
     2579  padding-bottom: 4px; 
     2580} 
     2581 
     2582.pk-tubes-calendar ul.weeks li  
     2583{ 
     2584  float: left; 
     2585  width: 100%; 
     2586margin: 2px 0;   
     2587} 
     2588 
     2589.pk-tubes-calendar ul.weeks li.week-0 
     2590{ 
     2591  border-top: 1px solid #ddd; 
     2592  padding-top: 4px; 
     2593  margin-top: 0; 
     2594} 
     2595 
     2596 
     2597.pk-tubes-calendar ul.weeks ul.days 
     2598{ 
     2599  margin: 4px 0; 
     2600}  
     2601 
     2602.pk-tubes-calendar ul.weeks li.day, 
     2603.pk-tubes-calendar ul.days li  
     2604{ 
     2605  margin: 1px 0; 
     2606  float: left; 
     2607  width: 14%; 
     2608  text-align: center; 
     2609} 
     2610 
     2611.pk-tubes-calendar ul.weeks li.day 
     2612{ 
     2613  padding: 4px 0; 
     2614} 
     2615 
     2616 
     2617.pk-tubes-calendar ul.days li a, 
     2618.pk-tubes-calendar ul.days li span 
     2619{ 
     2620  display: block; 
     2621  height: 13px; 
     2622  width: 18px; 
     2623  text-align: center; 
     2624  margin: auto; 
     2625  border: 1px solid #fff; 
     2626} 
     2627 
     2628.pk-tubes-calendar ul.days li a:hover 
     2629{ 
     2630  text-decoration: none;   
     2631} 
     2632 
     2633 
     2634.pk-tubes-calendar ul.days li.today a, 
     2635.pk-tubes-calendar ul.days li.today a.has-events, 
     2636.pk-tubes-calendar ul.days li.today span  
     2637{ 
     2638background-color: #EF9920; 
     2639color: #fff; 
     2640border: 1px solid #ef9920; 
     2641/*font-weight: bold;*/ 
     2642} 
     2643 
     2644.pk-tubes-calendar li.today a:hover 
     2645{ 
     2646  background-color: #fff; 
     2647  color: #28305E; 
     2648} 
     2649 
     2650.pk-tubes-calendar ul.days li a.has-events 
     2651{ 
     2652  border: 1px solid #15A1BD; 
     2653} 
     2654 
     2655.pk-tubes-calendar ul.days li a.has-events:hover 
     2656{ 
     2657  border-color: #ccc; 
     2658/*  background-color: #e2e2e2;*/ 
     2659  color: #000; 
     2660} 
     2661 
     2662 
     2663.pk-tubes-calendar ul.days li a.selected, 
     2664.pk-tubes-calendar ul.days li.today a.selected, 
     2665.pk-tubes-calendar ul.days li a.selected:hover 
     2666{ 
     2667  background-color: #15A1BD; 
     2668  color: #fff; 
     2669  border: 1px solid #15A1BD; 
     2670} 
     2671 
     2672.pk-tubes-calendar .not-current-month, 
     2673.pk-tubes-calendar .not-current-month a 
     2674{ 
     2675  color: #ccc; 
     2676} 
     2677 
     2678.pk-tubes-calendar .pk-tubes-calendar-day-container 
     2679{ 
     2680  float: left; 
     2681  width: 100%; 
     2682  position: relative; 
     2683} 
     2684 
     2685.pk-tubes-calendar .pk-tubes-calendar-day-events 
     2686{ 
     2687/*  position: absolute;*/ 
     2688/*  top: 0;*/ 
     2689/*  left: 0;*/ 
     2690  display: none; 
     2691} 
     2692 
     2693 
     2694.pk-tubes-calendar ul li.day-event-details 
     2695{ 
     2696  float: left; 
     2697  width: 100%; 
     2698  font-size: 11px; 
     2699  margin-bottom: 10px; 
     2700} 
     2701 
     2702.pk-tubes-calendar ul li.day-event-details-date 
     2703{ 
     2704float:  left; 
     2705width: 20%; 
     2706margin-right: 8%; 
     2707/*text-align: right;*/ 
     2708color: #15A1BD; 
     2709} 
     2710 
     2711.pk-tubes-calendar ul li.day-event-details-title 
     2712{ 
     2713  float: right; 
     2714  width: 72%; 
     2715} 
     2716 
     2717/* ================================================================================================ 
     2718* PLUGIN: pkMedia 
     2719* Frontend Only   -- Admin Styles should come from pkContextCMS Admin 
     2720* ================================================================================================ 
     2721*/ 
     2722 
     2723.pk-media .main { 
     2724width: 720px; 
     2725position: relative; 
     2726top: 0; 
     2727left: 0; 
     2728float: left; 
     2729display: inline; 
     2730} 
     2731 
     2732.pk-media .main .content-container { 
     2733position: relative; 
     2734z-index: 2; 
     2735width: 718px; 
     2736} 
     2737 
     2738.pk-media .sidebar { 
     2739width: 240px; 
     2740position: relative; 
     2741top: 0; 
     2742left: 0; 
     2743float: left; 
     2744display: inline; 
     2745} 
     2746 
     2747.pk-media .sidebar .content-container { 
     2748position: relative; 
     2749z-index: 2; 
     2750width: 238px; 
     2751} 
     2752 
     2753.pk-media-filters{ 
     2754/*  margin-top:40px;*/ 
     2755 
     2756/*  position:relative;*/ 
     2757} 
     2758 
     2759.pk-media .pk-media-select { 
     2760float:left; 
     2761padding-bottom: 10px; 
     2762margin-bottom: 10px; 
     2763border-bottom: 1px solid #ccc; 
     2764} 
     2765 
     2766.pk-media .main h3, 
     2767.pk-media .main h3 a { 
     2768color: #15A1BD; 
     2769} 
     2770 
     2771.pk-media-container{ 
     2772  float:left; 
     2773} 
     2774 
     2775.pk-media-row{ 
     2776float:left; 
     2777display:inline; 
     2778margin-bottom: 80px; 
     2779} 
     2780 
     2781.pk-media-item { 
     2782width: 340px; 
     2783float: left; 
     2784display:inline; 
     2785} 
     2786 
     2787.pk-media-item.even { 
     2788margin-right:38px; 
     2789} 
     2790 
     2791.pk-media-item.odd { 
     2792} 
     2793 
     2794/*.pk-media-item-content{ 
     2795float:left;  
     2796}*/ 
     2797 
     2798.pk-media-title { 
     2799clear: both; 
     2800width: 100%; 
     2801float: left; 
     2802position: relative; 
     2803} 
     2804 
     2805.pk-media-title h3 { 
     2806float: left; 
     2807} 
     2808 
     2809.pk-media-title.editing h3 { 
     2810width: 260px; 
     2811} 
     2812 
     2813.pk-media-edit-links { 
     2814float: right; 
     2815} 
     2816 
     2817.pk-media-thumb-link{ 
     2818  position:relative; 
     2819  float:left; 
     2820} 
     2821 
     2822.pk-media-thumb-link .pk-media-play-btn{ 
     2823  position:absolute; 
     2824  z-index:10; 
     2825  width:100%; 
     2826  height:100%; 
     2827  background:url(/pkContextCMSPlugin/images/pk-media-play-btn.png) no-repeat 50% 50%; 
     2828} 
     2829 
     2830.pk-media-thumb-link img{ 
     2831  position:relative; 
     2832  z-index:0; 
     2833} 
     2834 
     2835.pk-media-description { 
     2836border-bottom: 1px solid #ccc; 
     2837margin: 5px 0; 
     2838width:100%; 
     2839float:left; 
     2840display:inline; 
     2841} 
     2842 
     2843.pk-media-meta { 
     2844font-size: 11px; 
     2845width:100%; 
     2846float:left; 
     2847display:inline; 
     2848} 
     2849 
     2850.pk-media-meta span{ 
     2851  color:#15A1BD; 
     2852} 
     2853 
     2854.pk-media-footer { 
     2855width: 100%; 
     2856clear: both; 
     2857float: left; 
     2858display: inline; 
     2859} 
     2860 
     2861#pk-media-selection-list { 
     2862float: left; 
     2863width: 100%; 
     2864clear: both; 
     2865margin-bottom: 10px; 
     2866} 
     2867 
     2868.pk-media .pk-media-selection-list-item { 
     2869float: left; 
     2870cursor: move; 
     2871position: relative; 
     2872} 
     2873 
     2874.pk-media .pk-media-selection-list-item img { 
     2875float: left; 
     2876} 
     2877 
     2878.pk-media .pk-media-selection-list-item .delete { 
     2879float: right; 
     2880position: relative; 
     2881top: 0; 
     2882} 
     2883 
     2884.pk-media .pk-media-selected-overlay { 
     2885position: absolute; 
     2886z-index: 9999; 
     2887top: 0; 
     2888left: 0; 
     2889height: 100%; 
     2890width: 100%; 
     2891background-color: #fff; 
     2892cursor: default !important; 
     2893} 
     2894/* == [START] Media Edit Form ============================= */ 
     2895 
     2896.pk-media-item-edit-form iframe { 
     2897overflow: hidden; 
     2898} 
     2899 
     2900#pk-media-edit-form { 
     2901clear: both; 
     2902/*width: 340px; needs width on .pk-media-item*/  
     2903} 
     2904 
     2905#pk-media-edit-form .form-row { 
     2906clear: both; 
     2907padding: 10px 0; 
     2908float: left; 
     2909width: 340px; 
     2910overflow: hidden; 
     2911} 
     2912 
     2913#pk-media-edit-form .form-row label { 
     2914display: block; 
     2915float: left; 
     2916text-align: left; 
     2917width: 120px; 
     2918color: #666; 
     2919font-weight: normal !important; 
     2920text-transform: capitalize; 
     2921} 
     2922 
     2923#pk-media-edit-form .form-row.title input, 
     2924#pk-media-edit-form .form-row.service-url input, 
     2925#pk-media-edit-form .form-row.description textarea, 
     2926#pk-media-edit-form .form-row.newfile input, 
     2927#pk-media-edit-form .form-row.credit input, 
     2928#pk-media-edit-form .form-row.tags input { 
     2929border: 1px solid #ccc; 
     2930width: 218px; 
     2931float: left; 
     2932font: 12px/1 Arial, Sans-serif; 
     2933padding: 0; 
     2934} 
     2935 
     2936#pk-media-edit-form .form-row.newfile { 
     2937display: block; 
     2938} 
     2939 
     2940#pk-media-edit-form .form-row.title input:focus, 
     2941#pk-media-edit-form .form-row.service-url input:focus, 
     2942#pk-media-edit-form .form-row.description textarea:focus, 
     2943#pk-media-edit-form .form-row.credit input:focus, 
     2944#pk-media-edit-form .form-row.tags input:focus { 
     2945border-color: #999; 
     2946} 
     2947 
     2948#pk-media-edit-form label.required { 
     2949color: #333 !important; 
     2950font-weight: bold !important; 
     2951} 
     2952 
     2953#pk-media-edit-form .form-row.title input { 
     2954color: #333; 
     2955font: 18px/1 Arial, Sans-serif; 
     2956} 
     2957 
     2958#pk-media-edit-form .form-row.image { 
     2959position: relative; 
     2960} 
     2961 
     2962#pk-media-edit-form .form-row.image input { 
     2963position: absolute; 
     2964top: 20px; 
     2965left: 10px; 
     2966} 
     2967 
     2968#pk-media-edit-form .form-errors { 
     2969margin-bottom: 10px; 
     2970border: 1px solid #f33; 
     2971background-color: #ffc; 
     2972} 
     2973 
     2974#pk-media-edit-form .form-errors h2 { 
     2975padding: 5px 20px 5px 25px; 
     2976font-size: 11px; 
     2977color: #fff; 
     2978background: #f33 url(../images/error.png) no-repeat 5px 2px; 
     2979} 
     2980 
     2981#pk-media-edit-form .form-errors dl { 
     2982padding: 5px; 
     2983} 
     2984 
     2985#pk-media-edit-form .form-errors dt { 
     2986font-weight: bold; 
     2987float: left; 
     2988padding-right: 5px; 
     2989} 
     2990 
     2991#pk-media-edit-form .form-errors dd { 
     2992margin: 0; 
     2993} 
     2994 
     2995#pk-media-edit-form .form-error { 
     2996color: #f33; 
     2997} 
     2998 
     2999#pk-media-edit-form .form-error input,  
     3000#pk-media-edit-form .form-error select,  
     3001#pk-media-edit-form .form-error textarea { 
     3002/*  border: 1px solid #f33;*/ 
     3003} 
     3004 
     3005#pk-media-edit-form .pk-media-edit-footer *{ 
     3006float:left; 
     3007} 
     3008 
     3009#pk-media-edit-form .pk-media-edit-footer span{ 
     3010  margin:0 4px; 
     3011} 
     3012 
     3013#pk-media-edit-form .pk-media-edit-footer .pk-btn.delete { 
     3014float: right; 
     3015} 
     3016 
     3017#pk-media-edit-form td { 
     3018padding-top: 10px; 
     3019padding-bottom: 10px; 
     3020} 
     3021 
     3022#pk-media-edit-form p { 
     3023width: 400px; 
     3024padding-bottom: 10px; 
     3025} 
     3026 
     3027/* == [END] Media Edit Form ============================= */ 
     3028 
     3029/* == [START] Media Upload Form ========================== */ 
     3030 
     3031#pk-media-upload-iframe-container{ 
     3032  margin:0 9px 0; 
     3033} 
     3034 
     3035#pk-media-upload-iframe{ 
     3036  overflow:hidden; 
     3037} 
     3038 
     3039.pk-media-iframe h3{ 
     3040  margin-bottom:10px; 
     3041  float:left; 
     3042} 
     3043 
     3044.pk-media-iframe .error_list, 
     3045.pk-media-iframe .error_list li{ 
     3046  margin:0; 
     3047  padding:0; 
     3048} 
     3049 
     3050.pk-media-iframe .error_list li{ 
     3051  float:left; 
     3052  margin-left:20px; 
     3053  height:20px; 
     3054  line-height:24px; 
     3055  padding-left:20px; 
     3056  background:url(/pkContextCMSplugin/images/pk-icon-error.png) top left no-repeat; 
     3057} 
     3058 
     3059#pk-media-upload-form-subforms{ 
     3060  clear:both; 
     3061  float:left; 
     3062  display:inline; 
     3063  width:100%; 
     3064} 
     3065 
     3066#pk-media-upload-form .form-row { 
     3067  /* Enough for possible errors and helpful messages, as well as the 
     3068    browse button. Fixed height makes computing iframe height easy. */ 
     3069  height: 40px; 
     3070  float:left; 
     3071  display:inline; 
     3072  clear:both; 
     3073} 
     3074 
     3075#pk-media-upload-form .form-row input { 
     3076  border:1px solid #ccc; 
     3077  /* Explicit width messes up following remove link. */ 
     3078  /* Float not needed when just input elements, remove links and errors 
     3079    are potentially present. tom@punkave.com */ 
     3080  /* width:218px; */ 
     3081  font: 12px/1 Arial, Sans-serif; 
     3082  padding:0; 
     3083  float:left; 
     3084  display:inline; 
     3085} 
     3086 
     3087#pk-media-upload-form .form-row img { 
     3088  float: right; 
     3089} 
     3090 
     3091.pk-media-upload-form-footer, 
     3092.pk-media-edit-footer{ 
     3093  margin-top:10px; 
     3094  border-top:1px solid #ccc; 
     3095  padding-top:10px; 
     3096  width:100%; 
     3097  clear:both; 
     3098  float:left; 
     3099} 
     3100 
     3101/* == [END] Media Upload Form ========================== */ 
     3102 
     3103 
     3104/* == [START] Media Iframe Template Adjustments ======================== */ 
     3105 
     3106.pk-media-iframe { /* This is an additional body class used INSIDE iframes */ 
     3107  margin-bottom: 0px;   /* Kill the bottom margin which is making the iframe huge. tom@punkave.com */ 
     3108} 
     3109 
     3110/* == [END] Media Iframe Template Adjustments ======================== */ 
     3111 
     3112 
     3113 
     3114 
     3115/* ================================================================================================ 
     3116* Duke A+S TRINITY 
     3117* Site Specific Styles -- General -> Specific 
     3118* ================================================================================================ 
     3119*/ 
     3120 
     3121/* -- TRINITY COLORS --  
     3122ORANGE:       #EF9920 
     3123LIGHT BLUE:   #15A1BD 
     3124DARK BLUE:    #28305E 
     3125GREY:         #DDDDDD 
     3126*/ 
     3127 
     3128body { 
     3129margin-bottom: 100px; 
     3130} 
     3131 
     3132h1#head a { 
     3133display: block; 
     3134float: left; 
     3135width: 960px; 
     3136height: 66px; 
     3137margin: 30px 0; 
     3138text-indent: -9999px; 
     3139background: url(/images/head_duke_trinity.png) top left no-repeat; 
     3140} 
     3141 
     3142h1#head a:hover { 
     3143background-position: bottom left; 
     3144} 
     3145 
     3146.main .pk-context-cms-content ol{ 
     3147  list-style:decimal; 
     3148  list-style-position:inside; 
     3149} 
     3150 
     3151.main .pk-context-cms-content ul{ 
     3152  list-style:disc; 
     3153  list-style-position:inside; 
     3154} 
     3155 
     3156/* == [START] Shadows ================= */ 
     3157 
     3158.shadow { 
     3159/*height: auto; 
     3160float: left; 
     3161display: inline;*/ 
     3162} 
     3163.shadow-img { 
     3164position: absolute; 
     3165top: 0; 
     3166left: -10px; 
     3167height: 100%; 
     3168z-index: -1; 
     3169} 
     3170 
     3171.shadow .content-container { 
     3172border: 1px solid #e9e9e9; 
     3173border-bottom: none; 
     3174} 
     3175 
     3176.shadow .content-container .content { 
     3177margin: 10px; 
     3178} 
     3179 
     3180.subnav.shadow, 
     3181.feature.shadow { 
     3182width: 200px; 
     3183} 
     3184 
     3185.subnav.shadow .shadow-img, 
     3186.feature.shadow .shadow-img { 
     3187width: 220px; 
     3188} 
     3189 
     3190.pk-default .main.shadow { 
     3191width: 440px; 
     3192} 
     3193 
     3194.pk-default .main.shadow .shadow-img { 
     3195width: 460px; 
     3196} 
     3197 
     3198.pk-default .sidebar.shadow { 
     3199width: 240px; 
     3200} 
     3201 
     3202.pk-default .sidebar.shadow .shadow-img { 
     3203width: 260px; 
     3204} 
     3205 
     3206.pk-home .banner-container.shadow .shadow-img { 
     3207width: 980px; 
     3208z-index: 0; 
     3209} 
     3210 
     3211.pk-hub .main.shadow { 
     3212width: 720px; 
     3213} 
     3214 
     3215.pk-hub .main.shadow .shadow-img { 
     3216width: 740px; 
     3217} 
     3218 
     3219.pk-admin-controls .shadow-img { 
     3220width: 740px; 
     3221} 
     3222 
     3223/* == [END] Shadows ================== */ 
     3224 
     3225.example { 
     3226display: block; 
     3227float: left; 
     3228margin: 20px 0; 
     3229width: 100%; 
     3230} 
     3231 
     3232/* to-do move home banner styles into the trinity style section and integrate with these two stragglers */ 
     3233 
     3234.banner-item { 
     3235z-index: 2; 
     3236} 
     3237 
     3238#banner-home { 
     3239z-index: 1; 
     3240} 
     3241 
     3242/* == [START] A+S Handbook Styles == */ 
     3243 
     3244.handbook .sidebar h4 { 
     3245background-color: #ccc; 
     3246line-height: 20px; 
     3247color: #fff; 
     3248text-indent: 8px; 
     3249width: 100%; 
     3250position: relative; 
     3251} 
     3252 
     3253.handbook .sidebar h4 span { 
     3254position: absolute; 
     3255right: 0; 
     3256font-size: 12px; 
     3257color: #999; 
     3258} 
     3259.handbook .sidebar h4.handbook-all-tags-title { 
     3260color: #00afc8; 
     3261background: #fff url(/pkContextCMSPlugin/images/pk-icon-arrow-toggle.png) 0 0 no-repeat; 
     3262cursor: pointer; 
     3263text-indent: 20px; 
     3264} 
     3265 
     3266.handbook .sidebar h4.handbook-all-tags-title.open { 
     3267background-position: 0 -20px; 
     3268} 
     3269 
     3270.handbook .sidebar h4.handbook-all-tags-title.over { 
     3271color: #666; 
     3272background-position: 0 -40px; 
     3273} 
     3274 
     3275.handbook .sidebar h4.handbook-all-tags-title.over.open { 
     3276background-position: 0 -60px; 
     3277} 
     3278.handbook-all-tags-list { 
     3279display: none; 
     3280} 
     3281 
     3282.handbook .sidebar li { 
     3283font-size: 11px; 
     3284display: block; 
     3285margin: 0 0 0 20px; 
     3286border-bottom: 1px solid #ccc; 
     3287height: 20px; 
     3288line-height: 20px; 
     3289padding: 0; 
     3290} 
     3291 
     3292.handbook .sidebar li.last { 
     3293border: none; 
     3294margin-bottom: 20px; 
     3295} 
     3296 
     3297.handbook .sidebar li .tag { 
     3298display: block; 
     3299float: left; 
     3300} 
     3301 
     3302.handbook .sidebar li .tag-count { 
     3303display: block; 
     3304float: right; 
     3305} 
     3306 
     3307li.handbook-tag { 
     3308padding: 10px 0; 
     3309border-bottom: 1px solid #e2e2e2; 
     3310} 
     3311 
     3312li.handbook-tag h4 { 
     3313margin: 0; 
     3314} 
     3315 
     3316li.handbook-tag.last { 
     3317border: none; 
     3318} 
     3319 
     3320.subnav .handbook-related-articles { 
     3321margin-top: 20px; 
     3322width: 100%; 
     3323float: left; 
     3324display: inline; 
     3325} 
     3326 
     3327.subnav .handbook-related-articles li { 
     3328line-height: 1.1; 
     3329margin: 10px 0; 
     3330font-size: 11px; 
     3331} 
     3332 
     3333.policy-related-articles, 
     3334.policy-article-tags { 
     3335border-top: 1px solid #ddd; 
     3336float: left; 
     3337width: 100%; 
     3338margin: 10px 0 0 0; 
     3339padding: 10px 0 0 0; 
     3340line-height: 1.6; 
     3341} 
     3342 
     3343.policy-related-articles span, 
     3344.policy-article-tags span { 
     3345float: left; 
     3346width: 120px; 
     3347color: #13A0BC; 
     3348} 
     3349 
     3350.policy-related-articles ul, 
     3351.policy-article-tags ul { 
     3352margin-left: 120px; 
     3353} 
     3354 
     3355.policy-related-articles ul li, 
     3356.policy-article-tags ul li { 
     3357display: inline; 
     3358} 
     3359 
     3360.policy-category-sidebar { 
     3361float: left; 
     3362width: 100%; 
     3363margin-top:40px; 
     3364} 
     3365 
     3366.policy-category-sidebar li.handbook-tag { 
     3367font-size: 11px; 
     3368border: none; 
     3369padding: 0; 
     3370margin: 5px 0; 
     3371} 
     3372 
     3373/* [START] A+S Footer Styles ==========================*/ 
     3374 
     3375#footer { 
     3376border-top: 1px solid #ccc; 
     3377margin: 80px 0 40px 0; 
     3378padding-top: 10px; 
     3379width: 100%; 
     3380clear: both; 
     3381float: left; 
     3382display: inline; 
     3383color: #888; 
     3384} 
     3385 
     3386#footer li { 
     3387display: inline; 
     3388margin-right: 20px; 
     3389}