@charset "UTF-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}

	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after,
	q:before, q:after {content: '';content: none;}

	/* remember to define focus styles! */
	:focus {outline: 0;}

	/* remember to highlight inserts somehow! */
	ins {text-decoration: none;}
	del {text-decoration: line-through;}

	/* tables still need 'cellspacing="0"' in the markup */
	table {border-collapse: collapse;border-spacing: 0;}

	.cleaner{clear:both;}
	.float_right{float:right}
	
/* Main Body */

	body{
		color:#333;
		font:14px Arial, Helvetica, sans-serif;
		background:#111 url(/assets/client_center/images/site_bg.png) repeat-x;
		text-align:center
	}
	
	#main{
		width:960px;
		margin:0 auto;
		position:relative;
		text-align:left
	}
	
	#header{height:145px}
	#content{padding:30px;background:url(/assets/client_center/images/content_bg.png) repeat-y;position:relative;min-height:600px}
	#footer{margin-top:20px;font-size:12px;color:#CCC;width:100%}
	#footer span{float:right;padding-bottom:30px}
	
	#content #left_col{width:195px;float:left}
	#content #right_col{margin-left:225px}
	#content #right_col p{margin-bottom:15px}
	#content #right_col li{margin-bottom:5px}
	#content #right_col ul, #content #right_col ol{margin:15px 0 0 40px}
	
	a:link, a:visited{color:#003366;text-decoration:underline;}
	a:hover, a:active{color:#568EC1;text-decoration:underline;}
	
	#footer a:link,#footer a:visited{color:#CCC;text-decoration:underline}
	#footer a:hover,#footer a:active{color:#FFF;text-decoration:underline}
	
	#logo{
		display:block;
		width:245px;
		height:63px;
		position:absolute;
		top:50px;
		text-indent:-5600px;
		background:url("http://www.sjcallandesigns.com/themes/site_themes/2009/images/sjc_logo.png") no-repeat;
	}
	
	hr{
		border:0;
		color: #CCC;
		background-color: #FFF;
		height: 1px;
		border-top:1px dashed #CCC;
		margin-top:25px;
		margin-bottom:25px;
	}
	
	#content ul#bd_trail{margin:-10px 0 20px 0}
	#bd_trail li{
		font-size: 11px;
		display:inline;
		list-style:none
	}

	#bd_trail a{font-size: 11px}
	
	
	table{width:100%;border:none}
	th{background-color:#568EC1;color:#FFF;padding:5px;border:none;font-size:13px}
	td{padding:10px;border:none;font-size:12px}
	tr.alt_row{background-color:#EAEAEA}
	tr.alt_row td{background-color:#EAEAEA}
	
/* Left Nav */

	#content #left_col ul{list-style:none;margin-left:-30px}

	#left_col ul a{
		border-top:1px solid #FFF;
		border-bottom:1px solid #CCC;
		color:#333;
		display:block;
		min-height:20px;
		padding:10px 5px 10px 29px;
		text-decoration:none;
		width:188px;
	}

	#left_col ul li a:hover{background-color:#568EC1;border-top:1px solid #CCC;border-bottom:1px solid #CCC;color:#FFF}
	#left_col ul li a:active{background-color:#568EC1;color:#FFF}

	
/* Common Tags */

	h2{font-size:35px;font-weight:bold;color:#212A38;margin-bottom:15px}
	h3{font-size:20px;font-weight:normal;color:#212A38;margin-bottom:15px}

/* Login Page */
	
	body#login #main{width:525px}
	body#login #content{background:url(/assets/client_center/images/login_form_bg.png) repeat-y;height:300px}
	
	body#login #content #left_col{width:0;float:none}
	body#login #content #right_col{margin-left:0}

	#login_form{margin-left:50px}
	#login_form label{font-size:16px}
	#login_form input{
		width:300px;
		padding:5px 8px;
		font-size:16px;
		margin-bottom:15px;
		color:#666;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px
	}
	#login_form p{position:relative}
	#login_form input[type=submit]{width:auto}
	#login_form em{position:absolute;top:8px;left:5px;font-size:13px;color:#999}
	
/* Standard Form */

	.stnd_form{overflow: auto}
	.stnd_form label{font-size:16px}
	.stnd_form input{
		width:300px;
		padding:5px 8px;
		font-size:16px;
		margin-bottom:15px;
		color:#666;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px
	}
	.stnd_form p{position:relative}
	.stnd_form input[type=submit]{width:auto}
	.stnd_form em{position:absolute;top:8px;left:5px;font-size:13px;color:#999}
	.stnd_form legend{color:#333;font-size:18px;margin-left:0 0 30px -40px}
	.stnd_form fieldset{padding:15px 0;margin:15px 0;border-bottom:1px dashed #CCC}
	
/* Dashboard */

	#balance{
		position:absolute;
		top:113px;
		right:0;
		color:#CCC
	}
	
	#balance a:link,#balance a:visited{color:#CCC;text-decoration:underline}
	#balance a:hover,#balance a:active{color:#FFF;text-decoration:underline}