/*  f2p.css
    * Base portal stylesheet for Free-to-play
-------------------------------------------------------------- */

/*  ^Header
-------------------------------------------------------------- */
#nav-node a, #nav-node a span { background-image:url('/Themes/Common/v6/images/f2p/bkg-nav-node.png'); }
#navigation { color:#9cf; }
#navigation, #nav-main a, #nav-main a span,
    #nav-main li.first a span, #nav-main li.first a:hover span {
    background-image:url('/Themes/Common/v6/images/f2p/bkg-nav-main.png');
}
#nav-main li.first a span, #nav-main li.first a:hover span { width:18px; /*width:58px;*/ }


/*  ^Content
-------------------------------------------------------------- */
#header { background-image:url('/Themes/Common/v6/images/f2p/bkg-header.jpg'); }
#content { background-color:#ccc !important; }
a { color: #32B4FF; }
a.button, a.button span,
a.button-pop, a.button-pop span {
    background-image:url('/Themes/Common/v6/images/f2p/btn-actions.png');
}

/* Tables */
table.listing a { color: #FFFFFF; }
thead { background:#006699 none repeat scroll 0 0; color:#F9DC19; }
tr.odd { background:#1C2E3A none repeat scroll 0 0; }
tr.even { background:#49565F none repeat scroll 0 0; }

/*  Tabs */
ul.tabs, #toc h2 { border-color:#069; }
ul.tabs a:hover, ul.tabs a:hover span,
    ul.tabs .selected a, ul.tabs .selected a span {
    background-image:url('/Themes/Common/v6/images/f2p/bkg-tabs.png');
}

/*  Buttons */
.callout a.button {
    color:#32b4ff;
    border-color:#32b4ff;
}

/*  Boxes */
/*.box, .box-alt .box, .box-multi .box {}*/
.box { background-color:#1c2e3a; }
.box-alt, .box-multi, .box-invert, #toc h2 { background:#1C2E3A; }
.box .stuff {
    border-color:#1c2e3a;
    color:#aeb7b9;
}
.header { border-color:#cde3ff; }
.box-multi .stuff { border-color:#dcd2a4; }
.box ul.label,  .box-forums thead {
    border-color:#069;
    background-color:#0081ac;
    background-image:url('/Themes/Common/v6/images/f2p/bkg-box-label.png');
}
.box-articles-entry .sub-header .last, .box-articles-entry .callout .last,
.box-image .box-share-tools { background-color: #1C2E3A; }

/*  Widgets
-------------------------------------------------------------- */
.box-search-box .stuff { 
background:#49565F none repeat scroll 0 0 !important; 
border-color:#49565F !important; 
}


/*  Media Box */
.mediabox a { color:#f9dc19; }

/*  Popular */
.box-popular-content ul.cover .details li.hilite,
    .box-popular-content ul.cover .details span.hilite,
    .box-popular-content tr.hilite td .tidbit,
    .box-popular-content li.hilite .tidbit {
    background:#b1d5f0;
}

/* Breadcrumbs */
#breadcrumbs a { color: #0066CC; }

/*  Tracker */
.box-dev-tracker { color:#ccc; }
.box-dev-tracker .stuff {
    border-color:#014072;
    background:#014072;
}
.box-dev-tracker .stuff a { color:#f9dc19; }
.box-dev-tracker .icon { background-image:url('/Themes/Common/v6/images/icons/curse_24x24.jpg'); }

/*  About-game and Portal-ID */
.box-about-portal { display:block; }
.box-about-game .id, .box-about-portal .id {
    background-image:url('/Themes/Common/v6/images/f2p/portal-id.png');
}

#content-2 ol, #content-3 ol, .box-about-game th, .box-guides ul,
    .box-character-of-the-day th, .box-player-of-the-day th,
    .box-videos-and-images .stuff h3, .box-character-of-the-day .stuff h3,
    .box-player-of-the-day .stuff h3, .box-authors .stuff h4,
    .box-description h1, .box-description h2,
    .box .box-description h3, #toc h2, .box-download-categories ol {
    color:#AEB7B9;
}


/*  Additions */
.box-featured .avatar, .box-featured .jar,
.box-most-downloaded .avatar, .box-most-downloaded .jar,
.box-clients .avatar, .box-clients .jar {
    float:left;
}

.box h3, .box h3 a { color:#f9dc19; }
.col-2-1 #content-1 .column-1 { width:440px; }
.col-2-1 #content-1 .column-2 { width:300px; }
.box-whats-hot .stuff {
    padding:0;
    width:298px;
    height:227px;
    color:#f7f7f7;
}
.box-whats-hot .stuff .stuff { background:url('/Themes/Common/v6/images/f2p/bkg-whats-hot-overlay.jpg') 0 0 no-repeat; }
.box-whats-hot .container {
    margin:0 131px 0 10px;
    padding:10px;
    height:149px;
}
.box-whats-hot .callout { height:58px; text-align: center; }
.box-featured .avatar, .box-most-downloaded .avatar,
.box-clients .avatar {
    margin-right:8px;
    padding:0;
}
.box-featured .avatar { border:0; }
.box-featured .avatar, .box-featured .avatar img {
    width:120px;
    height:120px;
}
.box-featured .jar { width:600px; }
.box-most-downloaded .jar, .box-clients .jar { width:140px; }
.box-most-downloaded h3 a, .box-clients h3 a { color:#fff; }

a.ui-accordion-link { color:#AEB7B9; }
.info-download a { color: #32B4FF; }
.info a { color: #AEB7B9; }

.box-featured .stuff, .box-whats-hot .box .stuff { font-size:1.08em; }
.box-featured .stuff h3 { font-size:1.64em; }
.box-whats-hot .stuff h3 { font-size:1.69em; }
.box-most-downloaded .stuff h3, .box-clients .stuff h3 { color: #fff; font-size:1.27em; }
.box-most-downloaded .stuff .info,
.box-clients .stuff .info { font-size:0.91em; }
.box-featured .callout { font-size:0.85em; }

/* Image gallery widget */
.small-thumb { 
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	/*margin-left:auto;
	margin-right:auto;*/
	padding:5px;
	/*position:relative;*/
	text-align:center;
	width:80px; 
}

.small-thumb .jar { 
	background-color:Black;
	height:78px;
	width:80px;
	border:1px solid #000000;
	margin:0 0 6px 0px;
	position:relative; 
}

.small-thumb .jar img { z-index: 2; }
.small-thumb a.icon { 
	background:transparent url(/Themes/Common/v6/images/icons-otd.png) no-repeat scroll 0 0;
	height:30px;
	left:25px;
	position:absolute;
	text-indent:-9999px;
	top:25px;
	width:30px;
	z-index:3; 
}

.small-thumb a.iotd { background-position:-30px 0; }
.box .small-thumb { margin-bottom: 0.83em }
.imglist .entry-border, .box-top-images .entry-border  { background-color: #49565F ; }

/* Chip stuff */
.organized .box, .box-multi .box {
	background: #1C2E3A;
}
.organized .info {
	background:#006699 none repeat scroll 0 0;
}
.organized .icon {
	border: 1px solid #009999;
	background-color:#006699;
}
.organized h2 a {
	color:white;
}
.header {
	border-color:#006699;
}

.box-about-download-stats h1, .box-about-download-stats h2 {
	color:white;
}

.box-multi, .organized {
	background-color:#49565F;
}

ul.tabs a {
	color:#ffffff;
}

.box-contests .stuff .callout {
	background-image:none;
}

.box-giveaways .stuff .callout {
	background-image:none;
}

.box-giveaways .stuff .avatar {
	background:#006699 none repeat scroll 0 0;
	border:1px solid #009999;
	padding:1px;
}

.box-giveaways ul.cover .info {
	background-color:#006699;
	color:white;
	font-size:1em;
}
.box-forums 
{
    background:#F7F7F7 !important;
    color:#444444;
}

.box-comments .stuff {
    background: #1C2E3A none repeat scroll 0 0;
}

.box-comments .organized .details {
    color:#AEB7B9;
}