@charset "utf-8";

/*------------- [ CONTENT BOX ] -------------*/

.content .box { position: relative; margin: 20px 0px 10px 0px; padding: 4px 14px 4px 14px; background: #EFF0FC; }
	.content .box .border-topleft { width: 11px; height: 13px; position: absolute; top: 0px; left: 0px; background: url(../images/content-box-border-topleft.png) no-repeat; }
	.content .box .border-topright { width: 13px; height: 13px; position: absolute; top: 0px; right: 0px; background: url(../images/content-box-border-topright.png) no-repeat; }
	.content .box .border-bottomleft { width: 11px; height: 13px; position: absolute; bottom: 0px; left: 0px; background: url(../images/content-box-border-bottomleft.png) no-repeat bottom; }
	.content .box .border-bottomright { width: 13px; height: 13px; position: absolute; bottom: 0px; right: 0px; background: url(../images/content-box-border-bottomright.png) no-repeat bottom; }

	.content .box h2 { margin: 10px 0px 10px 0px; color: #DA251D; }
	.content .box p { color: #616163; font-size: 12px; }


/*------------- [ H3 ACTIONS ] -------------*/

.content h3 span { float: left; }

.content h3 a { float: right; margin: 0px 0px 0px 8px; padding: 0px 0px 0px 20px; background: no-repeat left 4px; }
.content h3 .add { background-image: url(../images/icons/add.png); }
.content h3 .edit { background-image: url(../images/icons/pencil.png); }
.content h3 .remove { background-image: url(../images/icons/delete.png); }


/*------------- [ H4 ACTIONS ] -------------*/

.content h4 span { float: left; }

.content h4 a { float: right; margin: 0px 0px 0px 8px; padding: 0px 0px 0px 20px; background: no-repeat left 2px; color: #FFFFFF; }
.content h4 .view { background-image: url(../images/icons/page-text.png); }


/*------------- [ ADMINISTRATION: MENU ] -------------*/

.content .admin-menu a { float: left; margin: 10px 20px 10px 0px; }
	.content .admin-menu a img { float: left; }
	.content .admin-menu a span { float: left; margin: 14px 0px 0px 4px; font-size: 14px; }


/*------------- [ LISTING: USERS ] -------------*/

.content .listing.users .description { width: 513px; }
.content .listing.users .description.picture { width: 404px; }
	.content .listing.users .description p.column { width: 228px; float: left; }


/*------------- [ LISTING: MODULES ] -------------*/

.content .listing.modules .description { width: 513px; }


/*------------- [ LISTING: CLASSROOMS ] -------------*/

.content .listing.classrooms .description { width: 513px; }


/*------------- [ LISTING: ASSIGNS ] -------------*/

.content .listing.assigns .description { width: 513px; }
	.content .listing.assigns .description p.column { width: 256px; float: left; }


/*------------- [ LISTING: ACTIVITIES ] -------------*/

.content .listing.activities { padding-top: 0px; }
	.content .listing.activities .description { width: 513px; }


/*------------- [ LISTING: ASSIGNMENTS ] -------------*/

.content .listing.assignments { padding-top: 0px; }
	.content .listing.assignments .description { width: 513px; }


/*------------- [ LISTING: NEWS ] -------------*/

.content .listing.news .description { width: 360px; }


/*------------- [ CALENDAR ] -------------*/

.content .calendar .tutorial, .content .leyenda .tutorial { background: #0099FF; color: #FFFFFF; }
.content .calendar .lectura, .content .leyenda .lectura { background: #FFEF82; color: #000000; }
.content .calendar .evaluación, .content .leyenda .evaluación { background: #FF9966; color: #FFFFFF; }
.content .calendar .actividad-presencial, .content .leyenda .actividad-presencial { background: #ABFF73; color: #000000; }
.content .calendar .otro, .content .leyenda .otro { background: #A27AFE; color: #FFFFFF; }
.content .leyenda .evento { background: #6B8087; }
.content .leyenda .hoy { background: #FF7D7D; }
.content .leyenda .domingo { background: #A9C5EB; }


/*------------- [ LEYENDA ] -------------*/

.content .leyenda { clear: both; margin: 5px 0px 10px 0px; }
	.content .leyenda div { float: left; margin: 5px 0px 0px 0px; }
		.content .leyenda div.cube { width: 16px; height: 14px; margin: 0px 0px 0px 0px; }
		.content .leyenda span { float: left; margin: 0px 8px 0px 4px; font-size: 12px; color: #7C7C7E; }


/*------------- [ EXT COMBOBOX ] -------------*/

.combobox { border: 1px solid #FFFFFF; border-bottom: 1px solid #EEEEEE; padding: 4px 10px 4px 10px; color: #555555; font-size: 11px; font-weight: normal; font-family: Tahoma, Arial, Helvetica; white-space: normal; }
	.combobox h3 { color: #222222; font-weight: bold; }
	.combobox span.right { width: 75px; float: right; margin: 0px 0px 0px 5px; }