*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  font-size: 100%; }

body {
	background-image: url('/edu/control_imgs/edu-bg.png');
	background-repeat: repeat-x;
	color: #222222;
	padding: 0;
	margin: 0;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	position: relative;
	cursor: default;
}

img {border-style:none; vertical-align:middle;}

a {text-decoration:none;}
a:link {text-decoration:none; color:#3164a2;}
a:visited {text-decoration:none; color:#3164a2;}
a:active {text-decoration:none; color:#3164a2;}
a:hover {text-decoration:none; color:#1e90ff;}

a.ItemDownloadLink {font-weight:bold;}

ol li {margin:5px;}

h1 {font-family:Verdana, Arial, sans-serif; font-size:22px; font-weight:bold; color:#316088;}

span.infoMsg	{color:#003399; font-weight:bold;}
span.errorMsg	{font-weight:bold; font-family: sans-serif; color:#8e0000; font-size:1.1em;}

.LoginPanel {
	-webkit-box-shadow: 0 0 5px #999999;
	-moz-box-shadow: 0 0 5px #999999;
	box-shadow: 0 0 5px #999999;
	margin:10px;
	width:360px;
	background-color:InfoBackground;
	padding:10px;
	border:solid 1px Black;
}
.loginButton {
	font:bold 18px Arial;
	color:White;
	text-align:center;
	display:block;
	line-height:40px;
	padding-left:20px;
	padding-right:20px;
	background-image: url('/images/home-btn1.jpg');
	background-repeat:repeat-x;
	background-size:auto;
	background-clip:border-box;
	cursor:pointer;
}
.ErrPanel {
	-webkit-box-shadow: 0 0 5px #999999;
	-moz-box-shadow: 0 0 5px #999999;
	box-shadow: 0 0 5px #999999;
	border:solid 3px maroon;
	padding:10px;
	background-color:#f2f2f2;
	width:95%;
	margin:10px;
}
.infoBox {
	-webkit-box-shadow: 0 0 5px #999999;
	-moz-box-shadow: 0 0 5px #999999;
	box-shadow: 0 0 5px #999999;
	border:solid 3px #003399;
	padding:10px;
	background-color:#fafafa;
	width:95%;
	color:#003399;
	margin:10px 10px 10px 0px;
}
input.StdInputBox {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: white;
	font-family: inherit;
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	color: rgba(0, 0, 0, 0.75);
	display: block;
	font-size: 0.875rem;
	margin: 0 0 1rem 0;
	padding: 0.5rem;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
	-moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
	transition: box-shadow 0.45s, border-color 0.45s ease-in-out;	
}
input.StdInputBox:focus {
	-webkit-box-shadow: 0 0 5px #999999;
	-moz-box-shadow: 0 0 5px #999999;
	box-shadow: 0 0 5px #999999;
	border-color: #999999;
	background: #fafafa;
	border-color: #999999;
	outline: none;
}

/* Buttons for misc enrollment-specific tools (Print cert, Get Receipt, Buy Extension, etc) */
.EnrollToolBtn {
	display:block;
	font:bold 12px Arial;
	line-height:18px;
	color:White !important;
	padding-left:5px;
	padding-right:5px;
	border: solid 1px #333333;
	cursor:pointer;
	width:100%;
    max-width:220px;
    text-align:center;
    white-space:nowrap;
    margin-bottom:3px;
}
.EnrollToolBtn:hover {
	background-color: #9fb47f;
}
.EnrollToolBtn_green1 {
    background-color: #608b20;
}
.EnrollToolBtn_blue {
    background-color: #294c9a;
}
.EnrollToolBtn_red {
    background-color: #7f3023;
}
.EnrollToolBtn_green2 {
    background-color: #758163;
}


/* Nav Bar Buttons */
.PortraitMenuBtn {
	visibility:hidden;
	display:none;
}
.PortraitMenuBtn a img {border-style:none; border-width:0;}
.nav-container, .nav-container-portrait {
	display:inline-block;
	z-index:100;
	padding-right: 0;
	width:163px;
	height:100%;
}
.nav-container ul, .nav-container-portrait ul {
	list-style: none;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 0;
	margin: 0;
	border-right: 2px solid #454545;
	background-color:#f0f0f0;
}
.nav-container ul li, .nav-container-portrait ul li {
	padding: 0;
	position: relative;
	height: 67px;	
}
.nav-container ul li .bar, .nav-container-portrait ul li .bar {
	height: 1px;
	width: 500%;
	background-color: #454545;
	position: absolute;
	right: 0; bottom: 0;
}
.nav-container a, .nav-container-portrait a {
	display: block;
	color: #454545;
	font-weight: bold;
	height: 67px;	
	padding: 42px 0px 0px 15px;
}
.nav-container a.LicenseRenewal, .nav-container-portrait a.LicenseRenewal {
	display: block;
	color: #454545;
	font-weight: bold;
	height: 67px;	
	padding: 10px 0px 0px 15px;
}
.nav-container > ul > li.navigator > a { background: url('/edu/control_imgs/navbtn_navigator.png') no-repeat 14px 5px;}
.nav-container > ul > li.exprules > a { background: url('/edu/control_imgs/navbtn_exprules.png') no-repeat 14px 5px;}
.nav-container > ul > li.messageboard > a { background: url('/edu/control_imgs/navbtn_messageboard.png') no-repeat 14px 5px;}
.nav-container > ul > li.downloads > a { background: url('/edu/control_imgs/navbtn_downloads.png') no-repeat 14px 5px;}
.nav-container > ul > li.accessibility > a { background: url('/edu/control_imgs/navbtn_accessibility.png') no-repeat 14px 5px;}
.nav-container > ul > li.password > a { background: url('/edu/control_imgs/navbtn_password.png') no-repeat 14px 5px;}
.nav-container > ul > li.exit > a { background: url('/edu/control_imgs/navbtn_exit.png') no-repeat 14px 5px; color:#8d1d1d;}
.nav-container > ul > li > a:hover {background-color: #9fb47f;}
.nav-container-portrait > ul > li.navigator > a { background: url('/edu/control_imgs/navbtn_navigator.png') no-repeat 14px 5px;}
.nav-container-portrait > ul > li.messageboard > a { background: url('/edu/control_imgs/navbtn_messageboard.png') no-repeat 14px 5px;}
.nav-container-portrait > ul > li.downloads > a { background: url('/edu/control_imgs/navbtn_downloads.png') no-repeat 14px 5px;}
.nav-container-portrait > ul > li.accessibility > a { background: url('/edu/control_imgs/navbtn_accessibility.png') no-repeat 14px 5px;}
.nav-container-portrait > ul > li.password > a { background: url('/edu/control_imgs/navbtn_password.png') no-repeat 14px 5px;}
.nav-container-portrait > ul > li.exit > a { background: url('/edu/control_imgs/navbtn_exit.png') no-repeat 14px 5px; color:#8d1d1d;}
.nav-container-portrait > ul > li > a:hover {background-color: #9fb47f;}

.logoImg {
	border-bottom:1px solid Black !important;
	border-right:1px solid Black !important;
	border-left:0 none !important;
	border-top:0 none !important;
	display:inline-block;
}
.pageTitle {
	font-family: Arial, sans-serif;
	font-size:15px;
	display:block;
	margin-bottom:10px;
}
.pageTitle b {
	font-family: Verdana, Arial, sans-serif;
	font-size:18px;
	font-weight:600;
}
.content {
	width:95%;
    min-width:700px;
}
.footer {
	display:block;
	float:left;
	z-index:1;
	width:100%;
	background-color: #9fb47f;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
	color: #454545;
}
.footerRow {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding-left:30px;
}
.footer .link{
	display: inline-block;
	padding: 0px 5px;
	line-height: 32px;
	background-color: #6a6a6a;
	color: white;
	font-size: 14px; font-weight: bold;
	border: 3px solid #454545;
	margin: -4px 0px 10px 0px;
	text-transform: uppercase;
	text-decoration:none;
}
.footerlinks {
	display:inline;
	margin-left:40px;
	margin-bottom:20px;
	white-space:nowrap;
}
.footer p {
	margin:7px;
}
.footer .link#Btn_EnrollMore {background-color: #3c8390; }
.footer #FBMsg {
	width:520px;
	border:solid 2px #990000;
	background-color:White;
	padding:10px;
	margin:10px;
}

/* Enrollment wrapper boxes */
.ItemBox {
    /* main container for course boxes */
	margin-bottom:8px;
    width:100%;
}
.ItemInnerBox {
    /* inner container for course title, OPEN button, and requirements box */
    /* borders and bgcolor set depending on item's active status */
    display:inline-block;
    width:70%;
	min-width:450px;
    max-width:1000px;
	padding:5px;
    vertical-align:top;
}
.ItemRequirements {
    margin:5px 5px 2px 20px;
}
.ItemInfoBox {
    /* inner container appears on the right side, for additional info/buttons */
    display:inline-block;
    width:20%;
    min-width:200px;
    margin-left:10px;
	border:1px solid #555555;
	padding:10px;
	font-size:11pt;
    vertical-align:top;
}
.ItemInfoBox a {
	display:block;
}
.ItemTitle {
	font-weight:bold;
    font-size:18px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height:1.5em;
    vertical-align:middle;
}
.ItemActive {		/* TD to set item coloring/style; matches height to InfoBox */
	background-color:#ffffff;
	background-image:url(images/itemBG.gif);
	background-repeat:repeat-x;
	border:1px solid #00478a;
}
.ItemInactive {
	background-color:#e0e0e0;
	border:1px solid #444444;
	color:#676767;
}
.PackageCollection {
	margin-top:5px;
	margin-bottom:10px;
    padding-left:30px;
}
.PackageCollection_Title {
	font-weight:bold;
	font-size:1.1em;
	line-height:1.4em;
    position:relative;
    left:-30px; /* move back into pack collection left padding */
}
.ProgressIndicator {
	display:inline-block;
	float:left;
	margin-top:5px;
	white-space:nowrap;
	font-size:8pt;
	text-align:center;
	width:60px;
	height:80px;
	margin-right:5px;
}
.ProgressIndicator img {
	margin-top:3px;
	margin-bottom:3px;
}
.SubmitButtonDiv {
	display:inline-block;
	float:right;
	width: 220px;
}
.AdditionalItemsTable {
	margin-top:10px;
	border:solid 1px #444444;
	background-color:#f0f0f0;
	width:100%;
}
.bttn_green {
	float:right;
	background: #9fb47f;
	color:#1d3b5e;
	border: 1px solid #444444;
	padding:4px 13px 4px 13px;
	cursor: pointer;
}
.SaveButton {
	float:right;
	background: #ffffff;
	color:#57683d;
	border: 1px solid #444444;
	padding:4px 13px 4px 13px;
	font-size:18px;
	font-weight:bold;
	cursor: pointer;
}
.ItemButton {
    display:inline-block;
	font-weight:bold;
    font-size:18px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	line-height:35px;
	color:White !important;
	background-image: url('/images/home-btn1.jpg');
	background-repeat:repeat-x;
	background-size:auto;
	background-clip:border-box;
	border: solid 2px #333333;
	cursor:pointer;
	width:100px;
    text-align:center;
    vertical-align:middle;
    margin-right:10px;
}
.ItemButton:hover {
	background-image: none;
	background-color: #9fb47f;
}
td.gHeading	{
	text-align:left;
	font-weight:bold;
	background-color:#9fb47f;
	color:#444444;
}
.ReminderWrapper {
	width:95%;
}
.ReminderBox {
	width:100%;
	background-color: #9fb47f;
	border:solid 1px #222222;
	font-size:17px;
	padding:6px;
}

#AlertsWrapper {
    position:absolute;
    left:190px;
    top:80px;
    z-index:100;
    width:90%;
    max-width:800px;
    border:solid 2px #990000;
    background-color:White;
    padding:10px;
}


@media only screen and (max-width: 960px) {
	/* Portait-oriented devices */

	.ItemBox {
		margin-bottom:8px;
		width:450px;
	}
	.ItemInnerBox {
		width:420px;
		padding:5px;
	}
	.ItemInfoBox {
        /* this box moves from right side to underneath each course/item */
		display:block;
        width:100%;
        font-size:9pt;
        margin-bottom:15px;
        margin-left:0;
        padding-top:2px;
        padding-bottom:2px;
	}
    .ItemTitle {
        font-size:15px;
    }
	.infoBox {
		width:90%;
	}
	.content {
		width:450px;
	}

    #AlertsWrapper {
        position:absolute;
        left:10px;
        top:40px;
        width:95%;
    }

}
@media only screen and (max-width: 750px) {
	/* Anything smaller than this isn't wide enough to have the buttons on the left. */
	.PortraitMenuBtn {
		visibility:visible;
		display:block;
	}
	.nav-container{
		padding-right: 0;
		position:absolute;
		left:0px;
		top:0px;
		visibility:hidden;
	}
	.nav-container-portrait {
		padding-right: 0;
		position:absolute;
		left:0px;
		top:0px;
	}
	.logoImg {
		visibility:hidden;
		display:none;
	}
	.content {
		width:100%;
		z-index:1;
		margin-left:0;
	}
	.LoginPanel {
		width:90%;
	}
	h1 {
		font-size:18px;
	}

    #AlertsWrapper {
        position:absolute;
        left:10px;
        top:40px;
        width:95%;
    }

}

A.tab			{color:	#1b4249; text-decoration:none; line-height:1.1em; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; border:1px solid #333399; background-color:#f9f9f9; font-size:9pt;}
A.tab:visited	{color:	#1b4249; text-decoration:none; line-height:1.1em; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; border:1px solid #333399; background-color:#f9f9f9; font-size:9pt;}
A.tab:hover		{color:	#1b4249; text-decoration:none; line-height:1.1em; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; border:1px solid #333399; background-color:#E3E9EA; font-size:9pt;}
A.MB			{display:block; font-size:9pt; width:450px; padding: 1px 0px 1px 5px; text-decoration: none;}
A.MB:visited	{display:block; font-size:9pt; width:450px; padding: 1px 0px 1px 5px; text-decoration: none;}
A.MB:hover		{display:block; font-size:9pt; width:450px; padding: 1px 0px 1px 5px; text-decoration: none; background-color:#dfe7ee;}
span.alertTitle	{padding:4px; background-color:#990000; color:White; font-weight:bold; cursor:pointer;}
#DownloadEBookBox		{position:absolute; left:190px; top:70px; z-index:100;}
#ExtensionPurchaseBox	{position:absolute; left:190px; top:70px; z-index:100;}
#MBRosterMenu	{position:absolute; z-index:100; width:470px; height:300px; overflow:auto; border:solid 1px Black; background-color:White; padding:0px; margin-top:5px;}
#DownloadEBookBox	{border:solid 2px DarkRed; padding:12px; background-color:#e0e0e0; width:700px;}
.alertBox	{border:solid 5px DarkRed; padding:10px; background-color:InfoBackground; width:600px; font:normal 11pt Arial; color:#990000;}
tr.odd 		{background-color:#ebebeb;}
tr.hi 		{background-color:#eddfbb;}
.bttn_sm_r 	{background: #d0a4a5;font: bold 7pt Verdana,Arial; color:#000000; border: 1px solid #000000;cursor: pointer;}
.inputbox	{background-color:#E5EAEA;border-color:#222222;border-width:1px;border-style:solid;font-size:0.9em;}
#CCInstructorMode	{position:absolute; right:10px; bottom:2px; padding:5px; z-index:100; background-color:#996600; color:White; font:bold 10pt Arial;}
.DLFileBox	{margin:5px 0px 10px 10px; border:solid 1px black; padding:5px; width:500px;}
.MBMsgBox	{margin:5px 0px 10px 10px; border:solid 1px black;}