@charset "iso-8859-1";
html {height:100%; width:100%}
body {font-family:Arial, Helvetica, sans-serif; font-size:12px; background: #003263 url(site/bkg.jpg) top center repeat-y ; color:#003263; height:100%; width:100% }

a { color:#003263; text-decoration:none; font-weight:bold; }
a:hover {text-decoration:none; color:#003263;}
h1 {font-size: 1.5em;}
ul {display:block; margin-left:0; padding-left:15px;}
li {list-style-image:url(site/puce.jpg);}

#bkg { width: 100%; text-align: center; background: url(site/wbkg.png) bottom center no-repeat; margin: 0 auto;  min-height: 100%; height: 100%; position: fixed; overflow: hidden; }

	#top-pad {height:20px; width:990px;  background: #003263; margin: 0 auto;}
	#header {height:87px; padding-bottom:45px; text-align:center; width: 990px; margin: 0 auto; }
		#header a {height:87px; width:277px; background:url(site/logo.jpg); display:block; float:left;}
		#header h1 {line-height:87px; color:#003263; font-weight:normal; margin: 0; padding:0; display:block; font-size:3em;}


#wrapper {width:990px;  text-align:left; margin: 0 auto;  min-height: 100%; height: 100%; position: relative;}
	
	#left {  position: fixed; width: 225px;  top:150px;}
		#left_top { width: 225px; height: 15px; background: url(site/ctn_top.png) right top no-repeat}
			#Vertical { width:225px; margin:0; background: url(site/wrapper_fill.png) right top repeat-y; }
			ul.MenuBarVertical{width:215px;} 
			ul.MenuBarVertical li{width:215px; float:left; clear:both;  }
			ul.MenuBarVertical li a{display:block; cursor:pointer; color:#003263; font-size:1.2em; padding-left:30px; padding:5px 0 5px 30px; text-transform:uppercase;}
			ul.MenuBarVertical li a span{display:block; text-align:left;}
			ul.MenuBarVertical li.active a {color: #fdb934}
			ul.MenuBarVertical li.active a:hover {color: #003263;}
			ul.MenuBarVertical li ul{width:250px; background:#fdb934;}
			ul.MenuBarVertical li ul li{width: 250px;  }
			ul.MenuBarVertical li ul li a {color:#003263; } 
			ul.MenuBarVertical li ul li a span { text-align:left; }
			ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus, ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible  { background:#fdb934 url(site/drop_bkg.jpg) center left no-repeat; color:#003263;}
			ul.MenuBarVertical li.active a:hover, ul.MenuBarVertical li.active a:focus, ul.MenuBarVertical li.active a.MenuBarItemHover, ul.MenuBarVertical li.active a.MenuBarItemSubmenuHover, ul.MenuBarVertical li.active a.MenuBarSubmenuVisible  {color:#003263;}
			ul.MenuBarVertical li.active ul li a {color:#003263;}
			ul.MenuBarVertical li ul li.active a {background: url(site/drop_bkg.jpg) center left no-repeat; color:#003263;}
		#left_botom { width: 225px; height: 15px; background: url(site/ctn_bottom.png) right top no-repeat}
	
	
	
	#center {  width:540px; margin-left: 225px; padding-top: 150px;}	

		#center_top, #center_bottom{ width: 540px; height: 15px; }
		#center_top{ background: url(site/ctn_top.png) center top no-repeat}
		#center_bottom{ background: url(site/ctn_bottom.png) center top no-repeat; height: 50px;}
		
		
		#act_ctn { background: url(site/wrapper_fill.png) center top repeat-y; width: 540px;}
			#act_ctn .content { padding:0 10px;    }
			#act_ctn .section { padding-bottom:10px;}
			#act_ctn .section .content {margin:0; padding:0;}
			#act_ctn .post_title {display:block; line-height:40px; margin:0; padding:0 40px; border-bottom:2px solid #769da5;}
			
			div.job_list a { color:#003263;}
			div.job_list a:hover {color:#769ca5; }
			div.job_list a.print_link { display:block; text-align:right; height:30px; line-height:30px; margin:0 5px; padding-right:30px; background:url(site/print.gif) center right no-repeat;}
			div.job_list p.j_header { font-weight:bold;}
			div.job_list div.postulez {background-color:#ccd9dc; text-align:center; padding:5px;}
			div.job_list div.postulez a { width:200px; height:1.7em; line-height:1.7em; font-size:1.6em; text-align:center;  margin:0 15px; display:inline-block; color:#ffffff; font-weight:bold; background-color:#779da6;}
			div.job_list div.postulez a.cv { background-color:#fdb836; color:#002859;}
			div.job_list .j_nav { text-align:center; padding:10px 0;}
			div.job_list .j_nav span {display:inline-block; padding:3px; margin:0 5px;}
			div.job_list .j_nav span.active a {color: #fdb934}
			div.job_list .j_search { border:none; border-bottom: 2px solid #78a1a9; border-top: 2px solid #78a1a9;}
			div.job_list .j_search label {display:inline-block; padding:5px;}
			div.job_list .j_search select {width:150px;}
			div.job_list .j_search option.gray { color:#999999;}
			div.job_list .j_ctn fieldset {border:none; border-bottom: 1px solid #78a1a9;}
			div.job_list .j_ctn label { display:block; clear:left; float:left; font-weight:bold; width:30%;}
			div.job_list .j_ctn div {display:block; float:right; width:70%;}
			div.job_list div.j_row { padding-left:15px; margin:5px 0; color:#888888; background:url(site/plus2.gif) top left no-repeat; }
			
			
			#moncv fieldset {border:none; margin:0; padding:0; color:#003263;}
			#moncv input.data, #moncv textarea {font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color: #003263; border:1px solid #003263; padding:2px;}
			#moncv input.data {height:18px; line-height:18px; display:block;  margin:1px 0; }
			#moncv input.long {float:right; position:absolute; right:0;}
			#moncv input.short {display:inline-block; width:2em; float:left;}
			#moncv input.invalid, #moncv textarea.invalid {background-color:#FFCCFF;}
			#moncv button { margin:1px 15px;}
			#moncv textarea {width:505px; height:200px; }
			#moncv label, #moncv label.title {line-height:26px; height:26px; display:block; margin:0; padding:0; }
			#moncv label {float:left; }
			#moncv label span {color:#FF0000; display:block; float:left; width:1.2em; text-align:center;}
			#moncv label.title {font-weight:bold; font-size:1.3em; float:none; clear:both;}
			
			#moncv .box { padding:5px; margin:5px 0; background-color:#ccd9dc; font-size:0.9em; display:block; float:left; clear:both; width:510px; }
			#moncv .box .box_ctn {margin:0 20px; text-align:center; font-size:1em;}
			#moncv .box .box_ctn a:hover {color:#fdb836;}
			#moncv fieldset.active { background-color:#fdb836;}
			#moncv .split {width:157px; clear:none;}
			#moncv .left { margin-right:9px;}
			
			#moncv .box .line {margin:5px 0; float:left; width:100%; clear:both; display:block; position:relative;}
			#moncv .box .button {text-align:center;}
			#moncv .box .line input.long {width:390px;}
			#moncv .box .line input.shorter {width:130px;  position:absolute; right:0;} 
			#moncv .box .split {width: 250px; clear:none;}
			#moncv .box .left { margin-right:10px;}
			#moncv .box .right label {padding-left:20px;}
			#moncv .box .right input.short {display:inline-block; width:2em; float:left; margin-right:-20px; margin-left:20px;}
			#moncv .box .split input.long {width:130px;}
			
			
			#map, #info { text-align: center;  background: url(site/wrapper_fill.png) center top repeat-y; width: 520px; padding: 10px 10px; margin: 0; }
			#map { font-size:0.9em;}
			.actif{ background-color:#839c38;}
			.inactif{ background-color:#F91B1B;}
			
		
	#map #info { padding-top:1px;}
	#map span { margin:0 3px; display:inline-block; line-height:1.6em;}
	#map a { font-weight:normal; text-decoration:none;}
	#map a:hover {font-weight:normal; text-decoration:underline;}
	#map .endlink {display:block; margin:0;}
	#map .optimised {display:block;}



	#right { width: 225px; position: fixed; top:150px; margin-left: 765px; }
		#right_top { width: 225px; height: 15px; background: url(site/ctn_top.png) left top no-repeat}
		#right_bottom { width: 225px; height: 15px; background: url(site/ctn_bottom.png) left top no-repeat}
		#side {width:195px; padding: 0 15px; background: url(site/wrapper_fill.png) left top repeat-y; }
		
	
		
			
			#side button { height:1.7em; width:194px;  display:block; line-height:1.7em; font-size:1.6em; text-align:center;  font-weight:bold; background-color:#fdb836; color:#002859; border:none; cursor:pointer; margin-bottom:20px;}
			#side a {display:block; border-bottom:#fdb934 2px solid; background:url(site/plus.png) center left no-repeat; padding:20px 10px 20px 40px; color:#003263; font-size:1.1em;}
			#side a.last {border:none;}
			#side a:hover { color:#fdb934}
		#clear {clear:both;}



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





html, body { margin:0; padding:0; height:100%; width:100%; }
body {text-align:left }




#events_holder {height:0px; width:0px;}

img {border:none; }

#news:before {  content: ""; display: block; clear: both; }
#news:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div.gal {margin-top:20px; clear:both; width:100%;}
a.gal { display:inline-block; width:150px; height:150px; text-align:center; }

.thumbL { width:100%; margin-top:3px; clear:both; display:block; text-align:left;}
.thumbR { width:100%; margin-top:3px; clear:both; display:block; text-align:right;}
.thumbC { width:100%; margin-top:3px; clear:both; display:block; text-align:center;}

.thumbRF{ margin:0px 0px 3px 10px;float:right; } 
.thumbLF { margin:0px 10px 3px 0px; float:left; }

.section:before { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clear {clear:both;}

ul.MenuBarVertical{list-style-type: none;cursor: default; margin:0; padding:0; display:block;}
ul.MenuBarActive{z-index: 1000; }
ul.MenuBarVertical li{margin: 0;padding: 0; display:block; list-style-type: none;position: relative;cursor: pointer;}
ul.MenuBarVertical ul{margin: 0 0 0 100%;padding: 0;list-style-type: none;position: absolute;z-index: 10000;cursor: default; left: -1000em;top: 0;}
ul.MenuBarVertical ul.MenuBarSubmenuVisible{left: 0;}
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
	}
}

ul.MenuBarHorizontal{margin: 0; padding: 0; list-style-type: none; cursor: default;  }
ul.MenuBarHorizontal li{margin: 0; padding: 0; list-style-type: none; position: relative; }
ul.MenuBarHorizontal ul{margin: 0; padding: 0; list-style-type: none; z-index: 1020; cursor: default; position: absolute; left: -1000em;}
ul.MenuBarActive { z-index: 1000; }
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible{left: auto}
ul.MenuBarHorizontal iframe { position: absolute; z-index: 1010; background:none; border:none; }
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
	}
}

table.table {width:100%; clear:both; border-collapse:collapse;}
col.col { }
tr.tblrow {text-align:left; vertical-align:top; }
td.cell { border:none; text-align:left; vertical-align:top;}
div.cellctn {padding:3px;}

a.pdf {line-height:3em; font-weight:bold; font-size:1.2em; background: url(admin/a_pdf.jpg) center left no-repeat; padding-left:20px; }



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




/* Hide the input by using a className */
input.fd-hidden-input,
select.fd-hidden-input
        {
        display:none;
        }
/* Screen reader class - hides it from the visual display */
.fd-screen-reader
        {
        position:absolute;
        left:-999em;
        top:0;
        width:1px;
        height:1px;
        overflow:hidden; 
        outline: 0 none;
	-moz-outline: 0 none;
        } 
/* Disabled datePicker and activation button */
a.dp-disabled,
.dp-disabled table
        {
        opacity:.3 !important;           
        filter:alpha(opacity=40);           
        }
.dp-disabled,
.dp-disabled td,
.dp-disabled th,
.dp-disabled th span
        {
        cursor:default !important;          
        }
a.date-picker-control:focus,
div.datePicker table td:focus 
        {
        overflow:hidden;
        outline:0 none;
	-moz-outline: 0 none;
	color:rgb(100,130,170) !important;
        }
/* The wrapper div */
div.datePicker
        {
        position:absolute;        
        z-index:9999;
        text-align:center;

        /* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
        font:900 0.8em/1em Verdana, Sans-Serif;

        /* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */
        /* font:900 77%/77% Verdana, sans-serif; */
        
        /* Or, if you prefer a pixel precision */
        /* font:900 12px/12px Verdana, sans-serif; */
        
        background:transparent;

        /* Mozilla & Webkit extensions to stop text-selection. */
        -moz-user-select:none;
        -khtml-user-select:none;                 
        }  
/* Styles for the static datePickers */
div.static-datepicker
        {
        position:relative;        
        top:5px;
        left:0;
        }
div.datePicker table
        {
        width:auto;
        height:auto;         
        } 
/* Draggable datepickers */
div.datePicker tfoot th.drag-enabled,
div.datePicker thead th.drag-enabled,
div.datePicker thead th.drag-enabled span
        {
        cursor:move;
        }
/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
iframe.iehack
        {
        position:absolute;
        background:#fff;
        z-index:9998;
        padding:0;
        border:0;
        display:none;
        margin:0;
        }
/* The "button" created beside each input for non-static datePickers */
a.date-picker-control:link,
a.date-picker-control:visited
        {
        position:relative;
        /* Moz & FF */
        display: -moz-inline-stack;
        border:0 none;
        padding:0;
        margin:0 5px 0 4px;
        background:transparent url(site/cal-grey.gif) no-repeat center right;
        min-width:16px;
        line-height:1;
        cursor:pointer;
        visibility:visible;
        text-decoration:none;
        vertical-align:top;         
        }
a.date-picker-control:hover,
a.date-picker-control:active,
a.date-picker-control:focus,
a.dp-button-active:link,
a.dp-button-active:visited,
a.dp-button-active:hover,
a.dp-button-active:active,
a.dp-button-active:focus
        {
        background:transparent url(site/cal.gif) no-repeat center right !important;
        }
/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
* html a.date-picker-control
        {
        width:16px;
		float:right;
        }
/* IE, Safari & Opera. Seperate CSS rule seems to be required. */
a.date-picker-control
        {
        display:inline-block;
		float:right;
        }
a.date-picker-control span
        {
        display:block;
        width:385px;
        height:26px;
        margin:auto 0;
        }
/* Default "button" styles */
div.datePicker thead th span
        {
        display:block;
        padding:0;
        margin:0;
        text-align:center;
        line-height:1em;
        border:0 none;
        background:transparent;
        font-weight:bold;
        cursor:pointer;
        }
/* The "month, year" display */
div.datePicker th span.month-display,
div.datePicker th span.year-display
        {
        display:inline;
        text-transform:uppercase;
        letter-spacing:1px;
        font:normal 1.2em Verdana, Sans-Serif;
        cursor:default;          
        }
/* Next & Previous (month, year) buttons */
div.datePicker th span.prev-but,
div.datePicker th span.next-but
        {
        font-weight:lighter;
        font-size:2.4em;
        font-family: georgia, times new roman, palatino, times, bookman, serif;
        cursor:pointer !important;
        }
/* Hover effect for Next & Previous (month, year) buttons */
div.datePicker th span.prev-but:hover,
div.datePicker th span.next-but:hover,
div.datePicker th span.today-but:hover
        {
        color:#a84444;
        }
/* Today button */
div.datePicker th span.today-but
        {
        text-align:center;
        margin:0 auto;
        font:normal 1em Verdana, Sans-Serif;
        width:100%;
        text-decoration:none;
        padding-top:0.3em;
        text-transform:uppercase;
        vertical-align:middle;
        cursor:pointer !important          
        }
/* Disabled buttons */ 
div.dp-disabled th span.prev-but,
div.dp-disabled th span.next-but,
div.dp-disabled th span.today-but,
div.dp-disabled th span.prev-but:hover,
div.dp-disabled th span.next-but:hover,
div.dp-disabled th span.today-but:hover,
div.datePicker th span.prev-but.fd-disabled:hover,
div.datePicker th span.next-but.fd-disabled:hover,
div.datePicker thead th span.fd-disabled,
div.datePicker th span.fd-disabled:hover
        {
        color:#aaa;
        cursor:default !important;         
        }   
/* The mon, tue, wed etc day buttons */
div.datePicker th span.fd-day-header
        {
        text-align:center;
        margin:0 auto;
        font:900 1em Verdana, Sans-Serif;
        text-decoration:none;
        text-transform:lowercase;
        cursor:pointer;          
        }
/* The table */
div.datePicker table
        {               
        margin:0;
        padding:0px;
        border:1px solid #ccc;        
        background:#fff url(site/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px;
        text-align:center;
        border-spacing:2px;
        padding:0.3em; 
        width:auto;             
        empty-cells:show;               
        -moz-border-radius:0.8em;
        border-radius:0.8em;        
        }
/* Common TD & TH styling */
div.datePicker table td,
div.datePicker table tbody th
        {                 
        border:0 none;
        padding:0;
        text-align:center;
        vertical-align:middle;               
        cursor:pointer;
        background:#fff url(site/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;
        width:3em;
        height:3em;   
        overflow:hidden;      
        outline:transparent none 0px;        
        border:1px solid #ccc;
        text-transform:none;         
        -moz-border-radius:2px;         
        border-radius:2px;
        }
div.datePicker table td:focus,
div.datePicker table td:active
        {
        outline:0 none red;
        }
div.datePicker table th
        {
        border:0 none;
        padding:0;        
        font-weight:bold;
        color:#222;
        text-align:center;
        vertical-align:middle; 
        text-transform:none;        
        }
div.datePicker table thead th
        {
        height:auto !important;
        }
div.datePicker table tbody th
        {                          
        border:1px solid #dcdcdc;        
        }
/* Week number display */
div.datePicker table thead th.date-picker-week-header,
div.datePicker table tbody th.date-picker-week-header
        {
        font-style:oblique;  
        background:transparent;
        cursor:default;         
        }
div.datePicker table thead th.date-picker-week-header
        {
        cursor:help;
        border:0 none;
        padding:0 0 0.2em 0;
        }
/* tfoot status bar */
div.datePicker tfoot th
        {
        cursor:default;
        font-weight:normal;
        text-transform:uppercase;
        letter-spacing:0.1em;
        border:0 none;
        background:#fff;
        height:2.8em;
        }
/* TD cell that is _not_ used to display a day of the month */
div.datePicker table tbody td.date-picker-unused
        {
        background:#fff url(site/backstripes.gif);
        border-color:#dcdcdc;          
        cursor:default !important;
        }

/* The TH cell used to display the "month, year" title */
div.datePicker table thead th.date-picker-title
        {
        width:auto;
        height:auto;
        padding:0.4em 0;
        }
/* The "mon tue wed etc" day header styles */
div.datePicker table thead th.date-picker-day-header
        {
        text-transform:lowercase;
        cursor:help;
        height:auto;
        }
/* The "todays date" style */
div.datePicker table tbody td.date-picker-today
        {
        background:#fff url(site/bullet2.gif) no-repeat 0 0;
        color:rgb(100,100,100) !important;
        }

div.datePicker table tbody td.month-out.date-picker-highlight 
        {
        color:#aa8866 !important;
        }
/* The "highlight days" style */
div.datePicker table tbody td.date-picker-highlight,
div.datePicker table thead th.date-picker-highlight
        {
        color:#a86666 !important;
        }
/* The "active cursor" style */
div.datePicker table tbody td.date-picker-hover
        {
        background:#fff url(site/bg_header.jpg) no-repeat 0 0;
        cursor:pointer;
        border-color:rgb(100,130,170) !important;
        color:rgb(100,130,170); 
        text-shadow: 0px 1px 1px #fff;                
        }
/* The "disabled days" style */
div.datePicker table tbody td.day-disabled
        {          
        background:#fff url(site/backstripes.gif) no-repeat 0 0;
        color:#aaa !important;
        cursor:default;
        text-decoration:line-through;
        } 
div.datePicker table tbody td.month-out 
        {
        border-color:#ddd;
        color:#aaa !important;
        background:#fff url(site/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;                             
        } 
/* The "selected date" style */
div.datePicker table tbody td.date-picker-selected-date
        {
        color:#333 !important;
        border-color:#333 !important;
        }
/* The date "out of range" style */
div.datePicker table tbody td.out-of-range,
div.datePicker table tbody td.not-selectable
        {           
        color:#ccc !important;
        font-style:oblique;
        background:#fcfcfc !important;
        cursor:default !important;              
        } 
/* Week number "out of range" && "month-out" styles */
div.datePicker table tbody th.month-out,
div.datePicker table tbody th.out-of-range
        {
        color:#aaa !important;
        font-style:oblique;
        background:#fcfcfc !important;          
        }
/* week numbers "out of range" */
div.datePicker table tbody th.out-of-range
        {
        opacity:0.6;
        filter:alpha(opacity=60);
        }  
/* Used when the entire grid is full but the next/prev months dates cannot be selected */
div.datePicker table tbody td.not-selectable
        {         
        opacity:0.8;
        filter:alpha(opacity=80);        
        }
div.datePicker table tbody tr
        {
        display:table-row;
        }
div.datePicker table tfoot sup
        {
        font-size:0.86em;
        letter-spacing:normal;
        text-transform:none;
        height: 0;
	line-height: 1;
	position: relative;
	top: -0.2em;	
	vertical-align: baseline !important;
	vertical-align: top;  
        }
div.datePicker table thead th.date-picker-day-header,
div.datePicker table thead span.month-display,
div.datePicker table thead span.year-display
        {            
        text-shadow: 0px 1px 1px #fff;                            
        }
/* You can add focus effects (for everything but IE6) like so: */
div.datepicker-focus
        {
        /* Naughty, naughty - but we add a highlight using the table's border colour */
        outline:none;
        }
div.datepicker-focus table.datePickerTable
        {
        border-color:#999 !important;         
        }
div.datePicker table tbody tr td:focus 
        {
        overflow:hidden;
        outline:0 none;
	-moz-outline: 0 none;
	color:rgb(100,130,170) !important;	
        }
/* INTERNET EXPLORER WOES
   ======================
   
   Hover Effects
   -------------
   
   IE cannot deal with :focus on the TR so the datePicker script adds the class "dp-row-highlight" to the
   row currently being hovered over. This should enable you to add hover effects if desired.
   
   e.g. the following rule will highlight the cell borders in another colour when a row is moused over,
   it looks like crap though so I didn't include the rule within the demo:
   
div.datePicker table tbody tr.dp-row-highlight td
        {
        border-color:#aaa;
        }
*/

/* Remove the images for Internet Explorer <= v6 using the "* html" hack  
   This is a workaround for a nasty IE6 bug that never caches background images on dynamically created DOM nodes
   which means that they are downloaded for every cell for every table - nasty! */    
* html div.datePicker table td
        {
        background-image:none;
        }
* html div.datePicker table td.date-picker-unused
        {
        background:#f2f2f2;
        }
/* Chrome has problems with the -webkit-box-shadow and -webkit-border-radius styles together 
   Remove one or the other to get things looking less ugly */       
@media screen and (-webkit-min-device-pixel-ratio:0) {
        div.datePicker table
                {
                border-spacing:0.3em;
                /* Naughty, naughty */
                -webkit-box-shadow:0px 0px 5px #aaa;                 
                -webkit-border-radius:0.8em;                
                }          
        div.static-datepicker table
                {
                -webkit-box-shadow:0 0 0 transparent;
                }
        div.static-datepicker:focus table
                {
                -webkit-box-shadow:0px 0px 5px #aaa;
                }
        div.datePicker table td,
        div.datePicker table tbody th
                {
                padding:0.1em;
                -webkit-border-radius:2px;
                }
        div.datePicker table tbody td.date-picker-hover
                {                
                -webkit-box-shadow:0px 0px 1px rgb(100,130,170);
                }       
}
/* Untested webkit rules for fading out the disabled buttons - fingers crossed */
@-webkit-keyframes fadeout {
        to {                           
                opacity: 0.4;                         
        }                 
        from {
                opacity: 1.0;
                color:#222;
        }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
        div.datePicker table thead th span.fd-disabled {                              
                -webkit-animation-name: fadeout;
                -webkit-animation-duration: 3s;
                -webkit-animation-timing-function: ease-in-out;
        }
} 


/* SWF OPTIONS STYLE */
	#moncv .flsbtt {margin:0 5px; height:40px; display:inline; float:left; border: solid 1px #072764; background-color: #FDB836; }
	#moncv .progressWrapper { width: 357px; overflow: hidden; }
	#moncv .progressContainer { margin: 0 5px; padding: 4px; border: solid 1px #E8E8E8; background-color: #F7F7F7; overflow: hidden; }
	#moncv .message { margin: 1em 0; padding: 10px 20px; border: solid 1px #FFDD99; background-color: #FFFFCC; overflow: hidden; }
	#moncv .red { border: solid 1px #B50000; background-color: #FFEBEB; }
	#moncv .green { border: solid 1px #DDF0DD; background-color: #EBFFEB; }
	#moncv .blue {border: solid 1px #CEE2F2; background-color: #F0F5FF; }
	#moncv .progressName { font-size: 8pt; font-weight: 700; color: #555; width: 323px; height: 14px; text-align: left; white-space: nowrap; overflow: hidden; }
	#moncv .progressBarInProgress, #moncv .progressBarComplete, #moncv .progressBarError { font-size: 0; width: 0%; height: 2px; background-color: blue; margin-top: 2px; }
	#moncv .progressBarComplete { width: 100%; background-color: green; visibility: hidden; }
	#moncv .progressBarError { width: 100%; background-color: red; visibility: hidden; }
	#moncv .progressBarStatus { margin-top: 2px; width: 337px; font-size: 7pt; font-family: Arial; text-align: left; white-space: nowrap; }
	#moncv a.progressCancel {font-size: 0;display: block;height: 14px;width: 14px;background-image:url(admin/cancelbutton.gif);background-repeat: no-repeat;background-position: -14px 0px;float: right; }
	#moncv a.progressCancel:hover {background-position: 0px 0px;}
