#mystanfordconnection { margin:0; padding:0; width:760px; overflow:hidden; background:#D3D6D9 url(img/mystanford_opened.png) repeat-x top    }
#mystanfordconnection .hideable { margin:0; padding:0 }/* the hideable element must  have 0 margin, padding */
#mystanfordconnection .content:after,
#mystanfordconnection form:after { content:"."; display:block; height:0; clear:both; visibility:hidden }


/* faking the bottom shadow with borders */
#mystanfordconnection.closed #mystanfordconnection-message,
body.logged-in #mystanfordconnection .hideable  { border-bottom:1px solid #BFC4C8 }
body.logged-in #mystanfordconnection { border-bottom:1px solid #ADB1B6 }


/* mystanfordconnection account info */
#mystanfordconnection #mystanfordconnection-message { background:transparent }
#mystanfordconnection p#mystanfordconnection-message { padding: 8px 25px; width:710px; font-size:10px; margin:0; position:relative }
#mystanfordconnection p#mystanfordconnection-message a { position:absolute; top; 8px; right:25px; font-weight:bold; font-size:11px; text-transform:uppercase }

/* mystanfordconnection menu items */
#mystanfordconnection .content { margin:0; padding: 0 25px 10px 25px; width:710px; float:none; clear:none }
#mystanfordconnection ul { padding:0; float:left; margin:0 0 0 10px; width:170px }
#mystanfordconnection ul.treeview { padding-bottom:13px }
#mystanfordconnection ul.first { margin-left:0 }
#mystanfordconnection ul li { font-size:10px; line-height:14px; list-style-image:none; margin:0 }
#mystanfordconnection ul li a { outline:none }
#mystanfordconnection ul li li a { }
#mystanfordconnection ul li a.selected { color:#990000}
#mystanfordconnection ul ul { float:none; margin:0; width:130px }
#mystanfordconnection ul ul li { width:100% }
#mystanfordconnection .hitarea { cursor:pointer; background:url(img/mystanford_hitarea.gif) no-repeat; width:13px; height:11px }
#mystanfordconnection .expandable-hitarea { background-position: left bottom }
#mystanfordconnection .collapsable-hitarea { background-position: left 3px }
#mystanfordconnection li .hitarea, #mystanfordconnection li a { float:left }
#mystanfordconnection li { float:left; clear: left; background:url(img/mystanford_hitarea.gif) no-repeat -11px 3px    }
#mystanfordconnection li { padding-left: 13px; width: 157px }
#mystanfordconnection li.expandable, #mystanfordconnection li.collapsable { padding-left:0; width:170px } 
#mystanfordconnection li ul{ padding-left: 13px; clear:left }




/* mystanfordconnection login form */
#mystanfordconnection form { margin:0; float:none; clear:none; width:710px; background:#FCFCFD url(img/mystanford_closed.png) repeat-x top; padding:4px 25px }
#mystanfordconnection form label, #mystanfordconnection form input { display:block; clear:none; float:left }
#mystanfordconnection form p { margin:0; float:left; width: 510px; height:22px }
#mystanfordconnection form label,
#mystanfordconnection form a { font-size:10px; margin-top: 1px; }
#mystanfordconnection form label { font-weight:bold; color:#990000; margin:3px 0 0 0 }
#mystanfordconnection form input { width: 85px; height:15px; *height:12px; margin:0; margin-right:10px; outline:none}
#mystanfordconnection form button { float:left }
#mystanfordconnection form a.help,
#mystanfordconnection form a.secure { margin:3px; float:left; display:block; text-indent:-3000px; font:0/0 Arial; overflow:hidden; color:rgba(255, 255, 255, 0); vertical-align:bottom;}
#mystanfordconnection form a.help { margin-top:3px;  height:16px; width:16px; background:url(img/mystanford_help.gif) no-repeat left center}
#mystanfordconnection form a.secure { margin-top:5px;   height:12px; width:11px; background:url(img/mystanford_lock.gif) no-repeat left center}
#mystanfordconnection form a.forgot { float:right; margin:5px 0}