/***********************************************************************
************************************************************************
Project:		Robin Good's University - pop.robingood.com
Version:		2.0
Last Change:	18/03/2009
Agency:			Web Agency Meta Line - metaline.it
Author:			Matteo Casonato (Wikimaki)
***********************************************************************/

@import "reset.css";
@import "type.css";

body { background: #EFEFEF; border: 0; margin: 0; padding: 0; }

/* Blocchi Principali
-------------------------------------------------------------- */
#container, #head, #spot, #page, #foot, #video, #Blocks { clear: both; margin: auto; width: auto; }
	#head, #spot, #page, #foot, #video, #Blocks { position: relative; width: 960px; }
	#signupP, #head_signup { position: relative; width: 700px; clear: both; margin: auto;padding: 30px 30px 30px 30px;}
	#signupP {margin-bottom:30px;}
	#menu, #signupP, #spot .colA, #spot .colB, #tplHome #page, #tplSyllabus #page .colA, #tplSyllabus #page .colB, #video, #Blocks { background: #FAFAFA; border: 1px solid #CCD2D5; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }

	#spot { margin-bottom: 10px; overflow: hidden; }
		#spot .colA { background: #F0F0F0; float: left; width: 640px; }
		#spot .colB { float: right; width: 300px; }
	#page { margin-bottom: 10px; overflow: hidden; }
	#head { height: 120px; }
	#foot { padding-bottom: 30px; }
	#video { margin-bottom: 20px; }
	#Blocks { background: #F0F0F0; margin-bottom: 20px; }

/* Template
-------------------------------------------------------------- */
#tplHome {}
	#tplHome #page .content { background: url(images/bck-boxsx.png) no-repeat 648px 0; height: 1%; overflow: hidden; padding: 10px; }
		#tplHome #page .colA { float: left; width: 620px; }
		#tplHome #page .colB { float: right; padding: 10px; width: 280px; }

#tplSyllabus {}
	#tplSyllabus #page .content { height: 1%; overflow: hidden; padding: 15px; }
	#tplSyllabus #page .colA { float: left; width: 640px; }
	#tplSyllabus #page .colB { background: #F0F0F0; float: right; width: 300px; }

#tplFullpage {}
	#tplFullpage .content { height: 1%; overflow: hidden; padding: 10px; }
	#tplFullpage #video .colA, #tplFullpage #video .colB { height: 365px; margin: 15px 0; padding: 8px; position: relative; }
	#tplFullpage #video .colA { background: #D6CECE; float: left; width: 710px; }
		#tplFullpage #video .colA img { float: left; }
	#tplFullpage #video .colB { background: #648EA7; color: #fff; float: right; width: 190px; }
		#tplFullpage #video .colB h3 { background: none; padding: 0 0 15px 0; }
		#tplFullpage #video .colB ul { color: #fff; list-style: none; margin: 0; padding: 0; }
			#tplFullpage #video .colB ul li { margin-bottom: 5px; }
			#tplFullpage #video .colB ul li.forum { margin-top: 50px; }
				#tplFullpage #video .colB ul li.forum a { background: url(images/icon-forum.gif) no-repeat 0 0; padding-left: 20px; }
				#tplFullpage #video .colB ul a { color: #fff; font-weight: normal; }
				#tplFullpage #video .colB ul li.execute { margin: 100px 0 0 10px; }
				#tplFullpage #video .colB ul li.execute a { background-image: url(images/btn-execute.png); background-position: 0 0; background-repeat: no-repeat; display: block; font-size: 0.8em; height: 20px; padding: 6px 0 0 30px; text-decoration: none; text-transform: uppercase; width: 130px; }
					#tplFullpage #video .colB ul li.execute a:hover, #tplFullpage #video .colB ul li.execute a.iconActive { background-position: 0 -26px; }

	#tplFullpage #Blocks .colA, #tplFullpage #Blocks .colB { width: 48%; }
		#tplFullpage #Blocks .wrap { background: url(images/hrY.gif) repeat-y 50% 0; height: 1%; overflow: hidden; position: relative; }
			#tplFullpage #Blocks .colA { float: left; }
			#tplFullpage #Blocks .colB { float: right; }
			#tplFullpage #Blocks h4 { position: relative; }
			#tplFullpage #Blocks h4 a { font-size: 0.7em; position: absolute; right: 0; top: 0; }
		#tplFullpage #video p { clear: both; }

/* Blocchi Principali
-------------------------------------------------------------- */
#head .logo { left: 0; position: absolute; top: 10px; }
#head #menu { height: 39px; padding: 1px; position: absolute; right: 0; top: 40px; width: 670px; }
	#head #menu ul { font-size: 1.1em; list-style-type: none; margin: 0; padding: 0; }
		#head #menu ul li { float: left; } #head #menu ul li.right { float: right; }
			#head #menu li a { color: #505050; display: block; font-weight: normal; padding: 7px 37px; text-align: center; text-decoration: none; }
				#head li a:hover { background: #EAEAEA; }
			#head #menu li.active a { background: #374041; color: #fff; float: left; }
			#head #menu li.first a { border-radius: 4px 0 0 4px; -moz-border-radius:  4px 0 0 4px; -webkit-border-radius:  4px 0 0 4px; }
			#head #menu li.last a { border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; }
#head #welcome { color: #999; font-size: 0.7em; position: absolute; right: 0; top: 15px; }

#spot .colA .content { background: #D6D6D6 url(images/bck-spot.png) no-repeat 50% 50%; border: 1px solid #fff; margin: 6px; }
	#spot .colA .map { border: 1px solid #D6CECE; text-align: center; }

#foot ul { color: #9F9F9F; font-size: 0.7em; list-style-type: none; margin: 0; padding: 0; }
	#foot li { display: inline; }

form.accessForm { margin: 10px auto; width: 270px; }
form.accessForm .title { font-size: 1.4em; font-weight: bold; }
form.accessForm .text { font-size: 0.9em; margin-top: 6px; }
form.accessForm dl { margin: 10px auto; }
	form.accessForm dt { font-size: 1.1em; font-weight: bold; margin: 8px 0 3px 0; }
	form.accessForm dd.inputbox { background: #E1E1E1; }
		form.accessForm dd.inputbox input { background: #fff; border: 1px solid #ccc; color: #999; font-size: 1.4em; margin: 3px; padding: 5px 3px; width: 256px; }
	form.accessForm dd.subscribe { margin-top: 10px; text-align: center; }
		form.accessForm dd.subscribe input { background: url(images/btn-blue.png) no-repeat 0 0; border: 0; color: #fff; cursor: pointer; font-size: 1.1em; font-weight: bold; height: 40px; text-align: center; width: 200px; }
	form.accessForm dd.login { color: #9F9F9F; font-size: 0.8em; margin-top: 6px; text-align: center; }

#page h1.icons { background-image: url(images/icons.png); background-repeat: no-repeat; padding: 4px 0 6px 38px; }
	#page h1.icons01 { background-position: 0 0; }
	#page h1.icons02 { background-position: 0 -80px; }
	#page h1.icons03 { background-position: 0 -160px; }
	#page h1.icons04 { background-position: 0 -240px; }
	#page h1.icons05 { background-position: 0 -320px; }
	#page h1.icons06 { background-position: 0 -400px; }
	#page h1.icons07 { background-position: 0 -480px; }
	#page h1.icons08 { background-position: 0 -560px; }
	#page h1.icons09 { background-position: 0 -640px; }

.box { background: #E7E3E2; border: 1px solid #fff; clear: both; margin: 4px 0; }
.box2 { border: 1px solid #E7E3E2; clear: both; margin: 6px 0 6px 1px; padding: 6px 0 6px 1px; }
	.box .border { border: 1px solid #CCD2D5; height: 1%; overflow: hidden; padding: 8px; }
	.box p, .list p { margin: 0; }
	.box .left { background: url(images/hrY.gif) repeat-y 100% 0; padding-right: 10px; width: 74%; }
	.box .right { width: 22%; }
	.events .left { width: 66%; }
	.events .right { width: 28%; }
		.box .right .btnMini { margin: 20px auto 0 auto; }
	.box .icon { float: left; margin-right: 8px; }
	.colB .box { margin: 15px auto; }
	/* OLD CAL HEIGHT: 135 */
		.colB .box .cal { height: 50px; }
		.colB .box .btnMidle, .colB .box .btnMidle:hover { clear: none; float: left; margin-top: 10px; }

.list { clear: both; height: 1%; margin: 8px 0; overflow: hidden; }
.list .icon { float: left; margin-right: 8px; }
.icon2{margin-left:-8px;}
/* Componenti Vari
-------------------------------------------------------------- */
a.video { float: left; margin-right: 10px; }
a.video { background: #fff; border-color: #EFEFEF #D6CECE #D6CECE #EFEFEF; border-style: solid; border-width: 1px; display: inline-block; padding: 5px; position: relative; }
a.video:hover { background: #E8E8E8; }
	a.video img { float: left; }

.iconPlay { display: block; outline: none; position: absolute; text-indent: -999em; z-index: 20; }
	.iconPlayBig { background: url(images/icon-playBig.png) no-repeat 0 0; height: 171px; left: 290px; top: 95px; width: 171px; }
	.iconPlayMid { background: url(images/icon-playMid.png) no-repeat 0 0; height: 45px; left: 115px; top: 48px; width: 45px; }
	.iconPlayMin { background: url(images/icon-playMin.png) no-repeat 0 0; height: 30px; left: 60px; top: 25px; width: 30px; }

.btnMini, .btnMini:hover, .btnMidle:visited { color: #fff; display: block; font-size: 0.75em; padding: 5px 0; text-align: center; text-decoration: none; width: 90px; }
	.greenMini { background: url(images/btn-greenMini.png) no-repeat 0 0; }
	.blueMini { background: url(images/btn-blueMini.png) no-repeat 0 0; }
.btnMidle, .btnMidle:hover, .btnMidle:visited { clear: both; color: #fff; display: block; font-size: 0.75em; padding: 5px 0; text-align: center; text-decoration: none; width: 120px; }


	.greenMidle { background: url(images/btn-greenMidle.png) no-repeat 0 0; color:#ffffff;}
	.greenMidle a:link {color:#FFFFFF;}
	.greenMidle a:visited {color:#FFFFFF;}
	.greenMidle a:hover {color:#FFFFFF;}
	.blueMidle { background: url(images/btn-blueMidle.png) no-repeat 0 0; color:#ffffff; }

.iconMini { margin: 14px 0 0 80px; }

.cal { background-image: url(images/icon-cal.png); background-repeat: no-repeat; float: left; height: 60px; margin-right: 8px; text-align: center; width: 42px; }
	.cal span { display: block; }
	.cal span.m { color: #fff; font: normal 10px  Arial, Helvetica, sans-serif; margin-top: 1px; text-transform: uppercase; }
	.cal span.g { color: #666; font: bold 16px "Times New Roman", Times, serif; line-height: 90%; padding-top: 3px; }
	.cal span.a { color: #666; font: normal 10px Arial, Helvetica, sans-serif;}
	.cal img { clear: both; margin-top: 10px; }

a.iconBox { background-image: url(images/icon-box.gif); background-position: 0 0; background-repeat: no-repeat; display: block; height: 15px; left: 590px; line-height: 15px; position: absolute; text-indent: -999em; top: 6px; width: 15px; }
	a.iconBox:hover, a.iconActive { background-position: 0 -15px; }

.tooltip { position: relative; }
.tooltip em { background: url(images/tooltip.png) no-repeat 0 0; color: #333; display: none; height: 26px; font-weight: normal; font-size: 9px; left: 0; padding-top: 9px; position: absolute; text-align: center; text-decoration: none; top: 95px; width: 100px; z-index: 100; }
.tooltip a em { font-style: normal; text-decoration: none; }

dl.news { margin-bottom: 8px; }
	dl.news dt { color: #000; font-size: 1.1em; line-height: 120%; margin-bottom: 6px; }
		dl.news dt a { color: #000; font-weight: normal; text-decoration: none; }
	dl.news dd.image img { border: 4px solid #ccc; }
	dl.news dd.text { background: url(images/hr.gif) repeat-x 0 100%; padding-bottom: 10px; }
	dl.news dd.data { font-size: 0.8em; padding-bottom: 2px; }

.hr { background: url(images/hr.gif) repeat-x 0 50%; clear: both; padding: 6px 0; }

.metaline { color: #9F9F9F; font-weight: normal; }

.banner { margin: 0 5px; }

.breadcrumb { color: #999; font-size: 0.75em; padding: 6px 0; }
	.breadcrumb a { color: #999; }

/* Accordion
-------------------------------------------------------------- */
dl.accordion { margin-bottom: 30px; }
	.accordion dt span, .accordion dd div.all { border: 1px solid #fff; display: block; padding: 5px; }
	.accordion dt { background: #EFEFEF url(images/accordion-dt.png) no-repeat 0 0; border: 1px solid #CCD2D5; color: #2F2F2F; cursor: pointer; font-size: 1em; font-weight: bold; margin-bottom: 1px; position: relative; }
		.accordion dt strong { margin-right: 12px; text-align: center; width: 20px; }
		.accordion dt span:hover { color: #006699; }
	.accordion dt.open, .accordion dt.open span:hover { color: #fff; }
		.accordion dt.open span { background: #006699 url(images/accordion-dt.png) no-repeat 0 -60px; }
	.accordion dd { background: #E4E4E4; border: 1px solid #CCD2D5; border-top: none; font-size: 0.9em; line-height: 120%; margin: -1px 0 1px 0; overflow: hidden; }
		.accordion dd div.media { height: 160px; margin: 10px 0; overflow: hidden; position: relative; }
			.accordion dd div.media ul { list-style: none; margin: 0; padding: 0; }
				.accordion dd div.media ul li { float: left; margin-right: 1px; }
			.accordion dd div.media a.btnFullpage { background: url(images/btn-fullpage.png) no-repeat 0 0; color: #fff; display: block; font-size: 1.1em; height: 22px; padding: 8px 0 0 35px; position: absolute; right: 80px; text-decoration: none; text-transform: uppercase; top: 126px; width: 161px; }
			
	.accordion dt, .accordion dt span { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
	.accordion dt.open, .accordion dt.open span { border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
	.accordion dd, .accordion dd div.all { border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; }

dl.accordion dt.start, dl.accordion dt.start span:hover { color: #999; cursor: default; }
dl.accordion dt.closed, dl.accordion dt.closed span:hover { color: #999; cursor: default; }
dl.accordion img.iconFree, dl.accordion img.iconPro { position: absolute; right: 30px; top: 8px; }
dl.accordion img.iconComing { position: absolute; right: 5px; top: 8px; }



h3 span { cursor: pointer; }

.accordion .box { font-size: 120%; margin: 4px; }

/* Tabs
-------------------------------------------------------------- */
div.tabs { position: relative; }
div.tabs div.active { display: block; }
ul.tabs { margin: 0; padding: 0; }
	ul.tabs li { float: left; list-style: none; }
		ul.tabs li a { text-decoration: none; }

#video div.videoPanel { border: 1px solid #fff; clear: both; height: 340px; width: 710px; }
	#video div.videoPanel a { text-decoration: none; }
/*	#video ul.tabsVideo { position: absolute; right: 8px; top: 357px; width: 242px; }
*/
	#video ul.tabsVideo { position: absolute; right: 0px; top: 357px; width: 250px; }
		#video ul.tabsVideo li { margin-left: 0px;margin-right:5px; }
		#video ul.tabsVideo a.icon { background-position: 0 0; background-repeat: no-repeat; display: block; height: 15px; text-indent: -9999em; }
			#video ul.tabsVideo a.videoHiQ { background-image: url(images/icon-hiquality.gif); width: 100px; }
			#video ul.tabsVideo a.videoMeQ { background-image: url(images/icon-mediumquality.gif); width: 122px; }
			#video a.icon:hover, #video li.active a.icon { background-position: 0 -15px; }

ul.tabsPage { position: absolute; right: 5px; top: -24px; }
	ul.tabsPage li { font-size: 0.75em; margin-left: 2px; }
		ul.tabsPage li a { background: #89A9BC; color: #fff; display: block; padding: 0 2px; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
		ul.tabsPage li a:hover, ul.tabsPage li.active a { background: #648EA7; }
		
.simple_left {float:left;}
.simple_right {float:right;}
.tool_left {float:left;width:150px;}
.tool_right {float:right;width:270px;}
.tool_leftR {float:left;width:150px;}
.tool_rightR {float:right;width:150px;}
.events_left {float:left;width:30px;}
.events_right {float:right;width:330px;}
.signup_left {float:left;width:155px;}
.signup_left_invoice {float:left;width:170px;padding-top:3px;}
.signup_right {float:right;width:430px;}
.evS_right {float:right;width:190px;}
.form_text { color: #464646; font-size: 0.82em; line-height: 140%; margin: 0.8em 0 0.8em; }
h1.signupPage { color: #3275AC; font: bold 1.85em "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: -1px;margin-bottom:40px;padding-bottom:40px; }

.signupPage_small { color: #3275AC; font: bold 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: -1px;margin-bottom:40px;padding-bottom:40px; }
.signupPage { color: #3275AC; font: bold 2em "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: -1px;margin-bottom:40px;padding-bottom:40px; }
.signupPageSelect { color: #3275AC; font: bold 2em "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: -1px;margin-bottom:20px;padding-bottom:20px; }


.signupHolder {width:600px;display:table;padding-bottom:30px;}
.smallSignup {font-size:0.7em;}
.smallSignup2 {font-size:0.6em;}
		.btn { display: block; border: none; clear: both; color: #ffffff; cursor: pointer; font-weight: bold; text-align: center; text-decoration: none; text-transform: uppercase; }
			.btnBlue { background: url(images/btn-blue.png) no-repeat 0 0; margin-top: 5px; width: 200px;color:#FFFFFF; }
				input.btnBlue { height: 40px; margin-left: 142px; }
				a.btnBlue { margin: 15px auto; padding: 11px 0; width: 200px;color:#FFFFFF; }
				.btnBlue a:link { margin: 15px auto; padding: 11px 0; width: 200px;color:#FFFFFF; }
				.btnBlue a:visited { margin: 15px auto; padding: 11px 0; width: 200px;color:#FFFFFF; }
				.btnBlue a:active { margin: 15px auto; padding: 11px 0; width: 200px;color:#FFFFFF; }
				.btnBlue a:hover { margin: 15px auto; padding: 11px 0; width: 200px;color:#FFFFFF; }


.contentInvoice { #D6D6D6 url(images/bck-spot.png) no-repeat border: 1px solid #fff; margin: 6px; width:500px;padding:15px;}

h5 {padding-top:3px;margin-top:3px;line-height:130%;}