/* VERSION 1.0
	Author: Stephanie Finken
	Contact: sfinken@wsol.com

	CONTENTS ----------

	WEBFONT EMBEDS

	PATTERNS + EXTENSIONS
		hlist
		vlist
		modules
		alerts

	TEMPLATE ELEMENTS
		utility
		masthead
		search
		section banner
		footer

	HOME PAGE ELEMENTS
		page feature

	GRID and LAYOUT ELEMENTS

	CUSTOM PAGE ELEMENTS

	TYPOGRAPHIC ELEMENTS

	CUSTOM FORM ELEMENTS


 */

 /* 1. =WEBFONTS
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------  */

/* 2. =BASIC PATTERNS
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------  */

/*-hlist :: horizontal list  */

	.hlist { margin: 0; padding: 0; list-style-type: none;}
	.hlist li { margin: 0; padding: 0; list-style-type: none; float: left;}
	.hlist a { float: left; display: block; text-decoration: none;}

/*-vlist :: vertical list  */

	.vlist, .vlist ul, .vlist ol { margin: 0; padding: 0; list-style-type: none;}
	.vlist li { margin: 0; padding: 0; list-style-type: none; }
		.ie6 .vlist li a{display:inline-block;}
	.vlist li a { display: block; padding: 0;}

/* =extend hlists and vlist */

	.rule li {border-bottom: 1px solid #999;}

	.vrule li{border-right:1px solid #888; padding:0 6px;}

	.img-link a{line-height:0;}

/* =modules ------------------------------------------------ */

	.module { margin: 1em 0;  background: #fff;}
	.mod-outer { /*border: 1px solid #333;*/}
	.mod-inner { padding: 10px;}
	.module a img{width:100%; display:block;}

/* =extend classes (general) -------------------------------- */

	.shadow {
		-moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
		box-shadow: 0 0 3px #000;
		}

/* 3. =TEMPLATE ELEMENTS / PAGE COMPONENTS
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------  */

	body { background: #fff; margin-bottom:12px;}
	#container{border:1px solid #ccc; width:1060px; background: #fff; margin:12px auto 12px; padding:20px 0 20px;}

/* =nav-utility  */

	.utility {text-align:right; text-transform:uppercase}

	.utility .nav-utility { display:block; position:absolute; right:0; top:0;}

	ul.nav-utility a:link,
	ul.nav-utility a:visited { color:#666; text-decoration:underline;}

	ul.nav-utility a:hover,
	ul.nav-utility a:active{color:#111; text-decoration:none;}

	.utility .login{position: absolute; right:0; top:2em}
	.utility .login a, .utility .login a:link, .utility .login a:visited{font-weight:bold; color:#666; text-decoration:underline;}
	.utility .login a:hover, .utility .login a:visited:hover{color:#111;}
/* =masthead and branding */

	.masthead .inner {position: relative;}

	.access {display: none;}

	a.logo {display: block; float:left;}

/*=search ----------------------------------------------------- */

	.search { margin:1em 0 0; position:absolute; bottom:1em; right:0;}

	input.search-btn {
		border: none;
		height: 32px;
		font-size: 11px;
		padding: 0 0 0 8px;
		float:right;
		}

	input.search-field {
		height: 24px;
		width: 165px;
		font-size:13px;
		float:right;
		}

	input.search-btn:hover { }

/* = secton-banner ------------------------------------ */
	.section-banner {margin-bottom: 10px;}

	.section-banner img {
		display: block;
		width:1018px;
		border:1px solid #333;
		}

/* =nav-main ------------------------------------------------ */

	.nav-main {
		position: relative;
		z-index: 1000;
		}

	.nav-main .inner { padding-right: 0;}


/* =Footer -------------------------------------- */

	#footer {background:#333; font-size:11px; color:#eee; margin-top:10px;}
	#footer h5{color:#eee;}
	#footer a:link, #footer a:visited{color:#eee;}
	#footer a:hover, #footer a:visited:hover{color:#FF564B}

	.social{padding-top:5px;}
	.social a, .social a:link, .social a:visited{padding:0px 3px 0 0; line-height:0;}
	.social a:hover, .social a:visited:hover{padding-top:2px;}
	.copyright p { margin-bottom: 0; text-align: right; }


/* 4. = HOME PAGE DESIGN
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------  */
	.feature{ margin-bottom: 10px; font-size:0; line-height:0}
	.feature-image{float:left; border-right:1px solid #333; line-height:0;}
	.feature-image ul, .feature-image li, .feature-image img{ height:311px; width:732px}
	.feature .pager{float:right;}
		.feature .pager li{border-bottom:1px solid #333;}
		.feature .pager a{line-height:0; font-size:0; }
		.feature .pager a img{vertical-align:top; }

/* 5. =GRID AND LAYOUT (DEFAULT)
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------  */

	/* general non-semantic layout conventions */

	.inner {
		width: 1020px;
		margin: 0 auto;
		clear: both;
		}

	.last {
		margin-right: 0 !important;
		border:none !important;
		}

	.column {
		float: left;
		margin-right: 2%;
		}

	.cell-pad{padding:12px;}

	.content-wrapper {
		margin: 15px auto 20px auto;
		padding-bottom: 12px;
		}

	#content-1.column {width:18%;}

	#content-2.column {width:28%;}

	.side-column-left #mainContent.column {
		width: 80%;
		margin-right: 0;}

	.side-column-right #mainContent.column {width: 70%;}

	.three-column #mainContent.column {width: 50%;}

	.full-width #mainContent.column{width:100%; margin-right:0; float:none}

	.ie6 .side-column-right #mainContent.column{width:69%}
	.ie6 .side-column-left #mainContent.column {width:79%}
	.ie6 .three-column #mainContent.column {width: 49%;}

	.size1of4 {
		width: 23.760%;
		margin-right: 1.596%;
		float: left;
		}

	.size1of2 {
		width: 48%;
		float: left;
		}

	.size2of4 {
		width: 47%;
		margin-right: 1.596%;
		float: left;
		}

	.size3of4 {
		width: 73%;
		margin-right: 1.596%;
		float: left;
		}

	.size4of4 {
		width: 99%;
		margin-right: 0;
		float: left;
		}

	.size2of3 {
		width: 64.44%;
		margin-right: 1.596%;
		float: left;
		}

	.size1of3 {
		width: 31%;
		margin-right: 1.596%;
		float: left;
		}
	
	.size2of5{width:40%; float:left;}
	.size3of5{width:58%; float:left;}

/* =CUSTOM PAGE COMPONENTS
-------------------------------------------------------------------- */
	.breadcrumbs {
		width: 100%;
		padding: 5px 0 10px;
		margin-bottom: 1em 0;
	}

	.breadcrumbs li {
		padding-right: 5px;
		color: #777;
		font-size: 12px;
	}

	.breadcrumbs a, .breadcrumbs a:link, .breadcrumbs a:visited  {
		background: none;
		margin-right: 4px;
		padding: 0 2px 0 0;
		color:#cc0000;
		text-decoration:underline;
		background:url(/core/images/ui/breadcrumb-divider.gif) no-repeat right;
	}

	.breadcrumbs a:hover, .breadcrumbs ul a:active {
		color: #444;
		text-decoration: none;
	}

	/* =Tabs ----------------- */

	div.tabs { position: relative; padding-top:1em;}

	div.tabContainer div { color: #444; padding: 0;}
	div.tabContainer {
		background: #fff;
		padding: 12px;
		border:1px solid #bbb;
		font-size: 12px;}

	.tabs ul.tabNavigation  { /*float: left; position: relative;*/ list-style-type: none; margin: 0; width:100%; border: 0px solid #ccc;
	}
	.tabs ul.tabNavigation li { float: left; margin: 0; padding: 0px; background: url(/core/images/ui/bg-tabnav.gif) repeat-x top left;
	border:1px solid #bbb; border-bottom:none;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px; list-style-type:none }

	.tabs ul.tabNavigation li.last,
	.tabs ul.tabNavigation li.selected,
	.tabs ul.tabNavigation li.selected:hover{
		background: none !important;
	}

	.tabs ul.tabNavigation a {
		display: block;
		text-align: center;
		font-size: 16px;
		font-weight: normal;
		text-decoration: none;
		padding:5px 10px;
		-moz-border-radius: 5px 5px 0px 0px;
		-webkit-border-radius: 5px 5px 0px 0px;
		border-radius: 5px 5px 0px 0px;
	}

	.tabs ul.tabNavigation a:link,
	.tabs ul.tabNavigation a:visited { color: #333;    }

	.tabs ul.tabNavigation a:hover,
	.tabs ul.tabNavigation a:active,
	.tabs ul.tabNavigation a:visited:hover { color: #000; background: #fff; }

	.tabs ul.tabNavigation a.selected:link,
	.tabs ul.tabNavigation a.selected:visited,
	.tabs ul.tabNavigation a.selected:hover,
	.tabs ul.tabNavigation a.selected:active  {
		color: #cc0000; background: #fff;
		position: relative; top: 1px;
	}

	/* =Related links ----------------- */

	.related li a{text-decoration:none; padding:5px 0 5px 3px;}
	.related li a:hover, .related li a:visited:hover{text-decoration:underline; color:#aa0000}

	/* =Sitemap ----------------- */

	.sitemap li{font-size:14px; padding-bottom:8px;}
	.sitemap li a{ font-weight:bold; display:block;}

	.sitemap ul{margin-left:15px;}
	.sitemap ul li{font-size:12px; line-height:15px; padding-bottom:0px;}
	.sitemap ul li a{font-weight:normal; padding:3px 0;}

	.sitemap ul ul{margin-left:20px;}
	.sitemap ul ul li{list-style-type:disc; color:#999}
	.sitemap ul ul li a, .sitemap ul ul li a:link, .sitemap ul ul li a:visited{color:#222;}

	.sitemap ul ul ul{margin-left:15px;}
	.sitemap ul ul ul li{list-style-type:none;}
	.sitemap ul ul ul li a{background: url(/core/images/ui/list-dash.gif) left 7px no-repeat; padding: 4px 0 4px 8px;}
	.sitemap ul ul ul li a, .sitemap ul ul ul li a:link, .sitemap ul ul ul li a:visited{color:#c00;}

	/* =Accordion ----------------- */

	.toggleSprite{
		text-transform:none;
		color:#c00;
		font-size:12px;
		padding-left:10px
	}

	.accordion .item{border-bottom:1px solid #999; padding: 0 0 8px; margin-bottom: 8px;}

/* =GENERAL TYPOGRAPHY
---------------------------------------------------------------------*/

	body, select, input, textarea {
	  font: 13px/18px Arial, Helvetica, sans-serif;
	  color: #444;
	}

	a:link { color: #cc0000; }
	a:visited { color:#aa1111; }
	a:hover { color: #ff0000; text-decoration:none }
	a:active { color: #ff0000; }

	// Swapping Arial & Helvetica to resolve spanish accent issue  - jmayberry (WSOL) Support Ticket #00037681
	/*h1 {font: 30px/48px Helvetica, Arial, sans-serif;}
	h2 {font: 18px/27px Helvetica, Arial, sans-serif;}
	h3 {font: 16px/24px Helvetica, Arial, sans-serif;}*/
	h1 {font: 30px/48px Arial, Helvetica, sans-serif;}
	h2 {font: 18px/27px Arial, Helvetica, sans-serif;}
	h3 {font: 16px/24px Arial, Helvetica, sans-serif;}

	p {margin: 1em 0;}

	.main ul, .main ol{margin:.5em 22px 1em;}
	.main ul li{list-style-type:disc;}

	.small-text{font-size:11px;}

	td {
		/*border: 1px solid #CCCCCC;*/
		padding: 4px;
	}
	th {
    font-weight: bold;
    padding: 4px;
}

/* =CUSTOM search
---------------------------------------------------------------------*/
	.ektronSearch {
		padding: 0;
		margin: 0;
	}
	.ektronSearch div.searchWrapper div.searchResultsHeader h3 {
		background:#dfdfdf;
	}
	.ektronSearch div.searchWrapper, .ektronSearch ul.searchNavigation li{border-color:#aaa;}

	.ektronSearch ul.searchNavigation li a{background:#ddd; color:#9f0000}

	.ektronSearch div.searchWrapper div.resultPreview div.resultPreviewDetails span{font-size:11px; color:#888;}

/* =Members
---------------------------------------------------------------------*/
    .login-box{width:400px; margin:30px auto 10px; padding:20px 0 30px;}
	.login-box .ui-widget-content{border:none;}
	.login-box table {margin:0 auto;}
	.login-box table td{border:0;}
	.loginInputs .label{color:#333; font-weight:bold;}

	.login-box .accountSignIn{padding:10px;}


	/* Tool bar */
		.toolbar{border-bottom:1px solid #ddd; padding:0 0 10px; margin-bottom:15px;}
		.utilityLanguage{float:left;}
		.member-nav{float:right;}

		.langSelect img{vertical-align: top;}

	/* PODS */

	.home .pod-outer {
		background: white url(/Community/members/images/bkg_boxHeader.gif) repeat-x left top;
		border: 1px solid #BBB;
	}
	.home .pod-inner {
		background: url(/Community/members/images/bkg_boxFooter.gif) repeat-x left bottom;
		padding: 15px 10px 15px 10px;
	}
			/* Pager */
			a.page_link{
				display:block; float:left; width:10px; height:10px; margin-right:6px;
				background: url("/Community/members/images/sprite_bullet.gif") no-repeat 0 -30px;
			}

			a.active_page {
				display: block; float: left; width: 10px; height: 10px; margin-right: 6px;
				background: url("/Community/members/images/sprite_bullet.gif") no-repeat 0 0px;
			}

			.previous_link{
				display:block; float:left; width:15px; height:14px; margin-right:6px;
				background: url("/Community/members/images/sprite_arrows.gif") no-repeat 0 0px;
			}

			.next_link{
				display:block; float:left; width:15px; height:14px; margin-right:6px;
				background: url("/Community/members/images/sprite_arrows.gif") no-repeat -40px 0px;
			}

			.next_link:hover {
				background: url("/Community/members/images/sprite_arrows.gif") no-repeat -40px -26px;

			}

			.previous_link:hover {
				background: url("/Community/members/images/sprite_arrows.gif") no-repeat 0 -26px;

			}

	a.avatar {
		display: block; float: left; margin-right: 15px; width: 110px;
	}
	.teaser{clear:both; margin-bottom:10px;}

	.teaser .description {
		width: 230px; float: left; font-size: 11px; line-height: 17px;
	}
	.teaser .description h4{font-size: 17px; font-style: italic; color: #D11931; margin-top:0;}

	.container1, .container2{border: solid 1px #CCC; margin: 4px 4px 10px 4px;}

	.container1 h3, .container2 h3{
		background:#dddddd;

		margin: 0 0 12px 0;
		padding:6px;
	}

	.container1 h3 .small-text, .container2 h3 .small-text, .container1 .small-text{text-transform:none;}

	.profileEdit, #CreateNewGroupLink {
		margin: 0;
		padding: 0 10px;
		display: block;
		float: right;
		font-size: 10px;
		position: relative;
		top: -33px;
	}

	.socialMenu{margin:0 0 20px 0; border-bottom:1px solid #ddd; padding:0 0 10px;}
	.socialMenu li {border-right:1px solid #ddd;}
	.socialMenu li a, .socialMenu li a:link, .socialMenu li a:visited{padding: 0 18px; line-height: 28px; color:#333; font-weight:bold;}
	.socialMenu li a:hover{color:#888;}

	.ekSocialBar {border-top: 1px solid #DDD; clear: both; padding: 5px 8px;}
	.ekSocialBar li a { color: #666; text-transform: uppercase; font-size: 11px; padding-right: 20px;}

	.messages li{padding:4px 0;}

	.EktMessageCtl .EktMessageCtl_buttons, .EktMessageCtl_buttonsSelected {padding:.2em .5em}

	/* group directory */

	.groupItem{
		margin:0 8px 8px 8px;
		border:solid 1px #ddd;
		padding:4px;
		background: #fff;
		clear: both;
	}
	.groupItem img{
		border:none;
		margin-right:10px;
		width:50px;
		float:left;
	}

	.groupTitle{float:left; color: #666;}

	.groupTitle a {
		display: block;
		margin: 6px 0;
		font-weight: bold;
		font-size: 13px;
		text-decoration: none;
	}

	.group .pager {
		text-align: right;
		padding-right: 10px;
		margin: 8px 0;
	}

	.group .pager a {
		padding: 0 12px;
		color: #777;
		text-transform: uppercase;
	}

	.note {color: #666; font-style: italic; font-size: 11px; display:block;}
	.total{font-weight:bold; display:block;}
	.profileName {display: block; font-weight: bold; font-size: 14px; margin-bottom: 12px;}
	table#GalleryLayout td, .CommunitySearchCtl_MapContainer_Selected td{border:0;}
	.remove{float:right}

	.edit ol li{list-style-type:none; padding-bottom:10px;}
	.edit label{display:block; font-weight:bold; color:#222;}
	.edit li input{width:270px}
	.edit .avatar{width:260px; padding:0 10px 0 20px; float:left; margin-right:10px}
	.edit .avatar img{margin-bottom:10px;}
	.passwordReset {
		background: #FDF8E5;
		padding: 12px;
		border: 1px solid #AAA;
		margin:10px 30px 20px 0;
	}
	.passwordReset p {font-style: italic; margin: 4px 0;color: #666;}
	.passwordReset .textbox {width: 220px;}
	input.update-profile{
		display:block; margin:20px auto; font-size:14px; width:165px; padding:5px; background:#880000; color:#fff; border:1px solid #bb0000;}
	input.update-profile:hover{background:#bb0000}
	
	/* quicklinks */ 
	

/*
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; }
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
  #horizontalNav, #content-1, #footer{display:none;}
  #container, #contentWrapper, .three-column #mainContent.column {
	width: 100%; background-color: #fff;
	margin: 0; padding: 0;
	color: #666; float: none; clear: both;
	border:none;
}
	.tabContainer div{display:block !important;}
}