/*****************************************************
 ** Basics */

body {
	margin: 0;
	padding: 0;
	font: 12px Arial, Helvetica, Garuda, sans-serif;
	line-height: 16px;
	color: #333;
	text-align: center;
	background: #fff;
	z-index: 0;
}

a {
}

a.noline {
	text-decoration:none;
}

a img {
	border:none;
}

th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

form, fieldset, input, textarea, select {
	font-size: 100%;
	font-family:'Lucida Grande',Tahoma,Verdana,sans-serif;

}

td {
	vertical-align: top;
}

/*****************************************************
 ** Clearing floats */

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

.clearfix {
	display: inline-block;
}

.clearfix {
	display: block;
}

* html .clearfix {
	height: 1px;
}

.clear {
	clear: both;
}

/*****************************************************
 ** Lists */

ul {
	margin: 0 0 15px 0;
	padding: 0 0 0 15px;
	list-style-type: square;
}

dl {
	margin: 0 0 15px 0;
}

dl dt {
	font-weight: bold;
}

dl dd {
	margin: 0 0 0 15px;
}

/*****************************************************
 ** Typography */

/* Headings */

h1 {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 20px;
	font-weight: bold;
	color: #5a1b84;
}

#aside h1 {
	font-size:16px;
}

#double #aside h1 {
	font-size:20px;
}

h2 {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
}

p {
	margin: 0 0 15px 0;
}

/* Links */


/*****************************************************
 ** Forms */

fieldset {
	margin: 0;
	padding: 0;
	display: block;
	border: none;
}

legend {
	display: none;
}

/*****************************************************
 ** globally usable classes */

/* date and time */

.titleDate {
	margin: -5px 0 15px 0;
	font-size: 11px;
}

/*****************************************************
 ** Main layout */

/* Page layout */

#container {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	z-index: 1;
}

/* Fuld bredde containers */

.full {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.header {
	background: #fff url('../img/banner.gif') center top no-repeat;
}

.nav {
}


/* Main - everything between main navigation and footer */
.main {
	padding: 20px 0;
}

.footer {
	min-height: 89px;
}

/* Main container */

#main {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

/*****************************************
 ** Header containers */
/*****************************************************
** Areas */

#header {
	position: relative;
	width: 960px;
	height: 50px;
	margin: 0 auto;
	text-align: left;
}

/* logo area */

#logo {
	padding-top: 10px;
}

#logo img {
	border: none;
}


/* service sektion */
#service {
	position: absolute;
	top: 0;
	right: 0;
	color: #666;
	width: 325px;
	padding: 15px 1px;
	text-align: right;
	height: 30px;
	font-size:14px;
	font-weight:bold;
}



/*****************************************************
 ** Main navigation */


/* unselected navigation buttons */

#nav 
{
	background: #c95bb4 url('../img/design-sprite.gif') 0 -450px repeat-x;
	border:1px solid #ccc;
	width: 960px;
	margin: 0 auto;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 11px;
	background: url('../img/design-sprite.gif') right -600px no-repeat;
}

#nav ul li.admin {
	float: right;
	background: url('../img/design-sprite.gif') left -650px no-repeat; 
}

#nav ul li a {
	float: left;
	margin: 0 2px 0 0;
	padding: 0 18px;
	text-decoration: none;
	line-height: 35px; 
	color:#fff;
	font-weight:bold;
}

#nav ul li.admin a {
	margin-left: 2px; 
	margin-right: 0;
}

#nav ul li a:hover, #nav ul li.selected a {
	text-decoration: none;
}

#nav ul li a:hover {
	background: #a64094 url('../img/design-sprite.gif') 0 -500px repeat-x;
}

#nav ul li.selected a:hover,
#nav ul li.selected a {
	background: #7f1f6e url('../img/design-sprite.gif') 0 -550px repeat-x;
}


/* User line below main navigation */
#user {
	text-align:right;
	width:960px;
	margin:0 auto;
}

#user span {
	font-weight:bold;
}


/*****************************************************
 ** Sub navigation */

#subNav {
	float: left;
	width: 160px;
	margin: 0 15px 0 0;
}

#subNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: 1px solid #cea2c4;
	background:#edd9e8;
}

#subNav ul li {
	list-style-type: none;
	border-top:1px solid #f8e9f5;
}

#subNav ul li a {
	color: #333;
	text-decoration: none;
	width: 138px; 
	display: block; 
	padding: 6px 10px; 
}

#subNav ul li a:hover {
	background: #f8e9f5; 
	color: #000; 
} 

#subNav ul li.selected a:hover,
#subNav ul li.selected a {
	font-weight: bold;
	background-color: #c95bb4; 
	color: #fff;
}

#subNav ul li.divider {
	padding: 0;
	font-size: 1px;
	line-height: 1px;
	border-top: 1px solid #cea2c4; 
	margin:0;
	height: 0;
}

.noSubNav #subNav {
	display: none;
}

/*****************************************************
 ** Context navigation */

ul.contextNav {
	margin: 0 0 15px 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}

ul.contextNav li {
	display: inline;
	margin: 0 10px 0 0;
}

/*****************************************************
 ** Content area */

#content {
	float: right;
	width: 785px;
}

.noSubNav #content {
	width: 960px;
}

#double #content, #triple #content {
	width: 755px;
	padding: 19px 14px;
	border: 1px solid #ccc;
	background: #fcfcfc;
}

#double.noSubNav #content, 
#triple.noSubNav #content {
	float: none;
	width: 930px;
	background: #fcfcfc url('../img/design-sprite.gif') 0 -4500px repeat-x;
}


/*****************************************************
 ** Article: primary content area */

#article {
	float: left;
	width: 568px;
	margin: 0 0 20px 0;
}

.noSubNav #article {
	width: 733px;
}

#article .section {
	margin: 0 0 40px 0;
}


/* double */

#double #article {
	width: 379px;
	overflow: hidden;
	padding: 0;
	border: 0;
	background: transparent;
}

#double.noSubNav #article {
	width: 488px;
}

/* triple */

#triple #article {
	width: 793px;
	padding: 0;
	border: 0;
	background: transparent;
}

#triple.noSubNav #article {
	width: 100%;
}

/* wide */

#wide #article {
	width: 793px;
}

#wide.noSubNav #article {
	width: 958px;
}

/*****************************************************
 ** Aside: secondary content area */

#aside {
	float: right;
	width: 200px;
}

.sidebar .section,
#aside .section {
	margin: 0 0 20px 0;
	padding: 9px;
	background: #fff url('../img/design-sprite.gif') 0 -4500px repeat-x;
	border: 1px solid #ccc;
	border-top: 3px solid #5a1b84;
}

/* double */

#double #aside {
	width: 375px;
	padding: 0;
	border: 0;
}

#double #aside .section {
	border: 0;
	background: none;
	padding: 0;
}

#double.noSubNav #aside {
	width: 455px;
}

/* wide */

#wide #aside {
	width: 810px;
	margin-left: -20px;
}

#wide.noSubNav #aside {
	width: 980px;
	margin-left: -15px;
	float: left;
}

#wide #aside .section {
	float: left;
	display: inline;
	width: 235px;
	margin: 0 0 20px 15px;
}

#wide.noSubNav #aside .section {
	width: 290px;
	margin: 0 0 20px 15px;
}

/* triple */

#triple #aside {
	width: 780px;
	margin-left: -15px;
	position: relative;
}

#triple.noSubNav #aside {
	width: 980px;
	margin-left: -15px;
	float: left;
}

#triple #aside .section {
	float: left;
	display: inline;
	width: 245px;
	padding: 0;
	border: 0;
	background: none;
	margin: 0 0 20px 15px;
}

#triple.noSubNav #aside .section {
	width: 299px;
	margin: 0 0 20px 15px;
}

/***************************************************** 
 ** Footer */

#footer {
	width: 960px;
	padding: 10px 0;
	margin: 0 auto;
	text-align: center;
	font-size: 11px;
	color: #666;
}

#footer address {
	font-style: normal;
}






/*****************************************************
** Elements */

.hidden {display:none;}
.clickable {cursor: pointer;}
.subtitle {color:#333;margin-top:-7px;margin-bottom:10px;}
.lowvis {color:#aaa;}


/*****************************************************
** Tables */

table 
{
	width:100%;
	padding:0;
	margin:0;
	table-layout:auto;
	empty-cells:show;
	border-spacing: 0px;
	border-collapse: collapse;
}

th {
	border: 1px solid #b7b7b7;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	background: url('../img/design-sprite.gif') 0 -3000px repeat-x;
	height: 26px;
	vertical-align: middle; 
	padding: 0 4px; 
	text-align:left;
}

td 
{
	padding: 4px;
	border-bottom:1px solid #ddd;
}

table th.right,
table td.right {text-align:right;}

table th.center,
table td.center {text-align:center;}

table tr.section td {background-color:#eee;font-weight:bold;padding:4px;color:#666;}

/* Simple table - no formatting */
table.simple {}
	table.simple td {border:0;}



/*****************************************************
** Items and item lists
*/

.item 
{
	float:left;
}

img.tiny,
.item.tiny img.image {width:60px; height:60px;}
img.small,
.item.small img.image {width:120px; height:120px;}
img.medium,
.item.medium img.image {width:240px; height:240px;}
img.large,
.item.large img.image {width:480px; height:480px;}

	.item .toolbar {border:1px solid #fff;}
	.item .toolbar div {border:1px solid #ddd;padding:2px 4px;background-color:#f3f3f3;font-weight:bold;font-size:11px;}
	.item .toolbar div.banned {background-color:#fcc;}
	.item .toolbar .icon {width:16px;height:16px;}
	.item .image.invisible img {opacity:0.15;filter: alpha(opacity=15) ;}

	.item.tiny {margin:0 10px 10px;}
	
		.item.tiny .image {float:left;}
		.item.tiny .info {float:left;height: 60px;width:160px;padding:0 0 0 4px;border-left:1px solid #ccc;}
			.item.tiny .info .title,
			.item.tiny .info .type,
			.item.tiny .info .designer {font-size:9px;line-height:11px;}
			.item.tiny .info .title a {text-decoration:none;}

			.section .item.tiny {margin:0 0 10px;}
				.section .item.tiny .info {width:110px;}


	.item.small {
		margin:0 10px 10px;
		width:120px;
		height:215px;
	}
		.item.small .info .title,
		.item.small .info .type,
		.item.small .info .designer {font-size:10px;line-height:11px;}
		.item.small .info .title a {font-size:11px;text-decoration:none;}
	
			#wide .item.small {
				margin:0 15px 30px;
			}
	
	
	.item.medium {
		margin:0 10px 20px;
		width: 240px;
		height: 340px;
	}
	.item.large {
		margin: 0 10px 20px;
		width: 480px;
	}


.item .image {
	border:none;
}

.item .info {
	padding:10px;
	color:#666;
}
	.item .info .title { font-size: 14px;}
	.item .info .type {float:left;}
	.item .info .designer {float:left}
	.item .info .date {clear:left; font-size:10px;}



#wide .item.medium {margin:0 5px 20px;}



/*****************************************************
** Tag Cloud
*/

.tagCloud {border:solid 1px #ccc;padding:5px;margin-bottom:10px;margin-right:5px;text-align:center;}
    .tagCloud A {white-space:nowrap;text-decoration:none;margin-left:5px;margin-right:5px;font-family:Trebuchet MS, Verdana, Arial;text-transform:lowercase;}
    .tagCloud A:hover {color:#00cc00;text-decoration:underline;}
    .tc1 {color:#ff9900;font-size:129%;font-weight:bolder;}
    .tc2 {color:#4169e1;font-size:114%;font-weight:bolder;}
    .tc3 {color:#009eff;font-size:100%;font-weight:bolder;}
    .tc4 {color:#4188cf;font-size:92%;}
    .tc5 {color:#83bcd8;font-size:85%;}

/*****************************************************
** Paging
*/

.paging {float:right; color:#666;margin-bottom:10px;}



/*****************************************************
** Buttons
*/

.buttonO {
	border-bottom:1px solid #E7E7E7;
	border-right:1px solid #E7E7E7;
	display:inline-block;
}

.buttonI {
	background:#EEEEEE none repeat scroll 0 0;
	border-color:#CCCCCC #999999 #999999 #CCCCCC;
	border-style:solid;
	border-width:1px;
	display:block;
	height:30px;
}


.buttonI .button,
.buttonI button {
	background:transparent url(../img/btnicons-sprite.gif) repeat scroll center bottom;
	border:medium none;
	color:#000000;
	cursor:pointer;
	font-family:arial,sans-serif;
	font-size:15px;
	height:30px;
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	vertical-align:top;
	padding:3px 10px;
}



/*****************************************************
** Search
*/

.searchField  
{
	width:300px;
	font-size:18px;
	height:24px;
	float:left;
	margin-right:10px;
}

#searchOptionsContent {display:none;border-bottom:1px solid #ddd;margin-top:10px;padding:5px;}
#searchOptionsContent table td {border:none;}



/*****************************************************
** PIMG plugin - image preview on links
*/
a.pimg {}
a.pimg span {display:none;}

#pimg {
	z-index: 999999;
	display: none;
	position: absolute;
	border:1px solid #ddd;
	width:120px;
	height:120px;
	text-align:center;
	background-color:#fff;
}



/*****************************************************
** Icons 
*/
.icon {background:transparent url('../img/btnicons-sprite.gif') no-repeat;margin:1px;float:left;height:16px;width:16px;}
img.icon {float:none;margin:0;border:0 none;vertical-align:text-top;}
	.icon.right {float:right;}
	.empty {background-position:0 0;}
	.visible {background-position:-16px 0;}
	.invisible {background-position:-32px 0;}
	.banned {background-position: -48px 0;}

	.statusInformation {background-position:0 -16px;}
	.statusWarning {background-position:-16px -16px;}
	.statusError {background-position:-32px -16px;}
	.statusOk {background-position:-48px -16px;}
	.trophy {background-position: -64px -16px;}
	.hourglass {background-position: -80px -16px;}
	.clock {background-position: -96px -16px;}
	.recommend {background-position: -112px -16px;}
	.gallery {background-position: -128px -16px;}
	.profile {background-position: -144px -16px;}
	.add {background-position: -160px -16px;}
	.remove {background-position: -176px -16px;}

	.tick {background-position: -80px 0;}
	.help {background-position: -96px 0;}
		.help:hover {background-position: -112px 0;cursor:help;}
	.new {background-position: -128px 0;}
	.edit {background-position: -144px 0;}
	.information {background-position: -160px 0;}
		.information:hover {background-position: -176px 0;cursor:help;}

	.popup {background-position: 0 -32px;}
	.mail {background-position: -16px -32px;}
	.dropdown {background-position: -32px -32px;}
	.dropdown.selected {background-position: -48px -32px;}
	.vote {background-position: -64px -32px;}
	.vote.selected {background-position: -80px -32px;}
	.arrow-up {background-position: -96px -32px;}
	.arrow-down {background-position: -112px -32px;}
	.compactView {background-position: -128px -32px;}
	.detailedView {background-position: -144px -32px;}
	.groupedView {background-position: -160px -32px;}
	.dateView {background-position: -176px -32px;}
	
	.rss {background-position: 0px -48px;}


.countryIcon {
	width:16px;
	height:11px;
	margin:2px 0 3px;
	vertical-align: top;
}

.patronIcon {
	background-image:url(../img/btnicons-sprite.gif);
	background-position: 0 -96px;
	border:0 none;
	display:inline-block;
	position:relative;
	height:13px;
	width:16px;
}
	.patron {width:39px;}
	.patron10 {background-position:-40px -96px;}
	.patron11 {background-position:-56px -96px;}
	.patron12 {background-position:-72px -96px;}
	.patron13 {background-position:-88px -96px;}
	.patron14 {background-position:-104px -96px;}
	.patron15 {background-position:-120px -96px;}
	.patron16 {background-position:-136px -96px;}

.badge {background:transparent url('../img/btnicons-sprite.gif') no-repeat;height:16px;width:64px;margin:0;border:0 none;}
	.administrator {background-position:0px -112px;}
	.moderator {background-position:-64px -112px;}
	.designer {background-position:-128px -112px;}



/*****************************************************
** Alert boxes
*/
.alertbox {
	background-color:#f8fafc;
	border-bottom:2px solid #b5d4fe;
	border-top:2px solid #b5d4fe;	
	padding: 5px 20px 5px 0;
	margin-bottom:20px;
}
.alertbox.warning 
{
	background-color: #fff6bf;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}
.alertbox.error {
	background: #ffbfbf;
	border-top: 2px solid #ff2424;
	border-bottom: 2px solid #ff2424;
}
.alertbox.ok {
	background: #e8f1d0;
	border-top: 2px solid #8bb716;
	border-bottom: 2px solid #8bb716;
}
	
.alertbox div {
  background:transparent url(../img/btnicons-sprite.gif) no-repeat 0px -16px;
  height:16px;
  width: 16px;
  margin:1px 10px;
  float:left;
}
.alertbox.warning div {background-position:-16px -16px;}
.alertbox.error div {background-position:-32px -16px;}
.alertbox.ok div {background-position:-48px -16px;}

.alertbox span {font-weight:bold;}
.alertbox ul {margin-left:50px;list-style:disc;}



/*****************************************************
** EASY Forms
*/
.required {color:#f33;}
.formnote {color:#666;font-size:10px;}

.easyform input,
.easyform textarea,
.easyform select {font-size:14px;padding:3px;}

.easyform label {font-weight:bold;}
	.easyform label .notstrong {font-weight:normal;}

.easyform div {margin-bottom:20px;}

.easyform .agreement {border:1px solid;padding:10px 5px;background-color:#eee;}

.easyform h2 {color:#a31a36;border-bottom:1px dotted #bbb;margin:60px 0 20px;width:450px;}

table.full3ColTbl {width:100%}
	table.full3ColTbl td {width:33%;}




/*****************************************************
** Calendar picker
*/
.jdpicker_w .date_selector * {
	width: auto;
	height: auto;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
	text-align: left;
	text-decoration: none;
	font-size:12px;
}
.jdpicker_w .date_selector {
	background: #FFF;
	border: 1px solid #bbb;
	padding: 5px;
	margin: -1px 0 0 0;
	position: absolute;
	z-index: 100000;
	display: none;
	width:210px
}

.jdpicker_w .date_selector table{
	width:210px;
	margin-left:3px;
}

.jdpicker_w .date_clearer{
	color: #a00;
	padding-left:3px;
	cursor:pointer;
	font-weight:bold;
	font-family:sans-serif
}

.jdpicker_w .date_selector_ieframe {
	position: absolute;
	z-index: 99999;
	display: none;
}

.jdpicker_w .error_msg{
	display:none;
	text-align:center;
	font-size:0.8em;
	color:#666
}

.jdpicker_w .date_selector .nav {
	width: 17.5em; /* 7 * 2.5em */
}
.jdpicker_w .date_selector .month_nav, .jdpicker_w .date_selector .year_nav {
	margin: 0 0 3px 0;
	padding: 0;
	display: block;
	position: relative;
	text-align: center;
}
.jdpicker_w .date_selector .month_nav {
	float: left;
	width: 56%;
}
.jdpicker_w .date_selector .year_nav {
	float: right;
	width: 37%;
	position:relative;
}

.jdpicker_w .date_selector .month_nav select {
	width:75px;
	margin: 0 auto;
	border:1px solid #ccc;
	position:relative;
	top:1px
}

.jdpicker_w .date_selector .year_nav .year_input {
	text-align:center;
	width:36px;
	border:1px solid #ccc;
	position:relative;
	top:2px
}  

.jdpicker_w .date_selector .month_name, .jdpicker_w .date_selector .year_name {
	font-weight: bold;
	line-height: 20px;
}
.jdpicker_w .date_selector .button {
	display: block;
	position: absolute;
	top: 0;
	width: 18px;
	height: 18px;
	line-height: 17px;
	font-weight: bold;
	color: #333;
	text-align: center;
	font-size: 120%;
	overflow: hidden;
	border: 1px solid #F2F2F2;
	cursor:pointer;
}

.jdpicker_w .date_selector .button:hover, .jdpicker_w .date_selector .button.hover {
	background: none;
	color: #333;
	cursor: pointer;
	border-color: #ccc;
}

.jdpicker_w .date_selector .prev {
	left: 0;
}
.jdpicker_w .date_selector .next {
	right: 0;
}

.jdpicker_w .date_selector table {
	margin:0 auto;
	border-spacing: 1px;

	clear: both;
}
.jdpicker_w .date_selector th{
	padding-top:5px
}

.jdpicker_w .date_selector th, .jdpicker_w .date_selector td {
	text-align: center;
	color: black;
}

.jdpicker_w .date_selector th.week_label{
	font-weight:normal;
	font-style:italic;
	font-size:80%;
	width:25px
}

.jdpicker_w .date_selector .week_num, .jdpicker_w .date_selector .hover .week_num, .jdpicker_w .date_selector .selected .week_num{
	font-style:italic;
	color:#333 !important;
	vertical-align:bottom !important;
	text-align:right;
	border:none !important;
	font-size:70%;
	background:#FCFCFC !important;
	padding-right:4px;
}

.jdpicker_w .date_selector td {
	border: 1px solid #ccc;
	line-height: 2em;
	text-align: center;
	white-space: nowrap;
	color: #003C78;
	background: white;
}
.jdpicker_w .date_selector td.today {
	background: #FFFEB3;
}
.jdpicker_w .date_selector td.unselected_month {
	color: #ccc;
}
.jdpicker_w .date_selector td.selectable_day, .jdpicker_w .date_selector tr.selectable_week td {
	cursor: pointer;
	border:1px solid #aaa;
	color:#333
}
.jdpicker_w .date_selector td.selected, .jdpicker_w .date_selector tr.selected  td{
	background-color:#ddd;
	font-weight: bold;
}
.jdpicker_w .date_selector tr.selectable_week.hover td, .jdpicker_w .date_selector td.selectable_day.hover {
	background-color:#eee;
}




/*****************************************************
** MarkItUp editor
*/
.markItUpPreviewHtml 
{
	text-align:left;
	padding:5px;
}


.markItUp * {
	margin:0px; padding:0px;
	outline:none;
}
.markItUp a:link,
.markItUp a:visited {
	color:#000;
	text-decoration:none;
}
.markItUp  {
	width:540px;
	margin:5px 0 5px 0;
}
.markItUpContainer  {
	font:11px Arial, Helvetica, sans-serif;
}
.markItUpEditor {
	font:12px 'Courier New', Courier, monospace;
	padding:5px;
	width:530px;
	height:250px;
	clear:both; display:block;
	line-height:18px;
	overflow:auto;
}
.markItUpPreviewFrame	{
	overflow:auto;
	background-color:#FFFFFF;
	width:99.9%;
	height:300px;
	margin:5px 0;
}
.markItUpFooter {
	width:100%;
}
.markItUpResizeHandle {
	overflow:hidden;
	width:22px; height:5px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../img/markitup/handle.png);
	cursor:n-resize;
}
/***************************************************************************************/
/* first row of buttons */
.markItUpHeader ul li	{
	list-style:none;
	float:left;
	position:relative;
}
.markItUpHeader ul li:hover > ul{
	display:block;
}
.markItUpHeader ul .markItUpDropMenu {
	background:transparent url(../img/markitup/menu.png) no-repeat 115% 50%;
	margin-right:5px;
}
.markItUpHeader ul .markItUpDropMenu li {
	margin-right:0px;
}
/* next rows of buttons */
.markItUpHeader ul ul {
	display:none;
	position:absolute;
	top:18px; left:0px;	
	background:#FFF;
	border:1px solid #000;
}
.markItUpHeader ul ul li {
	float:none;
	border-bottom:1px solid #000;
}
.markItUpHeader ul ul .markItUpDropMenu {
	background:#FFF url(../img/markitup/submenu.png) no-repeat 100% 50%;
}
.markItUpHeader ul .markItUpSeparator {
	margin:0 10px;
	width:1px;
	height:16px;
	overflow:hidden;
	background-color:#CCC;
}
.markItUpHeader ul ul .markItUpSeparator {
	width:auto; height:1px;
	margin:0px;
}
/* next rows of buttons */
.markItUpHeader ul ul ul {
	position:absolute;
	top:-1px; left:150px; 
}
.markItUpHeader ul ul ul li {
	float:none;
}
.markItUpHeader ul a {
	display:block;
	width:16px; height:16px;
	text-indent:-10000px;
	background-repeat:no-repeat;
	padding:3px;
	margin:0px;
}
.markItUpHeader ul ul a {
	display:block;
	padding-left:0px;
	text-indent:0;
	width:120px; 
	padding:5px 5px 5px 25px;
	background-position:2px 50%;
}
.markItUpHeader ul ul a:hover  {
	color:#FFF;
	background-color:#000;
}

/* Buttons*/
.markItUp .buttonBold a { background-image:url(../img/markitup/bold.png); }
.markItUp .buttonItalic a { background-image:url(../img/markitup/italic.png); }
.markItUp .buttonUnderline a { background-image:url(../img/markitup/underline.png); }
.markItUp .buttonImage a { background-image:url(../img/markitup/picture.png); }
.markItUp .buttonLink a { background-image:url(../img/markitup/link.png); }
.markItUp .buttonYouTube a { background-image:url(../img/markitup/youtube.png); }
.markItUp .buttonFontsize a { background-image:url(../img/markitup/fonts.png); }
.markItUp .buttonUnorderedList a { background-image:url(../img/markitup/list-bullet.png); }
.markItUp .buttonOrderedList a { background-image:url(../img/markitup/list-numeric.png); }
.markItUp .buttonListItem a { background-image:url(../img/markitup/list-item.png); }
.markItUp .buttonQuote a { background-image:url(../img/markitup/quotes.png); }

.markItUp .buttonSmiley a { background-image:url(../img/markitup/smiley-happy.png); }
.markItUp .buttonSmileyHappy a { background-image:url(../img/markitup/smiley-happy.png); }
.markItUp .buttonSmileySad a { background-image:url(../img/markitup/smiley-sad.png); }
.markItUp .buttonSmileyCrying a { background-image:url(../img/markitup/smiley-crying.png); }
.markItUp .buttonSmileySurprised a { background-image:url(../img/markitup/smiley-surprised.png); }
.markItUp .buttonSmileyEvil a { background-image:url(../img/markitup/smiley-evil.png); }
.markItUp .buttonSmileyTeasing a { background-image:url(../img/markitup/smiley-teasing.png); }
.markItUp .buttonSmileyWinking a { background-image:url(../img/markitup/smiley-winking.png); }
.markItUp .buttonSmileyCool a { background-image:url(../img/markitup/smiley-cool.png); }
.markItUp .buttonSmileyLaughing a { background-image:url(../img/markitup/smiley-laughing.png); }
.markItUp .buttonSmileyBlushing a { background-image:url(../img/markitup/smiley-blushing.png); }
.markItUp .buttonSmileyConfused a { background-image:url(../img/markitup/smiley-confused.png); }
.markItUp .buttonSmileyAngry a { background-image:url(../img/markitup/smiley-angry.png); }

.markItUp .buttonClean a { background-image:url(../img/markitup/clean.png); }
.markItUp .buttonPreview a { background-image:url(../img/markitup/preview.png); }



/*****************************************************
** MarkItUp Dialog window - image picker/youtube selector
*/
.markItUpDialog {

		/* overlay is hidden before loading */
		display:none;

		/* standard decorations */
		width:500px;
		border:10px solid #666;

		/* for modern browsers use semi-transparent color on the border. nice! */
		border:10px solid rgba(82, 82, 82, 0.698);

		/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
	}

	.markItUpDialog div {
		padding:10px;
		border:1px solid #3B5998;
		background-color:#fff;
	}
		.markItUpDialog div div {padding:0;border:0 none;}

	.markItUpDialog h2 {
		margin:-11px;
		margin-bottom:0px;
		color:#fff;
		background-color:#6D84B4;
		padding:5px 10px;
		border:1px solid #3B5998;
		font-size:20px;
	}

	.markItUpDialog .markItUpDialogImages {height:200px;overflow-y:scroll;text-align:left;}
		.markItUpDialog .markItUpDialogImages img.tiny {margin:5px;border:2px solid #fff;padding:1px;}
		.markItUpDialog .markItUpDialogImages img.selected {margin:5px;border:2px solid #66f;padding:1px;}




/*****************************************************
** Color picker
*/
div.colorSelector { /* The color square that shows current color and opens picker */
  height: 48px;
  width: 48px;
  padding: 0;
  border: 1px solid #ccc;
  background: url(../img/colorpicker-arrow.gif) no-repeat 32px 32px;
  cursor: pointer;
  margin:0;
}
div.colorSelector.colorSelectorEmpty { background:#fff url('../img/colorpicker-emptycolorselctor.gif') no-repeat top left; }
	div.colorSelector div.colorSelectorValue {
		float:left;
		font-size:9px;
		line-height:10px;
		margin:50px 0 0;
		color:#333;
	}
	div.colorSelector.colorSelectorEmpty div.colorSelectorValue { color:#aaa; }

div#colorPicker {	/* The actual color picker */
  width: 145px;
  position: absolute;
  border: 1px solid #598FEF;
  background-color: #EFEFEF;
  padding: 2px;
}
	div#colorRGB {width:100%; float:left;}	/* The area in the color picker that allows input of rgb */
		#colorRGB label {color: #333; margin:5px 2px;}
		#colorRGB input {margin: 5px 2px; padding: 0; font-size: 95%; border: 1px solid #000; width:25px; text-align:right; }

	div.colorSwatch {	/* The color swatches that can be selected */
		height: 12px;
		width: 12px;
		border: 1px solid #000;
		margin: 2px;
		float: left;
		cursor: pointer;
	}
	div.clearSwatch  {
		background: #fff url(../img/colorpicker-clearswatch.gif) no-repeat top left;
	}

div.paletteColor {float:left; margin:0 5px 5px;}	/* Used on this site to show the colors */
	div.paletteColor label {display:none;}



/*****************************************************
** Modal windows
*/
.modal {
		background-color:#fff;
		display:none;
		width:490px;
		padding:15px;
		text-align:left;
		border:2px solid #333;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		-moz-box-shadow: 0 0 50px #ccc;
		-webkit-box-shadow: 0 0 50px #ccc;
	}
	
	.modal h2 {
		font-size:20px;
	}



/*****************************************************
** Tabs
*/
/* root element for tabs  */
ul.tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	 	
}

/* single tab */
ul.tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border:1px solid #666;	
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	position:relative;
	top:1px;	
}

ul.tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
ul.tabs a.current {
	background-color:#fff;
	border-bottom:2px solid #fff;	
	color:#000;	
	cursor:default;
}

	
/* tab pane */
.panes div.pane {
	display:none;
	padding:20px 0;
	border-width:0 1px 1px 1px;
	min-height:150px;
}




/*****************************************************
** Freebie picker
*/
.fPicker { }

	.fPicker .selectorBox {overflow-y:scroll; height:245px;padding:10px;}
		.fPickerSelection .tiny,
		.fPicker .selectorBox .tiny {margin:2px;cursor:pointer;float:left;}

		.fPickerSelection .tiny:hover,
		.fPicker .selectorBox .tiny:hover {margin:0px;border:2px solid #00f;}

.fPickerBottom {margin-top:20px;}




/*****************************************************
** Forum
*/

.forumNavigator {margin:-10px 0 10px;}
.forumToolbar {margin:20px 0 10px;}
table.forums {margin-bottom:50px;}
	.forums .link {font-weight:bold;text-decoration:none;}
	.forums .description {color:#666;}

table.forum {margin-bottom:50px;}
	.forum .link {font-weight:bold;text-decoration:none;}

div.thread {}
	.thread .head {width:760px;border:1px solid #ccc; margin-bottom:20px;background:#fff url(../img/forum-sprite.gif) repeat-x 0px 0px;}
		.thread .head .recommend {width:160px;text-align:center;padding:10px 0;float:left;}
		.thread .head .description {width:579px;min-height:50px;padding:10px;border-left:1px solid #ccc;float:left;}
			.thread .head .description .postCount {float:right;}
			.thread .head .description h1 {font-size:14px;color:#666;}
	.thread .pagination {text-align:right;margin-bottom:10px;}
	.thread .entry {width:760px;border:1px solid #ccc; margin-bottom:20px;background:#fff url(../img/forum-sprite.gif) repeat-x 0px -250px;}
		.thread .entry .author {width:160px;text-align:center;padding-top:10px;float:left;}
		.thread .entry .message {width:579px;min-height:150px;padding:10px;border-left:1px solid #ccc;float:left;}
			.thread .entry .message h2 {font-size:12px;border-bottom:1px dotted;}
			.thread .entry .message .edits {font-size:10px;margin-top:20px;}
			.thread .entry .message .signature {font-size:11px;color:#666;margin-top:20px;padding-top:10px;border-top:1px solid #ddd;}
		.thread .entry .toolbar {clear:left;text-align:right;border-top:1px solid #ccc;padding:5px;background:#fff url(../img/forum-sprite.gif) repeat-x 0px -150px;}
			.thread .entry .toolbar .postDate {font-size:10px;}
			
	.quoteTitle {
		color:#fff;
		background-color:#8888FF;
		border:1px solid #000;
		font-size:10px;
		font-weight:bold;
		margin:5px 5px 0 20px;
		padding:5px;
	}
	.quote {
		background-color:#DDDDFF;
		border:1px solid #000000;
		border-top:0px none;
		font-size:10px;
		margin-bottom:5px;
		margin-left:2em;
		margin-right:5px;
		padding:5px;
	}


/*****************************************************
** User avatar
*/

.avatar {text-align:center;}
	.realname {}
	.name {}
	.toolsandinfo {margin-top:4px;}
		.menu {cursor:pointer;}
		.menu:hover {}
	.image {line-height:1px;}
		.image img {height:64px;width:64px;}
	.title {}
	.patronage {}



/*****************************************************
** Tooltip and tooltip menu
*/

.tooltip {
	text-align:left;
	display:none;
	background-color:#ffa;
	border:1px solid #cc9;
	padding:3px;
	font-size:13px;
	-moz-box-shadow: 2px 2px 11px #666;
	-webkit-box-shadow: 2px 2px 11px #666;
}
.quickmenu 
{
	text-align:left;
	display:none;
	background-color:#fff;
	border:1px solid #ccc;
	font-size:13px;
	-moz-box-shadow: 2px 2px 11px #666;
	-webkit-box-shadow: 2px 2px 11px #666;
}
	.quickmenu .header {padding:3px;color:#fff;background:#666;font-weight:bold;}
	.quickmenu .menu {padding:3px;}
	.quickmenu .menu div {margin:3px;}
		.quickmenu .menu div.line {border-bottom:1px solid #eee;}
	.quickmenu .menu a {text-decoration:none;}


/*****************************************************
** Facebook Like Tool
*/
.likeTool {}
	.likeTool iframe {border:none; overflow:hidden; width:480px; height:24px;}
.likeToolSmall {}
	.likeToolSmall iframe {border:none; overflow:hidden; width:100px; height:24px;}



/*****************************************************
** AddThis Tool
*/
.addthis_toolbox {display:inline-block;}




/*****************************************************
** Freebie Page
*/
.freebiePage .shareTool {float:right;width:200px;text-align:right;}
	.freebiePage .shareTool a {text-decoration:none;}
	.freebiePage .likeTool {margin:30px 0 20px;}
.freebiePage .themes {margin:10px 0;}
.freebiePage .preview {margin-bottom:20px;}
.freebiePage .description {border:1px solid #cecece;background-color:#eee;padding:15px;width:450px;margin-bottom:20px;}




/*****************************************************
** Comments
*/
.commentForm {width:480px;padding:5px;background-color:#F2F2F2;border:1px solid #CCCCCC;}
	.commentFormText {padding-left:5px;padding-right:13px;}
		.commentFormText textarea {display:inline;color:#333;height:44px;margin-top:5px;overflow:hidden;padding:3px;width:100%;border:1px solid #BDC7D8;font-size:11px;padding:3px;}
	.commentFormButton {float:right;padding:5px 5px 5px 10px;}

.comments {width:480px;}
	.comments .comment {border-bottom:1px solid #D8DFEA;margin:10px 10px 5px 0;padding-bottom:5px;}
		.comments .comment .profilePicture img {display:block;float:left;border:0 none;width:64px;height:64px;}
		.comments .comment .itemPicture img {display:block;float:left;border:0 none;width:60px;height:60px;} /* Used when showing a users comments */
		.comments .comment .content {margin-left:64px;padding-left:10px;}
			.comments .comment .content h4 {padding:0 5px 3px 0;font-size:11px;margin:0;}
			.comments .comment .content h4 a {font-weight:bold;color:#3B5998;outline-style:none;text-decoration:none;}
			.comments .comment .content h4 .time {color:#808080;font-size:9px;margin-left:1px;padding:2px 0 0 4px;}
			.comments .comment .content div {padding:3px 0;font-size:11px;}




/*****************************************************
** Challenges
*/
.challenge {width:220px;margin:0 10px 20px 0;float:left;border:5px solid #eee;height:150px;}
	.challenge .image,
	.challenge .image img {height:100px;width:220px;border-bottom:3px solid #eee;}
	.challenge .description {padding:5px;}
		.challenge .description h2 {font-size:14px;position:relative;}
	.challenge .type {float:right;top:20px;position:relative;}
	.challenge h2 a {text-decoration:none;color:#333;}




/*****************************************************
** Challenge Page
*/
.challengePage {}
	.challengePage h2 {font-size:12px;font-weight:normal;margin:-5px 0 40px;}
	.challengePage .ownerMenu {border:1px solid #ddd;background-color:#eee;padding:5px;margin:-20px 0 20px;width:748px;}
		.challengePage .ownerMenu.noBanner {margin-top:0px;}
	.challengePage .banner {width:760px;height:80px;background-color:#ccc;margin-bottom:20px;}
	.challengePage .shareTool {float:right;width:200px;text-align:right;}
		.challengePage .shareTool a {text-decoration:none;}
	.challengePage .likeToolSmall {margin:10px 0 0;}
	.challengePage .dates {padding:10px;border:1px dotted #ccc;background-color:#f5f5f5;margin-bottom:20px;}
	.challengePage .description {}




/*****************************************************
** Challenge Entries
*/
.entries {}
	.entries .entry {border-bottom:1px solid #D8DFEA;margin:10px 10px 5px 0;padding-bottom:5px;}
		.entries .entry .entryPicture {display:block;float:left;width:120px;}
		.ssentries .entry .entryPicture img {border:0 none;width:120px;height:120px;}
		.entries .entry .votes {width:118px;text-align:center;border:1px solid #ddd;margin:4px 0;font-size:16px;font-weight:bold;}
			.entries .entry .votes .title {float:left;background-color:#eee;width:40px;height:30px;font-size:11px;font-weight:bold;border-right:1px solid #ddd;padding-top:10px;}
			.entries .entry .votes .actions {padding-top:10px;margin-left:40px;width:77px;height:30px;}
			.entries .entry .votes span a {color:#3c3;font-size:18px;}
			.entries .entry .votes a {text-decoration:none;}
		.entries .entry .entryContent {margin-left:124px;padding-left:10px;}
			.entries .entry .entryContent h4 {padding:0 5px 3px 0;font-size:11px;margin:0;}
			.entries .entry .entryContent h4 a {font-weight:bold;color:#3B5998;outline-style:none;text-decoration:none;}
			.entries .entry .entryContent .time {color:#808080;font-size:9px;margin:-5px 0 10px;padding:0;}
			.entries .entry .entryContent div {padding:3px 0;font-size:11px;}
		.entries .entry .toolbar {margin-left:124px;padding-left:10px;}
			.entries .entry .toolbar a {font-size:11px;}
		.entries .entry .commentsContainer {margin:20px 0 0 124px;padding-left:10px;}


		/* Challenge entry overlay */
		.entryOverlay {display:none;z-index:10000;background-color:#222;color:#ddd;font-weight:bold;width:480px;min-height:540px;border-bottom:1px solid #666;-moz-box-shadow:0 0 90px 5px #000;-webkit-box-shadow: 0 0 90px #000;}
			.entryOverlay h2 {margin:10px;}





/*****************************************************
** Member profile table
*/
table.profileTable {border-top:1px solid #ddd;border-right:1px solid #ddd;}
	table.profileTable td {background-color:#f6f6f6;}



/*****************************************************
** Page setup for blog pages
*/
.blog {}
	.blog .page {float:left;width:660px;}
	.blog .sidebar {margin-left:660px;padding-left:30px;}



/*****************************************************
** Feed views
*/
.feed {padding-top:20px;border-top:5px solid #eee;}
	.feed .post {margin-bottom:20px;padding-bottom:20px;border-bottom:5px solid #eee;}
		.feed .post .thumbnail {float:left;width:72px;}
			.feed .post .thumbnail img {width:72px;height:72px;}
		.feed .post .content {margin-left:72px;padding-left:20px;}
			.feed .post .content h2 {font-size:18px;margin:0;}
				.feed .post .content h2 a {color:#666;text-decoration:none;}
			.feed .post .content .dateSource {color:#999;font-size:11px;}
				.feed .post .content .dateSource .source {font-weight:bold;}
		.feed .post .summary {margin-top:10px;color:#666;}
		.feed .post .more {margin-top:5px;}


.feed2 {padding-top:10px;border-top:5px solid #eee;}
	.feed2 .post {height:72px;width:320px;margin-right:5px;float:left;margin-bottom:10px;padding-bottom:10px;border-bottom:5px solid #eee;}
		.feed2 .post .thumbnail {float:left;width:72px;}
			.feed2 .post .thumbnail img {width:72px;height:72px;}
		.feed2 .post .content {margin-left:72px;padding-left:20px;}
			.feed2 .post .content h2 {font-size:19px;height:38px;line-height:18px;overflow:hidden;margin:0;}
				.feed2 .post .content h2 a {color:#666;text-decoration:none;}
			.feed2 .post .content .dateSource {color:#999;font-size:11px;height:16px;overflow:hidden;}
				.feed2 .post .content .dateSource .source {font-weight:bold;}
				.feed2 .post .content .dateSource .date {white-space:nowrap;}
		.feed2 .post .summary {display:none;}
		.feed2 .post .more {margin-top:3px;}

.feed3 {}
	.feed3 h2 {border-bottom:1px dotted #999;margin-top:20px;}
	.feed3 .posts {margin-left:20px;margin-bottom:20px;}
		.feed3 .posts .post {margin-bottom:10px;}
			.feed3 .post .thumbnail {float:left;width:54px;}
				.feed3 .post .thumbnail img {width:54px;height:54px;}
			.feed3 .post .content {margin-left:54px;padding-left:20px;}
				.feed3 .post .content h3 {font-size:16px;font-weight:bold;margin:0;}
					.feed3 .post .content h3 a {color:#666;text-decoration:none;}

.feed4 {padding-top:10px;border-top:5px solid #eee;}
	.feed4 .post {margin-bottom:10px;padding-bottom:10px;border-bottom:5px solid #eee;}
		.feed4 .post h2 {font-size:12px;font-weight:bold;margin:0;}
		.feed4 .post h2 a {color:#333;text-decoration:none;}
		.feed4 .post .source {color:#666;font-size:10px;font-weight:bold;}
		.feed4 .post .date {color:#666;font-size:10px;}


/* Overlay for showing blog posts */
.postOverlay {display:none;z-index:10000;border:5px solid #eee;background-color:#fff;width:800px;height:500px;overflow-y:scroll;-moz-box-shadow:0 0 40px 5px #000;-webkit-box-shadow: 0 0 40px #000;}
	.postOverlay .head {padding:10px;background-color:#eee;}
		.postOverlay h2 {color:#666;font-size:18px;margin:0;}
	.postOverlay .content {padding:10px;}


/* Page showing a blog post */
.feedPost {}
	.feedPost .dateSource {margin:-5px 0 0;color:#666;font-size:14px;}
	.feedPost .content {margin-top:30px;}



/*****************************************************
** Advertise classes
*/
.ad160 {width:160px;}
	#aside .ad160 {margin-left:40px;}