﻿html,body{
height: 100%;
margin: 0px;
}

body
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1
{
	font-size: 24px;
	font-weight: bold;
	color: #114077;
	
}

h2
{
	font-size: 16px;
	font-weight: bold;
	color: #114077;
}

h3
{
	font-size: 14px;
	font-weight: bold;
	color: #333;
}


li
{
	font-size: 16px;
	font-weight: bold;
	color: #000;
	padding: 5px;
}

#page
{
	padding: 0px 0px 0px;
}

#header{
	height: 100px;
	padding: 0px 0px;
}

#header_line{
	width: 100%;
	height: 2px;
	background-color: #ccc;
}

#login{
	float: right;
	font-size: 9px;
}

#login_container{
	line-height: 25px;
	width: 250px;
	float: right;
	font-size: 10px;
	padding: 10px;
	margin: 3px;
}


#footer{
	width: 100%;
	height: 30px;
	padding: 5px;
	text-align: center;
	font-size: 10px;
	background-color: #ccc;
	position: relative;
	margin-bottom: 10px;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */
}

.footer, .push {
	height: 30px; /* .push must be the same height as .footer */
}

/*----------------------*
 * 		 HOME		*
 *----------------------*/
 
#home_intro
{
	width: 800px;
	padding: 10px;
	float: left;
	
}

#home_container
{
	width: 800px;
	padding: 5px;
	margin-bottom: 20px;
	text-align: center;
}

#home_challenge
{
	float: left;
	width: 380px;
	padding: 5px;
	
	border-color:#ACACAC;
	border-style:solid;
	border-width:1px;
}

#home_events
{
	float: right;
	width: 380px;
	padding: 5px;
	
	border-color:#ACACAC;
	border-style:solid;
	border-width:1px;
}

/*----------------------*
 * 		 DASHBOARD		*
 *----------------------*/
 
#dash
{
	position: relative;
	width: 900px;
	padding: 5px;
	margin-bottom: 20px;
	text-align: center;

}

#dash_notification
{
	position: relative;
	width: 800px;
	padding: 5px;
	margin-bottom: 5px;
	text-align: center;
	
	border-color:#ACACAC;
	border-style:solid;
	border-width:1px;
}

#dash_status
{
	float: left;
	position: relative;
	padding: 5px;

}

#dash_calendar
{
	float: right;
	position: relative;
	padding: 5px;
	

}

.dash_calendar_weekday
{
	border-color:#ACACAC;
	border-style:solid;
	border-width:1px;

}

#dash_challenges
{
	float: left;
	width: 400px;
	position: relative;
	padding: 5px;
	
	border-color:#ACACAC;
	border-style:solid;
	border-width:1px;

}

#dash_feed
{
	float: right;
	width: 400px;
	position: relative;
	padding: 5px;
	
	border-color:#ACACAC;
	border-style:solid;
	border-width:1px;

}

.calendar {
	border: 1px #6975A3 solid;
	background-color: transparent;
}
.calheading {
	background-color: #7C8BC0;
	color: #fff;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
.calnavleft {
	background-color: #7C8BC0;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	padding: 4px;
	cursor: pointer;
}
.calnavright {
	background-color: #7C8BC0;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-align:  right;
	padding: 4px;
	cursor: pointer;
}
.caldayheading {
	background-color: #000;
	color: #fff;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 10px;
	text-align: center;
	padding: 6px 2px 6px 2px;
}
.caldaycells{
	color: #000;
	background-color: #D1D7E6;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	text-align: center;
	padding: 4px;
	border: 1px #E0E5F1 solid;
	cursor: pointer;
}
.caldaycellhover{
	color: #fff;
	background-color: #B3BCD4;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	text-align: center;
	padding: 4px;
	border: 1px #B3BCD4 solid;
	cursor: pointer;
}
.caldayselected{
	background-color: #737FAC;
	color:	#fff;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	border: 1px #566188 solid;
	padding: 3px;
	cursor: pointer;
}
.calblanktop {
	background-color: #fff;
	padding: 4px;
}
.calblankbot {
	background-color: #fff;
	padding: 4px;
}

