
#tab_profiles 			{ background: url("_v2_lookAndFeel/backgrounds/tab_addressBook_profiles.png") no-repeat center top; }
#tab_filters 			{ background: url("_v2_lookAndFeel/backgrounds/tab_addressBook_filters.png") no-repeat center top; }

#tab_profiles.current 	{ background: url("_v2_lookAndFeelbackgrounds/tab_addressBook_profiles_current.png") no-repeat center bottom; }
#tab_filters.current 	{ background: url("_v2_lookAndFeelbackgrounds/tab_addressBook_filters_current.png") no-repeat center bottom; }




#profiles .leftColumn, #profiles .columnContent {
	margin: 0; 
	width: 340px;
}
#profiles ul.menu > li > div.tag {
	width: 85px;
}
#listMemberDetailsBody input[type='text'].listMemberInput {
	color: #555;
	font-size: 11px;
	padding: 4px 5px;
	border: 1px solid #AAA;
	background: #FCFCFC;
	outline: none;
	border-radius: 3px;
	box-shadow: inset 1px 1px 3px #333;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	height: 14px;
	margin: 0;
	width: 190px;
}

#profiles #listMemberDetailsBody input[type='text'].listMemberInput:hover, 
#profiles #listMemberDetailsBody input[type='text'].listMemberInput:focus {
	box-shadow: inset 1px 1px 3px #3D220D !important;
	border: 1px solid #D65E00 !important;
}

#profiles .menu > li.search {
	text-align: center;
	padding: 0;
	padding-top: 10px;
}

#listMemberDetailsBody{
	text-align:left;
}

#profiles #listMemberDetailsBody input.calendar {
	background: url(_v2_lookAndFeel/icons/datepicker.png) no-repeat 70px center #FFF !important;
	width: 80px;
}

#profiles #listMemberDetailsBody .search button {
	z-index: auto;
}

ul.menu > li > .droplist {
	margin-left: 1px;
}
ul.menu > li > .droplist > a.title {
	width: 152px !important;
}
ul.menu > li > .droplist ul {
	margin-top: -8px;
}
ul.menu > li > .droplist li {
	line-height: 16px;
}

ol > li {
	list-style-type: decimal;
	font-size: 11px;
	margin-left: 15px;
}



.loading {
	text-align: center;
	display: none;
}
.loading h3 {
	font-size: 18px;
}
.loading img {
	height: 70px;
}
#results thead th:first-child {
	background-position: 5px;
	padding-left: 18px;
}
#results tbody td:first-child {
	padding-left: 5px;
}
#results tbody td:last-child {
	padding-right: 5px;
}
#results td {
	padding: 0;
}
.dataTables_filter img {
	margin-top: 1px;
}
#listMemberDetailsBody #results input[type='text'].listMemberInput {
	padding-left: 25px !important;
	width: 120px;
	height: 15px;
}
#results table.dataTable thead th {
	font-size: 11px;
	font-weight: bold;
	line-height: 10px;
}

.rightColumn {
	margin-left: 340px;
	float: none;
	width: auto;
	padding: 35px;
}
.innerRightColumn {
	float: right;
	width: 200px;
}

#profileDetail {
	margin-right: auto;
	margin-left: auto;
}



/************************
 * 	DETAIL SECTION 		*
 ************************/

#detail h1 {
	font-family: 'Open Sans';
	font-size: 24pt;
	color: #2B5F94;
	font-weight: normal;
	text-align: center;
	margin: 0;
	padding-top: 15px;
	padding-bottom: 30px;
	background: url("_v2_lookAndFeel/backgrounds/big_shadow2.png") no-repeat center 70px;
	margin-top: -25px;
}

#detail .box h2 {
	font-family: 'Open Sans';
	box-shadow: 2px 2px 6px 1px #666;
	line-height: normal;
	padding: 5px;
	border-radius: 5px;
	color: #2B5F94;
	margin: 10px 0;
	background: url("_v2_lookAndFeel/backgrounds/shadow_gradient.png") repeat-x left top #EEE;
	padding-left: 10px;
	font-size: 18px;
	font-weight: bold;
	margin-top: 25px;
}
#detail .box .body {
	margin: 0 5px;
	margin-top: -7px;
	box-shadow: inset 0 0 40px #CCC;
	border-radius: 5px;
	padding: 20px;
}




#detail h2 > a, 
#detail h2 > a {
	float: right;
	font-weight: normal;
	margin-top: -1px;
	margin-right: 8px;
}

#detail .editable h2 a.edit,
#detail h2 a.save,
#detail h2 a.cancel {
	display: none;
}
#detail .editable h2 a.save,
#detail .editable h2 a.cancel {
	display: block;
}

#detail h3 {
	font-family: 'Open Sans';
	color: #2B5F94;
	font-weight: normal;
	margin: 0;
	font-size: 19px;
	line-height: 24px;
	margin-top: 20px;
}

#detail .box h3 > span {
	width: 24px;
	height: 24px;
	margin-right: 8px;
	float: left;
}
#detail h3 > span.personal		{ background-image: url("_v2_lookAndFeel/icons/profile_funct.png") }
#detail h3 > span.home			{ background-image: url("_v2_lookAndFeel/icons/home.png") }
#detail h3 > span.phone			{ background-image: url("_v2_lookAndFeel/icons/cellphone.png") }
#detail h3 > span.professional	{ background-image: url("_v2_lookAndFeel/icons/man.png") }
#detail h3 > span.stayHistory	{ background-image: url("_v2_lookAndFeel/icons/vintage_suitcase.png") }
#detail h3 > span.question		{ background-image: url("_v2_lookAndFeel/icons/communication.png") }
#detail h3 > span.comment		{ background-image: url("_v2_lookAndFeel/icons/comment.png") }
#detail h3 > span.customField	{ background-image: url("_v2_lookAndFeel/icons/passport.png") }
#detail h3 > span.revenue		{ background-image: url("_v2_lookAndFeel/icons/revenue.png") }



#detail .box li.section > ul {
	margin-left: 35px;
}
#detail .box li.section > ul > li {
	display: inline-block;
	margin-left: -5px;
}

#detail .box .body label {
	font-family: 'Open Sans' !important;
	color: #999 !important;
	font-size: 13px;
	display: block;
	margin-bottom: -3px;
	cursor: default;
}
#detail .box .body input[type='text'].listMemberInput {
	font-family: 'Open Sans' !important;
	height: inherit !important;
	border: 1px solid transparent !important;
	box-shadow: none !important;
	font-size: 20px !important;
	color: #000 !important;
	padding: 0 !important;
	padding-right: 10px !important;
	width: 90% !important;
	margin-bottom: 5px !important;
}
#listMemberDetailsBody #detail .box .body input[type='text'].listMemberInput:focus,
#listMemberDetailsBody #detail .box .body input[type='text'].listMemberInput:hover {
	border: 1px solid transparent !important;
	box-shadow: none !important;
	background: transparent;
}

#listMemberDetailsBody #detail .box.editable .body input[type='text'] {
	padding: 0 5px !important;
	background-color: #FFF;
	border: 1px solid #CCC !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	outline: none;
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E4E4E4 100%);
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E4E4E4 100%);
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #E4E4E4 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(1, #E4E4E4));
	background-image: -webkit-linear-gradient(top, #FFF 0%, #E4E4E4 100%);
	background-image: linear-gradient(to bottom, #FFF 0%, #E4E4E4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E4E4E4',GradientType=0 );
}
#listMemberDetailsBody #detail .box.editable .body input[type='text']:focus,
#listMemberDetailsBody #detail .box.editable .body input[type='text']:hover {
	border-color: rgba(62, 174, 189, 0.8) !important;
	outline: 0;
	outline: thin dotted \9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(62, 174, 189, 0.6) !important;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(62, 174, 189, 0.6) !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(62, 174, 189, 0.6) !important;
}

#detail .innerRightColumn .body {
	padding: 15px;
}

#detail ul.tags > li {
	display: inline-block;
	margin: 2px;
	padding: 3px 5px;
	border-radius: 5px;
	font-size: 11px;
	background: url("_v2_lookAndFeel/backgrounds/shadow_gradient.png") repeat-x;
}
#detail ul.tags > li > span.tiny {
	width: 20px;
	float: right;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
#detail ul.tags > li:nth-child(1) 	{ background-color: rgba(190, 0, 0, 0.5); }
#detail ul.tags > li:nth-child(2) 	{ background-color: rgba(0, 190, 0, 0.5); }
#detail ul.tags > li:nth-child(3) 	{ background-color: rgba(0, 61, 190, 0.5); }
#detail ul.tags > li:nth-child(4) 	{ background-color: rgba(190, 190, 0, 0.5); }
#detail ul.tags > li:nth-child(5) 	{ background-color: rgba(190, 0, 190, 0.5); }
#detail ul.tags > li:nth-child(6) 	{ background-color: rgba(0, 190, 190, 0.5); }
#detail ul.tags > li:nth-child(7) 	{ background-color: rgba(255, 163, 0, 0.5); }

.tiny.cancel		{ background-image: url("_v2_lookAndFeel/icons/tiny/cancel.png"); }

#detail ul.body.profileStatus {
	box-shadow: inset 0 0 40px #DD6969;
	margin-top: -9px;
}
#detail ul.body.profileStatus.optedIn {
	box-shadow: inset 0 0 40px #85BE5E;
}

#detail ul.body.notes {
	font-size: 11px;
}
#detail ul.body.notes > li {
	background: url("_v2_lookAndFeel/backgrounds/big_shadow2.png") center top no-repeat;
	background-size: 120%;
	padding: 5px 0;
}
#detail ul.body.notes > li > .customer {
	font-family: 'Open Sans' !important;
	color: #AD4646;
}
#detail ul.body.notes > li > .modified {
	font-family: 'Open Sans' !important;
	float: right;
	color: #999;	
}

#detail ul.verticalList {
	font-family: 'Open Sans';
	font-size: 20px;
}
#detail ul.verticalList > li {
	padding: 5px 14px;
	margin: 5px;
	box-shadow: inset 0 0 20px #DDD;
	border-radius: 5px;
	width: 95%;
}

#detail ul.horizontalList > li {
	display: inline-block;
	margin-left: -5px;
}

#detail #totalRevenue {
	box-shadow: inset 0 0 20px 5px #C3D6D8;
	background: url("_v2_lookAndFeel/icons/hotel.png") right center no-repeat;
	background-size: 24px;
	background-position: 99% 50%;
}
#detail #ZmailRevenue {
	background-size: 35px;
	background-position: 99.6% 50%;
}

#detail .box.preferences .modified {
	float: right;
	font-size: 14px;
	color: #666;
}
#detail .box.preferences ul.verticalList > li {
	font-size: 13px;
}
#detail .box.preferences h3 {
	font-size: 15px;
}

#detail #profileDetail input[name='birthday'].listMemberInput {
	background-position: 99% !important;
}

#detail #newTag {
	display: none;
}
#detail a#cancelAddTag {
	display: none;
}