/* 
	Common.css style sheet for AWA101
	- Commonly used tags and classes accross all pages and medias
	(c)2010 Wiliam
*/

/*	General	*/
* { margin: 0; padding: 0; border: 0; outline: none; font-family: Arial, Helvetica, Sans-Serif; }
body { font-size: 0.8em; color: #222; }
hr { visibility: hidden; }
a { color: #3399ff; xcolor: #f3b90e; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }
a img { border: 0; }
p { font-size: 1.0em; line-height: 1.5em; margin-bottom: 1em; }
h1, .main-heading { font-size: 2em; color: #2a3795; font-weight: bold; line-height: 1em; text-transform: uppercase; margin: 0; padding: 0 0 0.75em 0; vertical-align: top; }
h1 a { font-weight: normal; color: #2a3795; }
h2, .sub-heading { color: #2a3795; line-height: 1.6em; font-size: 1.7em; font-weight: normal; margin-bottom: 0.5em; text-transform: uppercase }
h2 a { font-weight: normal; color: #2a3795; }
h3 { color: #2a3795; font-size: 1.3em; font-weight: bold; margin-bottom: 0.8em; text-transform: uppercase}
h3.title { display: block; background-color: #52bdec; width: auto; color: #fff; padding: 0 5px; line-height: 2.0em; font-size: 1.2em }
h3.title span {font-size: 0.75em; font-weight: normal; color: #fff; }
h4.title { display: block; line-height: 1.5em; font-size: 1.1em; color: #000; margin-bottom: 0.8em}
fieldset legend { display: none; }
input, textarea { font-size: 1.0em; border: solid 1px #ccc; }
input.textbox { margin: 4px 0; border: solid 1px #ccc; height: 1.5em; line-height: 1.5em; }
input.button { padding: 5px; color: #fff; background: #f3b90e; cursor: pointer; font-weight: bold; }
textarea { margin: 4px 0; border: solid 1px #ccc; overflow-y: auto; }
select { border: solid 1px #ccc; }
ul { margin-left: 1.4em; margin-bottom: 1.25em }
ul li { text-indent: 0; list-style-image: url(../Images/bullet.gif); line-height: 1.6em }
ul li a { font-weight: normal; }

.small { font-size: 0.85em }
/*.small a, a.small { font-weight: bold; }*/

/*	Floats, Clearing and Clearfix */
.nodisplay { display: none; }
.floatleft { float: left; display: block; }
.floatright { float: right; display: block; }
.clearfloats { float: none; clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/*	Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/*	End hide from IE-mac */
.clearfix { display: inline-block; }