body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-decoration: none;
}
a, a:link, a:visited, a:hover, :hover {
	text-decoration: none;
}

h2,h3,h4 {
	padding-bottom: 4px;
}

h1 {
	font-size: 18px;
	font-weight: bold;
}

h2 {
	font-size: 16px;
	font-weight: bold;
}
a:hover h2 {
	text-decoration: underline;
}

h3 {
	font-size: 14px;
	font-weight: bold;
}

h4 {
	font-weight: bold;
	margin-bottom: 4px;
}

ul {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

img {
	border: none;
}

#sm2-container, #sm2movie {
  visibility: hidden;
  height: 0px;
}

.textinput {
	width: 80%;
}
.wide .loginpanel .textinput {
	width: 250px;
}

input {
	margin-top: 3px;
	margin-left: 5px;
}

input.button {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.bold {
	font-weight:bold;
}

select {
	margin-top: 3px;
	margin-left: 5px;
}

textarea {
	margin-top: 3px;
	margin-left: 5px;
}

.tinymce {
	width: 95%;
	height: 400px;
}

#arena {
	width: 948px;
	position: static;
	clear: both;
	height: 100%;
	margin: 0px auto 0px auto;
	padding-top: 0px;
	padding-bottom: 8px;
}

#footerarea {
	margin: 0px auto 0px auto;
	padding-top: 16px;
	clear: both;
	color: #777;
}
#footer-inner img {
	vertical-align: middle;
}

#bodyarea {
	width: 780px;
	padding-top: 0px;
	float: left;
	text-align: left;
	margin-top: 0px;
	margin-left: 4px;
}

#contentarealeft {
	margin-top: 0px;
	margin-right: 0px;
	padding-right: 0px;
	float: left;
	width: 120px;
}

#contentarearight {
	margin-top: 0px;
	float: left;
	width: 640px;
	margin-left: 0px;
	padding-left: 0px;
}

#contentarea {
	margin-top: 16px;
	padding-top: 0px;
	clear: both;
	width: 780px;
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
}

#bannerarea {
	margin-right: 4px;
	margin-top: 16px;
	width: 160px;
	float: right;
	text-align: left;
}

.pagearea {
	margin-top: 16px;
}

#messagearea {
	margin-top: 16px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 780px;
}

#headerpadding {
	height: 24px;
}

#customheader {
}
#centerarea {
}
#customtop, #customleft, #customright, #custombottom {
	position: absolute;
}
#customtop, #custombottom {
	width: 100%;
	height: 0px;
}
#customleft {
}
#customright {
}

.module {
	margin-bottom: 21px;
	position: static;
}
.module-content .content {
  clear: both;
}

.authorandtime, .latestdiscussion {
	padding-top: 0px;
	line-height: 11px;
	font-style: italic;
	font-size: 10px;
	font-weight: normal;
}
.oneday .authorandtime .time {
	font-weight: bold;
}
div.latestdiscussion {
	width: 100%;
	max-height: 20px;
	overflow: hidden;
}

.buttons {
	margin-top: 20px;
}

.buttons input {
	padding-left: 10px;
	padding-right: 10px;
}

.highlight {
	color: #f47920;
	font-size: 24px;
	font-weight: bold;
	padding-top: 5px;
}

div.participation {
	margin-top: 2em;
	padding-top: 0.5em;
}
.participation textarea {
	width: 80%;
	height: 80px;
	display: block;
}
.participation input {
	margin: 0;
}
div.selected, div.notselected {
	margin: 1em;
	padding: 0.5em;
	float: left;
}
div.selected {
	background-color: #F47920;
}

.contestbutton {
	color: #f47920;
	font-size: 22px; 
	font-weight: bold; 
	height: 40px;
	padding-left: 20px;
	padding-right: 20px;
}

.verificationcode {
	color: #000000;
	font-weight: bold;
	font-size: 20pt;
	line-height: 24px;
	text-transform: uppercase;
	font-family:"Courier New",Courier;
}

.points {
	color: #f47920;
	font-weight: bold;
	font-size: 12pt;
	padding: 0px 15px;
	text-decoration: none;
}

.points a:LINK, .points a:VISITED {
	color: #f47920;
	text-decoration: none;
}

.points a:hover {
	color: #f47920;
	text-decoration: underline;
}
div.timestamp, div.datestamp, div.nickname {
	display: none;
}
.price {
	color: #f47920;
}
.productslist .price {
	font-size: 12px;
	font-weight: bold;
}
.purchase .price {
	font-size: 28px;
	font-weight: bold;
}
div.purchase {
	margin-top: 12px;
} 
.purchasetable {
	width: 60%;
}

.basictable {
	width: 100%;
}

.basictable td {
	font-size: 12px;
}

a.impropercontent, .impropercontent a, .impropercontent a:VISITED, .impropercontent a:LINK {
	color: #ff0000;
	font-size: 9px;
}

.impropercontent a:HOVER {
	text-decoration: underline;
}

.motto {
	text-decoration: none;
	font-size: 9px;
	line-height: 11px;
	color: #000;
}

.actions {
	margin-top: 0px;
	margin-bottom: 8px;
	padding-top: 0px;
}

.actions ul {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	margin-left: 0px;
	list-style: none;
}

.actions li {
	float: left;
	padding-right: 20px;
}

.homelink {
	width: 100%;
	height: 100%;
}

.usericonthumb {
	width: 50px;
	height: 50px;
	overflow: hidden;
}
.usericonthumb img {
	width: 50px;
}
.usericonprofile {
	width: 250px;
	height: 250px;
	overflow: hidden;
}
.usericonprofile img {
	max-width: 250px;
	/* Resize the image for IE6 */
	width: expression(this.width > 250 ? 250: true);
}

.roleicon {
	position: absolute;
}

.error {
	color: #aa2222;
	font-weight: bold;
	font-size: 13px;
	padding-left: 0px;
	margin-left: 0px;
}

.logincontent #arena {
	padding-top: 40px;
	padding-bottom: 40px;
}
.onlylogin {
	text-align: left;
	padding: 20px;
	margin: 0 auto;
	width: 300px;
	border: 1px solid #CCCCCC;
}
.sociallinks img {
	padding-right: 0.5em;
}

.popup {
	padding: 16px;
	z-index: 1000;
	background-color: #e0e0e0;
	border: 1px solid #c0c0c0;
	position: absolute;
	width: auto;
	height: auto;
	display: none;
}

.quote {
	margin: 0 0 8px 16px;
}
.quote .content{
	background-color: #EEF6FA;
	padding: 8px;
}

/* Escape area for news, pages, etc. ***********/

.escapearea ul {
	padding-left: 30px;
	list-style-type: circle;
	padding-top: 8px;
	padding-bottom: 4px;
}

.escapearea li {
	border: 0;
	padding-bottom: 0px;
	list-style-type: circle;
}

.escapearea ol {
	padding-left: 30px;
	list-style: decimal;
	padding-top: 8px;
	padding-bottom: 4px;
}

.escapearea p {
	padding-top: 8px;
	padding-bottom: 4px;
}

.escapearea h3 {
	font-size: 16px;
	font-weight: bold;
	border-style: none;
	border-width: 0px;
	padding-bottom: 4px;
	padding-top: 4px;
}

.escapearea h2 {
	font-size: 18px;
	font-weight: bold;
	border-style: none;
	border-width: 0px;
	padding-bottom: 4px;
	padding-top: 6px;
}

.escapearea h1 {
	font-size: 22px;
	font-weight: bold;
	border-style: none;
	border-width: 0px;
	padding-bottom: 4px;
	padding-top: 8px;
}

/* Message template --------------------------------------*/

.facesmessagearea {
	position: static;
	margin-left: 0px;
	padding-left: 0px;
	text-align: left;
	z-index: 1000;
}

.facesmessage {
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	text-align: left;
}

.facesmessage .module-header {
	background-image: url(images/wide-header-bg.png);
	background-repeat: no-repeat;
	background-position: top right;
	height: 8px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.facesmessage .module-content {
	background-image: url(images/wide-content-bg.jpg);
	background-repeat: repeat-y;
	background-position: right;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-bottom: 0px;
	list-style: none;
	padding-top: 3px;
	z-index: 2;
}

.facesmessage .module-footer {
	background-image: url(images/wide-footer-bg.png);
	z-index: 1;
	height: 9px;
	margin-top: 0px;
	padding-top: 0px;
}

.facesmessage .module-content ul {
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.facesmessage .module-content li {
	padding-left: 0px;
	margin-left: 0px;
}

.facesmessage .module-content .messages {
	font-size: 13px;
	font-weight: bold;
	padding-left: 0px;
	margin-left: 0px;
}

/*
* User profile
*/
.userprofile {
	line-height: normal;
}
.userprofile .right {
	width: auto;
	font-size: 12px;
	font-weight: normal;
}
.userprofile .profileicon {
	float: left;
	width: 250px;
	height: 250px;
	padding-right: 20px;
	vertical-align: top;
}
.userprofile .subject {
	font-size: 24px;
	font-weight: bold;
}
.userprofile .fullmotto {
	font-size: 12px;
}
.userprofile .points {
	padding-left: 0px;
}
.userprofile .right div {
	padding-bottom: 6px;
}
.userprofile h2, .userprofile h3 {
	padding-top: 4px;
}

/* Bannerlist ----------------------------------------------------------------- */

.bannerlist li {
	padding-bottom: 16px;
	width: 100%;
}

.bannerlist li img {
	width: 100%;
}

/* Widget ----------------------------------------------------------------- */
.widget {
	width: 160px;
	margin-bottom: 20px;
}

.widget-header {
	height: 23px;
	background-image: url(images/widget-header-bg.png);
	background-repeat: no-repeat;
	color: #fff;
	border: none;
	padding: 0 1em;
	line-height: 23px;
	
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

.widget-header a {
	font-weight: bold;
}

.widget-header a:hover {
	text-decoration: underline;
}

.layout-wm .widget-header {
	background-image: url(images/header-arrow-medium.gif);
}

.layout-w .widget {
	width: 160px;
	float: left;
}

#content .widget-powered .widget-content {
	margin-top: 15px;
	margin-bottom: 15px;
	border: 1px solid #ddd;
	background-color: #f8f8f8;
}

.widget-content {
	background-image: url(images/widget-content-bg.jpg);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 4px 8px;
	font-size: 12px;
}

.widget-content h2 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 3px;
	padding-bottom: 0px;
	padding-top: 4px;
	color: #29abe2;
}

.widget-content li {
	margin: 0px;
}

.widget-footer {
	background-image: url(images/widget-footer-bg.png);
	background-repeat: no-repeat;
	height: 10px;
}

/* Footer ----------------------------------------------------------------- */

#footerarea a {
	font-size: 12px;
	color: #c0c0c0;
}

#footerarea .widget-header {
	display: none;
}

#footer-inner {
}

#footer-inner ul {
	margin: 6px;
	list-style: none;
}

#footer-inner ul li {
	display: inline;
	margin: 0;
	padding: 15px;
}

/* Footer Widgets */
#footerarea .widget,#footer .widget-content {
	margin: 0;
	padding: 0;
	background-image: none;
}

#footerarea .widget-footer-links {
	text-align: center;
}

#footerarea .widget-footer-links li {
	padding: 0px 20px;
}

#footerarea .widget-footer-links li.last {
}

/* Tabs ----------------------------------------------------*/

.tab-panel {
	list-style-type: none;
	margin-top: 10px;
	margin-left: 0px;
	position: static;
}

.tab-panel .tab {
/*	margin-bottom: 6px;*/
	padding: 0px 0px 6px 0px;
	width: 120px;
	border: none;
	position: static;
}

.tab-panel .tab-header {
	background-image: url(images/tab-header-bg.png);
	background-repeat: no-repeat;
	height: 34px;
	line-height: 34px;
	text-align: right;
	width: 110px;
	padding-right: 10px;
}

.tab-panel .active-tab-header {
	background-image: url(images/tab-header-active-bg.png);
	background-repeat: no-repeat;
	height: 34px;
	line-height: 34px;
	text-align: right;
	width: 110px;
	padding-right: 10px;
}

.tab-panel .tab-header h3 {
	margin: 0px;
}

.tab-panel .tab-header,
.tab-panel .tab-header a,
.tab-panel .tab-header h3 {
	color: #000;
}

.tab-panel .last {
	margin-bottom: 0px;
}

.tab-panel .active-tab-header,
.tab-panel .active-tab-header a,
.tab-panel .active-tab-header h3 {
	color: #fff;
	font-weight: bold;
}

.tab-panel .tab-content {
	position: absolute;
	right: 20px;
	top: 0px;
	width: 600px;
	visibility: hidden;
}

.tabs-module .module-header {
	background-image: url(images/tabs-header-bg.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding-top: 10px;
}

.tabs-module .module-content {
	background-image: url(images/tabs-content-bg.jpg);
	background-repeat: repeat-y;
	background-position: right;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 18px;
	min-height: 300px;
}
	
.tabs-module .module-footer {
	background-image: url(images/tabs-footer-bg.png);
	background-repeat: no-repeat;
	background-position: right;
	height: 55px;
}

.tab-content {
	padding-left: 20px;
	right: 20px;
	top: 0px;
	width: 600px;
}

.tab-content .content {
	clear: both;
}

.tab-content .title {
	font-size: 16px;
	padding-bottom: 8px;
	margin-bottom: 0px;
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #c0c0c0;
}

.tab-content .sorting {
	position: absolute;
	text-align: right;
	float: right;
	width: inherit;
	margin-top: -20px;
	padding-top: 0px;
}

.tab-content .actions {
	margin-top: 0px;
	margin-bottom: 8px;
	padding-top: 0px;
}

.tab-content .actions ul {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	margin-left: 0px;
	list-style: none;
}

.tab-content .actions li {
	float: left;
	padding-right: 20px;
}

/* Feed stuff ----------------------------------------------*/

.feed-module {
	list-style: none;
	margin: 0px;
}

.feed-module .picture-column {
	border-bottom: 1px solid #c0c0c0;
	padding-left: 10px;
	padding-top: 0px;
	width: 32px;
	height: 32px;
}

.feed-module .message-column {
	border-bottom: 1px solid #c0c0c0;
	padding-left: 10px;
	padding-top: 0px;
}

.feed-module .time-column {
	border-bottom: 1px solid #c0c0c0;
	padding-right: 10px;
	padding-top: 0px;
	width: 100px;
	text-align: right;
}

/* Narrow list template --------------------------------------*/

.narrowlist {
	margin-left: 60px;
	width: 580px;
}

.narrowlist h3 {
	font-size: 16px;
	padding-bottom: 8px;
	margin-bottom: 0px;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #c0c0c0;
}

.narrowlist .actions {
	margin-top: 0px;
	padding-bottom: 8px;
	padding-top: 0px;
}

.narrowlist ul {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

.narrowlist .actions ul {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	margin-left: 0px;
	list-style: none;
}

.narrowlist .actions li {
	float: left;
	padding-right: 20px;
}

.narrowlist .module-header {
	background-image: url(images/narrow-header-bg.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.narrowlist .module-content {
	background-image: url('images/narrow-content-bg.png');
	background-repeat: repeat-y;
	background-position: right;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 1em 2em;
	padding-top: 0px;
	padding-bottom: 0px;
}

.narrowlist .module-footer {
	background-image: url(images/narrow-footer-bg.png);
	height: 50px;
}

/* Object view template --------------------------------------*/

.objectview {
	margin-top: 16px;
	margin-left: 0px;
	width: 100%;
}

.objectview #objecttitle {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #c0c0c0;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	height: 20px;
	margin-bottom: 0px;
}

.objectview h3 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
}

.objectview h4 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
}

.objectview .module-picture {
	border-width: 1px;
	border-style: solid;
	border-color: #c0c0c0;
	width: 250px;
	text-align: center;
}

.objectview #rating {
	text-align: left;
}

.objectview .module-info {
	padding-left: 20px;
}

.objectview .module-header {
	background-image: url(images/wide-header-bg.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.objectview .module-content {
	background-image: url(images/wide-content-bg.jpg);
	background-repeat: repeat-y;
	background-position: right;
	padding: 1em 2em;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.objectview .module-content td {
	vertical-align: top;
}

.objectview #shortdescription {
	padding-top: 20px;
}

.objectview .module-footer {
	background-image: url(images/info-module-footer-bg.png);
	height: 14px;
	margin-top: 0px;
	margin-bottom: 16px;
}

/* Wide area template --------------------------------------*/

.wide {
	margin-top: 0px;
	margin-left: 0px;
	width: 760px;
	margin-bottom: 16px;
}
.objectprofilecontent .wide {
  margin-top: 16px;
}

.wide .title {
	font-size: 16px;
	padding-bottom: 8px;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #c0c0c0;
}

.wide h4 {
	font-weight: bold;
}

.wide .sorting {
	position: absolute;
	text-align: right;
	float: right;
	width: 720px;
	margin-left: -20px;
	margin-top: -20px;
	padding-top: 0px;
}

.wide .module-picture {
	border-width: 1px;
	border-style: solid;
	border-color: #c0c0c0;
	width: 250px;
	height: 185px;
	text-align: center;
}

.wide .module-info {
	padding-left: 20px;
}

.wide .module-header {
	background-image: url(images/wide-header-bg.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.wide .module-content {
	background-image: url(images/wide-content-bg.jpg);
	background-repeat: repeat-y;
	background-position: right;
	padding: 1em 2em;
	margin-top: 0px;
	padding-top: 0px;
	position: relative;
}

.wide .content {
	padding-top: 8px;
}

.wide .module-content td {
	vertical-align: top;
}

.wide #shortdescription {
	padding-top: 20px;
}

.wide .module-footer {
	background-image: url(images/info-module-footer-bg.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	padding-top: 0px;
	height: 14px;
}

/* Dual column list ----------------------------*/

.dual-column {
	width: 580px;
	padding-left: 0px;
	margin-left: 0px;
	padding-right: 0px;
	text-align: left;
	margin-bottom: 16px;
	padding-bottom: 0px;
	padding-top: 8px;
}

.dual-column ul {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align: left;
}

.dual-column li {
	margin-bottom: 8px;
	padding-left: 0px;
	margin-left: 0px;
	list-style: none;
	float: left;
	width: 270px;
	text-align: left;
}

.dual-column .grid {
	width: 250px;
	text-align: left;
	vertical-align: top;
	border-top-style: solid;
	border-top-color: #e0e0e0;
	border-top-width: 1px;
}

.dual-column .grid .column-first {
	text-align: left;
	vertical-align: top;
	width: 60px;
	padding-top: 1px;
	padding-left: 2px;
	padding-bottom: 2px;
}

.dual-column .column-second {
	padding-top: 3px;
	padding-bottom: 6px;
	text-align: left;
	vertical-align: top;
}

.dual-column .grid .column-last {
	font-size: 12px;
	padding-top: 0px;
	text-align: center;
	vertical-align: top;
	width: 20px;
}

.dual-column .grid .column-last img {
	padding-top: 4px;
}
.dual-column .first {
}

.dual-column .second {
}
.dual-column .timeago {
	font-size: 9px;
	width: 100%;
	text-align: right;
	margin-left: -4px;
	padding-bottom: 4px;
}

/* Triple column list ----------------------------*/

.triple-column {
	width: 700px;
	padding-left: 0px;
	margin-left: 0px;
	padding-right: 0px;
	text-align: left;
	margin-bottom: 16px;
	padding-bottom: 0px;
	padding-top: 8px;
}

.triple-column ul {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align: left;
}

.triple-column li {
	padding-left: 10px;
	margin-left: 0px;
	list-style: none;
	float: left;
	height: 60px;
	width: 220px;
	text-align: left;
}

.triple-column .grid {
	width: 220px;
	text-align: left;
	vertical-align: top;
	border-top-style: solid;
	border-top-color: #e0e0e0;
	border-top-width: 1px;
}

.triple-column .grid .column-first {
	text-align: left;
	vertical-align: top;
	width: 60px;
	padding-top: 1px;
	padding-left: 2px;
	padding-bottom: 2px;
}

.triple-column .column-second {
	padding-top: 3px;
	text-align: left;
	vertical-align: top;
}

.triple-column .grid .column-last {
	padding-top: 5px;
	text-align: center;
	vertical-align: top;
	width: 20px;
}

.triple-column .first {
}

.triple-column .second {
}

/* Float list ----------------------------*/

.float-list {
	width: 580px;
	padding-left: 0px;
	margin-left: 0px;
	padding-right: 0px;
	text-align: left;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 16px;
}

.float-list ul {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align: left;
}

.float-list li {
	padding-left: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-left: 0px;
	list-style: none;
	float: left;
	text-align: left;
}

/* Collection list ----------------------------*/

.collections {
	margin-top: 12px;
}

.collection {
	border-style: none;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.collectionlistone {
	border-style: none;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 85px;
}

.collection .icon {
	height: 60px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.collection .icon .lefticon {
	position: absolute;
	z-index: 0;
	margin-top: 5px;
	height: 50px;
	width: 50px;
	background-image: url("images/collection_bg_nextprevious.png");
}

.collection .icon .centericon {
	position: absolute;
	height: 60px;
	width: 60px;
	z-index: 10;
	margin-left: 40px;
	background-image: url("images/collection_bg_current.png");
}

.collection .icon .righticon {
	position: absolute;
	height: 50px;
	width: 50px;
	z-index: 0;
	margin-left: 90px;
	margin-top: 5px;
	background-image: url("images/collection_bg_nextprevious.png");
}

.collection .title {
	padding-top: 3px;
	margin-bottom: 0px;
	padding-bottom: 8px;
	text-align: center;
	font-size: 14px;
	font-style: bold;
}

	
/* Modal template --------------------------------------*/

.modalpanel {
	color: #474747;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

.modalpanel td {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

.modal {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 580px;
}

.modal h3 {
	color: #29abe2;
	font-size: 16px;
	padding-bottom: 8px;
	margin-bottom: 0px;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #c0c0c0;
}

.modal .actions {
	margin-top: 0px;
	margin-bottom: 8px;
	padding-top: 0px;
}

.modal .actions ul {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	margin-left: 0px;
	list-style: none;
}

.modal .actions li {
	float: left;
	padding-right: 20px;
}

.modal .module-header {
	padding-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.modal .module-content {
	font-size: 12px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 20px;
	margin-bottom: 0px;
	padding: 1em 2em;
}

.modal .module-footer {
	background-image: url('images/modal-footer-bg.png');
	background-repeat: no-repeat;
	height: 69px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

/* News list -------------------------------------*/

.newslist {
	margin: 8px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
}

.newslist ul {
}

.newslist li {
	clear: both;
	padding-bottom: 16px;
	margin-bottom: 6px;
	list-style: none;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #c0c0c0;
}

.newslist .bodycolumn {
	float: left;
	background-color: #c6e9fa;
	margin-left: 0px;
	margin-bottom: 8px;
	width: 540px;
	font-size: 12px;
}

.newslist .titlecolumn {
	float: left;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 14px;
}

.newslist .timecolumn {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 10px;
	padding-top: 0px;
	font-size: 11px;
	vertical-align: top;
	float: right;
}

.newslist .content {
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 8px;
	margin-bottom: 8px;
	font-size: 12px;
}

.newslist .singlenewsrow {
	margin-bottom: 8px;
}

.newslist .newsrowbodypanel {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}

.newslist .thumbs img {
	margin-top: 4px;
	margin-left: 5px;
}

.newslist .hleft { float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background: url('images/my-suggestion-corners-bg.png') top left no-repeat;
	width: 8px;	height: 8px; }

.newslist .hright { float:right; margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;
	background: url('images/my-suggestion-corners-bg.png') top right no-repeat;
	width: 8px;	height: 8px; }

.newslist .fleft { float:left; margin: -8px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background: url('images/my-suggestion-corners-bg.png') bottom left no-repeat;
	width: 8px;	height: 8px; }

.newslist .fright { float:right; margin: -8px 0px 0px -8px; padding: 0px 0px 0px 0px;
	background: url('images/my-suggestion-corners-bg.png') bottom right no-repeat;
	width: 8px;	height: 8px; }

/* News item -------------------------------------*/

.newsitemview p {
	font-size: 13px;
}

.newsitemview li {
	font-size: 13px;
}

.newsitemview h1 {
	font-size: 18px;
	font-weight: bold;
}

.newsitemview h2 {
	font-size: 16px;
	font-weight: bold;
}

.newsitemview h3 {
	font-weight: bold;
}

/* Banner news -------------------------------------*/

.bannernewslist h2 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 3px;
	padding-bottom: 0px;
	padding-top: 4px;
	color: #29abe2;
}

.bannernewslist li {
	font-size: 10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #cccccc;
	padding-bottom: 4px;
}

.bannernewslist a {
	color: #474747;
}

/* Home feedlist -------------------------------------*/

.homefeedlist h2 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 3px;
	padding-bottom: 0px;
	padding-top: 4px;
	color: #29abe2;
}

.homefeedlist li {
	font-size: 10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #cccccc;
	padding-bottom: 4px;
}

.homefeedlist a {
	color: #29abe2;
}

.homefeedlist .contentpreview {
  max-height: 120px;
  overflow-x: auto;
  overflow-y: hidden;
}

/* Feed list -------------------------------------*/

.feedlist {
	margin: 8px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
}

.feedlist ul {
}

.feedlist li {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #e0e0e0;
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 6px;
	list-style: none;
}

.feedlist .picturecolumn {
	float: left;
	width: 50px;
	height: 50px;
	padding-top: 0px;
}

.feedlist .bodycolumn {
	float: left;
	margin-left: 10px;
	margin-bottom: 6px;
	width: 540px;
}

.feedlist .contentcolumn {
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	height: 50px;
	vertical-align: top;
	width: 450px;
}

.feedlist .timecolumn {
	margin-top: 0px;
	padding-right: 10px;
	padding-top: 0px;
	vertical-align: top;
	text-align: right;
	font-size: 9px;
	width: 70px;
}

.feedlist .timecolumn .timeago {
	font-size: 9px;
	width: 70px;
	text-align: right;
}

.feedlist .subject {
	font-size: 13px;
	font-weight: bold;
}

.feedlist .content {
	font-size: 11px;
	font-weight: regular;
	margin-left: 0px;
	margin-right: 10px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 4px;
	background-color: #eef6fa;
	width: 430px;
	overflow: auto;
	overflow-x: auto;
}

.feedlist .singlefeedrow {
	margin-bottom: 0px;
}

.feedlist .feedrowbodypanel {
	margin-top: -5px;
	width: 100%;
}

.feedlist .thumbs img {
	margin-top: 4px;
	margin-left: 5px;
}

/* User list widget -------------------------------------*/

.widgetuserlist ul {
}

.widgetuserlist li {
	float: left;
	padding-right: 8px;
	padding-top: 5px;
}

/* Narrow dual area template --------------------------------------*/

.narrowdual {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 18px;
	width: 372px;
	margin-bottom: 0px;
}

.narrowdual h3 {
	font-size: 14px;
	font-weight: bold;
}

.narrowdual .header {
	padding-bottom: 4px;
	margin-bottom: 0px;
	margin-top: -3px;
	padding-top: 0px;
	padding-left: 8px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #c0c0c0;
}

.narrowdual .picture {
	padding-top: 3px;
	padding-right: 3px;
}

.narrowdual .subject {
	width: 300px;
	font-size: 11px;
}

.narrowdual .contentpreview {
	width: auto;
	padding-top: 0px;
	margin-top: 0px;
	margin-left: 6px;
	margin-right: 0px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 4px;
	background-color: #eef6fa;
}

.narrowdual .module-header {
	background-image: url('/images/narrowdual-header-bg.png');
	background-repeat: no-repeat;
	background-position: top right;
	padding-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.narrowdual .module-content {
	background-image: url('/images/narrowdual-content-bg.png');
	background-repeat: repeat-y;
	background-position: right;
	margin-top: 0px;
	padding-top: 0px;
}

.narrowdual .content {
	padding-left: 8px;
	padding-right: 8px;
}

.narrowdual .module-footer {
	background-image: url('/images/narrowdual-footer-bg.png');
	background-repeat: no-repeat;
	width: 372px;
	margin-top: 0px;
	padding-top: 0px;
	height: 14px;
}

.latestnews {
	float: left;
}

.latestcontent {
	float: right;
}

/* Recipe list -------------------------------------*/

.recipeslist {
	margin: 8px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
}

.recipeslist ul {
}

.recipeslist li {
	margin-bottom: 8px;
	margin-right: 16px;
	list-style: none;
	float: left;
}

.recipeslist .picture {
	width: 160px;
	height: 160px;
}

.recipeslist .picture img {
	width: 160px;
}

.recipepictures .picturelist .picture {
	width: 250px;
}

.recipeslist .singlerecipe {
	padding-top: 8px;
	padding-left: 8px;	
	margin-bottom: 8px;
	border-width: 1px;
	border-style: solid;
	border-color: #e0e0e0;
	width: 170px;
	font-size: 12px;
}

.recipeslist .singlerecipe .subject {
	padding-top: 6px;
	font-weight: bold;
}

.recipeslist .content {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 8px;
	font-size: 12px;
}

.recipeslist .actions a:hover {
	text-decoration: underline;
}

/* Content input ----------------------------*/

.contentinputbody {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #eef6fa;
}

.contentinputbody .hleft { float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background: url('images/suggestion-corners-bg.png') top left no-repeat;
	width: 8px;	height: 8px; }

.contentinputbody .hright { float:right; margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;
	background: url('images/suggestion-corners-bg.png') top right no-repeat;
	width: 8px;	height: 8px; }

.contentinputbody .fleft { float:left; margin: -8px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background: url('images/suggestion-corners-bg.png') bottom left no-repeat;
	width: 8px;	height: 8px; }

.contentinputbody .fright { float:right; margin: -8px 0px 0px -8px; padding: 0px 0px 0px 0px;
	background: url('images/suggestion-corners-bg.png') bottom right no-repeat;
	width: 8px;	height: 8px; }

.contentinputbody .inputtextcolumn {
	margin-top: 0px;
	padding: 0px 8px 0px 8px;
	
}

.contentinputbody textarea {
	margin-top: 0px;
	padding-top: 0px;
	width: 95%;
	height: 60px;
	min-height: 60px;
	line-height: 15px;
	font-size: 12px;
}
.contentinputbody .inputbuttoncolumn {
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 8px;
	padding-bottom: 4px;
}

/* Content list -------------------------------------*/

.contentlist {
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
}

.contentlist ul {
}

.contentlist li {
	clear: both;
	margin-bottom: 8px;
	list-style: none;
}

.contentlist .picturecolumn {
	float: left;
	width: 50px;
	height: 50px;
	padding-top: 2px;
}

.contentlist .bodycolumn {
	float: right;
	background-color: #c6e9fa;
	margin-left: 10px;
	margin-bottom: 4px;
	padding-bottom: 0px;
	width: 540px;
}

.contentlist .contentcolumn {
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 8px;
	padding-left: 8px;
	height: 50px;
	vertical-align: top;
	width: 100%;
}

.contentlist .contentcolumn div {
	width: 420px;
	overflow: auto;
	overflow-x: auto;
}

.contentlist .timecolumn {
	margin-top: 0px;
	padding-right: 10px;
	padding-top: 0px;
	vertical-align: top;
	text-align: right;
	font-size: 11px;
	width: 80px;
}

.contentlist .timecolumn .timeago {
	font-size: 9px;
	width: 80px;
}

.contentlist .singlefeedrow {
	margin-bottom: 8px;
}

.contentlist .picturecontent img {
	width: 100px;
	height: 100px;
	float: left;
	padding-top: 4px;
	padding-right: 8px;
}

.contentlist .picturecontent div {
	width: auto;
}

.contentlist .feedtitle {
	font-size: 12px;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 6px;
	border: none;
}
.contentlist .linkcontent .feedtitle, .contentlist .documentcontent .feedtitle {
	margin-bottom: 0px;
}
.contentlist .additionalinfo {
	font-size: 10px;
	margin-bottom: 4px;
}

.contentlist .feedrowbodypanel {
	margin-top: -5px;
	width: 100%;
}

.contentlist .thumbs img {
	margin-top: 4px;
	margin-left: 5px;
}

.contentlist .hleft { float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background: url('images/my-suggestion-corners-bg.png') top left no-repeat;
	width: 8px;	height: 8px; }

.contentlist .hright { float:right; margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;
	background: url('images/my-suggestion-corners-bg.png') top right no-repeat;
	width: 8px;	height: 8px; }

.contentlist .fleft { float:left; margin: -8px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background: url('images/my-suggestion-corners-bg.png') bottom left no-repeat;
	width: 8px;	height: 8px; }

.contentlist .fright { float:right; margin: -8px 0px 0px -8px; padding: 0px 0px 0px 0px;
	background: url('images/my-suggestion-corners-bg.png') bottom right no-repeat;
	width: 8px;	height: 8px; }

/* Comment list -------------------------------------*/

.comments {
	margin-left: 70px;
	margin-bottom: 0px;
}

.commentinput {
	margin-top: 8px;
	margin-left: 0px;
	margin-bottom: 8px;
}

.commentinput div {
	clear: both;
}

.commentinput textarea {
	margin-top: 0px;
	padding-top: 0px;
	line-height: 15px;
	font-size: 12px;
	width: 90%;
	height: 60px;
	min-height: 60px;
}

.commentlist {
	margin-left: 0px;
	margin-bottom: 0px;
	font-size: 11px;
}

.commentlist ul {
	
}

.commentlist li {
	border-style: none;
	clear: both;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 8px;
	list-style: none;
}

.commentlist .picturecolumn {
	float: left;
	width: 50px;
	height: 50px;
	padding-top: 2px;
}

.commentlist .bodycolumn {
	float: left;
	background-color: #eef6fa;
	margin-left: 10px;
	margin-bottom: 8px;
	width: 460px;
}

.commentlist .contentcolumn {
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 8px;
	padding-left: 8px;
	height: 50px;
	vertical-align: top;
}

.commentlist .contentcolumn div {
	width: 350px;
	overflow: auto;
	overflow-x: auto;
}

.commentlist .timecolumn {
	width: 70px;
	margin-top: 0px;
	padding-right: 10px;
	padding-top: 0px;
	vertical-align: top;
	text-align: right;
	font-size: 11px;
}

.commentlist .timecolumn .timeago {
	font-size: 9px;
}

.commentlist .singlecommentrow {
	margin-bottom: 8px;
}

.commentlist .commentrowbodypanel {
	margin-top: -5px;
	width: 100%;
}

.commentlist .thumbs img {
	margin-top: 4px;
	margin-left: 5px;
}

.commentlist .hleft { float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background: url('../../images/suggestion-corners-bg.png') top left no-repeat;
	width: 8px;	height: 8px; }

.commentlist .hright { float:right; margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;
	background: url('../../images/suggestion-corners-bg.png') top right no-repeat;
	width: 8px;	height: 8px; }

.commentlist .fleft { float:left; margin: -8px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background: url('../../images/suggestion-corners-bg.png') bottom left no-repeat;
	width: 8px;	height: 8px; }

.commentlist .fright { float:right; margin: -8px 0px 0px -8px; padding: 0px 0px 0px 0px;
	background: url('../../images/suggestion-corners-bg.png') bottom right no-repeat;
	width: 8px;	height: 8px; }

.commentinput textarea {
	height: 60px;
}

/* Survey list -------------------------------------*/

.surveypanel li {
	padding-left: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #a0a0a0;
}

.surveypanel .answerpanel, .surveypanel .requiredanswerpanel {
	padding-left: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.surveypanel .requiredanswerpanel {
	background-color: #eef6fa;		
}

.surveypanel .answered {
	background-color: #a0ffa0;
}

.surveypanel .myanswer {
	color: #33aa33;
	position: absolute; 
	text-align: right; 
	width: 200px; 
	margin-left: -216px;
	font-size: 22px;
	font-weight: bold;
	
}

/* Bloginputs list -------------------------------------*/

.bloginputslist {
	margin: 8px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
}

.bloginputslist ul {
}

.bloginputslist li {
	margin-bottom: 8px;
	margin-right: 16px;
	list-style: none;
}

.bloginputslist .body {
}

.bloginputslist .singleblog .subject {
	padding-top: 0px;
}

.blogpictures .picturelist .picture {
	width: 250px;
}

.singleblog {
	padding-bottom: 0px;	
	margin-bottom: 8px;
	font-size: 12px;
}

.singleblog .subject {
	padding-top: 6px;
	font-weight: bold;
	font-size: 22px;
}

.singleblog .authorandtime {
	font-size: 11px;
	padding-top: 4px;
}

.bloginputslist .content {
	margin-top: 0px;
	padding-top: 16px;
	margin-bottom: 8px;
	font-size: 12px;
}

.singleblog .comments {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e0e0e0;
	padding-top: 16px;
	padding-bottom: 0px;
	margin-left: 0px;
	padding-left: 16px;
}

.singleblog .content {
	padding-top: 16px;
	padding-bottom: 16px;
}

.singleblog .content p {
  padding-top: 8px;
  padding-bottom: 8px;
}

.singleblog .commentinput {
	padding-left: 60px;
}

.singleblog .singlepicture, .singleblog .subjectandtime {
	float: left;
	padding-right: 16px;	
}
.singleblog .singlepicture img {
	width: 75px;
}

.blogpicandsummary {
	padding-top: 16px;
}

.bloginputslist .blogpicandsummary {
	padding-top: 0px;
}

.blogpicture,.blogsummary {
	float: left;
	padding-left: 16px;	
}
.blogsummary {
	width: 80%;
}
.blogpicture img {
	width: 75px;
}

/* Bulletins list -------------------------------------*/

.bulletinslist {
	margin: 8px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
}

.bulletinslist ul {
}

.bulletinslist li {
	margin-bottom: 8px;
	margin-right: 16px;
	list-style: none;
}

.bulletinslist .body {
}

.bulletinslist .singlebulletin .subject {
	padding-top: 0px;
}

.bulletinslist .content {
	margin-top: 0px;
	padding-top: 16px;
	margin-bottom: 8px;
	font-size: 12px;
}

.bulletinpictures .picturelist .picture {
	width: 250px;
}

.singlebulletin {
	padding-bottom: 0px;	
	margin-bottom: 8px;
	font-size: 12px;
}

.singlebulletin .subject {
	padding-top: 6px;
	font-weight: bold;
	font-size: 22px;
}

.singlebulletin .authorandtime {
	font-size: 11px;
	padding-top: 4px;
}

.singlebulletin .comments {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e0e0e0;
	padding-top: 16px;
	padding-bottom: 0px;
	margin-left: 0px;
	padding-left: 16px;
}

.singlebulletin .content {
	padding-top: 16px;
	padding-bottom: 16px;
}

.singlebulletin .content p {
  padding-top: 8px;
  padding-bottom: 8px;
}

.singlebulletin .commentinput {
	padding-left: 60px;
}

.singlebulletin .singlepicture, .singlebulletin .subjectandtime {
	float: left;
	padding-right: 16px;	
}
.singlebulletin .singlepicture img {
	width: 75px;
}

.bulletinpicandsummary {
	padding-top: 16px;
}

.bulletinslist .bulletinpicandsummary {
	padding-top: 0px;
}

.bulletinpicture,.bulletinsummary {
	float: left;
	padding-left: 16px;	
}
.bulletinsummary {
	width: 80%;
}
.bulletinpicture img {
	width: 75px;
}


/* Search result list -------------------------------------*/

.searchresultlist li {
	list-style: none;
	padding-bottom: 12px;
}
.searchresultrow {
	clear: both;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}

.searchresultrow .subject {
	font-size: 14px;
	font-weight: bold;
}
.searchresultrow .typeandtime {
	font-size: 10px;
	font-style: italic;
}
.searchresultrow .content {
	font-size: 12px;
}

.searchresultrow .picturecolumn {
	float: left;
	width: 60px;
	margin: 0;
	padding: 8px 0 0 0;
}

.searchresultrow .bodycolumn {
	background-color: #eef6fa;
	padding-top: 4px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	margin-left: 60px;
	margin-top: 0px;
	min-height: 60px;
}

.searchresultrow .bodycolumn {
	max-height: 300px;
	overflow: hidden;
}

.searchresultrow .rightcolumn {
	float: right;	
	width: 0px;
	margin: 0;
	padding: 0;
}

/* Splash layer -------------------------------------*/
.splashscreen {
	background-color: #ffffff;
	position: fixed;
	text-align: center;
	vertical-align: middle;
	z-index: 11000;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;	
}

/* Modal gallery ------------------------------------*/
.modalgallery .content {
	height: 100%;
}

/* Modal loginpopup ------------------------------------*/
.loginpopup .modal {
	text-align: left;
	width: 300px;
}
.loginpopup .textinput {
	width: 80%;
}

/*Message ------------------------------------------------*/
.newmessages {
	font-weight: bold;
}

.inbox li {
	list-style: none;
	padding-bottom: 12px;
}
.inboxmessage {
	clear: both;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}

.inboxmessage .title {
	border: none;
	padding-bottom: 0px;
	font-size: 14px;
	font-weight: bold;
}
.inboxmessage .from {
	font-size: 12px;
	font-weight: normal;
}
.inboxmessage .time {
	font-size: 10px;
	font-style: italic;
}
.inboxmessage .message {
	padding-top: 8px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #c0c0c0; 
}

.inboxmessage .picturecolumn {
	float: left;
	width: 60px;
	margin: 0;
	padding: 8px 0 0 0;
}

.selectioncontrols {
    position:absolute;
    right:10px;	
    top:10px;
}

.inboxmessage .bodycolumn {
	position: relative;	
	background-color: #eef6fa;
	padding-top: 4px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	margin-left: 60px;
	margin-top: 0px;
	min-height: 60px;
}

.inbox .inboxmessage .bodycolumn {
	max-height: 300px;
	overflow: hidden;
}

.read .inboxmessage .bodycolumn {
	background-color: #eaeaea;
}

.inboxmessage .rightcolumn {
	float: right;	
	width: 0px;
	margin: 0;
	padding: 0;
}

/* Share -------------------------*/
.share {
	float: right;
}
.share .rss, .share .facebook, .share .linkedin, .share .twitter {
	float: left;
	padding-left: 4px;
}
.share .twitter {
	display: none;
}

/* Conversations ------------------*/
.conversationcontent p {
  padding-bottom: 10px;
}
.conversationcontent ul, .conversationcontent ol {
  padding-left: 20px;
}
.conversationcontent li {
  margin-bottom: 0px;
  margin-top: 0px;
}
.conversationcontent ol li {
  list-style: decimal;
}
.conversationcontent ul li {
  list-style: circle;
}

/* Sub mainmenu ------------------*/
.mainmenu-submenu {
	position: static;
	margin: 0px auto 0px auto;
	width: auto;
	padding-top: 4px;
	padding-bottom: 14px;
}
.mainmenu-submenu .menu-content {
	font-weight: normal;
	font-size: 13px;
}
.mainmenu-submenu .menu-header,.mainmenu-submenu .menu-content,.mainmenu-submenu .menu-footer {
	float: left;
}
.mainmenu-submenu .menu-content {
	padding-left: 10px;
	padding-right: 10px;
}

/* Floating list -------------------------*/
.floatinglist {
	margin: 8px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
}

.floatinglist li {
	margin-bottom: 8px;
	margin-right: 0px;
	list-style: none;
	float: left;
	width: 50%;
}
.floatinglist .single {
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e0e0e0;
	margin-left: 4px;
	margin-right: 4px;
	background-color: #ffffff;
}
.floatinglist .subscribed .linked {
	background-color: #EEF6FA;
}
.floatinglist .single .linked {
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	height: 70px;
	overflow: hidden;
}
.floatinglist .single:hover {
	border-width: 1px;
	border-style: solid;
	border-color: #a0a0a0;
}
.floatinglist .single .linked:hover {
	overflow-y: auto;
}

.floatinglist div.price {
	float: right;
	width: 100px;
	padding-right: 8px;
}
.floatinglist div.price div {
	text-align: right;
	width: 100px;
	position: absolute;
	margin-right: 100px;
	margin-top: 2px;
}

.floatinglist .picture {
	float: left;
	width: 50px;
	height: 50px;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-right: 8px;
	margin-left: 8px;
}

.floatinglist .picture img {
	width: 50px;
}

.floatinglist .body {
	float: left;
	overflow: hidden;
}

.floatinglist .body div {
	clear: both;
	overflow: auto;
	overflow-x: auto;
}

.floatinglist .subject {
	padding-top: 6px;
	padding-bottom: 0px;
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
}

.floatinglist .authorandtime {
	color: #000000;
}

.floatinglist .summary {
	margin-top: 0px;
	padding-top: 2px;
	margin-bottom: 8px;
	font-size: 11px;
	color: #000;
}

.floatinglist .dr-list-item, .floatinglist .dr-list-item .single a div div.subject,
.floatinglist .dr-list-item .single a div div.summary {
  position:relative;
  z-index:5;
}
.floatinglist .dr-list-item .single a div div.picture img {
  position:absolute !important;
  z-index:12;
}

/* Control panel -------------------------*/
.controls {
	position: relative;
	top: -1px;
	left: -16px;
}
.controlpanel {
	right: 0;
	z-index: 10;
	position: absolute;
}
.controlpanel span {
	background-color:#757575;
	color:#FFFFFF;
	background-color: #aaaaaa;
	padding: 1px 4px 1px 4px;
	border-left: 1px #ffffff solid;
	border-right: 1px #ffffff solid;
	border-bottom: 1px #ffffff solid;
	font-size: 10px;
}
.controlpanel span:hover {
	background-color:#454545;
}
.controlpanel a, .controlpanel a:link, .controlpanel a:visited {
	color:#FFFFFF;
}

/* Purchase view -------------------------*/
.purchase .message {
	margin-bottom: 12px;
}

/* Calendar list -------------------------*/
.eventslist li {
	width: 100%;
}

/* Dynamic main sub menu -----------------*/
.dynamicsubmenus {
	display: none;
	padding: 4px;
	position: absolute;
	margin-top: 32px;
	width: auto;
	background-color: #c0c0c0;
}
.dynamicsubmenus .dynamicsubmenuitem {
	float: none;
	height: auto;
	padding: 0;
}

/* Topic discussions ---------------------*/
.listrow {
	width: 100%;
	margin: 2px 0 2px 0;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	clear: both;
}
.listrow h4 {
	padding-bottom: 0;
	margin-bottom: 0;
}
.listrow:hover {
	border-width: 1px;
	border-style: solid;
	border-color: #a0a0a0;
}
.listrow-titles:hover {
	border-color: transparent;
}
.topiclist .listrow .quote, .homefeedlist .quote {
	display: none;
}
.topiclist .sticky {
	background-color: #EEF6FA;
}
.listrowblock {
	display: table-cell;
	vertical-align: top;
	padding: 2px 4px 2px 4px;
}
.listrow .picture {
	float: left;
}
.listrow .subject, .listrow .content {
	padding-top: 8px;
	width: auto;
}
.listrow .info {
	width: 100px;
	float: right;
	text-align: left;
}
.listrow .counter {
	padding-top: 16px;
	width: 40px;
	float: right;
	text-align: center;
}
.listrow-titles .listrowblock-title {
	padding-top: 0px;
}
.listrow .actions a {
	margin: 0 4px 0 4px;
}
.topic .authorandtime, .discussion .authorandtime {
	display: inline-block;
	margin-top: 8px;
}
.topic .info .authorandtime {
	margin-top: 0px;
}
.topic .fastforwardlast {
	visibility: hidden;
}
.listrow .actions {
	display: inline-block;
	visibility: hidden;
	margin: 0 0 0 8px;
}
.topic:hover .actions, .discussion:hover .actions, .topic:hover .fastforwardlast {
	visibility: visible;
}
#discussioninputpanel {
	margin-top: 16px;
}
#discussioninputpanel .tinymce {
	width: 95%;
	height: 200px;
}
.topicinputpanel {
	display: none;
}
.topicinputpanel .buttons, .topicupdatepanel .buttons {
	margin-top: 8px;
}
.topiccontent .summaryinput {
	width: 95%;
}

/* Product claiming ---------------------*/
.purchaseclaim .message {
	margin-top: 16px;
}
.purchaseclaim .acceptterms {
	margin-bottom: 16px;
}

/* Soundmanager2 -------------------------*/
a.sm2_button {
 position:relative;
 display:inline-block; /* If you worry about old browser bugs, Firefox 2 might not like this and may need -moz-inline-box instead. :D */
 width:18px;
 height:18px;
 text-indent:-9999px; /* don't show link text */
 overflow:hidden; /* don't draw inner link text */
 vertical-align:middle;
 /* and, a bit of round-ness for the cool browsers. */
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 -o-border-radius:6px;
 border-radius:6px;
 margin-top:-1px; /* vertical align tweak */
 /* safari 3.1+ fun (/W3 working draft extension, TBD.) */
 -webkit-transition-property: hover;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out 0s; /* firefox 4 (couldn't sort out -moz-transform vs. MozTransform, so, "all" for now) */
  -o-transition-property: background-color; /* opera 10.5 */
  -o-transition-duration: 0.15s;
}

a.sm2_button:focus {
 outline:none; /* maybe evil, but don't show the slight border outline on focus. */
}

a.sm2_button,
a.sm2_button.sm2_paused:hover {
 background-color:#3399cc;
 background-image:url(../image/arrow-right-white.png);
 /* where possible, use data: and skip the HTTP request. Fancy-pants. Would use short-hand background: for above, but IE 8 doesn't override background-image. */
 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAYAAABmBXS+AAAAbklEQVQY02NgQAL//v1jZMAF/v//vwuIs9HEUBUBTbj4HwIeA3EGVsVAxtn/qOAVUGM8uknIiv4hsV8A5ZKxKfoLVvnvHwifAzLtMKwDSQLBVSBti27dJajkcSD2RJODO3wtkOOMz/tMSJJYAxMA5dmsL0IfubQAAAAASUVORK5CYII=);
 *background-image:url(../image/arrow-right-white.gif); /* IE 6+7 don't do DATA: URIs */
 background-repeat:no-repeat;
 background-position:5px 50%;
}

a.sm2_button:hover,
a.sm2_button.sm2_playing,
a.sm2_button.sm2_playing:hover {
 background-color:#cc3333;
}

a.sm2_button.sm2_playing,
a.sm2_button.sm2_playing:hover {
 -moz-transform:rotate(90deg);
 -webkit-transform:rotate(90deg);
}

a.sm2_button.sm2_paused,
a.sm2_button.sm2_paused:hover {
 background-color:#666;
}