@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

p	{
	margin:0;	
}
/* Overrides For Old Styles */
#wrap	{
	width:100%;	
	margin-top:1em;
}
#main-body	{
	clear:both;
	width:100%;	
	float:left;
	background-color:#fff;
}
body	{
	background-color:#eaf1f8;	
	font: 0.75em/1.5em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

a:link, a:visited {
	color: #930;
	text-decoration: underline;
	/*font-weight: bold;*/
}
a:hover, a:active {
	color: #000000;
	text-decoration: none;
	/*font-weight: bold;*/
}
legend	{
	color:#000;	
	margin-bottom:1em;
	font-size:1.1em;
	font-weight:bold;
}
.inside	{
	padding:0.3em 0;	
}

.odd,
td.odd {
	background-color:#eee;
}
.even	{
	background-color:#ddd;
}

h1 {
	font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;
	font-size:1.5em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:1.5em;
}



/* End overrides For Old Styles */
.standardButton	{
	border:0;
}
.pseudoButton:link,
.pseudoButton:visited,
.standardButton	{
	display:inline-block;
	background-color:#9c413a;
	color:white;	
	padding:0.8em 2.5em;
	border-radius:0.5em;	
	box-shadow:0.1em 0.1em 0.1em 0.1em  #999;
	text-align:center;
	text-decoration:none;
	margin-top:0.4em;
	margin-bottom:0.7em;
	text-decoration:none;
}
.pseudoButton:hover,
.standardButton:hover	{
	/*
	background-color:#000;
	color:white;	
	box-shadow:0.1em 0.1em 0.1em 0.1em  #333;
	*/
	background-color:#fbbab5;
	color:black;	
	box-shadow:0.1em 0.1em 0.1em 0.1em  #000;
	
}

.pseudoButtonInactive:link,
.pseudoButtonInactive:visited	{
	background-color:#666;	
	color:#333;
	box-shadow:0.1em 0.1em 0.1em 0.1em  #999;
}

.pbSmall:link,
.pbSmall:visited	{
	padding:0.2em 1em;
}

#welcomeButtons a.pseudoButton	{
	font-size:125%;
	padding:0.8em;	
	color:white;
	text-decoration:none;
}

#header	{
	height:115px;	
	text-align: left;
	background: url(../../images/layout/tsz-topbar.jpg) repeat-x;
	padding:0;
}


.headerMessage	{
	color:green;
	display:block;
	padding:0.4em;
	padding-bottom:1em;
	background-color:white;
	border-radius:0.5em;
	text-align:center;	
	margin:0.2em 0;
}

.hmOK	{
	color:green;	
}
.hmError	{
	color:red;	
}
	
.clearFloat	{
	clear:both;	
}

.bold	{
	font-weight:bold;	
}


/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 97%;
	padding-left: 1.5%;
	padding-right: 1.5%;
}
h2	{
	line-height:1.3em;	
}
.mobileOnly	{
	display:inline-block;	
}
.mobileFullWidth	{
	width:100%;	
}

#banner	{
	display:none;	
}

#join{
	display:none;
}

.desktopOnly	{
	display:none;	
}

#navWrapper	{
	background-color:#2d2d2d;	
}
#navWrapper a.menuItem	{
	display:inline-block;
	padding:1em 2em;
	text-decoration:none;	
	font-weight:normal;
	color:white;
	background:none;	/*Override old style*/
	border:none;		/*Override old style*/
	margin:0;			/*Override old style*/
	height:auto;		/*Override old style*/
	font-size:1em;		/*Override old style*/
}

#navWrapper a.menuItem:hover,
#navWrapper a.menuItem.active	{
	color:#ff6051;	
	font-weight:normal;
	background:none;	/*Override old style*/
	border:none;		/*Override old style*/
}


#left {
	display: none;
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
}
#content {
	width: 100%;
	display: block;
	background:none;	/*Override old style*/
}

#main-content{
	background:#ff6051;
	padding:1em;
	border-radius:0.5em;
}

#pageBannerWrapper	{
	padding-top:2em;	
}

#footer{
	background:#2d2d2d;
	color:#fff;
	text-align:center;
	clear:both;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-top: 0.4em;
}

#footer a	{
	color:white;	
}


.buttonWrapper	{
	text-align:center;
	padding-right:0;	
}


.warningBox	{
	color:orange;
	display:block;
	padding:0.4em;
	background-color:white;
	border-radius:0.5em;
	text-align:center;
	margin-bottom:1.5em;
}




/*Profiles Index Page */
.profilePreviewWrapper {
	float:left;
	width: 31%;
	height: 100px;
	margin: 1%;
	overflow-y: hidden;
	background-color: white;
	text-align:center;
	border-bottom-right-radius: 1em;
}
img.profilePreview {
	overflow: hidden;
	margin: auto auto;
}
.profilePreviewWrapper:hover {
	box-shadow: 0.2em 0.2em 0.1em 0.1em  #666;
}


/*Information boxes on main screen*/
.infoContentBox	{
	background: #fbbab5;
	color:#000000;
	padding:1em 1%;
	border-radius:0.5em;
	box-shadow:0.1em 0.1em 0.1em 0.1em  #333;
}
.icbRight	{
	float:none;
	width:98%;	
}
.icbLeft	{
	float:none;
	width:98%;	
	margin-bottom:2em;
}
.icbFullWidth	{
	clear:both;
	width:98%;	
}
.infoContentBox h1,
.infoContentBox h2	{
	margin-top:0;	
}

/* user.php screen */
#userInteract .pseudoButton,
#userInteract .pseudoButton:visited	{
	width:50%;
	padding-left:1em;
	/*color:white;*/
	text-align:left;	
}
#userInteract .pseudoButton:hover	{
	/*color:white;*/
}



/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 97%;
	padding-left: 1.5%;
	padding-right: 1.5%;
}
.mobileOnly	{
	display:block;	
}
.mobileFullWidth	{
	width:auto;
}
.desktopOnly	{
	display:none;	
}
.standardButton	{
	padding:0.4em 2.5em;
}
.buttonWrapper	{
	text-align:right;
	padding-right:0;	
}

#left {
	clear: none;
	float: left;
	margin-left: 0;
	width: 20%;
	/*display: block;*/
	display:none;
}
#content {
	clear: none;
	float: right;
	margin-left: 0%;
	width: 100%;
	display: block;
}


/*Profiles Index Page */
.profilePreviewWrapper {
	float:left;
	width: 18%;
	margin: 1%;
	overflow-y: hidden;
	background-color: white;
}


}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 93.1%;
	max-width: 1232px;
	padding-left: 0.95%;
	padding-right: 0.95%;
	margin: auto;
}
.mobileOnly	{
	display:none;	
}
.mobileFullWidth	{
	width:auto;
}
.standardButton	{
	padding:0.4em 2.5em;
}
.desktopOnly	{
	display:block;	
}

.inside	{
	padding:0.3em 0.8em 0.8em 0.8em;	
}


.buttonWrapper	{
	text-align:right;
	padding-right:1em;	
}
#logo	{
	float:left;	
	width:20%;
}

#join	{
	display:inline;
}

#banner	{
	display:block;
	float:left;
	width:75%;
	padding:0.5em 5% 0.5em 0;
	text-align:right;
	/*max-height:56px;	*/
}
#banner img	{
	max-height:50px;	
}

#menu	{
	float:left;	
	width:80%;
	height:59px;
	background:none;	/*Override old style*/
}
#navWrapper	{
	margin-top:0.5em;	
}

#left {
	clear: none;
	float: left;
	margin-left: 0;
	padding-top:0.3em;
	width: 20%;
	display: block;
	color:#000;
}

#left h1	{
	font-weight:bold;
	font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;
	font-size:1.2em;
	color : #000000;
	padding:0.2em 0.5em;
	background:none;	/*Override old style*/
	/*border:1px solid #ff6051;*/
	border-radius:0.25em;
	box-shadow:0.0em -0.1em 0.1em 0.1em #ffc6c1;
}
#left h1.topItem	{
	margin-top:0;	
}


#frmSideLogin	{
	border:1px solid #ff6051;
	margin-left:0.4em;
	padding:0.3em;
	border-radius:0.5em;	
}

#frmSideLogin h1	{
	padding:0;
	margin:0;
	box-shadow:none;	
}

#frmSideLogin label	{
	padding-left:0;	
	padding-top:0.4em;
	display:inline-block;
}
#frmSideLogin #user,
#frmSideLogin #password	{
	width:91%;
	padding:0.3em 2%;
	font-size:1.2em;
}

#frmSideLogin #registerButton	{
	background-position:center;
	/*background-repeat:repeat-x;*/
	display:inline-block;
	width:90%;
	margin:0.4em 5% 0 5%;
	padding:0.6em 0;
	text-decoration:none;	
	text-align:center;
	border-radius:0.3em;
	font-weight:normal;
	background-color:#2d2d2d;
	color:white;
	font-weight:bold;
}

#frmSideLogin #registerButton:hover	{
	background-color:#000;
}



/* NAVIGATION LINKS */
#usersubmenu,
#infosubmenu,
#adminsubmenu	{
	margin-bottom:2em;	
}

#usersubmenu p,
#infosubmenu p	{
	margin:0;	
}
.navLink:link,
.navLink:visited	{
	display:block;
	color:#fff;
	background-color:#ff6051;
	padding:0.5em 1.2em;
	border-radius:0.25em;	
	text-align:left;
	text-decoration:none;
	margin-bottom:0.5em;
	margin-top:0px;
	width:auto;				/*Override old style*/
	font-weight:normal;		/*Override old style*/
}
.navLink:hover	{
	background-color:#2d2d2d;
	color:white;	
}


#content {
	clear: none;
	float: right;
	margin-left:0%;
	width: 80%;
	display: block;
}

#main-content {
	min-height:40em;	
}



/*Profiles Index Page */
.profilePreviewWrapper {
	width: 100px;
	height: 100px;
	overflow-y: hidden;
	float: left;
	margin: 0 10px;
	border: 10px solid white;
	background-color: white;
}
img.profilePreview {
	width: 100px;
	overflow: hidden;
	margin: auto auto;
}
.profilePreviewWrapper:hover {
	box-shadow: 2px 2px 1px 1px #666;
	border-bottom-right-radius: 10px;
}




/*Information boxes on main screen*/
.icbRight	{
	float:right;
	width:46%;	
}
.icbLeft	{
	float:left;
	width:46%;	
}
.icbFullWidth	{
	clear:both;
	width:98%;	
}




}