// smoking June 2014 web.admin@racgp.org.au

@import "webfonts.less";
@import "mixins.less";
@import "variables.less";


// smoking 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");
}



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;
               }
	
	
	

// SMOKING CESSATION CSS NAMESPACE
	
#smoking { 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 {position: relative; .clearfix; max-width: /*706px;*/ 706px; margin: 0px auto; margin-top:10px; margin-bottom:18px; height: 317px; background: #fff url('/images/racgp/smoking/bg-toc.png') no-repeat; background-position: 0px 0px; overflow: hidden; 
        	
		
			 h1 {font-family: 'PlantinW01-LightItalic'; color: #5f6062; width: 325px; font-size: 40px; line-height:35px; margin: 50px 0px 0px 20px; font-weight: normal !important;
			 .edition {display: block; font-family: 'HelveticaNeueETW01-55Rg'; font-size:20px; line-height:24px; color: #5f6062; margin-top: 15px; }

	}
		}	


     .mastheadcontainersmall {position: relative; .clearfix; max-width: /*706px;*/ 706px; margin: 0px auto; margin-top:10px; margin-bottom:18px; min-height: 115px; background: #fff url('/images/racgp/smoking/bg-content.png') no-repeat; background-position: 0px 0px; overflow: hidden; 
       
	
			 h1 {font-family: 'PlantinW01-LightItalic'; color: #5f6062; width: 50%; font-size: 32px; line-height:28px; margin: 10px 0px 20px 20px; font-weight: normal !important;
			 .edition {display: block; font-family: 'HelveticaNeueETW01-55Rg'; font-size:16px; line-height:18px; margin-top:8px; color: #5f6062; }
        	}
		}


      .content {.clearfix; max-width: /*706px;*/ 706px; margin: 0px auto;}

  




// TYPOGRAPHY

    h1 {font-family: 'PlantinW01-LightItalic'; color: #5f6062; font-weight: normal; font-size: 30px; line-height:32px; margin-top:18px; margin-bottom:30px; margin-top:50px;}
    h2 {font-family: 'HelveticaNeueW01-75Bold'; color: #000000; margin-top: 50px; font-size:20px; line-height:28px; font-weight: normal;}
    h3 {font-family: 'HelveticaNeueW01-75Bold'; color: #000000; margin-top: 25px; font-size: 16px; line-height:24px; font-weight: normal;}
    h4 {font-family: 'PlantinW01-LightItalic'; color: #636062; margin-top: 18px; font-size:20px; line-height:24px; font-weight: normal;}
	h5 {font-family: 'HelveticaNeueETW01-55Rg'; color: #636062; margin-top: 18px; font-size: 16px; line-height:24px; font-weight: normal;}
   
    p, table, ol, ul, td {font-family: 'HelveticaNeueETW01-55Rg'; font-size:13px; line-height:18px;}
    .references {padding: 0px 10px 10px 10px; margin-left:30px;}
    caption {font-family: 'HelveticaNeueW01-65Medi'; color: #fff; text-align: left; font-size: 16px; line-height: 20px; margin-bottom:2px; background-color:#E32219; padding: 5px;}
	Strong {font-weight:normal; font-family: 'HelveticaNeueW01-75Bold';}


	ul ul {list-style-type: none;}
 
	ul ul li:before { 
		content:"-"; 
		position:relative; 
		left:-5px;
	}
 
	ul ul li { text-indent:-5px; }


// TABLES

   .tablescroll {width:100%; overflow:auto;}
   .table {background-color: #F2F4E7; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
   .table tbody tr:hover td, .table tbody tr:hover th {background-color: transparent; }
   //.table td:hover, .table th:hover {background-color: #e5f6f4; }
   //.table tbody tr:hover td, .table tbody tr:hover th {background-color: #e5f6f4; }
   .table th {background:#F2B9AC; color: #000; font-size: 14px; line-height:18px; font-family: 'HelveticaNeueW01-75Bold'; font-weight: normal; vertical-align:top;}
   .table-bordered {border-right: 1px solid #F2F4E7; border-bottom: 1px solid #F2F4E7; border-top: none; border-left: none;}
   .table-bordered td {border-left: 1px solid #F2F4E7; padding:12px;}
   .table-bordered td, th {border-top: 1px solid #F2F4E7;}
   .table-bordered th {border-left: 1px solid #F2F4E7;}
   .table-bordered, .table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child, .table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child {webkit-border-radius: 10px 0px 0px 0px; -moz-border-radius: 10px 0px 0px 0px; border-radius: 10px 0px 0px 0px;}
  
   .table th p {font-weight:bold; font-size:14px;}

   .table  p, .table ol, .table ul, .references ol {
			-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;
	}


	.table .emphasis {background-color: #d5e1f0; text-align:center; vertical-align: middle;}
	.table .emphasis:hover {background-color: transparent;}



	.smokingbox {.clearfix; background-color: #d2dfe8; padding:10px; margin-bottom:24px; .border-radius(0px); border:0px; text-align:left;}
	.smokingbox2 {.clearfix; border-style:solid; border-color:#2088a2; border-width:thin; padding:10px; margin-bottom:24px; .border-radius(4px); text-align:left; }

    .references li { margin-bottom:9px;}
    .span12 img {width:100%; margin-bottom:20px;}

	.table h4 {margin-bottom:10px; color:#E32219; font-family: 'HelveticaNeueW01-75Bold'; font-size:16px; margin-top:10px;}



	
	
// LINEAR NAV & NEXT-PREVIOUS BUTTONS
	
	
#linearnav a {text-decoration:none !important;}

#linearnav {.clearfix; margin-bottom:10px; 
  
			
  .nextprev { background-color: #fff; color: #333; display: block; .clearfix; width: 100%; min-height:80px; margin-top:18px; border-radius:6px; border:1px solid #ccc;margin-bottom:20px;
    h4 {padding: 20px 30px 0px 30px; margin-top:0px; color: #333; font-family: 'HelveticaNeueETW01-55Rg'; font-weight:bold; font-size: 16px; line-height:18px; margin-bottom:10px;}
    p {padding: 0px 30px 0px 30px; font-size: 15px; font-family:'PlantinW01-LightItalic';}
   
   }
			

  .nextprev:hover {background-color: #E32219; color:#ffffff;
	h4 {color:#ffffff;}
			
	}
		
  .left {text-align: left; float: left;}
  .right {text-align:right; float: right;}
	
	

}




// 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; color: #2088a2;  }
        .contentnumber {display: inline-block; width:12%; vertical-align: top; color: #2088a2; }
        h2 a {display: inline-block; text-decoration: none; color: #2088a2; }
        a:hover {text-decoration: underline;}
        .contentlink, .contentlink a {display: inline-block; width:85%; color: #2088a2; }
        .sectionlink {display: inline-block; width:85%; color: #2088a2;  }
      }




} // END NAMESPACE



// SIDECOL NAMESPACE

.sidecolsmoking {
	
  .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; text-decoration:underline;}
  h4 a:hover {color:#000; }
  .downloadicon {margin-left:12px;}
}


} // END SIDECOL NAMESPACE




// SIDENAV


#search, #smoking #search, #sidecolsmoking #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 0px; padding-bottom:10px; color: #333; border-bottom: none !important; text-decoration:underline !important;}
  
}


#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;}

#whitebook .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;
}

	

	
// RESPONSIVE	
	
@media only screen and  (max-width: 1200px) {

#smoking {
  .mastheadcontainer, .content { max-width: 600px; margin: 10px auto;}
.mastheadcontainer .h1 {font-family: 'PlantinW01-LightItalic'; color: #5f6062; width: 325px; font-size: 40px; line-height:35px; margin: 50px 0px 0px 20px; font-weight: normal !important;
	.edition {display: block; font-family: 'HelveticaNeueETW01-55Rg'; font-size:20px; line-height:22px; color: #5f6062; margin-top: 15px;}
	
	}

		
 .mastheadcontainersmall { max-width: 600px; margin: 10px auto;}
#mainnavtoggle.appmode {max-width: 600px; margin: 10px auto 0px auto;}

	
     .mastheadcontainersmall {position: relative; .clearfix; max-width: /*706px;*/ 600px; margin: 10px auto; margin-top:10px; margin-bottom:18px; min-height: 115px; background: #fff url('/images/racgp/smoking/bg-content.png') no-repeat; background-position: 0px 0px; overflow: hidden; 
       
		h1 {width: 50%; color: #5f6062;  font-size: 32px; line-height:28px; float: left; margin-left:20px; margin-top:10px;
		.edition {display: block; font-family: 'HelveticaNeueETW01-55Rg'; font-size:16px; line-height:18px; margin-top:8px; color: #5f6062; }
        	}
		}

	
	
}
}


@media only screen and  (max-width: 978px) {

#whitebook{
  .mastheadcontainer, .content { max-width: 456px; margin: 10px auto; bottom: 0px;}
.mastheadcontainer h1 {font-family: 'PlantinW01-LightItalic'; color: #5f6062; width: 70%; font-size: 38px; line-height:28px; margin: 50px 0px 0px 10px; font-weight: normal !important;
	.edition {display: block; font-family: 'HelveticaNeueETW01-55Rg'; font-size:18px; color: #5f6062; }
	}

  .mastheadcontainersmall { max-width: 456px; margin: 10px auto; /*background-size: 120px auto;*/  bottom: 0px;}
#mainnavtoggle.appmode {max-width: 456px; margin: 10px auto 0px auto;}

     .mastheadcontainersmall {position: relative; .clearfix; max-width: /*706px;*/ 456px; margin: 10px auto; margin-top:10px; margin-bottom:18px; min-height: 115px; background: #fff url('/images/racgp/smoking/bg-content.png') no-repeat; background-position: 0px 0px; overflow: hidden; 
       
		h1 {width: 75%; font-size:30px; line-height:30px; color: #5f6062; float: left; margin-left:10px; margin-top:20px;
		.edition {display: block; font-family: 'HelveticaNeueETW01-55Rg'; font-size:14px; color: #5f6062; }
			}
		}
	

}

 #mainnavtoggle { 
  li a {font-size:12px;}

}

.indicator {display: none;}



}



@media only screen and  (max-width: 768px) {

#smoking {
  
 #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{ max-width: 96%; margin: 10px auto;  bottom: 0px; background: #fff url('/images/racgp/smoking/bg-toc.png') no-repeat; background-position: top right; overflow: hidden;}
	.content {max-width: 96%; margin: 10px auto;  bottom: 0px;}
	.mastheadcontainer h1 {font-family: 'PlantinW01-LightItalic'; color: #5f6062; width: 70%; font-size: 38px; line-height:28px; margin: 50px 0px 0px 10px; font-weight: normal !important;
	.edition {display: block; font-family: 'HelveticaNeueETW01-55Rg'; font-size:18px; color: #5f6062; }
	}


  .mastheadcontainersmall { max-width: 96%; margin: 10px auto;  bottom: 0px; }
  #mainnavtoggle.appmode {max-width: 96%; margin: 10px auto 0px auto;}
			



 .mastheadcontainersmall {position: relative; .clearfix;  margin-top:5px; margin-bottom:18px; min-height: 115px; background: #fff url('/images/racgp/smoking/bg-content.png') no-repeat; background-position: 0px 0px; overflow: hidden; 
       
		h1 {width: 75%; font-size:30px; line-height:30px; color: #5f6062; float: left; margin-left:10px; margin-top:20px;
		.edition {display: block; font-family: 'HelveticaNeueETW01-55Rg'; font-size:14px; color: #5f6062; }
		}
		
 }
	

#mainnavtoggle{

 ul {list-style-type: none;}
 
	 ul li:before { 
		content:""; 
		position:relative; 
		left:0px;
	}
 
	ul ul li { text-indent:0px; }


}	
		
		
// TABLE OF CONTENTS PAGE

    .contentblock {width:100%; .clearfix;}
    .left {float: left;}
    .right {float: left !important;}




#linearnav {
  
	.nextprev { background-color: #fff; color: #333; display: block; .clearfix; width: 100%; min-height: 10px; margin-bottom:10px;
    h4 {padding: 10px 10px 0px 10px; margin-top:0px; color: #333; font-family: 'HelveticaNeueETW01-55Rg'; font-weight:bold; font-size: 18px; line-height:24px;}
    p {padding: 0px 10px 0px 10px; font-size: 14px; margin-bottom:10px !important;}
   
   }
	

  .left {text-align: center; float: left; width:100%; margin-bottom:20px;}
  .right {text-align: center; float: left; width:100%;}

}


 #mainnavtoggle { 
  li a {font-size:16px;}
}
}

}




@media print {

html {background-color: #fff; background-image: none;}

 body{
  -webkit-print-color-adjust:exact; 
}   

.sidecolsmoking, .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;}





}






// CUSTOM CHANGES FOR SMOKING CESSATION

#smoking {
	
padding-bottom:30px;
}

#smoking .content {
max-width: 90%;
margin: 0px auto;
}

#smoking .contentsection .sectionlink {
	color:#5f6062;
	font-family:'PlantinW01-LightItalic';
	font-size:20px;

	
}

#smoking .contentsection .sectionnumber {
	color:#5f6062;
	font-family:'PlantinW01-LightItalic';
	font-size:20px;

	
}



#smoking .contentsection .sectionlink a{
	color:#5f6062;
	
}

#smoking .contentsection {
	background: #f8faec;
	webkit-border-radius: 10px 0px 0px 0px; 
	-moz-border-radius: 10px 0px 0px 0px; 
	border-radius: 10px 0px 0px 0px;
	
}



#smoking .table p, #smoking .table ol, #smoking .table ul, #smoking .references ol {
		word-break: keep-all;
}


