/* Messi CSS */

	
#footer{
	background: #eeebe1;
	border: thin dotted #a29061;
	margin-top: 20px;
	border-radius: 10px;	
	}
	#footer h4{
		font-size:12px;
		color:#666;
		padding-left:3px;
	
	}
	#footer h5{
	font-size: 14px;
	color: #666;
	padding-right: 10px;
	text-align: left;
	color:#c31b7b;
	margin:10px;	
	}
	


div.content {
 
padding: 0px !important;}

.messi-modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #000;
  opacity: 0;
}

.messi {
  position: absolute;
  padding: 0;
  margin: 0;
  font-size: 16px;
  text-shadow: none;
}

.messi-box {
  position: relative;
  width: 500px;
  height: auto;
  padding: 8px;
  overflow: hidden;
  background-color: rgba(204, 204, 204, 0.2);
  border-radius: 6px;
  opacity: 1;
  box-shadow: 0 0 1em #444;
}
.Steps li {  
 width:100%;
   
    background-image: url("../../img/arrow_en.png");
    background-repeat: no-repeat;
    background-position: left 8px;
    padding: 3px 0 3px 15px;
 list-style:none;

}
.Steps a
{
	text-decoration:none !important;
	color:#c31b7b !important;
}
.Steps ul
{
	margin:8px  0px 0px 0px !important
}

.messi-wrapper {
  position: relative;
  background-color: #fff;
  border-radius: 5px;
}

.messi-titlebox {
  padding: 10px;
  padding-left:45px;
  overflow: hidden;
  font: 1.3em bold helvetica, arial;
  color: #fff;
  text-shadow: 0 -2px 1px rgba(0, 0, 0, 0.25);
  background-color: #80C342;
    -webkit-border-radius: 5px 5px 0 0px;
          border-radius: 5px 5px 0 0px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 5px;
   background-image:   url(../../img/barHelp.png);
 background-position: 7px center;

 background-repeat:no-repeat;

}

.messi-alerttitlebox {
  padding: 10px;
  padding-left:45px;
  overflow: hidden;
  font: 1.3em bold helvetica, arial;
  color: #fff;
  text-shadow: 0 -2px 1px rgba(0, 0, 0, 0.25);
  background-color: #80C342;
    -webkit-border-radius: 5px 5px 0 0px;
          border-radius: 5px 5px 0 0px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 5px;
   background-image:   url(../../img/alert.png);
 background-position: 7px center;

 background-repeat:no-repeat;

}

.messi-closebtn {
  position: absolute;
  top: 10px;
  right: 8px;
  display: block;
  width: 25px;
  height: 25px;
  color: #333;
  cursor: pointer;
 background-image:   url(../../img/close.png);
 background-position:center center;
 background-repeat:no-repeat;

}



.messi-content {
  padding: 10px;
  overflow: hidden;
  font: .9em normal helvetica, arial;
  background-color:#F9F9F9;
  border:1px #c31b7b solid;
  margin-top:1px;
}

.messi-content p {
  margin: 0 0 1.3em;
  line-height: 1.3em;
}

.messi-content .messi-closebtn {
  top: 7px;
  font: 1.3em bold helvetica, arial;
  color: #fff;
  background-color: #333;
  opacity: 0;
  -webkit-transition: opacity .25s linear, visibility .1s linear .5s;
     -moz-transition: opacity .25s linear, visibility .1s linear .5s;
       -o-transition: opacity .25s linear, visibility .1s linear .5s;
          transition: opacity .25s linear, visibility .1s linear .5s;
}

.messi-content:hover .messi-closebtn {
  opacity: 1;
}
 .tooltip {
    display: none;
    font-size: 10pt;
    position: absolute;
    border: 1px solid #000000;
    background-color: #FFFFE0;
    padding: 2px 6px;
    color: Green;
    width:250px;
    font-weight: bold;
}
.down{  
 width:20px;
    float: right;
    height: 20px;
    background-image: url("../../img/down.png");
    background-repeat: no-repeat;
    background-position:center center;
  left:-10px;
  cursor:pointer;
}

 .IssueItem
    {
       font-size:13px !important;

	}
 .manfactureItem
    {
       font-size:13px !important;

	}

.main_head {
  background: #cccbcb ;
   color:#C31B7B;
   padding:10px 16px 10px 40px;
   font-size:large;
   font-weight:bold;
   position:relative;
     
    
  }
.main_head_help
  {
 background-image:url("../../img/question5.png");
   position: absolute;
  top: 5px;
  right: 8px;
  display: block;
  width: 35px;
  height: 35px;
  color: #333;
  cursor: pointer;

 background-position:center center;
 background-repeat:no-repeat;        
    	}


.section-content{background:url(/SiteCollectionImages/en-us/block-bg.png) left top repeat; border:1px solid #cac6c4; padding:18px 15px 0px 15px; }


.smk_accordion {
  position: relative;
  margin-bottom: 20px;
}
/**
 * --------------------------------------------------------------
 * Section
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in {
  border: 1px solid #ccc;
  position: relative;
 
  margin-top: -1px;
  overflow: hidden;
}
 .acc_content li {  

  
   height: 25px;
  background-image: none;
  background-repeat: no-repeat;
  background-position: left;
  padding: 0 0 0 15px;
  list-style: none;
  margin-left: -20px;
  vertical-align: middle;
padding-left: 23px;

height: auto;
line-height:1.5;
padding-bottom:3px;

}
/**
 * --------------------------------------------------------------
 * Head
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in .acc_head {
  position: relative;
  background: #EFEFEF;
  padding: 16px;
  font-size: 13px;
  display: block;
  cursor: pointer;
}
.acc_content {
  background: #F9F9F9;
  color: #7B7E85;
  padding: 30px 10px 10px 10px;
 }
.acc_head {
   font-size:13px !important;
    font-weight:bold !important;


}
/*.LeftArrow
{
     display: block;
   background: #C31B7B;
  background: url(../../img/ARROW3.png)  right center;
  background-repeat:no-repeat;
    width:300px;
             float:left;
             width:390px
    
    }
  */  
.acc_content SPAN
{
    color:#000000;
    font-size:13px;
    font-weight:bold;
   
    }
   .acc_issues li
   {
	vertical-align:middle;
}  
   .acc_issues
    {
         border:3px solid white;
         background:#E0DCDD;
         padding: 10px;
         width:255px;
          float:left;
          width:345px;
        }    .acc_issues    a:hover
 { 
 background: #C31B7B;
   color:White !important;
 } 
 
  .acc_issues    a.active
 { 
 background: #80C342 !important;
   color:White !important;
 } 
   .acc_manfactures    a:hover
 { 
 background: #C31B7B;
   color:White !important;
 } 
 
 .acc_manfactures    a.active
 { 
 background: #80C342 !important;
   color:White !important;
 } 
    .message
{
    
    font-size:12px !important;
   
   
    }
    .IssueItem
    {
	cursor: pointer;color:#c31b7b !important;font-size:12px !important;padding:5px;text-decoration: none !important;padding-left:0px;
}
    
    .manfactureItem
    {
	cursor: pointer;color:#c31b7b !important;font-size:12px;padding:5px;text-decoration: none !important;
}
        .acc_manfactures
    {
         
         margin-left:50px;
                 width:355px;
          float:left;
          width:275px;
        }
.smk_accordion .accordion_in .acc_head .acc_icon_expand {
  display: block;
 width: 46px;
  height: 100%;
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -6px;
  background: #C31B7B;
  background: url("/Style Library/Contractor/img/Collapse.png") center;
  background-repeat:no-repeat;
margin-left:-17px;
margin-top:-25px;

}

.smk_accordion.acc_with_icon .accordion_in .acc_head, .smk_accordion.acc_with_icon
{
padding-left:45px;
}
.count
{
margin-left: -40px;
  position: absolute;
  font-size: 20px;
  font-family: monospace;
  margin-top: -6px;
color:#FFFFFF !important;
}
.manCount
{

  position: absolute;
  font-size: 10px;
  font-family: monospace;
 height: 25px;
 
  vertical-align: middle;
width: 23px;
color:#FFFFFF !important;
 height: 20px;
  background-image: url("/Style Library/Contractor/img/SmallExpand.png");
  background-repeat: no-repeat;
  background-position: left;
  padding: 0 0 0 15px;
  list-style: none;
  margin-left: -20px;
  vertical-align: middle;
padding-left: 4px;

}
/**
 * --------------------------------------------------------------
 * Content
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in  {
  background: #F9F9F9;
  color: #7B7E85;

}
.smk_accordion .accordion_in .acc_content h1:first-of-type,
.smk_accordion .accordion_in .acc_content h2:first-of-type,
.smk_accordion .accordion_in .acc_content h3:first-of-type,
.smk_accordion .accordion_in .acc_content h4:first-of-type,
.smk_accordion .accordion_in .acc_content h5:first-of-type,
.smk_accordion .accordion_in .acc_content h6:first-of-type {
  margin-top: 5px;
}
/**
 * --------------------------------------------------------------
 * General
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in:first-of-type,
.smk_accordion .accordion_in:first-of-type .acc_head {
  border-radius: 3px 3px 0 0;
}
.smk_accordion .accordion_in:last-of-type,
.smk_accordion .accordion_in:last-of-type .acc_content {
  border-radius: 0 0 3px 3px;
}
.smk_accordion .accordion_in.acc_active .acc_content {
  display: flex!important;
}
.smk_accordion .accordion_in.acc_active .acc_head {
  background: #efefef;
   color:black;
}
.smk_accordion .accordion_in.acc_active .acc_head .acc_icon_expand 
{
     width: 46px;
  height: 100%;
  background: url("/Style Library/Contractor/img/Expand.png") center;
    background-repeat:no-repeat;
margin-left:-17px;
margin-top:-25px;
}

.smk_accordion.acc_with_icon .accordion_in .acc_head,
.smk_accordion.acc_with_icon  {
  padding-left: 45px;
}


/*overwritng inline style*/
div.acc_specs_section, .LeftArrow, .acc_issues {
  width: inherit !important;
  float: none !important;
}

.acc_manfactures{
  margin-left: inherit !important;
  padding: 5px;
}

 .acc_issues{
    max-width: 300px !important;
 }

 .acc_manfactures{
  min-width: 200px;
 }
  .acc_manfactures ul li {
padding: 0!important;}