@font-face {
    font-family : "MuseoSans-700";
    src: url('../typography/MuseoSans-700.woff') format("woff");
}

/* ------------------------------------------------------------------------------------------------- */
/* !style generaux pour les pages */
/* ------------------------------------------------------------------------------------------------- */
html {}

body {
    -webkit-text-size-adjust: 100%;
	padding: 0 10px 20px 10px;
	margin: 0px;
	/*  Helvetica et Arial sont trop étroites... alors que Lucida est seulement sur les Mac */
	font-family: -apple-system, Verdana, sans-serif;
	color: #000000;
	font-size: 12px;
/*
	background-image: url(../images/background/bubble_back.gif);
	background-repeat: repeat-x;
	background-color: #F7F7F7;
 */
}

code {
  margin: 0 2px;
  padding: 0 5px;
  white-space: nowrap;
  border: 1px solid #eaeaea;
  background-color: #f8f8f8;
  border-radius: 3px;
}

blockquote {
	margin:1em 0;
	border-left:5px solid red;
	padding-left:.6em;
	color:#333;
}

label {
	font-weight:bold;
}

.page_header { /* rev. 2010 */
/* 	background: #FFFFFF; */
	margin-top: 10px;
	height: 48px;
	margin-bottom: 10px;

/*
    border-bottom-right-radius: 30px;
	box-shadow: 4px 4px 8px rgba(0,0,0,1);
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-bottomright: 30px;
	-webkit-box-shadow: 4px 4px 16px rgba(0,0,0,1);
	-moz-box-shadow: 4px 4px 16px rgba(0,0,0,1);
 */
}

.page_header img { /* rev. 2010 */
	margin-top: 10px;
	margin-left: 10px;
	border: 0px;
}

.menu { /*sysgig seulement*/
	/* font-family: "Lucida Grande", Verdana, Arial, sans-serif; */
	font-family: Lucida Grande, Arial, sans-serif;
	color: #FFFFFF;
	font-size: 10pt;
	background: #325784;
	background: -webkit-gradient(linear, 0% 20%, 0% 80%, from(#4d6f96), to(#325784));
	background: -moz-linear-gradient(center top, #4d6f96 20%, #325784 80%);

    border-bottom: 1px solid black;
    padding: 3px 2px 2px 2px;

	box-shadow: 4px 4px 8px rgba(0,0,0,1);
    -webkit-box-shadow: 4px 4px 8px rgba(0,0,0,1);
	-moz-box-shadow: 4px 4px 8px rgba(0,0,0,1);
}
.menu * {cursor:pointer !important}

.container { /* rev. 2010 */
	background: #ffffff;

	margin-top: 10px;
	margin-bottom: 20px;

    /* fix pour bootstrap */
/* 	margin-top: 50px;	 */
/* 	width: 100%; */

/* 	min-height: 500px;	 en override dans l'extra du portail client */

	box-shadow: 0px 2px 8px rgba(0,0,0,1);
	-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,1);
	-moz-box-shadow: 0px 2px 8px rgba(0,0,0,1);
}

.container_padding { padding: 4px;}

.page_footer_texte { /* rev. 2010 */
	color: #666666;
	font-size: 9px;
}

.page_footer_texte:after {
	content: "2016";
}

.spanclick:hover tr {
/*	color: #00517B;*/
/*	text-decoration: underline;*/
	background-color: rgb(217, 234, 244);
	cursor: pointer;
}

a, .ui-widget-content a {
	font-weight: bold;
/*	color: black;*/
	color: rgb(39, 83, 122);
	text-decoration: none;
    outline: 0; /* prevent dotted border in Firefox */
}

a:hover {
	color: #00517B;
	background-color: rgb(217, 234, 244);

/*
    background-color: #3265CA !important;
    color: white !important;
	text-shadow: none;
*/
}

h1 {
	font-family: MuseoSans-700;
	text-shadow: 1px 1px 1px #FFFFFF;
	color: #3068a0;
    font-weight: normal;
}

h2 {
	font-family: MuseoSans-700;
	text-shadow: 1px 1px 1px #FFFFFF;
	color: #3EAAE6;
    font-weight: normal;
}

h3 {
	font-family: MuseoSans-700;
	color: #7F7F7F;
    font-weight: normal;
}

/* ------------------------------------------------------------------------------------------------- */
/* progress */
/* ------------------------------------------------------------------------------------------------- */
.vprogress {
	width: 10px;
	height: 16px;
	border: 1px solid black;
	position: relative;

	background: lightgrey;
	background: -webkit-gradient(linear, 20% 0%, 80% 0%, from(lightgrey), to(silver));
	background: -moz-linear-gradient(center left, lightgrey 20%, silver 80%);
}

.vprogress div {
	position: absolute;
	bottom: 0;
	width: 100%;
	border-top: 1px solid darkgreen;
/*	margin: -1px;*/

	background: #325784;
/*	background: -webkit-gradient(linear, 20% 0%, 80% 0%, from(#4d6f96), to(#325784));*/
	background: -webkit-gradient(linear, 20% 0%, 80% 0%, from(green), to(lightgreen));
/*	background: -moz-linear-gradient(center left, #4d6f96 20%, #325784 80%);	*/
	background: -moz-linear-gradient(center left, green 20%, lightgreen 80%);
}

/* ------------------------------------------------------------------------------------------------- */
/* !style pour les tableaux */
/* ------------------------------------------------------------------------------------------------- */
.table_header, .table_header_bold_and_big { /* rev. 2010 */
	background: #325784;
	background: -webkit-gradient(linear, 0% 20%, 0% 80%, from(#4d6f96), to(#325784));
	background: -moz-linear-gradient(center top, #4d6f96 20%, #325784 80%);
}

.table_header_2 { background: #D9EAF4;}

.table_header_3 { background: #EEEEEE;}

.table_header th, .table_header_2 th, .table_header_3 th, .table_header_bold_and_big th {
    border: 1px solid #000000;
	text-align: left;
	font-size: 12px;
	padding-left: 4px;
	padding-right: 4px;
    height: 20px;
}

.action_menu_button_json {
	width: 32px;
	height: 18px;
	padding-left: 4px;
	padding-right: 4px;
}

.table_header th,
.table_header_2 th,
.table_header a {
	color: #FFF;
	text-decoration: inherit;
	font-weight: normal;
}

.table_header_2 th {
    border: 1px solid #489DC8;
	color: #000000;
	font-weight: bold;
	text-shadow: 1px 1px 1px #FFFFFF;
}

.table_header_3 th {
    border: none;
    border-top: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
	color: #000000;
	font-weight: bold;
	text-shadow: 1px 1px 1px #FFFFFF;
}

.table_header_bold_and_big th, .table_header_bold_and_big a {
	color: #FFF;
    font-weight:bold;
    font-size:14px;
}

.table_header_2_indent {padding-left: 20px !important;}

.table_header_3_indent { padding-left: 40px !important;}

.blank_row { height:10px;}

.table_footer { /* rien */ }

/* Pour utiliser dans un div */
.table_footer {
	border-top: 1px dashed #808080;
	color: #808080;
    font-weight:bold;
}

.table_footer td {
	border-top: 1px dashed #808080;
	color: #808080;
    font-weight:bold;
}

.table_small_font th, .table_small_font td {font-size:8pt;}

.filtre { /* rev. 2010 */
	font-weight: normal;
	color: white;
    float: right;
	padding-top: 8px;
    padding-right: 10px;
	text-shadow: 1px 1px 2px #000000;
}

.xcell_label {
	text-align: right;
	font-weight: bold;
	padding-right: 10px;
}


.cell_label, .small_cell_label, .tiny_cell_label {
   	vertical-align: top;
	font-weight: bold;
	text-align: right !important;
	padding-top: 5px !important;

}

.cell_label:after, .small_cell_label:after, .tiny_cell_label:after {
	content: ":";
	padding-left: 6px;
	padding-right: 2px;
    white-space: nowrap;
}

.cell_label, .cell_label_width_only {
   	vertical-align: top;
    width: 180px;
}

.cell_label_large {
    width: 280px;
}

.small_cell_label {
    width: 90px;
}

.tiny_cell_label {
    width: 100px;
}

.table_sum {
    font-weight: bold;
	background-color: rgb(202, 237, 179);/* #ccff66 */
}

.table_sum td {
	border-top: 1px solid black;
	/*border-bottom: 1px solid green;*/
    padding-top:3px;
    padding-bottom:2px;
}

/* ----------------------------------------------------------------------------------------------------
Utiliser pour briser les lignes d'une CELL en plusieurs morceaux.
---------------------------------------------------------------------------------------------------- */
.cell_hardbreak {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.form_table {
    border-spacing: 0px;
    border-collapse: collapse;
}

.form_table td{
	padding-top: 3px;
	padding-bottom: 3px;
}

.strike {
    text-decoration: line-through;
}

.switch_options {
    background: transparent url(../images/icon_checked.png) no-repeat center;
    text-align: center;
}

/* ----------------------------------------------------------------------------------------------------
 style pour les messages
---------------------------------------------------------------------------------------------------- */
.oversize_msg {font-size:30pt;}
.statut_msg, .erreur_msg, .hint_msg, .info_boite, .info_action{
	padding: 5px;
	text-align: left;
	margin-bottom: 10px;
    border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;

	/*font-weight: bold;*/
}

.statut_msg, .erreur_msg, .small_erreur_msg {font-size:11pt;}

.statut_msg, .info_boite {
    background-color: #D1FF93;
    border: 1px solid #AED3AE;
    /*
         Charles Dufresne - 2014-05-13
	border-top: 1px solid green;
	border-bottom: 1px solid green;
	background-color: #ccff66;
        */

    /*
    Charles - 2011-07-08
    Ne pas effacer - Msg floatant.


    left: 0;
    right: 0;
    top: 0;

    height: auto;
    position: fixed;
    text-align: center;
    z-index: 100000000000000;

	border-top: 1px solid green;
	border-bottom: 1px solid green;
	//background-color: #ccff66;
    background-color: rgba(204, 255, 102, 0.96);
    margin:12px;
    min-height:20px;
    //vertical-align:middle;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 4px 4px 16px rgba(0,0,0,1);
	-moz-box-shadow: 4px 4px 16px rgba(0,0,0,1);
    */
}

.hint_msg {
    /*
	border-top: 1px solid tomato;
	border-bottom: 1px solid tomato;
	background-color: orange;
        */
	background-color: #FECF72;
    border: 1px solid #FFB2A3;
	min-height: 50px;
}

.erreur_msg, .small_erreur_msg {
    /*
	border-top: 1px solid red;
	border-bottom: 1px solid red;
	background-color: #ff9999;
        */
    background-color: #FFE8E8;
    border: 1px solid #F2BDBD;
    color:#C93333;
}

.small_erreur_msg {
    padding-right:5px;
    padding-left:5px;
	text-align: left;
	/*font-weight: bold;*/
}

/* ----------------------------------------------------------------------------------------------------
 info boite
---------------------------------------------------------------------------------------------------- */
.info_boite_alert_icon {
	background: url(../images/shared-icons.png) no-repeat;
	height: 48px;
	width: 48px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.info_boite_question_icon {
	background: url(../images/shared-icons.png) no-repeat;
	height: 48px;
	width: 48px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	background-position: 0px -48px;
}

.info_boite_stop_icon {
	background: url(../images/shared-icons.png) no-repeat;
	height: 48px;
	width: 48px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	background-position: 0px -96px;
}

/*
.info_action {
	background-color: #B5EDBC;
    margin-bottom:3px;
    margin-top:3px;
    padding: 6px;
    border: 1px solid darkgreen;
    color:black;
}
*/
.info_boite p {
    /*
    margin:10px;
    background-color:white;
    padding:5px;
    */
    margin-left: 60px;
    font-size: 11pt;
}

.info_action  {
/*    text-align:center;*/
    text-align:left;
}

.depasse_limite {
    color:red;
    font-weight:bold;
}

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

---------------------------------------------------------------------------------------------------- */
.alternate_row { background: #E6F0FD;}
.alternate_row_pair { background: white;}

.alternate_row > td, .alternate_row_pair > td {
	/*vertical-align: middle;*/
	border-top: 1px transparent solid;
	border-bottom: 1px transparent solid;
}

.alternate_row_pair:hover > td,
.alternate_row:hover > td {
	border-top: 1px solid #3265CA;
	border-bottom: 1px solid #3265CA;
	background-color: #CDDCF5;
}

.alternate_row_pair > td > a:hover,
.alternate_row > td > a:hover {
    background-color: #3265CA;
    color: white;
}

/*
.alternate_row_pair:hover,
.alternate_row:hover {
    background-color: #3265CA;
    color: white;
}

.alternate_row_pair:hover>td>a,
.alternate_row:hover>td>a {
    background-color: #3265CA;
    color: yellow;
}


.alternate_row_pair:hover>td>a:hover,
.alternate_row:hover>td>a:hover {
    color: #ffffff;
}
*/

.container table {
	font-size: 12px;
	width: 100%;
}

/* ----------------------------------------------------------------------------------------------------
 autres styles
---------------------------------------------------------------------------------------------------- */
.image_babillard {
	margin: 10px;
	margin-top: 0px;
	float: left;
	border: 1px solid black;
	padding: 6px;
	background: #FFFFFF;
    border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

/* ----------------------------------------------------------------------------------------------------
 styles pour les formulaires
---------------------------------------------------------------------------------------------------- */
.form_col_1, .form_col_2 {
	float: left;
	margin-bottom: 10px;
	font-weight: bold;
/* 	border: 1px solid red; */
}

.form_col_1 {
	text-align: right;
	width: 180px;
	padding-right: 10px;
	font-weight: bold;
}

.form_section {
	background: lightgrey;
	font-weight: bold;
	padding: 4px 40px;
}

.search_bar, .dual_list_box {
	margin-top: 4px;
	background: #D9EAF4;
	border: 1px solid #AECFE0;
	padding: 4px;
	min-height: 24px;

    border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.form_btn_bar {
	margin-top: 10px;
	border-top: 2px solid #3EAAE6;
	padding: 6px 0px 0px 0px;
}

.dual_list_box {
	width: 800px;
	border-radius: 3px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-top: -3px;
	margin-bottom: 6px;
}

.dual_list_box button {
    border-radius: 3px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.form_btn_bar {
	text-align: right;
}

.stb_filter td {
    background: #D9EAF4;
	border-top: 1px solid #489dc8;
	border-bottom: 1px solid #489dc8;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 2px;
    height: 24px;
    vertical-align: middle;
}

.complex_filter td {
    background: #D9EAF4;
	border-top: 1px solid #489dc8;
	border-bottom: 1px solid #489dc8;
    text-align:center;
    padding-top: 3px;
    padding-bottom:2px;
    height: 24px;
    vertical-align:middle;
}

.complex_filter input, checkbox {
    margin-bottom: 3px;
    margin-top: 3px;
}

/*
.form_btn_bar input, .form_btn_bar button {
	font-size: 12pt;
}
 */

.btn_bar_service {
    margin-top:-8px;
    padding-left:8px;
    padding-right:8px;
}

.side_box {
	background: #D9EAF4;
	border: 1px solid #AECFE0;
	width: 182px;
	padding: 10px;
	vertical-align: top;
}

.blue_box{
    background:#D9EAF4 none repeat scroll 0% 50%;
    border:1px solid #489DC8;
    padding:10px;
}

.billet {
	border-collapse: collapse;
}

.billet #titre td {
	background: #D9EAF4;
	border-top: 1px solid #489dc8;
	border-bottom: 1px solid #489dc8;
}

.billet #texte td {
	padding-top: 5px;
	font-family: Monaco;
	font-size: 10pt;
}

.icn_mail_on {
	background: white url(../images/icn_mail_on.png) no-repeat;
}

.icn_mail_off {
	background: white url(../images/icn_mail_off.png) no-repeat;
}

.derniere_maj {
    float: right;
    color: #808080;
    text-align: right;
    padding-top: 10px;
    font-size: 85%;
}

/**************************
    FIELDSET
***************************/
legend {
    font-size: 10pt;
    font-weight: bold;
	text-decoration: none;
    padding: 4px;
	width: 100%;

	background: #D9EAF4;
	background: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#D9EAF4), to(#ffffff));
	background: -moz-linear-gradient(top, #D9EAF4 50%, #ffffff 100%);
	background: -ms-linear-gradient(top,  rgba(217,234,244,1) 50%,rgba(255,255,255,1) 100%); /* IE10+ */

	border: 1px solid #AECFE0;
	border-bottom: 0px;
	color: #325784;

    margin-left: -5px;
    margin-right: -5px;
}

fieldset.orange>legend {
	background: #FEE2AA;
	border: 1px solid #F0A91F;
	border-bottom: 0px;
	color: #FF8000;
}

fieldset {
    margin-bottom: 5px;
	padding: 4px;
	border: 1px solid #AECFE0;
    background: #FFFFFF;
}

fieldset.orange {
	border: 1px solid #F0A91F;
}



/*
Test Charles - 2010-09-30
Ne pas effacer.
fieldset {
    -moz-box-shadow:1px 1px 2px #000000;
    border-color:-moz-use-text-color;
    border-right:0 none;
    border-style:solid none none;
    border-width:1px 0 0;
    margin-bottom:14px;
}
*/

fieldset p.detail {
    margin-left:10px;
}

.groupbreak {
	font-weight: bold;
    background-image: url(../images/action_button_bg.png);
    border: 1px solid silver;
    border-top: 0px;
    padding-left: 6px;
    height: 21px;
}

.groupbreak a {
    cursor:pointer;
    text-decoration:none;
}

.groupbox {
    border: 1px solid grey;
    padding: 5px;
}

.groupbox #action_button {
    margin-top:5px;
    text-align:right;
}

.no_margin_padding tr,
.no_margin_padding td,
.no_margin_padding th {
	padding: 0px;
	margin: 0px;
}

.no_margin_padding {
	border-spacing: 0px;
}

.readonly { /*sysgig seulement*/
    color:black;
    background-color:#eeeeee!important;
    border:1px dotted silver;
    margin:1px;
}

/* ------------------------------------------------------------------------------------------------- */
/* !style pour les formulaires */
/* ------------------------------------------------------------------------------------------------- */
input[type=button], input[type=submit], button {
	border: 1px solid #cacaca;
	font-weight: bold;
	font-size: 1em;  //pour singer JQuery UI
	color: #000000;
	height: 24px;
	background: #e6e6e6;
	background: -webkit-gradient(linear, 0% 20%, 0% 80%, from(#f9f9f9), to(#e6e6e6));
	background: -moz-linear-gradient(center top, #f9f9f9 20%, #e6e6e6 80%);
    border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding-left: 1em;
	padding-right: 1em;
}

@-moz-document url-prefix() {
	input[type=button], input[type=submit], button {
		padding-bottom: 2px;
	}
}

input[type=button]:hover, input[type=submit]:hover, button:hover {
	border: 1px solid #555555;
}

input[type=button]:active, input[type=submit]:active, button:active {
	background: #DDDDDD;
}

input[type=checkbox] {
	margin-right: 10px;
	margin-top: 6px;
	margin-bottom: 6px;
}

table input[type=checkbox] {
    margin-bottom: 1px;
    margin-top: 1px;
}

input[type=radio] { vertical-align: middle; margin: 0 5px 5px;}

.search_bar input[type=checkbox] {
    margin-bottom: 3px;
    margin-top: 3px;
}

.search_bar > table {
	width: 10% !important;
	white-space: nowrap;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

.search_bar > table td {
	padding-right: 10px;
	/* Charles Dufresne - 2013-05-09.
              Padding-left rendu dans .left_splitter
        padding-left: 10px;
        */
}

.search_bar input[type=submit] {
	width: 140px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.left_splitter {
	border-left: 1px solid #489dc8;
	padding-left: 10px;
}

.right_splitter {
	border-right: 1px solid #489dc8;
}

.search_bar input[type=search] {
	width: 200px;
}

.search_bar {
	margin-bottom: 6px;
	text-align: center;
}

input[requis], textarea[requis], select[requis] {
	background: lightyellow;
}

input[search] {
	background-image: url(../images/SearchMagGlass.png);
	background-repeat: no-repeat;
	padding-left: 18px;
	background-position: 2px center;
}

.select_readonly {
/*	margin-left: 2px; */ /* safari seulement */
	padding-left: 2px;
}

input[readonly], input[readonly_number], .select_readonly {
	/* font-weight: bold; */
	border: none;
	background: none;
	padding-left: 0px;
}

input[readonly_number] {text-align:right;}

.telephone { width:8em; }
.code_postal { width:6em; }
.date, .date_field { width:7em; } /* date_field sysgig seulement*/
.heure { width:5em; }
.date_heure { width:10em; }
.nombre { width:7em; text-align: right; }

.remarque, .textarea_default { /* rev. 2010 */
    width:99%;
    height:80px;
}

.common_button { font-size:10px; }

.text_note, .text_note_checkbox {
    color: #003F5B;
    font-family: "Lucida Grande", helvetica,arial,verdana;
    font-size: 8pt;
    font-style: italic;
    font-weight: lighter;
}

.text_note_checkbox {
    padding-left:27px;
}

.text_disabled {
    color:#999999;
}

/* ----------------------------------------------------------------------------------------------------
 pour le fil d'ariane
---------------------------------------------------------------------------------------------------- */
.fil_d_ariane, .-off-fil_d_ariane a {
    border: 1px solid #000000;
	background: #325784;
	background: -webkit-gradient(linear, 0% 20%, 0% 80%, from(#4d6f96), to(#325784));
	background: -moz-linear-gradient(center top, #4d6f96 20%, #325784 80%);

	text-shadow: 1px 1px 2px #000000;
	color: #3EAAE6;
	font-size: 18px;
	font-family: MuseoSans-700;

	padding: 4px;
	padding-left: 14px;
	margin-right: -1px;	 /* corrige glitch visuelle du shadow */
}

.fil_d_ariane .next:before {
	color: #AAAAAA;
}

.fil_d_ariane .last {
	color: #FFFFFF;
	text-shadow: 2px 2px 2px #001F50;
}

.fil_d_ariane a {
	color: inherit;
	font-weight: inherit;
	padding: 1px;
}

/* ----------------------------------------------------------------------------------------------------
 pour la fenêtre ajax
---------------------------------------------------------------------------------------------------- */
.over_progress {
/*	font-size: 10pt;*/
	color: #000;
	position: absolute;
	opacity: 0.9;
	padding: 20px;
	background-color: #FFFFFF;
	border: solid 1px #000000;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.table_row_disable,
.row_disable a,
.row_disable td {
    color:#999999;
}

.row_red {
    background:#FF9999 none repeat scroll 0%;
    # color:#FFFFFF;
}

/* ------------------------------------------------------------------------------------------------- */
/* !jquery-ui override */
/* ------------------------------------------------------------------------------------------------- */
.ui-datepicker-trigger {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width: 30px;
	padding: 0px;
}

.ui-progressbar {
	height: 22px !important;
}

.ui-progressbar-value {
	background-image: url(../images/pbar-ani.gif) !important;
}

.ui-datepicker-trigger {
	margin-left: 4px;
}

.ui-dialog {
	box-shadow: 4px 4px 16px rgba(0,0,0,1);

	-webkit-box-shadow: 4px 4px 16px rgba(0,0,0,1);
	-moz-box-shadow: 4px 4px 16px rgba(0,0,0,1);
}

.ui-widget-header {
	border: 1px solid #000000;
	background: #325784;
	background: -webkit-gradient(linear, 0% 20%, 0% 80%, from(#4d6f96), to(#325784));
	background: -moz-linear-gradient(center top, #4d6f96 20%, #325784 80%);
}

.tabs .ui-widget-header {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background: none;
	border: none;
	border-bottom: 1px solid #489dc8;
}

.tabs .ui-state-default {
    border-radius: 6px 6px 0px 0px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;

	border: 1px solid #489dc8;
	background: #D9EAF4;
	background: -webkit-gradient(linear, 0% 20%, 0% 80%, from(#f9f9f9), to(#D9EAF4));
	background: -moz-linear-gradient(center top, #f9f9f9 20%, #D9EAF4 80%);
}

.tabs .ui-state-hover a:hover {
    border-radius: 8px 8px 0px 0px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;

	background: #FFFFFF;
}

.tabs .ui-tabs-selected {
	background: #FFFFFF;
}

.tabs .ui-state-active a {
	color: #000000;
}

.tabs .ui-state-active {
	background: #FFFFFF;
    /* Charles Dufresne - 2015-07-02
             Suite à la mise à jour de jquery-ui
         */
    margin-bottom: -1px !important;
    padding-bottom: 1px !important;
}

.ui-widget-content {
	background: #FFFFFF;
}

.ui-tabs .ui-tabs-nav li a {
	padding: 6px 7px;
}


.action_menu_button { /* patch sysgig seulement*/
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* ----------------------------------------------------------------------------------------------------
 intervention
---------------------------------------------------------------------------------------------------- */
.table_row_hilite,
.row_hilite,
.port_hilite {
    background:#FFFFBA none repeat scroll 0%;
}

.date_intervention {
	color: #000000;
    background-color: #FFFFBA;
    padding-left: 6px;
    padding-right: 6px;
}

.date_intervention_planifie {
    font-size:10pt;
    font-weight:bold;

	border: 1px solid #FFE151;
    background-color: #FFFFB0;

    margin-top:3px;
    padding:1.5px;
    width:100%;
}

table.list_intervention td{
    text-align:left;
    vertical-align:top;
}

table.list_intervention pre{
	color: #333;
	display: block;
	padding: 8px;
	margin: 10 0px;
	font-size: 12px;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.data_intervention {
    //background-color: rgb(221, 221, 221);
    margin: 10px;
    width:98% !important;
}

/* ----------------------------------------------------------------------------------------------------
SUPPORT
---------------------------------------------------------------------------------------------------- */
/* Pour les évènement de support avec des tag custom */
.boxblue {
    background:#C5E8FA none repeat scroll 0%;
    border-style:dotted;
    border-width:1px;
    /*font-family:courier;*/
    /*font-size:8pt;*/
    font-weight:bold;
    padding:10px;
    text-align:left;
    clear:left;
}

.boxorange {
    background:#FFCC66 none repeat scroll 0%;
    border-style:dotted;
    border-width:1px;
    /*font-family:courier;*/
    /*font-size:8pt;*/
    font-weight:bold;
    padding:10px;
    text-align:left;
    clear:left;
}


/* ----------------------------------------------------------------------------------------------------
SUPPORT
--> LISTES DES BILLET D'UN CLIENT
---------------------------------------------------------------------------------------------------- */
.client_billet_head {background:#DDDDDD none repeat scroll 0%;}
.client_billet_desc{background:#DDDDDD none repeat scroll 0%; padding: 1px 10px;}
.client_billet_desc pre { white-space: pre-wrap; font-family: monospace;/* CSS3 browsers */ }
.client_billet_desc_pre { white-space: pre-wrap; font-family: monospace; }
.client_billet_comment { margin-left:8px; }
.client_billet_comment a { color: #27537A; }

blockquote.client_billet_comment{ border:0px; margin-left:0px; }

.client_billet_intervenants {
/*    background:#CCDDFF none repeat scroll 0%;*/
	background: #DDDDDD;
    vertical-align:top;
}

.client_billet_interventions {
    padding-left:5px;
    border-left:1px solid grey;
}

.client_billet_inter {
    padding-right:10px;
    border-bottom:1px solid grey;
    color:grey;
}

.description_rdt {
    background-color:#d9eaf4;
    padding:8px;
    margin-bottom:10px;
    margin-top:8px;
    border:1px solid #C9C9C9;
}

.description_rdt_entete {
    border-bottom: 1px solid grey;
    font-weight:bold;
}

/* ----------------------------------------------------------------------------------------------------
 pour les menus contextuels
---------------------------------------------------------------------------------------------------- */
.action_button_bg  {
    background-image: url(../images/action_button_bg.png);
    border: 1px solid silver;
    border-top: none;
    border-left:0px;
    width:100%;
}

.action_button_bg_droite {
    background-image: url(../images/action_button_bg_droite.png);
}

.action_button_bg  a {
    color:black;
    margin: -1px;
    margin-top: 0px;
}

.sprocket_button, .test {
	background-image: url(../images/action_button_table.png);
	height: 18px;
	width: 32px;
	display: block;
    background-position: 0 0;
}

.sprocket_button:hover, .test:hover {
	background-position: 0 -18px;
	text-decoration: none;
}

.sprocket_button_cell {
    border: 0 !important;
    margin:1px;
    margin-left:4px;
	background-image: url(../images/action_button_table.png);
	height: 16px;
	width: 30px;
	display: block;
    background-position: 0 0;
}

.sprocket_button_cell:hover {
	background-position: 0 -18px;
	text-decoration: none;
}


.add_button {
	background-image: url(../images/add_button.png);
	height: 18px;
	width: 32px;
	display: block;
    background-position: 0 0;
}

.add_button:hover {
	background-position: 0 -18px;
	text-decoration: none;
}

.action_menu {
	position: absolute;
	z-index: 100;
}

.action_menu_panel {
	background: #325784;
	background: -webkit-gradient(linear, 0% 20%, 0% 80%, from(#4d6f96), to(#325784));
	background: -moz-linear-gradient(center top, #4d6f96 20%, #325784 80%);

	padding: 4px 0px;
	border: 1px solid black;
	width: auto;
}

.action_menu a, .action_menu span {
	display: block;
	padding: 2px 16px;
	font-weight: bold;
}

.action_menu a {
	color: white;
}

.action_menu span {
	color: silver;
}

.action_menu a:hover {
	text-decoration: none;
	color: black;
	background: #D9EAF4;
}

.action_menu_panel a {
    font-size: 12px;
    color: white;
}

/* ----------------------------------------------------------------------------------------------------
 pour les commentaires
---------------------------------------------------------------------------------------------------- */

.comment span {
    display:none;
    color:black;
    position:absolute;
}

.comment:hover span {
    border-left: 1px solid #CBE087;
    border-top: 1px solid #CBE087;

    max-width:680px;
    max-height:680px;
    overflow: auto;

    display:block;
    font-weight:normal;
    background-color: rgb(255,255,202);
    background-position: right bottom;
    margin:10px;
    margin-right:14px;
    padding:8px;
    line-height:17px;
    font-size:12px;

/*

    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;

    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
*/

	box-shadow: 2px 2px 4px rgba(0,0,0,1);
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,1);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,1);
}



/* ----------------------------------------------------------------------------------------------------*/
.suppres_repeating_row, .suppres_repeating_row_head {
    border-right: 1px black solid;
}

.suppres_repeating_row {
    background: white;
}

.suppres_repeating_row_head {
    border-top: 1px black solid;
}

/* ----------------------------------------------------------------------------------------------------*/
/*      LIST BOX    */
.lb_greybox {
    padding:5px;
    border:1px solid grey;
}

/* ----------------------------------------------------------------------------------------------------*/
/* BABILLARD */

/* modification simbla */
.entry-header-bleu, .entry-header-orange, .entry-header-rouge {
    font-size:18px;
    margin-top:0pt;
    margin-bottom:20px;
    padding:6px 12px 6px 12px;
    font-weight:bold;
	box-shadow: 4px 4px 8px rgba(0,0,0,1);				/* DG 2009-12 */
	-webkit-box-shadow: 4px 4px 8px rgba(0,0,0,1);		/* DG 2009-12 */
	-moz-box-shadow: 4px 4px 8px rgba(0,0,0,1);		/* DG 2009-12 */
}

.entry-header-bleu {
    background-color:lightBlue;
 /*   border: 1px solid rgb(72, 157, 200); */
}

.entry-header-orange {
    background-color:#FFD760;
 /*   border: 1px solid orange; */
}

.entry-header-rouge {
    background-color:#FF9999;
 /*   border: 1px solid red; */
}
/* Fin modification simbla */

.cadre_babillard_find {
    padding:3px;
    background:#96BDFF none repeat scroll 0% 0%;
    border:1px solid black;
}

.babillard_find {
    padding: 5px;
    background: rgb(224, 235, 255);
    font-weight: bold;
    border:1px solid grey;
}

.babillard_images {
    padding: 10px;
    margin-right: 10px;
    margin-bottom: 10px;								/* DG 2009-12 */
	box-shadow: 2px 2px 10px rgba(0,0,0,1);				/* DG 2009-12 */
	-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,1);		/* DG 2009-12 */
	-moz-box-shadow: 2px 2px 10px rgba(0,0,0,1);		/* DG 2009-12 */
}

.babillard_left_content {
    width:180px;
    vertical-align:top;
    padding-right:8px;
}

.babillard_center_content {
    padding-left:8px;
    vertical-align:top;
}


.babillard_billet a, .top_support {
    font-family:helvetica,arial,verdana;
    font-weight:normal;
    font-size:8pt;
}

.babillard_billet a {
    color:#27537A;
    display:block;
    padding:3px;
}

.babillard_billet {
    padding:4px;
}

.top_support td {
    padding:2px;
}

.top_support_nbr {
    text-align:right;
}

.babillard_images {
    border: 1px solid grey;
/*    -moz-border-radius: 5px;*/
/*    -webkit-border-radius: 5px; */
    background-color:white;
}

.scroll_me, .scroll_me_eds {
	clear: both;
	max-height: 400px;
	overflow-x:hidden;
	overflow-y:auto;
	border: 1px solid rgba(0,0,0,.2);
	padding: 4px;
}

.scroll_me_eds { max-height: 600px; margin-left:8px; }

.round_over, .info_boite, .date_intervention_planifie, .list_search, .form_btn_bar, .stb_filter, fieldset, .search_bar, .statutLive_Tab {
/*
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
 */
}

/* ----------------------------------------------------------------------------------------------------*/
/* Alertes */
.alerte { /* rev. 2010 */
	margin-top: 10px;
    text-align: center;
    font-size: 13pt;
    font-weight: bold;
    padding: 2px;
	/* Charles Dufresne - 2012-04-30
       Vraiment trop moche.
    text-shadow: 1px 1px 1px rgba(255,255,255,.5); */

	box-shadow: 4px 4px 8px rgba(0,0,0,1);
	-webkit-box-shadow: 4px 4px 8px rgba(0,0,0,1);
	-moz-box-shadow: 4px 4px 8px rgba(0,0,0,1);
}

/* ----------------------------------------------------------------------------------------------------*/
/* List avec recherche */
.list_search {
    margin-bottom:5px;
    text-align:center;
	background: #D9EAF4;
	border: 1px solid #AECFE0;
	padding: 4px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.list_search label, select, text, textfield, checkbox, input, button {
    vertical-align:middle;
}

/* ----------------------------------------------------------------------------------------------------*/
/* Legend pour les équipements IP */
.equipment_legend {
    width:200px;
}

.equipment_legend span{
    display:block;
}

.equipement_normal, .equipment_conflict {
    border-top:1px silver solid;
    border-bottom:1px silver solid;
}

.equipment_full {
	border-top: 1px solid red;
	border-bottom: 1px solid red;
	background-color: #ff9999;
}
.equipment_almost_full {
	border-top: 1px solid orange;
	border-bottom: 1px solid orange;
    background-color:#FAD163
}
.equipment_conflict {
    background-color:#ffff70;
    border-top: 1px solid #FFDF00;
	border-bottom: 1px solid #FFDF00;
    font-weight:bold;
}

/* ----------------------------------------------------------------------------------------------------*/
/* Tableau des ports */
.table_carte_port {
    border-collapse: separate;
    border-spacing: 1px;
}

.table_carte_port td {
    text-align:center;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.table_carte_port_header, .port_header {
    background-color:grey;
    color:white;
    font-size:10pt;
    text-align:center;
    width:20px;
}

.port, .port_problem, .port_empty, .port_conflict, .port_voice {
    text-align:center;
    font-size:8pt;
    width:20px;
}

.port a, .port_problem a, .port_empty  a , .port_hilite  a, .port_voice a {
    text-decoration:none;
    font-weight:normal;
}

.port_empty {
    border: 1px solid grey;
}

.port_hilite {
    border: 1px solid #FFDF00;
}

.port {
    background: rgb(204, 255, 102);
    border: 1px solid green;
}

.port_problem {
	border: 1px solid red;
	background-color: #ff9999;
}

.port_conflict {
    background-color:#ffff70;
    border: 1px solid #FFDF00;
}

.port_voice {
    background-color:#D9EAF4;
    border: 1px solid #489DC8;
}

.carte_management {
	border: 1px solid orange;
    background-color:#FAD163;
}

input.search, input.filter {
    padding-left:4px;
}

/******************************************/
/* Pour les fenêtres de statut Live
*/
.statut_live_ip {
    overflow:auto;
    height:120px;
    padding-left:1px;
    padding-top:1px;
}

div.statutLive_Title {
    margin: 0px;
    cursor: default;
}

div.statutLive_Content {
    background-color:white;
    padding:3px;
    border-right:1px solid black;
    border-left:1px solid black;
    border-bottom:1px solid black;
}

.stl_btn_prec_suiv {
    background:#D9EAF4;
    border-bottom:1px solid #489DC8;
    border-top:1px solid #489DC8;
    padding:4px;
}

.statutLive_Tab {
    border:1px solid grey;
}

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

/*
Charles Dufresne - 2015-04-17
.sommaire_client, tr.sommaire_client {
	border: 1px solid #F0A91F;
	margin: 4px;
	padding: 4px;

	background: #FFCC66;
	background: -webkit-gradient(linear, 0% 20%, 0% 80%, from(#FFDA9A), to(#FFCC66));
	background: -moz-linear-gradient(center top, #FFDA9A 20%, #FFCC66 80%);
}
*/
.sommaire_client, tr.sommaire_client {
	border-bottom: 1px solid #F0A91F;
	border-left: 1px solid #F0A91F;
	border-right: 1px solid #F0A91F;
	padding: 4px;

	background: #FFCC66;
	background: -webkit-gradient(linear, 0% 20%, 0% 80%, from(#FFDA9A), to(#FFCC66));
	background: -moz-linear-gradient(center top, #FFDA9A 20%, #FFCC66 80%);
}

/* Pour que le lien ne prennent pas l'apparence d'un lien normal */
.sommaire_client a {
	font-weight: normal;
	color: black;
	text-decoration: none;
    outline: 0; /* prevent dotted border in Firefox */
    display: block;
}

tr.sommaire_client td {
    padding:2px;
    border:1px solid grey;
}

/* .sommaire_client:hover {
	color: #00517B;
	background-color: rgb(217, 234, 244);
} */

.sommaire_client table {
    font-size:10pt;
}

.remarque_client {
	background-color: #ff9999;
    font-weight:normal;
    font-size:8pt;
    margin-left:-10px;
    margin-right:10px;
    text-align:center;
    padding:2px;
}

.dossier_client, .dossier_client_parent {
	background-image: url(../images/retour_au_dossier2.png);
	height: 23px;
	width: 80px;
	display: block;
    background-position: 0 0;
}
.dossier_client_parent {background-image: url(../images/retour_au_dossier_parent.png);}


.dossier_client:hover, .dossier_client_parent:hover {
	background-position: -80px 0;
	text-decoration: none;
    cursor:pointer;
}


.disabled_text {
    font-weight:normal;
    color:#999999;
}

.search_help_topic {
    font-size: 14px;
    font-variant: small-caps;
    font-weight:bold;
    border-bottom:1px solid black;
    width:90%;
    cursor:pointer;
}

.hover_bluebg:hover {
	background-color: rgb(217, 234, 244);
}

/* SOG6 pour demande SF */
.table_row_red {
  background: #FF9999;
}

.table_row_green {
  color: #FFFFFF;
  background: GREEN;
}

.table_row_orange {
  color: #083F6B;
  background: orange;
}

.table_row_orange_pale {
  color: #083F6B;
  background: #FFCC7A;
}

.fake_disabled {
    color:rgb(84,84,84);
    background-color:rgb(212, 208, 200);
}

.number { text-align: right; }
.bold { font-weight: bold; }

/*
Charles Dufresne - 2010-12-02
*/
.icon_checked {
    background: url(../images/icon_checked.png) no-repeat center;
    display: block;
    background-position: 0 0;
    width:16px;
    height:16px;
    border:none;
}
.icon_unchecked {
    background: url(../images/icon_unchecked.png) no-repeat center;
    display: block;
    background-position: 0 0;
    width:16px;
    height:16px;
    border:none;
}

/* ----------------------------------------------------------------------------- */
/* Charles Dufresne 2011-01-21 - Ajax table sorter */
/* ----------------------------------------------------------------------------- */
.sortMe, .sortMeDown, .sortMeUp{
	background-image: url(../images/table/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
    color: white;
}
.sortMeDown, .sortMeUp { color: black !important; background-color: #ffdb70; }
.sortMeUp { background-image: url(../images/table/asc.gif); }
.sortMeDown { background-image: url(../images/table/desc.gif); }

/* ----------------------------------------------------------------------------- */
/* Charles Dufresne 2011-01-26 - Auto complete Ajax - Hint Box */
/* ----------------------------------------------------------------------------- */
.input_hint_wrapper { position:relative; }
.input_hint_label, .input_hint_search_label { position:absolute; z-index: auto; top:0px; left:5px; line-height: 24px; color:grey; cursor: text; font-weight:normal; }
.input_hint_search_label { left: 20px; }

.attente-CLI, .attente-TV, .attente-INT, .attente-RDT, .attente-SVI, .attente-SVI, .intervenant_PAR, .info_bulle {
	float: right;
	color: white;
	padding: 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,1);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,1);
	box-shadow: 1px 1px 2px rgba(0,0,0,1);

	font-weight: bold;
	font-size: 7pt;
}

.info_bulle {background: green;}

.attente-CLI {background: green;}
.attente-CLI:before {content: 'Client';}

.attente-TV {background: purple;}
.attente-TV:before {content: 'TV';}

.attente-INT {background: tomato;}
.attente-INT:before {content: 'INT';}

.attente-RDT {background: red;}
.attente-RDT:before {content: 'RDT';}

.attente-SVI {background: pink; color: #000000;}
.attente-SVI:before {content: 'Suivi';}

/* Intervenant parrainé */
.intervenant_PAR {background: red; margin-right:2px; margin-top:2px;}
.intervenant_PAR:before {content: 'PAR';}

td.calender_today {
    background: none repeat scroll 0 0 #FFF7D7;
    border: 1px solid #FAD163;
}

div.calender_day_label {
    background:#ECEDF2;
    width:100%;
    text-align:right;
    line-height:16px;
    margin-bottom:3px;
}

/******************************************************************************/
/* RESET */
.reset,.reset div,.reset dl,.reset dt,.reset dd,.reset ul,.reset ol,.reset li,.reset h1,.reset h2,.reset h3,.reset h4,.reset h5,.reset h6,.reset pre,.reset form,.reset fieldset,.reset input,.reset textarea,.reset p,.reset blockquote,.reset th,.reset td
{margin:0;padding:0;}

.reset table
{border-collapse:collapse;border-spacing:0;}

.reset fieldset,.reset img
{border:0;}

.reset address,.reset caption,.reset cite,.reset code,.reset dfn,.reset em,.reset strong,.reset th,.reset var
{font-style:normal;font-weight:normal;}

.reset ol,.reset ul
{list-style:none;}

.reset caption,.reset th
{text-align:left;}

.reset h1,.reset h2,.reset h3,.reset h4,.reset h5,.reset h6
{font-size:100%;font-weight:normal;}

.reset q:before,.reset q:after
{content:'';}

.reset abbr,.reset acronym
{border:0;}

/*******************************************************************************************************************/
@media print {
	body, html {
		background-color: white;
		padding: 0px;
	}

	.form_btn_bar, .search_bar {
		display: none;
	}

	input[type=text] {
		border: none;
	}

	.container {
		width: 100%;
		border: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		margin: 0px;
	}

	.container_padding {
		padding: 0px;
		margin: 0px;
	}

	.page_header, .hint_msg, #mainmenubar, .action_menu_button_json, .menu, .alerte {
		display: none;
		height: 0%;
	}

	.table_header, .table_header th, .table_header_2 th, .table_header_bold_and_big th {
		color: black;
		border: none;
		border-left: 1px solid black;
		border-bottom: 3px solid black;
		font-weight: bold;
		background: none;
	}

    .alternate_row {
        background: #E6F0FD;
        -webkit-print-color-adjust: exact;
    }
    .alternate_row > td, .alternate_row_pair > td {border:0px;}

    .hide_on_print {display:none;}
    .pagebreak {page-break-after:always}
}

/********************************************************************************
                    TOUJOURS LAISSER RESET À LA FIN.
*******************************************************************************/

/* Navigation Bar */

#megamenu div {
//	border: 1px solid red;
}

#megamenu li.sep {
    border-top: 1px dotted #7F9DB9;
/*
	display: none;
*/

/*
	margin: 2px;
	margin-bottom: 0px;
*/

/*	height: 0px;*/
}

#megamenu {
	width: 100%;
    list-style: none;
	float: left;

	margin:0px;
//	padding-left: 10px;
	padding: 2px;
//	padding: 0px 2px 2px 0px;

    /* Background color and gradients */
	background: #325784;
	background: -webkit-gradient(linear, 0% 20%, 0% 80%, from(#4d6f96), to(#325784));
	background: -moz-linear-gradient(center top, #4d6f96 20%, #325784 80%);

    /* Borders */
    border: 1px solid #002232;
}

#megamenu li {
    border: 1px solid none;
    float: left;
    text-align: center;
    position: relative;
	padding: 5px 11px 5px 11px;
    margin-right: 10px;

//    background: orange;
}

#megamenu li:hover{
    border: 1px solid #777777;
//	padding: 4px 10px 4px 10px;
	padding: 4px 10px 4px 10px;

    /* Background color and gradients */
    background: #F4F4F4;
    background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
    background: #FFFFFF;

    -moz-border-radius: 6px 6px 0x 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
}

#megamenu > li:hover{
	-webkit-box-shadow: 4px 4px 16px rgba(0,0,0,1);
	-moz-box-shadow: 4px 4px 16px rgba(0,0,0,1);
	box-shadow: 4px 4px 16px rgba(0,0,0,1);
}

#megamenu li a {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
    font-size:13px;
    color: #EEEEEE;
    display:block;
    outline:0;
    text-decoration:none;
//    text-shadow: 1px 1px 1px #000;
}

#megamenu li:hover a {
    color:#161616;
//    text-shadow: 1px 1px 1px #FFFFFF;
}

#megamenu li .drop {
    padding-right:21px;
    background:url("../images/icons/arrow.png") no-repeat right 6px;
}

#megamenu li:hover .drop {
    background:url("../images/icons/drop.png") no-repeat right 6px;
}


#megamenu li.disabled {
    color:#999999;
    padding-left:4px !important;
    text-shadow : 1px 1px 1px silver;
}

/* Drop Down */

.dropdown_1column,
.dropdown_2columns,
.dropdown_3columns,
.dropdown_4columns,
.dropdown_5columns {
    margin:4px auto;
    float:left;
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    padding:10px 15px 10px 5px;
    border:1px solid #777777;
    border-top:none;

    /* Gradient background */
    background:#F4F4F4;
//    background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
//    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));

	background: -moz-linear-gradient(center top, #FFFFFF 20%, #EEEEEE 80%);
	background: -webkit-gradient(linear, 0% 20%, 0% 80%, from(#FFFFFF), to(#EEEEEE));

    /* Rounded Corners */
/*
    -moz-border-radius: 0px 0px 15px 0px;
    -webkit-border-radius: 0px 0px 15px 0px;
    border-radius: 0px 0px 15px 0px;
 */

	-webkit-box-shadow: 6px 6px 6px rgba(0,0,0,0.8);
	-moz-box-shadow: 6px 6px 6px rgba(0,0,0,0.8);
	box-shadow: 6px 6px 6px rgba(0,0,0,0.8);

	z-index: 1;
}

.dropdown_1column  {width: 210;}
.dropdown_2columns {width: 420px;}
.dropdown_3columns {width: 630px;}
.dropdown_4columns {width: 840px;}
.dropdown_5columns {width: 1050px;}

#megamenu li:hover .dropdown_1column,
#megamenu li:hover .dropdown_2columns,
#megamenu li:hover .dropdown_3columns,
#megamenu li:hover .dropdown_4columns,
#megamenu li:hover .dropdown_5columns {
    left:-1px;
    top:auto;
}

/* Columns */

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}
.col_1 {width:200px;}
.col_2 {width:410px;}
.col_3 {width:620px;}
.col_4 {width:830px;}
.col_5 {width:1040px;}

/* Right alignment */

#megamenu .menu_right {
    float:right;
    margin-right:0px;
}
#megamenu li .align_right {
    /* Rounded Corners */
    -moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}
#megamenu li:hover .align_right {
    left:auto;
    right:-1px;
    top:auto;
}

/* Drop Down Content Stylings */

#megamenu p, #megamenu h2, #megamenu h3, #megamenu ul li {
    font-family:Arial, Helvetica, sans-serif;
    line-height:21px;
    font-size:12px;
    text-align:left;
//    text-shadow: 1px 1px 1px #FFFFFF;
}
#megamenu h2 {
    font-size:21px;
    font-weight:400;
    letter-spacing:-1px;
    margin:7px 0 14px 0;
    padding-bottom:14px;
    border-bottom:1px solid #666666;
}
#megamenu h3 {
    font-size:14px;
    margin:3px 0 3px 0;
    padding-bottom:2px;
    border-bottom:1px solid #888888;
}
#megamenu p {
    line-height:18px;
    margin:0 0 10px 0;
}

#megamenu li:hover div a {
    font-size:12px;
    color:#015b86;
    padding: 0 4px 0 4px;
}
#megamenu li:hover div a:hover {
//    color:#029feb;
    color:#000000;
}
.strong {
    font-weight:bold;
}
.italic {
    font-style:italic;
}
.imgshadow {
    background:#FFFFFF;
    padding:4px;
    border:1px solid #777777;
    margin-top:5px;
    box-shadow:0px 0px 5px #666666;
    -moz-box-shadow:0px 0px 5px #666666;
    -webkit-box-shadow:0px 0px 5px #666666;
    box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
    width:auto;
    float:left;
    margin:5px 15px 5px 5px;
}
#megamenu li .black_box {
    background-color:#333333;
    color: #eeeeee;
//    text-shadow: 1px 1px 1px #000;
    padding:4px 6px 4px 6px;

    /* Rounded Corners */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    /* Shadow */
    -webkit-box-shadow:inset 0 0 3px #000000;
    -moz-box-shadow:inset 0 0 3px #000000;
    box-shadow:inset 0 0 3px #000000;
}
#megamenu li ul {
    list-style:none;
    padding:0;
    margin:0 0 12px 0;
}
#megamenu li ul li {
    font-size:12px;
    line-height:24px;
    position:relative;
//    text-shadow: 1px 1px 1px #ffffff;
    padding:0;
    margin:0;
    float:none;
    text-align:left;
//    width:130px;
    width:100%;
}
#megamenu li ul li:hover {
    background:none;
    border:none;
    padding:0;
    margin:0;
}
#megamenu li .greybox li {
    background:#F4F4F4;
    border:1px solid #bbbbbb;
    margin:0px 0px 4px 0px;
    padding:4px 6px 4px 6px;
    width:116px;

    /* Rounded Corners */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#megamenu li .greybox li:hover {
    background:#ffffff;
    border:1px solid #aaaaaa;
    padding:4px 6px 4px 6px;
    margin:0px 0px 4px 0px;
}

.fouc_killer {
    display:none;
}