* { margin: 0; padding: 0; color: #333;}
body { font: normal 12px Verdana, Arial, sans-serif; text-align: center; background: #d1dbe2;  }
img { border: 0; }
p { margin-bottom: 10px; }
label { display: block; padding-bottom: 3px; }
input, textarea { font: normal 12px Verdana, Arial, sans-serif; }
td { font: normal 12px Verdana, Arial, sans-serif; }

#teamwork-print-logo { display: none; }

a { color: #016cba; text-decoration: underline; }
a:hover { text-decoration: none; }

#outerContainer { margin-left: auto; margin-right: auto; margin-top: 20px; width: 950px; background: #fff; text-align: left; }

#top { background: #d1dbe2 url(/planner/images/bg_topnav.jpg) top left no-repeat; width: 950px; height: 277px; text-align: center; }
#top #logo { float: left; padding-left: 14px; /* 15px 0 0 30px; */ }
#top #tagline { }

#top #menubar { clear: both; padding: 0; padding-top: 8px; }
#top #menubar ul#mainmenu { list-style: none; padding: 0; text-align: center; margin: 0 auto; display: block; margin: 0; }
#top #menubar ul#mainmenu li { background: transparent; float: none; display: inline; margin: 0; padding: 0; margin-right: 25px;}
#top #menubar ul#mainmenu li a { background: transparent; text-decoration: none; height: auto; display: inline; color: #fff; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; }
#top #menubar ul#mainmenu li a:hover { text-decoration: underline; }

#contentContainer { clear: both; background: #fff; padding-top: 16px; height: 500px;}
html>body #contentContainer { height: auto; min-height: 500px; }
#contentContainer table.content_table { width: 100%; border-collapse: collapse; border-spacing: 0; }
#contentContainer table.content_table tr td.content_cell { width: 100%; background: #fff; }

#contentContainer #left { background: #fff url(/planner/images/leftnav_top.jpg) top center no-repeat; float: left; width: 171px; padding-left: 10px; padding-right: 10px; padding-bottom: 20px; padding-top: 54px; font-size: 10px; }
#contentContainer #left div { background: #dfddde; margin: 15px 0 0 11px; border: 1px solid #d1cfd0; border-top: 0; padding: 5px; padding-left: 10px;}
#contentContainer #left div p { color: #333; }
#contentContainer #left h2 { font-size: 14px; margin-bottom: 15px; color: #333; }
#contentContainer #left h3 { font-size: 12px; border-bottom: 1px solid #333; margin-bottom: 2px; color: #333; }
#contentContainer #left ul { margin-bottom: 15px; }
#contentContainer #left ul li { list-style-image: url(/planner/images/arrow.gif); margin-left: 15px; padding: 4px; padding-left: 1px; font-size: 12px; color: #fff; }
#contentContainer #left ul li a { font-size: 11px; display: block; }
#contentContainer #left ul li a:hover { text-decoration: none; }
#contentContainer #left h3.logout { border-bottom: 0; }
#contentContainer #left h3.logout a:hover { text-decoration: none; }
#contentContainer #left a { color: #016cba; }
#contentContainer #left a.header { display: block; font-size: 12px; margin-bottom: 12px; }
#contentContainer #left a.header:hover { text-decoration: none; }

#contentContainer #left p.search_links { font-size: 12px; padding-bottom: 6px;}
#contentContainer #left p.search_links a { display: block; padding-bottom: 6px; }

#contentContainer #content { background: #fff; float: left; width: 713px; padding: 0 20px 20px 20px; }
#contentContainer #content h2 { font-size: 18px; margin-bottom: 16px; color: #016cba; }
#contentContainer #content h3 { font-size: 16px; margin-top: 20px; margin-bottom: 16px; }
#contentContainer #content blockquote { margin: 5px; }
#contentContainer #content span.document_date { display: block; padding-top: 3px; font-size: 10px; }
#contentContainer #content div.doc_survey { padding-top: 3px; font-size: 10px; }
#contentContainer #content p.editBox { margin-bottom: 20px; }
#contentContainer #content ul.save_options { margin-left:15px; }
#contentContainer #content ul.save_options li { padding-bottom: 6px; }
#contentContainer #content table.view { width: 100%; border: 1px solid #000; margin-bottom: 10px; }
#contentContainer #content table.view tr.header td { background: #016cba; color: #fff; padding: 4px;}
#contentContainer #content table.view tr.data td { vertical-align: top; padding: 4px; border-top: 1px dotted #ccc;}
#contentContainer #content table.view tr.datagray td { vertical-align: top; padding: 4px; border-top: 1px dotted #ccc; background: #eee; }
#contentContainer #content table.view tr.header td small { padding-left: 4px; color: #fff; }
#contentContainer #content table.view tr.header td small a { color: #fff; }
#contentContainer #content table.view tr.header td small a:hover { text-decoration: none; }
#contentContainer #content table.detail tr td { border-collapse: separate; border-bottom: 6px solid #fff; }
#contentContainer #content table.detail tr td.label { font-weight: bold; width: 130px; }
#contentContainer #content table.update { width: 100%; }
#contentContainer #content table.update tr td { border-collapse: separate; border-bottom: 6px solid #fff; }
#contentContainer #content table.update tr td.label { font-weight: bold; width: 130px; }
#contentContainer #content table.search tr td { border-collapse: separate; border-bottom: 6px solid #fff; }
#contentContainer #content table.search tr td.label { font-weight: bold; width: 130px; }
#contentContainer #content fieldset#outcome table tr td.label { font-weight: bold; width: 200px; padding-right: 20px;}
#contentContainer #content form p { margin-bottom: 12px; }
#contentContainer #content form input.submit { margin-top: 10px; padding: 6px; font-size: 12px; }
#contentContainer #content p label { display: block; font-weight: bold;}
#contentContainer #content fieldset { padding: 10px; margin-top: 14px; }
#contentContainer #content fieldset legend { padding: 4px; font-weight: bold; font-size: 14px; }
#contentContainer #content fieldset ul { margin: 0 0 10px 15px; }
#contentContainer #content fieldset ul li { margin: 0; padding: 0; }
#contentContainer #content fieldset ul li small { padding-left: 10px; }
#contentContainer #content fieldset ul li span.remove { display: block; margin-top: 6px; font-size: 10px;}
#contentContainer #content hr { color: #eee; background-color: #eee; height: 1px; margin: 12px 0 12px 0; }
#contentContainer #content div.paging { background: #eee; padding: 5px; margin-bottom: 10px; font-size: 10px; text-align: right; }
#contentContainer #content div.paging select { font-size: 10px; }
#contentContainer #content div.paging span.prev { padding-left: 20px; }
#contentContainer #content div.paging span.next { padding-left: 20px; }
#contentContainer #content #errorBox { border: 1px solid red; padding: 10px; background: #eee; margin-bottom: 30px; }
#contentContainer #content #errorBox h3 { font-size: 12px; margin-top: 0; margin-bottom: 5px; }
#contentContainer #content #errorBox ul { margin-left: 30px; }
#contentContainer #content p.editBox { }
#contentContainer #content .greyback { background:#ccc; font-size:10px; padding:4px; color:#fff; }
#contentContainer #content div.imageGallery { }
#contentContainer #content div.imageGallery div.image { float: left; width: 120px; text-align: center; }
#contentContainer #content div.imageGallery div.image p.caption { display: block; padding-top:3px; font-size: 90%; }
#contentContainer #content ul.imageGallery { list-style-type: none; margin-left: 0;}
#contentContainer #content ul.imageGallery li { float: left; display: inline; padding-right: 10px; padding-bottom: 10px; }
#contentContainer #content ul.imageGallery li a { border: 0; }
#contentContainer #content p.clear { clear: both; padding-top: 10px; }
#contentContainer #content blockquote.vendor_desc { margin-left:40px; margin-bottom:10px; font-size:10px; }
#contentContainer #content iframe.styled { margin-bottom: 30px; width: 95%; height: 250px; border: 1px solid #eee; }

#clientdisclaimer { clear: both; background: #ffffff; font-size: 10px; padding-left: 200px; padding-right: 20px; }
#footer { clear: both; background: #d1dbe2 url('/planner/images/bottom.gif') bottom left no-repeat; height: 15px; }
#bottom { clear: both; height: 20px; background: #d1dbe2; }

#lightbox { position: absolute;	left: 0; width: 100%; z-index: 100;	text-align: center;	line-height: 0; }
#lightbox a img { border: none; }
#outerImageContainer {	position: relative;	background-color: #fff;	width: 250px;	height: 250px;	margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading { position: absolute;	top: 40%;	left: 0%;	height: 25%; width: 100%; text-align: center;	line-height: 0;	}
#hoverNav { position: absolute;	top: 0;	left: 0; height: 100%;	width: 100%; z-index: 10; }
#imageContainer > #hoverNav{ left: 0;}
#hoverNav a { outline: none;}
#prevLink, #nextLink{ width: 49%;	height: 100%;	background: transparent url(../images/blank.gif) no-repeat; display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto;	line-height: 1.4em; overflow: auto; width: 100%;	}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay {	position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

body#application div#content { width: 900px; }
body#application div#content fieldset h3 { color: #c60; font-size: 12px; }
body#application div#content table.update tr td.label { width: 340px; padding-right: 10px;}
body#application div#content table.update tr td p { margin-bottom: 1px; padding-bottom: 3px; }
body#application div#content table.update tr td blockquote { margin-left: 20px; } 
body#application div#content table.update tr td span.leftPadding { color: #333; padding-left: 20px; } 
body#application div#content table.update tr td span.rightPadding { color: #333; padding-right: 20px; } 
body#application div#content hr { color: #eee; background-color: #eee; height: 1px; margin: 12px 0 12px 0; }

body.commentsframe { background: #fff; text-align: left; }
body.commentsframe #postcontent {  }
body.commentsframe p.comment { margin-left: 10px; margin-right: 10px; }
body.commentsframe input.submit { padding: 3px; font-size: 10px; }	

#contentContainer #content table.view tr.bold td { font-weight: bold; }