/*
 * Default Style Sheet
 * 20091020
 *
 * # TOC
 * - reset
 * - fonts
 * - global
 * - headings
 * - standard elements
 * - list
 * - table
 * - form
 */


/* Some codes below are refered to Blueprint CSS Framework and Yahoo! UI Library
 * -------------------------------------------------------------------------------- *

	Blueprint CSS Framework 0.8
	http: //blueprintcss.org

	Copyright (c) 2007-Present.

	Code licensed under the (modified) MIT License: 
	The (modified) MIT License

	Permission is hereby granted, free of charge, to any person obtaining a copyof 
	this software and associated documentation files (the "Software"), to dealin the 
	Software without restriction, including without limitation the rightsto use, 
	copy, modify, merge, publish, distribute, sub-license, and/or sellcopies of the 
	Software, and to permit persons to whom the Software isfurnished to do so, 
	subject to the following conditions: 

	The above copyright notice, and every other copyright notice found in this 
	software, and all the attributions in every file, and this permission notice 
	shall be included in all copies or substantial portions of the Software.

	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS 
	ORIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF 
	MERCHANTABILITY,FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO 
	EVENT SHALL THEAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR 
	OTHERLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
	FROM,OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS 
	INTHE SOFTWARE.

	-------------------------------------------------------------------------------- 

	Yahoo! UI Library: Fonts CSS
	Copyright (c) 2009, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License: 
	http: //developer.yahoo.com/yui/license.html
	version: 2.7.0

	Font-size Adjustment
	 77% = 10px	|	123.1% = 16px	|	167% = 22px
	 85% = 11px	|	131%   = 17px	|	174% = 23px
	 93% = 12px	|	138.5% = 18px	|	182% = 24px
	100% = 13px	|	146.5% = 19px	|	189% = 25px
	108% = 14px	|	153.9% = 20px	|	197% = 26px
	116% = 15px	|	161.6% = 21px	|

	Percents could work for IE, but for backCompat purposes, we are using keywords.
	x-small is for IE6/7 quirks mode.

 * -------------------------------------------------------------------------------- */


/* reset
 * -------------------------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

abbr,
acronym{
	border: 0;
	font-variant: normal;
}

legend{
	color: #222;
}

input,button,textarea,select,optgroup,option{
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,button,textarea,select{
	*font-size: 100%;
}


/* fonts
 * -------------------------------------------------------------------------------- */

body{
	font: 13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size: small; /* for IE6/7 */
	*font: x-small; /* for IE Quirks Mode */
}

select,input,button,textarea{
	font: 99% arial,helvetica,clean,sans-serif;
}

table{
	font-size: inherit;
	font: 100%;
}

pre,code,kbd,samp,tt{
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}



/* global, anchors
 * -------------------------------------------------------------------------------- */

body{
	color: #222;
	background: #fff;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.4;
}

a{
	overflow: hidden;
	outline: 0;
	font-weight: bold;
	text-decoration: none;
}

a: link{
	color: #33f;
}

a: visited{
	color: #669;
}

a: link: hover,
a: visited: hover{
	color: #f39;
}

a: active{
	outline: none;
}

a: focus{
	-moz-outline-style: none;
}

a img{
	border: none;
}


/* headings
 * -------------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6{
	clear: both;
	color: #111;
	font-weight: normal;
}

h1{
	margin: 0 0 .5em 0;
	font-size: 138.5%;
}

h2{
	margin: 0 0 .75em 0;
	font-size: 123.1%;
}

h3{
	margin: 0 0 1em 0;
	font-size: 108%;
}

h4, h5, h6{
	margin: 0 0 1.25em 0;
	font-size: 100%;
	font-weight: bold;
}

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img{
	margin: 0;
}


/* standard elements
 * -------------------------------------------------------------------------------- */

p{
	margin: 0 0 1.5em 0;
	text-align: justify;
	text-justify: inter-ideograph;
}

blockquote{
	margin: 1.5em;
}

q{
	margin: 0 .25em;
	font-style: italic;
}

blockquote: before, blockquote: after,
q: before, q: after{
	content: "";
}

blockquote, q{
	quotes: "" "";
}

strong{
	font-weight: bold;
}

em, dfn{
	margin: 0 .25em;
	font-weight: normal;
	text-decoration: underline;
}

dfn{
	border-bottom: 1px #ccc solid;
}

sub, sup{
	line-height: 0;
	font-size: 100%;
}

* html sup{
	vertical-align: text-top;
}

* html sub{
	vertical-align: text-bottom;
}

abbr, acronym{
	border-bottom: 1px #666 dotted;
}

pre, code{
	margin: 1.5em 0;
	white-space: pre;
}

*+html p code{
	*white-space: normal;
} 

hr{
	clear: both;
	float: none;
	width: 100%;
	height: .1em;
	margin: 0 0 1.3em;
	background: #eee;
	color: #eee;
	border: none;
}

hr.spacer{
	display: none;
}

* html hr{
	margin: -5px auto 14px auto;
}

*+html hr{
	margin: -5px auto 14px auto;
}


/* unorderd/orderd/definition list elements
 * -------------------------------------------------------------------------------- */
/* unorderd/orderd list */


li ul, li ol{
	margin: 0 1.5em;
}

ul, ol{
	margin: 0 1.5em 1.5em 1.5em;
}

ul{
	list-style-type: disc;
}

ol{
	list-style-type: decimal;
}

* html ol{
	margin-left: 2em;
}

*+html ol{
	margin-left: 2em;
}


/* definition list */

dl{
	margin: 0 0 1.5em 0;
}

dl dt{
	font-weight: bold;
}

dd{
	margin: 0 0 0 1.5em;
}


/* table
 * -------------------------------------------------------------------------------- */
/* Tables still need 'cellspacing="0"' in the markup. */


table,
td, th{
	vertical-align: middle;
}

table{
	width: 100%;
	max-width: 100%;
	margin: 0 0 1.5em 0;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px #ccc solid;
}

caption{
	display: table-caption;
	caption-side: top;
	padding: 4px 10px 4px 5px;
	text-align: left;
	font-weight: bold;
}

tfoot{
	font-style: italic;
}

th, td{
	padding: 4px 10px 4px 5px;
	border: 1px #ccc solid;
	text-align: left;
}

tr.even td{
	background: #eee;
}

th{
	background: #eee;
	font-weight: bold;
}


/* form
 * -------------------------------------------------------------------------------- */

fieldset{
	padding: 1.5em;
	margin: 0 0 1.5em 0;
	border: 1px #ccc solid;
}

legend{
	font-weight: bold;
}

* html legend{
	margin: -18px -8px 16px 0;
	padding: 0;
}

label{
	font-weight: bold;
}

input{
	margin-right: .25em;
}

input.text,
textarea,
select{
	margin: 0.5em 0;
	border: 1px #ccc solid;
}

input.text: focus,
textarea: focus,
select: focus{
	border: 1px #999 solid;
}

input.text{
	width: 300px;
	padding: 5px;
}

textarea{
	width: 300px;
	height: 150px;
	padding: 5px;
}

.required{
	color: #f00;
}

.error, .notice, .success{
	margin-bottom: 1em
	padding: .8em;
	border: 2px #ccc solid;
}

.error{
	background-color: #fbe3e4;
	color: #8a1f11;
	border-color: #fbc2c4;
}

.notice{
	background-color: #fff6bf;
	color: #514721;
	border-color: #ffd324;
}

.success{
	background-color: #e6efc2;
	color: #264409;
	border-color: #c6d880;
}