html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
u, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body{
	background: #fff;
	font-family: "Helvetica Neue", Helvetica, Arial, Sans-serif;
	color: #797979;
	font-size:16px;
}
*,
*::before,
*::after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
*:focus {
	outline: 2px solid #78CFF5;
}


/****************************************************************************************/
/******Menu Control Styles ********/

.staticMenuItemStyle {
	text-align:center;
	display:block;
	padding-left: 1em !important;
	padding-right: 1em !important;
	margin-left:0;
	line-height: 30px;
}

.staticMenuItemStyle.popout{
	background-position: 85% center !important;
	padding-right: 2em !important;
}

.staticMenuItemStyle.selected {
	background: #fff;
	color: #333 !important;
}

.highlighted {
	background: #767676;
	color: #fff !important;
}

.menuItem {
display:block;
border: 1px solid #005e9c;
}
.dynamicMenuItemStyle {
	border-bottom: 1px solid #ebebeb !important;
	background-color: #fff;
	color: #005e9c !important;
	z-index: 200;
	position:relative;
	padding: .5em;
	/* padding-bottom:.5em; */
	width: 100%;
}

.dynamicMenuItemStyle:hover{
    background: #ADD8E6 !important; 
    color: #000 !important;
}

.background {
border:solid 1px #000;
background-image:url(../Images/bg-black.gif);
}

.NavigationMenu {
color: #FFF;
font-weight:400;
z-index:101;
background:#999;
width: 100%;
}

.NavigationMenu td{
	vertical-align: middle;
}
#h {
background:#CCCFFF;
padding:5px 0 6px 10px;
}

#e {
border:solid 1px #919191;
background-image:url(../Images/sub.gif);
padding:0 0 1px;
}

.menuItemMouseOver,.menuItemSelected {
	background: #ADD8E6;
}

.NavigationMenu A:link,.NavigationMenu A:visited,.NavigationMenu A:active {
text-decoration:none;
color:#FFF;
display:block;
}

.currentNodeStyle,.nodeStyle,.rootNodeStyle,a.siteMapPath {
text-decoration:none;
font-family:Verdana;
font-size:10pt;
}

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

/**************User Management Controls styles************************/

th
{
	text-align: left;
}
table.list, td.details table.list {
	width: 100%;
	border: 1px solid #000;
}
table.list tr th, td.details table.list tr th {
	text-align: left;
	background-color: #666;
	color: #FFF;
	font-size: 100%;
	border-style: none;
	padding: 2px 20px 2px 2px;
}
table.list tr td, td.details table.list tr td {
	border-bottom: 1px solid #999;
	padding: 2px 20px 2px 2px;
}
table.list tr {
	background-color: #FFC;
}
table.list tr.odd {
	background-color: #CCC;
}
table.gnav tr td {
	background-color: #FFC;
	border: 1px solid #000;
	padding: 2px 10px;
	font-weight: bold;
}
table.gnav tr td a {
	color: #009;
	text-decoration: none;
}
table.gnav tr td a:hover {
	color: #900;
	text-decoration: underline;
}
table.webparts tr th {
	font-size: 130%;
	font-size:1.5em;
	padding:1em 0em .5em 0em;
	font-weight:bold;
	
}

td.details div table tr td, td.details div table tr td.detailheader
{
	border-style: none;
}
td.detailheader
{
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
	border-style: none;
	padding: 3px 10px 3px 0px;
}
td.details div table 
{
	border-style: none;
}
td.details div table tr td.detailitem 
{
	width: 100%;
	padding: 3px 10px 3px 0px;
}
td.details
{
	padding: 10px;
}
.alert {
	color: #C00;
	font-weight: bold;
}

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

/**********************************Layout styles ***********************************/


/**typography*/

h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	margin:0px;
	padding:0em;
	text-align:left;
	font-size:1em;
}
h1{font-size:1.9em;}
h2 {font-size: 1.3em;padding: .5em 1em;/* font-weight:bold; */color: #005e9c;margin: .5em 0;}

#mainContent{
	padding:0em 2em 2em 2em;
	margin:0px;
	TEXT-ALIGN: left! important}


#header{
    color: #fff;
    background-color: #005E9C;
    min-height: 60px;
    padding: 0 1em;
    display: flex;
    justify-content: space-between;
    font-family: "Helvetica Neue", Helvetica, Arial, Sans-serif;
}
.branding{
  display: flex;
  align-items: center;
}


.userbar{
	font-size: .8em;
	line-height: 18px;
	text-align: right;
	align-self: center;
}
.userbar ul li{
	display: inline-block;
    list-style: none;
    padding-left: 1em;
    position: relative
}
.userbar ul li a{
	cursor: pointer;
	white-space: nowrap;
	color: #fff;
	text-decoration: none;
}
.userbar ul li a:hover{
  color: #99BAD5;
  text-decoration: none;
}


.logo {
  display: inline-block;
  margin-right: 0;
  padding: 0;
  height: 35px;
  width: 115px;
  color: #fff;
  text-decoration: none;
  background: url('../images/CAILogo-white.svg') no-repeat;
}
.logo.markonly{
	background: url('../images/CAILogo-white-mark.svg') no-repeat;
  padding-left: 50px;
  padding-top: .5em;
}
.CAIText{
  font-size: 11px;
  font-weight: 400;
  text-align: center;
  line-height: 10px;
}
.systemName, #currProject{
	color: #fff;
	border-left: 1px solid rgba(255, 255, 255, 0.5);
	font-weight: 200;
	margin: 0 0 0 0.5em;
	padding: 0 0 0 0.5em;
	font-size: 1.5em;
  }
  #currProject{
	  font-size: 1.5em;
  }
ACRONYM {
	CURSOR: help; BORDER-BOTTOM: #000 1px dotted
}

fieldset{
	border:1px solid #ccc;
	margin: 0 1em 1em;
	padding:1em;
}

legend {
	border:none;
	font-size: 1.2em;
	margin:0px;
	padding:0px;
	color:#000033;
}

fieldset ul li{
	clear:left;
	padding: 5px;}
	

#rblSMRS  label input.radio
{
	display:inline;
	width: auto;
	float:none;
	text-align: right;
	margin:0px;
	vertical-align:middle;}
	
#EntityAlertsPage #rblAlerts label { display:inline;
	width: auto;
	float:none;
	text-align: right;
	margin:0px;
	vertical-align:middle;}

#EntityAlertsPage #rblAddOrUpdateAlert label { display:inline;
	width: auto;
	float:none;
	text-align: right;
	margin:0px;
	vertical-align:middle;}
	
#UploadPage #tbErrorSummary textbox { display:inline;
	width: auto;
	float:none;
	text-align: right;
	margin:0px;
	vertical-align:middle;}

#BookletPage #rblPages label { display:inline;
	width: auto;
	float:none;
	text-align: left;
	margin:0px;
	vertical-align:middle;}	
	
#FileUploadHistPage #rblFiles label { display:inline;
	width: auto;
	float:none;
	text-align: left;
	margin:0px;
	vertical-align:middle;}		
	
#ShippingAnonPage label {
	width:300px;
}

INPUT, select {
	margin:0px;
	vertical-align:middle;
}

LABEL 
{
	text-align: right;
	padding: 0px 5px 5px 5px;
	color:#10284c;
} 

.mycheckbox label
{
	display:inline;
	float:none;
    padding:1px 5px 1px 5px;
    cursor: default;
    text-align: left;
}

.barcodeField8 
{
	 background:#ffff00;
}

#UnselectedBarcodeField, #barcodeField1, #barcodeField2, #barcodeField3, #barcodeField4, #barcodeField5, #barcodeField6, #barcodeField7, #barcodeField8, #barcodeField9
{
	font:#fff;
	font-size: 3em;
}

#barcodeField1 
{
	 background:#ffff00;
}
#barcodeField2
{
	 background:#ff3300;
}
#barcodeField3
{
	 background:#33ff00;
}
#barcodeField4
{
	 background:#ffff00;
}
#barcodeField5
{
	 background:#ffff00;
}
#barcodeField6
{
	 background:#ff9900;
}
#barcodeField7
{
	 background:#33cc99;
}
#barcodeField8
{
	 background:#336699;
}
#barcodeField9
{
	 background:#ff3399;
}
#barcodeField10
{
	 background:#6633cc;
}
#barcodeField11
{
	 background:#996600;
}

input#zbtnGoReceive,
input#zbtnGoUnpack,
input#zbtnLogin,
input#zbtnConfirmReceipt,
input#zbtnCancel,
input#zbtnDeleteReceipt,
input#zbtApplyFilters,
input#zbtGenMMR,
input#zbtGenRep,
input#zbtnConfirmUnpack,
input#zbtnDeleteUnpack{
	border-top:3px solid #F2E1C8;
	border-left:3px solid #A55129;
	vertical-align:middle;
	border-right: 3px solid #E6C593;
	border-bottom: 3px solid #753A1E;
	padding:0px;
	margin:0px;
}

#tblTargetedSkill {
}

#tblGraph {
}

INPUT:unknown {
	BACKGROUND: #efefef
}

#ListContent {
	OVERFLOW: auto; HEIGHT: 400px
}

span#lbMessage {
display:block;
padding:0px;
margin:0px;
color:#FF0000;
	text-align: left;
}

/* for printing all textarea text */
.noShow{
 display:none;
}

/* used in teacherHome and EvidenceForm DataGrid Heading*/
.style1 { FONT-WEIGHT: bold; COLOR: #ffffff }

/* style3 in entry cover sheet */
.style3 {color: #FFFFFF}

/*navigation?*/
	UL {
		padding: 0px;
		margin:0px;
		list-style: none none outside;
	
	}	

	LI:hover UL {
		DISPLAY: block
	}
	LI.over UL {
		DISPLAY: block
	}
	LI.branch UL {
		DISPLAY: none
	}
	LI.hover UL LI.branch UL {
		DISPLAY: none
	}
	LI.hover UL LI.hover UL LI.branch UL {
		DISPLAY: none
	}
	LI.hover UL {
		DISPLAY: block; MARGIN-LEFT: 7em; POSITION: absolute; TOP: 0px
	}
	LI.hover UL LI.hover UL {
		DISPLAY: block; MARGIN-LEFT: 7em; POSITION: absolute; TOP: 0px
	}
	LI.hover UL LI.hover UL LI.hover UL {
		DISPLAY: block; MARGIN-LEFT: 7em; POSITION: absolute; TOP: 0px
	}

/*custom styling for specific pages */

#loginPage {}
/* Table in login page */
#fmLogin{
    margin-bottom: 50px;
}

#fmLogin fieldset, #fmChgPass fieldset{
	width: 500px;
	margin: 60px auto;
}
#RDSPLogin, #ChangePassword1{
	border: 1px solid #ccc;
	margin: auto;
	background: #F7F7DE;
	font-size: .9em;
}


#ReturnShipPage{}
#ReturnDocPage{}
#SMRSPage{
	margin-bottom: 50px;
}
#SMRSPage fieldset{
	margin: 0;
}
#SMRSPage div, #SMRSPage > span{
	padding: 0 2em;
}
#ShippingAnonPage{}
#MMRPage{}

/*custom label and form styling*/

#ReturnShipPage #returnShip a, #ReturnDocPage #returnDoc a, #UploadPage #FileUploadHistPage #EntityDetailsPage #EntityDetails a, #SMRSPage #report a, #ShippingAnonPage #report a, #MMRPage #report a{
background-color:#FFFFFF;
color:#000000;
border-top:1px solid #fff;}

#SMRSPage #report a li A:hover, #ShippingAnonPage #report a li#smrsReport A:hover, #MMRPage #report a li A:hover {
		BACKGROUND-color: #10284C;
		COLOR: #ffffff;
	}
	
#dvShippedFrom{width:600px;
float:left;}
#sidecol{margin-lefT:610px;}
.clear{clear:both;}

/* Sumbit input */
input[type="submit"]{
    padding: 5px 10px;
    border: 1px solid #005e9c;
    background: #f1f1f1;
    border-radius: 2px;
    cursor: pointer;
    margin: .5em;
}
input[type="submit"]:hover{
	background: #005e9c;
	color: #fff;
}

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

/*Footer Sytle*/
footer {
	background: #fafafa;
	border-top: 1px solid #b7b7b7;
	bottom: 0;
	left: 0;
	padding: 0.5em;
	position: fixed;
	right: 0;
	text-align: right;
	z-index: 2;
	font-size: 12px;
	color: #333;
}
.footerCAIText{
	font-weight: bold;
}


/* For aspx:Gridviews */
.Grid {
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
    color: #474747;
}

    .Grid td {
        padding: 2px;
        border: solid 1px #c1c1c1;
        font-size: 0.9em;
    }

    .Grid th {
        padding: 4px 2px;
        color: #fff;
        background: #005e9c;
        border-left: 1px solid #fff;
        font-size: 0.9em;
    }

    .Grid .alt {
        background: #edf5f8;
    }

    .Grid .pgr {
        background: #363670 url(Images/grid-pgr.png) repeat-x top;
    }

        .Grid .pgr table {
            margin: 3px 0;
        }

        .Grid .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #666;
            font-weight: bold;
            color: #fff;
            line-height: 12px;
        }

        .Grid .pgr a {
            color: Gray;
            text-decoration: none;
        }

            .Grid .pgr a:hover {
                color: #000;
                text-decoration: none;
            }