/******************************************************* * TAGS, CLASS E ETC. * ******************************************************** ****/ /*** General Controls ***********************************/ html { background-color: white; } body { background-color: white; xvisibility: hidden; margin: 0; font-family: Verdana,Arial,sans-serif; font-size: 11px; color: #333; min-width:1000px; min-height:640px; } h1 { color: #CCC; font-size: 1.8em !important; margin-top: 28px !important; } h3 { border-bottom: solid 1px; border-bottom-color: Silver; margin: 0px; font-size: 1em } a { text-decoration: none; color: #333; } a:hover { text-decoration: underline; color: #12304A; } a, img, div, input { outline: none; border:0; } input, select, textarea { box-shadow: none; font-family: Verdana,Arial,sans-serif; font-size: 13px; } ul li { list-style:none; } /*** General Classes ***********************************/ h4.title { color: #DDD; font-size: 2.5em; left: 0; margin: 10px 0 0 65px; position: absolute; top: 0; } div.content { /*margin: 0 5%;*/ min-width: 765px; }/*Alterando esses valores, replicar na #floating-menu */ div.cpage { padding: 0 6px; margin-top: 20px; } div.ohidden { overflow: hidden; } div.vhidden { visibility: hidden; } div.bdarkblue { background-color: #112D43; } div.breakline { clear: both; } .aleft { float: left; } .aright { float: right; } div.aleft { float: left; } div.aright { float: right; } div.container-buttons { float: right; margin: 10px 16px; } div.space-line { border-bottom: solid 1px #E5E5E5; height: 15px; margin: 0 10px; width: 90%; } a.disabled, li.disabled { color: #CCC; } a.disabled:hover { text-decoration: none; color: #CCC; cursor:default; } input[readonly] { color: #777; background-color:#EBEBE4; } input[type=button] { border: solid 1px gray; padding: 2px; min-width: 60px; cursor: pointer; margin-right: 5px; } input[type=button]:hover { border-color: #333; } .moved { font-weight:bold!important; } .error { border: solid 1px Red !important; } .changed { border-color: #BD1515 !important; } .fullwidth { width: 100%; } .separator { width: 1px !important; height: 15px; border-left: solid 1px #CCC; background-color: #FFF; position: relative; top: 2px; } .mr30 { margin-right: 25px; } .information { background: transparent url(Images/static.png) no-repeat -256px -88px; min-width:20px; min-height:20px; display:block; float: left; } .rowSelected { background-color: #D5D5D5;} .float-buttons-container { font-size: 0.8em; margin-left:10px; border-top:solid 1px #E5E5E5; width:90%; padding-top:5px; text-align:right; } .addMyDocument { background-color:#575757; font-size: 11px; color:white; height: 17px; padding:8px 5px 5px 5px; cursor: pointer; width: 120px; text-align: center; margin-left:20px; margin-top: 5px; } .addMyDocument-compress { background-color:#575757; font-size: 11px; color:white; height: 28px; padding:5px; cursor: pointer; width: 99px; text-align: center; } div[info=information] { margin-bottom: 1px; color:Gray; text-align:left; width:100%; display:block !Important; } div[info=information] label { display:inline-table !Important; vertical-align: middle !Important; width:auto!Important; min-height:20px !Important; margin-left:5px !Important; } div[info=information] input { float:right; } #product-logo > div.company-logo { top: 0; position: relative; margin-left: 4px; } .hitAreaOpened { cursor:pointer; height: 13px; width: 16px; display: inline-block; background: url('images/treeview/treeview-default.gif') no-repeat; background-position: -64px -23px; } .hitAreaClosed { cursor:pointer; height: 13px; width: 16px; display: inline-block; background: url('images/treeview/treeview-default.gif') no-repeat; background-position: -80px -1px; } .trSelected td { background-color:#E0E0E0; } /* Datepicker bug fix */ #ui-datepicker-div { display: none; } /*** General Popup Class ***********************************/ div.popupBoxes { position: fixed; top: 0px; left: 0px; z-index: 5; width: 100%; height: 100%; display: none; } div.mask { background-color: #666; opacity: 0.8; filter: alpha(opacity=80); position: fixed; top: 0px; left: 0px; z-index: -1; width: 100%; height: 100%; } div.mask-invisible { background-color: #fff; opacity: 0.2; filter: alpha(opacity=20); position: fixed; top: 0px; left: 0px; z-index: -1; width: 100%; height: 100%; } div.mask-invisible-border { background-color: #666; opacity: 0.8; filter: alpha(opacity=80); position: absolute; bottom: 65px; left: 55px; z-index: -1; width: 270px; height: 75px; border-radius: 10px; } div.box { border: 1px solid #E5E5E5; padding:5px; margin:5px auto 5px auto; } /*** Menu-tab "Active" ***********************************/ #container-menu-tab { overflow-y: hidden; } .menu-tab { margin-bottom: 0px; } .menu-tab ul { margin: 0 0 0px 10px; width: 768px; } .menu-tab ul li { position: relative; border: solid 1px #E5E5E5; height: 12px; top: 3px; border-bottom: none; display: block; float:left; margin-left: 4px; padding: 2px; text-align: center; width: 110px; cursor: pointer; } .menu-tab ul li.actived { background-position: 0 -24px; height: 16px; top: 1px; font-weight: bold; background: url('Images/bg-menu-middle.png') repeat-x 0 -55px; } /*** JQuery Extended **********************************/ div.boxgen { min-width: 60px; width: 400px; height: 200px; } div.boxgen > div > div { height: inherit; } div.boxgen > div > .boxgenl { float: left; } div.boxgen > div > .boxgenr { float: right; } div.boxgen > div > .boxgenm { width: auto !important; background: url(Images/box-m.png) repeat-x !important;} div.boxgen > .boxgent { width: 100%; height: 29px; } div.boxgen > .boxgent > div { width: 27px; background: url('Images/static.png') no-repeat; } div.boxgen > .boxgent > .boxgenl { background-position: -125px -347px; } div.boxgen > .boxgent > .boxgenr { background-position: -230px -347px; cursor: pointer; } div.boxgen > .boxgent > .boxgenr:hover { background-position: -190px -347px; } div.boxgen > .boxgent > .boxgenm { margin: 0 27px; } div.boxgen > .boxgenb { height: 100%; } div.boxgen > .boxgenb > div { width: 26px; background: url('Images/box-blr.png') no-repeat left bottom; } div.boxgen > .boxgenb > .boxgenr { background-position: right bottom; } div.boxgen > .boxgenb > .boxgenm { margin: 0 26px; background-position: left bottom !important; } /*** Fields Styles dsa(Para expandir os menus redimensionáveis) **********************************/ .biggest { max-width: 520px; width: 100%; } .big { max-width: 265px; width: 100%; } .expand, .expand > * { width: 100%; } .expand input { padding: 0 5px; } div.eraser { width: 17px; height: 17px; cursor:pointer; background:url(Images/static.png) no-repeat -564px -341px; display:inline-block; float:right; } div.selectItens { width: 17px; height: 17px; cursor:pointer; background:url(Images/static.png) no-repeat -487px -341px; display:inline-block; margin-right: 3px; float:right; } /***.sstatic { border: solid 1px #E5E5E5; padding: 5px; margin-right: 5px; }***/ div span { display: block; } label { display: inline-block; /**display: -moz-grid;**/ margin: 0 10px 5px 0; font-size: 1em; } label span, .big select, slabel select, label input { display: block; float:left; font-size: 1em; width: 100%; margin: 3px 0 6px; } label span { border: none; display: block;} textarea { display: block; width: auto; margin: 5px 0 0; border: none; width:100%; } label span input { display: inline-block; width: auto; margin: 5px 0 0; border: none; } label span label { max-width:200px; } div input.interval { display: block!important; float:left!important; font-size: 1em; margin: 3px 0 6px!important; width:35%!important; } div input.intervalInt { display: block!important; float:left!important; font-size: 1em; margin: 3px 0 6px!important; width:42%!important; } select, textarea, input[type=password], input[type=text] { border: solid 1px Gray; } /***** FIELD Like Complete ***************************/ div.operatorLike { width:23px;min-width:23px; display:inline-block; float:right; height:20px; cursor:pointer; background: url("Images/static.png") no-repeat scroll -523px -342px transparent; } div.likeComplete { visibility:hidden; border:1px solid #AAA; position: absolute; padding: 10px; margin-top: 22px; left: 10px; background: white; display:block!important; margin-bottom:20px; min-width:240px; } div.likeComplete input[type=radio] { width:20px; display:inline-block; margin-left:10px; } div.likeComplete label { display:inline-block; margin-left:10px;} div.likeComplete div.split-like { display:block!important; height:1px; } /**** UPLOADIFY *********************************/ .uploadifyQueue { width:90%; display:block; } .uploadifyQueueItem { font: 11px Verdana, Geneva, sans-serif; border: 2px solid #E5E5E5; background-color: #F5F5F5; margin-top: 5px; padding: 10px; width: 90%; } .uploadifyError { border: 2px solid #FBCBBC !important; background-color: #FDE5DD !important; } .uploadifyQueueItem .cancel { float: right; } .uploadifyProgress { background-color: #FFFFFF; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; margin-top: 10px; width: 100%; } .uploadifyProgressBar { background-color: #0099FF; width: 1px; height: 3px; } div.btnUpload { background: #575757 url(Images/back-upload.png) repeat-x; color:#F5F5F5; cursor:pointer; float:left; font-family:sans-serif; font-size:1.2em; font-weight:bold; height:22px; margin:auto 1px 5px auto; padding-top:8px; text-align:center; vertical-align:middle; width:105px; } /*** ******************************************************** * PROJECT - WEB * ******************************************************** ****/ /*** Master Header ***********************************/ div#header { width: 100%; padding-top: 10px; background-color: #FFFFFF; margin: auto; height: 80px; } div#header div#loader { margin: 200px auto auto; width:240px; background: #FFF url(Images/bg-body.jpg) repeat-x 0 -98px; padding: 7px 5px 5px; /**top: -7px;**/ } div#header div#loader > label { display: block; font-size: 0.8em; padding-left: 5px; margin: 5px 0 0; } div#header div#loader > img { width: 240px; height: 25px; margin-top: 1px; } div#header div#scan { position: absolute; bottom: 75px; left: 65px; width:240px; background: #FFF url(Images/bg-body.jpg) repeat-x 0 -98px; padding: 7px 5px 5px; /**top: -7px;**/ } div#header div#scan > label { display: block; font-size: 0.8em; padding-left: 5px; margin: 5px 0 0; } div#header div#scan > img { width: 240px; height: 25px; margin-top: 1px; } div#header > div.bg-master-info { height: 80px; width:100%; } div#header > div.top-mydocument { height: 0px; width:0px; } div.bg-master-info > div.left { float:left; width:29px; height: 80px; background: url("Images/bg-header-left.png") no-repeat scroll 50% 60% transparent; } div.bg-master-info > div.right { float:right; width:29px; height: 80px; background: url("Images/bg-header-right.png") no-repeat scroll 0 0 transparent; display:none; } div.bg-master-info > div.middle { height: 80px; margin: 0px 272px 0px 29px; background: url("Images/bg-header.png") repeat scroll 0 60% transparent; } div.bg-master-info > div.middle label { color: #676767; font-size: 18px; font-weight: normal; margin: 25px 0 0 5px; } div.bg-master-info div#btnLogout { width: 95px; height:80px; background: url("Images/btn-logOut.png") no-repeat scroll 0 -14px transparent; cursor:pointer; float:right; } div.bg-master-info div#btnHome { width: 95px; height:80px; background: url("Images/btn-home.png") no-repeat scroll 0 -14px transparent; cursor:pointer; float:right; } div.bg-master-info div#btnOptions { width: 48px; height:80px; background: url("Images/btn-options.png") no-repeat scroll 0 -14px transparent; cursor:pointer; float:right; } div.bg-master-info div#btnHelp { width: 21px; height:80px; background: url("Images/btn-help.png") no-repeat scroll 0 -14px transparent; cursor:pointer; float:right; margin-right: 13px; } div.bg-master-info div#headerinfo { float:right; margin: 7px 20px auto auto; } /*Diferente no IE7*/ div.bg-master-info div#headerinfo label { font-size: 12px; } div#contentOhidden { margin: 0px auto; width:100%; position:relative; top:-20px; } /* div#btnOptions div#options { position: absolute; z-index:4; height: 150px; width: 136px; display:none; right:18px; top:70px; padding: 25px 0px 0px 85px; background: url("Images/option-menu-bg.png") no-repeat top transparent; } */ div#btnOptions div#options { position: absolute; z-index:4;display:none; right:18px; top:70px; padding: 5px 0px 0px 1px; background-color:#9D9FA2;border: solid 7px #fff;-webkit-box-shadow: 2px 4px 14px -1px #ccc;-box-shadow: 2px 4px 14px -1px #ccc;-moz-box-shadow: 2px 4px 14px -1px #ccc; } div#btnOptions:hover div#options { display:block; } div#btnOptions div#options a { margin:0px 0px 8px 0px; display:block; color:White; } div#btnOptions div#options a:hover { text-decoration:none; color:Black; } div#preloadImages { display: none; } div#preloadImages > img { width: 1px; height: 1px; } div#lock-display { background-color: #F5F5F5; opacity: 0.5; filter: alpha(opacity=50); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 100; cursor: progress; display: none; } /*** Language ***********************************/ div#master-info > div.item > div.currentLanguage { position: relative; width: 20px; height: 25px; float: right; display: block; cursor: pointer; } div#master-info > div.item > div.currentLanguage > img { float: left; margin-top: -3px; } div#master-info > div.item > div.currentLanguage > label { cursor: pointer; } div#master-info > div.item > div.currentLanguage > a.currentFlag { position: absolute; left: 0px; width: 20px; height: 25px; } div#master-info > div.item > div.currentLanguage > div#language-items { position: absolute; display: none; top: 24px; left: -4px; width: 140px; cursor: pointer; text-align: left; background: #FFF url(Images/bg-body.jpg) repeat-x 0 30px; border: solid 1px #112D43; border-bottom: solid 2px #112D43; } div#master-info > div.item > div.currentLanguage > div#language-items > span { padding: 5px; display: block; } div#master-info > div.item > div.currentLanguage > div#language-items > span:hover { background: #E5E5E5; } div#master-info > div.item > div.currentLanguage > div#language-items > span > div.flag { margin-right: 10px; display: inline-block; width: 20px; height: 20px; } div#master-info > div.item > div.currentLanguage > div#language-items > span > label { cursor: pointer; position: relative; top: -4px; margin: 0 5px 0 0; } /*div#master-info > div.item > div.currentLanguage:hover div#language-items { display: block; }*/ .en-US { background: transparent url('Images/static.png') no-repeat -152px -87px; } .es-ES { background: transparent url('Images/static.png') no-repeat -123px -87px; } .pt-BR { background: transparent url('Images/static.png') no-repeat -95px -87px; } /*** Page Error ***********************************/ div#pageError { width: 800px; margin: 30px auto auto;} div#pageError > .code { display: block; font-size: 5em; } div#pageError > .description { font-size: 1.6em; } div#pageError > .redirectToHome { font-size: 1.5em; } div#pageError > .redirectToHome a { text-decoration: underline; } /*** Blind Container ***********************************/ div#blind-container { width: 100%; height: 85px; top: -20px; z-index: 3; position: relative; } div#blind-container > div { height: inherit; } div#blind-container > div.left { width: 16px; background: url('Images/bg-subheader-left.png') no-repeat 50% 0; float: left; margin-left: 8px; height: 94px; } div#blind-container > div.right { width: 16px; background: url('Images/bg-subheader-right.png') no-repeat 50% 0; float: right; margin-right: 6px; height: 94px; } div#blind-container > div.middle { margin: 0 22px 0 24px; padding: 3px 10px 0 0; background: url('Images/bg-upper-menu-middle.png') repeat-x 0 0; height: 96px; } div#blind-container div#attach { cursor: pointer; background: transparent url('Images/static.png') no-repeat -488px -208px; width: 13px; height: 13px; position: absolute; bottom: 5px; right: 17px; } div#blind-container > div.middle > .aleft { width: 100%; } div#blind-container div#attach.enabled { background-position: -488px -194px; } div#blind-container div#show-menu { color: #888; width: 100%; font-size: 0.9em; position: relative; top: -22px; text-align: center; display: none; } div#blind-container div#show-menu:hover { color: #333; } /*** Menu ***********************************/ div#menu { min-height: 30px; margin: 20px 15px 0 -4px; position: relative; font-size: 0px; } div#menu > label#application-title { font-size: 10px; color: #4A708B; font-weight: bold; margin: 0 0 2px 0; display: block; padding: 4px 0px 0px 0px; } div#menu > div { display: inline-block; text-align: center; } div#menu > div.item { min-width: 120px; height: 25px; padding-top: 10px; top: -10px; cursor: pointer; position: relative; } div#menu > div.spacer { width: 1px; height: 100%; border-left: solid 1px #9CA6AC; background-color: #537993; margin: 0 -4px; } img.space { width: 10px; height: 1px; } div#menu > div.item > span { margin-top: 2px; cursor: pointer; } div#menu > div.item > a { margin-top: 2px; color: White; min-width: 120px; height: 25px; } div#menu > div.item > a:hover { text-decoration: none; } div#menu > #application-menu { font-size: 14px; background: transparent url(Images/static.png) no-repeat -4px -607px; height: 30px; position: absolute; text-align: left; width: 295px; padding: 7px 0 0 5px; } div#menu > #application-menu label { color: #4A708B; font-weight: bold; font-size: 0.8em; height: 15px; overflow:hidden; white-space: nowrap; width: 265px; } div#menu > #application-menu a { background: url("Images/static.png") no-repeat -201px -112px transparent; cursor: pointer; height: 20px; position: absolute; right: 7px; top: 4px; width: 20px; } div#menu > #application-menu a:hover{ background-position: -201px -133px; } div#menu > #application-menu input { font-size: 14px !important;} div#menu > #search-toolbox { position: absolute; top: 17px;} div#menu > #search-toolbox[position=left] { left: 0px; } div#menu > #search-toolbox[position=right] { right: -10px;} div#menu > #search-toolbox > ul > li { float: left; } div#menu > #search-toolbox > ul > li > div { position: relative; width: 26px; height: 26px; margin: 0 1px; display: inline-block; cursor: pointer; background: url(Images/Icons.png) no-repeat; } div#menu > #search-toolbox > ul > li > div > label { background-color: #FFF; border: solid 1px #CCC; display: none; font-size: 0.7em; left: -60px; opacity: 0.8; filter: alpha(opacity=80); padding: 1px; position: absolute; top: 40px; width: 150px; } div#menu > #search-toolbox > ul > li > div[disabled]:hover, div#menu > #search-toolbox > ul > li > div[disabled] { cursor: default !important; } div#menu > #search-toolbox.webscan-menuDoc > div[disabled] { cursor: default !important; opacity: 0.3; filter: alpha(opacity=30); } div#menu > #search-toolbox > ul > li > div:hover > label { display: block; } div#menu > #search-toolbox > ul > li > div[disabled] > label { display: none !important; } div#menu > #search-toolbox > ul > li > #btnZoomValues { position: relative; top: -7px; width: 30px; border: solid 1px #AAA; color: #333; font-size: 14px; background: #F5F5F5; padding: 2px; text-align:right; } div#menu > #search-toolbox > ul > li > #btnZoomValues[disabled] { opacity: 0.3; filter: alpha(opacity=10); } div#menu > #search-toolbox > ul > li > #percentage { position: relative; top: -7px; font-size: 14px; } div#menu > #search-toolbox > ul > li > #btnMail { background-position: -203px center; } div#menu > #search-toolbox > ul > li > #btnSendMD { background-position: -1168px center; } div#menu > #search-toolbox > ul > li > #btnBlock { background-position: -3px center; } div#menu > #search-toolbox > ul > li > #btnUnblock { background-position: -37px center; } div#menu > #search-toolbox > ul > li > #btnDelete { background-position: -471px center; } div#menu > #search-toolbox > ul > li > #btnVisualize { background-position: -171px center; } div#menu > #search-toolbox > ul > li > #versionControl { background-position: -892px center; cursor:pointer; } div#menu > #search-toolbox > ul > li > #addFile { background-position: -921px center; cursor:pointer; } div#menu > #search-toolbox > ul > li > #btnPrint { background-position: -270px center; } div#menu > #search-toolbox > ul > li > #btnPreferences { background-position: -303px center; } div#menu > #search-toolbox > ul > li > #btnDownload { background-position: -437px center; } div#menu > #search-toolbox > ul > li > #btnLeftRotate { background-position: -499px center; } div#menu > #search-toolbox > ul > li > #btnRightRotate { background-position: -529px center; } div#menu > #search-toolbox > ul > li > #btnZoomArea { background-position: -560px center; } div#menu > #search-toolbox > ul > li > #btnZoomIn { background-position: -587px center; } div#menu > #search-toolbox > ul > li > #btnZoomOut { background-position: -617px center; } div#menu > #search-toolbox > ul > li > #btnFitH { background-position: -643px center; } div#menu > #search-toolbox > ul > li > #btnFitW { background-position: -669px center; } div#menu > #search-toolbox > ul > li > #btnFitBorder { background-position: -695px center; } div#menu > #search-toolbox > ul > li > #btnSplit { background-position: -722px center; } div#menu > #search-toolbox > ul > li > #btnAutoFocus { background-position: -805px center; } div#menu > #search-toolbox > ul > li > #btnAutoFocus.unblock { background-position: -835px center; } div#menu > #search-toolbox > ul > li > #btnSlide { background-position: -889px center; } div#menu > #search-toolbox > ul > li > input { float: left !important; top: 2px !important; } div#menu > #search-toolbox > ul > li > label { float: left !important; top: 5px !important; } /** hover **/ div#menu > #search-toolbox > ul > li > #btnMail:hover { background-position: -203px bottom !important; } div#menu > #search-toolbox > ul > li > #btnSendMD:hover { background-position: -1168px bottom !important; } div#menu > #search-toolbox > ul > li > #btnBlock:hover { background-position: -3px bottom !important; } div#menu > #search-toolbox > ul > li > #btnUnblock:hover { background-position: -37px bottom !important; } div#menu > #search-toolbox > ul > li > #btnDelete:hover { background-position: -471px bottom !important; } div#menu > #search-toolbox > ul > li > #btnVisualize:hover { background-position: -171px bottom !important; } div#menu > #search-toolbox > ul > li > #versionControl:hover { background-position: -892px bottom !important; } div#menu > #search-toolbox > ul > li > #addFile:hover { background-position: -921px bottom !important; } div#menu > #search-toolbox > ul > li > #btnPrint:hover { background-position: -270px bottom !important; } div#menu > #search-toolbox > ul > li > #btnPreferences:hover { background-position: -303px bottom !important; } div#menu > #search-toolbox > ul > li > #btnDownload:hover { background-position: -437px bottom !important; } div#menu > #search-toolbox > ul > li > #btnLeftRotate:hover { background-position: -499px bottom !important; } div#menu > #search-toolbox > ul > li > #btnRightRotate:hover { background-position: -529px bottom !important; } div#menu > #search-toolbox > ul > li > #btnZoomArea:hover { background-position: -560px bottom !important; } div#menu > #search-toolbox > ul > li > #btnZoomIn:hover { background-position: -587px bottom !important; } div#menu > #search-toolbox > ul > li > #btnZoomOut:hover { background-position: -617px bottom !important; } div#menu > #search-toolbox > ul > li > #btnFitH:hover { background-position: -643px bottom !important; } div#menu > #search-toolbox > ul > li > #btnFitW:hover { background-position: -669px bottom !important; } div#menu > #search-toolbox > ul > li > #btnFitBorder:hover { background-position: -695px bottom !important; } div#menu > #search-toolbox > ul > li > #btnSplit:hover { background-position: -722px bottom !important; } div#menu > #search-toolbox > ul > li > #btnAutoFocus:hover { background-position: -805px bottom !important; } div#menu > #search-toolbox > ul > li > #btnAutoFocus.unblock:hover{ background-position: -836px bottom !important; } div#menu > #search-toolbox > ul > li > #btnSlide:hover { background-position: -889px bottom !important; } .selectGrid { height: 16px; width: 16px; background: url('Images/select_grid.png') no-repeat; background-position: 0px 0px; } .selectGrid:hover { height: 16px; width: 16px; background: url('Images/select_grid.png') no-repeat; background-position: 0px -16px; } table#applicationList-grid tr:hover .selectGrid { height: 16px; width: 16px; background: url('Images/select_grid.png') no-repeat; background-position: 0px -16px; } /** disableds **/ div#menu > #search-toolbox > ul > li > #btnMail[disabled] { background-position: -203px top !important; } div#menu > #search-toolbox > ul > li > #btnSendMD[disabled] { background-position: -1168px top !important; } div#menu > #search-toolbox > ul > li > #btnBlock[disabled] { background-position: -3px top !important; } div#menu > #search-toolbox > ul > li > #btnUnblock[disabled] { background-position: -37px top !important; } div#menu > #search-toolbox > ul > li > #btnDelete[disabled] { background-position: -471px top !important; } div#menu > #search-toolbox > ul > li > #btnVisualize[disabled] { background-position: -171px top !important; } div#menu > #search-toolbox > ul > li > #versionControl[disabled] { background-position: -892px top !important; } div#menu > #search-toolbox > ul > li > #addFile[disabled] { background-position: -921px top !important; } div#menu > #search-toolbox > ul > li > #btnPrint[disabled] { background-position: -270px top !important; } div#menu > #search-toolbox > ul > li > #btnPreferences[disabled] { background-position: -303px top !important; } div#menu > #search-toolbox > ul > li > #btnDownload[disabled] { background-position: -437px top !important; } div#menu > #search-toolbox > ul > li > #btnLeftRotate[disabled] { background-position: -499px top !important; } div#menu > #search-toolbox > ul > li > #btnRightRotate[disabled] { background-position: -529px top !important; } div#menu > #search-toolbox > ul > li > #btnZoomArea[disabled] { background-position: -560px top !important; } div#menu > #search-toolbox > ul > li > #btnZoomIn[disabled] { background-position: -587px top !important; } div#menu > #search-toolbox > ul > li > #btnZoomOut[disabled] { background-position: -617px top !important; } div#menu > #search-toolbox > ul > li > #btnFitH[disabled] { background-position: -642px top !important; } div#menu > #search-toolbox > ul > li > #btnFitW[disabled] { background-position: -669px top !important; } div#menu > #search-toolbox > ul > li > #btnFitBorder[disabled] { background-position: -695px top !important; } div#menu > #search-toolbox > ul > li > #btnSplit[disabled] { background-position: -722px top !important; } div#menu > #search-toolbox > ul > li > #btnAutoFocus[disabled] { background-position: -805px top !important; } div#menu > #search-toolbox > ul > li > #btnAutoFocus.unblock[disabled]{ background-position: -836px top !important; } div#menu > #search-toolbox > ul > li > #btnSlide[disabled] { background-position: -889px top !important; } div#menu > #search-toolbox > ul > li > .first > label { left: 0; } div#menu > #search-toolbox > ul > li > .second > label { left: -42px; } div#menu > #search-toolbox > ul > li > .last > label { left: -115px; } div#menu > #general-toolbox { float: right; right: -10px; position: relative; } div#menu > #general-toolbox > div { position: relative; width: 27px; height: 26px; font-size: 14px; margin: 0 1px; display: block; cursor: pointer; float: left; } div#menu > #general-toolbox > #file-control { width: 280px; max-width: 280px; background: none !important; top: 1px; margin-bottom:10px; } div#menu > #general-toolbox > #btnPreferences { background: url(Images/icons.png); background-position: -303px center !important; display:none; } div#menu > #general-toolbox > #btnPreferences:hover { background: url(Images/icons.png); background-position: -303px bottom !important; } div#menu > #general-toolbox > #btnPreferences[disabled] { background: url(Images/icons.png); background-position: -303px top !important; } div#menu > #import-navegation { position: absolute; margin-top: -2px; margin-left: 620px; width: 275px; max-width: 275px; margin-bottom: 0px;} div#newMail-box { z-index: 3; } /*** Context Top Menu Area ***********************************/ .iconContextMenu { float:left; width: 26px; height: 26px; margin: 0 0 0 1px; display: inline-block; cursor: pointer; background: url(Images/Icons.png) no-repeat; } .iconContextMenu > span { display: inline-block; } #btnMoreInfo { background: url(Images/static.png) no-repeat -344px -607px!important; cursor: pointer!important; } #btnBlock { background-position: -3px center; } #btnUnblock { background-position: -37px center; } #btnEdit { background-position: -951px center; } #btnDelete { background-position: -471px center; } #btnAdhocUser { background-position: -103px center; } #btnAdhocFile { background-position: -137px center; } #historyDoc { background-position: -71px center; cursor:pointer; } #btnPreferences { background-position: -303px center !important; } #btnPrint { background-position: -270px center; } #btnMail { background-position: -203px center; } #btnDelete { background-position: -471px center; } #historyDoc { background-position: -71px center; } #btnExportExcel { background-position: -371px center; } #btnJoin { background-position: -336px center; } #btnDownload { background-position: -437px center; } #btnImportFile { background-position: -1046px center; } #btnDirectory { background-position: -1014px center; } /** disableds **/ #btnAdhocUser[disabled] { background-position: -103px top!important; } #btnAdhocFile[disabled] { background-position: -137px top!important; } #btnExportExcel[disabled] { background-position: -371px top!important; } #btnJoin[disabled] { background-position: -336px top!important; } /*** Master Content Body ***********************************/ div.cornerBorders { background-color: #F9F9F9; margin-left: 10px; margin-right: 10px; } div.body-page { min-height: 150px; padding-top: 25px; position: relative; display: table; margin: auto; padding-left: auto; padding-right: auto; } div.body-page-document { display: block; } div.stay-in-top { margin-top: 0px !important; background-position: 0 -85px; } /********* Footer ***********************************/ div.footer { background: #F9F9F9 none no-repeat; position:relative !important; bottom:0px; z-index:-1; margin-left: 10px; margin-right: 10px; display: block !important; visibility:hidden; } div.footer #logo { background: url(Images/logoFooter.png) no-repeat 0 0; width:75px; height:75px; margin: auto; } div#completeBack { height: 0px; width:0px; } /*** Application List **********************************/ div#applicationList-container select { width: 100%; margin: 0px; } div#applicationList-container > div#applicationList-header { padding:5px; margin-bottom: 10px; height: 65px; padding:10px; } div#applicationList-container select#filterListViewApplication { width: 101%; margin: 0px;} div#applicationList-container input[type=button] { float: right; font-size: 0.8em; margin: 0px;} div#applicationList-container input[type=text] { margin-right: 5px; width: 222px; } /*** Change Password **********************************/ div#changepassword-container label { display: inline; } div#changepassword-container div#divError { height: 25px; color: Red; font-size: 0.9em; } div#changepassword-container label#lblRequiredField { display: none; } div#changepassword-container label#lblInvalidConfirmation { display: none; } div#changepassword-container input[type=password] { margin-bottom: 5px; width: 98%; } div#changepassword-container input[type=button] { float: right; font-size: 0.8em; } /*** Form Mail **********************************/ div#mail-container div[class=box] { background: url('Images/mail_forward.png') no-repeat 15px 5px; } div#mail-container span { font-size:1.6em; } div#mail-container label { width: 45px; margin-left: 75px; display:inline-block; vertical-align:top; } div#mail-container input[type=checkbox] { display: inline-block; width: 30px; cursor: default; margin-left:7px; } div#mail-container input[type=button] { font-size: 0.8em; margin: 10px 2px 0; } div#mail-container textarea.head { width: 538px; display:inline-block; margin-bottom:5px; height:28px; } div#mail-container textarea#txtBody { width: 660px; height: 300px; font-family: Arial; font-size: 12px; margin-top:15px; margin-left: 15px; } div#mail-container div#buttons { text-align:right; display: inline-block; width: 545px; } /*** Login ***********************************/ div.login-container { margin: 300px auto auto 150px; width: 500px; height: 165px; padding: 20px 40px; color:White; font-family: Verdana,Arial,sans-serif; } div.login-container label { display:inline-block; min-width:90px; font-size:18px; font-weight: bold; margin-bottom: 10px; vertical-align: top; } div.login-container input { width: 315px; height:20px; background:#aecedd!important; border:none; border-bottom:solid 1px #aecedd; font-size:14px; } div.login-container a { display:inline-block; font-size:18px; color:White; margin-left: 100px; font-weight: bold; margin-bottom:10px; cursor:pointer; } div.login-container .hide { display:none; } div.login-container .errorMessage { font-size: 12px; color:#FF3030; margin-top:5px; } div.login-container select { background-color: #AECEDD !important; border: solid 2px #AECEDD; width: 315px; outline: 0; } div.login-container .x-form-item { display:inline-block!important; } div.login-container .x-border-box .x-form-trigger { height:21px!important; } div#passwordExpired label { min-width: 125px; max-width: 300px; } div#passwordExpired input { width: 280px; } div#passwordExpired label#lblExpiredPasswordError { max-width: 300px; } div#forgotPassword a#btnForgotCaptchaGenerate, div#enterLogin a#btnRetryCaptchaGenerate { font-size: 9px; margin-left: 135px; } div#retryCaptchaContainer { margin-left: 100px; display: none; } li.x-boundlist-item { height:15px!important; } li.x-boundlist-selected { border-color: white!important; background: none repeat scroll 0 0 white; } li.x-boundlist-item-over { border-color: #aecedd!important; background: none repeat scroll 0 0 #aecedd; color:White!important; } /**** Layout Antigo - Temporário *************************************************/ div.popupBoxes > div.oldLogin-container { margin: 150px auto auto auto; width: 300px; height: 165px; padding: 20px 40px; background: url('Images/static.png') no-repeat scroll -81px -400px; } div.oldLogin-container div#close-login { float:right; width: 29px; height: 29px; width: 27px; background: url('Images/static.png') no-repeat; background-position: -230px -347px; cursor: pointer; margin-top:-22px; margin-right:-39px; } div.oldLogin-container div#close-login:hover { background-position: -190px -347px; } div.oldLogin-container .aright { width: 185px; position: relative; } div.oldLogin-container a { cursor: pointer; } div.oldLogin-container label { display: inline-block; margin: 0 10px 2px 0; } div.oldLogin-container select { width: 307px; margin-bottom:5px; } div.oldLogin-container input[type=password], div.oldLogin-container input[type=text] { border: solid 1px gray; padding: 2px; margin-bottom: 5px; color: #333; width: 100%; } div.oldLogin-container label.errorMessage { display:none; color: Red; float:right; } div.oldLogin-container div#forgotPassword { margin: 35px auto 0; width: 180px; display: none; } /*** Pick List Settings (transformar 'modal' em class) **********************************/ div#pick-container div#pick-header { padding:5px; margin-bottom: 10px; height: 70px; padding:10px; } div#pick-container div#pick-header p { margin-bottom: 5px; } .x-ie div#pick-container { max-width: 735px; } div#newPick-boxes div.boxgen > div > .boxgenm > div { margin:0px 10px 0px 10px; } /*** ViewerMessage **********************************/ div.body-message { padding-left:60px; height:180px; } div.body-message > span { font-size:1.6em; } div.body-message > span#info-message { width: 99%; margin-top:10px; padding:2px; display:block; font-size: 1.2em; } div.body-message > label { width: 99%; margin-top:10px; padding:2px; display:block; font-size: 1.2em; } div.body-message > input[type=button] { margin-top:10px; float:right; } div.body-message > a { margin-top:10px; color: blue; cursor:pointer; display:inline-block; } div#body-error { background: url(Images/error.png) no-repeat; } div#body-error > label { height:140px; } div.info { background: url(Images/info.png) no-repeat; height:auto; } div.warning { background: url(Images/warning.png) no-repeat; height:auto; } div.confirm { background: url(Images/confirm.png) no-repeat; height:auto; } /*** DocumentLog **********************************/ div.LogContainer div#valContainer { width:185px; margin:0px 5px 0px 5px; display: inline-block; } div.LogContainer select[slt=sltLogType] { display:none; width:160px!important; } div.LogContainer input.dateLog { display:none; width:70px!important; } div.LogContainer label.dateLog { display:none; margin: 0px 10px 5px 10px; } /*** ******************************************************** * PROJECT - DOCUMENT * ******************************************************** ****/ /*** Floating Class **********************************/ div.float { position: fixed; overflow: hidden; z-index: 2; display: none; } div.float .appinfo { margin: 0 0 0 10px; display: none; border-bottom:2px solid #F5F5F5; display:block; padding-bottom:2px; width:80%; margin-bottom: 1px !important; } div.float .appinfo > label { color: #CCC; font-size: 0.9em; margin: 0; } div.float .barmove { position: absolute; } div.float .menu-content { padding: 10px; overflow: hidden; } div.float .attached-ico { position: absolute; cursor: pointer; background: transparent url('Images/static.png') no-repeat -509px -205px; width: 13px; height: 13px; z-index: 2; } div.float .attached-ico.autohide { background-position: -524px -205px; } div.float .menu-content div { display: inline-block; } div.float .menu-content input[type=button] { font-size: 0.8em; margin-bottom: 4px; } .ui-draggable-dragging .menu-container { opacity: 0.2; filter: alpha(opacity=10); } /*** Floating Menu - Left ***************************************/ div.left-pos { left: 0; height: 100%; margin-top: -5px; } div.left-pos .corner1 { width: 100%; height: 14px; background: transparent url('Images/static.png') no-repeat right top; } div.left-pos .corner2 { display: none; } div.left-pos .middle { width: 100%; height: 100%; background: transparent url('Images/bg-floating-menu-horizontal.png') repeat-y right 0; } div.left-pos .barmove { width: 10px; height: 99%; float: right; right: 8px; margin: 5px 0; } div.left-pos .ui-resizable-e { width: 3px; height: 99%; right: 5px; margin: 5px 0; } div.left-pos .menu-container { height: 100%; width: 330px; position: relative; display: inline-block; float: left; } div.left-pos .menu-container.indexes { z-index: 2; } div.left-pos .menu-container.thumbs { z-index: 1; margin-top: 2px; padding-left: 15px; margin-right: 30px; margin-left: -330px; } div.left-pos .attached-ico { right: 5px; top: 10px; } /*** Floating Menu - Right ***************************************/ div.right-pos { right: 0; height: 100%; margin-top: -5px; } div.right-pos .appinfo { text-align: right; margin-left: 40px; } div.right-pos .corner1 { width: 100%; height: 14px; background: transparent url('Images/static.png') no-repeat left -40px; } div.right-pos .corner2 { display: none; } div.right-pos .middle { width: 100%; height: 100%; background: transparent url('Images/bg-floating-menu-horizontal_gray.png') repeat-y left 0; } div.right-pos .barmove { width: 10px; height: 99%; float: left; left: 8px; margin: 5px 0; } div.right-pos .ui-resizable-w { width: 3px; height: 99%; left: 5px; margin: 5px 0; } div.right-pos #preview-container { height: 100%; width: 305px; position: relative; margin-top: 5px;} div.right-pos .attached-ico { left: 3px; top: 10px; background: transparent url('Images/static.png') no-repeat -524px -205px; } div.right-pos .attached-ico.autohide { background-position: -509px -205px; } div.right-pos #setting-search { left: 40px; top: 4px; } div.right-pos #menu-content { /*padding-left: 30px !important; */} div.right-pos .jScrollPaneContainer { margin-left: 20px !important; } /* Tabs */ div.tab { width:35px; float:right; position:relative; background: transparent url('Images/float-tabs.png') no-repeat;} div.tab div.button { width:25px; height : 60px; cursor:pointer; padding-top:17px; } div.tabSelected { z-index:0 !important; cursor:default!important; } div.buttonSelected { cursor: default!important; z-index:0!important; background: transparent url('Images/float-tabs-selected.png') no-repeat; } /*** Floating - Tab Buttons ***************************************/ div#buttonSearch { margin-right:-30px; margin-top:30px; z-index:-1; background-position: 0px -233px; } /*Diferente no IE7*/ div#buttonAdvSearch { margin-right:-34px; margin-top:104px; z-index:-1; background-position: 0px -309px; height:104px; display:none; } /*** Fields Styles dsa **********************************/ div#fieldcontainer, div#content-filter { width:100%; } div#fieldcontainer .big, div#fieldcontainer .biggest { /**display: -moz-grid;**/ display: inline-block; margin: 0 10px 5px 0; font-size: 1.2em; } div#fieldcontainer .hasDatepicker { float:left; margin-right: 5px; width: 90%; } div#fieldcontainer .ui-datepicker-trigger { cursor: pointer; float:left; margin-left:3px; } div#content-filter input[type="button"] { height: 20px; margin: 2px; width: 100%; padding: 0; overflow:hidden; } div#content-filter label.buttons { margin: 2px 1px 1px 1px; display: block; width: 100%; } /*** Form File **********************************/ file-container input[type=button] { font-size: 0.8em; } file-container input[type=text] { width: 30px; } /*** Change Sit/Doc/Queue **********************************/ div#changesdq-container label { display: inline-block; width: 80px; } div#changesdq-container select { display: inline-block; width: 300px; } div#changesdq-container input[type=button] { margin: 10px -7px 0; float: right; } /*** File Order **********************************/ .sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; } .sortable li { margin: 0 3px 3px 3px; padding: 3px 3px 3px 15px; height: 15px; cursor: pointer; } .sortable li span { position: absolute; margin-left: -1.3em; height: 20px; } .sortable label, div#order-title label { width: 70px; float: left } .sortable li label.order { font-weight:bold; margin-left:30px;} .order-title { border: solid 1px #333; background-color: #E5E5E5; margin: 0 3px 3px 3px; padding: 3px 3px 3px 15px; height: 15px; } div#order-container #order-container span { height: 10px; } div#order-container input[type="button"] { font-size:0.8em; } /*** User Preference ***************************************/ div#userPreference-container label { display: inline-block; width: 370px; } div#userPreference-container select { display: inline-block; width: 200px; } div#userPreference-container input[type=checkbox] { display: inline-block; width: 15px; cursor: default; } div#userPreference-container input[type=button] { float: right; font-size: 0.8em; } div#userPreference-container .userPreferences { border: 1px solid #E5E5E5; padding: 5px; margin-bottom: 10px; height: 95px; padding:10px; } /*** ******************************************************** * PROJECT - PORTAL * ******************************************************** ****/ /*** Menu Portals Home ***********************************/ div.content-menu { margin:0 auto; width: 980px; min-height: 445px; } div.content-menu > ul { } div.content-menu > ul > li { display: block; height: 230px; width: 195px; margin-bottom:25px; vertical-align: top; float: left; } div.content-menu > ul > li > ul > li { cursor:pointer; } div.content-menu > ul > li > label { margin-top:215px; text-align:center; width:100%; color: #676767; font-size: 20px; font-weight: normal; cursor:pointer; margin-right: 0px; } /** portal **/ div.content-menu #portal { background: url("Images/Buttons/portal.png") no-repeat top transparent; } div.content-menu #analysis { background: url("Images/Buttons/analysis.png") no-repeat top transparent; } div.content-menu #advisory { background: url("Images/Buttons/advisory.png") no-repeat top transparent; } div.content-menu .process { background: url("Images/Buttons/process.png") no-repeat top transparent; } div.content-menu .myDocuments { background: url("Images/Buttons/MyDocuments.png") no-repeat top transparent; } div.content-menu .documents { background: url("Images/Buttons/documents.png") no-repeat top transparent; } div.content-menu .reporting { background: url("Images/Buttons/reporting.png") no-repeat top transparent; } div.content-menu .administration { background: url("Images/Buttons/administration.png") no-repeat top transparent; } div.content-menu .help { background: url("Images/Buttons/help.png") no-repeat top transparent; } div.content-menu #panel { background: url("Images/Buttons/panel.png") no-repeat top transparent; } div.content-menu #preferences { background: url("Images/Buttons/preferences.png") no-repeat top transparent; } /** aplication management **/ div.content-menu .new { background: url("Images/Buttons/new.png") no-repeat top transparent; } div.content-menu .viewer { background: url("Images/Buttons/viewer.png") no-repeat top transparent; } div.content-menu .modifier { background: url("Images/Buttons/modifier.png") no-repeat top transparent; } div.content-menu .active { background: url("Images/Buttons/active.png") no-repeat top transparent; } div.content-menu .processConfig { background: url("Images/Buttons/processConfig.png") no-repeat top transparent; } div.content-menu .groups { background: url("Images/Buttons/groups.png") no-repeat top transparent; } div.content-menu .queue { background: url("Images/Buttons/queue.png") no-repeat top transparent; } div.content-menu .situation { background: url("Images/Buttons/situation.png") no-repeat top transparent; } div.content-menu .pendency { background: url("Images/Buttons/pendency.png") no-repeat top transparent; } div.content-menu .pickList { background: url("Images/Buttons/pickList.png") no-repeat top transparent; } div.content-menu .mailTemplate { background: url("Images/Buttons/preferences.png") no-repeat top transparent; } div.content-menu .mailTemplate > ul { padding-top: 80px; } /** access control **/ div.content-menu .companyOwner { background: url("Images/Buttons/companyOwner.png") no-repeat top transparent; } div.content-menu .profile { background: url("Images/Buttons/profile.png") no-repeat top transparent; } div.content-menu .accessGroup { background: url("Images/Buttons/accessGroup.png") no-repeat top transparent; } div.content-menu .user { background: url("Images/Buttons/user.png") no-repeat top transparent; } div.content-menu .authenticate { background: url("Images/Buttons/authenticate.png") no-repeat top transparent; } /** home services **/ div.content-menu .servers { background: url("Images/Buttons/servers.png") no-repeat top transparent; } div.content-menu .transferFires { background: url("Images/Buttons/transferFires.png") no-repeat top transparent; } div.content-menu .publication { background: url("Images/Buttons/publish.png") no-repeat top transparent; } div.content-menu .integration { background: url("Images/Buttons/integration.png") no-repeat top transparent; } /** reporting home **/ div.content-menu .productivity { background: url("Images/Buttons/productivity.png") no-repeat top transparent; } div.content-menu .storage { background: url("Images/Buttons/storage.png") no-repeat top transparent; } div.content-menu .userAccess { background: url("Images/Buttons/userAccess.png") no-repeat top transparent; } li.open > ul.open-menu { display: none; font-size: 1.2em; height: 195px; margin-top: 10px; position: absolute; text-align: center; width: 195px; z-index: 2; } li.open > ul.subitem { text-align: left !important; display: none; line-height: 25px; padding-left: 20px; } li.open > ul.subitem li { display: table-row !important; } li.open > ul.open-menu li { display: table-cell; vertical-align: middle; } li.open > ul.open-menu li a { color: white; text-decoration: none; } li.light > ul.open-menu li a { color: #333!important; text-decoration: none; } li.open > ul.open-menu li label { color: white; cursor: pointer; line-height: 20px; margin-top: 10px; text-align: center; text-decoration: none; width: 100%; display: block !important; } li.open > ul.open-menu > li > label > table { height: 195px; width: 195px; vertical-align: middle; } li.open > ul.open-menu li a:hover { color:black; } li.open:hover { background: url("Images/Buttons/empty.png") no-repeat top transparent!important; cursor:pointer; } li.light:hover { background: url("Images/Buttons/emptyLight.png") no-repeat top transparent!important; cursor:pointer;} li.open:hover > ul.open-menu { display: block; } li.open:hover > ul.subitem { display: block !important; } li.open:hover > li { display: block !important; } /*** ********************************************************* * PROJECT - VIEWER * ********************************************************* ****/ /*** Floating - Tab Buttons Viewer ***************************************/ div#buttonIndexes { margin-right:-30px; margin-top:30px; z-index:-1; background-position: 0px 0px; } div#buttonThumbs { margin-right:-34px; margin-top:104px; z-index:-1; background-position: 0px -77px; } div#buttonVersion { margin-right:-35px; margin-top:178px; z-index:-1; background-position: 0px -153px; } div#blockByUser { border-bottom: solid 1px #E5E5E5; font-size: 0.9em; font-style: italic; margin-left: 10px; padding-bottom: 5px; width: 90%; color: Red; font-weight:bold; } /*** Header - Tab Documents **************************************/ div#document-tab-boxes { display:none; height: 23px; right:0; top: 28px; position: relative; float:right; } div#document-tab-boxes > div { display:inline-block; width:295px!important; max-width:295px!important; } div#document-tab-boxes label { font-size: 12px!important; color:Black; } /*** FloatThumbnails ***************************************/ div#thumbnailsContainer { /***margin-left:20px;***/ display:none; } div.menu-content #link-sel-all { margin-top:5px; cursor: pointer; display: block; height: 19px; padding: 3px 0 0 25px; margin-left: 5px; border: solid 2px #F5F5F5; width: 150px; background: url(Images/static.png) -185px -321px no-repeat; } div.menu-content #link-sel-all:hover { text-decoration: none; border-color: #E5E5E5; background-position: -185px -299px; } div.menu-content #link-sel-all.setted { border-color: #053245; background-position: -185px -278px; } div.thumblist > div.thumb-box { position: relative; float: left; border: solid 2px #F5F5F5; color: #CCC; width: 80px; height: 104px; overflow: hidden; padding-top: 5px; margin: 5px; cursor: pointer; } div.thumblist > div.thumb-box:hover { border-color: #E5E5E5; color: #999; } div.thumblist > div.thumb-box:hover > .thumb-check { display: block; background: url(Images/static.png) -185px -321px no-repeat; } div.thumblist > div.thumb-box:hover > label { background-color: #E5E5E5; } div.thumblist > div.thumb-box.selected:hover, div.thumblist > div.thumb-box.selected { border-color: #053245; } div.thumblist > div.thumb-box.selected:hover > .thumb-check, div.thumblist > div.thumb-box.selected > .thumb-check { display: block; background: url(Images/static.png) -185px -278px no-repeat; } div.thumblist > div.thumb-box > .thumb-check { display: none; position: absolute; width: 20px; height: 20px; top: 2px; right: 2px; } div.thumblist > div.thumb-box > .thumb-check:hover { background: url(Images/static.png) -185px -299px no-repeat; } div.thumblist > div.thumb-box > label { position: absolute; margin: 0px !important; bottom: 0px; text-align: center; width: 100%; background-color: #F5F5F5; } div.thumblist > div.thumb-box > img { max-width: 90px; max-height: 130px; display: block; } div.thumblist > div.thumb-box > center > .thumb-image { height: 80px!important; } /*** FloatIndex ***************************************/ div#indexes-container div#content-filter > label > input[field] { padding: 1px; } div#indexes-container div#content-filter > label > input[field]:focus { border: solid 1px orange; } div#indexes-container .index-buttons { border-top: solid 2px #F5F5F5; width: 90%; padding-top: 5px; margin-top: 1px; text-align: right; } /*** ReIndex ***************************************/ #reindex-container { width:92%; height:172px; overflow-y: scroll; border: solid 1px Gray; margin-top:0px; margin-bottom:10px; } #reindex-container > table { background-color: #FFF; width:100%; } #reindex-container > table tr.title { background-color: #e5e5e5; } #reindex-container > table tr:hover { background-color: #efefef; } #reindex-container > table th td, #reindex-container > table tr td { padding: 2px; } #reindex-container > table .col { width:100px; } #reindex-container > table .colcheck input { margin:3px; } /*** FloatIndexes ***************************************/ div#document-info { position: relative; display: block; padding-top: 2px; height: 15px; } div#document-info > label { position: relative; float: right; font-size: 0.9em; color: Red; margin: 0 10px 0 0; } div#document-info > h2 { position: relative; float: left; } /*** Viewer ***************************************/ div#document-viewer { position: relative; overflow: hidden; margin-right: 10px; } div#document-viewer center { background-color: #053245; padding: 25px; overflow: hidden; } div#document-viewer .scroll { overflow: scroll; } div#document-viewer .scrollx { overflow-x: auto; } div#document-viewer .scrolly { overflow-y: auto; } div#document-viewer center #image-viewer-container{ height: 100%; width: auto; } div#document-viewer center .document { height: 100%; position: relative; z-index: 2; display: none; } div#document-viewer center .loading { background: Transparent url('Images/loader-silver.gif') no-repeat center center!important; } div#document-viewer center #bg-viewer-top { position: absolute; background: transparent url('Images/bg-viewer.png') no-repeat; width: 300px; height: 250px; top: 0px; left: 0px; z-index: 1; } div#document-viewer center #bg-viewer-bot { position: absolute; background: transparent; width: 235px; height: 70px; bottom: 30px; right: 30px; text-align: left; z-index: 1; opacity: 0.1; filter: alpha(opacity=10); } div#document-viewer center #bg-viewer-bot div { position:relative; right:0px; background: transparent url(Images/static.png) no-repeat scroll -4px -647px; width: 60px; height: 70px; display:inline-block; } div#document-viewer center #bg-viewer-bot h1 { position: relative; top: -31px; display:inline-block; } div#document-viewer center #iframe-viewer-container { width: 100%; } div#document-viewer center #selected-area { position: absolute; display: none; background-color: gold; border: dashed 1px #000; opacity: 0.3; filter: alpha(opacity=30); z-index: 2; cursor: crosshair; } div#document-viewer center #selected-area.static { background-color: #FFF; } div#document-viewer center .viewer-message { color: #C5C5C5; font-size: 1.1em; max-width: 700px; position: relative; display: none; } div#document-viewer center .viewer-message h2 { font-size: 1.5em !important; } div#document-viewer center .viewer-message a { text-decoration: underline; color: #AAA; } div#document-viewer center #splitViewer { width:auto; max-width: 49%; height: auto; max-height: 100%; vertical-align:top; } div#document-viewer #float-zoom { background: transparent url('Images/box-zoom-area.png') no-repeat; position: absolute; width: 100%; z-index: 3; display: none; } div#document-viewer #float-zoom.align-top { top: 0px; padding: 15px 0 30px 0; background-position: center -8px; } div#document-viewer #float-zoom.align-bot { bottom: 0px; padding: 40px 0 30px 0; background-position: center 17px; } div#document-viewer #float-zoom > #zoom-document-area { position: relative; display: block; width: 554px; height: 149px; overflow: hidden; background: #FFF; margin:auto; } div#document-viewer #float-zoom #current-zoom-document { position: absolute; left: 0px; top: 0px; } div#document-viewer #float-zoom #zoom-keep-icon { position: absolute; display: none; width: 20px; height: 20px; top: 0px; left: 0px; background: transparent url(/App_Themes/Images/static.png) no-repeat scroll -256px -153px; } div#document-viewer #float-zoom #zoom-keep-icon.show { display: block; } div#document-viewer #float-zoom > #container { border: solid 1px #333; width: 450px; padding: 10px; font-size: 0.7em; text-align: left; } div#document-viewer #float-zoom > #container p { display: inline-block; border: solid 1px white; } div#document-viewer #float-zoom > #container strong { display: block; text-decoration: underline; } div#document-viewer #float-zoom > #container b { display: inline-block; width: 80px; } div#document-viewer #float-zoom > #container i { display: inline-block; width: 30px; } div#document-viewer #float-zoom > #container label { display: inline-block; width: 30px; margin: 0px; overflow: hidden; } div#document-viewer #float-zoom > #container .novisible { display: none; } div#viewer-menu { position: absolute; display: none; top: 5px; right: 5px; font-size: 1.4em; padding: 2px; cursor: default; opacity: 0.4; z-index: 2; } div#viewer-menu:hover { opacity: 1; } div#viewer-menu > div { height: 40px; float: left; } div#viewer-menu-left { background: url('Images/vmenu-left.png') no-repeat top left; width: 7px; } div#viewer-menu-right { background: url('Images/vmenu-right.png') no-repeat top left; width: 7px; } div#viewer-menu-mid { background: url('Images/vmenu-mid.png') repeat-x; padding-top: 4px; } div#viewer-menu-content { position: relative; background: transparent url(Images/bg-body.jpg) repeat-x scroll 0 -90px; height: 28px; margin: 0 -3px; } div#viewer-menu-content > span { display: inline-block; width: 1px; background-color: #FFF; border-left: solid 1px #CCC; } div#viewer-menu-content > label { display: inline-block; position: relative; top: -1px; font-weight: bold; font-size: 0.6em; min-width: 30px; height: 19px; margin: 0px; text-align: center; } div#viewer-menu-content > strong { display: inline-block; min-width: 25px; height: 19px; margin: 0px; padding: 3px 5px 5px; cursor: pointer; } div#viewer-menu-content > strong:hover { background-color: #E5E5E5 !important; } div#viewer-menu-content > strong.prev { background: url(Images/static.png) no-repeat -554px -246px; } div#viewer-menu-content > strong.next { background: url(Images/static.png) no-repeat -554px -223px; } div#viewer-menu-content > strong.zoom { background: url(Images/static.png) no-repeat -565px -278px; } div#viewer-menu-content > strong.nozoom { background: url(Images/static.png) no-repeat -565px -307px; } div#viewer-menu-content > strong.zoom-area{ background: url(Images/static.png) no-repeat -513px -278px; } div#viewer-menu-content > strong.fitw { background: url(Images/static.png) no-repeat -563px -372px; } div#viewer-menu-content > strong.fith { background: url(Images/static.png) no-repeat -563px -335px; } /*** Viewer Menu **********************************/ div#viewer-toolbox { padding: 10px; display:none; } div#viewer-toolbox > a { padding: 6px 5px 0 0px; position: relative; top: -1px; text-decoration: none; text-align: center; display: inline-block; border-bottom: solid 2px transparent; cursor:pointer; height:20px!important; } div#viewer-toolbox > div { display: inline-block; } div#viewer-toolbox > div.spacer { width: 1px; height: 15px; border-left: solid 1px #CCC; background-color: #FFF; position: relative; top: 2px; } div#viewer-toolbox > a:hover { cursor: pointer; border-bottom-color: #E5E5E5; } /*** Document Impot ***************************************/ div#documents-import { width:90%; height:127px; overflow-y: scroll; border: solid 1px Gray; display: inline-block; margin-top:5px; margin-bottom:5px; text-align:left } div#documents-import > table { background-color: #FFF; width:100%; } div#documents-import > table tr.title { background-color: #e5e5e5; } div#documents-import > table tr.title:hover { background-color: #e5e5e5; } div#documents-import > table tr:hover { background-color: #efefef; } div#documents-import > table tr td, div#documents-import > table tr th { padding-left:4px; } div#documents-import > table .colcheck { width:25px; text-align: center !important; } div#documents-import a { cursor: pointer; } div#move-item { cursor:move; background: url('Images/webscan-viewer-icons-mini.png') no-repeat -2px -195px; width:22px; height:22px; } .import-ed { width: 100%; } .import-ed input[type=checkbox] { display: inline-block; width: auto; margin:7px 3px 4px 0; cursor: default; } .renameButtons { cursor:pointer; float: right; margin-top: 2px; margin-right: 2px; display: none; } /*** ********************************************************* * PROJECT - ADMINISTRATOR * ********************************************************* ***/ /*** Admnistrator and DocumentLog **********************************/ div.content-admin { min-width: 960px; max-width: 1030px; width:auto; margin: auto; padding-top: 10px; padding-left: 10px; padding-right: 10px; } div.content-admin div.title-bar { background: url("Images/bg-menu-middle.png") repeat-x scroll 0 -55px transparent; cursor: pointer; margin-bottom: 0px !important; } div.content-admin div.contentTab { position: relative; margin: 0px 0 0px 0; padding: 12px 15px 15px 20px; border-top: none; min-height: 225px; } div.content-admin input, div.content-admin select, div.content-admin textarea { margin: 1px 0px 8px 0px; } div.content-admin input[type=checkbox]{ position: relative; margin-right: 5px; top: 1px; cursor: default; } div.content-admin label { white-space: nowrap; } div.content-admin select, div.content-admin input[type=text] { width: 230px; } div.content-admin #items-per-page { width: 130px; } /**** Admin-Menu ********************/ div.admin-menu > ul > li > div { background: url('Images/admin-icons-mini.png') no-repeat 0px 0px !important; } div.admin-menu > ul > li > #backPage { background-position: 0px -402px !important; } div.admin-menu > ul > li > .editApplication { background-position: 0px -165px !important; } div.admin-menu > ul > li > .disableApplication{ background-position: 0px -132px !important; } div.admin-menu > ul > li > .process { background-position: 0px -33px !important; } div.admin-menu > ul > li > .groupTypeDoc { background-position: 0px -203px !important; } div.admin-menu > ul > li > .pickList { background-position: 0px -330px !important; } div.admin-menu > ul > li > .queue { background-position: 0px -289px !important; } div.admin-menu > ul > li > .situation { background-position: 0px -248px !important; } div.admin-menu > ul > li > .pendreason { background-position: 0px -371px !important; } div#blockDisabled { visibility:hidden; background-color:#efefef; width:272px; height:40px; float:right; margin-right:-15px; margin-top: 10px; position:relative; z-index:1; opacity: 0.5; filter: alpha(opacity=50); } /**** Table-Admin ********************/ table.admin-table { width: 100%; border: solid 1px #E5E5E5; table-layout: fixed; } table.admin-table tr.header { background-color: #F0F0F0; color: #666; font-size: 0.9em; font-weight: bold; } table.admin-table tr.header:hover { background-color: #F0F0F0; } table.admin-table tr.header > th, table.admin-table tr.header > td { border-top: solid 1px #CCC; border-bottom: solid 1px #CCC; word-wrap: break-word; } table.admin-table tr.header > th, table.admin-table tr td { padding: 3px; height:27px; word-wrap: break-word; line-height: 16px; } table.admin-table tr.alternate { background: #FBFBFB; } table.admin-table tr td div.check-row { display: block; width: 15px; height: 15px; background: url(Images/static.png) -189px -281px no-repeat; cursor: pointer; } table.admin-table tr td div.check-row:hover { background-position: -189px -302px; } table.admin-table tr td.disabled div.check-row { background-position: -189px -324px; } table.admin-table > tbody > tr > td > a { display:none; float:right; } table.admin-table > tbody > tr:hover > td > a { display: inline-block; text-decoration:none; } table.admin-table tr.disabled td div.check-row { background-position: -189px -324px; } table.admin-table tr.disabled, table.admin-table tr.disabled select, table.admin-table tr.disabled input[type=text] { color: #CC0000; } table.admin-table tr.item-opened { background-color: #9FB6CD ! important; } table.admin-table tr.item-opened > td div.title { border: solid 1px red; } table.admin-table tr.item-opened > td > a { display: inline-block ! important; } table.admin-table tr > td.detail-opened { background-color: white ! important; border: 2px solid #9FB6CD; } table.admin-table tr.rowGrp td { background-color: #C0C0C0; } table.form tr.row1 { background-color: #F9F9F9 } table.form tr:hover { background-color: #E9E9E9 } div#container-storages div.aright { margin: 5px 0px; } #containersResults select, #containersResults input[type=text] { width: 100%; border: solid 1px #DDD; margin-bottom: 2px; background: transparent; padding: 1px; } #containersResults table.admin-table tr.items { padding: 2px 3px; font-size: 0.8em; } /**** Table-Admin-AUX ********************/ table.admin-table1 { width: 100%; border: solid 1px #E5E5E5; table-layout: fixed; } table.admin-table1 tr.header { background-color: #F0F0F0; color: #666; font-size: 0.9em; font-weight: bold; } table.admin-table1 tr.header:hover { background-color: #F0F0F0; } table.admin-table1 tr.header > th, table.admin-table1 tr.header > td { border-top: solid 1px #CCC; border-bottom: solid 1px #CCC; word-wrap: break-word; } table.admin-table1 tr.header > th, table.admin-table1 tr td { padding: 3px; height:27px; word-wrap: break-word; line-height: 16px; } table.admin-table1 tr.alternate { background: #FBFBFB; } table.admin-table1 tr td div.check-row { display: block; width: 15px; height: 15px; background: url(Images/static.png) -189px -281px no-repeat; cursor: pointer; } table.admin-table1 tr td div.check-row:hover { background-position: -189px -302px; } table.admin-table1 tr td.disabled div.check-row { background-position: -189px -324px; } table.admin-table1 > tbody > tr > td > a { display:none; float:right; } table.admin-table1 > tbody > tr:hover > td > a { display: inline-block; text-decoration:none; } table.admin-table1 tr.disabled td div.check-row { background-position: -189px -324px; } table.admin-table1 tr.disabled, table.admin-table tr.disabled select, table.admin-table1 tr.disabled input[type=text] { color: #CC0000; } table.admin-table1 tr.item-opened { background-color: #9FB6CD ! important; } table.admin-table1 tr.item-opened > td div.title { border: solid 1px red; } table.admin-table1 tr.item-opened > td > a { display: inline-block ! important; } table.admin-table1 tr > td.detail-opened { background-color: white ! important; border: 2px solid #9FB6CD; } /**table.admin-table1 tr.rowGrp td { background-color: #C0C0C0; } table.form tr.row1 { background-color: #F9F9F9 } table.form tr:hover { background-color: #E9E9E9 } div#container-storages div.aright { margin: 5px 0px; } #containersResults select, #containersResults input[type=text] { width: 100%; border: solid 1px #DDD; margin-bottom: 2px; background: transparent; padding: 1px; } #containersResults table.admin-table tr.items { padding: 2px 3px; font-size: 0.8em; } **/ /*** Application **********************************/ div#container-application div { display: block; float: left; margin-left: 1px; } div#container-application label { display:block; width:auto !Important; } div#container-application select { width:188px; } div#container-application input { width:320px; margin-right:5px; } div#container-application input[readonly=readonly] { width:150px; background-color:#EBEBE4; } /*** Application Configuration **********************************/ table#table-appStructure input[type="checkbox"] { margin: auto auto; } /*** Application Fields **********************************/ table#sortFields tbody tr td span { cursor:move; } label#descrip-order { color:Gray; width:100%; margin-top:5px; font-style: italic; } div.min-max-limit { display: block; float: left; } div.min-max-limit input { max-width:73px; margin-top:5px; } div.min-max-limit span { display: inline-block !important; color:Gray; font-size:0.8em; } /*** New Field Popup *******************/ div#add-field div { display: block !important; float: left; margin-right: 2px; } div#add-field div.rowSeparator { margin-top:10px; height: 0px; width:100%; display:block; } div#add-field div.select-container { display: inline-table; vertical-align:top; } div#add-field label { display: block; } div#add-field input[type=text] { width: 320px; } div#add-field input#field-description { width: 646px; } div#add-field input[type=checkbox] { width: 20px; cursor: default; } div#add-field select#sltDataType { width: 140px; margin-right:8px;} div#add-field { height: 235px; } /*** Storage Popup *******************/ div#storage-container input[type=text] { width: 100%; margin-bottom: 3px; padding: 1px; color: #333; } div#storage-container tr > td { padding: 0 5px; } div#storage-container tr > td.middle { width: 70px; } div#storage-container tr > td.big { width: 150px; } div#btnExpandDetails { position: relative; width: 27px; height: 26px; margin: 0 1px; display: inline-block; cursor: pointer; background: url(Images/Icons.png) no-repeat; background-position: -748px center;} div#expand-details { display:none; } /*** Grid Document Type ***********************/ div.documenTypeTitle {padding: 0px 0px 0px 5px; vertical-align: middle; line-height: 30px; font-size: 11px; font-weight: bold;} /*** Group Document Interface Popup ************************************/ div.groupDocumentBox label, div.groupDocumentBox div label { padding-top: 6px; white-space: nowrap;} div.groupDocumentBox input[readonly=readonly] { background-color:#EBEBE4; } div.groupDocumentBox /*** Document Type Interface Popup ************************************/ div.documentTypeBox label, div.documentTypeBox div label { padding-top: 6px; white-space: nowrap;} div.documentTypeBox input[readonly=readonly] { background-color:#EBEBE4; } /*** Queue, Situation and Pendency interface Fields *****************************************************/ div.header-list select { width: 90px; } div.header-list > #button-New { float: right; } div.header-list div#check-pager { width: 100%; margin-bottom: 7px; } div.header-list div#pager { float: right; height: 100% } /*** New Queue, Situation, Pendency ******************/ div.que-sit-pen-Boxes { display: inline-block; } div.que-sit-pen-Boxes b { font-size: 15px; } div.que-sit-pen-Boxes label { width: 250px; margin-right: 16px; } div.que-sit-pen-Boxes input[type=text] { width: 250px; margin: 0px 10px 5px 0px; } div.que-sit-pen-Boxes input[type=button] { float: right; } div.que-sit-pen-Boxes input#que-set-pen-description { width: 515px !Important; } div.que-sit-pen-Boxes input.que-set-pen-cancel { margin-right: 0px; } div.que-sit-pen-Boxes select { width: 520px; } div.que-sit-pen div#check-pager { width: 100%; margin-bottom: 7px; } div.que-sit-pen div#pager { float: right; height: 100% } /*** New PickList ******************/ div.new-pickilist div { display:inline-block; margin-right:10px; } div.new-pickilist label { display:block; width:auto !Important; } div.new-pickilist input[type=text] { width:173px; margin:1px 0px 8px 0px; } div.new-pickilist input[readonly=readonly] { width:154px; background-color:#EBEBE4; } div#query-fields.order-title { padding: 3px 3px 3px 5px !important; } div#query-fields label { width: 66px; float: left; } ul#query-field-list { list-style-type: none; margin: 0px 3px 0px 3px; } ul#query-field-list li { height: 20px; cursor: pointer; margin-top:4px; } ul#query-field-list label { width: 145px; margin: 3px 0 0 0; cursor:pointer; } ul#query-field-list input, ul#query-field-list select { width: 67px; margin:0px 10px 5px 0px; } div.execute { cursor: pointer; background: transparent url('Images/static.png') no-repeat -580px -89px; width: 13px; height: 16px; } div#query-result table { width:100%; } div#query-result table tr td { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } div#parameters-container { overflow: scroll-y; height: 360px; } div#parameters-container table th.paramField { width: 260px; } div#parameters-container table td select { width: 242px; margin-bottom: 5px; } div#parameters-container table td input { width: 240px; margin-bottom: 5px; } div#parameters-container table td div.add { background: url("Images/Icons.png") no-repeat scroll 0 0 transparent; background-position: -751px -57px; width: 26px; height: 27px; cursor: pointer; } div#parameters-container table td div.remove { background: url("Images/Icons.png") no-repeat scroll 0 0 transparent; background-position: -779px -57px; width: 26px; height: 27px; cursor: pointer; } div#procParameters-container table { width: 100%; } div#procParameters-container > div.box { height: 110px; } /*** Process ******************/ div.detail-line { margin: 5px 0 0 0px; display:inline-block; min-width: 98%;} div.detail-line-item { min-width: 48%; display:inline-block; } div.detail-box { width: 32%; background-color: #E9E9E9; background-color: white ! important; } div.detail-row { display: block; } label.rowTitle { width: 60px; } div.detail-header { border: medium none transparent; height: 20px; margin: 0; padding: 0; width: auto;} div.detail-header a { display: inline-block ! important; float: right; } a.process-config, a.process-config:hover { background: url('Images/static.png') no-repeat scroll 0 0 transparent; border: medium none; display: inline-block; height: 20px !important; width: 20px !important; background-position: -96px -111px; cursor: pointer; } a.process-config:hover { background-position: -96px -132px; } div.open-icon, div.close-icon { position: relative; width: 20px; height: 20px; margin: 0 1px; display: inline-block; cursor: pointer; background: url(Images/Icons.png) no-repeat; background-position: -779px -33px;} div.open-icon { background-position: -751px -33px; } /*** Process Settings Boxes *****************************/ div.setting-boxes { display: inline; } div.setting-boxes div > label { width: 105px; } div.setting-boxes select { width: 300px; margin-bottom: 5px; } div.setting-boxes input#settings-cancel { margin-right: 0; } div.setting-boxes input[type=button] { float: right; } /*** Process Boxes *****************************/ div.process-boxes { display: inline-block; } div.process-boxes b { font-size: 15px; } div.process-boxes label { margin: 0 0 8px 0; display: block; } div.process-boxes label.label-big { width: 250px; margin: 0 15px 8px 0; } div.process-boxes select { width: 250px; margin: 0 10px 5px 0; } div.process-boxes input[type=text] { width: 250px; margin: 0 8px 5px 0; } div.process-boxes input[type=button] { float: right; } div.process-boxes input.description { width: 594px !Important; margin: 0 0 8px 0; } div.process-boxes input[type=button].cancel { margin-right: 0; } div.process-boxes div.div-fields { display: block; float: left; } div#process-box-container label#lblEvent { margin-right: 15px; } div#expand-winservices { display: none; } /*** Process Information ******************************/ div#process-information label { border:solid 1px transparent !important; margin-bottom:15px; font-size:1.1em; font-weight: bold; display: inline-block; } div#process-information label.separate { margin-right: 30px; color:Gray; min-width:70px; } /*** Search Config / Viewer Config **********************************/ .ContainerNew { padding: 10px 10px 40px 10px!important; margin-bottom: 20px!important; } .ContainerNew > label { margin:auto 15px!important; } .ContainerNew > input[type=text] { width: 32% !important; } .ContainerNew > div.tabButton { width: 31%; display:inline-block; vertical-align:top; margin-left:15px; } .ContainerNew > div > input { margin:7px 0px; } .ContainerNew > div > select { margin:0px 0px 7px 0px; display:block; } .ContainerNew > div#successMessage { display: inline-block; margin-left: 10px; float: right; } .BoxPreData { padding: 10px; margin-bottom: 20px; border: 1px solid #E5E5E5; display:none; } div.preData { display:inline-block; margin:10px 5px 0px 2px !important;} div.preData > label { width:42px; } div.preData > input { width:122px !important; } table#fieldsTable input[type=text], div#containerFilters input[type=text] { width: 100px; } /*** Service Import Config ******************************/ div.content-import div.content-import label { margin-right: 3px; } div.content-import div.import-header { width: 100%; display: inline-block; } div.content-import div.header-detail { width: 50%; float:left; display: inline-block; } div.content-import div.path-box { width: 100%; } div.content-import div.path-box > label { margin-right: 3px; } div.content-import input[type=text].text-small { width: 50px; text-align: right; margin-right: 3px; } div.content-import input[type=text].text-path { width: 450px; } div.content-import select { margin-right: 3px; } div.content-import div#expand-authentication { padding: 5px; height: 20px; } div.content-import div#expand-authentication > input { margin-bottom: 0px; } div.content-import div#expand-authentication > label { margin-bottom: 0px; } div.content-import div#expand-authentication > select { margin-bottom: 0px; float:right; width: 150px; height: 18px; } div.content-import div.authentication-box { width: 100%; height: 50px; } div.content-import div.authentication-detail { float: left; width: 48%; margin-right: 5px;} div.content-import div.authentication-detail > input { width: 200px; } div.content-import div.authentication-detail > select { width: 200px; height: 18px;} div.content-import div.module-menu { float: left; width: 20%; } div.content-import div.module-menu div.check-item { display: block; width: 15px; height: 15px; background: url(Images/static.png) -189px -281px no-repeat; cursor: pointer; display: inline-block; margin: 3px 10px 3px 10px; } div.content-import div.module-menu div.check-item:hover { background-position: -189px -302px; } div.content-import div.module-menu div.check-disabled { background-position: -189px -324px; } div.content-import div.module-detail { float: left; width: 77%; padding: 10px; } div.content-import div.module-detail div.detail-box { width: 49%; margin-right: 3px; } div.content-import div.module-detail select { width: 99%; } /*** Generic Class Service ********************************/ div#button-bar { margin-top: 10px; width: 100%; display:inline-block; } div#button-bar > input[type=button] { float: right;} div#button-bar > input.service-margin { margin-right: 5px; } /*** Service Convert Config ******************************/ div#content-convert div.convert-detail { float: left; width:50%; } div#content-convert div.convert-box { cursor:default; margin:0px; } div#content-convert div#div-general { height: 130px; } div#content-convert div#container-config { height: 250px; margin:0px; } div#content-convert div.div-check { margin-left: 20px; } /*** Service Delete Config ******************************/ /*** Service Cleanup Config ******************************/ div.new-task div { display: inline-block; } /*** Service Watcher Config ******************************/ .watcher-separator { border-top:1px solid #E5E5E5; width:100%;display: block; margin-top:10px; margin-bottom:10px; } .watcher-itens { display:inline-block; } .watch-text { width: 30px!important; margin-right: 10px!important; } div#watcher-rulesField { width: 580px; float:left; } div#watcher-rulesQueue { width:345px; margin-left:10px; float:right; } div#addField-container .admin-table tr th { height: 20px; } div.box-list { width:100%; height:195px; overflow:auto; padding-top: 2px; } ul.watch-list li { cursor: default!important; height:20px!important; text-align:center!important; margin-right:0px!important; } ul.watch-list li a { display:none; } ul.watch-list li label { margin-top: 3px!important; text-align: left; } ul.watch-list li:hover a { display:inline-block; } div#watcher-webService { float:left; width:100%; } div#watcher-adhocUser { float:left; width:49%; } div#watcher-userMails { float:left; width:49%; margin-left:18px; } ul#service-methods li input { margin-top: 1px; } ul#service-methods li label { vertical-align: top; width:190px; margin-left: 5px; } /*** WebScan Config ******************************/ div#content-webscan div#container-menu-tab > ul { width: 960px; } div#content-webscan div#containerGeneral { display: inline-block; width: 100%; } div#content-webscan div#containerCapture { display: inline-block; width: 100%; } div#content-webscan div.generalBox { width: 48%; float: left; margin-right: 5px; } div#content-webscan div.bigbox { height: 165px; } div#content-webscan div.smallbox { height: 100px; } div#content-webscan div.generalBox > input { margin-left: 20px; } div#content-webscan div.generalBox > input#chkBlock { margin-left: 40px; } div#content-webscan div.generalBox > label.label-left { margin-left: 20px; } div#content-webscan div.generalBox > input[type=text] { width: 350px; } div#content-webscan div.generalBox > input.small-text { width: 150px; } div#content-webscan div.generalBox > input[type=radio] { margin-right: 3px; } div#content-webscan div.generalBox label.label-preindex { width: 80px; } div#content-webscan div.sliderBox { width: 350px; } div#content-webscan div.sliderBox div.slider { width: 75%; float:left; } div#content-webscan div.sliderBox input[type=text] { width: 40px; text-align: right; font-size: 1em; float: right; margin-right: 57px; } div#content-webscan div.sliderBox label.lable-title { margin: 0px 5px 0px 30px; width: 70px; } div#content-webscan div.sliderBox label.lable-left { margin: 0px 5px 5px 0px; width: 25px; float: left; text-align: right;} div#content-webscan div.sliderBox label.lable-right { margin: 0px 0px 5px 5px; width: 30px; float: left; text-align: right;} div#content-webscan div.filterBox { width: 29%; float: left; display: inline-block; margin-right: 5px; } div#content-webscan div.viewerBox { width: 66%; display: inline-block; } div.webscan-viewer-config { width: 100%; height: 100%;} div.webscan-viewer-config-box { border: solid 1px #a0a0a0; height: 548px; margin: 2px 0px 0px 32px; } div.webscan-menu-viewer { position:absolute; float: left; background-color: #a0a0a0; top:171px; margin: 27px 5px 0px 0px; height: 550px; width: 32px; } div#menu > #webscan-import-navegation { position: absolute; margin-top: 3px; margin-left: 310px; width: 235px; margin-bottom: 0px;} /*NOTE: Copiado do Application, verificar se é possivel criar uma classe*/ div#order-filters { border: solid 1px #333; background-color: #E5E5E5; margin:2px auto 5px auto; padding: 3px 0px 3px 0px; height: 15px; background:url("Images/bg-menu-middle.png") repeat-x scroll 0 -55px transparent; } div#order-filters label { width: 50px; float: left; margin: 0 0 5px 0; } ul#filter-list { list-style-type: none; margin: 0; padding: 0; width:100%; } ul#filter-list li { margin:5px auto; height: 20px; width:100%; } ul#filter-list li span { width:50px; margin: 0 0 5px 0; font-size:1em; display:inline-block; cursor:move;} ul#filter-list label { width: 50px; margin: 3px 0 0 0; } ul#filter-list > label { float: left; } ul#filter-list label.label-left { margin-left: 20px; } ul#filter-list li#noResult { text-align : center; border: solid 1px #E5E5E5; } ul#filter-list li a { float:right; } ul#filter-list li:hover a { display:inline-block; float:right; } ul#filter-list div.filter-detail { width: 100%; padding-left: 5px; } ul#filter-list div.filter-detail label.label-left { margin: 0px 0px 5px 10px; } ul#filter-list div.filter-detail > input.small-text { width: 60px; font-size: 1em; float: right; text-align: right; margin: 0px 57px 2px 0px; } ul#filter-list div.filter-detail > input.small-text-inline { width: 60px; font-size: 1em; text-align: right; } ul#filter-list div.filter-detail select { width: 192px; } ul#filter-list div.sliderBox div.slider { width: 66%; } ul#filter-list div.sliderBox label.lable-left { margin-left: 5px; } ul#filter-list div.sliderBox input.sliderValue { margin-right: 57px; } ul#filter-list div.sliderBox input.range { float: none; margin-right: 0px; width: 50px; } ul#filter-list div.sliderBox input.range-right { float: none; width: 50px; margin-right: 55px; } ul#filter-list div.sliderBox label.lable-title { margin: 0px 80px 8px 0px; } ul#filter-list div.sliderBox label.smal-lable { width: 10px; text-align: center; } ul#filter-list div.sliderBox label.lable-title2 { margin-right: 12px; } /*** Transmission ******************************/ div#transmission-filter label { width:100px; } div#transmission-filter span { margin-right: 13px; display:inline-block; } div#transmission-filter input[type=text] { width:180px; margin-right:10px; } div#transmission-filter select { width:182px; margin-right:10px; } div#transmission-filter input.datepicker { width:142px; } /*** Profile ******************************/ div.alignButtons { width:100%; text-align:right; } div#container-newProfile label { display:inline-block; min-width: 40px; } div#container-newProfile input { display:inline-block; width:335px; margin-right:10px; } div#container-newProfile input.id { width: 40px; } table.form tr.deleted { text-decoration: line-through; color: red; } /*** Users *****************************/ div#container-newUser label { width: 110px; margin-left:10px; } div#container-newUser select { width: 231px; } /**** Access Control-Menu ********************/ div.access-control-menu > ul > li > div { background: url('Images/access-control-icons-mini.png') no-repeat 0px 2px !important; } div.access-control-menu > ul > li > div#backPage { background: url('Images/admin-icons-mini.png') no-repeat 0px -402px !important; } div.access-control-menu > ul > li > .lnkCompanyOwner { background-position: 0px 0px !important; } div.access-control-menu > ul > li > .lnkProfile { background-position: 0px -39px !important; } div.access-control-menu > ul > li > .lnkAccessGroup { background-position: 0px -78px !important; } div.access-control-menu > ul > li > .lnkUser { background-position: 0px -118px !important; } div.access-control-menu > ul > li > .lnkAuthentication { background-position: 0px -158px !important; } /**** Services-Menu ********************/ div.services-menu > ul > li > div { background: url('Images/services-icons-mini.png') no-repeat 0px 2px !important; } div.services-menu > ul > li > div#backPage { background: url('Images/admin-icons-mini.png') no-repeat 0px -402px !important; } div.services-menu > ul > li > .lnkServer { background-position: 0px 0px !important; } div.services-menu > ul > li > .lnkTransmissionLog { background-position: 0px -39px !important; } div.services-menu > ul > li > .lnkPublish { background-position: 0px -77px !important; } div.services-menu > ul > li > .lnkIntegration { background-position: 0px -114px !important; } /**** Reports-Menu ********************/ div.reports-menu > ul > li > div { background: url('Images/reports-icons-mini.png') no-repeat 0px 2px !important; } div.reports-menu > ul > li > div#backPage { background: url('Images/admin-icons-mini.png') no-repeat 0px -402px !important; } div.reports-menu > ul > li > .lnkActionLog { background-position: 0px 0px !important; } div.reports-menu > ul > li > .lnkStorageConsumption { background-position: 0px -39px !important; } div.reports-menu > ul > li > .lnkAccess { background-position: 0px -78px !important; } /*** ********************************************************* * PROJECT - WEBSCAN * ********************************************************* ***/ div.tab-boxes { border: 1px solid #E5E5E5; margin: 10px 35px 10px 10px; padding: 5px 5px 5px 5px;} /*** Upload ***********/ div#tabUpload ul { width:auto!important; } div#containerUpload { margin-top: 21px !important; } div#containerUpload div.uploadBox { margin: 0px 0px 0px 0px !important; overflow: auto; height: 310px; display: none;} div#containerUpload div.actived { display: block;} table.chart { border: 1px solid #808080; height: 5px !important; } table.chart tr { height: 5px !important;} table.chart td { height: 5px !important;} table.chart td.statusbar { border-width: 1px; border-style: solid; border-color: #CCFFCC #009933 #009933 #CCFFCC; background-color: #33CC33; } td.item-detail { background-color: #FFFFFF; border: 1px solid #999999; padding: 10px; font-size: 10px; line-height: 15px; } /*** TreeView *************/ div.treeview-root { font-size: 12px; font-weight: bold; padding-bottom:5px; line-height: 20px; vertical-align: top; } div.treeview-root label { font-weight: normal; margin: 5px 0px 5px 10px; visibility:hidden; } div.treeview-root > input { margin-top: 5px; visibility:hidden; } div.treeview-item { line-height: 20px; vertical-align: top !important; border: 1px solid transparent;} div.treeview-itemSelected { border: 1px dashed #003366;} div.treeview-details { font-size: 11px; line-height: 20px; padding-top: 0px;} div.inline { display: inline-block;} /**** Viewer ************/ div.webscan-viewer { position: relative; left:54px; top:0px; height: 100%; display:inline-block; } object.webscan-viewer-object { border: solid 1px #a0a0a0; height: 638px; width:100%; display:inline-block; } /**** Menu Document *******************/ div.webscan-menuDoc > ul > li > div { background: url('Images/webscan-icons-mini.png') no-repeat 0px 2px !important; } div.webscan-menuDoc > ul > li > #btnWscNewDocument { background-position: 0px 0px !important; } div.webscan-menuDoc > ul > li > #btnWscOpenDocument { background-position: 0px -32px !important; } div.webscan-menuDoc > ul > li > #btnWscDeleteDocument { background-position: 0px -65px !important; } div.webscan-menuDoc > ul > li > #btnWscCloseDocument { background-position: 0px -98px !important; } div.webscan-menuDoc > ul > li > #btnWscEndDocument { background-position: 0px -131px !important; } div.webscan-menuDoc > ul > li > #btnWscUpload { background-position: 0px -164px !important; } div.webscan-menuDoc > ul > li > #btnWscWorkStation { background-position: 0px -197px !important; } div.webscan-menuDoc > ul > li > #btnSystemInfo { background-position: 0px -197px !important; } /**NOTE:mudar icone**/ div.webscan-menuDoc > ul > li > #btnWscPreferences { background-position: 0px -228px !important; } div.webscan-menuDoc > ul > li > #btnShowTwainCap { background-position: 0px -260px !important } /**** Menu Vertical *******************/ .search-toolbox-vertical { position: absolute; top: 4px; left: 2px; font-size: 14px;} .search-toolbox-vertical > div { position: relative; width: 27px; height: 26px; margin: 0px 0px 2px 2px; display: inline-block; cursor: pointer; background: url(Images/Icons.png) no-repeat; } .search-toolbox-vertical > div > label { background-color: #FFF; border: solid 1px #CCC; display: none; font-size: 0.7em; left: 33px; padding: 1px; position: absolute; top: 8px; width: 120px; text-align:center; z-index: 10; } .search-toolbox-vertical > img.vspace { width: 25px; height: 10px;} .search-toolbox-vertical > div[disabled]:hover, .search-toolbox-vertical > div[disabled] { cursor: default !important; filter: alpha(opacity=30); } .search-toolbox-vertical > div:hover > label { display: block; } .search-toolbox-vertical > div[disabled] > label { display: none !important;} /**** Menu File ***************/ .menu-float { position:fixed; left:0px; height:100%; width: 35px; background: url('images/bg-floating-menu-horizontal.png') repeat-y -1748px; } .menu-float .top { width: 100%; height: 10px; background: transparent url('Images/static.png') no-repeat -548px 0px; margin: -5px 0px 0px 0px; } div.webscan-menuFile > div { background: url('Images/webscan-file-icons-mini.png') no-repeat 0px 2px !important; } div.webscan-menuFile > #btnWscSelect { background-position: 0px 0px !important; } div.webscan-menuFile > #btnWscAcquire { background-position: 0px -32px !important; } div.webscan-menuFile > #btnWscImportFile { background-position: 0px -65px !important; } div.webscan-menuFile > #btnWscAddPage { background-position: 0px -98px !important; } div.webscan-menuFile > #btnWscReplaceFile { background-position: 0px -131px !important; } div.webscan-menuFile > #btnWscRemoveFile { background-position: 0px -164px !important; } div.webscan-menuFile > #btnWscMoveUp { background-position: 0px -195px !important; } div.webscan-menuFile > #btnWscMoveDown { background-position: 0px -228px !important; } /**** Menu Viewer *****************/ .menu-viewer { /**position:absolute;**/ /**float: left; top:0px; margin: 99px 8px 0px 330px;**/ float: left; top:1px; left:55px; position:relative; background-color: #a0a0a0; height: 640px; width: 32px; } div.webscan-menuViewer > div { background: url('Images/webscan-viewer-icons-mini.png') no-repeat 0px 2px !important; } div.webscan-menuViewer > #btnWscHand { background-position: 0px 0px !important; } div.webscan-menuViewer > #btnWscNone { background-position: 0px -32px !important; } div.webscan-menuViewer > #btnWscZoomOut { background-position: 0px -65px !important; } div.webscan-menuViewer > #btnWscZoomIn { background-position: 0px -98px !important; } div.webscan-menuViewer > #btnWscZoomRect { background-position: 0px -292px !important; } div.webscan-menuViewer > #btnWscMagnifying { background-position: 0px -261px !important; } div.webscan-menuViewer > #btnWscAdjustVertical { background-position: 0px -131px !important; } div.webscan-menuViewer > #btnWscAdjustHorizontal { background-position: 0px -163px !important; } div.webscan-menuViewer > #btnWscAdjustAuto { background-position: 0px -193px !important; } div.webscan-menuViewer > #btnWscRotation { background-position: 0px -230px !important; } /**** System Info *****************/ div #systemInfo-boxes td.label-title { width: 130px; vertical-align: text-top; } div #systemInfo-boxes td.label-space { width: 15px; vertical-align: text-top; } div #systemInfo-boxes td.label-value { width: 350px; vertical-align: text-top; text-align:justify; } /*** WEBSCAN END **************************************************************/ /*** Paginator Start ********************************************************************/ div.jPaginate { min-width: 220px; max-width:235px; background: none !important; font-size: 12px !important; height:16px !important; margin-bottom:10px; } div.jPaginate > a { display: inline-block; width: 25px; height: 25px; margin: 0px 1px 1px 1px; padding: 0px; } .jPaginate > div { display: inline-block; position: relative; top: -9px; margin:0px 10px; } .jPaginate > div > label { display: inline-block; min-width: 20px; height:20px; top: 0px; margin:0px !important; } .jPaginate > div > input[type=text] { width: 35px; text-align: center; background: transparent; margin-right:5px; } /* também é usado no viewer, essas setas como paginador */ #lnk-prev { background: url(Images/static.png) no-repeat -560px -248px; cursor: pointer; } #lnk-next { background: url(Images/static.png) no-repeat -560px -223px; cursor: pointer; } #lnk-first { background: url(Images/static.png) no-repeat -513px -248px; cursor: pointer; } #lnk-last { background: url(Images/static.png) no-repeat -513px -223px; cursor: pointer; } #lnk-prev.disabled { background: url(Images/static.png) no-repeat -443px -248px; cursor: default; } #lnk-next.disabled { background: url(Images/static.png) no-repeat -443px -223px; cursor: default; } #lnk-first.disabled { background: url(Images/static.png) no-repeat -479px -248px; cursor: default; } #lnk-last.disabled { background: url(Images/static.png) no-repeat -479px -223px; cursor: default; } #lnk-prev1 { background: url(Images/static.png) no-repeat -560px -248px; cursor: pointer; } #lnk-next1 { background: url(Images/static.png) no-repeat -560px -223px; cursor: pointer; } #lnk-first1 { background: url(Images/static.png) no-repeat -513px -248px; cursor: pointer; } #lnk-last1 { background: url(Images/static.png) no-repeat -513px -223px; cursor: pointer; } #lnk-prev1.disabled { background: url(Images/static.png) no-repeat -443px -248px; cursor: default; } #lnk-next1.disabled { background: url(Images/static.png) no-repeat -443px -223px; cursor: default; } #lnk-first1.disabled { background: url(Images/static.png) no-repeat -479px -248px; cursor: default; } #lnk-last1.disabled { background: url(Images/static.png) no-repeat -479px -223px; cursor: default; } /*** Paginator End *******************************************************************************/ /*** GENERAL - Home ***********************************/ div.content-home { width: 800px; margin: auto; padding-top: 10px; } div.content-home > div { position: relative; padding: 0 10px; width: 380px; } div.content-home dl > dt { font-size: 1.5em; display: block; width: 95%; border-bottom: solid 2px #073447; color: #073447; height: 22px; margin: 25px 0 10px; } div.content-home dl > dd { line-height: 17px; font-size: 1.1em; } div.content-home dl > dd > ul > li{ padding-left: 20px; background: url('Images/static.png') no-repeat -580px -88px; } div.content-home li.disabled { background-position: -583px -204px; color: #AAA; } div.content-home a { border-bottom: solid 1px transparent; } div.content-home a:hover { border-bottom-color: #073447; text-decoration: none; } div.title-module { font-size: 26px; font-weight: bold; color: #999999; margin-top: 12px; margin-left: 10px; } div.default-menu > div { background: url('Images/default-icon.png') no-repeat 0px 2px !important; } /*** Server ************/ div.serverBox label { padding-top: 6px; white-space: nowrap;} div.serverBox input[readonly=readonly] { background-color:#EBEBE4; } /*** Company - Owner *********************/ div.companyBox label { padding-top: 6px; white-space: nowrap;} div.companyBox input[readonly=readonly] { background-color:#EBEBE4; } .ownerTitle {padding: 0px 0px 0px 5px; vertical-align: middle; line-height: 30px; font-size: 11px; font-weight: bold;} div.ownerBox label { padding-top: 6px; white-space: nowrap;} div.ownerBox input[readonly=readonly] { background-color:#EBEBE4; } /*** Profile ************/ div.profileBox div.fields div { display:inline-block; } div.profileBox label { padding-top: 6px; white-space: nowrap; } div.profileBox input[readonly=readonly] { background-color:#EBEBE4; } div.boxListItem { border: 1px solid #E5E5E5; padding: 5px 5px 5px 5px; overflow: auto; } /*** Profile - Add User ************/ div.userBox label { padding-top: 6px; white-space: nowrap; } /*** Profile ************/ div.userBox label { padding-top: 6px; white-space: nowrap; } div.userBox input[readonly=readonly] { background-color:#EBEBE4; } #permission-module { width: 100%; } #permission-module #container-treeview { width: 28%; display: inline-block; } #permission-module #container-settings { width: 69%; display: inline-block; } #div-include > label { margin: 10px 0px 0px 5px; } #div-include > input { float: right; } /*** Reports *********************/ #content-access { max-width: none; } #container-productivity label.filter, #container-storage label.filter, #container-access label.filter { min-width: 50px; margin-left: 10px; } #container-productivity input[type=text].filter, #container-storage input[type=text].filter, #container-access input[type=text].filter { width: 105px; } #container-productivity #export-excel, #container-access #export-excel, #documentLogContainer #export-excel { background: url("Images/Icons.png") no-repeat scroll 0 0 transparent; cursor: pointer; display: inline-block; height: 26px; margin: 0 1px; position: relative; width: 27px; background-position: -371px bottom; float: right; } #container-productivity select.filter { min-width: 230px; } #container-storage select.filter { min-width: 180px; } #container-access select.filter { min-width: 150px; } #table-report a { display: inline-block; } #table-report a:hover { text-decoration: underline; } #table-report a.generic-viewer { visibility: hidden; } #table-report tr:hover > td > a.generic-viewer { visibility: visible; } /*** Access Group Save *********************************/ .permissionList-item-header { cursor: pointer; } #permission-module { width: 100%; display: table; border-spacing: 2px; } #permission-module #container-treeview { width: 28%; display: table-cell; } #permission-module #container-permission { width: 68%; display: table-cell; margin-left: 5px; min-height: 62px; } #fieldsContainer .firstLabel { margin: 0px 61px 5px 5px; } #labelName { margin-right: 328px; } #labelInsertDate { margin-right: 65px; } #accessGroupId { width: 60px; margin: 1px 5px 8px 5px; } #accessGroupName { width: 350px; margin: 1px 5px 8px 5px; } #fieldsContainer .dateField { width: 150px; margin: 1px 5px 8px 5px; } #accessGroupDescription { width: 592px; margin: 1px 8px 8px 5px; } #accessGroupCompany { width: 760px; margin: 1px 8px 8px 5px; } /*** Popup Include App Box ***/ div.include-boxes { display: inline; } div.include-boxes div > label { width: 105px; } div.include-boxes select { width: 300px; margin-bottom: 5px; } div.include-boxes input#settings-cancel { margin-right: 0; } /*** Access Group POPUP ADD TreeView ***/ #addTreeview-container label.filter { width: 67px; } #addTreeview-container select.filter { min-width:305px; margin-bottom: 10px;} /*** Access Group TreeView ***/ #treeview .default-item { margin-left: 17px; margin-bottom: 5px; margin-top: 5px; cursor: pointer; } #treeview .selected { background-color: #256c89; color:#ffffff; border-radius: 4px 4px 4px 4px;} #treeview .hitArea { display: inline-block; background: url('images/treeview/treeview-default.gif') no-repeat; height: 13px; width: 16px; vertical-align: middle; } #treeview .opened1 { background-position: -64px -23px; } #treeview .opened2 { background-position: -18px -90px; } #treeview .opened3 { background-position: -2px -112px; } #treeview .closed1 { background-position: -80px -1px; } #treeview .closed2 { background-position: -50px -46px; } #treeview .closed3 { background-position: -34px -68px; } #treeview .title-item { display: inline-block; margin-left: 1px; padding: 5px 3px 3px; max-width: 135px; min-height:16px; line-height: 16px; vertical-align: middle; } #treeview .default-item a{ background-image: url(Images/no.png); background-repeat: no-repeat!important; color: transparent!important; padding: 1px; vertical-align: middle; } /*** Permissions List ***/ .permissionList .permissioncolumn label { white-space: pre-wrap; width: 90%; } .permissionList .permissioncolumn { display: inline-block; width: 47%; margin-left: 15px; vertical-align: top; } .permissionList .permissioncolumn input[type=checkbox] { vertical-align: top; float: left; cursor: default; } .permissionList .title-group { margin: 5px 0px 0px 5px; } .permissionList .linkAll { float: right; border-spacing: 0px!important; line-height: 22px; vertical-align: middle; height: 22px!important; padding: 0px; } .permissionList .margimBottomIE7 {background-color: #F7F7F7; padding-bottom: 6px; padding-top: 13px;} /*** Popup Add Member Box ***/ div.member-boxes label { width: 50px; } div.member-boxes input[type=text] { width: 350px; } /*** Month Calendar *********************/ .monthcalendar { border: solid 1px #000; width: 250px; height: 130px; } .monthcalendar-header { border-bottom: 1px solid #000; background-color: #CDCDCD; text-align: center; } .monthcalendar-prev-year { float: left; } .monthcalendar-next-year { float: right; } .monthcalendar > table { height: 85%; background-color: #FFF; } .monthcalendar-month { width: 90px; text-align: center; cursor: pointer; } .monthcalendar-month:hover { background-color: #EEE; } /* ExtJS Legacy*/ html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } a, img, div, input { border: 0 none; outline: medium none; } body { color: #333333; font-size: 11px; } /* User Locked */ div.locked { width: 15px; height: 15px; display: inline-block; vertical-align: middle; margin-left: 10px; background-image: url('Images/lock.png'); background-repeat: no-repeat; background-position: center; } /**/ #pendency-box-container > .box, #situation-box-container > .box, #queue-box-container > .box { height: 175px; margin-bottom: 11px; } #pendency-box-container > .box > div, #situation-box-container > .box > div, #queue-box-container > .box > div { float: left; width: 265px; } #addFile-container > div > ul > li { margin-top: 10px; } /*** ********************************************************* * PROJECT - MYDOCUMENT * ********************************************************* ***/ /*** Panel Navigation *********************/ div#panelNavigation { width:100%; min-width:1058px; margin:auto; font-size:1.3em; height:100%; border: solid 1px #CCCCCC; padding: 0px 3px 0px 10px; position: relative; } div#panel-breadCrumb { z-index: 3; position: relative; margin-right: 7px; margin-top:7px; width:89%; height:24px; border:solid 1px #6aa4b8; display:inline-block; } div#panel-breadCrumb > * { float:left; margin-left:5px; margin-top: 3px; } div#panel-breadCrumb > #folder-name { font-weight:bold; background-color:#6aa4b8; color: #ffffff; height: 19px; padding: 3px 5px; margin-top:0px; margin-left:0px; min-width:100px; } div#panel-breadCrumb > #pointer { height: 25px; width:15px; background: url('Images/pointer-bread.png') no-repeat; margin:0px; } div#panel-breadCrumb > a#edit-bread { background: url(Images/edit-bread.png) no-repeat; width:23px; height:23px; position: relative; float:right; cursor:pointer; margin-top:0px; } div#panel-breadCrumb > .link-bread { cursor: pointer; text-decoration: none; } div#panel-breadCrumb > #textedit-bread { display:none; width:82%; height: 21px; margin:0px!important; border: 0px!important; } div#toolboox > ul { margin-top: 6px; } div#toolboox > ul > li { float: left; } div#toolboox > ul > li > div { position: relative; width: 26px; height: 26px; margin: 0 1px; display: inline-block; cursor: pointer; background: url(Images/Icons.png) no-repeat; } div#toolboox > ul > li > #btnAddFile { background-position: -921px center; } div#toolboox > ul > li > #btnVisualList { background-position: -1108px center;} div#toolboox > ul > li > #btnVisualIcon { background-position: -1077px center;} div#toolboox > ul > li > #btnNewFolder { background-position: -982px center; } div#toolboox > ul > li > #btnRestore { background-position: -1137px center; } table.mydocument-list { margin:5px 0px; width:100%; } table.mydocument-list .border { border-right: solid 1px #ccc; } table.mydocument-list .input { width:20px; min-width:20px; max-width:20px; } table.mydocument-list .icon { width:25px; min-width:25px; max-width:25px; text-align: center; } table.mydocument-list .name { width:auto; min-width:155px; height:25px; padding-left: 5px; } table.mydocument-list .date { width:130px; min-width:130px; max-width:130px; padding-left: 5px; } table.mydocument-list .obs { width:200px; min-width:200px; max-width:200px; padding-left: 5px; } table.mydocument-list .size { width:95px; min-width:95px; text-align:right; max-width:95px; padding-right: 18px; } table.mydocument-list tr { cursor:pointer; } table.mydocument-list tr.checked { background-color: #B0E2FF; } table.mydocument-list tr.hover:hover { background-color: #EEE9E9; border-style: solid; border-width: 1px; border-color: red; } .navigation-area { overflow-y:scroll; border-top: solid 1px #E5E5E5; margin-top:5px; padding-top:5px; height:250px; z-index: 3; position: relative; } #maring-top-icon { margin-top:35px; width:100%; display:none; height:1px; } div#icon-container > div.thumb-box { position: relative; float: left; border: solid 2px #F5F5F5; color: #CCC; width: 150px; height: 135px; overflow: hidden; padding-top: 5px; margin: 5px; } div#icon-container > div.thumb-box:hover { border-color: #E5E5E5; color: #999; } div#icon-container > div.thumb-box:hover > .thumb-check { display: block; background: url(Images/static.png) -185px -321px no-repeat; } div#icon-container > div.thumb-box:hover > label { background-color: #E5E5E5; } div#icon-container > div.thumb-box.selected:hover, div#icon-container > div.thumb-box.selected { border-color: #053245; } div#icon-container > div.thumb-box.selected:hover > .thumb-check, div#icon-container > div.thumb-box.selected > .thumb-check { display: block; background: url(Images/static.png) -185px -278px no-repeat; } div#icon-container > div.thumb-box > .thumb-check { display: none; position: absolute; width: 20px; height: 20px; top: 2px; right: 2px; } div#icon-container > div.thumb-box > .thumb-check:hover { background: url(Images/static.png) -185px -299px no-repeat; } div#icon-container > div.thumb-box > label { position: absolute; margin: 0px !important; bottom: 0px; text-align: center; width: 100%; background-color: #F5F5F5; color:#6aa4b8; font-size:0.8em; min-height:26px; } div#icon-container > div.thumb-box > img { max-width: 90px; max-height: 130px; display: block; } div#icon-container > div.thumb-box > center > .thumb-image { height: 80px!important; } /*** Panel Floating QuickAccess ********************************/ #menu-container ul#action { border-top: solid 1px RGB(229, 229, 229); } #menu-container ul#action > li { cursor: pointer; } #menu-container ul#action > li > div { height: 26px; display: block; float: left; margin-top: 9px; margin-bottom: 6px; margin-left: 7px; } #menu-container ul#action > li > div:first-child { clear: both; height:26px!important; margin-left: 0px!important; width: 26px; background: transparent url('images/myDocument_Icons.png') no-repeat; } #menu-container ul#action > li.selected, #menu-container ul#action > li:hover { font-weight: bold; } #menu-container ul#action > li[action=recents] > div:first-child { background-position: 0px 0px!important; } #menu-container ul#action > li[action=recived] > div:first-child { background-position: 0px -28px!important } #menu-container ul#action > li[action=historic] > div:first-child { background-position: 0px -56px!important; } #menu-container ul#action > li[action=deleted] > div:first-child { background-position: 0px -84px!important; } #menu-container ul#action > li.selected[action=recents] > div:first-child, #menu-container ul#action > li[action=recents]:hover > div:first-child { background-position: -26px 0px!important; } #menu-container ul#action > li.selected[action=recived] > div:first-child, #menu-container ul#action > li[action=recived]:hover > div:first-child { background-position: -26px -28px!important } #menu-container ul#action > li.selected[action=historic] > div:first-child, #menu-container ul#action > li[action=historic]:hover > div:first-child { background-position: -26px -56px!important; } #menu-container ul#action > li.selected[action=deleted] > div:first-child, #menu-container ul#action > li[action=deleted]:hover > div:first-child { background-position: -26px -84px!important; } #menu-container div.searchButton { float: right !important; background: url(Images/static.png) no-repeat -201px -111px!important; cursor: pointer!important; width: 20px; height: 20px; } #menu-container div.searchButton:hover { background-position: -201px -132px!important; } #attached-ico { background: transparent url('Images/static.png') no-repeat -509px -205px; } /*** Treeview - mydirectory ***********************************/ .basic-treeview .default-item { margin-left: 17px; cursor: pointer; } .basic-treeview .selected { color: #00F; } .basic-treeview .hitArea { display: inline-block; background: url('images/treeview/treeview-default.gif') no-repeat; height: 13px; width: 16px; } .basic-treeview .opened1 { background-position: -64px -23px; } .basic-treeview .opened2 { background-position: -18px -90px; } .basic-treeview .opened3 { background-position: -2px -112px; } .basic-treeview .closed1 { background-position: -80px -1px; } .basic-treeview .closed2 { background-position: -50px -46px; } .basic-treeview .closed3 { background-position: -34px -68px; } .basic-treeview .title-item { display: inline-block; height: 14px; margin-left: 3px }