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 img {
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai border-width:2px;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai border-style:solid;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai width: 300px;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai margin: 10px;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai -webkit-transform: translate3d(0, 0, 0);
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai/* To layout horizontal LIs */
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai#scrollview-content {
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai white-space:nowrap;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai#scrollview-content li {
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai display:inline-block;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai background-color:#fff;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai/* For IE 6/7 - needs inline block hack */
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai#scrollview-content li {
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai *display:inline;
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai/* === scrollview container and header styles === */
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai#scrollview-container {
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 *width:320px;
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);
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai#scrollview-pager {
e808b8824ca1091c8efb5669db9129e68e5e1c14Satyen Desai padding:5px;