﻿/*---Reset CSS Start---*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
/*---Reset CSS End---*/

body { font-family: Arial; font-size: 12px; min-width: 1000px; outline: none; }
*:focus { outline-style: none;}
.jquery-dialog { display: none; }

/* General common styles */
.ellipsis { white-space: nowrap; overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}
.clear {}
.clear:after { content: " "; display:block; clear:both; visibility:hidden; height:0; line-height:0;}

.watermark,
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder { color: gray;}

/* General text button styles */
input.input-text-button { 
    cursor: pointer; padding: 0 20px; border-style: none; font-size: 15px; line-height: 26px;
    vertical-align: middle; font-weight: bold; color: #fff; height: 28px;
}
input.input-text-button:hover {}

/*input.text-but-submit { background-color: #ff9200;}
input.text-but-submit:hover { background-color: #FF6D00;}*/

input.text-but-submit {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #0E7FD9;
}
input.text-but-submit:hover { background-color: #0099FF;}

input.text-but-reset {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #b2b2b2;
}
input.text-but-reset:hover { background-color: #999;}

/* Social Icons */
.social { 
    /*background: url('/images/common/recruit_social_icon.png') no-repeat scroll 0px 0px;*/
    width:31px; height:31px; font-size:0; line-height:0; display:block;}
    /* Green */
.social2 { 
/*background: url('/images/common/recruit_social_icon.png') no-repeat scroll 0px 0px;*/ 
width:20px; height:20px; font-size:0; line-height:0; display:block;}
.social.apps { background-position: 0px -31px;}
.social.fb { background-position: -31px -31px;}
.social.google-plus { background-position: -62px -31px;}
.social.weibo { background-position: -93px -31px;}
.social.youtube { background-position: -124px -31px;}
.social.app-store { background-position: -155px -31px;}
.social.google-play { background-position: -186px -31px;}
    /* White */
.social.apps.reverse { background-position: 0px 0px;}
/*.social.fb.reverse { background-position: -31px 0px;}*/
.social.fb.reverse { background: url('/images/common/btn_FB.png') no-repeat scroll 0px 0px; }
.social.google-plus.reverse { background-position: -62px 0px;}
.social.weibo.reverse { background-position: -93px 0px;}
.social.youtube.reverse { background: url('/images/common/btn_YT.png') no-repeat scroll 0px 0px; }
/*.social.app-store.reverse { background-position: -155px 0px;}
.social.google-play.reverse { background-position: -186px 0px;}*/
.social.app-store.reverse { background: url('/images/common/btn_iOS.png') no-repeat scroll center; }
.social.google-play.reverse { background: url('/images/common/btn_GooglePlay.png') no-repeat scroll center; }
.social2.app-store.reverse { background: url('/images/common/btn_iOS.png') no-repeat scroll center; }
.social2.google-play.reverse { background: url('/images/common/btn_GooglePlay.png') no-repeat scroll center; }
.social.instagram.reverse { background: url('/images/common/btn_IG.png') no-repeat scroll 0px 0px; }
/* hover */
.social.apps:hover, .social.apps.reverse:hover { background-position: 0px -62px;}
/*.social.fb:hover, .social.fb.reverse:hover { background-position: -31px -62px;}*/
.social.fb:hover { background-position: -31px -62px;}
.social.fb.reverse:hover { background: url('/images/common/btn_FB_hover.png') no-repeat scroll 0px 0px; }
.social.google-plus:hover, .social.google-plus.reverse:hover { background-position: -62px -62px;}
.social.weibo:hover, .social.weibo.reverse:hover { background-position: -93px -62px;}
/*.social.youtube:hover, .social.youtube.reverse:hover { background-position: -124px -62px;}*/
.social.youtube:hover { background-position: -124px -62px;} 
.social.youtube.reverse:hover { background: url('/images/common/btn_YT_hover.png') no-repeat scroll 0px 0px;}
.social.linkedin.reverse { background: url('/images/common/btn_LinkedIn.png') no-repeat scroll 0px 0px;    border-radius: 6px; }
.social.linkedin.reverse:hover { background: url('/images/common/btn_LinkedIn_hover.png') no-repeat scroll 0px 0px;}
/*.social.app-store:hover, .social.app-store.reverse:hover { background-position: -155px -62px;}
.social.google-play:hover, .social.google-play.reverse:hover { background-position: -186px -62px;}*/
.social.app-store:hover, .social.app-store.reverse:hover, .social2.app-store.reverse:hover { background: url('/images/common/btn_iOS_hover.png') no-repeat scroll center; }
.social.google-play:hover, .social.google-play.reverse:hover, .social2.google-play.reverse:hover { background: url('/images/common/btn_GooglePlay_hover.png') no-repeat scroll center; }
.social.instagram.reverse:hover { background: url('/images/common/btn_IG_hover.png') no-repeat scroll 0px 0px; }

/* Old Social Icon -START-*/
.socialOld { 
    background: url('/images/common/recruit_social_icon.png') no-repeat scroll 0px 0px;
    width:31px; height:31px; font-size:0; line-height:0; display:block;}
    /* Green */
.socialOld.apps { background-position: 0px -31px;}
.socialOld.fb { background-position: -31px -31px;}
.socialOld.google-plus { background-position: -62px -31px;}
.socialOld.weibo { background-position: -93px -31px;}
.socialOld.youtube { background-position: -124px -31px;}
.socialOld.app-store { background-position: -155px -31px;}
.socialOld.google-play { background-position: -186px -31px;}
    /* White */
.socialOld.apps.reverse { background-position: 0px 0px;}
/*.socialOld.fb.reverse { background-position: -31px 0px;}*/
.socialOld.fb.reverse { background: url('/images/common/btn_FB.png') no-repeat scroll 0px 0px; }
.socialOld.google-plus.reverse { background-position: -62px 0px;}
.socialOld.weibo.reverse { background-position: -93px 0px;}
.socialOld.youtube.reverse { background: url('/images/common/btn_YT.png') no-repeat scroll 0px 0px; }
/*.socialOld.app-store.reverse { background-position: -155px 0px;}
.socialOld.google-play.reverse { background-position: -186px 0px;}*/
.socialOld.app-store.reverse { background: url('/images/common/btn_iOS.png') no-repeat scroll center; }
.socialOld.google-play.reverse { background: url('/images/common/btn_GooglePlay.png') no-repeat scroll center; }
.socialOld.instagram.reverse { background: url('/images/common/btn_IG.png') no-repeat scroll 0px 0px; }
/* hover */
.socialOld.apps:hover, .socialOld.apps.reverse:hover { background-position: 0px -62px;}
/*.socialOld.fb:hover, .socialOld.fb.reverse:hover { background-position: -31px -62px;}*/
.socialOld.fb:hover { background-position: -31px -62px;}
.socialOld.fb.reverse:hover { background: url('/images/common/btn_FB_hover.png') no-repeat scroll 0px 0px; }
.socialOld.google-plus:hover, .socialOld.google-plus.reverse:hover { background-position: -62px -62px;}
.socialOld.weibo:hover, .socialOld.weibo.reverse:hover { background-position: -93px -62px;}
/*.socialOld.youtube:hover, .socialOld.youtube.reverse:hover { background-position: -124px -62px;}*/
.socialOld.youtube:hover { background-position: -124px -62px;} 
.socialOld.youtube.reverse:hover { background: url('/images/common/btn_YT_hover.png') no-repeat scroll 0px 0px;}
/*.socialOld.app-store:hover, .socialOld.app-store.reverse:hover { background-position: -155px -62px;}
.socialOld.google-play:hover, .socialOld.google-play.reverse:hover { background-position: -186px -62px;}*/
.socialOld.app-store:hover, .socialOld.app-store.reverse:hover { background: url('/images/common/btn_iOS_hover.png') no-repeat scroll center; }
.socialOld.google-play:hover, .socialOld.google-play.reverse:hover { background: url('/images/common/btn_GooglePlay_hover.png') no-repeat scroll center; }
.socialOld.instagram.reverse:hover { background: url('/images/common/btn_IG_hover.png') no-repeat scroll 0px 0px; }
/* Old Social Icon -END-*/

/* Benifit Icons */
.icon-benefit span { background: url('/images/header/icon_job_benefits.png') no-repeat scroll 0 0; padding-left: 18px;}
.icon-benefit .icon-benefit-101 { background-position: 0 0px;}
.icon-benefit .icon-benefit-102 { background-position: 0 -16px;}
.icon-benefit .icon-benefit-103 { background-position: 0 -32px;}
.icon-benefit .icon-benefit-104 { background-position: 0 -48px;}
.icon-benefit .icon-benefit-105 { background-position: 0 -64px;}
.icon-benefit .icon-benefit-106 { background-position: 0 -80px;}
.icon-benefit .icon-benefit-107 { background-position: 0 -96px;}
.icon-benefit .icon-benefit-108 { background-position: 0 -112px;}
.icon-benefit .icon-benefit-109 { background-position: 0 -128px;}
.icon-benefit .icon-benefit-110 { background-position: 0 -144px;}
.icon-benefit .icon-benefit-111 { background-position: 0 -160px;}
.icon-benefit .icon-benefit-112 { background-position: 0 -176px;}
.icon-benefit .icon-benefit-113 { background-position: 0 -192px;}
.icon-benefit .icon-benefit-114 { background-position: 0 -208px;}
.icon-benefit .icon-benefit-115 { background-position: 0 -224px;}
.icon-benefit .icon-benefit-116 { background-position: 0 -240px;}
.icon-benefit .icon-benefit-117 { background-position: 0 -256px;}
.icon-benefit .icon-benefit-118 { background-position: 0 -272px;}
.icon-benefit .icon-benefit-119 { background-position: 0 -288px;}
.icon-benefit .icon-benefit-120 { background-position: 0 -304px;}
.icon-benefit .icon-benefit-121 { background-position: 0 -320px;}