body {
    font-size: 12px; margin: 0px; padding: 0px; color: rgb(51,51,51); font-family: Arial; font-weight:normal;
}
/**** TRIANGLE FOR HOLIDAY ****/
.text-container {
  position: relative;
  overflow: hidden;
}
.ts-triangle-topright {
    top: 8px;
    right: 0px;
    border-top: 20px solid rgb(0, 39, 118);
    border-left: 40px solid transparent;
    position: absolute;
}
.ts-triangle-topright-text {
    position: absolute;
    top: 10px;
    right: 8px;
    font-size: x-small;
    font-weight: bold;
    color: white;
}
/****************/
input[disabled] {
   background-color: lightgrey;
}

body.ui-mobile-viewport  
{
    overflow-x:scroll; min-width:320px; 
}
.ui-mobile, .ui-mobile .ui-page { min-width:320px; }

.darkStrip  
{
    padding:20px 0px 0px 0px; background:url('striped_bg_rpt.png'); 
    -moz-background-size: 43px 43px; -o-background-size: 43px 43px; -webkit-background-size: 43px 43px; background-size:43px 43px; 
}

body .ui-dialog--notification.ui-dialog .ui-dialog-content, body .ui-dialog--notificationLarge.ui-dialog .ui-dialog-content {
    min-height: auto!important;
    padding: 0 33px 21px;
    background: #fff;
   }
   
 .ui-dialog--notification .ui-dialog-content p {
   
   
    margin-top: 15px;
}


.ui-dialog .ui-dialog-buttonpane {
 
    margin-top: -10px;
}  


span.ui-button-icon-primary.ui-icon.ui-icon-closethick {
    background-image: url(images/ui-icons_888888_256x240.png);
    position: absolute;
    height: 17px;
    width: 17px;
    display: block;
    top: 8px;
    left: 8px;
    background-position: -32px -191px;
    background-color: #ddd;
    /* background-image: url(images/ui-icons_888888_256x240.png); */
    border: none;
}
.ui-dialog--notification {
    width: 300px!important;
}

.ui-front
{
    position: fixed;
    height: auto;
    width: 300px;
    top: 314px;
    left: 15px;
    display: block;
    box-shadow: 0 0px 30px rgba(0,0,0,0.3);
}

.ui-draggable .ui-dialog-titlebar
{
    background: #ddd;
}


.ui-dialog .ui-dialog-titlebar-close span {
    
    margin: -8px !important;
}


.ui-dialog .ui-widget .ui-widget-content .ui-corner-all .ui-front .ui-dialog--notification .ui-dialog-buttons .ui-draggable
{
 width: auto 

}

.left {float: left;	}
.right {float:right;}
.margin-split {  margin-left: :5px; }
.pad-top { padding-top: 10px;}
.pad-right-5{ padding-right: 5px;}
.pad-left-15{ padding-left: 15px;}
.pad { padding: 10px;}
.padBot10 { padding-bottom:10px; }
.padBot20 { padding-bottom:20px; }
.padBot30 { padding-bottom:30px; }
.pad-left-right { padding-left: 10px; padding-right: 10px;}
.padTopBot5 { padding:5px 0px; }
.padBot5 { padding-bottom:5px; }
.padTop5Bot10 {padding:5px 0px 10px;}
.padTop10 { padding-top:10px; }

.minHeight100 { min-height:100px; }
.marginRight10 { margin-right:10px; }
.marginRight5 { margin-right:5px; }
.marginBot1 { margin-bottom:1px; }

.font15 { font-size:15px; }
.note { font-size:12px; color: rgb(116,118,120); float:left; padding-bottom:20px; }
.clear { clear:both; }

td { font-size:12px; font-weight:normal; }

hr.dot { margin-bottom:10px; padding	:0;	border: 0 none;  border-top: 1px dashed rgb(153,153,153);  background: none;  height:0; 	width:100%;} 
hr.divider {margin-top:0px; margin-bottom:10px; padding	:0;	border: 0 none;  border-top: 5px solid rgb(0,39,118);  background: none;  height:0; 	width:100%;} 
input { border:0; color:rgb(51,51,51); font-size:12px; }
img { border:0; margin:0px; padding:0px; }
input[type=text], input[type=password], input[type=email]
{
    font-size:12px; padding:10px; /*-webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.6); -moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.6); box-shadow:2px 2px 2px rgba(0, 0, 0, 0.6); 
    -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; */
	 border: 1px solid #ccc;
    width: 100%;
    display: block;
    box-shadow: inherit;
}
input::-webkit-input-placeholder { color: #999; } 
input:-moz-placeholder { color: #999; }
input:-ms-input-placeholder { color: #999; }
input.empty { color: #999; }

.ui-btn-inner { font-size:12px; }

.ui-content { padding:0px; margin:0px; margin-top: 20px; }
.ui-content .ui-listview { padding:10px; margin:-10px; }

.wrapper { padding:10px;}
.errorContent { height:100px; font-weight:bold; }

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

/* anchor tags */
.ui-link, .ui-link-inherit { color:rgb(51,51,51); text-decoration:none; font-style:normal; }
/* a.ui-link:active, a.ui-link:hover { text-decoration:underline; } */
.ui-li .ui-link-inherit, .ui-navbar a { color:rgb(51,51,51); text-decoration:none; }
li a.ui-link:active, li a.ui-link:hover, a.blueButton:active, , a.greyButton:active, a.greyButton:hover { background-color:rgb(0,39,118); text-decoration:none; }
.ui-navbar a:active, .ui-navbar a:hover { text-decoration:none; }

a.blueButton:hover { rgb(0,159,218) }

/*a.ui-link:hover { background-color:rgb(0,39,118) }*/

/* icons */
.ui-icon 
{
	background: #666; background: rgba(0,0,0,.4); background-image: url('icons-18-white.png');
	background-repeat: no-repeat; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px;
}

/*
.ui-icon-shadow {
	-webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.6); -moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.6); box-shadow:2px 2px 2px rgba(0, 0, 0, 0.6);
}

*/

.blue { background-color: Blue; }

.ui-icon-lineBlueArrowRight  
{
    background:transparent no-repeat; background-image:url('line_arrow_blue_rightn.png'); 
    -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; 
    -moz-background-size: 11px 21px; -o-background-size: 11px 21px; -webkit-background-size: 11px 21px; background-size:11px 21px;
    -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;
}

.ui-icon-listX 
{
    background:transparent; background-image:url('btn_list_x.png'); 
    -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; 
    -moz-background-size: 26px 26px; -o-background-size: 26px 26px; -webkit-background-size: 26px 26px; background-size:26px 26px;
}

.ui-icon-plus 
{    
    background:transparent; background-image:url('arrow_white_down.png'); 
    -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; 
    -moz-background-size: 15px 15px; -o-background-size: 15px 15px; -webkit-background-size: 15px 15px; background-size:15px 15px;
    -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;
}

.ui-icon-minus 
{
    background:transparent; background-image:url('arrow_white_up.png'); 
    -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; 
    -moz-background-size: 15px 15px; -o-background-size: 15px 15px; -webkit-background-size: 15px 15px; background-size:15px 15px;
    -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;
}

.ui-icon-none { background:none; }
.ui-icon-arrow-d 
{
    background: url('arrow_white_down.png') no-repeat; 	-moz-background-size: 15px 15px; -o-background-size: 15px 15px;
	-webkit-background-size: 15px 15px; background-size: 15px 15px; 
}
		
.ui-icon-checkbox-off, .ui-icon-radio-off {
	  display:block; color:rgb(0,159,218); border:1px solid rgb(0,159,218);  width:18px; height:18px; color:rgb(0,159,218);
    background: rgb(255,255,255);
    background: -webkit-gradient(linear, center top, center bottom, color-stop(0.30, rgb(255,255,255)), color-stop(1, rgb(200,200,200))); 
    background: -webkit-linear-gradient(top, rgb(255,255,255) 30%, rgb(200,200,200) 100%); 
    background: -moz-linear-gradient(top, rgb(255,255,255) 30%, rgb(200,200,200) 100%); 
    background: -ms-linear-gradient(top, rgb(255,255,255) 30%, rgb(200,200,200) 100%); 
    background: -o-linear-gradient(top, rgb(255,255,255) 30%, rgb(200,200,200) 100%);
    background: linear-gradient(top, rgb(255,255,255) 30%, rgb(200,200,200) 100%);
}
.ui-icon-checkbox-on
{
    height:20px; width:20px; background: url('checkbox_on.png') no-repeat center center; 
    -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; -o-background-size: 20px 20px;  background-size: 20px 20px;
}
	
.ui-icon-radio-off { -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; }
.ui-icon-radio-on  
{
    height:20px; width:20px; background: url('radiobutton_on.png') no-repeat center center; 
    -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; -o-background-size: 20px 20px;  background-size: 20px 20px;
    -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;
 }

/* checks,radios */

.ui-icon-checkbox-off, .ui-icon-radio-off { background-color: #fff; }
.row .ui-radio { float:left	; clear	:none;  margin-bottom	:5px; }
.row .ui-checkbox .ui-btn .ui-btn-corner-all .ui-icon-checkbox-off, .row .ui-checkbox .ui-btn .ui-btn-corner-all .ui-checkbox-on 
{
	-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
}
.ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { background-color:transparent; }

/*PRH fix checkbox*/
.ui-checkbox .ui-icon { display: none;}
.ui-checkbox .ui-icon, .ui-radio .ui-icon { display: none; }
.ui-checkbox .ui-btn-icon-left .ui-btn-inner, .ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 20px; }


/* dropdown */
select { color:rgb(51,51,51); }
.ui-select { padding:0px; margin:0px; -webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.6); -moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.6); box-shadow:2px 2px 2px rgba(0, 0, 0, 0.6); }
.ui-select .ui-btn { padding:0px; margin:0px; background-color:#fff; }
.ui-select .ui-icon  
{
    background-color:#4596ce; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background-position: 50% 50%; width:30px; height:30px; 
    -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; 
}
.ui-select .ui-btn-icon-right .ui-btn-inner .ui-icon { right:0px; top:9px; -moz-top:10px; }
.ui-select .ui-btn-inner { padding:0px; margin:0px; color:#333; }
.ui-select .ui-btn-text { padding:0px; margin:0px; text-align:left; padding:0.6em 4px 0.6em 10px; }

.ddline { height: 12px; width: 10px;}


.purpleDD .ui-select { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.purpleDD .ui-select .ui-btn { -webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.6); -moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.6); box-shadow:2px 2px 2px rgba(0, 0, 0, 0.6);}
.purpleDD .ui-select .ui-icon { background-color : rgb(157,94,183); }


/* buttons */
a.darkblueButton
{
    display:block; color:#fff; text-transform:none; font-weight:bold; text-align:center; padding:10px; background-color:rgb(0,39,118); 
   /* -webkit-box-shadow:2px 2px 1px rgb(51,51,51); -moz-box-shadow:2px 2px 1px rgb(51,51,51); box-shadow:2px 2px 1px rgb(51,51,51); */
}


a.blueButton
{
    display:block; color:#fff; text-transform:none; font-weight:bold; text-align:center; padding:10px; background-color:rgb(0,159,218); 
    /*-webkit-box-shadow:2px 2px 1px rgb(51,51,51); -moz-box-shadow:2px 2px 1px rgb(51,51,51); box-shadow:2px 2px 1px rgb(51,51,51); */
}

a.lightblueButton
{
    display:block; color:#fff; text-transform:none; font-weight:bold; text-align:center; padding:10px; background-color:rgb(102,200,236); 
   /* -webkit-box-shadow:2px 2px 1px rgb(51,51,51); -moz-box-shadow:2px 2px 1px rgb(51,51,51); box-shadow:2px 2px 1px rgb(51,51,51); */
}

a.orangeButton
{
    display:block; color:#fff; text-transform:none; font-weight:bold; text-align:center; padding:10px; background-color:rgb(233,131,0); 
     
}

a.whiteButton-left, a.whiteButton-right  {  background-color:rgba(255,255,255,0.8); text-align:center; vertical-align:middle; padding:10px 10px 8px 10px; color: rgb(0,159,218); float:left; width: 127px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
a.whiteButton-left img,  a.whiteButton-right img { width: 20px; height	:20px; padding-right:0px; margin-top:-2px; }
a.whiteButton-left { margin-right: 5px;}

a.greyButton  
{
    display:block; color:#fff;  font-weight:bold; text-align:center; padding:10px; background-color:rgb(171,171,171); 
    /*-webkit-box-shadow:2px 2px 1px rgb(51,51,51); -moz-box-shadow:2px 2px 1px rgb(51,51,51); box-shadow:2px 2px 1px rgb(51,51,51); */
}

.homePanel .ui-link { color: rgb(0,39,118); }

a.whiteGreyGradButton 
{
    display:block; color:rgb(0,159,218); border:1px solid rgb(0,159,218); padding:5px 10px; text-align:center; width:40px; color:rgb(0,159,218);
    background: rgb(255,255,255);
    background: -webkit-gradient(linear, center top, center bottom, color-stop(0.30, rgb(255,255,255)), color-stop(1, rgb(200,200,200))); 
    background: -webkit-linear-gradient(top, rgb(255,255,255) 30%, rgb(200,200,200) 100%); 
    background: -moz-linear-gradient(top, rgb(255,255,255) 30%, rgb(200,200,200) 100%); 
    background: -ms-linear-gradient(top, rgb(255,255,255) 30%, rgb(200,200,200) 100%); 
    background: -o-linear-gradient(top, rgb(255,255,255) 30%, rgb(200,200,200) 100%);
    background: linear-gradient(top, rgb(255,255,255) 30%, rgb(200,200,200) 100%);
}

a.white-button  
{
    text-align:center; font-size:14px; display:block; color: rgb(0,39,118); padding:10px; 
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #ffffff; 
}
a.white-button .right { padding-left:10px; }

a.iconBtn { display:block; font-weight:normal; text-transform:none; }
a.iconBtn img { width:20px; height:20px; vertical-align:middle; padding-right:5px; }

a.rightArrIconBtn img { width:15px; height:15px; vertical-align:bottom; padding:0px 0px 0px 5px; }

a.lineLeftArrBtn img { width:11px; height:21px; vertical-align:middle; }
a.lineRightArrBtn img { width:11px; height:21px; vertical-align:middle; }

a.inline { display:inline-block; }
a.noCap { text-transform:none; }


/* sub header */
h3 { font-size:15px; text-transform:capitalize; color: rgb(0,39,118); }
h3.noPads { margin:0px; padding:0px 0px 20px; }
h3.option { color: rgb(0,39,118); font-size: 14px; font-weight: normal	; }
.darkBlueSubHeader { padding:10px; background-color:rgb(0,39,118); color:#fff; }
.darkBlueSubHeader .title { font-size:14px; text-transform:uppercase; }
.darkBlueSubHeader a { color:#fff; font-weight:normal; }

.lightStripSubHeader  
{
    padding:10px; color:#fff; background:url('striped_bar_rpt.png'); 
    -moz-background-size: 60px 60px; -o-background-size: 60px 60px; -webkit-background-size: 60px 60px; background-size:60px 60px; 
}

.lightGreyWhiteGradSubHeader 
{
    background: rgb(220,220,220); padding:10px; border-bottom:2px solid rgb(0,159,218); height:34px;
    background: -webkit-gradient(linear, center top, center bottom, from(rgb(220,220,220)), color-stop(.5,rgb(255,255,255)), to(rgb(220,220,220))); 
    background: -webkit-linear-gradient(top, rgb(220,220,220), rgb(255,255,255), rgb(220,220,220)); 
    background: -moz-linear-gradient(top, rgb(220,220,220), rgb(255,255,255), rgb(220,220,220)); 
    background: -ms-linear-gradient(top, rgb(220,220,220), rgb(255,255,255), rgb(220,220,220)); 
    background: -o-linear-gradient(top, rgb(220,220,220), rgb(255,255,255), rgb(220,220,220));
    background: linear-gradient(top, rgb(220,220,220), rgb(255,255,255), rgb(220,220,220));    
}

/* list view */
.ui-li { font-weight:normal; }
.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding:0.7em 10px; }

#jobList.ui-listview li:last-child { border-bottom:1px solid rgb(116,118,120); }
#jobList.ui-listview li:last-child .ui-li { border-bottom:1px solid #fff; }
#jobList.ui-listview .ui-icon { display:none; background:none; }
#jobList.ui-listview li div.ui-btn-inner:active, #jobList.ui-listview li div.ui-btn-inner:hover {border-color:rgb(0,159,218); }

.savedListMod { margin-top:1px; border-top:5px solid rgb(0,39,118); border-bottom:5px solid rgb(0,39,118); }
#savedLst.ui-listview .ui-checkbox { float:left; width:40px; }
#savedLst.ui-listview .ui-checkbox .ui-icon { width:18px; height:18px; }

#savedLst.ui-listview li:first-child { border-top:1px solid rgb(116,118,120); }
#savedLst.ui-listview li:last-child { border-bottom:1px solid rgb(116,118,120); }
#savedLst.ui-listview .title, #applyList.ui-listview .title { white-space:normal; width:93%; }

#applyList.ui-listview .ui-icon { right:10px; top:50%; width:26px; height:26px; }
/*
#applyList.ui-listview li { border-bottom:1px solid rgb(116,118,120); }
#applyList.ui-listview li .ui-li { padding:10px 0px; border-top:none; border-bottom:1px solid #fff; }
#applyList.ui-listview li div.ui-btn-inner { border:2px solid rgb(242,242,242); }
#applyList.ui-listview li.alt div.ui-btn-inner { border-color:#fff; }
#applyList.ui-listview li div.ui-btn-inner:active, #applyList.ui-listview li div.ui-btn-inner:hover {border-color:rgb(0,159,218); }
*/
#actab { border-top:5px solid rgb(0,39,118); float:left; width:100%;}
#actab li:last-child .ui-li-static { border-bottom:none; }


#alertList li .left { width:53%; }
#alertList li:last-child { border-bottom:1px solid rgb(116,118,120); }
#alertList .rightPanel{ padding:0px 0px 0px; float:right; }
#alertList .rightPanel .ui-link { color:#fff; }
#alertList .rightPanel a { text-decoration:none; }
#alertList .rightPanel a.ui-link:active, #alertList .rightPanel a.ui-link:hover { background-color:rgb(51,51,51); text-decoration:none; }

#staticList, #officeList { margin:0px; padding:0px; }
#staticList.ui-listview li .ui-li { padding:5px 0px; border-top:none; }
#staticList.ui-listview li:first-child { border-top:1px solid rgb(116,118,120); }
#staticList.ui-listview li { background-color:#fff; border:none; border-bottom:1px solid rgb(116,118,120);}
#staticList.ui-listview li .ui-btn-inner { border:2px solid #fff; }
#staticList.ui-listview li:active .ui-btn-inner, #staticList.ui-listview li:hover .ui-btn-inner {border-color:rgb(0,159,218); }

 .hide { display:none; }
 
.ui-listview .ui-icon-lineBlueArrowRight {right:10px; top:50%; width:11px; height:21px;}
.ui-listview li .ui-li { padding:10px 0px 0px; border-top:1px solid #fff; }
.ui-listview li { background-color:rgb(199,199,199); border-top:5px solid white; }
.ui-listview .ui-li-desc { white-space:normal; }
.ui-listview li div.ui-btn-inner { border:2px solid rgb(242,242,242); }

.ui-listview li.alt { background-color:#fff; }
.ui-listview li.alt div.ui-btn-inner { border-color:#fff; }
.ui-listview li div.ui-btn-inner:active, .ui-listview li div.ui-btn-inner:hover {border-color:rgb(0,159,218); }

.ui-listview img { width:105px; height:40px; }
.ui-listview .right { float:right; }
.ui-listview p { display:block; }
.ui-listview p.title { color:rgb(0,159,218); font-size:14px; font-weight:bold; }
.ui-listview p.gray { color:rgb(116,118,120); }
.ui-listview p.text { padding-top:5px; font-size:11px; height:30px; }

.ui-listview .ui-li-static { font-size:12px; padding:10px; margin:0px; }
.ui-listview .ui-li-static .ui-li-desc { margin:0px; padding:0px 0px 5px;  }
.ui-listview .ui-li-static .ui-link { color:rgb(0,39,118); }
.ui-listview .ui-li-static .ui-link:active, .ui-listview .ui-li-static .ui-link:hover { text-decoration:underline; background-color:transparent; }


/* pagination */
#pagingControl  
{
    padding:10px 0px; font-style:normal; border-bottom:1px solid rgb(153,153,153);  color:rgb(116,118,120); 
    background:transparent url('striped_bar_rpt.png'); 
    -moz-background-size: 60px 60px; -o-background-size: 60px 60px; -webkit-background-size: 60px 60px; background-size:60px 60px; 
}
#pagingControl.borderNone { border:none; }

#pagingControl table { width:100%; }
#pagingControl td { padding:0px; margin:0px; vertical-align:middle; text-align:center; }
#pagingControl td a { text-decoration:none; }
#pagingControl td img { width:10px; height:10px; vertical-align:middle; }
#pagingControl td.prev { width:62px; text-align:left; padding-left:8px; }
#pagingControl td.next { width:62px; text-align:right; padding-right:8px; }
#pagingControl td.prev img { padding-right:5px; }
#pagingControl td.next img { padding-left:5px; }

#pagingControl a { display:inline-block; color:rgb(0,159,218); font-weight:bold; text-decoration:none; }
#pagingControl a:active, #pagingControl a:hover { text-decoration:underline;}
#pagingControl #pgNum { font-weight:bold; }

#pagingControl ul { padding:0px; margin:5px 0px 0px; list-style:none; text-align:center; width:100%; }
#pagingControl li  
{
    display:inline-block; text-align:center;  margin-right:8px; height:18px; width:18px; border:1px solid rgb(0,159,218); 
    background: rgb(255,255,255);
    background: -webkit-gradient(linear, center top, center bottom, color-stop(0.30, rgb(255,255,255)), color-stop(1, rgb(200,200,200))); 
    background: -webkit-linear-gradient(top, rgb(255,255,255) 30%, rgb(200,200,200) 100%); 
    background: -moz-linear-gradient(top, rgb(255,255,255) 30%, rgb(200,200,200) 100%); 
    background: -ms-linear-gradient(top, rgb(255,255,255) 30%, rgb(200,200,200) 100%); 
    background: -o-linear-gradient(top, rgb(255,255,255) 30%, rgb(200,200,200) 100%);
    background: linear-gradient(top, rgb(255,255,255) 30%, rgb(200,200,200) 100%);

}
#pagingControl li.selected  
{
    background: rgb(220,220,220); padding:2px; height:16px; width:16px; border:none; 
   background: -webkit-gradient(linear, center top, center bottom, from(rgb(220,220,220)), to(rgb(255,255,255))); 
    background: -webkit-linear-gradient(top, rgb(220,220,220), rgb(255,255,255)); 
    background: -moz-linear-gradient(top, rgb(220,220,220), rgb(255,255,255)); 
    background: -ms-linear-gradient(top, rgb(220,220,220), rgb(255,255,255)); 
    background: -o-linear-gradient(top, rgb(220,220,220), rgb(255,255,255));
    background: linear-gradient(top, rgb(220,220,220), rgb(255,255,255));

 }
#pagingControl li.dotted { background:none; border:none; font-weight:bold; width:10px; height:20px; color:rgb(116,118,120); }
#pagingControl li.dotted span { display:table-cell; vertical-align:middle; height:20px; }

#pagingControl li:last-child { margin-right:0px; }

#pagingControl li a { height:18px; width:18px; display:table-cell; vertical-align:middle; text-decoration:none; }
#pagingControl li.selected a { color:#fff; background-color:rgb(0,159,218); height:16px; width:16px; display:table-cell; vertical-align:middle; text-decoration:none; }


/* slider */
.rangeSlider {  text-align	:center	;  background-color:rgba(204,204,204,.5); padding:5px 10px 0px; }
.sliderRange { -webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.6); -moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.6); box-shadow:2px 2px 2px rgba(0, 0, 0, 0.6); }
.sliderValue   
{
    margin:0 auto; text-align:center; padding-bottom:5px; padding-top:5px;  font-weight:bold;  color:#fff; width:131px; height:	25px;
    background: url('slider_callout.png') no-repeat; 
    -moz-background-size: 131px 33px; -o-background-size: 131px 33px; -webkit-background-size: 131px 33px; background-size: 131px 33px;
}
.rangeSlider .ui-slider { height:10px; margin-bottom:10px; }


/* tab menu */
.tabMenu { padding:0px; margin:0px; }
.tabMenu li a { color:#fff;  text-align:center; }
.tabMenu li a:active .ui-btn-inner, .tabMenu li a:hover .ui-btn-inner {background-color:rgb(0,39,118); }
.tabMenu li .ui-btn-inner { margin-left:3px; font-size:12px; background-color:rgba(0,159,218,0.5); }
.tabMenu li .ui-btn-active { background-color:rgb(0,39,118); }
.tabMenu li:first-child .ui-btn-inner { margin-left:0px; }


/* share */
ul.shareIconLst { padding:0px; margin:0px; list-style:none;}
ul.shareIconLst li  
{
    vertical-align:middle; display:inline-block; margin-right:10px;
    -webkit-box-shadow:2px 2px 1px rgb(51,51,51); -moz-box-shadow:2px 2px 1px rgb(51,51,51); box-shadow:2px 2px 1px rgb(51,51,51); 
}
ul.shareIconLst li img { padding:5px; }
ul.shareIconLst li:last-child { margin-right:0px; }

/* popup */
.popupOverlay { position:absolute; z-index:9999999; background:rgba(51,51,51,.5) 0 0; width:100%; height:100%; display:none;}
.popup  
{
    position:absolute; top:12%; left:25%; background-color:rgba(51,51,51,.9); padding:10px;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    -webkit-box-shadow:2px 2px 6px rgb(51,51,51); -moz-box-shadow:2px 2px 6px rgb(51,51,51); box-shadow:2px 2px 6px rgb(51,51,51);    
}
.popup img.close  
{
    width:21px; height:21px; cursor:pointer;
    background-color:#fff; top:-10px; right:-10px; position:absolute; border:1px solid #4596ce; 
    -moz-border-radius: 26px; -webkit-border-radius: 26px; border-radius: 26px;
}
.popup ul { margin:0px; padding:0px; list-style:none; }
.popup li { padding:10px; color:#fff; border-bottom:1px solid rgb(116,118,120); }
.popup li a { display:block; color:#fff; font-size:12px; }
.popup li a:active, .popup li a:hover { background-color:transparent; text-decoration:underline; }
.popup li img { height:30px; width:30px; vertical-align:middle; padding-right:10px; }
.popup li:last-child { border-bottom:none; }

/* header */
.header { padding:10px; height:30px; border-bottom:1px solid rgb(116,118,120); margin-bottom:1px; }
.header a.logo img { height:30px; vertical-align:middle; }
.header a.login { padding-top:2px; vertical-align:middle; color:black; text-transform:inherit; font-weight:bold; float:right; }
.header a.login img { width:17px; height:15px; padding-right:5px; vertical-align:bottom; }


/* footer */
.ui-footer { text-align:center; padding-bottom:5px; font-style:normal; }
.ui-footer .ui-btn-inner { font-size:10px; }
.footer { margin-bottom:5px; background-color:rgb(153,153,153); }
.footer li { text-transform:capitalize; }
.footer li a { color:#fff; }
.footer li .ui-btn-inner { padding-left:5px; padding-right:5px; }
/*.footer li a:hover .ui-btn-inner, .footer li a:hover .ui-btn-inner {background-color:rgb(0,39,158); } */

/* navigation */
.naviBar { padding:10px 0px 1px 0px; margin:0px; }
.naviBar li { text-align:center; }
.naviBar li img { height:20px; width:20px; text-align:center; vertical-align:middle; padding-bottom:3px; display:block; margin:0px auto; }
.naviBar li a { color:#fff; text-transform:uppercase; display:block; }
.naviBar li .ui-btn-inner { font-size:10px; font-weight:bold; border-left:2px solid #fff; padding-left:5px; padding-right:5px; text-align:center; }
.naviBar li:first-child .ui-btn-inner { border-left:none; }
/*.naviBar li a:hover, .naviBar li a:active {background-color: #00bfff; } */

/* navigation new*/
.naviBar-new { width: 100%;padding:4px 0px 1px 0px; margin:0 auto;    }
.naviBar-new ul {list-style: none;margin: 0;padding-left: 0; position: relative;display: block;border: 0;width: 100%;overflow: hidden;}
.naviBar-new ul li { width: 97% !important; font:bold 12px ;text-align:center; margin:3px 3px;  }
.naviBar-new ul li a { color:#fff; text-transform:none; display:block; }
.naviBar-new ul li .ui-btn-inner { font-size:10px; font-weight:bold; border-left:2px solid #fff; padding-left:5px; padding-right:5px; text-align:center; }
.naviBar-new ul li:first-child .ui-btn-inner { border-left:none; }
/*.naviBar-new ul li a:hover, .naviBar li a:active {background-color:rgb(0,39,158); } */

/*textbox */
.row input.ui-input-text { width: 100%; padding	: 10px 0px 10px 10px; box-sizing: border-box;-webkit-box-sizing:border-box;-moz-box-sizing: border-box; }

/* form */
.formArea { padding:10px; min-height:40px; background-color: rgb(255,255,255); border:none; }
.formArea .ui-btn-inner { background-color:transparent; }
.formArea .row { padding-bottom:10px; }
.formArea .btnRight { float:right; }
.formArea .btnLeft { float:left; }
.formArea .blueTxtLink { color:rgb(0,159,218); display:block; }

/* hays color */
.lightBlueFore { color:rgb(0,159,218); }
.darkBlueFore {color:rgb(0,39,118);}
.pink { background-color:rgb(215,31,133); }
.green { background-color:rgb(115,150,0); }
.purple { background-color:rgb(128,55,155); }
.orange { background-color:rgb(233,131,0); }
.lightblue { background-color: rgba(0,159,218,0.5); }
.greyn { background-color:#419DB0; }
.darkBluebg { background-color:rgb(0,39,118);}

.darkBlueDivider { border-top:5px solid rgb(0,39,118); }
.darkBlueBottomDivider { border-bottom:5px solid rgb(0,39,118); }

/* content page */
#jobDetailLst { border-bottom:1px solid rgb(116,118,120); }

.minHeight40 { min-height:40px; }

.pgHeaderPnl { padding-bottom:10px; }
.pgHeaderPnl p { padding:0px; margin:0px; }
.pgHeaderPnl .right { padding-left:5px; float:right; }
.pgHeaderPnl .right img { width:105px; height:40px; }

.darkBlueTitle {color:rgb(0,39,118);font-size:15px; font-weight:bold;  margin-top	:0px; }

.detailBlock { padding:5px 0px; border-top:1px dashed rgb(51,51,51); border-bottom:1px dashed rgb(51,51,51); }
.detailBlock td { padding:5px 0px 0px; font-weight:bold; }
.detailBlock td.darkBlueFore { padding-right:10px; font-weight:bold;}

.borderDarkGrey { border:1px solid rgb(0,39,118); }
.borderBottomDarkGrey { border-bottom:1px solid rgb(0,39,118); }
      
.center { margin:0px auto; text-align:center; }
.contact { font-weight:bold; padding-bottom:10px; }

.noContent { min-height:200px; padding:10px; font-weight:bold; }
.noContent span.msg { display:block; font-weight:normal; padding-top:5px; }


.lightGreyPnl { background-color:rgb(200,200,200); padding:10px 10px 20px; text-align:right; }

.applyWrapper { padding:10px 10px 20px 10px; }
.applyWrapper label { display:block; padding:5px 0px; font-weight:bold; }

.btnRight { text-align:right; }
.btnLeft { text-align:left; }

.sortTxt { color:rgb(51,51,51); padding-top:0.6em; padding-right:5px; display:inline-block; }

.staticContent { padding:10px; }
.staticContent p { padding:0px 0px 10px; margin:0px; }
.staticContent h3 { color:rgb(51,51,51); }
.staticContent a { color:rgb(0,39,118); }

.validation-summary-valid ul { padding:0px; margin:0px; }

.field-validation-error{
    margin:0px 0px 5px; color:#fff; padding:10px 10px 9px; background:url('error_arrow_d.png') no-repeat 50% bottom; 
    -moz-background-size:17px 9px; -webkit-background-size:17px 9px; background-size:17px 9px;display	:block	;
}

.field-validation-error span{
	padding:10px 10px 10px 30px; margin:0px; background-color:rgb(157,94,183);
    -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px;
    text-align:  center	; display	:block	;
}

.validation-summary-errors 
{
    margin:0px 0px 5px; color:#fff; padding:10px 10px 9px; background:url('error_arrow_d.png') no-repeat 50% bottom; 
    -moz-background-size:17px 9px; -webkit-background-size:17px 9px; background-size:17px 9px;
}
.validation-summary-errors ul  
{
    padding:10px 10px 10px 30px; margin:0px; background-color:rgb(157,94,183);
    -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px;
}
.input-validation-error  
{
    border:1px solid rgb(157,94,183); -webkit-box-shadow:1px 1px 2px rgba(157,94,183, 0.6); -moz-box-shadow:1px 1px 2px rgba(157,94,183, 0.6); box-shadow:1px 1px 2px rgba(157,94,183, 0.6);
}

.formArea .validation-summary-errors, .field-validation-error { padding:0px 0px 9px; }


/* accordion */
.ui-collapsible-set { margin:0px 0px 10px; }
.ui-collapsible-heading { background-color:rgb(116,118,120); font-size:15px; }
.ui-collapsible-heading .ui-btn-icon-right .ui-btn-inner .ui-icon { right:10px; width:15px; height:15px; top:50%; }
.ui-collapsible-heading .ui-btn-inner { padding:0px;  }
.ui-collapsible-heading a { color:#fff; text-decoration:none; padding:10px; text-transform:capitalize; }

.ui-collapsible-content { padding:0px; margin:0px; }
.ui-collapsible-content table { padding:0px 10px 20px; margin:0px; width:100%; }
.ui-collapsible-content td { border-bottom:1px dashed rgb(51,51,51); padding:10px; text-align:left; }
.ui-collapsible-content td.label { color:rgb(116,118,120); font-weight:bold; text-align:right; width:40%; }

/*user detail */
#user-detail { padding:0px 0px 20px 0px; margin:0px; }
#user-detail table { padding:0px 10px; margin:0px; width:100%; }
#user-detail td { border-bottom:1px dashed rgb(51,51,51); padding:10px; text-align:left; }
#user-detail td.label { color:rgb(116,118,120); font-weight:bold; text-align:right; width:40%; }

/* hays bg */

.stripBg  
{
    background: none;
}

/*panel*/
.homePanel { width:100%;  display:table;  text-align:center;  color: rgb(0,39,118); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #ffffff; }

.slider-panel { width: 100%; background-color	:rgba(204,204,204,0.5); }
/*images */
.arrow {display:table-cell; vertical-align:middle; width:11px; height	:21px;}  
img.exclaim { width: 32px; height:32; padding-right: 10px; }
/*headers */
h3.option { color: rgb(0,39,118); font-size: 14px; font-weight: normal	; }

/*google map */
#map_canvas { height: 240px; width: 304px; }


<style type="text/css">
#bysy_indicator {
  display: none;
  float: right;
  background: rgb(255,241,168);
  margin-top: 5px;
  z-index: 1000;
  width: 200;
  font-weight: bold;
  text-align: center;
  font-size: 1em;
}
</style>