/*	Modules are based on the Standard Module Format (http://wiki.github.com/stubbornella/oocss/standard-module-format).
	They provide a simple, predictable way to skin container objects while maintaining 
	accessibility 	and performance. Contour skins are separate from background skins, 
	headers, and footers. I suggest you name skins in a way that indicates how that 
	skin should be used (semantically). The module skin should not change the display 
	of objects within its open editable zones.
	
*/
/*	Organization of style types:
	* positioning (with coordinates) styles
	* float/clear styles
	* display/visibility styles
	* spacing (margin, padding, border) styles
	* dimensions (width, height) styles
	* typography-related (line-height, color, etc.) styles
	* miscellaneous (list-style, cursors, etc.) styles
*/

/* mod */
.mod {
	margin-bottom: 7px;
}
.hd, .bd, .ft {
	/* overflow: hidden; */
	_overflow: visible;
	_zoom: 1;
}
.hd, .bd, .ft,
.mod .inner {
	position: relative;
}
.mod .inner {
	padding: 10px 7px;
}
.hd {
	position: relative;
	height: 22px;
}
.hd h1, .hd h2, .hd h3, .hd h4, .hd h5, .hd h6 {
	line-height: 22px;
}
/* mod tab nav */
.mod .mod-tab-nav {
	position: absolute;
	top: 0;
	left: 0;
}
.mod .mod-tab-nav li {
	float: left;
	line-height: 22px;
	text-align: center;
	position: relative;
}
.mod .mod-tab-nav .index,
.mod .mod-tab-nav .messages {
	padding-right: 20px;
}
.mod .mod-tab-nav a {
	float: left;
	display: block;
	padding: 0 10px;
	height: 100%;
	line-height: 22px;
}
.mod .mod-tab-nav .selected {
	padding-bottom: 1px;
}
.mod .hd .tr {
	position: absolute;
	top: 3px;
	right: 10px;
}
.mod-content {
	margin: 0 25px;
	width: 642px;
}
.mod-content td {
	overflow:hidden;
}

.mod-content-new{
	width: 642px;
}
/* visiting card */
.mod-vcard {
	margin-bottom: 0;
	height: 93px;
}
.mod-vcard .inner {
	padding: 15px 15px 2px 10px;
}
.mod-vcard .vcard {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.vcard-short {
	position: relative;
	left: 10px;
	width: 189px;
	height: 73px;
}
.vcard-short .vcard {
	width: 189px;
	height: 65px;
}
.mod-vcard .profilePicture,
.mod-vcard .distance,
.mod-vcard .icon-new-tl,
.mod-vcard .personal,
.mod-vcard .greeting,
.mod-vcard .index,
.mod-vcard .member-since,
.mod-vcard .links {
	position: absolute;
}
.mod-vcard .profilePicture {
	left: 65px;
	width: 58px;
}
.vcard-short .profilePicture {
	top: 13px;
	left: 10px;
	width: 37px;
	height: 44px;
	overflow: hidden;
}
.mod-vcard .distance {
	left: 0;
	width: 65px;
	height: 69px;
}
.mod-vcard .personal {
	left: 140px;
	width: 177px;
}
.vcard-short .personal {
	top: 10px;
	left: 55px;
	width: 140px;
}
.mod-vcard .greeting {
	left: 317px;
	width: 219px;
}
.mod-vcard .index {
	right: 17px;
}
.mod-vcard .member-since {
	left: 0;
	padding-top: 12px;
	width: 65px;
}
.vcard-short .member-since {
	position: static;
	width: 100%;
}
.mod-vcard .greeting .quote {
	clear: both;
	padding-left: 7px;
}
.mod-vcard .links {
	top: 40px;
	right: 15px;
	width: 117px;
}

.loc-fr-FR .mod-vcard .links {
	width: 125px;
}

.mod-vcard .links.list {
	right: 0 !important;
}

.loc-fr-FR .mod-vcard .links.list {
	right: -18px !important;
}
.mod-vcard .links .btn-std {
	float: right !important;
}
.mod-vcard .distance .value {
	position: relative;
	top: 57px;
	display: block;
}
.mod-vcard .locality {
	margin-top: 11px;
}
/* inbox */
.mod-inbox-message {
	margin-bottom: 0;
	height: 65px;
}
.mod-inbox-message .inner {
	padding: 7px 8px 2px;
	height: 56px; /* IE6 - see ".mod-inbox-message{height:65px;}" ... 65 - 7 padding-top - 2 padding-bottom */
}
.mod-inbox-message .message {
	position: absolute;
	top: 8px;
	left: 0;
	width: 100%;
}
.mod-inbox-message .state,
.mod-inbox-message .state em,
.mod-inbox-message .date,
.mod-inbox-message .sender,
.mod-inbox-message .body,
.mod-inbox-message .partner-index,
.mod-inbox-message .actions ,
.mod-inbox-message .delete {
	position: absolute;
}
.mod-inbox-message .state {
	top: 5px;
	left: 0;
	width: 53px;
	height: 36px;
}
.mod-inbox-message .state em,
.mod-vcard .icon-new-tl {
	top: -13px;
	display:block;
	width: 35px;
	height: 35px;
}
.mod-vcard .icon-new-tl {
	top:-10px;
	left: 0;
}
.mod-inbox-message .date {
	left: 53px;
	width: 88px;
}
.mod-inbox-message .sender {
	left: 141px;
	width: 51px;
}
.mod-inbox-message .body {
	left: 192px;
	width: 263px;
}
.mod-inbox-message .partner-index {
	left: 455px;
	width: 38px;
}
.mod-inbox-message .actions {
	left: 493px;
	width: 161px;
}
.mod-inbox-message .delete {
	left: 654px;
	width: 18px;
}
.icon-state {
	display: block;
	margin-left: auto;
	width: 35px;
	height: 29px;
}
.mod-inbox-message .date .time {
	display: block;
	margin-top: 4px;
}
.mod-inbox-message .body .msg-text {
	margin-top: 8px;
}
.mod-inbox-message .action-list {
	margin: 0 15px;
}
.mod-inbox-message .actions li {
	margin-left: 13px;
}
.mod-inbox-message .actions li.primary-action {
	margin-left: 0;
}
/* partner index box */
.mod-index.mod-index-large {
	width: 78px;
	height: 31px;
}
/* partner index box */
.mod-index.mod-index-large-blank {
	width: 78px;
	height: 31px;
}
/* partner index box */
.mod-index-blank.mod-index-large-blank {
	width: 78px;
	height: 31px;
}
.mod-index.mod-index-medium {
	width: 38px;
	height: 33px;
}
.mod-index .mod-index-hd,
.mod-index .mod-index-value {
	display: block;
}
.mod-index-medium .mod-index-hd {
	height: 16px;
}
/* buttons */
.btn-immageless-outer,
.btn-immageless-inner,
.btn-outer,
.btn-inner,
.btn-immageless-content,
.btn-content,
.form-btn, .form-btn button {
	min-height: 22px;
	height: auto !important;
	height: 22px; /* IE6 */
	zoom: 1; /* IE6 */
}
.mastHead .headlogin .form-btn,
.mastHead .headlogin .form-btn button {
	height: 17px !important;
	min-height: 17px !important;
}
.btn-immageless-outer,
.btn-outer {
	margin: 0 1px;
}
.btn-immageless-inner,
.btn-inner {
	position: relative;
	display: block;
	margin: 0 -1px;
}
.btn-immageless-top-shadow {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 12px;
}
.btn-immageless-content,
.btn-content {
	position: relative;
	display: block;
	line-height: 22px;
}
.btn-std .btn-content,
.btn-std .btn-content,
.btn-strong .btn-content,
.btn-strong .btn-content {
	padding: 0 10px;
}
.form-btn {
	float: left;
	display: inline;
}
.form-btn button {
	float: left;
	padding: 0 15px;
	border: none;
	display: inline;
}
.form-btn em {
	font-style: normal; /* IE6 */
}
.cto-formbtn-xxl { /* @TODO: put this image on a sprite map */
	width: 306px;
	height: 65px;
	line-height: 43px;
}
.btn-outer.left {
	float: left;
}
.btn {
	width: auto !important;
	width: 100px; /* IE6 */
}
.btn-l {
	float: left;
}
.btn-r {
	float: right;
}
.btn-outer.right {
	float: right;
}
/* delete button */
.btn-delete {
	display: block;
	width: 18px;
	height: 16px;
}
.sent-contact-appoval-top {
	width:200px;
	margin:0 auto;
}

/* about me box */
.mod-aboutme, .mod-aboutme-l, .mod-aboutme-r {
	float: left;
	display: block;
	height: 25px;
}
.mod-aboutme-l {
	padding: 0 6px 0 10px;
}
.mod-aboutme-r {
	width: 4px;
}
/* pagination */
.mod-pagination {
	position: absolute;
	right: 34px;
}
.mod-pagination li {
	float: left;
	padding: 0 5px;
}
.mod-pagination .disabled {
	display: none;
}

/**********************************/
/************* MAGGUS *************/
/**********************************/
#myStatus {
	position:relative;
	clear:left;
	height:79px;
	margin-bottom:7px;
}
#myStatus #logo {
	display:block;
	position:absolute;
	top:10px;
	left:100px;
	width:40px;
	height:27px;
}
#myStatus h2 {
	position:absolute;
	top:37px;
	left:14px;
}
#myStatus .desc {
	position: relative;
	top: 3px;
}
#myStatus form {
	position:absolute;
	top:10px;
	left:150px;
}
#myStatus #moodStr {
	width: 506px;
	padding: 3px 12px;
}
#myStatus .form-btn {
	position:absolute;
	top:35px;
	left:400px;
}

#greeting .inner,
#my-greeting .inner {
	clear: left;
}

#inbox .ft {
	height: 20px;
}

#showFacts {
	overflow: hidden;
}