// REDBOOK MAY 2013 web.admin@racgp.org.au

@import "webfonts.less";
@import "mixins.less";
@import "variables.less";


// REDBOOK WEBFONTS

@import url("http://fast.fonts.com/t/1.css?apiType=css&projectid=4f210279-205e-4ee8-9bf9-0b195be85c29");


@font-face{
font-family:"HelveticaNeueW01-UltLt";
src:url("/Fonts/41774233-b9da-44be-b252-6a7b612fb1c7.eot?#iefix");
src:url("/Fonts/41774233-b9da-44be-b252-6a7b612fb1c7.eot?#iefix") format("eot"),url("/Fonts/4bff1fbb-b4bf-4d95-9c47-efcb14384e36.woff") format("woff"),url("/Fonts/7f1f2a7d-3837-4c93-b373-f03c5da3f9a1.ttf") format("truetype"),url("/Fonts/d9f2752a-8d82-4cf1-b82f-109c1105be7f.svg#d9f2752a-8d82-4cf1-b82f-109c1105be7f") format("svg");
}

@font-face{
font-family:"HelveticaNeueW01-75Bold";
src:url("/Fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix");
src:url("/Fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("eot"),url("/Fonts/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"),url("/Fonts/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"),url("/Fonts/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg");
}

@font-face{
font-family:"HelveticaNeueETW01-55Rg";
src:url("/Fonts/706ec8e5-fe4a-4518-91a6-7aba4d3d333f.eot?#iefix");
src:url("/Fonts/706ec8e5-fe4a-4518-91a6-7aba4d3d333f.eot?#iefix") format("eot"),url("/Fonts/ce6f5b38-1cb5-4a27-8182-583aa68b2436.woff") format("woff"),url("/Fonts/ff06cde7-e06a-4cf0-af4d-5b2f737bf544.ttf") format("truetype"),url("/Fonts/958b12cf-2908-4254-8cb9-9b12c3aa151e.svg#958b12cf-2908-4254-8cb9-9b12c3aa151e") format("svg");
}




// REDBOOK GUIDE CSS NAMESPACE

html {-webkit-touch-callout: none;}

 #installoverlay { display: none;
                width: 100%;
                min-height: 100%;
                position: fixed;
                top: 0;
                left: 0;
                z-index: 1000;
                background-color:#fff;
                -moz-opacity: 0.83;
                opacity: 0.83;
               }

#redbook { background-color: #fff; .clearfix; margin-bottom:24px; padding-bottom:10px;
  
  #statusline { width: 400px;
   position: fixed;
    top: 50%;
    left: 50%;
  margin-left:-200px;
    background-color: #000; color:#fff; font-size: 24px; z-index:9999; border:4px solid #fff; padding:20px; line-height:24px; text-align:center;}
  
        .mastheadcontainer {.clearfix; max-width: /*706px;*/ 706px; margin: 0px auto; margin-top:10px; margin-bottom:18px; height: 317px; background: #d93331 url('/images/racgp/redbook/redbook-apple.png') no-repeat; background-position: 100% 100%; overflow: hidden; }
       .mastheadcontainer h1 {font-family: 'PlantinW01-LightItalic'; color: #fff; width: 300px; font-size: 36px; line-height:38px; margin: 30px 0px 0px 30px; font-weight: normal !important;
    .edition {display: block; font-family: 'HelveticaNeueW01-45Ligh'; font-size:18px; }
        }


  .mastheadcontainersmall {.clearfix; max-width: /*706px;*/ 706px; margin: 0px auto; margin-top:10px; margin-bottom:18px; min-height: 100px; background: #d93331 url('/images/racgp/redbook/small-bg.png') no-repeat; background-position: 100% 100%; overflow: hidden; }
       .mastheadcontainersmall h1 {font-family: 'PlantinW01-LightItalic'; color: #fff; width: 500px; font-size: 32px; line-height:34px; margin: 15px 0px 0px 15px; font-weight: normal !important;
    .edition {display: inline; font-family: 'HelveticaNeueW01-45Ligh'; font-size:18px; }
        }


      .content {.clearfix; max-width: /*706px;*/ 706px; margin: 0px auto; }

      .tablescroll {width:100%; overflow:auto;}
      .table {background-color: #fff; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
      .table tbody tr:hover td, .table tbody tr:hover th {background-color: #fff; }

 // TYPOGRAPHY
    h1 {font-family: 'PlantinW01-LightItalic'; color: #f05044; font-weight: normal; font-size: 30px; line-height:32px; margin-top:18px;}
    h2 {font-family: 'PlantinW01-LightItalic'; color: #f05044; margin-top: 18px; font-size:24px; font-weight: normal;}
    h3 {color: #f05044; margin-top: 18px; font-size: 20px; font-weight: normal;}
    h4 {color: #f05044; margin-top: 18px; font-size: 16px; font-weight: normal;}
    p, table, ol, ul, td {font-family: 'HelveticaNeueETW01-55Rg';}
    .references {padding: 0px 10px 10px 10px; margin-left:30px;}
  caption {font-family: 'HelveticaNeueW01-65Medi'; color: #f05044; text-align: left; font-size: 16px; line-height: 20px; margin-bottom:8px;}
  .table th {background-color: #f05044; color: #fff; font-size: 16px; font-family: 'HelveticaNeueETW01-55Rg'; font-weight: normal; vertical-align:top;}
   .table-bordered {border-right: 1px solid #333; border-bottom: 1px solid #333; border-top: none; border-left: none;}
  .table-bordered td {border-left: 1px solid #333;}
  .table-bordered td, th {border-top: 1px solid #333;}
  .table-bordered th {border-left: 1px solid #333;}
  .table-bordered, .table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child {webkit-border-radius: 0 0 0 0px; -moz-border-radius: 0 0 0 0px; border-radius: 0 0 0 0px;}
  .references li { margin-bottom:9px;}
   .emphasis, .emphasis:hover {background-color: #f58c86 !important;}
  tr.emphasis td, tr.emphasis td:hover {background-color: #f58c86 !important;}

.image {width:100%;}

.table  p, ol, ul, .references {
-ms-word-break: break-all;
word-break: break-all;
/* Non standard for webkit */
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}

#linearnav a {text-decoration:none !important;}
#linearnav {.clearfix; margin-bottom:10px; 
  

  .nextprev { background-color: #f58d86; color: #333; display: block; .clearfix; width: 100%; min-height:80px;
  h4 {padding: 10px 10px 0px 10px; margin-top:0px; color: #333;}
    p {padding: 0px 10px 0px 10px; font-size: 12px;}
   
}

.nextprev:hover {background-color: #999;}

  .left {text-align: left; float: left;}
  .right {text-align:right; float: right;}
}

// AGE RANGE INDICATOR

.agerange { .clearfix; margin-bottom:24px; width: 100%; 
  .agecell {display: block; width:43px; display: block; float: left; border-right: 1px solid #333; border-top: 1px solid #333; border-bottom:1px solid #333; .clearfix; min-height:50px; }
  .agecell:first-child {width:42px; border-left: 1px solid #333;}
  .age {text-align: center; display: block; margin: 0px; border-bottom:1px solid #333; padding:3px 0px 6px 0px; background-color: #dc483d; color: #fff; line-height: 18px; font-size: 11px; }
  .active {background-color:#fa6b60;}
  .activelight {background-color:#f9b8b3;}
  .halfactiveleft {background: transparent url('/images/racgp/redbook/left-bg.gif') repeat-y; background-position:center;}
  .halfactiveright {background: transparent url('/images/racgp/redbook/right-bg.gif') repeat-y; background-position:center;}
  .halfactiveleftlight {background: transparent url('/images/racgp/redbook/left-bg-light.gif') repeat-y; background-position:center;}
  .halfactiverightlight {background: transparent url('/images/racgp/redbook/right-bg-light.gif') repeat-y; background-position:center;}
  .qactiveleftlight {background: transparent url('/images/racgp/redbook/left-bg-quarter-light.gif') repeat-y; background-position:center;}
}
  .additionalrow {margin-bottom:24px; min-height:20px; margin-top:-24px; clear: both; width:798px; display: block; border-right: 1px solid #333; border-bottom: 1px solid #333; border-left:1px solid #333; text-align: center;}



// AGE RANGE INDICATOR CONTENT = NOT RECOMMENDED

.agerangenr {.clearfix; width: 100%; 
  .agecell {display: block; width:43px; display: block; float: left;  border-top: 1px solid #333; .clearfix;}
  .agecell:first-child {width:60px; border-left: 1px solid #333;}
  .age {text-align: center; display: block; margin: 0px; border-right:1px solid #333; border-bottom:1px solid #333; padding:3px 0px 6px 0px; background-color: #dc483d; color: #fff; line-height: 18px; font-size: 12px; }
}
 .additionalrownr { margin-bottom:24px; border-bottom:1px solid #333; border-left: 1px solid #333; border-right: 1px solid #333; display: block; .clearfix; }
 .cellnr {padding: 4px; font-family: 'HelveticaNeueETW01-55Rg'; text-align: center; display: block; float: left; margin-left: 59px; border-left:1px solid #333; margin-top:0px; margin-bottom:0px;}

.conditional {float: right; font-size:11px; color: #333; clear:after; margin-top:-24px;}

  .figure {width:100%;}
  #formfields {margin-bottom:36px;}


// TABLE OF CONTENTS PAGE

    .contentblock {width:49%; .clearfix;}
    .left {float: left;}
    .right {float: right;}

    .contentsection {border-bottom:1px solid #ccc; margin-top:18px; padding-top:10px; padding-bottom: 0px; background-color: #eee;
        h2, {padding: 0px 10px; margin-top:0px; font-size: 20px; line-height:20px;}
        ul {list-style:none; margin-left:0px; padding-left:10px; padding-right:10px;}
        li {border-bottom:1px solid #ccc; padding: 4px 0px}
        li:last-child {border-bottom: 0px !important;}
        li a {text-decoration: none;}
        .sectionnumber {display: inline-block; width:12%; vertical-align: top; }
        .contentnumber {display: inline-block; width:12%; vertical-align: top;}
        h2 a {display: inline-block; text-decoration: none; color: #f05044; }
        a:hover {text-decoration: underline;}
        .contentlink {display: inline-block; width:85%}
        .sectionlink {display: inline-block; width:85% }
      }


} // END NAMESPACE


#search, #redbook #search, #sidecolredbook #search {background-color: #f1f1f2; margin-top:0px;
  h2 {font-family: 'PlantinW01-LightItalic'; color: #333; font-weight: normal; font-size: 20px; padding:10px; margin-bottom:0px;}
  .googlesearch {margin: 0px 10px; width: 80%;}
  .btn {margin: 18px 10px 0px 10px;}
  a {display: block; margin: 9px 10px 10px 10px; padding-bottom:10px; color: #333; border-bottom: none !important; text-decoration:underline;}
  
}


.sidecolredbook {
  .crest {width:100%; margin-bottom: 18px;}
  
#bannerzone {border:1px solid #fff;}


#download {display: block; min-height:200px; .clearfix; background: #f1f1f2;
  .dlrow {display: block; border-bottom:1px solid #fff; float: left; width:100%; .clearfix; margin-bottom:10px; padding-bottom:10px;}
  .dlrow:last-child {border-bottom:none;} 
  h2 {margin:10px 10px 10px 10px; font-family: arial; color: #333; font-weight: normal; font-size: 18px; text-decoration:none;}
 h4 {display: block; font-family: arial; color: #333; font-weight: normal; line-height:16px; font-size: 12px; text-decoration:none; margin-left:38px; margin-top:-18px; margin-right:10px;}
  h4 a {color:#333;}
  h4 a:hover {color:#000; }
  .downloadicon {margin-left:12px;}
}


} // END SIDECOL NAMESPACE



#fullguideslist {list-style:none; margin-left:0px; margin-top:24px !important; position: relative; margin-bottom: 0px;
  .indicator {position:relative; right: 5px; top: 4px; float: right;}
  a {text-decoration:none; display: block; cursor: pointer}
  li {display:block; background-color: #333; border-bottom:1px solid #fff; font-family: 'HelveticaNeueW01-75Bold'; font-size:18px; line-height:20px;}
  ul { margin-left:0px; padding-left:0px; display: none;}
  ul li {display:block; background-color: #ccc; border-bottom:1px solid #fff; font-family: 'HelveticaNeueW01-65Medi'; font-size:14px; line-height:18px;}
  ul li a {color: #333; padding:10px;}
  li a {color: #fff; padding:10px;}
  ul li a:hover {background-color: #eee;}

}



#mainnavtoggle { list-style:none; margin-left:0px; margin-top:24px;
  li.toggletoc { display: inline-block; background-color: #d8d9da; float: left; border-bottom: 1px solid #d8d9da; cursor: pointer; *zoom: 1; *display: inline;} 
  li.toggletags { display: inline-block; background-color: #f1f1f2; float: left; border-left: 1px solid #fff; border-bottom:1px solid #fff; cursor: pointer; *zoom: 1; *display: inline;} 
  li a {color:#333; text-decoration: none; display: block; padding: 10px; font-family: arial; font-size:12px; cursor: pointer}
  .appopenicon {margin-left:5px; float: right; margin-top:2px;}
}

#toc { list-style:none; margin-left:0px; margin-bottom:0px; clear: both;
  li {width:100%; display:block; background-color: /*#f05044;*/ #d8d9da;} 
  li a {color:#333; text-decoration: none; display: block; padding: 10px; border-bottom: 1px solid #fff; font-family: arial; font-size:12px; cursor: pointer;}
  ul {margin-left:0px; margin-bottom:0px; clear: both; /*display: none;*/}
  ul li {background-color: #eee;}
  ul li a {color: #333; padding-left:20px; cursor: pointer}
  ul li a:hover {background-color: /*#fdb813;*/ #eee;}
  li a:hover {background-color: /*#fdb813;*/ #eee; color: #333;}
  .selected {background-color: /*#fafafa*/ #666 !important;}
  .selected a {color: #fff !important;}

}

#tags { list-style:none; margin-left:0px; margin-bottom:0px; display: none; clear: both;
  li {width:100%; display:block; background-color: #f1f1f2;} 
  li a {color:#333; text-decoration: none; display: block; padding:10px; border-bottom: 1px solid #fff; font-family: arial; font-size: 12px;}
}

#mainnavtoggle.appmode {display: block; .clearfix; max-width: /*706px;*/ 800px; margin: 10px auto 0px auto; }
#mainnavtoggle.appmode li.toggletoc {border-bottom: none; width: 130px;}
#mainnavtoggle.appmode li.toggletags {border-bottom: none; width: 130px;}


// HACKS

.ie7 #mainnavtoggle {.clearfix;}
.ie7 #mainnavtoggle #toc li {margin-bottom:-2px !important; padding-bottom:-1px;}
.ie7 #fullguideslist .indicator {margin-top:-30px;}

#redbook .table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child {
-webkit-border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
}


@media only screen and  (max-width: 1200px) {

#redbook {
  .mastheadcontainer, .content { max-width: 600px; margin: 10px auto;}
 .mastheadcontainersmall { max-width: 600px; margin: 10px auto;}
#mainnavtoggle.appmode {max-width: 600px; margin: 10px auto 0px auto;}


// AGE RANGE INDICATOR

.agerange {  
  .agecell { width:36px;}
  .agecell:first-child {width:41px;}
  .age {line-height:18px; font-size:10px; }
  .active {background-color:#fa6b60;}
  .activelight {background-color:#f9b8b3;}
}
  .additionalrow {width:678px;}



// AGE RANGE INDICATOR CONTENT = NOT RECOMMENDED

.agerangenr {
  .agecell {width:37px;}
  .agecell:first-child {width:44px;}
  .age {font-size:10px; }
}
 .additionalrownr { margin-bottom:24px; border-bottom:1px solid #333; border-left: 1px solid #333; border-right: 1px solid #333; display: block; .clearfix; }
 .cellnr {margin-left: 43px;}




}
}


@media only screen and  (max-width: 978px) {

#redbook{
  .mastheadcontainer, .content { max-width: 456px; margin: 10px auto; background-size: 250px auto;  bottom: 0px;}
  .mastheadcontainersmall { max-width: 456px; margin: 10px auto; background-size: 120px auto;  bottom: 0px;}
#mainnavtoggle.appmode {max-width: 456px; margin: 10px auto 0px auto;}


// AGE RANGE INDICATOR

.agerange {  
  .agecell { width:32px;}
  .agecell:first-child {width:23px;}
  .age {line-height:18px; font-size:11px; }
  .active {background-color:#fa6b60;}
  .activelight {background-color:#f9b8b3;}
}
  .additionalrow {width:518px;}




// AGE RANGE INDICATOR CONTENT = NOT RECOMMENDED

.agerangenr {
  .agecell {width:33px;}
  .agecell:first-child {width:24px;}
  .age { }
}
 .additionalrownr { margin-bottom:24px; border-bottom:1px solid #333; border-left: 1px solid #333; border-right: 1px solid #333; display: block; .clearfix; }
 .cellnr {margin-left: 23px;}

}

 #mainnavtoggle { 
  li a {font-size:12px;}

}

.indicator {display: none;}



}



@media only screen and  (max-width: 768px) {

#redbook {
  
 #statusline { width: 300px;
   position: fixed;
    top: 50%;
    left: 50%;
  margin-left:-150px;
    background-color: #000; color:#fff; font-size: 24px; z-index:9999; border:4px solid #fff; padding:20px; line-height:24px; text-align:center;}
  

  .mastheadcontainer,  .content { max-width: 96%; margin: 10px auto; background-size: 230px auto; bottom: 0px; }
  .mastheadcontainersmall { max-width: 96%; margin: 10px auto; background-size: 120px auto; bottom: 0px; }
  #mainnavtoggle.appmode {max-width: 96%; margin: 10px auto 0px auto;}

  .mastheadcontainer h1 {width: 80%; font-size: 28px; line-height:30px; margin: 10px 0px 0px 10px;
    .edition { font-size:18px; display: block; width:100%;  }
}

.mastheadcontainersmall h1 {width: 90%; font-size: 28px; line-height:30px; margin: 10px 0px 0px 10px;
  .edition { font-size:18px; display: block; width:100%; }
}



// TABLE OF CONTENTS PAGE

    .contentblock {width:100%; .clearfix;}
    .left {float: left;}
    .right {float: left !important;}



// AGE RANGE INDICATOR

.agerange { .clearfix; margin-bottom:24px; width: 100%; 
  .agecell {margin-top:-1px; display: block; width:100%; clear: both; float: left; border-right: 1px solid #333; border-left: 1px solid #333; border-top: 1px solid #333; border-bottom:1px solid #333; .clearfix; min-height:18px; margin-bottom:0px; padding-bottom:0px; }
  .agecell:first-child {width:100%; border-left: 1px solid #333;}
  .age {width:50%; text-align: center; display: block; margin-bottom:0px; margin-top:0px; margin-left:0px; margin-right:0px; border-bottom: none; padding:3px 0px 6px 0px; background-color: #dc483d; color: #fff; line-height: 18px; font-size: 12px; }
  .active {background-color:#fa6b60;}
  .activelight {background-color:#f9b8b3;}
  .halfactiveleft {background: transparent url('/images/racgp/redbook/top-bg.gif') repeat-x; background-position:center;}
  .halfactiveright {background: transparent url('/images/racgp/redbook/bottom-bg.gif') repeat-x; background-position:center;}
  .halfactiveleftlight {background: transparent url('/images/racgp/redbook/top-bg-light.gif') repeat-x; background-position:center;}
  .halfactiverightlight {background: transparent url('/images/racgp/redbook/bottom-bg-light.gif') repeat-x; background-position:center;}
}
  .additionalrow {margin-bottom:24px; min-height:20px; margin-top:-24px; clear: both; width:100%; display: block; border-right: 1px solid #333; border-bottom: 1px solid #333; border-left:1px solid #333; text-align: center;}


// AGE RANGE INDICATOR CONTENT = NOT RECOMMENDED

.agerangenr {width:100%; display: inline-block; float: left; border-bottom: none;
  .agecell {width:100%; display: block; float: left; border-top: none; min-height:18px;}
  .agecell:first-child {width:100%; border-left: none;}
  .age {width:100%; border-bottom:1px solid #333; }

}



 .additionalrownr {text-align: center; display:table-cell; vertical-align:middle; .clearfix; width:49%; border-bottom: none; border-left: none; border-right: none;}
 .cellnr {text-align: center;  margin-left:0px; border-left: none;}
  .nrcontainer { .clearfix; display: table; margin-bottom:24px; border:1px solid #333;}




#linearnavREMOVED {

   .left {text-align: left; float: left !important; width:100%; margin-bottom:18px;}
   .right {text-align:right; float: left !important; width:100%;}
  .nextprev {width:100%;}
}





 #mainnavtoggle { 
  li a {font-size:16px;}
}
}

}




@media print {

html {background-color: #fff; background-image: none;}

 body{
  -webkit-print-color-adjust:exact; 
}   

.sidecolredbook, .mastheadcontainer, .mastheadcontainersmall .sectionname, #mainnavtoggle, #search, #download, #fullguideslist, #linearnav, .singleline, .toggletoc, .toggletags  {display: none !important;}

 .content {max-width: 100% !important; width: 100% !important;}


.mastheadcontainer {width:100% !important;}


.tablescroll {width:100%; overflow:visible !important; overflow-x: visible !important;}


.agerange { .clearfix; margin-bottom:24px; width: 100%; 
  .agecell {display: block; width:6% !important; display: block; float: left; border-right: 1px solid #333; border-top: 1px solid #333; border-bottom:1px solid #333; .clearfix; min-height:50px; }
  .agecell:first-child {width:6% !important; border-left: 1px solid #333;}
  .age {width:100%; text-align: center; display: block; margin: 0px; border-bottom: none; padding:0px 0px 0px 0px; background-color: #dc483d; color: #fff; line-height: 14px; font-size: 10px !important; }

}

// AGE RANGE INDICATOR CONTENT = NOT RECOMMENDED

.agerangenr {.clearfix; width: 100%; 
  .agecell {display: block; width:6% !important; display: block; float: left;  border-top: 1px solid #333; .clearfix;}
  .agecell:first-child {width:6% !important; border-left: 1px solid #333;}
  .age {text-align: center; display: block; margin: 0px; border-right:1px solid #333; border-bottom:1px solid #333; padding:0px 0px 0px 0px; background-color: #dc483d; color: #fff; line-height: 14px; font-size: 10px !important; }
}
 .additionalrownr { margin-bottom:24px; border-bottom:1px solid #333; border-left: 1px solid #333; border-right: 1px solid #333; display: block; .clearfix; width:96%; }
 .cellnr {padding: 4px; font-family: 'HelveticaNeueETW01-55Rg'; text-align: center; display: block; float: left; margin-left: 6% !important; border-left:1px solid #333; margin-top:0px; margin-bottom:0px;}





}