/*** DEFAULTS ***/
* {
    margin:0;
    padding:0;
}

body {
    background-color:#EEEEEE;
    xcolor:#999999;
    color:#6F6F6F;
    font-family:Verdana;
    font-size:11px;
    margin:2px;
    xheight:100%;
}

.clear {
    clear:both;
}

#wrapper {
	overflow:hidden;
    margin:5px auto;
    width:1000px;
}

ul {
    list-style-type:none;
}

input[type="submit"], #modalMiddle input[type="button"] {
    background-color:#999999;
    color:#FFFFFF;
    font-size:11px;
}

#siteFooter {
	margin:0 auto;
	margin-top:5px;
	width:1000px;
}

#sBottomL {
    margin-right:5px;
    width:135px;
}

#sBottomM {
    margin-right:5px;
    width:555px;
}

#sBottomR {
    width:300px;
}

/*** DIV EXTEND HACK ***/
#wrapper:after {
	content: "[.]";
	visibility:hidden;
	display:block;
	clear:both;
	height:0;
}

*>.column {padding-bottom: 0;margin-bottom: -0; }
.column:after {
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	background: inherit;
	padding-top: 32767px;
	margin-bottom: -32767px;
	height: 0;
	background-color: #fff;
}
/***********************//**** HELP ****/
.cjHelp {
	background-color:#FFFAAE;
	border:1px solid #FFBF00;
	position:absolute;
	padding:4px 10px;
	width:250px;
}

/**** CREW ****/
.crew {
	margin:10px;
	margin-bottom:0;
	padding-bottom:10px;
	float:left;
	border-bottom:1px solid #eee;
	width:530px;
}

.crew img {
	float:left;
	padding:5px;
	border:1px solid #eee;
}

.crew ul {
	margin-left:4px;
	float:left;
}

.crew ul li:first-child {
	font-weight:bold;
}

.contact {
	padding:10px;
	background-color:#fff;
}

.contact .sL {
	float:left;
	width:100px;
	display: block;
	margin:3px 0;
}

.contact select, .contact input {
	margin:3px 0;
	width:150px;
}

.contact2{
	background-color: #fff;
}

/**** PAGINATION ****/
.content ul#smenu, .memberC ul#smenu {
	background-color:#FFFFFF;
	border-bottom:1px solid #EEEEEE;
	overflow:hidden;
	padding:0;
}

.content ul#smenu li, .memberC ul#smenu li {
	border-right:1px solid #EEEEEE;
	display:inline;
	float:left;
	font-size:9px;
	padding:4px 10px;
	text-transform:uppercase;
}

/*** Classes ***/

.sColor {
    margin-bottom:5px;
}

.sColor li {
    display:inline;
}

.sColorLeft {
    float:left;
    width:200px;
}

.sColorRight {
    float:right;
    text-align:right;
    xwidth:200px;
    margin-top:3px;
}

.contextMenu {
	position:absolute;
	background-color:#fff;
	border:1px solid #999;
	padding:4px 10px;
}

.title {
    background-color:#F5FAFD;
    border-bottom:1px solid #EEEEEE;
    color:#6F6F6F;
    font-size:11px;
    font-weight:bold;
    height:18px;
    padding:6px 0 3px 10px;
}

.sBarRight {
    background-color:#FFFFFF;
    margin:5px 0;
}

.sBarLeft {
    background-color:#FFFFFF;
}

.sBottom {
    background-color:#FFFFFF;
    bottom:0;
    float:left;
    height:30px;
    text-align: center;
}

.sBottom p {
	padding: 7px 0;
	font-size:9px;
}

.selector {
	float:right; 
	margin-right:10px; 
}

/*** HREF ***/
a.nav {
    xcolor:#999999;
    color:#6F6F6F;
    text-decoration:none;
}

a.nav:hover {
    color:#0080C0;
    text-decoration:underline;
}

a.grayLink {
    color:#999999;
}

a img {
    border:0 none;
}

a {
    color:#0080C0;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

a.selected {
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	color:#6F6F6F;
}

/*** MAIN CONTENT ***/
.content {
    background-color:#FFFFFF;
    line-height:14px;
    margin:5px 5px 0;
}

.content p, .contentP p {
    padding:10px;
    xmin-height:150px;
}

#newsContainer p, #newsList p {
	min-height:100px;
}

.content span.header {
    color:#6F6F6F;
    display:block;
    float:left;
    font-weight:bold;
    padding:10px 0 0 10px;
    width:400px;
}

.headlines li span {
    color:#C0C0C0;
    padding-right:5px;
    float:left
} .headlines li span.cat { width:50px; color:#6F6F6F }

.headlines li a {
	xcolor:#999;
	color:#6F6F6F;
}

.headlines li span.cat a {
	color:#0080C0;
}

.content ul {
    padding:4px 0 0 10px;
}

.content ul#menu li, .contentP ul#menu li {
	border-right:1px solid #EEEEEE;
	display:inline;
	float:left;
	font-size:9px;
	padding:4px 10px;
	text-transform:uppercase;
} 

.content ul#menu, .contentP ul#menu {
	border-bottom:1px solid #EEEEEE;
	background-color:#fff;
	overflow:hidden;
	padding:0; 
}

.content ul#menu li:hover, .contentP ul#menu li:hover {
	background-color:#eee;
}

.content img.hlImg {
    float:right;
    max-height:100px;
    max-width:100px;
    border:1px solid #eee;
    padding:4px;
    margin:0 10px 5px 0;
}

/*** CONTENT + REACTION ***/
.contentP {
	line-height:14px;
	margin:5px 5px 0;
}

/*** Table Faking ***/
.tableContainer {
    width:100%;
}

.tableContainer span {
    xcolor:#999999;
}

.tShowInfo { padding:5px; }

.tShowInfo img {
	float:left;
	padding-right:4px;
	max-width:51px;
	max-height:72px;
}

.tShowInfo .sL {
	display: block;
	float:left;
	width:45px;
}

.tShowInfo ul {
    float:left;
    padding:4px 10px;
    width:455px;
    font-size:9px;
}

.tShowInfo {
    background-color:#FFFFCC;
    border-bottom:2px solid #EEEEEE;
}

.tableData {
    float:left;
    width:auto;
}

.tableRow, .tableRowH {
    border-bottom:2px solid #EEEEEE;
}

.tActive {
    background-color:#0080C0;
}
.tActive span, .tActive span a {
    color:#FFFFFF;
}

.tableRow:hover {
    background-color:#0080C0;
}

.tableRow:hover span.h {
    color:#FFFFFF;
}

.tableRow:hover a {
	color:#fff;
}

.tTitle {
    border-right:2px solid #eee;
    line-height:14px;
    padding:5px 10px;
    width:32%;
}

.tOther {
    border-right:2px solid #eee;
    line-height:14px;
    padding:5px 10px;
    width:114px;
}

.tExtra {
    line-height:14px;
    padding:5px 10px 0;
    xwidth:38px;
}

/*** HEADLINES ***/
.hItems img, .hItems ul {
    float:left;
    font-size:9px;
    line-height:15px;
    padding:5px 5px 5px 10px;
    width:auto;
}

.hItems li:first-child {
    color:#6F6F6F;
    font-weight:bold;
}

.hItems ul {
    width:210px;
}

/*** THUMB IMAGES ***/
.lsThumb {
	width:155px;
	text-align: center;
	border:1px solid #eee;
	padding:3px;
	float:left;
	margin:0 8px 5px 8px;
}

.lsThumb:hover {
	background-color:#eee;
	border:1px solid #999;
}

.lsThumb h4 {
	margin-bottom:4px;
	font-size:11px;
}

.lsThumb img {
	margin:0 auto;
	padding:5px;
	border:1px solid #999;
	background-color:#eee;
}

/*** SAVED ***/
.saved {
	border:1px solid #6CAC00;
	background-color:#DEEFE1;
	padding:4px;
	clear:both;
	margin-top:30px;
}

.error {
	border:1px solid #A60101;
	background-color:#EEB7B7;
	padding:4px;
	clear:both;
	margin-top:10px;
}

/*** EDITOR ***/
#PostReact {
	padding-left:10px;
}
.reactFrame {
	border:1px solid #EEEEEE;
	height:150px;
	xmargin-top:5px;
	overflow-x:hidden;
	overflow-y:auto;
	width:530px;
}

.eIcon {
	border:1px solid #97B7E2;
	cursor:pointer;
	margin-right:2px;
	padding:2px;
}

/*** REACTIONS ***/
.react {
	border:1px solid #eee;
	margin:5px 10px;
}

.reactUser {
	float:left;
	width:120px;
	overflow:hidden;
	text-align:center;
	padding:5px 5px;
}

.reactUser img {
	height:67px;
	padding:4px;
	border:1px solid #eee;
}

.reactUser span {
	display:block;
	font-weight:bold;
	padding:0;
}

.reactMsg {
	position:relative;
	float:left;
	border-left:3px dashed #eee;
	min-height:120px;
	width:395px;
}

.reactMsg img {
	max-width:350px;
}

.reactMsg .reactCont {
	border-bottom:1px solid #eee;
	margin:0 10px;
	padding:10px 0;
	min-height:77px;
}

.reactMsg .reactCont p {
	padding:0;
}

.reactMsg span {
	display:block;
	margin:4px 10px;
}

.icons {
	position:absolute;
	bottom:2px;
	right:0;
} .icons img { cursor:pointer; }

/**** RIGHT ****/
.rItems {
	text-align: center;
	padding:4px 0;
}

.lrLi {
    border-bottom:1px solid #EEEEEE;
    font-size:9px;
    padding:4px 4px 4px 10px;
}

/********* SWFU *********/
.progressWrapper {
	margin-bottom:5px;
}

.progressContainer {
	height:35px;
	background-color:#EBFFEB;
	border:1px solid #DDF0DD;
	padding:4px;
}

.progressContainer .progressCancel {
	background-image:url('/backbase/smarty/templates/layout/admin/admin.cancel.gif');
	background-position:-14px 0;
	background-repeat:no-repeat;
	display:block;
	float:right;
	font-size:0;
	height:14px;
	width:14px;
}

.progressContainer .progressBarStatus {
	font-size:9px;
	margin-top:2px;
	text-align:left;
	white-space:nowrap;
	width:337px;
}

.progressContainer .progressBarInProgress,
.progressContainer .progressBarComplete,
.progressContainer .progressBarError {
	background-color:blue;
	font-size:0;
	height:2px;
	margin-top:2px;
	width:0;
}

/********* SWFU *********//*** IDs ***/
#mainSite {
    float:left;
    width:865px;
}

#cjLogo {
    background-color:#FFFFFF;
    height:25px;
    padding:5px;
    width:auto;
}

#newsLetter {
    background-color:#FFFFFF;
    float:left;
    height:25px;
    margin-left:5px;
    padding:9px 0 1px 7px;
    width:384px;
}

#setHome img {
    margin-bottom:-8px;
    padding:5px 5px 5px 0;
}

#bookMark {
    background-color:#FFFFFF;
    float:left;
    height:25px;
    margin-left:2px;
    padding:5px 18px;
    width:auto;
}

#bookMark img {
    margin-bottom:-8px;
    padding:5px 5px 5px 0;
}

#tellFriend {
    background-color:#FFFFFF;
    float:left;
    height:25px;
    margin-left:2px;
    padding:5px 18px;
    width:auto;
}

#tellFriend img {
    margin-bottom:-8px;
    padding:5px 5px 5px 0;
}

#searchSite {
    background-color:#FFFFFF;
    float:right;
    height:25px;
    margin-left:2px;
    padding:9px 9px 1px;
    width:448px;
}

#searchSite form {
    float:left;
}

#searchSite #searchWord, #searchSite #searchCat {
    xborder:1px solid #EEEEEE;
    xcolor:#999999;
    xcolor:#6F6F6F;
    font-family:Verdana;
    font-size:10px;
}

#userControl {
    background-color:#FFFFFF;
    margin-top:2px;
    min-height:130px;
    max-height:400px;
    width:135px;
}

#userControl form[id="login"] {
	padding:6px 5px;
	width:125px;
} 

#userControl form[id="login"] input {
	width:120px;
	margin-bottom:3px;
}

#userControl #admin {
    color:#6F6F6F;
    margin-top:5px;
}

#userControl #admin a {
    color:#6F6F6F;
}

#userControl li.title a {
	color:#0080C0;
	text-decoration:underline;
}

#userControl li {
    line-height:14px;
    padding:4px 0 4px 10px;
}

#userControl form {
    margin:0 0 10px;
}

#topBanner {
    background-color:#FFFFFF;
    float:left;
    height:90px;
    margin:2px 0 0 5px;
    padding:20px 20px;
    width:820px;
    text-align: center;
} #topBanner #ban_cont { width:728px; margin: 0 auto; border:3px solid #C1C1C1; height:90px;}

#tbRb {
    position:relative;
    top:-40px;
}

#tbNok {
    float:right;
    margin-right:10px;
    position:relative;
    top:-40px;
    width:auto;
}

#leftWrapper {
    float:left;
    width:135px;
}

#siteNav li {
    line-height:14px;
    padding:4px 0 4px 10px;
}

#siteNav {
    margin:5px 0;
}

#siteAdRight {
    height:280px;
}

#siteAdLeft {
    height:1367px;
    margin-bottom:5px;
}

#siteAdLeft object, #siteAdLeftMac object {
    display:block;
    margin:5px 7px;
    position:relative;
    z-index:0;
}

#siteAdLeft ul {
    padding:4px 5px;
}

#contentWrapper {
    float:left;
    width:565px;
    xmin-height:1736px;
    xheight:1736px;
    xoverflow:hidden;
}

/*** Main Content ***/
#siteHeadlines #cjToday, #cjEvents {
    border-bottom:1px solid #EEEEEE;
}

#siteHeadlines span.more, #eventHeadlines span.more {
    display:block;
    xmargin:-5px 0 0;
    padding:3px 10px 10px 10px;
}

#siteHeadlines #newsContainer, #eventHeadlines #eventContainer {
	margin-top:10px;
}

#siteHeadlines ul, #eventContainer ul {
	padding-top:0px;
}

#mAd {
    margin:5px;
    text-align: center;
    padding:10px 0;
}

div > #tAgendaWrapper {
    xheight:1204px !important;
    margin-bottom:5px;
    font-size: 10px;
}

/*** RECHTS ***/
#rightWrapper {
    float:left;
    width:300px;
    xheight:100%;
}

#siteCalendar .tDay {
    padding:4px;
    text-align:center;
    width:15%;
}

#siteCalendar .tLink {
    height:30px;
    text-align:center;
    width:33%;
}

#siteCalendar #calendarTop {
    background-color:#F5FAFD;
    border-bottom:1px solid #EEEEEE;
    color:#6F6F6F;
    height:18px;
    padding:4px 0 4px 10px;
}

#calendarTop #ctL {
    float:left;
    font-weight:bold;
    width:auto;
}

#calendarTop #ctR {
    float:right;
    margin-right:10px;
    width:auto;
}

#lastReaction .lrLu {
    font-size:9px;
    padding:3px 4px 3px 10px;
} #lastReaction .L { border-bottom:1px solid #EEEEEE; }

#lastReaction {
    min-height:238px;
}

#rPartyPics .lPic, #rPartyPics .rPic {
    float:left;
    padding:5px;
    width:110px;
}

#rPartyPics .lPic {
    padding-left:38px;
}

#rPartyPics {
    height:260px;
}

#hParty, #hGuestL, #hClub, #lPartyR, #lCollumn, #lInterview, #lVideo {
    border-bottom:1px solid #EEEEEE;
}

#fMembers #rPoll, #fMembers #fMemBot {
    padding:5px 10px;
    width:260px;
    border-bottom:1px solid #eee;
}

#fMembers img {
    width:60px;
}

div > #lastItems {
    height:311px !important;
}

#siteFooter {
    border-bottom:5px solid #EEEEEE;
    height:30px;
}

/**** POLL ****/
#rPoll {
	font-size: 9px;
}

#pollBlock {
	margin: 5px 10px;
}

#pollBlock input {
	margin:2px 4px 2px 0;
	float:left;
}

#pollBlock span {
	display: block;
	float:left;
	padding-top:2px;
}

/**** NL *****/
#block li {
	display:inline;
	float:left;
}

#block li input[type=text] {
	width:110px;
	margin-right:3px;
}/*** MAC BROWSER DETECTION CSS ***/
/** Mac SAFARI fixes **/
@media screen and (-webkit-min-device-pixel-ratio:0){

	html {
		list-style-image:none; 
	}
	
	#leftWrapperMac {
		overflow:hidden;
	}
	
	#siteNav {
		margin-top:-5px;
	}
}
/*body { 
	background-image:url("/backbase/images/content/takeover/3/djbg.jpg");
	background-attachment: fixed;
	background-repeat:no-repeat;
	background-position: 45% 0;
}*/

#wrapper, #siteFooter {
	margin-bottom:-5px;
	background-color:#ccc;
	padding:4px;
}