@charset "utf-8";

/**************************************************
--- Naming Convention & writing style ---

	- IDs & class names = all_lower_case_with_underscores
	- ID and class names should relate to what they contain - not element type, position or appearance
	- Cascade ID related class names by tabbing. eg:
		#element_id{}
		  	#element_id .class_name{}
	- Use single line declarations for all but the very long	
	- Preferred order: position ;dimensions ;float ;margin ;padding ;everything else
	
--- File structure ---

	- Import
	- Global styles
	- Global classes
	- Global IDs (IDs common to all/most pages)
		- #id .classes
	- Local IDs
		- #id .classes

--- Colours ---
	List colours here for easy find & replace 
	#1d0096 - CRUK blue
	#e71c95 - CRUK magenta
		#d0529d - comp magenta
	#b9d6db - pastel blue
	#6d7d80 - cool grey

***************************************************/
	/* *** IMPORT *** */

@import url("reset.css");/* 
	Note: reset.css sets body text size @ 62.5%
	For text sizes use:
	1em 	instead of	10px 
	1.6em	instead of	16px, etc

*/

body {background:#c9d0d0 url(../images/g20/bg-tile.png) center top repeat-y;margin:0px;padding:0px;font-family:Helvetica, Arial, sans-serif}
#mount {background:url(../images/g20/bg-top.jpg) center top no-repeat;width:924px;margin:0px auto;padding:0px 50px;font-size:1.2em;}
#header {}
	#header #logo {float:left;}
	#header #skip {float:right;display:block;width:248px;height:102px;background:url(../images/g20/btn-skip.png) center center no-repeat;}
	#header #skip:hover {background:url(../images/g20/btn-skip-over.png) center center no-repeat;}
	#banner {	height:292px;background:url(../images/g20/banner.jpg) center center no-repeat;clear:both;}
	
textarea {font-family:Helvetica, Arial, sans-serif}
#page_content {overflow:auto;overflow-y:hidden;zoom:1;background:url(../images/g20/ligature.png) 53% center no-repeat;}
#page_content .html {padding:60px 35px 20px;font-size:1.3em;line-height:1.4em;font-style:italic;color:#787874;font-family:"Palatino Linotype", "Book Antiqua", Palatino,serif;text-align:center;}
	#page_content .html .content.large {font-size:2.4em;margin-bottom:30px;line-height:1.4em;}

#DataCapture {float:right;width:40%;padding:5% 1% 1% 9%;text-align:center;}
	#DataCapture label {display:block;padding:5px;font-size:1.2em;font-weight:bold;color:#555;line-height:2em;}
	#DataCapture .dps {font-size:.9em;color:#999;margin-top:20px;}
	
.social{text-align:center;}
	.social a{padding:10px;}

	/* Main Question */
	#Additional1ff23c257-b79a-ee24-e569-c7cb27c15541 {background:url(../images/g20/main-input.png) center center no-repeat;width:312px;height:100px;border:0px;padding:10px;font-size:1.2em;line-height:1.4em;color:#777;}
	/* Email input  */
	#Emailff23c257-b79a-ee24-e569-c7cb27c15541 {background:url(../images/g20/input-email.png) center center no-repeat;width:312px;height:26px;border:0px;padding:8px 10px 0px;line-height:26px;}

	/* Submit btn */
	#btnSaveff23c257-b79a-ee24-e569-c7cb27c15541 {background:url(../images/g20/input-submit.png) center center no-repeat;width:167px;height:68px;border:0px;cursor:pointer;margin-top:20px;}
		#btnSaveff23c257-b79a-ee24-e569-c7cb27c15541:hover {background:url(../images/g20/input-submit-over.png) center center no-repeat;}

#footer {background:#fff url(../images/g20/bg-footer.png) left top repeat-x;margin:0px -6px;padding:20px;clear:both;}
	#footer .col {float:left;width:30%;padding:1% 1.5%;text-align:center;}
		#footer .col p {line-height:2em;}
		#footer .col a {color:#666;text-decoration:none;font-weight:bold;}
			#footer .col a:hover {text-decoration:underline;}
		#footer .tandc {clear:both;text-align:center;color:#999;padding-top:50px;font-size:.9em;line-height:1.2em;}
		ul.tool-list{background-color:#FFF;}
		ul.tool-list li{padding:15px 0px;border-bottom:1px solid #EEE;}
		
h2{font-family:"Palatino Linotype", "Book Antiqua", Linotype, serif;text-align:center;font-size:2.5em;color:#214a4a!important;font-style:italic;padding:20px;font-weight:bold;}

#g20_landing h2{font-size:2em;}
#page_content #g20_landing .html {padding:20px 35px;}

#divTagCloud{padding:30px;clear:both;font-size:1.3em;text-align:center;width:42%;float:left;}
	#divTagCloud span{padding:5px 10px;display:inline-block;}
	#divTagCloud .tagCloud_1{font-size:1em;color:#B1AE89;}
	#divTagCloud .tagCloud_2{font-size:1.1em;color:#A4A075;}
	#divTagCloud .tagCloud_3{font-size:1.2em;color:#597777;}
	#divTagCloud .tagCloud_4{font-size:1.3em;color:#979361;}
	#divTagCloud .tagCloud_5{font-size:1.4em;color:#3D6161;}
	#divTagCloud .tagCloud_6{font-size:1.5em;color:#214A4A;}
	#divTagCloud .tagCloud_7{font-size:1.7em;color:#6C6945;}
	#divTagCloud .tagCloud_8{font-size:2em;color:#183535;}
	#divTagCloud .tagCloud_9{font-size:2.2em;olor:#565438;}
	#divTagCloud .tagCloud_10{font-size:2.5em;color:#132A2A;}