html { margin: 0; padding: 0; height: 100.1%; background-color: #fff; }

body {  height: 100.1%; text-align: left; color: #333; font-family: Arial, Helvetica, Sans; margin: 0 auto; padding: 0; 
background: #FFFFFF url(../images/body-tail.gif) repeat-x scroll center top; font-size: 80%;}

h3, strong { font-weight:bold; }

.heavy { font-weight:bold; }

a:link, a:visited { text-decoration: none; color: #37516F; }
a:hover { text-decoration: underline; }

.chalkport-red { color: #8f1b1b; }
.chalkport-green { color: #008000 }
.fb-blue { color: #3b5998; }

optgroup { font-weight: bold; }
optgroup option { font-weight: normal; }

a.small-link { font-size: 0.8em; }
.small-text { font-size: 0.8em; }

.generic-list { margin-left: 0; }
.generic-list dd { margin-left: 0; }
ul.generic-list li { margin-left: 0; list-style: none; }
li.sub-list { margin-left: 1.0em; }
.is-hiding { display: none; }
.neat-ul li { list-style: none; }

/* table { border: 1px solid #aaa; } */
#main-container { width: 975px; margin: 0 auto; }
.breaker { clear: both; }

.width-80 { width: 80%; }

.notify-window { position: fixed; top: 12%; left: 33%; width: 300px; height: 150px; border: 1px solid gray;
background-color: #fff; padding: 20px; display: none; z-index: 50; }

.utility-window { position: fixed; top: 12.5%; left: 33%; width: 600px; height: 420px; border: 1px solid gray;
background-color: #fff; padding: 20px; display: none; z-index: 50; overflow: auto; }

#footer { }
#footer div.right-bg { background: transparent url(../images/footer-right-bg.gif) no-repeat scroll right top;
	height: 61px; line-height: 61px; }

.hoverable:hover { text-decoration: underline; cursor: pointer; }

div.hidden-div, tr.hidden-row { display: none; }

#container { border: 0px solid #aaa; padding: 20px; width: 66em; }
#user-add-form, #course-add-form { padding: 10px; border: 1px solid #666; width: 260px; }
#user-add-form input[type=text], #course-add-form input[type=text] { border: 1px solid #666; }

.bordered-red { border: 1px solid #ff0000 !important; }

dl#menu-list { margin: 0; }
dl#menu-list dd { margin: 0 1px 0 0; height: 26px; font-size: 1.2em; }

dl#menu-list dd.menu-entry { clear: left; float: left; }
dl#menu-list dd.menu-help { float: left; display: none; }
dl#menu-list dd.menu-entry:hover {  }

dl#menu-list dd.user-menu-entry.corner {width: 18px; }
dl#menu-list dd.user-menu-entry { float: left; background-image: url(../images/menu-item.gif); line-height: 46px; height: 46px; width: 180px; text-align: center }
dl#menu-list dd.user-menu-entry a { color: #FFFFFF !important}
dl#menu-list dd.user-menu-entry::hover { background-image: url(../images/menu-item-active.gif) }


dl#menu-list dd a:link { color: #666; text-decoration: none; }
dl#menu-list dd a:visited { color: #666; text-decoration: none; }
dl#menu-list dd a:hover { color: #666; text-decoration: underline; }

input#search-user, input#search-course, input#search-survey, input#search-campaign, input#search-qualification { width: 220px; height: 26px; font-size: 1.4em; border: 2px solid #999; }
input#reset-user-search, input#reset-course-search, input#reset-survey-search, input#reset-campaign-search 
	{ width: 60px; height: 38px; border: 2px solid #999; font-size: 1.4em; }
dl.quick-search-fields { margin: 0; }
dl.quick-search-fields dd { height: 30px; line-height: 30px; margin: 0 10px 0 0; float: left; }

input.big-button { height: 36px; font-size: 1.2em; border: 2px solid #999; text-align: center; padding: 2px 5px 0 5px; }

.border-gray { border: 1px solid #999; }
.lightgray-bg { background-color: #f1f1f1; }
.pad-2 { margin-top: 2px; padding: 2px; }
.yellow-bg { background-color: yellow; }

.pad-10 { margin-top: 2px; padding: 10px; }

#users-list { line-height: 20px; }


/* Survey */
.gray-bg { background-color: #eee; }
.full-height { height: 100.01%; }
.debug { border: 1px dotted green; }
.breaker { clear: both; }
.white-bg { background-color: #fff; }
.questions { padding: 0.5em; margin: 0 0 0.5em 0; }
.questions div.yui-b { line-height: 1.8em }
#doc { padding: 1.0em; }
/* input.big-button { width: 8.0em; height: 2.0em; } */
textarea.text-option { width: 18.0em; height: 8.0em; }
.smaller-text { font-size: 0.9em; }
.pad-5 { padding: 5px; }
.form-error { color: #ff0000; }
.yes-no-container { margin: 0; float: left; width: 45px; text-align:center; }
.yes-no-container input { margin: 0 0 0 5px; }
#option-legend { margin: 0; }
.bordered-question { border: 1px solid transparent; }
.empty_field { border: 1px solid #e66 !important; }
.survey_error { text-align: center; font-size: 1.1em; font-weight: bold; }
#imp-instruct { padding: 10px 10px; /*border: 1px solid #666;*/  background-color: #fafafa; }
textarea, input[type=text], input[type=password] { border: 1px solid #666; padding: 4px; }

.tabbed-container,
#custom-groups-container, #campaign-add-form, #campaign-quick-form, 
#survey-add-form, #user-add-form, #course-add-form, #add-users-container , #usergroup-add-form,
#user-list-container
{ border: 1px solid #37516f; padding: 5px; width: 92%; background-color: #fff;}

#add-users-container  { width: 80%; }


/* Quickstart */
#campaign-quick-form { padding: 5px; }
#campaign-quick-table { width: 100%; border-top: 3px solid #8f1b1b; }
#campaign-quick-table td { border: none; border-top: 1px solid #8f1b1b;   padding-bottom: 15px; }
#campaign-quick-table td.title { width: 25%; font-weight: bold; }
#campaign-quick-table td.field { width: 50%; }
#campaign-quick-table td.help { width: 25%; font-size: 0.9em; }

.grad-gray-to-white { background: url(../images/body-tail.gif) repeat-x scroll center top; }


.add-users, .send-to { font-weight: bold; color: #8f1b1b; padding: 0.4em; }
.add-users-active, .send-to-active { color: #fff; background-color: #8f1b1b; padding: 0.4em; }
.add-users:hover, .send-to:hover { color: #fff; background-color: #8f1b1b; cursor: pointer; }

.add-respondents:hover { text-decoration:underline; cursor: pointer; }

/* Refresh box */
.refresh-box { text-align: center; width: 100%; position: fixed; top: 0; left: 0; padding: 5px; height: 1.5em; line-height: 1.5em;
	border-bottom: 1px solid #ff9933; color: #ff3333; background: url('../images/yellow-trans.png') repeat; display: none; }
	
/* Shortcuts */
#shortcuts { width: 100%; position: fixed; bottom: 0; left: 0; padding: 5px; height: 1.5em; line-height: 1.5em;
	color: #666; background-color: #fff; border-top: 1px solid #8f1b1b; z-index: 99; }
#shortcuts ul { margin: 0; }
#shortcuts li { height: 1.5em; float: left; list-style: none; margin-left: 0; }
.add-options { padding: 5px; }

#menu {  }
#content-container {  }

.menu-help img { margin-left: 5px; }

#my-alert { width: 300px; height: 169px; position: fixed; top: 30%; left: 35%; padding: 5px; 
	color: #666; background-color: #fff; border: 1px solid #8f1b1b; z-index: 99; display: none; }

	
ul.tabbed-menu  { margin: 0; clear: both; }
ul.tabbed-menu li { font-weight: bold; height: 1.5em; float: left; list-style: none; margin: 0 2px 0 0; width: 135px; padding: 2px; text-align: center; border: 1px 1px 0 1px solid #37516F; }

.inverted { background-color: #37516F; color: #fff; }
.inverted a { color: #fff; }

#email-preview-container { display: none; border: 1px solid gray; padding: 10px; position: absolute; top: 10%; left: 30%; background-color: #fff; width: 300px; }

#email-template-container { display: none; border: 1px solid gray; padding: 10px; position: absolute; top: 13%; left: 33%; background-color: #fff; }


#pagination_items dl {margin: 0px 0px 0px 0px}
#pagination_items dl dd { margin: 0px 0px 0px 0px }
#qualification-listing {margin-left: 20px;}
.unit_listing {margin: 10px; width: 400px;}

.big-search { background: url('../images/search-bg.png') no-repeat; }

.quals-results,.units-results { display: none; }

#ntis-quals-results, #ntis-units-results { display: none; position: absolute; top: 5px; left: 25%; z-index: 100; font-size: 0.8em; width: 690px; height: 560px; background-color: #fff;
	padding: 5px;  border: 3px solid #aaa; }

.page-numbering {float: right}

select.qualification-select, select.enrollment-select { width: 310px; }

#rto-name { font-family: Verdana, Helvetica, Sans; font-size: 1.2em; }

/* View Campaign */
#view-campaign-information { float: left; width: 500px; }
#view-campaign-quicklinks { float: right; border: 1px solid; padding: 5px; }
#view-campaign-quicklinks h3 { margin: 0px 0px; padding: 0px; }
#view-campaign-quicklinks ul { margin: 3px 10px;}
#view-campaign-quicklinks ul li { list-style-type: none }


/*create a survey*/
#multi-response-list li { list-style-type: none; margin-left: -30px; }


/*Groups -> Users*/
#enrollment-info { width: 400px; height: 400px; overflow: auto }
#enrollment-info ul li { margin-top: 5px; margin-bottom: 5px; }

.signups-table { font-size: 0.8em; width: 100%;}

.reports-table { width: 610px; margin-bottom: 0.5em; padding: 0; }
.gray-text { color: #999; }

.sprite-learner { color: blue;  }
.sprite-employer { color: green;}

.notice-box { background: url('../images/icons/bullet_error.png') no-repeat; background-position: 2px 2px;
	background-color: #ffc; border: 1px solid #f90; margin: 2px 0; padding: 5px 0 5px 20px; }
	
#help-box { background-color: #ff9; padding: 5px; border: 1px solid gray; display: none; width:  550px; height: 300px;
	position: fixed; top: 25%; left: 25%; right: 25%; z-index: 50; overflow: auto }
	
.help-icon:hover { cursor: pointer; }

.bright-button { border: #0000FF 2px solid; background: #FFFF00; color: #0000FF; padding: none; margin: none; }


.bootstrap-button { padding: 2px 10px; border: 1px solid #666; font-size: 1.4em; font-weight: bold; color: #666; 
	background-color: #ddd; }
.qualification-select { width: 250px; padding: 2px 5px; }	

.fb-button { background-color: #627aad; color: #eee; border: 1px solid #3b5998; font-weight: bold; padding: 2px; }
.fb-field { border: 1px solid #999 !important; }
.big { font-size: 1.6em; }
.active-field, .fb-field:hover { background-color: #ffffe0; }

#qual-units { padding: 10px; width: 80%; border: 1px solid #666; }

ul.fb-email-list  { padding: 0; margin: 0; }
.fb-email-list li { padding: 0; margin: 2px; list-style: none; float: left}
.fb-email-list input[type=text] { border: 1px solid transparent; }

.grayed-out { color: #ddd; background-color: #fff; }


ul.frb-nav   { padding: 0; margin: 0; }
.frb-nav li { padding: 0; margin: 0 1px 0 0; list-style: none; float: left; width: 140px; background-color: #bbb; text-align: center; height: 60px; color: #fff;
	font-size:1.2em; font-weight:bold; border-bottom: 4px solid #666; }
.frb-nav .active { background-color: #999; }