/* TOC

1. Eric Meyer's Reset
2. Body 
3. Header
4. Main Content Area
	4.1 Search Area
	4.2 Login Status
	4.3 Urgent Needs Table (front page)
	4.4 Projects Panel (blue rounded box)
		4.4.1 Projects Panel Tabs
		4.4.2 Projects Panel Container
	4.5 Profiles Panel (orange rounded box)
		4.5.1 Profiles Panel Tabs
		4.5.2 Profiles Panel Container
	4.6 Misc
	4.7 Gridview
	4.8 About Us page
5. Side Column
	5.1 Login Area
	5.2 Testimonials
6. Footer

*/

/* =========================
1. Eric Meyer's Global Reset 
========================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, em, 
font, img, strong, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.error { font-size: 11px; color:Red; }

/* ====
2. Body
==== */
body { font: .8em/1.3em LucidaGrande, Verdana, Arial, Sans-Serif; background: #f2dfc1 url(/images/frame/bck.gif) repeat-x top left;
        padding-top: 43px; color: #222; }
a, a:visited { text-decoration: none; color:#6fa8d4; }
a:hover { text-decoration: underline; }
p { margin-bottom:10px; line-height: 16px; }
#wrapper { width: 946px; margin: 0 auto; }
#content { background: url(/images/frame/bck-gradient.gif) repeat-y top left; }
.mainHeader { display: block; color: #6fa8d4; font: 25px/35px Georgia, "Times New Roman", Serif; }
.mainText { line-height: 16px; margin-bottom: 5px; display: block; color: #222; }
.sectionHeader { display: block; font: 20px/30px Georgia, "Times New Roman", Serif; color: #e49e17; }
#mainContentMain .mainHeader { display: block; text-align: center; font: 25px/35px Georgia, "Times New Roman", Serif; color: #6fa8d4; 
                               margin-bottom: 10px; }
#mainContentMain .mainText { line-height: 16px; margin-bottom: 5px; display: block; }
.lblField, label, .lblField2 { font-size: 11px; color: #6fa8d4; line-height: 15px; padding-left: 3px; }
.inputField { height: 18px; border: 1px solid #d9d9d9; background: #fbfcfc url(/images/frame/bck-inputField.png) repeat-x top left; color: #203576; }
.errorMessage { background: url(/images/frame/bck-error.png) no-repeat top left; width: 267px; display: inline-block; height: 53px; 
                padding: 10px 10px 10px 30px; float: right; margin-top: -10px; font-size: 11px; color: #fff; }
select { border: 1px solid #d9d9d9; background: #fbfcfc url(/images/frame/bck-inputField.png) repeat-x top left; height: 22px; color: #203576; }
table.regForm tr td { vertical-align: top; padding-top: 10px; }
.clearfix { clear:both; height:1px; }

/* ======
3. Header
====== */
#header { background: url(/images/frame/bck-gradient.gif) repeat-y top left; }
#headerInner { background: url(/images/frame/bck-header.gif) no-repeat top left; }
#headerInner a, #headerInner a:visited { color: #fff; }
#headerInner #topNav { color: #fff; margin-right: 25px; padding-top: 38px; text-align: right; font-size: 11px; }
#headerInner #nav { padding-top: 11px; margin-left: 17px; text-align: left; width: 925px; }
#headerInner #photo { margin: 0 17px; background: #ff0; border-top: 1px solid #fff; }

/* Header styles for the front page */
#headerMain { background: url(/images/frame/bck-gradient.gif) repeat-y top left; }
#headerMainInner { background: url(/images/frame/bck-header.gif) no-repeat top left; }
#headerMain #headerMainInner #nav { padding-top: 66px; text-align: center; }
#headerMainInner #photo { margin: 0 17px; background: #ff0; border-top: 1px solid #fff; }

/* ==================
4. Main Content Area
================== */
#mainContent { margin: 0 40px; padding: 15px 0; width: 810px; clear:left; }
#mainContentMain { margin: 0 340px 0 40px; padding-top: 15px; }

	/* ============
	4.1 Search Area 
	============ */
	#projectSearch { float: right; margin: 15px 40px 10px 5px; height: 22px; vertical-align: bottom; text-align: right; }
	#projectSearch input.btnSearch { height: 22px; width: 26px; border: none; }
	#projectSearch .searchTitle { font-size: 10px; font-weight: bold; color: #72a7d0; }
	#projectSearch a, #projectSearch a:visited { text-decoration: underline; color: #bd3f18; font-size: 10px; line-height: 16px; font-style: italic; }
	#projectSearch a:hover { text-decoration: none; }
	
	
	/* =============
	4.2 Login Status
	============= */
	.loginStatus { font-family: Verdana, Arial, Sans-Serif; font-size: 11px; padding-bottom: 3px; color: #4c72ac; border-bottom: 1px solid #d6c6b8; }
	.loginStatus .logoutText { margin-left: 45px; font-style: italic; color: #bd3f18; }
	.loginStatus .usernameText { font-weight: bold; }
	.loginStatus .logoutText a, .loginStatus .logoutText a:visited { color: #bd3f18; }

	/* ================================
	4.3 Urgent Needs Table (front page)
	================================ */
	table.ProjectUrgency {border-collapse: collapse; border: 1px solid #e49e17; }
	table.ProjectUrgency th { background-color: #e49e17; padding: 10px; }
	table.ProjectUrgency th.tableHeader { color: #f5e8db; font: bold 20px/24px Georgia, "Times New Roman" , Serif; }
	table.ProjectUrgency th.tableLink { color: #f5e8db; font: 11px/13px LucidaGrande, Verdana, Arial, sans-serif; text-align: right; }
	table.ProjectUrgency th.tableLink a, table.ProjectUrgency th.tableLink a:visited { color: #f5e8db; font-weight: bold; }
	table.ProjectUrgency td { padding: 5px 15px; }
	table.ProjectUrgency td.projectImage { vertical-align: middle; padding: 0px; }
	table.ProjectUrgency img { border: 4px solid #d6c6b8; }

	/* ============
	4.4 Projects Panel (blue rounded box)
	============ */
	.projectsContainer { margin-left: 3px; margin-top: 0; padding-top: 15px; width: 861px; }
	.projectsContainer .text { margin: 0 20px 0 25px; display: block; color: #203576; font-size: 11px; line-height: 15px; }
	.projectsContainer .detail { margin: 0 20px 0 0px; display: block; color: #203576; font-size: 11px; line-height: 15px; }
	.projectTitle { font-weight: bold; }
		/* ======================
		4.4.1 Projects Panel Tabs
		====================== */
		.projectsTabs { *height:3.7em;}/* "*" - targets IE6 and IE7 only */
		.projectsTabs ul { display: inline-table; margin-left: 3px; margin-top: 15px; margin-bottom: 0; font-size: 11px; }
		.projectsTabs ul li { float: left; background: #A5CDDF url(/images/frame/bck-blueTab.gif) no-repeat top left; display: block; 
		                      width: 159px; height: 2.9em; margin-right: 2px; text-align: center; vertical-align: middle; }
		.projectsTabs ul li.current { background: #72AAD5 url(/images/frame/bck-blueTabCurrent.gif) no-repeat top left; }
		.projectsTabs ul li a, .projectsTabs ul li a:visited { color: #4c72ac; line-height: 2.9em; font-weight: bold; }
		.projectsTabs ul li.current a, .projectsTabs ul li.current a:visited { font-weight: bold; font-size: 11px; color: #fff; }

		/* ===========================
		4.4.2 Projects Panel Container
		=========================== */
		.projectsContainer { clear: left; background: #a4cbe3 url(/images/frame/bck-blueContentGradient.gif) repeat-x top left; }
		.projectsContainer .inner { background: url(/images/frame/bck-blueContentBottom.gif) no-repeat bottom left; padding-bottom: 15px; }
		.projectsContainer table, .profileContainer table, .projectsContainer div table { width: 813px; margin: 15px 15px 0 25px; }
		.projectsContainer table tr td { background-color: #c2dfeb; }
		.projectsContainer table tr td.top { background: url(/images/frame/bck-blueItemTop.gif) no-repeat top left; height: auto; }
		.projectsContainer table tr td.bottom { background: url(/images/frame/bck-blueItemBottom.gif) no-repeat top left; height: 20px; }
		.projectsContainer table { font-size: 11px; }

	/* ============
	4.5 Profiles Panel (orange rounded box)
	============ */
	.profileContainer { margin-left: 3px; margin-top: 0; padding-top: 15px; width: 861px; }
	.profileContainer .text { margin: 0 20px 0 25px; display: block; color: #203576; font-size: 11px; line-height: 15px; }
	.profileContainer .detail { margin: 0 20px 0 0px; display: block; color: #203576; font-size: 11px; line-height: 15px; }
	.projectTitle { font-weight: bold; }
		/* ======================
		4.5.1 Profiles Panel Tabs
		====================== */
		.profileTabs { *height:3.7em;}/* "*" - targets IE6 and IE7 only */
		.profileTabs ul { display: inline-table; margin-left: 3px; margin-top: 15px; margin-bottom: 0; font-size: 11px; }
		.profileTabs ul li { float: left; background: #A5CDDF url(/images/frame/bck-yellowTab.gif) no-repeat top left; display: block; 
		                     width: 159px; height: 2.9em; margin-right: 2px; text-align: center; vertical-align: middle; }
		.profileTabs ul li.current { background: #72AAD5 url(/images/frame/bck-yellowTabCurrent.gif) no-repeat top left; }
		.profileTabs ul li a, .profileTabs ul li a:visited { color: #d28200; line-height: 2.9em; font-weight: bold; }
		.profileTabs ul li.current a, .profileTabs ul li.current a:visited { font-weight: bold; font-size: 11px; color: #fff; }

		/* ===========================
		4.5.2 Profiles Panel Container
		=========================== */
		.profileContainer { clear: left; background: #f2d099 url(/images/frame/bck-yellowContentGradient.gif) repeat-x top left; }
		.profileContainer .inner { background: url(/images/frame/bck-yellowContentBottom.gif) no-repeat bottom left; padding-bottom: 15px; }
		.profileContainer table, .profileContainer table { width: 813px; margin: 15px 15px 0 25px; }
		.profileContainer table tr td { background-color: #f2dfc0; }
		.profileContainer table tr td.top { background: url(/images/frame/bck-yellowItemTop.gif) no-repeat top left; height: auto; }
		.profileContainer table tr td.bottom { background: url(/images/frame/bck-yellowItemBottom.gif) no-repeat top left; height: 20px; }
		.profileContainer table { font-size: 11px; }

	/* ======
	4.6 Misc.
	====== */
	td.title { width: 230px; padding: 5px 0 0 20px; color: #4c72ac; font-size: 16px; line-height: 20px; }
	td.title a, td.title a:visited { color: #203576; font-family: Georgia, "Times New Roman", Serif; font-size: 15px; line-height: 18px; }	
	td.actions { width: 30px; text-align: center;}
	td.actions a img { display: block; margin: 5px; border: none; }
	td.desc { line-height: 14px; }	
	.warning { margin: 15px 0 0 25px; padding:0 0 15px 30px; background: url(/images/warning.gif) no-repeat top left;
	           vertical-align: text-bottom; line-height: 25px; font-style: italic; font-size: 11px;color: #bd3f18; }	
	.projectCount { float: right; margin:15px 25px 0 0; padding-bottom:10px; line-height: 25px; font-weight: bold; font-size: 11px;color: #203576;}
	.projectCount img { vertical-align: text-top; }

	/* ==========
	4.7 Gridview
	========== */
	.gridview .actions div { float: right; padding-right: 2px; text-align: right; width: 95px; }
	.gridview .edit td, .gridview .create td { background: #DAFFCD; padding: 4px; border-bottom: solid 2px #FFF; border-top: solid 2px #FFF; }
	.gridview td { border-bottom: solid 1px #C5DBF7; color: #203576; font-size: 11px; line-height: 15px; padding: 5px 4px; }
	.gridview td a { color: #6fa8d4; padding: 2px; text-decoration: underline; }
	.gridview th { color: #6fa8d4; letter-spacing: 0; padding: 4px; text-align: left; text-decoration: ; }
	.gridview th a { color: #6fa8d4; font-weight: bold; text-decoration:underline;  }
	/*.gridview tbody tr th a { color: #6fa8d4; font-weight: bold; text-decoration:underline;  }
	.gridview tbody tr th a:hover { color: #6fa8d4; font-weight: bold; text-decoration:underline;  }
	*/
	.gridview th a:hover { color: #6fa8d4; }
	.gridview tr.even td, .detailsview tr.even td { background: #FFFFFF; }
	.gridview tr.header { background: #C5DBF7; }
	.gridview, .detailsview { width: 100%; }
	
	/* ==============
	4.8 About Us Page
	============== */
	.colLinks { float:right; background:url(/images/frame/bckAboutCol.gif) no-repeat top left; width:495px; padding:20px 10px; }
	.colLinks table.addressInfo { font-size:14px; margin:15px 0 10px 40px; line-height:20px; }
	.colLinks table.addressInfo label { font-size:14px; line-height:20px; margin-right:5px; }
	
	.intro { float:left;width:350px; }
	.intro img { margin:0 10px 10px 10px; }
	
	/* =========
	4.9 FAQ Page
	========= */
	.faqTable td { vertical-align:top; background:url(/images/frame/bckFaq.gif) no-repeat top left; width:440px; }
	.question { background:url(/images/frame/bckQTop.gif) no-repeat top left; margin:5px 5px 0 10px; padding:5px 15px 0 10px; color:#fff; width:380px; }
	.question b { font-weight:bold; color:#fff; font-size:16px; font-family:Georgia, Serif; margin-right:5px; }
	.questionBottom { background: url(/images/frame/bckQBottom.gif) no-repeat bottom left; height:10px; margin-left:10px; }
	
	.faqTable .answer { padding: 5px 10px 5px 20px; width: 380px; }
	.faqTable .answer b { float:left; font-weight:bold; color:#e59c2f; font-size:16px; font-family:Georgia, Serif; margin-right:5px; }
	.faqTable .answer p { padding-left:25px; }
	
	/* ============
	4.10 Story Page
	============ */
	#stories { margin:0 30px 0 40px; padding-top:20px; }
	#stories .leftCol { background:url(/images/frame/bckAboutCol.gif) no-repeat top left; width:495px; padding:20px 10px; margin-top:20px; 
	                    margin-bottom:10px; }
	#stories .blurb { float:right; width:320px;margin-top:20px;}
	#stories .blurbBody { background:url(/images/frame/bckBlurbTop.gif) no-repeat top left;padding:30px 20px 15px 20px; color:#fff; 
	                      min-height:125px; height:auto !important; height:125px; font-size:18px; font-family:Georgia,serif; line-height:26px; }
	#stories .blurbBottom { background:url(/images/frame/bckBlurbBottom.gif) no-repeat bottom left; height:7px; } 
	
/* ============
5. Side Column
============ */
#sideCol { float: right; width: 298px; margin-right: 17px; }

	/* ===========
	5.1 Login Area
	=========== */
	#login { background: #203576 url(/images/frame/bck-login.jpg) no-repeat bottom left; }
	#loginInner { margin: 0 25px; padding: 10px 0 10px 0; }
	#loginInner .loginHeader { margin-bottom: 5px; font-size: 18px; font-family: Georgia, "Times New Roman" , Serif; color: #efe7dc; }
	#loginInner .instructionText { padding: 10px 0; font-size: .8em; color: #f2bf6e; }
	#loginInner .instructionLink { text-align: right; }
	#loginInner .instructionLink a, #loginInner .instructionLink a:visited { color: #f2bf6e; font-size: .8em; }
	#loginInner input { margin-bottom: 5px; }
	#loginInner input.btn { margin-bottom: 0px; margin-right: 5px; }
	img.btn { display: block; cursor: pointer; }

	/* ============
	5.2 Testimonial
	============ */
	.testimonial { margin: 15px 0 15px 5px; padding-top: 15px; background: url(/images/frame/bck-testimTop.gif) no-repeat top left; 
	               width: 295px; display: block; }
	.testimonialBody { background: url(/images/frame/bck-testimBody.gif) repeat-y top left; }
	.testimonialBottom { background: url(/images/frame/bck-testimBottom.gif) no-repeat bottom left; height: 40px; }
	.testimonial .testimonialHeader { margin: 0 40px 0 15px; font: 18px/30px Georgia, "Times New Roman" , Serif; color: #fff; }
	.testimonial .testimonialText { margin: 0 40px 0 15px; display: block; font-size: .8em; line-height: 18px; }

/* ======
6. Footer
====== */
#footer { background: url(/images/frame/bck-bottom.gif) no-repeat bottom left; padding-bottom: 17px; clear: both; }
#footerInner { background-color: #203576; margin: 0 17px; padding: 10px 0; color: #f2bf6e; text-align: center; font-size: 11px; }
#footerInner #footerNav { margin-bottom: 5px; }
#footerInner #footerNav a, #footerInner #footerNav a:visited { color: #f2bf6e; }




/*modal popups*/
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: White;
	width: 600px;
}

.confirm
{
	background-color: White;
	width: 370px;
}

/*modalpopup confirm*/
.confirm-dialog
{
	background: url(/images/modal/dialog24.png) no-repeat left top;
	margin: 0px auto;
	width: 370px;
	padding-top: 14px;
	position: relative;
}

.confirm-dialog .inner
{
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 11px;
	background: url(/images/modal/dialog24.png) no-repeat left bottom;
	float: left;
	margin: 0px 0px -20px 0px;
	width: 290px;
	padding-top: 0px;
}

.confirm-dialog .base
{
	border-top: #ddd 1px solid;
	background: url(/images/modal/dialog-base.png) no-repeat left bottom;
	padding-bottom: 4px;
	margin-left: -11px;
	margin-right: -11px;
	padding-top: 4px;
	text-align: center;
}

.confirm-dialog H2
{
	font-weight: bold;
	font-size: 1.25em;
	color: #EB5F00;
	text-align: center;
}

.confirm-dialog input
{
	width: 50px;
}

.close
{
	display: block;
	background: url(/images/modal/close24.png) no-repeat 0px 0px;
	left: -5px;
	width: 26px;
	text-indent: -1000em;
	position: absolute;
	top: -7px;
	height: 26px;
}

.readOnly 
{
	text-decoration: underline;
	font-size: small;	
	color: #6fa8d4;	
}