@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.notification{
position: fixed;
top: 60%;
left: 56%;
z-index: 9999;
display: none;
border-bottom: 8px solid #FFF;
border-top: 8px solid #FFF; 
border-right: 8px solid #3498db;
border-left: 8px solid #3498db; 


border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 1s linear infinite;
-webkit-box-shadow: 0px 0px 120px 20px rgba(52,152,219,1);
-moz-box-shadow: 0px 0px 120px 20px rgba(52,152,219,1);
box-shadow: 0px 0px 120px 20px rgba(52,152,219,1);
}


/*.notification {
    position:fixed;
    top:0px;
	right:0%;
	z-index:9999;  
	display:none; 
	background:#FFC url('../Images/492.png') no-repeat 3px 50%;
	background-size: 33px 13px;
	border-left: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
    color:#006;
    font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
    padding:5px 5px 5px 42px;	
	text-shadow: 1px 1px 1px #919191;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;	
	
}*/
.alert-box {
    position: relative;
    /* center the element */
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
	z-index:9999;  
	display:none; 	
	color:#555;
	padding:10px 36px;
	margin:0px 0px 3px 0px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}
.alert-box span {
	font-weight:bold;
	text-transform:uppercase;
}
.error {
	background:#ffecec url('../Images/home.png') no-repeat 10px 50%;
	border:1px solid #f5aca6;
}
.success {
	background:#e9ffd9 url('../Images/home.png') no-repeat 10px 50%;
	border:1px solid #a6ca8a;
}
.warning {
	background:#fff8c4 url('../Images/home.png') no-repeat 10px 50%;
	border:1px solid #f2c779;
}
.notice {
	background:#e3f7fc url('../Images/home.png') no-repeat 10px 50%;
	border:1px solid #8ed9f6;
}


.notijob {
	padding:2px 6px 2px 6px;
	margin-left:3px;
	top:15px;
	height:15px;
	border:1px solid #F60;	
	background-color:#F90;
	color:#FFF;
	
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-border-radius: 8px;	
}

.nav { height: 42px;}
    .nav ul { list-style: none; }
    .nav ul li{float: left; margin-top: 6px; padding: 6px; border-right: 1px solid #ACACAC;}
    .nav ul li:first-child{ padding-left: 0;}
    .nav ul li a { }
	.nav ul li a:hover{ text-decoration: underline;}

.h2img:hover {
	opacity:1;
	filter: alpha(opacity=100);
}

.page_next {
	display:block;
	padding:5px;	
	margin-left:3px;
	border:1px solid #fff;
	float:left;
}

.paginator{ margin-top: 1px; text-align:left; font-size: 12px;  }
.paginator span{display: inline-block; height: 18px;  }
.paginator a{ color: #000; display: inline-block; font-weight: normal; margin-left:6px;
	display: inline-block; height: 18px; line-height: 18px; padding: 1px; min-width:15px; text-align:center; border: 1px solid #ddd; 
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-border-radius: 4px;	
	background-color:#f8f8f8;
	text-decoration:none;
 }
.paginator a:visited{color: #5f5e5c; padding: 1px;min-width:15px; text-align:center;}
.paginator a:hover{color: #999; text-decoration:underline; background-color:#f2f2f2; }
.paginator a.page{  padding-right: 8px; padding-left: 8px; }
.paginator span.inactive{color: #ccc; margin-left:3px; }
.paginator span.current{ 
display: inline-block; height: 18px; line-height: 18px; margin-left:6px;
	font-weight: bold; color: #333;  
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-border-radius: 4px;	
	padding: 5px; min-width:15px; text-align:center;
font-size:14px; }
.paginator span.current.lastpage{ background: none; }
.paginator a.page.lastpage{background: none; background-color:#f8f8f8;}

.paginator .first{padding-right: 10px;  
display: inline-block; height: 18px; line-height: 18px; border: 2px solid #ddd; 
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-border-radius: 4px;	
	padding: 1px; min-width:30px; text-align:center;
	font-size:11px;
background-color:#f8f8f8; }

.paginator .prev{padding-right: 10px;  
display: inline-block; height: 18px; line-height: 18px; border: 2px solid #ddd;  
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-border-radius: 4px;	
	padding: 1px; min-width:30px; text-align:center; 
	font-size:11px;
background-color:#f8f8f8;}

.paginator .next{ padding-left: 10px; 
display: inline-block; height: 18px; line-height: 18px; border: 2px solid #ddd; margin-left:6px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-border-radius: 4px;	
	padding: 1px;min-width:30px; text-align:center;
	font-size:11px;
background-color:#f8f8f8;}

.paginator .last{padding-left: 10px; 
	display: inline-block; height: 18px; line-height: 18px; border: 2px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-border-radius: 4px;	
	padding: 1px; min-width:30px; text-align:center;
	font-size:11px;
background-color:#f8f8f8;}


#rowlimit { 
	min-width:50px;
}

.pright { float:right; }
.bold { font-weight:bold; }
.normal { font-weight:normal !important; }
.navy { color:#005db0; }
.orange { color:#F90; }
.red { color:#F00; }
.green { color:#090; }
.gray { color:#999; }
.yellow { color:#F90; }

.f10 { font-size:10px !important; }
.f11 { font-size:11px !important; }
.f12 { font-size:12px !important; }
.f13 { font-size:13px !important; }
.f14 { font-size:14px !important; }
.f15 { font-size:15px !important; }
.f16 { font-size:16px !important; }
.f18 { font-size:18px !important; }
.f20 { font-size:20px !important; }
.f22 { font-size:22px !important; }
.f24 { font-size:24px !important; }
.f26 { font-size:26px !important; }
.f28 { font-size:28px !important; }
.f30 { font-size:30px !important; }

.p1 { padding:1px; }
.p2 { padding:2px; }
.p3 { padding:3px; }
.p4 { padding:4px; }
.p5 { padding:5px; }

.right { float:right; }
