/******* generic *******/

body {
	/*background-color: #FFFFFF;*/
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sansserif;
}

.panel {
	position: absolute;
	overflow: visible;
	z-index: 5;
	/*background-color: white;*/
	background-color: #F2F2F2 !important;
}

.panel,
.modal-window {
	/* 3px right, 3px bottom, gradient color on 3px: */
	-moz-box-shadow: 3px 3px 3px #F2F2F2;
    -webkit-box-shadow: 3px 3px 3px #F2F2F2;
    box-shadow: 3px 3px 3px #F2F2F2;
}

.panelShadow {
	position: absolute;
	overflow: visible;
	z-index: 3;
	/*background-color: black;*/
	background-color: #F2F2F2;
	filter: alpha(opacity=33);
	-moz-opacity: .33;
	-khtml-opacity: .33;
	opacity: .33;
}
.ptable {
	border: solid 1px black;
	background-color: white;
}
.ptitbar td {
	background: #035B57 url("/rsrc/img/bg_bot_widg_title.png?thumbc=FFFFFF&thumbl=50") repeat-x bottom !important;
	color: #FFFFFF !important;
	padding: 0.3em 0.3em 0.4em 0.4em;
	font-weight: bold;
	font-size: 11px !important;
	height: 25px;
}

.ptitbar span.new {
 	cursor:pointer;
}

.ptitbar a.new,
.ptitbar span.new {
	margin: 0 1em;
	color: #FFFFFF;
	text-decoration: none;
}

.ptitbar a.new:hover,
.ptitbar span.new:hover {
	text-decoration: underline;
}

img.bt11,
input.bt11 { /* image input */
	width: 11px;
	height: 11px;
	cursor: pointer;
}

.m04 {
	margin-right: 0.4em;
}

.pbuts {
	/*padding: 0.5em 0.6em 0.4em;*/
	padding: 0.5em 2em;
	/*min-height: 20px;*/
}

.pbuts a,
.pbuts button {
	padding: 0.25em 0.5em;
	/*font-size: 0.7em;*/
        /*font-size: inherit;*/ /* strangely, the "inherit" on default value (11px) does nothing */
    font-size: 11px;
	white-space: nowrap;
	letter-spacing: 0.1em;
	/*display: block;*/
	display: inline;
	margin-right: 5px;
	text-decoration: none;
	/*color: #555555;*/
	border: 1px solid #b7c2ec;
	border-bottom: 1px solid #8493CC;
	/*padding: 0.05em 0.5em; interpretted differently by IE and Opera */
	/*background-image: url(/rsrc/img/bg_menu.gif);*/
	background: url("/rsrc/img/bg_menu_light_top1x25.png?thumbc=035B57") repeat-x scroll center top transparent;
	color: #FFFFFF;
	cursor: pointer;
}

.pbuts a:hover,
.pbuts button:hover {
	/*color: #000000;*/
	border: 1px solid #7287DE;
	border-bottom: 1px solid #b7c2ec;
}

.perror {
	padding: 3px 0px 3px 15px;
	margin-bottom: 0.5em;
	color: #990000;
	background: url(/rsrc/img/bg_error.gif) no-repeat top left;
	/*font-size: 0.7em;*/
    font-size: 11px;
}


/* Introduced with RecordRuleCheckKeys in August 2013 */
div.notAllowedValue {
	display: inline-block;
	font-style: italic;

	opacity: 0.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;

	cursor: not-allowed; /* CSS 3 bonus*/
}


/******* calendar *******/

.calNav {
	padding: 0.4em 0.75em 0.3em;
}

.calNav select {
	/*font-size: 0.7em;*/
    font-size: inherit;
	color: #333333;
	margin: 0;
	padding: 0.2em 0.3em;
}

.calendar {
	border-top: solid 1px #ffffff;
}

.calendar th {
	color: #666666;
	/*font-size: 0.55em;*/
    font-size: inherit;
	padding: 0.1em;
	border-bottom: 1px solid #747474;
}

.calendar a, .calendar div {
	/*font-size: 0.55em;*/
    font-size: inherit;
	background-color: #f7f7f7;
	border-bottom: 1px solid #D8D8D8;
	padding: 0.2em;
	text-align: center;
	color: #666666;
}

.calendar a {
	display: block;
	text-decoration: none;
}

.calendar a.today {
	background-color: #D8D8D8;
}

.calendar a:hover, .calendar a.selected {
	background-color: #035B57;
	color: #FFFFFF;
}


/******* time *******/

.timeset {
	padding: 0.3em 0.75em 0;
}

.timeset td {
	padding: 0 0.1em;
}

.timeset input { /* image input */
	border: 0;
	display: block;
	cursor: pointer;
}

.timedisplay {
	
}

.timedisplay .hour,
.timedisplay .mins {
	display: inline-block;
	width: 30px;
	border: 1px solid #035B57;
	padding: 1px;
}

.timedisplay .timeUnitSeparator {
	display: inline-block;
    margin-left: 0.25em;
    margin-right: 0.25em;
}

/******* timezone *******/

.tz {
	padding-top: 0.5em;
}

.tz select {
	/*font-size: 0.7em;*/
    font-size: inherit;
}


/******* login *******/

.login {
	padding: 0.25em 0.75em 0.5em;
}

.login td {
	padding: 0.25em 0.1em 0;
	/*font-size: 0.7em;*/
    font-size: inherit;
}


/******* dateoffset *******/

.dateoffset {
	padding: 0.25em 0.75em 0.5em;
}

.dateoffset td {
	padding: 0.4em 0.1em 0;
	/*font-size: 0.7em;*/
    font-size: inherit;
}

.dateoffset select,
.dateoffset input {
	/*font-size: 1em;*/
    font-size: inherit;
}
.dateoffset td.name {
	text-align: right;
	padding-right: 0.3em;
	width: 98%;
}

.dateoffset td.value {
	width: 1%;
}

.dateoffset img {
	display: block;
	cursor: pointer;
	width: 9px;
	height: 9px;
	border: 0;
}


/******* alphalist *******/

.alphalist .head {
	padding: 0.4em 0.3em;
}

.alphalist .head div {
	/*background: url(/rsrc/img/bg_menu.gif) repeat-x top;*/
	background: url("/rsrc/img/bg_menu_light_top1x25.png?thumbc=035B57") repeat-x scroll center top transparent;
	color: #FFFFFF;
	padding: 0.1em 0.25em;
	border: 1px solid #AAAAAA;
	border-bottom: 1px groove #c0c0c0;
}

.alphalist .head td {
	/*font-size: 0.7em;*/
    font-size: inherit;
}

.alphalist .head select {
	/*font-size: 1em;*/
    font-size: inherit;
}

.alphalist .head .new {
	padding-left: 0.5em;
}

.alphalist .results a {
	display: block;
	color: #444444;
	text-decoration: none;
	padding: 0.25em 0.45em;
	/*font-size: 0.7em;*/
    font-size: inherit;
}

.alphalist .results a:hover {
	color: #000000;
	text-decoration: underline;
}


/******* txtInter *******/

.txtInter {
	padding: 0.5em 0.45em 0 0.6em;
}

.txtInter td.tab a,
.txtInter td.activeTab a {
	letter-spacing: 0.1em;
	white-space: nowrap;
	display: block;
	background-color: #E7E7E7;
	color: #333333;
	padding: 0.1em 0.3em;
	margin-right: 0.05em;
	text-decoration: none;
	/*font-size: 0.7em;*/
    font-size: inherit;
}

.txtInter textarea, .pbuts select {
	/*font-size: 0.7em;*/
    font-size: inherit;
}

.txtInter td.tab a:hover, .txtInter td.activeTab a {
	background-color: #CCCCCC;
	color: #000000;
}

.txtInter .trash {
	padding-right: 0.25em;
}


/******* jQuery ToolTips in panels *******/
.hiddenToolTip {
	display: none !important;
}

.defaultBgColor {
	background-color: #FFFFFF;
}

.defaultFontColor {
	color: #000000;
}

#tooltip {
	background-color: #F2F2F2;
	color: #000000;
    position: absolute;
    z-index: 100;
}

.dictionary .makeMeMyToolTip {
	cursor: default;
}

.dictionary .makeMeMyToolTip.withFakedHitArea {
	padding-left: 0;
}

/******* dictionary *******/


.panel .dicNav {
	padding: 0.25em 0.3em 0.3em;
	height: 25px;
}

.dicNav table {
	border: 1px solid #AAAAAA;
	border-bottom: 1px groove #c0c0c0;
}

.dicNav td {
	/*background: url(/rsrc/img/bg_menu.gif) repeat-x top;*/
	background: url("/rsrc/img/bg_menu_light_top1x25.png?thumbc=035B57") repeat-x scroll center top transparent;
	color: #FFFFFF;
	padding: 0.1em 0.45em;
	/*font-size: 0.7em;*/
    font-size: inherit;
}

.dicNav input {
	padding: 0.05em 0.25em;
	/*font-size: 1em;*/
    font-size: inherit;
}

.dicNav input.btNav { /* image input */
	padding: 0;
	width: 11px;
	height: 11px;
	cursor: pointer;
	border: 0;
}

/*
.dictionary ul li span , .dictionary ul li input {
	font-size: 0.7em;
}
*/

/*
.dictionary ul li span {
	background-color: #F2F2F2;
	color: #444444;
}
*/

.dictionary a {
	white-space: nowrap;
}

.dictionary a,
tr.even *,
.mainInnerChildRecordContent { /* includes 'even' class */
	/*
	background-color: #F2F2F2 !important;
	color: #444444 !important;
	*/
	background-color: #FFFFFF !important;
	color: #000000 !important;
}

tr.odd * {
	/*
	background-color: #FCFCFC !important;
	color: #555555 !important;
	*/
	background-color: #F2F2F2 !important;
	color: #000000 !important;
}

tr.even:hover * {
	background-color: #035B57 !important;
	color: #FFFFFF !important;
	/*
	box-shadow: 0px 1px 5px #000000;
	*/
}

tr.odd:hover * {
	background-color: #035B57 !important;
	color: #FFFFFF !important;
	/*
	box-shadow: 0px 1px 5px #000000;
	*/
}

/* ------------------------------------------ */
/* Dynamic auto-colorized images for treeview */
/* ------------------------------------------ */
.treeview .hitarea,
.treeview .fakedHitarea,
/*
.treeview li.expandable .hitarea,
.treeview li.collapsable .hitarea,
*/
.treeview li.collapsable .fakedHitarea,
/*
.treeview li.collapsable.lastCollapsable,
.treeview li.collapsable.lastCollapsable .fakedHitarea,
.treeview li.collapsable.lastCollapsable .hitarea,*/
.treeview li.lastCollapsable,
.treeview li.lastExpandable/*,
.treeview li.expandable.lastExpandable,
.treeview li.expandable.lastExpandable .fakedHitarea,
.treeview li.expandable.lastExpandable .hitarea */{


	background-image: url("/rsrc/img/auto/000000/treeview-default.gif");
}




.treeview .fakedHitarea {
	background-position: -32px -71px;
}

.treeview .collapsable-hitarea,
.treeview div.lastCollapsable-hitarea {
	background-position: -64px -26px;
}

.treeview .expandable-hitarea {
	background-position: -80px -4px;
}

.treeview div.lastExpandable-hitarea {
	/*background-position: 0 100%;*/
	background-position: -48px -49px;
}

.treeview li.last,
.treeview li.lastCollapsable,
.treeview li.lastExpandable {
	background-position: 0 -1766px !important;
}

/*
ul.treeview.rootTreeview > li > .hitarea {
	display: none;
}
*/


.treeview li {
	background: url("/rsrc/img/auto/000000/treeview-default-line.gif") no-repeat scroll 0 0 transparent !important;
}

/*
.treeview li.last {
	background-image: url("/rsrc/img/auto/000000/treeview-default-line-end.gif") !important;
}
*/


/* *** */

/*
.dictionary ul.treeview li {
	min-height: 30px;
}
*/

.dictionary ul.treeview li a { /* includes 'even' class */
	background-color: transparent;
	padding-left: 0px;
}


.dictionary ul.treeview li a,
.dictionary ul.treeview li span a {
	display: block;
	margin-top: -0.3em;
	white-space: pre-wrap;
}

.dictionary ul.treeview li .makeMeMyToolTip a,
.dictionary ul.treeview li span .makeMeMyToolTip a {
	margin-top: 0;
	white-space: normal;
}


div.pageDiv .treeContent .dictionary ul.treeview li a {
	display: inline-block !important;
}

/* oldies, no more interesting, really... BUT... */
/*
.dictionary ul.treeview li span {
	display: block;
	float: left;
	margin: -0.3em 0.45em 0.25em;
}
*/

/* ... BUT .. if left, we can add this, to display properly with truncated data and "..." at the end: */
/*
.dictionary ul.treeview li span.odd {
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 340px;
}

.dictionary ul.treeview li span.odd:hover {
    white-space: normal;
    overflow: auto;
    max-width: none;
    text-overflow: inherit;
    float: none;
}
*/


.dictionary div {
	padding-left: 0.45em;
}

.dictionary div,
.treeviewInnerChildrenNav {
	display: block;
	white-space: normal;
	min-height: 20px;
	font-size: inherit;
}

.treeviewInnerChildrenNav {
	padding: 0.25em 0.45em;

	background-color: #035B57;
	color: #FFFFFF;
}

.treeviewInnerChildrenNav span.gotoPage {
	float: none !important;
	display: inline !important;
}

.treeviewInnerChildrenNav .currentNavInfo {
	font-size: 11px; /* this is enought */
}


.mainInnerChildRecordContent {
    min-height: 40px !important;
}

/*
.treeview .fakedHitarea.withThumb {
	background-position: -32px -72px;
}
*/

.dictionary a {
	display: block;
	text-decoration: none;
	padding: 0.25em 0.45em;
	white-space: normal;
	/*font-size: 0.7em;*/
    font-size: inherit;
    min-height: 20px;
}

.treeviewInnerChildrenNav span,
.treeviewInnerChildrenNav input {
	/*font-size: 0.7em;*/
    font-size: inherit;
}

.treeviewInnerChildrenNav input.formButton {
	background: url("/rsrc/img/bg_menu_light_top1x25.png?thumbc=035B57") repeat-x scroll center top transparent;

	/* Not PrimaryFontColor because the background image, is enlighted, (even if it is colored with the PrimaryBackground color): */
	/*color: #035B57 !important;*/
	color: #FFFFFF !important;
	cursor: pointer;
	min-width: 25px;
	min-height: 25px;
}

.treeviewInnerChildrenNav input.formButton[disabled],
.treeviewInnerChildrenNav input.formButton[disabled="disabled"] {
	background: url("/rsrc/img/bg_menu_light_top1x25.png?thumbc=035B57") repeat-x scroll center top transparent;
	cursor: no-drop;
}

.dictionary th {
	/*font-size: 0.7em;*/
    font-size: inherit;
	text-align: left;
	padding: 0.25em 0.45em;
}

.dictionary td {
	text-decoration: none;
	/*padding: 0.25em 0.45em;*/
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-right: 0;
	/*font-size: 0.7em;*/
    font-size: inherit;
	/*cursor: pointer;*/
	cursor: default;
}

.dictionary td.makeMeMyToolTip {
	padding-left: 0.45em;
	padding-right: 0.25em;
}


.dictionary tr.even td,
.dictionary tr.even td a {
	background-color: #F2F2F2;
	color: #444444;
}

.dictionary tr.odd td,
.dictionary tr.odd td a {
	background-color: #FCFCFC;
	color: #555555;
}

.dictionary tr.even_mouseOver td,
.dictionary tr.even td_mouseOver a,
.dictionary tr.even td_mouseOver a:hover {
	background-color: #E9E9E9;
	color: #111111;
}

.dictionary tr.odd_mouseOver td,
.dictionary tr.odd td_mouseOver a,
.dictionary tr.odd td_mouseOver a:hover {
	background-color: #E6E6E6;
	color: #111111;
}

.noEntries {
	padding: 0.25em 0.45em 0.35em;
	/*font-size: 0.7em;*/
    font-size: inherit;
	color: #333333;
}

/* suggest */

div.suggest {
	border-top: 1px solid #AAAAAA;
}

div.suggest a,
div.suggest div {
	display: block;
	/*
	border: 1px solid #AAAAAA;
	border-top: none;
	*/
	padding: 0.25em;
}

div.suggest a.even {
	background-color: #F2F2F2;
	color: #444444;
}

div.suggest a.odd {
	background-color: #FCFCFC;
	color: #555555;
}

div.suggest a.even:hover {
	background-color: #E9E9E9;
	color: #111111;
}

div.suggest a.odd:hover {
	background-color: #E6E6E6;
	color: #111111;
}