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

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

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,*/

	font-family: 'Lucida Grande', 'Lucida Sans', Tahoma, Verdana, Arial, Helvetica, 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 { 
	color: #0044ff;
}
	
a:hover, 	
a:active { 
	color: #0000ff;
}

/*
	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: 114px;
	background: #048;
	border-bottom: 2px solid #c80;
	border-bottom: 2px solid #9ce;
	color: #f5f5f2;
}

#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-80.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#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: #f2f2f2;
	border: 1px solid #ccc;
	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: #f0f0f0; color: #000; }
.warning 	{ background-color: #fff8f0; color: #420; }
.notice 	{ background-color: #f8ffff; color: #044; }
.info 		{ background-color: #f8f8ff; color: #240; }
.debug 		{ background-color: #fff0fc; color: #c08; }
.help 		{ background-color: #f0f4ff; color: #048; }


.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-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;
}


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

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

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

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

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

tr.head, tr.table td tr.head  {
	background-color: #ecf4f8;
	font-size: 0.9em;
	font-family: 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 Sans', 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: #530; 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 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;
}

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:0.6em;
}


/* 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;
}



div#page_actions {
	margin:0px;
	-moz-border-radius:4px;-webkit-border-radius:4px;
	padding: 5px 10px;
	border: 1px solid #cde; background: #f0f4fc;
}


div.level-3  {
	-moz-border-radius:4px;-webkit-border-radius:4px;
	padding: 5px;
	border: 1px solid #cde; background: #f0f4fc;
	border: 1px solid #cde; background: #f9fbfe;
	margin: 0px 0px 10px 0px;	
}

div.level-3 h3 {
	padding: 10px;
	margin: 0px 0px 5px 0px;
	font-weight: bold;
	background: #468;
	background: #369;
	color: #ffffff;
	font-size: 1.1em;
	clear: both;
	text-shadow: none;
}

div.level-3 p.note {
	padding: 5px;
	margin: 10px 0px 0px 0px;
	clear: both;
}

div.level-3 p.help {
	border: 1px solid #cde;
}
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#something_fancy {
	background: url(res/Highway_1600.jpg) center no-repeat;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
	color: #ffffff;
	height: 600px;
	padding: 0px;
	overflow: auto;
	
}

div#something_fancy h3 {
	color: #000;
}


div#something_fancy h2 {
	padding: 0px 0px 0px 0px;
	display: block;
	color: #cdf;
	border: none;
	color: #fff;
}

div#something_fancy div#main,
div#something_fancy div#main div.content  {
	background: none;
}

div.tinted-round  {
	background: transparent url(res/000000-80.png);
	-moz-border-radius:4px;-webkit-border-radius:4px;
	padding: 10px;
	color: #fff;	
}

div#something_fancy div.tinted-round h3 {
	background: none;
	color: #cf0;
	border-bottom: 1px dotted #09c;
	padding: 0px 0px 10px 0px;
	font-weight: normal;
}


div.tinted-round form label,
div.tinted-round form label.required {
	color: #cde;
	display: block;
	clear: both;
	text-align: left;
}


div.tinted-round div.stdForm p strong {
	color: #222;
}

div.tinted-round form div.formElement input[type="submit"] {
	margin-left: 0px;
}
*/
/* ********************************************************************************************************************* */

div#header {
	/*
	background: #141519;
	*/
	background: #fcfcf9;
	padding: 10px 0px;
	
}

div#something_fancy {
	background: #ffffff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #000;
}

div#something_fancy h3 {
	color: #000;
}


div#something_fancy h2 {
	padding: 10px 0px;
	display: block;
	color: #369;
	border: none;
	font-size: 1.3em;
}

div#something_fancy div#main,
div#something_fancy div#main div.content  {
	background: none;
}

div.tinted-round  {
	background: #ffffff ;
	-moz-border-radius:4px;-webkit-border-radius:4px;
	padding: 10px;
	color: #222;	
 	line-height:1.5em;	
}

div#something_fancy div.tinted-round h3 {
	background: none;
	color: #046;
	border-bottom: 1px dotted #eee;
	padding: 0px 0px 10px 0px;
	font-weight: normal;
}


div.tinted-round div.side form label,
div.tinted-round div.side form label.required {
	display: block;
	clear: both;
	text-align: left;
	
}

div.tinted-round div.side form div.formElement input[type="submit"] {
	margin-left: 0px;
}

div.tinted-round div.side ul.errors {
	margin-left: 0px;
}

div.side  {
	background: #f2fff0;
	-moz-border-radius:4px;-webkit-border-radius:4px;
	padding: 10px 20px 10px 20px;
	color: #222;	
}

div#something_fancy div.tinted-round div.side h3 {
	padding-bottom: 0px;
	border: none;
	color: #460;
		
}

div.tinted-round div.focus {
	padding: 0px 0px;
	margin: 5px 0px;
	border-top: 1px solid #cde;
	border-bottom: 1px solid #cde;
	background: #f9fcff;
	background: #ffffff;
}