@charset "utf-8";
/*-----------------------------------------------------------------------------
[client] Screen Stylesheet

version:   1.0
date:      21/11/07
author:    [Olivier Robert]
email:     [olivier at xpossible dot com]
website:   [xpossible.com]
-----------------------------------------------------------------------------*/
.mainContentInner { width:100%; height:auto; background:url(../images/mchw_bg.jpg) repeat-x bottom;}/*to add the bottom bg*/

/* Home Splash
-----------------------------------------------------------------------------*/
div#help_splash { background:url(../images/helpCentre_splash.jpg) no-repeat; }
div#moreTuto { width:100%; height:48px; }
	div#moreTuto a { width:283px; height:45px; background:url(../images/helpCentre_more.jpg) no-repeat; display:block; margin:0 0 0 25px; background-position:0 3px;}
	body#home div#moreTuto { visibility:hidden; }
div#tuto { width:100%; height:412px;;}
ul.tutorial { list-style:none; padding:242px 0 0 365px; }
	ul.tutorial li { width:260px; display:block; float:left;}
	ul.tutorial li.userGuide { height:auto; }
	ul.tutorial li.userGuide span.doc { width:50%; height:35px; line-height:35px; display:block; float:left;}
	ul.tutorial li.userGuide span.html { background:url(../images/html.png) no-repeat; background-position:32px 10px;}
	ul.tutorial li.userGuide span.pdfs { background:url(../images/pdf.png) no-repeat; background-position:3px 10px;}
	ul.tutorial li.userGuide a { font-size:12px; color:#4e4e50; cursor:pointer;}
	ul.tutorial li.userGuide a.htmlxp { margin-left:55px;}
	ul.tutorial li.userGuide a.pdfxp { margin-left:25px;}
	ul.tutorial li.userGuide span.questionLan { width:100%; display:block; clear:both; margin-top:20px; font-size:11px; text-align:center;}
	ul.tutorial li.userGuide span.filesLan { width:100%; display:block; clear:both; margin-top:10px;  font-size:11px; text-align:center; }
	ul.tutorial li#vista { margin:12px 0 0 30px; }

/* Main Content Top
-----------------------------------------------------------------------------*/
.mctop { width:100%; height:150px;}
.basictop { width:100%; height:25px; background:url(../images/mctop_bg.jpg) top no-repeat;}

/* left column
-----------------------------------------------------------------------------*/
.mcl { width:595px; height:auto; padding:10px 25px 0 25px; float:left; }
.mcl h1 { font-size:25px; font-weight:bold;  color:#FF6600;  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; text-transform:uppercase; margin-bottom:10px;}
.mcl h2 { font-size:16px; font-weight:bold; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; margin-bottom:15px; }
.mcl p { font-size:13px; font-weight:normal; line-height:150%; margin:5px 0 10px 0;}

/* user guide*/
ul#userGuide { cursor: pointer; list-style:none; font-size:12px; margin-bottom:20px; }
	ul.orderlist { list-style:none; margin-left:20px; clear:both;}
	ul#userGuide li { width:100%; height:auto; line-height:20px; clear:both; }
	ul#userGuide li b { display:block; width:550px; float:left; font-size:13px; font-weight:normal; line-height:25px;  background:url(../images/page_white_text.png) center left no-repeat; margin-bottom:5px; padding-left:25px; border-bottom:1px dotted #E2E2E2; }
	ul#userGuide li span.userArrow{ display:block; width:20px; height:25px; float:left;  border-bottom:1px dotted #E2E2E2;}
	ul#userGuide li span.userArrow img { margin-top:5px;}
	
/*help content*/
ul.helpContent, ol.helpContent { margin-left:20px; line-height:200%; font-size:12px;}
	ul.helpContent img, ol.helpContent img { margin:20px 0 20px 0;}
	ul span.hilite, ol span.hilite { font-weight:bold; font-size:12px; }
div.links { width:100%; height:auto; padding:10px 0 25px 0; margin-top:20px; font-size:12px; background:#F2F2F2; border-top:1px solid #E2E2E2;}
	div.links .plink { width:auto; height:auto; display:block; float:left; padding:8px 10px 8px 10px; border:1px solid #E2E2E2; float:right; }
	div.links .plink a:hover {text-decoration:none;}
	div.links .plink:hover { border:1px solid #CCCCCC; cursor:pointer;}

/* right column
-----------------------------------------------------------------------------*/
.mcr { width:280px; height:auto; float:left; padding:10px 25px 0 10px; background:url(../images/contactTop.jpg) no-repeat; background-position:10px 10px;  }
.mcrwrap { width:260px; height:auto; float:left; margin:30px 0 0 0; padding:0 10px 0 10px;  background:url(../images/contactBg.jpg) bottom no-repeat; }

/* home page*/
div#contactTeam { margin-bottom:20px;}
	div#contactTeam span.contactTeamTitle { display:block; text-align:center; font-size:13px; letter-spacing:1px; text-transform:uppercase; font-weight:bold; }
	div#contactTeam ul.contactChoice { list-style:none; margin:15px 0 5px 0;}
	div#contactTeam ul.contactChoice li { font-size:13px; letter-spacing:1px; text-transform:uppercase; margin-bottom:5px; background:url(../images/mcrlist.png) no-repeat top left; }
	div#contactTeam ul.contactChoice li span { display:block; margin-left:20px;}
	div#contactTeam p { font-size:11px; text-transform:none; letter-spacing:normal; margin:0 0 10px 15px; }
	div#contactTeam span.messenger { height:20px; display:block; margin:5px 0 5px 0;}
	div#contactTeam span.iconLabel { width:auto; height:20px; display:block; float:left; margin-left:20px; font-size:12px; font-weight:bold; text-transform:capitalize;}
	div#contactTeam a.messenger { width:20px; height:20px; display:block; float:left; margin-left:20px;}
	div#contactTeam a.contactEmail { width:102px; height:32px; display:block; margin:10px auto 0 auto; background:url(../images/clickHere.png) no-repeat;}
	div#contactTeam a:hover.contactEmail { background:url(../images/clickHerehover.png) no-repeat;}