body { font-family:Arial, sans-serif;}

.rd_con { margin:auto; width:1200px; padding-top:15px; padding-bottom:40px; }
.rd_con .rd_title { line-height:38px; font-size: 36px; font-weight: 700;/*text-indent:40px;*/ color:#414141;margin-bottom:5px;
                    /*background: url('/images/recruitmentDay/title_icon2.png') no-repeat scroll 0 0px;*/
                    /*background: url('/images/recruitmentDay/RecruitmentDay2.png') no-repeat scroll 0 0px;*/ }
.rd_con .rd-box { /*border:solid 1px #BFBFBF;*/ }
.rd_con .rd-box .calendar-container { width:448px; float:left; padding-bottom:15px; border:solid 1px #BFBFBF;}
.rd_con .rd-box .calendar-container .month { height:60px; width:100%; float:left; background:#829F5D; font-size:18px; color:White; line-height:60px; text-align:center;}

.rd_con .rd-box .calendar-container .legend { text-align:left; color:#333; margin-top:15px; margin-left:50px;}
.rd_con .rd-box .calendar-container .legend li { font-size:16px; margin-top:5px;}
.rd_con .rd-box .calendar-container .legend li:first-child { margin-top:0;}
.rd_con .rd-box .calendar-container .legend li span { display:inline-block; width:20px; height:20px; vertical-align:text-bottom; margin-right:8px;}
.rd_con .rd-box .calendar-container .legend .legend-today span { background-color:#2BBBA0;}
.rd_con .rd-box .calendar-container .legend .legend-rday span { /*background-color:#D2E0B5;*/ background-color:#E3FAF3;}

.rd_con .rd-box .right { width:745px; float:left; border: solid 4px #2bbba0;margin-left: 7px;min-height: 446px; position: relative;}
.rd_con .rd-box .preloader-outer {position: absolute; left: 50%; top: 40px;}
.rd_con .rd-box .preloader-inner {position: relative; left: -50%;}
.rd_con .rd-box .right .no-data {min-height: 100px; color: #333; font-size: 18px; text-align: center; font-weight: 400;}
.rd_con .rd-box .right .rdy-error {min-height: 100px; color: red;font-size: 18px; font-weight: 400;}
.rd_con .rd-box .right .rday-date { color: #2bbba0; font-size: 26px; font-weight: 400; position: absolute; top: -37px; left: -6px; }
.rd_con .rd-box .right .prev { cursor:pointer; padding-top:6px; padding-bottom:4px; height: 10px; }
.rd_con .rd-box .right .prev:hover{ background-color: #ddd; }
.rd_con .rd-box .right .prev>div{ width:13px; height:9px; margin: auto; background: url('/images/recruitmentDay/arrow.png') no-repeat 0 0px;  }

.rd_con .rd-box .right .rday-list-item { min-height: 80px;}
.rd_con .rd-box .right .rday-list-item:nth-of-type(odd) {background: #fbfbfb}
.rd_con .rd-box .right .rday-list-item .company-info {display:inline-block; width: 150px;vertical-align: top; font-size: 16px; font-weight: 400;}
.rd_con .rd-box .right .rday-list-item .company-info img { max-width: 128px; max-height: 70px; margin-bottom: 5px; }
.rd_con .rd-box .right .rday-list-item .company-info .company-name {font-size: 16px; color: #333;font-weight: 400;}
.rd_con .rd-box .right .rday-list-item .job-info {display:inline-block; width: 570px; font-size: 15px;}
.rd_con .rd-box .right .rday-list-item .job-info ul {}
.rd_con .rd-box .right .rday-list-item .job-info li {display:inline-block; width: 285px; vertical-align: top;border-left: 1px solid #e4e4e4;}
.rd_con .rd-box .right .rday-list-item .job-info li a {text-decoration: none; color: #333;}
.rd_con .rd-box .right .rday-list-item .job-info li:hover a {text-decoration: underline;}
/*.rd_con .rd-box .right .img { margin:5px 0; overflow:hidden; height:400px;}
.rd_con .rd-box .right .img .rday-list-item { height:400px;}
.rd_con .rd-box .right .img li{ display:inline; margin-left:42px; margin-top:8px; margin-bottom:8px; width:128px; height:73px; float:left; text-align: center; }
.rd_con .rd-box .right .img li img { max-width:128px; max-height:73px; }*/

.rd_con .rd-box .right .next { cursor:pointer; padding-bottom:6px; padding-bottom:4px; height:10px; }
.rd_con .rd-box .right .next:hover{ background-color: #ddd; }
.rd_con .rd-box .right .next>div{ width:13px; height:9px; margin: auto; background: url('/images/recruitmentDay/arrow.png') no-repeat 0 -10px; }

.rd_con .rd-box .right .img p { padding-left: 30px; }
.rd_con .rd-box .right .img p .imgdate{ font-size: 18px; color: Gray; }

/*
.rd_con .rd_tit2{ float:left; height:45px; margin-top:15px; width:100%;}
.rd_con .rd_tit2 .tab1{ cursor:pointer; float:left; width:58px; height:48px;background: url('/images/recruitmentDay/title_icon4.png') no-repeat 0 0px;}
.rd_con .rd_tit2 .tab2{ cursor:pointer; float:left; width:58px; height:48px;background: url('/images/recruitmentDay/title_icon4.png') no-repeat -58px 0px;}
.rd_con .rd_tit2 .on1{ background-position:0px -47px;}
.rd_con .rd_tit2 .on2{ background-position:-58px -47px;}
*/

.rd_con #tab { width:100%; position:relative; margin-top:15px; margin-bottom:40px;}
.rd_con #tab .tab_menu {width:100%;float:left;position:absolute;z-index:1; height:48px;}
.rd_con #tab .tab_menu li { float:left; cursor:pointer; background: url('/images/recruitmentDay/title_icon4.png') no-repeat 0 0px;}
.rd_con #tab .tab_menu #listTab { cursor:pointer; float:left; width:33px; height:19px; text-align: center; background-position:0 -2px;
                                  line-height:20px;
                                  padding:20px 11px 6px 11px ; font-size: 12px; font-weight:bold;}
.rd_con #tab .tab_menu #listTab.selected { background-position:0px -47px; padding-top:20px}
.rd_con #tab .tab_menu #locationTab { cursor:pointer; float:left; width:54px; height:45px; margin-left:6px; background-position: -58px -2px;}
.rd_con #tab .tab_menu #locationTab.selected { background-position:-58px -47px;}
.rd_con #tab .tab_menu #fullListTab { float:right; width:41px; height:45px;background:none;background: url('/images/recruitmentDay/all_icon2.png') no-repeat scroll -40px 15px;}
.rd_con #tab .tab_menu #fullListTab a { display:block; width:41px; height:45px; background: url('/images/recruitmentDay/all_icon2.png') no-repeat scroll -40px 15px;}
.rd_con #tab .tab_menu #fullListTab a:hover { background-position: 1px 15px;}
.rd_con #tab .tab_menu #fullListTab.selected { background: url('/images/recruitmentDay/all_icon2.png') no-repeat scroll 1px 15px;}
*[lang=zh-HK] .rd_con #tab .tab_menu #fullListTab a { background-image:url('/images/zh-HK/recruitmentDay/all_icon2.png');}

.rd_con .hide {display:none;}
.rd_con #tab .tab_box { border:solid 4px #2BBBA0; width:992px; top:45px; min-height:300px;/*160*/ position:relative; z-index:2;}
.rd_con #tab .tab_box .not-found { font-size:16px; font-weight:bold; text-align:center; margin:50px 0;}

.loc-quick-select { border-bottom:1px solid #ebebeb; color:#444;}
.loc-quick-select ul { font-size:0; margin:5px;}
.loc-quick-select ul li { font-size:12px; background-color:#f3f3f3; border:1px solid #bfbfbf; padding:5px 5px 4px; display:inline-block; cursor:pointer;
                      margin-left:6px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -ms-border-radius:6px;}
.loc-quick-select ul li:first-child { margin-left:0;}
.loc-quick-select ul li:hover { text-decoration:line-through;}
.loc-quick-select ul li .remove { background:url('/images/recruitmentDay/icon_close.png') no-repeat scroll 0 0; width:8px; height:8px; margin-left:6px; display:inline-block; cursor:pointer;}

.rd_con #tab .tab_box #rdayList { }
.rd_con #tab .tab_box .rday-row { background: url('/images/recruitmentDay/tab_box_bg.png') repeat-x bottom left; padding-top:15px; padding-bottom: 20px; min-height:80px;}
.rd_con #tab .tab_box .rday-row span { float:left; width:100%; display:block; }
.rd_con #tab .tab_box .rday-row img { max-width:128px;}
.rd_con #tab .tab_box .rday-row .rday-company { width:240px; margin-left:2px; line-height:20px; text-align:center; font-size:15px; color:#333; }
.rd_con #tab .tab_box .rday-row .rday-company a { color:#333; display:inline-block; text-decoration:none;}
.rd_con #tab .tab_box .rday-row .rday-company a.company-name { margin-top:5px; text-decoration:none;}
.rd_con #tab .tab_box .rday-row .rday-company a.company-name:hover { text-decoration:underline;}

.rd_con #tab .tab_box .rday-row .rday-job-list { margin: 0;}
.rd_con #tab .tab_box .rday-row .rday-job-list li { width:230px; font-size:13px; float:left; border-left:solid 1px #D2D2D2; color:#4d4d4d; padding:7px 5px 8px 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.rd_con #tab .tab_box .rday-row .rday-job-list li a { color:#333; text-decoration:none;}
.rd_con #tab .tab_box .rday-row .rday-job-list li a:hover { text-decoration:underline;}


/* locationTabBox */
.rd_con #tab .tab_box #locationTabBox { position:relative; width:100%; height:238px; background:#fff; border-bottom: solid 2px #2BBBA0;}
/*.rd_con #tab .tab_box #locationTabBox.item-selected { top: 36px;}*/
#locationTabBox .tab-group { width:210px; /*background:url('/images/recruitmentDay/bg_location.png') repeat-y scroll 0 0;*/ padding:15px 0; font-size:16px; 
            background-color: #E3FAF3; text-align:center; float:left; display:inline-block; height:208px;}
#locationTabBox .tab-group li { padding:6px 0; margin-top:8px; color:#444; cursor:pointer; position:relative;}
#locationTabBox .tab-group li:first-child { margin-top:0;}
#locationTabBox .tab-group li.selected { background-color:#fff; color:#444; cursor:default;}
#locationTabBox .tab-group li.selected:after { content: " "; background:url('/images/recruitmentDay/icon-location-select.png') no-repeat scroll 0 0; 
                               width:11px; height:16px; display:block; position:absolute; top:7px; right:10px;}
#locationTabBox .tab-panel-group { margin-left:210px; padding:15px 10px 15px 25px; height:210px;}
#locationTabBox .tab-panel-group.active { display:block;}
#locationTabBox .tab-panel-group li { float:left; width:132px; padding:5px 0; color:#ccc; text-decoration:line-through;}
#locationTabBox .tab-panel-group li label input { vertical-align:middle;}
#locationTabBox .tab-panel-group li label span { vertical-align:middle; padding-left:3px;}

#locationTabBox .tab-panel-group li.available { color:#000; font-weight:bold; text-decoration:none;}
#locationTabBox .tab-panel-group li.available label input {}
#locationTabBox .tab-panel-group li.available label span {}

#locationTabBoxButPane { position:absolute; bottom:10px; right:10px; z-index:19;}
#locationTabBoxButPane .filter-but { border-radius:4px; font-size:12px; font-weight:normal; line-height:18px; height:20px; padding:0 12px; margin-left:6px;}
#locationTabBoxButPane .filter-but:first-child { margin-left:0px;}


.rd_con .d2 { border:solid 4px #ACBF88; width:984px; float:left; height:535px;}
.rd_con .hide { display:none;}

/* fullListTabBox */
.rd_con #tab .tab_box #fullListTabBox { position:relative; width:100%; min-height:238px; background:#fff; border-bottom: solid 2px #C3D79C;}



/* Calendar Style Override - Start */
.responsive-calendar .controls { background-color: #2BBBA0; line-height: 40px; color: #fff;}
.responsive-calendar .controls h4 { font-size:18px;}
.responsive-calendar .controls a { font-size: 18px; font-weight: bold; text-decoration: none; color: #fff;}
.responsive-calendar .controls a.pull-left, .responsive-calendar .controls a.pull-right {
    background:url('/images/recruitmentDay/icon_cal_arrow.png') no-repeat scroll 0 center; height:40px; width:16px; display:block;
}
.responsive-calendar .controls a.pull-left { float:left; background-position:8px center;}
.responsive-calendar .controls a.pull-right { float:right; background-position:-8px center;}
.responsive-calendar .day-headers { width: 350px; margin: 12px auto 8px; color:#444;}
        
.responsive-calendar .days { width: 350px; margin: auto; border-top:1px solid #BFBFBF;}
.responsive-calendar .day.header { border-bottom: 0;}
.responsive-calendar .day a { border-style:solid; border-color:#BFBFBF; padding:0; border-width:0 1px 1px 0; font-weight:bold;
                              width:49px; height:47px; line-height:47px;}
.responsive-calendar .day a:hover { background-color:#d1d1d1;}
.responsive-calendar .day.today a { background-color: #2BBBA0;}
.responsive-calendar .day.sun a { color: #E00613; border-left:1px solid #BFBFBF;}
.responsive-calendar .day.active a { background-color: #81a950; color: #fff;}

/* Special Events */
.responsive-calendar .rday a { background-color: #E3FAF3;}
.responsive-calendar .public-holiday a { color: #E00613;}

.responsive-calendar .day .selected, .responsive-calendar .day .selected:hover { text-decoration:underline;}
/* Calendar Style Override - End */

#preloadRoot { margin:0 auto; position: relative; padding: 40px 0; min-height:100px; width:1000px;}
.preloader { width: 66px; height: 66px;margin: 0 auto; background: url('/images/jobseeker/loading.gif') no-repeat scroll 0 0;}