/*  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:outside; 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:7px; -webkit-border-radius:7px; border-radius: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:7px; -webkit-border-radius:7px; border-radius:7px;}
#um-frontend .um-error { border-color: #CC0000; background-color: #FFEBE8; background-image: url("./warning.png"); }
#um-frontend .um-info { border-color: #5981a3; background-color: #9ab3c8; background-image: url("./ok.png"); }

#um-folder-nav { display: block; float: left; margin: 10px 0 10px 0; padding: 0; list-style-image:none; list-style-position:outside; list-style-type:none; }
#um-folder-nav li { margin: 0; padding-top: 4px; padding-bottom: 4px; padding-left: 10px; width: 110px; height: 20px; }
#um-folder-nav li.current { background-color: #557081; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
#um-folder-nav li.um-separator { font-weight: bold; margin: 10px 0 10px 0; border-bottom: 1px dotted #DFE5FF; }
#um-folder-nav a { text-decoration: none; }

#um-folder-nav a:link { color:#fff; text-decoration:none; }
#um-folder-nav a:visited { color:#fff; text-decoration:none; }
#um-folder-nav a:active { color:#fff; text-decoration:none; }
#um-folder-nav a:hover { color:#fff; text-decoration:none; }

#um-folder-nav .current a:link { color:#fff; text-decoration:none; font-weight:bold; }
#um-folder-nav .current a:visited { color:#fff; text-decoration:none; font-weight:bold; }
#um-folder-nav .current a:active { color:#fff; text-decoration:none; font-weight:bold; }
#um-folder-nav .current a:hover { color:#ffcc33; text-decoration:underline; font-weight:bold; }

#um-content { text-align: left; margin: 10px 0 10px 120px; min-height: 500px; padding: 10px 0; background-color: #557081; }
#um-content .um-info { margin: 15px 10px; }

#um-action-menu { margin: 25px 0 0 120px; 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 120px; 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: 520px; margin: -5px 10px 0 25px; color: #000; display:block; }
#um-message-list tr td, #um-message-list tr th { vertical-align: middle; padding: 5px 10px;}
#um-message-list tr th.check-column, #um-message-list tr th.icon { width: 20px; padding: 5px 0;}
#um-message-list tr th.check-column { vertical-align: baseline; }
#um-message-list tr th.check-column input { margin: 8px; }
#um-message-list tr.head th { padding-bottom: 10px; border-bottom: 1px solid white; }
#um-message-list tr td { border-bottom: 1px solid white; }
#um-message-list tr.last td { border-bottom: none; }
#um-message-list .msg-unread { font-weight: bold; }
#um-message-list tr th.um-time-column { width: 100px; }
#um-message-list tr th.um-from-column { width: 160px; }
#um-message-list .failed { color: #aa3333; }

#um-msg { margin: 10px 10px 0 10px; display:block; }
#um-msg th { vertical-align: top; padding: 0 10px 10px 10px; text-align: right; }
#um-msg td { vertical-align: top; padding: 0 0 10px 10px; width: 440px; display:block; background:#000; }
#um-msg hr { margin: 5px 0 15px 0; }
#um-msg input { width: 96%; } 
#um-msg textarea { width: 96%; }
#um-msg select { width: 70%; }
#um-msg input.um-button { width: auto; }
.um-msg-content { display:block; word-wrap: break-word; }

#um-content div.user-select { width: 100%; }
#um-content div.user-list { width: 100%; }

#um-content div.user-select input { color: #999; background: #fff; }
#um-content div.user-select .active { color: #000; background: #ddeff6; }
#um-content div.user-list .um-user { margin: 4px; margin-top: 10px; padding: 3px 5px; color: white; background: #5A9DCF; border: 1px solid #276C9F; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; }
#um-content div.user-list span.removable:hover { background: #276C9F; cursor: pointer; }

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:7px; -webkit-border-radius:7px; border-radius: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; }
#um-action-menu { list-style-image: none; list-style-position:outside; list-style-type:none; }
#um-action-menu li { margin: 0; padding: 0; }
#um-action-menu li.action a, #um-action-menu li.bulk-action a { padding: 0 10px; }

span.um-unread-count { padding: 0px 3px; background-color: #008000; color: #FFFFFF; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius: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; }

#preferences-form { padding: 10px 20px; }