/**
 * @section reset
 *
 * if you have problems with your layout, activate this 'reset command' for "debugging".
 */

/** reset all paddings/margins */
/* div#cloud * { margin: 0; padding: 0; } */

/** border (red) around the cloud component */
/* div#cloud { border: 1px solid red; } */

/** border (blue) around all cloud elements */
/* div#cloud * { border: 1px solid blue; } */

div#moreinfo {
display:none; 
background-color:#FFFFCC; 
border:solid 1px black; 
padding:5px 5px 5px 5px; 
margin-top:25px;
margin-left:-250px;
margin-bottom:5px;
position:relative;
height:auto;
width:500px;
}

div#mydiv {
margin-top:30px;
display: none; 
background-color: rgb(255, 255, 204); 
border: 1px solid black; 
padding: 5px; 
text-align: left;
}

div#cloud div { 
position: relative;
clear:both;
} 

div#cloud table {
border-collapse: collapse;
border:1px solid #999999;
font-size:11px;
}
div#cloud img {
border:0;
}

div#cloud table tr {
height:15px;
vertical-align:top;
text-align:center;
border-bottom:1px dotted #eeeeee;
} 

div#cloud table tr.header {
background:none repeat scroll 0 0 #666666;
color:#E8E8E8;
font-weight:bold;
width:100%
} 
div#cloud table tr.header a {
color:#E8E8E8;
}
div#cloud table tr.header th {
}

div#cloud table tr td, div#cloud table tr th { 
 border-left:1px solid #999999;
 padding:1.5px 0;
 height:100%;
}

div#cloud a.review  {
display:block;
background: url(../images/read-button.jpg) no-repeat center top;
height: 24px;
font-size: 0;
}
div#cloud a.slide  {
display:block;
background: url(../images/slide.jpg) no-repeat center top;
height: 16px;
font-size: 0;
}
div#cloud div.check  {
display:block;
background: url(../images/dot.jpg) no-repeat center center;
height: 12px;
}

div#cloud table tr .left {
 text-align:left;
 padding-left:1em;
 width:125px;
 border:none;
}
div#cloud table tr .summary {
 text-align:left;
 padding-left:0.5em;
}
div#cloud table tr .glance {
 text-align:left;
 padding:1px 0.5em;
 border:none;
 width:auto;
}
div#cloud table tr .glance_full {
 width:350px;
 text-align:left;
 padding:1px 0.5em;
}
div#cloud table tr .full {
}
div#cloud.quick  {
display:inline;
}
div#cloud.quick img{
display:block;
margin-left:auto;
margin-right:auto;
margin-bottom:5px;
}
div#cloud.quick table{
margin-left:auto;
margin-right:auto;
font-size:12px;
margin-bottom:5px;
}
div#cloud.quick table tr.header{
text-transform:capitalize;
}
div#cloud.quick table td.glance{
width:50px;
}
div#cloud.quick table tr.odd td{
background:#EBF2F7 none repeat scroll 0 0;
 text-align:left;
 padding:1px 0.5em;
}
div#cloud.quick table tr.even td{
background:#C0C0C0 none repeat scroll 0 0;
 text-align:left;
 padding:1px 0.5em;
}

div#cloud.features table{
 margin-left:3px;
}
div#cloud.features table{
 padding-left:2px;
 padding-right:2px;
}
div#cloud.features td{
 width:32px;
}

table.incloudarticle {
display:block;
float:right;
padding:2px;
}

/** CSS magnify image on hover **/ 

a.mag {display:inline; width:80px; text-decoration:none; background:#fff; border:0;}
a.mag img {display:inline; border:0; width:80px;}
a.mag:hover {text-decoration:none; background-color:#8c97a3; color:#000;  z-index:50000;}
a.mag img.large {width:360px;}
a.mag b {display:block; position:absolute; left:-9999px; padding:10px; opacity:0;
-o-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-icab-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-khtml-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
 -webkit-transition: opacity 0.6s ease-in-out;
}
a.mag:hover b {top:100px; left:130px; padding:10px; border:1px solid #aaa; background:#fff; opacity:1.0;
}

/* RANKING  */

table.ranking>tbody>tr.two>td {  background:#eeeeff; }

 a.tooltip {outline:none; } 
 a.tooltip strong {line-height:20px;} 
 a.tooltip:hover {text-decoration:none;} 
 a.tooltip span { z-index:10;display:none; padding:14px 20px; margin-top:-60px; margin-left:0px; width:340px; line-height:16px; } 
 a.tooltip:hover span{ display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#fffAF0;}
 
div#cloud table.insidetooltip, div#cloud table.insidetooltip tr td {border:none} 


div#cloud div#mydiv li{display:list-item; list-style-type:disc; overflow:visible;}


/***  old chart css *****/

.smallfont {
font-size:20%;
}

TABLE.chart {
  BACKGROUND: #ffffff url(../images/snb_watermark.jpg) no-repeat -5px 0px;
  WIDTH: 99%; /*575px;*/  
  margin:0px;
  padding:10px;
  BORDER: #b5b5b5 1px solid;
  BORDER-LEFT:0;
  BORDER-RIGHT:0;
}
DIV.caption {
	FONT-SIZE: 90%; FONT-STYLE: italic;
       line-height: 22px;
   Text-align:center;
}
TABLE.chart TH {
	VERTICAL-ALIGN: top; 
  TEXT-ALIGN: left;
}
TABLE.chart TD.leftlink {
  PADDING: 2px 6px;
  BORDER-RIGHT: #d5d5d5 1px solid;
  BACKGROUND-COLOR: transparent;
  TEXT-ALIGN:right;
  FONT-SIZE:80%;
  VERTICAL-ALIGN:middle;  
}
TABLE.chart TD.slide {
  PADDING: 4px 6px;
  Height: 16px;
  width: 2em;
  BACKGROUND-COLOR: transparent;
  TEXT-ALIGN:center;
  FONT-STYLE: italic;
  FONT-SIZE:80%;  
  VERTICAL-ALIGN:middle;
}

TABLE.chart TD.value {
  BORDER: 0px;
  BORDER-LEFT: #d5d5d5 1px solid;
  PADDING: 0px;
  HEIGHT:16px;
  WIDTH:161px;
  VERTICAL-ALIGN:middle;  
  BACKGROUND: #ffffff;
}

TABLE.chart TD.number {
  TEXT-ALIGN:right;
  BORDER: 0px;
  BORDER-LEFT: #d5d5d5 1px solid;
  PADDING: 2px 2px;
  HEIGHT:16px;
  FONT-FAMILY:Arial;
  FONT-SIZE:14px;
  COLOR:black;
  VERTICAL-ALIGN:middle;
}
TABLE.chart TD.value IMG {
  BORDER: 0px;
  HEIGHT: 16px;
  VERTICAL-ALIGN:middle;
}
div.xaxis {
	padding:0px;
	margin:0px;
	font-weight: bold;
	float:right;
}
/********** module ******/

TABLE.chart_mod
{
width:340px; 
background:none;
}

TABLE.chart_mod TD.value {
	width:100px; 
	padding-left:1px;
}

TABLE.chart_mod TD.number {
  FONT-SIZE:10px;
  padding-right:5px;
}

TABLE.chart_mod TD.leftlink {
  PADDING: 2px 6px;
  BORDER-RIGHT: #d5d5d5 1px solid;
  BACKGROUND-COLOR: transparent;
  TEXT-ALIGN:left;
  FONT-SIZE:80%;
  VERTICAL-ALIGN:middle;  
}
div.xaxis_mod {
	padding:0px;
	margin-right:50px;
	font-weight: bold;
	FONT-SIZE:10px;
	float:right;
}

div#cloud table.filterrank {
  WIDTH: 40%; 
  padding:3px;
float:center;
margin:auto;
}
div#cloud table.filterrank, div#cloud table.filterrank tr, div#cloud table.filterrank tr td
{
  border:0px;
}
div#cloud table.filterrank tr td
{
vertical-align:middle;
  padding-right:3px;
}
div.links, table.filterbar {
  WIDTH: 99%; /*575px;*/ 
  padding:3px;
  margin:1px 0px;
  border: #d5d5d5 1px solid;
  background: #ebf2f7;
}
table.filterbar tr td
{
	padding:2px;
}

div#bar {
    WIDTH: 99%; /*575px;*/ 
}

#imgbarlbl {height:14px; width:14px; margin-bottom:4px;}

table.filterbar input, table.filterrank input, div#cloud table.buttonbar {font-size: 92%;
background: url('/images/but-bg.gif') repeat-x scroll center bottom #FFF;
color: #666;
border: 1px solid #DDD;
padding-top: 1px;
padding-bottom: 1px;
cursor: pointer;
text-transform: uppercase;
height:auto;
padding:3px;
margin:1px;}

div#cloud input[type="submit"]{font-size: 92%;
background: url('/images/but-bg.gif') repeat-x scroll center bottom #FFF;
color: #666;
border: 1px solid #DDD;
padding-top: 1px;
padding-bottom: 1px;
cursor: pointer;
text-transform: uppercase;
height:auto;
padding:3px 3px 3px 3px;}

div#cloud table.buttonbar, 
div#cloud table.buttonbar tr td
  {
  BORDER: #ffffff 0px none;
}

TABLE.location {
  WIDTH: 99%; /*575px;*/  
  margin:0px;
  padding:5px;
  BORDER: #b5b5b5 1px solid;
  BORDER-LEFT:0;
  BORDER-RIGHT:#b5b5b5 1px dashed;
}
TABLE.location TD
{
  BORDER: #b5b5b5 1px solid;
	FONT-SIZE:100%;
	padding:3px;
}
TABLE.location TD.yellow
{
  BACKGROUND: #ffff00;
}

TABLE.location a
{
  font-weight: bold;
}

a.nounderline:link { text-decoration:none; }
a.nounderline:visited { text-decoration:none; }
a.nounderline:hover { text-decoration:none; }

TABLE.feature {
  BACKGROUND: #ffffff url(../images/snb_watermark.jpg) no-repeat 0px 0px;
  WIDTH: 99%; /*575px;*/  
  margin:0px;
  padding:5px;
  BORDER: #b5b5b5 1px solid;
  BORDER-LEFT:0;
  BORDER-RIGHT:0;
}
TABLE.feature TD
{
  BORDER: #b5b5b5 1px solid;
	FONT-SIZE:100%;
	padding:3px;
}
TABLE.feature TD.one   { 	background: #cccccc; }
TABLE.feature TD.two   { 	background: #eeeeee; }
TABLE.feature TD.three { 	background: #dddddd; }
TABLE.feature TD#bgone   { 	border-bottom:0; }
TABLE.feature TD#tgone   { 	border-top:0; }
TABLE.feature TD#rgone   { 	border-right:0; }
TABLE.feature TD#lgone   { 	border-left:0; }