/*
. = class
# = id
*/

	/*DIMMENSIONS*/
	/*SPACING*/
	/*VISUAL*/
	/*TEXT*/
	/*BEHAVIOR*/
	/*ANIMATION*/

body
{
	/*SPACING*/
	margin: 0;
	
	/*VISUAL*/
	background-color: #f5e5f2;	/*#00 PURPLE-GRAY (DARK)*/
	
	/*TEXT*/
	font-family: arial, sans-serif;
}

/*MAIN PAGE CONTENT*/
#main
{
	/*SPACING*/
	margin-left: 250px;
	padding: 15px;
	
	/*TEXT*/
	text-align: center;
}


























/*OBJECT LIST (ul)*/
.objectList
{
	/*SPACING*/
	padding: 0px;
	
	/*TEXT*/
	list-style-type: none;
}

/*OBJECT ROW (LI)*/
.objectRow
{
	/*VISUAL*/
	background-color: #fffff9;	/*#10 OFF WHITE*/
}

/*UNEVEN OBJECT ROW (LI)*/
.objectRow:nth-child(odd)
{
	/*VISUAL*/
	background-color: #faf2f8;	/*#01 PURPLE-GRAY (LIGHT)*/
}

/*OBJECT ROW LINK*/
.objectRow a
{
	/*SPACING*/
	padding: 15px;
	
	/*TEXT*/
	text-decoration: none;	/*DONT ADJUST TEXT*/
	color: #484844;			/*GRAY FONT COLOR*/
	
	/*BEHAVIOR*/
	display: block;			/*DISPLAY AS BLOCK*/
}

/*HOVER OVER A LINK IN THE SIDEBAR MENU*/
.objectRow a:hover
{
	/*VISUAL*/
	background-color: #f4f4f4;	/*#24 GREY (LIGHTEST)*/
	
	/*TEXT*/
	color: #000000;				/*BLACK FONT COLOR*/
	font-weight: bold;
}













/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */

/*
@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
}
*/



.message
{
	border-radius: 10px;
	
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	
	width: 75%;
	
	padding: 5px;
	margin: auto;
}

.successMessage
{
	border: 1px solid #00a300;		/*GREEN (DARK)*/
	background-color: #00e800;		/*GREEN (MEDIUM)*/
	box-shadow: 2px 2px #2fff2f;	/*GREEN (LIGHT)*/
}

.noticeMessage
{
	border: 1px solid #999999;		/*GREY (DARK)*/
	background-color: #959595;		/*GREY (MEDIUM)*/
	box-shadow: 2px 2px #afafaf;	/*GREY (LIGHT)*/
}

.warningMessage
{
	border: 1px solid #ffaf1a;		/*ORANGE (DARK)*/
	background-color: #ffbf48;		/*ORANGE (MEDIUM)*/
	box-shadow: 2px 2px #ffcf76;	/*ORANGE (LIGHT)*/
}

.errorMessage
{
	border: 1px solid #E60000;			/*RED (DARK)*/
	background-color: #ff3b3b;			/*RED (MEDIUM)*/
	box-shadow: 2px 2px 2px #ff8f8f;	/*RED (LIGHT)*/
}