/*general clearings and body style begin*/ /*general clearings and body style begin*/ @charset "utf-8"; body,div,dl,dd,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0;padding:0; box-sizing:border-box;} table {border-collapse:collapse;border-spacing:0; margin:4px 0 10px 0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} ol,ul {list-style: none;} ol, ul, li {font-family: inherit;font-size: 100%;font-weight: inherit;font-style: inherit;vertical-align: baseline;white-space: normal;text-align: left;margin: 0;padding: 0;border: 0;outline: 0;background: transparent;} caption,th {text-align:left} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;} q:before,q:after{content:'';} .clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} div.clear{clear:both;} .hidden {display:none;} .shown {display:block;} .break-word {word-wrap: break-word;} .left {float:left;} .right {float:right;} span.currency {float:right;} span.iden0 {} span.iden1 {margin-left: 30px;} span.iden2 {margin-left: 60px;} span.iden3 {margin-left: 90px;} span.iden4 {margin-left: 120px;} span.identext0 {font-size: 110%;color:#040; font-weight: 700;} span.identext1 {font-size: 100%;} span.identext2 {font-size: 90%;font-style: italic;} span.identext3 {font-size: 80%;} span.identext4 {} .center {text-align:center;} .r {color:#ff3333;} body {background:#fcfcfc; margin:0px; padding:0px; font-family: 'Arial', 'Helvetica', sans-serif; color: #333;} body a {text-decoration:none;} body a:link {color: #369;} body a:visited {color: #036;} body a:hover {color: #0cf;} body a:focus {color: #0cf;} body a:active,a:hover, a:focus{outline: none;} body img {border:0;} .trans{ transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; } .transcolor{ transition: color 0.5s,background-color 0.5s; -moz-transition: color 0.5s,background-color 0.5s; -webkit-transition: color 0.5s,background-color 0.5s; -o-transition: color 0.5s,background-color 0.5s; -ms-transition: color 0.5s,background-color 0.5s; } .top40 {padding-top:40px;} div.line{transform-origin: 0 100%; height: 1px; background: #000;} /*general clearings and body style end*/ /*icon font begin*/ @font-face { font-family: 'exxiteicon'; src: url('exxite.eot'); src: url('exxite.eot?#iefix') format('embedded-opentype'), url('exxite.svg#exxiteicon') format('svg'), url('exxite.woff') format('woff'), url('exxite.ttf') format('truetype'); font-weight: normal; font-style: normal;} @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'exxiteicon'; src: url('exxite.svg#exxiteicon') format('svg'); } } @font-face { font-family: 'boxedfont'; src: url('boxed.woff') format('woff'), url('boxed.ttf') format('truetype'); } .loc_inactive, .loc_active, .loc_banned, .loc_normal { } .loc_inactive { background-color: #66d6e3; } .loc_active { background-color: #b1e868; } .loc_banned { background-color: #c80000; } div.tip { background: url('bulb.svg'); background-repeat: no-repeat; padding: 20px 20px 20px 45px; display: block; font-size: 0.7em; font-weight: bold; margin: 10px 0 10px 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-border-radius: 3px; border-radius: 3px; color: rgba(255,255,255,1); -o-text-overflow: ellipsis; text-overflow: ellipsis; background-color: #6295b1; } div.insertarea { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 15px; border: 4px dotted rgba(226,226,226,1); -webkit-border-radius: 8px; border-radius: 8px; background: rgba(242,242,242,1); } div.exxiteicon{font-family:'exxiteicon'; font-weight:normal;} div.exxiteiconlarge{font-size:2em; height:32px; width:32px;} div.exxiteiconmid{font-size:2.2em; height:24px; width:24px; line-height:30px;} div.exxiteiconsmall{font-size:1em; height:16px; width:16px;} div.exxiteiconbutton{font-size:1.2em;} div.infoicon{width:48px; height:48px; color:#26a1dc; margin:0 0 0 10px; font-size:2.5em; font-weight:normal;} div.erroricon{width:48px; height:48px; color:#ff0054; margin:0 0 0 10px; font-size:2.5em; font-weight:normal;} div.questionicon{width:48px; height:48px; color:#48dc00; margin:0 0 0 10px; font-size:2.5em; font-weight:normal;} /*icon font end*/ div.exxitetrash.active {border-color:#ff3333;} div.dropunder{height:8px; width:100%; overflow:hidden;} div.dropunderspace{height:8px; width:100%; overflow:hidden;} div.dropunder.active{height:15px; width:100%; overflow:hidden; background-color:#ccc;} div.dropunder.huge.active{height:50px; margin-bottom:5px;} div.dropbetween{width:10px; overflow:hidden;} div.dropbetween.active{background-color:#ccc; margin:0 10px 0 10px;} /*margin:0 2px 0 2px;*/ div.dragdrop.active{ background-color:#ccc;} div.drop.active{ background-color:#ccc;} div.sortitem.dragging{opacity:0.2;} /*Exxite layout columns begin*/ div.nav{position:fixed; top:115px; bottom:0; left:0; width:20%; overflow:auto;} div.cnt{padding-left:20%;} div.cntinner{padding:20px 50px 60px 0;} div.nav div.control{position:absolute; top:0; bottom:0; right:0; width:20px; cursor:ew-resize;} div.nav div.control:before{content:''; display:block; position:absolute; top:0; bottom:0; width:10px; border-right:1px solid #ccc;} div.nav div.control:hover:before{border-right:1px solid #0cf;} div.navinner{padding:20px 20px 10px 10px;} /*div#exxitenavigation{width:20%; float:left;} div#exxitenavigationinner{padding:10px 0 0 10px;} div#exxitecontent{width:80%; float:right;} div#exxitecontentinner {padding:10px 50px 50px 10px;} @media screen and (min-width:600px){ div#exxitenavigation{width:100%;} div#exxitecontent{width:100%;} } @media screen and (min-width:800px){ div#exxitenavigation{width:30%; float:left;} div#exxitecontent{width:70%; float:right;} } @media screen and (min-width:1000px){ div#exxitenavigation{width:30%; float:left;} div#exxitecontent{width:70%; float:right;} } @media screen and (min-width:1200px){ div#exxitenavigation{width:20%; float:left;} div#exxitecontent{width:80%; float:right;} }*/ /*autowidth styles begin*/ div.autowidth.autowidth1 div.item{width:100%;} div.autowidth.autowidth2 div.item{width:50%;} div.autowidth.autowidth3 div.item{width:33.333%;} div.autowidth.autowidth4 div.item{width:25%;} div.autowidth.autowidth5 div.item{width:20%;} div.autowidth.autowidth6 div.item{width:16.666%;} div.autowidth.autowidth7 div.item{width:14.285%;} div.autowidth.autowidth8 div.item{width:12.5%} div.autowidth.autowidth9 div.item{width:11.111%} div.autowidth.autowidth10 div.item{width:10%} /*autowidth styles end*/ /*Exxite layout columns end*/ /*Header styles begin*/ div.exxitesubheader{position:fixed; top:0; left:0; right:0; height:25px; background:rgba(0,0,0,0.2); color:#eee; overflow:hidden; z-index:901;} div.exxitesubheader p{display:block; float:right; font-size:0.75em; padding:5px 10px 5px 10px} div.exxitesubheader a{display:block; float:left; text-decoration:none; font-size:0.75em; padding:5px 10px 0 10px; height:25px;} div.exxitesubheader a:link{color:#ccc;} div.exxitesubheader a:visited{color:#ccc;} div.exxitesubheader a:hover{color:#fff;} div.exxitesubheader a:active{color:#0cf;} div.exxiteheader{position:fixed; top:0; left:0; right:0; height:80px; background:#333; padding:25px 10px 0 5px; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.3); z-index:900;} div.exxiteheader div.logo{font-family:'exxiteicon'; color:#eee; font-size:6em; line-height:0.5em; position:absolute; top:25px; left:5px; cursor:default;} div.exxiteheader a.logo{font-family:'exxiteicon'; text-decoration:none; font-size:6em; line-height:0.5em; position:absolute; top:25px; left:5px;} div.exxiteheader a.logo:link{color:rgba(255,255,255,0.8); } div.exxiteheader a.logo:visited{color:rgba(255,255,255,0.8); } div.exxiteheader a.logo:hover{color:#fff; } div.exxiteheader a.logo:active{color:#0cf;} div.exxiteheader div.site{position:absolute; top:25px; right:0; font-size:3.3em; padding:0 20px 0 0; margin:-10px 10px 0 0; color:rgba(255,255,255,0.1); background-position:right 15px; background-repeat:no-repeat; background-size:24px;} div.exxiteheader div.site a{display:block; position:absolute; top:0; left:0; bottom:0; right:0;} div.exxiteheader div.site:hover{color:rgba(255,255,255,0.5);} div.exxitemenu{margin: 0 10px 0 180px; position:fixed; top:25px; z-index:902;} div.exxitemenu a{display:block; float:left; text-decoration:none; text-transform:uppercase; font-size:0.75em; padding:20px; height:11px; overflow:hidden; margin:0 1px 0 0;} div.exxitemenu a:link{color:#ccc; border-bottom:4px solid #333;} div.exxitemenu a:visited{color:#ccc; border-bottom:4px solid #333;} div.exxitemenu a:hover{color:#fff; background:rgba(255,255,255,0.1); border-bottom:4px solid #0cf;} div.exxitemenu a:active{color:#0cf; border-bottom:4px solid #333;} div.exxitemenu a.sel{border-bottom:4px solid #0cf; background:rgba(255,255,255,0.1)} div.exxiteheaderholder{height:120px;} div.mainmenu{position:fixed; top:80px; left:0; right:0; background:#eee; height:35px; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.3); z-index:903;} @media screen and (max-width:800px){ div.exxiteheader{height:135px;position:absolute;} div.exxitesubheader{position:absolute;} div.mainmenu{top:135px;position:absolute;} div.exxitemenu{position:absolute;} div.exxiteheaderholder{height:180px;} } @media screen and (max-width:920px){ div.exxiteheader a.logo{display:none;} div.exxitemenu{margin:0 10px 0 10px;} } @media screen and (max-width:1200px){ div.exxiteheader div.site{height:50px; width:50px;} div.exxiteheader div.site span{display:none;} } /*Header styles end*/ /*Exxite head top begin*/ div.exxitehead1{background:#333; height:40px; overflow:hidden; border:none;} div.exxitehead1 div.site{float:left;font-size:3.3em; padding:0 20px 0 0; margin:-10px 10px 0 0; float:right; color:rgba(255,255,255,0.1); position:relative; background-position:right 15px; background-repeat:no-repeat; background-size:24px;} div.exxitehead1 div.site a{display:block; position:absolute; top:0; left:0; bottom:0; right:0;} div.exxitehead1 div.site:hover{color:rgba(255,255,255,0.5);} div.exxitehead1 a.logo{display:block; position:absolute; width:130px; padding:5px 0 0 10px; cursor:pointer; margin:0; text-decoration:none; font-size:8.0em; line-height:0.4em; color:#fff; overflow:hidden;} div.exxitehead1 a.logo:link{color:#fff;} div.exxitehead1 a.logo:visited{color:#fff;} div.exxitehead1 a.logo:hover{color:#0cf;} div.exxitehead1 a.logo:focus{color:#0cf;} div.exxitehead1 a.button{display:block; float:right; height:30px; width:40px; margin:7px 0 0 0; padding:0; font-size:1.8em;} div.exxitehead1 a.button:link{color:rgba(255,255,255,0.4);} div.exxitehead1 a.button:visited{color:rgba(255,255,255,0.4);} div.exxitehead1 a.button:hover{color:rgba(255,255,255,0.9);} div.exxitehead1 a.button:focus{color:rgba(255,255,255,0.9);} /*Exxite head top end*/ /*Exxite mainmenu begin*/ div.exxitehead2{text-align:center; background:#444; height:25px; padding:4px 0 0 0; overflow:hidden; border:none;} div.exxitehead2 a {background:#444; font-weight:bold; font-size:0.9em; padding:2px 30px 5px 30px; margin:0 4px 0 0; border-radius:4px 4px 0 0;} div.exxitehead2 a:link {color:#eee;} div.exxitehead2 a:visited{color:#eee;} div.exxitehead2 a:hover{color:#fff; background:#999;} div.exxitehead2 a:focus{color:#fff; background:#999;} div.exxitehead2 a.sel {color:#369; background:#fcfcfc;} /*Exxite mainmenu end*/ /*Exxite headbottom begin*/ div.exxitehead3 {border-bottom:1px solid #ddd; font-size:0.7em; padding:4px 10px 4px 10px;} div.exxitehead3 p{padding:0; margin:0;} div.exxitehead3 a {font-weight:bold;} /*Exxite headbottom end*/ /*exxite footer styles begin*/ div.exxitefooter {position:fixed; bottom:0; right:0; font-size: 0.7em; padding:4px 20px 6px 20px; text-align:center; background:#eee; z-index:20; border-radius:2px 0 0 0;} /*exxite footer styles end*/ /*splash screen styles begin*/ div.exxitesplash {margin:5%; text-align:center; padding:0; cursor:default; overflow:hidden; cursor:pointer;} div.exxitesplash h1{font-size:20em; line-height:0.4em; color:#00ABC1;} div.exxitesplash h1:hover {color:#00eaff;} /*splash screen styles end*/ /*error message frame styles begin*/ div.console {background:#eee; padding:10px; font-size:80%; margin:20px;} div.consolebutton {font-size:0.6em; position:absolute; margin:-20px 0 0 -20px;} div.consolebutton a{display:block; padding:4px;} div.consolebutton {width:16px; height:16px; color:rgba(0,0,0,0.5); font-size:1.5em;} div.dbconsole {background:#ffeeee; padding:10px; font-size:80%; margin:20px;} /*div.infoframe {background:#eee; padding:10px 10px 20px 10px;}*/ /*error message frame styles end*/ div.consolescreen{border:4px solid #eee; padding:20px; font-size:12px; text-align:left; background:#333; color:#eee; overflow:auto;} /*div.exxitearrayitem {border:1px solid #ddd; padding:0; margin:5px; font-size:12px;} div.exxitearrayitemhead {background:#eee; padding:4px 8px 4px 8px; margin:0;} div.exxitearrayitembody {padding:4px 8px 4px 8px; margin:0; display:none;}*/ /*local menu styles begin*/ div.localmenu {margin:0px 0 10px 0; overflow: hidden; padding:1px 1px 0 1px; background:#ccc;} div.localmenuitem {background:#eee; font-size:0.75em; border-bottom:1px solid #ccc;} div.localmenuitem a {display:block; padding:7px 15px 7px 15px;} div.localmenuitem a:link {color:#369;} div.localmenuitem a:visited {color:#369;} div.localmenuitem a:hover {color:#0cf; background:#666;} div.localmenuitem a:focus {color:#0cf; background:#666;} div.localmenuitemsel {background:#ccc; font-size:0.7em; border-bottom:1px solid #ccc; font-weight:bold;} div.localmenuitemsel a {display:block; padding:7px 15px 7px 15px;} div.localmenuitemsel a:link {color:#369;} div.localmenuitemsel a:visited {color:#369;} div.localmenuitemsel a:hover {color:#0cf; background:#ddd;} div.localmenuitemsel a:focus {color:#0cf; background:#ddd;} div.localsubmenuitem {background:#666; font-size:0.7em; border-bottom:1px solid #ccc; font-weight:normal;} div.localsubmenuitem a {display:block; padding:7px 15px 7px 35px;} div.localsubmenuitem a:link {color:#369;} div.localsubmenuitem a:visited {color:#369;} div.localsubmenuitem a:hover {color:#0cf; background:#fff;} div.localsubmenuitem a:focus {color:#0cf; background:#fff;} div.localmenuseparator {background:#fff; height:1px; border-top:1px solid #999;} /*local menu styles end*/ /*tree controls styles begin*/ div.treeframe {margin:0 0 10px 0;} div.treebase {text-align:left; padding:5px 0 10px 10px; margin:0 0 10px 0; background:#eee; overflow:auto;} div.treecross{width:11px; height:16px; float:left; overflow:hidden; padding:0; margin:0;} div.treecross img {width:11px; height:11px; padding:0; margin:0;} div.treeicon {float:left;padding:0px 2px 0 4px;width:25px;height:20px;} div.treeicon div{background-size:contain; background-repeat:no-repeat; width:20px; height:20px;} div.treeitem {margin:0px 0 0 5px;padding:0 0 0 10px;} div.treelabel{float:left;font-size: 0.8em;display:block;font-weight:normal;padding:3px 0 0 0;text-align:left;} div.treelabel a:link {color:#369;} div.treelabel a:visited {color:#369;} div.treelabel a:hover {color:#0cf;} div.treelabel a:focus {color:#0cf;} div.treelabel.sel{font-weight:bold;} div.treelabelsel{float:left;font-size: 0.8em;display:block;font-weight:bold;padding:3px 0 0 0;text-align:left; max-width:150px;} /*delete after page hiararchi transferred to taxonomy*/ div.empty {background:url(page.svg) no-repeat; width:16px; height:16px; background-size:contain;} div.file {background:url(page.svg) no-repeat; width:16px; height:16px; background-size:contain;} div.filehidden {background:url(pagehidden.svg) no-repeat; width:16px; height:16px; background-size:contain;} div.fileblock {background:url(pageblocked.svg) no-repeat; width:16px; height:16px; background-size:contain;} div.filelink {background:url(pagelink.svg) no-repeat; width:16px; height:16px; background-size:contain;} div.file.sel {background-image:url(pagesel.svg)} div.filehidden.sel {background-image:url(pagehiddensel.svg);} div.fileblock.sel {background-image:url(pageblockedsel.svg);} div.filelink.sel {background-image:url(pagelinksel.svg);} /*tree controls styles end*/ /*sidebar styles begin*/ div.exxitetrash {background:url(trash.svg) no-repeat center center #fff; background-size:90%; width:36px; height:36px; position:fixed; top:120px; right:0; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-radius:2px 0 0 2px;} div.exxitetrash a{display:block; position:absolute; bottom:-25px; right:0; font-size:0.8em; padding:4px;} div.exxitetrash a:link{color:#369;} div.exxitetrash a:visited{color:#369;} div.exxitetrash a:hover{background:#369; color:#fff;} div.exxitetoolbox {position:fixed; top:200px; right:0; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-radius:2px 0 0 2px; width:36px; min-height:10px; z-index:100000; background:#fff;} div.exxitetoolbox:hover {width:200px;} div.exxitetoolbox a{display:block; width:200px; height:40px; margin:1px 0 0 1px;} div.exxitetoolbox a h6 {font-family:'exxiteicon'; float:left; display:block; font-size:1.8em; padding:4px 10px 0 5px;} div.exxitetoolbox a p { font-size:0.8em; float:left; display:block; padding:10px 0 0 0;} div.exxitetoolbox a:link{background-color:#eee; } div.exxitetoolbox a:visited{background-color:#eee;} div.exxitetoolbox a:hover{background-color:#fff; } div.exxitetoolbox a:focus{background-color:#fff; } div.exxitetoolbox a:active{background-color:#369; color:#fff; } div.exxitesidebox{background:#eee; padding:10px; margin:0 0 10px 0;} /*sidebar styles begin*/ /*tab style begin*/ div.tabs{margin:0 0 10px 0;} div.tabs div.head {border-bottom:1px solid #ccc;} div.tabs div.head a{display:block; float:left; text-decoration:none; padding:10px 20px 10px 20px; font-size:0.7em; font-weight:bold; border-top:1px solid #ccc; border-right:1px solid #ccc; margin:0 0 -1px 0; border-bottom:1px solid #ccc;} div.tabs div.head a:first-child{border-left:1px solid #ccc; border-radius:4px 0 0 0;} div.tabs div.head a:last-child{border-radius:0 4px 0 0;} div.tabs div.head a:link{color:#666; background:#eee;} div.tabs div.head a:visited{color:#666; background:#eee;} div.tabs div.head a:hover{color:#0cf; background:#fff;} div.tabs div.head a:active{color:#fff; background:#333;} div.tabs div.head a.sel{cursor:default; border-bottom:1px solid #fff; position:relative;} div.tabs div.head a.sel:link{color:#333; background:#fff;} div.tabs div.head a.sel:visited{color:#333; background:#fff;} div.tabs div.head a.sel:hover{color:#333; background:#fff;} div.tabs div.head a.sel:active{color:#333; background:#fff;} div.tabs div.items{ padding:20px; background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;} div.tabs div.items div.tabs_item{display:none;} div.tabs div.items div.tabs_item.sel{display:block;} /*tab style end*/ /*previous - next pager style begin*/ div.exxiteprevnext{font-size:0.8em; font-weight:bold; padding:0 20px 20px 5px;} div.exxiteprevnext a:link{ color:#999;} div.exxiteprevnext a:visited{ color:#999;} div.exxiteprevnext a:hover{ color:#369;} div.exxiteprevnext a:focus{ color:#369;} div.exxiteprev{float:left;} div.exxitenext{float:right;} /*previous - next pager style end*/ /*curtain style begin*/ div.curtain{position:absolute; width:100%; height:100%; top:0; left:0; z-index:100; background:url(grey.png); display:none; text-align:center; padding-top:200px;} div.curtaininner {background:#fff; font-size:0.8em; padding:12px; width:200px; margin:auto;} /*curtain style end*/ /*hiddenbox style begin*/ div.hiddenboxheader{background:#eee; font-size:0.8em;} div.hiddenboxheader a {} div.hiddenboxheader p {padding:0; margin:0 0 0 30px;} div.hiddenboxicon{position:absolute; margin:-4px 0 0 -5px;} div.hiddenboxicon a {font-family:'exxiteicon'; font-size:1.5em; line-height:1em; display:block; height:20px; width:20px; text-align:center; margin:0 0 4px 0;} div.hiddenboxicon a:link{color:#666;} div.hiddenboxicon a:visited{color:#666;} div.hiddenboxicon a:hover{color:#0cf;} div.hiddenboxicon a:focus{color:#0cf;} div.hiddenbox{display:none;} /*hiddenbox style end*/ /*normal popup window styles begin*/ div.floatwindow{box-shadow:0 0 15px #000; position:absolute; display:none; background:#fcfcfc; z-index:1000;} div.floatwindowhead{height:26px; overflow:hidden; background:#333; color:#eee; cursor:move;} div.floattitle{float:left; font-size:0.7em; color:#eee; padding:4px 0 0 5px;} a.floatclose {display:block;font-family:'exxiteicon'; float:right; font-size:1.5em; width:26px; height:26px; text-decoration:none; text-align:center;} a.floatclose:link{color:rgba(255,255,255,0.4);} a.floatclose:visited{color:rgba(255,255,255,0.4);} a.floatclose:hover{color:rgba(255,255,255,0.9);} /*normal popup window styles end*/ /*modal popup window styles begin*/ div.modalcurtain {position:absolute; background:url(submitbg.svg) #333; top:0; left:0; width:100%; height:100%; margin:0; z-index:950; display:none;} div.modalcontainer {position:fixed;top:20px; left:0; text-align:center; z-index:102; width:100%; height:100%; z-index:99999;} div.modalframe{margin:auto; padding:50px 0 0 0; display:none; overflow:visible; background:#fff; box-shadow:0 0 15px #000; max-width:90%; max-height:90%;} div.modalframemax{margin:-20px 0 0 0; padding:50px 0 0 0; overflow:visible; background:#fff;} div.modalframemax div.modalhead{height:25px; background:#333;} div.modalframemax div.modalhead div.modaltitle{font-size:0.8em; color:#fff; padding:0.3em 1.4em;} div.modalframemax a.modalebutton{width:25px; height:25px; padding:0;} div.modalframemax a.modalebutton:link{color:rgba(255,255,255,0.5);} div.modalframemax a.modalebutton:visited{color:rgba(255,255,255,0.5);} div.modalframemax a.modalebutton:hover{color:#0cf;} div.fixmodalframe{margin:100px auto 0 auto; width:300px; padding:10px 0 10px 0; display:none; overflow:visible; background:#fff; box-shadow:0 0 8px #333; border-radius:3px; font-size:0.8em;} div.fixmodalframeg{height:20px;} div.modalbody{height:100%; position:relative;} div.modalhead{position:relative; height:50px; margin:-50px 0 0 0; overflow:hidden; background:#fff; border-bottom:1px solid #ccc;position:relative;} div.modaltitle {float:left; font-size:0.9em; color:#999; font-weight:bold; padding:1.2em; } div.modalbutton{position:absolute; top:0; right:0; bottom:0; width:50px} div.modalsizebutton{position:absolute; top:0; right:50px; bottom:0; width:50px;} div.modalbuttonright{position:absolute; top:0; right:0; bottom:0; width:50px} .modaliframe{border:0; width:100%; height:100%; margin:0; padding:0;} div.showimg{width:100%; height:100%; text-align:center; background:url(checkerboard.svg);} div.showvideo{width:100%; height:100%; text-align:center;} div.videoholder{width:400px; margin:auto;} /*div.exxiteload {width:100%; height:100%; min-height:100px; background:url(loader.gif) no-repeat #eee;background-position:center center;}*/ div.exxiteajaxerror {width:100%; height:100%; min-height:100px; background:#eee; text-align:center; font-family:'exxiteicon'; font-size:2.5em; color:#999;} div.exxiteajaxerror p{padding:20px 0 0 0;} a.modalebutton {display: block; width:50px; height: 50px; margin: 0; text-decoration: none; font-family:'exxiteicon'; font-size:1.4em; padding:10px 0 0 0;} a.modalebutton:link{color:rgba(0,0,0,0.5);} a.modalebutton:visited{color:rgba(0,0,0,0.5);} a.modalebutton:hover{color:#0cf;} /*modal popup window styles end*/ /*form styles begin*/ div.exxiteform {margin:0; padding:0px; text-align:left;} div.exxiteformitem {padding:4px 0 4px 0; margin:0; position:relative;} div.exxiteformlabel {box-sizing:border-box; width:15%; font-size:0.7em; font-weight:bold; color:#666; float:left; text-align:right; padding-right:15px;} div.exxiteformlabel a:link {color:#369; } div.exxiteformlabel a:visited {color:#369; } div.exxiteformlabel a:hover {color:#0cf; } div.exxiteformlabel a:focus {color:#0cf; } div.exxiteformcontrol {box-sizing:border-box; float:left; margin:0; width:85%;} div.exxiteformcontrol.full{width:100%; float:none;} div.exxiteformcontrol.t2px{width:200px} div.exxiteformcontrol.big{position:fixed; top:110px; left:0; right:0; bottom:0; background:#fcfcfc; z-index:100; padding:20px; box-shadow:0 0 8px #333;} div.exxiteformcontrol.big textarea{position:absolute; top:20px; left:20px; right:20px; bottom:20px;} div.exxiteformcommand{position:absolute; top:5px; right:0;} div.exxiteformnote {color:#555555; font-weight:normal; font-size:0.7em;} div.exxiteformerror {font-size:0.7em; color:#ff3333; } div.exxiteformlistbase {width:95%; background:#eee; overflow:auto;} div.exxiteformitemlistelement {float:left; margin:1px; padding:1px; border:2px solid #ccc; cursor:pointer;} div.exxiteformitemlistelementsel {float:left; margin:1px; padding:1px; border:2px solid #369; cursor:pointer;} div.exxitefileinputini{font-size:0.8em;} div.exxitecheckboxes {float:left;} div.exxitecheckboxesslim {float:left; width:100%; max-height:200px; overflow:auto; border:1px solid #ddd} div.exxitecheckboxcontrol {float:left;} div.exxitecheckboxlabel, label.exxitecheckboxlabel {float:left; font-size:0.75em; padding-left:10px;} div.exxitecheckboxcommand {font-size:0.7em;} div.exxitecheckboxcommand.abs {position:absolute; top:0; right:10px;} div.exxitecheckboxcommand a {display:block; float:left; padding:4px 10px 4px 10px; margin:4px 4px 0 0; border-radius:2px;} div.exxitecheckboxcommand a:link{background:#eee;} div.exxitecheckboxcommand a:visited{background:#eee;} div.exxitecheckboxcommand a:hover{background:#369; color:#fff;} div.exxitecheckboxcommand a:focus{background:#369; color:#fff;} div.exxitecheckboxcommand a:active{background:#333; color:#fff;} div.exxitecheckboxcommand a.right {float:right;} div.checkboxleft{float:left; padding:0 0 0 20px; width:200px;} div.boxed { font-family: 'boxedfont'; float:left; margin-right: 5px; } div.exxiteformsubmit {padding:4px 10px 4px 15%; background-image:url(w50.svg), url(submitbg.svg); background-color:#ccc; border-radius:2px;} div.exxiteformsubmit.danger {background-color:#fe9; background-image:url(submitbg.svg);} div.exxiteformsubmit.cent{padding:4px 10px 4px 10px; text-align:center;} div.exxiteformfieldset fieldset {border:3px solid #ccc; padding:4px; margin:15px 0 15px 0;} div.exxiteformfieldset legend {font-size:0.8em;font-weight:bold;color:#333; padding:0; margin:0 5px 0 25px;} div.exxiteformfieldsetint fieldset {border:3px solid #ccc; padding:4px; margin:15px 0 15px 0;} div.exxiteformfieldsetint legend {display:block; height:25px; font-size:0.8em;font-weight:bold;color:#366399; cursor:pointer; background:url(open.png) no-repeat center left; padding:10px 0 0 22px;} div.exxiteformicongrid {border:1px solid #ccc; border-radius:2px; background:#eee; overflow:auto; max-height:200px;} div.exxiteformicongrid.color {background:url(checkerboard.svg);} div.exxiteformicon {float:left; border:2px solid rgba(0,0,0,0.001); margin:1px; border-radius:2px;} div.exxiteformicon a {display:block; padding:4px; } div.exxiteformicon:hover{border:2px solid #999;} div.exxiteformicon.sel{border:2px solid #369;} div.exxiteformiconinner {background-size:contain; background-repeat:no-repeat;} div.exxiteformimage{margin:5px 0 0 0;} div.exxiteformcolor {float:left; border:2px solid rgba(0,0,0,0.001); margin:0; border-radius:2px;} div.exxiteformcolor:hover{border:2px solid #0cf;} div.exxiteformcolor a {display:block; padding:1px; } div.exxiteformcolor.sel{border:2px solid #369;} div.exxitecolor{width:60px; height:34px;} div.exxitecolorinputboxholder{border:1px solid #eee; background:url(checkerboard.svg);} div.exxitecolorinputbox{height:50px;} input.exxitecolorinput{border:none; color:#fff; background:rgba(0,0,0,0.5); padding:5px; margin:10px; text-align:center; width:140px; cursor:pointer;} input.autofilled {font-style: italic; color: #6f6f6f;} input.autow {width: auto;} .exxiteinput {font-size:0.8em; background:#eee; width:100%; height:20px; border:1px solid #ccc; border-radius:2px; padding:2px 4px 2px 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.1) 0 0 4px inset;} .exxiteinput:focus {background:#ddeeff; outline:none;} input.exxiteinput.file{padding:0; height:23px;} input.exxiteinput.year{width:50px; margin:0 5px 0 0;} .exxiteinputedited {font-size:0.8em; background:url(points.svg) no-repeat center right #eee; width:100%; height:20px; border:1px solid #ccc; border-radius:2px 0 0 2px; cursor:pointer; padding:2px 4px 2px 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.1) 0 0 4px inset;} .exxiteinputedited:focus {background:#ddeeff; outline:none;} .exxitefileinput {font-size:0.8em; background:#eee; width:100%; height:20px; border:1px solid #ccc; border-radius:2px; padding:2px 4px 2px 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.1) 0 0 4px inset;} .exxitefileinput:focus {background:#ddeeff; outline:none;} .exxiteformselect {font-size:0.8em; background:#eee; width:100%; border:1px solid #ccc; border-radius:2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding:2px 4px 2px 4px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 4px inset;} .exxiteformselect:focus {background:#ddeeff; outline:none;} .exxiteformselect.date {width:auto; padding:0 0 0 5px;} .exxiteinput.date {width:auto; padding:0 0 0 5px; margin:0 0 0 5px;} .exxiteformselectsug {font-size:0.8em; background:#fff; color:#666; border:1px solid #ccc; width:100%; height:20px;} .exxitetextarea{font-size:0.8em; font-family: Arial, Helvetica, sans-serif; background:#eee; width:100%; border:1px solid #ccc; border-radius:2px; resize:vertical; padding:2px 4px 2px 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.1) 0 0 4px inset; } .exxitetextarea:focus {background:#ddeeff; outline:none;} div.exxitertfpanel {font-size:0.7em; font-weight:bold; width:100%; padding:0; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } div.exxitertfview {padding: 40px; border: 1px solid #ccc; background:url(points.svg) no-repeat #eee; background-position-x:right; background-position-y:5px; position:relative;} div.exxitertfview:hover{background:rgba(221,238,255,0.5);} div.exxitertfview a.start{display:block; position:absolute; top:0; bottom:0; right:0; left:0;} div.exxitertfpanel a {display:block; padding:4px 10px 4px 10px;} div.exxitertfpanel a:link {color:#369; background:url(points.svg) no-repeat center right #ccc;} div.exxitertfpanel a:visited {color:#369; background:url(points.svg) no-repeat center right #ccc;} div.exxitertfpanel a:hover {color:#fff; background:url(points.svg) no-repeat center right #369;} div.exxitertfpanel a:focus {color:#fff; background:url(points.svg) no-repeat center right #369;} .exxitertftextarea{font-size:0.8em; font-family: Arial, Helvetica, sans-serif; background:#eee; width:100%; border-top:0; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:2px 4px 2px 4px; resize:vertical; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .exxitertftextarea:focus {background:#ddeeff; outline:none;} .exxitetextareax{font-size:16px; font-family: Courier; background:#eee; width:100%; border:1px solid #ccc; border-radius:2px; resize:vertical; padding:2px 4px 2px 4px; box-sizing:border-box;} .exxitetextareap{font-size:0.8em; font-family: Arial, Helvetica, sans-serif; background:#dae6ec; width:100%; border:1px solid #ccc; border-radius:2px; resize:vertical; padding:2px 4px 2px 4px; box-sizing:border-box;} .exxiteresourceformicon {padding:2px 0 0 0;} .exxiteresourceformicon img {border:1px solid #999;} .exxitecodearea {font-family:Consolas,Courier New,monospaced; font-size:13px; background:#eee; width:100%; border:1px solid #ccc; border-radius:2px; resize:vertical; padding:2px 4px 2px 4px; box-sizing:border-box;} .exxitecodearea:focus {background:#ddeeff; outline:none;} button.exxitesubmit {font-weight:bold; font-size:0.7em; margin-right:15px; padding:12px 40px 12px 40px; border-right:0; border-left:0; border-top:0; border-radius:2px; cursor:pointer; color:#fff; background-color:#666; border-bottom:2px solid rgba(0,0,0,0.3);} button.exxitesubmit:focus,button.exxitesubmit:hover{background-color:#0cf; outline:none;} button.exxitesubmit:active{background-color:#333; border-bottom:2px solid #333; padding:12px 40px 12px 40px;} button.exxitesubmitsynced { background: url(syncw_icon.svg) 2% 50% / 20px no-repeat rgb(102, 102, 102); } button.light{background-color:#999;} button.light:focus,button.exxitesubmit.light:hover {background-color:#0cf;} .exxitecheckboxin {} .exxitecheckboxinp {} div.exxitetextareapanel {float:left;} div.exxitetextareapanel img {width:17px; height:17px; display:block; float:left;} a.ebutton {display: block; width:26px; height: 26px; margin: 0; text-decoration: none; font-family:'exxiteicon'; font-size:1.5em; padding:0 0 0 5px;} div.exxiterteform {padding:10px;} div.exxitecaptcha {float:left; width:30%; font-size:0.7em;} div.exxitecaptchainput {float:right; width:68%;} /* div.exxitecodedecor{background:#eee; padding:4px; margin-bottom:2px;} div.exxitecodedecor input {background:#fff; border:1px solid #999; float:left; height:24px; width:30%; margin-right:4px;} div.exxitecodebtn {font-size:0.7em; float:left;border:1px solid #ccc; margin-right:4px;} div.exxitecodebtn a { display:block; padding:4px 10px 4px 10px; font-weight:bold;} div.exxitecodebtn a:link {color:#369; background:url(btnbg.png)} div.exxitecodebtn a:visited {color:#369; background:url(btnbg.png)} div.exxitecodebtn a:hover {color:#0cf; background:url(btnbg.png)} div.exxitecodelang {float:right; color:#ccc; font-weight:bold; font-size:1.2em;} */ div.exxiteformsubmitfixed {position:fixed; top:80px; right:0; border-radius:2px 0 0 2px; padding:0 0 4px 4px;} div.exxiteformsubmitfixed a {width:100px; display:block; padding:4px 10px 4px 10px; margin:4px 4px 0 0; border-radius:2px;font-size:0.7em; border:1px solid #ccc;} div.exxiteformsubmitfixed a:link{background:#eee;} div.exxiteformsubmitfixed a:visited{background:#eee;} div.exxiteformsubmitfixed a:hover{background:#369; color:#fff;} div.exxiteformsubmitfixed a:focus{background:#369; color:#fff;} div.exxiteformsubmitfixed a.right {float:right;} div.exxiteformtag{font-size:0.8em; background:url(points.svg) no-repeat #eee; background-position:right 10px; width:100%; border:1px solid #ccc; border-radius:2px; padding:5px; cursor:pointer; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} div.exxiteformtag span{color:#999;} div.exxiteitems{background:#eee; width:100%; min-height:100px;} a.sortablelink {display:block; padding:4px 10px 4px 10px; font-size:0.7em; border:1px solid #ccc;} .sortablelink:link {color:#369; background:url(points.svg) no-repeat center right #ccc;} .sortablelink:visited {color:#369; background:url(points.svg) no-repeat center right #ccc;} .sortablelink:hover {color:#fff; background:url(points.svg) no-repeat center right #369;} .sortablelink:focus {color:#fff; background:url(points.svg) no-repeat center right #369;} div.exxiteitems p{text-align:center; padding:50px; font-size:0.9em; font-weight:bold; color:#999;} div.exxiteitems div.item{background:rgba(0,0,0,0.2); margin:2px 0 2px 0; position:relative; min-height:25px; padding:5px 50px 5px 50px; color:#333;} div.exxiteitems div.item span{ font-size:0.9em; font-weight:bold;} div.exxiteitems div.item div.sorthandle{position:absolute; top:0; bottom:0; left:0; width:40px; font-family:'exxiteicon';padding:5px; cursor:default; color:#fff;} div.exxiteitems div.item a.close{display:block;position:absolute; top:4px; right:4px; font-family:'exxiteicon'; text-decoration:none; font-size:1.4em;} div.exxiteitems div.item a.close:link{color:rgba(255,255,255,0.5);} div.exxiteitems div.item a.close:visited{color:rgba(255,255,255,0.5);} div.exxiteitems div.item a.close:hover{color:#fff;} div.exxiteitems div.item div.itemicon{font-size:1.4em; margin-right:5px;} textarea.tableedit{display:none;} div.exxitetableedit table{border:2px solid #ccc; margin:0 0 10px 0;} div.exxitetableedit td{border:1px solid #ccc; padding:10px; font-size:0.8em;} div.exxitetableedit td:hover{background:#eee; cursor:pointer;} div.exxitetableedit td.delcell{width:30px; background:#eee; position:relative;} div.exxitetableedit td.delcell:hover{background:#fee;} div.exxitetableedit td.delcell:after{content:'i'; position:absolute; top:5px; right:0; left:0; text-align:center; font-family:'exxiteicon'; color:#fff; font-size:2em;} div.exxitetableedit td.edited{background:#def;} div.exxitetableedit td.edited input{background:#def; border:none; outline:none; width:100%;} div.exxitetableedit th{border:1px solid #ccc; padding:10px; font-size:0.8em; font-weight:bold; background:#eee;} div.exxitetableedit div.addcell {margin:0 20px 0 0; float:left; font-size:0.8em; padding:10px 10px 10px 40px; background:#ccc; color:#fff; cursor:pointer; position:relative;} div.exxitetableedit div.addcell:hover{background-color:#0cf; color:#fff;} div.exxitetableedit div.addcell:after{content:','; position:absolute; top:5px; left:5px; font-family:'exxiteicon'; color:#fff; font-size:2em;} img.exxiteuploadpreview{margin:5px 0 0 0; max-width:400px; display:none;} /*form styles end*/ /* editable table styles begin*/ div.exxiteeditable {cursor:pointer;width:100%; min-height:29px; padding:4px 6px 0 6px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; overflow:hidden; line-height:2em;} div.exxiteeditable:hover{background:#eee;} input.exxiteediatbleinput{width:100%; height:29px; background:#ddeeff; border:none; padding:4px 6px 0 6px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} input.exxiteediatbleinput:focus{outline:none;} textarea.exxiteediatbletextarea{width:100%; height:300px; line-height:2em; background:#ddeeff; border:none; padding:4px 6px 0 6px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-family:Arial; color:#333; font-size:1em; padding:6px;} textarea.exxiteediatbletextarea:focus{outline:none;} div.exxiteetab table {font-size: 0.75em; border-collapse: collapse;border: 2px solid #ccc;font-weight:normal;background: #fff;padding-left:20px;padding-right:20px;margin-bottom:20px;} div.exxiteetab td {border: 1px solid #eee;padding:0; min-width:200px;} div.exxiteetab th {border: 1px solid #eee;padding:0; min-width:200px; padding:4px 10px 4px 10px;} div.exxiteetab caption {padding: 0 0 5px 0;text-align: left;font-weight: bold;text-transform: uppercase;color: #333;background: transparent;} div.exxiteetab thead th, tfoot th {border: 1px solid #eee;text-align:left;font-weight:bold;color: #333;background: #ccc;} div.exxiteetab tfoot td {border: 2px solid #eee;} div.exxiteetab tbody th {vertical-align: top; text-align: left;} div.exxiteetab tbody td {vertical-align: top; text-align: left;} div.exxiteetab tbody th {white-space: nowrap;} /* editable table styles end*/ /*section styles begin*/ /*div.exxitesection{background:#eee; margin:0 0 10px 0; padding:5px; border:1px solid #ccc; border-radius:2px;} div.exxitesection div.head{border-bottom:2px solid #ccc; margin:0 0 5px 0; padding:0 0 5px 0;} div.exxitesection div.head div.title_left{font-size:0.8em; font-weight:bold; color:#666; float:left;} div.exxitesection div.head div.title_right{font-size:0.8em; font-weight:bold; color:#666; float:right;}*/ /*section styles end*/ /*button styles begin*/ div.exxitebutton {padding:5px 10px 5px 0px; margin:0 0 5px 0; background:#666; cursor:pointer; border-radius:2px; color:#fff; position:relative; border-bottom: 2px solid rgba(0, 0, 0, 0.3);} div.exxitebutton:hover {background:#0cf; color:#fff;} div.exxitebutton:hover div.exxitebuttonicon {color:#fff;} div.exxitebutton:active {background:#333; color:#fff;} div.exxitebutton:active div.exxitebuttonicon {color:#fff;} div.exxitebutton a{display:block; position:absolute; top:0; bottom:0; left:0; right:0;} div.exxitebutton.center{margin:0 0 5px 0;} div.exxitebutton.left{margin:0 5px 5px 0;} div.exxitebutton.right{margin:0 0 5px 5px;} div.exxitebutton.big{padding:10px 20px 10px 0px;} div.exxitebutton.pale{background:#999;} div.exxitebuttonicon {float:left; color:#fff; margin:0 0 0 8px;} div.exxitebuttontxt {float:left; white-space:nowrap; font-size:0.7em; margin:0 0 0 10px; height:16px; font-weight:bold; padding:2px 0 0 0;} div.exxitebuttonbar {padding:4px 4px 0 4px; background:#ccc;box-shadow:0 0 15px #000; position:fixed; top:0; left:0; right:0;} div.exxitebuttonline{border:1px solid #ccc; margin-bottom:5px;} div.exxitebuttonlineitem{float:left;} div.exxitebuttonlineiteminner{border-right:1px solid #ccc; padding:4px; background:#eee; cursor:pointer; text-align:center; white-space:nowrap; overflow:hidden;} div.exxitebuttonlineiteminner p.label{color:#369; font-weight:bold; font-size:0.7em; overflow:hidden; text-overflow:ellipsis;} div.exxitebuttonlineiteminner span.iconspan {font-family:'exxiteicon'; color:#7d96af; font-size:2.6em;font-weight:normal;} div.exxitebuttonlineiteminner.last{border:0;} div.exxitebuttonlineiteminner:hover{background:#fff;} div.exxitebuttonlineiteminner:hover span.iconspan {color:#0cf;} div.exxitebuttonlineiteminner.sel{background:#fff;} div.exxitebuttonlineiteminner.sel span.iconspan {color:#369;} /*button styles end*/ /*big button styles begin*/ div.exxitebigbutton {padding:10px 10px 10px 10px; margin:0 0 5px 0; background:#ddd; cursor:pointer; border-radius:2px; position:relative; text-align:left; border-bottom:2px solid rgba(0,0,0,0.3);} div.exxitebigbutton:hover {background:#eee; color:#369; border-bottom:2px solid rgba(0,0,0,0.3);} div.exxitebigbutton:hover div.exxitebigbuttonicon {color:#0cf;} div.exxitebigbutton:active {background:#ccc; color:#369; border-bottom:2px solid #ccc;} div.exxitebigbutton:active div.exxitebigbuttonicon {color:#0cf;} div.exxitebigbutton h2 {font-size:0.9em; font-weight:bold;} div.exxitebigbutton p {font-size:0.8em;} div.exxitebigbuttonicon {position:absolute; top:10px; left:10px; color:#7d96af;} div.exxitebigbuttontxt {margin:0 0 0 45px;} div.exxitebigbutton.red{background:#c00; color:#fff;} div.exxitebigbutton.red div.exxitebigbuttonicon{color:#fff} div.exxitebigbutton.red:hover{background:#f33; color:#fff;} div.exxitebigbutton.red:hover div.exxitebigbuttonicon{color:#fff;} div.exxitebigbuttonfix {padding:10px 10px 10px 10px; margin:0 0 5px 0; background:#eee; border-radius:2px; border-bottom:2px solid rgba(0,0,0,0.3); min-height:55px;} div.exxitebigbuttonfix h2 {font-size:0.9em; font-weight:bold;} div.exxitebigbuttonfix p {font-size:0.8em;} /*big button styles end*/ /* insider RTF text style begin*/ div.exxitertf {padding:0;} div.exxitertf strong {font-weight:bold;} div.exxitertf h1 {font-size: 1.2em;font-style: normal;font-weight: normal;color:#999; margin:0 0 10px 0; padding:0;} div.exxitertf h2 {font-size: 0.85em;font-style: normal;font-weight: bold;color: #888888;margin:0 0 10px 0;} div.exxitertf h3 {font-size: 0.75em;font-style: normal;font-weight: bold;color: #666;margin:0 0 10px 0;} div.exxitertf h4 {font-size: 0.75em;font-style: normal;font-weight: bold;color: #333;margin:0 0 10px 0;} div.exxitertf p {font-size: 0.75em;font-style: normal;font-weight: normal;margin-bottom:20px;margin-top:0;} div.exxitertf hr {text-align: center;border: 0px;height: 3px;width: 20%;color:#ccc;background-color: #ccc;} div.exxitertf ul {font-size: 0.75em;font-style: normal;font-weight: normal;text-indent: 0px;list-style-position: outside;list-style-type: disc;padding: 0px;margin-top: 5px;margin-bottom: 15px;margin-left: 35px;margin-right: 5px;padding:0} div.exxitertf ol {font-size: 0.75em;font-style: normal;font-weight: normal;text-indent: 0px;list-style-position: outside;padding: 0px;margin-top: 5px;margin-bottom: 15px;margin-left: 35px;margin-right: 5px;padding:0} div.exxitertf table {font-size: 0.75em; border-collapse: collapse; font-weight:normal; font-size:0.8em;width:100%;margin-bottom:20px;} div.exxitertf td, th {border: 1px solid #ccc;padding: 5px;} div.exxitertf caption {padding: 0 0 5px 0;text-align: left;font-weight: bold;text-transform: uppercase;color: #333;background: transparent;} div.exxitertf thead th, tfoot th {border: 1px solid #eee;text-align:left;font-weight:bold;color: #333;background: #ccc;} div.exxitertf tfoot td {border: 2px solid #ccc;} div.exxitertf tbody th {vertical-align: top; text-align: left;} div.exxitertf tbody td {vertical-align: top; text-align: left;} div.exxitertf tbody th {white-space: nowrap;} /*div.exxitertf tbody tr:hover {background: #b2c9d3;}*/ /*div.exxitertf .odd {background: #eee;}*/ div.exxitertf .small {color: #999;} div.exxitertf .left {float:left;margin-right:20px;margin-bottom:10px;border:0} div.exxitertf .right {float:right;margin-left:20px;margin-bottom:10px;border:0} /*div.exxitertf pre {font-family:Consolas,Courier New,monospaced; font-size:12px; padding:0; margin:0; line-height: 20px; overflow:auto; background:url(codebg.png) left top ; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap;}*/ div.exxitertf pre {font-family:Consolas,Courier New,monospaced; font-size:12px; padding:0; margin:0; line-height: 16px; overflow:auto; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap;} div.exxitertf pre span {padding:0; margin:0;} div.exxitertf code {font-family:Consolas,Courier New,monospaced; font-size:12px; color:#369;} div.exxitertf img {border:1px solid #ccc;} /* insider RTF text style end*/ /*exxite page constructor styles begin*/ div.exxitectable{} div.exxiteclabel{float:left; width:50%; margin:0 0 5px 0;} div.exxiteclabelinner{margin:0 2px 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} div.exxiteclabelinner p{font-size:0.7em; padding:4px; background:#ccc;} div.exxitectable table {font-size:0.75em; color:#666; border-collapse: collapse; width:100%; background:#fff; border:2px solid #ccc; margin:0;} div.exxitectable td {border-bottom:1px solid #ccc; padding:4px 4px 4px 4px; vertical-align:top;} div.exxitectable tbody tr:hover {background:#e5f9ff;} div.exxitectable .a1 {width:1%;} div.exxitectable .a2 {font-size:1.2em; font-weight:bold;} div.exxitectable .a3 {width:1%;} div.exxitectable .a4 {width:1%;} div.exxitectable .a5 {width:1%; font-weight:bold; padding-left:20px;} div.exxiteemptyplace{font-size:1.2em; color:#ccc; padding:0px 1px 0px 1px;} /*exxite page constructor styles end*/ /*function list style begin*/ div.functionlist a {display:block; white-space:nowrap;} div.functionlist table {font-size:0.75em; color:#666; border-collapse: collapse; width:100%; background:#eee; margin:0 0 20px 0;} div.functionlist td {padding:6px 4px 6px 4px; vertical-align:top;} div.functionlist tbody tr:hover {background:#e5f9ff;} div.functionlist .a1 {text-align:right;} div.functionlist .a2 {font-weight:bold;} div.functionlist .a3 {white-space:nowrap;} div.functionlist .a4 {} div.functionlist .a5 {font-weight:bold;} div.functionlist .a6 {white-space:nowrap;} div.functionlist .odd {background:#fff;} /*function list style end*/ /*functions codeview styles begin*/ div.exxitefuncframe {background:#eee; padding:20px 20px 20px 10px; margin:1px 0 0 0; border:1px solid #eee;} div.exxitefuncframe:hover {border:1px solid #ccc;} div.exxitefuncframe code {font-family:Consolas,Courier New,monospaced; font-size:12px; padding:0; margin:0; line-height: 16px; overflow:auto; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap;} div.exxitefuncframe pre {font-family:Consolas,Courier New,monospaced; font-size:12px; padding:0; margin:0; line-height: 16px; overflow:auto; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap;} span.sel {background:#ffff99;} span.funcname {color:#000; font-weight:bold;} span.comment {color:#ff8000;} span.string {color:#ff3333;} span.keyword {color:#339933;} span.default {color:#333;} span.defined {font-weight:bold; color:#369;} span.user {font-weight:bold; color:#369; text-decoration:underline;} span.html {} span.query {background:#FFF3AE;} div.exxitefuncframebuttons{float:right; margin:4px 4px 0 0; border:4px solid #ccc; border-radius:2px;} div.exxitefuncframebuttons a{width:100px; display:block; font-size:0.7em; padding:2px 10px 2px 10px;} div.exxitefuncframebuttons a:link{background:#eee;} div.exxitefuncframebuttons a:visited{background:#eee;} div.exxitefuncframebuttons a:hover{background:#369; color:#fff;} div.exxitefuncframebuttons a:focus{background:#369; color:#fff;} /*functions codeview styles end*/ /*Search a line in the corelib style begin*/ div.exxitelibline{} div.exxitelibline table{border:0; border-collapse:collapse;} div.exxitelibline .sel {background:#eee; color:#ff3333;} div.exxitelibline .num{font-size:0.8em; text-align:right; color:#999; padding:4px 20px 4px 0px;} div.exxitelibline .line{font-size:0.8em; padding:4px 20px 4px 0px;} /*Search a line in the corelib style end*/ /*content list style begin*/ div.contentlist a {white-space:nowrap;} div.contentlist th {padding:0;} div.contentlist th a {display:block; padding:4px 4px 4px 20px;} div.contentlist th a:link {background:#eee; color:#369;} div.contentlist th a:visited {background:#eee; color:#369;} div.contentlist th a:hover {background:#ccc; color:#0cf;} div.contentlist th a:focus {background:#ccc; color:#0cf;} div.contentlist th.sel a {background:url(down.svg) no-repeat 5px center #ccc;} div.contentlist th.selx a {background:url(up.svg) no-repeat 5px center #ccc;} div.contentlist th.asc a {background:url(down.svg) no-repeat 5px center #ccc;} div.contentlist th.desc a {background:url(up.svg) no-repeat 5px center #ccc;} div.contentlist table {font-size:0.75em; color:#666; border-collapse: collapse; width:100%; background:#eee; margin:0 0 20px 0;} div.contentlist td {padding:6px 4px 6px 4px; vertical-align:top;} div.contentlist td a{display:block;} div.contentlist tbody tr:hover {background:#e5f9ff;} div.contentlist .a1 {text-align:right;} div.contentlist .a2 {font-weight:bold;} div.contentlist .a5 {font-weight:bold; white-space:nowrap; text-align:right;} div.contentlist .odd {background:#fff;} div.contentlist .sel {background:#C6E2FF;} div.fileicon {width:20px; height:16px; background:url(file.svg) no-repeat left center; background-size:contain; float:left;} input.contentlistcheck{float:left; margin:0 8px 0 0;} /*content list style end*/ /*content selector list style begin*/ div.exxitecontentsel table {font-size:0.8em; color:#666; border-collapse: collapse; background:#eee; margin:0 0 20px 0; table-layout: fixed;} div.exxitecontentsel th {padding:0;} div.exxitecontentsel th a {display:block; padding:4px 4px 4px 20px;} div.exxitecontentsel th.asc a{background:url(down.svg) no-repeat 5px center #ccc;} div.exxitecontentsel th.desc a{background:url(up.svg) no-repeat 5px center #ccc;} div.exxitecontentsel th a:link {color:#369;} div.exxitecontentsel th a:visited {color:#369;} div.exxitecontentsel th a:hover {background-color:#ccc; color:#0cf;} div.exxitecontentsel th a:focus {background-color:#ccc; color:#0cf;} div.exxitecontentsel td {padding:6px 4px 6px 4px; vertical-align:top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} div.exxitecontentsel tbody tr:hover {background:#e5f9ff;} div.exxitecontentsel th.a1 {width:10%;} div.exxitecontentsel th.a2 {width:70%;} div.exxitecontentsel th.a3 {width:20%;} div.exxitecontentsel td.a1 {text-align:right;} div.exxitecontentsel td.a2 {font-weight:bold;} div.exxitecontentsel .odd {background:#fff;} /*content selector list style end*/ /*resourcelist style begin*/ div.reslist a { white-space:nowrap;} div.reslist th {padding:0;} div.reslist th a {display:block; padding:4px 4px 4px 20px;} div.reslist th a:link {background:#eee; color:#369;} div.reslist th a:visited {background:#eee; color:#369;} div.reslist th a:hover {background:#ccc; color:#0cf;} div.reslist th a:focus {background:#ccc; color:#0cf;} div.reslist th.sel a {background:url(down.svg) no-repeat 5px center #ccc;} div.reslist th.selx a {background:url(up.svg) no-repeat 5px center #ccc;} div.reslist table {font-size:0.75em; color:#666; border-collapse: collapse; width:100%; background:#eee; margin:0 0 20px 0;} div.reslist td {padding:4px 4px 4px 4px; vertical-align:top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} div.reslist tbody tr:hover {background:#e5f9ff;} div.reslist .a1 {text-align:right; width:1%} div.reslist .a2 {text-align:right; padding:0 0 4px 4px; width:1%} div.reslist .a3 {font-size:1.4em;} div.reslist .a4 {text-align:right;} div.reslist .a5 {text-align:right;} div.reslist .a7 {text-align:right;} div.reslist .odd {background:#fff;} div.tablemenu{width:32px; height:20px; cursor:pointer; color:#369; font-size:1.2em; text-align:right;} div.tablemenu:hover {color:#0cf;} /*resourcelist style end*/ /*icon view style begin*/ div.iconitem{position:relative; float:left; width:300px; height:110px; background:#eee; margin:0 10px 10px 0; border-radius:2px; border:1px solid #ccc; overflow:hidden;} div.iconiteminner{padding:4px;} div.iconimg{float:left; padding:4px; margin:0 10px 0 0; text-align:center;} div.iconimg:hover{background:url(checkerboard.svg); background-size:10%;} div.iconimginner {width:100px; height:50px; overflow:hidden; background-size:contain; background-position:center center; background-repeat:no-repeat;} div.icontitle{text-align:center; font-size:0.8em; font-weight:bold; border-top:1px solid #ccc; padding:4px 4px 4px 25px;} div.icontitle a {text-overflow:ellipsis; display:block; overflow:hidden;} div.icontxt {float:right; width:170px; height:80px; overflow:auto;} div.icontxt p {font-size:0.7em; margin:0 0 4px 0;} div.icontxt table {font-size:0.7em;} div.iconselectorframe {padding:5px 0 0 0;} select.exxitepagesizer {float: right;margin: 0 0 0 5px;color: #999;border-radius: 2px; height: 26px;} div.iconitemtable {background:url(file.svg) no-repeat; background-size:contain; width:20px; height:20px; float:left;} div.iconitemlabel{font-weight:bold; font-size:0.75em} div.imageicon{background:url(points.svg) no-repeat center center; width:100px; height:60px;} div.defaulticon{width:100px; height:60px; text-align:center;} div.defaulticonmod{font-size:2.2em; color:#ccc;} div.txticon{width:95px; height:60px; overflow:hidden; font-size:0.7em; color:#999;} div.txticon.num {color:#006699;} div.txticon.dt {color:#669966;} div.iconmenu{width:32px; height:27px; position:absolute; bottom:0; left:0; cursor:pointer; color:#369; font-size:1.2em; text-align:center;} div.iconmenu:hover {color:#0cf;} div.iconmenu div.exxiteicon{margin-top:4px;} /*icon view style end*/ /*site generator result table styles begin*/ div.exxitegenlist table{font-size:0.75em; color:#333; border-collapse: collapse; width:100%; background:#eee; margin:0 0 20px 0;} div.exxitegenlist thead th {text-align:left; background:#ccc; border:0; padding:5px 10px 5px 10px;} div.exxitegenlist td {padding:8px 4px 8px 4px; vertical-align:top;} div.exxitegenlist .a1 {text-align:right; width:1%;} div.exxitegenlist .a2 {font-weight:bold;} div.exxitegenlist .a5 {text-align:right;} div.exxitegenlist .a7 {text-align:right;} div.exxitegenlist .a8 {text-align:right;} div.exxitegenlist .odd {background:#fff;} div.exxitegenlist .error {background:#fcc;} /*site generator result table styles end*/ /*site generator resource table styles begin*/ div.exxiteresgenlist table{font-size:0.75em; color:#333; border-collapse: collapse; width:100%; background:#eee; margin:0 0 20px 0;} div.exxiteresgenlist thead th {text-align:left; background:#ccc; border:0; padding:5px 10px 5px 10px;} div.exxiteresgenlist td {padding:8px 4px 8px 4px; vertical-align:top;} div.exxiteresgenlist .odd {background:#fff;} div.exxiteresgenlist .error {background:#ffcccc;} /*site generator resource table styles end*/ /*contentformat list style begin*/ div.contentformatlist a { white-space:nowrap;} div.contentformatlist thead th {text-align:left; background:#ccc; border:0; padding:5px 10px 5px 10px;} div.contentformatlist table {font-size:0.75em; color:#666; border-collapse: collapse; width:100%; margin:0 0 20px 0;} div.contentformatlist td {padding:8px 4px 8px 4px; vertical-align:top;} div.contentformatlist tbody tr:hover {background:#e5f9ff;} div.contentformatlist .a1 {text-align:right;} div.contentformatlist .a2 {font-weight:bold;} div.contentformatlist .a9 {font-weight:bold; white-space:nowrap;} div.contentformatlist .a10 {width:1%;} div.contentformatlist .odd {background:#eee;} /*contentformat list style end*/ /* contentheader list style begin*/ div.contentheader {margin-bottom:10px;} div.contentheader table {font-size:0.7em; color:#666; border-collapse: collapse; width:100%; background:#eee; border:0; margin:0;} div.contentheader td {border:1px solid #fff; padding:2px 10px 2px 10px; vertical-align:top;} div.contentheader .a1 {text-align:right; width:10%; white-space: nowrap; vertical-align:top;} div.contentheader .a2 strong{font-weight:bold; color:#333;} /* contentheader list style end*/ /* pageheader list style begin*/ div.exxitepageheaderframe {margin:0 0 10px 10px; overflow:hidden; border-radius:2px;border:2px solid #ccc;} div.exxitepageheader {margin:0; padding:0;} div.exxitepageheader table {font-size:0.7em; color:#666; border-collapse: collapse; width:100%; background:#eee; border:0; margin:0;} div.exxitepageheader td {border:1px solid #fff; padding:2px 10px 2px 10px; vertical-align:top;} div.exxitepageheader .a1 {text-align:right; width:10%; white-space: nowrap; vertical-align:top;} /* pageheader list style end*/ /*pagesearch list style begin*/ div.pagesearch a { white-space:nowrap;} div.pagesearch table {font-size:0.75em; color:#666; border-collapse: collapse; width:100%; background:#eee; margin:0 0 20px 0;} div.pagesearch td {padding:8px 4px 8px 4px; vertical-align:top;} div.pagesearch tr:hover {background:#e5f9ff;} div.pagesearch .a1 {text-align:right; width: 1%;} div.pagesearch .a2 {font-weight:bold;} div.pagesearch .odd {background:#fff;} /*pagesearch list style end*/ /* content preview style begin*/ div.contentpreview table {font-size:0.75em; color:#000; border-collapse: collapse; width:100%;} div.contentpreview td {border-bottom:1px solid #ccc; padding:4px 4px 4px 4px; vertical-align:top;} div.contentpreview tr:hover {background:#e5f9ff;} div.contentpreview .a1 {text-align:right; color:#666; font-weight:bold; white-space:nowrap;} /* content preview style end*/ /* content form editor styles begin*/ div.contentform table {border-collapse: collapse; width:100%; margin:0 0 20px 0; background:#eee;} div.contentform td {vertical-align:top; padding:8px; font-size:0.8em;} div.contentform thead th {text-align:left; border:0; font-size:0.8em; padding:5px 10px 5px 10px;} div.contentform thead tr {border-bottom:2px solid #ccc;} div.contentform tbody tr:hover {background:#e5f9ff;} div.contentform .odd {background:#fff;} div.contentform .a2 {font-weight:bold; color:#666;} div.contentform .a7 {font-weight:bold;} div.contentform .a8 {font-weight:bold;} div.contentform .a9 {font-weight:bold;} div.contentform .a10 {font-weight:bold;} /* content form editor styles end*/ /*resource list style begin*/ div.resource a { white-space:nowrap;} div.resource th {font-weight:bold;} div.resource table {font-size:0.75em; color:#666; border-collapse: collapse; width:100%; background:#eee; border:0; margin:0 0 20px 0;} div.resource td {border-bottom:1px solid #ccc; padding:4px 4px 4px 4px; vertical-align:top;} div.resource .a1 {text-align:right;} div.resource .a3 {font-weight:bold;} div.resource .a10 {font-weight:bold; white-space:nowrap; text-align:right;} div.resource .odd {background:#fff;} /*resource list style end*/ /*upload list style begin*/ div.uploadlist a { white-space:nowrap;} div.uploadlist th {padding:0;} div.uploadlist th a {display:block; padding:4px 4px 4px 20px;} div.uploadlist th a:link {background:#eee; color:#369;} div.uploadlist th a:visited {background:#eee; color:#369;} div.uploadlist th a:hover {background:#ccc; color:#0cf;} div.uploadlist th a:focus {background:#ccc; color:#0cf;} div.uploadlist th.sel a {background:url(down.svg) no-repeat 5px center #ccc;} div.uploadlist th.selx a {background:url(up.svg) no-repeat 5px center #ccc;} div.uploadlist table {font-size:0.75em; color:#666; border-collapse: collapse; width:100%; background:#eee; border:0; margin:0 0 20px 0;} div.uploadlist td {border-bottom:1px solid #ccc; padding:4px 4px 4px 4px; vertical-align:top;} div.uploadlist .a1 {text-align:right;} div.uploadlist .a2 {font-weight:bold;} div.uploadlist .a7 {font-weight:bold; white-space:nowrap; text-align:right;} div.uploadlist .odd {background:#fff;} /*upload list style end*/ /*pagetemplate list style begin*/ div.pagetemplate table { border-collapse: collapse; width:100%; border:0; margin:0 0 20px 0; background:#eee;} div.pagetemplate td {vertical-align:top; padding:8px; font-size:0.8em;} div.pagetemplate thead th {text-align:left; background:#fff; border:0; font-size:0.8em; padding:5px 10px 5px 10px;} div.pagetemplate thead tr {border-bottom:2px solid #ccc;} div.pagetemplate .odd {background:#fff;} div.pagetemplate .a1 {text-align:right; width:1%;} div.pagetemplate .a2 {font-weight:bold;} div.pagetemplate .a6 {font-weight:bold; text-align:right;} /*pagetemplate list style end*/ /*user list styles begin*/ div.user table {border-collapse: collapse; width:100%; margin:0 0 20px 0; background:#eee;} div.user td {vertical-align:top; padding:8px; font-size:0.8em;} div.user thead th {text-align:left; border:0; font-size:0.8em; padding:5px 10px 5px 10px;} div.user thead tr {border-bottom:2px solid #ccc;} div.user .odd {background:#fff;} div.user .a1 {text-align:right;} div.user .a2 {font-weight:bold;} div.user .a9 {font-weight:bold; text-align:right;} /*user list styles end*/ /*log list styles begin*/ div.log table {border-collapse: collapse; width:100%; margin:0 0 20px 0; background:#eee;} div.log td {vertical-align:top; padding:8px; font-size:0.8em;} div.log thead th {text-align:left; border:0; font-size:0.8em; padding:5px 10px 5px 10px;} div.log .odd {background:#fff;} div.log .a1 {text-align:right; width:2%;} div.log .a2 {white-space:nowrap; text-align:right; width:2%;} div.log .a3 {white-space:nowrap; text-align:right; width:2%;} /*user list styles end*/ /*file list styles begin*/ div.file table {color:#666; border-collapse: collapse; width:100%; border:0; margin:0 0 60px 0;} div.file td {border-top:1px solid #ccc; vertical-align:top; padding:2px 4px 2px 4px; font-size:0.8em;} div.file thead th {text-align:left; background:#fff; border:0; font-size:0.8em; padding:5px 10px 5px 20px;} div.file thead th.sel{background:url(down.svg) no-repeat 5px center #fff;} div.file thead th.selx{background:url(up.svg) no-repeat 5px center #fff;} div.file thead tr {border-bottom:2px solid #ccc;} div.file tbody tr:hover {background:#e5f9ff;} div.file .odd {} div.file .a2 {font-weight:bold;} div.file .a5 {text-align:right; white-space:nowrap;} div.file .a7 {font-weight:bold; text-align:right;} /*file list styles end*/ /* log event table style begin*/ div.showlog table {font-size:0.8em; color:#666; border-collapse: collapse; width:100%; background:#eee; border:0; margin:0;} div.showlog td {border:1px solid #fff; padding:2px 10px 2px 10px; vertical-align:top;} /* log event table style end*/ /*roll list styles begin*/ div.roll table {color:#666; border-collapse: collapse; width:100%; margin:0 0 20px 0; background:#eee;} div.roll td {vertical-align:top; padding:8px; font-size:0.8em;} div.roll thead th {text-align:left; border:0; font-size:0.8em; padding:5px 10px 5px 10px;} div.roll thead tr {border-bottom:2px solid #ccc;} div.roll .odd {background:#fff;} div.roll .a1 {width:1%; text-align:right;} div.roll .a2 {font-weight:bold;} div.roll .a5 {text-align:right; font-weight:bold;} /*file list styles end*/ div.dbinfo table {border-collapse: collapse; border:0; margin:0 0 20px 0; background:#eee;} div.dbinfo th {text-align:left; border:0; font-size:0.8em; padding:5px 10px 5px 10px;} div.dbinfo td {border-top:1px solid #ccc; vertical-align:top; padding:4px; font-size:0.8em;} div.dbinfo .a2 {text-align:right;} div.dbinfo .a3 {text-align:right; font-weight:bold;} /*loginframe style begin*/ div.loginframe {width:50%; margin:auto; min-width:600px;} div.loginframeholder {text-align:center; padding:50px 0 50px 0; } div.caps {font-size:0.7em; color:#666; display:none;} /*loginframe style end*/ /* pager styles begin*/ div.pager {padding:4px 0 4px 0; border-bottom:1px solid #ccc;} div.pagercount {float:right; font-size:0.8em; font-weight:bold; color:#666; padding:5px 10px 0 20px; text-align:right} div.pagerlink {float:right; font-size:0.7em;} div.pagerlink a{display:block;} div.pagerlink a:link {background:#eee; padding:5px 10px 5px 10px; border:1px solid #ccc; margin-left:5px;} div.pagerlink a:visited {background:#eee; padding:5px 10px 5px 10px; border:1px solid #ccc; margin-left:5px;} div.pagerlink a:hover {background:#fff; padding:5px 10px 5px 10px; border:1px solid #ccc; margin-left:5px;} div.pagerlink a:focus {background:#fff; padding:5px 10px 5px 10px; border:1px solid #ccc; margin-left:5px;} div.pagerjump{ text-align:left; font-size:0.8em; color:#999; padding:5px; margin:0 0 5px 0; display:none; } div.pagerjump strong {color:#fff; background:#666; padding:4px;} div.pagerjump a{padding:0 5px 0 5px; line-height:2.3em;} /* pager styles end*/ /*error, info and question box styles begin*/ div.exxitefloatholder {position:fixed; top:0; width:100%; text-align:center; z-index:1000;} div.exxiteadvancer {height:10px; background:rgba(0,0,0,0.3); margin:10px 0 10px 0; box-shadow:inset 0 1px 5px #666;} div.exxiteadvancerinner {height:10px; background:#0cf; box-shadow:inset 0 -1px 5px #00AAD5;} div.exxiteadvancercount {font-size:0.9em; color:rgba(0,0,0,0.3); font-weight:bold; text-align:center;} div.exxitemsgbox {margin:0 0 10px 0;} div.exxitemsgbox h3{font-size:0.9em; color:#666; font-weight:bold; display:box; padding:14px 10px 10px 50px;min-height:30px; position:relative; margin-bottom:4px;} div.exxitemsgbox.error h3{background:#fee;} div.exxitemsgbox.error h3:after{content:'\00F3'; font-family:'exxiteicon';font-weight:normal;font-size:2.5em; color:#ff0054; position:absolute; top:10px; left:10px;} div.exxitemsgbox.info h3{background:#cce0f5;} div.exxitemsgbox.info h3:after{content:'z'; font-family:'exxiteicon';font-weight:normal;font-size:2.5em; color:#26a1dc; position:absolute; top:10px; left:10px;} div.exxitemsgbox div.item{font-size:0.9em; padding:5px 10px 5px 10px; margin-bottom:1px; color:#666;} div.exxitemsgbox div.info{background:#cce0f5;} div.exxitemsgbox div.error{background:#fee;} div.msg {background:#eee; margin:0 0 10px 0; padding:10px 10px 10px 60px; position:relative; min-height:55px; box-sizing:border-box;} div.msg h3 {font-weight:bold; color:#666; font-size:0.9em; margin:8px 0 0 0;} div.msg p {color:#666; font-size:0.8em; margin:5px 0 0 0;} div.msg a.close{display:block; position:absolute; top:0; bottom:0; left:0; right:0;} div.msg a.close:after{content:'\00E1'; font-family:'exxiteicon'; position:absolute; top:5px; right:5px; font-size:1.4em;} div.msg a.close:link{color:rgba(0,0,0,0.3);} div.msg a.close:visited{color:rgba(0,0,0,0.3);} div.msg a.close:hover{color:#666;} div.msg div.button{margin:10px 0 0 0; padding:10px 0 0 0; border-top:1px solid rgba(0,0,0,0.3)} div.msg div.button a{display:block; float:left; font-weight:bold; font-size:0.7em; margin-right:10px; padding:12px 40px 12px 40px; border-right:0; border-left:0; border-top:0; border-radius:2px; cursor:pointer; color:#fff; background-color:#666; border-bottom:2px solid rgba(0,0,0,0.3);} div.msg div.button a:focus,div.msg div.button a:hover{background-color:#0cf; outline:none;} div.msg div.button a:active{background-color:#333; border-bottom:2px solid #333; padding:12px 40px 12px 40px;} div.msg div.button a.yes{background-color:#d00;} div.msg div.button a.no{background-color:#f90;} div.msg div.button a.yes:hover,div.msg div.button a.yes:focus{background-color:#f33;} div.msg div.button a.no:hover,div.msg div.button a.no:focus{background-color:#fa3;} div.msg div.button a.yes:active,div.msg div.button a.no:active{background-color:#333;} div.msg.float{width:70%; text-align:left; margin:0 auto 10px auto; box-shadow:0 0 15px #000; min-height:66px;} div.msg.info{background:#cce0f5;} div.msg.info:after{content:'z'; font-family:'exxiteicon'; position:absolute; top:10px; left:10px; color:#26a1dc; font-size:2em;} div.msg.error{background:#fee;} div.msg.error:after{content:'\00F3'; font-family:'exxiteicon'; position:absolute; top:10px; left:10px; color:#f33; font-size:2em;} div.msg.ok{background:#DBEAD5;} div.msg.ok:after{content:'Z'; font-family:'exxiteicon'; position:absolute; top:10px; left:10px; color:#2B8D00; font-size:2em;} div.msg.question{background:#fff;} /*#FFFFEA*/ div.msg.question:after{content:'x'; font-family:'exxiteicon'; position:absolute; top:10px; left:10px; color:#FF9E00; font-size:2em;} div.msg.popup{margin:115px 20% 100px 20%; box-shadow:0 0 15px #000; min-width:500px;} div.msg div.timelabel{position:absolute; top:7px; right:7px; text-align:center; padding:4px 0 0 0; background:#fff; border-radius:50%; font-weight:bold; font-size:0.7em; width:20px; height:20px; box-sizing:border-box; color:#999;} div.exxitecurtain{position:fixed; top:0; left:0; right:0; bottom:0; background:url(curtainbg.svg); z-index:980;} div.exxitemark{background:#fe9; padding:10px 10px 10px 60px; position:relative; min-height:55px; box-sizing:border-box; margin:0 0 10px 0;} div.exxitemark:after{content:']'; font-family:'exxiteicon'; position:absolute; top:10px; left:10px; color:#FF9E00; font-size:2em;} div.exxiteconsole{min-height:300px; background:#333; color:#eee; overflow:auto; padding:10px; font-size:0.8em; line-height:1.5em;} div.exxiteconsole span.error{color:#f33;} /*error, info and question box styles end*/ /*link selector styles begin*/ div.selectorframe {background:#ccc; margin:0 0 10px 0;} div.selectoritem {font-size:0.7em;} div.selectoritem a {display:block; padding:5px 10px 5px 10px;} div.selectoritem a:hover{background:#666; color:#ocf;} div.selectoritem a:focus{background:#666; color:#0cf;} div.selectoritem a:active{background:#333; color:#fff;} div.selectoritem.sel {background:#666} div.selectoritem.sel a {color:#fff;} /*link selector styles end*/ /*slider styles begin*/ div.sliderframe {border:1px solid #bbbbbb; background:#ccc; box-shadow:inset 0 1px 1px #666; border-radius:2px;margin:0 0 10px 0; position:relative; height:18px;} div.sliderbutton {width:32px; height:18px; background:#eee; border-radius:2px; position:absolute;} div.sliderbutton:hover {background:#cce0f5;} div.sliderleft{float:right; width:40%;} div.sliderright{float:left; width:59%;} /*slider styles end*/ /*switch styles begin*/ div.switch{float:left;border:1px solid #bbbbbb; background:#ccc; box-shadow:inset 0 1px 1px #666; border-radius:2px;margin:0 0 10px 0; position:relative; height:18px; width:64px; overflow:hidden; position:relative; cursor:pointer;} div.switch div.knob{width:32px; height:18px; background:#eee; border-radius:2px; margin:0 0 0 32px;} div.switch div.knob:hover {background:#cce0f5;} div.switch.sel{background:#0cf;} div.switch.sel div.knob{margin:0;} div.switchtxt{font-size:0.75em; margin:0 0 0 80px;} div.switchtxt span.no{display:inline;} div.switchtxt span.yes{display:none;} div.switchtxt.sel span.no{display:none;} div.switchtxt.sel span.yes{display:inline;} /*switch styles end*/ /*link breadcrumb styles begin*/ div.breadcrumbframe {background:#eee; margin:0 0 10px 0; } div.breadcrumbitem {font-size:0.7em;} div.breadcrumbitem a {display:block; padding:10px 40px 10px 20px; position:relative;} div.breadcrumbitem a:hover{background:#666; color:#fff;} div.breadcrumbitem a:hover{background:#666; color:#fff;} div.breadcrumbitem a:focus{background:#666; color:#fff;} div.breadcrumbitem a:active{background:#000; color:#fff;} div.breadcrumbitem a:after {content: 'N';font-family:'exxiteicon';display:block;position:absolute;font-size:1.4em;right:0; top:2px;padding:5px;} div.breadcrumbitem:last-child a{padding-right:20px;} div.breadcrumbitem:last-child a:after{display:none;} /*link breadcrumb styles end*/ /*exxite grid styles begin*/ div.exxitepane{float:left;} div.exxitepaneinner{margin:0 10px 0 0;} div.exxitepaneframe{overflow:hidden; width:100%; margin-top:10px;} div.exxitepaneframefixed{position:relative;} /*exxite grid styles end*/ /* exxite image viewer styles begin*/ div.exxiteimgframe {width:100%; height:100%; overflow:auto; padding:0; margin:0;} div.exxiteimgframe.checkerboard {background:url(checkerboard.svg);} div.exxiteimgframe.white {background:#fff;} div.exxiteimgframe.gray {background:#999;} div.exxiteimgframe.black {background:#000;} /* exxite image viewer styles end*/ /*graph styles begin*/ div.exxitegraph {padding:10px; margin:0 0 10px 0;} div.exxitegraph table {font-size:0.8em; border-collapse: collapse; width:100%; border:0; margin:0;} div.exxitegraph .label {color:#666; width:10%; white-space:nowrap;} div.exxitegraph .label a{ font-weight:bold;} div.exxitegraph .num {color:#666; font-weight:bold; text-align:right; width:10%; padding:0 10px 0 0; height:24px;} div.exxitegraph .sumnum {color:#666; font-weight:bold; text-align:right; width:10%; padding:0 10px 0 0; font-size:1.7em; border-top:1px solid #999; white-space:nowrap; padding-top:10px;} div.exxitegraph .sumlabel {color:#666; width:10%; white-space:nowrap; font-size:1.7em; border-top:1px solid #999; padding-top:10px;} div.exxitegraph .col {width:80%; border-left:1px solid #999;} div.exxitegraphcol {text-align:left; padding:0 0 4px 0;} div.exxitegraphcolinner {background:#99ccff; height:20px;} div.exxitegraphcolinnersigned {background:#26a1dc; height:20px;} /*graph styles end*/ /*place editor styles begin*/ div.exxiteplaceframetemplate {background:#eee; border-radius:6px; padding:0 0 1px 0; margin:0 0 10px 0; border:2px solid #999;} div.exxiteplaceframepage {background:#eee; border-radius:6px;padding:0 0 1px 0; margin:0 0 10px 0; border:2px solid #999;} div.exxiteplaceheadtemplate {background:#ccc; border-radius:5px 5px 0 0;padding:5px 10px 5px 10px; color:#333; margin:0 0 10px 0;} div.exxiteplaceheadpage {background:#26a1dc; border-radius:5px 5px 0 0;padding:5px 10px 5px 10px; color:#fff; margin:0 0 10px 0;} div.exxiteplaceheadpage a:link {color:#eee;} div.exxiteplaceheadpage a:visited {color:#eee;} div.exxiteplaceheadpage a:hover{color:#fff;} div.exxiteplaceheadpage a:focus{color:#fff;} div.exxiteplacename {font-weight:bold; font-size:0.7em; float:left; width:49%;} div.exxiteplacename img{float:left; margin:0 10px 0 0;} div.exxiteplacestore { float:right; width:49%; text-align:right; font-size:0.7em;} div.exxiteplaceseparator {background:#fff; height:1px; border-top:1px solid #999;} div.exxiteplacecontent {} div.exxiteplacecontent table {color:#000; border-collapse: collapse; width:100%; border:0; border-bottom:1px solid #ccc;} div.exxiteplacecontent table a { display:block; padding:2px 0 2px 0;} div.exxiteplacecontent table a:link {background:none;} div.exxiteplacecontent table a:visited {background:none;} div.exxiteplacecontent table a:hover {background:#fff; border:1px; border-radius:5px;} div.exxiteplacecontent table a:focus {background:#fff; border:1px; border-radius:5px;} div.exxiteplacecontent td {border-top:1px solid #ccc; vertical-align:top; padding:4px; font-size:0.7em; text-align:center;} div.exxiteplacecontent thead th {text-align:left; background:#fff; border:0; font-size:0.8em; padding:5px 10px 5px 10px;} div.exxiteplacecontent thead tr {border-bottom:2px solid #ccc;} div.exxiteplacecontent .a1 {font-size:1em;} div.exxiteplacecontent .a1 a {display:inline;} div.exxiteplacecontent .a2 {text-align:left;} div.exxiteplacecontent .a3 {width:80px;} div.exxiteplacecontent .a4 {width:80px;} div.exxiteplacecontent .a5 {width:60px;} div.exxiteplacecontent .a6 {width:60px;} div.exxiteplacecontent .a7 {width:60px;} div.exxiteplacecontent .a8 {width:60px;} div.exxiteplacecontent .a9 {font-weight:bold; width:80px;} div.exxiteplacerender {} div.exxiteplacerender table {color:#000; border-collapse: collapse; width:100%; border:0; border-bottom:1px solid #ccc;} div.exxiteplacerender table a { display:block; padding:2px 0 2px 0;} div.exxiteplacerender table a:link {background:none;} div.exxiteplacerender table a:visited {background:none;} div.exxiteplacerender table a:hover {background:#fff; border:1px; border-radius:5px;} div.exxiteplacerender table a:focus {background:#fff; border:1px; border-radius:5px;} div.exxiteplacerender td {border-top:1px solid #ccc; vertical-align:top; padding:4px; font-size:0.7em; text-align:center;} div.exxiteplacerender thead th {text-align:left; background:#fff; border:0; font-size:0.8em; padding:5px 10px 5px 10px;} div.exxiteplacerender thead tr {border-bottom:2px solid #ccc;} div.exxiteplacerender .a1 {font-weight:bold; text-align:left;} div.exxiteplacerender .a1 a {padding-left:10px;} div.exxiteplacerender .a2 {width:80px;} div.exxiteplacerender .a3 {width:80px;} div.exxiteplacerender .a4 {width:60px;} div.exxiteplacerender .a5 {width:60px;} div.exxiteplacerender .a6 {width:60px;} div.exxiteplacerender .a7 {width:60px;} div.exxiteplacerender .a8 {font-weight:bold; width:80px;} div.exxiteplacebutton {float:left;} div.exxiteplacebutton a{display:block; border-radius:5px;padding:4px 10px 4px 10px; font-size:0.7em; margin:0 10px 10px 10px;} div.exxiteplacebutton a:link {background:#ccc;} div.exxiteplacebutton a:visited {background:#ccc;} div.exxiteplacebutton a:hover {background:#fff;} div.exxiteplacebutton a:focus {background:#fff;} div.dragcontent {width:16px; height:16px; background:url(content.png) no-repeat; float:left;} div.dragfunction {width:16px; height:16px; background:url(contentfunction.png) no-repeat; float:left;} div.dragcontentlabel {font-size:0.8em; text-align:left;} div.dragcontentlabel a {font-weight:bold; margin:0 10px 0 10px; padding:2px 5px 2px 5px;} /*place editor styles end*/ /* popup and main menu styles begin*/ /*div.exxitemainmenu {border-bottom:1px solid #ddd; background:#eee;}*/ div.exxitemm {font-size:0.75em; float:left; white-space: nowrap;} div.exxitemm a {display: block; padding:10px 20px 4px 20px; height:35px; box-sizing:border-box;} div.exxitemm a:hover {background:#555;} div.exxitemm a:focus {background:#555;} div.exxitemm a.sys{font-family:'exxiteicon'; font-size:1.4em; display:block; font-weight:normal; height:35px; width:40px; padding:8px 10px 0 10px; overflow:hidden;} div.exxitemi {background:#eee;} div.exxitemi a {display: block; padding:10px 20px 10px 10px; height:35px;} div.exxitemi a:hover {background:#555;} div.exxitemi a:focus {background:#555;} div.exxitema {position:absolute; float:left; border-top:1px solid #ccc; box-shadow:0 4px 8px rgba(0,0,0,0.5); z-index:100;} div.exxitemenuicon {position:absolute; top:42px; right:10px; z-index:12} div.exxitemenuiconitem{float:right;} div.exxitemenuiconlabel {font-size:0.7em; text-align:center;} div.exxitemenuiconlabel a {} div.exxitetoolbar {float:right; margin:-35px 0 0 0;padding:5px 10px 5px 10px;} div.exxitetoolbaritem{float:right; padding:0 0 0 5px;} div.exxitetoolbaritem img {width:36px; height:36px;} div.exxitepopupmenu {position:absolute; box-shadow:0 4px 8px rgba(0,0,0,0.5); z-index:100; font-size:0.75em; background:#eee;} div.exxitepopupmenu a{display:block; padding:10px 20px 10px 20px;} div.exxitepopupmenu a:hover {background:#555;} div.exxitepopupmenu a:focus {background:#555;} a.micon{display:block; width:40px; height:32px; float:right; font-family:'exxiteicon'; text-align:center; font-size:1.5em; padding-top:4px;} a.micon:link{color:#999;} a.micon:visited{color:#999;} a.micon:hover{color:#0cf;} a.micon:active{color:#000;} a.micon span{display:none;} /* popup and main menu styles end*/ /*popupframe styles begin*/ div.interface_popupframe{margin:20px 20px 40px 20px;} div.popupframe {margin:10px 10px 40px 10px;} div.popuptop {background:#eee; font-size:0.7em; border-bottom:1px solid #ccc;} div.popuptop a {display:block; padding:7px 15px 7px 15px;} div.popuptop a:link {color:#369; } div.popuptop a:visited {color:#369; } div.popuptop a:hover {color:#0cf; background:#ddd;} div.popuptop a:focus {color:#0cf; background:#ddd;} div.popupbottom {position:fixed; width:100%; bottom:0; background:#eee; font-size:0.7em; border-top:1px solid #ccc; z-index:10;} div.popupbottom a {display:block; padding:7px 15px 7px 15px;} div.popupbottom a:link {color:#369; } div.popupbottom a:visited {color:#369; } div.popupbottom a:hover {color:#0cf; background:#ddd;} div.popupbottom a:focus {color:#0cf; background:#ddd;} /*popupframe styles end*/ /*linklist as menu styles begin*/ div.exxiterow2 ul {background:#ddd; padding:1px; border-radius:2px;margin:0 0 10px 0;} div.exxiterow2 li {font-size:0.8em; } div.exxiterow2 li a {display:block; margin:0 0 1px 0; padding:5px 20px 5px 20px; } div.exxiterow2 li:last-child a {margin:0;} div.exxiterow2 li a:link {background:#eee;} div.exxiterow2 li a:visited {background:#eee;} div.exxiterow2 li a:hover {background:#fff;} div.exxiterow2 li a:focus {background:#fff;} div.exxiterow2 li a:active {background:#369; color:#fff;} div.exxiterow2 li h1 {margin:0 0 1px 0; padding:2px 10px 2px 10px; font-size:1.4em; font-weight:bold; color:#666; background:#eee;} div.exxiterow2 li p {margin:0 0 1px 0; padding:2px 10px 2px 10px; background:#eee;} div.exxiterow2 li strong {font-weight:bold;} /*linklist as menu styles end*/ /*find a row in the system library styles begin*/ div.exxitefindline {padding:20px 0 20px 0;} div.exxitefindline table{color:#000; border-collapse: collapse; border:0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-top:10px;} div.exxitefindline tr.sel {background:#eee;} div.exxitefindline td.num {font-size:0.8em; text-align:right; color:#999; padding:4px 20px 4px 0px;} div.exxitefindline td.code {font-size:0.8em; padding:4px 20px 4px 0px;} /*find a row in the system library styles end*/ /*config variable table styles begin*/ div.exxiteconfigvar table{width:100%; color:#000; border-collapse: collapse; margin-top:10px;} div.exxiteconfigvar td {vertical-align:top; padding:8px 4px 8px 4px; font-size:0.8em;} div.exxiteconfigvar .odd {background:#eee;} div.exxiteconfigvar .a1 {text-align:right; width:1%; padding-right:4px;} div.exxiteconfigvar .a2 {font-weight:bold; color:#666; width:1%;} div.exxiteconfigvar .a4 {font-weight:bold; width:1%; padding-right:10px;} div.exxiteconfigvar a {} /*config variable table styles end*/ /*source view frame at index.php*/ div.exxitesource {border:4px solid #eee; padding:10px;} /*no preview available in the resource viewer*/ div.exxitenopreview {border:4px solid #eee; color:#eee; padding:40px; font-size:4em;} div.exxitecheckboxtable{} div.exxitecheckboxtable table {color:#000; border-collapse: collapse; width:100%; border:2px solid #ccc; margin:0;} div.exxitecheckboxtable td {border-top:1px solid #ccc; vertical-align:top; padding:0; font-size:0.8em;} div.exxitecheckboxtable thead th {text-align:left; background:#eee; border:0; font-size:0.8em; padding:5px 10px 5px 10px;} div.exxitecheckboxtable thead tr {border-bottom:2px solid #ccc;} div.exxitecheckboxtable .a1 {text-align:right; width:1%; padding-right:4px;} div.exxitecheckboxtable .a2 {width:4px;} .exxitecheckboxlistlabel{display:block; padding:2px 4px 2px 4px; cursor:pointer;} .exxitecheckboxlistlabel:hover {background:#eee; color:#0cf;} .exxitecheckboxlistlabel:active {background:#369; color:#fff;} /*compact search button styles begin*/ div.exxitesearch{background:#fff; padding:0; margin:0 0 10px 0; border-radius:2px;border:1px solid #ccc;} input.exxitesearchinput {float:left; font-size:1.2em; background:#eee; width:100%; border:0; height:24px; color:#666; margin:0 -60px 0 0; padding:4px 10px 4px 10px;} input.exxitesearchinput:focus{outline:none;} input.exxitesearchsubmit,button.exxitesearchsubmit {height:24px; font-family:'exxiteicon'; float:right; font-size:1.2em; width:59px; overflow:hidden; border:0; background:#ccc; cursor:pointer; text-align:center; color:#fff; padding:0;} input.exxitesearchsubmit:hover, button.exxitesearchsubmit:hover {color:#fff; background:#0cf;} input.exxitesearchsubmit:focus, button.exxitesearchsubmit:focus {color:#fff; background:#0cf; outline:none;} input.exxitesearchsubmit:active, button.exxitesearchsubmit:active {color:#fff; background:#333;} /*compact search button styles end*/ /*editable spreadheet style begin*/ div.exxitespreadcell {cursor:pointer; height:20px;} div.exxitespreadcell:hover {background:#eee; color:#369;} div.exxitespreadcellinner {height:20px;} .exxitespreadinput{width:100%; background:#eee;} /*editable spreadheet style end*/ /*big clock style begin*/ div.clock{background:#eee; font-size:1.5em; color:#666; padding:10px; margin:0 0 10px 0; text-align:center; font-weight:bold; border-radius:8px;} div.clock h2{font-size:0.6em; border-bottom:1px solid #fff; margin:0; padding:0 10px 10px 10px;} /*big clock style end*/ /*library config form's table*/ div.exxitelibconfig table{width:100%; border-collapse: collapse; border:0; margin-top:10px;} div.exxitelibconfig tr {border-bottom:1px solid #ccc;} div.exxitelibconfig .a1 {width:200px; font-size:0.8em; font-weight:bold; color:#666; vertical-align:top; padding:10px;} div.exxitelibconfig .a2 { font-size:0.8em; color:#000; vertical-align:top; padding:10px;} div.exxitelibconfig .a3 {width:340px; vertical-align:top; padding:10px 0 0 0;} /*library config form's table*/ div.sitewizarditem {background:#eee; padding:10px; margin:0 0 1px 0;} div.exxitefileinfo {margin:5px 20px 5px 40px; background:#fff; border-radius:4px; padding:10px;} div.exxitefileinfo img {float:left; margin:0 10px 0 0;} div.exxitefileinfo p {font-size:0.8em;} /*contentlist editor window table style begin*/ div.wcontentlist a { white-space:nowrap;} div.wcontentlist th {padding:0;} div.wcontentlist th a {display:block; padding:4px 4px 4px 20px;} div.wcontentlist th a:link {background:#eee; color:#369;} div.wcontentlist th a:visited {background:#eee; color:#369;} div.wcontentlist th a:hover {background:#ccc; color:#0cf;} div.wcontentlist th a:focus {background:#ccc; color:#0cf;} div.wcontentlist th.sel a {background:url(down.svg) no-repeat 5px center #ccc;} div.wcontentlist th.selx a {background:url(up.svg) no-repeat 5px center #ccc;} div.wcontentlist table {font-size:0.75em; color:#666; border-collapse: collapse; width:100%; background:#eee; border:2px solid #ccc; margin:0 0 20px 0;} div.wcontentlist td {border-bottom:1px solid #ccc; padding:4px 4px 4px 4px; vertical-align:top;} div.wcontentlist .a1 {text-align:right; width:1%;} div.wcontentlist .a2 {text-align:right; width:100px;} div.wcontentlist .a3 strong{font-weight:bold;} div.wcontentlist .a10 {font-weight:bold; white-space:nowrap; text-align:right;} div.wcontentlist .odd {background:#fff;} /*contentlist editor window table style end*/ /*gallery styles begin*/ div.exxitegalthumb{position:relative; float:left; padding:4px; border:1px solid #999; margin:0 10px 10px 0; border-radius:2px; background:#fff; text-align:center;} div.exxitegalthumb.active{margin:0 40px 10px 0;} div.exxitegalthumb.list {margin-right:10px;} div.exxitegalthumb.seli {background:#CCE0F5} div.exxitegalthumb h4 {font-size:0.75em;} div.exxitegalempty{width:100px; height:100px; background:url(obtn.svg) no-repeat center center #eee;} div.exxitegalselect {width:24px; height:24px; position:absolute; top:-6px; right:-6px;} div.exxitegalselect a{display:block; width:24px; height:24px; font-family:'exxiteicon'; border-radius:50%; font-size:24px;} div.exxitegalselect a:link{color:#369;} div.exxitegalselect a:visited{color:#369;} div.exxitegalselect a:hover{color:#0cf;} div.exxitegalselect a:focus{color:#0cf;} div.exxitegalselect a:active{color:#0cf;} div.exxitegalthumb.seli div.exxitegalselect a:link{color:#0cf;} div.exxitegalthumb.seli div.exxitegalselect a:visited{color:#0cf;} div.galiframe {float:left; padding:4px; border:1px solid #ccc; margin:0 4px 4px 0;} /*gallery styles end*/ /* notebook styles begin*/ div.exxitenotebook {background:#eee; border:1px solid #ccc; margin:0 0 30px 0; position:relative;} div.exxitenotebookpage{padding:0;} div.exxitenotebookpage textarea{width:100%; height:200px; background:#ffffea; border:none; padding:10px; resize:vertical; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-family:Arial; color:#666699; font-size:0.8em;} div.exxitenotebooklist{max-height:100px; overflow:auto; margin:0 0 4px 0;} div.exxitenotebooklist a {display:block; padding:2px 10px 2px 10px;} div.exxitenotebooklist a:link {background:#eee;} div.exxitenotebooklist a:visited {background:#eee;} div.exxitenotebooklist a:hover {background:#fff;} div.exxitenotebooklist a:focus {background:#fff;} div.exxitenotebooklist a:active {background:#369; color:#fff;} div.exxitenotebooklist li{display:block; font-size:0.7em; border-bottom:1px solid #ccc;} div.exxitenotebooklist a.sel {background:#fff;} div.exxitebotebookfoot {padding:2px 10px 2px 10px;} div.exxitebotebookfoot a { padding:2px 10px 4px 10px; display:block; border:1px solid #ccc; font-size:0.7em; font-weight:bold; float:left; margin:5px 10px 5px 0px; border-radius:3px;} div.exxitebotebookfoot a:link {background:#eee;} div.exxitebotebookfoot a:visited {background:#eee;} div.exxitebotebookfoot a:hover {background:#fff;} div.exxitebotebookfoot a:focus {background:#fff;} div.exxitebotebookfoot a:active {background:#369; color:#fff;} div.exxitenotebookclose{background:#ccc; position:relative; height:25px;} div.exxitenotebookclose a{display:block; width:30px; height:30px; font-family:'exxiteicon'; font-size:1.5em; text-align:center; line-height:1em; position:absolute; top:0; right:0;} div.exxitenotebookclose a:link {color:#999;} div.exxitenotebookclose a:visited {color:#999;} div.exxitenotebookclose a:hover {color:#fff;} div.exxitenotebookclose a:focus {color:#fff;} /* notebook styles end*/ /*jquery styles begin*/ div.bscol300 {overflow:hidden;} div.bscolinner{margin:0 -5px 5px 0;} div.bscol300 div.item{float:left; width:20%; box-sizing:border-box;} div.bscolitem{margin:0 5px 5px 0;} /*jquery styles end*/ /*keyword search styles begin*/ div.exxitekeyword {border:1px solid #ccc; background:#eee; padding:10px; margin:10px 0 10px 0;} /*keyword search styles end*/ /*bubble styles begin*/ /*box-shadow:0 0 4px 0 #000;*/ div#bubble {display:none; position:absolute; z-index:1000; max-width:400px; overflow:hidden;} div.exxitebubble {padding:10px 20px 10px 20px; font-size:0.7em; background:#333; color:#ccc; line-height:1.5em;} div.exxitebubble strong {font-weight:bold; font-size:1.2em;} div.exxitebubbletail {background:url(bubblebg.png) no-repeat center top; height:7px;} div.exxitebubbletop {background:url(bubblebgb.png) no-repeat center top; height:7px;} div.exxitebubblecontent {display:none;} div.exxitebubble td{vertical-align:top; padding:0 4px 0 4px;} /*bubble styles end*/ /*css editor styles begin*/ div.exxitecsslabel {background:#eee; color: #009966; line-height: 18px;font-family:Consolas,Courier New,monospaced; font-size:12px; padding:4px 10px 4px 20px; border-top:1px solid #ccc;} /*css editor styles end*/ /*last place editor styles begin div.exxiteplace{margin:4px;} div.exxiteplace.template{background:#606060; color:#eee;} div.exxiteplace.page{background:#606060; color:#eee;} div.exxiteplacehead{font-size:0.7em; padding:4px 10px 4px 30px; color:#eee;} div.exxiteplacehead strong {font-weight:bold;} div.exxiteplacehandle {background:#999; border-radius:0 4px 4px 0; position:absolute; top:0; left:0; width:20px; height:20px;} div.exxiteplacebody{background:#606060; position:relative; padding:0 0 1px 0;} div.exxiteplacebodyinner{padding:0 1px 0 21px;} div.exxitecontentbox{float:left;width:50%;} div.exxitecontentboxitem{font-size:1.5em; padding: 10px 10px 10px 10px; background:#999; margin:0 1px 1px 0;} last place editor styles end*/ /*gallery previewer style begin*/ div.exxitegallerycanvas{height:500px; background-repeat:no-repeat; background-position:center center; background-size:contain;-moz-background-size:contain;} div#exxitegalleryprev{position:relative; width:100%; text-align:center; background:#000; padding:40px 0 40px 0; overflow:hidden;} div.extxt{margin:10px;} h4#extitle{color:#999; font-size:1em; font-weight:bold;} p#exdesc{color:#999; font-size:0.75em;} div#exprev{position:absolute; top:50%; left:0; margin:-50px 0 0 0;} div#exnext{position:absolute; top:50%; right:0; margin:-50px 0 0 0;} div#exprev a {text-decoration:none; font-size:0.6em; display:block; height:100px; width:100px; border-radius:0 4px 4px 0;background:url(prev.svg) no-repeat center center; background-size:40px;} div#exnext a {text-decoration:none; font-size:0.6em; display:block; height:100px; width:100px; border-radius:4px 0 0 4px;background:url(next.svg) no-repeat center center; background-size:40px;} div#exprev a:link{background-color:rgba(255,255,255,0.2); color:#999;} div#exprev a:visited{background-color:rgba(255,255,255,0.2); color:#999;} div#exprev a:hover{background-color:rgba(255,255,255,0.5); color:#fff;} div#exprev a:focus{background-color:rgba(255,255,255,0.5); color:#fff;} div#exprev a:active{background-color:rgba(255,255,255,0.2); color:#999;} div#exnext a:link{background-color:rgba(255,255,255,0.2); color:#999;} div#exnext a:visited{background-color:rgba(255,255,255,0.2); color:#999;} div#exnext a:hover{background-color:rgba(255,255,255,0.5); color:#fff;} div#exnext a:focus{background-color:rgba(255,255,255,0.5); color:#fff;} div#exnext a:active{background-color:rgba(255,255,255,0.2); color:#999;} /*gallery previewer style end*/ /*editorial module styles begin*/ div.exxitenewsitem {background:#d5e1ee; margin:10px 0 0 0; padding:10px; position:relative;} div.exxitenewsitem.archive{background:#ddd;} div.exxitenewsitem img {float:left; border:4px solid #eee; margin:0 10px 0 0;} div.exxitenewsitem h2 {font-weight:bold; font-size:1em;} div.exxitenewsitem p {font-size:0.8em; margin:0 0 5px 0;} div.exxitenewsitem p strong{font-weight:bold;} div.exxitenewsitem div.label{position:absolute; top:0; right:0; font-size:0.7em; color:#fff; background:rgba(0,0,0,0.5); padding:4px 10px 4px 10px;} div.exxitedossier{margin-bottom:10px;} div.exxitedossier div.item{background:#eee; padding:10px; position:relative; min-height:60px; margin:0 0 5px 0;} div.exxitedossier div.item.active{background:#ccc;} div.exxitedossier div.item h4{font-weight:bold; font-size:0.9em;} div.exxitedossier div.item p{font-size:0.8em;} div.exxitedossier div.item a.show{display:block; position:absolute; top:0; left:0; bottom:0; right:60px; min-height:60px} div.exxitedossier div.item a.show:hover{background:rgba(67,160,254,0.2);} div.exxitedossier div.item a.trash{display:block; position:absolute; top:0; bottom:0; right:0; width:60px; height:60px; font-family:"exxiteicon"; text-align:center; font-size:2em; line-height:2em; color:#ccc; } div.exxitedossier div.item a.trash:hover{background:rgba(67,160,254,0.2); color:#0cf; } div.exxitecatid{float:left; background:#eee; font-size:0.70em; padding:10px; margin:0 0 0 10px; cursor:pointer;} div.exxitegalleryform a{display:block; font-size:0.8em; background:url(points.svg) no-repeat center right #eee; padding:10px; border:1px solid #ccc; border-radius:2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} div.exxiteform_contentlistbase{background:#eee; border:1px solid #ccc; border-radius:2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} /* select many styles begin*/ div.exxiteselectmany{font-size:0.75em; margin:10px 0 10px 0;} div.exxiteselectmany a{padding:5px; border-radius:2px; float:left; margin:0 4px 4px 0;} div.exxiteselectmany a:link{color:#369; background:#eee;} div.exxiteselectmany a:visited{color:#369; background:#eee;} div.exxiteselectmany a:hover{color:#eee; background:#6699ff;} div.exxiteselectmany a:focus{color:#eee; background:#6699ff;} div.exxiteselectmany a:active{color:#fff; background:#369;} div.exxiteselectmany a.sel {color:#fff; background:#369;} div.exxiteselectmanycounter {color:#999; padding:10px 0 0 0; border-top:1px solid #ccc; font-weight:bold;} input.item_search {width:90%;background:#fff; padding:2px 10px 2px 10px; margin:0 0 10px 0; border-radius:2px; border:1px solid #ccc; background:#eee;} input.item_search.full {width:100%; box-sizing:border-box;-moz-box-sizing:border-box; font-size:1em; border-radius:2px; border:1px solid #ccc; font-size:1em;} input.item_search.full:focus{outline:none; background:#def;} /* select many styles end*/ /*editorial module styles end*/ /*direct editor list styles begin*/ div.exxitedirectlist{border-top:1px solid #ccc;} div.exxitedirectlist a{overflow:hidden; text-overflow: ellipsis; display:block; text-decoration:none; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:4px 10px 4px 10px; font-size:0.8em; font-weight:bold; background:#eee; border-radius:2px 0 0 2px;} div.exxitedirectlist a.sel,div.exxitedirectlist a:hover{background:#fcfcfc; border-right:1px solid #fcfcfc; color:#0cf;} /*direct editor list styles end*/ /*tinymce styles begin*/ exxitetinymceholder{position:absolute; top:0; left:0; right:0; bottom:50px;} /*tinymce styles end*/ /*javascript rich text editor styles begin*/ div#exxitertftoolbar {background:#eee; position:absolute; top:0; left:0; right:0; z-index:50; box-shadow:0 0 15px #000;} a.exxitertfbutton {display:table-cell; width:40px; height:40px; text-align:center; vertical-align:middle; text-decoration:none; border-right:1px solid #eee; font-family:'exxiteicon'; font-weight:normal; font-size:1.2em;} a.exxitertfbutton:link{background:#ccc; color:#666;} a.exxitertfbutton:visited{background:#ccc; color:#666;} a.exxitertfbutton:hover{background:#eee; color:#0cf;} a.exxitertfbutton:active{background:#000; color:#eee;} a.exxitertfbutton.italic {font-style:italic;} a.exxitertfbutton.wysihtml5-command-active {background:#eee; color:#0cf;} textarea.exxitertftxa{width:100%; height:100%; font-size:0.8em; font-family: Arial, Helvetica, sans-serif; background:#fcfcfc; width:100%; border:0; border-bottom:1px solid #ccc; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} div.exxitertfholder{position:absolute; top:40px; left:10px; right:10px; bottom:50px;} /*javascript rich text editor styles end*/ /*ajax module styles begin*/ div.ajaxlist a { white-space:nowrap;} div.ajaxlist table {font-size:0.75em; color:#666; border-collapse: collapse; width:100%; background:#eee; margin:0 0 20px 0;} div.ajaxlist td {padding:8px 4px 8px 4px; vertical-align:top;} div.ajaxlist tbody tr:hover {background:#e5f9ff;} div.ajaxlist .a1 {text-align:right;} div.ajaxlist .a2 {font-weight:bold;} div.ajaxlist .a3 {white-space:nowrap;} div.ajaxlist .a4 {} div.ajaxlist .a5 {font-weight:bold;} div.ajaxlist .a6 {white-space:nowrap;} div.ajaxlist .odd {background:#fff;} /*ajax module styles end*/ /*story editor styles begin*/ div.storyframe {border-right:2px solid #ccc; padding:5px; min-height:500px;} div.story_item{position:relative;} div.story_iteminner{background:#eee; border:5px solid #fcfcfc; position:absolute; top:0; bottom:0; left:0; right:0; overflow:hidden;} a.story_optlink{display:block; width:40px; height:20px; text-align:center; line-height:17px; font-family:'exxiteicon'; position:absolute; top:10px; right:10px; border-radius:2px; cursor:pointer;} a.story_optlink:link{ background:#333; color:#eee;} a.story_optlink:visited{background:#333; color:#eee;} a.story_optlink:hover{ background:#000; color:#fff;} a.story_optlink:active{ background:#000; color:#0cf;} /* story RTF text style begin*/ div.story_rtf {text-align: left; padding:0;} div.story_rtf strong {font-weight:bold;} div.story_rtf h1 {font-size: 1.4em;font-style: normal;font-weight: normal;color:#999; margin:0 0 0.4em 0; padding:0;} div.story_rtf h2 {font-size: 1.1em;font-style: normal;font-weight: bold;color: #888888;margin:0 0 0.4em 0;} div.story_rtf h3 {font-size: 1.0em;font-style: normal;font-weight: bold;color: #666;margin:0 0 0.4em 0;} div.story_rtf h4 {font-size: 0.9em;font-style: normal;font-weight: bold;color: #333;margin:0 0 0.4em 0;} div.story_rtf p {font-size: 0.75em;font-style: normal;font-weight: normal;margin-bottom:0.6em;margin-top:0;} div.story_rtf hr {text-align: center;border: 0px;height: 3px;width: 20%;color:#ccc;background-color: #ccc;} div.story_rtf ul {font-size: 0.75em;font-style: normal;font-weight: normal;text-indent: 0px;list-style-position: outside;list-style-type: disc;padding: 0px;margin-top: 5px;margin-bottom: 15px;margin-left: 35px;margin-right: 5px;padding:0} div.story_rtf ol {font-size: 0.75em;font-style: normal;font-weight: normal;text-indent: 0px;list-style-position: outside;padding: 0px;margin-top: 5px;margin-bottom: 15px;margin-left: 35px;margin-right: 5px;padding:0} div.story_rtf table {font-size: 0.75em; border-collapse: collapse;border: 2px solid #ccc;font-weight:normal; font-size:0.8em;background: #fff;padding-left:20px;padding-right:20px;width:100%;margin-bottom:20px;} div.story_rtf td, th {border: 1px solid #eee;padding: 5px;} div.story_rtf caption {padding: 0 0 5px 0;text-align: left;font-weight: bold;text-transform: uppercase;color: #333;background: transparent;} div.story_rtf thead th, tfoot th {border: 1px solid #eee;text-align:left;font-weight:bold;color: #333;background: #ccc;} div.story_rtf tfoot td {border: 2px solid #eee;} div.story_rtf tbody th {vertical-align: top; text-align: left;} div.story_rtf tbody td {vertical-align: top; text-align: left;} div.story_rtf tbody th {white-space: nowrap;} div.story_rtf .small {color: #999;} div.story_rtf .left {float:left;margin-right:20px;margin-bottom:10px;border:0} div.story_rtf .right {float:right;margin-left:20px;margin-bottom:10px;border:0} div.story_rtf pre {font-family:Consolas,Courier New,monospaced; font-size:12px; padding:0; margin:0; line-height: 16px; overflow:auto; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap;} div.story_rtf pre span {padding:0; margin:0;} div.story_rtf code {font-family:Consolas,Courier New,monospaced; font-size:12px; color:#369;} div.story_rtf img {border:1px solid #ccc;} /* story RTF text style end*/ div.story_img{position:absolute; top:0; bottom:0; left:0; right:0; background-position:top center;background-repeat:no-repeat;} div.story_imgtitle{position:absolute; bottom:0; left:0; right:0; background:rgba(255,255,255,0.7); padding:5px} div.story_text{padding:5px;} div.story_yt {position:absolute; top:0; bottom:0; left:0; right:0; background:#000; text-align:center;} div.story_svg {position:absolute; top:0; bottom:0; left:0; right:0;} div.story_svg img{width:100%;} div.story_link{position:absolute; top:0; bottom:0; left:0; right:0; background-position:top center;background-repeat:no-repeat;} div.story_link a{position:absolute; top:0; bottom:0; left:0; right:0;} div.story_link a:hover{background:rgba(67,160,254,0.2);} div.story_link a:focus{background:rgba(67,160,254,0.2);} div.story_linkinner {padding:5px;} div.story_flash{position:absolute; top:0; bottom:0; left:0; right:0; } div.story_video{position:absolute; top:0; bottom:0; left:0; right:0; background:#000; text-align:center;} div.story_videoinner{margin:auto;} /*story editor styles end*/ /*exxite territory control styles begin*/ div.exxiteterrytoryitem{float:left; width:50px; height:50px; position:relative;} div.exxiteterrytoryitem a {display:block; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ccc;} div.exxiteterrytoryframe{border:1px solid #ccc;} /*exxite territory control styles end*/ /*loader anim styles begin*/ div.loaderframefix{position:relative;} div.loaderframe{position: fixed; top: 50%; left: 50%; z-index: 101; height: 200px; width: 300px; margin-left: -150px; margin-top: -120px;} div.loader{width:200px; height:10px; top:50%; left:50%; margin:-5px -100px; position:absolute; background:rgba(0,0,0,0.3); box-shadow:inset 0 1px 5px #333;} div.loader:after{content: "";position: absolute;left:0px; top:0px;bottom:0px;right:160px;background:#0cf; box-shadow:inset 0 -1px 5px #00AAD5; -webkit-animation: slide 1.5s linear infinite; -moz-animation: slide 1.5s linear infinite; animation: slide 1.5s linear infinite; } @-webkit-keyframes slide {0% {right: 160px;left: 0;} 5% {left: 0;} 50% {right: 2px;left: 160px;} 55% {right: 0;} 100% {right: 160px;left: 0;}} @-moz-keyframes slide {0% {right: 160px;left: 0;} 5% {left: 0;} 50% {right: 2px;left: 160px;} 55% {right: 0;} 100% {right: 160px;left: 0;}} @keyframes slide {0% {right: 160px;left: 0;} 5% {left: 0;} 50% {right: 2px;left: 160px;} 55% {right: 0;} 100% {right: 160px;left: 0;}} div.loader div.txt{color:#fff; font-size:0.8em; margin:20px 0 0 0; text-align:center;} /* div.loaderframe2{position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; display: table; min-height: 200px; text-align: center;} div.loaderouter {display:table-cell; vertical-align:middle; text-align:center;} div.loader {background:rgba(150,150,150,0.2); width:50px; height:50px;border-radius:50px; margin:auto;} div.loaderinner {padding:17px 0 0 17px; position:relative; } div.circle {width:25px; height:25px; border-radius:25px; position:absolute;} div.r {-webkit-transform-origin: 11px 11px; -webkit-animation:myfirst 3s infinite linear; -moz-transform-origin: 11px 11px; -moz-animation:-moz-myfirst 3s infinite linear; -o-transform-origin: 11px 11px; -o-animation:-o-myfirst 3s infinite linear; transform-origin: 11px 11px; animation:myfirst 3s infinite linear;} div.g {-webkit-transform-origin: 6px 11px; -webkit-animation:myfirst 2s infinite linear; -moz-transform-origin: 6px 11px; -moz-animation:-moz-myfirst 2s infinite linear; -o-transform-origin: 6px 11px; -o-animation:-o-myfirst 2s infinite linear; transform-origin: 6px 11px; animation:myfirst 2s infinite linear;} div.b {-webkit-transform-origin: 11px 6px; -webkit-animation:myfirst 7s infinite linear; -moz-transform-origin: 11px 6px; -moz-animation:-moz-myfirst 5s infinite linear; -o-transform-origin: 11px 6px; -o-animation:-o-myfirst 5s infinite linear; transform-origin: 11px 6px; animation:myfirst 5s infinite linear;} @keyframes myfirst { 0% {transform: rotate(0deg); background:rgba(225,224,9,0.5);} 50% {transform: rotate(180deg); background:rgba(255,0,0,0.5);} 100% {transform: rotate(359deg); background:rgba(225,224,9,0.5);} } @-webkit-keyframes myfirst { 0% {-webkit-transform: rotate(0deg); background:rgba(0,0,0,0.1);} 50% {-webkit-transform: rotate(180deg); background:rgba(0,0,0,0.9);} 100% {-webkit-transform: rotate(359deg); background:rgba(0,0,0,0.1);} } @-moz-keyframes myfirst { 0% {-moz-transform: rotate(0deg); background:rgba(225,224,9,0.5);} 50% {-moz-transform: rotate(180deg); background:rgba(255,0,0,0.5);} 100% {-moz-transform: rotate(359deg); background:rgba(225,224,9,0.5);} } @-o-keyframes myfirst { 0% {-o-transform: rotate(0deg); background:rgba(225,224,9,0.5);} 50% {-o-transform: rotate(180deg); background:rgba(255,0,0,0.5);} 100% {-o-transform: rotate(359deg); background:rgba(225,224,9,0.5);} }*/ /*loader anim styles end*/ /*explorer grouped control styles begin*/ div.grouped{position:relative; float:left; display:none;} div.grouped div.label{float:left; font-weight:bold; font-size:0.9em; color:#999;} div.grouped div.icon{float:left; width:24px; height:24px; background:url(file.svg) no-repeat; background-size:contain;} div.grouped div.menu{float:left; width:32px; height:24px; cursor:pointer; color:#369; font-size:1.2em; text-align:center;} div.grouped div.menu:hover {color:#0cf;} /*explorer grouped control styles end*/ /*module_doc styles begin*/ div.docitem {background:#eee; padding:10px 10px 0 10px; margin:0 0 5px 0;} div.docitem h2 {font-size:0.9em; font-weight:bold; padding:0; margin:0;} div.docitem p {font-size:0.75em; font-weight:normal; padding:0; margin:0 0 10px 0;} div.docitemfile {font-size:0.75em; font-weight:bold;} div.docitemfile img {float:left; margin-top:-5px;} div.exxitedoclist {} div.exxitedoclist table {color:#000; border-collapse: collapse; width:100%; border:0; border-bottom:1px solid #ccc;} div.exxitedoclist td {border-top:1px solid #ccc; vertical-align:top; padding:4px; font-size:0.8em; text-align:left;} div.exxitedoclist thead th {text-align:left; border:0; font-size:0.8em; padding:0;} div.exxitedoclist thead tr {border-bottom:2px solid #ccc;} div.exxitedoclist tr.subdoc {background:#eee;} div.exxitedoclist tr.subdoc img{margin:0 0 0 20px;} div.exxitedoclist .a1 {width:30px; text-align:right;} div.exxitedoclist .a2 {width:30px;} div.exxitedoclist .a3 {font-weight:bold; position:relative;} div.exxitedoclist .a4 {} div.exxitedoclist .a5 {} div.exxitedoclist .a6 {font-weight:bold;} div.exxitedoclist .a7 {} div.exxitedoclist .a8 {} div.exxitedoclist th a {display:block; padding:4px 4px 4px 20px;} div.exxitedoclist th a:link {color:#369;} div.exxitedoclist th a:visited {color:#369;} div.exxitedoclist th a:hover {background:#eee;color:#0cf;} div.exxitedoclist th a:focus {background:#eee;color:#0cf;} div.exxitedoclist th.sel a {background:url(down.svg) no-repeat 5px center #ccc;} div.exxitedoclist th.selx a {background:url(up.svg) no-repeat 5px center #ccc;} div.doclabel{font-weight:normal; background:#666; color:#fff; font-size:0.8em; padding:2px 10px 2px 10px; position:absolute; top:0; right:0;} /*module_doc styles end*/ /*module design styles begin*/ div.exxitecolor{} div.exxitecolor div.colorframe{float:left; margin:0 5px 5px 0; cursor:pointer} div.exxitecolor div.color{border:1px solid #ccc; text-align:center; width:120px; height:40px; padding-top:20px;} div.exxitecolor div.color p {display:block; color:#333; padding:4px; background:rgba(255,255,255,0.8); margin:auto; width:80px; font-size:0.7em; border-radius:2px; } /*module design styles end*/ /*loremipsum and color popup styles begin*/ div.loremipsumpopup{width:250px; height:450px; overflow:auto; padding:20px;} div.colorpopup{width:250px; max-height:450px; overflow:auto; padding:10px;} div.colorpopup div.item{float:left; width:50px; height:30px; margin:5px 5px 20px; position:relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} div.colorpopup div.item p {display:block; position:absolute; margin-top:30px; text-align:center; width:50px; font-size:0.8em; font-weight:bold; text-align:center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} /*loremipsum and color popup styles end*/ /*outer log list syles begin*/ div.olist {} div.olist table {border-collapse: collapse; width:100%; border:0; border-bottom:1px solid #ccc;} div.olist td {vertical-align:top; padding:8px; font-size:0.8em; text-align:left;} div.olist tr.odd {background:#eee;} div.olist thead th {text-align:left; border:0; font-size:0.8em; padding:0;} div.olist thead th a {display:block; text-decoration:none; padding:4px 4px 4px 20px;} div.olist th.sel {background:url(down.svg) no-repeat 5px center #ccc;} div.olist th.selx {background:url(up.svg) no-repeat 5px center #ccc;} div.olist thead tr {border-bottom:2px solid #ccc;} div.olist .a1 {width:1%; text-align:right;} div.olist .a2 {width:1%; white-space:nowrap;} div.olist .a3 {width:20%;font-weight:bold;} div.olist .a4 {width:78%;} /*outer log list syles begin end*/ /*dynamic content preview table styles begin*/ div.exxitedynlist table {font-size: 0.75em; border-collapse: collapse;border: 1px solid #ccc;font-weight:normal; font-size:0.8em;background: #fff;width:100%; margin:0;} div.exxitedynlist td, th {border: 1px solid #eee;padding: 8px;} div.exxitedynlist td.a1 {text-align:right; width:1%;} div.exxitedynlist td.a2 {font-weight:bold;} div.exxitedynlist caption {padding: 0 0 5px 0;text-align: left;font-weight: bold;text-transform: uppercase;color: #333;background: transparent;} div.exxitedynlist thead th, tfoot th {border: 1px solid #eee;text-align:left;font-weight:bold;color: #333;background: #ccc;} div.exxitedynlist tfoot td {border: 2px solid #eee;} div.exxitedynlist tbody th {vertical-align: top; text-align: left;} div.exxitedynlist tbody td {vertical-align: top; text-align: left;} div.exxitedynlist tbody th {white-space: nowrap;} /*dynamic content preview table styles end*/ /*pagecontent styles begin*/ div.exxitepagecontent{} div.exxitepagecontent div.place div.cache{padding:4px 0 4px 0; border-top:1px solid #ccc;} div.exxitepagecontent div.place div.head {background-color:#666; position:relative;} div.exxitepagecontent div.place div.head.page {background-color:#333;} div.exxitepagecontent div.place div.head:hover {background-color:#0cf;} div.exxitepagecontent div.place div.head a{display:block; font-size:0.75em; font-weight:bold; padding:6px 10px 6px 30px; margin-bottom:1px; background:url(obtn.svg) no-repeat 10px center; color:#fff;} div.exxitepagecontent div.place div.head a.open{background:url(obtno.svg) no-repeat 10px center;} div.exxitepagecontent div.place div.head div.headmenu{position:absolute; top:0; right:0; bottom:0; width:25px; font-family:'exxiteicon'; color:#eee; padding:6px 0 0 10px; cursor:pointer;} div.exxitepagecontent div.place div.head div.headmenu:hover{color:#fff;} div.exxitepagecontent div.place div.content{display:none;} div.exxitepagecontent div.place div.content div.emptycontent {font-size:0.75em; padding:10px 20px 10px 20px; border-top:1px solid #ccc;} div.exxitepagecontent div.place div.content div.contentitem {padding:10px 20px 10px 20px; border-top:1px solid #ccc; position:relative; background:#E5F9FF; overflow:hidden; text-overflow:ellipsis;} div.exxitepagecontent div.place div.content div.contentitem a{font-size:0.75em;} div.exxitepagecontent div.place div.content div.contentitem div.headmenu{position:absolute; top:0; right:0; bottom:0; width:28px; font-size:1.6em; font-family:'exxiteicon'; color:#666; padding:6px 0 0 0; cursor:pointer;} div.exxitepagecontent div.place div.content div.contentitem div.headmenu:hover{color:#0cf;} div.exxitepagecontent div.place div.content div.renderitem {padding:10px 20px 10px 20px; border-top:1px solid #ccc; position:relative; background:#ffeeee; overflow:hidden; text-overflow:ellipsis;} div.exxitepagecontent div.place div.content div.renderitem a{font-size:0.75em;} div.exxitepagecontent div.place div.content div.renderitem div.headmenu{position:absolute; top:0; right:0; bottom:0; width:28px; font-size:1.6em; font-family:'exxiteicon'; color:#666; padding:6px 0 0 0; cursor:pointer;} div.exxitepagecontent div.place div.content div.renderitem div.headmenu:hover{color:#0cf;} /*pagecontent styles end*/ /*accordicon styles begin*/ div.exxiteaccordicon{margin-bottom:10px; position:relative;} div.exxiteaccordicon div.acc_label{color:#369; padding:4px; cursor:pointer; margin-bottom:1px; border-bottom:1px solid #999;} div.exxiteaccordicon div.acc_label h3{font-weight:bold; font-size:0.75em; display:block;} div.exxiteaccordicon div.acc_label h3:before{content: ' '; display: inline-block; vertical-align: middle; background:url(accordicon.svg) no-repeat center center; background-size:contain; width:16px; height:16px; margin:0 10px 0 0; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; } div.exxiteaccordicon div.acc_label:hover{border-bottom:1px solid #0cf; color:#0cf;} div.exxiteaccordicon div.acc_label:hover h3:before, div.exxiteaccordicon div.label.open h3:before{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; } div.exxiteaccordicon div.acc_label.open{border-bottom:1px solid #0cf; color:#0cf;} div.exxiteaccordicon div.acc_item{display:none; padding:10px;} div.exxiteaccordicon div.acc_item.open{display:block;} div.exxiteaccordicon div.acc_openall{font-size:1.2em; /*background:#fff;*/ position:absolute; width:20px; height:20px; top:4px; right:24px; color:rgba(255,255,255,0.7); font-family:'exxiteicon'; cursor:pointer;} div.exxiteaccordicon div.acc_closeall{font-size:1.2em; /*background:#fff;*/ position:absolute; width:20px; height:20px; top:4px; right:4px; color:rgba(255,255,255,0.7); font-family:'exxiteicon'; cursor:pointer;} div.exxiteaccordicon div.acc_openall:hover{color:#fff;} div.exxiteaccordicon div.acc_closeall:hover{color:#fff;} /*accordicon styles end*/ /*package tool syles begin*/ div.packageitem{background:#eee; padding:10px 10px 10px 50px;; margin:0 0 1px 0; position:relative;} div.packageitem:hover{background:#ccc; cursor:pointer;} div.packageitem.sel {background:#ddd;} div.packageitem.sel:hover{background:#eee;} div.packageitem.sel:after{content:'Z'; font-family:exxiteicon; position:absolute; top:10px; left:10px; font-size:2em; color:#0cf;} /*package tool syles end*/ /*Progressbar styles begin*/ div.exxiteprogressbar{position:relative; height:10px; background:rgba(0,0,0,0.3); margin:10px 50px 10px 0; box-shadow:inset 0 1px 5px #666;} div.exxiteprogressbar div.progress{position:absolute; top:0; bottom:0; left:0; height:10px; background:#0cf; box-shadow:inset 0 -1px 5px #00AAD5;} div.exxiteprogressbar div.progresslabel{position:absolute; top:-5px; right:-50px; text-align:right; font-weight:bold; color:#666;} div.exxiteprogressbarlabel{font-size:0.7em; color:#666; margin:0 0 5px 0;} /*Progressbar styles end*/ /*itemlist style begin*/ div.exxiteitembox{border:1px solid #ccc; background:#eee; border-radius:2px; margin-bottom:5px; position:relative; min-height:74px;} div.exxiteitembox:hover{border-color:#bbb;} div.exxiteitembox:hover div.txt h4{color:#666;} div.exxiteitembox:hover div.txt p{color:#333;} div.exxiteitembox div.itemhandle{position:absolute; top:2px; bottom:2px; left:2px; width:30px; background:#ccc; font-family:'exxiteicon'; text-align:center; padding-top:10px; cursor:default; color:#eee;} div.exxiteitembox div.itemhandle:hover{color:#fff;} div.exxiteitembox div.img{position:absolute; top:2px; left:35px; width:100px; height:70px; background-color:#ccc;} div.exxiteitembox div.img.icon{font-family:'exxiteicon'; text-align:center; font-size:4em; color:#eee;} div.exxiteitembox div.img.bg{background-size:cover; background-position:center center;} div.exxiteitembox div.txt{margin:0 10px 0 145px;} div.exxiteitembox div.txt h4{font-weight:bold; font-size:0.9em; margin:5px 0 5px 0; color:#999;} div.exxiteitembox div.txt p{font-size:0.7em; color:#666;} div.exxiteitembox div.tools{position:absolute; top:2px; right:2px;} div.exxiteitembox div.tools a{display:block; text-decoration:none; font-size:0.7em; text-align:center; width:80px; height:70px; float:right;} div.exxiteitembox div.tools a span{display:block; font-family:'exxiteicon'; font-size:3em; padding:10px 0 5px 0;} div.exxiteitembox div.tools a:link{} div.exxiteitembox div.tools a:visited{} div.exxiteitembox div.tools a:hover{color:#0cf;} div.exxiteitembox div.tools a:active{background:#666; color:#fff;} /*itemlist style end*/ /*lib icon view styles begin*/ div.exxiteicontentframe{margin:0 -5px 0 -5px;} div.exxiteicontent{width:290px; height:200px; float:left; position:relative;} div.exxiteicontent div.selbar{position:absolute; top:5px; left:5px; right:5px; height:15px; background:rgba(0,0,0,0.2); padding:3px; } div.exxiteicontent div.selbar:hover{background:#0cf;} div.exxiteicontent.sel div.selbar{background:#0cf;} div.exxiteicontentinner{position:absolute; top:5px; bottom:5px; left:5px; right:5px; background:#eee; overflow:hidden;} div.exxiteicontentinner div.txt{background:rgba(0,0,0,0.5); position:absolute; top:145px; left:0; right:0; height:200px; color:#eee; padding:5px;} div.exxiteicontentinner div.txt a.command{text-decoration:none; display:block; padding:5px;} div.exxiteicontentinner div.txt a.command:link{color:#eee;} div.exxiteicontentinner div.txt a.command:visited{color:#eee;} div.exxiteicontentinner div.txt a.command:hover{color:#fff; background:rgba(0,204,255,0.2);} div.exxiteicontentinner div.txt h3 {font-size:0.9em; font-weight:bold; margin-bottom:5px; white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden;} div.exxiteicontentinner div.txt p {font-size:0.7em; margin-bottom:5px;} div.exxiteicontentinner:hover div.txt{top:20px; background:rgba(0,0,0,0.8); color:#fff;} div.exxiteicontentinner div.imageicon{position:absolute; top:0; right:0; left:0; bottom:0; background-position:center center; width:auto; height:auto; background-size:cover;} div.exxiteicontentinner div.iconimginner{position:absolute; top:0; right:0; left:0; bottom:0; background-position:center center; width:auto; height:auto; background-size:30%; background-repeat:no-repeat;} div.exxiteicontentinner div.txticon{position:absolute; top:0; right:0; left:0; bottom:0; width:auto; height:auto; font-size:0.8em; padding:25px;} div.exxiteicontentinner div.defaulticon{position:absolute; top:0; right:0; left:0; bottom:0; background-position:center center; width:auto; height:auto; font-size:4em;} /*lib icon view styles end*/ /*sitelist styles begin*/ div.siteitem{position:relative;} div.sitelisticon{position:absolute; top:0; right:10px; width:32px; height:32px; background-size:60%; background-position:center center; background-repeat:no-repeat;} /*sitelist styles end*/ /*place editor styles begin*/ div.exxiteplaceframe{margin:5%;} div.exxiteplaceframe div.mitemframe{} div.mitemholder{padding:2px;box-sizing:border-box; position:relative;} div.mitemholder a.remove{display:block; width:32px; height:32px; position:absolute; right:0; top:0; font-family:'exxiteicon'; padding:10px; font-size:1.5em;} div.mitemholder a.remove:link{color:#999;} div.mitemholder a.remove:visited{color:#999;} div.mitemholder a.remove:hover{color:#0cf;} div.mitemholder3{padding:2px; width:33.33333%; float:left;box-sizing:border-box;} div.mitem{padding:30px 30px 30px 80px;background:#eee; cursor:pointer; position:relative;} div.mitem a {display:block; position:absolute; top:0; left:0; right:0; bottom:0;} div.mitem p{font-size:0.75em; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} div.mitem.static{background:#def; color:#666;} div.mitem.static:hover{background:#0cf; color:#fff;} div.mitem.static:after{content:'W'; font-family:"exxiteicon"; position:absolute; top:22px; left:40px; font-size:2em;} div.mitem.function{background:#fee; color:#666;} div.mitem.function:after{content:'q'; font-family:"exxiteicon"; position:absolute; top:22px; left:40px; font-size:2em;} div.mitem.function:hover{background:#f09; color:#fff;} div.mitem.mstatic{background:#999; color:#eee;} div.mitem.mstatic:hover{background:#369; color:#eee;} div.mitem.mstaticsearch{background:#999; color:#eee;} div.mitem.mstaticsearch:hover{background:#369; color:#eee;} div.mitem.mfunction{background:#999; color:#eee;} div.mitem.mfunction:hover{background:#369; color:#eee;} div.mitem.mfunction:after{content:'q'; font-family:"exxiteicon"; position:absolute; top:22px; left:40px; font-size:2em;} div.mitem.mstatic:after{content:'L'; font-family:"exxiteicon"; position:absolute; top:22px; left:40px; font-size:2em;} div.mitem.mstaticsearch:after{content:'|'; font-family:"exxiteicon"; position:absolute; top:22px; left:40px; font-size:2em;} div.itemhandle{position:absolute; top:2px; bottom:2px; left:2px; width:30px; background:#ccc; font-family:'exxiteicon'; text-align:center; padding-top:10px; cursor:default; color:#eee;} div.itemhandle:hover{color:#fff;} div.exxiteplacelist{margin:8% 8% 5% 0;} div.mcfunc a.item{display:block; padding:10px; text-decoration:none; font-size:0.75em; margin:4px 0 4px 0;} div.mcfunc a.item strong{font-weight:bold;} div.mcfunc a.item:link{background:#def; color:#666;} div.mcfunc a.item:visited{background:#def; color:#666;} div.mcfunc a.item:hover{background:#0cf; color:#fff;} div.mcfunc a.item.hidden{display:none;} /*place editor styles end*/ /*browser styles begin*/ div.exxitebrowser{position:absolute; top:40px; bottom:5px; left:0; right:0;} div.exxitebrowser div.head{position:absolute; top:-40px; left:0; right:0; height:40px; background:#fff;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.75);} div.exxitebrowser div.url{position:absolute; top:5px; right:33px; left:5px;} div.exxitebrowser div.url input{box-sizing:border-box; padding:5px 10px 5px 10px; font-size:0.9em; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc; width:100%; height:30px; border-radius:2px 0 0 2px;} div.exxitebrowser div.url input:focus{background:#ddeeff; outline:none;} div.exxitebrowser iframe{width:100%; height:100%; border:none; margin:0; padding:0;} div.exxitebrowser a.urlbutton{position:absolute; top:5px; right:5px; display:block; width:30px; height:30px; color:#fff; font-family:'exxiteicon'; text-align:center; border-radius:0 2px 2px 0; font-size:1.6em;} div.exxitebrowser a:link{background:#999;} div.exxitebrowser a:visited{background:#999;} div.exxitebrowser a:hover{background:#0cf;} div.exxitebrowser a:active{background:#666;} div.exxiteflist{position:absolute; top:86px; bottom:0; left:40%; right:50%; overflow:auto;} div.exxiteflist input.item_search{box-sizing:border-box; padding:5px 10px 5px 10px; font-size:0.9em; border-bottom:1px solid #ccc; border-top:none; border-right:none; border-left:none; margin:0;} div.exxiteflist input.item_search:focus{background:#ddeeff; outline:none;} div.exxiteflist a.item{display:block; text-decoration:none; font-size:0.8em; text-overflow:ellipsis; padding:4px 10px 4px 10px; margin:0 0 1px 0;} div.exxiteflist a.item.sel{} div.exxiteflist a.hidden{display:none;} div.exxiteflist a.cfunction:link{background:#B5E2FF; color:#666; } div.exxiteflist a.cfunction:visited{background:#B5E2FF; color:#666;} div.exxiteflist a.cfunction:hover{background:#0cf; color:#fff;} div.exxiteflist a.function:link{background:#ddeeff; color:#666; } div.exxiteflist a.function:visited{background:#ddeeff; color:#666;} div.exxiteflist a.function:hover{background:#0cf; color:#fff;} div.exxiteflist a.jfunction:link{background:#fee; color:#666; } div.exxiteflist a.jfunction:visited{background:#fee; color:#666;} div.exxiteflist a.jfunction:hover{background:#0cf; color:#fff;} div.exxiteflist a.jplugin:link{background:#ffe; color:#666; } div.exxiteflist a.jplugin:visited{background:#ffe; color:#666;} div.exxiteflist a.jplugin:hover{background:#0cf; color:#fff;} div.exxitedev{position:absolute; top:90px; bottom:0; left:50%; right:50px; overflow:auto;} /*browser styles end*/ /*tool styles begin*/ div.exxitetoolmenu{position:absolute; top:5px; right:0; width:40px; height:40px; text-align:center; font-family:'exxiteicon'; font-size:1.5em; cursor:pointer;} div.exxitetoolmenu:hover{color:#0cf;} /*tool styles end*/ /*resizable twin panel styles begin*/ div.exxitetwin{position:relative;} div.exxitetwin div.left{float:left;} div.exxitetwin div.right{float:right;} div.exxitetwin div.control{position:absolute; top:0; bottom:0; width:20px; cursor:ew-resize;} div.exxitetwin div.control:before{content:''; display:block; position:absolute; top:0; bottom:0; width:10px; border-right:1px solid #ccc;} div.exxitetwin div.control:hover:before{border-right:1px solid #0cf;} /*resizable twin panel styles end*/ /*toolchest styles begin*/ div.exxitetoolholder{position:relative; padding-top:45px;} div.exxitetool {margin-bottom:10px; min-height:100px;} div.exxitetool div.head{background:#333; color:#fff; font-size:0.8em; padding:5px; position:relative;} div.exxitetool div.head a{display:block; position:absolute; top:0; right:0; font-family:"exxiteicon"; font-size: 1.75em; color:rgba(255,255,255,0.5); text-decoration:none; width:26px; height:26px;} div.exxitetool div.head a:hover{color:#fff;} div.exxitecolortool{margin:5px 0 5px 0;} div.exxitecolortool div.item{width:150px; height:100px; float:left; position:relative; background:url(checkerboard.svg); cursor:pointer;} div.exxitecolortool div.item h6{display:block; position:absolute; top:0; right:0; left:0; bottom:0;} div.exxitecolortool div.item h6 span{display:block; margin:10px; padding:10px; background:rgba(255,255,255,0.5); color:#333; font-size:0.9em; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} div.exxitecolortool div.bscolitem{margin:0;} div.exxitefonttool{margin:0 0 5px 0;} div.exxitefonttool div.item{font-size:1.5em; color:#333; padding:10px; margin:0 0 5px 0; background:#eee; cursor:pointer;} div.exxitefunctool{background:#ccc;margin-top:5px;} div.exxitefunctool input{margin:0;} div.exxitefunctool a{display:block; text-decoration:none; font-size:0.8em;overflow:hidden; white-space:nowrap; text-overflow:inherit; padding:4px 5px 4px 5px;margin:0 0 1px 0; color:#999; background:#fff;} div.exxitefunctool a strong{font-weight:bold; color:#666;} div.exxitefunctool a.function{border-left:20px solid #def;} div.exxitefunctool a.function:hover{background:#def;} div.exxitefunctool a.cfunction{border-left:20px solid #fee;} div.exxitefunctool a.cfunction:hover{background:#fee;} div.exxitefunctool a.hidden{display:none;} /*toolchest styles end*/ /*gallery editor 2 styles begin*/ /*gallery editor 2 styles end*/ /*tinymce styles begin*/ div.exxitetinymceholder {position: absolute; top: 0; left: 0; right: 0; bottom: 70px;} /*tinymce styles end*/ /*youtubeholder styles begin*/ div.exxiteyoutube{background:#000; padding:50px; color:#eee; text-align:center;} div.exxiteyoutube h2{font-weight:bold; margin:10px 0 0 0;} div.exxiteyoutube p{font-size:0.8em; margin:10px 0 0 0;} /*youtubeholder styles end*/ div.hgpo_iconopen, div.hgpo_iconclosed { background-size: contain; background-repeat: no-repeat; width: 11px; height: 11px; margin: 2px; } div.hgpo_iconopen { background: url(obtno.svg);} div.hgpo_iconclosed {background: url(obtn.svg);} div.hgpo_container { padding: 5px 0px 5px 5px; font-size: 14px; } div.hgpo_lined { border-left: solid 1px silver; } div.hgpo_titlecontainer { display: inline-flex; padding: 2px; background: #ddd; width: 100%; } div.hgpo_title { font-weight: bold; } div.hgpo_roleicon { width: 15px; height: 15px; margin-right: 10px; background-size: contain; background-repeat: no-repeat; } div.hgpo_content { margin-left: 15px; } div.hgpo_vertline { border-bottom: solid 1px silver; width: 7px; position: relative; top: 10px; left: -5px; } div.hgpo_bottomline { border-bottom: solid 1px #aaa; } div.hgpo_message { background: #c0f2ff; padding: 10px; } div.hgpo_summary { background: #eee; padding: 10px; display: inline-flex; width: 100%; } div.hgpo_summaryitem { float: right; margin-left: auto; margin-right: 0; display: inline-flex; width: 20%; } div.hgpo_summaryitem .label { margin-right: 10px; font-weight: bold; } div.hgpo_hidden { display: none; } div.hgpo_balancepanel { background: #E9FFE0; padding: 20px; position: relative; margin-bottom: 10px; }