a{ color:blue; }

body {
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
} 
 
#eslayout{ width:1010px; margin:0px auto; background:url(../images/eSimply_background.jpg) repeat;
}
#eshead{
    margin-top:70px;  
    background:url(../images/eSimply_banner.jpg) no-repeat;
    position:relative;  
}
 
#eshead .esbanner{
    margin-top:20px; 
    height:150px; 
}

#esbody{
    margin-top:10px;
    background:#f0fcff; 
    padding:10px; 
}
   
#esfooter{ 
    color:#fff;
    font-size:12px;
    height:40px;  
        
    background:url(../images/eSimply_footer_background.jpg) 
    center center no-repeat;
    width:500px;
    margin:30px auto;  
    border-radius:10px;  
}
#esfooter a{ color:#fff; 
    margin-bottom:15px!important; }

#esfooter .footer-box{
    padding-top:5px;
    margin:auto;
    text-align:center;
     width:500px;  
}

#esfooter .footer-box .footer-box-text{
    padding-top:2px;
}

 

div#nav-button-container {
    margin-top:0px!important;
	position: relative;
	background-color: white; 
}

#nav-button-container{
    margin-top:20px!important;   
}

#inner-button-container{
  top:-10px!important;   
}


div#content-container {
    background-color: #f0fcff;
}

div#button-container, div#inner-button-container {
	position: absolute;
	right: 0;
	top: 35px;
	margin-top:-10px;  
}	
 
ul#buttons, ul#inner-buttons {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 26px;
}

ul#buttons li, ul#inner-buttons li {
  margin: 0; 
  list-style: none;
  display: inline;
}

ul#buttons li a img, ul#inner-buttons li a img {
  position: absolute;
  border: 0;
  top: 0;
}	   


#inner-buttons.small-tab-buttons{ 
	z-index:9;
	position:absolute;
	right:0px;
	margin-top:0px!important;
	overflow:hidden;
} 
   
#inner-buttons.small-tab-buttons li{ 
 background:none!important;    
  z-index: 10!important; 
}

#inner-buttons.small-tab-buttons li:before {
   content: ""; 
	 
   position:absolute; 
   display: block;
   float: left;
   width: 103px!important;
   background: url(../images/tabs_bg.png) no-repeat;
	 
   margin-top:-22px;
   z-index: -10; 
   transform: rotate(900deg);
}

#inner-buttons.small-tab-buttons li:before {
    margin-top:5px;
    height: 17px!important; 
}

#inner-buttons.small-tab-buttons li.active:before{  
background-position: -102px 0px!important;
}

#inner-buttons.small-tab-buttons li:hover:before{  
	background-position: -102px 0px!important;
	}

#inner-buttons.small-tab-buttons li a{ 
    margin-top:-1px;
    font-size:11px!important;
}


#nav-button-container #inner-buttons li a{   
    display:block;
    text-align:center;
    line-height:25px;
    color:#fff;
    text-decoration:none;
    font-size:12px;
    font-weight:bold; 
	font-family:arial;   
}

#nav-button-container #inner-buttons li a:hover{
    background:none!important;
}
#nav-button-container #inner-buttons li{
    height:100px!important; 
    display:block; float:left;
    width:103px!important;
    background:url(../images/tabs_bg.png) no-repeat;  
}


#nav-button-container #inner-buttons li.active,  
#nav-button-container #inner-buttons li:hover{
     background-position:-102px 0px!important;     
}
div#navbar {
	float: left;
	margin-top: 10px;
	margin-left: 5px;
  background-color: #313452;
  padding: 3px 10px;
  width: 355px;
  display: inline;
}
div#navbar td { 
    border-right:1px solid #ffffff38; 
    color: white;  
    vertical-align: middle;
    padding-left:15px;
    padding-right:15px;
}

div#navbar td:last-child { 
    border-right:none!important;
}

div#navbar td a{
    color: white;
    background-color: #313452;
    text-decoration: none; 
}


#myTable ::-webkit-scrollbar { width: 12px; } 
#myTable ::-webkit-scrollbar-track { background: #f1f1f1;  margin-bottom:0px; } 
#myTable ::-webkit-scrollbar-thumb { background: #888; }
#myTable ::-webkit-scrollbar-thumb:hover { background: #555; }
 
#myTable{  border-top:10px solid #f0fcff;  background:none; padding-top:10px!important;    } 
#myTable thead th{ padding:2px!important;  border-left:1px solid #737373;  background:#d8d8d845; } 
#myTable tr{ background:#fff}  

#myTable thead th:first-child { border-left:none; } 
#myTable thead th:last-child { border-right:1px solid #737373; } 

#myTable thead {   
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%,
    rgba(236,236,236,1) 65%, rgba(235,230,230,1) 100%); 
    text-decoration:underline;
    font-size:10px;
    color:#4f4c4c;
    text-transform:capitalize; 
}
#myTable thead th{ text-align: left;}

#myTable tbody .odd{
     background:#fff!important;
}  

#myTable tr{border-bottom:1px solid #3333331a; }
#myTable tr td{ padding:2px; }
#myTable tbody .even{ background:#f4f1f1!important; }  
#myTable tbody .even .sorting_1,
#myTable tbody .odd .sorting_1{ background:#dcecf0!important; } 
/* table scrollbar */ 
#myTable tbody { display: block; max-height: 430px; overflow-y: scroll; overflow-x:hidden; } 
#myTable thead,#myTable tbody tr { display: table; width: 100%; table-layout: fixed; }
#myTable tr td{ font-size:11px!important; font-family: "Arial Narrow", Arial, sans-serif;  } 



.this.odd{
    background:#e8e6e6!important;
} 
.this.even{
    background:#fff!important;
}  



#content{
    position:relative!important; 
    overflow:hidden;
}


.tr-even td{ 
background:#d8d8d84a!important;
}

.tr-odd td{
background:#fff!important;
}

.center{
text-align: center;
display:block;
}

a.center{
  color:#1c2ce1;
}





#popup-container-outer{
    position: absolute; left: 50%;
    top:30%;
}


#popup-overlay{
   position:fixed; 
   background: url(../images/overlay.png) 0 0 repeat;
   width:100%;
   height:100%;  
   top:0px;
   z-index:222;
   left:0px;
   opacity:0.9;
}
#popup-container{  
   position: relative;
   left: -50%; 
   top: -30%;   
   padding: 10px 10px 10px 2px;
   background:#f8f8f8;
   width:auto;
   z-index:333;  
   border:10px solid #000;
   border-radius:17px;
}

#popup-content{
    height:100%;
    width:100%;
    overflow:auto;
}




.fadingOut {
    transition:opacity 0.6s linear;
    opacity:0;
}

#agents-box{ border:1px solid #33333342; 
    font-size:12px; 
    position:absolute; 
    background:#b7fffe;
    height:50px;
    width:500px;
    top:-60px;
    margin:0px!important;
    left:0px; 
}


#main_loader{
    width:500px!important; 
    text-align:center;
    left:50%;
    margin-left:-250px;
    margin-top:-100px;
    position:absolute; 
}
#main_loader .file-info-title{
    font-weight:bold;
}



.top-buttons{ 
    width:99.5%; 
    position:relative;
    margin-bottom:70px; 
    display:table;
}

.top-buttons #next_step_job{
    float:right;  
}

.top-buttons #cancel_job{
background-size:100px;
	 border:1px solid #000; 
	 border-radius:3px;
	padding:10px 20px 10px 10px;
	  width:150px!important;
}

.top-buttons #next_step_job, 
.top-buttons #cancel_job{
  padding:10px;   
}


#next_step_job, #next_step_job_dummy{
    float:right;
background: #eeeaea url(../images/arrow-right-anim.gif) 80px center no-repeat ;    
	background-size:100px;
	 border:1px solid #000; 
	 border-radius:3px;
	padding:10px 20px 10px 10px;
	  width:150px!important;
}



.current-step{
   font-weight:bold;
   color: blue;
}

#breadcrumb-detail{ display:table; width:auto;  } 
.current-step a ,
.current-step span{ 
    font-weight:bold!important;
}
#breadcrumb-container{  position:relative; }

.paypal-button {
    border: none;
    background: url(../images/checkout_paypal.jpg) no-repeat;
    width: 145px;
    height: 42px;
}

#index-list li{ margin-top:15px;}

select option{
    text-transform:capitalize!important; 
}   

.page-spinner{
    display:block; 
    height:100px; 
    opacity:0.4;
    position:fixed;
background:url(../images/indicator_big.gif) 
    no-repeat 
    center center; 
    background-size:50px; 
    
    z-index:99999;
    margin-top:100px; 
        
        
    width:10%;
    margin-left:45%;
    margin-right:45%;

}