/* cmsms stylesheet: ac_menu modified: 11/20/19 14:52:02 */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

/*
modified to include tabs
http://alistapart.com/articles/slidingdoors
*/

#menu_vert li#home_li.menuactive li a {
	background:none;
}
dfn{
display:none;
}

#menu_vert {
	position:relative;
	z-index:4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:8px 0 0 0;
	padding: 0;
	float: left;
	height: 66px;
	width: 900px;
	clear: both;
}

/*  THIS APPEARS IN CUSTOM CSS - VERY IMPORTANT  */
#menu_vert li {
	margin:0;
	padding:0;
}
#menu_vert a {
	display:block;
}
#menu_vert li li {
	background-image:none;
}
#menu_vert li li a {
	background-image:none;
}
#menu_vert li li li a {
	font-weight: normal;
}
#menu_vert li.menuactive {
}
#menu_vert li .current {
	background-image: url(/images/IA_generic/menu_active.png);
	background-repeat: no-repeat;
	background-position: center;
/*	margin-top: 1px;*/
}
#menu_vert li.menuactive a {
	padding-bottom:10px;
}
#menu_vert li.primaryHover {
}
#menu_vert li.primaryHover a {
}
#menu_vert li li, #menu_vert li.primaryHover li, #menu_vert li.current li {
	background-image:none;
}
#menu_vert li li a, #menu_vert li.primaryHover li a, #menu_vert li.current li a {
	background-image:none;
}
#menu_vert li.menuactive li {
	background-image:none;
}
#menu_vert li.menuactive li a {
	background-image:none;
}
/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clear {
	clear: both;
}

/*  THIS APPEARS IN CUSTOM CSS - VERY IMPORTANT  */
#menuwrapper {
	height: 26px;
	margin: 0;
	position: relative;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li {
	width: 204px;
}
/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#primary-nav ul {
	position: absolute;
	top: auto;
	display: none;
	z-index:-1;
}
#primary-nav ul ul {
	margin-left: 0px;
	left: 100%;
	top: 0px;
}
#primary-nav li {
	float: left;
	/*necessary for IE 6*/
	position:relative;
	text-align: left;
}
#primary-nav li li {
	margin-left: 0; /*appears in ie6 css*/
	float: none;
	position: relative;
}

#primary-nav li li li {
	margin-left: 0;
}

#primary-nav li li a:hover, #primary-nav li li li a:hover {
	background: none;
}

#primary-nav li li ul {
	border-bottom: none;
	border-left: none;
}

/* Styling the basic apperance of the menu elements */
/*  THIS APPEARS IN CUSTOM CSS - VERY IMPORTANT  */
#primary-nav a {
	display: block;
	text-decoration: none;
	color: #444444;
	padding: 40px 15px 10px 15px;
	margin: 0;
	background-image: url(/images/ac_images/nav_main_bg.gif);
	background-position: top;
	background-repeat: no-repeat;
}

body.beyond #primary-nav a {
	background-image: url(/images/ac_images/nav_main_beyond_bg.gif);
}

#primary-nav a:hover{
/*	background-repeat: repeat-x;
	background-position: bottom;*/
	color: #C0281B;
}

#primary-nav a.active {
	background-repeat: repeat-x;
	background-position: bottom;
	color: #FFFFFF;
}

body.beyond #primary-nav li li a {
	background-image: none;
}

#primary-nav li li a {
	padding: 5px 10px;
	color: #444444;
	background-image: none;
}

#primary-nav li li a.active {
	color: #444444;
}

#primary-nav li li a:hover {
	color: #df0d23;
}

#primary-nav ul {
/*	border-bottom: 1px solid #FFFFFF;*/
}

#primary-nav li li, #primary-nav li li.menuparent {
	background-color: #FFFFFF;
	background-image: url(/images/ac_images/nav_sub_li.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive {
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth {
	/* arrow for menuparents */
}
/* Styling the apperance of menu items on hover */

#primary-nav li li:hover, #primary-nav li li.menuh, #primary-nav li li.menuparenth, #primary-nav li li.menuactiveh {

}
#primary-nav li a:hover {
}
#primary-nav li li a:hover {
/*	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;*/
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, #primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul {
	display: none;
}
/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, #primary-nav li.menuh ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, #primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul {
	display: block;
}
/* IE Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}


/******************** RESPONSIVE CSS ********************/

@media only screen and (max-width: 767px) {

    #menu_vert {
        display: none;
        width: 100%;
    }

    .slicknav_menu {
        background: transparent !important;
        box-sizing: border-box;
        padding: 0 !important;
        position: absolute;
        width: 100%;
        z-index: 99;
    }


    .slicknav_nav {
        background-color: #f7f7f7;
        border-bottom: 4px solid #cbcbcb;
        float: left;
        font-size: 0.875em;
        margin: 14px 0 0 !important;
        padding: 0;
        width: 100%;
    }

    .slicknav_nav li  {
        border-bottom: 1px solid #cbcbcb;
    }

    .slicknav_nav li > ul {
        margin: 0;
    }

    .slicknav_nav li > ul li {
        border: 0;
    }

    .slicknav_nav li > ul li a {
        padding: 16px 0 16px 36px !important;
    }

    .slicknav_nav li li > ul li a {
        padding: 16px 0 16px 60px !important;
    }

    .slicknav_nav li > ul li a a:hover {
        padding: 0 !important;
    }


    .slicknav_nav li a {
        margin: 0 !important;
        padding: 17px 16px 16px !important;
        color: #444 !important;
    }

    .slicknav_nav li a:hover {
        background: #ddd !important;
        border-radius: 0 !important;
    }

    .slicknav_nav  .slicknav_row:hover {
        border-radius: 0 !important;
    }

    .slicknav_btn {
        margin: 28px 20px 6px 0 !important;
        padding: 0.438em 0.525em !important;
    }

    .slicknav_nav .slicknav_item a, 
    .slicknav_nav .slicknav_parent-link a {
        padding: 0 !important;
    }

    /* .slicknav_nav .slicknav_item a {
        padding: 16px 0 !important;
    }

    .slicknav_menu .slicknav_icon-bar {
        height: 0.197em !important;
        margin: 0.288em 0 !important;
        width: 2em !important;
    }


    .slicknav_btn {
        margin: 23px 20px 6px 0 !important;
        padding: 0.54em 0.665em !important;
    }

    .slicknav_menu .slicknav_icon {
        margin: 0 !important;
    }

    .slicknav_menu .slicknav_menutxt {
        display: none !important;
    }*/

}
/* cmsms stylesheet: ac_table modified: 11/20/19 14:52:11 */
table {
	margin: 5px 0 10px 0;
}

th, td {
	font-size: 12px;
	text-align: left;
	padding: 2px 4px 2px 0;
	vertical-align: top;
}

table.adv_rollover_table table, table.adv_rollover_table td {
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
}


table.courses th {
	border-bottom: 1px dotted #999999;
	padding-bottom: 5px;
}

table.courses td {
	padding-top: 5px;
}


.adv_rollover_table tr.heading th{
	background-color:#718B9F;
	color:#fff;
	font-weight:bold;
}

.adv_rollover_table thead th{
 	background-color:#718B9F;
	color:#fff;
	font-weight:bold;
}

.adv_rollover_table tbody th{
	background-color:#a0bace;
	color:#68596f;
	font-weight:bold;
	padding:2px;
}

.adv_rollover_table tbody tr.alt_row th {
 	background-color:#b4cadb;
}

.adv_rollover_table tbody td {
}

.adv_rollover_table tbody tr {
	background-color:#f4f4f4;
	hover:expression(this.onmouseover=new Function("this.style.background='#be1b1c';this.style.color='#fff';"),this.onmouseout=new Function("this.style.background='#f4f4f4';this.style.color='#000';"));
}

.adv_rollover_table tbody tr:hover {
	background-color:#be1b1c;
	color: #FFFFFF;
}

.adv_rollover_table tbody tr.row_2 {
	background-color:#ececec;
	hover:expression(this.onmouseover=new Function("this.style.background='#be1b1c';this.style.color='#fff';"),this.onmouseout=new Function("this.style.background='#ececec';this.style.color='#000';"));
}
.adv_rollover_table tbody tr.row_2:hover {
	background-color:#be1b1c;
	color: #FFFFFF;
}

.adv_rollover_table tfoot td {
	background-color:#fff;
}

#package_compare {
	background-color:#fff;
}
/* cmsms stylesheet: ac_styles modified: 11/20/19 14:52:18 */
/*START HTML SETUP**********************************************/
* {
	margin:0;
	padding:0;
}
/*generic list styles******************************************/

ul.horizontal{
	margin:0px;
	padding:0px;
}
ul.horizontal li{
	list-style : none;
	display:inline;	
	margin:0px;
	padding-left:10px;
	background-repeat:no-repeat;
}
ul.horizontal li.first_item{
	margin-left:0px;
	padding-left:0px;
}

/*************************************************************/



/*you must compensate for the scroll bar for mozilla though because the margin and padding is removed*/
option {
	padding-right:.5em;
}

html, body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.0em;
	height:100%;
	width:100%;
}

body {
	float: left;
}

.careers {
	background-color: #FFFFFF;
	background-image: url(/images/ac_images/bg_careers.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

#career_strip {
	height: 146px;
	background-image: url(/images/ac_images/bg_career_strip.gif);
	background-repeat: repeat-x;
	margin-bottom: -156px;
}

img {
	border:0px;
}

.clearb {
	clear:both;
	height:0px;
	font-size:0px;
	line-height:0px;
}

.slicknav_menu {
	display:none;
}

/*
set font size for all divs,
this overrides some body rules
*/

div {
	font-size: 1em;
}

img {
	margin:0;
	padding: 0;
	border: 0;
}

h1 {
	font-size: 26px;
	line-height: 26px;
	font-weight: normal;
	margin: 0 0 25px 0;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	margin: 0 0 5px 0;
	color: #444444;
}

h3, h4 {
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	margin: 0 0 5px 0;
}

body.careers #menu_sub h2 {
	color: #DF0D23;
	margin-bottom: 10px;
}

body.careers #menu_sub span {
	font-size: 11px;
	color: #444444;
	font-weight: normal;
}

body.careers h1, body.careers h3 {
	color: #df0d23;
}

p {
	color: #444444;
	padding: 0 0 18px 0;
	line-height: 18px;
	font-size: 12px;
}

.red {
	color: #e31125;
	font-style: italic;
}

.form_select_instructions {
	font-size: 11px;
	color: #a9a9a9;
}

body.careers a {
	color:#df0d23;
	text-decoration: none;
}

a:hover {
	text-decoration:none;
}

#content a:hover {
	text-decoration: underline;
}

.divider, hr {
	position:relative;
	border-bottom:1px solid #f2f0d9;
	width:100%;
	margin-top:0px;
	margin-bottom:8px;
	line-height:1.0em;
}

.desktop_only {
      display: block;
}

.mobile_only {
      display: none;
}

.clearfix {
        clear: both;
}

/*END HTML SETUP*******************************************************************/

/*START LAYOUT ELEMENTS************************************************************/

.centered {
	position: relative;
	margin: 0 auto;
	width: 900px;
}

a.logo_career {
	width: 175px;
	height: 59px;
	float: left;
        display: block;
	text-indent: -9999px;
	background-image: url(/images/ac_images/logo_aegis.gif);
	background-repeat: no-repeat;
	background-position: right;
	margin: 30px 0 -7px 730px;
}

a.logo_essar {
	background-image: url(/images/ac_images/logo_essar.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	width: 105px;
	height: 20px;
	float: left;
	text-indent: -9999px;
	margin: 0 15px 0 0;
}

.slogan_apsire {
	float: left;
	color: #231f20;
	font-size: 12px;
	margin: 43px 0 0 0;
	background-image: url(/images/ac_images/tagline_aspire.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 391px;
	text-indent: -9999px;
}

#body_holder {
	float: left;
	background-color: #FFFFFF;
	width: 100%;
}

#left_col {
	float: left;
	width: 693px;
	padding: 0 0 20px 0;
}

#banner_hero {
	float: left;
	width: 678px;
	height: 211px;
	margin: 14px 0 0 15px;
	display: inline;
}

#menu_sub {
	float: left;
	width: 152px; /*192*/
	margin: 20px 0 20px 0;
	padding: 0 20px;
}

#menu_sub ul {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color:#e2001a;
}

#menu_sub li {
	list-style: none;
	margin: 0 0 10px 0;
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 0 0 0 15px;
}

body.careers #menu_sub li {
	background-image: url(/images/ac_images/li_red.gif);
}

#form_site-search {
	margin: 0;
}

#content_wide {
	width: 600px;
}

#content {
	float: left;
	width: 455px;
	margin: 20px 0 0 0;
	font-size:12px;
}

#content ul, #content ol {
	margin: 0 0 20px 25px;
}

#content li {
	font-size: 12px;
}

#right_col {
	float: right;
	width: 194px; /*207*/
	padding: 12px 0 0 13px;
}

#side_banner_1, #side_banner_2, #side_banner_3, #side_banner_4 {
	margin: 0 0 5px 0;
}

#footer {
	float: left;
	clear: both;
	font-size: 10px;
	color: #444444;
	margin: 15px 0;
	padding: 0 0 25px 0;
	width: 100%;
	display: block;
}

#footer a {
	color: #444444;
}

#footer a:hover {
	color:#e2001a;
}

.copyright {
	float: left;
}

.addthis_toolbox {
	margin: 15px 0 15px 9px;
}

a.a_moreinfo {
	padding: 2px 2px 0 10px;
	background-image: url(/images/ac_images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
}

.NewsSummaryPostdate, #NewsPostDetailDate {
	font-size: 11px;
        padding: 4px 0px 0px 0px;
}

.NewsSummaryLink, .NewsSummarySummary, .NewsSummaryMorelink {
	font-size: 12px;
}

/******************** RESPONSIVE CSS ********************/

@media only screen and (max-width: 767px) {

    body {
        font-size: 14px;
        line-height: 20px;        
    }

    .careers {
        position: relative;
	background-image: url(/images/ac_images/bg_careers_mobile.jpg);
        background-position: center top; /*center -231px*/
        background-size: cover;
        z-index: 9;
    }

    .desktop_only {
        display: none;
    }

    .mobile_only {
        display: block;
    }

    p {
        font-size: 14px;
        line-height: 20px;
    }

    img {
        max-width: 100%;
    }

    #content li {
        font-size: 14px;
        color: #444;
    }

iframe {
width: 100%;
height: auto;
}


    /* Structure */
    .centered {
        /*background-color: #ccc;*/
        border-collapse: collapse;
        box-sizing: border-box;
        padding: 0 20px;
        width: 100%;
    }

    #left_col {
        width: 100%;
    }

    #right_col {
        float: left;
        padding: 0;
        width: 100%;
        text-align: center;
    }

    #body_holder {
        /*background-color: red;*/
        background-color: transparent;
    }

    #footer {
        float: none;
        margin: 30px 0;
        text-align: center;
    }

    /*Header */

    /* #menu is the original menu */
    .js .menu {
        display:none;
    }

    .js .slicknav_menu {
        display:block;
    }

    #career_strip {
        background-position: 0 -58px;
        height: 88px;
        margin-bottom: -99px;
    }

    a.logo_career {
        margin: 20px 0;
     position: relative;
     z-index: 999;
    }

    a.logo_career {
background-size: cover;
	background-image: url(/images/ac_images/logo_aegis@2x.gif);
    }

    /* Content */
    #content {
        font-size: 14px;
        line-height: 20px;
        margin: 0;
        width: 100%;
    }

    #banner_hero {
        display: none;
    }

    #menu_sub {
        margin: 30px 0 0;
        padding: 0;
        width: 100%;
    }

    a.logo_essar {
        float: none;
        display: block;
        margin: 0 auto;
    }

    #footer {
        font-size: 11px;
    }

    .search-results {
        padding: 30px 0;
    }

    .search-results h3 {
        font-size: 14px;
        margin: 0 0 20px;
    }


    .search-results li {
        margin: 0 0 10px;
    }
}
/* cmsms stylesheet: ac_form modified: 11/20/19 14:51:53 */
/*
insert cms module form styles here
*/

input, select{
	background-color: #fff;
	border: 1px solid #9e9e9e;
	padding: 2px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #9e9e9e;	
}

input.button{
	height: 22px;
	margin: 0;
}

input.input_image{
	padding:0px;
}

.cms_dropdown {
	width: 256px;
}

.cms_textfield {
	width: 250px;
	height: 16px;
}

.cms_checkbox {
	border: none;
}

.error{
	color:#be0509;
}

textarea, .text{
	/*Mozilla does not like textareas!! and does not allow you to modify scrollbars. Even fonts must be overriden within the text area */
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#fff;
	border: 1px solid #9e9e9e;
	scrollbar-face-color : #6e6e6e;
	scrollbar-highlight-color : #ffffff;
	scrollbar-3dlight-color : #ffffff;
	scrollbar-shadow-color : #ffffff;
	scrollbar-darkshadow-color : #ffffff;
	scrollbar-track-color : #ffffff;
	scrollbar-arrow-color : #ffffff;
	scrollbar-width:5px;
}

form{
	margin:0px;
	padding:0px;
}

.fieldset-wrapper{
	padding-top:5px;
	padding-bottom:15px;
	padding-right:20px;
	position:relative;
}


input.btn{
	border:0px;
	background-color:none;
	font-family: Arial, Helvetica, sans-serif;
	border-right: 1px solid #572a55;
	border-bottom: 1px solid #572a55;
	padding:1px;
	font-size:12px;
}

table td.valigntop{
/*to account for the offset created by the inputs field border*/
vertical-align:top;
padding-top:3px;
}

.search-button {
	background-image: url(/images/ac_images/btn_arrow.gif);
	width: 18px; 
	height: 18px;
}



/******************** RESPONSIVE CSS ********************/

@media only screen and (max-width: 767px) {
  
    #form_site-search input[type="text"]{
        font-size: 16px;
        border-radius: 0;
        height: 24px;
        margin: 0 4px 0 0;
        padding: 8px;
        width: 219px;
        color: #666;
    }

    .search-button {
        background-image: url("/images/ac_images/btn_arrow_mobile.gif") !important;
        background-size: 100%;
        background-repeat: no-repeat;
        border-radius: 0;
        border: none !important;
        height: 42px !important;
        margin: 2px 5%;
        display: block;
        width: 44px !important;
    }

    #form_site-search table {
        margin: 5px 0 10px;
        width: 100%;
    }

    #form_site-search td {
        width: 94%;
    } 

    #form_site-search input[type="text"] {
        width: 93%;
    }

    #form_site-search td + td {
       padding: 0;
      width: 6%; 
    }
}