@font-face {
	font-family: 'if';
	src:url('/res/if.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'of';
	/*src:url('/res/osc.woff?-a8wubt') format('woff');*/
	src:url('/res/anr.ttf');
	font-weight: normal;
	font-style: normal;
}


html * {
   color: #000;
   /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
   line-height: 1.6em;
}

body{
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body a {
	text-decoration: none;
}

button {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 4px 20px;
	border: 1px solid transparent;
	border-radius: 2px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	font-size: 13px;
	color: white;
	text-align: center;
	background: #f61;
	border: 0;
	cursor: pointer;
	line-height: 20px;
	-webkit-transition: all 0.15s ease;
	background-image: -webkit-linear-gradient(top,#6ae,#09d);
}

table td {font-size: 1.2em; font-family: of; padding: 3px; color: #000;}
input[type="text"] {border: 1px solid #f61; padding-left: 5px;}
input[type="password"] {border: 1px solid #f61; padding-left: 5px;}

.button-action:after {
	content:url(/res/load.gif);
	margin-left: 10px;
}

select	{	border: 1px solid #f61; padding: 3px 3px 3px 3px; font-size: 0.8em; font-family: Trebuchet MS, Arial; border-radius:4px;}

.code {
  font-size: 90%;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  white-space: pre-line;
  text-align: left;
  display: inline-block;
  width: 100%;
}



.link {text-decoration: none;}

.popup-container{ display: none; position: fixed; left: 0px; top: 0px; width:100%; height:100%; z-index: 10; background: rgba(128, 128, 128, 0.5); }
.popup-container > div { border: 0px solid #000; padding: 0px 0px 0px 0px; text-align:center; overflow: auto; z-index: 12; background-color: #fff; vertical-align: middle; display: inline-block;}
.popup-header	{ padding: 8px; background-color: #aaa; font-family: of; font-size: 20px; font-weight: bold; color: #333;}
.popup-content	{ padding: 10px 8px 2px 8px; border: 0px solid #000; }

.menu-strip { width: 100%; background: #f61;}
.top-menu-header { text-align: left; margin: auto; border-bottom: 0px solid #888; margin-bottom: 2px; }
.top-menu-header ul {padding: 0px; margin: 0px; display: inline-block; border: 0px solid #f00;}
.top-menu-header ul li {display: inline-block; padding: 10px 20px 3px 14px; font-size: 0.8em;}
.top-menu-header a { text-decoration: none; color: #fff;}
.top-menu-header span { padding: 20px 20px 3px 14px; margin: 0px; display: inline-block; float: right; border: 0px solid #f00; color: #fff; font-size: 0.8em;}
.logo {font-size: 20px; font-style: italic; font-weight: bold;}

.footer-strip { width: 100%; background: #fff; text-align: center; padding-top: 30px;}
.footer-strip ul {padding: 0px; margin: 0px; display: inline-block; border: 0px solid #f00;}
.footer-strip ul li {display: inline-block; padding: 10px 10px 3px 14px; font-size: 0.6em;}
.footer-strip a { text-decoration: none; color: #f61;}

.gicon {font-family: 'if'; -webkit-font-smoothing: antialiased; padding: 8px 6px 0px 3px; color: #f61; cursor: pointer;}
.gicon a {text-decoration: none;}
.gicon-disabled {color: #ccf;}
.gicon-home:before		{ content: "\e600"; }
.gicon-edit:before		{ content: "\e601"; }
.gicon-edit-thick:before { content: "\e602"; }
.gicon-picture:before	{ content: "\e603"; }

.gicon-barcode:before	{ content: "\e605"; }
.gicon-save:before		{ content: "\e608"; }
.gicon-user:before		{ content: "\e610"; }
.gicon-users:before		{ content: "\e611"; }
.gicon-refresh:before	{ content: "\e612"; }
.gicon-search:before		{ content: "\e615"; }
.gicon-zoom-in:before	{ content: "\e616"; }
.gicon-zoom-out:before	{ content: "\e617"; }
.gicon-key:before		{ content: "\e618"; }
.gicon-lock:before		{ content: "\e619"; }
.gicon-wand:before		{ content: "\e620"; }
.gicon-cog:before		{ content: "\e61f"; }
.gicon-bin:before		{ content: "\e624"; }
.gicon-tree:before		{ content: "\e627"; }
.gicon-close:before		{ content: "\e62e"; }
.gicon-ok:before			{ content: "\e62f"; }
.gicon-minus:before		{ content: "\e631"; }
.gicon-plus:before		{ content: "\e632"; }
.gicon-enter:before		{ content: "\e633"; }
.gicon-exit:before		{ content: "\e634"; }
.gicon-prev:before		{ content: "\e638"; }
.gicon-next:before		{ content: "\e639"; }
.gicon-first:before		{ content: "\e63a"; }
.gicon-last:before		{ content: "\e63b"; }
.gicon-arrow-up2:before	{ content: "\e643"; }
.gicon-arrow-down2:before{ content: "\e645"; }
.gicon-filter:before		{ content: "\e64d"; }
.gicon-arrow-up3:before	{ content: "\e647"; }
.gicon-arrow-down3:before{ content: "\e649"; }
.gicon-import:before		{ content: "\e655"; }
.gicon-export:before		{ content: "\e656"; }
.gicon-contract:before	{ content: "\e65e"; }
.gicon-contract2:before	{ content: "\e660"; }


.data-set		{width: 800px; margin: auto; margin-top: 50px; border-top: 1px solid #fed; border-bottom: 0px solid #fed; padding: 10px 10px 10px 0px; font-family: 'of'; font-size: 1.4em; }
.data-set-data	{font-size: 0.75em; text-align: left; background: #fff; padding: 10px 10px 10px 20px; border-bottom: 0px solid #ededed; padding-bottom: 20px; font-family: of;}
.data-set-footer{text-align: right; padding: 20px 20px 20px 20px; background: #fed; font-size: 0.7em; font-weight: normal; margin-left: 20px; margin-top: 30px;}
.data-set-caption { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 10px 10px 0px 0px; border-bottom: 1px solid #f61; margin-bottom: 30px;}
.data-set-subcaption {font-size: 0.9em; padding: 10px 10px 20px 10px;}

.callout		{ position: relative; width: 242px;}
.callout div	{ position: relative; top: -4px; width: 20px; height: 20px; background-color: #ff0000; transform: skew(-45deg); -webkit-transform: skew(-45deg, 0deg); -ms-transform: rotate(-45deg);}
.callout #callout_msg	{ position: relative; left: 4px; top: -30px; padding: 20px; background-color: #ff0000; border-radius: 6px; display: block; width: 85%; color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12pt;}
.btn-close		{z-index: 2000; float: right; position: absolute; color:  #fff; font-size: 0.9em; top: -12px; right: -5; display: block;}
.btn-close:hover{cursor: pointer;}

.small-txt		{font-size: 0.8em;}

.header {width: auto; background-color: #6ae;  padding: 0px 20px 0px 10px; margin: 0px; position: relative;}
.header-ritem {float: right; font-size: 12px; color: #fff; padding: 5px 5px 4px 0px; cursor: pointer;  position: absolute; bottom: 0; right: 10px;}
.header-logo { font-style: italic; display: inline-block; color: #fff; padding: 10px 5px 3px 3px; }

.pgcaption { padding: 5px 10px 0px 10px; text-align: right; border-bottom: 1px solid #0ae; margin-bottom: 35px; font-size: 11pt;}
.good {color: #0e0;}
.err   {color: #a00; font-weight: bold;}






.tree, .tree ul {
    margin:0;
    padding:0;
    list-style:none
}
.tree ul {
    margin-left:1em;
    position:relative
}
.tree ul ul {
    margin-left:.5em
}
.tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid
}
.tree li {
    margin:0;
    padding:0 1em;
    line-height:2em;
    color:#369;
    font-weight:700;
    position:relative
}
.tree ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.tree ul li:last-child:before {
    background:#fff;
    height:auto;
    top:1em;
    bottom:0
}
.indicator {
    margin-right:5px;
}
.tree li a {
    text-decoration: none;
    color:#369;
}
.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    color:#369;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}