body { background:white; font-family:arial,sans-serif; margin-left: 2%; margin-right: 2%; }
hr { color: #cccccc; }
#logo {float:left}
#search {float:right;padding-top:15px}
#topmenu { font-size:smaller; }
#chartdiv {margin-top:1%}
#copy {font-size:x-small;text-align:center}
#footer {font-size:smaller;text-align:center}
li { margin-top: 1em; margin-bottom: 1em; }
.h { background: #eeeeee; padding:0.5%; }
.h h1 {font-size:1.5em;margin:0.5em 0 0.5em 0}
.c { padding:2%}
.r { background: #ccffcc; padding:2%;font-size:smaller; }
.tblrank { margin-top:1em;border:solid thin gray;border-collapse:collapse;}
.tblrank th { border:solid thin gray;background-color:#f5f5f5;padding:3px}
.tblrank td { border:solid thin gray;text-align:right;padding:3px}
a {text-decoration:none;}
a:hover {text-decoration:underline;}

.h p {font-size:smaller;}
#sharing_tools {width:100%;margin-top:1em;border-top:1px solid #D4D4D4;border-bottom:1px solid #D4D4D4;padding:5px;}
#search {padding-top:9px;}
#leftpanel { float:left; width:100%; }
#mainpanel { float:left; margin:10px 20px; }
#footer {clear:both;}
.c {padding:0px;}
#ad2 {display:none;}

/*2 col*/
.col-md-8 { float:left;width:100%; }
.col-md-4 { float:left;width:100%; }

/*all*/
@media (min-width: 1024px) {
	#leftpanel { width:300px; }
	#mainpanel { width:468px; }
	#ad2 {display:block;}

    .col-md-8 { width:672px; }
    .col-md-4 { width:300px;margin-left:10px }
}

@media (min-width: 1280px) {
	#mainpanel {width:840px;}
    .col-md-8 { width:917px; }
}
	
@media (min-width: 1366px) {
	#mainpanel {width:926px;}
    .col-md-8 { width:981px;}
}

@media (min-width: 1440px) {
	.col-md-8 { width:1056px;}
}
	
@media (min-width: 1920px) {
	#mainpanel {width:1480px;}
    .col-md-8 { width:1515px;}
}

@media print { 
#logo {display:none;}
#search {display:none;}
#footer {display:none;}
#ad {display:none;}
.ad {display:none;}
.widget-box {display:none;}
.noprint {display:none;}
}