/* General Styles */
	/* Misc. */
	html {
		height: 100%;
	}
	html.dj_ie.dj_ie7 {
		overflow: hidden;
	}
	body {
		background: #FFF;
		font: 14px Verdana, Geneva, sans-serif;	
		height: 100%;
		overflow: hidden;
	}
	h1, h2, h3, h4, h5 {
		/*margin: 25px 0;*/
	}
	select {
		padding: 1px;
	}
	p {
		color: #000;
		font-size: 12px;
		font-family: Verdana, Geneva, sans-serif;
	}
	a {
		text-decoration: none;
		color: #06F;
	}
	a:hover {
		text-decoration: underline;
	}
	table {
		width: 100%;
		border-collapse: collapse;
		float: left;
	}
	td, th {
		padding: 3px;
		border: 1px solid #ccc;
		text-align: left;
		vertical-align: middle;
	}
	/* Misc Class */
	.table-center {
		text-align: center;
	}
	.table-top {
		vertical-align: top;
	}
	.labels {
		font-size: 11px;
	}
	.button {
		background-color: #EEE;
		border: 1px solid #999;
		color: #000;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		font-weight: bold;
		padding: 6px 14px;
		height: 28px;
		margin-top: 10px;
	}
	.button:hover{
		color: #666;
		background-color: #e2e2e2;
		border: 1px solid #CCC;
	}
	.button_internal {
		background-color: #EEE;
		border: 1px solid #999;
		color: #000;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		font-weight: bold;
		padding: 2px 14px;
		height: 28px;
	}
	.button_internal:hover{
		color: #666;
		background-color: #e2e2e2;
		border: 1px solid #CCC;
	}
	.button_users {
		background-color: #EEE;
		border: 1px solid #999;
		color: #000;
		font: bold 11px Verdana, Geneva, sans-serif;
		padding: 6px 14px;
		height: 28px;
		margin-top: 10px;
		margin-left: 20px;
	}
	.button_users:hover{
		color: #666;
		background-color: #e2e2e2;
		border: 1px solid #CCC;
	}
	.search {
		margin: 0px 0px 10px;
		padding: 10px;
		float: right;
		background: #F2F2F2;
	}
	.clear {
		clear: both;
	}
	.clearRight {
		clear: right;
	}
	.clearLeft {
		clear: left;
	}
	.overflowHidden {
		overflow: hidden;
	}
	/* Table Zebra Striping */
	tr:nth-of-type(odd) { 
		background: #eee; 
		font:11px Verdana, Geneva, sans-serif;
	}
	.odd {
		background: #eee; 
		font:11px Verdana, Geneva, sans-serif;
	}
	tr { 
		background: #fff; 
		font:11px Verdana, Geneva, sans-serif;
	}
	th { 
		background: #333; 
		color: white; 
		font:bold 11px Verdana, Geneva, sans-serif;
	}
/* General Layout */
	/* Page Header */
	#headPage {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: 20px;
		width: 100%;
		background: #4282c3;
		border-bottom: 1px solid #5C94CB;
	}
	#interiorHeader {
		position: fixed;
		top: 21px; /*20px height + 1px bottom*/
		left: 0;
		right: 0;
		height: 94px;
		background: #4282c3;
		border-bottom: 1px solid #5C94CB;
		text-align: center;
	}
	/* Content Section */
		/* Header */
		#top-content {
			position: fixed;
			top: 116px; /*20px height + 1px border + 95px height + 1px border*/
			left: 0;
			right: 0;
			font:11px Verdana, Geneva, sans-serif;
			background: #1F4061 url(../images/logo-commonsense.png) no-repeat right;
			padding-left: 55px;
			height: 20px;
			padding-top: 4px;
			color: #CCC;
		}
		#top-content a {
			color: #CCC;
		}
		#top-content a:hover {
			color: #FFC423;
		}
		/* Left Navigation */
		#language {
			padding-top: 10px;
			padding-bottom: 11px;
			padding-left: 105px;
			border-bottom: 1px solid #E1E1E1;
			font-size: 11px;
			color: #FFF;
			background: #1F4061;
			margin-bottom: 40px;
		}
		.dj_ie.dj_ie7 #language {
			padding-top: 11px;
			padding-bottom: 12px;
			padding-left: 95px;
		}
		.dj_ie.dj_ie8 #language {
			padding-top: 11px;
			padding-bottom: 12px;
		}
		#left-navigation-btn {
			background: #1F4061;
			border-top: 1px solid #5C94CB;
			position: absolute;
			top: 0;
			left: 0px;
			height: 42px;
			width: 45px;
			z-index: 10;
		}
		.dj_ie7 #left-navigation-btn, .dj_ie8 #left-navigation-btn {
			height: 45px;
		}
		.dj_gecko #left-navigation-btn {
			height: 41px;
		}
		#navigation {
			left: 0px;
			width: 250px;
			position: absolute;
			top: 140px; /*116px + 4 padding + 20 height*/
			padding-bottom: 50px;
			z-index: 2;
		}
		#left-menu-container {
			position: absolute;
			left: -250px;
			width: 250px;
			z-index: 9;
			background: #4282c3;
			padding-bottom: 40px;
		}
		.glossymenu{
			margin: 0px;
			padding: 0;
			width: 250px;
		}
		.glossymenu a.menuitem{
			background: #3671AB;
			font: bold 14px Arial, Helvetica, sans-serif;
			display: block;
			position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
			width: auto;
			padding: 10px 0 10px 10px;
			text-decoration: none;
			border-bottom: 1px solid #6499CE;
			color: #FFF;
		}
		.glossymenu .submenu a.current{
			background: #FFF;
			color: #000;
			display: block;
			position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
			width: auto;
			padding: 10px 0 10px 10px;
			text-decoration: none;
			border-bottom: 1px solid #FFF0CA;
			font-family: Arial, Helvetica, sans-serif;
		}
		.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
			position: absolute;
			top: 5px;
			right: 5px;
			border: none;
			list-style: url(../images/plus.gif) inside;
		}
		.glossymenu a.menuitem:hover{
			background: #306396;
		}
		.glossymenu div.submenu{ /*DIV that contains each sub menu*/
			background: #4282c3;
		}
		.glossymenu div.submenu ul{ /*UL of each sub menu*/
			margin: 0;
			padding: 0;
		}
		.glossymenu div.submenu ul li{
			border-bottom: 1px solid #6499CE;
			margin-left: 20px;
		}
		.glossymenu div.submenu ul li a{
			display: block;
			font: normal 13px Arial, Helvetica, sans-serif;
			text-decoration: none;
			padding: 10px 0 10px 10px;
			list-style: none;
			color: #FFF;
		}
		.glossymenu div.submenu ul li a:hover{
			background: #669ACE;
			colorz: white;
			padding-top: 10px;
			padding-bottom: 10px;
		}
		/* Content */
		#content {
			position: absolute;
			top: 140px; /*116px + 4 padding + 20 height*/
			left: 0;
			bottom: 0;
			right: 0;
		}
		#interior {
			padding-right: 55px;
			padding-left: 55px;
			position: absolute;
			top: 55px;
			left: 0;
			bottom: 0;
			right: 0;
			overflow: auto;
		}
		.dj_ie.dj_ie7 #interior {
			overflow-x: hidden;
		}
		.text-message {
			color: #06F;
		}
/* Page Specific Styles */
	/* Login Page Styles */
	#home {
		background: #F2F2F2;
	}
	#startPage {
		width: 400px;
		border: 1px solid #CCC;
		background: #FFF;
		position: absolute;
		top:50%;
		left:50%;
		margin-left:-200px; /* width / -2 */
		margin-top:-200px; /* height / -2 */
	}
	#contentStartPage {
		position: relative;
		height: 100%;
		float: none;
	}
	#contentStartPage h1 {
		color: #444444;
		font-size: 16px;
		font-weight: normal;
		margin: 0 0 10;
		padding: 0;
	}
	#logoStartPage {
		width: 125px;
		margin-right: 10px;
		margin-left: 10px;
		background: no-repeat 10px;
		height: 125px;
	}
	#signStartPage {
		padding-left: 20px;
		padding-bottom: 30px;
		padding-top: 10px;
		background: #FFF;
		width: 200px;
		margin-left: 180px;
	}
	#commonSense {
		position: relative;
		height: 30px;
		float: none;
		background: #666 url(../images/logo-commonsense.png) no-repeat right center;
		border-top: 1px solid #333333;
	}
	/* Error Page Styles */
	#errorStartPage {
		position: relative;
		height: 100%;
		float: none;
		background: url(../images/exclamation.png) no-repeat 30px center;
	}
	/* Portal Page Styles */
	#welcome {
		height: 40px;
		text-align: right;
		padding-top: 15px;
		float: right;
		position: relative;
		width: 100%;
	}
	#welcome a {
		color: #F00;
		font-weight: bold;
	}
	#general {
		font-family: "Times New Roman", Times, serif;
		width: 100%;
		float: left;
		margin: 0px;
		padding: 0px;
		position: relative;
	}
	#general h2 {
		font-size: 50px;
		margin: 0px 0px 20px;
		border-bottom: 1px solid #000;
	}
	.information{
		font: 14px/18px "Times New Roman", Times, serif;
		border-bottom: 1px solid #CCC;
		padding-bottom: 20px;
		margin-bottom: 20px;
		float: left;
		padding-right: 20px;
		margin-right: 20px;
		width: 90%;
	}
	.information h1 {
		font: bold 24px "Times New Roman", Times, serif;
		padding: 0px;
		text-transform: uppercase;
		margin: 0px 0px 20px;
	}
	.information img {
		margin-right: 30px;
	}
	#column-A {
		position:relative;
		float:left;
		width: 60%;
		padding-left: 40px;
		margin: 0px;
		padding-right: 40px;
	}
	#column-B {
		position:relative;
		width: 200px;
		float: left;
	}
	.personal {
		float: left;
		padding: 5px;
		border: 1px solid #CCC;
		width: 250px;
		margin: 0px;
		overflow: auto;
		height: 300px;
		background: #CCC;
	}
	.personal a {
		color: #000;
		text-decoration: underline;
		line-height: 30px;
		font-weight: bold;
	}
	.personal a:hover {
		color: #F00;
	}
	.personal li {
		list-style: disc inside;
	}
	.personal h4 {
		padding: 5px;
		margin-bottom: 20px;
		margin-top: 0px;
		border-bottom: 1px solid #000000;
		font: bold 16px "Times New Roman", Times, serif;
	}
	.content-A {
		background: #999;
		padding: 20px;
	}
	.content-B {
		background: #BFBFBF;
		padding: 20px;
	}
	.content-C {
		background: #E2E2E2;
		padding: 20px;
	}
	/* Create Call Page Styles */
	#call {
		background-color: #FBFBFB;
		float: left;
		border: 1px solid #CCC;
		width: 560px;
	}
	.types {
		color: #000;
		width: 250px;
		float: left;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #E4E4E4;
		padding-top: 15px;
		padding-right: 15px;
		padding-bottom: 20px;
		padding-left: 15px;
	}
	.titleTypes {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 6px;
	}
	.callPage {
		position: relative;
	}
	/* Survey Style */
	.surveyPres {
		width: 850px;
	}
	#divSurvey {
		width: 850px;
	}
	h1.titreSurvey {
		display: inline-block;
		font-family: Georgia, serif;
		font-size: 20px;
	}
	.infosSurvey {
		margin: 3px 15px 5px 26px;
		line-height: 1.5em;
		font-size: 11px;
	}
	h2 {
		font-size: 22px;
		font-family: Georgia, serif;
		border-bottom: 1px solid #997f65;
		margin-bottom: 1px;
	}
	.surveyPres-table {
		margin-bottom: 20px;
	}
	.status {
		text-align: center;
		width: 100px;
	}
	.new {
		border-left:4px solid #67a781;
		font-weight: bold;
		color: #67a781;
	}
	.surveyName {
		font-weight: bold;
		padding: 10px 10px 10px 5px;
		color: #132b40;
		width: 250px;
	}
	.surveyActions {
		text-align: center;
		width: 100px;
	}
	.surveyActions a {
		text-decoration: underline;
	}
	.time {
		text-align: center;
	}
	#questionsFormContainer {
		width: 834px;
		background-color: #fff;
		height: 575px;
		margin: 0px 0px 5px 0px;
	}
	#questionsByType {
		float: left;
		width: 275px;
		height: 575px;
		overflow: auto;
		padding-right: 3px;
		padding-left: 3px;
		border-top: 2px solid #aaa;
		border-right: 1px solid #ddd;
		border-bottom: 2px solid #71b3f6;
		background-color: #dee9f3;
	}
	.topInfosSurvey {
		background-color: #e7eeff;
		border-top: 1px solid #71b3f6;
		border-bottom: 1px solid #71b3f6;
		margin: 0px 0px 0px 0px;
		padding: 5px; 
	}
	#question {
		margin-left: 275px;
		height: 567px;
		overflow: auto;	
		background-color: #d8e9de;
		border: 2px solid #e9efcd;
		border-top: 2px solid #babfa4;
		border-bottom: 2px solid #71b3f6;
		padding: 4px 2px;
	}
	.reponse {
		margin: 0px 15px;
	}
	.navTop {
		border:1px solid #fff;
		padding:2px;
	}
	.champsQuestions table td {
		border: 0px;
		background-color: #fff;
	}
	.h2Question {
		font-size: 17px;
		line-height: 1.5em;
		background-color: #fff;
		color: #3671ab;
		font-family: arial;
		border: 0;
		padding: 5px;
		font-weight: bold;
	}
	.prev a {
		background: transparent url(../images/fleche_prev_bleu.png) no-repeat right;
		width: 50px;
		height: 50px;
		color: transparent;
		margin-left: 2px;
		display: block;
	}
	.prev a:hover {
		background: transparent url(../images/fleche_prev.png) no-repeat right;
	}
	.next a {
		width: 50px;
		height: 50px;
		background: transparent url(../images/fleche_next_bleu.png) no-repeat right;
		color: transparent;
		margin-right: 2px;
		display: block;
	}
	.next a:hover {
		background: transparent url(../images/fleche_next.png) no-repeat right;
	}
	.pTypeSousTitre {
		font-size: 12px;
		font-weight: bold;
		font-family: arial;
		color: #6db099;
		border-bottom: 1px solid #929fb0;
		margin: 0px 0px 1px 0px;
		padding: 9px 5px 9px 10px;
		background-color: #f5f5f5;
	}
	h3.SRC {
		color: #3671ab;
		font-weight: bold;
		font-family: arial;
		font-size: 14px;
		background-color: #e6efe9;
		padding: 5px 3px 0px 10px;
		border-bottom:6px solid #f5f5f5;
		border-top:1px solid #f6faf7;
		border-left:1px solid #f1f5f3;
		border-right:1px solid #f1f5f3;
	}
	.pNumeroQ {
		margin: 5px 0px 0px 5px;
		font-size: 25px;
		font-family: helvetica;
		font-weight: bold;
	}
	#champsQuestions {
		font-family: arial;
		border: 1px solid #4282c3;
		border-radius: 8px;
		margin: 4px 3px 0px 3px;
		padding: 0px 0px 10px 0px;
		color: #365779;
		font-size: 14px;
		font-family: arial;
		font-weight: bold;
		background-color: #fff;
	}
	.ulQuestionsTypes img {
		padding-bottom: 5px;
		padding-right: 6px;
	}
	.ulQuestionsTypes li {
		font-family: arial;
		font-weight: bold;
		font-size: 13px;
		border-bottom:1px dotted #bbb;
		padding: 5px 1px 5px 10px;
		border-left: 1px solid #71b3f6;
		border-right: 1px solid #929fb0;
		background-color: #fff;
	}
	.ulQuestionsTypes li a {
		color: #1f4061;
	}
	.ulQuestionsTypes li a:hover {
		color: #223785;
	}
	li.doneQuestion a {
		color: #cfd0d7;
	}
	li.currentQuestion a {
		color: #449dbb;
	}
	li.liType {
		text-align: left;
		margin: 5px 0px 0px 0px;
		border-bottom: 1px solid #929fb0;
		background-color: #78BADE;
		border-top: 1px solid #71b3f6;
		border-left: 1px solid #71b3f6;
		border-right: 1px solid #929fb0;
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
	}
	li.liType a {
		font-size: 12px;
		font-style: arial;
		padding: 2px;
		color: #FCEEEB;
	}
	li.liType a:hover {
		color: #d65134;
	}
	.BAcomments {
		background-color: #e2e2e2;
	}
	.tdQuestion {
		background-color: #fff;
	}
	.tableReponses, .tableReponsesResults {
		margin-top: 1px;
		margin-right: 4px;
		width: 100%;
	}
	.tableReponses td, .tableReponsesResults td {
		background-color: #fff;	
		border:0;
		border-bottom: 1px dotted #ccc;
	}
	.tableReponses td {
		padding: 10px 15px 10px 10px;
	}
	.tableReponsesResults td {
		padding: 5px 10px 5px 5px;
	}
	.tableReponsesResults td.yourRep {
		
		background-color: #fdfef0;
		color: #fff;
	}
	.tableReponses label {
		color: #aaa;
	}
	label.labelAnswer {
		color: #3a4047;
		font-size: 14px;
	}
	#questionsFormContainer fieldset {
		border: 1px solid #ccc;
		background-color: #fff;
		padding: 10px;
		text-align: center;
		border-radius: 20px;
		margin: 0px 20px 0px 20px;
	}
	#questionsFormContainer legend {
		padding: 0px 10px;
		color: #335373;
		font-family: arial;
		font-weight: bold;
		font-size: 14px;
		background-color: transparent;
		border: 0px;
	}
	.questions-header {
		background-color:#e6e4d3;
		border-top-left-radius: 10px 20px;
		border-top-right-radius: 10px 20px;
		margin:3px 0px;
		padding: 5px 15px;
	}
	.questions-header ul {
		padding: 10px 10px;
		display: inline;
		font-family: arial;
	}
	.questions-header li {
		display: inline;
		margin-left: 3px;
		line-height: 35px;
		font-size: 12px;
	}
	.questions-header li a{
		font-size: 16px;
		display: inline;
		background-color: #f2e67e;
		padding: 3px 10px;
		text-decoration: none;
		font-weight: bold;
		font-size: 15px;
		color: #666;
		border: 1px solid #ccc;
	}
	.questions-header li a:hover{
		display: inline;
		background-color: #f6f9ff;
		padding: 3px 10px;
		text-decoration: none;
		color: #66ccff;
	}
	#yourAnswers {
		float: left;
		width: 417px;
		height: 575px;
		overflow: auto;
		padding-right: 3px;
		padding-left: 3px;
		border-top: 2px solid #aaa;
		border-right: 1px solid #ddd;
		border-bottom: 2px solid #71b3f6;
		background-color: #e5ecf2;
	}
	#statsAnswers {
		margin-left: 417px;
		height: 575px;
		overflow: auto;	
		background-color: #d8e9de;
		border: 2px solid #e9efcd;
		border-top: 2px solid #babfa4;
		border-bottom: 2px solid #71b3f6;
		padding-right: 3px;
		padding-left: 3px;
	}
	.pRepSousTitre {
		font-size: 18px;
		font-family: arial;
		text-align: center;
		color: #56a4cf;
		border-bottom: 1px solid #929fb0;
		margin: 0px 0px 1px 0px;
		padding: 8px 5px 8px 10px;
		background-color: #f5f5f5
	}
	.scroll {
		height: 469px;
		overflow: auto;	
		background-color: #d8e9de;
		border: 2px solid #e9efcd;
		border-top: 2px solid #babfa4;
		border-bottom: 2px solid #71b3f6;
		padding: 4px 2px;
	}
	/* Voyage Detail Page Style */
	.contractDetailsHeader {
		background: #4282c3;
		border-bottom: 1px solid #5C94CB;
		color: white;
	}
	#contractDetails {
		padding: 0px;
		border: 0;
		width: 900px;
	}
	#leftContractDetails {
		float: left;
		width: 297px;
		margin-right: 4.5px;
	}
	#middleContractDetails {
		float: left;
		width: 297px;
	}
	#rightContractDetails {
		float: right;
		width: 297px;
		margin-left: 4.5px;
	}
	#productDetails {
		width: 900px;
	}
	#tripDetails {
		width: 900px;
	}
	.tabHeader ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.tabHeader li {
		display: inline;
		margin: 0 2px 0 0;
	}
	.tabHeader a {
		padding: 0 10px;
		text-decoration: none;
		color: white;
		background: #7db9e8;
	}
	.tabHeader a:hover {
		background: #4282c3;
		color: white;
	}
	.tabHeader .selected a {
		padding-bottom: 2px;
		font-weight: bold;
		color: white;
		background: #4282c3;;
	}
	.tabContent {
		border-top: 2px solid white;
		background: #4282c3;
		padding: 2px;
		display: none;
	}
	.selectedTab {
		display: block;
	}
	.tabContent div {
		margin: 0;
		padding: 5px;
		background: white;
	}
	.menu-link {
		white-space: nowrap;
		padding: 5px 25px 5px 25px;
		cursor: pointer;
	}
	.menu-link:hover {
		background-color: #E1F4F9;
	}
	.nihilo .dijitTooltipContainer.dijitTooltipContents {
		padding-left: 2px;
		padding-right: 2px;
	}
	.dj_ie.dj_ie7 #map-container {
		height: expression(this.parentNode.clientHeight - 45 + 'px');
	}
	.dj_ie.dj_ie7 #map {
		height: expression(this.parentNode.clientHeight + 'px');
	}
	.dj_ie.dj_ie8 #map-container {
		height: 96%;
	}
	.dj_ie.dj_ie8 #map {
		height: 100%;
	}
	#map-container {
		height: -webkit-calc(100% - 45px);
		height:    -moz-calc(100% - 45px);
		height:         calc(100% - 45px);
		margin-left: 310px;
	}
	#map {
		height: 100%;
	}
	.dj_ie.dj_ie7 #truck-list-container {
		height: expression(this.parentNode.clientHeight - 55 + 'px');
	}
	.dj_ie.dj_ie8 #truck-list-container {
		height: 95%;
	}
	#truck-list-container {
		height: -webkit-calc(100% - 55px);
		height:    -moz-calc(100% - 55px);
		height:         calc(100% - 55px);
		padding-top:5px;
		padding-bottom:5px;
		background-color:#eee;
		width: 300px;
		float: left;
		overflow:auto;
		position: relative;
	}
	.truck-info-box {
		background-color: #ddd;
		position: relative;
		width: 258px;
		padding: 5px;
		border: 2px outset #ddd;
		zoom: 1;
	}
	
	.claro .dijitCalendar{
	border:0px;
	border-radius:0px;
	background:#eee;
	padding:0px;
}