/**
Resets
**/
.ui-layout-north, .middle-center, .inner-center,.ui-layout-south, #opened-files #tabs-1, #tabs-db, #opened-files #tabs-3, #header, body, #footer,
#tabs-1,#tabs-2,#tabs-3,#tabs-4,#tabs-5,#tabs-6,#tabs-7,#tabs-8, #tabs-activities,#tabs-myactivities,#tabs-gantt,.outer-west, .tabs-activities, #svn{
    margin: 0px;
    border: 0px;
    padding: 0px !important;
}

.inner-center{
  overflow: hidden;

}
#code-editor iframe{
  border: 0px;

}
#code-editor .editor-tabs{
  display: none;
  width: 100%;
}
#code-editor .editor-tabs.active-editor{
  display: block;
}
#header{
	height: 100px;
	background-color: #DDD;
}
#header #logo{
	padding-top: 5px;
	padding-left:10px;
}

/*#footer {
	bottom:0;
	width:100%;
	color: #444;
	background: #DDD;
	border-top: 3px solid #777;
	clear: both;
	height: 50px;
	text-align: left;
}*/
#flogin, #fedituser{
  text-align: left;
  font-size: 12px;
}
#formlogin {
  margin-top: 50px;
  background-color: #FDFDFD;
  border: solid 1px #DFDFDF;
  width: 250px;
  padding: 30px;
  -webkit-border-radius: 015px;
  -moz-border-radius: 015px;
  border-radius: 015px;
  box-shadow: 5px 5px 5px #888888;
  font-size: 12px;

}
#formlogin input{
  margin-bottom: 15px;
}
#formlogin input, #fedituser input, #feditproject input, #faddmeetingroom input, .formactivity input, .formactivity select, .addnode-dialog input{
  width: 180px;
  border: solid 1px #DDD;
}
#feditproject input{
	width: 250px;
}
input[type=checkbox], input[type=radio]{
    width: 10px !important;
}

#fedituser tr{
    height: 35px;
}
.elementRequired{
    border: solid 1px #F00 !important;
}

/**
** Abas menores - jQuery UI Theme
**/
.ui-button, .ui-tabs{ 
    font-size: 10px;
}
.ui-tabs{
    padding: 0;
    margin: 0;
    border: 0;
}
.ui-button-text-only .ui-button-text { 
    padding: .1em .6em .2em; 

}


/**
** Header menu
**/
.menu{
    list-style:none;
    margin: 0;
    padding: 0;
    border:1px solid #ddd;
    float:left;
    font-size: 12px;
}
.menu li{
    position:relative;
    float:left;
    border-right:1px solid #c0c0c0;
}
.menu li a{
    color:#333;
    text-decoration:none;
    padding:5px 10px;
    display:block;
}
.menu li a:hover{
    background:#333;
    color:#fff;
}
.menu li ul{
    position:absolute; 
    background-color:#fff; 
    display:none;
}
.menu li:hover ul ul{
    display:none;
}
.menu li:hover ul, .menu li ul li:hover ul, .menu li.over ul, .menu li ul li.over ul{
    display:block;
}
.menu li ul li{
    border:1px solid #c0c0c0;
    display:block;
    width:110px;
}
li.border0{
    border:0;
}
.menu li ul li ul{
    z-index:900;
    top:0;
    left:110px;
    background:#eaeaea;
}

/**
 * Aba Log
 *
 **/
.ui-layout-south.ui-layout-pane.ui-layout-pane-south{
    overflow: hidden;

}
#taillog, #activitylist, #svncontent, .sqlresponse { overflow: scroll !important; height: 100%;}
#taillog {background-color: #DFD; }
.tabMenu{
    float: left;
    border: solid 1px #DDD;
    background-color: #F7F7F7;
    padding: 5px;
    height: 500px;
    overflow: auto !important;
}

/**
** abas na vertical
**/
.ui-tabs-vertical { width: 55em; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em;} 



/**
codemirror
**/
/*.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}*/
.activeline {background: #e8f2ff !important;}
.CodeMirror-foldmarker {color: blue; text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px, #b9f -1px 1px 2px; font-family: arial; line-height: .3; cursor: pointer;}
.read-only{ background-color: #EFEFEF !important; }

.ui-tooltip {
    padding: 3px;
    font-size: 10px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    background: #444;
    color: #FFF;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}



/*************************
 ** Estilo dos botões.
 ** Botões só com ícones 16x16 usa só btn
 ** Botões com texto utiliza btn btntext
 **/


.btn {
  display: inline-block;
  text-decoration: none;
  height:auto;
  padding: 1px 3px;
  font:normal 10px arial;
  border:1px solid #d0d0d0;
  border-top-color:#ececec;
  border-bottom-color:#909090;
  color:#909090;
  background:#ffff00;
  background: -moz-linear-gradient(top, #fff 60%, #e7e7e7);
  background: -webkit-linear-gradient(top, #fff 60%, #e7e7e7);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7');
  -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
}
.btn:hover {
  background:#fff;
  color:#555;
}
.btntext{
  font-size: 12px;
  padding: 5px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}


.menuEditor, .menuFileTree{
    padding: 2px 5px 2px 5px;
    border: solid 1px #DDD;
    background-color: #F7F7F7;
	min-width: 190px;
	height: 24px;
}

.menuEditor span{
	padding: 2px;
}
/*
 * Classe adicionada a aba quando um arquivo não está salvo
 */
.ui-state-unsaved{
  font-style: italic;
}
.loadinggif{
  margin-top: 50px;

}
.errLogin{
  color: #F00;
  font-weight: bold;
}
#logout{
  float: right;
  color: #333;
  font-size: 12px;
}

.elementHidden{
  display: none;
}


.error{
    padding: 15px;
    margin: 20px;
    border: solid 1px #FDD;
    background-color: #FDFDFD;
    min-width: 250px;
}
.error img{
    float: left;
}
.error p{
    font-size: 12px;
    padding-left: 50px;
}

.ui-dialog,
.ui-dialog-titlebar,
.ui-dialog-title-dialog,
.ui-dialog-titlebar-close{
/*    margin: 0 auto !important;
    border: 0px !important;
    padding: 0px !important;*/
    font-size: 12px;
}
.ui-dialog-title{
    font-size: 12px;
}


div.ui-datepicker{
 display: none;
 font-size:11px;
}
select#usersOut, select#usersIn{
	width: 250px;
	border: solid 1px #DDD;
}


.headerProjectStatus{
	position: absolute;
	float: right;
	right: 30px;
	top: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 5px 5px 2px #888;
	-webkit-box-shadow: 5px 5px 2px #888;
	box-shadow: 5px 5px 2px #888;
	font-weight: normal !important;
	padding: 10px;
	padding-left: 30px;
}
.headerProjectStatus.openedproject{
	background-color: #FFA !important;
	background: url(images/16/openedproject.gif) no-repeat 10px 10px;
	z-index: 90000;
}
.headerProjectStatus.closedproject{
	background-color: #AFA !important;
	background: url(images/16/closedproject.gif) no-repeat 10px 10px;
}

.inpectProject{
	min-width: 700px;
}
.inpectProject .left{ float: left; min-width: 440px; max-width: 440px; margin-right: 20px;}
.inpectProject .right{float: left; min-width: 440px;}
.inpectProject td{
	padding: 3px;
}
.inpectProject .tdlabel{
	font-weight: bold;
	clear:both;
}
.inpectProject .tdvalue{
	font-color: #DDD;
}


h2{

	border-bottom: solid 1px #DDD;
	font-size: 14px;
	color: #777;
}
h3{
	clear: both;
	border-bottom: solid 1px #DDD;
	font-size: 12px;
	color: #777;
	padding-left: 20px;
	
}

.inpectProject .right .ui-progressbar { 
    height:15px;
    width:300px;
    margin:0 auto;
	padding-top: 2px;	
}   

.inpectProject .right .ui-progressbar span { 
	position: relative;
	width: 300px;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	float: left;
} 

.ui-corner-all, .ui-corner-left { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }


/******* PREGRESSBAR ATIVIDADES ***/

.small-progressbar-activities.ui-progressbar{
    height:5px;
    width:100px;
    margin:0 auto;
}

.small-progressbar-activities.ui-progressbar.ui-widget-content{/* cor do fundo */
	background: #FFFFAA !important;
}
.small-progressbar-activities.ui-progressbar .ui-widget-header{/* cor da barra */
	background: #77FF77 !important;
	border: solid 1px #AAA !important;
}
.small-progressbar-activities.ui-progressbar .ui-progressbar-value{
	margin-top: -5px !important;
	height: 5px;
	margin-left: -5px;
	border: solid 1px #DDD !important;

}
.small-progressbar-activities.ui-progressbar span{
	position: relative;
	width: 100px;
	margin-top: -3px;
	text-align: center;
	font-weight: bold;
	font-size: 8px;
	float: left;
}

/******* PREGRESSBAR ATIVIDADES FIM ***/

/******* PREGRESSBAR GANTT ***/
#activitiesProgress-gantt{
	float: right;
	width: 200px !important;
	height: 20px !important;
	right: 13px;
}

#activitiesProgress-gantt.ui-progressbar .ui-progressbar-value {
	margin-top: -1px !important;
	height: 20px;
	margin-left: 0px;
	border: solid 1px #AAA !important;
}
#activitiesProgress-gantt.ui-progressbar span{
	position: relative;
	margin-top: 3px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	width: 200px;
	float: left;
}
/******* PREGRESSBAR GANTT FIM ***/
#projectdescription{
	position: relative;
	clear: both;
	width: 900px;
	height: 230px;
	overflow: auto;
	border: solid 1px #DDD;
	text-align: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}





#activitydescription{
	float: right;
	width: 530px;
}
#activitydescription .jqte_editor{
	max-height: 145px;
	height: 145px;
}
#activity-percent-slider .ui-slider-range { background-image: url(images/degrade-activity-status.png) !important; }

.percentaction{
    width: 10px;
    float: left;
	margin-top: -5px;
    padding: 0px !important;
}

.percentup, .percentdown{
	float: left;width: 10px;height: 10px; margin-top: 2px;
}



.fileUploadQueueItem {
   font: 11px Verdana, Geneva, sans-serif;
   background-color: #F5F5F5;
   border: 3px solid #E5E5E5;
   margin-top: 5px;
   padding: 10px;
   width: 300px;
}
.fileUploadQueueItem .cancel {
   float: right;
}
.fileUploadProgress {
   background-color: #FFFFFF;
   border-top: 1px solid #808080;
   border-left: 1px solid #808080;
   border-right: 1px solid #C5C5C5;
   border-bottom: 1px solid #C5C5C5;
   margin-top: 10px;
   width: 100%;
}
.fileUploadProgressBar {
   background-color: #0099FF;
}
#activityfiles{
	font-size: 10px;
}
#activityfiles tr:hover{
	background-color: #FF9;
}
#activityfiles tr:hover td{
	border-bottom: solid 1px #AAA;
}
#showactivitydescription{
	max-height: 145px;
	height: 145px;
	border: solid 1px #DDD;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
.showactivityinfo{
	width: 300px;
}
.showactivityinfo tr{
	height: 20px;
}

#commentlist{
    position: relative;
    margin: 0px;
    padding: 0px;
    border: 0px;

    font-size: 13px;
    line-height: 1.3077;
    font-family: Arial,FreeSans,Helvetica,sans-serif;
}
#commentlist .activitycomment{
    padding: 10px;
    border-bottom: 1px solid #DDD;
}
#commentlist .activitycomment .profile{
	background: url(images/16/user.png) no-repeat;
    line-height: 1.5;
    text-align: left;
    padding-left: 20px;
}

#commentlist .activitycomment .profile .username{
	color: #191970;
}
#commentlist .activitycomment .profile .edited{
	color: #8B0000;
	font-size: 9px;
	font-family: Verdana;
}

#commentlist .activitycomment .profile .commentaction{ 
    float: right;
	display: none;
}
#commentlist .activitycomment:hover .profile .commentaction{ 
	display: block;
}
#commentlist .activitycomment .comment{

}
#commentlist #actions{
    border-bottom: solid 1px #DDD;
}
#commentlist #actions label{
	color: #777;
    border-left: solid 1px #DDD;
    border-right: solid 1px #DDD;
    border-top: solid 1px #DDD;
    border-bottom: solid 3px #FFF;
    background-color: #FFF;
    margin-left: 20px;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/*#commentlist #actions label span{
    padding-left: 10px;
    background-color: #DDD;
    background: url(http://www.peterlehmannwines.com/content/images/bullet_arrow_up.png) no-repeat;
}*/
#commentlist a{
    text-decoration: none;
    color: #777;
}
#commentlist a:hover{
    text-decoration: none;
    color: #444;
}
#commentlist .addcomment label{
    float:left;
}
#commentlist .addcomment textarea{
    width: 100%;
    height: 150px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #DDD;

}

input#editNode{
	border: solid 1px #DDD;
}

.filetodelete{
	word-wrap: break-word;
	font-weight: bold;
}

.filestocommit{
	color: green;
}
#svncommit-comment{
	width: 100%;

}

#projectdatabases, .databases-dialog input{
	width: 200px;
	border: solid 1px #DDD;
}

/***
CHAT
****/


#chat-channels.ui-widget{
    font-size: 10px !important;

}
#chat-channels.ui-accordion .ui-accordion-header{
    padding: 0px;
    padding-left: 2.2em;
}
#chat-channels .ui-accordion-content{
    height: 180px;
}
#chat{
    min-width: 300px;
    width: 300px;
    border: solid 1px #DDD;
    bottom: 0px;
    right: 0px;
    position: fixed;
    background-color: #FFE;
    z-index: 99999;
}
#chat-form{
    padding: 4px;
}
#chat #sendMessage{
    width: 220px;
    border: solid 1px #DCA;
}

#chat .ui-state-active{
    background: #DCA !important;
}

.chat-text{
    padding: 5px !important;
    font-size: 10px;
}
#chat-hidde{
    height: 17px;
    float: right;
}
#chat #title{
    font-size: 12px;
    color: #777;
    font-weight: bold;
    font-family: arial;
    padding-left: 5px;
}

.chatmessage {
  font-size: 10px !important;
  font-family: verdana;
}
.chatmessage .chat-user{
  font-weight: bold;
}
.chatmessage .chat-message{

}