@import url(main_profile.css);

#viewprofile { 
    background-color: #fafafc;
}

#viewprofile h2 { 
    font-size: 14px;
}
/* 
    Default view and edit profile styles. Override in profile.css places in
    customer_X/webApplication/style directory.
*/


#viewprofile .attributeLeadtext {
    display: block;
    float: left;
    width: 47%;
    word-wrap: none;
    clear: both;
    color: #555555;
    font-size: 11px;
    font-weight: bold;
}
#viewprofile .attributeValuetext {
    width: 47%;
    display: block;
    overflow: hidden;
    float: left;
    white-space: wrap;
    word-wrap: break-word;
    text-overflow: ellipsis;
    font-size: 11px;
}
#viewprofile .attributeValuetext ul {
    padding-top: 1px;
    padding-bottom: 1px;
    margin-top: 0;
}

#viewprofile .profilegroups {
    margin: 0;
    padding: 0;
    margin-top: 10px;
    width: 100%;
    float: left;
}

#viewprofile .profilegroup {
    float: left; 
    width: 48%;
    padding: 1px;
    margin: 4px;
}
#viewprofile .profilegroup h2 {
	font-size: 13px;
	font-weight: bold;
	color: #586F8E;
    padding: 5px 2px;
    margin-bottom: 5px;
    background: #EBF0F5; 
}

#viewprofile div.clear {
    clear: both;
}

#viewprofile br.default { 
    display: none;
}


/* business card layout */

#viewprofile div#businesscard {
    height: 150px;
    clear: both;
    float: left; 

    width: 96%;
    
    margin: 6px 14px 6px 7px;
    padding: 1px;
    
    background: #f8f9fd;
    
    border-bottom: 1px solid #cbd2e2;
}
#viewprofile div#businesscard h1 { 
    padding: 1px;
    margin: 3px 0 15px 0; 
    font-size: 16px;
    color: #586F8E;
    border-bottom: 1px solid #cbd2e2;
}
#viewprofile div#businesscard h2 { 
    color: #586F8E;
    padding: 0;
    margin: 0;
    font-size: 11px;
}
#viewprofile div#businesscard #details {
    margin: 0;
    padding: 0;
    
    margin-right: 101px;
}
#viewprofile div#businesscard #picture {
    width: 100px; 
    margin: 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;
    margin: 0;
    padding-bottom: 5px;
}
#viewprofile div#businesscard #contactdetails {
    margin: 2px;
    margin-right: 10px;
    padding: 0;
    float: left;
    width: 48%;
}
#viewprofile div#businesscard #contactdetails .attributeLeadtext {
    width: 37%;
}
#viewprofile div#businesscard #contactdetails .attributeValuetext {
    width: 60%;
}
#viewprofile div#businesscard #address {
    margin: 2px;
    margin-left: 4px;
    padding: 0;
    float: left;
    width: 30%;
}
#viewprofile div#businesscard #address .attributeLeadtext {
}
#viewprofile div#businesscard #address .attributeValuetext {
    clear: left;
}
#viewprofile #businesscard #address h2 { 
    color: #586F8E;
    font-weight: bold;
    padding: 0;
    margin: 0;
    font-size: 11px;
}
#viewprofile div#businesscard #businesscardbottom {
    clear: both;
    height: 4px;
}



/* search profile */

.searchElementClass_select, .searchElementClass_directorysearch {
    width: 300px;
}

.searchElementClass_date_yearDropdown {
    width: 200px;
}

.searchElementClass_select_wildcard, /* .searchElementClass_directorysearch, */
.searchElementClass_wildcard {
    width: 90px;
    margin-right: 5px;
}
.searchElementClass_text {
    width: 155px;
}

/* toolbar style */

.toolbar {
    spacing: 2px;
    padding: 5px;
}

.toolbar a {
    white-space: nowrap;
    padding: 3px 3px 3px 3px;
}
html>body .toolbar a { /* workaround for some browsers */
    width: auto;
}
.toolbar a:hover {
    background-color: #dedede;
}


/* tabs */

#profiletabs {
    margin: 5px 0 10px 0;
}

#profiletabs #navlist {
    margin: 0;
    padding: 0;
}
#profiletabs #navlist ul {
    padding: 3px 0; 
    margin-left: 0; 
    border-bottom: 1px solid #cbd2e2;
}

#profiletabs #navlist li {
    list-style: none;
    margin: 0;
    display: inline;
}

#profiletabs #navlist li a {
    padding: 3px 0.4em;
    margin-left: 2px;
    border: 1px solid #cbd2e2;
    border-bottom: none;
    background: #f8f9fd;
    text-decoration: none;
}

#profiletabs #navlist li a:hover {
    color: #000;
    background: #EBF0F5;
    border-color: #cbd2e2;
}

#profiletabs #navlist li a#current {
    background: white;
    /*border-top: 2px solid #586F8E;*/
    border-bottom: 1px solid white;
}

#profiletabs hr {
    display: none;
}

/* edit profile page */
#editprofile h1 {
    color: #586F8E;
    margin: 20px 0;
    padding: 5px 0;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #cbd2e2;
}
#editprofile fieldset div.group {
    width: 345px;
    display: inline;
    float: left;
    margin: 0 15px 0 0;
}

#editprofile fieldset#header2 {
    display: block;
}

#editprofile br.default, #editprofile br.last {
    display: none;
}

#editprofile fieldset {
    clear: none;
/*    width: 350px;  we instead float each input field */ /* 47% */
    width: 750px;
    float: left;
    padding: 0;
	margin: 0 0 1em 0;
	border: 0 solid red; /*dummy color */
}

#editprofile fieldset#header1, #editprofile fieldset#header2 {
    border: 0 solid red; /*dummy color */
    width: 340px;
    color: #586F8E;
}


#editprofile fieldset legend {
    font-size: 13px;
    margin: 0;
    color: #586F8E;
}

#editprofile label {
	clear: both;
	display: block;
	font-weight: bold;
    margin: 10px 0 5px 0;
}

#editprofile label.checkbox {
    display: inline;
    clear: none;
    font-weight: normal;
}

#editprofile .aciExplanation, #editprofile .aciRestriction {
    display: inline;
    float: right;
    margin: 5px 0 0 0;
}

#editprofile .aciExplanation {
    width: 10em;
    text-align: right;
    font-size: 11px;
}

#editprofile .evenGroup {
    clear: left;
}

/* remove these? 
#editprofile fieldset.radio {
	margin: 0 0 0 -1em;
	border: 0 solid #FFFFFF;
}

#editprofile fieldset.radio input {
	position: static;
	clear: both;
	float: left;
}

#editprofile fieldset.radio label {
	position: relative;
	top: -1.25em;
	display: inline;
	width: auto;
	margin: 0 0 0 12em;
	font-weight: bold;
	font-weight: normal;
}

#editprofile fieldset.radio legend {
	float: left;
	font-weight: bold;
}
*/
#editprofile #fields input {
    clear: left;
	display: inline;
/*    font-size: 12px;*/
}


#editprofile label {
	clear: both;
	display: block;
	font-weight: bold;
}

/* ntnu wants some elements as wide as possible */
.formElementClass_text, .formElementClass_dropdown, .formElementClass_text_email, .formElementClass_text_url {
    width: 300px;
}
.formElementClass_textarea {
    width: 300px; 
    height: 70px; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px;
}

.formElementClass_date {
    margin: 0 5px 0 0;
}

.formElementClass_text_addresslink {
    width: 100px;
}

/* indent multiple choice checkboxes -- need more work
.formElementClass_checkbox {
    margin-left: 40px;
    background: red;
}*/

#editprofile .attributeDescription {
    display: block;
    clear: both;
    margin: 10px 0;
}

#editprofile #buttons {
    display: block;
	clear: both;
    margin: 10px auto;
    width: 750px;
}

#editprofile .unsubscribeButton {
    display: block;
    font-weight: bold;
    margin: 10px 0;
    font-size: 12px;
}

.formElementClass_text, .formElementClass_textarea, .formElementClass_dropdown, .formElementClass_dateYearDropdown {
    font-size: 12px;
}


#disclaimermail p {
    width: 300px;
    margin: 10px 0;
}
#disclaimermail div.group {
    display: block;
    width: 300px;
    clear: left;
    margin: 10px 0;
}

#disclaimermail #emailBody {
    margin: 20px 0;
    border-top: 1px solid #586F8E;
}
#disclaimermail #buttons {
    display: block;
	clear: both;
    margin: 10px 0;
}