﻿/* 
This style sheet is to hold any styles from the dynamic module sidebars (left and right) 
for the entire website when it is rendered on a PC / Laptop
Any classes in this style sheet should be named with the prefix dm.
NO classes in this style sheet should be used in any content within SiteCore!
*/


/**********************SIDEBAR POSITIONING CLASSES***********************************/
.dmSideBar /* #sidebar */
{
	overflow:hidden;
	padding:16px 0 20px 0;
	max-width:210px;
	min-height:200px;
}

.dmTrigger /* .trigger */
{
	background: url(/SiteImages/Utility/LeftNavGreyArrow.gif) no-repeat right 9px;
}

.dmTriggerOpen /* .trigger_open */
{
	background: #ddd url(/SiteImages/Utility/LeftNavGreyArrow.gif) no-repeat right -24px;
}
/* NAV_LEFT / Filters
----------------------------------------------------------------------------- */
.dmLeftNav /* #nav_left */
{
	overflow:hidden;
	padding:4px 0 0 0;
	margin:0;
	width:210px;
	height:auto;
    background: url("/siteimages/utility/LeftNavBG.jpg") no-repeat scroll 0 0 #FFFFFF;
}

.dmFilters
{
	overflow:hidden;
	padding:4px 0 0 0;
	margin:-123px 0 0;
	width:210px;
	height:auto;
}

.dmLeftNav h1, 
.dmLeftNav h2,
.dmFilters h1,
.dmFilters h2 /* #nav_left h1 */
{    
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height: 16px;
	padding: 8px 0 8px 12px;
	overflow:hidden;
	text-transform: uppercase;
    border-top: 4px solid #fff;
	border-bottom: 2px solid #999;
	background: #ccc;
	margin:0;
}

.dmLeftNav p,
.dmFilters p /* #nav_left p */
{
	width: 210px;
	padding:0;
	background: #eee;
}

.dmLeftNav .dmCurrent, 
.dmLeftNav a.dmCurrent, 
.dmLeftNav .dmCurrent:hover, 
.dmLeftNav a.dmCurrent:hover, 
.dmFilters .dmCurrent, 
.dmFilters a.dmCurrent, 
.dmFilters .dmCurrent:hover, 
.dmFilters a.dmCurrent:hover /* #nav_left p.current, #nav_left p.current a */
{
	background: #bbb url(/SiteImages/Utility/WhiteArrowLeft.gif) no-repeat 0 8px !important;
	color:#000;
	cursor:pointer;
	text-decoration:none;
}

.dmLeftNav p a:hover,
.dmFilters p a:hover /* #nav_left p a:hover */
{
	background: #d4d4d4;
	color:#333;
	cursor:pointer;
	text-decoration:none;
}

 
.dmLeftNav p.children a.dmTriggerOpen
{
    background: #dddddd url(/SiteImages/Utility/LeftNavGreyArrow.gif) no-repeat right 9px;
	color:#333;
	cursor:pointer;
	text-decoration:none;
}

.dmLeftNav p.children a.dmTriggerOpen:hover
{
    background: #d4d4d4 url(/SiteImages/Utility/LeftNavGreyArrow.gif) no-repeat right 9px;
	color:#333;
	cursor:pointer;
	text-decoration:none;
}
.dmLeftNav p.dmCategoriesOpenchildren a
{
display:block;
	cursor:pointer;
	font-size:11px;
	line-height:14px;
	text-decoration:none;
	padding:6px 0 6px 24px;
	border-bottom:1px dotted #999;
	background: #eeeeee url(/SiteImages/Utility/LeftNavGreyArrow.gif) no-repeat right 9px;
	color:#333;
}

.dmLeftNav  p.dmCategoriesOpenchildren a:hover
{
background: #d4d4d4 url(/SiteImages/Utility/LeftNavGreyArrow.gif) no-repeat right 9px;
	color:#333;
	cursor:pointer;
	text-decoration:none;
}

.dmFilters p a.dmTrigger:hover, 
.dmFilters p a.dmTriggerOpen:hover /* #nav_left p a.trigger:hover, #nav_left p a.trigger_open:hover */
{
	background: #d4d4d4 url(/SiteImages/Utility/LeftNavGreyArrow.gif) no-repeat right 9px;
	color:#333;
	cursor:pointer;
	text-decoration:none;
}

.dmLeftNav a.active, 
.dmLeftNav a.active:hover, 
.dmLeftNav a.dmTrigger.active:hover, 
.dmLeftNav a.dmTriggerOpen.active:hover,
.dmFilters a.active, 
.dmFilters a.active:hover, 
.dmFilters a.dmTrigger.active:hover, 
.dmFilters a.dmTriggerOpen.active:hover /* #nav_left a.active, #nav_left a.active:hover, #nav_left a.trigger.active:hover, #nav_left a.trigger_open.active:hover */
{
	background: #ddd url(/SiteImages/Utility/LeftNavGreyArrow.gif) no-repeat right -24px;
	color:#333;
	cursor:pointer;
	text-decoration:none;
	border-bottom:1px dotted #999;
}

.dmLeftNav p.dmNavBottom, 
.dmFilters p.dmNavBottom /* #nav_left p.nav_bottom */
{
	overflow:hidden;
	padding:0;
	margin:0;
	width:210px;
	height:120px;
	background:url(/SiteImages/Utility/LeftNavBG.jpg) no-repeat 0 -171px;
}

.dmLeftNav p a,
.dmFilters p a /* #nav_left p a */
{
	display:block;
	cursor:pointer;
	color: #333;
	font-size:12px;
	line-height:14px;
	text-decoration:none;
	padding:6px 0 6px 12px;
	border-bottom:1px solid #999;
}

.dmLeftNav .dmCategories p, 
.dmLeftNav .dmCategoriesOpen p, 
.dmLeftNav .dmCategoriesActive p, 
.dmLeftNav .dmCategoriesActiveOpen p,
.dmFilters .dmCategories p, 
.dmFilters .dmCategoriesOpen p, 
.dmFilters .dmCategoriesActive p, 
.dmFilters .dmCategoriesActiveOpen p /* #nav_left .categories p, #nav_left .categories_open p, #nav_left .categories_active p */
{
	font-weight:normal;
	list-style-type:none;
	width: 210px;
	padding:0;
	background: #eee;
}

.dmLeftNav .dmCategories p a, 
.dmLeftNav .dmCategoriesOpen p a, 
.dmLeftNav .dmCategoriesActive p a, 
.dmLeftNav .dmCategoriesActiveOpen p a,
.dmFilters .dmCategories p a, 
.dmFilters .dmCategoriesOpen p a, 
.dmFilters .dmCategoriesActive p a, 
.dmFilters .dmCategoriesActiveOpen p a /* #nav_left .categories p a, #nav_left .categories_open p a, #nav_left .categories_active p a */
{
	display:block;
	cursor:pointer;
	font-size:11px;
	line-height:14px;
	text-decoration:none;
	padding:6px 0 6px 24px;
	border-bottom:1px dotted #999;
	
	
	
	 
	
}

.dmLeftNav .dmCategories .dmLastNav,
.dmLeftNav .dmCategoriesOpen .dmLastNav, 
.dmLeftNav .dmCategoriesActive .dmLastNav,
.dmFilters .dmCategories .dmLastNav,
.dmFilters .dmCategoriesOpen .dmLastNav, 
.dmFilters .dmCategoriesActive .dmLastNav /* #nav_left .categories p.last_nav a, #nav_left .categories_active p.last_nav a, #nav_left .categories_open p.last_nav a */
{
	border-bottom:2px solid #bbb;
}
.dmLeftNav .dmCategories p.indent a,
.dmLeftNav .dmCategoriesOpen p.indent a
 {
    padding: 6px 0 6px 40px !important;
}

a.dmsecondlevel:link
{
    display:block;
	cursor:pointer;
	font-size:11px;
	line-height:14px;
	text-decoration:none;
	padding:6px 0 6px 24px;
	border-bottom:1px dotted #999;
    
    }

/* SIDEBAR LEFT 08-15-11
----------------------------------------------------------------------------- */

#sidebar_left {
	overflow:hidden;
	padding:0 0 20px 0;
	width:210px;
}

#sidebar_left img {
	padding:0 0 15px 0;
	max-width:210px;
}

#sidebar_left p {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #333;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
}

#sidebar_left a {
	display: block;
	width: 172px;
	height: 18px;
	color: #666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	text-decoration: none;
	margin: 0 0 8px 12px;
	padding: 0 0 0 26px;
}



/* SIDEBAR (Right)
----------------------------------------------------------------------------- */
.dmContainerPlain
 {
    overflow: hidden;
    padding: 0px 0 20px;
    width: 210px;
    margin-bottom:20px;
}
.dmContainerPlain .dmHTMLModule 
{
	padding:0px 0px 5px 0px;
}
.dmContainer
 {
    background: url("/siteimages/utility/dynamicmodulebg.jpg") no-repeat scroll 0 0 #FFFFFF;
   
    min-height: 200px;
    overflow: hidden;
    padding: 16px 0 20px;
    width: 210px;
}



/* Dynamic Asset classes - used for a majority of Dynamic modules*/
.dmContainer .dmAssets h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 16px;
	color: #333;
	margin: 0;
	padding: 0 0 10px 0;
	text-transform: uppercase;
}

.dmContainer .dmAssets ul {
	padding: 0 12px 0 12px;
}

.dmContainer .dmAssets li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height: 14px;
	color: #333;
	margin: 0;
	padding: 0;
}

.dmContainer .dmAssets li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
	color: #274A79;
	height: auto;
	margin: 0;
	padding: 0;
	text-decoration:none;
}

.dmContainer .dmAssets li.dmpadit
{
margin: 0 0 6px 0;
	padding: 0 0 6px 0;
	border-bottom: 1px solid #ccc;
}
.dmContainer .dmAssets li.dmpaditnoborder
{
margin: 0 0 6px 0;
	padding: 0 0 6px 0;
	
	
}
.dmContainer .dmAssets li a:hover {
	text-decoration: underline;
}

.dmContainer .dmAssets li.date {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height: 14px;
	color: #666;
	margin: 0;
	padding: 0 0 4px 0;
}

.dmContainer .dmAssets p {
	font-size:11px;
	color: #333;
	margin: 0 0 6px 0;
	padding: 0 0 6px 0;
	border-bottom: 1px solid #ccc;
}


.dmContainer .dmAssets li a.dmViewall {
	display: inline;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight: normal;
	line-height: 18px;
	font-style:italic;
	color: #990000;
	padding: 0 12px 0 0;
	background: url(/siteimages/utility/ViewAllArrow.gif) no-repeat right -30px;
	 }
	 
.dmContainer .dmAssets li a.dmViewallNoArrow {
	display: inline;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight: normal;
	line-height: 18px;
	font-style:italic;
	color: #990000;
	padding: 0 12px 0 0;
	
	 }

.dmContainer .dmAssets li a.dmViewall:hover {
	background-position: right -47px;
	color: #000;
}
/* dmAwards used just for Awards module*/
.dmContainer .dmAwards {
	padding: 0 0 20px 0;
}


.dmContainer .dmAwards img {
	padding: 0 0 5px 0;
}
.dmContainer .dmAwards  ul li span.title
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height: 16px;
	font-weight: bold;
	width: 156px;
	color: black;
	height: auto;
	margin: 0;
	padding: 0 0 4px 0;
}

.dmContainer .dmAwards div.details {
	font-size:11px;
	color: #333;
	padding-top: 5px;
	border-bottom: 1px solid #ccc;
	padding: 0 0 6px 0;
}


.dmContainer .dmAwards ul {
	padding: 0 12px 0 12px;
}

.dmContainer .dmAwards li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height: 14px;
	color: #333;
	overflow: inherit;
	margin: 0 0 3px 0;
	padding: 0 0 3px 30px;
	
	background: url("~/media/Images/Awards/award.ashx") no-repeat 0 5px;
}
.dmContainer .dmAwards li.no_icon {
	background: none;
}

.dmContainer .dmAwards h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 16px;
	color: #333;
	margin: 0;
	padding: 0 0 10px 10px;
	text-transform: uppercase;
}

.dmContainer .dmAwards a.dmViewall {
	display: inline;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight: normal;
	line-height: 18px;
	font-style:italic;
	color: #990000;
	padding: 0 12px 0 0;
	background: url(/siteimages/utility/ViewAllArrow.gif) no-repeat right -30px; 
	}
	
.dmContainer .dmAwards  a.dmViewall:hover {
	background-position: right -47px;
	color: #000;
}
/*dmEvents used just for events*/
.dmContainer .dmEvents {
	padding: 0 0 20px 0;
}

.dmContainer .dmEvents img {
	padding: 0 0 5px 0;
}

.dmContainer .dmEvents h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 16px;
	color: #333;
	margin: 0;
	padding: 0 0 10px 0;
	text-transform: uppercase;
}

.dmContainer .dmEvents ul {
	padding: 0 12px 0 12px;
}

.dmContainer .dmEvents li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height: 14px;
	color: #333;
	margin: 0;
	padding: 0;
	
}

.dmContainer .dmEvents li a, .dmAwards li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
	color: #274A79;
	height: auto;
	margin: 0;
	padding: 0;
	text-decoration:none;
}

.dmContainer .dmEvents li a:hover {
	text-decoration: underline;
}

.dmContainer .dmEvents li.date {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height: 14px;
	color: #666;
	margin: 0;
	padding: 0 0 4px 0;
}

.dmContainer .dmEvents p {
	font-size:11px;
	color: #333;
	margin: 0 0 6px 0;
	padding: 0 0 6px 0;
	border-bottom: 1px solid #ccc;
}

.dmContainer .dmEvents li a.dmViewall {
	display: inline;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight: normal;
	line-height: 18px;
	font-style:italic;
	color: #990000;
	padding: 0 12px 0 0;
	background: url(/siteimages/utility/ViewAllArrow.gif) no-repeat right -30px; }

.dmContainer .dmEvents li a.dmViewall:hover {
	background-position: right -47px;
	color: #000;
}
/**/
#sidebar p 
{
	font-family:Arial, Helvetica, sans-serif;
}

#sidebar .event_feature {
	padding: 20px 0 20px 0;
}

#sidebar .event_feature img {
	padding: 0 0 5px 0;
}

#sidebar .event_feature p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	text-align: left;
	color: #333;
	margin: 0 12px 0 12px;
}

#sidebar .event_feature p.feat_event_date {
	text-align: center;
	font-weight: bold;
	color: #274a79;
	margin: 0 12px 20px 12px;
}

#sidebar .event_feature a {
	display: inline;
	color: #990000;
	margin: 0;
	padding: 0;
}

#sidebar .event_feature a:hover {
	text-decoration: underline;
}


#sidebar a {
	display: block;
	width: 172px;
	height: 18px;
	color: #666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	text-decoration: none;
	margin: 0 0 8px 12px;
	padding: 0 0 0 26px;
}

#sidebar a.contact {
	background: url(../images/sidebar/sb_contact.jpg) no-repeat 0 top;
}

#sidebar a.contact:hover {
	text-decoration: none;
	color: #000;
	background-position: 0 bottom;
}

#sidebar a.blog {
	background: url(../images/sidebar/sb_blog.jpg) no-repeat 0 top;
}

#sidebar a.blog:hover {
	text-decoration: none;
	color: #000;
	background-position: 0 bottom;
}

#sidebar a.sb_twitter {
	background: url(../images/sidebar/sb_twitter.jpg) no-repeat 0 top;
}

#sidebar a.sb_twitter:hover {
	text-decoration: none;
	color: #000;
	background-position: 0 bottom;
}


/* FORM REGISTER
----------------------------------------------------------------------------- */ 

.dmSideBarForm /* #sidebar.register_form */
{
	background:#eee url(/SiteImages/Utility/DynamicModuleBG.jpg) no-repeat 0 0;
	margin: 0 0 20px 0;
	padding-top:5px;
}

.event_register {
	padding:0;
	margin: 0 12px;
}

.event_register h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #666;
	font-size:18px;
	font-weight:normal;
	border:none;
	padding:0 0 20px 0;
	margin:0;
}

.event_register p {
	font-family:Arial, Helvetica, sans-serif;
	color: #333;
	font-size:12px;
	font-weight:normal;
	line-height: 18px;
	border:none;
	padding:0;
	margin:0;
	clear:both;
}

.event_register p.form_note {
	font-size:10px;
	line-height: 13px;
}

.event_register .form_row {width: auto; height: auto; clear:both;margin: 0 0 10px 0;}

.event_register .form_einfo {padding: 0 0 10px 0;border-bottom:1px dotted #ccc;margin:0 0 10px 0;}

.event_register label, #event_register input { font-family: Arial, Helvetica, sans-serif;}

.event_register label{float: none; width:auto; line-height: 18px; margin: 0 0 10px 0; text-align: left; margin: 0 10px 0 0; font-size: 11px; text-transform: uppercase;}

.event_register label.info{float: left; width:35px;}

.event_register input { 
	background: #fff url(../images/form_box_bg.gif) repeat-x left top;
	border: 1px solid #ccc;
	color: #000;
	padding: 4px;
	font-size: 12px;
	width: 176px;
	height: 18px;
}


button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */ }

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */ }

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;
	font-family: Arial, Helvetica, sans-serif;	
}

button.registerBtn {
	padding: 0;
	margin: 0 10px 0 0;
	height: 30px; 
	font-size: 12px;
	text-align: center;
	background: url(../images/button_sides.png) no-repeat left top; }
	
button.registerBtn span {
	padding: 8px 14px 0 0; 
	margin: 0 0 0 12px;
	height: 22px; 
	font-weight: normal;
	background: url(../images/button_sides.png) no-repeat right -60px; 
	color:#fff;
}

button.registerBtn:hover, button.registerBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: left -30px;
}
	
button.registerBtn:hover span, button.registerBtnHover span {
	background-position: right -90px;
}
/***************************Mobile specific ************************************/
.cellBorderAll {
    border: 1px solid #CCCCCC;
    padding: 2px;
}

.DMLeftNavPadding {
    margin-bottom: 8px;
}

/***************************end Mobile specific ************************************/