.viewer {border:1px solid #bfbfbf; background-color:#d1d7e2; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin:20px;}
.viewer .top,
.viewer .bottom {color:#fff; background:#c2c2c2 url(../images/ts-gradient-gray-34px.png) bottom left repeat-x; overflow:auto; width:100%; }
.viewer .top { border-bottom:1px solid #454545; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;}
.viewer .bottom { border-top:1px solid #454545; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px;-moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;}

.viewer .top h1 { float:left; margin:5px 10px 5px 5px; font-weight:normal; font-size:120%; text-shadow:1px 1px #999;}
.viewer .top h1 a {display:inline; color:inherit; text-shadow:inherit;}

.viewer .top .new a span,
.viewer .bottom .new a span,
.viewer .top .displays a.grid-display span,
.viewer .top .displays a.list-display span {width:14px; height:14px; display:block; color:transparent; text-indent:-5000px;}

.viewer .bottom a,
.viewer .top a { display:block; margin-top:5px; margin-bottom:5px;}
.viewer .top .displays { float:left; margin:0px 10px 0px 10px; width: 55px; }
.viewer .top .displays a { float:left; padding: 3px 7px 4px 6px ; color:#333;  border:1px solid #666; background:#c2c2c2 url(../images/ts-gradient-gray-34px.png) bottom left repeat-x; -moz-border-radius: 10px; -webkit-border-radius: 10px; line-height:1px; font-size:1px;  }

.viewer.grid .top .displays a.grid-display,
.viewer.list .top .displays a.list-display { background:#c2c2c2 url(../images/ts-gradient-gray-34px.png) top left repeat-x;}

.viewer .top .displays a.grid-display { padding-right: 5px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px;-moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px;}
.viewer .top .displays a.list-display { padding-left: 4px; border-left:0px;-moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px;-moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px;}
.viewer .top .displays a.grid-display span { background: transparent url(../images/grid-icon.png) top left no-repeat;}
.viewer .top .displays a.list-display span { background: transparent url(../images/list-icon.png) top left no-repeat;}

.viewer .bottom .new,
.viewer .top .new {float:right;}
.viewer .bottom .new.for-sidebar {float:left;}
.viewer .bottom .new a,
.viewer .top .new a { margin-right:10px; padding: 3px 7px 4px 6px ; color:#fff;  background:#1848ab url(../images/ts-gradient-blue-33px.png) top left repeat-x; text-shadow: -1px -1px #666; -moz-border-radius: 10px; -webkit-border-radius: 10px; line-height:1px; font-size:1px; }
.viewer .bottom .new.for-sidebar a {margin-left:10px;}
.viewer .bottom .new a span,
.viewer .top .new a span {background: transparent url(../images/plus-icon.png) top left no-repeat;}

.viewer .canvas { padding:10px;background: #d1d7e2 url(../images/ts-top-inset-2px.png) top left repeat-x; border-top:1px solid #72757b; color:#454545; }
.viewer .canvas .canvas-section {width:100%; }
.viewer .canvas .canvas-section h2 {margin:3px; font-weight:normal; text-shadow:1px 1px #fff; letter-spacing:-1px;}
.viewer .canvas .canvas-description {color:#454545; text-shadow:1px 1px #edf0f5; padding:10px 40px 20px 40px; font-size:80%; line-height:1.4em; text-align:center;}
.viewer .canvas .canvas-bottom {height:1px; clear:both; line-height:1px;}

.viewer div.viewer-preview {position:relative;}
.viewer div.viewer-preview a.viewer-link {color:#454545; }
.viewer div.viewer-preview a.viewer-link {display:block; text-decoration:none; text-shadow:1px 1px #edf0f5; }
.viewer div.viewer-preview a.viewer-link span {display:block;}
.viewer div.viewer-preview a.viewer-link span.publish-schedule,
.viewer div.viewer-preview a.viewer-link span.description,
.viewer div.viewer-preview a.viewer-link span.price,
.viewer div.viewer-preview a.viewer-link span.url {font-size:70%;}
.viewer div.viewer-preview a.viewer-link span.image {padding:1px 6px 4px 2px; background: transparent url(../images/ts-screenshot-bg.png) top left no-repeat; position:relative; width:202px; height:152px; }

.viewer div.viewer-preview span.checked {display:none;}
.viewer div.viewer-preview.checked span.checked { display:block; position:absolute; width:48px; height:48px; top: -12px; left: -12px; background: transparent url(../images/check-bubble.png) top left no-repeat; text-indent: -10000px; z-index:1000; }

.viewer div.viewer-preview a.viewer-link span.view {display:none;}
.viewer div.viewer-preview a.viewer-link:hover span.view {display:block;}
.viewer div.viewer-preview a.viewer-link span.view { position:absolute; bottom: 2em; left: 0px; width:100%; text-align:center;}
.viewer div.viewer-preview a.viewer-link span.view em.view-button {line-height:15px; background: transparent url(../images/ts-page-menu-bg.png); -moz-border-radius: 0.8em; -webkit-border-radius: 0.8em; border:2px solid #a8a8a8; padding:3px 4px 3px 4px; color:#d8d8d8; }
.viewer div.viewer-preview a.viewer-link span.view em.view-button em.view-button-arrow {background: transparent url(../images/viewer-view-arrow.png) no-repeat right 4px; padding:3px 16px 3px 4px; font-style:normal;  text-shadow:none; } 
.viewer div.viewer-preview a.viewer-link span.view em.view-button:hover em.view-button-arrow { text-decoration:underline; }

.viewer div.viewer-preview a.viewer-link span.image.with-ts-gravatar {padding:1px 6px 4px 2px; background: transparent url(../images/ts-gravatar-bg.png) no-repeat 27px 0px; }

.viewer.list div.viewer-preview {width:100%; overflow:auto; position:relative;}
.viewer.list div.viewer-preview a.viewer-link img {height:45px; width:59.8px; border:1px solid transparent;-moz-border-radius: 4px; -webkit-border-radius: 4px; }
.viewer.list div.viewer-preview a.viewer-link span.image {margin:0px 0px 0px 10px; height:48px; width:60px; padding: 1px 3px 1px 3px; float:left; }
.viewer.list div.viewer-preview a.viewer-link span.image-compliment {margin:0px 0px 0px 82px; padding-top:6px; }
.viewer.list .publish-scheduled div.viewer-preview a.viewer-link span.image-compliment { padding-top:2px; }
.viewer.list .canvas .canvas-section h2 {margin-top:23px;}
.viewer.list .canvas .published.canvas-section h2 {margin-top:8px;}

.viewer.grid div.viewer-preview { font-size:83%; float:left; width:210px; margin:5px 5px 5px 10px;text-align:center; }
.viewer.grid div.viewer-preview a.viewer-link img {width:202px; height:152px; border:2px solid transparent;-moz-border-radius: 10px; -webkit-border-radius: 10px; }
.viewer.grid div.viewer-preview a.viewer-link { height: 208px;  overflow:hidden; }
.viewer.grid .publish-scheduled div.viewer-preview a.viewer-link {height:238px;}

.viewer div.viewer-preview a.viewer-link:hover img {border-color: #fff300;}
.viewer.grid div.viewer-preview a.viewer-link img.ts-gravatar {width:152px; border:0; }


.viewer-preview span.viewer-radio,
.viewer-preview a.viewer-button { white-space: nowrap; text-decoration:none; margin:10px 0px 10px 0px; font-size:80%; padding: 4px 8px 4px 8px; text-align: center; color:#fff; background:#c2c2c2 url(../images/ts-gradient-gray-34px.png) bottom left repeat-x; text-shadow: -1px -1px #666; -moz-border-radius: 0.7em; -webkit-border-radius: 0.7em; }
.viewer.list .viewer-preview span.viewer-radio,
.viewer.list .viewer-preview a.viewer-button,
.viewer.list .viewer-preview span.viewer-buttons {position:absolute; top:0.5em; right:10px;}
.viewer.list .viewer-preview span.viewer-buttons a.viewer-button {position:static;}

.viewer-preview span.viewer-radio input {padding:0; margin:0;}

.viewer.with-sidebar .canvas-with-sidebar { width:100%; overflow:auto; background: #d1d7e2 url(../images/ts-top-inset-2px.png) top left repeat-x; border-top:1px solid #72757b;}
.viewer.with-sidebar .canvas-with-sidebar .sidebar {padding: 10px 0px; float:left; width:25%;  color:#454545; }
.viewer.with-sidebar .canvas-with-sidebar .canvas {margin-left:25%; background:none; border:none; }

.sidebar a.multi-line { border-top:1px solid transparent; border-bottom:1px solid transparent; width:100%; overflow:auto; background:none; text-decoration:none; color:#454545; font-size:75%;  text-shadow:1px 1px #e9edf3; display:block;  cursor:pointer;  }
.sidebar a.multi-line span {display:block; cursor:pointer;margin-top:1em; margin-left:1em; margin-right:4px; }
.sidebar a.multi-line span.price,
.sidebar a.multi-line span.description {font-size:80%; text-decoration:none;margin-left:1.3em;  margin-top:0px; }
.sidebar a.multi-line span.last {margin-bottom:1.3em;}
.sidebar a.multi-line.selected {background-color:#2763b5; border-top:1px solid #1d59ad; border-bottom:1px solid #1d59ad; text-shadow:1px 1px #1b457e; color:#fff; }