﻿html {
	font-size: 100%;
	height: 100%;
	margin-bottom: 1px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	/*background: #9c0001 url('../images/bkgLogin.jpg') top center no-repeat;*/
} 

/********************************      General Classes      ********************************/

.clear { clear: both; }
.align-left { float: left; }
.align-right { float: right; }
.column-left { width:690px; float: left; }
.column-right { width: 270px; float: right; }
.space-r-10{ margin-right: 10px; }
.space-r-20{ margin-right: 20px; }

/********************************      Content     ********************************/
#box-login{
	/*background:url("../images/space_transp.png") left top repeat;*/
	background: #CCC;
	border: 5px solid #999;
	width:626px;
	margin:210px auto 0px;
}
#box-login .label{
	margin-left:95px;
	padding:15px 0px;
	width:502px;
	border-bottom:1px solid #999;
}
#box-login .label .ico{margin:0px 0px 0px 32px;}
#box-login .label .lbl{margin:0px 0px 0px 15px;}
#sombra-bottom{
	background:url(../images/bar_bottom.png) center top no-repeat;
	width:626px;
	height:42px;
	margin:0px auto;
}
#box-login FORM{
	margin-left:95px;
	padding:15px 0px;
	width:350px;
}
#box-login FORM TABLE TR TD{vertical-align: top;}
#box-login FORM TABLE TR TD.lbl-form{width:55px;}
#box-login FORM FIELDSET{
	border:0px none;
	margin:0px 0px 20px 0px;
	padding:0px;
}
#box-login FORM FIELDSET LABEL{
	font-weight:bold;	
	float:left;
	text-align:right;
	margin:10px 15px 0px 0px;
}
#box-login FORM FIELDSET INPUT{
	float:left;
	border:3px solid #999;
	padding:6px 9px;
}
#box-login FORM FIELDSET .campo1{width:256px;}
#box-login FORM FIELDSET .campo2{width:160px;}
#box-login FORM FIELDSET BUTTON{
	border:3px solid #999;
	font-weight:bold;
	background-color:#999;
	padding:6px 9px;
	color:#FFF;
	float:right;
	cursor: pointer;
}
#box-login FORM FIELDSET LABEL.erro{
	display:block;
	color:#FF0000;
	font-weight:normal;
	font-style:italic;
    float: none;
    margin: 0;
    text-align: left;    
}
#box-foot{
	width:626px;
	margin:20px auto 0px;
	text-align:center;
	color:#999;
	font-size:11px;
	line-height:30px;
}
#box-foot SPAN{
	font-weight:bold; 
	display:block; 
	color:#999;
	font-size:14px;
}
.altera_senha{
    font-size: 11px;
    color: #8d8d8d;
    text-decoration: none;
}
.altera_senha:HOVER{text-decoration: underline;}

/* MODAL */
#alert  {display:none;}
#confirm-overlay {background-color:#cccccc; cursor:wait;}
#confirm-container {height:110px; width:420px; text-align:left; background:#fff; border:2px solid #999;}
#confirm-container .header {height:30px; line-height:30px; width:100%; background: #cccccc; color:#fff; font-weight:bold;}
#confirm-container .header span {padding-left:8px; color: #FFF}
#confirm-container .message {color:#333; font-size:14px; margin:0; padding:12px 4px 12px 8px;}
#confirm-container .buttons {line-height:26px; width:160px; float:right; padding: 3px 5px;} 
#confirm-container .buttons div {
    float:right; 
    margin-left:4px; 
    width:40px; 
    height:25px; 
    color:#fff; 
    text-align:center; 
    background:#999; 
    cursor:pointer;
    text-transform: uppercase;
    padding: 3px 5px;
    font-size: 11px;
    font-weight: bold;
} 
#confirm-container a.modal-close,
#confirm-container a.modal-close:link,
#confirm-container a.modal-close:active,
#confirm-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;}
#confirm-container a.modal-close:hover {color:#ccc;}

/*************** Notifications ***************/

.notification {    
    margin: 0 0 15px 0;
    padding: 0;
    background-position: 10px 11px !important;
    background-repeat: no-repeat !important;
    font-size: 13px;
    width: 99.8%;
}
.notification LI{
    position: relative;
    margin: 0 0 10px 0;
    border: 1px solid #e5e5e5;
}


.attention {
    background: #fffbcc url('../images/icons/exclamation.png') 10px 11px no-repeat;
    border-color: #e6db55;
    color: #666452;
}

.information {
    background: #dbe3ff url('../images/icons/information.png') 10px 11px no-repeat;
    border-color: #a2b4ee;
    color: #585b66;
}

.success {
    background: #d5ffce url('../images/icons/tick_circle.png') 10px 11px no-repeat;
    border-color: #9adf8f;
    color: #556652;
}

.error {
    background: #ffcece url('../images/icons/cross_circle.png') 10px 11px no-repeat;
    border-color: #df8f8f;
    color: #665252;
}

.notification div {
    display:block;
    font-style:normal;
    padding: 10px 10px 10px 36px;
    line-height: 1.5em;
}

.notification .close {
    color:#990000;
    font-size:9px;
    position:absolute;
    right:5px;
    top:5px;
}