* {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif; 
	font-size: 12px;
}

body {
	text-align: center; 
	background: #34b120 url(../images/body_bg.png) repeat-x 0 0;
	color: #eeeeee;
}

a:link, a:visited, a:active, a:focus {
	color: #444444;	
	text-decoration: none;
	outline: none;
}

a:hover, a.link:hover {
	color: #444444;	
	text-decoration: underline;
	outline: none;
}

img {
	border: none;
}

p {
	margin: 0px;
}

table {
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-collapse: collapse;
}
	
	table th {
		text-align: left;
		font-weight: bold;
		vertical-align: middle;
		text-transform: capitalize;
	}

	table td {
		vertical-align: top;
	}

		table td.title {
			font-weight: bold;
			text-align: right;
		}

ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

	ul li {
		margin: 0px;
		padding: 0px 0px 0px 10px;
		text-align: left;
		background: transparent url(../images/dot.png) no-repeat 0 4px;
	}

	ul li.no_point {
		background-image: none;
	}

h1 {
	font-family: Helvetica,Arial,"san serif", Tahoma, Verdana;
	font-size: 24px;
	font-weight: bold;
	letter-spacing:-2px;
	color: #fafafa;
	margin: 10px 0px 10px 0px;
	height: 25px;
	border-bottom: 1px solid #999999;
}

	h1 span {
		font-size: 24px;
		position: absolute;
	}

	h1 span.shadow {
		margin: 1px;
		color: #333333;
	}

form {
	padding: 0px;
	margin: 0px;
}





/* LAYOUT */

#header, #middle, #middle_signin, #footer {
	margin: auto;
	width: 990px;
	text-align: left;
	clear: both;
	margin-bottom: 10px;
}



/* HEADER */

#header {
	height: 70px;
	position: relative;
}

	#logo {
		float: left;
		display: block;
		width: 236px;
		height: 43px;
		margin: 25px 0px 0px 50px;
		background: transparent url(../images/logo.png) no-repeat 0 0;
	}

		#logo span {
			display: none;
		}

	#logo_ism {
		float: right;
		display: block;
		width: 99px;
		height: 45px;
		margin: 25px 0px 0px 0px;
		background: transparent url(../images/ism_logo.png) no-repeat 0 0;
	}

	#logo_ism:hover {
		background: transparent url(../images/ism_logo.png) no-repeat 0 -45px;
	}

		#logo_ism span {
			display: none;
		}



/* COMPANY LINKS */

#top_links {
	position: absolute;
	margin: 0px 0px 0px 20px;
	z-index: 201;
}

	#top_links li {
		float: left;
		height: 32px;
		margin: 0px 5px 0px 0px;
		padding: 0;
		line-height: 32px;
		background-image: none;
		cursor: pointer;
	}

		#top_links li a {
			display: block;
			padding:0 0 0 10px;
			height: 32px;
			background: transparent url(../images/company_links_bg.gif) no-repeat 0 -96px;
			margin: 0;
			line-height: 32px;
			color: #ffffff;
			font-weight: bold;
			text-decoration: none;
			cursor: pointer;
		}


			#top_links li a span {
				display: block;
				padding:0 10px 0 0;
				height: 32px;
				background: transparent url(../images/company_links_bg.gif) no-repeat right -96px;
				margin: 0;
				line-height: 32px;
			}


			#top_links li a:hover {
				background: transparent url(../images/company_links_bg.gif) no-repeat 0 -64px;
				text-decoration: none;
			}

				#top_links li a:hover span {
					background: transparent url(../images/company_links_bg.gif) no-repeat right -64px;
				}


#myonlinepretest #top_links {
	margin-left: 380px;
}

		#myonlinepretest #top_links li a {
			background: transparent url(../images/company_links_bg.gif) no-repeat 0 -32px;
		}

			#myonlinepretest #top_links li a span {
				background: transparent url(../images/company_links_bg.gif) no-repeat right -32px;
			}

			#myonlinepretest #top_links li a:hover {
				background: transparent url(../images/company_links_bg.gif) no-repeat 0 0;
			}

				#myonlinepretest #top_links li a:hover span {
					background: transparent url(../images/company_links_bg.gif) no-repeat right 0;
				}


/* MIDDLE */

#middle, #middle_signin {
	background: transparent url(../images/frame_top.png) no-repeat 0 0;
}

#middle {
	margin-top:-85px;
}

	#left {
		clear: left;
		float: left;
		width: 260px;
		margin: 5px 10px 5px 5px; 
		position: relative;
		z-index: 200;
		color: #b2ffa6;
	}

		#middle #left b.corners b {
			background-color: #989898;
		}

		#middle #left .content {
			background-color: #989898;
			margin: 0px;
			padding: 20px 20px 70px 20px;
		}

		#left a {
			color: #ffffff;
		}

		#middle_signin #login {
			margin: 140px 0px 0px 20px;
			background: transparent url(../images/txt_login.png) no-repeat 0 0;
			padding-top: 90px; 
			line-height: 150%;
		}

			#login form label {
				clear: both;
				float: left;
				margin-bottom: 5px;
				width: 60px;
			}

			#login form input {
				margin-bottom: 5px;
				border: 1px solid #86ef75;
				background-color: #45ce33;
				padding: 3px;
				width: 140px;
				color: #ffffff;
			}

			#login form button {
				clear: both;
				float: left;
				width: 104px;
				height: 45px;
				margin: 5px 0px 0px 57px;
				border: 0;
				background: transparent url(../images/buttons.png) no-repeat 0 -45px;
				cursor: pointer;
			}

				#login form button:hover {
					background: transparent url(../images/buttons.png) no-repeat 0 0;
				}

				#login form button span {
					display: none;
				}

	#right {
		float: right;
		width: 700px;
		margin: 5px 5px 10px 0px;
	}

		#middle #right b.corners b {
			background-color: #7d7d7d;
		}

		#middle #right .content {
			background-color: #7d7d7d;
			margin: 0px;
			padding: 10px 20px 30px 20px;
		}


		#middle_signin #right b.corners b {
			background-color: #7d7d7d;
		}

		#middle_signin #right .content {
			background-color: #7d7d7d;
			margin: 0px;
			padding: 50px 20px 70px 20px;
		}

			#middle_signin #right .content p {
				position: relative;
				z-index: 200;
			}

				#middle_signin div.video {
					float: left;
					width: 380px;
					height: 285px;
					background-color: black;
					margin: 0px 20px 20px 0px;
				}

				#middle_signin #right .content ul {
					margin: 10px 0px 0px 400px;
				}

				#middle_signin #right .content ul.messages_ko, #middle_signin #right .content ul.messages_ok, #middle_signin #right .content ul.messages_info, #middle_signin #right .content ul.messages_okko {
					margin: 10px 0px 0px 0px;
				}



/* FORUM */

	#forum {
		margin: 5px 5px 5px 5px;
		padding-top: 5px;
	}


		#middle #forum b.corners b {
			background-color: #7d7d7d;
		}

		#middle #forum .content {
			background-color: #7d7d7d;
			margin: 0px;
			padding: 0px;
		}








/* TOPMESSAGES */

#topmessages {
	margin: auto;
	width: 990px;
	text-align: left;
	clear: both;
}



/* TOP FRAME */

.topbox {
	margin: auto;
	width: 980px;
	text-align: left;
	clear: both;
	margin-bottom: 10px;
	background: transparent url(../images/frame_top.png) no-repeat 0 0;
	padding: 5px;
}

	.topbox a.close {
		color: #ffffff;
		float: right;
		margin-top: -10px;
	}

	.topbox a {
		color: #444444;
	}

	.topbox b.corners b {
		background-color: #9b9b9b;
	}

	.topbox .content {
		background-color: #9b9b9b;
		padding: 10px;
	}




/* LOST PASSWORD */

#lostpassword {
	overflow: hidden;
}

	#lostpassword .content {
		overflow: hidden;
		height: 150px;
	}

	#lostpassword form {
		background: transparent url(../images/txt_resetpassword.png) no-repeat 0 0;
		padding: 35px 0px 0px 0px;
	}

		#lostpassword table {
			width: 100%;
		}

		#lostpassword table td {
			padding: 0px;

		}

			#lostpassword table td.wide {
				padding: 0px 10px 5px 0px;
				width: 150px;
			}

			#lostpassword table td.small {
				padding: 0px 0px 5px 0px;
				width: 110px;
			}

				#lostpassword .messages_info, #lostpassword .messages_ok, #lostpassword .messages_ko {
					margin: 0px;
				}

			#lostpassword form label {
				display: block;
				margin-bottom: 1px;
			}

			#lostpassword form input {
				border: 1px solid #929292;
				background-color: #d5d5d5;
				padding: 3px;
				width: 140px;
				color: #555555;
			}

			#lostpassword form button {
				width: 104px;
				height: 45px;
				margin: -1px 0px 0px -3px;
				border: 0;
				background: transparent url(../images/buttons.png) no-repeat 0 -45px;
				cursor: pointer;
			}

				#lostpassword form button:hover {
					background: transparent url(../images/buttons.png) no-repeat 0 0;
				}

				#lostpassword form button span {
					display: none;
				}

			#lostpassword form input.error {
				border: 1px solid #ffdddd;
				background-color: #ffeeee;
				color: #ff0000;
			}


		#lostpassword form table.security {
			width: auto;
		}

		#lostpassword form table.security td {
			width: 50px;
			padding-right: 0px;
		}

			#lostpassword form table.security input {
				width: 30px;
			}

			#lostpassword form table.security img {
				margin-top: 1px;
			}





/* SIGN UP */

#signup {
	overflow: hidden;
}

	#signup .content {
		overflow: hidden;
		height: 245px;
	}

	#signup form {
		background: transparent url(../images/txt_signup.png) no-repeat 0 0;
		padding: 35px 0px 0px 0px;
	}

		#signup table {
			width: 100%;
		}


			#signup table td.wide {
				padding: 0px 10px 5px 0px;
				width: 150px;
			}

			#signup table td.small {
				padding: 0px 0px 5px 0px;
				width: 110px;
			}

				#signup .messages_info, #signup .messages_ok, #signup .messages_ko {
					margin: 0px;
				}

			#signup form label {
				display: block;
				margin-bottom: 1px;
			}

			#signup form input {
				border: 1px solid #929292;
				background-color: #d5d5d5;
				padding: 3px;
				width: 140px;
				color: #555555;
			}

				#signup form input#date_from_result {
					width: 120px;
					margin-right: 2px;
				}

				#signup input.coupon {
					width: 80px;
				}

			#signup form select {
				border: 1px solid #929292;
				background-color: #d5d5d5;
				padding: 3px;
				width: 150px;
				color: #555555;
			}

				#signup form select.wide {
					width: 310px;
				}

			#signup form button.gfx {
				width: 104px;
				height: 45px;
				margin: -1px 0px 0px -3px;
				border: 0;
				background: transparent url(../images/buttons.png) no-repeat -104px -45px;
				cursor: pointer;
			}

				#signup form button.gfx:hover {
					background: transparent url(../images/buttons.png) no-repeat -104px 0;
				}

				#signup form button.gfx span {
					display: none;
				}

			#checkusername_response span {
				display: block;
				color: #33ff33;
			}

				#checkusername_response span.error {
					color: #ffbe00;
				}

			#signup form input.error {
				border: 1px solid #ffdddd;
				background-color: #ffeeee;
				color: #ff0000;
			}


		#signup form table.security {
			width: auto;
		}

		#signup form table.security td {
			width: 50px;
			padding-right: 0px;
		}

			#signup form table.security input {
				width: 30px;
			}

			#signup form table.security img {
				margin-top: 1px;
			}


	#package_info_container {
		width: 640px;
		overflow: hidden;
		color: #FFFFFF;
		font-size: 11px;
		font-weight: bold;
		margin: 1px;
	}


/* WELCOME TO */

#myaccount {
	background: transparent url(../images/txt_welcometo.png) no-repeat 0 0;
	padding: 55px 0px 0px 0px;
}

	#myaccount_menu {
		width: 200px;
		float: right;
		margin: -5px -10px 15px 15px;
	}

		#middle #right #myaccount_menu b.corners b {
			background-color: #989898;
		}

		#middle #right #myaccount_menu .content {
			background-color: #989898;
			padding: 10px 10px 5px 10px;
		}

		#myaccount_menu li {
			padding: 0px;
			background-image: none;
			float: left;
			width: 90px;
			text-align: center;
		}

			#myaccount_menu li span {
				margin-left: 20px;
			}

			#myaccount_menu li b {
				font-size: 11px;
				display: block;
			}

			#myaccount_menu li.logout {
				float: right;
			}



/* PROFILE EDIT */

#profileedit {
	background: transparent url(../images/txt_profileedit.png) no-repeat 0 0;
	padding: 35px 0px 0px 0px;
}

	#profileedit form {

	}

	#profileedit h1 {
		margin: 30px 0px 0px 0px;
	}

		#profileedit table {

		}

			#profileedit table td {
				padding-right: 10px;
			}


			#profileedit form label {
				font-weight: normal;
				color: #ffffff;
				display: block;
				margin: 15px 0px 1px 0px;
			}

			#profileedit form input {
				border: 1px solid #707070;
				background-color: #e5e5e5;
				padding: 3px;
				width: 140px;
				color: #555555;
			}

			#profileedit form select {
				border: 1px solid #707070;
				background-color: #e5e5e5;
				padding: 3px;
				width: 150px;
				color: #555555;
			}

			#profileedit form input.wide {
				border: 1px solid #707070;
				background-color: #e5e5e5;
				padding: 3px;
				width: 300px;
				color: #555555;
			}

			#profileedit form input.noborder {
				border: 0;
				background-color: transparent;
				width: auto;
			}

			#profileedit form textarea {
				border: 1px solid #707070;
				background-color: #e5e5e5;
				padding: 3px;
				width: 280px;
				height: 140px;
				color: #555555;
			}

			#profileedit form .textarea {
				border: 1px solid #707070;
				background-color: #e5e5e5;
				padding: 3px;
				width: 280px;
				height: 180px;
				overflow: auto;
				color: #555555;
			}

			#profileedit form .map {
				border: 1px solid #707070;
				padding: 3px;
				width: 340px;
				height: 340px;
			}

			#profileedit form button.gfx {
				width: 104px;
				height: 45px;
				margin: 40px 0px 0px -3px;
				border: 0;
				background: transparent url(../images/buttons.png) no-repeat 0 -45px;
				cursor: pointer;
			}

				#profileedit form button.gfx:hover {
					background: transparent url(../images/buttons.png) no-repeat 0 0;
				}

				#profileedit form button.gfx span {
					display: none;
				}

			#profileedit form .info {
				margin-bottom: 7px;
			}

			#profileedit form input.error {
				border: 1px solid #ffdddd;
				background-color: #ffeeee;
				color: #ff0000;
			}


		#profileedit form table.security {
			width: auto;
		}

		#profileedit form table.security td {
			width: 50px;
			padding-right: 0px;
		}

			#profileedit form table.security input {
				width: 30px;
			}

			#profileedit form table.security img {
				margin-top: 1px;
			}











/* CHECKLIST */

#checklist {
	background: transparent url(../images/txt_checklist.png) no-repeat 0 0;
	padding: 35px 0px 0px 0px;
}

	#middle #right .content #checklist li {
		margin-bottom: 10px;
		padding: 0;
		background-image: none;
	}

	#middle #right .content #checklist b.corners b {
		background-color: #A8A8A8;
	}

	#middle #right .content #checklist .content {
		background-color: #A8A8A8;
		padding: 5px 10px;
	}

	#checklist h2 {
		font-size: 12px;
		font-weight: bold;
		color: #333333;
	}
		
	#checklist li .content p {
		font-size: 11px;
		color: #666666;
		margin-top: 2px;
	}

	#checklist span {
		margin: 0px 0px 0px 5px;
		float: right;
	}

	#checklist form button.gfx {
		width: 104px;
		height: 45px;
		margin: 20px 0px 0px -3px;
		border: 0;
		background: transparent url(../images/buttons.png?v=2) no-repeat -419px -45px;
		cursor: pointer;
	}

		#checklist form button.gfx:hover {
			background: transparent url(../images/buttons.png?v=2) no-repeat -419px 0;
		}

		#checklist form button.gfx span {
			display: none;
		}




/* MY PACKAGES */

#mypackages {
	background: transparent url(../images/txt_mymembership.png) no-repeat 0 0;
	padding: 35px 0px 0px 0px;
}

	#mypackages form {

	}

	#mypackages h1 {
		margin: 30px 0px 10px 0px;
	}


		#middle #right .content #avaliblepackages li {
			margin-bottom: 10px;
			padding: 0;
			background-image: none;
		}

		#middle #right .content #avaliblepackages b.corners b {
			background-color: #A8A8A8;
		}

		#middle #right .content #avaliblepackages .content {
			background-color: #A8A8A8;
			padding: 10px;
		}

		#middle #right .content #avaliblepackages li button, #middle #right .content #avaliblepackages li a.order {
			margin: 10px 0px 0px -3px;
		}

		#mypackages table {

		}

			#mypackages table td {
				padding-right: 10px;
			}



				#avaliblepackages form label {
					display: block;
					margin-bottom: 1px;
				}

				#avaliblepackages form input {
					border: 1px solid #929292;
					background-color: #d5d5d5;
					padding: 3px;
					width: 140px;
					color: #555555;
				}


				#avaliblepackages form input.error {
					border: 1px solid #ffdddd;
					background-color: #ffeeee;
					color: #ff0000;
				}


			#avaliblepackages form table.security {
				width: auto;
			}

			#avaliblepackages form table.security td {
				width: 50px;
				padding-right: 0px;
			}

				#avaliblepackages form table.security input {
					width: 30px;
				}

				#avaliblepackages form table.security img {
					margin-top: 1px;
				}













/* MYONLINEPRETEST */

#myonlinepretest {

}
	#myonlinepretest form {
		background: transparent url(../images/txt_myonlinepretest.png) no-repeat 0 0;
		padding: 35px 0px 0px 0px;
	}

		#myprofile {
			float: left;
			width: 350px;
			margin-right: 10px;
			position: relative;
			z-index: 200;
		}

		#myprofile b.corners b {
			background-color: #a8a8a8;
		}

		#myprofile .content {
			background-color: #a8a8a8;
			padding: 10px;
			overflow: hidden;
		}

		#myprofile .avatar {
			padding: 1px;
			border: 1px solid #cbcbcb;
			background-color: #a8a8a8;
			position: absolute;
		}

		#myprofile .content {
			color: #f0f0f0;
		}

			#myprofile .content p {
				margin: 0px 0px 0px 60px;
				color: #aeffa1;
				clear: left;
			}

				#myprofile .content p b {
					float: left;
					clear: left;
					display: block;
					width: 75px;
					overflow: hidden;
					text-align: right;
					padding-right: 10px;
					font-weight: normal;
					color: #ffffff;
				}


		#myprofile_links {
			float: right;
			width: 590px;
		}

		#myprofile_links b.corners b {
			background-color: #a8a8a8;
		}

		#myprofile_links .content {
			background-color: #a8a8a8;
			padding: 10px;
			overflow: hidden;
		}

			#myprofile_links ul {
				font-weight: bold;
				position: relative;
				z-index: 200;
			}


		#my_progress {
			background-color:#474747;
			clear:both;
			color:#FFFFFF;
			float:right;
			font-weight:bold;
			padding:6px 4px 6px 6px;
		}

			#my_progress b {
				background-color: #ffc22f;
				padding: 4px 6px;
				font-weight: bold;
			}

		#days_left {
			clear: right;
			background-color:#474747;
			clear:both;
			color:#FFFFFF;
			float:right;
			font-weight:bold;
			padding:6px 4px 6px 6px;
			margin-top: 5px;
		}

			#days_left b {
				background-color: #ffc22f;
				padding: 4px 6px;
				font-weight: bold;
			}

		#my_membership {
			margin-top:10px;
			position:relative;
			width:200px;
			z-index:200;
		}
		#my_quickpay {

			position:relative;
			width:240px;
			height:40px;
			background: url(../images/quickbuy_bg.png) no-repeat;
			z-index:1200;
			margin-top:5px;
			padding-left:35px;
			float:left;
		}
		#my_quickpay h5 {color:#23f600;font-size:1.2em;}
		#my_quickpay form {margin:0px;float:left;}
		#my_quickpay input {float:left;margin:4px;}
		p.manage {clear:both;}



#top_buttons {
	color: #EEEEEE;
	margin-bottom: 10px;
}

	#middle #top_buttons b.corners b {
		background-color: #989898;
	}

	#middle #top_buttons .content {
		margin: 0;
		padding: 0 10px 5px 10px;
		background-color: #989898;
	}

	#middle #top_buttons .content ul {
		position: relative;
		z-index: 200;
	}

	#top_buttons li {
		margin-top: 10px;
		padding: 0px;
		background-image: none;
		float: left;
		width: 90px;
		text-align: center;
	}

		#top_buttons li span {
			margin-left: 20px;
		}

		#top_buttons li b {
			font-size: 11px;
			display: block;
		}

		#top_buttons li.logout {
			float: right;
			margin-right:10px;
		}


/* COURSES */

#courses {
	background: transparent url(../images/txt_courses.png) no-repeat 10px 0;
	padding: 35px 0px 0px 0px;
	margin-left: -10px;
}

	#courses ul {
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
	}

		#courses ul li {
			text-align: left;
			background-image: none;
		}

		#courses ul li a, #courses ul li.selected li a {
			display: block;
			margin: 0px;
			padding: 6px 5px 6px 20px;
			border-bottom: 1px solid #a5a5a5;
			background: #989898 url(../images/dot_white.gif) no-repeat 4px center;
			cursor: pointer;
			/* color: #d0d0d0; */
			color: #333333;
			font-weight: bold;
		}

			#courses ul li a:hover, #courses ul li.selected li a:hover, #courses ul li.expandable a:hover {
				background-color: #6c6c6c;
				text-decoration: none;
				color: #cbcbcb;
			}

			#courses ul li.expandable a {
				background: #989898 url(../images/arrows_white.gif) no-repeat 4px center;
			}

			#courses ul li.selected a {
				background-color: #535353; /* #99C195 */
				color: #ffffff;
			}
			




			.dropdown_menu_container a {
				display: block;
				overflow: hidden;
				width: 200px;
			}

			.dropdown_menu_container a span {
				display: block;
				overflow: hidden;
			}

#courses_data {

}

	#courses_data ul {
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
		border: 1px solid #a5a5a5;
		padding: 10px 10px 10px 0px;
		background-color: #989898;
	}

		#courses_data ul li {
			text-align: left;
			background-image: none;
		}

		#courses_data ul li a, #courses_data ul li.selected li a {
			display: block;
			margin: 0px;
			padding: 6px 5px 6px 20px;
			background: #989898 url(../images/dot_white.gif) no-repeat 4px center;
			border-bottom: 1px solid #a5a5a5;
			cursor: pointer;
			/* color: #d0d0d0; */
			color: #333333;
		}

			#courses_data ul li a:hover, #courses_data ul li.selected li a:hover {
				background-color: #6c6c6c;
				text-decoration: none;
				color: #cbcbcb;
			}

			#courses_data ul li.selected a {
				background-color: #535353; /* #99C195 */
				color: #ffffff;
			}


		#courses_data ul li.title a {
			padding: 6px 21px 6px 4px;
			background-image: none;
			border-bottom: none;
			font-weight: bold;
		}




			#courses span, #courses_data span {
				display: block;
				padding-right: 14px;
			}

				#courses span.progress, #courses_data span.progress {
					background: transparent url(../images/progress_star.png?v=1) no-repeat right 0;
				}


				#courses span.progress1, #courses_data span.progress1 {
					background: transparent url(../images/progress_star1.png?v=1) no-repeat right 0;
				}


				#courses span.progress2, #courses_data span.progress2 {
					background: transparent url(../images/progress_star2.png?v=1) no-repeat right 0;
				}

				#courses span.progress_gray, #courses_data span.progress_gray {
					background: transparent url(../images/progress_star_gray.png) no-repeat right 0;
				}




/* COURSE */

#course, #course * {
	/* font-size: 12px; */
}

	#course ol {
		list-style-position: outside;
		margin: 10px 10px 10px 20px;
	}

	#course ul {
		margin: 10px;
	}

	#course ul li, #course ol li {
		padding-bottom: 2px;
	}


	#navi {
		margin: 20px 0px;
	}

		#navi h1, #navi h1 span {
			font-size: 20px;
		}

		#navi h1 {
			margin: 0 0 10px 0;
		}

		#right .content #navi b.corners b {
			background-color: #A8A8A8;
		}

		#right .content #navi .content {
			background-color: #A8A8A8;
			margin: 0px;
			padding: 10px;
		}

		#navi .content li {
			padding: 0;
			background-image: none;
		}

		#navi .content span {
			clear: left;
		}


		#navi a {
			/* line-height: 35px; */
		}

			#navi .next_course, #navi .next_course a {
				float: right;
				font-weight: bold;
				font-size: 13px;
				text-align: right;
			}

			#navi .next_course a.button {
				margin-right: -10px;
				margin-left: 10px;
			}

			#navi .previous_course, #navi .previous_course a {
				float: left;
			}

			#navi .previous_course a, #navi .next_course a {
				display: block;
				width: 230px;
			}

			#navi .previous_course a.button, #navi .next_course a.button {
				display: block;
				width: 57px;
			}


	#progress {
		margin: 20px 0px;
	}

		#progress h1, #progress h1 span {
			font-size: 20px;
		}

		#progress h1 {
			margin: 0 0 10px 0;
		}

		#right .content #progress b.corners b {
			background-color: #A8A8A8;
		}

		#right .content #progress .content {
			background-color: #A8A8A8;
			margin: 0px;
			padding: 10px;
		}

		#right .content #progress .content table {
			width: 100%;
		}

			#right .content #progress .content table td {
				vertical-align: middle;
				line-height: 35px;
			}























/* SQUARE BUTTONS */


.btn_progress, .btn_progress1, .btn_progress2, .btn_progress_active, .btn_progress1_active, .btn_progress2_active, .btn_next, .btn_previous, .btn_print, .btn_question, .btn_forum, .btn_profile, .btn_checklist, .btn_sampletest, .btn_quiz, .btn_video, .btn_start_pretest, .btn_progress, .btn_logout, .btn_tickon, .btn_tickoff {
	display: block;
	width: 57px;
	height: 37px;
	float: left;
	cursor: pointer;
	margin: 0 5px 5px 0;
}

	.btn_progress span, .btn_progress1 span, .btn_progress2 span, .btn_progress_active span, .btn_progress1_active span, .btn_progress2_active span, .btn_next span, .btn_previous span, .btn_print span, .btn_question span, .btn_forum span, .btn_profile span, .btn_checklist span, .btn_sampletest span, .btn_quiz span, .btn_video span, .btn_start_pretest span, .btn_progress span, .btn_logout span, .btn_tickon span, .btn_tickoff span {
		display: none;
	}

	.btn_progress {
		background: transparent url(../images/buttons2.png) no-repeat 0 0;
	}
		.btn_progress:hover {
			background-position: 0 -37px;
		}

	.btn_progress1 {
		background: transparent url(../images/buttons2.png) no-repeat -57px 0;
	}
		.btn_progress1:hover {
			background-position: -57px -37px;
		}

	.btn_progress2 {
		background: transparent url(../images/buttons2.png) no-repeat -114px 0;
	}
		.btn_progress2:hover {
			background-position: -114px -37px;
		}


	.btn_progress_active {
		background: transparent url(../images/buttons2.png) no-repeat 0 -74px;
	}

	.btn_progress1_active {
		background: transparent url(../images/buttons2.png) no-repeat -57px -74px;
	}

	.btn_progress2_active {
		background: transparent url(../images/buttons2.png) no-repeat -114px -74px;
	}


	.btn_previous {
		background: transparent url(../images/buttons2.png) no-repeat -798px 0;
	}
		.btn_previous:hover {
			background-position: -798px -37px;
		}
		.btn_previous:active {
			background-position: -798px -74px;
		}

	.btn_next {
		background: transparent url(../images/buttons2.png) no-repeat -741px 0;
	}
		.btn_next:hover {
			background-position: -741px -37px;
		}
		.btn_next:active {
			background-position: -741px -74px;
		}

	.btn_print {
		background: transparent url(../images/buttons2.png) no-repeat -171px 0;
	}
		.btn_print:hover {
			background-position: -171px -37px;
		}
		.btn_print:active {
			background-position: -171px -74px;
		}

	.btn_question {
		background: transparent url(../images/buttons2.png) no-repeat -456px 0;
	}
		.btn_question:hover {
			background-position: -456px -37px;
		}
		.btn_question:active {
			background-position: -456px -74px;
		}
	.btn_forum {
		background: transparent url(../images/buttons2.png) no-repeat -399px 0;
	}
		.btn_forum:hover {
			background-position: -399px -37px;
		}
		.btn_forum:active {
			background-position: -399px -74px;
		}
	.btn_profile {
		background: transparent url(../images/buttons2.png) no-repeat -228px 0;
	}
		.btn_profile:hover {
			background-position: -228px -37px;
		}
		.btn_profile:active {
			background-position: -228px -74px;
		}
	.btn_checklist {
		background: transparent url(../images/buttons2.png) no-repeat -285px 0;
	}
		.btn_checklist:hover {
			background-position: -285px -37px;
		}
		.btn_checklist:active {
			background-position: -285px -74px;
		}
	.btn_sampletest {
		background: transparent url(../images/buttons2.png) no-repeat -627px 0;
	}
		.btn_sampletest:hover {
			background-position: -627px -37px;
		}
		.btn_sampletest:active {
			background-position: -627px -74px;
		}
	.btn_quiz {
		background: transparent url(../images/buttons2.png) no-repeat -342px 0;
	}
		.btn_quiz:hover {
			background-position: -342px -37px;
		}
		.btn_quiz:active {
			background-position: -342px -74px;
		}
	.btn_video {
		background: transparent url(../images/buttons2.png) no-repeat -513px 0;
	}
		.btn_video:hover {
			background-position: -513px -37px;
		}
		.btn_video:active {
			background-position: -513px -74px;
		}
	.btn_start_pretest {
		background: transparent url(../images/buttons2.png) no-repeat -570px 0;
	}
		.btn_start_pretest:hover {
			background-position: -570px -37px;
		}
		.btn_start_pretest:active {
			background-position: -570px -74px;
		}
	.btn_progressbar {
		background: transparent url(../images/buttons2.png) no-repeat -684px 0;
	}
		.btn_progressbar:hover {
			background-position: -684px -37px;
		}
		.btn_progressbar:active {
			background-position: -684px -74px;
		}
	.btn_logout {
		background: transparent url(../images/buttons2.png) no-repeat -855px 0;
	}
		.btn_logout:hover {
			background-position: -855px -37px;
		}
		.btn_logout:active {
			background-position: -855px -74px;
		}
	.btn_tickon {
		background: transparent url(../images/buttons2.png?v=2) no-repeat -912px 0;
	}
		.btn_tickon:hover {
			background-position: -912px -37px;
		}
		.btn_tickon:active {
			background-position: -912px -74px;
		}
	.btn_tickoff {
		background: transparent url(../images/buttons2.png?v=2) no-repeat -969px 0;
	}
		.btn_tickoff:hover {
			background-position: -969px -37px;
		}
		.btn_tickoff:active {
			background-position: -969px -74px;
		}




/* PAGE */

#textpage {

}

	#textpage ul {
		margin: 10px;
	}

	#textpage ul li {
		padding-bottom: 2px;
	}




/* CAR */

#car_bottom {
	margin: auto;
	text-align: left;
	clear: both;
	margin-bottom: 10px;
	background: transparent url(../images/bg_car_3.png) no-repeat center top;
	height: 275px;
	z-index: 100;
	position: relative;
	top: -180px;
	margin-bottom: -280px;
}

#car {
	background: transparent url(../images/bg_car_3.png) no-repeat scroll center center;
	height: 275px;
	margin-top: -180px;
	position: relative;
	z-index: 100;
}


	#opel_bottom {
		float:right;
		height:150px;
		margin-top:-90px;
		position:relative;
		right:10px;
		width:500px;
		z-index:101;
	}

	#opel_top {
		float:right;
		height:150px;
		margin-top:-210px;
		margin-left:0px;
		position:absolute;
		width:500px;
		z-index:101;
	}




/* BUTTON */

#button_container {
	height: 120px;
	margin: 10px 0 0 640px;
	position: absolute;
	width: 120px;
}




/* FOOTER */

#footer {
	margin-top: 10px;
	margin-bottom: 0px;
	height: 160px;
	background: transparent url(../images/frame_top.png) no-repeat 0 0;
	font-size: 11px;
}

	#footer .content {
		background: transparent url(../images/ism_logo.png) no-repeat -149px 10px;
		padding: 10px 10px 10px 70px;
		height: 50px;
		position: relative;
		z-index: 200;
		color: #d7ffd1;
		font-size: 11px;
	}

	#footer .content a {
		color: #ffffff;
		font-size: 11px;
	}











/* MESSAGE BOXES */

	.messages_info, .messages_ok, .messages_ko, .messages_okko {
		display: block;
		margin-bottom: 20px;
		padding: 10px;
		font-weight: bold;
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
	}

	.messages_info, .topmessages_info ul, .topmessages_info b.corners b {
		border: 1px solid #e1f7d1;
		background-color: #ebffdd;
		color: #939e35;
	}

	.messages_ok, .topmessages_ok ul, .topmessages_ok b.corners b {
		border: 1px solid #dadaff;
		background-color: #dde7ff;
		color: #2266ff;
	}

	.messages_ko, .topmessages_ko ul, .topmessages_ko b.corners b {
		border: 1px solid #ffdddd;
		color: #ff0000;
		background: #ffeeee url(../images/blinking_warning.gif) no-repeat  99% 3px;
	}

	.messages_okko, .topmessages_okko ul, .topmessages_okko b.corners b {
		border: 1px solid #cacaca;
		color: #343434;
		background: #f4f4f4 url(../images/blinking_warning.gif) no-repeat  99% 3px;
	}

	.topmessages_info, .topmessages_ok, .topmessages_ko, .topmessages_okko {
		margin-bottom: 10px;
		position: relative;
	}

	.topmessages_info a.close, .topmessages_ok a.close, .topmessages_ko a.close, .topmessages_okko a.close {
		color: #000000;
		position: absolute;
		top: 5px;
		right: 10px;
		z-index: 200;
	}

		.topmessages_info b.corners b, .topmessages_ok b.corners b, .topmessages_ko b.corners b, .topmessages_okko b.corners b {
			border: none;
		}

		.topmessages_info ul, .topmessages_ok ul, .topmessages_ko ul, .topmessages_okko ul {
			border: none;
			display: block;
			padding: 0px 10px;
			margin: 0px;
			font-weight: bold;
			list-style-image: none;
			list-style-position: outside;
			list-style-type: none;
		}

	.messages_info li, .messages_ok li, .messages_ko li, .messages_okko li, .topmessages_info li, .topmessages_ok li, .topmessages_ko li, .topmessages_okko li {
		background-image: none;
		padding: 0px;
	}





/* CORNERS */

b.corners, b.corners * {
	display: block;
	overflow: hidden;
	font-size: .01em;
}

	b.corners b {
		background-color: #7d7d7d;
	}

		b.corners_1 {
			height: 2px;
			margin: 0px 1px;
		}

		b.corners_2 {
			height: 1px;
			margin: 0px 2px;
		}

		b.corners_3 {
			height: 1px;
			margin: 0px 3px;
		}

		b.corners_4 {
			height: 1px;
			margin: 0px 5px;
		}





/* BUTTONS */

a.order {
	display: block;
}

button.join, button.ok, button.order, button.remove, a.order {
	width: 104px;
	height: 45px;
	border: 0;
	cursor: pointer;
	position: relative;
	z-index: 200;
}

	button.join span, button.ok span, button.order span, button.remove span, a.order span {
		display: none;
	}

button.join {
	background: transparent url(../images/buttons.png) no-repeat -104px -45px;
}

	button.join:hover {
		background: transparent url(../images/buttons.png) no-repeat -104px 0;
	}

button.ok {
	background: transparent url(../images/buttons.png) no-repeat 0 -45px;
}

	button.ok:hover {
		background: transparent url(../images/buttons.png) no-repeat 0 0;
	}

button.order, a.order {
	background: transparent url(../images/buttons.png) no-repeat -208px -45px;
}

	button.order:hover, a.order:hover {
		background: transparent url(../images/buttons.png) no-repeat -208px 0;
	}

button.remove {
	background: transparent url(../images/buttons.png) no-repeat -312px -45px;
}

	button.remove:hover {
		background: transparent url(../images/buttons.png) no-repeat -312px 0;
	}


button.join_big {
	width: 121px;
	height: 61px;
	border: 0;
	cursor: pointer;
	position: relative;
	z-index: 200;
}

	button.join_big span {
		display: none;
	}

button.join_big {
	background: transparent url(../images/buttons_big.png) no-repeat 0 -61px;
}

	button.join_big:hover {
		background: transparent url(../images/buttons_big.png) no-repeat 0 0;
	}














/* EXPANDER */

ul.exp {

}

	ul.exp ul {
		padding: 0px 0px 2px 12px;
	}

	ul.exp .exp_normal {
		color: #6F655D;
		font-weight: normal;
	}

	ul.exp .exp_selected {
		font-weight: bold;
	}

	ul.exp a, ul.exp a:hover {
		text-decoration: none;
	}

		a.exp_expander_plus {
			float: left;
			display: block;
			width: 10px;
			height: 10px;
			margin: 1px 3px 0px 0px;
			background: transparent url(../images/plusminus.gif) no-repeat 0 0;
		}

			a.exp_expander_plus:hover {
				background: transparent url(../images/plusminus.gif) no-repeat -10px 0;
			}

		a.exp_expander_minus {
			float: left;
			display: block;
			width: 10px;
			height: 10px;
			margin: 1px 3px 0px 0px;
			background: transparent url(../images/plusminus.gif) no-repeat 0 -10px;
		}

			a.exp_expander_minus:hover {
				background: transparent url(../images/plusminus.gif) no-repeat -10px -10px;
			}

			a.exp_expander_plus span, a.exp_expander_minus span {
				display: none;
			}





/* DROPDOWN */



		.dropdown_button_calendar {
			float: right;
			display: block;
			cursor: pointer;
			z-index: 200;
			width: 16px;
			height: 16px;
			margin-top: 3px;
			background: transparent url(../images/btn_dropdown_calendar.gif) no-repeat 0 0;
		}

			.dropdown_button_calendar span {
				display: none;
			}


		.dropdown_options {
			display: none; 
			position: absolute; 
			background-color: #d5d5d5; 
			padding: 5px; 
			width: 140px;
			border: 1px solid #929292
			z-index: 300;
			margin-left: 1px;
		}

		.dropdown_options * {
			font-size: 11px;
		}

		.dropdown_options {
			width: 160px;
		}


		#profileedit table td table.headerTable td {
			padding-right: 0;
		}

		#profileedit .dropdown_button_calendar {
			float: none;
			margin-top: -20px;
			margin-left: 150px;
		}

		#profileedit .dropdown_options {
			margin-top: 4px;
		}









a#wdw {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 1000;
	display: block;
	width: 92px;
	height: 40px;
	background: transparent url(../images/wdw.png) no-repeat 0 0;
	margin: 10px;
}

	a#wdw:hover {
		background: transparent url(../images/wdw.png) no-repeat 0 -40px;
	}

	a#wdw span {
		display: none;
	}











/* OTHER */


.clear {
	clear: both;
}

.hidden {
	position: absolute;
	top: -2000px;
	left: -2000px;
}

.info {
	font-size: 10px;
	color: #dddddd;
}

.ok {
	color: #99FF77;
}

.notice {
	color: #ffd800;
}



/* SPACINGS */

.pb_5 {
	padding-bottom: 5px;
}
.pt_5 {
	padding-top: 5px;
}






/* TINY MCE STYLES */


.txt_gray {
	color: #aaaaaa;
}

.txt_orange {
	color: #ffd800;
}

.txt_green {
	color: #99FF77;
}


.size_10 {
	font-size: 10px;
}

.size_11 {
	font-size: 11px;
}

.size_12 {
	font-size: 12px;
}

.size_13 {
	font-size: 13px; 
}

.size_14 {
	font-size: 14px;
}



 







/* 2009_02_24 */


#stamp1 {
	position: absolute;
	z-index: 500;
	display: block;
	width: 149px;
	height: 124px;
	background: transparent url(../images/stamp1.png) no-repeat 0 0px;
	right:-25px;
	top:-15px;
}

#stamp2 {
	position: absolute;
	z-index: 500;
	display: block;
	width: 168px;
	height: 111px;
	background: transparent url(../images/stamp2.png) no-repeat 0 0px;
	right:-25px; 
	top:-15px;
}


/* 2009_03_03 */

#testimonial {
	position: relative;
	z-index: 400;
	margin-top:10px;
}

	#middle_signin #right #testimonial b.corners b {
		background-color: #9B9B9B;
	}

	#middle_signin #right #testimonial .content {
		margin: 0px;
		padding: 35px 20px 10px 20px;
		background: #9B9B9B url(../images/txt_testimonials.png) no-repeat 10px 5px;
	}

	#testimonial_container {

	}

		#testimonial_container b {
			display:block;
			font-size: 120%;
			font-weight: bold;
			color: #444444;
		}
		#testimonial_container span {
			display:block;
			margin-top: -2px;
			font-size: 11px;
			color: #cccccc;
		}
		#testimonial_container i {
			display:block;
			padding:2px 0;
		}


	#testimonial_navi {
		float: right;
		margin:-30px -20px 0 0;
	}

		#testimonial_prevoius, #testimonial_next {
			float: right;
			display: block;
			width: 57px;
		}

		#testimonial_next span, #testimonial_prevoius span {
			display: none;
		}