/*
Title: ASU Directory
Copyright: (c) 2008 Arizona Board of Regents
Author: Christopher Puleo
Designer: Anish Adalja
Description: Screen styles for Directory pages and profiles
*/


/* =Layout and Global Overrides
--------------------------------------------------------- */

.asu_body_copy {
   width: 905px;
   margin: 0; padding: 0 20px 15px;
   }
   
#asu_content_container {
   margin-left: 0;
   }
   
#asu_content_well {
   margin-left: 0;
   }

#asu_content {
   background: none;
   padding-bottom: 0;
   }

#asu_container {
   min-width: 945px;
   }

/* =Headings
--------------------------------------------------------- */

h1 {
   color: #000;
   font-size: 2em;
   line-height: 1em;
   float: left;
   padding-top: 3px;
   }
   
h1 em {
   font-style: normal;
   color: #999;
   }
   
h2 {
   font-size: 1.6em;
   color: #8c8c8c;
   border-bottom: 1px dotted #ccc;
   margin: 0 0 8px; padding: 0 0 2px;
   clear: both;
   }

h5 {
   font-weight: normal;
   color: #000;
   }

/* =Content Structure
--------------------------------------------------------- */

#dashboard {
   border-bottom: 1px solid #999;
   padding: 12px 7px 9px 0; margin: 0 0 14px 0;
   }
   
#summary {
   margin: 0 0 20px 0; padding: 0 7px;
   }
   
#avatar {
   float: left;
   margin: 0; padding: 0;
   max-width: 131px;
   }
   
#stats {
   margin: 0; padding: 7px 0 0 20px;
   float: left;
   }
   
#dir-search {
   float: right;
   margin-top: 7px;
   }
   
#data-views {
   margin: 0; padding: 0;
   }
   
#profile-info {
   padding: 0 55px 0 17px; margin: 0 0 22px 0;
   font-size: 1.1em;
   line-height: 1.33em;
   }
   
#next-move {
   padding: 0 17px; margin: 15px 0 0 0;
   clear: both;
   }
   
#bio_tab, #course_tab, #pub_tab, #presentation_tab, #award_tab, #mentor-tab, #service_tab {
   margin: 0; padding: 0;
   }
   
#main-content {
   float: left;
   width: 600px;
   }

/* =Center-Aligned Profile Template
--------------------------------------------------------- */

body .asu_body_copy {
   margin: 0 auto 50px;
   }

/* =Quick Search
--------------------------------------------------------- */

body#quick-search #dir-search {
   padding-left: 163px;
   float: none;
   background: #fff url(/directory/images/smplesrch-icn.jpg) 0 0 no-repeat;
   }
   
body#quick-search #dir-search p.hint {
   clear: both;
   color: #666;
   padding-top: 13px; margin-bottom: 15px;
   }
   
body#quick-search #dir-search form#directorysearchform {
   float: left;
   }
   
body#quick-search #dir-search h5 {
   margin-top: 0;
   float: left;
   }
   
body#quick-search #searchhistory ol {
   clear: left;
   }
   
body#quick-search #dir-search form#directorysearchform label {
   font-size: 1.5em;
   display: block;
   float: left;
   margin-right: 7px; padding-top: 3px;
   }
   
body#quick-search #dir-search input {
   font-size: 13px;
   padding-bottom: 2px;
   }
   
body#quick-search #dashboard {
   margin-bottom: 23px;
   }
   
body#quick-search #searchhistory {
   clear: left;
   }
   
body#quick-search #dir-search p#advanced {
   margin-bottom: 32px;
   }


/* =Advanced Search
--------------------------------------------------------- */

body#advanced h2 {
   color: #000;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   border-bottom: none;
   margin-top: 0;
   }
   
body#advanced h2 em {
   float: left;
   display: block;
   margin-right: 20px; padding-top: 8px;
   font-style: normal;
   width: auto;
   }
   
body#advanced h2 img {
	float: left;
	display: block;
	width: 190px;
}
body#advanced h3 {
   border-bottom: 1px dotted #ccc;
   color: #fff;
   font-family: Arial, Helvetica, sans-serif;
   text-transform: none;
   letter-spacing: normal;
   text-align: center;
   padding: 0;
   line-height: 1.2em;
   font-size: 1.4em;
   font-weight: normal;
   }
   
body#advanced h3.first {
   margin-top: 0;
   }
   
body#advanced h3 em {
   width: 115px;
   display: block;
   background: #999;
   font-style: normal;
   margin: 0; padding: 1px 0;
   }
   
body#advanced .asu_body_copy form {
   width: 430px;
   border: 1px solid #ccc;
   margin-bottom: 10px;
   }
   
body#advanced .asu_body_copy form#whitepagesdeptsearch {
   margin-bottom: 0;
   }
   
body#advanced .asu_body_copy form#whitepagespersonsearch {
   border-top: none;
   padding-top: 10px;
   }
   
body#advanced .asu_body_copy input, body#advanced .asu_body_copy select {
   width: 185px;
   background-color: #f9f9f9;
   margin-right: 6px; margin-top: 2px;
   display: block;
   border-left: 1px solid #666;
   border-top: 1px solid #666;
   border-right: 1px solid #e3e6e6;
   border-bottom: 1px solid #e3e6e6;
   }
   
body#advanced .asu_body_copy form p {
   padding-top: 5px;
   }
   
body#advanced .asu_body_copy p input {
   width: 79px;
   height: 27px;
   background: #fff url(/directory/images/srchbttn-bg.jpg) 0 2px no-repeat;
   margin: 0 0 0 112px; padding: 0;
   border: 0;
   color: #666;
   font-size: 13px;
   }
   
body#advanced .asu_body_copy select {
   width: 190px;
   }
   
body#advanced .asu_body_copy input.hide {
   display: none;
   }
   
body#advanced .asu_body_copy #main-content {
   float: left;
   }
   
body#advanced form#directorysearchform input#cn {
   float: none;
   }
   
body#advanced .asu_body_copy table {
   color: #000;
   width: 100%;
   border-collapse: collapse;
   }
   
body#advanced .asu_body_copy table td {
   color: #000;
   border: none;
   padding: 0 0 4px;
   font-size: 10px;
   }
   
body#advanced .asu_body_copy td.labels {
   width: 110px;
   text-align: right;
   padding-right: 2px;
   font-size: 12px;
   }
   
body#advanced .asu_body_copy td.inputs {
   width: 190px;
   padding-right: 1px;
   }

/* =Rotating Ads for University Services
--------------------------------------------------------- */

iframe {
   float: right;
   width: 150px;
   }


/* =Lists
--------------------------------------------------------- */

#dashboard ul {
   float: right;
   margin: 0; padding: 12px 0 0;
   list-style: none;
   color: #777;
   }
   
#dashboard li {
   float: left;
   font-size: 1.1em;
   border-right: 1px solid;
   margin: 0; padding: 0 7px;
   }
   
#dashboard li.last, #data-views ul.tabs li.last {
   border-right: none;
   }
   
#data-views ul.tabs {
   margin: 0 0 11px; padding: 10px 0 9px;
   background: #ffcc4d url(/directory/images/data-views-bg.gif) 0 0 no-repeat;
   float: left;
   width: 905px;
   border-bottom: 1px solid #e6e6e6;
   list-style: none;
   }
   
#data-views ul.tabs li, #data-views ol li {
   border-right: 1px solid #b2b2b2;
   font-size: 1.2em;
   color: #666;
   float: left;
   display: block;
   margin: 0; padding: 0 14px;
   }
   
#data-views li.print {
   width: 22px;
   padding-left: 19px;
   }
   
#data-views #profile-info li {
   float: none;
   border-right: none;
   font-size: 1em;
   color: #000;
   clear: both;
   margin: 0; padding: 0;
   }
   
#data-views #profile-info ul {
   background: #fff none;
   margin-bottom: 0; padding: 0;
   float: none;
   width: auto;
   border-bottom: none;
   }
   
#data-views #profile-info #course_tab li, #data-views #profile-info #mentor_tab li, #data-views #profile-info #service_tab li {
   line-height: 1.66em;
   }
   
#data-views #profile-info #pub_tab li, #data-views #profile-info #presentation_tab li, #data-views #profile-info #award_tab li {
   margin-bottom: 10px;
   }
   
#profile-info ol {
   margin: 0 0 10px; padding: 0;
   }
   
#dir-search ol {
   margin: 0 0 0 19px; padding: 0;
   }

/* =Text
--------------------------------------------------------- */

#next-move p {
   text-align: center;
   color: #666;
   font-style: italic;
   }
   
#stats p {
   font-size: 1.18em;
   line-height: 1.44em;
   }
   
p.course {
   margin: 0;
   }
   
p.note {
   text-align: center;
   font-size: 0.85em;
   color: #666;
   }
   
p#instructions {
   background: #fff url(/directory/images/cursor.gif) 0 0 no-repeat;
   padding-left: 20px; padding-bottom: 5px;
   }
   
p.control {
   text-align: center;
   font-style: italic;
   color: #666;
   font-size: 0.92em;
   }
   
#data-views #profile-info #course_tab ol li,
#data-views #profile-info #mentor_tab ol li,
#data-views #profile-info #presentation_tab ol li span.presentationevent,
#data-views #profile-info #presentation_tab ol li span.presentationmonthyear,
#data-views #profile-info #award_tab ol li span.activitydates,
#data-views #profile-info #service_tab ol li,
#data-views #profile-info #award_tab ol li span.principalinvestigator {
   color: #666;
   }
   
#data-views #profile-info #course_tab ol li span.coursetitle,
#data-views #profile-info #mentor_tab ol li span.mentoringtype,
#data-views #profile-info #service_tab li span.serviceorganization {
   color: #000;
   }

/* =Images
--------------------------------------------------------- */

img#print-logo {
   display: none;
   }
   
#avatar img {
   border: 1px solid #ccc;
   display: block;
   margin-bottom: 5px;
   max-width: 131px;
   }

/* =Links
--------------------------------------------------------- */

.asu_body_copy a:link, .asu_body_copy a:visited {
   color: #903;
   text-decoration: none;
   }
   
.asu_body_copy a:hover, .asu_body_copy a:active {
   text-decoration: none;
   color: #e28016;
   }
   
#dashboard li a:link, #dashboard li a:visited {
   color: #777;
   }
   
#dashboard li a:hover, #dashboard li a:active {
   color: #e28016;
   }
   
#avatar a {
   text-align: center;
   display: block;
   }
   
#data-views li a:link, #data-views li a:visited, #next-move a:link, #next-move a:visited {
   color: #666;
   }
   
#data-views li a:hover, #data-views li a:active {
   color: #000;
   }
   
#next-move a:hover, #next-move a:active {
   color: #903;
   }
   
#data-views li a.selected-tab:link,
#data-views li a.selected-tab:visited,#data-views li a.selected-tab:hover,
#data-views li a.selected-tab:active {
   color: #903;
   }
   
#next-move p a:link, #next-move p a:visited {
   color: #903;
   }
   
#next-move p a:hover, #next-move p a:active {
   color: #e28016;
   }
   
#data-views #profile-info li a:link, #data-views #profile-info li a:visited {
   color: #903;
   }
   
#data-views #profile-info li a:hover, #data-views #profile-info li a:active {
   color: #e28016;
   }
   
a#update {
   font-size: 0.85em;
   font-weight: bold;
   }
   
#data-views li.print a {
   text-indent: -9999px;
   background: url(/directory/images/print-icn.gif) 0 -1px no-repeat;
   display: block;
   }
   
.asu_body_copy h1 em a:link,
.asu_body_copy h1 em a:visited,
.asu_body_copy h1 em a:hover,
.asu_body_copy h1 em a:active {
   color: #999;
   }
   
.asu_body_copy li.cancel a:link,
.asu_body_copy li.cancel a:visited {
   color: #999;
   }
   
.asu_body_copy li.cancel a:hover,
.asu_body_copy li.cancel a:active {
   color: #e28016;
   border-bottom: 1px dotted;
   }

/* =Profile Search
--------------------------------------------------------- */

#dir-search label {
   display: block;
   margin-bottom: 4px;
   cursor: text;
   }
   
input#cn {
   width: 185px;
   background-color: #f9f9f9;
   float: left;
   margin-right: 6px; margin-top: 2px;
   display: block;
   border-left: 1px solid #666;
   border-top: 1px solid #666;
   border-right: 1px solid #e3e6e6;
   border-bottom: 1px solid #e3e6e6;
   font-size: 1em;
   }
   
#dir-search p#find {
   margin: 0; padding: 0;
   float: left;
   }
   
#dir-search p#find input {
   background: #fff url(/directory/images/gobttn-bgblnk.jpg) 0 0 no-repeat;
   border: none;
   width: 38px;
   height: 25px;
   margin: 0; padding: 0;
   color: #666;
   }
   
#dir-search p#advanced {
   clear: both;
   }
   
form#directorysearchform {
   margin-bottom: 7px;
   }

/* =Inline Icons
--------------------------------------------------------- */

span.gslink, span.ralink {
   float: right;
   padding: 11px 0 8px 33px;
   font-size: 0.45em;
   }
   
span.liblink {
   float: right;
   padding: 11px 0 8px 35px; margin-left: 12px;
   font-size: 0.48em;
   }
   
.principalinvestigatorfootnote {
   font-style: normal;
   font-size: 0.8em;
   color: #666;
   }
   
span.gslink {
   background: #fff url(/directory/images/gscholar-icn.jpg) 0 0 no-repeat;
   }
   
span.ralink {
   background: #fff url(/directory/images/resrch-icn.jpg) 0 0 no-repeat;
   }
   
span.liblink {
   background: #fff url(/directory/images/librs-icn.jpg) 0 0 no-repeat;
   }
   
i {
   display: block;
   }

span.publicationtitle a i { display: inline; }
span.publicationtitle i { display: inline; }

h2 span {
   line-height: 1em;
   }

/* =Table Elements
--------------------------------------------------------- */

caption {
   color: #8c8c8c;
   margin: 0; padding: 0 0 2px;
   font-size: 1.88em;
   line-height: 20px;
   }
   
caption em {
   color: #000;
   font-style: normal;
   }
   
td {
   border: none;
   }
   
/*
table.edit-profile {
   border-collapse: collapse;
   width: 100%;
   }
   
table.edit-profile caption {
   padding-bottom: 0;
   }
   
table#image {
   margin-bottom: 15px;
   }
   
table#image input[type="file"] {
   background-color: #f9f9f9;
   border-left: 1px solid #666;
   border-top: 1px solid #666;
   border-right: 1px solid #e3e6e6;
   border-bottom: 1px solid #e3e6e6;
   }
   
table.edit-profile td.avatar-thumb, table.edit-profile td.browse-upload {
   vertical-align: top;
   padding: 3px 10px 3px 10px;
   font-size: 12px;
   text-align: center;
   }
   
table.edit-profile td.browse-upload textarea {
   width: 99%;
   margin-bottom: 8px;
   font-size: 12px;
   border-color: #ccc;
   }

table.edit-profile td.avatar-thumb, table.edit-profile td#divider {
   border-bottom: 1px dotted #bbb;
   margin-bottom: 100px;
   }
   
table.edit-profile h4 {
   margin: 12px 0; padding: 0;
   font-size: 14px;
   font-weight: bold;
   color: #000;
   border-bottom: none;
   }
   
table.edit-profile td.avatar-thumb h4 {
   margin-bottom: 6px;
   }
   
table.edit-profile td.browse-upload h4 {
   margin-bottom: 16px;
   }
   
table.edit-profile p {
   margin: 6px 0; padding: 0;
   }
   
table.edit-profile p.enlighten {
   margin-top: 0;
   margin-bottom: 10px;
   }
   
table.edit-profile p.tags {
   font-size: 0.85em;
   }
   
table.avatar-thumb-thumbs {
   margin: 0 auto 7px;
   text-align: center;
   }
   
table.avatar-thumb-thumbs td {
   padding: 4px 3px;
   text-align: center;
   }
   
table.avatar-thumb-thumbs td img {
   width: 75px;
   height: 100px;
   border: 1px solid #ccc;
   }
   
td.browse-upload .agree {
   background-color: #f2f2e6;
   padding: 8px 16px;
   font-size: 11px;
   text-align: left;
   }
   
td.browse-upload .agree p {
   margin-bottom: 7px;
   }
   
td.browse-upload p.tips-help {
   margin: 16px 0;
   font-size: 11px;
   font-style: italic;
   }
   
td.browse-upload p.instructions {
   margin-bottom: 15px;
   }
   
td.browse-upload p.image-specs {
   margin: 16px 0;
   font-size: 12px;
   }
   
td.browse-upload .upload-img img.portrait {
   width: 100px;
   margin-top: 9px;
   border: 6px solid #ccc;
   }
   
td.browse-upload .upload-img img.landscape {
   width: 133px;
   margin-top: 9px;
   border: 6px solid #ccc;
   }
   
td.browse-upload p.preview {
   color: #999;
   font-style: italic;
   }
*/
   
ul#send-cancel {
   list-style: none;
   text-align: center;
   margin: 0 auto; padding: 0;
   width: 19.8em;
   }
   
ul#send-cancel li {
   float: left;
   display: block;
   }

ul#send-cancel li.submit {
   text-align: center;
   margin-right: 45px;
   }

ul#send-cancel li.submit input {
   width: 79px; height: 27px;
   background: #fff url(/directory/images/srchbttn-bg.jpg) 0 2px no-repeat;
   margin: 0; padding: 0;
   border: 0;
   color: #666;
   font-size: 13px;
   }
   
ul#send-cancel li.cancel a {
   width: 79px; height: 27px;
   background: #fff url(/directory/images/cancel-bttn.jpg) 0 2px no-repeat;
   margin: 0; padding: 6px 0 0 0;
   border: 0;
   color: #666;
   font-size: 13px;
   display: block;
   }
   
table#sr {
   width: 100%;
   border-collapse: collapse;
   }
   
table.sys-message {
   margin-bottom: 15px;
   }
   
table#sr th, table.sys-message th {
   background-color: #c7cbcc;
   color: #666;
   }
   
tr.odd td {
   background-color: #fffced;
   border-left: 1px solid #c7cbcc;
   border-right: 1px solid #c7cbcc;
   border-top: 1px dotted #c7cbcc;
   border-bottom: 1px dotted #c7cbcc;
   }
   
tr.even td, table.sys-message td {
   background-color: #edebd4;
   border-left: 1px solid #c7cbcc;
   border-right: 1px solid #c7cbcc;
   border-top: 1px dotted #c7cbcc;
   border-bottom: 1px dotted #c7cbcc;
   }
   
table#sr th, table#sr td {
   padding: 3px 4px 3px 6px;
   }
   
#course_tab table {
   margin: 0 0 10px; padding: 0;
   border-collapse: collapse;
   font-size: 1em;
   width: auto;
   }
   
#course_tab table caption {
   display: none;
   }
   
#course_tab table td {
   color: #000;
   padding-left: 0;
   }
   
#course_tab table td.number {
   width: 80px;
   padding-right: 25px;
   }
   
#course_tab table th {
   background: #fff;
   border: none;
   color: #666;
   font-weight: normal;
   padding-top: 0; padding-left: 0; padding-bottom: 8px;
   text-transform: uppercase;
   font-size: 0.85em;
   }
   
#course_tab table div {
   padding: 10px 0; margin: 0;
   }
   
body#preferences .asu_body_copy input,
body#preferences .asu_body_copy textarea {
   background-color: #f9f9f9;
   }

/* =Profile Print Preview
--------------------------------------------------------- */

body#print-preview span.gslink,
body#print-preview span.ralink,
body#print-preview span.liblink,
body#print-preview span.readmore {
   display: none;
   }
   
body#print-preview h2 {
   padding-top: 8px;
   }
   
body#print-preview #asu_gold_hdr {
   background: #fff none;
   height: 1px;
   border-bottom: none;
   }
   
body#print-preview .asu_body_copy {
   padding: 0 20px 0 25px;
   }
   
body#print-preview #dashboard {
   padding-top: 0;
   }
   
body#print-preview p.profilecontrol {
   display: none;
   }
   
body#print-preview a:link,
body#print-preview a:visited,
body#print-preview a:hover,
body#print-preview a:active {
   color: #000;
   cursor: text;
   }
   
body#print-preview #data-views #profile-info li a:link,
body#print-preview #data-views #profile-info li a:visited,
body#print-preview #data-views #profile-info li a:hover,
body#print-preview #data-views #profile-info li a:active {
   color: #000;
   }

body#print-preview #summary table,
body#print-preview #summary table td {
   width: auto;
   padding: 0;
   }
   
body#print-preview #summary table td p {
   font-size: 1.33em; line-height: 1.33em;
   color: #000;
   margin-left: 17px;
   }

/* =User-inputted Profile Data
--------------------------------------------------------- */

#course_tab h3, #bio_tab h3, #research_tab h3 {
   border-bottom: none;
   font-size: 1em;
   color: #000;
   text-transform: none;
   letter-spacing: normal;
   }
   
#bio_tab h3, #research_tab h3 {
   margin-bottom: 0.33em;
   }
   
#bio_tab h4, #research_tab h4 {
   border-bottom: 1px solid #ccc;
   color: #000;
   font-size: 1em; font-weight: normal;
   margin-bottom: 0.33em;
   }
   
#data-views #profile-info #bio_tab ul,
#data-views #profile-info #research_tab ul {
   margin-left: 0;
   list-style-type: disc;
   }
   
#data-views #profile-info #bio_tab ul li,
#data-views #profile-info #research_tab ul li {
   display: list-item;
   margin-left: 22px;
   }
   
#bio_tab ol, #research_tab ol {
   margin-left: 25px;
   }
   
#bio_tab ol li, #research_tab ol li {
   display: list-item;
   }
   
/* =Sample Profile and Cheat Sheet
--------------------------------------------------------- */

code {
   font-size: 1.08em; color: #309;
   font-family: Courier, Monaco, monospace;
   padding: 13px; margin-bottom: 10px;
   display: block;
   float: left;
   background-color: #fff8da;
   border: 1px dotted #999;
   }
   
code span {
   padding-left: 10px;
   }

p.get-visual, code.get-visual {
   clear: both;
   margin-bottom: 38px;
   }
   
p.reset {
   clear: both;
   }
   
p#push-down {
   margin-bottom: 38px;
   }
   
#data-views li#activate-tab a:link,
#data-views li#activate-tab a:visited,
#data-views li#activate-tab a:hover,
#data-views li#activate-tab a:active {
   color: #903;
   }
   
h2#download {
   color: #69c;
   background: #fff url(/directory/images/dwnld-icn.gif) 0 50% no-repeat;
   padding-left: 23px;
   }

/* =Misc.
--------------------------------------------------------- */

.clear {
   clear: both;
   height: 1px;
   }
   
.reset {
   clear: both;
   }
   
.clearLeft {
   clear: left;
   }
   
h2 em {
   font-style: normal;
   float: left;
   width: 65%;
   }
   
h2 i:after {
   content: ".";
   clear: both;
   height: 0;
   visibility: hidden;
   display: block;
   }
   
a.no-click {
   cursor: default;
   }
   
#secondary_controls a {
   font-style: normal;
   display: block;
   font-family: Arial, Tahoma, sans-serif;
   }
   
#secondary_controls a:link,
#secondary_controls a:visited {
   text-decoration: none;
   color: #666;
   }
   
#secondary_controls a:hover,
#secondary_controls a:active {
   text-decoration: none;
   color: #903;
   }
   
#secondary_controls a#feedback {
   float: right;
   margin: 0 30px 25px 0;
   }
   
#secondary_controls a#gotop {
   margin-top: 10px; margin-left: 25px;
   padding-left: 18px;
   background: #fff url(/directory/images/backtotop-arrw.gif) 0 6px no-repeat;
   float: left;
   }
   
#secondary_controls:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
   }
   
a#get-help {
   display: block;
   float: right;
   margin-right: 20px; margin-top: 12px;
   }
   
body a#get-help {
   margin-left: 10px;
   }
   
#data-views #profile-info li#download_cv {
   background: #fff url(/directory/images/dwnld-icn.gif) 0 50% no-repeat;
   padding-left: 21px;
   }
   
span.cv_disclaimer {
   color: #666;
   font-size: .75em;
   display: run-in;
   padding-left: 5px;
   }

#stats h4 {
	border-bottom: none;
}