#userInformationList{ margin: 0 auto;width: 1000px;margin-top: 30px;}


.userProfileBox h1{margin:4px 0 25px}
.userProfileBox h1 span a{font-size:60%}

#userProfileMenu{height:30px}
#userProfileMenu a{margin-right:20px}
#userProfileMenu a.selected{text-decoration:none; color:black}

#userProfilePhoto{float:left; width:215px; max-height:215px; overflow:hidden;  margin:0 20px 20px 0}
#userProfilePhoto img{display:block; width:215px}
#userProfilePhoto #upload{padding:15px 0 0}
#userProfilePhoto #upload label{color:#6c6c6c}
#userProfilePhoto #upload input[type="file"]{margin-top:5px}
#userProfilePhoto #upload #uploadUserAvatar{margin:30px auto; width:140px}
#userProfilePhoto #upload #uploadUserAvatar input[type="submit"]{margin:0}

#userInfoBox{float:left}

#userInfoBox{width:450px}
#userInfoBox.viewSpecialist{width:700px}
#userInfoBox .userInfo td.withHide input[type="text"]{width:72%}
#userInfoBox .userInfo td.notFull select{width:90px}
#userInfoBox .userInfo td.withHide select{width:72%}
#userInfoBox .userInfo td input[type="checkbox"]{margin-left:10px}
#userInfoBox .userInfo .t-datepicker .t-icon-calendar{margin-top:3px}

form #userInfoBox .userInfo td{padding-bottom:1em}

#userInfoBox input[type="text"]{margin:4px 0 .3em;  width:99%; height:22px; border:1px solid #468717}
#userInfoBox input[type="password"]{margin:4px 0 .3em;  width:99%; height:22px; border:1px solid #468717}
#userInfoBox select{margin:4px 0 .3em;  width:100%; height:22px; border:1px solid #468717}
#userInfoBox textarea{margin:4px 0 .3em; width:99%; height:100px; border:1px solid #468717}
#userInfoBox input[type="submit"]{width:140px; margin-top:18px; margin-left:100px}
#userInfoBox input[type="button"]{width:140px; margin-top:18px; margin-left:15px; padding:2px 8px}
#profileFormBox form #userInfoBox a.button{margin-top:18px}
#userInfoBox h3{margin-bottom:10px}

#userInfoBox .markItUp{width:340px}
#userInfoBox .markItUp textarea{width:95%; height:150px}

#userSpecialistRequest{width:500px}
#userSpecialistRequest td.name{color:#6c6c6c; vertical-align:top; padding-top:6px;  text-align:right; padding-right:10px}
#userSpecialistRequest td.tdPad{padding-top:8px}
#userSpecialistRequest td.value{width:350px}
#userSpecialistRequest td.vt{vertical-align:top}
#userSpecialistRequest td.value span.name{font-weight:bold; font-size:100%}
#userSpecialistRequest span.userName{font-size:140%}
#userSpecialistRequest td.tdPadV{padding-top:6px}
#userSpecialistRequest td{padding-bottom:1em}

#userSpecialistRequest{margin-top:20px}

table.userInfo{width:450px}
.viewSpecialist table.userInfo{width:700px}
.userInfo td.name{width:90px;  color:#6c6c6c; vertical-align:text-top; padding-top:2px; text-align:right; padding-right:10px}
.userInfo td.tdPad{padding-top:4px}
.userInfo td.value{width:350px; padding-top:2px}
.viewSpecialist table.userInfo td.value{width:600px}
.userInfo td.vt{vertical-align:text-top}
.userInfo td.value span.name{font-weight:bold; font-size:100%}

form #userInfoBox .userInfo td.name{width:112px; padding-top:7px}
form #userInfoBox .userInfo td.value{width:350px; padding-top:0}

.userInfo span.userName{font-size:140%}

.viewSpecialistBox{overflow:hidden}

#editSpecItemBox table.userInfo{width:auto}
#editSpecItemBox table.userInfo td.name{width:143px; padding-top:4px}
#editSpecItemBox table.userInfo td.value{width:auto}

#ratingBox{clear:left; padding:10px 0 0}
#ratingBox p{font-size:120%}

div#userInfoBox ul.chzn-choices li.search-field input{    background:none repeat scroll 0 0 transparent !important;     border:0 none !important;     box-shadow:none;     color:#666;     margin:1px 0;     outline:0 none;     padding:5px;     height:auto}

#profileFormBox .validation-summary-errors{float:left; margin-left:25px; margin-top:10px}

#profileRightHowToSidebar{ width: 300px;margin-left: 70px;}
#profileRightHowToSidebar h3{margin:2px 0 8px}
#regSpecRightHowToSidebar{position:absolute; left:755px; top:75px; width:455px}

#userActivityMenu{height:30px; margin:4px 0 0 110px}
#userActivityMenu a{padding:4px 6px; margin-right:15px; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
#userActivityMenu a.selected{text-decoration:none; color:white; background-color:Green}

#userActivity{width:100%; border-top:1px solid #acacac; padding:4px 0}
#userActivity td.item{vertical-align:text-top; padding-right:10px; width:100px}
#userActivity td.text{vertical-align:text-top}
#userActivity td.details{vertical-align:text-top; padding-left:10px}
#userActivity td.separator{height:25px}
#userActivity td.separator div{width:100%; height:5px; border-top:1px dotted #bcbcbc; margin-top:20px}

#profileSettingsFormBox form  input[type="submit"]{padding:2px 8px; margin-top:35px; margin-left:335px; float:right}

#notifySettings td.field{vertical-align:text-top}
#notifySettings td.lt{vertical-align:top; padding:2px 10px 0 15px}
#notifySettings td label{font-weight:bold}
#notifySettings td p{margin:0.6em 0 1.2em}

#profileSettingsFormBox fieldset.settingsGroup{margin:30px 0 0}
#profileSettingsFormBox legend{margin-left:10px; padding:0 5px}
#profileSettingsFormBox fieldset table{margin:20px; width:90%}
#profileSettingsFormBox fieldset table input[type="text"]{margin:0.3em 0 0.6em;  width:100%; height:22px; border:1px solid #468717}
#profileSettingsFormBox fieldset table input[type="text"]:disabled{border:1px solid grey}
#profileSettingsFormBox fieldset table input[type="password"]{margin:0.3em 0 0.6em;  width:100%; height:22px; border:1px solid #468717}
#profileSettingsFormBox fieldset table input[type="password"]:disabled{border:1px solid grey}
#profileSettingsFormBox fieldset table td.label{padding:8px 10px 0 0; text-align:right; float:none; clear:none; width:180px; vertical-align:text-top}
#profileSettingsFormBox fieldset table td.name{padding:1px 10px 5px 0; text-align:right; vertical-align:text-top}
#profileSettingsFormBox fieldset table td.value{padding:1px 10px 5px 0; vertical-align:text-top}

#statisticResult { margin-top: 20px;}
.statisticTable{ width: 100%;}
.statisticTable tr:nth-child(odd){background-color: #EBEBEB;}
.statisticTable .statisticHeader{background-color: #aaa !important; color: white;}
.statisticTable .statisticHeader th{border-color: #aaa;text-align: center;padding: 10px;}
.statisticTable .statisticHeader th.stCenterHead{width: 40%;}
.statisticTable .statisticHeader th.stSideHead{width: 30%;}
.statisticTable td{text-align: center;padding: 10px;}

#userInfoBox .t-datepicker{width:72%}
#userInfoBox .t-input{padding:0}
#userInfoBox table.userInfo td.withHide input#User_DateOfBirth{width:100%}
#UserSettings_HideDateOfBirth{margin-top:3px}

.separ{height:10px}
td.commWithoutAnswers{padding-right:40px; text-align:right}

.specRightBox{width:450px; float:left}

.userProfileBox #userSubscriptions tr{height:30px}
.userProfileBox #userSubscriptions .checkBoxCol{width:100px; text-align:center}
.userProfileBox #userSubscriptions .communityNameCol{width:150px; text-align:left}

    *{margin:0; padding:0}
    html, body{height:100%; width:100%; font-family:Arial,Helvetica,sans-serif; font-size:90%}

    p{margin:1em 0 1em 0}
    img, embed, object{max-width:100%}
    a img{border:0}
    a, .a{color:#55a51c; cursor:pointer}

    form input[type="submit"]{padding:2px 8px}

    input[type="button"], input[type="submit"], input[type="reset"], input[type="text"], input[type="password"], select, textarea{border:1px solid rgb(70,135,23)}
    input[type="button"], input[type="submit"], input[type="reset"]{height:22px; background:url("../../Content/images/gradient_button_bg.png") repeat-x}
    input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover{background:url("../../Content/images/gradient_button_hover_bg.png") repeat-x}

 #userProfilePhoto{width:215px; margin:0 20px 20px 0; overflow:hidden}
 #imgBox{width:215px; max-height:215px; overflow:hidden}
 #userProfilePhoto img{display:block; width:215px}
 #userProfilePhoto #upload{padding:15px 0 0}
 #userProfilePhoto #upload label{color:#6c6c6c}
 #userProfilePhoto #upload input[type="file"]{min-height:22px}
 #userProfilePhoto #upload #uploadUserAvatar{margin:30px auto 15px; width:140px}
 #userProfilePhoto #upload #uploadUserAvatar input[type="submit"]{margin:0; width:140px}
 .fileInput{position:relative; margin-top:5px}
 
 .validation-summary-errors{font-weight:bold; color:#f00; padding:7px 0}
 
 .validation-summary-errors ul{margin:0 0 0 20px; padding:0; !important}
 .field-validation-error{color:#f00}
 .field-validation-valid{display:none}
 .input-validation-error{border:1px solid #f00!important; background-color:#fee}
 .validation-summary-errors{font-weight:bold; color:#f00}
 .validation-summary-valid{display:none}
 .error{color:#f00}