/**********************************************/
/*  Imali.biz CSS Stylesheet                  */
/*  by BARAKA Patient (webmaster@imali.biz)   */
/*  Copyright 2010 Collective Mind            */
/**********************************************/

/*################################################# INTERNAL PAGES STYLE #####################################################*/

/*############################### ANNOUNCES AND SP. OFFERS PAGES ###############################*/
/*----------------- Big Left Pan ---------*/
#Im_BigLeftPan
{
	width: 662px; 
	height: 0 auto;
	float: left;
}

/*----------------- Big Left Contents Blocks ---------*/
.Im_BigLeftContentBlock
{
	position: relative;
	width: 646px;
	height: 0 auto;
	padding: 5px;
	margin-top: 25px;
	border: 3px solid #f7caaa;
	background: #fff;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	float: left; 
}
.Im_BigLeftContentBlock span.Price
{
	width: 230px;
	padding: 10px;
	border: 3px solid #f7caaa;
	background: #f7baaa;	
	color: #555;
	font-family: Optima, "Trebuchet MS", Verdana,  Lucida, Arial, Geneva;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;	
	position: absolute;
	top: -20px;
	right: -10px; 
	Z-index: 2;
}
.Im_BigLeftContentBlock span.Title
{
	display: block;
	width: 370px;
	color: #444;
	font-family: Optima, "Trebuchet MS", Verdana,  Lucida, Arial, Geneva;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
.Im_BigLeftContentBlock span.Section
{
	display: block;
	width: 370px;
	padding: 3px 0;
	color: #666;
	font-family: Optima, "Trebuchet MS", Verdana,  Lucida, Arial, Geneva;
	text-transform: capitalize;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}
.Im_BigLeftContentBlock span.Posted_date
{
	display: block;
	width: 370px;
	color: #666;
	font-family: Optima, "Trebuchet MS", Verdana,  Lucida, Arial, Geneva;
	text-transform: capitalize;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
}
.Im_BigLeftContentBlock ul.Social_Plugins
{
	margin: 0;
	padding: 0;
	list-style-type: none; 
	display: block;
	width: 646px;
	padding-top: 15px;
	margin-bottom: 5px;
	float: left; 
}
.Im_BigLeftContentBlock ul.Social_Plugins li
{
	width:210px;
	float: left;
	margin: 0 auto; 
}

/*##################### IMALI.biz GALLERY #########################*/

/*----------------- Gallery Pan ---------*/
#Im_GalleryPan
{
	width: 308px; 
	height: 0 auto;
	float: left; 
}
.Im_Gallery_Fimg 
{
	width: 300px;
	height: 300px;
	background: #fba;
	border: 4px solid #fba;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;	
}
.Im_Gallery_Fimg img
{
	width: 300px;
	height: 300px;
	background: #aaa;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;	
}

ul.Im_Gallery_Thumbnails
{
	margin: 0;
	padding: 0;
	list-style-type: none; 
	display: block;
	width: 308px;
	padding-top: 10px;
	float: left; 
}
ul.Im_Gallery_Thumbnails li
{
	width: 58px;
	float: left;
	/*padding-left: 9px;
	padding-right: 10px; */
	padding-left: 1px;
	padding-right: 2px;
}
ul.Im_Gallery_Thumbnails li .thumb
{
	width: 50px;
	height: 50px;
	border: 4px solid #fba;
	background: #fba;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;	
}
ul.Im_Gallery_Thumbnails li img
{
	width: 50px;
	height: 50px;
	background: #aaa;
	cursor: pointer;
	float: left;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;	
}


/*----------------- Announce Owner Descriptions Pan ---------*/
.Im_Ann_Owner_Description
{
	width: 300px; 
	height: 0 auto;
	margin-bottom: 5px;
	float: right; 
	border: 2px solid #f79d5d; 
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
}
.Im_Ann_Desc_Title
{
	display: block;
	padding: 5px;
	background: #f79d5d; 
	color: #fff;
	font-family: Optima, "Trebuchet MS", Verdana,  Lucida, Arial, Geneva;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-moz-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	
	-moz-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
}
.Im_Ann_Owner_Description ul
{
	margin: 0;	
	padding: 5px;
	list-style-type: none; 
	display: block;
	width: 290px; 
	float: left; 
}
.Im_Ann_Owner_Description ul li
{
	display: block;
	padding: 5px 0;
	text-align: left;
	color: #666;
	font-family: Optima, "Trebuchet MS", Verdana,  Lucida, Arial, Geneva;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: bold;
}
.Im_Ann_Owner_Description ul li.Im_Phone
{
	background: url(../../Im_img/Im_Phone.jpg) no-repeat center left;
	padding-left: 30px;
}
.Im_Ann_Owner_Description ul li.Im_Email
{
	background: url(../../Im_img/Im_email.jpg) no-repeat center left;
	padding-left: 30px;
}
.Im_Ann_Owner_Description ul li.Im_ChatOnline
{
	background: url(../../Im_img/Im_Chat_Online.png) no-repeat center left;
	padding-left: 30px;
}
.Im_Ann_Owner_Description ul li.Im_ChatOffline
{
	background: url(../../Im_img/Im_Chat_Offline.png) no-repeat center left;
	padding-left: 30px;
}
a.Im_Send_msg
{
	text-decoration: none;
	text-transform: capitalize;
	font-size: 15px;
	color: #78da7c; 
}
a.Im_Send_msg:hover
{
	text-decoration: none;
	color: #1b6f19;
}

a.Online
{
	text-decoration: none;
	text-transform: capitalize;
	font-size: 15px;
	color: #78da7c; 
}
a.Online:hover
{
	text-decoration: none;
	color: #1b6f19;
}

a.Offline
{
	text-decoration: none;
	text-transform: capitalize;
	color: #dadbda;
	font-size: 15px;
}

/*----------------- Announce Text Pan ---------*/
#Im_Ann_Text
{
	display: block;
	width: 622px;
	height: 0 auto;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
	text-align: justify;
	color: #555;
	font-size: 13px;
	line-height: 20px;
	border: 2px solid #f0f1f0; 
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
}

#Im_Ann_Text  a
{
	text-decoration: none;
	color: #00f;
}
#Im_Ann_Text  a:hover
{
	text-decoration: underline;
	color: #00f;
}

/*----------------- Sharing Plugins Pan ---------*/
ul.Sharing_Plugins
{
	margin: 0;
	padding: 0;
	list-style-type: none; 
	display: block;
	width: 662px;
	padding-top: 15px;
	margin-top: 5px;
	float: left; 
}
ul.Sharing_Plugins li
{
	width:198px;
	height: 40px;
	border: 3px solid #fba;
	text-align: center;
	cursor: pointer;
	float: left;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
}
/*--- Facebook ---*/
ul.Sharing_Plugins li.fb
{
	position: relative;
	float: left;
}
ul.Sharing_Plugins li.fb a
{
	position: absolute;
	left: 5px;
	top: -10px;
	display: block;
	width:193px;
	height: 25px;
	padding-top: 25px;
	background: url(../../Im_img/Im_Share_facebook.png) no-repeat;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #3b5fab;
}
ul.Sharing_Plugins li.fb a:hover
{
	background: url(../../Im_img/Im_Share_facebook_On.png) no-repeat;
}

/*--- Twitter ---*/
ul.Sharing_Plugins li.twt
{
	position: relative;
	margin-left: 25px; 
}
ul.Sharing_Plugins li.twt a
{
	position: absolute;
	left: 5px;
	top: -10px;
	display: block;
	width:193px;
	height: 25px;
	padding-top: 25px;
	background: url(../../Im_img/Im_Share_twitter.png) no-repeat;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #95e6e9;
}
ul.Sharing_Plugins li.twt a:hover
{
	background: url(../../Im_img/Im_Share_twitter_On.png) no-repeat;
}

/*--- Email ---*/
ul.Sharing_Plugins li.email
{
	position: relative;
	float: right;
}
ul.Sharing_Plugins li.email a
{
	position: absolute;
	left: 5px;
	top: -10px;
	display: block;
	width:193px;
	height: 25px;
	padding-top: 25px;
	background: url(../../Im_img/Im_Share_email.png) no-repeat;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #b5b5b4;
}
ul.Sharing_Plugins li.email a:hover
{
	background: url(../../Im_img/Im_Share_email_On.png) no-repeat;
}

/*############################### SECTIONS' PAGES ###############################*/

/*----------------- Advanced Serch Form Blocks ---------*/
#Im_AdvSearchFormPan
{
	position: relative;
	width: 646px;
	height: 0 auto;
	padding: 5px;
	margin-top: 10px;
	border: 3px solid #f7caaa;
	background: #ededee;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	float: left; 
}
ul.Im_AdvSearchForm
{
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.Im_AdvSearchForm li
{
	float: left;
	padding-left: 10px;
}
li.Im_AdvSearchFormLarge
{
	float: left;
}
li.Im_AdvSearchFormLogo
{
	width: 15px; /*padding left of 10px plus this 15px*/
	height: 25px;
	background: url(../../Im_img/Im_AdvSearch_Icon.png) no-repeat center;
}
input.Im_AdvSearchFormContent
{
	width: 171px;
	height: 20px;
	padding: 2px 2px;
	border: 2px solid #cfcfd1;
	background: #fff;
	font-family:Arial, Verdana,Optima, "Trebuchet MS", Lucida, Geneva;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	color:#B2B2B2;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
select.Im_AdvSearchFormContent
{
	width: 172px;
	height: 28px;
	padding: 2px 2px;
	border: 2px solid #cfcfd1;
	background: #fff;
	font-family:Arial, Verdana,Optima, "Trebuchet MS", Lucida, Geneva;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	color:#B2B2B2;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
option.AdvSearchTitle
{
	font-family:Optima, "Trebuchet MS", Lucida, Geneva;
	font-size: 14px;
	font-weight: bold;
	color: #65bc69;
	text-transform: uppercase;
}

input:focus.Im_AdvSearchFormContent,select:focus.Im_AdvSearchFormContent
{
	outline: none;
}
input.Im_Srch_submited
{
	padding: 5px;
	border: 2px solid #f46200;
	background: #65bc69;
	font-family:Verdana,Optima, "Trebuchet MS", Lucida, Arial, Geneva;
	font-size: 10px;
	font-weight: bold;
	color:#fff;
	text-transform: uppercase; 
	text-decoration: none;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;	
	cursor: pointer;
}
input:hover.Im_Srch_submited
{
	color:#ededee;
}

/*----------------- Section Sorting Links Blocks ---------*/
#Im_SortingLinksPan
{
	position: relative;
	width: 652px;
	height: 0 auto;
	padding: 0 5px;
	margin-top: 5px;
	float: left; 
	font-weight: bold;
	text-align: right;
	font-size: 12px;
}
#Im_SortingLinksPan a
{
	text-decoration: none;
	color: #65bc69;
}
#Im_SortingLinksPan a:hover
{
	text-decoration: underline;	
}

/*############################### SEARCH PAGE ###############################*/

/*----------------- Search Title ---------*/
#Im_SearchTitle
{
	width: 652px;
	height: 0 auto;
	padding: 0 5px;
	margin-top: 10px;
	float: left; 
	font-weight: bold;
	text-align: right;
	font-size: 14px; 
}
#Im_SearchTitle span
{
	font-size: 18px;
	color: #444;
}

/*-------------------Search no Results found --------------------*/
#Im_search_no_results
{
	font-size: 14px;
	width: 652px; 
	float:left;
	padding: 20px 5px;
	margin-top: 10px;
	background:#e5e4e4;
	text-align:center;
	line-height: 25px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius: 10px;
}
#Im_search_no_results strong
{
	font-size: 18px;
	font-weight: bold;
	color: #444;
}

/*############################### INBOX PAGE ###############################*/

/*----------------- INBOX SUMMARY LINKS Block ---------*/
ul.Im_SummaryLinksBlock
{
	margin: 0;
	padding: 0;
	list-style-type: none; 
	width: 145px;
	height: 0 auto;
}
ul.Im_SummaryLinksBlock li
{
	margin-top: 5px; 
	width: 135px;
	height: 0 auto;
	padding: 3px 0;
	padding-left: 10px;
	background: #cfcfd1;
	float: left;
	font-size: 14px;
	font-weight: bold;
}
ul.Im_SummaryLinksBlock li:hover
{
	background: #969599;
}
.Im_SummaryLinksBlock  a
{
	display: block;
	width: 145px;
	color: #555;
	text-decoration: none;
}
.Im_SummaryLinksBlock  a:hover
{
	text-decoration: none;
	color: #fff;
}

/*############################### PRODUCTS MANAGEMENT PAGE ###############################*/

/*----------------- Modify link ---------*/
a.Im_ModifyProduct
{
	position: absolute;
	top: 0;
	right: 10px;
	padding: 0 5px;
	text-decoration: none;
	font-size: 9px;
	font-weight: bold;
	font-family: Arial;
	color: #333;
	background: #cfcfd1;
	
	-moz-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;

	-moz-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
a.Im_ModifyProduct:hover
{
	text-decoration: none;
	color: #f00;
	background: #cfcfd1;
}