div.disableall{
  position: absolute;
  background: url(../images/wait.gif) center center no-repeat #eee;
  -moz-opacity: .20;
  opacity: .20;
  filter: alpha(opacity=20);
  z-index: 400;
  display: none
}
table{border: 0;padding: 0;border-collapse: collapse;}
td{border: 0;padding: 0;margin: 0;;vertical-align:middle}

#diviProjectWeb {
  padding: 5px;
  line-height:1em !important;
  font-size:12px !important;
	
}

#diviProjectWeb select, #diviProjectWeb textarea, #diviProjectWeb input{background:#fff url(../images/backgrounds.png) 0 -168px repeat-x}
#diviProjectWeb select, #diviProjectWeb input{height:20px !important;padding:2px !important; font-size:12px !important}
#diviProjectWeb label{width: 100px;display: block;clear: right;color: #333;margin-top: 3px;white-space: nowrap;font-size:1em !important;}
#diviProjectWeb table{margin:0;padding: 0;border-collapse: collapse;}
#diviProjectWeb tr{padding: 0;line-height:1em !important;font-size:12px !important;}
#diviProjectWeb input, 
#diviProjectWeb select{
  font-size:12px !important;
  line-height:20px !important;
  padding:0px !important;
  font-family:"Arial";
  height:20px  !important;
}
#diviProjectWeb input{
  height:18px !important;
} 
#diviProjectWeb th{
	height:20px !important;
	font-size:12px !important;
  	line-height:1em !important;
} 
#diviProjectWeb fieldset{
  	border:1px solid #eee;
  	padding:10px;
} 


div.calendar{
  z-index: 90;
  border:1px solid transparent;
}


.inputselect, .textinput, .datebox, .ufo-select, .mceLayout, .ufo-y-overflow, .ufo-asinput, div.ufo-input-wrapper{border: 1px solid #bbb}
.inputselect, .textinput, .datebox, .ufo-select, .ufo-asinput, div.ufo-input-wrapper{margin-bottom:2px;}


.warningMessage, .notificationMessage{font-size: 12px;font-weight: bold;}
.warningMessage{color: #880000;}

.notificationMessage{color: #008800;}

/*  labels and strings  */

label.ufo-label-top{clear: right;}

.small{font-size: 0.8em;color: #aaa;font-weight: normal;padding: 0 3px 0 3px;}

.anchor, .anchor a, a{color: #1f5184;font-weight: normal;cursor: pointer;font-family: Arial, sans-serif;}
.anchor:hover, .anchor:focus, .anchor a:hover, .anchor a:focus{color: #1b3a59;}

.formdescriptionspec{color: #000;line-height: 1.1em;font-size: 1.3em;}
.ufo-mainform .formdescriptionspec{display:none}
.formdescription{clear:left;color:#111;display:block;font-size:1.1em;}

/*  components  */
.listpositionmover{border: 0;padding: 0;margin-left: auto;margin-right: auto;}
.listpositionmover>div{float: left;margin: 0;width: 16px;}
.listpositionmover>div>div{width: 16px;height: 16px;margin: 0;cursor: pointer;}


textarea.textinput{font-size: 12px;padding: 3px;}

/*  buttons  */
span.button{
  border-radius: 4px;
  background1: #3b97cd;
  background: #eee url(../images/backgrounds.png) 0 -87px repeat-x;
  border: 1px solid #bbb;
  line-height: 24px;
  padding: 0px;
  float: left;
  margin: 5px 1px
}
span.button span{
  height: 22px;
  padding: 0 8px;
  display: block;
  border-radius: 4px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid transparent
}
span.button a{line-height:22px;}
span.button:hover, span.button.hover{background: #eee url(../images/backgrounds.png) 0 -111px repeat-x;border-color:#888}

button::-moz-focus-inner{padding: 0 !important;border: 0 none !important;}

div.internalbutton{line-height: 24px;cursor: default;}

button.internalbutton{border:0;height:22px;background-color:transparent;}

span.button a, .ufo-imagebutton a, .ufo-imagebutton a:hover, span.internalimage a, span.internalimage a:hover {
  background-color: transparent !important;
  background-repeat: no-repeat  !important;
  text-decoration:none;
}
.ufo-imagebutton a {
  display:block;
  width: 21px;
  height: 21px;
  margin:0px 1px;
  border: 1px solid transparent;
  border-radius: 2px;
  background-position: center center !important;
}
.ufo-imagebutton a:hover{border:1px solid #888 !important;background-color:#f7f7f7 !important;}


span.internalimage a{padding-left: 20px;padding-right:4px;background-position: center left !important;color:#333}

a.ufo-mtmlink-button{width: 16px;height: 16px;margin: 1px 0 2px 0;display: block;}

/*  grid  */
.vtable{
  width: 100%;
  border-right: 1px solid #bbb;
  font-family: Arial,Verdana, Helvetica, sans-serif
}
.vtable td, .vtable th{border-bottom: 1px solid #bbc;border-left: 1px solid #aab;padding: 1px 5px;}
.vtable th{vertical-align: middle;padding-left:8px;}
.vtable tr.ufoodd td{background: #f8f8f9;}
.vtable tr.ufoeven td{background: #fcfcfc;}
.vtable tr.ufovalightop td{vertical-align: top;}
.vtable tr.ufohighlight:hover td{background: #f0f4f7;}
.vtable th{background: #eee url(../images/backgrounds.png) 0 0 repeat-x;border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;border-right:1px solid #ccc;text-align: left;}
.vtable th.ufo-active,.vtable th:hover{background: #eee url(../images/backgrounds.png) 0 -19px repeat-x;}
.vtable a:hover{background-color:transparent !important;color:#1f5784 !important;}

.innerview .vtable{width: 100%;}
.innerview div.viewtable{overflow-x: auto;overflow-y: auto;background: #fff;}

.mtmview{border: 1px solid #dedede;padding: 0 1px;}

.ufo-y-overflow{overflow: auto;}
.ufo-y-overflow>div{width: 95% !important;height: 100%;padding: 10px; text-align:justify;font-size:10px;}
.ufo-overflow-wrapper{width: 100%;height: 100%;overflow: auto;}

.scrollerpanel{float: left;margin-left: 2px}

.scrollerpanel>div, .scrollerpanel table, .scrollerpanel table tr, .scrollerpanel table td {
  border:0 !important;
  margin:0 !important;
  padding:0 !important; 
  background:transparent !important;
  float:left !important;
} 
.scrollerpanel table{border-collapse:collapse !important;}
.scrollerpanel span.label {padding:0px 3px;line-height:22px;font-size:0.9em;color:#333}
.scrollerpanel select.scrollerlist{padding:2px 2px 2px 0;margin:1px 3px;height:22px;width:42px;border:1px solid #bbb;border-radius:2px;}
.scrollerpanel select:hover{border-color:#888;}


.ufo-tableheader, .vtable th{
  font-size: 12px;
  font-weight: normal;
  white-space: nowrap;
  padding-bottom: 1px;
  color: #000;
  text-shadow: #fff 1px 1px 1px
}
.ufo-tableheader{cursor: pointer;padding: 0;margin: 0;border: 0;height: 16px;background: transparent;}
.ufo-tableheader.ufo-active{color: #fff;text-shadow:#000 1px 1px 2px;}
.ufo-tableheader:hover span.thtext, .ufo-tableheader.ufo-active:hover span.thtext{text-decoration: underline;}

button.ufo-tableheader:focus, button.ufo-tableheader.ufo-active:focus, .ufomenuwrapper a:focus{outline: none;}
button.ufo-tableheader:hover{background-color:transparent !important; border:0 !important;}
button.ufo-tableheader span.thimage{display: inline-block;width: 8px;height: 16px;margin-left:3px;}
button.thacs span.thimage{background: url(../images/sort_up.png)  center center no-repeat;}
button.thdesc span.thimage{background: url(../images/sort_down.png) center center no-repeat;}

.ufofilterbutton span.button{float: right;}

.ufo-filter>div {float:right} 
.ufo-filter>div>div, .ufo-filter>div>div>div div{float: left;}
.ufo-filter>div>div>div{width: 295px;margin: 1px;margin-left: 5px;height: 20px;}
.ufo-filter input, .ufo-filter select{margin: 0;float: left;}
.ufo-filter select.ufo-filtersign{width: 55px !important;margin-right: 1px;float: left;}
.ufo-filter label{width: 80px;float: left;color: #111 !important;margin-top: 3px !important;}
.ufo-filter{padding: 5px 15px 15px 5px;margin-top: -3px;}
.ufo-filter{background: #eaeaea;color: #333;border: 1px double #c7c7c7;border-top:0;width: 700px;}
.ufo-filter{z-index: 20;position: absolute;display: none;border-radius: 0 0 5px 5px;}
.ufo-filter .ufofilterbutton{clear: both;}

.mtmview .ufo-filter{width: auto;padding: 10px;float: right;}
.mtmview .ufo-filter label{width: auto !important;padding-right: 5px;}
.mtmview .ufo-filter select.ufofiltersign{clear: none;}
.mtmview .ufo-filter >div>div>div{clear: both;width: auto;height: auto;float: right;}
.mtmview .ufo-filter .ufofilterbutton{float: none;}

div.buttons{border:1px solid #aaa;background:#eee url(../images/backgrounds.png) 0 -41px repeat-x;margin:1px 0;padding:1px 0}

.ufo-tab-wrapper{background:#fff;border: 1px solid #bbb;}
.ufo-tabs .ufo-tab-wrapper{margin-top:0;}
.ufo-tab-wrapper.ufo-tab-top{border-top: 1px solid transparent;}
.ufo-tab-wrapper.ufo-tab-left{margin-left: 100px;overflow: hidden;}

/*  tabs  */
ul.ufo-tab-header{padding: 0;list-style:none !important;}
ul.ufo-tab-header ul, ul.ufo-tab-header li{list-style:none !important;}
ul.ufo-tab-header.ufo-tab-top{
  padding: 2px 0 0 2px;
  margin: 5px 0 0 0 !important;
  height: 31px;
  border: 1px solid transparent;
  border-bottom: 1px solid #ccc;
  border-radius: 3px 3px 0 0
}

.ufo-tabs .ufo-tab-header.ufo-tab-top{
  border-color: #ccc;
  background: #f6f6f6;
  margin1: -3px;
  margin-bottom: 0;
}

ul.ufo-tab-header li{margin: 0;padding: 0;}
ul.ufo-tab-header.ufo-tab-top>li{margin-bottom: -1px;float: left;}

ul.ufo-tab-header li a{display: block;text-decoration: none;outline:none;text-shadow: #fff 1px 1px 1px;}

ul.ufo-tab-header.ufo-tab-top > li >a{
  line-height: 30px;
  z-index: 10;
  padding: 0px 10px 0px 10px;
  border: 1px solid transparent;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  margin-left: 1px;
  margin-bottom: 0;
}
ul.ufo-tab-header.ufo-tab-top> li > a:hover{background: #f8f8f8;color: #555;border-color: #ddd;}
ul.ufo-tab-header.ufo-tab-top> li > a.ufo-active, 
ul.ufo-tab-header.ufo-tab-top > li > a.ufo-active:hover{
  background: #fff !important;padding-bottom: 1px;z-index: 10;color: #555 !important;border-color: #bbb;outline: none;}

ul.ufo-tab-header.ufo-tab-left{
  float: left;
  width: 100px;
  margin:0;
  margin-right: -1px;
  border-right: 1px solid transparent;
  padding-top:5px;
}

ul.ufo-tab-header.ufo-tab-left > li> a{
  border: 1px solid transparent;
  margin-bottom: 1px;
  border-radius: 4px 0 0 4px;
  font-size:12px !important;
  outline:none;
  padding: 15px 10px;
}


ul.ufo-tab-header.ufo-tab-left > li > a:hover{
  color: #555 !important;
  background: #f8f8f8 !important;
  border-color: #ddd;
  border-right: 1px solid transparent;
}

ul.ufo-tab-header.ufo-tab-left > li > a.ufo-active, ul.ufo-tab-header.ufo-tab-left > li > a.ufo-active:hover{
  color:#555 !important;
  background:#fff !important;
  border-top: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #bbb;
  z-index: 10;
  padding:0;
  margin-right:-1px;
}
ul.ufo-tab-header.ufo-tab-left > li > a.ufo-active > span, ul.ufo-tab-header.ufo-tab-left > li > a.ufo-active:hover >span{
  display:block;
  padding: 14px 9px;
  border-radius: 4px 0 0 4px;

  color:#555 !important;
  background:#fff !important;
  border-top: 1px solid #f8f8ff;
  border-left: 1px solid #eef;
  border-right: 0;
  border-bottom: 1px solid #eef;
  z-index: 10;
  margin-right:-1px;
}


.ufo-tabs{display: none;padding:5px 15px 1px 15px;}
.ufo-tabs .ufo-tabs{padding:5px 0px;}
.ufo-tabs.ufo-view{padding:4px;}

.ufo-tabs.ufo-active{display: block;}

.ufo-float-left{float: left;display: block;}
.ufo-float-right{float: right;display: block;}
.ufo-width50{width: 49%;}
.ufo-float-right.ufo-width50{width: 50%;}
.ufo-width50>div{padding: 0 5px;}

div.ufo-clear{clear: left;height: 1px;overflow: hidden;}
div.ufo-clear-both{clear: both;height: 1px;overflow: hidden;}
/*  trigger field elements  */
.ufo-input-wrapper{
  position: relative;
  padding: 0 !important;
  padding-right: 24px !important;
  overflow: hidden;
  margin:0;
  background: #eee url(../images/backgrounds.png) 0 -40px repeat-x;
  border-radius: 0 3px 3px 0;
}
.ufo-input-wrapper:hover{background: #eee url(../images/backgrounds.png) 0 -111px repeat-x;}
.ufo-input-wrapper .ufo-asinput, input.ufo-internal{
  width: 100%;
  margin: 0 !important;
  border:0  !important;border-radius:0  !important;
  border-right:1px solid #ccc !important
}
.ufo-triggerbutton{height: 100%;width: 16px;position: absolute;top: 0;right: 4px;display: block;background-repeat:no-repeat;background-position:center center}
.ufo-triggerbutton, a.ufo-triggerbutton, a.ufo-triggerbutton:hover, a.ufo-triggerbutton:focus{text-decoration: none;}

.commonbutton{
  width: 16px;
  height: 16px;
}
.commonbutton .ufo-triggerbutton{margin-left: 1px;}

/*  split page layout  */
.ufo-split{margin: 0 auto;margin-top:5px;border-top:1px solid #fff;border-radius:4px 4px 0 0;}
.ufo-split div.ufosp_header div.ufospl h3{
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  margin: 0 !important;
  padding: 5px 20px;
  font-size: 12px;
  text-shadow: #fff 1px 1px 1px;
  font-weight:normal !important;
  background-color:#dddde8;
  border:1px solid #aaa;
  border-radius:4px 4px 0 0;
}
.ufo-split div.ufosp_body div.ufospl div.ufospl div.ufospl{
  font-family: Arial, Verdana, Helvetica,sans-serif;
  margin: 0;
  padding: 5px 10px 10px 10px;
}
.ufo-split.ufo-formpage{background: #f4f4f4}
.ufo-split.ufo-formpage div.ufosp_header{background: #f4f4f4;}
.ufo-split.ufo-formpage div.ufosp_body{border:1px solid #bbb; border-top:1px solid #fff;border-radius: 0 0 4px 4px;}

/*  menu  */
div.menupanel{
  position: relative;
  background: #eee url(../images/backgrounds.png) 0 -135px repeat-x;;
  height: 28px;
  padding: 2px;
  padding-left: 10px;
  margin: 0;
  border: 1px solid #aaa;
  border-radius: 5px
}

.ufomenuwrapper{position: relative;width: 100%;}
.ufomenuwrapper ul{margin-bottom:0 !important;margin-top:-8px !important;padding:2px !important;}
.ufomenuwrapper ul.ufoMenu li a {color: #222;padding: 1px 9px;font-size: 15px;border: 1px solid transparent;line-height:24px;}
.ufomenuwrapper ul.ufoMenu li a:hover, .ufomenuwrapper ul.ufoMenu li.ufo-active a{
  border-radius: 7px;
  background: #eee url(../images/backgrounds.png) 0 -87px repeat-x;
  color: #222;
  border: 1px solid #bbb;
  cursor: pointer;
}
.ufomenuwrapper ul li ul li a {
  background-image: none;
  border:1px solid red;
}
.ufomenuwrapper ul.ufoMenu li a.ufoemptymenu:hover, .ufomenuwrapper ul.ufoMenu li.ufo-active a.ufoemptymenu{cursor: default;}

.ufomenuwrapper ul.ufoMenui li a,
.ufomenuwrapper ul.ufoMenu li.ufo-active ul.ufoMenui li a,
.ufomenuwrapper ul.ufoMenu li.ufo-active ul.ufoMenui li.ufo-active ul.ufoMenui li a
{
  padding: 2px;
  padding-left: 11px;
  line-height:18px;
  font-size: 12px;
  border-radius: 0;
  width: 150px;
  background-image:none;
  background:#fafafa;
  border: 1px solid transparent
}

.ufomenuwrapper ul.ufoMenui li a:hover,
.ufomenuwrapper ul.ufoMenu li.ufo-active ul.ufoMenui li.ufo-active a,
.ufomenuwrapper ul.ufoMenu li.ufo-active ul.ufoMenui li.ufo-active ul.ufoMenui li.ufo-active a
{border-radius: 5px;background: #eee !important;border: 1px solid #aaa;font-weight:normal;}

.ufomenuwrapper ul.ufoMenu li.ufo-active ul.ufoMenui
{padding: 3px;border-radius: 3px;background: #fff !important;border: 1px solid #aaa;z-index: 30;}
.ufomenuwrapper ul.ufoMenu li.ufo-active ul.ufoMenui li.ufo-active ul.ufoMenui
{padding: 3px;border-radius: 3px;background: #fff !important;border: 1px solid #aaa;z-index: 31;}
.ufomenuwrapper ul.ufoMenu li.ufo-active ul.ufoMenui li.ufo-active ul.ufoMenui a 
{padding: 3px;border-radius: 3px;background: #fff !important;border: 1px solid transparent;z-index: 30;}

.ufomenuwrapper ul.ufoMenu li.ufo-active ul.ufoMenui,
.ufomenuwrapper ul.ufoMenu li.ufo-active ul.ufoMenui li.ufo-active ul.ufoMenui
{border: 1px solid #aaa;}

.ufomenuwrapper ul.ufoMenu li.ufo-active ul.ufoMenui li.ufo-active ul.ufoMenui{border-top: 1px solid #aaa ;z-index: 31;}

.ufomenuwrapper ul.ufoMenui li span{display: block;width: 150px;}
.ufomenuwrapper ul.ufoMenui{
  width: 165px;
  padding: 3px;
  border-radius: 3px;
  background: #ddd;
  border: 1px solid transparent;
  z-index: 30
}

.ufomenuwrapper ul.ufoMenui li a.ufocontainer span{background: url(./../images/arrow-menu-container.png) right center no-repeat;}
.ufomenuwrapper ul, .ufomenuwrapper ul li{margin: 0;padding: 0;display: inline;list-style: none;}

.ufomenuwrapper ul li{float: left;position: relative;zoom: 1;}
.ufomenuwrapper ul li a{display: block;margin:0;text-decoration: none;}
.ufomenuwrapper ul li ul{display: none;position: absolute;top: 36px;}
.ufomenuwrapper ul li ul li{display: block;border-top: 0px;}
.ufomenuwrapper ul.ufoMenui ul.ufoMenui{top: 6px !important;left: 162px !important;}
.ufomenuwrapper li.left ul.ufoMenui ul.ufoMenui{margin-top: -38px;margin-left: -170px;}
.ufomenuwrapper ul.ufoMenu li > ul{margin-top: -10px;}


/*  auto suggest list  */
div.autosuggest{
  position: absolute;
  background-position: top;
  background-repeat: no-repeat;
  padding-top: 3px;
  z-index: 100
}
div.autosuggest ul{list-style: none;margin: 0 0 -4px 0;padding: 0;overflow: hidden;background-color: #eee;border-radius:4px;border:1px solid #b5b5b5}
div.autosuggest ul li{padding:5px;margin: 1px 2px;text-align: left;border:1px solid #ddd}
div.autosuggest ul li a{
  color: #333;
  display: block;
  text-decoration: none;
  background-color: transparent;
  position: relative;
  padding: 0;
  width: 100%
}
div.autosuggest ul li a:hover, 
div.autosuggest ul li.as_highlight a, 
div.autosuggest ul li.as_highlight a:hover {background-color: #f3f3f3}

div.autosuggest ul li a span{display: block;padding: 0;font-weight: bold;}
div.autosuggest ul li a span>div {font-weight: normal;padding:0;color: #222;overflow:hidden;}
div.autosuggest ul li.as_highlight a span{background-position: bottom left;background-repeat: no-repeat;}
div.autosuggest ul li.as_highlight a span>div{color: #000;}

div.autosuggest ul li.as_warning{font-weight: bold;text-align: center;padding-top:4px;}
div.autosuggest ul em{font-style: normal;color: #a22;}

span.ufo-id-link {cursor:pointer;}

div.ufo-as-info{
  display: none;
  background: #f3f3f3;
  border: 1px solid #ccc;
  color: #003;
  text-shadow: #fff 1px 1px 1px;
  border-radius: 2px;
  
  position: absolute;
  z-index: 100;
  padding: 2px;
  margin: 0 3px;
}

div.ufo-as-info>div{
  height:100%;
  padding:0;
  border:1px solid #ddd;
}

.ufo-as-form label {
  text-shadow: #fff 2px 2px 2px;
  display:block;
  overflow:hidden;
  font-weight:normal;
  font-size:10px;
  width:70px;
  white-space:nowrap;
  float:none;
  margin:0;
  margin-top:3px;
}

.ufo-as-info-img{
  float:left;
  padding-right:10px ;
  padding-bottom:5px ;
  display:block;
  margin-left:-2px;
  background:#f5f5f5;
  border-radius:3px;
}

.ufo-as-form {padding:7px;text-align:left}
.ufo-as-form>div {padding:1px;font-size:10px;border-bottom:1px solid #ddd;  line-height:12px;}
.ufo-as-form>div span.formdescription{font-size:12px;font-weight:bold}

.ufo-user-list-item{height:90px;overflow:hidden;}
.ufo-user-list-item .ufo-as-info-img{
  height:86px;  
  background:#eee;
  float:left;
  padding:2px 5px;
  display:block;
}
div.autosuggest .ufo-as-list-hidden{display:none}
li.as_highlight .ufo-as-info-img, li a:hover .ufo-as-info-img{background:#f2f2f2;}

/* layout classes */               
ul.ufo-kb-readonly{list-style:none !important;margin:0;padding:0 !important;border:1px solid #ccc;border-bottom:1px solid #fff;}
ul.ufo-kb-readonly>li>h3{padding-bottom:10px;margin:0}
ul.ufo-kb-readonly>li{
  margin:0 !important;
  text-align:justify;
  padding:10px 20px !important;
  border:1px solid #fff;
  border-bottom:1px solid #ccc;
}
ul.ufo-kb-readonly>li:hover{background:#fcfcfc}

.ufo-split.ufo-readonlyview {margin: 0 auto;border-radius:4px 4px 0 0;}
.ufo-split.ufo-readonlyview div.ufosp_body div.ufospl div.ufospl div.ufospl{
  margin: 0;
  padding: 0;
}

.ufo-users.ufo-as-form {width:250px;}
.ufo-as-form.ufo-tasks{width:300px;}
.ufo-as-form.ufo-projects{width:300px;}