@import url("https://www.eiu.edu/css12/apps.css");
@charset "utf-8";
/* CSS Document */


/*  GENERAL STYLES  */

.sub{padding-left: 15px;}

#main h1, #main h2, #main h3, #main h3 a{
font-family: Arial; color: #797979;
}

#main a, #secondary_header a{text-decoration: none; color: #a8a8a8; cursor: pointer;}

.classy a {
  color: #61B3E7;
}

#student_header{
	width: 100%;
	background-color: black;
	color: white;
	font-family: Georgia;
	margin: 15px 0 3px 0;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}

#student_header h2{color: white; font-family: Georgia; padding: 15px 40px;}

#legend{float:right; padding: 20px 30px 0 0; font-family: Arial; color: #a8a8a8;}

#secondary_header{font-family: Arial;  background-color: #a7a9ac; color: white; padding: 5px 40px; margin-bottom: 3px;}
#secondary_header a{color: white; text-decoration: none;}

#main{
	width: 100%;
	background-color: #e7e7e8;
	color: #797979;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
}

#main_left{
	width: 65%;
	float: left;
	padding: 20px 20px 10px 40px;
	border-right: 3px solid white;
	
	
}

#main_right{
	padding: 20px 0 0 0;
	width: 27%;
	float: right;
	background-color: #e7e7e8;
	color: #797979;
}


#fullcontent{
background-color: white;
font-size: 70%;
padding: 0 10px 0 20px;
width: 900px;
float: left;

}


thead th {font-weight: bold;}


.greybox {
	margin: 5px;
	border: thin dashed white;
}


#rightcontent .h3text {
	
	font-weight:normal;

}

#rightcontent .error {
	color:#CC0000;
	font-size: 110%;
	font-weight:bold;

}

#rightcontent .tablerow {
height:30px;

}

#rightcontent .errorbgd {
	background-color: #FFE7E4;
	height:30px;
	border:2px solid #CC0000;
	padding: 10px;


}



#rightcontent .form-left		{
	color: black;
	font-weight: bold;
	text-align: left;
	margin: 0px; 
	padding: 0em;
	background-color: white;
	border-right: thin black solid;
}

#rightcontent .form-footer		{
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	margin: 0px; 
	padding: 0px;
	background-color: red;
	border: thin black solid;
	margin: 2px;
	color: white;
}
	
#rightcontent .form-subnav-left		{
	color: #666666;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	margin: 0px; 
	padding: 0px;
	background-image: url(/images/grey_fade.jpg);
	background-repeat: repeat-x;
	border-bottom: thin black dashed;
	border-top: thin black dashed;
}
	
#rightcontent .form-subnav-right		{
	color: #666666;
	font-weight: bold;
	font-size: 14px;
	text-align: right;
	margin: 0px; 
	padding: 0px;
	background-image: url(/images/grey_fade.jpg);
	background-repeat: repeat-x;
	border-bottom: thin black dashed;
	border-top: thin black dashed;
}


.action_message{
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	margin: 2px;
	padding: 5px;
	color: white;
	background-color: green;
	border-width: thin;
	border-style: dashed;
	border-color: black;
}
	
.message_updates{
	font-weight: bold;
	text-align: left;
	font-size: 14px;
	margin: 2px;
	padding: 5px;
	color: white;
	background-image: url(/apps/advising/include/include/newspaper_48.png);
	background-color: green;
	border-width: medium;
	border-style: dashed;
	border-color: black;
}





	
.border_bottom		{
	color: black;
	border-bottom: gray dashed thin;
	text-align: left;
	}
	
.border_top		{
	color: black;
	border-top: gray dashed thin;
	text-align: left;
	}
	
.underline td	{
	border-bottom: black solid thin;
}

.underline tr:hover	{
	background-color: #BEBEBE;
	border-bottom: black solid thin;
	}
	
.column-header		{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	margin: 0px; 
	padding: 0px;
	background-color: #0066CC;
	}		


.submit {

	padding: 5px;
	background-color: #003399;

}



.print {width: 100%; margin:0; float:none;}

.ckeditor{
width: 550px;
}

.cke_editor {
width: 700px;
}

#rightcontent .greybgtable {
background-color: #dddddd;
}

.classy td {
padding: 8px 4px;
text-align:left;
border-right: 2px #ffffff solid;
font-size: 16px;
}

.classy thead tr {
color: #ffffff;
background-color: #3e3e3e;
padding: 8px 4px;
}
.classy th {
padding: 8px 4px;
border-right: 2px #ffffff solid;
}

.inactive{
color: white;
background-color: #DDDDDD;
}





#rightcontent  form ul
{
	font-size:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	width:90%;
	border-bottom: gray dashed thin;
}

#rightcontent  form li
{
	display:block;
	margin:0;
	padding:4px 5px 2px 9px;
	position:relative;
}

/*
  li:hover	{
	background-color: #003399;
	color: white;
}
*/

#rightcontent  form li:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}



#rightcontent   form li div
{
	display:inline-block;
}

#rightcontent   form li div
{
	color:#444;
	margin:0 4px 0 0;
	padding:0 0 8px;
}

#rightcontent   form li span
{
	color:#444;
	float:left;
	margin:0 4px 0 0;
	padding:0 0 8px;
}


#rightcontent   form li div.left
{
	display:inline;
	float:left;
	width:48%;
}

#rightcontent   form li div.right
{
	display:inline;
	float:right;
	width:48%;
}

#rightcontent   form li div.left .medium
{
	width:100%;
}

#rightcontent   form li div.right .medium
{
	width:100%;
}

 .clear
{
	clear:both;
}

#rightcontent   form li div label
{
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
}

#rightcontent   form li span label
{
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
}





#rightcontent  label.description
{
	border:none;
	display:block;
	font-size:95%;
	font-weight:700;
	line-height:150%;
	padding:0 0 1px;
}

#rightcontent  span.symbol
{
	font-size:115%;
	line-height:130%;
}


#rightcontent  input.file
{
	color:#333;
	font-size:100%;
	margin:0;
	padding:2px 0;
}


#rightcontent  input.currency
{
	text-align:right;
	padding-right:3px;
}

#rightcontent  input.checkbox
{
	display:block;
	height:13px;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
}

#rightcontent  input.radio
{
	display:block;
	height:13px;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
}

#rightcontent  label.choice
{
	color:#444;
	display:block;
	font-size:100%;
	line-height:1.4em;
	margin:-1.55em 0 0 25px;
	padding:4px 0 5px;
	width:90%;
}

 select.select[class]
{
	margin:0;
	padding:1px 0;
}

*:first-child+html select.select[class]
{
	margin:1px 0;
}

 .safari select.select
{
	font-size:120% !important;
	margin-bottom:1px;
}

.small1		{font-size:6pt;}
.small2 	{font-size:8pt;}
.small3 	{font-size:10pt;}



#maincol .greybgtable {
background-color: #dddddd;
}


#maincol  form ul
{
	font-size:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	width:90%;
	border-bottom: gray dashed thin;
}

#maincol  form li
{
	display:block;
	margin:0;
	padding:4px 5px 2px 9px;
	position:relative;
	clear: both;
}

/*
  li:hover	{
	background-color: #003399;
	color: white;
}
*/

#maincol  form li:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}



#maincol   form li div
{
	display:inline-block;
}

#maincol   form li div
{
	color:#444;
	margin:0 4px 0 0;
	padding:0 0 8px;
}

#maincol   form li span
{
	color:#444;
	float:left;
	margin:0 4px 0 0;
	padding:0 0 8px;
}


#maincol   form li div.left
{
	display:inline;
	float:left;
	width:48%;
}

#maincol   form li div.right
{
	display:inline;
	float:right;
	width:48%;
}

#maincol   form li div.left .medium
{
	width:100%;
}

#maincol   form li div.right .medium
{
	width:100%;
}

 .clear
{
	clear:both;
}

#maincol   form li div label
{
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
}

#maincol   form li span label
{
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
}





#maincol  label.description
{
	border:none;
	display:block;
	font-size:95%;
	font-weight:700;
	line-height:150%;
	padding:0 0 1px;
}

#maincol  span.symbol
{
	font-size:115%;
	line-height:130%;
}


#maincol  input.file
{
	color:#333;
	font-size:100%;
	margin:0;
	padding:2px 0;
}


#maincol  input.currency
{
	text-align:right;
	padding-right:3px;
}

#maincol  input.checkbox
{
	display:block;
	height:13px;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
}

#maincol  input.radio
{
	display:block;
	height:13px;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
}

#maincol  label.choice
{
	color:#444;
	display:block;
	font-size:100%;
	line-height:1.4em;
	margin:-1.55em 0 0 25px;
	padding:4px 0 5px;
	width:90%;
}

#maincol .greybox{
background-color:#DDDDDD;
padding:10px;
width:920px;
}

#maincol li {
padding:5px 0;
}

#maincol ul, #maincol ol {
margin:0;
padding-left:35px;
}


input.text  {
border-color:#7C7C7C #C3C3C3 #DDDDDD;
border-style:solid;
border-width:1px;
color:#333333;
font-size:100%;
margin:0;
padding:2px 0;
}


/* General form styles
----------------------------------------*/
fieldset {
	margin: 15px 0;
	padding: 10px;
	border-top: 1px solid #D7D7D7;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #D7D7D7;
	background-color: #FFFFFF;
	position: relative;
}

.rtl fieldset {
	border-top: 1px solid #D7D7D7;
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

* html fieldset {
	padding: 0 10px 5px 10px;
}

fieldset p {
	font-size: 0.85em;
}

legend {
	padding: 1px 0;
	font-family: Tahoma,arial,Verdana,Sans-serif;
	font-size: .9em;
	font-weight: bold;
	color: #115098;
	margin-top: -.4em;
	position: relative;
	text-transform: none;
	line-height: 1.2em;
	top: 0;
	vertical-align: middle;
}

/* Hide from macIE \*/
legend { top: -1.2em; }
/* end */

* html legend {
	margin: 0 0 -10px -7px;
	line-height: 1em;
	font-size: .85em;
}

/* Holly hack, .rtl comes after html */
* html .rtl legend {
	margin: 0;
	margin-right: -7px;
}

textarea {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.90em;
	font-weight: normal;
	vertical-align: middle;
	padding: 2px;
	color: #111111;
	border-left: 1px solid #AFAEAA;
	border-top: 1px solid #AFAEAA;
	border-right: 1px solid #D5D5C8;
	border-bottom: 1px solid #D5D5C8;
	background-color: #E3DFD8;
}

.rtl input, .rtl textarea {
	border-left: 1px solid #D5D5C8;
	border-top: 1px solid #AFAEAA;
	border-right: 1px solid #AFAEAA;
	border-bottom: 1px solid #D5D5C8;
}

textarea:hover {
	border-left: 1px solid #AFAEAA;
	border-top: 1px solid #AFAEAA;
	border-right: 1px solid #AFAEAA;
	border-bottom: 1px solid #AFAEAA;
	background-color: #E9E9E2;
}

input.langvalue, textarea.langvalue {
	width: 90%;
}

optgroup, select {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.85em;
	font-weight: normal;
	font-style: normal;
	cursor: pointer;
	vertical-align: middle;
	width: auto;
	color: #000;
}

optgroup {
	font-size: 1.00em;
	font-weight: bold;
}

optgroup.disabled-options {
	display: none;
	background-color: gray;
}

option {
	padding: 0 1em 0 0;
	color: #000;
}

option.disabled-option {
	color: graytext;
}

.rtl option {
	padding: 0 0 0 1em;
}

.sep {
	font-weight: bold;
}

.username-coloured {
	font-weight: bold;
}

textarea {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.85em;
	width: 80%;
	padding: 2px;
}

label {
	cursor: pointer;
	font-size: 0.85em;
	padding: 0 5px 0 0;
}

.rtl label {
	padding: 0 0 0 5px;
}

label input {
	font-size: 1.00em;
	vertical-align: middle;
}

label img {
	vertical-align: middle;
}

fieldset.quick, p.quick {
	margin: 0 0 5px;
	padding: 5px 0 0; 
	border: none;
	background-color: transparent;
	text-align: right;
}

.rtl fieldset.quick, .rtl p.quick {
	text-align: left;
}

fieldset.quick legend {
	display: none;
}

fieldset.tabulated {
	background: none;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	border: 0;
}

fieldset.tabulated legend {
	display: none;
}

fieldset.nobg {
	margin: 15px 0 0 0;
	padding: 0;
	border: none;
	background-color: transparent;
}

fieldset.display-options {
	margin: 15px 0 2px 0;
	padding: 0 0 4px 0;
	border: none;
	background-color: transparent;
	text-align: center;
	font-size: 0.75em;
}

fieldset.display-options select, fieldset.display-options input, fieldset.display-options label {
	font-size: 1.00em;
	vertical-align: middle;
}

select option.disabled {
	background-color: #bbb;
	color: #fff;
}

/* Special case inputs */
select#board_timezone, 
select#full_folder_action {
	width: 95%;
}

/* Definition list layout for forms
	Other general def. list properties defined in prosilver_main.css
---------------------------------------- */
dl {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.00em;
}

dt {
	float: left;
	width: auto;
}

.rtl dt {
	float: right;
}

dd { color: #666666;}
dd + dd { padding-top: 5px;}
dt span { padding: 0 5px 0 0;}
.rtl dt span { padding: 0 0 0 5px;}

dt .explain { font-style: italic;}

dt label {
	font-size: 1.00em;
	text-align: left;
	font-weight: bold;
	color: #4A5A73;
}

.rtl dt label {
	text-align: right;
}

dd label {
	font-size: 1.00em;
	white-space: nowrap;
	margin: 0 10px 0 0;
	color: #4A5A73;
}

.rtl dd label {
	margin: 0 0 0 10px;
}

html>body dd label input { vertical-align: text-bottom;}	/* Tweak for Moz to align checkboxes/radio buttons nicely */

dd input {
	font-size: 1.00em;
	max-width: 100%;
}

dd select {
	font-size: 100%;
	width: auto;
	max-width: 100%;
}

dd textarea {
	font-size: 0.90em;
	width: 90%;
}

dd select {
	width: auto;
	font-size: 1.00em;
}

fieldset dl {
	margin-bottom: 10px;
	font-size: 0.95em;
}

fieldset dt {
	width: 35%;
	text-align: left;
	border: none;
	border-right: 1px solid #CCCCCC;
	padding-top: 3px;
	font-weight: bold;
}

.rtl fieldset dt {
	text-align: right;
	border: none;
	border-left: 1px solid #CCCCCC;
}

fieldset dd {
	margin: 0 0 0 35%;
	padding: 0 0 0 5px;
	border: none;
	border-left: 1px solid #CCCCCC;
	vertical-align: top;
	font-size: 1.00em;
}

.rtl fieldset dd {
	margin: 0 45% 0 0;
	padding: 0 5px 0 0;
	border: none;
	border-right: 1px solid #CCCCCC;
}

dd.full, .rtl dd.full {
	margin: 0;
	border: 0;
	padding: 0;
	padding-top: 3px;
	text-align: center;
	width: 95%;
}

/* Hover highlights for form rows */
fieldset dl:hover dt, fieldset dl:hover dd {
	border-color: #666666;
}

fieldset dl:hover dt label {
	color: #000000;
}

fieldset dl dd label:hover {
	color: #BC2A4D;
}

textarea:focus {
	border: 1px solid #BC2A4D;
	background-color: #E9E9E2;
	color: #BC2A4D;
}

/* Submit button fieldset or paragraph
---------------------------------------- */
fieldset.submit-buttons {
	text-align: center;
	border: none;
	background-color: transparent;
	margin: 0;
	padding: 4px;
	margin-top: -1px;
}

p.submit-buttons {
	text-align: center;
	margin: 0;
	padding: 4px;
	margin-top: 10px;
}

fieldset.submit-buttons input, p.submit-buttons input {
	padding: 3px 2px;
}

fieldset.submit-buttons legend {
	display: none;
}

/* Input field styles
---------------------------------------- */

input.radio, input.permissions-checkbox {
	width: auto !important;
	background-color: transparent;
	border: none;
}

input.full,
textarea.full {
	width: 99%;
}

* html input.full, * html textarea.full { width: 95%;}
input.medium { width: 50%;}
input.narrow { width: 25%;}
input.tiny { width: 10%;}
input.autowidth { width: auto !important;}
.box2 .inputbox { background-color: #E9E9E9;}

/* Form button styles
---------------------------------------- */
a.button1, input.button1, input.button3,
a.button2, input.button2 {
	width: auto !important;
	padding: 1px 3px 0 3px;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 0.85em;
}

a.button1, input.button1 {
	font-weight: bold;
	border: 1px solid #666666;
}

/* Alternative button */
a.button2, input.button2 {
	border: 1px solid #666666;
}

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active,
a.button2, a.button2:link, a.button2:visited, a.button2:active {
	text-decoration: none;
	color: #000000;
	padding: 4px 8px;
}

/* Hover states */
a.button1:hover, input.button1:hover,
a.button2:hover, input.button2:hover {
	border: 1px solid #BC2A4D;

}

input.disabled {
	font-weight: normal;
	color: #666666;
}