/*
    Description: Skin file which you can use to customize the look and feel of your website
*/ 
 

body {
    color:#333333;
	background-color:#fff;
	font-family: 'Open Sans', Arial, Sans-Serif;
	font-size:12px;
	color:#333333;
}

/*IE Specific stuff */
.ielt7 .ArticleListing .Filters input,
.ie7 .ArticleListing .Filters input,
.ie8 .ArticleListing .Filters input
{
	display:inline !important;
	margin-left: 0px;
}

/* Header
-----------------------------------------------------------*/

.GlobalTopBar {
    background-color:#3c3c3c;
}

.GlobalTopBar ul.Links a
{
    font-family: Georgia, san-serif;
    color:#fff;
    font-size: 16px;
    text-decoration: none;
}

.GlobalTopBar ul.Links li.Selected a,
.GlobalTopBar ul.Links a:hover
{
    color:#4BC5F6;
    text-decoration: none;
}

.GlobalTopBar div.Right{
    color:#fff;
}

.GlobalTopBar a.Link
{
    background-color:#00af47;
}

.GlobalTopBar a.Link:hover{
    background-color:#2acd64;
}

.TopHeader {
   background-image: url(http://cdn.agilitycms.com/wacc-global/Layout/WACC-header-BG.jpg);
   background-repeat: no-repeat;
   background-position: top center;
}

.TopHeader a {
	color:#fff;
    text-decoration: none;
}

.TopHeader a:hover {
    text-decoration: underline;
    color: #ffff00;
}

.TopHeader .LoginLinkSep {
    color: #fff;
}

.TopHeader .HeaderTools {
    padding: 0;
    width: 810px;
    right:0px;
    position:absolute;
}

.TopHeader .HeaderTools .Links {
    float: left;
    margin-top: 10px;
    text-align: right;
    width: 500px;
}

.TopHeader .Searchbar {
    position: static;    
}

.TopHeader .HeaderTools .ShareThis {
    margin-top: 10px;
}

.TopHeader a.SiteLogoContainer {
    margin-top: 70px;
}

.TopHeader .HeaderTools a.MyAccountLink, 
.TopHeader .HeaderTools a.LoginLink, 
.TopHeader .HeaderTools a.LogoutLink {
	font-size:14px;
	font-weight:bold;
}

.TopHeader menu, .TopHeader ul.Menu { 
    background-color: #fff;
    padding: 8px 0;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 #E4E4E4,inset 0 3px 6px 0 #afaaab,inset 0 18px 58px 0 #d3d3d3;

}

/*.TopHeader menu > li:before, .TopHeader ul.Menu > li:before {
	color:#a28c8c;
	font-family:Verdana, Sans-Serif;
	font-size:17px;
	content:"|";
	vertical-align:top;
	position:relative;
	top:5px;
	left:-9px;
}*/

.TopHeader menu > li:first-child:before, .TopHeader ul.Menu > li:first-child:before {
	content:none;
}

.TopHeader menu > li > a, .TopHeader ul.Menu > li > a {
	color:#333;
	font-size:17px;
    text-transform: capitalize;
    padding: 0 5px;
}

.TopHeader menu > li > a:hover, .TopHeader ul.Menu > li > a:hover {
	color:#cccccc;
	text-decoration:none;
}

.TopHeader menu > li, .TopHeader ul.Menu > li { 
    margin: 0 0 0 30px;
    border-bottom: 3px solid #333;
    padding-bottom: 5px;
}

.TopHeader menu > li:nth-child(1), .TopHeader ul.Menu > li:nth-child(1) { 
    border-color: #ff00ff;
}

.TopHeader menu > li:nth-child(2), .TopHeader ul.Menu > li:nth-child(2) { 
    border-color: #29abe2;
}

.TopHeader menu > li:nth-child(3), .TopHeader ul.Menu > li:nth-child(3) { 
    border-color: #8d64aa;
}

.TopHeader menu > li:nth-child(4), .TopHeader ul.Menu > li:nth-child(4) { 
    border-color: #29a88f;
}

.TopHeader menu > li:nth-child(5), .TopHeader ul.Menu > li:nth-child(5) { 
    border-color: #8dc641;
}

.TopHeader menu > li:nth-child(6), .TopHeader ul.Menu > li:nth-child(6) { 
    border-color: #ff0000;
}

.TopHeader menu > li:nth-child(7), .TopHeader ul.Menu > li:nth-child(7) { 
    border-color: #f8971d;
}

.TopHeader .Submenu {
	background-color:#fff;
	border:1px solid #cacaca;
	
	-moz-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.16);
	-o-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.16);
	box-shadow:1px 1px 4px rgba(0, 0, 0, 0.16);
}

.TopHeader .Submenu a {
	color:#8dc641
}

.TopHeader .Submenu a:hover {
	background-color:#ededed;
	text-decoration:none;
}

.mobile .TopAds {
    background-color: #EAE9E4;
}




/* Main Content
-----------------------------------------------------------*/
.MainContent {
    padding: 37px 0px 0px 0px;
}

.MainContent .Backdrop {

}

/* Footer
-----------------------------------------------------------*/
.Footer {

}

.Footer .p1 {
   font-family: 'Open Sans Condensed', Arial, sans-serif; 
}

.Footer .LinksGroup{
    width: 100px;
    padding: 19px 16px;
    margin: 0 -2px;
    height: 195px;
}

.Footer .LinksGroup .Title {
	font-weight:bold;
    display: none;
}

.Footer > .Wrapper {
    padding: 0;
    text-align: left;
}

.Footer > .Wrapper > .Logo {
    padding-left:15px;
}


.Footer .LinksGroup ul li a {
	text-transform:uppercase;
    text-decoration: none;
    color: #333;
    font-family: 'Open sans condensed', Arial, sans-serif;
    font-size: 16px;  
}

.Footer .LinksGroup ul li a:hover {
	text-decoration:underline;
}


.Footer .LinksGroup.Logo {
    background-color: #e8f4d9;
}

.Footer .LinksGroup.Logo img {
    max-width: 100%;
}

.Footer .LinksGroup.LinksGroup2, .Footer .LinksGroup.LinksGroup1  {
    background-color: #dfefc9;
}

.Footer .RightColumn {
    background-color: #d6eaba;
    padding: 19px;
    margin-left: -1px;
    height: 195px;
    width: 510px;
}

.FootFooter {
	
}

.FootFooter ul li:before {
	color:#948888;
	font-family:Verdana, Sans-Serif;
	font-size:6px;
	content:"|";
}

.FootFooter ul li:first-child:before {
	content:none;
}

.FootFooter ul li a {
	font-size:14px;
    text-decoration: none;
}

.FootFooter ul li a:hover {
    text-decoration: underline;
}

.ui-bar-a .FootFooter ul li a.ui-link,
.ui-bar-a .FootFooter ul li a.ui-link:visited {
    font-size:14px;
    font-weight: normal;
}

.FootFooter .CopyrightMessage {
	color:#929292;
	font-size:11px;
}

.FootFooter .ManagedMessage {
	font-size:11px;
}



/* Elements
-----------------------------------------------------------*/
h1, h2, h3 {
	color:#333;
}


.mobile h1
{
    font-weight:bold;
    font-size:24px;
    text-transform:uppercase;
    font-family:Arial;   
}

.mobile .ArticleDetails h1 {
    margin-left: 0;
    margin-right: 0;
}

h1 {
    font-size:48px;
	letter-spacing:-1px;
    font-family: 'Open Sans Condensed', Arial, sans-serif;
    font-weight: normal;
}

h2 {
	font-size:24px;
	letter-spacing:-1px;
}


h3 {
	font-size:18px;
	font-weight:normal;
}

h4 {
    font-size:36px;
    font-family: 'Open Sans Condensed', Arial, sans-serif;
    font-weight: normal;
}

h5 {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

h6 {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

.Big {
    font-size: 36px;
    font-family: 'Open Sans Condensed', Arial, sans-serif;
    font-weight: normal;
}

a, .anchor {
	color:#8dc641;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}



.ui-body-c .ui-link,
.ui-body-c .ui-link:visited {
    color: #8dc641;
}

a.Light {
	color:#cc9999;
}

a.Link, a.Action,
input.Action, button,
.showcase-thumbnail-button-backward,
.showcase-thumbnail-button-forward {
	color:#fff;
	background-color:#8dc641;
	text-transform:uppercase;
    text-decoration: none;
}

a.Link:hover, a.Action:hover,
input.Action:hover, button:hover,
.showcase-thumbnail-button-backward:hover,
.showcase-thumbnail-button-forward:hover {
	background-color:#666;
	text-decoration:none;
}

a.Prev, a.Next,
.showcase-thumbnail-button-backward,
.showcase-thumbnail-button-forward {
	background-repeat:no-repeat;
	overflow:hidden;
	background-position:8px 7px;
}

a.Next {
	background-image:url("http://cdn.agilitycms.com/wacc-global/Layout/right-arrow.png");
}

a.Prev {
	background-image:url("http://cdn.agilitycms.com/wacc-global/Layout/left-arrow.png");
}

.showcase-thumbnail-button-forward, a.Next.Large {
	background-image:url("http://cdn.agilitycms.com/wacc-global/Layout/showcase-newer.png");
}

.showcase-thumbnail-button-backward, a.Prev.Large {
	background-image:url("http://cdn.agilitycms.com/wacc-global/Layout/showcase-older.png");
}

.showcase-thumbnail-button-backward,
.showcase-thumbnail-button-forward,
a.Prev.Large, a.Next.Large {
	background-position:10px 8px !important;
}

.showcase-caption {
	background-image: url(http://cdn.agilitycms.com/wacc-global/Layout/caption-bg-gray-50.png);
	position: absolute;
	width: 100%;
	margin: 0px;		
	bottom: 0;
	right:auto;
	color: #000;
    font-size: 34px;
    font-family: 'Arial narrow', Arial, sans-serif;
    letter-spacing:0px;
    font-weight: normal;
}

/* uncomment this for caption below the image */

/*

.showcase-caption {
	position: relative;
	bottom: auto;
	margin-top: 5px;
}
.showcase-content-container, .showcase-content-container > div
{
	height: 350px !important;
}

*/


label {
	color:#333;
}

hr {
	border:none;
	border-top:1px solid #cecbbd;
}

.RightCol > hr {
    display:none;
}


p {
	line-height:20px;
}

/* Forms and Inputs
-----------------------------------------------------------*/
form h2 {
	font-size:16px;
	color:#333;
	text-transform:none;
	letter-spacing:0px;
}

input[type=text], input[type=password], input[type=email], input[type=datetime], textarea, select {
	background-color:#f8f8f8;
	border:1px solid #ccc;
	color:#000;
	font-family:Arial, Sans-Serif;
	font-size:12px;
	-moz-box-shadow:inset 0 1px 0 #fff;
	-o-box-shadow:inset 0 1px 0 #fff;
	-webkit-box-shadow:inset 0 1px 0 #fff;
	box-shadow:inset 0 1px 0 #fff;
}

input[type=text].Highlight, input[type=password].Highlight, textarea.Highlight,
input[type=text]:focus, input[type=password]:focus, textarea:focus,
input[type=text].input-validation-error, input[type=password].input-validation-error, textarea.input-validation-error {
	border:2px solid #bcb57b;
	padding:6px 9px !important;
}

input[type=submit] {
	color:#fff;
	background-color:#8dc641;
	text-transform:uppercase;
	border:none;
}

input[type=submit]:hover {
	background-color:#666;
}

select.Highlight, select:focus, select.input-validation-error {
	border:2px solid #bcb57b;
	padding:5px 5px 5px 7px !important;
}

.Searchbar input[type=text] {
	background-image:url("http://cdn.agilitycms.com/wacc-global/Layout/custom_search_icon.png");
	background-repeat:no-repeat;
	background-position:3px 2px;
	
    padding: 12px 50px 12px 45px;
	width: 203px!important;
	-moz-border-radius:17px;
	-o-border-radius:17px;
	-webkit-border-radius:17px;
	border-radius:17px;
}

.Searchbar input[type=text]::-webkit-input-placeholder {
    color: #f8971d;
}

.Searchbar input[type=text]:-moz-input-placeholder {
     color: #f8971d;
}

.Searchbar input[type=text]:-o-input-placeholder {
     color: #f8971d;
}

.Searchbar input[type=text]:-ms-input-placeholder {
     color: #f8971d;
}

.Searchbar input[type=text]:focus {
    padding: 12px 50px 12px 45px!important;
}

.Searchbar input[type=submit] {
	position:absolute;
	top:8px;
	right:7px;
	overflow:hidden;
}

/* Widgets
-----------------------------------------------------------*/
.Contained {
	background-color:#fff;
	border:1px solid #cacaca;
}

div.Success {
	border:1px solid #e7d6af;
	background-color:#faf5c9;
	color:#27210a;
	font-size:14px;
	line-height:22px;
}

ul.Pagination li {
	font-size:14px;
}

ul.Pagination li a.Selected, ul.Pagination li a.Selected:hover {
	color:#333;
	text-decoration:none;
}

ul.SocialBar {
	font-size:12px;
	letter-spacing:normal;
	line-height:24px;
}

ul.ShowList li p {
	font-size:14px;
}

ul.Errors, ol.Errors, div.validation-summary-errors ul {
	color:#27210a;
	background-color:#faf5c9;
	border:1px solid #e7d6af;
	font-size:14px;
	line-height:22px;
}

.ProgressBar {
	background-color:#ccc;
}

.ProgressBar .Progress {
	background-color:#8dc641;
}

.ui-autocomplete.ui-widget-content {
	border:1px solid #cacaca;
	background:#f9f9f9;
}

.ui-menu {
	-moz-box-shadow:inset 0 1px 0 #fff, 1px 1px 4px rgba(0, 0, 0, 0.16);
	-o-box-shadow:inset 0 1px 0 #fff, 1px 1px 4px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow:inset 0 1px 0 #fff, 1px 1px 4px rgba(0, 0, 0, 0.16);
	box-shadow:inset 0 1px 0 #fff, 1px 1px 4px rgba(0, 0, 0, 0.16);
}

.ui-menu .ui-menu-item a {
	text-decoration:none;
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight:normal;
}

.ui-widget-content a,
.ui-widget-content a:hover {
	color:#8dc641;
}

.ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-state-focus {
	background-color:#ededed;
	color:#8dc641;
}

.ContentSlider .Slider
{
	height: auto;
	min-height: 250px;
}

.ContentSlider .Slider li a {
	font-size:14px;
}

/* Validation helpers
-----------------------------------------------------------*/
.field-validation-error {
	display:none;
}

/* Module Styles (overrides)
-----------------------------------------------------------*/
.showcase-thumbnail.active, .showcase-thumbnail:hover {
	border:4px solid #8dc641;
}





.ArticleListing .Filters {
	border:solid 1px #666;
}

.ArticleListing .Filters .Bar {
	border:solid 1px #6d6d6d;
	border-top:1px solid #616366;
	
	background-color:#666;
	
	background-image:linear-gradient(top, #6C6C6C, #606060);
	background-image:-o-linear-gradient(top, #6C6C6C, #606060);
	background-image:-moz-linear-gradient(top, #6C6C6C, #606060);
	background-image:-webkit-linear-gradient(top, #6C6C6C, #606060);
	background-image:-ms-linear-gradient(top, #6C6C6C, #606060);
}



.ArticleListingMobile .Posted
{
    margin-top:10px;
}

.ArticleListing .Filters label
{
	padding: 4px !important;
	margin-top: 6px;
	border: 2px solid transparent;		
}

.ArticleListing .Filters input:checked+label,
.ArticleListing .Filters input:hover+label
 {
	border: 2px solid #8dc641;	
	
 }

.ArticleListing .Filters input
{
	display:none;
}




.ArticleListing .Filters label, .ArticleListing .Filters input {
	color:#fff;
}

.ArticleListing .Filters span {
	color:#fff;
	font-weight:bold;
}

.ArticleListingMobile .Filters span {
	color:inherit;
	font-weight:inherit;
}

.ArticleListing ul li div.Summary.WithImage, .ArticleListing ul li div.Extra.WithImage {
    width:378px;
}

.ArticleListing ul li .Upper, .ArticleListing ul li .Comments {
	text-transform:uppercase;
}


.ArticleListing h2 a,
.ArticleListing h2 a:hover{
    color:#000000;
    text-decoration:none;
    
    letter-spacing:0;
    text-transform:none;
    font-weight:bold;
}

.ArticleListing h2 a:hover {
    text-decoration:underline;
}

.ArticleListing ul li div.Summary h2, .ArticleListing ul li div.Summary h2 a {
	font-size:14px;
	letter-spacing:0;
	text-transform:none;
	font-weight:normal;
}

.ArticleListing ul li .Ratings 
{
	line-height: 20px;
}


.ArticleDetails .Photos .PhotoDetails h2 {
	font-size:12px;
	letter-spacing:0px;
}

.ArticleDetails .Photos .PhotoDetails p {
	font-size:12px;
	line-height:20px;
}

.ArticleDetails .Photos ul.PhotosList li a:hover,
.ArticleDetails .Photos ul.PhotosList li a.selected {
	border:4px solid #8dc641 !important;
}

.ArticleDetails .RelatedArticles a {
	font-size:14px;
}

.ArticleDetails .AuthorTop {
	margin-bottom:10px;
}

.ArticleDetails .Author {
	background-color:#f6f6f5;
	border:1px solid #e3e2de;
}

.FeaturedContent ul li a.Details {
	font-weight:bold;
}

/*.PopularArticles {
	background-color:#EAE9E4;
}*/

.PopularArticles ul.Articles {
	background-color:#fff;
	border:1px solid #CACACA;
}

.BlogCategories {
	border-bottom:1px solid #cbd9b6;
}

.BlogPostListing h2 {
	font-size:16px;
	letter-spacing:0px;
}

.BlogPostData {
	text-transform:uppercase;
}

div.Comments {
	border-top:1px solid #cecbbd;
}

.Comments .AddComment h3 {
	color:#000;
	font-size:16px;
	text-transform:uppercase;
}

.Comments .AddComment .ReplyTo {
	font-weight:bold;
}

.Comments .Authenticated {
	background-color:#fff;
	border:1px solid #cacaca;
}

.Comments .LoginTabs {
	border:1px solid #cacaca;
	background-color:#ededed;
	background-image:-moz-linear-gradient(0% 0% 0deg, #ededed, #e6e6e6, #e6e6e6 140px);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#EDEDED), to(#E6E6E6), color-stop(140px, #E6E6E6));
}

.Comments .LoginTabs ul.Tabs li {
	border-top:1px solid #d9d9d9;
	line-height:56px;
}

.Comments .LoginTabs ul.Tabs li.Selected {
	background-color:#fff;
	border-bottom:1px solid #d9d9d9;
}

.Comments .LoginTabs ul.Tabs li a {
	color:#505050;
	font-weight:bold;
}

.Comments .LoginTabs .Panel {
	background-color:#fff;
	border-left:1px solid #c5c5c5;
}

.Comments .LoginTabs .Facebook.Panel h3, .Comments .LoginTabs .Twitter.Panel h3 {
	color:#333;
	font-size:16px;
}

.Comments .CommentsList {
	border-top:1px solid #cecbbd;
}

.Comments .CommentsList .CommentContainer .CommentRow .PostDetails {
	/*text-transform:uppercase;*/
}

.Comments .CommentsList .CommentContainer .CommentRow .PostedBy,
.Comments .CommentsList .CommentContainer .CommentRow .PostedDate  
{
	text-transform:none;
	font-style: italic;
}

.Comments .AddComment .ReplyTo {
	font-weight:bold;
}

.FAQ h2 {
	color:#333;
	font-size:16px;
	letter-spacing:normal;
	text-transform:none;
}

.FAQ ul {
	line-height:20px;
}

.Agility_Issues_Listing .Issue h3, .Agility_Issues_Details .Issue h3 {
	font-size:16px;
	font-weight:bold;
}

.Agility_Issues_Listing .Issue h3 a, .Agility_Issues_Details .Issue h3 a {
	color:#333;
}

.OptionalInformation {
	border-left:1px solid #d5d2c6;
}

.TwitterModule h2 {
	font-size:16px;
	color:#000;
	text-transform:uppercase;
	letter-spacing:0px;
	font-weight:normal;
}

.PollModule h2 {
	font-size:14px;
	color:#8dc641;
	text-transform:none;
}

.PollModule .Answers {
	line-height:22px;
}

.PollModule .Answers .Answered {
	font-weight:bold;
}

.FacebookPlugin iframe {
	background-color:#fff;
}


#SliderThumbs li.flex-active-slide {
    border: 4px solid #8dc641;
}

#SliderThumbs .flex-direction-nav .flex-next, #SliderThumbs .flex-direction-nav .flex-prev  {
    background-color: #8dc641;
}

.TopAds {
    display: none;
}

.showcase-caption {
    display: block;
}

#SliderThumbs .slides img { 
    width: 130px;
}

#SliderThumbs li.flex-active-slide {
    width: 122px!important;
    height: 83px!important;
}



.MainContent > .Wrapper {
    min-height:400px;
}

.MainContent .HomePageTemplate .RightCol {
    padding-top:0px;
}


.SocialLinks {
    margin-right:50px;
    margin-top:20px;
}
.SocialLinks img {
    height: 21px;
    margin-left:15px;
}

/* Make tab headers smaller to keep from stacking */
.PopularArticlesModule ul.ui-tabs-nav li a {
    font-size: 10px;
}


/* Requires Access Code */

    .ArticleListing span.RequiresAuthentication {
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    
    .ArticleListing span.RequiresAuthentication a {
        margin: 20px;
    }
    
    .ArticleListing span.RequiresAuthentication a.Access {
        
    }
    
    .ArticleListing span.RequiresAuthentication a.Subscribe {
        background-color: #29abe2;
    }
    
    .ArticleListing span.RequiresAuthentication a.Subscribe:hover {
        background-color: #666;
    }
    
    #AccessCodeForm label {
        display: block;
    }
    
    #AccessCodeForm input[type="submit"] {
        margin-top: 20px;
        display: block;
    }

    #AccessCodeForm .field-validation-error{
        display: block;
        color: red;
    }
/* End of Requires Access Code */


.AgilityFormBuilder .AgilityFormField {
    margin: 15px auto;
}

.AgilityFormBuilder .AgilityFormField input[type=text],
.AgilityFormBuilder .AgilityFormField textarea,
.AgilityFormBuilder .AgilityFormField input[type=text]:focus,
.AgilityFormBuilder .AgilityFormField textarea:focus
{
    width: 95%;
    padding: 7px 2%!important;
}



.AgilityFormBuilder .AgilityFormField label {
    font-weight: bold;
    font-size: 13px;
}

.AgilityFormBuilder .AgilityFormField input[type="submit"] {
    display: block;
    margin: 0 auto;
}

.AgilityFormBuilder .AgilityFormField.RadioGroup label{
    font-weight: normal;
    font-size: 12px;
}

.AgilityFormBuilder .AgilityFormField.RadioGroup label.RadioQuestion{
    font-weight: bold;
    font-size: 13px;
}


.AgilityFormBuilder .AgilityFormField.RadioGroup input[type="radio"] {
    float: left;
    margin-top: 6px;
}

#SliderThumbs .slides li {
    margin-right: 60px;
}


.TopHeader menu.Responsive, .TopHeader .Menu.Responsive {
    box-shadow: none;
}

.TopHeader menu.Responsive li.TopMenu, .TopHeader .Menu.Responsive li.TopMenu {
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.TopHeader menu.Responsive > li:first-child, .TopHeader ul.Menu.Responsive > li:first-child,
.TopHeader menu.Responsive > li.Clear, .TopHeader ul.Menu.Responsive > li.Clear
{
    border: none;
    box-shadow: none;
}

.TopHeader menu.Responsive > li:nth-child(3), .TopHeader ul.Menu.Responsive > li:nth-child(3) {
   border-color: #ff00ff;
}

.TopHeader menu.Responsive > li:nth-child(4), .TopHeader ul.Menu.Responsive > li:nth-child(4) {
   border-color: #29abe2;
}

.TopHeader menu.Responsive > li:nth-child(5), .TopHeader ul.Menu.Responsive > li:nth-child(5) {
   border-color: #8d64aa;
}

.TopHeader menu.Responsive > li:nth-child(6), .TopHeader ul.Menu.Responsive > li:nth-child(6) {
   border-color: #29a88f;
}

.TopHeader menu.Responsive > li:nth-child(7), .TopHeader ul.Menu.Responsive > li:nth-child(7) {
   border-color: #8dc641;
}

.TopHeader menu.Responsive > li:nth-child(8), .TopHeader ul.Menu.Responsive > li:nth-child(8) {
   border-color: #ff0000;
}

.TopHeader menu.Responsive > li:nth-child(9), .TopHeader ul.Menu.Responsive > li:nth-child(9) {
   border-color: #f8971d;
}




.TopHeader menu.Responsive > li, .TopHeader ul.Menu.Responsive > li {
    box-shadow: 0 4px 8px 0 #E4E4E4,inset 0 3px 6px 0 #afaaab,inset 0 18px 58px 0 #d3d3d3;
}

.TopHeader menu.Responsive .icon em,
.TopHeader .Menu.Responsive .icon em
{
    background: #ccc;
}

.ShareThis label {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    font-size: larger;   
}

.MainContent .LeftCol .ShareThis {
    border-bottom: 1px solid #cecbbd;   
}


/* Responsive header customization */
@media(max-width: 940px) {
    .TopHeader {
        background: #fff;
    }   
    
    .TopHeader a.SiteLogoContainer {
        margin-top: 20px;
    }
    
    .TopHeader .HeaderTools {
        padding: 0;
        width: 300px;
        width: 100%;
        margin: 0 auto;
        clear: both;
        display: block;
        float: none;
        margin-bottom: 40px;
    }
    
    .Searchbar input[type=submit] {
        top: 46px!important;
    }
    
    .TopHeader a {
        color: #8dc641;
    
    }
    
    .TopHeader .HeaderTools .Links {
        margin-bottom: 10px;
        text-align: right;
        width: 100%;
    }
    
    .Footer > .Wrapper {
        text-align: center!important;
    }
    
    .SocialLinks {
        display: none;
    }
}

@media (max-width: 748px) {
    .TopHeader a.SiteLogoContainer img {
        width: 200px;
    }
    
    .TopHeader .HeaderTools {
        margin-top: 2px;
        
    }
}

@media (max-width: 640px) {
    .TopHeader menu.Responsive, .TopHeader .Menu.Responsive {
        padding: 0;
        margin: 0;
    }  
    
    .TopHeader a.SiteLogoContainer {
        margin-bottom: 0;
    }
    
    .MainContent {
        padding: 10px 0 0 0!important;
    }
    
    .MainContent .HomePageTemplate {
        margin:0;
    }
}


@media (max-width: 540px) {
    
    .TopHeader .HeaderTools, .TopHeader a.SiteLogoContainer, .TopHeader img.SiteLogo {
        float: none;
        clear: both;
        margin: 0 auto;
        display: block;
        text-align: center;
    }
    
    .TopHeader > .Wrapper {
        padding: 10px 0 0 0;
    }

    .TopHeader .HeaderTools {
        padding-top: 10px;
        height: auto;
        position: relative;
    }

    .TopHeader .Searchbar {
        position: relative;
        margin-top: 10px;
        width: 260px;
    }
    
    
    .TopHeader a.SiteLogoContainer img {
        max-width: 420px;
        width: 100%;
    }
    
    .TopHeader .HeaderTools .Links {
        text-align: left;
        float: none;
        margin-left: 10px;
    }
    
    .TopHeader .HeaderTools a.MyAccountLink, .TopHeader .HeaderTools a.LoginLink, .TopHeader .HeaderTools a.LogoutLink {
        font-weight: normal;
    }
    
    .TopHeader .HeaderTools a.LanguageLink {
        font-weight: normal;
    }
    
    .Searchbar input[type=submit] {
        top: 8px!important;
    }
    
    .TopHeader menu.Responsive, .TopHeader .Menu.Responsive {
        margin-top: -31px;   
    }
    
    .Searchbar input[type=text] {
        width: 163px!important;   
    }
    
    

}


/* Force a max width on Latest Articles Modules images - this will change 218x144 to 140x92 */
.Slider .Img img {
    max-width: 140px;
}

.showcase-caption {
    width: 96%;
    padding: 8px 2%;
}

.RightCol {
    padding-left: 9px;
    border-left: 1px solid #cecbbd;
}

.ArticleDetails .RelatedArticles ul li, .EventDetails .RelatedEvents ul li {
   width: 218px; 
   margin: 0 97px 20px 0;
}

/* Timeline */

#timeline a {
    color: #29ABE2;
	text-decoration: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
#timeline a:hover,
#timeline a.selected {
	color: #29ABE2;
	}

#timeline h1,#timeline h2,#timeline h4,#timeline h5,#timeline h6 {
	text-align: center;
	color: #ccc;
	margin-bottom: 5px;
}
#timeline h1 {
		font-size: 18px;
	}
#timeline h2 {
		font-size: 14px;
	}


	#timeline {
		background: #FFF;
	font-family: Georgia, serif;
	color: #333;
	font-size: 16px;
		width: 920px;
		overflow: hidden;
		position: relative;
		background: url("http://cdn.agilitycms.com/wacc-global/Images/Galleries/WHO_WE_ARE/timeline/dot.gif") left 59px repeat-x;
	}
		#timeline #dates {
			width: 800px;
			height: 48px;
			overflow: hidden;
		}
			#timeline #dates li {
				list-style: none;
				float: left;
				width: 100px;
				height: 48px;
				font-size: 22px;
				text-align: center;
				background: url("http://cdn.agilitycms.com/wacc-global/Images/Galleries/WHO_WE_ARE/timeline/biggerdot.png") center bottom no-repeat;
			}
				#timeline #dates a {
					line-height: 38px;
					padding-bottom: 10px;
				}
				#timeline #dates .selected {
			        font-size: 40px;
					font-weight:bold;
				}
		
		#timeline #issues {
			width: 800px;
			height: 520px;
			overflow: hidden;
		}	
			#timeline #issues li {
				width: 890px;
				height: 550px;
				list-style: none;
				float: left;
			}
				#timeline #issues li.selected img {
					/*-webkit-transform: scale(1.1,1.1);
					-moz-transform: scale(1.1,1.1);
				    -o-transform: scale(1.1,1.1);
				    -ms-transform: scale(1.1,1.1);
				    transform: scale(1.1,1.1);*/
				}
				#timeline #issues li img {
					float: left;
					margin: 10px 30px 15px 50px;
					background: transparent;
					/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
					/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7       
					zoom: 1;
					-webkit-transition: all 2s ease-in-out;
					-moz-transition: all 2s ease-in-out;
					-o-transition: all 2s ease-in-out;
					-ms-transition: all 2s ease-in-out; 
					transition: all 2s ease-in-out;
					-webkit-transform: scale(0.7,0.7);
					-moz-transform: scale(0.7,0.7);
				    -o-transform: scale(0.7,0.7);
				    -ms-transform: scale(0.7,0.7);
				    transform: scale(0.7,0.7);*/
				}
				#timeline #issues li h1 {
					color: #29ABE2;
					font-size: 48px;
					margin: 20px 0;
				}
				#timeline #issues li p {
					font-size: 16px;
					margin-top: 5px;
                    margin-bottom:-3px;
					margin-right: 70px;
					margin-left: 50px;
					font-weight: normal;
					line-height: 22px;
				}
#timeline .fontbig {
	font-size:20px;
	font-style:italic;	
	font-weight:bold;
	color:#C07932;
}
		#timeline #grad_left,
		#timeline #grad_right {
			width: 100px;
			height: 350px;
			position: absolute;
			top: 0;
		}
		#timeline 	#grad_left {
		        left: 0;
		        background: url("http://cdn.agilitycms.com/wacc-global/Images/Galleries/WHO_WE_ARE/timeline/grad_left.png") repeat-y;
			}
			#timeline #grad_right {
		        right: 0;
		        background: url("http://cdn.agilitycms.com/wacc-global/Images/Galleries/WHO_WE_ARE/timeline/grad_right.png") repeat-y;
			}
		
		#timeline #next,
		#timeline #prev {
			position: absolute;
			top: 0;
			font-size: 70px;
			top: 170px;
			width: 22px;
			height: 38px;
			background-position: 0 0;
			background-repeat: no-repeat;
			text-indent: -9999px;
			overflow: hidden;
		}
		#timeline #next:hover,
		#timeline #prev:hover {
				background-position: 0 -76px;
			}
			#timeline #next {
				right: 0;
				background-image: url("http://cdn.agilitycms.com/wacc-global/Images/Galleries/WHO_WE_ARE/timeline/next.png");
			}
			#timeline #prev {
				left: 0;
				background-image: url("http://cdn.agilitycms.com/wacc-global/Images/Galleries/WHO_WE_ARE/timeline/prev.png");
			}
				#timeline #next.disabled,
				#timeline #prev.disabled {
					opacity: 0.2;
				}
#timeline .divisoria {
	background: url("http://cdn.agilitycms.com/wacc-global/Images/Galleries/WHO_WE_ARE/timeline/dot2.gif") left 1px repeat-x;	
	float:left;
	width:600px;
	height:5px;
	margin-left:130px;
	margin-top:30px;

}

#timeline #quote {
	float: left;
	width: 400px;
	margin-left: 150px;
	padding-top: 40px;
	color: #030303;
}