/* CSS Document */

/*
** Copyright Stephen Neate - http://subtledifference.com.au/
** Design Template weightloss - for ezyWebsite CMS suitable for multi section, multi page sites.
**
** ## Quick Colours ##
** Primary Colour: #009FD6
** Primary Colour Shade: #D7E0CC (20% shade)
** 2nd Colour: #7e7e7e
** 3rd Colour: #003862
** 4th Colour: #000
** 5th Colour: #2A0062
**
** Last Updated: 01 Nov 2007
*/

/* #### General page wide styles  #### */
*{margin:0;padding:0;}
body{font-size:14px;line-height:20px;font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;color:#000;background:#fff;}
/* general text */
p{line-height:20px;color:#000;padding:5px 0;}
h1,.h1{display:block;font-size:250%;color:#009FD6;padding:3px 0;margin:0px 0px 15px 0px;letter-spacing:.05em;font-weight:bold;}
.hd01{display:block;font-size:210%;color:#009FD6;padding:3px 0;margin:3px 0;font-weight:normal;}
.hd01b{display:block;font-size:210%;color:#009FD6;padding:3px 0;margin:3px 0;border-bottom:1px solid #009FD6;font-weight:bold;}
h2,.h2{display:block;font-size:190%;color:#7e7e7e;padding:0 0 5px 0;line-height:1.5em;letter-spacing:.05em;font-weight:bold;}
.hd02{display:block;font-size:150%;color:#7e7e7e;padding:0 0 5px;margin:0;font-weight:normal;}
.hd02b{display:block;font-size:150%;color:#7e7e7e;padding:0 0 5px;margin:0;border-bottom:1px solid #7e7e7e;font-weight:bold;}
h3,.h3{display:block;font-size:150%;color:#003862;padding:0 0 5px 0;line-height:1.5em;letter-spacing:.05em;font-weight:bold;}
.hd03{display:block;font-size:110%;color:#003862;padding:0 0 5px;margin:0;border-bottom:1px solid #003862;font-weight:normal;}
.hd03b{display:block;font-size:110%;color:#003862;padding:0 0 5px;margin:0;border-bottom:1px solid #003862;font-weight:bold;}
h4,.h4{display:block;font-size:150%;color:#000;padding:0 0 5px 0;line-height:1.5em;letter-spacing:.05em;font-weight:bold;}
.hd04{display:block;font-size:110%;color:#000;padding:0 0 5px;margin:0;border-bottom:1px solid #000;font-weight:normal;}
.hd04b{display:block;font-size:110%;color:#000;padding:0 0 5px;margin:0;border-bottom:1px solid #000;font-weight:bold;}
h5,.h5{display:block;font-size:150%;color:#2A0062;padding:0 0 5px 0;line-height:1.5em;letter-spacing:.05em;font-weight:bold;}
.hd05{display:block;font-size:110%;color:#2A0062;padding:0 0 5px;margin:0;border-bottom:1px solid #2A0062;font-weight:normal;}
.hd05b{display:block;font-size:110%;color:#2A0062;padding:0 0 5px;margin:0;border-bottom:1px solid #2A0062;font-weight:bold;}
.txt_small{font-size:70%;}
acronym{border-bottom:1px dotted;cursor:help;}
/* general block elements */
.bl01{display:block;padding:15px;border:2px dashed #009FD6;}
.bl01i{display:block;padding:15px;background:#181D4D;color:#fff;}
.bl02{display:block;padding:15px;border:2px dashed #7e7e7e;}
.bl02i{display:block;padding:15px;background:#7e7e7e;color:#fff;}
.bl03{display:block;padding:15px;border:2px dashed #003862;}
.bl03i{display:block;padding:15px;background:#003862;color:#fff;}
.bl04{display:block;padding:15px;border:2px dashed #000;}
.bl04i{display:block;padding:15px;background:#000;color:#fff;}
.bl05{display:block;padding:15px;border:2px dashed #2A0062;}
.bl05i{display:block;padding:15px;background:#2A0062;color:#fff;}
/* drop cap */
.dc01 {position:relative;z-index:55;float:left;width:auto;font-size:380%;padding:0 3px 0 0;line-height: 100%;color:#181D4D;font-weight: normal;font-family: georgia, times, serif;}
.dc02 {position:relative;z-index:55;float:left;width:auto;font-size:380%;padding:0 3px 0 0;line-height: 100%;color:#7e7e7e;font-weight: normal;font-family: georgia, times, serif;}
.dc03 {position:relative;z-index:55;float:left;width:auto;font-size:380%;padding:0 3px 0 0;line-height: 100%;color:#003862;font-weight: normal;font-family: georgia, times, serif;}
.dc04 {position:relative;z-index:55;float:left;width:auto;font-size:380%;padding:0 3px 0 0;line-height: 100%;color:#000;font-weight: normal;font-family: georgia, times, serif;}

.dc05 {position:relative;z-index:55;float:left;width:auto;font-size:380%;padding:0 3px 0 0;line-height: 100%;color:#2A0062;font-weight: normal;font-family: georgia, times, serif;}

#logo{position:absolute;top:0;left:0;width:433px;height:130px;background:url(/template-images/images/logo.jpg) no-repeat;}
#logo h1{display:inline;color:#fff;}
#logo h1 a{font-size:1px;display:block;width:433px;overflow:hidden;position:absolute;height:130px;padding-top:130px;voice-family:"\"}\"";voice-family:inherit;height:0;}

a.default:link,a.default:visited  {color:#236598;display:inline;padding:1px 3px;border:2px solid #009FD6;color:#fff;text-decoration:none;}
a.default:hover {color:#F4CB01;display:inline;padding:1px 3px;border:2px solid #F4CB01;text-deocoration:none;}


/* #### Page layout #### */
/* Outer container: for entire page */
#container-main{min-width:760px;max-width:980px;}
/* Inner container: for entire page */
#container{min-width:760px;max-width:980px;}
#header{position:relative;height:255px;background:url(/template-images/weight-loss-challenge/header_01a.jpg) no-repeat top left;}
#header-control{height:255px;background:url(/template-images/weight-loss-challenge//header_02w.jpg) no-repeat top right;} /* additional header control if required */
/* Page Content: inside both containers below Header - Page content appears here */
#contents{padding:0px 10px 30px 30px;min-height:550px;border-left:156px solid #EE8B47;}
/* Breadcrumb: inside Page Content displaying breadcrumb nav, does not exist on home page */
#breadcrumb{color:#7e7e7e;font-size:.8em;text-align:right;margin:0px 18px 0px 0px;}
#breadcrumb a:link,#breadcrumb a:visited{color:#7e7e7e;border-bottom:1px solid #7e7e7e;text-decoration:none;}
#breadcrumb a:hover{color:#7e7e7e;border-bottom:1px dashed #fff;text-decoration:none;}
.page_footer_link {display:none;} /* link at footer of page content designating what page the user is on */
/* replacement of margin for standard lists and standard (default) link */
#contents ul {margin-left:17px;}
#contents li {margin-left:10px;}
#contents a:link {color:#009FD6;}
#contents a:visited {color:#7e7e7e;}
#contents a:hover {color:#620038;}
/* Footer: inside both containers below Page Content */
#footer{position:relative;top:-30px;padding:0;height:71px;background:url(/template-images/weight-loss-challenge/footer_01.gif) no-repeat top right;text-align:center;font-size:.8em;color:#fff;}
#footer a{/*color:#181D4D;*/color:#fff;}
#footer-2 {} /* additional footer control if required */
#footer-3 {padding:30px 15px 0px 15px;} /* additional footer control if required */
#devnote {} /* designers link */
#devnote span {} /* span in designers link: essentially for image replacement if needed */

/* #### Navigation Links #### */
/* Section navigation links */
#navigation-position{width:1024px;display:block;background:#D7E0CC;border-top:1px solid #236598;border-bottom:1px solid #fff;height:21px;position:absolute;top:0px; visibility:hidden;}
.navigation-panel {} /*internal to navigation-position for added control */
#navigation-position a {color:#181D4D;font-weight:bold;font-size:14px;display:block;float:left;text-align:center;padding:3px 8px;text-decoration:none;border-right:1px solid #181D4D;}
#navigation-position a:hover {color:#fff;background:#236598;}
/* Note: All section navigation links have a class of sec$ where $ is the section ID, and all link text is surrounded by span tags */
/* start of section based drop down nav */
.section-title{display:none;font-size:190%;color:#003862;padding:0 0 5px 0;line-height:1.5em;letter-spacing:.05em;font-weight:bold;} /* section name: text is surrounded by span tags */
/* Menu wrapper */
#slidingmenu{font-size:13px;display:block;text-align:left;padding:0;position:absolute;float:left;top:230px;left:0px;width:156px;z-index:90;background-color:#F4CB01;}
/* Appearance Top Level */
/* all lists */
#slidingmenu ul{list-style-type:none;padding-left:3px;}
/* all list items */
slidingmenu li{position:relative;width:150px;}
ul.slidingmenu a:link, ul.slidingmenu a:visited {display:block;color:#FFF;padding:9px 6px 5px 13px;text-decoration:none;font-weight:bold;background: url(/template-images/images/double-nav-bg_04.jpg) 0px 4px no-repeat;}
ul.slidingmenu a:hover {color:#fff;text-decoration:none;background-position:0px -28px;}
/* second-level lists */

/* second-level lists */
#slidingmenu li ul{display:none;position:absolute;margin-top:-28px;left:165px;border-width:0;}
/* third and further level lists */
#slidingmenu li ul ul{display:none;position:absolute;top:0;left:160px;border-width:0;}
/* lists nested under hovered list items */
#slidingmenu li:hover ul,#slidingmenu li.hover ul{border-width:0;text-align:left;}
ul.slidingmenu ul{margin:4px 0 0 0;border-width:0;padding:0;font-size:12px;font-weight:400;text-align:left;color:#fff;background:#181D4D;width:160px;}
ul.slidingmenu ul li{display:block;width:140px;border-width:0;text-align:left;}
ul.slidingmenu ul a:link,ul.slidingmenu ul a:visited{float:none;background-image:none;font-weight:normal;text-transform:none;border-width:0;color:#fff;text-decoration:none;padding:3px 3px 3px 6px;display:block;width:151px;text-align:left;}
ul.slidingmenu ul a:hover{background:#F4CB01;color:#181D4D;text-decoration:none;margin:0;padding:3px 3px 3px 6px;display:block;width:151px;}

/*
#slidingmenu li ul{display:none;position:absolute;left:0px;margin-top:-32px;border-width:0;}
#slidingmenu li ul ul{display:none;position:absolute;top:0;left:150px;border-width:0;}
#slidingmenu li:hover ul,#slidingmenu li.hover ul{border-width:0;text-align:left;/*background-color:#F4CB01}
ul.slidingmenu ul{margin:4px 0 0 0;border-width:0;padding:0;font-size:12px;font-weight:400;text-align:left;color:#fff;width:156px;margin-left:158px;margin-top:-25px;}
ul.slidingmenu ul li{display:block;width:156px;border-width:0;text-align:left;}
ul.slidingmenu ul a:link,ul.slidingmenu ul a:visited{font-weight:normal;text-transform:none;border-width:0;color:#fff;text-decoration:none;padding:9px 6px 10px 14px;display:block;width:150px;text-align:left;}
*/
/* Note: the class .subheader is available for menu items that have sub menus */

/* ### Speciality elements - ezyLinks, ezyEvents, ezyArticles ### */
.link_list,.events_list,.article_list{display:block;margin-bottom:15px;color:#000;}
.link_link,.event_link,.article_link{color:#AAA;font-weight:700;font-size:110%;display:block;color:#000;}
.link_text,.event_text,.article_text{}
.event_text_date,.article_text_date{}
.link-display-title{color:#000;}
.link-display-link{color:#000762;}
.event_link2{color:#000762;}
.article-date{font-weight:700;display:block;color:#000;}
.article-author{display:block;font-style:italic;margin-bottom:10px;color:#000;}
.article_link2{color:#000762;}
#art_recent ul, #art_recent li {list-style-type:none;margin-left:-15px;}
#article {display:none;}
#artmove #article {display:block;}

/* ### form elements ### */
.info,.warn,.error {color:#BD1A1A;background-color:transparent;font-weight:400;font-style:italic;}
.error {width:100%;}
.error-display{display:block;width:100%;}
.input-checkBox{width:15px;color:#009FD6;background-color:#F8F5ED;border:1px solid #236598;display:inline;margin:0;padding:0 2px;}
.input-textArea{color:#236598;background-color:#F8F5ED;border:1px solid #181D4D;width:100%;display:block;height:65px;}
.input-text,
.input-yesno,
.input-nowidth,
.input-dropDown {color:#236598;background-color:#F8F5ED;border:1px solid #181D4D;width:100%;}


.form-display{padding:10px;display:block;color:#009FD6;width:auto;border:1px solid #236598;background:#fff;}

.form-display2{text-align:left;}
.form-header {color:#009FD6;font-weight:700;font-size:125%;text-align:left;margin:0 0 4px 0;padding:0 0 4px 0;display:block;border-bottom:1px solid #181D4D;}
.label{font-size:90%;font-weight:bold;text-align:left;color:#009FD6;display:block;}
.form-text{color:#009FD6;font-size:80%;text-align:left;display:block;clear:both;font-style:italic;}
.submit-main{color:#3A3D4A;font-weight:bold;padding:2px 10px;}
.progress{display:none;width:350px;position:absolute;padding:40px;z-index:1000;border:1px solid #009FD6;color:#3A3D4A;font-size:10px;background-color:#fff;margin:-60px auto 0;}

#newsletter, .newsthanks {position:absolute;margin:4px;width:126px;top:520px;}
#newsletter .form-header{}

/* ### New CSS Added By Designer ### */
/* search box element*/
#searchBoxMainPosition {margin:0;padding:0;border:0 solid;position:absolute;top:165px;right:234px;color:#F4CB01;}
.searchBoxMain-textbox {width:98px;height:16px;font-size:14px;padding-left:4px;padding-right:4px;}
#searchBoxMainPosition span {display:none;}

/* Shout Box Element *//*
.shoutBoxMainPosition {position:absolute;top:406px;}
.shoutContainer {width: 800px; position: relative;height:211px;margin-left:-12px;font-family:Helvetica, Verdana, Arial, sans-serif;}
.leftShout {width: 244px; position:absolute; height: 153px; left: 30px; top:-100px;
background: url(http://www.jackson01.realonline.net.au/template-images/images/left-shout_09.png) no-repeat;}
.leftShoutTitle {padding:5px 5px 5px 15px;color:#FFF;font-weight:bold;}
.leftShoutContent {margin:14px 85px 0px 16px;float:left;}
.leftShoutReadMore {margin:10px 0px 0px 16px;float:left;}
.midShout {width: 244px; position:absolute; height: 153px; left: 290px; top:-100px;
background: url(http://www.jackson01.realonline.net.au/template-images/images/mid-shout_09.png) no-repeat;}
.midShoutTitle {padding:5px 5px 5px 15px;color:#FFF;font-weight:bold;}
.midShoutContent {margin:14px 85px 0px 16px;float:left;}
.midShoutReadMore {margin:10px 0px 0px 16px;float:left;}
.rightShout {width:244px;position:absolute;height:211px;left:550px;top:-156px;background-image: url(http://www.jackson01.realonline.net.au/template-images/images/right-shout_12.png);
background-repeat: no-repeat;}
.rightShoutTitle {color:#236598;font-size:24px;line-height:28px;margin:15px 20px 0px 20px;}
.rightShoutContent {margin: 75px 20px 20px 20px;}
*/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
  height:100%;
  width:100%;
}

#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}

#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}



/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-active h2, .sIFR-active .h2, .sIFR-active .hd02 {
  visibility: hidden;
  line-height: 1em;
  font-size: 14px;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1, .sIFR-hasFlash .h1, .sIFR-hasFlash .hd01,.sIFR-hasFlash h2, .sIFR-hasFlash .h2, .sIFR-hasFlash .hd02 {
	visibility: hidden;display:inline;color:#236598;
}

#localHead {position:absolute;top:133px;z-index:200;font-size:11px;color:#fff;}
#localHead a {color:#fff;text-decoration:none;}
#localHead  a:hover {text-decoration:underline;}

#slideWrap {float:left;height:130px;width:567px;overflow:hidden;}

#sponsors {width:145px;position:absolute;top:400px;left:3px;}