* {margin: 0; padding: 0;}
body {
	text-align: center;
	font-family: Tahoma, Arial; 
	font-size: 100%;
	color: #fff;
	background: #dadada url('./images/bg-body.png') repeat-x 0 0;
	background-attachment: fixed;
}
h1 {
	padding-bottom: 20px;
	font-family: Times;
	font-size: 220%;
	font-weight: normal;
	color: #282828;
}
h2 {
	padding-bottom: 15px;
	font-family: Helvetica;
	font-size: 170%;
	font-weight: normal;
	color: #bf0b0b;
}
h3 {
	padding: 20px 0 12px 0;
	font-family: Helvetica;
	font-weight: normal;
	font-size: 140%;
	color: #bf0b0b;
}
h4 {
	padding: 10px 0 8px 0;
	font-family: Helvetica;
	font-weight: normal;
	font-size: 110%;
	color: #282828;
}
hr {
	font-size: 1px;
	border: 0 !important;
	height: 1px;
	color: #e5e5e5;
	background-color: #e5e5e5;
	margin: 15px 0;
} 

ol, ul {
	margin: 10px 0 10px 20px;
}

p, li, th, td {
	font-size: 80%;
	color: #313131;
}
p {
	padding-bottom: 10px;
	line-height: 170%;
}
li {
	padding-bottom: 6px;
	line-height: 140%;
}

th, td {padding: 2px;}

input, select, textarea {font-family: tahoma; font-size: 13px; color: #313131;}

a {text-decoration: underline; color: #e21821;}
a:hover {text-decoration: none;}

/* -- */
.cleaner {
	display: block;
	margin: 0 !important; padding: 0 !important;
	clear: both;
	height: -1px !important;
	font-size: 1px !important;
	border: 0;
}
.nope {display: none;}
.fleft {float: left;}
.fright {float: right;}

.aleft{text-align: left !important;}
.acenter{text-align: center;}
.aright{text-align: right;}


.coloredText , .required {color: #dc0202;}

.input {
	padding: 3px;
	background: #fff url('./images/bg-input.gif') repeat-x 0 0; 
	border: 1px solid #fff;
}
.textArea {
	padding: 3px;
	background: #fff url('./images/bg-textarea.gif') repeat-x 0 0; 
}

.actionRow {padding-top: 20px;}
.actionRow p { padding: 0;}

.halfCol { width: 47%;}


table.halfTable td {
	width: 50%;
} 
table.regForm {width: 100%;}
table.regForm th, table.regForm td{padding: 5px 0;}
table.regForm th {vertical-align: middle; text-align: left;}
	.regForm  .input  {
		width: 220px;
		border-top: 1px solid #a6a6a6;
		border-right: 1px solid #c6c6c6;
		border-bottom: 1px solid #c6c6c6;
		border-left: 1px solid #a6a6a6;
	}
	.regForm .textArea {
		width: 250px;
		border-top: 1px solid #a6a6a6;
		border-right: 1px solid #c6c6c6;
		border-bottom: 1px solid #c6c6c6;
		border-left: 1px solid #a6a6a6;
	}
.ulStyled {
	margin: 10px 0 0 10px !important; padding: 0;
}
.ulStyled li {
	list-style: none;
	padding: 2px 0 8px 28px;
	margin: 0;
	background: url('./images/ico-li-arrow.gif') no-repeat 0 2px;
}

.tooltipTrigger {
	display: inline-block;
	width: 15px; height: 15px;
	background: transparent url('./images/ico-tool-tip.gif') no-repeat 0 0;
}
.tooltip {
	display: none;
	width: 250px; height: auto;
	padding: 20px;
	background-color: #4e4e4e;
	border: 2px solid #e3e3e3;
	text-align: center !important;
	color:#fff;
	z-index: 1000;	
}
.tooltip span {
	font-size: 12px;
	text-align: center !important;
	font-weight: normal !important;
}

#messageRow  { padding: 2px 0 6px 0;}
	.errMessage  p {
		color: red;
		margin-left: 15px;
	}


/*
*	Skleton
*/
#bgpage01 {
	background: transparent url('./images/bg-page01.png') no-repeat center 0; 
	min-height: 321px; _height: 321px;
	background-attachment: fixed;
}
#bgpage02 {
	position: fixed;
	bottom: 0; right: 0;
	height: 100%; width: 100%;
	background: transparent url('./images/bg-page02.png') no-repeat fixed bottom right; 
}
#container {
	position: relative;
	width: 980px;
	margin: 0 auto; padding: 0;
	text-align: left;
}
	/* 
	*	Header
	*/
	#header {
		position: relative;
		height: 140px;
		text-align: center;
	}
		#header h2 {
			display: block;
			position: absolute;
			top: 36px; left: 15px;
			background: transparent url('./images/logo-iq-test.png') no-repeat 0 0;
			z-index: 100;
		}
		#header h2 a {
			display: block;
			width: 222px; height: 61px;
		}
		#topNavigation {
			float: right;
			margin-top: 40px; 
			width: 670px; height: 56px;
			background: transparent url('./images/bg-top-navigation.png') no-repeat 0 0; 
		}
			#topNavigation ul {
				display: inline-block;
				float: left;
				margin: 12px 10px;
				list-style: none;
			}
			#topNavigation li {
				display: block;
				float: left;
				padding: 0;
				font-weight: bold;
			}
			#topNavigation li a {
				display: inline-block;
				height: 34px;
				margin-left: 10px; padding-right: 22px;
				text-decoration: none;
				background: transparent url('./images/btn-main-navigation.gif') no-repeat right 0; 
				color: #fff;
			}
			#topNavigation li a span { 
				display: inline-block;
				height: 34px;
				padding-left: 12px;
				line-height: 30px;
				background: transparent url('./images/btn-main-navigation.gif') no-repeat left 0; 
				text-decoration: none;
				cursor: pointer;
			}
			#topNavigation li.special a {color: #c50000;}
			#topNavigation  li a:hover, #topNavigation  li a.active {background-position: right -150px; color: #b40004;}
			#topNavigation  li a:hover span, #topNavigation  li a.active span {background-position: left -150px; color: #b40004; text-decoration: none;}

			#loggedUser {
				position: absolute;
				top: 106px; right: 10px;
				z-index: 100;
			}
	/* 
	*	Main
	*/
		#main {
			height: 100%;
			position: relative;
			margin-bottom: 14px;
		} 
		.boxfItem, .boxllItem, .boxrlItem {
			position: relative;
			height: 100%;
		}
		.boxrlItem {	margin-bottom: 15px;}

		/* Main left colum */
		#boxll {
			position: relative;
			width: 616px;
		}
		/* Main right colum */
		#boxrl {
			position: relative;
			width: 352px;
		}
			.last {margin: 0;}
			
			.boxrlContent {padding: 18px 15px 0 18px;}
			
			.boxAction {
				position: absolute;
				display: block;
				width: 310px;
				bottom: 13px; left: 18px;
				z-index: 100;
			}
			a.more {
				display: inline-block;
				height: 24px;
				padding-right: 35px;
				text-decoration: none;
				font-weight: bold;
				background:  #fff url('./images/bnt-more.gif') no-repeat right 0; 
				color: #fff;
			}
			a.more span { 
				display: inline-block;
				height: 24px;
				padding-left: 20px;
				line-height: 22px;
				background: #fff url('./images/bnt-more.gif') no-repeat left 0; 
				text-decoration: underline;
				cursor: pointer;
			}
			a.more:hover{background-position: right -158px; color: #fff;}
			a.more:hover span{background-position: left -158px; color: #fff; text-decoration: none;}
			
			#countryStats {
				width: 352px; height: 244px;
				background: transparent url('./images/bg-box-country-stats.png') no-repeat 0 0;
			}
			#globalStats {
				width: 352px; height: 244px;
				background: transparent url('./images/bg-box-global-stats.png') no-repeat 0 0;
			}
			#countryStats h3, #globalStats h3, #dealerLogin h3, #selectStatistic h3 {font-size: 140%; color: #282828; padding: 2px 0 7px 0;}
			#countryStats p,  #globalStats li  { line-height: 150%; padding-bottom: 5px;}
			#countryStats  .boxrlContent , #globalStats .boxrlContent {width: 190px;}

			#dealerLogin {
				width: 352px; height: 173px;
				background: transparent url('./images/bg-dealer-login.png') no-repeat 0 0;
			}
			#selectStatistic {
				width: 352px; height: 173px;
				background: transparent url('./images/bg-stats-select.png') no-repeat 0 0;
			}
			#dealerLogin h3, #selectStatistic h3, #selectStatistic p, #dealerLogin th, #dealerLogin a {color:#fff;}
			#dealerLogin .input { width: 145px;}
			#selectStatistic select { width: 305px;}
			.statSelector { padding-top: 15px;}

	/*
	*	Footer
	*/
	#footer {
		padding: 15px 0;
		font-size: 85%;
		border-top: 1px solid #cecece;
		color: #3a3a3a;
	}
		#footer p.copyright {float: left}
		#footer p.links {
			display: block;
			float: right;
			width: 85%;
			text-align: right;
		}
		#footer p.links a { 
			color: #3a3a3a;
			margin: 0; padding: 2px 5px; 
		}
		#footer p.links a:hover  {color: #d40000;}
	
	/* 
	*	Pages 
	*/
			
		/* Title Page */
		#titlePage {
			position: relative;
			width: 616px; height: 505px;
			background: transparent url('./images/bg-title-page.jpg') no-repeat 0 0;
		}
		#titlePage .boxllContent {
			padding: 40px 25px;
			background: none;
		}
		#titlePage h1 {
			width: 320px;
			margin-bottom: 5px;
			font-size: 235%;
			line-height: 110%;
		}
		#titlePage ul {
			margin: 0; padding: 0;
			list-style: none;
			width: 300px;
		}
		#titlePage li {padding-bottom: 8px;}
		#runTest {
			position: absolute;
			width: 340px;
			bottom: 60px; left: 0;
			z-index: 100;
			text-align: center;
		}
		#runTest a {
			display: block;
			width: 191px; height: 65px;
			margin: 0 auto;
			background: transparent url('./images/btn-run-test.png') no-repeat 0 0;
			text-decoration: none;
			font-weight: bold;
			line-height: 3.8em;
			color: #b00101;
		}
		#runTest a:hover {
			background: transparent url('./images/btn-run-test-active.png') no-repeat 0 0;
			color: #fff;
		}
		
		#runTestInopage {text-align: center;}
		#runTestInopage a {
			display: block;
			width: 191px; height: 65px;
			margin: 0 auto;
			background: transparent url('./images/btn-run-test.png') no-repeat 0 0;
			text-decoration: none;
			font-weight: bold;
			line-height: 3.8em;
			color: #b00101;
		}
		#runTestInopage a:hover {
			background: transparent url('./images/btn-run-test-active.png') no-repeat 0 0;
			color: #fff;
		}
		
		#up18 {
			width: 83px; height: 80px;
			position: absolute;
			top: -12px; right: -18px;
			z-index: 150;
			background: transparent url('./images/ico-18up.png') no-repeat 0 0;
		}
		
		/* Test Page */
		#boxfTop {
			height: 11px;
			font-size: 1px;
			background: transparent url('./images/bg-boxf-top.png') no-repeat 0 0;
		}
		#boxfMain {
			background: transparent url('./images/bg-boxf-content.png') repeat-y 0 0;
		}
			#boxfMain  .boxllContent {
				height: 100%;
				padding: 15px 20px;
				margin: 0 1px;
				background: #fff url('./images/bg-boxf-content2.png') repeat-x 0 0;
			}	
		#boxfBottom {
			height: 11px;
			font-size: 1px;
			background: transparent url('./images/bg-boxf-bottom.png') no-repeat 0 0;
		}
			#iQTest {
				height: 425px;
				overflow: hidden;
				position: relative;
				background: transparent url('./images/bg-test.png') no-repeat 0 0;
			}
			
			#iQTest .halfCol { margin-top: 20px;}
		
			.answerChoice {
				width: 131px; height: 131px;
				float: left;
				margin: 3px;
				background-color: #fff;
				border-top: 1px solid #e2e2e2;
				border-right: 1px solid #b4b4b4;
				border-bottom: 1px solid #b4b4b4;
				border-left: 1px solid #e2e2e2;
			}			
			#progresBar {
				position: absolute;
				top: 23px; right: 0;
				width: 300px;
				z-index: 100;
			}
			#progresBar p {
				padding: 6px 0 0 0;
			}
			#progresBar span, #progresBar div {
				float: left;
				font-size: 12px;
				font-weight: bold;
				color: #353535;
			}
			#progresBarSpace {
				width: 181px; height: 17px;
				font-size: 1px;
				background: url('./images/bg-progres-bar.png') repeat-x 0 0; 
				margin: 0 9px;
			}
			#progresBarActive {
				height: 17px;
				font-size: 1px;
				background: url('./images/bg-progres-bar-active.png') no-repeat 0 0; 
			}
			#iQTest .actionRow {
				margin: 15px 30px 0 0;
				text-align: right;
			}
			a.skipQuestion {
				display: inline-block;
				height: 24px;
				padding-right: 35px;
				text-decoration: none;
				font-weight: bold;
				background:  #fff url('./images/bnt-more.gif') no-repeat right 0; 
				color: #fff;
			}
			a.skipQuestion  span { 
				display: inline-block;
				height: 24px;
				padding-left: 20px;
				line-height: 22px;
				background: #fff url('./images/bnt-more.gif') no-repeat left 0; 
				text-decoration: underline;
				cursor: pointer;
				text-decoration: none;
			}
			
		/* SMS Gateway - end of test */
		#smsInfo {
			margin: 30px 0;
		}
		#smsExample {
			float: left;
			position: relative;
			width: 210px; height: 215px;
			background: url('./images/bg-phone.gif') no-repeat 22px 0;
		}
		#smsExample .content {
			position: absolute;
			top: 30px; left: 56px; 
			width: 98px;
			color: #fff;
			font-weight: bold;
		}
		#smsExample .content  p {
			text-align: center;
		}
		#smsExample .content  p span {
			display: block;
			font-size: 130%;
			letter-spacing: -0.03em;
			color: #000;
			padding: 4px 0;
			font-family: Tahoma;
		}
		#smsDirective {
			float: right;
			width: 680px;
			margin: 0; padding: 15px 20px;
			background-color: #f7f7f7; 
			border: 1px solid #e8e8e8; 
		} 
			#helpdesk {
				height: 60px;
				margin-top: 15px; padding: 0 0 0 58px; 
				background: url('./images/envelope.gif') no-repeat 0 10px;
				border-top: 1px dotted #d5d5d5;
			}
				#helpdesk  p {
					margin: 25px 0;
					font-size: 15px;
					font-weight: bold;
				}
		#servicesProvider p {
			padding-top: 15px;
			font-style: italic;
		}
		
		
		
		
			

		/* Sub pages */
		#boxllTop {
			height: 11px;
			font-size: 1px;
			background: transparent url('./images/bg-boxll-top.png') no-repeat 0 0;
		}
		#boxllMain {	
			background: transparent url('./images/bg-boxll-content.png') repeat-y 0 0;
		}
			#boxllMain  .boxllContent {
				position: relative;
				padding: 15px 20px;
				background: transparent url('./images/bg-boxll-content2.png') no-repeat 0 0;
			}	
		#boxllBottom {
			height: 11px;
			font-size: 1px;
			background: transparent url('./images/bg-boxll-bottom.png') no-repeat 0 0;
		}

		/* Registration dealer */
		#steps {
			position: relative;
			height: 147px;
			margin-bottom: 15px;
			background: transparent url('./images/bg-steps.jpg') no-repeat 0 0;
		}
			.step {
				float: left;
				width: 326px;
			}
			.step h4 {padding: 25px 120px 10px 22px; font-family: helvetica; color: #282828;}
			.step p {padding: 0 130px 0 22px;}
		
		/* Country stats */
		.country {
			width: 568px; height: 34px;
			margin-bottom: 10px;
			background: transparent url('./images/bg-country-stats-graph.gif') no-repeat 0 0;
			font-weight: bold;
			font-size: 11px;
			color: #fff;
		}
			.countryContent {width: 430px;}
		
			.subj {
				float: right;
				margin: 11px 15px 0 0;
			}
			.iqValue {
				float: left;
				height: 34px; width: 10%;
				margin-left:  3px;
				background: transparent url('./images/bg-box-country-stats-value.png') no-repeat right center;
			}
			.iqValue span {
				display: block;
				margin: 11px 20px 0 5px;
			}
		
		/* Contact */
		#contactForm {
			position: absolute;
			width: 570px;
			top: 130px; left: 20px;
			z-index: 1000;
		}
		
		/* Member homepage */
		
		.box {
			position: relative;
			width: 460px; height: 190px;
		}
		
		#box01 {
			float: left;
			background: transparent url('./images/bg-member-box-01.png') no-repeat 0 0;
		}
		#box02 {
			float: right;
			background: transparent url('./images/bg-member-box-02.png') no-repeat 0 0;
		}
			#box01 .boxContent {
				width: 50%;
				padding: 15px;
			}
			#box02 .boxContent {
				width: 70%;
				padding: 15px;
			}
			#box02 th  {text-align: right;}

			.box h2 {
				padding-bottom: 6px;
				color: #282828;
			}
			
			.box ul {
				position: absolute;
				bottom: 4px; left: -3px;
				list-style: none;
			}
				.box  li  {
					display: block;
					float: left;
					padding: 0;
					font-weight: bold;
				}
				.box li a {
					display: inline-block;
					height: 34px;
					margin-right: 10px; padding-right: 12px;
					text-decoration: none;
					background: transparent url('./images/btn-member-box.gif') no-repeat right 0; 
					color: #fff;
				}
				.box li a span { 
					display: inline-block;
					height: 34px;
					padding-left: 13px;
					line-height: 30px;
					background: transparent url('./images/btn-member-box.gif') no-repeat left 0; 
					text-decoration: none;
					cursor: pointer;
				}
				.box  li a:hover, .box  li a.active {background-position: right -150px; color: #fff;}
				.box li a:hover span, .box  li a.active span {background-position: left -150px; color: #fff; text-decoration: none;}
				
			.iqNumber {
				font-weight: bold;
				font-size: 230%;
				color: #ce0000;
				line-height: 150%;
			}