/* Structure */
* {
    margin: 0px;
    padding: 0px;
}

body {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    position: relative;
    color: #39474E;
    font-size: 8pt;
    text-align: left;
}
.panelcontent ul, .panelcontent li {
    margin: auto !important;
    padding: auto !important;
}
.panelcontent ul {
    list-style-type: square;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    padding-left: 20px;
    list-style-position: outside;
}
.panelcontent li {
    /*padding-left: 20px;*/
    list-style-position: inherit;
}
#contentRight .panelcontent img {margin-right:10px;}
a, a:visited {
    color: #000000;
    text-decoration: underline;
}
a:hover {
    color: #000000;
    text-decoration: underline;
}
p {
    margin-bottom: 20px;
}
#wrapper {
    width: 990px;
    float: left;
}

#header {
    width: 990px;
    height: 178px;
    float: left;
    background-image: url(../img/header.png);
    background-repeat: no-repeat;
}

#compactHeader {
    width: 990px;
    height: 104px;
    float: left;
    background-image: url(../img/compactheader.png);
    background-repeat: no-repeat;
}

#pageheader {
    width: 990px;
    height: 167px;
    float: left;
    background-image: url(../img/pageheader.png);
    background-repeat: no-repeat;
}

#homeheader {
    width: 990px;
    height: 283px;
    float: left;
    background-image: url(../img/homeheader.png);
    background-repeat: no-repeat;
}


#logo {
    width: 990px;
    height: 104px;
    float: left;
    background-image: url(../img/compactheader.png);
    background-repeat: no-repeat;
}

#contentleft {
    width: 220px;
    float: left;
    padding: 5px;
    border-right: dotted 1px #A0A4AB;
    background-image: url(../img/homerightbg.gif);
    background-repeat: no-repeat;
    height: 600px;
    overflow:hidden;
}

#contentright {
    width: 750px;
    float: right;
    background-image: url(../img/framecontent.gif);
    background-repeat: no-repeat;
    height: auto;
}
#contentright .modulewrapper {
    width: 750px;
}

#content1 {
    width: 730px;
    float: left;
    margin: 4px;
    padding: 10px;
    margin-left: -6px;
    border-bottom: dotted 1px #A0A4AB;
    clear:both;
}

#content2 {
    float: left;
    padding: 5px;
    width: 350px;
    clear:both;
}

#content3 {
    float: left;
    padding: 5px;
    width: 350px;
    clear:both;
}

#content1Sitemap {
    height: 915px;
}

/* Menu */
#menu div {
    background-image: url(../img/button_off.png);
    background-position: -1px 0px;
}
#menu, #menu ul li {
    font-size: 16px;
}
#menu ul {
    list-style: none;
}


#menu ul li {
    display: block;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-top: 10px;
    border-right: 1px solid #FFFFFF;
}

html > body #menu ul li {
    padding-top: 10px;
}

/*#menu li .menuInactive sIFR-replaced
{
	padding: 0px;
	margin: 0px;
}*/

#menu ul li a {
    color: #c1c2c5;
    text-decoration: none;
}

.menuActive {
    background-image: url(../img/button_on.png);
}

/* FF */
.buttonFr {
    width: 47px;
    height: 22px;
    background-image: url(../img/button_fr.gif);
    background-repeat: no-repeat;
    display: block;
    float: right;
    text-indent: -9999px;
}

.buttonFr:hover {
    width: 47px;
    height: 22px;
    background-image: url(../img/button_fron.gif);
    background-repeat: no-repeat;
    display: block;
    float: right;
    text-indent: -9999px;
}

.buttonNl {
    width: 47px;
    height: 22px;
    background-image: url(../img/button_nl.gif);
    background-repeat: no-repeat;
    display: block;
    float: right;
    text-indent: -9999px;
}

.buttonNl:hover {
    width: 47px;
    height: 22px;
    background-image: url(../img/button_nlon.gif);
    background-repeat: no-repeat;
    display: block;
    float: right;
    text-indent: -9999px;
}

.buttonEn {
    width: 47px;
    height: 22px;
    background-image: url(../img/button_en.gif);
    background-repeat: no-repeat;
    display: block;
    float: right;
    text-indent: -9999px;
}

.buttonEn:hover {
    width: 47px;
    height: 22px;
    background-image: url(../img/button_enon.gif);
    background-repeat: no-repeat;
    display: block;
    float: right;
    text-indent: -9999px;
}

/* Content */
.pEspace {
    margin-left: 15px;
    line-height: 18px;
    font-size: 1em;
}

p {
    color: #39474E;
}

/*.sIFR-alternate
{
	display: none;
}*/


#treedemo {
    padding: 10px;
    background-image: url(../img/homerightbg.gif);
    background-repeat: no-repeat;
    border-bottom: 1px dotted #A0A4AB;
}

#login {
    float: left;
    width: 275px;
    padding: 10px;
}

#content1 H1, #content2 H1, #content3 H1, #contentleft H1, #login H1, #content3Page H1, #content1Sitemap H1 {
    font-size: 18px;
    font-weight: bolder;
    color: #39474E;
    padding-left: 0px;
}


/*#panelcontentBlue H1 .sIFR-alternate .sIFR-flash, #panelcontentBlue H1 .sIFR-replaced .sIFR-flash
{
	font-size: 1.4px;
	background-color: Red;
}*/

#footer {
    width: 990px;
    height: 40px;
    background-image: url(../img/footerbg.gif);
    background-repeat: no-repeat;
    float: left;
    padding-left: 10px;
    padding-top: 10px;
    clear: both;
    text-align: right;
}

#footer a, #footer a:link, #footer a:visited, .mail a, .mail a:visited, .mail a:link {
    color: #39474E;
    text-decoration: none;
}

a img {
    text-decoration: none;
    border: 0;
}

#footer a:hover, .mail a:hover {
    color: #39474E;
    text-decoration: underline;
}

/* Test tableau = types de véhicules 
.darkblue
{
    color: #909093;
}
.lightblue
{
    color: #E6E3E6;
}
.orange
{
    color: #FBB03B;
}
.bgDarkblue
{
    background-color: #CBCCCE;
    color: #909093;
    height: 30px;
    font-size: 0.8em;
}
.bgLightblue
{
    background-color: #E6E3E6;
    color: #909093;
    height: 30px;
    font-size: 0.8em;
}
.bgOrange
{
    background-color: #C8C9D3;
    color: #FFF;
    height: 30px;
}
table th
{
    font-size: 0.8em;
}
.bgOrange th
{
    border-bottom: 1px dotted #A2A7AE;
}*/

/*#menu li .menuInactive sIFR-replaced
{
	height: 50px;
	border: 0px;
}*/

/* Rep menu - page template */
#repMenu {
    float: left;
    width: 810px;
    padding-top: 1px; /*height: 43px;*/
}

html > body #repMenu {
    float: left;
    width: 810px;
    padding: 0px; /*height: 43px;*/
}

/* Buttons */
#buttons {
    float: right;
    width: 180px;
    padding-top: 18px;
}

html > /**/ body #buttons {
    float: right;
    width: 180px;
    padding-top: 20px;
}


/* Content of the homepage */
#txtLeft {
    float: left;
    width: 340px;
}

.rightHomePage {
    display: block;
    font-size: 8pt;
    width: 220px;
    float: left;
    height: 100px;
}

.image {
    float: left;
}

/* Module : blue */
.panelcontentBlue h1 {
    font-size: 10pt;
    color: Red;
}



/*** Hacks ***/
#homeheader h1 {
    display: none;
}


/*** Home Content ***/
#contentWrapper {
    width: 100%;
    font-size: 8pt;
}

#contentWrapper h2, #contentWrapper h1 {
    font-size: 18px;
    margin-bottom: 5px;
}

#contentWrapper h3 {
    font-size: 14px;
}

#contentWrapper #contentSideBarLeft, #contentWrapper #contentSideBarRight {
    width: 240px;
    float: left;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    overflow:hidden;
}
#contentWrapper #contentSideBarRight {
    padding-left: 10px;
    width: 230px;
}
#contentWrapper #contentBlock {
    width: 456px;
    float: left;
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
}
#contentWrapper #contentBlock p {
    margin-bottom: 10px;
}

/* dotted borders */
#contentWrapper #contentSideBarLeft, #contentWrapper #contentBlock {
}

/* lists */
#contentWrapper #contentSideBarRight ul {
    margin-left: 20px;
    margin-top: 5px;
}

/* client-proof classes */
.sideBarItem {
    margin-bottom: 10px;
    font-size: 10px;
    width: 230px;
}
html > body .sideBarItem {
    width: 214px;
}
/* news */
#contentWrapper .newsItem {
    margin-bottom: 10px;
}

#contentWrapper .newsItem h3 {
    font-size: 10px;
}



/* Image Gallery */
.image_title {
    font-size: 12px;
}

.voertuigenOverview {
    border: 1px solid #EEEEEE;
    margin-top: 0px;
    width: 400px;
    border-bottom: 1px solid #CCCCCC;
}
.voertuigenOverview td {
    padding: 3px;
    font-size: 12px;
    width: 100px;
    vertical-align: middle;
    background-color: #FFFFFF;
    border-right: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}
.voertuigenOverview td .imp {
    font-weight: bold;
}
.voertuigenOverviewAlternate {
    background-color: #EEEEEE !important;
}

/* Skins */
.newsItem h4 {
    font-size: 11px;
}
.sideBarTopRounded {
    background-image: url(../img/ModuleImages/roundedTop.gif);
    background-repeat: no-repeat;
    display: block;
    width: 230px;
    height: 21px;
}
.sideBarTopRoundedWhite {
    background-image: url(../img/ModuleImages/roundedTopWhite.gif);
    background-repeat: no-repeat;
    display: block;
    width: 230px;
    height: 21px;
}
.sideBarBottomRoundedWhite {
    background-image: url(../img/ModuleImages/roundedBottomWhite.gif);
    background-repeat: no-repeat;
    display: block;
    width: 230px;
    height: 21px;
}
.sideBarItemWhite *, .sideBarItemWhite {
    padding: 0px;
    margin: 0px;
}
.sideBarItemWhite {
    width: 230px;
    padding-left: 5px;
    padding-right: 5px;
}
html > body .sideBarItemWhite {
    width: 218px;
}
.sideBarItemWhite h2 {
    font-size: 14px;
}
.sideBarItemWhite h2, .sideBarItemWhite .panelContent {
}
/* Hide Print */
#headerPrint, #footerPrint {
    display: none;
}

#_ctl0_ModulumTree1_RadTreeView1_wrapper {
    padding-bottom: 80px;
}








/* ------------------------------------------------- */

TABLE.myform, TABLE.myform2, TABLE.myform3, .modulewrapper table {
    border-collapse: collapse;
    border-left-style: solid;
    border-left-color: #FFFFFF;
    border-left-width: 1px;
    border-top-style: solid;
    border-top-color: #FFFFFF;
    border-top-width: 1px;
    padding: 2px;
    background-color: #DDDDDD;
    margin-bottom: 20px;
    width: 100%;
}



TABLE.myform TH, TABLE.myform2 TH, TABLE.myform3 TH, .modulewrapper th {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 8pt;
    text-align: left;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #FFFFFF;
    border-right-style: solid;
    border-right-color: #FFFFFF;
    border-right-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    border-bottom-width: 1px;
    background-color: #999999;
    padding: 5px;
    text-align: left;
}



TABLE.myform TD, TABLE.myform2 TD, TABLE.myform3 TD, .modulewrapper td {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 8pt;
    font-style: normal;
    text-decoration: none;
    border-right-style: solid;
    border-right-color: #FFFFFF;
    border-right-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    border-bottom-width: 1px;
    padding: 5px;
    vertical-align: top;
    width: 50%;
}

TABLE.myform2 table TD {
    border: none;
}
TABLE.myform TD a, TABLE.myform2 TD a, TABLE.myform3 TD a, .modulewrapper td a:visited, td a, .modulewrapper td a:active {
    color: #333333 !important; /*font-size: 10px;*/
}

TABLE.myform TD.formheader, TABLE.myform2 TD.formheader, TABLE.myform3 TD.formheader {
    font-weight: bold;
    background-color: #BBBBBB;
    color: #FFFFFF;
}

TABLE.myform2 {
    width: 100%;
}

TABLE.myform3 {
    width: 400px;
}

.mybutton, .mybuttonlarge {
    background-color: #EEEEEE;
    border: outset 1px;
    color: #000000;
    width: 100px;
    text-align: center;
}

.mybuttonlarge {
    width: 200px;
}

.mytext, .mytextsmall, .mytextlarge {
    background-color: #EEEEEE;
    border: inset 1px;
    color: #000000;
    width: 100px;
}

.mytextsmall {
    width: 30px;
}

.mytextlarge {
    width: 150px;
}

.mytextarea {
    background-color: #EEEEEE;
    border: inset 1px;
    color: #000000;
    width: 200px;
    height: 150px;
}

.myselect, .myselectsmall, .myselectlarge, .myselectmedium {
    background-color: #EEEEEE;
    border: inset 1px;
    color: #000000;
    width: 100px;
}

.myselectsmall {
    width: 65px;
}



.myselectlarge {
    width: 200px;
}

.myselectmedium {
    width: 150px;
}




/******************************************************/


/*FORM*/
.Shuttlemyform fieldset {
    margin-bottom: 10px;
    border: 1px solid #4f6b72;
    padding: 0 0.5em 0.5em;
}


.Shuttlemyform legend {
    padding: 0 2px; /*font-weight: bold;*/
    color: #4f6b72;
    font-size: 1.8em;
}

.Shuttlemyform label {
    display: inline-block;
    line-height: 1.8;
    vertical-align: top;
}
.Shuttlemyform fieldset ol {
    margin: 0;
    padding: 0;
}
.Shuttlemyform fieldset li {
    list-style: none;
    padding: 5px;
    margin: 0;
}
.Shuttlemyform em {
    font-weight: bold;
    font-style: normal;
    color: #f00;
}
.Shuttlemyform label {
    width: 200px;
    display: block;
    float: left;
    clear: both; /* Width of labels */
}

.Shuttlemyform input[type="text"] {
    /*width of text boxes. IE6 does not understand this attribute*/
    width: 180px;
}

.Shuttlemyform input, .Shuttlemyform textarea, .Shuttlemyform select {
    padding: 0.15em;
    border: 1px solid #ddd;
    background: #fafafa;
    font: bold 0.95em arial, sans-serif;
    -moz-border-radius: 0.4em;
    -khtml-border-radius: 0.4em;
}
.Shuttlemyform input:hover, .Shuttlemyform input:focus, .Shuttlemyform textarea:hover, .Shuttlemyform textarea:focus {
    border-color: #c5c5c5;
    background: #f6f6f6;
}
.Shuttlemyform input[type="checkbox"], .mycheckbox {
    /*width of text boxes. IE6 does not understand this attribute*/
    border: none;
    background: transparent;
    width: auto;
}

.Shuttlemyform textarea {
    width: 500px;
    height: 150px;
}

.Shuttlemyform formbutton {
    cursor: pointer;
    border: outset 1px #ccc;
    background: #999;
    color: #666;
    font-weight: bold;
    padding: 1px 2px;
    background: url(../img/formbg.gif) repeat-x left top;
}

.Shuttlemyform legend {
    font-size: 14px;
    font-weight: bold;
}

.Shuttlemyform h1 {
    margin-bottom: 10px;
}

.Shuttlemyform select {
    width: 180px;
}

.Shuttlemyform input {
    padding: 3px;
}

p.error {
    background-color: #ff0000;
    background-image: url(../img/icon_error.gif);
    background-repeat: no-repeat;
    background-position: 3px 3px;
    color: #ffffff;
    padding: 3px 3px 5px 27px;
    border: 1px solid #000000;
    margin: auto 100px;
}

.Shuttlemyform div.error {
    background-color: #ffffe1;
    background-image: url(../img/required_bg.gif);
    background-repeat: no-repeat;
    background-position: top left;
    color: #666666;
    border: 1px solid #ff0000;
}

.Shuttlemyform div.error p.error {
    background-image: url(../img/icon_error.gif);
    background-position: top left;
    background-color: transparent;
    border-style: none;
    font-size: 88%;
    font-weight: bold;
    margin: 0 0 0 118px;
    width: 200px;
    color: #ff0000;
}

/*END FORM*/



.mytable {
    width: 700px;
    padding: 0;
    margin: 0;
}

.mytable caption {
    padding: 0 0 5px 0;
    width: 700px;
    font: italic 11px "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
    text-align: right;
}

.mytable th {
    font: bold 11px "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
    color: #4f6b72;
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    border-top: 1px solid #C1DAD7;
    letter-spacing: 2px; /*text-transform: uppercase;*/
    text-align: left;
    padding: 6px 6px 6px 12px; /*background: #CAE8EA url(../img/bg_header.jpg) no-repeat;*/
    background-color: #FFFFFF;
}

.mytable th.nobg {
    border-top: 0;
    border-left: 0;
    border-right: 1px solid #C1DAD7;
    background: none;
}

.mytable td {
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    background: #fff;
    padding: 6px 6px 6px 12px;
    color: #4f6b72;
}


.mytable td.alt {
    background: #F5FAFA;
    color: #797268;
}

.mytable th.spec {
    border-left: 1px solid #C1DAD7;
    border-top: 0;
    background: #fff url(../img/bullet1.gif) no-repeat;
    font: bold 10px "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
}

.mytable th.specalt {
    border-left: 1px solid #C1DAD7;
    border-top: 0;
    background: #f5fafa url(../img/bullet2.gif) no-repeat;
    font: bold 10px "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
    color: #797268;
}


.shuttle_rblstyle table {
    font-size: 8pt;
}

.shuttle_rblstyle table label {
    float: none;
    display: inline;
    padding: 0px 20px 0px 5px;
}

/****************************/

.datepickerdays {
}
/*calendarWrapper_Default*/
.RadDatePicker table td {
    border: none;
    width: auto;
}
/*
.homevisual * a, .homevisual * a *, .homevisual * a:hover *, .homevisual * a:visited *
{
	color: #000000;
	text-decoration: none;
}
*/


/***** ScheduleTable *****/
table.scheduleTable {
    width: 734px;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
}
table.scheduleTable th, table.scheduleTable td {
    background-color: #dddddd;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    padding: 5px;
    text-align: left;
    font-size: 8pt;
    width: auto;
    color: #000000;
}
table.scheduleTable td.center {
    text-align: center;
}
table.scheduleTable td.notes {
    font-size: 7pt;
}
table.scheduleTable tr.alternate td {
    background-color: #FAFAFA;
}

#tooltip {
    position: absolute;
    border: solid #000 1px;
    background-color: #FFF;
    display: none;
    width: 300px;
}
#tooltip div.tooltipHeader {
    background-color: Gray;
    text-align: right;
}
#tooltip div img {
    cursor: pointer;
}
#tooltip div.tooltipText {
    padding: 3px;
}

.customError {
    color: Red;
    margin: 7px;
    display: block;
}

.mydatalist br, .mydatalist span {
    line-height: 0px;
}