/* --- GENERAL ------------------------------------------------ */
*					{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin:0; padding:0; }
html, body		{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; background: #FFFFFF; color: #666666; height: 100%; }
body.popup { margin:10px; }
form              { height:100%; margin-top:0px;margin-bottom:0px; }
img				{ border: 0px; }
a					{ color: #333; text-decoration: none; }
a:hover			{ text-decoration: underline; }
ul             { margin-left: 15px; }

.clear-both	{ clear: both; }
.textbox		{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:5px; border: 1px solid #999; background: #FFF; }
.textarea		{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:5px; border: 1px solid #999; background: #FFF; } 
.mainbody       { width:100%; overflow:auto; padding-bottom: 40px }
.wrapper        { min-height: 100%; min-width:1200px;}

/* --- FOOTER ------------------------------------------------ */
.footer          { position: relative; margin-top: -42px; clear: both; height: 40px; background: #EEE; border-top: 2px solid #666; min-width:1200px;}
.footer .left    { width: 70%; padding: 10px 10px 0px 10px; float: left;}
.footer .right   { width: 20%; padding: 10px 10px 0px 10px; float: right; text-align: right;}
.footer p        { font-size: 11px;}

/* --- HEADER CAP ------------------------------------------------ */
.header-cap                     { font: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #FFFFFF; height: 20px; background: #000000 url(../_images/icons/header-cap-bg.jpg) repeat-x; padding:5px 10px 0px 10px; }
.header-cap a                   { font-size:11px; color: #FFFFFF; }
.header-cap .left               { float: left; }
.header-cap .left h1           { font-size: 11px; font-weight: normal; }
.header-cap .left h1 a        { text-decoration: none; }
.header-cap .right,
.header-cap .right ul          { float: right; }
.header-cap .right ul li        { font-size:11px; float: left; list-style-type: none; background: url(../_images/icons/header-cap-pipe-bg.gif) left no-repeat; padding-left: 8px; margin-left: 8px; }
.header-cap .right ul li.first  { font-size:11px; background: 0; padding-left: 0px; margin-left: 0px; }

/* --- HEADER ------------------------------------------------ */
.header { background:#CCC url(../_images/icons/main-navigation-bg.jpg) repeat-x; height:58px; padding-top:20px;}
.header h1 { font-size:1.1em; text-transform:uppercase; font-family:Century Gothic, Verdana, Tahoma, sans-serif; float:left; padding:15px 0px 16px 10px; }
.header h1 a {	font-size:1.1em; color:#FFF;	text-decoration:none; }
.header .navigation-left { clear:both; padding-left:10px;}
.header .navigation-left li { float:left; list-style-type:none; background:#CCC url(../_images/icons/main-nav-button-bg.jpg) repeat-x; font-size:0.8em; margin-right:3px; }
.header .navigation-left li a { display:block; padding: 7px 10px 7px 10px; color:#000; text-decoration:none; }
.header .navigation-left li.active, 
.header .navigation-left li a:hover { color:#000; background:#FFA300 url(../_images/icons/main-nav-button-active-bg.jpg) repeat-x; }
.header .navigation-left li a.active { color:#000; background:#FFA300; font-weight:bold; }
.header .navigation-right { float:right;padding-right:10px;}
.header .navigation-right li {font-size:0.8em;color:#FFF;list-style-type:none;float:left;padding:0px 10px; width:175px; margin-left:2px; }
.header .navigation-right li.link {padding:0;width:auto;}
.header .navigation-right li.link a {display:block;background:#FFFF00;color:#333;padding:7px 10px 7px 10px;}
.header .navigation-right li input {width:150px; float:right; margin-right:-9px; background-color:transparent; color:#FFF;}
.header .navigation-right li a {color:#FFF;}
.header .navigation-right li a:hover    { text-decoration:none;}
.header .sub-navigation                   { background:#FFA300; height:32px; clear:both;}
.header .sub-navigation ul                { height:15px; border:8px solid #FFA300; border-left:18px solid #FFA300;}
.header .sub-navigation ul li              { list-style-type:none; float:left; margin-right:7px; padding-right:7px; border-right:1px solid #000; font-size:11px;}
.header .sub-navigation ul li a           { color:#333;}
.header .sub-navigation ul li a:hover   { text-decoration: underline;}
.header .sub-navigation ul li a.active  { font-weight: bold;}
.header .sub-navigation ul li.last        { border-right: 0px;margin-right: 0px;padding-right: 0px;}

/* --- UI -------------------------------------------------------- */
.page-body { clear: both; width: 100%;}
.left-column { width:250px; padding: 10px;}
.left-column .left-navigation { margin-bottom: 10px; }
.left-column .left-navigation li { list-style-type: none; font-size: 0.8em; border-bottom: 3px solid #FFF;}
.left-column .left-navigation li a { display:block; padding:7px; border: 1px solid  #DDD; color:#333; background: #EEE url(../_images/icons/right-arrow.gif) 212px 50% no-repeat;}
.left-column .left-navigation li a:hover,
.left-column .left-navigation li.active { background-color:#DDD; }
.right-column { width:auto; padding: 10px; }
.right-column h2 { font:normal 1.6em Arial, Helvetica, sans-serif; margin-bottom:7px; }
.right-column p { line-height:1.2em; margin-bottom:15px; }


/* --- MENU BLOCK ------------------------------------------------ */
.block						    { border:1px solid #DDD; padding:10px; margin-bottom:10px; }
.block h2					{ font-size:13px; background:url(../_images/icons/down-arrow.gif) 220px 7px no-repeat; padding-bottom:8px; border-bottom:1px solid #DDD; }
.block h2 a					{ color:#333; display:block; }
.block ul li					{ font-size:12px; margin-left:22px; padding-top:8px; list-style-type:square; }
.block ul li a				    { color:#333; }
.block ul li a:hover		{ text-decoration:none; }
.block p						{ font-size: 12px; line-height: 12px; padding-top:5px; }
.block-filled				    { background:#EEE; }
.block-updates			    { margin-bottom:3px; }
.block-updates ol li		{ list-style-type:none; padding:10px 0; border-bottom:1px solid #EEE; }
.block-updates ol li.last	{ padding:10px 0 5px 0; border-bottom:0; }
.block-updates ol li h3	{ font-size:0.7em; }
.block-updates ol li h3 a{ display:block; padding:0 0 0 23px; background:url(../images/icons/page_white.png) left 50% no-repeat; height:16px; color:#333; }
.block-updates ol li p		{ font-size:0.7em; margin:0; padding:0 0 0 23px; }
.block-updates-footer	{ margin-bottom:15px; padding:5px; background:#EEE; border:1px solid #DDD; font-size:0.7em; text-align:right; }
.block-updates-footer a	{ color:#333; }
.common-block			{ background:#FFF; border:1px solid #CCC; padding:10px; margin-bottom:10px; }
.common-block h2		{ font:bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px; margin-bottom:5px; color:#333; }
.common-block p			{ font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height:20px; color:#333; }
.block .linkbutton			{ font-size:11px; color:#0000FF; }
.block .linkbutton:hover	{ text-decoration: underline; }

/* --- BREADCRUMBS ------------------------------------------------ */
.breadcrumbs {padding:5px 32px 5px 32px;border:1px solid #DDD;background:#EEE;margin-bottom:5px;}
.breadcrumbs ol li { list-style-type:none;float:left;font-size:0.8em;padding-right:12px;margin-right:7px;background:url(../_images/icons/right-arrow.gif) right 50% no-repeat;}
.breadcrumbs ol li a { color:#999; }
.breadcrumbs ol li a:hover { text-decoration:underline;color:#666; }

/* --- DIV SCROLLING ------------------------------------------------ */
.scrolling { overflow-y:scroll; width:100%; background:#FFF;}
.scrollingHidden { overflow-y:scroll; scrollbar-track-color:#FFFFFF; scrollbar-arrow-color:#FFFFFF; scrollbar-base-color:#FFFFFF; scrollbar-face-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF; width:100%; }

/* --- GRID FILTER ------------------------------------------------ */
.table-header { margin: 0px 0px 1px 0px; padding: 3px; background:#EEE; border: 1px solid #DDD; vertical-align:middle;}
.table-header .left {width: 60%;float: left;}
.table-header .right {width: 36%;float: right;}
.table-header .left p {margin: 0px; vertical-align:middle;}
.table-header .right p {margin: 0px; text-align: right; vertical-align:middle;}

/* --- RECORD TABLE ------------------------------------------------ */
.record-table { margin-bottom:0px; }
.record-table caption { display:none; }
.record-table thead tr th { padding:7px 0px 7px 2px; background:#DDD; color:#000; font-weight:bold; border-bottom:3px solid #DDD;}
.record-table thead tr th.first { border-left:1px solid #DDD; }
.record-table thead tr th.last { border-right:1px solid #DDD; }
.record-table tbody tr td.index { background:#EEE; color:#000; padding:7px 0px 7px 0px; border: 1px solid #DDD; font-weight:bold; }
.record-table tbody tr td { padding:4px 0px 4px 1px; color:#000; }
.record-table tfoot tr td { padding:0px;}

/* --- GRID - PAGINATION ------------------------------------------------------------------*/
.table-pagination { margin:1px 0px 18px 0px; height:20px; padding:4px; background:#EEE; border:1px solid #DDD;}
.table-pagination .left {width:48%;float:left;}
.table-pagination .right {width:48%;float:right;}
.table-pagination .left p {margin:3px 0px 0px 2px;}
.table-pagination .right p {margin:0px;}
.table-pagination .right ol {float:right; padding-top:2px; margin-right:4px;}
.table-pagination .right ol li {list-style-type:none; float:left; font-size:0.8em; margin-right:5px; padding-right:5px; border-right:1px solid #CCC; font-weight:bold;}
.table-pagination .right ol li.last {margin-right:0; padding-right:0; border-right:0;}
.table-pagination .right ol li a {color:#333; font-weight:normal;}
.table-pagination .right ol li a:hover {color:#666; text-decoration:none;}

/* --- TABS --------------------------------------------------------------------*/
.tabs { padding:0px; }
.tabs .tab-navigation { display: block; font-size:12px; font-weight:bold; padding:5px; border: 1px solid #666; color:#333; background:#DDD; margin-bottom:1px; }
.tabs .tab-navigation:hover { background:#EEE;}

.tabSection { padding: 0px; margin-bottom:10px; }
.tabSection .tab-header { display: block; font-size:12px; font-weight:bold; padding:5px; border: 1px solid #666; color:#333; background:#DDD; margin-bottom:1px; }

.accordion { width: 400px;   }   
.accordionHeader {   border: 1px solid #2F4F4F;   color: white;   background-color: #2E4d7B;   font-family: Arial, Sans-Serif;   font-size: 12px;   font-weight: bold;   padding: 5px;   margin-top: 5px;   cursor: pointer;   }        
.accordionHeaderSelected {   border: 1px solid #2F4F4F;   color: white;   background-color: #5078B3;   font-family: Arial, Sans-Serif;   font-size: 12px;   font-weight: bold;   padding: 5px;   margin-top: 5px;   cursor: pointer;   }   
.accordionContent {   background-color: #D3DEEF;   border: 1px dashed #2F4F4F;   border-top: none;   padding: 5px;   padding-top: 10px;   }  

/* --- TITLE ------------------------------------------------ */
.titlebar             { margin-bottom:2px; }
.titlebar td          { border-bottom:1px solid #000099; }
.titlebar .left       { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #003366; font-weight: bold; }
.titlebar .tab        { border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; border: 1px solid #000099; padding: 2px 15px 2px 15px; text-decoration:none; background-color:#EEE;}
.titlebar .tab-active { border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; border: 1px solid #000099; padding: 2px 15px 2px 15px; text-decoration:none; border-bottom:1px solid #FFF; z-index:99;}
.titlebar .tab:hover  { background-color:#FFA300; text-decoration:none; border-bottom: 1px solid #000099; }


/* --- FORMS : STANDARD ------------------------------------------------ */
.standard-form						{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding:2px; margin-top:10px;}
.standard-form p					{ font-size:12px; line-height: 13px; padding: 0px 0px 10px 0px; } 
.standard-form .required		{ color: #F00; }
.standard-form .field				{ padding: 5px 22px 5px 10px; vertical-align:middle; }
.standard-form .fieldpicklist	{ padding: 5px 10px 5px 10px; vertical-align:middle; }
.standard-form .fieldOverview	{ padding: 2px 5px 2px 5px; }
.standard-form .fieldlink			{ padding: 5px 10px 5px 10px; }
.standard-form .fieldbutton	{ padding: 5px 10px 5px 10px; vertical-align:bottom; text-align:left; }
.standard-form .fieldbutton75	{ padding: 5px 10px 5px 10px; width:85px; vertical-align:bottom; text-align:right; }
.standard-form .field .error		{ border-color: #F00; }
.standard-form .field .error-message { font-size: 12px; color: #F00; padding-bottom: 3px; }
.standard-form .errormsg		{ margin-top: 10px; color: #FF0000; background: #EEEEEE; padding: 2px; text-align: center; }
.standard-form .textbox			{ font-size:12px; width: 100%; padding:5px; border: 1px solid #ccc; background: #FFF; }
.standard-form .textarea		{ font-size:12px; width: 100%; padding:5px; border: 1px solid #ccc; background: #FFF; } 
.standard-form .picklist		    { font-size:12px; width: 100%; padding:4px; border: 1px solid #ccc; }
.standard-form .checkbox		{ font-size:12px; width: 100%; padding:4px; border: 1px solid #ccc; }
.standard-form .button50		{ font-size:12px; border:1px solid #999; background:#DDD; color:#000000; width:50px; padding:5px; margin-left:5px;}
.standard-form .button50:hover { background:#FFA300; cursor:pointer; }
.standard-form .button75		{ font-size:12px; border:1px solid #999; background:#DDD; color:#000000; width:75px; padding:5px; margin-left:5px;}
.standard-form .button75:hover { background:#FFA300; cursor:pointer; }
.standard-form .button100		{ font-size:12px; border:1px solid #999; background:#DDD; color:#000000; width:100px; padding:5px; margin-left:5px; }
.standard-form .button100:hover { background:#FFA300; cursor:pointer; }
.standard-form .button125		{ font-size:12px; border:1px solid #999; background:#DDD; color:#000000; width:125px; padding:5px; margin-left:5px; }
.standard-form .button125:hover { background:#FFA300; cursor:pointer; }
.standard-form .button150		{ font-size:12px; border:1px solid #999; background:#DDD; color:#000000; width:150px; padding:5px; margin-left:5px; }
.standard-form .button150:hover { background:#FFA300; cursor:pointer; }
.standard-form .button200		{ font-size:12px; border:1px solid #999; background:#DDD; color:#000000; width:200px; padding:5px; margin-left:5px; }
.standard-form .button200:hover { background:#FFA300; cursor:pointer; }
.standard-form .button500		{ font-size:12px; border:1px solid #999; background:#DDD; color:#000000; width:500px; padding:5px; margin-left:5px; }
.standard-form .button500:hover { background:#FFA300; cursor:pointer; }

a.button        { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #999; background:#DDD; color:#000; padding:5px 20px 5px 20px; margin-left:5px;  }
a.button:hover  { background:#FFA300; text-decoration:none; cursor:pointer; }

/* --- FORMS : LOGIN ------------------------------------------------ */
.side-form						{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.side-form p					{ font-size:12px; line-height: 13px; padding: 10px 0px 5px 0px; } 
.side-form .field				{ padding: 5px 10px 5px 0px; }
.side-form .fieldlink			{ padding: 5px 0px 5px 0px; }
.side-form .fieldbutton	    { padding: 5px 0px 5px 0px; vertical-align:bottom; text-align:left; }
.side-form .fieldbutton75	{ padding: 5px 0px 5px 10px; width:85px; vertical-align:bottom; text-align:right; }
.side-form .field .error		{ border-color: #F00; }
.side-form .field .error-message { font-size: 12px; color: #F00; padding-bottom: 3px; }
.side-form .errormsg		{ margin-top: 10px; color: #FF0000; background: #EEEEEE; padding: 2px; text-align: center; }
.side-form .textbox			{ font-size:12px; width: 100%; padding:5px; border: 1px solid #999; background: #FFF; }
.side-form .picklist		    { font-size:12px; width: 100%; padding:2px; border: 1px solid #ccc; }
.side-form .button75		{ font-size:12px; border:1px solid #999; background:#EEE; color:#000000; cursor:pointer; width:75px; padding:5px;}

/* --- NOTIFICATIONS ------------------------------------------------ */
.flashNotification			{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding:5px; border:1px #CCCCCC solid; background-color:#EEEEEE; color:#FF0000; margin-top:10px; }
.flashblock					{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding:3px; border:1px #CCCCCC solid; background-color:#EEEEEE; color:#333333; margin-top:10px; }
.flashblock-success		{ background:#E3F4E1; border-color:#6FC764; color:#6FC764; }
.flashblock-error			{ background:#FDE7E1; border-color:#F8937E; color:#F8937E; }
.flash							{ padding:3px 3px 3px 30px; border:1px solid #CCC; margin-bottom:10px; }
.flash p						{ margin:0px; }
.flash-success			    { background:#E3F4E1 url(../_images/icons/accept.png) 7px 50% no-repeat; border-color:#6FC764; color:#6FC764; }
.flash-error				    { background:#FDE7E1 url(../_images/icons/delete.png) 7px 50% no-repeat; border-color:#F8937E; color:#F8937E; }
.flash-notice				{ background:#FDF9D6 url(../_images/icons/lightbulb.png) 7px 50% no-repeat; border-color:#E89015; color:#E89015; }

/* --- BUTTONS ------------------------------------------------ */
.buttons a, 
.buttons button							{ margin:0px; background-color:#FFF; border:1px solid #999; border-top:1px solid #DDD; border-left:1px solid #DDD; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:130%; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer; padding:5px; /* Links */ }
.buttons button							{ width:auto; overflow:visible; padding:5px; /* IE6 */ }
.buttons button[type]					{ padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ }
*:first-child+html button[type]		{ padding:4px 10px 3px 7px; /* IE7 */ }
.buttons button img						{ margin: 0 3px -3px 0 !important; padding: 0; border: none; width: 16px; height: 16px; }
.buttons a img							    { margin: 0 3px -3px 0 !important; padding: 0; border: none; width: 16px; height: 16px; }

/* --- MENU BUTTONS ------------------------------------------------ */
.command-button			    { background: url(../_images/left-column-button-bg250.gif) no-repeat; height: 27px; display: block; position: relative; color: #333; font: bold 12px Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; text-align: right; padding: 11px 10px 0 0; margin-bottom: 5px; }
.command-button img		{ position: absolute; top: 5px; left: 5px; }

/* --- CALENDAR ------------------------------------------------ */
.calendar-table {font-size:0.7em;margin:6px auto;}
.calendar-table caption {display:none;}
.calendar-table thead tr th {font-weight:normal;font-size:0.8em;}
.calendar-table tfoot tr td {padding-top:4px;}
.calendar-table tfoot tr td a {color:#666;}
.calendar-table tfoot tr td.centre {text-align:center;font-weight:bold;color:#666;}
.calendar-table tfoot tr td.right {text-align:right;}
.calendar-table tbody tr td {border:1px solid #CCC;width:23px;height:23px;text-align:center;}
.calendar-table tbody tr td a {color:#333;}
.calendar-table tbody tr td.current a {font-weight:bold;color:#C54041;}
.calendar-table tbody tr td.inactive {background:#EEE;}

TD.Body {border-left: 1px solid #000000; padding: 2px 0px 2px 0px;}
TD.Side {border-right: 1px solid #000000; padding: 2px 0px 2px 0px;}


/*------------------------------------------------------------------------ FONT -----*/
.txtComp {font-size: 11px; color: #FFFFFF;}
.txtLocation {font-size: 10px; color: #FFFFFF;}
.txtHeader {font-family : Gill, Geneva, Arial, Helvetica, sans-serif; font-size: 24px; color: #FFFFFF; font-weight: bold;}

.txtTMenu {font-size: 14px; color: #003366; font-weight: bold; padding-bottom:3px;}
.txtMenu { font-size: 12px; color: #CCCCFF;}

.txtplainw { font-size: 12px; color: #FFFFFF;}

.txtVTitre { font-size: 14px; color: #000000; font-weight: bold; }
.txtTitre { font-size: 14px; color: #000066; font-weight: bold; }
.txtTitre18 { font-size: 18px; color: #000066; font-weight: bold;}
.txtError { font-size: 12px; color: #FF0000; font-weight: bold;}

.txtMini11 {font-size: 11px; color: #000000; font-weight: normal;}
.txtMini {font-size: 10px; color: #666666; font-weight: normal;}
.txtFooter {font-size: 10px; color: #000000; font-weight: normal;}