.layout-container	{ width:768px; margin: 0px auto; }
.layout-header		{ background: #858585 url(../img/header_bg.gif) repeat-x; height: 94px; }
	#logo 		{ float:left; height: 65px; width: 320px; background: transparent url(../img/logo.gif) no-repeat 0px 0px; margin: 0px 0px 0px 18px; display: inline; }
	#logo2 		{ float:right; height: 65px; width: 140px; background: transparent url(../img/myclimate_logo.gif) no-repeat 0px 5px; margin: 0px 18px 0px 0px; display: inline; }
		
.layout-body		{ }
	.column-top 	{ padding: 18px; background-color: #c9d1fe; }
	.column-center 	{ float:left; display: inline; width:498px; margin: 18px 0px 0px 0px; }
	.column-right 	{ float:left; display: inline; width:200px; margin: 18px 0px 0px 54px; }
.layout-footer		{ margin:32px 0px 10px 0px; width:768px; }


#logo a:link,
#logo a:visited,
#logo2 a:link,
#logo2 a:visited	{ display: block; height: 65px; border: none; }
#logo a:hover,
#logo a:active,
#logo2 a:hover,
#logo2 a:active	 	{ background-color: transparent; }

#menu-main			{ float: left; width: 580px; }
#menu-main ul			{ list-style-type: none; margin:5px 0px 0px 9px;  }
#menu-main li			{ display: inline; margin: 0px 0px 0px 0px; background: transparent url(../img/menu_spacer.gif) no-repeat top right; }
#menu-main li.first 		{ }
#menu-main li.last 		{ }
	#menu-main li		{ color: #565656; font-size: 13px; }
	#menu-main a:link,
	#menu-main a:visited 	{ color: #565656; border: none; font-weight: bold; padding: 5px 9px 5px 9px; }
	#menu-main a:hover,
	#menu-main a:active	{ background-color: transparent; color: #ffffff; }

#menu-meta			{ float: right; width: 163px; }
#menu-meta ul			{ list-style-type: none; margin:5px 0px 0px 0px;  }
#menu-meta li			{ display: inline; margin: 0px 0px 0px 0px; padding: 0px; }
#menu-meta li.first		{ }
	#menu-meta a:link,
	#menu-meta a:visited 	{ color: #565656; border: none; font-weight: bold; padding: 5px 9px 5px 9px; }
	#menu-meta a:hover,
	#menu-meta a:active	{ background-color: transparent; color: #ffffff; }


/* footer */
.footer-left   { float: left; width: 350px; }
.footer-right  { float: right; width: 385px; }
.layout-footer  p,
.layout-footer  p.bodytext,
.layout-footer  a,
.layout-footer  a:visited,
.layout-footer  a:hover 	{ line-height: 14px; color:#63747a; font-size:9px; border: none; background-color: transparent; }
.footer-right p  { text-align: right; }

/* all forms */
input, textarea, select 		{ font-size: 11px; color: #000000; padding: 2px; margin: 0px 0px 2px 0px; }
input, select 					{ border: 1px solid #bebebe; width: 150px; }
textarea 						{ border: 1px solid #bebebe; width: 280px; height: 90px; margin-bottom: 5px; }
input:focus, textarea:focus		{ border-color: #ff0000; }

/* mail form */
input.csc-mailform-check,
input.csc-mailform-radio		{ width:auto; }

input.csc-mailform-submit,
input.csc-searchform-submit,
input.tx-sremailsubscribe-pi1-submit,
input.tx-srfeuserregister-pi1-submit,
input.tx-newloginbox-pi1-submit,
input.tx-felogin-pi1-submit,
input.tt-products-pi1-submit,
input.tx-hotstuffcommunity-submit	{ background-color: #ffeeee; border: 1px solid #ff0000; color:#ff0000; font-weight: bold; font-size:10px; margin-bottom: 10px; }

fieldset.csc-mailform			{ float: left; width: 430px; margin-top: 15px; }
div.csc-mailform-field			{ clear: both; }
fieldset.csc-mailform label 		{ float:left; width:120px; color:#927A3E; }

	span.csc-mailform-radio		{ }
	span.csc-mailform-radio fieldset{ height: 20px; }
	span.csc-mailform-radio legend 	{ display: none; }
	span.csc-mailform-radio input 	{ margin:0px; padding:0px; border: none; width: auto; }
	span.csc-mailform-radio label 	{ float: none; vertical-align: top; width: auto; margin: 0px 10px 0px 3px; color: #c2c4c5; }
	span.csc-mailform-radio br	{ display: none; }

	span.csc-mailform-check		{ }
	span.csc-mailform-check input	{ float:left; margin-left:120px; border: none; }
	span.csc-mailform-check label	{ width: 230px; margin: 0px 0px 0px 5px; }
	
	#permalogin,					
	.element-checkbox input		{ border: none; width: auto; }

/* content box */

.column-top .csc-textpic-text 		{ height: 191px; background-color: #ffffff; margin-left: 18px; }
.column-top  h1 	{ background: #fad560 url(../img/pingu_icon.gif) no-repeat; color: #ffffff; margin-bottom: 10px; padding: 5px 0px 5px 39px; }
.column-top  p	 	{ font-size: 11px; line-height: 18px; padding: 0px 18px 9px 18px; }

a.button:link,
a.button:visited { font-weight: bold; background: transparent url(../img/button_bg.gif) no-repeat; padding:7px 10px; border: none; }
a.button:hover,
a.button:active { background-color: transparent; color: #000000; }

p.statement_next { text-align: right; }

.column-center h1,
.column-center h2,
.column-center h3,
.column-center h4,
.column-center p,
.column-center ul { padding: 0px 18px; }
.column-center ul { list-style-image: url(../img/bullet.gif); }

.csc-frame-frame1 { padding: 18px 0px; background-color: #c9d1fe; margin-bottom: 18px; }
.csc-frame-frame1 blockquote p { font-size: 18px; line-height: 24px; color: #ff0000; }

.column-center .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { margin-right: 18px; display: inline; }

.column-right p { font-size: 11px; line-height: 18px; }
.column-right p b { color: #666666; }
.column-right ul { list-style-image: url(../img/bullet.gif); }

.csc-uploads p { line-height: 15px; }
.csc-uploads a:link,
.csc-uploads a:visited { border: none; }
.csc-uploads-icon { vertical-align: top; }
.csc-uploads-icon a:hover { background-color: transparent; }


/* subscribe */
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice { font-style: normal; color: #666666; }
.tx-srfeuserregister-pi1 dl { margin: 0; padding: 0; }
.tx-srfeuserregister-pi1 dt,
.tx-srfeuserregister-pi1 dd { margin: 0; padding: 0 0 .5em 0; float: left; }
.tx-srfeuserregister-pi1 dt { clear: both; width: 100px; text-align: left; }
.tx-srfeuserregister-pi1 dd { text-align: left; width: 250px; }
.tx-srfeuserregister-pi1 p { margin: 0px; padding: 0px 18px; }

.column-center dl { margin: 18px; }
.column-center dl.csc-textpic-image { margin: 6px 0px 0px; }

.column-right .tx-srfeuserregister-pi1 dt { width: 70px; }
.column-right .tx-srfeuserregister-pi1 dd { width: 120px; }
.column-right .tx-srfeuserregister-pi1 input { width: 115px; }
.column-right .tx-srfeuserregister-pi1 p { padding: 0px; }

/* login */
form fieldset dl { margin: 0; padding: 0; }
form fieldset dt,
form fieldset dd { margin: 0; padding: 0 0 .5em 0; float: left; }
form fieldset dt { clear: both; width: 100px; text-align: left; }
form fieldset dd { text-align: left; width: 250px; }

.column-center form fieldset dl { margin: 18px; }

/* class profile latest*/
#usergroup-latest			{  }
	.usergroup-latest-entry		{ float: left; width: 87px; height: 126px; overflow: hidden; padding-right: 13px; margin-bottom: 9px; font-size:10px; line-height:13px; }
	.usergroup-latest-entry-last	{ padding-right: 0px; }
	.usergroup-latest-image		{ background: transparent url(../img/class_thumb.gif) no-repeat; width: 87px; height: 87px; }
	.usergroup-latest-image img	{ }
	#usergroup-latest a:link,
	#usergroup-latest a:visited 	{border: none; display: block; height: 87px; }
	#usergroup-latest a:hover,
	#usergroup-latest a:active	{ background-color: transparent; }
	
/* class profile list */
#usergroup-list			{  }
	.usergroup-list-entry		{ margin-bottom: 15px; }
	.usergroup-list-entry-last	{ }
	.usergroup-list-image		{ background: transparent url(../img/class_list.gif) no-repeat; width: 140px; height: 90px; }
	.usergroup-list-image img	{ /*padding: 1px;*/ }
	.usergroup-list-entry p		{ padding: 0 0 0 18px; }
	.usergroup-list-image a:link,
	.usergroup-list-image a:visited 	{border: none; display: block; height: 87px; }
	.usergroup-list-image a:hover,
	.usergroup-list-image a:active	{ background-color: transparent; }
	
/* diary latest*/
#profile-usergroup-diary			{  }
	.diary-latest-item				{ margin-bottom: 18px; }
	.diary-latest-item h2			{ color: #000000; margin: 0px; }
	.diary-latest-date				{}
	.diary-latest-date span			{ color: #666666; }
	.diary-latest-item a:link,
	.diary-latest-item a:visited 	{ border: none; color: #000000; }
	.diary-latest-item a:hover,
	.diary-latest-item a:active	{ background-color: transparent; color: #666666; }
	.diary-latest-item a:link .news-more,
	.diary-latest-item a:visited .news-more { color: #ff0000; }
	
/* project latest*/
#project-latest			{  }
	.project-latest-entry		{ float: left; width: 87px; height: 126px; overflow: hidden; padding-right: 13px; margin-bottom: 9px; font-size:10px; line-height:13px; }
	.project-latest-entry-last	{ padding-right: 0px; }
	.project-latest-image		{ background: transparent url(../img/class_thumb.gif) no-repeat; width: 87px; height: 87px; }
	.project-latest-image img	{ }
	#project-latest a:link,
	#project-latest a:visited 	{border: none; display: block; height: 87px; }
	#project-latest a:hover,
	#project-latest a:active	{ background-color: transparent; }
	#project-latest p		{ padding: 0; }
	#project-latest p a:link,
	#project-latest p a:visited 	{ border-bottom:1px dotted #FF0000; display: inline;  }
	#project-latest p a:hover,
	#project-latest p a:active	{ background-color: #FF0000; }