/**
 * Page:	Default CSS file
 * Desc:	CSS setup for this specific installation of the platform
 *
 * PHP version 5.3 +
 *
 * @package	   		platform : iron.set
 * @author	   		Jason Scheepers <jason@ironwave.co.za>
 * @copyright  		Copyright (c) ironwave.co.za
 * @version	   		2.0.2
 * @lastmodified	24 Jan 2014
 * @license	   		Proprietary
 * @link	   		http://ironwave.co.za/iron.set
*/

/*---------------------------------------------------------------------------------------------------------
/*	CORE ELEMENT STYLES	------------------------------------------------------------------- */
html, body	{
	font-family:Segoe UI, Calibri, Helvetica,  Arial, sans-serif;
	font-size:13px;
	color:#3c3c3c;
	background:#f2f2f2;
	text-align:center;

	position:relative;
	margin:0 auto;
	padding:0;
	height:100%;
}

a, a:visited, .link	{
	color:#ad582d;
	text-decoration:none;
	font-weight:bold;
}

a:hover	{
	text-decoration:underline;
}

h1	{
	text-transform:capitalize;
	font-weight:bold;
	font-size:18pt;
}

h2, #tent h1 {
	font-size:12pt;
	color:#303030;
	padding-bottom:5px;
	margin-bottom:20px;
	text-transform:capitalize;
}

#ajax_content h2 {
	padding:10px;
	margin:-10px -30px 20px -30px;
}

h3	{
	color:#FFF;
}

h4	{
	text-transform:uppercase;
	color:#575756;
	background-color:#CCC;
	padding:12px 10px 12px 10px;
	font-size:12pt;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
}

h5	{
	margin:30px 0px 20px 0px;
	font-size:16pt;
	font-weight:bold;
	color:#000;
	border-style:none none solid none;
	border-color:#666;
	border-width:1px;
}

th	{
	text-align:left;
	color:#575756;
	font-size:12px;
	font-weight:bold;
	background-color:#CCC;
	padding:12px 10px 12px 10px;
	text-transform:uppercase;
}

hr	{
	border-style:solid none none none;
	border-width:1px;
	border-color:#CCC;
	margin:20px 0px 10px 0px;
	clear:both;
}

input, select, textarea {
	padding:12px 10px 12px 10px;
	margin:10px 0 10px 0px;
	border-width:1px;
	border-style:solid;
	border-color:#ddd;
	background-color:whitesmoke;
	color:#555;
	font-size:10pt;
}

li	{
	margin-bottom:5px;
}

/*	UNIQUE STYLES	-----------------------------------------------------------------	*/
#site_canvas	{
	background:#f2f2f2;
	text-align:center;
	position:relative;	
}

#navigation_top	{
	background:#262626;
	text-align:center;
	position:relative;

	z-index:110;
}

#navigation_container {
	width:1200px;
	position:relative;
	height:110px;
	margin:0 auto;
	text-align:right;
}

#navigation_container a	{
	font-weight:normal;
	font-size:13px;
}

#website_logo	{
	position:absolute;
	width:409px;
	height:82px;
	left:20px;
	top:25px;
	background:transparent url('/templates/default/images/template/logo.png') no-repeat;
	cursor:pointer;
}

#login_bar	{
	position:absolute;
	top:50px;
	right:20px;
	color:#fff;
}

#login_bar a {
	color:#fff;
}

#info_strip	{
	background:#b3b3b3;
	min-height:50px;
	line-height:47px;
	color:#333;
	text-align:center;
	position:relative;

	z-index:110;
	text-rendering: optimizelegibility;
}


#info_strip a	{
	color:#222;
	font-weight:bold;
}

#site_content	{
	text-align:left;
	background:transparent;

	position:relative;
	margin:0 auto;
	z-index:1;
}

#site_copy	{
	width:1200px;
	background:#fff;
	min-height:600px;
	position:relative;
	margin:0 auto;
}

#site_text {
	padding:20px 20px 50px 20px;
	min-height:600px;
	overflow:auto;
	position:relative;
	background:#fff;
	z-index:1;
}

#site_footer	{
	height:150px;
	background:#2d2d2d;
	color:#fff;
	
	position:relative;
	text-align:center;
}

#footer_container {
	width:1200px;
	position:relative;
	margin:0 auto;
	text-align:left;
}

#footer_container a	{
	color:#CCC;
}

#footer_logo	{
	position:absolute;
	right:40px;
	top:20px;
}

#dashboard_quick_menu {
	margin:-20px 20px -50px -20px;
}

#landing_page {
	text-align:center;
}

#task_status	{
	float:right;
	width:200px;
	background:#69C;
	height:40px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	line-height:40px;
	margin:20px 0px 10px 20px;
}

#registration_form	{
	float:left;
	width:200px;
	text-align:center;
	padding:20px;
	background:#7d7e35;
	color:#fff;
	line-height:15px;
	margin:20px;
	border-radius: 15px;	
}

#registration_form a	{
	color:#CCC;
}

#forgotpassword_form	{
	float:left;
	width:200px;
	text-align:center;
	padding:20px;
	background:#ad582d;
	color:#fff;
	line-height:15px;
	margin:20px;
	border-radius: 15px;	
	clear:left;
}

#forgotpassword_form a	{
	color:#CCC;
}

#landing_banner	{
	background:url('/templates/default/images/template/banner_background.png') no-repeat;
	height:379px;
	text-align:right;
	position:relative;
	z-index:160;
	margin:-23px -20px -20px -20px;
}

#landing_banner img {
	position:absolute;
	right:0;
	top:150px;
	margin-right:50px;
}

#landing_heading {
	font-size:24pt;
}

/*	CLASS DEFINITIONS	------------------------------------------------------------------------ */
#grouping_container .active_tab, #grouping_container .normal_tab	{
	cursor:default !important;
}

/*	WIDGETS	*/
.widget_body	{
	padding:20px 15px 0px 15px;
	background-color:#FFF;
	border-style:none solid solid solid;
	border-color:#CCC;
	border-width:1px;
	text-align:left;
	clear:both;
	color:#333;
	font-size:10pt;
	position:relative;
	margin:0 auto;
}

.widget_body hr	{
	background-color:#CCC;
	border-style:solid none none none;
	border-width:1px;
	border-color:whitesmoke;
	margin:10px 0px 5px 0px;
}

.widget_body h1, .form_cell h1, .h1_contained	{
	font-size:12pt;
	text-transform:none;
}

.form_cell h1	{
	display:inline-block;
}

.project_name	{
	font-size:18px;
	font-weight:bold;
}

.project_tool	{
	color:#45587e;
	font-weight:bold;
	font-size:14pt;
	padding-bottom:15px;
}

.column_left	{
	width:250px;
	margin-bottom:30px;
}

.column_right	{
	width:650px;
	margin-bottom:30px;
}

/*	TEMPLATE COLOUR DEFINITIONS	*/
.yellow, .row_error	{
	background-color:#fed941;
}

.row_error	{
	border:dashed 1px #CCC;
}

.grey	{
	background-color:#2f2f3b;
}

.grey_text	{
	color:#858484;
}

.green_text	{
	color:#014c37;
}

/*	Debriefing window	*/
.debrief_important	{
	font-size:14px;
	font-weight:bold;
}
	
debrief_correct	{
	color:darkgreen;
	font-weight:bold;
}

.nav_icon	{
	float:right;
	width:50px;
	text-align:center;
	margin-left:20px;
	font-size:10px;
}

.dashboard_avatar	{
	border-radius: 15px;	
}

#codelogin_form	{
	float:right;
	width:200px;
	text-align:center;
	padding:20px;
	background:#CCC;
	color:#666;
	clear:both;
	margin:0px 20px 20px 20px;
	
	border-radius: 15px;	
	behavior: url(/scripts/PIE.htc);
}

.back_to_dashboard_link	{
	position:absolute;
	text-align:right;
	margin-top:30px;
}

.back_to_dashboard_link a	{
	color:#222 !important;
	font-weight:bold;
}

.project_course_icon {
	background:transparent url('/images/course_32.png') no-repeat;
}

#dashboard_right_pane {
	float:right;
	width:900px;
}
	
.form_container h2 {
	margin-left:-20px;
	margin-top:-10px;
	margin-right:-20px;
}

.alternate_row_colours tr:nth-child(even) {
	background-color:whitesmoke;
}

.form_container div h2 {
	margin-left:-10px
}