/* CSS Document */
.activated {color:#white; font-family:verdana, Arial, Helvetica, sans-serif; background: url('images/activated.png'); width:590px; height:380px;}
.status{ color:#white; font-family:verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin-left:-625px; margin-top:78px; padding-left:5px; padding-right:20px; padding-top:0; padding-bottom:0;}
.error_register {color:#white; font-family:verdana, Arial, Helvetica, sans-serif; background: url('images/reg_error.png'); width:550px; height:35px;}
.errorlog {color:#white; font-family:verdana, Arial, Helvetica, sans-serif; background: url('images/error_log.png'); width:900px; height:35px;}

.smallf { font-family: verdana, Arial, sans-serif; font-size: 12px; }
.bigf   { font-family: verdana, Arial, sans-serif; font-size: 15px; }
.xbigf   { font-family: verdana, Arial, sans-serif; font-size: 18px; }
.xxbigf   { font-family: verdana, Arial, sans-serif; font-size: 20px; }
.xxxbigf   { font-family: verdana, Arial, sans-serif; font-size: 35px; }
.tail-top { background:url(images/tail.jpg) left top repeat-x;}


.botao_verdee {
	width: 95px; BORDER-RIGHT: gray 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: gray 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; BORDER-LEFT: gray 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: gray 1px solid}
.botao_verdee {
	COLOR: #ffffff; BACKGROUND-COLOR: silver }

.botao_azul {
	width: 100px; BORDER-RIGHT: gray 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: gray 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; BORDER-LEFT: gray 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: gray 1px solid}
.botao_azul {
	COLOR: #ffffff; BACKGROUND-COLOR: black }


A {
	FONT-WEIGHT: bold; TEXT-DECORATION: none! important  ;
}
A.preto {
	COLOR: #000000! important; TEXT-DECORATION: none! important     ;
}
A.preto:hover {
	TEXT-DECORATION: underline! important    ;
}
A.branco {
	COLOR: #ffffff! important; TEXT-DECORATION: none! important; text-shadow: rgba(0,0,0,.4) 0px 1px 1px    ;
}
FONT.branco {
	COLOR: #ffffff! important; TEXT-DECORATION: none! important; text-shadow: rgba(0,0,0,.4) 0px 1px 1px   ;
}
A.branco:hover {
	TEXT-DECORATION: underline! important  ;
}


A.brancosurf:hover {
	TEXT-DECORATION: underline! important  ;
}

A.brancosurf {
	COLOR: #0066CC! important; TEXT-DECORATION: none! important; text-shadow: rgba(0,0,0,.4) 0px 1px 1px  ;
}

FONT.brancosurf {
	COLOR: #0066CC! important; TEXT-DECORATION: none! important; text-shadow: rgba(0,0,0,.4) 0px 1px 1px    ;
}


A.brancomess:hover {
	TEXT-DECORATION: underline! important    ;
}

A.brancomess {
	COLOR: #000000! important; TEXT-DECORATION: none! important; text-shadow: rgba(0,0,0,.4) 0px 1px 1px  ;
}

FONT.brancomess {
	COLOR: #000000! important; TEXT-DECORATION: none! important; text-shadow: rgba(0,0,0,.4) 0px 1px 1px   ;
}

div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------body--------------------*/

div#qTip{
	padding: 0px 3px 0px 3px;
	border: 1px solid #ffffff;
	display: none;
	background: #196bc8;
	position: absolute;
	z-index: 1000;
	color: #ffffff;
	font: bold 9px Verdana, Arial, sans-serif;
	line-height: 17px;
}

div#qTip *{
	color: #ffffff;
	font: 9px Verdana, Arial, sans-serif;
}


.sa_info{
	width: 718px;
	float: left;
	padding: 0px 0px 0px 0px;
}

.sa_info a{
	display: block;
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #438AC1;
	margin: 10px 0px 3px 0px;
}

.sa_info td{
	display: block;
	float: left;
	color: #438AC1;
	letter-spacing: 1px;
	text-decoration: underline;
	line-height: 20px;
	padding: 0px 5px 0px 5px;
}






/*------------------------------------------------top part--------------------*/
#date {
	clear: both;
	position: absolute;
	top: 2px;
	right: 25px;
	width: auto;
	text-align: right;
	color: #fff;
	font-size: x-small;
	font-family: verdana, sans-serif;
}
	
#top{
	background:url(images/top_part.png) 0 0 no-repeat;
	width:1000px;
	height:250px;
top:0;
	margin:0 auto;
	position:relative;
}

#top ul{
	width:550px;
	height:29px;
	position:absolute;
	left:450px;
	top:185px;
}
#top ul li{
	float:left;
	margin:0 1px 0 0;
}
#top ul li a{
	background:url(images/nav_bg.png) 0 0 no-repeat;
	width:102px;
	height:30px;
	display:block;
	font:bold 11px/29px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	background-color:inherit;
}
#top ul li a:hover{
	background:url(images/nav_hover.png) 0 0 no-repeat;
	width:102px;
	height:30px;
	color:#4C4C4C;
	background-color:inherit;
}
#top ul li.hover{
	float:left;
	margin:0 1px 0 0;
	background:url(images/nav_hover.png) 0 0 no-repeat;
	width:102px;
	height:30px;
	display:block;
	font:bold 11px/29px Arial, Helvetica, sans-serif;
	color:#4C4C4C;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	background-color:inherit;
}
/*------------------------------------------------top part--------------------*/



.tipsbox .tipsbox_top_left{
	background : url('images/top_left.png') no-repeat;
	_background : url('images/top_left.gif') no-repeat;
	_background-position : 9px 8px;
}

.tipsbox .tipsbox_top{
	background : url('images/top.png') repeat-x;
	height : 17px;
	_background : url('images/top.gif') repeat-x;
	_background-position : 0px 8px;
}

.tipsbox .tipsbox_top_right{
	background : url('images/top_right.png') no-repeat;
	_background : url('images/top_right.gif') no-repeat;
	_background-position : 0px 8px;
}

.tipsbox .tipsbox_left{
	background : url('images/left.png') repeat-y;
	width : 17px;
	_background : url('images/side.gif') repeat-y;
	_background-position : 9px 8px;
}

.tipsbox .tipsbox_right{
	background : url('images/right.png') repeat-y;
	width : 22px;
	_background : url('images/side.gif') repeat-y;
	_width : 9px;
}

.tipsbox .tipsbox_bottom_left{
	background : url('images/bottom_left.png');
	_background : url('images/bottom_left.gif') no-repeat;
	_background-position : 9px 0px;
}

.tipsbox .tipsbox_mark{
	background : url('images/mark.png') no-repeat;
	height : 36px;
	_background : url('images/mark.gif') no-repeat;
}

.tipsbox .tipsbox_bottom_right{
	background : url('images/bottom_right.png');
	_background : url('images/bottom_right.gif') no-repeat;
}

.tipsbox .tipsbox_inner, .tipsbox .tipsbox_inner_ie6{
	background : url('images/inner.png');
}

.tipsbox .tipsbox_inner_ie6 {
	padding : 4px;
}

.tipsbox .tipsbox_error {
	background : url('images/error.png') no-repeat;
	_background : url('images/error.gif') no-repeat;
	width: 40px;
	height: 40px;
	margin-top: 5px;
	float: left;
	clear: left;
}

.tipsbox p, .tipsbox {
	font-size: 0.85em;
	font-family: verdana, arial;
	margin : 0;
	padding : 0;
	border : 0;
	color : #FFF;
}

.tipsbox p {
	padding-left: 55px;
	line-height: 15px;
}

.tipsbox p span {
	font-size: 2em;
	font-weight: bold;
	color: red;
	line-height: 35px;
}

.textinput, .textinputHovered {
	height:15px;
	background:url(images/input_bg.gif) repeat-x left top;
	border:none;
	padding:4px 0;
	vertical-align:middle;
}
.textinputHovered {background-position:left bottom;}
.inputCorner {
	padding-bottom:0;
	vertical-align:middle;
}


.buttonSubmit, .buttonSubmitHovered {
	width:auto;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px;
	background:url(images/button_bg.gif) repeat-x left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {background-position:left bottom;}
.buttonImg {vertical-align:bottom;}

label {
	display: block;
	margin-top : 8px;
	width: 100%;
	background-repeat: no-repeat;
}

.blue {
	color: #0099CC;
	font-weight: bold;
}

.style10  {font-family: verdana; font-size: 10px;}
.style10b {font-family: verdana; font-size: 10px; font-weight: bold; border-bottom:1px solid #000000;}
.style11  {font-family: verdana; font-size: 11px;}
.style11b {font-family: verdana; font-size: 11px; font-weight: bold;}
.style12  {font-family: verdana; font-size: 12px;}
.style12b {font-family: verdana; font-size: 12px; font-weight: bold;}
.style13  {font-family: verdana; font-size: 13px;}
.style13b {font-family: verdana; font-size: 13px; font-weight: bold;}
.style14  {font-family: verdana; font-size: 14px;}
.style14b {font-family: verdana; font-size: 14px; font-weight: bold;}
.style15  {font-family: verdana; font-size: 15px;}
.style15b {font-family: verdana; font-size: 15px; font-weight: bold;}
.style16  {font-family: verdana; font-size: 16px;}
.style16b {font-family: verdana; font-size: 16px; font-weight: bold;}


.bodytext     { 
margin-left:0; 
margin-right:0; 
margin-top:0; 
margin-bottom:0; 
padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:0;}



.stats     { 
color:#white; 
font-family:verdana, Arial, Helvetica, sans-serif; 
width:200px; 
height:120px;
	    
margin-left:760px; 
margin-right:0; 
margin-top:73px; 
margin-bottom:0; 
padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:0;}

.registerback     { 
color:#white; 
font-family:verdana, Arial, Helvetica, sans-serif; 
background: url('images/register_back.png'); 
width:460px; 
height:248px;
	    
margin-left:18px; 
margin-right:0; 
margin-top:0; 
margin-bottom:0; 
padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:0;
}

.mylist     { 
color:#white; 
font-family:verdana, Arial, Helvetica, sans-serif; 
width:250px; 
height:5px;
	    
margin-left:10px; 
margin-right:0; 
margin-top:78px; 
margin-bottom:0; 
padding-left:5px; padding-right:5px; padding-top:0; padding-bottom:0;
}

.failed    { 
color:#white; 
font-family:verdana, Arial, Helvetica, sans-serif; 
background: url('images/sorry.png'); 
width:451px; 
height:220px;
	    
}

.ok    { 
color:#white; 
font-family:verdana, Arial, Helvetica, sans-serif; 
background: url('images/congrats.png'); 
width:451px; 
height:220px;
	    
}

.sortable {width:780px; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 15px}
.sortable th {background:url(images/header-bg.gif); text-align:left; color:#cfdce7; border:none solid #fff; border-right:none}
.sortable th h3 {font-size:10px; padding:1px 1px 1px}
.sortable td {font-size:10px; padding:1px 1px 1px; border-bottom:none solid #c6d5e1; border-right:none solid #c6d5e1}
.sortable .head h3 {background:url(images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background:url(images/header-selected-bg.gif)}
.sortable .desc h3 {background:url(images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#ecf2f6}
.sortable td.evenselected {background:#ecf2f6}
.sortable td.oddselected {background:#dce6ee}

#controls {width:630px; margin:0 auto; height:10px}
#perpage {float:left; width:200px}
#perpage select {float:left; font-size:10px}
#perpage span {float:left; margin:2px 0 0 5px}
#navigation {float:left; width:200px; text-align:center}
#navigation img {cursor:pointer}
#text {float:left; width:200px; text-align:right; margin-top:2px}


#text1 {margin:50px auto; width:100px}
.hotspot {color:green; padding-bottom:1px;}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}


.button {font:11px Verdana; margin-bottom:10px; padding:2px 2px 2px; background:white; cursor:pointer}
.button:hover { background:#B0D1EC}

.curve-all {
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-topright:   10px;
-moz-border-radius-topleft:    10px;
}

.curve-topl  {-moz-border-radius-topleft:5px;}
.curve-topr  {-moz-border-radius-topright:5px;}
.curve-botl  {-moz-border-radius-bottomleft:5px;}
.curve-botr  {-moz-border-radius-bottomright:5px;}

.curve-tlbl  {-moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px;}
.curve-trbr  {-moz-border-radius-topright:5px; -moz-border-radius-bottomright:5px;}

.curve-toplr  {-moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;}
.curve-botlr  {-moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px;}
.curve-toplrh  {-moz-border-radius-topleft:12px; -moz-border-radius-topright:12px;}


.borders{
padding-top:   3px; 
padding-left:  3px; 
padding-bottom:3px; 
padding-right: 3px; 
BORDER-RIGHT:  silver 2px solid; 
BORDER-left:   silver 2px solid; 
BORDER-top:    silver 2px solid; 
BORDER-bottom: silver 2px solid;}

.borderslrt{
padding-top:   3px; 
padding-left:  3px; 
padding-bottom:3px; 
padding-right: 3px; 
BORDER-RIGHT:  silver 2px solid; 
BORDER-left:   silver 2px solid; 
BORDER-top:    silver 2px solid; }

.borderslrb{
padding-top:   3px; 
padding-left:  3px; 
padding-bottom:3px; 
padding-right: 3px; 
BORDER-RIGHT:  silver 2px solid;
BORDER-BOTTOM: silver 2px solid;  
BORDER-left:   silver 2px solid; }