/*=================================================================================
 * login
 *=================================================================================
 */ 

 

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'),    url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
body { 
         /*font-family:  'Open Sans', Arial,Helvetica,sans-serif;*/
          /* background: #F5F5F5; */
         font-family:   Arial,Helvetica,sans-serif;
         font-size: 14px; 
         background: #EFEFEF url(http://joberu.com/application/views/assets/images/bg-main.jpg) repeat-x center top;
         color:black;
}

/*scrollbars*/

div::-webkit-scrollbar {  
    width: 12px;  
}  
::-webkit-scrollbar-track {  
    background-color: #eaeaea;  
    border-left: 1px solid #ccc;  
}  
::-webkit-scrollbar-thumb {  
    background-color: #ccc;  
}  
::-webkit-scrollbar-thumb:hover {  
    background-color: #aaa;  
}  




a {
   text-decoration:none; 
   border:none;

}
a:active,   a:visited { 
    border:none;
    border-color: #fff;
    outline:0;
}
img{  border:none;}
 .login_nav {width: 40% !important; background-color:white !important;color:black !important}
   .login_form {
     max-width: 700px; 
    margin: 20px auto;
}
 .login_form input[type=text] ,  .login_form input[type=password], .login_form input[type=email] {
    /*float:left;*/ 
    width:98%;
    max-width: 400px;
 }

.hidden {
display: none !important;
}
select option {
width:90% !important;
}
  select.countries option {
width:90% !important;
}
input[type=submit],input[type=button] , button {

cursor:pointer;
}

.vertical-align-top {
   vertical-align: top ;
}

/*not sure if these 2 floats are active*/
 .login_form div.form_input_left  {float:left; width: 200px; }
   
 .login_form div.form_input_right  {float:left; width: 200px; }


 #regrenew {
            border-top:1px solid #004B91;
               padding-top:10px; 

}
 .lostpassword {
       float:left; 
       width:15%;
       min-width: 150px;
       color: #004B91;
}
#passrec_form, #renew_password_form { 
    margin:  auto;
}

 


.request_renew_password_parent, .renew_password_parent{ 
   padding: 10px;
   border: 2px solid #c9e1f4;  
   margin: auto;
}

.request_password_form_child, .renew_password_child{ 
   max-width: 700px;
   margin:auto;
}
 

.renew_password_child td:nth-of-type(1) {

   width: 20% !important;
}

.renew_password_child td:nth-of-type(2) {

   width: 70% !important;
}

#newreg  {
     float:left;
     width:10%; 
     min-width: 100px;
     color: #004B91;
cursor:pointer;
}
.employer_or_applicant {display:none;cursor:pointer;}
.register_div {
    display:none;

}
.register_div h2 {

font-family: 'Open Sans', Arial,Helvetica,sans-serif !important; 
color: #61399d !important;

}

.register_div img {
    float:left
}
.login_registerx{  
   margin-top:10px;

}
 .login_register{ 
	display:none; 
	 
	top: 0px; 
	border: 1px solid #f2f2f0; 
	padding: 5px; 
	width: 90%; 
        position:absolute;
	 
        position:fixed;
        left: 50%;
	margin-left: -45%;  
	height: 100%; 
	background-color:white;
	z-index: 999999999;  
} 
.login{
        position:relative;
        top: 10%;
	width: 60%; 
	margin: 0 auto;
	border: 1px solid #ccc;
	padding: 10px; 
	border-radius:6px; 
	vertical-align: middle;

}

.login img {
float:left
}
 
.login table {

width: 90%;
clear:both;
}
 #register_form {

          max-width:95% !important;
          margin: 0 auto;
  }

 #register_form .category_tree_checkbox {

height: auto !important;
}
  .register_div{ 
	display:none; 
	position:absolute; 
	top: 10px; 
	 
	padding: 5px 5px 60px; 
	width:90%;  
	height: 100%;
	left: 50%;
	margin-left: -50%;  
	background-color:white;
	z-index: 999999;   
	 
} 

.register_content{ 
	margin:   auto;
	/*border: 1px solid #c9e1f4;*/
	padding: 10px; 
	border-radius:6px; 
         
       

}
.register_content  input[type=text],.register_content  input[type=password],.register_content select, .request_renew_password_child input[type=text], 
.renew_password_child input[type=password] , .renew_password_child input[type=text]{

     width: 90%;
     max-width: 400px !important;
     border-radius:5px;
}
 .login  input[type=text],.login  input[type=password] {
  border-radius:5px;

}
.register_content td {vertical-align:top;}
.close_register_div  {
     float:right;  
     right:5px; 
     cursor:pointer; 
}
.close_login {
font-family:arial;
position:absolute;
right: -1.5%;
top: -12px; 
font-size: 10px; 
width: 26px; 
text-align: center;
color: #fff;
cursor:pointer; 
/*
border-radius:20px;
background: #111;
padding: 1px; 
*/
 
     
}


.register_button {

  cursor:pointer;
}


.main {
 
         box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
         height: 100%;
         min-height:820px;
         float:left ; 
         position:relative; 
         left:50%;
         margin-left: -45%; 
         width: 90%;  
         margin-top:  0px; 
        
         padding-bottom:20px;
         background: #FFF;         

 opacity:1;
    background-color:white;
    filter: alpha(opacity=100); 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
	-moz-opacity: 1;  
	-khtml-opacity: 1; 
        
    }

.main a {
  
  text-decoration:none;
  word-wrap:break-word; 
  /* color:#150CF1; */
  color:#093D66;
}
p { 
  overflow:hidden
}

select {

  width:90%;
  max-width:390px;
}
.select2-container {
  max-width:400px !important;
}
 

label {

word-wrap: break-word;
}

h1.page_title {
  padding-left:25px !important;
font-size: 18px;

}
/*=================================================================================
 *header navigation 
 *=================================================================================
 */



.header { 
     color:#333 !important;
     min-height:90px;
     width: 100%; 
     border-bottom:  2px solid #E4E4E1; 
     /*box-shadow: 0px  2px  0px #888888;*/ 
     z-index:999;
     position:relative;

}
.header a {

   color: #333 !important;
}

.himg {
  display:none;
  text-align:center;
  float: left;
  min-width: 150px; 
  max-width: 300px;

}
.himg img {
  width:100%;
  max-width: 150px;
}
.hdtext {
color:#4E4E4E;
margin:0

}
.logo_img {
 display:none;
}
.logo_text {
  font-family: 'Open Sans', Arial,Helvetica,sans-serif !important;
  font-weight:bold;
  color:  #61399d !important;
  /*color:#77B130; 

   */
  
 
  font-size: 30px;
  text-align: center;
  padding: 5px 10px;
  width: 150px;
  float: left; 
  height:60px;

}
.ltx0{
 font-size: 13px;
 margin: 0; 
 font-weight:normal;
}
.header_sub {


float:left;
width:100%;
}
.header_sub a { 
  color: black !important;
}

.header_sub .header_sub_wrap{  
   
  width:90%; 
  margin:auto
}

.header_sub1 {
  min-height: 0px;
  float:left;
  width:15%;
  /*background-color:#9c9c9c;*/ 
  /*background-color: #61399d;*/
  /*
  background-image:  -webkit-linear-gradient(top,#9c9c9c 0%,#9c9c9c 30%,#787878 100%); 
  background-image:-ms-linear-gradient(top,#9c9c9c 0%,#9c9c9c 30%,#787878 100%);
  background-image:-o-linear-gradient(top,#9c9c9c 0%,#9c9c9c 30%,#787878 100%);
  background-image: -o-linear-gradient(top,#9c9c9c 0%,#9c9c9c 30%,#787878 100%);
  background-image: -ms-linear-gradient(top,#9c9c9c 0%,#9c9c9c 30%,#787878 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c9c9c',endColorstr='#787878',GradientType=0 );
  */
}


.aux_header{
     min-height:50px;
     width: auto !important; 
   /*   border-bottom:  2px solid #E4E4E1;
    background: #888888; */
     /*box-shadow: 0px  2px  0px #888888;*/ 
     z-index:999;
     position:relative;
      
     
}
.aux_header a {
color: #fff !important;
}
.login .aux_header, .register_div .aux_header , .request_renew_password_parent .aux_header , .renew_password_parent .aux_header{

   width: 100% !important;
  /* background: #888888; */
   margin:auto;

}
.aux_header .logo_text { 
   height: auto !important; 
   padding:10px !important;
}
.aux_header .logo_text a {
color: #fff !important;

}



#main_signed .header_sub1  {
/*background-color:#f1f1f1;*/ 
}

.header .logo { 
       float:left;
       width:10%;
       min-width: 64px; 
       margin-top:10px;
       background:transparent;
   }

.header_1 {
  float:right; 
  width: 35%  ;
   min-width: 100px;
  text-align:center;  
  overflow:hidden;  
  position:relative;
  /*top: 10px; */
  left: -40px; 
  z-index:999
}

.header_1 div {
position:relative;
margin-left: 5px;
margin-top:10px;
margin-bottom:10px;
float:right; 
width: 98px;  
text-align:center;
overflow:hidden; 
padding:8px; 
cursor:pointer; 
 background-color: #61399d;
/*color:#fff;*/
border-radius:6px;
}



.header_1 a {  
 


 }

.header_2 {
 float:right;
 width: 20%; 
 position:relative; 
 top: 10px; 
  
 z-index:2000;
margin-right: 12px;
}
 .header_2 div[parent='1']{
 float:right; 
 /*width:150px;*/
 position:relative;
}
.header_2 img{
 width:25px;
 height:25px; 
}
#avatar_tpmain  {
float:right;
padding:15px 5px 5px 5px ;
 
}


a[avatarheader='1'], #avatar_tpmain a {
 
/*margin-right:12px;*/
}



[avatarheader='1']:active,[avatarheader='1']:hover,[avatarheader='1']:focus {
border:none;
border:0;

}

#main_signed  a[avatarheader='1'], #avatar_tpmain a {
color:#fff;
background: #61399d;
border:1px solid #61399d;
border-radius:5px;
padding:5px;

}

#profile_sub{  
display:none;
position:absolute;
left:-130px;
width: 150px;
padding:5px;
border:1px solid lightgray;
background: #fff;
text-align:left;
}
#profile_sub .logout  {
color:#004B91;
cursor:pointer;
}

[close_profilesub="1"]{
float:right;
width:10px;
cursor:pointer;
z-index:999;

}

.unread_counter {  
display: block !important;
background:red; 
color: #fff;
padding: 2px; 
position: relative;   
font-size:10px;
border-radius:4px;
max-width:200px;
margin:auto;
}

[new_notifications='1'] {
display: block !important;
position:relative;
font-size:10px;
margin:auto  !important;
margin-top: 0 !important;
padding:2px !important; 
background:red;
border-radius: 7px 7px 7px 7px; 
color:white;
max-width: 50px;
text-align: center;
}

div#bell{
 height:25px; 
  float:right;
 background-color:#E6E6E6;
 width:25px;
margin: 0 auto;
 text-align:center;

}

#bell img{
background-color:red;
position: relative;
/*left: 2px;*/
 width:25px;
 height:25px; 
 text-align:center;

}
 .header_2, .header_1 {

   display:none;
 }
 

  

.top_nav { 
   text-align:left;   
   
   /*
   float:right;
   width:80%;
   padding-left:1%;
   padding-right:1%;  
   */
   width:100%;
   float:left;
   padding-top: 1px;
   padding-bottom: 1px; 
   margin-top: 0;
   margin-bottom: 5px;

/* 
background: #090808;
background-image: -webkit-linear-gradient(top, #090808 0%, #201F1F 100%);
background-image: -moz-linear-gradient(top, #090808 0%, #201F1F 100%);
background-image: -ms-linear-gradient(top, #090808 0%, #201F1F 100%);
background-image: -o-linear-gradient(top, #090808 0%, #201F1F 100%);
background-image: linear-gradient(to bottom, #090808 0%, #201F1F 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#090808', endColorstr='#201F1F',GradientType=0 );


background-image: -webkit-linear-gradient(top,#9c9c9c 0%,#9c9c9c 30%,#787878 100%);
background-image: -moz-linear-gradient(top,#9c9c9c 0%,#9c9c9c 30%,#787878 100%);
background-image: -o-linear-gradient(top,#9c9c9c 0%,#9c9c9c 30%,#787878 100%); 
background-image: -o-linear-gradient(top,#9c9c9c 0%,#9c9c9c 30%,#787878 100%); 
background-image: -ms-linear-gradient(top,#9c9c9c 0%,#9c9c9c 30%,#787878 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c9c9c',endColorstr='#787878',GradientType=0 );
*/


}
.top_nav.desktop{
background: #2a3333 !important;
  
}
.top_nav.desktop .ex_default { 
vertical-align: top;
}
.top_nav_desktop_wrapper {
position: relative;
width: 90%;
margin: auto;


}
.top_nav.desktop a {
 vertical-align: top;
 color:#fff !important;
}

.top_nav_0 { 
          
         padding-left:15px;
         padding-right:15px;
         float:right;
         left:70%; 
                                
}

.top_nav_child  {
           /*for ie*/  
            float:left; 
            display: inline-block;
            width:auto;
            min-width: 50px;
            padding: 5px;
            padding-left: 10px;
            cursor:pointer;
  }

.greeting{ 
  max-width:150px;
}

.greeting a {

  color:  #61399d !important;
}
.top_nav_child a ,   .top_nav_child .logout { 
             
                         
  }
                  
.top_nav_child a:active,  .top_nav a:visited { 
     
    outline:0;
}  

 
 
.top_nav_child a:hover { 
   text-decoration: underline;
    
  }



[applicant_info='1'] .top_nav { 
  text-align:left;
  
}

#eview_app_prof.top_nav { 
  text-align: left !important;
  float: left !important;
  max-width: 200px ;
  margin-left: 10px;
}

.top_nav a  {  
      /*fixed ie7 problem*/ 
      display:inline-block;
      border:none; 
      border:0;  
      
}

.top_nav a div  {    
  min-width: 20px;
  /*max-width: 180px;*/ 
  float:left;  
  display:inline-block;
  padding: 3px;
  text-align:center;  
  cursor:pointer; 
  /*background-color:#61399d 
  background-color:#E6E6E6; */
  border-radius:6px;   
  margin-right:2px; 
  margin-top:5px; 
  margin-bottom:5px; 
  border: 1px solid transparent;
  /*border-right: 1px solid white;*/ 
} 
 
.top_nav .ex_default {
     display:inline-block !important ;
     border:none; 
     border:0;   
     position:relative; 
     height: 20px;
     min-width: 20px;
     max-width: 180px;  
     text-align: center;
     cursor: pointer;
     color: #fff;  
     margin-right: 2px;  
     
} 

.top_nav .label_user_type{
  display:inline-block;
float: left;
}

.top_nav .select_user_type {
  width:150px !important; 
  border: 0 !important;
  float: left;
}
.top_nav.desktop .ex_default.sel {
  top:8px;

}
.mobi_nav .top_nav  div, .mobi_nav .top_nav  a{
      clear:both !important; 
      float:none !important; 
      display:block !important;
      margin: 10px auto 0;
      height:auto;
      vertical-align:middle; 
}
.mobi_nav .top_nav .ex_default a {
margin-top:0 !important;
max-width:70%;
} 

.mobi_nav img.show_hide_submenu {
display:inline-block !important;
vertical-align: middle !important;
margin-top: 5px !important;
}
.mobi_nav a.has_submenu  {
display:inline-block !important;

}
.mobi_nav .top_nav a{

color: #333 !important;
}
.mobi_nav .top_nav .select_user_type {
  width: auto !important; 
  float: none;
  clear:both;
  margin: auto;
  margin-bottom: 20px !important;
}


.top_nav .user_type {
 ;
float: left;
display: inline-block; 
}
  
.top_nav a:active,   .top_nav a:visited { 
     
    outline:0;
}  

.top_nav ul {
display:block;
list-style-type: none;
z-index: 9999999;

}
.submenu {

 display:none !important;
  position:absolute !important; 
  top:30px;
  left:0; 
  width:150px !important;
  padding: 1px 10px 1px !important;
  text-align: left;
  cursor: pointer; 
  /*background: #2a3333;*/
  background:  #2a3333;
  margin-top: 0 !important;

}
.submenu  a {
color: #fff !important;
} 

.mobi_nav .submenu {
  top:0 !important;
  text-align: center !important; 
  border:1px solid #fff !important;
  position:relative !important;
  width: auto !important;
 
}
.mobi_nav .submenu a {
    color: #fff !important;
 
}
.top_nav div .submenu li {

padding: 10px;

}
.top_nav div li a{
 

}

.top_nav a div:hover { 
 background-color: #2a3333;
  /* background-color:#326891;*/
   border: 1px solid #E6E6E6;  
   color:#fff;
}
  
.top_nav .ex_default:hover { 
   
}

.top_nav.desktop .ex_default:hover ul.submenu {
  display:block !important;
 
}

 #top_nav_2 {
   margin: 20px auto 10px;
   max-width: 700px;
 }

 #top_nav_2 div    { 
    margin-top: 10px !important;
    margin-bottom: 10px;
    margin-right: 10px; 
    color:#000;
    float:left; 
    min-width: 130px;
    max-width:300px;
    text-align:center; 
    /* overflow:hidden;*/ 
    
       
}


#top_nav_2 a  {
         padding:5px;
         background: #D5D5D5;  
         cursor:pointer;
         min-width: 130px;
         max-width:300px;
         display:block !important;
         color: #000; 

}









.footer_nav { 
         float:left; 
         width:98%;
         padding-left:1%;
         padding-right:1%;  
         padding-top: 1px;
         padding-bottom: 1px;

}

form.logout {
   display:none; 
}


.footer{ 
   /*position:absolute;
   bottom:10px; 
   */
   padding-top:50px;
   float:left;
   width:100%;  
   position:relative; 
   left:50%;
   margin-left: -45.5%; 
   width: 91%;  
   padding-bottom:20px; 
}

.before_footer{ 
  clear:both;
  /*height:170px;*/
}

.footer_nav   {
  color:#fff;
  background-image: -webkit-linear-gradient(top,#9c9c9c 0%,#9c9c9c 30%,#787878 100%);
  background-image: -moz-linear-gradient(top,#9c9c9c 0%,#9c9c9c 30%,#787878 100%);
  background-image: -o-linear-gradient(top,#9c9c9c 0%,#9c9c9c 30%,#787878 100%); 
  background-image: -o-linear-gradient(top,#9c9c9c 0%,#9c9c9c 30%,#787878 100%); 
  background-image: -ms-linear-gradient(top,#9c9c9c 0%,#9c9c9c 30%,#787878 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c9c9c',endColorstr='#787878',GradientType=0 );
}

 .footer_nav div{  
  min-width: 20px;
  max-width: 180px; 
  float:left;  
  display:inline-block;
  padding:5px 10px 5px; 
  text-align:center;  
  cursor:pointer; 
  border-radius:6px;   
  margin-right:2px; 
  margin-top:10px; 
  margin-bottom:10px;
  border: 1px solid transparent;
  

}
.footer_nav  a {

  color:#fff;
}

.top_nav_active { 
   font-weight:bold !important;   
   text-decoration: underline !important; 
   /* background-color:#fff !important;
   box-shadow: 4px  4px  25px #E6E6E6 !important; */
   
}

/*=================================================================================
 *search box
 *=================================================================================
 */

.intro_c { 
   text-align:center;
}

.search_box{   
    width: 90% ;   
    margin: 10px auto;  
    position: relative; 
    top: 10px; 
}
 
form.search_form {  
    max-width:500px; 
    margin: 0 auto;
    border: 1px solid #C2B8B8;
    box-shadow: 0px 2px 2px #BDBDBD;
}


.search_input_container { 
   width: 90%; 
   max-width: 500px; 
   margin:3px auto;  
}

.search_input_container  input[type='text'] {
    float:left;
    width: 60%; 
    padding:5px;
    position: relative;
   right: 3px;
}
.search_input_container  input[type='submit'] {
    float:left; 
    padding:5px; 
    background: #97d14f;
    background-image: -moz-linear-gradient(top,#97d14f,#7dc523) !important;
    background-image: -o-linear-gradient(top,#97d14f,#7dc523) !important; 
    border: 1px solid #97d14f;
    border-radius: 5px;
    cursor:pointer;
    color:white;
    width: 30%;
    max-width: 200px;
    min-width: 70px !important;
    word-wrap: break-word; 
    font-size: 16px; 
    font-weight: 300;
}

.search_options {
   display:block;
   clear:both;
   float:none; 

}
a[sug_search='1'] { 
width: auto;
text-align: center;
color:/*#150CF1*/ #1C3768;
float:left;
cursor: pointer;
}
.search_input_container  button {
  width:200px; 
}


 #message_searchbar  .search_input_container {
            /*  max-width:400px;
              padding: 2px !important;
              float:left; */
 }
      

  

.c_advanced_search  {   
        padding-left: 5px;
	width: auto;   
	cursor: pointer;
	color:#1C3768;
	border-radius: 6px; 
	text-align: center;
        margin-right: 20px;
        float:left;
 }



.advanced_search { 
	display:none;
	width:90% ; 
	position:absolute; 
	left: -2px;
	top:-10px; 
	padding:5px;
        z-index: 99999;
} 
.advanced_search [geosearch_box] {
   padding-bottom:5px;
   overflow:auto;
   border-bottom:3px solid #f2f2f0;
   margin-bottom:15px;
   max-width:500px;

}


.j_style_n{
display:inline-block;
}
#bp_applicants_only .filter_container td:nth-of-type(1) {

   width: 30% !important;
}

#bp_applicants_only .filter_container td:nth-of-type(2) {

   width: 60% !important;
}



.advanced_search [geometa] {

height: 200px;
overflow:auto;
border:3px solid #f2f2f0;
box-shadow: 4px  4px  25px #888888;  

}

div.advanced_search_child{
	position:absolute;
	background-color: white;
	z-index: 200 ;
	padding: 15px;
	border:3px solid #f2f2f0;
	box-shadow: 4px  4px  25px #888888;  
	width:90%;
}

 
.hide_advanced_search{
border: 0px outset buttonface !important;
    background: #111;  
    color:#fff;
    text-align: center !important;
    padding: 1px;
    border-radius: 15px;
    width: 25px;
    height: 25px;
    font-size: 10px;

    float:right;
    position:absolute;
    top:-10px; 
    right: -2px;
    cursor: pointer;
}


.adv_submit{ 
	width: 90%;
	margin: 10px auto;
        text-align:center;
         display:block;
	
}

/* geo fields */

form:not(.job_post ,.applicant)  .regions_list, form:not(.job_post ,.applicant)  .admin1_list ,form:not(.job_post  ,.applicant)   .admin2_list ,form:not(.job_post  ,.applicant)  .locality_list{ 
display:none;
}

/*
pagination
*/
.filter_meta {
padding:5px; 
border-top : 1px solid #59B147;;
border-bottom: 1px solid #59B147; 
  margin-bottom:10px;
}

.filter_meta   p { 
   margin: 1px !important; 
   
}
.filter_meta button { 
   /*background:#E6E6E6;*/
  background: #111111; 
  border:0;
  border-radius: 5px;  
  color:#fff;
  padding:5px;
  margin-top: 10px; 
  margin-bottom:10px;
  
}
.full_pages { 
   border-bottom: 3px solid #f2f2f0; 
   padding: 5px; margin-bottom: 5px;   
   margin-bottom:10px;
}
.full_pages p { 
  /* line-height : 10px; */
margin: 1px 0 0 1px ;
}
a.fp {
text-decoration: none;
color: #333;
border: 1px solid #d3d3d3;
display: inline-block;
padding: 3px; 
background: #f8f8f8;
}
 a.fp:active, a.fp:hover,    a.fp:focus  {
font-weight:bold; 
 
}
/*custom attribute*/
a[fbold='1']  {
font-weight:bold !important; 
}

.apply_button {


margin-right: 30px !important;
}
/*=====================mobile version of top navigation==========================*/

 .mobi_nav {
   display:none; 
   margin:  auto; 
   position:relative;
   background: #fff;
   z-index:9999999;
   background: #2a3333; 
  /* border: 1px solid #2a3333;
   border-radius: 25px;*/
 
}

.mobi_nav  a {

  color: #333 !important;
}

.mobi_nav_h3 {

    display:none;
    background:  #2a3333  !important;
    color: #fff; 
    max-width: 100px;
    width: auto !important; 
    padding:5px; 
     
    /*right: auto; */
  
    border-radius: 8px;
    text-align: center;
    cursor: pointer;

    float:none;
    clear: both;
    margin: auto; 
    width: 90%;
    height:50%; 
   /* position: absolute; */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; 
}
 
.mobi_nav .top_nav{ 
      display:none;
      background: #fff !important;
       
}



[mobi_addon='1'] {

     display:none;
}
@media  screen and  (max-width: 1275px)     {  
 .top_nav.desktop{

  padding-bottom:10px;
 }

}


@media  screen and  (max-width: 800px)     {  

}


@media  screen and  (max-width: 760px)     {  
     .top_nav , .top_nav_0 {

            display:none;
    }
  
    #top_nav_2 div    { 
      float: none;
      clear:both;
      min-width: 0; 
      cursor:pointer;
      margin: 10px auto !important;
    }
    .header_sub1 {
           margin:auto !important;
           float:none !important;
           width: 90% !important;
           clear:both !important;
      }
      .header_sub1 * {
           margin:auto !important;
           float:none !important;
           width: 90% !important;
           clear:both !important;
      }


   .header{ 
     /*z-index: 99999999 !important;  */
     min-height: 50px !important;
   }
   .header_sub1  {
     /*display:none !important;
     visibility:hidden !important;*/
   }



    .mobi_nav {   
         display: block !important; 
    }
    
    [mobi_addon='1'] {

           display:block;
    }
    .mobi_nav_h3 { 
         display:block !important;
    }    
	 
    .mobi_nav .top_nav {
        width: 90%;
        float: none; 
        clear: both;
        margin: auto !important;
         

    }
    .c_advanced_search {
       padding-left:0;

    }
    .c_advanced_search , a[sug_search='1']{
	float: none !important;
        clear: both  !important; 
        text-align: left !important;
        margin-right: 0 !important;
        display: block !important;
        width: auto !important;
    }
    .search_input_container input[type='submit'] {
       width: 90% !important;
       font-size: 110%; 
    }


   /*inbox*/

   .collapsed { 
     height:50px !important;
    }


   .collapsed .inb_topright {
         display:none; 
    }

   #created_at { 
         float:none  !important;
         clear:both  !important;
         width: auto !important; 
         text-align: left !important;
   } 

  


    /*=====job_post applicant profile=======*/  
    #eview_app_prof.top_nav  { 
         display:block !important;
         float:none  !important;
         clear:both  !important;
         width: auto !important; 
         max-width:200px !important; 
         margin: auto !important;
    }
    #eview_app_prof.top_nav div {
      text-align:center !important;
      display:block !important;
    }






    /*===========inboxview and message inbox=======*/ 
    #suggestionBoxId li {
        cursor:pointer !important;
    }
     .recipienttab {
        padding-left:2px !important;

     }
     
     .recipienttab div  {
      width:90% !important;
      word-wrap:break-word !important; 
      height: auto !important;
    }
    .recipienttab div p:nth-of-type(1) {
       
      width:90% !important;
      word-wrap:break-word !important; 
     
    }
 
 
   .recipienttab .deleterecipient {
     right:  1px !important;
       
     }




    /*============ category tree ========*/

   .category_tree_checkbox .tree1  {


      display:block !important;
   }

   /*============advanced search=========*/
   .category_tree_checkbox .tree1  {

        margin-left: 10px !important;
   }

   div.category_checkbox_container { 
     float:none !important;
     clear:both !important;
     width:auto !important;
     margin: 10px auto !important; 
   }

   div.filter_container  { 
      float:none !important;
      clear:both !important;
      width:90% !important;
      margin: 30px auto !important; 
  }

   div.filter_container td:nth-of-type(1) {
      padding-bottom: 1px !important;
   }
   
   div.filter_container td:nth-of-type(2) {
       padding-bottom: 20px !important;
   }





  /*=============job_posts applicants===============*/
.applicantslist .ajax_response .name  {

       float:none !important;
      clear:both !important;
      width:auto !important;  
  }

 .applicantslist .ajax_response .name p  {
      float:none !important;
      clear:both !important;
      width:auto !important;  
      margin-bottom: 10px !important; 
  }

  /*========login=====================*/
    .login_form td:nth-of-type(2), .register_content  td:nth-of-type(2) {

          padding-bottom: 30px;

   }
    .renew_password_child td:nth-of-type(1), .renew_password_child td:nth-of-type(2){
      float:none !important;
      clear:both !important;
      width:90% !important;
      margin: 10px auto !important; 
   }



  /*========== applicant profile, side nav =============*/


  .nav {

      float:none !important;
      clear:both !important;
      width:90% !important;
      margin: 10px auto !important; 

   }



    .applicant_personal_form_container  {
         float:none !important;
         clear:both !important;
         width:90% !important;
         margin: 10px auto !important; 

     }
    .applicant_personal_form_container table {
       width:90% !important;
    }

}

















@media  screen and  (max-width: 500px)     {  
       
     .mobi_nav {  
           float:none !important;
           width: 90%;
           clear:both !important;
    }
    .header_2  { 
          display:none !important;
    }
   .apply_button {
     float:none !important;
     clear:both !important;
    }
}
/*=================================================================================
 *main_unsigned
 *=================================================================================
 */


.intro {
  margin: 0 auto;
  float:left;
  width:75%;
  
}
.intro h3 {
 
text-align:center; 
}

.intro .jb_features {

width:90% ;
margin: 0 auto;
padding:5px;

}

.intro .e_features, .intro .f_features {

/*background:#94B6BD;*/
padding:5px ;
text-align:center;
 
}
.intro .for_employers, .intro .for_freelancers {

   display:inline-block;
   width:48%;
   vertical-align: top;
  
}


/*=================================================================================
 *error and status
 *=================================================================================
 */
.error_content { width: 60%; height: 300px;; margin : 0 auto; padding: 5px;}
.status_content {
           
          max-width: 700px;
          height: 300px;
          margin : 8% auto 0; 
          padding: 10px; 
          

}

 

/* main content */

div.joblist { 
   position:relative; 
   z-index:99; 
   left: 30px;
   border-bottom: 1px solid #f2f2f0; 
   float:left;
    width: 70%;
    margin-top:10px
}


.joblist li{

  display:inline-block;

}
div.search_results_for { border-bottom: 3px solid #f2f2f0; padding: 5px; margin-bottom: 5px;    }
.category_tree {
    float:left ;
    position:relative; left:
    15px; width: 20%; 
 }
 


/*common listing*/
 
.row {
      border-bottom: 1px solid #AAAAA6;
       padding: 5px; 
     width: 80%;
}


.project_title {font-weight:bold;}
.row p { width:100%; overflow:hidden; }
.bold {font-weight: bold;}
#bold {font-weight: bold;}
#center { text-align:center ;}
[green='1']{
font-weight:bold;
color:#7db701;
}
[blue='1']{
font-weight:bold;
color:#004B91;
}
[red='1']{
font-weight:bold;
color:red;
}
.plswait {
  display:block;
  color:#7db701;
  padding:5px;
}
/* images */
.thumbnail {width:100px; height:auto !important;  }
.form_error{ position:relative; top:2px;color:red;}
.red_border{
  border:1px solid   #ec6a38  ;
}
.register_div .red_border , .login .red_border {
  max-width: 400px  
}
textarea:focus.red_border, input:focus.red_border{
    
    border:1px solid #ec6a38  ;
}


.no_entries{ 
	color:white; 
	padding:5px;
	margin:0 auto; 
	position:relative; 
	text-align:center;  
	background-color:#61399d;
	border-radius:3px;
}

.no_border{border:none !important; border-left: none  }
img#center { text-align:center ;}
p#reload{ 
   margin: 0 auto; 
   padding:5px;
   cursor:pointer; 
   color:#fff; 
   background-color:#7ada4a; 
   border-radius:3px;
   width: 25%;

}
p#reload a{  
  color:#fff;
}
.heading { font-weight: bold; font-size: 130%; overflow:hidden;}
#align_left { text-align:left;}
#other_details{ color:#3f3f3f;}
#display_inlne {display:inline;}
.view_single {
   cursor:pointer ;
   color: #150CF1; 
   text-decoration:underline;
   margin-left:3px;
}

.delete_single {
   cursor:pointer ;
  color: #150CF1; 
  margin-left: 6px;
  text-decoration:underline;
  
 }
.edit_single  {
  cursor:pointer ; 
  color: #150CF1; 
  margin-left: 6px;
  text-decoration: underline;
  
}
.edit_table_single, .edit_table_single_eh  {
  cursor:pointer; 
  background-color:  #565FC0;
  border-radius: 3px;
  width: 50px;
  color: #fff;
  text-align: center !important;
  display:inline-block !important;
  padding: 5px;
  border-radius: 4px
}
#applicant_edit  .edit_single, #applicant_edit .delete_single  {
 
  background-color:  #565FC0; 
  width: 50px;
  color: #fff;
  text-align: center !important;
  display:inline-block !important;
  padding: 5px;
  border-radius: 4px
}
.delete, .edit, .show_add {
	padding:5px; 
	cursor:pointer; 
	/* color:black;
	background-color:#61399d   ; */
	border-radius:3px; 
	text-align:center;  
}

textarea { 
       overflow:auto; 
       width:90% !important;
       max-width: 700px;
       min-height:150px;
}
textarea[inputsize='1']{
  height: 30px !important;
  min-height: 30px  !important;
  overflow:hidden !important;

}


.nav   {margin-top: 20px;}
.nav div { margin-bottom: 10px;}
.paginator {position:relative; top: 20px; border-top: 3px solid #f2f2f0;  border-bottom: 3px solid #f2f2f0; }

.excerpt {
height:50px; overflow:hidden;
}


[button_tab = '1']{
margin-right: 5px;
 padding:5px;
 cursor:pointer;
 color:white;
 background-color: /*#61399d rgb(177, 172, 172) */ #B1B1B1;    
border-radius:3px;
 width:70px;
 text-align:center;
float:left;
} 
[button_tab='1'] a {
 color:white;
}  
#button { 
 padding:5px; 
 cursor:pointer; 
 margin-bottom:5px; 
 background-color: /*#61399d #F1EEEE*/  #565FC0;
 border-radius:3px; 
 width:100px;
 color: #fff; 
 text-align:center;
} 
#button a { 
  color:black;
}
#button_disabled { padding:5px; cursor:pointer; color:black;background-color:#f2f2f0 ; border-radius:3px; width:100px; text-align:center;  } 
#button_disabled a { color:black;}

[addcatr] { 
  border-radius:96px;
}

table.tb_common { 
    border: 3px solid #f2f2f0;
    border-radius: 10px; 
    padding: 5px;
    width:100%;
     display:table;
}
.tb_common td {
    padding:10px;
    border-bottom: 1px solid #f2f2f0;
    padding-top: 8px; 
}
.tb_common th {
    padding: 10px;
    border-bottom: 1px solid #f2f2f0
} 
td, th {
    vertical-align:  top ; 
}
 input[name='amount'] {
max-width: 100px;
}
.clear_both{
   clear:both;
}
.display_none{
  display:none;
} 
.display_block {
  display:block;
}
/* #ajax_img {display:none; position:absolute; left: 500px; width: 50px; height: 50px; background-color:transparent;z-index:9999}  */
#ajax_img {clear:both; text-align:center; display:none; position:absolute; left: 50%;top:40%; width:100%; margin-left:-50%; height: 200px; z-index:9999}
.high_opacity {
    opacity:1;
    background-color:white;
    filter: alpha(opacity=100); 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
	-moz-opacity: 1;  
	-khtml-opacity: 1; 
   


}
.low_opacity { 
    opacity:0.6;
     background-color: #f2f2f0;
     filter: alpha(opacity=60); 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";  
	-moz-opacity: 0.6;  
	-khtml-opacity: 0.6; 

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

div.alert_box {
	display:none;
	position:fixed; 
	top: 20%;
	z-index:3000; 
	width: 30%; 
	left: 50%;
	margin-top:5%; 
	margin-left: -15%;
	background-color:white;  
	border: 1px solid #d2d2cd;           
        padding:5px;
        text-align: center;
         box-shadow: 4px  4px  25px #E6E6E6 ;
}
.alert_box_yes, .alert_box_no {
	cursor:pointer;
	width: auto;
	padding:5px;
	text-align:center;
	margin: 2px auto;
	margin-left:10px;
	display:inline-block;
	background-color: #E6E6E6;
	border-radius:3px; 
}
.width_200  {width:200px;}
.alert_box .abox{ 
margin: 5px auto; 
width: 65%;
}

.w_150 {
width:150px;
}


/*=================================================================================
 *generic design for main content
 *=================================================================================
 */ 
div.content {  
   position:relative; 
   float:left;
    width: 100% !important;
   /*  width:80%;
   margin: 10px auto; */
   padding-bottom:30px;  
 }  

.content .content_child  { 
    top: 10px;    
    width:90%; 
    margin: 10px auto; 
    border: 5px solid #f2f2f0;
    padding: 2% 2% 10% 2%; 
    border-radius: 5px;  
    max-width:1300px;
}

.content_wrapper {
    margin:  10px auto; 
    width:90%; 
}
.content_child_floated {
   
    top: 10px;    
    width:90%; 
    float:left;
    margin: 10px auto; 
    border: 5px solid #f2f2f0;
    padding: 2% 2% 10% 2%; 
    border-radius: 5px;  
   
   
    
}
 
.content form {   
   width: 100%;

   max-width: 1000px;
}
.content table {   width: 100%;}
.content table th {   
     width: 15%; 
     vertical-align:top;
     text-align:left;
}
.content table td {   
        vertical-align:top;
        position:relative; 
        top: 0px; 
        padding: 10px 5px;
 }

.content table td input.number {  width:10%;  }
.content table td textarea {  
     width:90%; 
     max-width:600px;
}
.content table td input[type='text'],  .content table td input[type='password']
 {
   width:90%;
   max-width:600px;
 }
.content table td select  {  
  width:90%; 
  max-width:300px;
}
.edit_delete_bt span {
    color: #150CF1;
    display:inline-block;
    margin-right:5px;
    margin-left:5px;
}



.content table td input[type="text"][name='bid_amount']{
max-width:150px;
min-width:0;
}


.content table td input[type='text'][name='upfront_payment'] {

min-width: 30px;
max-width:0;
}


.error_text {
color:red;
}
/*=================================================================================
 *generic design for main content with db list
 *=================================================================================
 */ 

div.content_list {  
  position:relative; 
  width:70%; 
  margin-top: 10px ;
  padding-bottom:30px;   
  max-width:1300px;
}  

.content_list .content_list_child {
    position:relative; 
    top: 10px; 
    float:left; 
    width:90%;
    border: 5px solid #f2f2f0;
    padding: 2%; 
    border-radius: 5px;
}
.content_list form {   width: 100%;}
.content_list table {   width: 100%;}
.content_list table th {   width: 15%; vertical-align:top; text-align:left;}
.content_list table td {   vertical-align:top; position:relative; top: 0px;  }

.content_list table td input.number {  width:10%;  }
.content_list table td textarea {  width:50%; }
.content_list table td img { width: 10%; height: auto;}


/*
application
*/

[applications="1"] td#left,[applications="1"] th#left {
width:70%;
text-align:left


}


[applications="1"] td#right, [applications="1"] th#right{
width:200px;
position:relative;
width:20%;
text-align:left

}

/*=================================================================================
 * single job ad
 *=================================================================================
 */ 
[job_post='1'] .jb_description {
max-width:700px;
}
[job_post='1'] #other_details , [job_post='1'] .jb_description , [job_post='1'] .jb_categories   ,
 [job_post='1'] .applicants,[job_post='1'] .employer,[job_post='1'] .history   {

margin-top: 10px;
padding-top:15px;
padding-bottom:15px;
border-bottom:1px solid #E6E6E6;
}
[job_post='1'] .employer  p {

margin: 0;
}

[geoproject] {
margin-bottom:15px; 
border: 1px solid #e6e6e6;;
padding:5px;
}
[geoproject] h3 {

margin-top: 1px;
}
.add_geoproject, .add_on_edit_geoproject{ 
background: #9c9c9c !important;
border-radius: 6px !important;
color:#fff;
margin-top: 20px; 
 
}
.delete_gp_div {
text-align: center;
width: 100px;
float:right;
padding:2px; 
color:red;
cursor:pointer;

} 
.delete_geoproject {
   background: #8F6C6B;  
    color:#fff;
    text-align: center !important;
    padding: 1px;
    border-radius: 10px;
    width:15px;
    height:15px;

 
 
   float:right;  
   cursor:pointer;
   font-size: 11px;
}

 
.showupload, .showupload_multiple {
border-radius: 6px !important;
width: auto !important;
padding: 1px !important;
color: #fff !important;
background: #9c9c9c !important;
max-width: 100px;
min-width: 100px;
margin-bottom: 40px !important;

}
/*=================================================================================
 * applicant_profile
 *=================================================================================
 */ 
.applicant_profile {
margin: 0 auto;
 }
.appinfo_border {
  float:none;
  clear:both;
  height:5px;
  margin: 50px 0 20px 0; 
  border-bottom: 3px solid   #0557EA  ;
}

#applicant_profile .overview { 
  overflow: auto;
  max-width:700px;
  margin:10px auto;
}

.applsb_1 {
  

}
.applsb_1 a { 
  text-decoration:none !important;
}

.applsb_2{ 
 font-weight:bold;
margin:0 !important;
}

.appls_prof {
   margin-bottom:10px;
}
.subprofl {
  font-size:100%;
  padding: 5px;
  color:#444242;
  background: #f3f3f3;

}


.apd_r.skillcat {
  background: #f3f3f3;
  color:#444242;
  padding:5px; 
} 

.content#applicant_profile .wh_labelx{
font-weight:bold;
}
.content#applicant_profile .wh_labelx p {
margin-bottom:5px;
}
.content#applicant_profile .wh_label {
font-weight:bold;
color:black;
min-width:120px;
display:inline-block; 
vertical-align:top;
}
.jsleft {
max-height:300px;
overflow:auto;
padding-left:120px;
} 
#applicant_profile .catdesc,.jobadesc {
max-height:300px;
overflow:auto; 
margin-bottom: 20px;
} 
#applicant_profile .catdesc p {
margin-top:2px;
}
.appbp_r {
/*border-bottom: 3px solid #f2f2f0; 
margin-bottom:15px ;*/
}

.appbp_r .app_bplabel {
 min-width: 150px; 
 display: inline-block;

}
.content#applicant_profile   div#gallery_pic { 
 /*width: 10%; */
  height: auto;
  float:left
}

.content#applicant_profile   img#gallery_pic {
 width: 100%; 
  min-width:50px;
  max-width:300px; 
  height: auto;
  float:left
}

.content#applicant_profile div#groupA {
  
   position:relative;
   top: 15px; 
 }
.content#applicant_profile div#group_a {  border-bottom: 3px solid #f2f2f0  ;  position:relative;top: 15px; padding: 5px; margin-top:15px}

.employer_action_buttons div{
  padding:5px; 
  width: 20%; 
  cursor:pointer; 
  color:white;background-color:/*#61399d*/#B1B1B1; 
  border-radius:3px;  
  text-align:center; 
  float:left; 
  position:relative; 
  margin-left: 10px;  
  margin-top: 10px;
  min-width: 70px;
  word-wrap: break-word;
}

.content#applicant_profile td.leftv1 {width: 150px; vertical-align: top; text-align:left;  border-bottom: 1px solid #f2f2f0  ;    padding: 5px;}

.content#applicant_profile td.rightv1 {
   vertical-align: 
     top; text-align:left;
    border-bottom: 1px solid #f2f2f0  ; 
     padding: 5px;

}
.content#applicant_profile td.rightv1  div {
word-wrap:break-word;

}
.invitebutton  {

margin-top:10px;
}

#applicant_profile_single_page .hire {
    cursor:pointer; 
    padding: 5px; 
    border: 1px solid lightgray;
    border-radius: 10px;
    text-align:center;
    width: 5%; 
    float:right;
}
#applicant_profile_single_page .employer_action_form {
    display:none;
}

/*employer_profile*/ 
[employer_profile] td:nth-of-type(1) {
max-width:100px;
}
td.left.emph {
min-width:150px;
max-width:180px;
}
#comp_det .cdet1   { 
margin-bottom:0;
}
  #comp_det .cdet2 { 
margin-top:0;
}
.contactp_1 {
margin-bottom:0 !important;
}
.contactp_add { 
margin-top:0 !important;
color: #645D5D;
font-size: 14px; 
}
/*=================================================================================
 *applicant_profile_info
 *================================================================================= */
#show_invitation {
  margin: 20px auto 20px;
  padding:5px; 
  cursor:pointer; 
  color:white;
  background-color: /* rgb(177, 172, 172) */ #0072C6;    
  border-radius:3px; 
  width:100px; 
  text-align:center ;
}
 
#close_invitation { 
   float:right; 
   cursor:pointer; 
   color:#fff;
   width:26px; 
   text-align:center;
  /* background-color:  rgb(177, 172, 172)    ;
   border-radius:3px;
   padding:5px;
  
  */


} 

[invite_interviews_form]  tbody { 
display:table-row; 
}
[invite_interviews_form]  td.left { 
width:30%; 
}
[invite_interviews_form]  td.right { 
width:65%; 
}
[invite_interviews_form]  td textarea { 
width:90%; 
}  
#applicant_profile_pimg {
width:120px;
margin-right:50px;
float:left; 
position:relative ;
}
 

#applicant_profile_1details {
float:left;
width:70%;
position:relative;
 min-width:130px;
max-width:500px
}

.advert img, 
.advert a,
.advert iframe,
.advert p,
.advert h    {
    max-width: 100%;
    margin: auto;
    display: block;
}

[invite_interviews='1'] { 
   display:none;
   position:absolute;
   width:80%;
   left:50%;
   margin-left: -40%;
   top:10px;   
   z-index:99999999;
   background-color:white; 
   border:1px solid rgb(177, 172, 172);
   border-radius:4px;
   box-shadow: 2px 2px 2px #888888;
}
[invite_interviews_child='1'] {
position:relative; 
padding:5px; 
margin: auto ;
border:1px solid rgb(177, 172, 172);
padding:20px 10px;

}
 
[invite_interviews='1'] form {
 
            width:90%;
            max-width:800px;
            height:30%;
            margin: 0 auto; 
            padding:5px; 
            border:1px solid rgb(177, 172, 172);

}

[invite_interviews='1'] form input[type='text']{

width:90%;
}
[invite_interviews='1'] #status_r {
  display:none;
  text-align:center;
}




/*=================================================================================
 * employer contract
 *=================================================================================
 */ 
#jb_contract th {
padding: 10px 5px;
}

#jb_contract td p {
margin-top: 0px;  
}


/*=================================================================================
 * employer contracts
 *=================================================================================
 */
#employer_contracts  td:nth-of-type(2) p {
          margin-top: 0 !important; 
}
#employer_contracts  td {
padding-top: 10px;
}

/*=================================================================================
 * applicants
 *=================================================================================
 */ 
.applicantslist p {
word-wrap:break-word;
}
.applicantslist {

padding-bottom: 100px;
}
.applicantslist .ajx_show_applicant_profile {
	float:left;
	width: 100%;
        margin-top: 5px;
        padding-bottom:10px;
	border-bottom: 1px solid #9DA7DD; 
 }   
.applicantslist .applicant_row{ float:left; width:100%; cursor:pointer;}
.applicantslist .applicant_row .app_name{ float:left; width:100%;}
.app_name img { 
vertical-align:top;
}
.app_coverletter {
display:inline-block;
width:auto;
background-color: #565FC0;
border: 1px solid #565FC0;
color:#fff;
border-radius: 6px;
padding: 5px;

}
.app_coverletter a {
 
color:#fff; 

}
.jpa_form_ib { 
display: inline-block;
max-width: 150px !important; 
}

.ajax_generated_content_close {
width:15px;
float:right;
cursor:pointer;
background: #f2f2f0;
text-align:center;

}
.app_details { 
width:80% ;
display: inline-block;
padding-left: 10px;
}
/* .applicantslist .applicant_row .app_name p {   overflow:hidden}  */
.applicantslist .applicant_row .app_status{ color: #7db701;}
.applicantslist #ajax_generated_content {
	display:none;
	float:left;
        min-width:100px; 
	width: 50%; 
	border: 5px solid #f2f2f0;
	padding: 2%; 
	position:absolute; 
	/*margin-top: -100px;*/
	/*left: 25%;  */
	z-index: 999;
	background-color:white;
        box-shadow: 0px  0px  15px #888888;
      }
 
.applicantslist #button { 
    margin-top:10px;
    float:left; 
    color:black; 
    cursor:pointer;
    background-color:  #DBDBDB ; 
    border-radius:3px; 
    width:70px;
    text-align:center;
}
.applicantslist #button  a { color:black;}
.applicantslist .ajax_response .name {float:left; width: 30%; }
.applicantslist .ajax_response .name p {
    float:left;  
    width: 100%; 
    overflow:hidden;
}

.applicantslist .ajax_response #button {
     float:right;
     width: 20%
}
/*=================================================================================
 * view_application
 *=================================================================================
 */ 
[view_application='1'].joblist  {
 width: auto !important;
}
.r_bid_container {
    float:left;   
    width: 45%; 
    min-width:200px;
    border:1px solid lightgray; 
    padding:0px;
} 
.r_bid_container td#left {
      width:130px;
    padding:5px;
   /*   color:#8C8C89; */
    color:#100;
    font-weight:bold;
}
.r_bid_container_table td#right { 
    padding:5px;
 
}

.r_bid_container_table td div {
width: 90%;
}

.r_bid_container_table p {
word-wrap: break-word;
}


.l_job_ad_container {
     float:left;
     width: 45%;
     position:relative;
     left:10px;
     min-width:200px;
     border:1px solid lightgray; 
     padding:0px;
}
.edit_bid {
 position:absolute; 
 z-index:999;
 top:0;
 width: 70%; 
 left: 50% ;
 margin-left: -35%;
 margin-top:10px;
 margin-bottom:10px;
 min-width:200px;
 min-height:100% ; 
 background-color: white; 
 border: 2px solid #7db701; 
 border-radius:5px;

}

 .edit_bid input[type="text"][name='bid_amount']{
max-width:150px;
min-width:0;
}

 .edit_bid input[type="text"][name='upfront_payment']{
max-width:30px;
min-width:0;
}


.edit_bid_child{ 
padding: 10px; 
margin: auto;
 
}

.edit_bid form { 
padding:5px;
border: 1px solid lightgray; 
border-radius:5px;
}

.edit_bid_child  table  td{
padding: 5px;

}
.edit_bid td#left {
    width:150px;
    padding:5px; 
    color:#100;
    font-weight:bold;
}

.edit_bid td#right { 
    padding:5px;
 
}




.edit_bid input[type="text"] { 
width: 100%;
max-width:100%;
min-width:200px;
}

.edit_bid textarea { 
   width:90% !important; 
   min-height:200px;
   height: 200px;
}


[close_editx] {
text-transform: uppercase !important;
font-family: arial !important;
font-size: 10px !important;
cursor: pointer;
float: right;
margin: auto !important;  
color: #fff;
/*width: 13px !important;*/
 width: 25px !important; 
padding: 1px !important;
text-align: center !important;
left: 0 !important;
right: 0 !important;
}

 
.close_edit_img {
width:100% !important;
height:auto;
 
}


[close_edit] {
  text-transform:uppercase !important;
background: #fff;
  font-family:arial !important;
  font-size:10px !important;
  cursor:pointer;
  float:right; 
  margin: auto !important; 

  color: #fff;  
 
  text-align: center !important;

 /* 
 padding: 1px !important; 
width: 13px !important;
 border-radius: 20px !important;
  background: #111;
 */
 width: 25px !important; 
 
}


[show_full_description='1'], [hide_full_description="1"], [goback="1"]{
color:#004B91;
cursor:pointer; 
}

[hide_full_description="1"] { 
 padding:10px;
}

/*=================================================================================
 * category tree sidebar only 1 3 5 7  works
 *=================================================================================
 */ 
.category_tree_toggle, .category_tree_toggle_hide  { 
display:none; 
margin:10px auto;
padding: 10px;
background:  #0F56A3;
width: 150px;
border: 1px solid #EFF3FF;
border-radius: 10px;
cursor: pointer;
color: white;
text-align:center;
}
 

#category_x_click {
 
   float: left;
   width: 15px;
   font-size: 12px;
   position: absolute;
   cursor:pointer;
}

.category_tree .category_row  { 

  /*  border-bottom: 1px solid  ; #E6E6E6; */
  position:relative;
  top: 15px; 
  padding: 5px; 

}

.category_tree .category_row #parent { 
padding:2px;
 
}
.category_tree .category_row div { 
 
line-height:25px;
 
}
 
.category_tree .category_row #parent:hover { 
background-color:#E6E6E6;
color:#222 !important;
 
}
 

.category_tree .category_row   a:hover {  
color:#222 !important; 
}

.category_tree .tree1   { padding-left:  0px; position:relative}
.category_tree .tree1  #category_x_click {left: -15px;}
.category_tree .tree2  {padding-left: 30px;position:relative}
.category_tree .tree3{ 
     display:none;  
     padding-left: 40px;
     position:relative
}
.category_tree .tree3 #category_x_click {
      left: 30px; 
     

}

.category_tree .tree4{ padding-left: 70px;position:relative}
.category_tree .tree5 { display:none;    padding-left: 70px; position:relative}
.category_tree .tree5  #category_x_click {left: 60px;}
.category_tree .tree6{ padding-left: 100px;position:relative}
.category_tree  .tree7{ display:none;   padding-left: 100px; position:relative}
.category_tree .tree7 #category_x_click {left: 90px;}


/*=================================================================================
 * category tree checkbox  only 1 3 5 7  works47100
 
 *=================================================================================
 */ 


div.category_checkbox_container{
	float:left;
	width: 47% ;
	 
	border-right:
	3px solid #f2f2f0; 
	padding-right: 5px; 
}

.category_tree_checkbox {
position:relative;
       overflow:auto  ;
	height: 400px;
}


.category_tree_checkbox #category_x_click {z-index: 999}
.category_tree_checkbox .category_row  { 
     border-bottom: 1px solid  #E6E6E6;
     position:relative;top: 15px;
     padding: 5px;
      width:90%; 


}

.category_tree_checkbox .tree1   { margin-left:  20px;    background-color:white;}
.category_tree .tree1  #category_x_click {left: -15px;}
  
 
 
 

.category_tree_checkbox .tree2   { margin-left:  45px;}


.category_tree_checkbox .tree3   { 
    display:none; 
    /* margin-left:  65px; */   
    margin-left:  15%;
    background-color:white;
}

.category_tree_checkbox .tree3  #category_x_click { 
    /* left: 50px; */
    left: 13%; 
}
 
.category_tree_checkbox .tree4   {display:none; margin-left:  95px;  background-color:white;}

.category_tree_checkbox .tree5   {
       display:none; 
      /* margin-left:  95px; */
       margin-left:  20%; 
       background-color:#fff;

}
.category_tree_checkbox .tree5  #category_x_click {
    /*left: 75px;*/
   left: 18%;
}
 
 
.category_tree_checkbox .tree6   { display:none;  margin-left:  125px;   background-color:white;}


.category_tree_checkbox .tree7   { 
   display:none;  
   /*margin-left:  125px;*/
   margin-left:  25%;
   background-color:#fff;
 }
.category_tree_checkbox .tree7  #category_x_click {
   /* left: 105px; */
   left: 23%;
}




div.filter_container{
	float:left; 
	width: 45%  ; 
	  margin-left: 20px;   
}

div.filter_container table tr{
 /* display:table; */
  position:relative;
  margin-top:5px;

}
div.filter_container table tr#t_price {
	 
}
.display_table { display:table !important;  }
div.filter_container td{

   

}

.display_tablerow {
   display:table-row !important;
}


div.filter_container td:nth-of-type(1) {
  font-weight:bold;
  width: 20%  ;
  padding-bottom: 20px;

}
div.filter_container td:nth-of-type(2) {
  width: 70%  ;

}

.float_price{ 
	float:left; 
	width: 30%; 
}

 
  
.standard_filter_1 { display:none;}
.standard_filter_2 { display:none;}
#p_opt_2 {display:none;}
#d_opt_2 {display:none;}  



/*=================================================================================
 * inbox
 *=================================================================================
 */ 

.inbox { 
  padding:10px;
} 
.inbox tr{ cursor:pointer}
.inbox th{ text-align:left;}
.inbox tr#read td  { background-color:white !important}
.inbox tr#not_read  td  { background-color: #f2f2f0 !important; }
.inbox_container  th  {  border-right:  1px solid #E6E6E6; padding:5px }
.inbox_container  td  {  border-right:  1px solid #E6E6E6; padding:5px }
.inbox_container td.cdate p {width: 150px; overflow:hidden; margin:0 }
.inbox_container td.sender p {width: 180px; overflow:hidden; margin:0 }
.inbox_container td.subject p {
   /*width: 360px;*/
   min-width: 60px;
   overflow:hidden; 
   margin:0;
}
.inbox_subj, .inbox_list_title { 
   color:#150CF1;
}

.inbox_subj {
   font-weight:bold !important; 
   font-size: 18px !important; 
}
.message_container h3 {
   font-size:  13px !important; 
}
#sender_img {
   float:left
}
.inb_h1 {
  
}
.inb_sen {
 float:left;
 width:50%;
 min-width:150px;

}
.inb_to {
   float:none;
   clear:both;
   margin-top:10px;
}

 
#unit2 { 
   width:90%;   
   padding:5px;
   max-width:700px;
}
#unit2 textarea.subject {
  width:100% !important;   
  min-height: 50px !important;
}
#unit2 textarea.message {
  width: 100% !important;   
  min-height: 200px;

}



.recipienttab .deleterecipient {
    text-transform:uppercase !important;
    background: #8F6C6B;  
    font-size:10px !important;
    font-family: arial !important;
    color:#fff;
    text-align: center !important;
    padding: 1px;
    border-radius: 10px;
    width:13px;
   /* height:15px;*/
}
/*==========================================================================================================
applicant personal page
*========================================================================================================== 
*/


.nav {
  margin-top:9px !important;
  float:left; 
  width: 15%;
  height: 100%; 
  margin-right:30px;
  padding-left:15px;
}
.nav h3{ 
   border-bottom: 1px solid  #d2d2cd; 
    text-align:left
}
.applicant_personal_form_container form{

width:100%;
}


.applicant_personal_form_container {
   float:left;
   margin-left:10px; 
   width: 76%; 
   max-width: 700px;
   margin-top: 20px;
} 
 .applicant_personal_form_container  img{
  /* width: 10%;*/
   height:auto;
   max-width:300px;
}
.add_box { 
    display:none;
    float:none;
    clear:both; 
    position:absolute; 
    top: 10px; 
    z-index:2000; 
    border: 1px solid #d2d2cd;
    box-shadow: 4px  4px  25px #333 ;
    background-color: white; 
    overflow:auto; 
    width: 100%;
    left: 50%; 
    margin-left: -50%;
    padding-bottom: 100px;
}


.float_right {

margin-bottom: 30px;
}

.show_add{
   cursor:pointer;
}
    .applicant_personal_form_container  .add_category_bt ,   .applicant_personal_form_container  [add_aw_cat] ,   .applicant_personal_form_container form   #add_ae_industry_bt{
    background-color:   #F1EEEE;
    border: 1px solid #F1EEEE;
    padding:5px;
    border-radius: 5px;
    max-width:100px;
    text-align: center;
    margin-bottom:30px;
}


#addspec_btnn {
background: #565FC0 !important;
color:#fff !important;
}

.applicant_personal_form_container form .add_box  input[type='text'],   .applicant_personal_form_container form .add_box        textarea {

   width:90% ;
   max-width: 500px;
   min-width:50px;
 }
 
.applicant h3{

margin-top:10px;
margin-bottom:0px;
} 

.add_box .submit_add { 
        width: 40% ; 
        margin: 0 auto;  
        text-align:center;  
        margin-top: 10px;

}
.add_box .submit,  .add_box .add,  .submit_w{ 
   /* background-color:   #F1EEEE; */
    color: #fff;
    background-color: #565FC0;
    border: 1px solid #F1EEEE;
    padding:5px;
    border-radius:3px; 
    cursor:pointer; 
    margin-left: 10px; 
    display:inline-block;
    width:auto; 
    min-width:50px;
}

/*temporarily disabled*/
add_box .add {

  display:none;
}


.added{ 
   width: 90%; 
   max-width:700px; 
   margin: 10px auto; 
   border: 1px solid #d2d2cd; 
   padding:15px;
}
.close_add_div {
  font-family:arial;
  width: 10px;  
  float:right; 
  cursor:pointer;  
 
  font-size: 10px;
 
  width: 15px;
  height: 13px;
 text-align: center;
 color: #fff;
/*
 padding: 1px;
 background: #111;
  border-radius:20px;
*/


}

.close_add_box{
   width: 15px; 
   float:right;   
  cursor:pointer;
}
 
 
.td_30 {
	width: 30%;
}
.td_8 {
      width: 10%;
}
  
.h_category_tree_checkbox {
	display:none;
}

.form_actions { 
	 
	margin-top: 10px;
}
.form_actions a {
color: #000 !important;
}
.form_actions div { 
	width: 70px; 
	float:left; 
	margin-left: 10px;
	cursor:pointer; 
	background-color: /* #61399d */#F1EEEE;
	 
	text-align:center;
	padding:5px;
	border-radius: 3px;
	margin-bottom: 10px;
}


.h_category_tree_checkbox input {max-width:10px;}
/*employment_history  */
#employment_history table{ width: 100%  ;   }
#employment_history tr{ display: table-row;   border-bottom: 1px solid  #d2d2cd;   width: 100%; }
#employment_history tr.group_tr{ margin-bottom: 40px; width: 100%; }
#employment_history th {text-align:left;  padding: 5px;  width:15%;  }
 
#employment_history  td {   padding: 5px;  
  vertical-align: top;
}



#employment_history  td#td1 {
width: 20%;
 /*width:170px;*/ 
}
#employment_history  td#td1 p {
 /*width:170px; */
}

#employment_history  td#td2 {
width: 20%;
 
  /*width:200px; */
}
#employment_history  td#td2 p {
 overflow:hidden   ;
 /*width:200px; */
}

#employment_history  td#td3 {
 width: 40%;
position:relative;
 
 /*width:300px; */
}

#employment_history   td#td3 p { 
   overflow:hidden   ; 
   /* width:300px   ;*/
}

[clear_date='1'] { 
  background: #f1f1f1;
  max-width: 270px; 
  text-align: center;
  padding: 5px;
  cursor: pointer;
  background-color:  #565FC0;
  color:#fff;
  border-radius: 10px;
}
/*applicant_edit */
 
#applicant_edit table{ 
    width: 80%  
}
#applicant_edit input[type='text']  {  
  width: 90% ;
  max-width:500px;
}
#applicant_edit select  {  
 width:90% ;
 max-width:500px;
}
div[awg_category_choose]  {
	padding:5px; 
	cursor:pointer; 
	color:black; 
	width: 100px;
	/* background-color:#61399d */
	background-color:#E6E6E6;   
	border-radius:3px; 
	text-align:center; 
	border-radius: 3px;
}
#applicant_edit textarea { 
    width:90% ;
    max-width:500px;
    height:300px ; 
}
#applicant_edit th {
  text-align:left; 
  width:25% ;
 padding: 15px 5px 5px 5px; 
   vertical-align: top;  
}
#applicant_edit tr {  
 }
#applicant_edit td    { 
   padding: 15px 5px 5px 5px; 
   width:65% ;
   min-height: 10%;  
   vertical-align: top;  
}
#applicant_edit td.no_border { 
    border: none 
}
 
#applicant_edit tr.no_border { border-left:none; border-top:none; border-right:none; border-bottom: 1px solid #ea7305 !important;   margin-bottom: 40px; width: 100%; } 

 #applicant_edit tr.group_row    { margin-bottom: 100px;  }

 #applicant_edit img{
    width: 50%; 
    height:auto;
 }
 
 
/*work gallery main page*/
div[wgallery] {
   margin-top: 20px; margin-left: 15px;
}
.applicant table  {  
    width: 100%;
}
.applicant  th {
  text-align:left;
  width: 25% ;
}
.applicant td {
  padding: 5px 5px 5px 5px; 
  width:65% ;
  min-height: 10%;
  vertical-align: top;
}

.applicant tr {  
   margin-bottom:10px;
}
 
.applicant td input.text, .applicant td select { 
    width: 90%;
    max-width:500px;   
}
.applicant td textarea  {    
    width: 90%;
    max-width:500px; 
    height: 200px;   
}
.applicant tr.group_row {  
    position: relative; 
    margin-bottom: 50px; 
    border-bottom: 1px solid #d2d2cd; 
}

[wgallery='1'] form .add_box  input[type='text'], [wgallery='1'] form .add_box    textarea { 
   width:90% ;
   max-width: 500px;
   min-width:50px;
 }
  [wgallery='1'] form .add_box    textarea {

  min-height: 200px;
}

/*=================================================================================
 *apply
 *=================================================================================
 */
 
.content .content_child[apply_doc='1'] {
border:none;
}

form.apply {
 
position:relative; 
width: 85% !important;
/*
left:50%; 
margin-left:-42.5%; 
 */
margin:10px auto;
border: 5px solid #f2f2f0;
padding: 2% 2% 10% 2%;
border-radius: 5px;
}

.content .apply table th {

   width: 28%;
}

.apply table td select{ 
  width: 99%
}

.apply  table td  textarea {
overflow:auto;
height: 300px;
min-height: 300px;
width: 99%
}


#button.apply_submit{  
text-align:center;
width: 110px;
color:#fff;
background-color:#565FC0;
font-size:20px; 
margin-top: 18px  ;
margin: 0 auto;

}

/*employer job_posts*/
.unread_counter_global  {
margin-bottom: 10px;
padding:5px;
}

.unread_counter_global a {
 color: red;
 font-weight:bold;
text-decoration:underline;
}


.unread_counter_globalx {


max-width:230px;
}
.jbo_opt { 
 
cursor:pointer; 
}

/*=================================================================================
 * email settings
 *=================================================================================
 */ 


.email_setting {
padding: 15px;
}


.email_setting p {
max-width:700px;
}
.email_setting table {
max-width:500px;
}
.email_setting td , th {
padding:5px;
}
.email_setting td {
border-bottom: 1px solid #e6e6e6;
}
/*=================================================================================
 *terms
 *=================================================================================
 */

.terms_page {
padding: 15px;
max-width:700px;
margin:0 auto;

}



/*autosuggestion*/
.autosuggestionmainx {

display:none;
height: 0;
visibility:hidden;



}
.autosuggestionmain {
list-style-type: none;
display: none;
position: absolute;
border-left: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
padding: 5px;
margin: 0px 0px;
background-color: transparent;
clear: both;
z-index: 1000;
 
}
.search_form  .autosuggestionmain {
  margin-top: 30px; 
  width:70%;
  max-width: 400px;
  background:#E6E6E6;
}



/*=================================================================================
 * contact us page
 *=================================================================================
 */ 

.contact_us_1 {
 margin: 10px auto;
 padding : 15px;  
 width:95%;
}

.contact_us_1 td {
display:block; 
}
.contact_us_1  td textarea { 
   min-height: 200px;
}
.contact_us_1 td input[type='text'], .contact_us_1  td textarea {
width:90%;
max-width:500px;
}

/*datepicker , use high zindex to show atop absolutely positioned search area*/

#ui-datepicker-div {
z-index:999999 !important;
}


/*notifications*/
[notifications='1'] table {
width: 100%;
position:relative;
}
[notifications='1'] td {
position:relative;
}


[notifications='1'] td.nleft {

width: 70% !important;
}
 
[notifications='1'] td.nleft p , [notifications='1'] td.nleft div  {
 width:100%;
overflow:hidden;
 
}

[notifications='1'] td.nright {

width: 25% !important;
min-width:150px !important;
}
[notifications='1'] tr {
display:table; 
border-bottom: 1px solid #E6E6E6;
width: 100%;
}



  .invitetext1  {
   font-style :italic; 
   border-bottom: 1px solid #CAC4C4;
   margin-bottom:6px;


 }

/* applicant_profile public_search */
a.ap_sign_in {
color: #E06930;
font-weight:bold ;

}

[ps_img='1']{

width:50px;
/*height:50px;*/
height:auto;
}

 /*responsive tables*/
/* 
Generic Styling, for Desktops/Laptops 
*/
table { 
  width: 90%; 
  border-collapse: collapse; 
}
/* Zebra striping 
tr:nth-of-type(odd) { 
  background: #eee; 
}
*/
/*
th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}
*/
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
@media screen   and  (max-width: 514px)  and (min-width:480px){
*/

/*fit the edit_delete buttons, just workaround since adding a div container will disrupt current js*/


@media screen and (max-width:1024px) {


	[job_posts='1']   thead, [job_posts='1']  tbody, [job_posts='1']  th, [job_posts='1']   td, [job_posts='1']  tr  {
                  float:none !important;
                  clear:both !important;
		  display: block !important; 
	} 
	
	/* Hide table headers (but not display: none;, for accessibility) */  
 
	
	[job_posts='1'] td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;  
		position: relative;
		text-align: left !important;
                width:90% !important; 
                float:none !important;
                clear:both !important;
                width: 90% !important;
	}



	[job_posts='1'] thead tr     { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	[job_posts='1'] td *  {   
		width: auto !important ; 
		float:none !important; 
		clear:both !important;  
	
	
	}
	[job_posts='1'] td input[type='text'],  [job_posts='1']  td textarea {
	
		width: 98% !important;
	}
	[job_posts='1']  td:before  { 
		/* Now like a table header */ 
		width: 20%; 
		text-align:left; 
		padding-right: 50px;
		margin-left:0 ;
		font-weight:bold; 
		white-space: nowrap;
		display: inline-block; 
		vertical-align: top !important;
	}
	 
	
	/*Label for job_posts page, width in before is problematice, exceeds parent in wide margin */
	[job_posts='1']   td:nth-of-type(1) { 
		width:90%; 
		border-top:1px solid #A3A3A3;  
	}
	[job_posts='1']   td:nth-of-type(1):before { 
		content: "Job Post";
		padding-top: 20px;  
	}
 [job_posts='1']  td:nth-of-type(2):before { content: "Mailing List"; }
	  [job_posts='1']  td:nth-of-type(3):before { content: "Status"; }
	  [job_posts='1']  td:nth-of-type(4):before { content: "Action"; }
	/*[job_posts='1']  td:nth-of-type(5):before { content: "Shortlisted"; }
	[job_posts='1']  td:nth-of-type(6):before { content: "Hired"; }
	[job_posts='1']  td:nth-of-type(7):before { content: "Action"; }*/
	
	

}


@media screen and (max-width:950px) {

  .edit_delete_bt span {
        display:block !important;
      
  }
}





@media  only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {

           /*disable bulk action options on various forms tables*/
            #target_id {

               display:none;
            }

              
	 /* Force table to not be like tables anymore */
            table:not(.ui-datepicker-calendar), table:not(.ui-datepicker-calendar) thead, table:not(.ui-datepicker-calendar)  tbody,table:not(.ui-datepicker-calendar)  tr  {        
                  float:none !important;
                  clear:both !important;
		  display: block !important; 
	} 

	.table:not(.ui-datepicker-calendar) th, table:not(.ui-datepicker-calendar)  td     {
                  float:none !important;
                  clear:both !important;
		  display: block !important; 
                  width:90% !important;
	} 
	
	/* Hide table headers (but not display: none;, for accessibility) */
	
	
	tr { /*border: 1px solid #ccc;*/}
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;  
		position: relative;
		text-align: left !important;
                width:90% !important; 
                float:none !important;
                clear:both !important;
                width: 90% !important;
	}

        #applicant_contracts_page thead tr, .inbox_container thead tr ,  [job_posts='1'] thead tr , .employment_history_table  thead tr ,  #employer_contracts   thead tr   { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	 #applicant_contracts_page  td *, .inbox_container td *,[job_posts='1'] td *, .employment_history_table td * , #employer_contracts   td *   {  
         /* margin:1px auto !important; */
         
          width: auto !important ; 
          float:none !important; 
          clear:both !important;  
         /*  text-align:center  ;  display: inline-block !important;  */
           
        }
       td input[type='text'], td textarea {
  
           width: 98% !important;
        }
       #applicant_contracts_page    td:before, .inbox_container td:before, [job_posts='1']  td:before, .employment_history_table td:before, #employer_contracts   td:before { 
		/* Now like a table header */ 
                width: 20%; 
                text-align:left; 
		padding-right: 50px;
                margin-left:0 ;
                font-weight:bold; 
		white-space: nowrap;
                display: inline-block; 
                vertical-align: top !important;
       }

	/*applicant contracts page*/

        #applicant_contracts_page td:nth-of-type(1):before { content: "Contracts"; }
        #applicant_contracts_page td:nth-of-type(2):before { content: "Status"; }
    






        /*search*/
      #bp_applicants_only .filter_container td:nth-of-type(1), #bp_applicants_only .filter_container td:nth-of-type(2) {
          width: auto !important ; 
          float:none !important; 
          clear:both !important;  
          
     }
 




	/*Label for inbox outbox */
	
	
         .inbox_container  td:nth-of-type(1):before { content: " "; }
	 .inbox_container  td:nth-of-type(2):before { content: "Date"; }
	 .inbox_container  td:nth-of-type(3):before { content: "Sender"; }
	 .inbox_container  td:nth-of-type(4):before { content: "Subject"; }
	 .inbox_container  td:nth-of-type(5):before { content: "Delete"; }
          


         /*Label for job_posts page, width in before is problematice, exceeds parent in wide margin */
            [job_posts='1']   td:nth-of-type(1) { 
                width:90%; 
                border-top:1px solid #A3A3A3;  
             }
            [job_posts='1']   td:nth-of-type(1):before { 
               content: "Job Post";
               padding-top: 20px;  
          }
          [job_posts='1']  td:nth-of-type(2):before { content: "Mailing List"; }
	  [job_posts='1']  td:nth-of-type(3):before { content: "Status"; }
	  [job_posts='1']  td:nth-of-type(4):before { content: "Action"; }
	 /* [job_posts='1']  td:nth-of-type(5):before { content: "Shortlisted"; }
	  [job_posts='1']  td:nth-of-type(6):before { content: "Hired"; }
	  [job_posts='1']  td:nth-of-type(7):before { content: "Action"; }*/

	
        /*label for employment history */ 

      .employment_history_table td:nth-of-type(1):before { content: "Duration"; }
      .employment_history_table td:nth-of-type(2):before { content: "Employer"; }
      .employment_history_table td:nth-of-type(3):before { content: "Description"; } 
      .employment_history_table td:nth-of-type(4):before { content: "Action"; }



       #employer_contracts  td:nth-of-type(1):before { content: "Title"; }
       #employer_contracts  td:nth-of-type(2):before { content: "Contractor"; }
       #employer_contracts  td:nth-of-type(1) { 
          padding-bottom:20px !important;
       }
       
     /*employer applicant lists */
     .applicantslist #ajax_generated_content {
	   
        clear:both !important; 
	float:none !important; 
	width: 90% !important;  
	 
      }



     p#reload {

         width:70%  !important; 
         max-width:  300px !important; 
         margin: auto !important;
          
    }
    #applicant_profile_1details {
       float:none !important;
       clear:both !important;
       display:block !important;
       width:auto !important;
 
    }


    .edit_bid {

      width: 90%;  
      margin-left: -45%; 
    }

    .r_bid_container , .l_job_ad_container {

         margin:20px auto !important;
        clear:both !important; 
	float:none !important; 
        display:block !important;
	width: 90% !important;  
        padding:0 !important;  

     }

    .r_bid_container  [button_tab = '1'] {
         
         float:none !important; 
         display:block !important;
	 width:   90% !important;  
         max-width:200px !important;   
         margin: 20px auto !important;  

            
     }




     #applicant_profile td  {        
                 padding:0 !important;
     }
      #applicant_profile td     p {
               margin-top: 0 !important;
                 margin-bottom: 0 !important;
     }
             
	  

    [notifications='1'] td.nleft {


           width: 90% !important;
    }
}












/*media queries */
@media screen and (max-width:1215px) {
.joblist input[type="checkbox"] {
  text-align:center !important;
                          margin: 5px auto 15px !important;
                          display:block !important;
                          float:none !important;
                          clear:both !important;
}

 .joblist .tb_common .edit_single {
                           /*border-top:1px solid gray;*/
                           padding-top:10px;
                           text-align:center !important;
                           margin: 10px auto !important;
                           display:block !important;
                           float:none !important;
                           clear:both !important;

  }


 .joblist .tb_common .delete_single  {
                
                          text-align:center !important;
                          margin: 10px auto !important;
                          display:block !important;
                          float:none !important;
                          clear:both !important;
 

         }

}


@media  screen and  (max-width: 1024px)     {  


      div::-webkit-scrollbar {  
         width: 8px;  
      }  

}	 
 

@media  screen and  (max-width: 1300px)  and   (min-width: 1024px)    {  

	 
}

 
 
 @media screen  and    (max-width: 1024px)  and (min-width: 768px) { 
	
  
	 
  
}




@media  screen and  (max-width: 768px)  { 
        .login  {	
          width: 90%; 

        }



	 div.alert_box { 
	   width: 50%;   
	   margin-left: -25%; 
                 
	 
         }
         .start_cat {

             width: 90% !important;
          }
        #add_category {

             width: 90% !important;
         }

        /*search box*/

       .search_input_container input[type='text'] {
          float: none;
          clear:both;
          display:block;
          width: 90% !important;
         
        } 
       
     
       /*manage category sidebar */

       .category_tree{

         display:none ;
         left: 0 !important;
         float:none  !important;
         clear:both !important;
         background: #EFF3FF;
         padding-left: 15px;
         z-index:1000 ;
         width:90%;
         margin:auto !important;
         box-shadow: 4px  4px  25px #E6E6E6 ;

 
       }
        div .joblist{

             width: 90%;
             
       }
       .category_tree_toggle {
         display:block;
       }
 
      /*home landing text*/

     .intro {

         width:90%;  
     }
      .intro .for_employers , .intro .for_freelancers{
        width:98%;
     }
}


 @media  screen and  (max-width: 500px)  { 
   .main {

     width:  97% !important;
     /* margin-left: -48.5% !important; */

    }
    .header_1  {
      display:block !important;
      float:none !important; 
      clear:both !important; 
       left:0 !important;
        width: 90%;
     }
     .header_2 { 
        float:none !important; 
        clear:both !important; 
        left:0 !important;
        width: 90%;
     }

   /* div#bell  {
      float:left;
    }
   .header_2 div[parent='1']  {

           float:left;
      }*/
    #profile_sub {


         left:0;
     }

     #applicant_profile_pimg {
       float:none;
       clear:both; 
    }
    #applicant_profile_ntitle { 
       float:none; 
       clear:both;
        width: 90%;
     } 
     .content#applicant_profile .wh_label {
 
           min-width:50px;
           display: block;
     }
     .jsleft {
        padding-left:0px;
      }
     .ga_row {
           margin-top:10px;
      }


     .appbp_r {
        border-bottom: 3px solid #f2f2f0; 
        margin-bottom:15px ;
      }


    div.content , .row{
      width: 90%;
    }
    div.joblist {
        width: 90%;
       left: 0px;
   }



   
}

 
 @media  screen  and   (max-width: 568px) and (min-width:515px)   { 
	
 
	 div.alert_box {
	 
	   width: 50%;   
	   margin-left: -25%; 
                  
	 
       }
         
	 
  
}
 

@media screen   and  (max-width: 514px)  and (min-width:480px)  { 
	
   div.alert_box {
	 
	   width: 50%;   
	   margin-left: -25%; 
                  
	 
       }
          
	 
  
}


@media screen   and  (max-width: 480px) {

            body {

             font-size: 12px !important;
            } 

            div.category_checkbox_container{
                      float:none;
                     width: auto !important;
                      /*width:90% !important; */
            }

 
            div.filter_container {
                float:none;
                width: 90% !important;
 
            }      
              

             
           .joblist {
             width: 90%;   
            }
              
 
           div.message_container .uncollapsed  {
              
                 width:90%

            }



           div.advanced_search_child {  
              padding: 10px 3px !important;
           }
}






@media screen   and  (max-width: 480px)  and (min-width:320px)  { 
	
	  div.alert_box {
	 
	   width: 70%;   
	   margin-left: -35%; 
                  
	 
       }
  
}
 


@media screen   and  (max-width: 320px)  and (min-width:200px)  { 
	
  
	 div.alert_box {
	 
	   width: 90%;   
	   margin-left: -45%; 
                 
	 
       }
         
      
}



 
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

 

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}


  select.countries option {
width:90% !important;
}



/*DRAGON*/
.button {
    padding: 5px;
    background: #97d14f;
    background-image: -moz-linear-gradient(top,#97d14f,#7dc523) !important;
    background-image: -o-linear-gradient(top,#97d14f,#7dc523) !important;
    border: 1px solid #97d14f;
    cursor:pointer;
display: inline-block;
margin-top:20px;
margin-bottom:20px;

}
.button a {
color: white;
}
.main  {


left: 0;
margin-left: 0;
width: 100%;
}

.logo_text {

width:250px;
}
.ex_default.sel {
background: #97d14f;

}
 
.intro {
    margin: 0 auto;
    float: none;
    width: 100%;
}

.intro .for_employers, .intro .for_freelancers { 
    background-color: rgba(74, 49, 49, 0.31);

     margin-bottom: 10px;
}



.tb-parent-vc  {

display:table;
 width: 100%; height: 550px;
}
.tb-child-vc-n1 {

margin-bottom: 20px;
text-align:center;

 font-size: 25px;
}


.tb-child-vc-n1 p {
margin: 0

}


.tb-child-vc-n2 {

width:90%; margin: auto;
}

.tb-child-vc-n2 a {
color: white;
}
.fullwidth {
width:90%  !important; 
}
.fullwidth .row{
width:auto;
}

.row {
    border: 1px solid #EFEDED;
    padding: 10px;
margin-top: 21px !important;
}
.row #excerpt {
   
    margin-top: 10px;
    margin-bottom: 10px;

}
.cart-show.page {

width: auto;

}

.products .row {


}

.products  .paid_ad_img {
display: inline-block !important;
vertical-align: middle !important;
}
.products .paid_ad_anchorlink {
display: inline-block !important;
vertical-align: middle !important;
text-decoration: none !important;

}

.cart-show-form {
margin: auto;
max-width: 400px;
}
.footer {

left: 0;
margin-left: 0;
width: 100%;
}










.in-cart-already a {
    display: inline-block;
    background: #97d14f;
    padding: 10px;
    color: white;
    margin: 10px auto;
    font-weight: bold;
}

input[type="button"], 
input[type="submit"] {
    display: inline-block;
    background: #97d14f;
    padding: 10px;
    color: white; 
    font-weight: bold;
}

.cart_submit {
min-width:100px;
}


.ml_viewapp {
background: #97d14f  !important;
padding: 3px 5px !important;

color: white !important;
}