/* Form CSS */

.PersonalInformation, .Notifications, .inconvenience
{
	font-size: 1.49em;
	padding-bottom: 0px;
	letter-spacing: -0.07em;
}

.inconvenience div
{
	font-size: 30px;
}

.inconvenience p
{
	font-size: 19px;
	letter-spacing: -0.07em;
}



.Notifications
{
	background: url(../images/search/h-line.gif) top repeat-x;
	padding-top: 10px;
}

.FormData, .PersonalForm
{
	font-size: 0.95em;
	font-weight: bold;
	color: #999999;
}

.PersonalForm
{
	width: 600px;
	float: left;
	margin-bottom: 10px;
}

.ProfilePhotoBox
{
	width: 138px;
	float: right;
	text-align:center;
}


.ProfilePhoto
{
	border: solid 3px #336599;
}

.NotifyMe, .NotifyMeSmall, #ulSelectedChildCategories li
{
	font-size: 0.95em;
	font-weight: bold;
	color: #999999;
}

.NotifyMeSmall
{
	font-size: 0.85em;
}

#ulSelectedChildCategories li
{
	font-size: 0.85em;
	width:85%;
	float:none;
	white-space: nowrap;
}



.UpdateInfo
{
	margin-top: 100px;
}

.UpdateInfo a, .UpdateInfo a:visited, .UpdateNotifications a
{
	width: 107px;
	height: 26px;
	background-image: url(../images/edit-profile/update-info.gif);
	color: #FFFFFF; /* Add color to be visible in I.E6 */
}

.UpdateInfo a:hover
{
	background-image: url(../images/edit-profile/update-info-over.gif);
	color: #FFFFFF;
}

.UpdateNotifications
{
	float: right;
}

.UpdateNotifications a, .UpdateNotifications a:visited
{
	width: 158px;
	height: 26px;
	background-image: url(../images/edit-profile/update-notifications.gif);
	color: #FFFFFF; /* Add color to be visible in I.E6 */
}

.UpdateNotifications a:hover
{
	background-image: url(../images/edit-profile/update-notifications-over.gif);
	color: #FFFFFF;
}


/* 
/////////////////////
///Added by Abbas///
////////////////////
*/
.formFieldsContainer
{
	float: left;
	margin-bottom: 5px;
	width: 480px;
}
.formInfoContainer
{
	background: url(../images/forms/info-bg.gif) no-repeat top left;
	color: #336699;
	float: right;
	font-size: 0.73em;
	font-weight: normal;
	padding: 6px 0px 6px 15px;
	width: 256px;
	letter-spacing: 0em;
}
.formFieldsContainer lable
{
	display: block;
	float: left;
	padding-top: 5px;
	width: 78px;
}

.formFieldLabel, .ChangePassword, .PassworFieldLable, .NewPasswordLable
{
	width: 74px;
	float: left;
	margin-right: 5px;
	padding-top: 5px;
	letter-spacing: -1px;
	margin-bottom:10px;
}

.PassworFieldLable
{
	margin: 10px 10px 0px 15px;
	color: #336699;
	width: 93px;
}

.NewPasswordLable
{
	padding: 10px 10px 0px 15px;
	color: #336699;
	width: 120px;
}

.ChangePassword
{
	margin-left: 93px;
	width: 150px;
}

.textInputBackground, .PasswordInputBackground {
	width:193px;
	float:left;
	background:url(../images/forms/text-input-bg.gif) repeat-x;
}

.PasswordInputBackground
{
	margin-top: 10px;
}


.textInputLeftBorder
{
	height: 29px;
	background: url(../images/forms/text-input-left-border.gif) no-repeat left;
}
.textInputRightBorder, .SelectMenuBackground
{
	background: url(../images/forms/text-input-right-border.gif) no-repeat right;
	height: 29px;
}

.SelectMenuBackground
{
	height: 25px;
	padding-top: 4px;
}

.textInputRightBorder input, .textInputRightBorder select
{
	border-style: none;
	border-color: inherit;
	border-width: medium;
	margin: 3px 6px 0 6px;
	color: #999999;
	direction: ltr;
}
/* textArea */
.textAreaBackground, .PasswordBox, .changePassBackground
{
	width: 389px;
	float: left;
	background: url(../images/forms/text-area-background.gif) repeat-x;
}
.changePassBackground {
	background:url(../images/forms/change-password-bg.gif) repeat-x;
}
.textAreaBackground
{
	height: 89px;
}
.PasswordBox
{
	width: 290px;
	float: right;
}

.textAreaLeftBorder
{
	height:89px;
	background: url(../images/forms/text-area-left-border.gif) no-repeat left;
}
.textAreaRightBorder
{
	height: 89px;
	background: url(../images/forms/text-area-right-border.gif) no-repeat right;
}
.textAreaRightBorder textarea
{
	background: transparent;
	border: none;
	margin: 3px 6px 0 6px;
	width: 376px;
	color: #999999;
	height:80px;
	text-indent:0px;
}

.photosUploader, .photosGroup
{
    float:left;
}

table.photosGroup 
{
    border:1px solid #fff;
	margin-right:5px;
}

table.photosGroup td {
    !border:1px solid #fff ;!important
	}

.uploadPhotosInput 
{
    width:254px;
    height:56px;
	float:left;
	padding:10px 7px 0px 7px;
}

.uploadPhotosBox {
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
width:379px;
overflow:auto;
padding-left:7px;
!overflow:hidden;  /* Fix for I.E */ 
!padding:0px;      
!width:387px;      
}


.uploadPhotosUpImg {
!margin-bottom:-4px;
}




.changePassLeftBorder { background:url(../images/forms/change-password-left-brdr.gif) no-repeat top left;
height:156px;
}
.changePassRightBorder { background:url(../images/forms/change-password-right-brdr.gif) no-repeat top right; height:156px;}

/* input File */
div.fileinputs
{
	position: relative;
	width: 244px;
}
div.fakefile
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
input.file
{
	position: relative;
	text-align: left;
	-moz-opacity: 0; 
	filter:alpha(opacity: 0);
	opacity: 0;
	background: transparent;
	border: none;
	z-index: 2;
	color: #666666;
}
/* ////////////////////////// */
.photosFieldContainer
{
	width: 464px;
	float: left;
}

.addTagButton {
	width:90px; height:27px; background:url(../images/forms/add-tag.gif) no-repeat top; float:left; display:block; margin-left:10px;
}
.addTagButton:hover {
	background-position:0px -27px; display:block;
	
}

.photosUploadTopBorder
{
	width: 387px;
	background: url(../images/forms/upload-top-border-bg.gif) no-repeat top right;
	float: right;
	padding-top: 13px;
}
.photosUploadBackground
{
	width: 367px;
	background: url(../images/forms/upload-body-bg.gif) repeat-y;
	padding: 3px 10px 3px 10px;
	font-weight: normal;
}
.photosUploadBackground ul
{
	padding-bottom: 0px;
}
.photosUploadBackground li
{
	line-height: 26px;
}
.photosUploadBackground li img
{
	margin: 2px 5px 0 0;
}
/* ///////////////////////// */
.calendarButton
{
	float: left;
	margin-left: 5px;
	cursor: pointer;
	display: block;
}

/* ////////////// */
.categoriesContainer
{
	width: 284px;
	float: left;
	background: url(../images/forms/categories-box/top-border.gif) no-repeat top;
	padding-top: 14px;
}
.notificationsContainer
{
	width:350px;
	float: left;
	background: url(../images/forms/categories-box/top-border-category.gif) no-repeat top;
	padding-top: 14px;
}
.categoriesBackground, .categoriesBackgroundSub
{
	background: url(../images/forms/categories-box/background.gif) repeat-y;
	padding: 0 10px 0 10px;
}
.notificationsBackground, .notificationsBackgroundSub
{
	background: url(../images/forms/categories-box/background-category.gif) repeat-y;
	padding: 0 10px 0 10px;
}
.categoriesBackgroundSub
{
	padding-right: 2px;
}

.categoriesBackground li, .notificationsBackgroundSub li 
{
	width: 48%;
	float: left;
}

.categoriesBottomBorder
{
	background: url(../images/forms/categories-box/bottom-border.gif) no-repeat bottom;
	height: 14px;
	clear: left;
}
.notificationsBottomBorder
{
	background: url(../images/forms/categories-box/bottom-border-category.gif) no-repeat bottom;
	height: 14px;
	clear: left;
}
.categoriesButton
{
	width: 30px;
	height: 102px;
	margin: 10px 20px 10px 20px;
	float: left;
}
.categoriesButton a, .categoriesButton a:visited
{
	width: 30px;
	height: 102px;
	background: url(../images/forms/categories-box/categories-button.gif) no-repeat left;
	display: block;
}
.categoriesButton a:hover
{
	background-position: -30px 0px;
}
.categoriexBoxTitle
{
	padding-bottom: 5px;
}
.categoriexLeftBoxTitle
{
	clear: none;
	float: left;
	vertical-align: top;
}
.categoriexRightBoxTitle
{
	clear: none;
	float: right;
	vertical-align: top;
}
.categoriesBoxTip
{
	padding-bottom: 0px;
	text-align: right;
	padding-right: 30px;
	color: #336699;
	font-size: 0.83em;
	clear: left;
}
.postAdvButton
{
	width: 87px;
	float: right;
}
.postAdvButton a, .postAdvButton a:hover, .postAdvButton a:visited
{
	color: #fff;
	height: 26px;
	background: url(../images/forms/post-adv-button.gif) no-repeat;
}
.postAdvButton a:hover
{
	background-position: 0px -34px;
}
.SignUpButton a, .SignUpButton a:visited
{
	width: 110px;
	height: 26px;
	background-image: url(../images/buttons/sign-up-button.gif);
	margin-left: 350px;
	color: #FFFFFF; /* Add color to be visible in I.E6 */
}

.SignUpButton a:hover
{
	background-image: url(../images/buttons/sign-up-button-over.gif);
}

.ResetPassword a, .ResetPassword a:visited
{
	width: 136px;
	height: 34px;
	background-image: url(../images/buttons/reset-password.gif);
	margin-left: 30px;
}

.ResetPassword a:hover
{
	background-image: url(../images/buttons/reset-password-over.gif);
	color: #FFF;
}

/* ///////////////////////////////// */
/* pop ups */
/* //////////////////////////////// */
.askQuestionHeader, .askTopLeft
{
	height: 54px;
}
.askTopLeft, .askBottomLeftCorner, .contactClientTopLeftBorder
{
	width: 23px;
	float: left;
}
.askTopBackground, .askBottomBackground
{
	width: 327px;
	float: left;
	background: url(../images/pop-ups/send-question/top-bg.gif) repeat-x;
	height: 54px;
	line-height: 52px;
	font-size: 1.5em;
	color: #fff;
}
.askCloseButton, .askBottomRight
{
	width: 42px;
	float: right;
}
.askQuestionBackground
{
	background: url(../images/pop-ups/send-question/bg.gif) repeat-y;
	padding: 10px;
}
.askBottomLeftCorner
{
	height: 15px;
}
.askBottomBackground
{
	background: url(../images/pop-ups/send-question/bottom-bg.gif) repeat-x;
	height: 18px;
	line-height: 10px;
}
/* contact client pop-ups */
.contactClientTopLeftBorder
{
	height: 88px;
}
.contactClientTitle
{
	width: 371px;
	height: 88px;
	float: left;
	background: url(../images/pop-ups/contact-client/contact-client-top-bg.gif) repeat-x;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 88px;
	letter-spacing: -2px;
}

#PopUpTitle
{
	line-height: 30px;
	height: 68px;
	padding-top: 20px;
}


.contactClientTitle span
{
	font-size: 1em;
	font-weight: normal;
}
.contactClientTopRightBorder
{
	width: 38px;
	height: 88px;
	float: left;
}
.contactClientTopRightCurve
{
	width: 38px;
	height: 22px;
	background: url(../images/pop-ups/contact-client/contact-client-top-right-brdr.png) no-repeat;
}
.contactClientCloseContainer
{
	width: 38px;
	height: 66px;
	background: url(../images/pop-ups/contact-client/contact-client-top-right-bg.gif) repeat-y;
	text-align: center;
}

.PopUPCloseButton a
{
	width: 32px;
	height: 31px;
	background: url(../images/pop-ups/contact-client/contact-client-close-btn.gif) no-repeat;
	display: block;
}

.PopUPCloseButton a:hover
{
	background: url(../images/pop-ups/contact-client/contact-client-close-btn-h.gif) no-repeat;
}




.contactClientBody
{
	background: #fff url(../images/pop-ups/contact-client/contact-client-bg.gif) repeat-x top;
	border: #c8c8c8 solid 1px;
	border-width: 0px 1px 0px 1px;
	clear: left;
	padding: 23px 10px 10px 15px;
}
.contactClientBottomLeftBorder
{
	width: 23px;
	height: 66px;
	clear: left;
	float: left;
}
.contactClientBottomRightBorder
{
	width: 38px;
	height: 66px;
	float: left;
}
.contactClientBottomBg
{
	width: 371px;
	height: 66px;
	float: left;
	background: url(../images/pop-ups/contact-client/contact-client-bottom-bg.gif) repeat-x;
}
.contactClientSendButton, .contactClientCloseButton, .contactClientSubmitButton
{
	margin-right: 15px;
	width: 127px;
	height: 34px;
	float: right;
	background: url(../images/pop-ups/contact-client/contact-client-send-button.gif) no-repeat center;
	margin-top: 15px;
	cursor: pointer;
	display: block;
}
.contactClientCloseButton
{
	background-image: url(../images/pop-ups/contact-client/contact-client-close-button.gif);
}
.contactClientCloseButton:hover
{
	background-image: url(../images/pop-ups/contact-client/contact-client-close-button-h.gif);
}

.contactClientSubmitButton
{
	background-image: url(../images/pop-ups/contact-client/contact-client-submit-button.gif);
}
.contactClientSubmitButton:hover
{
	background-image: url(../images/pop-ups/contact-client/contact-client-submit-button-h.gif);
}

.contactClientSendButton:hover
{
	background-image: url(../images/pop-ups/contact-client/contact-client-send-button-h.gif);
}

.ajaxValidation
{
	float:left;
	color:Green;
	font-size:11px;
	margin-left:20px;
	line-height:27px;
}

/* Validation Error */
.validationErrorSummary, .errorDiv
{
	background: #326395 url(../images/error-validation.gif) no-repeat 5px 5px;
	padding: 10px 10px 10px 110px;
	color: #fff;
	border: solid 1px #ef0000;
	/*min-height: 46px;*/
	
  min-height:46px;
  height:auto !important;
  height:46px;
}
.validationErrorSummary ul
{
	padding-bottom: 0px;
	list-style: circle;
}
.validationErrorSummary ul li, .validationErrorSummary p
{
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}
.validationErrorSummary p
{
	font-size: 14px;
}
/* success message */
.successDiv
{
	background: #326395 url(../images/success-validation.gif) no-repeat 5px 5px;
	padding: 10px 10px 10px 110px;
	color: #fff;
	border: solid 1px #fa9600;
	min-height:46px;
	line-height:46px;
	font-size:13px; font-weight:bold;
}

/* login popup */
.loginCloseBtn
{
	width: 20px;
	height: 19px;
	background: url(../images/pop-ups/send-question/close.gif) no-repeat;
}
.loginCloseBtn:hover
{
	background-image: url(../images/pop-ups/send-question/close-hover.gif);
}

/* My Profile */
                .hide
                {
                    position: relative;
                    left: -158px; !left:10px; -moz-opacity:0; filter:alpha(opacity: 0); opacity:0; z-index:2; margin-top:-26px; }
                .upload
                {
                    background: url(../images/edit-profile/upload-image.gif) no-repeat;
                    font-weight: bold;
                    color: #336699;
                    z-index: 1;
                    width: 85px;
                    height: 24px;
                    font-size: 12px;
                    border: none;
                    margin: 5px 0 0 14px;
                }
                 <! -- [if IE] > 
				input.hide
                {
                    position: relative;
                    left: 10px;
                    -moz-opacity: 0;
                    filter: alpha(opacity: 0);
                    opacity: 0;
                    z-index: 2;
                    width: 0px;
                    border-width: 0px;
                }
                  <![endif]-- >