/*  
Description: Echelon Customer Portal Testing CSS
Author: David Bedingfield
*/

html {
	height: 100%;
	}
	
body	{
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 100%;
	}

p, td, tr, th, table, h1, h2, h3, h4, h5, h6, ul, li, ol	{
	font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
	color: #222;
	margin: 0;
	padding: 0;
	}
		
h1, h2, h3, h4, h5, h6 {
	letter-spacing: .025em;
	}
	
em, strong {
	}
	
img {
	border: none;
	margin: 0;
	}
	
table {
	/*background-color: #CCC;*/
	padding: 0;
	margin: 0;
	border-spacing: 0;
	}
	
a {
	color: #900;
	}
	
div {
	/* border: 1px dotted #900 !important;*/
	}
	
.errorMessage
{
	font-weight: bold;
	color: Red;
}	

.infoMessage
{
	font-weight: bold;
	color: Blue;
}	
	

/* Container */

#container {
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
	}
	
/* Header */

#header {
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(../img/common/header_bg.gif) left top repeat-x;
	}


/* Masthead */

#masthead {
	width: 800px;
	height: 100px;
	padding: 0;
	margin: 0 auto;
	}
	
#masthead h1 a {
	display: block;
	text-indent: -3000px;
	text-decoration: none;
	height: 36px;
	}
	
#masthead h1 {
	width: 145px;
	height: 100px;
	margin-left: 15px;
	background: url(../img/common/logo.gif) left 9px repeat-x;
	float: left;
	}
	
#masthead h2 a {
	display: block;
	text-indent: -3000px;
	text-decoration: none;
	height: 36px;
	}

#masthead h2 {
	width: 474px;
	height: 100px;
	background: url(../img/common/portal.gif) left 6px repeat-x;
	float: right;
	}


	
/* Nav */

#nav {
	width: 100%;
	padding: 0;
	margin: 0;
	background: url(../img/common/nav_bg.gif) left top repeat-x;
	}
	
#nav_pri {
	width: 800px;
	height: 36px;
	padding: 0;
	margin: 0 auto;
	background: none;
	list-style: none;
	}
	
#nav_pri li {
	display: inline;
	margin: 0;
	padding: 0;
	height: 36px;
	position: relative;
	float: left;
	}
	
#nav_pri li a {
	display: block;
	text-indent: -3000px;
	text-decoration: none;
	height: 36px;
	}
	
#nav_pri_dash {
	background: url(../img/nav/nav_dash.gif) left top no-repeat;
	height: 36px;
	width: 107px;
	}
	
#nav_pri_club {
	background: url(../img/nav/nav_club.gif) left top no-repeat;
	height: 36px;
	width: 129px;
	}

#nav_pri_blog {
	background: url(../img/nav/nav_blog.gif) left top no-repeat;
	height: 36px;
	width: 62px;
	}

#nav_pri_docs {
	background: url(../img/nav/nav_docs.gif) left top no-repeat;
	height: 36px;
	width: 107px;
	}

#nav_pri_floor {
	background: url(../img/nav/nav_floor.gif) left top no-repeat;
	height: 36px;
	width: 113px;
	}
	
#nav_pri_gall {
	background: url(../img/nav/nav_gall.gif) left top no-repeat;
	height: 36px;
	width: 84px;
	}
	
#nav_pri_vid {
	background: url(../img/nav/nav_vid.gif) left top no-repeat;
	height: 36px;
	width: 69px;
	}

#nav_pri_glos {
	background: url(../img/nav/nav_glos.gif) left top no-repeat;
	height: 36px;
	width: 95px;
	}
	
#nav_pri_return {
	background: url(../img/nav/nav_return.gif) right top no-repeat;
	height: 36px;
	width: 232px;
	}
	
#nav ul li.hover,
#nav ul li:hover,
#nav ul li.hover a,
#nav ul li:hover a,
#nav ul li a:hover,
#nav ul li a.hover {
	background-position: right -36px;
	}
	
.nav_current {
	background-position: 0 -72px !important;
	}


	
/* Content and Columns */

#content {
	width: 800px;
	padding: 0;
	margin: 0 auto;
	}
	
#primary {
	float: left;
	width: 530px;
	padding: 0;
	}
	
#secondary {
	background-color: #FFF;
	float: right;
	width: 250px;
	padding: 0;
	}
	
#primary, #secondary {
	margin-top: 20px;
	}

/* Primary */

#primary h3 {
	font-size: .8em;
	text-transform: uppercase;
	border-top: 3px solid #c2d8e4;
	padding-top: 8px;
	padding-left: 15px;
	width: 20em;
	margin-bottom: 15px;
	color: #666;
	letter-spacing: .25em;
	}
	
#primary .module h4 {
	font-size: 1.2em;
	/* padding-left: 15px !important;*/
	margin-bottom: 5px;
	}
	
#primary #blog h4 {
	padding-left: 15px;
	font-size: 2.6em;
	font-weight: normal;
	color: #003366;
	margin-bottom: 5px;
	}

#primary select {
	margin-left: 15px;
	font-size: 1.1em;
	color: #333;
	margin-bottom: 20px;
	}
	
#primary #blog ul {
	margin-bottom: 20px;
	}
#primary #video h4 {
	padding-left: 15px;
	font-size: 2.0em;
	font-weight: normal;
	color: #003366;
	margin-bottom: 5px;
	}
#primary #video ul {
	margin-bottom: 20px;
	}	
#primary p {
	padding-left: 15px;
	font-size: 1.1em;
	font-weight: normal;
	color: #333;
	line-height: 1.7em;
	margin-bottom: 8px;
	}
	
#blog {
	width: 530px;
	margin-bottom: 20px;
	/* border: 1px solid #ccc; */
	}
#video {
	width: 530px;
	margin-bottom: 20px;
	/* border: 1px solid #ccc; */
	}
	
#blog p {
	font-size: 1.3em;
	margin-bottom: 10px;
	}
	
.right_img {
	border: 1px solid #c2d8e4;
	padding: 1px;
	width: 230px;
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
	}
		
.left_img {
	border: 1px solid #c2d8e4;
	padding: 1px;
	margin-bottom: 10px;
	}
	
.module {
	margin-bottom: 20px;
	}
	
.last {
	margin-bottom: 0;
	}

#blog p.metablog {
	font-size: 1.1em;
	margin-bottom: 0px;
	color: #999;
	}
	
#col_a {
	width: 268px;
	float: left;
	padding: 0;
	border-right: 1px solid #c2d8e4;
	margin-bottom: 20px;
	}
	
#col_b {
	width: 234px;
	float: right;
	padding: 0;
	/*margin-right: 20px;*/
	margin-bottom: 20px;
	}
	
#primary ul li {
	list-style: none;
	padding-left: 15px;
	font-size: 1.1em;
	font-weight: normal;
	color: #333;
	line-height: 1.7em;
	margin-bottom: 4px;
	}
	
#primary ul li span.listdate {
	font-size: .8em;
	}
	
#primary ul li.doc {
	padding-left: 32px;
	background: url(../img/icons/doc.gif) 15px 2px no-repeat;
	}	

#primary ul li.pdf {
	padding-left: 32px;
	background: url(../img/icons/pdf.gif) 15px 2px no-repeat;
	}	
		
#primary ul li.vid {
	padding-left: 32px;
	background: url(../img/icons/vid.gif) 15px 2px no-repeat;
	}	

#primary ul li.xls {
	padding-left: 32px;
	background: url(../img/icons/xls.gif) 15px 2px no-repeat;
	}	
	
#primary ul li.jpg {
	padding-left: 32px;
	background: url(../img/icons/jpg.gif) 15px 2px no-repeat;
	}	

#primary ul li.blog {
	padding-left: 34px;
	background: url(../img/icons/blog.gif) 15px 2px no-repeat;
	}	

#primary ul li.moredocs {
	padding-left: 32px;
	background: url(../img/icons/moredocs.gif) 15px 0 no-repeat;
	font-size: .9em;
	text-transform: uppercase;
	letter-spacing: .2em;
	}
	
#primary p.moregallery {
	padding-left: 36px;
	background: url(../img/icons/moregallery.gif) 15px 0 no-repeat;
	font-size: .9em;
	text-transform: uppercase;
	letter-spacing: .2em;
	}

#primary p.moreblog {
	padding-left: 34px;
	background: url(../img/icons/moreblog.gif) 15px 0 no-repeat;
	font-size: .9em;
	text-transform: uppercase;
	letter-spacing: .2em;
	}
	
#primary p.morevid {
	padding-left: 34px;
	background: url(../img/icons/vid.gif) 15px 0 no-repeat;
	font-size: .9em;
	text-transform: uppercase;
	letter-spacing: .2em;
	}
	
#secondary p.editprofile {
	padding-left: 35px !important;
	background: url(../img/icons/editprofile.gif) 15px 0 no-repeat;
	font-size: .9em;
	text-transform: uppercase;
	letter-spacing: .2em;
	}

#primary p span.listdate {
	font-size: .8em;
	}



/* Secondary Content */
#secondary p {
	padding-left: 25px;
	font-size: 1.1em;
	font-weight: normal;
	color: #333;
	line-height: 1.7em;
	margin-bottom: 8px;
	}

.box {
	border: 1px solid #c2d8e4;
	background-color: #d4e7f1;
	padding: 12px 0px;
	margin-bottom: 10px;	
	}
	
#secondary .box p,
#secondary .box h2,
#secondary .box h3,
#secondary .box h4 {
	padding: 0px 15px;
	}
	
.restaurant {
	border: 1px solid #c6a6a6;
	background-color: #eed8d5;
	padding: 12px 0px;
	margin-bottom: 10px;
	}
	
#secondary .restaurant p,
#secondary .restaurant h2,
#secondary .restaurant h3,
#secondary .restaurant h4 {
	padding: 0px 15px;
	}
	
.profile_img {
	border: 1px solid #c2d8e4;
	padding: 1px;
	margin: 0 7px 15px 7px;
	background-color: #FFF;
	}
	
#secondary h3 {
	font-size: 1.3em;
	padding-left: 25px;
	margin-bottom: 12px;
	}
	
#secondary h4 {
	font-size: 1.3em;
	padding-left: 25px;
	margin-bottom: 2px;
	}
	
#secondary .pmodule {
	margin-bottom: 18px;
	}

/* Gallery */
	
#gallery_table {
	margin-top: 10px;
	margin-bottom: 10px;
	}

#gallery_table td {
	vertical-align: top;
	}
	
#gallery {
	width: 530px;
	/* border: 1px solid #ccc; */
	}
	
#gallery p {
	font-size: 1.3em;
	margin-bottom: 10px;
	}
	
#primary #gallery h4 {
	padding-left: 15px;
	font-size: 2.6em;
	font-weight: normal;
	color: #003366;
	margin-bottom: 5px;
	}
	
#gallery p.metagallery {
	font-size: 1.1em;
	margin-bottom: 0px;
	color: #999;
	}

#thumbnails_table {
	margin-left: 8px;
	}
	
#thumbnails_table tr td {
	padding: 0 2px 4px 2px;
	}
	
#thumbnails_table tr td div {
	border: 1px solid #c2d8e4;
	padding: 1px;
	}
	
#businesses_table {
	margin-left: 8px;
	}
	
#businesses_table tr td {
	padding: 10px 10px 10px 10px;
	}
	
#businesses_table tr td div {
	border: 1px solid #c2d8e4;
	padding: 1px;
	}
	
#gallery p.numeration {
	font-size: 0.8em;
	margin-bottom: 5px;
	}

#gallery h5 {
	font-size: 1.4em;
	font-weight: bold;
	padding-left: 15px;
	margin-bottom: 5px;
	width: 380px;
	}
	
#gallery p {
	width: 380px;
	font-size: 1.0em;
	}
	
#thumbnails_table select {
	font-size: 1.1em;
	color: #333;
	margin: 5px 0 0 0;
	width: 100%;
	}
	
#gal_select_holder {
	position: relative;
	width: 535px;
	}

#gal_select_list {
	position: absolute;
	top: -32px;
	left: 360px;
	}

#prevnext_holder {
	position: relative;
	width: 385px;
	margin: 0;
	padding: 0;
	}

#prevnext_holder p {
	position: absolute;
	top: -21px;
	left: 260px;
	}
	
span.prev {
	background: url(../img/arrow/arrow_prev.gif) left top no-repeat;
	padding: 0 5px 0 15px;
	}
	
span.next {
	background: url(../img/arrow/arrow_next.gif) right top no-repeat;
	padding: 0 15px 0 5px;
	}
	
/* Tooltip */

.tooltip {
	/*width: 200px; */
	color: #000;
	font: lighter 11px/1.3 Arial,sans-serif;
	text-decoration: none;
	background-color: #d4e7f1; 
	text-align: center;
	border: 1px solid #002244;
	opacity: 0.8;
    -moz-opacity: 80%;
    filter: alpha(opacity=80);
	}

.tooltip span.top{
	padding: 5px 8px;
	font-weight: bold;
    }


/* Form Elements */

.select_list_small {
	}

.select_list_med {
	width: 160px;
	}

/* Footer */

#footer {
	width: 800px;
	border-top: 3px solid #c2d8e4;
	margin: 20px auto;
	padding: 10px 0 10px 0;
	font-size: 1.1em;
	clear: both;
	}
	
#footer p {
	margin: 0 0 5px 15px;
	}
	
/* Gallery */

#primary dl {
	padding-left: 15px;
	font-size: 1.1em;
	font-weight: normal;
	color: #333;
	line-height: 1.7em;
	margin-bottom: 8px;
	}
	
#primary dt {
	font-weight: bold;
	margin-bottom: 5px;
	}
	
#primary dd {
	margin: 0 0 12px 5px;
	border-left: 1px solid #ccc;
	padding-left: 8px;
	}
	
ul.alphabet {
	font-size: 1.2em;
	margin: 0 0 10px 0;
	padding: 0 15px 0 15px;
	/*
	border: 1px solid #c2d8e4;
	background-color: #d4e7f1;
	*/
	}
	
ul.alphabet li {
	display: inline;
	margin: 0 5px 0 0 !important;
	padding: 0 !important;
	}
	
.grayed {
	color: #999 !important;
	}
	
/* Gallery */
#secondary .aboutbox {
	border: 1px solid #c2d8e4;
	background-color: #d4e7f1;
	padding: 12px 0px;
	margin-bottom: 10px;	
	}
	
#secondary .aboutbox p,
#secondary .aboutbox h3 {
	padding: 0px 15px;
	}

#forgot {
	border: 1px solid #DDD;
	padding: 15px 0;
	background-color: #F4F4F4;
	}

.login {
	padding-right: 20px;
	padding-bottom: 15px;
	}

#primary h4 {
	font-size: 1.1em;
	/* margin-left: 15px; */
	margin-bottom: 10px;
	}
	
.login table {
	margin-left: 15px;
}

.login table tr td {
	padding: 4px 6px 4px 0 !important;
}

.login table p {
	padding: 0 !important;
	margin: 0 !important;
}


/* Gallery */
#secondary p.logout {
	margin-top: 0 !important;
	padding-top: 0 !important;
	font-size: .9em !important;
	text-transform: uppercase;
	letter-spacing: .2em;
	}