body{font: normal normal normal 0.95em/1.15em Arial, Helvetica, sans-serif; background: url(../ssm_img/body-bg.jpg) -20px 0 repeat-y;}

#main{position: relative; min-height: 100%; width: 100%;}

header{width: 100%; height: 120px; color: #FFF; background: url(../ssm_img/top-bg.jpg) repeat-x;}
header #header{width: 995px; height: 120px;}
header #header #logo{height: 78px;}
header #header #logo img.logo-notrial{float: left; margin: 8px 0 0 10px;}
header #header #logo img.logo-ssm{float: right; margin: 8px 0 0 0;}
header #header #bar{height: 42px; line-height: 42px;}
header #header #bar img{float: right; margin: 7px 0 1px 5px;}
header #header #bar p{float: left; margin-left: 13px;}

aside{float: left; width: 160px;}
aside nav{float: left; width: 100%;}
aside nav a{display: block; line-height: 38px; color: #27619F;}
aside nav a:before{content:"\00bb"; margin: 0 5px; font-weight: 600; color: #CF0000;}
aside nav a:hover{color: #CF0000;}
aside nav ul li{border-bottom: 1px solid #FFF; cursor: pointer;}
aside nav ul li.logout{margin-top: 35px;}
aside nav ul .selected{color: #00458F; background: #F4F4F4; outline: 1px solid #DDD;}
    
section{float: left; width: 1000px; padding: 30px 0;}
#all{float: left; width: 820px; padding: 5px 0 30px 20px; overflow: hidden;}
#all form{float: left; width: 798px; padding: 15px;}

#all #sub-menu{text-align: right;}
#all #sub-menu a{display: inline-block; text-align: center; width: 132px; margin-left: -2px; height: 22px; color: #FFF; padding: 6px 0 0 0; background: #9fb8d4;}
/*#all #sub-menu a{display: inline-block; text-align: center; width: 132px; margin-left: -2px; height: 22px; color: #FFF; padding: 6px 0 0 0; background: #9fb8d4;}*/
#all #sub-menu a.active{background: #6287AF;}
/*#all #sub-menu a.active{background: rgb(94,130,171);}*/

#all #content{float: left; width: 818px; padding: 0 0 0 0; border: solid rgb(94,130,171); border-width: 0 1px 1px 1px; background: #EEE;}
#all #content h3{float: left; width: 99%; font-variant: small-caps; color: #FFF; background: #6287AF; padding: 6px 0 6px 1%;}
/*#all #content h3{float: left; width: 99%; font-variant: small-caps; color: #FFF; background: #5e82ab; padding: 6px 0 6px 1%;}*/
#all.login form{margin: 15px 0 10px 0;}
#all #div-voltar{float: left; width: 99%; height: 25px; margin: 5px 0 0;}
#all #div-voltar a{float: right; display: block; width: 45px; height: 25px; line-height: 25px; padding: 0 0 0 36px; color: rgb(16,70,124); background: url(../ssm_img/back.png) no-repeat;}
#all.login{float: left; width: 400px; margin: 120px 0 0 200px;}
#all #content #img-box{float: left; width: 97%; text-align: center; border-top: 1px solid rgb(94,130,171); margin: 10px 1.5% 10px; padding-top: 15px;}
#all #content #img-box img{padding: 5px; width: 130px; height: 130px; border: 1px solid #999; background: url(../ssm_img/no-image.jpg) center center;}
#all #delete{float: left; width: 95%; padding: 0 0 0 5%;}
#all #delete form{float: left; margin: 20px 0;}
#all #delete p{float: left; line-height: 25px; color: #F00;}

form.busca{float: left; width: 798px !important; padding: 0;}
form.busca input.busca{width: 640px;}
form.busca input.bt-blue{margin: 0 0 5px 0;}

a.bt-red{float: left; display: block; text-align: center; padding-top: 5px; margin-right: 5px;}
a.preview{float: right; display: block;  height: 35px; margin-bottom: 5px; padding-left: 42px; color: rgb(16,70,124); background: url(../ssm_img/preview.jpg) no-repeat;}

.msg{float: left; width: 97.1%; margin: 0 0 5px 0; padding: 0.6% 0 0.6% 1%; color: #FF5F5F; border: 1px solid #FF8F8F; background: #ffebeb;}


/*a.help{position: absolute; width: 20px; height: 20px; padding: 2px 0 0 23px; color: #F00; background: transparent url(../ssm_img/help.jpg) no-repeat;}
div.help{display: none; position: absolute; width: 300px; padding: 10px; background: #FFF; border: 1px solid #AAA;}
div.help p{margin: 5px 0;}

.st-ativo, .st-publicado, .st-inativo{float: left; height: 13px; width: 13px; cursor: help; background: url(../ssm_img/status.jpg) no-repeat;}
.st-ativo{background-position: left top;}
.st-inativo{background-position: left bottom;}*/

#pagin{float: left; width: 98%; margin: 1%;}
#pagin span,
#pagin a{padding: 0 6px;}
#pagin span{color: #F00; background: rgb(94,130,171); color: #FFF; font-weight: bold;}
#pagin a{color: rgb(94,130,171);}
#pagin p{float: right; color: rgb(94,130,171);}

.w13{width: 13px;}
.w40{width: 40px;}
.w60{width: 60px;}
.w75{width: 75px;}
.w100{width: 100px;}
.w150{width: 160px;}

.h100{height: 100px;}
.h120{height: 120px;}
.h135{height: 135px;}
.h145{height: 145px;}
.h165{height: 165px;}
.h185{height: 185px;}
.h200{height: 220px;}

#base{position: absolute; bottom: 0; width: 100%; height: 40px; line-height: 40px; text-align: center; background: url(../ssm_img/base-bg.jpg) repeat-x; }
#base a{color: #FFF;}

.wt0{width: 0; padding: 0 !important;}
.wt2-5{width: 2.5%;}
.wt5{width: 5%;}
.wt10{width: 10%;}
.wt15{width: 15%;}
.wt20{width: 20%;}
.wt25{width: 25%;}
.wt30{width: 30%;}
.wt35{width: 35%;}
.wt40{width: 40%;}
.wt45{width: 45%;}
.wt50{width: 50%;}
.wt55{width: 55%;}
.wt60{width: 60%;}
.wt65{width: 65%;}
.wt70{width: 70%;}
.wt75{width: 75%;}
.wt80{width: 80%;}
.wt85{width: 85%;}
.wt90{width: 90%;}
.wt95{width: 95%;}
.wt100{width: 100%;}
/*** NEW FORM STYLE***/
.wp5{width: 3.5%;}
.wp10{width: 8.5%;}
.wp12{width: 10.5%;}
.wp15{width: 13.5%;}
.wp20{width: 18.5%;}
.wp25{width: 23.5%;}
.wp30{width: 28.5%;}
.wp35{width: 33.5%;}
.wp40{width: 38.5%;}
.wp45{width: 43.5%;}
.wp50{width: 48.5%;}
.wp55{width: 53.5%;}
.wp60{width: 58.5%;}
.wp65{width: 63.5%;}
.wp68{width: 66.5%;}
.wp70{width: 68.5%;}
.wp75{width: 73.5%;}
.wp80{width: 78.5%;}
.wp85{width: 83.5%;}
.wp90{width: 88.5%;}
.wp95{width: 93.5%;}
.wp100{width: 98.5%;}

form{padding: 0 20px; color: #333;}
fieldset{float: left; width: 100%; margin: 0;}
p.title{margin: 5px; font-variant: small-caps; font-weight: bold; border-bottom: 1px dotted #CCC;}
label{float: left; height: 60px; margin-right: 1.5%;}
label.ta{float: left; width: 98%;}
label.te{float: left; width: 98.5%; height: auto; margin: 0 0 15px;}
label.search{height: 46px; margin: 0 1.5% 0 0;}
label.search .btn{float: right; margin-top: 17px;}
label span{display: block; margin: 0 0 1px 2px; font-size: 0.9em;}
label small{float: left; margin: 4px 0 -4px 0; color: #666; font-size: 0.85em;}
input, 
select, 
textarea.default, 
textarea.maps{width: 100%; height: 26px; line-height: 26px; padding: 0 3px; color: #333; border: 1px solid #999; border-radius: 2px;}
textarea.default, 
textarea.maps{height: 100px; line-height: 18px; padding: 5px;}
textarea.maps{height: 120px;}
textarea.empty{border: 1px solid #FF8F8F; background: #fdfdf0;}
select{height: 26px; padding: 2px 0;}
select.multi{height: 150px; padding: 2px 0;}
input.transp{background: transparent; border: none;}
select:focus,
textarea:focus,
input:focus{box-shadow: -1px 1px 2px #999;}
input.bt-blue, input.bt-red, a.bt-red{width: 130px; height: 35px; color: #FFF;  font-weight: bold; border: none;}
input.bt-blue, input.bt-red{padding-bottom: 3px; margin-top: 0;}
input.bt-blue{background: url(../ssm_img/bt-blue.jpg) no-repeat;}
input.bt-red, a.bt-red{background: url(../ssm_img/bt-red.jpg) no-repeat;}
input.search{margin: 6px 0 0;}
fieldset.left{float: left; width: 742px; padding: 5px 0 2px 20px; margin: -6px 0 6px -18px; border: 1px solid #DDD;}
label.check{height: auto; margin: 5px 0 20px;;}
label.check input{float: left; width: 14px; height: 14px; margin: 2px 10px 0 0; border: none; padding: 0;}
label.check span{float: left;}
#add{float: left; height: 24px; line-height: 24px; margin: -1px 0; padding: 0 10px; color: #FFF; background: #336799; border: 1px solid #336799; border-radius: 3px;}
.click{cursor: pointer;}
.bold{font-weight: bold;}
.caps{text-transform: uppercase;}

.real-upload{position: relative; float: right; top: -21px; right: 20px;opacity:0; -moz-opacity:0; filter:alpha(opacity:0);}
.fake-upload{width: 100%; background: #FFF url(../ssm_img/bt-upload.png) no-repeat 100% 51%; cursor: default;}
/*** NEW FORM STYLE***/

.show{display: block !important;}
.hide{display: none;}

.quant{float: right; margin-top: 5px; color: #336799; }
p.letras{display: inline; font-weight: bold;}

strong{font-weight: bold;}

table.list{float: left; width: 100%; font-size: 0.95em; border-bottom: 1px solid #DDD; /*outline: 1px solid #3E658F;*/ background: #FFF; border-spacing: 0;}
table.list tr:hover{cursor: pointer;}
table.list th, td{vertical-align: middle; padding: 0 0 0 1%; text-align: left;}
table.list th{height: 30px; background: #3E658F; color: #FFF;}
/*table.list th{height: 30px; background: #23578F; color: #FFF;}*/
table.list td{position: relative; height: 36px; padding: 4px 0 4px 0.5%;}
/*conta-li*/
table.list td .actions{display: none; position: absolute; float: left; width: 816px; top: 1px; margin: 0 1px; outline: 1px solid #5E82AB; box-shadow: 1px 1px 5px #23578F; z-index: 9001;}
table.list td .actions .action{position: absolute; float: left; left: 0; bottom: 0; width: 100%; height: auto; padding: 5px 0 0; background: #E0E7EF; z-index: 9001;}
table.list td .actions .action .btn{margin-left: 4px;}
table.list td .actions .action .close{float: right; width: 40px; height: 28px; line-height: 28px; margin: -2px 5px 2px 0; font-weight: 600; text-align: center; color: #000;}
table.list td .actions .action .close:hover{outline: 1px solid #DDD; }
table.list td img{float: left; width: 50px; height: 50px; outline: 1px solid #DDD; background: url(../ssm_img/no-image.jpg) center center; z-index: 9000;}

.show-action-0,
.show-action-1,
.show-action-2,
.show-action-3,
.show-action-4{display: block; width: 20px; height: 24px; cursor: pointer; background: url(../ssm_img/action.png) no-repeat;}
.show-action-0{background-position: -120px center;}
.show-action-1{background-position: -140px center;}
.show-action-2{background-position: -100px center;}
.show-action-3{background-position: -140px center;}
.show-action-4{background-position: -160px center;}

#filtro{float: left; width: 100%; margin: 0 0 5px 0;}
#filtro a.filtro{float: left; width: 100px; height: auto; margin: 0 5px 0 0; padding: 4px 0; text-align: center; color: #FFF; background: #5e82ab; border-radius: 4px;}
#filtro a.active,
#filtro a.filtro:hover{background: #9fb8d4;}

.reqRed{border: 1px solid #F00;}
.empty{border: 1px solid #FF8F8F; background: #fdfdf0;}
.shadow{box-shadow: -2px 2px 3px #BBB;}
.zebra{background: #EEE; border-bottom: 1px solid #DDD;}

.btn{float: left; width: auto; height: 26px; line-height: 26px; padding: 0 15px; background: #019F00; background: linear-gradient(to bottom, #019F00, #017F00); border: none; border-radius: 4px; box-shadow: -1px 1px 1px #333; color: #FFF; text-align: center; font-size: 0.9em; cursor: pointer;}
.btn:hover,
.btn:focus{background: #019F00; color: #FFF;}
/*.btn{float: left; width: auto; height: 26px; line-height: 26px; padding: 0 15px; background: #0060AF; background: linear-gradient(to bottom, #0060AF, #004F8F); border: none; border-radius: 4px; box-shadow: -1px 1px 1px #333; color: #FFF; text-align: center; font-size: 0.9em; cursor: pointer;}
.btn:hover,
.btn:focus{background: #0060AF; color: #FFF;}*/
.btn.gray{height: 24px; line-height: 24px; background: #EFEFEF; background: linear-gradient(to bottom, #EFEFEF, #DFDFDF); color: #333; font-size: 0.85em;}
.btn.gray:hover{background: #EFEFEF;}
.btn.org{background: #FFA019; background: linear-gradient(to bottom, #FFA019, #ed8b00); color: #FFF;}
.btn.org:hover{background: #FFA019;}
.btn.red{background: #BF0000; background: linear-gradient(to bottom, #BF0000, #9F0000); color: #FFF;}
.btn.red:hover{background: #BF0000;}
.btn.h22{width: 60px; height: 22px; line-height: 22px; font-size: 0.85em;}
.btn.h30{height: 30px; line-height: 30px;}