﻿body{
    /*background: #e6edf3 url(body.jpg) repeat-x;
    background: #e3e3e3;
    background: #000 url(/content/3/temp/skin01.jpg) repeat-x top center;*/
    background: #e3e3e3 url(body.png) repeat-x top center;
   /* background: #cacaca url(/content/3/11/body-fp-loggedin.png) repeat-x top center;*/
}

.channelpage-wrap, .vn-content, .vn-lowercontent, .shsl-wrap{
    box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.4); 
}

/* HEADER
----------------------------------------------------------*/
#header-wrap {
    background: url(header.png) left top;
}

#header {
    background: url(header.png) left top;
}

#header-toolmenu{
    background-color: #12558a;
    background-color: rgba(0,0,0, 0.3);
    }

#header-bottom{
    /*
    background-color: #5d94cd;
    background-color: rgba(255,255,255, 0.3);*/
    background: none;
}

/* FOOTER
----------------------------------------------------------*/
#footer{
    background: url(footer.png) left bottom;
}

#footer-inner{
    background: url(footer.png) right top;
}

/* HOTSPOT
----------------------------------------------------------*/
.hotspot .comments{
    color: #63a4d3;
}

/* STORY HOTSPOT LIST
----------------------------------------------------------*/
.shsl-wrap{
    background-image: url(shsl-wrap.png);
    }
    
.shsl-headerwrap{
    background: #2875ae;
    }
    
.shsl-headerwrap b{
    color: #c7ddea;
    }
    
.shsl-header-arrow{
    background-image: url(hotspot-icons.png);
    }

.shsl-timelink{
    color: #a6c1d3;
    }
    
.shsl-timelink.sel{
    color: #2875ae;
    background: #a6c1d3;
    }    
    
.shsl-nextlink, .shsl-prelink, .shsl-nextlink-shadow, .shsl-prelink-shadow{
    background: #6493b6;
    color: #a6c1d5;
    background-image: url(hotspot-icons.png);
    background-position: 0px -200px;
    }
    
.shsl-nextlink:hover{
    background-position: 0px -300px;
    }

.shsl-prelink{
    background-position: 0px -350px;
    }
    
.shsl-prelink:hover{
    background-position: 0px -450px;
    }
    
.shsl-item-bottomwrap{
    color: #c5ddd0;
    }

/* ADS
----------------------------------------------------------*/
#ad-top-wrap{
    /*background-color: #275171;*/
}

/* VIEW NEWS
----------------------------------------------------------*/
.vn-content{
    background-image: url(vn-content.png);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-color: #fff;
}

.vn-title{
    color: #205c8a;
    } 
    
.vn-more a, a.vn-source-link, .vn-userinfowrap, a.vn-username{
    color: #3294dc;
    } 

/* SCOCIAL BAR
----------------------------------------------------------*/
.socialbar-rss, .socialbar-facebook, .socialbar-twitter{
    background: url(socialbar.png) 3px 5px;
    }


/* SIDEMENU
----------------------------------------------------------*/
ul.sidemenu-links a{
    color: #0066cc;
}

ul.sidemenu-links .sel a{
    background: url('sidemenu-arrow.png');
}

/* SUBMENU
----------------------------------------------------------*/
/* link */
.submenu-item .submenu-link, .submenu-subsubtitle{
    color: #34424e;
    }

/* hover */
.submenu-item .submenu-link:hover{
    background-color: #5f7a8f;
    }

/* selected */
.submenu-item.sel .submenu-link, .submenu-item.sel2 .submenu-link, a.submenu-subsubtitle{
    color: #bbc5cd;
    background-color: #556c7f;
    }
    
/* more menu */
#subsubmenu-more-news, #subsubmenu-more-articles, #subsubmenu-more-media{
    color: #297f1c;
    background-color: #617c91;
    }
    
/* SUBMENU2
----------------------------------------------------------*/       
.submenu2 a{
    color: #374652;
    }
    
.submenu2 a:hover{
    background-color: #617b91;
    }

.submenu2 a.sel{
    color: #a7b1b6;
    background-color: #556c7f;
    }
    
/* SUBSUBMENU
----------------------------------------------------------*/  
.subsubmenu{
    background-color: #617c91;
    }

.subsubmenu a{
    color: #bbc5cd;
    }
    
.subsubmenu a:hover{
    background-color: #576f82;
    }
    
.subsubmenu .sel a{
    color: #bbc5cd;
    background-color: #4e6374;
    }
    
/* VIEW NEWS
----------------------------------------------------------*/     
.vn-imagewrap{
    background-color: #11151a;
    }
    
.vn-imagebottomwrap{
    color: #303D48;
    background-color: #66829a;
    }
    
a.vn-commentcount{
    color: #303D48;
    background-image: url(shsl-item-comments.png);
    }
    
.vn-commentcount b{
    border-left: 1px solid #556c80;
    }

.vn-typeicon{
    border-right: 1px solid #556c80;
    }
 
/* SUPER MENUS
----------------------------------------------------------*/ 
.smtabbar-wrap, .smsite-wrap, .smsearch-wrap, .smaccount-wrap, .smnewsboiler-wrap{
    background: #3978AB;
    border-color: #99b9d2;
    }

/* HEADER : TABBAR
----------------------------------------------------------*/   
.tabbar-tab{
    background-color: #395f7f;
    background-color: rgba(0,0,0,0.2);
    }
    
.tabbar-tab:hover{
    background-color: #32536f;
    background-color: rgba(0,0,0,0.3);
    }
    
.tabbar-tab.sel{
    background-color: #7e9eb9;
    background-color: rgba(255,255,255,0.3);
    }

a.tabbar-tabtext{
    color: #b0bfca;
    color: rgba(255,255,255,0.6);
    }

a.tabbar-add:hover, a.tabbar-edit:hover{
    background-color: #6d767f;
    background-color: rgba(0,0,0,0.2);
    }
    
#supermenutabbar-tab{
    background-color: #395f7f;
    background-color: rgba(0,0,0,0.2);
    }
    
#supermenutabbar-tab:hover{
    background-color: #32536f;
    background-color: rgba(0,0,0,0.3);
    }
    
#supermenutabbar-tab.sm-sel{
    background-color: #99b9d2;
    }
    
/* SUPERMENU LINKS
----------------------------------------------------------*/   
.smtabbar-item a, .smsite-wrap ul a, .smaccount-wrap ul a, .smaccount-account, .smaccount-public, .smaccount-pm{
    color: #1e3548;
    background: #4c85b3;
    }
    
.smtabbar-item a:hover, .smsite-wrap ul a:hover, .smaccount-wrap ul a:hover{
    background: #6092bb;
    }
    
.smtabbar-item.sel a, .smaccount-wrap ul a.sel, .smsite-wrap ul a.sel, .smaccount-topwrap a.sel{
    background: #6092bb;
    }
    
#header-pending, #header-login{
    color: #ccd4db;
    }

/* JOIN FORM
----------------------------------------------------------*/
.joinform-wrap{
    background: url(joinbg.jpg);
    }
	    
.joinform-box{
    background-color: #757575;
    background-color: rgba(255,255,255,0.4);
    color: #fff;
    }

.joinform-divbartop, .joinform-divbarbottom{
    background-color: #fa6900;
    }
	        
.joinform-input label{
    color: #002f4f;
    }
	        
.joinform-button{
    background: #fa6900;
    color: #fff;
    border: 2px solid #de5d00;
    }
        
.joinform-tos, .joinform-tos a{
    color: #002f4f;
    }
