/* light reset
-------------------------------------------------------------- */
body	{ line-height:1.5;}
body,ul,li,p,pre,
form,fieldset,input,textarea,blockquote,th,td { 
		margin:0;
		padding:0;
		color:#363636;
		font-family: arial;
}
legend	{ font-weight:bold;}
table {
		border-collapse:collapse;
		border-spacing:0;
		width:100%;
		margin:20px 0;
}
td,th	{ padding-left:0.5%;}
tr:nth-child(even)
		{ background-color:#F9F9F9;}
tr:nth-child(odd)
		{ background-color:#F2F2F2;}
h1,h2,h3,h4,h5,h6 
		{ padding:5px 0px;margin: 10px 0 5px 0;font-family: arial;}
img 	{ border:0px solid transparent; border:none;}
a 		{ text-decoration:none;color: #42638B;font-family: Helvetica;font-size: .9em;}
a:hover	{ text-decoration:underline;color:#4973CB;}
p		{ padding:5px;}
ul 		{ margin: 5px 0;}
li		{ padding:2px 10px;list-style:square inside;font-size: .9em;}
/* Misc classes
-------------------------------------------------------------- */
/* ....font styles.... */
.tiny		{ font-size: .8em; }
.small		{ font-size: .9em; }
.norm		{ font-size: 1em; }
.large		{ font-size: 1.2em; }
.ctr		{ text-align: center; }

.quiet		{ color: #9D9D9D; }
.loud		{ font-weight: bold; }
.highlight	{ background-color:#ff0; }
.important	{ background-color:#900; color: #fff; }
.important a:hover 
			{ color: #FF926A;}
/* -----------< behaviour >----------- */
.hide		{ visibility: hidden; }
.remove		{ display: none; }

.clear		{ clear:both;}
.first		{ margin-left:0; padding-left:0; }
.last		{ margin-right:0; padding-right:0; }
.top		{ margin-top:0; padding-top:0; }
.bottom		{ margin-bottom:0; padding-bottom:0; }

.b-none		{ border:none !important;}
.b-full		{ border:1px solid #A6A6A6;}

.left		{ float:left; }
.right		{ float:right; }
.rel		{ position:relative;}
.abs		{ position:absolute;}
.m-top		{ margin-top:10px;}
.m-left		{ margin-left:10px;}
.m-right	{ margin-right:10px;}
.m-bot		{ margin-bottom:10px;}
.neg-left	{ margin-left:-10px;}
.neg-right	{ margin-right:-10px;}
/* structure classes
-------------------------------------------------------------- */
.wrap		{ width: 980px;margin:auto;}
/*
	How many divs can fit within
	the wrap eg; .cell1 = one div
	spanning across the page.
*/

/* -----------< left >----------- */
.cell1		{ float:left;width:960px;}
.cell2-l	{ float:left;width:480px;}
.cell3-l	{ float:left;width:320px;}
.cell4-l	{ float:left;width:240px;}
.cell5-l	{ float:left;width:192px;}
.cell6-l	{ float:left;width:160px;}
/* -----------< right >----------- */
.cell2-r	{ float:right;width:480px;}
.cell3-r	{ float:right;width:320px;}
.cell4-r	{ float:right;width:240px;}
.cell5-r	{ float:right;width:192px;}
.cell6-r	{ float:right;width:160px;}
/* ...........< golden ratio >........... */
.column1-l	{ float:left;width:600px;}
.column2-l	{ float:left;width:315px;}
/* ...........< golden ratio reversed >........... */
.column1-r	{ float:right;width:600px;}
.column2-r	{ float:right;width:315px;}
/* ............................................... */
.cell1,.cell6,.column1-l,.column2-l,.column1-r,.column2-r,	
.cell2-l,.cell3-l,.cell4-l,.cell2-r,.cell3-r,.cell4-r,.cell5
		{ min-height:40px;}
/* -----------< forms >----------- */
form		{ min-width: 235px;}
optgroup,option 	
		{ padding-left: 5px;}
label 	{ font-weight:bold;margin-right: 5px;}
select 	{ margin-right: 10px;width: 145px;}
fieldset	{ background-color:white;padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
textarea	{ width: 100%;min-width:166px;max-width:411px;}
legend {
	border:1px solid #cccccc;
	border-bottom:none;
    background-color: white;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 1em;
    margin-top: -0.2em;
    padding: 0 10px;
}
.btn 	{ width: 80px;height: 36px;}
.btns 	{ height: 25px;margin-left: 40px;width: 80px;}
/* -------------------------------------------------------------- */
/* -----------------< tw aplaceonline 2013 >--------------------- */
/* -------------------------------------------------------------- */