@import url(/assets/templates/broco/css/reset.css);
@import url(/assets/templates/broco/css/fonts.css);

/* @Layout
** Header
*/

BODY {
  background:#FFF;
  font:12px/18px Verdana, 'DejaVu Sans', sans-serif;
  }
.header-wrapper {
  margin:0 0 18px;
  padding:32px 0 0;
  with:100%;
  background:#313131;
  }
  .header .title,
  .header .nav,
  .header .main-nav {
    margin:0 auto;
    width:980px;
    }

.header {
  position:relative;
  border-top:1px solid #D6D6D6;
  background:#FFF;
  }
  .header .title {
    
    line-height:76px;
    font-size:40px;
    font-family: 'PT Sans Narrow';
    }
.header .title a {
    line-height: 60px;
    display: inline;
}
    .header .title IMG {
      float:left;
      display:inline;
      margin:8px 22px;
      }
  .header .nav-wrapper {
    position:absolute;
    top:-32px;
    width:100%;
    line-height:32px;
    }
    .header .nav {
      font-size: 0;
      color:#FFF;
      text-align: right;
      }
    .header .nav li { 
 line-height: 32px; 
}
    .header .nav A, 
    .header .nav B, 
    .header .nav SPAN{
      padding:0;
      font-size: 12px;
      color:#FFF;
      }
    .header .nav B {
      background: #B51111;
      padding: 4px 4px;
    }
    .header .nav A:hover {
      background:#B51111;
      text-decoration:none;
      }
    .header .nav .forms {
      float:left;
      display:inline;
      margin:0 8px 0 0;
      font-size: 12px;
      }
    .header .nav li {
      margin:0 0 0 8px;
      display:inline;
      }
    .header .nav li.daysup {
      margin: 0;
      border-bottom: 2px solid #B51111;
      padding: 4px 4px 9px;
    }
    .header .nav li.daysup.start {
      margin-left: 4px;
    }
    .header .nav li.daysup.end {
      padding-left: 4px;
      padding-right: 0px;
    }
  .header menu,
  .header nav  {
    line-height:36px;
    border-top:5px solid #313131;
    background:#CBCBCB;
    text-align:center;
    }
    .header .main-nav LI {
      display:inline;
      margin:0 40px 0 0;
      font-family:'PT Sans';
      font-size:15px;
      color:#313131;
      text-transform:uppercase;
      }
    .header .main-nav LI.last {
      margin-right: 0;
      }
    .header .main-nav .item {
      color:#313131;
      }
    .header .main-nav .item:hover,
    .header .main-nav .here .item {
      color:#B51111;
      }
      
/* @Layout
** Content Main Page
*/
.content-wrapper {
	margin:0 0 30px;
	overflow:hidden;
}
.content {
	margin:0 auto;
	width:980px;
  }
.content TIME {
    font-size:10px;
    color:#7D7D7D;
    }
  .content A,
  .aside A {
    color:#000;
    }  
  .content A:hover,
  .aside A:hover {
    color:#B51111;
    }
  .three-promo-box {
    margin:0 0 18px;
    width:980px;
    height:196px;
	box-shadow:0 2px 4px rgba(0,0,0,.7);
	-moz-box-shadow:0 2px 4px rgba(0,0,0,.7);
	-webkit-box-shadow:0 2px 4px rgba(0,0,0,.7);
    }
	.js .three-promo-box .expanded {
		width:650px;
		cursor:auto;
		}
		.js .three-promo-box .expanded .box-about {
			display:block;
			}
	.js .expanded.investor {
		background-position:0 0;
		}
	.js .three-promo-box .narrowed {
		width:164px;
		}
		.js .narrowed.newbie {
			background-position: -138px -394px;
			}
		.js .narrowed.professional {
			background-position:-30px -197px;
			}
		.js .narrowed.investor {
			background-position:-120px 0;
			}
    .newbie,
    .professional,
    .investor {
      position:relative;
      float:left;
      display:inline;
      width:326px;
      height:196px;
      background:url(/assets/templates/broco/css/images/promo.jpg) no-repeat -70px 0; /*Delete on production*/
		cursor:pointer;
      }
    .professional {
      border-right:1px solid #FFF;
      border-left:1px solid #FFF;
      background-position:0 -197px;
      }
    .newbie {
      background-position:0 -394px;
    }
	.investor {
      float:right;
    }
    .three-promo-box HEADER {
      position:absolute;
      bottom:0;
      }
	.main .three-promo-box HEADER H2 {
      float:left;
      display:inline;
      margin:0;
      padding:0 6px;
      line-height:28px;
      font-family:'PT Sans Narrow';
      font-size:20px;
      background:#000;
		background:rgba(0,0,0,.5);
	  border:0;
      color:#FFF;
      text-transform:uppercase;
      }
    .three-promo-box HEADER P {
      padding:2px 6px 14px;
      background:#000;
		background:rgba(0,0,0,.7);
      color:#FFF;
      clear:left;
      }
    .three-promo-box HEADER A {
      display:block;
      height:inherit;
      color:#FFF;
      text-decoration:none;
      }
	.three-promo-box HEADER A:hover {
		color:#FFF;
	}
	.three-promo-box .box-about {
		position:relative;
		left:340px;
		top:18px;
		display:none;
		width:300px;
		}
		.three-promo-box .box-about P {
			padding:0 5px;
			font-size:11px;
			background:#FFF;
			}
		.three-promo-box .box-about SPAN {
			line-height:20px;
			}
		.three-promo-box .box-about NAV {
			float:left;
			display:inline;
			margin:18px 0;
			background:#000;
			background:rgba(0,0,0,.8);
			}
		.three-promo-box .box-about NAV A {
			display:block;
			padding:0 10px;
			font-size:16px;
			line-height:36px;
			color:#FFF;
			text-transform:uppercase;
			text-decoration:none;
			}
		.three-promo-box .box-about NAV A:hover {
			background:#000;
			}

  .main .content H2,
  .sub .box H2 {
    float:left;
    display:inline;
    margin:0 0 14px;
    padding:0 0 2px;
    font-size:16px;
    border-bottom:4px solid #000;
    color:#000;
    }
 .main .content H2 A{
     text-decoration: none;
    }
  .box {float:left;display:inline;}
    .box HEADER {float:left;display:inline;width:100%;}
  .hr {
	margin:18px 0;
	width:100%;
	clear:both;
	}
  .adv {
	margin:18px 0;
    width:980px;
    height:80px;
    //background:url(/assets/templates/broco/css/images/adv.png) no-repeat 0 0;
    clear:both;
    }
	.adv-240 {
		margin:18px 0;
		width:240;
		height:400;
		clear:both;
	}
  .about-us,
  .main .news {
	margin: 0 18px 18px 0;
    width:356px;
    height:240px;
    }
    .news LI {
      padding:2px 0 18px;
      }
	.about-us p:lang(zh) {
		margin:10px 0;
	}
.box.awards {
   width: 218px;
}
.awards ol li {
   margin-left: -9px; padding: 0 9px 8px;
   width: 100px; height: 116px;
   dispaly: block;
   float: left;
}
.awards ol li img {
   dispaly: block;
}
.sub .content ul.awards, 
  ul.awards,
        ul.awards li {
            margin: 0; padding: 0;
            display: inline-block;
            list-style: none;
        }
        ul.awards li {
            margin-right: 10px;
            width: 160px;
            height: 280px;
            font-size: 12px;
            vertical-align: top;
        }
        ul.awards li.even {
            margin-left: -170px;
            height: 74px;
            vertical-align: bottom;
        }
  .promo-2 {
    
    }
    .promo-2 P {
      margin:0 0 18px;
      }
    .promo-2 .box HEADER {
      margin:12px 0 12px 12px;
      width:240px;
      }
    .promo-2 .box HEADER OL,
    .promo-2 .box HEADER P {
      font-size:10px;
      clear:left;
      }
    .promo-2 NAV {
      position:absolute;
      bottom:10px;
      right:0;
      padding:2px 4px 4px;
      background:#F3F3F3;
      }
    .withdraw UL {
      clear:left;
      border-top:5px solid #C0C0C0;
      border-bottom:5px solid #C0C0C0;
      height:44px;
    }
    .withdraw LI {
      display:inline;
      margin:0 0 0 -1px;
    }
    .learning,
    .partnership {
      position:relative;
      width:480px;
      height:200px;
      background:url(/assets/templates/broco/css/images/promo.2.jpg) no-repeat 0 0;
      }
    .partnership {
      float:right;
      background-position:0 -200px;
      }
      
/* @Layout
** Content Sub Page thin column
** Sub Page have class .sub
*/
.sub .content-wrapper {
	margin:0 auto;
	width:980px;  
}
.sub .content {
	position:relative;
	float:right;
	display:inline;
	margin:0 260px 18px 0;
	width:460px;
}
	.sub .content HEADER {
		width:100%;
    	overflow:hidden;
    }
	.sub .content .pagetitle {
    	float:left;
    	display:inline;
    	margin:0 0 18px;
    	padding:2px 0;
    	line-height:36px;
    	border-bottom:3px solid #000;
    	font-family:'PT Sans';
    	font-size:30px;
    }
	.sub .content H2{
    	line-height:36px;
    	font-size:18px;
    }
	.sub .content H3{
    	padding:10px 0;
    	font-size:16px;
    }
	.sub .content H5{
    	line-height:36px;
    	font-size:14px;
    }
	.sub .content P {
    	margin:0 0 18px;
    }
	
	.platform-box .small,
	.sub .content .platform-screenshot,
	.sub .content .cite-photo,
	.sub .content .manager-contacts,
	.sub .content .page-picture {
		float:right;
		display:inline;
		margin:-3px -260px 0 20px;
		width:240px;
		/* clearme */
		clear:both;
	}
	
	.sub .content BLOCKQUOTE,
	.sub .content Q {
    	font-style:italic;
    	color:#828282;
    }
	.sub .content BLOCKQUOTE .author {
		text-align:right;
	}
	.sub .content BLOCKQUOTE .author .name {
		display:block;
	}
	.sub .content STRONG,
	.sub .content B {font-weight:bold;}
	.sub .content SUP {
		font-size:smaller;
		vertical-align:super;
	}
	.sub .content .wide {
		margin-right:-260px;
	}
	.sub .content .wide-table {
		width:720px;
	}
	.sub .content TABLE {
		margin:0 0 18px 0;
		font-family:'Lucida Console', 'Monaco', monospace;
	}
	.sub .content THEAD {
		border-bottom:3px solid #000;
	}
	.sub .content THEAD TH {
    	padding:6px 2px;
		background:#EAEAEA;
    	font-weight:bold;
		vertical-align:middle;
    }
	.sub .content TBODY TR:hover,
	.sub .content TBODY TR.hover,
	.sub .content TBODY TR:hover TH,
	.sub .content TBODY TR.hover TH {
		background:#EDEDED;
	}
	.sub .content TD,
	.sub .content TBODY TH {
    	padding:6px;
    	border-bottom:1px solid;
		vertical-align:middle;
		text-align:center;
    }
  	.sub .content UL,
  	.sub .content OL {
    	margin:18px 0 18px 36px;
    }
    .sub .content LI {
    	list-style:outside;
    }
    .sub .content OL > LI {
    	list-style-type:decimal;
    }
	.sub .content DL {
    	margin:18px 0;
    }
	.sub .content DT {
    	 font-weight: 700;
    	margin-bottom: 5px;
    }
	.sub .content .formit DD {
    	margin-bottom: 10px;
    }
	SPAN.error {display:block;}

/* @Content
** Numerous Right blocks
*/
.sub .content .screenshot,
div.latest-interview {
	float:right;
	margin-right:-260px;
	width:240px;
	}

/* @Layuot
** Aside
*/
.aside {
	float:left;
	display:inline;
	margin:0 0 18px;
	padding:8px 0;
	width:240px;
	}
	.aside .news {
		margin:0 0 20px;
	}
	.aside .news TIME {
    	font-size:10px;
    	color:#7D7D7D;
    	float:left;
    	}
	.aside .news LI A {
    	display: block;
    	margin-left: 35px;
  		}
	.sub-nav {
    	margin-bottom: 20px;
    	}
    .sub-nav LI {
		padding:9px 0;
    	background:url(/assets/templates/broco/css/images/arrow.right.png) no-repeat right 50%;
    	border-bottom:3px solid #000;
    	text-transform:uppercase;
    	}
    .sub-nav LI .item {
    	display:block;
		text-decoration:none;
    	}
    .sub-nav LI.here {
    	background:url(/assets/templates/broco/css/images/arrow.bottom.png) no-repeat right 7px;
    	}  
    .sub-nav LI.here .item {
    	font-weight:bold;
    	}
    .sub-nav UL {
		margin-bottom:0;
    	padding:10px 12px 10px 20px;
		list-style-type:disc;
    	}  
    .sub-nav LI LI {
		padding:2px 0;
    	line-height:18px;
    	background:none;
    	border:none;
    	text-transform:none;
    	}
    .sub-nav LI.here LI {
     	background:none;
    	}
    .sub-nav LI.here LI .item {
    	font-weight:normal;
    	color:#444;
		text-decoration:underline;
    	}
    .sub-nav LI.here LI .item:hover {
    	text-decoration:none;
    	}
    .sub-nav LI.here LI.here .item {
    	font-weight:bold;
    	text-decoration:none;
		}
    
/* @Layout
** Footer
*/
.footer-wrapper {
  background:#313131;
  }
.footer {
  color:#FFF;
  }
  .footer A {
    color:#FFF;
    }
  .footer A:hover {
    background:#B51111;
    text-decoration:none;
    }
  .footer .nav-wrapper {
    height:52px;
    line-height:52px;
    background:#6A6A6A;
    }
  .footer .nav-wrapper UL,
  .footer .copyright {
    margin:0 auto;
    width:980px;
    }
    .footer .nav-wrapper LI {
	  float:left;
	  display:inline;
      }
    .footer .nav-wrapper .community {
      float:right;
      }
	.footer .nav-wrapper .search	{
      float:right;
	  margin-left:20px;
      }
    .footer .nav-wrapper A {
      padding:0 6px;
      line-height:20px;
      color:#FFF;
      }
      .footer .nav-wrapper A IMG {
        vertical-align:middle;
        }
    .footer .nav-wrapper A:hover {
      background:#B51111;
      text-decoration:none;
      }
    .footer .nav-wrapper .community A,
    .footer .nav-wrapper .community A:hover {
      text-decoration:none;
      background:none;
      }
    .footer .copyright {
      line-height:62px;
      }

.bread-crumbs {
	width:100%;
	clear:both;
	color:#555;
	overflow:hidden;
}
	.bread-crumbs .crumb-home {
		float:left;
		display:inline;
		margin:2px 0;
		width:16px;
		height:16px;
		background:url(/assets/templates/broco/css/images/icons.png) no-repeat 0 0;
		text-indent:-999em;
		opacity:.7;
	}
	.bread-crumbs .crumb-home:hover {
		opacity:1;
	}
	.bread-crumbs .crumb-link {
		float:left;
		color:#555;
	}
	.bread-crumbs .crumb-link:hover {
		text-decoration:none;
	}
	.bread-crumbs .crumb-separator {
		float:left;
		display:inline;
		margin:2px 6px;
		width:16px;
		height:16px;
		background:url(/assets/templates/broco/css/images/icons.png) no-repeat 0 -16px;
		text-indent:-999em;
	}

/* @Content
** general
*/
.aleft {float:left; margin-right:20px;}
.aright {float:right; margin-left:20px;}

/* @Content
** Special offers
*/
.offers {
   overflow:hidden;
  }
.offers dt {
  font-family: 'PT Sans';
    font-size: 30px;
    line-height: 30px;
    clear: left;
    margin-bottom:10px;
  }

/* @Content
** Fund page
*/

.contacts,
.apps {
margin-bottom:20px;
}
.contacts dd {
  padding-left:20px;
}
.apps ol {
 clear: left;
}
.apps li {
    background:url(/images/pdf.png) no-repeat 0 0;
    line-height: 35px;
    margin-bottom: 4px;
    padding-left:40px;
 
}

/* @Content
** Payment ways page
*/
.sub .content .payment {
margin-right:-200px;
}

/* Demoreg Signup Errors */
span.error{
color: red;
}

/* @Content
** Trading platforms
*/
.platform-box {
	clear:right;
	margin:0 0 18px;
	}
	.content .platform-box H2 {
    	line-height:36px;
		/*font-weight:bold;*/ /*Temporary blocked*/
		border-bottom:3px solid #000;
	}
	.content .platform-box A {
		text-decoration:none;
	}

	.platform-box NAV {
		float:left;
		display:inline;
		width:100%;
		margin:0 0 18px;
		}
	.platform-box NAV A {
		float:left;
		display:inline;
		padding:5px 10px;
		border:1px solid #919191;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	}

.sub .content .navigation-for-action-or-choice,
.sub .content .navigation-to-trading-platforms {
	margin:18px 0;
	padding:10px;
	width:700px;
	overflow:hidden;
	}
	.sub .content .navigation-for-action-or-choice > LI:first-child,
	.sub .content .navigation-to-trading-platforms > LI:first-child {
		margin:0;
	    }
	.sub .content .navigation-for-action-or-choice > LI:first-child A,
	.sub .content .navigation-to-trading-platforms > LI:first-child A {
		background:#B51111;
	    border-color:#B51111;
	    color:#FFF;
	    }
	.sub .content .navigation-for-action-or-choice LI+LI A,
	.sub .content .navigation-to-trading-platforms LI+LI A {
		background:#000;
	    border-color:#000;
	    color:#FFF;
	    }
	.sub .content .navigation-for-action-or-choice LI+LI+LI A,
	.sub .content .navigation-to-trading-platforms LI+LI+LI A {
		background:#555;
	    border-color:#555;
	    color:#FFF;
	    }
	.sub .content .navigation-for-action-or-choice LI+LI+LI+LI A,
	.sub .content .navigation-to-trading-platforms LI+LI+LI+LI A {
		background:#969696;
	    border-color:#969696;
	    color:#FFF;
	    }
	.sub .content .navigation-for-action-or-choice LI+LI+LI+LI+LI A,
	.sub .content .navigation-to-trading-platforms LI+LI+LI+LI+LI A {
		background:#FFF;
	    border-color:#000;
	    color:#000;
	    }
	.sub .content .navigation-for-action-or-choice LI,
	.sub .content .navigation-to-trading-platforms LI {
		float:left;
	    margin:0 0 18px 20px;
	    display:inline;
	    }
	.sub .content .navigation-for-action-or-choice A {
		padding:0 10px;
	    display:table-cell;
	    width:102px;
	    height:122px;
	    font-size:14px;
	    font-family:'PT Sans';
	    text-align:center;
	    vertical-align:middle;
	    border:1px solid;
	    border-radius:61px;
	    -webkit-border-radius:61px;
	    -moz-border-radius:61px;
	    text-decoration:none;
	    }

	.sub .content .navigation-to-trading-platforms A {
		float:left;
	    display:inline;
	    padding:5px 10px;
	    border:1px solid;
	    border-radius:4px;
	    -moz-border-radius:4px;
	    -webkit-border-radius:4px;
	    text-decoration:none;
	    }
	.sub .content .navigation-for-action-or-choice A:hover,
	.sub .content .navigation-to-trading-platforms A:hover {
		box-shadow:#313131 0 0 6px 3px;
	    -webkit-box-shadow:#313131 0 0 6px 3px;
	    -moz-box-shadow:#313131 0 0 6px 3px;
	    -0-box-shadow:#313131 0 0 6px 3px;
	    }
	

/* @Content
** Trading contitions tabs
*/

.sub .content .conditions {
	position:relative; 
	overflow:hidden;
	}
	.sub .content .conditions DT {
		position:relative; 
		left:10px; 
		float:left; 
		display:inline; 
		margin-left:4px; 
		padding:15px 20px; 
		height:20px; 
		background:#EAEAEA; 
		text-align:center; 
		font-size:18px; 
		font-family: 'PT Sans'; 
		cursor:pointer;
		}
		.sub .content .conditions DT A {text-decoration:none;}
		.sub .content .conditions DT.selected {
			z-index:3; 
			cursor:auto; 
			padding-bottom:17px; 
			background:#FFF; 
			border:1px solid #000;
			}
		.sub .content .conditions DT.tab-bottom {clear:right; cursor:pointer;}
		.sub .content .conditions DT.tab-bottom.selected {
			z-index:5;
			margin-top:-3px;
			border-top:none;
			}
		.sub .content .conditions DT.top-item.selected {border-bottom:none;}
	.sub .content .conditions DD {
		position:relative;
		display:none;
		float:right;
		margin:50px 0 0 -100%;
		padding:20px 0 10px;
		z-index:2;
		width:100%;
		border-top:3px solid #000;
		border-bottom:3px solid #000;
		}
	.sub .content .conditions DD.selected {display:block;}
		.sub .content .conditions TD:first-child {background:#EBEBEB;}
		.sub .content .conditions TD {padding:10px; border-color:#A7A7A7;}
		.sub .content .conditions TH {background:#FFF;}
	.sub .content .conditions TABLE UL {margin:0;}
		.sub .content .conditions TABLE UL LI {list-style-type:none;}

/* @Content
** Personal Brokers Page
** Brokers vCards
*/
.brokers-vcards {
	
	}
	.brokers-vcards .vcard {
		float:left;
		margin:0 20px 18px 0;
		padding:0 0 0 10px;
		display:inline;
		width:210px;
		height:232px;
		background:#E5E5E5;
		}
		.brokers-vcards .vcard .fn {
			display:block;
			font-family:'PT Sans Narrow';
			font-size:24px;
			line-height:36px;
			}
		.brokers-vcards .vcard .photo {
			float:left;
			margin:10px 10px 10px 0;
			display:inline;
			}

/* @Content
** News list
*/
.sub .content .news-list LI {list-style-type:none;}
.page-list LI {display: inline;}

/* @Content
** Eco-calendar
*/
.ecal-filter SELECT,
.ecal-filter INPUT {margin-right:5px;}
.sub .content .events-list {margin-left:54px;}
	.sub .content .events-list LI {list-style-type:none;}
	.content .events-list TIME {
		display: inline-block;
		margin-left:-54px;
		width:50px;
		color:#000;
		font-weight:700;
		font-size:12px;
		text-align:center;
	}
	.events-list .importance-1 {background-color:#EAEB10;}
	.events-list .importance-2 {background-color:#FAAA16;}
	.events-list .importance-3 {background-color:#DD1D2F;}
	.events-list .event {display:block;}
	.events-list .values UL {margin-left:0;}
	.events-list .values LI {
		display: inline;
		list-style-type: none;
		margin-right: 20px;
		padding: 5px 0;
		line-height:24px;
	}
	.events-list .values IMG {margin: -5px 0;}

	.ecalEventBlock {
		display:none;
		background: #EEE;
		border-bottom: 3px solid #000;
		border-top: 3px solid #000;
		margin-bottom: 15px;
		padding: 10px 15px;
	}
/* @Content
** Feedback form
*/
.feedback {
	position: fixed;
    right: 0;
    top: 50%;
	margin-top:-53px;
}
	.feedback a {
		padding:3px 0;
		height:110px;
		background:#D93A43;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	.feedback-wrap {
		display:none;
		position:fixed;
		opacity:0;
		max-width:1000px;
		max-height:600px;
		min-width:600px;
		min-height:400px;
		width:50%;
		height:50%;
		background:#FFF;
		border:1px solid #6A6A6A;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		font-size:16px;
		z-index:1000;
	}
		.feedback-wrap FORM {
			position:relative;
			margin:30px 0 30px 50px;
			z-index:20;
		}
			.feedback-wrap H2 {
				font-size:36px;
				line-height:36px;
				margin-bottom:15px;
			}
			.feedback-wrap DT {
				margin-bottom:5px;
			}
			.feedback-wrap DD {
				margin-bottom:10px;
			}
			.feedback-wrap INPUT, 
			.feedback-wrap TEXTAREA {
				width:35%;
			}
		.feedback-wrap .fbackphoto {
			position:absolute;
			right:8px;
			bottom:0;
			z-index:10;
		}
		.feedback-wrap .fbackclose {
			cursor:pointer;
			position:absolute;
			right:-10px;
			top:-10px;
			z-index:10;
		}
	
/* @Content
** vCard
*/
.vcard {
	margin:0 10px 18px 0;
	padding:0 0 0 10px;
	width:210px;
	height:232px;
	background:#E5E5E5;
	}
	.vcard .fn {
		display:block;
		font-family:'PT Sans Narrow';
		font-size:24px;
		line-height:36px;
		}
	.vcard .photo {
		float:left;
		margin:10px 10px 10px 0;
		display:inline;
		}
	.vcard .photo-pn-wrapper {
		overflow:hidden;
		}
	.vcard .pn {
		margin:10px 0;
		display:block;
		font-size:10px;
		}
	.vcard .email,
	.vcard .skype,
	.vcard .tel {display:block;}

/**
 * @Content
 * Holidays calendar
*/
.sub .content .markets-list {margin:5px 0 5px 15px;}
.sub .content .markets-list li {display:inline;}
.js .sub .content .holidays h2 {cursor:pointer;}
.js .sub .content .holidays dl {display:none;}
/**
 *
 *
*/
samp {
padding: 10px 8px;
width:128%;
display: block;
overflow: visible;
font-size: 1em; font-family: inherit; font-weight: normal;
white-space: pre;
}
samp.formula { background: #eaeaea; }
span.description {
border-bottom: 1px solid #eaeaea; padding: 10px 8px;
width:128%;
font-size: .9em; font-family: inherit; font-weight: normal;
display: block;
}
dl.condition dd {
margin: 0 0 0 8px;
}
p.warning, p.warning a {color: #B51111!important;}
div.copynotes { margin-top: 12px; font-size:.8em; line-height: 1.2em; color: #6a6a6a; }
div.copynotes h5 { line-height: 2em; }
div.copynotes p { margin: .8em 0; }
p.dsq-field.hidden { display: none !important; visibility: hidden !important; }
#dsq-login-tab-vkontakte span { background: url("/assets/vkontakte.png") repeat scroll 0 0 transparent !important; }
.sub .content UL.gallery.branch,
.sub .content UL.gallery.branch li {
  margin: 0; padding: 0;
  display: block;
  list-style: none;
}
/**
  * latest interview
**/
div.latest-interview {
    font-size: .94em;
}
.sub .content div.latest-interview h5, 
.sub .content div.latest-interview h5 a {
    line-height: 1.24em;
}
.sub .content div.latest-interview h5 { 
    margin-bottom: 1em;
    padding: 6px 8px;
    border-bottom: 3px solid black; 
    background: #EAEAEA;
}
.sub .content div.latest-interview p {
    margin: 0 0 .6em;
}
.sub .content div.latest-interview dl {
    margin: .6em 0;
}

.sub .content div.article.latest dl {
    margin-left: 1.24em;
}

/**
 *@highcharts
 */
.highstock-loading {
    opacity:0.3;
    -moz-opacity:0.3; 
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    -khtml-opacity: 0.3;
    background-image: url('/assets/templates/broco/images/preloader.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%; 
}

.news-table {
    width: 100%;
}

.news-table td, .news-table th {
    text-align: left !important;
}

.news-table th {
    padding-left: 7px !important;
}

/* Social Networks */
.social {
    overflow: auto;
    clear: both;
}

.social ul {
    float: left;
    margin: 18px 0 !important;
}

.social ul li {
    float: left;
    margin-right: 10px;
    list-style-type: none !important;
}

.social ul li a {
    float: left;
    width: 30px;
    height: 32px;
    text-indent: -10000px;
    display: block;
    background: url(/assets/templates/newyear.promo/images/social.png);
}

.social-nav .facebook a {
    background-position: 0px 0px;
}

.social-nav .facebook a:hover {
    background-position: 0px 32px;
}


.social-nav .twitter a {
    background-position: -30px 0px;
}

.social-nav .twitter a:hover {
    background-position: -30px 32px;
}


.social-nav .vk a {
    background-position: -90px 0px;
}

.social-nav .vk a:hover {
    background-position: -90px 32px;
}

.social-nav .gplus a {
    background-position: -60px 0px;
}

.social-nav .gplus a:hover {
    background-position: -60px 32px;
}

/* for partners */
.sub .content #programs li {
   list-style-type: none;
}

/* social share */
div.clear { font-size: 0; line-height: 0px; float: none; clear: both; overflow: hidden; }
div.socailbar { margin-top: 12px; clear: both; width: 700px; }
div.socailbar iframe.twitter-share-button { height: 21px!important; }
div.socailbar div#vk_like,
div.socailbar div#vk_like iframe { width: 156px!important; overflow: hidden; }
div.socailbar div.fb-like { margin: 0; height: 23px!important; line-height: 21px!important; vertical-align: top!important; }
div.socailbar div.fb-like iframe { height: 23px!important; }
iframe.twitter-share-button, div#vk_like, div#fb-root, div.fb-like, div.g-plusone { display: inline; }

/* gallery */
.content .gallery {
	margin: 10px 0;
	overflow:hidden;
}
	.content .gallery li {
		float:left;
		width:50%;
		list-style:none inside none;
		overflow: hidden;
	}
	.gallery figure {
		float:none;
		margin:0 auto;
	}

.sub .content ul.gallery, .sub .content ol.gallery {
    margin-left: 10px;
}

/* Alphabet */
.alphabet {
    margin-left: 0 !important;
}

.alphabet li {
    display: inline !important;
    margin: 0 7px 0 0 !important;
    list-style-type: none !important;
}

/* Definitions */
.definitions {
    margin-left: 0 !important;
}

.definitions li {
    list-style-type: none !important;
    margin-top: 35px;
}

.definitions li > span {
    font-family: 'PT Sans';
    font-size: 21px;
    color: #313131;
    text-transform: uppercase;
    font-weight: bold;
}

/* Post Script */
.postscript {
font-size: 0.8em;
color: #666;
border-top: 1px solid #666;
margin-top: 10px;
}

#popup {
        width: 100%; height: 100%;
        background: transparent;
        position: absolute;
        top: 0; left: 0;
        }
        #popup #popupcontent {
          margin: 20px auto 0;
          width: 1024px; height: 800px;
          position: relative;
          z-index: 101;
          }
        #popup div.decor {
          width: 100%; height: 100%;
          background: white;
          position: absolute;
          top: 0; left: 0;
          z-index: 100;
          opacity: 0.82;
          }
      div.hide {
        display: none;
        visibility: hidden;
      }

/* Flipper */
.js .content .flop dd {
	display: none;
}

.js .content .flop dt {
	cursor:pointer;
}