body {	
	margin: 0px;
}
 
a {
	color: #0000ff;
	text-decoration: none;
}
a:hover {
	color: #cc0000;
	text-decoration: none;
}

.disable { disable:true; }


.one_wide { 
    float: left; 
    display: inline; 
    margin: 0; 
    width: 255px; 
    
} 

#centerrightcol
{
    padding-top: 0.1px;
}

img
{
    border: none;    
}

.fiftypercent
{
    float: left;
    width: 410px;
}

#sitepermadduser
{
    clear: both;    
    
}

h1 a, h2 a {
    color: #427271;
    text-decoration: none;
    border-bottom:1px dotted #427271;
}

h1 a:hover, h2 a:hover {
    border-bottom:1px dotted #FAAB31;
    color:#FAAB31;
}

/* ========== CUSTOM PHRASE STYLES ========== */

.help {
	color: #666;
	font: 0.9em/1.5 Verdana, Arial, Helvetica, sans-serif !important;
	clear: both !important;
	width: 100% !important;
	margin: 0 !important;
	text-align: left !important;
}

.callout { font-style: italic !important; }

.inlineheader {
font-weight: bold; 
font-family: sans-serif;
font-variant: small-caps;
font-size: smaller;}

.allcaps { text-transform: uppercase; }

.dropcap:first-letter {
	display: block;
	float: left;
	font-size: 2em;
}

.smallheader {
	text-transform: uppercase;
	font: bold 9px/1.0 Verdana, Helvetica, Arial, sans-serif;
}

/* ========== CUSTOM FORM STYLES ========== */

/* input, textarea {display: block;} */

input.twochar { width: 2em; }

input.tiny { width: 100px; } /* Can hold approx 12 chars */

input.small, /* 20 characters */
select.small {
	width: 160px;
}

input.medium { width: 250px; } /* good for keyword lists */

input.large { width: 400px; } /* good for short descriptions */

textarea.twoline { /* good for two line addresses */
	width: 250px;
	height: 2em;
}

textarea.brief { /* good for brief comments */
	width: 250px;
	height: 5em;
}

textarea.paragraph { /* good for a single paragraph */
	width: 400px;
	height: 10em;
}

textarea.essay { /* good for multiple paragraphs */
	width: 400px;
	height: 25em;
}

/* ========== CUSTOM LIST STYLES ========== */

ul.nolist li,
ol.nolist li,
li.nolist {
	list-style-image: none !important;
	background-image: none;
	padding-left: 0 !important;
}

ul.bullet li { list-style-type: disc !important; }
ul.circle li { list-style-type: circle !important; }
ul.square li { list-style-type: square !important; }

ol.number li { list-style-type: decimal !important; }
ol.lroman li { list-style-type: lower-roman !important; }
ol.uroman li { list-style-type: upper-roman !important; }
ol.lowercase li { list-style-type: lower-latin !important; }
ol.uppercase li { list-style-type: upper-latin !important; }


/* ========== GENERAL UTILITY ========== */

.noborder { border: 0 !important; }
.nomargin { margin: 0 !important; }
.nopadding { padding: 0 !important; }

.extra_padding {
    padding:2px;
}

div.clear,
div.hr {
	clear: both;
	height: 1px;
}
div.clear span,
div.hr span { display: none; }

div.hr { border-bottom: 1px solid #000; }

.skipnav { display: none; }

.rightfloat {
	float: right !important;
	margin: 0 0 1em 10px;
}

.leftfloat {
	float: left !important;
	margin: 0 10px 1em 0;
}

.margin2px {
    margin:2px !important;
    }

p.toplink a {
	margin-left: 3px !important;
	margin-right: 3px !important;
}

p.morelink a {
	margin-left: 3px !important;
	margin-right: 3px !important;
}

.center {
	text-align: center;
	margin: 0 auto;
}

ul.floathead li {
	margin-bottom: 0.3em !important;
	clear: left;
}

ul.floathead li span,
li.floathead span,
ul.floathead li label,
li.floathead label {
	float: left;
	display: inline;
	width: 140px;
	font-weight: bold;
	text-align: right;
	margin-right: 5px !important;
/*	line-height: 20px;*/
}

ul.floathead li input,
li.floathead input,
ul.floathead li select,
li.floathead select {
	vertical-align: middle !important;
}

.hide { display: none !important; }




/* ################ DEFAULT FORMATTING ################ */

/* ========== FORMS ========== */

fieldset { 
    margin: 6px;
    padding: 6px;
    background:#fff;
}

legend {	
	font-size:1.3em;
	font-family:arial narrow,arial,san-serif;
	color:#427271;
}

label {
	font-size: 12px;
	
}


.formsubmit {
    padding:5px 0;
    }

a.cancel,
a.cancel.button {
    background-color:#ddd;
    border:1px solid #aaa;
    color:#777;
    display:inline-block;
    font-family:arial,san serif;
    font-size:11px;
    height:14px;
    line-height:16px;
    margin:0 0 0 5px;
    padding:5px;
    text-decoration:none;    
    }

a.cancel:hover,
a.cancel.button:hover {
    color:black;
    border:1px solid #d27d00;    
    }    

a.button {
    background-color:#F8D35B;
    border:1px solid #D27D00;
    color:black;
    display:inline-block;
    font-family:arial,san serif;
    font-size:11px;
    height:14px;
    line-height:16px;
    margin:0 0 0 5px;
    padding:5px;
    text-decoration:none;
    }

input.submit.delete {
    height:26px;
	line-height: 26px;
	text-decoration: none;

    background:DarkSalmon url('../img/icons/delete.png') no-repeat 4px center;
    border:1px solid darkred;
    color: black;
    padding:0px 3px 0px 22px;
	font-size:11px;
	font-family:arial,san serif;
    }

input.delete:hover,
input.submit.delete:hover {
    border:1px solid #d27d00; 
    background-color: #ffffe0;
    }
 
button,
.submit, 
.button {
    height:26px;
	line-height: 26px;
	text-decoration: none;
    background-color: #F8D35B;
    border:1px solid #d27d00;
    color: black;
    padding:0px 3px 0px 3px;
	font-size:11px;
	font-family:arial,san serif;
}

a.button:hover,
a.cancel:hover,
.button:hover,
button:hover,
.submit:hover {
	background-color:#ffffe0;
}

option {
	padding-right: 10px;
}

.no_marg {
    margin:0 !important;
    }

.small_button {
    margin-left: 3px;
    padding: 3px 3px 2px 3px;
    font-size: 11px;
    background: #F8D35B;
    color: #000 !important;
    border: 1px solid #d27d00;
    }
       
.small_button:hover {
    background: #ffffe0;
    }

#programinfo {
    padding:6px 0;
    }

/* ========== TABLES ========== */

table {
	border-color: #999;
	border-collapse: collapse;
	border-spacing: 0;
}

tr {}

th, td { padding: 0; 	border-color: #999;}

th {}

td {}

caption {}


/* ################ FOOTER ################ */


#login li {
	position: relative;
}

#login .form_controls {
	margin-top: 0 !important;
	margin-bottom: 0.5em !important;
}

/* ################ CUSTOM CLASSES ################ */

.hr {
	margin: 1em 0;
}

label.overlabel {
	font: 11px/1.0 Helvetica, Arial, sans-serif;
	color: #999;
	letter-spacing: 1px;
}

label.overlabel-apply {
	position: absolute;
	top: 8px;
	left: 5px;
	z-index: 1;
	font: 11px/1.0 Helvetica, Arial, sans-serif;
	color: #999;
	letter-spacing: 1px;
	width: 100%;
}

.form_controls {
	clear: both;
	margin-top: 15px !important;
	margin-bottom: 15px !important;
	text-align: center;
}


/* ========== APP MESSAGE SYSTEM STYLES ========== */

.app_msg {}
.app_msg p {
	font-size: 14px;
	margin: 0.5em 15px;
    font-weight: bold;
}

.app_msg .error {
	background-color: #fff3a0;
	border: 1px solid #fff3a0;
}
.app_msg .error p { color: #000; }

.app_msg .warning {
	background-color: #fff3a0;
	border: 1px dotted #ffd800;
}
.app_msg .warning p { color: #000; }

.app_msg .notice {
	background-color: #B9E5F0;
	border: 1px dotted #66F;
}
.app_msg .notice p { color: #000; }



/* ========== GRADING STYLES ========== */


#course_attrib, #course_docs, #course_grades {
    margin-left: 5px !important;
}

#course_industries legend, 
#course_attrib legend,
#course_docs legend,
#course_grades legend {
	padding: 0;
	margin: 0;
	font: bold 12px/1.0 Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}

/* ========== MESSAGE OUTPUT DIV ========== */

div.message {
	margin: 10px;
	font: 12px/1.2 Georgia, "Times New Roman", Times, serif;
	color: #333;
	border: 1px solid #999;
	padding: 10px;
}


/* ========== MISC ========== */


img.popcal {
	display: inline;
	vertical-align: middle;
}

fieldset.comments {
	border: 1px dotted #333;
	margin: 1em 10px;
}

fieldset.comments legend {
	font: bold 12px/1.0 Arial, Verdana, Helvetica, sans-serif;
	margin: 0 0 0 10px;
	padding: 0;
}

fieldset.listblocks {
	border: 1px dotted #333;
	margin: 5px;
    clear: both;
    padding: 8px;
}

fieldset.listblocks legend {
	font: bold 12px/1.0 Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0px 10px;
	padding: 5px;
	background-color:#eaf8fb;
}

div.comments {
	margin: 0.5em 0;
	padding: 0.5em 10px;
	font: 12px/1.2 Georgia, "Times New Roman", Times, serif;
	color: #333;
}


/*NOT SURE WHY THE BELOW WAS USED, COMMENTING OUT FOR NOW DUE TO DISPLAY ISSUES ON THE CHART*/
/*
.rightfloat {
	margin-right: 10px !important;
}
*/ 


ul.floathead ul {
	display: inline;
	float: left;
	margin: 0 10px 0.5em 0 !important;
}

ul.floathead li{
    list-style: none !important;
}

ul.floathead ul li label {
	width: auto;
	float: none;
	font-weight: normal;
}

#permissions_list {
	margin-left: 25px !important;
}

.inlineheader {
	font-size: 9px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

.callout {
	font-size: 16px;
	color: #660;
}

.question {
	font-weight: bold;
	margin-bottom: 0;
}
html>body .question:before {
	content: 'Q: ';
}

html>body .answer:before {
	content: 'A: ';
	font-weight: bold;
}

.floathead .help {
	margin-left: 100px !important;
	float: none;
}

.help { font-size: 10px !important; }

.indent {
    padding-left: 1em;
}

.ind_sub {
	padding-left: 25px;
    /*padding-left: 1.5em;*/
    display: none;
}


#overviewlist {
	width: 690px;
}
#overviewlist td {
	font-size: 11px;
	padding: 3px;
}

.floatleft {
	float: left;
	width: 400px;
}

/* Sept 2008 Kemal Erbas redesign */

/*================    FIXED WIDTH OR FLUID WIDTH       ===============*/
/*===    This is the main container, where you can change width    ===*/
/*===    of the page. Use ' px ' value for fixed width or use a    ===*/
/*===    ' % ' value for fluid width. Minimum width of the page    ===*/
/*===    cannot be less than '850 px'. Just change the value of    ===*/
/*===    'width: xxxx;' atribute to a desired value followed by    ===*/
/*===    'px' or '%' sign.                                         ===*/
/*===    Example:                                                  ===*/
/*===        "width: 925px;" or  "width: 95%;"                     ===*/
/*====================================================================*/

/*============= Content Styles =============*/
.contentBox{
	margin: 10px 15px 10px 15px;
	padding: 0px 5px 10px 0px;
	border-bottom:1px dotted #000;
	text-align: left;
}
.contentBox h1{
	font-size: 175% !important;  /* cancel out #page_content h1 */
	font-family:arial narrow, arial, san-serif;
	font-weight:normal;
	line-height:40px;
	padding-left:50px;
	margin:0px 0px 10px 0px;
    border: none !important; /* cancel out #page_content h1 */
}
.indentbox h1{
	font-size: 175% !important;  /* cancel out #page_content h1 */
	font-family:arial narrow, arial, san-serif;
	font-weight:normal;
	height:40px;
	line-height:40px;
	padding-left:50px;
	margin:0px 0px 10px 0px;
    border: none !important; /* cancel out #page_content h1 */
}
.orange{
	background: url('../img/home/arrow_orange.png') top left no-repeat;
	color: #fd9b05;
}
.green{
	background: url('../img/home/arrow_green.png') top left no-repeat;
	color: #abc042;
}
.blue{
	background: url('../img/home/arrow_blue.png') top left no-repeat;
	color: #53bdd6;
}

/*============= Common and General Styles =============*/
.clear {
	clear:both;
}
.floatleft{
	float: left;
}
.floatright{
	float: right;
}



/*============= Footer Styles =============*/
.footer{
	background: url('../img/home/footer_bg.png') top left repeat-x;
	padding:15px 0px 0px 20px;
	color:#fff;
	height:50px;
}
.footer a{
	color:#fff;
}
.footer a:hover{
	color: #ffcc00;
}
.bottomLine{
	color:#93b118;
	margin-top:5px;
}

.bottomLine a {
	color:#93b118;
}

.bottomLine a:hover {
	color:#ffcc00;
}


/* == basic form stuff == */

p.formsubmit
{
    clear: both;    
}

/*=== UL and LI ===*/

ul 
{
    padding-left: 1.5em;    
}

a.external_link {
    color: #d27d00;
    font-weight: bold;    
}

/*=== Content Page ===*/

div.userpermlist {
    border: 1px solid #333;    
    padding: 4px;
    margin: 4px;
}

#newpathwaysalert {
    background-color: #F8D35B;
    padding: 0 15px;
    color: #134d86;
    font-size: 110%;
    font-weight: bold;
    font-style: italic;
    border:3px solid #eaf8fb;
}