Development

Changeset 16537 for plugins/pkContextCMSPlugin

You must first sign up to be able to contribute.

Show
Ignore:
Timestamp:
03/23/09 22:35:07 (4 years ago)
Author:
johnnyoffline
Message:

CMSTest Prettyify

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • plugins/pkContextCMSPlugin/cmstest/web/css/main.css

    r16203 r16537  
    155155 
    156156input, 
    157 textarea 
    158 { 
    159   width: 238px; 
    160 } 
    161  
    162 input.submit 
    163 { 
    164   width: auto; 
    165 } 
    166  
    167 input[type="hidden"] 
    168 { 
    169   display: none !important; 
    170 } 
    171  
    172 form .form-row 
    173 { 
    174   clear: both; 
    175   padding: 10px; 
    176   float: left; 
    177 } 
    178  
    179 form .form-row .error_list 
    180 { 
    181   display:  block; 
    182   margin-left: 120px; 
    183   font-size: 11px; 
    184 } 
    185  
    186 form .form-row .error_list li 
    187 { 
    188   float:left; 
    189   margin-left:0px; 
    190   height:20px; 
    191   line-height:24px; 
    192   padding-left:20px; 
    193   background:url(/pkContextCMSplugin/images/pk-icon-error.png) top left no-repeat; 
     157textarea { 
     158width: 238px; 
     159} 
     160 
     161input.submit { 
     162width: auto; 
     163} 
     164 
     165input[type="hidden"] { 
     166display: none !important; 
     167} 
     168 
     169form .form-row { 
     170clear: both; 
     171padding: 10px; 
     172float: left; 
     173} 
     174 
     175form .form-row .error_list { 
     176display: block; 
     177margin-left: 120px; 
     178font-size: 11px; 
     179} 
     180 
     181form .pk_admin_form_row .error_list li, 
     182form .form-row .error_list li { 
     183float: left; 
     184margin-left: 0px; 
     185height: 20px; 
     186line-height: 24px; 
     187padding-left: 20px; 
     188background: url(/pkContextCMSplugin/images/pk-icon-error.png) top left no-repeat; 
    194189} 
    195190/* ================================================================================================ 
    …… 
    216211} 
    217212 
    218 .container { /* Site Wrapper */ 
     213.container {/* Site Wrapper */ 
    219214width: 960px; 
    220215margin: 0 auto; 
    …… 
    222217} 
    223218 
    224 .container.outer { /* Site Wrapper to Crop Shadow */ 
     219.container.outer {/* Site Wrapper to Crop Shadow */ 
    225220width: auto; 
    226221min-width: 960px;         /* If this hack doesn't work, jQuery can correct for IE6*/ 
    …… 
    256251/* [START] pkContextCMS BREADCRUMB =========================== */ 
    257252 
    258 #pk-context-cms-breadcrumb, 
    259 #pk-media-breadcrumb { 
     253#pk-context-cms-breadcrumb, /* CMS and Non-CMS Breadcrumb styles - Non-CMS could be broken out and dupilicated across plugin css that uses breadcrumb for release*/ 
     254#pk-breadcrumb { 
    260255position: relative; 
    261256top: 4px; 
    …… 
    269264 
    270265#pk-context-cms-breadcrumb a, 
    271 #pk-media-breadcrumb a { 
     266#pk-breadcrumb a { 
    272267color: #13A0BC; 
    273268text-decoration: none; 
    …… 
    276271 
    277272#pk-context-cms-breadcrumb a:hover, 
    278 #pk-media-breadcrumb a:hover { 
     273#pk-breadcrumb a:hover { 
    279274text-decoration: underline; 
    280275} 
    281276 
    282277#pk-context-cms-breadcrumb h2, 
    283 #pk-media-breadcrumb h2 { 
     278#pk-breadcrumb h2 { 
    284279display: inline; 
    285280font-size: 24px; 
    …… 
    307302} 
    308303#pk-context-cms-breadcrumb .pk-context-cms-breadcrumb-slash, 
    309 #pk-media-breadcrumb .pk-media-breadcrumb-slash { 
     304#pk-breadcrumb .pk-breadcrumb-slash { 
    310305float: left; 
    311306display: inline; 
    …… 
    343338#pk-context-cms-breadcrumb .pk-context-cms-rename.editing { 
    344339width: 240px; 
    345  
    346340} 
    347341 
    …… 
    354348#pk-context-cms-breadcrumb a.epc-rename-button:hover { 
    355349background-color: #eee; 
    356 text-decoration:none; 
     350text-decoration: none; 
    357351} 
    358352 
    …… 
    370364} 
    371365 
    372 #pk-context-cms-breadcrumb .epc-form #id{ 
    373  display:none; 
     366#pk-context-cms-breadcrumb .epc-form #id { 
     367display: none; 
    374368} 
    375369 
    …… 
    427421} 
    428422 
    429 #pk-context-cms-breadcrumb a.pk-context-cms-settings-button.close 
    430 { 
    431   display: none; 
     423#pk-context-cms-breadcrumb a.pk-context-cms-settings-button.close { 
     424display: none; 
    432425} 
    433426 
    …… 
    464457padding: 0 0 10px; 
    465458border: 1px solid #e2e2e2; 
    466 background: url(/pkContextCMSPlugin/images/pk-bg_caution.png) top left repeat-x; 
     459background: url(/pkContextCMSPlugin/images/pk-special-caution.png) top left repeat-x; 
    467460} 
    468461 
    …… 
    556549.pk-multiple-select-list { 
    557550margin-top: 10px; 
     551list-style: none !important; 
     552list-style-position: outside !important; 
    558553} 
    559554 
    …… 
    606601 
    607602#pk-context-cms-navcolumn { 
     603  list-style: none; 
     604list-style-position: outside !important;   
    608605} 
    609606 
    610607#pk-context-cms-navcolumn li { 
    611608line-height: 14px; 
    612 margin:6px 0; 
     609margin: 6px 0; 
    613610} 
    614611 
    …… 
    622619} 
    623620 
    624 /*#pk-context-cms-navcolumn li.self_item{ 
    625 list-style-image:url(/pkContextCMSPlugin/images/pk-icon-list-arrow-small.png); 
    626 list-style-position:inside; 
    627 }*/ 
     621/*#pk-context-cms-navcolumn li.self_item { 
     622list-style-image: url(/pkContextCMSPlugin/images/pk-icon-list-arrow-small.png); 
     623list-style-position: inside; 
     624} 
     625*/ 
    628626 
    629627#pk-context-cms-navcolumn li.self_item a { 
    630 line-height:20px; 
     628line-height: 20px; 
    631629font-size: 18px; 
    632630padding-left: 12px; 
    …… 
    656654/* [END] pkContextCMS LEFT NAVIGATION ====================== */ 
    657655 
    658 /* [START] pkContextCMS TOP NAVIGATION (Using Tables) ========================= */ 
     656 
     657/* [START] pkContextCMS TOP NAVIGATION (Using Lists) ========================= */ 
    659658 
    660659#pk-context-cms-site-navigation { 
    …… 
    666665} 
    667666 
    668 #pk-context-cms-site-navigation th { 
     667#pk-context-cms-site-navigation li { 
    669668position: relative; 
    670669margin: 0; 
    671670height: 25px; 
    672 } 
    673  
    674 #pk-context-cms-site-navigation th.first { 
     671float: left; 
     672width: 120px; 
     673} 
     674 
     675#pk-context-cms-site-navigation li.first { 
    675676padding-left: 0; 
    676677} 
    677678 
    678 #pk-context-cms-site-navigation th.last { 
     679#pk-context-cms-site-navigation li.last { 
    679680border-right: none; 
    680681padding-right: 0; 
    681682} 
    682683 
    683 #pk-context-cms-site-navigation th a { 
     684#pk-context-cms-site-navigation li a { 
    684685position: relative; 
    685686top: 1px; 
    …… 
    701702} 
    702703 
    703 #pk-context-cms-site-navigation th a:hover { 
     704#pk-context-cms-site-navigation li a:hover { 
    704705color: #000; 
    705706} 
    706707 
    707 #pk-context-cms-site-navigation th.open a, 
    708 #pk-context-cms-site-navigation th.pk-context-cms-current-page a, 
    709 .pk-home #pk-context-cms-site-navigation th a:hover { 
     708#pk-context-cms-site-navigation li.open a, 
     709#pk-context-cms-site-navigation li.pk-context-cms-current-page a, 
     710.pk-home #pk-context-cms-site-navigation li a:hover { 
    710711color: #000; 
    711712border: 1px solid #e6e6e6; 
    …… 
    713714background-color: #fff; 
    714715} 
    715 #pk-context-cms-site-navigation th.open a b, 
    716 #pk-context-cms-site-navigation th.open a i, 
    717 #pk-context-cms-site-navigation th a b, 
    718 #pk-context-cms-site-navigation th a i { 
     716#pk-context-cms-site-navigation li.open a b, 
     717#pk-context-cms-site-navigation li.open a i, 
     718#pk-context-cms-site-navigation li a b, 
     719#pk-context-cms-site-navigation li a i { 
    719720position: absolute; 
    720721float: left; 
    …… 
    726727} 
    727728 
    728 #pk-context-cms-site-navigation th.open a b, 
    729 #pk-context-cms-site-navigation th.pk-context-cms-current-page a b, 
    730 .pk-home #pk-context-cms-site-navigation th a b { 
     729#pk-context-cms-site-navigation li.open a b, 
     730#pk-context-cms-site-navigation li.pk-context-cms-current-page a b, 
     731.pk-home #pk-context-cms-site-navigation li a b { 
    731732top: 0; 
    732733left: -10px; 
    733734} 
    734735 
    735 #pk-context-cms-site-navigation th.open a i, 
    736 #pk-context-cms-site-navigation th.pk-context-cms-current-page a i, 
    737 .pk-home #pk-context-cms-site-navigation th a i { 
     736#pk-context-cms-site-navigation li.open a i, 
     737#pk-context-cms-site-navigation li.pk-context-cms-current-page a i, 
     738.pk-home #pk-context-cms-site-navigation li a i { 
    738739background-position: top right; 
    739740top: 0; 
    …… 
    741742} 
    742743 
    743 #pk-context-cms-site-navigation th.open a b, 
    744 #pk-context-cms-site-navigation th.open a i, 
    745 #pk-context-cms-site-navigation th.pk-context-cms-current-page a b, 
    746 #pk-context-cms-site-navigation th.pk-context-cms-current-page a i, 
    747 .pk-home #pk-context-cms-site-navigation th a:hover b, 
    748 .pk-home #pk-context-cms-site-navigation th a:hover i { 
     744#pk-context-cms-site-navigation li.open a b, 
     745#pk-context-cms-site-navigation li.open a i, 
     746#pk-context-cms-site-navigation li.pk-context-cms-current-page a b, 
     747#pk-context-cms-site-navigation li.pk-context-cms-current-page a i, 
     748.pk-home #pk-context-cms-site-navigation li a:hover b, 
     749.pk-home #pk-context-cms-site-navigation li a:hover i { 
    749750visibility: visible; 
    750751} 
    751752 
    752 #pk-context-cms-site-navigation th.first a b, 
    753 #pk-context-cms-site-navigation th.last a i { 
     753#pk-context-cms-site-navigation li.first a b, 
     754#pk-context-cms-site-navigation li.last a i { 
    754755background: none; 
    755756} 
    …… 
    760761 
    761762.subnav { 
    762 width: 200px; 
    763763position: relative; 
    764764top: 0; 
    …… 
    767767display: inline; 
    768768margin-right: 40px; 
     769width: 200px; 
    769770} 
    770771 
    …… 
    795796margin: 10px 0; 
    796797float: left; 
    797 width: 100%; 
     798width: 99%; 
    798799} 
    799800 
    …… 
    805806font-size: 11px; 
    806807margin-bottom: 10px; 
    807 color:#999; 
     808color: #999; 
    808809border: 1px dashed #ef9920; 
    809810padding: 5px; 
    …… 
    816817padding: 16px 0 10px; 
    817818border: 1px solid #e2e2e2; 
    818 background: url(/pkContextCMSPlugin/images/pk-bg_caution.png) top left repeat-x; 
     819background: url(/pkContextCMSPlugin/images/pk-special-caution.png) top left repeat-x; 
    819820} 
    820821 
    …… 
    861862} 
    862863 
     864.banner-container .banner-item { 
     865z-index: 2; 
     866} 
     867 
     868.banner-container #banner-home { 
     869z-index: 1; 
     870} 
     871 
    863872.banner-container #banner-home, 
    864873.banner-container .banner-item { 
    …… 
    876885.banner-container #banner-home, 
    877886.banner-container .banner-item.show { 
    878 display: block !important; 
     887display: block; 
    879888} 
    880889 
    …… 
    902911} 
    903912 
     913.banner-container .banner-item .title.collapsed { 
     914color: #ccc; 
     915} 
     916 
    904917.banner-container .banner-story-top { 
    905918width: 491px; 
    …… 
    950963float: left; 
    951964} 
     965 
     966.banner-container .banner-caption { 
     967position: absolute; 
     968bottom: 10px; 
     969left: 20px; 
     970font-style: italic; 
     971color: #999; 
     972float: left; 
     973display: inline; 
     974height: 20px; 
     975} 
     976 
     977.banner-container .banner-toggle-btn { 
     978position: absolute; 
     979bottom: 10px; 
     980right: 18px; 
     981} 
     982 
     983.banner-container .banner-toggle-btn.show { 
     984display: none; 
     985} 
     986 
     987.banner-container .banner-toggle-btn a { 
     988color: #999; 
     989padding-right: 20px; 
     990height: 20px; 
     991line-height: 20px; 
     992float: left; 
     993display: inline; 
     994background: url(/pkContextCMSPlugin/images/pk-icon-arrow-toggle.png) no-repeat right -80px; 
     995} 
     996 
     997.banner-container .banner-toggle-btn.show a { 
     998background-position: right -20px; 
     999} 
     1000 
     1001.banner-container .banner-toggle-btn.show a:hover { 
     1002background-position: right -60px; 
     1003} 
     1004 
     1005.banner-container .banner-toggle-btn.hide a:hover { 
     1006color: #666; 
     1007text-decoration: none; 
     1008background-position: right -100px; 
     1009} 
     1010 
    9521011 
    9531012/* == Home Banner Video == */ 
    …… 
    10581117.pk-context-cms-feature-copy { 
    10591118width: 440px; 
    1060 float: right; 
     1119float: left; 
     1120} 
     1121 
     1122.pk-context-cms-feature-copy.no-img { 
     1123width: 100%; 
    10611124} 
    10621125 
    …… 
    10681131width: 200px; 
    10691132float: left; 
     1133margin-right: 40px; 
    10701134/*margin-top:5px; this makes the shadow extend above the picture, which cannot be*/ 
     1135} 
     1136 
     1137.pk-context-cms-feature-img-container img { 
     1138width: 200px; /* May or may not need this explicity if we are using Tom's image tools */ 
    10711139} 
    10721140 
    …… 
    10921160margin: 0; 
    10931161position: relative; 
    1094 width: 620px; 
    1095 } 
     1162width: 600px; 
     1163color: #28305E; 
     1164cursor: pointer; 
     1165} 
     1166 
     1167.pk-context-cms-news-item .pk-context-cms-news-item-title:hover, 
     1168.pk-context-cms-news-item .pk-context-cms-news-item-title.hover 
     1169{ 
     1170  color: #333; 
     1171  text-decoration: underline; 
     1172} 
     1173 
     1174 
    10961175 
    10971176.pk-context-cms-news-item .pk-context-cms-news-item-link { 
    …… 
    11091188} 
    11101189 
     1190.pk-context-cms-news-item .pk-context-cms-news-item-article, 
    11111191.pk-context-cms-news-item .pk-context-cms-news-item-preview { 
    11121192font-size: 11px; 
    …… 
    11171197overflow: hidden; 
    11181198position: relative; 
    1119 width: 4000px; 
     1199width: 8000px; 
    11201200color: #666; 
    11211201} 
     1202 
     1203.pk-context-cms-news-item .pk-context-cms-news-item-article { 
     1204display: none; 
     1205width:600px; 
     1206overflow: visible; 
     1207float: left; 
     1208position: relative; 
     1209height: auto; 
     1210line-height: 1.5; 
     1211margin: 2px 0; 
     1212} 
     1213 
     1214.pk-context-cms-news-sidebar li { 
     1215list-style: none; 
     1216list-style-position: outside !important; 
     1217} 
     1218 
    11221219.pk-context-cms-news-sidebar .pk-context-cms-news-item { 
    11231220/*  width: 240px; /* (See Above) Making the width 100% lets it fit snug inside the editable slot */  
    …… 
    12351332/* [END]  Landing Template ======================== */ 
    12361333 
     1334/* [START] Archive Template ======================== */ 
     1335 
     1336.pk-archive .main { 
     1337width: 720px; 
     1338position: relative; 
     1339top: 0; 
     1340left: 0; 
     1341float: left; 
     1342display: inline; 
     1343} 
     1344 
     1345.pk-archive .main .content-container { 
     1346position: relative; 
     1347z-index: 2; 
     1348width: 718px; 
     1349} 
     1350 
     1351.pk-archive .sidebar { 
     1352width: 240px; 
     1353position: relative; 
     1354top: 0; 
     1355left: 0; 
     1356float: left; 
     1357display: inline; 
     1358} 
     1359 
     1360.pk-archive .sidebar .content-container { 
     1361position: relative; 
     1362z-index: 2; 
     1363width: 238px; 
     1364} 
     1365 
     1366.pk-archive .pk-context-archive-title { 
     1367position: relative; 
     1368float: left; 
     1369width: 100%; 
     1370} 
     1371 
     1372.pk-archive .pk-context-archive-title span { 
     1373display: block; 
     1374float: left; 
     1375line-height: 30px; 
     1376} 
     1377 
     1378.pk-archive .pk-context-archive-filter { 
     1379float: left; 
     1380width: 100%; 
     1381} 
     1382 
     1383.pk-archive .pk-context-archive-filter h4, 
     1384.pk-archive .pk-context-archive-filter .pk-multi-button li { 
     1385margin: 10px 0; 
     1386} 
     1387 
     1388.pk-archive .pk-context-archive-filter h4, 
     1389.pk-archive .pk-context-archive-filter .pk-multi-button { 
     1390float: left; 
     1391width: auto; 
     1392margin-right: 10px; 
     1393} 
     1394 
     1395 
     1396.pk-archive .pk-context-archive-controls { 
     1397float: left; 
     1398display: inline; 
     1399margin: 5px; 
     1400} 
     1401 
     1402/* [END] Archive Template ======================== */ 
     1403 
    12371404 
    12381405/* [START] CMS Elements and Widgets ============================= */ 
     1406 
     1407.pk-context-cms-loading-ani { 
     1408display: none; 
     1409} 
    12391410 
    12401411/* == SEARCH BOX == */ 
    …… 
    12791450.pk-search-form input.pk-search-submit { 
    12801451padding: 0; 
    1281 width:29px; 
    1282 height:20px; 
    1283 border:none; 
     1452width: 29px; 
     1453height: 20px; 
     1454border: none !important; 
     1455position: absolute; 
     1456top: 0; 
     1457right: 0; 
    12841458background: url(/pkContextCMSPlugin/images/pk-search-submit.png) no-repeat 0 0; 
    12851459} 
    …… 
    14121586 
    14131587.pk-context-media-show, 
    1414 .pk-context-media-video{ 
    1415   list-style:none !important; 
    1416   position: relative; 
     1588.pk-context-media-video { 
     1589list-style: none !important; 
     1590list-style-position: outside !important; 
     1591position: relative; 
    14171592} 
    14181593 
    14191594.pk-context-media-show li, 
    1420 .pk-context-media-video li{ 
    1421   margin:0; 
    1422 } 
    1423  
    1424 .pk-context-media-choose{ 
    1425   margin:5px 0; 
    1426 } 
    1427  
    1428 .pk-context-media-show-item 
    1429 { 
    1430 display:none; 
    1431 } 
    1432  
    1433 #pk-context-media-show-item-0 
    1434 { 
    1435   display: block; 
     1595.pk-context-media-video li { 
     1596margin: 0; 
     1597} 
     1598 
     1599.pk-context-media-choose { 
     1600margin: 5px 0; 
     1601} 
     1602 
     1603.pk-context-media-show-item { 
     1604display: none; 
     1605} 
     1606 
     1607#pk-context-media-show-item-0 { 
     1608display: block; 
    14361609} 
    14371610/* [END] CMS Elements and Widgets ============================= */ 
    …… 
    14391612/* [START] pkContextCMSPlugin Slot Specific ============================= */ 
    14401613 
     1614.pk-context-cms-contents-body { 
     1615float: left; 
     1616width: 99%; 
     1617} 
     1618 
    14411619.pk-context-cms-slot { 
    14421620position: relative; 
    14431621/*3.11.09 Added float property to cms slot to fix a position problem with the cms controls*/ 
    1444 float:left; 
    1445 display:inline; 
    1446 width: 100%; 
     1622/*float:left;*/ 
     1623width: 100%; 
     1624clear: both; 
    14471625} 
    14481626 
    …… 
    14511629top: 6px; 
    14521630left: -20px; 
    1453 float: left; 
    14541631} 
    14551632 
    …… 
    15061683 
    15071684/* [START] pk-feedback-form */ 
    1508 #pk-feedback-form 
     1685#pk-feedback-form { 
     1686margin: 10px 0; 
     1687} 
     1688 
     1689#pk-feedback-form .form-row label { 
     1690display: block; 
     1691float: left; 
     1692text-align: left; 
     1693width: 120px; 
     1694color: #666; 
     1695font-weight: normal !important; 
     1696text-transform: capitalize; 
     1697} 
     1698 
     1699#pk-feedback-form .form-row.submit { 
     1700margin-left: 120px; 
     1701} 
     1702/* [END] pk-feedback-form */ 
     1703 
     1704/* [START] pk-special-fade ====== | Fade out right side of overflowing content | =======*/ 
     1705 
     1706.pk-special-fade-right 
    15091707{ 
    1510 margin: 10px 0; 
    1511 } 
    1512  
    1513 #pk-feedback-form .form-row label 
    1514 { 
    1515   display: block; 
    1516   float: left; 
    1517   text-align: left; 
    1518   width: 120px; 
    1519   color: #666; 
    1520   font-weight: normal !important; 
    1521   text-transform: capitalize; 
    1522 } 
    1523  
    1524 #pk-feedback-form .form-row.submit 
    1525 { 
    1526   margin-left: 120px; 
    1527 } 
    1528 /* [END] pk-feedback-form */ 
     1708  position: absolute; 
     1709  top: 0; 
     1710  right: 0; 
     1711  width: 50px; 
     1712  height: 100%; 
     1713  background: url(/pkContextCMSPlugin/images/pk-special-fade-fff-r.png); 
     1714  z-index: 9999; 
     1715} 
     1716 
     1717 
    15291718 
    15301719/* ================================================================================================ 
    …… 
    15791768 
    15801769 
    1581 a.pk-btn:hover span 
    1582 { 
    1583   background-position: -951px -20px; 
    1584 } 
    1585  
    1586 span.pk-btn span 
    1587 { 
    1588   background-position: -951px -40px; 
     1770a.pk-btn:hover span { 
     1771background-position: -951px -20px; 
     1772} 
     1773 
     1774span.pk-btn span { 
     1775background-position: -951px -40px; 
    15891776} 
    15901777 
    …… 
    15981785color: #15A1BD !important; 
    15991786text-transform: lowercase; /* LOL @ Rick */ 
     1787line-height: 20px; 
     1788} 
     1789 
     1790span.or { 
     1791line-height: 20px; 
     1792margin: 0 5px; 
    16001793} 
    16011794 
    …… 
    16051798} 
    16061799 
    1607 a.pk-btn.icon { /* BUTTON WITH AN ICON */ 
     1800a.pk-btn.icon {/* BUTTON WITH AN ICON */ 
    16081801  text-indent:-9999px; 
    16091802} 
    16101803 
    16111804a.pk-btn.icon span, 
    1612 a.pk-btn.delete span { /* BUTTON WITH AN ICON HIDE SPAN (If There is One) */ 
     1805a.pk-btn.delete span {/* BUTTON WITH AN ICON HIDE SPAN (If There is One) */ 
    16131806display: none; 
    16141807} 
    …… 
    17011894} 
    17021895 
    1703 a.pk-btn.big:hover span 
    1704 { 
    1705   background-position: -946px -30px; 
    1706 } 
    1707  
    1708 span.pk-btn.big span 
    1709 { 
    1710   background-position: -946px -60px; 
     1896a.pk-btn.big:hover span { 
     1897background-position: -946px -30px; 
     1898} 
     1899 
     1900span.pk-btn.big span { 
     1901background-position: -946px -60px; 
    17111902} 
    17121903 
    …… 
    17261917.pk-radio-select-container a { 
    17271918color: #13A0BC !important; 
     1919margin: 0; 
    17281920margin-bottom: 5px; 
     1921background-position: top center; 
     1922border-left: 1px solid #e2e2e2; 
    17291923} 
    17301924 
    …… 
    17321926.pk-radio-select-container a:hover { 
    17331927color: #333 !important; 
     1928background-position: center -20px; 
    17341929} 
    17351930 
    17361931.pk-radio-select-container a.first { 
    17371932margin-right: 0; 
     1933border: none; 
     1934background-position: top left; 
    17381935} 
    17391936 
    17401937.pk-radio-select-container a.last { 
    1741 background-position: top right;   
     1938background-position: top right; 
    17421939border-left: 1px solid #e2e2e2; 
    17431940} 
    …… 
    17531950.pk-radio-select-container a.pk-radio-option-selected { 
    17541951color: #fff !important; 
    1755 } 
    1756  
    1757 .pk-radio-select-container a.pk-radio-option-selected:hover 
    1758 { 
    1759 color:#fff !important; 
     1952background-position: center -60px; 
     1953} 
     1954 
     1955.pk-radio-select-container a.pk-radio-option-selected:hover { 
     1956color: #fff !important; 
    17601957cursor: default; 
    17611958} 
    …… 
    17751972color: #999; 
    17761973} 
     1974 
     1975 
     1976/* CMS Pill Button */ 
     1977 
     1978 
     1979.pk-multi-button { 
     1980float: left; 
     1981width: 100%; 
     1982list-style: none !important; 
     1983list-style-position: outside !important; 
     1984} 
     1985 
     1986.pk-multi-button li { 
     1987float: left; 
     1988margin: 10px 0; 
     1989} 
     1990 
     1991.pk-multi-button li a { 
     1992color: #13A0BC; 
     1993position: relative; 
     1994height: 20px; 
     1995font-size: 12px; 
     1996line-height: 20px; 
     1997padding: 0 9px; 
     1998float: left; 
     1999display: inline; 
     2000white-space: nowrap; 
     2001background: url(/pkContextCMSPlugin/images/pk-btn.png) 0 0 no-repeat; 
     2002text-decoration: none; 
     2003margin: 10px 0; 
     2004} 
     2005 
     2006.pk-multi-button li a:hover { 
     2007color: #333; 
     2008} 
     2009 
     2010.pk-multi-button li.last a:hover { 
     2011background-position: right -20px; 
     2012} 
     2013 
     2014.pk-multi-button li.first a:hover { 
     2015background-position: 0 -20px; 
     2016} 
     2017 
     2018.pk-multi-button li.middle a:hover { 
     2019background-position: center -20px; 
     2020} 
     2021 
     2022.pk-multi-button li.first a:active, 
     2023.pk-multi-button li.middle a:active { 
     2024background-position: 0 -40px; 
     2025} 
     2026 
     2027.pk-multi-button li.middle a { 
     2028background-position: top center; 
     2029border-left: 1px solid #e2e2e2; 
     2030} 
     2031 
     2032.pk-multi-button li.last a { 
     2033background-position: top right; 
     2034border-left: 1px solid #e2e2e2; 
     2035} 
     2036 
     2037.pk-multi-button li a.selected:hover, 
     2038.pk-multi-button li a.selected { 
     2039color: #fff !important; 
     2040cursor: default; 
     2041background-position: bottom center; 
     2042} 
     2043 
     2044.pk-multi-button li.first a.selected:hover, 
     2045.pk-multi-button li.first a.selected { 
     2046background-position: bottom left; 
     2047} 
     2048 
     2049 
     2050.pk-multi-button li.last a.selected:hover, 
     2051.pk-multi-button li.last a.selected { 
     2052background-position: bottom right; 
     2053} 
     2054 
    17772055 
    17782056/* ================================================================================================ 
    …… 
    18652143color: #333; 
    18662144border: 1px solid #e2e2e2; 
    1867 background: url(/pkContextCMSPlugin/images/pk-bg_caution.png) top left repeat-x; 
     2145background: url(/pkContextCMSPlugin/images/pk-special-caution.png) top left repeat-x; 
    18682146} 
    18692147 
    …… 
    19472225} 
    19482226 
    1949 #pk-admin-container .pk_admin_filter input[type="checkbox"] + label { /* to-do can't use css3 stuff, convert to jquery */ 
     2227#pk-admin-container .pk_admin_filter input[type="checkbox"] + label {/* to-do can't use css3 stuff, convert to jquery */ 
    19502228display: inline; 
    19512229float: none; 
    …… 
    19752253#pk-admin-container .pk_admin_form_row, 
    19762254#pk-admin-container .pk_admin_form_row td { 
    1977 padding-bottom: 10px; 
     2255margin-bottom: 10px; 
     2256width: 100%; 
     2257float: left; 
    19782258} 
    19792259 
    …… 
    21402420a.pk-btn.delete, 
    21412421#pk-admin-container .pk_admin_action_delete .delete { 
    2142 background: url(/pkContextCMSPlugin/images/pk-icon-close.png) no-repeat 0 0; 
     2422background: url(/pkAdminPlugin/images/pk-icon-close.png) no-repeat 0 0; 
    21432423line-height: 20px; 
    21442424float: left; 
    …… 
    22372517#pk-admin-container ul.pk_admin_checklist li { 
    22382518list-style: none; 
     2519list-style-position: outside !important; 
    22392520line-height: 1.5em; 
    22402521} 
    …… 
    23072588display: inline; 
    23082589clear: both; 
    2309 height:41px; /* this _should_ fix a safari height bug */ 
     2590border-bottom: 1px solid #ddd; 
     2591min-height: 20px; 
    23102592} 
    23112593 
    …… 
    23342616.specialbox .content-container.editing { 
    23352617padding-top: 10px; 
    2336 background: url(/pkContextCMSPlugin/images/pk-bg_caution.png) top left repeat-x !important; 
     2618background: url(/pkContextCMSPlugin/images/pk-special-caution.png) top left repeat-x !important; 
    23372619} 
    23382620 
    …… 
    23432625padding: 16px 0 10px; 
    23442626border: 1px solid #e2e2e2; 
    2345 background: url(/pkContextCMSPlugin/images/pk-bg_caution.png) top left repeat-x; 
     2627background: url(/pkContextCMSPlugin/images/pk-special-caution.png) top left repeat-x; 
    23462628} 
    23472629.caution-padding { 
    …… 
    23742656} 
    23752657 
    2376 /* == admin-multi-button == */ 
    2377  
    2378 #pk-admin-container .pk-admin-multi-button { 
    2379 float: left; 
    2380 width: 100%; 
    2381 } 
    2382  
    2383 #pk-admin-container .pk-admin-multi-button li { 
    2384 float: left; 
    2385 margin: 10px 0; 
    2386 } 
    2387  
    2388 #pk-admin-container .pk-admin-multi-button li a { 
    2389 color: #13A0BC; 
    2390 position: relative; 
    2391 height: 20px; 
    2392 font-size: 12px; 
     2658 
     2659#pk-admin-container .pk-admin-flashes /* We should make two styles for .pk-admin-flashes.error and .pk-admin-flashes.notice */ { 
     2660color: #EF9920; 
     2661float: left; 
     2662width: 100%; 
     2663margin: 0 0 20px 0; 
     2664padding-bottom: 10px; 
     2665border-bottom: 1px solid #ddd; 
     2666font-size: 14px; 
    23932667line-height: 20px; 
    2394 padding: 0 9px; 
    2395 float: left; 
    2396 display: inline; 
    2397 white-space: nowrap; 
    2398 background: url(/pkContextCMSPlugin/images/pk-btn-left.png) 0 0 no-repeat; 
    2399 text-decoration: none; 
    2400 margin: 0; 
    2401 } 
    2402  
    2403 #pk-admin-container .pk-admin-multi-button li a:hover { 
    2404 color: #333; 
    2405 } 
    2406  
    2407 #pk-admin-container .pk-admin-multi-button li.last a:hover { 
    2408 background-position: right -20px; 
    2409 } 
    2410  
    2411 #pk-admin-container .pk-admin-multi-button li.first a:hover, 
    2412 #pk-admin-container .pk-admin-multi-button li.middle a:hover { 
    2413 background-position: 0 -20px; 
    2414 } 
    2415  
    2416 #pk-admin-container .pk-admin-multi-button li.first a:active, 
    2417 #pk-admin-container .pk-admin-multi-button li.middle a:active { 
    2418 background-position: 0 -40px; 
    2419 } 
    2420  
    2421 #pk-admin-container .pk-admin-multi-button li.middle a { 
    2422 background: url(/pkContextCMSPlugin/images/pk-btn-middle-toggle.png) top right no-repeat; 
    2423 border-left: 1px solid #e2e2e2; 
    2424 } 
    2425  
    2426 #pk-admin-container .pk-admin-multi-button li.last a { 
    2427 background: url(/pkContextCMSPlugin/images/pk-btn-right-toggle.png) top right no-repeat; 
    2428 border-left: 1px solid #e2e2e2; 
    2429 } 
    2430  
    2431 #pk-admin-container .pk-admin-multi-button li a.selected:hover, 
    2432 #pk-admin-container .pk-admin-multi-button li a.selected { 
    2433 color: #80C9D9; 
    2434 cursor: default; 
    2435 background-position: bottom left; 
    2436 } 
    2437  
    2438 #pk-admin-container .pk-admin-multi-button li.last a.selected:hover, 
    2439 #pk-admin-container .pk-admin-multi-button li.last a.selected { 
    2440 background-position: bottom right; 
    2441 } 
     2668text-indent: 24px; 
     2669background: url(/pkContextCMSplugin/images/pk-icon-error.png) top left no-repeat; 
     2670} 
     2671 
     2672 
     2673#pk-admin-container form .pk_admin_form_row .error_list { 
     2674width: 100%; 
     2675float: left; 
     2676margin-left: 120px; 
     2677font-size: 11px; 
     2678} 
     2679 
     2680#pk-admin-container form .pk_admin_form_row .error_list li { 
     2681padding-left: 24px; 
     2682line-height: 20px; 
     2683} 
     2684 
    24422685 
    24432686/* ================================================================================================ 
    …… 
    24692712width: 100%; 
    24702713margin-bottom: 5px; 
     2714list-style: none !important; 
     2715list-style-position: outside !important; 
     2716} 
     2717 
     2718#pk-admin-container .pk-tubes-plugin-feed-url 
     2719{ 
     2720  position: relative; 
     2721} 
     2722 
     2723#pk-admin-container .pk-tubes-plugin-feed-url input 
     2724{ 
     2725  position: absolute;  
     2726  top: 0;  
     2727  left: 120px;   
    24712728} 
    24722729 
    …… 
    24772734} 
    24782735 
    2479 .pk-tubes-plugin-feed-quickview { 
     2736#pk-admin-container .pk-tubes-plugin-date 
     2737{ 
     2738  list-style: none !important; 
     2739  list-style-position: none !important; 
     2740} 
     2741 
     2742#pk-admin-container .pk-tubes-plugin-feed-quickview { 
    24802743color: #333; 
     2744padding: 10px 0 0 0; 
    24812745} 
    24822746 
    …… 
    24992763top: 20px; 
    25002764right: 0; 
    2501 width: 130px; 
     2765width: 140px; 
     2766list-style: none !important; 
     2767list-style-position: outside !important; 
     2768} 
     2769 
     2770.pk-tubes-plugin-event-controls, 
     2771.pk-tubes-plugin-article-controls, 
     2772.pk-tubes-plugin-feed-controls { 
     2773  list-style: none !important; 
     2774  list-style-position: outside !important; 
    25022775} 
    25032776 
    …… 
    25412814} 
    25422815 
     2816 
     2817 
    25432818.pk-tubes-plugin-item-container.event, 
    25442819.pk-tubes-plugin-item-container.article { 
    …… 
    25502825} 
    25512826 
     2827.pk-tubes #pk-admin-container .pk-tubes-plugin-attached-media 
     2828{ 
     2829  list-style: none !important; 
     2830  list-style-position: outside !important; 
     2831} 
     2832 
     2833.pk-tubes #pk-admin-container .pk-tubes-plugin-attached-media li 
     2834{ 
     2835  float: left; 
     2836  margin: 10px 15px 10px 0; 
     2837} 
     2838 
    25522839.pk-tubes #pk-admin-container .form-row p { 
    25532840width: 360px; 
    …… 
    25572844/* == pk-tubes Calendar == */ 
    25582845 
    2559 .pk-tubes-calendar 
    2560 { 
    2561   float: left; 
    2562   width: 100%; 
    2563 } 
    2564  
    2565 .pk-tubes-calendar ul  
    2566 { 
    2567   padding: 0; 
    2568 } 
    2569  
    2570 .pk-tubes-calendar ul li  
    2571 { 
    2572   margin: 0; 
    2573   color: #28305E;  
    2574 } 
    2575  
    2576 .pk-tubes-calendar .title 
    2577 { 
    2578   position: relative; 
    2579 } 
    2580  
    2581 .pk-tubes-calendar .pk-tubes-calendar-controls 
    2582 { 
    2583   position: absolute; 
    2584   top: 0; 
    2585   right: 0; 
    2586 } 
    2587  
    2588 .pk-tubes-calendar .pk-tubes-calendar-controls .arrow-right 
    2589 { 
    2590   margin-right: 0; 
    2591   margin-left: 5px; 
    2592 } 
    2593  
    2594 .pk-tubes-calendar ul.month .grid 
    2595 { 
    2596   float: left; 
    2597   width: 100%; 
    2598   border: 1px solid #ddd; 
    2599 } 
    2600  
    2601 .pk-tubes-calendar ul.month 
    2602 { 
    2603   float: left; 
    2604   width: 100%; 
    2605   margin-bottom: 10px; 
    2606 } 
    2607  
    2608 .pk-tubes-calendar ul.weeks 
    2609 { 
    2610   float: left; 
    2611   width: 100%; 
    2612   padding-bottom: 4px; 
    2613 } 
    2614  
    2615 .pk-tubes-calendar ul.weeks li  
    2616 { 
    2617   float: left; 
    2618   width: 100%; 
    2619 margin: 2px 0;   
    2620 } 
    2621  
    2622 .pk-tubes-calendar ul.weeks li.week-0 
    2623 { 
    2624   border-top: 1px solid #ddd; 
    2625   padding-top: 4px; 
    2626   margin-top: 0; 
    2627 } 
    2628  
    2629  
    2630 .pk-tubes-calendar ul.weeks ul.days 
    2631 { 
    2632   margin: 4px 0; 
    2633 }  
     2846.pk-tubes-calendar { 
     2847float: left; 
     2848width: 100%; 
     2849} 
     2850 
     2851.pk-tubes-calendar ul { 
     2852padding: 0; 
     2853} 
     2854 
     2855.pk-tubes-calendar ul li { 
     2856margin: 0; 
     2857color: #28305E; 
     2858list-style: none; 
     2859list-style-position: outside !important; 
     2860} 
     2861 
     2862.pk-home .pk-tubes-calendar .title h3 { 
     2863font-size: 24px; 
     2864} 
     2865 
     2866.pk-tubes-calendar .title { 
     2867position: relative; 
     2868} 
     2869 
     2870.pk-tubes-calendar .pk-tubes-calendar-controls { 
     2871position: absolute; 
     2872top: 0; 
     2873right: 0; 
     2874} 
     2875 
     2876.pk-tubes-calendar .pk-tubes-calendar-controls .arrow-right { 
     2877margin-right: 0; 
     2878margin-left: 5px; 
     2879} 
     2880 
     2881.pk-tubes-calendar ul.month .grid { 
     2882float: left; 
     2883width: 100%; 
     2884border: 1px solid #ddd; 
     2885} 
     2886 
     2887.pk-tubes-calendar ul.month { 
     2888float: left; 
     2889width: 100%; 
     2890margin-bottom: 10px; 
     2891} 
     2892 
     2893.pk-tubes-calendar ul.weeks { 
     2894float: left; 
     2895width: 100%; 
     2896padding-bottom: 4px; 
     2897} 
     2898 
     2899.pk-tubes-calendar ul.weeks li { 
     2900float: left; 
     2901width: 100%; 
     2902margin: 2px 0; 
     2903} 
     2904 
     2905.pk-tubes-calendar ul.weeks li.week-0 { 
     2906border-top: 1px solid #ddd; 
     2907padding-top: 4px; 
     2908margin-top: 0; 
     2909} 
     2910 
     2911 
     2912.pk-tubes-calendar ul.weeks ul.days { 
     2913margin: 4px 0; 
     2914} 
    26342915 
    26352916.pk-tubes-calendar ul.weeks li.day, 
    2636 .pk-tubes-calendar ul.days li  
    2637 { 
    2638   margin: 1px 0; 
    2639   float: left; 
    2640   width: 14%; 
    2641   text-align: center; 
    2642 } 
    2643  
    2644 .pk-tubes-calendar ul.weeks li.day 
    2645 { 
    2646   padding: 4px 0; 
     2917.pk-tubes-calendar ul.days li { 
     2918margin: 1px 0; 
     2919float: left; 
     2920width: 14%; 
     2921text-align: center; 
     2922} 
     2923 
     2924.pk-tubes-calendar ul.weeks li.day { 
     2925padding: 4px 0; 
    26472926} 
    26482927 
    26492928 
    26502929.pk-tubes-calendar ul.days li a, 
    2651 .pk-tubes-calendar ul.days li span 
    2652 { 
    2653   display: block; 
    2654   height: 13px; 
     2930.pk-tubes-calendar ul.days li span { 
     2931display: block; 
     2932/*  height: 13px;*/ 
    26552933  width: 18px; 
    2656   text-align: center; 
    2657   margin: auto; 
    2658   border: 1px solid #fff; 
    2659 } 
    2660  
    2661 .pk-tubes-calendar ul.days li a:hover 
    2662 { 
    2663   text-decoration: none;   
     2934text-align: center; 
     2935margin: auto; 
     2936border: 1px solid #fff; 
     2937} 
     2938 
     2939.pk-tubes-calendar ul.days li a:hover { 
     2940text-decoration: none; 
    26642941} 
    26652942 
    …… 
    26672944.pk-tubes-calendar ul.days li.today a, 
    26682945.pk-tubes-calendar ul.days li.today a.has-events, 
    2669 .pk-tubes-calendar ul.days li.today span  
    2670 { 
     2946.pk-tubes-calendar ul.days li.today span { 
    26712947background-color: #EF9920; 
    26722948color: #fff; 
    …… 
    26752951} 
    26762952 
    2677 .pk-tubes-calendar li.today a:hover 
    2678 { 
    2679   background-color: #fff; 
    2680   color: #28305E; 
    2681 } 
    2682  
    2683 .pk-tubes-calendar ul.days li a.has-events 
    2684 { 
    2685   border: 1px solid #15A1BD; 
    2686 } 
    2687  
    2688 .pk-tubes-calendar ul.days li a.has-events:hover 
    2689 { 
    2690   border-color: #ccc; 
     2953.pk-tubes-calendar li.today a:hover { 
     2954background-color: #fff; 
     2955color: #28305E; 
     2956} 
     2957 
     2958.pk-tubes-calendar ul.days li a.has-events { 
     2959border: 1px solid #15A1BD; 
     2960} 
     2961 
     2962.pk-tubes-calendar ul.days li a.has-events:hover { 
     2963border-color: #ccc; 
    26912964/*  background-color: #e2e2e2;*/ 
    26922965  color: #000; 
    …… 
    26962969.pk-tubes-calendar ul.days li a.selected, 
    26972970.pk-tubes-calendar ul.days li.today a.selected, 
    2698 .pk-tubes-calendar ul.days li a.selected:hover 
    2699 { 
    2700   background-color: #15A1BD; 
    2701   color: #fff; 
    2702   border: 1px solid #15A1BD; 
     2971.pk-tubes-calendar ul.days li a.selected:hover { 
     2972background-color: #15A1BD; 
     2973color: #fff; 
     2974border: 1px solid #15A1BD; 
    27032975} 
    27042976 
    27052977.pk-tubes-calendar .not-current-month, 
    2706 .pk-tubes-calendar .not-current-month a 
    2707 { 
    2708   color: #ccc; 
    2709 } 
    2710  
    2711 .pk-tubes-calendar .pk-tubes-calendar-day-container 
    2712 { 
    2713   float: left; 
    2714   width: 100%; 
    2715   position: relative; 
    2716 } 
    2717  
    2718 .pk-tubes-calendar .pk-tubes-calendar-day-events 
    2719 { 
     2978.pk-tubes-calendar .not-current-month a { 
     2979color: #ccc; 
     2980} 
     2981 
     2982.pk-tubes-calendar .pk-tubes-calendar-day-container { 
     2983float: left; 
     2984width: 100%; 
     2985position: relative; 
     2986} 
     2987 
     2988.pk-tubes-calendar .pk-tubes-calendar-day-events { 
    27202989/*  position: absolute;*/ 
    27212990/*  top: 0;*/ 
    …… 
    27252994 
    27262995 
    2727 .pk-tubes-calendar ul li.day-event-details 
    2728 { 
    2729   float: left; 
    2730   width: 100%; 
    2731   font-size: 11px; 
    2732   margin-bottom: 10px; 
    2733 } 
    2734  
    2735 .pk-tubes-calendar ul li.day-event-details-date 
    2736 { 
    2737 float:  left; 
     2996.pk-tubes-calendar ul li.day-event-details { 
     2997float: left; 
     2998width: 100%; 
     2999font-size: 11px; 
     3000margin-bottom: 10px; 
     3001} 
     3002 
     3003.pk-tubes-calendar ul li.day-event-details-date { 
     3004float: left; 
    27383005width: 20%; 
    27393006margin-right: 8%; 
    …… 
    27423009} 
    27433010 
    2744 .pk-tubes-calendar ul li.day-event-details-title 
    2745 { 
    2746   float: right; 
    2747   width: 72%; 
     3011.pk-tubes-calendar ul li.day-event-details-title { 
     3012float: right; 
     3013width: 72%; 
    27483014} 
    27493015 
    …… 
    27843050} 
    27853051 
    2786 .pk-media-filters{ 
    2787 /*  margin-top:40px;*/ 
    2788  
    2789 /*  position:relative;*/ 
     3052.pk-media-filters { 
     3053float: left; 
     3054width: 100%; 
     3055margin: 20px 0; 
    27903056} 
    27913057 
    27923058.pk-media .pk-media-select { 
    2793 float:left; 
     3059float: left; 
    27943060padding-bottom: 10px; 
    27953061margin-bottom: 10px; 
    …… 
    28023068} 
    28033069 
    2804 .pk-media-container{ 
    2805  float:left; 
    2806 } 
    2807  
    2808 .pk-media-row{ 
    2809 float:left; 
    2810 display:inline; 
     3070.pk-media-container { 
     3071float: left; 
     3072} 
     3073 
     3074.pk-media-row { 
     3075float: left; 
     3076display: inline; 
    28113077margin-bottom: 80px; 
    28123078} 
    28133079 
     3080.pk-media-item-thumbnail, 
    28143081.pk-media-item { 
    28153082width: 340px; 
    28163083float: left; 
    2817 display:inline; 
     3084display: inline; 
    28183085position: relative; 
    28193086} 
    28203087 
    28213088.pk-media-item.even { 
    2822 margin-right:38px; 
     3089margin-right: 38px; 
    28233090} 
    28243091 
    …… 
    28263093} 
    28273094 
    2828 /*.pk-media-item-content{ 
    2829 float:left;  
    2830 }*/ 
     3095/*.pk-media-item-content { 
     3096float: left; 
     3097} 
     3098*/ 
    28313099 
    28323100.pk-media-title { 
    …… 
    28393107.pk-media-title h3 { 
    28403108float: left; 
     3109display: inline; 
    28413110} 
    28423111 
    …… 
    28453114} 
    28463115 
     3116.pk-media-title h3 a { 
     3117float: left; 
     3118display: inline; 
     3119} 
     3120 
     3121.pk-media-title h3 .pk-media-is-secure { 
     3122float: left; 
     3123display: inline-block; 
     3124height: 16px; 
     3125width: 16px; 
     3126margin: 4px 0 4px 10px; 
     3127background: url(/pkContextCMSPlugin/images/pk-breadcrumb-lock.png) no-repeat bottom left; 
     3128} 
     3129 
    28473130.pk-media-edit-links { 
    28483131float: right; 
    28493132} 
    28503133 
    2851 .pk-media-thumb-link{ 
    2852  position:relative; 
    2853  float:left; 
    2854 } 
    2855  
    2856 .pk-media-thumb-link .pk-media-play-btn{ 
    2857  position:absolute; 
    2858  z-index:10; 
    2859  width:100%; 
    2860  height:100%; 
    2861  background:url(/pkContextCMSPlugin/images/pk-media-play-btn.png) no-repeat 50% 50%; 
    2862 } 
    2863  
    2864 .pk-media-thumb-link img{ 
    2865  position:relative; 
    2866  z-index:0; 
     3134.pk-media-thumb-link { 
     3135position: relative; 
     3136float: left; 
     3137} 
     3138 
     3139.pk-media-thumb-link .pk-media-play-btn { 
     3140position: absolute; 
     3141z-index: 10; 
     3142width: 100%; 
     3143height: 100%; 
     3144background: url(/pkContextCMSPlugin/images/pk-media-play-btn.png) no-repeat 50% 50%; 
     3145} 
     3146 
     3147.pk-media-thumb-link img { 
     3148position: relative; 
     3149z-index: 0; 
    28673150} 
    28683151 
    …… 
    28703153border-bottom: 1px solid #ccc; 
    28713154margin: 5px 0; 
    2872 width:100%; 
    2873 float:left; 
    2874 display:inline; 
     3155width: 100%; 
     3156float: left; 
     3157display: inline; 
    28753158} 
    28763159 
    28773160.pk-media-meta { 
    28783161font-size: 11px; 
    2879 width:100%; 
    2880 float:left; 
    2881 display:inline; 
    2882 } 
    2883  
    2884 .pk-media-meta span{ 
    2885  color:#15A1BD; 
    2886 } 
    2887  
    2888 .pk-btn.download{ 
    2889  margin-top:10px; 
     3162width: 100%; 
     3163float: left; 
     3164display: inline; 
     3165} 
     3166 
     3167.pk-media-meta span { 
     3168color: #15A1BD; 
     3169} 
     3170 
     3171.pk-btn.download { 
     3172margin-top: 10px; 
    28903173} 
    28913174 
    …… 
    29023185clear: both; 
    29033186margin-bottom: 10px; 
     3187list-style: none; 
     3188list-style-position: outside !important; 
    29043189} 
    29053190 
    …… 
    29393224#pk-media-edit-form { 
    29403225clear: both; 
    2941 /*width: 340px; needs width on .pk-media-item*/  
     3226/*width: 340px; needs width on .pk-media-item*/ 
    29423227} 
    29433228 
    …… 
    30423327} 
    30433328 
    3044 #pk-media-edit-form .pk-media-edit-footer *{ 
    3045 float:left; 
    3046 } 
    3047  
    3048 #pk-media-edit-form .pk-media-edit-footer span{ 
    3049   margin:0 4px; 
     3329#pk-media-edit-form .pk-media-edit-footer * { 
     3330float: left; 
     3331} 
     3332 
     3333#pk-media-edit-form .pk-media-edit-footer span { 
     3334/*margin: 0 4px;*/ 
    30503335} 
    30513336 
    …… 
    30683353/* == [START] Media Upload Form ========================== */ 
    30693354 
    3070 #pk-media-upload-iframe-container{ 
    3071  margin:0 9px 0; 
    3072 } 
    3073  
    3074 #pk-media-upload-iframe{ 
    3075  overflow:hidden; 
    3076 } 
    3077  
    3078 .pk-media-iframe h3{ 
    3079  margin-bottom:10px; 
    3080  float:left; 
     3355#pk-media-upload-iframe-container { 
     3356margin: 0 9px 0; 
     3357} 
     3358 
     3359#pk-media-upload-iframe { 
     3360overflow: hidden; 
     3361} 
     3362 
     3363.pk-media-iframe h3 { 
     3364margin-bottom: 10px; 
     3365float: left; 
    30813366} 
    30823367 
    30833368.pk-media-iframe .error_list, 
    3084 .pk-media-iframe .error_list li{ 
    3085  margin:0; 
    3086  padding:0; 
    3087 } 
    3088  
    3089 .pk-media-iframe .error_list li{ 
    3090  float:left; 
    3091  margin-left:20px; 
    3092  height:20px; 
    3093  line-height:24px; 
    3094  padding-left:20px; 
    3095  background:url(/pkContextCMSplugin/images/pk-icon-error.png) top left no-repeat; 
    3096 } 
    3097  
    3098 #pk-media-upload-form-subforms{ 
    3099  clear:both; 
    3100  float:left; 
    3101  display:inline; 
    3102  width:100%; 
     3369.pk-media-iframe .error_list li { 
     3370margin: 0; 
     3371padding: 0; 
     3372} 
     3373 
     3374.pk-media-iframe .error_list li { 
     3375float: left; 
     3376margin-left: 20px; 
     3377height: 20px; 
     3378line-height: 24px; 
     3379padding-left: 20px; 
     3380background: url(/pkContextCMSplugin/images/pk-icon-error.png) top left no-repeat; 
     3381} 
     3382 
     3383#pk-media-upload-form-subforms { 
     3384clear: both; 
     3385float: left; 
     3386display: inline; 
     3387width: 100%; 
    31033388} 
    31043389 
    …… 
    31073392    browse button. Fixed height makes computing iframe height easy. */ 
    31083393  height: 40px; 
    3109   float:left; 
    3110   display:inline; 
    3111   clear:both; 
    3112   padding: 0; 
     3394float: left; 
     3395display: inline; 
     3396clear: both; 
     3397padding: 0; 
     3398} 
     3399 
     3400#pk-media-upload-form .form-row.newfile .pk-remove { 
     3401margin-left: 5px; 
    31133402} 
    31143403 
    31153404#pk-media-upload-form .form-row input { 
    3116  border:1px solid #ccc; 
     3405border: 1px solid #ccc; 
    31173406  /* Explicit width messes up following remove link. */ 
    31183407  /* Float not needed when just input elements, remove links and errors 
    …… 
    31203409  /* width:218px; */ 
    31213410  font: 12px/1 Arial, Sans-serif; 
    3122  padding:0; 
    3123  float:left; 
    3124  display:inline; 
     3411padding: 0; 
     3412float: left; 
     3413display: inline; 
    31253414} 
    31263415 
    31273416#pk-media-upload-form .form-row img { 
    3128   float: right; 
     3417float: right; 
    31293418} 
    31303419 
    31313420.pk-media-upload-form-footer, 
    3132 .pk-media-edit-footer{ 
    3133  margin-top:10px; 
    3134  border-top:1px solid #ccc; 
    3135  padding-top:10px; 
    3136  width:100%; 
    3137  clear:both; 
    3138  float:left; 
     3421.pk-media-edit-footer { 
     3422margin-top: 10px; 
     3423border-top: 1px solid #ccc; 
     3424padding-top: 10px; 
     3425width: 100%; 
     3426clear: both; 
     3427float: left; 
    31393428} 
    31403429 
    …… 
    31443433/* == [START] Media Iframe Template Adjustments ======================== */ 
    31453434 
    3146 .pk-media-iframe { /* This is an additional body class used INSIDE iframes */ 
     3435.pk-media-iframe {/* This is an additional body class used INSIDE iframes */ 
    31473436  margin-bottom: 0px;   /* Kill the bottom margin which is making the iframe huge. tom@punkave.com */ 
    31483437} 
    31493438 
    31503439/* == [END] Media Iframe Template Adjustments ======================== */ 
     3440 
     3441 
     3442 
     3443 
    31513444 
    31523445 
    …… 
    31663459*/ 
    31673460 
     3461body.iframe { 
     3462margin: 0; 
     3463padding: 0; 
     3464} 
     3465 
    31683466body { 
    31693467margin-bottom: 100px; 
    31703468} 
    31713469 
     3470 
    31723471h1#head a { 
    31733472display: block; 
    31743473float: left; 
    3175 width: 376px; 
    3176 height: 125px; 
     3474width: 364px; 
     3475height: 113px; 
    31773476margin: 30px 0; 
    31783477text-indent: -9999px; 
    3179 background: url(/images/logo.png) top left no-repeat; 
     3478background: url(/images/context-logo.png) top left no-repeat; 
    31803479} 
    31813480 
    …… 
    31843483} 
    31853484 
    3186 .main .pk-context-cms-content ol{ 
    3187   list-style:decimal; 
    3188   list-style-position:inside; 
    3189 } 
    3190  
    3191 .main .pk-context-cms-content ul{ 
    3192   list-style:disc; 
    3193   list-style-position:inside; 
     3485 
     3486/* THIS IS NOT GOING TO WORK. IT NEEDS TO SCOPED TO RICH TEXT SLOTS ONLY */ 
     3487.content ol { 
     3488list-style: decimal; 
     3489list-style-position: inside; 
     3490} 
     3491 
     3492.content ul { 
     3493list-style: disc; 
     3494list-style-position: inside; 
    31943495} 
    31953496 
    …… 
    32483549} 
    32493550 
    3250 .pk-home .banner-container.shadow .shadow-img { 
     3551.pk-home .banner-container.shadow .shadow-img, 
     3552.pk-landing .banner-container.shadow .shadow-img { 
    32513553width: 980px; 
    32523554z-index: 0; 
    32533555} 
    32543556 
    3255 .pk-hub .main.shadow { 
     3557.pk-landing .main.shadow { 
    32563558width: 720px; 
    32573559} 
    32583560 
    3259 .pk-hub .main.shadow .shadow-img { 
     3561.pk-landing .main.shadow .shadow-img { 
    32603562width: 740px; 
    32613563} 
    …… 
    32743576} 
    32753577 
    3276 /* to-do move home banner styles into the trinity style section and integrate with these two stragglers */ 
    3277  
    3278 .banner-item { 
    3279 z-index: 2; 
    3280 } 
    3281  
    3282 #banner-home { 
    3283 z-index: 1; 
    3284 } 
     3578 
    32853579 
    32863580/* == [START] A+S Handbook Styles == */ 
    …… 
    33013595color: #999; 
    33023596} 
     3597 
     3598.pk-tag-sidebar { 
     3599float: left; 
     3600width: 100%; 
     3601clear: both; 
     3602margin: 20px 0; 
     3603} 
     3604 
     3605.pk-tag-sidebar ul { 
     3606float: left; 
     3607width: 100%; 
     3608list-style: none; 
     3609list-style-position: outside !important; 
     3610} 
     3611 
     3612.pk-tag-sidebar ul li { 
     3613margin: 0; 
     3614} 
     3615 
     3616.pk-tag-sidebar ul li.selected { 
     3617position: relative; 
     3618float: left; 
     3619width: 100%; 
     3620line-height: 20px; 
     3621margin-bottom: 5px; 
     3622} 
     3623 
     3624.pk-tag-sidebar ul li.selected .pk-tag-sidebar-tag { 
     3625display: inline; 
     3626float: left; 
     3627background-color: #EF9920; 
     3628color: #fff; 
     3629padding: 0 5px; 
     3630} 
     3631 
     3632.pk-tag-sidebar ul.pk-tag-sidebar-list { 
     3633float: left; 
     3634width: 100%; 
     3635margin-bottom: 20px; 
     3636} 
     3637  
     3638.pk-tag-sidebar ul.pk-tag-sidebar-list li { 
     3639margin: 0 0 5px 0; 
     3640} 
     3641 
     3642.pk-tag-sidebar .pk-tag-sidebar-tag-count { 
     3643color: #ccc; 
     3644} 
     3645 
     3646.pk-tag-sidebar h4.pk-tag-sidebar-title.all-tags { 
     3647color: #00afc8; 
     3648background: #fff url(/pkContextCMSPlugin/images/pk-icon-arrow-toggle.png) -6px 0 no-repeat; 
     3649cursor: pointer; 
     3650text-indent: 16px; 
     3651line-height: 20px; 
     3652width: 100%; 
     3653position: relative; 
     3654} 
     3655 
     3656.pk-tag-sidebar h4.pk-tag-sidebar-title.all-tags.open { 
     3657background-position: -6px -20px; 
     3658} 
     3659 
     3660.pk-tag-sidebar h4.pk-tag-sidebar-title.all-tags.over { 
     3661color: #666; 
     3662background-position: -6px -40px; 
     3663} 
     3664 
     3665.pk-tag-sidebar h4.pk-tag-sidebar-title.all-tags.open { 
     3666background-position: -6px -60px; 
     3667} 
     3668 
     3669.pk-tag-sidebar-list.all-tags { 
     3670display: none; 
     3671} 
     3672 
     3673.pk-tag-sidebar h4.pk-tag-sidebar-title span { 
     3674position: absolute; 
     3675right: 0; 
     3676font-size: 12px; 
     3677color: #999; 
     3678display: none; 
     3679} 
     3680 
    33033681.handbook .sidebar h4.handbook-all-tags-title { 
    33043682color: #00afc8; 
    …… 
    33173695} 
    33183696 
    3319 .handbook .sidebar h4.handbook-all-tags-title.over.open { 
     3697.handbook .sidebar h4.handbook-all-tags-title.open { 
    33203698background-position: 0 -60px; 
    33213699} 
     3700 
    33223701.handbook-all-tags-list { 
    33233702display: none; 
    33243703} 
     3704 
    33253705 
    33263706.handbook .sidebar li { 
    …… 
    33363716.handbook .sidebar li.last { 
    33373717border: none; 
    3338 margin-bottom: 20px; 
    3339 } 
    3340  
    3341 .handbook .sidebar li .tag { 
     3718} 
     3719 
     3720.handbook .sidebar li .pk-tag-sidebar-tag { 
    33423721display: block; 
    33433722float: left; 
    33443723} 
    33453724 
    3346 .handbook .sidebar li .tag-count { 
     3725.handbook .sidebar li .pk-tag-sidebar-tag-count { 
    33473726display: block; 
    33483727float: right; 
     3728color: #ccc; 
    33493729} 
    33503730 
    …… 
    33953775.policy-article-tags ul { 
    33963776margin-left: 120px; 
     3777list-style: none; 
     3778list-style-position: outside !important; 
    33973779} 
    33983780 
    …… 
    34053787float: left; 
    34063788width: 100%; 
    3407 margin-top:40px; 
     3789margin-top: 40px; 
     3790} 
     3791 
     3792.pk-context-cms-article-controls, 
     3793.handbook-tag-list, 
     3794.policy-category-sidebar ul, 
     3795.handbook-popular-tags-list, 
     3796.handbook-all-tags-list 
     3797{ 
     3798  list-style: none !important; 
     3799  margin: 0 !important; 
     3800  padding: 0 !important; 
     3801  list-style-position: outside !important; 
    34083802} 
    34093803 
    …… 
    34323826margin-right: 20px; 
    34333827} 
     3828 
     3829#pk-media-video-search-results li { 
     3830float: left; 
     3831width: 240px; 
     3832height: 200px; 
     3833} 
     3834 
     3835#pk-media-video-search-results li a { 
     3836display: block; 
     3837} 
     3838 
     3839#pk-media-video-search-pagination li { 
     3840display: inline; 
     3841margin-right: 20px; 
     3842} 
     3843