/* PanelPro css stylesheet */

html,body
{
    height:100%;
    margin: 0;
    padding: 0;
    border: none;
    text-align: center;
    background:#FFFFFF url(../img/bg.gif) repeat-x;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
form
{
    height:100%;
    margin: 0;
    padding: 0;
    border: none;
	text-align: center;
}
a
{
	color:Blue;
	/*color:Black;*/
	text-decoration:none;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;	
}
a:visited
{
	color:Blue;
}
a:hover
{
	color:Blue;
	text-decoration:underline;
}
img
{
    border:none;
}
select
{
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
h1
{
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	margin:15px 0px 0px 0px;
	padding:0;
	color:Orange;
	width:100%;
	background:#EEEEEE;
}
h2
{
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    margin: 5px 0px 5px 0px;
    padding:0px;
}

/* Loading */
.loading
{
    color:Black;
    top:0px;
    left:0px;
    position:fixed;
}
.loading img
{
    vertical-align:middle;
    margin:0px;
}

/* Error */
.error
,.message
{
	font-weight:bold;
	color:Red;
}

/* Contexual help icone */
/* Thanks to http://psacake.com/web/jl.asp */
a.help
{
    position:relative; /* this is the key */
    z-index:24;
    color:#000;
    text-decoration:none;
    padding:0;
}
a.help:hover
{
    z-index:25;
    background-color:transparent; /* required on IE6 ... */
    text-decoration:none;
}
a.help img
{
    border:0;
}
a.help span.title
{
    font-weight:bold;
}
a.help div
{
    display: none;
}
a.help:hover div /*the span will display just on :hover state*/
{ 
    display:block;
    position:absolute;
    top:20px;
    left:20px;
    width:250px;
    border:1px solid Black;
    background-color:#FFFACD;
    color:#000;
    /*text-align: justify;*/
    text-align:left;
    padding:4px;
    font-size:9px;
}
a.help:hover div.bottom-right
{
    top:20px;
    left:20px;
}
/* TODO : adapt to div size */
a.help:hover div.bottom-left
{
    top:20px;
    left:-170px;
    text-indent:0px;
    white-space:normal;
}
a.help:hover div.top-right
{
    top:-20px;
    left:20px;
}
a.help:hover div.top-left
{
    top:-20px;
    left:-170px;
}

/* Main table interface */
.main
{
    width:800px;
    height:100%;
    margin: auto;
    padding: 0;
}
.main .left
{
	vertical-align:top;
    background-image:url(../img/bg_left.gif);
    background-repeat:repeat-y;
    width:15px;
}
.main .right
{
	vertical-align:top;
    background-image:url(../img/bg_right.gif);
    background-repeat:repeat-y;
    width:15px;
    height:250px;
}
.main .content
{
    background-color:White;
    height:100%;
    vertical-align:top;
    text-align:left;
}
.menuTop
{
    text-align:right;
    padding:5px;
    margin:10px;
    width:150px;
}
.menuTop img
{
    display:inline;
}
.menuTop select
{
    margin: 5px;
}
.page
{
    padding:10px;
}


/* Main tabulation */
.tabMenuTop
{
	/*float:left;*/
	display:block;
	width:100%;
	font-size:93%;
	border-bottom:1px solid #2763A5;
	/*background-color:#EEEEEE;*/
}
.tabMenuTop ul
{
	margin:0;
	padding:0px 0px 0px 140px;
	list-style:none;
	height:21px; /* add 29/12/2008 FF compatibility */
}
.tabMenuTop li
{
	display:inline;
	margin:0;
	padding:0;
}
.tabMenuTop a
{
	float:left;
	background:url("../img/tab/tableft10.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
.tabMenuTop a span
{
	float:left;
	display:block;
	background:url("../img/tab/tabright10.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabMenuTop a span {float:none;}
/* End IE5-Mac hack */
.tabMenuTop a:hover
{
	background-position:0% -42px;
}
.tabMenuTop a:hover span
{
	background-position:100% -42px;
}
.tabMenuTop .current a
{
	background-position:0% -42px;
}
.tabMenuTop .current a span
{
	background-position:100% -42px;
}

/* Statistic grid table */
.statsDataGrid
{
	border-style:solid; 
	border-width:0px; 
	border-color:Black;
	border-collapse:collapse;
	margin:10px;
	
	/* FF table center */
	margin-left:auto;
	margin-right:auto;
}

 .statsDataGrid .columnHeader, 
.statsDataGrid .columnHeader th, 
.statsDataGrid .rowHeader_N1, 
.statsDataGrid .rowHeader_N1_HighLight, 
.statsDataGrid .rowHeader_N1_Red, 
.statsDataGrid .rowHeader_N2, 
.statsDataGrid .rowHeader_N3 {
  background-color: #DDDDDD;
  padding: 1px 10px 1px 10px;
  text-align: left;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  border-collapse: collapse;
  height: 14px;
 }
.statsDataGrid .columnHeader
,.statsDataGrid .columnHeader th
,.statsDataGrid .columnHeader_Blank
{
    font-weight:bold;
    text-align:center;
}
.statsDataGrid .columnHeader_Blank
{
	border-width:0px; 
	background-color:White;
}
.statsDataGrid .rowHeader_N1
{
    font-weight:bold;
}
.statsDataGrid .rowHeader_Blank
{
    border-width:0px; 
}
.statsDataGrid .rowHeader_N1_Red
{
	color:Red;	
}
.statsDataGrid .rowHeader_N1_HighLight
{
    font-weight:bold;
    background-color:#ADFF2F;	
}
.statsDataGrid .rowHeader_N2
{
   text-indent:50px;
   color:Blue;
}
.statsDataGrid .rowHeader_N3
{
    text-indent:100px;
    color:Red;
}
.statsDataGrid .rowHeader_Help
{
	/*background-color:#DDDDDD;*/
   // padding : 0px 0px 0px 0px;
	border-width:0px;
	border-style:solid;
	height:15px;
	width:15px;
	text-align:center;
	vertical-align:middle;
}

.statsDataGrid .itemCell
,.statsDataGrid .itemCell_N1
,.statsDataGrid .itemCell_N1_Red
,.statsDataGrid .itemCell_N1_HighLight
,.statsDataGrid .itemCell_N2
,.statsDataGrid .itemCell_N3
{
	background-color:#FFFFCC;
	text-align:center;
	white-space:nowrap;
	padding:1px 5px 1px 5px;
	text-align:center;
	width:80px;
	border-style:solid; 
	border-width: 1px 1px 1px 1px; 
	border-color:black;
	border-collapse:collapse;
    height:14px;
}
.statsDataGrid .itemCell_Blank
{
    border-width:0px;
}
.statsDataGrid .itemCell_N1_Red
{
	color:Red;
}
.statsDataGrid .itemCell_N1_HighLight
{
	background-color:#ADFF2F;
}
.statsDataGrid .itemCell_N2
{
	color:Blue;
}
.statsDataGrid .itemCell_N3
{
    color:Red;	
}

/* Login */
.login
{
	width:100%;
	text-align:center;
	margin-top:50px;
}
.loginArea
{
	margin-left:auto;
	margin-right:auto;	
}
.loginTableTextBox
{
	width:150px;
}

/* Home */
.home
{
	text-align:center;
	width:100%;
}

.home table
{
	margin-left:auto;
	margin-right:auto;
}

.home .top, .home .top td, .home .top a
{
	vertical-align:bottom;
	font-weight:bold;
	font-size:15px;
	text-align:left;
	color:White;
}

.home .bloc
{
	text-align:left;	
}

.home .bloc .title
,.home .bloc .title a
{
	text-align:left;
	color:#863636;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
}

.home .bloc .title a:hover
{
	text-decoration:underline;	
}

.home .bloc .text
{
	margin:0px;
	padding:10px 5px 5px 5px;
	color:#666666;
	font-weight:bold;
	text-align:justify;
}

.home .bloc .smalltext
{
	font-weight:normal;
	text-align:justify;
	font-size:9px;
}

/* Assurland Report and Report Plus  */
.statsReportInput
{
	width:100%;
	background-color:#EEEEEE;
	text-align:center;
	margin-bottom:20px;
}
.statsReportInput table
{
	margin:0;
	margin-left:auto;
	margin-right:auto;
	vertical-align:top;
}
.statsReportTitle
{
	color:Red;
	font-weight:bold;
	font-size:12px;
}

/* Stats table row display manager (toggle) */
.rowDisplayManager
{
	
}
.rowDisplayManager a
,.rowDisplayManager a:visited
{
	color:Red;
}

/* Modal popup */
.modalPopup
{
	padding:3px;
	border:solid 1px black;
	background-color:White;
}
.modalBackground
{
	opacity: 0.15;
	filter:alpha(opacity=15);
	background-color:black;
}

/* Price positioning */
.myCheckBoxList
,.myMoverListBox
,.myRangeSelector
,.myDatePicker
,.mySimpleDatePicker
,.vehiculeSelector
{
	padding:10px 0px 0px 0px;
	display:block;
}
.myDatePicker input
{
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
.myRangeTextBox input
{
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
.vehiculeSelector .label
{
	font-weight:bold;
	text-align:center;
}
.vehiculeSelector .modelSelectionPanel
{

	background-color:#EEEEEE;
	border:solid 1px Black;
}
.vehiculeSelector .modelSelectionPanel .label
{
	background-color:#DDDDDD;
}
.qTitle
{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 5px 0px 5px 0px;
	padding:0px;
}
#periodSelection input
{
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
.loadedSegmentTitle
{
	color:Red;
	font-weight:bold;
	font-size:12px;
}

/* Price positioning request */
.segmentDg
,.segmentDg td
{
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
}
.segmentDg .normalrow
{
    background-color:white;
}
.segmentDg .hightlighrow
{
    background-color:orange;
    cursor:pointer;
}
.pricepositioningSearch table
{
	margin:none;
}
.pricepositioningSearch h1
{
	margin:15px 0px 0px 0px;
	padding:0;
	color:Orange;
	width:100%;
	background:#EEEEEE;
}
.pricepositioningSearch h2
{
	
}
.pricepositioningSearch a
{
	color:Black;
	text-decoration:none;
}
.pricepositioningSearch a:hover
{
	color:Black;
	text-decoration:underline;
}
.pricepositioningSearch .headerTitle
{
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	margin:15px 0px 0px 0px;
	padding:0;
	color:Orange;
	width:100%;
	background:#EEEEEE;
	cursor:hand;
}
.pricepositioningSearch .headerTitle img
{
	vertical-align:middle;
}

#quotationCounter
{
    color:Black;
    background-color:#EEEEEE;
    top:50px;
    right:6px;
    position:fixed;
    width:160px;
    height:50px;
	border:solid 1px black;
	opacity: 0.9;
	filter:alpha(opacity=90);
	padding:4px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
#quotationCounter input
{
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
#quotationCounter td.header
{
	background-color:Orange;
	font-weight:bold;
	text-align:center;
	color:white;
}
#quotationCounter td
{
	vertical-align:middle;
}
#quotationCounter td.result
{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	width:100px;
}

/* Price positioning result */
.pricepositioningResult
{
	text-align:center;
}
.pricepositioningResult h1
{
	text-align:left;
	margin:15px 0px 15px 0px;
	padding:0;
	color:Orange;
	width:100%;
	background:#EEEEEE;
}
.pricepositioningResult .resultTable
{
	margin-left:auto;
	margin-right:auto;
}
.pricepositioningResult .resultTable .label
{
	text-align:left;
	font-weight:bold;
	width:375px;
}
.pricepositioningResult .resultTable .value
{
	text-align:left;
}
.pricepositioningResultMenu {
	width: 100%;
	padding: 0px;
	margin: 0px;
	/*border: 1px solid #ccc;*/
	background: #fff;
}
.pricepositioningResultMenu ul {
	margin: 0;
	padding: 0 0 20px 170px;
	border-bottom: 1px solid #9FB1BC;
}
.pricepositioningResultMenu ul li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}
.pricepositioningResultMenu ul a:link, #nav a:visited {
	float: left;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	padding: 0 12px 6px 12px;
	text-decoration: none;
	color: #708491;
}
.pricepositioningResultMenu ul a:link.active, #nav a:visited.active, #nav a:hover {
	color: #000;
	background: url(../Img/tab/rounded.gif) no-repeat bottom center;
}
.pricepositioningResultMenu ul li.current a
,.pricepositioningResultMenu ul li.current a:link
,.pricepositioningResultMenu ul li.current a:visited
{
	color: #000;
	background: url(../Img/tab/rounded.gif) no-repeat bottom center;
}

.diagramLegend
{
	display:block;
	font-weight:bold;
}