/* COLOR REFERENCE 

PURPLE: #b19ac9;
DARK PURPLE: #8b75a1;
DARKER PURPLE: #3c2059;
LIGHT PURPLE: #e7dbf3;
LIGHTER PURPLE: #f2ebfa;

ORANGE: #faa634;
DARK ORANGE: #eb6f00;
LIGHT ORANGE: #fcc478;
LIGHTER ORANGE: #f9ead6;

BEIGE: #ecdfa7;
LIGHT BEIGE: #fef9e2;

LIGHTEST GRAY: #f2f2f2;
LIGHTER GRAY: #ebebeb;
LIGHT GRAY: #bebebe;
MEDIUM GRAY: #808285;
DARK GRAY: #59595c;

*/

body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 11px;
}

#hdr-wrpr {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 168px;
	background: url(../images/header_bg_repeat.jpg) repeat-x #faa634;
}

#hdr {
	width: 935px;
	height: 168px;
	margin: 0 auto;
	padding-right: 20px;
	background: url(../images/header.jpg) right no-repeat;
}

#hdr-logo {
	cursor: pointer;
	float: left;
	width: 191px;
	height: 168px;
	margin: 0;
	padding: 0;
	background: url(../images/logo.jpg) left no-repeat;
}	

#hdr-login {
	float: right;
	margin-top: 30px;
	padding: 5px 20px;
	border: 1px solid #fcc478;
	background: url(../images/header_login_bg.png) top repeat-x #faa634;
}

#cntt-wrpr {
	margin: 20px 0;
	padding: 0;
	width: 100%;
	background: #fff;
}

#cntt {
	clear: both;
	width: 915px;
	margin: 0 auto;
	padding: 0 20px;
}

#top-nav { float: right; margin: 0; }
#top-nav ul { margin: 0; list-style: none; }
#top-nav ul li { float: left; margin: 0; padding: 0 5px; }
#top-nav ul li a { display: block; padding: 0 10px; text-decoration: none; font-size: 11px; line-height: 20px; color: #fff; font-weight: bold; background: #faa634; border: 1px solid #eb6f00; }
#top-nav ul li a:hover { color: #000; }

.ful-col {
	float: left;
	width: 915px;
	margin-top: 20px;
	padding: 0;
}

.lft-col {
	float: left;
	width: 445px;
	margin-top: 20px;
	padding-right: 25px;
	background-color: #fff;	
}

.rgt-col {
	float: left;
	margin-top: 20px;
	width: 445px;
	background-color: #fff;
}

#ftr-wrpr {
	margin: 40px 0;
	padding: 0;
	width: 100%;
	height: 150px;
	background: url(../images/footer_bg.png) top repeat-x;
	border-top: 1px solid #faa634;
}

#ftr {
	width: 915px;
	margin: 0 auto;
	padding: 20px;
}

#ftr ul.ftr-list { list-style: none; float: left; width: 305px; padding: 0; }
#ftr ul.ftr-list li { margin: 0 10px; padding: 8px 0; font-weight: bold; color: #faa634; border-bottom: 1px dotted #faa634; }
#ftr p { font-size: 8px; color: #59595c; }

/*------------------------ COMMON ---------------------------*/

.clr-fix { clear: both;	}
.default-lft { float: left; margin: 0; padding: 0; }
.default-rgt { float: right; margin: 0; padding: 0; }
.gray-divider { clear: both; margin: 0; padding: 5px 0; border-bottom: 1px solid #bebebe; }
.loading { background: url(../images/loader.gif) 50% 50% no-repeat; }

.ful-blk {
	float: left;
	width: 915px;
	margin: 0;
	padding: 0;
}

.col-blk {
	float: left;
	width: 445px;
	margin: 0;
	padding: 0;
}

.prpl-blk-t {
	float: left;
	width: 445px;
	height: 20px;
	margin: 0;
	padding: 0;
	background: url(../images/purple_blk_top.png) top no-repeat;
}

.prpl-blk-m {
	float: left;
	width: 403px; /* for border */
	margin: 0;
	padding: 0 20px;
	border-left: 1px solid #b19ac9;
	border-right: 1px solid #b19ac9;
	background: url(../images/purple_blk_mid.png) top repeat-y;
}

.prpl-blk-b {
	float: left;
	width: 445px;
	height: 20px;
	margin: 0;
	padding: 0;
	background: url(../images/purple_blk_btm.png) top no-repeat;	
}

.lg-icon-txt {
	float: left;
	padding-left: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #59595c;
	line-height: 30px;
}

.pagehead { clear: both; margin: 0; padding: 0; }
.pagehead h2 { margin: 3px 0; color: #faa634; }
.pagehead p { margin: 3px 0; font-weight: bold; color: #59595c; }

.subhead { font-weight: bold; color: #faa634; }
/*------------------------ TEXT ---------------------------*/

a { font-size: 11px; }
a.gray { color: #59595c; font-weight: bold; text-decoration: none; }
a.gray:hover { color: #000; }
a.orange { color: #faa634; font-weight: bold; text-decoration: none; }
a.orange:hover { color: #eb6f00; }
p { font-size: 11px; }
h1 { font-size: 22px; }
h2 { font-size: 19px; }
h3 { font-size: 14px; }
.small { font-size: 8px; }

.orange { color: #faa634; }
.purple { color: #8b75a1; }
.gray { color: #59595c; }
.beige { color: #ecdfa7; }

/*------------------------ FORMS ---------------------------*/

.frm-cntnr {
	margin: 0;
	padding: 0;
}

.frm-cntnr table {
	border: none;
}

.frm-cntnr td {
	padding: 3px;	
}

.frm-cntnr label {
	color: #59595c;
	font-size: 10px;	
}

.frm-cntnr .input {
	padding: 3px 5px;
	border: 1px solid #59595c;
}

.purple-btn {
	cursor: pointer;
	height: 25px;
	margin: 0;
	padding: 0 5px;
	font-size: 12px;
	font-weight: bold;
	color: #3c2059;
	background: url(../images/purple_btn_bg.png) repeat-x top;
	border: 1px solid #3c2059;
}

#errs {
	color:#C06;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px dotted #C06;
}


/*------------------ MISC -------------------*/

img a { border: none; }

/*------------------ MOBILE PROFILE PAGE -------------------*/

#prfl-cntnr {
	float: left;
	width: 915px;	
}

.prfl-num {
	float: left;
	margin: 0;
	padding: 0;
}

.prfl-num h3 {
	margin: 0;
	padding: 0 20px;
	line-height: 50px;
}

.prfl-fld {
	float: left;
	width: 445px;
	margin: 3px 0;
	padding: 0;
	border-bottom: 1px solid #ebebeb;
}	

.fld-label {
	float: left;
	margin: 0;
	padding: 0 5px;
}

.fld-label p {
	color: #8b75a1;
	font-weight: bold;	
}

.fld-info {
	float: right;
	text-align: right;
	margin: 0;
	padding: 0 5px;
}

.fld-edit {
	float: right;
}

.edit {
	float: right;
	margin: 0;
	padding: 3px 15px;
	line-height: 12px;
	font-weight: bold;
	color: #faa634;
	text-decoration: none;
	background: url(../images/edit.png) right no-repeat;
}

.edit:hover {
	color: #eb6f00;
}

/*------------------ TOOLTIPS -------------------*/

.hotspot { text-decoration: none; padding: 3px 0 3px 23px; font-weight: normal; color: #3c2059; background: url(../images/tt_marker.gif) left no-repeat; }

#tt 
{
	position:absolute; 
	display:block; 
	background:url(../images/tt_left.gif) top left no-repeat;
}

#tttop 
{
	display:block; 
	height:5px; 
	margin-left:5px; 
	background:url(../images/tt_top.gif) top right no-repeat; 
	overflow:hidden;
}

#ttcont 
{
	display:block; 
	padding:3px 12px; 
	margin-left:5px; 
	font-size: 11px;
	background:#666; 
	color:#fff;
}

#ttbot 
{
	display:block; 
	height:5px; 
	margin-left:5px; 
	background:url(../images/tt_bottom.gif) top right no-repeat; 
	overflow:hidden;
}