﻿
@font-face {
    font-family: 'UnlimitedProRegular';
    src: url('/UserUploadedStyles/fonts/unlimited_pro-regular-webfont.eot');
    src: url('/UserUploadedStyles/fonts/unlimited_pro-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('/UserUploadedStyles/fonts/unlimited_pro-regular-webfont.ttf') format('truetype'),
         url('/UserUploadedStyles/fonts/unlimited_pro-regular-webfont.svg#unlimited_pro_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UnlimitedSansRegular';
    src: url('/UserUploadedStyles/fonts/unlimited_sans-regular-webfont.eot');
    src: url('/UserUploadedStyles/fonts/unlimited_sans-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('/UserUploadedStyles/fonts/unlimited_sans-regular-webfont.ttf') format('truetype'),
         url('/UserUploadedStyles/fonts/unlimited_sans-regular-webfont.svg#unlimited_sans_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UnlimitedProLight';
    src: url('/UserUploadedStyles/fonts/unlimited_pro-light-webfont.eot');
    src: url('/UserUploadedStyles/fonts/unlimited_pro-light-webfont.eot?#iefix') format('embedded-opentype'),

         url('/UserUploadedStyles/fonts/unlimited_pro-light-webfont.ttf') format('truetype'),
         url('/UserUploadedStyles/fonts/unlimited_pro-light-webfont.svg#unlimited_prolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UnlimitedSansLight';
    src: url('/UserUploadedStyles/fonts/unlimited_sans-light-webfont.eot');
    src: url('/UserUploadedStyles/fonts/unlimited_sans-light-webfont.eot?#iefix') format('embedded-opentype'),

         url('/UserUploadedStyles/fonts/unlimited_sans-light-webfont.ttf') format('truetype'),
         url('/UserUploadedStyles/fonts/unlimited_sans-light-webfont.svg#unlimited_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UnlimitedProMedium';
    src: url('/UserUploadedStyles/fonts/unlimited_pro-medium-webfont.eot');
    src: url('/UserUploadedStyles/fonts/unlimited_pro-medium-webfont.eot?#iefix') format('embedded-opentype'),

         url('/UserUploadedStyles/fonts/unlimited_pro-medium-webfont.ttf') format('truetype'),
         url('/UserUploadedStyles/fonts/unlimited_pro-medium-webfont.svg#unlimited_promedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UnlimitedProBold';
    src: url('/UserUploadedStyles/fonts/unlimited_pro-bold-webfont.eot');
    src: url('/UserUploadedStyles/fonts/unlimited_pro-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('/UserUploadedStyles/fonts/unlimited_pro-bold-webfont.ttf') format('truetype'),
         url('/UserUploadedStyles/fonts/unlimited_pro-bold-webfont.svg#unlimited_probold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'fontello-old';
  src: url('/include/fonts/fontello.eot?60830123');
  src: url('/include/fonts/fontello.eot?60830123#iefix') format('embedded-opentype'),
       url('/include/fonts/fontello.woff?60830123') format('woff'),
       url('/include/fonts/fontello.ttf?60830123') format('truetype'),
       url('/include/fonts/fontello.svg?60830123#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
      font-family: 'fontello2';
      src: url('/include/fonts2/font/fontello.eot?86176244');
      src: url('/include/fonts2/font/fontello.eot?86176244#iefix') format('embedded-opentype'),
           url('/include/fonts2/font/fontello.woff?86176244') format('woff'),
           url('/include/fonts2/font/fontello.ttf?86176244') format('truetype'),
           url('/include/fonts2/font/fontello.svg?86176244#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }

@font-face {
      font-family: 'fontello3';
      src: url('/include/fonts3/font/fontello.eot?12593109');
      src: url('/include/fonts3/font/fontello.eot?12593109#iefix') format('embedded-opentype'),
           url('/include/fonts3/font/fontello.woff?12593109') format('woff'),
           url('/include/fonts3/font/fontello.ttf?12593109') format('truetype'),
           url('/include/fonts3/font/fontello.svg?12593109#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }

@font-face {
      font-family: 'fontello';
      src: url('/include/fonts4/font/fontello.eot?69151472');
      src: url('/include/fonts4/font/fontello.eot?69151472#iefix') format('embedded-opentype'),
           url('/include/fonts4/font/fontello.woff?69151472') format('woff'),
           url('/include/fonts4/font/fontello.ttf?69151472') format('truetype'),
           url('/include/fonts4/font/fontello.svg?69151472#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }




/*---------------------------------------------------------------------
base
---------------------------------------------------------------------*/

.grid img {
    filter: url('/images/useruploadedimages/11/filters.svg#grayscale'); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */
}

#home .grid .mainItem img,
.grid img:hover {
    filter: none; /* Applies to FF + IE */
    -webkit-filter: grayscale(0);
}

#home .grid .mainItem .img_grayscale {opacity: 1 !important; -moz-opacity: 1 !important; filter: alpha(opacity=1) !important;}

.grid .mainItem .img_grayscale {opacity: 1; -moz-opacity: 1; filter: alpha(opacity=1);}

.img_wrapper {margin:  0 0 2px;}

body {font:75% Arial, Helvetica, sans-serif; color:#3d3935; line-height: 150%; margin:0; padding:0;}

a {color: #3d3935; text-decoration: none;}
.main a {color: #0069D6;}
.main a:hover {color: #00438a; text-decoration: underline;}
iframe {width: 100% !important; margin: 0 0 10px;}

.container {margin: 0 auto; width: 100%; max-width: 960px; padding: 10px; clear: both;}

.accessible-heading {position:absolute; left:-9999px; margin:0; padding:0;}

.hide {display: none;}

a img {border: none; max-width: 100%;}
img {max-width: 100%;}

/*---------------------------------------------------------------------
login
---------------------------------------------------------------------*/

.login {overflow: hidden; background: #3D3935; color: #fff; text-align: right;}
.login ul {list-style: none; vertical-align: middle; margin: 0; padding: 0; display: inline-block; *display: inline; zoom: 1;}
.login ul li {    display: inline-block;  *display: inline; zoom: 1; vertical-align: middle; margin: 0 5px 0 0; padding: 0;}
.login ul.account li {}
.login ul.account li a {font-weight: bold; text-decoration: underline;}
.login a {color: #fff;}
.login ul.secondaryNav a {font-weight: bold;}

/*---------------------------------------------------------------------
header
---------------------------------------------------------------------*/

#header {overflow: visible;
margin: 20px auto;
float: left;
width: 100%;}
#header .logo {float: left;}
#header .search {float: right; width: 250px;}
#header .search .searchPanel {    background: #fafafa;
    border: 1px solid #ccc; position: relative;
    border-radius: 15px;
    padding: 8px;
    height:16px;}
#header .search label {display: none;}
#header .search input[type="text"]  { border: none;
background: none;
float: left;
width: 190px !important;
color: #666;
font-style: italic;
padding: 0 0 0 5px;}
#header .search span[id$="SearchKeywordValidator"] {color: #cc0000 !important;
font: 250%/50% Arial;}
#header .search a[id$="SearchLinkButton"] {background: url(/images/UserUploadedImages/11/arrow-go.png) no-repeat; width: 20px; height: 20px; display: block; overflow: hidden; text-indent: -9999px; float: right;}
.dynamic-results {position: absolute;
background: #fff;
width: 100%;
left: 0;
top: 40px;
border-bottom: 5px solid #333;
z-index: 999;
box-shadow: 2px 10px 10px #eee;
height: auto !important;
padding: 0 0 20px;}
.dynamic-results-inner {height: auto !important; padding: 10px;}
.dynamic-results-links {padding: 10px;}

h1, h2, h3, h4, h5, h6 {font-weight: normal;}

.main h1, .main h2, .main h3, .main h4, .main h5, .main h6 {font-weight: bold;}

.main h1{margin-bottom:18px;font-size:130%;}
.main h2{font-size:120%;}
.main h3{font-size:115%;}
.main h4{font-size:110%;}
.main h5{font-size:105%;}
.main h6{font-size:100%;color:#bfbfbf;text-transform:uppercase;}
.main h6 strong{font-weight: normal;}

/*---------------------------------------------------------------------
nav
---------------------------------------------------------------------*/
#nav {    background: #F5F4F2;
    float: left; margin: 0 0 20px;
    padding: 0 0 10px;
    width: 100%;}
#nav ul {}

#TopMenu {float: left; width: auto !important; height: auto !important;}
#nav .menu ul.horizontal {}
#nav .menu ul.horizontal > li {    display: block;
    float: left;
    margin: 0 10px 0 0;
    padding: 0;}
#nav .menu ul.horizontal > li > a {float: left;}
#nav .menu ul.horizontal > li > a > span {    border-top: 5px solid #ccc;
    display: block;
    float: left; margin: 0 0 5px;
    font: 120% Arial !important; height: auto !important;
    padding: 15px 3px !important;}
#nav .menu ul.horizontal > li > a:hover > span,
#nav .menu ul.horizontal > li > a.CMLevel1Selected > span {border-bottom: 5px solid #ccc; border-top: none; margin: 5px 0 0;}    

#nav .menu15 {float: right; list-style: none; margin: 0; padding: 0;}
#nav .menu15 > li {float: left; margin: 0 0 0 10px; padding: 0; position: relative;}
#nav .menu15 > li.last.selected > a,
#nav .menu15 > li.selected > a {padding: 10px 0 5px; border-top: none; border-bottom: 5px solid #F58400;
float: left;}

#nav .menu15 > li.first.selected > a { padding: 15px 0 10px;}

#nav .menu15 > li.last > a {padding: 5px 0 0;}
#nav .menu15 > li.last > a > span {padding: 10px 30px 10px 10px;
background: url(/images/UserUploadedImages/11/arrow-down.png) 99% 50% no-repeat;
border: 1px solid #F5F4F2;
border-bottom: none;
border-radius: 5px 5px 0 0;
min-width: 160px;}

#nav .menu15 > li.last:hover > a > span {padding: 10px 30px 10px 10px;
background: url(/images/UserUploadedImages/11/arrow-down.png) 99% 50% no-repeat #fff;
border: 1px solid #ccc;
border-bottom: none;
border-radius: 5px 5px 0 0;
min-width: 160px;}

#nav .menu15 > li > a {border-top: 5px solid #F58400;
display: block;
padding: 10px 0 0;
}

#nav .menu15 > li > a > span { 
    display: block;
    float: left; padding: 5px 10px;
    font: 120% Arial;}
#nav .menu15 > li > ul {position: absolute;
top: 45px; display: none;
margin: 0;
padding: 5px 0 10px;
background: #fff;
list-style: none;
width: 100%;
border: 1px solid #ccc;
border-top: none;
border-radius: 0 0 5px 5px;
z-index: 9;
max-width: 200px;}

#nav .menu15 > li:focus > ul,
#nav .menu15 > li:hover > ul {display: block;}
#nav .menu15 > li > ul > li {clear: both;
padding: 5px 15px;
font-size: 110%;}
#nav .menu15 > li > ul > li:hover,
#nav .menu15 > li > ul > li.selected {background: #3D3935;}
#nav .menu15 > li > ul > li:hover > a > span,
#nav .menu15 > li > ul > li.selected > a > span {color: #fff; display: block;}
#nav .menu15 > li > ul > li > ul {display: none;}

/*---------------------------------------------------------------------
breadcrumbs
---------------------------------------------------------------------*/

#breadcrumb-panel,
.skip-link {display: none;}


/*---------------------------------------------------------------------
content
---------------------------------------------------------------------*/

#content {font: 120% 'UnlimitedProRegular', Arial;  overflow: hidden; /*padding: 10px;*/ padding: 0; background: url(/images/UserUploadedImages/11/bg-sidebar.png) 100% 0px repeat-y;}

  
#content.noGreyRP {background: none;}
#content.noGreyRP .panelRight {padding: 0;  max-width: 310px; width: 33%;} 
#content.noGreyRP .main { width: 65%;}

.panelRight {float: right; background: #EBE8E5;
max-width: 260px;
width: 30%; padding: 0 0 20px;
height: 100%;}
    
.business-style .catArticle h1 {color: #41748d;}

/*---------------------------------------------------------------------
widgets
---------------------------------------------------------------------*/

.widget img {}
.widget dl,
.widget dl dd,
.widget dl dt {
margin: 0; padding: 0; clear: both;
}

/*.popularTags {background: #faf9f8;
overflow: hidden;
padding: 15px;}
.popularTags h3 {margin: 0 0 20px;
padding: 0 0 5px;
font: bold 100% Arial;
border-bottom: 5px solid #333;}
.popularTags ol {list-style:  none; margin: 0; padding: 0;}
.popularTags ol li {float: left;
padding: 0;
position: relative;}
.popularTags ol li a span.cat .refinewidgetLinkText {background: #fff;
border: 1px solid #ccc;
border-radius: 10px;
padding: 5px 7px;
margin: 0 5px 10px 0;
display: block;
font: 85% Arial;}
.popularTags ol li a span.cat .refinewidgetRemove {width: 20px;
float: left;
border: 1px solid red;
position: absolute;
right: 0;
top: 0;
background: red;}*/

/*---------------------------------------------------------------------
footer
---------------------------------------------------------------------*/

#footer {background: #3D3935;
color: #fff;
float: left; padding: 20px 0 30px;
width: 100%;}
#footer ul {margin: 0; padding: 0;}
#footer ul li {list-style: none; margin: 0; padding: 0;}
#footer h2 {font: bold 120% Arial;
border-bottom: 1px solid #666;
padding: 0 0 10px;}
#footer a {color: #fff;}
#footer .col {display: inline-block;
width: 25%; vertical-align: top;
margin: 0 0 0 28px;}

#footer .col.one {margin: 0;
width: 15%; text-align: center;
max-width: 150px;}
#footer .col.one h2 {text-align: center;}
#footer .col.one img {margin: 0 2px;}

#footer .col.two {width: 20%;}
#footer .col.two  ul li {display: inline-block;
width: 45%;
margin: 0 5px 0 0;}


#footer .col.three {width: 20%;}

#footer .col.four {width: 35%;
border: none;
vertical-align: bottom;
}
#footer .col.four img {float: left;}
#footer .col.four .austrade-gov-link img {padding: 0 40px 0 0;
border-right: 1px solid #999;
margin: 0 40px 0 0;}


#copyright {     clear: both;
    font-size: 95%;
    overflow: hidden;
    padding: 0 0 10px;}
#copyright ul {float: left; list-style: none; margin: 0; padding: 0;}
#copyright ul li {border-left: 1px solid #CCCCCC;
    float: left;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;}
#copyright ul li:first-child {border: none;}
#copyright p {float: right;    margin: 0;}

/*---------------------------------------------------------------------
home
---------------------------------------------------------------------*/ 

#home {}
#home h1 {display: none;}
#home .panelRight {}

#home .grid {}
#home .grid .mainItem {/*border-bottom: 20px solid #F5F4F2;margin: 0 0 20px 5px;*/
width: 99%; margin: 0 0 0 5px; max-width: none;
}
#home .grid#Widget2194 .mainItem > a {border: none; width: auto;}
#home .grid .mainItem img {float: right; filter: none; 
max-width: 450px;
height: auto;
border: none;}
#home .grid .subItem:nth-child(3n+4) {clear: left;} 
#home .grid .mainItem canvas {display: none !important;} 
#home .grid .mainItem > a {float: right;}
#home .grid .mainItem dl {float: left; width: 31%; clear: none;
margin: 0 10px 0 0;}
#home .grid .mainItemHeading {border-bottom: 5px solid;
display: block;
padding: 0 0 20px;
margin: 0 0 20px;}
#home .main {font: 100% 'UnlimitedProRegular';}


.columnsTwo .main {width: 75%;
max-width: 685px;
float: left; margin: 0 0 50px;
font: 90%/150% Arial;}
.columnsTwo .main h1 {    font: 200%/120% 'UnlimitedProBold';
    margin: 0 0 20px;
    padding: 0;
    text-transform: uppercase;}

.columnsTwo .main h2 {font-family: "UnlimitedProMedium";
font-size: 150%;}

.columnsTwo .main h3 {font-family: "UnlimitedProMedium";
font-size: 140%;}

/*#home .grid .allsubItems {clear: both; border-top: 20px solid #F5F4F2; overflow: hidden;}
#home .grid .subItem {width: 215px; float: left; margin: 0 10px 0 0;}
#home .grid .subItem img {width: 215px; height: 100px; border-bottom: 5px solid #3D3935;}
#home .cat .refinewidget {clear: both;}*/

/*#home .widgetItems {}

#home .widgetItems .item:first-child {border-bottom: 20px solid #F5F4F2;
width: 99%;
margin: 0 0 20px 5px;}
#home .widgetItems .item:first-child canvas {display: none !important;}
#home .widgetItems .item:first-child h2 a {border-bottom: 5px solid;
display: block;
padding: 0 0 20px;
margin: 0 0 20px;}
#home .widgetItems .item:first-child img {float: right;
max-width: 450px;
height: 340px;
border: none;
width: 67%;
margin: 0 0 0 10px;}
#home .widgetItems .item:first-child+div {clear: left;}
#home .widgetItems .item em {display: none;}
#home .widgetItems .item:first-child blockquote {float: left; width: 30%;
margin: 0 10px 0 0;}*/


/*---------------------------------------------------------------------
category > archives
---------------------------------------------------------------------*/ 

.archives .main {width: 75%; max-width: 685px; float: left;}


/*---------------------------------------------------------------------
category > landing
---------------------------------------------------------------------*/ 

.landing {}
.landing .main {width: 75%; max-width: 685px; float: left;}
.landing h1,
.archives h1 {text-transform: uppercase; overflow: hidden;
padding: 5px 10px; font-weight: normal;
background: #F5F4F2;
margin: 0 0 20px;
font-size: 150%;
font-family: 'UnlimitedProMedium';}

.title {background: #F5F4F2;
overflow: hidden;
margin: 0 0 10px;}
.title h1 {width: 73%; margin: 0; float: left;}
/*.title ol {float: right; margin: 10px 10px 10px 0;}
.title ol li {   
    cursor: pointer;
    float: left;
    margin: 0 0 0 -1px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 30px;
border: 1px solid #ccc;
background: #eee;}
.title ol li.active {background: #666;}*/

#home .switcher {width: 245px;
float: right;}
.switcher span {text-align: right;
float: left; display: none;
margin: 15px 0 0;}
#home .switcher span {display: block;}
.title ol {
float: right;
margin: 10px 10px 10px 0;
width: 135px;
background: url(/images/UserUploadedImages/11/sprite-layout-switcher.png) no-repeat;
padding: 0;
height: 30px;
border-radius: 10px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;}
.title ol li {cursor: pointer;
float: left;
margin: 0 0 0 -1px;
overflow: hidden;
padding: 0; height: 30px;
text-indent: -9999px;
width: 45px;}

.title ol.layout1 {background-position: 0 -30px;}
.title ol.layout2 {background-position: 0 -60px;}
.title ol.layout3 {background-position: 0 -90px;}

/*---------------------------------------------------------------------
category > article
---------------------------------------------------------------------*/ 

.catArticle {    border-left: 5px solid #F5F5F5;
    overflow: hidden;}
.catArticle h1 {    font: 170%/120% 'UnlimitedProBold',Arial;
    margin: 0 0 30px;
    padding: 0;
    text-transform: uppercase;}
.catArticle .panelLeft {   float: left;
    max-width: 200px; margin: 0 10px 0 0;
    padding: 10px;
    width: 25%;}
.catArticle .panelLeft blockquote {margin: 0; padding: 20px 0; border-top: 5px solid; border-bottom: 1px solid; border-color:  #ccc;}
.catArticle .panelLeft p {margin: 5px 0;
font: 85% arial;}
.catArticle .panelLeft p em {color: #666;}
.catArticle .panelLeft p em strong {font-weight: normal; color: #000}
.catArticle .panelLeft p strong {font-style: italic; }
.catArticle .panelLeft h6 {margin: 0;
font: bold 100% Arial;
padding: 0;}
.catArticle .main {      float: left;
    margin: 0 0 20px;
    max-width: 450px;
    width: 50%; }
.catArticle .panelRight {}  
.catArticle .media {margin: 0 0 10px;}
.catArticle .media #cycle-1 > img {display: none; position: absolute;} 
.catArticle .media img:first-child {/*display: block;*/}
.catArticle .media img.active {display: block; position: relative;}

.catArticle .media img[alt] {}

.catArticle .media img:after {
   content: attr(title);
}
.catArticle .thumbs {overflow: hidden;}
.catArticle .thumbs img {float: left; margin: 0 1px 2px 0;}
.catArticle .thumbs p {position: absolute; display: none;
bottom: 0;}
.thumbs br {display: none;}


/*---------------------------------------------------------------------
category styles
---------------------------------------------------------------------*/ 

/*#41748d*/
.business-style {}
.business-style h1,
.widgetItems .item.business-style h2 a,
.grid .business-style:hover dt a span,
.business-style .grid div:hover > dl dt a span,
#home .grid .business-style .mainItemHeading,
.futureChasers .business-style > a {color: #41748d;}

#nav .menu ul.horizontal > li > a[id$="m0"] > span,
.widgetItems .item.business-style img,
.widgetItems .item.business-style div > a,
.business-style .catArticle .panelLeft blockquote,
.widgetItems .item.business-style h2 a,
.widgetItems .item.business-style img,
.grid .business-style img,
.business-style .grid div:hover img,
#home .grid .business-style img,
 .grid .business-style > a  {border-color: #41748d;}

/*#733b54*/
.culture-style {}
.culture-style h1,
.widgetItems .item.culture-style h2 a,
.grid .culture-style:hover dt a span,
.culture-style .grid div:hover > dl dt a span,
#home .grid .culture-style .mainItemHeading,
.futureChasers .culture-style > a {color: #733b54;}

#nav .menu ul.horizontal > li > a[id$="m1"] > span,
.widgetItems .item.culture-style img,
.widgetItems .item.culture-style div > a,
.culture-style .catArticle .panelLeft blockquote,
.widgetItems .item.culture-style h2 a,
.widgetItems .item.culture-style img,
.grid .culture-style img,
.culture-style .grid div:hover img,
.grid .culture-style > a {border-color: #733b54;}

/*#ca4700*/
.design-style {}
.design-style h1,
.widgetItems .item.design-style h2 a,
.grid .design-style:hover dt a span,
.design-style .grid div:hover > dl dt a span,
#home .grid .design-style .mainItemHeading,
.futureChasers .design-style > a {color: #ca4700;}

#nav .menu ul.horizontal > li > a[id$="m2"] > span,
.widgetItems .item.design-style img,
.widgetItems .item.design-style div > a,
.design-style .catArticle .panelLeft blockquote,
.widgetItems .item.design-style h2 a,
.widgetItems .item.design-style img,
.grid .design-style img,
.design-style .grid div:hover img,
.grid .design-style > a {border-color: #ca4700;}

/*#57805a*/

.environment-style {}
.environment-style h1,
.widgetItems .item.environment-style h2 a,
.grid .environment-style:hover dt a span,
.environment-style .grid div:hover > dl dt a span,
#home .grid .environment-style .mainItemHeading,
.futureChasers .environment-style > a   {color: #57805a;}

#nav .menu ul.horizontal > li > a[id$="m3"] > span,
.widgetItems .item.environment-style img,
.widgetItems .item.environment-style div > a,
.environment-style .catArticle .panelLeft blockquote,
.widgetItems .item.environment-style h2 a,
.widgetItems .item.environment-style img,
.grid .environment-style img,
.environment-style .grid div:hover img,
.grid .environment-style > a {border-color: #57805a;}

/*#cc3333*/

.food-style {}
.food-style h1,
.widgetItems .item.food-style h2 a,
.grid .food-style:hover dt a span,
.food-style .grid div:hover > dl dt a span,
#home .grid .food-style .mainItemHeading,
.futureChasers .food-style > a  {color: #cc3333;}

#nav .menu ul.horizontal > li > a[id$="m4"] > span,
.widgetItems .item.food-style img,
.widgetItems .item.food-style div > a,
.food-style .catArticle .panelLeft blockquote,
.widgetItems .item.food-style h2 a,
.widgetItems .item.food-style img,
.grid .food-style img,
.food-style .grid div:hover img,
.grid .food-style > a   {border-color: #cc3333;}

/*#008383*/

.science-style {}
.science-style h1,
.widgetItems .item.science-style h2 a,
.grid .science-style:hover dt a span,
.science-style .grid div:hover > dl dt a span,
#home .grid .science-style .mainItemHeading,
.futureChasers .science-style > a     {color: #008383;}

#nav .menu ul.horizontal > li > a[id$="m5"] > span,
.widgetItems .item.science-style img,
.widgetItems .item.science-style div > a,
.science-style .catArticle .panelLeft blockquote,
.widgetItems .item.science-style h2 a,
.widgetItems .item.science-style img,
.grid .science-style img,
.science-style .grid div:hover img,
.grid .science-style > a  {border-color: #008383;}


/*#8f1a1e*/

.society-style {}
.society-style h1,
.widgetItems .item.society-style h2 a,
.grid .society-style:hover dt a span,
.society-style .grid div:hover > dl dt a span,
#home .grid .society-style .mainItemHeading,
.futureChasers .society-style > a {color: #8f1a1e;}

#nav .menu ul.horizontal > li > a[id$="m6"] > span,
.widgetItems .item.society-style img,
.widgetItems .item.society-style div > a,
.society-style .catArticle .panelLeft blockquote,
.widgetItems .item.society-style h2 a,
.widgetItems .item.society-style img,
.grid .society-style img,
.society-style .grid div:hover img,
.grid .society-style > a  {border-color: #8f1a1e;}

/*#6d7b00*/

.technology-style {}
.technology-style h1,
.widgetItems .item.technology-style h2 a,
.grid .technology-style:hover dt a span,
.technology-style  .grid div:hover dt a span,
#home .grid .technology-style .mainItemHeading,
.futureChasers .technology-style > a  {color: #6d7b00;}

#nav .menu ul.horizontal > li > a[id$="m7"] > span,
.widgetItems .item.technology-style img,
.widgetItems .item.technology-style div > a,
.technology-style .catArticle .panelLeft blockquote,
.widgetItems .item.technology-style h2 a,
.widgetItems .item.technology-style img,
.grid .technology-style img,
.technology-style .grid div:hover img,
.grid .technology-style > a   {border-color: #6d7b00;}


/*---------------------------------------------------------------------
widget - grid
---------------------------------------------------------------------*/ 

.widgetItems .item {display: inline-block; *display: inline; zoom: 1;
width: 215px; overflow: hidden;
margin: 0 5px 10px;
padding: 0 0 20px;
vertical-align: top;}
.widgetItems .item h2 {margin: 0; padding: 0;}
.widgetItems .item h2 a {text-transform: uppercase;
font: 110%/120% 'UnlimitedProBold', Arial;}
.widgetItems .item img {width: 100%;
height: 165px;
border-bottom: 5px solid #333;
padding: 0 0 1px;}
.widgetItems .item blockquote {margin: 10px auto;
padding: 0;
width: 90%;}
.widgetItems .item blockquote em {display: none;}

/*---------------------------------------------------------------------
widget - category archives
---------------------------------------------------------------------*/ 
.refineSearch a {cursor: pointer;}
.refineSearch input {    height: 20px;}
.refineSearch .RefineWidgetRemove {    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/images/UserUploadedImages/11/icon-cross-black.png) 0 7px no-repeat;
    margin: 0 0 0 -20px;
    overflow: hidden;
    text-indent: -9999px;
    padding: 0 5px 0 0;}

.columnsTwo.archives {}
.columnsTwo.archives .main h1  {    border: none;
    font: 170% 'UnlimitedProMedium',arial;
    margin: 0;
    padding: 5px 10px;
    text-transform: uppercase;}
.columnsTwo.archives .main h1.refined {    text-indent: -9999px;}
.columnsTwo.archives .main h1.refined span {float: left; margin: 0 5px 0 0; text-indent: 0;}
.columnsTwo.archives .main h1.refined span:before,
h1.refined .RefineSelected:before {content: "+ ";
font-family: 'UnlimitedProRegular'; margin: 0 0 0 5px;}
.columnsTwo.archives .main h1.refined span:first-child:before {content: "";}

.columnsTwo.archives .main { font: 100% 'UnlimitedProRegular',Arial;}

.grid {}
.grid h2,
.grid br {display: none;}

.grid .allsubItems {display: inline;}

.grid .mainItem,
.grid .subItem {display: inline-block; *display: inline; zoom: 1; position: relative;
max-width: 215px; overflow: hidden;
width: 31%; margin: 0 5px 10px 6px;
padding: 0 0 20px;
vertical-align: top;}
.grid dt a span {color: #3D3935; margin: 0 0 5px; padding: 0; text-transform: uppercase;
font: 170%/120% 'UnlimitedProBold', Arial;
display: block;}
.grid dt a:hover {text-decoration: none;}


.grid .mainItem a.hidden, 
.grid .subItem a.hidden {height: 0; opacity: 0; -moz-opacity: 0;
filter: alpha(opacity=0);}

.grid div > a  {margin: 0 0 10px; border-bottom: 5px solid #333; float: left; width: 100%;}

.grid img {width: 100%;
height: 165px; 
padding: 0 0 2px;}

.widget.grid dl {margin: 10px auto;
padding: 0;
width: 90%;}


.grid dd a span {display: none;}
.grid dt > span {}
.grid dt > span:first-child {display: none;}
.grid dt > span:first-child > span + a {}
.grid dt .mainItemTaxonBelowHeading,
.grid dt .subItemTaxonBelowHeading {position: absolute;
top: 0; left: 0; display: none;
padding: 5px; font: 75% Arial; color: #999;
background: #EBE8E5;}
.grid .mainItem:hover dt .mainItemTaxonBelowHeading,
.grid .subItem:hover  dt .subItemTaxonBelowHeading {display: block;}
.grid dt .mainItemTaxonBelowHeading a,
.grid dt .subItemTaxonBelowHeading a {color: #333;}
.archives dl {margin: 10px auto;
padding: 0;
width: 90%;}

.widgetPageLinks {clear: both;
font: 100% Arial;
overflow: hidden;
margin: 20px 10px;}
.widgetPageLinks h3 {display: none;}
.grid .widgetPageLinks a {width: auto; border: none;}
.widgetPageLinks a span { background: #eee; border: 1px solid #ccc;     color: #3D3935;
    float: left; border-right: none;
    font-size: 105%;
    padding: 5px;
    text-align: center;
    width: 15px;}
.widgetPageLinks a:hover span,
.widgetPageLinks a span.resultPageNumberSelected {color: #fff; background: #666; font-weight: bold;}
.widgetPageLinks a span.resultPageNext {background: #f4f4f4 url(/images/UserUploadedImages/11/arrow-go.png) 50% no-repeat;
border: 1px solid #ccc;
padding: 5px; width: 20px;
text-indent: -9999px;
overflow: hidden;
border-radius: 0 5px 5px 0;
}
.widgetPageLinks a span.resultPagePrevious {
    background: #f4f4f4 url(/images/UserUploadedImages/11/arrow-back.png) 50% no-repeat;
border: 1px solid #ccc; border-right: none;
padding: 5px; width: 20px;
text-indent: -9999px;
overflow: hidden;
border-radius: 5px 0 0 5px;
}



.recreadinglist-widget,
.cat .refinewidget,
.popularTags  {background: #faf9f8; padding: 20px 10px; overflow: hidden;}

.recreadinglist-widget a { font: 90% arial; margin: 4px 0; display:block; padding: 0 0 0 25px; background: url(/images/UserUploadedImages/11/icon_recreading.png) 8px 3px no-repeat;}

.cat .refinewidget h2,
.cat .refinewidget h3,
.popularTags h2  {margin: 0 0 10px;
padding: 0 0 5px;
font: 100% Arial;
clear: both;
border-bottom: 5px solid #333;}

#RefineWidget2201 {position: relative;}
#RefineWidget2201 input {
    background: #fafafa;
    border: 1px solid #ccc; position: relative;
    border-radius: 15px;
    padding: 8px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
  }

a#Search_Refine2201_SearchLinkButton {background: url(/images/UserUploadedImages/11/arrow-go.png) no-repeat; width: 20px; height: 20px; display: block; overflow: hidden; text-indent: -9999px; float: right;position: absolute;top: 65px;right: 10px;cursor: pointer;}


.popularTags h2 {font-weight: bold;}
.popularTags ol li:hover {background: #eee; text-decoration: underline;}

.refineTags {position: relative;}
.refineTags > a {    clear: both;
    color: #666666;
    cursor: pointer;
    font: 90% Arial;
    position: absolute;
    right: 20px;
    top: 20px;}

.reset {display: none;}
.reset,
.viewAll {background: #faf9f8; padding: 20px; background: #faf9f8;}
.reset h2,
.viewAll h2 {margin: 0 0 10px;
padding: 5px 0 5px;
font: 90% Arial;
clear: both;
border-top: none;
border-bottom: 1px solid #666;}
.viewAll h2 a {font-weight: bold; background: url(/images/UserUploadedImages/11/arrow-go.png) 0 50% no-repeat;
padding: 0 0 0 12px;
background-size: 8px;} 
.reset h2 a {font-weight: bold; background: url(/images/UserUploadedImages/11/icon-cross-black.png) 0 50% no-repeat;
padding: 0 0 0 15px;
background-size: 10px;}

.cat .refinewidget h2 span,
.popularTags h2 span,{font-weight: bold;}
.cat .refinewidget ol,
.popularTags ol {list-style: none; margin: 0; padding: 0;}
.cat .refinewidget ol li,
.popularTags ol li  {position: relative; background: #fff;
border: 1px solid #ccc;
border-radius: 10px;
padding: 5px 10px;
margin: 0 5px 10px 0;
float: left;
font: 83% Arial;}
.cat .refinewidget ol li.selected,
.popularTags ol li.selected {background: #eee;
border-bottom: 1px solid #666;
border-top: 1px solid #fff;}
.cat .refinewidget ol li a {}
.cat .refinewidget ol li a span.RefineSelected,
.popularTags ol li a span.RefineSelected {font-weight: bold;
display: inline-block;
max-width: 89%;
vertical-align: top;}
.cat .refinewidget ol li a span.RefineWidgetRemove,
.popularTags ol li a span.RefineWidgetRemove {width: 13px;
display: inline-block;
height: 13px;
margin: 2px 0 0 5px;
background: url(/images/UserUploadedImages/11/icon-cross-black.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
vertical-align: top;}

.cat .refinewidget.refineDate > ol > li {background: none; border: none; font: 100% Arial;
margin: 0;
padding: 0;} 
.cat .refinewidget.refineDate > ol > li > a {display: none;}
.cat .refinewidget.refineDate ol ol li {}


/*---------------------------------------------------------------------
layout2
---------------------------------------------------------------------*/ 

#layout2 dd {/*display: none;*/}
#layout2 .mainItem, #layout2 .subItem {padding: 0;}
#layout2 dl {margin: 0;}
#layout2 img {margin: 0;}
#layout2 dt a span {
margin: 0;
opacity: 0.8; -moz-opacity: 0.8;
filter: alpha(opacity=80);
text-transform: none;
font: 90% Arial;
display: block;
background: #333;
position: absolute;
color: #fff;
bottom: 16px;
width: 100%;
padding: 5px 10px;
border: none;
max-width: 195px;}
#layout2 .mainItem > a {}
#layout2 .mainItem dt a span {bottom: 11px;}

/*---------------------------------------------------------------------
layout3
---------------------------------------------------------------------*/ 

#layout3 > a  .gsWrapper {display: none !important;*/}
#layout3 dl {/*border-top: 5px solid #333; padding: 10px;*/}
#layout3 div > a {display: block !important;}
#layout3 .img_wrapper {display: none !important;}

#cycle-1 {z-index: 2; overflow: hidden;}
#cycle-1 div { width:100%; }
#cycle-2 .cycle-slide { border:3px solid #fff; }
#cycle-2 .cycle-slide-active { border:3px solid #004; }

.media,.thumbs { max-width: 600px; margin: auto }
.thumbs { margin-top: 10px }
.thumbs img {}
.cycle-slideshow img { width: 100%; height: auto; display: block; }
.catArticle .thumbs img {width: 74px !important;
height: 55px !important;
cursor: pointer;
position: relative !important;
left: auto !important;
opacity: 0.5 !important;
-moz-opacity: 0.5 !important;
filter: alpha(opacity=50) !important;
visibility: visible !important;}
.catArticle .thumbs .cycle-slide-active {opacity:  1 !important; -moz-opacity: 1 !important;
filter: alpha(opacity=100) !important;}
.catArticle .thumbs .cycle-sentinel {display: none !important;} 
.catArticle .thumbs p {position: absolute;
bottom: 0;
margin: 0;
padding: 0;
} 

.catArticle .media {position: relative;}
.media p.controls {position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 9;
height: 90%;
margin: 0;
padding: 0;
text-indent: -99999px;
}

.media p.controls a {
width: 45%; cursor: pointer;
height: 100%;}
.cycle-prev {float: left;}
.cycle-next {float: right;}

.media span {float: right;}
.media:hover span {display: block;}

.articleContent {   color: #222;
    font: 90%/150% Arial;
    margin: 20px 0;}

#caption {}
#caption p {background: #000;
bottom: 0;
position: absolute;
z-index: 3;
border: 10px solid #000;
color: #ccc;
font: bold 80%/140% Arial;
opacity: 0.9; -moz-opacity: 0.9;
filter: alpha(opacity=90); margin: 0; padding: 0;}
#caption p:empty {display: none;}
#caption strong {position: absolute;
top: 0;
right: 2px; display: none;
background: #000;
z-index: 3;
padding: 5px;
color: #fff;
font: 80% Arial;}
.media:hover #caption strong {display: block;}

.chaser #caption p {display:none;}


.appliedTags {font: 80% Arial; display: inline;}
.taxon-output {font: 80%/150% Arial; display: inline;
margin: 0;
padding: 0;}
.taxon-output li {list-style: none; margin: 0; padding: 0; display: inline;}
.taxon-output li a {font-weight: bold;
border-left: 1px solid #ccc;
padding: 0 0 0 5px;}


/*---columns---*/
hr {clear: both; height: 0; border: 1px solid #fff; background: #fff;}
.col { 
    /*display: table-cell;*/
    height: 100%; float: left;
    vertical-align: top; zoom: 1; *display: inline;}
.col.first {margin: 0;}    
.third {  margin: 0 0 0 15px;
    max-width: 310px;
    width: 32.1%;}
.third h2 {margin: 0; padding: 20px; }
.third h3 a {    color: #333333;
    display: block;
    font-size: 105%;
    font-weight: normal;
    padding: 10px 20px 0;}
.third p {padding: 10px 20px;}
.third a {color: #DB7500;
font-weight: bold;}

a.btnRound { 
       background: url("/images/UserUploadedImages/11/arrow-go.png") no-repeat 97% 50% #FAFAFA;
    border: 1px solid #CCCCCC;
    border-radius: 15px;
    color: #333333;
    display: block;
    font: 100% Arial;
    margin: 20px 0 0;
    max-width: 220px;
    padding: 8px 20px 8px 15px;}

.third .grey { min-height: 600px;}
.grey {background: #EBE8E5; }
.grey .img {text-align: center; border: 1px solid #ccc;}
.grey p { padding: 10px 20px; font: 100%/160% Arial;}
.grey h2 {border-bottom: 5px solid #FFAB00; margin: 0; padding: 20px; }

.third .orange {  min-height: 400px;} 
.orange {background: #FFAB00;}
.orange h2 {   padding: 10px 20px; margin: 0; border-bottom: 5px solid #FFFFFF;
    color: #000000;
    font-size: 165%;
    font-family: 'UnlimitedProMedium';}
.orange p {padding: 10px 20px; font: 100%/150% Arial;}
.orange ul {list-style: none; padding: 20px; margin: 0;}
.orange ul li a {    color: #333333;
    font: 130%/150% Arial;}

.brandAus {}
.brandAus .panelRight {background: #FAF9F8;}
.brandAus .panelRight .categories {display: none;}
.brandAus .panelRight .refinewidget h2 {    color: #F58400;
    font: bold 125% Arial;
    padding: 0 20px;}
.brandAus .panelRight .refinewidget ol {list-style: none; margin: 0 20px; padding: 0;}
.brandAus .panelRight .refinewidget ol li {}
.brandAus .panelRight .refinewidget ol li span {  border-top: 1px solid #ccc;  display: block;
    font: 100% Arial;
    padding: 8px 0;}
.brandAus .panelRight .refineDate  {margin: 20px 0;}
.brandAus .panelRight .refineDate > ol > li > a > span {display: none;}
.brandAus .panelRight .refineDate > ol {margin: 0;}

.brandAus .panelRight .popularTags h2 {    border-bottom: 5px solid #333333;
    clear: both;
    color: #333333;
    font: bold 100% Arial;
    margin: 0 0 10px;
    padding: 0 0 5px;}
.brandAus .panelRight .popularTags ol  li span {border: none; padding: 0;}
.brandAus .panelRight .popularTags ol {margin: 0;}

.inAction #LeftMenu {
    overflow: hidden;}
.inAction #LeftMenu ul {list-style: none;  margin: 10px 20px;padding: 0;}
.inAction #LeftMenu ul li {margin: 0; padding: 0;}
.inAction #LeftMenu ul li a {    border-top: 1px solid #CCCCCC;
    clear: both;
    display: block;
    float: left;
    height: auto;
    padding: 10px 0;
    width: 100%;}
.inAction #LeftMenu ul li a span {    display: block;
    float: left;}
.inAction #LeftMenu ul li a span span {    color: #333333;
    display: block;
    float: left;
    font: 150% Arial;}

.inAction .main .heading {     border-bottom: 5px solid #F58400;
    margin: 20px 0; padding: 0 0 10px;
    overflow: hidden;}

.forms .main h1,
.brandAus .main h1,
.inAction .main h1 {     border-bottom: 1px solid #CDCDCD;
font-family: 'UnlimitedProLight';
font-size: 250%; background: none;
margin-bottom: 10px;
padding-bottom: 20px;
text-transform: none;
font-weight: normal;}
.inAction .main h2 {  clear: both;
    color: #F58400;
    float: left;
    font: 190%/130% 'UnlimitedProMedium',Arial;
    margin: 0;
    padding: 0 0 20px; }
.inAction .main h3 {clear: both; font: bold 110% Arial;}

.inAction .main .viewAll {background: none;     border-top: 1px solid #CCCCCC;
    margin: 50px 0 20px;
    padding: 20px 0;}
.inAction .main .viewAll h2 {   border: none; font-size: 150%;
    margin: 0;
    padding: 0;}
.inAction .main .viewAll h2 a {color: #3D3935; font-family: 'UnlimitedProBold'; font-weight: normal;}

.inAction .articleThumb {position: relative;}
.inAction .articleThumb:hover p {display: block;}
.inAction .articleThumb p {  margin: 0;  background: #EBE8E5;
    color: #999999;
    font: 85% Arial;
    left: 0; display: none;
    padding: 5px;
    position: absolute;
    top: 0;}

.inAction .articleThumb p em {color: #999999;
    font: 100% Arial;}
.inAction .articleThumb p strong {    color: #333333;
    font-weight: normal;}


.inAction .secondaryImg {overflow: hidden; clear: both; margin: 10px 0;}
.inAction .secondaryImg img {height: 185px; max-width: 290px; float: left; margin: 10px 10px 0 0;}
.inAction .secondaryImg iframe {max-width: 590px; margin: 10px 0;}


.brandArticles {}
.brandArticles .mainItem,
.brandArticles .subItem { position: relative;   border-bottom: 1px solid #CCCCCC;
    clear: both;
    overflow: hidden;
    padding: 20px 0;}
.brandArticles .mainItem > a,
.brandArticles .subItem > a {float:left; margin: 0 10px 0 0;
    max-width: 310px;} 
 .brandArticles img {max-width: 100%; margin: 0 0 10px;}   
.brandArticles .mainItem > a > span,
.brandArticles .subItem > a > span {    border-bottom: 5px solid #F58400;
    color: #F58400;
    float: left;
    font: 190%/120% 'UnlimitedProMedium',Arial;
    margin: 0 0 15px;
    padding: 0 0 10px; clear: left;}
.brandArticles .mainItem > dl,
.brandArticles .subItem > dl {    clear: none;
    float: right;
    width: 48%;}

.brandArticles dt br,
.brandArticles dd > a > span {display: none;}
.brandArticles dt > span {    background: #EBE8E5;
    color: #999999;
opacity: 0; -moz-opacity: 0;
filter: alpha(opacity=0);
    font: 85% Arial;
    left: 0; margin: 0;
     padding: 5px;
    position: absolute;
    top: 20px;}
.brandArticles dt > span a {color: #666;}
.brandArticles div:hover > dl > dt > span { opacity: 1; -moz-opacity: 1;
filter: alpha(opacity=100); } 

.brandArticles dt a span {    border-bottom: 5px solid #F58400;
    color: #F58400;
    float: left;
    font: bold 180% 'UnlimitedProRegular',Arial;
    margin: 0 0 15px;
    padding: 0 0 10px;}


 /*forms*/

 .clsFormCreator {background: #F5F5F5; padding: 20px;}
 .clsFormCreator > h2,
 .clsFormCreator fieldset legend  {display: none;}
  .clsFormCreator fieldset {border: none;    margin: 0;
    padding: 0;}
.columnsTwo .main .clsFormCreator fieldset h2 {
    font-size: 190%;
}
/*----------------------------------------
/ form creator element
----------------------------------------*/

.clsFormCreator div {margin-bottom:20px; position:relative;}
.clsFormCreator div label {width:100px; padding:5px 5px 0 0; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
.clsFormCreator div input[type="text"] {    border: 1px solid #CCCCCC;
    border-radius: 10px;
    height: 20px;
    padding: 5px;}
.clsFormCreator div input:hover,
.clsFormCreator div input:focus {border-color:#000;}
.clsFormCreator div select {width:300px; border:1px solid #999; padding:2px 5px;}
.clsFormCreator div textarea {width:288px; height:144px; border:1px solid #999; padding:2px 5px; resize:none;}
.clsFormCreator div textarea:hover,
.clsFormCreator div textarea:focus {border-color:#000;}
.clsFormCreator div span.mandatory,
.clsFormCreator div span.validatoralert {position:absolute; top:0; right:100px; background-color:red; color:#fff !important; padding:7px 14px;}
.clsFormCreator div span.validatoralert {right:0; width:150px;}
.clsFormCreator fieldset {border:none; margin:0; padding:0;}
.clsFormCreator fieldset legend {color:#000;}
.clsFormCreator div .clsCheckBoxListSpanOptions {padding-left:105px; position:relative;}
.clsFormCreator div .clsCheckBoxListSpanOptions legend {width:100px; padding:0 5px 0 0; margin:0; position:absolute; top:0; left:0;}
.clsFormCreator div .clsCheckBoxListSpanOptions span {width:300px; margin-bottom:5px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
.clsFormCreator div .clsCheckBoxListSpanOptions span input {width:auto; margin:0 5px 0 0; padding:0;}
.clsFormCreator div .clsCheckBoxListSpanOptions span label {width:auto; padding-top:0;}
.clsFormCreator div .clsRadioButtonListSpanOptions {position:relative;}
.clsFormCreator div .clsRadioButtonListSpanOptions legend {width:100px; padding:0 5px 0 0; margin:0; position:absolute; top:0; left:0;}
.clsFormCreator div .clsRadioButtonListSpanOptions span {    clear: both;
    float: left;
    margin-bottom: 5px;
    vertical-align: top;
    width: 100%;}
.clsFormCreator div .clsRadioButtonListSpanOptions span input {width:auto; margin:0 5px 0 0; padding:0;}
.clsFormCreator div .clsRadioButtonListSpanOptions span label {width:85%; padding-top:0;}
.clsFormCreator div.clsFormCreator_checkbox {position:relative;}
.clsFormCreator div.clsFormCreator_checkbox label { width: 85%;}
.clsFormCreator div.clsFormCreator_checkbox input {width:auto;}
.clsFormCreator div.clsMandatory {margin: 20px; font-size:90%;}
.clsFormCreator div.clsBtnSubmit {    display: inline-block;
    margin: 20px;
    vertical-align: top;
    width: auto;}
.clsFormCreator div.clsBtnSubmit input {    background:#FAFAFA;
    border: 1px solid #CCCCCC;
    border-radius: 15px;
    font: 140% 'UnlimitedProBold';
    padding: 3px 10px;
    position: relative;
    text-transform: uppercase;
}
.clsFormCreator div.clsBtnSubmit input:hover,
.clsFormCreator div.clsBtnSubmit input:focus {border:1px solid #de6305; background: #de6305; cursor:pointer;}
.clsFormCreator div.clsBtnClear {width:auto; margin:20px 0 0 10px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
.clsFormCreator div.clsBtnClear input {width:auto; height:auto; text-decoration:none; text-align:center; background-color:#fff; padding:5px 10px; color:#555; border:1px solid #555;
    border-radius: 5px;
    display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;
}
.clsFormCreator div.clsBtnClear input:hover,
.clsFormCreator div.clsBtnClear input:focus {border:1px solid #333; cursor:pointer;}
.clsFormCreator .formCreatorCaptchaTable {padding-left:105px;}
.clsFormCreator .formCreatorCaptchaTable div {margin-bottom:0; display:inline-block;}

.clsFormCreator .formCreatorCaptchaTable {padding-left:0;}
.clsFormCreator .formCreatorCaptchaTable a {display: block; border: none; float: left; margin-right: 15px;}
.clsFormCreator .formCreatorCaptchaTable input[type="text"] {float: left; margin-top: 10px; margin-right: 10px;}
.clsFormCreator .formCreatorCaptchaTable label {float: left; width:auto;}


/*---print to pdf --*/

.printPDF {margin: 0 0 20px;}
.printPDF a {    background: #808080;
    color: #FFFFFF;
    display: block;
    font: 90% Arial;
    padding: 6px;
    text-align: center;}
.printPDF img {display: none;}

/*---creative commons --*/

.creativeCommons {    clear: both;
    display: block;
    font: 75%/180% Arial;
    margin: 20px 0 10px;
    text-align: center;}
.creativeCommons img {    display: block;
    margin: 0 0 5px;}


/*---share this script --*/

.sharethis-wrapper {margin: 10px 0 0;}
.stButton .st-twitter-counter, .stButton .st-facebook-counter {
width: 60px;
}
.stButton .stButton_gradient {width: 54px;}
.stButton .stArrow .stButton_gradient { width: 18px; text-align: center;}

.sharethis-wrapper > span {
    display: inline-block; zoom: 1; *display: inline;
    margin: 3px 0 0;
}

/*---tables --*/

.main table{width:100%;margin-bottom:18px;padding:0;border-collapse:separate;*border-collapse:collapse;font-size:13px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}table th,table td{padding:10px 10px 9px;line-height:18px;text-align:left;}
.main table th{padding-top:9px;font-weight:bold;vertical-align:middle;border-bottom:1px solid #ddd;}
.main table td{vertical-align:top;}
.main table th+th,table td+td{border-left:1px solid #ddd;}
.main table tr+tr td{border-top:1px solid #ddd;}
.main table tbody tr:first-child td:first-child{-webkit-border-radius:4px 0 0 0;-moz-border-radius:4px 0 0 0;border-radius:4px 0 0 0;}
.main table tbody tr:first-child td:last-child{-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0;}
.main table tbody tr:last-child td:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px;}
.main table tbody tr:last-child td:last-child{-webkit-border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;border-radius:0 0 4px 0;}

.main blockquote{margin-bottom:18px;border-left:5px solid #eee;padding-left:15px; margin-left: 0;}
.main blockquote p{font-size:14px;font-weight:300;line-height:18px;margin-bottom:0;}

.stwrapper.stwrapper5x {display: none;}


/*---future chasers--*/

.futureChasers {margin-top:30px;}
.futureChasers br {display: initial;}
.futureChasers dt br {display: none;}
.futureChasers .mainItem, .futureChasers .subItem {    background: #ebe8e5;
    margin: 0 5px 15px 6px;
    max-width: 305px;
    padding: 0;}
.futureChasers img {    height: auto; 
    position: relative;
    z-index: 1;}
.futureChasers dd a span {    color: #666;
    display: block;
    margin: 20px 0 0;
    text-decoration: underline;}
.futureChasers dl dd {display: none;}

.futureChasers dt a span {
text-transform: none;
    font: 140% "UnlimitedProRegular",Arial;}

.widgetAPI {display: none;}
.futureChasers div > a {position: relative; background: #fafafa;}
.futureChasers div > a > span {    background: url("/images/UserUploadedImages/11/icon-quote-left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); text-transform: uppercase;
    font-family: "UnlimitedProBold";
    font-size: 120%;
    left: 20px;
    line-height: 120%;
    padding: 20px;
    position: absolute;
    top: 20px;
    width: 36%;
    z-index: 2;}
.futureChasers div > a > span:after {    background: url("/images/UserUploadedImages/11/icon-quote-right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    color: #666;
    content: " ";
    font: italic bold 460%/100% "UnlimitedProRegular";
    height: 35px;
    letter-spacing: -5px;
    overflow: hidden;
    position: absolute;
    width: 50px;
    z-index: 1;}

.chaser.catArticle .panelLeft blockquote {display: none;}
.chaser.catArticle .panelLeft p {/*display: none;*/}

.membership fieldset {    border: none;
    margin: 0;
    padding: 0;}
.membership fieldset legend {display: none;}
.membership fieldset p label,
.membership fieldset p[id$="pPhoneNo"] label[id$="lblPhoneNo"] {    display: inline-block;
    width: 200px; zoom: 1; *display: inline;}
.membership fieldset p[id$="pPhoneNo"] label {width: auto;}
.membership h2 {    color: #3d3935;
    display: block;
    font: 170%/120% "UnlimitedProBold",Arial;
    margin: 30px 0 20px;
    padding: 0; border-bottom: 5px solid #333;
    text-transform: uppercase;}


.module h1 {    background: #f5f4f2;
    font-family: "UnlimitedProMedium";
    font-size: 150%;
    font-weight: normal;
    margin: 0 0 20px;
    overflow: hidden;
    padding: 5px 10px;
    text-transform: uppercase;}

#info-window div.top-bar {display: none;}
/*----------------------------------------
/ my account
----------------------------------------*/
#myAccountDetailsContainer {}
/*-----my account main menu-----*/
.MyAccountMenu {display:block; }
.MyAccountMenu ul {overflow: hidden; list-style-type:none; margin:0; padding:0; font-size: 110%;}
.MyAccountMenu ul.topMenu li { float:left;}
.MyAccountMenu ul.topMenu li a {display:block; padding:5px 10px; margin: 0 3px 0 0;}
.MyAccountMenu ul.topMenu li a.menuLink {color:#666; background-color:#F2F2F2; border:1px solid #ccc; border-bottom:none;}
.MyAccountMenu ul.topMenu li a.menuLink_Selected {font-weight: bold; text-decoration:none; background-color:#999; border:1px solid #999; border-bottom:none;color:#fff;}
/*-----my account sub menu-----*/  
.MyAccountMenu .MyAccountSubMenu { font-size: 90%; padding:3px; background-color:#999;}
.MyAccountMenu ul.subMenu {    border-bottom: medium none;
    height: auto;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0;}
.MyAccountMenu ul.subMenu li,
#myAccountArea .ajax__tab_header > span {    display: inline-block;
    float: left;
    vertical-align: top;}
.MyAccountMenu ul.subMenu li a,
#myAccountArea .ajax__tab_header > span a {    background: #fff;
    color: #524f37;
    float: left;
    margin: 3px;
    padding: 5px;
    text-decoration: none;}
.MyAccountMenu ul.subMenu li a.menuLink_Selected,
#myAccountArea .ajax__tab_header > span.ajax__tab_active a {font-weight: bold;}
/*-----general settings-----*/
#myAccountArea,
.myAccountArea {float:left; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; margin:0 0 20px 0; /*padding:20px; background-color:#fff;*/}
#myAccountArea .EditArea a.btnCancel {text-decoration:none; text-align:center; background-color:#fff; padding:5px 10px; color:#555; border:1px solid #ccc; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
#myAccountArea .EditArea a.btnCancel:hover,
#myAccountArea .EditArea a.btnCancel:focus {border:1px solid #333; cursor:pointer;}
#myAccountArea .EditArea a.btnSave {text-decoration:none; color:#fff; padding:5px 10px; border:1px solid #f7a60e; background-color:#f7a60e; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
#myAccountArea .EditArea a.btnSave:hover,
#myAccountArea .EditArea a.btnSave:focus {border:1px solid #de6305; background: #de6305; cursor:pointer;}
#myAccountArea .accountDetails {}
#myAccountArea .accountDetails td {vertical-align:top;}
#myAccountArea div#accountMessage {}
#myAccountArea .deleteButton {margin-top:12px;}
#myAccountArea p.subText {margin:0; padding:0;}
#myAccountArea p.noResults {margin-bottom:20px;}
/*-----information boxes-----*/
#myAccountArea .divPersonalInfo,
#myAccountArea .divCompanyInformation,
#myAccountArea .divCompanyProfile,
#myAccountArea .divJobDetails {/*border-bottom:1px solid #ccc; */ position: relative; margin-bottom:20px;}
#myAccountArea .divPersonalInfo > span a,
#myAccountArea .divCompanyInformation  > span a,
#myAccountArea .divCompanyProfile  > span a,
#myAccountArea .divJobDetails  > span a {   cursor: pointer; background: #666;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    top: -10px;} 
#myAccountArea div.ViewArea,
#myAccountArea div.EditArea {width:890px; margin:0 0 20px 0;}
#myAccountArea div.ViewArea dl,
#myAccountArea div.EditArea dl {list-style-type:none; margin:0; padding:0 0 5px 0;}
#myAccountArea div.ViewArea dl dt,
#myAccountArea div.EditArea dl dt { list-style-type:none; margin:0; padding:0 0 5px 0; width:250px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
#myAccountArea div.ViewArea dl dd,
#myAccountArea div.EditArea dl dd {font-weight:bold; list-style-type:none; margin:0; padding:0 0 10px 0; width:630px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
#myAccountArea div.EditArea #DivProfileEdit dl dd {width:600px;}
#myAccountArea div.EditArea dl dd input[type="text"] {width:288px !important; height:20px; border:1px solid #999; padding:2px 5px;}
#myAccountArea div.EditArea dl dd input[type="text"]:hover,
#myAccountArea div.EditArea dl dd input[type="text"]:focus {border-color:#000;}
#myAccountArea div.EditArea dl dd input#txtAreaCode {width:50px !important;}
#myAccountArea div.EditArea dl dd input#txtBusPhone {width:222px !important;}
#myAccountArea div.EditArea dl dd select {width:300px; border:1px solid #999; padding:2px 5px;}
#myAccountArea div.EditArea dl dd textarea {width:288px; height:144px; border:1px solid #999; padding:2px 5px; resize:none;}
#myAccountArea div.EditArea dl dd textarea:hover,
#myAccountArea div.EditArea dl dd textarea:focus {border-color:#000;}
/*-----user preferences-----*/
#myAccountArea div.userPrefOuter {margin:0 0 20px 0; position:relative;}
#myAccountArea div.userPrefOuter a {position:absolute; top:0; right:0; text-decoration:none; text-align:center; background-color:#555; padding:5px 10px; color:#fff; border:1px solid #555; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
#myAccountArea div.userPrefOuter a:hover,
#myAccountArea div.userPrefOuter a:focus {border:1px solid #333; cursor:pointer;}
#myAccountArea div.userPrefOuter ul {margin:0 0 0 12px; padding:0;}
#myEditPreferredLocationsContainer input {margin:0 5px 0 0; padding:0;}
#myEditPreferredLocationsContainer ul {list-style-type:none; margin:5px 0 20px 0; padding:0;}
#myEditPreferredLocationsContainer ul li {margin-bottom:5px;}
#myAccountArea div.alertEditOuter {border:1px solid #eee; background-color:#fafafa; padding:0 12px 12px 12px; margin:0 0 12px 0;}
/*-----saved searches-----*/
#myAccountArea div.savedSearchesRecent {margin-bottom:20px;}
#myAccountArea div.savedSearchesOld {margin-bottom:20px;}
#myAccountArea div.repListBox {margin-right:12px; width:2q0px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
#myAccountArea div.repListBox div.subjectListBox select {height:100px; width:200px; margin-bottom:12px;}
/*-----alerts-----*/
#myAccountArea div.alertAction {margin:108px 12px 0 0; with:100px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
#myAccountArea div.alertTaxListBox {margin:12px 0 0 0; width:220px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
#myAccountArea div.alertTaxListBox select {height:224px; width:200px; margin-bottom:12px;}
/*-----search results area-----*/
#myAccountArea #TDSearchResults {}
#myAccountArea #TDSearchResults a {}
#myAccountArea #TDSearchResults > div {margin-bottom:10px;}
#myAccountArea #TDSearchResults div#pnlOtherAreas {}
/*-----number of returned results and keywords-----*/
#myAccountArea #TDSearchResults div#ctl00_ContentMyAccount_pnlnumberResults {padding-bottom:12px; border-bottom:1px dotted #7c7966; margin-bottom:12px;}
#myAccountArea #TDSearchResults div#ctl00_ContentMyAccount_pnlnumberResults span {}
#myAccountArea #TDSearchResults div#ctl00_ContentMyAccount_pnlnumberResults span#ctl00_ContentMyAccount_RecordCountLabel {font-weight:bold;}
#myAccountArea #TDSearchResults div#ctl00_ContentMyAccount_pnlnumberResults span#ctl00_ContentMyAccount_spnDelete {float:none; margin-left:200px; text-decoration:underline;}
 /*-----returned items-----*/
#myAccountArea ol#searchResultsInfo {list-style-type:none; margin:0; padding:0; width:100%;}
#myAccountArea ol#searchResultsInfo li {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd; position:relative;}
#myAccountArea ol#searchResultsInfo li span.resultImage {padding-right:12px;}
#myAccountArea ol#searchResultsInfo li span.resultImage img {}
#myAccountArea ol#searchResultsInfo li span.firstRow {display:block;}
#myAccountArea ol#searchResultsInfo li span.resultNumber {color:#1095c2; font-weight:bold;}
#myAccountArea ol#searchResultsInfo li a {text-decoration:underline;}
#myAccountArea ol#searchResultsInfo li span.resultHead {}
#myAccountArea ol#searchResultsInfo li span.clsResultDescr {margin:5px 0 5px 0; display:block;}
#myAccountArea ol#searchResultsInfo li span.clsHlighSearchTerm {font-weight:bold; background-color:transparent;}
#myAccountArea ol#searchResultsInfo li span.lastRow {margin:0; display:block;}
#myAccountArea ol#searchResultsInfo li span.clsResultURL {color:#555;}
#myAccountArea ol#searchResultsInfo li span.clsResultLastModified {color:#555;}
#myAccountArea ol#searchResultsInfo li span.clsResultDelete {display:block; text-decoration:underline; width:35px; position:absolute; top:0; right:0;}
/*-----paging controls-----*/
#myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks {margin-bottom:12px; font-weight:bold;}
#myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks a {}
#myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinkss span {}
#myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks span.resultPageNumberSelected {font-weight:bold;}
#myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks a span.resultPageNumber {}
#myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks a#NextLink {}
#myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks a#PreviousLink{}
#myAccountArea .confirmWelcomeText {    font: 90% "UnlimitedProMedium";
    text-transform: none;}

#myAccountArea .confirmEmailText {}
/*-----my work-----*/
#myAccountArea .adminFieldSet,
.myAccountArea .adminFieldSet {}
#myAccountArea .adminFieldSet div,
.myAccountArea .adminFieldSet div {margin-bottom:10px;}
#myAccountArea .adminFieldSet div label,
.myAccountArea .adminFieldSet div label {width:100px; padding-right:10px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
#myAccountArea .adminFieldSet div input[type="text"],
.myAccountArea .adminFieldSet div input[type="text"] {width:300px; height:20px; padding:2px 5px; border:1px solid #ccc;}
#myAccountArea .buttonGroupTop {margin-bottom:10px;}
#myAccountArea .buttonGroupTop a {margin:0 0 10px 10px;}
#myAccountArea .buttonGroup,
.myAccountArea .form-actions {padding:0 0 20px 110px;}
#myAccountArea .buttonGroup a,
#myAccountArea #btnConfirm,
.myAccountArea .form-actions a {float:none; text-decoration:none; color:#fff; padding:5px 10px; border:1px solid #f7a60e; background-color:#f7a60e; border-radius: 2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
#myAccountArea .buttonGroup a:hover,
#myAccountArea .buttonGroup a:focus,
#myAccountArea #btnConfirm:hover,
#myAccountArea #btnConfirm:focus,
.myAccountArea .form-actions a:hover,
.myAccountArea .form-actions a:focus {border:1px solid #de6305; background: #de6305; cursor:pointer;}
#myAccountArea .gridContainer {clear:both;}
#myAccountArea .gridDataTable,
.myAccountArea .gridDataTable,
.myAccountArea .adminDataTable {width:100%; border-collapse:collapse; background-color:#E8E8E8; margin-bottom:20px;}
#myAccountArea .gridDataTable th,
.myAccountArea .gridDataTable th,
.myAccountArea .adminDataTable th,
.myAccountArea tr.heading td {border:1px solid #fff; padding:5px; text-align:left; background-color:#444; color:#fff; font-weight:bold;}
#myAccountArea .gridDataTable th a,
.myAccountArea .gridDataTable th a,
.myAccountArea .adminDataTable th a,
.myAccountArea tr.heading td a {color:#fff; font-weight:bold;}
#myAccountArea .gridDataTable td,
.myAccountArea .gridDataTable td,
.myAccountArea .adminDataTable td {border:1px solid #ccc; padding:5px;}

#myAccountArea #btnSave {text-decoration:none; color:#fff; padding:5px 10px; border:1px solid #f7a60e; background-color:#f7a60e; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
#myAccountArea #btnSave:hover,
#myAccountArea #btnSave:focus {border:1px solid #de6305; background: #de6305; cursor:pointer;}

#myAccountArea #btnCancel {text-decoration:none; text-align:center; background-color:#555; padding:5px 10px; color:#fff; border:1px solid #555; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
#myAccountArea #btnCancel:hover,
#myAccountArea #btnCancel:focus {border:1px solid #333; cursor:pointer;}

#myAccountArea #gvAlert,
#myAccountArea #gvAlertRead {border-collapse:collapse; background-color:#E8E8E8; margin-bottom:10px; width: 100%;}
#myAccountArea #gvAlert th,
#myAccountArea #gvAlertRead th {border:1px solid #fff; padding:5px; text-align:left; background-color:#444; color:#fff; font-weight:bold;}
#myAccountArea #gvAlert th a,
#myAccountArea #gvAlertRead th a {color:#fff; font-weight:bold;}
#myAccountArea #gvAlert td,
#myAccountArea #gvAlertRead td {border:1px solid #ccc; padding:5px;}
#myAccountArea #gvAlert td a {color:#de6305; padding:0 5px;}
#myAccountArea #gvAlert td a:hover,
#myAccountArea #gvAlert td a:focus {background-color:#de6305; color:#fff; cursor:pointer;}

#myAccountArea #btnDeleteUnRead,
#myAccountArea #btnDeleteRead {text-decoration:none; text-align:center; background-color:#555; margin-bottom:20px; padding:5px 10px; color:#fff; border:1px solid #555; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}

#myAccountArea #btnDeleteUnRead:hover,
#myAccountArea #btnDeleteUnRead:focus,
#myAccountArea #btnDeleteRead:hover,
#myAccountArea #btnDeleteRead:focus {border:1px solid #333; cursor:pointer;}
/*-----my calendar-----*/
#myAccountArea .findCalendar {float:left; width:200px; margin-top:40px;}
#myAccountArea .findCalendar h2 {margin-bottom:5px;}
#myAccountArea .findCalendar .clsUserSearchControls {margin-bottom:20px;}
#myAccountArea .findCalendar .clsUserSearchControls div {margin-bottom:10px; font-size:100%;}
#myAccountArea .findCalendar .clsUserSearchControls div label {display:block; margin-bottom:5px;}
#myAccountArea .findCalendar .clsUserSearchControls div input[type="text"] {width:188px; border:1px solid #999; padding:2px 5px;}
#myAccountArea .findCalendar .clsUserSearchControls div input[type="text"]:hover,
#myAccountArea .findCalendar .clsUserSearchControls div input[type="text"]:focus {border-color:#000;}
#myAccountArea .findCalendar .clsUserSearchControls div select {width:200px; border:1px solid #999; padding:2px 5px;}
#myAccountArea .findCalendar .clsUserSearchControls fieldset {border:none; margin:0; padding:0;}
#myAccountArea .findCalendar .clsUserSearchControls fieldset legend {font-weight:bold;}
#myAccountArea .findCalendar #btnSearch {text-decoration:none; text-align:center; background-color:#fff; padding:5px 10px; color:#555; border:1px solid #555; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
#myAccountArea .findCalendar #btnSearch:hover,
#myAccountArea .findCalendar #btnSearch:focus {border:1px solid #333; cursor:pointer;}
#myAccountArea .findCalendar #btnRefresh {text-decoration:none; color:#fff; margin-top:10px; padding:5px 10px; border:1px solid #f7a60e; background-color:#f7a60e; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;
}
#myAccountArea .findCalendar #btnRefresh:hover,
#myAccountArea .findCalendar #btnRefresh:focus {border:1px solid #de6305; background: #de6305; cursor:pointer;}
#myAccountArea .findCalendar .colour-legend {margin-bottom:20px;}
#myAccountArea .findCalendar .colour-legend .colour-search > span {display:block; padding-bottom:5px;}
#myAccountArea .findCalendar .colour-legend .colour-search > span .your-events-colour {width:23px; height:13px; border:1px solid #333; background-color:#3477C6; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
#myAccountArea .findCalendar .colour-legend .colour-search > span .group-events-colour {width:23px; height:13px; border:1px solid #333; background-color:#51B200; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
#myAccountArea .findCalendar .colour-legend .colour-search > span .unit-events-colour {width:23px; height:13px; border:1px solid #333; background-color:#F56601; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
#myAccountArea .findCalendar .colour-legend .colour-search > span .user-events-colour {width:23px; height:13px; border:1px solid #333; background-color:#EBD002; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
#myAccountArea .findCalendar .colour-legend .colour-search > span .misc-events-colour {width:23px; height:13px; border:1px solid #333; background-color:#862F89; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
#myAccountArea .calendarView {float:left; width:620px; margin:40px 0 0 40px;}
#myAccountArea .calendarView .clsPrevNextMthLink {position:relative; height:20px;}
#myAccountArea .calendarView .clsPrevNextMthLink .clsPreviousMthLink {position:absolute; top:0px; left:0px;}
#myAccountArea .calendarView .clsPrevNextMthLink .clsNextMthLink {position:absolute; top:0px; right:0px;}
#myAccountArea .calendarView #calendarMain {width:100%;}
#myAccountArea .TBAddEventMain {float:none !important;}
#myAccountArea .TBAddEventMain .clsNormal {font-size:100% !important;}

#myAccountArea .clsAddEventButtonSave {text-decoration:none; color:#fff; padding:5px 10px; border:1px solid #f7a60e; background-color:#f7a60e;
border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;
}
#myAccountArea .clsAddEventButtonSave:hover,
#myAccountArea .clsAddEventButtonSave:focus {border:1px solid #de6305; background: #de6305; cursor:pointer;}
#myAccountArea .clsAddEventButtonClear {text-decoration:none; text-align:center; background-color:#555; padding:5px 10px; color:#fff; border:1px solid #555; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
#myAccountArea .clsAddEventButtonClear:hover,
#myAccountArea .clsAddEventButtonClear:focus {border:1px solid #333; cursor:pointer;}
/*-----my stats-----*/
#myAccountArea .stats-container table {width:100%; border-collapse:collapse; background-color:#E8E8E8;}
#myAccountArea .stats-container table th {border:1px solid #fff; padding:5px; text-align:left; background-color:#444; color:#fff; font-weight:bold;}
#myAccountArea .stats-container table th a {color:#fff; font-weight:bold;}
#myAccountArea .stats-container table td {border:1px solid #ccc; padding:5px;}

.MyAccountMenu ul.topMenu li a.menuLink[id$="hlMyCalendar"],
.MyAccountMenu ul.topMenu li a.menuLink[id$="hlPreferences"],
.MyAccountMenu ul.topMenu li a.menuLink[id$="hlFavourites"],
.MyAccountMenu ul.topMenu li a.menuLink[id$="hlSavedSearches"],
.MyAccountMenu ul.topMenu li a.menuLink[id$="hlMyWork"],
.MyAccountMenu ul.topMenu li a.menuLink[id$="hlMyStats"],
.MyAccountMenu ul.topMenu li a.menuLink[id$="hlMyAppointments"] {display: none;}

#myAddEditAlertContainer .eventDiv,
#myAddEditAlertContainer .subjectTitle,
#pMailingListSelectListInstructions {display: none;}
#myAddEditAlertContainer .frequencyDiv label {margin: 0 20px 0 0;}

#divMailingListSubscribe fieldset {border: none;    margin: 0; padding: 0;}
#divMailingListSubscribe  fieldset[id$="fsUserDetails"] p label  {    display: inline-block; width: 200px; zoom: 1; *display: inline;}
#divMailingListSubscribe  fieldset[id$="fsUserDetails"] legend {border-bottom: 5px solid #333;
color: #3d3935;
display: block;
font: 170%/120% "UnlimitedProBold",Arial;
margin: 30px 0 20px;
padding: 0; width: 100%;
text-transform: uppercase;}
#divMailingListSubscribe  fieldset#fsAvailableLists p label {font-weight: bold;}

.module h2 {    border-bottom: 5px solid #333;
    color: #3d3935;
    display: block;
    font: 170%/120% "UnlimitedProBold",Arial;
    margin: 30px 0 20px;
    padding: 0;
    text-transform: uppercase;}
.module h3 {font-weight: bold;}
.module h6 {}

.chasers-top {}
.chasers-top p {margin:0 0 1em 0; padding:0;}
a#chasers-more {background:url(/images/UserUploadedImages/11/arrow-down.png) no-repeat 100% 50%; padding-right:25px;}
a#chasers-more.open {background-image:url(/images/UserUploadedImages/11/arrow-up.png); padding-right:20px;}
.chasers-more {display:none;}
.chasers-more p {margin:0 0 1em 0; padding:0;}