.link { font-family:verdana; font-size:12px; color:#1869B8;text-decoration:none; }

.link:hover { font-family:verdana; font-size:12px; color:#1869B8;text-decoration:underline; }

.invoiceForm_fromNameTD			{ border-top:1px solid #ABADB3;border-left:1px solid #ABADB3; border-bottom:1px solid #E3E9EF;border-right:1px solid #DBDFE6;}

.invoiceForm_fromNameTD:hover	{ border-top:1px solid #3D7BAD;border-left:1px solid #B5CFE7; border-bottom:1px solid #B7D9ED;border-right:1px solid #A4C9E3;}

.invoiceForm_fromNameTD_onFocus	{ border:1px solid #54A0E7; background-color:#FFFADC;}

.submenu { text-decoration:none; font-family:verdana; font-size:11px; color:#3c3c3c; }

.submenu:hover {   text-decoration:underline; font-family:verdana; font-size:11px; color:#3c3c3c; }



.table { width:100%; margin-top:5px;vertical-align:top;}

.tableHeadlineTR { background-color:#54A0E7;height:32px;}

.tableHeadlineLeft			 		{  	 border-left:1px solid #54A0E7; border-top:1px solid #54A0E7; border-bottom:1px solid #54A0E7; color:#FFFFFD; font-family:arial; 		font-size:14px;	}

.tableRowLeft 			{				text-align:center; height:30px; padding-bottom:1px; padding-left:7px;border-left:1px solid #D1D1D1; border-top:0px solid #54A0E7; border-right:0px solid #54A0E7; border-bottom:1px solid #D1D1D1; color:#3c3c3c; font-family:verdana; 	font-size:12px; }			

.tableHeadlineMid					{ 	border-left:0px solid #54A0E7; border-top:1px solid #54A0E7; border-right:0px solid #54A0E7; border-bottom:1px solid #54A0E7;color:#FFFFFD;font-family:arial;font-size:14px; font-weight:normal;}	

.tableRowMid				{ 				text-align:right; padding-right:10px; border-left:0px solid #54A0E7; border-top:0px solid #54A0E7; border-right:0px solid #54A0E7; border-bottom:1px solid #54A0E7;color:#3c3c3c;font-family:arial;font-size:12px; font-weight:normal;}

.tableHeadlineRight			   		{	border-left:0px solid #54A0E7; border-top:1px solid #54A0E7; border-bottom:1px solid #54A0E7;border-right:1px solid #54A0E7;color:#FFFFFD;font-family:arial;font-size:14px; font-weight:normal;}	

.tableRowRight				{ 				text-align:left; padding-left:20px; padding-right:7px; border-left:0px solid #54A0E7; border-top:0px solid #54A0E7; border-bottom:1px solid #54A0E7;border-right:1px solid #54A0E7;color:#3c3c3c;font-family:arial;font-size:12px; font-weight:normal;}

.invoiceListRow 					{	line-height:17px;}

.invoiceListRow:hover				{	line-height:17px; background-color:#EFF7FA;}

.toggleFilterLink					{ 	text-decoration:underline;font-family:arial; font-size:12px; color:#1869B8; cursor:pointer; }

.divWithFilter				{   position:relative;background-color:#EFF7FA; border:1px solid #D1D1D1; margin:0px;margin-top:5px;padding:10px;padding-bottom:20px;}		

.tablePaginatorPlusActive	{ 	cursor:pointer;display:block;float:left;width:14px;margin-right:4px;text-align:center;border:1px solid #ccc;padding:3px; color:#1869B8;}

.tablePaginatorPlusActive:hover	{ 	background-color:#54A0E7;cursor:pointer;display:block;float:left;width:14px;margin-right:4px;text-align:center;border:1px solid #ccc;padding:3px; color:white;}

html.en .tablePaginatorLastpage {display:block;float:left;width:30px;margin-right:4px;text-align:center;border:1px solid #ccc;padding:3px;color:silver;}
html.fr .tablePaginatorLastpage {display:block;float:left;margin-right:4px;text-align:center;border:1px solid #ccc;padding:3px;color:silver;}


html.en .tablePaginatorLastpageActive { cursor:pointer;display:block;float:left;width:30px;margin-right:4px;text-align:center;border:1px solid #ccc;padding:3px;color:#1869B8;}

html.en .tablePaginatorLastpageActive:hover { background-color:#54A0E7; cursor:pointer;display:block;float:left;width:30px;margin-right:4px;text-align:center;border:1px solid #ccc;padding:3px;color:white;}

html.fr .tablePaginatorLastpageActive { cursor:pointer;display:block;float:left;margin-right:4px;text-align:center;border:1px solid #ccc;padding:3px;color:#1869B8;}

html.fr .tablePaginatorLastpageActive:hover { background-color:#54A0E7; cursor:pointer;display:block;float:left;margin-right:4px;text-align:center;border:1px solid #ccc;padding:3px;color:white;}




.tablePaginatorAllpagesActive { cursor:pointer;display:block;float:left;text-align:center;border:1px solid #ccc;padding:3px;color:#1869B8;}

.tablePaginatorAllpagesActive:hover { background-color:#54A0E7;cursor:pointer;display:block;float:left;text-align:center;border:1px solid #ccc;padding:3px;color:white;}

.tablePaginatorMinusActive  { cursor:pointer;display:block;float:left;width:14px;margin-right:4px;text-align:center;border:1px solid #ccc;padding:3px;color:#1869B8;}

.tablePaginatorMinusActive:hover  { background-color:#54A0E7;cursor:pointer;display:block;float:left;width:14px;margin-right:4px;text-align:center;border:1px solid #ccc;padding:3px;color:white;}

html.en .tablePaginatorFirstpageActive { cursor:pointer;display:block;float:left;width:30px;margin-right:4px; text-align:center; border:1px solid #ccc;padding:3px; color:#1869B8;}

html.en .tablePaginatorFirstpageActive:hover { background-color:#54A0E7;cursor:pointer;display:block;float:left;width:30px;margin-right:4px; text-align:center; border:1px solid #ccc;padding:3px; color:white;}

html.fr .tablePaginatorFirstpageActive { cursor:pointer;display:block;float:left;margin-right:4px; text-align:center; border:1px solid #ccc;padding:3px; color:#1869B8;}

html.fr .tablePaginatorFirstpageActive:hover { background-color:#54A0E7;cursor:pointer;display:block;float:left;margin-right:4px; text-align:center; border:1px solid #ccc;padding:3px; color:white;}


html.fr .tablePaginatorFirstpage { display:block;float:left;margin-right:4px;text-align:center; border:1px solid #ccc;padding:3px; color:silver; }

html.en .tablePaginatorFirstpage { display:block;float:left;margin-right:4px;width: 30px; text-align:center; border:1px solid #ccc;padding:3px; color:silver; }




.tableBottomSumRow { height:38px;}

.legendUL {margin:0px;font-family:verdana;font-size:11px;}

.legendLI {padding:0px;padding-top:5px;}

.legend								{	background-color:#eaedee;padding:10px;padding-bottom:15px;margin-top:30px;border:1px solid #D1D1D1;}

.customButton { height:36px;width:139px;background-image:url(images/graph_button.png);background-repeat:no-repeat;border:0px;font-family:verdana;font-size:12px;color:#616161;padding-bottom:5px;font-weight:bold;}
.customButton:hover { height:36px;width:139px;background-image:url(images/graph_button.png);background-repeat:no-repeat;border:0px;font-family:verdana;font-size:12px;color:black;padding-bottom:5px;font-weight:bold;cursor:pointer;}

.tooltip {text-decoration:none; margin:0px; padding:0px; font-family:verdana; font-size:11px; color:#1869B8;} /*BG color is a must for IE6*/
.tooltip span {display:none; padding-left:7px;padding-top:3px;padding-bottom:3px;padding-right:7px;max-width: 180px;}
.tooltip:hover span{z-index:10000;display:block;position:absolute; background:#f9f9f9; border:1px solid #cccccc; color:#3c3c3c;}

html.en .requestPassword {height:32px;width:145px;}
html.fr .requestPassword {height:32px;width:180px;}

div.floating-menu {position:fixed;background:#fff4c8;border:1px solid #ffcc00;width:800px;margin: 0 auto !important;z-index:100;}



html.en .changeEmailLoginDetails { float:right;vertical-align:top;height:32px;width:120px;margin-right:292px;margin-top:23px; }
html.fr .changeEmailLoginDetails { float:right;vertical-align:top;height:32px;width:120px;margin-right:292px;margin-top:23px;width: 180px; }

html.en .changePasswordLoginDetails { float:right;vertical-align:top;height:32px;width:120px;margin-right:292px;margin-top:23px; }
html.fr .changePasswordLoginDetails { float:right;vertical-align:top;height:32px;width:120px;margin-right:292px;margin-top:23px;width: 180px;  }


.pricingTable {
border-color:#000000;
border-style:solid none solid solid;
border-width:1px 0 1px 1px;
font-size:12px;
font-family:verdana;
line-height:17px;
color: #444444;
}
.pricingTable a:link, .pricingTable a:active, .pricingTable a:visited {
color:#000000;
display:block;
text-decoration:none;
}
.pricingTable a:hover {
background-color:transparent;
color:#000000;
}
.pricingTable th.pricingSelect {
background-color:#EEEEEE;
color:#000000;
font:bold 18px Verdana,Helvetica,sans-serif;
padding: 15px 20px;
text-align:left;
vertical-align: top;
}
.pricingTable th.pricingSelect.signup_buttons {
padding-top:60px;
}
.pricingTable th {
background-color:#0D83DD;
border-bottom:1px solid #000000;
border-right:1px solid #000000;
color:#FFFFFF;
font:bold 12px Arial,Helvetica,sans-serif;
padding:15px 0;
text-align:center;
}
.pricingTable th div {
font-size:16px;
padding-bottom:7px;
}
.pricingTable th strong {
font-size:38px;
letter-spacing:-1px;
line-height:38px;
text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);
}
.pricingTable span.cents {
font-size:12px;
font-weight:normal;
letter-spacing:0;
line-height:12px;
margin:0 -13px 0 1px;
text-shadow:none;
vertical-align:super;
}
.pricingTable th span.permonth {
color:#A2D2F6;
font-size:11px;
}
.pricingTable th span.tagline {
display:block;
line-height:14px;
padding-top:7px;
}
.pricingTable th.column_1 {
background-color:#0660C7;
}
.pricingTable th.column_1 span.permonth {
color:#8CB9DB;
}
.pricingTable th.column_2 {
background-color:#0673C7;
}
.pricingTable th.column_2 span.permonth {
color:#9BC7E9;
}
.pricingTable th.column_4 {
background-color:#999999;
}
.pricingTable th.column_4 span.permonth {
color:#D6D6D6;
}
.pricingTable th td.pricing_buttons {
border:0 none;
padding:5px 0 0;
}
.pricingTable th td.pricing_buttons div {
padding-bottom:0;
}
.pricingTable td {
border-bottom:1px solid #CCCCCC;
border-right:1px solid #000000;
padding:0;
height: 35px;
}
.pricingTable td.pricingLeft {
padding: 0px 20px;
text-align:left;
}
.pricingTable td.pricingLeft a {
color:#0000FF;
display:inline;
text-decoration:underline;
}
.pricingTable .pricingLeft a:hover {
background-color:#0000FF;
color:#FFFFFF;
text-decoration:none;
}
.pricingTable tr.pricingLastRow td {
border-bottom:0 none;
padding:6px 0;
}
.pricingTable tr.pricingLastRow td table td {
border:0 none;
}
.pricingTable .button_green {
width:100px;
}
.pricingTable .button_green a {
color:#FFFFFF;
text-align:center;
}
.pricing_select {
background:url("../images/pricing/form-arrow.gif") no-repeat scroll 0 0 transparent;
border-top:1px solid #000000;
}
#chosen_package_name {
font:bold 26px Arial,Helvetica,sans-serif;
padding-top:20px;
}
#chosen_package_price {
border-bottom:1px solid #C2E18C;
color:#70992E;
font:bold 20px Arial,Helvetica,sans-serif;
margin-bottom:10px;
margin-right:100px;
padding-bottom:10px;
}
#chosen_package_limits {
font:20px Arial,Helvetica,sans-serif;
}
.pricingTable th.current_package {
background-color:#E96D0B;
}
.pricingTable th.current_package span.permonth {
color:#F9E5C7;
}
.pricingTable td.current_package {
background-color:#FFF4D6;
}
.pricingTable td.current_package .button_green {
background-image:url("../images/buttons/orange-right.png");
}
.pricingTable td.current_package .button_green a {
background-image:url("../images/buttons/orange-left.png");
}
.pricingTable .over_package {
background-color:#D2ECFF;
}
td.selected_package {
background-color:#E5FFBC;
}

.button_green_div {
background:url('../images/buttons/green-right.png') no-repeat scroll right top transparent;
float:left;
padding-right:6px;
}
.button_green_div:hover {
background:url("../images/buttons/green-right.png") no-repeat scroll right -30px transparent;
}
.button_green_submit {
background:url('../images/buttons/green-left.png') no-repeat scroll left top transparent;
border:0px; 
color:#FFFFFF;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
cursor:pointer;
line-height:27px;
padding:0 7px 3px 15px;
text-decoration:none;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.35);
}

.button_green_submit:hover {
background:url("../images/buttons/green-left.png") no-repeat scroll left -30px transparent;
}

.button_green {
background:url("../images/buttons/green-right.png") no-repeat scroll right top transparent;
float:left;
padding-right:6px;
}
.button_green a {
background:url("../images/buttons/green-left.png") no-repeat scroll left top transparent;
color:#FFFFFF;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
line-height:27px;
padding:0 7px 3px 15px;
text-decoration:none;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.35);
}
.button_green:hover {
background:url("../images/buttons/green-right.png") no-repeat scroll right -30px transparent;
}
.button_green:hover a {
background:url("../images/buttons/green-left.png") no-repeat scroll left -30px transparent;
}
.button_red {
background:url("../images/buttons/red-right.png") no-repeat scroll right top transparent;
float:left;
padding-right:6px;
}
.button_red a {
background:url("../images/buttons/red-left.png") no-repeat scroll left top transparent;
color:#FFFFFF;
display:block;
font:bold 13px/27px Arial,Helvetica,sans-serif;
padding:0 7px 3px 15px;
text-decoration:none;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.35);
}
.button_red:hover {
background-position:right -30px;
}
.button_red:hover a {
background-position:left -30px;
}
.button_blue {
background:url("../images/buttons/blue-right.png") no-repeat scroll right top transparent;
float:left;
padding-right:6px;
}
.button_blue a {
background:url("../images/buttons/blue-left.png") no-repeat scroll left top transparent;
color:#FFFFFF;
display:block;
font:bold 13px/27px Arial,Helvetica,sans-serif;
padding:0 7px 3px 15px;
text-decoration:none;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.35);
}
.button_blue:hover {
background-position:right -30px;
}
.button_blue:hover a {
background-position:left -30px;
}

.button_grey {
background:url("../images/buttons/grey-right.png") no-repeat scroll right top transparent;
float:left;
padding-right:6px;
}
.button_grey a {
background:url("../images/buttons/grey-left.png") no-repeat scroll left top transparent;
color:#FFFFFF;
display:block;
font:bold 13px/27px Arial,Helvetica,sans-serif;
padding:0 7px 3px 15px;
text-decoration:none;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.35);
}
.button_grey:hover {
background-position:right -30px;
}
.button_grey:hover a {
background-position:left -30px;
}

.pricingTable .button_grey a {
 color: #FFFFFF;
}

.stamp {
 background:url("../images/stamp.png") no-repeat scroll center top;
 height: 180px;
 width: 155px;;
}

.stamp div {
  padding-top: 45px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  font-weight:bold;
  line-height:35px;
}

/*button*/

        .dropdown-button {
            position: relative;
            float: left;
        }

        .dropdown-button ul { display: block;}
        .dropdown-button ul {
            display: none;
            list-style: none;
            padding: 0;
            margin: 0;
            margin-top: 2px;            
            z-index: 9999;
            position: absolute;
            left: 0px;
            top: 29px;
            font-weight: bold;
            font-size:12px;            
            background: #EDEDED;
            font-family: Arial;            
            border: solid 1px #bdbdbd;
        }
        .dropdown-button li a {
            display: block;
            text-decoration: none;
            line-height: 22px;
            padding: 0 0 0 13px;
            margin: 0;
            color: #3C3C3C;
        }
        .dropdown-button li a:hover {
            background-color: #54A0E7;
            color: #ffffff;
        }
         .dropdown-button.show-menu ul { display: block;}
         .dropdown-button.send-invoice ul{
            width: 120px;
        }
        
        .explain_ul li{
         padding-top: 2px;   
         padding-bottom: 2px;            
        }
        
        /* end button*/
        
.center_check {
 margin: 3px;
 padding: 0px;
 position: absolute;
}

*+html .center_check {
 margin: -3px 0px 0px -3px;
}
        
/* DropDown menu*/

.dropdown-menu {
  position: relative;
  float: left;
}

.dropdown-menu ul { display: block;}

.dropdown-menu ul {
  display: none;
  list-style: none;
  padding: 5px 0px 5px 0px;
  margin: 0;
  z-index: 9999;
  position: absolute;
  left: 0px;
  top: 18px;
  font-weight: normal;
  font-size:12px;            
  background: #EDEDED;
  font-family: Arial;            
  border: solid 1px #bdbdbd;
}

.dropdown-menu ul li {
 position: relative;
}

.dropdown-menu ul li ul{
    position: absolute;
    display: none;    
    top: -2px;
    margin-left: 200px;
    margin-top: 1px;    
    border: none; 
    width: 165px; /* !important; */
    font-weight: normal;
    padding-top: 0px;
    border: 1px solid #bdbdbd;
    /*border-left: none;*/
}

.dropdown-menu .icon {
 display: block;
 position: absolute;
 width: 16px;
 margin-left: -23px;
}

.dropdown-menu ul li:hover ul {
  display: block;
}

.dropdown-menu li a {
  display: block;
  text-decoration: none;
  line-height: 24px;
  padding: 0 0 0 33px;
  margin: 0;
  color: #3C3C3C;
  text-align: left;
  vertical-align: baseline;  
}

.dropdown-menu ul li ul li a {
  padding: 0 0 0 10px;
}

.dropdown-menu li:hover a {
  background-color: #54A0E7;
  color: #ffffff;
}

.dropdown-menu li:hover ul li a {
 background-color: transparent;
 color: #3C3C3C;
}

.dropdown-menu li:hover ul li:hover a {
  background-color: #54A0E7;
  color: #ffffff;
}

.dropdown-menu li a img{
  border: none;
  margin-top: 3px;
}

.dropdown-menu li a img.ri {
 position: absolute; 
 right: 4px;
 top: 4px;
 margin-top: 0px;
}

.dropdown-menu.show-menu ul { display: block;}

.dropdown-menu.show-menu ul li ul { display: none; }
.dropdown-menu.show-menu ul li:hover ul { display: block;width: 400px; }

.dropdown-menu.list-invoice ul{
  width: 200px;
}
        
/* END DropDown menu*/


.simple_overlay {

    display:none;
    z-index:10000;

    background-color:#333;
    min-height:200px;
    border:1px solid #666;

    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(/images/close_dialog.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
    z-index: 100;
}

/* the overlayed element */
.apple_overlay {

    /* initially overlay is hidden */
    display:none;

    /* growing background image */
    background-image:url(/images/overlay/white1.png);

    /*
      width after the growing animation finishes
      height is automatically calculated
      */
    width:640px;
    min-height:200px;


    /* some padding to layout nested elements nicely  */
    padding:35px;

    /* a little styling */
    font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
    background-image:url(/images/overlay/close.png);
    position:absolute; right:5px; top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}



.details {
    position:absolute;
    color:#fff;
    bottom: 0px;
    font-family: arial;
    font-size: 12px;
    background: #000;
    width:100%;
    text-align: center;

    padding: 3px 0 0 0;
    height: 20px;
    opacity: 0.8;
    filter:
        alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;




}

#ui-datepicker-div { display: none; }

html.en .newlineButton{
    position: relative;
    background-image: url("../img/new_line_left.png");
    background-repeat:no-repeat;
    width: 91px;
    height: 22px;

}

html.fr .newlineButton{
    position: relative;
    background-image: url("../img/new_line_left.png");
    background-repeat:no-repeat;
    width: 121px;
    height: 22px;

}

.newlineButton span.start{
    position: absolute;
    color:#777777;
    font-family:Verdana;
    font-size:11px;
    text-decoration: none;
    background-image: url("../img/new_line_right.png");
    background-repeat:no-repeat;
    background-position:right;
/*
    width: 100%;

    height: 100%;
*/
    cursor: pointer;

}

.newlineButton span.start span{
    position: relative;
    top:4px;
    left:25px;
}

html.en img.sampleImage{
    width:803px;
    height:814px;
}

html.fr img.sampleImage{
    width:797px;
    height:805px;

}





div.disable-invoice-button{

}

div.disable-invoice-button div{
    position: relative;
    font-family: verdana;
    top:6px;
    font-size: 14px;
    color: #ABABAB;
}


