﻿body
{
    font-family: 'Open Sans' , Helvetica, sans-serif;
    font-weight: 100;
    font-size: 20px;
    color: #535353;
}

.ProfileNames{
	font-size:16px;

}

.EditAbout{
	margin-top: 15px;
	float: left;	
}


.ProfileUnderLine{
border-bottom: 1px solid rgb(219, 219, 219);
margin-bottom: 7px;
padding-bottom: 10px;

}



.profileDivEdit
{
    width: 50%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #fff;
    border: solid 1px #d2d2d2;
    float: right;
    clear: both;
    margin-top: 10px;
    box-sizing: border-box;
    padding: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    position: fixed;
    z-index: 4;
    -webkit-box-shadow: 0 2px 24px rgba(0,1,2,.45);
    -moz-box-shadow: 0 2px 24px rgba(0,1,2,.45);
    box-shadow: 0 2px 24px rgba(0,1,2,.45);
    min-width: 630px; /*top: 10%;     left: 20%;*/
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.flipClose
{
    position: absolute;
    margin-right: 12px;
    right: 0;
    margin-top: -8px;
    background-color: white;
    padding: 6px;
    border-radius: 100%;
    border: 1px solid #C4C4C4;
    cursor: pointer;
}
.editProfileHead
{
    vertical-align: middle;
    overflow: hidden;
    margin-bottom: 5px;
}
.blogProfileImgSmall
{
    width: 46px;
    height: 46px;
    border: 1px solid #F0F0F0;
    float: left;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    margin-right: 10px;
}
.profileNameFlip
{
    margin: auto;
    font-family: Candara,Arial, Helvetica, sans-serif;
    font-size: 21px;
    color: #303030;
    margin-top: 10px;
}
.lightButton
{
    padding: 10px 14px;
    margin-left: 10px;
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #D6D6D6;
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.16);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,.16);
    box-shadow: 0 3px 3px rgba(0,0,0,.16);
    border: solid 1px #bebebe;
    background-image: -webkit-linear-gradient(bottom, #e7e7e7, #fefefe);
    background-image: -moz-linear-gradient(bottom, #e7e7e7, #fefefe);
    background-image: -o-linear-gradient(bottom, #e7e7e7, #fefefe);
    background-image: linear-gradient(to top, #e7e7e7, #fefefe);
    display: inline-block;
    font-size: 17px;
    cursor: pointer;
}
.lightButton:active
{
    -webkit-transform: translate(0, 1px);
    -moz-transform: translate(0, 1px);
    -ms-transform: translate(0, 1px);
    background-color: #eef4f8;
    -webkit-box-shadow: 0 0 17px 23px rgba(255,255,255,.57), inset 0 2px rgba(73,110,149,.75);
    -moz-box-shadow: 0 0 17px 23px rgba(255,255,255,.57), inset 0 2px rgba(73,110,149,.75);
    box-shadow: 0 0 17px 23px rgba(255,255,255,.57), inset 0 2px rgba(73,110,149,.75);
    border: solid 1px #7db1e5;
    background-image: -webkit-linear-gradient(top, #76c5f6, #97d6fe 66%);
    background-image: -moz-linear-gradient(top, #76c5f6, #97d6fe 66%);
    background-image: -o-linear-gradient(top, #76c5f6, #97d6fe 66%);
    background-image: -ms-linear-gradient(top, #76c5f6, #97d6fe 66%);
    background-image: linear-gradient(to bottom, #76c5f6, #97d6fe 66%);
    color: #FFFFFF;
    cursor: pointer;
}
.profileEditTextArea
{
    font-family: 'Open Sans' , sans-serif !important;
    border: 1px solid rgb(211, 211, 211) !important;
    border-radius: 5px;
    font-weight: 100;
    font-size: 15px;
    outline: none;
    white-space: pre-wrap;
    min-height: 250px;
    box-sizing: border-box;
    padding: 15px;
    resize: none;
    width: 100%;
}
.profiletextarea
{
    width: 100%;
    -moz-border-radius: 10px 10px 0 0;
    border: 1px solid rgb(211, 211, 211) !important;
    border-radius: 10px;
    font-family: 'Open Sans' , Helvetica, sans-serif;
    font-weight: 100;
    font-size: 15px;
    white-space: pre-wrap;
    min-height: 160px;
	box-sizing: border-box;
	padding: 10px 15px;
    resize: none;
	outline:none;
}
.profileinputtext
{
    width: 100%;
    height: 59px;
    -moz-border-radius: 10px 10px 0 0;
    border: 1px solid rgb(211, 211, 211) !important;
    border-radius: 5px;
    background-color: #fff;
    color: #767676;
    font-size: 20px;
    font-family: 'Open Sans' , Helvetica, sans-serif;
    font-weight: 100;
    margin-bottom: 5px;
}
.profileinputtext1{
	width: 100%;
	margin-bottom: 5px;
	box-sizing: border-box;
	padding: 8px 15px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 21px rgba(255,255,255,.55), inset 1px 2px rgba(79,79,79,.67);
	-moz-box-shadow: 0 0 21px rgba(255,255,255,.55), inset 1px 2px rgba(79,79,79,.67);
	box-shadow: 0 0 21px rgba(255,255,255,.55), inset 1px 2px rgba(79,79,79,.67);
	border: solid 1px #bebebe;
	outline: none;
	font-family: 'Open Sans' , Helvetica, sans-serif;
	font-size: 16px;
	color: #303030;
	padding-right: 38px;
}
.profileinputtexticon1
{
    background-image: url(../img/Login/Sprites.png);
    background-position: -10px -10px;
    width: 22px;
    height: 22px;
    position: absolute;
    margin-left: 10px;
    margin-top: 19px;
}
.profileinputtexticon2
{
    background-image: url(../img/Login/Sprites.png);
    background-position: -10px -10px;
    width: 22px;
    height: 22px;
    position: absolute;
    margin-left: 10px;
    margin-top: 78px;
}
.profileinputtexticon3
{
    background-image: url(../img/Login/Sprites.png);
    background-position: -10px -10px;
    width: 22px;
    height: 22px;
    position: absolute;
    margin-left: 10px;
    margin-top: 138px;
}
.userprofilepictext
{
	font-family: 'Raleway' , sans-serif;
	font-size: 15px;
	color: #f3eaea;
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	background: rgba(63, 63, 63, .5);
	display: block ;/*inline-block*/
	cursor: pointer;
	position: absolute;
	margin-top: -27px;
	padding: 4px 1px;
	width: 135px;
	text-align: center;
}
.userprofileclose
{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: rgba(63, 63, 63, .5);
	display: inline-block;
	cursor: pointer;
	position: absolute;
	margin-left: 112px;
	margin-top: -132px;
	padding: 6px;
	cursor: pointer;
}
.userprofilepic
{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #f7f7f7;
    -webkit-box-shadow: 1px 1px rgba(0,0,0,.07);
    -moz-box-shadow: 1px 1px rgba(0,0,0,.07);
    box-shadow: 1px 1px rgba(0,0,0,.07);
    border: solid 1px #dedede;
    width: 135px;
    height: 135px;
    cursor: pointer;
    margin-top: 10px;
    font-weight: 100;
}
.profilenamediv
{
    width: 70%;
    overflow: hidden;
    float: right;
    margin-top: 10px;
}
@media only screen and (min-width : 100px) and (max-width : 481px)
{
    .profileDivEdit
    {
        width: 60%;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 0px;
        background-color: #fff;
        border: solid 1px #d2d2d2;
        float: right;
        clear: both;
        margin-top: 0px;
        box-sizing: border-box;
        padding: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        position: absolute;
        z-index: 4;
        -webkit-box-shadow: 0 2px 24px rgba(0,1,2,.45);
        -moz-box-shadow: 0 2px 24px rgba(0,1,2,.45);
        box-shadow: 0 2px 24px rgba(0,1,2,.45);
        min-width: 100%;
        top: 0;
        left: 0;
        transform: translate(0%, 0%);
        -webkit-transform: translate(0%, 0%);
    }
    .profilenamediv
    {
        width: 100%;
        overflow: hidden;
        float: left;
        margin-top: 10px;
		clear:both;
    }
	
.EditAbout{
	clear:left;
	
	
}
	
}
