body {
	font-family:			verdana, helvetica, arial, sans-serif;
	font-size:				76%;
	color:					#000;
	background: 			url("img/fluidBG.png") white repeat-y top right;
	margin:					0 0 0 0;
	padding:				0 0 0 0;
}

h1, h2, h3, h4 {
	font-family: Georgia, "Times New Roman", Times;
}

h1 {
	font-size:			1.5em;
	font-weight:		normal;
	margin-top:			0em;
	margin-bottom:		0em;
	padding-bottom:		0.3em;
	display:			block;
	border-bottom:		3px solid #ccc;
	text-shadow:		4px 4px 5px rgba(40,40,40,0.4);
}

h2 {
	font-size:		1.4em;
	font-weight:	normal;
	margin:			1.2em 0em 0.6em 0em;
	text-shadow:	3px 3px 6px rgba(40,40,40,0.3);
}
h3 {
	font-size:		1.3em;
	font-weight:	normal;
	margin:			0.5em 0em 1.2em 0em;
}
h4 {
	font-size:		1.2em;
	font-weight:	bold;
	padding:		0 0 0.3em 0;
	display:		block;
	border-bottom:	3px solid #ccc;
	margin:			1.2em 0 0 0;
}
h5 {
	font-size:		1.0em;
	font-weight:	bold;
	margin:			1.2em 0em 1.2em 0em;
}
h6 {
	font-size:		0.8em;
	font-weight:	bold;
	margin:			1.2em 0em 1.2em 0em;
}
img {
	border:	0;
}

b, strong {
	font-weight:	bolder;
}

I {
	font-style:	italic
}

blockquote {
	font-size:			1em;
	background-color:	#F8F5F5;
	padding:			5px;
	border:				1px solid #F0F0F0;
	margin:				10px 20px 10px 20px;
}

code, .codeclass, .codestring, .codeconstant, .codefunction, .codemethod, .codemember, .codeivar, .codeprotocol, .codetype, .codemodule {
	font-family:		"Bitstream Vera Sans Mono", "Deja Vu Mono", Monaco, monospace;
	font-size: 110%;
	display:			inline;
	/*margin:			0 0 0 30px;
	text-indent:		-25px;*/
	white-space:		pre;
}

tt {
	font-size:			1.1em;
	font-family:		Courier New, Courier, mono;
	line-height:		1.4em;
}

div.toc dt {
	white-space: normal;
}   

div.toc span.chapter {  
	font-size:		1.4em;
	font-weight:	normal;
	margin:			1.2em 0em 0.6em 0em;
	text-shadow:	3px 3px 6px rgba(40,40,40,0.3);
}   

div.chapter > div.titlepage h2 {
	font-size:		1.5em;
	font-weight:	normal;
	margin-top:		0em;
	margin-bottom:	0em;
	padding-bottom:	0.3em;
	display:		block;
	border-bottom:	3px solid #ccc;
	text-shadow:	4px 4px 5px rgba(40,40,40,0.4);
}

code i {
	font-family:	verdana, helvetica, arial, sans-serif;
	font-size:		smaller;
	color:			#777;
	padding:		5px 0 5px 10px
}

li ul li {
	list-style:	disc;
}

ul.breadcrumbs {
	list-style-type:	none;
	padding:	0 0 0 20px;
	margin:		8px 0;
	font-size:	0.9em;
}

ul.breadcrumbs li {
	list-style:	none;
	display:	inline;
	padding:	0 3px 0 2px;
}

.subsection {
	border:		1px dotted gray;
	margin:		10px 40px;
	font-size:	0.9em;
}

.subsection code {
	font-size:	1.2em;
}

#menu ul {
	list-style:	none;
	padding:	0;
	margin:		0;
}

#menu ul li {
	list-style:	none;
}

#footer ul {
	list-style-type: none;
	padding:	0 ;
	margin: 0 0 0 10px;
	text-align: center;
	display: block;
	clear: both;
}

#footer ul li {
	display: block; /* IE/Win */
	float: left;	/* IE/Win */
	padding:	0;
	margin: 0 0 0 0.5em;
}

/* Hide these from IE/Win */
html>body #footer ul li {
	display: inline;
	float: none;
	margin: 0;
}

.hl_images {
	padding:	10px 0 10px 50px;
}

p {
	font-size:		1.0em;
	line-height:	1.2em;
	text-align:		justify;
	margin:			1em;
}

A { 
	color:				#497AA8;
	font-weight:		bold;
	text-decoration:	none;
	background-color:	transparent;
}

A:hover {
	text-decoration:	underline;
}

.docinfo {
	font-size:	0.9em;
	font-style:	italic;
}

	/* divs */

#header {
	color:				#000000;
	background-color:	transparent;
	width:				350px;
	margin:				0;
	padding:			0;
}

#content {
	color:				#000000;
	background-color:	transparent;
	margin:				0;
	
	float: left;
	
	width: 70%;
}

#coreContent {
	padding:			0px 0 30px 40px;
}


#appsList li {
	width: 		45%;
	float: 		left;
	
	margin-left: 	10px;
}

#appsAsterisk {
	clear: 			both;
	padding-top:		1em;
}

#menu {
	padding:	20px 0px 0 1px;
	text-align: right;
	
	color: inherit;
	background: transparent;
}

#footer {
	font-size:			0.9em;
	line-height:		1.5em;
	text-align:			center;
	color:				#777;
	background-color:	transparent;
	width:				70%;
	clear:				both;
	margin:				20px 0 0 20px;
	border-top:			1px solid #ccc;
	padding:			5px;
}

#footer a, #hosted a {
	color:				#ACD;
	font-weight:		bold;
	text-decoration:	none;
	background-color:	transparent;
}

#footer a:hover, #hosted a:hover { 
	color:				#777;
	font-weight:		bold;
	text-decoration:	underline;
	background-color:	transparent;
}

#hosted {
	font-size:		0.9em;
	text-align:		center;
	color:			#777;
	width:			70%;
	border-top:		1px solid #ccc;
	margin-left:	20px;
	padding:		5px;
	clear: both;
}

#oldVersionWarning{
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	
	border: 4px dashed black;
	text-align: center;
	
	padding: 4px;
	font-weight: bold;
	
	color: red;
	background: yellow;
}

#compliancebadges {
	float: right
}

.image {
	text-align: center;
}

.image img {
	border: 2px groove silver;
}

.screenshot {
	text-align: center;
	margin: 30px 0;
}

.screenshot .caption {
	display: block;
	font-weight: bold;
}

.cutoutscreenshot {
	text-align: center;
	margin: 1em 1em 0em 1em;
	padding: 0.5em;
	
	float: right;
}

.cutoutscreenshot .caption {
	font-size: 0.8em;
	text-align: center;
}

.cutoutscreenshot .caption h1 {
	border: none;
	
	text-align: center;
	display: block;
	font-weight: bold;
}


.download {
	padding-bottom: 5px;
	padding-left: 5px;

	margin-bottom: 5px;
}

.download .size {
	font-size: smaller;
	font-style: oblique;
}

.download .description:before {
	content: " - ";
}

.announcement {
	text-align: center;
	border: #888 1px dotted;
	font-size: larger;
	
	padding: 1.5em;
	padding-left: 50px;
	
	color: inherit;
	background: url('img/newAtAngle.png') #eee no-repeat left;
	
	margin-left: 40px;
	margin-right: 40px;
	
}

.frontPageBlurb {
	margin-top: 2em;
	padding-top: 0.5em;
}

.blackbox {
	border: solid black 2px;
	padding-left: 1em;
}
.note:before {
	font-weight: bold;
	content: "NOTE: ";
}

.headerIcon {
	float: right;
}

/* Styles used in the developer docs
 */

.sidenote {
	border: 1pt solid lightgray;
	background: #f0f0f0;
	width: 90%;
	font-size: 90%;
	/*Center it*/
	margin-left: auto;
	margin-right: auto;
}
.sidenote h4 {
	margin-top: 0.2em;
	margin-left: 0.2em;
}

.requirementstatus { 
	font-style: italic; 
}

/*	white-space: (and therefore this class) can only be 
 *	applied to block elements.
 */
.documentationCodeBlock {
	white-space: pre;
}

.clearing {
	clear: both;
}


#notifications #priorityList {
	margin-left: 6em;
}

#notifications #priorityList .veryLow {
	background: inherit;
	color: #66F;
}

#notifications #priorityList .normal {
	background: inherit;
	color: #777;
}

#notifications #priorityList .emergency {
	background: inherit;
	color: #F42;
}

#notifications dt {
	font-family: sans-serif;
}
#GABQuickReference dt {
	font-family: sans-serif;
}
#GABQuickReference dt .heading {
	text-decoration: underline;
}
#GABQuickReference dd {
	border: 1pt black solid;
	margin-bottom: -1px;
}
#GABQuickReference dd .heading {
	font-weight: bold;
}

#platforms dt {
	margin-top: 1em;
}

#frontPageNews .date {
	font-family:  "courier new" , courier, monospace;
	text-align: right;
	
	margin-top: -20px;
}

/*for the test apps section*/

#testapps .requirements:before {
	content: "Criteria: ";
	font-weight: bold;
}
#testapps .contact:before {
	content: "Contact: ";
	font-weight: bold;
}
#testapps .instructions:before {
	content: "Instructions: ";
	font-weight: bold;
}
#testapps .growlversion:before {
	content: "For Growl version: ";
	font-weight: bold;
}
#testapps .copyright:before {
	content: "Copyright: ";
	font-weight: bold;
}

/*for the version history sections*/

#version_history dt {
	font-family:	Georgia, "Times New Roman", Times;
}
#version_history dt.version {
	font-size:		1.4em;
	font-weight:	normal;
	margin:			1.2em 0em 0.6em 0em;
	text-shadow:	3px 3px 6px rgba(40,40,40,0.3);
	border-bottom:	2px dotted gray;
}

#version_history dt.section {
	font-size:		1.3em;
	font-weight:	normal;
	margin:			0.5em 0em 1.2em 0em;
	border:			1px dotted gray;
}

#version_history dt.subsection {
	font-size:		1.2em;
	font-weight:	normal;
	margin:			0.5em 0em 1.2em 0em;
	border:			0;
}


#badges dt {
	font-family:	Georgia, "Times New Roman", Times;
}

.downloadSub {
	color: #888888;
	font-size: 11px;
}
.downloadInfo:link, .downloadInfo:visited {
	color: #888888;
	font-size: 11px;
	text-decoration: none;
}
.downloadInfo:hover {
	color: #888888;
	text-decoration: underline;
}

#content .download {
	text-align: center;
	padding-top: 20px;
}
#content .downloadSub {
	text-align: center;
	padding-top: 6px;
}
#content .downloadlink {
	display: block;
}
#content .downloadicon {
	width: 128px;
	height: 128px;
	padding-bottom: 6px;
}

#applications h2 {
	clear: both;
}
/* XXX Spacing bug: We need a way to vertically-center cells for when the image's height is less than 128 px. */
#applications .application {
	float: left;
	height: 140px;
	padding: 10px;
}
#applications .application a {
	font-size: 10pt;
	font-color: #000000;
	text-decoration: none;
}