/****************************************
|
| Western Pain Medicine Program
| Created by: Kevin Biskaborn
| Copyright 2013 ScriptReaction
| http://www.scriptreaction.com
|
****************************************/

/****************************************
|	IMPORT STYLES - GLOBAL
****************************************/
@import url( "global_column_doctor_profile.css" );
@import url( "global_column_faculty_list.css" );
@import url( "global_content_side_column.css" );
@import url( "global_doctor_profile.css" );
@import url( "global_events.css" );
@import url( "global_focal_feed_classes.css" );
@import url( "global_footer_research_affiliates.css" );
@import url( "global_list_block_side_bullet.css" );
@import url( "global_list_grad_box_standard.css" );
@import url( "global_list_image_block_standard.css" );
@import url( "global_primary_nav_index_group.css" );
@import url( "global_program_details.css" );
@import url( "global_side_column_content_boxes.css" );
@import url( "global_side_column_doctor_focus_blocks.css" );
@import url( "global_tab_panel_groups.css" );
@import url( "global_text_editor_styles.css" );

/****************************************
|	CLEAR ALL STYLES
****************************************/
* {
	margin:0px;
	padding:0px;
	border:0px;
}

/****************************************
|	GLOBAL TAG STYLES
****************************************/
body { 
	cursor:default;
	overflow:auto;
	padding-bottom:60px;
	background:#fff url(../gfx/global_bg_grad.gif) repeat-x;
}

body, select, input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}

a {
	color:#3333cc;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

ul {
	list-style:none;
}

/* all headings */
h1, h2, h3, h4, h5 {
	font-size:12px;
}
table {
	border-collapse:collapse;
}

/****************************************
|	GLOBAL CLASSES
****************************************/
.uc { text-transform:uppercase; }

/****************************************
|	PAGE LAYOUT
****************************************/
#skn, #shl {
	position:relative;
}

#skn {
	width:100%;
	text-align:center;
	background:url(../gfx/global_bg_spine-curves_v1.jpg) center top no-repeat;
}

#shl {
	width:1000px; /* 1000px - padding */
	margin:0 auto 0 auto;
	/*padding:0px 9px;*/
	text-align:left;
	background:#fff;
}

/****************************************
|	ERROR BANNER (GLOBAL)
****************************************/
#errorBanner {
	position:relative;
	
	padding:16px 16px 16px 95px;
	background:#ff0000 url(../gfx/error-banner_grad-bar-red_v1.gif) left bottom no-repeat;
	
	color:#fff;
	font-size:27px;
	font-weight:bold;
	
	z-index:999;
}
#errorBanner span.msg {
	font-size:12px;
	font-weight:normal;
}

/****************************************
|	MASTHEAD
****************************************/
#masthead {
	position:relative;
	
	/* menu shadow cover */
	/* visible when browser font-size increased */
	background:url(../gfx/masthead_bg_cover.gif) left bottom no-repeat;
	
	/*** handle menus stacking and overlay ***/
	border-left:9px solid #fff; /* Global Side Border */
	border-right:9px solid #fff; /* Global Side Border */
	z-index:75;
}
#masthead .release {
	display:block;
	clear:both;
}
#masthead #topbar {
	position:relative;
	background:url(../gfx/header_masthead_topbar.gif) left bottom no-repeat;
	
	padding:0 7px;
	
	color:#999;
	font-size:11px;
}
#masthead a {
	color:#999;
	text-decoration:none;
}
#masthead ul#leftregion,
#masthead ul#rightregion {
	position:relative;
	display:block;
	float:left;
}
#masthead ul#leftregion {
	width:72px;
}
#masthead ul#rightregion {
	width:98px;
}
#masthead ul#leftregion li {
	float:left;
}
#masthead ul#rightregion li {
	float:right;
}
#masthead ul#leftregion li a,
#masthead ul#rightregion li a {
	display:block;
	padding:4px 5px 5px 18px;
	background:url(../gfx/inline-bullet_box9-red.gif) 5px center no-repeat;
}
#masthead ul#leftregion li a:hover,
#masthead ul#rightregion li a:hover {
	background-image:url(../gfx/inline-bullet_box9-blue.gif);
}
#masthead ul#leftregion li a:hover,
#masthead ul#rightregion li a:hover,
#masthead #centerregion h2 a:hover {
	color:#3333cc;
	text-decoration:underline;
}
#masthead ul#leftregion li.firstChild a {
	text-transform:lowercase;
}
#masthead #centerregion {
	position:relative;
	float:left;
	width:390px;
	text-align:center;
	padding:4px 20px;
}
#masthead #centerregion h2,
#masthead #centerregion h2 a,
#masthead #centerregion #mastheadDate {
	display:inline;
	font-size:11px;
	font-weight:normal;
}
#masthead #centerregion #mastheadDate {
	white-space:nowrap;
}
#masthead #centerregion #mastheadDate span.spacer {
	padding:0px 5px;
}
#masthead #centerregion #mastheadTime {
	display:inline;
	padding-left:4px;
}


/****************************************
|	HEAD AREA
****************************************/
#headarea {
	position:relative;
	
	/*** handle menus stacking and overlay ***/
	z-index:100;
}
#headarea h1 {
	position:relative;
	
	/*** handle menus stacking and overlay ***/
	border-left:9px solid #fff; /* Global Side Border */
	border-right:9px solid #fff; /* Global Side Border */
	z-index:20;
	
	background:#fff;
	
	font-size:0;
}
#headarea h1 a {
	text-decoration:none;
}
#headarea h1 a span {
	display:none;
}

#headarea #banner {
	position:relative;
	border-bottom:5px solid #fff;
	
	/*** handle menus stacking and overlay ***/
	border-left:9px solid #fff; /* Global Side Border */
	border-right:9px solid #fff; /* Global Side Border */
}
#headarea #banner div.focalimage {
	background:#000;
}
#headarea #banner div.focalimage,
#headarea #banner div.focalimage img {
	width:594px;
	height:175px;
}
#headarea #banner #overlay {
	position:absolute;
	right:0;
	top:-75px;
	
	z-index:50;
}

/****************************************
|	WESTERN SHIELD LOGO
****************************************/
#headarea #banner div.western_logo {
	position:absolute;
	width:112px;
	height:134px;
	
	right:17px;
	top:-6px;
	
	z-index:50;
	overflow:hidden;
	
	font-size:0;
}
#headarea #banner div.western_logo a img {
	position:absolute;
	left:0;
	top:0;
}
#headarea #banner div.western_logo a:hover img {
	top:-134px;
}
#headarea #banner div.western_logo a span {
	display:none;
}

/* Print Version of the Western Logo */
#headarea #banner div.western_logo_print {
	display:none;
}


/****************************************
|	NAVIGATION
****************************************/
#headarea #navigation {
	position:relative;
	
	/*** handle menus stacking and overlay ***/
	margin:0 9px 0 9px;
	
	/* this background adds the row ending stroke to the
	 * far right list element of the primary nav
	 */
	background:url(../gfx/navigation-primary-grad.jpg) 981px 0 no-repeat;
}
#headarea #navigation .release {
	display:block;
	clear:left;
}
#headarea #navigation ul {
	position:relative;
}
#headarea #navigation li {
	display:inline;
}
#headarea #navigation li a {
	float:left;
	width:122px;
	
	padding:11px 10px 11px 34px;
	border-bottom:2px solid #463a51;
	
	background-color:#997fb2;
	background-image:url(../gfx/navigation-primary-grad.jpg);
	background-repeat:no-repeat;
	
	
	color:#fff;
	font-family:tahoma, arial, verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	white-space:nowrap;
	
	overflow:hidden;
}
#headarea #navigation li a:hover,
#headarea #navigation li a.active {
	border-bottom-width:0;
	padding-bottom:13px;
	
	background-color:#fff;
	background-position:-250px 0;
	
	color:#333366;
}
#headarea #navigation li.firstChild a,
#headarea #navigation li.optFaculty a {
	width:110px;
}
#headarea #navigation li.optClinServ a {
	padding-right:20px;
}
#headarea #navigation li.optResearch a {
	background-image:url(../gfx/navigation-primary-grad_hand-overlay.jpg);
}
#headarea #navigation li.lastChild a {
	/*width:85px;*/
}

#headarea #navigation li.noSubMenu a {
	background-image:url(../gfx/navigation-primary-grad_no-sub-menu.jpg);
}
#headarea #navigation li.noSubMenu a:hover {
	border-bottom-width:2px;
	padding-bottom:11px;
}

/****************************************
|	NAV SUB MENUS
****************************************/
#navmenus {
	position:relative;
	z-index:50;
}
#navmenus .menu {
	position:absolute;
	display:none;
	
	width:322px;
	top:0px;
	
	padding-bottom:20px;
}
#navmenus .menu img.column {
	position:absolute;
	bottom:0px;
	z-index:1;
}

/*
 * Sub Menus Divs
 */
#nav_about_us 			{ left:0; }
#nav_faculty 			{ left:154px; }
#nav_education 			{ left:308px; }
#nav_clinical_services 	{ left:540px; }
#nav_research			{ left:474px; }
#nav_resources 			{ left:678px; }



/*
 * Menu Option Area
 * Alignment: STANDARD
 */
#navmenus .menu .options {
	position:relative;
	width:302px;
	padding-top:0px;
	margin-left:9px;
	border-left:1px solid #ccbfd9;
	z-index:25;
}
/*
 * Menu Option Area
 * Alignment: RIGHT
 */
#navmenus .menu.alignRight .options {
	border-left-color:transparent;
}
#navmenus .menu.alignRight.lastChild .options {
	border-right:1px solid #ccbfd8;
}

#navmenus .menu .options ul {
	position:relative;
}
#navmenus .menu .options li a {
	display:block;
	width:302px;
	color:#333366;
	font-family:tahoma, arial, verdana, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	border-bottom:1px solid #ccbfd8;
	background:#fff url(../gfx/navigation_menu_option_grad_inactive.gif) left bottom repeat-x;
}
#navmenus .menu .options li a:hover {
	color:#fff;
	text-decoration:underline;
	background:#957cad url(../gfx/navigation_menu_option_grad_active.gif) left top repeat-x;
}
#navmenus .menu .options li.firstChild a {
	border-top:1px solid #fff;
}

/*
 * Menu Options Payload Cores
 * Alignment: STANDARD
 */
#navmenus .menu .options li a span.payload {
	display:block;
	padding:4px 5px 5px 34px;
	background:url(../gfx/inline-bullet_box9-red.gif) 12px center no-repeat;
}
#navmenus .menu .options li a:hover span.payload {
	background-image:url(../gfx/inline-bullet_box9-blue-inverted.gif);
}

/*
 * Menu Options Payload Cores
 * Alignment: RIGHT
 */
#navmenus .menu.alignRight .options li a span.payload {
	display:block;
	/* invert the padding from the standard aligned options (above) */
	padding-left:5px;
	padding-right:34px;
	/* right align the text */
	text-align:right;
	/* align the background bullet to the right */
	background-position:281px center;
}

/*
 * Nested Sub Menus
 */
#navmenus .menu .options ul ul li a {
 	width:282px;
	border-left:20px solid #ece2f5;
}

/*
 * Nested Sub Menus
 * Alignment: STANDARD
 */
#navmenus .menu .options ul ul li a span.payload {
	padding-left:32px;
	background-image:url(http://www.westernpain.ca/assets/gfx/navigation_option_bar_level2.gif);
	background:url(../gfx/inline-bullet_ball7-red.gif) 13px center no-repeat;
	
	border-left:1px solid #ccbfd8;
}
#navmenus .menu .options ul ul li a:hover span.payload {
	background-image:url(../gfx/inline-bullet_ball7-blue-inverted.gif);
}

/****************************************
|	NAV OPTION ICONS
|	.menu is the lowest class name
|	Applies to Index Pages as well
****************************************/
/*
 * Option Icon Wrap Tags
 * Alignment: STANDARD
 */
.menu .options li a span.optionWrapTag {
	display:block;
	padding:0;
	
	background-position:right center;
	background-repeat:no-repeat;
}

/*
 * Option Icon Wrap Tags
 * Alignment: RIGHT
 */
.menu.alignRight .options li a span.optionWrapTag {
	background-position:7px center;
}

/*
 * Option Icon: Open Window (Only)
 * Alignment: STANDARD
 */
.menu .options li.optionLink_openWindow a span.optionWrapTag {
	background-image:url(../gfx/nav-menu-option-icon_open-window.gif);
}

/*
 * Option Icon: PDF (only)
 * Alignment: STANDARD
 */
.menu .options li.optionLink_openWindow.optionLink_pdf a span.optionWrapTag {
	background-image:url(../gfx/nav-menu-option-icon_pdf.gif);
}



/****************************************
|	BODY AREA
****************************************/
#bodyarea {
	position:relative;
	padding:10px 9px;
	background:#fff;
	border-top:5px solid #fff;
}

/****************************************
|	COLUMN FEED
****************************************/
#bodyarea #columnfeed {
	position:relative;
	padding-bottom:20px;
}
#bodyarea #columnfeed .release {
	display:block;
	clear:both;
	font-size:0px;
}

/****************************************
|	SIDE COLUMNS
****************************************/
#bodyarea #leftcolumn,
#bodyarea #rightcolumn {
	position:relative;
	width:198px;
	overflow:hidden;
}
#bodyarea #leftcolumn {
	float:left;
}
#bodyarea #rightcolumn {
	float:right;
}

/****************************************
|	CENTER COLUMN
****************************************/
#centercolumn {
	position:relative;
	float:left;
	width:586px;
}

/****************************************
|	FOCAL FEED
****************************************/
#bodyarea #focalfeed {
	position:relative;
	background:#fff;
}

/****************************************
|	FOCAL FEED - BREADCRUMB BAR
****************************************/
#bodyarea #focalfeed #breadcrumb {
	position:relative;
	font-size:11px;
	border-left:19px solid #fff;
	border-right:19px solid #fff;
	background:url(../gfx/focalfeed_breadcrumb_bar.gif) left bottom no-repeat;
}
#bodyarea #focalfeed #breadcrumb h4 {
	position:relative;
	width:294px;
	color:#999;
	font-size:11px;
	font-weight:normal;
	padding:4px 20px 5px 24px;
	background:url(../gfx/inline-bullet_box9-red.gif) 10px 6px no-repeat;
}
#bodyarea #focalfeed #breadcrumb h4 a {
	color:#999;
	text-decoration:none;
	white-space:nowrap;
}
#bodyarea #focalfeed #breadcrumb h4 a:hover {
	color:#3333cc;
	text-decoration:underline;
}
#bodyarea #focalfeed #breadcrumb .articledate {
	float:right;
	width:167px;
	color:#999;
	text-align:right;
	padding-top:4px;
	padding-right:10px;
}
#bodyarea #focalfeed #breadcrumb .release {
	clear:right;
}

/****************************************
|	FOCAL FEED - HEADLINE
****************************************/
#bodyarea #focalfeed #headline {
	position:relative;
	
	padding:15px 14px 10px 14px;
	border-left:19px solid #fff;
	border-right:19px solid #fff;
}
#bodyarea #focalfeed #headline,
#bodyarea #focalfeed #headline h2 a {
	color:#324798;
}
#bodyarea #focalfeed #headline h2 {
	font-size:20px;
}
#bodyarea #focalfeed #headline h2 a {
	text-decoration:none;
}

/****************************************
|	FOCAL FEED CONTENT
****************************************/
#bodyarea #focalfeed #outerContent {
	position:relative;
	background:url(../gfx/focalfeed_content_box_head.gif) 7px top no-repeat;
}
#bodyarea #focalfeed #innerContent {
	position:relative;
	padding:30px 0px 200px 0px;
	background:url(../gfx/focalfeed_content_box_foot.png) center bottom no-repeat;
}
#bodyarea #focalfeed #contentPayload {
	position:relative;
	font-size:13px;
	line-height:20px;
}
#bodyarea #focalfeed #contentPayload p {
	padding-bottom:20px;
}
#bodyarea #focalfeed #contentPayload .release {
	display:block;
	clear:both;
}

/****************************************
|	CONTENT COLUMNS
****************************************/
#bodyarea #focalfeed #contentPayload #contentColumnRight {
	position:relative;
	float:right;
	width:125px;
	
	padding:0 20px 20px 15px;
	margin:0 10px 40px 30px;
	border-left:2px solid #ccc;
	
	z-index:10;
}
#bodyarea #focalfeed #contentPayload #contentColumnLeft {
	padding:0 35px 0 35px;
}
#bodyarea #focalfeed #contentPayload #contentColumnLeft p.lastParaBlock {
	padding-right:60px;
}

/****************************************
|	FOOTER AREA
****************************************/
#footarea {
	position:relative;
}

/****************************************
|	FOOTER ACTION BAR
****************************************/
#footarea #actionbar {
	position:relative;
	padding:8px 12px;
	margin-left:9px;
	background:url(../gfx/footer_copyright_bar.gif) no-repeat;
}
#footarea #actionbar h5 {
	font-size:11px;
	font-weight:normal;
}
#footarea #actionbar h5,
#footarea #actionbar h5 a {
	color:#999;
}
#footarea #actionbar h5 a:hover {
	color:#3333cc;
}
#footarea #actionbar h5.siteby {
	float:right;
	padding-right:17px;
}
#footarea #actionbar h5.siteby a {
	padding-left:15px;
	background:url(../gfx/inline-bullet_box9-blue.gif) left 2px no-repeat;
}

/****************************************
|	FOOTER NAV GROUPS
****************************************/
#footarea #actionbar #navgroups {
	position:relative;
	width:900px;
	padding:6px 8px;
	border:1px solid #efedf0;
	margin:30px 0 0 16px;
}
#footarea #actionbar #navgroups,
#footarea #actionbar #navgroups a {
	color:#6666ff;
}
#footarea #actionbar #navgroups a {
	text-decoration:none;
	padding:0 5px;
	white-space:nowrap;
}
#footarea #actionbar #navgroups a:hover {
	color:#3333cc;
	text-decoration:underline;
}
#footarea #actionbar #navgroups .leftset {
	width:656px;
}
#footarea #actionbar #navgroups .rightset {
	float:right;
}

/****************************************
|	FOOTER INFO AREA
****************************************/
#footarea #infoarea {
	position:relative;
	padding:20px 28px 0 37px;
}
#footarea #infoarea #pagedetails {
	position:relative;
	width:400px;
	overflow:hidden;
}
#footarea #infoarea #pagedetails h5 {
	font-size:14px;
	font-weight:bold;
}
#footarea #infoarea #pagedetails h6 {
	font-size:11px;
	font-weight:normal;
}
#footarea #infoarea #pagedetails h6.contactNumbers {
	padding:15px 0;
}
#footarea #infoarea #pagedetails h5.pageAddress {
	padding:15px 0 0 0;
	font-size:12px;
}
#footarea #infoarea #pagedetails span.lineWrap {
	white-space:nowrap;
}
#footarea #infoarea #pagedetails span.updateTime {
	font-weight:bold;
	white-space:nowrap;
}



/********************************************************************************
|	SCRIPT REACTION BADGES
|	Common Badge Styles. Check also: CSS print styles
********************************************************************************/
.scriptReactionBadgeHolder {
	position:relative;
	font-size:0; /* eliminate inline-block gaps */
	
	/* customized holder position */
	float:right;
	margin:60px 12px 0 0;
}

.scriptReactionBadge {
	position:relative;
	
	display:inline-block;
	vertical-align:top;
}

.scriptReactionBadge,
.scriptReactionBadge a,
.scriptReactionBadge a span.shadow {
	height:65px;
	overflow:hidden;
}

.scriptReactionBadge a {
	display:block;
	
	font-size:0;
	text-decoration:none;
}

.scriptReactionBadge a img,
.scriptReactionBadge a span.logo span {
	display:none;
}

.scriptReactionBadge a,
.scriptReactionBadge a span.logo,
.scriptReactionBadge a span.box,
.scriptReactionBadge a span.shadow {
	position:absolute;
	display:block;
	
	background-image:url(../../images/common/script-reaction-badge-x2_developed-by_powered-by-admin-area_415x65-2up.png);
	background-repeat:no-repeat;
}

.scriptReactionBadge a span.logo {
	z-index:3;
	height:43px;
	
	left:6px;
	top:16px;
	
	background-position:-6px -81px; /* y = -16 - 65 */
	
	opacity:0;
	visibility:hidden;
	
	/*  style transitions */
	-webkit-transition:opacity .1s ease-in, visibility .1s ease-in;
	-moz-transition:opacity .1s ease-in, visibility .1s ease-in;
	-o-transition:opacity .1s ease-in, visibility .1s ease-in;
	transition:opacity .1s ease-in, visibility .1s ease-in;
}

.scriptReactionBadge a span.box {
	z-index:2;
	height:55px;
	
	left:5px;
	top:5px;
	
	background-position:-5px -70px; /* y = -5 - 65 */
	
	opacity:0;
	visibility:hidden;
	
	/*  style transitions */
	-webkit-transition:opacity .1s ease-in, visibility .1s ease-in;
	-moz-transition:opacity .1s ease-in, visibility .1s ease-in;
	-o-transition:opacity .1s ease-in, visibility .1s ease-in;
	transition:opacity .1s ease-in, visibility .1s ease-in;
	
	-webkit-transition-delay:.1s;
    transition-delay:.1s;
}

.scriptReactionBadge a span.shadow {
	z-index:1;
	
	background-position:0 -65px;
	
	opacity:0;
	visibility:hidden;
	
	/*  style transitions */
	-webkit-transition:opacity .2s ease-in, visibility .2s ease-in;
	-moz-transition:opacity .2s ease-in, visibility .2s ease-in;
	-o-transition:opacity .2s ease-in, visibility .2s ease-in;
	transition:opacity .2s ease-in, visibility .2s ease-in;
	
	-webkit-transition-delay:.15s;
    transition-delay:.15s;
}

.scriptReactionBadge a:hover span.logo,
.scriptReactionBadge a:hover span.box,
.scriptReactionBadge a:hover span.shadow {
	opacity:1;
	visibility:visible;
}

/********************************************************************************
|	DEVELOPED BY BADGE
|	Script Reaction Badge
********************************************************************************/
.scriptReactionBadge_devBy,
.scriptReactionBadge_devBy a,
.scriptReactionBadge_devBy a span.shadow { width:304px; }
.scriptReactionBadge_devBy a span.logo { width:292px; }
.scriptReactionBadge_devBy a span.box { width:294px; }

/********************************************************************************
|	ADMIN AREA BADGE
|	Script Reaction Badge
********************************************************************************/
.scriptReactionBadge_adminArea,
.scriptReactionBadge_adminArea a { width:111px; background-position:-304px 0; }
.scriptReactionBadge_adminArea a span.shadow { width:111px; background-position:-304px -65px; }
.scriptReactionBadge_adminArea a span.logo { width:99px; background-position:-310px -81px; /* x = -6 - 304 */ }
.scriptReactionBadge_adminArea a span.box { width:97px; background-position:-309px -70px; /* x = -5 - 304 */ }