/*
* { padding:0; margin:0; }

img, div {
	behavior: url(iepngfix.htc);
}

-moz-box-shadow: 10px 10px 5px #888, 10px 10px 30px rgba(0,0,0,0.4);
text-shadow: 0 0 24px blue, 0 0 4px blue, 1px 1px 2px #333;

*/

body { 
	font-size: 62.5%;
	line-height: 1.5em;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 

/*"HelveticaNeue-Light","Helvetica Neue Light",Helvetica,"Trebuchet MS",Verdana,sans-serif,'Lucida Sans', */
/*Verdana, Tahoma,*/
	font-family: 'Lucida Grande', 'Helvetica Neue Light', Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4 {
	margin: 0px 0px 5px 0px; 
}

a:link, a:visited { 
	font-weight: normal; 
	text-decoration: none; 
}

h1 {
	font-size: 1.6em; 
	font-weight: 100;
}

h2 {
	font-size: 1.6em; 
	font-weight: normal;
	/*
	text-transform: uppercase;
	*/
	color: #84c;
	color: #234;
	padding: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #cc8;	
}

h3 {
	padding: 8px 10px 10px 10px;
	margin: 10px 0px 10px 0px;
	font-weight: bold;
	background-color: #f4f6f2;
	background: transparent url(res/gbg1.png) repeat-x;
	/* shameless...
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;*/
	text-shadow: 0 1px 1px #fff;
	font-size: 1.2em;
	clear: both;
}

h4 {
	padding: 5px;
	margin: 5px 0px 5px 0px;
	font-weight: bold;
	font-size: 1.0em;
	color: #134;
	color: #000;
}


h5 {
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 5px 0px;
	font-weight: bold;
	font-size: 1.0em;
	color: #075;
}

/*
	General - Colours - Bg 
	----------------------
*/

body { 
	color: #222;
	background: #ffffff; 
}

a:link,		
a:visited { 
	outline: none;
	color: #0044ff;
}
	
a:hover, 	
a:active { 
	color: #0000ff;
	outline: none;
}

/*
	General 
	-------
*/

p.copyright, 
p.status {
	display: inline;
	float: right;
}

img {
	border: none;
	vertical-align: middle;
}

.clear {
	clear: both;
}

/*
	Template - All
	--------------
*/

#container {
	line-height: 1.2em;
	/**/
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

#institutionHeader {
	border-bottom: 1px solid #000;
	color: #f5f5f2;	
	padding: 0; margin: 0;
	height: 80px;		
	background: #444 url(res/hd.jpg) bottom repeat-x;	
	border-bottom: 4px solid #f80;
}


#institutionHeader div.logo { 
	padding: 0; margin: 0;
	height: 80px;
	/*		
	background: #444 url(res/hdr.jpg) no-repeat;	
	*/
	width: 391px;
	float: left;
	background: transparent url(res/hdl.jpg) no-repeat;	
}


#institutionHeader div.portalLogo { 
	padding: 0; margin: 0;
	height: 80px;		
	background: #444 url(res/hdr.jpg) no-repeat;	
	width: 391px;
	float: right ;
}

/*
#header { 
	padding: 0; margin: 0;
	height: 50px;		
	background: #444 url(res/header-bg-c.png) bottom repeat-x;	
	border-top: 1px solid #333;
	clear: both;
}
*/

#printHeader {
	display: none;
}

.printOnly {
	display: none;
}

/*
#header:hover { 
	background: #444 url(res/header-bgr-a.png) bottom repeat-x;
}
*/

#headerStaff { 
	padding: 0; margin: 0;
	height: 100px;
	background: #444 url(res/headerbg.gif) bottom repeat-x;
	color: #f5f5f2;
}

#headerStaff .content { 
	height: 100px;
}

#headerStaff h1,
#header h1 { 
	font-size: 20px;
	padding: 18px 0px 10px 0px;
	height: 22px;
	margin: 0;
}

#headerStaff h1 a,
#header h1 a { 
	padding: 0; margin: 0;
	color: #f5f5f2;
}

#toppest {
	margin: 0px;
	padding: 10px 10px 10px 10px;
	font-size: 1.2em;
	background: #141519;
	color: #999;
	height: 12px;
	clear: both;
}

#headerStaff #toppest {
	/*background: transparent url(res/000000-20.png);*/
}

#toppest span {
	color: #eee;
}

#toppest a {
	color: #cf8;
	color: #f80;
}

#toppest a:hover {
	color: #fe4;
	color: #fc0;	
}

#account {
	float: right;
	text-align: right;
}

#subHeader { 
	font-family: Verdana, 'Lucida Sans', Arial;
	font-size: 0.9em; 
	/**/	
	color: #226666;
	/**/	
	margin-top: 5px;
}

#navigation {
	padding: 5px 0px 0px 0px;
	background: #eee url(res/fff-f0f0ef-vg-64.png) top repeat-x;
}

#navigation ul {
	background: #eee url(res/fff-f0f0ef-vg-64.png) top repeat-x;
}

#navigation ul li a {
	color: #08c;
}

#navigation ul li:active a span {
	color: #000;
}
#main {
	font-size: 1.2em; 
	line-height: 1.2em;
	background-color: #fff;
	padding: 10px 0px 20px 0px;
	margin-bottom: 20px;
	clear: both;
}

#main div.content {
	background-color: #fff;
}

div.content.full {
	width: 98%;
}

div#pageMenu { padding: 10px 0px 0px 0px; margin: 0px; float: left; border-top: none; width: 140px;}
div#pageMenu ul { border:0; margin:0; padding:0; list-style:none; }
div#pageMenu ul li a { padding: 6px 4px 6px 4px; display: block; color: #48c; border-bottom: 1px dotted #ccc; margin: 0px; }
div#pageMenu ul li a:hover { color: #024; background-color: #ffe; }
div#pageMenu ul li.selected a { color: #024; }
div#pageMenu ul li.selected a span { background: transparent url(res/icons-silk/bullet_go.png) right no-repeat;	padding-right: 20px; }

#page {
	margin: 0px;
	padding: 0px;
	width: 800px;
	line-height: 1.3em;
	color: #222;
	float: right;
	background-color: #fff;	
}


div.breadcrumbz {
	background-color: #fffcf2;
	margin: 0px; padding: 5px 5px 5px 10px;
	border-bottom: dotted 1px #cc8;	
}

div.shameless {
	background: #f0f0ef url(res/fff-f0f0ef-vg-64.png) top repeat-x;
	padding: 8px;
	text-align: center;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 0.9em;
	font-weight: bold;
	color: #444;	
}

div.shameless a {
	border:0; margin:0px 2px 0px 2px; padding:3px 8px 4px 8px; display: inline-block;
	border: 1px solid #888;	
	font-weight: bold;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	color: #000;
	background: transparent url(res/fff-959595-vg.png) top repeat-x;
}

div.shameless a:hover {
	border: 1px solid #0bf;
}

div.shameless a.active {
	border: 1px solid #666;
	background: #444; color: #fff;
	background: transparent url(res/444444-707070-vg.png) bottom repeat-x;
	text-shadow: 0 1px 1px #000;
}


div.subSection {
	background-color: #f9f9f9;
	border: 1px solid #eee;
	padding:10px;
	margin: 5px 0px 5px 0px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
}


.flashMsg {
	margin: 0px 0px 5px 0px; padding: 10px;
	font-weight: bold;
	font-size: 1.0em;
	text-align: center;
	background: #f0ffe0;
	color: #444;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
}

.flashMsg:hover {
	background: #efc;
	color: #000000;	
}


/*//
EMERG   = 0;  // Emergency: system is unusable
ALERT   = 1;  // Alert: action must be taken immediately
CRIT    = 2;  // Critical: critical conditions
ERR     = 3;  // Error: error conditions
WARN    = 4;  // Warning: warning conditions
NOTICE  = 5;  // Notice: normal but significant condition
INFO    = 6;  // Informational: informational messages
DEBUG   = 7;  // Debug: debug messages
HELP    = 8;  // Help: user assistance related messages
//*/

.emergency 	{ background-color: #cc0000; color: #fff; }
.alert 		{ background-color: #fff0f0; color: #400; }
.critical 	{ background-color: #fff0f0; color: #800; }
.error 		{ background-color: #fff8f0; color: #420; }
.warning 	{ background-color: #fffff0; color: #840; }
.notice 	{ background-color: #f8ffff; color: #044; }
.info 		{ background-color: #f8f8ff; color: #240; }
.debug 		{ background-color: #fff0fc; color: #c08; }
.help 		{ background-color: #f0f4ff; color: #048; }
.success 	{ background-color: #f0fff0; color: #080; }

.bigMessage {
	padding: 10px;
	margin: 0px 0px 10px 0px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #000;
	background-color: #fff;
	border: 1px solid #ccc;
	font-family: Georgia;
	font-size: 1.2em;
	text-align: center;
}

.message {
	padding: 10px 10px 10px 10px;
	margin: 10px 0px 10px 0px;
	font-size: 1.0em;
	font-weight: bold;
	font-style: italic;
}

#pageTitle {
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}

#pageTitle h2 {		
	border: none;
	font-size: 1.6em;
	margin: 0;
	padding: 10px;
}


#pageHighlight {
	/*float: left;
	width: 530px;
	*/
	border-top: 1px solid #cde;
	border-bottom: 1px solid #cde; 
	padding: 2px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	line-height: 1.4em;
}


#pageHighlight a {
	font-weight: bold;
	color: #02f;
}

div#pageHighlight ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

div#pageHighlight ul li {
	padding: 8px;
	margin: 0px 0px 2px 0px;
	display: block;
	border: 1px solid #eee;
	font-size: 1.0em;
	font-weight: bold;
	background-position: 8px 8px;
	background-repeat: no-repeat;
	padding-left: 32px;
}

div#pageHighlight ul li.help {
	background-image: url('res/icons-silk/help.png');
}

div#pageHighlight ul li.alert,
div#pageHighlight ul li.critical {
	background-image: url('res/icons-silk/exclamation.png');
}

div#pageHighlight ul li.error,
div#pageHighlight ul li.warning {
	background-image: url('res/icons-silk/error.png');
}

div#pageHighlight ul li.info {
	background-image: url('res/icons-silk/information.png');
	color: #000;
}

div#pageHighlight ul li em {
	padding-top: 8px;
	color: #444;
	font-style: normal;
	font-weight: normal;
	display: block;
}

#pageContent {
	clear: both;
	padding-top: 5px;
}

#footer { 
	font-size: 1.1em; 
	/**/	
	border-top: 1px solid #eeeecc;
	color: #888;	
	clear: both;
	margin: 20px 0px 0px 0px;
	padding: 5px 0px 35px 0px;
}

div.content {
	width: 960px;
	margin: 0px auto;
	padding: 0px;
}


/*
	table
	------------
*/

table {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: Verdana, Tahoma, Helvetica, Arial;
	font-family: 'Lucida Grande', Verdana, Arial;
	//font-size: 0.9em;
	border: none; 
	border-spacing: 0px;
	border-collapse: collapse;
	color: #222;
}

tr.table td table {
	font-size: 1.0em;
}

td, tr.table td tr td {
	padding: 0.5em; 
	margin: 0;
	border-bottom: 1px solid #cdd;
	border-left: 1px dotted #ebeced;
	border: 1px solid #edeeef;
	border-bottom: 1px solid #dddedf;
	
}


td.data, tr.table td tr td.data {
	color: #222;
	font-weight: bold;
}

tr, tr.table td tr  {
	background-color: #fcfdfe;
	background-color: #fdfeff;
	margin: 0;
}

td:first-child, tr.table td tr td:first-child {
	border-left: 1px solid #eee;
}

td:last-child, tr.table td tr td:last-child {
	border-right: 1px solid #eee;
}

tr:hover, tr.odd:hover {
	background-color: #fffff0;
}

tr.head, tr.table td tr.head  {
	background-color: #ecf4f8;
	//font-size: 0.9em;
	font-family: Verdana, Arial;
	font-family: 'Lucida Grande', Verdana, Arial;
	font-weight: bold;
	border-bottom: 1px solid #aaa;
	color: #024;
}

tr.head td, tr.table td tr.head td  {
	border-top: 1px solid #cdd;
}

tr.title {
	background-color: #fff;
	font-size: 1.1em;
	font-family: 'Lucida Grande', Verdana, Arial;
}


tr.total td {
	background-color: #ffe;
	border-top: 1px solid #ccc;
	font-weight: bold;
	font-color: #000;
}

tr.title td {
	padding: 5px;
	border: none;
}

tr.table {
	background-color: #fff;
	border: none;
	padding: 0px;
}

tr.table td {
	padding: 10px 0px 10px 0px;
	border: none;
}

tr.odd {
	background-color: #f8fcff;
}

.num, .right {
	text-align: right;
}

tr.header {
	background-color: #f2f2f2;
	font-weight: bold;
}

td {
	padding: 5px 10px 5px 10px;
}

tr.footer {
	background-color: #eee;
}

table.results {
	width: 100%;
}

table.results td {
	border-bottom: 1px dotted #ccc;
	border-left: 1px solid #f4f4f4;
	margin: 0px;
}

table.results tr {
	margin: 0px;
}


table.silent {
	width: 100%;
}

table.silent td, table.silent tr  {
	border: none;
	background: transparent;
}

div#debug {
	border-top: 1px dotted #abd44b;
	padding: 10px 0px 5px 0px;
	font-family: monaco; 
	font-size: 0.9em;
}


div.photoFrame {
	border: 1px solid #ccc;
	background: #f4f4f4 url(res/photo-bg.gif);
	padding: 10px;
	max-height: 200px;
	overflow: auto;
}

div.photoFrame img {
	border: 1px solid #888;
}


.calendarMini .link {
	background: #f8fff0 url(res/icons-silk/bullet_star.png) left no-repeat;
	color: #c48;
}

ul.resources li {
	list-style-image:url(res/bdot.gif);
	padding: 4px;
	margin-bottom: 2px;
}

ul.resources li:hover {
	list-style-image:url(res/bdothover.gif);
	background-color: #f0f8ff;
}




/* -- Navigation Tabs -- */

ul.tab, ul.tab li{
	border:0; margin:0; padding:0; list-style:none; display: block; float:left;
}
ul.tab {
	border-bottom:solid 1px #DEDEDE; height:29px; padding-left:0px; width: 100%;
}
ul.tab li {
	float:left; margin-left:2px;
}
ul.tab li a:link, .tab li a:visited {
	background:url(res/tab-round.png) right 60px;
	color:#444;
	display:block;
	float:left;
	font-weight:bold;
	margin: 0px;
	height:30px;
	line-height:30px;
	text-decoration:none;
}
ul.tab li a:hover {
	background:url(res/tab-round.png) right 30px;
	display:block;
}
ul.tab li a span {
	background:url(res/tab-round.png) left 60px;
	height:30px;
	margin-right:14px;
	padding-left:14px;
	display:block;
	float: left;
}
ul.tab li a:hover span {
	background:url(res/tab-round.png) left 30px;
	cursor: pointer;
}
ul.tab li.active a, ul.tab li.active a:link, ul.tab li.active a:visited, ul.tab li.active a:hover {
	background:url(res/tab-round.png) right 0 no-repeat;
	color:#000;
} 
ul.tab li.active a span, ul.tab li.active a:hover span {
	background:url(res/tab-round.png) left 0 no-repeat;
}
ul.tab li p {
	color:#444;
	padding: 0px 0px 0px 8px; margin: 0px;
	font-weight:bold;
	height:30px;
	line-height:30px;
}

ul.nav, ul.nav li { border:0; margin:0; padding:0; list-style:none; float:left; font-size: 1.1em; }
ul.nav.right, ul.nav.right li { float:right; }
ul.nav { border: 0px; padding-left:0px; width: 100%; }
ul.nav li { display:block; }
ul.nav li a, ul.nav li a:visited { color:#fff; display:block; padding: 0px 0px 0px 10px; }
ul.nav li a span { display: block; font-weight: normal; text-decoration: none; padding: 12px 16px 10px 6px; }
ul.nav li a:hover { text-decoration: underline; }
ul.nav li.active a, ul.nav li.active a:link, ul.nav li.active a:visited, ul.nav li.active a:hover {
	text-decoration: none; background: transparent url(res/tab-single-left.png) top left no-repeat;
} 
ul.nav li.active a span { color: #333; background: transparent url(res/tab-single-right.png) top right no-repeat; }


/* -- link buttons -- */

a.button { 
	margin:0; padding:6px 8px 6px 8px; display: inline-block;
	border: 1px solid #ccc;		
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	color: #048;
	text-shadow: 0 1px 1px #fff;
	background: transparent url(res/fff-f0f0ef-vg-32.png) bottom repeat-x;	
	font-weight: bold;	
	font-size: 0.9em;
}

a.button:hover {
	background: transparent url(res/fff-f0f0ef-vg-32.png) left repeat-x;	
	border-color: #4c0;
	color: #008;
}

a.option {
	border:0; margin:0px 2px 0px 2px; padding:3px 8px 3px 8px; display: inline-block;
	border: 1px solid #888;	
	font-weight: bold;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	color: #000;
	background: transparent url(res/fff-959595-vg.png) top repeat-x;
}

a.option:hover {
	border: 1px solid #0bf;
}

a.option.active {
	border: 1px solid #666;
	background: #444; color: #fff;
	background: transparent url(res/444444-707070-vg.png) bottom repeat-x;
	text-shadow: 0 1px 1px #000;
}

a.option.add {
	float: right; margin:-4px 0px 0px 8px;text-transform: uppercase;font-size:9px;
}


td a.option.add {
	font-size:8px;
	margin: 0px;
}


/* Add/Drop Specific */

div.courseItem {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background-color: #efc;
	color: #000;	
	padding: 4px;
	margin: 0px 0px 2px 0px;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
}

div.courseItem.rqf {
	background-color: #fec;
	background-color: transparent;
	color: #000;	
}

div.courseItem.mine {
	background-color: #cef;
	background-color: #f0f4ff;
	background-color: transparent;
	color: #000;	
}

div.courseItem div.control {
	float: right;
	margin: 0px 0px 0px 4px;
	padding: 4px 8px 4px 8px;
	background-color: #eee;	
	font-size: 0.9em;
	color: #888;	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;		
}


div.courseItem div.control2 {
	clear: both;
	float: left;
	margin: 4px 0px 0px 0px;
	padding: 4px 8px 4px 8px;
	background-color: #fec;	
	font-size: 0.9em;
	color: #000;	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;		
}

div.courseItem form {
	float: right;
	padding: 2px;
	margin: 0px 0px 0px 4px;	
}

div.courseItem div.size {
	float: right;
	margin: 0px;
	padding: 4px;
	font-size: 0.9em;
	color: #444;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background-color: #ccc;	
}

div.courseItem div.title {
	margin: 0px;
	padding: 4px;
	float: left;
	font-size: 0.9em;
}


div.courseItem div.note {
	clear: both;
	margin: 2px;
	padding: 4px;
	background-color: #f8f8f0;
}

/* -- Anouncement Specific -- */

div.announcementItem {
	padding: 10px 10px 32px 10px; margin-bottom: 10px;
	background: #fff url(res/sw-page-edge-white.jpg) bottom left no-repeat;
}

div.announcementContent {
	margin: 0; padding:5px 0px 0px 20px; 
	font-size: 1.1em; line-height: 1.4em; font-family: Georgia;	
}

/* -- Mostly Dashboard Specific -- */

a#tle {
	float:right;
}

a#tle span {
	padding: 4px 2px 4px 22px;
	background: transparent url(res/icons-silk/film_go.png) left no-repeat;
}

a#myg {
	float:right;
	margin-left: 10px;
}

a#myg:hover {
	border: 1px solid #0cf;
	color: #04c;
}

a#myg span {
	padding: 4px 2px 4px 22px;
	background: transparent url(res/icons-silk/report_go.png) left no-repeat;
}

div.block2 { 
	border: 1px solid #abc;
	background-color: #f2fcff;
	padding: 1px;
	margin: 0px 10px 10px 0px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

div.block2 div {
	border: 1px solid #cde;
	background-color: #fcfeff;
	padding: 10px;
	margin: 0px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
}

div.block2 table {
	margin-top: 10px; font-size: 1.1em; font-family: Verdana, Arial; border: none; background: transparent;
}

div.block2 table tr {
	border: none; background: transparent;	
}

div.block2 table tr td {
	padding: 5px;border: none; border-top: 1px dotted #ccc; background-color: transparent;
}

div.block2 table tr td strong {
	font-size: 0.8em; padding: 2px 4px 2px 4px; color: #fff; background-color: #888; font-weight: normal;
}

div.block3 { 
	border: 1px solid #bca;
	background-color: #fffffc;
	padding: 1px;
	margin: 0px 0px 10px 0px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

div.block3 div {
	border: 1px solid #dec;
	background-color: #fefffc;
	padding: 10px;
	margin: 0px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
	font-size:10px;	
}

div.block3 img {
	float:left;
	margin-right:10px;
}

div.block3 div a.title {
	font-size:12px;
	font-weight:bold;
	margin:10px 0px 0px;
	text-decoration:none;
	vertical-align:baseline;
	color: #246;
}

div.block4 { 
	border: 1px solid #eca;
	background-color: #fffcf2;
	padding: 1px;
	margin: 0px 10px 10px 0px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

div.block4 div {
	border: 1px solid #fdc;
	background-color: #fffefc;
	padding: 10px;
	margin: 0px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
}

div.block4 table {
	margin-top: 10px; font-size: 1.1em; font-family: Verdana, Arial; border: none; background: transparent;
}

div.block4 table tr {
	border: none; background: transparent;	
}

div.block4 table tr td {
	padding: 5px;border: none; border-top: 1px dotted #ccc; background-color: transparent;
}

div.block4 table tr td strong {
	font-size: 0.8em; padding: 2px 4px 2px 4px; color: #fff; background-color: #888; font-weight: normal;
}

#portalcontainer {
	float:left;
	text-align:left;
	width:560px;
	font-size:10px;
	padding: 0px;
	margin: 0px;
	border: none;
}

#portalcontainer img {
	float:left;
	margin-right:10px;
}

#portalcontainer a.title {
	font-size:12px;
	font-weight:bold;
	margin:10px 0px 0px;
	text-decoration:none;
	vertical-align:baseline;
	color: #246;
}

#portalcontainer .block {
	background:transparent url(res/corner-box.jpg) no-repeat scroll left top;
	float:left;
	margin:0px 0px 5px;
	padding:15px;
	width: 240px;
	overflow: hidden;
	height: 100px;
	overflow: hidden;
}

#portalcontainer .block ul li {
	list-style-image:url(res/bdot.gif);
	font-size:12px;
}

#portalcontainer .block ul li:hover {
	list-style-image:url(res/bdothover.gif);
}

#portalcontainer .block ul li small {
	font-family: Verdana;
	font-size:10px;
}

/* -- Moodle Course Splash Specific -- */

body#moodle { 
	margin: 0; padding: 40px;background: #f3f3ed url(res/background.gif) top repeat-x;
}

div#moodleContent { 
	border:1px solid #ccc;
	padding:1px;padding:10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: transparent url(res/ffffff-40.png);
}

/* -- Big Help -- */

#bigHelp {
	padding: 0px; margin: 10px 0px 10px 0px;
	font-size: 0.9em;
}

#bigHelp .step {
	float:left; width:190px; margin:4px; 
	border: 1px solid #eee;
	background: #f8f8f8; color: #036;
	-moz-border-radius:5px;-webkit-border-radius:5px;
	padding: 10px;
	min-height: 170px;
}
#bigHelp .step.active {
	border: 1px solid #8ce;
	background: #f0f8ff; color: #000;
	width: 320px;
}	
#bigHelp .step ul {
	margin: 0px 0px 0px 0px; padding: 0px; list-style:none;
	display: block;
	clear: both;
}
#bigHelp .step ul li {
	margin: 2px 0px 2px 0px; padding: 2px 0px 2px 0px; list-style:none;
	display: block;
	border-top: 1px dotted #cde;
}

#bigHelp .step div {
	margin:0px 10px 0px 0px;
	-moz-border-radius:3px;-webkit-border-radius:3px;
	text-shadow: 0 1px 1px #444;
	padding: 6px;
	color: #fff; border: 1px solid #060; background: #390;
	display: block;
	float: left;
	font-size: 12pt; font-weight: bold; text-align: center;
	width: 16px;height: 16px;
}

#bigHelp .step p {
	margin:0px 0px 10px 0px;
	color: #444;
	display: block;
	float: left;
}

#bigHelp .step p strong {
	display: block; 
	font-size: 1.2em;
	color: #024;
	margin:0px 0px 0px 0px;
}

.sortable {
	padding: 0px 8px 0px 0px;
	white-space: nowrap ;
}

.sortable:hover,
.sortable.asc:hover {
	background: #def;
}

.sortable.desc:hover {
	background: #efd;
}

.sortable:hover a,
.sortable.asc:hover a {
	background: url( res/sort_asc.gif ) right no-repeat;
}

.sortable.desc:hover a {
	background: url( res/sort_desc.gif ) right no-repeat;
}


.sortable a {
	display: block;
	background: transparent;
	font-weight: bold;
	color:#000; 
	margin: 0px;
	padding: 2px 18px 2px 10px;
}

.sortable.asc {
	background: #dec;
}

.sortable.asc a {
	background: url( res/sort_desc.gif ) right no-repeat;
}

.sortable.desc {
	background: #cde;
}

.sortable.desc a {
	background: url( res/sort_asc.gif ) right no-repeat;
}

tr:hover td.sorted {
	background: inherit;
}

table.results tr td {
	cursor: default;
}

table.results tr.header td {
	color:#888; 
}

td.sorted.asc {
	background: #fafffa;
}

td.sorted.desc {
	background: #f9fcff;
}

table.acltree tr td span.tnexpanded  {
	width: 10px; height: 10px;
	padding: 0px; margin: 2px 4px 2px 4px;
	background: transparent url( res/sort_desc.gif ) no-repeat;
}

table.acltree tr.shameless td {
	background: #f0f0ef url(res/fff-f0f0ef-vg-64.png) top repeat-x;
	padding: 4px 4px 4px 2px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
	color: #444;	
}

div.faq-entry h4 a {
	display:block;
	position: relative;
}

div.faq-entry h4 a span {
	display:block;
	height:15px;
	position:absolute;
	right:0px;
	text-decoration:none;
	top:0px;
	width:15px;
	padding: 0px;
	background: url( res/plus.png ) no-repeat scroll 0px 0px;
}

div.faq-entry h4 a:hover span,
div.faq-entry.active h4 a:hover span {
	background-position: 0px -15px;
}

div.faq-entry.active h4 a span {
	background: url( res/minus.png ) no-repeat scroll 0px 0px;
}



div.feed {
	background-color: #fff;
	padding: 0px;
	margin: 10px 0px;
}
div.feed ul {
	list-style: none;
	margin: 0; padding: 0px;
}
div.feed ul li {
	list-style: none;
	display: block;
	margin: 0px; padding: 0px;
}
div.feed ul li p {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	background-color: #ffffff;
	padding: 4px 8px 4px 8px;
	margin: 0px;
	border-bottom: 1px solid #cdf;
}
div.feed ul li p em {
	font-style: normal;
	list-style: none;
	font-weight: normal;
	display: block;
	color: #567;
	font-size: 10px;
}
div.feed ul li p.note {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 10px;
	border: 1px solid #def;
	background-color: #f8fcff;
	padding: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

div.build-tag {
	width: 106px;
	height: 106px;
	padding: 0; margin: 0;
	position: fixed;
	top: 0px;
	right: 0px;
}

div.build-tag.development {
	background: url('res/dev-tag.png');
}


div.build-tag.staging {
	background: url('res/staging-tag.png');
}

/* FROM APPLY */


div.files {
	border: 1px solid #cde;
	padding: 2px;
	border: none;
}

table.files {
	border-collapse: collapse;
	border: none;
	font-family: inherit;
}

table.files a{
	color: #248;
}

table.files tr, 
table.files tr td {
	border: none;
	background: #fff;
} 

table.files tr.shameless td {
	padding-top: 2px;
	padding-bottom: 3px;
	
	background: #f0f0ef url(res/fff-f0f0ef-vg-64.png) repeat-x;
	border-bottom: 1px solid #bcd;
	border-right: 1px solid #cde;
	color: #456;	
	
	background: #f0f0ef url(res/fff-959595-vg.png) top repeat-x;
	background-image: -moz-linear-gradient(90deg, #fff, #eee, #fff);
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #fff),  color-stop(0.5, #eee), color-stop(1.0, #fff) );
	color: #444;	
	border-top: 1px solid #eee;
	border-bottom: 1px solid #b0b0b0;
	border-right: 1px solid #b8b8b8;
	border-bottom: 1px solid #ccc;
}

table.files tr.head td {
	padding: 5px 10px;
	font-weight: normal;
	font-size: 1.1em;
	background: transparent url(res/fff-959595-vg.png) top repeat-x;
	color: #000;	
	border-top: 1px solid #eee;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #b8b8b8;
}



table.files tr td.nrb {
	border-right: none;	
}

table.files tr.odd td {
	background: #ecf3fe;
	background: #f0f3fe;
}

form input[type='submit'].delete {
	display: inline;
	padding: 0;
	margin:0;
	width: 16px;
	height: 16px;
	border: none;
	color: transparent;
	background: transparent url('res/icons-silk/delete.png') no-repeat center;
	cursor: pointer;		
}

div#modal-overall {
	border: 1px solid transparent;
	background: transparent url('res/000000-80.png');
	position: absolute;
	top: 40px;
	bottom: 40px;
	width: 930px;
	z-index: 100;
	margin: 10px;
	padding: 5px;
}

p.smart {
	font-size:0.9em; 
	padding: 5px 8px 6px 8px;
	background-color:#f4f4f4;
	color:#444; 
	margin: 0px 0px 2px 0px; 
	font-weight:bold;
}

.editable {
	cursor: default;
	background-repeat: no-repeat;
	background-position: 98.0%;
}

.editable:hover,
.editable.active {
	background-image: url('res/icons-silk/pencil.png');
}

.editable.add:hover,
.editable.add.active {
	background-image: url('res/icons-silk/add.png');
}

.editable.delete:hover,
.editable.delete.active {
	background-image: url('res/icons-silk/delete.png');
}

.editable.ok {
	background-image: url('res/icons-silk/accept.png');
}


table.acltree tr.shameless td {
	padding: 2px 6px;

	background: #f0f0ef url(res/fff-f0f0ef-vg-64.png) repeat-x;
	border-bottom: 1px solid #bcd;
	border-right: 1px solid #cde;
	color: #456;	
	
	background: #f0f0ef url(res/fff-959595-vg.png) top repeat-x;
	color: #444;	
	border-top: 1px solid #eee;
	border-bottom: 1px solid #b0b0b0;
	border-right: 1px solid #b8b8b8;
}

table.files tr td.rule {
	padding-left: 26px;
	background-repeat: no-repeat;
	background-position: 5px;
}	

table.files tr td.rule.Allow {
	background-image: url('res/icons-silk/accept.png');	
}

table.files tr td.rule.Deny {
	background-image: url('res/icons-silk/stop.png');	
}



div.shameless a.list span {
	padding-right: 24px;
	background: transparent url('res/icons-silk/bullet_arrow_down.png') right no-repeat;
}

div.shameless a {
	color: #123;
}

div.shameless a:hover {
	border-color: #0bf;
}

div.shameless a.active {
	border: 1px solid #666;
	background: #444; color: #fff;
	background: transparent url(res/444444-707070-vg.png) left repeat-x;
	text-shadow: 0 1px 1px #000;
}

div.shameful {
	margin: 0px 5px 0px 0px; 
	display: block; 
	float: left;
	padding: 0px; 	
}

div.shameful a, div.shameful a.active {
	margin: 0px; 
	float: left;
	border: 1px solid #888;
	border-right: none;
	-moz-border-radius: 0; -webkit-border-radius: 0;
}

div.shameful a:hover, div.shameful a.active:hover {
	border: 1px solid #888;
	border-right: none;
}

div.shameful a:first-child, div.shameful a.active:first-child {
	-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;
}

div.shameful a:first-child:hover, div.shameful a.active:first-child:hover {}

div.shameful a:last-child, div.shameful a.active:last-child {
	border-right: 1px solid #888;
	-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
}


/*
ul.nav li a {
	text-decoration: none; background: transparent url(res/tab-single-left-d.png) top left no-repeat;
} 
ul.nav li a span { color: #ccc; background: transparent url(res/tab-single-right-d.png) top right no-repeat; }
*/

ul.nav li a:hover {
	text-decoration: none; background: transparent url(res/tab-single-left.png) top left no-repeat;
} 
ul.nav li a:hover span { color: #333; background: transparent url(res/tab-single-right.png) top right no-repeat; }

ul.nav li.show_droplist a {
	text-decoration: none; background: transparent url(res/tab-single-left.png) top left no-repeat;
} 
ul.nav li.show_droplist a span { color: #333; background: transparent url(res/tab-single-right.png) top right no-repeat; }


div.drop_list {
	background: #fff url(res/fff-f0f0ef-vg-64.png) bottom repeat-x;
	color: #333;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	display: block;
	padding: 0px 0px 0px 0px;
	float: left;
	border: 1px solid #ccc;
}

div.drop_list div {
	background: transparent url(res/peak-up-ffffff-cccccc.png) top no-repeat;
	margin-top: -16px;
	padding: 20px 0px 4px 0px;
}

div.drop_list a {
	display: block;
	color: #444;
	margin: 0px;
	padding: 8px 16px;
	border-top: 1px solid #eee;
	font-size: 8pt;
	white-space: nowrap ;
}

div.drop_list ul,
div.drop_list ul li  {
	padding: 0; margin: 0;
	list-style: none;
}

div.drop_list a.first {
	border-top: none;
}

div.drop_list a:hover,
div.drop_list ul li.active a {
	color: #fff;
	background: #777;
}

span.php_error {
	display: block;
	padding: 10px;
	border: 1px solid #ccc;
	margin: 5px;
	background: #ffffcc;
}

/* FROM PROFILE CSS IN ADMISSIONS */

div.dataset-group dl, 
div.dataset-group dt, 
div.dataset-group dd {
	padding: 0px 5px 0px 5px; margin: 0;
	white-space: nowrap;
	text-align: left;
	font-family: 'Lucida Grande', inherit;
}

div.dataset-group dt {
	font-size: 0.8em;
	color: #888;
}

div.dataset-group dd {
	font-size: 0.9em;
	font-weight: bold;
	color: #444;
	border-top: 1px solid #eee;
}

div.dataset-group dl {
	display: block;
	float: left;
	margin: 5px 0px 5px 0px;
}

div.dataset-group {
	clear: both;
	padding: 0px 0px 0px 0px;
}

div.section {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #cde;
	background: #def;
	background: #f0f6fe;
	background: #f9fbfc;
	padding: 10px;
	margin-bottom: 10px;
	position: relative;
}

div.section h3 {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	font-size: 1.5em;
	color: #456;
	background: none;
}


div.section h3 em {
	padding-top: 5px;
	display:block;
	font-size:0.6em;
	font-style: normal;
	color: #234;
	background: none;
}


div.section a.add.button {
	position: absolute;
	font-size: 8pt;
	top: 10px;
	right: 10px;
}

div.entry div.section-left {
	width: 78.5%;
	float: left;
	background: #fcc;
}

div.entry div.section-right {
	width: 20%;
	float: right;
	background: #cfc;
}	

div.entry table,
div.entry table tr,
div.entry table tr td {
	margin: 0;
	padding: 0;
	border: none;	
	font-family: inherit;
	font-size: inherit;
}

div.entry table {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-collapse: collapse;
	border: 1px solid #cde;		
	border: 1px solid #ace;
}



div.entry table tr td,
div.entry table tr:hover td {
	background:  #ffffff;
}

div.entry table tr td.section-left,
div.entry table tr td.section-right {
	padding: 5px;
}

div.entry table tr td.section-left p,
div.entry table tr td.section-right p {
	text-align: center;
}


div.entry table tr td.section-left {		
	width: 78%;
}

div.entry table tr td.section-right {
	border-left: 1px solid #eee;
}

div.entries, div.no-entries {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #ffffff;
	padding: 0px 5px;
	margin: 10px 0px 0px 0px;
	position: relative;		
}

div.no.entries {
	background: #ffc;
	border: 1px solid #eca;
	font-size: 1.1em;
	text-align: center;	
	padding: 0px;
}

div.entries {
	border: 1px solid #ace;
	border: 1px solid #cde;		
	padding-bottom: 5px;
}

	
div.good.entries {
	background: #dfc;
	background: #ffffff;
	border: 1px solid #ace;
	font-size: 1.1em;
	text-align: center;	
}

div.entry {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	clear: both;
}	

div.entry div.section-right p {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 6px 6px;
	border: 1px solid;
	margin: 2px;
	font-size: 0.9em;
	text-align: center;
}


div.entry div.section-right a {
	margin: 0px 0px 0px 2px;
}

div.entry div.section-right p.open { background: #f6fff0; border-color: #dfc;	}
div.entry div.section-right p.locked { background: #fff0f0; border-color: #fdd;	}
div.entry div.section-right p.verified { background: #fff6e0; border-color: #ed9;	}
p.open { padding: 10px; border: 1px solid #dfc; background: #f6fff0; color: #360;	}
p.locked { padding: 10px; border: 1px solid #fdd; background: #fff0f0; color: #600; }
p.verified { padding: 10px; border: 1px solid #ed9; background: #fff6e0; color: #960; }

div.entry table tr td.section-right.open {
	background: #f3fff0; border-color: #ad9; color: #360;
}

div.entry table tr td.section-right.locked {
	background: #fff0f0; border-color: #daa; color: #600;
}

div.entry table tr td.section-right.verified {
	background: #fff6e0; border-color: #ed9; color: #960;
}

p.small-note {
	padding: 5px;
}

p.small-note span {
	background:#f8e860; color:600; padding: 6px 10px; 
	margin:10px; font-size: 0.8em; font-weight:bold;
	-moz-border-radius: 2px;-webkit-border-radius: 2px;
}

div.drop_list {
	background: #f0f0ef url(res/fff-f0f0ef-vg-64.png) top repeat-x;
	color: #333;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	display: block;
	padding: 0px 0px 0px 0px;
	float: left;
	border: 1px solid #ccc;
}

div.drop_list div {
	background: transparent url(res/peak-up-ffffff-cccccc.png) top no-repeat;
	margin-top: -16px;
	padding: 20px 0px 4px 0px;
}

div.drop_list a {
	display: block;
	color: #444;
	margin: 0px;
	padding: 6px 16px 8px 16px;
	border-top: 1px solid #eee;
	font-size: 8pt;
	white-space: nowrap ;
}

div.drop_list ul,
div.drop_list ul li  {
	padding: 0; margin: 0;
	list-style: none;
}


div.drop_list a:hover,
div.drop_list ul li.active a {
	color: #fff;
	background: #777 url(res/hbg2.png) bottom repeat-x;
}