/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden; border:1px solid #FF3700; height:619px; }
.ie7 #cboxContent{height:627px!important}
#professional-employee-qa.ie7 #cboxContent {height:auto !important}
#corporate-employee-q-and-a.ie7 #cboxContent {height:auto !important}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*  Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/

#cboxOverlay{ background-color:#333;}
#colorbox{}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(~/media/Images/A/ArcelorMittal/Images/lightbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(~/media/Images/A/ArcelorMittal/Images/lightbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(~/media/Images/A/ArcelorMittal/Images/lightbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(~/media/Images/A/ArcelorMittal/Images/lightbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(~/media/Images/A/ArcelorMittal/Images/lightbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
/*
.cboxIE #cboxTopLeft{background:transparent url(~/media/F46A52D87677456089AC78AFC0672197.gif);}
.cboxIE #cboxTopCenter{background:transparent url(~/media/94C3B9FFC4DC41E0A2984FFFE86C5919.gif);}
.cboxIE #cboxTopRight{background:transparent url(~/media/CE71D47799754E478172395C38E82DEE.gif);}
.cboxIE #cboxBottomLeft{background:transparent url(~/media/1387442288894C15BACAFB0928E1F0C1.gif);}
.cboxIE #cboxBottomCenter{background:transparent url(~/media/F4B6013ABB3941129D14A5F09E464984.gif);}
.cboxIE #cboxBottomRight{background:transparent url(~/media/914BFF071B1D428B931A443B11835E38.gif);}
.cboxIE #cboxMiddleLeft{background:transparent url(~/media/C5A038D9FD3D4C83A1F629424CCD7EB3.gif);}
.cboxIE #cboxMiddleRight{background:transparent url(~/media/D5BA13F5F4F2401EAB9312F795E4D4C5.gif);}
*/
/* #cboxTitle{display:none!important;} */

/*_________________Lightbox Css______________*/
.boximagedata{width:750px; margin:15px auto 0px;  }
.ie7 .boximagedata{margin-bottom:5px;}
.detailsImage{background-color:#ff3700; float: left; width: 100%; font-size:1.2em; color:#fff; padding-top:7px;}
.titleImage{float:left; padding-left:12px;}
.downloadImage{float:right; padding-right:13px;}
.ip3-images .slider-content{clear:both;}
.titleImage p.dnwld{font-size:1em; font-weight: bold;}
.downloadImage p.dnwld{ float: left;padding-right: 17px;}
p.smallImage{float:left;padding-right: 14px; width: 74px;}
p.largeImage{float:left; width:89px;}
span.size {}
span.download-btn-large{float:left; padding-right:10px;}
span.download-btn{float:left; padding-right:10px;}
span.download-btn input{background:url(~/media/Images/A/ArcelorMittal/Images/css/dnwld-small.jpg) no-repeat; border:none; width: 13px; height:17px; cursor:pointer;color:#fff;}
span.download-btn-large input{background:url(~/media/Images/A/ArcelorMittal/Images/css/dnwld-large.jpg) no-repeat; border:none; width: 21px; height:27px;cursor:pointer;color:#fff;}
.morelink,.moredata{float:left; clear:both; padding-left:10px;}
.morelink{padding-bottom:10px; padding-right:10px; display:block;  padding-left:11px;}
.moredata{padding-top:10px; padding-bottom:10px; width:99%; background-color:#fff; color:#696969;}
.largeimage{margin-top:10px;}
.ie7 .largeimage{margin-top:0px;margin-bottom:0px;}
#slider ul{width:700px !important;}
#slider ul li{width:155px !important; margin-right:10px !important; margin-left:10px;}
.ip3-multimedia-gallery .cr-nav-prev{background: url("~/media/Images/A/ArcelorMittal/Images/css/left-arrow-new.jpg") no-repeat scroll 0 0 transparent; height:110px; left:-6px;}
.ip3-multimedia-gallery .cr-nav-next{background: url("~/media/Images/A/ArcelorMittal/Images/css/right-arrow-new.jpg") no-repeat scroll 0 0 transparent; height:110px; right:-6px;}
.detailsImage .showUp{background: url("~/media/Images/A/ArcelorMittal/Images/css/up.jpg") no-repeat scroll 64px 6px transparent;}
.detailsImage .showDown{background: url("~/media/Images/A/ArcelorMittal/Images/css/down.jpg") no-repeat 64px 6px transparent;}
.moredata p{margin-bottom:10px;}
.closebtn a{background: url("~/media/Images/A/ArcelorMittal/Images/css/cbclose.gif") no-repeat left 2px transparent; display:block; float:left; text-indent:-9999px; margin-left:15px; height:18px; width:17px;}
.ip3-multimedia-gallery .crotator ul li img{border:1px solid #f0f0f0;}
.ip3-multimedia-gallery .crotator ul li.current img{border:1px solid #ff3700;}
.ip3-multimedia-gallery #slider ul{height:110px !important; margin-left:20px; width:712px !important; margin-top: 5px;}
.ip3-multimedia-gallery #slider ul li{width:160px !important; margin-left: 8px;}
.ip3-multimedia-gallery ul.crotator_images {margin-left: 0px !important;}
.ip3-multimedia-gallery #cboxClose{display:none !important;}

#corporate-employee-q-and-a #cboxCurrent, #corporate-employee-q-and-a #cboxNext, #corporate-employee-q-and-a #cboxPrevious {display:none !important;}

#professional-employee-qa #cboxCurrent, #professional-employee-qa #cboxNext, #professional-employee-qa #cboxPrevious {display:none !important;}

#meet-the-graduates #cboxNext, #meet-the-graduates #cboxPrevious, #meet-the-graduates #cboxCurrent {display:none !important;}

.ip3-multimedia-gallery form#MainForm {overflow-x:hidden;}