body {
    margin: 0;
    padding: 0;
    overflow-x:hidden;
}

/*For Gridview*/
.rounded_corners
{
    border: 1px solid #507CD1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.rounded_corners td, .rounded_corners th
{
    border: 1px solid #507CD1;
    padding-right:5px;
}
.rounded_corners table table td
{
    border-style: none;
}
/* End For Gridview*/

.labelbackHover {
    color: #0033CC;
    }
.labelbackHover:hover {
    color: #FF3D0D;
    cursor:pointer;
    }


#cssmenu {
  float: left;
  width: 100%;
  background: #000000 url(pictures/Master/HeaderBlue.png);
  font-size: 93%;
  line-height: normal;
  border-bottom: 1px solid #666;
  height :120px;
  margin-left:0px;
  margin-top:0px;
  margin-right:0px;
  padding:0px;
  padding-top:0px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border:none;

}
#cssmenu ul {
  margin: 0;
  padding: 10px 10px 0 50px;
  list-style: none;
  margin-left:17%;
  margin-top :-30px
}
#cssmenu li {
  display: inline;
  margin: 0;
  padding: 0;
}
#cssmenu a {
  float: left;
  background: url("images/tableftf.gif") no-repeat left top;
  margin: 0;
  padding: 0 0 0 4px;
  text-decoration: none;
}
#cssmenu a span {
  float: left;
  display: block;
  background: url("images/tabrightf.gif") no-repeat right top;
  padding: 5px 15px 4px 6px;
  color: #666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#cssmenu a span {
  float: none;
}
/* End IE5-Mac hack */
#cssmenu .active a span,
#cssmenu a:hover span {
  color: #FFFFFF;
}
#cssmenu .active a,
#cssmenu a:hover {
  background-position: 0 -42px;
}
#cssmenu .active a span,
#cssmenu a:hover span {
  background-position: 100% -42px;
}

.overlay 
{
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    background-color: transparent;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=80);
    opacity: 0.80;
    -moz-opacity: 0.80;

}
* html .overlay 
{
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');

}       
         
.loader 
{
    z-index: 100;
    position: fixed;
    width: 60px;
    top: 50%;
    left: 50%;
    /* rounded corner */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    /* box shadow */
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    box-shadow: 0 1px 3px rgba(0,0,0,.4);}          
* html .loader 
{position: absolute;
    margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');}

.userHi{
  margin: 0;
  text-align:right;
  margin-top :-10px
}
.Setting{
  margin: 0;
  text-align:right;
  margin-top :-100px
}
.GrayBack {
  float: left;
  width: 100%;
  height:20px;
  background: #000000 url(pictures/Master/RepeatGray.png);
  font-size: 93%;
  line-height: none;
  border-bottom: 1px solid #666;
  margin-left:0px;
  margin-top:0px;
  margin-right:0px;
  padding:0px;
  padding-top:0px;
  background-size: 100% 100%;
  background-repeat: repeat-x;
  border:none;

}
.GrayBack2 {
  float: left;
  width: 96%;
  height:5px;
  background: #000000 url(pictures/Master/RepeatGray.png);
  font-size: 93%;
  line-height: none;
  border-bottom: 1px solid #666;
  margin-left:20px;
  margin-right:40px;
  margin-top:10px;
  padding:0px;
  padding-top:0px;
  background-size: 100% 100%;
  background-repeat: repeat-x;
  border:none;

}

.mainNotif {
	background: #fff;
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    width:80%; 
          filter: Alpha(Opacity=95);
          opacity: 0.95;
          -moz-opacity: 0.95;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    box-shadow: 0 1px 3px rgba(0,0,0,.4);          
    transition: width .7s;
    } 

.mainNotifTech {
	background: #fff;
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
    width:80%;

          filter: Alpha(Opacity=95);
          opacity: 0.95;
          -moz-opacity: 0.95;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    box-shadow: 0 1px 3px rgba(0,0,0,.4);          
    transition: width .7s;
    } 

.GlobalNotifTech {
	width: 85%;
    min-width:200px;
    height: 600px;
    box-shadow: 10px 10px 5px #888888;
    border-radius: 15px 50px;
    }

.GlobalNotif {
	width: 85%;
    min-width:200px;
    height: 450px;
    box-shadow: 10px 10px 5px #888888;
    border-radius: 15px 50px;
    }
.BlueBack {
  float: left;
  width: 100%;
  height:3px;
  background: #000000 url(pictures/LineBlue.png);
  font-size: 93%;
  line-height: none;
  border-bottom: 1px solid #666;
  margin-left:0px;
  margin-top:0px;
  margin-right:0px;
  padding:0px;
  padding-top:0px;
  background-size: 100% 100%;
  background-repeat: repeat-x;
  border:none;

    }

.mainInfo {
	background: #fff;
    margin-top:10px;
    margin-left:-10px;
    margin-right:20px;
    margin-bottom:10px;
    padding-top:5px;
    padding-left:30px;
    padding-right:55px;
    padding-bottom:5px;
    width:74%; 
          filter: Alpha(Opacity=95);
          opacity: 0.95;
          -moz-opacity: 0.95;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    box-shadow: 0 1px 3px rgba(0,0,0,.4);          
    transition: width .7s;
    }
.MinWidth {
min-width:930px
}
.GridBorder {
    border:none;
    border-width:0px;
    border-style:none;
    border-color:white;
    border:0;
    }

.lblJudulInformation {
    color: #0033CC;
    }
.lblJudulInformation:hover {
    color: #FF3D0D;
    cursor:pointer;
    }


.mainLinkPortal{
	background: #fff;
    margin-top:10px;
    margin-left:-45px;
    margin-right:45px;
    margin-bottom:10px;
    padding-top:5px;
    padding-left:30px;
    padding-right:50px;
    padding-bottom:5px;
    width:80%; 
          filter: Alpha(Opacity=95);
          opacity: 0.95;
          -moz-opacity: 0.95;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    box-shadow: 0 1px 3px rgba(0,0,0,.4);          
    transition: width .7s;
    text-align: left;
    }

.mainRequest {
	background: #fff;
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    width:75%; 
          filter: Alpha(Opacity=95);
    opacity: 0.95;
    box-shadow: 10px 10px 5px #888888;
    border-radius: 15px 50px;          
    transition: width .7s;
    }
.SubRequest {
	background: #fff;
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    width:95%; 
          filter: Alpha(Opacity=95);
          opacity: 0.95;
          -moz-opacity: 0.95;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    box-shadow: 0 1px 3px rgba(0,0,0,.4);          
    transition: width .7s;
    } 
.txtbox{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-top: 0px;
    }

.txt-disable {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-top: 0px;
    background:#b7b7b7;
    cursor:not-allowed;
    
}

.labelHover {
    color: #0033CC;
    }
.labelHover:hover {
    color: #FF3D0D;
    cursor:pointer;
    }
.SubRequestZoom {
	background: #fff;
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    width:95%; 
          filter: Alpha(Opacity=95);
          opacity: 0.95;
          -moz-opacity: 0.95;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    box-shadow: 0 1px 3px rgba(0,0,0,.4);          
    transition: width .7s;
    }
    .SubRequestZoom:hover {
        background: #fff;
        margin-top: 10px;
        margin-left:auto;
        margin-right: auto;
        margin-bottom: 10px;
        padding-top: 5px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 5px;
        width: 95%;
        filter: Alpha(Opacity=95);
        opacity: 1;
        -moz-opacity: 0.95;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
        box-shadow: 0 1px 3px rgba(0,0,0,.4);
        transition: width .7s;
        cursor: pointer;
        transform: scale(1.01);
    }
    .BtnSaveZoom:hover {
        width:110px;
    }
.ContentCatalog {
    margin-left:150px;
    /* margin-top:-230px; */
    width:100%;
}
.mainProduk {
	background: #fff;
    margin-left:-10px;
    margin-right:20px;
    margin-bottom:10px;
    padding-top:5px;
    padding-left:30px;
    padding-right:55px;
    padding-bottom:5px;
    width:74%; 
          filter: Alpha(Opacity=95);
          opacity: 0.95;
          -moz-opacity: 0.95;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    box-shadow: 0 1px 3px rgba(0,0,0,.4);          
    transition: width .7s;
    }

.mainList {
	background: #fff;
    margin-top:10px;
    margin-left:-10px;
    margin-right:20px;
    margin-bottom:10px;
    padding-top:5px;
    padding-left:30px;
    padding-right:55px;
    padding-bottom:5px;
    width:170px;
    height:145px; 
          filter: Alpha(Opacity=95);
          opacity: 0.95;
          -moz-opacity: 0.95;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    box-shadow: 0 1px 3px rgba(0,0,0,.4);          
    transition: width .7s;
    text-align:center;

    }

.JudulBarangCatalog {
    color: #000;
    }
.JudulBarangCatalog:hover {
    color: #FF3D0D;
    cursor:pointer;
    }
.single-item {
    opacity: 1.0;
    }
.single-item:hover {
    opacity: 0.7;
    cursor:pointer;
    width:160px;
    height:90px;

    }
.foto {
    height: auto; 
    width: auto; 
    max-width: 120px; 
    max-height: 90px;
}
.FotoProdukDetail {
    height: 220px;
    max-width:220px; 
}
.MainInfoDetail {
	background: #fff;
    margin-top:10px;
    margin-left:-10px;
    margin-right:20px;
    margin-bottom:10px;
    padding-top:5px;
    padding-left:30px;
    padding-right:55px;
    padding-bottom:5px;
    width:85%;
    height:80%; 
          filter: Alpha(Opacity=95);
          opacity: 0.95;
          -moz-opacity: 0.95;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    box-shadow: 0 1px 3px rgba(0,0,0,.4);          
    transition: width .7s;
    text-align:center;

    }
.notifikasi {
    cursor:pointer;
}