body {
	background-color: white;
}
body, input, td, th, textarea, option, select {
	font-size: 8pt; font-family: Verdana, Arial;
}

a:link ,
a:visited,
a:hover,
a:active { 
    color: #000000;
}

input {
	margin-top: 0pt; margin-bottom: 1pt;margin-left:0px;}
select {
    margin-top: 1pt; margin-bottom: 1pt;margin-left:0px;
}
div {
	margin: 0px;	padding: 0px;
}
td.label, th.label {	
	font-weight: bold;
}
.workflow_button {
	color: #0000FF;
}
.column_label {
	font-weight: bold; font-size: 7pt; color: #000000; font-family: Verdana, Arial
}
.window_header {
	font-weight: bold; font-size: 8pt; color: #000000; font-family: Arial; background-color: #d3e29b
}
.selector {
    word-spacing:1; width: 14;height: 14;left:0; top: 0;border-style: none;border-width: 1;
    margin: 0;padding-top: 0;padding-bottom: 0;
}

div.colorbar {
	display: inline;border: 1px solid black;margin-top: 0pt; margin-bottom: 0pt;margin-right: 0px;
	margin-left: 1px;padding-top: 4px;vertical-align: middle;
}

/** containers **/
#sidename {
	top: 24px;left: 0px;	overflow: auto;	width: 190px;    height: 24px;	position: absolute;	visibility: hidden;
}
#sidemenu {
	overflow: auto;	top: 48px;	left: 0px;	width: 190px;    height: 600px;	position: absolute;	visibility: hidden;
}
#top {
	top: 0px;left: 0px;position: absolute;	height: 24px;	width: 1600px;border: 0px;
}
#logo {
	bottom: 0px;	left: 0px;position: absolute;	height: 50px;	width: 190px;	border: 0px;
}
#icons {
	top: 24px;	left: 190px;position: absolute;height: 24px;width: 750px;border: 0px;z-index:10000;
}
#form {
	top: 48px;left: 190px;overflow: auto;position: absolute;height: 600px;width: 600px;border: 0px;
}
#info {
	bottom: 0px;left: 190px;position: absolute;height: 24px;width: 600px;border: 0px;
}
#infoGroups {
	overflow: scroll;
}
#logLayer {
	bottom: 2px;right: 2px;overflow: auto;position: absolute;z-index: 1000;height: 400px;width: 650px;visibility: hidden;
}
#logButton {
	bottom: 2px;right: 2px;position: absolute;z-index: 999;height: 24px;width: 24px;border: 0px;
}
#backgroundFilter{
    position: absolute; top: 0; left: 0;padding: 0; margin: 0; background-color: #FF6633;filter: alpha(opacity=30);
    opacity: 0.3; display: none; z-index: 1000; width: 1425px;height: 2000px;
}

/** lists **/
.list_normal, .list_normal table td{
	vertical-align: top;
}
.list_normal_bold , .list_grey_bold{
	font-weight: bold;
}
.list_grey, .list_grey table td{
	vertical-align: top;
}
tr.panelcolumn, tr.column {	
	font-weight: bold;
}

/** standard tables **/
.axx-instance-table, .axx-table-simple {border: 0px; border-spacing: 0px;border-collapse: collapse;}
.axx-instance-table td, .axx-table-simple tr   th, .axx-table-simple  tr  td {padding: 0;}
.axx-table-simple tr {border:0px;}
.axx-table-list {border-color:#808080;border-collapse: collapse;}
.axx-table-list tr  th, .axx-table-list  tr  td {padding: 1px;}
.axx-list-totals, .axx-list-subtotals-one, .axx-list-subtotals-two, .axx-list-subtotals-three, .axx-list-row { font-weight: normal; }
.axx-list-totals-bold, .axx-list-subtotals-one-bold, .axx-list-subtotals-two-bold, .axx-list-subtotals-three-bold, .axx-list-row-bold { font-weight: bold; }

/** loading mask **/
#axLoading-mask {
  position: absolute;left:0;  top:0;  width:100%;  height:100%;z-index:20000;background-color: white;
}
#axLoading {
  position: absolute;  left:50%;  top: 50%; padding:  2px;  z-index:  20001;  height:   auto;  margin:   -35px 0 0 -30px;
}
#axLoading .axLoading-indicator {
  background: url(../images/loading.gif) no-repeat;  color:#555;  font: bold 13px tahoma,arial,helvetica;  padding:    8px 42px;  margin:     0;  text-align: center;  height:     auto;
}


/** used for planboard **/
#dst_left {	position: relative;}
#dst_right {	position: relative;height: 100%;overflow: auto;}

/** google maps **/
div.axCustomPage #mapControl {	width: 98%;	height: 600px;	padding-left: 2px;}
div.axCustomPage #mapControl #locationControl .aname{ color: navy;}



/** Auto Complete **/
ul.auto-complete-list {list-style-type: none;	margin: 0;	padding: 0;	position: absolute;	z-index: 100;	max-height: 250px;	overflow: auto;border-bottom: 1px solid gray;	border-top: 1px solid gray;}
ul.auto-complete-list li {	list-style-type: none;	margin: 0;	padding: 2px;	background-color: white;	  border-left: 1px solid gray;	border-right: 1px solid gray;	cursor: pointer;}
ul.auto-complete-list li.auto-complete-list-rollover {	background-color: #c5c5c5;}
ul.auto-complete-list .auto-complete-striped {	background-color: #D7EEF9;}


/** window **/
.axx-window .x-window-mc {background-color: #D6E8F4;}
.axx-window {background-color:white; border:1px solid gray;}
.axx-window .x-tool {display:none;}
.axx-window .x-panel-btns { padding:1px;}
.axx-window .x-form-field {font-family: Verdana, Arial;font-size: 8pt;color:black}
.axx-window .x-window-tc,.axx-window .x-window-tl,.axx-window .x-window-tr, .axx-window .x-window-bc, .axx-window .x-window-bl ,
.axx-window .x-window-br,.axx-window .x-window-mr, .axx-window .x-window-ml {background-image:none;background-color:white;}

/** toolbar **/
.axToolBar_group, .axToolBar_item {
	height: 28px; width: 26px; padding-left:2pt;padding-right:3pt;position:relative;	margin-top:2px;
}
.axToolBar_group{
	width:35px;
}
.axToolBar_group .groupdown{
	background-image: url(/axxerion/web/common/images/icons7/toolbar-group-down.png);	background-repeat: no-repeat;
	background-position-x: 1px;
	cursor:pointer;width: 10px;position: absolute;top: 20px;left: 31px;border: 0px;height: 4px;
}
.axToolBar_group .group {
	display:none;position:absolute;top: 16px;left:-1px;z-index: 400;min-width: 140px;width: 140px;
	margin-top: 3px;padding-bottom: 10px;margin-left: -6px;padding-left: 5px;
}
.axToolBar_group .group-items-header{
	min-width:145px;height:13px;
}
.axToolBar_group .axToolBar_item {
	width:135px;min-width:135px; padding-bottom:1px;overflow:hidden;margin-top:1px;background-color: transparent;
}
.axToolBar_group .axToolBar_item span{
	background-color: transparent;
}	
.axToolBar_group .group-items{
	min-width:145px;border-radius: 0px 0px 4px 4px;padding-bottom: 3px;padding-top: 2px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=2);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.1);border:1px solid #53638F; border-top:0px;
}
.axToolBar_group span, .axToolBar_item span{
	cursor: pointer;height: 26px; width: 26px; display:block;margin-top:2px;
}
.axToolBar_group img, .axToolBar_item img{
	width: 24px;height: 24px;padding-left:0px;margin-left:1px;padding-top:1px;
}
.axToolBar_group .group-items .itemtext{
	color: white;position: relative;top: -20px;left: 28px;text-overflow: ellipsis;white-space: nowrap;
}
.axToolBar .aux{
	width: 100%;	height:26px;	 
}
.axToolBar_item.aux input,.axToolBar_item.aux select {
	margin-top: 4px;
}
.axToolBar_group span{
	width:34px;
}



/** page includes**/
table.axx-pageinclude-panel-true {display:none;}
div.axx-pageinclude-panel {border-bottom:0px;}
div.axx-pageinclude-panel .x-tool {float:left;margin-right:2px;}
div.axx-pageinclude-panel .x-panel-header{background-image:none; border-width: 0px 0px 1px 0px; border-top:1px solid rgb(153, 187, 232); padding: 1px 0px;line-height: normal;font-family: Verdana, Arial;font-size: 8pt;color:black;font-weight:normal;}
div#axx-pageinclude-panel0 div.axx-pageinclude-panel .x-panel-header{border-top:0px;}
div.axx-pageinclude-panel .x-panel-bwrap .x-panel-body{border-left:0px;border-bottom:0px;border-right:0px;}

/** calendar**/
#axx-calendar-resources-panel {border-right :1px solid rgb(153, 187, 232);}

/** list panels **/
.axx-pageinclude-panel, .axx-listpage-panel {margin-left:-1px;}
#axx-lightbox-panel .x-window-body{background-color:white;}
#axx-lightbox-panel .x-window-body ul{margin-left:3px;padding-left:5px; padding-top:5px;padding-right: 6px;list-style-type: none;margin-right:2px;}
#axx-lightbox-panel .x-window-body li{padding: 2px;margin-right:2px;}

/** recurrence ical **/
.axx-panel-ical-recurrence {position: absolute;}
.axx-panel-ical-recurrence .extensible-recur-ct .x-table-layout-ct {    margin-top: 5px;}
.axx-panel-ical-recurrence .extensible-recur-ct .x-table-layout-cell {    padding-right: 5px;}
.axx-panel-ical-recurrence .extensible-recur-ct .x-form-check-wrap {    white-space: nowrap;    margin-right: 10px;}
.axx-panel-ical-recurrence .extensible-recur-ct .x-form-check-group .x-column {    xmargin-right: 5px;}.extensible-recur-inner-ct {    padding-left: 10px;}

/**
 * bordercolorlight=#808080 cellpadding=1 cellspacing=0 bordercolordark=#FFFFFF
**/
/** 
 * calendar/scheduler events colors 
 **/
.sch-event {background-color: rgb(208,210,205);border:1px solid #aaa;color: black;}
/** Contract **/
.axx-calendar-event-54 {color: white; background-color: #CCA6AC;}
/**General CalendarItem**/
.axx-calendar-event-136 {color: white; background: #606c88;}
.axx-calendar-event-136-4-0,.axx-calendar-event-136-4-1000 {border-bottom: 2px solid red;}/**Sick**/
.axx-calendar-event-136-6-0,.axx-calendar-event-136-6-1000 {border-bottom: 2px solid yellow;}/**Vacation**/
/**Task **/
.axx-calendar-event-255 {color: black; background-color: #FFD;}
/**Request**/
.axx-calendar-event-306 {color: white; background-color: #9FE1E7;}
/** Invoice **/
.axx-calendar-event-325 {color: white; background-color: #F691B2;}
/**Purchase Order**/
.axx-calendar-event-340 {color: white; background-color: #C2C2C2;}
/**Reservation**/
.axx-calendar-event-346 {color: white; background-color: rgb(180, 186, 11);}
.axx-calendar-event-346-10-1 {background-color: rgb(248,250,160);color: black;}
.axx-calendar-event-346-0-1 {background-color: rgb(248,250,160);color: black;}
.axx-calendar-event-346-10-1000,.axx-calendar-event-346-10-2,.axx-calendar-event-346-10-4,.axx-calendar-event-346-10-5,
.axx-calendar-event-346-10-6,.axx-calendar-event-346-10-20,.axx-calendar-event-346-10-21 {background-color:#07D91F;} /** Reservations approved status **/
/** Workorder**/
.axx-calendar-event-372 {background-color:#937FC5;color: white;} 
.axx-calendar-event-372-0-10 {border-bottom: 2px solid #EAEA00}/**Draft**/
.axx-calendar-event-372-0-80,.axx-calendar-event-372-0-90, .axx-calendar-event-372-0-110{border-bottom: 2px solid green;}
.axx-calendar-event-372-0-120 {border-bottom: 2px solid black;}/**Closed**/
/**TimeSheet**/
.axx-calendar-event-411 {color: white; background-color: #42D692;}
/**ScheduleItem**/
.axx-calendar-event-412 {color: white; background-color:#A8C7E0;}
.axx-calendar-event-412-0-2 {border-bottom: 2px solid green !important;}
.axx-calendar-event-412-0-3 {border-bottom: 2px solid black !important;}
.axx-calendar-event-412-0-4 {border-bottom: 2px solid yellow !important;}
/**VisitorParking**/
.axx-calendar-event-1033 {background-color:#FF79FF;}
/** Project Resource Tasks **/
.axx-calendar-event-122 {background-color: rgb(124,127,252);color: white;} 
/** pre and post info for events **/
.sch-event-pre-event {position:absolute;top:0px;left:0px;background-color:rgb(155,155,0);width:40px; height:100%;opacity:0.4;filter:alpha(opacity=40);}
.sch-event-post-event {position:absolute;top:0px;left:30px;background-color:rgb(112, 146, 190);width:40px; height:100%;opacity:0.4;filter:alpha(opacity=40);}



/** HTML Editor
  NOTE: this is a workaround. ExtJS applies a reset CSS while Axxerion depends on browser defaults.
  The real solution is to use a reset CSS for Axxerion and be in complete control over all styles.
  The 'soltuion' below appears to be portable over browsers (currently), but in fact it isn't (or
  shouldn't be).
**/
/* we need the second selecor because immediate child selection does not work in IE */
.x-html-editor-wrap {
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1	px;
}
.axx-html-editor {
    margin-top: 1px; 
    margin-bottom: 1px;
}
.axx-html-editor .texthtmlchooser {
    border-left-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px; 
    border-right-width: 0px; 
    border-style: inset;
}

.axx-html-editor-readonly {
    overflow: scroll;border-width: 1px;border-style: inset;
}

/** Style used for Image Control pointer **/
#axx-div-imagepointer-control {padding-left: 20px;padding-top: 20px;position:relative;}
#axx-div-imagepointer-control {border-width:0px;width:200px;}
.axx-div-pointer {position:absolute;margin-left: 0px;margin-top: 0px; border: 0px solid gray;width:200px;height:266px;z-index:5;}
#axx-div-pointer{opacity:0.1;filter:alpha(opacity=10);}
#axx-div-pointer-image{	position:relative;background-repeat:no-repeat;	left:0px;z-index:4;}