body.controller-tester .iframe-con{
	
}

/* Test Header */

body.controller-tester.action-list #test-header {
	background:url('/static/img/modules/testeram/test-header.png') no-repeat 0 80px;
	height:160px;
}

body.controller-tester #test-header {
	background:url('/static/img/modules/testeram/test-header.png') no-repeat 0 0px;
	width:527px;
	height:68px;
	position:relative;
}
	body.controller-tester #test-header div.tip {
		border: 1px solid #CCC;
		border-top: 0;
		padding: 10px 20px;
		margin-bottom: 10px;
	}
	
	body.controller-tester #test-header #bottom,
	body.controller-tester #test-footer .bottom {
		background-color: whiteSmoke;
	    bottom: 1px;
	    float: left;
	    padding: 0 5px;
	    position: absolute;
	    width: 518px;
	    border-top: 1px solid #CCC;
	    height: 25px;
	    line-height: 25px;
	}
	
	body.controller-tester #test-footer .bottom {
		height: 13px;
	    line-height: 13px;
	}

	body.controller-tester #test-footer .bottom a {
		color: #FFF;
	}
		
	body.controller-tester #test-header #bottom span,
	body.controller-tester #test-footer .bottom span {
	    float: left;
	}

	body.controller-tester #test-header #bottom a.right,
	body.controller-tester #test-footer .bottom a.right {
		float: right;
	}

	body.controller-tester #test-footer .bottom {
		background-color: #a6c700;
		padding: 3px 4px;
		position: static;
		float: none;
	}
	
	/* Test Content */
	
body.controller-tester #test-content{
	float:left;
	width:528px;
}


	/* left*/

body.controller-tester #test-content > #left {
    float: left;
    width: 200px;
    border-right:1px solid #e7e7e7;
}

body.controller-tester #test-content #left .test-title{
	float:left;
	background:#f5f5f5;
	font-size:11px;
	color:#333333
}
	body.controller-tester #test-content #left .test-title ul{
		padding:10px;
		margin:0 10px;
		font-weight:bold;
	}

	body.controller-tester #test-content #left .test-result {
	    color: #333333;
	    float: left;
	    font-size: 11px;
	    padding: 8px;
	    border-top:1px solid #e7e7e7;
	}
		
	body.controller-tester #test-content #left .test-result .answers-count {
		font-weight: bold;
		float:left;
	}
	
	body.controller-tester #test-content #left .test-result .right-answer {
    	color: #FF0000;
    	font-size: 15px;
	}
	
	body.controller-tester #test-content #left .test-result .rate {
		font-weight: bold;
		float:left;
		width:185px;
	}
	
	body.controller-tester #test-content #left .test-result .rate .to{
    	color: #FF0000;
    	font-size: 15px;
	}
	
		
	body.controller-tester #test-content #left .test-result .time {
	    color: #808080;
	    float: left;
	    margin: 5px 0 0;
	    width: 150px;
	}
	
	body.controller-tester #test-content #left .answers {
	    border: 1px solid #E7E7E7;
	    color: #333333;
	    float: left;
	    font-size: 11px;
	    height: 150px;
	    overflow-x: hidden;
	}
		
	body.controller-tester #test-content #left .answers table {
	    float: left;
	    width: 190px;
	}
	
	body.controller-tester #test-content #left .answers tr {
	    float: left;
	    margin: -4px 0 0;
	    width: 190px;
	}
	
	body.controller-tester #test-content #left .answers tr:nth-child(2n){
			background:#f5f5f5;
		}
	
	body.controller-tester #test-content #left .answers td {
	    padding: 5px;
	    width: 15px;
	}
	
	body.controller-tester #test-content #left .answers table td.number {
	    border-right: 1px solid #e6e6e6;
	    font-weight:bold;
	}

	body.controller-tester #test-content #left .answers table  td.answer {
	    background-image: url("/static/img/modules/testeram/answer.png");
	    background-position: 3px 7px;
	    background-repeat: no-repeat;
	    border-right: 1px solid #e6e6e6;
	    height: 17px;
	    width: 17px;
	}
	
	body.controller-tester #test-content #left .answers table  td.answer.wrong{
		background-position: 3px -17px;
	}
	
	body.controller-tester #test-content #left .answers table  td.result {
    	width: 70%;
	}
	
	body.controller-tester #test-content #left .answers table  td.result.wrong{
		color:#809900;
	}
	/*right*/


body.controller-tester #test-content #right {
    float: left;
    padding: 0 0 0 5px;
    width: 321px;
}

body.controller-tester #test-content #right .congracts {
    
}
	
	body.controller-tester #test-content #right .congracts h2 {
	    color: #333333;
	    font-size: 14px;
	    margin: 10px 0 0;
	    text-align: center;
	}
	
		
	body.controller-tester #test-content #right .congracts p {
		    color: #808080;
		    font-size: 11px;
		    margin: 5px 0;
		    text-align: center;
		}
		

	/* result block */

body.controller-tester #test-content #right .result-block{
	float:left;
}

	body.controller-tester #test-content #right .result-block  h2 {
	    background: none repeat scroll 0 0 #F5F5F5;
	    border-top: 1px solid #CCCCCC;
	    color: #333333;
	    float: left;
	    font-size: 11px;
	    padding: 0 10px;
	    text-align: left;
	    width: 300px;
	    margin-bottom: 10px;
	}
	
	body.controller-tester #test-content #right .result-block div.result-holder {
	    float: left;
	    width: 307px;
	}
	
	body.controller-tester #test-content #right .cat-test-result {
	    border: 1px solid #A6C700;
	    float: left;
	    font-size: 12px;
	    min-height: 20px;
	    margin: 0 0 10px;
	    position: relative;
	    text-align: left;
	    width: 307px;
	    line-height: 19px;
	}
	
	body.controller-tester #test-content #right .cat-test-result > div.percentage {
	    color: #333333;
	    right: 5px;
	    position: absolute;
	    top: 1px;
	    z-index: 10;
	}
		
	body.controller-tester #test-content #right .cat-test-result .answer {
	    background: none repeat scroll 0 0 #BBE100;
	    float: left;
	    min-height: 20px;
	    position: absolute;
	    top: 0;
	    z-index: 2;
	}
	

	body.controller-tester #test-content #right .precent-result {
	    color: #333333;
	    float: left;
	    font-size: 11px;
	    font-weight: bold;
	    line-height: 22px;
	    margin: 0 0 0 8px;
	}

/* My tests */
body.controller-tester #test-my {
	font-size: 13px;
}

body.controller-tester #test-my div.nothing {
	padding-top: 15px;
	padding-left: 10px;
}

body.controller-tester #test-my div.toggler div.test-label {
	cursor: pointer;
	color: #809900;
	padding: 2px 0;
}

body.controller-tester #test-my div.toggler div.test-label:hover {
	text-decoration: underline;
}

body.controller-tester #test-my div.childrens {
	display: none;
	padding-left: 20px;
}

	body.controller-tester #test-my div.first-level {
		border-bottom: 1px solid #CCC;
		padding: 5px 0;
	}

	body.controller-tester #test-my div.first-level:last-child {
		border-bottom: 0;
	}

	body.controller-tester #test-my div.toggler.open > div.childrens {
		display: block;
	}


body.controller-tester #test-footer img.important {
	float: left;
	margin-right: 5px;
}

body.controller-tester #test-footer div.text {
	float: left;
}

body.controller-tester #test-footer img.logo {
	float: right;
}