/* GENERAL SETTINGS */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
	margin: 0;
	padding: 0;
}
body, td, a, p, .h {    font-family: arial,sans-serif; }
body { background: #ebebeb; }
p { margin-bottom:10px; }
h4 { padding:10px 0; }


/* OVERALL LAYOUT */
.page-top { background:#ddd; color:#002; padding:0; }
.page-top div#home-link { width:132px; float: left; padding-left: 12px; }
.page-top div#home-link a {
   background:url(../images/modbase_32.png) no-repeat;
   display: block;
   height: 32px;
   border: 2px solid #ddd;
}
.page-top div#home-link a:hover {  border: 2px solid #aaa; }



div.inner-container {
	min-width:60rem; max-width:90rem;
	margin:auto;      /* auto => center it */
}



/* COLUMNS */
div.col-left { float: left; width: max-content; }
div.col-right { float: right; width: max-content; }






/* LOGINOUT BAR */
#loginout { float:right; padding: 8px 10px; font-size:18px; background:#fff; }
#loginout a { color:#272; text-decoration:none; font-weight:bold; }
#loginout a:hover { color:#494; }
#loginout span.username { font-weight: bold; }



/* HOME PAGE */
div.homepage    { padding:20px 10px 0; font-size:18px; }
div.homepage .col-left { width:35%; min-width: 390px; }
div.homepage .col-right { width:57%; }
div.homepage .top { width:auto; float: left; }
div.homepage .bottom { width:auto; float: left; margin-bottom:100px; }
div.homepage p { margin: 5px 0 25px 0; }
div.homepage ul { margin-bottom: 35px; }
div.homepage h1.title { padding:0px 0 30px; font-size:27px; color:#444; text-align: center; }
div.homepage h2 { padding:20px 0 10px; font-size:25px; color:#161; }
div.homepage div.items { margin-bottom:25px; }
div.homepage div.items .item {  min-height: 30px; margin-bottom: 8px; padding-left:64px;
                                font-weight: bold; font-size: 22px;
                                background: url(../images/item.png) no-repeat; }
div.homepage div.modebase-arch-title { padding-top: 5px; margin-bottom: 10px;
                                       text-align:center; font-size:20px; font-weight:bold; color: #333;  }
div.homepage div.parts p { margin-bottom: 35px; }
div.homepage div.parts .part { padding-left:64px; }
div.homepage div.parts .part.model-server { background: url(../images/icon-server.png) no-repeat; }
div.homepage div.parts .part.web-interface { background: url(../images/icon-user.png) no-repeat; }
div.homepage div.parts .part.json-client { background: url(../images/icon-user.png) no-repeat; }
div.homepage div.parts .part.admin-interface { background: url(../images/icon-user.png) no-repeat; }
div.homepage div.parts .part.project-database { background: url(../images/icon-database.png) no-repeat; }
div.homepage div.parts .part.project-processor { background: url(../images/icon-calc.png) no-repeat; }
div.homepage .part-title { font-weight: bold; color: sienna; padding-right: 15px; font-size: 20px; }
div.homepage .part-desc { font-weight: bold; color: #333; padding-right: 15px; font-size: 20px; }
div.homepage div.boxed {
   color: black; background: #ffefd7;
   border: 2px solid darkorange;
   margin: auto;  padding:0; margin-top: 2px; margin-bottom: 50px;
   font-size: 16px;
}
div.homepage div.boxed h2 { padding:5px 0 5px 11px; font-size:20px; color:white; background: darkorange; }
div.homepage div.boxed div.inner{ margin: 2px 12px 30px; }
div.homepage div.boxed div.inner .top {}
div.homepage div.boxed div.inner .middle {}
div.homepage div.boxed div.inner .bottom { margin-top: 2px; }
div.homepage div.try-demo { margin: 10px auto 30px; width: max-content; }
div.homepage div.try-demo a{ background: url(../images/try-web.png) no-repeat;
                            display: block;
                            width:390px;   height: 74px; }
div.homepage div.try-demo a:hover{   background-position: 0 -76px; }
div.homepage div.try-demo-info { margin: 0 auto 30px; font-size: 22px; font-weight: bold; color: brown; }
div.homepage img#modbase-arch { width:100%; }
div.homepage li { margin: 0 0 10px 15px; }



/* LOGINOUT PAGE */
body.auth   { background: #101010; color:white; }
div.authbox    { font-size:20px; }
div.authbox.col-left    { width: 45%; text-align: right; padding-top: 5em; }
div.authbox.col-right   { width: 45%; padding-top: 5em; }
div.authbox h2 { padding:20px 0; font-size:100px; }
div.authbox.col-right form p label { width: 90px; display: inline-block; font-size:15px; }
div.authbox.col-right form button { margin: 0 0 0 97px; }



/* MENU */
#main-menu { height:30px; background:#000; }
#main-menu ul { line-height: 30px; padding:0 0 0 10px; }
#main-menu li { display:inline; padding:0 0 0 10px; }
#main-menu a { color:#ccb; text-decoration:none; font-weight:bold; font-size:15px; }
#main-menu a:hover { color:#fff; }
#main-menu li.selected a { color:#db5; }



/* MESSAGES */
/*
#message-bar { min-height:30px; background:#790;}
#message-bar ul { line-height: 30px; padding:0 0 0 10px; }
#message-bar li { display:block; padding:0 0 0 10px; }
#message-bar ul.messages li.info { color:#af0; font-size:18px; font-weight: bold; }
#message-bar ul.messages li.error {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #ff0000;
    color: #ff0000;
    font-size: 15px;
    font-weight: bold;
}
*/


/* BOXED */
div.boxed { border: 1px solid #bbb; padding: 15px 10px; }
div.boxed h1 {
	background-color: #bbb;
	color: #fff;
	font-size: 15px;
	margin: -24px 0 10px;
	padding: 2px 7px;
}



/* CLEARFIX HACK (FLOATS) */
.clearfix::after {  content: "";  clear: both;  display: table; }



/* GROUP */
.group:before, .group:after {  content: "";  display: table; } 
.group:after {  clear: both; }
.group {  zoom: 1; } /* For IE 6/7 (trigger hasLayout) */














form table tbody tr td div.param span.param-label { padding:0 10px; }
form table tbody tr td { text-align:right; }



form.filter-model-index p { float:left; margin-right: 20px; }
form.filter-model-index.after { clear:both; }
form.filter-model-index { color: #882222; font-weight: normal; }

form.create-model p { float:left; margin-right: 20px; }
form.create-model.after { clear:both; }
form.create-model input { color: #882222; font-weight: normal; }


.previewgrid-column-fids { display:none; }