/**********************************************************

	TAG DEFINITIONS

**********************************************************/

html, body
		{
		height: 100%;
		}
body
		{
		margin: 0;
		padding: 0;
		font: 55% Tahoma, Helvetica, Arial, Verdana, sans-serif;
		background: #303b5c url('/demo/congressi/toki_files/website/img/bg_body.gif') 50% 50% repeat-x;
		}
img
		{
		border: 0;
		}
form
		{
		margin: 0;
		padding: 0;
		}
input,
select,
textarea
		{
		font: 55% Verdana, Tahoma, Helvetica, Arial, sans-serif;
		}
hr
		{
		display: none;
		}

/**********************************************************

	LAYOUT IDS

**********************************************************/

#halign
		{
		width: 100%;
		height: 100%;
		font-size: 1em;
		}
#halign tr td
		{
		vertical-align: middle;
		text-align: center;
		background: url('/demo/congressi/toki_files/website/img/bg_halign.jpg') 50% 50% no-repeat;
		}
#wrapper
		{
		margin: auto;
		width: 750px;
		height: 450px;
		text-align: left;
		}
#header
		{
		float: left;
		margin: 0;
		padding: 0;
		}
#header img
		{
		display: block;
		}
#navigation
		{
		float: right;
		height: 50px;
		}
#navigation ul
		{
		margin: 0;
		padding: 0;
		}
#navigation ul li
		{
		float: left;
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
#navigation ul li a
		{
		display: block;
		float: left;
		margin: 10px 2px;
		border: 0;
		padding: 0 10px;
		font: bold 1.4em Verdana, sans-serif;
		color: #a3acc7;
		line-height: 30px;
		letter-spacing: -1px;
		text-transform: lowercase;
		text-decoration: none;
		}
#navigation ul li a:hover
		{
		margin: 12px 2px 0px 2px;
		border-top: 3px solid #ffcc00;
		border-bottom: 5px solid #39415d;
		color: #fff;
		line-height: 30px;
		background-color: #39415d;
		}
#pagetitle
		{
		clear: both;
		float: left;
		margin: 0;
		padding: 0;
		width: 40px;
		height: 370px;
		overflow: hidden;
		}
#pagetitle img
		{
		display: block;
		}
#pagecontent
		{
		float: left;
		padding: 20px 20px;
		width: 470px;
		height: 330px;
		overflow: auto;
		background: url('/demo/congressi/toki_files/website/img/bg_colwrapper.jpg') -40px 0 no-repeat;
		}
		/*\*/
		* html #pagecontent
				{
				width: 510px;
				height: 370px;
				w\idth: 470px;
				he\ight: 330px;
				background-attachment: fixed;
				}/**/
#pagecolumn
		{
		float: left;
		width: 200px;
		height: 370px;
		overflow: hidden;
		}
#pagecolumn .colcontent
		{
		padding: 10px;
		}
#footer
		{
		clear: both;
		padding: 5px;
		font: bold 1.1em Verdana, Tahoma;
		color: #7782a2;
		text-align: right;
		}
#footer a
		{
		color: #4c567b;
		text-decoration: none;
		}
#footer a:hover
		{
		color: #ff9900;
		text-decoration: underline;
		}
#pagecontent h3
		{
		margin: 10px 0;
		padding: 0;
		font: bold 1.4em Verdana, Tahoma;
		color: #ffcc00;
		}
#pagecontent p
		{
		margin: 5px 0;
		padding: 0;
		font: normal 1.2em Verdana;
		color: #ced5eb;
		line-height: 1.4;
		}
#pagecontent p a
		{
		color: #ced5eb;
		}
#pagecontent p a:hover
		{
		color: #ffffff;
		}
#pagecontent ul
		{
		margin: 5px 0;
		padding: 0;
		}
#pagecontent ul li
		{
		margin: 3px 20px;
		padding: 0;
		font: 1.2em Verdana;
		color: #ced5eb;
		line-height: 1.5;
		list-style: url('/demo/congressi/toki_files/website/img/list_arrow1.gif');
		}
#pagecontent ul li a
		{
		color: #ced5eb;
		text-decoration: none;
		}
#pagecontent ul li a:hover
		{
		color: #ffffff;
		text-decoration: underline;
		}
#pagecolumn .colcontent p
		{
		margin: 6px 0;
		padding: 0;
		font: normal 1.1em Verdana;
		color: #ced5eb;
		line-height: 1.2;
		}
#pagecolumn .colcontent p a
		{
		color: #ced5eb;
		}
#pagecolumn .colcontent p a:hover
		{
		color: #ffffff;
		}
#pagecolumn .colcontent ul
		{
		margin: 0 0 6px 0;
		padding: 0;
		}
#pagecolumn .colcontent ul li
		{
		margin: 2px 5px;
		padding: 0 0 0 15px;
		font: 1em Verdana;
		color: #ced5eb;
		line-height: 1.1;
		list-style-type: none;
		background: url('/demo/congressi/toki_files/website/img/list_arrow1.gif') center left no-repeat;
		}
#pagecolumn .colcontent ul li a
		{
		color: #ced5eb;
		text-decoration: none;
		}
#pagecolumn .colcontent ul li a:hover
		{
		color: #ffffff;
		text-decoration: underline;
		}
.columntitle
		{
		margin: 0;
		padding: 0;
		}
.columntitle img
		{
		display: block;
		}

/**********************************************************

	CLASSES

**********************************************************/

.clear
		{
		display: block;
		clear: both;
		height: 1px;
		}
.clear img
		{
		display: block;
		border: 0;
		height: 1px;
		}
.akey
		{
		text-decoration: underline;
		}
.red
		{
		color: #FF4400;
		}
.orange
		{
		color: #ff9c00;
		}

.indietro
		{
		}
.indietro a
		{
		}
.indietro a:hover
		{
		text-decoration: underline;
		}

/**********************************************************

	TOKI MODULES

**********************************************************/

#TOKIMODnewsbox,
#TOKIMODnextevents
		{
		padding: 10px;
		width: 180px;
		height: 125px;
		overflow: auto;
		}
		/*\*/
		* html #TOKIMODnewsbox,
		* html #TOKIMODnextevents
				{
				width: 200px;
				height: 145px;
				w\idth: 180px;
				he\ight: 125px;
				}/**/
#TOKIMODnewsbox p
		{
		line-height: 1em;
		}
#TOKIMODnewsbox p.m1
		{
		margin: 0;
		font: normal 1em Tahoma, sans-serif;
		color: #636e8e;
		text-align: right;
		line-height: 1.1em;
		}
#TOKIMODnewsbox p.m2
		{
		margin: 3px 0 0 0;
		font: bold 1.1em Verdana, sans-serif;
		color: #ffffff;
		}
#TOKIMODnewsbox p.m3
		{
		margin: 0 0 0 0;
		font: normal 1em Verdana, sans-serif;
		color: #ced5eb;
		}
#TOKIMODnewsbox p.m4
		{
		margin: 3px 0 10px 0;
		font: normal 1em Verdana, sans-serif;
		color: #a3acc7;
		}

/*********************************************************/

#TOKIMODnextevents p
		{
		line-height: 1em;
		}
#TOKIMODnextevents p.m1
		{
		margin: 0;
		font: bold 1.1em Verdana, sans-serif;
		color: #ffffff;
		line-height: 1.1em;
		}
#TOKIMODnextevents p.m2
		{
		margin: 3px 0 3px 0;
		font: bold 1.1em Verdana, sans-serif;
		color: #ffcc00;
		}
#TOKIMODnextevents p.m3
		{
		margin: 0 0 3px 0;
		font: normal 1em Tahoma, Verdana, sans-serif;
		color: #636e8e;
		}
#TOKIMODnextevents p.m4
		{
		margin: 0 0 10px 0;
		font: bold 1em Verdana, Tahoma, sans-serif;
		color: #ff6600;
		}
#TOKIMODnextevents p.m4 a
		{
		font-weight: normal;
		color: #ff9900;
		text-decoration: none;
		}
#TOKIMODnextevents p.m4 a:hover
		{
		color: #ffbb00;
		text-decoration: underline;
		}

/*********************************************************/

#TOKIMODeventslist
		{
		}
#TOKIMODeventslist div.mwrapper
		{
		margin: 0;
		background: #6f7a9c;
		height: 1%;
		}
#TOKIMODeventslist p.m1
		{
		float: left;
		margin: 0 10px 0 0;
		border: 1px solid #4c567b;
		font: normal 1em Tahoma, Verdana, sans-serif;
		color: #39415d;
		}
#TOKIMODeventslist p.m1 img
		{
		display: block;
		border: 0;
		}
#TOKIMODeventslist p.m2
		{
		margin: 0;
		padding: 5px 5px;
		font: bold 1.2em Verdana, Tahoma, sans-serif;
		color: #ffffff;
		letter-spacing: -1px;
		background: #4c567b;
		}
#TOKIMODeventslist p.m2 a
		{
		color: #ffffff;
		text-decoration: none;
		}
#TOKIMODeventslist p.m2 a:hover
		{
		color: #ff9900;
		}
#TOKIMODeventslist p.m3
		{
		margin: 0;
		padding: 3px 5px;
		font: normal 1em Tahoma, sans-serif;
		color: #a3acc7;
		background: #566085;
		}
#TOKIMODeventslist p.m4
		{
		margin: 0;
		padding: 3px 5px;
		font: normal 1em Tahoma, sans-serif;
		color: #ced5eb;
		background: #6f7a9c;
		}

/*********************************************************/

#TOKIMODeventslistnavigation
		{
		}
#TOKIMODeventslistnavigation p.mwrapper
		{
		margin: 0 0 2px 0;
		padding: 0 5px;
		font: normal 1.2em Verdana, Tahoma, sans-serif;
		height: 2em;
		line-height: 2em;
		background: #39415D;
		}
#TOKIMODeventslistnavigation span.m1
		{
		display: block;
		float: left;
		width: 33.3%;
		color: #566085;
		text-align: left;
		}
#TOKIMODeventslistnavigation span.m2
		{
		display: block;
		float: left;
		width: 33.3%;
		color: #CED5EB;
		text-align: center;
		}
#TOKIMODeventslistnavigation span.m3
		{
		display: block;
		float: left;
		margin-right: -3px; /* fix to IE duplicate character bug */
		width: 33.3%;
		color: #566085;
		text-align: right;
		}

/*********************************************************/

#TOKIMODeventslistoptions p.indietro
		{
		margin: 5px 0 0 0;
		font: bold 1.2em Verdana, Tahoma, sans-serif;
		color: #ff9900;
		letter-spacing: -1px;
		}
#TOKIMODeventslistoptions p.indietro a
		{
		color: #ffffff;
		text-decoration: none;
		}
#TOKIMODeventslistoptions p.indietro a:hover
		{
		text-decoration: underline;
		}

/*********************************************************/

#TOKIMODeventdetails1
		{
		}
#TOKIMODeventdetails1 p.m1
		{
		margin: 0;
		font: bold 1.1em Verdana, Tahoma, sans-serif;
		color: #ffcc00;
		text-align: right;
		}
#TOKIMODeventdetails1 h3.m2
		{
		margin: 0 0 0 0;
		border-bottom: 1px solid #ffcc00;
		padding: 0 0 5px 0;
		font: bold 1.5em Verdana, Tahoma, sans-serif;
		color: #ffffff;
		}
#TOKIMODeventdetails1 p.m3,
#TOKIMODeventdetails1 p.m4,
#TOKIMODeventdetails1 p.m5
		{
		margin: 0 0 1px 0;
		padding: 5px;
		font: normal 1.1em Verdana, Tahoma, sans-serif;
		background: #566085;
		}
#TOKIMODeventdetails1 p.m6
		{
		float: left;
		margin: 0 1px 0 0;
		border-bottom: 1px solid #ff9900;
		padding: 5px 10px;
		width: 78px;
		height: 190px;
		overflow: hidden;
		font: normal 1.2em Verdana, Tahoma, sans-serif;
		line-height: 1.4em;
		background: #6f7a9c;
		}
		/*\*/
		* html #TOKIMODeventdetails1 p.m6
				{
				width: 98px;
				height: 200px;
				w\idth: 78px;
				he\ight: 190px;
				}/**/
#TOKIMODeventdetails1 div.m7
		{
		float: left;
		margin: 0;
		border-bottom: 1px solid #ff9900;
		padding: 10px 10px;
		width: 350px;
		height: 180px;
		overflow: auto;
		background: #ced5eb;
		}
		/*\*/
		* html #TOKIMODeventdetails1 div.m7
				{
				width: 330px;
				height: 200px;
				w\idth: 350px;
				he\ight: 180px;
				}/**/
#TOKIMODeventdetails1 div.m7 p
		{
		font: normal 1.2em Verdana, Tahoma, sans-serif;
		line-height: 1.4em;
		color: #566085;
		}
#TOKIMODeventdetails2
		{
		}
#TOKIMODeventdetails2 p.m1
		{
		margin: 0;
		}
#TOKIMODeventdetails2 p.m2
		{
		margin: 10px 0;
		border: 1px solid #ff9900;
		padding: 5px;
		font: bold 1.2em Tahoma, sans-serif;
		color: #ff9900;
		text-align: center;
		background: #566085;
		}
#TOKIMODeventdetails2 p.m2 a
		{
		color: #ff9900;
		text-decoration: none;
		}
#TOKIMODeventdetails2 p.m2 a:hover
		{
		color: #ffffff;
		}
#TOKIMODeventdetails2 p.indietro
		{
		margin: 5px 0 0 0;
		font: bold 1.2em Verdana, Tahoma, sans-serif;
		color: #ff9900;
		letter-spacing: -1px;
		}
#TOKIMODeventdetails2 p.indietro a
		{
		color: #ffffff;
		text-decoration: none;
		}
#TOKIMODeventdetails2 p.indietro a:hover
		{
		text-decoration: underline;
		}

/*********************************************************/


#TOKIMODcontact,
#TOKIMODsubscription
		{
		padding: 10px;
		}
#TOKIMODcontact br,
#TOKIMODsubscription br
		{
		clear: both;
		}
#TOKIMODcontact label,
#TOKIMODsubscription label
		{
		display: block;
		float: left;
		margin-right: 5px;
		border-bottom: 1px dotted #566085;
		padding: 5px 0;
		width: 100px;
		font-size: 1.2em;
		color: #ced5eb;
		text-align: left;
		}
#TOKIMODcontact .field,
#TOKIMODcontact .textarea,
#TOKIMODsubscription  .field,
#TOKIMODsubscription .textarea,
#TOKIMODsubscription .textarea_s
		{
		display: block;
		float: left;
		border: 1px solid #566085;
		padding: 3px 4px;
		width: 210px;
		height: 12px;
		font-size: 1em;
		color: #6f7a9c;
		background: #ced5eb;
		}
		#TOKIMODcontact .textarea,
		#TOKIMODsubscription .textarea
				{
				width: 310px;
				height: 100px;
				}
		/*\*/
		* html #TOKIMODcontact .field,
		* html #TOKIMODsubscription .field
				{
				width: 220px;
				height: 20px;
				w\idth: 210px;
				he\ight: 12px;
				}/**/
		/*\*/
		* html #TOKIMODcontact .textarea,
		* html #TOKIMODsubscription .textarea
				{
				width: 310px;
				height: 108px;
				w\idth: 310px;
				he\ight: 100px;
				}/**/
		#TOKIMODsubscription .textarea_s
				{
				height: 80px;
				}
#TOKIMODcontact .field:focus,
#TOKIMODcontact .textarea:focus,
#TOKIMODsubscription .field:focus,
#TOKIMODsubscription .textarea:focus,
#TOKIMODsubscription .textarea_s:focus
		{
		background: #FFFFFF;
		}
#TOKIMODcontact .button,
#TOKIMODsubscription .button
		{
		border: 1px solid #566085;
		padding: 5px;
		font-size: 1em;
		font-weight: bold;
		color: #FFFFFF;
		background: #566085;
		}
