/* Default AAPT Stylesheet */
/* Updated: 10/14/2009 */

/* Built for any pages on the aapt.org domain */
/*
see aapt.css for structural layout
that pertains to the current site theme
*/

/* The basics */
html, body {
	width:100%;
	
	color:#333;
	/*background-color:#fff;*/
	/*text-align:center;*/
}

html {
	background-color:#fff;
	font-family: Verdana, sans-serif;
	font-size:10pt;
	z-index:0;
}

body {line-height:1.5;}

strong {font-weight:bold}

em {font-style:italic}

u {text-decoration:underline}

sup {
	font-size:.7em;
	vertical-align:top;
}

sub {
	font-size:.7em;
	vertical-align:baseline;
}

p {
	margin: .2em 0 .2em 0;
}

a {outline:none}
a, a:link, a:active {color:#036}
a:visited {color:#666}
a:hover {color:#258}

img { -ms-interpolation-mode: bicubic; }

h1, h2, h3, h4, .CS_Textblock_Caption {font-weight:bold;}

h1, .CS_Textblock_Caption {
	font-size:1.4em;
	text-shadow: 1px 1px 2px rgba(0,0,0,.4);
	margin-bottom:.6em
}

h2 {
	font-size:1.2em;
	color:#036;
	border-bottom:1px solid #ddd;
	margin-top:.8em;
	margin-bottom:.2em;
	
	font-family:Georgia, "Times New Roman", Times, serif;
}

h3 {
	font-size:1em;
	color:#444;
	margin-top:.8em;
}

h4 {
	font-style:italic;
	font-size:1em;
	/*margin-left:.2em;*/
	color:#555;
	margin-top:.8em;
}

.warning, .error, .note {
	margin:.5em auto;
	padding:.2em;
	margin-bottom:.5em;
	text-align:center;
	font-weight:bold;
	
	border-width:2px;
	border-style:solid;
	
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	border-radius:1em;
}

.warning {
	color:#900;
	background:#ffb;
	border-color:#fb2;
}

.error {
	color:#fff;
	background:#900;
	border-color:#500;
}

.note {
	color:#000;
	background-color:#a9d37e;
	border-color:#99bf72;
}

.highlight {
	font-weight:bold;
	color:#258;
}

.required {
	color:#900;
	font-weight:bold;
}

form .required {
	vertical-align:top;
}

/* Lists */	
ul, ol {
	margin-left:2em;
	list-style-position:outside;
}

li {
	list-style-position:outside;
	margin-top:.4em;
}

ul li, ol ul li {list-style:disc}
ul ul li, ol ul ul li {list-style:circle}
ul ul ul li, ol ul ul ul li {list-style:square}

ol li, ol ol ol ol li {list-style:decimal}
ol ol li, ol ol ol ol ol li {list-style:lower-alpha}
ol ol ol li, ol ol ol ol ol li {list-style:lower-roman}

/* tables */
/*
Note: These are the CLASS "table" because of a lot of legacy code that used tables for 
layouts instead of divs. Until this code is cleaned up and uses alternative means for
layouts, you must use the class "table" on a table tag to make use of these styles for
tabular data. (9/28/2009, C. Phillips)
*/

.table, .tabular {
	border-collapse:separate;
	border:1px solid #444;
	margin:1em;
}	

.table th, .tabular th, .table td, .tabular td {
	padding:.4em;
}

.table th, .tabular th {
	border-width:0;
	border-right-width:1px;
	border-style:solid;
	border-color:#258;
	
	background-color:#036;
	background-repeat:repeat-x;
	background-position:top;
	background-image:url('../images/th_grad.gif');
	
	font-weight:bold;
	text-align:center;
	color:#eee;
}

.table th a, .tabular th a {
	color:#eee;
}

.table th a:hover, .tabular th a:hover {
	color:#fff;
}

.table td, .tabular td {
	background-color:#eee;

	border-width:0;
	border-right-width:1px;
	border-style:solid;
	border-color:#fff;
	
	border-bottom:1px solid #fff;
}

.table tr.alt td, .tabular tr.alt td {
	background-color:#fff;
}

/* Forms */
form  {
	margin:1em;
}

form input, form textarea, form select {
	border:1px solid #444;
}

form input[type="checkbox"], form input[type="radio"] {border:none}

form input, form textarea, form fieldset {
	padding:.4em;
	margin:.4em;
}

form input[type="text"] {
	padding:.4em;
	vertical-align:bottom;
}

form option {padding:.4em;}

form select {margin:.4em;}

form fieldset {
	border:1px solid #ddd;
	
	border-radius:1em;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;	
}

form legend {
	margin-left:.1em;
	padding:.2em .2em 0 .2em;
	font-weight:bold;
	color:#036;
}

form select, form textarea {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10pt;
	vertical-align:middle;
}

form input[type="text"], form input[type="password"], form textarea {
	border-radius:1em;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	
}

form optgroup {
	font-weight:bold;
	font-style:normal;
	color:#258;
	margin:.2em;
}

form option {
	font-weight:normal;
	color:#333;
	vertical-align:middle;
}

form label {
	vertical-align:middle;
	line-height:1.8em;
}

form input[type="submit"]
, form input[type="reset"]
, form input[type="button"] {
	font-weight:bold;
	font-size:1.04em;
	padding:.2em 1em .2em 1em;
	
	background-image:url('../images/button_normal.gif');
	background-position:top center;
	background-repeat:repeat-x;
	background-color:#eee;
	
	border-width:1px;
	border-style:solid;
	
	border-top-color:#eee;
	border-left-color:#eee;
	border-right-color:#444;
	border-bottom-color:#444;
	
	-moz-border-radius:1.2em;
	-webkit-border-radius:1.2em;
	border-radius:1.2em;
}

form input[type="submit"]:active
, form input[type="reset"]:active
, form input[type="button"]:active {
	background-image:url('../images/button_depressed.gif');
	background-position:top center;
	background-repeat:repeat-x;
	background-color:#eee;
	
	border-top-color:#444;
	border-left-color:#444;
	border-right-color:#eee;
	border-bottom-color:#eee;
}

/* general classes */
.tools li {
	display:inline;
	margin:0 1em 0 0;
	list-style-type:none;
}

.skip {
	left:-9000px;
	height:0;
	width:0;
	font-size:.1em;
	overflow:hidden;
	position:absolute;
}

p.indent {text-indent:1em}

/* Clearing solutions */
.clear {clear:both !important; float:none !important; margin:0 !important; padding: 0 !important; border:0 !important; font-size: 0.1em !important}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

.right {float:right;text-align:right}
.right img, img.right, .left img, img.left {
	margin:1em;
}
.left {float:left;text-align:left}
.center {
	text-align:center;
	margin:0 auto;
}

.noborder {
	border:none !important;
}

a.button {
	/*display:block;*/
	
	background-color:#ddd;
	padding:.4em;
	
	text-decoration:none;
	color:#222;
	font-weight:bold;

	border-width:1px;
	border-color:#aaa;
	border-style:solid;
	
	border-top-color:#eee;
	border-left-color:#eee;
}

a.button:hover {
	background-color:#eee;
}

a.button:active {
	border-bottom-color:#fff;
	border-right-color:#fff;
	border-top-color:#aaa;
	border-left-color:#aaa;
}

.infobox {
	text-align:left;
	
	font-size:.9em;
	
	width:28%;
	margin:.8em;
	padding:0 .4em .4em .4em;
	
	border:2px solid #ccc;
	background-color:#f5f5f5;
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

.infobox h2 {margin-top:0}

.infobox p, .infobox h3 {margin:0 0 .1em 0 !important}

.caption {font-size:.8em}

.cite, cite {
	font-style:italic;
	font-family:inherit;
	font-size:inherit;
}

.sidenote {
	font-size:.8em;
	font-style:italic;
}

.strike, span.strike {
	text-decoration:line-through;
}

.nobullets li {list-style-type:none !important}

/* text styles */
.tl {text-align:left !important}
.tr {text-align:right !important}
.bold {font-weight:bold}
.footnote {font-size:.8em;color:#333;}
ol.upperalpha > li {list-style:upper-alpha}