@charset "utf-8";
/* CSS Document */
/* Styles specific to the Online Green Guide section  -  Created by Chris Rees May 2009 */

#maincontent {border: 1px dashed #669900; padding:8px; margin-bottom:5px; width:599px; margin-top:10px;}
#Sustainability{background-image: url(/en/images/top-images/file,26141,en.jpg);	background-repeat: no-repeat;	}

/* -------------------------------------------------------
   Green Guide home page styles
----------------------------------------------------------*/
#uni-logos {
	float: left;
	clear: both;
	margin-top: -8px;
	padding-top: 8px;
	background-color: #FFF;
	width: 595px;
	padding-bottom: 8px;
}

#gguide-left {
	float: left;
	width: 385px;
	padding:3px;
	background-image: url(/en/images/basic/file,35024,en.png);
}
*html #gguide-left {
	float: left;
	width: 385px;
	background-color:#fff;
	padding:3px;
	background-image: none);
}
#gguide-right {float: left;	width: 198px; margin-left: 4px;}
#gguide-right p {padding-left:5px; padding-top: 4px;}
#gguide-right h6 {margin-top:3px;}
.gguide-intro {background-image: url(/en/images/wgs/sustainability/greenguide/file,33323,en.jpg); background-repeat: repeat-x; padding:8px; color: #FFF; line-height: .9em; font-weight: normal; margin-top: 0px; font-size: 1.1em; background-color:#88ba27; margin-bottom:5px;}
.green-bold { color: #390; font-weight: bold;}
#gguide-left img {border:none;}
#gguide-left p {margin-left:10px;}
#gguide-left ul{
	margin-top:10px;
	list-style-type: square;
	list-style-position: outside;
	margin-left: 25px;
	font-size: .7em;
	color: #060;
	margin-bottom: 4px;
}
#gguide-left ul li{
	margin-top: 4px;
	margin-bottom: 4px;
}
#gguide-right img {border:none;}
/* ------------------------------------------------------------------------
   Green Guide Recycling Menu page 
----------------------------------------------------------------------------*/
.recycle-btn1 {color:#fff; width:160px; float:left;	background-image: url(/en/images/wgs/sustainability/greenguide/file,33348,en.jpg);
	background-repeat: no-repeat; font-size:0.7em; padding-top:180px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px;
	height:144px; margin-bottom: 25px; border:1px solid #336600; margin-left: 20px; margin-top: 15px; }
	
.recycle-btn2 {color:#fff; width:160px; float:left; margin-left:20px; background-image: url(/en/images/wgs/sustainability/greenguide/file,33350,en.jpg); background-repeat: no-repeat; font-size:0.7em; padding-top:180px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; height:144px;	border:1px solid #336600; margin-top: 15px;}
.recycle-btn3 {color:#fff; width:160px; float:left; margin-left:5px; background-image: url(/en/images/wgs/sustainability/greenguide/file,33351,en.jpg);
	background-repeat: no-repeat; font-size:0.7em; padding-top:180px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; height:144px;	border:1px solid #336600; margin-top: 15px; }
	
.recycle-btn-TUC {color:#fff; width:160px; float:left;	background-image: url(/en/images/wgs/sustainability/greenguide/file,34819,en.jpg);
	background-repeat: no-repeat; font-size:0.7em; padding-top:180px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px;
	height:144px; margin-bottom: 25px; border:1px solid #336600; margin-left: 5px; margin-top: 15px;  clear:left; }
	
.recycle-btn-SMU {color:#fff; width:160px; float:left; margin-left:20px; background-image: url(/en/images/wgs/sustainability/greenguide/file,34817,en.jpg); background-repeat: no-repeat; font-size:0.7em; padding-top:180px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; height:144px;	border:1px solid #336600; margin-top: 15px;}
.recycle-btn-SU {color:#fff; width:160px; float:left; margin-left:20px; background-image: url(/en/images/wgs/sustainability/greenguide/file,34818,en.jpg); background-repeat: no-repeat; font-size:0.7em; padding-top:180px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; height:144px; border:1px solid #336600; margin-top: 15px;}
	

	

h3 {
	text-align: right;
	padding-right: 30px;
	background-image: url(/en/images/wgs/sustainability/greenguide/file,33355,en.jpg);

	background-repeat: no-repeat;
	background-position: right;
	color: #679A01;
	margin-right: 0px;
        margin-top: 45px;	
        float: right;
}
#maincontent { padding-bottom:75px;}
#guide-wrapper a:link{color:#fff; text-decoration: none;}
#guide-wrapper a:visited{color:#fff; text-decoration: none;}
#guide-wrapper a:hover{color:#fff;text-decoration: underline;}
h5 {    color:#000;
        font-size: 1.1em;
	margin-right: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-bottom: 5px;}

#green-left h5 {color: #FFF;  margin-bottom: 15px; }
#gguide-left h5 {color: #000;  margin-left:10px;}
.recycling-box {background-color: #690; color: #FF0;}
.recycling-box img {
	float:left;
	margin-right: 15px; 
	padding: 0px;
	margin-top: -5px;
}
#green-left {width: 390px; background-color: #669900; color: #FFF; padding: 15px;	float: left; margin-top: 0px; }
#green-right {background-color: #346633; float: left; width: 145px; color: #FFF; padding: 15px; margin-top: 0px;}
#green-right a:link {color:#ffff99; font-weight:bold;}
#green-right a:visited{color:#ffff99; font-weight:bold;}
#green-right a:hover{color:#ffff99; text-decoration:underline;}
/*-------------------------------------------------------
  Recycling types options
---------------------------------------------------------*/
#green-top-strip {
	width: 595px;
	margin-bottom: 15px;
	height:60px;
}
#green-top-strip img{float:left; margin-top:4px; margin-left:5px;}
#main-green-div {
	width: 595px;
	font-size: 1.1em;
}
#main-green-div a:link {color:#FFF; text-decoration:none;}
#main-green-div a:visited {color:#fff; text-decoration:none;}
#main-green-div a:hover {color:#FFF; text-decoration:underline;}
#main-green-div a:link img  {border:1px #060 solid; color:#060;}
#main-green-div a:visited img{border:1px #060 solid; color:#060;}
#main-green-div a:hover img {border:1px #fff; solid; color:#99cc33;}
.green-bg-wht-txt {
	background-color:#060;
	color: #FFF;
	padding-left: 10px;
	padding-top: 10px;
	font-size: .9em;
	background-image: url(/en/images/wgs/sustainability/greenguide/file,33748,en.jpg);
	background-repeat: repeat-x;
}
.light-green-bg {
	background-color:#99cc33;
	color: #FFF;
	font-size: .7em;
	padding: 10px;
}
.light-green-bg li{
	margin-left: 15px;
	margin-top: 4px;
	line-height: 14px;
	font-size: .9em;
	list-style-type: circle;
}
.light-green-bg img {border:1px solid #336600;}


td img {border:none;}
td {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

.recycling-box a:link, a:visited, a:hover {color:#fff;}
.hidden {display:none;}
.redtext {color: #C00;	font-weight: bold;}
.greentext {color: #060;}

#gg-topnav {
	width:583px;
	padding:6px;
	background-color:#376600;
	margin-bottom: 2px;
	color: #096;
	font-size: .7em;
}
#gg-topnav ul li {display:inline; margin-right:0px; margin-left:0px; border-right:1px solid #fff; padding-right:2px;padding-left:2px;}
#gg-topnav a:link {color:#fff; padding-left:4px; padding-right:4px;}
#gg-topnav a:visited {color:#fff; padding-left:4px; padding-right:4px;}
#gg-topnav a:hover {color:#ffCC00; padding-left:4px; padding-right:4px;}

.form-hr {
	display: block;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: dashed;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-top: 10px;
	clear: both;
	margin-top: 10px;
}

label {
	display:block;
	font-weight: bold;
	float: left;
	margin-top: 4px;
	margin-right: 5px;
	background-color: #d2eacc;
	color: #000;
	padding: 3px;
}
input {
	margin-bottom:5px;
	margin-top: 4px;
}
textarea {margin-bottom:10px;}
.red-text-italic {color:#F00; font-style:italic;}

/* BACK TO SWWHEP SIDE TAB*/

#gg-tab-en {position:absolute; width:37px; height:220px; margin-left:-37px; margin-top:0px; background-image:url(/en/images/wgs/sustainability/greenguide/file,39647,en.jpg); background-repeat:no-repeat;}
#gg-tab-en img {border:none;}

#gg-tab-cy {position:absolute; width:37px; height:220px; margin-left:-37px; margin-top:0px; background-image:url(/en/images/wgs/sustainability/greenguide/file,39670,en.jpg); background-repeat:no-repeat;}
#gg-tab-cy img {border:none;}



/* BIG RUBBISH QUIZ STYLES */

.highlight-green-field {background-color: #f0fde2; color: #360; font-weight: bold; padding: 4px; clear:both; display:block; float:left; margin-top:15px; width:340px;}

label {font-weight:bold; color: #000; padding-left:5px; float:left; width:185px;}

.black-answer {color:#000; font-weight:bold;}
#select1 {background-color: #ffffcc; font-size:1em;border: solid 1px #ccc; padding:1px; margin-left:9px;}
.home-with-news-left img {border:1px solid #336600; margin-top:0px;}
h6 {margin-top:0px;}

input {float:left; }


select {width:150px;}
#submit {clear:both; float:left; margin-top:10px;}