/* General */
html {
padding: 0px;
margin:0px;
height: 100%;
width: 100%;
overflow: -moz-scrollbars-vertical;
}
body{
width: 980px;/*960*/
font-size: 9pt;
font-family: Arial, serif;
color: #333;
/* background: #fff url(../media/webart/background.jpg) repeat-x top;*/
height: 100%;
margin: 0px auto;
padding: 0px;
}
body#narrowContainer div#container {
padding: 0 20px;
width: 940px; /* cause #container needs width for ie6 */
}
h2 {
font-size: 24pt;
font-weight: bold;
}
a {text-decoration: none; color: #20c;}
a:link {text-decoration: none; color: #20c;}
a:visited {text-decoration: none; color: #20c;}
a:hover {text-decoration: none; color: red; cursor: pointer;}
a img {border: none;}
b.niftycorners { /* Niftycorners Cube: fix for floated elements inside rounded containers */
clear: both;
}
.center {
text-align: center;
}
.clear {
clear: both;
}
.show, .block {
display: block;
}
.show-inline {
display: inline;
}
.hide {
display: none;
}
.column {
float: left;
display: inline;
height: 100%;
}
.breadcrumbs {
font-size: 12px;
font-weight: normal;
}
/* generic shadow for images */
.img-shadow {
float: left;
display: inline; /* ie bug ?¿ */
background: url(../media/webart/shadowAlpha.png) no-repeat bottom right !important;
background: url(../media/webart/shadow.gif) no-repeat bottom right;
margin: 20px 10px 20px 10px !important;
margin: 20px 10px 20px 5px;
}
.img-shadow img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
}
#container {
clear: both;
background: #ffffff;
/* position: relative;
top: -30px;*/
width: 100%; /* ie6 */
}
#center {
width: 753px;
}
#sidebar {
width: 220px;
margin-right: 7px;
margin-bottom: 10px;
}
#post #sidebar {
margin-bottom: 0px;
}
.strong {
font-weight: bold;
}
.highlighted {
color: #444;
font-weight: bold;
}
.grayed-small {
font-size: 8pt;
color: #aaa;
}
div.hr {
display: none;
height: 4px;
font-size: 1px;
background: #c5dd7b;
border: 0px;
}
input.remaining {
border: 0px !important;
font-weight: bold;
font-size: 8pt;
color: #444;
vertical-align: middle;
background: transparent;
}
/* Banners */
div.banner {
clear: both;
display: block;
float: none;
margin: 0px;
padding: 0px;
background: none;
/* text-align: center;*/
width: 100%;
}
div.banner-index {
padding: 0;
text-align: center;
}
div#banner-index-center-top {}
div#banner-index-center-bottom {}
div.banner-category {
padding: 0;
text-align: center;
}
div#banner-category-center-top {}
div#banner-category-center-bottom { }
div#banner-category-sidebar-top {
padding: 0 0 10px;
}
div#banner-category-sidebar-middle {
padding: 10px 0;
}
div#banner-category-sidebar-bottom {
padding: 10px 0 0;
}
div.banner-search {
padding: 0;
text-align: center;
}
div#banner-search-center-top {}
div#banner-search-center-bottom {}
div#banner-search-sidebar-top {
padding: 0 0 10px;
}
div#banner-search-sidebar-middle {
padding: 10px 0;
}
div#banner-search-sidebar-bottom {
padding: 10px 0 0;
}
div.banner-post {
padding: 0;
text-align: center;
}
div#banner-post-center-top {
text-align: left;
}
div#banner-post-center-middle {
text-align: left;
}
div#banner-post-center-bottom {
text-align: left;
}
div#banner-post-sidebar-top {
padding: 0 0 10px;
}
div#banner-post-sidebar-middle {
padding: 10px 0;
}
div#banner-post-sidebar-bottom {
padding: 10px 0 0;
}
/* Select Category */
body#selectCat div#container {
padding: 0px;
}
body#selectCat div.subCat, body#selectCat div#zoneList, body#selectCat div#subCatList {
display: none;
}
body#selectCat div.column {
width: 280px;
background: #f6f6f6;
margin: 5px 13px 10px;
padding: 10px;
}
body#selectCat div.column p {
font-weight: bold;
}
/* Navigation */
div#navigation {
border-style: solid;
border-color: #e5e5e5;
border-width: 1px 0px 0px 0px;
padding: 9px 15px 10px 15px;
}
div#navigation .breadcrumbs {
width: 660px;
overflow: hidden;
}
div#navigation #buttons {
float: right;
}
div#navigation #buttons img#abuseButton {
margin-left: 10px;
cursor: pointer;
}
/* Pagination */
div#pagination {
margin: 10px;
/* background: transparent url(../media/webart/pagination-background.gif) no-repeat top left;
width: 703px;*/
height: 54px;
font-size: 13px;
font-weight: bold;
}
div#pagination span#pages{
display: block;
text-align: center;
/* width: 600px;*/
margin: 0px auto;
padding: 0 10px;
}
div#pagination span.strong {
color: #777;
display: block;
margin-bottom: 5px;
}
div#pagination .page {
text-align: center;
display: inline-block;
padding: 3px 6px;
margin: 1px;
}
div#pagination span#currentPage {
background: #666;
color: white;
}
a#next {
float: right;
}
a#prev {
float: left;
}
/* Forms */
div.formItem {
display: block;
margin: 15px;
font-size: 11pt;
font-weight: bold;
}
div.formItem label small {
font-size: 8pt;
font-weight: bold;
color: #666;
margin-bottom: 15px;
}
label {
display: block;
margin-right: 10px;
}
img#youtube {
vertical-align:middle;
padding-bottom: 3px;
}
select {
/* background: #f4fafa url(../media/webart/field.jpg) center repeat-x;*/
background: #fff;
border: 1px solid #849eb4;
font-size: 10pt;
padding: 2px;
font-weight: normal;
color: #333;
}
input[disabled] {
color: #999 !important;
}
.text, textarea {
/* background: #fff url(../media/webart/field.jpg) top repeat-x;*/
background: #fff;
border: 1px solid #849eb4;
color: #333;
}
.text {
padding: 2px;
height: 21px;
width: 500px;
font-size: 14pt;
}
input.button, button {
background: #eee;
border: 1px solid #ccc;
color: #333;
/* font-size: 8pt;*/
/* background: #1c5173 url(../media/webart/button-background.gif) center repeat-x;
border: 2px solid #143852;
color: white;*/
font-weight: bold;
}
textarea.mceEditor {
width: 500px;
height: 400px;
}
span.required {
font-size: 8pt;
font-weight: bold;
color: #b00;
}
/* Post */
div#post-col-top {
position: relative; /* for correct displaying in stupid ie... */
background: transparent url(../media/webart/sprites.gif) no-repeat -10px -90px;
width: 980px;
height: 7px;
font-size: 0;
}
div#post-col-bottom {
position: relative;
background: transparent url(../media/webart/sprites.gif) no-repeat -10px -100px;
width: 980px;
height: 7px;
font-size: 0;
}
div#post {
position: relative;
border-style: solid;
border-color: #e5e5e5;
border-width: 0px 1px;
background: #fff;
padding: 0 25px;
}
div#post span.postNotice {
color: #a00;
font-size: 14pt;
font-weight: bold;
}
div#post span.postNotice img {
position: relative;
top: 2px;
margin: 0px 5px;
}
div#post div.contactPosterButton {
float: right;
display: inline;
width: 200px;
/* height: 60px;*/
/* height: 1%;*/
}
div#post div.contactPosterButton input {
cursor: pointer;
background: #1c5173 url(../media/webart/button-background.gif) center repeat-x;
border: 1px solid #666;
margin: 15px 0px 0px 0px;
width: 200px;
height: 35px;
font-size: 13px;
font-weight: bold;
color: white;
}
div#post div.contactPosterButton input:hover {
background: #1c5173 url(../media/webart/button-background-hover.gif) center repeat-x;
}
div#abuseReasons {
display: none;
position: absolute;
background: #fff;
z-index: 1000;
width: 230px;
border: 1px #ccc solid;
}
div#abuseReasons textarea {
overflow: hidden;
font-size: 8pt;
margin: 4px;
width: 214px;
height: 60px;
color: #999;
padding: 2px;
}
div#abuseReasons div {
overflow: hidden;
background: #f2f2f2;
padding: 4px;
width: 220px;
border: 1px solid #fff;
border-top: 1px solid #e5e5e5;
}
div#abuseReasons button {
float: right;
font-size: 8pt;
padding: 1px 6px;
cursor: pointer;
}
div.postSection {
clear: both;
padding: 10px 0px 20px 0px;
/* margin-bottom: 20px;*/
width: 100%;
}
div.postSection div.post-icon {
float: left;
display: inline;
}
div.postSection p {
font-size: 13px;
}
div.postSection h2 {
color: black;
font-size: 24px;
font-weight: bold;
margin-bottom: 5px;
}
div.postSection h2 small {
font-size: 14px;
font-weight: normal;
}
div.postSection h3 {
border-style: solid;
border-color: #e5e5e5;
border-width: 1px 0px;
margin: 5px -25px 15px;
padding: 5px 0px 5px 80px;
background: #f6f6f6;
font-size: 18px;
font-weight: normal;
}
div.postSection a#externalLink {
font-size: 12pt;
font-weight: bold;
}
div.postSection img#mainImage {
width: 240px;
/* float: left;
margin: 20px;*/
}
div.postSection div#video {
width: 425px;
margin: 0px auto;
}
div.postSection div#map {
width: 90%;
height: 400px;
margin: 10px auto;
border: 2px solid #eee;
}
div#post-main {}
div#post-main div#socialMedia {
clear: right;
float: right;
margin: 20px 0 20px 20px;
text-align: center;
}
div#post-main span#postBody {
font-size: 15px;
font-weight: normal;
/* float: left;*/
/* width: 600px;*/
margin: 20px 0px 20px 0px;
}
div#post-gallery {}
div#post-gallery div.post-icon {
background: transparent url(../media/webart/sprites.gif) no-repeat -250px -10px;
width: 45px;
height: 45px;
}
div#post-gallery ul {
float: right;
display: inline;
width: 324px;
list-style: none;
background: #f6f6f6;
padding: 3px;
margin: 5px 6px 20px 0px;
}
div#post-gallery ul li {
float: left;
display: inline;
margin: 9px;
}
div#post-gallery ul li img {
display: block;
width: 140px;
height: 100px;
border: 2px solid #fff;
}
div#post-gallery div#image-center {
float: left;
display: inline;
margin: 5px;
width: 560px;
}
div#post-gallery div#image-center span#image {
display: inline-block;
background: #eee;
padding: 5px;
margin: 0 auto;
}
div#post-gallery div#image-center span#image span#galleryCaption {
display: none;
padding: 5px;
font-weight: bold;
}
div#post-gallery div#image-center span#image img#galleryImage, div#post-gallery div#image-center span#image span#galleryCaption {
max-width: 550px;
}
/* video */
div#post-video {}
div#post-video div.post-icon {
background: transparent url(../media/webart/sprites.gif) no-repeat -295px -10px;
width: 45px;
height: 45px;
font-size: 0; /* fix for ie ¬¬ */
}
/* Map */
div#post-map {}
div#post-map div.post-icon {
background: transparent url(../media/webart/sprites.gif) no-repeat -340px -10px;
width: 45px;
height: 45px;
font-size: 0; /* fix for ie ¬¬ */
}
/* Comments */
div#post-comments {}
div#post-comments div.post-icon {
background: transparent url(../media/webart/sprites.gif) no-repeat -385px -10px;
width: 45px;
height: 45px;
font-size: 0; /* fix for ie ¬¬ */
}
div#post-comments p#notice {
font-size: 8pt;
}
div#post-comments label {
display: inline;
float: left;
font-size: 8pt;
margin: 5px;
}
div#post-comments input, div#post-comments textarea {
border: 1px solid #bbb;
background: #fff;
}
div#post-comments input {
width: 195px;
}
div#post-comments input.remaining {
width: 50px;
}
div#post-comments textarea {
width: 400px;
}
div#post-comments input.button {
border: 1px solid #ccc;
background: #eee;
color: #333;
font-size: 8pt;
padding: 5px 15px;
margin: 5px;
}
div#post-comments ul#commentList {
list-style: none;
margin: 20px 10px 10px;
}
div#post-comments ul#commentList li {
clear: both;
overflow: hidden;
padding: 7px 0;
margin: 5px 0px 10px;
font-size: 12px;
background: #f6f6f6;
height: 100%; /* because ie6 stupidity */
}
div#post-comments ul#commentList li span.comment-icon {
float: left;
display: inline;
margin: 0 7px;
background: transparent url(../media/webart/sprites.gif) no-repeat -20px -10px;
width: 25px;
height: 22px;
font-size: 0; /* fix for ie ¬¬ */
}
div#post-comments ul#commentList li div.comment {
float: left;
display: inline;
width: 869px;
}
div#post-comments ul#commentList li div.comment span.name {
color: #000;
font-weight: bold;
}
div#post-comments ul#commentList li div.comment span.date {
color: #666;
font-size: 11px;
font-weight: bold;
}
img#addCommentLoading {
visibility: hidden;
vertical-align: middle;
}
/* Zone list */
div#zone-col-top {
background: transparent url(../media/webart/sprites.gif) no-repeat -10px -50px;
width: 220px;
height: 8px;
font-size: 0; /* fix for ie ¬¬ */
}
div#zone-col-bottom {
background: transparent url(../media/webart/sprites.gif) no-repeat -10px -60px;
width: 220px;
height: 8px;
font-size: 0;
}
div#zones {
background: #fff url(../media/webart/zone-col-fade-light.png) repeat-y top;
border-style: solid;
border-color: #e5e5e5;
border-width: 0px 1px;
padding: 0px;
}
div#zones p {
border-style: solid;
border-color: #e5e5e5;
border-width: 0px 0px 1px 0px;
background: #fff url(../media/webart/zone-col-fade-dark.png) repeat-y top;
font-family: Tahoma, Arial;
font-size: 12px;
font-weight: bold;
color: #ff0000;
padding: 0px 14px 5px 14px;
}
div#zones ul {
height: 100%;
padding: 0px 10px;
list-style: none;
}
div#zones div#sidebarNewPost {
border-style: solid;
border-color: #e5e5e5;
border-width: 1px 0px 0px 0px;
background: url(../media/webart/diag-stripes.gif) repeat;
height: 78px;
width: 218px;
}
div#zones div#sidebarNewPost a {
position: relative;
top: 22px;
display: block;
line-height: 37px;
margin: 0px auto;
background: transparent url(../media/webart/sprites.gif) no-repeat -450px -10px;
width: 171px;
height: 37px;
text-align: center;
font-size: 11px;
font-weight: bold;
font-family: Arial, serif;
color: white;
}
div#zones div#sidebarNewPost a:hover {
background-position: -450px -47px;
text-decoration: none;
}
div#zones select {
background: #fff;
font-weight: bold;
margin: 0px 10px 10px 10px;
}
/* category Zone selector */
div#category-zone-col-top {
background: transparent url(../media/webart/sprites.gif) no-repeat -10px -70px;
width: 220px;
height: 8px;
font-size: 0;
}
div#category-zone-col-bottom {display:none;}
div#categoryZones {
background: #fff url(../media/webart/zone-col-fade-light.png) repeat-y top;
border-style: solid;
border-color: #e5e5e5;
border-width: 0px 1px;
padding: 0px 0px 10px 0px;
}
div#categoryZones p {
/* background: #fff url(../media/webart/zone-col-top-fade.png) repeat-y top;*/
font-family: Tahoma, Arial;
font-size: 12px;
font-weight: bold;
color: #ff0000;
padding: 0px 14px 5px 14px;
}
div#categoryZones select {
background: #fff;
font-weight: bold;
margin: 0px 10px 5px 10px;
}
/* search Zone selector */
div#search-zone-col-top {
background: transparent url(../media/webart/sprites.gif) no-repeat -10px -70px;
width: 220px;
height: 8px;
font-size: 0;
}
div#search-zone-col-bottom {
background: transparent url(../media/webart/sprites.gif) no-repeat -10px -80px;
width: 220px;
height: 8px;
font-size: 0;
}
div#searchZones {
background: #fff url(../media/webart/zone-col-fade-light.png) repeat-y top;
border-style: solid;
border-color: #e5e5e5;
border-width: 0px 1px;
padding: 0px 0px 10px 0px;
}
div#searchZones p {
/* background: #fff url(../media/webart/zone-col-top-fade.png) repeat-y top;*/
font-family: Tahoma, Arial;
font-size: 12px;
font-weight: bold;
color: #ff0000;
padding: 0px 14px 5px 14px;
}
div#searchZones select {
background: #fff;
font-weight: bold;
margin: 0px 10px 5px 10px;
}
/* Category list */
ul.liquidList {
float: left;
display: inline;
list-style: none;
}
ul.liquidList li {
float: left;
display: inline;
width: 30%;
}
ul#categories {
/* background: #fff;*/
padding: 0px;
margin: 10px 0 0 0;
width: 100%;
list-style: none;
}
ul#categories li {
width: 235px;
margin: 0px 0px 0px 16px;
padding-bottom: 25px;
/* background: #fff url(../media/webart/background.jpg) repeat-x top left;
background-position: 0px 46px;*/
}
ul#categories li h3 {
width: 235px;
height: 46px;
background: #fff url(../media/webart/cat-header.png) top left;
font-weight: bold;
font-size: 11pt;
text-align: left;
text-indent: 10px;
line-height: 45px;
}
ul#categories li h3 img {
vertical-align: middle;
position: relative;
bottom: 8px;
}
ul#categories li h3 small {
font-size: 8pt;
color: #555;
}
ul#categories li ul li {
padding: 3px 0px;
margin: 0px;
list-style: none;
text-indent: 12px;
border-bottom: 1px solid #dae6fe;
/* background: url(../media/webart/double-arrow.gif) no-repeat left center;
background-position: 5px 7px;*/
background: transparent;
}
/* Filters */
div#filter-col-top {display:none;}
div#filter-col-bottom {
background: transparent url(../media/webart/sprites.gif) no-repeat -10px -60px;
width: 220px;
height: 8px;
font-size: 0;
}
div#filters {
background: #fff url(../media/webart/zone-col-fade-light.png) repeat-y top;
border-style: solid;
border-color: #e5e5e5;
border-width: 0px 1px;
padding: 0px;
margin: 0px;
}
div#filters h3 {
margin: 0px;
padding: 0px;
height: 53px;
font-family: Arial, serif;
font-size: 15px;
font-weight: bold;
text-align: left;
text-indent: 10px;
line-height: 53px;
}
div#filters h3 img {
vertical-align: middle;
/* position: relative;
bottom: 4px;*/
}
div#filters ul {
list-style: none;
/* list-style-position: outside;*/
padding-bottom: 15px;
}
div#filters ul li {
border-style: solid;
border-color: #e5e5e5;
border-width: 0px 0px 1px 0px;
font-family: Arial, serif;
font-size: 12px;
font-weight: normal;
/* background: url(../media/webart/double-arrow.gif) no-repeat left center;
background-position: 5px 7px;
text-indent: 13px;*/
margin: 0px 10px;
padding: 4px;
width: 190px;
}
div#filters div#sidebarNewPost {
border-style: solid;
border-color: #e5e5e5;
border-width: 1px 0px 0px 0px;
background: url(../media/webart/diag-stripes.gif) repeat;
height: 78px;
width: 218px;
}
div#filters div#sidebarNewPost a {
position: relative;
top: 22px;
display: block;
line-height: 37px;
margin: 0px auto;
background: transparent url(../media/webart/sprites.gif) no-repeat -450px -10px;
width: 171px;
height: 37px;
text-align: center;
font-size: 11px;
font-weight: bold;
font-family: Arial, serif;
color: white;
}
div#filters div#sidebarNewPost a:hover {
background-position: -450px -47px;
text-decoration: none;
}
div#filters div.control {
border-top: 1px dashed #ccc;
padding: 10px;
margin: 10px;
}
div#filters div.control h4 {
font-weight: bold;
font-size: 12pt;
}
div#filters div.control div {
height: 20px;
}
div#filters div.control a {
margin-left: 5px;
vertical-align: middle;
}
div#filters div.control input[type=checkbox] {
vertical-align: middle;
}
div#filters input.button {
width: 80px;
padding: 5px;
margin: 10px 10px 10px 60px;
}
.sliderValue {
border: 0px;
background: transparent;
font-weight: bold;
width: 30px;
margin: 5px;
vertical-align: middle;
}
/* Result list */
div#results {
width: 728px; /* 680 */
padding: 0px 0px 0px 25px;
/* background: #fff;*/
}
div#results #resultsList {
/* border-top: 3px solid #eee;*/
}
div#results div#resultsList p.title {
font-size: 15px;
font-weight: normal;
padding: 0 0 3px 4px;
border-bottom: 1px solid #ddd;
}
div#results div#resultsList #breadcrumbs {
padding: 4px 0px 5px 4px;
border-bottom: 1px solid #ccc;
}
div#results div#resultsList p.noresults {
color: #999;
text-align: center;
padding: 20px 0px;
font-weight: bold;
font-size: 12pt;
border-top: 3px solid #eee;
}
div#results div#resultsList ul {
list-style: none;
margin-bottom: 14px;
border-top: 3px solid #eee;
}
div#results div#resultsList ul li {
overflow: hidden;
border-bottom: 1px solid #dddddd;
clear: both;
padding: 7px 8px;
}
/* SHOULD CHANGE THIS */
div#results div#resultsList ul li.featured {
/* background: #daf3d0;*/
padding: 3px 8px;
margin-top: 5px;
border: 2px solid red;
}
div#results div#resultsList ul li img.thumbnail {
display: inline;
float: left;
margin: 0px 8px 4px 0px;
width: 90px; /* 70 */
height: 65px; /* 50 */
}
div#results div#resultsList ul li div.postContent {
float: left;
display: inline;
width: 605px; /* */
}
div#results div#resultsList ul li div.postContent a.title {
font-size: 15px;
font-weight: normal;
}
div#results div#resultsList ul li div.postContent a.title:hover span.highlighted {
color: red;
}
div#results ul li div.postContent p.blurb {
font-size: 12px;
color: #666666;
padding: 3px 0px;
}
div#results div#resultsList ul li div.postContent div.source {
display: inline;
margin-right: 20px;
font-size: 11px;
}
div#results div#resultsList ul li div.postContent div.source a {
font-size: 10px;
color: #666;
}
div#results div#resultsList ul li div.postContent div.source img {
vertical-align: middle;
margin-left: 7px;
}
div#results div#resultsList ul li div.postContent div.source span {
font-weight: normal;
}
div#results div#resultsList ul li div.postContent div.date {
display: inline;
color: #666;
font-size: 8pt;
}
div#results div#resultsList ul li div.postContent div.date span {
color: #333;
font-weight: normal;
}
div#results div#resultsList form#alertForm {
margin: 0 0 8px 0;
text-align: center;
}
div#results div#resultsList form#alertForm label {
display: inline;
height: 27px;
width: 4em;
margin-right: 10px;
line-height: 27px;
text-align: right;
font-size: 12px;
font-weight: normal;
vertical-align: middle;
}
div#results div#resultsList form#alertForm input.text {
width: 250px;
margin-right: 10px;
vertical-align: middle;
}
div#results div#resultsList form#alertForm input.button {
height: 27px;
padding: 0 5px;
vertical-align: middle;
}
img#listing-ajaxloader {
display: block;
width: 220px;
margin: 20px auto;
}
/* Mini Add Post */
form#miniAddPost {
float: right;
margin: 10px 0px;
padding: 0px;
font-family: Arial, serif;
}
form#miniAddPost div#miniAddPost-top {
background: transparent url(../media/webart/sprites.gif) no-repeat -10px -120px;
width: 739px;
height: 35px;
padding: 0px;
margin: 0px;
text-align: center;
line-height: 35px;
}
form#miniAddPost div#miniAddPost-top h2 {
font-size: 13px;
vertical-align: middle;
}
form#miniAddPost div#miniAddPost-bottom {
background: transparent url(../media/webart/sprites.gif) no-repeat -10px -170px;
width: 739px;
height: 60px;
padding: 0px;
margin: 0px;
text-align: center;
}
form#miniAddPost div#miniAddPost-bottom input.button {
margin-top: 14px;
padding: 5px;
}
form#miniAddPost div#miniAddPost-mid {
width: 737px;
background: url(../media/webart/miniaddpost-diag-stripes.gif) repeat;
border-style: solid;
border-color: #e5e5e5;
border-width: 1px;
}
form#miniAddPost div#miniAddPost-mid div.formItem {
padding: 7px;
margin: 0px;
}
form#miniAddPost div#miniAddPost-mid div.formItem label {
margin-left: 10px;
display: inline-block;
width: 90px;
font-size: 12px;
font-weight: normal;
vertical-align: middle;
}
form#miniAddPost div#miniAddPost-mid div.formItem span {
font-size: 11px;
font-weight: normal;
line-height: 21px;
vertical-align: middle;
}
form#miniAddPost div#miniAddPost-mid div.formItem input.text {
width: 300px;
height: 19px;
padding: 0px;
margin-right: 5px;
border-width: 1px;
font-size: 13px;
text-indent: 5px;
vertical-align: middle;
}
form#miniAddPost div#miniAddPost-mid div.formItem input.file {
width: 300px;
height: 21px;
padding: 0px;
margin-right: 5px;
font-size: 12px;
line-height: 19px;
vertical-align: middle;
}
form#miniAddPost div#miniAddPost-mid div.formItem textarea {
width: 500px;
height: 100px;
padding: 0 0 0 5px;
margin-right: 5px;
border-width: 1px;
font-size: 13px;
vertical-align: middle;
}
form#miniAddPost div#miniAddPost-mid div.formItem select {
width: 250px;
height: 21px;
padding: 0px;
margin-right: 5px;
line-height: 21px;
border-width: 1px;
font-size: 12px;
font-weight: normal;
vertical-align: middle;
}
form#miniAddPost div#miniAddPost-mid div.formItem span.inputCaptcha {
display: inline-block;
height: 44px;
line-height: 44px;
margin: 0px;
vertical-align: middle;
}
form#miniAddPost div#miniAddPost-mid div.formItem span.inputCaptcha img#captchaImage {
display: inline;
border: 1px solid #849EB4;
margin-right: 5px;
vertical-align: middle;
}
form#miniAddPost div#miniAddPost-mid div.formItem span.inputCaptcha input#captcha {
display: inline;
border: 1px solid #849EB4;
width: 104px;
height: 37px;
padding-top: 3px;
font-size: 30px;
font-weight: bold;
font-family: "Courier New","DejaVu Sans Mono",Arial;
text-indent: 6px;
vertical-align: middle;
}
form#miniAddPost div#miniAddPost-mid div.formItem span.inputCaptcha span#captchaRequired {
display: inline-block;
color: #b00;
vertical-align: middle;
}
form#miniAddPost div#miniAddPost-mid div.formItem span.inputCaptcha img#captchaLoading {
display: none;
vertical-align: middle;
}
form#miniAddPost div#miniAddPost-mid div.formItem span.inputCaptcha span#captchaLoadingText {
display: none;
vertical-align: middle;
}
/* Selectable lists */
ul.selectableList {
list-style: none;
/* list-style-position: outside;*/
}
ul.selectableList p {
font-weight: bold;
margin: 10px 0px;
}
ul.selectableList li {
margin: 3px 0px;
}
ul.selectableList li.unselected {
text-indent: 4px;
}
ul.selectableList li span.zone-border-left {
vertical-align: top;
background: transparent url(../media/webart/sprites.gif) no-repeat -10px -10px;
width: 4px;
height: 22px;
}
ul.selectableList li span.zone-border-right {
vertical-align: top;
background: transparent url(../media/webart/sprites.gif) no-repeat -14px -10px;
width: 4px;
height: 22px;
}
ul.selectableList li.unselected span {
display: none;
}
ul.selectableList li.selected span {
display: inline-block;
}
ul.selectableList li a {
line-height: 22px;
font-size: 10pt;
font-weight: bold;
/* text-decoration: underline;*/
}
ul.selectableList li a:visited {
/* text-decoration: underline;*/
}
ul.selectableList li.selected a {
display: inline-block;
line-height: 22px;
width: 93%;
background: #f00;
color: white;
text-decoration: none !important;
}
/* Add post form */
div#addpost-col-top {
background: transparent url(../media/webart/sprites.gif) no-repeat -10px -90px;
width: 980px;
height: 7px;
font-size: 0;
}
div#addpost-col-bottom {
background: transparent url(../media/webart/sprites.gif) no-repeat -10px -100px;
width: 980px;
height: 7px;
font-size: 0;
}
form#addPost {
border-style: solid;
border-color: #e5e5e5;
border-width: 0px 1px;
background: #fff;
padding: 10px 30px;
}
form#addPost a {
text-decoration: none;
}
form#addPost input.button{
padding: 10px 10px;
margin: 20px 0px;
width: 150px;
border-width: 2px;
font-size: 14pt;
float: left;
}
form#addPost div.formItem div.inputCaptcha {
display: inline-block;
height: 44px;
}
form#addPost div.formItem div.inputCaptcha input {
display: inline;
border-width: 2px;
width: 104px;
height: 37px;
padding-top: 3px;
margin-left: 5px;
font-size: 22pt;
font-weight: bold;
font-family: "Courier New","DejaVu Sans Mono",Arial;
text-indent: 6px;
}
form#addPost div.formItem div.inputCaptcha img {
display: inline;
padding-top: 2px;
vertical-align: top;
}
form#addPost div.formItem div.inputCaptcha #captchaRequired {
display: inline-block;
color: #b00;
font-size: 8pt;
padding: 0px 0px 10px 10px;
vertical-align: middle;
}
form#addPost div.formItem div.inputCaptcha #captchaLoading {
display: none;
padding: 0px 0px 10px 10px;
vertical-align: middle;
}
form#addPost div.formItem div.inputCaptcha #captchaLoadingText {
display: none;
padding: 0px 0px 10px 10px;
vertical-align: middle;
}
input#price {
width: 150px;
margin-left: 10px;
}
ul#imageList {
list-style: none;
}
ul#imageList li img {
width: 70px;
height: 50px;
vertical-align: middle;
border: 1px solid #ccc;
padding: 2px;
margin: 5px;
}
ul#imageList li span {
display: inline-block;
vertical-align: middle;
width: 200px;
font-weight: bold;
font-size: 8pt;
position: relative; /* Compensates for the hidden "delete" image */
left: -30px;
}
ul#imageList li small {
vertical-align: middle;
}
ul#imageList img.delImage {
width: 20px !important;
height: 20px !important;
border: 0px solid !important;
position: relative;
top: 15px;
left: -35px;
visibility: hidden;
cursor: pointer;
}
div#uploadImageDialog {
margin-top: 7px;
}
div#uploadImageDialog input.button {
width: 75px;
height: 25px;
font-size: 8pt;
padding: 0px;
margin: 0px;
float: none;
}
div#uploadImageDialog textarea {
overflow: hidden;
width: 300px;
vertical-align: middle;
color: #999;
padding: 3px;
}
div#uploadImageDialog input.remaining {
height: 12px;
}
form#addPost div#map {
width: 600px;
height: 200px;
margin: 5px 0px;
border: 2px solid #f6f6f6;
}
div#coordsDefined {
text-indent: 5px;
color: #666;
font-size: 10pt;
font-weight: bold;
vertical-align: middle;
}
div#coordsDefined a {
text-decoration: none;
}
div#coordsDefined img {
vertical-align: middle;
}
span#showHideCustomFields {
margin: 15px;
font-size: 11pt;
font-weight: bold;
}
span#showHideCustomFields a {
text-decoration: none;
}
div#customFields {
display: none;
padding-left: 20px;
}
div#customFields div.formItem {
margin: 5px;
font-size: 9pt;
}
div#customFields div.formItem select {
font-size: 9pt;
padding: 1px;
border-width: 1px;
vertical-align: middle;
}
div#customFields div.formItem input.text {
font-size: 10pt;
font-weight: bold;
height: 15px;
border-width: 1px;
vertical-align: middle;
width: 300px;
}
div#customFields div.formItem input#price {
width: 150px;
}
iframe#uploadFrame {
display: none;
}
/* Header */
div#header {
background: #fff url(../media/webart/header-background.png) no-repeat top left;
background-position: 0px 14px;
width: 980px;
/* height: 96px;*/
}
div#header h1 {
display: block;
height: 14px;
text-align: center;
font-family: Tahoma, Arial;
font-size: 10px;
color: #bbb;
}
div#header h1 strong {
font-weight: normal;
}
div#header span {
display: block;
height: 14px;
text-align: center;
font-family: Tahoma, Arial;
font-size: 10px;
font-weight: normal;
}
div#logo {
float: left;
margin-right: 25px;
background: transparent url(../media/webart/logo-background.gif) no-repeat top left;
width: 226px;
height: 54px;
position: relative;
top: -10px;
left: 15px;
cursor: pointer;
}
div#logo:hover {
/* background: transparent url(../media/webart/logo-background.gif) no-repeat top left;*/
}
div#logo h1, div#logo span {
display: inline-block;
width: 100%;
font-size: 8pt;
font-weight: normal;
text-align: right;
position: relative;
top: 45px;
right: 50px;
}
div#menu {
margin: 7px 16px 7px 16px;
}
div#menu a {
font-family: Tahoma, Arial;
font-size: 11px;
font-weight: normal;
color: #009ed9;
}
div#newPost {
float: right;
width: 180px;
margin-top: 10px;
}
div#newPost p {
display: none;
float: left;
width: 170px;
padding: 10px;
position: relative;
top: 25px;
}
div#newPost p span {
display: none;
color: red;
font-weight: bold;
}
div#newPost img {
display: none;
float: left;
padding: 15px;
position: relative;
top: 25px;
}
div#newPost a {
float: left;
display: inline;
background: transparent url(../media/webart/sprites.gif) no-repeat -450px -10px;
width: 171px;
height: 37px;
line-height: 37px;
text-align: center;
font-size: 11px;
font-weight: bold;
font-family: Arial, serif;
color: white;
}
div#newPost a:hover {
background-position: -450px -47px;
text-decoration: none;
}
div#newPost a span.strong {
font-size: 11pt;
font-weight: normal;
font-family: Impact, sans-serif;
}
/* Search Form */
form#search {
float: left;
width: 490px;
height: 54px;
}
form#search label {
display: block;
margin: 5px 0px 3px 5px;
overflow: hidden;
font-size: 11pt;
font-weight: normal;
}
form#search label span {
display: inline;
font-family: Arial, serif;
font-size: 14px;
font-weight: bold;
text-align: left;
height: 14px;
}
form#search input.text {
margin-left: 5px;
width: 190px;
height: 16px;
line-height: 16px;
font-size: 14px;
font-weight: normal;
color: #fd0101;
vertical-align: middle;
}
form#search select {
margin-left: 5px;
width: 180px;
height: 22px;
font-size: 12px;
background: #fff;
vertical-align: middle;
}
form#search input.button {
margin-left: 5px;
width: 29px;
height: 22px;
background: transparent;
border: none;
vertical-align: middle;
}
/* Latest Searches */
div#latestSearches {
background: #f6f6f6;
margin: 10px 0;
padding: 10px;
}
div#latestSearches ul {
list-style: none;
margin: 10px;
}
div#latestSearches ul li {
margin: 5px;
}
div#latestSearches ul li img {
margin-right: 5px;
}
div#latestSearches ul li a {
font-size: 11pt;
font-weight: bold;
}
/* Post to paper */
div#postToPaper {
background: #f6f6f6;
padding: 10px;
margin: 10px;
display: none;
}
div#postToPaper textarea {
width: 400px;
}
div#postToPaper input.button {
padding: 5px 10px;
width: 120px;
border-width: 2px;
font-size: 14pt;
}
div#postToPaper select {
width: 300px;
display: block;
margin: 3px;
}
select.activeCategory {
border: 2px solid #163;
}
form#addPaperPost {
width: 400px;
float: left;
}
div#onlinePost {
width: 400px;
padding: 20px;
float: right;
background: #edf1e2;
}
iframe#coupon {
background: #fff;
border: 2px solid #999;
}
/* Send message */
div#sendMessage {
background: #f6f6f6; /* e6f1c9 */
margin: 10px 0;
padding: 10px;
}
div#sendMessage textarea, div#sendMessage input {
width: 600px;
}
div#sendMessage textarea {
height: 300px;
}
div#sendMessage input.button {
padding: 5px 10px;
width: 120px;
border-width: 2px;
font-size: 14pt;
}
/* Footer */
#footer {
margin-top: 20px;
background: #fff url(../media/webart/footer-background.png) no-repeat top center;
font-size: 8pt;
text-align: center;
}
#footer p {
/* border-top: 1px dashed #ccc;*/
padding: 20px 50px;
}
#zoneLinks {
font-size: 8pt;
font-weight: bold;
line-height: 20px;
}
#zoneLinks a {
margin: 8px;
white-space: nowrap;
}
/* Dialogs */
div#dialog {
background: #f6f6f6;
width: 940px;
padding: 10px;
margin: 10px;
}
div#dialog img {
float: left;
display: inline;
margin: 0 20px 0 10px;
}
div#dialog h2 {
margin: 20px;
}
div#dialog div#dialog-content {
float: left;
display: inline;
width: 772px;
margin: 0;
}
div#dialog div#dialog-content.error strong {
color: #f00;
}
div#dialog div#dialog-content.success strong {
color: #109602;
}
div#dialog div#dialog-content.information strong {
color: #00f;
}
div#dialog div#dialog-content p {
/* position: relative;*/
/* width: 80%;*/
color: #999;
font-size: 12pt;
font-weight: bold;
}
div#dialog div#dialog-content p img {
float: none;
margin: 0 2px 0 0;
}
div#dialog div#dialog-content p span {
display: block;
padding: 3px 0;
}
div#dialog div#dialog-content p a:link, div#dialog div#dialog-content p a:visited{
color: #3C79CD;
}
div#dialog div#dialog-content p a:hover{
color: #f00;
}
div#dialog div#dialog-content p.important {
padding-top: 30px;
/*color: #333;*/
font-size: 11pt;
}
div#dialog div#dialog-content p.important span {
display: inline;
color: #000;
padding: 0;
font-size: 12pt;
}
div#dialog div#dialog-content input.button {
width: 80px;
padding: 5px;
margin-right: 10px;
}
/* CSS Shadow */
html>body div.shadow { /* Will be ignored by IE6 */
background: url(../media/webart/shadowAlpha.png) bottom right no-repeat;
}
html>body div.innerDiv { /* Will be ignored by IE6 */
position: relative;
top: -5px;
left: -5px;
}
div.shadow:after {
content: " ";
display: block;
clear: both;
}