html, body {
margin: 0;
padding: 0;
}
body {
font-family: Arial, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-align: left;
font-size: 13px;
background-color: #ffffff;
}
/*BEGIN: added on August 20th 2009*/
/* SL ()
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SL { /*width: 520px;*/ float: left; padding-left: 70px;}
.SLAUTHOR { width: 100%; float: left; /*padding-left: 70px;*/}

.title { color:#272d36; font: normal 34px/34px "Helvetica"; letter-spacing: -1px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 1px #ccc;}
.note {  background:url(images/note-icon.png) no-repeat left 2px; padding-left: 14px; color:#669900; font-size: 11px;}
.edit a { background:url(images/edit-icon.png) no-repeat left 2px; padding-left: 14px; color:#ff6600; font-size: 11px; }
.error { color:#cc0000; font-size: 11px; font-weight: bold;}

/* Post Single
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post, .attachment { width: 100%; position: relative;}
/**/ * html .post, .attachment { width: 99%;} /**/ 


.p-head { /*padding-bottom: 15px;*/}
.p-head h1, .p-head h1 a, .p-head h1 a:visited { color:#272d36; font: normal 34px/34px "Helvetica"; letter-spacing: -1px; }
.p-head h1 a:hover { color:#0099cc; text-decoration: none; }

.p-head h2 { color:#272d36; font: normal 34px/34px "Helvetica"; letter-spacing: -1px; }
.p-head h2 a, .p-head h2 a:visited { color:#272d36; }
.p-head h2 a:hover { color:#0099cc; text-decoration: none; }

.p-head h3 { color:#272d36; font: normal 28px/28px "Arial"; letter-spacing: -1px; }
.p-head h3 a, .p-head h3 a:visited { color:#272d36;}
.p-head h3 a:hover { color:#0099cc; text-decoration: none;}

.p-cat { font: normal 11px/14px 'Arial'; /*text-transform: uppercase;*/ color:#999;}
.p-cat a, .p-cat a:visited, .p-cat a:hover { text-decoration: underline; color:#999; padding-right: 5px;}

.p-time { background: url(images/p-time-bkg.png) no-repeat right bottom; position: absolute; left: -70px; top: 5px; width: 50px; padding-bottom: 10px; }
/**/ * html .p-time { left: -70px;} /**/ 
.p-time strong { float: left; text-align: center;}
.p-time .day { font: normal 20px/18px "Arial"; letter-spacing: -1px; color:#fff; width: 40px; padding: 7px 0px; background:#2abada; overflow: hidden; }
.p-time .month { background:#dedede; width: 40px; padding: 3px 0px; margin-bottom: 10px;}
.p-time .year { background: #fff; border: solid 1px #dedede; font: normal 11px/11px 'Verdana'; padding: 12px 5px; color:#bababa;}

.p-con { border-top: solid 1px #dbdbdb;}
.p-con p { font: normal 12px/19px "Verdana"; padding: 5px 0px; margin: 5px 0px;}
.p-con ol { list-style: decimal inside; }
.p-con ol { padding: 10px 0px 10px 25px; margin: 0px; }
.p-con ol li { padding: 2px 0px 2px 0px; }
.p-con ul { padding: 10px 0px 10px 20px; margin: 0px; }
.p-con ul li { padding: 2px 0px 2px 13px; list-style-type: none; background: url("images/p-con-li.png") no-repeat left 1px; color:#666; }
.p-con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; padding: 10px 20px; margin: 10px 0px; background: #ecf6f8; }
.p-con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; }
.p-con blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;}


.p-det { margin-top: 15px; clear: both;}
.p-det li { color:#7f7f7f; display: inline; padding: 4px 0px 6px 30px; margin-right: 10px; }
.p-det li.p-det-com { background: url("images/p-det-com.png") left center no-repeat; }
.p-det li.p-det-com a { font-weight: bold; letter-spacing: -1px;}
.p-det li.p-det-tag { background: url("images/p-det-tag.png") left center no-repeat; }
.p-det li a,.p-det a:visited { font: normal 14px/18px "Arial"; margin-right: 3px;}

.p-con .wpunlimited_bookmarks strong { font-weight: normal; color:#999; padding-bottom: 2px; font-size: 10px; text-transform:uppercase; }
.p-con .wpunlimited_bookmarks a img { display:inline; border:none; padding:0; margin:0; margin-top: 5px; }

/* Images
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.p-con img { padding: 0; max-width: 100%; }
.p-con img.centered { display: block; margin-left: auto; margin-right: auto; padding: 1px; border: solid 1px #9b9792;}
.p-con img.alignright { margin: 5px 0 10px 20px; display: inline; border: solid 4px #eee; padding: 1px; }
.p-con img.alignleft { margin: 5px 20px 10px 0; display: inline; /*border: solid 4px #eee;*/ padding: 1px;}
.p-con .alignright { float: right; }
.p-con .alignleft { float: left }

/* Navigation
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.nav { overflow: hidden; padding-bottom: 20px;}
.nav .left a { float: left; background:url(images/nav-left.png) no-repeat left 0px; padding-left: 20px; }
.nav .right a { float: right; background:url(images/nav-right.png) no-repeat right 0px; padding-right: 20px; }
.nav a, .nav a:visited { cursor: hand; font: bold 14px/16px "Arial"; letter-spacing: -1px; }



/* Comments
############################################################################################################## */
.comments-list { padding-top: 20px;}
.comments-list h2 { color:#272d36; font: normal 28px/28px "Arial"; letter-spacing: -1px; padding-bottom: 20px;}
.comments-list div.entry { margin-bottom: 15px; padding: 25px; border: 1px solid #dcedf0; background: #fff url(images/comments-list-entry-bkg.png) no-repeat right bottom;}
.comments-list div.alt { background: #e1f4fc url(images/comments-list-alt-bkg.png) no-repeat left top; padding-top: 40px; border: none; margin-bottom: 25px;}
.comments-list p.name { font: bold 14px/14px "Arial" sans-serif; letter-spacing: -1px; color:#000;}
.comments-list p.avt { padding: 0px; margin: 0px; float: right;}
.comments-list p.avt img { border: solid 1px #ccc;}
* html .comments-list p.avt { left: -60px; }
.comments-list p.date { font-size: 11px; margin-bottom: 5px;}
.comments-list p.date a, .comments-list p.date a:visited, .comments-list p.date a:hover { color:#96b1bc; text-decoration: underline;}

.comments-list .con { font: normal 12px/17px "Verdana"; margin-right: 90px; color:#333;}
.comments-list .con p { font: normal 12px/17px "Verdana"; padding: 5px 0px; margin: 0px; color:#333;}
.comments-list .con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; margin: 10px 20px; }
.comments-list .con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; }


/* Comments Form
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.comments-form { background: #e1f4fc; padding: 20px; margin: 10px 0px;}
.comments-form h3 { color:#272d36; font: normal 28px/28px "Arial"; letter-spacing: -1px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid 1px #c5e1ed; }
.comments-form p { padding: 7px 0px; color:#808080;}
.comments-form .required { font-weight: normal; color:#ff0000;}
.comments-form input { padding: 5px; width: 210px; margin-right: 7px; }
.comments-form input.formid { border: 1px solid #a8d3e4; background: #fff url(images/form-name-bkg.png) no-repeat left; padding: 5px 5px 5px 40px;}
.comments-form input.formemail { border: 1px solid #a8d3e4; background: #fff url(images/form-email-bkg.png) no-repeat left; padding: 5px 5px 5px 40px;}
.comments-form input.formuri { border: 1px solid #a8d3e4; background: #fff url(images/form-uri-bkg.png) no-repeat left; padding: 5px 5px 5px 40px;}

.comments-form textarea { border: 1px solid #a8d3e4; background: #fff; padding: 4px; width: 97%;}
.comments-form .button { border: 1px solid #a8d3e4; background: url(images/button-post-comment.png) no-repeat left; color:#fff; width: auto; font-size: 11px; font-weight: bold; padding: 4px 6px 4px 38px;}

/* Categories + Archives 
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .categs { background: #d1f0e2; overflow: hidden; padding: 15px; margin-bottom: 3px;}
/**/ *html .SR .categs { height: 1%;} /**/ 
.SR .categs div { float: left; width: 130px;}
.SR .categs div h3 { font: bold 15px/15px 'Arial'; letter-spacing: -1px; color:#102a30; padding-bottom: 5px;}
.SR .categs div li { padding: 1px 0px; list-style-type: none; font-size: 11px; color:#5e8a89; }
.SR .categs div a, .SR .categs div a:visited { color:#247682; text-decoration: underline;}
.SR .categs div a:hover { color:#003333; text-decoration: underline;}

/*END: added on August 20th 2009*/
button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
font-family: Arial, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
/*BEGIN: added on August 17th 2009*/
    /*margin-left: 10px !important;*/
    border: 1px solid #ccc !important;
    border-radius: 12px !important;
    -webkit-border-radius: 14px !important;
    -khtml-border-radius: 14px !important;
    -moz-border-radius: 14px !important;
    line-height: 27px !important;
    height: 28px !important;
    background: #F2F2F2 url(images/white-grad.png) repeat-x !important;
    text-shadow: 0 1px 0 #fff !important;
    font-size: 13px !important;
    padding: 0 10px !important;
    font-weight: bold !important;
    color: #333 !important;
/*END: added on August 17th 2009*/
}
/*BEGIN: added on August 17th 2009*/
button {
    margin: 10px 10px 0px 0 !important;
}
button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {
    background: #eee url(images/white-grad-active.png) repeat-x scroll left top !important;
}
/*END:   added on August 17th 2009*/
a {
color: #2970C7;
}
a.outbound {
color: #008000;
font-weight: bold;
}
a.unavailable {
color: #888888;
text-decoration: none;
}
a.unavailable:hover {
text-decoration: underline;
}
img.unavailable {
opacity: 0.50;
filter: alpha(opacity=50);
}
a.favicon {
background-position: left 1px;
background-repeat: no-repeat;
line-height: 16px;
padding: 2px 0 2px 20px;
}
a img {
border: 0;
}
#body {
margin-left: auto;
margin-right: auto;
position: relative;
width: 100%;
}
#header {
background-color: #eeeeee;
padding: 4px 8px 4px 8px;
border-bottom: 1px solid #cccccc;
}
#nav {
width: 100%;
margin-left: auto;
margin-right: auto;
}
#nav .mast a {
font-size: 1.5em;
font-weight: normal;
letter-spacing: -0.0125em;
margin-right: 12px;
text-decoration: none;
}
#nav .mast .create {
color: #C53B68;
}
#nav .account {
white-space: nowrap;
margin-right: 4px;
}
#nav .search .query {
width: 160px;
}
.page {
padding: 16px 8px 0 8px;
margin-left: auto;
margin-right: auto;
}
.search .searchsubmit {
font-size:90%;
}
.search .query {
font-size: 90%;
}
.search select {
font-size: 90%;
}
table {
font-size: inherit;
}
select, input, textarea {
font: 99% arial,sans-serif;
}
hr {
color: #cccccc;
background-color: #cccccc;
}
#password {
border: 1px solid #cccccc;
}
pre, code {
font-size: 115%;
font-family: Courier, monospace;
}
table {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, form {
padding: 0; margin: 0;
}
h1 {
font-size: 1.7em;
font-weight: normal;
letter-spacing: -0.0125em;
margin-bottom: 8px;
}
h2 {
font-size: 1.5em;
font-weight: normal;
letter-spacing: -0.0125em;
}
h3 {
font-size: 1.2em;
}
h4 {
font-size: 1.1em;
}
h5 {
font-size: 1em;
}
h5 a {
color: #c53b68;
text-decoration: none;
}
h5 a:hover {
text-decoration: underline;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {
color: #2970C7;
}
ul {
margin: 0;
padding: 0;
list-style: none outside;
}
.wide .mod, .wide .tall, .wide .wide, .left {
float: left;
}
.tall .wide, .tall .mod {
clear: both;
}
.mod, .box {
position: relative;
margin-bottom: 20px;
}
.winners {
clear: both;
}
.msgs {
text-align: left;
font-size: 1.5em;
list-style: none outside;
border: 2px solid #cccccc;
padding: 16px;
margin-top: 16px;
margin-bottom: 16px;
-moz-border-radius : 8px;
-webkit-border-radius : 8px;
width: 600px;
}
.msgs .error {
color: #de0000;
}
.msgs .opt {
color: #2970C7;
}
.block, .whiteblock {
z-index: 50000;
display: none;
position: fixed;
top: 0px;
left: 0px;
background-color: #000000;
width: 100%;
height: 100%;
}
.block {
opacity: 0.30;
filter: alpha(opacity=30);
}
.whiteblock {
opacity: 0;
filter: alpha(opacity=0);
}
.dialog {
z-index: 50010;
display: none;
width: 100%;
position: fixed;
top: 0px;
left: 0px;
}
.dialog .fieldset {
-moz-border-radius: 8px;
-webkit-border-radius : 8px;
-webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
width: 500px;
}
.dialog table {
width: 100%;
}
.dragproxy {
padding: 2px;
border: 1px solid #999999;
position: absolute;
display: none;
z-index: 10000;
opacity: 0.5;
filter: alpha(opacity=50);
-webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
}
.dropproxy {
position: absolute;
z-index: 20000;
background-color: #ffffff;
opacity: 0;
filter: alpha(opacity=0);
}
.sum {
color: #000000;
font-size: 1.5em;
}
.sum img {
vertical-align: middle;
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
.meta {
color: #888888;
}
a .meta {
color: #888888;
}
.meta .clickable {
text-decoration: underline;
}
.meta .hover_clickable {
color: #888888;
text-decoration: none;
}
.buddyicon_li {
background-position: left center;
background-repeat: no-repeat;
line-height: 24px;
padding: 4px 0 4px 28px;
}
.buddyicon_t {
background-position: left center;
background-repeat: no-repeat;
line-height: 54px;
padding: 22px 0 22px 54px;
}
.medium {
font-size: 75px;
}
.icon {
font-size: 16px;
}
.small {
font-size: 50px;
}
.full {
width: 100%;
}
.half {
width: 50%;
}
.third {
width: 33%;
}
.twothird {
width: 67%;
}
.clear {
clear: both;
}
br.clear {
display: block;
}
.debug {
border: 1px dotted #de0000;
}
.clickable {
color: #2970C7;
cursor: pointer;
cursor: hand;
text-decoration: underline;
}
.hover_clickable {
color: #000000;
text-decoration: none;
}
.hover_clickable:hover {
color: #2970C7;
cursor: pointer;
cursor: hand;
text-decoration: underline;
}
.unselectable {
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
-khtml-user-drag: none;
-webkit-user-drag: none;
}
.hint {
position: relative;
cursor: help;
m: expression(
this.onmouseover = new Function("this.className='hint hover';"),
this.onmouseout = new Function("this.className='hint';"));
}
.hint:hover, .hint.hover {
background-color: #cccccc;
}
.hint .tooltip {
display: none;
color: #000000;
}
.hint:hover .tooltip, .hint.hover .tooltip {
display: block;
}
#progress {
position: absolute;
top: 0px;
right: 0px;
color: #ffffff;
background-color: #de0000;
padding: 2px;
display: none;
z-index: 60000;
}
.tooltip {
position: absolute;
z-index: 1000;
width: 350px;
padding: 8px;
-moz-border-radius: 8px;
-webkit-border-radius : 8px;
-webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
border: 2px solid #cccccc;
background-color: #eeeeee;
}
.tooltip .container {
padding-top: 8px;
}
.emptymsg {
position: absolute;
top: 30%;
width: 100%;
color: #888888;
text-align: center;
display: none;
}
.empty .emptymsg {
display: block;
}
.tabpanel, .tabpanel tr, .tabpanel td {
margin: 0;
padding: 0;
border-collapse: collapse;
width : 100%;
}
.tabpanel tr {
text-align: left;
}
.tabpanel td {
vertical-align: top;
}
.tabpanel td.panels {
border: 1px solid #cccccc;
border-top: 0px;
}
.itemlist td.panels {
border: none;
}
.tabpanel td.tabs {
margin: 0;
padding: 0;
width: 100%;
border-bottom: 1px solid #cccccc;
}
.tabpanel .tabs .tab {
background-color: #cccccc;
margin-right: 2px;
padding: 5px 6px 5px 6px;
border: 1px solid #cccccc;
border-bottom: none;
display: block;
float: left;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
text-decoration: none;
outline: none;
position: relative;
margin-bottom: -1px;
color: #666666;
font-weight: bold;
}
.tabpanel .tabs .large {
font-size: 1.1em;
top: 2px;
}
.tabpanel .tab:hover {
background-color: #999999;
}
.tabpanel .tabs .selected {
border-bottom: 0;
font-weight: bold;
background-color: #eeeeee;
border: 1px solid #cccccc;
border-bottom: none;
cursor: default;
}
.tabpanel .panel {
width: 100%;
background-color: #ffffff;
position: relative;
}
.tabpanel .options-first {
float: left;
margin-left: 4px;
}
.tabpanel .options {
float: left;
margin-left: 16px;
}
#panel .emptymsg {
font-size: 2em;
}
.resultset div.hd, .resultset table.hd {
width: 100%;
background-color: #eeeeee;
border-bottom: 1px solid #cccccc;
padding: 0px;
}
.resultset table.hd tr td.hd {
vertical-align: middle;
white-space: nowrap;
width: 1%;
}
.resultset div.hd div.pad {
padding: 4px;
font-size: 0.9em;
}
.itemlist .resultset div.hd, .itemlist .resultset table.hd {
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
margin-bottom: 8px;
}
table.toolbar_row {
width: 100%;
}
.resultset div.hd .toolbar_row td.cell {
vertical-align: middle;
white-space: nowrap;
width: 1%;
padding-right: 8px;
}
table.pagination_compact td.component {
vertical-align: middle;
white-space: nowrap;
width: 1%;
padding-right: 2px;
}
.resultset div.hd .toolbar_row td.cell_right, table.pagination_compact td.component_right {
vertical-align: middle;
white-space: nowrap;
width: 1%;
}
.resultset .bd {
clear: both;
overflow: auto;
}
.empty span.next, .empty span.prev, .resultset .disabled {
opacity: 0.3;
filter: alpha(opacity=30);
}
.resultset .dropdowntext {
display: block;
min-width: 78px;
width: 100%;
}
.resultset .dropdowntext img {
vertical-align: middle;
}
.resultset span.caption {
font-weight: bold;
margin-right: 4px;
}
.dropdowntext td {
padding: 0;
display block;
vertical-align: middle;
}
.dropdowntext .ddt_td {
width: 99%;
}
.dropdowntext .ddt_td .ddt_input {
border: 1px solid #cccccc;
border-right: 0;
cursor: default;
display:block;
font-weight: bold;
height: 14px;
width:99%;
min-width: 60px;
padding: 0px;
}
.dropdowntext .ddt_td .input_hint {
font-weight: normal;
}
.dropdowntext td.arrow {
width: 1%;
}
.resultset form.searchbox .textbox {
border: 1px solid #cccccc;
margin-right: 2px;
width: 100%;
height: 14px;
min-width: 60px;
padding: 0px;
}
.resultset form.searchbox .search {
background-color: #666666;
cursor: default;
color: #ffffff;
border: 0;
padding: 1px 6px 0px 6px;
line-height: 15px;
margin:0px;
}
span.colorpicker {
display: block;
width: 18px;
background: url(icons/colorgrid.gif) no-repeat 0px 50%;
}
span.colorpicker input {
border: 0;
width: 16px;
height: 16px;
cursor: default;
padding: 0px;
margin-right: 2px;
}
span.colorpicker input.empty {
opacity: 0;
filter: alpha(opacity=0);
}
div.downarrow {
width: 15px;
height: 16px;
background: url(icons/cr/silver/arrow_down.gif) no-repeat scroll right top;
cursor: pointer;
cursor: hand;
}
.disabled div.downarrow {
cursor: default;
}
.clearonly div.downarrow {
background: url(icons/cr/silver/close.gif) no-repeat scroll right top;
}
.dropdown {
position: absolute;
z-index: 50001;
-webkit-box-shadow: 10px 10px 10px gray;
background-color: #ffffff;
border: 1px solid #cccccc;
overflow-x: hidden;
overflow-y: auto;
float: left;
}
.dropdown .clearnode {
text-align: center;
}
.dropdown .close {
position: absolute;
right: 8px;
top: 4px;
z-index: 50010;
}
.tooltip .close {
position: absolute;
right: 5px;
top: 0px;
padding: 2px 4px 2px 8px;
z-index: 50010;
}
.dropdown .hd {
padding-bottom: 4px;
padding-right: 16px;
}
.dropdown .caption {
font-style: italic;
}
.dropdown .sortby, .dropdown .actions {
font-size: 0.9em;
}
.dropdown .sortby ul {
list-style: none;
display: inline;
}
.dropdown .sortby li {
display: inline;
padding: 2px;
color: #2970C7;
cursor: pointer;
text-decoration: underline;
}
.dropdown .sortby li.sorted {
color: #000000;
text-decoration: none;
font-weight: bold;
cursor: auto;
}
.dropdown .hint {
color: #888888;
}
.dropdown .selected {
color: #000000;
font-weight: bold;
}
.dropdown .column {
float: left;
margin: 0px;
list-style: none outside;
overflow: hidden;
padding: 0 0 1px 0;
}
.dropdown .column li {
padding: 0px;
margin: 0px;
overflow: hidden;
}
.tab div.color {
float: left;
height: 14px;
width: 14px;
}
.dropdown .column span.zerospace {
font-size: 0px;
}
.dropdown .column .count {
color: #999999;
}
.dropdown .column a:hover .count, .dropdown .column .selected .count {
color: #666666;
}
.dropdown .column a {
display: block;
height: 100%;
color: #000000;
background-color: #ffffff;
cursor: default;
text-decoration: none;
padding: 2px;
overflow: hidden;
}
.dropdown .column a:hover, .dropdown .column .selected a {
color: #000000;
background-color: #cccccc;
}
.dropdown .ft {
text-align: right;
clear: both;
}
.dropdown ul.subtree li.node {
padding-left: 16px;
display: block;
}
.hidden {
display: none;
}
.inactive {
color: #888888;
}
.close {
margin-left: 4px;
}
a.grid {
margin: 2px;
padding: 2px;
border: 1px solid #ffffff;
background-color: #ffffff;
float: left;
display: block;
cursor: hand;
}
a.grid:hover {
border: 1px solid #cccccc;
}
a.hoverborder {
margin: 2px;
padding: 2px;
border: 1px solid #ffffff;
background-color: #ffffff;
display: block;
cursor: hand;
}
a.hoverborder:hover {
border: 1px solid #cccccc;
}
a.selected {
background-color: #ff9933;
}
a.selected img {
opacity: 0.8;
filter: alpha(opacity=80);
}
.list {
margin: 0;
padding: 0;
list-style: none outside;
clear: both;
}
.list ul {
margin: 0;
padding: 0;
list-style: none outside;
}
.list img {
margin: 0;
padding: 2px;
border: 1px solid #cccccc;
background-color: #ffffff;
}
.list .left {
margin-right: 8px;
overflow: hidden;
}
.list li {
margin-bottom: 4px;
}
table.listing {
width: 100%;
word-wrap: break-word;
}
table.listing td {
vertical-align: top;
padding-bottom: 8px;
}
#comments_list {
width: 520px;
}
#comments_list.listing td.image {
width: 60px;
}
#comments_list.listing td.body {
width: 442px;
}
#comments_list.listing .tease {
max-width: 442px;
}
table.listing td.image img {
border: 1px solid #cccccc;
padding: 4px;
}
table.listing td.body {
padding-left: 8px;
}
.right {
float: right;
}
.title {
font-weight: bold;
}
.createdon {
color: #cccccc;
}
.gap {
margin: 0 8px 8px 0;
}
.highlight {
background-color: #fff1a8;
}
.explain {
font-size: 0.85em;
color: #888888;
}
.fieldset {
width: 100%;
min-width: 300px;
vertical-align: top;
text-align: left;
}
.stdform {
padding: 16px;
-moz-border-radius: 8px;
-webkit-border-radius : 8px;
border: 1px solid #cccccc;
background-color: #eeeeee;
}
.fieldset .header {
border-top: 1px solid #999999;
}
.fieldset .repeat li {
margin-bottom: 4px;
}
.fieldset .repeat .add_row {
line-height: 16px;
background: url(icons/cr/green/add.gif) no-repeat 2px center;
padding: 2px 0 2px 20px;
}
.fieldset .repeat .del_row {
line-height: 16px;
background: url(icons/cr/red/remove.gif) no-repeat 2px center;
padding: 2px 0 2px 20px;
}
.fieldset .spacer {
font-size: 1px;
border-bottom: 1px solid #cccccc;
}
.fieldset .word_spacer {
text-align: center;
color: #008000;
padding: 8px 0 8px 0;
}
.fieldset tr {
vertical-align: top;
}
.fieldset .label {
font-weight: bold;
color: #888888;
vertical-align: middle;
line-height: 20px;
text-align: right;
width: 25%;
padding-top: 8px;
}
.fieldset .value {
vertical-align: middle;
text-align: left;
padding-top: 8px;
width: 75%;
}
.fieldset textarea {
width: 75%;
padding: 4px;
margin: 0px;
border: 1px solid #999999;
}
.copypaste {
font-size: 0.8em;
}
textarea.copypaste {
overflow: hidden;
padding: 4px;
width: 300px;
height: 6em;
border: 1px solid #999999;
}
.fieldset img.roimg {
border: 1px solid #999999;
padding: 4px;
display: block;
}
.fieldset .rofullspan {
text-align: center;
}
.fieldset h5 {
text-align: center;
font-size: 1.2em;
}
.required {
font-weight: bold;
color: #de0000;
}
.fieldset .error {
font-size: 0.8em;
color: #de0000;
}
.tip {
line-height: 16px;
background: url(icons/cr/blue/info.gif) no-repeat left center;
padding: 2px 0 2px 20px;
}
.warning {
line-height: 16px;
background: url(icons/cr/red/warning.gif) no-repeat left center;
padding: 2px 0 2px 20px;
}
.fieldset .checkboxes {
overflow: auto;
}
.fieldset input[type='checkbox'], .fieldset input[type='radio'] {
margin: 0 4px 0 0;
padding: 0;
}
.fieldset .checkbox {
line-height: 16px;
}
.fieldset .checkbox * {
vertical-align: middle;
}
.fieldset input[type='text'], .fieldset input[type='password'] {
border: 1px solid #999999;
padding: 4px;
margin: 0px;
}
.fieldset input[disabled] {
opacity: 0.5;
filter: alpha(opacity=50);
}
.fieldset input[type='text'].url {
width: 200px;
color: #2970C7;
text-decoration: underline;
}
.action {
cursor: pointer;
font-weight: normal;
white-space: nowrap;
text-decoration: underline;
}
#feedback_msg {
font-weight: bold;
text-align: center;
background-color: #ffc333;
padding: 16px 16px 4px 16px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
position: absolute;
top: -16px;
width: 20%;
margin-left: 40%;
z-index: 60000;
display: none;
}
#feedback_msg li {
margin-top: 4px;
}
.set .box {
width: 100%;
}
.set h2 {
margin-bottom: 8px;
}
.bordered {
border: 1px solid #cccccc;
}
.set img, img.bordered {
border: 1px solid #cccccc;
background-color: #ffffff;
padding: 4px;
margin: 0 2px 2px 0;
}
a.bordered {
text-decoration: none;
}
img.favicon {
vertical-align: middle;
border: 0;
padding: 0;
margin: 0;
}
img.icon {
width: 20px;
height: 20px;
vertical-align: middle;
}
.box .hd ul.actions, .box .hd ul.actions li {
display: inline;
margin-right: 4px;
}
.box .hd {
margin-bottom: 4px;
position: relative;
overflow: hidden;
}
.box .hd h2 {
display: inline;
margin-right: 8px;
white-space: nowrap;
}
.box .bd {
position: relative;
}
#footer {
clear: both;
text-align: center;
padding-top: 32px;
color: #999999;
margin-bottom: 16px;
}
#footer form {
display: inline;
}
#btnTitle {
font-size: 0.8em;
margin-left: 4px;
}
ul.pagination {
clear:both;
list-style: none;
text-align: center;
margin-bottom: 16px;
}
ul.pagination li {
display: inline;
padding: 4px;
}
ul.pagination li.selected {
font-weight: bold;
}
table.pagination_compact {
width: 1%;
}
table.pagination_compact .next {
display: block;
width:16px;
height: 16px;
background: url(icons/cr/silver/arrow_left.gif) no-repeat scroll right top;
}
table.pagination_compact .prev {
display: block;
width:16px;
height: 16px;
background: url(icons/cr/silver/arrow_right.gif) no-repeat scroll right top;
}
table.pagination_compact input.page_num {
width: 1.8em;
text-align: center;
padding: 0;
border: 1px solid #cccccc;
}
table.pagination_compact .disabled {
opacity: 0.3;
filter: alpha(opacity=30);
cursor: default;
}
ul.inline {
margin: 0px;
}
ul.inline, ul.inline li {
display: inline;
margin-right: 6px;
list-style: none outside;
font-weight: bold;
}
ul.inline strong {
background-color: #ffffff;
}
ul.actions {
line-height: 1.5;
list-style: none outside;
padding: 0;
}
ul.actions li.actions {
padding-bottom: 4px;
}
ul.actions .fieldset {
width: auto;
min-width: auto;
}
.NE {
position : absolute;
right : 0;
top: 0;
text-align: right;
}
.NW {
position : absolute;
left : 0;
top: 0;
}
.SW {
position : absolute;
left : 0;
bottom: 0;
}
.SE {
position : absolute;
right : 0;
bottom: 0;
}
.input_hint {
color: #999999;
}
div.item_stack {
position: relative;
}
div.layer1, div.layer2, div.layer3 {
position: absolute;
background-color: white;
}
div.layer1 {
z-index: 3;
}
div.item_stack div.layer1 img {
margin: 0;
}
div.layer2 {
border: 1px solid #cccccc;
z-index: 2;
}
div.layer3 {
border: 1px solid #cccccc;
z-index: 1;
}
div.grid {
float: left;
}
div.grid .under {
text-align: center;
display: block;
color: #888888;
padding-bottom: 4px;
font-size: 0.9em;
overflow: hidden;
white-space: nowrap;
height: 1.3em;
}
div.grid .under_long {
text-align: center;
display: block;
color: #888888;
padding-bottom: 4px;
font-size: 0.9em;
overflow: hidden;
height: 2.3em;
margin-bottom: 4px;
}
div.grid .size_t { width: 58px; }
div.grid .size_s { width: 108px; }
div.grid .size_m { width: 158px; }
div.grid .size_l { width: 308px; }
div.grid .under a , div.grid .under_long a {
color: #888888;
}
div.grid .under_shop {
text-align: center;
display: block;
padding-bottom: 4px;
width: 160px;
font-size: 0.8em;
overflow: hidden;
white-space: nowrap;
height: 2.3em;
}
ul.color_tags li {
float: left;
margin: 0 2px 2px 0;
padding: 0;
}
ul.color_tags a, .color_block {
text-decoration: none;
display: block;
width: 16px;
height: 16px;
border: 1px solid #999999;
}
.dropdown div.color_grid {
margin: 1px;
padding: 4px;
}
table.color_grid td {
width: 14px;
height: 14px;
padding: 0 1px 1px 0;
text-align: center;
color: #cccccc;
font-size: 11px;
}
table.color_grid a, table.color_grid span {
text-decoration: none;
display: block;
width: 12px;
height: 12px;
border: 1px solid #999999;
}
.feed {
background: url(icons/feed.png) no-repeat left center;
line-height: 16px;
padding: 2px 0 2px 20px;
}
.igoogle {
background: url(http://s7.addthis.com/services/goog.png) no-repeat left center;
line-height: 16px;
padding: 2px 0 2px 20px;
}
#console_cont .cmd_line {
width: 100%;
border: 1px solid #cccccc;
padding: 0px;
background-color: #eeeeee;
}
#console_cont {
z-index: 50200;
position: absolute;
bottom: 50px;
left: 0px;
width: 900px;
height: 100px;
}
#console {
width: 100%;
height: 100%;
background-color: #000000;
color: #ffffff;
opacity: 0.80;
filter: alpha(opacity=80);
overflow: auto;
}
#form p {
margin: 0 0 4px 0;
}
#form {
width: 90%
}
#form ul li {
line-height: 1.5em;
margin-bottom: 4px;
}
.subform {
display: none;
border: 1px solid #cccccc;
padding: 4px;
margin: 4px 4px 4px 16px;
}
.selector {
background-color: #eeeeee;
border: 2px solid #999999;
width: 554px;
text-align: left;
padding: 8px;
}
.selector .buttonContainer {
text-align: right;
padding-top: 4px;
clear: both;
}
.selector h4 {
padding-top: 4px;
padding-bottom: 4px;
}
.selector .resultset .bd {
height: 330px;
background-color: #ffffff;
float: left;
width: 100%;
}
.selector_ui {
position: relative;
line-height: 50px;
font-size: 2em;
text-align: center;
width: 50px;
height: 50px;
border: 1px solid #999999;
padding: 2px;
margin-bottom: 4px;
}
.selector_img {
background-color: #cccccc;
}
.selector_change_icon {
position: absolute;
top: 2px;
right: 2px;
width: 16px;
height: 16px;
background-image: url(icons/cr/black/add.gif);
background-position: left top;
background-repeat: no-repeat;
}
.slot_delete_icon {
position: absolute;
top: 2px;
right: 2px;
width: 16px;
height: 16px;
background-image: url(icons/cr/red/close.gif);
background-position: left top;
background-repeat: no-repeat;
}
.floater {
background-color: #eeeeee;
border: 2px solid #999999;
cursor: move;
display: none;
z-index: 300;
}
.description {
margin: 4px 0 4px 0;
color: #333333;
line-height: 1.2em;
}
.resultset .no_results {
text-align: center;
padding-top: 16px;
color: #888888;
}
.resultset .more {
background-position: 0 center;
background-repeat: no-repeat;
padding: 2px 2px 2px 20px;
background-image: url(img/throbber.gif);
line-height: 16px;
visibility: hidden;
font-size: 1.2em;
color: #888888;
margin-top: 32px;
}
.no_results {
font-size: 1.2em;
padding: 16px;
}
.placement {
font-size: 1.6em;
font-weight: bold;
text-align: right;
width: 60px;
margin-right: 4px;
}
.adminaction {
background-image: url(icons/cr/red/user.gif);
background-position: left center;
background-repeat: no-repeat;
padding: 2px 2px 2px 20px;
line-height: 16px;
color: #de0000;
}
.longtext {
text-align: left;
line-height: 1.3em;
margin: 0;
max-width: 600px;
word-wrap: break-word;
}
textarea.longtext {
display: block;
width: 90%;
padding: 4px;
margin: 0px;
border: 1px solid #999999;
}
.nextsteps {
margin-top: 10px;
}
ul.nextsteps li {
margin-bottom: 6px;
}
ul.nextsteps li a {
background-image: url(icons/cr/blue/play.gif);
background-position: left center;
background-repeat: no-repeat;
padding: 2px 2px 2px 20px;
line-height: 16px;
}
.attention_box {
background-color: #fff1a8;
padding: 4px;
}
a.buy_button {
background-color: #7b9ac6;
font-size: 0.9em;
padding: .25em 1em;
line-height: 2.2em;
font-weight: bold;
text-decoration: none;
-moz-border-radius: 4px;
-webkit-border-radius : 4px;
color: #ffffff;
width: auto;
text-transform: uppercase;
}
a.buy_button:hover {
background-color: #2970c7;
}
a.call_to_action {
background-color: #7b9ac6;
font-size: 1.1em;
padding: 0.5em 1em;
line-height: 2.4em;
font-weight: bold;
text-decoration: none;
-moz-border-radius: 8px;
-webkit-border-radius : 8px;
color: #ffffff;
width: auto;
}
a.call_to_action:hover {
background-color: #2970c7;
}
.group_grid {
width: 212px;
height: 100px;
padding: 4px;
margin: 0 2px 2px 0;
}
.promo {
padding: 8px 0;
clear: both;
}
#embedit {
background-image: url(icons/cr/orange/embed.gif);
background-position: left center;
background-repeat: no-repeat;
padding: 2px 2px 2px 20px;
line-height: 16px;
}
.price {
font-weight: bold;
}
.orig_price {
color: #888888;
text-decoration: line-through;
}
.nofirst {
border-left: 1px solid #000000;
margin-left: 0.5em;
padding-left: 0.5em;
}
.ad {
padding: 4px;
text-align: center;
}
.ad.size_300 {
width: 300px;
height: 265px;
}
.ad.size_250 {
width: 250px;
height: 265px;
}
.ad.size_258 {
width: 258px;
height: 140px;
}
.ad .text_ad {
font-size: 2em;
letter-spacing: -0.0125em;
margin: 30px 30px 40px 30px;
}
.tease {
overflow: hidden;
line-height: 16px;
max-width: 600px;
word-wrap: break-word;
}
.teaseMore {
font-size: 0.7em;
}
#visit_test {
visibility: hidden;
}
#visit_test:visited {
color: #ff0000;
}
.ralign {
margin-left: auto;
margin-right: 0;
}
div.bar_graph {
width: 100%;
min-width: 50px;
border: 1px solid #cccccc;
}
div.bar_graph div {
background-color: #7b9ac6;
height: 8px;
font-size: 1px;
}
.page {
width: 925px;
}
#nav {
width: 925px;
}
ul.taglist {
margin: 0;
padding: 0;
list-style-type: none;
}
ul.taglist li {
float: left;
padding: 1px 2px;
margin: 1px 4px 1px 0;
border: 1px solid #cccccc;
background-color: #eeeeee;
white-space: nowrap;
}
ul.taglist li a, ul.taglist li .clickable {
text-decoration: none;
}
ul.taglist li a:hover {
text-decoration: underline;
}
ul.taglist li .close {
margin-left: 6px;
}
div.tagcloud {
text-align: justify;
}
.tagcloud a {
font-size: 1.3em;
text-decoration: none;
}
#right {
float: left;
padding-left: 30px;
width: 360px;
overflow: hidden;
}
#metainfo {
width: 100%;
float: left;
margin-bottom: 12px;
}
#left {
width: 530px;
float: left;
overflow: hidden;
}
.main {
margin-bottom: 8px;
position: relative;
}
#comment_form {
clear: both;
}
#right .unit {
width: 100%;
float: left;
margin-bottom: 8px;
}
#right .box {
width: 100%;
float: left;
}
#editit, #editit_img {
background-image: url(icons/cr/blue/edit.gif);
background-position: left center;
background-repeat: no-repeat;
padding: 2px 2px 2px 20px;
line-height: 16px;
}
#promoteit {
background-image: url(icons/cr/green/new.gif);
background-position: left center;
background-repeat: no-repeat;
padding: 2px 2px 2px 20px;
line-height: 16px;
}
#deleteit {
background-image: url(icons/cr/blue/trash.gif);
background-position: left center;
background-repeat: no-repeat;
padding: 2px 2px 2px 20px;
line-height: 16px;
}
#lookbookit {
background-image: url(icons/cr/blue/add.gif);
background-position: left center;
background-repeat: no-repeat;
padding: 2px 2px 2px 20px;
line-height: 16px;
}
.likeit {
background-image: url(icons/cr/red/favorite.gif);
background-position: left center;
background-repeat: no-repeat;
padding: 2px 2px 2px 20px;
line-height: 16px;
}
#embeditbox {
width: 220px;
border: 1px solid #999999;
}
#shareit {
line-height: 16px;
padding: 4px 0px 4px 0px;
}
#shareit a {
text-decoration: none;
display: block;
height: 16px;
width: 16px;
}
#shareit div.icon {
vertical-align: middle;
height: 16px;
width: 16px;
float: left;
margin-left: 4px;
}
#sendit {
background-image: url(icons/cr/blue/email.gif);
background-repeat: no-repeat;
display: block;
height: 16px;
width: 16px;
cursor: pointer;
}
#facebookit {
background-image: url(icons/facebook.png);
background-repeat: no-repeat;
}
#myspaceit {
background-image: url(icons/myspace.png);
background-repeat: no-repeat;
}
#twitterit {
background-image: url(icons/twitter.png);
background-repeat: no-repeat;
display: block;
height: 16px;
width: 16px;
cursor: pointer;
}
#abuse {
background-image: url(icons/cr/gray/flag.gif);
background-position: left center;
background-repeat: no-repeat;
padding: 2px 2px 2px 20px;
line-height: 16px;
}
#invalid_items .caption {
background-position: left 5px;
background-repeat: no-repeat;
background-image: url(icons/cr/red/warning.gif);
padding: 2px 2px 2px 20px;
line-height: 16px;
color: #de0000;
}
#groups .bd {
width: 350px;
float: left;
}
#items .listing td.image {
width: 60px;
}
#invalid_items .grid {
padding: 2px;
margin: 4px 4px 0px 0px;
border: 1px solid #cccccc;
}
#embeddedin {
width: 360px;
overflow: hidden;
}
.group {
float: left;
}
.group .image {
float: left;
padding-right: 2px;
}
.group .image img {
padding: 2px;
border: 1px solid #cccccc;
}
.group .body {
width: 311px;
padding-left: 8px;
float: left;
}
.group .body ul.actions {
}
.group .body ul.actions li.actions {
margin: 0px;
}
#txt_comment {
width: 510px;
}
.embed {
white-space: nowrap;
}
#tour {
background-color: #eeeeee;
border-bottom: 1px solid #cccccc;
width: 100%;
}
#tour_logo {
height: 31px;
width: 107px;
background: url('img/logo_clipper_gray_01.png') no-repeat scroll 0 0;
}
#tour_close {
float: right;
line-height: 16px;
padding-right: 20px;
background: url('icons/cr/red/close.gif') no-repeat scroll top right;
}
#lookbooks .grid {
margin-right: 2px;
position: relative;
}
#lookbooks div.item_stack {
height: 68px;
width: 68px;
}
#lookbooks div.layer1 {
height: 60px;
width: 60px;
}
#lookbooks div.layer2,
#lookbooks div.layer3 {
height: 58px;
width: 58px;
}
#lookbooks div.layer2{
left: 2px;
top: 2px;
}
#lookbooks div.layer3 {
left: 4px;
top: 4px;
}
.poll input[type='checkbox'] {
margin: 0 4px 0 0;
}
.poll_result div.bar_graph {
width: 100px;
}
.poll_result td {
white-space: nowrap;
}
.poll_result td.value {
text-align: right;
}
.poll ul.choices li {
line-height: 1.5em;
}
.poll ul.choices li.other {
padding-bottom: 2px;
}
.poll_result #poll_vote_count {
text-decoration: none;
color: #888888;
}
#tags {
margin-top: 2px;
}
.overlay .innerOverlay {
background-color: #ffffff;
opacity: 0;
filter: alpha(opacity=0);
width: 100%;
height: 100%;
}
.overlay:hover {
cursor: pointer;
border: 2px ridge #cccccc;
background-image: url(icons/cr/black/search_right.gif);
background-position: center center;
background-repeat: no-repeat;
}
.collapsed .group .body, .collapsed .remainder {
display: none;
}
.collapsed .caption, .expanded .caption {
cursor: pointer;
background-position: left center;
background-repeat: no-repeat;
padding: 2px 2px 2px 14px;
line-height: 16px;
}
.collapsed .caption {
background-image: url(icons/arrow_right.gif);
}
.expanded .caption {
background-image: url(icons/arrow_down.gif);
}
.carousel {
position: relative;
overflow: hidden;
background-color: #eeeeee;
padding: 2px;
}
.carousel .content  {
position: relative;
left: 0px;
padding: 0px;
}
.carousel .paddle {
width: 16px;
cursor: pointer;
padding: 0px;
vertical-align: middle;
}
.carousel .inactive {
opacity: 0.3;
filter: alpha(opacity=30);
cursor: default;
}
.carousel img.selected {
border-color: #ff9933;
}
.carousel .mainlist {
position: relative;
left: 0px;
overflow: hidden;
}
.carousel .sublist {
position: absolute;
width: 100000px;
top: 0px;
}
.comment {
margin-bottom: 16px;
clear: both;
}
.accontainer {
position: absolute;
z-index: 50100;
display: none;
background-color: #ffffff;
border: 1px solid #cccccc;
padding: 4px;
cursor: default;
overflow: auto;
overflow-x: hidden;
}
.accontainer ul {
list-style: none outside;
margin: 0;
padding: 0;
}
.accontainer ul li.strings {
margin: 0;
padding: 2px 4px 4px 4px;
}
.accontainer table.menu {
border-collapse: collapse;
width: 100%;
}
.accontainer table.menu td {
padding-bottom: 2px;
}
.accontainer table.menu .type {
text-align: right;
padding-right: 4px;
color: #888888;
}
.accontainer .color_icon {
border: 1px solid #999999;
height: 16px;
width: 16px;
display: block;
text-decoration: none;
}
.accontainer .img_icon {
height: 16px;
width: 16px;
}
.accontainer ul li.highlight {
background-color: #ffc333;
}
.accontainer table tr.highlight {
background-color: #ffc333;
}
#groups_checkboxes {
max-height: 64px;
}
#ie_groups_checkboxes {
height: 64px;
}
#category_select div.radio {
display: inline;
padding-right: 8px;
}
#tags_text {
width: 75%;
}