﻿@import "reset.css";
html{
	font-size:100.01%;
	}

body{
	background:#ffffff;
	font-family:Georgia, serif;
	color:#000000;
	font-size:14px;
	line-height:17px;
	padding:0 20px;
	}

a{
	color:#66ccff;
	text-decoration:underline;
	}
a:hover{
	text-decoration:none;
	}

.bone{
	width:870px;
	margin:0 auto;
	}
.hr{
	font-size:0px;
	height:2px;
	overflow:hidden;
	margin:0 0 0 60px;
	background:#d9f0d3;
	clear:both;
	}

.number{
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	color:#66ccff;
	text-decoration:underline;
	font-size:8px;
	font-style:normal;
	font-weight:normal;
	position:relative;
	top:-.5em;
	}

/* HEAD */
.head{
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	padding:25px 0 0;
	}
.head .logo{
	color:#66ccff;
	font-size:16px;
	}
.head .logo a{
	font-weight:bold;
	font-style:italic;
	}
.head .slogan{
	float:left;
	color:#ff3333;
	font-size:24px;
	line-height:.95em;
	margin:.25em 0 25px;
	}
.slogan span{display:block;}

.head .menu{
	float:right;
	overflow:hidden;
	margin:2.35em -30px 0 0;
	}
.menu li{
	float:left;
	background:url(i/backgrounds/menu.png) no-repeat 0 50%;
	padding:0 30px 0 18px;
	margin:0 0 0 -18px;
	}
.menu a{
	color:#333333;
	font-size:12px;
	}
.menu .active a{
	font-size:16px;
	}
.menu span{
	color:#66ccff;
	font-family:Arial;
	font-size:13px;
	}

/* MIDDLE */
.middle{
	padding:15px 0 0;
	}
.columns{
	width:870px;
	overflow:visible;
	padding-top:10px;
	}
.columns .inner{
	width:900px;
	}
	
.column{
	width:270px;
	float:left;
	margin:0 30px 0 0;
	}

/* widget */
.widget{
	margin:0 0 35px 0;
	position:relative;
	padding:1.4em 0 0;
	}
.widget-status{
	color:#999999;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-style:italic;
	font-size:10px;
	position:absolute;
	top:.25em;
	right:35px;
	z-index:100;
	}
#w3 .widget-status{
	right:15px;
	}
.widget .hr{
	height:1px;
	margin-top:30px;
	}
.widget .box{
	padding-top:13px;
	}

.edit-link{
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	}
.edit-link a{
	color:#FF3333 !important;
	background:url(i/backgrounds/dot.r.png) repeat-x 0 100% !important;
	text-decoration:none !important;
	}
.edit-link a:hover{
	color:#FF3333 !important;
	background:none !important;
	text-decoration:none !important;
	}


.tabs{
	background:#ffffff;
	width:120px;
	border-bottom:1px solid #66ccff;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:12px;
	height:17px;
	
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	}
.tabs li{
	display:none;
	padding:1px 0 0;
	}
.tabs li.active{
	display:block;
	font-weight:bold;
	cursor:pointer;
	color:#333333;
	}
.tabs a{
	color:#333333;
	text-decoration:none;
	}
.tabs a:hover,
.tabs .hover a{
	color:#66ccff;
	text-decoration:none;
	}
.tabs .arrow{
	display:block;
	width:9px;
	height:5px;
	position:absolute;
	top:0;
	right:1px;
	overflow:hidden;
	background:url(i/icons/icon.png) no-repeat 0 0;
	cursor:pointer;
	margin-top:.5em;
	}
	
.tabs-active{
	padding:7px 10px 7px;
	background:#66ccff;
	top:-7px;
	left:-10px;
	height:auto;
	}
.tabs-active li{
	display:block;
	padding:0 0 1px;
	margin:0 0 2px;
	background:#66ccff url(i/backgrounds/dot.png) repeat-x 0 100%;
	cursor:default !important;
	}

.tabs-active li.last{
	background:none;
	border-bottom:1px solid #ffffff;
	}
.tabs-active a,
.tabs-active a:hover,
.tabs-active em,
.tabs-active .hover a{
	color:#ffffff;
	}
.tabs-active .arrow{
	background-position:0 -5px;
	top:7px;
	right:11px;
	}
.empty-tabs{border-color:#666666;}
.empty-tabs .arrow{display:none;}
.empty-tabs li {cursor:default !important;}
.tabs-active a:hover{font-weight:bold;}

.sub-ttl{
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:12px;
	margin:7px 0 0;
	}

.tabs p{display:none;}
.tabs p em{color:#8895a0;font-style:normal;}
.tabs li.alt-hover p{
	font-weight:normal;
	display:block;
	position:absolute;
	left:0;
	top:18px;
	background: url(i/backgrounds/tooltip.alt.png);
	width:191px;
	padding:7px 9px 13px;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	}
.tabs-active li p{display:none !important;}


/* widget-with-figures */
.alt-entry .entry-wrap{
	margin:-6px 0 0
	}
.alt-entry .hr{
	margin-top:27px;
	}
.widget-with-figures{
	padding:0 0 0 60px !important;
	height:93px;
	}
.widget-with-figures .main-info{
	color:#ff3333;
	font-size:36px;
	line-height:36px;
	font-style:italic;
	margin:0 0 5px;
	}
.widget-with-figures .main-info strong{
	font-size:72px;
	font-weight:normal;
	line-height:1em;
	}
.widget-with-figures .shift{
	margin-left:-.55em;
	}
.widget-with-figures .more-info{
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:12px;
	line-height:12px;
	}
.widget-with-figures .main-info .number{
	top:-2em;
	}
.play-button{
	position:absolute;
	left:0;
	top:54px;
	width:30px;
	border-bottom:1px solid #d9f0d3;
	height:20px;
	}
.play-button span,
.play-button a{
	display:block;
	background:url(i/icons/icon.png) no-repeat -1000% -1000%;
	height:7px;
	width:5px;
	overflow:hidden;
	cursor:pointer;
	}
.play-button .play-action{background-position:0 -10px;}
.play-button .pause-action{background-position:0 -17px;}
#admin .play-button a{background-position:-5px -10px !important;}

.box{display:none !important;}
.box-active{display:block !important;}


/* widget-with-table */
.widget-with-table{
	padding-top:11px !important;
	}
.widget-with-table table{
	width:100%;
	}
.widget-with-table td{
	padding:3px 0 4px;
	line-height:17px;
	}
.widget-with-table .value{
	width:50px;
	text-align:right;
	color:#ff3333;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:10px;
	line-height:1.5em;
	}
.widget-with-table .value .positive{color:#66cc33}
.widget-with-table .value .negative{color:#ff3333}
.widget-with-table .value .none{color:#cccccc}
.widget-with-table .word{
	padding-left:10px;
	}
.widget-with-table .word a{
	font-style:italic;
	color:#000000;
	text-decoration:none;
	background:url(i/backgrounds/dot.b.png) repeat-x 0 100%;
	}
.widget-with-table .word em{
	font-style:normal;
	color:#999999;
	font-family:Georgia, serif;
	font-size:12px;
	}
.widget-with-table .word a:hover{
	background:none;
	}

/* widget-with-toplist */
.widget-with-toplist{
	padding-top:5px !important;
	}
.widget-with-toplist ol,
.widget-with-list ul,
.widget-with-news ul{
	margin:0 0 24px 60px;
	}
.widget-with-toplist li{
	margin:8px 0 0;
	}
.widget-with-toplist a,
.widget-with-list a,
.widget-with-news a{
	font-style:italic;
	color:#000000;
	text-decoration:none;
	background:url(i/backgrounds/dot.b.png) repeat-x 0 100%;
	}
.widget-with-toplist a:hover,
.widget-with-list a:hover,
.widget-with-news a:hover{background:none !important;}
.type-zero a{text-decoration:line-through !important;}

/* widget-with-list */
.widget-with-list,
.widget-with-news{
	padding-top:3px !important;
	}
.widget-with-list li,
.widget-with-news li{
	font-size:12px;
	line-height:14px;
	margin:12px 0 0;
	}

.widget-with-news .source{
	color:#cccccc;
	font-style:italic;
	}

.sub-active .more-down,
.widget-with-list .sub{display:none;}
.sub-active .main{margin-bottom:0;}
.widget-with-list .sub{
	}

/* widget-with-chart */
.widget-with-chart .tmp-image{
	text-align:right;
	padding:12px 0 10px;
	}
.widget-with-chart {
	font-style:italic;
}
.widget-with-chart em {
	font-size:12px;
}
.widget-with-chart .type-a1 {color:#ff3333;abackground-image:url(i/backgrounds/dot.r.png);}
.widget-with-chart .type-a2 {color:#66ccff;abackground-image:url(i/backgrounds/dot.bl.png);}
.widget-with-chart .type-a3 {color:#bae1f7;abackground-image:url(i/backgrounds/dot.g.png);}
.widget-with-chart .type-a4 {color:#99cc99;abackground-image:url(i/backgrounds/dot.gy.png);}
.widget-with-chart .type-a5 {color:#cccccc;}
.widget-with-chart .type-b1 {color:#66ccff;}
.widget-with-chart .type-b2 {color:#99cc99;}
.widget-with-chart .type-b3 {color:#ff3333;}

.more{color:#66ccff;}
.more a{
	text-decoration:underline !important;
	background:none !important;
	color:#66ccff !important;
	font-style:normal !important;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	}
.more a:hover{
	text-decoration:none !important;
	}
	
/* additional-information */
.additional-information{
	color:#666666;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	margin:30px 0;
	}
.additional-information a{
	color:#666666;
	}
#admin .additional-information{
	position:relative;
	}
#admin .additional-information .edit-link{
	top:-2em;
	font-size:14px;
	font-style:italic;
	}
.additional-information ul{
	width:420px;
	float:left;
	font-size:10px;
	line-height:1.3em;
	}
.additional-information ul.alt{float:right;}
.additional-information li{
	position:relative;
	margin:0 0 .65em;
	}
.additional-information li span{
	font-size:11px;
	position:absolute;
	top:-5px;
	left:-20px;
	}
.additional-information li span span{
	font-size:7px;
	position:relative;
	top:2px;
	left:0;
	vertical-align:super;
	}

.chart{margin-left:60px;margin-bottom:20px;}

/* main-form */
.box-content{
	padding:5px;
	}
.main-form{
	
	}
.main-form li{
	margin:0 0 10px;
	}
.main-form .label{
	margin:0 0 2px;
	font-size:14px;
	}

.main-form .view-more-field{
	margin-left:10px;
	font-size:11px;
	}
.main-form .view-more-field a{
	background:url(i/backgrounds/dot.bl.png) repeat-x 0 100%;
	text-decoration:none;
	}
.main-form .view-more-field a:hover{
	background:none;
	text-decoration:none;
	}
.main-form table td{
	padding-right:10px;
	vertical-align:middle;
	}
.main-form table img,
.main-form table input{
	vertical-align:middle;
	}
.main-form table .alt-box td{background:#f7f7f7;}
.main-form .timer-field{
	margin:0 0 10px;
	background:#fbfbfb;
	}

.centered-button{text-align:center;}

.more-field{
	margin-left:20px;
	margin-top:10px;
	display:none;
	}
.more-field-active{display:block;}
.more-field li{
	margin-bottom:5px
	}
.more-field label,
.more-field input,
.more-field textarea{
	font-size:12px;
	}

.box-content .it{
	width:45%;
	float:left;
	margin-bottom:20px;
	}
.box-content .was{
	width:45%;
	float:right;
	margin-bottom:20px;
	}
.box-content h3{
	margin:0;
	padding-bottom:3px;
	border-bottom:1px solid #d9f0d3;
	}
	
.box-content .widget{
	margin:10px 0 0;
	}

/* page */
.page{
	padding:36px 0 15px;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	}
.page .title{
	padding:0 0 0 150px;
	}
.page .title h2{
	font-size:24px;
	line-height:30px;
	font-weight:normal;
	margin:0;
	padding:0;
	margin:0 0 30px;
	}
.page .title h3{
	font-size:16px;
	line-height:18px;
	font-weight:normal;
	margin:0;
	padding:0;
	margin:0 0 10px;
	}
.page .content{
	margin:0 0 37px 300px;
	padding:0 0 4px;
	border-bottom:1px solid #d9f0d3;
	}
.page .content p{
	margin:0 0 1em;
	width:420px;
	font-size:14px;
	line-height:16px;
	}
.page .content form p{
	margin:0 0 16px;
	float:left;
	font-size:12px;
	line-height:14px;
	}
.page .content form p.note{
	width:120px;
	float:right;
	font-size:10px;
	line-height:14px;
	color:#999999;
	}
.page .content form input{
	font-size:11px;
	}
.page .content form fieldset{
	clear:both;
	padding-bottom:4px;
	}
.page .content form fieldset ul,
.page .content form fieldset .textarea{
	width:420px;
	}
.page .content form fieldset .textarea{
	float:left;
	margin-bottom:4px;
	}
.page .content form fieldset .textarea textarea{
	width:406px;
	height:120px;
	color:#333366;
	font-family:"Georgia";
	font-style:italic;
	font-size:14px;
	line-height:16px;
	padding:5px;
	}
.page .content form fieldset li{
	position:relative;
	margin:0 0 5px;
	}
.page .content form fieldset .act{
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	left:-1em;
	top:0;
	font-size:17px;
	line-height:24px;
	font-weight:bold;
	}
.page .content form fieldset .act a{text-decoration:none;}

.page .content form .button{
	width:120px;
	margin:-27px 0 12px auto;
	}
.page .content form .button input{
	width:116px;
	}
	
.page .back{
	font-size:12px;
	line-height:14px;
	margin:0 0 50px 300px;
	position:relative;
	left:-1.3em;
	}
.page .back span{
	color:#66ccff;
	font-family:Arial;
	font-size:13px;
	}

.page .scf{
	color:#66ccff;
	font-size:12px !important;
	line-height:14px !important;
	margin-top:-24px !important;
	}
.page .scf a{
	background:url(i/backgrounds/dot.bl.png) repeat-x 0 100%;
	text-decoration:none;
	}
.page .scf a:hover{
	background:none;
	text-decoration:none;
	}
	
/* FOOTER */
.footer{
	padding:0 0 55px;
	font-size:11px;
	line-height:1.2em;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	color:#333333;
	}
.footer a{
	color:#333333;
	}
.footer .hr{
	margin-bottom:18px;
	height:4px;
	}
.footer .copyright{
	float:left;
	position:relative;
	left:-18px;
	}
.footer .copyright a{
	margin:0 0 0 8px;
	}
.footer .menu{
	float:right;
	margin:0 -30px 0 0;
	overflow:hidden;
	}
.footer .menu a{
	font-size:1em;
	}

/* UTIL */
.head:after,
.columns:after,
.additional-information:after,
.footer:after,
.content form .wrp:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}
	
.loadme{display:none;}


/* global */
#cluetip{
	
	}
#cluetip-title {display:none !important;}
#cluetip-close {position:absolute;right:14px;top:2px;}
#cluetip-close img {float:none !important;margin:0 !important;}
#cluetip-waitimage {display:none !important;}
.cluetip-arrows {
	display: none;
	position: absolute;
	top: 11px !important;
	left:-5px !important;
	width:11px;
	height:10px;
	background: url(i/backgrounds/arrow.png) no-repeat 0 0;
	}
.arrow-right .cluetip-arrows {
	right:-10px !important;
	left:auto !important;
	background: url(i/backgrounds/arrow.r.png) no-repeat 0 0;
	}
#cluetip-extra {display: none;}
.cluetip-jtip {
	background-color: transparent;
	font-size:11px;
	line-height:15px;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	}
.cluetip-jtip #cluetip-outer {
	position: relative;
	background: url(i/backgrounds/tooltip.png);
	}
.cluetip-jtip #cluetip-inner {
	padding:6px 30px 8px 10px;
	display: inline-block;
	}
#cluetip-inner img{
	float:left;
	margin:.4em 10px 5px 0;
	}
#cluetip-inner p{margin-bottom:10px;line-height:15px;}
#cluetip-inner a{color:#0066cc}
#cluetip-inner em{color:#8895a0;font-style:normal;}
