﻿#divProfile .profileimage { width:330px; float:left; }
#divProfile .profileinformation { width:485px; float:left; padding-left:25px; }

#divProfilePictureManagerContainer { width:300px; height:275px;  }
#divProfilePictureManagerContainer .obami_profilepicturemanage  { padding:5px 20px; }
#divProfilePictureManagerContainer .label { margin-bottom:10px; }
#divProfilePictureManagerContainer .dottedline { margin:5px 0px; }
#divProfilePictureManagerContainer .image { width:140px; float:left; }
#divProfilePictureManagerContainer .image .border { width:140px; height:140px; background:transparent url(../Images/thumbnail-xlarge-border.png) no-repeat top left; margin:0px 15px 15px 0px; position:relative;  }
#divProfilePictureManagerContainer .image .border img { width:132px; height:132px; margin:4px 0 0 4px; border:0px; }
#divProfilePictureManagerContainer .buttons { width:100px; float:left; padding-left:20px; }
#divProfilePictureManagerContainer .item {  width:260px; height:28px; }
#divProfilePictureManagerContainer .item .inner { width:260px; height:100%; background-repeat:repeat; background-position:top left; position:relative; }
#divProfilePictureManagerContainer .item .inner .uploadbutton { width:260px; text-align:center; line-height:28px; }
#divProfilePictureManagerContainer .item .progressbar { position:absolute; height:28px; left:0px; bottom:0px; width:0px; }
#divOptions { border:1px solid #CCCCCC; background-color:#F4F4F4; width:845px; margin:auto; padding:10px 10px 7px 0px;overflow:auto; }
#divDropDownContent {
    width: 580px;text-align:center;
    margin: auto;font-size:14px;
}
.dvOrganisationSystemNotification .helperText{
    font-size: 12px;
    padding-top: 5px;
}
.profileseperator {
    width: 100%;
 margin: 10px 0px;
    margin-top: 5px;
    border-top: 1px solid #f1ecec;
}
#BadgeUploadDlg .modalContent .label{
    text-align:left !important;
}
#divProfile .SingleBadgeItem {
    width: 115px;
    position: relative;
    display:inline-block;vertical-align:top;
}

#divProfile .SingleBadgeItem .badgeImg {
   width: 115px;
    height: 85px;
    padding-bottom: 5px;
}
#divProfile .SingleBadgeItem .badgeImg img {
    width: 80px;
    height: 80px;
    margin: 4px 0 0 4px;float:left;border-radius:7px;
}

#divProfile .SingleBadgeItem .badgeTitle {
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    word-wrap: break-word;
    line-height: 15px;    width: 80px;height: 40px;
}

#divProfile .profiletitle {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    margin:0px 20px;
}

#btnEditOrganisation {
     display: block;
    width: 135px;
    background-color: #d2cfcf;
    text-align: center;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    cursor: pointer;color:#666666 !important;
    margin: auto;
}
     #divHideRelationShipFromOpenUser .form-select-text{
    min-width: 285px !important;
            max-width:285px !important;
}
#divHideRelationShipFromOpenUser .form-select-list{
   min-width: 285px !important;
            max-width:285px !important;
}

#divProfile .pbtnaddcontact {
        display: inline-block;
    width: 135px;
    background-color: #d2cfcf;
    text-align: center;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
color:#666666 !important;
        cursor:pointer;
}


#divProfile .pbtneditaccount {
    display: inline-block;
    width: 135px;
    background-color: #d2cfcf;
    text-align: center;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    cursor: pointer;
    color: #666666 !important;
    margin: auto;
}

#divProfile .profilebuttons {
    display:block;    margin-top:25px
}
    #divProfile .profilebuttons .profilebtncont {
        margin: auto;
        display: block;
        text-align: center;
    }
        #divProfile .profilebuttons .profilebtncont .prfbtn {
            margin: 0px 5px;
        }
        #divProfile .badgeContainer {
    margin-top:25px;
    padding-bottom:20px;
    width:580px;
    margin:auto;
    margin-top:25px;
}

    #divProfile .badgeContainer .messageLabel {
        text-align:center;
    }
#divProfile .pbtnportals {
       display: inline-block;
        width: 135px;
        background-color: #d2cfcf;
        text-align: center;
        font-weight: bold;
        height: 30px;
        line-height: 30px;
        border-radius: 3px;
        cursor:pointer;color:#666666 !important;
}
#divProfile .dvProfileAssignment .btnDropdown {
    height:30px;
}
#divProfile .dvProfileAssignment {
    display: inline-block;
    width: 135px;
    background-color: #d2cfcf;
    text-align: center;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    cursor: pointer;
    color: #666666 !important;
}
.dvProfileAssignment .btnDropdown .icnDD {
    background-image: url(../Images/nav/downarrow.png);
    background-repeat: no-repeat;
    width: 16px;
    cursor: pointer;
    vertical-align: middle;
    height: 16px;
    display: inline-block;
    background-size: cover;
}
.dvProfileAssignment .dvProfileAssignmentContent {
    list-style-type: none;
    background-color: white;
    padding: 4px 0;
    width: 64px;
    z-index: 10005;
    position: absolute;
    margin-top: 2px;
    min-width: 155px;
    font-weight: bold;
    margin-left: 0px;
    border: solid 1px rgba(0, 0, 0, .2);
    border-radius: 6px;
    box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);
}
    .dvProfileAssignment .dvProfileAssignmentContent a {
        font-size: 12px;
        width: 135px;
        height: 25px;
        background-color: #d7d7d7;
        border-radius: 3px;
        color: #666666;
        display: block;
        margin: 5px auto;
        text-align: center;
        line-height: 25px;
        cursor: pointer;
    }

#divProfile .pbtnmessage {
    display: inline-block;
    width: 135px;
    background-color: #d2cfcf;
    text-align: center;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    cursor: pointer;
    color: #666666 !important;
}
#divProfile .pbtnsubmittedassignments {

}
#divProfile  .profiledropdownlabel {
        text-align: center;
    font-weight: bold;
    font-size: 14px;
}
#divProfile .downarrow {
background-image: url(../Images/formelements/ExpandMore.png);
    background-repeat: no-repeat;
    width: 48px;
    height: 36px;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    margin: auto;
}
#divProfile .uparrow {
     background-image: url(../Images/formelements/ExpandLess.png);
    background-repeat: no-repeat;
    width: 48px;
    height: 36px;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    margin: auto;
}

#profileimagecont {
    width: 225px;
    height: 225px;
    margin: auto;
        background: -webkit-linear-gradient(rgba(243, 243, 243, 0.95), #F7F5F5);
    background: -o-linear-gradient(rgba(243, 243, 243, 0.95), #F7F5F5);
    background: -moz-linear-gradient(rgba(243, 243, 243, 0.95), #F7F5F5);
    background: linear-gradient(rgba(243, 243, 243, 0.95), #F7F5F5);
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    box-shadow: 1px 1px #D0D0D0;z-index:549;position:relative;

}

#divProfile  {
    background-color:#ffffff;
       border-radius: 10px;
  
}
    #divProfile .innercontenttop {
    background:none !important;
    }
     #divProfile .innercontentmiddle {
    background:none !important;
    }
#divPage {
    
}

#divProfile .profiletitle {
        margin-top: 100px;
}
     #divProfile .innercontentbottom {
    background:none !important;
    }
#divProfileAbout {
margin-top:25px;
}
#profileimagecont #profileimagesrc {
width: 215px;
    height: 215px;
    margin: 5px 0px 0px 6px;
}
#divUploadBackground .item { float:left; width:300px; height:28px; }
#divUploadBackground .item .inner { width:300px; height:100%; background-repeat:repeat; background-position:top left; position:relative; }
#divUploadBackground .item .inner .uploadbutton { width:300px; text-align:center; line-height:28px; }
#divUploadBackground .item .progressbar { position:absolute; height:28px; left:0px; bottom:0px; width:0px; }
#hlTextAccViewProfile{display:none;}
a {
}
.label { float:left; text-align:left; width:150px; }
.value { line-height:26px; position:relative; }

/*Icon*/
.delete { width:30px; height:30px; background:url(../Images/icon-delete.png) no-repeat center center; float:left; cursor:pointer; }
.singlebadge { width:110px; height: 125px; position:relative; float:left }
.row { margin-bottom:12px; float:left; line-height:28px;  position:relative;}

.backgroundcontainer { width:108px; height:108px; background:transparent url(../Images/thumbnail-large-border.png) no-repeat top left; margin:0px 15px 15px 0px; float:left; position:relative; }
.backgroundcontainer img { width:100px; height:100px; margin:4px 0 0 4px; border:0px; }
.backgroundremovebutton { margin-top:5px; }

#divBadgeUpload .gv td { background: transparent; border:none; }

#divDescriptionContainer textarea { width:300px;height:100px; }
#divDescriptionContainer .clr { margin-bottom: 13px;}
#divDescriptionContainer .gv { border-right:none;margin-bottom:20px;width:100%;}
#divDescriptionContainer .gv td { background: transparent; border:none; text-align:left;margin-left:0;padding-left:8px;}
#LowdownContainer { text-align:justify;font-weight:bold;width: 220px;margin: auto;overflow-wrap: break-word;}
#divDescriptionContainer .gv td:first-child { width:150px;}

.divForm .multi label {margin-right:20px;}
.uploadobject { cursor:pointer; }

.fakefilepp { display:none; }

.fakefilebg { display:none; }

.fakefile {
    display: none;
}
.iconAddBadge {
    width:80px; height:80px; background:url(../Images/addbadge.png) no-repeat center center;background-size:cover;margin:auto;
}
.badgeuploadtitle {
    text-align: center;
    font-size: 11px;
    margin-top: 7.5px;
    width: auto;cursor:pointer;
    font-weight: bold;
}
#prfBadgeUploadForm .inner { height:28px;   text-align: center;width: 200px; line-height:28px;color:white; }
#prfBadgeUploadForm .hidden {    position: absolute;    top: 0;    opacity: 0;  height:80px;  width: 80px;  filter: alpha(opacity=0); }
#prfBadgeUploadForm .uploadinfo {     padding: 0px 0px;       margin: auto;}
#prfBadgeUploadForm {}

#divProfilePictureUpload .inner { height:28px;   text-align: center;width: 260px; line-height:28px;color:white; }
#divProfilePictureUpload .hidden {    position: absolute;    top: 0;    opacity: 0;    width: 260px;  filter: alpha(opacity=0); }
#divProfilePictureUpload .uploadinfo {     padding: 15px 0px;    width: 100%;    margin: auto;}

#divBackgroundUpload { display:inline-block; }
#divBackgroundUpload .inner { height:28px;   text-align: center;width: 260px; line-height:28px;color:white; }
#divBackgroundUpload .hidden {    position: absolute;    top: 0;    opacity: 0;    width: 260px;  filter: alpha(opacity=0); }
#divBackgroundUpload .uploadinfo {     padding: 15px 0px;    width: 100%;    margin: auto;}

#subjectsContainer .rowContainer {float:left;margin-right:15px;}
#subjectsContainer .rowContainer .label {margin-left:12px; position:absolute;margin-bottom:120px}
#subjectsContainer select, #grade {width:120px;}
#subjectsContainer .removeimage {background:url(../Images/icon-remove.png) no-repeat center center;width:43px; height:28px;float:right; cursor:pointer;margin-top:28px;}
#subjectsContainer .removeimage a { border:none;width:43px; height:28px;text-decoration:none;}

.SubjectTeacherContainer .rowContainer {float:left;margin-right:15px;}
.SubjectTeacherContainer .removeimage {background:url(../Images/icon-remove.png) no-repeat center center;width:43px; height:28px;float:right; cursor:pointer;margin-top:28px;}
.SubjectTeacherContainer .removeimage a { width:43px; height:28px;text-decoration:none;}
.SubjectTeacherContainer .form-select-list { /* get this element to grow wider */ }
.SubjectTeacherContainer .dropdownContainer {margin-top:25px;}

#divProfile .ulRelationshipTypes {margin-right:15px;}
#divContentPlaceholder .classteacherlabel {margin-left:10px;}
#divContentPlaceholder .classteachervalue {float:right;}
#divContentPlaceholder .classteachervalue select {width:230px;}
#divContentPlaceholder .dropdownContainer {margin-top:25px;}

#pnlReportGrade .gradelabel {margin-left:10px;}
#pnlReportGrade .gradevalue {float:left;  padding-left: 30px;}
#pnlReportGrade .gradebuttons {float:right;}

#divProfile .account_icons {margin-top:9px;}
/*#divProfile .small { width:50px;}*/
#divProfile .form-textarea { width:280px;height:100px;}
#divProfile #ddDateOfBirthDay { width:12px;}
#divProfile #ddDateOfBirthMonth { width:65px;}
#divProfile #ddDateOfBirthYear { width:30px;}
#divProfile #tbOtherInfo { width:280px;height:100px;}
#divProfile .middle { width:190px;}

#divDescriptionContainer table td { padding-right:30px; }


/* TODO: move */
#divPageTitle .user-help { background:transparent url(../Images/icon-question.png) no-repeat center center; width:43px; height:28px; float:left; cursor:pointer; }
#divProfile #LowdownContainer .title { margin-bottom:10px;font-size:16px; }
#divDescriptionContainer .gv td { font-size:13px; margin-right:10px; line-height:10px; padding:10px; }

#KidsContainer .title_gray { font-size: 13px;line-height:14px;}
#childrenListWrapper .labelKids { font-size:14px; line-height:15px; margin-right:10px; line-height:26px; }
#divProfile .blueLabel { font-size:9px;}
.label2 {  border:solid transparent 1px;margin-top:15px;margin-left:15px; font-weight:bold; font-size:14px; line-height:15px; margin-right:10px; line-height:26px;}

#divDescriptionContainer .longbox {width:246px;}
#divProfile .longportalname { width:400px;overflow:hidden;height:18px;}
#divProfilePictureContainer {border:none;text-align:center;margin-top:10px;margin-bottom:20px;}
#divDescriptionContainer .dropDownBoxMedium { width:100px;}
#divDescriptionContainer .dropDownBox { width:240px;}
#divDescriptionContainer .inputBox { width:210px;}

/* TODO: limit */
.divForm .value {/*margin-top:5px;*/}
.subjectcontainer {margin-bottom:10px;}

#divProfile 
.showAgeLabel { font-size:11px;}
.checkboxContainer { width:110px;float:left;}
.PortalMessagesContainer {margin-left:30px;margin-top:5px;}
.lineBreak { height:30px; }
.lineBreak2 { height:15px; }
#ulRelationshipTypes li { width:170px;}
/*.form-select-list li { width:170px;}*/ /* just no */
#KidsContainer .title_small { font-size: 16px;}

#RulesListWrapper .btnPN4 {text-decoration:none;}
#RulesListWrapper .lesspadding { padding-left:5px; padding-right:5px;}
#RulesListWrapper .lesspadding .checkbox { text-align: center; width: 20px; }
#RulesListWrapper .lesspadding .checkbox a { text-decoration:none; }
#RulesListWrapper .lesspadding .fleft { margin-right:5px;}
#RulesListWrapper .lesspadding { /*padding-left:45px;*/}
#RulesListWrapper #tblRulesPrivacySettings th { width:145px; }
#RulesListWrapper #tblRulesPrivacySettings .first { width:50px; }
#tblRulesFriendParentRequests .box { text-align: center; width: 20px; }
#divProfile #profileTable td { line-height:14px}
.wraptext { word-wrap: break-word; width:335px; line-height:20px; }

.passwordPlaceHolder {width:135px;height:25px; z-index:1000; position:absolute; top:1px;left:172px;background:transparent url(../Images/dotPassword.png) top left; }

.password-watermark { width:153px; height:20px; position:absolute; top:0px; left:0px; padding:5px 10px 5px 10px; line-height:20px; color:Black; cursor:text; border:none; background:transparent; }
.obami_social_media { margin-top:5px; }
#divPageTitle .socialoptions { width:50px; margin-top:7px;}
#divPageTitle .socialoptions  .accountprofileicons { float:right; margin-right:1px;}

.prfbtn {
    margin-left:10px;
}
.prfLnkMobile
{
    display:none !important;
}
.lblAccountUpdate {
display:none;
}

.notification-preferences .mobileLabel {
    display:none;
}

/* Notification Preferences Styling */
.notification-preferences {
    margin: 15px 0;
    background: #fff;
    font-size: 13px;
}

.notification-master-toggles {
    padding: 12px;
    background: #f0f2f5;
    border-bottom: 2px solid #ddd;
}

.master-toggle-row {
    display: flex;
    align-items: center;
}

.master-toggle-label {
    flex: 1;
    font-size: 13px;
    font-weight: 600;
    color: #333;
}

.notification-header {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    background: #f8f9fa;
    border-bottom: 1px solid #ddd;
    font-weight: 500;
}

    .notification-header .notification-type {
        flex: 1;
        font-size: 14px;
        font-weight: 600;
    }

    .notification-header .notification-options {
        display: flex;
        gap: 20px;
    }

    .notification-header .option {
        width: 40px;
        text-align: center;
    }

        .notification-header .option label {
            font-size: 12px;
            color: #666;
            margin-right: 5px;
        }

.notification-row {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    border-bottom: 1px solid #eee;
}

    .notification-row:last-child {
        border-bottom: none;
    }

.notification-type {
    flex: 1;
    font-size: 13px;
    color: #333;
}

    .notification-type .name {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .notification-type .helper {
        font-size: 12px;
    }

.notification-options {
    display: flex;
    gap: 20px;
}

.option {
    display: flex;
    align-items: center;
    justify-content: right;
    width: 40px;
}

    .option input[type="checkbox"] {
        width: 14px;
        height: 14px;
        cursor: pointer;
        margin: 0;
    }

.notification-type .explainer {
    font-size: 12px;
}

.dvsharingcontrols .notification-preferences {
    border: 1px solid #eee;
    border-radius: 4px;
    margin-top: 15px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

@media only screen and (min-width: 120px) and (max-width: 736px) {
    .notification-preferences .mobileLabel {
        display: inline-block;margin-right:5px;font-size:12px;
    }
    .notification-preferences .notification-header {
        display: block;
    }
    .notification-header .notification-type{
        margin-bottom:7.5px;
    }
    .notification-row {
        display:block;
    }
    .notification-row .notification-options {
        margin-top:7.5px;
    }
    .notification-row .explainer {
        font-size:12px;
    }
    #divAdminContainer {
        width: 90%;
        margin: auto;
        border: 1px solid rgb(245, 245, 245);
        margin: auto;
        border-radius: 3px;
        background-color: #FFFFFF;
        -moz-box-shadow: 1px 1px 1px #AAAAAA;
        -webkit-box-shadow: 1px 1px 1px #AAAAAA;
        box-shadow: 1px 1px 1px #AAAAAA;
    }
         #divHideRelationShipFromOpenUser .form-select-text{
  min-width: 200px !important;
    max-width: 200px !important;
}
         #divOptions {
    width: 100%;
    padding: 0px;
}
          #divProfile #btnSave,#divProfile #btnBack{
            width: 120px;
    border-radius: 5px;
    height: 30px;
    margin: 10px;
        }
    #dvSharingControl1{
        overflow: auto;
    }
    #btnEditOrganisation {
           margin-left: auto !important;
    }
    
     .lblAccountUpdate {
    font-size:14px;font-weight:bold;
    display:block;
    margin-bottom:5px;
    }
    
    .blueLabel {
    margin-bottom:0px !important;
    }
    #divProfilePictureManagerContainer .buttons {
            width: 100%;
     float: initial; 
     padding-left: 0px; 
    margin-bottom: 15px;
    }
    .dvAccount .clr {
    display:none;
    }
    .profileinformation .row{
       float:initial;line-height:20px !important;
    }
    #divProfilePictureUpload .uploadinfo {
        padding:10px 0px;

    }
    .profileinformation .row .label{

       float:initial;text-align:left;width:100%;
    }
    
    .profileinformation .row .value{
        line-height:20px;
       float:initial;text-align:left;width:100%;
    }
    .dvAccount .label {
    font-size:12px;
    }
    #divProfilePictureManagerContainer .label {
    float:initial;
    }

    #divProfilePictureManagerContainer .image {
    float:initial;
    }
    #divProfilePictureManagerContainer .obami_profilepicturemanage {
    padding: 0px 0px 0px 0px;
}
    #divProfilePictureManagerContainer {
    height:initial;width:100%;float:initial;
    }
    .dvAccount .dottedline {
    display:none;
    }
    #pnlProfilePictureContainer .dottedline{
        display:none;
    }
#divProfile .profileimage {
    width: 100%;
    float: initial;
    
}
    .dvAccount .fright {
    float:initial;
    }
    .innercontentmiddle .pad {
    padding:0px 15px;
    }
#divProfile .profileinformation {
    width: 100%;
    float: initial;
    padding-left: 0px;
    display: block;
    padding-top: 10px;
    border-top: 1px solid #eae6e6;
}
.dottedlinevertical {
    background: none;
    width: 4px;
}
    #divPage {
 
    }

    .dvAccount {
        /*
        border: 1px solid rgb(245, 245, 245) !important;
    margin: auto !important;
    border-radius: 3px !important;
    background-color: #FFFFFF !important;
    -moz-box-shadow: 1px 1px 1px #AAAAAA !important;
    -webkit-box-shadow: 1px 1px 1px #AAAAAA !important;
    box-shadow: 1px 1px 1px #AAAAAA !important;    margin-top: 25px !important;*/
    }

    .prfbtn {
    margin-left:0px !important;
}

    .delete {
        width: 21px;
        height: 21px;background-size:cover;
    }

.prfbtn {
    margin-bottom: 15px;
    width: 135px !important;
}
  
    .prfLnkMobile
    {
         display:inline-block !important;
    }

    #mobPageHead {
    display:block;
    }
    #divProfile {
        width: 90%;
        margin: auto;
            border: 1px solid rgb(245, 245, 245);
    margin: auto;
    border-radius: 3px;
    background-color: #FFFFFF;
    -moz-box-shadow: 1px 1px 1px #AAAAAA;
    -webkit-box-shadow: 1px 1px 1px #AAAAAA;
    box-shadow: 1px 1px 1px #AAAAAA;
    }
    #divContent {
    margin-top:-5px !important;
    }
        #divDropDownContent {
    width: 100%;
    margin: auto;text-align:center;}
    #profileimagecont {
    margin-bottom:50px;
    }
    #divProfileAbout {
    margin-top: 25px;
    margin: 25px;
}
    #profileimagecont {
    width: 160px;
    height:160px;

}
#divProfileAbout {
margin-top:25px;
}
#profileimagecont #profileimagesrc {
    width: 150px;
    height: 150px;

}
#divProfile .badgeContainer {
    margin-top:25px;
    padding-bottom:20px;
    width:90%;
    margin:auto;
    margin-top:25px;
}
    #divProfile .profilebuttons {

    }

    #divProfile .profilebuttons {

    }
        #divProfile .profilebuttons .profilebtncont {
            margin: auto;
            /* display: block; */
            text-align: center;
            width: 135px;
        }
        #divProfile .SingleBadgeItem {
            width: 100px;
        }
    #divProfile .profilebuttons .profilebtncont .prfbtn {
        margin: 0px 0px 5px 0px;
    }
}


@media only screen and (min-width: 120px) and (max-width: 320px) {

    .badgeContainer {
    width: 80% !important;

    }
    #divProfile .SingleBadgeItem {
    width:113px;
    }
    #divHideRelationShipFromOpenUser .form-select-text {
    min-width: 170px !important;
    max-width: 170px !important;
}
            #divProfile #btnSave,#divProfile #btnBack{
           width: 100px !important;
    border-radius: 5px;
    height: 30px;
    margin: 10px 10px;
        }
}

.prfLnkDT
{
    display:inline;
}






