/*  
Theme Name: Giggles
Theme URI: http://www.giggleschildcare.com.au
Description: Giggles website MMIX
Version: 1
Author: Daniel Pacey
Author URI: http://www.danpacey.com

*/

/* CSS RESETS v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: 400;
	vertical-align: baseline;
	background: transparent;
}
body { 
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ------------------------ END ------------------------ */




/* ------------------------ Main DIVs and Classes ------------------------ */



body {
	background: #ededed;
	font-family: arial, lucidagrande, 'lucida sans unicode', arial, helvetica;
	font-size: 10pt;
	height: 100%;
	}

	
#background {
	width: 100%;
	height: 643px;
	background: url('images/background.gif') transparent;
	background-repeat: repeat-x;
	position: absolute;
	left: 0%;
	}
	
#background2 {
	width: 100%;
	height: 507px;
	width: 1802px;
	background: url('images/bg_pages.png') transparent;
	background-repeat: no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -901px;
}

h1, h1 a, h2, h3, h4, a {
	letter-spacing: -.5px;
	text-align: left;
}

h1, h1 a {
	font-size: 35px;
	font-weight: normal;
	text-transform: none;
	letter-spacing: -1px;
}

h2 {
	color: purple;
	font-size: 30px;
	font-weight: normal;
	padding: 0px;
	color: #CF3F8E;
}

h3 {
	font-size: 20px;
	font-weight: normal;
	line-height: 25px;
	margin: 0px 0px 10px 0px;
}
	
li {
	list-style:none;
	}

#container {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: auto;
	position: relative;
	background: #fff;
	}

#page {
	height: 100%;
	padding-bottom: 20px;
	}
	
#bottom {
	background: url('images/smbg.gif') #ededed;
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
	position: relative;
	bottom: 0;
	height: 215px;
	border-top: 1px solid #dedede;
	margin: auto;
	}
	
#bottom h3 {
	color:#333;
	

}	

	
#header {
	width: 910px;
	margin: auto;
	padding-top: 40px;
	height: 100px;
	position: relative;
	left: -10px;
	}
	
#logo {
	background: url('images/logo.png') transparent;
	background-repeat: no-repeat;
	width: 245px;
	height: 100px;
	float: left;
	}
	
#homeheader {
	width: 900px;
	height: 77px;
	margin: auto;
	/*background: url('images/homeheading.png') transparent;*/
	background-repeat: no-repeat;
	overflow: visible;
	position: relative;
	margin-top: 50px;
	margin-bottom: 0px;
	}
	

#pagehead {
	width: 900px;
	height: 355px;
	margin: auto;
	margin-bottom: -60px;
	}
	
#pageheader {
	width: 900px;
	height: 77px;
	position: relative;
	margin-bottom: -20px;
	top: -20px;
	float: left;
	}
	
#page-img { 
	background: url('images/page-img01.png') transparent;
	width: 480px;
	height: 355px;
	float: right;
	position: relative;
	left: 103px;
	margin-bottom: -140px;
	}


#panelbg {
	width: 100%;
	overflow: hidden;
	padding: 10px 0px 10px 0px;
	position: relative;
	line-height: 14pt;
	color: #444;
	}
	
#sitemap { 
	color: #999;
	width: 100%;
	min-height: 160px;
	overflow: hidden;
	padding: 15px 0px 10px 0px;
	position: relative;
	}
	
#homepanel {
	width: 100%;
	overflow: hidden;
	padding: 20px 0px 30px 0px;
	position: relative;
	line-height: 14pt;
	margin: 5px 0 10px 0;
	}
	
.gigglestl {
	margin: 15px 0 20px 0;
	display:block;
	}
	
.gigglessub {	
	margin: 10px 0 20px 0;
	display:block;
	}
	
.txthome {
	margin: 20px 0 10px 0;
	display:block;
	}
	
#footer {
	height: 24px;
	line-height: 24px;
	color: #999;
	font-size: 8pt;
	background: transparent;
	position: relative;
	}
	
.panelcontent {
	width: 900px;
	margin: auto;
	/*overflow: hidden;*/
	}

#illu3d {
	margin: 0px auto;
	position: relative;
	left: 50%;
	margin-left: -597px;
	height: 511px;
	}
	
#home3d {
	background: url('images/3d_top.png') transparent;
	background-repeat: no-repeat;
	background-position: 134px 0px;
	width: 1195px;
	height: 352px;
	margin: 0px auto;
	position: relative;
	top: 30px;
	right: 0px;
	
	}
	
#btns {
	width: 1195px;
	height: 159px;
	margin: 0px auto;
	position: relative;
	left: -13px;
	top: 30px;
	bottom: 0px;
	padding: 0;
	margin-bottom: 0px;
	}

	
#skybtn {
	background: url('images/BtnSkyH.jpg') no-repeat bottom left;
	width: 598px;
	height: 176px;
	float: right;
	margin-top: -16px;

	}
	
#lexbtn {
	background: url('images/LexBtnH.jpg') no-repeat bottom left;
	width: 597px;
	height: 176px;
	float: left;
	margin-top:-16px;

	}
	
#skybtn:hover {
	background-position:top left;
	}
	
#lexbtn:hover {
	background-position:top left;
	}
	
	
	
/* ------------------------ Single Page ------------------------ */


#single-artwork	{
	margin: 30px 0px -10px 0px;
	min-height: 530px;
	overflow: hidden;
	position: relative;
}

#hut {
	width: 800px;
	height: 530px; 
	overflow: hidden;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -410px;
	}

	
#singlemenu {
	background: url('images/hr.png') transparent;
	background-repeat: repeat-x;
	background-position: bottom;
	overflow: none;
	width: 900px;
	height: 30px;
	margin: auto;
	margin-bottom: 20px;
	}
	
#content {
	overflow: auto;
	
	}
	
	
#map {
	width: 390px;
	height: 250px;
	background: url('images/mapbg.png') transparent;
	padding: 5px;
	}


#photos { z-index: 99; }
	
#photos li {
	width: 80px;
	height: 80px;
	float: left;
	margin: 5px;
	list-style-type: none;
	}
	
#address {
	width: 410px;
	height: 56px;
	background: url('images/address.png') transparent;
	padding: 20px;
	background-repeat: no-repeat;
	color: #333;
	margin-top: 20px;
	}
	
#address p { 
	margin-bottom: 0; 
	}

.jobstitle {
	color:#00b8e0;
	}


/* ------------------------ Sitemap ------------------------ */




	


#smbg ul, li {
	list-style: disc;
	}
	
.sm-about, .sm-sitemap, .sm-centres, .sm-contact { /*background: url('images/sm-labels.png') transparent;*/ background-repeat: no-repeat; width: 195px; height: 23px; margin-bottom: 10px; }

.sm-about { background-position: 0px 0px; }
.sm-sitemap { background-position: 0px -30px; }
.sm-centres { background-position: 0px -62px; }
.sm-contact { background-position: 0px -91px; }

#smbg p { margin-bottom: 17px; } 
	
/* ------------------------ Navigation ------------------------ */
	
#navigation {
	float: right;
	width: 700px;
	height:30px;
	position: relative;
	margin-top:-50px;
	}
	
#navigation li {
	display: block;
	margin-right: 10px;
	height: 30px;
	float:left;

	}
	
	
#navigation li a#home, #navigation li a#about, #navigation li a#whatson, 
#navigation li a#download, #navigation li a#handbook, #navigation li a#jobs, 
#navigation li a#links2, #navigation li a#contactus {
	background:url(images/menu.png);
	background-repeat:no-repeat;
	display: block;
	height:30px;
	}
	
	
#navigation li a#home{ width:67px;}
#navigation li a#about{background-position:-80px 0; width:67px;}
#navigation li a#whatson{background-position:-159px 0; width:91px;}
#navigation li a#download{background-position:-262px 0; width:92px;}
#navigation li a#handbook{background-position:-364px 0; width:92px;}
#navigation li a#jobs{background-position:-468px 0; width:57px;}
#navigation li a#links2{background-position:-539px 0; width:57px;}
#navigation li a#contactus{background-position:-608px 0; width:95px;}
	
#navigation li a#home.current{background-position:0 -30px; width:67px;}
#navigation li a#about.current{background-position:-80px -30px; width:67px;}
#navigation li a#whatson.current{background-position:-159px -30px; width:91px;}
#navigation li a#download.current{background-position:-262px -30px; width:92px;}
#navigation li a#handbook.current{background-position:-364px -30px; width:92px;}
#navigation li a#jobs.current{background-position:-468px -30px; width:57px;}
#navigation li a#links2.current{background-position:-539px -30px; width:57px;}
#navigation li a#contactus.current{background-position:-608px -30px; width:95px;}

#navigation li a#home:hover{background-position:0 -62px; cursor:pointer;}
#navigation li a#about:hover{background-position:-80px -62px; cursor:pointer;}
#navigation li a#whatson:hover {background-position:-159px -62px; cursor:pointer;}
#navigation li a#download:hover {background-position:-262px -62px; cursor:pointer;}
#navigation li a#handbook:hover{background-position:-364px -62px; cursor:pointer;}
#navigation li a#jobs:hover{background-position:-468px -62px; cursor:pointer;}
#navigation li a#links2:hover{background-position:-539px -62px; cursor:pointer;}
#navigation li a#contactus:hover{background-position:-608px -62px; cursor:pointer;}

/* ------------------------ ategory colour ------------------------ */
	
#c-home{ color:#cf3f8e;}
#c-about{color:#00b8e0;}
#c-whatson{color:#6ebf53;}
#c-download{color:#f6734c;}
#c-handbook{color:#f6944c;}
#c-jobs{color:#00b8e0;}
#c-links{color:#3a5dab;}
#c-contactus{color:#fbaa2a;}
	


/* ------------------------ Navigation ------------------------ */

#panelbg a { font-size: 10pt; }

a:link { text-decoration: none; color: #222; }
a:visited { text-decoration: none; color: #222; }
a:hover { text-decoration: underline; color: #00b8e0; }
a:active { text-decoration: none; color: #3c3530; }

#sitemap a:link { text-decoration: none; color: #999;  }
#sitemap a:visited { text-decoration: none; color: #999; }
#sitemap a:hover { text-decoration: none; color: #222; }
#sitemap a:active { text-decoration: none; color: #666; }



.singlenav { font-size: 10pt; text-decoration: none; line-height: 30px; margin-right: 30px;}
.singlenav:link { text-decoration: none; color: #706b5d; }
.singlenav:visited { text-decoration: none; color: #706b5d; }
.singlenav:hover { text-decoration: none; color: #3c3530; }
.singlenav:active { text-decoration: none; color: #3c3530; }


.links { font-size: 10pt; text-decoration: none; line-height: 26px; list-style-type: none; border-bottom: 1px dotted #ccc; padding-top: 1px; }
.links:hover { border-bottom: 1px dotted #666; padding-top: 0px; padding-bottom: 1px;}
.clickblock { cursor: pointer; }

.newsletter { background: url('images/nl_dl.png') transparent; width: 350px; height: 120px; border: 0;}
.newsletter:hover { background-position: 0px -120px;}




/* ------------------------ Post ------------------------ */

#contentpart {
	width:580px;
	margin-right:20px;
	padding: 0 10px;
	float:left;
	overflow:visible;
	}
	
#post {
	width: 300px;
	height: 100px;
	margin:0 0 25px 0 ;
	border:1px # solid;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	overflow:visible !important;
	}

.post {
	width:580px;
	margin:0 0 25px 0 ;
	border-bottom:2px #6ebf53 solid;
	font-family:Arial, Helvetica, sans-serif;
	padding:20px 0 10px 5px;
	position:relative;
	overflow:visible !important;
	}

	
.post h2 a{
	
	font-size:20px !important;
	font-weight:bold;
	margin-top: 10px ;
	padding:10px 0 0 10px;
}

.post h2 a:hover{
	color:#6ebf53;
	}
	
.post-date {
	color:#fff;
	font-weight:bold;
	display:block;
	text-align:justify;
	width:93px;
	height:110px;
	top:21px;
	left:-96px;
	position: absolute;
	background: url(images/calendar.gif) no-repeat;
	}
	
.post-day {
	font-size:30px;
	display:block;
	text-align:center;
	padding-top:35px;
	font-weight:bold;
	width:93px;
	height:15px;
	color:#f6944c;
	}
	
.post-month, .post-year {
	display:block;
	text-align:center;
	color:#333;
	width:93px;
	height:15px;
	}
	
.post-month{
		font-size:16px;
		font-weight:bold;
		margin-top:10px;
		}
	
.post-year {
	font-size:12px;
	font-weight:bold;
	
	
	}

.comments {
	width:130px;
	height:40px;
	position:absolute;
	left: 450px;
	top: 10px;
	}
.comments a {
	color:#fff;
	font-size:0.9em;
	}	

.comments span {
	float:left;
	}
	
.post-comments {

	background: url(images/bubbles.png) no-repeat;
	display:block;
	padding:7px 5px 0 2px;
	margin-top:-5px;
	width:30px;
	text-align:center;
	height:28px;
	float:left;
	}
	
.post-comments a {
	color: #666;
	font-size:11px;
	font-weight:bold;
	}
	
.commentstxt {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-align:center;
	display:block;
	width:60px;
	height:16px;
	margin:4px;
	float:left;
	}
	
.postcontent {
	width:580px;
	min-height:100%;
	height:auto;
	overflow:auto;
	scrollbar-shadow-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-face-color:#fff;
	scrollbar-3dlight-color:#fff;
	scrollbar-darkshadow-color:#fff;
	scrollbar-track-color:#fff;
	scrollbar-arrow-color:#fff;
	}
	
.posttxt {
	display:block;
	margin:10px;
	color: #666;
	text-align:justify;
	width:330px;
	height:250px;
	float:left;
	overflow:hidden;
	}
	
.posttxts {
	display:block;
	margin:10px;
	color: #666;
	text-align:justify;
	width:560px;
	
	}
	
.postimg {
	border:#FF9 solid 4px;
	float:left;
	width:200px;
	height:200px;
	margin: 10px 20px 0 0;
	}
	
.postimgs {
	border:#FF9 solid 10px;
	float:left;
	width:540px;
	height:300px;
	margin:40px 10px 20px 10px;
	}

.posttag {
	height:18px;
	width:560px;
	clear:left;
	padding:2px 10px 2px 10px;
	font-size:12px;
	color: #666;
	font-weight:bold;
	}	
	
.posttags {
	margin-left:10px;
	display:block;
	}
	
.posttag a {
	color:#fff;
	font-weight:normal;
	}
	
.navipost {
	height:22px;
	width:539px;
	padding:3px 10px 3px 10px;
	color: #666;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	}
	
.navigation a { 
	color:#666;
	}	

.navright {
	float:right;
	}

	
	/* ------------------------ sidebar ------------------------ */	
		
#sidebar {
	float:left;
	margin-top:-90px;
	font-weight:bold;
	}

#sidebar a {
	color:#fff;
	font-weight:bold;
	font-size:14px;
	}
	
#sidebar ul {
	display:block;
	margin-bottom:20px;
	}
	
#topside{
	width:280px;
	height:150px;
	background:url(images/topsidebar.png) no-repeat;
	}
	
#centerside {
	padding:15px 20px;
	width:240px;
	background: url(images/pixgreen.gif) repeat;
	}
	
#bottomside{
	width:280px;
	height:55px;
	background: url(images/bottomsidebar.png) no-repeat;
	}
		
#sidebar form {
	margin:0 0 20px 0;
	display:block;
	height:40px;
	width:240px;
	}
	
.searchfield {
	width:190px;
	height:20px;
	float:left;
	display:block;
	margin: 5px 5px 0 0 ;
	font-family: arial, helvetica;
	color: #222;
	font-size: 12pt;
	letter-spacing: 0.03em;
	background: url('images/inputbg.png')repeat-x #fff ;
	border: 1px solid #fff;
	}	
	
.searchbutton {
	float:right;
	width:30px;
	height:30px;
	margin-right:10px;
	background:url(images/searchicon.png) no-repeat;
	display:block;
	border:none;
	}
	
#sidebar select {
	margin-top:8px;
	font-family: arial, helvetica;
	color: #333;
	font-size: 10pt;
	text-align:center;
	width:220px;
	height:20px;
	background:url('images/inputbg.png')repeat-x;
	border: 1px solid  #fff;
	}
	
#panelcontent h3 {
	font-size:14px !important;
	font-weight:bold;
	color:#333;
	}
	
	
#panelcontent p {
	font-size:10px;
	display:block;
	color:#666;
	height:40px;
	width:200px;
	overflow:hidden;
	}
			
/* ------------------------ comments ------------------------ */



	
.fieldreply {
	width:200px;
	height:20px;
	display:block;
	margin: 5px 5px 10px 0 ;
	font-family:arial, helvetica;
	color:#222;
	font-size: 10pt;
	letter-spacing: 0.03em;
	background: url('images/inputbg.png') repeat-x ;
	border: 1px solid #CCC;
	}
	
	
#comment {
	width:540px;
	height:200px;
	display:block;
	border: 1px solid #CCC;
	background: url('images/bg_field.gif')repeat-x top left;
	}
	
.btnsubmit {
	width:100px;
	height:25px;
	background: url('images/inputbg.png') repeat-x ;
	border:1px solid #CCC;
	
	}
	
#handfield .btnsubmit {
	float:right;
	margin:10px 30px 0 0;
	}
	
#handfield p {
	text-align:justify;
	display:block;
	margin: 15px 0;
	width:400px;
	
	
	}

.btnsubmit:hover {
	background:#fff;
	border:1px solid #CCC;
	}
	
.fieldpass {
	display:block;
	width:340px;
	height:20px;
	float:left;
	background: url('images/inputbg.png')repeat-x top left;
	border:1px solid #CCC;
	}
	
#handfield {
	width:440px;
	height:200px;
	padding:30px 20px;
	margin: 20px 0 0 -20px;
	}

	
#handfield label {
	display:block;
	float:left;
	margin-right:10px;
	}
	
#handfield h3 {
	color: #F90;
	border-bottom: 1px solid #CCC;
	margin-bottom:15px;
	font-size:24px;
	display:block;
	width:440px;
	
	}
	
/* ------------------------ newletter ------------------------ */
	
#contentnew {
	display:block;
	width:900px;
	margin:0 auto;
	}	
	
.postnew{
	display:block;
	float:left;
	width:408px;
	height:118px;
	margin:0 10px 10px 10px;
	border:1px solid #CCC;
	padding:0  10px;

	} 
	
	
.postnew h2 a {

	font-size:16px!important;
	font-weight:bold;
	color:#6CF;
	margin:0;
	padding:0;
	}
	
	
.imagenews {
	float:left;
	width:140px;
	height:93px;
	border:2px solid  #CCC;
	margin:10px 0;

	}

.captionnews {
	float:left;
	width:244px;
	height:93px;
	padding:0 10px;
	margin:13px 0;
	}
	
.captionnews p {
	font-size:11px;
	text-align:left;
	}
	
.postnew small {
	display:block;
	font-size:10px;
	color:#CF3F8E;
	margin-top:-5px;
	}
	

	
	
/* ------------------------ FLIR Replaced ------------------------ */




h1.panel { 
	color: #cf3f8e;
	font-size: 19pt;
	line-height: 26px;
	}
	
h1.sign { 
	color: #291d18;
	font-size: 22pt;
	line-height: 30px;
	padding-top: 38px;
	}

h1.smallhead{ 
	color: #666;
	font-size: 14pt;
	line-height: 26px;
	margin-bottom: 6px;
	}
	
h1.pageheader {
	color: #333;
	font-size: 18pt;
	line-height: 30px;
	margin-bottom: 10px;
	}
	
h1.subhead { 
	color: #666;
	font-size: 16pt;
	line-height: 30px;
	margin-bottom: 10px;
	}
	
/* ------------------------ Extra Classes ------------------------ */

.block {
	display: block;
	width: 100%;
	height: 100%;
	}
	
.hidden { display: none; }

#tooltip {
	background: #222;
	color: #fff;
	height: 20px;
	padding: 10px;
	line-height: 20px;
	font-size: 12pt;	
}

.hr { 
	background: url('images/hr.png') transparent;
	line-height: 2px;
	height: 2px;
	width: 100%;
	display: block;
	margin: -5px 0px 10px 0px;
	}
	
.ninept { font-size: 9pt; }

.left { float: left; overflow: hidden; }
.right { float: right; overflow: hidden; }

p { margin-bottom: 10px; }
abbr { border-bottom: 1px dotted #665b54; cursor: help; }
strong { font-weight: 400; color: #222; }

.fullheight { margin: 10px auto; min-height: 360px; }



.panelcontent .col1 {
	margin-right: 30px;
	float: left;
	width: 150px;
	}


.panelcontent .col2 {
	float: left;
	width: 150px;
	margin-right: -10px;
	}


.panelcontent .col3 {
	float: left;
	width: 130px;

	}

.panelcontent .col4 {
	float: left;
	width: 380px;
	margin-right: 0px;
	}
	
	
.panelcontent .col2 ul {
	font-size: 10pt;
	line-height: 14pt;
	}



.panelcontent .col1, .panelcontent .col2, .panelcontent .col3, .panelcontent .col4{
	display: inline;
	overflow: hidden;
	font-size: 9pt;
	line-height: 14pt;
	}

ul.list {
	list-style: disc;
	padding: 15px;
	margin: 0px;
	}
	
.f_left {
 float: left;
 width: 175px;
 margin-right:30px;
	}
 
 .f_right {
 float: left;
 width: 175px;
	}
 
 
 .panelcontent li {
 list-style: none;
 	}
 
  .panelcontent h4 {
  font-size: 10pt;
  color: #333;
  display: block;
  margin-bottom: 5px;
	}
 
 
 

/* ------------------------ Forms ------------------------ */

#login {	
	width: 400px;
	margin: 30px 0px;
	padding: 0px;
	}
	
textarea, input {
	font-family: arial, helvetica;
	color: #222;
	}

textarea.c-textarea, input.c-input {
	font-family: arial, helvetica;
	color: #222;
	height: 20px;
	padding: 7px;
	font-size: 12pt;
	letter-spacing: 0.03em;
	width: 240px; 
	background: url('images/inputbg.png')repeat-x #fff ;
	background-position: 50% 0px;
	background-repeat: repeat-x;
	border: 1px solid #ccc;
	}

	
textarea.c-textarea {
	height: 100px;
	margin-bottom: 34px;
	}
	
textarea.c-textarea:focus, input.c-input:focus { 
	background: url('images/inputbg.png') #ededed; 
	background-repeat: repeat-x;	
	color: #222; 
	border: 1px solid #999; 
	}
	
label.c-label {
	width: 100px;
	display: block;
	float: left;
	margin-right: 20px;
	font-family: arial, lucidagrande, 'lucida sans unicode', arial, helvetica;
	color: #222;
	height: 20px;
	padding: 6px 0px;
	}	

input.button { 
	font-size: 12pt;
	font-weight: 900;
	width: 80px; 
	height: 32px; 
	padding: 0;
	position: relative;
	left: 120px;
	top: -38px;
	background: url('images/inputbg.png') #80a523; 
	color: #fff; 
	border: 1px solid #80a523;
	cursor: pointer;
	}
	
input.button:hover { background: url('images/inputbg.png') #b8d01a; color: #222; }

input.radio { width: 20px; background: transparent; border: 0;}