/*------------------------------- Generic Selectors --------------------------------------*/
body {margin: 0;}
body, td, select, input, textarea {font-family: Arial, Helvetica, sans-serif;}

h2 {margin: 0 0 0 8px; font-weight: normal; padding: 0;}
h3 {font-weight: bold; display: block; padding: 3px 4px 3px 4px; position: relative; margin: 0;}
h4 {margin: 0;}

/*td {border: 1px solid #000;}
div {border: 1px dashed #999}*/

a {text-decoration: none; font-weight: bold}
a:hover {text-decoration: underline}

img {border: 0;}
.clear {clear: both;}
#bordered_img {}
ul {list-style: none; padding: 0; margin: 0;}
hr {clear: both; width: 80%; border: 0; height: 1px;}
th {text-align: left;}

/*------------------------------- Common IDs and Classes --------------------------------------*/

#container {margin: 5px 5px; width: 99%;}

#file-download {margin-top: 30px; margin-left: 35px;}

.bold {font-weight: bold}
.clear {clear: both;}
.text-ed {font-weight: bold}

.uppercase, .uppercase-large {font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase}

.right-align {width: 100%; text-align: right; padding: 8px 0 8px 0;}

.pipe-menu {display: inline;}
.pipe-menu li {display: inline;}
.pipe-menu a {font-family: Verdana, Arial, Helvetica, sans-serif; border-right: 1px solid #000; padding-right: 4px; text-transform: uppercase;}
.pipe-menu li.last a {border: 0;}
.no-drop {margin: 0; padding: 0;}

/*------------------------------- Header Section --------------------------------------*/

#header {width: 100%; vertical-align: middle; border-top: 6px solid; text-align: left; margin: 0; height: 58px}
#header img {margin: 10px;}

/*------------------------------- Breadcrumb Menu/Quickclicks --------------------------------------*/

#bc-name-date {padding: 3px 12px 3px 8px;}
#breadcrumb {float: left; font-family: Verdana, Arial, Helvetica, sans-serif; height: 14px}
#breadcrumb a {text-decoration: underline; font-weight: normal}
#breadcrumb a.active {font-weight: bold;}
#name-date {float: right;}
#name {margin-right: 4px;}

td#grey-left {width: 140px; height: 10px; vertical-align: top; padding-top: 8px}
#quickclicks {text-align: right; padding-top: 8px; padding-right: 8px; vertical-align: top; height: 27px; border-bottom: 1px solid}

td#seperator {height: 5px; margin: 0; padding: 0;}
#content-header {padding-top: 3px; border-bottom: 1px solid}

/*------------------------------- Content Area/Modules --------------------------------------*/

table#module-set {width: 100%; padding: 0 4px 0 4px}

.column {vertical-align: top; width: 49%}
#vertical-rule {border-right: 1px solid #ccc; padding: 3px; font-size: 1px}
#vertical-spacer {padding: 3px;  font-size: 1px}

.t-header-row .right {padding: 0 4px 0 0;}

.module {margin-bottom: 8px; width: 100%}
.header-row {padding: 3px 0 3px 0; display: block; float: left; margin-bottom: 8px; position: relative; width: 100%}
.header-row h3 {background: 0; padding: 0; clear: none; float: left; display: inline; padding-left: 4px}
.header-row .right {text-align: right; float: right; position: relative; display: inline; padding-right: 4px}
.module-header-large {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding: 0 0 0 8px;}
.file-stats {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; border-bottom: 1px solid #999; vertical-align: top;}
.file-desc {border-bottom: 1px solid #999;}

.entry {clear: both}
/* Peekaboo Bug Hack \*/ * html .entry {width: 100%;}/* */

.module h4 {float: left; clear: none; width: 58%;}

* html>body .module h4 {float: none; display:inline-block}
.module .post-info {float: right; clear: none; text-align: right; width: 38%; padding-right: 4px}
.module p {clear: both; display: block}

.vertical-rule {width: 1px; height: 100%; float: left; margin: 0 1.5% 0 1.5%; display: block}

/* Home page Specifics */
#home {height: 100%;}
#home .entry ul {clear: both;}

.calendar-home {float: left; margin: 8px 12px 8px 3px;}
.calendar-home-2 {margin: 8px 3px;}


/* Group page specifics */
#group .picture-float {
	height: 125px;
	float: left;
	margin: 10px;
}

#group .picture-frame {
	width: 122px;
	text-align: center;
   border: 1px #555 solid;
   background: #ccc;
}

#group #picture-name {
	font-size: 11px;
	background-color: #555;
	color: #fff;
	height: 13px;
}

#group img {
	border: 1px solid #555;
	margin: 5px auto 5px auto;
}

#group .roster-container {
	clear: none;
	float: left;
	padding: 10px 0 10px 20px;
}

#group .faculty-roster {
	padding: 0;
	margin: 0;
}

#group #faculty-roster-hidden {
	padding: 0;
	margin: 0;
	display: none;
}

#group .faculty-roster li, #group #faculty-roster-hidden li {
	margin-top: 3px;
}

#group #faculty-roster-toggle {
	margin: 5px 0 5px 0;
	display: block;
}

/*------------------------------Logo Page -----------------------------------------*/

.logo-table td {border: 1px solid #ccc;}
.logo-table img {margin: 4px 0 12px 4px;}
.body-head-large {margin: 0;}
#logo-lists ol {padding: 0 0 0 24px;}
#logo-lists ol li {padding: 2px;}

/*------------------------------- Home Page --------------------------------------*/

#enrollment {margin: 0; clear: both; width: 100%}
#enrollment a {font-weight: bold;}
#enrollment td {padding: 4px;}
#enrollment td#new-posts {text-align: right;}
#enrollment td.enrollment {width: 90%}
#enrollment td.right {text-align: right; width: 10%}

.right-col ul {list-style: none; padding: 0px; margin: 4px 0 0 8px;}
.right-col ul li {margin: 0px; padding: 0px;}

.right-align a.uppercase {margin: 0 8px 0 0}
.right-align a:hover {text-decoration: none}

/*------------------------------- Left Frame-Main Navigation and Status Box ----------------------*/
.right-border-container {width: 135px; height: 100%; border-right: 5px solid; margin: 0; padding: 0}
#extended-right-border {height: 50px;}

.main-links li {list-style: none; margin: 0}
.main-links {display: block;  position: relative; padding: 0; width: 125px; margin: 0 5px 0 5px;}
.main-links li a {font-weight: bold; display: block; text-align: right; text-decoration:none; padding: 1px 3px 1px; border-width: 0 0 1px 0; margin: 0; border-style: solid;}
.main-links li a:hover {background-color: #eee; text-decoration: none}

/* Fix IE. Hide from IE Mac \*/
* html .main-links li { float: left; height: 1%; }
* html .main-links li a { height: 1%; }
/* End */

#nav-box {padding: 8px 0 0 0; width: 135px; margin: 0;}

.small-buttons {
	border-bottom: 1px solid #aaa;
	padding: 0;
	margin: 0;
}
.small-buttons .left {
	float: left;
	margin: 4px 4px 4px 4px;
	padding: 0 6px 0 0;
	border-right: 1px solid #ccc;
}
.small-buttons .right {
	float: left;
	margin: 4px 0;
	padding: 0;
}

#picture-links {margin: 0; border-top: 5px solid; width: 135px; text-align: center}
#picture-links div {border-bottom: 1px solid; padding: 7px 0; vertical-align: middle; width: 100%; margin: 0;}
#picture-links div.bottom {border: 0;}
#picture-links a {padding: 0; margin: 0}
#picture-links img {display: block; margin-left: auto; margin-right: auto}
#picture-links form {padding: 0; margin: 0;}

#status-box {margin: 0; padding: 0 0 0 8px; font-family: Verdana, Arial, Helvetica, sans-serif; border-top: 5px solid; width: 135px}
#status-box h5 {margin: 8px 0 0 0;}
#status-box p {margin: 0;}
#status-box a {text-transform: uppercase; font-weight: bold;}

/*------------------------------- Forums Pages --------------------------------------*/

/* Forums Main Page */

#forums-list {width: 100%}
#forums-list .left {width: 80%}
#forums-list .right {width: 20%; padding-left: 8px}
#forums-list h3 {margin: 0; padding: 0; background: transparent;}
#forums-list p {margin: 3px 0 3px 0}

/* Forums Threads Header */

#forums-threads h3 {margin: 8px 0 0 0}
#forums-threads #posts-search-box label {margin: 0 4px 0 4px;}

/* Forums Threads Control Menu */

#posts-control-menu {padding: 4px 0 4px 0}
#posts-control-menu .pipe-menu {margin: 0 0 0 8px}
#posts-control-menu #bottom {display: block}

/* Forums Threads- Thread List */

table#threads .checkbox {text-align: center; width: 10%}
table#threads .plus-minus {padding-right: 4px; width: 60%}
table#threads .poster-posted {width: 30%}
table#threads .a-bold {font-weight: bold}
table#threads a {font-weight: normal}

/* Forums New Post Page */

.post .row {padding-top: 8px; clear: both; position: relative;  vertical-align: top}
.post h3 {margin: 0 0 8px 0}
.post label {float: left; width: 15%; text-align: right; font-weight: bold; clear: none;}
* html>body .post label {float: none; display:inline-block}
.post .formw {float: right; width: 83%; clear: none}
.post #ul-float {float: right; width: 83%; clear: both; margin-bottom: 8px}
.post ul li {display: inline}
.post #cancel {margin-left: 8px}

/* Forums Read Page */

#forums-read .left {float: left; display: block; width: 67%; margin-bottom: 8px;}
#forums-read .right {float: right; display: block; width: 27%; text-align: right; margin-bottom: 8px;}
#forums-read #last-back {margin-right: 8px}
#forums-read .poster {clear: left}
#forums-read h4 {display: inline; margin-right: 8px}
#forums-read h4.bottom {margin: 8px 8px 4px 8px; float: left;}
#forums-read p {clear: both; margin-top: 8px; position: relative}
#forums-read .row-dark, #forums-read .row-light {padding:8px}
#forums-read .module {background: none}

/*------------------------------- File Upload Form --------------------------------------*/

/* #file-upload select {width: 100px;} */

/*------------------------------- Control Panel Pages --------------------------------------*/

/* Control Panel Main */
#cp h3 {margin-bottom: 8px;}
#cp span {margin-left: 8px;}

/* Announcement List */
#cp-announcements td, #cp-announcements th {padding: 3px;}
#cp-file-list {width: 100%;}
#cp-file-list td {text-align: left;vertical-align: top;}

/* Roster */
#cp-roster {width: 100%;}
#cp-roster .username {width: 100px;}
#cp-roster .fullname {width: 230px;}
#cp-roster .admin {width: 50px;}
#cp-roster .center {text-align: center;}

/* Forum List */
#cp-forum-list {width: 100%;}
#cp-forum-list .edit-delete {width: 135px;}

/* General Confirm Delete Box */
#cp-delete-form p, #cp-delete-form ul {margin-left: 16px;}
cp-delete-form ul {margin-bottom: 16px;}

/* New Calendar Styles */

#calendar-month-small {
	clear: all;
	float: none;
}

#calendar-month-small-home th {
/*	width: 12%; */
	font-weight: bold;
	border: 1px solid #aaa;
	padding: 1px;
	color: #fff;
	background-color: #7d6a55;
	text-align: center;
}

#calendar-month-small-home td {
	border: 1px solid #aaa;
	padding: 1px;
	text-align: center;
}

#calendar-month-small th {
	width: 14%;
	font-weight: bold;
	border: 1px solid #aaa;
	padding: 2px;
	color: #fff;
	background-color: #7d6a55;
	text-align: center;
}

#calendar-month-small td {
	border: 1px solid #aaa;
	padding: 2px;
	text-align: center;
}

#calendar-month {
	clear: all;
	width: 98%;
}

#calendar-month th {
	width: 14%;
	font-weight: bold;
	border: 1px solid #aaa;
	padding: 4px;
	color: #fff;
	background-color: #7d6a55;
}

#calendar-month td {
	border: 1px solid #aaa;
	padding: 4px;
}

#calendar-month .day {
	font-family: verdana, arial, san-serif;
	font-weight: bold;
	float: left;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding: 1px;
	background-color: #eee;
	color: #333;
}

#calendar-month .add-link {
	font-family: verdana, arial, san-serif;
	font-weight: bold;
	padding-left: 12px;
	float: right;
	padding: 4px 4px 0 0;
}

.calendar-event {
	margin-top: 25px;
}

.month-label {
	font-size: 20px;
	font-weight: bold;
	margin: 0 8px;
}

.day-label {
	font-size: 16px;
	font-weight: bold;
	margin: 0 8px;
}

.group-label {
	font-size: 14px;
	font-weight: bold;
}

.event-indent {
	margin: 0 12px;
}

.event-indent p {
	margin: 0;
}

.event-title {
	margin: 4px 0 0 8px;
	font-weight: bold;
}

.attachments {
	margin: 4px 0 0 0;
}


/*************/
/* HELP PAGE */
/*************/

#help-docs {
	float: right;
	width: 150px;
	border: 1px solid #aaa;
	margin: 6px 0 4px 10px;
	padding: 2px 5px 5px 5px;
	background-color: #f5f5f5;
}

#help-docs h3 {
	background: none;
	color: #333;
	margin: 0;
	padding: 0;
}

ul#help-options {
	list-style: none;
	border-left: 3px solid #ccc;
}

ul#help-options li {
	margin: 6px 0 6px 8px;
}

#help-contacts-table a {
	font-weight: normal;
}

p.help-header {
	font-size: 18px;
	font-weight: bold;
	color: #666;
	margin: 8px 0 4px 0;
}

form#help-form {
	border: 1px solid #aaa;
	background-color: #f5f5f5;
	width: 85%;
	margin: 0;
	padding: 8px;
}
form#help-form label {
	font-weight: bold;
}


/*************************************/
/* New group file list (ajax) styles */
/*************************************/

#files {
	text-align: left;
//	width: 100%;
	margin: 0 10px 0 0;
}

ul.folder {
	font-family: arial, san-serif;
	margin: 4px 0 0 20px;
	padding: 0;
}

ul.folder li {
	list-style: none;
	padding: 4px;
	font-size: 14px;
}

.folder-label {
	color: #006;
	font-size: 16px;
	font-weight: bold;
	padding: 2px;
}

.folder-description {
	margin-left: 22px;
}

.folder-li {
	margin: 10px 0 10px 0;
	border-left: 1px solid #66a;
	border-top: 4px solid #66a;
}

.folder-li img {
	margin: 3px 4px 0 4px;
}

ul.folder a {
	text-decoration: none;
}

.file-li img {
	margin: 0 6px 0 2px;;
}

.file-li {
	background-color: #f3f3f3;
	border-bottom: 1px solid #e8e8e8;
}

.file-description {
	display: block;
	margin: 4px 0 0 22px;
}

.file-details {
	display: block;
	margin: 2px 0 0 22px;
	font-size: 12px;
	color: #666;
	font-weight: bold;
	font-style: italic;
}

.cp-file-links {
	float: right;
}

.cp-file-links a {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #900;
	margin-left: 8px;
}

/*------------------------------- Roster Page    ------------------------------------*/

#roster-table {
	border-collapse: collapse;
	border: 0;
	margin: 0;
	width: 100%;
}

#roster-table td {
	border: 0;
	margin: 0;
	margin: 0;
}

#roster-table th {
	background: #ccc;
	padding: 5px 5px 5px 0;
}

#roster-table th#picture {
	padding-left: 5px;
}

#roster-table .picture {
	width: 140px;
	padding: 5px 5px 5px 15px;
}

#roster-table .name-link {
	color: #000;
}

#roster-table .name-link:visited {
	color: #000;
}

#roster-table .name {
	padding: 5px 0 5px 0;
	width: 250px;
}

/*------------------------------- Profile Page    ------------------------------------*/

#profile-display h3 {
	margin: 0;
}

#profile-display .profile-module {
	padding-bottom: 5px;
	margin: 0;
}


#profile-display .data-group {
	margin: 0 10px 15px 10px;
	position: relative;
}

#profile-display h5 {
	margin: 10px 0 3px 0;
	color: #333;
	clear: both;
}

#profile-display h5.about {
	clear: none;

}

#profile-display div.p-block {
	background-color: #fff;
	border: 1px solid #ccc;
	clear: both;
}

#profile-display div.p-block p {
	padding: 10px;
}

#profile-display div.p-block-about {
	height: 130px;
	background: #fff;
	clear: none;
	overflow: scroll;
	border: 1px solid #ccc;
}

#profile-display div.p-block-about p {
	padding: 10px;
}

#profile-display .picture-float {
	float: left;
	width: 112px;
	height: 130px;
	text-align: center;
	border-width: 1px 0px 1px 1px;
	border-style: solid;
	border-color: #ccc;
	background-color: #fff;
	position: relative;
}

#profile-display .picture-frame {
	background-color: #fff;
	vertical-align: middle;
	text-align: center;
	margin: 5px;
}

#profile-display img {
	margin: auto;
	border: 1px solid #666;
}


#profile-display a.enlarge {
	text-transform: uppercase;
	font-size: 10px;
	margin: 5px;
}

#profile-display .url-link {
	color: #000;
	font-weight: normal;
}

#profile-display .url-link:visited {
	color: #000;
}

#profile-display .link-disclaimer {
	display: block;
	margin-top: 10px;
	font-size: 11px;
	color: #333;
	font-style: italic;
}

#profile-display .roster-link, .close-window {
	float: right;
	text-transform: uppercase;
}


/*------------------------------- Profile Control Panel --------------------------------------*/

#cp-profile h3.profile {
	margin: 0 4px 0 4px;
}

#cp-profile .module {
	padding-bottom: 0;
	height: 220px;
	}

.profile-module {
	margin: 0 4px 0 4px;
	position: relative;
	display: block;
	padding: 10px 10px 0 10px;
	}

.profile-module label {
	padding-top: 10px;
	display: block;
	font-weight: bold;
	margin-left: 10px;
}

.profile-module fieldset {
	border: 1px solid #999;
	padding: 0 0 9px 0;
	margin: 0 0 15px 0;
	width: 810px;
	display: block;
}

.profile-module legend {
	text-transform: uppercase;
	color: #777;
	margin-left: 10px;
}

.profile-module textarea {
	width: 790px;
	margin-left: 10px;
}

.profile-module .url {
	width: 350px;
	margin-left: 10px;
	display: block;
}

.profile-module p {
	margin: 0;
	padding: 0 0 5px 0;
}

#cp-profile #picture-frame {
	width: 100px;
	height: 100px;
	margin: 10px 20px 5px 10px;
	text-align: center;
	float: left;
	clear: none;
}

#cp-profile #picture-frame img {
	border: 1px solid #000;
	margin: 0 auto 0 auto;
}

#picture-form {
	clear: none;
	margin: 10px 0 0 15px;
}

#picture-form form {
	padding: 0;
	margin: 0;
	display: inline;
}

#picture-form p {
	clear: none;
}

#cp-profile .module p {
	margin: 5px 0 0 5px;
	padding: 0;
	}

#cp-profile form {
	margin: 0;
	padding: 0;
	clear: none;
}

#cp-profile h3 a {
	color: #fff;
	text-decoration: underline;
}

#cp-profile .note {
	font-size: 11px;
	font-weight: normal;
}

#cp-profile h3 a:visted {
	color: #fff;
}

#cp-profile .save-notice {
	color: #990000;
	font-weight: bold;
	font-style: italic;
	float: left;
	padding: 5px 0 0 15px;
	clear: left;
}

#cp-profile .size-notice {
	padding: 0;
	margin: 10px 0 0 0;
}

#cp-profile .size-notice a {
	padding: 0;
	margin: 0;
}



/*------------------------------- RICA CENTER STYLES -------------------------------------*/
#player {
	margin-left: 10px;
	border: 1px solid #999;
	border-bottom: none;
	width: 640px;
}


/*-------------------------------- STUDY GUIDE INDEX --------------------------------------*/

#sg-index .row-dark, #sg-index .row-light {
	padding: 4px;
}

.class-name {
	width: 165px;
	float: left;
	font-size: 14px;
	color: #666;
	font-weight: bold;
	margin-top: 6px;
}
.index-label {
	font-weight: bold;
	float: left;
	width: 70px;
}
.index-units {
	margin: 4px 0;
	float: left;
}
.index-units ul {
	width: 550px;
	margin: 4px 0;
}
.index-units ul li {
	float: left;
	width: 68px;
}
.index-pgs {
	float: left;
	margin: 6px 0 0 12px;
}

/*----------------------------- MY WORK TPA VIDEO PAGE -------------------------------*/

#tpa_iframe {
	width: 100%;
	height: 600px;
	border: 0;
}

/*------------------------------- OBS/EVAL CP PAGE ------------------------------------*/

.obs-eval-list h4 {
	font-size: 18px;
	margin: 4px 0 0 0;
	background-color: #aaa;
	color: #fff;
	padding: 1px 4px;
}

.obs-eval-list h5 {
	margin: 4px 0;
	color: #752;
	font-size: 16px;
}

/* Old Calendar Styles
.calendar {
	table-layout: fixed;
	width: 200px;
	text-align: center;
	padding: 0;
	margin: 8px;
	border-spacing: 1;
	border-collapse: collapse;
}

.calendar a {display: block; height: 20px;}

.calendar a:hover {text-decoration: none;}

.calendar td {
	text-align: center;
	border: 1px solid #aaa;
}
.calendarHeader {
	font-weight: bold;
}
.calendarArrow {
	font-weight: bold;
}
.calendarArrow a:hover {text-decoration: none;}

.calendarDayHeader {
	font-weight: bold;
}
.calendarEvent a:hover {text-decoration: none;}

.calendarEvent {
font-weight: bold;
}
*/


/*------------------------------- Old CSS Stuff --------------------------------------*/