/** 
 * Print Styles
 * 
 * TOC
 * 1. Base Styles
 * 2. Print Styles
 */

/**
 * @section base styles
 * Copied from baseStyle.css
 */

/* ====================== Page Formatting  ========================*/
* {
	margin: 0px;
	padding: 0px;
}
html, body {
	color: #3a3a3a;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background: #1d1d1d url(../Img/op-bodyBG.jpg) repeat-y center top;
	height: 100%;
}
#bodyId {
	background: url(../Img/op-bodyIdBG.jpg) no-repeat center top;
	margin-right: auto;
	margin-left: auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding-bottom: 20px;
}
td {vertical-align: top;}
input, select, textarea {
	color: black;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, h7 {
	font-size: 12px;
	color: #224e80;
}
h1 {
	font-size: 16px;
	padding-bottom: 15px;
	color: #224e80;
}
h2 {font-size: 13px;}
ul {
	padding-bottom: 15px;
	padding-left: 20px;
}
p {padding-bottom: 15px;}

p.small {
font-size:10px;
}

a {
	color: #224e80;
	text-decoration: none;
}
a:hover { text-decoration: underline; }
.link { cursor: pointer; }
.formTable input {
	background: url(../Img/op-inputBG.gif) no-repeat left top;
	height: 19px;
	width: 155px;
	border: none 0px;
	padding-top: 6px;
	padding-left: 5px;
}
.formTable textarea {
	background: url(../Img/op-inputTextarea.gif) no-repeat left top;
	height: 74px;
	width: 149px;
	border: none 0px;
	padding: 5px;
}
input.submitButton, a.submitButton {
	background: url(../Img/op-inputSubmitButton.gif) no-repeat left top;
	height: 25px;
	width: 106px;
	cursor: pointer;
	display: block;
}

/* ====================== layout & columns ========================*/
#container {
	width: 796px;
	margin-right: auto;
	margin-left: auto;
	background: #FFFFFF url(../Img/op-footerBG.jpg) no-repeat center bottom;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
}
#main { clear: both; }
#pagePhoto {
	position: relative;
	z-index: 0;
}
#pageTitle {
	position: absolute;
	color: #FFFFFF;
	font-size: 45px;
	background: url(../Img/op-pageTitleBorder.gif) no-repeat left bottom;
	bottom: 11px;
	padding-left: 27px;
	width: 600px;
}
#homeRollouts { float: left; }
#homeSlides {
	float: right;
	position: relative;
	height: 348px;
	width: 622px;
}

#quickLinks {
	position: absolute;
	top: -15px;
	_top:10px;
	right: 0px;
	width: 175px;
	background: url(../Img/op-areas-practice-header.png) no-repeat left center;
	padding-left: 25px;
	z-index: 1;

}

#quickLinks { behavior: url(/Common/Scripts/iepngfix.htc); }


#quickLinks img {
position:relative;
right:0px;
}


.home #quickLinks {
	top: 30px;
	width: 175px;
	padding-left: 25px;
	background: url(../Img/op-areas-practice-header.png) no-repeat left center;
}

#quickLinks h2 { display: none; }
/*.home #quickLinks h2 {
	display: block;
	color: #FFFFFF;
	font-size: 14px;
	text-align: right;
	padding-right: 5px;
	background: url(../Img/op-quicklinksH2BG.png) no-repeat left bottom;
}
*/
#quickLinks h2, #quickLinks ul, #quickLinks ul li a, #quickLinks ul li a:hover { behavior: url(/Common/Scripts/iepngfix.htc); }

#quickLinks ul {
	_margin-top:-35px;
	padding: 0px 0px 13px;
	background: url(../Img/op-quickLinksBottomBG.png) no-repeat right bottom;
}
#quickLinks li {
	list-style-type: none;
	background: url(../Img/op-quicklinksArrow.png) no-repeat 6px center
}
#quickLinks ul li a {
	background: url(../Img/op-quicklinksItemBG.png) no-repeat right top;
	display: block;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 24px;
	
}
#quickLinks ul li a:hover {
	background: url(../Img/op-quicklinksItemBGOver.png) no-repeat right top;
	text-decoration: none;
	cursor:pointer;
}
#left {
	background: url(../Img/op-leftBG.jpg) no-repeat left top;
	width: 486px;
	float: left;
	padding-left: 21px;
	padding-top: 15px;
}
#breadcrumbs {
	color: #938a8d;
	font-size: 11px;
	font-style: italic;
	padding-top: 7px;
	padding-left: 30px;
	clear: both;
}
#breadcrumbs a { color: #938a8d; }
#content {
	background: url(../Img/op-contentBG.png) no-repeat left top;
	padding: 15px 12px 25px;
	width: 462px;
}
* html #content { behavior: url(/Common/Scripts/iepngfix.htc); }
#right {
	float: left;
	width: 241px;
	padding-left: 42px;
	padding-top: 15px;
}

/* ====================== Header & Footer ====================== */
#header {
	background: url(../Img/op-headerBG.jpg) no-repeat left top;
	position: relative;
	height: 164px;
}
.logo {
	position: absolute;
	left: 320px;
	top: 30px;
	display: block;
}
#headerLeft {
	float: left;
	padding-top: 15px;
	padding-left: 11px;
}

#headerLeft a,
#headerLeft a:hover {
	color:#FFFFFF;
	display:block;
	font-size:17px;
	letter-spacing:0.07em;
	text-decoration:none;
}

a#phone_number,
a#phone_number:hover {
	font-size:24px;
}

#headerRight {
	float: right;
	color: #e9e8e8;
	font-size: 10px;
	padding-top: 7px;
	text-align: right;
	padding-right: 5px;
}
#headerRight input {
	background: url(../Img/op-searchInputBG.gif) no-repeat left top;
	height: 19px;
	width: 131px;
	border: none 0px;
	padding-top: 6px;
	padding-left: 24px;
	font-size: 12px;
	padding-right: 5px;
}
#headerRight ul { padding: 10px 0px; }
#headerRight li {
	list-style-type: none;
	display: inline;
	padding-left: 3px;
}

#headerRight li a {
text-decoration:none;
color:#FFFFFF;
} 
#footer {
	clear: both;
	color: #FFFFFF;
	font-size: 10px;
	padding-left: 30px;
	padding-bottom: 25px;
	padding-top: 15px;
}
#footer ul { padding: 0px 0px 10px; }
#footer li {
	list-style-type: none;
	display: inline;
	padding-left: 2px;
}
#footer li a { color: #FFFFFF; }	

/* ====================== Callout Styles ================== */
.callout {
	background: url(../Img/op-calloutBG.jpg) no-repeat left top;
	padding-left: 12px;
	padding-top: 25px;
	padding-bottom: 5px;
}
.callout h2 {
	text-transform: uppercase;
	color: #938a8d;
	font-weight: normal;
	padding-bottom: 5px;
}
.callout img { padding-bottom: 7px; }

/* ====================== Menu ====================== */
#navMenu {
	position: relative;
	z-index: 1;
	width: 796px;
}
#navMenu ul {
	padding: 0px;
	background: #224e80;
	height: 27px;
	width: 796px;
}
#navMenu ul li {
	list-style-type: none;
	float: left;
	background: url(../Img/op-navMenuBar.gif) no-repeat left top;
	padding-left: 3px;
}
#navMenu ul li.menuHome {
	background-image: none;
	padding-left: 0px;
}
#navMenu ul li a {
	display: block;
	background: #224e80;
	height: 20px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 27px;
	padding-left: 26px;
	font-size: 11px;
}
#navMenu ul ul {
	height: auto;
	width: auto;
}
#navMenu ul ul li {
	list-style-type: none;
	float: none;
	padding: 0px;
	border-right: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	width: auto;
}

#navMenu ul ul li a {
	height: auto;
	padding: 5px 10px;
	width: auto;
}
#navMenu ul li.first a { }
* html #navMenu ul li a {float: left;}
* html #navMenu ul li.menuHome a {
	padding-right: 25px;
}
* html #navMenu ul ul li a {float: none;}
#navMenu ul li a:hover { background: #928a8d; }

/* ====================== Dropdown widths ================= */
#navMenu ul li.navAbout ul { width:148px; }
#navMenu ul li.navAreas ul { width:169px; }
#navMenu ul li.navResources ul { width:126px; }
#navMenu ul li.navTestimonials ul { width:137px; }
#navMenu ul li.navContact ul { width:128px; }

#navMenu ul li.navAreas ul ul { width: 240px; }

/* ====================== Display and hide second level menus ====================== */
#navMenu ul ul ul, #hidden {display: none;}
#navMenu li.CurrentPage ul, #navMenu li.CurrentCategory1 ul {display: block;}

#navMenu ul li.CurrentCategory1 a { background: #928a8d; }
#navMenu ul li.CurrentCategory1 ul li a { background: #224e80; }
#navMenu ul li.CurrentCategory1 ul li a:hover { background: #928a8d; }
#navMenu ul li.CurrentCategory1 ul li.CurrentCategory2 a { }

#navMenu li#menuHome.CurrentPage ul, #navMenu li#menuHome.CurrentCategory1 ul {display: none;} /* never display L2 menu items in Home Category */

/* ====================== Dropdown Nav ================= */


/* ====================== Specialty level menus ====================== */
#navMenu li.CurrentCategory1 ul ul { display: none; }
#navMenu li.CurrentCategory1 ul li.CurrentCategory2 ul { display: block; }
#navMenu li.CurrentCategory1 ul li.CurrentCategory2 ul {
	visibility: visible;
	position: absolute;
	top: 230px;
	right: 11px;
}

/*#navMenu ul ul ul {
	background: url(../Img/op-calloutBG.jpg) no-repeat left top;
	padding: 0px;
	width: 240px;
}

#navMenu ul ul ul li {
	list-style-type: none;
	padding-left: 3px;
	background: none;
}
#navMenu ul ul ul li a {
	display: block;
	background: none;
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 0px;
	font-size: 11px;
}
#navMenu li.CurrentCategory1 ul li.CurrentCategory2 ul li.CurrentCategory3 a { color: #928a8d; }

#navMenu li.CurrentCategory1 ul li.CurrentCategory2 ul {
	background: url(../Img/op-calloutBG.jpg) no-repeat left top;
	padding-top: 18px;
}*/

#navMenu ul li.CurrentCategory1 ul li.CurrentCategory2 ul li a { background: none; }
#navMenu ul li.CurrentCategory1 ul li.CurrentCategory2 ul li a:hover { color: #928a8d; }


/* ====================== Sub Menu ================= */

#sideNav {
	padding: 20px 15px 10px 10px;
}

#sideNav a {
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

#sideNav a:hover {
color:#CCCCCC;
}

#sideNav li {
color:#FFFFFF;
margin-left:-5px;
padding-bottom:5px;
}


/* ====================== search results ======================== */
#searchContainer {
	height: 37px;
	padding: 0px 0px 0px 20px;
	background: #E7B060 url(/Common/Img/logoSWBM_Header.jpg) no-repeat right top;
}
#searchBox {padding-top: 10px;}
#searchResultsPage #content {padding: 0px 15px 0px 45px;}
.SearchResult, .SearchResultAlt {padding-bottom: 15px;}
.SearchResultTitle, .SearchResultTitle a:link, .SearchResultTitle a:hover, .SearchResultTitle a:visited, .SearchResultTitle a:active {
	color: #423E34;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}	
.SearchResultTitle a:hover {text-decoration: underline;}
.SearchResultsHighlight {
	color: #E7B060;
	font-style: italic;
	text-decoration: underline;
}	
#resultsSearchPhrase, #resultsSearchQty, .SearchResultUrl a:link, .SearchResultUrl {color: #999999;}
#resultsSearchQty {padding-bottom: 12px;}
.selHint {background-color: #3070B6;}
#results div a span { background-color: #3070B6; }	
.ezcount {
	float: right;
	color: #ffffff;
	font-size: 9px;
}
#results {
	z-index: 99;
	width: 158px;
	display: none;
	overflow: hidden;
	position: absolute;
	right: 16px;
	top: 31px;
	visibility: hidden;
	border: solid 1px #ffffff;
	background-color: #224e80;
	text-align: left;
}
#results a {color: #ffffff;}
#EasySearchLiveResults {
	z-index: 100;
	display: none;
	position: absolute;
	border-width: 13px;
	border-color: black;
	margin-bottom: 10px;
	background-color: white;
}

/* ====================== Styling for Submit button on Login ========================*/
.adminButton , a.adminButton, a.adminButton:link, a.adminButton:visited, a.adminButton:hover, .smallButton{
	width: 125px;
	cursor: pointer;
	cursor: hand;
	color: #F5F1D0;
	font-size: 12px;
	padding-top: 6px;
	text-align: center;
	padding-bottom: 6px;
	text-decoration: none;
	vertical-align: middle;
	background-color: #423E34;
	border-right: 8px solid #4D6177;
}

.contactButton, a.contactButton:hover {
	width: 170px;
	cursor: pointer;
	cursor: hand;
	color: #ffffff;
	font-size: 12px;
	padding-top: 6px;
	text-align: center;
	padding-bottom: 6px;
	text-decoration: none;
	vertical-align: middle;
	background-color: #423E34;
	border-right: 8px solid #4D6177;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
}

/* ====================== Contact Page ========================*/
#contactContainer {
padding:15px;
width:290px;
height:400px;
background:url(/Common/Img/op-contentAreaBG.jpg) no-repeat left top;
border:1px solid #FFFFFF;
}

#contactContainer h1 {
padding:3px;
display: block;
background-color:#3a3a3a;
color:#FFFFFF;
}

body.contact {
background:none;
}


/* PNG Background Fix for IE6 */
#idclass { behavior: url(/Common/Scripts/iepngfix.htc); }


/**
 * @section dhtmlwindow
 * 
 * Copied here from dhtmlwindow.css to reduce HTTP requests.
 */
.dhtmlwindow{
position: absolute;
border: 1px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 4px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #000000;
color: white;
cursor:auto;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
background-color: white;
color: black;
height: 150px;
padding: 0px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #000000;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
} 
 
 
/**
 * @section Modal window styles
 * 
 * Copied from modal.css
 */ 
.drag-handle{ /*Overwrite default drag handle bar background color with below*/
background-color: #1d3c82;
}

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: black url(/Common/Img/blackdot.gif);
width: 10px;
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
} 

/** 
 * @section Print Styles 
 */
BODY {
	margin: 0px;
	color: #000000;	
	background: #ffffff;
	letter-spacing: normal;
	font: 12px Verdana, Arial, Helvetica, Sans-Serif;}
.PrintHidden, .leftCol, .adminHead1, .adminHead2, .adminHead2-2,
	#navMenu, #footer, #leftmaster {display: none;}
#logo {padding-left: 0px;}
#fill {height: 0px;}
#leftmaster {margin-right: 780px;}
#rightMaster {
	float: right;	
	width: 780px;}
.adminHead3 {
	width:100%;
	padding-left: 0px;
	text-align: right;
	font-size: 28px;}
.tableHead{	
	color: #FFFFFF;
	background: #000000;
	font: 10px/14px verdana, arial, helvetica, sans-serif;}
a{
	color: #000000;
	text-decoration: none;}
.ErrorMessage{
	background: #ffff66;
	color: #000000;
	font: 10px/14px verdana, arial;}
.SuccessMessage{
	background: #99FF00;
	color: #000000;
	font: 10px/14px verdana, arial;}