@CHARSET "UTF-8";

body { background-color:#111111; color:#ffffff; margin:0; padding:0; width:100%; height:100%; }

h1 { color:#ffffff; font-size:18px; padding:0; margin:0; line-height:28px; }
h2 { color:#999999; font-size:12px; padding:0; margin:0; line-height:18px; }
h3 { color:#999999; font-size:12px; padding:4px 0 0 8px; margin:0; line-height:16px; float:left; }
h4 { color:#ffffff; font-size:12px; padding:0; margin:0 0 2px 0; line-height:14px; }

p { color:#cccccc; font-size:12px; line-height:16px; padding:8px 14px 4px 14px; margin:0; }
p a { color:#cccccc; }
p a:visited { color:#cccccc; }
p a:hover { color:#ffffff; }

a { color:#cccccc; }
a:visited { color:#cccccc; }
a:hover { color:#ffffff; }

hr { height:1px; overflow:hidden; }

textarea { font-family:Arial, sans-serif; font-size:12px; }

.bl-color-1 { border-left:1px solid #222222; }

/*
 * Site
 */
.site-container { position:relative; overflow:visible !important; }
.site-head { position:relative; }

.lightbox-container { display:none; }
.lightbox-container img { display:none; }

/*
 * Error
 */
.error h1 { color:#8A1F11; margin:0; padding:0; }
.error p { color:#8A1F11; margin:0; padding:0; }
.error p a { color:#8A1F11; }
.error p a:visited { color:#8A1F11; }
.error p a:hover { color:#8A1F11; }

.error-message { width:970px; float:left; display:block; position:relative; }
.error-message h3 { clear:both; float:left; }
.error-message p { clear:both; float:left; }
.error-message pre { display:block; width:970px; padding:14px; clear:both; float:left; text-indent:0; }

/**
 * Margin, Paddings
 */
.padding-5 { padding:5px; }
.padding-14 { padding:14px; }
.padding-20 { padding:20px; }
.padding-top-4 { padding-top:4px; }
.padding-top-14 { padding-top:14px; }
.padding-top-20 { padding-top:20px; }
.padding-left-7 { padding-left:7px; }
.padding-left-14 { padding-left:14px; }
.padding-left-20 { padding-left:20px; }
.padding-bottom-4 { padding-bottom:4px; }
.padding-bottom-14 { padding-bottom:14px; }

.margin-14 { margin:14px; }

.margin-bottom-14 { margin-bottom:14px; }

/**
 * Colors
 */
.c-red { color:#e93236; }
.c-gray1 { color:#111111; }
.c-gray2 { color:#2d2d2d; }
.c-gray3 { color:#222222; }
.c-gray4 { color:#cccccc; }
.c-gray5 { color:#202020; }
.c-gray6 { color:#990033; }

.bgc-red { background-color:#e93236; }
.bgc-gray1 { background-color:#111111; }
.bgc-gray2 { background-color:#282828; }
.bgc-gray3 { background-color:#242424; }
.bgc-gray4 { background-color:#191919; }
.bgc-gray5 { background-color:#333333; }
.bgc-gray6 { background-color:#1c1c1c; }
.bgc-gray7 { background-color:#990033; }
.bgc-gray8 { background-color:#232323; }

/**
 * Logo
 */
.logo { padding-top:18px; }

/**
 * Navigation
 */
.navigation-wrapper { display:block; float:left; text-align:right; }
.navigation-wrapper .navigation { margin:auto 0; padding:0; display:block; float:right; }
.navigation-wrapper .navigation li { float:left; display:block; list-style:none; height:65px; margin:0; padding:0; }
.navigation-wrapper .navigation li:active { background-color:#282828; }
.navigation-wrapper .navigation li.active { background-color:#282828; }
.navigation-wrapper .navigation li:hover { background-color:#2d2d2d; }
.navigation-wrapper .navigation li a { color:#dddddd; text-decoration:none; margin:22px 7px 0 7px; display:block; cursor:pointer; }
.navigation-wrapper .navigation li a:active { color:#dddddd; }
.navigation-wrapper .navigation li a:hover { color:#dddddd; }

/**
 * Emobanner
 */
.emobanner { display:block; overflow:hidden; position:relative; }
.emobanner #emobannerContainer { display:block; position:absolute; top:0; left:0; }

/**
 * Updates
 */
.updates-indicator { display:block; float:left; }
.updates-indicator-inner { display:block; float:left; background-color:#990033; padding:1px 4px 2px 4px; line-height:11px; color:#000000; font-size:11px; }

/**
 * Cover
 */
.cover { position:relative; }
.cover .banderole { display:block; position:absolute; top:-1px; left:-1px; }
.cover .banderole-br { display:block; position:absolute; top:94px; left:95px; }
.cover .banderole-video-br { display:block; position:absolute; top:94px; left:259px; }

/**
 * Sets
 */
.set { background-color:#222222; height:205px; }
.set .set-info { display:block; float:left; padding:0px 6px 1px 6px; line-height:15px; }
.set .info { letter-spacing:0.8px; font-size:11px; }
.set .info a { text-decoration:none; color:#999999; }
.set .info a:active { text-decoration:none; color:#cccccc; }
.set .info a:hover { text-decoration:none; color:#cccccc; }

.set-big { height:369px; }

/**
 * Sprite Button
 */
.sprite-button { display:block; cursor:pointer; position:relative; }
.sprite-button img { position:absolute; top:0; left:0; }
.sprite-button-hover img { top:-30px; }

/**
 * Components
 * 
 * Module styles should start with "cmp" to avoid conflicts
 * f.e. .cmp-list
 */

/* Central */
.central {}
.central a { text-decoration:none; }
.central a:visited { text-decoration:none; }
.central a:hover { text-decoration:none; }
.central .list { float:left; padding-left:20px; border-right:1px solid #333333; padding-top:0; margin-top:14px; }
.central .last { padding-right:0; border:none; }
.central hr { color:#333333; background-color:#333333; }
.central h2 { margin-top:14px; color:#ffffff; font-size:14px; }
.central ul { margin:0px 0 14px 0; padding:4px 8px 0 0; }
.central li { clear:both; margin:5px 0 5px 0; padding:0; list-style-type:none; color:#666666; font-size:10px; letter-spacing:0.8px; }
.central li a { color:#666666; text-decoration:none; margin:5px 0 5px 0; display:block; }
.central li.active a { color:#cccccc; }
.central li a:active { color:#cccccc; }
.central li a:hover { color:#cccccc; }
.central form { display:block; }
.central .label { display:block; color:#666666; margin-top:7px; }
.central input { display:block; margin:0 0 7px 0; clear:both; border:1px solid #000000; }
.central input.text { background-color:#999999; width:250px; height:14px; }
.central textarea { background-color:#999999; width:250px; height:70px; margin:0; border:1px solid #000000; font-family:sans-serif; font-size:12px; }
.central .sprite-button { display:block; position:relative; float:left; width:99px; height:31px; overflow:hidden; cursor:pointer; }
.central .sprite-button img { position:absolute; top:0; left:0; }
.central .sprite-button-hover img { top:-31px; }
.central .sprite-button-active img { top:-62px; }
.central .w1 { width:75px; }
.central .w2 { width:92px; }
.central .feedback-form { width:260px; }
.central .feedback-form .sprite-button { margin-top:7px; float:right; display:block; position:relative; width:94px; height:31px; overflow:hidden; cursor:pointer; }
.central .feedback-form .sprite-button img { position:absolute; top:0; left:0; }
.central .feedback-form .sprite-button-hover img { top:-31px; }
.central .feedback-form .sprite-button-active img { top:-62px; }

/* Copyright */
.copy { }
.copy p { font-size:10px; color:#666666; margin-bottom:4px; letter-spacing:1px; }
.copy a { font-size:10px; color:#666666; text-decoration:none; }
.copy a:visited { color:#666666; text-decoration:none; }
.copy a:hover { color:#cccccc; text-decoration:none; }
.copy hr { margin:0; padding:0; }

/* List */
.cmp-list { position:relative; display:block; }
.cmp-list hr { color:#333333; background-color:#333333; }
.cmp-list ul { position:absolute; display:block; margin:0; padding:0 14px 0 0; }
.cmp-list ul li { list-style-type:none; position:relative; float:left; padding:0; margin:0; }
.cmp-list .user-image { display:block; position:absolute; float:left; left:0; top:0; margin:0; }
.cmp-list .user-image img { float:left; display:block; }
.cmp-list .text { display:block; margin:0 0 14px 43px; padding-right:14px; }
.cmp-list .text p { font-size:12px; color:#cccccc; margin:0; padding:0; }
.cmp-list .text p a { color:#cccccc; text-decoration:none; }
.cmp-list .text p a:visited { color:#cccccc; text-decoration:none; }
.cmp-list .text p a:hover { color:#ffffff; text-decoration:none; }
.cmp-list .text p.info { font-size:10px; color:#666666; margin:10px 0 0 0; padding:0; }
.cmp-list .text p.info a { font-size:11px; color:#0099ff; text-decoration:none; }
.cmp-list .text p.info a:visited { color:#0099ff; text-decoration:none; }
.cmp-list .text p.info a:hover { color:#0099ff; text-decoration:none; }
.cmp-list .control { position:absolute; top:520px; left:0; height:30px; }
.cmp-list .list { position:absolute; display:block; height:472px; top:39px; left:0; overflow:hidden; }
.cmp-list .scroll { position:absolute; display:block; width:10px; height:495px; top:25px; left:304px; background-image:url("list-scr.jpg"); background-repeat:repeat-y; }
.cmp-list .scroll-bar { position:absolute; display:block; width:8px; background-color:#999999; height:25px; left:0; top:0; margin:0 1px 0 1px; cursor:pointer; }
.cmp-list .scroll-bar.hover { background-color:#666666; }


/* News */
.cmp-comments {}
.cmp-comments .text { margin:0 0 14px 82px; height:64px; }


/* Details Menu */
.cmp-details-menu { position:relative; overflow:visible !important; }
.cmp-details-menu .item { display:block; float:left; width:160px; height:65px; background-color:#222222; cursor:pointer; position:relative; }
.cmp-details-menu .item:active { background-color:#2d2d2d; }
.cmp-details-menu .item:hover { background-color:#2d2d2d; }
.cmp-details-menu .item.active { background-color:#2d2d2d; }
.cmp-details-menu .item .active-area { position:absolute; width:100%; height:100%; }
.cmp-details-menu .item .check { position:absolute; left:68px; top:10px; }
.cmp-details-menu .item .icon { position:absolute; left:66px; top:6px; }
.cmp-details-menu .item .text { margin-top:44px; font-size:11px; color:#999999; text-align:center; }
.cmp-details-menu .width-first { width:164px; }
.cmp-details-menu .width-last { width:162px; }
.cmp-details-menu .sub-menu { position:absolute; bottom:65px; width:314px; background-image:url("sub-menu.jpg"); background-repeat:no-repeat; }
.cmp-details-menu .sub-menu .head { width:314px; margin:10px 0 0 0; background-color:#1d1d1d; background-image:url("sub-menu.jpg"); background-repeat:repeat-x; }
.cmp-details-menu .sub-menu .head h1 { color:#990033; font-size:18px; padding:0 0 0 14px; }
.cmp-details-menu .sub-menu .head h2 { color:#cccccc; font-size:12px; padding:0 0 14px 14px; }
.cmp-details-menu .sub-menu .commands { display:block; width:100%; padding:0; float:left; background-color:#1d1d1d; background-image:url("sub-menu.jpg"); background-repeat:repeat-y; }
.cmp-details-menu .sub-menu .commands .command { display:block; padding:8px 0 8px 14px; margin:0; clear:both; }
.cmp-details-menu .sub-menu .commands .command .citem { display:block; margin:4px 0 2px 0; height:16px; padding:0; clear:both; }
.cmp-details-menu .sub-menu .commands .command .citem a { color:#999999; text-decoration:none; }
.cmp-details-menu .sub-menu .commands .command .citem a:visited { color:#999999; text-decoration:none; }
.cmp-details-menu .sub-menu .commands .command .citem a:hover { color:#cccccc; text-decoration:none; }
.cmp-details-menu .sub-menu .commands .command .citem .resolution { float:left; width:90px; color:#666666; }
.cmp-details-menu .sub-menu .commands .command .citem .size { float:left; width:90px; color:#666666; }
.cmp-details-menu .sub-menu .commands .command .citem .share-icon { margin-right:7px; width:20px; float:left; }
.cmp-details-menu .sub-menu .commands .command .citem .share { float:left; color:#666666; }
.cmp-details-menu .sub-menu .commands .command .citem .name { float:left; width: 150px; }
.cmp-details-menu .sub-menu .commands .command .citem .stars { float:left; }
.cmp-details-menu .sub-menu .commands .command .citem .star { position:relative; float:left; display:block; width:18px; height:16px; overflow:hidden; }
.cmp-details-menu .sub-menu .commands .command .citem .star img { position:absolute; display:block; top:0; left:0; }
.cmp-details-menu .sub-menu .bottom { display:block; position:relative; width:314px; height:10px; float:left; margin:0; padding:0; top:0; }
.cmp-details-menu .sub-menu .bottom-image { display:block; position:absolute; top:0; left:0; height:10px; top:0; }
.cmp-details-menu .sub-menu .bottom-image img { position:absolute; display:block; top:0; margin:0; padding:0; }
.cmp-details-menu .logo { display:block; float:left; height:65px; margin:0; padding:0; }
.cmp-details-menu .logo a { display:block; margin:18px 0 0 14px; }
.cmp-details-menu .sprite-button { display:block; position:relative; float:left; width:32px; height:35px; overflow:hidden; cursor:pointer; }
.cmp-details-menu .sprite-button img { position:absolute; top:0; left:0; }
.cmp-details-menu .sprite-button-hover img { top:-35px; }

/* Details Menu Down */
.cmp-details-menu-down { z-index:10; }
.cmp-details-menu-down .sub-menu { top:65px; }
.cmp-details-menu-down .sub-menu .head { display:block; position:relative; float:left; margin:0; padding:10px 0 0 0; }
.cmp-details-menu-down .sub-menu .top { display:block; position:relative; float:left; width:314px; height:10px; margin:0; padding:0; top:0; }
.cmp-details-menu-down .sub-menu .top-image { display:block; position:absolute; top:0; left:0; height:10px; top:0; }
.cmp-details-menu-down .sub-menu .top-image img { position:absolute; display:block; top:0; margin:0; padding:0; }

/* HOME-INTRO-TEXT */
.home-intro-text { border-left:1px solid #222222; }
.home-intro-text h2 { font-size:18px; color:#cccccc; padding:14px 0 4px 14px; }
.home-intro-text p { color:#cccccc; }
.home-intro-text a { color:#cccccc; text-decoration:underline; }
.home-intro-text a:visited { color:#cccccc; text-decoration:underline; }
.home-intro-text a:hover { color:#ffffff; text-decoration:underline; }

/* Big Spacer */
.spacer-big { height:2px; margin:0; overflow:hidden; background-image:url("big-spac.jpg"); background-repeat:repeat-x; }