#FooterClearer
	{
		clear: both;
		height: 25px;
	}

.clearer
	{
		clear:both;
	}

fieldset,
img
	{
		border: 0px;
	}

a
	{
		color: #C56127;
		text-decoration: none;
	}

a:hover
	{
		text-decoration: underline;
	}

a:active,
a:focus
	{
		outline: 0;
	}


h2
	{
		clear: both;
		display: block;
		
		padding-top: 10px;
		color: orange;
		font-size: 1.7em;
		font-weight: bold;
	}

p
	{
		margin-left: 35px;
		margin-top: 10px;
		margin-bottom: 10px;
		line-height: 1.7em;
	}



li
	{
		margin-left: 0px;
	}



	
/*================================================================================================
	Global:	PageWrapper
================================================================================================*/

div#GlobalPageWrapper
	{
		position: relative;
		
		margin-right: auto;
		margin-left: auto;
		width: 100%;
	}

* html div#GlobalPageWrapper
	{
		width: 100%;
	}

div#GlobalContentWrapper
	{
		position: relative;
		
		padding-left: 20px;
		padding-bottom: 15px;
		
		margin-right: 20px;
	}

div#GlobalFlashError,
div#GlobalFlashError *
	{
		padding: 1px;
		margin: 4px;
		font-size: 0.9em;
		color: red;
	}

div#GlobalFlashNotice
	{
		padding: 7px;
		font-size: 1.1em;
		color: green;
	}

	
/*========================================================
	GlobalMenu
========================================================*/

div#GlobalMenu
	{
		position: absolute;
		top: 80px;
		left: 0px;

		width: 200px;
	}

	
div#GlobalMenu .group a
	{
		display: block;

		border: 0px;
		border-top-width: 1px;
		margin-right: 20px;
		margin-left: 20px;
		padding: 3px;
		
		border-color: #ddd;
		border-style: solid;
		text-align: left;
	}


div#GlobalMenu .group a:first-child
	{
		border: none;
	}


div#GlobalMenu .group a.indented
	{
		padding-left: 25px;
	}

div#GlobalMenu h2
	{
		display: block;

		margin-top: 8px;
		margin-left: 10px;

		color: #888;
		font-size: 1.2em;
		font-weight: normal;
	}

div#AccountBox
	{
		margin: 5px;
		padding: 5px;
		border: 1px solid #777;
		
		background: #ccc;
	}

div#AccountBox h2
	{
		margin-top: 3px;
		margin-left: 5px;
	}


	
div#AccountBox .group a
	{		
		border-color: #777;
	}


div#AccountBox .group a:first-child
	{
		border: none;
	}

div#AccountBox .group a.indented
	{
		padding-left: 15px;
	}
	
/*================================================================================================
	Global:	Footer
================================================================================================*/
div#GlobalFooter
	{
		clear: both;
		position: relative;
		padding: 10px;
		background-image: url("../images/vertical_shadow_555bg.gif");
		background-repeat: repeat-x;
		border-top: 1px solid #333;

		text-align: center;
		font-size: 0.7em;
		color: white;
	}



/*================================================================================================
	Per-page stuff
================================================================================================*/

em.note
	{
		color: #999;
		display: block;
		margin-bottom: 3px;
		line-height: 1.1em;
	}

.searchbar
	{
		padding: 8px;
		margin-bottom: 10px;
		background: #eee;
	}
	
.formBox
	{
		width: 350px;
		margin: 4px;
		padding: 5px;
		border: 1px solid #888;
		background: #efefef;
	}

.formBox .beveledBox
	{
		border-top: 1px solid #ccc;
		padding: 5px;
		margin: 5px;
	}

.frame
	{
		margin: 5px;
		padding: 5px;
		border: 1px solid #ccc;
		background: #eee;
	}

.errorlist
	{
		padding: 0px;
	}
.errorlist,
.errorlist *
	{
		color: red;		
	}

.languageBar
	{
		position: relative;
		border: none;
		padding: 3px;
		font-size: 10px;
		color: #888;
	}

.languageBar a
	{
		color: #aaa;
	}
	
.languageBar a.current
	{
		color: black;
	}

.languageBar form
	{
		display: inline;
	}


#AskZattoo .even p,
#AskZattoo .odd p
	{
		margin: 0px;
		padding: 3px;
		padding-left: 7px;
		padding-right: 7px;
		color: darkbrown;
	}

#AskZattoo p.answer
	{
		margin-left: 25px;
		padding-bottom: 10px;
		font-weight: normal;
		color: #7E5300;
		width: 400
	}


#AskZattoo .odd
	{
		background: beige;
	}
	
#AskZattoo .even
	{
		background: #e7e4cd;
	}

#AskZattoo .even .toggler,
#AskZattoo .odd .toggler
	{
		cursor: pointer;
	}

#AskZattoo .searchbar form
	{
		display: inline;
	}

#AskZattoo textarea
	{
		width: 100%;
	}

/* IE6 hack: had a render-too-short bug when there were more than 130 options in a <select> */
* html #Waitlist fieldset
	{
		height: 400px;
	}

.systemReqs
	{
		font-size: 0.7em;
	}

#LoggedInMain .frame
	{
		display: block;
	}
#LoggedInMain .downloadLink
	{
		display: block;
		font-size: 1.2em;
		height: 30px;
		padding-top: 7px;
		padding-left: 30px;
		background: url("../images/zattooicon.gif");
		background-repeat: no-repeat;
	}

#InviteFriend textarea
	{
		width: 90%;
		height: 50px;
	}

#InviteFriend .submitbutton
	{
		text-align: right;
	}