/* TSS Web Screen Styles
   ----------------------------------------------------*/

body {
	margin:0;
	padding:0;
	background:#3b3e41;
	font-family: Verdana, helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.6;
	min-width:980px;
}

a {
	color:#ef1f3c;
}
a:hover {

}

th {
	text-align: left;
	font-weight: bold;
	background-color: #e9e9ff;
	text-align: center;
}


#headbg {
	background: url('../pics/headbg.gif') bottom repeat-x #22385a;
	float:left;
	width:100%;
}
#head {
	float:left;
	width:100%;
	color:#06286e;
	}
	#head .logoLink img {
		position:absolute;
		left:40px;
		top:22px;
		border:0;
	}
	#head ul {
		list-style:none;
		padding:43px 0 0 280px;
		margin:0;
		float:left;
		font-size:90%;	
		text-transform:uppercase;
		font-weight:bold;
	}
	#head li {
		padding:0 0 5px 0; /* Simulate bottom margin */
		margin:0;
		float:left;	
	}
	#head li a, #head li strong {
		padding:5px 15px 0 15px;
		line-height:2.5em;	
		display:block;
		border-left:1px solid #9aa4ba;	
		float:left;			
	}
	#head ul li a {
		color: #9ba3b5;
		text-decoration:none;
	}

	#head ul li a:hover {
		color: white;
	}
	#head li.sel {
		background:url(../pics/menusel.gif) bottom repeat-x;
		color: #ff5757;
	}
	#head li.sel a {
		color: #ff5757;
		border
	}
	#head li strong a {
		padding: 0;
		border: 0;
	}
	
	#head li.sel strong {
		/*font-weight:normal;*/
	}	
	#head #headhelp {
		float:right;	
		width:280px;
	}
	/*
	#head #searchpanel {
		float:right;
		text-align:right;
		clear:right;
		margin:55px 0 0 0;
		padding:0 21px 0 0;
		width:100%;
	}
	#head form fieldset {	
		margin:0;
		padding:0;
		font-size:90%;
		border:0;
		
	}	
	#head form fieldset #search {
		margin-left:3px;
		
	}
	*/			
	#head #loginPanel {
		margin:16px 23px 0 0;
		padding:0;
		float:right;
		font-size:90%;
	}
	#head #langpanel {
	
		margin:16px 23px 0 0;
		padding:0;
		position: absolute;
		top: 0;
		right: 0;
		
		font-size:90%;
	}
	#head #langpanel strong {
		color: white;
	}

	
#mainframe {
	background:url(../pics/framebg.gif) repeat-x top white;
	width:100%;
	float:left;

}
#textframe {
	float:left;
	width:700px;	
	padding-bottom: 30px;
}
/* Ilustrations for sections */
/*.services #textframe {
	background: url(../pics/ilu/ilu2.jpg) no-repeat 0 38px;
}
.company #textframe {
	background: url(../pics/ilu/ilu3.jpg) no-repeat 0 38px;
}*/

#subnavigation {
	margin:30px 0;
	float:left;
	width:240px;
	color:gray;
	height:220px;
}
#subnavigation .innerpadding {
	padding:0 0 0 25px !important;
	margin:0 !important;
}

#subnavigation ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:100%;
}
#subnavigation ul li {
	margin:10px 0;
	padding:0 0 0 15px;
	line-height:100%;
	color:#06286e;
}


#subnavigation .sepBox {
	font-weight:bold;
	margin-top:1.3em !important;
	padding-top:0.5em;
	background:url('../pics/border.gif') top repeat-x;
	}
	#subnavigation .sepBox ul {
		margin-bottom:1.3em !important;
		padding-bottom:0.6em;
		background:url('../pics/border.gif') bottom repeat-x;
	}	
#subnavigation ul li a {
	color:#06286e;
	text-decoration:none;	
}
#subnavigation ul li a:hover {
	color:#ef1f3c;
	text-decoration:underline;
}			
#subnavigation ul li.sel {
	background:url(../pics/staract.gif) left no-repeat;
	color:#ef1f3c;
}
#subnavigation ul li.sel a {
	color:#ef1f3c;	
}
#subnavigation p {
	margin-top:30px;
}
#textframe .innerpadding {
	margin:32px 56px 0 280px; 
	color:#202020;
}		
#subnavigation .innerpadding {
	margin:30px 0 40px 0;
}

#footnavigation {
	clear:both;
	padding:20px 0 20px 0; 
	text-align:right;
	width:750px;
	float:left;
}
/* Totop link */
#footnavigation a {
	text-decoration:none;
	font-weight:bold;
}






/* Typograhphy */
#textframe h2 {
	font-size:120%;
	color:black;
	margin:1.7em 0 0;
}
#textframe h3 {
	font-size:100%;
	color:black;
	margin:1em 0 0;
}
#textframe h4 {
	margin:1.2em 0 0 0 !important;
	font-size:100%;
	color:black;
}
#textframe p, #textframe dl, #textframe ul, #textframe ol, #textframe table {
	margin-top:0.9em;
	margin-bottom:0;
}

#textframe ul {
	list-style:none;
	margin-top:0.3em;
	margin-left:0;
	padding-left:10px;
}
#textframe ul li {
	background:url(../pics/dot.gif) no-repeat 0 8px;
	padding-left:12px;
	margin-bottom:0.1em;
}
.pinkBox {
	background:#d4e6f6;
	color:#001d59;
	padding:8px 12px;
	margin-bottom:1.2em;
}
.pinkBox ul {
	list-style:square;
	padding:0 0 0 20px;
}
.floatRight {
	float:right;
	margin:5px 0 20px 20px;
}
.floatLeft {
	float:left;
	margin:5px 15px 90px 0;	
	border: 0px;
}
.bordered {
	margin-top:1.3em !important;
	padding-top:1.3em;
	background:url('../pics/border.gif') top repeat-x;
}
.careerPosition {
	font-size:110%;
	margin:0.5em !important;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
}
.careerBox {
	background:#d4e6f6;
	color:#001d59;
	margin:1em 0;
	padding:8px 9px;
}
.gray {
	color: #a0a0a0;
}


code {
	border: 1px dashed #bbb;
	font-size: 12px;
	padding: 5px;
	background-color: #f9f9f9;
	margin: 5px;
	display: block;
}



a.next {
	background: url(../pics/next.gif) no-repeat right;
	padding-right: 12px;
}
a.doc {
	background: url(../pics/doc.gif) no-repeat left;
	padding-left: 16px;
}




.cleaner {
	clear: both;	
}




#slideBar {
	background: url('../pics/slideBg.gif') repeat-x top #132744;
	color: #fbfcfd;
	border-bottom: 5px solid #49617b;
	}
	#slideBar .padding {
		padding: 18px 20px 10px 42px;
	}
	#slideBar #aboutColumn {
		float: left;
		width: 37%;	
	}
	#slideBar .paddingInner {
		padding-right: 37px;
	}	
	#slideBar .productColumn {
		float: left;
		width: 28%;
	}
	#slideBar .productColumn img {
		margin-bottom: 1px;
	}
	#slideBar .productColumn .paddingInner {
		padding-left: 110px;
		padding-top: 34px;
		padding-bottom: 6px;
	}
	#slideBar .tahutiSlide {
		background: url('../pics/products/tahutiSlide.gif') no-repeat left;
	}
	#slideBar .bellaDatiBISlide {
		background: url('../pics/products/bellaDatiBISlide.gif') no-repeat left;
	}
	#slideBar a {
		background: url('../pics/arrowDark.gif') right bottom no-repeat;
		padding-right: 12px;
	}
		
#aboutFrame {
	float:left;
	width:30%;
	margin:20px 0 0; /* Top border of columns */
	}
	#aboutFrame .colpadding  {
		margin:0 0 0 40px; /* Left border */
		padding:0 20px 0 0;
		}		
#newsFrame {
	float:left;
	width:45%;
	margin:20px 0; /* Top border of columns */
	/*color:#ef1f3c;*/	
	border-left:1px solid silver;
	padding:0 0 10px;		
	}
	#newsFrame .colpadding  {
		margin:0 20px 0 20px; /* Left border */
		/*padding:0 20px 0 0;*/
		border-right:1px solid silver;
		padding:0 20px 1em 0;
		}
	#newsFrame dl {
		margin:0;
	}
	#newsFrame dt {		
		font-weight:bold;
		/*margin-bottom:0.1em !important;*/
		margin:0 0.1em 0 0 !important;
		}				
#partnersFrame {
	margin:20px 0 0;
}
#partnersFrame img {
	margin:0 20px 20px 0;
	vertical-align:middle;
}
#partnersFrame {
	width: 23%;
	float: left;
}
#indexframe {
	background: white;
	float: left;
	width: 100%;	
}
#indexframe h2 {
	font-size:100%;
	padding:0;
	margin:0 0 1em !important;
}
#indexframe p {
	margin:0 0 1em;	
}
#indexframe dd, #indexframe dt {
	margin:0 0 1em;	
}
#indexframe .rssIcon {
	float:right;
}
#indexframe .rssIcon img {
	border:0;
}
#indexframe .books { /* Social bookmarks */
	margin-top:20px;
	color:silver;
	font-size:90%;
}
#indexframe .books a {
	text-decoration: none;
}
#indexframe .books img {
	border:0;
	vertical-align: middle;
	margin:3px 3px 0 0;
}


.productsItem a {
	padding: 3px 0 3px 37px;
	display: block;
}
.tahutiIcon {
	background: url('../pics/products/tahutiIcon.gif') no-repeat 0 5px !important;
}
.bellaDatiIcon {
	background: url('../pics/products/belladatiIcon.gif') no-repeat 6px 3px !important;
}

.servicesItem a {
	padding: 2px 0 2px 37px;
	display: block;
}

.serviceDashboardsIcon {
	background: url('../pics/serviceDashboards.gif') no-repeat 6px 3px !important;	
}
.servicePortalIcon {
	background: url('../pics/servicePortal.gif') no-repeat 6px 3px !important;
}
.serviceWarehouseIcon {
	background: url('../pics/serviceWarehouse.gif') no-repeat 6px 3px !important;
}





/* Footer */ 
#foot {
	float:left;
	width:100%;
	border-top:5px solid #292b2d;
	padding:0 0 20px;
	background:url(../pics/footbg.gif) no-repeat left top #3b3e41;

}		
#foot #footcontact {
	float:left;
	margin:0;
	padding:0 0 0 80px;

}
#foot #footccopying {
	margin:0 0 0 0;
	float:left;
	border-left:1px solid #575a5c;
	padding:14px 0 0 20px;
	line-height:1.9 !important;
	width:36em;
}

#foot p {
	width:220px;

}	
		
#foot #footwebmaster {
	float:right;
	border-left:1px solid #575a5c;
	padding:8px 0 0 20px;
	line-height:2.7em;	
}
#foot h4 {
	font-size:90%;
	color:white;
	font-weight:normal;
	padding:8px 0 0 20px;
	margin:0;
	float:left;
	border-left:1px solid #575a5c;
	line-height:2.7em;	
}
#foot a {
	color:silver;
}
#foot a:hover {
	color:white;
}			
#foot p {
	padding:16px 0 0 20px;
	margin:0 0 0 0;
	font-size:90%;
	line-height:1.4em;
	color:#a0a0a0;
	float:left;
}






.noshow {
	display:none;
}







#attractor {
	float:right;
	padding:30px 30px 0 0;
	text-align:right;
	font-weight:bold;
}
#attractor a {
	color:gray;
	text-decoration:none;
	background-image:url('../pics/stargr.gif');
}
#attractor a:hover {
	color:#ed1c24;
	text-decoration:underline;
	background-image:url('../pics/staract.gif');
}

#mailBody {
	width: 600px;
	height: 120px;
}

#mailSubmit {
	color:#06286e;
	border:2px solid #06286e;
	background: #fafafa;
	font-weight:bold;
}
			
			
			
			
/* Slideshow */			

.slideShowBox {
	position:relative;
	height: 163px;
	width: 100%;
	background: silver;	
}
.slideShowFrame {
	position: absolute; 
	top: 0;
	left: 0;
	height: 163px;
	width: 100%;
}
#slideTahutiCs {
	background: url('../pics/slideshow/slideTahuti.jpg');
}
#slideO2SkolaCs {
	background: url('../pics/slideshow/slideO2Skola.jpg');
}
#slideMisdCs {
	background: url('../pics/slideshow/slideMisd.jpg');
}
#slideTahutiEn {
	background: url('../pics/slideshow/slideTahuti_en.jpg');
}
#slideO2SkolaEn {
	background: url('../pics/slideshow/slideO2Skola_en.jpg');
}
#slideMisdEn {
	background: url('../pics/slideshow/slideMisd_en.jpg');
}	
.slideNav {
	border-top: 6px solid #d7d7d7;
	text-align: right;
}
.showSlide {
	float:right;
	background: #d7d7d7;
	cursor: pointer;
	padding: 0 5px 4px;
	color: #383838;
}
.slide-slideO2SkolaCs {
	padding-left:15px;	
}
.slide-slideTahutiCs {
	padding-right:15px;	
}
.slideNav .hover {
	color: red;
}


#textframe table {		
	line-height:1.6;
	font-size: 100%;
}
#textframe table.list, #textframe table.stripes {
	font-size: 100%;
	table-layout: auto;
	border-spacing: 0;
	border-collapse: collapse;
	width: 540px;
}
#textframe table.list td, #textframe table.list th {
	border:1px solid silver;
	padding: 2px 4px;
}
#textframe table.list th {
	background: rgb(230, 230, 230);
}
#textframe table.list tbody th {
	text-align: left;	
	vertical-align: top;
}
#textframe table.list .center {
	text-align: center;
}
#textframe table.list img {
	vertical-align: middle;	
}
#textframe table.stripes td {
	vertical-align: top;	
}
#textframe table.stripes td h3 {
	margin-top: 0.4em;	
}
#textframe table.stripes td p {
	margin-top: 0.4em;	
}

#textframe table.stripes td {
	background:url('../pics/border.gif') top repeat-x;
	padding-bottom: 0.5em;
}



.screenshot {
	padding: 10px 0; 
}
.screenshot img {
	border: 1px solid gray !important;
}

#textframe table tr.masked th {
	font-weight: normal;
}

img.popupImage {
	border: 2px solid white;
}
a#popupCloser {
	position: absolute;
	display: block;
	margin: 0 auto;
	top: 0;
	background: red;
}



.required {
	font-weight: bold;
	color: #B00000;
}

.error {
	font-weight: bold;
	color: #FF0000;
}

.success {
	font-weight: bold;
	color: #006f00;
}




table.loginTable td {
	padding: 4px 15px 4px 0;
}
table.layouter {
	width: 40em;
}


p.screenshotNote {
	margin-top: 20px !important;
	color: gray;
	text-align: center;
	font-style: italic;
}
p.screenshotBlock {
	padding: 5px 0;
	margin-top: 1px solid silver !important;
}