/* Top level container for the person menu */
.personMenu { border:1px solid rgb(224,224,224); background-color:rgb(245,248,255); font-family:Helvetica, Arial, sans-serif; font-style:normal; margin:0px; padding:0px; -moz-border-radius: 7px; }
.personMenu a { color:#0063dc; text-decoration:underline; }
.semtag_header { }

/* Container for business-card photo */
.photoCard { float:${requestScope.cssRules.bidiLeft}; margin:10px 5px 10px 10px; padding:0px; }
.photoCard img { border:1px solid rgb(192,192,192); padding:2px ! important; height:115px; width:115px; background-color:white; }

/* Container for business-card */
.businessCard { float:${requestScope.cssRules.bidiRight}; margin:11px 3px; padding-top:0px; line-height:1.7em; }

/* List for displaying business card information */
.businessCard ul { list-style-type:none; margin:0px; padding-${requestScope.cssRules.bidiLeft}:0px }
.businessCard .cardName { color:black; font-weight:bold; font-size:1.3em; }
.businessCard li { color:black; font-size:1.2em; }
.businessCard a { text-decoration:underline; }

/* Container for person menu actions */
.personMenuActions { clear:both; background-color:white; width:100%; padding:0px; margin-bottom:0px; border-top:1px solid #ACB9CD; }

/* Styles for menu list */
.personMenuActions ul { padding:0px; margin:0px; list-style:none; }
.personMenuActions li { }

/* Styles for the hover */
.menu_drop_icon { color:black; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size:1.0em; background-color:#e2eeff; border:1px solid #ACB9CD; padding:3px 5px; -moz-border-radius: 7px; }
.menu_drop_icon img { border:none; }
a.menu_drop_icon { background: url(menu_dropdown.gif) no-repeat scroll center; }
a.menu_drop_icon:link, a.menu_drop_icon:visited{ color:#000; text-decoration:none; }
a.menu_drop_icon:hover { background: url(menu_dropdown.gif) no-repeat scroll center; }

.hasHover { border-bottom: 1px dotted #306bc4; }

/* Values specific to popup menu */
.personMenu { width:400px; }
.personMenu .photoCard { }
.personMenu .photoCard img { }
.personMenu .businessCard { width:258px; }
.personMenu .businessCard ul { }
.personMenu .businessCard .cardName { }
.personMenu .businessCard li { }
.personMenu .businessCard a { }
.personMenu .personMenuActions { -moz-border-radius: 7px; }
.personMenu .personMenuActions tr, .personMenu .personMenuActions td { border-width:0px; padding:0px; margin:0px; -moz-border-radius: 7px; }
.personMenu .personMenuActions a { color:black; font-size:1.2em; text-decoration:none; border: solid 1px; display:block; padding:1px 2px 1px 5px; -moz-border-radius: 7px; }
.personMenu .personMenuActions a:link, .personMenu .personMenuActions a:visited { border-color: white; }
.personMenu .personMenuActions a:hover, .personMenu .personMenuActions a:active { background-color:#e2eeff; border-color: #8bb5e8; }
.personMenu .personMenuActions a:focus, .personMenu .personMenuActions a:active { background-color:#e2eeff; border-color: #8bb5e8; }

/** Styles for popup person card **/
.personMenu #levelOne {clear:left;margin:12px 0 5px;padding:0 0 0 125px;}
.personMenu #levelOne #photo {float:left;margin:0 0 0 -113px;padding:3px !important; border:1px solid #c2c2c4;background-color:#fff;}
.personMenu #levelOne #fn {font-size:1.2em;font-weight:bold;margin:3px 0px 0px;padding:0;}
.personMenu #levelOne #noProfileMsg {padding-top:10px;}
.personMenu #levelOne h3 {font-size:1.1em;font-weight:normal;margin:0;padding:0;}
.personMenu #levelTwo {border-top:1px solid #e3e3e4;clear:left;margin:0;padding:5px 0}
.personMenu #levelTwo #applicationLinks {padding-left:12px;}
.personMenu #levelTwo .actions{margin:0;padding:0}
.personMenu #levelTwo .actions li{display:inline;margin:0 0 0 -4px;padding:0 10px;border-left:1px solid #ccc;}
.personMenu #levelTwo .actions li.first{margin-left:0;padding-left:0;border-left-width:0;}
.personMenu #levelTwo .actions li.first, .personMenu #levelTwo .actions li.last{margin-left:-5px;padding-left:0;border-left-width:0;}
.personMenu #levelTwo .actions a, .personMenu #levelTwo .actions a:visited{color:#105cb6 !important;text-decoration:underline !important;border-bottom:0 !important;}
.personMenu #levelTwo .actions a:hover, .personMenu #levelTwo .actions a:focus{color:#05386b !important;text-decoration:underline !important;border-bottom:0 !important;}
.active span, .online {background:transparent url("images/active.gif") 0 4px no-repeat;padding-left:18px}
.away span {background:transparent url("images/away.gif") 0 4px no-repeat;padding-left:18px}
.meeting span {background:transparent url("images/meeting.gif") 0 4px no-repeat;padding-left:18px}
.dnd span {background:transparent url("images/dnd.gif") 0 4px no-repeat;padding-left:18px}
.mobileActive span {background:transparent url("images/mobileactive.gif") 0 4px no-repeat;padding-left:18px}
.mobileAway span {background:transparent url("images/mobileaway.gif") 0 4px no-repeat;padding-left:18px}
.mobileMeeting span {background:transparent url("images/mobileinameeting.gif") 0 4px no-repeat;padding-left:18px}
.mobileDnd span {background:transparent url("images/mobiledonotdisturb.gif") 0 4px no-repeat;padding-left:18px}
.away span a.online, .meeting span a.online, .dnd span a.online, .mobileAway span a.online, .mobileMeeting span a.online, .mobileDnd span a.online, .online {font-weight:normal}

/* Values specific to inline menu */
.X-person-display-inline .personMenu { }
.X-person-display-inline .personMenu .photoCard { }
.X-person-display-inline .personMenu .photoCard img { }
.X-person-display-inline .personMenu .businessCard { }
.X-person-display-inline .personMenu .businessCard ul { }
.X-person-display-inline .personMenu .businessCard .cardName { }
.X-person-display-inline .personMenu .businessCard li { }
.X-person-display-inline .personMenu .personMenuActions { }
.X-person-display-inline .personMenu .personMenuActions ul { }
.X-person-display-inline .personMenu .personMenuActions li { }
.X-person-display-inline .personMenu .personMenuActions a:link, .X-person-display-inline .personMenuActions a:visited{ }