@charset "utf-8";
/* CSS Document */
html { height:100%; }
body { height:100%; width:100%; margin:0; padding:0; font-size:14px; font-weight:normal; font-family:Tahoma, Geneva, sans-serif; overflow-x: hidden; background:#fff; }
a { color: #000; text-decoration:none; }
a:active, a:focus { outline:none; }
a img { border:none; }

.selected { background:#09F; }

#wrapper { width:100%; }

/*** LOADING ***/
.loading { display:block; margin:0; height:100px; text-align:center; background:url(/images/asset_loader.gif) no-repeat center; }
.modal { text-align:center; position:absolute; float:left; top:0; left:0; width:100%; z-index:999; background:url(/images/bg_modal.png); }
.modal p { margin:20px 0; }
.modal button { clear:both; }

/*** HEADER ***/
#header { height:40px; line-height:40px; background:url(/images/bg_header.png) top left repeat-x; }
#header h1 { float:right; width:150px; margin:0 10px 0 0; padding:0; color:#fff; font-weight:normal; font-size:18px; text-indent:-9999px; background:url(/images/bg_logo.png) no-repeat left center; }
#header a { display:block; height:40px; }
#header button.back { display:none; float:left; padding:0; height:30px; width:30px; margin:5px 0 5px 10px; background:url(/images/asset_back-button.png) no-repeat center; border:none; text-indent:-9999px; }

/*** CONTROL PANEL ***/
#control-panel { height:30px; line-height:30px; background:url(/images/bg_control-panel.png) repeat-x; color:#fff; font-size:14px; }
#control-panel .publisher { margin: 0 0 0 10px; }
#control-panel .publisher select { margin:6px 0; width: 140px; }
#control-panel .date { float:right; margin:0 10px 0 0; line-height:30px; }
#control-panel .date select { font-size:14px; vertical-align:middle;  }
#control-panel label { line-height:30px; vertical-align:middle; }
#control-panel select { border:none; background:url(/images/bg_sort-selected.png) right top no-repeat; -moz-border-radius: 4px; -webkit-border-radius: 4px; color:#000; font-size:14px; }
#control-panel option { color:#000; }

/*** CONTENT ***/
#content { margin:0; clear:both; display:block; width:100%; float:left; }
#content #list, #content #description { width:100%; float:left; overflow:hidden; position:absolute; }
#content #description { min-height:200px; }
#content #list ul { margin:0 0 20px 0; padding:0; list-style:none; line-height:30px; min-height:329px;  }
#content #list li { border-bottom:1px solid #ccc; height:80px; background:url(/images/asset_content-list-arrow.png) no-repeat center right; }
#content #list li:hover a, #content #list li a:hover { color:#000; }
#content #list li a { display:block; padding:0; height:80px; overflow:hidden; color:#000;}


#content #list .fav { width:30px; float:right; line-height:80px; height:80px; z-index:100; position:relative; }
#content #list .fav a { display:block; line-height:80px; height:80px; text-indent:-99999px; background:url(/images/button_fav-off.png) no-repeat center; }
#content #list .fav a.on { background:url(/images/button_fav-on.png) no-repeat center; }
#content #list li .thumb { float:left; width:60px; margin:0 5px; line-height:80px; height:80px; text-align:center; }
#content #list li .thumb img { vertical-align:middle; margin:5px; }

#content #list li .title, #content #list li .attributes { display:block; line-height:20px; padding-right:20px; }
#content #list li .title { height:50px; margin:0; padding:5px 0 0 0; }
#content #list li .attributes { height:20px; padding:0;font-size:11px; color:#555; }

#description h2 { font-weight:normal; font-size:18px; margin:0 0 10px 0; padding:0; }
#description h3 { font-weight:bold; font-size:16px; margin:10px 0; }
#description ul { list-style:none; margin:0; padding:0; }
.description-name { margin:10px 10px 10px 115px; min-width:200px; }
.description-name strong { width:80px; float:left; text-align:left; }
.description-name li { line-height:25px; }
.description-body, .description-affiliates { clear:both; margin:10px; display:block; text-align:justify; }
.description-body { padding-top: 10px; }
.description-image { width:100px; text-align:center; margin:10px; padding:0; float:left; }
.description-affiliates { margin-bottom:50px; }
.description-affiliates ul { border-top:1px solid #ccc; }
.description-affiliates li { line-height:40px; height:40px; font-size:14px; border-bottom: 1px solid #ccc; }
.description-affiliates li a { display:block; line-height:40px; height:40px; }
.description-affiliates li a img { vertical-align:middle; margin:10px 0; }
.description-affiliates li span { float:right; position:relative; font-weight:bold; color:#900; }

/*** FOOTER ***/
.footer { clear:both; display:block; line-height:20px; color:#333; text-align:left; font-size:11px; }
.footer .text, .footer .ad { padding:5px 10px; }
.footer .text { background:#710000; color:#fff;}
.footer .ad a { color:#000; }
.footer span { float:right; }
.footer a { color:#fff; text-decoration:underline; }