/* css */

body { 
	margin: 0;
	padding: 0;
	background: #e8e8e8; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
}
#page { 
	width: 568px;
	margin: 20px auto;
	background-color: #e8e8e8;
} 		
#header {
	width:568px;
	height:83px;
	background: url('images/head.gif')
}	
#header h1{
	display: none;
}
#content {
	margin: 0;
	background: url("images/cont.gif") repeat-y top; 
	padding: 5px 22px;
}
#footer { 
	clear: both;
	width: 568px;
	height: 32px;
	background: url("images/foot.gif") no-repeat bottom; border: none;
}
#footer p {
	margin: 0;
	text-align: center;
}

a img { 
border:0; }

form { 
	padding : 0 10px 0 10px; 
}
label { float : left;
	width : 15%;
	text-align : right;
	padding-right : 1%;
}
input, textarea, select { text-align : left; }

#errormsg {
	text-align: center;
}

#uploadform .small {
	margin: 0 0 0 16%;
	font-size: 0.7em;
	margin-bottom: 1em;
}

#uploadform p {
	margin:3px;
    padding:0;
}

#admlog {
	width: 350px;
}

.bgbranco {
	background-color:#FFFFFF;
}

.detalhe {
	width:520px;
	height:350px;
}

.red {
 	color: #f00;
	font-weight: bold;	
}

.hiddenlink {
	color:#CCC;
	font-size:x-small;
	text-decoration:none;
	cursor: text;
}


.font1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
}

.font2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	font-weight: bold
}

.font3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF9900;
	font-size: 12px;
	font-weight: bold
}

.font4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	font-size: 12px
}

.font5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ff0000;
	font-size: 16px;
	font-weight: bold
}

.font6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF9900;
	font-size: 16px;
	font-weight: bold
}

.botao {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF9900;
	text-decoration: none;
	border: solid 1px;
	width: 150px;
	height:15px;
	margin-top:5px;
}

.botao2 {
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF9900;
	text-decoration: none;
	border: solid 1px;
	width: 75px;
	height:15px;
	margin-top:5px;
}

.botao3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF9900;
	text-decoration: none;
	border: solid 1px;
	width: 300px;
	height:15px;
	margin-top:5px;
}

.botao4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF9900;
	text-decoration: none;
	border: dashed 1px #FF9900;
	margin-top:5px;
}

table.sortable {	
	width: 100%;
	text-align: center;
	border-spacing: 0px;
	border-collapse: collapse;
	height: 30px;
}
table.sortable .lefted {text-align: left;}
table.sortable img  { vertical-align: middle }

table.sortable th {
	height: 30px;
	font-size: x-small;
	background-color: #FFA54F;
	padding: 4px;
	border: 1px #fff solid;
	color: #FFFFFF;
	font-weight: bold;	
} 
table.sortable th a {
	color: #fff;
	text-decoration: none;
}

table.sortable #th1 {width: 60%;}
table.sortable #th2 {width: 15%;}
table.sortable #th3 {width: 15%;}
table.sortable #th4 {width: 10%;}

table.sortable tr.on {background: #eee;}
table.sortable tr.delete {background: #fcc;}

table.sortable td {
	height: 40px;
	padding: 3px;
}

a:link{
	text-decoration: none;
	color: #999999;
}

a:visited{
	text-decoration: none;
	color: #999999;
}

a:hover{
	color: #039;
}

a:active{
	color: #FF9900;
}