@import url('blueprint/screen.css');

/* ---------------------------- Style starts here ------------------------------ */

* {
	padding: 0px;
	margin :0px;
}

body {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/bg.gif) repeat-x #f9f9f9;
}

a:link {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

/* ----------------- header ----------------- */
#header {
	padding: 25px 0px;
	margin-bottom: 16px;
}

#header h1{
	margin: 0px;
	padding-left: 5px;
	width: 235px;
	height: 70px;
	overflow: hidden;
}
/* --------------- end header --------------- */	

/* ------------------ nav ------------------ */
#nav {
	font-size: 14px; 
	color: #F9F9F9; 
	font-weight:bold;
	margin-top: 62px;
	text-align: right;
}

.navbar {
	padding-right: 10px;
	display: block;
}

#nav a {	
	color: #F9F9F9;  
	text-decoration: none; 
	margin-left: 9px; 
	padding-right: 9px; 
	height: 30px; 
	line-height: 30px; 
	display: block; 
	float: right; 
	cursor: pointer;
}

#nav a span { 
	height: 30px; 
	display: block; 
	padding-left: 10px;
	cursor: pointer;
}
	
#nav a:hover {	
	color: #F9F9F9;  
	text-decoration: none; 
	margin-left: 9px; 
	padding-right: 9px; 
	height: 30px; 
	line-height: 30px; 
	display: block; 
	float: right; 
	background: url(../images/nav-right-B.gif) right top no-repeat;
	cursor: pointer;
}

#nav a:hover span {
	background:url(../images/nav-leftL-B.gif) left top no-repeat;  
	height: 30px; 
	display: block; 
	padding-left: 10px;
	cursor: pointer;
}

#nav a.active {	
	color: #F9F9F9;  
	text-decoration: none; 
	margin-left: 9px; 
	padding-right: 9px; 
	height: 30px; 
	line-height: 30px; 
	display: block; 
	float: right; 
	background: url(../images/nav-right-O.gif) right top no-repeat;
	cursor: pointer;
}

#nav a.active span {
	background:url(../images/nav-leftL-O.gif) left top no-repeat;  
	height: 30px; 
	display: block; 
	padding-left: 10px;
	cursor: pointer;
}

#nav div.active {	
	color: #F9F9F9;  
	text-decoration: none; 
	margin-left: 9px; 
	padding-right: 9px; 
	height: 30px; 
	line-height: 30px; 
	display: block; 
	float: right; 
	background: url(../images/nav-right-O.gif) right top no-repeat;
}

#nav div.active span {
	background:url(../images/nav-leftL-O.gif) left top no-repeat;  
	height: 30px; 
	display: block; 
	padding-left: 10px;
}
	
/* ------------------ end nav ------------------ */

/* ------------------ banner ------------------*/

#banner-top-container{
	width: 100%;
	height: 15px;
	background:url(../images/banner-top-container.gif) center top repeat-x;
}

#banner-container{
	width: 100%;
	background-color: #FFFFFF;
}

#banner-bottom-container{
	width: 100%;
	height: 18px;
	background:url(../images/banner-bottom-container.gif) center bottom repeat-x;
}

#banner-text{
	margin-top: 40px;
}

#banner-text h2{
	color:#194775;
	font-weight: bold;
	font-size: 36px;
	display: block;
	margin-top: -40px;
	padding-left: 12px;
}

#banner-text h3{
	color:#194775;
	font-weight: bold;
	font-size: 30px;
	display: block;
	padding-left: 12px;
}

#banner-text h4{
	color:#666;
	font-weight: bold;
	text-align: right;
	font-size: 20px;
	display: block;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 78px;
	margin-bottom: 0px;
}


#banner-container .banner-top{
	height: 17px;
	width: 310px;
	background:url(../images/banner-top.gif) center top no-repeat;
	margin-left: 2px;
}

#banner-container .banner-content{
	padding: 20px;
	width: 270px;
	background:url(../images/banner-middle.gif) center repeat-y;
	margin-left: 2px;
	text-align: right;
}

#banner-container .banner-bottom{
	height: 20px;
	width: 310px;
	background:url(../images/banner-bottom.gif) center top no-repeat;
	margin-left: 2px
}

.counter {
	font-size: 40px;
	font-weight: bold;
	color: #F9F9F9;
	margin: 0px 0px 0px 0px;
	padding: 0px 23px 0px 23px;
	display: block;
	text-align: right;
}

.banner-text {
	font-size: 20px;
	font-weight: bold;
	color: #FF7F00;
	margin: -14px 0px 0px 0px;
	padding: 0px 23px 0px 23px;
	display: block;
	text-align: right;
}
/* ------------------ end banner ------------------ */

/* ------------------ content ------------------- */
#content {
	margin-bottom: 15px;
	margin-top: 30px;
}

#content2 {
	margin-bottom: 15px;
	margin-top: 5px;
}

#title-1 {
	width: 930px;
	margin: auto;
	margin-bottom: 25px;
	display: block;
	color: #194775;
	border-bottom: 3px solid #FF7F00;
}

#title-1 h2 {
	display: block;
	font-size: 21px;
	color: #194775;
	margin: 0;
}

#title-1 h4 {
	display: block;
	color: #194775;
	font-style: italic;
	margin: 10px 0px 0px 0px;
	text-align: right;
}

.date-title {
	color: #FF7F00;
	font-weight: bold;
}

.colon {
	color: #333;
}

#right {
	float: right;
}

#content table, #content2 table {
	width: 760px;
	margin-left: 15px;
}

#content table th, table td, #content2 table th, table td {
	padding:0px 10px 0px 5px;
}
 
.companies {
	font-size: 13px;
	font-weight: bold;
	padding: 0px 25px 0px 0px;
	text-align: right;
	background:url(../images/graph-R.gif) repeat-y right;
}

.charts {
	padding: 3px 0px;
	background:url(../images/graph.gif) -1px -2px;
	border-left: 1px solid #194775;
}

.amount {
	float: left;
	font-size: 13px;
	font-style: italic;
	padding-left: 10px;
	padding-top: 3px;
}


/* --- new charts MARKET-CAPS--- */
.c-one, .c-two, .c-three, .c-four, .c-five, .c-six  {
	float: left;
	height: 22px;
	padding-top: 4px;
	padding-right: 1px;
	color: #f9f9f9;
	text-align: right;
	background: url(../images/c-one.gif) repeat-x;
}

.c-two {
	background: url(../images/c-two.gif) repeat-x;
}

.c-three {
	background: url(../images/c-three.gif) repeat-x;
}

.c-four {
	background: url(../images/c-four.gif) repeat-x;
}

.c-five {
	background: url(../images/c-five.gif) repeat-x;
}

.c-six {
	background: url(../images/c-six.gif) repeat-x;
}

.c-one-r, .c-two-r, .c-three-r, .c-four-r, .c-five-r, .c-six-r {
	float: left;
	height: 26px;
	width: 8px;
	background: url(../images/c-one-right.gif) no-repeat left;
}

.c-two-r {
	background: url(../images/c-two-right.gif) no-repeat left;
}

.c-three-r {
	background: url(../images/c-three-right.gif) no-repeat left;
}

.c-four-r {
	background: url(../images/c-four-right.gif) no-repeat left;
}

.c-five-r {
	background: url(../images/c-five-right.gif) no-repeat left;
}

.c-six-r {
	background: url(../images/c-six-right.gif) no-repeat left;
}
/* --- end new charts MARKET-CAPS--- */

/* --- new charts SHAREHOLDING--- */
.s-one, .s-two, .s-three, .s-four, .s-five, .s-six {
	float: left;
	height: 22px;
	padding-top: 4px;
	padding-right: 1px;
	color: #f9f9f9;
	text-align: right;
	background: url(../images/s-one.gif) repeat-x;
}

.s-two {
	background: url(../images/s-two.gif) repeat-x;
}

.s-three {
	background: url(../images/s-three.gif) repeat-x;
}

.s-four {
	background: url(../images/s-four.gif) repeat-x;
}

.s-five {
	background: url(../images/s-five.gif) repeat-x;
}

.s-six {
	background: url(../images/s-six.gif) repeat-x;
}

.s-one-r, .s-two-r, .s-three-r, .s-four-r, .s-five-r, .s-six-r {
	float: left;
	height: 26px;
	width: 8px;
	background: url(../images/s-one-right.gif) no-repeat left;
}

.s-two-r {
	background: url(../images/s-two-right.gif) no-repeat left;
}

.s-three-r{
	background: url(../images/s-three-right.gif) no-repeat left;
}

.s-four-r {
	background: url(../images/s-four-right.gif) no-repeat left;
}

.s-five-r {
	background: url(../images/s-five-right.gif) no-repeat left;
}

.s-six-r {
	background: url(../images/s-six-right.gif) no-repeat left;
}
/* --- end new charts SHAREHOLDING--- */

/* --- new charts CS--- */
.cs-one, .cs-two, .cs-three, .cs-four, .cs-five, .cs-six  {
	float: left;
	height: 22px;
	padding-top: 4px;
	padding-right: 1px;
	color: #f9f9f9;
	text-align: right;
	background: url(../images/cs-one.gif) repeat-x;
}

.cs-two {
	background: url(../images/cs-two.gif) repeat-x;
}

.cs-three {
	background: url(../images/cs-three.gif) repeat-x;
}

.cs-four {
	background: url(../images/cs-four.gif) repeat-x;
}

.cs-five {
	background: url(../images/cs-five.gif) repeat-x;
}

.cs-six {
	background: url(../images/cs-six.gif) repeat-x;
}

.cs-one-r, .cs-two-r, .cs-three-r, .cs-four-r, .cs-five-r, .cs-six-r {
	float: left;
	height: 26px;
	width: 9px;
	background: url(../images/cs-one-right.gif) no-repeat left;
}

.cs-two-r {
	background: url(../images/cs-two-right.gif) no-repeat left;
}

.cs-three-r {
	background: url(../images/cs-three-right.gif) no-repeat left;
}

.cs-four-r {
	background: url(../images/cs-four-right.gif) no-repeat left;
}

.cs-five-r {
	background: url(../images/cs-five-right.gif) no-repeat left;
}

.cs-six-r {
	background: url(../images/cs-six-right.gif) no-repeat left;
}
/* --- end new charts CS--- */

/* --- new charts SC--- */
.sc-one, .sc-two, .sc-three, .sc-four, .sc-five, .sc-six {
	float: left;
	height: 22px;
	padding-top: 4px;
	padding-right: 1px;
	color: #f9f9f9;
	text-align: right;
	background: url(../images/sc-one.gif) repeat-x;
}

.sc-two {
	background: url(../images/sc-two.gif) repeat-x;
}

.sc-three {
	background: url(../images/sc-three.gif) repeat-x;
}

.sc-four {
	background: url(../images/sc-four.gif) repeat-x;
}

.sc-five {
	background: url(../images/sc-five.gif) repeat-x;	
}

.sc-six {
	background: url(../images/sc-six.gif) repeat-x;	
}

.sc-one-r, .sc-two-r, .sc-three-r, .sc-four-r, .sc-five-r, .sc-six-r {
	float: left;
	height: 26px;
	width: 9px;
	background: url(../images/sc-one-right.gif) no-repeat left;
}

.sc-two-r {
	background: url(../images/sc-two-right.gif) no-repeat left;
}

.sc-three-r{
	background: url(../images/sc-three-right.gif) no-repeat left;
}

.sc-four-r {
	background: url(../images/sc-four-right.gif) no-repeat left;
}

.sc-five-r {
	background: url(../images/sc-five-right.gif) no-repeat left;
}

.sc-six-r {
	background: url(../images/sc-six-right.gif) no-repeat left;
}
/* --- end new charts SC --- */

/* --- sidebar --- */
#sidebar {
	background-color: #194775;
	font-size: 13px;
	text-align: left;
}

#sidebar-market {
	background-color: #8B5C29;
	font-size: 13px;
	text-align: left;
}

#sidebar-share {
	background-color: #00A319;
	font-size: 13px;
	text-align: left;
}

#sidebar-cs {
	background-color: #5D10D2;
	font-size: 13px;
	text-align: left;
}

#sidebar-sc {
	background-color: #007F7C;
	font-size: 13px;
	text-align: left;
}

#sidebar-market h4, #sidebar-share h4, #sidebar-cs h4, #sidebar-sc h4 {
	margin: 0px;
	padding: 8px;
	background-color: #ff7f00;
	display: block;
	color: #fff;
	border-bottom: 1px solid #FFA14D;
}

#sidebar-market ul, #sidebar-share ul, #sidebar-cs ul, #sidebar-sc ul {
	padding: 16px 0px 3px 20px;
	display: block;
	color: #fff;
}

#sidebar-market ul li, #sidebar-share ul li, #sidebar-cs ul li, #sidebar-sc ul li {
	padding-bottom: 14px;
	color: #F9F9F9;
	text-decoration: none;
	list-style-type:none;
}

#sidebar-market ul li a, #sidebar-share ul li a, #sidebar-cs ul li a, #sidebar-sc ul li a {
	color: #F9F9F9;
	text-decoration: none;
}

#sidebar-market ul li a:hover, #sidebar-share ul li a:hover, #sidebar-cs ul li a:hover, #sidebar-sc ul li a:hover {
	color: #ccc;
}

/* --- end sidebar --- */
/* ------------------ end content --------------- */

/* ------------------ footer --------------- */
#footer {
	border-top: 3px solid #194775;
	padding: 3px 0px 20px 0px;
	margin-top: 5px;
	text-align: right;
}

#footer-info {
	margin-top: 5px;
	background-color: #ddd;
	padding-top: 20px;
	padding-bottom: 20px;
}

.counter-number {
	font-size: 30px;
	font-weight: bold;
	color: #194775;
	display: block;
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 23px 0px 23px;
}

.counter-text {
	font-size: 17px;
	font-weight: bold;
	color: #FF7F00;
	display: block;
	text-align: right;
	margin: -14px 0px 0px 0px;
	padding: 0px 23px 0px 23px;
}

#fi-one {
    border-right: 1px solid #aaa;
}

#fi-one h3{
	margin: 0px 20px 10px 20px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #194775;
	border-bottom: 3px solid #333;
}

#fi-two {
	
}

#fi-two p{
	padding: 0px 20px 0px 20px;
	font-size: 11px;
}

#fi-two h3{
	margin: 0px 13px 10px 20px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #194775;
	border-bottom: 3px solid #333;
}

.container-counter {
	background-color: #f9f9f9;
	margin-left: 20px;
	padding-top:5px;
	padding-bottom: 10px;
}

.container-counter-r {
	background-color: #f9f9f9;
	margin-right: 20px;
	padding-top:5px;
	padding-bottom: 10px;
}

/* ------------------ end footer --------------- */

.amount-right {
	display: block;
	padding-top: 5px;
	margin-left: 7px;
	float: left;
}

.count {
	display: block;
	padding-top: 5px;
	margin-left: 7px;
	position: absolute;
	z-index: 2;
}

.title-company {
    font-family: Georgia, Helvetica;
    font-weight: bold;
    /*font-style: italic;*/
}

.rank-class-one, .rank-class-two, .rank-class-three, .rank-class-four, .rank-class-five, .rank-class-six {
	display: block; 
	float: left; 
	margin-left: 7px; 
	font-family:Georgia, 'Times New Roman', Times, serif;
	color: #ddd;
}

.rank-class-two {
	color: #ccc;
}

.rank-class-three {
	color: #bbb;
}

.rank-class-four {
	color: #222;
}

.rank-class-five {
	color: #333;
}

.rank-class-six {
	color: #444;
}

.message {
    font-style: italic;
    font-weight: bold;
    font-size: 15px;
    color: #666;
    display: block;
    padding: 15px 15px 15px 38px;
    border: 1px solid #ddd;
    margin-bottom: 250px;
    background: url(../images/help.png) no-repeat 10px 12px;
}

.message-sb {
    font-style: italic;
    color: #f9f9f9;
    display: block;
}