/*
 * FILE: css/default.css
 * ---------------------------------------------------------------
 * VERSION: 0.1.0.1
 * ---------------------------------------------------------------
 * COPYRIGHT:
 *   (C) 2005 - 2007 AIGES oHG, Cologne, Germany
 * ---------------------------------------------------------------
 * BESCHREIBUNG:
 * -------------
 * MVC CMS Stylesheet.
 *
 * ---------------------------------------------------------------
 * TODO:
 * ----- *
 * 
 *
 * ---------------------------------------------------------------
 * CHANGELOG:
 * ----------
 * 0.1.0.3 - 07.04.07 -
 - added css classes messageBox.{error,info,confirm,warn}
 * 0.1.0.2 - 19.01.07 - Jan Zimmerschied
 - added css classes for advertisements:  ads120x600, ads125x125, ads468x60, ads728x90
 * 0.1.0.1 - 09.10.06 - Athanasios Bountos
 - initial version.
 */

img { border: 0px; }

.bRed {		border:		solid red 1px;}
.b0 {		border:		0px;}
.bt0{		border-top:	0px;}
.clear{		clear:		both;}
.fl{		float:		left;}
.fr{		float:		right;}

.db{		display:	block;}
.di{		display:	inline;}

.tal{		text-align:	left;}
.tac{		text-align:	center;}
.taj{		text-align:	justify;}
.tar{		text-align:	right;}
.tb{		font-weight:	bold;}
.tu{		text-decoration:underline;}
.ti{		font-style:	italic;}

.fs8	{	font-size: 	8pt;}
.fs9	{	font-size: 	9pt;}
.fs10	{	font-size: 	10pt;}
.fs11	{	font-size: 	11pt;}
.fs12	{	font-size: 	12pt;}
.fs14	{	font-size: 	14pt;}
.fs16	{	font-size: 	16pt;}

.fs06em	{	font-size:	0.6em;}
.fs07em	{	font-size:	0.7em;}
.fs08em	{	font-size:	0.8em;}
.fs09em	{	font-size:	0.9em;}
.fs1em	{	font-size:	1em;}
.fs11em	{	font-size:	1.1em;}
.fs12em	{	font-size:	1.2em;}
.fs2em	{	font-size:	2em;}

/* Padding */
.p0{		padding:	0px;}
.p1{		padding:	1px;}
.p2{		padding:	2px;}
.p3{		padding:	3px;}
.p4{		padding:	4px;}
.p5{		padding:	5px;}
.p6{		padding:	6px;}
.p7{		padding:	7px;}
.p8{		padding:	8px;}
.p9{		padding:	9px;}
.p10{		padding:	10px;}
.p12{		padding:	12px;}
.p20{		padding:	12px;}

.pt0{		padding-top:	0px;}
.pt3{		padding-top:	3px;}
.pt5{		padding-top:	5px;}
.pt6{		padding-top:	6px;}
.pt7{		padding-top:	7px;}
.pt10{		padding-top:	10px;}
.pt15{		padding-top:	15px;}
.pt18{		padding-top:	18px;}
.pt20{		padding-top:	20px;}
.pt30{		padding-top:	30px;}
.pt36{		padding-top:	36px;}
.pt40{		padding-top:	40px;}

.pb0{		padding-bottom:	0px;}
.pb1{		padding-bottom:	1px;}
.pb2{		padding-bottom:	2px;}
.pb3{		padding-bottom:	3px;}
.pb4{		padding-bottom:	4px;}
.pb5{		padding-bottom:	5px;}
.pb6{		padding-bottom:	6px;}
.pb7{		padding-bottom:	7px;}
.pb8{		padding-bottom:	8px;}
.pb10{		padding-bottom:	10px;}
.pb15{		padding-bottom:	15px;}
.pb18{		padding-bottom:	18px;}
.pb20{		padding-bottom:	20px;}

.pl0{		padding-left:	0px;}
.pl1{		padding-left:	1px;}
.pl2{		padding-left:	2px;}
.pl3{		padding-left:	3px;}
.pl4{		padding-left:	4px;}
.pl5{		padding-left:	5px;}
.pl6{		padding-left:	6px;}
.pl7{		padding-left:	7px;}
.pl10{		padding-left:	10px;}

.pr1{		padding-right:	1px;}
.pr2{		padding-right:	2px;}
.pr3{		padding-right:	3px;}
.pr4{		padding-right:	4px;}
.pr5{		padding-right:	5px;}
.pr6{		padding-right:	6px;}
.pr10{		padding-right:	10px;}
.pr20{		padding-right:	20px;}
.pr1em{		padding-right:	1em;}

/* Margin */
.ma{		margin:		auto;}
.m1{		margin:		1px;}
.m2{		margin:		2px;}
.m3{		margin:		3px;}
.m4{		margin:		4px;}
.m5{		margin:		5px;}
.m6{		margin:		6px;}
.m7{		margin:		7px;}
.m8{		margin:		8px;}
.m9{		margin:		9px;}
.m10{		margin:		10px;}

.mt0{		margin-top:	0px;}
.mt1{		margin-top:	1px;}
.mt2{		margin-top:	2px;}
.mt3{		margin-top:	3px;}
.mt4{		margin-top:	4px;}
.mt5{		margin-top:	5px;}
.mt6{	 	margin-top:	6px;}
.mt8{		margin-top:	8px;}
.mt10{	 	margin-top:	10px;}
.mt15{	 	margin-top:	15px;}
.mt20{	 	margin-top:	20px;}
.mt30{	 	margin-top:	30px;}

.mr0{		margin-right:	0px;}
.mr1{		margin-right:	1px;}
.mr2{		margin-right:	2px;}
.mr3{		margin-right:	3px;}
.mr4{		margin-right:	4px;}
.mr5{		margin-right:	5px;}

.ml0{		margin-left:	0px;}
.ml1{		margin-left:	1px;}
.ml2{		margin-left:	2px;}
.ml3{		margin-left:	3px;}
.ml4{		margin-left:	4px;}
.ml5{		margin-left:	5px;}
.ml6{		margin-left:	6px;}
.ml8{		margin-left:	8px;}
.ml10{		margin-left:	10px;}
.ml20{		margin-left:	20px;}
.ml30{		margin-left:	30px;}
.ml35{		margin-left:	35px;}
.ml40{		margin-left:	40px;}

.mb0{		margin-bottom:	0px;}
.mb1{		margin-bottom:	1px;}
.mb2{		margin-bottom:	2px;}
.mb3{		margin-bottom:	3px;}
.mb4{		margin-bottom:	4px;}
.mb5{		margin-bottom:	5px;}
.mb6{		margin-bottom:	6px;}
.mb10{		margin-bottom:	10px;}
.mb15{		margin-bottom:	15px;}
.mb20{		margin-bottom:	20px;}
.mb30{		margin-bottom:	30px;}
.mb40{		margin-bottom:	40px;}
.mb50{		margin-bottom:	50px;}

/* Width */
.w1{	width:	1%;}
.w2{	width:	2%;}
.w3{	width:	3%;}
.w4{	width:	4%;}
.w5{	width:	5%;}
.w6{	width:	6%;}
.w7{	width:	7%;}
.w8{	width:	8%;}
.w9{	width:	9%;}
.w10{	width:	10%;}
.w15{	width:	15%;}
.w20{	width:	20%;}
.w22{	width:	22%;}
.w24{	width:	24%;}
.w25{	width:	25%;}
.w28{	width:	28%;}
.w30{	width:	30%;}
.w33{	width:	33%;}
.w40{	width:	40%;}
.w45{	width:	45%;}
.w46{	width:	46%;}
.w50{	width:	50%;}
.w54{	width:	54%;}
.w60{	width:	60%;}
.w64{	width:	64%;}
.w66{	width:	66%;}
.w75{	width:	75%;}
.w80{	width:	80%;}
.w90{	width:	90%;}
.w95{	width:	95%;}

.w100{	width:		100%;}
.w220{		width:		220px;}
.w14em{		width:		14em;}

/* Advertising */
/* horizontal */
.ads234x60 {	margin: auto; width: 234px; height: 60px;}
.ads468x60  {	margin: auto; width: 468px; height: 60px;}
.ads728x90  {	margin: auto; width: 728px; height: 90px;}
/* square */
.ads125x125 {	margin: auto; width: 125px; height: 125px;}
.ads250x250 {	margin: auto; width: 250px; height: 250px;}
.ads200x200 {	margin: auto; width: 200px; height: 200px;}
/* Vertical */
.ads120x240 {	margin: auto; width: 120px; height: 240px;}
.ads120x600 {	margin: auto; width: 120px; height: 600px;}
.ads160x600 {	margin: auto; width: 160px; height: 600px;}

/* Message Boxes */
div.messageBox {
	font-size: 12px;
	margin: 0 0 15px 0;
	border: 1px solid #000;
	padding: 12px 40px 12px 0;
	background-repeat: no-repeat;
	background-position: 20px 14px;
	background-color: #ffffcc;
	border-color: #ffcc00;
	width: auto;
	min-height: 48px;
}
div.messageBox.info {
	background-image: url(../img/icon_notification.gif);
	background-color: #eff7fe;
	border-color: #83a8cc;
	color: #000;
	padding-left: 80px;
}
div.messageBox.confirm {
	background-image: url(../img/icon_confirmation.gif);
	background-color: #fafff1;
	border-color: #a9d260;
	color: #000;
	padding-left: 80px;
}
div.messageBox.error {
	background-image: url(../img/icon_critalert.gif);
	background-color: #ffffcc;
	border-color: #ffcc00;
	color: #c60000;
	padding-left: 80px;
}
div.messageBox.warn {
	background-image: url(../img/icon_noncritalert.gif);
	background-color: #ffffcc;
	border-color: #ffcc00;
	color: #000;
	padding-left: 80px;
}