/* @override 
	http://localhost/apit/site/template/stylesheets/base.css
*/

/*
---
TPWD™ Base CSS Styles 2010
--
Uses an adapted version of Nathan Smith's 960 grid.
Feel free to use but please mention the author.
---
*/

/* @group Positions */

/* @group Float */

.fl {
	float: left;
}

.fr {
	float: right;
}

.nof {
	float: none;
	clear: both;
}

.cl {
	clear: left;
}

/* @end */

.centered {
	margin: 0 auto;
}

.valign_first {
	display: table;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.valign_second {
	display: table-cell;
	vertical-align: middle;
}

.valign_third {
}

.block_center, .center_block {
	display: block;
	margin: 0 auto;
}

.inline_block {
	display: inline-block !important;
}

.block {
	display: block !important;
}

.inline {
	display: inline !important;
}

.inline_block {
	display: inline-block !important;
}

.left {
	text-align: left !important;
}

.center {
	text-align: center !important;
}

.right {
	text-align: right !important;
}

.oh {
	overflow: hidden;
}

.por {
	position: relative;
}

/* @end */

/* @group Margin */

/* @group 0 */

.m0 {
	margin: 0;
}

.mt0 {
	margin-top: 0;
}

.mr0 {
	margin-right: 0;
}

.mb0 {
	margin-bottom: 0;
}

.ml0 {
	margin-left: 0;
}

/* @end */

/* @group 10 */

.m1, .m10 {
	margin: 10px !important;
}

.mt {
	margin-top: 10px !important;
}

.mr {
	margin-right: 10px !important;
}

.mb {
	margin-bottom: 10px !important;
}

.ml {
	margin-left: 10px !important;
}

.mr.br1 {
	margin-right: 9px !important;
}

.ml.bl1 {
	margin-left: 9px !important;
}

/*.mt.bt1 {
	margin-top: 9px !important;
}

.mr.br1 {
	margin-right: 9px !important;
}

.mb.bb1 {
	margin-bottom: 9px !important;
}

.ml.bl1 {
	margin-left: 9px !important;
}*/

/* @end */

/* @group 20 */

.m2 {
	margin: 20px;
}

.mt2 {
	margin-top: 20px;
}

.mr2 {
	margin-right: 20px;
}

.mb2 {
	margin-bottom: 20px;
}

.ml2 {
	margin-left: 20px;
}

/* @end */

/* @group 30 */

.m3 {
	margin: 30px;
}

.mt3 {
	margin-top: 30px;
}

.mr3 {
	margin-right: 30px;
}

.mb3 {
	margin-bottom: 30px;
}

.ml3 {
	margin-left: 30px;
}

/* @end */

/* @group 40 */

.m4 {
	margin: 40px;
}

.mt4 {
	margin-top: 40px;
}

.mr4 {
	margin-right: 40px;
}

.mb4 {
	margin-bottom: 40px;
}

.ml4 {
	margin-left: 40px;
}

/* @end */

/* @group 50 */

.m5 {
	margin: 50px;
}

.mt5 {
	margin-top: 50px;
}

.mr5 {
	margin-right: 50px;
}

.mb5 {
	margin-bottom: 50px;
}

.ml5 {
	margin-left: 50px;
}

/* @end */

/* @end */

/* @group Padding */

/* @group 10 */

.p1, .p10 {
	padding: 10px;
}

.pt, .pt1 {
	padding-top: 10px;
}

.pr, .pr1 {
	padding-right: 10px;
}

.pb, .pb1 {
	padding-bottom: 10px;
}

.pl, .pl1 {
	padding-left: 10px;
}

/* @group With border */

.pt.bt1, .pt1.bt1 {
	padding-top: 9px;
}

.pr.br1, .pr1.br1 {
	padding-right: 9px;
}

.pb.bb1, .pb1.bb1 {
	padding-bottom: 9px;
}

.pl.bl1, .pl1.bl1 {
	padding-left: 9px;
}

/* @end */

/* @end */

/* @group 20 */

.p2 {
	padding: 20px;
}

.pt2 {
	padding-top: 20px;
}

.pr2 {
	padding-right: 20px;
}

.pb2 {
	padding-bottom: 20px;
}

.pl2 {
	padding-left: 20px;
}

/* @end */

/* @group 30 */

.p3 {
	padding: 30px;
}

.pt3 {
	padding-top: 30px;
}

.pr3 {
	padding-right: 30px;
}

.pb3 {
	padding-bottom: 30px;
}

.pl3 {
	padding-left: 30px;
}

/* @end */

/* @group 40 */

.p4 {
	padding: 40px;
}

.pt4 {
	padding-top: 40px;
}

.pr4 {
	padding-right: 40px;
}

.pb4 {
	padding-bottom: 40px;
}

.pl4 {
	padding-left: 40px;
}

/* @end */

/* @group 50 */

.p5 {
	padding: 50px;
}

.pt5 {
	padding-top: 50px;
}

.pr5 {
	padding-right: 50px;
}

.pb5 {
	padding-bottom: 50px;
}

.pl5 {
	padding-left: 50px;
}

/* @end */

/* @end */

/* @group Columns */

.half {
	width: 50%;
}

.grid1 {
	width: 60px
}

.grid2 {
	width: 140px
}

.grid3 {
	width: 220px
}

.grid4 {
	width: 300px
}

.grid5 {
	width: 380px
}

.grid6 {
	width: 460px
}

.grid7 {
	width: 540px
}

.grid8 {
	width: 620px
}

.grid9 {
	width: 700px
}

.grid10 {
	width: 780px
}

.grid11 {
	width: 860px
}

.grid12 {
	width: 940px;
}

.grid0 {
	width: 960px;
}

.grid8.pl.pr {
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 640px
}

.grid9.pl.pr {
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 720px
}

.scroller {
	height: 400px;
	overflow: auto;
}

/* @end */

/* @group #tpwd */

#tpwd {
	display: block;
	width: 44px;
	height: 13px;
	background-color: #0297a7;
	margin-left: 3px;
	margin-top: 2px;
}

#tpwd img {
}

#tpwd:hover {
	background-color: #F46B20;
}

/* @end */
}