/* General */
.box {
    display: block;
    height: 420px;
    width: 95%;
    border: 1px solid #AAAAAA;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
/* Process Page */
#processLeft {
    float: left;
    width: 62%;
}
#processLeft h1 {
    background: url('/images/public/i-expatriate-logo.png') no-repeat;
    padding-left: 266px;
    height: 60px;
    padding-top: 20px;
    width: 300px;
    border-bottom: 1px dotted #999;
    font-size: 24px;
    margin-bottom: 16px;
    color: #454545;
}
#processRight {
    float: right;
    margin-left: 15px;
    top: 16px;
    width: 36%;
}
#processRight h1 {
    font-size: 12px;
    background: #333333;
    color: #fff;
    width: 315px;
    padding: 5px 0 5px 10px;
    margin: 20px 0 15px 0px;
}
#processRight a {
    text-decoration: none;
    color: #454545;
}
#processBox p {
    color: #777777;
    font-size: 12px;
}
#processSubBox {
    margin-left: 20px;
    width: 550px;
    height: 255px;
    display: block;
    border: 1px solid #ccc;
    padding: 0 0 0 0;
}
#processSubBox ul {
    width: 240px;
    height: 190px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
#processSubBox li {
    background: none repeat scroll 0 0 #eeeeee;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #ccc;
    display: block;
    height: 34px;
    width: 80%;
    -webkit-transition: all 0.26s ease-out 0s;
    -moz-transition: all 0.26s ease-out 0s;
    -o-transition: all 0.26s ease-out 0s;
    transition: all 0.26s ease-out 0s;
    list-style: none !important;
    color: #454545;
    font-size: 13px;
    padding-top: 15px;
    cursor: pointer;
    text-align: center;
}
#processSubBox li:hover {
    text-indent: 20px;
    background: none repeat scroll 0 0 #2779ba;
    display: block;
    width: 85%;
    color: #ffffff !important;
}
#processContent {
    float: right;
    height: 215px;
    overflow: hidden;
    width: 330px;
    display: hidden;
    margin-right: 14px;
    margin-top: -200px;
}
#processContent section {
    width: 345px;
    height: 215px;
    display: block;
    vertical-align: top;
}
#processContent h2 {
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 0.7em;
    font-family: 'TitilliumText22LThin';
    color: #111;
}
#processContent p {
    padding-left: 160px;
    padding-right: 15px;
    background: none no-repeat left top;
    height: 150px;
}
#consultationContent p {
    background-image: url(/images/public/process1.jpg);
}
#distributionContent p {
    background-image: url(/images/public/process2.jpg);
}
#searchContent p {
    background-image: url(/images/public/process3.jpg);
}
#filterContent p {
    background-image: url(/images/public/process4.jpg);
}
#hireContent p {
    background-image: url(/images/public/process5.jpg);
}
.display {
    display: visible;
}
.hidden {
    display: hidden;
}

/* Pricing Page */
.content{margin: 50px auto 20px auto;text-align: center;min-height: 500px;border-radius: 6px;border: 1px solid #ececec;
box-shadow: 0px 3px 6px 0px #ececec;}

.content h2{color: #3399db;font-size: 20px;font-weight: bold;margin: -20px 0px 0px 0px;}

.content h2 span{padding: 10px 80px;background-color: white;}

.content p{color: #424240;}

.boxGroup{min-height: 210px;border: 1px solid #e7e7e7;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;padding: 0px 0px 30px 0px;margin: 0px 0px 20px 0px;}

.boxGroup h4{color: #585858;font-size: 15px;text-transform: uppercase;padding: 13px 0px 0px 20px;font-family: Arial,sans-serif;
    position: relative;background-color: #eee;background-image: -moz-linear-gradient(#fff,#eee);
background-image: -webkit-gradient(linear, left top,left bottom, from(#fff), to(#eee));
background-image: -webkit-linear-gradient(#fff, #eee);background-image: -o-linear-gradient(#fff, #eee);
background-image: -ms-linear-gradient(#fff, #eee);background-image: linear-gradient(#fff, #eee);height:30px;}

.boxGroup a{text-align:center;font-weight:bold;float:left;}
.boxGroup p{float:left;margin: 20px 10px 0 50px;width:120px;height:100px;}

.boxGroup img.bx{width: 120px;height: 110px;float:left;border: 1px solid #d6d6d6;border-radius: 4px;-moz-border-radius: 4px;
-webkit-border-radius: 4px;box-shadow: 0px 0px 3px #d6d6d6;margin-bottom:10px;-webkit-transition: all 200ms;
 -moz-transition: all 200ms ;-o-transition: all 200ms ;transition: all 200ms;}
          
.boxGroup img.bx:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
-o-transform: scale(1.1);transform: scale(1.1);cursor:pointer;}
#pricingTable{margin:50px auto 50px 65px;text-align:center;width:892px;overflow:hidden;}

#pricingTable hr {text-decoration:none;display: block;border: 0; border-top: 1px solid #ccc;
margin: 5px 0 8px 0; padding: 0; }

#pricingTable .pCase{font:13px 'Helvetica Neue',Arial,Sans-serif;
text-shadow:0 1px rgba(255,255,.8);background:#fff;border: 1px solid #ddd;
color:#333;padding:20px;width:190px;height:470px;float:left;position:relative;margin-left: 30px;
border-radius:10px;webkit-transition: all 400ms linear; -moz-transition: all 400ms linear;-o-transition: all 400ms linear;
-ms-transition: all 400ms linear;transition: all 400ms linear;}

#pricingTable .pCase:hover{cursor:pointer;border:solid 1px #b7cad3;}
/* --------------- */    

#pricingTable h3 {font-size: 20px;font-weight: normal;padding: 20px;margin: -10px -20px 10px -20px;font-family: 'Source Sans Pro',sans-serif;font-weight: 400;
background-color: #eee;background-image: -moz-linear-gradient(#fff,#eee);
background-image: -webkit-gradient(linear, left top,left bottom, from(#fff), to(#eee));
background-image: -webkit-linear-gradient(#fff, #eee);background-image: -o-linear-gradient(#fff, #eee);
background-image: -ms-linear-gradient(#fff, #eee);background-image: linear-gradient(#fff, #eee);height:120px;}

#pricingTable h3 span {display: block;font: bold 25px/100px Helvetica Neue, San-Serif;color: #777;cursor: pointer; 
background: #fff;border: 5px solid #fff;height: 100px;width: 100px;margin: 55px 0px 30px 40px;
-moz-border-radius: 100px;-webkit-border-radius: 100px;border-radius: 100px;
-moz-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;-webkit-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset; -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s  ease-in-out;-o-transition: all 0.3s  ease-in-out;
-ms-transition: all 0.3s ease-in-out;transition: all 0.3ss  ease-in-out;}

#pricingTable h3 span:hover {border-radius: 90%; color: #4698d8;
 transform: scale(1);box-shadow: 0 0 0 20px rgba(255,255,255,0.2),
 inset 0 0 3px rgba(115,114, 23, 0.8);}
#pricingTable h4 {font-size: 12px;text-transform:uppercase;color:#6e7579;margin-top:-108px;
font-weight:600;font-family: 'Source Sans Pro'!important}
#pricingTable dl {margin: 22px 0 0 0;padding:0;-webkit-font-smoothing:antialiased;font-family: 'Source Sans Pro'!important}
#pricingTable dt {color:#747474;padding: 5px 0;margin:-5px 0 0 0;font-family: 'Source Sans Pro'!important;font-weight: 400;font-size:13px;-webkit-font-smoothing:antialiased;}

/* --------------- */

#pricingTable .regis {position: relative;padding: 9px 20px;margin: 122px 0 0 0; cursor: pointer; 
font: bold 14px Arial, Helvetica;text-transform: uppercase;
text-shadow:0 -1px 0 rgba(0, 0, 0, 0.33);
text-decoration: none;border-color: #000;-webkit-font-smoothing: antialiased;
color: #fff;border: solid 1px #0076a3;background: #0095cd;
background: -webkit-gradient(linear, left top, left bottom, from(#4698d8), to(#2d6fcd));
background: -moz-linear-gradient(top,  #4698d8,  #2d6fcd);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4698d8', endColorstr='#2d6fcd');
-webkit-border-radius: 0.5em;-moz-border-radius: 0.5em;border-radius: 0.5em;}

#pricingTable .regis:hover {text-decoration: none;background: #007ead;
background: -webkit-gradient(linear, left top, left bottom, from(#2d6fcd), to(#4698d8));
background: -moz-linear-gradient(top,  #0095cc,  #00678e);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');}

#pricingTable .regis:active {position: relative;top: 1px;color:#80bed6;
background: -webkit-gradient(linear, left top, left bottom, from(#4698d8), to(#2d6fcd));
background: -moz-linear-gradient(top,#2d6fcd,#4698d8);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d6fcd', endColorstr='#4698d8';)}

/* Applicant Tracking Page */
#dashboardBox {
    color: #777777;
    padding: 30px;
}
#dashboardBox h1 {
    font-size: 26px;
    font-weight: bold;
    color: #454545;
    font-family: 'TitilliumText22LThin';
}
#dashboardBox h1, p {
    margin-left: 25px;
}
#dashboardBox {
    height: 1161px;
}
.dashboardLeft {
    display: inline-table;  
    width: 360px; 
    padding: 0 50px 0 70px;
}
.dashboardLeft p {
    margin-left: 0px;
}
.dashboardRight {
    display: inline-table; 
    width: 360px;  
    padding: 0 0 0 50px;
}
.dashboardRight p {
    margin-left: 0px;
}

/* FAQ Page */
#faqBox {
    padding: 0 25px 0 25px;
    height: 1250px;
}
#faqBox a {
    color: #454545;
    text-decoration: none;
}
#faqBox h3 {
    font-weight: bold;
    font-size: 14px;
    color: #454545;
}
#faqBox p {
    font-size: 14px;
    color: #777777;
}

/* Contact Page */
#contactBox {
    height: 800px;
    padding: 25px;
}
#contactBox h1 {
    font-size: 24px;
    font-weight: bold;
    color: #454545;
    font-family: 'TitilliumText22LThin';
}
#contactBox h2 {
    font-size: 18px;
    font-weight: bold;
    color: #454545;
    font-family: 'TitilliumText22LThin';
}
#contactBox p, label {
    font-family: "Arial", arial, Tahoma, Sans-Serif;
    font-size: 14px;
    color: #777;
}
#contactBox p b {
    display: inline-block;
    width:150px;
}
#contactBox .error {
    color: #FF6A6A;
    font-weight: bold;
}
#contactBox .success {
    color: #00CD00;
    font-weight: bold;
}
#contactBox img {
    float: right;
}
#contactBox label {
    width: 150px;
    display: inline-block;
    font-weight: bold;
    vertical-align: top;
    margin-left: 25px;
}
#contactBox input[type='submit'] {
    margin-left: 25px;
}

/* Online Interview Page */
#interviewBox {
    height: 850px;
}
#interviewBox aside {
    float: right;
    display: inline-block;
    width: 590px;
    padding-top: 90px;
}
#interviewBox article {
    float: left;
    display: inline-block;
    width: 300px;
}
#interviewBox h1 {
    font-size: 26px;
    font-weight: bold;
    color: #454545;
    font-family: 'TitilliumText22LThin';
    padding-left: 25px;
}
#interviewBox p {
    padding: 7px 0px;
    line-height: 1.7em;
    font-size: 14px;
    color: #777777;
}

/* Cost Saving Calculator Page*/
#calculatorBox {
    height: 520px;
    padding: 25px 0 25px 25px;
}
#calculatorBox h1 {
    font-size: 26px;
    font-weight: bold;
    color: #454545;
    font-family: 'TitilliumText22LThin';
    margin: 0;
}
#calculatorBox h3 {
    font-size: 16px;
    color: #454545;
    margin: 0;
}
#calculatorBox p {
    padding: 7px 0px;
    margin: 0px;
    line-height: 1.7em;
    color: #777777;
}
.ixp-sliders-container { border: 1px solid #CCC; padding: 10px; margin: 10px; width: 900px; }
.ixp-slider-section { margin: 10px 0; }
.ixp-slider-container { width: 600px; margin-right: 20px; float: left; }
.ixp-slider .ui-slider-range,
.ixp-call-to-action { background: #007EDB; }
.ixp-slider-section h3, 
.ixp-important { color: #0A406E; font-weight: bold; }
.ixp-important { font-size: 30px; }
.ixp-slider-section h3 { font-size: 16px; margin-bottom: 5px; }
.ixp-slider.ui-slider .ui-slider-handle { width: 20px; height: 38px; }
.ixp-call-to-action {
    font-size: 20px;
    padding: 6px 18px;
    display: inline-block;
    text-decoration: none;
    color: #FFF;
    border: 2px solid #10578B;
    margin-top: 10px;
}
.ixp-sliders-container small { font-size: 60%; }
.ixp-slider,
.ixp-slider-container,
.ixp-slider.ui-slider-horizontal .ui-slider-range { height: 30px; } 

/* Optimize Your Vacancy */
#optimizeBox {
    height: 850px;
}
#optimizeBox h1 {
    font-size: 26px;
    font-weight: bold;
    color: #454545;
    font-family: 'TitilliumText22LThin';
    margin-left: 25px;
}
#optimizeBox p, li{
    color: #777777;
    font-size: 14px;
}

/* Privacy Page */
#privacyBox {
    height: 100%;
}
#privacyBox h1 {
    font-size: 26px;
    font-weight: bold;
    color: #454545;
    font-family: 'TitilliumText22LThin';
    margin-left: 25px;
}
#privacyBox p {
    color: #777777;
    font-size: 14px;
}

/* Terms of Service */
#serviceBox {
    height: 3800px;
}
#serviceBox h1 {
    font-size: 26px;
    font-weight: bold;
    color: #454545;
    font-family: 'TitilliumText22LThin';
    margin-left: 25px;
}
#serviceBox p {
    color: #777777;
    font-size: 14px;
}
/* Testimonials Page */
#testimonialBox {
	height:100%;
	width: auto;
}
#testimonialBox section {
    border: 1px solid #ccc;
    margin: 10px auto;
    padding: 10px;
    
}
#testimonialBox aside {
    float: left;
}
#testimonialBox article {
    float: left;
    width: 60%; 
}
#testimonialBox img {
    max-width:250px; 
    max-height:250px;
}
#testimonialBox h3 {
	padding-left: 25px;
}