html{
height:100%;
}
body{
background:#5e6e7d;
height:100%;
margin:0 0 1px 0;
}

#viewport{
width:100%;
min-height:100%;
overflow:hidden;
margin:0;
padding:0;
background:url(../images/main-template/bg-main.png) repeat-y center top;
}
#container{
min-height:500px;
/*background:url(../images/backgrounds/bg-home.jpg) no-repeat top;*/
}
#wef-logo{
margin-top:15px;
background: url(../images/main-template/main-layout-sprite.png) no-repeat -460px 0;
height:88px;
cursor:pointer;
display:block;
text-indent:-9999px;
position: relative;
}
#wef-logo:hover{
background:url(../images/main-template/main-layout-sprite.png) no-repeat -460px -88px;
}
a.gototop-link{
position:absolute;
right:10px;
bottom:10px;
color:#999999;
width:9px;
height:6px;
display:block;
background:url(../images/ico/grey-arrow-up.png) no-repeat;
}
/* wrappers */
.white-wrapper{
background-color:#fff;
width:980px;
margin:auto;
overflow:hidden;
display:block;
}
.white-wrapper.left{
background:no-repeat url(../images/main-template/white-space.gif) left;
}
.main-wrapper{
padding-bottom:50px;
position:relative;
}

/* Header */
#header{
margin-bottom:30px;
margin-top:5px;
background: url(../images/backgrounds/header-line.gif) no-repeat 161px 23px;
}

/* Login region */
#login-region{
height:33px;
width:560px;
position:absolute;
z-index:1000;
top:1px;
right:0px;
z-index:2;
padding-left:0px;
padding-right:21px;
}
#login-region-inner{
position:relative;
background:url(../images/main-template/main-layout-sprite.png) no-repeat 0 -217px;
text-align:right;
font-size:0.9em;
height:33px;
width:560px;
margin-right:20px;
}

#welcome .msg{
font-size:18px;
color:#fff;
position:absolute;
top:5px;
left:10px;
}
input#login-usr{
top:0;
right:330px;
width:150px;
margin:6px 0 0 87px;
}
input#login-pass{
top:0;
right:90px;
width:150px;
margin:6px 0 0 87px;

}
input#login-usr, input#login-pass{
position:absolute;
background:transparent;
font-size:11px;
border:none;
color:#8c8c8c;
}
input#login-usr:focus, input#login-pass:focus{
color:#222;
}
label.usr, label.pass{
color:#6a6a6c;
font-size:11px;
position:absolute;
top:6px;
margin-right:4px;
}
label.usr{
right:485px;
}
label.pass{
right:247px;
}
.login-link, .logout-link{
font-size:12px;
position:absolute;
top:5px;
right:25px;
background:transparent;
border:0;
color:#2393d3;
padding:0;
display:block;
cursor:pointer;
z-index:10;
}
.login-link{
  width:37px;
  height:17px;
}
.login-link:hover, .login-link:focus {
color:#00529c;
}
.logout-link{
right:22px;
}
.logout-link:hover, .logout-link:focus{
color:#fff !important;
}
/* Box Search */

#search-box{
position:relative;
height:80px;
overflow:hidden;
float:right;
width:240px;
margin : 30px 0 0 0;
}
#search-box label{
color:#797979;
font-size:11px;
position:absolute;
left:24px;
top:9px;
}
#search{
width:252px;
height:35px;
display:block;
overflow:hidden;
background:url(../images/main-template/main-layout-sprite.png) -120px -135px;
position:absolute;
bottom:0;
right:0;     
}
#search input.form-text{
height:15px;
width:145px;
margin:6px 0 0 77px;
background:transparent;
font-size:11px;
border:none;
}
#search input.form-submit{
float:right;
width:20px;
height:30px;
overflow:hidden;
border:0 !important;
cursor:pointer;
background:transparent;
}
#search input.form-submit:hover{
background:url(../images/main-template/main-layout-sprite.png) no-repeat -240px 0;
}

/* Main nav */
#main-nav-region{
position:relative;
overflow:hidden;
margin-top:79px;
}
#main-nav-region ul.menu{
margin:0;
padding:0;
background: url(../images/backgrounds/bg-blue-line.gif) repeat-x 0 25px; 
height:35px;
line-height:18px;
overflow:hidden;
}
#main-nav-region li{
float:left;
display:inline;
margin:0;
padding:0;
}
#main-nav-region li a{
font-size:18px;
margin:0 25px 30px 0;
color:#2795d2;
}
#main-nav-region li a:hover, #main-nav-region li a:focus, #main-nav-region li a.active{
color:#00529c;
padding-bottom:6px;
border-bottom:3px solid #00529c;
}

#main-nav-region .secondary-menu a{
font-size:14px;
}
ul.main-menu, 
ul.secondary-menu{
width: 540px;
float:left;
}

/* chinese menu */
.rightnav-2-cols ul.menu li a{
  color:#2393D3;
}
.rightnav-2-cols ul.menu li a.active, .rightnav-2-cols ul.menu li a:hover{
  color:#00529C;
}
a {
  color:#2393D3;
}
a:hover {
  color:#00529C;
}

.logged-in .rightnav-2-cols ul.menu li a{
  color:#428B9E;
}
.logged-in .rightnav-2-cols ul.menu li a.active, .logged-in  .rightnav-2-cols ul.menu li a:hover{
  color:#D9323C;
}
.logged-in a {
  color:#428B9E;
}
.logged-in a:hover {
  color:#D9323C;
}



/* Before Content */
h1.title{
height:30px;
margin:10px;
font-size:22px;
color:#666;
clear:both;
display:block;
overflow:hidden;
width:auto;
}

.breadcrumb a{
color:#666;
}

/* Main content */

#main-content-region{
margin-top:0;
margin-bottom:0;
}

/* Colophon area */
#colophon{
margin:auto;
overflow:hidden;
}
#whitearea{
background-color:#fff;
height:51px;
padding:0;
margin:0;
}
#twitter-area{
height:48px;
overflow:hidden
}
#colophon a.twitter-bubble{
color:#c5c5c5;
font-weight:bold;
font-size:11px;
width:200px;
margin:9px 0 0;
line-height:14px;
}
/* Footer */
#footer-region{
margin:auto;
float:none;
/*overflow:hidden;*/
width:950px;
padding-left:8px;
margin-top:11px;
position:relative;
line-height:1.5em;
}
.footer-cols{
float:left;
width:175px;
color:#f3f3f3;
}

#footer_col1{
  width:220px;
}
#footer_col2{
  width:148px ;
}
#footer_col3{
  width:140px ;
}
#footer_col4{
  width:140px ;
}
#footer_col5{
  width:220px;
  left: -21px;     
  top: -52px;
  position: relative;
}


#footer_col1 p{
  margin-right: 5px;
}





#footer-region a:link, 
#footer-region a:visited{
color:#f0f0f0;
font-weight:bold;
}
#footer-region .arrow-list a:link,
#footer-region .arrow-list a:visited {
font-weight:normal;
}
#footer-region a:hover,
#footer-region a:focus{
color:#fff;
text-decoration:underline;
}
#footer_col1, #footer_col2, #footer_col3, #footer_col4{
margin-right:20px;
}
.footer-cols h2{
font-size:14px;
margin:0 0 5px 0;
border-bottom:1px solid #fff;
padding-bottom:3px;
}
.footer-cols h2 span{
border-bottom:2px solid #fff;
padding-bottom:4px;
}
.footer-cols h4{
font-size:1em;
margin:0 2px 0 0;
}
.footer-cols.underline h4{
border-bottom:1px solid #fff;
padding-bottom:0px;
margin-bottom:8px;
}
.footer-cols.underline h4 span {
border-bottom:1px solid #fff;
padding-bottom:2px;
}
.footer-cols p{
margin:0 0 12px 0;
font-size:12px;
line-height:16px;
color:#ccc;
}

.footer-cols .arrow-list {
margin-left:-8px;
margin-bottom:12px;
}

/* Footer cols content */
.footer-cols ul.menu{
margin:0 0 11px;
padding:0;        
}
.footer-cols ul.menu li{
list-style-type: none;
list-style-image: none;
list-style-position:outside;
background: none;
margin:0; padding:0;
}
.footer-cols ul.menu li a{
font-size:12px;
}
.footer-cols #block-menu_block-7 ul.menu li.last{
  margin-top: 10px;
}
.welcom-footer p{
font-weight: normal;
}
#footer-issues-links a,
#footer-events-links a{
font-weight: normal;
}
#media-links-footer ul{
margin:0 0 0 10px;
}
#media-links-footer h4{
margin-left:-5px;
margin-top:25px;
}
#footer-logo{
background:url(../images/main-template/main-layout-sprite.png) no-repeat -16px -80px;
width:102px;
height:110px;
position:absolute;
right:8px;
top:67px;
}
/* Social footer */
ul.social-links {
	margin:0;
	padding:0
}
ul.social-links li {
	float:left
}
ul.social-links a {
	display:block;
	height:20px;
	margin:0 19px 0 0
}
.social-links a.ico-youku {
	width:17px;
	background:url(../images/main-template/main-layout-sprite.png) no-repeat -140px 0
}
.social-links a.ico-youku:hover {
	background:url(../images/main-template/main-layout-sprite.png) no-repeat -140px -20px
}
.social-links a.ico-flickr {
	width:26px;
	background:url(../images/main-template/main-layout-sprite.png) no-repeat -158px 0
}
.social-links a.ico-flickr:hover {
	background:url(../images/main-template/main-layout-sprite.png) no-repeat -158px -20px
}
.social-links a.ico-sina {
	width:18px;
	background:url(../images/main-template/main-layout-sprite.png) no-repeat -183px 0
}
.social-links a.ico-sina:hover {
	background:url(../images/main-template/main-layout-sprite.png) no-repeat -183px -20px
}
.social-links a.ico-forumblog {
	width:18px;
	background:url(../images/main-template/main-layout-sprite.png) no-repeat -202px 0;
}
.social-links a.ico-forumblog:hover {
	background:url(../images/main-template/main-layout-sprite.png) no-repeat -202px -20px
}
.social-links a.ico-linkedin {
	width:18px;
	background:url(../images/main-template/main-layout-sprite.png) no-repeat -219px 0;  
	margin:0
}
.social-links a.ico-linkedin:hover {
	background:url(../images/main-template/main-layout-sprite.png) no-repeat -219px -20px
}

/* Developpers tools */
.admin-links{
display:none !important;
}
#admin-menu-shadow{
display:none;
visibility:hidden;
}
/*.admin-links{
margin-top:10px !important;
}
div.admin-links li{
background:transparent !important;
background-color:none !important;
}
div.admin-links li a {
background:url(../images/ico/edit-ico.png) no-repeat left center;
-webkit-box-shadow:1px 0 5px rgba(0,0,0,.425);
-moz-box-shadow:1px 0 5px rgba(0,0,0,.425);
box-shadow:1px 0 5px rgba(0,0,0,.425);
font-size:12px;
font-weight:bold;
padding:5px 10px 5px 30px;
color:#2393d3 !important;
}
div.admin-links li a:hover{
color:#000 !important;
background:url(../images/ico/edit-ico-hover.png) no-repeat left center;
}*/
.tabs.primary{
position:fixed;
left:10px;
bottom:2px;
margin:0;
border:0;
z-index: 99999999;
}
.ipad .tabs.primary{ /* fix fixed pos issue */
position:absolute;
left:10px;
top:50px;
}
.tabs.primary li{
float:left;
list-style-type:none;
margin-right:10px;
}
.tabs.primary li a {
background-color:#000;
color:#fff;
height:auto;
border:0;
padding:5px 10px;
font-size:16px;
font-weight:bold;
}
.tabs.primary li a.active, .tabs.primary li a:hover{
background-color:#2393d3;
border:0;
}

/* Style guide */
#style-guide h1.bigtitle{
font-size: 2em; 
margin:20px 20px 40px 20px;
background:#000;
padding:10px;
color:#fff;
}
#style-guide h2.title{
font-size: 1.5em; 
margin:20px;
background:#dfdfdf;
padding:5px 5px 5px 10px;
}
#style-guide .entry{
border-bottom:1px dotted #dfdfdf;
padding-bottom:20px;
margin-bottom:20px;
margin-left:25px;
margin-right:25px;
}
#style-guide .entry h2.title{
margin-left:-5px;
margin-right:-5px;
}
#style-guide .ui-accordion{
width:350px;
}

/* styling backend */

.tabledrag-processed .draggable a{
display:inline;
background:#fff;
border:1px solid #666;
padding:3px 5px;
color:#000;
margin:0 10px;
}
.tabledrag-processed .draggable a:hover{
color:#ff0000;
}
.tabledrag-processed .draggable a.tabledrag-handle{
background:transparent;
padding:0;
border:0;
}