* {
	margin: 0;
	padding: 0;
	list-style: none;
}
.dicas {
	color: #999;
	font-size: 12px;

}

.no-border {
	border: none !important;
}

#sectors ul {
	width: 350px;
	float: left;
}

#sectors ul li label {
	float: left;
	display: inline-block;
}

#sectors ul li select {
	float: right;
}

#dialog-date table tr td {
	padding: 0 10px 0 0;
}

#protocol-tasks ul li, #protocol-tasks ol li {
	margin: 0 0 10px 10px;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #999;
	
}

#protocol-tasks ul li.done, #protocol-tasks ol li.done {
	text-decoration: line-through;
}

#protocol-tasks ul li button, #protocol-tasks ol li button {
	margin: 0 0 0 10px;
	cursor: pointer;
}

.mf {
	float: right;
	display: block;
	margin: 0 10px 0 0;
}

.sm .b {
	width: 120px;
	float: right;
	margin-top: 10px;
}

.t-link {
	color: #fff;
	font-size: 16px;
	background: #f63;
	display: block;
	padding: 8px 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.t-link:hover {
	color: #fff;
}

.li-block {
	float: none !important;
}

.li-block li {
	float: none !important;
	display: block !important;
}


.to-check ul li, .to-check ol li {
	color: #333;
	padding: 0 10px 12px 20px !important;
	background: url(../../public/images/working.png) transparent no-repeat 0 0;
}

.to-check ul li button, .to-check ol li button {
	margin-left: 10px;
}

.to-check li.done {
	background: url(../../public/images/apply.png) transparent no-repeat 0 0;
}

.end-text {
	font-size: 24px;
	color: green;
}

.at-pos {
	position: relative;
}

.at-pos span{
	position: absolute;
	left: 50px;
}

.little-box {
	border-radius:5px;
	border: none;
	text-transform: uppercase;
	text-decoration:none;
	color:#fff !important;
	padding: 2px 6px;
	text-align:center;
	font-size: 9px;
}

.cool-buttons {
	text-transform: uppercase;
	text-decoration:none;
	color:#fff;
	padding: 5px;
	width:70px;
	text-align:center;
	font-weight: bold;
	/*text-shadow:#000000 1px 1px 1px;*/
	border-radius:5px;
	border: none;
	cursor: pointer;
	font-size: 11px;
}

.cool-buttons:hover {
	color: #fff;
}

.red {
	background:#DC143C;
}

.green {
	background:#228B22;
}

#show-users {display: none;
	width: 100%;
	height: 100px;
	background: #fff;
	position: fixed;
	bottom: 0;
	z-index: 10;
}

#show-users a.title {
	display: block;
	width: 100%;
	height: 20px;
	background: #f63;
	text-align: center;
	padding: 3px 0 0 0;
	color: #fff !important;
	text-transform: uppercase;
}

.orange-tabs{
	margin-bottom: 30px;
}

.orange-tabs li{
	float: left;
	display: inline;
	margin: 0 10px 0 0;
}

.orange-tabs li a{
	display: block;
	color: #fff;
	padding: 4px 10px 3px 10px;
	text-align: center;
	background-color: #999;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.orange-tabs li a.current, .orange-tabs li a:hover, .orange-tabs li ak:active {
	color: #fff;
	background-color: #f63;
}

.mytip:hover {
	color: #000 !important;
}

.mytip {
	position: relative;
	display: block;
	width: 26px;
	height: 26px;
}


.mytip .tipbox{
	z-index: 10;
	box-shadow:  0 0 5px #333;
	display: none;
	background: #fff;
	border: solid 1px #C5C4C3;
	position: absolute;
	top: -75px;
	left: -68px;
	width: 180px;
	padding: 6px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.mytip:hover .tipbox {
	display: block;
}

.mytip .tipbox .tipcontent span{
	float: left;
	text-align: center;
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
	border-left: solid 1px #ccc;
}

.mytip .tipbox .tipcontent strong {
	display: block;
}

.mytip .tipbox .tiparrow {
	z-index: 11;
	background: transparent url('../../public/images/white-arrow.png') no-repeat center center;
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	bottom: -12px;
	left: 70px;
}

a.button-link {
	display: block;
	padding: 8px 20px 8px 20px;
	text-align: center;
	background-color: #f63;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

a.button-link:hover, a.button-link:active {
	color: #fff;
	background-color: #FF4500;
}

.button-link.exchange {
	background-image: url('../../public/images/white-exchange.png');
	background-repeat: no-repeat;
	background-position: 10px 7px;
	padding-left: 33px;
}
.button-link.start {
	background-image: url('../../public/images/white-play.png');
	background-repeat: no-repeat;
	background-position: 10px 7px;
	padding-left: 33px;
	width: 45px;
}
.button-link.break {
	background-image: url('../../public/images/white-pause.png');
	background-repeat: no-repeat;
	background-position: 10px 7px;
	padding-left: 33px;
	width: 45px;
}
.button-link.stop {
	background-image: url('../../public/images/white-stop.png');
	background-repeat: no-repeat;
	background-position: 10px 7px;
	padding-left: 33px;
}

.white-box {
	padding: 5px;
	margin: 10px 0;
	background: #fff;
	border: solid 1px #ccc;
}

.progress-bar {
	display: none;
	width: 99%;
	height: 10px;
	border: 1px solid #999;
	margin: 5px 0 0 0;
}

.bar-progress {
	height: 100%;
	background: #669900;
}

.box-lvl {
	width: 70px;
	height: 15px;
	border: solid 1px #666;
	text-align: center;
	font-size: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.blue {
	background: #000066;
}

.very-easy {
	background: #B0E0E6;
}
.easy {
	background: #98FB98;
}
.medium {
	background: #FFFF99;
}
.hard {
	background: #FFA500;
}
.very-hard {
	background: #FF0000;
}

.not-show {
	display: none;
}

.twmenushow {
	position: relative;
	z-index: 3;
}

.twmenu {
	display: none;
	position: absolute;
	z-index: 2;
	top: 12px;
	left: 10px;
	background: #FFF;
	border: solid 1px #999;
	width: 160px;
	padding: 20px 10px 0px 10px;
	margin: 10px 0 0 0;
}

.twmenu a{
	display: block;
	margin: 0 20px 10px 0;
	
}

#plans-frame {
	border: solid 1px #999;
	margin: 20px 0 0 0;
	padding: 10px;
	display: none;
}

#plans-frame ul li {
	border-bottom: solid 1px #ccc;
}

#plans-frame .title, #current-plans .title {
	font-size: 20px; 
	display: inline-block;
	margin: 0 20px 0 0;
}

#plans-frame span .b {
	position: relative;
	top: -5px;
	/*-webkit-transition: box-shadow .5s ease-out,box-shadow .5s ease-out;
	-webkit-transition-property: box-shadow;
	-webkit-transition-duration: 0.5s, 0.5s;
	-webkit-transition-timing-function: ease-out, ease-out;
	-webkit-transition-delay: initial, initial;
	-moz-transition: box-shadow .5s ease-out,box-shadow .5s ease-out;
	-moz-transition-property: box-shadow;
	-moz-transition-duration: 0.5s, 0.5s;
	-moz-transition-timing-function: ease-out, ease-out;
	-moz-transition-delay: initial, initial;*/
}

#plans-frame span .b:hover {
	/* box-shadow: 0 0 5px #999; */
	color: #000;
}

#plans-frame h1 {
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: solid 1px #ccc;
}

#plans-frame .b-close {
	float: right;
	color: #999;
}

#plans-frame .b-close:hover {
	color: #666;
}

ul.square-list {
	margin: 10px 0 30px 0;
}

ul.square-list li {
	list-style: square inside !important;
	margin: 0 0 0 10px;
	border: none !important;
}

.form-table-two {
	width: 100%;
}

.form-table-two tr td{
	padding: 10px 0 0 0;
}

.my-history {
	width: 598px;
	margin: 20px 0;
	background: #fff;
	padding: 5px;
	border: solid 1px #ccc;
}

.my-history div{
	height: 130px;
	width: 598px;
	overflow: auto;
}

.my-history div ol li{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: dotted 1px #999;
}

.my-history div ol li table tr td, .inbox tr td{
	vertical-align: top;
}

.waiting span.pulsate, .td-wait span{
	text-decoration: line-through !important;
}

.b-title{
	margin: 15px 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: dotted 1px #333;
	font-size: 16px;
}

.line-through{
	text-decoration:line-through;
}

.birthday{
	margin: 0 20px 20px 10px;
	padding: 8px;
	border: double 3px #ffcc99
}

.birthday ul{
	margin: 15px 0 0 0;
}

.birthday ul li{
	background: url('../../public/images/cake.png') transparent no-repeat left center;
	padding: 2px 0 2px 20px;
}

.table-client{
	background: #FFDEAD !important;
	text-align: center !important;
}

#great-tools{
	display: none;
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 25px;
	z-index: 6;
	background: url('../../public/images/b-button.png') #fff repeat-x bottom;
	border-top: solid 2px #ccc;
}

#great-tools ul{
	min-width: 760px;
	width: 90%;
	margin: 0 auto;
}

#great-tools ul li{
	float: left;
	display: inline;
	position: relative;
}

#great-tools ul li a{
	display: block;
	padding: 5px 10px;
	margin: 0px 2px
}

#great-tools ul li ul{
	display: none;
	position: absolute;
	bottom: 25px;
	left: 0px;
	padding: 10px;
	min-width: 90px;
	width: auto;
	background: #fff;
	border: solid 2px #ccc;
	border-bottom: none;
}

#great-tools ul li:hover  ul{
	display: block;
}

#great-tools ul li ul li{
	float: none;
	display: block;
}

.comment-line td{
	position: relative;
	padding-top: 0px !important;
}

.comment-line td table tr td{
	background: none !important;
	padding: 0 !important
}

.comment-box{
	padding: 0 10px 10px 10px;
	background: #fffaea;
	border: dashed 1px #f63;
	position: relative;
}

span.box-arrow{
	display: block;
	width: 100%;
	height: 15px;
	position: relative;
	bottom: -2px;
	background: transparent url('../../public/images/box-arrow.png') no-repeat 30px 0px;
	z-index: 3;
}
/*
.cl-alt span.box-arrow{
	background-position: 630px 0px;
}
*/
h4:hover
{
background-color:#ffffcc;
}

.substep_time{
	color: #000 !important;
}

.p-table tr td{

}

.float-form{

}

.clear{
	clear: both;
}

.time-color-win{
	color: #003300;
}

.time-color-lost{
	color: #ff0000;
}

.inline{
	margin: 20px 0 20px 0;
	border: solid 1px #ccc;
	padding: 0px 10px 0px 10px;
	height: 36px;
}

.inline li{
	float: left;
	display: inline;
	margin: 0 9px 0 0 !important;
}

.icon{
	display: block;
	width: 26px;
	height: 26px;
	text-indent: -5000px;
	padding: 0 !important;
}

.icon-text {
	background-position: left center !important;
	padding-left: 20px;
}

li.icon{
	padding: 10px 0 0 20px !important;
	width: 190px;
	background-position: left center !important;
	text-indent: 0 !important;
}

.b-graph{
	width: 130px;
	float: right;
}

.graph{
	display: block;
	background: transparent url('../../public/images/graph.png') no-repeat left center;
	padding: 10px 0 10px 35px;
}

.comments{
	background: transparent url('../../public/images/comments.png') no-repeat center center;
}

.working{
	background: transparent url('../../public/images/working.png') no-repeat center center;
}

.time-costumer{
	background: transparent url('../../public/images/time-costumer.png') no-repeat center center;
}

.finish{
	background: transparent url('../../public/images/apply.png') no-repeat center center;
}

.pause{
	background: transparent url('../../public/images/pause.png') no-repeat center center;
}

.play{
	background: transparent url('../../public/images/play.png') no-repeat center center;
}

.preview{
	background: transparent url('../../public/images/preview.png') no-repeat center center;
}

.eye{
	background: transparent url('../../public/images/eye.png') no-repeat center center;
}

.page-details{
	position: relative;
	overflow: hidden;
	padding-bottom: 30px !important;
}

.details-hide{
	height: 160px;
}

.link-details{
	display: block;
	background: transparent url('../../public/images/bg-overlay.png') top left;
	text-align: center;
	padding: 30px 5px 5px 5px;
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #000;
}

#p-det h1{
	border-top: dotted 2px #f63;
	border-bottom: dotted 2px #f63;
	border-right: dotted 2px #f63;
	padding: 10px 0;
}

#p-det h2{
	background: url('../../public/images/marker.png') no-repeat center left;
	padding: 15px 0 15px 40px;
}

.step-count{
	padding: 6px 7px;
	margin: 0 10px 0 0;
	background: #f63;
	color: #fff;
}

.step-time{
	padding: 2px;
	font-size: 26px;
	color: #333;
	font-weight: bold;
}

.l{
	float: right;
}

.l td.la, .l td.lb{
	padding: 5px 2px 2px 2px;
	font-size: 26px;
	color: #666;
}

.l td.la small, .l td.lb small{
	font-size: 10px;
}

.l td.lb span{
	color: green;
}

.step-time span{
	font-size:10px; 
	color: #666;
	text-align: center;
}

.loading {
	height: 16px;
	background: url('../../public/images/loading.gif') transparent no-repeat left center;
	margin: 0 auto;
	padding: 0 0 0 25px;
}

#loading{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .5;
	filter:Alpha(Opacity=30);
	z-index: 9999;
}

#loading .content{
	opacity: 1;
	filter:Alpha(Opacity=100);
	color: #000;
	background: #fff;
	border: solid 3px #666;
	text-align: center;
	font-weight: bold;
	padding: 10px 20px;
	width: 100px;
	margin: 0 auto;
	margin-top: 20%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
	z-index: 9999;
}

.close, .notifications, .page-details, input, textarea, select, .inline, .btn, .a-btn, .my-history, .twmenu, #plans-frame, .white-box {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.check{
	margin: 0 10px 0 0;
}

ul.sec li{
	float: left;
	display: inline;
	margin:  0 0 0 0;
	width: 285px;
}

ul.subsec{
	margin: 0px 20px 30px 5px !important;
	border-left: dotted 1px #999;
	padding-top: 10px;
}

ul.subsec li{
	display: block;
	float: none;
	clear: left;
	padding-left: 10px !important;
}

li.bullet-red, li.bullet-blue, li.bullet-lime, li.bullet-yellow
{
	width: auto;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
}

.bullet-red, .bullet-blue, .bullet-lime, .bullet-yellow{
	width: 10px;
	height: 10px;
}

.bullet-red{
	background: transparent url('../../public/images/bullets.png') no-repeat 0 -30px;
}
.bullet-lime{
	background: transparent url('../../public/images/bullets.png') no-repeat 0 0;
}
.bullet-blue{
	background: transparent url('../../public/images/bullets.png') no-repeat 0 -15px;	
}

li.first
{
	width: auto;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
}

.first{
	width: 16px;
	height: 16px;
	background: transparent url('../../public/images/first.png') no-repeat 0 0;	
}

.colunms{
	display: block;
	float: left;
	width: 330px;
	overflow: hidden;
	padding: 0 0 10px 0;
}

.listar{
	float: right;
	position: relative;
	top: 19px;
}

.listar li{
	float:left;
	padding: 0 0 0 10px !important;
}

body{
	background: #FFF;
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 12px;
}

.deletar{
	background: url('../../public/images/deletar.png') no-repeat 0 0;
	width: 16px;
	height: 16px;
	display: block;
	float: right;
}

.listagem{
	margin: 20px 0 40px 0;
}

.listagem tr th, .listagem caption{
	text-align: left;
	background: #e8e8e8;
	padding: 5px;
}

.listagem caption{
	background: #999;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase
}

.listagem tr td{
	border: solid 1px #ccc;
	padding:  5px 5px;
	margin: 0 0 5px 0;
	text-align: center;
}
.listagem .big tr td{
	padding:  20px 10px;
	font-size: 22px;
}


option{
	padding: 0px 5px;
}

img{
	border: none;
}

h3{
	font-size: 12px;
	color: #fff;
	font-weight: normal;
}

a{
	color: #000;
	text-decoration: none;
	outline: none;
}

a:hover{
	color: #f63;
}

a.organize{
	color: blue;
	background: url('../../public/images/brick_edit.png') transparent no-repeat 10px 10px;
	padding: 10px 10px 10px 30px;
}
a.activity_edit{
	color: blue;
	background: url('../../public/images/activity_edit.gif') transparent no-repeat 10px 10px;
	padding: 10px 10px 10px 30px;
}

a.group{
	color: blue;
	background: url('../../public/images/group.png') transparent no-repeat 10px 10px;
	padding: 10px 10px 10px 30px;
}

a.user-change {
	background: url('../../public/images/change-user.png') transparent no-repeat 10px 10px;
}

a.duplicate{
	color: green;
	background: url('../../public/images/duplicate.png') transparent no-repeat 10px 10px;
	padding: 10px 10px 10px 30px;
}

a.edit{
	color: blue;
	background: url('../../public/images/edit.png') transparent no-repeat 10px 10px;
	padding: 12px 10px 10px 30px;
}

a.delete{
	color: #f00;
	background: url('../../public/images/delete.png') transparent no-repeat 10px 10px;
	padding: 10px 10px 10px 30px;
}

a.view{
	color: #3299cc;
	background: url('../../public/images/view.png') transparent no-repeat 10px 10px;
	padding: 10px 10px 10px 30px;
}

a.reject{
	color: #f00;
	background: url('../../public/images/deletar.png') transparent no-repeat 0 10px;
	padding: 10px;
}

a.allow{
	color: #f00;
	background: url('../../public/images/add.png') transparent no-repeat 0 10px;
	padding: 10px;
}

a.organize:hover, a.edit:hover, a.delete:hover,
a.view:hover, a.reject:hover, a.reject:hover,
a.allow:hover
{
	text-decoration: underline;
}

.space{
	border-bottom: solid 1px #999;
	height: 10px;
	margin: 0 auto;
	margin-bottom: 10px;
	width: 95%;
}

.close:active {
	border-color: #666;
	background: #ccc !important;
}

.notifications{
	position: relative;
	width: 94%;
	padding: 5px 5px 5px 30px;
	margin: 0 0 10px 0;
	border: solid 1px;
	font-weight: normal;
}

#wd .notifications{
	width: 540px !important;
}

.close{
	position: absolute;
	top: 8%;
	right: 1%;
	cursor: pointer;
}

.notifications.alert{
	background: url(../../public/images/alert.png) #fdfe68 no-repeat 5px 5px;
	border-color: #fb980f;
}

.notifications.sucess{
	background: url(../../public/images/sucess.png) #ccfe99 no-repeat 5px 5px;
	border-color: #0c6505;
}

.notifications.error{
	background: url(../../public/images/error.png) #fb9999 no-repeat 5px 4px ;
	border-color: #c7040a;
}

.notifications.info{
	background: #9bcbcb url(../../public/images/info.png) no-repeat 5px 4px;
	border-color: #136698;
}

.clear{
	clear: both;
}

input.error{
	background: #fb9999;
	border-color: #c7040a;

}

label.error{
	background: transparent url(../../public/images/error.png)  no-repeat 5px 4px ;
	display: inline-block;
	padding: 0 20px 0 0;
	float: right;
	width: 24px;
	height: 24px;
	text-indent: -5000px;
}

.idioma{
	border: solid 1px #999 !important;
	padding: 10px;
	margin: 20px 0 5px 0 !important;
}

.idioma legend{
	text-transform: uppercase ;
	border: solid 1px #999 !important;
	background: #fff;
	padding: 0 5px;
}

.dica{
	color: #666;
	font-weight: normal;
	letter-spacing: 1px;
}

.clear{
	clear: both;
}

.right{
	text-align: right;
}

.center{
	text-align: center;
}

a.btn{
	display: block;
	padding-top: 5px;
	height: 18px;
}

.btn-delete{
	font-size: 11px;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	border: none;
	background: transparent;
	cursor: pointer;
	border-left: solid 2px #cdcdcd;
}

.btn-del{
	font-weight: bold;
	font-size: 11px;
	border: none;
	background: transparent;
	cursor: pointer;
}

.btn-delete:hover,
.btn-del:hover{
	color: #f63;
}

.boxe{
	border: solid 1px #ccc !important;
	padding: 10px;
	width: 700px;
}

.lista{
	width: 680px;
}

hr{
	border: none;
	border-bottom: solid 1px #999;
}

.lista li{
	float: left;
	width: 130px;
	overflow: hidden;
}

.nav{
	padding: 0 !important;
}

.large-input{
	width: 90%;
}

.medium-input{
	width: 60%;
}

.small-input{
	width: 25%;
}

select, input, textarea {
	padding: 5px;
	border: solid 1px #999;
	background: #FFF;
}

.page-details{
	padding: 20px 0 20px 0;
	margin: 10px 0;
	background: #fff;
	border: solid 1px #ccc;
}

.page-details ol{
	float: left;
	width: 47%;
	margin-left: 10px;
	overflow: hidden;
}

.page-details ol li{
	border-bottom: dotted 1px #ccc;
	padding: 0 0 2px 0;
	margin: 0 0 5px 0;
}

#error{
	background: url('../../public/images/error.png') pink no-repeat 10px 10px;
	font-weight: normal;
	border: solid 1px #f00;
	padding: 10px 10px 10px 40px !important;
	color: #f00;
	margin: 10px 0 10px 0;
	letter-spacing: 1px;
}

#alert{
	font-weight: normal;
	background: url('../../public/images/alert.png') #ffd no-repeat 10px 10px;
	border: solid 1px #ffd700;
	padding: 10px 10px 10px 40px;
	margin: 0 0 10px 0;
	color: #000;
	letter-spacing: 1px;
}

#list-images {
	width: 600px;
	margin: 0 0 20px 0;
}

#list-images li{
	display: inline;
	float: left;
	width: 130px;
	padding: 0 10px 10px 10px !important;
}


.gray-title {
	background: url('../../public/images/gray.png') repeat-x top left;
	padding: 5px;
	display: block;
	margin: 0 0 10px 0;
	font-size: 16px;
	color: #fff;
}

#current-plans {
	border: solid 1px #999;
	margin: 40px 0 0 0;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.welcome-user{
	color: #333;
	padding: 10px 10px 20px 10px;
}

.set-list li{
	background: #ccc;
	padding: 3px !important;
	margin: 0px 3px 15px 3px!important;
}

.set-list ul li{
	background: #f8f8f8;
	padding: 3px !important;
	margin: 0px !important;
	border-bottom: dotted 1px #999;
}

.set-list ul li label{
	display: inline-block;
	width: 640px;
}

/* ===================== HEADER ====================== */

#wrapper-header{
	background: url('../../public/images/gray.png') repeat-x 0 100px; 
	width: 100%;
	height: 124px;
}

#wrapper-header span.orange{
	background: url('../../public/images/orange.jpg') no-repeat top left; 
	border-right: 2px solid #fff;
	display: block;
	position: absolute;
	*left: 0;
	width: 8px;
	height: 24px;
}

#wrapper-header ul {
	width: 95%; /*990px; */ 
	min-width: 990px;  
	margin: 0 auto;
	padding: 3px 0 0 0;
	font-size: 13px;
	text-align: right;
	color: #fff;
	}

#wrapper-header ul li a{
	color: #fff;
	padding: 0 0 0 25px;
	background: url('../../public/images/ic-logout.png') no-repeat 0 5px; 
}

#header{
	width: 99%; /*990px*/
	min-width: 985px;
	height: 100px;
	margin: 0 auto;
	padding: 0px;
	background: url('../../public/images/v-header.jpg') no-repeat top right; 
}

#header h1{
	float: left;
	text-indent: -5000px;
	width: 180px;
	height: 100px;
	background: url('../../public/images/rgb.gif') no-repeat top right; 
}

#header #box-alt{
	color: #fff;
	float: right;
	background: #fc9;
	padding: 10px 20px;
	margin: 0 120px 0 0;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
}

#header #box-alt a{
	color: #000;
	padding: 0 0 0 25px;
	background: url('../../public/images/user.png') transparent no-repeat center left;
}

#header #box-alt a:hover{
	text-decoration: underline;
}

/* ===================== SIDEBAR ====================== */

#sidebar{
	float: left;
	width: 216px;
	min-height: 350px;
	padding: 10px 0 0 0;
	font-size: 11px;
}

#sidebar h2.tools{
	margin: 0;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	height: 31px;
	padding: 12px 0 0 12px;
	background: url('../../public/images/v-tools.png') no-repeat top left; 
}

#sidebar ul#nav{
	margin: 0 0 0 6px;
}

#sidebar ul#nav li{
	position: relative;
}

#sidebar ul#nav li.submenu ul{
	position: absolute;
	top: 0;
	left: 193px;
	display: none;
	border-bottom: solid 1px #a7a7a7;
	z-index:9999;
}

#sidebar ul#nav li.submenu ul li ul{
	display: none;
}

#sidebar ul#nav li:hover ul li:hover ul{
	display: block;
}

.arrow-l{
	background: url('../../public/images/ic-arrow.png') #f3f3f3 no-repeat 165px 7px !important;
}

.arrow-l:hover{
		background: url('../../public/images/ic-hover-arrow.png') #878787 no-repeat 165px 7px !important;
}

.ul-list li{
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
	background: transparent url('../../public/images/ic-arrow.png') no-repeat center left;
}

#sidebar ul#nav li a,
#sidebar ul#nav li ul li a{
	border: solid #a7a7a7;
	border-width: 1px 1px 0 1px;
	text-decoration: none;
	display: block;
	padding: 7px 0px 7px 7px;
	width: 184px;
}

#sidebar ul#nav li a:hover,
#sidebar ul#nav li ul li a:hover{
	color: #fff;
}


#sidebar ul#nav li a{
	background: url('../../public/images/ic-arrow.png') #f3f3f3 no-repeat 165px 7px;
}

#sidebar ul#nav li a:hover{
	background: url('../../public/images/ic-hover-arrow.png') #878787 no-repeat 165px 7px;
}

#sidebar ul#nav li ul li a{
	background: #f3f3f3;
}

#sidebar ul#nav li ul li a:hover{
	background: #878787;
}

#sidebar ul#nav li:hover ul,
#sidebar ul#nav li.over ul{
	display: block;
}

#sidebar ul#nav li.over ul  li.over ul,
#sidebar ul#nav li:hover ul li:hover ul{
	display: block;
}

#sidebar span.last{
	display: block;
	_clear: both;
	margin: 0 0 20px 6px;
	border-top: solid 1px #a7a7a7;
	width: 193px;
	background: url('../../public/images/last.png') repeat-y top left; 
	height: 13px;
}

/*\*/

* html ul li a{
	height: 1%; 
}

* html ul li{
	height: 1%;float: left
}

/**/

/* ===================== CONTENT ====================== */

#page{
	line-height: 15px;
	width: 100%; /*990px*/
	min-width: 990px;
	margin: 0 auto;
	background: url('../../public/images/s-background.png') repeat-y top left; 
}

#content{
	width: 75%;/* 758px;*/
	min-width: 758px;
	margin-left: 15px;/* margin adicional */
	float: left; /* right*/
	position: relative;
}

#content #current-category{
	position: relative;
	top: 14px;
	background: url('../../public/images/v-category.png') no-repeat top left; 
	margin: 0 0 0 0;
	padding: 7px 0 0 12px;
	height: 26px;
	width: 240px;
	z-index: 2;
}

.ol-list li{
	font-size: 12px !important;
	padding: 8px 5px;
	background: #F8F8F8;
}

.ol-list li.color{
	background: #E0DDA5;
}

.apply{
	background: url('../../public/images/apply.png') no-repeat 0 0;
	padding: 0 0 0 18px;
}
.make-default {
	float: right;
	padding: 4px 2px !important;
}
#form-search{
	background: #E8E8E8;
	padding: 0 10px 10px 0;
	margin: 0 0 20px 0;
	border-top: dotted 1px #999;
	border-bottom: dotted 1px #999;
}

#form-search .title{
	display: block;
	padding: 5px 0 0 0;
	font-size: 14px;
}

#form-search ul{
	float: right;
}

#form-search ul li{
	margin: 0 0 0 15px;
	float: left;
}

input.btn{
	width: auto !important;
}

#content .entry{
	font-size: 11px;
	background: #f8f8f8;
	border-left: solid 1px #a7a7a7;
	border-right: solid 1px #a7a7a7;
	border-top: solid 1px #a7a7a7;
	border-bottom: solid 1px #a7a7a7;
	width: 94%; /*718px;*/
	min-width: 708px;
	margin: 0 0 50px 8px;
	padding: 20px 10px 40px 10px;
	min-height: 180px;
	*min-height: 180px;
	position: relative;
}

#listagem{
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

#listagem caption, .caption{
	font-size: 11px;
	text-align: left;
	margin: 0 0 18px 0;
	padding: 0 0 5px 0;
}

#listagem caption ul{
	width: 100%;
	border-top: solid 1px #a7a7a7;
	margin: 5px 0 0 0;
	padding: 10px 0 10px 0;
}

#listagem caption ul li, .caption ul li{
	display: inline;
	float: left;
	padding: 0 10px 0 0;
}

#listagem caption ul li.select-category, .caption ul li.select-category{
	margin: 0 0 0 5px;
	float: right;
}

#listagem caption ul li.links, .caption ul li.links{
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	border: none;
	background: transparent;
	cursor: pointer;
	border-left: solid 2px #cdcdcd;
}

#listagem tbody tr{
	/*border-top: solid 2px #f8f8f8;*/
	position: relative;
}

#listagem tbody tr td div.hide-tools{
	display: block;
}

#listagem tbody tr:hover td {
	background: #FFCC99 !important;
}

#listagem tbody tr:hover td table tr td{
	background: none !important;
}

#listagem tbody tr:hover td div.hide-tools{
	position: absolute;
	display: block;
}

#listagem thead tr .header {
	background-image: url('../../public/images/bg.gif') !important;
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

#listagem thead tr .headerSortUp {
	background-image: url('../../public/images/asc.gif') !important;
}

#listagem thead tr .headerSortDown {
	background-image: url('../../public/images/desc.gif') !important;
}

#listagem thead tr .headerSortDown, #listagem thead tr .headerSortUp {
	background-color: #999;
}

#listagem tbody tr th,
#listagem tbody tr td{

	max-width: 300px;
	background: #f4f2ea;
	padding: 4px;
	*padding: 1px;
	/*border-top: solid 2px #f8f8f8;
		overflow: hidden;
		*/
}

#listagem tbody tr.odd td{
	background: #e0dda5;
}

#listagem tbody tr.selected td{
	background: #111 !important;
	color: #fff;
}

#listagem tbody tr.selected td a{
	color: #fff;
}

#listagem tbody tr td a:hover{
	text-decoration: underline;
}

#listagem tfoot tr td{
	border-top: solid 2px #f8f8f8;
	background: #e8e8e8;
	padding: 5px;
	text-align: center;
	*height: 20px;
}

.tabs-content{
	border-top: solid 1px #666;
	padding-top: 10px;
	position: relative;
	z-index: 3;
}

#tabs li{
	position: relative;
	top: 1px;
}

#tabs li{
	float: left;
	display: inline;
}

#tabs li a{
	display: block;
	padding: 4px 10px 6px 10px;
	margin: 0 5px 0 0;
	background: url('../../public/images/b-button.png') #fff repeat-x bottom;
	border: solid 1px #999;
	border-bottom: none;
	color: #555;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

#tabs li a:hover{
	color: #000;
}

#tabs li a.current{
	border: solid 1px #666;
	border-bottom: none;
	background: #f8f8f8;
	color: #000;
	position: relative;
	z-index: 4;
}

.subtable, .large-subtable{
	width: 450px;
	text-align: left;
	border-collapse: collapse;
}

.large-subtable{
	width: 660px;
}

.subtable tr td, .large-subtable tr td{
	padding: 0 10px 10px 0;
}

.pagination a, .pagination strong{
	padding: 0 5px 0 5px;
}

.pagination strong{
	color: #f63;
}

#content .entry-footer{
	display: none;
	/*background: transparent url('../../public/images/entry-footer.png') no-repeat top left;*/
	padding: 7px 0 0 12px;
	height: 26px;
	width: 94.7%; /*718px;*/
	min-width: 726px;
}

#content .entry form fieldset{
	margin: 10px 0 0 0;
	border: none;
}

#content .entry form fieldset legend span{
	font-weight: bold;
	text-transform: uppercase;
	width: 712px;
	display: block;
	padding: 0 0 5px 0;
	margin: 0;
	border-bottom: solid 1px #a7a7a7;
	color: #000;
}

#content .entry form ul li{
	padding: 10px 0 0 0;
	_width: 600px;
}

#content .entry form #atabs .ui-tabs-panel ul{
	float: left;
	margin: 0 20px 0 0;
}

#content .entry form #atabs ul li{
	padding: 0px
}

#content .entry form ul li input,
#content .entry form ul li textarea{
	/*width: 434px;*/
	}
	
.a-btn{
	display: block;
	float: left;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff !important;
	padding: 5px 0 0 0;
	margin: 0 5px 0 0;
	width: 197px;
	height: 19px;
}

.add-img{
	background: url('../../public/images/orange.jpg') repeat-x top left; 
}

#add_custom_field{
	color: blue;
}

#add_custom_field:hover{
	text-decoration: underline;
}

.btn{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	height: 24px;
	border: none;

	width: 197px;
	cursor: pointer;
}

.brown{
	background: url('../../public/images/dark-orange.jpg') repeat-x top left;
}

.comment-box .close{
	display: none;
}

.comment-box:hover .close{
	display: none;
}

.close, .b{
	text-align: center;
	text-decoration: none;
	display:block;
	cursor: pointer;
	color: #666;
	padding: 2px 6px;
	margin: 0;
	border: solid 1px #999;
	background: url('../../public/images/b-button.png') #fff repeat-x bottom;
}

a.close:hover, a.b:hover{
	color: #666;
}

.close, .b, .entry{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

em input{
	font-weight: bold;
	font-size: 16px;
}

em input, .project-time{
	background: none;
	border: none;
	padding: 0;
}

.project-time{
	font-weight: bold;
	font-size: 24px;
}

/* ===================== FOOTER ====================== */

#wrapper-footer{
	clear: both;
	background: url('../../public/images/gray.png') repeat-x 0 0; 
	width: 100%;
	height: 24px;
}

#footer{
	width: 990px;
	margin: 0 auto;
}

#footer ul{
	height: 24px;
	float: right;
}

#footer ul li{
	display: inline;
}

#footer ul li.tec{
	position: relative;
	top: -8px;
	color: #fff;
}


/* Style for pform */

#p-details{
	margin: 20px 0 20px 0;
	padding: 15px 0 10px 0;
	border-bottom: dotted 1px #999;
	font-size: 14px;
}

#p-details span{
	border: none;
	font-size: 26px;
}

#pform table tr td{
	padding: 0 0 0 4px;
}

#pform li{
	background: #ccc;
	margin: 0 0 20px 0;
	padding: 10px !important;
}

#pform li.disabled{
	background: #ccc !important;
	color: #999 !important;
	opacity: .5;
	filter:Alpha(Opacity=30);
}

#pform .header{
	border-bottom: solid 1px #999;
	border-right: solid 1px #999;
	padding: 0 0 10px 0;
	clear: both;
	margin: 0 0 10px 0
}

#pform .header h2{
	
	float: left;
}

#pform .header label{
	float: right;
	display: block;
	width: 265px;
}

#pform ul li{
	padding: 0 !important;
	margin: 0 0 10px 0 !important;
}

#pform ul li .b{
	margin: 3px 0 0 0;
}

#pform .step-info{
	float: right;
}

#pform .step-info li{
	float: left;
	display: inline;
	margin: 0 0 0 5px;
}

.description{
	display: none;
}

.sub-steps li h3{
	color: #000;
	font-weight: bold;
	margin: 5px 0 0 10px
}

.sub-steps li h3 a{
	display: block;
}

.sub-steps .header{
	border-bottom: solid 1px #999;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

.sub-steps .details{
	background: #f63 url('../../public/images/right.gif') no-repeat 10px center !important;
	padding: 0 0 0 20px !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.sub-steps .details div{
	background: #fff;
	padding: 0 2px 0 0 !important;
	-webkit-border-radius-bottom-right: 5px;
	-webkit-border-radius-top-right: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-radius-top-right:5px;
	border-radius-bottom-right: 5px;
}

.sub-steps .details.act{
	background: #f63 url('../../public/images/asc.gif') no-repeat 0px center !important;
}

.sub-steps li:hover{
	cursor: move;
}

.sub-steps .ui-sortable-placeholder {
	height: 20px;
	background: #FFE4C4 !important;
	border: 1px dotted #000 !important;
	visibility: visible !important;
}

.sub-steps .ui-sortable-placeholder * {
	visibility: hidden;
}

.tasks{
	display: none;
	border-left: dotted 1px #333;
	margin: 0 0 30px 10px !important;
}

.tasks li{
	position: relative;
	top: 30px;
	background: #ccc !important;
}

.tasks li label{
	display: block;
	padding: 5px 5px 5px 0;
}

.tasks li input{
	padding: 2px;
}

.c1, .c2{
	display: block;
}

.c1{
	float: left
}

.c2{
	float: right;
	text-align: right;
}

.tasks li .clear{
	border-bottom: dotted 1px #999;
	margin: 0 0 0 15px;
}

.tasks li label input{
	padding: 0;
	border: 0;
}

.uni-line{
	display: block;
	float: left;
	clear: right;
	margin: 10px 0 0 0;
	height: 10px;
	width: 12px;
	border-top: dotted 1px #333;
}

.atools{
	border: solid 1px #999;
	border-top: none;
	padding: 5px 3px 3px 3px;
	position: relative;
	top: -11px;
	background: #ccc;
}
.nbox {
	background: #693;
	padding: 2px 4px;
	margin: 0 0 0 2px;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.read{
	width: 50px;
	border: none !important;
	background: none !important;
	font-weight: bold;
	padding: 2px;
}

.i-icon{
	display: block;
	width: 16px;
	height: 16px;
}
.star{
	background: transparent url('../../public/images/star.png') no-repeat left center;
	padding: 4px 0px 0px 30px;
}
.star-gray{
	background: transparent url('../../public/images/gray-star.png') no-repeat left center;
	padding: 4px 0px 0px 30px;
}
.allow{
	background: transparent url('../../public/images/apply.png') no-repeat center center;
}

.desallow{
	background: transparent url('../../public/images/desallow.png') no-repeat center center;
}

.ext-link{
	background: transparent url('../../public/images/ext-link.png') no-repeat center center;
}

.lock{
	background: transparent url('../../public/images/lock.gif') no-repeat center center;
}

.unlock{
	background: transparent url('../../public/images/unlock.png') no-repeat center center;
}

@media screen and (min-width: 1500px){

	.entry {
		width: 110% !important;
	}

	.my-history{
		float: right;
		width: 662px;
		position: relative;
		top: -55px;
		margin: 0;
	}

	.my-history div{
		height: 200px;
		overflow: auto;
		width: 652px;
	}
}

#selectable {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#selectable li {
	border: solid 1px #ccc;
	margin: 2px;
	float: left;
	width: 58px;
	font-size: 12px;
	background: #fff;
}

#selectable li label {
	display: block;
	border-bottom: solid 1px #ccc;
	background: #ccc;
	padding: 3px;
	cursor: pointer;
}

.ui-autocomplete {
	max-height: 100px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 20px;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
height: 100px;
}