/******************************************** Modules config ********************************************/
.vcol {
    font-size: 11px;
}
td.button .dx-button .dx-button-content {
    padding: 1px 3px;
    border-radius: 4px;
    border: 2px solid transparent;
    color: #fff;
    font: bold 9px Verdana, Helvetica Neue, sans-serif;
    background: #49a3e1 repeat-x;
}
td.button .dx-button.pending-val .dx-button-content {
    background: rgb(255,128,0);
}
#pagecontent #root {
    margin-right: 20px;
}
.dx-datagrid-rowsview .dx-row.dx-group-row{
    color: #676767 !important;
}
.dx-datagrid-rowsview .dx-row.dx-group-row:first-child {
    background: #f1f1f1 !important;
}
.navbar-item-header {
    background: none repeat scroll 0 0 #49a3e1 !important;
    font-weight: normal !important;
}
/**************************************************************************************************/
    /*********************************************************************** <applying common styles> */
    /**************************************************************************************************/
    /********************************************** media plan table ***************************************************/
    .data_extraction_display .selection_box {
    vertical-align: top;
    margin: 2px 0;
    display: inline-block;
    min-width: 125px;
}
.data_extraction_display .selection_box.year, .data_extraction_display .selection_box.version{
	width:125px;
}

.data_extraction_display .selection_box.country{
	width:200px;
}

.data_extraction_display .selection_box.compagny{
	width:290px;
}

.data_extraction_display .selection_box h4
{
    background: none repeat scroll 0 0 #49a3e1;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: lighter;
    margin: 0 0 4px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
	border-radius: 3px 3px 0px 0px;
    }

    .data_extraction_display .selection_box .selection_chekin, wraper {
        background: none repeat scroll 0 0 #f6f6f6;
        padding: 5px 5px 5px;
        overflow-y: auto;
        overflow-x: hidden;
        height: 242px;
        color: #636363;
    }


/********************************************** media plan table ***************************************************/
.criteria_media_plan_display .selection_box_flex {
    width: 116px;
    vertical-align: top;
}

    .criteria_media_plan_display .selection_box_flex h4 {
        background: none repeat scroll 0 0 #757575;
        color: #FFFFFF;
        font-size: 14px;
        font-weight: lighter;
        margin: 0 0 4px;
        padding-bottom: 5px;
        padding-top: 5px;
        text-align: center;
    }

    .criteria_media_plan_display .selection_box_flex .selection_chekin {
        background: none repeat scroll 0 0 #e5e5e5;
        padding: 5px 5px 15px;
        overflow-y: auto;
        height: 190px;
    }

        .criteria_media_plan_display .selection_box_flex .selection_chekin.smaller {
            height: 68px;
        }

.criteria_media_plan_display .selection_box {
    width: 138px;
    vertical-align: top;
    margin: 2px 0;
}

.planselectionstatus .criteria_media_plan_display .selection_box {
    width: 170px;
}

.criteria_media_plan_display .selection_box h4 {
    background: none repeat scroll 0 0 #757575;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: lighter;
    margin: 0 0 0px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
}

    .criteria_media_plan_display .selection_box h4 span,
    .criteria_media_plan_display .selection_box_flex h4 span {
        /*display: none;*/
    }

.criteria_media_plan_display .selection_box .selection_chekin {
    background: none repeat scroll 0 0 #e5e5e5;
    padding: 5px 5px 5px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 205px;
}

.criteria_media_plan_display .selection_box .selection_list {
    background: none repeat scroll 0 0 #e5e5e5;
    padding: 2px;
}

    .criteria_media_plan_display .selection_box .selection_list select {
        width: 100%;
    }

table.plan_media_ th {
    width: 130px;
    padding: 5px 5px;
    background: #535353;
    color: #fff;
    text-align: center;
    border: 4px solid #f3f1f3;
    font-size: 14px;
}

table.plan_media_ td {
    border: 4px solid #f3f1f3;
    vertical-align: top;
}

table.plan_media_ select {
    width: 100%;
}

table.media_table th {
    width: 130px;
    padding: 5px 5px;
    background: #535353;
    color: #fff;
    text-align: center;
    border: 4px solid #f3f1f3;
    border-bottom: none;
    font-size: 14px;
}

table.media_table td {
    vertical-align: top;
}

    table.media_table td div {
        background: #e5e5e5;
        color: #545454;
        height: 150px;
        border: 4px solid #f3f1f3;
    }

.display_wraper {
    margin: -13px 0;
    vertical-align: top;
}


.display_wraper .selection_1 h4,
.display_wraper .selection_2 h4,
.display_wraper .selection_3 h4,
.display_wraper .selection_4 h4 {
    margin: 0;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 4px;
    font-size: 14px;
    color: #fff;
    font-weight: lighter;
}

.height_previews {
    height: 220px;
    background: none repeat scroll 0 0 #e5e5e5;
}

.wraper.display_by {
    padding-top: 2px !important;
}

.display_wraper select {
    width: 100%;
    margin-bottom: 15px;
}

.bloc_delimit {
    padding: 5px;
    border: 1px solid #d8d8d8;
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
}

    .bloc_delimit .delimit_label {
        width: 150px;
        display: inline-block;
        vertical-align: top;
    }

.duallist_border select {
    border: 1px solid #b7b7b7;
}
/***  Preview  ***/
.display_wraper .preview .padder,
.display_wraper .preview_bis .padder {
    background: #e5e5e5;
    padding: 2px;
}

.display_wraper .preview h4,
.display_wraper .preview_bis h4 {
    margin: 0;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 4px;
    font-size: 14px;
    color: #fff;
    font-weight: lighter;
}

.fli_mang .padder {
    height: 207px;
}

.show_fli_mang {
    height: 207px;
}

.display_wraper .selection_4 {
    width: 138px;
    display: inline-block;
    vertical-align: top;
}

.display_wraper #preview_4 {
    width: 128px;
    height: 111px;
    background: url('images/select_validation_po.png');
    background-position: 0px 0px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.grpby_lbl {
    padding-top: 10px;
}

    .grpby_lbl h5 {
        width: 119px;
    }

    .grpby_lbl select {
        width: 90px;
    }




table.plan_media_ th {
    width: 130px;
    padding: 5px 5px;
    background: #535353;
    color: #fff;
    text-align: center;
    border: 4px solid #f3f1f3;
    font-size: 14px;
}

table.plan_media_ td
{

    border: 4px solid #f3f1f3;
    vertical-align:top;
    }

table.plan_media_ select
{
    width:100%;
    }
    
table.media_table th 
{
    width: 130px;
    padding: 5px 5px;
    background: #535353;
    color: #fff;
    text-align: center;
    border: 4px solid #f3f1f3;
    border-bottom:none;
    font-size:14px;
    }
    
 table.media_table td
 {
     
     vertical-align:top;
     }
table.media_table td div
{
   background:#DDDDDD;
   color: #545454;
   height: 150px;
   border: 4px solid #f3f1f3;
    }

.display_wraper
{
    margin:2px 0;
    vertical-align: top;
    }

.display_wraper .selection_2, .display_wraper .selection_3{
	width:132px;
	display:inline-block;
	vertical-align:top;
}

.display_wraper .selection_1
{
    width:330px;
	display:inline-block;
	vertical-align:top;
    }
    
.display_wraper .selection_1 h5
{
    text-align:center;
    margin-bottom:6px;
    font-size:10px;
    font-weight:normal;
    }

.display_wraper .selection_1 .wraper .filter
{
    width:90px;
    text-align: center;
    vertical-align:top;
    margin-top:17px;
    }
    
.display_wraper .selection_1 .wraper .filter select
{
    margin-bottom:0px;
    width:100%;
    }

.display_wraper .selection_1 .wraper, .display_wraper .selection_2 .wraper, .display_wraper .selection_3 .wraper, .selection_4 .wraper{
	background: #DDDDDD;
	padding:2px;
}



.display_wraper .selection_2,
.display_wraper .selection_3 {
    width: 162px;
    display: inline-block;
    vertical-align: top;
}

.display_wraper .selection_1 {
    width: 330px;
    display: inline-block;
    vertical-align: top;
}

    .display_wraper .selection_1 h5 {
        text-align: center;
        margin-bottom: 6px;
        font-size: 10px;
        font-weight: normal;
    }

    .display_wraper .selection_1 .wraper .filter {
        width: 90px;
        text-align: center;
        vertical-align: top;
        margin-top: 17px;
    }

        .display_wraper .selection_1 .wraper .filter select {
            margin-bottom: 0px;
            width: 100%;
        }

    .display_wraper .selection_1 .wraper,
    .display_wraper .selection_2 .wraper,
    .display_wraper .selection_3 .wraper,
    .selection_4 .wraper {
        background: #e5e5e5;
        padding: 2px;
    }

.selection_3 {
    position: relative;
}

    .selection_3 .bottom_line {
        position: absolute;
        bottom: 0px;
    }


.display_wraper .selection_2 select {
    margin-bottom: 6px;

}

.display_wraper #preview_1 {
    width: 119px;
    height: 111px;
    background: url('images/selection_1.png');
    background-position: 0px 0px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    transition: all ease 0.3s;
    display: inline-block;
    vertical-align: top;
    margin-left: 2px;
    margin-top: 17px;
}

.display_wraper #preview_2 {
    width: 128px;
    height: 111px;
    background: url('images/selection_2.png');
    background-position: 0px 0px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.display_wraper #preview_3 {
    width: 128px;
    height: 111px;
    background: url('images/selection_3.png');
    background-position: 0px 0px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.display_wraper #preview_5 {
    width: 128px;
    height: 70px;
    background: url('images/layout_total.png');
    background-position: 0px 0px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.layout_mediaplndispl .selection_2 {
    width: 260px;
}

    .layout_mediaplndispl .selection_2 .wraper h5 {
        font-size: 10px;
        font-weight: normal;
        text-align: right;
        padding-right: 15px;
    }

    .layout_mediaplndispl .selection_2 .wraper select {
        width: 90px;
        margin: 0;
        margin-top: 3px;
        vertical-align: top;
    }

    .layout_mediaplndispl .selection_2 .wraper {
        padding-bottom: 2px !important;
    }

    .layout_mediaplndispl .selection_2 .total select {
        margin: 1px;
    }

    .layout_mediaplndispl .selection_2 .total_slct {
        padding-top: 2px;
        vertical-align: top;
    }

    .layout_mediaplndispl .selection_2 .wraper .media_net {
        text-align: center;
        padding-top: 4px;
        vertical-align: top;
    }

.display_wraper .preview .padder .preview_wraper {
    width: 353px;
    height: 148px;
    background: url('images/preview_bg.png') no-repeat;
}

    .display_wraper .preview .padder .preview_wraper #cascade {
        background: url('images/preview_cascade.png');
        background-position: 0px 0px;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        -ms-transition: all ease 0.3s;
        transition: all ease 0.3s;
        width: 90px;
        height: 93px;
        margin-top: 40px;
    }

    .display_wraper .preview .padder .preview_wraper #vague {
        background: url('images/preview_vague.png');
        background-position: 0px 0px;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        -ms-transition: all ease 0.3s;
        transition: all ease 0.3s;
        width: 224px;
        height: 56px;
        margin-top: -62px;
        margin-left: 91px;
    }

.display_wraper .preview_bis .padder .preview_wraper {
    width: 252px;
    height: 148px;
    background: url('images/preview_validation_po.png') no-repeat;
    background-position: 0px 0px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    transition: all ease 0.3s;
}


/********************************************************************************/
   
.title_segment
{
    text-align:left;
    font-size:19px;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 5px;
    text-transform: capitalize;
    color: #49a3e1;
    }
    
.title_segment span
{
    font-size:40px;
    font-weight:bold;
    }
    
.crit_values .title_segment
{
    margin-left:15px;
    }

/********************************************************************************/
.log_on
{
    width:300px;
     font-family:Tahoma,Verdana,Arial,serif, Helvetica, sans-serif;
    color: #636363;
    margin:auto;
    height:70px;
    
    }
    
.icon_log_on
{
    width:40px;
    height:40px;
    float:left;
    background:transparent url(../App_Themes/Image/error.png) no-repeat;
    margin-right:10px;
    }
.desc_log_on
{
    width:auto;
    float:left;
    }
.desc_log_on h1
{
    font-size:16px;
    font-weight:bold;
    color: #636363;
    padding-bottom:5px;
    }
 
.log_out
{
    width:400px;
     font-family:Tahoma,Verdana,Arial,serif, Helvetica, sans-serif;
    color: #636363;
    margin:auto;
    font-size:12px;
    }

.log_out .title_logout h1
{
    font-size:16px;
    font-weight:bold;
    color: #636363;
    padding-left: 45px;
    }

input[type="checkbox"] {
  position: relative;
  vertical-align: top;
  top: 0px;
}
input[type="radio"] {
  position: relative;
  vertical-align: top;
  top: 1px;
}
label
{
  position: relative;
  vertical-align: top;
  top: 1px;
}
.linkasbutton,button,
input[type="reset"],
input[type="submit"],
input[type="button"] 
{
  padding: 2px 3px;
  border-radius: 4px;
  
  border: 2px solid transparent;
  cursor: pointer;
  color: #fff;
  font: bold 9px Verdana, Helvetica Neue, sans-serif;
  text-transform:uppercase;
  outline: 0;
  overflow: visible;
  
  width: auto;
  position:relative;
  margin:0px;
  vertical-align:top;
}

.linkasbutton,button,
input[type="reset"],
input[type="submit"],
input[type="button"] 
{
  background: #9d9d9d repeat-x;
}
.linkasbutton:hover,button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover 
{
  
  box-shadow : 0px 0px 4px rgba(50, 50, 50, 0.5);
  
}
input.type1, a.type1  /* small botton */
{
  background: #49a3e1 repeat-x;
}
input.type1:hover, a.type1:hover
{
    background: #49a3e1 repeat-x;
 box-shadow : 0px 0px 4px rgba(50, 50, 50, 0.5);
}

a.bigbtn, input.bigbtn
{
    padding:6px 9px;
    font-size:12px;
}
a.btn_fake, a.btn_fake:hover{
  box-shadow:none;
  background: #e5e5e5;
  color: #a3a3a3;
  cursor: text;
}
.dxeHyperlink {
    cursor: pointer;
}
.linkasbutton
{
    display:inline-block;
}
input.popupbtn, a.popupbtn
{
    width:80px;
}
textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"] {
  border-radius: 4px;
  border:1px solid #e5e5e5;
 
  
  font-size: 14px;
   font-family:Tahoma,Verdana,Arial,serif, Helvetica, sans-serif;
}
input[type="text"] {
  height: 22px;
}

input[type="text"]:active {
  box-shadow : 0px 0px 4px rgba(50, 50, 50, 0.5);
}
input[type="text"]:focus {
  box-shadow : 0px 0px 4px rgba(50, 50, 50, 0.5);
}
body
{
    background: white;     /* backround color*/  
}
body, #page
{
    color: #000;
    width: 100%;
    margin: 0;
    padding: 0;
     font-family:Tahoma,Verdana,Arial,serif, Helvetica, sans-serif;
    font-size: 12px;
    color: #636363;
}
#page
{
    z-index:10;
    min-width:996px;
  background:#ffffff; /* background header */
}
#header
{
    
    
    overflow:hidden;
}
#colors  /* barre du haut*/
{
    display:none;
    background-color:#00344D;
    height:8px;
    background:#00344D url(../App_Themes/Image/colors.png) no-repeat;
}
#appLogo
{
    
    width: 416px;
    height: 46px;
    margin-left: 0px;
    margin-top: 5px;
    position:relative;
}
#brandLogo
{
    display:none;
    background:red;
    float: right;
    margin-right:21px;
    margin-top:32px;
}
#top
{
    margin-right: 12px;
    margin-bottom: 5px;
    /*color:#636363; */     
    font-size:12px;
     font-family:Tahoma,Verdana,Arial,serif, Helvetica, sans-serif;
    text-align:right;
    /*position:relative;
    top:-4px;*/
    top:0;
    right:0;
    position:absolute;
    /*background:#f6f6f6;
    padding: 9px 4px 9px 9px;*/
    border-radius: 2px;
    
}
#welcomeLabel
{
    
    display:none;
    margin-right:10px;
    font-weight:bold;
    
    }
    
   .color_welcome{color: #97c2e3;font-weight: normal;} 
#top a
{
    color:#505050;
    padding:4px 5px;
}
#WelcomeLabel
{
    font-weight:bold;
}
.downarrow
{
    /*display:inline-block;
    width:7px;
    height:5px;
    background-image:url(../App_Themes/Image/downarrow.png);
    background-repeat:no-repeat;
    position:relative;
    top:-1px;*/
}
.maintenance
{
	background-color:InfoBackground;
	text-align:center;
	padding:3px 3px 3px 3px;
	position:absolute;
	font-size:smaller;
	margin: 28px 220px 0px 252px;
}
#WelcomeLabelSpacer
{
    display:inline-block;
    width:15px;
}
#nav
{
    width: 100%;
    background: #4198D2;
    font-size:12px;
    margin-top:-1px;
}
.tabwrapper
{
    margin-top:20px;
}
.vtabwrapper
{   
    
}


#menu
{
    height:26px;
    padding-left:12px;
    padding-bottom:0px;
    border-left: 1px solid #C1E6FF;
    border-right: 1px solid #C1E6FF;
   
}
#home,#nav1steps,#nav1tools
{
    display:inline;
}
#home img
{
    position:relative;
    top:-1px;
    left:-1px;
}
#menu a,.tabwrapper a
{  
    padding:13px 0 6px 22px;
    background:transparent url(/App_Themes/Image/Menu/tab-left.png) no-repeat 0 0;
}
#menu #nav1steps a, #menu #home, #menu #nav1tools a, .tabwrapper a
{
    margin-right:-19px;  
}
#menu a, #menu .menu3, .tabwrapper a, .vtabwrapper a, #menu .nav2 div.menulabel span
{
    color:white;
    font-size:12px;
    /*text-shadow: 0px 1px 1px #fff;*/
}
#menu .nav2 div.menulabel span.disabled
{
    color:#ccc;
}
.vtabwrapper a
{  
    display: block;
    padding:6px 8px;
    width:180px;
    background:#C2CBD4;
    border: 1px solid #C2CBD4;
    margin-bottom:6px;
}
#nav1steps, #nav1tools
{
    text-transform:uppercase;
    position:relative;
}
#menu a.selected, .tabwrapper a.selected
{
    background:transparent url(/App_Themes/Image/Menu/selected-tab-left.png) no-repeat 0 0;
   /* font-weight:bold;*/
}
.vtabwrapper a.selected
{  
    background:#E9EEF2;
    /*font-weight:bold;*/
}
#menu span, .tabwrapper span
{
    padding:14px 1px 6px 0px;
    background:transparent url(/App_Themes/Image/Menu/tab-bg.png) repeat-x 0 0;
}
#menu a.selected, .tabwrapper a.selected
{
    position:relative;
}

#menu a.selected span, .tabwrapper a.selected span
{
    background:transparent url(/App_Themes/Image/Menu/selected-tab-bg.png) repeat-x 0 0;
}
#menu a.selected span.tabright,.tabwrapper a.selected span.tabright
{
    background:transparent url(/App_Themes/Image/Menu/selected-tab-right.png) no-repeat 0 0;
    padding:13px 20px 6px 4px;
}
#menu a span.tabright,.tabwrapper a span.tabright
{
    background:transparent url(/App_Themes/Image/Menu/tab-right.png) no-repeat 0 0;
    padding:13px 20px 6px 4px;
}
.nav2
{
    height:26px;
    padding:0px 0;
    font-size: smaller;
    margin-top:0px;
    margin-left:-8px;
    margin-bottom:-2px;
}
.nav2 div.menu3:hover, .nav2 a:hover
{
    background:transparent url(/App_Themes/Image/Menu/bg_menu_hover.png) repeat-x 0 0;
}
#menu .nav2 a, #menu .nav2 div.menulabel span
{
    padding:0px 10px;
   background:none;
}

#menu .nav2 div.menulabel
{
    display:inline-block;
    margin-left:-7px;
    
}
#menu .nav2 div.menulabel a, #menu .nav2 div.menulabel span
{
        line-height:26px;
        display:inline-block;
    height:26px; 
    position:relative;
    /*left:3px;*/
}
#menu .nav2 div.menulabel a:hover
{
    background:transparent url(/App_Themes/Image/Menu/bg_menu_hover.png) repeat-x 0 0;
}
#menu .nav2 div.menulabel a.selected
{
    /*background:transparent url(/App_Themes/Image/Menu/bg_menu_hover.png) repeat-x 0 0;*/
}
.menu3
{
    display: inline;
    position: absolute;
    z-index: 12000;
    text-align:left;
}
.nav2 img
{
    position:relative;
    top:-2px;
}
.nav2 .menulabel img
{
    left:0px;
}
#menu .menu3
{
    padding:0px 0px;
    margin-left:0px;
    height:26px; 
}
#menu .menu3 a.menu3label
{
    line-height:26px;
    display:inline-block;
    height:26px;
    
}

.menu3:hover
{
    cursor: pointer;
    z-index: 12001;
}
.menu3.selected
{
    background:transparent url(/App_Themes/Image/Menu/submenuhover-bg.png) repeat-x 0 0;
}
#menu_mod span.menu3Spacer,.menu3Spacer
{
    visibility: hidden;
    padding:0px 0px;
    display:inline-block;
   
   
    
}
#menu_mod .menu3Spacer a.menu3Spacerlabel
{
    line-height:26px;
    display:inline-block;
    height:26px; 
}

.last_item{margin-left:6px;}

.first_item{margin-right:-3px;}
/****************************************************************************************************************************************/


#menu_mod, #menu_mod ul {
		margin: 0;
		padding: 0;
		list-style: none;
		
	}
	
	#menu_mod {
		border:none; 
		height:26px;
		
	}
	
	#menu_mod:before,
	#menu_mod:after {
		content: "";
		display: table;
	}
	
	#menu_mod:after {
		clear: both;
	}
	
	#menu_mod {
		zoom:1;
	}
	
	#menu_mod li {
		float: left;
		/*border-right: 1px solid #246d9e;
		border-left: 1px solid #c1e6ff;
		-moz-box-shadow: 1px 0 0 #444;
		-webkit-box-shadow: 1px 0 0 #444;
		box-shadow: 1px 0 0 #444;*/
		position: relative;
		height:26px;
		
	}
	
	#menu_mod li img
	{
	   
	    margin-top:2px;
	    }
	
	#menu_mod a {
		float: left;
		/*padding: 5px 30px;*/
		height:26px;	
		line-height:26px;
		
			
		/*color: #999;
		text-transform: uppercase;
		font: bold 12px Arial, Helvetica;*/
		text-decoration: none;
		/*text-shadow: 0 1px 0 #000;*/
	}
	
	
	#menu_mod li:hover > a {
		/*color: #fafafa;*/
	}
	
	*html #menu_mod li a:hover { /* IE6 only */
		/*color: #fafafa;*/
	}
	
	#menu_mod ul {
		/*margin: 20px 0 0 0;*/
		/*opacity: 0.9; filter: alpha(opacity=90);*/
		visibility: hidden;
		position: absolute;
		top: 26px;
		left: 0;
		z-index: 12002;    
		background: #6B6B6B;
		box-shadow : 2px 2px 4px rgba(50, 50, 50, 0.5);
		border-top:1px solid #fff;
		/*background: -moz-linear-gradient(#444, #111);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
		background: -webkit-linear-gradient(#444, #111);    
		background: -o-linear-gradient(#444, #111);	
		background: -ms-linear-gradient(#444, #111);	
		background: linear-gradient(#444, #111);
		-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
		-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
		box-shadow: 0 -1px 0 rgba(255,255,255,.3);	
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;*/
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;  
	}

	#menu_mod li:hover > ul {
		/*opacity: 1;*/
		visibility: visible;
		margin: 0;
	}
	
	#menu_mod ul ul {
		top: 0;
		left: 150px;
		margin:0px;
		_margin: 0; /*IE6 only*/
		/*-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		box-shadow: -1px 0 0 rgba(255,255,255,.3);*/		
	}
	
	#menu_mod ul li {
		float: none;
		display: block;
		border: 0;
		_line-height: 0; /*IE6 only*/
		-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	}
	
	#menu_mod ul li:last-child {   
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;    
	}
	
	#menu_mod ul a {    
		padding: 10px;
		width: 160px;
		_height: 10px; /*IE6 only*/
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
	}
	#menu_mod ul li a.actuator { background-image: url(/App_Themes/Image/Menu/j_arrow.png);background-repeat:no-repeat;background-position : 100% 50%; }
	
	#menu_mod ul a.actuator:hover {
		 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#49a4e1', endColorstr='#459bd4')";
    background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.42, rgb(69,155,212)),
	color-stop(0.5, rgb(73,164,225))
);
}
	
	#menu_mod ul li:hover {
		 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#49a4e1', endColorstr='#459bd4')";
    background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.42, rgb(69,155,212)),
	color-stop(0.5, rgb(73,164,225))
);
}
	
	#menu_mod ul li:first-child > a {
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	}
	
	#menu_mod ul li:first-child > a:after {
		/*content: '';
		position: absolute;
		left: 40px;
		top: -6px;/****-----------------------fleche-----------------------*/
		/*border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid #444;*/
	}
	
	
	
	#menu_mod ul ul li:first-child a:after {
		left: -6px;
		top: 50%;
		margin-top: -6px;
		border-left: 0;	
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-right: 6px solid #3b3b3b;
	}
	
	#menu_mod ul li:first-child a:hover:after {
		border-bottom-color: #04acec; 
	}
	
	#menu_mod ul ul li:first-child a:hover:after {
		border-right-color: #0299d3; 
		border-bottom-color: transparent; 	
	}
	
	#menu_mod ul li:last-child > a {
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}


 

.entetepop
{
    background:#49A2E0;
}
.dxfmControl tr.dxfm-fileF{
    background:#b7daf0 !important;
    color: #000 !important;
}

.dxfmControl .dxgvTable tr.dxfm-fileH{
    background:#c2e0ef !important;
}
.dxfmControl .dxfm-uploadPanel{
    background: #fff !important;
}
.dxpcLite .dxpc-header, .dxdpLite .dxpc-header{
    background: #1f597f !important;
    color: #fff !important;
}

.dxtv-elb, .dxtv-ln.dxtv-subnd{
    background:none !important;
}

/********************************************Library**********************************************************************************************/
.dxmLite .dxm-main .dxm-hovered{
    background-color: transparent;
    border-color: transparent;
}
.dxm-content img{
    opacity:1;
}
.dxm-content.dxm-disabled img{
    opacity:0.4;
}

// .dxm-content.dxm-disabled img.icon_btn_yellow:hover{
//     background: #fed001; /* Old browsers */
//     background: -moz-linear-gradient(top,  #fed001 0%, #eca103 100%); /* FF3.6+ */
//     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fed001), color-stop(100%,#eca103)); /* Chrome,Safari4+ */
//     background: -webkit-linear-gradient(top,  #fed001 0%,#eca103 100%); /* Chrome10+,Safari5.1+ */
//     background: -o-linear-gradient(top,  #fed001 0%,#eca103 100%); /* Opera 11.10+ */
//     background: -ms-linear-gradient(top,  #fed001 0%,#eca103 100%); /* IE10+ */
//     background: linear-gradient(to bottom,  #fed001 0%,#eca103 100%); /* W3C */
//     -pie-background: linear-gradient(#fed001, #eca103);/* IE6-9 */ /* IE6-9 */
// }

.dxm-content.dxm-disabled img.icon_btn_grey:hover{
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2f2f2 0%, #d0d0d0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#d0d0d0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2f2f2 0%,#d0d0d0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2f2f2 0%,#d0d0d0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2f2f2 0%,#d0d0d0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f2f2f2 0%,#d0d0d0 100%); /* W3C */
    -pie-background: linear-gradient(#f2f2f2, #d0d0d0);/* IE6-9 */ /* IE6-9 */
}

.icon_btn_yellow {
    padding: 2px 5px;
    border: 1px solid #b5bbc0 !important;
    width: auto;
    position: relative;
    margin: 1px;
    vertical-align: top;
    border-radius: 3px;
    display: inline-block;

    background: #6cb9f0;
    // background: -moz-linear-gradient(top, #fed001 0%, #eca103 100%);
    // background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fed001), color-stop(100%,#eca103));
    // background: -webkit-linear-gradient(top, #fed001 0%,#eca103 100%);
    // background: -o-linear-gradient(top, #fed001 0%,#eca103 100%);
    // background: -ms-linear-gradient(top, #fed001 0%,#eca103 100%);
    // background: linear-gradient(to bottom, #fed001 0%,#eca103 100%);
    // -pie-background: linear-gradient(#fed001, #eca103);
    }

.icon_btn_yellow:hover
{
    background: #ffffff repeat-x;
    box-shadow: 0px 1px 2px #a5a5a5;
    }

.icon_btn_blue
{
    padding: 2px 5px;
    border:1px solid #b5bbc0 !important;
    width: auto;
    position :relative;
    margin:1px;
    vertical-align:top;
    border-radius: 3px;
    display:inline-block;
    *zomm:1;*display:inline;
    
    background: #d0dde6; /* Old browsers */
    background: -moz-linear-gradient(top,  #d0dde6 0%, #84aec7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0dde6), color-stop(100%,#84aec7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d0dde6 0%,#84aec7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d0dde6 0%,#84aec7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d0dde6 0%,#84aec7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #d0dde6 0%,#84aec7 100%); /* W3C */
    -pie-background: linear-gradient(#d0dde6, #84aec7);/* IE6-9 */ /* IE6-9 */
    
    }

.icon_btn_blue:hover
{
    background: #d0dde6 repeat-x;
    }
    
input.icon_btn_grey
{
    padding: 2px 5px;
    border:1px solid #b5bbc0 !important;
    width: auto;
    position :relative;
    margin:1px;
    vertical-align:top;
    border-radius: 3px;
    
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2f2f2 0%, #d0d0d0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#d0d0d0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2f2f2 0%,#d0d0d0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2f2f2 0%,#d0d0d0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2f2f2 0%,#d0d0d0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f2f2f2 0%,#d0d0d0 100%); /* W3C */
    -pie-background: linear-gradient(#f2f2f2, #d0d0d0);/* IE6-9 */ /* IE6-9 */
    
    }

.icon_btn_grey
{
    padding: 2px 5px;
    border:1px solid #b5bbc0 !important;
    width: auto;
    position :relative;
    margin:1px;
    vertical-align:top;
    border-radius: 3px;
    display:inline-block;
    *zomm:1;*display:inline;
    
/*     background: #f2f2f2; Old browsers
background: -moz-linear-gradient(top,  #f2f2f2 0%, #d0d0d0 100%); FF3.6+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#d0d0d0)); Chrome,Safari4+
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#d0d0d0 100%); Chrome10+,Safari5.1+
background: -o-linear-gradient(top,  #f2f2f2 0%,#d0d0d0 100%); Opera 11.10+
background: -ms-linear-gradient(top,  #f2f2f2 0%,#d0d0d0 100%); IE10+
background: linear-gradient(to bottom,  #f2f2f2 0%,#d0d0d0 100%); W3C
-pie-background: linear-gradient(#f2f2f2, #d0d0d0);IE6-9 IE6-9 */
    
    }

.icon_btn_grey:hover
{
    background: #ffffff repeat-x;
    box-shadow: 0px 1px 2px #a5a5a5;
    }
    
input.icon_btn_grey_protect{
    position:absolute;
    top:24px;
    left:375px;
    padding: 2px 5px;
    border:1px solid #b5bbc0 !important;
    width: 33px;
    height:23px;
    margin:1px;
    vertical-align:top;
    border-radius: 3px;
    background: url(/App_Themes/Image/Black_21x17/protect_libraryico.png) center center no-repeat, url(/App_Themes/Image/Black_21x17/bg_grey_libraryico.png) left top repeat-x;
}
input.icon_btn_grey_protect:hover{
    background: url(/App_Themes/Image/Black_21x17/protect_libraryico.png) center center no-repeat, white;
}

input.icon_btn_grey_share{
    position:absolute;
    top:24px;
    left: 425px;
    padding: 2px 5px;
    border:1px solid #b5bbc0 !important;
    width: 33px;
    height:23px;
    margin:1px;
    vertical-align:top;
    border-radius: 3px;
    background: url(/App_Themes/Image/Black_21x17/share_libraryico.png) center center no-repeat, url(/App_Themes/Image/Black_21x17/bg_grey_libraryico.png) left top repeat-x;
}
input.icon_btn_grey_share:hover{
    background: url(/App_Themes/Image/Black_21x17/share_libraryico.png) center center no-repeat, white;
}

#ctl00_contentHolder_LibraryCtrl1_ASPxFileManager1_Splitter_Toolbar_DXI5_{
    margin-right:4px;
}

#ctl00_contentHolder_LibraryCtrl1_ASPxFileManager1_Splitter_Toolbar_DXI6_IS{
    display:none;
}
#ctl00_contentHolder_LibraryCtrl1_ASPxFileManager1_Splitter_Toolbar_DXI7_{
    float:right;
}

a#ctl00_contentHolder_LibraryCtrl1_ASPxFileManager1_FolderBrowserPopup_OkB{
    color: #211d1e;
    padding: 5px 20px;
    border:1px solid #b5bbc0 !important;
    width: 33px;
    height:23px;
    position :relative;
    margin:1px;
    vertical-align:top;
    border-radius: 3px;
    background: #fed001; /* Old browsers */
    background: -moz-linear-gradient(top,  #fed001 0%, #eca103 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fed001), color-stop(100%,#eca103)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fed001 0%,#eca103 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fed001 0%,#eca103 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fed001 0%,#eca103 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fed001 0%,#eca103 100%); /* W3C */
    -pie-background: linear-gradient(#fed001, #eca103);/* IE6-9 */ /* IE6-9 */
}
a#ctl00_contentHolder_LibraryCtrl1_ASPxFileManager1_FolderBrowserPopup_CaB{
    color: #211d1e;
    padding: 5px 20px;
    border:1px solid #b5bbc0 !important;
    width: 33px;
    height:23px;
    position :relative;
    margin:1px;
    vertical-align:top;
    border-radius: 3px;
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2f2f2 0%, #d0d0d0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#d0d0d0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2f2f2 0%,#d0d0d0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2f2f2 0%,#d0d0d0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2f2f2 0%,#d0d0d0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f2f2f2 0%,#d0d0d0 100%); /* W3C */
    -pie-background: linear-gradient(#f2f2f2, #d0d0d0);/* IE6-9 */ /* IE6-9 */
}

a#ctl00_contentHolder_LibraryCtrl1_ASPxFileManager1_FolderBrowserPopup_OkB:hover, a#ctl00_contentHolder_LibraryCtrl1_ASPxFileManager1_FolderBrowserPopup_CaB:hover{
    background: #f2f2f2 repeat-x;
}

.dxmLite .dxm-popup .dxm-gutter{
    background-image: none;
}
.dxfmControl .dxfm-uploadPanel.dxsplPane table.dxfm-uploadPanelTable {
    position: absolute;
    right: 30px;
    top: 20px;
}
/*****************************************************Fin Libray***********************************************************************/

.submenu
{
    width:130px;
    border-top:1px solid #fff; box-shadow : 2px 2px 4px rgba(50, 50, 50, 0.5);
    display: none;
    background: #6B6B6B;
    text-align:left;
    position:absolute;
    /*opacity: 0.9; filter: alpha(opacity=90);*/
}
.submenu a, #menu .submenu a, #top .submenu a
{
    display: block;
    
    border-top:1px solid #5f5f5f;
    font-size:12px;
    padding:6px 12px;
    white-space:nowrap;
    
}
.submenu a:hover, #menu .submenu a:hover, #top .submenu a:hover
{
    
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#49a4e1', endColorstr='#459bd4')";
    background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.42, rgb(69,155,212)),
	color-stop(0.5, rgb(73,164,225))
);
}
.submenu a.selected, #menu .submenu a.selected, #top .submenu a.selected
{
    background:#CAE3F1 url(/App_Themes/Image/Menu/submenuflyoutitemhover-bg.png) repeat-x 0 0;
}
#PreprogrammedMenu .submenu a
{
    white-space:normal;
}
.separator
{
    display:inline-block;
    background:transparent url(/App_Themes/Image/Menu/menu-separator.png) no-repeat 0 0;
    width:2px;
    height:28px;
    margin-top:1px;
    position:absolute;
}
#menu span.menudownarrow /*   icon menu déroulant   */
{
    /*display:none;
    background:transparent url(/App_Themes/Image/Menu/menu-downarrow.png) no-repeat 0 5px;
    padding:0 2px;
    margin-left:6px;*/
}
#top .menu3
{
    padding:4px 5px;
}
#top .menu3:hover
{
    background:#6B6B6B;
    
}
#top .menu3:hover a
{
    color:#fff;
    background: #6B6B6B;
}
#top .selected a
{
    color:#858585;
}
#top .selected
{
    background:none;
}
#top span.menu3Spacer
{
    margin-left:0px;
    padding:4px 5px;
}
#top .menu3 .submenu
{
    background:#376C8E;
    border:none;
    margin-top:4px;
    margin-left:-5px;
} 
#top .menu3 .submenu a
{
    background:#6B6B6B;
    white-space:nowrap;
}
#top .menu3 .submenu a:hover
{
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#49a4e1', endColorstr='#459bd4')";
    background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.42, rgb(69,155,212)),
	color-stop(0.5, rgb(73,164,225))
);
}
#topwrap
{
    margin:15px 13px 20px 20px;
    height:35px;
    background:#f6f6f6;
    padding-top:5px;
    min-width: 835px;
    padding-left:10px;
    padding-right:15px;
    border-radius: 4px; 
}

#topwrap h1{line-height: 30px;}
#bottomwrap {
    margin-top: 15px;
    /*width: 76%;*/
    width:88%;
    min-width: 835px;
    background: red;
    background: #F6F6F6;
    border-radius: 4px 4px 4px 4px;
    height: 35px;
    padding-left: 10px;
    padding-right: 16px;
    padding-top: 5px;
}
#title
{
    line-height: 30px;
    font-size: 16px;
}
#toolbar
{
    float: right;
    width: auto;
    padding-right:20px;
    padding-top: 6px;
}
#subtoolbar
{
    float: right;
    clear:both;
    width: auto;
    margin-top:-52px;
    padding-right:20px;
}
#toolbarbottom
{
    float: right;
    width: auto;
}
.dialog
{
    clear: both;
    padding: 10px 0;
    /*height:46px; LV pour Data Management / Calendar settings*/
    margin: 17px 0;
    border-bottom:1px solid #BCCCD9;
}
.dialog.Warning
{
    background: transparent url('../App_Themes/Image/attention.png') 0 10px no-repeat;
}
.dialog.ActionError
{
    background: transparent url('../App_Themes/Image/error.png') 0 10px no-repeat;
    color:#AB0002;
}
.dialog.ActionConfirmed
{
    background: transparent url('../App_Themes/Image/info.png') 0 10px no-repeat;
}
.dialog.Info
{
    background: transparent url('../App_Themes/Image/info.png') 0 10px no-repeat;
}
.message, .details
{
    width: 500px;
    /*float: left; LV pour Data Management / Calendar settings*/
    font-size: 12px;
    padding: 1px 0 1px 46px;
    white-space:nowrap;
}
.details
{
    clear: both;
    font-size: 12px;
}
.grid
{
    border-collapse:separate!important;
    background:#E9EEF2;
}
.grid table, .grid table th
{
    border-width:0px;
    background:transparent;
}
.grid tr.alt, .grid td.alt
{
    background:#DDE5EB;
}
.grid th,.grid td, .SearchResultsHeader td, #ctl00_contentHolder_Info3Grid_top_head table td,td.head,th.head  
{
    height:24px;
    font-weight:bold;
    vertical-align: middle;
    padding-left:12px;
    padding-right:5px
}
.searchBox
{
    color:#05466F;
    font-weight:bold; 
    margin:10px;
}
.searchBox input
{
    color:#000; 
    font-weight:normal;
}
.grid th, .grid th a, .SearchResultsHeader td,td.head,th.head  
{
    color:#ffffff; 
}
.grid td, #ctl00_contentHolder_Info3Grid_dom td
{
    height:26px;
    font-weight:normal;
   border:none;
    padding-left:12px;
    padding-right:5px
}
.footer, #ctl00_contentHolder_Info3Grid_dom td
{
   border-top:1px solid #CEDAE3;
   height:24px;
}
.pager, .pager tr, .pager td
{
   border:none;
   padding:0 0 0 0;
   margin:0 0 0 0;
}
#ctl00_contentHolder_Info3Grid_top_head table td
{
   border-width:0;
}

.radio
{
    margin-top: 2px;
}
.radio td{
    padding-right:12px;
}

.grid tr.alt td,.grid td.alt
{
   border: none;
}
.grid th, .SearchResultsHeader td,td.head,th.head   /* background header */
{
    background:transparent url(../App_Themes/Image/gridheader.png) repeat-x;
}
.grid th,td.head,th.head
{
    
    border-left:1px solid #fff;
    border-top:none;
    border-bottom:none;
}
.grid th.first, .grid td.first
{
    background:transparent url(../App_Themes/Image/gridheader-left.png) left;
    border-left:none;
}
.grid th.last, .grid td.last
{
    background:transparent url(../App_Themes/Image/gridheader-right.png) right;
    border-right:none;
}
#pagecontent
{
    background:white;
    /*padding:10px 0;*/
}
#contentwrap
{
    min-width: 600px;
    /*min-height:350px;*/
    margin-left: 20px;
    margin-bottom: 57px;
}
#filter
{
    margin-bottom: 4px;
    padding: 4px;
    float: left;
    border-bottom:1px solid #BCCCD9;
    width:100%;
    padding-bottom:20px;
}
#content
{
    min-height: 100px;
    min-width: 900px;
    font-size: small;
    clear:both;
}
#filtercontent
{
    width: 990px;
    margin: 10px 20px;
}
#defaultcontentwidth
{
    width: 700px;
    margin: 10px 20px;
}
#bottom
{
    padding: 15px 20px 20px 20px;
    clear: both;
    color:#A8BFCE;
    font-size:12px;
}
#bottom a
{
    color:#A8BFCE;
}
.b
{
    font-size: 16px;
}
.c
{
    text-align: center;
    margin:0 auto;
}
.cb
{
    clear: both;
    height: 0;
}
.blue {
    color: #636363;
}
.componenttitlecell .filterlabel.blue {
    color: #636363;
}
.red
{
    color:#b00200;
}
.full
{
    width: 100%;
}
.half
{
    width: 50%;
}
.third
{
    width: 33%;
}
.h, div.hidden
{
    display: none;
}
.u
{
    visibility: hidden;
}
.r
{
    float: right;
}
.inbl {
    display: inline-block;
}
.l
{
    float: left;
}
.btn
{
    margin: 0;
}
.opac
{
    background:transparent url(/App_Themes/Image/form-bg.png);
}
.canvas
{
    position:absolute;
    width:100%;
}    
.twocolswrapper
{
    background:transparent url(../App_Themes/Image/form-bg.png);
    border-radius: 6px;
    position:relative;
    margin-right:21px;
    min-width:950px;
}
.rightcolwrapper
{
    position:relative;
    margin: 0 70px 0 773px;
}
.rightcol
{
    display:inline-block;
    margin:0 23px;
    width:190px;
}
.rightcoltitle
{
     font-family:Tahoma,Verdana,Arial,serif, Helvetica, sans-serif;
    font-size:35px;
    font-weight:bold;
    text-transform:uppercase;
    color:#0F4669;
    text-align:center;
 }   

.miniaturecontainer
{
    padding: 10px;
    background:transparent url(/App_Themes/Image/miniature-bg.png);
    border-radius: 6px;
    position:relative;
    width:100%;
}
.miniature
{
    width:100%;
}
select
{
    width: 150px;
}

form
{
    padding: 0;
    margin: 0;
    font-size: 100%;
}

h1
{
    font-size: 16px;
     font-family:Tahoma,Verdana,Arial,serif, Helvetica, sans-serif;
    font-weight:normal;
    color:#636363;
}

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

img
{
    border-width: 0;
}

legend
{
    font-size: smaller;
    font-weight: bold;
    color: #000;
}
#divWait
{
    position : absolute;
    z-index: 1000000;
    width: 180px;
    font-size: 10px;
     font-family:Tahoma,Verdana,Arial,serif, Helvetica, sans-serif;
    background: #fff;
    border: solid 1px #666;
    color: #000;
    vertical-align: middle;
    text-align: center;
}
#divWait img
{
    padding:10px;
	padding-bottom:7px;
}
#divWait div
{
    padding:10px;
	padding-top:0px;
}
.popup {
  background-color: #000;
  border: 0;
  width: 100%;
}
/* Frozen Screen */
#frozen_screen {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 99999997;
  width: 100%;
  height: 66px;
  background-color: #777777;
  opacity: 0.7;
}

.ruleTable {
  width: 100%;
}
.ruleTable tr {
  height: 40px;
}
.ruleTable th {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
  border-bottom: 1px solid #dfe0de;
  text-align: center;
  width: 1%;
  padding-left: 12px;
  padding-right: 12px;
}
.ruleTable td {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.87);
  border-bottom: 1px solid #dfe0de;
  text-align: right;
  width: 1%;
  padding-left: 12px;
  padding-right: 12px;
}
.ruleTable th:first-child,
.ruleTable td:first-child {
  text-align: center;
}
.ruleTablecellgreybackground {
  background: #ededed;
}
.ruleTabsheader {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0px 25px;
  background: #f6f6f6;
}
.ruleTabsclose {
  width: 20px;
  cursor: pointer;
  padding-top: 10px;
}
.ruleTabsitems {
  flex: 1;
  -ms-flex: 1;
}
.ruleTabsitems ul li {
  font-size: 12px;
  color: #999;
  text-transform: uppercase;
  padding: 10px 24px;
  list-style-type: none;
  display: inline-block;
  cursor: pointer;
  border-bottom: 3px solid transparent;
}
.ruleTabsitems ul li.active {
  border-bottom: 3px solid #49a3e1;
  color: #000;
}
.ruleTabsitems ul li:hover {
  color: #000;
}
.ruleTabsitems ul li.disable {
  color: rgba(0, 0, 0, 0.54);
  cursor: default;
}
.ruleLabel {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
}
/** Action Pannel rules **/
.ruleActionpannel {
  width: 1366px;
  background: #fff;
}
.ruleActionpannelbody {
  padding: 4px 24px;
}
.ruleActionpannelwavesproperties {
  width: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-bottom: 4px;
}
.ruleActionpannelwavesproperties table th {
  font-size: 12px;
  color: #fff;
  padding-left: 12px;
  padding-right: 12px;
}
.ruleActionpannelwavesproperties table td {
  font-size: 10px;
  color: #fff;
  padding-left: 12px;
  padding-right: 12px;
}
.ruleActionpannelwavescontent {
    height: 170px;
    max-height: 170px;
    overflow: auto;
    text-align: center;
}
.ruleActionpannelbuttons {
  padding: 0px 24px;
  text-align: right;
}
.ruleActionpannelbuttons a,
.ruleActionpannelbuttons input {
  margin: 0px;
  vertical-align: middle;
}
/****    Navigation Pannel (left)    *****/
#NavigationPannel {
  position: fixed;
  z-index: 12200;
  overflow: hidden;
  background: #000000;
  top: 24px;
  left: 0px;
  bottom: 0;
}
#NavPannelContent {
  position: absolute;
  top: 0;
  width: 308px;
  bottom: 0;
}
#NavPannelContent ul {
  font: 14px;
}
#NavPannelContent ul li,
#NavPannelContent ul li span {
  background: #404040;
  color: #ffffff;
  padding: 1px;
  margin: 1px;
}
#NavPannelContent ul li a li {
  background: #e5e5e5;
  color: #000000;
  margin: 1px;
  padding: 2px;
}
#NavPannelContent ul li a li:hover,
#NavPannelContent ul a li:hover {
  color: #49a3e1;
}

/****    Action Pannel (bottom)    *****/
#ActionPannel {
  position: absolute;
  z-index: 11600;
  overflow: hidden;
  left: 0px;
  right: 17px;
  bottom: 0;
  height: 0;
}
#ActionPannel ul.tabs {
  margin-left: 18px;
  margin-top: 4px;
}
#ActionPannel ul.tabs li {
  display: inline-block;
  margin-bottom: 0px;
  padding: 4px 10px;
  border: 1px solid #666666;
  border-bottom: none;
  cursor: pointer;
  background: #e5e5e5;
}
#ActionPannel ul.tabs li.active {
  color: #545454;
  background: #f2f2f2;
  font-weight: bold;
}
#ActionPannel ul.tabs li.greyed {
  color: #a3a3a3;
  border: 1px solid #a5a5a5;
  border-bottom: none;
  cursor: default;
}
#ActionPannel .save_btn {
  background: none repeat scroll 0 0 #49a3e1;
  border: medium none;
  border-radius: 1.5px;
  color: #ffffff;
  cursor: pointer;
  font-size: 12px;
  padding: 3px 5px;
  text-transform: capitalize;
  display: none;
}
.po_content .dxbButton div.dxb {
  padding: 0px;
}
.po_content {
  margin-top: 0px;
}
.po_content input {
  width: 95%;
  height: 25px;
  padding: 0;
  padding-left: 5px;
}
.po_content .col5 {
  padding-left: 10px;
}
.po_content .po_2table {
  margin-left: 20px;
  padding-left: 25px;
  border-left: 1px solid #666666;
}
.po_content td.col1 {
  width: 140px;
  background: #404040;
  border: 1px solid #666666;
  color: #ffffff;
}
.po_content .po_2table .col8 {
  height: 27px;
  width: 140px;
  text-align: left;
  padding-left: 5px;
  line-height: 27px;
}
#ActionPannel .po_content {
  display: none;
}
#ActionPannel .po_content table tr td {
  padding: 2px;
}
#ActionPannel .po_content table tr td.col1 {
  width: 140px;
  background: #757575;
  text-align: center;
  color: #ffffff;
}
#ActionPannel .po_content table tr td.col1 span {
  font-size: 10px;
}
#ActionPannel .po_content table tr td.col4 {
  width: 40px;
  text-align: right;
}
#ActionPannel .po_table_header th.po_col {
  text-align: center;
  border-top: 1px solid #808080;
  font-size: 14px;
}
#SpreadHTMLLight.lightForeground td div{
    color:#000;
}
#SpreadHTMLLight.lightForeground td:last-child div{
    color:#000;
}
#SpreadHTMLLight td.w:hover {
  background-color: #49a3e1!important;
  cursor: pointer;
}
#AttachmentWrapper {
  overflow-y: auto;
  height: 90px;
}
.AttachedTable td {
  width: 150px;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* css hack to resolve security issue on IE9 and 10 when downloading */
#po_content table .col4 {
  display: none;
}
html[data-useragent*='MSIE 10.0'] #po_content table .col4,
html[data-useragent*='MSIE 9.0'] #po_content table .col4 {
  display: block;
}
html[data-useragent*='MSIE 10.0'] .upload-file-container,
html[data-useragent*='MSIE 9.0'] .upload-file-container {
  background-image: url('../../Styles/images/vpo_attach_icon.png');
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  width: 40px;
  height: 29px;
  cursor: pointer;
  z-index: 999;
}
html[data-useragent*='MSIE 10.0'] .upload-file-container input,
html[data-useragent*='MSIE 9.0'] .upload-file-container input {
  filter: alpha(opacity=0);
  opacity: 0;
  cursor: pointer;
}
.hidden-upload-control {
  filter: alpha(opacity=0);
  opacity: 0;
}
/*html[data-useragent*='MSIE 10.0'] .upload-file-btn, html[data-useragent*='MSIE 9.0'] .upload-file-btn  {
   display:none;
}*/
html[data-useragent*='MSIE 10.0'] .upload-file-container {
  opacity: 0;
}
.LegendClass {
  display: none;
  position: fixed;
  top: 180px;
  right: 30px;
  background: #fff;
  box-shadow: 4px;
  z-index: 99999;
  padding: 15px;
  -moz-box-shadow: 0px 0px 5px 0px #656565;
  -webkit-box-shadow: 0px 0px 5px 0px #656565;
  -o-box-shadow: 0px 0px 5px 0px #656565;
  box-shadow: 0px 0px 5px 0px #656565;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
}
.LegendClass .LegendColor {
  display: inline-block;
  margin: 0 5px 5px 0;
  max-height: 15px;
  max-width: 20px;
  min-height: 15px;
  min-width: 20px;
  padding: 0;
  vertical-align: top;
}
.LegendClass .LegendStatus {
  display: inline-block;
  width: 70px;
  white-space: nowrap;
}
.HideLegend {
  height: 10px;
  text-align: right;
  margin-bottom: 10px;
  cursor: pointer;
}
#toolbar_info{
    float: right;
    margin-right: 4%;
}
#buttonlist
{
    position: absolute;
    top: 230px;
    left: 10px;
    height: 90px;
    width: 90px;
    padding: 0px;
    margin: 0px;
    background-color: #ffffff;
    z-index: 4;
}
#buttonlist td
{
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0;
    vertical-align: top;
}
#buttonlist a
{
    border-width: 0;
    padding: 0;
    margin: 0;
}
#buttonlist img, #buttonlist .imgbtn
{
    border-width: 0;
    padding: 0;
    margin: 5px;
}
#buttonlist input
{
    border-width: 0;
    padding: 0;
    margin: 5px;
}
#buttonlist .separator td
{
    background-color: #007cb0;
    height: 2px;
}

/* Content holders ------------------------*/

#contentform
{
    position: absolute;
    top: 70px;
    width: 100%;
    padding-left: 50px;
    font-size: 80%;
}
#contentform h1
{
    font-size: 125%;
    font-weight: bold;
    margin: 15px 0 5px 0;
}

#contenttree
{
    position: absolute;
    top: 50px;
    width: 100%;
    left: 180px;
    font-size: 80%;
}

#contentlibrary
{
    position: absolute;
    width: 100%;
    text-align: left;
    z-index: 1;
    font-size: 90%;
}

/* Selection form -----------------------------*/


#selectionform
{
    position: absolute;
    top: 50px;
    padding: 20px;
    margin-left: 50px;
}
#selectionform table, #selectionform td
{
    vertical-align: top;
    padding: 0;
    margin: 0;
}
fieldset
{
    border-color: lime;
    border-width: 1px;
    border-style: solid;
    padding: 4px;
}
#selectExpertValues
{
    position: relative;
    height: 180px;
    width: 260px;
    overflow: auto;
    background: background-color;
    background-color: white;
    border: 2px inset;
    white-space: nowrap;
    margin: 0;
}

.CriteriaValuesContainer
{
    overflow: hidden !important;
    border: none;
    height: 182px;
    width: 262px;
}

.selectExpertValues
{
    height: 196px;
    width: 212px;
    overflow: auto;
    background: background-color;
    background-color: white;
    border: 2px inset;
    white-space: nowrap;
    margin: 0;
}

#gobutton
{
    text-align: right;
}

#recap
{
    position: absolute;
    top: 60px;
    left: 500px;
    width: 260px;
    border: 1px solid #e1c019;
    color: #301000;
    font-size: 80%;
    padding: 5px 3px 20px 3px;
    background: #ffffa0 url(../App_Themes/Image/post-it.png) no-repeat bottom right;
}


/****************************************************** Login ****************************************************************/
body#login_form {
    color: black;
    height: auto !important;
    min-height: auto;
}

#login_container {
    margin: 0 auto;
    margin-top: 50px;
    width: 1280px;
    padding: 50px;
}

#login_content {
    width: 1300px;
}

    #login_content #img_left {
        display: inline-block;
        background: red;
        width: 600px;
        overflow: hidden;
        height: 600px;
    }

#login_inputs {
    display: inline-block;
    width: 600px;
    padding-left: 50px;
    vertical-align: top;
}

    #login_inputs .required {
        color: red;
    }

    #login_inputs .loginlabels {
        margin-top: 25px;
    }

#login_form .logo {
    font-size: 62px;
    font-family: 'open sans';
    font-weight: 600;
    line-height: 62px;
}

#login_form .app-name {
    font-size: 22px;
    font-weight: 100;
    line-height: 22px;
}

#login_inputs table {
    display: block;
    width: 100%;
    margin-top: 40px;
}

#login_inputs .ui.input {
    height: auto !important;
    margin-top: 5px;
    width: 100%;
}

    #login_inputs .ui.input input {
        height: auto !important;
    }

#login_inputs .ui.button {
    margin-top: 35px;
    background: #49a3e1 repeat-x;
    width: 150px;
    padding: 6px 22px;
    font-size: 12px;
    margin-bottom: 5px;
    border-radius: 4px;
    border: 2px solid transparent;
    cursor: pointer;
    color: #fff;
    font: bold 9px Verdana, Helvetica Neue, sans-serif;
    text-transform: uppercase;
    outline: 0;
    overflow: visible;
    width: auto;
    position: relative;
    vertical-align: top;
    line-height: 2.18em;
}

.btn_lostpass {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    float: right;
    margin: 0 !important;
    padding: 0 !important;
    margin-top: 10px !important;
}

    .btn_lostpass:hover {
        text-decoration: underline;
    }

/* Document Area -------------------------------------*/

#documentarea
{
    font-size: 90%;
    border: 1px solid #273c69;
    margin-left: 180px;
    margin-top: 40px;
}

#documentarea a
{
    color: #000000;
}

#documentarea td
{
    margin: 0;
    padding: 1px 10px 1px 0px;
}

#documentarea img
{
    margin: 0;
    padding: 0;
}

#documentarea .header
{
    text-align: center;
    color: #FFFFFF;
    background-color: #273c69;
    border-width: 0;
}

#documentarea tr.selectedDA td
{
    color: white;
    background-color: #405682;
}
#documentarea tr.selectedDA td a
{
    color: white;
}

#preview
{
    position: absolute;
    top: 40px;
    left: 10px;
    height: 150px;
    width: 150px;
    border: 1px solid #273c69;
    text-align: center;
    vertical-align: middle;
}



div.hidden
{
    display:none;
}


.Wait
{
    width: 100%;
    z-index: 300;
    position: absolute;
    text-align: center;
    vertical-align: middle;
}

.Wait table
{
    margin-top: 250px;
    border: solid 1px #666;
    background-color: #1C3A5A;
    color: White;
    font-size: 80%;
    vertical-align: middle;
    text-align: center;
}

.Wait td
{
    padding: 13px;
}
/* Insertion Editor -------------------------------------*/
.insertioneditor
{
    
}
.insertionsummary
{
    width:100%;
    height:40px;
    font-size:12px;
    border:2px solid #DDDDDD;
    background: url(images/statusBar.png) repeat-x;
    margin-bottom:5px;
}
.insertionsummary th
{
    font-weight:bold;
}
.insertionsummary tr
{
    height:15px;
}
.insertionsummary th, .insertionsummary td
{
    padding:2px 4px 2px 4px;
}
.insertionsummary .br
{
    border-right:1px solid #C8D6E6;
}
.insertionDetails
{
    padding:3px;
}
.insertionDetails div
{
    margin:6px 3px;
}
.insertionform
{
}
.insertionform .row
{
    height:30px;
}
.insertionform .rowAuto
{
    height:Auto;
}
.insertionform thead
{
    background: url(../Styles/images/statusBar.png) repeat-x;
}
.insertionform th
{
    width:207px;
    height:22px;
    padding:2px;
}
.insertionform td
{
    padding:2px;
}

.insertionform h3
{
    margin:16px 0;
    padding:3px;
}

/* Plan Header Detail  -------------------------------------*/

#planDetailCtrl table.planDetailHeaderContent{
    border-style:none ;
    width:1280px;
}

#planDetailCtrl table.planDetailHeaderContent td{
    border-style:solid;
    border-color:white ;
    background-color:transparent ; 
    border-width:1px;
}



/* ----------------------------------------- Classes for componentArt menu -------------------------------------------------


/* Menu groups -------------------------------------------- */
.TopGroup
{
    color: White;
    height: 1.6em;
    margin: 0;
    padding: 0;
}

.Group
{
    background: #B2D1E4 url(../img/menu/menu_bottom.png) bottom repeat-x;
    border: solid 1px #7CA9C5;
}

.Group table
{
    margin: 0;
    padding: 0;
}

.Group img
{
    margin: 0;
    padding: 0;
}

/* Default item styles ------------------------------------ */

.Item, .SelectedItem, .ChildSelectedItem
{
    cursor: default;
    font-size: 10px;
    height: 1.6em;
    margin: 0;
    padding: 1px 0;
}

.ItemHover, .SelectedItemHover, .ChildSelectedItemHover
{
    background: #B2D1E4 url(../img/menu/menu_bottom.png) bottom repeat-x;
    color: #1C3A5A;
    font-size: 10px;
    border: solid 1px #99C0D8;
    border-right-color: #7CA9C5;
    border-bottom-color: #7CA9C5;
    border-width: 1px 0;
    cursor: default;
    height: 1.6em;
    margin: 0;
    padding: 0;
}

.ItemExpanded, .SelectedItemExpanded, .ChildSelectedItemExpanded
{
    background: #B2D1E4 url(../img/menu/menu_top.png) top repeat-x;
    color: #1C3A5A;
    font-size: 10px;
    border: solid 1px #99C0D8;
    border-right-color: #7CA9C5;
    border-bottom-color: #7CA9C5;
    border-width: 1px 0;
    cursor: default;
    height: 1.6em;
    margin: 0;
    padding: 0;
}

/* Topgroup specific styles -------------------------------- */

.TopGroup .Item, .TopGroup .SelectedItem
{
    height: 1.6em;
    width: 6em;
    text-align: center;
    padding: 1px 0;
    font-size: 10px;
}

.TopGroup .ItemHover, .TopGroup .ItemExpanded
{
    height: 1.6em;
    width: 6em;
    text-align: center;
    padding: 0;
    font-size: 10px;
}

.TopGroup .SelectedItem, .TopGroup .ChildSelectedItem
{
    font-weight: bold;
    height: 1.6em;
    width: 6em;
    text-align: center;
    padding: 1px 0;
    font-size: 10px;
}

.TopGroup .SelectedItemHover, .TopGroup .SelectedItemExpanded, .TopGroup .ChildSelectedItemHover, .TopGroup .ChildSelectedItemExpanded
{
    font-weight: bold;
    height: 1.6em;
    width: 6em;
    text-align: center;
    padding: 0;
    font-size: 10px;
}

/* Hidden and Separator styles ------------------------*/

.ItemHidden
{
    display: none;
    height: 0;
    padding: 0;
    margin: 0;
    font-size: 0%;
}

.Separator
{
    width: 2px;
    margin: 0;
    padding: 0;
    background-position: 50% 50%;
    background-image: url(../img/menu/menu_separator.png);
    background-repeat: no-repeat;
}

/* Componentart Treeview ------------------------------------ */

.TreeView
{
    cursor: pointer;
}

.TreeNode
{
    cursor: pointer;
}

.SelectedTreeNode
{
    font-weight: bold;
    cursor: default;
}

/* Generic result table ------------------------ */

.Table
{
    background-color: White;
    font-size: x-small;
    border-color: #5A748E;
    border-width: 1px 0 0 1px;
}

.Table td
{
    border-color: #5A748E;
    border-width: 0 1px 1px 0;
}

.Table .header td
{
    color: White;
    background-color: #254565;
    font-weight: bold;
}

/* Generic form table ------------------------ */

/* Generic form table ------------------------ */

.formtable
{
            
}
.formtable td
{
    padding:6px;
}


/* ----------------------------------------- Classes for componentArt menu -------------------------------------------------*/


.toolbarcomponent
{
    display: table-cell;
}
.bigbtn
{

}
.bigbtn img
{
    vertical-align:baseline;
}
.filtercomponent
{
    padding: 0 2px;
    display: table-cell;
    vertical-align: middle;
    height:19px;
}
.filterlabel
{
    vertical-align: middle;
    font-size: 14px;
    padding: 0 0 0 0px;
}
.searchbox input[type="submit"]
{
    margin-left: -3px;
}
.filtercomponent select
{
    width: auto;
}
.searchbox input[type="text"]
{
    width: 190px;
}
#printZone
{
    padding: 5px;
}
.filterlabelabove
{
    display: block;
    margin-bottom: 5px;
    padding-left:2px;
}
.filterlabelabovebtncell
{
    margin: 16px 5px 0 8px;
}
.radiolisth td
{
    padding-right: 7px;
}
.componentwrapper
{
    margin-left:6px;
    margin-top:14px;
    color: #636363;
     font-family:Tahoma,Verdana,Arial,serif, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
}
.componenttitlecell
{
    padding: 1px 6px;
}
.componenttitlecell:first-letter, .filterlabel:first-letter{
	 text-transform: uppercase;
}
.componenttitlecell .filterlabel
{
    color: #636363;
     font-family:Tahoma,Verdana,Arial,serif, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 5px;
}
.box
{
    margin:4px;
    padding:4px;
    background-color:#fff;
}
.b1
{
    border:none;
    color: #636363;
     font-family:Tahoma,Verdana,Arial,serif, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
}
.block
{
    border:1px solid #C2CBD4;
}
.highlight
{
    background:white;
}
.entetepop
{
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#49a4e1', endColorstr='#459bd4')";
    background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.42, rgb(69,155,212)),
	color-stop(0.5, rgb(73,164,225))
);
}
.logdialog
{
    padding:4px 0px 27px 0px;
    border-radius: 7px;
    background: #F6F6F6;
    box-shadow: 0px 1px 10px #3F6075; 
    position:relative;
     color: #636363;
	  font-family:Tahoma,Verdana,Arial,serif, Helvetica, sans-serif;
	        
}
.withborder, .selectioncontent /* boite conteneur */
{
   
    position:relative;
    padding:0px 0px 0px 0px;
    border-radius: 6px;
    background: #F6F6F6;
    
}
.withborder
{
    margin: 0 20px;
    padding:11px;
}
.selectioncontent, .withnoborder {
    width: 79%;
    min-width: 860px;
    padding-left: 12px;
}
.withnoborder
{
    width:75%;
    min-width: 500px;
    
}
.c1
{
    color:#05466F;
}
.bottom1
{
    margin-bottom:3px;
}
.progressform
{
    width:713px;
    text-align:right;
}
.progressform div
{
    display:inline;
}
/* Home ------------------------ */
#homewrap
{
    padding-bottom: 55px;
}
#homecontent
{
    margin: 0 Auto;
    width:934px;
}
#homecontent h1
{
    margin: 45px Auto 11px auto;
    font-family:Tahoma,Verdana,Arial,serif, Helvetica, sans-serif;
    font-size: 21px;
    text-shadow: -1px 0px 3px #00344D; 
}
.col
{
    width:447px;
    text-align:center;
    float:left;
    margin:10px;
}
.homeoption
{   
    display: block;
    height: 82px;
    margin: 4px 0;
    background:transparent url(/App_Themes/Image/Home/homebtn-bg.png) no-repeat;
    text-align:left;
    padding:0 0 0 86px;
}
.homeoption:hover
{   
    background:transparent url(/App_Themes/Image/Home/homebtnhover-bg.png) no-repeat;
}
.homeoption span
{
    cursor:pointer;
}
.homelinklabel
{
    text-align:left;
    margin-top:28px;
    overflow:hidden;
    text-transform:uppercase;
    padding-right:35px;
    width:255px;
    cursor:pointer;
}
.longtext
{
    margin-top:17px;
}
.homeoption h2
{
     font-family:Tahoma,Verdana,Arial,serif, Helvetica, sans-serif;
    font-size: 18px;
    color:#084773;
    display:inline-block;
    -moz-text-shadow: 0px 1px 1px #C0CED7;
    -webkit-text-shadow: 0px 1px 1px #C0CED7;
    text-shadow: 0px 1px 1px #C0CED7; 
    line-height:23px;
    width:255px;
}
#mediaplan, #analysis, #data, #competitors, #pr, #library, #agency
{
    display:inline-block;
    width:55px;
    height:45px;
    margin-top:18px;
    float:left;
}
#mediaplan
{
    background:transparent url(/App_Themes/Image/Home/mediaplan-icon.png) no-repeat;
}
#analysis
{
    background:transparent url(/App_Themes/Image/Home/analysis-icon.png) no-repeat;
}
#data
{
    background:transparent url(/App_Themes/Image/Home/data-icon.png) no-repeat;
}
#competitors
{
    background:transparent url(/App_Themes/Image/Home/competitors-icon.png) no-repeat;
}
#pr
{
    background:transparent url(/App_Themes/Image/Home/pr-icon.png) no-repeat;
}
#library
{
    background:transparent url(/App_Themes/Image/Home/library-icon.png) no-repeat;
}
#agency
{
    background:transparent url(/App_Themes/Image/Home/agency-icon.png) no-repeat;
}
.homeoption:hover #mediaplan
{
    background:transparent url(/App_Themes/Image/Home/mediaplanhover-icon.png) no-repeat;
}
.homeoption:hover #analysis
{
    background:transparent url(/App_Themes/Image/Home/analysishover-icon.png) no-repeat;
}
.homeoption:hover #data
{
    background:transparent url(/App_Themes/Image/Home/datahover-icon.png) no-repeat;
}
.homeoption:hover #competitors
{
    background:transparent url(/App_Themes/Image/Home/competitorshover-icon.png) no-repeat;
}
.homeoption:hover #pr
{
    background:transparent url(/App_Themes/Image/Home/prhover-icon.png) no-repeat;
}
.homeoption:hover #library
{
    background:transparent url(/App_Themes/Image/Home/libraryhover-icon.png) no-repeat;
}
.homeoption:hover #agency
{
    background:transparent url(/App_Themes/Image/Home/agencyhover-icon.png) no-repeat;
}
/* Logout ------------------------ */
#logwrap
{
    background:transparent url(../App_Themes/Image/pagecontent-bg.png);
    padding-bottom: 55px;
}
/* My Subscription ------------------------ */

.editicon
{
    padding:2px 4px;
    background:transparent url(/App_Themes/Image/edit_off.png) no-repeat center center;
}
a:hover .editicon
{
    background:transparent url(/App_Themes/Image/edit_on.png) no-repeat center center;
}
.saveicon
{
    padding:2px 4px;
    background:transparent url(/App_Themes/Image/save_off.png) no-repeat center center;
}
a:hover .saveicon
{
    background:transparent url(/App_Themes/Image/save_on.png) no-repeat center center;
}
.cancelicon
{
    padding:2px 4px;
    background:transparent url(/App_Themes/Image/cancel_off.png) no-repeat center center;
}
a:hover .cancelicon
{
    background:transparent url(/App_Themes/Image/cancel_on.png) no-repeat center center;
}
.deleteicon
{
    padding:2px 4px;
    background:transparent url(/App_Themes/Image/delete_off.png) no-repeat center center;
}
a:hover .deleteicon
{
    background:transparent url(/App_Themes/Image/delete_on.png) no-repeat center center;
}

.sectiontitle
{
    font-family:Tahoma,Verdana,Arial,serif, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    color:#05466f;
    padding-bottom:5px;
    padding-top:15px;
}

.section
{
    margin:5px 0 8px 0px;
    background-color: transparent;
    border:1px solid #bbcdd9;
    padding:0px 5px 5px 0px;
    font-size: 14px;
}


.title_group_zone
{
    font-size: 14px;
    margin-left: 15px;
  }

.section td
{
    vertical-align:middle;
}

.space td
{   
    padding:3px 0 4px 8px;
}

.lightbg
{
    background-color:#e9eef2;
    padding:4px 0 10px 4px;
}

.boldlbl
{
     font-family:Tahoma,Verdana,Arial,serif, Helvetica, sans-serif;
     font-size:14px;
    color:#333333;
}

.progressbardiv
{
    display: none; 
    position: absolute; 
    left: 450px;
    top: 100px; 
    z-index: 100; 
    padding-top:15px;
    padding-left:40px;
    background-color:#ffffff; 
    border:2px solid #658da6;
    width:250px;
    height:80px;
    overflow:hidden;
}

.horizrbl tr td
{
    border:none;
    padding:0 0 0 0;
    margin:0 0 0 0;
}

.Templates
{
    background-color:#F2F6F9;
    width:700px;
    margin:8px 0 20px 0;
}

.Templates td
{
    padding:12px 12px 12px 12px;
}

.popup
{
    background-color:#dbe4eb;
    border:0 0 0 0;
    width:100%;
}


.GridFPointHeader
{
    color: #ffffff;
    background-color:#6087A0;
   	font: 9pt;
   	font-weight:bold;
    text-align: center;	
    padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-width: 0.2px;
	border-top-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	border-color: Black;
	vertical-align: middle;	
	width:90px;	
	height:22px;
	
}

.GridFPointCell
{
	text-align: center;
	background-color: #FEFEFE;	
	border-color: Black;
	border-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	padding: 1px;
}
.GridFPointCellcheckcell,  #divFSpCalendar td 
{  
	border-color:Black ;
	border-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	
}
 
#ctl00_contentHolder_spdCalendar_viewTable tr,#ctl00_contentHolder_spdCalendar_viewTable td
{  
	border-color:Black ;
	border-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
}
  
/*  Hierachical Grid ------------------------ */
.hierachicalGrid
{
    border-collapse:separate!important;
    background:#E9EEF2;
     background-repeat:no-repeat;
}
.hierachicalGrid table, .hierachicalGrid table th
{
    border-width:0px;
    background:transparent;
}
.hierachicalGrid tr.alt, .hierachicalGrid td.alt
{
    background:#DDE5EB;
}
.hierachicalGrid th,.hierachicalGrid td
{
    height:24px;
    font-weight:bold;
    vertical-align: middle;
    padding-left:12px;
    padding-right:5px
}
.hierachicalGrid th, .hierachicalGrid th a
{
    color:#ffffff; 
}
.hierachicalGrid td
{
    height:26px;
    font-weight:normal;
   border-right:1px solid #CEDAE3;
   border-left:1px solid #F7FBFF;
    padding-left:12px;
    padding-right:5px
}

.hierachicalGrid tr.alt td,.hierachicalGrid td.alt
{
   border-right:1px solid #C3D2DC;
   border-left:1px solid #EBF2F7;
}
.hierachicalGrid th
{
    background:transparent url(../App_Themes/Image/gridheader.png);
    white-space: nowrap;
}
.hierachicalGrid th
{
    border-right:1px solid #3F6D8A;
    border-left:1px solid #7299B3;
    border-top:none;
    border-bottom:none;
}
.hierachicalGrid th.first, .hierachicalGrid td.first
{
    background:transparent url(../App_Themes/Image/gridheader-left.png) left;
    border-left:none;
   
}
.hierachicalGrid th.last, .hierachicalGrid td.last
{
    background:transparent url(../App_Themes/Image/gridheader-right.png) right;
    border-right:none;
}

.hierachicalGrid tr.level0
{
 background-color:Silver;
}

.hierachicalGrid tr.level1
{
 background:rgb(221, 229, 235);
}

.hierachicalGrid tr.level2
{
 background:transparent;
}

.hierachicalGrid .datahighlight {
        background-color: #ffdc87 !important;
        cursor:pointer;
}



/* ----------------------------- */
.inputFields
{
    border-collapse:separate!important;
    background:#E9EEF2;
    background-repeat:no-repeat;
}

.inputForm div.inputLabel
{
    width:150px;
    float:left;
    font-weight:bold;
}

.inputForm div.inputValue
{
     float:left;
    font-weight:normal;
    width:250px;
}

.inputForm div.inputTitle
{
    font-size: large; 
    text-align: center;
    width: 100%
}
.inputForm div.inputValueShort
{
     float:left;
    font-weight:normal;
    width:100px;

}


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


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

.separate
{
    border-collapse:separate;
}
.padding1
{
    margin:8px;
}
.padding1 TR td
{
    padding:4px 3px;
}

/* BBBfilter------------------- */

.filtercontent
{
    width:100%;
    
}
.filtercontainersecondcol
{
    padding-top:5px;
}

.filtercontainerthirdcol
{
   padding-top:4px;
}
td.filtercontainerrow
{
    height:37px;
}
.filtercontainer .ScrollBar
{
    background-image: url(/UserControls/filterRequisites/images/scroller/scroller_bg.gif); 
}
.filtercontainer .ScrollGrip
{
    background-image: url(/UserControls/filterRequisites/images/scroller/scroll_gripBg.gif); 
}
.tbsearch
{
    width:94px;
}
.filtercontainer .summarycontainer
{
    height:204px;
    width:216px;
	font-size:12px;
	padding:7px;
	margin-top:1px;
}  
.filtercontainer .SelectedRow td.LastDataCell 
{ 
    background:#DFEDF6 url(/UserControls/filterRequisites/images/filtercriteriaBg.png) repeat-x;
}
.SourceGrid
{
    width:226px;
}
.SourceGridlabel
{
    height:22px;
    width:210px;
    cursor:pointer;
}
.filtercontainer .SourceGrid .SelectedRow div.SourceGridlabel
{
    background: #D3E6F5 url(/App_Themes/Image/gradient.gif) repeat-x;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E8F3F9), color-stop(1, #D3E6F5));
    background: -moz-linear-gradient(top center, #E8F3F9 0%, #D3E6F5 100%);
}
.SourceGridlabellink
{
    display:block;
    padding-left:6px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    line-height:20px;
    -moz-text-shadow: 0px 1px 1px #fff;
    -webkit-text-shadow: 0px 1px 1px #fff;
    text-shadow: 0px 1px 1px #fff;
    cursor:pointer;
}
.SelectionGrid
{
    height:100px;
    margin-top:0px;
}
.Grid
{

.Grid
{
}
idlabellink
{
    display:block;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    width:174px;
    margin-top:4px;
}
.SelectionGrid .Row TD:first-child div
{
    width:21px;
}
.SelectionGrid .Row TD div input
{
    margin-left:4px;
}
.SelectionGrid .Row TD DIV
{
  width:176px;
}
.filtercontainerfirstcol .box
{
    padding:0px;
}
.filtercontainersecondcol .box
{
    padding:0px;
}
 .ScrollBar, .SelectedRow, .Row
{
	cursor:default!important;
}
.Row
{
    height:16px;
}
.Sourcegrid .Row
{
    height:17px;
}
.numberofitems
{
    border:1px solid #D0D9E0;
    border-bottom:none;
    margin:0 4px;
}
.numberofitemscontent
{
    text-align:right;
    padding:4px 7px;
}
.numberofitemslabel
{
    vertical-align:middle;
    font-size:12px;
    display:inline-block;
}
.btncell
{
    padding: 7px 4px;
}
.displaymore
{
   
    text-align:center;
    width:216px;
    padding:3px 6px;
    margin:0 4px;
    font-size:12px;
    border:1px solid #D0D9E0;
}
.displaymore span
{
    display:inline-block;
    margin-bottom:3px;
}
.loadinglabel
{
    display:block;
    width:216px;
    padding:3px 6px;
    margin:0 4px;
    font-size:12px;
    border:1px solid #D0D9E0;
}
.gridcontent input[type="checkbox"] {
  top: 3px;
  left:3px;
}
a:active, a:focus
{
    outline:none;
}

/* ----------------------------------------- Insertion Editor -------------------------------------------------*/

    .field
    {
        width: 84px;    
        height: 22px;
    }
    div.filterlabel
    {
        width: 164px;    
        float: left;  
    }
    .hasDatepicker
    {
        width: 81px;    
        height: 21px;   
    }
    .hasTimepicker
    {
    	width: 81px;
    	height: 21px;
    }
    .ui-datepicker-trigger
    {
        padding: 2px 2px 2px 2px;
        border-radius: 0px;
        border: 1px solid #707070;
        border-top-width:2px;
        border-right-width:2px;
        background: #F0F0F0;
    }
    .ui-autocomplete-input
    {
        width: 179px; 
	    padding:0.2em .4em;
	    height:13px;
    }
    .field.bigger
    {
        width: 352px;    
    }
    .field.big
    {
        width: 212px;    
    }
    .field.medium
    {
        width: 84px;    
    }
    .field.mini
    {
        width: 50px;   
    }
    .field.micro
    {    
        width: 44px; 
    }

/**************************************************************************************************/
/********************************************************************** </applying common styles> */
/**************************************************************************************************/

/**************************************************************************************************/
/*********************************************************** <targeting Google Chrome and Safari> */
/**************************************************************************************************/

@media screen and (-webkit-min-device-pixel-ratio:0)
{

/**************************************************** start */
    
.linkasbutton,button,
input[type="reset"],
input[type="submit"],
input[type="button"] 
{
  -webkit-appearance: none;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding;
}
textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -webkit-box-sizing: border-box;
  -webkit-background-clip: padding;
  -webkit-text-shadow: 0px 1px 1px #fff;
}
#menu a, #menu .menu3, .tabwrapper a
{
    -webkit-text-shadow: 0px 1px 1px #fff;
}
.twocolswrapper
{
    -webkit-border-radius: 6px;
}
.miniaturecontainer
{
    -webkit-border-radius: 6px;
}
.logdialog
{
    -webkit-border-radius: 7px;
    -webkit-box-shadow: -3px 3px 7px #3F6075;
}
.withborder, .selectioncontent
{
    -webkit-border-radius: 6px;
   /* -webkit-box-shadow: 3px 3px 7px #3F6075;*/
}
#homecontent h1
{
    -webkit-text-shadow: -1px 0px 3px #00344D;
}
/****************************************************** end */
    
}

/**************************************************************************************************/
/********************************************************** </targeting Google Chrome and Safari> */
/**************************************************************************************************/

/**************************************************************************************************/
/******************************************************************** <targeting Mozilla Firefox> */
/**************************************************************************************************/

@-moz-document url-prefix() {
    /**************************************************** start */
    .linkasbutton, button,
    input[type="reset"],
    input[type="submit"],
    input[type="button"] {
        padding: 3px 4px 3px 5px;
        -moz-background-clip: padding;
        -moz-border-radius: 4px;
        -moz-text-shadow: 0px 1px 1px #fff;
    }

    textarea,
    select,
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"] {
        -moz-border-radius: 0;
        -moz-box-sizing: border-box;
        -moz-background-clip: padding;
    }

    #menu a, #menu .menu3, .tabwrapper a {
        -moz-text-shadow: 0px 1px 1px #fff;
    }

    input.bigbtn {
        padding: 5px 6px;
    }

    a.bigbtn {
        padding: 6px 8px;
    }

    .logdialog a.bigbtn {
        padding: 7px 8px;
    }

    .twocolswrapper {
        -moz-border-radius: 6px;
    }

    .tbsearch {
        width: 91px;
    }

    .miniaturecontainer {
        -moz-border-radius: 6px;
    }

    .logdialog {
        -moz-border-radius: 7px;
        -moz-box-shadow: -3px 3px 7px #3F6075;
    }

    .withborder, .selectioncontent {
        -moz-border-radius: 6px;
        -moz-box-shadow: 3px 3px 7px #3F6075;
    }

    #homecontent h1 {
        -moz-text-shadow: -1px 0px 3px #00344D;
    }

    .borderMandatory {
        border: 1px solid red;
    }

    .plan_version_history a {
        color: #fff;
        font-weight: bold;
    }

    .plan_version_history th {
        padding-left: 5px;
        border-left: 1px solid #7299B3;
    }


    .switcher_page_num {
        font-size: 14px;
        color: #000;
        margin: 2px;
    }

    .switcher_page_num_active {
        font-size: 20px;
        color: #4599d4;
        margin: 1px;
    }
}


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


/****************************************************** end */


/**************************************************************************************************/
/******************************************************************* </targeting Mozilla Firefox> */
/**************************************************************************************************/