/*
############################## 
### MUSLIMLIFE Version 3.0 ###
##############################

http://www.muslimlife.eu/
-Clicktrend Media GmbH-
*/

/* reset browser settings */
@import url("reset.css");

/*
 * 
 * -- HTML TAGS --
 * 
*/

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*
 * 
 * -- LINKS --
 * 
*/

a {
	text-decoration: none;
}

/*
 * 
 * -- FIXES --
 * 
*/



/* Der Kern von Clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  visibility: hidden;
}

/* Vor IE5/Mac verstecken mit dem Commented Backslash Hack \*/
* html .clearfix { height: 1px; }
*:first-child+html .clearfix { display:inline-block; }
/* Ende des Versteckspiels für den IE5/Mac */


/*
 * 
 * -- LAYOUT --
 * 
*/

/* WRAPPER */

#wrapper {
	width: 964px;
	margin: auto;
}

/* HEADER */

#header {
	height: 131px;
	margin-bottom: 11px;
}

#header #logo {
	width: 243px;
	float: left;
}

#headerbar {
	width: 721px;
	float: left;
	background: url('../images/headerbar-bg.jpg') repeat-x top;
	height: 131px;
	padding: 0;
}

#headerbar .leftside,
#headerbar .rightside {
	width: 14px;
	height: 131px;
	float: left;
	background: url('../images/headerbar-leftside.jpg') no-repeat left bottom;
	overflow: hidden;
}

#headerbar .rightside {
	background: url('../images/headerbar-rightside.jpg') no-repeat right bottom;
	float: right;
}


* html #headerbar .rightside {
	width: 14px;
}

#headerbar .content {
	width: 693px;
	float: left;
	height: 111px;
}

* html #headerbar .content {
	width: 687px;
	margin-right: 0px;
	overflow: hidden;
}

/* LOGIN */

#headerbar #login {
	color: #fff;
	padding-top: 42px;
	padding-right: 15px;
	float: right;
	width: 450px;
}

#headerbar #login .labels {
	font-size: 11px;
	font-weight: bold;
}

#headerbar #login .labels .label_username,
#headerbar #login .labels .label_password  {
	width: 157px;
	text-align: center;
	float: left;
	padding-bottom: 5px;
}

#headerbar #login .labels .label_username {
	padding-right: 5px;
}

#headerbar #login .labels .label_password a {
	font-weight: normal;
	color: #fff;
}

#headerbar #login .labels .label_password a:hover {
	text-decoration: underline;
}

#headerbar #login .inputs #login_username,
#headerbar #login .inputs #login_password {
	background: url('../images/login-username.jpg') no-repeat left;
	width: 130px;
	height: 20px;
	border: 0px;
	margin-right: 5px;
	float: left;
	padding-left: 27px;
	padding-top: 3px;
}

#headerbar #login .inputs #login_password {
	background: url('../images/login-password.jpg') no-repeat left;
	margin-right: 4px;
	width: 125px;
	padding-left: 32px;
}

#headerbar #login .inputs #login_button {
	float: right;
	width: 113px;
	height: 31px;
	background: url('../images/login-button.jpg') no-repeat left;
	border: 0px;
	display: block;
	float: left;
	margin-top: -3px;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #636363;
	text-align: center;
	padding-right: 2px;
	padding-top: 7px;
}

/* INTROBOX */

#introbox {
	height: 347px;
	background: #e5ecdf url('../images/introbox-bg.jpg') repeat-x top;
	margin-bottom: 10px;
}

#introbox .header,
#introbox .footer {
	height: 10px;
}

#introbox .header .left,
#introbox .header .right,
#introbox .footer .left,
#introbox .footer .right {
	width: 11px;
	height: 10px;
}

#introbox .footer .left,
#introbox .header .left
{
	float: left;
}

#introbox .footer .right,
#introbox .header .right
{
	float: right;
}

#introbox .header .left {
	background: url('../images/introbox-header-left.jpg') no-repeat top left;
}

#introbox .header .right {
	background: url('../images/introbox-header-right.jpg') no-repeat top right;
}

#introbox .maincontent {
	border: 1px #bc9a9a solid;
	border-top: 0;
	border-bottom: 0;
	padding: 0px 8px;
	margin-top: 0px;
}

* html #introbox .maincontent {
	margin-top: -4px;
	margin-bottom: -23px;
}

#introbox .footer .left {
	background: url('../images/introbox-footer-left.jpg') no-repeat bottom left;
}

#introbox .footer .right {
	background: url('../images/introbox-footer-right.jpg') no-repeat bottom right;
}

/* SEARCH */

#searchdialog {
	display: none;
}

#search {
	width: 556px;
	height: 327px;
	background: url('../images/search-bg.jpg') no-repeat top left;
	float: left;
	margin-right: 10px;
	overflow: hidden;
}

#search label {
	display: block;
	padding-bottom: 4px;
}

#search select {
	margin-bottom: 10px;
}

#search .txtlookgender,
#search .srchlookcountry {
	width: 200px;
}

#search .content {
	padding-left: 300px;
	padding-top: 35px;
	padding-right: 34px;
	font-weight: bold;
}


#search .content .inputborder {
	border: 1px #2A2A2A solid;
	font-weight: normal;
}

#search .searchbutton {
	background: url('../images/searchbox-button.jpg') no-repeat top left transparent;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	width: 140px;
	height: 26px;
	padding-top: 6px;
	padding-right: 5px;
	border: 0;
	margin-top: 17px;
	display: block;
	text-align: center;
}

/* REGISTER */
#register {
	
	height: 326px;
	width:378px;
	float: left;
}

#register .header .left,
#register .header .right,
#register .footer .left,
#register .footer .right {
	width: 11px;
	height: 10px;
}

#register .footer .left,
#register .header .left
{
	float: left;
	background: none;
}

#register .footer .right,
#register .header .right
{
	float: right;
	background: none;
}




#register .content {
	height: 306px;
	padding-right: 31px;
	padding-left: 25px;
	overflow: hidden;
}

#register .content .header {
	height: 47px;
	margin-bottom: 7px;
}

#register .content .header .heading {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #3F3F3F;
	padding-left: 50px;
	background: url('../images/register-icon.jpg') no-repeat;
	padding-top: 10px;
	padding-bottom: 14px;
	float: right;
	margin-top: 5px;
}

#register .content .header .subheading {
	float: right;
	color: #636363;
	font-size: 10px;
	font-weight: bold;
	width: 100%;
	text-align: right;
}

#register .regtable .text {
	border: 1px #2a2a2a solid;
	padding: 3px 4px;
	color: #636363;
	font-weight: bold;
	font-size: 13px;
	width: 196px;
}

#register .regtable .select,
#register .regtable .selectnw {
	border: 1px #2a2a2a solid;
	width: 206px;
}

#register .regtable .selectnw {
	width: auto;
}

#register .regtable td label {
	color: #636363;
	font-weight: bold;
}

#register .regtable .agb {
	color: #636363;
	font-size: 10px;
}

#register .regtable .agb a {
	color: #3F3F3F;
}

#register .regtable .agb a:hover {
	text-decoration: underline;
}

#register .content .regtable td {
	padding-bottom: 10px;
}

#register .button {
	background: url('../images/register-button.jpg') no-repeat;
	display: block;
	width: 196px;
	height: 32px;
	color: #733541;
	font-size: 14px;
	font-weight: bold;
	padding-top: 11px;
	text-align: center;
	padding-left: 2px;
	padding-right: 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}



/* INFOS */

#infos {
	margin-bottom: 10px;
	background: #ebf0e6;
}

#infos .header {
	height: 11px;
}

#infos .header .left,
#infos .header .right,
#infos .footer .left,
#infos .footer .right {
	width: 12px;
	height: 11px;
}

#infos .footer .left,
#infos .header .left
{
	float: left;
}

#infos .footer .right,
#infos .header .right
{
	float: right;
}

#infos .header .left {
	background: url('../images/infos-header-left.jpg') no-repeat top left;
}

#infos .header .right {
	background: url('../images/infos-header-right.jpg') no-repeat top right;
}

#infos .content {
	padding-right: 30px;
	padding-left: 30px;
}

#infos .content h3 {
	padding-bottom: 6px;
}

#infos .content h3,
#infos .content h3 a {
	color: #3F3F3F;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

#infos .content h3 a:hover {
	text-decoration: underline;
}

#infos .content .box1,
#infos .content .box2,
#infos .content .box3,
#infos .content .box4 {
	float: left;
	height: 72px;
	border-right: 1px #ccc solid;
	font-size: 12px;
	color: #3F3F3F;
	padding-top: 12px;
}

#infos .content .box1 {
	width: 176px;
	padding-right: 36px;
}

#infos .content .box2 {
	padding-left: 34px;
	width: 180px;
	padding-right: 27px;
}

#infos .content .box3 {
	padding-left: 34px;
	width: 180px;
	padding-right: 27px;
}

#infos .content .box4 {
	border-right: 0px;
	padding-left: 28px;
	width: 176px;
}

#infos .footer {
	height: 11px;
}

#infos .footer .left {
	background: url('../images/infos-footer-left.jpg') no-repeat bottom left;
}

#infos .footer .right {
	background: url('../images/infos-footer-right.jpg') no-repeat bottom right;
}

#topprofiles {
	height: 147px;
	margin-bottom: 20px;
}

#topprofiles .left {
	float: left;
	width: 206px;
	height: 147px;
}

#topprofiles .pics {
	float: left;
	width: 738px;
	height: 145px;
	background: url('../images/topprofiles-bg.jpg') no-repeat top left;
	padding-top: 16px;
	padding-left: 4px;
	padding-right: 16px;
	overflow: hidden;
}

* html #topprofiles .jcarousel-clip {
	width: 738px;
}

#langswitcher {
	text-align: center;
	margin-bottom: 18px;
}

#footer {
	color: #717171;
	text-align: center;
	font-size: 11px;
}

#footer a {
	color: #717171;
}

#footer h3,
#footer h3 a {
	color: #3F3F3F;
}

#footer .mainlinks {
	font-weight: bold;
	margin-bottom: 20px; 
}

#footer .languages {
	margin-bottom: 20px;
}

#footer .copyight a,
#footer .partner a  {
	font-weight: normal;
}

#footer .text {
	margin-top: 23px; 
	margin-bottom: 50px;
	text-align: left;
	font-size: 12px;
}

#footer .text h2 {
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 12px;
	font-weight: bold;
	color: #3F3F3F;
}

#footer .col {
	width: 23.5%;
	border-right: 1px solid #C1D5AC;
	float: left;
	text-align: left;
	height: 120px;
	padding-left: 10px;
}

#footer .col h3 {
	padding-bottom: 5px;
	font-size: 12px;
}

#footer .col ul li {
	padding: 4px 0px;
	margin:0;
	font-weight:normal;
	font-size: 10px;
	list-style: none;
	display: block;
	text-align:left;
}

#footer .col ul {
	margin:0;
}

#msg p { padding: 5px; margin-top: 10px; margin-bottom: 10px;}


/* jquery.jcarousel.css */
.jcarousel-container{position:relative;}.jcarousel-clip{z-index:2;padding:0;margin:0;overflow:hidden;position:relative;}.jcarousel-list{z-index:1;overflow:hidden;position:relative;top:0;left:0;margin:0;padding:0;}.jcarousel-list li,.jcarousel-item{float:left;list-style:none;width:90px;height:120px;margin-right:6px;}.jcarousel-next{z-index:3;display:none;}.jcarousel-prev{z-index:3;display:none;}
/* jquery.tooltip.css */
#tooltip{position:absolute;z-index:3000;border:1px solid #111;background-color:#eee;padding:5px;opacity:.85;}#tooltip h3,#tooltip div{margin:0;}#tooltip h3{font-weight:bold;}
/* validationEngine.jquery.css */
.formError{position:absolute;top:300px;left:300px;width:150px;padding-bottom:15px;display:block;z-index:5000;}.formError .formErrorContent{width:100%;background:#000;color:#fff;font-family:tahoma;font-size:10px;box-shadow:1px 1px 6px #000;-moz-box-shadow:1px 1px 6px #000;-webkit-box-shadow:1px 1px 6px #000;padding:4px 10px 4px 10px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}.formError .formErrorArrow{position:absolute;bottom:0;left:20px;width:15px;height:15px;}.formError p{margin:0;}.formError .formErrorArrow div{box-shadow:1px 4px 5px #000;-moz-box-shadow:1px 4px 5px #000;-webkit-box-shadow:1px 1px 5px #000;font-size:0;}.formError .formErrorArrow .line10{width:15px;height:1px;background:#000;margin:0 auto;font-size:0;display:block;}.formError .formErrorArrow .line9{width:13px;height:1px;background:#000;margin:0 auto;display:block;}.formError .formErrorArrow .line8{width:11px;height:1px;background:#000;margin:0 auto;display:block;}.formError .formErrorArrow .line7{width:9px;height:1px;background:#000;margin:0 auto;display:block;}.formError .formErrorArrow .line6{width:7px;height:1px;background:#000;margin:0 auto;display:block;}.formError .formErrorArrow .line5{width:5px;height:1px;background:#000;margin:0 auto;display:block;}.formError .formErrorArrow .line4{width:3px;height:1px;background:#000;margin:0 auto;display:block;}.formError .formErrorArrow .line3{width:1px;height:1px;background:#000;margin:0 auto;display:block;}
div.jGrowl {padding: 			10px;z-index: 			9999;}div.ie6 {position: 			absolute;}
div.ie6.top-right {right:auto;bottom: 			auto;left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
body > div.jGrowl{position:fixed;}body > div.jGrowl.top-left{left:0;top:0;}body > div.jGrowl.top-right{right:0;top:0;}body > div.jGrowl.bottom-left{left:0;bottom:0;}body > div.jGrowl.bottom-right{right:0;bottom:0;}body > div.jGrowl.center{top:0;width:50%;left:25%;}div.center div.jGrowl-notification,div.center div.jGrowl-closer{margin-left:auto;margin-right:auto;}
div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#000;
	color: 					#fff;
	opacity: 				.85;
	filter: 				alpha(opacity = 85);
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}
div.jGrowl div.jGrowl-notification{min-height:40px;}div.jGrowl div.jGrowl-notification div.header{font-weight:bold;font-size:12px;}div.jGrowl div.jGrowl-notification div.close{float:right;font-weight:bold;font-size:12px;cursor:pointer;}div.jGrowl div.jGrowl-closer{height:15px;padding-top:4px;padding-bottom:4px;cursor:pointer;font-size:11px;font-weight:bold;text-align:center;}div.jGrowl div.error,#msg p.error{background-color:#FF8F93;color:#000;border:2px #DF0009 solid;}div.jGrowl div.warning,#msg p.warning{background-color:#FFDC9F;color:#000;border:2px #DF8D00 solid;}div.jGrowl div.success,#msg p.success{background-color:#B6FF9F;color:#000;border:2px #269F00 solid;}
.multiSelect{width:206px;border:1px solid #A7A6AA;background:#FFF url(jquery/multiselect/dropdown.gif) right center no-repeat;padding:2px 4px;padding-right:20px;display:inline;font-size:12px;font-weight:400;text-indent:15px;}.multiSelect.hover{background:#FFF url(jquery/multiselect/dropdown_hover.gif) right center no-repeat;}.multiSelect.active,.multiSelect.focus{border:inset 1px #000;background:#FFF;}.multiSelect.active{background:#FFF url(jquery/multiselect/dropdown_active.gif) right center no-repeat;}.multiSelectOptions{width:230px;max-height:150px;margin-top:-1px;overflow:auto;border:1px solid #A7A6AA;background:#FFF;}.multiSelectOptions LABEL{padding:2px 5px;display:block;}.multiSelectOptions LABEL.checked{background:#E6E6E6;}.multiSelectOptions LABEL.selectAll{border-bottom:dotted 1px #CCC;}.multiSelectOptions LABEL.hover{background:#CFCFCF;}