/**
  * Style sheet that controls the basic display of Applicant Tracking Citizenlink pages
  *
  * Many of the styles are overloaded in the customers own style sheet
  * @author KMN
  * @since 01/2015
  */  
 
li {
	color: black;
}

/*
* Places jqueryui dialog boxes on top of the qtip error flashes
*/
.ui-dialog { 
    z-index: 20000 !important ;
}

.ui-dialog td.data>input
{
    font-size: 12px !important;
}

.ui-dialog td.label
{
    font-size: 12px !important;
}

a.core-lost-link
{
	margin-left: 10px;
	font-size: 10px;
}

/*
* Stop the ATK citizenlink styles bleeding into the dialog
*/
.ui-dialog .ui-dialog-title {
    font-size: 12px !important;
    text-align: left;
}

/*
* Horizontal Radio Styling
*/
.ui-atk-V4, .ui-atk-F4 {
}

/*
* Horizontal Radio Element Styling
*/
.ui-atk-V4-element, .ui-atk-F4-element {
    height:16px !important;
    float: left;
    width: 20px;
    padding: 0px !important;
    
}

/*
* Horizontal Radio Element Label Styling, replaces standard "label"
*/
.ui-atk-V4-label, .ui-atk-F4-label {
    height: 20px !important;
    float: left;
    font-weight: bold;
    min-width: 80px;
    margin-left: 5px;
    margin-top: 3px;
    
}

.ui-atk-V4-qtip, .ui-atk-F4-qtip {
    height: 20px !important;
    float: left;
}  

.overlay {
  // background: #e9e9e9;  
   background: silver;  
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.8;
	z-index: 90000;
}

#loading-wrapper {
	position: relative;
	height:50px;
	width:100%;
	text-align: center;
	top: 300px;
	z-index: 90001;

}
#loading-box {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	height: 80px;
	width: 600px;
	opacity: 1;
	color: black;
	background:white;
	border-radius:10px;
	padding: 10px;
	z-index: 90002;

}

#loading-text {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	height: 30px;
	width: 600px;
	opacity: 1;
	color: black;
	background:white;
	font-size: 14px;
	font-weight: bold;
}

#loading-img {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	height: 50px;
	width: 50px;
	opacity: 1;
	color: black;
	background:white;
}

.branch table {
    width: 100%;
}

.branch td {
    text-align: center;
}

#jobApplicationStatus 
{
	position:relative;
	width:100%;
	border:2px solid silver;
	height:100px;
	border-radius:10px;
	font-size:14px;
	background:yellow;
}

#jobApplicationStatusHeader 
{
	position:relative;
	width:100%;
	background:gray;
	height:20px;
	border-radius:10px;
	font-size:16px;
	color: white;
	
}
#jobApplicationStatusText 
{
	position:relative;
	width:100%;
	background:gray;
	height:80px;
	font-size:16px;
	border-radius:10px;
	background: transparent;
	padding-top: 20px;
}

.infoBox {
	border:2px solid silver;
	background:transparent !important;
	padding:10px !important;
	text-align:left;
	border-radius: 22px 22px 22px 22px;
	font-weight:normal;
	font-size:13px;
	font-family:verdana;
}

.infoBox li {
	font-size:14px;
	font-family:verdana;
	font-weight:normal;
	list-style: disc !important;
	margin-left: 10px !important;
	color: black;
}


.infoBoxWarning {
	border:3px solid red;
	
}

.infoBoxInner{ 
	background: #FFFEFB;
}

.infoBox-citizenlink h4
{
	color: red !important;
	margin-top: 0px;
	margin-bottom: 5px !important;
	padding-bottom: 5px !important;
}

.infoBox a:link, .infoBox a:visited
{
	text-decoration: underline;
}

.infoBox a:hover
{
	color:red;
}

.infoBox-citizenlink
{
	background:transparent !important;
	margin:3px;
}

.top-level-button-icon
{
	margin: 5px;
}

.top-level-group-container
{
	position: relative;
	margin-bottom: 20px;
	padding: 0px 10px 10px 0px;
	height: 30px;
	font-size: 12px !important;
}
.bottom-bar-text
{
	position: relative;
	border-top: 2px solid silver;
	padding-top: 10px;
}

.header-wrapper
{
    position:relative;
}

/***********************************************************************
* Controls the iterating group displays
***********************************************************************/
.iterating-header-wrapper-hidden,.iterating-bottom-div-hidden
{
    display: none;
}

.iterating-top-div,.iterating-bottom-div
{
    position:relative;
    width:100%;
    border:1px solid silver;
    border-radius: 3px;
    text-align: right;
    padding: 3px;
    height:25px;
}

.iterating-top-explain
{
    float:left;
    height: 16px;
    padding-top:3px;
    font-weight: bold;
    font-family: sans-serif;
}

.iterating-element-div
{
    position:relative;
    width:100%;
    border:1px solid silver;
    border-radius: 3px;
    text-align: right;
    padding: 3px;
}

.iterating-element-hover
{
    background-color:#D1FFFF;
}



.clear-set-button
{
    float:right;
    height: 14px;
}

.new-set-button
{
    float:left;
    height: 14px;
}


.clear-set-button:hover,.new-set-button:hover
{
    opacity: 0.6;
}