/**************************************************
********** 
********** FRAMEWORK CSS 1.0
********** 
**************************************************/

/******************************
***** RESET CSS
******************************/
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;
}
body { line-height: 1.5; }
table { border-collapse: separate; border-spacing:0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align:middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border:none; }

/******************************	
***** TYPOGRAPHY CSS
******************************/
html { font-size: 100.01%; }
body { 
	font-size: 75%; 
	color: #222; 
	background: #fff; 
	font-family: Verdana, Arial, Helvetica;
}
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #111; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
p { margin: 0 0 1.5em 0; }
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
a:focus, a:hover { color: #000; }
a { color: #009; text-decoration: underline; }
blockquote { margin: 1.5em ;color: #666; font-style: italic; }
strong { font-weight :bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
abbr, acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style:italic; }
del { color:#666; }
pre { margin: 1.5em 0 ; white-space: pre; }
pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
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; }
dl { margin: 0 0 1.5em 0;}
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }
table { margin-bottom: 1.4em; width: 100%; }
th { font-weight: bold; }
thead th { background: #c3d9ff; }
th, td, caption { padding: 4px 10px 4px 5px; }
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
caption { background: #eee; }
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display:none; }
.quiet { color:#666; }
.loud { color:#000; }
.highlight {background: #ff0; }
.added { background: #060; color:#fff; }
.removed { background: #900; color:#fff; }
.first { margin-left: 0; padding-left: 0; }
.last { margin-right: 0 !important; padding-right: 0 !important; border-right: 0 !important; }
.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }

/******************************	
***** FORM CSS
******************************/
label { font-weight: bold;}
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size: 1.2em; }
input[type=text], input[type=password], input.text, 
input.title, textarea, select {
	background-color: #fff;
	border: 1px solid #bbb;
}
input[type=text]:focus, input[type=password]:focus, 
input.text:focus, input.title:focus,
textarea:focus, select:focus {
	border-color: #666;
}
input[type=text], input[type=password], 
input.text, input.title, 
textarea, select {
	margin: 0.5em 0;
}
input.text, input.title { width: 300px; padding: 5px; }
input.title { font-size: 1.5em; }
textarea { width: 390px; height: 250px; padding: 5px; }
input[type=checkbox], input[type=radio], 
input.checkbox, input.radio {
	position: relative;
	top: .25em;
}
form.inline { line-height: 3; }
form.inline p { margin-bottom: 0; }
.error, .notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a { color: #8a1f11; }
.notice a { color: #514721; }
.success a { color: #264409; }


/******************************	
***** GRID CSS
******************************/

.container { width:950px; margin: 0 auto; }
.col, div.colsw30px, 
div.colsw70px, div.colsw110px, 
div.colsw150px, div.colsw170px,
div.colsw190px, div.colsw230px, 
div.colsw270px, div.colsw310px, 
div.colsw350px, div.colsw390px, 
div.colsw430px, div.colsw470px, 
div.colsw510px, div.colsw550px, 
div.colsw590px, div.colsw630px, 
div.colsw670px, div.colsw710px, 
div.colsw750px, div.colsw790px, 
div.colsw830px, div.colsw870px, 
div.colsw910px, div.colsw950px, 
div.colsw980px {
	float: left;
	margin-right: 10px;
}
.last, div.last { margin-right: 0; }
.colsw30px { width: 30px; }
.colsw70px { width: 70px; }
.colsw110px { width: 110px; }
.colsw170px { width: 170px; }
.colsw150px { width: 150px; }
.colsw190px { width: 190px; }
.colsw230px { width: 230px; }
.colsw270px { width: 270px; }
.colsw310px { width: 310px; }
.colsw350px { width: 350px; }
.colsw390px { width: 390px; }
.colsw430px { width: 430px; }
.colsw470px { width: 470px; }
.colsw510px { width: 510px; }
.colsw550px { width: 550px; }
.colsw590px { width: 590px; }
.colsw630px { width: 630px; }
.colsw670px { width: 670px; }
.colsw710px { width: 710px; }
.colsw750px { width: 750px; }
.colsw790px { width: 790px; }
.colsw830px { width: 830px; }
.colsw870px { width: 870px; }
.colsw910px { width: 910px; }
.colsw950px, div.colsw950px { width: 950px; margin-right: 0; }
.colsw980px, div.colsw980px { width: 980px; margin-right: 0; }
input.w18px, textarea.w18px
input.w58px, textarea.w58px
input.w98px, textarea.w98px
input.w138px, textarea.w138px
input.w178px, textarea.w178px
input.w218px, textarea.w218px
input.w258px, textarea.w258px
input.w298px, textarea.w298px
input.w338px, textarea.w338px
input.w378px, textarea.w378px
input.w418px, textarea.w418px
input.w458px, textarea.w458px
input.w498px, textarea.w498px
input.w538px, textarea.w538px
input.w578px, textarea.w578px
input.w618px, textarea.w618px
input.w658px, textarea.w658px
input.w698px, textarea.w698px
input.w738px, textarea.w738px
input.w778px, textarea.w778px
input.w818px, textarea.w818px
input.w858px, textarea.w858px
input.w898px, textarea.w898px
input.w938px, textarea.w938px {
	border-left-width: 1px!important; 
	border-right-width: 1px!important;
	padding-left: 5px!important;
	padding-right: 5px!important;
}
input.w18px, textarea.w18px { width: 18px!important; }
input.w58px, textarea.w58px { width: 58px!important; }
input.w98px, textarea.w98px { width: 98px!important; }
input.w138px, textarea.w138px { width: 138px!important; }
input.w178px, textarea.w178px { width: 178px!important; }
input.w218px, textarea.w218px { width: 218px!important; }
input.w258px, textarea.w258px { width: 258px!important; }
input.w298px, textarea.w298px { width: 298px!important; }
input.w338px, textarea.w338px { width: 338px!important; }
input.w378px, textarea.w378px { width: 378px!important; }
input.w418px, textarea.w418px { width: 418px!important; }
input.w458px, textarea.w458px { width: 458px!important; }
input.w498px, textarea.w498px { width: 498px!important; }
input.w538px, textarea.w538px { width: 538px!important; }
input.w578px, textarea.w578px { width: 578px!important; }
input.w618px, textarea.w618px { width: 618px!important; }
input.w658px, textarea.w658px { width: 658px!important; }
input.w698px, textarea.w698px { width: 698px!important; }
input.w738px, textarea.w738px { width: 738px!important; }
input.w778px, textarea.w778px { width: 778px!important; }
input.w818px, textarea.w818px { width: 818px!important; }
input.w858px, textarea.w858px { width: 858px!important; }
input.w898px, textarea.w898px { width: 898px!important; }
input.w938px, textarea.w938px { width: 938px!important; }
.append40 { padding-right: 40px; }
.append80 { padding-right: 80px; }
.append120 { padding-right: 120px; }
.append160 { padding-right: 160px; }
.append200 { padding-right: 200px; }
.append240 { padding-right: 240px; }
.append280 { padding-right: 280px; }
.append320 { padding-right: 320px; }
.append360 { padding-right: 360px; }
.append400 { padding-right: 400px; }
.append440 { padding-right: 440px; }
.append480 { padding-right: 480px; }
.append520 { padding-right: 520px; }
.append560 { padding-right: 560px; }
.append600 { padding-right: 600px; }
.append640 { padding-right: 640px; }
.append680 { padding-right: 680px; }
.append720 { padding-right: 720px; }
.append760 { padding-right: 760px; }
.append800 { padding-right: 800px; }
.append840 { padding-right: 840px; }
.append880 { padding-right: 880px; }
.append920 { padding-right: 920px; }
.prepend40 { padding-left: 40px; }
.prepend80 { padding-left: 80px; }
.prepend120 { padding-left: 120px; }
.prepend160 { padding-left: 160px; }
.prepend200 { padding-left: 200px; }
.prepend240 { padding-left: 240px; }
.prepend280 { padding-left: 280px; }
.prepend320 { padding-left: 320px; }
.prepend360 { padding-left: 360px; }
.prepend400 { padding-left: 400px; }
.prepend440 { padding-left: 440px; }
.prepend480 { padding-left: 480px; }
.prepend520 { padding-left: 520px; }
.prepend560 { padding-left: 560px; }
.prepend600 { padding-left: 600px; }
.prepend640 { padding-left: 640px; }
.prepend680 { padding-left: 680px; }
.prepend720 { padding-left: 720px; }
.prepend760 { padding-left: 760px; }
.prepend800 { padding-left: 800px; }
.prepend840 { padding-left: 840px; }
.prepend880 { padding-left: 880px; }
.prepend920 { padding-left: 920px; }
div.border { 
	padding-right: 4px;
	margin-right: 5px;
	border-right: 1px solid #eee;
}
div.colBorder { 
	padding-right: 24px; 
	margin-right: 25px; 
	border-right: 1px solid #eee; 
}
.pull40 { margin-left: -40px; }
.pull80 { margin-left: -80px; }
.pull120 { margin-left: -120px; }
.pull160 { margin-left: -160px; }
.pull200 { margin-left: -200px; }
.pull240 { margin-left: -240px; }
.pull280 { margin-left: -280px; }
.pull320 { margin-left: -320px; }
.pull360 { margin-left: -360px; }
.pull400 { margin-left: -400px; }
.pull440 { margin-left: -440px; }
.pull480 { margin-left: -480px; }
.pull520 { margin-left: -520px; }
.pull560 { margin-left: -560px; }
.pull600 { margin-left: -600px; }
.pull640 { margin-left: -640px; }
.pull680 { margin-left: -680px; }
.pull720 { margin-left: -720px; }
.pull760 { margin-left: -760px; }
.pull800 { margin-left: -800px; }
.pull840 { margin-left: -840px; }
.pull880 { margin-left: -880px; }
.pull920 { margin-left: -920px; }
.pull960 { margin-left: -960px; }
.pull40, .pull80, 
.pull120, .pull160, 
.pull200, .pull240, 
.pull280, .pull320, 
.pull360, .pull400, 
.pull440, .pull480, 
.pull520, .pull560, 
.pull600, .pull640, 
.pull680, .pull720, 
.pull760, .pull800, 
.pull840, .pull880, 
.pull920, .pull960 {
	float: left;
	position: relative;
}
.push40 {margin:0 -40px 1.5em 40px;}
.push80 {margin:0 -80px 1.5em 80px;}
.push120 {margin:0 -120px 1.5em 120px;}
.push160 {margin:0 -160px 1.5em 160px;}
.push200 {margin:0 -200px 1.5em 200px;}
.push240 {margin:0 -240px 1.5em 240px;}
.push280 {margin:0 -280px 1.5em 280px;}
.push320 {margin:0 -320px 1.5em 320px;}
.push360 {margin:0 -360px 1.5em 360px;}
.push400 {margin:0 -400px 1.5em 400px;}
.push440 {margin:0 -440px 1.5em 440px;}
.push480 {margin:0 -480px 1.5em 480px;}
.push520 {margin:0 -520px 1.5em 520px;}
.push560 {margin:0 -560px 1.5em 560px;}
.push600 {margin:0 -600px 1.5em 600px;}
.push640 {margin:0 -640px 1.5em 640px;}
.push680 {margin:0 -680px 1.5em 680px;}
.push720 {margin:0 -720px 1.5em 720px;}
.push760 {margin:0 -760px 1.5em 760px;}
.push800 {margin:0 -800px 1.5em 800px;}
.push840 {margin:0 -840px 1.5em 840px;}
.push880 {margin:0 -880px 1.5em 880px;}
.push920 {margin:0 -920px 1.5em 920px;}
.push960 {margin:0 -960px 1.5em 960px;}
.push40, .push80, 
.push120, .push160, 
.push200, .push240, 
.push280, .push320, 
.push360, .push400, 
.push440, .push480, 
.push520, .push560, 
.push600, .push640, 
.push780, .push7, 
.push-19, .push-20, 
.push-21, .push-22, 
.push-23, .push-24 {
	float:right;
	position:relative;
}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {
	content:"\0020";
	display:block;
	height:0
	;clear:both;
	visibility:hidden;
	overflow:hidden;
}
.clearfix, .container {display:block;}
.clear {clear:both;}
