.swipe-area {
    position: absolute;
    width: 50px;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 1;
}

.flexFullScreen {
	left: 0 !important;
	position: absolute !important;
	top: 0 !important;
	z-index: 102;
	width: 100%;
	background: #FFF;
}

/*flexcalendar month*/

.flexcalendar { 
	position:relative;
	font-size: 100%; 
	height:100%; 
	width:100%; 
	border:solid 1px #d7d7d7; 
	border-collapse:collapse; 
 	background-color: #FFF;
}

.wrapCalendar .monthNavigation {clear:both;}
.monthNavigation .datePick{
	border: none !important;
	background: none;
	width: 65px;
}


.flex.wrapCalendar div.mDiv {
	display:none;
	line-height: 38px;
	padding: 0 5px;
	border:1px solid #CCCCCC  !important;
	
}
.flex.wrapCalendar div.mDiv h2{
	margin:0;
	
}

.flex.wrapCalendar.flexFullScreen div.mDiv {
	display:block;

	
}
.flex.wrapCalendar.flexFullScreen .contentCalendar {
	padding: 0 5px;

	
}

.monthNavigation .datePick:focus{
	border: none !important;
	box-shadow: none;
	outline: 0 none;
	
}

.wrapCalendar .monthNavPrev, .wrapCalendar .monthNavNext, .wrapCalendar .todayLink { 
	float:left; 
}
 .wrapCalendar .refreshLink, 
 .wrapCalendar .toggleLink, 
 .wrapCalendar .changeView, 
 .wrapCalendar .yearNavNext, 
 .wrapCalendar .yearNavPrev 
 
 { 
	float:right; 
    margin-left: 10px !important;
    margin-right: 0 !important;
}

.wrapCalendar .monthNavigation .buttonGrag.blue span{
	   color: #FFF !important;

}
 
.wrapCalendar .monthName { 
	color: #6D6D6D;
    float: right;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 28px;
    margin: 0 10px;
}

.flexcalendar .calendarHead {
}

.flexcalendar .calendarHead th { 
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -moz-linear-gradient(center top , #FAFAFA 0%, #EAEAE9 99%) repeat scroll 0 0 transparent;
    border-color: -moz-use-text-color #d7d7d7 #d7d7d7;
    border-right: 1px solid #d7d7d7;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    border-left: none;
    border-bottom: none;
    color: #6D6D6D;
   /* height: 32px;*/
	width:14%;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
 }
 .flexcalendar .calendarHead th.dl { 
  cursor:pointer
 }
.flexcalendar .calendarHead th.dateHeader .dl{ 
	display:block;
}
.flexcalendar .calendarHead th.dateHeader .ds{ 
	display:none;
}
.flexcalendar .hours { 
	display:block;
    border-bottom: 1px solid #C5C5C5;
	/*margin:5px;*/
	

}

.flexcalendar .dateBox { 
	/*vertical-align:top; border:solid 1px #ddd; padding:0;
    background: #E3E2E2;
    background: -moz-linear-gradient(center top , #F0F0F0 0%, #E3E2E2 99%) repeat scroll 0 0 transparent;
	box-shadow: 1px 1px 0 #FFFFFF inset;*/
	transition: background 0.5s ease 0s, color 0.5s ease 0s;
	-o-transition: background 0.5s, color 0s;
	-ms-transition: background 0.5s, color 0s;
	-moz-transition: background 0.5s, color 0s;
	-webkit-transition: background 0.5s, color 0s;	
    border: 1px solid #C5C5C5;
    color: #222;
    vertical-align: top;
    width: 14%;
}

.contentCalendar .calDivHeader{
	padding: 0 17px 0 0;
    background: -moz-linear-gradient(center top , #d7d7d7 0%, #EAEAE9 99%) repeat scroll 0 0 transparent;
}
.contentCalendar .calDivBody{
	overflow-y: scroll;
}
.flexcalendar.week .calendarHead th,
.flexcalendar.week .dateBox
{ 
    width: 13.5%;
}
.flexcalendar.scheduler.seven .dateBox
{ 
    width: 5.5%;
}
.flexcalendar.scheduler.seven .calendarHead th.dateHeader,
.flexcalendar.scheduler.seven .dateBox.tcell
{ 
    width: 13.5%;
}
.flexcalendar.scheduler.fourteen .calendarHead th.dateHeader,
.flexcalendar.scheduler.fourteen .dateBox.tcell

{ 
    width: 6.75%;
}
.flexcalendar.scheduler.twentyone .calendarHead th.dateHeader,
.flexcalendar.scheduler.twentyone .dateBox.tcell

{ 
    width: 4.5%;
}
.flexcalendar.day .calendarHead th,
.flexcalendar.day .dateBox  
{ 
    width: 94.5%;
}
.flexcalendar .calendarHead th.hs,
.flexcalendar .dateBox.hs
{ 
    width: 5.5% !important;
}
.flexcalendar .calendarHead th.row,
.flexcalendar .dateBox.row
{ 
    width: 5.5%;
	padding: 0 5px;
	text-align:left;
}
.flexcalendar.month .dateBox.hs 
{ 
  height: 20px;
}

.flexcalendar.week .dateBox.hs 
{ 
  height: 40px;
}

.flexcalendar.scheduler .dateBox 
{ 
  height: 40px;
  vertical-align:middle;
}
.flexcalendar .actionsEvent 
{ 
	  display:none;
}

.flexcalendar.scheduler .events
{
  height: 40px;
}
.flexcalendar.day .dateBox.hs 
{ 
  height: 80px;
}

.flexcalendar .dateBox.holiday { 
 /*	background-color: #DBC8C5;
    background: -moz-linear-gradient(center top , #F0F0F0 0%, #DBC8C5 99%) repeat scroll 0 0 transparent !important;
    border: 1px solid #C5C5C5;
	box-shadow:0 0 1px #FFF inset*/
}
.flexcalendar .dateBox:hover {
   /* background: none repeat scroll 0 0 #EFEFEF;
    color: #000000;
    text-shadow: 0 1px #FFFFFF;*/
}
.flexcalendar .dateBox.holiday:hover { 
 	/*background-color: #DBC8C5;
    background: -moz-linear-gradient(center top , #DBC8C5 0%, #DBC8C5 99%) repeat scroll 0 0 transparent;*/
}

.flexcalendar .holidayLabel { 
    margin: 0 0 0 5px;
	
	height: 16px;
	padding: 0 0 0 2px;
	text-align: left;
	width: 98%;
	color: #4787ED;
	border-left: 5px #4787ED solid;
	margin: 0 0 0 2px;
}

.flexcalendar .today .holidayLabel { 
	/*color:#ccc !important;*/
}
.flexcalendar .dateLabel { 
    /*height: 16px;*/
	overflow:hidden;
	line-height:16px;
    padding: 0 0 0 2%;
    text-align: left;
    width: 98%;
	cursor:pointer;
}
.flexcalendar .dateData {
}

.flexcalendar .dateData.more {
	/*overflow:hidden;*/
	position:relative;

}
.flexcalendar .dateData.opened {
	height: auto !important; 
	padding-bottom: 14px; 
	position: absolute; 
	z-index: 200; 
    width: 14.2%;
    background: #FFF;
}
.flexcalendar .today .dateData.opened {
    background: #4787ED;
}
.flexcalendar .dateData.last.opened {
	position: relative; 
    width: auto;
}




.flexcalendar .dateLabel:hover { 
	color:#4787ED;
    text-decoration: underline;
}

.flexcalendar .dateBox.inactive .dateLabel{
	color:#CCCCCC;
}

.calendarBody .weekend { 
	/*background:none repeat scroll 0 0 #F0F0F0;*/
	color:#DD4B39;
}
.calendarBody .weekend:hover { 
	color:#DD4B39;
   /* background: none repeat scroll 0 0 #EFEFEF;*/
}

.calendarBody .otherMonth, .calendarBody .otherMonth.weekend  {
	color:#999;
	/*background:none repeat scroll 0 0 #FAFAFA*/
}
.calendarBody .otherMonth:hover, .calendarBody .otherMonth.weekend:hover  {
	color:#999;
	/*background:none repeat scroll 0 0 #EFEFEF*/
}


.calendarBody .inactive, .calendarBody .inactive.weekend  {
	color:#999;
	/*background:none repeat scroll 0 0 #FFFFFF*/
}

.flexcalendar .dateBox.inactive:hover {
	color:#999;
	/*background:none repeat scroll 0 0 #FFFFFF*/
}

.flexcalendar .today, .flexcalendar .today:hover { 
   /* background: #4787ED;*/
   /* box-shadow: none;
    color: #FFFFFF !important;*/
  /*  text-shadow: 0 1px rgba(0, 0, 0, 0.1);*/
}
.flexcalendar .today .dateLabel,
.flexcalendar th.today span
{
	color: #4787ED;

}


.flexcalendar .selected, .flexcalendar .selected:hover { 
    background: #DDE6FB;
    color: #222 !important;
}


.flexcalendar .tcellSelected, .flexcalendar .tcellSelected:hover { 
    background: #E9EAEA;
    color: #222 !important;
}
.flexcalendar .events {
	/*margin-left:2px;*/
	position:relative;
}
.flexcalendar .events .event {
   /* background-color: #4D90FE;
    border: 1px solid #4D90FE;*/
	position: relative;
    color: #666;
    cursor: pointer;
    line-height: 12px;
	font-size:100%;
    text-decoration: none;
    margin: 0 2px 1px !important;
	word-break: break-all;	
	padding:2px; 
	
}

.flexcalendar.scheduler .events .event {
    background-color: #FFF8CC;
    border: 1px solid #FFE222;
	position: absolute;
    color: #666;
    cursor: pointer;
    line-height: 38px;
	font-size:100%;
    text-decoration: none;
    margin: 0 !important;
	word-break: break-all;	
	padding: 0;
	z-index: 1;
	overflow: hidden;
	height: 40px;
}

.flexcalendar .events .event span {
    padding: 0 2px;
}
.flexcalendar .events .event p {

	margin: 0;
	display: inherit;
	line-height: 1.4;
}

.flexcalendar .events .event span[class^="icomoon-icon-"] {
    padding: 0 0;
	margin:0 5px 0 0;
	font-size:12px;
	line-height:14px;
	
}
.flexcalendar .events .event.bg-dark span[class^="icomoon-icon-"],
.flexcalendar .events .event.bg-blue span[class^="icomoon-icon-"],
.flexcalendar .events .event.bg-red span[class^="icomoon-icon-"],
.flexcalendar .events .event.bg-green span[class^="icomoon-icon-"],
.flexcalendar .events .event.blue span[class^="icomoon-icon-"],
.flexcalendar .events .event.red span[class^="icomoon-icon-"],
.flexcalendar .events .event.green span[class^="icomoon-icon-"]

{
    color:#FFF;
	
}
.flexcalendar .events .event .popup {
	border: 1px solid #000;
	border-bottom:none;
	background:none repeat scroll 0 0 #000;
	position: absolute;
	bottom: 100%;
	left: -9999px;
	width: 100%;
	color: #fff;
	opacity: 0;
	transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-moz-transition: opacity 0.3;
	-webkit-transition: opacity 0.3s;
	transition-delay: 0.5s;

}
.flexcalendar.scheduler .events .event .popup {
	border: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	background:none repeat scroll 0 0 #f6f6f6;
	line-height: 22px;
}
.flexcalendar .events .event .popup .popupCont{
	padding:5px;
}
.popupCont [class^="icomoon-icon-"], .popupCont [class*=" icomoon-icon-"] {
    color: #FFFFFF !important;
}
.flexcalendar .events .event .popup:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -4px;
	border-top: 4px solid transparent;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	border-top-color: #000;
}
.flexcalendar.scheduler .events .event .popup:after {
	
	border-top-color: #d2d2d2;
}
.flexcalendar .events .event.yellow {
    background-color: #FFB105;
    border: 1px solid #FF9E00;
    color: #222 !important;
}
.flexcalendar .events .event.red {
    background-color: #D14836;
    border: 1px solid #E83535;
    color: #FFFFFF !important;
}
.flexcalendar .events .event.green {
    background-color: #3D9400;
    border: 1px solid #29691D;
    color: #FFFFFF !important;
}

.flexcalendar .events .event:hover.yellow ,
.flexcalendar .events .event:hover.red ,
.flexcalendar .events .event:hover.green {
    border: 1px solid #4787ED;
	background: none repeat scroll 0 0 #4787ED !important;
	color: #fff !important;

}




.flexcalendar.scheduler .events .event:hover .popup {
	
	color: #222 !important;
}

.flexcalendar .events .event:hover .popup {
	left: -1px;
	opacity: 1;
	color: #fff !important;
}

.flexcalendar .events .event.ui-draggable-dragging .popup {
	left: -9999px !important;
	opacity: 0 !important;
}

.flexcalendar .events .event.noclick:hover .popup {
	left: -9999px;
	opacity: 0;
	color: #fff !important;
}



.flexcalendar .events .event .eh {
	overflow: hidden;
	display: block;
	line-height: 12px;
}


.flexcalendar .events div span.time{
    color: #337BB2;
}

.flexcalendar .events div.undone {
    color: #707070;
}
.flexcalendar .events div.done {
	text-decoration: line-through !important;
}

.flexcalendar .events event:hover {
    text-decoration: underline;
   /* color: #000;*/
    /*border: 1px solid #4D90FE;
	background: none repeat scroll 0 0 #4787ED !important;
	color: #fff !important;*/
}
.flexcalendar .today .dateLabel:hover {
  /*color: #FFFFFF;*/
}
.flexcalendar .today .events div {
	/*border:1px solid #FFFFFF;*/
}

.flexcalendar ul, .flexcalendar ul li {
    list-style: none outside none;
    margin: 0 0 0 0 !important;
}

.leyendCalendar {
	margin-top:5px;
}

.leyendCalendar td{
	padding: 3px 5px;
}


.leyendCalendar td.colorLeyend{
	padding: 3px 10px;
	border: 1px solid #FFF;
}

.leyendCalendar td.default{
	background:#FFF8CC;
}



/* flex Grid class*/
.flexgraph{
	color:#000;
	font-size:100%;
	overflow:hidden;
	position:relative;
}
.bgraph{
	padding:10px;
	border-left:1px solid #d7d7d7;
	border-right:1px solid #d7d7d7;
}
.bgraph.block{
	background:url("/css/images/flex/load.gif") no-repeat scroll 48% 50% white
}

.lgraph{
	/*margin:10px;*/
	border-left:1px solid #d7d7d7;
	border-right:1px solid #d7d7d7;
	border-top:1px solid #d7d7d7;
}

.flexgraph div.mDiv{
	/*background:url(images/flex/wbg.gif) repeat-x top;*/
	background-color:#F8F8F8;
	background-image:linear-gradient(to bottom, #F8F8F8, #E6E6E6);
	background-repeat: repeat-x;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset;
	border:1px solid #d7d7d7;
	border-bottom:0px;
	border-top:0px;
	display:block;
	font-weight:bold;
	overflow:hidden;
	position:relative;
	white-space:nowrap
}

.flexgraph .searchAdvance div.mDiv{
	border-right:0px !important;
	border-left:0px !important;
}

.flexgraph div.mDiv div{
	padding:6px;
	white-space:nowrap
}
.flexgraph div.mDiv.hidenFlex{

}

.flexgraph div.mDiv div.togtitle,
.flexgraph div.mDiv div.reloadgraph
{
	border:none;
	cursor:pointer;
	height:16px;
	overflow:hidden;
	padding:0px;
	position:absolute;
	right:3px;
	top:4px;
	width:16px
}
.flexgraph div.mDiv div.reloadgraph
{
	right:25px;
	top:6px;
}


.flexgraph div.mDiv div.togtitle:hover{background:left -2px;}


.flexgraph div.mDiv div.togtitle span{
	background:url(/css/images/flex/uup.png) no-repeat center;
	display:block;
	height:14px;
	width:14px
}

.flexgraph div.mDiv div.reloadgraph:hover{}

.flexgraph div.mDiv div.reloadgraph span{
	background:url(/css/images/flex/load_passive.png) no-repeat center;
	display:block;
	height:14px;
	width:14px
}

.flexgraph div.mDiv div.togtitle.vsble span{background:url(/css/images/flex/load.png) no-repeat center;}

.flexgraph div.mDiv div.togtitle.vsble span{background:url(/css/images/flex/ddn.png) no-repeat center}

/* FLEX BOX */
#flexBoxLoader {
    background: url(/css/images/flex/flexBox/preloader.gif) no-repeat scroll 12px 10px #000000;
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    display: block;
    font-size: 100%;
    height: 20px;
    left: 50%;
    line-height: 20px;
    margin: 0;
    opacity: 0.8;
    padding: 10px;
    position: fixed;
    text-align: left;
    text-indent: 36px;
    text-shadow: none;
    top: 50%;
    width: auto;
    z-index: 5000;
	box-sizing: content-box;
}

/*
.flexbox {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2001;
	text-align: left;
    bottom: auto;
    transition: opacity 0.5s linear 0s;

}
*/

.flexbox {
    bottom: 0;
    display: none;
	left: 0;
	outline: 0 none;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 2001;
	transition:opacity 0.15s linear 0s;
	
}
.flexBox-open .flexbox {
    overflow-x: hidden;
    overflow-y: auto;
}
.flexbox .innerBox{
	position: relative;
	width: auto;
	margin: 10px;
	opacity: 1;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;	
}
.flexbox.minimized {
    height: 36px !important;
	width: 280px !important;
	bottom: 0 !important;
	left: auto !important;
	position: fixed !important;
	right: 0 ;
	top: auto !important;
	box-shadow: none;
	  overflow: hidden;
}

.flexbox.minimized .innerBox{
	width: 100% !important;
	margin: 0 !important;
	width:auto !important
	bottom: 0 !important;
	left: auto !important;
	right: 0 !important;
	top: auto !important;
	
}
.flexbox.fullscreen .innerBox{
	position: relative;
	width: 100% !important;
	margin: 0 !important;
	
}
@media (min-width: 768px) {
  .flexbox .innerBox {
    width: 600px;
    margin: 30px auto;
	    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  
}
@media (min-width: 992px) {
  .flexbox .innerBox {
    width: 900px;
  }
}
@media (min-width: 1200px) {
  .flexbox .innerBox {
    width: 1100px;
  }
}
/*
.flexbox {
     transition: opacity 0.5s linear 0s;
	background: #404040 none repeat scroll 0 0;
	transition: opacity 0.5s linear 0s;
	background: #ffffff none repeat scroll 0 0;
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.4);
	bottom: auto;
	left: auto;
	max-height: 400px;
	max-width: 40%;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 2001;
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.4);
	text-align: left;
	max-height: inherit;
	max-width: inherit;	
	
}
*/



.flexbox.fullscreen {
	
}

.blocked.flexbox {
    box-shadow: none !important;
}

.flexbox.embedded {
	margin-top: 10px;
	position: relative;
	top: 0;
	left: 0;
	z-index: inherit;
	text-align: left;
    bottom: auto;
    transition: opacity 0.5s linear 0s;

}
.flexbox .popup {position: relative;}

.flexbox table {border-collapse: collapse;}

.flexbox table.striped{/*min-width:600px;*/}

.flexbox .header {
 /*  min-height: 19px;
    padding: 0;
	cursor:move;
	margin: 10px 10px 0;*/
	
	background-color: #404040;
	border-bottom: 4px solid #3079ed;
	color: #ffffff;
	/*font-size: 13px;
	height: 30px;
	line-height: 30px;*/
	padding: 10px 10px 8px;
}
}
.flexbox.embedded .header{
	cursor:default;
	position:relative

}
.flexbox .header h4 {
    float: left;
    font-size: 100%;
    font-weight: 700;
    margin-bottom: 0;
	color:#FFFFFF;
}
.flexbox .body {
    background-color: #FFFFFF;
	min-width: 80px;
	/*margin: 10px;*/
	position: relative;
	box-sizing: content-box;
	display: block;
	/*overflow: auto;*/

	/*padding: 10px;*/
	/*
	background: #fff;
	min-width: 80px;
	float:left;
	position: relative;
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	*/
	/*
	border: 5px solid #353535;
	border:10px solid #444444;
	border:10px solid rgba(0, 0, 0, 0.444);
    -webkit-background-clip: padding-box; 
	background-clip: padding-box;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-khtml-border-radius:10px;*/
}
 
.flexbox.embedded .body{
	background: #fff;
	min-width: unset;
	float:none;
	position: relative;
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: none;
    box-shadow: none;
 
}
.flexbox .body > div {
	/*margin: 10px;	
	width:100%;
	height:100%;
	overflow:auto;*/
}
.flexbox.embedded .body > div {
	margin: 0;
}
.flexbox.appriseOuter .body > div {
	margin: 0;
} 
.flexbox.blocked .innerBox{
	border: none;
	box-shadow: none;
	overflow: visible;
}

.flexbox.blocked .body > div{overflow: visible;}
.flexbox .popup .loadbox {
	text-align: center;
	background:url(/css/images/flex/flexBox/loading.gif) no-repeat 0 0;
	display:none;
	height:32px;
	width:32px;
	margin:0 auto;
	box-sizing: content-box;

}

.flexbox .popup.loadingbox .loadbox {display:block;}

.flexbox .image {text-align: center;}

.flexbox img {
	border: 0;
	margin: 0;
}


.flexbox .footer {
	border-top: 1px solid #DDDDDD;
	padding-top: 5px;
	margin-top: 10px;
	text-align: right;
}
.flexbox .closebox ,
.flexbox .removeMinBoxBtn,
.flexbox .addMinBoxBtn,
.flexbox .removeFullBoxBtn,
.flexbox .addFullBoxBtn {
	float:right;
}

.flexbox .closebox span,
.flexbox .removeMinBoxBtn span,
.flexbox .addMinBoxBtn span,

.flexbox .removeFullBoxBtn span,
.flexbox .addFullBoxBtn span{
	font-size:95%;
	color:#FFF;
}


.addMinBoxBtn .icomoon-icon-minus.icon16 {
    margin-top: 5px;
}
/* MINIMIZAR */
.flexbox .removeMinBoxBtn{display:none;}
.flexbox .addMinBoxBtn{display:block;}
.m .flexbox .addMinBoxBtn{display:none;}

.flexbox.minimized .removeMinBoxBtn{display:block;}
.flexbox.minimized .addMinBoxBtn{display:none;}



/* FULLSCREEN */
.flexbox .removeFullBoxBtn{display:none;}
.flexbox .addFullBoxBtn{display:block;}

.flexbox.fullscreen .removeFullBoxBtn{display:block;}
.flexbox.fullscreen .addFullBoxBtn{display:none;}


.flexbox.minimized .addFullBoxBtn, 
.flexbox.minimized .removeFullBoxBtn{
    display: none;
}



body.m .flexbox .removeFullBoxBtn{display:none; !important}
body.m .flexbox .addFullBoxBtn{display:none; !important}


.flexbox .titleBox {
   /* color: #FFFFFF;
    font-size: 12px;
    height: 20px;
    left: 3px;
    line-height: 20px;
    position: absolute;
    text-shadow: 1px 1px 1px #000000;
    top: 0;
	max-width:190px;*/
    float: left;
    font-size: 100%;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    top: 0;
	
}

.flexbox.minimized .titleBox {
    max-width: 200px;
    max-width: 190px;
	
}

.flexbox .closebox {
	/*background:url(images/flex/flexBox/x.png) no-repeat top left;
	height:20px;
	width:40px;
	display:block;
	position: absolute;
	right: 0;
	top: 0;
	z-index:1;
	text-indent: -10000px;*/
}

.flexbox.fullSize {
	background:#FFF;
	width:100%;
	height:100%;
	overflow:auto;
	opacity: 1;
}
.flexbox.fullSize form{
	max-width: 100% !important;
}
.flexbox.fullSize .header{
	cursor: default;
}
.flexbox.fullSize .titleBox {
    color: #222;
    left: 10px;
    text-shadow: none;
    top: 2px;
}
.flexbox.fullSize .closebox {
	background:none;
	text-indent: 0;
	color: #222222;
	line-height: 22px;
	margin-right: 10px;
}


.flexbox.fullSize .body{
	border: none;
	box-shadow: none;
	width: 100%;
/*	overflow: auto;
	width:100%;
	height:100%;*/
}
.flexbox.fullSize .body > div {
	margin: 3px 10px 10px;
}






.flexbox .popup.loadingbox .closebox {display:none;}

.flexbox .closebox:hover{
	background-position:bottom left;
}

	

.flexbox_overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background-color: #000;
	z-index: 2000;
}
.blocked.flexbox_overlay {
	background-color: #FFF;
}
.flexBoxLoaderOverlay{
	position: fixed;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background-color: #000;
	z-index: 4999;
	opacity:0.5;
}
body.noScrollFlexbox{
	overflow:hidden;
}
.flexbox_hide {z-index:-100;}


* html .flexbox_overlay { /* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/* confirm alert dialog */
.appriseOverlay{
	position:fixed;
	top:0;
	left:0;
	background:#000000;
	opacity:0.5;
	display:none;
	z-index:99999998;
	
	
	
}
.appriseOuter{
	border: medium none;
	bottom: auto;
	display: none;
	min-height: 50px;
	min-width: 200px;
	position: fixed;
	right: auto;
	z-index: 99999999;
}
.appriseOuter.pin{
	min-width:280px;
}

.white-space-pre {
    white-space: pre;
}
.appriseText{
	word-wrap: break-word;
}

.flexbox.appriseOuter .body {margin: 0 !important; width:100%;}

.appriseTitle{
	/*background:url("images/grad.png") repeat-x scroll center bottom #00A1CD;*/
	background-color: #4787ed;
	background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
	background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
	background-image: -ms-linear-gradient(top, #4d90fe, #4787ed);
	background-image: -o-linear-gradient(top, #4d90fe, #4787ed);
	background-image: linear-gradient(top, #4d90fe, #4787ed);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	
	border-bottom:1px solid #2f5bb7;
	padding:8px 10px;
	font-size: 14px;
	color:#FFF;
	font-weight:bold;
	
}


.appriseInner{
	padding:10px 10px 5px;
	color:#333;
	max-width: 400px;
	max-height: 300px;
	overflow: auto;
}
.appriseInner .notification{margin: 5px 0 0 0}
.appriseInner button{
	/*font-size:93%;
	padding:2px 8px 3px;*/
	margin:0 3px;
}

.appriseInner .aButtons {
    border-top: 1px solid #dcdcdc;
    margin: 10px 0 0;
    padding-top: 5px;
    text-align: right;
}
.appriseInner .aInput{
	margin:10px 0;
	text-align:center;
}
.appriseInner .aTextbox{
	border:1px solid #aaa;
	box-shadow:0px 0px 3px #D5D5D5;
	-moz-box-shadow:0px 0px 3px #D5D5D5;
	-webkit-box-shadow:0px 0px 3px #D5D5D5;
	width: 96%;
	padding: 5px 2%;
	color: #484848;
}
.appriseInner.pin .aTextbox{
	text-align: center;
    width: 50px;
}
/* FLEX FORM */
div.btnseparator, span.btnseparator{
	border-left:1px solid #d7d7d7;
	border-right:1px solid #fff;
	float:left;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none; 
	
}
span.btnseparator{
	height:21px;
	margin:3px 1px
}

.tDiv2 span.btnseparator {
    height: 18px;
    margin: 6px 1px 0;
}
div.btnseparator{
	height:18px;
	margin:3px 1px
}
div.fieldseparator{
	border-bottom:1px solid #e0e0e0;
	box-shadow:0 1px 0 rgba(255, 255, 255, 1);
	float:none;
	clear:both;
	height:1px;
	margin:1px 3px;
	padding: 0;
	
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none; 
	
}
div.fieldseparator.hidden {
	display: none;
}



.btnseparator.break {
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #cccccc;
    clear: both;
    display: block;
    float: none;
    height: 0;
    margin: 1px 3px;
}

div.clearform{
	float:none;
	clear:both;
	height:0;
	padding: 0;
	
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none; 
	
}


div.fieldgroup{
	border-bottom:1px solid #d7d7d7;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset;
	color:#666666;
	float:none;
	clear:both;
	line-height:13px;
	margin:1px;
	/*
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none; */
	
}
div.fieldgroup.fl{
	display:inherit;
	clear:none;
	margin-left:5px;
}
   

div.fieldgroup.leyend{
    border: medium none;
    height: 22px;
    line-height: 22px;
	box-shadow:none;
}
div.fieldgroup.blue{
    background-color: #4787ED;
	background-image: -webkit-linear-gradient(center top, #4D90FE, #4787ED);
	background-image: -moz-linear-gradient(center top, #4D90FE, #4787ED);
	background-image: -ms-linear-gradient(center top, #4D90FE, #4787ED);
	background-image: -o-linear-gradient(center top, #4D90FE, #4787ED);
	background-image: linear-gradient(center top, #4D90FE, #4787ED);


    border-bottom: 1px solid #3079ED;
	color:#FFFFFF !important;
}
div.fieldgroup.red{
    background-color: #C53727;
	background-image: -webkit-linear-gradient(center top, #DD4B39, #C53727);
	background-image: -moz-linear-gradient(center top, #DD4B39, #C53727);
	background-image: -ms-linear-gradient(center top, #DD4B39, #C53727);
	background-image: -o-linear-gradient(center top, #DD4B39, #C53727);
	background-image: linear-gradient(center top, #DD4B39, #C53727);

    border-bottom: 1px solid #B0281A;
	color:#FFFFFF !important;
	
}
div.fieldgroup.green{
    background-color: #3D9400;
	background-image: -webkit-linear-gradient(center top, #3D9400, #398A00);
	background-image: -moz-linear-gradient(center top, #3D9400, #398A00);
	background-image: -ms-linear-gradient(center top, #3D9400, #398A00);
	background-image: -o-linear-gradient(center top, #3D9400, #398A00);
	background-image: linear-gradient(center top, #3D9400, #398A00);
    border-bottom: 1px solid #29691D;
	color:#FFFFFF !important;
}
div.fieldgroup.grey{
    background-color: #E9E4E1;
	background-image: -webkit-linear-gradient(center top, #F8F8F8, #E9E4E1);
	background-image: -moz-linear-gradient(center top, #F8F8F8, #E9E4E1);
	background-image: -ms-linear-gradient(center top, #F8F8F8, #E9E4E1);
	background-image: -o-linear-gradient(center top, #F8F8F8, #E9E4E1);
	background-image: linear-gradient(center top, #F8F8F8, #E9E4E1);
    border-bottom: 1px solid #C6C6C6;
}

div.SubFormWrap .divForm.multiple{
	border-bottom:1px solid #d7d7d7;
	border-top:1px solid #fff;
	background-color: #E3E3E3;
	min-height: 100px;
}

form fieldset div.SubFormWrapInner .divForm:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

form div.SubFormWrap .divForm label { /* width: 10% !important;*/}
div.headForm{
	width: 100%;
	/*background:url(images/flex/wbg.gif) repeat-x top;*/
	background-color:#F8F8F8;
	background-image:linear-gradient(to bottom, #F8F8F8, #E6E6E6);
	background-repeat: repeat-x;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset;
	border:none;
	display:block;
	font-weight:bold;
	overflow:hidden;
	position:relative;
	white-space:nowrap;
	margin:0;
	padding:0;
}

div.headForm div{
	padding:6px;
	white-space:nowrap
}

div.headForm div.ptogtitle{
	border:1px solid #d7d7d7;
	cursor:pointer;
	height:16px;
	overflow:hidden;
	padding:0px;
	position:absolute;
	right:3px;
	top:4px;
	width:16px
}


div.headForm div.ptogtitle:hover{
	background:left -2px;
	border:#bbb
}

div.headForm div.ptogtitle span{
	background:url(/css/images/flex/uup.png) no-repeat center;
	border-bottom:1px solid #ddd;
	border-left:1px solid #eee;
	border-top:1px solid #fff;
	display:block;
	height:14px;
	width:14px
}

div.headForm div.ptogtitle.vsble span{
	background:url(/css/images/flex/ddn.png) no-repeat center
}

.wrap_buttonTab{
	width: 100%;
}
.clear_tab{
    margin: 0 auto;
    width: 200px;
}
.buttonTab{
    background-color: transparent;
    background-position: 5px 2px;
    background-repeat: no-repeat;
    border: 1px solid transparent;
    cursor: pointer;
    display: block;
    margin: 10px 2px;
    padding: 2px 5px 5px 25px;
    text-align: left;
	float:left;
}

.buttonTab:hover{border:1px solid #d7d7d7;}

/*.buttonTab.next{background-image:url(images/flex/arrow_continue.png);}
.buttonTab.back{background-image:url(images/flex/arrow_back.png);}*/
.buttonTab.save{ background-image:url(/css/images/flex/accept.png);}

.button{
	cursor:pointer;
	display:block;
	float:left;
	padding:1px 3px 2px 21px;
	border:1px solid transparent;
	background-position:5px 3px;
	background-color:transparent;
	background-repeat:no-repeat;
	margin:2px;
	height: 23px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { .button {
	padding:1px 3px 2px 26px;
} }


.button.notext{
	padding:1px 3px 2px 18px;
	margin-left:3px;
}
.button:hover,.button:focus, .button:active {
	border:1px solid #98a6ba !important;
	background-color: #dde4ef !important;
}

.button.add{background-image:url(/css/images/flex/add.png);}
.button.alert{background-image:url(/css/images/flex/alert.png);}
.button.save{background-image:url(/css/images/flex/accept.png);}
.button.saveContinue{background-image:url(/css/images/flex/arrow_continue.png);}
.button.excel{background-image:url(/css/images/flex/document_excel.png);}
.button.delete{background-image:url(/css/images/flex/delete.png);}
.button.clean{background-image:url(/css/images/flex/clean.png);}
.button.search_go{background-image:url(/css/images/flex/search_go.png);}
.button.searchtoggle{background-image:url(/css/images/flex/search_more.png); background-position: 0 2px;padding: 1px 3px 2px 13px;}
.button.searchtoggle.less{background-image:url(/css/images/flex/search_less.png);}
.button.load{background-image:url(/css/images/flex/load.png);}
/*
.button.images{background-image:url(/css/images/flex/upload_images.png);}
.button.pdf{background-image:url(/css/images/flex/upload_pdf.png);}
.button.music{background-image:url(/css/images/flex/upload_music.png);}
.button.video{background-image:url(/css/images/flex/upload_video.png);}*/
.button.print{background-image:url(/css/images/flex/printer.png);}
.button.report{background-image:url(/css/images/flex/report.png);}
.button.map{background-image:url(/css/images/flex/map.png);}
.button.chartBar{background-image:url(/css/images/flex/chartBar.png);}
.button.chartPie{background-image:url(/css/images/flex/chartPie.png);}
.button.chartLines{background-image:url(/css/images/flex/chartLines.png);}
.button.loading{background-image:url(/css/images/flex/load.gif) !important;}

.button.prev{background-image:url(/css/images/flex/prev.png)}
.button.next{background-image:url(/css/images/flex/next.png)}
.button.prev.disabled{background-image:url(/css/images/flex/prev_disabled.png)}
.button.next.disabled{background-image:url(/css/images/flex/next_disabled.png);}
.button.next.hide{display:none;}


.divFormBtns{
	height: 28px;
	left: 0;
	position: absolute;	
	margin:0;
	padding:0;
}
.divFormBtns .buttonGrag{
    margin: 2px 3px 0 0;
    min-width: 26px;
    padding: 2px;
	position:relative;
}

 
.divSubFormBtns .buttonGrag.addSubform:hover span,
.divFormBtns .buttonGrag.addSubformAfter:hover span.icomoon-icon-forward {
	color:#4787ed !important;
}

.divSubFormBtns .buttonGrag.deleteSubformAll:hover span,
.divFormBtns .buttonGrag.deleteSubform:hover span{
	color:#d14836 !important;
}


.fieldButtonAdded {
    display: block;
    float: left;
	line-height: 22px;
	text-decoration: none
}
.fieldButtonAdded span {
   margin: 0 4px;
}

span.btn{
	height:18px;
	width:18px;
	padding:1px;
	cursor:pointer;
	display:block;
	float:left;
	background-position:2px 2px;
	background-color:transparent;
	background-repeat:no-repeat;
  
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none; 
  
}


span.btn.load{background-image:url(/css/images/flex/load_passive.png);}
span.btn.load:hover{background-image:url(/css/images/flex/load.png);}
span.btn.add{background-image:url(/css/images/flex/add_disabled.png);}
span.btn.add:hover{background-image:url(/css/images/flex/add.png);}
span.btn.edit{background-image:url(/css/images/flex/edit_disabled.png);}
span.btn.edit:hover{background-image:url(/css/images/flex/edit.png);}
span.btn.show{background-image:url(/css/images/flex/detail_disabled.png);}
span.btn.show:hover{background-image:url(/css/images/flex/detail.png);}
span.btn.clear{background-image:url(/css/images/flex/clean_disabled.png);}
span.btn.clear:hover{background-image:url(/css/images/flex/clean.png);}
span.btn.password{background-image:url(/css/images/flex/password_disabled.png);}
span.btn.password:hover{background-image:url(/css/images/flex/password.png);}
span.btn.show_tree{background-image:url(/css/images/flex/show_tree_disabled.png);}
span.btn.show_tree:hover{background-image:url(/css/images/flex/show_tree.png);}
span.btn.show_tree.hide{background-image:url(/css/images/flex/hide_tree_disabled.png);}
span.btn.show_tree.hide:hover{background-image:url(/css/images/flex/hide_tree.png);}


span.btnMap{
	margin:0 5px 0 0;
}

.upload{
	padding:5px 8px 5px 25px;
	border:1px solid transparent;
	height:auto !important;
	/*background-image:url(images/flex/upload_doc.png);
	
	background-position:5px 3px;
	background-repeat:no-repeat;
	*/
	
	cursor:pointer;
	display:block;
	float:left;
	
	padding:1px 3px 2px 25px;
	
	padding:3px 8px 3px 3px;
	
	height:20px;
	line-height:18px;

	
	margin:-2px 2px 2px;

	background-color: #4787ed;
	border: 1px solid #3079ed;
	color: #fff !important;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);

	
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none; 
	
}

.button.upload.hover{
	background-color: #357ae8;
	border: 1px solid #2f5bb7 !important;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}

.upload_status{
	display:none;
	padding:1px 3px 2px 25px;
	height:20px;
	line-height:18px;
	float:left;
	border:1px solid transparent;
	background-position:5px 3px;
	background-color:transparent;
	background-repeat:no-repeat;
	margin:-2px 2px 2px;
	color:#444;
	
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none; 
	
}

.upload_status.done {background-image:url(/css/images/flex/accept.png);}
.upload_status.loading{background-image:url(/css/images/flex/load.gif);}
.upload_status.alert{background-image:url(/css/images/flex/alert.gif);}

.wmCheck{
	display: block; 
	line-height: 20px; 
	color: #666;
}
.wmCheck input{margin:-2px 0 0 5px;}

.cropWraper{    
	background: #f1f1f1 none repeat scroll 0 0;
	display: none;
	position:relative;
	
}
.cropImgWraper{
	    border: 1px solid #ffffff;
    float: left;
    margin: 5px;
	position:relative;
}
.cropBtnWraper{
	float:left;
}
.cropBtnWraper h4 {
    color: #555555;
    font-family: "Open Sans",arial;
    font-size: 20px;
    font-weight: 300;
    margin: 0 0 0;
}
.cropWraper.active{    
	display: inline-block;
	height: 100%;
	width: 100%;
}

.cropBtnWraper .previewCrop img.imgPreviewLoaded {
    display: block;
}
.cropBtnWraper .previewCrop img {
    display: none;
}

.cropWraper.active img{ 
	max-width:800px; max-height:800px;
 
}



.cropWraper button {
    margin: 5px 10px 0 0;
}

ul.files{ list-style:none; display:block; padding:0; margin:0; margin:0; }

.cropWraper.active ul.files{ float:left;}
ul.files li{ padding:5px; margin:5px; float:left; margin-right:10px; -moz-border-radius:5px; -webkit-border-radius:5px;}
ul.files li img{/* max-width:100px;*/ max-height:60px;  float:none;}


/*
ul.files li.tocrop { clear:both; float:none;}
ul.files li.tocrop img{ 
	max-width:800px; max-height:800px;
 
}
*/
ul.files li.tocrop.loading img{ opacity:0.5 }
ul.files li.tocrop.loading { background:url(/css/images/flex/load.gif) no-repeat center center #FFF}


ul.files li span{ cursor:pointer !important;}
ul.files li.success{ background:#FFFFFF; border:1px solid #d7d7d7; }
ul.files li.error{ background:#f0c6c3; border:1px solid #cc6622; }
ul.files li.success{ background:#FFFFFF; border:1px solid #d7d7d7; }
ul.files.multiple{ display: block; float: right;}
ul.files li.document{ 
	padding:0 10px 0 25px;
	line-height:20px;
	background:url("/css/images/flex/document.png") no-repeat scroll 4px center #FFFFFF;
}
ul.files li.document a{ 
	color:#333333;
	text-decoration:none;
}

div.previewCrop{
	clear: both;
	padding:0;
	margin:5px 0;
	float:left;
	background:#ffffff url("/lib/flex/media/no_image.gif") no-repeat scroll 50% 40% / 30% auto;
	border:1px solid #FFF; 
    overflow: hidden;
    position: relative;
	display: block;
	
}

.cropActive {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.4);
    height: 92%;
   /* left: 50%;
    margin: 0 0 0 -40% !important;*/
    position: fixed;
    top: 4%;
   /* width: 80%;*/
    z-index: 100000000;
}
.cropActive ul.files {
    float: left;
	max-width: 100%;
}
.cropActive > label {
    clear: both;
    float: none;
    text-align: center;
    width: 100%;
}
div.previewCrop img{
	max-width:none;
}

select.bp{

	float:left;
	margin:4px;
}

form {
	margin: 0;
	padding: 0;
	font-size: 100%;
	/*min-width: 660px;
	font-size:11px;*/
}
form#login_form {
	min-width: 250px;
}
form.preview {
	width: 560px;
}

input, select, textarea{
	font-family:"Open Sans",arial,Helvetica,sans-serif;
	border: 1px solid #e0e0e0;
    border-top: 1px solid #dbdbdb;
	outline: medium none;	
	color:#333333;
	box-sizing: content-box;
}
textarea,
input[type="text"],
input[type="password"]{
	padding:3px 5px;
}
textarea:disabled,
input[type="text"]:disabled,
input[type="password"]:disabled {
    background-color: #f8f8f8;
}
select,
textarea,
input[type="text"],
input[type="password"]{
/*	box-shadow:0 0 3px rgba(0, 0, 0, 0.17) inset;*/
}
 
input:focus, textarea:focus, select:focus {
	box-shadow:none;
}
.flexForm select,
.searchAdvance select{
    padding: 2px 5px;
	height:18px;
	line-height:1.45;
}
.flexForm select.multiple,
.searchAdvance select.multiple{
	height:auto;
}
.flexForm input[type="text"], 
.flexForm input[type="password"] ,
.searchAdvance input[type="text"], 
.searchAdvance input[type="password"] {
    padding: 3px 5px;
	height:16px;
	line-height:1.45;
}


.flexForm textarea, 
.searchAdvance textarea{
    padding: 4px 7px;
	line-height:1.45;
}




.flexForm input:focus, .flexForm textarea:focus, .flexForm select:focus ,
.searchAdvance input:focus, .searchAdvance textarea:focus, .searchAdvance select:focus {
	box-shadow: none;
}

select[disabled], 
select[readonly], 
input[disabled], 
input[readonly], 
textarea[disabled], 
textarea[readonly], 
{

	border: 1px solid #eeeeee;
    border-top: 1px solid #e9e9e9;
    box-shadow: none !important;
    cursor: not-allowed;
    background-color: #eeeeee;
	
}
input[type="checkbox"] {
    margin: 6px 0 0 !important;
}
/*
input:focus, textarea:focus, select:focus {
	border:1px solid #00A1CD;
}
*/
select.small{ width:80px;}
textarea {width:82%;}
form.hideBody{ /*height:23px;*/}
form.hideBody fieldset{ display:none; visibility:hidden;}

form.searchAdvance{
	/*border:1px solid #ccc;*/
	clear:both;
	padding:0px 0 0 0;
	/*margin-bottom:10px;*/
	background-color: #f1f1f1;
	border-top:0;
	min-width:auto;
	position:relative;
}

.wrapCalendar  form.searchAdvance{
	margin-bottom:10px;
	background-color: #FFF;


}
form fieldset {
	/*background:#fafafa url(/css/images/flex/bg.gif) repeat-x top;*/
	/*background:#F0F0F0 url(/css/images/flex/bg.gif) repeat-x top;*/
	/*
	
	background-color:#E6E6E6;
	background-image:linear-gradient(to bottom, #E6E6E6, #F0F0F0);
	background-repeat: repeat-x;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset;
	border: none;
	border-top: 1px #ccc solid;;
	
*/	
	clear: both;
	font-size: 100%;
	margin: 0;
	padding: 10px;
}
.flexForm form fieldset { background: #f1f1f1 none repeat scroll 0 0;}
form.searchAdvance fieldset {padding: 5px 0 0 0; border-bottom: 1px solid #ffffff;}

form fieldset legend {
	font-size: 120%;
	font-weight: normal;
	color: #000000;
	margin: 0 0 0 0;
	padding: 0 5px;
}

label {font-size: 100%;}

form fieldset div.df {
	box-sizing: content-box;
	clear: left;
	display: block;
	zoom: 1;
	margin: 5px 0 0 0;
	padding: 1px 3px;
}

form fieldset div.cke {
	float:left;
	clear:none;

}
.cke_button__source_label, .cke_button__sourcedialog_label {
    display: none !important;
}
form fieldset .input-icon {
	position: relative;

}
form fieldset .input-icon input[type="text"],
form fieldset .input-icon input[type="password"],

 form fieldset .input-icon select{
	padding-left:24px;
}
form fieldset .input-icon [class^="icomoon-icon-"] {
	position:absolute;
	top: 2px;
}
[class^="icomoon-icon-"].cp, [class*=" icomoon-icon-"].cp {
	margin-top:2px;
}
form fieldset .input-icon [class^="icomoon-icon-"].cp {
	position:relative;
	top: 0;
}
form fieldset .wrap_map_div {
	width:100%;
	clear: none;
	display: block;
	margin:15px 0 0;
	padding: 0;
	border: 1px solid #d7d7d7;
	position: relative;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none; 
	
}
form fieldset .map_div {
	width:650px;
	height:300px;
	clear: none;
	display: block;
	margin:0;
	padding: 0;
	
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none; 
	
}
form fieldset .map_div img{
	max-width: none !important;
}


form fieldset .seachmap {
    height: 18px;
    position: absolute;
    right: 5px;
    top: 4px;
    width: 50%;
    z-index: 2;
}
.tooltipmap {
    background-color: black;
    border-radius: 3px 3px 3px 3px;
    color: white;
    max-width: 200px;
    text-align: center;
    font-size: 80%;
    padding: 5px;
    opacity:0.8;
}

form fieldset .map_div *{
	clear: none;
	display: inherit;
	margin:0;
	padding: 0;
}
form fieldset div.SubFormWrap {
    background-color: #f1f1f1;
    border-bottom: 1px solid #d7d7d7;
	margin: 5px 0;
}
form fieldset div.SubFormWrapInner  {
    margin: 0;
    padding: 0;
}
form fieldset div.SubFormWrapInner.ah  {
    	overflow:auto;
	padding-bottom:14px;
}
form fieldset div.SubFormWrapInner .divForm {
	border-top:1px solid #d7d7d7;
	min-height:24px;
	position:relative;
}
form fieldset div.SubFormWrapInner .divForm.ui-sortable-helper {
	background-color: #E3E3E3;
}
form fieldset div.SubFormWrapInner .divFormHolder {
	background-color:#F5D796 !important;
	border-top:1px dotted #EAAA26;
	min-height:24px;
}

form fieldset div.SubFormWrapInner .divForm:first-child {
	border-top:none !important;
}

form fieldset div.divSubFormBtns {
	width:auto;
	float:none;
	padding:0;
}
.divSubFormBtns:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}



form fieldset .subFormHeader {
	/*width:100%;*/
	
	border-bottom: 1px solid #666;
	clear: both !important;
	height: 22px;
	line-height:22px;
	font-weight:bold;
	color:#666666;
	margin:0;
	padding:0;
}

form fieldset .subFormHeader.toggleAdded {
	height: 30px;
    line-height: 30px;
    padding: 0 0 0 65px;
	position:relative;
	
}
form fieldset .subFormHeader.toggleAdded a.toggleSubForm {
	position: absolute; 
	left: 0px;
}

form fieldset .subFormHeader div{
	margin:0;
	padding:0;
	float:left;
	clear: none;
}

form fieldset .subFormFooter {
	width:100%;
	clear: both;
	height: 22px;
	line-height:22px;
	font-weight:bold;
	color:#666666;
	border-top: 1px solid #666;
	margin:5px 0 0;
	padding:0;
}
form fieldset .subFormFooter div{
	margin:0;
	padding:0;
	float:left;
	clear: none;
}
form fieldset .subFormFooter div span,
form fieldset .subFormHeader div span{
	margin:0 3px;

}
form fieldset .SubFormField{margin-right:5px;}

form fieldset div.divadvance {
	clear: none;
	box-sizing: content-box;
	display: block;
	float:left;
	zoom: 1;
	margin: 5px 0 0 0;
	padding: 1px 3px;
}

form fieldset div.divadvance.hidden {
	display: none;
}
span.error{ clear:both; color:#FF0000;}
span.error_text{ clear:both; color:#FF0000; display: block;padding-left: 28%;}
input.error, select.error, textarea.error{ border: 1px solid #FF0000 !important; background-color:#FFCCCC !important }

span.sb{ color:#4787ED; padding:3px;position:relative; float:left;}
select.sb{ width:100px;position:relative;float:left;}
input.autoGridComplete {
	position:relative;
	padding-right:20px;
	background:url("/css/images/flex/dn.png") no-repeat scroll 98% center #FFF;
}
input.autoGridComplete:focus {
	background:url("/css/images/flex/up.png") no-repeat scroll 98% center #FFF;
    box-shadow: none;
    outline: 0 none;
}

form fieldset div.notes {
	float: right;
	width: 158px;
	height: auto;
	margin: 0 0 10px 10px;
	padding: 5px;
	background-color:#d9ebf5;
	border:1px dotted #a8d8eb;
	color: #666666;
	font-size: 88%;
}

form fieldset div.notes h4 {
	background-image: url(/css/images/flex/question.png);
	margin:0;
	background-repeat: no-repeat;
	background-position: top left;
	padding: 3px 0 3px 18px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #d7d7d7;
	color: #666666;
	font-size: 110%;
}

form fieldset div.notes p {
	margin: 0em 0em 1.2em 0em;
	color: #666666;
}

form fieldset div.notes p.last {margin: 0em;}

form div fieldset {
	clear: none;
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
	margin: 0 0 0 144px;
	padding: 0 5px 5px 5px;
}


form fieldset ul.tab {
    border-bottom: 1px solid #d7d7d7;
    height: 23px;
    height: 25px;
    list-style: none outside none;
    margin: 0;
    padding-bottom: 0px;
	 box-sizing: content-box;
}
form fieldset ul.tab li{
	box-sizing: content-box;
	display:block;
	float:left;
	color:#ccc;
	height: 16px;
	height: 18px;
	
	margin-right: 5px;
	padding: 5px 10px 1px;
	border:1px solid #d7d7d7;
	color:#999;
	cursor:pointer;
	background-color:#e9e9e9;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

form fieldset ul.tab li.active 
{
	
	background-color:#f1f1f1;
	border-bottom:2px solid #f1f1f1;
}
form fieldset ul.tab li.active.error,
form fieldset ul.tab li.error
{
	color:#FF0000
}

form fieldset ul.tab li.active,
form fieldset ul.tab li:hover
{
	color:#333333;
}


form fieldset ul.tab .buttonGrag{
    margin: 0 0 0 3px;
	min-width:unset;
	padding: 1px 3px;
	position:relative;
	top:-5px;
}
.flexbox.fullSize form fieldset ul.tab .buttonGrag {
    line-height: 18px;
    margin: 0 0 0 3px;
    padding: 0;
    top: 2px;
}
form fieldset ul.tab .buttonGrag.blue span{
	color:#FFF !important;
}
form fieldset div.tabContent {
	clear: left;
	display: none;
	zoom: 1;
	margin: 0 ;
	padding: 0;
}
form fieldset div.tabContent:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
form fieldset div.tabContent.active {
	display: block;
}


form div fieldset legend {
	font-size: 100%;
	padding: 0 3px 0 9px;
}

.fr-popup .fr-input-line input[type="text"], .fr-popup .fr-input-line textarea{
height:auto;
     -moz-user-select: text;
    background-clip: padding-box;
}
/*
form div label 

*/
form div.df > label,
form div.divadvance > label{

    box-sizing: content-box;
	display: block;
	float: left;
	width: 26%;
	padding: 3px 5px;
	margin: 0 0 5px 0;
	text-align: right;
}

.flexForm div.df > label{
	padding: 5px;
	margin: 0 ;

}
.flexForm div label.labelCheck{
	padding: 5px;
	margin: 0 ;

}

.flexForm div label.labelCheck.first {
    margin-left: 27%;
    text-align: left;
		width: auto;

}

.flexForm div label.labelCheck input[type="checkbox"] {
    margin: 0 4px 0 0!important;
}

form.searchAdvance div label{
	padding: 5px;
	margin: 0 ;

}

form div label.fl{
    width: auto;
}
form.report div label {
	display: block;
	float: left;
	width: auto;
	padding: 3px 5px;
	margin: 0 0 5px 0;
	text-align: right;
}
form.report span.error_text{ clear:both; color:#FF0000; display: block;padding-left: 5px;}


div.report{
	margin: 10px auto;
}

form div label.full {
	width: 98%;
	margin:0;
	text-align: left;
}

form div.divadvance label {width: auto;}

form fieldset div.divadvance.group {
    background: #e5e5e5 none repeat scroll 0 0;
    /*border: 1px solid #d7d7d7;*/
    margin-left: 5px;
    padding: 0 3px;
    position: relative;
}

form fieldset div.divadvance.group  legend {
	/*background:#F0F0F0 url(/css/images/flex/bg.gif) repeat-x top;*/
	background-color:#e6e6e6;
	background-image:linear-gradient(to bottom, #E6E6E6, #F0F0F0);
	background-repeat: repeat-x;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset;
    border: 1px solid #d7d7d7;
    color: #555555;
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    padding: 0 5px;
    position: absolute;
    top: -8px;
	border-top:none;
	border-bottom:none;
}

form div.divadvance.group label {margin: 0;}
form div.divadvance.group input,
form div.divadvance.group select {
	margin-top: 1px;
	margin-bottom: 1px;
}


form div.optional label, label.optional {font-weight: normal;}

form div.required label, label.required { /*font-weight: bold;*/}

form div label.labelCheckbox, form div label.labelRadio {
	float: none;
	display: block;
	width: 200px;
	zoom: 1;
	padding: 0;
	margin: 0 0 5px 142px;
	text-align: left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
	margin: 0 0 5px 0;
	width: 170px;
}

form div img {
	float: left;
	/* border: 1px solid #000000;*/
	margin: 0 0 5px 0;
}
form div .wtd img {
	float: none;
	/* border: 1px solid #000000;*/
	margin: 0 0 0 0;
}
form div a.helpLink {
    float: right;
    margin-left: 5px;
}


form div input.inputText, form div input.inputPassword {
	padding: 1px 3px;
	margin: 0 0 0 0;
}
form div .protected_check{
	padding:2px;
	color:#666666;
}
form div .protected_check input[type="checkbox"]{
	margin:2px !important;
}
form div input.inputFile {width: 211px;}

form div input.date,form div input.datetime {
	background-image: url(/css/images/flex/calendar.png);
	background-position:2px 4px;
	background-repeat:no-repeat;
	padding-left: 22px;
}

.flexForm form div input.date,.flexForm form div input.datetime {
	background-position:2px 3px;
	padding-left: 22px;
}
form.searchAdvance div input.date,form.searchAdvance div input.datetime {
	background-position:2px 3px;
	padding-left: 22px;
}

form div select.selectOne, form div select.selectMultiple {
	width: 211px;
	padding: 1px 3px;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
	display: inline;
	height: auto;
	width: auto;
	background-color: transparent;
	border-width: 0;
	padding: 0;
	margin: 0 0 0 140px;
}

form div.submit {
	/*background:url(/css/images/flex/wbg.gif) repeat-x top;/
	background-color:#F8F8F8;
	background-image:linear-gradient(to bottom, #F8F8F8, #E6E6E6);
	background-repeat: repeat-x;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset;
    height: 27px;*/
	margin: 0;
	padding: 3px ;
	margin: 0 3px;
	clear:both;
}
form div.submit.clearfix {
	 margin: 0;
	 border-bottom: 1px solid #e0e0e0;
	/* border-top: 1px solid #cccccc;	*/
}
form div.submit.float {
	clear:none;
	float:left;
}

form div.submit div {
	display: inline;
	float: left;
	text-align: left;
	width: auto;
	padding: 0;
	margin: 0;
}


form div small {
	display: block;
	/*margin: 0 0 5px 142px;*/
	padding: 1px 3px;
	font-size: 88%;
	zoom: 1;
}

.filterUserWrap {
  /*  background-color: #F1F1F1;
	background-image: -webkit-linear-gradient(center top, #F5F5F5, #D5D5D5);
	background-image: -moz-linear-gradient(center top, #F5F5F5, #D5D5D5);
	background-image: -ms-linear-gradient(center top, #F5F5F5, #D5D5D5);
	background-image: -o-linear-gradient(center top, #F5F5F5, #D5D5D5);
	background-image: linear-gradient(center top, #F5F5F5, #D5D5D5);	
    border: 1px solid #CCCCCC;*/
    background-color: #fafafa;
    border: 1px solid #e0e0e0;
	
	
	display: block;
	font-size: 90%;
	line-height: 26px;
	margin-bottom: 0;
	overflow: hidden;
	padding: 0 2px;
	position: relative;
	text-align: right;
	top: -4px;
	white-space: nowrap;
}
.filterUserWrap label{
	line-height: 18px; 
	padding: 0px 2px;
}


/* flex Grid class*/
.gBlock{
	/*background:url("/css/images/flex/flexgridloading.gif") no-repeat scroll 45% 50% white;
	background:url("/css/images/flex/load.gif") no-repeat scroll 48% 50% white;*/
	background:#FFF;
	
	position: relative;
	left:0;
	z-index:1;
	top:0;
	width:100%;
	height:100%;
	display:none;
	opacity:0.8;
	
}



.flex{
	border:0px solid #eee;
	color:#000;
	font-size:100%;
	/*overflow:hidden;*/
	position:relative
}
.flex.flexGrid {
    border: 1px solid #d7d7d7;
}


.flex.hideBody{
	border-bottom:1px solid #d7d7d7;
	height: 26px !important
}


.hideFlex{
	display:none !important
}
.ie6fullwidthbug{
	border-right:0px solid #d7d7d7;
	padding-right:2px
}

.flex div.nDiv{
	/*background:#eee url(/css/images/flex/line.gif) repeat-y -1px top;*/
	/*background:#F0F0F0 url(/css/images/flex/bg.gif) repeat-x top;*/
	background-color:#E6E6E6;
	background-image:linear-gradient(to bottom, #E6E6E6, #F0F0F0);
	background-repeat: repeat-x;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset;
	border:1px solid #d7d7d7;
	border-bottom:0px;
	border-left:0px;
	float:left;
	left:0;
	display:none;
	overflow:auto;
	position:absolute;
	bottom:30px;
	z-index:999
}
.flex div.nDiv.fix{
	bottom:35px;
}


.flex div.menuDiv{
	/*background:#eee url(/css/images/flex/line.gif) repeat-y -1px top;*/
	background-color:#e5e5e5;
	border:1px solid #d7d7d7;
	border-top:0px;
	float:left;
	display:none;
	overflow:auto;
	position:absolute;
	z-index:999;
	min-width:110px;
	max-width: 260px;
	padding:2px;
	-webkit-box-shadow: 2px 2px 2px  #ccc;
	-moz-box-shadow: 2px 2px 2px  #ccc;	
	box-shadow: 2px 2px 2px  #ccc;

}

.flex div.menuDiv div.clear{
	height:0; clear:both; float:none;
}

.flex div.menuDiv div.fbutton {
    cursor: pointer;
    display: block;
    float: left;
    padding: 1px;
	width:99%;
}



.flex div.nDiv table{margin:0}

.flex div.hDivBox{
	float:left;
	padding-right:40px
}
/*
.flex div.bDiv table{margin-bottom:10px}*/
.flex div.bDiv .aGrid table{margin-bottom:0}
.flex div.bDiv table.viewgrid{width:100%;}
.agoc{ position:relative; left:-40px;}

.flex div.bDiv table.autoht{
	border-bottom:0px;
	margin-bottom:0px
}

.flex div.nDiv td{
	border:1px solid #F0F0F0;
	cursor:default;
	padding:2px 3px;
	vertical-align: middle;
}
.flex div.nDiv td input[type="checkbox"]{
	margin:-2px 0 0 !important;
}

.flex div.nDiv tr:hover td,.flex div.nDiv tr.ndcolover td{
	/*background:#d5effc url(/css/images/flex/hl.png) repeat-x top;
	border:1px solid #a8d8eb;*/
	background-color: #e9e4e1;
	background-image: -webkit-linear-gradient(center top, #f8f8f8, #e9e4e1);
	background-image: -moz-linear-gradient(center top, #f8f8f8, #e9e4e1);
	background-image: -ms-linear-gradient(center top, #f8f8f8, #e9e4e1);
	background-image: -o-linear-gradient(center top, #f8f8f8, #e9e4e1);
	background-image: linear-gradient(center top, #f8f8f8, #e9e4e1);
	
	border: 1px solid #c6c6c6;
}

.flex div.nDiv td.ndcol1{border-right:1px solid #d7d7d7}

.flex div.nDiv td.ndcol2{
	border-left:1px solid #fff;
	padding-right:10px
}

.flex div.nDiv tr:hover td.ndcol1,.flex div.nDiv tr.ndcolover td.ndcol1{border-right:1px solid #d7d7d7}
.flex div.nDiv tr:hover td.ndcol2,.flex div.nDiv tr.ndcolover td.ndcol2{border-left:1px solid #ffffff}

.flex div.nBtn{
	background:#fafafa url(/css/images/flex/fhbg.gif) repeat-x bottom;
	border:0px solid #d7d7d7;
	border-left:1px solid #d7d7d7;
	cursor:pointer;
	display:none;
	height:24px;
	left:0px;
	margin-top:1px;
	position:absolute;
	top:0px;
	width:14px;
	z-index:900
}

.flex div.nBtn div{
	background:url(/css/images/flex/ddn.png) no-repeat center;
	border-left:1px solid #fff;
	float:left;
	height:24px;
	width:12px
}

.flex div.nBtn .srtd{
	/*background:url(/css/images/flex/wbg.gif) repeat-x top;*/
	background-color:#F8F8F8;
	background-image:linear-gradient(to bottom, #F8F8F8, #E6E6E6);
	background-repeat: repeat-x;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset;

}

.flex div.mDiv{
	background-color:#f1f1f1;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset;
	border:1px solid #CCCCCC;
	border-bottom:none;
	
	display:block;
	font-weight:bold;
	overflow:hidden;
	position:relative;
	white-space:nowrap
}	
.flexbox .body .flex div.mDiv{display:none;}
.flexForm.flex div.mDiv{
	border:none;

}

.flex.flexGrid div.mDiv{
	border:none;
	border-bottom: 1px solid #d7d7d7;
    line-height: 28px;
    overflow: hidden;
    padding: 0 5px;
    position: relative;
    white-space: nowrap;
	font-size:120%;
	background-color:#e5e5e5;

}


.flex .searchAdvance div.mDiv{
	border-right:0px !important;
	border-left:0px !important;
}


.flex div.mDiv div.ftitle{
	padding:0;
	white-space:nowrap;
	float:left;
}
.flex.flexForm {
    border: 1px solid #d7d7d7;
}
.div_iframe_wrap {
    background: url(/css/images/flex/flexgridloading.gif) no-repeat center center;
	min-height: 100px;
}
.div_iframe_wrap iframe {
    background: white;
}
.div_iframe_wrap iframe{
    background: #FFF;
}
.flexbox .flex.flexForm {
    border: medium none;
}
.flexForm.flex div.mDiv div.ftitle {
    float: left;
    padding: 5px 10px;
    white-space: nowrap;
}

.flex div.mDiv.hidenFlex{border-bottom:1px solid #d7d7d7;border-bottom:none;}

.flex div.mDiv div.ptogtitle{
	cursor:pointer;
	overflow:hidden;
	padding:0px;
	/*margin:3px 4px 0 0;*/
	float:right;
}
.flex div.mDiv div.ptogview,
.flex div.mDiv div.pfullscreen,
.flex div.mDiv div.pnormalscreen

{
	cursor:pointer;
	overflow:hidden;
	padding:0px;
	margin:0;
	float:right;
}

.flex div.mDiv [class^="icomoon-icon-"]
{
	margin-top:0;
	font-size:16px;
}

.flex div.mDiv div.ptogtitle:hover{
	/*background:left -2px;*/
	/*border:1px solid #bbb*/
}
/*
.flex div.mDiv div.ptogtitle span{
	background:url(/css/images/flex/uup.png) no-repeat center;
	display:block;
	height:16px;
	width:16px
}
*/
.flex div.mDiv div.pclose{
	/*border:1px solid #ccc;*/
	cursor:pointer;
	height:16px;
	overflow:hidden;
	padding:0px;
	width:16px;
	margin:4px 4px 0 0;
	float:right;
}

.flex div.mDiv div.pclose:hover{
	/*background:left -2px;*/
	/*border:1px solid #bbb*/
}

.flex div.mDiv div.pclose span{
	/*background:url(/css/images/flex/close_grid.png) no-repeat center;
	border-bottom:1px solid #ddd;
	border-left:1px solid #eee;
	border-top:1px solid #fff;
	display:block;
	height:16px;
	width:16px*/
}



.flex div.mDiv div.ptogtitle.vsble span{ background:url(/css/images/flex/ddn.png) no-repeat center}

/*toolbar*/
.flex div.tDiv{
	 
	background-color:#e5e5e5;

	/*
	background-color: #f1f1f1;
	background:#F0F0F0 url(/css/images/flex/bg.gif) repeat-x top;
	
	background-color:#E6E6E6;
	background-image:linear-gradient(to bottom, #E6E6E6, #F0F0F0);
	background-repeat: repeat-x;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset;
	border-top:1px solid #ccc;*/
	/*border:1px solid #ccc;
	border-bottom:0px;
	overflow:hidden;*/
	position:relative
}
.flex div.tDiv.nblr{
    background: #e6e6e6 none repeat scroll 0 0;
    border-left: medium none;
    border-right: medium none;
    border-top: 1px solid #d7d7d7;
    padding: 0;

}

.flex div.tDiv2{
	clear:both;
	float:left;
	padding:3px 1px
}
.flex .nblr div.tDiv2{
	padding:5px
}
.flex div.selections
{
	clear:both;
	float:left;
	padding:3px 1px
}


.flex div.selections .selectionsCounter {
	background-color: #d14836;
	border-radius: 50%;
	box-sizing: content-box;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	height: 16px;
	line-height: 14px;
	min-width: 16px;
	overflow: hidden;
	position: relative;
	text-align: center;
	top: 2px;
	z-index: 101;
	padding: 0;
	display: block;
}
.flex div.selections .selectionsCounterValue {
	line-height: 14px;
	margin: 0;
	display: block;
	width: 100%;
}
.flex div.selections .selectionsCounterValue:hover,
.flex div.selections:hover .selectionsCounterValue {
	color: #ffffff !important;
}

.flex div.selections .selectionsCounter:hover{
	background: none;
	height: 20px;
	top: 0;
}
.flex div.selections .selectionsCounter:hover .selectionsCounterValue{
	display: none;
}
.flex div.selections .selectionsCounter .selectionsEmpty{
	display: none;
	margin:0;
}
.flex div.selections .selectionsCounter:hover .selectionsEmpty{
    display: block;
}
.flex div.selections  .menu {
	position: relative;
}


.selectionsWrapMenu {
	background: #FFF;
	border: 1px solid rgba(0, 0, 0, 0.333);
	position: absolute;
	outline: none;
	padding: 0;
    right: 0;
    top: 0;
	width: 270px;
	max-width: 270px;
	display:none;
	z-index: 1005 ;
	line-height:20px;
	-moz-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2)1;
	box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2);
}
.selectionsWrapMenuArrow  {
	width: 12px;
	height: 8px;
	position: absolute;
	display: none;
	background-repeat: no-repeat;
	z-index: 100000006 !important;
	background-image: url('/css/images/guiderFormArrows.png'); 
	display: block;
	background-position: -3px -61px;
	top: -8px;
	left:7%;
}

.selectionsWrapMenu div.item{
	box-sizing: content-box;
	position: relative;
	color: #333;
	list-style: none;
	margin: 0;
	padding: 5px 20px 5px 5px;
	white-space: nowrap;	
	border-top:1px solid #d0d0d0;
}

.selectionsWrapMenu div.listSelections{
	max-height: 300px; 
	overflow: auto; 

}
.selectionsWrapMenu div.item:first-child { border-top:none;} 

.selectionsWrapMenu div.selectionTotal{
	box-sizing: content-box;
	position: relative;
	color: #222;
	list-style: none;
	margin: 0;
	padding: 5px 5px 5px 5px;
	white-space: nowrap;	
	border-top:1px dotted #222;
	background: #ebebeb;
}

.selectionsWrapMenu div.removeItem{
	cursor: pointer;
	position: absolute;
	top:3px;
	right:0;
}


.selectionsWrapMenu div.removeItem span:hover{
	color: #d14836 !important;

}


.flex div.menuDiv div.item.fbutton span {
   
	float: none;
}

.flex div.menuDiv .item:first-child {

    border-top: none;
  
}
.flex div.sDiv{
	/*background:#F0F0F0 url(/css/images/flex/bg.gif) repeat-x top;*/
	background-color:#E6E6E6;
	background-image:linear-gradient(to bottom, #E6E6E6, #F0F0F0);
	background-repeat: repeat-x;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset;
	border-bottom: 1px solid #d7d7d7;
	display:none;
	overflow:hidden;
	position:relative
}

.flex div.sDiv2{
	clear:both;
	float:left;
	padding:5px;
	padding-left:5px;
	width:1024px;
	line-height: 22px;
}

.flex div.sDiv2 input,.flex div.sDiv2 select{
	margin:0 3px;
	vertical-align:middle
}

.flex div.sDiv2 .qsbox{padding:1px 2px}

.flex div.wrapGr{
	float:left;
	    padding: 3px 5px;
}

.flex div.groupbox{
	display:block;
	float:left;
	margin-left:5px;

}
.flex div.groupbox:first-child {
    margin-left: 0;
}
.flex div.groupbox-holder{
	display:block;
	float:left;
	height:22px;
	/*width:50px;*/
	border:1px dotted #EAAA26;
	background-color:#F5D796!important;
}


.flex div.groupbox span.grouptitle{
	line-height: 22px;
	padding: 0 3px;
}
.flex div.groupbox a.closeGr {
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid rgba(0, 0, 0, 0);
    border-left: 4px solid #222222;
    border-top: 4px solid rgba(0, 0, 0, 0);
    color: #cccccc;
    display: block;
    float: left;
    font-size: 100%;
    font-weight: normal;
    margin-left: 0;
    margin-top: 8px;
    text-indent: -10000px;
    width: 6px;
}
.flex div.groupbox a.closeGr:hover {
    border-bottom: 4px solid rgba(0, 0, 0, 0);
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid #d14836;
    border-top: 4px solid rgba(0, 0, 0, 0);
}

.flex div.fbutton{
	box-sizing: content-box;
	cursor:pointer;
	display:block;
	float:left;
	padding:1px;
	padding:3px 5px;
}

.flex img.action{
	cursor:pointer;
	padding: 0 4px;
	/*padding:5px 4px*/
}

.flex div.fbutton div{
	float:left;
	/*padding:1px 3px;*/
	line-height: 22px;
	padding:0 5px 0 0;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none; 
	
}


/*
.flex div.fbutton span{
	display:block;
	float:left;
	padding:3px;
	background-repeat:no-repeat;
	background-position: 0px 2px;
}*/
.flex div.fbutton span{

    float: left;
    line-height: 22px;
    margin: 0 4px;
	padding: 0;
}
	
.flex div.fbutton.menu {}
.flex div.fbutton.menu span.caret {
   margin:9px 3px 0 3px
}


.flex div.fbutton:hover,.flex div.fbutton .fbOver{
	/*border:1px solid #ccc;*/
	/*border:1px solid #98a6ba;
	background-color: #dde4ef;;	
	padding:0px;*/
	
	background-color: #e9e4e1;
	background-image: -webkit-linear-gradient(center top, #f8f8f8, #e9e4e1);
	background-image: -moz-linear-gradient(center top, #f8f8f8, #e9e4e1);
	background-image: -ms-linear-gradient(center top, #f8f8f8, #e9e4e1);
	background-image: -o-linear-gradient(center top, #f8f8f8, #e9e4e1);
	background-image: linear-gradient(center top, #f8f8f8, #e9e4e1);		
    border: 1px solid #c6c6c6;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #333333;
	padding:0px;
	padding:2px 4px;
    text-decoration: none !important;
	
}

/*
.flex div.fbutton:hover div,.flex div.fbutton .fbOver div{
	border-bottom:1px solid #eee;
	border-left:1px solid #fff;
	border-right:1px solid #eee;
	border-top:1px solid #fff;
	padding:0px 2px
}
*/
.flex div.menuDiv div.fbutton:hover {
	/*border:1px solid #ccc;*/
	background-color: #e9e4e1;
	background-image: -webkit-linear-gradient(center top, #f8f8f8, #e9e4e1);
	background-image: -moz-linear-gradient(center top, #f8f8f8, #e9e4e1);
	background-image: -ms-linear-gradient(center top, #f8f8f8, #e9e4e1);
	background-image: -o-linear-gradient(center top, #f8f8f8, #e9e4e1);
	background-image: linear-gradient(center top, #f8f8f8, #e9e4e1);		
    border: 1px solid #c6c6c6;
	color: #333333;
    padding: 0;
}
/*
.flex div.menuDiv div.fbutton:hover {
	border-bottom:0 solid #eee;
	border-left:0 solid #fff;
	border-right:0 solid #eee;
	border-top:0 solid #fff;
	padding:1px 3px
}
*/
.flex div.fbutton .add{
	background:url(/css/images/flex/add.png) no-repeat center left;
}

.flex div.fbutton .save{
	background:url(/css/images/flex/accept.png) no-repeat center left;
}


.flex div.fbutton .excel{
	background-image:url(/css/images/flex/document_excel.png);
	height:14px;
	width:14px;
}
.flex div.fbutton .word{
	background-image:url(/css/images/flex/document_word.png);
	height:14px;
	width:14px;
	
}
.flex div.fbutton .pdf{
	background-image:url(/css/images/flex/document_pdf.png);
	height:14px;
	width:14px;
}
.flex div.fbutton .print{
	background-image:url(/css/images/flex/printer.png);
	height:14px;
	width:14px;
}

.flex div.fbutton .add{background:url(/css/images/flex/add.png) no-repeat center left;}
.flex div.fbutton .save{background:url(/css/images/flex/accept.png) no-repeat center left;}

.flex div.fbutton .excel{
	background-image:url(/css/images/flex/document_excel.png);
	height:14px;
	width:14px;
}
.flex div.fbutton .word{
	background-image:url(/css/images/flex/document_word.png);
	height:14px;
	width:14px;
	
}
.flex div.fbutton .pdf{
	background-image:url(/css/images/flex/document_pdf.png);
	height:14px;
	width:14px;
}
.flex div.fbutton .print{
	background-image:url(/css/images/flex/printer.png);
	height:14px;
	width:14px;
}


.flex div.fbutton .add.disabled{background:url(/css/images/flex/add_disabled.png) no-repeat center left;}

.flex div.fbutton .save.disabled{background:url(/css/images/flex/accept_disabled.png) no-repeat center left;}

.flex div.fbutton .excel.disabled{background-image:url(/css/images/flex/document_excel_disabled.png);}
.flex div.fbutton .word.disabled{background-image:url(/css/images/flex/document_word_disabled.png);}
.flex div.fbutton .pdf.disabled{background-image:url(/css/images/flex/document_pdf_disabled.png);}
.flex div.fbutton .print.disabled{background-image:url(/css/images/flex/printer_disabled.png);}
.flex div.fbutton .switch_right{background:url(/css/images/flex/switch_right.png) no-repeat center left}
.flex div.fbutton .switch_right.disabled{background:url(/css/images/flex/switch_right.png) no-repeat center left}
.flex div.fbutton .delete{background:url(/css/images/flex/delete.png) no-repeat center left}
.flex div.fbutton .delete.disabled{background:url(/css/images/flex/delete_disabled.png) no-repeat center left}
.flex div.fbutton .clean{background:url(/css/images/flex/clean.png) no-repeat center left}
.flex div.fbutton .search_go{background:url(/css/images/flex/search_go.png) no-repeat center left}
.flex div.fbutton .loading{background:url(/css/images/flex/load.gif) no-repeat center left}

.flex div.fbutton .excel.loading,
.flex div.fbutton .word.loading,
.flex div.fbutton .pdf.loading,
.flex div.fbutton .print.loading {
	height:14px;
	width:40px;
}


/* end toolbar*/

.flex div.hDiv {
    background: linear-gradient(to bottom, #f8f8f8, #e6e6e6) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    height: 30px;
    overflow: hidden;
    position: relative;
}
.flex div.hDiv.ntb {
    border-top: none;
}
.flex div.hDiv table{
	border-right:1px solid #fff

}

.flex div.cDrag{
	float:left;
	overflow:visible;
	position:absolute;
	z-index:2
}

.flex div.cDrag div{
	background:none;
	cursor:col-resize;
	display:block;
	float:left;
	height:100%;
	position:absolute;
	width:4px
}

.flex div.cDrag div:hover,.flex div.cDrag div.dragging{background:url(/css/images/flex/line.gif) repeat-y 2px center}

.flex div.iDiv{
	background:none;
	border:1px solid #316ac5;
	overflow:visible;
	position:absolute
}

.flex div.iDiv input,.flex div.iDiv select,.flex div.iDiv textarea{font-size:100%;}

.flex div.iDiv input.tb{
	background:none;
	border:0px;
	height:100%;
	padding:0px;
	width:100%
}

.flex div.bDiv{
	background-color:#fff;
	/*border:1px solid #ccc;*/
	border-bottom:1px solid #d7d7d7;
	border-top:0px;
	position:relative
}

.flex.flexForm div.bDiv{
	border-bottom:none;
}
.flex div.bDiv.empty{

	border-bottom:none;

}

.flex.flexGrid div.bDiv{
	overflow:auto;

}
.flex div.bDiv table{border-bottom:1px solid #d7d7d7}
.flex div.fixedColumns{position:absolute;}

.divSubgrid .flex div.hDiv table{
	border-bottom:none !important;
	margin-bottom:0 !important;
}

.flex div.bDiv table.error{ border: 1px solid #FF0000; background-color:#FFCCCC; border-collapse:separate; }

.flex div.hGrip{
	background:url(/css/images/flex/line.gif) repeat-x center;
	cursor:col-resize;
	height:5px;
	margin-right:1px;
	position:absolute;
	right:0px;
	top:0px;
	width:5px
}

.flex div.hGrip:hover,.flex div.hGrip .hgOver{
	border-right:1px solid #999;
	margin-right:0px
}

.flex div.vGrip{
	/*background:url(/css/images/flex/wbg.gif) repeat-x top;*/
	background-color:#F8F8F8;
	background-image: -webkit-linear-gradient(to bottom, #F8F8F8, #E6E6E6);
	background-image: -moz-linear-gradient(to bottom, #F8F8F8, #E6E6E6);
	background-image: -ms-linear-gradient(to bottom, #F8F8F8, #E6E6E6);
	background-image: -o-linear-gradient(to bottom, #F8F8F8, #E6E6E6);
	background-image: linear-gradient(to bottom, #F8F8F8, #E6E6E6);		
	background-repeat: repeat-x;
	border-top: 1px solid #d7d7d7;
	cursor:row-resize;
	height:5px;
	overflow:hidden;
	position:relative;
	text-align:center
}

.flex div.vGrip span{
	background:none;
	border-bottom:1px solid #aaa;
	border-top:1px solid #aaa;
	display:block;
	height:1px;
	margin:1px auto;
	overflow:hidden;
	width:20px
}


.flex div.hDiv th,.flex div.bDiv td{
	border-left:1px solid #fff;
	border-right:1px solid #ddd;
	overflow:hidden;
	text-align:left;
	vertical-align: top !important
}


.flex div.hDiv th div,.flex div.bDiv td div.wtd/* common inner cell properties*/ {
	border-left:0px solid #fff;
	padding:0 5px;
	line-height: 28px;
	box-sizing: content-box;
}

.flex div.hDiv th.iconHead div{/*padding:4px 5px 1px 5px;*/}
.flex div.hDiv th.iconHead img{
	height:14px;
	vertical-align: middle;
}

.iconHead [class^="icomoon-icon-"], .iconHead [class*=" icomoon-icon-"] {
    margin: -2px 0 0;
}

.flex div.hDiv th,div.colCopy{
	cursor:default;
	font-weight:normal;
	height:24px;
	overflow:hidden;
	white-space:nowrap;

}
div.colCopy{
	background:#E6E6E6;
	border:1px solid #d7d7d7;
	white-space:nowrap;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.7);
	padding:0 5px;
	line-height: 24px;


}
.flexGrid .hDiv input[type="checkbox"],
.flexGrid .bDiv input[type="checkbox"] {
    margin:  0 0 !important;
}

.flex div.hDiv th.sorted{
	/*background:url(/css/images/flex/wbg.gif) repeat-x top;*/
	background-color:#F8F8F8;
	background-image: -webkit-linear-gradient(to bottom, #F8F8F8, #E6E6E6);
	background-image: -moz-linear-gradient(to bottom, #F8F8F8, #E6E6E6);
	background-image: -ms-linear-gradient(to bottom, #F8F8F8, #E6E6E6);
	background-image: -o-linear-gradient(to bottom, #F8F8F8, #E6E6E6);
	background-image: linear-gradient(to bottom, #F8F8F8, #E6E6E6);		
	background-repeat: repeat-x;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset;
	border-bottom:0px solid #d7d7d7
}

.flex div.hDiv th.thOver,.flex div.hDiv th div,.flex tr td.sorted div,.flex tr.erow td.sorted div{}

.flex div.hDiv th.thOver div,
.flex div.hDiv th.sorted .thOver div{
	/*border-bottom:1px solid orange;
	padding-bottom:4px*/
}

.flex div.hDiv th.thOver.iconHead div,
.flex div.hDiv th.sorted.iconHead .thOver div{
	padding-bottom:0px
}
.flex div.hDiv th.sorted div{
	/*border-bottom:1px solid #FFA500;
	padding-bottom:4px*/
}

.flex div.hDiv th.thMove{
	background-color:#fff;
	color:#fff
}

.flex div.hDiv th.sorted .thMove div{
	/*border-bottom:1px solid #fff;
	padding-bottom:4px*/
}

.flex div.hDiv th.thMove div{
	background: #fff !important
}
.flex div.hDiv th.sortable{
	cursor: pointer;
}
.flex div.hDiv th.sortable:hover div{
	background:url(/css/images/flex/uup.png) no-repeat center top
}
.flex div.hDiv th.desc div{
	background:url(/css/images/flex/dn.png) no-repeat center top
}

.flex div.hDiv th.asc div{
	background:url(/css/images/flex/up.png) no-repeat center top
}

.flex div.hDiv th.desc:hover div{
	background:url(/css/images/flex/uup.png) no-repeat center top
}

.flex div.hDiv th.asc:hover div{
	background:url(/css/images/flex/ddn.png) no-repeat center top
}



.flex div.bDiv td{
	border-bottom:1px solid #e3e3e3;
	vertical-align:top;
	white-space:nowrap;
	line-height:18px;
}
.flex div.bDiv.striped td{
	border-bottom:1px solid #fff;
}

.flex div.bDiv td.tdSubgrid {
	padding:0 !important;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px dotted #808080;
}

.flex div.bDiv td.tdSubgrid div.divSubgrid{
    background-image: url(/css/images/flex/subgrid-open.gif);
    background-position: 10px 0;
    background-repeat: no-repeat;
    padding: 10px 30px !important;
	text-align:left;
}

.flex div.bDiv td.tdSubgrid div.divSubgrid div.flex{
	padding:0 !important;
	border:1px dotted #808080;
	z-index:5;
}

.flex div.hDiv span.cdropleft,
.flex div.hDiv span.cdropright{
	display: block;
	height: 28px;
	line-height: 28px;
	margin: 0;
	position: relative;
	top: -28px;
	width: 22px;
}
.flex div.hDiv span.cdropright{
	float: right;
	
}
.flex div.bDiv td div.wtd{
	border-top:0px solid #fff;
	/*padding-bottom:4px*/
	line-height: 26px;
}
.flex div.bDiv td div.wtd.wrap{
	white-space: normal;
}

.flex div.bDiv td div.wtd.fit{
	height: 26px;
	overflow:hidden;
}
.flex div.bDiv td div.wtd img{
	 vertical-align: middle;
}
.viewgrid .box .ActionsLink,
.flex div.bDiv td .ActionsLink{
	 margin-left:2px !important;
	 margin-right:2px !important;
	 cursor:pointer;
}

#page-content .flex div.bDiv td div.wtd p{
 	margin:0;
 	line-height: 20px;

}

.flex div.bDiv td div.wtd [class^="icomoon-icon-"], .flex div.bDiv td div.wtd [class*=" icomoon-icon-"]{
	margin-left:1px;
	margin-right:1px;
}
.sorthandle{ cursor:n-resize;}
.flex td .tooltip_text{
	cursor:pointer !important;
    float: left !important;
    padding: 0 !important;
    text-align: left !important;
}

.flex td .colors{
	display:block;
	height:14px;
	border:1px solid #d7d7d7;
}


.flex tr td.sorted{
	background-color:#f3f3f3;
	border-bottom:1px solid #f3f3f3;
	border-right:1px solid #ddd
}
tr.clickable{
	cursor: pointer;
}
.flex tr img.sorthandle{
	cursor:move;
}


.flex tr.erow td,.erow{
	background-color:#e3e3e3;
	border-bottom:1px solid #f7f7f7
}

.flex tr.row-holder{
	height:25px;
	border-bottom:1px dotted #EAAA26
}

.flex tr.row-holder td{
	background-color:#F5D796!important;
}

.flex tr.erow td.sorted{
	background-color:#e3e3e3;
	border-bottom:1px solid #f7f7f7
}
/*
.flex tr.rowSubSum td{
	background-color:#D9F4DE;
	border-top:1px solid #94E0A2;
}
.flex tr.rowSubSum.erow td{
	background-color:#F4D9E0;
	border-top:1px solid #D1617D;
}

.flex tr td.rowSubSum{
	background-color:#D9F4DE !important;
	border-top:1px solid #94E0A2 !important;
}
.flex tr.erow td.rowSubSum{
	background-color:#F4D9E0 !important;
	border-top:1px solid #D1617D !important;
}
*/


.flex tr.rowSum td{
	background-color:#d9ebf5;
	border-top:1px solid #0080C0;
}

.flex div.bDiv tr:hover>td,.flex div.bDiv tr:hover>td.sorted,.flex div.bDiv tr.trOver td.sorted,.flex div.bDiv tr.trOver td{
	background-color:#d9ebf5;
	border-bottom:1px dotted #a8d8eb;
	border-left:1px solid #eef8ff;
	color: #000;
}

.flex div.bDiv tr:hover td.tdSubgrid,.flex div.bDiv tr:hover td.sorted.tdSubgrid,.flex div.bDiv tr.trOver td.sorted.tdSubgrid,.flex div.bDiv tr.trOver td.tdSubgrid{
	background-color:#FFF;
	border-bottom:1px dotted #a8d8eb;
	border-left:1px solid #eef8ff
	
}


.flex div.bDiv tr.trSelected:hover td,
.flex div.bDiv tr.trSelected:hover td.sorted,
.flex div.bDiv tr.trOver .trSelected td.sorted,
.flex div.bDiv tr.trOver .trSelected td,
.flex tr.trSelected td.sorted,
.flex tr.trSelected td{
	/*  background:#d5effc url(/css/images/flex/hl.png) repeat-x top;*/
	background-color:#E1F894;
	border-bottom:1px solid #a6d50f !important;
	border-left:1px solid #eef8ff;
	border-right:1px solid #d2e3ec;
}
 
.flex div.bDiv tr.trContext:hover td,
.flex div.bDiv tr.trContext:hover td.sorted,
.flex div.bDiv tr.trOver .trContext td.sorted,
.flex div.bDiv tr.trOver .trContext td,
.flex tr.trContext td.sorted,
.flex tr.trContext td{
	background-color:#FFF8CC;
	border-bottom:1px solid #FFE222;
	border-left:1px solid #eef8ff;
	border-right:1px solid #d2e3ec;
}
 
.flex tr td.rp{
	background-color:#FFF !important;
	border-bottom:1px solid #FFF !important;
	border-left:1px solid #FFF !important;
	border-right:1px solid #ddd !important;
}


.flex tr.rowSubSum.c0 td,
.flex tr.rowSubSum.c3 td
{
	background-color:#D9F4DE !important;
	border-top:1px solid #94E0A2 !important;
}
.flex tr.rowSubSum.c1 td,
.flex tr.rowSubSum.c4 td
{
	background-color:#F4D9E0 !important;
	border-top:1px solid #D1617D !important;
}

.flex tr.rowSubSum.c2 td,
.flex tr.rowSubSum.c5 td
{
	background-color:#FFE9B7 !important;
	border-top:1px solid #F89266 !important;
}

.flex tr td.rp.c0,
.flex tr td.rp.c3
{
	background-color:#D9F4DE !important;
	border-bottom:1px solid #D9F4DE !important;
	border-top:1px solid #94E0A2 !important;
	border-right:1px solid #94E0A2 !important;
}
.flex tr td.rp.c1,
.flex tr td.rp.c4
{
	background-color:#F4D9E0 !important;
	border-bottom:1px solid #F4D9E0 !important;
	border-top:1px solid #D1617D !important;
	border-right:1px solid #D1617D !important;
}

.flex tr td.rp.c2,
.flex tr td.rp.c5
{
	background-color:#FFE9B7 !important;
	border-bottom:1px solid #FFE9B7 !important;
	border-top:1px solid #F89266 !important;
	border-right:1px solid #F89266 !important;
}


.flex tr.rowSubSum.c0 td:first-child,
.flex tr.rowSubSum.c3 td:first-child
{
	border-top:1px solid #D9F4DE !important;
}


.flex tr.rowSubSum.c1 td:first-child,
.flex tr.rowSubSum.c4 td:first-child
{
	border-top:1px solid #F4D9E0 !important;
}

.flex tr.rowSubSum.c2 td:first-child,
.flex tr.rowSubSum.c5 td:first-child
{
	border-top:1px solid #FFE9B7 !important;
}

/* novstripe adjustments */

.flex .novstripe .bDiv table{
	border-bottom:1px solid #d7d7d7;
	border-right:1px solid #d7d7d7
}

.flex .novstripe div.bDiv td{
	border-right-color:#fff
}

.flex .novstripe div.bDiv tr.erow td.sorted{
	border-right-color:#e3e3e3
}

.flex .novstripe div.bDiv tr td.sorted{
	border-right-color:#f3f3f3
}

.flex .novstripe div.bDiv tr.erow td{
	border-left-color:#f7f7f7;
	border-right-color:#f7f7f7
}

.flex .novstripe div.bDiv tr.trSelected:hover td,.flex .novstripe div.bDiv tr.trSelected:hover td.sorted,.flex .novstripe div.bDiv tr.trOver .trSelected td.sorted,.flex .novstripe div.bDiv tr.trOver .trSelected td,.flex .novstripe tr.trSelected td.sorted,.flex .novstripe tr.trSelected td{
	border-left:1px solid #0066FF;
	border-right:1px solid #0066FF
}

.flex .novstripe div.bDiv tr.trOver td,.flex .novstripe div.bDiv tr:hover td{
	border-left-color:#d9ebf5;
	border-right-color:#d9ebf5
}
/* end novstripe */

.flex div.pDiv{
	/*background:url(/css/images/flex/wbg.gif) repeat-x top;*/
	background-color:#F8F8F8;

	background-image: -webkit-linear-gradient(to bottom, #F8F8F8, #E6E6E6);
	background-image: -moz-linear-gradient(to bottom, #F8F8F8, #E6E6E6);
	background-image: -ms-linear-gradient(to bottom, #F8F8F8, #E6E6E6);
	background-image: -o-linear-gradient(to bottom, #F8F8F8, #E6E6E6);
	background-image: linear-gradient(to bottom, #F8F8F8, #E6E6E6);	
	
	
	background-repeat: repeat-x;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset;
	/*border:1px solid #ccc;
	border-top:0px;*/
	overflow:hidden;
	position:relative;
	white-space:nowrap
}

.flex div.pDiv div.pDiv2{
	float:left;
	margin:3px 3px 3px 0px;
	width:1024px;
	height:22px;
}

div.pGroup{
	background:none;
	float:left;
	height:22px;
	margin:0px 5px
}

.flex div.pDiv .pPageStat,.flex div.pDiv .pcontrol{
	overflow:visible;
	position:relative;
	top:5px
}

.flex div.pDiv input{
    line-height: 18px;
    padding: 0 2px;
    position: relative;
    text-align: center;
    top: -4px;
    vertical-align: text-top;
}
 .flex div.pDiv  select{
	position:relative;
	top:2px;
	vertical-align:text-top
}
.flex div.pDiv div.pButton{
	border:1px solid transparent;
	cursor:pointer;
	float:left;
	height:22px;
	overflow:hidden;
	width:22px
}

.flex div.pDiv div.pButton:hover,.flex div.pDiv div.pButton .pBtnOver{
	/*border:1px solid #ccc;
	border:1px solid #98a6ba;
	background-color: #dde4ef;*/
    background-color: #e9e4e1;
	background-image: -webkit-linear-gradient(center top, #e9e4e1, #f8f8f8);
	background-image: -moz-linear-gradient(center top, #e9e4e1, #f8f8f8);
	background-image: -ms-linear-gradient(center top, #e9e4e1, #f8f8f8);
	background-image: -o-linear-gradient(center top, #e9e4e1, #f8f8f8);
	background-image: linear-gradient(center top, #e9e4e1, #f8f8f8);		
    border: 1px solid #c6c6c6;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);	
	
	cursor:pointer;
	/*height:20px;
	width:20px*/
}
/*
.flex div.pDiv div.pButton span{
	display:block;
	float:left;
	height:20px;
	width:20px
}*/
.flex div.pDiv div.pButton span{

    float: left;
    line-height: 20px;
    margin: 0 3px;
}

.flex div.pDiv div.pButton:hover span{
	color:#4787ed !important;
}
/*
.flex div.pDiv div.pButton:hover span,.flex div.pDiv div.pButton .pBtnOver span{
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	height:19px;
	width:19px
}

.flex .controlCols{background:url(/css/images/flex/control_column.png) no-repeat center}
.flex .pSearch{background:url(/css/images/flex/magnifier.png) no-repeat center}
.flex .pFirst{background:url(/css/images/flex/first.png) no-repeat center}
.flex .pPrev{background:url(/css/images/flex/prev.png) no-repeat center}
.flex .pNext{background:url(/css/images/flex/next.png) no-repeat center}
.flex .pLast{background:url(/css/images/flex/last.png) no-repeat center}
.flex .pFirst.disabled{background:url(/css/images/flex/first_disabled.png) no-repeat center}
.flex .pPrev.disabled{background:url(/css/images/flex/prev_disabled.png) no-repeat center}
.flex .pNext.disabled{background:url(/css/images/flex/next_disabled.png) no-repeat center}
.flex .pLast.disabled{background:url(/css/images/flex/last_disabled.png) no-repeat center}
.flex .pReload{background:url(/css/images/flex/load.png) no-repeat center}*/
.flex .pReload.loading{background:url(/css/images/flex/load.gif) no-repeat center !important}
.flex .pReload.loading:hover{background-image:none;background:url(/css/images/flex/load.gif) no-repeat center !important}

.flex .pReload.loading span{display:none;}


.flex .pFirst.disabled span{color:#CCC !important}
.flex .pPrev.disabled span{color:#CCC !important}
.flex .pNext.disabled span{color:#CCC !important}
.flex .pLast.disabled span{color:#CCC !important}
/* ie adjustments */
.flex .ie div.hDiv th div,.flex .ie div.bDiv td div,div.colCopy .ie div/* common inner cell properties*/ {overflow:hidden}

.loadingCombo{
	background:url(/css/images/flex/load.gif) no-repeat left;
	border:1px solid #d7d7d7;
	padding-left:15px
}

.flexcombo optgroup{
	font-style:normal;
}
.flexcombo option{
	/*line-height:14px;
	height:14px;*/
}
.flexcombo option:disabled {
    color: #CCC;
}
.flexcombo option img{
    float: none !important;
    height: 14px;
    margin-right: 3px;
    vertical-align: middle;
}

.flex div.bDiv td div.wtd .moneyWrap{
	text-align: left;
	float: left;
	padding: 0pt;
}
.flex div.bDiv td div.wtd .suffix{
	text-align: right;
	float: right;
	padding: 0 0 0 1px;
}
.flex div.bDiv td div.wtd .prefix{
	text-align: left;
	float: left;
	padding: 0;
}
.flex div.bDiv .content .prefix{
	display:inline;
	padding: 0 5px;
}
/*.flex.blockedFlex div.tDiv,*/
.flex.blockedFlex form.searchAdvance,

.flex.blockedFlex div.hDiv,
.flex.blockedFlex div.pDiv,
.flex.blockedFlex div.vGrip,
.flex.blockedFlex div.mDiv div.ptogtitle
{
    display: none !important;
    visibility: hidden !important;
}

.flex.blockedFlex div.mDiv {
    border-bottom: 1px solid #d7d7d7;
}
.flex.blockedFlex .flexbox  div.bDiv ,
.flex.blockedFlex .flexbox  div.tDiv
 
{
    display: block !important;
    visibility: visible !important;
}
/* MAP FLEX*/

.flexmap {
    left: 0;
    position: relative;
    top: 0;
	z-index:102;
    width: 100%;
	background:#F5F5F5;
}
.flexmap.fullscreen {
    position: absolute;
}


.flexmap .bottomnav {
	padding:4px 5px 10px;
	font-size:100%;
	line-height:23px;
	text-align:left;
	margin-top:0px;
	margin-left:303px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:1000;
	width:100%;
	display:none;
}

.flexmap.fullscreen .bottomnav {
	margin-left:303px;

}


.flexmap .bottomnav a {
	color:#FFFFFF;
}

.flexmap .bottomnav h2 {
	color:#FFF;
	font-weight: normal;
	font-size: 120%;
	display:inline;
	letter-spacing:2px;
}
.flexmap .bottomnav a.dropUp {
	background-color: #f5f5f5 ;
	
	border: 1px solid #dcdcdc;
	padding:4px 6px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	outline:none;
	outline:none;
	position:relative;
	margin-left:3px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-o-user-select:none;
}
.flexmap .bottomnav a.dropUp:hover {
	background-color: #4787ed;
	border: 1px solid #3079ed;
	color: #fff !important;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}

.flexmap .bottomnav a.dropUp span.toogle {
	background-image:url("/css/images/map/toggle_up.png");
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding:4px 16px 6px 0;
}
.flexmap .bottomnav a.dropUp.menu-open {
	background:#FFF !important;
	color:#222!important;
	outline:none;
}

.flexmap .bottomnav a.dropUp.menu-open span.toogle {
	background-image:url("/css/images/map/toggle_down.png");
	color:#222;
}

.flexmap .bottomnav a.dropUp span.loadingMap {
	background:url("/css/images/map/loading.gif") no-repeat 0 50%;
    color: #666666;
    display: none;
    line-height: 20px;
    padding: 3px 3px 3px 160px;
    width: 128px;
}

.flexmap .bottomnav a.dropUp:hover span.toogle{
	background-image:url("/css/images/map/toggle_up_light.png");
}
.flexmap .bottomnav a.dropUp.menu-open:hover span.toogle{
	background-image:url("/css/images/map/toggle_down_light.png");
}
.flexmap .bottomnav a.dropUp.no-stats{
	cursor: default;
}
.flexmap .bottomnav a.dropUp.no-stats:hover {
	background-color: #f1f1f1;
	background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
	background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
	background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
	background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
	background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
	border: 1px solid #dcdcdc;
}

.flexmap .bottomnav a.dropUp.no-stats span.toogle {
	background-image:none !important;
	padding:4px 2px 6px 0 !important;
}

/* menu */
.flexmap .bottomnav .menuDropUp {
  background: #ffffff none repeat scroll 0 0;
    border: 1px solid #d7d7d7;
    bottom: 39px;
    color: #222222;
    display: none;
    font-size: 100%;
    left: 8px;
    margin-top: 0;
    padding: 5px;
    position: absolute;
    text-align: left;
    width: 20%;
    z-index: 100;
}
.flexmap .bottomnav .menuDropUp ul{
	margin:0;
}
.flexmap .bottomnav .menuDropUp ul li{
	list-style:none;
	border-bottom:1px dotted #DDDDDD;
}
.flexmap .bottomnav .menuDropUp ul li img {
    float: left;
    position: relative;
    top: 2px;
}

.flexmap .mapPanel {
	position:relative;
	float:left;
	background:#F5F5F5;
	width:307px;
	z-index:100;
	text-align:left;
	padding:5px  0;
	margin-left:0;
	margin-top:0px;
	color:#222;
	font-size:100%;
	top:0;
	right:5px;
	/*border:1px solid #DDDDDD;*/
}

.flexmap.topPanel .mapPanel {
    width: 100%;
    height: auto;
	border: 1px solid #DDD;
	right: 0;
}

.flexmap .contentMapFilter{
	padding-top: 50px;
}
.flexmap.topPanel .contentMapFilter{
	padding-top: 0;
	padding-left: 280px;
    padding-right: 50px;
}

.flexmap .closePanel,
.flexmap .openPanel, 
.flexmap .closeMap {
    background-color: #FFFFFF;
    border: 1px solid #d7d7d7;
    border-radius: 4px 4px 4px 4px;
    height: 30px;
    padding: 3px 0 0;
    position: absolute;
    width: 34px;
    z-index: 10000;
	 box-sizing: content-box;
}

.flexmap .closePanel {
	left:7px;
	top:5px;
}

.flexmap .openPanel {
	left:7px;
	top:5px;
	display: none;
}

.flexmap .closeMap {
    right: 10px;
    top: 5px;
}
.flexmap.fullscreen.leftPanel .closeMap {
    right: auto;
    left: 268px;;
    top: 5px;
}



		
.flexmap.closedPanel .bottomnav {
	margin-left:37px;
}

.flexmap.closedPanel .mapPanel {
	width:41px;
}
.flexmap.closedPanel.topPanel .mapPanel {
    width: 0px;
	height: 0px;
	padding: 0px;

}
.flexmap.noPanel .mapPanel{
	width:0px !important;

}
.flexmap.noPanel .closePanel {
	
display: none !important;	
	
}
.flexmap.noPanel .bottomnav {
	
	margin-left: 0 !important;
	
}
.flexmap.closedPanel .closePanel,
.flexmap.closedPanel.fullscreen .closeMap,
.flexmap.closedPanel .contentMapFilter
{
	display:none;
}

.mapPanel.closedPanel .openPanel{
	display:block;
}

.flexmap .contentMapFilter form.filter  div label {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 26%;
}

.flexmap .contentMapFilter .filter  {
	margin:0 10px;
	padding:0;
	min-width:285px;
	color:#333333;

}
.flexmap .contentMapFilter form {
	min-width: inherit;
}

.flexmap .contentMapFilter div fieldset {
	clear: none;
	border: none;
	margin: 0;
}

.flexmap .contentMapFilter .flex div.bDiv {
	border-top:1px solid #d7d7d7;
}
.flexmap .contentMapFilter .filter input, 
.flexmap .contentMapFilter .filter select, 
.flexmap .contentMapFilter .filter textarea{
	/*max-width:150px;*/
}
.flexmap .contentMapFilter .filter input.checkTree 
{
	position:relative;
	top:-3px;
	left:-2px;
}

.flexmap .contentMapFilter .filter button{ margin:5px 5px 5px 0;} 

.flexmap  .seachmap {
    background: url("/css/images/map/search.png") no-repeat scroll 4px 50% #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    color: #222222;
    height: 30px;
    left: 48px;
    padding: 2px 2px 2px 33px;
    position: absolute;
    width: 180px;
	top: 5px;
	z-index: 100;
}


.flexmap .bottomnav .loadingZone {
    height: 15px;
    margin: 0 15px;
    padding: 7px 0 0;
    text-align: center;
    width: 98%;
}
.flexmap .bottomnav .loadingBar {
    border: 1px solid #C2C2C2;
    display: none;
    height: 8px;
    line-height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
}
.flexmap .bottomnav .progressBar {
    background: none repeat scroll 0 0 #B3F83D;
    height: 8px;
    line-height: 0;
    margin: 0;
    padding: 0;
    width: 0;
}

/* flex tree */
.searchAdvance .flextree {
    margin-top: 9px;
    position: relative;
	width:200px;
    z-index: 1000;
	border:none;
}
.searchAdvance .flextree ul.filetree{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #d7d7d7;
	max-height:200px;
	width:200px;
	overflow:auto;
    /* border-top-color:#FFFFFF;
   margin-left: 108px;*/
}

.flexForm .flextree {
    left: 28%;
	width:200px;
    margin-top: 8px;
    position: relative;
    z-index: 1000;
	border:none;
	font-size:110%;
}
.flexForm .flextree ul.filetree{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #d7d7d7;
	max-height:200px;
	width:200px;
	overflow:auto;
  /*      border-top-color:#FFFFFF;
margin-left: 108px;*/
}

/* filetree */
.flextree.fixedheight{
	overflow:auto;
    border: 1px solid #d7d7d7;
}

.flextree{
    border: 1px solid #d7d7d7;
	/*border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;*/
}

.flextree ul.filetree.loadingTree{
    background: url("/css/images/flex/load.gif") no-repeat scroll center center;
	display:block;
	height:60px;
}

.flextree div.loadingTree{
    background: url("/css/images/flex/load.gif") no-repeat scroll center center;
	display:block;
	min-height:60px;
}


.wrapSearchTree {
	/*background:#e2e2e2 url('/css/images/boxheader.gif') repeat-x top;*/
	background-color:#F8F8F8;
	background-image:linear-gradient(to bottom, #F8F8F8, #E6E6E6);
	background-repeat: repeat-x;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset;
    border: 1px solid #d7d7d7;
    height: 28px;
	box-shadow:0px 1px 0px rgba(225, 225, 225, 0.5) inset;
	-moz-box-shadow:0px 1px 0px rgba(225, 225, 225, 0.5) inset;
	-webkit-box-shadow:0px 1px 0px rgba(225, 225, 225, 0.5) inset;
	/*border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
    width: 98%;*/
	margin:3px !important;
}
.flexForm .treeWraper {
   
	font-size:110%;
}
.treeWraper div {
    box-sizing: content-box;
    clear: none;
    margin: 0;
    padding: 0;
}

.leftTree {
    display: block;
    float: left;
    position: relative;
}
.centerTree {
	display: block;
    float: left;
    position: relative;
    text-align: center;
   /* width: 200px;*/
}
.contentMapFilter .wrapSearchTree {
    width: 97%;
}

.contentMapFilter .centerTree {
    /*width: 175px;*/
}

.rightTree {
    float: right;
    position: relative;
}
.actionsTree {
	/*background-color: transparent;
	background-position: 1px 3px;
	background-repeat: no-repeat;
	border: 1px solid transparent;
	cursor: pointer;
	display: block;
	margin: 3px 2px;
	width:20px;
	float:left;
	height:20px;
	*/
	 cursor: pointer;
    display: block;
    float: left;
    line-height: 22px;
    margin: 3px 0px;
}

.clearSearchTree{
	position:absolute;
	right:0;
}
/*
.clearSearchTree{
	background-image: url("/css/images/flex/clean.png");
}
.reloadTree{
	background-image: url("/css/images/flex/load.png");
}
.doSearchMods{
	background-image: url("/css/images/flex/search_go.png");
}
.openCloseTree{
	background-image: url("/css/images/flex/view_tree.gif");
	background-position: 2px 3px;
}
.actionsTree:hover {
	border: 1px solid #CCCCCC;
}*/

.fieldSearchTree {
	background-color: #FFFF;
	border: 1px solid #d7d7d7;
	color: #4D4D4D;
	font-size: 100%;
	margin: 4px 0 !important;
	/*padding: 2px 4px;*/
	float: left;
	/*width: 94%;*/
	height:15px;
	
	padding: 2px 27px 2px 2px !important
}


/* clearfix */
.wrapSearchTree:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.guiderForm .notification:after,
.flextree .notification:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.guiderForm .notification,
.flextree .notification {
	display: block;
	margin:10px;
	padding: 10px 30px 10px 35px;
}



/*******************************************************************************
 * Tree container */
ul.flextree-container
{
	white-space: nowrap;
	padding: 3px;
	margin: 0; /* issue 201 */
	
	
	overflow: auto;
	height: 100%; /* issue 263 */
}


.flextree div.loadingTree ul.flextree-container{
	opacity:0.5;
	filter: alpha(opacity=50); 

}
ul.flextree-container ul
{
	padding: 0 0 0 16px;
	margin: 0;
}

ul.flextree-container li
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	-moz-background-clip:border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background-attachment: scroll;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: repeat-y;
	background-image: none;  /* no v-lines */

	margin:0;
	padding:1px 0 0 0;
}
ul.flextree-container ul.hideNode,
ul.flextree-container li.hideNode
{
	display:none;
}

/* Suppress lines for last child node */
ul.flextree-container li.flextree-lastsib
{
	background-image: none;
}
/* Suppress lines if level is fixed expanded (option minExpandLevel) */
ul.flextree-no-connector > li
{
	background-image: none;
}

/* Style, when control is disabled */
.ui-flextree-disabled ul.flextree-container
{
	opacity: 0.5;
/*	filter: alpha(opacity=50); /* Yields a css warning */
	background-color: silver;
}


/*******************************************************************************
 * Common icon definitions
 */
span.flextree-empty,
span.flextree-vline,
span.flextree-connector,
span.flextree-expander,
span.flextree-icon,
span.flextree-checkbox,
span.flextree-radio,
span.flextree-drag-helper-img,
#flextree-drop-marker
{
	width: 16px;
	height: 16px;
/*	display: -moz-inline-box; /* @ FF 1+2 removed for issue 221*/
/*	-moz-box-align: start; /* issue 221 */
	display: inline-block; /* Required to make a span sizeable */
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url("/css/images/tree/icons.gif");
	background-position: 0 0;
}

/** Used by 'icon' node option: */
ul.flextree-container img
{
	width: 16px;
	height: 16px;
	margin-left: 3px;
	vertical-align: top;
	border-style: none;
}


/*******************************************************************************
 * Lines and connectors
 */

/*
span.flextree-empty
{
}
span.flextree-vline
{
}
*/
span.flextree-connector
{
	background-image: none;
}
/*
.flextree-lastsib span.flextree-connector
{
}
*/
/*******************************************************************************
 * Expander icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: flextree-exp-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'd': lazy (Delayed)
 * 3rd character (optional): 'l': Last sibling
 */

span.flextree-expander
{
	background-position: 0px -80px;
	cursor: pointer;
}
span.flextree-expander:hover
{
	background-position: -16px -80px;
}
.flextree-exp-cl span.flextree-expander /* Collapsed, not delayed, last sibling */
{
}
.flextree-exp-cd span.flextree-expander /* Collapsed, delayed, not last sibling */
{
}
.flextree-exp-cdl span.flextree-expander /* Collapsed, delayed, last sibling */
{
}
.flextree-exp-e span.flextree-expander,  /* Expanded, not delayed, not last sibling */
.flextree-exp-ed span.flextree-expander,  /* Expanded, delayed, not last sibling */
.flextree-exp-el span.flextree-expander,  /* Expanded, not delayed, last sibling */
.flextree-exp-edl span.flextree-expander  /* Expanded, delayed, last sibling */
{
	background-position: -32px -80px;
}
.flextree-exp-e span.flextree-expander:hover,  /* Expanded, not delayed, not last sibling */
.flextree-exp-ed span.flextree-expander:hover,  /* Expanded, delayed, not last sibling */
.flextree-exp-el span.flextree-expander:hover,  /* Expanded, not delayed, last sibling */
.flextree-exp-edl span.flextree-expander:hover  /* Expanded, delayed, last sibling */
{
	background-position: -48px -80px;
}
.flextree-loading span.flextree-expander  /* 'Loading' status overrides all others */
{
	background-position: 0 0;
	background-image: url("/css/images/flex/load.gif");
}


/*******************************************************************************
 * Checkbox icon
 */
span.flextree-checkbox
{
	margin-left: 3px;
	background-position: 0px -32px;
}
span.flextree-checkbox:hover
{
	background-position: -16px -32px;
}

.flextree-partsel span.flextree-checkbox
{
	background-position: -64px -32px;
}
.flextree-partsel span.flextree-checkbox:hover
{
	background-position: -80px -32px;
}

.flextree-selected span.flextree-checkbox
{
	background-position: -32px -32px;
}
.flextree-selected span.flextree-checkbox:hover
{
	background-position: -48px -32px;
}

/*******************************************************************************
 * Radiobutton icon
 * This is a customization, that may be activated by overriding the 'checkbox'
 * class name as 'flextree-radio' in the tree options.
 */
span.flextree-radio
{
	margin-left: 3px;
	background-position: 0px -48px;
}
span.flextree-radio:hover
{
	background-position: -16px -48px;
}

.flextree-partsel span.flextree-radio
{
	background-position: -64px -48px;
}
.flextree-partsel span.flextree-radio:hover
{
	background-position: -80px -48px;
}

.flextree-selected span.flextree-radio
{
	background-position: -32px -48px;
}
.flextree-selected span.flextree-radio:hover
{
	background-position: -48px -48px;
}

/*******************************************************************************
 * Node type icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: flextree-ico-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'f': folder
 */

span.flextree-icon /* Default icon */
{
	margin-left: 3px;
	background-position: 0px 0px;
}

span.flextree-title
{
	margin-left: 3px;
}


.flextree-has-children span.flextree-icon /* Default icon */
{
/*    background-position: 0px -16px; */
}

.flextree-ico-cf span.flextree-icon  /* Collapsed Folder */
{
	background-position: 0px -16px;
}

.flextree-ico-ef span.flextree-icon  /* Expanded Folder */
{
	background-position: -64px -16px;
}

/* Status node icons */

.flextree-statusnode-wait span.flextree-icon
{
	background-image: url("/css/images/flex/load.gif");
}

.flextree-statusnode-error span.flextree-icon
{
	background-position: 0px -112px;
/*	background-image: url("/css/images/tree/ltError.gif");*/
}

/*******************************************************************************
 * Node titles
 */

/* @Chrome: otherwise hit area of node titles is broken (issue 133)
   Removed again for issue 165; (133 couldn't be reproduced) */
span.flextree-node
{
/*	display: -moz-inline-box; /* issue 133, 165, 172, 192. removed for issue 221 */
/*	-moz-box-align: start; /* issue 221 */
/*  display: inline-block; /* Required to make a span sizeable */
}


/* Remove blue color and underline from title links */
ul.flextree-container a
/*, ul.flextree-container a:visited*/
{
	color: black; /* inherit doesn't work on IE */
	text-decoration: none;
	vertical-align: top;
	margin: 0px;
	margin-left: 3px;
/*	outline: 0; /* @ Firefox, prevent dotted border after click */
	/* Set transparent border to prevent jumping when active node gets a border
	   (we can do this, because this theme doesn't use vertical lines)
	   */
	border: 1px solid white; /* Note: 'transparent' would not work in IE6 */

}

ul.flextree-container a:hover
{
/*	text-decoration: underline; */
	background: #E8E8E8; /* light blue */
	border-color: #B5B5B5; /* darker light blue */
}

span.flextree-node a
{
	display: inline-block; /* Better alignment, when title contains <br> */
	padding-left: 3px;
	padding-right: 3px; /* Otherwise italic font will be outside bounds */
}


span.flextree-node.red a {
    color: #FF0000 !important;
}
span.flextree-node.c0 a {
    color: #FF0000 !important;
}
span.flextree-node.orange a {
    color: #FF6600 !important;
}
span.flextree-node.blue a {
    color: #0066FF !important;
}

span.flextree-node.green a {
    color: #339900 !important;
}

span.flextree-node.founded a
{
	color:#4787ED;
}
span.flextree-node a.flextree-unselectable{
	color:#999;
}

span.flextree-folder a
{
/*	font-weight: bold; */ /* custom */
}

ul.flextree-container a:focus,
span.flextree-focused a:link  /* @IE */
{
	/*/background-color: #EFEBDE;  gray */
}

span.flextree-has-children a
{
/*	font-style: oblique; /* custom: */
}

span.flextree-expanded a
{
}

span.flextree-selected a
{
/*	color: green; */
	font-style: italic;
}

span.flextree-focused a,
ul.flextree-container span.flextree-focused a:hover
{
	border: 1px solid #FFE222;
	background-color: #FFF8CC;
}

span.flextree-active a,
ul.flextree-container span.flextree-active a:hover
{
	border: 1px solid #A6D50F !important;
	background-color: #E1F894 !important;
}


/*******************************************************************************
 * Drag'n'drop support
 */

/*** Helper object ************************************************************/
div.flextree-drag-helper
{
}
div.flextree-drag-helper a
{
	border: 1px solid gray;
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
	opacity: 0.8;
}
span.flextree-drag-helper-img
{
	/*
	position: relative;
	left: -16px;
	*/
}
div.flextree-drag-helper /*.flextree-drop-accept*/
{
/*    border-color: green;
	background-color: red;*/
}
div.flextree-drop-accept span.flextree-drag-helper-img
{
	background-position: -32px -112px;
}
div.flextree-drag-helper.flextree-drop-reject
{
	border-color: red;
}
div.flextree-drop-reject span.flextree-drag-helper-img
{
	background-position: -16px -112px;
}

/*** Drop marker icon *********************************************************/

#flextree-drop-marker
{
	width: 24px;
	position: absolute;
	background-position: 0 -128px;
	margin: 0;
}
#flextree-drop-marker.flextree-drop-after,
#flextree-drop-marker.flextree-drop-before
{
	width:64px;
	background-position: 0 -144px;
}
#flextree-drop-marker.flextree-drop-copy
{
	background-position: -64px -128px;
}
#flextree-drop-marker.flextree-drop-move
{
	background-position: -64px -128px;
}

/*** Source node while dragging ***********************************************/

span.flextree-drag-source
{
	/* border: 1px dotted gray; */
	background-color: #e0e0e0;
}
span.flextree-drag-source a
{
	color: gray;
}

/*** Target node while dragging cursor is over it *****************************/

span.flextree-drop-target
{
	/*border: 1px solid gray;*/
}
span.flextree-drop-target a
{
}
span.flextree-drop-target.flextree-drop-accept a
{
	/*border: 1px solid green;*/
	background-color: #3169C6 !important;
	color: white !important; /* @ IE6 */
	text-decoration: none;
}
span.flextree-drop-target.flextree-drop-reject
{
	/*border: 1px solid red;*/
}
span.flextree-drop-target.flextree-drop-after a
{
}

ul.flextree-container span.td {
	display: inline;
	margin-right:5px;
	border-size: 1px;
}
ul.flextree-container span.td:nth-child(1) {
}

/* guiders */
.guiderForm {
	background: #FFF;
	border: 1px solid rgba(0, 0, 0, 0.333);
	position: absolute;
	outline: none;
	padding: 0px;
	width: 500px;
	display:block;
	box-sizing: content-box;
	z-index: 100000005 ;
	-moz-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2)1;
	box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2);
}
.guiderForm.aGrid{
	padding: 34px 6px 6px;
	min-width: 220px;
	overflow: auto;
    border-color: rgba(82, 168, 236, 0.8);
	-moz-box-shadow:0 0 8px rgba(82, 168, 236, 0.6);
	-webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6)1;	
    box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);	
}
.guiderForm.aGrid .flex{
	min-width: 220px;
}

.guiderFormArrow  {
	width: 12px;
	height: 12px;
	position: absolute;
	display: none;
	background-repeat: no-repeat;
	z-index: 100000006 !important;
	background-image: url('/css/images/guiderFormArrows.png'); 
}
.guiderFormArrowUp {
	display: block;
	background-position: -3px -61px;
	top: -11px;
	left:48%;
}
.guiderFormArrowUpRight {
	display: block;
	background-position: -3px -61px;
	top: -10px;
	left:93%;
}

.guiderFormArrowUpLeft {
	display: block;
	background-position: -3px -61px;
	top: -10px;
	left:7%;
}