/* 
// File: forms.css
// Desc: Styles for forms
// Auth: Calvin Lai
// Copy: Copyright 2008 DealsPlus, All Rights Reserved
*/

/* forms */

.form-field {
	margin:5px 0 10px 0;	
}

.form-field-left {
	text-align:left;
	float:left;
	width:90px;
	font-weight:bold;
}

.form-field-right {
	text-align:left;
	float:left;
	width:auto;
}

.generic-form { 
	border:1px solid #ccc; 
	padding:2px; 
}

.form-text-field {
	width:450px;
	height:25px;
	margin:0 0 15px 0;
	background:none;
}

.form-text-field-lg {
	width:530px;
	height:25px;
	margin:0 0 15px 0;
	background:none;
}

.form-select-field {
	width:450px;
	margin:0 0 15px 0;
}

.form-text {
	float:left;
	width:120px;
	height:18px;
	text-align:right;
	padding:7px 10px 0 0;
}

.form-text-lg {
	float:left;
	width:140px;
	height:18px;
	text-align:right;
	padding:7px 10px 0 0;
}

.form-plain-text {
	float:left;
	padding:8px 0 0 0;
}

.form-input {
	float:left;
	width:300px;
	height:25px;
}

.form-select {
	width:auto;
	margin:0 10px 0 0;
}

.text-input {
	height:19px;
	padding:5px 0 0 3px;
	width:300px;
	background:white;
	border:1px solid #ccc;
	font:11px 'Lucida Grande', Tahoma;
	color:#555;
}

.form-validate-field {
	margin:3px 0 0 3px;
	height:auto;
	width:300px;
	color:#333;
	text-align:left;
	line-height:12px;
}

.select-input {
	width:auto;
	border:1px solid #ccc;
	height:25px;
	padding:3px;
	font:11px 'Lucida Grande', Tahoma;
	color:#555;
}
/* 
// File: generic.css
// Desc: Generic styles
// Auth: Calvin Lai
// Copy: Copyright 2008, All Rights Reserved
*/

/* generic */

img { border:0; border-style:none; }
.img-border { padding:2px; border:1px solid #ccc; }

.clear 		{ clear:both; }
.noclear	{ clear:none; }

.block 		{ display:block; }
.hide 		{ display:none; }
.inline 	{ display:inline; }

.absolute	{ position:absolute; }

.fleft 		{ float:left; }
.fright 	{ float:right; }
.va-top 	{ vertical-align:top; }
.va-mid 	{ vertical-align:middle; }
.va-bot 	{ vertical-align:bottom; }
.ta-left 	{ text-align:left; }
.ta-center 	{ text-align:center; }
.ta-right 	{ text-align:right; }

/* bg color */
.bg-green { background:#add28b; }
.bg-grey  { background:#d1e0e4; }
.bg-success { background:#e6ffdc; }
.bg-fail { background:#ffdcdc; }

/* padding */

.pad0	{ padding:0; }

.pad3 	{ padding:3px; }
.padt3 	{ padding-top:3px; } 
.padb3 	{ padding-bottom:3px; }
.padl3 	{ padding-left:3px; }
.padr3 	{ padding-right:3px; }

.pad5 	{ padding:5px; }
.padt5 	{ padding-top:5px; } 
.padb5 	{ padding-bottom:5px; }
.padl5 	{ padding-left:5px; }
.padr5 	{ padding-right:5px; }

.pad8 	{ padding:8px; }
.padt8 	{ padding-top:8px; }
.padb8 	{ padding-bottom:8px; }
.padl8 	{ padding-left:8px; }
.padr8 	{ padding-right:8px; }

.pad10 	{ padding:10px; }
.padt10 { padding-top:10px; }
.padb10 { padding-bottom:10px; }
.padl10 { padding-left:10px; }
.padr10 { padding-right:10px; }

.pad15 	{ padding:15px; }
.padt15 { padding-top:15px; }
.padb15 { padding-bottom:15px; }
.padl15 { padding-left:15px; }
.padr15 { padding-right:15px; }

.pad20 	{ padding:20px; }
.padt20 { padding-top:20px; }
.padb20 { padding-bottom:20px; }
.padl20 { padding-left:20px; }
.padr20 { padding-right:20px; }

/* margin */

.mar0 	{ margin:0px; }

.mar3 	{ margin:3px; }
.mart3 	{ margin-top:3px; } 
.marb3 	{ margin-bottom:3px; }
.marl3 	{ margin-left:3px; }
.marr3 	{ margin-right:3px; }

.mar5 	{ margin:5px; }
.mart5 	{ margin-top:5px; } 
.marb5 	{ margin-bottom:5px; }
.marl5 	{ margin-left:5px; }
.marr5 	{ margin-right:5px; }

.mar8 	{ margin:8px; }
.mart8 	{ margin-top:8px; }
.marb8 	{ margin-bottom:8px; }
.marl8 	{ margin-left:8px; }
.marr8 	{ margin-right:8px; }

.mar10 	{ margin:10px; }
.mart10 { margin-top:10px; }
.marb10 { margin-bottom:10px; }
.marl10 { margin-left:10px; }
.marr10 { margin-right:10px; }

.mar8 	{ margin:8px; }
.mart8 { margin-top:8px; }
.marb8 { margin-bottom:8px; }
.marl8 { margin-left:8px; }
.marr8 { margin-right:8px; }

.mar15 	{ margin:15px; }
.mart15 { margin-top:15px; }
.marb15 { margin-bottom:15px; }
.marl15 { margin-left:15px; }
.marr15 { margin-right:15px; }

.mar20 	{ margin:20px; }
.mart20 { margin-top:20px; }
.marb20 { margin-bottom:20px; }
.marl20 { margin-left:20px; }
.marr20 { margin-right:20px; }

ul { margin:0; padding:0 0 0 15px; }
li { margin:0; padding:0; }
/* 
// File: layout-pages.css
// Desc: Layout style for all pages
// Auth: Calvin Lai
// Copy: Copyright 2008 root9, All Rights Reserved
*/

.thumb-container {
	margin:0;
}

.thumb-container a.thumb {
	display:block;
	width:114px;
	height:134px;
	padding:3px;
	background:#666;
	margin:0 0 10px 0;
}

.thumb-container a:hover.thumb {
	background:#aaa;
}

.photo-table {
	width:100%;
}

.photo-cell {
	height:600px;
	vertical-align:middle;
}

.page {
	width:915px;
	min-height:150px;
	margin:0 auto;
	text-align:left;
	border:5px solid #666;
	background:#333;
	padding:10px;
}
/* 
// File: layout-structure.css
// Desc: (Mostly) static layout styles (structure)
// Auth: Calvin Lai
// Copy: Copyright 2008 root9, All Rights Reserved
*/


html, body { 
	margin:0; 
	padding:0; 
	height:100%; 
	text-align:center; 
	font-family:Tahoma, Arial, Verdana, 'Trebuchet MS'; 
	font-size:11px; 
	color:#333; 
	background:#111 url('/assets/images/main_bg.png') top left repeat-x;
}

img { border:0; }
.clear { clear:both; }


.container { 
	min-width:100%; 
	width:100%; 			
}

.header { 
	width:925px; 
	height:68px; 
	text-align:left; 
	margin:0 auto 0 auto; 
	color:white;
}

.logo { 
	width:370px;
	height:80px;
	background:none;
}

.logo img {
	border:0;
}

.content {
	width:925px; 
	height:600px;
	height:auto;
	margin:10px auto 0 auto;
	padding:0;
	text-align:left;
}

.column-photo {
	float:left;
	width:120px;
	height:590px;
	margin:10px 0 10px 0;
}

.column-mid {
	float:left;
	width:635px;
	height:600px;
	margin:0 20px 0 20px;
	text-align:center;
	border:5px solid #666;
	background:#333;
}

.footer { margin:10px 0 0 0; padding:0 0 2px 0; color:#bbb; font-size:12px; line-height:20px; }
.copyright { margin:0; }
/* 
// File: type.css
// Desc: Typography styles
// Auth: Calvin Lai
// Copy: Copyright 2008 root9, All Rights Reserved
*/

body {
	font:normal 11px Tahoma, 'Lucida Grande';
	color:#fff;
}

a { color:#888; text-decoration:underline; }
a:hover { color:#aaa; text-decoration:underline; }

p { margin:10px; color:#fff; line-height:16px; font-size:12px; }

h1 { font:normal 18px Arial; color:#fff; margin:0 0 10px 0; padding:5px 0 10px 10px; border-bottom:3px solid #666; }
h2 { font:bold 16px Arial; color:#8ec7ec; margin:20px 0 10px 0px; padding:5px; border-bottom:1px solid #666; background:#222; }
h3 { font:bold 14px Arial; color:#444; margin:0 0 10px 0; }
h4 { font:bold 11px 'Lucida Grande', Tahoma; color:#333; margin:0 0 5px 0; }

ul {
	margin:0 0 0 20px;
}

li {
	line-height:18px;
	font-size:12px;
}

.bold { font-weight:bold; }
.normal { font-weight:normal; }
.no-underline { text-decoration:none; }
.underline { text-decoration:underline; }
.strikethrough { text-decoration:line-through; }

a:hover.no-underline { text-decoration:none; }

a:hover.logo-link { text-decoration:none; }

.font8 { font-size:8px; }
.font10 { font-size:10px; }
.font11 { font-size:11px; }
.font12 { font-size:12px; }
.font13 { font-size:13px; }
.font14 { font-size:14px; }
.font16 { font-size:16px; }
.font18 { font-size:18px; }
.font22 { font-size:22px; }
.font40 { font-size:40px; }

.lt_grey { color:#888; }
.md_green { color:#5d9433; }
.red { color:#c00101; }
.green { color:green; }
.white { color:white; }
.dk_grey { color:#333; }
.twit { color:#00c8ff; }

.bg_lt_grey { background:#fafafa; }

a.background-link {
	color:#c0ecff;
	font-size:11px;
	font-weight:bold;
}

a:hover.background-link {
	color:white;
	text-decoration:underline;
}

/* block highlight */

a.block {
	display:block;
	height:15px;
	padding:5px 0 5px 3px;
	border-bottom:1px solid #eee;
	font:12px Arial;
	text-decoration:none;
}

a.block:hover {
	background:#7bb0c6;
	color:white;
}