body, .txt, .button, textarea { font: 11px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #222; background-color: #fff; }

h1, h2, h3, h4, h5, h6, form, ul, li, p { margin: 0; padding: 0; }
ul, li { list-style: none; }
table { border-collapse: collapse; }

/* for the task bar that is starting to appear in lots of places */
#tasks_bar { background: #ddd; margin: 10px 0 10px 5px; }
#tasks_bar #tasks_bar_head { font-weight: bold; color: #666; letter-spacing: -0.1em; padding: 6px 11px 6px 15px; cursor: default; font-size: 11px; text-decoration: none; }
#tasks_bar .tasks_bar_spacer { padding: 6px 5px; text-decoration: none; cursor: default; }
#tasks_bar td { color: #009; padding: 6px 9px; cursor: pointer; color: #666; text-decoration: underline; border-left: 1px solid #efefef; border-right: 1px solid #efefef; }
#tasks_bar td.act { background: #c7d6f1; color: #009; text-decoration: none; cursor: default; }

a.stsk { font-size: 9px; color: #999; }
a.stsk:hover { color: #9c0000; text-decoration: none; }

a.mtsk { color: #69c; }
a.ltsk, a.manage_btn, a.add_btn, a.copy_btn { color: #009; }
a.mtsk:hover, a.ltsk:hover { color: #c00; text-decoration: none; }
a.del_btn, a.undo_btn, a.back_btn, a.decline_btn { margin-right: 15px; }

a.manage_btn, a.add_btn, a.copy_btn, a.del_btn, a.undo_btn, a.back_btn, a.decline_btn
{
	padding: .25em 0em .35em 2.25em;
	color: #888;
	font-size: 10px;
	line-height: .9em;
	text-decoration: none;
}

a.add_btn
{
	background: url(../im/add.gif) no-repeat;
}

a.manage_btn
{
	background: url(../im/page_white_edit.gif) no-repeat;
}

a.copy_btn
{
	background: url(../im/duplicate.gif) no-repeat;
}

a.del_btn
{
	background: url(../im/delete.gif) no-repeat;
}

a.undo_btn
{
	background: url(../im/arrow_undo.png) no-repeat;
}

a.back_btn
{
	background: url(../im/arrow_left.png) no-repeat;
}

a.decline_btn
{
	background: url(../im/decline_grey.png) no-repeat;
}

.txt, .button, select, textarea { font-size: 11px; border: 1px solid #bbb; cursor: pointer; }
.button { border: 1px solid #becfef; padding: 2px 4px; color: #006; text-align: center; background-color: #e6ebff; }
.button_disabled
{
	background-color:#E6E7E8 !important;
	border:1px solid #6D6E71 !important;
	color:#58595B !important;
	padding:2px 4px !important;
	text-align:center !important;
	cursor: default;
}

.o, tr.o td { background-color: #efefef; }
tr.hl td { background-color: #ff9; }

label.def { color: #999; cursor: pointer; }
label.act { color: #009; cursor: pointer; }

.txt, textarea, select.def { color: #858585; }
.txt, textarea { padding: 1px 3px; }

input.act, textarea.act { border: 1px solid #6bb546 !important; background-color: #eaf7ea; color: #092e00 !important; }
input.chg, select.chg, textarea.chg { color: #009 !important; border: 1px solid #cdcdcd; background-color: #fff; }
input.invalid {	background-color: #f5cccc; border: 1px solid #c00 !important; color: #009; }
input.man { border: 1px solid #FFDF7D; background-color: #ffb; }
input.important, h1 input.txt { font-size: 15px !important; font-weight: bold !important; padding: 3px !important; }
input[type="checkbox"], input[type="radio"] { cursor: pointer; }
span.man { color: #fc3; margin-left: 5px; }

/* remove bogus padding ie adds to inputs */
/* * html input.button { overflow: visible; width: 1px; } brian: taking this off was messing up still */

.h { display: none !important; }

h1.header { text-transform: uppercase; color: #8cb2d8; letter-spacing: -1px; font-weight: normal; font-size: 19px; }
.sIFR-alternate { visibility: hidden; }

h2.subheader
{
	color: #009;
	font-size: 12px;
	font-weight: bold;
}

.cfg { font-weight: bold; }

.dev, .dev a { color: red !important; font-weight: bold; }

/* styles for user group config tables */
tr.config_basic td { background-color: #cec; }
tr.config_reports td { background-color: #cce; }
tr.config_advanced td { background-color: #ccc; }
tr.config_per2 td { background-color: #ecc; }

#xone_error
{
	border: 1px solid #bbb;
	padding: 4px;
	background-color: #efefef;
	width: 65%;
	position: relative;
}

#xone_error .close_btn
{
	position: absolute;
	top: 2px;
	right: 3px;
	text-decoration: underline;
	cursor: pointer;
	color: #9c0000;
}

/* styles for list pickers */
.lpickimg { margin: 0 0 -3px 2px; height: 16px; cursor: pointer; }
html>body .lpickimg { margin-bottom: -4px; }
.lpicktxt { height: 14px; }

.lpickul { overflow-x: hidden !important; border: 1px solid #ccc; position: absolute; border-bottom: none; height: 150px; background: #fff; z-index: 1; }
.lpickul li { cursor: pointer;}

/* Find as you type fields */
.faut { padding-right: 20px; background-image: url(../im/cv_search.gif); background-position: top right; background-repeat: no-repeat; }
.busy { background: url('../im/cog.gif') no-repeat 3px 4px; padding: 2px 7px; vertical-align: bottom; display: inline-block; }
html > body .busy { display: inline; }


.warning, .warn { color: #c00 !important; }

/* Override the chg class which is !important and otherwise more specific than .warn: */
ul.warn, input.warn, select.warn, textarea.warn  { color: #c00 !important; border: 1px solid #c00 !important; background-color: #f5cccc !important; }


input.money
{
	text-align: right;
	max-width: 5em;
}

/*All per2 stuff will be shown in the same color. All per2 styles belong here
 *  and in pages/css/general.css file for old pages*/
.per2_text, 
#navbar #config.config, 
.per2_text h2, 
.per2_text a, 
.per2_text input,
#roles thead td.per2_text
{
	color: #B22222 !important; /*FireBrick red*/
	font-weight: bold !important;
}

/*
 * The correct rank colors for displaying a person's name
 */
.rank_admin
{
	color: #192; /* green */
}
.rank_faculty
{
	color: #000;
}
.rank_resident
{
	color: #69c; /* blue */
}
.rank_student
{
	color: #009;
}