@charset "utf-8";

.browser_testing, .test_intro{
    border: 1px solid #8fa7c4;
    background: #fff; 
    padding: 2.5%;
    margin: 7px 0.5%;
    border-radius: 7px;
	box-shadow: 0px 0px 5px #bdc9d7;
	-moz-box-shadow: 0px 0px 5px #bdc9d7;
	-webkit-box-shadow: 0px 0px 5px #bdc9d7;
    -moz-border-radius: 7px ;
    -webkit-border-radius: 7px;
}

.test_intro{
    padding: 1%;
}

.browser_testing p{
    border-bottom: 2px solid #CCDDED;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    line-height: 30px;
}

.test_intro p{
    padding: 0;
    line-height: 30px;
}

.Col{
    float: left;
    display:inline;
    vertical-align: top;
    width: 15%;
    
}

.test_intro p, .pass, .fail{
	border-radius: 15px;
    -moz-border-radius: 15px ;
    -webkit-border-radius: 15px;
    width: auto;
    margin: 5px 10px;
    text-align: center;

}

.pass{
    background: #d9f0a7;
    border: 1px solid #bcd97b;
}

.fail{
    background: #f2e0de;
    border: 1px solid #cc756b;
    color: #570d04;
}


.pass img, .fail img{
    padding-right: 7px;
    margin-bottom: -3px;
}

.bold{
    width: 20%;
    /*min-width: 150px;*/
    font-weight: bold;
}

.bold + .result{
    width: 20%;
    /*min-width: 150px;*/
}

.bold + .result + .bold{
    width: 70px;
    min-width: inherit;
}
.bold + .result + .bold + .result{
    width: 30px;
    min-width: inherit;
}

.action{
    float: right;
    width:50%;
    min-width: 400px;
}

.good, .alert, .warn_notice {
    font-weight: bold;
    text-transform: uppercase;
    display: block;
}

.good{
    color: green;
}

.warn_notice{
    color: #e59400;
}

.alert{
    color: #b5061e;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

p:last-child{
    border-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}