@import url('./HelveticaNeueWebfont/stylesheet.css');

.contenttop {
  width: 817px;
  height: 130px;/*482px;*/
  overflow: hidden;
  background-color: #f3f3e4;
  padding: 20px 101px 20px 102px;
  margin: 0px;
}
.topdetail {
  width: 817px;
  height: 130px;/*482px;*/
  text-align: center;
  background-color: Transparent;
  background-position: bottom left;
  background-repeat: no-repeat;
  background-image: none;/*url(../images/backgrounds/bg_recruiter_register.gif);*/
}


.contentbottom {
  width: 100%;
  min-height: 100px;
  overflow: auto;
  margin: 0px auto 20px;
  padding: 0px;
  background-color: Transparent;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: none;
}

.contentbtmleft .row {
  clear: both;
  width: 740px;
  min-height: 10px;
  overflow: auto;
  margin: 0px 0px 0px;
  padding: 0px;
  background-color: Transparent;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: none;
}
.contentbtmleft .row .shortfield {
  float: left;
  width: 360px;
  min-height: 30px;
  overflow: auto;
  margin: 0px;
  padding: 0px 0px 15px 0px;
  background-color: Transparent;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: none;
}
.contentbtmleft .row .longfield {
  float: left;
  width: 740px;
  min-height: 30px;
  overflow: auto;
  margin: 0px;
  padding: 0px 0px 15px 0px;
  background-color: Transparent;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: none;
}
.contentbtmleft .row .alt {
  margin-left: 20px;
}
.contentbtmleft .row .fieldtop {
  width: 360px;
  height: 5px;
  margin: 0px;
  padding: 0px;
  background-color: Transparent;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(../images/input_recruiter_register_top.gif);
}
.contentbtmleft .row .longfield .fieldtop { width: 740px; background-image: url(../images/input_recruiter_register_wide_top.gif); }
.contentbtmleft .row .fieldmid {
  width: 346px;
  min-height: 5px;
  margin: 0px;
  padding: 7px 7px;
  background-color: Transparent;
  background-position: top left;
  background-repeat: repeat-y;
  background-image: url(../images/input_recruiter_register_mid.gif);
}
.contentbtmleft .row .longfield .fieldmid { width: 726px; background-image: url(../images/input_recruiter_register_wide_mid.gif); }
.contentbtmleft .row .fieldbtm {
  width:360px;
  height: 5px;
  margin: 0px;
  padding: 0px;
  background-color: Transparent;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(../images/input_recruiter_register_btm.gif);
}
.contentbtmleft .row .longfield .fieldbtm { width: 740px; background-image: url(../images/input_recruiter_register_wide_btm.gif); }
#f_recreg input#sName, #f_recreg input#sEmail, #f_recreg input#sTelephone, #f_recreg input#sCompany {
  
  height: 30px;
  padding: 0px;
  border: 0px;
  float:left;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: none;
}
#f_recreg input#sName { background-image: url(../images/labels/lbl_name.gif); }
#f_recreg input#sEmail{ background-image: url(../images/labels/lbl_email.gif); }
#f_recreg input#sTelephone { background-image: url(../images/labels/lbl_telephone.gif); }
#f_recreg input#sCompany { background-image: url(../images/labels/lbl_company.gif); }
#f_recreg textarea#sMessage {
  width: 726px;
  height: 110px;
  border: 0px;
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 1em;
  background-color: white;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(../images/labels/lbl_your_recruitment_requirements.gif);
}
.contentbtmleft .subscribe {
  width: 400px;
  min-height: 10px;
  overflow: auto;
  margin: 5px 0px 0px;
  padding: 0px;
}
#f_recreg label {
  font-family: Arial, Helvetice, Sans-Serif;
  font-size: 1em;
  color: #212121;
  margin: 0px 0px 0px 5px;
  padding: 0px;
}
#f_recreg input#btnRegister {
  float: left;
  width: 198px;
  height: 46px;
  border: 0px;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 1em;
  font-weight: bold;
  color: #fff;
  background-color: Transparent;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(../images/desktop/registercomp/sendapp.png);
  cursor: pointer;
}
.contentbtmright .righttop {
  width: 220px;
  height: 5px;
  margin: 0px;
  padding: 0px;
  background-color: Transparent;
  background-position: top left;
  background-repeat: no-repeat;
}
.contentbtmright .rightmid {
  width: 190px;
  min-height: 5px;
  margin: 0px;
  font-size: 1em;
  background-color: Transparent;
  background-position: top left;
  background-repeat: repeat-y;
  background-color:White;
  padding:0px 15px 10px;
}
.rightmid p
{
    color: #16639a;   
}
li { margin-bottom: 15px; }
.contentbtmleft .row {
  clear: both;
  width: 740px;
  min-height: 10px;
  overflow: auto;
  margin: 0px 0px 0px;
  padding: 0px;
  background-color: Transparent;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: none;
}
.contentbtmleft {
  float: left;
  width: 750px;
  min-height: 100px;
  overflow: auto;
  padding: 10px 15px 15px;
  margin: 0px 0px 0px 20px;
  padding: 0px;
  background-color: Transparent;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: none;
}
.contentbtmright {
  float: left;
  width: 220px;
  min-height: 100px;
  overflow: auto;
  margin: 0px;
  padding: 0px 0px 15px 0px;
  background-color: Transparent;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: none;
}
input 
{
    width:95%;
    height: 19px;
    padding: 1px 0px 0px 0px;
    margin: 0px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #212121;
    border: solid 0px #fff;
    margin: 6px 3px 0px;
    background-color: #fff;
    background-position: top left;
    background-repeat: no-repeat;
    background-image: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border:1px solid #dedede;
    border-radius: 6px;
    
}
textarea
{
background-color:White; 
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border:1px solid #dedede;
border-radius: 6px;   
}
.row.emiele {
  display: none;
}
#bSubscribe
    {
        width:20px;
    }
@media (min-width:0px) and (max-width:480px)
{ /* smartphones, iPhone, portrait 480x320 phones */ 
    .contentbtmleft .row 
    {
        width:90%;    
    }
    .contentbtmleft .row .alt
    {
        margin-left:0px;    
    }
    .contentbtmleft .row .longfield
    {
        width:100%;    
    }
    .contentbtmright
    {
        display:none;    
    }
    .contentbtmleft
    {
        width:95%;    
    }
    #f_recreg textarea#sMessage
    {
        width:100%;
    }
    .contentbtmleft .row .shortfield
    {width:100%;}
    input
    {
        width:98%;    
    }
    .contentbtmleft .subscribe
    {
       width:100%;
    }
}

@media (min-width:481px) and (max-width:656px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
    .contentbtmleft .row 
    {
        width:90%;    
    }
    .contentbtmleft .row .alt
    {
        margin-left:0px;    
    }
    .contentbtmleft .row .longfield
    {
        width:100%;    
    }
    .contentbtmright
    {
        display:none;    
    }
    .contentbtmleft
    {
        width:95%;    
    }
    #f_recreg textarea#sMessage
    {
        width:100%;
    }
    .contentbtmleft .row .shortfield
    {width:100%;}
    input
    {
        width:98%;    
    }
    .contentbtmleft .subscribe
    {
        width:100%;
    }
}

@media (min-width:657px) and (max-width:960px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
    .contentbtmleft .row 
    {
        width:90%;    
    }
    .contentbtmleft .row .alt
    {
        margin-left:0px;    
    }
    .contentbtmleft .row .longfield
    {
        width:100%;    
    }
    .contentbtmright
    {
        display:none;    
    }
    .contentbtmleft
    {
        width:95%;    
    }
    #f_recreg textarea#sMessage
    {
        width:100%;
    }
    .contentbtmleft .row .shortfield
    {width:50%;}
    
    
}

@media (min-width:961px)  and (max-width:1280px)
{ /* tablet, landscape iPad, lo-res laptops ands desktops */ 
    .contentbtmright
    {
        width:25%;
        margin:0 auto;    
    }
    .contentbtmleft
    {
        width:70%;    
    }
     .contentbtmleft .row 
    {
        width:90%;    
    }
    .contentbtmleft .row .alt
    {
        margin-left:0px;    
    }
    .contentbtmleft .row .longfield
    {
        width:100%;    
    }
    #f_recreg textarea#sMessage
    {
        width:100%;
    }
    .contentbtmleft .row .shortfield
    {width:50%;}
    .aboutcontent
    {
        width:84%    
    }
}
@media (min-width:1281px) { /* hi-res laptops and desktops */ 
                            
}