html {
	background-image: url('/img/lyt/bg_page.gif');
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: top left;
	background-color: white;
}

body {
	width: 940px;
	margin: 1px auto;
	height: 100%;
}









.carousel { 
	overflow: auto; 
	overflow-y: hidden;
	margin-top: 10px;
	margin-bottom: 15px; 
}
.carousel td { text-align: center; }
.carousel td.selected { 
	background-color: black;
	color: white;
	font-weight: bold;
	border: 1px dotted white;
}
.carousel td:hover { font-weight: bold; }
.carousel img { 
	margin: 5px; 
	width: 170px; 
	height: 144px; 
	border: 0;
	cursor: pointer;
	background-position: center center;
}










div#ekpHeader {
	height: 62px;
	padding-right: 0px;
}
body.showSignup div#ekpHeader { height: 98px; }
div#ekpHeader div.login {
	float: right;
	padding-top: 20px;
	text-align: right;
}
div#ekpHeader div.login a {
	font-weight: bold;
	text-decoration: none;
}


div#ekpHeader .loginP {
	float: right;
	background-image: url('/img/start/loginBg.png');
	background-repeat: no-repeat;
	width: 468px;
	height: 49px;
	overflow: hidden;
}
div#ekpHeader .loginP table {
	margin-top: 4px;
	margin-left: 23px;
}
div#ekpHeader .loginP table,
div#ekpHeader .loginP table a { color: #feffff; }

div#ekpHeader .loginP .email { width: 226px; }
div#ekpHeader .loginP .password { width: 150px; }
div#ekpHeader .loginP .login { width: 65px; text-align: center; }
div#ekpHeader .loginP .email span,
div#ekpHeader .loginP .password span {
	display: block;
	width: 145px;
	height: 21px;
	background-color: white;
	color: black;
}
div#ekpHeader .loginP .email input,
div#ekpHeader .loginP .password input {
	width: 137px;
	background-color: white;
	height: 15px;
	color: black;
	margin-left: 4px;
	margin-top: 3px;
	border: 0;
	background-repeat: no-repeat;
	background-position: 0 2px;
}
div#ekpHeader .loginP .email input.fxEmpty { background-image: url('/img/start/inputEmailBg.png'); }
div#ekpHeader .loginP .password input.fxEmpty { background-image: url('/img/start/inputPasswordBg.png'); }
div#ekpHeader .loginP .email span { width: 215px; }
div#ekpHeader .loginP .email input { width: 207px; }
div#ekpHeader .loginP input.login {
	width: 53px;
	height: 24px;
	background-image: url('/img/start/loginBtn.png');
	background-color: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	font-size: 10pt;
	line-height: 10pt;
	font-weight: bold;
	color: white;
	text-align: center;
	cursor: pointer;
}


div#ekpHeader .signupP {
	float: right;
	clear: right;
	margin-top: 2px;
	width: 466px;
	color: #f7fae7;
	line-height: 44px;
	font-size: 18px;
	text-align: center;
}
div#ekpHeader .signupP img, div#ekpHeader .signupP input { margin-top: -2px; vertical-align: middle; }
div#ekpHeader .signupP input.signup {
	width: 62px;
	height: 24px;
	background-image: url('/img/start/signupBtn.png');
	background-color: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	font-size: 10pt;
	line-height: 10pt;
	font-weight: bold;
	color: white;
	text-align: center;
	cursor: pointer;
}



/** EK logo */
img#logo {
	float: left;
	border: 0px;
	width: 413px;
	height: 44px;
	background-image: url('/img/ek_logo.png');
	background-repeat: no-repeat;
	margin-top: 7px;
}
body.showSignup img#logo { margin-top: 25px; }





div#searchTab .sButtonC { margin: 3px 10px 0 0; }
div#searchTab #searchText { 
	background-image: none;
	background-color: #ffffff; 
	border: 1px solid #cca61f; 
	width: 150px; 
	margin-left: 10px;
	margin-top: 3px;
}
div#container a#stampsTab span {
	color: white;
	line-height: 26px;
	font-size: 11px;
	margin-left: 22px;
}



div#container {
	width: 940px;
}

div#container a.mainTab {
	height: 29px;
	float: left;
	display: block;
	margin-right: 1px;
	background-repeat: no-repeat;
	background-position: top left;
	cursor: pointer;
	background-color: transparent;
}
body.notLoggedIn div#container a.mainTab, 
body.notLoggedIn div#container div.mainTab,
body.notLoggedIn div#container a#stampsTab { display: none; }

div#container a#stampsTab {
	width: 89px;
	float: right;
	margin-right: 2px;
	background-image: url('/img/lyt/nav_stamps.gif');
	cursor: pointer;
	display: block;
	text-decoration: none;
	color: white;
}
div#container a#stampsTab:hover span { text-decoration: underline; }

div#container div#searchTab {
	height: 31px;
	width: 224px;
	float: right;
	margin-right: 0px;
	background-image: url('/img/lyt/nav_search.gif');
}

a#startTab {
	width: 53px;
	background-image: url('/img/lyt/nav_start.gif');
}
a#startTab.hover { background-image: url('/img/lyt/nav_start_hover.gif') !important; }
a#startTab.active { background-image: url('/img/lyt/nav_start_active.gif'); }

a#messagesTab {
	width: 112px;
	background-image: url('/img/lyt/nav_mymessages.gif');
}
a#messagesTab.hover { background-image: url('/img/lyt/nav_mymessages_hover.gif') !important; }
a#messagesTab.active { background-image: url('/img/lyt/nav_mymessages_active.gif'); }

a#contactsTab {
	width: 71px;
	background-image: url('/img/lyt/nav_mycontacts.gif');
}
a#contactsTab.hover { background-image: url('/img/lyt/nav_mycontacts_hover.gif') !important; }
a#contactsTab.active { background-image: url('/img/lyt/nav_mycontacts_active.gif'); }

a#eventsTab {
	width: 60px;
	background-image: url('/img/lyt/nav_myevents.gif');
}
a#eventsTab.hover { background-image: url('/img/lyt/nav_myevents_hover.gif') !important; }
a#eventsTab.active { background-image: url('/img/lyt/nav_myevents_active.gif'); }

a#cardsTab {
	width: 56px;
	background-image: url('/img/lyt/nav_mycards.gif');
}
a#cardsTab.hover { background-image: url('/img/lyt/nav_mycards_hover.gif') !important; }
a#cardsTab.active { background-image: url('/img/lyt/nav_mycards_active.gif'); }

a#profileTab {
	width: 57px;
	background-image: url('/img/lyt/nav_myprofile.gif');
}
a#profileTab.hover { background-image: url('/img/lyt/nav_myprofile_hover.gif') !important; }
a#profileTab.active { background-image: url('/img/lyt/nav_myprofile_active.gif'); }

a#adminTab {
	width: 56px;
	background-image: url('/img/lyt/nav_admin.gif');
}
a#adminTab.hover { background-image: url('/img/lyt/nav_admin_hover.gif') !important; }
a#adminTab.active { background-image: url('/img/lyt/nav_admin_active.gif'); }



div#mtHolder { /** m[ain]t[abs]Holder */
	background-image: url('/img/lyt/bg_content_top-gradient.gif');
	background-repeat: no-repeat;
	background-position: bottom center;
	height: 32px;
	width: 940px;
	overflow: auto;
}
body.notLoggedIn div#mtHolder { height: 10px; }




/** the JS menuHovers of main tabs */
div#container div.jsmHolder {
	position: absolute;
	width: 100px;
	padding: 4px;
	background-color: #FFF;
	margin-top: 22px;
	display: none;
	z-index: 99;
}
div#container div.jsmHolder div {
	height: 16px;
	margin-bottom: 1px;
	background-color: #F2EDCD;
	cursor: pointer;
	padding-left: 8px;
	padding-top: 2px;
}
div#container div.jsmHolder div.disabled:hover,
div#container div.jsmHolder div.disabled {
	background-color: #E0DFC3;
	cursor: default;
}
div#container div.jsmHolder div:hover {
	background-color: #FBBB40;
}

div#container div.jsmHolder.messagesTab { margin-left: 54px; }
div#container div.jsmHolder.contactsTab { margin-left: 167px; }
div#container div.jsmHolder.eventsTab { margin-left: 239px; }
div#container div.jsmHolder.cardsTab { margin-left: 300px; }
div#container div.jsmHolder.profileTab { margin-left: 357px; }










div#contents {
	background-color: #FFF;

	background-image: url('/img/lyt/bg_content-gradient.gif');
	background-repeat: repeat-x;
	background-position: top center;
	
	padding: 0px 6px 10px 6px; /** 6 instead of 10 as we have 4px shadows */
	overflow: hidden;
	width: 928px;
}




div#contents p.exclamation {
	background-image: url(/img/icon/exclamation.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 35px;
	font-weight: normal;
}








div#footer {
	border-top: 1px solid #D7AC1F;
	font-size: 7pt;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2px;
	padding-bottom: 2px;
	/** IE6 fix */
	overflow: auto;
	width: 920px;
	clear: both;
}
div#footer a {
	margin-left: 10px;
	margin-right: 10px;
	text-decoration: none;
	float: left;
}
div#footer a.right {
	float: right;
	font-weight: bold;
}










/** tabs container with title at right side */
div#tabsContainer {
	height: 38px;
	width: 700px;
	margin: 15px 4px 0px 4px;
	overflow: hidden;
}
div#tabsContainer.wide {
	width: 916px; /** was 880 for search box to fit */
	margin-left: 6px;
}

div#tabsContainer div.label {
	float: left;
	padding-top: 5px;
	font-size: 23px;
	line-height: 30px;
	font-family: arial, garuda, sans-serif;
	color: #EEDFA8;
}


/** the tabs definitions itself */
div#tabsContainer div.tab,
div#tabsContainer div.tab div.lefter,
div#tabsContainer div.tab div.righter,
div#tabsContainer div.tab div.title {
	height: 25px;
}
div#tabsContainer div.tab {
	float: right;
	min-width: 50px;
	text-align: center;
	margin-left: 1px;
	margin-top: 13px;
	cursor: pointer;
}
div#tabsContainer div.tab div.lefter {
	float: left;
	width: 5px;
	background-image: url('/img/lyt/navR_tab_left.gif');
	background-repeat: no-repeat;
	background-position: top left;
}
div#tabsContainer div.tab div.righter {
	float: left;
	width: 5px;
	background-image: url('/img/lyt/navR_tab_right.gif');
	background-repeat: no-repeat;
	background-position: top right;
}
div#tabsContainer div.tab div.title {
	font-size: 10pt;
	float: left;
	min-width: 40px;
	white-space: nowrap;
	background-image: url('/img/lyt/navR_tab_middle.gif');
	background-repeat: repeat-x;
	background-position: top left;
	line-height: 24px;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}

/** active tabs overrides */
div#tabsContainer div.tab.active,
div#tabsContainer div.tab.active div.lefter,
div#tabsContainer div.tab.active:hover div.lefter,
div#tabsContainer div.tab.active div.righter,
div#tabsContainer div.tab.active:hover div.righter,
div#tabsContainer div.tab.active div.title,
div#tabsContainer div.tab.active:hover div.title {
	height: 31px;
	line-height: 30px;
}
div#tabsContainer div.tab.active {
	margin-top: 7px;
	font-weight: bold;
}
div#tabsContainer div.tab.active div.lefter,
div#tabsContainer div.tab.active:hover div.lefter {
	background-image: url('/img/lyt/navR_tab-active_left.gif');
}
div#tabsContainer div.tab.active div.righter,
div#tabsContainer div.tab.active:hover div.righter {
	background-image: url('/img/lyt/navR_tab-active_right.gif');
}
div#tabsContainer div.tab.active div.title,
div#tabsContainer div.tab.active:hover div.title {
	min-width: 60px;
	background-image: url('/img/lyt/navR_tab-active_middle.gif');
}


/** tab hovers - do not work in IE6 */
div#tabsContainer div.tab:hover div.lefter {
	background-image: url('/img/lyt/navR_tab_left_hover.gif');
}
div#tabsContainer div.tab:hover div.righter {
	background-image: url('/img/lyt/navR_tab_right_hover.gif');
}
div#tabsContainer div.tab:hover div.title {
	background-image: url('/img/lyt/navR_tab_middle_hover.gif');
}



/** grey tabs overrides */
div#tabsContainer div.tab.grey div.lefter {
	background-image: url('/img/lyt/navR_tab_left-gray.gif');
}
div#tabsContainer div.tab.grey div.righter {
	background-image: url('/img/lyt/navR_tab_right-gray.gif');
}
div#tabsContainer div.tab.grey div.title {
	background-image: url('/img/lyt/navR_tab_middle-gray.gif');
	color: #999;
}
div#tabsContainer div.tab.grey {
	cursor: default;
}









/** used by l:leftColumnC - left column with gradient bg and shadow left/right and bottom */

table#leftColumn,
table.shadowBox {
	border: 0px;
	border-collapse: collapse;
}
table#leftColumn {
	width: 708px;
}
table#leftColumn.wide {
	width: 924px;  /** 916 + 8 for shadows */
	margin: 0 auto;
}







table.shadowBox.centered {
	margin-left: auto;
	margin-right: auto;
}

table.shadowBox { 
	width: 668px;
	margin-bottom: 10px;
}
table.shadowBox.small { width: 208px; }
table.shadowBox.smallPlus { width: 218px; }
table.shadowBox.leftSidePane { width: 228px; }
table.shadowBox.leftSideTabPane { width: 274px; }
table.shadowBox.proportional { width: 328px; }
table.shadowBox.middle { width: 428px; }
table.shadowBox.dash { width: 548px; }
table.shadowBox.quite { width: 578px; }
table.shadowBox.big { width: 738px; }
table.shadowBox.full { width: 883px; }

table.shadowBox.middle div.actions { width: 375px; overflow: hidden; }

table#leftColumn td,
table.shadowBox td {
	padding: 0px;
}
table#leftColumn td.shadower,
table.shadowBox td.shadower {
	vertical-align: bottom;
	width: 5px;
}
table#leftColumn td.shadower img,
table.shadowBox td.shadower img {
	vertical-align: bottom;
	border: 0px;
	margin: 0px;
	width: 5px;
}


table#leftColumn > td.shadower.left {
	background-image: url('/img/brdrs/main_l.png');
	background-repeat: repeat-y;
}
table#leftColumn td.shadower.left,
table.shadowBox td.shadower.left {
	background-image: url('/img/brdrs/main_l.png');
	background-repeat: repeat-y;
}

table#leftColumn > td.shadower.right {
	background-image: url('/img/brdrs/main_r.png');
	background-repeat: repeat-y;
}
table#leftColumn td.shadower.right,
table.shadowBox td.shadower.right {
	background-image: url('/img/brdrs/main_r.png');
	background-repeat: repeat-y;
}



table#leftColumn td.contents,
table.shadowBox td.contents {
	background-color: white;
	overflow: hidden;
}
table.shadowBox td.contents {
	padding-left: 9px;
	padding-right: 9px;
}
table#leftColumn table.shadowBox td.contents { padding: 18px 20px 20px 20px; }
table#leftColumn td.contents,
table#leftColumn.wide td.contents { padding: 15px 15px 20px 15px; }
table#leftColumn table.shadowBox td.contents { padding-top: 2px; }
.dash table#leftColumn table.shadowBox.additionalInfoPane td.contents  { padding: 0 3px 0; }
table#leftColumn td.contents {
	background-image: url('/img/brdrs/main_c_b.gif');
	background-repeat: repeat-x;
	background-position: bottom center;
}
table#leftColumn table.shadowBox td.contents {
	background-image: none; /** overwrite as 'table#leftColumn td.contents' defines it as well for this one */
}
table#leftColumn table.shadowBox.expandH td.contents { min-height: 500px; }

/** hovers not visible in IE6 */
table#leftColumn table.shadowBox:hover td.contents { background-color: #FAF7F4; }
table#leftColumn table.shadowBox:hover.noHover td.contents { background-color: #FFFFFF; }



table#leftColumn td.downL,
table#leftColumn td.upL,
table.shadowBox td.upL,
table.shadowBox td.downL {
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 10px;
}
table#leftColumn td.upL { background-image: url('/img/brdrs/bg_box-700_top.png'); }
table#leftColumn.wide td.upL { background-image: url('/img/brdrs/bg_box-916_top.png'); }

table.shadowBox.tabbed td.upL { vertical-align: top; height: 28px !important; }
table.shadowBox.tabbed td.upL div.tab {
	width: 93px; 
	height: 22px;
	float: left; 
	text-align: center;
	background-repeat: no-repeat;
	background-position: top center;
	background-image: url('/img/brdrs/bg_tab_trans.png');
	line-height: 23px;
	color: #b5b5b3;
	overflow: visible;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}
table.shadowBox.tabbed td.upL div.tab nobr {
	display: block; 
	text-align: center;
	width: 85px; 
	height: 21px;
	margin-left: 4px;
	border-bottom: 1px solid #eeeeec;
} 
.tabbed table.shadowBox.tabbed td.upL div.tab { font-size: 11px; }
table.shadowBox.tabbed td.upL div.tab.narrow { width: 72px; background-image: url('/img/brdrs/bg_tab_narrow.png'); }
table.shadowBox.tabbed td.upL div.tab.narrow nobr { width: 64px; }
table.shadowBox.full.tabbed td.upL div.tab { width: 113px; background-image: url('/img/brdrs/bg_tab_wide.png'); }
table.shadowBox.full.tabbed td.upL div.tab nobr { width: 105px; }
table.shadowBox.tabbed.highTabs td.upL { height: 38px !important; }
table.shadowBox.tabbed.highTabs td.upL div.tab {
	height: 32px;
	line-height: 33px;
}
table.shadowBox.tabbed.highTabs td.upL div.tab nobr { height: 31px; }
table.shadowBox.tabbed.highTabs td.upL div.tab.active nobr { height: 32px; } 
 

table.shadowBox.tabbed td.upL div.tab.active nobr {
	height: 22px;
	border-bottom: 0; 
	color: #CCA61D;
} 
table.shadowBox.tabbed:hover td.upL div.tab.active { background-image: url('/img/brdrs/bg_tab_active_trans.png'); }
table.shadowBox.tabbed:hover td.upL div.tab.active nobr { border-bottom: 1px solid #faf7f4; }
 
table.shadowBox.tabbed:hover td.upL div.tab.narrow.active { background-image: url('/img/brdrs/bg_tab_narrow_active.png');  } 
table.shadowBox.full.tabbed:hover td.upL div.tab.active { background-image: url('/img/brdrs/bg_tab_wide_active.png');  } 
table.shadowBox.noHover.full.tabbed:hover td.upL div.tab.active { background-image: url('/img/brdrs/bg_tab_wide.png');  } 
table.shadowBox.tabbed td.upL div.tab.disabled { cursor: default; }

table.shadowBox.tabbed.ajax_loading { background-position: right top; }
table.shadowBox.tabbed.ajax_loading td.upL div.tab,
table.shadowBox.tabbed.ajax_loading td.contents { cursor: wait; }


	
table#leftColumn td.downL,
table.shadowBox td.downL {
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: top center;
}

table#leftColumn td.downL {
	background-repeat: repeat-x;
	background-image: url('/img/brdrs/main_c_b_outer.gif');
}
table.shadowBox.small td.upL { background-image: url('/img/brdrs/bg_box-200_top.png'); }
table.shadowBox.small.tabbed td.upL { background-image: url('/img/brdrs/bg_box_tabbed-200_top.png'); }
table.shadowBox.small td.downL { background-image: url('/img/brdrs/bg_box-200_bottom.png'); }
table.shadowBox.small.grey td.upL { background-image: url('/img/brdrs/bg_box-200_top_grey.png'); }
table.shadowBox.small.grey td.downL { background-image: url('/img/brdrs/bg_box-200_bottom_grey.png'); }
table.shadowBox.smallPlus td.upL { background-image: url('/img/brdrs/bg_box-210_top.png'); }
table.shadowBox.smallPlus td.downL { background-image: url('/img/brdrs/bg_box-210_bottom.png'); }

table#leftColumn table.shadowBox td.upL { background-image: url('/img/brdrs/bg_box-660_top.png'); }
table#leftColumn table.shadowBox td.downL { background-image: url('/img/brdrs/bg_box-660_bottom.png'); }
table#leftColumn table.shadowBox.small td.upL { background-image: url('/img/brdrs/bg_box-200_top.png'); }
table#leftColumn table.shadowBox.small td.downL { background-image: url('/img/brdrs/bg_box-200_bottom.png'); }
table#leftColumn table.shadowBox.small.tabbed td.upL { background-image: url('/img/brdrs/bg_box_tabbed-200_top.png'); }
table#leftColumn table.shadowBox.smallPlus td.upL { background-image: url('/img/brdrs/bg_box-210_top.png'); }
table#leftColumn table.shadowBox.smallPlus td.downL { background-image: url('/img/brdrs/bg_box-210_bottom.png'); }
table#leftColumn table.shadowBox.leftSidePane td.upL { background-image: url('/img/brdrs/bg_box-220_top.png'); }
table#leftColumn table.shadowBox.leftSidePane td.downL { background-image: url('/img/brdrs/bg_box-220_bottom.png'); }
table#leftColumn table.shadowBox.leftSideTabPane td.downL { background-image: url('/img/brdrs/bg_box-266_bottom.png'); }
table#leftColumn table.shadowBox.leftSideTabPane.tabbed td.upL { background-image: url('/img/brdrs/bg_box_tabbed-266_top.png'); }
table#leftColumn table.shadowBox.proportional td.upL { background-image: url('/img/brdrs/bg_box-320_top.png'); }
table#leftColumn table.shadowBox.proportional td.downL { background-image: url('/img/brdrs/bg_box-320_bottom.png'); }
table#leftColumn table.shadowBox.proportional.grey td.upL { background-image: url('/img/brdrs/bg_box-320_top_grey.png'); }
table#leftColumn table.shadowBox.proportional.grey td.downL { background-image: url('/img/brdrs/bg_box-320_bottom_grey.png'); }
table#leftColumn table.shadowBox.proportional.tabbed td.upL { background-image: url('/img/brdrs/bg_box_tabbed-320_top.png'); }
table#leftColumn table.shadowBox.middle td.upL { background-image: url('/img/brdrs/bg_box-420_top.png'); }
table#leftColumn table.shadowBox.middle td.downL { background-image: url('/img/brdrs/bg_box-420_bottom.png'); }
table#leftColumn table.shadowBox.dash td.upL { background-image: url('/img/brdrs/bg_box-540_top.png'); }
table#leftColumn table.shadowBox.dash td.downL { background-image: url('/img/brdrs/bg_box-540_bottom.png'); }
table#leftColumn table.shadowBox.dash.grey td.upL { background-image: url('/img/brdrs/bg_box-540_top_grey.png'); }
table#leftColumn table.shadowBox.dash.grey td.downL { background-image: url('/img/brdrs/bg_box-540_bottom_grey.png'); }
table#leftColumn table.shadowBox.quite td.upL { background-image: url('/img/brdrs/bg_box-570_top.png'); }
table#leftColumn table.shadowBox.quite td.downL { background-image: url('/img/brdrs/bg_box-570_bottom.png'); }
table#leftColumn table.shadowBox.big td.upL { background-image: url('/img/brdrs/bg_box-730_top.png'); }
table#leftColumn table.shadowBox.big td.downL { background-image: url('/img/brdrs/bg_box-730_bottom.png'); }
table#leftColumn table.shadowBox.full td.upL { background-image: url('/img/brdrs/bg_box-875_top.png'); }
table#leftColumn table.shadowBox.full td.downL { background-image: url('/img/brdrs/bg_box-875_bottom.png'); }
table#leftColumn table.shadowBox.full.tabbed td.upL { background-image: url('/img/brdrs/bg_box_tabbed-875_top.png'); }

table.shadowBox.small.grey td.contents,
table#leftColumn table.shadowBox.small.grey td.contents,
table#leftColumn table.shadowBox.proportional.grey td.contents,
table#leftColumn table.shadowBox.dash.grey td.contents { background-color: #f5e9e9; }

table#leftColumn table.shadowBox:hover td.upL { background-image: url('/img/brdrs/bg_box-660_top_active.png'); }
table#leftColumn table.shadowBox:hover td.downL { background-image: url('/img/brdrs/bg_box-660_bottom_active.png'); }
table#leftColumn table.shadowBox:hover.small td.upL { background-image: url('/img/brdrs/bg_box-200_top_active.png'); }
table#leftColumn table.shadowBox:hover.small td.downL { background-image: url('/img/brdrs/bg_box-200_bottom_active.png'); }
table#leftColumn table.shadowBox:hover.small.grey td.upL { background-image: url('/img/brdrs/bg_box-200_top_grey.png'); }
table#leftColumn table.shadowBox:hover.small.grey td.downL { background-image: url('/img/brdrs/bg_box-200_bottom_grey.png'); }
table#leftColumn table.shadowBox:hover.smallPlus td.upL { background-image: url('/img/brdrs/bg_box-210_top_active.png'); }
table#leftColumn table.shadowBox:hover.smallPlus td.downL { background-image: url('/img/brdrs/bg_box-210_bottom_active.png'); }
table#leftColumn table.shadowBox:hover.leftSidePane td.upL { background-image: url('/img/brdrs/bg_box-220_top_active.png'); }
table#leftColumn table.shadowBox:hover.leftSidePane td.downL { background-image: url('/img/brdrs/bg_box-220_bottom_active.png'); }
table#leftColumn table.shadowBox:hover.leftSideTabPane td.downL { background-image: url('/img/brdrs/bg_box-266_bottom_active.png'); }
table#leftColumn table.shadowBox:hover.leftSideTabPane.tabbed td.upL { background-image: url('/img/brdrs/bg_box_tabbed-266_top_active.png'); }
table#leftColumn table.shadowBox:hover.proportional td.upL { background-image: url('/img/brdrs/bg_box-320_top_active.png'); }
table#leftColumn table.shadowBox:hover.proportional td.downL { background-image: url('/img/brdrs/bg_box-320_bottom_active.png'); }
table#leftColumn table.shadowBox:hover.proportional.grey td.upL { background-image: url('/img/brdrs/bg_box-320_top_grey.png'); }
table#leftColumn table.shadowBox:hover.proportional.grey td.downL { background-image: url('/img/brdrs/bg_box-320_bottom_grey.png'); }
table#leftColumn table.shadowBox:hover.proportional.tabbed td.upL { background-image: url('/img/brdrs/bg_box_tabbed-320_top_active.png'); }
table#leftColumn table.shadowBox:hover.middle td.upL { background-image: url('/img/brdrs/bg_box-420_top_active.png'); }
table#leftColumn table.shadowBox:hover.middle td.downL { background-image: url('/img/brdrs/bg_box-420_bottom_active.png'); }
table#leftColumn table.shadowBox:hover.dash td.upL { background-image: url('/img/brdrs/bg_box-540_top_active.png'); }
table#leftColumn table.shadowBox:hover.dash td.downL { background-image: url('/img/brdrs/bg_box-540_bottom_active.png'); }
table#leftColumn table.shadowBox:hover.dash.grey td.upL { background-image: url('/img/brdrs/bg_box-540_top_grey.png'); }
table#leftColumn table.shadowBox:hover.dash.grey td.downL { background-image: url('/img/brdrs/bg_box-540_bottom_grey.png'); }
table#leftColumn table.shadowBox:hover.quite td.upL { background-image: url('/img/brdrs/bg_box-570_top_active.png'); }
table#leftColumn table.shadowBox:hover.quite td.downL { background-image: url('/img/brdrs/bg_box-570_bottom_active.png'); }
table#leftColumn table.shadowBox:hover.big td.upL { background-image: url('/img/brdrs/bg_box-730_top_active.png'); }
table#leftColumn table.shadowBox:hover.big td.downL { background-image: url('/img/brdrs/bg_box-730_bottom_active.png'); }
table#leftColumn table.shadowBox:hover.full td.upL { background-image: url('/img/brdrs/bg_box-875_top_active.png'); }
table#leftColumn table.shadowBox:hover.full td.downL { background-image: url('/img/brdrs/bg_box-875_bottom_active.png'); }
table#leftColumn table.shadowBox:hover.full.tabbed td.upL { background-image: url('/img/brdrs/bg_box_tabbed-875_top_active.png'); }
table#leftColumn table.shadowBox:hover.noHover.full.tabbed td.upL { background-image: url('/img/brdrs/bg_box_tabbed-875_top.png'); }

table#leftColumn td.downL img {
	height: 12px;
	width: 4px;
	border: 0px;
}
table#leftColumn table.shadowBox td.downL img {
	height: 10px;
	width: 4px;
	border: 0px;
}




/** layout inside of shadowBox */

table.shadowBox div.panelTitle {
	float: right; /* this causes safari 4 to overlap all panel titles with succeeding elements */
}

table.shadowBox div.star {
	float: left;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
}
table.shadowBox div.star.s1 { background-image: url('/img/lyt/ic_star_01.gif'); }
table.shadowBox div.star.s2 { background-image: url('/img/lyt/ic_star_02.gif'); }
table.shadowBox div.star.s3 { background-image: url('/img/lyt/ic_star_03.gif'); }
table.shadowBox div.star.s4 { background-image: url('/img/lyt/ic_star_04.gif'); }
table.shadowBox div.star.s5 { background-image: url('/img/lyt/ic_star_05.gif'); }
table.shadowBox div.star.s6 { background-image: url('/img/lyt/ic_star_06.gif'); }
table.shadowBox div.star.s7 { background-image: url('/img/lyt/ic_star_07.gif'); }
table.shadowBox div.star.s8 { background-image: url('/img/lyt/ic_star_08.gif'); }
table.shadowBox div.star.s9 { background-image: url('/img/lyt/ic_star_09.gif'); }











/** page information text on top of each page */

table#leftColumn div.pageInfo {
	clear: left;
	overflow: auto;
	width: 100%;
}






/** summary left column of event creation/edition */

div#eventSummary {
	float: left;
	width: 120px;
	background-color: #F6F5F1;
	clear: none;
	padding-bottom: 50px;
	overflow: hidden;
}
div#eventSummary a {
	text-decoration: none;
}




div#eventSummary div.block {
	margin-top: 7px;
	margin-left: 2px;
	margin-right: 2px;
}
div#eventSummary div.block.first {
	margin-top: 30px;
}
div#eventSummary div.block div.under {
	border-bottom: 1px solid #DAD8CF;
}
div#eventSummary div.block div.dotted {
	border-bottom: 1px dotted #DAD8CF;
}
div#eventSummary div.block div.double {
	border-bottom: 3px double #DAD8CF;
}

div#eventSummary div.block table {
	border: 0px;
	width: 116px;
	xxtext-align: center;
	border-collapse: collapse;
	border-spacing: 0px;
}
div#eventSummary div.block table.stati td:first-child {
	border-right: 1px solid #DAD8CF;
}
div#eventSummary div.block table.stati tr.under td {
	border-bottom: 1px solid #DAD8CF;
}
div#eventSummary div.block table.stati td.number {
	width: 30px;
	text-align: center;
}

/** the right site of #eventSummary - for FF */
div#eventSummaryFixer {
	margin-left: 140px;
}













/** contacts list */

div.contactContainer { /* this one is four rows high */
	margin: 10px auto 10px;
	width: 660px;
	height: 590px;
	overflow: hidden;
	overflow-y: auto;
}
div.contactContainer.threeRows {
	height: 455px;
}




div.dummyContact,
div.contact {
	float: left;
	width: 70px !important;
	height: 135px;
	margin: 0px 10px 10px 0px;
	overflow: hidden;
	cursor: pointer;
}

div.dummyContact {
	background-image: url('../img/lyt/bg_user-thumb_ek_extended_gray.gif');
	background-repeat: no-repeat;
	text-align: center;
}
div.dummyContact div {
	vertical-align: middle;
	padding: 50px 15px 10px 15px;
}


div.contact a,
div.contactHover a {
	color: #D5A515;
	text-decoration: none;
}

div.contact div.imgContainerSmall {
	overflow: hidden;
	width: 70px;
	height: 91px;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url('../img/lyt/user-thumb-70_basic.gif');
	line-height: 0px;
	font-size: 0px;
}
div.contact.connected div.imgContainerSmall {
	background-image: url('../img/lyt/user_thumb-70_not-set.gif');
}

div.contact .borderer {
	position: relative;
	width: 70px;
	height: 91px;
	overflow: hidden;
	background-image: url('../img/lyt/bg_user-thumb_basic_extended.gif');
	background-repeat: no-repeat;
	background-position: top left;
}


/** wrapper of three line text under contact photo */
div.contact .wrapper {
	width: 70px;
	height: 44px;
	overflow: hidden;
	background-image: url('../img/lyt/bg_user-thumb_basic_extended.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}


div.contact.connected .borderer,
div.contact.connected .wrapper {
	background-image: url('../img/lyt/bg_user-thumb_ek_extended.gif');
}

div.contact.notconnected .borderer,
div.contact.notconnected .wrapper {
	background-image: url('../img/lyt/bg_user-thumb_basic_extended.gif');
}

div.contact.unconnected .borderer,
div.contact.unconnected .wrapper {
	background-image: url('../img/lyt/bg_member-thumb_ek_extended.gif');
}


div.contact.connected:hover .borderer,
div.contact.connected:hover .wrapper {
	background-image: url('../img/lyt/bg_user-thumb_ek_extended_hover.gif');
}
div.contact.notconnected:hover .borderer,
div.contact.notconnected:hover .wrapper {
	background-image: url('../img/lyt/bg_user-thumb_basic_extended_hover.gif');
}
div.contact.unconnected:hover .borderer,
div.contact.unconnected:hover .wrapper {
	background-image: url('../img/lyt/bg_member-thumb_ek_extended_hover.gif');
}



div.contact span {
	display: block;
	width: 68px;
	padding-left: 3px;
	padding-top: 2px;
	clear: both;
	overflow: hidden;
	white-space: nowrap;
}




/** contacts hovers */

div.contactHover {
	position: absolute;
	z-index: 10;
	display: none;
	border: 2px solid #936915;
	background-color: #FCF8DD;
	width: 210px;
	margin-top: 90px;
	background-image: none;
}
div.contactHover.connected {
	width: 350px;
}

div.contactHover div.imgSpacer {
	float: left;
	padding: 15px 8px 15px 15px;
}
div.contactHover div.contentsSpacer {
	padding: 15px 8px 15px 8px;
}

div.contactHover div {
	white-space: nowrap;
	overflow: hidden;
}
div.contactHover div.spaced {
	padding-bottom: 6px;
}

div.contactHover div.actions { /** IE6 fix */
	width: 180px;
}
div.contactHover div.actions a {
	font-size: 9px;
	line-height: 11px;
}


div.contactHover div.additionalPart.invisible {
	display: none;
}
div.contactHover div.additionalPart {
	padding: 15px;
	clear: both;
	background-color: #F4E4B1;
	border-top: 2px solid #966D1B;
}
div.contactHover div.additionalPart div {
	white-space: normal;
}



div.contactHover div.additionalPart input.text { width: 165px; }
div.contactHover.connected div.additionalPart input.text { width: 305px; }

div.contactHover div.additionalPart textarea { width: 165px; }
div.contactHover.connected div.additionalPart textarea { width: 305px; }

div.contactHover div.additionalPart div.h1_text,
div.contactHover div.additionalPart div.h2_text {
	padding-top: 2px;
	padding-bottom: 4px;
}
div.contactHover div.additionalPart div.btHolder {
	padding-top: 15px;
	padding-bottom: 0px;
}

div.contactHover div.additionalPart .elsel { width : 160px;	}
div.contactHover div.additionalPart .elsel .elselt { width : 135px; }

div.contactHover.connected div.additionalPart .elsel { width : 300px; }
div.contactHover.connected div.additionalPart .elsel .elselt { width : 275px; }


















/* address book ajax component/popup styles */
#addressBook {
	width: 190px;
}

#addressBook .contact {
	border-bottom: 1px solid black;
	cursor: pointer;
	padding: 2px;
}
#addressBook .selected {
	background-color: lightblue;
}

#addressBook .callback.scrolled {
	height: 205px;
	overflow: auto;
	overflow-x: hidden;
}






/** column sizes for differen lists */

div.messages {
	width: 620px;
}
.notRead div {
	font-weight: bold;
}
div.messages div.listItem .lp { width: 15px; }
div.messages div.listItem .thumb { width: 20px; }
div.messages div.listItem .sender { width: 140px; }
div.messages div.listItem .subject { width: 338px; }
div.messages div.listItem .created { width: 85px; }
div.messages div.listItem .messages div {
	height: 14px;
	overflow: hidden;
}

div.groups {
	width: 620px;
}
div.groups div.listItem .lp { width: 15px; }
div.groups div.listItem .name { width: 605px; }

div.jajahAddressBook div.listItem .name { width: 75px; }
div.jajahAddressBook div.listItem .phone { width: 70px; }


/** search box style */
div.searchBox {
	margin-right : 5px;
	margin-bottom : 10px;
	margin-top : 5px;
	width : 199px;
	height: 38px;
	background-image: url("../img/lyt/bg_search-big.gif");
}




div.fbConnect { 
	float: right; 
	clear: right; 
	text-align: center; 
	width: 210px;
	margin-top: 10px;
	margin-bottom: 15px;
}




/** column sizes for invoices lists */
div.invoices {
	width: 620px;
}
div.invoices div.listHeader { background-color: #FBF7F4; font-weight: bold; }
div.invoices div.listItem div.date { width: 100px; }
div.invoices div.listItem div.nr { width: 160px; }
div.invoices div.listItem div.count { width: 120px; }
div.invoices div.listItem div.brutto { width: 100px; }
div.invoices div.listItem div.pdf { width: 80px; text-align: right; }


div.adminInvoices {
	width: 620px;
}
div.adminInvoices div.listHeader { background-color: #FBF7F4; font-weight: bold; }
div.adminInvoices div.listItem div.user { width: 130px; }
div.adminInvoices div.listItem div.date { width: 80px; }
div.adminInvoices div.listItem div.nr { width: 140px; }
div.adminInvoices div.listItem div.count { width: 100px; }
div.adminInvoices div.listItem div.brutto { width: 100px; }
div.adminInvoices div.listItem div.pdf { width: 70px; text-align: right; }