/* Start of spain invoice css */
*, *:before, *:after, *:hover, *:active, *:focus {
    outline:0 !important;
}
.open > .dropdown-menu {
    display: block;
}

.ui-state-default .ui-tabs-anchor{
    background:#fff;
    color: #333 !important; 
}
.ui-state-active .ui-tabs-anchor{
    background:#005D95 !important;
    color: #fff !important; 
}
.col p span{
    display:block;
    height:50px;
    color:#000;
    font-family: Verdana,Arial;
    font-size: 11px;
    font-weight: bold;			
}

#Savechanges {
    background-image:url('../images/Active PRJ.png');
    cursor:pointer;
    height:30px;
    width:30px;
    background-size:100%;
    background-color:white;
    border:0px;
    margin-left: 90px;
}


.spain_invoice_border {
    border-color: #C1E0FF; 
    border-width:0px; 
    border-style:solid; 
}


/* End of spain invoice css */



/* Start of new admin */


.drop_menu {
    background:#fff;
    padding:0;
    margin:0;
    list-style-type:none;
    height:30px;
}
.drop_menu li { float:left; }
.drop_menu li a {
    padding:9px 20px;
    display:block;
    text-decoration:none;
    color: #666;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;

}

/* Submenu */
.drop_menu ul {
    position:absolute;
    left:-9999px;
    top:-9999px;
    list-style-type:none;
}
.drop_menu li:hover { position:relative; background:#fff; }
.drop_menu li:hover ul {
    left:0px;
    top:30px;
    background:#fff;
    padding:0px;
}

.drop_menu li:hover ul li a {
    padding:5px;
    display:block;
    width:220px;
    text-indent:15px;
    background-color:#fff;
    transition:opacity 100ms;			
}
.drop_menu li:hover ul li a:hover { 
    background: #fff; 
    text-decoration: underline;
}


.topborder {
    border-top: 4px solid #005D95;
}


#header_new_admin {
    z-index: 2;
    width: 100%;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    color: white;
    font-weight: bold;
}
/*
.header_title
{
        padding: 0px 0px 0px 0px;
        background:white;
        font-family: Verdana, Arial;
        font-size: 15px;
        margin-bottom: 3px;
        text-decoration: none;
        color: black;
        height: 25px;
        position: relative;
        width:100%;
        border: 1px solid;
        border-color:#005D95;
}*/

.header_title
{
    padding: 0px 0px 0px 40px;
    background:#005D95;
    font-family: Verdana, Arial;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    height: 25px;
    position: relative;
    width:100%;
}

.newlook {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    line-height:25px;
    font-style: normal;
    font-weight: lighter;
    color:#FFF;
    background-color:#0099CC;
    text-align:center;
}

.newlook1 {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    line-height:25px;
    font-style: normal;

}

#sidebar_update{
    width: 100%;
    padding-left: 0px;

}

.menu_update {
    float: left;
    /*margin-left: 25%;*/
    margin-top: 4px;
    background-color:#fff;
    color: #666;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    border: 0px;
    position: relative;
    z-index: 12;	

}

.menu_update a:hover{

    background-color:#fff;

}

.li_horizontal {
    display: inline;
} 

.img_logo {
    height: 50px;
    width: 50px;
    opacity: 1;
    filter: alpha(opacity = 100);
}

/* End of new admin */

/* CSS Document by SP*/
#header {
    z-index: 2;
    width: 100%;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../images/Untitled.png);
    color: white;
    font-weight: bold;
}

#left_header {
    height: 90px;
    width: 25%;
    float: left;
    position: absolute;
}

/*#top_head { padding-top:0px; width: 30%;}*/
#menu a {
    text-decoration: none;

}

#menu {
    float: left;
    /*margin-left: 25%;*/
    margin-top: 4px;

}

#menu img {
    height: 50px;
    width: 50px;
    opacity: 1;
    filter: alpha(opacity = 100);
}

#menu span {
    color: white;
    font-family: Arial;
    font-size: 12px;

    font-weight: bold;
    text-align: center;
}

#menu li:hover span {
    color: #009;
}

#menu li {
    alignment-adjust: middle;
    text-align: center;
}

#menu li:hover {
    background-color: white;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    opacity: 0.8;
    filter: alpha(opacity = 80); /* For IE8 and earlier */ /*Reflection
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
    */ /*Glow*/
    -webkit-box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.8);
    -moz-box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.8);
    box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.8);
    border-radius: 4px;
}

#menu li:hover img {
    height: 50px;
    width: 50px;
    position: static;
}

#menu ul {
    list-style: none;

    /*position absolute so that z-index can be defined */
    position: absolute;
}

#menu ul li { /* give some spaces between the list items */
    margin: 0 5px;
    /* display the list item in single row */
    float: left;
}

.active {
    background-color: white;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    font: #009;
    opacity: 0.8;
    filter: alpha(opacity = 80); /* For IE8 and earlier */ /*Reflection
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
    */ /*Glow*/
    -webkit-box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.8);
    -moz-box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.8);
    box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.8);
    border-radius: 4px;
}

/* for header3.html */
#menu_wdout_pic a {
    text-decoration: none;
}

#menu_wdout_pic {
    float: left;
    margin-left: 20%;
    margin-top: 45px;
    text-decoration: none;
}

#menu_wdout_pic ul {
    width: 100%;
}

#menu_wdout_pic span {
    color: white;
    font-family: Arial;
    font-size: 12px;

    text-align: center;
}

#menu_wdout_pic ul li:hover span {
    color: yellow;
    background-color: blue;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 4px 6px 4px 6px;
    border-radius: 6px;
}

#menu_wdout_pic ul li:hover {
    margin: 0 5px;
}

#menu_wdout_pic ul {
    list-style: none;

    position: absolute;
}

#menu_wdout_pic a {
    text-decoration: none;
}

#menu_wdout_pic ul li { /* give some spaces between the list items */
    margin: 0 9px; /* display the list item in single row */
    float: left;
}
/*---*/
td#iconmenu a {
    text-decoration: none;
    display: inline;
    white-space:nowrap;
}

td#iconmenu {
    /*float: left;*/
    /*margin-left: 25%;*/
    margin-top: 12px;

}
td#iconmenu img {
    height: 48px;
    width: 48px;
    opacity: 1;
    filter: alpha(opacity = 100);
}
td#iconmenu div {
    color: white;
    font-family: Arial;
    font-size: 12px;	
    font-weight: bold;
    text-align: center;

}
td#iconmenu:hover > div {
    background-color: white;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;	
    -webkit-box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.8);
    -moz-box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.8);
    box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.8);
    border-radius: 4px;
    color:#0099CC;

}

td#iconmenu span:hover {
    color:#0099CC;
}

td#iconmenu table{font-size:80%;z-index:1;background:#0099CC;}
/*background:#0099CC;*/
td#iconmenu a{color:white;text-decoration:none;font:bold;}
/*color:#606066;*/
td#iconmenu a:hover{color:white;background-image: url(../images/menuover.png);}
/*td#iconmenu td.menu{background:lightblue;}*/
td#iconmenu td.menu{background-image: url(../images/menu.png);}
td#iconmenu table.menu
{
    font-size:80%;
    position:absolute;
    visibility:hidden;
}
/*---*/
/*---*/
/*
.menuTemplate3 { margin:0; margin-left:60px; width:auto; float:left; ... (other styles of the .menuTemplate3 class) ... }
*/
.menuH
{
    /* You will get totally diffrent menu alignment and layout by setting following margin, width, and float with different values.
    For detailed instruction please visit www.menucool.com/horizontal/change-menu-alignment  */
    /*margin: 0; width: 100%; float:none;*/
    margin:0; margin-left:60px; width:auto; float:left;
    /*following "behavior" works for IE6, IE7, and IE8. Other browsers will ignore it.*/
    /*Note: Unlike image file, htc file path is relative to the page, not this CSS file.*/
    /*behavior: url("/horizontal/menuh/cssmenu.htc");*/
    height: 36px;
    background: repeat-x 0 0;
    /*border: 1px solid #FFF;*/
    position:relative;/*! for IE htc*/
    z-index:4;/*H2*/
    font-family: Arial, Helvetica, sans-serif;
    list-style: none;
    padding: 0;

}

.menuH li
{
    padding: 0;
    /*margin: 0;
    display: block; TODO: I am testing them if they can be removed. If can, remove them.*/
    float: left;
    height: 36px;
    position: relative;/*move it into .menuH if you want submenu to be positioned relative to the whole menu instead of this li element*/
}
.menuH li:hover, .menuH li.onhover
{
    /*background: white url(bg.gif) repeat-x 0 -48px;*/
}

ul.menuH a
{
    padding: 0 6px;
    line-height: 36px; /*Note: keep this value the same as the height of .menuH and .menuH li */
    font-size: 11px;
    font-weight: bold;
    color: white;
    display: block;
    outline: 0;
    text-decoration: none;
}
.menuH a:hover
{
    color: red;
}
.menuH a.arrow
{
    /*background: url(../images/arrow.gif) no-repeat right center;*/
}
.menuH ul a.arrow
{
    /* background: url(right.gif) no-repeat 97% center;*/
}


/*Used to align a top-level item to the right*/        
.menuH .menuRight
{
    float: right;
    margin-right: 0px;
}

/*for the top-level separators*/
.menuH li.separator
{
    font-size:0;
    overflow:hidden;
    border-left:1px solid #F7F7F7;
    border-right:1px solid #BBBBBB;
}


/*######sub level###########*/

ul.menuH ul
{
    width:200px;
    position: absolute;
    left: -9999px;
    border: 1px solid #DDD;
    border-top: 0; 
    background: #FFF;    
    text-align: left;
    list-style: none; margin: 0;  
    /*Following 1px(padding-right) will determine how much it is overlapped by the sub-sub-menu */
    padding: 0 1px 10px 0;   
}

.menuH li li
{
    float: none;
    white-space:nowrap;
    height: 26px;
}
.menuH li li:hover, .menuH li li.onhover
{
    background:#f7f7f7;
}
.menuH ul a
{
    padding: 0 20px;
    line-height: 26px;
    font-size: 0.9em;
    font-weight: normal;
    color: #0066CC;
    text-align: left;
}

.menuH ul a:hover
{
    color: red;
}

.menuH li:hover ul, .menuH li.onhover ul
{
    left: -1px;/*Use this property to change offset of the dropdown*/
    top: auto;
}

.menuH li:hover .dropToLeft, .menuH li.onhover .dropToLeft
{
    left: auto;
    right: -1px;
    top: auto;
}
.menuH ul ul
{
    border-top: 1px solid #DDD;
}

.menuH li:hover ul ul, .menuH li:hover ul ul ul, .menuH li:hover ul ul ul ul,
.menuH li.onhover ul ul, .menuH li.onhover ul ul ul, .menuH li.onhover ul ul ul ul
{
    left: -9999px;
    top:0;
}

.menuH li li:hover ul, .menuH li li li:hover ul, .menuH li li li li:hover ul,
.menuH li li.onhover ul, .menuH li li li.onhover ul, .menuH li li li li.onhover ul
{
    left: 200px;
}

/*####### special effects ##########*/

.decor1 
{
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari and Chrome */
    border-radius: 3px; /* Opera 10.5+, future browsers, and now also our behavior htc file */

    -moz-box-shadow: 0px 1px 4px #eee; /* Firefox */
    -webkit-box-shadow: 0px 1px 4px #eee; /* Safari and Chrome */
    /*box-shadow: 0px 1px 4px #eee;*/ /* Opera 10.5+, future browsers and IE6+ using our behavior htc file */


}
.menuH ul 
{
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;

    -moz-box-shadow: 0px 6px 6px #CCC;
    -webkit-box-shadow: 0px 6px 6px #CCC;
    box-shadow: 0px 6px 6px #CCC;  

    /*for older IE browsers, the htc file fix will disable this feature when box-shadow was also applied.*/
    filter:alpha(opacity=90);
    opacity: 0.90;  

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

/* end of tool tip*/

table#nd_menu {
    float: left;
    margin-left: 87%;
    margin-top: 42px;
    position: absolute;
    font-family: Arial;
}

table#nd_menu img {
    height: 15px;
    width: 15px;
    float: left;
    padding-right: 4px;
    opacity: 1;
    filter: alpha(opacity = 100);
}

table#menu_2nd {
    float: left;
    margin-left: 80%;
    margin-top: 58px;
    position: absolute;
}
tr.userdisplay td {
    font-size: 12px;
    /*line-height: 17px;*/
    /*position: absolute;*/
    z-index: 27;
    display: block;
    width: 245px;
    /*padding: 1px;*/
    text-decoration: none;
    cursor: pointer;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #77D7F7;
    /*background-color: #00B4F0;*/
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

table#right_top {
    float: left;
    padding: 2px;
    margin-left: 90%;
    margin-top: 1px;
    position: absolute;
}

table#right_top img {
    height: 25px;
    width: 25px;
    float: left;
    opacity: 1;
    filter: alpha(opacity = 100);
}

table#right_top img:hover {
    height: 25px;
    width: 25px;
    float: left;
    opacity: 0.8;
    filter: alpha(opacity = 80);
    background-color: white;
    -webkit-box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.8);
    -moz-box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.8);
    box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.8);
    border-radius: 4px;	
}

table#right_bottom {
    float: left;
    padding: 2px;
    margin-left: 85%;
    margin-top: 48px;
    position: absolute;
}

table#right_bottom img {
    height: 25px;
    width: 25px;
    float: left;
}

/*2nd menu start for admin Panel*/

/*end of admin panel*/
.dropdown  ul span {
    text-align: center;
    padding: 0px 0px;
}

div.dropdown {
    color: #555;
    width: 120px;
    position: absolute;
    text-align: left;
    z-index: 11010;
}

div.submenu ul {
    background: #e2e2e2;
    position: absolute;
    top: -10px;
    left: -12px;
    z-index: 25;
    width: 135px;
    display: none;
    margin-left: 10px;
    padding: 0px 0 5px;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}

div.dropdown:hover ul {
    display: block;
    position: absolute;
}

.dropdown  li a {
    color: #555555;
    display: block;
    font-family: arial;
    font-weight: bold;
    padding: 2px 5px;
    cursor: pointer;
    text-decoration: none;
}

.dropdown li a:hover {
    background: #155FB0;
    color: #FFFFFF;
    text-decoration: none;
}

a.account {
    font-size: 11px;
    line-height: 17px;
    position: absolute;
    z-index: 27;
    display: block;
    width: 120px;
    margin: -10px -13px 0 5px;
    padding: 1px;
    text-decoration: none;
    cursor: pointer;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #77D7F7;
    background-color: #00B4F0;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    width: 140px;
}

.root {
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    padding: 0px 0 0 0px;
    border-top: 1px solid #dedede;
}


/*START LEFT NAV*/
#leftnav {
    width: 15%;
    height: 600px;
}

#navcontainer img {
    height: 45px;
    width: 45px;
}

#navcontainer {
    float: left;
    background: white;
    width: 16%;
    position: absolute;
    margin-top: 0px;
    font-family: Arial;
    font-size: 12px;
    min-height: 500px;
    border-right: 1px solid #00FFCC;
    -moz-box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, 0.5);
}

ul#navlist {
    text-align: left;
    position: relative;
    list-style: none;
    padding: 0;
    width: 95%;
}

ul#navlist li:last-child {
    margin-bottom: 15px;
}
ul#navlist > li> a {font-weight:bold;}
ul#navlist li {

    margin: 1px;
    padding: 0;
    width: 100%;
    /*padding: 0.5em 0 0.5em 2em;*/
    border-width: 1px;
    border-color: #ffe #aaab9c #ccc #fff;
    border-style: solid;
    color: #777;
    text-decoration: none;
    background: transparent;
    float: left;
    -moz-box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, 0.5);
    border-radius: 4px;
}

#navlist a {

    width: auto;
    padding: 0.5em 1em 0.5em 2em;
    color: #000066;
    text-decoration: none;
    /*background: #f7f2ea;*/
}

#navcontainer>ul#navlist li a {
    width: auto;
}

/*ul#navlist li#active a
{
background: #f0e7d7;
color: #800000;
}*/
.active2 {
    background: #00FFFF;
    font-weight: bold;
    font-size: 14px;
    border: 1px solid #0099FF;
    border-radius: 4px;
    color: black; /*Glow*/
    -webkit-box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.8);
    -moz-box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.8);
    box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.8);
}

/*.active2  li.parent
{

background: #969696;
border-color: #aaab9c #fff #fff #ccc; font-weight:bold; font-size:14px;
}
*/
#navlist a:hover {
    color: #000066;
    background: #00FFFF;
    font-weight: bold;
    border-radius: 4px;
    color: black;
}

/* expand collapse button*/
/* start arrow*/
table.arrow {
    width: 100%;
    font: georgia, serif;
}

table.arrow td+td {
    width: 15%;
    background-image: url(../images/downarrow.png);
    background-position: center;
    background-repeat: no-repeat;
}

table.uparrow {
    width: 100%;
    font: georgia, serif;
}

table.uparrow td+td {
    width: 15%;
    background-image: url(../images/uparrow.png);
    background-position: center;
    background-repeat: no-repeat;
}

/*start bottom LEFT*/
table.bottom_left {
    position: relative;
    background-color: white;
    border: #000033 1px solid;
    alignment-adjust: central;
    width: 97%;
    float: left;
    margin-bottom: 10px;
    -moz-box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    padding: 15px;
    opacity: 0.9;
    filter: alpha(opacity = 90); /* For IE8 and earlier */
}

table.top_menu {
    Font-size: 25px;
    float: left;
    font-weight: bold;
    text-align: left;
    padding-left: 10px;
}

/*END LEFT*/
#right_nav_table {
    vertical-align: top;
    margin-top: 4px;
    float: right;
    padding-top: 1px;
    padding-right: 2%;
}

#right_nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#right_nav  a {
    font-family:Arial;
    text-decoration: none;
    font-size: 12px;
    color: white;
}

#right_nav li {
    float: right;
    text-align: center;
    position: relative;
    width: 100px;
}

#right_nav li ul li {

}

#right_nav ul li:hover {
    font-weight: bolder;
}

#right_nav li ul {
    position: absolute;
    visibility: hidden;
    padding: 4px;
}

#right_nav li:hover ul {
    visibility: visible;
    font-size: 12px;
    padding: 2px;
}

#right_nav li:hover ul li:hover a {
    font-size: 12px;
    font-weight: bold;
    background-color: #FFFFFF;
    color: #006a92;
}

#right_nav {
    padding-top: 1px;
    margin-left: 90%;
    position: absolute;
}

table#below_header {
    width: 100%;
    background-color: #84cbef;
    float: left;
}

table#below_header td:first-child {
    padding-left: 2%;
    float: left;
}

table#below_header td+td {
    float: none;
    alignment-baseline: central;
    alignment-adjust: middle;
    margin-left: auto;
    margin-right: auto;
}

table#below_header td+td+td {
    width: 20%;
}

/*

#admin_panel {color:#FFFFFF; font-family: Verdana, Arial; position:absolute;font-size:12px; float:inherit; }
#admin_panel ul { list-style:none; margin:0;}
#admin_panel  a{font-family:Verdana, Arial; text-decoration:none; font-size:12px; color: white;} 
#admin_panel li { text-align:center;position: relative;}
#admin_panel li ul li {background-color:#11a7e5;padding:0px;margin:0px; padding:2px; text-align:center; }
#admin_panel ul li:hover { font-weight: bold;}
#admin_panel li ul { visibility:hidden;position:relative;}
#admin_panel li:hover ul {visibility:visible;  }
#admin_panel li:hover ul li:hover { background-color:white;}
#admin_panel li:hover ul li:hover a {font-weight:bold; background-color:transparent; color:#00a0e1;}




.dropdown  ul span
{
        text-align:center;
        padding:5px 15px;
}
div.dropdown {
color:white;
position: absolute;

font-family: Verdana, Arial; position:absolute;
padding: 5px 5px 5px 5px;
border-radius:4px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
cursor:pointer;
z-index: 11008;
background:#006f9b;
}
div.submenu ul
{
background:#84cbef;
position: relative;
width:155px;
top: -12px;
left: -20px;
z-index: 11009;
margin-top:32px;

margin-left:auto;
padding: 0px 0 0px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}
div.dropdown:hover ul {
    
    position: absolute;
}
.dropdown  li a {
   
    color: #555555;
    
    font-family: arial;
    font-weight: bold;
    padding: 6px 15px;
  cursor: pointer;
text-decoration:none;

}

.dropdown li a:hover{
    background:#009bdc;
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}
.account a{
font-size: 11px;
line-height: 17px;
position: absolute;
z-index: 11010;

width: 95px;
margin: -4px 5px 0 5px;
padding:3px 0px 3px 8px;
text-decoration: none;
cursor:pointer;
-moz-border-radius:6px;-webkit-border-radius:6px;
border:1px solid #77D7F7;
                background-color:black;
                color:#FFFFFF;
                font-weight:bold;
}
.root
{
list-style:none;
margin:0px;
padding:0px;
font-size: 11px;
padding: 11px 0 0 0px;
border-top:1px solid #dedede;
        
        
}
*/
#right_icons {
    padding-left: 60%;
}

#horiz-subm {
    padding-top: 1px;
    overflow: visible;
    z-index: 100;
}

ul#horiz-subm ul {

}

ul#horiz-subm li:hover>* {

}

ul#horiz-subm li:hover {
    position: relative;
}

ul#horiz-subm ul {
    position: absolute;
    opacity: 1;
    -ms-filter: " progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

ul#horiz-subm ul ul {
    position: absolute;
    opacity: 1;
}

ul#horiz-subm,ul#horiz-subm ul {
    position: absolute;
    list-style: none;
    background-color: transparent;
    border-width: 0px;
    border-style: none;
    border-color: black;
    float: left;
}

ul#horiz-subm table {
    border-collapse: collapse
}

ul#horiz-subm {

    font-size: 0;
    zoom: 1;
    float: left;
}

ul#horiz-subm ul {
    float: left;
    padding: 1px 0 1px 1px;
}

ul#horiz-subm li {

    margin: 0 1px 0 0;
    font-size: 0;
    float: left;
    border-right: 1px solid white;
}

ul#horiz-subm li:last-child {
    border: none;
}

/*ul#horiz-subm a:active,ul#horiz-subm a:focus {
        outline-style: none
}*/

ul#horiz-subm a,ul#horiz-subm li.dis a:hover {

    vertical-align: middle;
    _display: inline-block;
    _vertical-align: top;
    background-color: #84cbef;
    border-width: 0px;
    border-style: none;
    border-color: white;
    text-align: left;
    text-decoration: none;
    padding: 0px 5px;
    _padding-left: 0;
    font: normal 11px Arial;
    color: #003;
    text-decoration: none;
    cursor: pointer;
}

ul#horiz-subm ul li {
    float: left;
}

ul#horiz-subm ul a,ul#horiz-subm ul li.dis a:hover {
    text-align: left;
    white-space: nowrap;
}

ul#horiz-subm li:hover>a {
    background-color: #06C;
    font: normal 12px Arial;
    color: #FFFFFF;
    text-decoration: none;
}

ul#horiz-subm li a:hover {
    _position: relative;
    background-color: #06C;
    border-color: #4C99AB;
    border-style: none;
    font: normal 11px Arial;
    color: #FFFFFF;
    text-decoration: none;
}

ul#horiz-subm li.dis a {
    color: #AAAAAA !important;
}

ul#horiz-subm img {
    border: none;
    vertical-align: middle;
    margin-right: 10px;
}

ul#horiz-subm img.over {

}

ul#horiz-subm li.dis a:hover img.over {

}

ul#horiz-subm li.dis a:hover img.def {
    display: inline !important
}

ul#horiz-subm li:hover>a img.def {

}

ul#horiz-subm li:hover>a img.over {
    display: inline
}

ul#horiz-subm a:hover img.over,ul#horiz-subm a:hover ul img.def,ul#horiz-subm a:hover a:hover ul img.def,ul#horiz-subm a:hover a:hover img.over,ul#horiz-subm a:hover a:hover a:hover img.over
{
    display: inline
}

ul#horiz-subm a:hover img.def,ul#horiz-subm a:hover ul img.over,ul#horiz-subm a:hover a:hover ul img.over,ul#horiz-subm a:hover a:hover img.def,ul#horiz-subm a:hover a:hover a:hover img.def
{

}

ul#horiz-subm a:hover ul,ul#horiz-subm a:hover a:hover ul {

}

ul#horiz-subm a:hover ul ul {

}

ul#horiz-subm ul span {
    background-image: none;
    padding-right: 10px;
}

ul#horiz-subm li a.istylei0,ul#horiz-subm li.dis.istylei0:hover a.istylei0
{
    background-color: transparent;
    border-width: 0px;
    border-style: none;
    font: bold 12px Arial;
    color: #FFFFFF;
    text-decoration: none;
    margin: 0 0 0 0px;
    _margin: 0 0 0 0;
}

ul#horiz-subm li.istylei0:hover>a {
    background-color: transparent;
    border-style: none;
    font: bold 14px Arial;
    color: #FFFFFF;
    text-decoration: underline;
    color: #006;
}

ul#horiz-subm li.istylei0,ul#horiz-subm li.dis.istylei0:hover {
    margin: 0 2px 0px 5px;
    background-color: transparent;
    background-position: 0 0;
}

ul#horiz-subm li.istylei0:hover {
    background-color: transparent;
}

ul#horiz-subm li a.istylei0:hover {
    background-color: transparent;
    border-style: none;
    font: bold 18px Arial;
    color: #006;
    text-decoration: none;
}

ul#horiz-subm.istylem0,ul#horiz-subm ul.istylem0 {

}

ul#horiz-subm ul.istylem0 li {
    margin: 0;
}

ul#horiz-subm.istylem0 li a,ul#horiz-subm ul.istylem0 li a,ul#horiz-subm.istylem0 li.dis a:hover,ul#horiz-subm ul.istylem0 li.dis a:hover
{
    padding: 5px 5px 5px 5px;
}

/*
#topnav1 {float: left; margin-top:66px; margin-left:205px; position: relative; padding-top:1px; line-height:15px;}
#topnav1 li { border-right-width: 1px; border-right-style: solid; border-right-color: #00537F;}
#topnav1 .submenu1 { margin-top:2px;} 
#topnav1 .submenu1 #submenu2 { } 
*/ /*

#topnav1 li:last-child { border-right-style: none;}
#topnav1 ul{ list-style: none; padding: 0; margin: 0;}
#topnav1 ul li { float: left; margin: 0; padding: 0;}
#topnav1 ul li a{ padding: 5px 15px; font-size:12px;font-family:Verdana, Geneva, sans-serif;color: #00537F;text-decoration: none;
} 
#topnav1 ul li a:link{ color: #FFF; text-decoration: none;}
#topnav1 ul li a:visited { color: #FFF; text-decoration: none;}
#topnav1 ul li a:hover { color: #FFF; text-decoration: underline;}
#topnav1 ul li a.active { text-decoration: underline; font-weight:bold; color: #306;}
#topnav1 ul li ul.submenu1{ float: left; width:600px;padding: 4px 0;position:absolute;left:0; background:#84cbef;color: #00537F;}
#topnav1 ul li ul.submenu1 a {color: #00537F;padding: 4px 8px;}
#topnav1 ul li ul.submenu1 li {border-right-width: 1px;border-right-style: solid;border-right-color: #00537F;}
#topnav1 ul li ul.submenu1 li:last-child { border-right-style: none;}
#topnav1 ul li ul.submenu1 a:link {color: #00537F;}
#topnav1 ul li ul.submenu1 a:visited {color: #00537F;}
#topnav1 ul li ul.submenu1 a:hover {text-decoration: underline;color: #06C;}
#topnav1 ul li ul.submenu1 a.active {text-decoration: underline; font-weight:bold;color: #06C;}?

*/
img {
    border: none;
}

/* CSS Document by SP*/
#body {
    width: 60%;
    background-color: #00FF00;
    height: 740px;
    padding-top: 20px;
    font-size: 64px;
    padding-left: 40px;
}

#side {
    background-color: #CCCCCC;
    width: 20%;
    padding-top: 0px;
    height: 800px;
    font-size: 20px;
}

#mainContent {
    width: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 45px;
    max-height: 1000px;
}

#maincontent_table {
    text-align: left;
}

/*tool tips*/
#tooltip {
    width: auto;
    max-width: 30%;
    min-width: 10%;
    border: 1px solid;
    background: white;
    padding: 5px;
    margin-top: 4px;
    font-size: 11px;
    /*font-style:oblique;*/
    font-weight: bold;
    color: dimgray;
}

#tooltip #ttimg.top {
    margin-top: -17px;
    margin-left: 2px
}

#tooltip #ttimg.bottom {
    bottom: 0;
    margin-bottom: -12px;
    margin-left: 2px;
}

#tooltip.default {
    border: 3px solid white;
    background: #0099CC;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 2px;
    text-align: left;
    line-height: 15px;
}

#tooltip.default #ttimg.top {
    position: absolute;
    margin-top: -8px;
    margin-left: -8px
}

#tooltip.default #ttimg.bottom {
    position: absolute;
    bottom: 0;
    margin-bottom: -3px;
    margin-left: -8px
}

.pagination {
    color: #000000;
    font-family: Verdana, Arial;
    font-size: 11px;
    border: 1px solid #AAEAFF;
    background-color: #F2F2F2;
}

/* end tool tips*/ /* login page*/
#logmain {
    padding-top: 0px;
    width: 590px;
    height: 710px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 60px;
}

#login_header {
    background-image: url(../images/1bandeau_haut.jpg);
    /*background-repeat:no-repeat;*/
    height: 118px;
    width: 590px;
}

.login_text {
    padding-top: 0px;
    padding-RIGHT: 10px;
    text-decoration: none;
    font-size: 24px;
}

#logheader {
    background: #DDDDDD;
    padding: 0px;
    text-align: right;
    /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

#logContent {
    padding: 0 0px;
    /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.en_valeur {
    color: #006699;
    font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: bold;
}

.en_valeur_black {
    color: 	#000000;
    font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: bold;
}

.boutton {
    background-color: #005D95;
    border: 2px solid #02546a;
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding-right: 13px;
    padding-left: 1px;
    padding-bottom: 1px;
}

#logcontainer {
    background-color: #EBEBEB;
    height: 320px;
}

.admin_title {
    color: #FF9900;
    font-family:Arial;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    padding-left: 8px;
}

.twoColElsLtHdr #home {
    height: 664px;
    /*background-color:#CCC;*/
    text-align: center;
    text-decoration: none;
    padding-top: 150px;
}

.admin_subtitle {
    background-color: #CCCCCC;
    border: medium none #CCCCCC;
    color: #000000;
    font-family:Arial;
    font-size: 11px;
    font-weight: bold;
    padding-left: 8px;
}

.texte {
    color: #000000;
    font-family: Arial;
    font-size: 11px;
    font-style: normal;

}

.texte_nav {
    color: #000000;
    font-family: Arial;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    padding-left: 10px;
}

/* Tips for mainContent:
1. If you give this #mainContent div a font-size value different than the #sidebar1 div, the margins of the #mainContent div will be based on its font-size and the width of the #sidebar1 div will be based on its font-size. You may wish to adjust the values of these divs.
2. The space between the mainContent and sidebar1 is created with the left margin on the mainContent div.  No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
3. To avoid float drop, you may need to test to determine the approximate maximum image/element size since this layout is based on the user's font sizing combined with the values you set. However, if the user has their browser font size set lower than normal, less space will be available in the #mainContent div than you may see on testing.
4. In the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs that may occur.
*/
.twoColElsLtHdr #footer {
    /*padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
    background-color: #BBB;
}

.twoColElsLtHdr #footer p {
    margin: 0;
    /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0;
    /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* Miscellaneous classes for reuse */
.fltrt {
    /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
}

.fltlft {
    /* this class can be used to float an element left in your page */
    float: left;
    margin-right: 8px;
}

.clearfloat {
    /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

a { /*color: #330000;*/
    color: #003399;
    text-decoration: underline;
}

/*form {
        background-color: #FFF;
}
*/
hr {
    border: 1px dotted #FF9900;
    color: #FF9900;
}

.element {
    background-color: #B9DEFF;
    color: #000099;
    font-weight: 600;
}

.en_valeur {
    color: #006699;
    font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: bold;
}

.error {
    color: #F00;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-color: #FFDFDF;
}

.titre_orange {
    font-family: Verdana, Arial;
    font-size: 14px;
    font-weight: bold;
    /*color: #FF9900;*/
    color: #C00;
    text-align: left;
    text-decoration: none;
}

.title {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    line-height: 30px;
    background-color: #FCC;
}

.boutton {
    /*background-color: #000000;*/
    background-color: #005D95;
    border: 1px solid #000000;
    color: #FFFFFF;
    font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

.pagibox {
    /*background-color: #005D95;/* background-color: #0099CC; */
    border: 1px solid #000000;
    color: #FFFFFF;
    font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}


.aboutton {
    text-decoration: none;
}

.aboutton a:hover {
    text-decoration: none;
}

.tdText {
    color: #FFF;
    text-align: left;
    white-space: nowrap;
    padding-right: 20px;
}

.rowColor {
    background-color: EBEBEB;
}

.en_valeur {
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #000000;/*change black font from #006699 */
    font-weight: bold;
}

.subtitle {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    color: #660000;
    font-style: oblique;
    background-color: #F93;
}

a:hover {
    text-decoration: none;
    /*color: #DEDECA;
    background-color: #330000;*/
}

.sidebar {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    line-height: 18px;
    padding: 3px;
    background-color: #FFFF99;
}

.sidebarHeader {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    line-height: 18px;
    color: #FFFF99;
    background-color: #999933;
    font-weight: bold;
}

.sidebarFooter {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    line-height: 18px;
    background-color: #FFFF99;
    color: #990000;
}

.footer {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    color: #333333;
    background-color: #FFFF99;
}

.legal {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12pt;
    color: #333333;
}

.box1 {
    border-width: 2px;
    border-color: #CCCCCC #333333 #333333 #CCCCCC;
    border-style: dotted;
}

.promo {
    font-family: "Times New Roman", Times, serif;
    color: #000033;
}

.titlebar {
    font-family: "Times New Roman", Times, serif;
    font-size: 9px;
    color: #FFFFFF;
    background-color: #336699;
}

.dingbat {
    font-family: Georgia, "Times New Roman", Times, serif;
    background-color: #CCCC99;
    color: #660000;
    font-weight: bolder;
    font-size: medium;
}

input.big {
    width: 100px;
}

input.small {
    width: 50px;
}

input.redtext {
    color: #F00;
}

input.blacktext {
    color: #000;
}
.couleur1 {
    background-color: #FFFFFF;
}

.couleur {
    background-color: #EBF0FA;
    border: 1px solid #316AC5;
    color: #00688B;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
}
.couleur a {
    background-color: #EBF0FA;
    //border: 1px solid #316AC5;
    color: #00688B;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
}
.couleur a:hover {
    background-color: #EBF0FA;
    border: 1px solid #316AC5;
    color: #00688B;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
}
.couleur2 {
    background-color: #F2F2F2;
}

.message {
    background-color: #EBF0FA;
}

.strong_txt {
    font-style: normal;
    font-weight: bold;
}

.txtbox_green {
    background-color: #BEE9CD;
}

.txtbox_red {
    background-color: #E9C5BE;
}

/* Fish details table*/
table#fishdetail {
    background-color: transparent;
    border: 1px solid #98D7F8;
    margin-left: 3%;
}

table#fishdetail td:first-child {
    width: 150px;
    padding-left: 5px;
    font-weight: bold;
    border-bottom: 1px solid #98D7F8;
}

table#fishdetail td+td {
    border-left: 1px solid #CCC;
    text-align: left;
    padding-left: 15px;
    border-bottom: 1px solid #98D7F8;
    width: 350px;
}

/*changes by sounak*/ /* CSS projectcategories and projectdirectories */
#wholebody_projectcategories {
    max-width: 100%;
    min-width: 90%;
    border: 1px solid black;
    line-height: 25px;
}

#wholebody_projectcategories span {
    color: blue;
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
}

table#top_projectcategories {
    width: 100%;
    border-bottom: 1px solid black;
    border-width: thick;
    padding-bottom: 20px
}

table#top_projectcategories tr td {
    width: 15%;
}

table#top_projectcategories tr:first-child td:last-child {
    width: 10%;
    text-align: right;
}

table#bottom_projectcategories {
    width: 100%;
    position: relative;
    border-top: 1px solid black;
    border-width: thick;
    margin-top: 10px;
}

#footer_projectcategories {
    margin-top: 20px;
    padding: 20px;
}

/*----------------PROJECT DIRECTORIS----------------*/
#wholebody_projectdirectories {
    max-width: 100%;
    min-width: 90%;
    border: 1px solid black;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    position: relative;
}

#wholebody_projectdirectories span {
    float: left;
}

table#top_projectdirectories {
    width: 100%;
    line-height: 25px;
    text-align: center;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    position: relative;
}

table#top_projectdirectories tr td {
    width: 100%;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
    text-align: center;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    position: relative;
}

table#top_projectdirectories tr {
    background-color: #09F;
}

table#project_name {
    width: 100%;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-color: #0CF;
    padding: 5px;
}

table#taskdetails {
    width: 100%;
    text-align: left;
    font-size: 10px;
    font-family: Verdana, Geneva, sans-serif;
}

table#inside_project_name {
    width: 90%;
    padding-bottom: 2px;
    margin-left: auto;
    margin-right: auto;
    background-color: #0CF;
    padding: 10px;
}

table#inside_project_name th {
    font-size: 24px;
    font-weight: bold;
}

#footer_projectdirectories {
    margin-top: 10px;
    max-width: 100%;
    min-width: 90%;
    border: 1px solid black;
}

/* END  CSS projectcategories and projectdirectories */
/* -----------project_create_documents----------------- */
table#bottom_project_create_documents {
    width: 100%;
    position: relative;
    border-top: 1px solid black;
    border-width: thick;
    margin-top: 10px;
    padding: 20px;
}

table#bottom_project_create_documents td:first-child {
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
}

table#bottom_project_create_documents td:last-child {
    padding-right: 160px;
}

/*----------------end_project_create_documents--------------------*/
/*----main data/create over view-----*/
table#create_overview_2nd {
    border: 4px solid #0CF;
    width: 100%;
    padding: 10px;
}

/*table#create_overview_2nd td { width:30%;}*/
/*----end main data/create over view----*/
/* Project Directory by Abhik */
table#task_snap span {
    color: blue;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
}

table#task_snap td {
    width: 10%;
    padding-left: 2%;
    padding-right: 2%;
}

/*----START PROGRESS BAR----*/
.meter-wrap {
    position: relative;
}

.meter-wrap,.meter-value,.meter-text {
    /* The width and height of your image */
    width: 580px;
    height: 25px;
    border-radius: 4px;
}

.meter-wrap,.meter-value {
    background: #0FF url(../images/meter-outline.png) top left no-repeat;
}

.meter-wrap,.meter-value img {
    border: solid 2px #0099CC;
}

.meter-text {
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 20px;
    color: #003;
    text-align: center;
    width: 100%;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
}

/* END PROGRESS BAR */ /* table for report*/
#box-table-a {
    font-family: "Arial";
    font-size: 12px;
    width: 100%;
    text-align: left;
    border-collapse: collapse;

    text-align: left;
}

#box-table-a thead {
    background: #01536B
}
/* BEGIN TH*/ /* table for KEY DATA*/
#box-table-a th

{padding:8px; color:white}

#box-table-a select {
    alignment-adjust: middle;
    padding-left: 2px;
    padding-top: 3px;
    background: #ffffff;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    font: normal 12px "Arial";
}

#box-table-a thead td {
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    color: #FFFF5E;
    text-shadow: 0 2px 2px grey;
    font-family: Arial;
    /*text-transform: capitalize;*/
}
#box-table-a thead td img {
    float:right;
}

tr.table_head td {
    border: 1px solid white;
    padding: 0;
    cursor: pointer;
}

tr.table_head td span:after {
    /*	content: "\25bc";*/
    float: right; /*	\25b2 add this in active mode */
    padding-right: 2px;
    color: yellow;
}

#box-table-a tbody td {
    padding: 8px;
    color: #669;
    border-top: 1px solid #999999;
}

#box-table-a tbody tr:hover td {
    background: #d0dafd;
    color: #339;
}

#box-table-a tbody tr.odd_boxtable {
    background: #CCCCCC;
}

#box-table-a caption {
    background: #3862C8;
    background: -moz-linear-gradient(top, #4A81D3, #3862C8);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#4A81D3),
        to(#3862C8) );
    padding: 8px;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 2px 2px grey;
    color: white;
    border-radius: 10px;
}

#box-table-a ul.tsc_paginationA08 li a {
    background: #3862C8;
    background: -moz-linear-gradient(top, #4A81D3, #3862C8);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#4A81D3),
        to(#3862C8) );
}

#box-table-a ul.tsc_paginationA08 li a:hover,#box-table-a ul.tsc_paginationA08 li a.current
{
    color: #355DDD;
    background: #DDE8FE;
}

ul.tsc_pagination {
    margin: 4px 0;
    padding: 0px;
    height: 100%;
    overflow: hidden;
    font: 12px 'Tahoma';
    list-style-type: none;
    /* margin-left:33%; only when there is only pagiantion */
}

ul.tsc_pagination li {
    float: left;
    margin: 0px;
    padding: 0px;
    margin-left: 5px;
    border-radius: 4px;
}

ul.tsc_pagination li:first-child {
    margin-left: 0px;
}

ul.tsc_pagination li a {
    color: black;

    text-decoration: none;
    padding: 4px 10px 4px 10px;
    border-radius: 4px;
}

ul.tsc_pagination li a img {
    border: none;
}

/*ACTION TD *****************/
.dropdown1_actiontd  ul span {
    text-align: center;
    padding: 5px 15px;
}

div.dropdown1_actiontd {
    width: 143px;
    position: absolute;
    text-align: left;
    z-index: 1;
}

div.submenu1_actiontd ul {
    background: #B9DEFF;
    position: absolute;
    top: 10px;
    left: -30px;
    /*z-index: 1000;*/
    width: 135px;

    margin-left: 10px;
    padding: 8px 0 8px;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}

div.submenu1_actiontd img {
    float: left;
    padding-right: 10px;
    padding-bottom: 2px;
}

div.dropdown1_actiontd:hover ul {

    position: absolute;
}

.dropdown1_actiontd  li a {
    color: #555555;

    font-family: arial;
    font-weight: bold;
    padding: 8px 15px;
    cursor: pointer;
    text-decoration: none;
}

.dropdown1_actiontd li a:hover {
    background: #003;
    color: yellow;
    text-decoration: none;
}

a.account1_actiontd { /*
font-family: Arial;
font-size: 12px; font-weight:bold;
z-index: 0;

padding:3px 5px 3px 5px;
text-decoration: none;
cursor: context-menu;
border-radius:2px;
border:none;
background-color:#00B4F0;
color:#FFFFFF;
font-weight:bold;           ******************/
    margin: -10px 5px 0 5px;
    position: absolute;
}

.root1_actiontd {
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    padding: 11px 0 0 0px;
    border-top: 1px solid #dedede;
}

/* its error and button in general */
.error_ntpm_form_general_major {
    background-image: url(../images/ERROR.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px 20px;
    color: black;
    font-weight: bold;
    margin-right: auto;
    padding-left: 20px;
    width: auto;
    background-color: red;
    border: 2px solid black;
    border-radius: 8px;
    padding: 8px 10px 6px 25px !important;
    margin-left: 5%;
    -moz-box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    box-shadow: 5px 5px 5px #888;
}

.error_not_optimal {
    background-image: url(../images/nice2hv.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px 30px;
    color: blue;
    background-color: yellow;
    border: 2px solid blue;
    border-radius: 8px;
    padding:8px 10px 6px 25px;
    -moz-box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    box-shadow: 5px 5px 5px #888;
}
.success-msg {
    background-image: url(../images/success.png);
    background-repeat: no-repeat;
    background-position: 5% center;
    background-size: 20px 20px;
    color: black;
    font-weight:bold;
    background-color:rgba(0, 128, 0, 0.7);
    border: 2px solid black;
    border-radius: 8px;
    padding:8px 10px 6px 25px;
    -moz-box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    box-shadow: 5px 5px 5px #888;
}

/* error and succes msg ends */
.styled-button-3 {
    background-color: #B9DEFF;
    border: 1px solid #29447E;
    border-radius: 4px 4px 4px 4px;
    color: #0000CC;
    cursor: pointer;
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 20px;
    -moz-box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    box-shadow: 5px 5px 5px #888;
}

.styled-button-3:hover {
    background-color: blue;
    border: 1px solid #29447E;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 20px;
}

.save-button span {
    font-size: 10px;
    color: grey;
    padding-left: 2%;
}

.save-button {
    background: #CCBDF9;
    background: -moz-linear-gradient(top, #CCBDF9, #CACACA);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#CCBDF9),
        to(#CACACA) );
    border: 2px solid #29447E;
    border-radius: 5px 5px 5px 5px;
    color: #0000CC;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: bolder;
    text-shadow: 0 2px 2px grey;
    width: 98.5%;
    padding: 7px 2px 7px 2px;
    -moz-box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    box-shadow: 5px 5px 5px #888;
    opacity: 0.8;
    text-align: center;
    margin-top: 10px;
    letter-spacing: 20px;
}
img.save-button  {
    margin-top:0px !important;
}

.save-button:hover {
    background-color: blue;
    background: -moz-linear-gradient(top, #01536b, #006b95);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#01536b),
        to(#006b95) );
    border: 2px solid White;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: bolder;
    text-shadow: 0 2px 2px white;
    width: 98.5%;
    padding: 7px 2px 7px 2px;
}

/* form ntpm */
ol.full_size label.mandatory_input
{
    color:red; 
    background-image: url(../images/ERROR.png);
    background-repeat: no-repeat;
    background-position: 1% 45%;
    background-size: 19px 19px;
    padding-left:3% !important;
    width: 12% !important;
}
ol.half_size label.mandatory_input
{
    color:red; 
    background-image: url(../images/ERROR.png);
    background-repeat: no-repeat;
    background-position: 1% 45%;
    background-size: 19px 19px;
    padding-left:10% !important;
    width: 24% !important;
}
.major_input
{
    text-shadow: 0 2px 2px grey;

}
ol.full_size label.nice2have
{
    color:green; 
    background-image: url(../images/nice2hv.png);
    background-repeat: no-repeat;
    background-position: 0% 45%;
    background-size: 25px 25px;
    padding-left:3% !important;
    width:12% !important;	
}
ol.half_size label.nice2have
{
    color:green; 
    background-image: url(../images/nice2hv.png);
    background-repeat: no-repeat;
    background-position: 0% 45%;
    background-size: 25px 25px;
    padding-left:10% !important;
    width: 24% !important;
}

.name_keydata/*name of the Provider in Bold on top*/
{
    color: #000066;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0 2px 2px grey;
    background-color:#00B4F0;
    text-align:center;
    width:auto;
    padding:10px 10px 10px 10px;
    margin:10px auto 10px auto;
    alignment-adjust:middle;
    border-radius:6px;
    border:2px solid #09C;
}

form#ntpm_form_general {
    background:rgba(1, 83, 107, 0.19);
    /*background-color:rgba(255,255,255,.2);*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-family:Arial;
    border-radius: 5px;
    float: left;
    width:100%;
}
ol.full_size, ol.half_size, ol.label_aftercheck {
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
    list-style-type: decimal-leading-zero;

    -webkit-margin-before: 0;
    margin-top: 0px; margin-bottom: 0px;
    margin-after: 0px;
    margin-start: 0px;
    margin-end: 0px;
    padding-start: 40px;
    list-style-type: decimal-leading-zero;

    margin-before: 0;
}
form#ntpm_form_general fieldset 
{
    background-color:rgba(255, 255, 255, 0.9);
    margin-top:5px;border: 2px groove threedface;
}

form#ntpm_form_general fieldset:last-of-type {
    margin-bottom: 0;
}
.legend_active
{
    background-image: url(../images/downarrow.png);
    background-repeat: no-repeat;
    background-position:center;
    background-size: 20px 20px;
    background-position-x: 95%;
}
.legend_inactive
{
    background-image: url(../images/uparrow.png);
    background-repeat: no-repeat;
    background-position:center;
    background-size: 20px 20px;
    background-position-x: 95%;
}
form#ntpm_form_general fieldset legend {

    -moz-border-radius: 0 10px 0 0px;
    -webkit-border-radius: 0 10px 0 0px;
    border-radius: 0 10px 0 0px;
    color: rgba(0, 0, 204, 0.7);
    font-size: 20px;
    font-weight: bold;
    background-color: rgb(255, 255, 255);
    text-align: left;
    width: 99%;
    padding: 4px 0 4px 10px;
    margin-top: 2px;
    border-top:2px groove threedface;
    border-left:2px groove threedface;
    border-right:2px groove threedface;
    cursor: pointer;
    letter-spacing: 2px;

}
.ntpm_experience fieldset legend 
{
    color:white;
    font-size: 20px;
    font-weight: bold;
    background-color:#01536b;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align:left;
    width:99%;
    padding:10px 0 10px 10px;
    margin-top:10px;
    border: 3px solid rgba(193, 191, 250, 0.55);
    cursor:pointer;
    letter-spacing: 2px;
}
.ntpm_experience fieldset
{
    background-color:rgba(255, 255, 255, 0.9);
    margin-bottom:2px;
}

/*	form#ntpm_form_general > fieldset > legend:before {
        content: "Step " counter(fieldsets) ": ";
        counter-increment: fieldsets;
        }
form#ntpm_form_general fieldset fieldset legend {
        color: black;
        font-size: 12px;
        font-weight: normal;
        padding-bottom: 0;
}
*/




form#ntpm_form_general fieldset fieldset label {
    background: none no-repeat left 50%;
    line-height: 20px;
    padding: 0 0 0 30px;
    width: auto;
}

form#ntpm_form_general fieldset fieldset label:hover {
    cursor: pointer;
}

form#ntpm_form_general input:not ([type=radio]),form#ntpm_form_general textarea,form#ntpm_form_general select
{
    background: #ffffff;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    font: italic 13px Georgia, "Times New Roman", Times, serif;
    outline: none;
    padding: 5px;
    width: 20%;

}

/*form#ntpm_form_general input:not ([type=submit] ):focus,form#ntpm_form_general textarea:focus
        {
        background: #eaeaea;
}*/
form#ntpm_form_general input{

    /*margin-left: 5%; */
}
form#ntpm_form_general input[type=radio] {

    margin-left: 5px;
}
/******************End Form**********/

/******************Begin Ol half size**********/

ol.half_size>li
{
    width:30.3%;display: inline-block;
    background:rgba(154, 200, 236, 0.23);
    border-color: #e3ebc3;
    border-color: rgba(255, 255, 255, 0.7);
    border-style: solid;
    border-width: 2px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 20px;
    list-style: none;
    padding: 5px 10px;
    margin-bottom: 2px;
    -moz-box-shadow: 0px 5px 10px 5px #888;
    -webkit-box-shadow: 0px 5px 10px 5px #888;
    box-shadow: 0px 5px 10px 5px #888;

}
ol.half_size label {
    float: left;
    font-size: 12px;
    width:30%;
    font-weight: bold;
    font-family: Arial;
}
ol.full_size li 
{
    background:rgba(154, 200, 236, 0.23);
    border-color: #e3ebc3;
    border-color: rgba(255, 255, 255, 0.7);
    border-style: solid;
    border-width: 2px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 30px;
    list-style: none;
    padding: 2px 10px 2px 10px;
    margin-bottom: 2px;
    -moz-box-shadow: 0px 5px 10px 5px #888;
    -webkit-box-shadow: 0px 5px 10px 5px #888;
    box-shadow: 0px 5px 10px 5px #888;
    width:96%
}
ol.full_size label {
    /*float: left;*/
    font-size: 12px;
    /*width:15%;*/
    font-weight: bold;
    font-family: Arial;
}
ol.full_size span {
    font-size: 12px; padding-left:5px;

    font-family: Arial;

}



ol.label_aftercheck li 
{
    background:rgba(154, 200, 236, 0.23);
    border-color: #e3ebc3;
    border-color: rgba(255, 255, 255, 0.7);
    border-style: solid;
    border-width: 2px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 30px;
    list-style: none;
    padding: 5px 10px;
    margin-bottom: 2px;
    -moz-box-shadow: 0px 5px 10px 5px #888;
    -webkit-box-shadow: 0px 5px 10px 5px #888;
    box-shadow: 0px 5px 10px 5px #888;
    width:96%
}
ol.label_aftercheck label {

    font-size: 12px;
    /*width:15%;*/
    font-weight: bold;
    font-family: Arial;
}
ol.label_aftercheck span {
    font-size: 12px; padding-left:5px;

    font-family: Arial;

}

/******************End Ol half size**********/

/******************Begin  Form Inside IDentification**********/
.box-table-b {
    font-family: "Arial";
    font-size: 12px;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    -moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888;
    border-radius: 10px;
    text-align: left;
    margin-bottom: 10px;	margin-top: 5px;
}


/* BEGIN TH*/ /* table for KEY DATA*/
/*.box-table-a th

{padding:8px; color:white}

#box-table-a select {
        alignment-adjust: middle;
        padding-left: 2px;
        padding-top: 3px;
        background: #ffffff;
        border: none;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        font: normal 12px "Arial, Helvetica, sans-serif";
}
*/
.box-table-b thead th {
    font-size: 12px;
    width: 10%;
    font-weight: bold; padding: 8px; background:transparent;
    font-family: Arial;
}


.box-table-b tbody td {
    padding: 8px;
    color: #669;
    border-top: 1px solid #999999;
}

.box-table-b tbody tr:hover td {
    background: #d0dafd;
    color: #339;
}

.box-table-b tbody tr.odd_boxtable {
    background: #CCCCCC;
}

.box-table-b caption {
    background: #CCBDF9;
    background: -moz-linear-gradient(top, #CCBDF9, #CACACA);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#CCBDF9),
        to(#CACACA) );
    border: 2px solid #29447E;
    padding: 8px;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 2px 2px grey;
    border-radius: 6px;
    -moz-box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    box-shadow: 5px 5px 5px #888;
    margin-top:5px;
}


table.people_identification td:first-child
{ width:100px; }


table.people_identification td+td
{ width:100px;}

.back_line { background-image: url(../../images/point.png);
             background-position: center;
             background-repeat: repeat-x;}

/******************Begin Read only table**********/

.read_only
{
    alignment-adjust:middle;
    font-weight:bold;
    line-height:1.2;font-family: Arial;font-size: 12px; padding: 5px 5px 5px 0px;
}
.read_only span
{

    font-weight:normal; font-style:italic;
    line-height:1.2;font-family: Arial;font-size: 12px; padding-left:4px;
}
/******************Begin inside workinformation**********/

.populate_right span {
    font-size: 0.8em; float:left;
    font-style: italic;
}
.ver-minimalist {
    font-family: Arial; 
    font-size: 12px;
    text-align: left;

}
.ver-minimalist th {
    border-bottom: 1px solid white;
    line-height: 1.2;
    color: #fff; font-weight:bold;
    padding: 6px 0px 6px 9px;
    background-color:#01536b;
}
.ver-minimalist td {
    margin-top:10px;
    color: #669;
    padding: 0px 0px 2px 10px;
}
table.ver-minimalist tr {margin-top:10px;}
table.ver-minimalist td:first-child {border-bottom:0}
table.ver-minimalist td:first-child span{font-size: 16px !important; font-style:italic; width:15%; color:black}
table.ver-minimalist td + td {font-weight:bold}
table.ver-minimalist td{border-bottom: 1px dashed #01536b; margin-top:10px; }
table.ver-minimalist tr:last-child td{border-bottom:0 !important; }
table.ver-minimalist td:last-child  {border: 2px solid white; padding:0 10px;}
.col1  { 
    background-color: transparent;
    width:40%; }
.col4 {width:15%}
.col2,.col7,.col5 {background:#cccccc; color:#000099; border:6px solid white;border-radius:8px;width:25%;padding:10px;}
.col3,.col6{background:rgba(172, 177, 177, 0.37);width:20%;}
/*tooltip general */
.tooltip{
    display: inline;
    position: relative;
}
.tooltip:hover:after{
    background: #333;
    background: rgba(0,0,0,.70);
    border-radius: 5px;
    bottom: 40px;
    color: #fff;
    content: attr(tooltip);
    line-height:1.5;
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 250px;
}
.tooltip:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 34px;
    content: "";
    left: 35%;
    position: absolute;
    z-index: 99;
}

/*tooltip for directory */
.tooltip2{
    display: inline;
    position: relative;
}
.tooltip2:hover:after{

    background: rgba(255, 255, 255, 0.85);
    border-radius: 5px;
    border:2px solid rgba(4, 47, 60, 0.67);
    bottom: 15px;
    color: black!important;
    content: attr(tooltip2);
    line-height:1.5;
    right:10%;
    left:10%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 170px;
}
/*.tooltip2:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 34px;
    content: "";
    left: 65%;
    position: absolute;
    z-index: 99;
        }*/
/*tab section*/

ul.tabs
{
    padding: 7px 0; 
    font-size: 0;
    margin:5px 0 0 0;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the tabs as desired*/
}

ul.tabs li
{
    display: inline;
    margin: 0 auto;
    margin-right:5px; /*distance between tabs*/
}

ul.tabs li a
{
    font: normal 14px Verdana;
    text-decoration: none;
    position: relative;
    z-index: 1;
    padding: 7px 15px;
    /* border: 1px solid #CCC;*/
    border-bottom-color:#B7B7B7;
    color: #000;
    background: #F0F0F0 url(tabbg.gif) 0 0 repeat-x;
    border-radius: 6px 6px 0 0;
    outline:none;
}

ul.tabs li a:visited
{
    color: #000;
}

ul.tabs li a:hover
{

    background:#F0F0F0;
}

ul.tabs li.selected a
{
    /*selected tab style */
    position: relative;
    top: 0px;
    font-weight:bold;
    background-color:rgba(173,202,255,0.73);

}


ul.tabs li.selected a:hover
{
    /*selected tab style */
    text-decoration: none;
}

div.tabcontent
{

}

div.tabcontents
{
    /* border: 1px solid #B7B7B7;*/
    padding: 3px;
    background-color:rgba(173,202,255,0.73);
    border-radius: 0 2px 2px 2px;
}
.tab-fieldset
{font-family:Arial;width:100%;margin-top:16px;
 background-color:rgba(173,202,255,0.73);padding:4px 0 4px 10px;
 color:#01536b;font-size:1.6em;border:1px solid #01536b;
}
.down_arrow,form#ntpm_form_general fieldset legend {
    background-image:url(../images/legendup.png);
    background-repeat:no-repeat;
    background-position:center 70%;
}
.detail-section {
    background: rgba(0, 62, 111, 0.23);
    border-color: #e3ebc3;
    border-width: 2px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 30px;
    list-style: none;
    padding: 2px 10px 2px 10px;

    width: auto !important;
    font-family: Arial;
    font-weight:bold;
    font-size:1.4em;
    alignment-adjust:middle;
}
table.workinfo-table
{
    border:2px groove threedface;
    border-radius:0 0 5px 5px;
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    font-family: Arial;
    font-size:0.7em;
    line-height: 1.7;

}
table.workinfo-table td
{
    padding-left:5px;
}
table.workinfo-table caption
{
    font-weight:bold;
    background-color:#999999 !important;
    border-radius: 5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0 ;
}
#loading-filter {background-image: url(../images/ajax-loader.gif);
                 background-repeat:no-repeat; 
                 background-position:center center; 
                 background-size:25px 25px; z-index:1000;
                 background-color:rgba(0, 0, 0, 0.51);
                 position:absolute;
                 width:100%;
                 height:100%;
}

.outmouse
{ width:16%;  
  background-color:#00688B;
}  
.inmouse  
{ width:15%; 
}

#portamento_container {
    position:fixed;
    z-index: 1;
}
#sidebar{
    width: 170px;
    padding-left:300px;
}

.ui-progressbar {

    position: relative;

}
#progress-label {

    /*height: 20px;
    width: 250px;*/
    left: 50%;

    top: 4px;

    text-shadow: 1px 1px 0 #fff;

}

.progressbar{
    /*
            height: 20px;
            width: 200px;
            position: relative;
            background: #D9F5FF 50% 50% repeat-x;
            border: 1px solid #006699;*/
    /*color: #222222;*/
    /*border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;*/
}
.progressbarvalue{
    /*height: 2em;
    text-align: left;*/
    /*overflow: hidden;
    border: 1px solid #aaaaaa;
    background:#ffffff 50% 50% repeat-x;*/
    /*color: #222222;*/
    /*border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;*/
}

/* from back end layout */
.ui-tabs-vertical { width: 100%; }
/*.ui-tabs-vertical { width: 100em; }*/
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 10.2em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 0; float: left; width: 90%;}
/*.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: left; width: 40em;}*/

/* popup div for Devis */
#backgroundPopup {
    z-index:15;
    position: fixed;
    display:none;
    height:100%;
    width:100%;
    background:#B8EDFE;
    top:0px;
    left:0px;
}

#toPopup {
    /*font-family: "lucida grande",tahoma,verdana,arial,sans-serif;*/
    background: none repeat scroll 0 0 #FFFFFF;
    border: 10px solid #005D95;
    border-radius: 3px 3px 3px 3px;
    color: #333333;
    display: none;
    /*font-size: 14px;*/
    left: 50%;
    margin-left: -402px;
    position: fixed;
    top: 20%;
    width: 600px;
    z-index: 18;
}
#Popup {
    /*font-family: "lucida grande",tahoma,verdana,arial,sans-serif;*/
    background: none repeat scroll 0 0 #FFFFFF;
    border: 5px solid #ccc;
    border-radius: 3px 3px 3px 3px;
    color: #333333;
    display: none;
    /*font-size: 14px;*/
    left: 50%;
    margin-left: -402px;
    position: fixed;
    top: 50%;
    width: 200px;
    z-index: 2;
}
div.loader {
    background: url("../../skin/images/loading.gif") no-repeat scroll 0 0 transparent;
    height: 32px;
    width: 32px;
    display: none;
    z-index: 9999;
    top: 40%;
    left: 50%;
    position: absolute;
    margin-left: -10px;
}
div.close {
    background: url("../../skin/images/closebox.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: -27px;
    top: -24px;
    width: 30px;
}
span.ecs_tooltip {
    background: none repeat scroll 0 0 ;
    border-radius: 2px 2px 2px 2px;
    color: #000;
    display: none;
    font-size: 12px;
    font-weight:bold;
    height: 16px;
    opacity: 0.7;
    padding: 4px 3px 2px 5px;
    position: absolute;
    right: -62px;
    text-align: center;
    top: -51px;
    width: 165px;
    word-wrap: break-word;
}
span.arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #000000;
    display: block;
    height: 1px;
    left: 40px;
    position: relative;
    top: 3px;
    width: 1px;
}
div#popup_content {
    margin: 4px 7px;
    /*remove this comment if you want scroll bar
    overflow-y:scroll;
    height:100px;
    word-wrap: break-word;*/

}
/* end popup div for Devis */

a[bubbletooltip]:link, a[bubbletooltip]:visited
{
    text-decoration: none;
    position: relative;
    color : black;
    z-index:9999;
}

a[bubbletooltip]:before
{
    content: "";
    position: absolute;
    border-top: 21px solid #C3E4ED;
    border-left: 21px solid transparent;
    border-right: 21px solid transparent;
    visibility: hidden;
    top: -25px;
    left: -12px;
    z-index:999999;
}

a[bubbletooltip]:after
{
    position: absolute;
    content: attr(bubbletooltip);
    color: #000;
    width: auto;
    font-weight:bold;
    top: -35px;
    left: -26px;
    background: #C3E4ED;
    padding: 5px 10px;
    -moz-border-radius: 6px;
    -webkit-border-radius:6px;
    -khtml-border-radius:6px;
    border-radius: 6px;
    white-space: nowrap;
    visibility: hidden;
    z-index:9999999;
}

a[bubbletooltip]:hover:before, a[bubbletooltip]:hover:after
{
    visibility: visible;
    -moz-transition: visibility 0s linear .3s;
    z-index:9999999;
}

.shadowimage {
    box-shadow: 10px 10px 5px #888888;
}
/**css for invoice***/
.searchdv {
    position: relative;
    height:auto;
    padding-bottom:5px;
    padding-top:5px;
    border:1px #ccc solid;
    background-color: #F0F1FF;

    -moz-box-shadow:    inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow:        inset 0 0 10px #000000;
}
.paginationdv {
    position: relative;
    height:40px;
    border:1px #ccc solid; 

    -moz-box-shadow:    inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow:        inset 0 0 10px #000000;

}

.listingdv {
    position: relative;
    height:auto;
    border:1px #ccc solid; 
    /*padding-top:5px;*/

}
.filelink {
    cursor: pointer;
    width:15px;

}

.filelink_2 {
    cursor: pointer;
    width:15px;
    margin-left:16px;

}

.textbox { 
    background: white; 
    border: 1px solid #DDD; 
    border-radius: 5px; 
    box-shadow: 0 0 5px #DDD inset; 
    color: #666; 
    outline: none; 
    height:25px; 
    width: 200px; 
} 
/**check box css in invoice**/

.chkpack {
    width: 25px;
    height: 25px;
    background: #ddd;
    margin: 5px 5px;

    border-radius: 100%;
    position: relative;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}
.chkpack label {
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 100px;

    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 5px;


    background: #333;

    -webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
}

.chkpack input[type=checkbox]:checked + label {
    background: #26ca28;
}

.insertdv {
    position: relative;
    height:auto;
    width:auto;
    border:1px #ccc solid; 

    /*padding-top:5px;*/

}
/*add invoice table*/
table#gridtable {
    font-family: verdana,arial,sans-serif;
    font-size:11px;
    color:#333333;
    border-width: 1px;
    border-color: #666666;
    border-collapse: collapse;
    padding-bottom:10px;
    padding-top:10px;

}
table#gridtable th {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666666;
    background-color: #0099cc;
    font-family: verdana,arial,sans-serif;
    color:#FFFFFF

}
table#gridtable td {
    border-width: 1px;
    padding: 8px;
    border-style: none;
    border-color: #0099cc;
    background-color: #ffffff;
}


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



.gf-form label {

}

.gf-form label, 
.gf-checkbox input[type="checkbox"] + label::before, 
.gf-radio input[type="radio"] + label::before {
    vertical-align: middle;
} 

/* hide the checkboxes and radios */ 
.gf-checkbox input[type="checkbox"], 
.gf-radio input[type="radio"] {
    position: absolute;
    opacity: 0;
} 

/* we use generated content to create a placeholder for the checkbox and the radio */ 
.gf-checkbox input[type="checkbox"] + label::before, 
.gf-radio input[type="radio"] + label::before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    line-height: 13px;
    margin: 0 8px 0 0;
    background: url("../../skin/images/checkboxc.png") no-repeat 0 0;
    vertical-align: middle;
} 

/* disabled checkbox or radio */ 
.gf-form input[type="checkbox"]:disabled + label, 
.gf-form input[type="radio"]:disabled + label {
    opacity: .5;
    cursor: default;
    /* or cursor: no-drop */;
} 

/* hover checkbox (unselected state only) */ 
.gf-checkbox input[type="checkbox"]:not(:checked):hover + label::before {
    background-position: 0 -13px;
} 

/* selected checkbox */ 
.gf-checkbox input[type="checkbox"]:checked + label::before {
    background-position: 0 -26px;
} 

/* normal state radio */ 
.gf-radio input[type="radio"] + label::before{
    background-position: -13px 0;
} 

/* radio hover (unselected state only) */ 
.gf-radio input[type="radio"]:hover + label::before {
    background-position: -13px -13px;
} 

/* selected radio */ 
.gf-radio input[type="radio"]:checked + label::before {
    background-position: -13px -26px;
} 

/* focused checkbox or radio */ 
.gf-form input[type="checkbox"]:focus + label, 
.gf-form input[type="radio"]:focus + label {
    outline: dotted 1px;
    /* by not adding color to the value we force the use of system's default focus color "invert" */ 
} 

/* older versions of internet explorer do not support either generated content, so we display the system checkboxes and radio buttons */ 
@media \0screen { 
    .gf-checkbox input[type="checkbox"],
    .gf-radio input[type="radio"] 
    { 
        position: static; 
    } 
}

/**table div for service**/
.list_item_service {
    float: left;
    width: 300px;
}
#wrap_service {
    width:600px;
}

.list_item_software {
    float: left;
    width: 400px;
}
#wrap_software {
    width:1200px;
}

/**table div for service**/




/**css for invoice***/

/*****Domain**********/
#domain-wrap { width: 90%; margin: 5px 1px 0px 80px; }
#domain-wrap > div { margin: 0 0 50px 0; min-width: 500px; width: 100%; }

.groupdomain:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: '';
    clear: both;
    height: 0;
}
.groupdomain { display: inline-block; }

.five-dom-columns { 
    background-image: -webkit-gradient(linear,left top,right top);      
}
.five-dom-columns .coldom {
    width:33%; float: left; 
}

.collabel{
    width:auto;
}


/***provider Skill Information technology****/
#page-wrap { width: 90%; margin: 5px auto; }
#page-wrap > div { margin: 0 0 50px 0; min-width: 500px; width: 100%; }

.group:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: '';
    clear: both;
    height: 0;
}
.group { display: inline-block; }

.five-columns { 
    background-image: -webkit-gradient(
        linear,
        left top,
        right top

        );      
}
.five-columns .col {
    width: 18%; float: left; padding: 2%;
}
/***provider Skill Information technology****/
.selelectedInput{
    color:#005D95;
    font-family: Arial;
    font-size: 11px;
    font-weight:bold;
    text-shadow:#DBDBDB 0.1em 0.1em 0.2em;

}


.newword{
    border: 2px solid #005D95;
}

.is_date{background-color:#CCFCCC;}


.ui-dialog-titlebar-close {
    visibility: hidden;
}


.txt_input{width:100px;}

#tr-dsp thead {
    background-color: #005D95;
    color: #fff;
    text-transform: uppercase;
}
.star-group {
    display:block;
    width:75px;
    height:14px;
}
.star-group.small {
    width: 75px;
    height: 14px;
}
.star-group.big {
    width: 156px;
    height: 30px;
}
.star-group-active {
    display: block;
    overflow: hidden;
}
.rating-num {
    display: block;
    text-align: center;
}
.rating-count {
    display: block;
    text-align: center;
}
.tr-display-search-labels {
    display: inline-block;
    width: 160px;
    margin-bottom: 10px;
}
.tr-display-search-labels + .chosen-select {
    width: 240px;
}
.checkbox-input-group {
    margin-right: 10px;
}
.checkbox-input-group img,
.checkbox-input-group input {
    display: inline-block;
    vertical-align: middle;
}

#tabs{background-color: #fffff0;}

.bigfont{font-weight:bold;font-size:16px;}

#barometre-ui {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    min-height: 100%;
    background-color: rgba(0,0,0,0.2);
    z-index: 99;
}
#barometre-container {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
}
#barometre-close {
    position: absolute;
    right: 9%;
    top: 15px;
    text-decoration: none;
    font-size: 30px;
    background-color: #fff;
    color: #333;
    line-height: 1;
    width: 30px;
    display: block;
    text-align: center;
    border-radius: 15px;
    box-shadow: 0 0 5px #000;
}

.chosen-results, .dropdown-menu{min-height:400px;}
.multiselect{cursor:help;}
.trg{display:inline-block; width:200px;}
#customer_detail_link{display:none;}
.is_fixed_div{margin-top:-15px;}
.cuscost{margin-top:5px; display:inline-block; padding:0 3px;}
.dataTables_filter{margin-top:5px;}
#clientinvoice thead {
    background-color: #005D95;
    color: #fff;
    text-transform: uppercase;
}

#clientinvoice_info, .dataTables_info{font-weight:bold;}

#table_info thead {
    background-color: #005D95;
    color: #fff;
    text-transform: uppercase;
}

#table_info, .dataTables_info{font-weight:bold;}

.otherprojettradnotnull{border:1px solid #005D95; background:#FFFFFF;}

.otherprojettradnull{border:1px solid #FF0000; background:#FFDFDF;}

.task-group {
    position: relative;
    height: 20px;
    overflow: hidden;
    transition: height 0.4s;
}
.task-group.multi.expanded {
    background-image: url('../images/caret-up.png');
}
.task-group.multi {
    background-image: url('../images/caret-down.png');
    background-repeat: no-repeat;
    background-position: 110px 5px;
    cursor:pointer;
}

.btn-red{
	border: 2px solid red !important; 
	font-weight: bold !important;
	color:#EC0E11 !important;
	}
	
	
	.btn-blue{
	border: 2px solid #005D95 !important; 
	font-weight: bold !important;
	color:#005D95 !important;
	}
	
	.bottom{display:none;}
	#clientinvoice_wrapper{border-bottom: 2px solid #005D95; border-top: 2px solid #005D95;}
	.redBold{ color: #FF0000; font-weight:bold;}	
	#table_info_wrapper{border-bottom: 2px solid #005D95; border-top: 2px solid #005D95;}
	 

	table.dataTable tbody tr.tol_blue {
		background-color: #afe5fd !important;
	}
	
	#duediv{width:200px; display:inline-block;}