/**
 * 
 * 
 * ---------------------------------------------------------------------------
 * 
 * Copyright (C) 2009 Omnium Research Group
 * 
 * ---------------------------------------------------------------------------
 * 
 * LICENSE:
 * 
 * This file is part of Omnium(R) Software.
 * 
 * Omnium(R) Software is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 * 
 * Omnium(R) Software is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with Omnium(R) Software; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
 * 
 * ---------------------------------------------------------------------------
 * 
 * @author    Sam Bauers <sam@omnium.net.au>
 * @author    Dan Callaghan <dan@omnium.net.au>
 * @copyright 2009 Omnium Research Group
 * @license   http://www.gnu.org/licenses/gpl.txt GNU GPL v2
 * @link      http://open.omnium.net.au Omnium Open
 **/



div#omBlockLive {
	background-color:		rgb(90, 127, 160);
	border-top:				1px solid rgb(201, 213, 225);
	border-bottom:			1px solid rgb(53, 75, 93);
	height:					16px;
	left:					0;
	position:				absolute;
	top:					0;
	width:					100%;
	z-index:				301;
}

* html div#omBlockLive {
	height:					18px;
}

/********************************************/

div#omWidgetMenu,
div#omLogoutMenu {
	font-family:			arial, helvetica, sans-serif;
	font-size:				10px;
	font-weight:			bold;
	height:					18px;
	line-height:			17px;
	margin-top:				-1px;
	position:				absolute;
	top:					0px;
	text-align:				center;
}

div#omWidgetMenu {
	border-left:			1px solid rgb(53, 75, 93);
	left:					11px;
}

div#omLogoutMenu {
	border-right:			1px solid rgb(53, 75, 93);
	right:					11px;
	width:					280px;
}

* html div#omWidgetMenu,
* html div#omLogoutMenu {
	line-height:			16px;
}

div#omWidgetMenu a.menuItem,
div#omLogoutMenu a.menuItem {
	border-bottom:			1px solid rgb(53, 75, 93);
	color:					rgb(200, 226, 248);
	cursor:					hand;
	cursor:					pointer;
	display:				block;
	height:					17px;
	position:				relative;
	text-decoration:		none;
}

div#omWidgetMenu a.menuItem {
	border-right:			1px solid rgb(53, 75, 93);
	float:					left;
	width:					160px;
}

div#omLogoutMenu a.menuItem {
	border-left:			1px solid rgb(53, 75, 93);
	float:					right;
	width:					auto;
	padding-left:			15px;
	padding-right:			15px;
}

* html div#omWidgetMenu a.menuItem,
* html div#omLogoutMenu a.menuItem {
	height:					18px;
}

div#omWidgetMenu a.menuItem img.arrow {
	height:					7px;
	position:				absolute;
	right:					10px;
	top:					5px;
	width:					9px;
}

div#omWidgetMenu a.menuItem span.count {
	color:					rgb(253, 205, 90);
	padding-right:			3px;
}

div#omWidgetMenu a.menuItemOver,
div#omLogoutMenu a.menuItemOver {
	background-color:		rgb(190, 213, 233);
	color:					rgb(53, 92, 127);
}

div#omWidgetMenu a.menuItemOn,
div#omLogoutMenu a.menuItemOn {
	background-color:		rgb(190, 213, 233);
	border-bottom-width:	0;
	color:					rgb(53, 92, 127);
	height:					18px;
}

div#omWidgetMenu a.menuItemOver span.count,
div#omWidgetMenu a.menuItemOn span.count {
	color:					rgb(53, 92, 127);
}

div#omLogoutMenu a.global {
	height: 16px;
	margin-top: 1px;
	color: rgb(255,255,255);
	background-color: rgb(174,78,152);
}

div#omLogoutMenu a.globalOver {
	height: 16px;
	margin-top: 1px;
	color: rgb(255,255,255);
	background-color: rgb(174,111,158);
}

/********************************************/
			/**om_portal_only**/

div#omLogoutMenu ul#omLogoutMenuPortal,
div#omBlockLive ul.omWidgetMenuDropdown {
	border-left:			1px solid rgb(53, 75, 93);
	border-right:			1px solid rgb(53, 75, 93);
	width:					220px;
	margin: 				0px;
	padding: 				0px;
	list-style: 			none;
	position:				absolute;
	top:					18px;
	right: 					-1px;
}

div#omBlockLive ul.omWidgetMenuDropdown {
	width:					160px;
}

div#omLogoutMenu ul#omLogoutMenuPortal li#portalLogout,
div#omBlockLive ul.omWidgetMenuDropdown li {
	border-top:				1px solid rgb(53, 75, 93);
	border-bottom:			1px solid rgb(53, 75, 93);
}

div#omBlockLive ul.omWidgetMenuDropdown li {
	border:					1px solid rgb(53, 75, 93);
	border-width:			0 0 1px 0;
}

div#omBlockLive ul.omWidgetMenuDropdown li:last-child {
	border-width:			0;
}

div#omLogoutMenu ul#omLogoutMenuPortal a,
div#omBlockLive ul.omWidgetMenuDropdown a {
	font-size:				10px;
	font-weight:			bold;
	cursor:					pointer;
	display:				block;
	height:					17px;
	position:				relative;
	text-decoration:		none;
	padding-left: 			15px;
	padding-right:			15px;
	text-align: 			left;
}

div#omLogoutMenu ul#omLogoutMenuPortal a.link,
div#omBlockLive ul.omWidgetMenuDropdown a.link {
	background-color:		rgb(200, 226, 248);
	color:					rgb(90, 127, 160);
}

div#omLogoutMenu ul#omLogoutMenuPortal a.linkOver,
div#omBlockLive ul.omWidgetMenuDropdown a.linkOver {
	background-color:		rgb(170, 207, 240);
	color:					rgb(40, 66, 88);
}

/********************************************/

div#omWidgetScreen {
	background-color:		rgb(0, 0, 0);
	height:					100%;
	left:					0px;
	filter:					alpha(opacity=60);
	opacity:				0.6;
	position:				absolute;
	top:					0px;
	width:					100%;
	z-index:				299;
}

/********************************************/

div#omWidgetBody {
	background-color:		rgb(255, 255, 255);
	left:					12px;
	position:				absolute;
	top:					18px;
	z-index:				300;
	width:					482px;
}

div#omWidgetBody div.content {
	background-color:		rgb(216, 236, 252);
	background-image:		url('images/live/widgets/bodyBackground.gif');
	background-repeat:		repeat-x;
	color:					rgb(53, 92, 127);
	font-family:			arial, helvetica, sans-serif;
	font-size:				11px;
	width:					482px;
	padding:				0;
	position:				absolute;
}

div#omWidgetBody div.content div.heading {
	padding:				10px;
	text-align:				right;
}

div#omWidgetBody div.content div.heading img {
	vertical-align:			top;
}

div#omWidgetBody div.content div.bordered {
	border:					1px solid rgb(90, 127, 160);
	border-right-color:		rgb(240, 247, 252);
	border-bottom-color:	rgb(240, 247, 252);
	margin:					0 10px;
}

div#omWidgetBody div.content div.bordered div.timeItem {
	height:					21px;
	position:				relative;
	margin:					8px 0;
}

div#omWidgetBody div.content div.bordered div.timeItem div.left,
div#omWidgetBody div.content div.bordered div.timeItem div.right {
	padding:				3px 4px;
	position:				absolute;
	top:					0;
	width:					170px;
}

div#omWidgetBody div.content div.bordered div.timeItem div.left {
	left:					10px;
	text-align:				left;
}

div#omWidgetBody div.content div.bordered div.timeItem div.right {
	right:					10px;
	text-align:				right;
}

* html div#omWidgetBody div.content div.bordered div.timeItem div.left,
* html div#omWidgetBody div.content div.bordered div.timeItem div.right {
	padding:				2px 3px;
}

div#omWidgetBody div.content div.bordered div.timeItem div.centre {
	font-weight:			bold;
	line-height:			19px;
	text-align:				center;
}

div#omWidgetBody div.content div.bordered div.timeItem div.box {
	border:					1px solid rgb(90, 127, 160);
	border-right-color:		rgb(240, 247, 252);
	border-bottom-color:	rgb(240, 247, 252);
}

div#omWidgetBody div.content div.bordered div.timeItem div.dynamic {
	background-color:		rgb(133, 176, 215);
	color:					rgb(27, 58, 85);
}

img#omWidgetBodyTimeOutputFlagLeft,
img#omWidgetBodyTimeOutputFlagRight {
	height:					11px;
	position:				absolute;
	top:					3px;
	width:					16px;
}

img#omWidgetBodyTimeOutputFlagLeft {
	right:					3px;
}

img#omWidgetBodyTimeOutputFlagRight {
	left:					3px;
}

input#omWidgetBodyTimeInput {
	border:					1px solid rgb(0, 0, 0);
	display:				block;
	font-family:			arial, helvetica, sans-serif;
	font-size:				11px;
	margin:					0;
	padding:				3px 4px;
	position:				absolute;
	right:					10px;
	top:					0;
	width:					170px;
}

* html input#omWidgetBodyTimeInput {
	padding:				2px 3px 0px 3px;
}

div#omWidgetBodyTimeInputChoices {
	background-color:		rgb(255, 255, 255);
	border:					1px solid rgb(204, 204, 204);
	font-family:			arial, helvetica, sans-serif;
	font-size:				11px;
	margin:					0;
	padding:				0;
	position:				absolute;
	right:					10px;
	top:					17px;
	width:					170px;
}

div#omWidgetBodyTimeInputChoices ul {
	list-style:				none;
	margin:					0;
	padding:				0;
}

div#omWidgetBodyTimeInputChoices ul li {
	margin:					0;
	padding:				3px 4px;
}

div#omWidgetBodyTimeInputChoices ul li.selected { 
	background-color:		rgb(253, 205, 90);
}

div#omWidgetBodyTimeInputChoices ul li span.informal { 
	color:					rgb(51, 51, 51);
	font-style:				italic;
}

div#omWidgetBody div.content div.bordered div.head {
	border-bottom:			1px solid rgb(255, 255, 255);
	font-weight:			bold;
	line-height:			15px;
	margin:					9px 9px 0 9px;
	padding:				0 1px 7px 1px;
}

div#omWidgetBody div.content div.bordered div.listHead {
	border:					1px solid rgb(90, 127, 160);
	font-weight:			bold;
	margin:					9px 9px 0 9px;
	padding:				6px 7px;
}

div#omWidgetUserSortingMode {
	background-color:		rgb(255, 255, 255);
	background-image:		url('images/navigation/chooserBackground.gif');
	background-repeat:		no-repeat;
	background-position:	100% 1px;
	border:					1px solid rgb(0, 0, 0);
	color:					rgb(0, 0, 0);
	float:					left;
	font-weight:			normal;
	height:					15px;
	line-height:			15px;
	margin-top:				1px;
	padding:				0 15px 0 2px;
}

div#omWidgetBody div.content div.bordered div.listBody {
	clear:					both;
	margin:					0 9px;
	overflow:				auto;
	*position:				relative;
	*zoom:					1 !important;
}

div#omWidgetBody div.content div.bordered div.listBody div.listItem {
	border-bottom:			1px solid rgb(255, 255, 255);
	margin:					0 5px;
	padding:				6px 3px;
	position:				relative;
}

div#omWidgetBody div.content div.bordered div.listBody div.listItem div.team {
	font-weight:			bold;
}

div#omWidgetBody div.content div.bordered div.listBody div.listItem div.team a:hover,
div#omWidgetBody div.content div.bordered div.listBody div.listItem div.teamCount a:hover {
	color:					rgb(81, 139, 195) !important;
}

div#omWidgetBody div.content div.bordered div.listBody div.listItem div.team span.none {
	font-weight:			normal;
	font-style:				italic;
}

div#omWidgetBody div.content div.bordered div.listBody div.listItem div.teamCount,
div#omWidgetBody div.content div.bordered div.listBody div.listItem div.chatStatus {
	padding:				6px 3px;
	position:				absolute;
	right:					0px;
	top:					0px;
}

div#omWidgetBody div.content div.bordered div.listBody div.listItem div.teamUser {
	padding:				6px 0 0 12px;
}

div#omWidgetBody div.content div.bordered div.listBody div.listItem div.chatStatus {
	line-height:			18px;
	padding-top:			3px;
}

div#omWidgetBody div.content div.bordered div.listBody div.listItem span.invite {
	font-style:				italic;
}

div#omWidgetBody div.content div.bordered div.listBody div.listItem a span.invite {
	color:					rgb(41, 138, 215);
}

div#omWidgetBody div.content div.bordered div.listBody div.listItem a span.inactive {
	color:					rgb(215, 28, 58);
}

div#omWidgetBody div.content div.bordered div.listBody div.listItem div.userTeam a:hover,
div#omWidgetBody div.content div.bordered div.listBody div.listItem a:hover span.invite {
	color:					rgb(81, 139, 195) !important;
}

div#omWidgetBody div.content div.bordered div.listBody div.listItem img.chatIcon {
	height:					18px;
	padding-right:			6px;
	vertical-align:			top;
	width:					23px;
}

div#omWidgetBody div.content div.bordered div.listBody div.listItem div.userTeam {
	padding:				6px 0 0 12px;
}

div#omWidgetBody div.content div.bordered div.listBody div.listItem span.userCount {
	float:					right;
}

div#omWidgetChatStatus {
	background-color:		rgb(255, 255, 255);
	background-image:		url('images/navigation/chooserBackground.gif');
	background-repeat:		no-repeat;
	background-position:	100% 1px;
	border:					1px solid rgb(0, 0, 0);
	color:					rgb(0, 0, 0);
	float:					right;
	font-weight:			normal;
	height:					15px;
	line-height:			15px;
	margin-top:				1px;
	padding:				0 15px 0 2px;
}

div#omWidgetChatStatusResult {
	float:					right;
	font-weight:			normal;
	height:					15px;
	line-height:			15px;
	margin-right:			8px;
}

div#omWidgetBody div.content a {
	color:					rgb(53, 92, 127);
	text-decoration:		none;
}

div#omWidgetBody div.content a:hover {
	color:					rgb(81, 139, 195);
}

div#omWidgetBody div.content div.statement {
	margin:					10px;
	text-align:				center;
}

div#omWidgetBody div.content div.statement span {
	color:					rgb(171, 31, 13);
}

div#omWidgetBody div.content div.launcher {
	margin:					10px;
}

div#omWidgetBody div.content div.launcher a {
	background-color:		rgb(90, 127, 160);
	border-bottom:			1px solid rgb(53, 75 ,93);
	border-top:				1px solid rgb(227, 234, 242);
	color:					rgb(255, 255, 255);
	display:				block;
	float:					right;
	height:					20px;
	line-height:			20px;
	padding:				1px 10px;
	text-align:				center;
	white-space:			nowrap;
}

div#omWidgetBody div.content div.launcher a:hover {
	background-color:		rgb(133, 164, 192);
}

div#omWidgetBody div.content div.launcher a img.icon {
	height:					20px;
	margin-left:			5px;
	vertical-align:			top;
	width:					30px;
}

* html div#omWidgetBody div.content div.launcher a img.icon {
	vertical-align: 		middle;
}

div#omWidgetBody div.clear {
	clear:					both;
	font-size:				1px;
	height:					1px;
	line-height:			1px;
}

/********************************************/