
/*general settings*/

.ttoGreen{
	color:#97C0E6;
}
.ttoBlue{
	color:#1F3354;
}
/*Primary and secondary colors. JRE*/
.primary_color{
	color:#1F3354;
}
.secondary_color{
	color:#97C0E6;
}
.primary_background{
	background-color:#1F3354;
}
.secondary_background{
	background-color:#97C0E6;
}

.blue	{color:#1F3354;}
.green	{color:#97C0E6;}


/* Headings. CMS */
h1, h2, h3, h4, h5, h6 {
	color:#1F3354;
}
h1 {
	color:#1F3354; 
}

a{
	color:#97C0E6;
}

a:hover, a:focus{
	color: #87b0d6;		
}


h3.questiongroup{
	background-color:#1F3354; 
}

p.questiongroup{
	background-color:#97C0E6; 
	border:1px solid #1F3354;
}

.contrast-text-from-primary{
	background-color:#1F3354; 
	color:white;
}

.contrast-text-from-primary h1, .contrast-text-from-primary h2, .contrast-text-from-primary h3, .contrast-text-from-primary h4, .contrast-text-from-primary h5, .contrast-text-from-primary h6{
	color:white;
}

/* Captions for tables look the same as headings. CMS */
caption.heading {
	color:#000000; 
}
caption.general {
	color:#97C0E6; 
}
caption.appheading {
	background-color:#97C0E6; 
}

/* Input tags. I like them without the shadowing effect. CMS */
input.general {
	border-color:#aaaaaa; 
	color:#97C0E6; 
}

textarea.general {
	border-color: #aaaaaa; 
	color:#97C0E6; 
}

input.submitbutton {
	background-color:#aaaaaa; 
	border-color: #777777; 
	color:#777777; 
	
}

p.heading {
	color:#000000;
}

/*styled Buttons*/

.yellow.styledbutton, .yellow.styledbutton:visited{ 
	background-color: #FFFF80; 
}

.primary.styledbutton, .primary.styledbutton:visited{ 
	background-color: #1F3354; 
	color:white; 
}

.secondary.styledbutton, .secondary.styledbutton:visited{ 
	background-color: #97C0E6; 
	color:black; 
}

/* Language selection. CMS */
#languageselectcontent {
	background-color:#D5E1CB; 
	border-color:#97C0E6;
}
#languageselecttitle {
	color:#97C0E6;
}
#languagelist {
	color:#97C0E6; 
}
/* END Language selection. CMS */

/* Top menus. CMS */
#topmenubox {
	background-color:#D5E1CB;
	color:#97C0E6;
}
/* END Top menus. CMS */


/* Small dialog boxes. CMS */
.smalldialogtitle {
	
	
	background-color:#97C0E6; 
	
	
}
.smalldialogcontent {
	
	color:#1F3354; 
	border-color:#97C0E6;

	
}
/* END Small dialog boxes. CMS */

/* Horizontal Rule*/
div.generalrule {
	background-color:#aaaaaa; 
}
/* END Horizontal Rule*/

/* Link styles. CMS */
a.general:link, a.general:visited, a.general:active, a.smalllink:link, a.smalllink:visited, a.smalllink:active, a.mediumlink:visited, a.mediumlink:active, a.textlink:link, a.textlink:visited, a.textlink:active, a.listbox:link. a.listbox:visited, a.listbox:active {
	color:#428bca; 
}


a.general:hover, a.smalllink:hover, a.mediumlink:hover, a.largelink:hover, a.textlink:hover, a.listbox:hover {
	color:#777777; 
}

a.smallmenu:link, a.smallmenu:visited, a.smallmenu:hover, a.smallmenu:active, a.mediumlink:link, a.language_select_link:hover {
	color:#1F3354; 
}

a.largelink:link, a.largelink:visited, a.largelink:active {
	color:#97C0E6; 
}

a.lightlink:link, a.lightlink:visited {
	color:#FFDADB; 
}
a.lightlink:hover, a.lightlink:active {
	color:#aaaaaa; 
}

a.language_select_link:active {
	color:#f7f7f7; 
}
/* END Link styles. CMS */


/* Lists. CMS */
ol,ul.mediumlist {
	color:#97C0E6; 
}

ol,ul.smalllist {
	color:#000000; 
}

/* END Lists. CMS */


/* Displaying errors. CMS */
.errorblock 
{
	background-color:#FFDADB; 
}

div.messageblock 
{	
	color:#1F3354; 
	border-color: #1F3354; 
}
p.messageblock {
	background-color:#D5E1CB; 
	color:#777777; 
	border-color: #97C0E6; 
}
/* END Displaying errors. CMS */


/* Employee Questions */
.lightBackground {
	background-color:#D5E1CB;
}


div.subquestion {
	border-color:#aaaaaa; 
	background-color:#FFDADB; 
}
div.subquestionshow {
	border-color:#aaaaaa; 
	background-color:#FFDADB;
}

div.q_even {
	background-color:rgba(255,255,255,0.9); 
}
div.q_odd {
	background-color:rgba(255,255,255,0.3); 
}

div.q_even,div.q_odd{
	border-color:#eeeeee;
}


div.subquestionLoading, div.subquestion,p.questiongroup,h3.questiongroup,div.q_even,div.q_odd,li.managerFormList,div.subquestionshow {
	moz-box-shadow: 1px 1px 5px #555555; 
	-webkit-box-shadow: 1px 1px 5px #555555; 
	box-shadow: 1px 1px 5px #555555; 
}


div.q_note {
	background-color:#FFDADB; 
}


/* END Employee Questions */




/* Definition lists. CMS */
dl.status dd {
	color:#777777;
}
/* END Definition lists. CMS */


/* Managing table headings. CMS */
tr.heading {
	background-color:#1F3354;
}
th {
	background-color:#aaaaaa; 
}

.table tr>th{
	color:#ffffff;
	background-color: #1F3354;
}

/* END Managing table headings. CMS */



/* For displaying errors. CMS */
td.errTitle {
	background-color:#f7f7f7;
}
/* END For displaying errors. CMS */



/* Tabbed items */

li.tabitem {
	border-color: #1F3354; 
	background-color:#aaaaaa;
}

.tabcontent{
	border-color: #1F3354;
}

/* END Tabbed items */




/* Account Admin */
#programlist {
	border-color: #97C0E6;
}
/* END Account Admin */

/* style for support questions */
.listheader2	{
	background-color:#777777; 
}
.listitem1	{
	background-color: #f7f7f7;
}
/* END style for support questions */




/* Top Menu Items */
#topmenuitems{
	color:#1F3354;	
}

#topmenuitems #topMenuBar a, #topmenuitems #topMenuBar a:hover, #topmenuitems #topMenuBar a:visited, #topmenuitems #topMenuBar a:active,
#msg_dropdown a, #msg_dropdown a:hover, #msg_dropdown a:visited, #msg_dropdownr a:active{
	color:#1F3354;
}


#topmenuitems ul#topMenuBar li, #msg_dropdown li {
	border-left:1px solid #1F3354; 
}


.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background-color: #1F3354;
}

.navbar-nav>ul>li>a.top-menu-icon:hover .menu-glyph,.navbar-nav>ul>li>span.backbone-search-holder>a.top-menu-icon:hover .menu-glyph,
.navbar-nav>ul>li>a.top-menu-icon:hover .menu-icon-text,.navbar-nav>ul>li>span.backbone-search-holder>a.top-menu-icon:hover .menu-icon-text,
.navbar-nav>ul>li>a.top-menu-icon:focus .menu-glyph,.navbar-nav>ul>li>span.backbone-search-holder>a.top-menu-icon:focus .menu-glyph,
.navbar-nav>ul>li>a.top-menu-icon:focus .menu-icon-text,.navbar-nav>ul>li>span.backbone-search-holder>a.top-menu-icon:focus .menu-icon-text{
	color: #97C0E6;
}

/* END Top Menu Items*/


/* Message Center */

#topmenuitems #topMenuBar a.msg_list_link:hover, #allConversations a.msg_list_link:hover {
	background-color:rgba(151,192,230,0.15);
}




ul.message_opt li{
	border-color:#97C0E6;
}

ul.message_opt a{
	color:#1F3354;	
}
ul.message_opt a:hover{
	background-color:rgba(31,51,84,0.1);
}


#prev_msg_container .sender_name{
	color:#1F3354;
}

#allConversations ul a{
	color:#1F3354;
}

div#send_msg_to_container{
	moz-box-shadow: 1px 1px 8px #555555;
	-webkit-box-shadow: 1px 1px 8px #555555;
	box-shadow: 1px 1px 8px #555555;
}



span.removableContainer a:hover{
	color:#990000;
	background-color:#FFFF80;
}


/* END Message Center */



/* Top Menu */
.language_select {
	color:#97C0E6;
}
/* END Top Menu */



/* Tutorials */
a.play_button:hover{
	background-color:#D5E1CB;
}
/* End Tutorials */


/* 'Older' Landing Page Styles */
#intHeader .right a, #intHeader .right a:hover, #intHeader .right a:visited{
	color:#1F3354;
}
/* END 'Older' Landing Page Styles */

/* NAV */
#nav {

		}
		

	#nav li a {	
		color:#1F3354;
		
	}		
	
	
	#nav li a.selectedPage, #nav li a.selectedPage:hover{
		background-color:#e9e9e9;
		color:#1F3354;			
	}			

	#nav li a:hover {	
		background-color:#f7f7f7;
		color:#1F3354;
	}
/* END NAV */




/* employee bulk import */

input.enabled_text{
	background-color:#FFDADB; 
}
ul.csv_guidelines ul li{
	color:#990000;
}
span.error_key{
	background-color:#FFDADB; 
}

/*  END employee bulk import */




/* documentation style */
div.docBlock_odd 
{	
	color:#1F3354;
	border-color:#1F3354; 
}

div.docBlock_even
{	
	color:#1F3354; 
}
/* END documentation style */

/* PDF Icons*/

.pdf_icon img{
	background-color:#f7f7f7
}

.pdf_details .description{	
	color:#1F3354; 
	background-color:#fff;
	border-color:#1F3354; 
}


.pdf_red{
	border-color: ##990000;
}

.pdf_yellow{
	border-color: #FFFF80;
}

.pdf_green{
	border-color: #7AC142;
}
/* END PDF Icons*/

/* Division Home Page */
.siteLink a.inbox_link, .siteLink2 a.inbox_link, .wideContainer a.inbox_link {
	color:#000000;
}

div.siteLink, div.siteLink2, div.disabledSiteLink, div.wideContainer {
	background-color:#97C0E6;
	
}


/* END Division Home Page */


/* E-Verify */
.detail_table .right{
	background-color:#f7f7f7; 
}
.detail_table .headline{
	background-color:#97C0E6; 
}
/* END E-Verify */



/* Translations */

#translation_select .current{
	color:#D5E1CB; 
}
/* End Translations */


/* Password Reset */
.loginFormBox label {
	color:#1F3354;
}

.loginFormBox a {
		color:#97C0E6;
	}

/* END Password Reset */



/* Employee Folder */


.hover_link_area ul.isHovering{
	border-color:#aaaaaa;
	moz-box-shadow: 1px 1px 8px #555555;
	-webkit-box-shadow: 1px 1px 8px #555555;
	box-shadow: 1px 1px 8px #555555;
}

.hover_link_area .hoverli p a{
	color:#97C0E6;
}

.hover_link_area .menu_class {
    border:1px solid #777777;
}

.hover_link_area .file_menu {
	border-color:#aaaaaa;
	moz-box-shadow: 1px 1px 8px #555555;
	-webkit-box-shadow: 1px 1px 8px #555555;
	box-shadow: 1px 1px 8px #555555;
}

.hover_link_area .file_menu li {
	background-color:#1F3354
}

.hover_link_area .file_menu li.currEmp {
    background-color: #f7f7f7;
}

ul.employee_view_extra_items li h1{
	color:#1F3354; 
}

	/* Boxes to display form information on the employee folder area. JRE 7/11/2013 */
	ul.formBoxes > li > ul > li.green, ul.employee_view_extra_items > li.green > p{
		background-color:#7AC142; 
	}
	ul.formBoxes > li > ul > li.yellow, ul.employee_view_extra_items > li.yellow > p{
		background-color:#FFFF80; 
	}

	ul.formBoxes > li > ul > li .container-container{
		moz-box-shadow: 1px 1px 5px #555555; 
		-webkit-box-shadow: 1px 1px 5px #555555; 
		box-shadow: 1px 1px 5px #555555;
	}

	ul.formBoxes > li > ul > li .container-container .formLabel{
		color:#1F3354;
	}
		ul.formBoxes > li > ul > li .container-container  p{
				moz-box-shadow: 1px 1px 5px #555555; 
				-webkit-box-shadow: 1px 1px 5px #555555; 
				box-shadow: 1px 1px 5px #555555;
			}
				

	/* END Boxes to display form information on the employee folder area. JRE 7/11/2013 */


	/* Employee Folder Progress Bar */
	div.progress_container{
		background-color:#97C0E6; 
		border-color:#1F3354; 
	}
		div.progress_container h2.completion_text{
			color:#f7f7f7; 
		}

		div.progress_container div.counter{ 
			background-color:#f7f7f7; 
		}	

	div.progress-details-container span{
		color:#1F3354;
	}

			
	/* END Employee Folder Progress Bar */




/* END Employee Folder */


/* Overriding the bootstrap buttons */
.btn.btn-inverse, .panel-footer .btn.btn-default{
	background-color: #ffffff;
	border-color: #97C0E6;
	color: #97C0E6;
}

.btn.btn-inverse:hover,.btn.btn-inverse:focus,.btn.btn-inverse:active,
.panel-footer .btn.btn-default:hover,.panel-footer .btn.btn-default:focus,.panel-footer .btn.btn-default:active{
	background-color: #f7f7f7;	
	border-color: #a7d0f6;	
}

.btn.btn-default:hover,.btn.btn-default:focus,.btn.btn-default:active {
	background-color: #f7f7f7;	
}

.btn.btn-primary{
	background-color: #97C0E6;
	border-color: #a7d0f6;
	color: #ffffff;
}

.btn.btn-primary:hover,.btn.btn-primary:focus,.btn.btn-primary:active{
	background-color: #a7d0f6;	
	border-color: #b7e0ff;	
}

.btn.btn-all-secondary-color{
	background-color:rgba(151,192,230,0.1); 
	border-color: #97C0E6;
	color: #97C0E6;
}
	.btn.btn-all-secondary-color:hover,.btn.btn-all-secondary-color:focus,.btn.btn-all-secondary-color:active {
		background-color:rgba(151,192,230,0.2); 
		border-color: #b7e0ff;	
	}

/*END Overriding the bootstrap buttons*/


/* override bootstrap #f5f5f5 with our system's grey1 */


.well {
  background-color: #f7f7f7;
}
pre {
  background-color: #f7f7f7;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f7f7f7;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f7f7f7;
}

.breadcrumb {
  background-color: #f7f7f7;
}

.progress {
  background-color: #f7f7f7;
}

a.list-group-item:hover,
a.list-group-item:focus {
  background-color: #f7f7f7;
}

.panel-footer {
  background-color: #f7f7f7;
}

.panel-default > .panel-heading {
  background-color: #f7f7f7;
}


/* END override bootstrap #f5f5f5 with our system's grey1 */




	ul.employee_view_extra_items li{
		display: inline-block;
	}

	ul.employee_view_extra_items li{
		display: inline-block;
	}

	/* Boxes to display form information on the employee folder area. JRE 7/11/2013 */
	ul.formBoxes > li{
		font-size:11px; 
		list-style-type:none; 
		padding:10px 0;  
		margin:10px; 
		display:inline-block; 
		vertical-align:middle;
	}

	@media only screen and (min-width : 501px) {
		ul.formBoxes > li{
			width:386px;
		}
	}

	ul.formBoxes > li > ul > li .container-container{
		background-color:white;
	}

	ul.formBoxes > li > ul > li .container-container  p{
		background-color:#eee; 
		text-align:right; 
		float:right;
	}

	ul.formBoxes > li > ul > li .container-container > .imgContainer img{
		height:65px; 
		width:65px;
	}
	/* END Boxes to display form information on the employee folder area. JRE 7/11/2013 */


	.task_container .accountBox ul{
		margin-left:15px;
	}


	.closed .restore{
		display:inherit;
	}
	.closed .minimize{
		display:none;
	}
	.closed ul{
		display:none;
	}
	.closed span{
		display:none;
	}
	.closed {
		width:48%; display:inline-block;
	}
	.closed h3 {
		display:none;
	}

	.standard_box_shadow{
		moz-box-shadow: 1px 1px 5px #555555; 
		-webkit-box-shadow: 1px 1px 5px #555555; 
		box-shadow: 1px 1px 5px #555555;
	}
	.standard_round_corners{
		border-radius:7px;	
		-moz-border-radius:7px;	
		-webkit-border-radius:7px;	
	}


.styledbutton, .styledbutton:visited {
	

	background: #222; 
	color: #fff; 
	text-decoration: none !important;
	position: relative;
	

	display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;




}

	.styledbutton:hover	{ 
		background-color: #111; 
		color: #fff; 
	}
	.styledbutton:active { 
		top: 1px; 
	}
	.small.styledbutton, .small.styledbutton:visited{ 
		font-size: 11px; 
	}
	
	.styledbutton, .styledbutton:visited,
	.medium.styledbutton, .medium.styledbutton:visited { 
		font-size: 13px; 
		font-weight: bold; 
		line-height: 1; 
		text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
	}
	.large.styledbutton, .large.styledbutton:visited { 
		font-size: 14px; 
		padding: 8px 14px 9px; 
	}
	
	.green.styledbutton, .green.styledbutton:visited { 
		background-color: #7AC142; 
	}

	.green.styledbutton:hover{ 
		background-color: #749a02; 
	}

	.blue.styledbutton, .blue.styledbutton:visited{ 
		background-color: #2daebf; 
	}
	.blue.styledbutton:hover{ 
		background-color: #007d9a; 
	}
	.red.styledbutton, .red.styledbutton:visited{ 
		background-color: #e33100; 
	}
	.red.styledbutton:hover	{ 
		background-color: #872300; 
	}
	.magenta.styledbutton, .magenta.styledbutton:visited{ 
		background-color: #a9014b; 
	}
	.magenta.styledbutton:hover	{ 
		background-color: #630030; 
	}
	.orange.styledbutton, .orange.styledbutton:visited{ 
		background-color: #ff5c00; 
	}
	.orange.styledbutton:hover{ 
		background-color: #d45500; 
	}
	.yellow.styledbutton, .yellow.styledbutton:visited{ 
		background-color: #FFFF80; 
		color:black; 
		text-shadow:none;
	}

	.yellow.styledbutton:hover{ 
		background-color: #E6E673;  
		color:black; 
		text-shadow:none;
	}
	
	.mphr.styledbutton, .mphr.styledbutton:visited	{ 
		border:1px solid red; 
		background-color: white; 
		color:black; 
		text-shadow:none;
	}
	.mphr.styledbutton:hover{ 
		background-color: #f7f7f7;  
		color:black; 
		text-shadow:none; 
		border:none;
		box-shadow: 0 0 6px rgba(0, 0, 255, 1);
	    -webkit-box-shadow: 0 0 6px rgba(0, 0, 255, 1); 
	    -moz-box-shadow: 0 0 6px rgba(0, 0, 255, 1);	
	}
	
	.primary.styledbutton, .primary.styledbutton:visited{ 
		background-color: #1F3354; 
		color:white; 
		text-shadow:none;
	}
	.styledbutton:hover	{ 
		filter: brightness(90%);
	}
	
	.secondary.styledbutton, .secondary.styledbutton:visited{ 
		background-color: #97C0E6; 
		color:black; 
		text-shadow:none;
	}


	.styledbutton.full{
		width:100%; 
		text-align:center;
	}

@media (min-width: 991px) {
		.top-banner span {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.top-banner {
			position: relative;
		}
	}

	/* Media query for mobile */
	@media (max-width: 991px) {
		.top-banner {
			display: none;
		}
	}

	.top-banner.minimalist {
		background-color: #d9edf7;
		color: #3a87ad;
		text-align: left;
		padding: 10px;
		font-size: 14px;
	  }
	.top-banner.minimalist i {
		margin-right: 5px;
		vertical-align: middle;
	  }

	.top-banner.minimalist a {
		color: #4CAF50;
		text-decoration: none;
	  }

	.close-ad-button {
        position: absolute;
        right: 10px; /* Adjust as needed */
        top: 5px; /* Adjust as needed */
        border: none;
        background: none;
        font-size: 20px; /* Adjust as needed */
        cursor: pointer;
    }

    .close-ad-button:hover {
        color: #aaa; /* Optional: style for hover effect */
    }
