html, body { font-family: Verdana, Arial, serif, sans-serif; font-size:10pt; height:100%; margin:0px 0px 0px 0px; overflow:auto; }
body { background:transparent url('images/menu.png') center; }
#login { position:relative; width:300px; height:200px; margin:auto; margin-top:150px; background:white url(images/index_background.png);}
#login ul { list-style-type:none; margin:0px; padding:0px; }
#login ul li { width:250px; height:50px; margin:auto }
#login #header { color:black; line-height:36px; text-align:center; margin-bottom:30px; font-size:14pt; font-weight:bold; background:url(images/header.png) repeat-x; width:300px; height:38px; }
#login #submit { position:absolute; bottom:5px; left:0px; right:0px; z-index:1000; height:24px !important; }
#login label { float:left; }
#login input { float:right; }
/*----------------------------------------------------------------------*/
#planning_form { width:100%; height:100%; }
/*----------------------------------------------------------------------*/
#overlay { position:absolute; top:0px; left:0px; z-index:999; width:100%; height:1000%; background:transparent url('./images/overlay.png'); }
/*----------------------------------------------------------------------*/
.top-left { height:40px !important; left:-20px; position:absolute; top:-20px; width:40px !important; background:transparent url('./images/shadow_corners.png') no-repeat scroll 0 0; }
.top { width:auto !important; margin:0px !important; height:20px !important; left:20px; position:absolute; right:20px; top:-20px; background:transparent url('./images/shadows_repeat_x.png') repeat-x scroll 0 0; }
.top-right { height:40px !important; position:absolute; right:-20px; top:-20px; width:40px !important; background:transparent url('./images/shadow_corners.png') no-repeat scroll -40px 0; }
.left { height:auto !important; bottom:20px !important; left:-20px; position:absolute; top:20px; width:40px !important; background:transparent url('./images/shadows_repeat_y.png') repeat-y scroll 0 0; }
.right { height:auto !important; bottom:20px !important; position:absolute; right:-20px; top:20px; width:40px !important; background:transparent url('./images/shadows_repeat_y.png') repeat-y scroll -40px 0; }
.bottom-left { bottom:-20px; height:40px !important; left:-20px; position:absolute; width:40px !important; background:transparent url('./images/shadow_corners.png') no-repeat scroll 0 -40px; }
.bottom { width:auto !important; margin:0px !important; bottom:-20px; height:40px !important; left:20px; position:absolute; right:20px; background:transparent url('./images/shadows_repeat_x.png') repeat-x scroll -0 -40px; }
.bottom-right { bottom:-20px; height:40px !important; position:absolute; right:-20px; width:40px !important; background:transparent url('./images/shadow_corners.png') no-repeat scroll -40px -40px; }
.center { padding:5px 5px 24px 5px; background:transparent url('./images/panel_grad_bg.png') repeat-x; }
/*----------------------------------------------------------------------*/
.buttons_red { cursor:pointer; color:white; text-align:center; line-height:24px; height:24px; background:transparent url('./images/buttons_red.png') no-repeat top; }
.buttons_red:hover { background-position:bottom; }
.buttons_grey { cursor:pointer; color:#444444; text-align:center; line-height:24px; height:24px; background:transparent url('./images/buttons_grey.png') no-repeat top; }
.buttons_grey:hover { background-position:bottom; }
.buttons { cursor:pointer; color:#444444; text-align:center; line-height:24px; height:24px; background:transparent url('./images/buttons.png') no-repeat top; }
.buttons:hover { background-position:bottom; }
/*----------------------------------------------------------------------*/
#tasks { z-index:1000; position:absolute; top:10%; left:50%; margin-left:-250px; width:500px; min-height:55px; border:1px solid grey; background:white; }
#tasks ul { list-style-type:none; margin:0px; padding:0px; }
#tasks .li { color:#2C4865; font-size:11px; font-weight:bold !important; text-shadow:0 1px 0 rgba(250, 250, 250, 0.5); }
#tasks .li_selected { background:transparent url('./images/li_hover.png'); color:#FFFFFF; font-size:11px; font-weight:bold !important; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.5); }
#tasks .general { float:left; margin:7px 14px; width:32px; height:32px; background:transparent url('./images/general.png') no-repeat; }
#tasks .colors { float:left; margin:7px 14px; width:32px; height:32px; background:transparent url('./images/paint.png') no-repeat; }
#tasks #headers { height:61px; padding:5px; }
#tasks #headers #onglets { margin:-5px 0px; text-align:center; }
#tasks #headers #onglets li { cursor:pointer; float:left; width:61px; height:61px; }
#tasks .default { color:grey; font-style:italic; }
#tasks #headers #tas_title { width:72%; padding:2px; margin:5px 2px 2px 2px; font-size:12pt; border:1px solid grey; -moz-border-radius:4px; }
#tasks #headers #tas_title:focus { background:#FEFEEE; outline:1px solid #CED2D5; -moz-outline-radius:4px; }
#tasks #headers #tas_where { width:72%; padding:2px; margin:2px; font-size:10pt; border:1px solid grey; -moz-border-radius:4px; }
#tasks #headers #tas_where:focus { background:#FEFEEE; outline:1px solid #CED2D5; -moz-outline-radius:4px; }
#tasks .dates { margin:0 4px; text-align:center; width:80px; border:1px solid grey; -moz-border-radius:4px; }
#tasks .dates:focus { background:#FEFEEE; outline:1px solid #CED2D5; -moz-outline-radius:4px; }
#tasks .times { margin:0 4px; text-align:center; width:50px; border:1px solid grey; -moz-border-radius:4px; }
#tasks .times:focus { background:#FEFEEE; outline:1px solid #CED2D5; -moz-outline-radius:4px; }
#tasks #tas_note { width:99%; padding:2px; border:1px solid grey; -moz-border-radius:4px; }
#tasks #tas_note:focus { background:#FEFEEE; outline:1px solid #CED2D5; -moz-outline-radius:4px; }
#tasks .center { color:#2C4865; font-size:11px; font-weight:bold !important; color:grey; }
#tasks .separator { height:0px; margin:5px 10px 5px 10px; }
#tasks #buttons { position:absolute; bottom:0px; left:0px; right:0px; z-index:1000; }
#tasks #buttons li { margin:4px; float:right; width:84px; }
#tasks #buttons li#remove_button { margin:4px; float:left; width:150px; }
#tasks #date_begin { display:block; position:relative; margin:4px; width:250px; }
#tasks #date_begin .calendar { }
#tasks #date_end { position:relative; margin:4px; width:250px; }
#tasks .all_day { cursor:pointer; width:250px; padding-left:20px; line-height:20px; height:18px; background:transparent url('./images/checkbox.png') bottom left no-repeat;}
#tasks .all_day:hover { background-position:top left; }
#tasks .all_day_checked { cursor:pointer; width:250px; padding-left:20px; line-height:20px; height:18px; background:transparent url('./images/checkbox_checked.png') bottom left no-repeat;}
#tasks .all_day_checked:hover { background-position:top left; }
/*----------------------------------------------------------------------*/
.tasks { cursor:pointer; z-index:200; position:absolute; width:5px; left:16px; background-position:bottom !important; }
.tasks:hover { background-position:top !important; }
/*----------------------------------------------------------------------*/
#menu { float:left; width:9%; height:100%; min-height:100%; }
#menu ul { margin:0px; padding:0px; list-style-type:none; }
#menu li { font-size:8pt; padding:5px; background:transparent url('./images/sous_menu.png') bottom; }
#menu li:hover { background-position:top; }
#menu #disconnect { cursor:pointer; font-weight:bold; color:white; text-align:center; }
#menu #legend .blueacid { background:transparent url('./images/header_blueacid.png') repeat-x; }
#menu #legend .bluedark { background:transparent url('./images/header_bluedark.png') repeat-x; }
#menu #legend .bluesky { background:transparent url('./images/header_bluesky.png') repeat-x; }
#menu #legend .blueflashy { background:transparent url('./images/header_blueflashy.png') repeat-x; }
#menu #legend .blue { background:transparent url('./images/header_blue.png') repeat-x; }
#menu #legend .green { background:transparent url('./images/header_green.png') repeat-x; }
#menu #legend .greenflashy { background:transparent url('./images/header_greenflashy.png') repeat-x; }
#menu #legend .lightgreen { background:transparent url('./images/header_lightgreen.png') repeat-x; }
#menu #legend .purple { background:transparent url('./images/header_purple.png') repeat-x; }
#menu #legend .purpleflashy { background:transparent url('./images/header_purpleflashy.png') repeat-x; }
#menu #legend .red { background:transparent url('./images/header_red.png') repeat-x; }
#menu #legend .redflashy { background:transparent url('./images/header_redflashy.png') repeat-x; }
#menu #legend .reddark { background:transparent url('./images/header_reddark.png') repeat-x; }
#menu #legend .yellow { background:transparent url('./images/header_yellow.png') repeat-x; }
#menu #legend .yellowflashy { background:transparent url('./images/header_yellowflashy.png') repeat-x; }
#menu #legend .orange { background:transparent url('./images/header_orange.png') repeat-x; }
#menu #legend .orangeflashy { background:transparent url('./images/header_orangeflashy.png') repeat-x; }
#menu #legend .orangedark { background:transparent url('./images/header_orangedark.png') repeat-x; }
#menu #legend .rose { background:transparent url('./images/header_rose.png') repeat-x; }
#menu #legend .roseflashy { background:transparent url('./images/header_roseflashy.png') repeat-x; }
#menu #legend .greendark { background:transparent url('./images/header_greendark.png') repeat-x; }
#menu #legend .fuchsia { background:transparent url('./images/header_fushia.png') repeat-x; }
#menu #legend .redflash { background:transparent url('./images/header_redflash.png') repeat-x; }
#menu #legend .orangemeca { background:transparent url('./images/header_orangemeca.png') repeat-x; }
#menu #legend .rosesalmon { background:transparent url('./images/header_rosesalmon.png') repeat-x; }
#menu #legend .purpledark { background:transparent url('./images/header_purpledark.png') repeat-x; }
#menu #legend .rosedark { background:transparent url('./images/header_rosedark.png') repeat-x; }
#menu #legend .darkblue { background:transparent url('./images/header_darkblue.png') repeat-x; }
#menu #legend .orangelight { background:transparent url('./images/header_orangelight.png') repeat-x; }
/*----------------------------------------------------------------------*/
#colors { cursor:pointer; background:white; top:0px; z-index:1001; position:absolute; }
#colors ul { width:306px; position:relative; }
#colors ul li { height:61px; }
#colors ul li:hover { outline:1px solid #CED2D5; -moz-outline-radius:4px; }
.bluedark { background:transparent url('./images/header_bluedark.png') repeat-x; }
.blueacid { background:transparent url('./images/header_blueacid.png') repeat-x; }
.bluesky { background:transparent url('./images/header_bluesky.png') repeat-x; }
.blue { background:transparent url('./images/header_blue.png') repeat-x; }
.blueflashy { background:transparent url('./images/header_blueflashy.png') repeat-x; }
.green { background:transparent url('./images/header_green.png') repeat-x; }
.greenflashy { background:transparent url('./images/header_greenflashy.png') repeat-x; }
.lightgreen { background:transparent url('./images/header_lightgreen.png') repeat-x; }
.purple { background:transparent url('./images/header_purple.png') repeat-x; }
.purpleflashy { background:transparent url('./images/header_purpleflashy.png') repeat-x; }
.red { background:transparent url('./images/header_red.png') repeat-x; }
.redflashy { background:transparent url('./images/header_redflashy.png') repeat-x; }
.reddark { background:transparent url('./images/header_reddark.png') repeat-x; }
.yellow { background:transparent url('./images/header_yellow.png') repeat-x; }
.yellowflashy { background:transparent url('./images/header_yellowflashy.png') repeat-x; }
.orange { background:transparent url('./images/header_orange.png') repeat-x; }
.orangeflashy { background:transparent url('./images/header_orangeflashy.png') repeat-x; }
.orangedark { background:transparent url('./images/header_orangedark.png') repeat-x; }
.rose { background:transparent url('./images/header_rose.png') repeat-x; }
.roseflashy { background:transparent url('./images/header_roseflashy.png') repeat-x; }
.greendark { background:transparent url('./images/header_greendark.png') repeat-x; }
.fuchsia { background:transparent url('./images/header_fushia.png') repeat-x; }
.redflash { background:transparent url('./images/header_redflash.png') repeat-x; }
.orangemeca { background:transparent url('./images/header_orangemeca.png') repeat-x; }
.rosesalmon { background:transparent url('./images/header_rosesalmon.png') repeat-x; }
.purpledark { background:transparent url('./images/header_purpledark.png') repeat-x; }
.rosedark { background:transparent url('./images/header_rosedark.png') repeat-x; }
.darkblue { background:transparent url('./images/header_darkblue.png') repeat-x; }
.orangelight { background:transparent url('./images/header_orangelight.png') repeat-x; }
/*----------------------------------------------------------------------*/
#planning_year { float:left; width:90%; background:#BFBFBF; border:1px solid #a6aab2; }
#planning_year ul { list-style-type:none; margin:0px; padding:0px; }
#planning_year #entete { height:44px; border-bottom:1px solid #aaaeb6; background:transparent url('./images/planning_top.png'); }
#planning_year .espace { color:#545454; width:2%; float:left; font-size:8pt; font-weight:bold; text-align:center; }
#planning_year .months { color:#545454; width:8%; float:left; font-size:8pt; font-weight:bold; text-align:center; }
#planning_year #next_year { cursor:pointer; float:left; width:2%; height:24px; background:transparent url('./images/Arrow-Blue-Right.png') center no-repeat; }
#planning_year #next_year:hover { background-position:top; }
#planning_year #next_year:active { background-position:bottom; }
#planning_year #previous_year { cursor:pointer; float:left; width:2%; height:24px; background:transparent url('./images/Arrow-Blue-Left.png') center no-repeat; }
#planning_year #previous_year:hover { background-position:top; }
#planning_year #previous_year:active { background-position:bottom; }
#planning_year #year { color:#3b4958; width:96%; float:left; font-size:14pt; text-align:center; font-weight:bold; }
#planning_year .days_number { float:left; text-align:center; width:2%; font-size:8pt; color:#465769; }
#planning_year .days_number li { float:left; background:#BFBFBF; clear:both; width:24px; height:24px; line-height:24px; border-top:1px solid #f3f3f5; border-right:1px solid #f3f3f5; border-bottom:1px solid #a6aab2; border-left:1px solid #a6aab2; }
#planning_year .day { position:relative; background:#f6f6f7; float:left; width:100%; height:24px; border-top:1px solid #f3f3f5; border-right:1px solid #f3f3f5; border-bottom:1px solid #a6aab2; border-left:1px solid #a6aab2; }
#planning_year .day:hover { border:1px solid #364f72; background-image:url('./images/planning_today_hover.png'); }
#planning_year .day:hover span { color:white; }
#planning_year .off { background-color:#BEBEC5; cursor:not-allowed; }
#planning_year .off:hover { background:#ccccd1; }
#planning_year .ferie { background-color:#bac3d4; }
#planning_year .weekend { background-color:#CCCCD0; }
#planning_year .numero { float:left; font-size:7pt; font-weight:normal; line-height:24px; width:10px; }
#planning_year .task { cursor:pointer; float:left; z-index:999; width:5px; clear:both; font-size:7pt; padding:2px; -moz-border-radius:7px; }
#planning_year .full { height:25px !important; left:0; margin:-2px 0 0 -1px; padding:0; position:absolute; top:0; width:99% !important; }