/* @override 
	http://www.nau.edu/~d-elearn/qa/styles/layout.css
	http://www.nau.edu/~d-elearn/styles/layout.css
*/

@CHARSET "UTF-8";

/**
* @desc style sheet
* @author Micah Hunter $LastChangedBy: meh7 $
* @version $Rev: 2345 $ $Date: 2011-06-16 12:43:55 -0700 (Thu, 16 Jun 2011) $
* @package ELCWebsite
*/

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

/* Single Tag Rules */

body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: small;
}

h1 {
	font-size: 172%;
	color: #036;
}

h2 {
	color: #CC6600;
	font-size: 150%;
}

h3 {
	font-size: 125%;
	color: #557565;
}

h4 {
	font-size: 110%;
	color: #036;
}

a {
	text-decoration: none;
	color: #C60;
}

a:link {
	color: #CC6600;
}

a:visited {
	color: #6699CC;
}

a:hover, a:active {
	color: #003366;
	text-decoration: underline;
}

pre, div.pre{
	font-family: verdana, arial, helvetica, sans-serif !important;
	white-space: pre-wrap; /* for firefox 3+*/
	white-space: -moz-pre-wrap; /* for firefox 2*/
}

dd {
	margin-left: 2em;
	margin-bottom: .5em;
}

/* Multi Tag Rules */

p, ol, ul, td, tr, dl, address, pre {
	font-size: 100%;
	margin: .5em 0 1em 0;
	line-height: 1.25;
}

blockquote, li, dt {
	margin-left: 1em;
}


/* Table Rules */

table {
	width: 99%;
	border-collapse: collapse;
	margin: 5px 2px 10px 2px;
	border-bottom: 1px dotted #9CC;
}

.odd {
	background: #cfe9e9;
}

.even {
	background: #fff;
}

.sortLink {
	float: left;
	margin: auto 4px;
}

tr.sortHead {
	white-space: nowrap;
}

.sortTitle {
	padding-right: 3px;
}

.sortHeader div {
	display: inline;
}

.sortHeader a:link, .sortHeader a:visited {
	display: block;
	float: left;
	width: 10px;
	height: 8px;
	overflow: hidden;
	margin: 0 2px;
}

.sortHeader a:hover img, .sortHeader a:active img {
	margin-top: -8px;
}

th, td {
	font-size: 95%;
	text-align: left;
}

th {
	padding: 3px 10px 3px 3px;
	border-bottom: 1px dotted #9CC;
	vertical-align: bottom;
}

th.action {
	padding-right: 1px;
	width: 7%;
}

td {
	padding: 3px;
}

/* sub totals in grouped table resutls */
.subtotal {
	text-align: right;
	font-size: .75em;
}

/* Main Container Div */

#page_body {
	min-width: 650px;
}

#page_body.qa {
	background: url("../images/qaBackground.gif") repeat;
}

/* skip content link */
.skipContent {
	text-indent: -20000px;
	float: left;
	height: 0;
}

/* NAU logo image */
#nauLogo {
	float: left;
	background: url("../images/nau_logo.gif") no-repeat left top;
	height: 54px;
	width: 300px;
	text-indent: -20000px;
	cursor: pointer;
}

/* Dept title and elc-help email link */
#deptText{
	background: #557565;
	border-bottom: 1px solid #FFCC00;
}

/* change background for qa environment */
#deptText.qa {
	background-color: #7E164B;
}

#deptText h1 {
	color: #FFF;
	padding: 17px 0 0 0;
	margin-right: 8px;
	background: url("../images/elearn_title.gif") no-repeat right 19px;
	text-indent: -20000px;
	height: 24px;
}

#deptText p {
	margin: 0;
	padding: 3px 10px 2px 0;
	text-align: right;
}

#deptText a {
	color: #CDDDD6;
}


/**
*
* Primary Nav
*
**/

/* Nav Links */

#primaryNav {
	background: #003366;
	width: 100%;
}

#primaryNav ul {
	list-style: none;
	margin: 0;
}

#primaryNav li {
	float: left;
	margin: 0;
}

#primaryNav li a:link, #primaryNav li a:visited {
	display: block;
	color: #FFF;
	padding: 3px 8px 5px;
	border-right: 1px solid #FFF;
	font-size: 95%;
}

#primaryNav li a:hover, #primaryNav li a:active {
	color: #FFF;
	background: #C60;
	text-decoration: none;
}

#primaryNav li a.selected {
	background: #FFF !important;
	color: #036 !important;
}

/* Logon Links */

#login, #logout {
	text-align: right;
	float: right;
	background: #194775;
}

#login a, #logout a {
	font-size: 85%;
	display: block;
	padding: 4px 10px 6px;
	float: left;
	border-left: 1px solid #3F668C;
}

#logout a {
	font-weight: bold;
}

#login a:link, #login a:visited, #logout a:link, #logout a:visited {
	color: #FC0;
}

#login a:hover, #login a:active, #logout a:hover, #logout a:active {
	color: #FFF;
	text-decoration: none;
	background: #C60;
}


/**
*
* Form Elements
*
**/

input.text, textarea, select {
	border: 1px inset #ccc;
	margin: 1px 2px;
	padding-left: 1px;
	background: #F7F8FA;
}

option {
	margin: 1px 5px 1px 1px;
}

input.radio {
	margin: .01em;
}

.row input.checkbox {
	margin-top: 3px;
}

textarea {
	background: #FFF !important;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	height: 9.5em;
	width: 95%;
}

textarea.small{
	height: 5.5em;
}

textarea.large{
	height: 20em;
}

/*this is for the red x behind the dateTime form elements*/
.dateTimeDeleteIcon {
	vertical-align: middle;
}

/* wysiwyg (TinyMCE) editor */
.editorContainer {
	padding: 1px;
	float: left;
	width: 100%;
}
.editor {
	float: left;
	clear: left;
	width: 100%;
}
.editorTabContainer {
	float: left;
}
.editorTab {
	border: 1px solid #ccc;
	margin-right: 5px;
	padding: 0 5px 0;
	background-color: #fff;
	color: #666;
	float: left;
	font-size: .7em;
}
.editorTabSelected {
	font-weight: bold;
	background-color: #eee;
	color: #000;
	border-bottom: none !important;
}

input.button, input.submit {
	border: 1px outset #ccc;
	margin: 1px 2px;
	background: #194775;
	color: #FFF;
}

input.button:active, input.button:hover {
	border: 1px outset #FC0;
	background: #C60;
}

/* layout for forms */
.row {
	float: left;
	width: 100%;
	padding-bottom: 1em;
}

/* label container - floated to the left side of the "row" */
.row .rowLabel {
	float: left;
	width: 10%;
	padding-right: 1%;
	text-align: right;
}

/* content container - the rest of the "row" */
.row .rowContent {
	float: left;
	width: 88%;
}

/* make groups of radio buttons behave! */
.row .radioContainer {
	display: inline;
}

.row .radioContainer div {
	display: inline;
	margin-right: 2em;
}

/* default label format */
label, span.label {
	color: #036;
}

#filterButton {
	white-space: nowrap;
}

#searchForm {
	float: right;
	margin-top: -3px;
}

#searchForm input {
	display: inline;
}

#searchForm input#searchfield {
	border: 2px inset #FFF;
	background: #FFFFCC;
	margin-right: 5px;
}

#searchForm input#searchbutton {
	border: 1px solid #003366;
	background: #FFF;
	color: #003366;
}

#searchForm input#searchbutton:hover, #searchForm input#searchbutton:active {
	border: 1px solid #003366;
	background: #C60;
	color: #FFF;
}

/* autocomplete (ac_) styles for anytime an autocomplete dropdown is displayed
(this happens in hal's ticket detail class selection area and the faq editing keywords
listing) */
.ac_results {
	position: absolute;
	top: 1.5em;
	left: 0;
	max-height: 25em;
	width: 25em;
	overflow: auto;
	background: #fff;
	cursor: pointer;
	font-size: 90%;
	z-index: 101;
	border: 1px solid #000;
	margin: 0 !important;
	padding: 0 !important;
}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
}
.ac_results li {
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}
.ac_results a {
	width: 100%;
	margin: 1px !important;
	padding: 1px !important;
}
.ac_loading {
	background : url('../images/icons/loading.gif') right center no-repeat !important;
}

.over, .ac_over {
	color: white !important;
	background: #036 !important;
}

/**
*
* Main Content Rules
*
**/

#wrapper {
	margin: 15px auto 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #036;
	width: 97%;
}

#content {
	padding-top: 5px;
}

/* links that appear in the upper right of the content area */
.pageSpecificLinks {
	float: right;
	padding: 0;
}
/* when it is in the two column layout, move up higher */
#colsOf2Right .pageSpecificLinks {
	margin: -20px 0 0 0;
}

/* Welcome Text and banner */

#page_title {
	border-bottom: 2px dotted #C60;
}

#page_title p {
	margin: 0;
}

/* Side Nav */

#sideNav {
	margin: 10px 10px 5px 0;
	width: 165px;
	float: left;
	color: #036;
	text-transform: lowercase;
	padding-top: 5px;
	font-size: 95%;
}

#sideNav h3 {
	text-indent: -20000px;
	height: 24px;
}

#sideNav #supportMenuNav {
	background: url("../images/support.gif") no-repeat top left;	
}

#sideNav #migrationMenuNav {
	background: url("../images/migration.gif") no-repeat top left;	
}

#sideNav #lmsMenuNav {
	background: url("../images/lms.gif") no-repeat top left;
}

#sideNav #trainingMenuNav {
	background: url("../images/training.gif") no-repeat top left;
}

#sideNav #eventsMenuNav {
	background: url("../images/events.gif") no-repeat top left;
}

#sideNav #assementMenuNav {
	background: url("../images/assessment.gif") no-repeat top left;
}

#sideNav #grantsMenuNav {
	background: url("../images/grants.gif") no-repeat top left;
}

#sideNav #evaluationsMenuNav {
	background: url("../images/evaluations.gif") no-repeat top left;
}

#sideNav #aboutMenuNav {
	background: url("../images/about.gif") no-repeat top left;
}

#sideNav a:link, #sideNav a:visited {
	color: #C60;
}

#sideNav a:hover, #sideNav a:active {
	color: #930;
}

/* borders between top level list items or top level list containters (that will have sub items) */
#sideNav > ul > li + li {
	border-top: 1px solid #BA7;
	margin: 0;
	padding-left: 5px;
}
#sideNav > ul + ul {
	border-top: 1px solid #BA7;
}

/* padding between entries */
#sideNav > ul > li {
	padding: 5px 0;
}

/* top level items */
#sideNav > ul {
	list-style: none;
	margin: 0;
}

/* side nav list item styles */
#sideNav li {
	margin-left: 5px;
	font-size: 110%;
	text-indent: -5px;
}

/* sub items */
#sideNav > ul > li > ul {
	list-style-type: circle;
	margin: 0;
	color: #C60;
}

#sideNav li ul li {
	margin-left: 2em;
	font-size: 91%;
}

/* make admin and intranet submenus appear with larger text */
#sideNav .widget li ul li, .widget li ul li {
	margin-left: .1em;
	font-size: 115%;
}


/* general column rules */
.column {
	float: left;
	color: #003366;
}

.column div {
	margin: 10px 5px;
}

/* 3 Col Layout */

#left3 {
	width: 31%;
}

#center3 {
	width: 37.9%;
}

#right3 {
	width: 31%;
}

/* 2 Col Layout with content on the Right */

#left2 {
	width: 37.9%;
}

#right2 {
	width: 62.1%;
}

img.scaled {
  width: 100%;
}

#colsOf2Right {
	margin: 18px 0 0 190px;
	line-height: 1.5;
}

#colsOf2Right h3 {
	margin: 10px 2px 5px 0;
}

#colsOf2Right ul {
	list-style: circle;
}

#colsOf2Right li {
	margin-left: 1.5em;
}

#colsOf2Right li ul {
	list-style: disc;
}

/* 2 Col Layout with content on the Left */

#colsOf2Left h4 {
	margin-top: 1em;
	padding-bottom: 3px;
	border-bottom: 1px dotted #C60;
}



/* left column on pages with two columns in the content area - make sure
the main content text is black (the "column" class default makes it blue) */
#colsOf2Left #left2.column {
	width: 63.5%;
	padding-right: 10px;
	color: #000;
}

#colsOf2Left #right2 {
	width: 34%;
}

/**
*
* Widgets
*
**/

.widget {
	line-height: 1.25;
}

#sideNav .widget {
	margin: 20px auto;
	margin-bottom: 0;
}

.widget a:link {
	color: #C60;
}

.widget a:visited {
	color: #603;
}

.widget .moreInfoLink:link, .widget .moreInfoLink:visited {
	color: #C60;
}

.column a:hover, .column a:active, .widget a:hover, .widget a:active, .widget .moreInfoLink:hover, .widget .moreInfoLink:active {
	color: #930;
}

.widget h4, .widget h5, .widget p {
	padding: 0;
	margin: 5px 10px 10px;
	font-size: 90%;
}

.widget ul, .widget ol {
	margin: 3px 5px 3px 16px;
	list-style: none;
	font-size: 90%;
	padding: 0;
}

#right2 ul, #right2 ol {
	margin: 6px 0;
}

.widget li {
	margin: 0;
	padding: 3px 0 5px 0;
	list-style: none;
}

#sideNav .widget li {
	padding: 1px 0 2px;
}

#content .widget h3 {
	color: #FFF;
	padding: 4px 2px 3px 10px;
	margin: 0;
	font-weight: bold;
	letter-spacing: .08em;
	font-size: 100%;
}

/* in the sitemap, the widget titles are links */
#content .widget h3 a:link, #content .widget h3 a:visited {
	color: #FFF;
}

.widget h4 {
	color: #FFF;
	font-weight: bold;
	margin: 0;
	padding: 1px 4px 3px;
}

#news, #about, #grants {
	border: 1px solid #C60;
	background: #FFC;
}

#news h3, #about h3, #grants h3 {
	background: #C60;
}

#news h4 a {
	float: right;
	width: 108px;
	height: 38px;
	padding: 1px 2px;
	margin: 4px 0 0 0;
	text-indent: -20000px;
	background: url(../images/enotes_icon.gif) no-repeat center center;
	color: #036;
}

#events {
	border: 1px solid #557565;
	background: #C5D7D0;
	overflow: hidden;
}

#events h3 {
	background: #557565;
}

#events h4 {
	color: #C60;
	margin: 8px 0 0 10px;
	padding: 0;
}

#events p {
	margin-bottom: 3px;
}

#drUpdate .donImageBack {
	float: right;
	margin: 0 -7px 3px 3px;
	border: 1px solid #603;

}

#quickLinks {
	border: 1px solid #C60;
	background: #FFC;
}

#quickLinks h3 {
	background: #C60;
}

#myInfo {
	border: 1px solid #69C;
}

#myInfo h3, #myInfo h4 {
	background: #69C;
}

#customTraining {
	border: 1px solid #603;
	background: #E7DEE7;
}

#content #customTraining h3 {
	background: #603;
	color: #FFF;
}

#customTraining .faqTagCloud li {
	display: inline;
	line-height: 1.5;
}

#customTraining .faqTagCloud li a {
	text-decoration: none;
	padding: 5px;
	color: #036;
	white-space: nowrap;
}

#customTraining .faqTagCloud li a:visited {
	color: #406d99;
}

#customTraining .faqTagCloud li a:hover {
	text-decoration: underline;
}

#stipend {
	border: 1px solid #036;
	background: #CCE7EF;
}

#stipend h3 {
	background: #036;
}

#stipend li {
	margin: 0;
	padding: 0 0 0 15px;
}

#faq, #knownIssues {
	border: 1px solid #603;
}

#faq h3, #knownIssues h3 {
	background: #603;
}

#support {
	border: 1px solid #C60;
}

#support h3 {
	background: #C60;
}

#tutorial {
	border: 1px solid #C60;
	background: #FFF;
}

#tutorial h3 {
	background: #C60;
}

/* Multiple Widget Rules */

#drUpdate, #bbVista, #assessment {
	border: 1px solid #036;
	background: #e4f6ff;
}

#drUpdate h3, #bbVista h3, #assessment h3 {
	background: #036;
}

#training, #logedOnOptions {
	border: 1px solid #557565;
}

#training h3, #logedOnOptions h4 {
	background: #557565;
}

#bbVista li {
	/*border-bottom: 1px dotted #69C;*/
}

#quickLinks li {
	border-bottom: 1px dotted #E5B53A;
}

#quickLinks li.last, #bbVista li.last {
	border: none;
}


/**
*
* Footer Rules
*
**/

#footer {
	font-size: 80%;
	margin: 0 auto;
}

#footer address, #footer p {
	font-style: normal;
	text-align: center;
	margin: 0 273px;
}

#locationMap {
	float: left;
	padding-left: 30px;
}

#gammageImage {
	float: right;
	padding-right: 30px;
}


/**
*
* Site wide misc rules
*
**/

.accent {
	font-weight: bold;
}

.stepIn {
	margin-left: 2em;
}

.firstSection {
	padding: 5px 0 15px 0;
}

.subSection {
	padding: 15px 0;
	border-top: 1px dotted #9CC;
}

.liLinkList {
	list-style: none;
	margin: 0;
}

.pdfLink {
	background: url(../images/pdf.jpg) no-repeat right center;
	padding-right: 20px;
}

.docLink {
	background: url(../images/doc.jpg) no-repeat right center;
	padding-right: 17px;
}

.extLink {
	background: url(../images/externalpage.gif) no-repeat right center;
	padding-right: 18px;
}

/* error messages */
.warning {
	color: #f00;
	font-size: 110%;
}

.statusMessage {
	margin: 1em 2px;
	font-size: 110%;
	color: #036;
}

.clearFloat:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* site wide help links */
.helpLink {
	vertical-align: bottom;
}

/* last updated dates - used in faq and news sections */
.lastUpdated {
	font-size: .85em;
	color: #69C;
	margin-top: 10px;
}

/* expand/collapse block toggles */
.menuLink {
	display: block;
	float: right;
	clear: none;
	width: 16px;
	height: 16px;
	overflow: hidden;
	margin: 2px 0 0 0 !important;
}

.menuLinkExpanded img {
	margin-top: -16px !important;
}

/* generic small text note class */
.note {
	font-size: .85em;
	font-style: italic;
}


/**
* these tags appear in whenever addUserHelper.inc.php is used
* they help arrange the expand/collapse button properly
*/
#addUserHelperLdapContainer .menuLink {
	float: none !important;
}
#addUserHelperLdapContainer h4 {
	float: left;
	margin-top: 0 !important;
}
#addUserHelper {
	width: 100%;
}

/**
* training, event enrollment links
*/
.enrollLink {
	color: #C60;
	padding-left: 16px;
	background: url(../images/enroll_icon.gif) no-repeat left center;
	display: block;
}

/* add some space before the link when this appears in a widget */
.widget .enrollLink {
	margin-left: 5px;
	display: inline;
}

.migrationRequestButton a {
	background: url(../images/migrate_button_active.png) no-repeat 0 0;
	height: 34px;
	text-indent: -3000px;
	display: block;
}

.migrationRequestButton a:hover {
	background: url(../images/migrate_button_active.png) no-repeat 0 -46px;
}

/* image formatting css*/

div.figure_r {
  float: right;
  width: 25%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.figure_r p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
img.scaled {
  width: 100%;
}

div.figure_l {
  float: left;
  width: 25%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.figure_l p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
img.scaled {
  width: 100%;
}

div.figure_full {
  float: left;
  width: 95%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.figure_full p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.figure_half {
  float: left;
  width: 45%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.figure_half p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
img.scaled {
  width: 100%;
}

div.story {
 float: left;
  width: 95%;
  margin: 0.5em;
  padding: 0.5em;
}