/**
 * Stylesheet to myestory in tintin
 * script name:	myestory.css
 * @author Leandro Carvalho
 * created: 22 August 2008
 */
 
 * {
  margin: 0;
  padding: 0;
}

body {
	font-size: 12px;
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
}
.tooltip{
	width: 200px;
	color:#000;
	font:lighter 11px/1.3 Arial,sans-serif;
	text-decoration:none;
	text-align:center;
}

.viewport_submit {
	font-family: Arial, sans-serif;
	background:#F2F2F2;
	outline:none;
	color:#666666;
	cursor:pointer;
	font-size:12px;
	border:1px solid #999999;
	font-weight:bold;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:5px;
	padding-right:5px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	letter-spacing:2px;
}

.viewport_submit:hover {
	font-family: Arial, sans-serif;
	background:#E9E9E9;
	outline:none;
	color:#666666;
	cursor:pointer;
	font-size:12px;
	border:1px solid #666666;
	font-weight:bold;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:5px;
	padding-right:5px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	letter-spacing:2px;
}

.viewport_input {
	padding:3px;
	font-size:12px;
	color:#333333;
	border:1px solid #999999;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}

.footer {
	font: 12px arial,tahoma,sans-serif;	
	color:#999999;
}

#divLoadContLoading{
	position:absolute;
	top:45%; 
	left:45%;
	font-family:arial,helvetica; 
	font-size: 10px;
	color: #666666;
	font-weight: bold;
	letter-spacing: .5em;
	text-align: center;
	z-index:100;
}

/* --- bubbles ---*/
.tooltip span.top{
	padding-top:10px;
	padding-right:10px;
	padding-left:10px;	
	color:#666666;
    background: url(/global_images/icons/bt.gif) no-repeat top;
}

.tooltip b.bottom{
	padding: 30px 8px 0;
    background: url(/global_images/icons/bt.gif) no-repeat bottom;
}

/* -------- HREF FOOTER ------------------ */
a.footer{
	font: 11px arial,tahoma,sans-serif;	
	color:#999999;
	text-decoration:none;		
	cursor:pointer;
	outline:0px;
}

a.footer:link
{
	font: 11px arial,tahoma,sans-serif;	
	color:#999999;
	text-decoration:none;
	cursor:pointer;
	outline:0px;
}

a.footer:active {
	font: 11px arial,tahoma,sans-serif;	
	color:#999999;
	text-decoration:none;		
	cursor:pointer;
	outline:0px;
}

a.footer:visited {
	font: 11px arial,tahoma,sans-serif;	
	color:#999999;
	text-decoration:none;		
	cursor:pointer;
	outline:0px;
}
a.footer:hover
{
	font: 11px arial,tahoma,sans-serif;	
	color:#333333;
	text-decoration:none;		
	cursor:pointer;
	outline:0px;
}

a.footer:visited:hover {
	font: 11px arial,tahoma,sans-serif;	
	color:#333333;
	text-decoration:none;		
	cursor:pointer;
	outline:0px;
}