@charset "UTF-8"; /* RESET */ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin:0; padding:0; } h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size:1em; font-weight:400; font-style:normal; } ul,ol { list-style:none; } fieldset,img { border:none; } caption,th { text-align:left; } table { border-collapse:collapse; border-spacing:0; } /* TYPE */ html,body { font:12px/18px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; background-color:#f2f2f2; color:#333; } /*Opera Fix*/ body:before { content:""; float:left; width:0; margin-top:-32767px; } body { margin:0; padding:0; } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; } .dark { background-color: #e9edf0; border-bottom:1px solid #d1d5d8; } header img { padding:10px 0 10px 10px; } h1 { display:none; } h2 { font-size:17px; font-weight: bold; margin:0; margin-bottom:1em; padding:0; } h3 { font-size: 15px; font-weight: bold; margin: 0; margin-bottom: 1em; padding: 0; } img { border:0; vertical-align:middle; } td a { text-decoration:none; } .bradius,.ui-corner-all { /*background: none repeat scroll 0 0 #FFFFFF;*/ border-radius: 5px 5px 5px 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); /*padding: 40px;*/ } .bradiusodd { border-radius: 5px 5px 5px 5px !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); } .topheader { background: #f6f9fb; top: 0px; width: 100%; padding-left:5px; padding-top:2px; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.35); position:fixed; z-index: 100; } .topheaderinfo { float: right; margin: 35px 40px 0 0; } /* TOPHEADER NAV */ ul.topheadernav { list-style-type: none; font-size: 14px; } ul.topheadernav li { padding: 0 0 0 30px; float: left; position: relative; } ul.topheadernav li a { display: block; text-decoration: none; color: #666; } ul.topheadernav li a:hover { color: #111; } ul.topheadernav li ul { display: none; background-color: #eee; padding: 5px 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); margin-left: -10px; } ul.topheadernav li:hover ul { display: block; position: absolute; } ul.topheadernav li ul li { font-size: 11px; margin-left: -30px; } ul.topheadernav li ul li a:hover { color: #111; } nav { float:left; width:230px; margin: -4px 20px 0 0; } nav div:first-child { display: none; } footer { clear:both; text-align:center; color:rgb(136, 136, 136); font-size:10px !important; margin-top:10px; margin-bottom:10px; } footer a,footer a:active,footer a:visited { text-decoration:none; color:rgb(136, 136, 136); } footer a:hover { text-decoration:underline; } .login { background-color:#fff; margin-top:9%; margin-left:auto; margin-right:auto; margin-bottom:12px; width:600px; /*border:1px solid #999;*/ } .install { background-color:#fff; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:12px; width:800px; border:1px solid #999; } .fullform,.midform,.tinyform { background-color:#fff; border: 1px solid #d1d5d8; box-shadow: 0px 0px 0px black !important; } .fullform p { margin: 10px !important; } .tinyform input { width:50%; } .tinyform input[type="checkbox"] { width:auto; } .fullform,.midform,.installsec { margin-top:10px; padding:0; text-align:left; } .installsec table { width:100%; padding:0 10px; border-spacing:4px; } .installsec h2 { margin-left:15px; } .installstatus { width:150px; } .tinyform,.loginsec { margin-top:10px; padding:10px 0; text-align:center; } .fullform { width:100%; margin:0 auto; text-align:left; } .midform,.installsec form { width:600px; margin:0 auto; padding:10px 0; text-align:left; } .tinyform,.loginsec form { width:400px; margin:0 auto; text-align:left; } .installsec fieldset,.loginsec fieldset { border:0; float:left; clear:left; width:100%; margin:0 0 10px; padding:0; } .fullform fieldset,.midform fieldset,.tinyform fieldset { border:0; width:100%; padding:0; } .fullform legend,.installsec legend,.loginsec legend,.midform legend,.tinyform legend { display:none; } .fullform label { float:left; width:26em; /* margin-right: 1em; */ margin-top:6px; text-align:right; } .installsec label { float:left; width:26em; margin-right:1em; margin-top:6px; text-align:left; } .midform label,.tinyform label,.loginsec label { float:left; width:10em; margin-right:1em; margin-top:6px; text-align:right; } .midformaps_1 { padding:10px; } .midformaps_2 { padding:5px; } .midformaps form input { text-align:center; } .fullform textarea,.midform textarea { width:60%; } .loginsec input[type="text"],.loginsec input[type="password"] { width:183px; } .tinyform select,.loginsec select { width:213px; } p.submit { text-align:right; padding-right:46px; } .installsec aside,.loginsec aside { border-top:1px solid #d1d5d8; clear:both; float:none; width:auto; text-align:left; padding-top:10px; padding-left:10px; } .messagewrapper { width:650px; margin:0 auto; padding:120px 0 0; overflow:hidden; } .messagewrapperfull { width:100%; margin:0 auto; padding:0; overflow:hidden; } .overviewsearch { position:absolute; top:155px; right:36px; font-size:80%; } .overviewadd { padding:10px; font-weight:700; } /* * error message display */ .errorcontainer { background:url(../img/icons/bad_big.png) 10px center no-repeat #ffedef; border:1px solid #ffc2ca; padding:10px 10px 10px 68px!important; margin: 10px 0 10px 0 !important; text-align:left!important; overflow:hidden; box-shadow: 0px 0px 0px black; } .errortitle { font-weight:700; color:#c00!important; } .error { font-weight:400!important; color:#c00!important; } /* * warning message display */ .warningcontainer,.ui-dialog { background:url(../img/icons/warning_big.png) 10px center no-repeat #fffecc; border:1px solid #f3c37e; padding:10px 10px 10px 68px !important; margin: 10px 0 10px 0 !important; text-align:left!important; overflow:hidden; box-shadow: 0px 0px 0px black; } .ui-dialog { padding: 10px !important; } .warningtitle,.ui-dialog-titlebar { font-weight:700; color:#D57D00; } .warning,.ui-dialog-content { color:#D57D00!important; } /* * success message display */ .successcontainer { background:url(../img/icons/ok_big.png) 10px center no-repeat #E2F9E3; border:1px solid #9C9; padding:10px 10px 10px 68px!important; margin: 10px 0 10px 0 !important; text-align:left!important; overflow:hidden; box-shadow: 0px 0px 0px black; } .successtitle { font-weight:700; color:#060!important; } .success { font-weight:400!important; } /* * neutral/info message display */ .neutralcontainer { background:url(../img/icons/info_big.png) 10px center no-repeat #d2eaf6; border:1px solid #b7d8ed; padding:10px 10px 10px 68px!important; margin: 10px 0 10px 0 !important; text-align:left!important; overflow:hidden; box-shadow: 0px 0px 0px black; } .neutraltitle { font-weight:700; color:#3188c1!important; } .neutral { font-weight:400!important; color:#3188c1!important; } /* std hyperlink */ a,a:active,a:visited { color:#176fa1; text-decoration:none; } a:hover { text-decoration:underline; } .infotext { font-size:11px; } /* navigation */ .menuelement { margin: 4px 0 10px 10px; padding:10px; background-color:#fff; } .menuelement h4 { background:transparent url(../img/icons/tag_blue.png) no-repeat center left; font-weight: bold; margin:0; padding:0 0 0 20px; } .menuelement ul { list-style:none; margin:3px 0 0px; padding:0; } .menuelement ul li { margin:0 0 0 20px; padding:0; } /* * main container */ .main { /* same value as nav-width */ margin-left:240px; margin-right:10px; margin-top:105px; margin-bottom:0; background-color:#fff; padding: 30px 30px 30px 30px; /*border:1px solid #666;*/ min-height:400px; /* background:-webkit-gradient(linear,left top,right top,color-stop(0.16,#dcdcdc),color-stop(1,#fff)); background:-moz-linear-gradient(left center,#dcdcdc 16%,#fff 100%); /* For Internet Explorer 5.5 - 7 filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#dcdcdc,endColorStr=#ffffff,GradientType=1); /* For Internet Explorer 8 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#dcdcdc,endColorstr=#ffffff,GradientType=1)";*/ } .noborder { width:100%; border-spacing:0; background-color:#f8f8f8; border-collapse:separate; border-top:0; border-left:0; border-right:0; border-bottom:1px solid #666; } .noborder td { border:0; } table { width:100%; border-spacing:0; border:1px solid #d1d5d8; border-collapse:separate; box-shadow:0px 0px 0px black !important; } table thead th, table th { border-top: 1px solid #d1d5d8; border-bottom: 1px solid #d1d5d8; height: 25px !important; padding: 5px 0px 5px 8px; background-color: #e9edf0; font-weight: bold; } table thead:first-child th, table:first-child th { border-top: none !important; } table th { border-top: 0; } th a:hover { text-decoration: none; } th a img { height: 10px; width: 10px; } th a:nth-child(odd) img { position: relative; top: -5px; } th a:nth-child(even) img { position: relative; top: 3px; left: -14px; } table thead:first-child th { border-top: 0; } table tbody td { border-bottom:1px dotted #ccc; } table tbody tr:last-child td { border-bottom: 0; } .formtable { width: 100%; border-spacing:0; border:0; border-collapse:separate; margin:0 0 0; } .formtable tbody td { border:0; border-bottom:1px dotted #ccc; min-height: 20px; } .formlabeltd { } .formtable label { float:none; display:block; padding:0; margin:0; width:100%; text-align:left; } .overviewcustomerextras { line-height:15px; font-size:10px; width:250px; padding-top:3px; padding-bottom:3px; } .overviewcustomerextras span { width: 60px; float: left; } td { padding-top:5px; padding-left:10px; padding-right: 10px; padding-bottom:5px; min-height: 20px; } table tfoot td { height:25px; border-top: 1px solid #d1d5d8; background-color: #f2f8fa; /*border-right:1px solid #666;*/ } .tfootleft { text-align:left; } .maintitle { padding-top:20px; } /* input elements */ input { background: #fff url(../img/icons/text_align_left.png) no-repeat 5px 4px; padding:2px 4px 2px 24px; height:22px; border: 1px solid #d9d9d9; margin-bottom: 5px; } textarea { background:#fff url(../img/icons/text_align_left.png) no-repeat 5px 4px; padding:4px 4px 2px 24px; border:1px solid #d9d9d9; margin-bottom: 5px; } input[type="password"] { background:#fff url(../img/icons/password.png) no-repeat 5px 4px; } input[type="button"],input[type="submit"],input[type="reset"] { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) ); background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5'); background-color:#79bbff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:inline-block; color:#ffffff; padding:2px 24px 2px 24px; text-decoration:none; text-shadow:1px 1px 0px #528ecc; height: 26px; margin: 0 3px 0 3px; } input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) ); background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff'); background-color:#378de5; } input[type="submit"],input[class="yesbutton"] { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) ); background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b'); background-color:#9dce2c; text-shadow:1px 1px 0px #aade7c; } input[type="submit"]:hover,input[class="yesbutton"]:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) ); background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c'); background-color:#8cb82b; } input[class="nobutton"],input[type="reset"] { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) ); background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100'); background-color:#fe1a00; text-shadow:1px 1px 0px #b23e35; } input[class="nobutton"]:hover,input[type="reset"]:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) ); background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00'); background-color:#ce0100; } input[type="checkbox"] { background:#dae7ee; padding: 0; margin: 0 5px 0 0; } select { background:#fff; padding:4px; border:1px solid #d9d9d9; height: 26px; margin-bottom: 5px; border-radius: 0; } .customer_add { margin-top:15px; } .dboarditem { float:left; width: 48%; margin-top:15px; margin-right:0; margin-bottom:15px; margin-left:15px; padding:0; box-shadow: 0px 0px 0px black; border: 1px solid #d1d5d8; } .dboarditemfull { position:relative; overflow:hidden; width:100%; margin-top:10px; margin-bottom:10px; padding: 0; box-shadow: 0px 0px 0px black; border: 1px solid #d1d5d8; } .dboarditem table,.dboarditemfull table { width:100%; border:0; } .dboarditem th, .dboarditemfull th { border-bottom: 1px solid #d1d5d8; height: 25px !important; padding: 5px 0px 5px 8px; background-color: #e9edf0; font-weight: bold; } .dboarditem td,.dboarditemfull td { border-right:0; border-bottom:1px dotted #ccc; padding: 4px 0px 4px 8px; } .cronjobtask { list-style:url(../img/icons/clock.png) inside; margin:0; padding:0; } .overviewheading { vertical-align:top; line-height:36px; height:36px; } .overviewheading h3 { display:inline; } /* PROGRESS BAR */ .progress { height:15px; width: 200px; margin:2px 0 2px 0; overflow:hidden; background-color:#f7f7f7; background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9); background-image:-ms-linear-gradient(top,#f5f5f5,#f9f9f9); background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9)); background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9); background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9); background-image:linear-gradient(top,#f5f5f5,#f9f9f9); background-repeat:repeat-x; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; filter:progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f9f9f9',GradientType=0); -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1); box-shadow:inset 0 1px 2px rgba(0,0,0,0.1); } .progress .bar { width:0; height:18px; font-size:12px; color:#fff; text-align:center; text-shadow:0 -1px 0 rgba(0,0,0,0.25); background-color:#0e90d2; background-image:-moz-linear-gradient(top,#149bdf,#0480be); background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be)); background-image:-webkit-linear-gradient(top,#149bdf,#0480be); background-image:-o-linear-gradient(top,#149bdf,#0480be); background-image:linear-gradient(top,#149bdf,#0480be); background-image:-ms-linear-gradient(top,#149bdf,#0480be); background-repeat:repeat-x; filter:progid:dximagetransform.microsoft.gradient(startColorstr='#149bdf',endColorstr='#0480be',GradientType=0); -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15); -moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15); box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; -webkit-transition:width .6s ease; -moz-transition:width .6s ease; -ms-transition:width .6s ease; -o-transition:width .6s ease; transition:width .6s ease; } .progress-striped .bar { background-color:#149bdf; background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent)); background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); -webkit-background-size:40px 40px; -moz-background-size:40px 40px; -o-background-size:40px 40px; background-size:40px 40px; } .progress-danger .bar { background-color:#dd514c; background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35); background-image:-ms-linear-gradient(top,#ee5f5b,#c43c35); background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35)); background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35); background-image:-o-linear-gradient(top,#ee5f5b,#c43c35); background-image:linear-gradient(top,#ee5f5b,#c43c35); background-repeat:repeat-x; filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#c43c35',GradientType=0); } .progress-danger.progress-striped .bar { background-color:#ee5f5b; background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent)); background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); } .maintable { width:90%; } .update_progess { padding:2em; text-align:left; } .preconfig { text-align:left; margin-top:20px; margin-bottom:5px; margin-right:15px; margin-left:15px; } .preconfigitem { padding:.15em; border-bottom:1px solid #ccc; } .preconfdesc { display:block; margin-bottom:.5em; font-size:120%; } .strikethrough { text-decoration:line-through; } label.nobr { display:inline; padding: 0; margin: 0 10px 0 0; } caption { font-weight:700; margin-bottom:.2em; }