/* ZURB | Extranet Styles */
/* Created February 10, 2005 by JB */
/* Last updated April 29, 2005 by JB */


/*____________________________________________________________________________________________________*/
/* CLOSES OVERRIDES */
UL.sections					{	 }
UL.sections A				{	 }
LI.sectionActive			{	 }
UL.pages					{	 }
LI.pageOpen					{	 }
LI.page						{	 }

IMG#sidebar_divider			{	filter:alpha(opacity=10); -moz-opacity:0.1; opacity: 0.1; }

DIV#footer					{	clear:both; }


/*____________________________________________________________________________________________________*/
/* BASELINE VALUES FOR ELEMENTS */
TABLE						{	border-collapse:collapse; }
TR, TD						{	vertical-align:top; }
SUP							{	vertical-align:super; font-size:.5em; }
* html SUP					{	vertical-align:text-top; }

/*____________________________________________________________________________________________________*/
/* BASIC STRUCTURE */
BODY#isolated				{	width:780px; margin:20px auto; }
BODY#isolated TABLE			{	width:100%; }
BODY#isolated CAPTION		{	color:#CCC; }
DIV#content TABLE			{	width:640px; color:#333; }
DIV.right					{	float:right; }
TABLE.columnFour TD			{	width:160px; border-right:1px solid #EEE; }
TABLE.columnFour TD P		{	width:150px; }
TABLE.columnFour TD.last	{	border:0; }
TABLE.columnFour TD IMG		{	max-width:150px; }
TABLE.columnThree TD		{	width:33%; }

/*____________________________________________________________________________________________________*/
/* TEXT TREATMENT */
/*BODY						{	font-size:12px; } Interrupts "closes" nav styles. */
A:link						{	color:#3D8FFE; }
A:visited					{	color:#9AC5FE; }
A:focus						{	 }
A:hover						{	color:#006BFC; }
A:active					{	 }
P, TD, TH					{	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:1.5em;
								color:#333; } /* Color also specified in BASIC STRUCTURE. */
H1							{	font-size:30px; }
H2							{	font-size:20px; }
H2 A						{	text-decoration: none; }
H3							{	font-size:14px; }
H4							{	font-size:12px; }
H1, H2, H3, H4, H5			{	font-family:Arial, Helvetica, sans-serif; }
H1, H2						{	font-weight:normal; }
H5							{	margin:0; padding:0;
								font-size:12px; text-transform:uppercase; }


CAPTION						{	margin-bottom:1em; }
CAPTION H1					{	margin:0; padding:0; }
DIV#summary					{	clear:both; margin:0; padding:.5em 1em; 
								font-family:Verdana, Arial, sans-serif; font-size:12px; line-height:1.6em;
								border:1px solid #CCCCA3; color:#660; background:#FFC; }
DIV#summary P				{	color:inherit; font-family:inherit; font-size:inherit; line-height:inherit; }
TBODY TD					{	padding:.5em; }
TBODY TD UL LI				{	list-style-type:square; margin-left:1em; }
TFOOT TD					{	padding:1em; background:#F2F8FF; border-top:1px solid #CCE1FF; }




/*____________________________________________________________________________________________________*/
/* QUOTATION */
DIV.blockquote				{	margin:0 2.5em; }
DIV.blockquote *,
*.quote						{	color: #777; background: #FAFAFA; }
*.quote						{	font-weight:normal; margin:0; padding-left:2.5em; }
.quote.open					{	background: url(/_img/icon/quotation/openQuote.gif) no-repeat top left; }
CITE						{	clear:both; display:block; margin:2em 0 .5em 0; }
CITE, CITE A				{	color:#AAA; font-size:11px; font-weight:normal; font-style:normal; }

/*____________________________________________________________________________________________________*/
/* NOTATION */
EM							{	font-style:normal; color:#000; background:#FF9; }
DIV.blockquote EM,
*.quote EM					{	font-style:inherit; color:#777747; background: #fafa96; }
.changed					{	color:red; background:none; }
P.incomplete				{	clear:both; display:block; margin:0; padding:0; 
								font-family:Geneva, Arial, sans-serif; 
								color:#F00; background:#FFE5E5; }

DIV.sticky					{	margin:1em 0; padding:.5em 1em; 
								font-size:12px; line-height:1.6em; 
								border:1px solid #CCCCA3; color:#660; background:#FFC; }

P.note						{	clear:both; margin:.5em 0; padding:.5em; 
								font-family:Geneva, Arial, sans-serif; font-size:1em; line-height:1.5em; 
								color:#333; background:#F7F7F7; }
P.note UL LI				{	margin:1em; padding:1em; }
DIV.snippet					{	padding:10px; border:1px solid #BBB; background:#F7F7F7; color:#777; }
P.dk						{	color:#333; }
P.md						{	color:#999; }
P.lt						{	color:#CCC; }
.oversize					{	font-size:1.25em; }
LI.off						{	color:#CCC; }
.timestamp					{	color:#AAA; font-size:.85em; }
OL.sitemap LI				{	font-size:11px; }
OL.sitemap LI OL			{	margin-top:.6em; }
SPAN.new					{	color:red; font-weight:bold; font-style:italic; }
P.caption					{	font-style:italic; }

/*____________________________________________________________________________________________________*/
/* LISTS */
UL LI.off					{	filter:alpha(opacity=25); -moz-opacity:0.25; opacity: 0.25; }
UL.formal					{	margin-top:0; padding-top:0; }
UL.formal LI				{	margin-bottom:.75em; list-style-type:square; }
UL.formal LI UL LI			{	list-style-type:square; }
* html UL.formal LI			{	padding-left:.75em; }
/* "intro" conceived as a lead-in to a sub area. Has a summary paragraph and small, emboldened link list. */
UL.review					{	margin-left:20px; }
UL.review LI				{	padding-bottom:3px; list-style-image:url(/_img/icon/list/sm/bookBlue.gif); font-size:12px; }
UL.review LI A				{	padding-left:5px; vertical-align:top; color:#5285CC; 
								font-size:.85em; font-weight:bold; text-decoration:none; }

UL.todo LI					{	list-style:url('/_img/icon/list/sm/noteArrow.gif'); }
UL.todo UL LI				{	list-style:url('/_img/icon/list/sm/noteDash.gif'); }
UL.todo LI.check			{	list-style:url('/_img/icon/list/sm/noteArrowErase.gif'); 
								color:#DDD; text-decoration:line-through; }
UL.todo UL LI.check			{	list-style:url('/_img/icon/list/sm/noteDashErase.gif'); }
LI.kurtis					{	list-style:url('/_img/icon/fun/smKurtis.gif'); }

UL.hidden LI				{	list-style-type:none; margin-left:0; margin-bottom:2px; }

/*____________________________________________________________________________________________________*/
/* ICONS */
IMG.inline					{	vertical-align:middle; }






/* COMPARISON TABLE */
TABLE.comparison		{	border:1px solid #DDD; }
TABLE.comparison TH		{	padding:5px; color:#999; background:#F7F7F7; }
TABLE.comparison TD		{	border-bottom:1px solid #DDD; }
/* __________ */



/* PAGE DESCRIPTION DIAGRAM TABLE */
TBODY.pdd TD			{	width:33%; padding:0 10px 0 0; }
/* __________ */




IMG						{	border:0; }
UL						{	/*margin:0; padding:0;*/ }
UL LI					{	list-style:none; margin:0; padding:0; }
OL						{	margin:0; padding:0; }
OL LI					{	list-style-type:decimal; margin-left:2em; padding:0 0 .5em 0; }
OL UL LI				{	list-style-type:square; font-size:.85em; padding:0; }
HR						{	clear:both; margin:1.5em 0 0 0;
							height:1px; border:0; color:#DDD; border-bottom:1px solid #DDD; background:#DDD; }
* html HR				{	margin:.5em 0 -1.25em 0; }



/* INSET IMAGES AND BUTTONS */
A.next					{	float:right; text-decoration:none; color:#009900; font-weight:bold; }
A.next IMG				{	vertical-align:middle; padding-left:5px; }
A.previous				{	float:left; text-decoration:none; color:#009900; font-weight:bold; }
A.previous IMG			{	vertical-align:middle; padding-right:5px; }
A.document				{	text-decoration:none; }
A.document IMG			{	vertical-align:middle; padding-right:5px; }
A.previous.small, A.next.small {
	background: #7bbb4f; color:white; padding: 0 0.5em; 
	font-weight: normal; font-size: 11px;
}

/* TABLE STUFF */
TABLE.minHeight			{	height:400px; }
TABLE.padTop			{	margin-top:2em; }
TABLE.fullsize			{	width:100%; }
TABLE.withNav			{	float:left; width:760px; }
/* __________ */

/* IMAGE STUFF */
IMG.left				{	float:left; margin-right:1em; padding:0 .5em .5em 0; }
IMG.right				{	float:right; margin-left:1em; padding:0 0 .5em .5em; }
IMG.screenshot			{	border:4px solid #EEE; }
IMG.thumbnail			{	border: 1px solid #333; }
.small_thumbnail {
	width: 60px; 
	height: 45px; 
	border: 1px dotted black; 
}
/* __________ */




UL.sections				{	font-size:12px; }
UL.sections LI			{	font-size:11px; }
* html UL.sections LI	{	padding:.25em 0; }
OL.notes LI				{	padding:0 0 .5em 0; margin:0 0 1em 2.5em; list-style-type:decimal; 
							border-bottom:1px solid #DDD; }
OL.notes LI LI			{	margin:0 0 0 1em; padding:0 0 0 1em; list-style:disc inside; border:0; }
OL.big LI				{	font-family:Helvetica, Arial, sans-serif; font-size:1.25em; font-weight:bold; padding:.5em 0; }
IMG.left				{	float:left; padding:0 .5em .5em 0; }
IMG.right				{	float:right; padding:0 0 .5em .5em; }
LI.key					{	list-style:url('/_img/icon/key.gif') outside; }
LI.pow					{	list-style:url('/_img/icon/pow.gif') outside; }
LI.search				{	list-style:url('/_img/icon/eyeglass.gif') outside; }
TFOOT LI				{	list-style:square outside; margin:0 0 .5em 1em; font-family:Geneva, Arial, Helvetica, sans-serif; }
/* __________ */



/* PRESENTATION TABLE */
TABLE.presentation		{	border:1px solid #AAA; color:#333; background:#FFF; font-size:11px; }
TABLE.presentation TR	{	vertical-align:top; border-bottom:1px solid #CCC; }
TABLE.presentation TD	{	border-right:1px solid #CCC; padding:.25em 1em .25em .75em; }
TABLE.presentation UL LI{	list-style-type:disc; font-size:11px; margin-left:0.5em; 
							padding-bottom:1em; }
/* __________ */


/* PROCESS TABLE */
TABLE.process TD		{	width:20%; padding-right:20px; }
TABLE.process TD.end	{	padding-right:0; }
TABLE.process TD.off IMG{	filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6; }
TABLE.process TD.off 	{	color:#999; }
/* __________ */

/* KINDS OF PROJECTS */
#onePageProject {	
	width: 880px; 
	margin: 0 auto; 
}

#onePageProject img.thumbnail {
	display: block; 
	width: 200px; 
	overflow: hidden; 
	border-style: dotted; 
}

.phaseCaption { color: #999; }

#onePageProject #process { width: 100%; }
#onePageProject #process td { 
	width: 25%; 
	padding-right: 1.5em; 
}
	
/* __________ */

#onePageProjectFour {	
	width: 850px; 
	margin: 0 auto; 
}

.projectGrey { color: #cccccc; }

/*____________________________________________________________________________________________________*/
/* ID SELECTORS */

/* OVERRIDE EXTRANET */
DIV#header, 
DIV#body				{	width:940px; } // Overrides a ZURB global.
DIV#footer				{	clear:both; padding-top:.5em; height:50px; border-top:1px solid #CCC;
							color:#999; text-align:left; }
/* __________ */


/*____________________________________________________________________________________________________*/
/* BRYAN'S SCRAPS */
.day		    {	width:140px; padding:5px; background: rgb(98%,98%,98%); border:1px solid #CCC;}



/*____________________________________________________________________________________________________*/
/* UPDATES FOR NOVEMBER 2005 EXTRANET OVERHAUL */
#projectPhases {
	position: relative; 
	top: 75px; 
	text-align: center; 
/*	color: #3d8ffe; */
	color: #06C; 
}
#projectPhases ul, #projectPhases li {
	display: inline; 
}
#projectPhases li {
	margin: 0 1em; 
}

#projectPhases a:link, #projectPhases a:visited, #projectPhases a:active {
	color: #000; 
	font-weight: normal; 
}

#projectPhases a:hover {
	color: #09F; 
}

h1 {
	line-height: 1em; 
	margin: 0; 
}
h2 {
	line-height: 1em; 
	margin: 0.3em 0 0 0; 
}
ul.phaseTaskList {
	margin: 0.3em 0 0.3em 0.7em; 
	font-size: 12px; 
	line-height: 1.6em;
}
ul.phaseTaskList li.active {
	list-style: url('/_img/icon/list/sm/noteArrowBlue.gif'); 
}
ul.phaseTaskList li {
	list-style: url('/_img/icon/list/sm/noteArrowErase.gif'); 
}
.inactive {}

table#footer1 {
	width: 100%; 
}

table#footer1 td {
	color: #09F; 
	font-size: 11px; 
	line-height: 1.6em; 
}

table#footer1 td .footerDiv {
	width: 780px; 
	margin: 0 auto;
}

span.caps {
	text-transform: capitalize; 
}

div#body1 {
	width: 780px; 
	margin: 0 auto; 
}

div#header {
	width: 780px; /* Another override for this pass at the extranet. */
}

div#body1, div#body1 p, div#body1 li {
	font-size: 12px; 
	line-height: 1.6em; 
}

div#body1 table {
	width: 100%; 
}




/* New body content stuff for Nov '05 */

td.columnLeadGeneration {
	width: 34%; 
	background: #fbfbec url('/_img/chrome/bkgColumnLeadGeneration.jpg') repeat-x top left; 
	border-right: 1px solid white; 
	padding: 0 1em; 
}
td.columnAcquisition {
	width: 33%; 
	background: #f6d2e4 url('/_img/chrome/bkgColumnAcquisition.jpg') repeat-x top left; 
	border-right: 1px solid white; 
	padding: 0 1em; 
}
td.columnRetention {
	width: 33%; 
	background: #e4f6f6 url('/_img/chrome/bkgColumnRetention.jpg') repeat-x top left; 
	padding: 0 1em; 
}


p.inset {
	background: #F7F7F7; 
	margin: 10px 20px; 
	padding: 10px; 
}

div.blockquote {
	font-family: Verdana, Arial, Helvetica, sans-serif !important; 
}