/* 

screen CSS document
screen.css
client: Beansprout
author: Beanstalk Data - www.beanstalkdata.com
date: 10-13-08

Base Screen styles. Remove comments where necessary.

*/


/*======================================
	=Main Styles
======================================*/

/* for 100% height on wrap */
/* html, body { height: 100%; } */




body {
	font-family: Arial, Helvetica, sans-serif; 								
	color: #5c5c5c;
	text-align: center;
	background: #336699 url(../images/bg_fade_3.jpg) repeat-x 0 0;
	font-size: x-small;
  	font-size: small;
}

div { font-size: 100%; text-align: left;
}


/*======================================
	=Typography Styles
======================================*/

/* font rule shortcut: */
/* font: font-style font-variant font-weight font-size/line-height font-family; */

p { }
	#content * { line-height: 1.2em; }
	#content p { margin: 1em 0; }
	#content div { margin: 1em 0; } /* added here since it deals with content */


a { }
	/* base anchor colors/style */
	a { color: #005c8e; }
	a:hover, a:focus { color: #6fab49; }
	/* @= a:focus dotted outline fix found in moz.css and abt.js (search for "theahrefs") */
	/* @= for more typography styles see more-type.css (or remove if not necessary) */


h1, h2, h3, h4, h5, h6 { margin: 1em 0; font: bold 170% Arial, sans-serif; color: #48863e; }
	
	h2 { font-size: 120%; }
		h2.tableh { color: #226eb7; font-style: italic; font-weight: bold; font-size: 90%; } 
	h3, h4, h5, h6 { font-size: 100%; }
	h4 {  }
	b { font-weight:bold}

	
/*======================================
	=Other Element Styles
======================================*/

ul, ul li { list-style: none; }

	#main-area ul { margin: 1em 0 1em 1em; }
	#main-area ul li {
		margin: .5em 0;
		padding-left: 8px;
		background: url(../images/icons/i_bullet.gif) no-repeat 0 .5em;
	}
	
#bullet {border:none; margin-left:0; padding:0;}	

#bullet ul {
	list-style-position:outside;
}
#bullet ul li {
	line-height:1.4em;
	/*list-style-image:url(../images/icons/i_bullet.gif); */
	padding-left: 12px;
	background: url(../images/icons/i_bullet.gif) no-repeat 0 .5em;

}


ol, ol li { }

	#main-area ol { margin: 1em 0 1em 2em; } /* 40px left margin seems to make the ol line up with the ul */
	#main-area ol li {
		margin: .5em 0;
	}
	
	
dl { }

	#content dl { margin: 1em 0; }
	
		#content dl dt { margin: .5em 0; font-weight: bold; }
		#content dl dd { margin: .5em 0 .5em 1em; }


acronym { cursor: help;	border-bottom: 1px dotted #353535; }

address { }

blockquote { margin: 1em 0; padding: 0 1em; }
	blockquote p { margin: 1em 0; }
	blockquote p.cite { text-align: right; }
	blockquote p.cite cite { font-weight: bold; }
	blockquote p.cite em { display: block; font-style: normal; font-weight: normal; }
	
	
/*======================================
	=Base Form Styles
======================================*/
	
	input, textarea, select {
		padding: 2px;
		border: 1px solid #858585;
		background: #fff;
		font: inherit;
	}
		input.img { border: none; }
	
	input.radio, input.checkbox,
	.buttons input, input.button { border: 0; padding: 0; width: auto; background: none; }

		div.CheckBox input, .CheckBox input, 
		#ctl00_ContentPlaceHolder1_QuickSearch1_assignedtoBox,
		#ctl00_ContentPlaceHolder1_NewSearchCriteria1_RadioButtonList1_0,
		#ctl00_ContentPlaceHolder1_NewSearchCriteria1_RadioButtonList1_1
		{ border: 0; width: auto; padding: 0; background: none; }


/*======================================
	=Layout Styles
======================================*/

#container { 
	margin: 0 auto;
	width: 952px;
    height: 164px;
}

/* =floats and widths */
#masthead, #navigation, #main-area, #site-info { float: left; display: inline; width: 672px; }


#masthead { position: relative; height: 102px;
    top: -30px;
    left: 278px;
}

	/* hide accessibility, but leave there for readers */
	#masthead #skip-links { position: absolute; left: -9000em; top: 0; height: 0; line-height: 0em; }
	
	#masthead #logo,
	#masthead #logo a { 
		float: left; display: inline;
		width: 247px;
		height: 44px;
		background: url(../images/ind_logo_t.gif) no-repeat 0 0;
		text-indent: -9000em;
	}
		#masthead #logo { margin: 65px 0 0 340px; }

#masthead #head-nav ul { position: absolute; top: 4px; right: 0; font-size: 85%; }
			#masthead #head-nav ul li { display: inline; padding-left: 9px; margin-left: 8px; }

			#masthead #head-nav ul li a { text-decoration: none; }
				#masthead #head-nav ul li a:link, #masthead #head-nav ul li a:visited { color: #fff; }
				#masthead #head-nav ul li a:hover, #masthead #head-nav ul li a:active 
				{ color: #8fc851; text-decoration: underline; background-color: transparent; }
			#masthead #head-nav ul, #masthead #head-nav ul li { list-style: none; background: none; }

				#masthead #head-nav ul li { border-left: 1px solid #fff; }
				#masthead #head-nav ul li.first { padding-left: 0; margin-left: 0; border-left: none; }
			
			#masthead #quick-search { position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 310px; }
				/* body#manage-contacts #quick-search { position: absolute; left: -9000em; top: 0; height: 0; line-height: 0em; }*/
				
				#masthead #quick-search .BlueTitleBar { position: absolute; left: -9000em; top: 0; height: 0; line-height: 0em; }
				#masthead #quick-search .WhiteContentBox { width: 220px; border: none; background: none; }
				#masthead #quick-search input { }
				
			#masthead .MasterMenuRight { position: absolute; top: 0; right: 0; background: none;}
		

#main-area { }
			#containerbg {background-image:url(../images/bg_contentbgblue.jpg); background-repeat:repeat-x; height:493px; margin-top:10px; position:relative}
			#contentbg { background-image:url(../images/bg_contentarea.jpg); background-position:top; background-repeat:no-repeat; align:0; height:493px}
			#logincontainer { background-image:url(../images/bg_loginform.jpg); height:199px; background-repeat:no-repeat; margin-right:40px; width:476px; float:right; margin-top:140px; position:relative}
			#loginlearnmore {width:215px; float:left; padding-left:18px; padding-bottom:10px; padding-right:10px; padding-top:10px; margin-top:40px}
			#loginnow {width:203px; float:right; padding:10px; margin-top:40px}

#content { 
	float: left; display: inline; 
	margin-top: 5px; /*margin-bottom: 150px;*/
	padding: 0 13px 0 9px;
	width: 606px;
}
	body.full #content { width: 897px; padding: 0 9px 0 9px; }
	#dvAddBanner, .dvContent { padding: 10px; width: 940px; }

#secondary-content {
	position: relative;
	float: right; display: inline;
	margin-top: 25px;
	padding: 0 0 0 48px;	
	width: 239px;
}	

	#secondary-content #numcontacts, #secondary-content #addcompany, #secondary-content #contactmoney {
		padding: 15px;
		border-bottom: 1px solid #cecdcd;
		font-size: 85%;
	}
	
	#secondary-content h2#manage-contacts {
		margin: 0;
		height: 36px;
		background: url(../images/h_managecontacts.gif) no-repeat 0 0;
		text-indent: -9000em;
	}	

#site-info { 
	border-top: 1px solid #b3b2b1;
	margin-top: 40px; padding-top: 15px;
	color: #b3b2b1; font-size: 85%; 
}
	

	
/*======================================
	=Page Styles
======================================*/


/* homepage specific */
body#default { background: #fff url(../images/bg_fade_3.jpg) repeat-x 0 0; } /*bg_body.gif*/

body#default #content { padding: 0 9px; }

/*bg_main-image.jpg*/
body#default div#main-image { position: relative; background: url(../images/bg_gade_3.jpg) no-repeat; margin: 0; padding: 0;
					width: 915px; height: 349px; }
		body#default div#main-image #message { position: absolute; left: -9000em; top: 0; height: 0; line-height: 0em; }
		body#default #main-image p, body#default #main-image p a { 
			float: left; display: inline;
			padding: 0;
			width: 182px;
			height: 53px;
			background: url(../images/bg_view-demo.gif) no-repeat 0 0; 
		}
		body#default #main-image p { position: absolute; bottom: 43px; left: 138px; z-index: 800; }
		body#default #main-image p a { text-indent: -9000em; }	
/* end homepage specific */
#CBody #home-campaignsummary .BlueTitleBar { margin-top: 0; }
#home-campaignsummary .WhiteContentBox { min-height: 75px; }


/* all inner pages specific */
.beanstalk#section-header, .BlueTitleBar
{
	color:#48863e;
	font-weight:bold;
	text-align: center;
}		

.beanstalk-section-header
{
	min-width:203px; 
	min-height:21px;
	margin: 20px 0 0 6px;
	color:#48863e; 
	font-weight:bold; 
	font-style:italic;
	border-bottom: solid 1px #cecdcd;
}

.beanstalk-section-item
{
	margin-top: 5px;
	/*min-width:239px; */
	min-height:25px; 
	font-style:italic;
	border-top: solid 1px #97bedf;
	border-bottom: solid 1px #97bedf;
	background-color:#eaeaea;
	padding: 5px;
	margin-bottom: 2px;
}
	
	.beanstalk-section-item div div { text-align: center; }
.qsprout-menu-spacer
{
	min-width:239px; 
	min-height:45px; 
}

#dvGrdHolder, #dvGrdHolder0 { margin: 10px; } /*container div for tables*/

#ctl00_ContentPlaceHolder1_gvCustList table tr td, 
#ctl00_ContentPlaceHolder1_gvContactList table tr td,
#ctl00_ContentPlaceHolder1_gvOrgList table tr td,
#ctl00_ContentPlaceHolder1_gvSourceList table tr td,
#ctl00_ContentPlaceHolder1_gvUnsubscribeList table tr td,
#ctl00_ContentPlaceHolder1_grdCampaigns table tr td,
#ctl00_ContentPlaceHolder1_GridView1 table tr td,
#ctl00_ContentPlaceHolder1_gvBugList table tr td { }
#ctl00_ContentPlaceHolder1_gvCustList table tr td span, 
#ctl00_ContentPlaceHolder1_gvContactList table tr td span,
#ctl00_ContentPlaceHolder1_gvOrgList table tr td span,
#ctl00_ContentPlaceHolder1_gvSourceList table tr td span,
#ctl00_ContentPlaceHolder1_gvUnsubscribeList table tr td span,
#ctl00_ContentPlaceHolder1_grdCampaigns table tr td span,
#ctl00_ContentPlaceHolder1_GridView1 table tr td span,
#ctl00_ContentPlaceHolder1_gvBugList table tr td span { font-weight: bold; border-bottom: 1px solid #D0D0D0; }
/* end inner pages specific */



/*======================================
	=Navigation Styles
======================================*/

/* =navigation */
.MasterMenu
{float: left; padding: 0; margin: 0; border: none 0px none;  }

.dxmMenu, .dxmVerticalMenu
{
	font: 9pt Tahoma;
	color: black;
	border: none;
	padding: 0;
}
.dxmMenuItem, .dxmMenuItemWithImage
{
	margin: 0; padding: 0; width: 118px; height: 43px; 
	background: url(/images/bg_tdMenu-overlay.gif) no-repeat 0 0;
	text-align: center; border: none;
}

	.dxmMenuItemSelected, .dxmMenuItemHover { background: url(/images/bg_tdMenu.gif) no-repeat 0 0; }

.dxmMenuItem, .dxmMenuItemWithImage, .dxmMenuItemWithPopOutImage, .dxmMenuItemWithImageWithPopOutImage, .dxmVerticalMenuItem, 			.dxmVerticalMenuItemWithImage, .dxmVerticalMenuItemWithPopOutImage, .dxmVerticalMenuItemWithImageWithPopOutImage, .dxmMenuLargeItem, .dxmMenuLargeItemWithImage, .dxmMenuLargeItemWithPopOutImage, .dxmMenuLargeItemWithImageWithPopOutImage, .dxmVerticalMenuLargeItem, .dxmVerticalMenuLargeItemWithImage, .dxmVerticalMenuLargeItemWithPopOutImage, .dxmVerticalMenuLargeItemWithImageWithPopOutImage
	{ font: 9pt Tahoma; color: black; white-space: nowrap; }	


#ctl00_ASPxMenu1_DXI0_II, #ctl00_ASPxMenu1_DXI1_II, #ctl00_ASPxMenu1_DXI2_II, #ctl00_ASPxMenu1_DXI2_II, #ctl00_ASPxMenu1_DXI3_II, #ctl00_ASPxMenu1_DXI4_II, #ctl00_ASPxMenu1_DXI5_II, #ctl00_ASPxMenu1_DXI6_II
{ position: absolute; left: -9000em; top: 0; height: 0; line-height: 0em; }
						
/* end navigation */		

			
			
/* =supplementary-nav */

.SecondaryMenu {
	float: left; display: inline;
	background: url(../images/bg_secondary-menu.gif) repeat-x;
	width: 100%;
	padding: 4px;
	font-size: 12px; color: #fff;
	}
	.SecondaryMenu-wrap {
		position: relative;
		left: 0; top: 0;
		margin: 0 auto;
		width: 942px;
	}
	.SecondaryMenu a:hover { color: #fff; font-weight: bold; }
	
/*.SecondaryMenu
{
	background: url(../images/bg_secondary-menu.gif) repeat-x;	
	font-size: 12px; color: #fff;
	height: 23px; 
}
	.SecondaryMenu a:hover { color: #fff; font-weight: bold; }
	table.SecondaryMenu {  }
	
	.SecondaryMenu #ctl00_ContentPlaceHolder1_mnuContactsSub { text-align: center; }	*/				
/* end supplementary-nav */



/*======================================
	=Custom Styles and Microformats
======================================*/

.error { color: #c00; font-style: italic; padding-left: 15px;
			background: url(../images/i_alert.gif) no-repeat 0 .3em; }
			
.note { font-size: 90%; font-style: italic; }

.tel { padding: 0 0 0 16px; list-style: none; background: url(../images/icons/i_phone.gif) no-repeat 0 .4em; }
.email { padding: 0 0 0 16px; list-style: none; background: url(../images/icons/i_email.gif) no-repeat 0 .4em; }
.fax { padding: 0 0 0 16px; list-style: none; background: url(../images/icons/i_fax.gif) no-repeat 0 .4em; }

.image-left { float: left; display: inline; margin: 0 10px 10px 0; padding: 2px; }
.image-right { float: right; display: inline; margin: 0 0 12px 10px; padding-bottom: 4px; }
.image-center { display: block; }
.image-mid-left { float: left; display: inline; margin: 10px 10px 10px 0; }
.image-mid-right { float: right; display: inline; margin: 10px 0 10px 10px; }	

/*======================================
	=Table Styles
======================================*/

.qsprout, .qsprout-login {
  	padding: 0; margin: 0;
	width: 606px;
  	border-collapse: collapse;
  	font-size: 85%; color: #707071;
}

	.qsprout caption, .qsprout-login caption {
		caption-side: bottom;
		font-style: italic;
		text-align: right;
		padding: 0.5em 0;
	}
	
	
	.qsprout th, .qsprout td, .qsprout-login th, .qsprout-login td {
		padding: 0.5em;
		text-align: left;
	}
		.qsprout th, .qsprout td { text-align: center; }

	.qsprout th[scope=col], .qsprout-login th[scope=col] {
		color: #676767;
		background-color: #fff;
		font-weight: bold; text-align: center;
		border-bottom: 1px solid #cecdcd;
	}
		.qsprout-login th[scope=col] { text-align: right; }

	.qsprout th+th[scope=col], .qsprout-login th+th[scope=col]{
	  background-color: #fff; 
	  color: #676767; text-align: center;
	}
		.qsprout th { border-top: 1px solid #cecdcd;}

	.qsprout th[scope=row], .qsprout-login th[scope=row]{ background-color: #fff; }
	.qsprout tr.alt th, .qsprout tr.alt td{  }
	
	.qsprout tr th[scope=row], .qsprout tr td, 
	.qsprout-login tr th[scope=row], .qsprout-login tr td { border-bottom: 1px solid #97bedf; }
		.qsprout tr.greybdr th[scope=row], .qsprout tr.greybdr td, 
		.qsprout-login tr.greybdr th[scope=row], .qsprout-login tr.greybdr td { border-bottom: 1px solid #cecdcd; }
		.qsprout tr.nobdr th[scope=row], .qsprout tr.nobdr td, 
		.qsprout-login tr.nobdr th[scope=row], .qsprout-login tr.nobdr td { border: none; }
	
	.qsprout tr:hover th[scope=row], .qsprout tr:hover td, 
	.qsprout-login tr:hover th[scope=row], .qsprout-login tr:hover td { background-color: #eaeaea; }

/*======================================
	=Data Grid Styles
======================================*/
.AspGridCell
{
	border-top: solid 1px #97bedf;
	border-bottom: solid 1px 97bedf;
	border-left: solid 1px transparent;
	border-right:solid 1px transparent;
	text-decoration: none;
	padding:5px;
	text-align: left;
}

.AspGridHeader
{
	border-top: solid 1px #cecdcd;
	border-bottom: solid 1px #cecdcd;
	border-left: solid 1px transparent;
	border-right:solid 1px transparent;
	text-decoration: none;
	padding:5px;
}

.AspGridFooter
{
	border-top: solid 1px #cecdcd;
	border-bottom: solid 1px #cecdcd;
	border-left: solid 1px transparent;
	border-right:solid 1px transparent;
	text-decoration: none;
	padding:5px;
}

.AspGridCellEmpty
{
	width: 0px;
	max-width: 0px;
	display: none;
}