/* Reset
----------------------------------------------------------------------------------------*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,label,select,option,blockquote,fieldset,input { margin: 0; padding: 0; }

ul, ol {
	list-style:none;
}

img {
	border:none;
}

:focus {
	outline: 0;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
}
q:before,q:after {
	content:'';
}


.floatleft {
	float:left;
	padding:0px;
	margin:0px 10px 10px 0px;
}

.clear {
	clear:both;
}


.clearfix {
    content: ".";
    display: inline;
    height: 0;
    clear: both;
    visibility: hidden;
 }


.floatright {
	float:right;
	padding:0px;
	margin:0px 0px 10px 10px;

}

hr {
	display:block;
	height:1px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #eaeaea;
	padding:0px 0px 0px 0px;
	margin:-5px 0px 8px 0px;
	overflow:hidden;
}


.divider {
	border-bottom:1px solid #e8e8e8;
	display:block;
	height:1px;
	overflow:hidden;
	margin:0px 0px 16px 0px;
	text-align:center;
}


/* END Reset
----------------------------------------------------------------------------------------*/






/* START GLOBAL STYLES
----------------------------------------------------------------------------------------*/



body {
	background:url(../images/body_bg.gif) repeat 0 0 #f6f7f7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#404040;
}


a {
	color:#4a9cd0;
	text-decoration:underline;
	
}

a:hover, a:active {
	text-decoration:none;
}

p {
	line-height:18px;
	padding:0 0 20px 0;
}

/* Headings */



h2 {
	font-size:30px;
	color:#707070;
	line-height:30px;
	margin:0 0 0px 0;

}


h3 {
	font-size:22px;
	color:#333333;
	line-height:24px;
	margin:0 0 20px 0;
	font-weight:bold;
}

h4 {
	font-size:18px;
	font-weight:bold;
	color:#4a9cd0;
	line-height:22px;
	margin:0 0 12px 0;
}


h5 {
	font-size:14px;
	color:#333333;
	font-weight:bold;
	line-height:18px;
	margin:0 0 1px 0;
}



/* Wrappers */


#wrapper {
	width:968px;
	margin:0 auto;
	padding:0;
	text-align:left;

}




/* END GLOBAL STYLES
----------------------------------------------------------------------------------------*/

#sidebar-links { font-size:11px; }














/* START HEADER STYLES
----------------------------------------------------------------------------------------*/


#header {
	width:960px;
	margin:0 4px;
	height:101px;
	overflow:hidden;
	background:url(../images/header_bg.gif) no-repeat 0 0;
	display:block;
}

#logo {
	width:337px;
	height:35px;
	float:left;
	margin:53px 0 0 18px;
	display:inline;
}

#top-right {
	float:right;
	margin:19px 25px 0 0;
	display:inline;

}

#top-right a {
	margin:0 0 0 29px;
	float:left;
}

#top-right em {
	margin:25px 0 0 0;
	display:block;
	float:left;
}


/* END HEADER STYLES
----------------------------------------------------------------------------------------*/















/* START MAINBODY STYLES
----------------------------------------------------------------------------------------*/


#mainbody-wrapper {
	width:968px;
	margin:0 0 28px 0;


}

#mainbody {
	width:968px;
	background:url(../images/mainbody_bg.png) repeat-y 0 0;
	overflow:hidden;
}

.bcurve {
	width:968px;
	height:19px;
	display:block;

}

#nav {
	width:968px;
	background:url(../images/nav.gif) no-repeat 0 0px;
	height:52px;
	overflow:hidden;
}


#nav ul li {
	float:left;
}

   div#gtbox {
            width: 110px;
            height: 14px;
            border: 1px solid #bbbbbb;
            padding: 3px 5px 3px 5px;
            padding: expression("3px 0 0 0");
            text-align: center;
            color: #bbbbbb;
            position:absolute;
			left:607px;
			top:25px;
        }
		
#nav ul li a
{
	text-align:center;
	color:#FFF;
	padding-top:0px;
	padding-bottom:10px;
	height:47px;
	display:table-cell;
	vertical-align:middle;
	font-weight:700;
	text-transform:uppercase;
	text-decoration:none;
	overflow:hidden;
}

#nav ul li#nav-home a {
	background:url(../images/nav.gif) no-repeat 0 0;
	width:97px;

}

#nav ul li#nav-home a span {
padding-left:20px;
}

#nav ul li#nav-consult a {
	background:url(../images/nav.gif) no-repeat -97px 0;
	width:128px;
	
	
}

#nav ul li#nav-have a {
	background:url(../images/nav.gif) no-repeat -225px 0;
	width:129px;
	
	
}

#nav ul li#nav-project a {
	background:url(../images/nav.gif) no-repeat -354px 0;
	width:127px;
	
	
}

#nav ul li#nav-master a {
	background:url(../images/nav.gif) no-repeat -481px 0;
	width:117px;
	
	
}

#nav ul li#nav-bg a {
	background:url(../images/nav.gif) no-repeat -598px 0;
	width:114px;
	
	
}

#nav ul li#nav-news a {
	background:url(../images/nav.gif) no-repeat -712px 0;
	width:76px;
	
	
}

#nav ul li#nav-media a {
	background:url(../images/nav.gif) no-repeat -788px 0;
	width:76px;
	
	
}

#nav ul li#nav-contact a {
	background:url(../images/nav.gif) no-repeat -864px 0;
	width:100px;
	
	
}


/* nav - hover */



#nav ul li#nav-home a:hover, #nav ul li#nav-home a.selected  {
	background:url(../images/nav.gif) no-repeat 0 -52px;
}

#nav ul li#nav-consult a:hover, #nav ul li#nav-consult a.selected {
	background:url(../images/nav.gif) no-repeat -97px -52px;
}

#nav ul li#nav-have a:hover, #nav ul li#nav-have a.selected {
	background:url(../images/nav.gif) no-repeat -225px -52px;
}

#nav ul li#nav-project a:hover, #nav ul li#nav-project a.selected {
	background:url(../images/nav.gif) no-repeat -354px -52px;
}

#nav ul li#nav-master a:hover, #nav ul li#nav-master a.selected {
	background:url(../images/nav.gif) no-repeat -481px -52px;
}

#nav ul li#nav-bg a:hover, #nav ul li#nav-bg a.selected {
	background:url(../images/nav.gif) no-repeat -598px -52px;
}

#nav ul li#nav-news a:hover, #nav ul li#nav-news a.selected {
	background:url(../images/nav.gif) no-repeat -712px -52px;
}

#nav ul li#nav-media a:hover, #nav ul li#nav-media a.selected {
	background:url(../images/nav.gif) no-repeat -788px -52px;
}

#nav ul li#nav-contact a:hover, #nav ul li#nav-contact a.selected {
	background:url(../images/nav.gif) no-repeat -864px -52px;
}



/* Main Top Content */


#main-top {
	width:960px;
	height:103px;
	margin:0 4px 0 4px;
	background-color:#f9f9f9;
	overflow:hidden;
	position:relative;
}

#main-top h2 {
	float:left;
	margin:23px 0 0 20px;
	display:inline;
}

#main-top h2 span {
	font-weight:bold;
	position:relative;
	top:2px;
	line-height:29px;
	font-size:29px;
}


/* Login */


.login-box {
	float:right;
	margin:3px 20px 0 0;
	display:inline;
	font-size:11px;
	color:#838383;

}

.login-box span {
	line-height:12px;
	margin:0 0 5px 0;
	display:block;
	text-align:center; 
}

.login-btn {
	background:url(../images/login.gif) no-repeat 0 0;
	width:196px;
	height:41px;
	display:block;
	overflow:hidden;
}

.login-btn .register a {
	width:95px;
	line-height:18px;
	padding-top:11px;
	padding-left:10px;
	text-decoration:none;
		font-size:16px;
		font-weight:700;
	text-align:center;
	overflow:hidden;
	display:block;
	cursor:pointer;
	float:left;
	color:#646F7C;
}

.login-btn .login a {
	line-height:18px;
	text-decoration:none;
		color:#FFF;
		font-size:16px;
		font-weight:700;
	width:91px;
	
	padding-top:11px;
	text-align:center;
	overflow:hidden;
	display:block;
	cursor:pointer;
	float:left;
}



/* logged in */

.logged-box {
	text-align:right;
	float:right;
	font-size:11px;
	color:#666666;
	padding:0 0 0 2px;
	margin:0px 20px 0 0;
	display:inline;
}

.logged-name {
	font-size:15px;
	color:#333333;
	font-weight:bold;
	margin:0 0 5px 0;
	display:block;
}

.logged-box span {
	display:block;
	line-height:16px;
}

.logged-box p a {
	margin:0 0 0 17px;
}


/* Sub Nav */


#subnav {
	width:960px;
	background:url(../images/subnav_bg.gif) repeat-x 0 0;
	height:34px;
	position:absolute;
	left:0;
	top:66px;
	padding:2px 0 1px 0;
	overflow:hidden;
}


/* breadcrumbs */


.breadcrumbs {
	width:675px;
	float:left;
	background:url(../images/breadcrumbs_bg.gif) repeat-x 0 0;
	padding:0 0 0 20px;

}

.breadcrumbs ul li {
	float:left;
	height:34px;
	width:171px;
	margin:0 0 0 0px;
	
}

.breadcrumbs ul li.last {
	float:left;
	height:34px;
	width:160px;
	margin:0 0 0 0px;
	
}

.breadcrumbs ul li.last.selected {
	float:left;
	background:url(../images/subnav_selected.gif) repeat-x 0 0px;
	height:34px;
	margin:0 0px 0 0px;
}

.breadcrumbs ul li.last.selected  a {
	color:#ffffff;
	width:150px;
	padding:5px 0px 0 10px;
	display:block;
	height:29px;
	background:url(../images/subnav_l_div.gif) no-repeat 100% 0px;
}


.breadcrumbs ul li.last a {
	color:#999999;
	width:150px;
	padding:5px 0px 0 10px;
	display:block;
	height:29px;
	background:url(../images/subnav_l_div.gif) no-repeat 100% 0px;
}

.breadcrumbs ul li.selected {
	float:left;
	background:url(../images/subnav_selected.gif) repeat-x 0 0px;
	height:34px;
	margin:0 0px 0 0px;
	
}

.breadcrumbs ul li.selected a {
	color:#ffffff;
	width:161px;
	padding:5px 0px 0 10px;
	display:block;
	height:29px;
	background:url(../images/subnav_div.gif) no-repeat 100% -34px;
}

.breadcrumbs ul li.selected a:hover {

	text-decoration:none;
}

.breadcrumbs ul li a.active {
	color:#ffffff;
	width:161px;
	padding:5px 0px 0 10px;
	display:block;
	height:29px;
	background:url(../images/subnav_div.gif) no-repeat 100% -68px;
}

.breadcrumbs ul li a.normal {
	color:#999999;
	width:161px;
	padding:5px 0px 0 10px;
	display:block;
	height:29px;
	background:url(../images/subnav_div.gif) no-repeat 100% -102px;
}

.breadcrumbs ul li span.s2 {
	display:block;
	float:left;
	text-decoration:none;
	color:#999999;
	height:29px;
	line-height:13px;
	width:161px;
	padding:5px 0px 0 10px;
	background:url(../images/subnav_div.gif) no-repeat 100% 0px;
}

.breadcrumbs ul li.selected em {
	color:#d9ff7c;
}

.breadcrumbs ul li a.s3,.breadcrumbs .s3 {
	display:block;
	float:left;
	text-decoration:none;
	color:#999999;
	height:29px;
	line-height:13px;
	width:161px;
	padding:5px 0px 0 10px;
	background:url(../images/subnav_div.gif) no-repeat 100% 0px;
	
}
.breadcrumbs ul li a
{
	text-decoration:none;
}

.breadcrumbs ul li a:hover {
	text-decoration:underline;

	
}

.breadcrumbs ul li em {
	display:block;
	font-style:normal;
	font-size:10px;
	color:#999999;
}




/* timetable */


.timetable {
	background:url(../images/timetable_bg.png) no-repeat 0 0;
	width:143px;
	height:23px;
	float:right;
	margin:3px 20px 0 0;
	display:inline;
	padding:4px 0 0 8px;
}

.timetable a {
	background:url(../images/timetable_icon.gif) no-repeat 0 0;
	display:block;
	color:#828282;
	padding:3px 0 8px 26px;
	font-size:11px;
}



/* Subnav Content */


.subnav-content {
	width:675px;
	padding:0 0 0 0px;
	height:34px; 

}

.subnav-content ul {
	background:url(../images/breadcrumbs_bg.gif) repeat-x 0 0;
	float:left;
	padding:0 0 0 20px;
}

.subnav-content ul li {
	float:left;
}

.subnav-content ul li a {
	display:block;
	background:url(../images/subnav_selected.gif) repeat-x 0 0;
	height:24px;
	padding:10px 25px 0 25px;
	float:left;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	line-height:14px;
}

.subnav-content ul li.back {
	color:#ffffff;
	padding:0px 0px 0 14px;
	display:block;
	height:34px;
	background:url(../images/subnav_div.gif) no-repeat 0px -136px;
}

.subnav-content ul li a:hover {
	text-decoration:underline;
}



/* Main Content */


#main-content {
	width:960px;
	padding:0 4px 0 4px;
	overflow:hidden;
}


/* Content */


#content {
	width:590px;
	margin:0 0 0 20px;
	padding:30px 0 0px 0;
	float:left;
	display:inline;
}


#content .link {
	position:relative;
	margin:-15px 0 0 0;
	top:-22px;
}


/* Content Form */


.content-form {
	width:590px;
	overflow:hidden;
	margin:5px 0 16px 0px;
}

.content-form form input.check-box {
	float:left;
	width:14px;
	height:14px;
	margin:0 4px 0 0;
	display:inline;
}

.form-col-content {
	width:590px;
	overflow:hidden;
	margin:0 0 16px -7px;
}

.form-col {
	background:url(../images/form_shape.gif) no-repeat 0 0;
	width:152px;
	height:21px;
	display:block;
	padding:6px 0px 0 9px;
	float:left;
	margin:0 7px 0 7px;
	display:inline;
}

.form-col label {
	float:left;
}

.content-form em {
	float:left;
	margin:4px 0 0 0;
	font-style:normal;
}


.highlight {
	font-size:14px;
	color:#333333;
	font-weight:bold;
	line-height:18px;
	margin:0 0 1px 0;
}

.sub-title {
	font-size:12px;
	color:#666666;
	display:block;
	margin:0 0 7px 0;
}


.content-form form input.text-box {
	width:566px;
	height:25px;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px inset #7c7c7c;
	padding:0px 10px 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 0 20px 0;
	color:#666666;
	float:left;
}

.content-form form textarea {
	width:566px;
	height:155px;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px inset #7c7c7c;
	padding:10px 10px 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	margin:0 0 20px 0;
	float:left;
	overflow:auto;
}



/* Map */

#map {
	width:586px;
	height:419px;
	border:1px solid #cccccc;
	margin:0 0 22px 0;
}

.comment-about {
	margin:6px 0 0px 0;
}


.comment-about img {
	float:left;
	margin:0 7px 0 0;
}

.content-form .comment-about input.check-box {
	margin:7px 5px 0 0;
	display:block;
	float:left;
}

.comment-about label {
	float:left;
	margin:6px 15px 0 0;
}


.content-form form input.submit-btn {
	background:url(../images/submit_btn.gif) no-repeat 0 0;
	width:148px;
	height:41px;
	text-align:left;
	letter-spacing:19px;
	text-indent:-1000px;
	cursor:pointer;
	font-size:0;
	border:none;
	float:left;
	margin:0 10px 0 0;
	
}

.submit {
	padding:5px 0 0 0;
}

.submit label {
	float:left;
	margin:12px 0 0 0;
	color:#666666;
}


/* Content - Project Team */


#team {
	width:570px;
	overflow:hidden;
}


.team-content {
	width:570px;
	overflow:hidden;
	margin:0 0 35px 0;
}

.team-photo {
	float:left;
	width:137px;
	height:48px;
	margin:0 25px 0 0;
}

.team-info {
	width:395px;
	float:left;
}

.team-info span {
	display:block;
}



/* Content - Background */


.content-2col {
	width:590px;
	overflow:hidden;
}

.content-leftcol {
width: 278px;
float: left;
}
.content-rightcol {
width: 278px;
float: right;
}
.content-col {
	width:278px;
	float:left;
}

.content-col span {
	display:block;
}




/* Content - News */


.news-content {
	width:590px;
	overflow:hidden;
	border-bottom:1px solid #e8e8e8;
	margin:0 0 19px 0;
}

.news-content p {
	padding:0 0 15px 0;
}


.news-content .date {
	color:#999999;
}


.pagination {
	background:url(../images/news_navbg.gif) no-repeat 0 0;
	width:570px;
	height:23px;
	margin:0 0 20px 0;
	padding:7px 10px 0 10px;
}

.pagination .left {
	float:left;
}

.pagination .right {
	float:right;
}





/* Content - COntact */


.contact-form {
	width:590px;
	overflow:hidden;
	margin:15px 0 20px 0;
}


.contact-form label {
	width:82px;
	float:left;
	color:#666666;
	height:22px;
	padding:6px 13px 0 0;
	text-align:right;
}

.contact-form input.check-box {
	width:14px;
	height:14px;
	float:left;
	margin:7px 3px 6px 0;
}

.contact-form span.show {
	float:left;
	margin:7px 15px 6px 0;
}

.contact-form input.text-box {
	width:240px;
	height:26px;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px inset #7c7c7c;
	padding:0px 5px 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 10px 4px 0;
	color:#404040;
	float:left;
	
}

.contact-form input.post-box {
	width:66px;
	height:26px;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px inset #7c7c7c;
	padding:0px 5px 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 10px 4px 0;
	color:#404040;
	float:left;
	
}


.contact-form textarea {
	width:330px;
	height:170px;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px inset #7c7c7c;
	padding:5px 5px 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
	margin:0 10px 7px 0;
	float:left;
	overflow:auto;
}


.contact-form input.submit-btn {
	background:url(../images/submit_btn1.gif) no-repeat 0 0;
	width:116px;
	height:28px;
	text-align:left;
	letter-spacing:19px;
	text-indent:-1000px;
	float:left;
	cursor:pointer;
	border:none;
	font-size:0;
	margin:0 10px 0 95px;
	display:inline;
}

/* CONTACT SIGNUP STYLE */


.contact-signup input.text-box {
	width:240px;
	height:26px;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px inset #7c7c7c;
	padding:0px 5px 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 10px 4px 0;
	color:#404040;
	float:left;
	
}

.contact-signup input.submit-btn {
	background:url(../images/submit_btn1.gif) no-repeat 0 0;
	width:116px;
	height:28px;
	text-align:left;
	letter-spacing:19px;
	text-indent:-1000px;
	float:left;
	cursor:pointer;
	border:none;
	font-size:0;
	margin:0 10px 0 0px;
	display:inline;
}



/* Form Validation */

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	float:left;
	width:192px;
	height:21px;
	font-size:11px;
	color:#cc0000;
	background-color:#f8c1be;
	border:1px solid #cc9999;
	padding:5px 10px 0 10px;
	text-align:left;
	font-weight:bold;
}
div.error { display: none; }
input.error {

}
form.cmxform .gray * { color: gray; }




/* Content - My Comment */


.bg {
	background:url(../images/bg_left.gif) no-repeat top left;
	float:left;
	padding:0 0 0 20px;
	display:block;
	height:27px;
	margin:4px 0 0 0;
}

.bg span {
	background:url(../images/bg_right.gif) no-repeat top right ;
	float:left;
	padding:6px 20px 0 0;
	height:21px;
	display:block;
	color:#666666;
}

/*----------------------------*/
/* Sidebar */


#sidebar {
	width:270px;
	float:right;
	background-color:#f9f9f9;
	padding:30px 20px 30px 20px;
}

.gray {
	color:#666666;
}


/* Sidebar - green box */


.green-box {
	width:242px;
	height:auto !important;
	min-height:29px;
	height:29px;
	background-color:#eafeb8;
	border:1px solid #c7dd90;
	padding:10px 12px 10px 12px;
	margin:0 0 18px 0;
}

.green-box p {
	padding:0;
}


/* Sidebar - sidebar list */

.sidebar-list {
	margin:-14px 0 0 0;
}

.sidebar-list ul {
	padding:0 0 20px 0;
}

.sidebar-list ul li {
	line-height:18px;
}

.sidebar-list ul li span {
	font-size:11px;
	font-weight:bold;
}

.rss {
	background:url(../images/rss.gif) no-repeat 0 0;
	height:16px;
	padding:0 0 0 22px;
	display:block;

}


.bullet-list li {
	background:url(../images/bullet.gif) no-repeat 0 8px;
	padding:0 0 0 8px;
	display:block;
	line-height:18px;
}


/*----------------------------*/
/* Right Content */


#right-content {
	width:270px;
	float:right;
	padding:30px 20px 30px 20px;
}

.link {
	display:block;
	text-align:right;
	font-size:11px;
	
}



/* SuB Content */


#sub-content {
	width:920px;
	padding:0 24px 0 24px;
	overflow:hidden;
}


/* Interactive */


#interface {
	width:918px;
	height:578px;
	border:1px solid #cccccc;
	overflow:hidden;
	margin:0 0 20px 0;
}

.interface-bar {
	width:918px;
	height:59px;
	display:block;
	background:url(../images/interface_barbg.gif) repeat-x 0 0;
}

.interface-nav {
	float:left;
}

.interface-nav ul li {
	float:left;
}

.interface-nav ul li a {
	float:left;
	width:128px;
	height:49px;
	display:block;
	padding:10px 0 0 0;
	text-decoration:none;
}

.interface-nav ul li.view a {
	background:url(../images/interface_nav.jpg) no-repeat 0 0;

}

.interface-nav ul li.likes a {
	background:url(../images/interface_nav.jpg) no-repeat 0 -59px;
}

.interface-nav ul li.dislikes a {
	background:url(../images/interface_nav.jpg) no-repeat 0 -118px;
}

/* hover */


.interface-nav ul li.view a:hover {
	background:url(../images/interface_nav.jpg) no-repeat -128px 0;

}

.interface-nav ul li.likes a:hover {
	background:url(../images/interface_nav.jpg) no-repeat -128px -59px;
}

.interface-nav ul li.dislikes a:hover {
	background:url(../images/interface_nav.jpg) no-repeat -128px -118px;
}



.interface-nav ul li.likes2 a {
	background:url(../images/tab-green1.jpg) no-repeat ;
	width:135px;
}

.interface-nav ul li.dislikes2 a {
	background:url(../images/tab-red1.jpg) no-repeat ;
	width:135px;
}

/* hover */



.interface-nav ul li.likes2 a:hover {
	background:url(../images/tab-green2.jpg) no-repeat ;
}

.interface-nav ul li.dislikes2 a:hover {
	background:url(../images/tab-red2.jpg) no-repeat ;
}


.interface-nav ul li span {
	font-size:17px;
	font-weight:bold;
	color:#ffffff;
	display:block;
	text-align:center;
	line-height:18px;
}

.interface-nav ul li em {
	font-size:22px;
	font-weight:bold;
	text-align:center;
	font-style:normal;
	display:block;
	line-height:24px;
	letter-spacing:1px;
}

.interface-nav ul li.view em {
	color:#bfbfbf;
}

.interface-nav ul li.likes em {
	color:#d0ff7f;
}


.interface-nav ul li.dislikes em {
	color:#fea099;
}

.interface-nav ul li.likes2 em {
	color:#d0ff7f;
}


.interface-nav ul li.dislikes2 em {
	color:#fea099;
}


/* comment button */

.add-comment {
	width:268px;
	height:42px;
	float:right;
	margin:9px 9px 0 0;
	display:inline;
}



/* Interface Map */


.interface-map {
	width:629px;
	height:519px;
	float:left;
}


/* Interface Comment */

.comment {
	width:289px;
	float:right;
}


.comment a {
	text-decoration:none;
	color:#404040;
}

.comment a:hover {
	text-decoration:underline;
}


.comment-content {
	width: 272px;
	height:460px;
	overflow-x:hidden;
	overflow:auto;
	padding:0 17px 0 0;
}

.comment-content ul li {
width: 260px;
	padding:0 6px 0 6px;
	border-bottom:1px solid #e0e0e0;
}

.comment-content ul li a {
	display:block;
	width:238px;
	line-height:14px;
	padding:4px 6px 4px 16px;
}

.comment-content ul li.greensite a {
	background:url(../images/greensite.gif) no-repeat 0 0;
}

.comment-content ul li.redsite a {
	background:url(../images/redsite.gif) no-repeat  0 0;
}


.comment-content ul li.greengeneral a {
	background:url(../images/greengeneral.gif) no-repeat  0 0;

}

.comment-content ul li.redgeneral a {
	background:url(../images/redgeneral.gif) no-repeat 0 0;

}


/* Comment Search */


.comment-search {
	background:url(../images/comment_searchbg.gif) repeat-x 0 0;
	width:271px;
	height:53px;
	display:block;
	padding:6px 8px 0 10px;
}


.input-bg {
	background:url(../images/input_bg.gif) no-repeat 0 0;
	width:204px;
	height:22px;
	float:left;
	padding:6px 0 0 28px;
}

.comment-search form input.text-box {
	width:192px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#9f9f9f;
	background:none;
	border:none;
	
}

.comment-search form input.submit-btn {
	background:url(../images/search_btn.gif) no-repeat 0 0;
	width:38px;
	height:28px;
	text-align:left;
	letter-spacing:19px;
	text-indent:-1000px;
	float:right;
	cursor:pointer;
	border:none;
	font-size:0;
	display:block;
}

/* END MAINBODY STYLES
----------------------------------------------------------------------------------------*/














/* START FOOTER STYLES
----------------------------------------------------------------------------------------*/


#footer {
	width:960px;
	margin:0;
	padding:0 4px 40px 4px;
	text-align:left;
}

#footer-content {
	width:960px;
	overflow:hidden;
	margin:0 0 30px 0;
	font-size:11px;
}


/* Media */


#media {
	width:280px;
	float:left;
	margin:0 0 0 20px;
	display:inline;
	line-height:16px;
}

#media p {
	padding:0;

}


#media span {
	display:block;
	
}

.media-title {
	width:270px;
	overflow:hidden;
	margin:0 0 10px 0;
}

#media .twitter {
	float:left;
}

#media .follow-us {
	float:right;
	background:url(../images/twit_bird.gif) no-repeat 100% 100%;
	height:16px;
	padding:6px 36px 0 0;
	margin:5px 0 0 0;
}

#media .date {
	color:#80a6b8;
}



/* Gallery */


#gallery {
	width:618px;
	float:right;
	padding:0px 10px 0 0;
	position:relative;

}

#gallery h5 {
	float:left;
	margin:0 0 0 18px;
	display:inline;
}

#gallery .flickr {
	float:right;
	background:url(../images/flickr.gif) no-repeat 100% 100%;
	height:13px;
	padding:0 53px 0 0;
}



/* Sub footer */


#sub-footer {
	width:930px;
	background-color:#e7e7e7;
	height:20px;
	overflow:hidden;
	font-size:11px;
	padding:20px 10px 0 20px;
	position:relative;
}

.footer-links {
	width:110px;
	float:left;
}

#sub-footer a {
	color:#666666;
	text-decoration:none;
}

#sub-footer a:hover {
	text-decoration:underline;
}

.footer-links span {
	font-weight:bold;
	line-height:20px;
	color:#666666;
}

.footer-links ul li {
	line-height:20px;
}


.share {
	width:310px;
	float:left;
	position:absolute;
	top:13px;
	left:135px;

}
.share2 {
	width:100px;
	float:left;
	position:absolute;
	top:11px;
	left:12px;
}

.privacy {
	color:#666666;
	float:right;
	position:absolute;
	top:16px;
	right:12px;
}

.privacy a {
	margin:0 2px 0 2px;
}

/* END FOOTER STYLES
----------------------------------------------------------------------------------------*/

.on-screen-msg{ 
	background-color:#eafeb8;
	border:1px solid #c7dd90;
	padding:10px 12px 10px 12px;
	margin:0 0 18px 0;
}
.div-list-types{display: block; clear: both;}

.div-error-msg-box{border:#e45b68; background: #ffbdbd;
	padding:10px 12px 10px 12px;
	margin:0 0 18px 0;
}



.content-2col ul
{
	list-style:disc;
}


.m1
{
position:absolute;
display:block;
width:275px;
padding:0px 5px 5px 0px;
margin-top:10px;
height:170px;
overflow:auto;
}

.m2 
{


width:275px;
padding:0px 0px 0px 0px;
margin-top:0px;
height:180px;
}

#twitter_update_list ul,#twitter_update_list li
{
	list-style:none;
}


/* UPDATED INDEX STYLES
----------------------------------------------------------------------------------------*/

.hys {width: 590px; height: 275px; float: left; background: url(../images/hys_bg.gif) no-repeat;}
.hys h4 {color:#000; font-size: 16px; margin-bottom: 0;}
.hys h4 strong {color:#96c900;}
.hys p {float: left;}
.statement {width: 120px; float: left; margin-top: 8px; display: inline;}
.hys_hdr { width: 572px; height: 37px; float: left; background: url(../images/hys_hdr.gif) no-repeat; margin-left: 8px; margin-top: 10px; display: inline;}
.hys_hdr h1 {color:#fff; font-size: 18px; font-weight: bold;}
.say {float: left; margin-top: 9px; margin-left: 13px; display: inline;}
.days {float: right; margin-right: 15px; margin-top: 8px; display: inline;}
.totalcomments {float: left; width: 160px; padding-left: 0px; height: 30px;}
.stages {float: right; width:180px; height: 30px; padding-right: 10px;}
.totalcomments h1, .stages h1 {margin-top: 10px;}
.hys_hdr p {float: left; font-weight: bold; margin-top: 12px; display: inline;}
.hys_1half {width: 234px; float: left; margin-left: 20px; margin-top: 20px; display: inline;}
.hys_1half p {width: 234px;}
.hys_1half img {float: right;}
.hys_2half {width: 294px; float: right; margin-right: 20px; margin-top: 20px; display: inline;}
.hys_bot {width: 590px; float: left; display: inline;}
.hys_bot h4 {margin-bottom: 10px; display: inline; font-size: 16px; color:#000;}
.break {margin-top: 20px; float: left;width: 230px; display: inline;}

.home_updates {float: left; margin-bottom: 10px;}
.titles {width:268px; float: left; height: 30px; margin-bottom: -4px;}
.titles h4 {font-size: 16px; float: left; color:#000;}
.titles a {float: right; margin-top: 2px;}
.topic {width: 255px; float: left; padding: 7px; border: 1px solid #ededed; background:#FFF; margin-bottom: 1px;}
.number {color:#96c900; margin-right: 10px; font-size: 16px; font-weight:bold;}

.finished {background: url(../images/finished_hdr.jpg) no-repeat;} 
.greyed {background: url(../images/hys_greybg.jpg) no-repeat;}

.alert {width: 100%; float: left; padding: 10px; background: #eafeb8; border: 1px solid #c7dd90; margin-top: 10px;} 
.smallalert {width: 200px;}
.bigalert {width: 576px; margin-bottom: 10px; padding: 10px 6px 10px 6px;}
.bigalert h4 {font-size: 14px; padding-right: 0px;}


.stage2-commentshome {width: 268px; background:#FFF; border: 1px solid #e8e8e8; float: left; margin-top: 15px;}
.stage2-commentshome p { padding: 10px;}
.small_agree {width: 134px; float: left; background: url(../images/small_greenbg.jpg) repeat-x; height: 28px;}
.small_disagree { width: 134px; float: right; background: url(../images/small_redbg.jpg) repeat-x; height: 28px;}
.num-comments {width: 268px; margin-bottom: -10px; float: left;}

.numberagree {color:#c9fb32; font-size: 16px; font-weight: bold; width: 50px; float: right; margin: 0; text-align:right; padding-right: 10px; padding-top: 1px;}
.numberdisagree {color:#fc9392; font-size: 16px; font-weight: bold; width: 50px; float: right; margin: 0; text-align:right; padding-right: 10px; padding-top: 1px;}

/* UPDATED COMMENT STYLES
----------------------------------------------------------------------------------------*/


.counts {float: left; width: 30px; margin-left: 5px; margin-top: 2px; font-weight: bold;}

.breadcrumbs ul li.selected .s3 {
 color:#ffffff;
 width:161px;
 padding:5px 0px 0 10px;
 display:block;
 line-height:13px;
 height:29px;
 background:url(../images/subnav_div.gif) no-repeat 100% -34px;
}

.show {padding-left: 3px;}



/* EOI Page
-----------------------------------------------------------------------------------------*/

.map_holder { width: 588px; height: 421px; float: left;}

.legend {float: left; width: 588px; margin-top: 5px;}
.legend img {margin-bottom: -3px;}

#issue {width: 588px; height: 155px; float: left;}


/* Stage 2 Page
-----------------------------------------------------------------------------------------*/

.bottom-content {width: 960px; float: left;}

.table_holder { width: 920px; float: left; border-top: 1px solid #e8e8e8;border-left: 1px solid #e8e8e8;border-right: 1px solid #e8e8e8;border-bottom: 7px solid #e8e8e8; margin: 15px 0 0 20px;}
.table_holder h3 {font-size: 16px;}

.info_icon {float: right; position: absolute; top: 10px; right: 10px;}

.agreebuttons {top:140px;}

/* top row */

.top_row {float: left; height: 251px; width: 920px; border-bottom: 3px solid #e8e8e8;} 

.top_row .col1 {width: 148px; background:#f9f9f9; height: 241px; float: left; padding: 10px 0 0 10px;}
.top_row .col2 {width: 132px; height: 241px; float: left; border-left: 1px solid #e8e8e8; padding: 10px 10px 0 10px;}
.top_row .col3 {width: 132px; height: 241px; float: left; border-left: 1px solid #e8e8e8; padding: 10px 10px 0 10px;}
.top_row .col4 {width: 132px; height: 241px; float: left; border-left: 1px solid #e8e8e8; padding: 10px 10px 0 10px;}
.top_row .col5 {width: 132px; height: 241px; float: left; border-left: 1px solid #e8e8e8; padding: 10px 10px 0 10px;}
.top_row .col6 {width: 128px; height: 241px; float: left; border-left: 1px solid #e8e8e8; padding: 10px 10px 0 10px;}


/* second row */

.second_row {float: left; height: 175px; width: 920px; border-bottom: 1px solid #e8e8e8;} 

.second_row p {width: 110px;} 

.second_row .col1 {width: 148px; background:#f9f9f9; height: 165px; float: left; padding: 10px 0 0 10px;}
.second_row .col2 {width: 137px; background:#f9f9f9; height: 165px; float: left; border-left: 1px solid #e8e8e8; padding: 10px 10px 0 5px; position:relative;}
.second_row .col3 {width: 137px; background:#f9f9f9; height: 165px; float: left; border-left: 1px solid #e8e8e8; padding: 10px 10px 0 5px; position:relative;}
.second_row .col4 {width: 137px; background:#f9f9f9; height: 165px; float: left; border-left: 1px solid #e8e8e8; padding: 10px 10px 0 5px; position:relative;}
.second_row .col5 {width: 137px; background:#f9f9f9; height: 165px; float: left; border-left: 1px solid #e8e8e8; padding: 10px 10px 0 5px; position:relative;}
.second_row .col6 {width: 134px; background:#f9f9f9; height: 165px; float: left; border-left: 1px solid #e8e8e8; padding: 10px 10px 0 5px; position:relative;}

.agreebox {width: 156px; height: 33px; position: absolute; bottom: 0; left: 0;}
.agreebox .agree {width: 78px; float: left; height: 33px; background: url(../images/new_green_bg.jpg) repeat-x;}
.agreebox .disagree {width: 78px; float: right; height: 33px; background: url(../images/new_red_bg.jpg) repeat-x;}

.agreebox .agree p {margin: auto; color:#FFF; width: 60px; text-align:center; line-height: 16px; font-weight: bold; font-size: 11px;}
.agreebox .agree p span {margin: auto; color:#ccff33; width: 60px; text-align:center; line-height: 12px; font-weight: bold; font-size: 16px;}


.agreebox .disagree p {margin-left: 7px; color:#FFF; width: 60px; text-align:center; line-height: 16px; font-weight: bold; font-size: 11px;}
.agreebox .disagree p span {margin: auto; color:#ff9999; width: 60px; text-align:center; line-height: 12px; font-weight: bold; font-size: 16px;}

.agreeboxsmall {width: 149px; height: 33px; position: absolute; bottom: 0; left: 0;}
.agreeboxsmall .agreesmall {width: 75px; float: left; height: 33px; background: url(../images/new_green_bg.jpg) repeat-x;}
.agreeboxsmall .disagreesmall {width: 74px; float: right; height: 33px; background: url(../images/new_red_bg.jpg) repeat-x;}

.agreeboxsmall .agreesmall p {margin: auto; color:#FFF; width: 60px; text-align:center; line-height: 16px; font-weight: bold; font-size: 11px;}
.agreeboxsmall .agreesmall p span {margin: auto; color:#ccff33; width: 60px; text-align:center; line-height: 12px; font-weight: bold; font-size: 16px;}


.agreeboxsmall .disagreesmall p {margin-left: 7px; color:#FFF; width: 60px; text-align:center; line-height: 16px; font-weight: bold; font-size: 11px;}
.agreeboxsmall .disagreesmall p span {margin: auto; color:#ff9999; width: 60px; text-align:center; line-height: 12px; font-weight: bold; font-size: 16px;}

/* third row */

.third_row {float: left;  width: 920px; } 

.agreebg {background: #f4fed8;}
.disagreebg {background: #fef4f2;}

.third_row .col1 {width: 148px; background:#fff; height: 471px; float: left; padding: 10px 0 0 10px;}
.third_row .col2 {width: 132px; height: 218px; float: left; border-left: 1px solid #e8e8e8; padding: 10px 10px 0 10px; border-bottom: 1px solid #e8e8e8;}
.third_row .col3 {width: 132px; height: 218px; float: left; border-left: 1px solid #e8e8e8; padding: 10px 10px 0 10px; border-bottom: 1px solid #e8e8e8;}
.third_row .col4 {width: 132px; height: 218px; float: left; border-left: 1px solid #e8e8e8; padding: 10px 10px 0 10px; border-bottom: 1px solid #e8e8e8;}
.third_row .col5 {width: 132px; height: 218px; float: left; border-left: 1px solid #e8e8e8; padding: 10px 10px 0 10px; border-bottom: 1px solid #e8e8e8;}
.third_row .col6 {width: 128px; height: 218px; float: left; border-left: 1px solid #e8e8e8; padding: 10px 10px 0 10px; border-bottom: 1px solid #e8e8e8;}

.agreebuttons {width: 138px; float: left;top:170px;}
.agreebuttons a {font-size: 11px; float: left; margin-top: 7px; margin-right: 5px;}

/* lightbox */
.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 200%;
			background-color: #504d4d;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			display: none;
			position: absolute;
			top: 50%;
			margin-top:-250px;
			left: 50%;
			margin-left:-370px;
			width: 710px;
			height: 500px;
			padding: 24px;
			border: 4px solid #999999;
			background-color: #f9f9f9;
			z-index:1002;
			overflow: auto;
		}
		
.toplight {width: 710px; float: left; position: relative; border-bottom: 1px solid #e8e8e8; margin-bottom: 15px;}
.toplight h3, .lightleft h3, .lightright h3 {margin-bottom: 4px;}
.toplight p {width: 375px;}
.toplight img {position: absolute; top: 0; right: 0;}
.lightleft {width: 410px; float: left;}
.lightright {width: 250px; float: right; padding-right: 20px;}
.commentbox {width: 390px; height: 340px;background:#ffffff; border: 1px solid #e8e8e8; overflow-x: hidden; overflow-y: scroll; padding: 10px;}

.commentt {width: 370px; padding-bottom: 8px; background:#ffffff; float: left; font-size: 11px;}
.commentt p {clear: both;}
.comment-id {float: left; color:#999999;}
.select-comment {float:right;}

.lightright textarea {width: 252px; height: 127px; float: left; margin-bottom: 15px;}
.thanks {width: 710px; float: left; background: #eafeb8; border: 1px solid #c7dd90; padding-top: 20px; padding-bottom: 0px; text-align:center; }


/****** stage 3 ******/

/*first*/

#firsthalf {width: 450px; height: 276px; float: left; margin-left: 18px;}
.top1 {width: 450px; float: left; height: 205px; background: url(../images/object_bg.jpg) no-repeat;}
.top1 h1 {font-size: 20px; font-weight: bold; color:#fff; padding: 18px;}
.bot1 {width: 450px; float: left;}
#secondhalf {width: 450px; float: right; margin-right: 32px;}
.top2 {width: 450px; float: left; height: 205px; background: url(../images/gov_bg.jpg) no-repeat;}
.top2 h1 {font-size: 20px; font-weight: bold; color:#fff; padding: 18px;}
.bot2 {width: 450px; float: left;}


/*slider page*/
.slidercontainer { width: 920px; float: left; padding-left: 21px;}
.sliderheader {width: 890px; float: left; background: #f3f3f3; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; padding: 15px; margin-left: 20px; margin-top: 20px; margin-bottom: 20px;}
.sliderheader h2 {font-size: 16px; color:#000; display: block; float: left; margin-top: 3px;}
.info {float: right;}
.sliderholder {width: 450px; float: left; margin-bottom: 20px;}
.sliderholderright {width: 450px; float: right; margin-right: 2px; margin-bottom: 20px;}
.toptext{ width: 450px; float: left;}
.lefttext {width: 200px; float: left;}
.rightext {width: 200px; float: right; text-align:right;}
.botslider {width: 450px; float: left; padding-top: 6px; position: relative;}
.leftpic {width: 92px; height: 85px; float: left;}
.leftpic {width: 92px; height: 85px; float: right;}
#slider, #slider2, #slider3, #slider4 {float: right; top: 25px; right: 8px;}
#slider2, #slider3, #slider4  {top: 36px; right: 18px;}
.larrow {width: 8px; height: 20px; position: absolute; top: 39px; left: 96px; background: url(../images/left_arrow.jpg);}
.rarrow {width: 8px; height: 20px; position: absolute; top: 39px; right: 95px; background: url(../images/right_arrow.jpg);}






/* ---------------- Stage 4 ------------------- */


.inner-content {
	width:920px;
	padding:20px 20px 0 20px;
	overflow:hidden;
	background-color:#ffffff;
}


.inner-content .box-container {
	width:920px;
	background:url(wide-mcurve.gif) repeat-y 0 0;
	margin:0 0 20px 0;
}

.inner-content .box-content {
	width:900px;
	background:url(wide-tcurve.gif) no-repeat 0 0;
	padding:11px 10px 0 10px;
	height:auto !important;
	min-height:250px;
	height:250px;
}


/* content menu */

.inner-content .menu {
	width:900px;
	overflow:hidden;
	height:77px;
	font-size:11px;
	margin:0 0 25px 0;
	
}

.inner-content .overview {
	width:82px;
	float:left;
	margin:0 1px 0 0;
	display:inline;
	background:url(green-grad-bg.gif) repeat-x 0 0;
	height:67px;
	color:#ffffff;
	line-height:16px;
	padding:10px 10px 0 10px;
}

.inner-content .menu-list {
	width:797px;
	float:left;
}

.inner-content .menu-list ul li {
	width:797px;
	float:left;
	margin:0 0 1px 0;
}

.inner-content .menu-list ul li a {
	color:#e1fe98;
	text-decoration:none;
	line-height:24px;
}


.inner-content .menu-list ul li .col1
{
	/*width:215px;
	height:25px;padding:0 10px 0 10px;*/
}

.inner-content .menu-list ul li .col1,.inner-content .menu-list ul li .col2,.inner-content .menu-list ul li .col3,.inner-content .menu-list ul li .col4 {
	background:url(menu-list-bg.gif) repeat-x 0 0;
	color:#848484;
	float:left;
	line-height:24px;
	margin:0 1px 0 0;
	display:inline;
}

.inner-content .menu-list .col1 a:hover,.inner-content .menu-list .col2 a:hover, .inner-content .menu-list .col3 a:hover, .inner-content .menu-list .col4 a:hover {
	background:url(menu-list-link.gif) repeat-x 0 -25px;
	color:#ffffff;
}

.inner-content .menu-list .col1 a.selected,.inner-content .menu-list .col2 a.selected, .inner-content .menu-list .col3 a.selected, .inner-content .menu-list .col4 a.selected {
	background:url(menu-list-link.gif) repeat-x 0 -25px;
	color:#ffffff;
}

.inner-content .menu-list ul li  a {
	overflow:hidden;
}

.inner-content .menu-list ul li .col1 a {
	width:210px;
	padding:0 10px 0 10px;
	float:left;
	height:25px;
	margin:0 1px 0 0;
	display:inline;
	background:url(menu-list-link.gif) repeat-x 0 0;
}


.inner-content .menu-list ul li .col2 a {
	width:152px;
	padding:0 10px 0 10px;
	float:left;
	height:25px;
	margin:0 1px 0 0;
	display:inline;
	background:url(menu-list-link.gif) repeat-x 0 0;
}

.inner-content .menu-list ul li .col3 a {
	width:220px;
	padding:0 10px 0 10px;
	float:left;
	margin:0 1px 0 0;
	display:inline;
	height:25px;
	background:url(menu-list-link.gif) repeat-x 0 0;
}

.inner-content .menu-list ul li .col4 a {
	width:127px;
	padding:0 10px 0 10px;
	float:left;
	height:25px;
	background:url(menu-list-link.gif) repeat-x 0 0;
}


/* two column content */

.content-2col {
	width:880px;
	overflow:hidden;
	padding:0 10px 0 10px;
}

.left-col {
	width:510px;
	float:left;
}

.right-col {
	width:320px;
	float:right;
}

.right-col ul li {
	background:url(bullet-list.gif) no-repeat 0 8px;
	list-style:none;
	padding:0 0 0 8px;
	line-height:18px;
}


/* media content */


.media-tab {
	width:920px;
	overflow:hidden;
	font-size:11px;
	margin:0 0 20px 0;

}


.media-tab ul.tabs {
	width:919px;
	overflow:hidden;
	height:38px;
	background:url(media-tab-grad.gif) repeat-x 0 0;
	border-left:1px solid #ededed;
}

.media-tab a {
	text-decoration:none;
}

.media-tab ul.tabs li {
	float:left;
}

.media-tab ul.tabs li a {
	background:url(media-tab-link.gif) repeat-x 0 0;
	border-right:1px solid #ffffff;
	height:35px;
	display:block;
	float:left;
	color:#ffffff;
	width:98px;
	padding:3px 0px 0 10px;
}

.media-tab ul.tabs li a:hover {
	background:url(media-tab-link.gif) repeat-x 0 -38px;
}

.media-tab ul.tabs li img {
	position:relative;
	top:6px;
	margin:0 7px 0 0;
}

.media-tab .tab-container {
	width:918px;
	border:1px solid #ededed;
	overflow:hidden;
	clear:both;
	position:relative;
}

.media-tab .tab-main {
	position:relative;
	z-index:1;
}


.media-tab .key {
	width:160px;
	overflow:hidden;
	position:absolute;
	z-index:10;
	right:20px;
	bottom:15px;
	border:1px solid #ededed;
	background-color:#ffffff;
	padding:10px;
	color:#939393;
	font-size:11px;
}

.media-tab .key ul li {
	line-height:18px;
}



/* have your say */


.hys-content {
	width:920px;
	overflow:hidden;
}

.hys-content h5 {
	margin:0 0 10px 0;
}

.hys-bar {
	width:910px;
	height:37px;
	background-color:#a1cc22;
	color:#587501;
	font-size:16px;
	font-weight:bold;
	line-height:35px;
	padding:0 0 0 10px;
	margin:0 0 15px 0;
}

.hys-bar span {
	font-size:18px;
	color:#ffffff;
}



/* support */


.hys-support {
	width:440px;
	float:left;
}

.hys-support .hys-block {
	width:424px;
	border:1px solid #ededed;
	height:49px;
	overflow:hidden;
	padding:3px 7px 0 7px;
	margin:0 0 1px 0;
}

.hys-support .hys-block:hover {
	background-color:#eeffc8;
}

.hys-support .hys-block .check-box {
	width:28px;
	float:left;
	display:block;
	text-align:center;
}

.hys-support .hys-block .check-box span {
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#a1cc22;
}

.hys-support .hys-block label {
	float:right;
	width:370px;
	padding:5px 20px 0 0;
	line-height:18px;
}


/* option */


.hys-option {
	width:458px;
	float:right;
}

.hys-option .hys-block {
	width:440px;
	border:1px solid #ededed;
	height:49px;
	overflow:hidden;
	padding:3px 8px 0 8px;
	margin:0 0 1px 0;
}

.hys-option .hys-block:hover .form-box {
	background:url(form-box-bg.png) no-repeat 0 -36px;
	
}

.hys-option .hys-block:hover {
	background-color:#eeffc8;
}


.hys-option .hys-block p {
	width:266px;
	float:left;
	line-height:18px;
	padding:5px 0 0 0;
}

.hys-option .hys-block .form-box {
	background:url(form-box-bg.png) no-repeat 0 0;
	width:157px;
	height:28px;
	float:right;
	margin:4px 0 0 0;
	text-align:right;
	padding:8px 6px 0 0;
}

.hys-option .hys-block .form-box label {
	margin:0 7px 0 0;
}

.hys-option .hys-block .form-box .check-box {
	margin:0 6px 0 0;
}

.hys-option .hys-block .form-box select {
	width:106px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0 5px 0 0;
}

.hys-option .hys-block .form-box span {
	margin:0 0px 0 0;
	color:#8db41a;
	font-size:16px;
	font-weight:bold;
}


.big-border {
	border:8px solid #ededed;
}

.hys-content input.submit-btn {
	background:url(submit-btn.gif) no-repeat 0 0;
	width:269px;
	height:43px;
	display:block;
	font-size:0;
	border:none;
	text-align:left;
	text-indent:-1000px;
	letter-spacing:19px;
	cursor:pointer;
}