html,body{margin:0;padding:0; height:100%;min-height: 100%; }
body{color:#000; font: 10pt segoe ui; height:100%;line-height:normal;}
#main{min-height: 100%; height: 100%; /*position:relative;*/} 
br {  line-height:2px;}

/*Main Site */
.main_box{width:100%; background-color:#fff;padding:0px; margin:0px;table-layout: fixed}
.main_box th {padding:0px; margin:0px;}
.main_box thead tr { padding:0px; margin:0px;}
.main_box .longtitle {font-size:13pt; font-weight:bold; margin-left:10px; padding-bottom:10px;}

/* Table Header bar */
.main_box div.trheadBar {background: #0074b9;/*linear-gradient(#00ace6, #0086d9);*/ padding:5px 0px 10px 25px; color: #fff; font-size:35pt; text-decoration: none; height:65px;}
span.feedbackPropertiesArea, span.feedbackPropertiesArea a {float:right; padding-right: 10px; padding-top:50px; color: #fff;  font-size:10pt;  text-decoration:none;}

/*Header*/
#logo{position:absolute; top:0px;left:40px;}
#logo-title{ font-size:20px; left:125px; position:absolute; top:30px;}
#topmenuright{position:absolute; top:10px;right:40px;}

/* Footer */
.footDiv {color:#b8b8b8; font-size:9pt; position:absolute; bottom:0; }
.footDivMenu {color:#b8b8b8; font-size:7pt; position:fixed; bottom:0; width:14%;}
.footDevLink {color:#b8b8b8; font-size:9pt; position:fixed; bottom:0; right:0; }

/* Top Bar */
.topBar 
{
    background:#0074b9;height:75px;
}

.topSubBar {
    background-color:#f5f5f5;height:25px;text-align:right;
}

.verticalMenuButton {
    background:#0074b9;border:0;height:100%;color:white;font: 10pt segoe ui;
}

.verticalMenuButtonHover {
    background-color:#0098F0;border:0;height:100%;color:white;font: 10pt segoe ui;
}

.pointer {cursor:pointer; text-decoration:none; z-index:10;}
/*Top Menu*/
.panelFirst {height:35px; background:transparent url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.css.header_bg.jpg) repeat-x scroll top left;}
.panelFirst .btn {float:left; color:#fff; padding:8px 6px 0;}
.panelFirst .activate {background-color:#E5E7F4; color:#020B96; float:left; height:27px;}
.panelFirst .borderL{float:left; position:relative;left:0px;background:transparent url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.css.header_corner_l.jpg) no-repeat scroll bottom left;width:4px; height:35px;}
.panelFirst .borderR{float:right; position:relative;right:0px; background:transparent url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.css.header_corner_r.jpg) no-repeat scroll bottom left;width:4px;height:35px;}
.panellongtitle {clear:both; font-size:11pt; font-weight:bold; left:15px; position:relative; top:30px; width:65%;}
.menulongtitle {clear:both; font-size:10pt; font-weight:normal; padding:12px 0 0px 0px; width:400px;color: #020B96;z-index: 0}

.panelInfo {background:transparent url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_info.png) no-repeat scroll bottom left;width:20px; height:20px;}
.panelInfoWindow {background-color:#E5E7F4; border:1px solid #8085C9; padding:5px; }
.jsfeedback .send {float: right; color:#002290; height:16px; padding:2px 15px 2px 20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_send2.png) no-repeat center left; }
.jsfeedback table {width:100%;}
.jsfeedback td {font-size:10pt;}
/*.jsfeedback input {width:95%;}*/
.jsfeedback select {width:95%;}
.jsfeedback textarea {width:95%;}

.jshelp {font-size:10pt;}
.send {height:24px; padding:10px 15px 0 20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_save.png) no-repeat center left; }

/*Tools Menu*/
.jstools ul {list-style:none outside none; margin:0; padding:0;}
.jstools div {background-color:#EFEFEF; border:1px solid #AAAAAA; color:#000000; font-size:10pt; margin:2px; padding:5px; text-decoration:none; cursor:pointer;}
.jstools div .group {border-color:#CCCCCC #888888 #555555 #BBBBBB; border-style:solid; border-width:1px;  display:block; font:bold 11px/16px arial,helvetica,sans-serif; margin:0; padding:2px 3px; }
.jstools div:hover{background-color:#ddd;}

/*Tab Menu*/
.panelTab {height: 36px; overflow:hidden;}
.panelContent { padding:0px;}
.sf-tabmenu, .sf-tabmenu * {margin: 0;padding:0; list-style: none;}
.sf-tabmenu ul {width:15em; }
.sf-tabmenu ul li {width: 100%;}
.sf-tabmenu li:hover {	visibility:	inherit; }
.sf-tabmenu li {float:	left;}
.sf-tabmenu .tab {padding: 6px 8px 6px 8px; font-size: 14px; position:relative;margin-right: 2px;color: #fff;background-color: #616161}
.sf-tabmenu .tab a{color:#FFFFFF; text-decoration:none;}
.sf-tabmenu .active {background:#0097e8;height: 36px;}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin: 0;padding:0; list-style: none;}
.sf-menu ul {position:relative;}
.sf-menu ul li {width: 100%;}
.sf-menu {	visibility:	inherit; }
.sf-menu li { position:	relative; z-index:999;}
.sf-menu a { display:block;	position:relative;z-index:999;}

/* HORIZONTAL MENU */
div.horizontalMenu .sf-menu ul {position:absolute;	top:-999em;	min-width:10em; padding-bottom:0px; padding-right:0px; border:1px solid #0074b9; }
div.horizontalMenu .sf-menu li:hover {	visibility:	inherit; }
div.horizontalMenu .sf-menu li {float:left; font-size: 10pt; position:relative;margin-left: 2px;color: #fff; background-color: #fff; z-index:999;}
div.horizontalMenu .sf-menu li.sub {margin-left: 0px;}
div.horizontalMenu .sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0;	top:2.5em; margin-top:5px;}
div.horizontalMenu ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
div.horizontalMenu ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em;	top:0; background-color:#fff; overflow:hidden;}
div.horizontalMenu ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
div.horizontalMenu ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; top:0;}
div.horizontalMenu .sf-menu {float:	left;}
div.horizontalMenu .sf-menu a {padding:0.75em 1em;	text-decoration:none; position:relative;}
div.horizontalMenu .sf-menu .main .active {color:#fff; background:#0074b9;}
div.horizontalMenu .sf-menu .main a {color:#fff; background:#616161;}
div.horizontalMenu .sf-menu .sfHover a {color:#fff; background:#0097e8;}
div.horizontalMenu .sf-menu .main a:hover {color:#fff; background:#0097e8;}
div.horizontalMenu .sf-menu .sub a {background-color:#fff; color: #000;}
div.horizontalMenu .sf-menu .sub li {margin-left:0px;}
div.horizontalMenu .sf-menu .sub a:hover {color: #fff;background:#0097e8;}
div.horizontalMenu .sf-menu .sub .sfHover a:hover {background:#0097e8;}
div.horizontalMenu .sf-menu .sub a:hover > .sf-sub-indicator {background-position:0px 0px;  background:#f5f5f5;background:transparent url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.css.arrowOpen_10w.png) no-repeat scroll;}
div.horizontalMenu .sf-menu li a.sf-with-ul {padding-right:25px;}
div.horizontalMenu .sf-menu .sub a > span.sf-sub-indicator { background:transparent url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.css.arrowOpen_10.png) no-repeat scroll;}
div.horizontalMenu .sf-menu li.sub ul {margin-top:-1px;}


 
/* VERTICAL MENU */
div.verticalMenu { padding-left:30px; padding-top:10px; padding-right:10px;}
div.verticalMenu .sf-menu { font-size:12pt; padding-left:14px;}
div.verticalMenu .sf-menu li { clear:both; }
div.verticalMenu .sf-menu ul { display: none; margin-left: 20px; } /* Vertical submenus hiding */
div.verticalMenu .sf-menu a { padding: 5px 0px 5px 0px ; text-decoration:none; position:relative;}
div.verticalMenu .sf-menu .main .active > .sf-sub-indicator {background-position: -10px -100px;}
div.verticalMenu .sf-menu .main a {color:#000;}
div.verticalMenu .sf-menu .sfHover a {color:#000;}
div.verticalMenu .sf-menu .main a:hover {color:#0097e8;}
div.verticalMenu .sf-menu .main a:hover span.menuArrowRight { background:transparent url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.css.vertMenuArrowRight.png) no-repeat scroll;}
div.verticalMenu .sf-menu .main a:hover span.menuArrowDown { background:transparent url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.css.vertMenuArrowDown.png) no-repeat scroll;}
div.verticalMenu .sf-menu .sub a {color: #000;}
div.verticalMenu .sf-menu .sub a:hover {color: #0097e8; }
div.verticalMenu .sf-menu a.active.leaf {color: #0097e8; }
div.verticalMenu .sf-menu .main li.sub a.active {color:#0097e8;}
div.verticalMenu .sf-menu .main li.sub a.secactive {color:#0097e8;}
div.verticalMenu .sf-menu .main li.sub a.thdactive {color:#0097e8;}
div.verticalMenu .sf-menu .sub a:hover > .sf-sub-indicator {background-position:0px 0px;}


/*** arrows **/
.sf-menu a.sf-with-ul {	padding-right: 	2.25em;	min-width:1px;}
.sf-sub-indicator {	background:transparent url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.css.horizMenuArrowDown.png) no-repeat scroll; position: absolute;	display: block;	right:	.75em; top:	1.05em;	width: 10px; height:10px; text-indent: -999em; overflow:hidden; }

 div.verticalMenu .menuArrowRight { background:transparent url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.css.vertMenuArrowRightBlack.png) no-repeat scroll; position: relative;	display: inline-block; margin-left:8px; width: 10px; height:10px; }
 div.verticalMenu .menuArrowDown { background:transparent url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.css.vertMenuArrowDownBlack.png) no-repeat scroll; position: relative;	display: inline-block; margin-left:8px; width: 10px; height:10px; }
.menuArrowClose { background:transparent url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.css.arrowClose.png) no-repeat scroll; width: 16px; height:16px; margin-top:20px; float:left; display:inline-block; /*right:86.5%;*/ }
.menuArrowOpen { background:transparent url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.css.arrowOpen.png) no-repeat scroll; width: 16px; height:16px; margin-top:20px; float:left; /*right:99%; */}

.menuHeader, .menuHeader a { font-size:16pt; text-decoration:none; color:#000;}

.sf-menu li {}
.sf-menu li li {}
.sf-menu li li li {}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline:0;}

.sf-menu .active { outline:0; }
.sf-menu .secactive {outline:0; }
.sf-menu .thdactive { outline:0; }


 /* give all except IE6 the correct values */
/* a > .sf-sub-indicator { top:	.8em;	background-position: 0 -100px; }*/
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	/*background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	/*background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
/*.sf-shadow ul {background:transparent url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.css.shadow.png) no-repeat scroll right bottom;	padding: 0 8px 9px 0;	-moz-border-radius-bottomleft: 17px;	-moz-border-radius-topright: 17px;	-webkit-border-top-right-radius: 17px;	-webkit-border-bottom-left-radius: 17px;}
.sf-shadow ul.sf-shadow-off {	background: transparent;}*/

/*JS Menubar*/
.menubar .iconlogout {  padding-left:20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_logout.png) no-repeat center left; }
.menubar .iconlogin {  padding-left:20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_login.png) no-repeat center left; }
.menubar .iconadmin {  padding-left:20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_admin.png) no-repeat center left; }
.menubar .iconsettings {  padding-left:20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_settings.png) no-repeat center left; }
.menubar .iconmail { padding-left:20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_mail.png) no-repeat center left; }
.menubar .iconhelp {padding-left:20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_help.png) no-repeat center left; }
.menubar .iconarrowl { height:24px; padding:3px 5px 0 20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_arrowl.png) no-repeat center left; }
.menubar .iconprofil {  padding-left:20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_profil.png) no-repeat center left; }

.gadgetsadd {float: right;margin: 10px 16px 10px 0px}

/*JS User menu*/
.userMenu { background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_user.png) no-repeat right 15px center; }

/*JS Document*/
.jsdocument {height: 100%;}
.jsdocument h1 {font-size:12pt;}
.jsdocument .document {width: 100%;float: right;margin-bottom: 10px;height: 22px}
.document .formStatus { width: 40%;float: left;color: red;padding: 9px 0px 0px 2px;height: 100%}
.jsdocument .document .borderL{float:left; position:relative;left:0px;background:transparent url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.css.header_cornergrey_l.jpg) no-repeat scroll bottom left;width:8px; height:35px;}
.jsdocument .document .borderR{float:right; position:relative;right:0px; background:transparent url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.css.header_cornergrey_r.jpg) no-repeat scroll bottom left;width:8px;height:35px;}
.jsdocument .iconform {float:right; height:24px; padding:10px 15px 0 20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_form.png) no-repeat center left; }
.jsdocument .iconedit {float:right; height:24px; padding:10px 15px 0 20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_edit.png) no-repeat center left; }
.jsdocument .iconarrowr {float:right; height:24px; padding:10px 15px 0 20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_arrowr.png) no-repeat center left; }
.jsdocument .iconarrowl {float:right; height:24px; padding:10px 15px 0 20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_arrowl.png) no-repeat center left; }
.jsdocument .iconok {float:right; height:24px; padding:10px 15px 0 20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_ok.png) no-repeat center left; }
.jsdocument .iconnet {float:right; height:24px; padding:10px 15px 0 20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_net.png) no-repeat center left; }

.jsdocument .icontools {float:right; height:35px; width:28px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_tools_24.png) no-repeat center left; }
.jsdocument .iconprob {float:right;  padding-left:20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_prop.png) no-repeat center left; }
.jsdocument .iconmail {float:right;  padding-left:20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_mail.png) no-repeat center left; }
.jsdocument .iconhelp {float:right;  padding-left:20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_help.png) no-repeat center left; }

.jsdocument .iconlogout {float:right;  padding-left:20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_logout.png) no-repeat center left; }
.jsdocument .iconadmin {float:right;  padding-left:20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_admin.png) no-repeat center left; }
.jsdocument .iconsettings {float:right;  padding-left:20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_settings.png) no-repeat center left; }
.jsdocument .iconlogin {float:right; height:8px; padding:10px 15px 0 20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_login.png) no-repeat center left; }


.jsdocument .iconclose { }
.jsdocument .icondelete { }
.jsdocument .iconsave { }
.jsdocument .iconfilter { }

.jsdocument .iconreload {}
.jsdocument .iconsignin {float:right; height:24px; padding:10px 15px 0 20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_signin.png) no-repeat center left; }
.jsdocument .icondragout {float:right; height:24px; padding:10px 15px 0 20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_dragout.png) no-repeat center left; }
.jsdocument .iconorganization16 {margin-left:10px; height:18px; padding:2px 2px 2px 20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_organisation16.png) no-repeat center left; }
.jsdocument .iconperson16 {margin-left:10px; height:18px; padding:2px 2px 2px 20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_user16.png) no-repeat center left; }
.jsdocument .iconproduct16 {margin-left:10px; height:18px; padding:2px 2px 2px 20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_product16.png) no-repeat center left; }
.jsdocument .iconnone16 {margin-left:10px; height:18px; padding:2px 2px 2px 0px; }
.jsdocument .longtitle {font-weight:bold; margin-top:-32px; position:relative; width:300px; padding-bottom:20px;}
.jsdocument .infopanel {font-size:8pt;}
.jsdocument .btnsmall {float:right; padding: 4px 6px 4px 6px; font-size: 12px; position:relative;margin-left: 2px;color: #fff;background-color: #616161}
.jsdocument .btnsmall:hover {color:#fff; background:#0097e8;}
.jsdocument .headerline {padding:3px;font-weight:bold;background-color:#E5E7F4;border-top:1px dashed #6C6CB4;border-bottom:1px dashed #6C6CB4;}
.jsdocument .leftlinedashed {border-right:1px dashed #6C6CB4;}
.jsdocument .headerlinedashed {border-bottom:1px dashed #6C6CB4;font-weight:bold;margin-top:3px;padding:3px;}
.jsdocument .headerlinedark { border-bottom:1px solid #0097e8; border-top:1px solid #0097e8; font-size:11pt; padding:3px; }
.jsdocument .headerlinedarkbottom { border-bottom:1px solid #0097e8; font-size:14pt; padding:3px; margin-top:6px; }
.jsdocument .riskLine{height:15px; width:143px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.theme.lineRisk.jpg) no-repeat center left; }

.jsdocument .green {color: green;}
.jsdocument .red {color: red;}
.jsdocument .blue {color: blue;}

.embedder { height: 24px;}
.embedder .btnsmall {float:right; padding: 4px 6px 4px 6px; font-size: 12px; position:relative;margin-left: 2px;color: #fff;background-color: #616161}
.embedder .btnsmall:hover {background-color: #0097e8}
.embedder .iconsave { }
.embedder .iconlogin {float:right; height:24px; padding:8px 15px 0 20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_login.png) no-repeat center left; }
.embedder .iconfilter {float:right; height:24px; padding:8px 5px 0 20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_filter.png) no-repeat center left; }
.embedder .docubtnright { height: 100%;float: right;}
.embedder .docubtnleft {
    color: red;
    float: left;
}

.ui-dialog-content .headerlinedark { background-color:#8085C9; color:#FFFFFF; font-size:11pt; font-weight:bold; padding:3px; }

/*JS BOX*/
.jsbox { margin-top: 0px;padding-bottom:8px;}
.jsbox .designtitle {z-index:1; position:relative; top:1px;}
.jsbox .designtitleborder {z-index:1; position:relative; top:1px;padding-bottom: 2px;margin-bottom: 6px; border-bottom: 1px solid #0097e8;}
.jsbox .designtitle span, .jsbox .designtitleborder span {padding:4px 0 0; margin:0px; font-size:14pt; color:#000; overflow:hidden;} /* width:350px;*/
.jsbox .designboxin {border: 0; padding-top:0px;}
.jsbox .content {padding-top:1px;}
.jsbox .designmore {border-top:1px dashed #0097e8; font-size:8pt; padding:3px 5px; text-align:right;}
.jsbox .designbar {background-color:#E5E7F4; border-color:#6C6CB4 #002290 #002290; border-style:dashed solid solid; border-width:1px; color:#002290; font-size:8pt; height:20px; padding:3px 5px; text-align:right;}
.jsbox .designmore a{ text-decoration:none; color:#0074b9;}
.jsbox .helpbox {background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_help16.png) no-repeat center left; float:left; width:16px; height:16px; float:right; padding:2px;}
.jsbox .right {float:right; height:18px; padding:0 0 0 18px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_right.png) no-repeat center left;}
.jsbox .left {float:right;  height:18px; padding:0 16px 0 18px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_left.png) no-repeat center left;}

.jsbox .minbox {background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_remove16.png) no-repeat center left; float:left; width:16px; height:16px; float:right; padding:2px;}
.jsbox .minselected {background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_add_16.png) no-repeat center left; float:left; width:16px; height:16px; float:right; padding:2px;}
.jsbox .relbox {background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_refresh16.png) no-repeat center left; float:left; width:16px; height:16px; float:right; padding:2px;}
.jsbox .settingsbox {background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_settings16.png) no-repeat center left; float:left; width:16px; height:16px; float:right; padding:2px;}

.jsbox .morebox {height:16px;  padding:2px 0 0 0;}

/*.jsbox .iconactions24 { height:28px; padding:2px 2px 2px 32px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_actions24.png) no-repeat center left; }
.jsbox .iconchart24 { height:28px; padding:2px 2px 2px 32px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_chart24.png) no-repeat center left; }
.jsbox .iconorganization24 { height:28px; padding:2px 2px 2px 32px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_organisation24.png) no-repeat center left; }
.jsbox .iconproduct_monitored24 { height:28px; padding:2px 2px 2px 32px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_product_monitored24.png) no-repeat center left; }
.jsbox .iconproduct24 { height:28px; padding:2px 2px 2px 32px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_product24.png) no-repeat center left; }
.jsbox .iconusers24 { height:28px; padding:2px 2px 2px 32px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_users24.png) no-repeat center left; }*/

.jsboxmore { padding-bottom:0px;}
.jsboxmore .bar {margin-top:5px; background-color:#E5E7F4;border-top:1px dashed #6C6CB4; display:block;}
.jsboxmore .mminbox {cursor:pointer; float:right; height:20px; margin-left:0; padding:3px 2px; text-indent:19px; width:auto; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_delete2.png) no-repeat 2px center; }
.jsboxmore .mminselected {float:right; height:20px; margin-left:0; padding:3px 2px; text-indent:19px; width:auto; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_add2.png) no-repeat 2px center; }

.jsbox .icongenerete { height:28px; padding:2px 2px 2px 39px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_generate.png) no-repeat center left; }
.jsbox .iconsend { height:28px; padding:2px 2px 2px 39px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_send.png) no-repeat center left; }
.jsbox .iconcomplete { height:28px; padding:2px 2px 2px 39px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_complete.png) no-repeat center left; }
.jsbox .iconenter { height:28px; padding:2px 2px 2px 39px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_archiv.png) no-repeat center left; }

/*JS Grid*/

.jsgrid .head{height:35px; background:transparent url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.css.header_bg.jpg) repeat-x scroll top left;}
.jsgrid .head .borderL{float:left; position:relative;left:0px;background:transparent url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.css.header_cornerline_l.jpg) no-repeat scroll bottom left;width:5px; height:35px;}
.jsgrid .head .borderR{float:right; position:relative;right:0px; background:transparent url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.css.header_cornerline_r.jpg) no-repeat scroll bottom left;width:5px;height:35px;}
.jsgrid .headgrey{border-bottom:1px dashed #6C6CB4; border-top:1px solid #020B96; border-left:1px solid #020B96; border-right:1px solid #020B96; height:25px; background-color:#E5E7F4;}
.jsgrid .headgrey .borderL{float:left; position:relative;left:0px;background-color:#E5E7F4;}
.jsgrid .headgrey .borderR{float:right; position:relative;right:0px; background-color:#E5E7F4;}

.jsgrid .content {background-color:#E5E7F4; border-left:1px solid #020B96;border-right:1px solid #020B96;border-bottom:1px solid #020B96;}
.jsgrid .footer {background-color:#E5E7F4; height:25px; border-top:1px dashed #6C6CB4;}
.jsgrid .topbar {background-color:#E5E7F4;}
.jsgrid .gridfilter{width:90%; font-size:8pt;margin-left:5px; margin-top:40px;background: #fff url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_search16.png) no-repeat center right;}
.jsgrid .gridhead {font-size:8pt; color: #002290; font-weight:bold; margin-left:5px; margin-top:5px;}
.jsgrid .gridContent {padding:5px;}
.jsgrid .relbox {background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_refresh16.png) no-repeat center left; float:left; width:16px; height:28px; float:right; padding:2px;}
.jsgrid .helpbox {background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_help16.png) no-repeat center left; float:left; width:16px; height:28px; float:right; padding:2px;}
.jsgrid .iconprint {height:14px; padding:2px 15px 2px 20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_print.png) no-repeat center left; }
.jsgrid .iconexport {height:14px; padding:2px 15px 2px 20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_export.png) no-repeat center left; }
.jsgrid .iconnofilter {height:12px; padding:2px 15px 2px 20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_nofilter.png) no-repeat center left; }
.jsgrid .iconadd {height:14px; padding:2px 15px 2px 20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_add2.png) no-repeat center left; }
.jsgrid .headtitle {color:#FFF; float:left; font-size:11pt; font-weight:bold; padding:6px;}
.jsgrid .headicon {float:left; padding:5px;}
.jsgrid .iconactions24 {height:28px; padding:2px 2px 2px 32px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_actions24.png) no-repeat center left; }
.jsgrid .iconchart24 {height:28px; padding:2px 2px 2px 32px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_chart24.png) no-repeat center left; }
.jsgrid .iconorganization24 {height:28px; padding:2px 2px 2px 32px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_organisation24.png) no-repeat center left; }
.jsgrid .iconproduct_monitored24 {height:28px; padding:2px 2px 2px 32px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_product_monitored24.png) no-repeat center left; }
.jsgrid .iconproduct24 {height:28px; padding:2px 2px 2px 32px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_product24.png) no-repeat center left; }
.jsgrid .iconusers24 {height:28px; padding:2px 2px 2px 32px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_users24.png) no-repeat center left; }
.jsgrid .icongenerete24 { height:28px; padding:2px 2px 2px 39px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_generate.png) no-repeat center left; }
.jsgrid .iconsend24 { height:28px; padding:2px 2px 2px 39px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_send.png) no-repeat center left; }
.jsgrid .iconcomplete24 { height:28px; padding:2px 2px 2px 39px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_complete.png) no-repeat center left; }
.jsgrid .iconenter24 { height:28px; padding:2px 2px 2px 39px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_archiv.png) no-repeat center left; }


.boxadd {cursor:pointer; float:left; width:9px;height:17px; background:transparent url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_add2.png) no-repeat scroll center center;}
.boxcollapse {cursor:pointer; float:left; width:9px;height:17px; background:transparent url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_delete2.png) no-repeat scroll center center;}

/*ui-slider*/
.ui-slider { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none; background: #E5E7F4; height: .8em; position: relative;}
.ui-slider {margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none;position: relative;}
.ui-slider-handle { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none; position: absolute; z-index: 2; width: 17px; height: 17px; background-color:#020B96;}
.ui-slider-handle:hover {}
.ui-slider-handle-active, .ui-slider-handle-active:hover {}
.ui-slider-range {margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none;position: absolute;top: -1px;z-index: 1; }

/*Elements */
.btntxt {float:right; font-size:8pt; padding:0 5px;}
.bold {font-weight:bold}

/*Size */
.small {width:40px;}
.medium {width:65px;}
.mediumbold {width:65px;}
.large {width:170px;}
.largepercent {width: 98%;}
.largesb {width:171px;}
.largesbpercent {width:99%;}

/*Layout Dialog Table*/
.zebraDialog { width:100%;}
.zebraDialog th {}
.zebraDialog td {padding: 3px; background: #E5E7F4; font-size:10pt;}
.zebraDialog .odd td {background: #FFFFFF; }
.zebraDialog .label {font-weight:bold;}
.zebraDialog .odd div {}
.zebraDialog .head td {}
.zebraDialog tfoot td {padding: 0px;}
.zebraDialog tfoot tr:hover td{}
.zebraDialog td div {margin: 0px;}
.zebraDialog input { width:99%; background-color:#FFFFFF; border:1px solid #7F9DB9;}
.zebraDialog select { width:100%; background-color:#FFFFFF; border:1px solid #7F9DB9;}
.zebraDialog textarea {width: 100%; background-color:#FFFFFF; border:1px solid #7F9DB9;}

/*Fields*/
input[disabled] { color: #000; background-color: Transparent; } 
select[disabled] { color: #000; background-color: Transparent; } 

.field {background-color:#fff; border: 1px solid #b8b8b8; height:18px;width: 100%;}
.fieldtxt {padding-left:3px;}
input { width:100%;border:0px; background-color:Transparent; height:18px;}
select { width:100%;border:0px; background-color:Transparent; height:18px;}
optgroup {color:#002290;}

div.field input {padding-right:3px;}

/* JS Table */
.zebra {}
.zebra thead tr {height:0px;}
.zebra th {height:0px;}
.zebra td {padding: 0px; background: #f5f5f5;}
.zebra .odd td {background: #FFFFFF; }
.zebra .label {}
.zebra .odd div {}
.zebra .head td {}
.zebra tfoot td {padding: 0px;}
.zebra tfoot tr:hover td{}
.zebra td div {margin: 0px;}
.zebra select { width:100%; border:0px;}
.zebra textarea { width:100%;border:0px;resize: vertical}

.neutral  {}
.neutral  thead tr {height:0px;}
.neutral  th {height:0px;}
.neutral  td {padding:4px 5px; background: #fff;}
.neutral  .odd td {background: #FFFFFF; }
.neutral  .label {font-weight:bold;}
.neutral  .odd div {}
.neutral  .head td {}
.neutral  tfoot td {padding: 0px;}
.neutral  tfoot tr:hover td{}
.neutral  td div {margin: 0px;}
.neutral  input { width:98%; border:0px;}
.neutral  select { width:100%; border:0px;}
.neutral  textarea { width:100%;border:0px;}

.null th {}
.null td {}
.null .odd td { }
.null .label {}
.null .odd div {}
.null .head td {}
.null tfoot td {}
.null tfoot tr:hover td{}
.null td div {}
.null input { width:100%; border:0px;}
.null select { width:100%; border:0px;}
.null textarea { width:100%;border:0px;}

.collectionzebrabtn {}
.collectionzebrabtn th {background-color:#f5f5f5; border-right:1px dashed #B3B1D6; padding:5px; text-align:left;}
.collectionzebrabtn td {vertical-align:top; padding: 3px 8px 3px 5px; background-color: #f5f5f5; border-right:1px dashed #B3B1D6; text-align:left;}
.collectionzebrabtn .odd td {background: #FFFFFF;}
.collectionzebrabtn .group td {border-right:none; background-color:#8085C9; border-bottom:1px solid #020B96; border-top:1px solid #020B96; color:#FFFFFF; font-weight:bold;}
.collectionzebrabtn .add td {border-right:none; background-color:#F4F6FF; border-top:1px solid #E3E5F9;}
.collectionzebrabtn .last{ border-right:0px;vertical-align:bottom;}
.collectionzebrabtn .head td {}
.collectionzebrabtn tfoot td {padding: 0px;}
.collectionzebrabtn tfoot tr:hover td{}
.collectionzebrabtn td div {margin: 0px;}
.collectionzebrabtn input { width:98%;border:0px;}
.collectionzebrabtn select { width:100%;border:0px;}
.collectionzebrabtn textarea { width:100%;border:0px; resize:vertical; max-height:390px;}
.hiddentextareadiv 
{
    width: 304px;
    display: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word; /* future version of deprecated 'word-wrap' */
}

.collectionzebra {}
.collectionzebra th {background-color:#f5f5f5; padding-bottom:5px; padding-top:0px; text-align:left;font-weight: normal;}
.collectionzebra td {vertical-align:top; padding: 3px 8px 3px 5px; background-color: #f5f5f5; text-align:left;}
.collectionzebra .odd td {background: #FFFFFF;}
.collectionzebra .last{ border-right:0px;}
.collectionzebra .head td {}
.collectionzebra tfoot td {padding: 0px;}
.collectionzebra tfoot tr:hover td{}
.collectionzebra td div {margin: 0px;}
.collectionzebra input { width:98%;border:0px;}
.collectionzebra select { width:100%;border:0px;}
.collectionzebra textarea { width:100%;border:0px;}

.collectionzebra8085c9 {}
.collectionzebra8085c9 tr {height:0px;}
.collectionzebra8085c9 th {background-color:#8085C9; text-align:left; border-top:1px solid #020B96; color:#FFFFFF; font-size:11pt; font-weight:bold; padding:3px;}
.collectionzebra8085c9 td {border-top:1px solid #8085C9; padding:5px; vertical-align:top;  background-color: #fff;  color:#030C97; text-align:left;}
.collectionzebra8085c9 .odd td {background: #FFFFFF;}
.collectionzebra8085c9 .last{ border-right:0px; border-left:1px solid #88899E;}
.collectionzebra8085c9 .head td {}
.collectionzebra8085c9 tfoot td {padding: 0px;}
.collectionzebra8085c9 tfoot tr:hover td{}
.collectionzebra8085c9 td div {margin: 0px;}

.nonepadding {margin:0px; padding:0; text-align: left;  }
.nonepadding th {background-color:transparent; margin:0px; padding:0; border:0px;}
.nonepadding td {vertical-align:top;margin:0px; padding:2px; border:0px;}
.nonepadding tfoot td {margin:0px; padding:0;border:0px;}
.nonepadding input {width:98%;}
.nonepadding textarea {width:100%;}
.nonepadding select {width:100%;}



.collectionzebra .none {margin:0px; padding:0; text-align: left;  }
.collectionzebra .none th {margin:0px; padding:0; color: #ffffff;border:0px; background-color:transparent}
.collectionzebra .none td {vertical-align:top;margin:0px; padding:2; border:0px; background-color:transparent}
.collectionzebra .none tfoot td {margin:0px; padding:0;border:0px;}
.collectionzebra .appcontrols .none td {}
.appcontrols .none td {padding:2px 0px;}

.none {margin:0px; padding:0; text-align: left;  }
.none tr{margin:0px; padding:0; text-align: left; height:auto; }
.none th {height:auto; margin:0px;  border:0px; background-color:transparent;}
.none td {vertical-align:top;margin:0px;  border:0px;}
.none tfoot td {margin:0px; padding:0;border:0px;}
.none td div {padding:0px;margin:0px;}

.tabreviews {}
.tabreviews {}
.tabreviews th {background-color:Transparent; color:#030C97; padding:0px; margin:opx; text-align:center;font-size:8pt;}
.tabreviews td {vertical-align:top; padding: 0px; margin:0px; background-color: Transparent; color:#030C97;}
.tabreviews .odd td {background: #Transparent;}
.tabreviews .head td {}
.tabreviews input { width:5px;}


/*JsForm Link Icon*/
.linkgoto {cursor:pointer; height:17px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.more_details_16.png) no-repeat scroll 1px bottom transparent;}
.linkattachment {cursor:pointer; height:17px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_attachment.png) no-repeat scroll 1px bottom transparent;}
.linkgotodefault {cursor:pointer; padding:0px 0px 0px 22px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.more_details_16.png) no-repeat scroll 1px bottom transparent;}


/* other */
.brclear {clear:both;}
.externalLink {cursor:pointer; height:17px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.more_details_16.png) no-repeat scroll 1px bottom transparent;}
.appcontrols{padding:2px;}
.inpautocomplete {display:block; width:100%;}
.hrdashed{border:0px; border-top:1px dashed #0097e8;}
.hrsolid{border:0px; border-top:1px solid #0097e8;}


/* JS Accordion */

.accordion {text-indent:0px; margin:0px; padding:0px; font-size:9pt; background-color:#f5f5f5;}
.accordion dt {padding:3px; display:block;	text-indent:14px;	text-decoration: none; cursor:pointer;border:0px;background:#fff url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.ajax.collapsedgray.gif) no-repeat scroll 3px 7px;}
dt a.head {display:block; padding:3px;	text-indent:14px; text-decoration: none; cursor:pointer;border:1px solid #DFE5EF;background:#fff url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.ajax.collapsedgray.gif) no-repeat scroll 3px 7px;}
dt.selected {background:#fff url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.ajax.expandedgray.gif) no-repeat scroll 3px 7px; color:#0097e8; }
.accordion dt a.head:hover {}
.accordion dt .selected {background:#B5D6FF url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.ajax.expanded.gif) no-repeat scroll 3px 7px;	color:#0097e8;}
.accordion dt a.current {}
.accordion dt:hover {color:#0097e8;}
.accordion dd {margin:0; padding:2px; background-color:#fff; border-top:1px dashed #0097e8; border-bottom:1px dashed #0097e8;}
.accordion dd ul {border-width:0px;	margin:0px;	padding:0px; text-indent:0px;}
.accordion dd li {color:#000; display:block; text-indent:10px; text-decoration: none;}
.accordion dd li:hover {}
.accordion dd li .selected {}
.accordion li a {color:#000; display:block; text-decoration: none;}
.accordion .link:hover{ padding-right: 20px;}
.accordion .link {text-indent:0px; background:#fff url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.more_details_16.png) no-repeat scroll right bottom;padding-right: 20px;}
.accordion .odd {background-color:#f5f5f5;}

/* JS Button */
.jsbuttoncollectionadd {float:right; height:18px; padding:0 0 0 18px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_add2.png) no-repeat center left;}


.jsbtncolldivnew {height:18px; border-top:1px dashed #B3B1D6; padding:3px;}
.jsbtncolldivnew div{float:right; height:18px; padding:0 0 0 18px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_new.png) no-repeat center left;}

.jsbtncolldivadd {background-color:#f5f5f5; height:18px; padding:3px;}
.jsbtncolldivadd div{float:right; height:18px; padding:0 0 0 18px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_add2.png) no-repeat center left; color:#0074b9; font-size:8pt;}
.jsbuttoncollectionremove {float:right; height:18px; padding:0 0 0 18px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_delete2.png) no-repeat center left; color:#0074b9;font-size:8pt;}
.jsbuttoncollectionup {float:right; height:18px; padding:0 0 0 18px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.arrowUp.png) no-repeat center left;}
.jsbuttoncollectiondown {float:right; height:18px; padding:0 0 0 18px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.arrowDown.png) no-repeat center left;}
.jsbtncolldivgoto { height:18px;  padding:3px;}
.jsbtncolldivgoto div{float:right; height:18px; padding:0 0 0 18px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.more_details_16.png) no-repeat center left;}
.jsbuttoncollectionnew {float:right; height:18px; padding:0 0 0 18px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_add2.png) no-repeat center left;}
.jsbuttoncollectionsearch {float:right; height:18px; padding:0 0 0 18px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon_search16.png) no-repeat center left;}


.jsbuttoniconreset {float:right; height:24px; padding:10px 15px 0 20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon__refresh.png) no-repeat center left; }
.jsbuttoniconedit {float:right; height:16px; padding:0 5px 0 20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_edit.png) no-repeat center left; }
.jsbuttonicondetails {float:right; height:16px; padding:0 5px 0 20px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.more_details_16.png) no-repeat center left; }
.jsbtnfootdiv {background-color:#E5E7F4;background-color:#E5E7F4; border-top:1px dashed #B3B1D6; padding:3px; height:18px;}
.jsbtnfootdiv div{float:right; height:18px; padding:0 0 0 18px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_edit.png) no-repeat center left;}

.jsbtnfoottrace {background-color:#E5E7F4;background-color:#E5E7F4; border-top:1px dashed #B3B1D6; padding:3px; height:18px;}
.jsbtnfoottrace div{float:right; height:18px; padding:0 0 0 18px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_trace.png) no-repeat center left;}

.jsbtndivgoto {padding:3px; height:13px;}
.jsbtndivgoto div{color:#0074b9;float:right; height:18px; padding:0 0 0 18px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.more_details_16.png) no-repeat center left;}
.jsbuttoncollectionright {float:right; height:18px; padding:0 0 0 18px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_right.png) no-repeat center left;}
.jsbuttoncollectionleft {float:right; height:18px; padding:0 0 0 18px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.icon2d_left.png) no-repeat center left;}

.jsbtnagoto { text-align:right; padding:3px; height:13px;}
.jsbtnagoto a{color:#0097e8; height:18px; padding:0 18px 0 0px; background: url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.icons.circle_arrow-forward_next-16.png) no-repeat center right;}

.jsbuttondefault {font: 10pt segoe ui; font-size: 8pt; color: #fff; background-color: #616161;border: 0;padding: 4px 6px 4px 6px; }
.jsbuttondefault:focus { outline: 0; background: #0097e8}
.jsbuttondefault:hover { outline: 0; background: #0097e8}

/*JS FormStar*/
.stargray {float:left; border:none; background:transparent url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.ajax.star_gray.gif) no-repeat scroll 0px 0px; width: 15px; height:15px;  }
.starremove {float:left; border:none; background:transparent url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.ajax.star_remove.gif) no-repeat scroll 0px 0px; width: 15px; height:15px;  }
.staryellow {float:left; border:none; background:transparent url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.ajax.star_yellow.gif) no-repeat scroll 0px 0px; width: 15px; height:15px;  }
.starhover {float:left; border:none; background:transparent url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.ajax.star_hover.gif) no-repeat scroll 0px 0px; width: 15px; height:15px;  }
.staryellowhalf {float:left; border:none; background:transparent url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.ajax.star_half.gif) no-repeat scroll 0px 0px; width: 15px; height:15px;  }

.scale {float:left;  width: 15px; height:15px; background-color:#EEEEEE;border:1px solid #AAAAAA;color:#000000;text-align:center; }
.scaleremove {background:transparent url(Default.ashx?m=default&h=RapptorCore.Rapptor.Core.UI.JS.img.ajax.scale_remove.png) no-repeat scroll 0px 0px; float:left;  width: 17px; height:15px; text-align:center; }

/*JSSlider*/
.fslider ul, .fslider li{	margin:0;padding:0;	list-style:none;}
.fslider, .fslider li{width:700px;height:400px;overflow:hidden;}


/*Startsite*/
.column { padding-bottom: 20px; }
.portlet { margin: 0 1em 1em 0; border:0px none; background-color:#fff; z-index:20 }
.portlet-header { margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; }
.portlet-header .ui-icon { float: right; }
.portlet-content { padding: 0.4em; }
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }

.loginDiv input {
    padding: 6px 2px 6px 3px;
    font-size: 14px
}

.loginDiv .field {
    height: 100%
}

.loginDiv button {
    background-color: #0074b9;
    color: #ffffff;
    border: 0;
    padding: 6px 10px 6px 10px;
    font-size: 11pt;
}

input[type='checkbox']  
{
    width: 16px !important;
    height: 16px;
}

.ui-corner-all {
    border-radius: 0
}

input, textarea, keygen, select, button  {
    font: 10pt segoe ui;
}

input, textarea, select {
    width: 100%;
    border: 0;
    height: 100%;
    background-color:Transparent;
    box-sizing: border-box;
}

.field input, textarea {
    padding-left: 4px;
}

.headerInfoContainer {
    float: right;
    margin-right: 40px;
    position: relative;
    top: -10px;
}

button {font-size: 8pt; color: #fff; background-color: #616161;border: 0;padding: 4px 6px 4px 6px; }
button:focus { outline: 0;}
button:hover { outline: 0; background: #0097e8}


.embedderContainer {
    width:100%;height:100%;min-height:100%;margin-top:20px;
}

.formCollectionBorder {
    text-align:center !important;height:1px;padding-bottom:0 !important
}

.formCollectionBorder div {
    width:98%;height:1px;background: #0097e8;
    }