* { padding:0; margin:0; position:relative; }
@font-face {font-family: corbel; src: url("fonts/corbel.eot"); }
@font-face {font-family: candarab; src: url("fonts/candarab.eot"); }
@font-face {font-family: doppio; src: url("fonts/doppio.eot"); }
/* FONTS */
@font-face {font-family: candarab; src: url('fonts/candarab.ttf');}
@font-face {font-family: corbel; src: url('fonts/corbel.ttf');}
@font-face {font-family: doppio; src: url('fonts/doppio.ttf');}
@font-face {font-family: minecraftia; src: url('fonts/minecraftia.ttf');}
@font-face {font-family: minecrafter; src: url('fonts/minecrafter.ttf');}
@font-face {font-family: impact; src: url('fonts/impact.ttf');}
@font-face {font-family: blocked; src: url('fonts/blocked.ttf');}
@font-face {font-family: square; src: url('fonts/square.ttf');}
@font-face {font-family: arcadepix; src: url('fonts/arcadepix.ttf');}
body, html {
height:100%;
min-width:1024px;
background: #e9e9e7 url('images/background.png') no-repeat top;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}
.topmenu {
height:31px;
width:1024px;
margin:0 auto;
}
.topmenu a {
min-width:71px;
}
img { border:none; }
a { text-decoration:none; color:#333333;}
a:hover { color:#958D86;}
h1 {font-family:corbel;font-size:28px;color:#767676;text-shadow:1px 1px 0 rgba(255,255,255,.5);}
h2 {text-shadow:1px 1px 0 rgba(255,255,255,.4);}
h3 {text-shadow:1px 1px 0 rgba(255,255,255,.4);}
h4 {font-weight:normal; text-shadow:1px 1px 0 rgba(255,255,255,.4);}
h5 {text-shadow:1px 1px 0 rgba(255,255,255,.4);}
.htop {font-family:corbel;font-size:25px;color:#767676;text-shadow:1px 1px 0 rgba(255,255,255,.5); text-align:center; padding:5px 0;}
.stop {margin-top:10px; }
.hot {
font-family:corbel;font-size:14px;
-webkit-transform: rotate(40deg);
-moz-transform: rotate(40deg);
-o-transform: rotate(40deg);
writing-mode: lr-tb;
color:#FF0000;
text-shadow:1px 1px 0 rgba(255,255,255,.50);
position:absolute;
top:12px;
left:108px;
}
.pt5 { padding-top:5px; width:469px; overflow:hidden; white-space: nowrap; }
.rt5 { height:29px; width:180px; float:right; right: -5px; bottom: 5px; }
.clear {clear:both;}
#wrapper { width:1024px; margin:0 auto; }
/* FORMS */
input[type="text"], input[type="password"] {
padding:12px 12px;
background:#d7d6d3;
border-radius:3px;
border:none;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-shadow:1px 1px 0 rgba(255,255,255,.3);
box-shadow:inset 0 2px 2px rgba(0,0,0,.1), inset 0 0 0 1px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.4);
margin:0 0 10px 0;
}
select {
width:280px;
padding:12px 12px;
background:#d7d6d3;
border-radius:3px;
border:none;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-shadow:1px 1px 0 rgba(255,255,255,.3);
box-shadow:inset 0 2px 2px rgba(0,0,0,.1), inset 0 0 0 1px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.4);
margin:0 0 10px 0;
outline: none;
}
input[type="text"]:focus, input[type="password"]:focus {
box-shadow:inset 0 2px 2px rgba(0,0,0,.1), inset 0 0 0 1px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.4), 0 0 0 1px rgba(255,255,255,.4), inset 0 0 6px rgba(0,0,0,.1);
}
textarea {
width:350px;
padding:10px;
margin:0 0 10px 0;
background:#d7d6d3;
border-radius:0;
border:none;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-shadow:1px 1px 0 rgba(255,255,255,.3);
box-shadow:inset 0 2px 2px rgba(0,0,0,.1), inset 0 0 0 1px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.4);
resize: vertical;
}
textarea:focus {
box-shadow:inset 0 2px 2px rgba(0,0,0,.1), inset 0 0 0 1px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.4), 0 0 0 1px rgba(255,255,255,.4), inset 0 0 6px rgba(0,0,0,.1);
}
input:focus, select:focus, textarea:focus {
background:#FFFFFF;
}
input[type="submit"] {
background-image:url(images/orange-submit.gif);
background-position: 0 0;
border: none;
border-radius:3px;
font-family:corbel;
font-weight:normal;
display: block;
padding:9px 22px 9px 22px;
cursor:pointer;
font-size:14px;
color:#fffbf5;
text-shadow:1px 1px 0 rgba(0,0,0,.15), 0 0 3px rgba(0,0,0,.3);
margin:0 0 10px 0;
}
input[type="button"] {
background-image:url(images/orange-submit.gif);
background-position: 0 0;
border: none;
border-radius:3px;
display: block;
padding:9px 22px 9px 22px;
cursor:pointer;
font-size:14px;
color:#fffbf5;
text-shadow:1px 1px 0 rgba(0,0,0,.15), 0 0 3px rgba(0,0,0,.3);
margin:0 0 10px 0;
}
input.server_ip {
padding:4px 5px 5px 5px;
background:#e9e9e7;
border-radius:0px;
border:none;
color:#666666;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-shadow:1px 1px 0 rgba(255,255,255,.3);
box-shadow:inset 0 2px 2px rgba(0,0,0,.1), inset 0 0 0 1px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.4);
margin:0 0 10px 0;
max-width:145px;
}
input[type="submit"]:hover { background-position: 0 -38px; color:#FFF;}
input[type="submit"].gray {background-image:url(images/gray-submit.gif);}
input[type="submit"].green {background-image:url(images/green-submit.gif);}
input[type="button"]:hover { background-position: 0 -38px; color:#FFF;}
input[type="button"].gray {background-image:url(images/gray-submit.gif);}
input[type="button"].green {background-image:url(images/green-submit.gif);}
label.form-row {
display:block;
width:455px; height:80px;
text-shadow:1px 1px 0 rgba(255,255,255,.4);
margin:0 0 18px 0;
padding:0 0 10px 0;
box-shadow:0 1px 0 rgba(0,0,0,.06);
}
label.form-row input, label.form-row select { float:right; z-index:5; margin:0 0 4px 0;}
label.form-row h5 {
float:left;
font-size:13px;
font-weight:bold;
color:#646464;
padding:10px 0 0 0;
}
label.form-row .description {
float:right;
width:310px; height:30px;
}
label.form-row .description p { font-size:11px; font-style:italic; color:#9e9e9e; padding:6px 0 0 0; }
/* NEW */
label.simple-label {
width:455px; height:80px;
display:block;
}
label.simple-label p { float:left; margin:12px 0 0 0;}
label.simple-label input, label.simple-label select {float:right;}
/* NEW.End */
#header {
width:1024px; height:174px;
}
.header-top { width:1024px; height:116px;}
a.header-logo {
display:block;
width:178px; height:103px;
background:url(images/logo-top.png);
text-indent:-999999999px;
top:5px; left:23px;
}
a.header-logo:hover { opacity:.9;}
.top-menu, ul.top-menu-cats, ul.top-menu-cats li.active { background-image:url(images/menu-gold.png); background-repeat:repeat-x;}
.top-menu {
width:1024px; height:58px;
background-position: 0 0;
}
.top-menu ul { float:left;}
ul.top-menu-cats {
list-style:none;
width:auto; height:60px;
background-position:0 -58px;
margin: -2px 0 0 2px;
box-shadow:1px 0 0 rgba(0,0,0,.12), -1px 0 0 rgba(0,0,0,.12), inset 1px 0 0 rgba(255,255,255,.2), inset -1px 0 0 rgba(255,255,255,.2);
}
ul.top-menu-cats li {
background-position:0 -178px;
display:block;
float:left;
}
ul.top-menu-cats li a {
display:block;
height:50px;
padding:10px 16px 0 16px;
text-decoration:none;
box-shadow:1px 0 0 rgba(0,0,0,.12);
}
ul.top-menu-cats li:last-child a { box-shadow:none;}
ul.top-menu-cats li a b {
font-family:candarab;
font-size:15px;
font-weight:normal;
color:#fbfbfb;
text-shadow:0 1px 1px #567d00, 0 0 5px rgba(141,84,12,.2);
}
ul.top-menu-cats li a p {
/*font-family:doppio;*/
color:#5a503b;
text-shadow:1px 1px 0 rgba(255,255,255,.18);
}
ul.top-menu-cats li a span {
display:block;
width:112%; height:1px; left:-6%;
background:rgba(0,0,0,.2);
/* box-shadow:0 1px 0 rgba(255,255,255,.25); */
top:11px;
display:none;
}
ul.top-menu-cats li a:hover {
box-shadow:1px 0 0 rgba(0,0,0,.12), inset 0 0 19px rgba(255,255,255,.3);
cursor:pointer;
}
ul.top-menu-cats li a:hover b { color:#FFF;}
/* Active */
ul.top-menu-cats li.active { background-position:0 -118px;}
ul.top-menu-cats li.active a:hover {box-shadow:1px 0 0 rgba(0,0,0,.12);}
ul.top-menu-cats li.active a b { color:#5d5c5c; font-size:16px; text-shadow: 1px 1px 0 rgba(255,255,255,.5);}
ul.top-menu-cats li.active a p { color:#b96f0f; font-size:13px; text-shadow: 1px 1px 0 rgba(255,255,255,.5);}
ul.top-menu-cats li.active a span { display:block;}
ul.top-menu-cats li.active:last-child { box-shadow:inset 1px 0 0 rgba(255,255,255,.1), -1px 0 0 rgba(0,0,0,.12);}
ul.top-menu-cats li.active:last-child a:hover { box-shadow:inset 1px 0 0 rgba(255,255,255,.1), -1px 0 0 rgba(0,0,0,.12);}
ul.top-menu-links {
list-style:none;
}
ul.top-menu-links li {
display:block;
float:left;
background:url(images/menu-seperator.png) no-repeat right;
}
ul.top-menu-links li:last-child { background: none;}
ul.top-menu-links li a {
display:block;
height:37px;
text-decoration: none;
font-family:corbel;
font-size:13px;
font-weight:bold;
color:#fbfbfb;
padding:21px 25px 0 22px;
text-shadow:0 1px 1px #567d00, 0 0 5px rgba(141,84,12,.2);
}
ul.top-menu-links li a:hover {
color:#566a00;
text-shadow:1px 1px 0 rgba(249,213,39,.35), 0 0 25px rgba(255,244,191,.75);
}
ul.top-menu-links li div.menu-dropdown {
position:absolute;
top:57px;
left:-50%;
width:210px; height:auto;
background:#f3b022;
display:none;
box-shadow:inset 0 -1px 1px rgba(0,0,0,.15), 0 1px 0 rgba(255,255,255,.2);
}
ul.top-menu-links li div.menu-dropdown p {
display:block;
width:100%;
padding:0;
box-shadow:0 1px 0 rgba(255,255,255,.1), inset 0 -1px 0 rgba(0,0,0,.1);
}
ul.top-menu-links li div.menu-dropdown p a {
padding:15px 0 15px 17px; height:auto;
color:#7c4c0d;
text-shadow:1px 1px 0 rgba(249,213,39,.35), 0 0 25px rgba(255,244,191,.75);
}
ul.top-menu-links li div.menu-dropdown p a:hover {
color:#fbfbfb;
text-shadow:0 1px 1px #d48319, 0 0 5px rgba(141,84,12,.2);
}
ul.top-menu-links li div.menu-dropdown p:last-child { box-shadow:none;}
ul.top-menu-links li:hover div.menu-dropdown { display:block;}
/* Header Login */
.header-login {
position:absolute;
top:42px; right:25px;
}
.header-login a {
background-image:url(images/orange-submit.gif);
background-position: 0 0;
border: none;
border-radius:3px;
font-family:corbel;
font-weight:bold;
display: block;
padding:9px 22px 9px 22px;
cursor:pointer;
font-size:16px;
color:#fffbf5;
text-shadow:1px 1px 0 rgba(0,0,0,.15), 0 0 3px rgba(0,0,0,.3);
margin:0 0 10px 0;
float:left;
margin-right:5px;
}
.header-login a.green {background-image:url(images/green-submit.gif);}
/* Header Search */
.header-search {
position:absolute;
top:43px; right:23px;
}
.header-search input {
background:#e6e5e2 url(images/search-ico.png) no-repeat right top;
width:241px;
padding:11px 10px 10px 10px;
float:right;
border-radius:4px;
box-shadow:inset 0 2px 3px rgba(0,0,0,.22), inset 0 0 0 1px rgba(0,0,0,.05), 0 0 9px 2px rgba(0,0,0,.25);
}
.header-search input:focus {
background:#fffefa url(images/search-ico.png) no-repeat right top;
box-shadow:inset 0 2px 2px rgba(0,0,0,.1), inset 0 0 0 1px rgba(0,0,0,.05), 0 0 9px 2px rgba(0,0,0,.25);
}
.body-wrapp {
width:100%; height:auto; min-height:600px;background: #F5F5F5;
-webkit-border-top-right-radius: 18px;
-webkit-border-top-left-radius: 18px;
-khtml-border-radius-topright: 18px;
-khtml-border-radius-topleft: 18px;
-moz-border-radius-topright: 18px;
-moz-border-radius-topleft: 18px;
border-top-right-radius: 18px;
border-top-left-radius: 18px;
box-shadow: 0px 0px 20px #182019;
margin-bottom:-20px;
}
}
.page-header {
width:100%; height:117px;
background:url(images/top-info-grad.png) repeat-x bottom;
}
.default-title {
float:left;
margin:28px 0 0 30px;
z-index:1;
}
.default-title.cat {
margin-top:25px !important;
}
.default-title h1 {
font-family:corbel;
font-size:28px;
color:#767676;
text-shadow:1px 1px 0 rgba(255,255,255,.5);
}
.category-title h1 {
font-family:corbel;
font-size:28px;
color:#767676;
text-shadow:1px 1px 0 rgba(255,255,255,.5);
margin-top:-15px;
}
.default-title h1 span { font-family:Arial, Helvetica, sans-serif; font-weight: normal;}
.default-title p {
font-size:16px;
font-weight: normal;
color:#a1a1a1;
text-shadow:1px 1px 0 rgba(255,255,255,.3);
margin:0 0 0 3px;
}
.default-title h2 {
font-size:16px;
font-weight: normal;
color:#a1a1a1;
text-shadow:1px 1px 0 rgba(255,255,255,.3);
margin:0 0 0 3px;
}
/* Select Game Menu */
div.dcat-menu {
width:820px; height:280px;
background: #333 url(images/footer-bg.jpg) repeat;
list-style:none;
border-radius: 0 0 10px 10px;
box-shadow:0 0 26px rgba(0,0,0,.5), 0 5px 5px rgba(0,0,0,.5);
position:absolute;
top:59px; left:0;
padding:5px 10px 10px 10px;
visibility:hidden;
overflow:hidden !important;
border:thick #666666;
z-index:13;
*z-index:2;
border-top: solid 2px #666666;
}
li.selectcat:hover div.dcat-menu { visibility:visible;}
li.selectcat:hover { background-image:url(images/menu-gold.png); background-repeat:repeat-x;}
ul.top-menu-cats li {
float:none;
}
ul.top-menu-links div.dcat-menu li {
background: transparent;
}
ul.top-menu-cats div.dcat-menu li {
height:25px;
}
ul.top-menu-cats div.dcat-menu li.popular {
height:45px;
padding-right:20px;
}
ul.top-menu-cats div.dcat-menu li a {
padding:0;
margin:0;
height:25px;
}
ul.top-menu-cats div.dcat-menu li.popular a {
height:45px;
padding-left:3px;
}
ul.top-menu-cats div.dcat-menu li a p {
display: block;
width:140px;
padding: 5px 0 10px 7px;
text-decoration: none;
color:#fff;
text-shadow:0 1px 0 rgba(0,0,0,.8);
font-weight: normal;
}
ul.top-menu-cats div.dcat-menu li.popular a p {
width:150px;
padding: 14px 5px;
color:#fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.08);
font-weight: bold;
}
ul.top-menu-cats div.dcat-menu li a p:hover {
color:#e8a21f;
}
ul.top-menu-cats div.dcat-menu li.popular a p:hover {
color:#F96206;
}
.game-icon-0, .game-icon-1, .game-icon-2, .game-icon-3, .game-icon-4, .game-icon-5, .game-icon-6, .game-icon-7, .game-icon-8, .game-icon-9, .game-icon-10, .game-icon-11,.game-icon-12,
.game-icon-13, .game-icon-14, .game-icon-15, .game-icon-16, .game-icon-17, .game-icon-18, .game-icon-19, .game-icon-20, .game-icon-21, .game-icon-22, .game-icon-23, .game-icon-24, .game-icon-25 {
background-image:url(allgameicons3.png);
background-color:transparent;
background-repeat: no-repeat;
float:left;
margin:7px 5px 0 5px;
width:32px;
height:32px;
}
.game-icon-0 {background-position:0 0;}
.game-icon-1 {background-position:-34px 0;}
.game-icon-2 {background-position:-68px 0;}
.game-icon-3 {background-position:-102px 0;}
.game-icon-4 {background-position:-136px 0;}
.game-icon-5 {background-position:-170px 0;}
.game-icon-6 {background-position:-204px 0;}
.game-icon-7 {background-position:-238px 0;}
.game-icon-8 {background-position:-272px 0;}
.game-icon-9 {background-position:-306px 0;}
.game-icon-10 {background-position:-340px 0;}
.game-icon-11 {background-position:-374px 0;}
.game-icon-12 {background-position:-408px 0;}
.game-icon-13 {background-position:-34px -34px;}
.game-icon-14 {background-position:-68px -34px;}
.game-icon-15 {background-position:-102px -34px;}
.game-icon-16 {background-position:-136px -34px;}
.game-icon-17 {background-position:-170px -34px;}
.game-icon-18 {background-position:-204px -34px;}
.game-icon-19 {background-position:-238px -34px;}
.game-icon-20 {background-position:-272px -34px;}
.game-icon-21 {background-position:-306px -34px;}
.game-icon-22 {background-position:-340px -34px;}
.game-icon-23 {background-position:-374px -34px;}
.game-icon-24 {background-position:-408px -34px;}
.game-icon-25 {background-position:-442px -34px;}
/*end Select Game Menu*/
/* Page Header -- Open Category*/
.open-category { height:138px;}
.open-cat-imageheader {
width:1024px; height:138px;
/*z-index:1;*/
position:absolute;
top:0; left:0;
box-shadow:inset 0 -1px 0 rgba(0,0,0,.5);
-webkit-border-top-right-radius: 17px;
-webkit-border-top-left-radius: 17px;
-khtml-border-radius-topright: 17px;
-khtml-border-radius-topleft: 17px;
-moz-border-radius-topright: 17px;
-moz-border-radius-topleft: 17px;
border-top-right-radius: 17px;
border-top-left-radius: 17px;
box-shadow: 0px -5px 20px #000;
}
.open-cat-imageheader.wow {
background:url(category-headers/wow.jpg);
}
.open-cat-imageheader.cs {
background:url(category-headers/counterstrike.jpg);
}
.open-cat-imageheader.mc {
background:url(category-headers/minecraft.jpg);
}
.open-cat-imageheader.mu {
background:url(category-headers/muonline.jpg);
}
.open-cat-imageheader.rs {
background:url(category-headers/runescape.jpg);
}
.open-category .select-game {
margin:43px 45px 0 0;
}
.open-category .selected-game {
box-shadow:inset 0 2px 3px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.4), 0 0 32px 8px rgba(255,216,136,.7), inset 0 0 15px rgba(0,0,0,.2);
}
.open-category .default-title {
margin:45px 0 0 50px;
}
.open-category .default-title h1 {
color:#acb940;
font-size:54px;
text-shadow: 0 0 8px rgba(0,0,0,1), 0 2px 3px rgba(0,0,0,.5);
}
.open-category .default-title p {
color:#ccc0ae;
text-shadow: 0 0 6px rgba(0,0,0,1), 0 2px 3px rgba(0,0,0,.5);
font-weight:bold;
}
.open-category .default-title h2 {
color:#ccc0ae;
text-shadow: 0 0 6px rgba(0,0,0,1), 0 2px 3px rgba(0,0,0,.5);
font-weight:bold;
}
/* Selected Category */
.current-category {}
.current-category .game-icon {
float:left;
margin:8px 6px 0 8px;
}
.current-category .game-info {
float:left;
margin:7px 0 0 0;
text-shadow:1px 1px 0 rgba(255,255,255,.2);
}
.current-category .game-info c {font-size:15px; font-family:corbel; color:#333; font-weight:bold;}
.current-category .game-info p {font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#666; font-weight:normal;}
/* Subpage Header */
/*.subpage-header {height:116px;}*/
/* Main Side */
.main-side {
width:842px; height:auto; min-height:772px;
float:left;
background: url(images/mainside-bg.png) no-repeat right top;
z-index:1;
}
/* Subpage Holder */
.subpage-holder {
padding:50px 55px 50px 55px;
}
/* Sites List */
.sites-holder {
top:-1px;
min-height:1300px;
}
ul.site-row {
background:url(images/normal_list_bg.png) repeat-y;
border-top:solid 1px rgba(0,0,0,.05);
border-right:solid 1px rgba(0,0,0,.05);
border-bottom:solid 1px rgba(0,0,0,.05);
padding:0 0 2px 0;
margin-bottom:-1px;
box-shadow: inset 1px 0 9px rgba(255,255,255,.3), inset -1px 0 2px rgba(255,255,255,.2), inset 0 1px 0 rgba(255,255,255,.3), 0 0 8px rgba(0,0,0,.15);
}
ul.site-row li { display:inline-table; vertical-align:middle;}
ul.site-row li.site-details { width:126px;}
li.site-details .sd-holder {
width: 100px;
height: 126px;
margin: 20px 0px 20px 0px;
}
li.site-details .sd-holder span.rank {
font-family: doppio;
font-size: 50px;
color: #36C3D6;
text-align: center;
padding: 0 0 0 0;
text-shadow: 0 0 10px #fff, 0 0 5px #fff;
line-height: 100px;
}
li.site-details .sd-holder span.active {
font-family:doppio;
font-size:28px;
color:#fcfcfc;
text-align:center;
padding:0 0 0 0;
text-shadow:0 0 15px rgba(0,0,0,.23), 0 1px 2px rgba(0,0,0,.3);
}
li.site-details .sd-holder p.details-link {
display: block;
position: absolute;
bottom: 0;
width: 80px;
left: 10px;
height: 20px;
text-align: center;
padding: 6px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color: #6d6d6d;
background: url('images/list_line.png') repeat-x;
border: none;
text-shadow: 1px 1px 0 rgba(255,255,255,.2);
line-height: 25px;
}
/*li.site-details .sd-holder p.details-link:hover {background:rgba(0,0,0,.1);}*/
ul.site-row li.site-info {width:470px; margin-right: 50px; margin-top: -30px; vertical-align:middle;}
li.site-info a {
font-family:corbel;
font-size:17px;
font-weight:bold;
color:#3b3b3b;
padding:7px 0 6px 0;
text-shadow:1px 1px 0 rgba(255,255,255,.4);
}
li.site-info a:hover {
font-family:corbel;
font-size:17px;
font-weight:bold;
color:#5F5F5F;
padding:7px 0 6px 0;
text-shadow:1px 1px 0 rgba(255,255,255,.4);
}
li.site-info span {
font-size:12px;
font-weight:normal;
padding:10px 0 10px 0;
color:#8c8c8c;
text-shadow:1px 1px 0 rgba(255,255,255,.4);
text-align:justify;
}
ul.site-row li.site-statistics {width: 180px;}
.right-index-minilogo {
color: #4f4f4f;
width: 100%;
height: 30px;
margin-top: 15px;
padding-top:13px;
color: #4387CE;
font-size: 18px;
text-shadow: 0 0 10px #fff, 0 0 5px #fff;
text-decoration:none;
background: url('images/list_line.png') repeat-x top;
}
.right-index-minilogo a{
color: #4387CE;
}
.right-index-minilogo a:hover{
color: #316EAD;
}
li.site-statistics .in-out-votes {
color:#4f4f4f;
width: 120px;
font-size:17px; font-weight:bold;
text-shadow:1px 1px 0 rgba(255,255,255,.5);
margin:0 auto;
padding:0 0 12px 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { li.site-statistics .in-out-votes { padding:0; } } /*Chrome fix*/
li.site-statistics .in-out-votes .in-votes { margin:0 10px 0 0;}
li.site-statistics .in-out-votes .in-votes, li.site-statistics .in-out-votes .out-votes { display:block;}
li.site-statistics .in-out-votes .in-votes span { background: url('images/votes.png') no-repeat; float:left; top:-5px; width:27px; height:24px;}
li.site-statistics .in-out-votes .out-votes span { background: url('images/views.png') no-repeat; float:left; top:-5px; width:27px; height:24px;}
/*
background-image: url(style/images/out-arrow.png)
*/
.site-r-holder {
width: 170px;
margin: 0 auto;
text-align: center;
padding: 11px 0 0 0;
background: url('images/list_line.png') repeat-x bottom;
height: 30px;
margin-bottom: 15px;
}
.site-r-holder p {
padding:4px 0 0 0;
font-size:11px;
color:#575757;
text-shadow:1px 1px 0 rgba(255,255,255,.3)
}
.site-r-holder p span { color:#787878; font-size:10px;}
/* Site row - NO BANNER */
.site-banner {
margin-top:5px;
}
.regular-no-banner li.site-details .sd-holder {
width: 100px;
height: 126px;
margin: 20px 0px 20px 0px;
}
.regular-no-banner li.site-details .sd-holder span.rank { padding:0 0 0 0; }
.regular-no-banner li.site-info { vertical-align:top; margin:12px 0 0 0;}
.regular-no-banner li.site-info a {padding:7px 0 2px 0;}
.regular-no-banner li.site-info span {padding:2px 0 10px 0;}
/* Premium Site */
ul.premium-site {
background:url(images/premium_list_bg.png) repeat-y;
}
ul.premium-site li.site-details .sd-holder span.rank { color: #b60606;}
/* GOLD Seller Row */
.gold-seller-row {}
.gold-seller-row li.site-details {height:96px;}
.gold-seller-row li.site-details .sd-holder {height:96px;}
.gold-site-likes-info {
height:30px;
text-shadow:1px 1px 0 rgba(255,255,255,.3);
text-align:right;
width:173px;
box-shadow:0 1px 0 rgba(0,0,0,.07);
margin:0 auto;
padding:0 0 11px 0;
}
.gold-site-likes-info .inner-holder {
margin:0 auto;
}
.gold-site-likes-info .likes-count {
float:left;
font-size:23px;
font-weight:bold;
color:#525252;
top:-3px;
margin:0 18px 0 0;
width:55px;
}
.gold-site-likes-info .likes-count span {
display:block;
font-size:10px;
color:#929292;
top:-5px; left:-1px;
}
.gold-site-likes-info a#like, .gold-site-likes-info a#site-details {
width:28px; height:28px;
background-image:url(images/gold-seller-site-icons.jpg);
display:block;
float:left;
text-indent:-9999px;
box-shadow:0 0 6px rgba(0,0,0,.08);
text-align:start;
}
.gold-site-likes-info a#like {background-position:0 0; margin:0 20px 0 0;}
.gold-site-likes-info a#site-details {background-position:-28px 0;}
.gold-site-likes-info a#like:hover {background-position:0 -28px;}
.gold-site-likes-info a#site-details:hover {background-position:-28px -28px;}
.site-statistics { text-align:center; }
.sd-holder { text-align:center; }
.copyright { text-align:center; }
.sd-holder.h28 { height: 28px !important; }
/* Pagination */
.pagination {
width:1065px; height:66px;
background:url(images/pagination-background.png) no-repeat top;
padding:34px 0 0 0;
margin:10px 0 0 -50px;
}
.pagination ul {list-style:none; color:#c9c9c9; text-align:center;}
.pagination ul li {display:inline-block; margin:0 5px;}
.pagination ul li a {
display:inline-block;
font-family:doppio;
font-size:13px;
color:#919191;
text-decoration:none;
text-shadow:1px 1px 0 rgba(255,255,255,.4);
padding:8px 2px;
}
.pagination ul li a:hover { color:#545454;}
.pagination ul li a.active { color:#383838;}
.pagination ul li a#left-arrow, .pagination ul li a#right-arrow {
width:12px; height:14px;
background-image:url(images/pagination-arrows.png);
top:3px;
padding:0;
}
.pagination ul li a#left-arrow {background-position:0 0; margin:0 6px 0 0;}
.pagination ul li a#right-arrow {background-position:-12px 0; margin:0 0 0 6px;}
.pagination ul li a#left-arrow:hover, .pagination ul li a#right-arrow:hover { opacity:.6;}
/* FOOTER */
.footer {
width:100%; height:115px; min-width:1024px;
background: #151515;
overflow:hidden;
margin:10px 0 0 0;
box-shadow: 0px 4px 20px #000;
}
.footer #top-container {width:100%; height:33px; background: #252525;
border-top-color: #78b112;
border-top-style: solid;
border-top-width: 3px;}
.footer #mid-container {width:100%; height:72px;}
.footer .cont-holder { width:1024px; margin:0 auto;}
/* Footer Top Part */
#top-container p {
float:left;
font-family:corbel;
font-weight:normal;
font-size:13px;
color:#717171;
text-shadow:0 1px 2px rgba(0,0,0,.6), 0 0 8px rgba(0,0,0,.1);
display:block;
width:auto; height:40px;
padding:11px 0 0 22px;
left:-10px;
height: 29px;
}
#top-container p a { color:#a5a5a5;}
#top-container p a:hover { color:#e8a21f;}
#top-container span {
float:right;
font-family:corbel;
font-weight:normal;
font-size:13px;
color:#717171;
text-shadow:0 1px 2px rgba(0,0,0,.6), 0 0 8px rgba(0,0,0,.1);
display:block;
width:auto; height:40px;
padding:11px 0 0 22px;
right:10px;
height: 29px;
}
#top-container span a { color:#a5a5a5;}
#top-container span a:hover { color:#e8a21f;}
/* Footer MID Part */
#mid-container .content-holder {
width:1024px; height:300px;
}
/* right SIDE */
#mid-container .right-side {
width:160px;
float:right;
clear:both;
margin:10px 0 0 0;
}
#mid-container .right-side .footer-logo {
display:block;
width:91px; height:53px;
top:-5px;
background:url(images/logo_grey.png);
text-indent:-99999px;
opacity:.5;
right:-12px;
}
#mid-container .right-side .footer-logo:hover { opacity:.7;}
ul.social-media {
width:150px; height:30px;
right:-5px;
list-style:none;
box-shadow:0 -1px 0 rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.03);
padding:13px 0 0 0;
}
ul.social-media li { display:block; float:right;}
ul.social-media li a {
background-image: url(images/social-media.png);
display:block;
width:30px; height:30px;
text-indent:-99999px;
margin:0 0 0 20px;
box-shadow:0 0 8px rgba(0,0,0,.3), 0 1px 1px rgba(0,0,0,.3);
}
ul.social-media li a#twitter {background-position:0 0;}
ul.social-media li a#rss {background-position:-30px 0;}
ul.social-media li a#facebook {background-position:-60px 0;}
ul.social-media li a#twitter:hover {background-position:0 -30px;}
ul.social-media li a#rss:hover {background-position:-30px -30px;}
ul.social-media li a#facebook:hover {background-position:-60px -30px;}
ul.footer-side-manu {
width:150px;
list-style:none;
margin: 0;
right:5px;
padding:6px 0px 0 0;
margin:16px 0 0 0;
box-shadow:0 -1px 0 rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.03);
}
ul.footer-side-manu li {
display:block;
text-align:right;
margin:0 0 2px 0;
}
ul.footer-side-manu li a {
display:block;
font-family:corbel;
font-size:14px;
color:#797979;
padding:2px 0 2px 0;
text-shadow:0 1px 2px rgba(0,0,0,.6), 0 0 8px rgba(0,0,0,.1);
}
ul.footer-side-manu li a:hover { color:#c59d53;}
/* LEFT SIDE */
.left-side {
width:864px; height:72px;
float:left;
}
.footer-cats-head {
width:864px;
padding:25px 0 37px 16px;
margin:0px;
}
.footer-cats-head p {
font-size:14px;
font-weight:bold;
font-family:corbel;
color:#7d7d7d;
text-shadow:0 1px 2px rgba(0,0,0,.6), 0 0 8px rgba(0,0,0,.1);
display:block;
float:left;
margin:0 20px 0 0;
}
.footer-cats-head a {
font-size:12px;
font-weight:normal;
margin:0px 25px 5px 0;
display:block;
float:left;
font-family:corbel;
font-size:14px;
color:#7d7d7d;
text-shadow:0 1px 2px rgba(0,0,0,.6), 0 0 8px rgba(0,0,0,.1);
}
.footer-cats-head a:hover { color:#939393;}
.footer-cats-head a.active { color:#e8a21f;}
.footer-games-cats {
margin:12px 0 0 75px;
}
.footer-games-cats ul {
list-style: none;
float:left;
padding:0 65px 0 0 ;
}
.footer-games-cats ul li {
display:block;
margin:0 0 2px 0;
}
.footer-games-cats ul li a {
font-family:corbel;
font-size:13px;
display:block;
padding:2px 0 2px 0;
color:#7d7d7d;
text-shadow:0 1px 2px rgba(0,0,0,.6), 0 0 8px rgba(0,0,0,.1);
}
.footer-games-cats ul li a:hover { color:#b5b5b5;}
.footer-games-cats a.active { color:#e8a21f;}
/* ADVERTISE BANNERS */
.banner-container {
width:100%; height:auto;
background:#efeeec;
box-shadow:0 0 8px rgba(0,0,0,.06), inset 0 0 0 1px rgba(255,255,255,.5);
border-bottom:solid 1px #d9d9d9;
}
.banner-container.large {padding:22px 0;}
.banner-holder {
width:728px;height:120px;
margin: 0 auto 0 auto;
background:#e5e5e5;
box-shadow:inset 0 0 0 1px #b7b7b7;
text-align:center;
}
/* Sidebar Banner */
.sidebar-banner {
width:160px; height:600px;
background:#e5e5e5;
box-shadow:inset 0 0 0 1px #b7b7b7;
margin:10px auto 0 auto;
}
/* SIDEBAR */
#sidebar { width:182px; float:right;}
/* GOLD SITE Preview */
.gss-header {height:147px;}
.gold-sellers-image-header {
width:1024px; height:157px;
z-index:1;
position:absolute;
top:0; left:0;
box-shadow:inset 0 -1px 0 rgba(0,0,0,.03);
}
.gss-header .default-title {
margin: 41px 0 0 45px;
}
.gss-header .default-title h1 {color:#414141;}
.gss-header .default-title h2 {color:#6b6b6b; margin:0;}
.gss-header .gss-statistics {
z-index:5;
float:right;
height:50px;
margin:35px 40px 0 0;
}
.ggs-likes {
float:left;
text-align:right;
margin:5px 17px 0 0;
height:60px;
box-shadow:1px 0 0 rgba(0,0,0,.1);
padding:0 11px 0 0;
}
.ggs-likes .likes-count {
float:left;
font-size:23px;
font-weight:bold;
color:#525252;
top:-3px;
margin:15px 18px 0 0;
width:60px;
}
.ggs-likes .likes-count span {
display:block;
font-size:10px;
color:#929292;
top:-5px; left:-1px;
}
.ggs-likes a#like {
width:28px; height:28px;
background-image:url(images/gold-seller-site-icons.jpg);
display:block;
float:left;
text-indent:-9999px;
box-shadow:0 0 6px rgba(0,0,0,.08);
text-align:start;
top:15px;
}
.ggs-likes a#like {background-position:0 0; margin:0 20px 0 0;}
.ggs-likes a#like:hover {background-position:0 -28px; margin:0 20px 0 0;}
.gss-header .gss-views-holder {
float:left;
text-align:right;
height:60px;
padding:5px 0;
}
.ggs-views .views-count {
float:left;
font-size:23px;
font-weight:bold;
color:#525252;
top:-3px;
margin:15px 18px 0 0;
width:60px;
}
.ggs-views .views-count span {
display:block;
font-size:10px;
color:#929292;
top:-5px; left:-1px;
}
.ggs-views a#views {
width:28px; height:28px;
background-image:url(images/views.png);
display:block;
float:left;
text-indent:-9999px;
box-shadow:0 0 6px rgba(0,0,0,.08);
text-align:start;
top:13px;
}
/* Gold Site Info */
.open-site-description {
color:#707070;
font-size:14px;
text-shadow:1px 1px 0 rgba(255,255,255,.3);
padding:20px 25px 20px 25px;
line-height:150%;
}
h1.open-site-link {
display:block;
font-size:14px;
color:#4c4c4c;
text-shadow:1px 1px 0 rgba(255,255,255,.3);
font-weight:bold;
margin:5px 0 0 25px;
}
h1.open-site-link a { color:#707070; font-weight:bold;}
h1.open-site-link a:hover { color:#df931c;}
.open-site-categories {
padding:22px 25px 0 25px;
}
.open-site-categories h1 {
display:block;
font-size:14px;
color:#4c4c4c;
text-shadow:1px 1px 0 rgba(255,255,255,.3);
font-weight:bold;
border-bottom:dashed 1px #8d8d8d;
padding:0 0 12px 0;
}
.osc-links {
padding:10px 0 0 0;
color:#c6c5c3;
}
.osc-links a { color:#8d8d8d; display:inline-block; padding:2px 2px;}
.osc-links a:hover { color:#333;}
.open-site-reviews {
padding:22px 25px 20px 25px;
}
.open-site-reviews p {
/*display:block;*/
font-size:14px;
color:#4c4c4c;
text-shadow:1px 1px 0 rgba(255,255,255,.3);
font-weight:bold;
border-bottom:dashed 1px #8d8d8d;
padding:0 0 12px 0;
}
/* Comments */
.comments-holder {
padding:30px 0 20px 0;
}
.osr-comment-row {
margin:20px 0 0 0;
padding:0 0 20px 0;
/* box-shadow:0 1px 0 0 rgba(0,0,0,.05); */
background:url(images/comments-bot-shadow.png) no-repeat bottom center;
text-shadow:1px 1px 0 rgba(255,255,255,.3);
}
.osr-comment-row .user-info {
text-align:right;
width:130px; height:50px;
float:left;
display:inline-block;
padding:0 10px 0 0;
}
.osr-comment-row .user-info h4 { color:#4f4f4f;}
.osr-comment-row .user-info h5 { font-size:10px; color:#818181; line-height:110%; position:absolute; bottom:0px; right:10px;}
.osr-comment-row .user-avatar {
width:50px; height:50px;
background:url(images/avatar.png);
float:left;
display:inline-block;
}
.osr-comment-row .comment-text {
width:580px; min-height:59px;
color:#636363;
float:left;
display:inline-block;
padding:0 0 0 10px;
margin:0 0 0 12px;
box-shadow: -1px 0 0 rgba(0,0,0,.2);
}
/* Comments pagination */
.comments-pagination {
width:98%;
text-align:right;
padding:12px 20px 12px 0;
background:rgba(0,0,0,.01);
margin:1px 0 0 0;
text-shadow:1px 1px 0 rgba(255,255,255,.3);
}
.comments-pagination a {
color:#7c7c7c;
display:inline-block;
padding:2px 2px;
}
.comments-pagination a.prev { color:#9b9b9b;}
.comments-pagination a.next { color:#9b9b9b;}
.comments-pagination a:hover { color:#4c4c4c;}
.comments-pagination a.active { font-weight:bold; color:#000;}
/* Sub Containers */
.sub-container-light {
width:95%;
padding:20px;
background:rgba(255,255,255,.35);
margin:10px 0 10px 0;
box-shadow:0 0 12px rgba(0,0,0,.05), inset 0 1px 0 rgba(255,255,255,.3);
color:#848484;
}
.light {
width:95%;
padding:20px;
background:rgba(255,255,255,.35);
margin:10px 0 10px 0;
box-shadow:0 0 12px rgba(0,0,0,.05), inset 0 1px 0 rgba(255,255,255,.3);
color:#848484;
border: solid 1px #E0E0E0;
}
.light h3 {background:#E5E5E5; color:#666666; height:30px; margin:-20px -20px 10px -20px; padding:10px 10px 0;}
.sub-container-dark {
width:95%;
padding:20px;
background:rgba(0,0,0,.1);
margin:10px 0 10px 0;
box-shadow:0 0 12px rgba(0,0,0,.02), inset 0 1px 2px rgba(0,0,0,.1);
color:#686868;
}
/* Advertise Banner */
table.adv-table {
background:#ededea;
border:solid 1px #dadad8;
margin:10px 0 0 0;
}
table.adv-table tr {
border:none;
}
table.adv-table tr td {
text-align:center;
border:solid 1px #dadad8;
padding:18px 0;
color:#393939;
font-size:13px;
}
table.adv-table tr.header td {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
color:#5a5a5a;
padding:13px 0 13px 0;
background:#e2e1de;
box-shadow:inset 1px 1px 0 rgba(255,255,255,.2);
}
table.adv-table tr td a { color:#6B6B6B; }
table.adv-table tr td a:hover { color:#666666;}
table.adv-table tr td a.todo { color:#CA5F0F; text-decoration:none; font-weight:normal; padding:0 5px 0 5px;}
table.adv-table tr.table-header {
}
table.adv-table tr.table-header td {
background:url(images/table-header.gif) repeat-x;
height:20px;
text-align:left;
}
table.adv-table tr.table-header td h2 {
color:#333333;
font-family:corbel;
font-size:17px;
font-weight:bold;
margin:-2px 0 0 25px;
}
.hidden {
display: none;
}
hr {
color: #CCCCCC;
background-color: #CCCCCC;
border: 1px;
margin: 5px 0 5px 0;
}
/* NEW */
/* GUIDES */
ul.quick-navigation {
width:112%; height:40px;
margin:-39px 0 40px -44px;
background:rgba(0,0,0,.04);
box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);
}
ul.quick-navigation li {
display:block;
float:left;
width:auto; height:38px;
top:1px; left:1px;
background:url(images/quick-nav.png) no-repeat right;
background-color:rgba(255,255,255,.3);
box-shadow:inset 0 2px 0 rgba(255,255,255,.25);
}
ul.quick-navigation li p {
display:none;
width:6px; height:38px;
background:url(images/quick-nav-end.png) no-repeat;
position:absolute;
right:0; top:0;
z-index:13;
}
ul.quick-navigation li a {
font-family:corbel;
font-weight:bold;
font-size:14px;
display:block;
padding:9px 20px 9px 12px;
color:#999;
text-shadow:1px 1px 0 rgba(255,255,255,.3);
}
ul.quick-navigation li span {
font-family:corbel;
font-weight:bold;
font-size:14px;
display:block;
padding:9px 20px 9px 12px;
color:#999;
text-shadow:1px 1px 0 rgba(255,255,255,.3);
}
ul.quick-navigation li a:hover { color:#777}
ul.quick-navigation li:last-child a { color:#666;}
ul.quick-navigation li:last-child a:hover { color:#000;}
ul.quick-navigation li:last-child p { display:block;}
.sort-bar { text-align:center; margin:10px auto; }
.sort-bar select {width:200px; margin:auto 1px; }
.sort-bar input[type="submit"].gray { float:right; margin-right:30px; margin-left:-30px;}
.search-bar { margin:20px 0 10px 0;}
.search-bar input[type="text"] {width:349px;}
.search-bar select {width:200px; margin:0 0 0 10px;}
.search-bar input[type="submit"] {display:inline-block; top:1px; margin:0 0 0 10px;}
.guides-title { height:120px;}
.guides-content {}
.guides-content h3 {font-size:13px;font-weight: normal;}
.guides-content h5 { font-size:17px; color:#bf7d31; margin:20px 0 0 0;}
.guide-topic-row {
color:#000;
display:block;
width:100%; height:auto;
margin:0 0 1px 0;
padding:12px 15px 15px 0;
border-bottom: solid 1px #E2E2E2;
}
.guide-topic-row:nth-child(odd)
{
background-color: #F2F2F2;
}
.guide-topic-row p { font-family:corbel; font-size:15px; font-weight:bold; margin:0 0 2px 0; color:#4e4e4e; margin:0 0 0 15px;}
.guide-topic-row span { font-size:12px; color:#666; font-weight:bold; margin:0 0 0 1px; display:block; margin:0 0 0 15px;}
.guide-topic-row:hover {
background:rgba(0,0,0,.02);
}
.guide-topic-row:hover p { color:#d58318; }
.orange-topic:hover { color:#d58318;}
.guide-topic-row:hover span { color:#5b5b5b;}
.guide-topic-row:hover span.label { color:#fff;}
.guide-topic-row.core { background:rgba(0,0,0,.04); border-bottom: solid 1px #ccc; border-radius:10px; }
.guide-topic-row.core:hover { background:rgba(0,0,0,.02); }
.guide-topic-row.core p { font-size:18px;}
.guide-topic-row.core i { display:block; margin:0 0 0 15px; color:#666666;}
.guide-topic-row.core .navigation {
color:#CCC;
margin:8px 0 0 10px;
padding:5px 0 2px 0;
}
.guide-topic-row.core .navigation a { margin:0 5px 0 5px; }
.guide-topic-row.core .navigation.blink { z-index:15; margin-top:-30px }
/* NEWS */
.news { padding:5px 15px;}
.news-row {width:790px; padding:10px; overflow:hidden;}
.nheader {
display:block;
background:rgba(0,0,0,.04);
width:105%;
margin:-10px 0 0 -10px;
padding:10px;
border-top:solid 2px #f2f2f2;
border-bottom:solid 1px rgba(255,255,255,.6);
}
.news-row h1 {margin:0 0 4px 0; font-size:19px; color:#FFF; text-shadow:0 0 3px rgba(0,0,0,.2), 1px 2px 0 rgba(0,0,0,.05);}
.news-row span { display:block; font-weight:bold; font-size:12px; color:#7e7e7e; text-shadow:1px 1px 0 rgba(255,255,255,.4);}
.news-row div.news-cont {
color:#565656;
font-size:14px;
padding:6px 0 10px 0;
border-bottom:dashed 1px #CCC;
}
.news-row a.comments {
display:block;
margin:10px 0 0 0;
font-weight:bold;
cursor:pointer;
color:#888;
text-shadow:1px 1px 0 rgba(255,255,255,.8);
}
.news-row a.comments:hover { color:#000;}
/* NEW.End */
.percentbar { background:#f0efef; border:2px solid #ccc; height:25px; width:200px; margin: auto; box-shadow:inset 0 2px 2px rgba(0,0,0,.1), inset 0 0 0 1px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.4);}
.percentbar div { background:#d48319; height: 25px; color:#FFFFFF; line-height:25px; text-shadow:1px 1px 0 rgba(0,0,0,.4); box-shadow:inset 0 2px 2px rgba(0,0,0,.1), inset 0 0 0 1px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.4); }
.select-filter {
width:211px; height:38px;
z-index:3;
float:left;
padding-left:7px;
}
.selected-filter {
width:181px; height:38px;
background:#d1d0cd;
border-radius:3px;
box-shadow:inset 0 2px 3px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.4);
text-align:left;
padding-left:30px;
}
.selected-filter .select-arrow {
position:absolute;
width:19px; height:21px;
background:url(images/select-game-arrows.png) no-repeat;
top:10px; right:10px;
}
.selected-filter span {
display:block;
font-size:14px;
font-family:corbel;
font-weight:bold;
color:#8c8c8c;
padding-top:10px;
text-shadow:1px 1px 0 rgba(255,255,255,.3);
}
.select-filter:hover div.filters-dropdown-menu { visibility:visible;}
div.filters-dropdown-menu {
width:211px;
background:#f7f7f7;
border-radius:3px;
list-style:none;
box-shadow:0 0 26px rgba(0,0,0,.2), 0 5px 5px rgba(0,0,0,.1);
visibility:hidden;
overflow:hidden !important;
}
.select-game:hover div.filters-dropdown-menu { visibility:visible;}
div.filters-dropdown-menu li {
display:block;
width:100%; height:33px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 -1px 0 rgba(0,0,0,.1);
text-align:left;
padding-left:30px;
}
div.filters-dropdown-menu li a {
text-decoration:none;
display:block;
padding-top:10px;
width:215px; height:23px;
}
div.filters-dropdown-menu li a.any {
font-size:14px;
font-family:corbel;
font-weight:bold;
color:#8c8c8c;
text-shadow:1px 1px 0 rgba(255,255,255,.3);
}
div.filters-dropdown-menu li a:hover { background:rgba(0,0,0,.02);}
/*********************/
/** jRating CSS **/
/*********************/
.jRating {
height:29px;
width:180px;
float:right;
padding-left:20px;
}
.jRatingInfos {
position:absolute;
top:0;
left:0;
}
/**Div containing the color of the stars */
.jRatingAverage {
background: transparent url('images/star_1.png') repeat-x;
position:relative;
top:0;
left:0;
/*z-index:2;*/
height:100%;
top:1px;
}
.jRatingColor {
position:relative;
top:0;
left:0;
/*z-index:2;*/
height:100%;
background: transparent url('images/star_0.png') repeat-x;
top:1px;
}
/** Div containing the stars **/
.jStar {
position:absolute;
left:0;
width: 180px;
top:1px;
left:0;
/*z-index:2;*/
height:100%;
background: transparent url('images/star_2.png') repeat-x;
}
.jRatingAverage.rts5 { width: 180px; top:-28px; }
p.jRatingInfos {
position:absolute;
z-index:9999;
background: rgba(0,0,0,.4);
color: #eee;
display: none;
width: 81px;
height: 15px;
font-size:12px;
text-align:center;
padding:3px;
border-radius: 5px;
}
p.jRatingInfos span.maxRate {
color:#c9c9c9;
font-size:12px;
}
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}
#gallery {
padding: 5px;
width: 730px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
border: 5px solid #ccc;
border-width: 5px 5px;
}
#gallery ul a:hover img {
border: 5px solid #999;
border-width: 5px 5px;
}
#gallery ul a:hover { color: #fff; }
.adv_link:hover {
background:rgba(0,0,0,.02);
display:block;
padding:20px 0 20px 0;
margin:-20px 0 -20px 0;
}
#top .slides_container {
width:728px;
height:120px;
overflow:hidden;
display:none;
}
#top .slides_container a {
width:728px;
height:120px;
display:block;
}
.caption {
z-index:500;
position:absolute;
bottom:-35px;
height:25px;
background:#000;
background:rgba(0,0,0,.5);
padding-top:5px;
width:728px;
font-size:1.3em;
line-height:1.33;
color:#fff;
border-top:1px solid #000;
text-shadow:none;
}
#side1 .slides_container {
width:160px;
height:600px;
overflow:hidden;
/*position:relative;*/
display:none;
}
#side1 .slides_container a {
width:160px;
height:600px;
display:block;
}
#side2 .slides_container {
width:160px;
height:600px;
overflow:hidden;
/*position:relative;*/
display:none;
}
#side2 .slides_container a {
width:160px;
height:600px;
display:block;
}
/* Account Menu */
.account_menu a {
background-image:url(images/orange-submit.gif);
background-position: 0 0;
border: none;
border-radius:0px;
font-family:corbel;
font-weight:bold;
display: block;
padding:9px 22px 9px 22px;
cursor:pointer;
font-size:14px;
color:#fffbf5;
text-shadow:1px 1px 0 rgba(0,0,0,.15), 0 0 3px rgba(0,0,0,.3);
margin:0 0 10px 0;
float:left;
margin-right:1px;
}
.account_menu a.green {background-image:url(images/green-submit.gif);}
.account_menu a.gray {background-image:url(images/gray-submit.gif);}
.account_menu a:hover { background-position: 0 -38px; color:#FFF;}
#recaptcha_image img { width: 193px; height: 57px; border: solid 1px #a3a9ac; }
#recaptcha_image { width: 193px; height: 57px; margin: 3px 0 5px 0;}
.editorWYSIWYG {font: 10pt Tahoma;border:none;}
.editorBBCODE {font: 9pt "Courier New";}
div.richeditor div.editbar {margin-top:5px;background-image:url('images/editbar_bg.gif');border-left:1px solid silver;border-right:1px solid silver;border-top:1px solid silver;border-bottom:none;}
div.richeditor div button{vertical-align:middle;width:25px;height:25px;border:1px solid transparent;background-color:Transparent;cursor:pointer;color:Black;background-position:center;background-repeat:no-repeat;background-image:none;}
div.richeditor div button:hover{border:1px solid silver;}
div.richeditor textarea { background:rgba(255,255,255,.35);}
div.richeditor iframe {
cursor: pointer;
width:350px;
padding:10px;
margin:0 0 10px 0;
background:rgba(255,255,255,.35);
border-radius:0;
border:none;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-shadow:1px 1px 0 rgba(255,255,255,.3);
box-shadow:inset 0 2px 2px rgba(0,0,0,.1), inset 0 0 0 1px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.4);
resize:none;
}
.nicEdit-pane input, .nicEdit-pane select {
padding:0;
margin:0;
width:150px;
}
.nicEdit-main {
background:rgba(255,255,255,.60) !important;
}
.nicEdit-main img {
max-width:750px;
}
.nicEdit-panelContain {
}
table.inbox-table {
background:#fff;
/*border:solid 1px #dadad8;*/
margin:10px 0 0 0;
}
table.inbox-table tr {
border:none;
}
table.inbox-table tr td {
text-align:left;
border:solid 1px #EAEAEA;
padding:8px;
color:#393939;
font-size:13px;
}
table.inbox-table tr.header td {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
color:#5a5a5a;
padding:8px;
background:#e2e1de;
box-shadow:inset 1px 1px 0 rgba(255,255,255,.2);
}
table.inbox-table tr td a { color:#8f8f8f; text-decoration:none; font-weight:bold;}
table.inbox-table tr td a:hover { color:#666666;}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 500px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
border-radius:5px;
background:#FFF;
}
.isa_info, .isa_success, .isa_warning, .isa_error {
text-align:left;
font-size:12px;
font-weight:normal;
border: 1px solid;
margin: 10px 0px;
padding:10px 10px 10px 40px;
background-repeat: no-repeat;
background-position: 10px center;-moz-border-radius:.5em;
-webkit-border-radius:.5em;
border-radius:.5em;
opacity:0.8;
}
.isa_small {
max-width:280px;
}
.isa_info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('images/xinfo.png');
}
.isa_success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('images/xsuccess.png');
}
.isa_warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('images/xwarning.png');
}
.isa_error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('images/xerror.png');
}
#details p {
border-bottom:none;
font-weight:normal;
}
#details img {
max-width:750px;
}
#details div, #details span, #details p, #details a, #details li {
background-color: transparent !important;
}
.add_comment .write{display: none; width:780px}
#reply {
background-image:url(images/gray-submit.gif);
background-position: 0 0;
border: none;
border-radius:3px;
font-family:corbel;
font-weight:bold;
display: block;
padding:9px 22px 9px 22px;
cursor:pointer;
font-size:14px;
color:#fffbf5;
text-shadow:1px 1px 0 rgba(0,0,0,.15), 0 0 3px rgba(0,0,0,.3);
margin:0 0 10px 0;
float:right;
margin-right:2px;
}
.follow {
height: 22px;
line-height: 22px;
font-size: 12px;
padding: 0px 10px;
background: -moz-linear-gradient(center top , rgb(246, 246, 246) 0%, rgb(229, 229, 229) 100%) repeat scroll 0% 0% transparent;
background:-webkit-gradient(linear, center top, center bottom, color-stop(0%,rgb(246, 246, 246)), color-stop(100%,rgb(229, 229, 229)));
border: 1px solid rgb(219, 219, 219);
box-shadow: 0px 1px 0px rgb(255, 255, 255) inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
border-radius: 3px 3px 3px 3px;
color: rgb(97, 97, 97);
display: inline-block;
white-space: nowrap;
transition: all 0.2s ease-in-out 0s;
font-weight:lighter;
text-decoration:none !important;
}
.follow:hover { color:#666666; }
.vote_up: {
width:16px; height:16px;
background-image:url(images/vote3.html);
box-shadow:0 0 6px rgba(0,0,0,.08);
float:right;
}
.vote_up:hover { opacity:0.7 }
/* Modal Popup */
.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: #000;
background: rgba(0,0,0,.8);
z-index: 100;
display: none;
top: 0;
left: 0;
}
.reveal-modal {
visibility: hidden;
position: fixed;
top: 10%;
left: 50%;
z-index: 101;
width: 520px;
margin-left: -280px;
background-color: #fff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.3);
*border: 1px solid #999;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
outline: none;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}
.modal-header {
padding: 9px 15px;
border-bottom: 1px solid rgb(238, 238, 238);
}
.modal-body {
position: relative;
padding: 15px;
overflow-y: auto;
}
.modal-footer {
padding: 14px 15px 15px;
margin-bottom: 0;
text-align: right;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
*zoom: 1;
-webkit-box-shadow: inset 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #ffffff;
border-radius: 0px 0px 6px 6px;
box-shadow: 0px 1px 0px rgb(255, 255, 255) inset;
}
.reveal-modal.small { width: 200px; margin-left: -140px;}
.reveal-modal.medium { width: 400px; margin-left: -240px;}
.reveal-modal.large { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge { width: 800px; margin-left: -440px;}
.reveal-modal .close-reveal-modal { }
.close {
float: right;
font-size: 20px;
font-weight: bold;
line-height: 20px;
color: rgb(0, 0, 0);
text-shadow: 0px 1px 0px rgb(255, 255, 255);
opacity: 0.2;
position: absolute;
top: 15px;
right: 20px;
}
.close:hover, .close:focus {
color: rgb(0, 0, 0);
text-decoration: none;
cursor: pointer;
opacity: 0.4;
}
/* NEWS */
.topic_page {width:790px; padding:0; margin:0 0 0 -44px ; }
.topic-row {width:790px; padding:10px; margin:0; overflow:hidden; background:#FFFFFF;}
.topic-row p { float:right; }
.topic-cont {
color:#565656;
font-size:14px;
padding:10px;
}
.topic-row a.comments {
display:block;
margin:10px 5px 0 0;
font-weight:bold;
cursor:pointer;
color:#888;
text-shadow:1px 1px 0 rgba(255,255,255,.8);
padding:10px;
}
.topic-row a.comments:hover { color:#000;}
.topic-row a.user {margin:0 0 4px 0; font-size:19px; color:#737373; text-shadow:0 0 1px rgba(0,0,0,.2), 1px 2px 0 rgba(0,0,0,.05);}
.topic-row span { display:block; font-weight:normal; font-size:12px; color:#7e7e7e; text-shadow:1px 1px 0 rgba(255,255,255,.4);}
/*D3DAD3*/
.topic-header {background:#E5E5E5; height:30px; margin:-10px -10px; padding:5px;}
.topic-header span {padding:7px 5px; font-size:14px;}
.topic-header span#vote_up {
width:16px; height:16px;
background-image:url(images/vote3.html);
box-shadow:0 0 6px rgba(0,0,0,.08);
float:right;
}
.topic-header p { float:right; top:-20px; right:10px; }
/* NEW.End */
.small {
font-size: 12px;
}
.announce {font-family:corbel;font-size:13px;color:#FF9900;text-shadow:1px 1px 0 rgba(255,255,255,.5);}
.line {
box-shadow:inset 0 -1px 0 rgba(0,0,0,.25), 0 1px 0 rgba(255,255,255,.04);
height:2px;
margin:3px auto;
width:98%;
}
.line.short {
width:80%;
}
.otext {
color:#FF9900;
margin-top:18px;
font-size:18px;
text-shadow:1px 1px 0 rgba(0,0,0,.8);
}
.gtext {
color:#999;
font-size:14px;
text-shadow:1px 1px 0 rgba(0,0,0,.8);
}
.tag {
display: inline-block;
background: url("images/tag.png") repeat scroll 0% 0% transparent;
height: 20px;
line-height: 20px;
padding: 0px 7px 0px 15px;
margin: 5px 5px 0px 0px;
font-size: 11px;
color: rgb(101, 101, 101);
text-shadow: 0px 1px 0px rgb(255, 255, 255);
border-radius: 0px 3px 3px 0px;
}
.left {
float: left;
}
.right {
float: right;
}
.center {
text-align:center;
}
.link {
background-image:url(images/orange-submit.gif);
background-position: 0 0;
border: none;
border-radius:3px;
height:20px !important;
padding:9px 22px 9px 22px !important;
cursor:pointer;
font-size:14px;
color:#fffbf5;
text-shadow:1px 1px 0 rgba(0,0,0,.15), 0 0 3px rgba(0,0,0,.3);
margin:0 0 10px 0;
}
.link:hover { background-position: 0 -38px; color:#FFF;}
.link.gray {background-image:url(images/gray-submit.gif);}
.link.green {background-image:url(images/green-submit.gif);}
.front_input {
display: inline-block;
width: auto;
height: 20px;
height: 19px\9;
min-width: 16px;
padding: 1px 6px 1px 8px !important;
font-size: 14px;
font-weight: normal;
line-height: 21px;
text-align: center;
text-shadow: 0px 1px 0px rgb(255, 255, 255);
background-color: #F0F0F0;
background: -moz-linear-gradient(center top , rgb(246, 246, 246) 0%, rgb(229, 229, 229) 100%) repeat scroll 0% 0% transparent;
background:-webkit-gradient(linear, center top, center bottom, color-stop(0%,rgb(246, 246, 246)), color-stop(100%,rgb(229, 229, 229)));
border: 1px solid rgb(204, 204, 204);
border-radius: 5px 0px 0px 5px;
vertical-align: top;
margin-right: -4px;
}
.front_input.orange {background-image:url(images/orange-submit.gif); text-shadow:1px 1px 0 rgba(0,0,0,.3); color:#fff; }
.front_input.green {background-image:url(images/green-submit.gif); text-shadow:1px 1px 0 rgba(0,0,0,.3); color:#fff; }
.end_input {
display: inline-block;
width: auto;
height: 20px;
height: 19px\9;
min-width: 16px;
padding: 1px 2px 1px 8px !important;
font-size: 14px;
font-weight: normal;
line-height: 21px;
text-align: center;
text-shadow: 0px 1px 0px rgb(255, 255, 255);
background-color: #F0F0F0;
background: -moz-linear-gradient(center top , rgb(246, 246, 246) 0%, rgb(229, 229, 229) 100%) repeat scroll 0% 0% transparent;
background:-webkit-gradient(linear, center top, center bottom, color-stop(0%,rgb(246, 246, 246)), color-stop(100%,rgb(229, 229, 229)));
border: 1px solid rgb(204, 204, 204);
border-radius: 0 5px 5px 0;
vertical-align: top;
margin-right: -4px;
}
.linkimg:hover { opacity:0.7; filters.alpha.opacity:60; }
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-moz-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
-moz-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease;
}
.collapse.in {
height: auto;
}
.label,
.badge {
display: inline-block;
padding: 2px 4px;
font-size: 11.844px;
font-weight: bold;
line-height: 14px;
color: #ffffff;
vertical-align: baseline;
white-space: nowrap;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #999999;
}
.label {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.badge {
padding-left: 9px;
padding-right: 9px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
}
.label.white,
.badge.white {
color:#FFFFFF;
}
.label:empty,
.badge:empty {
display: none;
}
a.label:hover,
a.label:focus,
a.badge:hover,
a.badge:focus {
color: #ffffff;
text-decoration: none;
cursor: pointer;
}
.label-important,
.badge-important {
background-color: #b94a48;
}
.label-important[href],
.badge-important[href] {
background-color: #953b39;
}
.label-warning,
.badge-warning {
background-color: #f89406;
}
.label-warning[href],
.badge-warning[href] {
background-color: #c67605;
}
.label-success,
.badge-success {
background-color: #468847;
}
.label-success[href],
.badge-success[href] {
background-color: #356635;
}
.label-info,
.badge-info {
background-color: #3a87ad;
}
.label-info[href],
.badge-info[href] {
background-color: #2d6987;
}
.label-inverse,
.badge-inverse {
background-color: #333333;
}
.label-inverse[href],
.badge-inverse[href] {
background-color: #1a1a1a;
}
.btn .label,
.btn .badge {
position: relative;
top: -1px;
}
.btn-mini .label,
.btn-mini .badge {
top: 0;
}
.btn {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #333333;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #e6e6e6;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border: 1px solid #cccccc;
*border: 0;
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
*margin-left: .3em;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
color: #333333;
background-color: #e6e6e6;
*background-color: #d9d9d9;
}
.btn:active,
.btn.active {
background-color: #cccccc \9;
}
.btn:first-child {
*margin-left: 0;
}
.btn:hover,
.btn:focus {
color: #333333;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.btn:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn.active,
.btn:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn.disabled,
.btn[disabled] {
cursor: default;
background-image: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn-large {
padding: 11px 19px;
font-size: 17.5px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
margin-top: 4px;
}
.btn-small {
padding: 2px 10px;
font-size: 11.9px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
margin-top: 0;
}
.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
margin-top: -1px;
}
.btn-mini {
padding: 0 6px;
font-size: 10.5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
padding-left: 0;
padding-right: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
color: rgba(255, 255, 255, 0.75);
}
.btn-orange {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #e9a31f;
background-image: -moz-linear-gradient(top, #f3ae20, #d38018);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3ae20), to(#d38018));
background-image: -webkit-linear-gradient(top, #f3ae20, #d38018);
background-image: -o-linear-gradient(top, #f3ae20, #d38018);
background-image: linear-gradient(to bottom, #f3ae20, #d38018);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff3ae20', endColorstr='#ffd38018', GradientType=0);
border-color: #d38018 #d38018 #d58319;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #d58319;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.btn-orange.disabled,
.btn-orange[disabled] {
color: #ffffff;
background-color: #d38018;
*background-color: #d38018;
}
.btn-orange:active,
.btn-orange.active {
background-color: #d38018 \9;
}
.btn-red {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #b61810;
background-image: -moz-linear-gradient(top, #de2823, #b61810);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#de2823), to(#b61810));
background-image: -webkit-linear-gradient(top, #de2823, #b61810);
background-image: -o-linear-gradient(top, #de2823, #b61810);
background-image: linear-gradient(to bottom, #de2823, #b61810);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffde2823', endColorstr='#ffb61810', GradientType=0);
border-color: #bd362f #bd362f #802420;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #b61810;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.btn-red.disabled,
.btn-red[disabled] {
color: #ffffff;
background-color: #b61810;
*background-color: #b61810;
}
.btn-red:active,
.btn-red.active {
background-color: #b61810 \9;
}
.btn-primary {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #006dcc;
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
background-image: linear-gradient(to bottom, #0088cc, #0044cc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #0044cc;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
color: #ffffff;
background-color: #0044cc;
*background-color: #003bb3;
}
.btn-primary:active,
.btn-primary.active {
background-color: #003399 \9;
}
.btn-warning {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #faa732;
background-image: -moz-linear-gradient(top, #fbb450, #f89406);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
background-image: -o-linear-gradient(top, #fbb450, #f89406);
background-image: linear-gradient(to bottom, #fbb450, #f89406);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
border-color: #f89406 #f89406 #ad6704;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #f89406;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
color: #ffffff;
background-color: #f89406;
*background-color: #df8505;
}
.btn-warning:active,
.btn-warning.active {
background-color: #c67605 \9;
}
.btn-danger {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #da4f49;
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
border-color: #bd362f #bd362f #802420;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #bd362f;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
color: #ffffff;
background-color: #bd362f;
*background-color: #a9302a;
}
.btn-danger:active,
.btn-danger.active {
background-color: #942a25 \9;
}
.btn-success-end {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #CCCCCC;
background-image: -moz-linear-gradient(top, #EEEEEE, #AAAAAA);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EEEEEE), to(#AAAAAA));
background-image: -webkit-linear-gradient(top, #EEEEEE, #AAAAAA);
background-image: -o-linear-gradient(top, #EEEEEE, #AAAAAA);
background-image: linear-gradient(to bottom, #EEEEEE, #AAAAAA);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
border-color: #EEEEEE #EEEEEE #387038;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #EEEEEE;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success-end.disabled{
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #CCCCCC;
background-image: -moz-linear-gradient(top, #EEEEEE, #AAAAAA);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EEEEEE), to(#AAAAAA));
background-image: -webkit-linear-gradient(top, #EEEEEE, #AAAAAA);
background-image: -o-linear-gradient(top, #EEEEEE, #AAAAAA);
background-image: linear-gradient(to bottom, #EEEEEE, #AAAAAA);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
border-color: #EEEEEE #EEEEEE #387038;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #EEEEEE;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #5bb75b;
background-image: -moz-linear-gradient(top, #62c462, #51a351);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
background-image: -webkit-linear-gradient(top, #62c462, #51a351);
background-image: -o-linear-gradient(top, #62c462, #51a351);
background-image: linear-gradient(to bottom, #62c462, #51a351);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
border-color: #51a351 #51a351 #387038;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #51a351;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
color: #ffffff;
background-color: #51a351;
*background-color: #499249;
}
.btn-success:active,
.btn-success.active {
background-color: #408140 \9;
}
.btn-info {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #49afcd;
background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
border-color: #2f96b4 #2f96b4 #1f6377;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #2f96b4;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
color: #ffffff;
background-color: #2f96b4;
*background-color: #2a85a0;
}
.btn-info:active,
.btn-info.active {
background-color: #24748c \9;
}
.btn-inverse {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #363636;
background-image: -moz-linear-gradient(top, #444444, #222222);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
background-image: -webkit-linear-gradient(top, #444444, #222222);
background-image: -o-linear-gradient(top, #444444, #222222);
background-image: linear-gradient(to bottom, #444444, #222222);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
border-color: #222222 #222222 #000000;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #222222;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
color: #ffffff;
background-color: #222222;
*background-color: #151515;
}
.btn-inverse:active,
.btn-inverse.active {
background-color: #080808 \9;
}
button.btn,
input[type="submit"].btn {
*padding-top: 3px;
*padding-bottom: 3px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
padding: 0;
border: 0;
}
button.btn.btn-large,
input[type="submit"].btn.btn-large {
*padding-top: 7px;
*padding-bottom: 7px;
}
button.btn.btn-small,
input[type="submit"].btn.btn-small {
*padding-top: 3px;
*padding-bottom: 3px;
}
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
*padding-top: 1px;
*padding-bottom: 1px;
}
.btn-link,
.btn-link:active,
.btn-link[disabled] {
background-color: transparent;
background-image: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn-link {
border-color: transparent;
cursor: pointer;
color: #0088cc;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.btn-link:hover,
.btn-link:focus {
color: #005580;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
color: #333333;
text-decoration: none;
}
/*icons*/
[class^="icon-"],
[class*=" icon-"] {
display: inline-block;
width: 14px;
height: 14px;
*margin-right: .3em;
line-height: 14px;
vertical-align: text-top;
background-image: url("images/glyphicons-halflings.png");
background-position: 14px 14px;
background-repeat: no-repeat;
margin-top: 1px;
}
/* White icons with optional class, or on hover/focus/active states of certain elements */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
background-image: url("images/glyphicons-halflings-white.png");
}
.icon-glass {
background-position: 0 0;
}
.icon-music {
background-position: -24px 0;
}
.icon-search {
background-position: -48px 0;
}
.icon-envelope {
background-position: -72px 0;
}
.icon-heart {
background-position: -96px 0;
}
.icon-star {
background-position: -120px 0;
}
.icon-star-empty {
background-position: -144px 0;
}
.icon-user {
background-position: -168px 0;
}
.icon-film {
background-position: -192px 0;
}
.icon-th-large {
background-position: -216px 0;
}
.icon-th {
background-position: -240px 0;
}
.icon-th-list {
background-position: -264px 0;
}
.icon-ok {
background-position: -288px 0;
}
.icon-remove {
background-position: -312px 0;
}
.icon-zoom-in {
background-position: -336px 0;
}
.icon-zoom-out {
background-position: -360px 0;
}
.icon-off {
background-position: -384px 0;
}
.icon-signal {
background-position: -408px 0;
}
.icon-cog {
background-position: -432px 0;
}
.icon-trash {
background-position: -456px 0;
}
.icon-home {
background-position: 0 -24px;
}
.icon-file {
background-position: -24px -24px;
}
.icon-time {
background-position: -48px -24px;
}
.icon-road {
background-position: -72px -24px;
}
.icon-download-alt {
background-position: -96px -24px;
}
.icon-download {
background-position: -120px -24px;
}
.icon-upload {
background-position: -144px -24px;
}
.icon-inbox {
background-position: -168px -24px;
}
.icon-play-circle {
background-position: -192px -24px;
}
.icon-repeat {
background-position: -216px -24px;
}
.icon-refresh {
background-position: -240px -24px;
}
.icon-list-alt {
background-position: -264px -24px;
}
.icon-lock {
background-position: -287px -24px;
}
.icon-flag {
background-position: -312px -24px;
}
.icon-headphones {
background-position: -336px -24px;
}
.icon-volume-off {
background-position: -360px -24px;
}
.icon-volume-down {
background-position: -384px -24px;
}
.icon-volume-up {
background-position: -408px -24px;
}
.icon-qrcode {
background-position: -432px -24px;
}
.icon-barcode {
background-position: -456px -24px;
}
.icon-tag {
background-position: 0 -48px;
}
.icon-tags {
background-position: -25px -48px;
}
.icon-book {
background-position: -48px -48px;
}
.icon-bookmark {
background-position: -72px -48px;
}
.icon-print {
background-position: -96px -48px;
}
.icon-camera {
background-position: -120px -48px;
}
.icon-font {
background-position: -144px -48px;
}
.icon-bold {
background-position: -167px -48px;
}
.icon-italic {
background-position: -192px -48px;
}
.icon-text-height {
background-position: -216px -48px;
}
.icon-text-width {
background-position: -240px -48px;
}
.icon-align-left {
background-position: -264px -48px;
}
.icon-align-center {
background-position: -288px -48px;
}
.icon-align-right {
background-position: -312px -48px;
}
.icon-align-justify {
background-position: -336px -48px;
}
.icon-list {
background-position: -360px -48px;
}
.icon-indent-left {
background-position: -384px -48px;
}
.icon-indent-right {
background-position: -408px -48px;
}
.icon-facetime-video {
background-position: -432px -48px;
}
.icon-picture {
background-position: -456px -48px;
}
.icon-pencil {
background-position: 0 -72px;
}
.icon-map-marker {
background-position: -24px -72px;
}
.icon-adjust {
background-position: -48px -72px;
}
.icon-tint {
background-position: -72px -72px;
}
.icon-edit {
background-position: -96px -72px;
}
.icon-share {
background-position: -120px -72px;
}
.icon-check {
background-position: -144px -72px;
}
.icon-move {
background-position: -168px -72px;
}
.icon-step-backward {
background-position: -192px -72px;
}
.icon-fast-backward {
background-position: -216px -72px;
}
.icon-backward {
background-position: -240px -72px;
}
.icon-play {
background-position: -264px -72px;
}
.icon-pause {
background-position: -288px -72px;
}
.icon-stop {
background-position: -312px -72px;
}
.icon-forward {
background-position: -336px -72px;
}
.icon-fast-forward {
background-position: -360px -72px;
}
.icon-step-forward {
background-position: -384px -72px;
}
.icon-eject {
background-position: -408px -72px;
}
.icon-chevron-left {
background-position: -432px -72px;
}
.icon-chevron-right {
background-position: -456px -72px;
}
.icon-plus-sign {
background-position: 0 -96px;
}
.icon-minus-sign {
background-position: -24px -96px;
}
.icon-remove-sign {
background-position: -48px -96px;
}
.icon-ok-sign {
background-position: -72px -96px;
}
.icon-question-sign {
background-position: -96px -96px;
}
.icon-info-sign {
background-position: -120px -96px;
}
.icon-screenshot {
background-position: -144px -96px;
}
.icon-remove-circle {
background-position: -168px -96px;
}
.icon-ok-circle {
background-position: -192px -96px;
}
.icon-ban-circle {
background-position: -216px -96px;
}
.icon-arrow-left {
background-position: -240px -96px;
}
.icon-arrow-right {
background-position: -264px -96px;
}
.icon-arrow-up {
background-position: -289px -96px;
}
.icon-arrow-down {
background-position: -312px -96px;
}
.icon-share-alt {
background-position: -336px -96px;
}
.icon-resize-full {
background-position: -360px -96px;
}
.icon-resize-small {
background-position: -384px -96px;
}
.icon-plus {
background-position: -408px -96px;
}
.icon-minus {
background-position: -433px -96px;
}
.icon-asterisk {
background-position: -456px -96px;
}
.icon-exclamation-sign {
background-position: 0 -120px;
}
.icon-gift {
background-position: -24px -120px;
}
.icon-leaf {
background-position: -48px -120px;
}
.icon-fire {
background-position: -72px -120px;
}
.icon-eye-open {
background-position: -96px -120px;
}
.icon-eye-close {
background-position: -120px -120px;
}
.icon-warning-sign {
background-position: -144px -120px;
}
.icon-plane {
background-position: -168px -120px;
}
.icon-calendar {
background-position: -192px -120px;
}
.icon-random {
background-position: -216px -120px;
width: 16px;
}
.icon-comment {
background-position: -240px -120px;
}
.icon-magnet {
background-position: -264px -120px;
}
.icon-chevron-up {
background-position: -288px -120px;
}
.icon-chevron-down {
background-position: -313px -119px;
}
.icon-retweet {
background-position: -336px -120px;
}
.icon-shopping-cart {
background-position: -360px -120px;
}
.icon-folder-close {
background-position: -384px -120px;
width: 16px;
}
.icon-folder-open {
background-position: -408px -120px;
width: 16px;
}
.icon-resize-vertical {
background-position: -432px -119px;
}
.icon-resize-horizontal {
background-position: -456px -118px;
}
.icon-hdd {
background-position: 0 -144px;
}
.icon-bullhorn {
background-position: -24px -144px;
}
.icon-bell {
background-position: -48px -144px;
}
.icon-certificate {
background-position: -72px -144px;
}
.icon-thumbs-up {
background-position: -96px -144px;
}
.icon-thumbs-down {
background-position: -120px -144px;
}
.icon-hand-right {
background-position: -144px -144px;
}
.icon-hand-left {
background-position: -168px -144px;
}
.icon-hand-up {
background-position: -192px -144px;
}
.icon-hand-down {
background-position: -216px -144px;
}
.icon-circle-arrow-right {
background-position: -240px -144px;
}
.icon-circle-arrow-left {
background-position: -264px -144px;
}
.icon-circle-arrow-up {
background-position: -288px -144px;
}
.icon-circle-arrow-down {
background-position: -312px -144px;
}
.icon-globe {
background-position: -336px -144px;
}
.icon-wrench {
background-position: -360px -144px;
}
.icon-tasks {
background-position: -384px -144px;
}
.icon-filter {
background-position: -408px -144px;
}
.icon-briefcase {
background-position: -432px -144px;
}
.icon-fullscreen {
background-position: -456px -144px;
}
/*gfx*/
.carousel {
position: relative;
margin-bottom: 20px;
line-height: 1;
max-width:720px;
margin: 0 auto;
}
.carousel-inner {
overflow: hidden;
width: 100%;
position: relative;
background:#000000;
}
.carousel-inner > .item {
display: none;
position: relative;
-webkit-transition: 0.6s ease-in-out left;
-moz-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
min-height:450px;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
line-height: 1;
max-height:450px;
margin: auto;
}
.carousel-inner > .item > iframe {
/*margin: 60px 80px;*/
width:720px;
height:450px;
z-index:104;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 50%;
left: 15px;
width: 40px;
height: 40px;
margin-top: -20px;
font-size: 60px;
font-weight: 100;
line-height: 30px;
color: #ffffff;
text-align: center;
background: #222222;
border: 3px solid #ffffff;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 23px;
opacity: 0.5;
filter: alpha(opacity=50);
z-index:105;
}
.carousel-control.right {
left: auto;
right: 15px;
}
.carousel-control:hover,
.carousel-control:focus {
color: #ffffff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90);
}
.carousel-indicators {
position: absolute;
top: 15px;
right: 15px;
z-index: 5;
margin: 0;
list-style: none;
}
.carousel-indicators li {
display: block;
float: left;
width: 10px;
height: 10px;
margin-left: 5px;
text-indent: -999px;
background-color: #ccc;
background-color: rgba(255, 255, 255, 0.25);
border-radius: 5px;
}
.carousel-indicators .active {
background-color: #fff;
}
.carousel-caption {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 15px;
background: #333333;
background: rgba(0, 0, 0, 0.75);
}
.carousel-caption h4,
.carousel-caption p {
color: #ffffff;
line-height: 20px;
}
.carousel-caption h4 {
margin: 0 0 5px;
}
.carousel-caption p {
margin-bottom: 0;
}
/* code + pre */
code,
pre {
padding: 0 3px 2px;
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
font-size: 12px;
color: #333333;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
code {
padding: 2px 4px;
color: #d14;
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
white-space: nowrap;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 20px;
word-break: break-all;
word-wrap: break-word;
white-space: pre;
white-space: pre-wrap;
background-color: #f5f5f5;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
pre b { color:#003300; }
pre.prettyprint {
margin-bottom: 20px;
}
pre code {
padding: 0;
color: inherit;
white-space: pre;
white-space: pre-wrap;
background-color: transparent;
border: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
/* dropdowns */
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle {
*margin-bottom: -3px;
}
.dropdown-toggle:active,
.open .dropdown-toggle {
outline: 0;
}
.caret {
display: inline-block;
width: 0;
height: 0;
vertical-align: top;
border-top: 4px solid #000000;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: "";
}
.dropdown .caret {
margin-top: 8px;
margin-left: 2px;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
background-color: #ffffff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
*border-right-width: 2px;
*border-bottom-width: 2px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
*width: 100%;
height: 1px;
margin: 9px 1px;
*margin: -5px 0 5px;
overflow: hidden;
background-color: #e5e5e5;
border-bottom: 1px solid #ffffff;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 20px;
color: #333333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
text-decoration: none;
color: #ffffff;
background-color: #0081c2;
background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
background-image: -o-linear-gradient(top, #0088cc, #0077b3);
background-image: linear-gradient(to bottom, #0088cc, #0077b3);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #ffffff;
text-decoration: none;
outline: 0;
background-color: #0081c2;
background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
background-image: -o-linear-gradient(top, #0088cc, #0077b3);
background-image: linear-gradient(to bottom, #0088cc, #0077b3);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #999999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor: default;
}
.open {
*z-index: 1000;
}
.open > .dropdown-menu {
display: block;
}
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px solid #000000;
content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 1px;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px 6px;
border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
.dropup .dropdown-submenu > .dropdown-menu {
top: auto;
bottom: 0;
margin-top: 0;
margin-bottom: -2px;
-webkit-border-radius: 5px 5px 5px 0;
-moz-border-radius: 5px 5px 5px 0;
border-radius: 5px 5px 5px 0;
}
.dropdown-submenu > a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #cccccc;
margin-top: 5px;
margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
.dropdown .dropdown-menu .nav-header {
padding-left: 20px;
padding-right: 20px;
}
.typeahead {
z-index: 1051;
margin-top: 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
/*dropdowns*/
.btn-group {
position: relative;
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
font-size: 0;
vertical-align: middle;
white-space: nowrap;
*margin-left: .3em;
}
.btn-group:first-child {
*margin-left: 0;
}
.btn-group + .btn-group {
margin-left: 5px;
}
.btn-toolbar {
font-size: 0;
margin-top: 10px;
margin-bottom: 10px;
}
.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group {
margin-left: 5px;
}
.btn-group > .btn {
position: relative;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.btn-group > .btn + .btn {
margin-left: -1px;
}
.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
font-size: 14px;
}
.btn-group > .btn-mini {
font-size: 10.5px;
}
.btn-group > .btn-small {
font-size: 11.9px;
}
.btn-group > .btn-large {
font-size: 17.5px;
}
.btn-group > .btn:first-child {
margin-left: 0;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
}
.btn-group > .btn.large:first-child {
margin-left: 0;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-left-radius: 6px;
}
.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
border-bottom-right-radius: 6px;
}
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
z-index: 2;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
padding-left: 8px;
padding-right: 8px;
-webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
*padding-top: 5px;
*padding-bottom: 5px;
}
.btn-group > .btn-mini + .dropdown-toggle {
padding-left: 5px;
padding-right: 5px;
*padding-top: 2px;
*padding-bottom: 2px;
}
.btn-group > .btn-small + .dropdown-toggle {
*padding-top: 5px;
*padding-bottom: 4px;
}
.btn-group > .btn-large + .dropdown-toggle {
padding-left: 12px;
padding-right: 12px;
*padding-top: 7px;
*padding-bottom: 7px;
}
.btn-group.open .dropdown-toggle {
background-image: none;
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn-group.open .btn.dropdown-toggle {
background-color: #e6e6e6;
}
.btn-group.open .btn-primary.dropdown-toggle {
background-color: #0044cc;
}
.btn-group.open .btn-warning.dropdown-toggle {
background-color: #f89406;
}
.btn-group.open .btn-danger.dropdown-toggle {
background-color: #bd362f;
}
.btn-group.open .btn-success.dropdown-toggle {
background-color: #51a351;
}
.btn-group.open .btn-info.dropdown-toggle {
background-color: #2f96b4;
}
.btn-group.open .btn-inverse.dropdown-toggle {
background-color: #222222;
}
.btn .caret {
margin-top: 8px;
margin-left: 0;
}
.btn-large .caret {
margin-top: 6px;
}
.btn-large .caret {
border-left-width: 5px;
border-right-width: 5px;
border-top-width: 5px;
}
.btn-mini .caret,
.btn-small .caret {
margin-top: 8px;
}
.dropup .btn-large .caret {
border-bottom-width: 5px;
}
.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}
.btn-group-vertical {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
}
.btn-group-vertical > .btn {
display: block;
float: none;
max-width: 100%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.btn-group-vertical > .btn + .btn {
margin-left: 0;
margin-top: -1px;
}
.btn-group-vertical > .btn:first-child {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.btn-group-vertical > .btn:last-child {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.btn-group-vertical > .btn-large:first-child {
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
}
.btn-group-vertical > .btn-large:last-child {
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
}
/* tooltips */
.tooltip {
position: absolute;
z-index: 1030;
display: block;
visibility: visible;
font-size: 11px;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in {
opacity: 0.8;
filter: alpha(opacity=80);
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
.tooltip-inner {
text-shadow: 0px 0px 0 rgba(255,255,255,.5);
max-width: 200px;
padding: 8px;
color: #ffffff;
text-align: center;
text-decoration: none;
background-color: #000000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
/* ALERT */
.alert {
padding: 10px 35px 10px 14px;
margin-bottom: 20px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size:14px;
}
.alert.cfix {
width:792px;
margin:0 auto;
text-align:center;
}
.alert,
.alert h4 {
color: #c09853;
}
.alert h4 {
margin: 0;
}
.alert .close {
position: relative;
top: -2px;
right: -21px;
line-height: 20px;
}
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #468847;
}
.alert-success h4 {
color: #468847;
}
.alert-danger,
.alert-error {
background-color: #f2dede;
border-color: #eed3d7;
color: #b94a48;
}
.alert-danger h4,
.alert-error h4 {
color: #b94a48;
}
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #3a87ad;
}
.alert-info h4 {
color: #3a87ad;
}
.alert-block {
padding-top: 14px;
padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
margin-bottom: 0;
}
.alert-block p + p {
margin-top: 5px;
}
.flag {
width: 16px;
height: 11px;
background:url(images/flags.png) no-repeat;
float:right;
margin:6px 0;
}
.flag.flag-ad {background-position: -16px 0}
.flag.flag-ae {background-position: -32px 0}
.flag.flag-af {background-position: -48px 0}
.flag.flag-ag {background-position: -64px 0}
.flag.flag-ai {background-position: -80px 0}
.flag.flag-al {background-position: -96px 0}
.flag.flag-am {background-position: -112px 0}
.flag.flag-an {background-position: -128px 0}
.flag.flag-ao {background-position: -144px 0}
.flag.flag-ar {background-position: -160px 0}
.flag.flag-as {background-position: -176px 0}
.flag.flag-at {background-position: -192px 0}
.flag.flag-au {background-position: -208px 0}
.flag.flag-aw {background-position: -224px 0}
.flag.flag-az {background-position: -240px 0}
.flag.flag-ba {background-position: 0 -11px}
.flag.flag-bb {background-position: -16px -11px}
.flag.flag-bd {background-position: -32px -11px}
.flag.flag-be {background-position: -48px -11px}
.flag.flag-bf {background-position: -64px -11px}
.flag.flag-bg {background-position: -80px -11px}
.flag.flag-bh {background-position: -96px -11px}
.flag.flag-bi {background-position: -112px -11px}
.flag.flag-bj {background-position: -128px -11px}
.flag.flag-bm {background-position: -144px -11px}
.flag.flag-bn {background-position: -160px -11px}
.flag.flag-bo {background-position: -176px -11px}
.flag.flag-br {background-position: -192px -11px}
.flag.flag-bs {background-position: -208px -11px}
.flag.flag-bt {background-position: -224px -11px}
.flag.flag-bv {background-position: -240px -11px}
.flag.flag-bw {background-position: 0 -22px}
.flag.flag-by {background-position: -16px -22px}
.flag.flag-bz {background-position: -32px -22px}
.flag.flag-ca {background-position: -48px -22px}
.flag.flag-catalonia {background-position: -64px -22px}
.flag.flag-cd {background-position: -80px -22px}
.flag.flag-cf {background-position: -96px -22px}
.flag.flag-cg {background-position: -112px -22px}
.flag.flag-ch {background-position: -128px -22px}
.flag.flag-ci {background-position: -144px -22px}
.flag.flag-ck {background-position: -160px -22px}
.flag.flag-cl {background-position: -176px -22px}
.flag.flag-cm {background-position: -192px -22px}
.flag.flag-cn {background-position: -208px -22px}
.flag.flag-co {background-position: -224px -22px}
.flag.flag-cr {background-position: -240px -22px}
.flag.flag-cu {background-position: 0 -33px}
.flag.flag-cv {background-position: -16px -33px}
.flag.flag-cw {background-position: -32px -33px}
.flag.flag-cy {background-position: -48px -33px}
.flag.flag-cz {background-position: -64px -33px}
.flag.flag-de {background-position: -80px -33px}
.flag.flag-dj {background-position: -96px -33px}
.flag.flag-dk {background-position: -112px -33px}
.flag.flag-dm {background-position: -128px -33px}
.flag.flag-do {background-position: -144px -33px}
.flag.flag-dz {background-position: -160px -33px}
.flag.flag-ec {background-position: -176px -33px}
.flag.flag-ee {background-position: -192px -33px}
.flag.flag-eg {background-position: -208px -33px}
.flag.flag-eh {background-position: -224px -33px}
.flag.flag-england {background-position: -240px -33px}
.flag.flag-er {background-position: 0 -44px}
.flag.flag-es {background-position: -16px -44px}
.flag.flag-et {background-position: -32px -44px}
.flag.flag-eu {background-position: -48px -44px}
.flag.flag-fi {background-position: -64px -44px}
.flag.flag-fj {background-position: -80px -44px}
.flag.flag-fk {background-position: -96px -44px}
.flag.flag-fm {background-position: -112px -44px}
.flag.flag-fo {background-position: -128px -44px}
.flag.flag-fr {background-position: -144px -44px}
.flag.flag-ga {background-position: -160px -44px}
.flag.flag-gb {background-position: -176px -44px}
.flag.flag-gd {background-position: -192px -44px}
.flag.flag-ge {background-position: -208px -44px}
.flag.flag-gf {background-position: -224px -44px}
.flag.flag-gg {background-position: -240px -44px}
.flag.flag-gh {background-position: 0 -55px}
.flag.flag-gi {background-position: -16px -55px}
.flag.flag-gl {background-position: -32px -55px}
.flag.flag-gm {background-position: -48px -55px}
.flag.flag-gn {background-position: -64px -55px}
.flag.flag-gp {background-position: -80px -55px}
.flag.flag-gq {background-position: -96px -55px}
.flag.flag-gr {background-position: -112px -55px}
.flag.flag-gs {background-position: -128px -55px}
.flag.flag-gt {background-position: -144px -55px}
.flag.flag-gu {background-position: -160px -55px}
.flag.flag-gw {background-position: -176px -55px}
.flag.flag-gy {background-position: -192px -55px}
.flag.flag-hk {background-position: -208px -55px}
.flag.flag-hm {background-position: -224px -55px}
.flag.flag-hn {background-position: -240px -55px}
.flag.flag-hr {background-position: 0 -66px}
.flag.flag-ht {background-position: -16px -66px}
.flag.flag-hu {background-position: -32px -66px}
.flag.flag-ic {background-position: -48px -66px}
.flag.flag-id {background-position: -64px -66px}
.flag.flag-ie {background-position: -80px -66px}
.flag.flag-il {background-position: -96px -66px}
.flag.flag-im {background-position: -112px -66px}
.flag.flag-in {background-position: -128px -66px}
.flag.flag-io {background-position: -144px -66px}
.flag.flag-iq {background-position: -160px -66px}
.flag.flag-ir {background-position: -176px -66px}
.flag.flag-is {background-position: -192px -66px}
.flag.flag-it {background-position: -208px -66px}
.flag.flag-je {background-position: -224px -66px}
.flag.flag-jm {background-position: -240px -66px}
.flag.flag-jo {background-position: 0 -77px}
.flag.flag-jp {background-position: -16px -77px}
.flag.flag-ke {background-position: -32px -77px}
.flag.flag-kg {background-position: -48px -77px}
.flag.flag-kh {background-position: -64px -77px}
.flag.flag-ki {background-position: -80px -77px}
.flag.flag-km {background-position: -96px -77px}
.flag.flag-kn {background-position: -112px -77px}
.flag.flag-kp {background-position: -128px -77px}
.flag.flag-kr {background-position: -144px -77px}
.flag.flag-kurdistan {background-position: -160px -77px}
.flag.flag-kw {background-position: -176px -77px}
.flag.flag-ky {background-position: -192px -77px}
.flag.flag-kz {background-position: -208px -77px}
.flag.flag-la {background-position: -224px -77px}
.flag.flag-lb {background-position: -240px -77px}
.flag.flag-lc {background-position: 0 -88px}
.flag.flag-li {background-position: -16px -88px}
.flag.flag-lk {background-position: -32px -88px}
.flag.flag-lr {background-position: -48px -88px}
.flag.flag-ls {background-position: -64px -88px}
.flag.flag-lt {background-position: -80px -88px}
.flag.flag-lu {background-position: -96px -88px}
.flag.flag-lv {background-position: -112px -88px}
.flag.flag-ly {background-position: -128px -88px}
.flag.flag-ma {background-position: -144px -88px}
.flag.flag-mc {background-position: -160px -88px}
.flag.flag-md {background-position: -176px -88px}
.flag.flag-me {background-position: -192px -88px}
.flag.flag-mg {background-position: -208px -88px}
.flag.flag-mh {background-position: -224px -88px}
.flag.flag-mk {background-position: -240px -88px}
.flag.flag-ml {background-position: 0 -99px}
.flag.flag-mm {background-position: -16px -99px}
.flag.flag-mn {background-position: -32px -99px}
.flag.flag-mo {background-position: -48px -99px}
.flag.flag-mp {background-position: -64px -99px}
.flag.flag-mq {background-position: -80px -99px}
.flag.flag-mr {background-position: -96px -99px}
.flag.flag-ms {background-position: -112px -99px}
.flag.flag-mt {background-position: -128px -99px}
.flag.flag-mu {background-position: -144px -99px}
.flag.flag-mv {background-position: -160px -99px}
.flag.flag-mw {background-position: -176px -99px}
.flag.flag-mx {background-position: -192px -99px}
.flag.flag-my {background-position: -208px -99px}
.flag.flag-mz {background-position: -224px -99px}
.flag.flag-na {background-position: -240px -99px}
.flag.flag-nc {background-position: 0 -110px}
.flag.flag-ne {background-position: -16px -110px}
.flag.flag-nf {background-position: -32px -110px}
.flag.flag-ng {background-position: -48px -110px}
.flag.flag-ni {background-position: -64px -110px}
.flag.flag-nl {background-position: -80px -110px}
.flag.flag-no {background-position: -96px -110px}
.flag.flag-np {background-position: -112px -110px}
.flag.flag-nr {background-position: -128px -110px}
.flag.flag-nu {background-position: -144px -110px}
.flag.flag-nz {background-position: -160px -110px}
.flag.flag-om {background-position: -176px -110px}
.flag.flag-pa {background-position: -192px -110px}
.flag.flag-pe {background-position: -208px -110px}
.flag.flag-pf {background-position: -224px -110px}
.flag.flag-pg {background-position: -240px -110px}
.flag.flag-ph {background-position: 0 -121px}
.flag.flag-pk {background-position: -16px -121px}
.flag.flag-pl {background-position: -32px -121px}
.flag.flag-pm {background-position: -48px -121px}
.flag.flag-pn {background-position: -64px -121px}
.flag.flag-pr {background-position: -80px -121px}
.flag.flag-ps {background-position: -96px -121px}
.flag.flag-pt {background-position: -112px -121px}
.flag.flag-pw {background-position: -128px -121px}
.flag.flag-py {background-position: -144px -121px}
.flag.flag-qa {background-position: -160px -121px}
.flag.flag-re {background-position: -176px -121px}
.flag.flag-ro {background-position: -192px -121px}
.flag.flag-rs {background-position: -208px -121px}
.flag.flag-ru {background-position: -224px -121px}
.flag.flag-rw {background-position: -240px -121px}
.flag.flag-sa {background-position: 0 -132px}
.flag.flag-sb {background-position: -16px -132px}
.flag.flag-sc {background-position: -32px -132px}
.flag.flag-scotland {background-position: -48px -132px}
.flag.flag-sd {background-position: -64px -132px}
.flag.flag-se {background-position: -80px -132px}
.flag.flag-sg {background-position: -96px -132px}
.flag.flag-sh {background-position: -112px -132px}
.flag.flag-si {background-position: -128px -132px}
.flag.flag-sk {background-position: -144px -132px}
.flag.flag-sl {background-position: -160px -132px}
.flag.flag-sm {background-position: -176px -132px}
.flag.flag-sn {background-position: -192px -132px}
.flag.flag-so {background-position: -208px -132px}
.flag.flag-somaliland {background-position: -224px -132px}
.flag.flag-sr {background-position: -240px -132px}
.flag.flag-ss {background-position: 0 -143px}
.flag.flag-st {background-position: -16px -143px}
.flag.flag-sv {background-position: -32px -143px}
.flag.flag-sx {background-position: -48px -143px}
.flag.flag-sy {background-position: -64px -143px}
.flag.flag-sz {background-position: -80px -143px}
.flag.flag-tc {background-position: -96px -143px}
.flag.flag-td {background-position: -112px -143px}
.flag.flag-tf {background-position: -128px -143px}
.flag.flag-tg {background-position: -144px -143px}
.flag.flag-th {background-position: -160px -143px}
.flag.flag-tj {background-position: -176px -143px}
.flag.flag-tk {background-position: -192px -143px}
.flag.flag-tl {background-position: -208px -143px}
.flag.flag-tm {background-position: -224px -143px}
.flag.flag-tn {background-position: -240px -143px}
.flag.flag-to {background-position: 0 -154px}
.flag.flag-tr {background-position: -16px -154px}
.flag.flag-tt {background-position: -32px -154px}
.flag.flag-tv {background-position: -48px -154px}
.flag.flag-tw {background-position: -64px -154px}
.flag.flag-tz {background-position: -80px -154px}
.flag.flag-ua {background-position: -96px -154px}
.flag.flag-ug {background-position: -112px -154px}
.flag.flag-um {background-position: -128px -154px}
.flag.flag-us {background-position: -144px -154px}
.flag.flag-uy {background-position: -160px -154px}
.flag.flag-uz {background-position: -176px -154px}
.flag.flag-va {background-position: -192px -154px}
.flag.flag-vc {background-position: -208px -154px}
.flag.flag-ve {background-position: -224px -154px}
.flag.flag-vg {background-position: -240px -154px}
.flag.flag-vi {background-position: 0 -165px}
.flag.flag-vn {background-position: -16px -165px}
.flag.flag-vu {background-position: -32px -165px}
.flag.flag-wales {background-position: -48px -165px}
.flag.flag-wf {background-position: -64px -165px}
.flag.flag-ws {background-position: -80px -165px}
.flag.flag-ye {background-position: -96px -165px}
.flag.flag-yt {background-position: -112px -165px}
.flag.flag-za {background-position: -128px -165px}
.flag.flag-zanzibar {background-position: -144px -165px}
.flag.flag-zm {background-position: -160px -165px}
.flag.flag-zw {background-position: -176px -165px}
.sub_bar {
width:112%; height:40px;
margin:-39px 0 40px -44px;
background:rgba(0,0,0,.04);
box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);
}
ul.xnav {
width:112%; height:40px;
margin:-39px 0 40px -44px;
background:rgba(0,0,0,.04);
box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);
}
ul.xnav li {
display:block;
float:left;
width:auto; height:38px;
top:1px; left:1px;
background-color:rgba(255,255,255,.3);
box-shadow:inset 0 2px 0 rgba(255,255,255,.25);
margin-right:3px;
}
ul.xnav li a {
font-family:corbel;
font-weight:bold;
font-size:14px;
display:block;
padding:9px 20px 9px 12px;
color:#999;
text-shadow:1px 1px 0 rgba(255,255,255,.3);
}
ul.xnav li a:hover { color:#777; background: rgba(255,255,255,.4); }