#leftTransparentColumn { 
	min-height: 550px; 
	width: 708px; 
	overflow: hidden;
	border-left: 1px solid #775a22;
	border-right: 1px solid #775a22;
	border-bottom: 1px solid #775a22;
}
#leftTransparentColumn .borderer:first-child { margin: 30px 20px; overflow: hidden; width: 650px; }
#leftTransparentColumnFooterCornersC { clear: left; width: 708px; }
#leftTransparentColumnFooterCornersC img.cornerL,
#leftTransparentColumnFooterCornersC img.cornerR { width: 7px; height: 7px; border: 0px; background-repeat: no-repeat; margin-top: -7px; }
#leftTransparentColumnFooterCornersC img.cornerL { float: left; background-image: url('/img/brdrs/brown_corner_lb.png'); margin-left: 0px; }
#leftTransparentColumnFooterCornersC img.cornerR { float: right; background-image: url('/img/brdrs/brown_corner_rb.png'); margin-right: -2px; }

#leftTransparentColumn .panelTitle { color: white; }


#leftTransparentColumn {
	font-size: 12px;
	line-height: 22px;
}
#leftTransparentColumn .strong_text {
	color: white; 
	margin-bottom: 30px
}
#leftTransparentColumn input.text { width: 200px; }
#leftTransparentColumn .inputRow { margin-top: 20px; }




/** used for tooltip of image previe in whole size (ImgTips) */
#imgThumbPreview {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	background-color: #FCF8DD;
	border: 1px solid #986D1F;
	padding: 5px;
	z-index: 99999;
}






a#bookmarkAddBtn {
	display: block;
	height: 16px;
	font-size: 11px;
	color: #555;
	text-decoration: none;
	background-image: url('/img/icon/bookmark.png');
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-bottom: 10px;
	background-color: white;
}
a#bookmarkAddBtn span {
	color: #555;
	display: block;
	margin-left: 18px;
	text-decoration: none;
	line-height: 16px;
}
a#bookmarkAddBtn span:hover { text-decoration: underline; }





.bigPurpleButton {
	height: 30px; 
	width: 135px; 
	color: white; 
	font-size: 11pt;
	font-weight: bold; 
	text-align: center; 
	vertical-align: middle;
	border: 0;
	cursor: pointer;
	background-image: url('/img/welcome/btn_purple_big.png');
	background-color: transparent;
	text-decoration: none;
	line-height: 30px;
}
.bigPurpleButton:hover {
	color: white;
	opacity: 0.8;
	filter: alpha(opacity=80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.8;
}
.bigPurpleButton:visited { color: white; }





.buttonsContainerWithSpecial .sButtonC { margin-top: 11px; }
.buttonsContainerWithSpecial .specialContainer .sButtonC { margin-top: 1px; }
.buttonsContainerWithSpecial .specialContainer { margin-right: 10px; }





/** login form container */
div.loginFormPane, div.signupPane { width: 210px; }
div.loginFormPane:first-child { margin-top: 28px; }
div.loginFormPane .panelTitle,
div.loginFormPane .label { color: #f5f0d4; }
div.loginFormPane .text { width: 135px; }
div.loginFormPane .sButtonC { margin-left: 0; margin-top: 4px; }
div.loginFormPane .sButtonC input { width: 85px; }

div.loginFormPane hr, div.signupPane hr { border: 0px; height: 1px; background-color: #8e753d; margin: 10px 0; }

div.signupPane .label { text-align: center; font-size: 13pt; line-height: 15pt; color: #8e753d; }
div.signupPane input#registerBtn {
	margin: 5px auto 14px;
	display: block;
}
div.signupPane img { vertical-align: middle; border: 0; }





xxtable.rightColLayout td.contents {
	padding-left: 5px;
	padding-right: 3px;
}

/** additional panel just under the login panel on the right side column - width are there just for FF2 on mac to work fine */
.additionalInfoPane {
	margin-top: -2px;
	margin-bottom: 7px;
	width: 216px;
	height: 175px;
	overflow: hidden;
	background-image: url('/img/brdrs/rightSidePane.png');
}
.additionalInfoPane.shadowBox {
	background-image: none;
	
}

.additionalInfoPane .panelTitle { margin-top: 3px; color: #aa8c44; text-align: center; font-size: 20px; line-height: 26px; }
.additionalInfoPane.shadowBox .panelTitle { float: none; text-align: center; color: #CCA61D; }
.dash .additionalInfoPane.shadowBox .panelTitle { color: #b69c59; float: none; padding-top: 0; margin-top: 0; }

table.shadowBox.rightColLayout div.additionalInfoPane { width: 190px; }
body.newcomers div.additionalInfoPane { width: 302px; }

table.shadowBox.rightColLayout td.contents,
table.shadowBox.additionalInfoPane td.contents {
	padding-left: 2px;
	padding-right: 2px;
}
.additionalInfoPane div.item {
	text-align: center;
	margin-top: 5px;
	font-size: 6pt;
	font-weight: bold;
	width: 101px;
}
.additionalInfoPane .shadowed div.item {
	background-image: url('/img/brdrs/right_photo_shade.png');
	background-repeat: no-repeat;
	width: 101px;
}
.additionalInfoPane div.item.fR { margin-right: 6px; }
.additionalInfoPane div.item.fL { margin-left: 2px; }
.additionalInfoPane div.item.fL:first-child { margin-left: 6px; }
table.shadowBox.additionalInfoPane div.item.fL { margin-left: 1px; }
.dash table.shadowBox.additionalInfoPane div.item.fL:first-child,
table.shadowBox.additionalInfoPane div.item.fL:first-child { margin-left: 0px; }
.dash table.shadowBox.additionalInfoPane div.item.fL { margin-left: 4px; }
.additionalInfoPane .shadowed div.item.fR { margin-right: 7px; }
.additionalInfoPane .shadowed div.item.fL { margin-left: 0px; }
.additionalInfoPane .shadowed div.item.fL:first-child { margin-left: 7px; }
table.shadowBox.additionalInfoPane .shadowed div.item.fL { margin-left: 2px; }
.dash table.shadowBox.additionalInfoPane .shadowed div.item.fL:first-child,
table.shadowBox.additionalInfoPane .shadowed div.item.fL:first-child { margin-left: 0px; }
.dash table.shadowBox.additionalInfoPane .shadowed div.item.fL { margin-left: 4px; }
.additionalInfoPane div.item img { display: block; max-width: 101px; max-height: 88px; margin: 0 auto; margin-top: 1px; }
.additionalInfoPane .shadowed div.item img { max-width: 87px; max-height: 75px; margin-top: 7px; }
.additionalInfoPane div.item div {
	width: 101px;
	overflow: hidden;
	margin-top: 5px;
}
.additionalInfoPane a { color: #CCA61D; }
.additionalInfoPane div.spaced {
	padding-top: 5px;
	padding-bottom: 9px;
}
.additionalInfoPane div.spaced .sButtonC.fL { margin-left: 70px; }
.additionalInfoPane div.spaced a { color: #AA8C44; font-weight: bold; }


.userStatusSummary .centeredButtonsH {
	margin: 10px auto 2px auto;
	width: 190px;
	overflow: hidden;
}
.userStatusSummary .dotted { margin: 0 10px; }
.userStatusSummary .hr { margin-left: 10px; margin-right: 10px; }
.proportional .userStatusSummary .dotted, .proportional .userStatusSummary .hr { margin: 0; }
.proportional .userStatusSummary .centeredButtonsH { width: 220px; }
.userStatusSummary .centeredButtonsH .sButtonC input { width: 75px; }
 
.userStatusSummary .boxTitle { text-align: center; }

/** a special container which is margined from each but top/right sides */
table.paddedSpecialContainer {
	margin: 0px 0px 10px 10px;
}







/** internal message preview popup */


div#message div.messageTextScreen {
	width: 431px;
	height: 141px;
	background-color: white;
	background-image: url('../img/lyt/form_textarea-145_left.gif');
	padding: 0px;
	margin: 0px;
	xbackground-attachment: fixed;
}

div#message div.messageTextScreen div.scroller {
	width: 430px;
	height: 141px;
	padding: 0px 0px 0px 5px;
	margin: 0px;
	overflow: hidden; 
	overflow-y: auto;
	background-color: transparent;
}


div#message div.textFieldContainer {
	background-image: url('../img/lyt/form_textarea-145_left.gif');
}

div#message div.textFieldScreen {
	border-right: 1px solid #F4F4F4;
	padding: 2px 5px 0px 5px;
	height: 16px; /** 18px - 2px padding */
	background-repeat: no-repeat;
	font-weight: normal;
	overflow: hidden;
	text-align: left;
	background: transparent;
}

div#message div.textFieldContainer.droped div.textFieldScreen {	
	height: 100px;	
	overflow-y: auto; 
}

div#message div.toggler {	
	height : 16px;
	width : 10px;
	background: transparent;
	background-repeat: no-repeat;
	cursor: pointer;
	background-image:url(../img/lyt/ic_toggle_down.gif);
	background-position: 0px 5px;
	position : absolute;
}

div#message div.textFieldContainer.droped div.toggler {
	background-image:url(../img/lyt/ic_toggle_up.gif);	
}

div#message div.textFieldContainer span.dots {
	display: inline;
	width : 15px;
}

div#message div.textFieldContainer.droped span.dots {
	display:none;
}


/** Contact Edition popup */

div#contactEdition {
	margin-top: 260px;
	margin-left: 20px;
	width: 690px;
}

div#contactEdition table.shadowBox {
}
div#contactEdition table.shadowBox td.contents {
	background-color: white;
	overflow: auto;
}
/** here in fact shall 650 be but we have no image */
div#contactEdition table.shadowBox td.downL { background-image: url('../img/brdrs/bg_box-660_bottom.png'); }

div#contactEdition .question {
	margin: 0px 2px;	
}






/** toggled hide/show pane - like eg advanced settings during import */
div.toggledPane,
div.toggledPaneHidden {
	height: auto;
	background-color: #FCF8DD;
	overflow: hidden;
}
div.toggledPaneHidden {
	height: 20px;
}

div.toggledPane div.paneTitle,
div.toggledPaneHidden div.paneTitle {
	background-image: url('../img/lyt/ic_toggle_up.gif');
	background-position: 0px 4px;
	background-repeat: no-repeat;
	height: 20px;
	color: #332C12;
	font-weight: bold;
	padding: 0px 10px 3px 15px;
	cursor: pointer;
}
div.toggledPaneHidden div.paneTitle {
	background-image: url('../img/lyt/ic_toggle_down.gif');
}






/** tab panels inside popup windows */

div.simpleTabsContainer {
	margin-left: 2px;
	border-left: 1px solid #EBECCD;
	border-bottom: 1px solid #EBECCD;
	border-right: 1px solid #EBECCD;
	background-color: white;
	overflow: auto;
	margin-bottom: 10px;
}
div.tabContents {
	xfloat: left;
}
div.popup div.tabContents {
	padding: 15px;
}
div.tabContents .zebra {
	background-color: #F2F2F0;
}

div.tabHandle {
	margin-left: 2px;
	margin-top: 2px;
	height: 19px;
	line-height: 19px;
	min-width: 50px;
	text-align: center;
	padding: 0px 10px 0px 10px;
	border-left: 1px solid #EBECCD;
	border-top: 1px solid #EBECCD;
	border-right: 1px solid #EBECCD;
	background-color: #F0EBCB;
	cursor: pointer;
	font-size: 11px;
}
div.tabHandle.active {
	margin-top: 0px;
	height: 21px;
	border-left: 1px solid #EBECCD;
	border-top: 1px solid #EBECCD;
	border-right: 1px solid #EBECCD;
	background-color: white;
	font-weight: bold;
}
div.tabHandle.disabled {
	color: #CAC5A5;
	cursor: default;
}






/** user connection path */
div.path td.h1_text {
	padding-top: 4px;
}
div.path div.pathDotter {
	width: 40px;
	height: 4px;
	line-height: 4px;
	font-size: 4px;
	border-bottom: 1px dotted #DDE0C5;
}







/** List of elements of type LIST_WITH_THUMB with small preview */

.listWithThumb {
	border-top: 1px solid #E0DFC3;
}
.listWithThumb strong {
	color: #D5A515;
}
.listWithThumbFooter {
	height: 20px;
	overflow: hidden;
	white-space: nowrap;
	line-heigh: 20px;
}
.listWithThumb div.listItem {
	height: 20px;
	border-bottom: 1px solid #E0DFC3;
	overflow: hidden;
	cursor: pointer;
	white-space: nowrap;
	line-heigh: 20px;
}
.listWithThumb div.listItem:hover {
	background-color: #FBF8E9;
}
.listWithThumbFooter div,
.listWithThumb div.listItem div {
	overflow: hidden;
	padding-top: 2px;
}
.listWithThumb div.listItem div.check { padding-top: 0; }
.listWithThumb div.listItem div.itemThumb {
	width: 24px;
	height: 17px;
	background-color: #E0DFC3;
	margin: 1px 4px 1px 2px;
	padding-top: 0px;
	background-image: url('../img/lyt/event_thumb-18_ek-design.gif');
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}
.listWithThumb div.listItem div.itemThumb.purple {
	background-image: url('../img/lyt/event_thumb-18_ek_purple-design.gif');
}
.listWithThumb div.listItem div.itemThumb.vertical {
	width: 16px;
}

.listWithThumb div.listItem div.itemThumb img {
	width: 24px;
}
.listWithThumb div.listItem div.itemThumb.vertical img {
	height: 18px;
	width: auto;
}
.listWithThumb div.listItem img.icon {
	margin-top: 2px;
	margin-left: 4px;
}




.listWithThumb div.listItem div.icon {
	width: 16px;
}
.listWithThumb div.listItem div.status {
	width: 32px;
}
.listWithThumb div.listItem div.date {
	width: 49px;
}
.listWithThumb div.listItem div.text {
	width: 160px;
}
.listWithThumb div.listItem.addNew {
	background-color: #FBF7F4;
	padding-left: 23px;
}

.listWithThumb div.listItem.addNew.noSelection {
	padding-left: 8px;
}
.listWithThumb div.listItem.addNew img.icon {
	margin-top: 2px;
	margin-right: 10px;
}

/** row used for display of message when list is empty */
.listWithThumb div.emptyInfo {
	border-bottom: 1px solid #E0DFC3;
	background-color: #FBF7F4;
	padding: 5px;
}










.summary div.row {
	height: 14px;
	border-bottom: 1px solid #E0DFC3;
	overflow: hidden;
	line-heigh: 14px;
}





/** changes of a default image thumb according to list type */
.listWithThumb.messages div.listItem div.itemThumb {
	background-image: url('../img/lyt/ic_lily_list-view_black.png');
}


.listWithThumb div.dashNewPhotos {
	padding-top: 1px;
	padding-bottom: 1px;
	height: 50px;
	overflow: hidden;
}
.listWithThumb div.dashNewPhotos div.eventImgContainer {
	margin-left: 6px;
}
.listWithThumb div.dashNewPhotos div.eventImgContainer.first {
	margin-left: 0px;
}








div.monitored { /** monitored width - clipping overflow */
	max-width: 340px;
	overflow: hidden;
}



/** Block element - view of an e.g. Event in a big block */

/** a row of two block in a blocs list */
div.blocksListRow {
	overflow: auto;
	width: 100%;
}


.listBlockItem {
}

.listBlockItem div.monitored {
	width: 175px; /* 205px */
}
.listBlockItem div.summaryRow {
	height: 20px;
	border-bottom: 1px solid #E0DFC3;
	overflow: hidden;
	white-space: nowrap;
	line-heigh: 20px;
}
.listBlockItem div.summaryRow div {
	overflow: hidden;
	padding-top: 2px;
}

.listBlockItem div.actions {
	padding-top: 10px;
}






/** Users birthdays item */

.birthdayUser {
	width: 50px;
	height: 100px;
	overflow: hidden;
	margin: 9px 5px 0px 0px;
	cursor: pointer;
}
.birthdayUser div {
	white-space: nowrap;
}
.birthdayUser div.small_text {
	padding-left: 3px;
}
.birthdayUser div.photo {
	width: 50px;
	height: 65px;
	overflow: hidden;
	background-image: url('../img/lyt/user-thumb-70_basic.gif');
	background-repeat: no-repeat;
}

.birthdayUser div.photo+div.small_text {
	padding-top: 2px;
}

/** rounded edges */
.birthdayUser div.photo div {
	width: 50px;
	height: 65px;
	background-color: red;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url('../img/lyt/bg_user-thumb_small.gif');
	margin-top: -65px;
}








/** Address Book popup subdefinitions */

div#addrBook .listWithThumb.scroller {
	height: 313px;
	overflow: hidden;
	overflow-y: auto;
	border-bottom: 1px solid #E0DFC3;
}
div#addrBook .listWithThumb div.listItem div.text { width: 180px; }
body.guestList div#addrBook .listWithThumb div.listItem div.text { width: 320px; }
div#addrBook .listWithThumb div.infoText { padding: 7px; }
div#addrBook .searchBar { margin-bottom: 3px; }
div#addrBook div.search input { width: 80px; }
div#addrBook div.search img { margin-left: 2px; vertical-align: top; border: 0px; }

div#addrBook #abPreviousEventGLTabContents .listWithThumb div.listItem div.fR { margin-right: 5px; }


div#addrBook div.abActionButtons .sButtonC input { width: 110px; }

div#addrBook div.importWebServices .serviceTypeSelector td {
	border: 1px solid grey;
	height: 40px;
	width: 103px;
	background-color: white;
	line-height: 40px;
	cursor: pointer;
	vertical-align: middle;
}
div#addrBook div.importWebServices .serviceTypeSelector td:hover { border-color: orange; }
div#addrBook div.importWebServices .serviceTypeSelector td img { 
	float: right; 
	width: 80px; 
	height: 40px;
	cursor: pointer;
	background-image: url('/img/static/mail_providers.png' );
	background-repeat: no-repeat; 
}
div#addrBook div.importWebServices .serviceTypeSelector .gmail img { background-position: 0px -40px; }
div#addrBook div.importWebServices .serviceTypeSelector .yahoo img { background-position: 0px -80px; }
div#addrBook div.importWebServices .serviceTypeSelector .hotmail img { background-position: 0px -120px; }
div#addrBook div.importWebServices .serviceTypeSelector .aol img { background-position: 0px -160px; }
div#addrBook div.importWebServices .serviceTypeSelector .msn img { background-position: 0px -200px; }



/** Media Library popups */

#mediaLibrary {
	margin: 50px 150px;
	width: 450px;
}

#mediaLibrary div.scroller {
	height: 210px;
	overflow: hidden;
	overflow-y: auto;
	border-top: 1px solid #E0DFC3;
	border-bottom: 1px solid #E0DFC3;
}

#mediaLibrary div.imageItem {
	height: 20px;
	border-bottom: 1px solid #E0DFC3;
	overflow: hidden;
	cursor: pointer;
	white-space: nowrap;
	line-heigh: 19px;
}
#mediaLibrary div.imageItem:hover {
	background-color: #F4E4B1;
}
#mediaLibrary div.imageItem div.preview {
	width: 24px;
	height: 17px;
	overflow: hidden;
	background-color: #E0DFC3;
	margin: 1px 5px 1px 5px;
}
#mediaLibrary div.imageItem div.preview img {
	width: 24px;
}
#mediaLibrary div.imageItem div.text {
	padding-top: 2px;
}



#mediaUpload {
	display: none;
	height: 150px;
	background-color: #F4E4B1;
	border-top: 2px solid #966D1B;
}
#mediaUpload iframe {
	width: 446px;
	height: 150px;
}






/** Toolbar combo boxes */

div.toolbarComboSelector,
div.toolbarColorSelector {
	display: block;
	position: absolute;
	z-index: 99999999;
}

div.toolbarComboSelector {
	background-color: white;
	border-top: 1px solid #BBB;
	border-left: 1px solid #BBB;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	color: #4c1130;
	font-size: 12pt;
}
div.toolbarComboSelector div.toolbarComboItem {
	white-space: nowrap;
	cursor: pointer;
	overflow: hidden;
}
div.toolbarComboSelector div.toolbarComboItem:hover {
	background-color: #AABDD9;
}
div.toolbarComboSelector div.toolbarComboItem div.textWrapper {
	height: 25px;
	line-height: 23px;
	white-space: nowrap;
	margin-left: 17px;
	margin-right: 4px;
	background-repeat: no-repeat;
	background-position: left center;
}
div.toolbarComboSelector div.toolbarComboItemSelected {
	background-image: url('../../img/lyt/edit/check2.gif');
	background-repeat: no-repeat;
	background-position: left center;
}




div.toolbarColorSelector {
	background-color: white;
	border: 1px solid #888;
}

div.toolbarColorSelector table {
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	xxborder-collapse: collapse;
	margin: 5px;
}

div.toolbarColorSelector table td {
	width: 18px;
	height: 18px;
	border-left: 1px solid #666666;
}
div.toolbarColorSelector table td div {
	width: 18px;
	height: 18px;
	position: relative;
	cursor: pointer;
}
div.toolbarColorSelector table td div:hover,
div.toolbarColorSelector table td div.selected {
	width: 16px;
	height: 16px;
}
div.toolbarColorSelector table td div:hover {
	border: 1px solid #FFF;
}
div.toolbarColorSelector table td div.selected {
	border: 1px solid #333;
	background-image: url('/img/lyt/edit/check_black.gif');
	background-repeat: no-repeat;
	background-position: center center;
}

div.toolbarColorSelector div.manualAdjustmentBox {
	color: black;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
}
div.toolbarColorSelector div.manualAdjustmentBox input { width: 50px; }
div.toolbarColorSelector div.manualAdjustmentBox a { color: #e30000; font-weight: bold; text-decoration: none; }







.popup span.pleaseNote { color: #e30000; }


a.fxGenderToggle {
	width: 100px;
	height: 18px;
	display: block;
	text-align: center;
	border-right: 1px solid #F4F4F4;
	background-image: url('/img/lyt/form_textinput_left.gif');
	background-repeat: no-repeat;
	font-weight: normal;
	text-decoration: none;
	line-height: 17px;
}
a.fxGenderToggle:hover { background-image: url('/img/lyt/form_textinput_left_hover.gif'); }




.fxLinkFaker u { cursor: pointer; }




.envelopeInfoC {
	background-repeat: no-repeat;
	background-image: url('/img/static/envelope_small_bg.png');
	margin-bottom: 10px;
	margin-left: 3px;
}
.envelopeInfoC.fR { margin-left: 0; margin-right: 3px; margin-top: 0; }
.envelopeInfoC.fR:first-child { margin-top: 26px; }
.dash .envelopeInfoC.fR:first-child { margin-top: 0; }
.nonTabbedContents .envelopeInfoC.fR:first-child { margin-top: 0; }
.envelopeInfoC.proportional {
	width: 322px;
	height: 226px;
}
.envelopeInfoC.small {
	width: 206px;
	height: 148px;
	background-image: url('/img/static/envelope_smaller_bg.png');
}
.envelopeInfoC.smallPlus {
	width: 216px;
	height: 148px;
	background-image: url('/img/static/envelope_smallPlus_bg.png');
}
.small div.stampsEnvelopeInfo div.topMarginer,
.smallPlus div.stampsEnvelopeInfo div.topMarginer { height: 51px; }
.proportional div.stampsEnvelopeInfo div.topMarginer { height: 98px; }

.envelopeInfoC div.stampsEnvelopeInfo, 
.envelopeInfoC div.stampsEnvelopeInfo a { color: #9664ad; }

.small div.stampsEnvelopeInfo div { margin-left: 36px; margin-right: 30px; margin-bottom: 3px; }
.smallPlus div.stampsEnvelopeInfo div { margin-left: 41px; margin-right: 35px; margin-bottom: 3px; }
.proportional div.stampsEnvelopeInfo div { margin-left: 58px; margin-right: 58px; margin-bottom: 7px; }
.small div.stampsEnvelopeInfo div.currentInfo,
.smallPlus div.stampsEnvelopeInfo div.currentInfo { font-size: 12px; line-height: 12px; }
.proportional div.stampsEnvelopeInfo div.currentInfo { font-size: 15px; line-height: 17px; }
.small div.stampsEnvelopeInfo div.inviteFriends,
.smallPlus div.stampsEnvelopeInfo div.inviteFriends { font-size: 9px; line-height: 10px; }
.proportional div.stampsEnvelopeInfo div.inviteFriends { font-size: 10px; line-height: 12px; }






.payments .paymentOption {
	color: #9864af;
	font-weight: bold;
	font-size: 17px;
	line-height: 32px;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #e0e0c6;
	margin-bottom: 15px;
}
.payments .paymentOptions { min-height: 500px; }
.payments .paymentOption:first-child { margin-top: 20px; }
.payments .paymentOption .sButtonC { margin-top: 7px; }
.payments .paymentOption .price { color: black; }
.payments .paymentOption .info { float: left; margin-left: 10px; margin-right: 10px; width: 150px; display: block; }
.payments .paymentOption img.stamp {
	background-image: url('/img/icon/small_stamp.png');
	width: 23px;
	height: 30px;
	float: right;
	margin-left: 2px;
	margin-bottom: 4px;
}
.payments .paymentOptions .paymentOption { cursor: pointer; }




.payments .summaryMatrix {
	width: 660px;
	float: right;
	align: right;
	color: black;
}

.payments .summaryMatrix .row { 
	border-bottom: 1px solid #d4d4d4; 
	height: 26px; 
	line-height: 24px;
	overflow: hidden;
	width: 100%;
	text-align: left;
	font-size: 14px;
}
.payments .summaryMatrix .header { border-bottom: 1px solid #d4d4d4; color: #d4d4d4; font-size: 10px; }
.payments .summaryMatrix .total { font-weight: bold; }
.payments .summaryMatrix .productC { float: left; width: 110px; }
.payments .summaryMatrix .qtyC { float: left; width: 110px; }
.payments .summaryMatrix .priceC { float: right; width: 80px; text-align: right; }
.payments .summaryMatrix .totalR { font-weight: bold; }
.payments .summaryMatrix .sumR { width: 220px; float: right; clear: right; } 
.payments .summaryMatrix .vatR { font-size: 11px; border-bottom: 0; }
.payments .summaryMatrix .vatR a { color: #d4d4d4; text-decoration: underline; }


.payments .paymentOptions .personalI {
	float: left; 
	font-size: 12px; 
	font-weight: bold;
	margin-left: 265px;
}



div#invitationLayout div.ltThumb {
	width: 111px;
	height: 22px;
	overflow: hidden;
	background-image: url('/img/categories/category_button.gif');
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	cursor: pointer;
	margin: 2px;
	text-align: center;
	white-space: nowrap;
	line-height: 22px;
	font-size: 8pt;
	color: white;
}
div#invitationLayout div.ltThumbSelected,
div#invitationLayout div.ltThumb:hover {
	background-image: url('/img/categories/category_button_active.gif');
}





/* search input filtering bar */

.searchBar { font-weight: bold; }
.searchBar input.searchInput { font-weight: normal; }
.searchBar input.searchInputEmpty { color: #999; }




/* envelope color selectors */
div#envelopeSelector div.text { margin: 10px; }
div#envelopeSelector div.text div { margin-top: 5px; }
div#envelopeSelector div.envelopeThumb {
	margin: 5px 5px;
	float: left;
	width: 150px;
	background-color: white;
	cursor: pointer;
}
div#envelopeSelector div.envelopeThumb .thumb {
	text-align: center;
	margin-top: 15px;
}
div#envelopeSelector div.envelopeThumb .thumb img { width: 100px; height: 85px; }
div#envelopeSelector div.envelopeThumb .label {
	text-align: center;
	color: black;
	margin: 5px 0;
	font-size: 10px;
	font-weight: normal;
}
div#envelopeSelector div.envelopeThumb.active,
div#envelopeSelector div.envelopeThumb:hover { background-color: #e2d1ff; }