/********************************************************************
(c) Cuberoom.biz
Main colors:
#6f6f6f - text color
#4acaff - link color
*********************************************************************/

BODY { background-color:black; }
BODY, DIV, FORM, TABLE, TD { padding:0px; margin:0px; }
BODY { width:100%; min-width:1000px; }

BODY, FORM, TABLE, P, DIV, INPUT, TEXTAREA { font-family:Arial; font-size:9pt; color:#6f6f6f; }
OL, UL { margin-top:0px; }
HR { height:0px; border:0px; border-top:1px solid dimgray; }
P { padding:0px; margin:0px 0px 1em 0px; }

H1 { margin:0px; padding:0px 0px 0.5em 0px; color:#6f6f6f; font-size:25.5pt; font-weight:normal; }
H2 { margin:0px; padding:0px 0px 0.5em 0px; color:#6f6f6f; font-size:13.5pt; font-weight:bold; }
H3 { margin:0px; padding:0px 0px 0.5em 0px; color:#6f6f6f; font-size:10pt; font-weight:bold; }
H4 { margin:0px; padding:0px 0px 0.5em 0px; color:#6f6f6f; font-size:9pt; font-weight:bold; }

SELECT, INPUT, TEXTAREA { border:1px solid #404040; padding:1px; color:#808080; background-color:#202020; }
INPUT.image, INPUT.checkbox, INPUT.radio { border:none !important; width:auto !important; }
INPUT.submit { border:1px outset #404040; padding:1px 5px; background-color:#202020; color:#808080; font-weight:bold; }
LABEL { cursor:pointer; }
A, A:hover { color:#4acaff; text-decoration:underline; }
A:visited { color:#4acaff; }
A:hover { text-decoration:none; }
SPAN.a { color:#4acaff; }

TABLE TD, TABLE TH { padding:2px 3px; }
TABLE TR.h { background-color:#737474; color:white; font-weight:bold; }
TABLE TR.odd { background-color:#E9EBEC; }
TABLE TR.even { background-color:#F3F4F4; }

.nobr, .nowrap { white-space:nowrap; }
DIV.clear { clear:both; width:100%; height:0px; font-size:0px; line-height:0px; margin:0px !important; padding:0px !important; }
DIV.spacer { clear:both; width:100%; height:30px; font-size:0px; line-height:0px; }

.smalltext { font-size:80%; }
P.errorMessage { color:red !important; font-weight:bold; padding:10px 0px; border-top:1px dashed red; border-bottom:1px dashed red;  }

DIV.li { margin-left:0px; margin-right:0px; padding-left:20px;  }
.li SPAN { display:block; position:relative; float:left; left:-20px; margin-right:-40px; width:20px; color:#8d8f8e; }
.li SPAN.bull { height:6px; top:5px; left:-18px; background-image:url(../img/bull.png); background-repeat:no-repeat; background-position:left top; }
.li P { margin:0px; padding-bottom:0.3em; }

/*common layout*/
DIV.logo { width:54px; height:54px; }
DIV.main { width:756px; margin-left:54px; }
DIV.content { }
DIV.topmenu { width:900px; position:relative; left:50%; margin-left:-450px; top:11px; height:85px; margin-bottom:11px; background-image:url(../img/mc.png); background-repeat:no-repeat; }
.topmenu DIV.tm1 { height:55px; /*background-color:#1a1a1a;*/ }
.topmenu .tm1 DIV.logo { float:left; margin-left:7px; margin-top:7px; width:154px; height:30px; }
.topmenu .tm1 DIV.slogan { float:left; font-size:8pt; color:#767676; padding-top:23px; padding-left:12px; }
.topmenu .tm1 DIV.blogs { float:right; text-align:right; width:300px; margin-right:5px; }
.topmenu .tm1 .blogs SPAN { font-size:7pt; display:block; float:right; margin-top:16px; }
.topmenu .tm1 .blogs A, .topmenu .tm1 .blogs A:visited, .topmenu .tm1 .blogs A:hover { text-decoration:none; float:right; display:block; margin-right:10px; margin-top:18px; }

.topmenu DIV.tm2 { height:30px; /*background-color:#2c2c2c;*/ }
.topmenu .tm2 A, .topmenu SPAN { display:block; float:left; padding:7px 15px 0px 15px; height:23px; font-size:9pt; }
.topmenu .tm2 SPAN, .topmenu .tm2 A, .topmenu .tm2 A:hover, .topmenu .tm2 A:visited { font-weight:bold; color:white; text-decoration:none; }
.topmenu .tm2 .sel { color:black; background-color:#f0a904; }
.topmenu .tm2 DIV.rmenu { float:right; width:300px; }
.topmenu .tm2 .rmenu A, .topmenu .tm2 .rmenu SPAN { float:right; }

DIV.app_submenu { width:900px; position:relative; left:50%; margin-left:-450px; height:30px; }
SPAN.app_submenu_item { display:block; float:left; padding:14px 15px 0px 15px; height:28px; font-size:9pt; }
.app_submenu A, .app_submenu A:hover, .app_submenu A:visited { font-weight:bold; color:#f0a904; text-decoration:none; }

DIV.copyright { font-size:8pt; padding-top:30px; padding-bottom:30px; position:relative; margin-left:-450px; left:50%; width:900px;}

DIV.app_item { cursor:pointer; width:400px; margin-right:50px; float:left; padding-bottom:40px; height:150px; }
.app_list A, .app_list A:visited, .app_list A:hover { text-decoration:none; }
.app_item A, .app_item A:visited, .app_item A:hover { text-decoration:none; }
.app_item P { color:white; }
.app_item DIV.icon { float:left; width:100px; min-height:140px; background-repeat:no-repeat; }
.app_item DIV.info { float:left; padding-left:16px; width:280px; }
.app_item .info H1 { font-size:13.5pt; color:white; font-weight:bold; margin:0px; padding-bottom:8px; margin-top:-5px; }
.app_item .info P { font-size:8.5pt; color:#c9cbcb; margin:0px; padding-bottom:5px; line-height:130%; }
.app_item .info EM { font-size:9pt; color:white; font-weight:bold; font-style:normal; }
.app_item .info IMG.appstore_soon { background-image:url(../img/button_soon.png); width:95px; height:15px; background-repeat:no-repeat; position:relative; left:15px; top:3px; }

DIV.inner-content { width:900px; position:relative; left:50%; margin-left:-450px; margin-bottom:10px; padding-top:20px; }
DIV.sub-content { width:900px; position:relative; left:50%; margin-left:-450px; margin-bottom:10px; }
DIV.sub2-content { width:900px; position:relative; left:50%; margin-left:-450px; margin-bottom:10px; }
DIV.app { padding-top:274px; }
DIV.app_list { padding-top:40px; }

DIV.fl { float:left; width:445px; }
DIV.fr { float:left; width:445px; margin-left:10px; margin-right:-10px; }

DIV.desc { padding:10px 15px 0px 25px; }
.desc H4 { font-size:14pt; color:white; margin:0px; padding-bottom:6px; padding-top:0px; font-weight:normal; }
.desc IMG.h { margin-top:10px; margin-bottom:15px; }
.desc P IMG.h { margin-top:10px; margin-bottom:5px; }
.desc P { font-size:10pt; color:#c9cbcb; margin:0px; padding-bottom:7px; }

.sub-content DIV.sb1 { padding:12px 15px 3px 15px; }
.sub-content H4 { font-size:12pt; font-weight:bold; color:black; }
.sub-content P { color:black; font-size:10pt; }
.sub-content A, .sub-content A:visited, .sub-content A:hover { color:black; font-weight:bold; }

.sub2-content DIV.sb1 { padding:12px 15px 3px 15px; }
.sub2-content H4 { font-size:12pt; font-weight:bold; color:#808080; }
.sub2-content H5 { font-size:8pt; font-weight:bold; color:#808080; margin:0px; padding-bottom:2px; }
.sub2-content P { color:#808080; font-size:8pt; line-height:110%; margin:0px; padding-bottom:2px; }
.sub2-content A, .sub-content A:visited, .sub-content A:hover { color:#808080; font-weight:bold; }
.sub2-content .li SPAN { left:-18px; top:-2px; }
.sub2-content .li SPAN.bull { top:2px; }

.inner-content DIV.video { text-align:center; padding:10px 20px; }

DIV.applinks { height:30px; padding:20px 5px 5px 0px; }
.applinks DIV.price { font-size:14pt; margin-left:25px; font-weight:bold; color:white; float:left; margin-right:15px; }
INPUT.button-yellow { width:130px; height:27px; background-image:url(../img/button-yellow.png); background-repeat:no-repeat; font-size:10pt; color:#E0E0E0; font-weight:bold; border:0px !important; padding-bottom:3px; position:relative; top:-2px; }
A.button-yellow { float:left; width:130px; height:27px; background-image:url(../img/button-yellow.png); background-repeat:no-repeat; font-size:10pt; color:#E0E0E0; font-weight:bold; border:0px !important; padding:3px 0px; text-align:center; position:relative; top:-2px; }
A.button-yellow, A.button-yellow:visited, A.button-yellow:hover { text-decoration:none; }
INPUT.button-gray { width:90px; height:27px; background-image:url(../img/button-gray.png); background-repeat:no-repeat; font-size:10pt; color:#272928; font-weight:bold; border:0px !important; padding-bottom:3px; position:relative; top:-2px; }
.applinks INPUT.button-feedback { float:right; margin-right:10px; }

DIV.screens { width:100%; }
.screens DIV.pager { width:100%; height:16px; padding-top:6px; text-align:center; }
.screens .pager IMG.p { width:7px; height:7px; margin-right:3px; cursor:pointer; }
.screens DIV.button_prevnext { width:69px; height:27px; margin-left:50%; position:relative; left:-35px; margin-top:13px; padding-bottom:8px; background-image:url(../img/button_prevnext.png); background-repeat:no-repeat; }
.screens .button_prevnext IMG.prev { width:34px; height:27px; float:left; margin-right:1px; cursor:pointer; }
.screens .button_prevnext IMG.next { width:34px; height:27px; float:left; cursor:pointer; }
.screens DIV.screenshot { width:320px; height:480px; position:relative; left:50%; margin-left:-160px; }
.screens DIV.screenshot-portrait { width:480px; height:320px; margin-left:-240px; }
.screens .screenshot DIV.ssi { float:left; width:320px; height:480px; background-repeat:no-repeat; cursor:pointer; margin-right:-100%; margin-bottom:-100%; visibility:hidden; }
.screens .screenshot-portrait DIV.ssi { width:480px; height:320px; }

/*yellow-corners (non-transparent)*/
DIV.yc { background-color:#f0a904; }
.yc DIV.yc-tl { width:4px; height:4px; float:left; margin-bottom:-4px; background-image:url(../img/yc.png); background-repeat:no-repeat; background-position:0px 0px; font-size:0px; line-height:0px; }
.yc DIV.yc-tr { width:4px; height:4px; float:right; margin-bottom:-4px; background-image:url(../img/yc.png); background-repeat:no-repeat; background-position:-4px 0px; font-size:0px; line-height:0px; }
.yc DIV.yc-bl { width:4px; height:4px; float:left; margin-top:-4px; background-image:url(../img/yc.png); background-repeat:no-repeat; background-position:0px -4px; font-size:0px; line-height:0px; }
.yc DIV.yc-br { width:4px; height:4px; float:right; margin-top:-4px; background-image:url(../img/yc.png); background-repeat:no-repeat; background-position:-4px -4px; font-size:0px; line-height:0px; }

/*gray-corners (transparent)*/
DIV.gc {}
.gc DIV.gc-m { background-image:url(../img/gc.png); background-repeat:no-repeat; background-position:-4px -4px; }
.gc DIV.gc-t { height:4px; width:100%; margin-left:-4px; background-image:url(../img/gc.png); background-repeat:no-repeat; background-position:4px 0px; font-size:0px; line-height:0px; }
.gc .gc-t DIV.gc-tr { height:4px; width:4px; float:right; position:relative; left:4px; background-image:url(../img/gc.png); background-repeat:no-repeat; background-position:-996px 0px; font-size:0px; line-height:0px; }
.gc DIV.gc-b { height:4px; width:100%; margin-left:-4px; background-image:url(../img/gc.png); background-repeat:no-repeat; background-position:4px -996px; font-size:0px; line-height:0px; }
.gc .gc-b DIV.gc-br { height:4px; width:4px; float:right; position:relative; left:4px; background-image:url(../img/gc.png); background-repeat:no-repeat; background-position:-996px -996px; font-size:0px; line-height:0px; }

/*page-scores*/
BODY.page-scores { margin:0px; padding:0px; background-color:black; width:320px !important; min-width:0px; }
.page-scores DIV.copyright { margin:0px; left:0px; padding:15px 10px 10px 10px; }
DIV.content_scores { padding:10px; }
.content_scores H1 { font-size:18pt; font-weight:bold; color:white; padding:8px 0px 12px 10px; }
.content_scores TABLE { width:300px; }
.content_scores TABLE TD { height:30px; padding-top:2px; padding-bottom:2px; }
.content_scores TR.sp, .content_scores .sp TD, .content_scores .sp TD DIV { padding:0px !important; height:1px; background-color:black; font-size:0px; line-height:0px; }
.content_scores TD { padding-left:10px; }
.content_scores .bg TD { background-color:#1a1a1a; }
.content_scores BIG { font-size:18pt; font-weight:bold; color:white; }
.content_scores TD INPUT.button-yellow { top:0px; }

.page-scores DIV.copyright { font-size:8pt; position:static; margin-left:0px; left:0%; width:250px; }

TABLE.scores {}
.scores TD BIG { font-size:12pt; font-weight:bold; color:white; }
.scores TD EM { font-size:12pt; font-weight:normal; font-style:normal; color:white; }
.scores .selected TD { background-color:#f5af03; }
.scores .selected BIG { color:black; }
.scores .selected EM { color:black; }

/*page-voodoo_img*/
BODY.page-voodoo_img { margin:0px; padding:0px; background-color:black; width:320px !important; min-width:0px; }
DIV.voodoo_image { width:320px; }
.page-voodoo_img DIV.copyright { font-size:8pt; position:static; margin-left:0px; left:0%; width:320px; text-align:center; }


/*applications*/
.app_liquitouch DIV.app { padding-top:294px; }
DIV.bg_app_liquitouch { min-width:800px; min-height:530px; background-image:url(../__files/liquitouch/bg.jpg); background-repeat:no-repeat; background-position:top center; }
.app_liquitouch DIV.icon { background-image:url(../__files/liquitouch/icon.png); }
.topmenu .tm2 .sel-liquitouch { background-image:url(../img/tm-sel-liquitouch.png); background-repeat:no-repeat; background-color:transparent; /*#f0a904;*/ }
.app_liquitouch DIV.fl { width:380px; }
.app_liquitouch DIV.fr { width:510px; margin-left:10px; margin-right:-10px; }
.app_liquitouch DIV.desc { height:325px; }

DIV.bg_app_sandytime { min-width:800px; min-height:530px; background-image:url(../__files/sandytime/bg.jpg); background-repeat:no-repeat; background-position:top center; }
.app_sandytime DIV.icon { background-image:url(../__files/sandytime/icon.png); }
.topmenu .tm2 .sel-sandytime { background-color:#7e948f; }
.app_sandytime DIV.desc { height:485px; }

.app_hoodoo DIV.app { padding-top:350px; }
DIV.bg_app_hoodoo    { min-width:800px; min-height:530px; background-image:url(../__files/voodoo/bg.jpg); background-repeat:no-repeat; background-position:top center; }
.app_hoodoo DIV.icon { background-image:url(../__files/voodoo/icon.png); }
.topmenu .tm2 .sel-hoodoo { background-color:#ad56d6; }
.app_hoodoo DIV.desc { height:485px; }
.app_hoodoo .app_submenu A, .app_hoodoo  .app_submenu A:hover, .app_hoodoo .app_submenu A:visited { color:white; text-decoration:underline; }

.app_hoodoo DIV.app_submenu { /*background-image:url(../__files/voodoo_we/bg_menu.jpg); background-repeat:no-repeat;*/ height:41px; }
.app_hoodoo_we DIV.app { padding-top:320px; }
.app_hoodoo_we .topmenu .tm2 .sel-hoodoo { background-color:#c12f41; }
DIV.bg_app_hoodoo_we    { min-width:800px; min-height:530px; background-image:url(../__files/voodoo_we/bg.jpg); background-repeat:no-repeat; background-position:top center; }
.app_hoodoo_we DIV.icon { background-image:url(../__files/voodoo_we/icon.png); }
.app_hoodoo_we DIV.desc { height:485px; }
.app_hoodoo_we .app_submenu A, .app_hoodoo_we  .app_submenu A:hover, .app_hoodoo_we .app_submenu A:visited { color:white; }