@charset "utf-8";
/* CSS Document */

/*reset*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin:0;padding:0;}
body, button, input, select, textarea {font:14px  nina, Raavi, Tahoma, Geneva, sans-serif}
h2, h3, h4, h5, h6 {font-size:100%;}
address, cite, dfn, em, var {font-style:normal;}
code, kbd, pre, samp {font-family:courier new,courier,monospace;}
small {font-size:12px;}
ul, ol {list-style:none outside none;}
a, a:hover { color:#fff; text-decoration:none; border:none;blr:e­xpression(this.onFocus=this.close());}
a:focus { -moz-outline-style: none; }
input{border:none;blr:e­xpression(this.onFocus=this.close());}
input{outline-style: none; }
legend {color:#000000;}
fieldset, img {border:0 none; padding:0; _margin-top:-3px;}
button, input, select, textarea {font-size:100%;}
table {border-collapse:collapse;border-spacing:0;}
img{border:none;}


.clear{ clear:both;}
.floatL{ float:left;}
.floatR{ float:right;}

body{ background-color:#424242;}

.main_box{ width:980px; margin:0 auto 0;}

/*header*/
.header{}
.header_nav{ float:right; font-weight:bold; padding:10px 0 0 0; width:353px;}
.header_nav .dot1{background:url(../images/dot1.png) no-repeat scroll center right;}
.header_nav .dot2{background:url(../images/dot2.png) no-repeat scroll center right;}
.header_nav .dot3{background:url(../images/dot3.png) no-repeat scroll center right;}
.header_nav li{ float:right; padding:3px 0 3px 7px;}
.header_nav li a{ text-align:right; padding:0 20px 0 0; height:16px; line-height:16px; display:block;}

.logo{float:left;
      width:103px;
	  height:107px;
      background:url(../images/logo.png) no-repeat scroll center center; }

.better_to_know{float:left;
                padding:25px 20px;
				width:357px;
				height:52px;
				background:url(../images/better_to_know.png) no-repeat scroll center center; }

.nav{ background:#f5a332; border-left:1px solid #f5a332; border-right:1px solid #f5a332;padding:0 7px;
	}

.radius{ margin:0 auto;
         -moz-border-radius:8px;
         -webkit-border-radius:8px;
	     margin-bottom:5px;}

.radius p{ background:#f5a332; font-size:1px;}
.line1{ margin:0 5px; border-bottom:1px solid #f5a332;}
.line2{ margin:0 3px; border-left:2px solid #f5a332; border-right:2px solid #f5a332; height:1px;}
.line3{ margin:0 2px; border-left:1px solid #f5a332; border-right:1px solid #f5a332; height:1px;}
.line4{ margin:0 1px; border-left:1px solid #f5a332; border-right:1px solid #f5a332; height:2px;}

/*
.nav li ul{  position:absolute; top:35px; left:0; z-index:999; display:block; *padding-bottom:3px; border-top:#f5a332 3px solid }
.nav li ul li{ float:none;
                     border:#f5a332 1px solid;
					 margin:0;
					 padding:0;
                     *width:140px;
					 border-radius:5px;
		             behavior: url(border-radius.htc);
					 -moz-border-radius:5px;
					 -webkit-border-radius:5px;
					 z-index:1000;
					 position:relative;
					 height:35px;
					 }
.nav li ul li a{ color:#fff;
					   display:block;
					   width:142px;
					   background-color:#424242;
					   border-radius:5px;
		              behavior: url(border-radius.htc);
					   -moz-border-radius:5px;
					   -webkit-border-radius:5px;
					   height:35px;}
.nav li ul li a:hover{color:#fff; width:142px;background-color:#c74b1e;  text-decoration:underline;  }
*/


/*contect*/
.content{ margin:5px 0; color:#fff; line-height:1.5em; }
.content .big_title{font-size:70px; font-weight:bold; line-height:1em;}
.content .mid_title{font-size:28px; line-height:1em; margin:10px 30px 10px 0;}
.content .mid_title span{padding:0 15px;}
.content .small_title{font-size:26px;line-height:1.2em; font-weight:bold;}
.content_left{ float:left;
               width:360px;
               background-color:#f5a332;
			   -moz-border-radius:5px;
			   -webkit-border-radius:5px;
			   padding:20px;
			   color:#fff;}
.content_right{ float:left;
               width:575px;
			   margin-left:5px;
			   color:#fff;}
.content_right a{ font-size:16px; margin-right:18px; text-decoration:underline;}
.content_right .link{margin:10px 18px 10px 0;}
.content_right .link a{ margin:0px 8px;}
.right_frame{
			 -moz-border-radius:5px;
			 -webkit-border-radius:5px;
			 padding:15px 10px;
			 margin-bottom:5px;
			 }
.right_top{background-color:#f5a332;}
.right_middle{background-color:#c74b1e;}
.right_bottom{background-color:#872c1e;}

/*footer*/
.footer{
		 background-color:#f5a332;
		 padding:0px 20px;
		 height:60px;
		 }
.footer a.afao_logo{ float:left; display:block; padding:5px 0 0 0; }
.footer .afao{ float:left; padding:20px 5px 0px 5px; color:#fff; font-weight:bold;}
.footer a{ display:block; padding:20px 5px 0px 5px; color:#fff; font-weight:bold; text-decoration:underline;}

/*bugs*/
.bugs_left{ float:left; width:485px; padding:0 0 0 15px;}
.bugs_left img{ margin-right:10px;}
.bugs_left p{ padding:3px 0;}

.bugs_right{ float:right;
             width:300px;
			 margin:15px 0 0 0;
			 -moz-border-radius:5px;
			 -webkit-border-radius:5px;
			 padding:10px 25px 80px 25px;
			 background-color:#e08715;
			 text-align:right;}

.bug_mid_title{ font-size:18px;}

.stages{ padding:25px 0 0 15px;}

/*remind_me*/
.remind_left{ width:300px; float:left; padding:0 0 70px 15px;}
.remind_right{ float:left; width:520px; padding:8px 0 0 15px;}
.remind_right img{ padding:0 5px;}
.remind_right td{ height:32px; padding:5px 0; }
.remind_right td span{ height:26px; line-height:26px; vertical-align:top;}
.remind_right th{ text-align:right; height:30px; line-height:30px;}
.remind_right input{ height:30px; width:200px; padding-left:5px;}
.remind_right label{ height:30px; line-height:28px; vertical-align:top;}

.remind_right a.button{
	                 display:block;
	                 background-color:#e38e1a;
                     padding:8px 10px;
					 color:#fff;
					 -moz-border-radius:8px;
					 -webkit-border-radius:8px;
					 float:left;
					 cursor:pointer;}
.remind_right a:hover.button{ background-color:#C74B1E;}


a#done_button{ display:block; background-image:url(http://www.bettertoknow.org.au/static/css/images/done_button.png); height:43px; width:68px;}

/*notify_page*/
.notify_page{ padding:30px 0 70px 15px;}
.sms_email{vertical-align:middle; padding:0 12px 0;}
.notify_page img{ padding:0 5px;}
.notify_page td{ height:32px; padding:5px 0; }
.notify_page td span{ height:26px; vertical-align:top; padding:0 8px;}
.notify_page .select_sti input{ width:14px; margin:0 8px 0 3px; }
.notify_page .select_sti lable{ height:26px; display:block; vertical-align:middle;}
.notify_page th{ text-align:right; height:30px; line-height:30px; width:100px; font-size:24px;}
.notify_page input{ height:30px; line-height:30px; width:140px; padding-left:5px;}
.notify_page label{ height:30px; line-height:30px; vertical-align:top;}

.notify_page a.button{display:block;
                     background-color:#e38e1a;
                     padding:8px 10px;
					 color:#fff;
					 -moz-border-radius:8px;
					 -webkit-border-radius:8px;
					 float:left;
					 cursor:pointer;}
.notify_page a:hover.button{ background-color:#C74B1E;}
.notify_page .send_info{ float:left;
                         padding:8px 12px;
						 width:170px;
						 background-color:#e38e1a;
						 color:#fff;
						 -moz-border-radius:8px;
						 -webkit-border-radius:8px;
						 margin-left:20px;
						 }

.question { padding: 5px 15px 0 }
.question textarea { width: 500px; height: 100px }

.login-page img{ padding:0 5px;}
.login-page td{ height:32px; padding:5px 0; }
.login-page td span{ height:26px; line-height:26px; vertical-align:top;}
.login-page th{ text-align:right; height:30px; line-height:30px;}
.login-page input{ height:30px; line-height:30px; width:200px; padding-left:5px;}
.login-page label{ height:30px; line-height:28px; vertical-align:top;}

.login-page a.button{
	                 display:block;
	                 background-color:#e38e1a;
                     padding:8px 10px;
					 color:#fff;
					 -moz-border-radius:8px;
					 -webkit-border-radius:8px;
					 float:left;
					 cursor:pointer;}
.login-page a:hover.button{ background-color:#C74B1E;}

.update_but{
margin-right:15px;
}