﻿@charset "utf-8";

/*
	-- -- -- -- -- -- --
	Screen Styles for www.DKAttorneys.com
	Author: Versant, www.versantsolutions.com 
	-- -- -- -- -- -- --
*/


@import "/_css/reset.css";
@import "/_css/ektron.css";

/* =Common Elements                                                
-----------------------------------------------------------------------*/
body { font: normal 62.5% Arial, Helvetica, sans-serif; background-color: #a2a2a2 ; color: #666; word-spacing: .1em; }
a { color: #3d4193; }
p, dd, ul, dl, ol { padding-bottom: 15px; }
h2, h3, h4, h4, h6 { padding-bottom: 10px; line-height: 1em; }
h2 { color: #829317; font-size: 1.4em; font-weight: normal; padding-bottom: 20px; }
h3 { font-size: 1.1em; line-height: 1.3em; }
h4 { color: #829317; font-size: 1em; line-height: 1.3em; padding-bottom: 2px; }
h5 { font-size: .9em; line-height: 1.3em; }
table h3 { color: #829317; }
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
#content input,
#content textarea {color: #666; font-family: Arial, Helvetica, sans-serif !important;}
#content textarea {color: #666; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif !important;}



/* =Common Sections                                                
-----------------------------------------------------------------------*/
#headerWrapper { width: 100%; background-color: #7d7d7d; text-align: center; /*border-bottom: 4px solid #b9c33d;*/ }

#headerContents { 
	width: 968px; 
	background: #fff url(/_images/css/bg-headerFade.png) repeat-y top left; 
	text-align: left; 
	margin: 0 auto; 
	position: relative; 
	z-index: 9980;
	}
	#headerContents h1 { float: left; margin: 23px 0 0 18px; }
	/*#home #headerContents h1 { float: left; margin: 0 0 0 0; }*/
	#headerContents h1 a {
		background: transparent url(/_images/css/logo.png) no-repeat scroll 0pt 0pt;
		display: block;
		width: 209px;
		height: 36px;
		overflow: hidden;
		text-indent: -9999px;
	}

#headerImgWrap {width:960px; height:119px; clear:both; background:#b9c23d; position:relative;}
	#headerImgWrap BLOCKQUOTE {float:right; display:inline; width:547px; padding:15px 30px 10px 0px; font-size:160%; line-height:1.2em; letter-spacing:.05em; color:#fff; /*background:url(/_images/css/leftquote.png) no-repeat 20px 17px;*/ font-style:italic; text-align:center;}
		#headerImgWrap BLOCKQUOTE CITE {display:block; font-weight:normal; font-style:normal; font-size:70%; text-align:right; padding-top:6px;}
		#headerImgWrap BLOCKQUOTE P {margin:0; padding:0 8px 0 0; /*background: url(/_images/css/rightquote.png) no-repeat right 2px;*/ display:inline;}
			#headerImgWrap BLOCKQUOTE P SPAN {font-weight:bold; color:#f8ff90;}
	#headerImgWrap IMG {float:left; display:inline; width:373px;}
	#headerImgWrap H2 {color:#dde286; text-align:right; width:532px; padding:15px 25px 10px 30px; position:absolute; left: 373px; top: 80px;}
	* html #headerImgWrap H2 {color:#dde286; width:532px; padding:15px 25px 10px 30px; position:absolute; left: 373px; top: 80px; position:static;}

#logowrap {float: left; margin: 20px 0 0 15px;}
	.printID { display: none; }
	
#utilityLinks { float: right;/*position: absolute; width: 375px; left: 500px; top: 10px;*/ margin-top: 5px; padding-bottom: 0px; }
	#utilityLinks li { float: left; padding: 0 7px; border-right: 1px solid #bccb5a; line-height: 1em; position: relative; height:10px;}
		#utilityLinks li.lastUtilityItem { border-right: none; margin-right: 5px; }
		#utilityLinks li a { color: #6b6b6b; text-decoration: none; }
		#utilityLinks li a:hover { color: #515151; }
		#utilityLinks li#subscribe { background: url(/_images/css/rss.png) 97px center no-repeat; padding-right: 20px; }
		
#search { 
	float: right; 
	margin: 8px 4px 0 0; 
	background-color: #d4d4d4; 
	clear: right;
}
	#search fieldset { margin: 5px 0 5px 5px; border: none; padding: 0;  }
		#search input { float: left; margin: 0; padding: 0; }
		#search input.searchText { border: none; border-top: 1px solid #6b6b6c; height: 17px; color: #666; padding: 2px 1px 0 3px; }
		#search input.searchButton {  }
	#search label { display: none; }
	
#ctl00_Briefcase1_updatePanelBriefcase { /*Build a Brochure*/
	float: right;
	clear: right;
	margin: 3px 0 0 0;
	padding-right: 10px;
	padding-bottom: 10px;
	
}
	#ctl00_Briefcase1_updatePanelBriefcase img { vertical-align: middle; }
	#ctl00_Briefcase1_updatePanelBriefcase a { text-decoration: none; padding-top: 2px; color: #b9c33d; }
	#ctl00_Briefcase1_updatePanelBriefcase a#ctl00_Briefcase1_lnkBtnBriefcase { margin-left: 7px; }
	#ctl00_Briefcase1_updatePanelBriefcase a.removePage { color: #e49d3a; }

#mainNavWrapper { 
	width: 100%; 
	background: transparent url(/_images/css/bg-greenTexture.png) repeat-x bottom left; 
}

#superfluous { background: url(/_images/css/bg-greenStroke.png) repeat-x top left; /*overflow: auto;*/ }

#mainNavCenter {
	margin: 0 auto;
	text-align: left;
	width: 964px;
	background: transparent url(/_images/css/bg-transparentPageFade.png) left top;
	padding-left: 4px;
	/*overflow: auto;*/
	position: relative;
	
} 
			
#contentWrapper, #homeContentWrapper {
	margin: 0 auto;
	text-align: left;
	width: 968px;
	background: transparent url(/_images/css/bg-contentFade.png) left top;
	padding: 0px 0 20px 0;
	/*overflow: auto;*/
	/*clear: both;*/
}

#footer { 
	margin: 0 auto;
	padding: 15px 0 0 0; 
	background: url(/_images/css/bg-footer.png) no-repeat left top;
	width: 968px;
	text-align: center;
	clear: both;
	font-size: 1.2em;
}
	#footer ul {  }
	#footer li { display: inline; margin-right: 10px; }
	#footer a { color: #333; text-decoration: none; }
		#footer a:hover { text-decoration: underline; }

#ctl00_LegalPrint1_ContentBlock1 { display: none; }		
		
/* =Menu                                                
-----------------------------------------------------------------------*/

#mainMenu, #subMenu {  
	width: 960px;  
	font-size: 1.3em; 
	/*background-color: #6b6b6b; */
	padding: 0 0 0 0;
	float: left;
}

#mainMenu { background: #6b6b6b url(/_images/css/whiteStripeBetweenNavs.png) left bottom repeat-x; }
#subMenu { background-color: #878888;}
	#mainMenu li, #subMenu li { 
		float: left; 
		background: url(/_images/css/menu-divider.png) 100% 7px no-repeat; 
		white-space: nowrap;
	}
		#mainMenu li.lastMenuItem, #subMenu li.lastMenuItem { background: none; }	
		#mainMenu li.selected {}
		
	#mainMenu a, #subMenu a { 
		color: #FFF; 
		text-decoration: none; 
		padding: 5px 10px; 
		display: block; 
		margin-right: 1px;
		font-weight: normal;
	}
		#mainMenu a:hover, #mainMenu li.selected a { color: #cce334; }
			#mainMenu li.selected a:hover { color: #def44f; }
		#subMenu a:hover, #subMenu li.selected a { color: #cbe339; }
			#subMenu li.selected a:hover { color: #daf14e; }
	
	#mainMenu li.selected a { 
		/*position: relative;
		top: 1px;
		padding-bottom: 6px;
		padding-top: -1px;*/
		background: url(/_images/css/selectedFade.png) left bottom repeat-x; 
	} 
	
#home #subMenu { display: none; } /*Styles for homepage only*/
#home #mainMenu { margin-bottom: 0;}
#home #mainNavCenter { height: 26px;  }


/* =SiteMap
-----------------------------------------------------------------------*/
#seeAll { display: block; background: #4c4c4c url(/_images/css/seeAllArrow.png) 90% bottom no-repeat; border: 1px solid #FFF; position: absolute; left: 892px; top: 4px; z-index: 100; color: #FFF; font-size: 1.3em; padding: 2px 20px 2px 5px; text-decoration: none; } 
	#seeAll:hover, #seeAll.active { color: #c4d93d; background-position: 90% top; border-bottom: 1px solid #4c4c4c; }

#siteMap { position: absolute; z-index: 7000; top: 26px; left: 4px; background: #4C4C4C url(/_images/css/sitemapDividerBackground.png) left top repeat-y; width: 960px; border-top: 20px solid #4C4C4C; border-bottom: 20px solid #4C4C4C; }
	#siteMap a:hover { color: #c4d93d; }
	#siteMap ul { float: left; width: 116px; padding: 0 10px; margin: 10px 0; }
	#siteMap UL.firstItem {display: none;}
		#siteMap ul li { padding-bottom: 6px; }
			#siteMap ul li.siteMapLevelOne { padding-bottom: 12px; font-size: 1.3em;}
		#siteMap ul a { color: #d7d4d4; text-decoration: none; font-size: 1.1em; }

#home #seeAll { top: 4px; z-index: 8000; }
#home #siteMap { top: 0px; }


/* =Home Template                                                
-----------------------------------------------------------------------*/
#homeContentWrapper { 
	padding: 0;	
	clear: both;
}

#homeContentWrapper object, #homeContentWrapper embed { position: relative; z-index: 1; }
#fauxcolumn { background: url(/_images/css/fauxcolumns.png) 4px top repeat-y; /*overflow: auto;*/ position: relative;}

#aboutDK { margin-left: 4px; float: left; width: 262px;}
	#aboutDK a { 
		display: block;
		padding: 3px 30px 1px 8px;
		width: 180px;
		height: 36px;
		background: #333 url(/_images/css/bg-aboutUsArrow.png) 198px 12px no-repeat;
		position: absolute;
		top: 305px;
		left: 0;
		color: #FFF;
		font-size: 1.3em;
		text-decoration: none;
	}
		#aboutDK a span { color: #b7c13c; }

#homeContent { 
	width: 547px; 
	float: left; 
	background-color: #fff; 
	color: #666; 
	font-size: 1.2em; 
	padding-top: 25px; 
	line-height: 1.4em; 
}
	#homeContent p, #homeContent h2 { padding-left: 20px; padding-right: 20px; }
	#homeContent h2 { color: #FFF; font-size: 1.4em; }
	#homeContent dt { font-size: 1.4em; color: #6b6b6b; padding: 10px 0 5px 15px; }
	#homeContent dd { padding: 0 5px 10px 15px; line-height: 1.2em; }

#newsTestimonialWrapper { background-color: #EBEBEB; float: left; margin-top: 12px; padding-bottom: 10px; }

#testimonials { 
	background: url(/_images/css/bg-vertWhiteStroke.png) no-repeat right 20px;
	width: 232px; 
	float: left;
	padding-bottom: 0;
}
	#testimonials dt img { float: none; }
	#testimonials dd { padding-top: 2px; }
	#testimonials img { float: left; padding: 0 8px 1px 0; }
	#testimonials dd p { padding-left: 0; padding-right: 5px; padding-bottom: 0; font-size: .9em;}
	#testimonials dd p span { display: block; float: right;  padding-top: 3px;}
	#testimonials dd ul { padding: 5px 0; }
		#testimonials dd ul li { 
			background: url(/_images/css/blue-list-bullet.png) no-repeat 65px 40% ;
			padding: 0 0 2px 73px;
		}

#latestNews { width: 315px; float: left; padding-bottom: 0;}
	#latestNews ul, #latestNews dd, #testimonials dd { padding-bottom: 0; }
	#latestNews li {
		background: url(/_images/css/list-dash.png) 0 5px no-repeat;
		padding-left: 9px;
		margin-bottom: 10px;
	}
	#latestNews li a { font-size: .9em; }

#locations { width: 151px; float: left; background-color: #B8C23D; } 
	#locations dt { color: #6B6B6B; font-size: 1.6em; margin-bottom: 15px; }
	#locations dl { padding: 10px 0 0 15px; margin: 5px 0 4px 5px;}
	#locations ul { padding-bottom: 0; }
	#locations li { margin: 0 0 10px 20px; }
	/*#locations li span { display: block; }*/
	#locations a { text-decoration: underline; font-size: 1.2em; }


/* =Interior Template                                                
-----------------------------------------------------------------------*/
#bragBox {
	width: 217px;
	float: left;
	border: 1px solid #a2a2a2;
	border-left: none;
	margin: 27px 0 0 4px;
	padding: 5px 5px 5px 0;
}
	#bragBox dl { background: #ebebeb; padding: 15px 7px 15px 0; overflow: auto; }
		#bragBox dl dt, #bragBox dl dd { margin-left: 15px; line-height: 1.2em; }
		#bragBox dl dt { 
			color: #829317; 
			font-size: 1.4em; 
			border-bottom: 1px solid #898989; 
			padding-bottom: 2px; 
			margin-bottom: 5px;
		}
		#bragBox dd {  }
		#bragBox dd img { float: left; padding: 0 8px 8px 0; }
		#bragBox dd p { clear: both; font-size:1.2em; }
		#bragBox dd ul { padding: 10px 0; }
			#bragBox dd ul li { 
				background: url(/_images/css/blue-list-bullet.png) no-repeat 65px 40% ;
				padding: 0 0 2px 73px;
			}
			
#content { 
	float: left; 
	width: 545px;
	margin: 27px 20px 0 20px;
	font-size: 1.2em;
	line-height: 1.4em;
}
	#content dd { padding-bottom: 0; }
	#content dd * { line-height: 1.3em; }
	#content li { line-height: 1.2em; padding: 0 0 12px 14px; background: url(/_images/css/contentBullet.gif) no-repeat left 2px; margin-left: 15px; }
	#content div.ektronSearch li { background: none; padding: 0; } 
	
#sidebar { 
	float: left; 
	width: 151px; 
	border: 1px solid #a2a2a2;
	border-right: none; 
	margin: 27px 0 0 0;
	line-height: 1.2em;
}
	#sidebar dt { color: #829317; font-size: 1.2em; margin-bottom: 10px; }
	#sidebar dl { background: #ebebeb; padding: 10px 5px 0 5px; margin: 5px 0 5px 5px;}
	#sidebar ul { padding-bottom: 0; }
	#sidebar li { margin-bottom: 8px; background: url(/_images/css/alertListArrow.png) left 4px no-repeat; padding-left: 8px;}
	#sidebar li span { display: block; }
	#sidebar a { text-decoration: underline; }



/* =Locations                                               
-----------------------------------------------------------------------*/		
#locationsGrid { font-size: 90%; line-height: 1.3em; }
		#locationsGrid li { padding: 20px 25px 0 0; float: left; width: 240px; background: none; margin-left: 0;}
		#locationsGrid img { float: left; padding: 0 8px 0 0; }
		#locationsGrid h4 { display: inline; color: #829317; }
		#locationsGrid p {display: inline;  }
		#locationsGrid h4 a { text-decoration: none; color: #829317; font-size: 1.2em; padding-right: 3px;}
		#locationsGrid h4 a:hover { text-decoration: underline; color: #829317; font-size: 1.2em; }
		
/* =Practice Areas and Notable Respresentations
-----------------------------------------------------------------------*/	
#practiceAreas { background: #eaecd9 url(/_images/css/practiceAreas.png) no-repeat left top; padding: 30px 0 15px; float: left; border-bottom: 1px solid #878888; }
#content ul.practiceArea { width: 170px; float: left; padding: 0 0 0 10px;  }
#content ul.practiceArea li { background: none; padding-left: 0; } 
#content ul.practiceArea li a { font-size: 1em; }
.notableRepresentations { padding: 3px; border: 1px solid #A2A2A2; top: -1px;}
.notableRepresentations ul { background: #eaecd9; }
.notableRepresentations img { float: left; padding: 0 8px 0 0; }
.notableRepresentations h4 { padding-bottom: 3px; font-size: 1em; }
h3#notableReps { clear: both; padding: 4px 6px; color: #91a31d; border: 1px solid #A2A2A2; width: 260px; color: #666;  border-bottom: 1px solid #FFF; position: relative; top: 1px; left: 10px;}
#content .notableRepresentations li { padding-bottom: 20px; overflow: auto; margin: 0px 15px; padding: 15px 0 3px; border-bottom: 1px solid #666; background: none; }
.notableRepresentations p {  padding-bottom: 6px; line-height:1.3em; font-size: .9em;}

/* =Tool Tips
-----------------------------------------------------------------------*/
.tool-tip {
	color: #666;
	width: 240px;
	z-index: 13000;
	top: -645px; 
	left: -422px; 
	position: absolute; 
	background: #eaecd9;
	/*background: url(/_images/attorney_directory/bubble.png) top left;*/
}

.tool-tip img { float: left; padding: 0 6px 0 0;}
.tool-tip dl { padding-bottom: 0; }
.tool-tip dl.assistant { padding-top: 8px; }
.tool-tip dt { font-size: 1.2em; color: #000; }
.tool-tip dl.assistant dt { font-size: 1em; }
.tool-tip dl.assistant dt span { font-size: 1em; }
.tool-tip dt span { display: block; font-size: .8em; color: #666; }
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	display: none;
}
.tool-text { font-size: 11px; padding: 4px 8px 0px;}
.custom-tip { color: #000; width: 130px; z-index: 13000; } 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
.custom-text { font-size: 11px; padding: 4px 8px 8px; background: #CFDFA7; }
.Normal { background-color: #FFFFFF; cursor: auto; }

.Progress {
  /*background-color: #EEEEEE;*/
  background: url(/_images/attorney_directory/loading.gif) 510px 32px no-repeat;
  cursor: wait;
  z-index: 9999;
}


/* =Tell a Friend
-----------------------------------------------------------------------*/
div.popupControl {background-color: #7D7D7D; /*top: 14px !important;*/  left: -200px !important; width: 250px; border: 1px solid #CCC; border-top: none; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95; visibility: hidden; z-index: 9999; padding-bottom: 15px;}
table.ajax__validatorcallout {visibility: hidden; position: static !important; }
td.ajax__validatorcallout_callout_cell { visibility: hidden;}
#ctl00_Utilities_TellAFriend1_updatePanel { position: relative; }
div.popupControl * {  }
#tellAFriendForm fieldset { border: 0; padding: 10px; display: block; }
#tellAFriendForm span { display: block; text-align: right; margin: 4px 8px 0 0; color: #FFF; }
#tellAFriendForm span a {color: #fff; text-decoration: underline; }
#tellAFriendForm span a:hover { text-decoration: none; color: #FFF;}
#tellAFriendForm input, #tellAFriendForm textarea { margin-bottom: 8px; font: 1.1em Arial, Helvetica, sans-serif; color: 666; }
#taf {width: 65px;}

/* =Other Areas of Experience
-----------------------------------------------------------------------*/
#aoe { background: #ebebeb; padding:15px 15px 0px 15px;}
#aoe h2 { font-size: 1.3em; padding-bottom: 10px;}
#aoe ul li { margin-bottom: 3px; padding-left: 9px; background: url(/_images/css/alertListArrow.png) left 3px no-repeat; }
#aoe ul ul { padding-bottom: 0; }
#aoe ul ul li { margin: 1px 0 0 5px; background: url(/_images/css/dashbullet.png) no-repeat left 6px; }

/* =News and Events
-----------------------------------------------------------------------*/
.news dd span { display: block; }
#content .news h3 a { text-decoration: none; } 
#content .news h3 a:hover { text-decoration: underline; }
#content .news h4 a,
#content .news h4 a:visited { color: #666; } 
#content .news dd.newsfix a { color: #666; font-size: 1em; font-weight: bold;}
.news table p { line-height: 1.3em; }

/* =RSS / Subscribe
-----------------------------------------------------------------------*/
#emailSub { margin-bottom: 30px; width: 100%; border-left: 3px solid #ebebeb; padding-left: 10px;}
/*#emailSub label { padding-right: 6px; }*/
#emailSub .txtLabel { display: block; font-weight: bold; }
#emailSub input { }
#emailSub #newsletterLbl {font-weight: bold; display: block; padding: 10px 0 2px 0; }
#ctl00_cphMain_cblNewsLetter input { margin-right: 6px; vertical-align: middle; } 
#ctl00_cphMain_cblNewsLetter tr { padding-bottom: 3px; }
#formMessages {width:200px; float:right;}
.emailButton { margin-top: 6px; }
.rss { background: transparent url(/_images/css/rss.png) no-repeat left 4px; padding-left: 13px; }
.errorMessage {width:200px; float:right;}
DIV#formmessages { float: right; width: 250px; }
	#formmessages SPAN.errorMessage { background-color: #ffdbdb; color: #666 !important; padding: 4px 5px; }

a.backLink {
	font-size:1.1em;
	padding:0px 0 5px 40px;
	background:transparent url(/_images/css/bg-backArrow.gif) no-repeat scroll left 4px;
	padding-left:8px;
	padding-right:0px;
	margin: 0 0 10px 15px;
	text-align: right;
	float: right;
}

.expander { display: block; background: url(/_images/css/toggleArrowOFF.png) no-repeat 99% 10px; padding: 5px 3px; border-bottom: solid 1px #d0d0d0; }
.expanderOpen { display: block; background: url(/_images/css/toggleArrowON.png) no-repeat 99% 10px; padding: 5px 3px; border-bottom: solid 1px #d0d0d0; }

#ctl00_Utilities_TellAFriend1_panelTellAFriend {z-index: 9500;}
#ctl00_Utilities_TellAFriend1_UpdateProgress1 {color: #fff !important; background-color: #829317 !important; padding: 6px;}
p input#ctl00_cphMain_BriefcaseManager1_btnGetPdf { color: #000 !important; }
.hide {visibility: hidden;}



/* =Global Classes
-----------------------------------------------------------------------*/
