/* RESET ALL STYLES */
@import url("reset.css");


/* LAYOUT 
--------------------------------------- */
body {
	background: #EFF8E5;
	text-align: center;
	font: 62.5%/1.4 Helvetica, Arial, Verdana, sans-serif;
	}
#wrapper {
	background: #fff;
	font-size: 1.2em;
	margin: 0 auto;
	text-align: left;
	width: 100%;
	}
	
	
	
/* BRANDING
--------------------------------------- */
#branding { background-color: #000; }
#branding div {
	margin: 0 auto;
	padding: 10px 0;
	width: 960px;
	}
#branding h1 { width: 116px; }
#branding h1 a {
	background: url(/images/branding.png) no-repeat 0 0;
	display: block;
	height: 31px;
	margin: 0;
	padding: 0;
	width: 117px;
	}
#branding h1 span {	display: none; }
	
	
	
/* MAIN NAVIGATION 
--------------------------------------- */
ul#nav_main {
	float: left;
	list-style-type: none;
	margin: -2em 0 0 117px;
	padding: 0;
	text-align: right;
	width: 843px;
	}
ul#nav_main li { 
	display: inline; 
	margin: 0;
	padding: 0;
	}
ul#nav_main li a { 
	padding: 10px;
	text-decoration: none; 
	}
ul#nav_main li a:link,
ul#nav_main li a:visited {
	color: #2986C4;
	text-decoration: none;
	}
ul#nav_main li a:hover {
	color: #2986C4;
	text-decoration: underline;
	}
ul#nav_main li a:active {
	color: #2986C4;
	text-decoration: none;
	}
ul#nav_main li#nav_login a:link,
ul#nav_main li#nav_login a:visited {
	color: #7EB438;
	text-decoration: none;
	}
ul#nav_main li#nav_login a:hover {
	color: #7EB438;
	text-decoration: underline;
	}
ul#nav_main li#nav_login a:active {
	color: #7EB438;
	text-decoration: none;
	}
	
	
	
	
/* MAIN CONTENT
--------------------------------------- */
#content_main { 
	margin: 0 auto;
	padding: 3em 10px; 
	width: 960px;
	}
h2, h3, h4 {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -0.01em;
	}
h2 {
	background: url(/images/h2_bg.png) repeat 0 0;
	font-size: 1.8em;
	color: #7EB438;
	margin-bottom: 1.5em;
	padding: 0;
	}
h2 span { 
	background-color: #fff; 
	margin-left: 20px;
	padding: 0.2em; 
	}
h3 {
	font-size: 1.2em;
	margin: 2.5em 0 0.5em 0;
	}
p {	margin: 0 0 1.5em 0; }
p.top {
	font-size: 1em;
	text-align: right;
	}
em { font-style: italic; }
strong { font-weight: bold; }
sup { vertical-align: super; }

/* LISTS */
ul, ol { margin: 0 0 1.5em 0; }
ul li, ol li { margin: 0 0 0.5em 3.5em; }
ul li { list-style: disc; }
ol li { list-style: decimal; }
li ul, li ol { margin-top: 1.5em; }

div.gagnants ul { list-style: none; margin-left: 0; }
div.gagnants ul li { list-style: none; margin-left: 0; padding: 5px 0 5px 35px; }
div.gagnants ul li.premier { background: url(/images/prix_1.gif) no-repeat 0 0;}
div.gagnants ul li.deuxieme { background: url(/images/prix_2.gif) no-repeat 0 0;}
div.gagnants ul li.troisieme { background: url(/images/prix_3.gif) no-repeat 0 0;}

/* LINKS */
a:link { 
	color: #2986C4; 
	text-decoration: underline;
	}
a:visited { 
	color: #195277; 
	text-decoration: underline;
	}
a:hover { 
	color: #195277; 
	text-decoration: none;
	}
a:active { 
	color: #195277; 
	text-decoration: underline;
	}


/* VIDEOS */
#videos {
	margin-bottom: 3em;
	width: 940px; 
	}
.video_row { 
	float: left;
	width: 940px; 
	} 
.video_item {
	float: left;
	padding: 10px;
	width: 920px;
	}
.video_preview, #container_clip {
	float: left;
	margin: 0;
	padding: 0;
	width: 120px;
	}
.video_details {
	margin: 0 0 0 130px;
	width: 790px;
	}
.video_details h3, .video_details p { margin: 0 0 1em 0; }
.video_details h4 { margin-bottom: 0.2em; }
.video_details h3 span { 
	font-size: 0.8em;
	font-weight: normal; 
	}
#upload p a, #evaluate p a {
	background: url(/images/upload_icon.png) no-repeat 0 50%;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin: 1.5em 0;
	padding: 10px 10px 10px 37px;
	width: 200px;
	}
#upload p a { background: url(/images/upload_icon.png) no-repeat 0 50%; }
#evaluate p a { background: url(/images/evaluate_icon.png) no-repeat 0 50%; }
	
/* Video validation */
#validate {
	background-color: #C9DFAC;
	border: 2px solid #8E9D79;
	margin: 0 0 1.5em 0; 
	padding: 10px;
	}
#validate.video { 
	margin-left: 10px;
	width: 460px; 
	}
#validate.user { width: 45em; }
#validate legend { 
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -0.01em;
	margin-bottom: 0.5em; 
	}
#validate form ul { 
	margin: 0;
	padding: 0;
	}
#validate form ul li { 
	list-style-type: none; 
	margin: 0 0 0.5em 0;
	padding: 0;
	}

/* Video playback */
#container_clip { width: 480px; }
body#clip_details .video_details { 
	margin: 0 0 0 500px;
	width: 420px;
	}
	
/* Home page */
body#home .video_item { width: 440px; }
body#home .video_details { width: 310px; }


/* TABLES */
table {
	background-color: #EFF8E5;
	border-collapse: collapse;
	border-left: 1px solid #8E9D79;
	border-top: 1px solid #8E9D79;
	margin: 0 0 1.5em 0; 
	padding: 0;
	}
th {
	background-color: #C9DFAC;
	font-weight: bold;
	}
th, td { 
	border-bottom: 1px solid #8E9D79;
	border-right: 1px solid #8E9D79;
	padding: 5px; 
	vertical-align: top;
	}
form table, form table th, form table td { 
	background: none;
	border: none; 
	}
td.label { width: 250px; }
td.submit { 
	padding-top: 2em; 
	text-align: right; 
	}
body#login td.label, body#upload_video td.label { width: 150px; }
/* Evaluation form */
table#grid .submit td { 
	padding-top: 2em;
	text-align: center;
	}
	

/* FORMS */	
label { display: block; }
textarea { height: 100px; }
input[type="submit"], input[type="button"] { 
	/*background-color: #D0D0D0;*/
	/*border: 1px solid #000;*/
	width: 150px; 
	}
/*input[type="submit"]:hover, input[type="button"]:hover { 
	background-color: #E8E8E8;
	}*/
input[type="text"], input[type="password"], textarea, select {
	border: 1px solid #000;
	width: 300px;
	}
	
/* FEEDBACK */
#wait {	
	background: url(/images/wait.gif) no-repeat 0 50%; 
	border: none;
	margin: 1.5em 0;
	padding: 10px 10px 10px 37px;
	}	
#msg {
	border-bottom: 1px dotted #000;
	border-top: 1px dotted #000;
	display: none;
	margin: 1.5em 0;
	padding: 10px;
	}
#msg p, #flashMessage p { 
	margin-bottom: 0.2em; 
	padding-left: 20px;
	}

#flashMessage {
    border-bottom: 1px dotted #000;
    border-top: 1px dotted #000;
    margin: 1.5em 0;
    padding: 10px;
}
#authMessage {
	background: url(/images/attention_icon.png) no-repeat 0 center;
    border-bottom: 1px dotted #000;
    border-top: 1px dotted #000;
    color: #AE8224;
    margin: 1.5em 0;
    padding: 10px 10px 10px 20px;
}

#add_school_msg p { 
	margin-bottom: 0.2em; 
	padding-left: 20px;
	}
.error, .error-message { 
	background: url(/images/error_icon.png) no-repeat 0 center;
	color: #C52A24;
	padding-left: 20px;
	}
.success { 
	background: url(/images/success_icon.png) no-repeat 0 center;
	color: #7BB332;
	padding-left: 20px;
	}
p.attention { 
	background: url(/images/attention_icon.png) no-repeat 0 center;
	margin: 1em 0;
	padding-left: 20px;
	}


	


/* HOME PAGE
--------------------------------------- */
body#home #branding h1 { visibility: hidden; }
#nav_secondary { 
	background: #d6e8c4 url(/images/immersion_clip_logo_lg.gif) no-repeat 0 0;
	float: left;
	margin-bottom: 2.5em;
	padding-top: 58px;
	position: relative;
	}
#nav_secondary ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 0 0 360px;
	width: 600px;
	}
#nav_secondary ul li {
	border-right: 1px solid #dff1cc;
	display: inline;
	float: left;
	font-size: 90%;
	height: 5em;
	margin: 0;
	padding: 10px 0;
	width: 199px;
	}
#nav_secondary ul li:hover { background-color: #dff1cc; }
#nav_secondary li p { padding: 0 10px; }
#nav_secondary ul li a {
	display: block;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 1.4em;
	margin-bottom: 0.5em;
	text-decoration: none;
	}
#nav_secondary ul li a:hover { 
	color: #000;
	text-decoration: underline; 
	}
#presentation { 
	/*margin-left: 370px; */
	margin: 2.5em 0;
	}



/* SITE INFO (footer) 
--------------------------------------- */
#site_info { 
	background-color: #EFF8E5;
	border-top: 2px solid #C3CBBB;
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	}
#partners {
	margin: 0 auto;
	padding: 10px 0;
	width: 503px;
	}
#partners li {
	display: inline;
	float: left;
	list-style-type: none;
	margin: 0 40px 0 0;
	}
#partners li a {
	display: block;
	text-decoration: none;
	text-indent: -20000px;
	vertical-align: middle;
	}
#partners li#acpi a {
	background: url(/images/acpi_logo.gif) no-repeat top left;
	height: 50px;
	width: 44px;
	}
#partners li#uottawa a {
	background: url(/images/uottawa_logo.gif) no-repeat top left;
	height: 50px;
	width: 162px;
	}
#partners li#heritage a {
	background: url(/images/patrimoine_logo.gif) no-repeat top left;
	height: 50px;
	width: 177px;
	}

	
	
/* CLEARING FLOATS 
--------------------------------------- */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}
	
	
/* STYLES FOR THE USER MANAGEMENT SECTION 
--------------------------------------- */
body#users #content_main { width: 98%; }
body#users table { width: 100%; }
body#users th, body#users td { vertical-align: top; }