/* Start of CMSMS style sheet 'y-layout' */
body {
  margin: 6px 0px;
  padding: 0px;
  font-size: small;
  text-align: center;
  background-color: #fefefe;
  color: #000;
  font-family: verdana, helvetica, sans-serif;
}
* html body {
  font-size: x-small; /* for IE5/Win */
  f\ont-size: small; /* for other versions of IE */
}
#wrapper {
  position: relative;
  margin: 0em auto;
  padding: 0em;
  width: 758px;
  background-color: #fff;
  color: #000;
  border: 1px solid #bbb;
}
#header {
  position: relative;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 90px;
  background: #f47c31 url(/uploads/images/bg_header_alt3.png) top right no-repeat;
  color: #000;
  overflow:hidden;
}
#globals {
  position: absolute;
  top: 2px;
  right: 3px;
  margin: 0;
  padding: 0px;
  width: 200px;
  background: transparent;
  color: #000;
  text-align: right;
}
#navcontainer {
  position: relative;
  margin: 0px;
  padding: 1px 0px 0px;
  height: 24px !important;
  width: 100%;
  background: transparent url(/uploads/images/bg_navcontainer.png) top right repeat-y;
  color: #000;
  text-align: left;
  border-bottom: 2px solid #DE712D; /* #f47c31; */
}
#content {
  clear: both;
  position: relative;
  margin: 0em auto;
  padding: 0em 0em 0.5em;
  width: 100%;
  background: transparent url(/uploads/images/bg_content_gray.png) top center repeat-y;
  color: #000;
  text-align: left;
}
body.internal #content {
  position: relative;
  background-image: url(/uploads/images/bg_content_internal_gray.png);
}
body.calendar #content {
  position: relative;
  background-image: none;
}
#main {
  float: right;
  display: inline;
  margin: 0px 1px 0px 0px;
  padding: 0px 0px 12px 20px;
  width: 580px;
  \width: 600px;
  w\idth: 580px;
}
body.calendar #main,
body.internal #main {
  padding: 0px 20px 12px;
  width: 560px;
  \width: 600px;
  w\idth: 560px;
}
body.internal #main {
  padding-left: 0px;
}

#content-center {
  margin: 0 170px 0 0;
  padding: 0;
}
#sidebar {
  float: left;
  display: inline;
  margin: 0px 0px 0px 9px;
  padding: 8px 0px 0px;
  width: 140px;
  text-align: left;
}
body.internal #sidebar {
  margin-left: 0px;
  width: 159px;
}
#content-right {
  clear: right;
  float: right;
  display: inline;
  margin: 0px 9px 0px 0px;
  padding: 8px 0px 0px;
  width: 140px;
  text-align: left;
}
#pageCalendar {
  margin: 0 10px;
  width: 100%;
}
#footer {
  clear: both;
  margin: 0em;
  padding: 0em;
  width: 100%;
  height: 40px;
  background-color: #fff;
  color: #666;
  border-top: 1px solid #ddd;
}
/* End of 'y-layout' */

/* Start of CMSMS style sheet 'y-style' */
#header h1 {
  position: relative;
  font-size: 200%;
  margin: 0px;
  padding: 50px 4px 0px;
  height: 90px;
  \height: 40px;
  h\eight: 90px;
  font-family: georgia, 'times new roman',serif;
  font-style: italic;
  text-align: right;
  background: transparent; /* url(/uploads/images/logo_yourworkconnection.png) top left no-repeat; */
  color: #585C5F; /* #7B8186; #c1cbd2; */
}
#header h1 a {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
#globals p {
  margin: 0;
  padding: 0;
  font-size: 80%;
  background: transparent;
  color: #333;
}
#globals a, #globals a:link, #globals a:visited {
  background: transparent;
  color: #333;
  text-decoration: none;
}
#globals a:hover {
  text-decoration: underline;
  background-color: transparent;
  color: #ffffff;
}

#navlist {
  position: relative;
  list-style-type: none;
  margin: 0px;
  padding: 0px 0px 0px 1px;
  font-size: 80%;
  line-height: 24px;
  height: 24px;
}
#navlist li {
  float: left;
  position: relative;
  margin: 0px 2px 0px 0px;
  padding: 0px;
  height: 100%;
  background: transparent url(/uploads/images/bgnav_slate_rt.png) top right no-repeat; 
  color: #fff;
  text-align: center;
  line-height: 24px;
}

#navlist li.off ul,
#navlist li.on ul {
  position: absolute;
  top: 24px;
  left: 0px;
  display: none;
  list-style-type: none;
  margin: 0;
  padding: 0px 0px 12px;
  width: 120px;
  height: auto;
  z-index: 500;
  background: transparent url(/uploads/images/bg_nav_sub.png) bottom center no-repeat;
  color: #000;
  border-top: 1px solid #fff;
}

#navlist li li {
  float: none;
  display: block;
  clear: left;
  margin: 0;
  padding: 0;
  height: auto;
  background-image: none;
  font-size: 100%;
  line-height: 1.4em;
}

#navlist li a,
#navlist li a:link,
#navlist li a:visited,
#navlist li span { 
  display: block;
  padding: 0em 0.8em;
  margin: 0em;
  color: #fff; 
  background: transparent url(/uploads/images/bgnav_slate_lt.png) top left no-repeat;
  text-decoration: none;
  text-align: center;
}

#navlist li a.currentpage,
#navlist li a.currentpage:link,
#navlist li a.currentpage:visited,
#navlist li a.activeparent,
#navlist li a.activeparent:link,
#navlist li a.activeparent:visited,
#navlist li a:hover {
  color: #000; 
  background-color: transparent;
}

#navlist li li a,
#navlist li li a:link,
#navlist li li a:visited {
  float: none;
  display: block;
  margin: 0em;
  padding: 2px;
  width: 116px;
  \width: 120px;
  w\idth: 116px;
  color: #fff; 
  background: transparent;
  background-image: none;
  text-align: left;
  text-transform: none;
}
#navlist li a.currentpage li a,
#navlist li a.currentpage:link li a,
#navlist li a.currentpage:visited li a,
#navlist li a.activeparent li a,
#navlist li a.activeparent:link li a,
#navlist li a.activeparent:visited li a,
#navlist li a:hover li a {
  border-top: none;
}
#navlist li li a.current,
#navlist li li a.current:link,
#navlist li li a.current:visited,
#navlist li li a:hover {
  background-color: #F69456; 
  background-image: none;
  color: #000;
  border-top: none;
}

/*
#navlist li li a span,
#navlist li li a:link span,
#navlist li li a:visited  span {
  padding: 0;
  background-image: none;
}
*/
#navlist li.off:hover ul,
#navlist li.over ul {
  display: block;
  z-index: 6000;
}

#pdqsearch {
  margin: 3px 0px;
  padding: 0px;
  font-size: 90%;
  height: 24px;
  z-index: 500px;
}
#pdqsearch form {
  margin: 0;
  padding: 2px 0px 0px;
}
#pdqsearch input {
  font-size: 100%;
  margin: 0;
  padding: 0 0.2em;
}
input#cntnt01searchinput {
  border: 1px solid #666;
  background-color: #eee;
  color: #000;
  margin: 0;
  padding: 0;
  width: 100px;
}

div.breadcrumbs {
  margin: 0px;
  padding: 3px 2px;
  font-size: 80%;
  line-height: 1.6em;
}
body.internal div.breadcrumbs {
/*  margin-right: -10px; */
}
body.calendar div.breadcrumbs {
/*  margin-left: 0px; */
}
#main p, #main li {
  font-size: 90%;
}

h1, h2, h3, h4, h5, h6 {
  font-family: georgia, 'times new roman',serif;
  font-style: italic;
}

#main a, 
#main a:link, 
#main a:visited {
  background: transparent;
  color: #333;
}
#main a:hover {
  text-decoration: underline;
  background-color: transparent;
  color: #f47c31;
}

#main h1 {
  padding: 12px 0px 12px 26px;
  background: url(/uploads/images/gfk_cog_bgwhite.gif) top left no-repeat;
  font-size: 160%;
}
#main h2 {
  font-size: 140%;
}
#main h3 {
  font-size: 130%;
}
#main h4 {
  font-size: 110%;
}
#bblJob {
  margin: 12px 0px;
  padding: 0px;
  background: transparent url(/uploads/images/bg_bblJobs.png) top center no-repeat;
  color: #000;
}

#bblJob h2, #bblJob h3, #bblJob h4 {
  margin: 0px;
  padding: 12px 12px 6px 32px;
  background: url(/uploads/images/gfk_cog_bggreen.gif) 3px 3px no-repeat;
}

#bblJob p {
  margin: 0px;
  padding: 0px 12px 6px;
}

#bblJob .btm {
  margin: 0;
  padding: 0;
  height: 17px;
  overflow: hidden;
  background: transparent url(/uploads/images/bg_bblJobs_btm.png) bottom center no-repeat;
}
#bblTip {
  float: left;
  margin: 0.5em 0em;
  padding: 0em;
  width: 48%;
  background-color: #99CCFF;
  color: #000;
}
#bblTip h2, #bblTip h3, #bblTip h4, #bblTip p {
  margin: 6px 12px 12px;
  padding: 0;
  background-image: none;
}

#bblAgency {
  float: right;
  margin: 0.5em 0em;
  padding: 0em;
  width: 48%;
  background-color: #99CCFF;
  color: #000;
}
#bblAgency h2, #bblAgency h3, #bblAgency h4, #bblAgency p {
  margin: 6px 12px 12px;
  padding: 0;
  background-image: none;
}

#sidebar p,
#content-right p {
  margin: 0em;
  padding: 0.3em 0.6em;
  font-size: 80%;
  background-color: transparent;
  color: #000;
}
#sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#sidebar li {
  font-size: 80%;
  margin: 0;
  padding: 0;
  text-align: left;
}
#sidebar li a,
#sidebar li a:link,
#sidebar li a:visited {
  display: block;
  margin: 0.1em 0em;
  padding: 0.2em 0.4em;
  background-color: #ccc;
  color: #000;
}
p#sideTip {
  margin: 1em 0em;
  font-family: georgia, serif;
  background-color: transparent;
  color: #232526;
  font-size: 140%;
  line-height: 1.5em;
}

.sidebox {
  margin-bottom: 8px;
  padding: 0px;
  background: transparent url(/uploads/images/bg_sidebox.png) bottom center no-repeat;
  color: #000;
  text-align: left;
}

#content-right h4,
#sidebar h4 {
  margin: 0em;
  padding: 0px;
  height: 48px;
  font-size: 90%;
  font-family: verdana, helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;
  background: transparent url(/uploads/images/bg_sidebox_h4.png) top center no-repeat;
  color: #333;
}

#content-right ul {
  margin: 0;
  padding: 0.4em 0em 0.4em 1.5em;
}

#sidebar li a:hover {
  background-color: #f47c31;
  color: #fff;
}

#bblSuccess p, #bblSpotlight p, #bblCalendar p,
#bblSuccess h4, #bblSpotlight h4, #bblCalendar h4 {
  margin: 0;
  padding: 0.3em 0.6em;
}
.bblInner {
  margin: 0px;
  padding: 0px;
}

#navside {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: left;
  width: 158px;
}

#navside li {
  margin: 2px 0px;
  padding: 0;
}

#navside li a,
#navside li a:link,
#navside li a:visited {
  display: block;
  margin: 0px;
  padding: 3px 4px;
  width: 150px;
  \width: 158px;
  w\idth: 150px;
  text-decoration: none;
  background-color: #c1cbd2;
  color: #000;
}

#navside li a.menuactive,
#navside li a.menuactive:link,
#navside li a.menuactive:visited,
#navside li a:hover {
  background-color: #f47c31;
  color: #fff;
}
#footer p {
  margin: 0;
  padding: 0;
  font-size: 70%;
  line-height: 40px;
}

blockquote.tip {
  margin: 24px 20px 12px;
  padding: 10px 0px 10px 30px;
  font-family: georgia, 'times new roman',serif;
  font-style: italic;
  font-size: 150%;
  background: transparent url(/uploads/images/qmark_left.png) top left no-repeat;
  color: #888;
}
blockquote.tip p {
  margin: 0;
  padding: 0 30px 0 0;
  background: transparent url(/uploads/images/qmark_right.png) bottom right no-repeat;
  color: #888;
  font-size: 100%;
}
/* End of 'y-style' */

/* Start of CMSMS style sheet 'Accessibility and cross-browser tools' */
/* accessibility */

/* 
menu links accesskeys 
*/
span.accesskey {
   text-decoration:none;
}

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */


/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

/* make some room for the image */
a.external {
/* css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
  padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
  color: #18507C;
/* background image for the link to show wiki style arrow */
  background: url(images/cms/external.gif) no-repeat 100% 0;
}
a.external:visited {
  color: #18507C; /* a different color can be used for visited external links */

/* 
Set the last 0 to -100px to use that part of the external.gif image for different color for active links 
external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.
*/
  background: url(images/cms/external.gif) no-repeat 100% 0; 
}

a.external:hover {
  color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
  background: url(images/cms/external.gif) no-repeat 100% 0; 
  background-color: #C3D4DF;
}
/* end wiki style external links */


/* clearing */
/* 
clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item.
We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience.
Do not edit if you dont know what you are doing
*/
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */
/* End of 'Accessibility and cross-browser tools' */

/* Start of CMSMS style sheet 'Calendar CSS example' */
/*
Example stylesheet for Calendar module

For using this "big"-class insert something like this in your page
or template;

{cms_module module='Calendar' table_id='big'}

*/

/* make all links red */
.calendar tr td a
{
  color: red;
}

/* highlight "today" for the small calendar */
.calendar-today
{
  font-weight: bold;
}

/* display the "upcominglist" as one line per entry (assuming table_id='cal-upcominglist') */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title
{
  display: none;
}

#cal-upcominglist h2
,#cal-upcominglist .calendar-date
,#cal-upcominglist .calendar-summary
{
  display: inline;
  margin-right: 5px;
}

/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1
{
  color: red;
  font-size: 120%;
}
#cal-list h2, cal-upcominglist h2
{
  font-size: 110%;
}

/** large calendar rules (assuming table_id='big') **/
/* border on for #big */
#big {
  margin: 0px auto;
  width: 700px;
  border-collapse: collapse;
  border: 1px solid black;
}

#big caption {
  padding: 0.5em;
  font-size: 110%;
  font-weight: bold;
  text-transform: uppercase;
}

/* nice squares for the #big table */
#big th
{
  border: 1px solid black;
  padding: 3px;
  width: 120px;
  text-align: center;
  vertical-align: middle;
  font-size: 80%;
  text-transform: uppercase;
}

#big td {
  border: 1px solid black;
  vertical-align: top;
  padding: 3px;
  width: 120px;
  font-size: 80%;
}

/* format summaries nicely in #big */
#big ul
{
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
}

#big li
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

/* background colours for #big */
#big td
{
  background-color: #ddd;
}

#big .calendar-day
{
  background-color: #80ff80;
}

#big .calendar-today
{
  font-weight: normal;
  background-color: #ffc; /* #8080ff; */
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
  display: none;
}
/* End of 'Calendar CSS example' */