change css signatureBook

modules/visa/css/module.css

@@ -215,4 +215,164 @@
 }
 .visaUserAction i{
 	cursor: pointer;
-}
\ No newline at end of file
+}
+
+    .visaContent{
+        position: relative;
+        height:100%;
+        margin-top: 10px;
+    }
+    .headerSignatureBook{
+        border: solid 1px black;
+        display: table;
+        margin-bottom: 10px;
+        white-space: nowrap;
+        text-align: center;
+        width: 100%;
+    }
+    
+    .contentSignatureBook{
+        border: solid 1px black;
+        display: table;
+        width: 100%;
+        height:75vh;
+    }
+    
+    .headerSignatureBook .item{
+        border-right: solid 1px black;
+        display: table-cell;
+        padding: 5px;
+        cursor: pointer;
+        width: 5%;
+        vertical-align: middle;
+    }
+    
+     .headerSignatureBook .others{
+        border-right: solid 1px black;
+        display: table-cell;
+        padding: 5px;
+        vertical-align: middle;
+    }
+    
+    .headerSignatureBook .item.activeTabSignatureBook,.panelRight .panelSelectedThumbnail{
+        background: #009DC5;
+        color:white;
+    }
+    .contentLeft{
+        border-right: solid 1px;
+        vertical-align: top;
+    }
+    .contentLeft, .contentRight{
+        display: table-cell;
+        width:50%;
+        text-align: center;
+    }
+    
+    .visaContent iframe{
+        margin: auto;
+        width:95%;
+        height: 100%;
+        border: none;
+    }
+    
+    .contentLeft iframe{
+        height: 80%;
+    }
+    .panelRight{
+        width: 2%;
+        border-left: solid 1px;
+        vertical-align: top;
+    }
+    
+    
+    .panelRight .item{
+        padding:10px;
+        cursor: pointer;
+    }
+    
+    .contentRight .panelRight,.contentRight .contentShow{
+        display: table-cell;
+        vertical-align: top;
+        height:75vh;
+    }
+    .contentLeft .contentShow{
+        height: 75vh;
+    }
+    
+    .contentRight .contentShow,.contentLeft .contentShow{
+        padding : 5px;
+    }
+    
+    .infoPj{
+        width: 33%;
+        display: table-cell;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        padding: 5px;
+    }
+    
+    .pjDetails{
+        display: table;
+        width: 95%;
+        margin: auto;
+        text-align: left;
+        -moz-box-shadow: inset 0px 0px 5px 0px #656565;
+        -webkit-box-shadow: inset 0px 0px 5px 0px #656565;
+        -o-box-shadow: inset 0px 0px 5px 0px #656565;
+        box-shadow: inset 0px 0px 5px 0px #656565;
+        filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
+        -moz-border-radius: 5px;
+        -webkit-border-radius: 5px;
+        border-radius: 5px;
+        padding: 10px;
+    }
+    
+    .pjDetails label{
+       font-weight: bold;
+    }
+    
+    .pjDetailsMore{
+       text-align: center;
+       cursor: pointer;
+    }
+    
+    .pjDoc{
+       height: 20%;
+       -moz-box-shadow: inset 0px 0px 5px 0px #656565;
+        -webkit-box-shadow: inset 0px 0px 5px 0px #656565;
+        -o-box-shadow: inset 0px 0px 5px 0px #656565;
+        box-shadow: inset 0px 0px 5px 0px #656565;
+        filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
+        -moz-border-radius: 5px;
+        -webkit-border-radius: 5px;
+        border-radius: 5px;
+        padding: 5px;
+    }
+    
+    .pjDoc img{
+       height: 95%;
+       border: solid 2px white;
+    }
+    img.panelSelectedThumbnail,img:hover{
+        border: solid 2px #009DC5;
+        cursor:pointer;
+    }
+    .actions{
+        width: 20%;
+        display: table-cell;
+        padding: 5px;
+        vertical-align: middle;
+        text-align: right;
+    }
+    
+    .actions select{
+       width:80%; 
+    }
+    
+    .actions input{
+       text-align:center;
+       width:19%; 
+    }
+    
+    
\ No newline at end of file