﻿

body, html 
{ /* set size of body to full page and remove margins */
    width: 99%;
    height: 99%;
    padding:0;
    margin:4px;
	font-family: Calibri,Arial,Verdana,Geneva,Helvetica,Sans-serif;
	/*background-image: linear-gradient(to top right, white, #99CCFF,white, #99CCFF,white, #99CCFF);*/
}


#btnVL20, 
#btnVL23{
    border:1px solid #d3d3d3;
    background-image:-ms-linear-gradient(bottom, #99CCFF 0%, #FFFFFF 100%);
    color:#555555;
    outline:none;
}

#btnVL20:hover, 
#btnVL23:hover{
    border:1px solid #999999;
    background-image:-ms-linear-gradient(bottom, #dadada 50%, #f4f4f4 50%);
    color:#212121;
}


.nciid{
    border-bottom:1px dotted #000;
    cursor:pointer;
}

.BndNciidData tr td:nth-child(odd)
{
    border:1px dotted black !important;
    background: #CCE5FF;
}

.BndNciidData tr td:nth-child(even)
{
    border:1px dotted black !important;
    background: white;
}

.popovercontent 
{
    font-family:Verdana;
    font-size:11px;
    display:none;
    opacity: 0;
    position: absolute;
    transform: translate(0,10px);
    background:silver;
    padding: 5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    width: auto;
    top:45px;
    border-radius:7px;
}
.popovercontent:before 
{
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(20px);
    top: -8px;
    border-style: solid;
    border-width: 0 10px 9px 10px;
    border-color: transparent transparent  rgba(0, 0, 0, 0.26) transparent;
    transition-duration: 0.3s;
    transition-property: transform;
}
.popovertitle {
    position:relative;
    padding:5px;
}

.popovertitle:hover .popovercontent 
{
    display:block;
    z-index: 10;
    opacity: 1;
    transform: translate(0,-20px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
.popovermessage {text-align: center !important;}




.ui-dialog .ui-state-error {
            padding: .3em;
        }

        .validateTips {
            border: 1px solid transparent;
            padding: 0.3em;
            font-size:11px;
        }
        
         label, input {
            /*display: block;*/
            font-size:11px;
         }

        #w
{
    display: block;
    width: 650px;
    margin: 0 auto;
    padding-top: 30px;
}

        #content {
            display: block;
            width: 100%;
            border:1px solid #fff;
            padding: 2px 2px;
           /* padding-bottom: 2px;*/
            -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;            
            -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
            -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
            box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
        }
         #content button
{
    margin: 2px;
    width: 80%;
    text-align: left;
}
         
         #content h1{
            background-color:#003767;
            color:#ffffff;
            font-size:14px !important;
            padding: .4em 1em;
        }

#mainContainer { /* set div to full width and height */
    width: 99%;
    height: 98%;	
	position: absolute;
	
}

.ui-dialog-title {
    font-size:14px !important;
}




#defaultContainer 
{
    height:600px;
    width:1100px;
    border:0 solid #000;   
    font-size:12px;
    margin-left:2px;
}

#defaultContainer table 
{
    margin-bottom:0px; 
    border-collapse: collapse;
    width:100%;    
    border-radius: 5px;
}

.defaultContainertableheader
{    
    border: 1px solid #aaaaaa;
	background: #003767;
	color: #ffffff;	
	}

#defaultContainer table td{ border: 1px solid #eee; padding: 0.5em;}

.hdrButton
{
	padding: 0px;
	background-color: Transparent;
	margin: 0px;
	width: auto;
	height: auto;
	font-size: 10px;
	/*visibility: hidden;*/
}
 
#defaultContainer p {
    position:absolute;
    line-height:30px;
    margin:150px;
}
    
#contentAreaHeader 
{ 
    font-size:12px;
    margin-left:2px;
}

#contentAreaHeader table 
{
    margin-bottom:0px; 
    border-collapse: collapse;
    width:100%;    
}

.defaultContainertableheader
/*{    
    border: 1px solid #aaaaaa;
	background: #003767;
	color: #ffffff;
	
}*/

#contentAreaHeader table td{ border: 1px solid #eee; padding: .5em; min-width: 1100px;}

 
.search[type="text"] {
    background: url(/images/search-white.png) no-repeat 10px 6px #444;
    border: 0 none;
    font: bold 12px;
    color: #d7d7d7;
    width:110px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); 
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
	margin:5px;
    }

.search[type="text"]:focus {
    background: url(/images/search-dark.png) no-repeat 10px 6px #fcfcfc;
    color: #6a6f75;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    }



.links{margin:5px;}
		.links a{width:130px;display:inline-block;color: #d7d7d7;font: bold 12px;text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); 
				 padding: 6px 15px 6px 15px;margin-bottom:5px; background:#555; text-decoration:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
		
		
		.links a:hover{background:#ccc; color:#444;}

.links2{font-size:13px;margin:0;}
		.links2 a{width:70px;display:inline-block;color: #d7d7d7;font: bold 12px;text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); 
				 padding:5px;margin:5px 0 0 0; text-align: center;    background:#555; text-decoration:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
		
		
		.links2 a:hover{background:#ccc; color:#444;}


	.demoHeaders {
		margin-top: 2em;
	}
	#dialog-link {
		padding: .4em 1em .4em 20px;
		text-decoration: none;
		position: relative;
	}
	#dialog-link span.ui-icon {
		margin: 0 5px 0 0;
		position: absolute;
		left: .2em;
		top: 50%;
		margin-top: -8px;
	}
	#icons {
		margin: 0;
		padding: 0;
	}
	#icons li {
		margin: 2px;
		position: relative;
		padding: 4px 0;
		cursor: pointer;
		float: left;
		list-style: none;
	}
	#icons span.ui-icon {
		float: left;
		margin: 0 4px;
	}
	.fakewindowcontain .ui-widget-overlay {
		position: absolute;
	}
	


      .nciCDdiv{
           height:150px; 
            margin:0 10px 10px 10px;
            width:110px;    
            padding:0;
            overflow: auto;        
        }



        .nciIDdiv{
           height:550px; 
            margin:0 0 10px 10px;
            width:85%;    
            padding:0;
            overflow: auto;
            
        }
       

        .nciIDdiv table {
                padding:0;
                margin:0;
                width:100%;
                border-collapse:separate;
                margin-left:5px!important;
            }

            .nciIDdiv table td {
                padding:2px;
                margin:5px;
                border-bottom:1px solid #666;
                color:#444;font: bold 12px;text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
                cursor:pointer;
            }

            .nciIDdiv table td:hover{background:#ccc; color:#666; }
             h3{margin:0 0 0 5px;color: #2c2c2c;text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);font-size:13px!important; }


            h4{margin:0 0 0 5px;color: #444;text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); }
	
            .numberCircle {
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    width: 18px;
    height: 18px;
   padding:2px;
    background: #333;
   
    color:#eee;
    text-align: center;
    
    position:absolute;
    font-size:14px;
    font-weight:bold;
    margin-left:10px;

}

.content_4{padding:10px;  border-bottom:1px solid #666; border-right:1px solid #666; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#866c51; -webkit-box-shadow:inset 4px 4px 20px rgba(0,0,0,0.6); -moz-box-shadow:inset 4px 4px 20px rgba(0,0,0,0.6); box-shadow:inset 4px 4px 20px rgba(0,0,0,0.6); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
		.content_4 h3,.content_4 p,.content_4 p:nth-child(even),.content_4 p:nth-child(3n+0){color:#31231E; text-shadow:1px 1px 0 rgba(255,255,255,0.15);}
		
        #leftPanel {
           
            -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
	        -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.95); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.95); box-shadow: 0 0 5px rgba(0,0,0,0.95);
             margin:0 0 0 1px;
             padding:2px;

        }


        #infoBox {
            width:100%;
            border:0 solid #ccc;
            /*margin:0 0px 0 0px;*/
            border-collapse:separate;
        }
        #infoBox span{display: block; float: left;}
		#infoBox .spnNCIID{/*min-width: 105px; max-width: 105px; width: 105px;*/}
		#infoBox .spnSep{font-size:20px;padding-left:1px;padding-right:1px;margin-top:-5px; color:#fff;}
        #infoBox .spnStatus{/*min-width: 60px; max-width: 60px; width: 60px;*/}
        #infoBox .spnCategory{/*min-width: 50px; max-width: 50px; width: 50px;*/color:Red;}
        #infoBox .spnClient{/*min-width: 230px; max-width: 230px; width: 230px;*/}
        #infoBox .spnClientID{/*min-width: 60px; max-width: 60px; width: 60px;*/}
        #infoBox .spnClientSN{/*min-width: 170px; max-width: 170px; width: 170px;*/}
        #infoBox .spnPreColl{/*min-width: 65px; max-width: 65px; width: 65px;*/}
        #infoBox .spnColl{/*min-width: 55px; max-width: 55px; width: 55px;*/}
        #infoBox .spnColchg{/*min-width: 110px; max-width: 110px; width: 110px;*/}
        .blink {color:Red;font-weight:bold ;/*min-width: 80px; max-width: 80px; width: 80px;*/}
        .blinkLead {color:Red;font-weight:bold ;/*min-width: 80px; max-width: 80px; width: 80px;*/}
        #infoBox .spnActNo{/*min-width: 140px; max-width: 140px; width: 140px;*/}
        #infoBox .spnSSN{/*min-width: 55px; max-width: 55px; width: 55px;*/}
        #infoBox .spnDUPE{/*min-width: 50px; max-width: 50px; width: 50px;*/}
        #infoBox .spnORGBAL{/*min-width: 110px; max-width: 110px; width: 110px;*/}
        #infoBox .spnCURBAL{/*min-width: 110px; max-width: 110px; width: 110px;*/}
        #infoBox .spnDPSBAL{/*min-width: 110px; max-width: 110px; width: 110px;*/}
        #infoBox .spnDOA{/*min-width: 90px; max-width: 90px; width: 90px;*/}
        #infoBox .spnCRD{/*min-width: 90px; max-width: 90px; width: 90px;*/}
        #infoBox .spnDLP{/*min-width: 90px; max-width: 90px; width: 90px;*/}
        #infoBox .spnLPA{/*min-width: 80px; max-width: 80px; width: 80px;*/}
        #infoBox .spnNSF{/*min-width: 40px; max-width: 40px; width: 40px;*/}
        #infoBox .spnLtrSer{/*min-width: 85px; max-width: 85px; width: 85px;*/}
        #infoBox .spnLtrDt{/*min-width: 100px; max-width: 100px; width: 100px;*/}
        #infoBox .spnLOD{/*min-width: 110px; max-width: 110px; width: 110px;*/}
        #infoBox .spnLOA{/*min-width: 100px; max-width: 100px; width: 100px;*/}
        #infoBox .spnOVD{/*min-width: 110px; max-width: 110px; width: 110px;*/}
        #infoBox .spnFU{/*min-width: 115px; max-width: 115px; width: 115px;*/}
        #infoBox .spnFUT{/*min-width: 95px; max-width: 95px; width: 95px;*/}
        #infoBox .spnPRMDT{/*min-width: 105px; max-width: 105px; width: 105px;*/}
        #infoBox .spnPRAMT{/*min-width: 100px; max-width: 100px; width: 100px;*/}
        #infoBox td{
            min-height:20px;
            /*border:1px solid #ccc;*/
            /*padding:5px;*/       
            /*background-color:#eee;*/
             background-color:#CCE5FF;  
            -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
            /*-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 25px rgba(0,0,0,0.3); box-shadow: 0 0 25px rgba(0,0,0,0.3);*/
           color:#000000; font-size:12px;
        }
         #infoBox1 {
            width:100%;
            /*border:0 solid #ccc;*/
            border:0 solid #fff;
            -webkit-border-radius: 5px;
            -moz-border-radius:5px;
            /*margin:0 2px 0 2px;*/
            border-collapse:separate;
            border-radius:5px;
            height:550px;
        }

        #infoBox1 td{
            border:1px solid #fff;
            padding:2px;   
            height:190px;        
            background-color:#CCE5FF;
            -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
           /* -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 25px rgba(0,0,0,0.3); box-shadow: 0 0 25px rgba(0,0,0,0.3);*/
           color:#000000; 
           
           text-align:left;
           vertical-align:top;
           line-height:22px;
           font-size:13px;
        }


        
        


.boxTitle {
   
   
    border-bottom:1px dotted #fff;
    background-color:#003767;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px;
         

}

    .boxTitle div {
       
        background-color:#003767;
        color:#fff;
        max-width:110px;
        text-align:center;
        text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); 
         -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    }


          input[type=checkbox]
{
  
    float:none;
}



       

        #DivCommands {
            float:right;
            border:0 solid #fff;
            margin:0 0 5px 0;
        }

          #overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #808080;
    filter:alpha(opacity=30);
    -moz-opacity:0.3;
    -khtml-opacity: 0.3;
    opacity: 0.5;
    z-index: 10000;
    display:none;

      
}

              .addrUL {
          list-style-type:none;
         margin:0;
         padding:0;
         clear:both;
         width:100%;
         border-bottom:1px dotted #fff;
         height:20px;
     }

      .addrUL .li1{
         width:60px;
         float:left;
          border:0 solid #000;
     }

    .addrUL .li2{
         width:20px;
         float:left;
          border:0 solid #000;
     }


    .addrUL .li3{
         min-width:200px;
         float:left;
          border:0 solid #000;
          text-align:left;
     }



     .prdUL {
         list-style-type:none;
         margin:0;
         padding:0;
         clear:both;
     }

     .prdUL li{
         min-width:100px;
         float:left;
          border:1px solid #000;
     }

#boxPhone
{
	max-height:200px;
	overflow:auto;
	
	}

      .phnUL {
         list-style-type:none;
         margin:0;
         padding:0;
         clear:both;
         width:100%;
         border-bottom:1px dotted #fff;
         height:20px;
         
     }

         .phnUL li input {
             margin:1px;
         }

         .phnUL .li0{
         width:20px;
         float:left;
         border:0 solid #000;
         text-align:left;
     }

     .phnUL .li1{
         width:10px;
         float:left;
         border:0 solid #000;
         text-align:left;
     }

     .phnUL .li2{
         width:80px;
         float:left;
         border:0 solid #000;
          text-align:center;
     }

      .phnUL .li3{
        width:30px;
         float:left;
         border:0 solid #000;
          text-align:center;
     }
      .phnUL .li4{
         width:40px;
         float:left;
         border:0 solid #000;
          text-align:center;
     }

     .phnUL .li5{
         width:20px;
         float:left;
         border:0 solid #000;
          text-align:center;
        
     }

      .phnUL .li6{
       width:20px;
         float:left;
          border:0 solid #000;
          text-align:center;
        
     }

       .phnUL .li7{
         width:20px;
         float:left;
         border:0 solid #000;
          text-align:center;
        
     }

       .phnUL .li8{
         width:20px;
         float:left;
         border:0 solid #000;
          text-align:center;
       
     }
.phnUL .li9
{
	width:20px;
	float:left;
	border:0 solid #000;
	text-align:center;
	color:#B404AE;
}
       .phnUL .li10{
         width:20px;
         float:left;
         border:0 solid #000;
          text-align:center;
       
     }



.boxP1UL {
         list-style-type:none;
         margin:0;
         padding:0;
         clear:both;
         width:100%;
         border-bottom:1px dotted #fff;
         height:20px;
     }

      

     .boxP1UL .li1{
         width:40px;
         float:left;
         border:0 solid #000;
         text-align:left;
     }

     .boxP1UL .li2{
         width:10px;
         float:left;
         border:0 solid #000;
          text-align:center;
     }

      .boxP1UL .li3{
        width:20px;
         float:left;
         border:0 solid #000;
          text-align:left;
     }
      .boxP1UL .li4{
         width:10px;
         float:left;
         border:0 solid #000;
          text-align:center;
     }

     .boxP1UL .li5{
         width:80px;
         float:left;
         border:0 solid #000;
          text-align:left;
        
     }

      .boxP1UL .li6{
       width:10px;
         float:left;
          border:0 solid #000;
          text-align:center;
        
     }

       .boxP1UL .li7{
         width:20px;
         float:left;
         border:0 solid #000;
          text-align:left;
        
     }
 .boxP1UL .li8{
         width:100px;
         float:left;
         border:0 solid #000;
          text-align:left;
        
     }




.boxP2UL {
         list-style-type:none;
         margin:0;
         padding:0;
         clear:both;
         width:100%;
         border-bottom:1px dotted #fff;
         height:20px;
     }

      

     .boxP2UL .li1{
         width:70px;
         float:left;
         border:0 solid #000;
         text-align:left;
     }
     
     .boxP2UL .li1.GEC
     {
         width:45px; 
     }

     .boxP2UL .li2{
         width:10px;
         float:left;
         border:0 solid #000;
          text-align:center;
     }

      .boxP2UL .li3{
        width:20px;
         float:left;
         border:0 solid #000;
          text-align:left;
     }
     
     .boxP2UL .li4{
        width:45px;
         float:left;
         border:0 solid #000;
          text-align:left;
     }
     
     .boxP2UL .li5{
        width:55px;
         float:left;
         border:0 solid #000;
          text-align:left;
     }
.boxP2UL .li6{
        width:30px;
         float:left;
         border:0 solid #000;
          text-align:left;
     }

.boxP3UL {
         list-style-type:none;
         margin:0;
         padding:0;
         clear:both;
         width:100%;
         border-bottom:1px dotted #fff;
         height:20px;
     }

      

     .boxP3UL .li1{
         width:auto;
         float:left;
         border:0 solid #000;
         text-align:left;
     }

     .boxP3UL .li2{
         width:10px;
         float:left;
         border:0 solid #000;
          text-align:center;
     }

      .boxP3UL .li3{
        width:10px;
         float:left;
         border:0 solid #000;
          text-align:left;
     }

       #fb1 {

        list-style-type:none;
        margin:0;
        padding:0;
         clear:both;
         width:100%;
         border-bottom:1px solid #bbb;
         height:23px;
        
       
        
    }

        #fb1 li {

            float:left;
            margin-right:5px;
            /*border:1px solid #bbb;*/
            width:25px;            
            text-align:center;
            font-weight:bold;
            /*background:#ffffff;*/
            cursor:pointer;
            padding:0 5px 0 5px;
        }
        
         #fb1 li input {

           
            border:1px solid #000;
            width:20px;            
            text-align:center;
           
        }
        
        
      


        #commandMenu{color:#333; height:150px; 
            margin-left:10px;
            width:70%;    
            padding:0;
            overflow: auto;
            font-size:12px;
            background:none;
            padding:5px;
            font-weight:bold;
            color:#444;
            }

         #commandMenu li {
             width:40px;
             margin-left:10px;
         }
         
         
         #viewCommandMenu{color:#333; height:75%; 
            margin-top:10px;
            margin-left:20px;
            width:63%;    
            padding:0;
            overflow: auto;
            font-size:12px;
            background:none;
            padding:5px;
            font-weight:bold;
            color:#444;
            }

#viewCommandMenu li 
{
	width:40px;
	margin-left:10px;
}

#div_docviewer
{
	overflow:visible !important;
	min-height:200px !important;
	width:100% !important;
}
 
#div_docicopnl 
{
	height:100%;
	width:8%;
	float:left;
    -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    border-radius:5px;
    border:solid 1px silver;
    overflow-x:hidden;
    overflow-y:hidden;
    margin-right:10px;
    background-color:gainsboro;
    display:none;
}
 
#div_docviewpnl 
{
    height:100%;
	width:88%;
	float:left !important;
    -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    border-radius:5px;
    border:solid 1px silver;	
    display:none;
}
#div_docsearchtext 
{
    height:95%;
	width:88%;
	float:left !important;
	background-color:White;
    -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    border-radius:10px;
    border:solid 1px black;	
    vertical-align:middle;
    display:none;
}
.inside_panel
{
    margin:0 auto;
    margin-top:20px;
    height:80%;
    width:90%;
    color:Teal;
    font-family:Calibri;
    font-size:14px;
}
#txt_doctext
{
    font:inherit;
    border-radius: 10px;
    width:300px;
    }
#btn_doctextsearch
{
    font:inherit;
    border-radius: 10px;
    width:150px;
    background-color:Teal;
    color:White;
}
.boxTitle_doc
{
    border-bottom:dotted 1px #fff;
    background-color:lightslategrey;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px;
    color: white; 
    clear: both;
    text-align:center;
}

.cls_docthumb
{
    width: 60px !important;
    height: 72px !important;
    padding: 2px;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:25px;
    box-shadow:8px 8px 6px #aaa;
} 

.cls_docname
{
	font-family:Verdana;
	font-size:9px;
} 

#div_docoptions
{
    float:right;
    display:none;
}
#div_docoptions img
{
    display:block;
    height:20px;
    width:20px;
    margin-top:20px;
    border:1px solid black;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px;
    cursor:pointer;
}






.tblVC 
{

    padding:0;
    margin:0;
    border-collapse:separate;
    font-size:13px;
    font-weight:normal;

}

.tblVC thead {
    font-weight:bold;
    
}

.tblVC td {

    padding:5px;
    margin:0;
    border:1px dotted #444;
}

.tblMN 
 {
	padding:0;
	margin:0;
	border-collapse:separate;
	font-size:18px;
	font-weight:normal;
	background-color:#778899;
}
.tblMN thead 
{
	font-weight:bold;
}
.tblMN td 
{
	padding:5px;
	margin:0;
	border:1px none #444;
}

#boxVC  {

        margin:0;
        padding:0;
       font-size:12px;
     
}

#boxVC ul  {

       list-style-type:none;
        margin:0;
        padding:0;
         clear:both;
         width:100%;
         border-bottom:1px dotted #444;
         height:23px;

}

#boxVC ul .li1{
         width:70px;
         float:left;
         border-right:1px dotted #444;
         text-align:left;
         padding:0 2px;
     }
     
#boxVC ul .li2{
         width:50px;
         float:left;
         border-right:1px dotted #444;
         text-align:left;
         padding:0 2px;
     }
     
 #boxVC ul .li3{
         width:40px;
         float:left;
         border-right:1px dotted #444;
         text-align:left;
         padding:0 2px;
     }


#boxVC ul .li4{
         width:20px;
         float:left;
         border-right:1px dotted #444;
         text-align:left;
         padding:0 2px;
     }

#boxVC ul .li5{
         width:20px;
         float:left;
         border-right:1px dotted #444;
         text-align:left;
         padding:0 2px;
     }
#boxVC ul .li6{
         width:20px;
         float:left;
         border-right:1px dotted #444;
         text-align:left;
         padding:0 2px;
     }
#boxVC ul .li7{
         width:20px;
         float:left;
         border-right:1px dotted #444;
         text-align:left;
         padding:0 2px;
     }
#boxVC ul .li8{
         min-width:180px;
         float:left;
         border-right:0 dotted #444;
         text-align:left;
         padding:0 2px;
     }
     
     
     
         .CustomTab {
            margin:0;
            width:100%;    
            height:auto;
          font-size:12px;
           position:relative;
        }

        .CustomTab p {            
            
            margin:0;
            padding:0; 
            color:#2c2c2c;
            width:100%;
            margin-bottom:5px;
            font-weight:normal;
        }
       .CustomTab ul {
           
            list-style-type: none;
            margin:0;
            padding:0;
          
         
            
        }

        .CustomTab ul li {
            float:left;
            border: 1px solid #6394BD;
            padding:0 8px 0 8px;
            cursor:pointer;
            margin:5px;
            background-color:#fff;
            margin-right:5px;
            color:#444;
            font-weight:bold;
            font-size:11px;
            min-width:30px;
            max-width:130px;
            line-height:20px;
        }

       .CustomTab .Selected {
            float:left;
            border: 1px solid #6394BD;
            padding:0 8px 0 8px;
            background-color:#6394BD;
            color:#D6F7FF;
            font-weight:bold;
            font-size:11px;
             min-width:30px;
              max-width:130px;
            line-height:20px;
        }

        

      .CustomTab  ul li div{
            display:none;               
            margin:0;
            padding:0;  
            left:0;  
            margin-top:5px;
             position:absolute;
             width:100%;
           
             
        }
.CustomTab img {
    left:0;
    top:0;
}
        .CustomTab .dAerrow {
                /*display:none;*/
                position:absolute;
                z-index:100;
                
            }
            
            #tabs {
           font-size:13px;
           height:205px; 
           float:left;
           width:99%;
           border:none;
           background:none;
        }

        #tabs .ui-tabs-active {
   background: #eee;

   border-bottom:1px solid #eee;
}
            
          #tabs  .ui-tabs-panel {

top: 0;
left: 0;
bottom: 0;
right: 0;
height:150px;
margin:0;
padding:5px;
}

.scroll {margin:0;padding:0;overflow:auto; height:150px;position:relative;width:99%;}
.selectCheckBox{background-color:#eee;}

.fdbkDetailsDLG{font-size:12px;}
.fdbkDetailsDLG table{border:none;width:100%}
.fdbkDetailsDLG table td{padding:5px;border:solid 1px #fff;}

.fdbkDetailsDLG .ui-dialog { background-color: #FFA; }
.fdbkDetailsDLGDT{font-size:12px;}
.fdbkDetailsDLGDT table{border:none;width:100%}
.fdbkDetailsDLGDT table td{padding:5px;border:solid 1px #fff;}

        #scriptHeader {

            padding:5px;
            text-align:left;
        }

        .options 
        {
        	all: default;

            width:auto;
            margin-top:10px;
            

        }

        .options td 
        {all: default;
         -webkit-box-shadow: none!important;
			-moz-box-shadow: none!important;
			box-shadow: none!important;
        	cursor:pointer;
            background-color:#ccc!important;
            padding:0 5px 0 5px!important;
            border:1px solid #ccc;
            font-size:11px!important;
            font-weight:normal;
            color:#444;           
           min-width:50px!important;
           height:10px!important;
           text-align:center!important;
           
        }

        .options .active 
        {
        	all: default;
            background-color:#7d8bcb!important;
            border:1px solid #7d8bcb!important;
            cursor:default!important;
            color:#eee!important;
        }
        .arrow-down {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;	
	border-top: 10px solid #7d8bcb;
    position:absolute;
    bottom:-10px;
    left:10px;
    display:none;
   

}
        #scriptBody {
            height:150px;
            overflow-x:hidden;
            overflow-y:auto;
            border:0 solid #ccc;
            margin:5px 10px 10px 5px;
            font-size:13px;
            display:none;
        }

        #scriptButton {
            padding:2px;
            text-align:left;
            font-size:12px;
            height:35px;
        }

        .contArea {
            margin-top: 5px;
            margin-bottom: 5px;
            padding: 5px;
        }
        
        #tabs
        {
        	font-size:13px;
        	
        	}
      
  #tabs .ui-tabs-panel 
  {
  	height:150px;
  	min-height:200px;
  	max-height:200px;
  	overflow-x:hidden;
    overflow-y:auto;
    border:0 solid #ccc;
    padding:5px;
    font-size:13px;
  	
  	}
  	
  	 #content table td {
			
			font-size: 20px;
			padding:5px;
			text-align:left;
			vertical-align:middle;
			
		}
		
		#leftPanel button
		{
			font-size: 12px;
			font-weight:normal;
			text-align:left;
			width:170px;
			padding:2px;
			
			}
			
			#FDCPAHelp{margin-left:350px;font-size:12px;}
			
			
			
			

                                        .treeView
                                        {
                                            position: relative;
                                            padding: 0;
                                            margin: 0;
                                        }
                                        .treeView ul
                                        {
                                            margin: 0 0 0 -1.5em;
                                            padding: 0 0 0 1.5em;
                                        }
                                        .treeView ul li
                                        {
                                            cursor: pointer;
                                            list-style-position: inside;
                                            background-color: transparent;
                                            list-style-image: url('../images/website/treeview/button.png');
                                        }
                                        .treeView ul li:hover
                                        {
                                            background-color: #CCD2D9;
                                        }
                                        .treeView li.selected
                                        {
                                            background-color: #CCD2D9;
                                            font-weight: bold;
                                        }
                                        .treeView ul li.close
                                        {
                                            list-style-image: url('../images/website/treeview/button-closed.png');
                                        }
                                        .treeView ul li.close ul
                                        {
                                            display: none;
                                        }
                                        
                                        .treeView ul li.open
                                        {
                                            list-style-image: url('../images/website/treeview/button-open.png');
                                        }
                                        .treeView ul li.open ul
                                        {
                                            display: block;
                                        }
                                        .treeView ul li.open ul li
                                        {
                                            font-weight: normal;
                                            line-height: 24px;
                                            padding: 0 0 0 20px;
                                            list-style-image: url('../images/website/treeview/button.png');
                                            background: url('../images/website/treeview/list-item.png') no-repeat top left;
                                        }
                                        
                                        .treeView ul li.open ul li.lastChild
                                        {
                                            background: url('../images/website/treeview/list-item-last.png') no-repeat top left;
                                        }
                                        .treeView ul li.open ul li:hover
                                        {
                                            background-color: red;
                                        }
                                        .treeView ul li ul li.selected
                                        {
                                            background-color: #CCD2D9;
                                            font-weight: bold;
                                        }
                      

/*
	=======================================
	Category Selection Styles
	=======================================
*/
.addedBySearch
{
	font-weight: 500;
	color: #497B29;
}
.addedByCallbacks
{
	font-weight: 500;
	color: #857EF0;
}
.selected
{
	font-weight: 900;
}
.highlightSelect
{
	color: #C10FA5;
}

/*------------------------------------------------------*/
/* Clear fix to contain floated children                */
/*------------------------------------------------------*/
.clearfix:after 
{
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

.clearfix 
{
	display: inline-block; 
}

*html .clearfix 
{ 
	height: 1%; 
}
	
.clearfix 
{ 
	display: block; 
}

/*------------------------------------------------------*/
/* Disposition box and related styling                  */
/*------------------------------------------------------*/

#div_disptext
{
	float: left;
	width: 79%;
}

#dispText
{
	width:auto;
	overflow: hidden;
}

#divDispSubmit
{
	float: right;
	width: 19%;
}

#divDispSubmit button
{
	padding: 2px;
	background-color: Transparent;
	margin: 10px 5px 0 5px;
	width: auto;
	height: auto;
	font-size: small;
}

#contentArea
{
    
    font-weight:bold;
    
}



/*.ui-dialog
{
    top : 35%;
    left: 35%;
    
}*/