body {margin: 0; padding: 0; overflow-y: scroll; overflow-x: hidden; position: relative;}
* {font-family: Tahoma, arial sans-serif; font-size: 12px;}

a {color: #9a9a9a; text-decoration: none;}
a:hover {color: #36C}

h3 {color: #AE140C;}
p {text-align: justify;}
ul {padding: 0px; margin: 0px; list-style: none;}

.f-left {float: left;}
.f-right {float: right;}
.a-center {text-align: center;}

.clear {clear: both;}

.bold {font-weight: bold;}
.italic {font-style: italic;}

.b1 {font-weight: bold; font-size: 18px;}
.b2 {font-weight: bold; font-size: 16px;}
.b3 {font-weight: bold; font-size: 14px;}
.b4 {font-weight: bold; font-size: 12px;}
.b5 {font-weight: bold; font-size: 11px;}

.h15 {height: 15px;}
.h20 {height: 20px;}
.h30 {height: 30px;}
.h40 {height: 40px;}
.h45 {height: 45px;}
.h50 {height: 50px;}
.h55 {height: 55px;}
.h60 {height: 60px;}

.both {clear: both;}

.hidden {display: none;}

.w25 {width: 25px;}
.w100 {width: 100px;}
.w112 {width: 112px;}
.w150 {width: 150px;}
.w180 {width: 180px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w320 {width: 320px;}
.w350 {width: 350px;}
.w360 {width: 360px;}
.w380 {width: 380px;}
.w400 {width: 400px;}
.w450 {width: 450px;}
.w480 {width: 480px;}
.w500 {width: 500px;}

.w90p {width: 90%;}

.a-right {text-align: right;}
.a-left {text-align: left;}
.a-center {text-align: center;}
.a-top {vertical-align: top;}
.a-bottom {vertical-align: bottom;}
.a-middle {vertical-align: middle;}

.position-fixed {position: fixed!important;}
.ipad-tip {z-index: 99!important;}

div#body {width: 940px; margin: 0 auto; position: relative; height:100%; overflow-x: hidden;}

div#header {position: relative; height:130px;}
div#header1 {position: relative; height:30px;}
div#header div.logo-box {margin-top: 2px; float: left;}
div.logo {float: left;}
div.slogan {float: left; color: #7f7f7f; text-shadow: 0.1em 0.1em #e4e4e4; position: relative; top: 15px; left: 10px;}
div#mnu_language {position: absolute; top:2px; right:0px; color: #9a9a9a;}
div#mnu_language a {margin: 0 2px; color: #9a9a9a; text-decoration: none;}

div.profile_pic {position: absolute; right: 3px; bottom: 30px;}
div.profile_pic .c-name-box {float: right; text-align: right; margin-right: 3px; padding-top: 10px;}
div.profile_pic .img-box {position: relative; width:45px; height:60px; overflow: hidden; float: right;}
div.profile_pic .img-box .img-table {display: table; height: 60px; #position: relative;}
div#img_profile .img-table {display: table; height: 146px; #position: relative; width:114px;}
div.profile_pic .img1-border {width:45px; height:60px; position:absolute; top: 0; left: 0; z-index: 100; background: url(../../img/layout1/small_img_border.png) no-repeat;}

div#main {margin: 0 auto 40px; position: relative;display: block; overflow: hidden; clear: both; padding-bottom: 30px;}

/* MAIN 1 FOR HOME PAGE */
div#main1 {width: 720px; height:400px; margin: 0 auto; #position: relative; position: relative; display: table; max-height: 781px !important;}
div#main1 .row,
div.profile_pic .img-box .img-row,
div#img_profile .img-table .img-row {#position: absolute; display: table-cell; vertical-align: middle;}
div#main1 .row .cell,
div.profile_pic .img-box .img-row .img-cell,
div#img_profile .img-table .img-row .img-cell {#position: relative; text-align: center;}

/* MAIN 2 FOR PROFILE */
div#main2 {margin: 0 auto 30px; overflow: hidden; clear: both;}

div.left-box {width: 830px; float: left;}
div.main-content {width: 830px; height: auto; background: url(../../img/layout1/profile_content_bottom_bg_s1.png) no-repeat bottom; padding-bottom:4px;}
div.main-content div.c-title {width: 791px; color: #AE140C; font-size: 16px; background: url(../../img/layout1/title_bg.png) repeat-x bottom; padding: 8px 0px 10px 4px;}
div.content-top {width: 830px; height: auto; background: url(../../img/layout1/profile_content_top_bg.png) no-repeat 0 bottom; padding-bottom:4px;}
div.content-container {width:796px; padding: 0 17px 10px; min-height: 200px; height: auto; background: url(../../img/layout1/profile_content_middle_bg.png) repeat-y; overflow: hidden;}
div.content {width: 796px; padding: 20px 2px 0; min-height: 170px; text-justify: inter-word;}

div.scroll-box {position: relative; width: 865px; height: 363px; overflow: hidden;}
div.scrolling {position: absolute; height: 440px; width:2600px;}

div#footer { margin: 0 auto; height:20px; width:100%; border-top: 1px solid #cacaca; padding-top: 4px; color: #cacaca; position: fixed; background-color: #fff; bottom:0px; z-index: 120;}
div#footer div.f-box { margin: 0 auto; width:940px;}
div#footer a {color: #cacaca;}

div#hrnavi, div#jobseeker, div#employer {width:865px; height:363px; position: relative; margin-right:6px; float: left;}


div#main-buttons>div>div:hover, div#jobseeker>div:hover, div#employer>div:hover, div#hrnavi>div>div:hover {opacity: 0.7;}

div#buttons_box {width: 827px; text-align: center; bottom:0; z-index: 100; margin: 0 auto;}
div#buttons {width: 719px; margin: 6px auto 6px auto; position: relative; height:74px}
div#buttons div { background-color: #fff;}
div#buttons div a {width: 719px; height:74px; display: block; background: none;}

div#buttons div#b_jobseeker {margin-left: 0px;}
div#buttons div#b_jobseeker.active, div#buttons div#b_jobseeker:hover {background-position: 0px -74px;}
div#buttons div#b_employer {background-position: -237px 0; margin-left:4px;}
div#buttons div#b_employer.active, div#buttons div#b_employer:hover {background-position: -237px -74px;}
div#buttons div#b_hrnavi {background-position: -474px 0; margin-left:4px;}
div#buttons div#b_hrnavi.active, div#buttons div#b_hrnavi:hover {background-position: -474px -74px;}


/* INTRO PAGE */
/*div.left-box {width: 719px; float: left; overflow: hidden;}
div.main-content {width: 719px; height: auto; background: url(../../img/layout1/content_bottom_bg.png) no-repeat bottom; padding-bottom:4px;}
div.content-container {width:685px; padding: 0 17px 10px; min-height: 200px; height: auto; background: url(../../img/layout1/content_middle_bg.png) repeat-y; overflow: hidden;}
div.content-top {width: 719px; height: 4px; background: url(../../img/layout1/content_top_bg.png) no-repeat top;}
div.content {width: 669px; padding: 10px 10px 0; min-height: 170px; text-justify: inter-word;}*/

div.right-bar {position: relative; float: right; width: 98px; top: -2px;}

div.right-bar-intro {top: 0px; padding-top:2px;}
div.right-bar-intro > div { background-repeat: no-repeat; background-attachment: scroll; height: 58px; width: 98px; margin-top: 8px; cursor: pointer;}
div.right-bar-intro > div.first {margin-top: 0px;}

div.right-buttons-1 {background-position: 0 0;}
div.right-buttons-2 {background-position: 0 -58px;}
div.right-buttons-3 {background-position: 0 -116px;}
div.right-buttons-4, div.right-buttons-20 {background-position: 0 -174px;}
div.right-buttons-5 {background-position: 0 -232px;}
div.right-buttons-6 {background-position: 0 -290px;}
div.right-buttons-7,
div.right-buttons-71,
div.right-buttons-712 {background-position: 0 -348px;}
div.right-buttons-8,
div.right-buttons-81 {background-position: 0 -406px;}
div.right-buttons-9 {background-position: 0 -464px;}
div.right-buttons-10 {background-position: 0 -522px;}
div.right-buttons-11 {background-position: 0 -580px;}
div.right-buttons-12 {background-position: 0 -638px;}
div.right-buttons-13 {background-position: 0 -696px;}
div.right-buttons-14 {background-position: 0 -754px;}
div.right-buttons-15 {background-position: 0 -812px;}
div.right-buttons-16,
div.right-buttons-161 {background-position: 0 -870px;}
div.right-buttons-17 {background-position: 0 -928px;}
div.right-buttons-18 {background-position: 0 -986px;}
div.right-buttons-19 {background-position: 0 -1044px;}
div.right-buttons-21 {background-position: 0 -1102px;}
div.right-buttons-22 {background-position: 0 -1160px;}
div.right-buttons-23 {background-position: 0 -1218px;}
div.right-buttons-25 {background-position: 0 -1276px;}
div.right-buttons-26 {background-position: 0 -1334px;}

div.right-buttons-24-1 {background-image: url(../../img/layout1/ipad_btn3.png)!important; background-repeat: no-repeat!important;}
div.right-buttons-24-2 {background-image: url(../../img/layout1/ipad_btn4.png)!important; background-repeat: no-repeat!important;}

div.right-buttons-24-1 div, div.right-buttons-24-2 div {font-size: 15px; line-height: 58px; width:48px; padding: 0 2px; color:#fff; text-align: center; font-weight: bold;}

/* EENTERPRISES VOICE */
.text-writer {width:100%; font-weight: bold; text-align: right; float: right;}

/* CONSULTANT */
.consultant-box {width: 385px; height: auto; padding: 6px; float: left;}
.consultant-box .box-img {float: left; width: 97px; height: 133px; overflow: hidden; position: relative; padding: 1px; display:block;}
.consultant-box .box-img .img-border {width: 97px; height: 135px; background: url(../../img/layout1/img_border.png) no-repeat; position: absolute; top:0; left:0;}
.consultant-box .box-content {float: left; margin-left: 5px; width: 276px;}
.consultant-box .box-content p {font-size: 11px; margin-top:3px;}

/* EMPLOYERS VOICE */
.employer-voice {margin-top: 15px; padding-bottom: 5px; clear: both;}
.employer-voice p {margin-top: 3px;}

#slide_bottom {height: 10px; background: #9a9a9a; position: absolute; top: -10px; width: 940px; cursor: pointer;}

span.validtext {color:#f00;}

/* NICE TEXT BOX */
.nice-textbox-box { width:auto; padding-right:6px; background: url(../../img/layout1/textbox_bg_right.png) right no-repeat; height: 25px; float: left; overflow: hidden;}
.nice-right {width: auto; background: url(../../img/layout1/textbox_bg_left.png) no-repeat left; height: 25px; float: left;}
.nice-right input{border: none; background: none; margin-top: 3px; margin-left: 6px; height: 16px; line-height: 16px;}

/* FORM */
.f_textbox {border: none; border-bottom: 1px dotted #a3a3a3; height: 18px;}
.f_button {padding: 0 10px 5px; border:1px solid #3079ED; border-radius:2px; background-color: #4D90FE; height: 27px; line-height: 25px; color: #fff; font-size: 11px; font-weight: bold; background-image: -moz-linear-gradient(center top , #4D90FE, #4787ED); text-shadow: 0 1px #666;/*text-shadow: 0 1px #3475F7;*/}
.f_button:hover {background-color: #357AE8; background-image: -moz-linear-gradient(center top , #4D90FE, #357AE8); box-shadow: 0 1px 1px rgba(0,0,0,0.1);}
.f_button2 {padding: 0 10px 5px; border:1px solid #cd0606; border-radius:2px; background-color: #e70808; height: 27px; line-height: 25px; color: #fff; font-size: 11px; font-weight: bold; background-image: -moz-linear-gradient(center top , #e708080, #cd0606); text-shadow: 0 1px #666;/*text-shadow: 0 1px #3475F7;*/}
.f_button2:hover {background-color: #cd0606; background-image: -moz-linear-gradient(center top , #e70808, #cd0606); box-shadow: 0 1px 1px rgba(0,0,0,0.1);}
.f_button1 {padding: 0 10px 5px; border:1px solid #c6c6c6; border-radius:2px; background-color: #f5f5f5; height: 27px; line-height: 25px; color: #666; font-size: 11px; font-weight: bold; background-image: -moz-linear-gradient(center top , #f5f5f5, #f1f1f1);}
.f_button1:hover {background-color: #f8f8f8; background-image: -moz-linear-gradient(center top , #f8f8f8, #f1f1f1); box-shadow: 0 1px 1px rgba(0,0,0,0.1);}

.zindex16005 {z-index: 16005!important;}
.zindex16002 {z-index: 16002!important;}

#bcontent {width: 700px; margin: 0 auto;}

/* COLOR CSS */
.c-red {color: red;}
.c-grey {color: #808080;}
.c-3366cc {color: #3366cc;}

div.loading { height:18px; right:111px; position:absolute; /*border:1px solid #e3e2e1;*/ padding:2px 5px; background:#f00; color:#fff; opacity:0; filter: alpha(opacity = 0); z-index:1000; }

.link {cursor: pointer;}

/* IPAD CAMPAIGN */

.ipad .ui-tooltip-content{
    background:#fff url(../../img/layout1/block2.png) no-repeat 0 0!important;
	border: none;
    /*height: 100%;*/
    width: 100%;
    padding-right: 2px;
    /*box-shadow: -1px 2px 2px 2px rgba(0, 0, 0, 0.2);*/
}

.ipad-winner .ui-tooltip-content .text_content {
	background-image: url(../../img/ipad/ipad.png);
	background-repeat:no-repeat;
	background-position:0% 4%;
	padding-left: 290px;
	padding-top: 3px;
	text-shadow: 0.08em 0.08em #E4E4E4;
	height: 117px;
	FONT-SIZE: 17px;
	position: relative;
}

.ipad-winner-box {min-height:400px; height: 610px; overflow-x: hidden;overflow-y: auto;}
.winner-content span {background-color: #fff;}

.ipad .ui-tooltip-content .text_content{
    padding: 3px;
    /*padding-top: 3px;*/
    /*text-shadow: 0.08em 0.08em #E4E4E4;*/
    height: 99px;
    FONT-SIZE: 15px;
	position: relative;
	width: 386px;
	background: url(../../img/ipad/rw_voucher-short.png) no-repeat right 31px;
}


#register_ipad_box {
    /*background-image: url(../../img/ipad/banner.jpg);*/
    background-repeat:no-repeat;
    background-position:110% 14%;
}

.cp_title{
    color: #ff4500;
	text-shadow: 0.08em 0.08em #E4E4E4;
	FONT-SIZE: 17px;
}

.policy_title{
    color: #ff4500;
    text-shadow: 0.1em 0.1em #E4E4E4;
    font-size: 13px;
    margin-bottom: 3px;

}

/* DATE PICKER CHANGE CSS */
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: 76px!important;}
.ui-datepicker th {font-size: 11px!important;}
.ui-datepicker td a {font-size: 11px!important;}

/* ARTICLE */
.article_content {width: 626px; margin: 0 auto;}

/* SHOW JOB HOME PAGE CSS*/
.serv_public {
    height: 115px;
    width: 510px;
    cursor: pointer;
    float: left;
    text-align: left;
}
.serv_public1{
    background: url(../../img/layout1/block3.png) no-repeat right;
    height: 115px;
    width: 250px;
    float: left;
    padding-right: 10px;
}
.serv_public2{
    height: 115px;
    width: 250px;
    float: left;
}
.serv_public2 ul{
    height: 105px;
    width: 240px;
    margin-left: auto;
    margin-right: auto;
    display: table-cell;
    vertical-align: middle;
}
.serv_public2 li{
    list-style: square outside;
    color: #ff9966;
    line-height: 16px;
    cursor: text;
    margin-left: 25px;
    word-wrap: break-word;
}
.serv_public2 .text{
    color:#FFFFFF;
}
.hot_job_title{
    color: #ff9966;
}
.serv_public .ui-tooltip-content {background: none!important; border: none!important; padding: 5px 15px!important;}
.serv_public .total-jobs span {font-size: 55px; color: #ff9966; padding: 0px; text-shadow: 1px 1px 2px #999;}
.serv_public .candidate-text {font-size: 20px; color: #FFFFFF;}
.serv_public .candidate-text2 {font-size: 12px; margin-top: -6px; display: block;color: #FFFFFF;}
.serv_public .candidate-text3 {color: #ff9966; font-size: 12px; margin-top: -8px; display: block;}
.num-box{font-size: 22px;color:#ff6600}
.line-height-1 {line-height: 8px!important;-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.75)!important;-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.75)!important;box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.75)!important;}