.popupform-categories{
position:fixed;
border-radius:2px;
top: 25%;
left: 0;
    right: 0;
width:960px;
    margin-right: auto;
    margin-left: auto;
box-shadow:0 0 15px;
font-size:14px;
font-weight:bold;
float:left;
}

.popupform{
    position:fixed;
    border-radius:2px;
    top: 10%;
    left: 50%;
    width:350px;
    height:150px;
    margin-top: -75px; /*set to a negative number 1/2 of your height*/
    margin-left: -175px; /*set to a negative number 1/2 of your width*/
    box-shadow:0 0 15px;
    font-size:14px;
    font-weight:bold;
    float:left;
}

.popupinput{
width:98%;
height:35px;
margin-top:5px;
border:1px solid #999;
border-radius:3px;
padding:5px;
}

.popupinput_float{
    width:70%;
    height:35px;
    margin-top:5px;
    border:1px solid #999;
    border-radius:3px;
    padding:5px;
    float:left;
}

.popupbtn{
background-color:#00004B;
border-radius:14px;
-moz-border-radius:14px;
-webkit-border-radius:14px;
border:3px solid white;
font-size:18px;
color:white;
width:49%;
cursor:pointer;
}

.popupbtn_float{
    background-color:#00004B;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border:3px solid white;
    font-size:18px;
    color:white;
    cursor:pointer;
    float:right;
    margin-top:5px;
    margin-right:15px;
    height:35px;
}

#categoryAdiv{
    opacity:0.98;
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#categoryBdiv{
    opacity:0.98;
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#categoryCdiv{
    opacity:0.98;
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#categoryDdiv{
    opacity:0.98;
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#categoryEdiv{
    opacity:0.98;
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#categoryFdiv{
    opacity:0.98;
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#categoryGdiv{
    opacity:0.98;
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#modtranspopupdiv{
    opacity:0.98;
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#addtranspopupdiv{
opacity:0.98;
position: fixed;
top: 0%;
left: 0%;
height: 100%;
width: 100%;
background: #000;
display: none;
}

#emailtranspopupdiv{
opacity:0.98;
position: fixed;
top: 0%;
left: 0%;
height: 100%;
width: 100%;
background: #000;
display: none;
}

#csvguidediv{
opacity:0.98;
position: fixed;
top: 0%;
left: 0%;
height: 100%;
width: 100%;
background: #000;
display: none;
}

#csvuploaddiv{
opacity:0.98;
position: fixed;
top: 0%;
left: 0%;
height: 100%;
width: 100%;
background: #000;
display: none;
}

#customercsvuploaddiv{
    opacity:0.98;
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#gentransdiv{
opacity:0.95;
position: fixed;
top: 0%;
left: 0%;
height: 100%;
width: 100%;
background: #000;
display: none;
}

#qsetransdiv{
opacity:0.95;
position: fixed;
top: 0%;
left: 0%;
height: 100%;
width: 100%;
background: #000;
display: none;
}

#aftransdiv{
opacity:0.95;
position: fixed;
top: 0%;
left: 0%;
height: 100%;
width: 100%;
background: #000;
display: none;
}

#statusdiv{
opacity:0.95;
position: fixed;
top: 0%;
left: 0%;
height: 100%;
width: 100%;
background: #000;
display: none;
}

#afnamediv{
opacity:0.95;
position: fixed;
top: 0%;
left: 0%;
height: 100%;
width: 100%;
background: #000;
display: none;
}

#loginpopdiv{
opacity:0.95;
position: fixed;
top: 0%;
left: 0%;
height: 100%;
width: 100%;
background: #000;
display: none;
}

#calcpopdiv{
opacity:0.95;
position: fixed;
top: 0%;
left: 0%;
height: 100%;
width: 100%;
background: #000;
display: none;
}

#genmoreinfodiv{
opacity:0.95;
position: fixed;
top: 0%;
left: 0%;
height: 100%;
width: 100%;
background: #000;
display: none;
}

#qsemoreinfodiv{
opacity:0.95;
position: fixed;
top: 0%;
left: 0%;
height: 100%;
width: 100%;
background: #000;
display: none;
}

#tttmoreinfodiv{
    opacity:0.95;
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#smartmoreinfodiv{
    opacity:0.95;
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#afmoreinfodiv{
opacity:0.95;
position: fixed;
top: 0%;
left: 0%;
height: 100%;
width: 100%;
background: #000;
display: none;
}

#aftabhelpdiv{
opacity:0.95;
position: fixed;
top: 0%;
left: 0%;
height: 100%;
width: 100%;
background: #000;
display: none;
}

#traincreate1div{
    opacity:0.95;
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#traincreate2div{
    opacity:0.95;
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#traindeletediv{
    opacity:0.95;
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#trainrenewdiv{
    opacity:0.95;
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#learnerdeletediv{
    opacity:0.95;
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#progdeletediv{
    opacity:0.95;
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#progcopydiv{
    opacity:0.95;
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#invoicedeletediv{
    opacity:0.95;
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#scnamediv{
opacity:0.95;
position: fixed;
top: 0%;
left: 0%;
height: 100%;
width: 100%;
background: #000;
display: none;
}

#qsenamediv{
opacity:0.95;
position: fixed;
top: 0%;
left: 0%;
height: 100%;
width: 100%;
background: #000;
display: none;
}

#screnewdiv{
opacity:0.95;
position: fixed;
top: 0%;
left: 0%;
height: 100%;
width: 100%;
background: #000;
display: none;
}

#qserenewdiv{
opacity:0.95;
position: fixed;
top: 0%;
left: 0%;
height: 100%;
width: 100%;
background: #000;
display: none;
}

#gendeletediv{
opacity:0.95;
position: fixed;
top: 0%;
left: 0%;
height: 100%;
width: 100%;
background: #000;
display: none;
}

#genadddiv{
    opacity:0.98;
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#supdetaildiv{
    opacity:0.98;
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#qsedeletediv{
opacity:0.95;
position: fixed;
top: 0%;
left: 0%;
height: 100%;
width: 100%;
background: #000;
display: none;
}

#afdeletediv{
opacity:0.95;
position: fixed;
top: 0%;
left: 0%;
height: 100%;
width: 100%;
background: #000;
display: none;
}

#pwchangediv{
opacity:0.95;
position: fixed;
top: 0%;
left: 0%;
height: 100%;
width: 100%;
background: #000;
display: none;
}

#qsesharediv{
    opacity:0.98;
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#scsharediv{
opacity:0.98;
position: fixed;
top: 0%;
left: 0%;
height: 100%;
width: 100%;
background: #000;
display: none;
}

#trainsharediv{
    opacity:0.98;
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#logindiv{
opacity:0.98;
position: fixed;
top: 0%;
left: 0%;
height: 100%;
width: 100%;
background: #000;
display: none;
}

#whatifguidediv{
    opacity:0.98;
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#integratorconfirmpurchasediv{
    opacity:0.98;
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}