/**************************************
 * THEME NAME: unicef
 *
 * Files included in this sheet:
 *
 *   unicef/unicef_styles.css
 *   unicef/ie.css.css
 *   unicef/ie6.css.css
 **************************************/

/***** unicef/unicef_styles.css start *****/

/*

unicef_styles.css

This style sheet customises Moodle's default 'standard' theme.
Unicef are using a custom theme cunningly named the 'unicef' theme.
The 'standard' theme has been set to be the parent theme so future Moodle upgrades do not cause display errors
The styles in this file aim to brand the RRSA Moodle to match Unicef's brand look and feel

Author: 	T Hanley // Unicef UK // Education Team 
Date: 	17 April 2009
*/

/* ------------------------------------------------------------------------------
RESET STYLES
--------------------------------------------------------------------------------*/

/* Resets styles then adds basic typographical styling */
/* Based on Eric Meyer's reset styles */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li, 
/* fieldset, form, label, legend, removed as affected form layout */
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}

ol, ul {
	list-style: none;
}

.normal_list {
	list-style-type: circle;
	margin-left: 1em;
	margin-right: 1em;
}

.normal_list li {
	margin-bottom: 1em;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

/* tables may still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display:none;
}

html { min-height: 100%; margin-bottom: 1px; }
/*forces Firefox to always show a scroll bar so that 'page shift' does not occur */

/* ------------------------------------------------------------------------------
END RESET 
--------------------------------------------------------------------------------*/

/* ------------------------------------------------------------------------------
GENERAL SELECTORS / STYLES
--------------------------------------------------------------------------------*/
	
/* basic font sizes */
p, ul, ol, dl, table, address, blockquote, fieldset, pre, form div {
	font-size: 1em;  /* 14px */
}

/* deal with likely inherited shrinkage */
ul p, ol p, table p, dl p, ul ul, ol ol, ul ol, ol ul, address p, blockquote p, form div div, form div p, fieldset div, table form div {
	font-size: 1em;
}
/* @end Font sizes */

/* @group Headings */

h1 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.25em;
	font-weight: lighter;
	margin-bottom: 0.625em;
	color: #0099ff;
}

h2 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.25em;
	font-weight: lighter;
	text-decoration: none;	
	text-align:left;
	color:#0099FF;
	padding: 0.2em 0.4em 0em 0.1em;	
		margin-bottom: 0.625em;
}



.alt_h2 {
	margin: 0 0 1em 0;
	background-color: #eaeaea;
	display: inline;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.1428em;
	line-height: 1.3em;
	font-weight: lighter;
	padding: 0.55em;	
}

h3 {
	font-size: 1.1428em;   		/* 16px */
	margin-top: 1.1111em;     	/* 20px */
	margin-bottom: 0.5556em; 	/* 10px */
	color: #645951;
}

h4 {
	font-size: 1em;   		/* 14px */
	margin-top:1.25em;	   		/* 20px */
	margin-bottom: 0.625em; 	/* 10px */
}

/* @end Headings */



a:visited {
	color: #ed2790;
	background-color: #fff;
	text-decoration: none;

}

a:hover {
	font-size: 1em;
	font-weight: lighter;
	color: #333;
	background-color: #cfe1ea;
	text-decoration: underline;
}

/* ------------------------------------------------------------------------------
END GENERAL SELECTORS / STYLES
--------------------------------------------------------------------------------*/

body {
	background-color: #f1faff;
	color: #666;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	line-height: 1.5; /* Baseline grid of 21px */
	text-align: left;
}	

/* ------------------------------------------------------------------------------
HEADER
--------------------------------------------------------------------------------*/
#header {
	background-color: #0099ff; 
	margin:0;
	padding:0;
}

#header-home {
	background-color: #0099ff; 
	margin:0;
	padding:0;
}



#header-home-only {
/*  background-color: #0099ff; */

	margin:0;
	padding:0;
}


#header-all-pages {
/*  background-color: #0099ff; */

	margin:0;
	padding:0;
}

div.header-inner {

	margin: 0 auto;
	padding: 0 4%;
	max-width: 1000px;
	min-width: 903px;
	position: relative;
}

#rrsa-logo  {
	float: left;
	display: inline;
	height: 110px;
	margin: 0;
	padding: 0;
}

#rrsa-logo a#rrsa-logo-mark {

	display: block;
	height: 110px;
	width: 498px;
}


#unicef-logo {
	float: right;
	display: inline;
	height: 110px;
	padding: 0;

}

#unicef-logo a#unicef-logo-mark {

	display: block;
	height: 110px;
	width: 323px;
}





/* ------------------------------------------------------------------------------
NAVIGATION
--------------------------------------------------------------------------------*/

#nav_wrapper {
	clear: both;
	background-color: #0066cc;	
	padding: 0.5em 0 0 4em;
}

ul.nav {	
	padding: 0 0.4em 0.5em 0.3em; 
}	

ul.nav li {
	display: inline;
	padding: 0 0.2em 0 0;	
}	

ul.nav li a {
	padding: 0.2em 0.4em 0.2em 0.4em;
	background-color: #f2faff;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
	text-decoration: none;
	color: #333;
}




/* /////////////////////////////////////////////////////////////////////////////

TEMPORARILY HIDE NAV AND LOGIN: November 2009 

///////////////////////////////////////////////////////////////////////////////*/

#start, #rrsa_overview { 
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
	font-weight: lighter;
	margin-bottom: 0.625em;
	color: #0099ff;
}



.notloggedin ul.nav a {
	padding: 0.2em;
	background-color: #f2faff;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
	text-decoration: none;
	color: #333;
	display: none; /* temporarily hide nav so people are not confused, just in not logged in state */
}

/* temporarily hide course sort block so people are not confused hides this just in not logged in state. */

.notloggedin #left-column {
	display: none;  				
}

/* When adding a static XHTML file by adding a resource in Moodle a link is created on the home page
in the centre column, this needs to be hidden as you are linking to it from your custom nav bar */
#site-index ul.section a {
		display: none;
}







ul.nav a:hover {
	font-size: 1em;
	font-weight: lighter;
	color: #333;
	background-color: #cfe1ea;
	text-decoration: underline;
}

/* ------------------------------------------------------------------------------
LOGIN
--------------------------------------------------------------------------------*/

div.headermenu {
	font-family: Arial,Helvetica,sans-serif;
	color: #fff;
}

.logininfo {
	text-align: left;
	font-size: 0.8572em;    		/* 12px */
	padding: 0;
	
	position:absolute;
	right:4%;
	top:119px;
	display: none;
}



.logininfo a {
	text-align: left;
	padding: 0.3em 0.3em 0.25em 0.3em;
	background-color: #fff;
	color: #333;
}

.logininfo a:hover {
	color: #333;
	background-color: #cfe1ea;
	text-decoration: underline;
}

.logininfo a+a {
	margin-left: 0.4em;
}

/* Breadcrumb */
.breadcrumb ul li a{
	color:#4CAF83	;
}

/* ------------------------------------------------------------------------------
MAIN CONTENT
--------------------------------------------------------------------------------*/
#page {
	background-color: #fff;
	display: inline;
	margin: 0;
}

#page_wrapper {
 background: #f1faff url(pix/gradient_blue.jpg) repeat-x scroll 0 0;
 padding-top: 2em;
}

#layout-table {
	width:88%;
	margin: 0 auto;
	max-width:1000px;
	min-width:720px;
	/*background-color: purple; */
}

/* ------------------------------------------------------------------------------
MY COURSES
--------------------------------------------------------------------------------*/

p {
	font-size:1.1428em;
	line-height:1.5625;
	margin-bottom:1.25em;
}

.generalbox {
	margin: 0 !important;
}

.headingblock, h2.headingblock {
	border:none;
}

.sideblock .header {
	background: #f1faff url(pix/gradient_blue2.jpg) repeat-x scroll 0 0;
}

.sideblock .header, .sideblock h2 {
font-size: 1.125em;
font-weight:lighter;
}

body#site-index .headingblock, body#course-view .headingblock {
margin-bottom:0;
}


.hide-show-image {
float:right;
height:11px;
margin-top:0.25em;
padding-top: 0.1em;
width:11px;
}

.sideblock .header, .sideblock h2.header {
	border: none;
}

.generalbox {
	margin-left: 0.8em;
	border: none;
}

#layout-table #middle-column {
	padding-left: 1em;
	padding-right: 0;
}
/* the main block gets an accidental 1 px push down because height is set to 1px */
#maincontent {
display:block;
height:auto;
}

.sideblock .content {
 	background: #edf8ff;
	border: none;
	border-top: 1px dotted #0066cc;
}

.sideblock a {
	line-height: 1.5em;
	font-size: 1.125em;
	padding: 0.2em;
	color: #333;
		background-color: transparent;
}


.sideblock a:visited {
	color:#ED2790;
	background-color: transparent;
}

#maincontent {
	float:left;
}



#site-index .generalbox {
	padding: 0;
	border: 0;
}



/* ------------------------------------------------------------------------------
SITE INDEX: OPENING EXPLANATION
--------------------------------------------------------------------------------*/

/* ----------------------------
NOT LOGGED IN
-----------------------------*/

/* When not logged in show the rrsa overview header on index.php  */
	body.notloggedin #rrsa_overview {
	display: block;
}

/* When not logged in hide the welcombe back header and the logged in text */
	body.notloggedin #welcome_back, body.notloggedin #logged_intro {
	display: none;
}

/* When not logged in show the not logged in text */
	body.notloggedin #not_logged_intro {
	display: block;
	float: left;
	width: 100%;
	font-size: 1.250em;		
	color: #666;
	margin-left: 0.05em;
	margin-bottom: 0.6em;
}

#rrsa_docs {
		font-size: 1em;	
}

body.notloggedin #start_text {
	float: left;
	width: 59.4%;
	margin-right: 1em;
}

/* When not logged in show an image */
	body.notloggedin .sitetopic img {
	display:block;
}

body.notloggedin #home_images {
	float: left;
	width: 30%;
	margin: 0;
	padding: 0;
	border: 0;
}

body.notloggedin #home_images img {
	float: left;
}

/* When not logged in hide the news_items block on index.php */
	body.notloggedin #right-column {
	display:none;
	width: 0;
}



/* ----------------------------
LOGGED IN
-----------------------------*/

/* When logged in hide rrsa overview header */
	#rrsa_overview {
	display: none;
}

/* When logged in show the welcome header on index.php  */
	#welcome_back {
	background: #F1FAFF url(pix/gradient_blue2.jpg) repeat-x scroll 0 0;	
	width:95.6% !important;
	padding: 0em 0 0.25em 0.3em;
	margin-bottom: 0;
}




/* When logged show the logged in text */
#logged_intro {
	color:#666666;
	display:block;
	float:left;
	font-size:1.25em;
	margin-top: 0;
	padding: 0.3em 0.6em 0 0.3em;
	margin-bottom: 0.6em;
	width:93.4% !important;
	border-top: 1px dotted #0066cc;
	background-color:#EDF8FF;
}

/*Hide the not logged in text */
#not_logged_intro {
	display: none;
}

#left-column {
	margin-right: 1em;
}


.forumpost {
	width: 96.9% !important;
	background:#F1FAFF url(pix/gradient_blue2.jpg) repeat-x scroll 0 0;
	border: 0;
}

.forumpost .topic {
	border-bottom-color:#EEEEEE;
}

.forumpost .content, .forumpost .left {
	background-color:#edf8ff !important;
}


.generalbox {
	margin: 0;
}

/* ------------------------------------------------------------------------------
SITE NEWS
--------------------------------------------------------------------------------*/

#site-index .subscribelink, #course-view .subscribelink {
font-size: 1em;
}

#site-index #right-column input {
position:relative !important; 
left:0px !important;
top:0px !important;
}

#site-index .subscribelink, #course-view .subscribelink {
text-align:left;
}

.subscribelink a {
	padding-left: 0;
}

h2.headingblock {
	padding-left: 0;
	margin: 0;
	color: #0099ff;
}

.forumnodiscuss {
	font-family: Arial,Helvetica,sans-serif;
	font-weight: normal;
	text-align: left;
}

.forumpost .left {
	background-color: transparent;
}

.forumpost .starter {
	background-color: transparent;
}

.forumpost .content {
	background:transparent; 
}

/*------------------------------------------------------------------------
IMPLEMENTING L1 COURSE
-------------------------------------------------------------------------*/

#inst5 {
	display: none;
}

/*-----------------------------------------------------------------
HIDE LINKS CREATED TO HTML MODULE RESOURCES FOR STATIC HTML PAGES
OVERVIEW, SUPPORT, CASE STUDIES
-------------------------------------------------------------------*/

#module-52 a {
	display: none;
}

/* ------------------------------------------------------------------------------
CHAT INTERFACE
--------------------------------------------------------------------------------*/

/* Sets the colours for framed version */
body.mod-chat-gui_header_js {
background-color: fuchsia;
}	

/* Sets the colours for non-frame version */
#mod-chat-gui_basic-index {
	background-color: yellow;
	}

/* #End# Control the background colours in the chat interface */


/* ------------------------------------------------------------------------------
FOOTER AREA
--------------------------------------------------------------------------------*/

#footer_wrapper {
	background-color: #cfe1ea;
	width: 100%;
}

#footer_wrapper ul {	
	padding: 1em 0.4em 0.5em 4.3em; 
}	


#footer_wrapper ul a {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.8572em;   		/* 12px */
	font-weight: lighter;
	text-decoration: none;
		padding-right: 0.4em;
	color: #333;
}

#moodle_logo a:link {
	padding: 0;
	background-color: transparent;
}


#footer_wrapper ul a:hover {
	font-size: 0.8572em;    		/* 12px */
	font-weight: lighter;
		padding-right: 0.4em;
	color: #333;
	text-decoration: underline;
}

#moodle_logo {
	background-color: #cfe1ea;
	width: 100%;
	padding-bottom: 1em;
	margin: 0;
}

#moodle_logo {
	text-align: center;
}


/* ------------------------------------------------------------------------------
ADMIN AREA
--------------------------------------------------------------------------------*/
/*Turn editing on button */

#site-index #right-column input {
	position: absolute;
	left: 540px;
	top: 97px;
}



	
/***** unicef/unicef_styles.css end *****/

/***** unicef/ie.css.css start *****/

/***** unicef/ie.css.css end *****/

/***** unicef/ie6.css.css start *****/

/***** unicef/ie6.css.css end *****/