/*  Copyright 2008-2009 Vincent Prat

	> If you acquired a single website license, you can only have this plugin 
	installed and active on one website at a time.
	> If you acquired a multiple website license, you can have this plugin 
	installed and active on as many websites as you want.
*/

#um-frontend { font-size: 11px; list-style-image:none; list-style-position:inside; list-style-type:none; }
#um-frontend p { font-size: 11px; }
#um-frontend form { text-align: left; }
#um-frontend input, #um-frontend select, #um-frontend textarea { font-size: 11px; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
#um-frontend input.um-button { padding: 3px 5px; color: white; background: #5A9DCF; border: 1px solid #276C9F; -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; }
#um-frontend input.um-button:hover { background: #276C9F; cursor: pointer; }
#um-frontend ul { text-indent: 0; }
#um-frontend ul li:before { content: none; }

#um-frontend .um-clear { height: 0px; clear: both; }
#um-frontend .um-error, #um-frontend .um-info { margin: 15px 0; padding: 5px 10px 5px 45px; border: 1px solid #000000; min-height: 32px; background: #FFFFFF url("ok.png") no-repeat 3px 3px; -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; }
#um-frontend .um-error { border-color: #CC0000; background-color: #FFEBE8; background-image: url("warning.png"); }
#um-frontend .um-info { border-color: #9EBF00; background-color: #ECFF8F; background-image: url("ok.png"); }

#um-folder-nav { display: block; float: left; margin: 10px 0 10px 0; padding: 0; }
#um-folder-nav li { margin: 5px 0 5px 0; width: 80px; list-style-image:none; list-style-position:inside; list-style-type:none; }
#um-folder-nav li.current { background-color: #DFE5FF; -moz-border-radius-bottomleft:7px; -moz-border-radius-topleft:7px; }
#um-folder-nav li.um-separator { font-weight: bold; color: #880000; margin: 0px 0 5px 0px; }

#um-content { text-align: left; margin: 10px 0 10px 80px; min-height: 300px; padding: 10px 0; background-color: #DFE5FF; -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; }
#um-content .um-info { margin: 15px 10px; }

#um-action-menu { margin: 25px 0 0 80px; padding: 0 10px; list-style-image: none; list-style-position:outside; list-style-type:none; }
#um-action-menu li { margin: 0; padding: 0; display: inline; }

#um-footer-menu { margin: 25px 0 0 80px; padding: 0 10px; list-style-image: none; list-style-position:outside; list-style-type:none; }
#um-footer-menu li { margin: 0; padding: 0; display: block; float: right; }

#um-message-list { width: 96%; margin: 0 10px 0 10px; }
#um-message-list tr.head th { padding-bottom: 0px; border-bottom: 1px solid lightgrey; vertical-align: middle }
#um-message-list td { border-bottom: 1px solid lightgrey; vertical-align: middle }
#um-message-list tr.last td { border-bottom: none; }
#um-message-list .msg-unread { font-weight: bold; }

#um-msg { width: 96%; margin: 0px 0px 0px 0px; }
#um-msg th { vertical-align: middle; padding: 0 10px 0px 0px; text-align: right; }
#um-msg td { vertical-align: middle; padding: 5px 0px 5px 10px; width: 80%; }
#um-msg hr { margin: 5px 0 15px 0; }
#um-msg input { width: 96%; } 
#um-msg textarea { width: 96%; }
#um-msg select { width: 96%; }
#um-msg input.um-button { width: auto; }

div.um-user-link { display: inline; cursor: pointer;  }
div.um-user-link-tooltip { display: block; z-index: 100; position: absolute; padding: 10px; width: 250px; background: #ccff99; border: 3px solid #339900; -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; }
div.um-avatar { float: left; width: 70px; border: 1px solid #339900; }
div.um-details { margin-left: 80px; }
div.um-display-name { border-bottom: 1px dotted #339900; font-size: 1.1em; }
ul.um-user-actions { list-style-image: none; list-style-position:outside; list-style-type:none; margin: 0; padding: 0; }
ul.um-user-actions li { margin: 0; padding: 0; font-size: 0.8em; }

span.um-unread-count { padding: 0px 3px; background-color: #008000; color: #FFFFFF; -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; margin-left: 7px; }

p.um-widget-warnings { color: #D54E21; padding-left: 36px; padding-top: 9px; background: transparent url("warning.png") no-repeat 0px 0px; min-height: 32px; }