@import url(main_profile.css);

/* -------------------- uib-specific ------------------------ */

#viewprofile { 
   padding: 0;
   margin: 0;
   font-size: 11px;
   line-height: 15px;
}
#viewprofile h2 { 
    font-size: 11px;
    margin-bottom: 5px;
}

#viewprofile .attributeLeadtext {
    display: block;
    float: left;
    width: 40%;
    word-wrap: none;
    clear: both;
    color: #666666;
    font-weight: normal; 
}
#viewprofile .attributeValuetext {
    width: 58%;
    display: block; 
    overflow: hidden;
    float: left;
    /*
    white-space: wrap;
    word-wrap: break-word;
    text-overflow: ellipsis;
    */
    color: #333333;
}
.attributeValuetext ul {
    padding: 0;
    margin: 1px 0 1px 15px;
}

#viewprofile .profilegroup {
    float: left; 
    width: 48%;
    padding: 0;
    margin: 4px;
}
#viewprofile .profilegroup h2 { 
    font-size: 15px;
    font-weight: normal;
    color: #73A1B2;
    background: #ffffff;
    padding: 2px;
    margin: 0;
    border-bottom: 1px solid #73A1B2;
    margin-bottom: 4px;
}

#viewprofile .profilegroups {
    margin: 0;
    padding: 0;
    margin-top: 20px;
    width: 100%;
    float: left; 
    overflow: auto;
    /* line-height: 1; */
}

#viewprofile div.clear {
    clear: both;
}

#viewprofile br.default { 
    display: none;
}


#viewprofile div#businesscard {
    margin: 15px 10px 10px 5px;
    padding: 0;
    border-bottom: 1px solid #cccccc;
    background: #ffffff url(/search/nb/20070603210204oe_/https://alumni.uib.no/images/header_bottom_shadow.gif) repeat-x;
    background-position: bottom left;
}

#viewprofile div#businesscard h1 {
    margin: 0 0 10px 0;
    padding: 8px 2px;
    background: #ffffff url(/search/nb/20070603210204oe_/https://alumni.uib.no/images/top_menu_bottom_shadow.gif) repeat-x;
    background-position: top left;
    color: #333333;
    font-size: 16px;
}
#viewprofile div#businesscard  h1 img {
    border: 0;
    margin-right: 7px;
}


#viewprofile div#businesscard h2 { 
    padding: 0;
    margin: 0;
    font-size: 11px;
}
#viewprofile div#businesscard #details {
    margin: 0;
    padding: 0;
    margin: 0 112px 10px 0;
}
#viewprofile div#businesscard #picture {
    width: 100px; 
    margin: 0 10px 0 0;
    padding: 0;
    float: right;
    font-size: 10px;
    text-align: right;
    word-wrap: break-word;
    text-overflow: ellipsis;
}
#viewprofile div#businesscard #picture img {
    padding: 0 0 5px 0;
    margin: 0;
}
#viewprofile div#businesscard #contactdetails {
    margin: 2px 10px 10px 2px;
    padding: 0;
    float: left;
    width: 50%;
}
#viewprofile div#businesscard #contactdetails .attributeLeadtext {
    width: 42%;
}
#viewprofile div#businesscard #contactdetails .attributeValuetext {
    width: 55%;
}
#viewprofile div#businesscard #address {
    margin: 2px 2px 10px 2px;
    padding: 0;
    float: left;
    /* overflow: hidden; */
    width: 40%;
}
#viewprofile div#businesscard #address .attributeLeadtext {
    display: none;
}
#viewprofile div#businesscard #address .attributeValuetext {
    clear: both;
    width: 100%; 
    margin: 0; 
    padding: 0;
}
#viewprofile #businesscard #address h2 { 
    font-weight: bold;
    padding: 0;
    margin: 0;
    font-size: 11px;
}
#viewprofile #businesscardbottom {
    clear: both;
    height: 1px;
}


#viewprofile div#profiletags, #viewprofile div#profilenetwork {
    margin: 5px 2px;
    padding: 0;
}
#viewprofile div#profiletags h2, #viewprofile div#profilenetwork h2 {
    font-size: 15px;
    font-weight: normal;
}
#viewprofile div#profiletags p {
    font-size: 12px;
    font-weight: normal;
    padding: 2px;
}

#viewprofile div#spotlight {
    margin: 5px 2px;
    padding: 0;
}

#disclaimermail p {
    width: 85%;
    margin: 10px 0;
}
#disclaimermail div.group {
    display: block;
    width: 85%;
    clear: left;
    margin: 5px 0;
}
#disclaimermail label {
	clear: both;
	display: block;
	font-weight: bold;
    margin: 5px 0 3px 0;
}
#disclaimermail #emailBody {
    margin: 20px 0;
    border-top: 1px solid #666666;
}
#disclaimermail #buttons {
    display: block;
	clear: both;
    margin: 10px 0;
}


#editprofile { 
}
#editprofile h1 { 
    padding: 10px 0;
}
#editprofile .aciExplanation {
    color: #666666;
}
#editprofile #buttons {
    display: block;
    clear: both;
    padding: 0;
    margin: 10px 0;
    text-align: center;
    width: 700px;
}
#editprofile div#fields {
    background: #efefef; 
    margin: 0;
    padding: 0;
}
#editprofile fieldset {
    font-size: 12px;
}
#editprofile fieldset legend {
    color: #333333;
    font-size: 13px;
    margin: 0;
}
#editprofile fieldset label {
    font-size: 11px;
}

#profiletabs {
    margin: 0;
    padding: 0;
}

#profiletabs ul#navlist {
    padding: 3px 0; 
    margin: 0; 
    line-height: 13px;
}
#profiletabs #navlist li {
    font-size: 12px;
}
#profiletabs hr {
    display: none; 
}
#profiletabs #navlist li a {
    padding: 3px 0.4em;
    margin: 0 0 0 2px;
    border: 1px solid #cdcdcd;
    border-bottom: none;
    text-decoration: none;
    /* background: #ececec; */
}

#profiletabs #navlist li a:hover {
    background: #ececec;
    /* border: 1px solid #cdcdcd; */
}

#profiletabs #navlist li a#current {
    background: #efefef;
    border-bottom: 1px solid #efefef;
}


/* edit profile inputs */
.formElementClass_dateYearDropdown,
.formElementClass_date,
.formElementClass_text, 
.formElementClass_dropdown, 
.formElementClass_text_email, 
.formElementClass_text_url,
.formElementClass_textarea {
    font-size: 11px;
}

.formElementClass_text, 
.formElementClass_dropdown, 
.formElementClass_text_email, 
.formElementClass_text_url,
.formElementClass_textarea {
    width: 300px;
}

.formElementClass_textarea {
    height: 70px; 
}

.searchElementClass_select,
.searchElementClass_date_yearDropdown,
.searchElementClass_text,
.searchElementClass_select_wildcard,
.searchElementClass_wildcard,
.searchElementClass_directorysearch {
    font-size: 11px;
}

.searchElementClass_select, 
.searchElementClass_date_yearDropdown,
.searchElementClass_directorysearch {
    width: 300px;
}
.searchElementClass_text,
.searchElementClass_select_wildcard,
.searchElementClass_wildcard{
    width: 95px;
}

/*
#formElement_epdprofbusinesscateogory, 
#formElement_epdproffieldofemployment, 
#formElement_epdedugraduationdegree,
#formElement_epdedugraduationdegree2,
#formElement_epdedugraduationdegree3,
#formElement_epdspotlighttext,
#formElement_epdeduotherprogramscourses {
    width: 300px;
}
*/