vertical.css revision e808b8824ca1091c8efb5669db9129e68e5e1c14
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai font-family: arial,helvetica,clean,sans-serif;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai#additional-content {
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai display:block;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai margin:10px;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai#additional-content p {
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai margin-bottom:5px;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai/* === scrollview styles === */
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai#scrollview {
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai border:1px solid #000;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai border-top:0;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai#scrollview-content li {
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai border-bottom: 1px solid #ccc;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai padding: 8px;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai font-size: 140%;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai font-weight: bold;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai background-color:#fff;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai/* For IE 6/7 - needs a background color (above) to pick up events, and zoom, to fill the UL */
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai#scrollview-content li {
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai/* For IE7 - needs zoom, otherwise clipped content is not rendered */
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai#scrollview-content ul {
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai/* === scrollview container and header styles === */
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai#scrollview-container {
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai width:400px;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai margin:0 10px;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai#scrollview-header {
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai background-color:#6d83a1;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai border:1px solid #000;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai border-bottom:#2d3033;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai height:44px;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai background: -webkit-gradient(
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai left bottom,
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai from(#d8dee6),
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai color-stop(0.01, #b0bccc),
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai color-stop(0.49, #889bb3),
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai color-stop(0.50, #8094ae),
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai#scrollview-header h1 {
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai color: #fff;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai padding:10px 0;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai text-align:center;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai font-size:150%;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai font-weight:bold;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai text-shadow: 0 -1px 0 rgba(0,0,0,0.7);