/*	Skinning of Modules
	
*/
/*	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
*/
/* sprites */
.mod-basic .hd,
.mod-strong .hd,
.btn-std .btn-content,
.btn-strong .btn-content,
.btn-double,
.form-btn,
.form-btn.btn-strong {
	background-image: url(../../images/v1/sprite-gradients.png);
	background-color: transparent; /* IE */
}
.mod-vcard,
.mod-inbox-message {
	background-image: url(../../images/v1/sprite-vcards-24.png) !important;
	background-image: url(../../images/v1/sprite-vcards-8.png);
	background-repeat: no-repeat;
}
.mod-aboutme-l, .mod-aboutme-r,
.mod-index {
	background-image: url(../../images/v1/sprite-page.png);
	background-repeat: no-repeat;
}
.mod-vcard .distance,
.icon-state,
.btn-std .ico,
.btn-delete,
.btn-double .icon {
	background-image: url(../../images/v1/sprite-icons.png);
	background-repeat: no-repeat;
}
/* mod */
.mod,
#cluetip-outer {
	border: 1px solid #e4e4e4;
}
.mod, .bg-basic {
	background-color: #fff;
}
.bg-soft,
.cluetip-default, #cluetip-outer {
	background-color: #f8f8f8;
}
.hd {
	border-bottom: 1px solid #e4e4e4;
}
.mod-basic .hd,
h3#cluetip-title {
	background-color: #e8e4e1;
}
.mod-basic .hd {
	background-position: 0 -72px;
	background-repeat: repeat-x;
}
.mod-strong .hd {
	background-color: #aa040f;
	background-position: 0 -94px;
	background-repeat: repeat-x;
}
.mod-profile-data {
	border: none;
	background: none;
}
.mod-profile-data .inner {
	background-color: #fff;
}
.mod-profile-data .hd {
	border-bottom: none;
	background: none;
}
.mod-profile-data .border-outer,
.mod-profile-data .border-inner {
	border-width: 1px 0 0 1px;
	border-style: solid;
}
.mod-profile-data .border-outer {
	border-top-color: #a2a2a2;
	border-left-color: #9f9f9f;
}
.mod-profile-data .border-inner {
	border-top-color: #dcdcdc;
	border-left-color: #dfdfdf;
}
.mod .hd h1, .mod .hd h2, .mod .hd h3, .mod .hd h4 {
	margin-right: 25px;
	font-weight: bold;
	text-indent: 17px;
}
.mod-profile-data .hd  h1,
.mod-profile-data .hd h2,
.mod-profile-data .hd h3,
.mod-profile-data .hd h4 {
	text-indent: 0;
}
.mod-strong .hd,
.mod-strong .hd a {
	color: #fff;
}
.iconHelp {
	position: absolute;
	top: 2px;
	right: 10px;
	cursor: help;
}
/* mod tab nav */
.mod .mod-tab-nav li {
	font-weight: bold;
	text-align: center;
}
.mod .mod-tab-nav a {
	text-decoration: none;
}
.bg-basic .mod-tab-nav .selected {
	background-color: #fff;
}
.bg-soft .mod-tab-nav .selected {
	background-color: #f9f9f9;
}
.mod .mod-tab-nav .selected,
.mod .mod-tab-nav .selected a {
	color: #333;
}
/* visiting card */
.mod-vcard {
	border: none;
	background-color: transparent;
	background-position: 0 -5px;
}
.vcard-short {
	background-position: 0 -212px;
	cursor: pointer;
}
.vcard-short.hover,
.vcard-short:hover,
.vcard-short:focus {
	background-position: -218px -212px;
}
.mod-vcard .distance,
.mod-vcard .personal,
.mod-vcard .greeting {
	font-size: 93%;
}
.mod-vcard .greeting .quote {
	font-weight: bold;
}
.mod-vcard .distance {
	background-position: 10px -1344px;
	text-align: center;
}
.mod-vcard .nickname a,
.mod-vcard .time {
	font-weight: bold;
}
.mod-vcard .index,
.mod-vcard .member-since {
	text-align: center;
}
.vcard-short .member-since {
	text-align: left;
}
/* inbox */
.mod-inbox-message {
	border: none;
	background-color: transparent;
	background-position: 0 -128px;
}
.mod-inbox-message .body,
.mod-inbox-message .actions,
.mod-inbox-message .date-value {
	font-size: 93%;
}
.icon-state.msg-state-unread {
	background-position: 0 -929px;
}
.icon-state.msg-state-read,
.icon-state.msg-state-draft {
	background-position: 0 -987px;
}
.icon-state.msg-state-answered {
	background-position: 0 -1045px;
}
.mod-inbox-message .date,
.mod-inbox-message .index {
	text-align: center;
}
.mod-inbox-message .state em,
.icon-new-tl {
	background-position: 0 0;
}
.mod-inbox-message .date .time {
	font-size: 85%;
}
.mod-inbox-message .body .nick {
	font-weight: bold;
}
/* partner index box */
.mod-index {
	text-align: center;
}
/* partner index box blank*/
.mod-index-blank {
	text-align: center;
}
.mod-index .mod-index-hd {
	color: #fff;
	font-size: 85%;
}
.mod-index .mod-index-value {
	font-weight: bold;
}
.mod-index.mod-index-large {
	background-position: -228px 0;
}
.mod-index-blank.mod-index-large-blank {
	background-position: -228px 0;
}
.mod-index-blank.mod-index-large-blank {
	background-position: -228px 0;
}

.mod-index.mod-index-medium {
	background-position: -306px 0;
}
/* buttons */
.btn-immageless-outer,
.btn-immageless-inner,
.btn-outer,
.btn-inner {
	border-style: solid;
}
.btn-immageless-outer,
.btn-outer {
	border-width: 1px 0;
	border-bottom-color: #7d7d7d;
	border-top-color: #b8b8b8;
}
.btn-immageless-inner,
.btn-inner {
	border-width: 0 1px;
	border-left-color: #7d7d7d;
	border-right-color: #b8b8b8;
	background-color: #e6e6e6;
}
.btn-immageless-top-shadow {
	border-bottom: 4px solid #efefef;
	background-color: #fefefe;
}
.btn-immageless-content,
.btn-content {
	font-weight: bold;
	text-align: center;
}
.btn-std .btn-content,
.btn-strong .btn-content,
.form-btn.btn-strong  {
	text-decoration: none;
	background-repeat: repeat-x;
}
.btn-std .btn-content  {
	background-position: 0 -140px;
	cursor: pointer;
}
.btn-strong .btn-content,
.form-btn.btn-strong  {
	color: #fff;
	background-position: 0 -162px;
}
.btn-std .btn-content:hover, .btn-std .btn-content:focus {
	color: #fff;
	background-position: 0 -162px;
}
.btn-strong .btn-content:hover, .btn-strong .btn-content:focus,
.form-btn.btn-strong:hover, .form-btn.btn-strong:focus {
	color: #333;
	background-position: 0 -140px;
}

#myMessage .ft .form-btn input:hover {
	color:#fff;
}
.form-btn {
	border: 1px solid;
	border-top-color: #B8B8B8;
	border-right-color: #B8B8B8;
	border-bottom-color: #7D7D7D;
	border-left-color: #7D7D7D;
	background-position: 0 -140px;
}
.form-btn:hover, .form-btn:focus {
	background-position: 0 -162px;
}
.form-btn button {
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	background: transparent;
}
.form-btn:hover button, .form-btn:focus button {
	color: #fff;
}
.form-btn.btn-strong,
.form-btn.btn-strong button  {
	color: #fff;
	text-align: center;
	background-position: 0 -162px;
}
.form-btn.btn-strong:hover, .form-btn.btn-strong:focus,
.form-btn.btn-strong:hover button, .form-btn.btn-strong:focus button {
	color: #333;
	background-position: 0 -140px;
}
.cto-formbtn-xxl {
	border: none;
	background: url(../../images/v1/buttons/cto-btn-xxl.png) 0 5px no-repeat;
	font-size: 131%;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}
/* delete button */
.btn-delete {
	background-position: 0 -1104px;
}
/* large button bg & icons */
.btn-double {
	background-position: 0 -184px;
}
.btn-double.active a strong {
	font-weight:normal;
}
.btn-double .btn-inner {
	background-color: transparent;
}
.btn-double .active {
	background-position: 4px -1740px;
}
.btn-double .inactive {
	background-position: 4px -1792px;
}



/* about me box */
.mod-aboutme, .mod-aboutme-l, .mod-aboutme-r {
	background-repeat: no-repeat;
}
.mod-aboutme-l {
	font-weight: normal;
	line-height: 20px;
	background-position: -229px -43px;
}
.mod-aboutme-r {
	background-position: -425px -43px;
}

.mod-index .mod-index-hd {
	font-weight: normal !important;
}

.mod-tab-nav li {
	border-right: 1px solid #9f9e9e;
}
.mod .mod-tab-nav a {
	
}
.mod-pagination li {
	border-right: 1px solid #000;
	font-size: 93%;
}
.mod-pagination .active {  
	font-weight: bold;
}

/** MOODBOX dashboard **/
#myStatus {
	background-color:#f0f0f0;
}
#myStatus #logo {
	background-position: 0 -1305px;
	background-repeat: no-repeat;
}
#myStatus h2 {
	font-weight:bold;
}
#myStatus #moodStr {
	border-top: 2px solid #d1d1d1;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	border-left: 2px solid #d1d1d1;
	color: #666;
	font-size: 108%;
}
#myStatus .desc {
	color: #6f6f6f;
}

.iconHelp {
	display: block;
	width: 16px;
	height: 17px;
	background-repeat: no-repeat;
}
.iconHelp,
.mod-basic .hd .iconHelp {
	background-position: 0 -1182px;
}
.mod-strong .hd .iconHelp {
	background-position: 0 -1150px;
}

.iconHelp-inline {
	display: block;
	float: left;
	width: 16px;
	height: 17px;
	background-repeat: no-repeat;
	background-position: 0 -1182px;
	margin-top: 2px;
	margin-right: 6px;
	cursor: help;
}

input[type="checkbox"] {
	margin-right: 7px;
}

.mod-content.icon-quiz-missed {
	font-weight:bold;
}