/* Home Page */

.logo{background: url('/images/home/header_logo.png') no-repeat center;width:240px;height:38px;cursor: hand;  cursor: pointer;background-size:contain; background-position:left;}
.logo_white{background: url('images/rpi_logo_whitetext.png') no-repeat center;width:280px;height:64px;margin-bottom:3%;}
.banner_jobpost{background: url('images/jobpost_banner.png') no-repeat center;width:280px;height:42px;margin:0 auto;}

#postingTabs li{cursor:pointer;}
.postingTabContents{height:460px; overflow: auto;
    -webkit-overflow-scrolling: touch;}



.banner{background:#20295a;width:100%;padding-top:1%;padding-bottom:1%; text-transform:uppercase;}
.banner h1{color:White;}
.center_box{margin:0 auto;text-align:center;width:260px;margin-bottom:2%;margin-top:2%;}

.facebook{background: url('images/facebook_up.png') no-repeat center;width:64px;height:64px; float:left;cursor: hand;  cursor: pointer;border-radius:15px; margin:10px;}
.facebook:hover,.facebook:active{background: url('images/facebook_down.png') no-repeat center;width:64px;height:64px;}
.linkedin{background: url('images/linkedin_up.png') no-repeat center;width:64px;height:64px;float:left;margin:0 6% 6% 6%;cursor: hand;  cursor: pointer;border-radius:15px;margin:10px;}
.linkedin:hover,.linkedin:active{background: url('images/linkedin_down.png') no-repeat center;width:64px;height:64px;}
.twitter{background: url('images/twitter_up.png') no-repeat center;width:64px;height:64px;float:left;margin:0 6% 6% 6%;cursor: hand;  cursor: pointer;border-radius:15px;margin:10px;}
.twitter:hover,.twitter:active{background: url('images/twitter_down.png') no-repeat center;width:64px;height:64px;}
.youtube{background: url('images/youtube_up.png') no-repeat center;width:64px;height:64px;float:left;margin:0 6% 6% 6%;cursor: hand;  cursor: pointer;border-radius:15px;margin:10px;}
.youtube:hover,.youtube:active{background: url('images/youtube_down.png') no-repeat center;width:64px;height:64px;}
.instagram{background: url('images/instagram_up.png') no-repeat center;width:64px;height:64px;float:left;margin:0 6% 6% 6%;cursor: hand;  cursor: pointer;border-radius:15px;margin:10px;}
.instagram:hover,.instagram:active{background: url('images/instagram_down.png') no-repeat center;width:64px;height:64px;}

.sinup_button {background: none repeat scroll 0 0 #088AC8;color: #FFFFFF; transition: all 0.2s ease-in-out 0s; font-size:20px;width:260px;height:40px;padding-top:20px;cursor: hand;  cursor: pointer}
.sinup_button:hover{ background: none repeat scroll 0 0 #0071a7;}
.sinup_button:active{ background: none repeat scroll 0 0 #0071a7;}
.continue_button {background: none repeat scroll 0 0 #697ebd;color: #FFFFFF; transition: all 0.2s ease-in-out 0s; font-size:16px;padding:10px 20px; margin-top:2%;cursor: hand;  cursor: pointer; width:300px;}
.continue_button:hover{ background: none repeat scroll 0 0 #1e2859;}
.continue_button:active{ background: none repeat scroll 0 0 #1e2859;}
.dialog_login_button {background: none repeat scroll 0 0 #697ebd ;color: #FFFFFF; transition: all 0.2s ease-in-out 0s; font-size:16px;padding:10px 20px; margin-top:2%;cursor: hand;  cursor: pointer; }
.dialog_login_button:hover{ background: none repeat scroll 0 0 #1e2859;}
.dialog_login_button:active{ background: none repeat scroll 0 0 #1e2859;}
.dialog_sinup_button {background: none repeat scroll 0 0 #697ebd;color: #FFFFFF; transition: all 0.2s ease-in-out 0s; font-size:16px;padding:10px 20px; margin-top:2%;cursor: hand;  cursor: pointer;}
.dialog_sinup_button:hover{ background: none repeat scroll 0 0 #697ebd;}
.dialog_sinup_button:active{ background: none repeat scroll 0 0 #697ebd;}


#recent_post {margin-top:4%;margin-bottom:4%;}
#recent_post .recent_box {border:1px solid gray;width:100%;margin-top:4%;margin-bottom:4%;height:100%;min-height:100px;position:relative;}
#recent_post .header {background:#697ebd; height:auto;width:100%;}
#recent_post .box_center{width:99%;margin:0 auto;}


#relief_post .header {background:#697ebd; height:auto;width:100%;}
#relief_post .recent_box {border:1px solid gray;width:100%;margin-top:4%;margin-bottom:4%;height:100%;min-height:500px;position:relative;}




#subscription{text-align:left;margin-top:2%;margin-bottom:2%;}
#subscription #s_detail p{color:#676781;font-style:italic;margin-top:2%;}
#subscription #s_contact_detail p{color:#676781;font-style:normal;margin:0;margin-top:0.5%;}
#footer_white{background:white;height:50px;width:100%;}
#footer_white li{padding-top:2%;padding-left:4%;font-size:16px;cursor: hand;  cursor: pointer;}






#system_used div{float:left;}
#system_used p{float:left;}
#candidate_systemused div{float:left;}
#candidate_systemused p{float:left;}
#licensedin div{float:left;}
#licensedin p{float:left;}

.dialog_login{background: url('images/overlay.png');height:100%;width:100%;position:fixed;left:0;top:0;z-index:2000 !important;}
.dialog_login .close{float:right;margin-right:2%;margin-top:1%;background:transparent url('images/close_icon.png') no-repeat 0px -17px; width:17px; height:17px;cursor: hand;  cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.dialog_login .close:active{background-position:0px 0px;}
.dialog_login .dialog_box{-moz-box-shadow: 0px 0px 15px grey; -webkit-box-shadow: 0px 0px 15px grey; box-shadow:0px 0px 15px grey; margin:0 auto;}
.dialog_login .dialog_center{background:white;margin-top:30%;width:100%;}
.dialog_login p{margin-bottom:2px;}
.dialog_login input{width:100%;padding:0;padding-top:5px;padding-bottom:5px;}
.dialog_login h6{text-align:right;}


.massage_dialog{background: url('images/overlay.png');height:100%;width:100%;position:fixed;left:0;top:0;z-index:2000 !important;}
.massage_dialog .dialog_box{-moz-box-shadow: 0px 0px 15px grey;-webkit-box-shadow:0px 0px 15px grey;box-shadow: 0px 0px 15px grey;margin:0 auto;}
.massage_dialog .dialog_center{background:white;margin-top:50%;width:100%;padding-top:2%;}

.normal{display:none;}
.require{color:Red;display:inline-block;}