/**
 * 
 * 
 * ---------------------------------------------------------------------------
 * 
 * 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
 **/



* {
	font-family: arial, helvetica, sans-serif;
}

html,
body {
	height:					100%;
	margin:					0;
	padding:				0;
	width:					100%;
}

img {
	border-width:			0;
}

form,
fieldset {
	border-width:			0;
	margin:					0;
	padding:				0;
}

input,
select {
	border-width:			1px;
}

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

div#omBlockAlertScreen {
	position:				absolute;
	z-index:				1999;
	top:					0px;
	left:					0px;
	width:					100%;
	height:					100%;
	opacity:				0.6;
	filter:					alpha(opacity=60);
}

#omBlockAlert {
	position:				absolute;
	z-index:				2000;
	top:					180px;
	left:					0px;
	width:					100%;
	text-align:				center;
}

#omAlertBody {
	width: 					340px;
	padding:				15px;
	margin:					0px auto;
	font-family:			arial, helvetica, sans-serif;
	font-size:				11px;
	background-image:		url('images/alerts/background.gif');
	background-repeat:		repeat-x;
}

#omAlertBody span.normalWeight {
	font-weight:			normal;
}

#omAlertText {
	margin-bottom:			15px;
	font-weight:			bold;
}

#omAlertText img.icon {
	width:					62px;
	height:					23px;
	margin-bottom:			5px;
}

#omAlertText a {
	text-decoration:		none;
}

#omAlertLeft a {
	float:					left;
	width:					45%;
	display:				block;
	padding:				1px 0px;
	text-align:				center;
	line-height:			20px;
	height:					20px;
	white-space:			nowrap;
	text-decoration:		none;
}

#omAlertLeft a img.icon {
	height:					20px;
	width:					30px;
	vertical-align:			top;
}

* html #omAlertLeft a img.icon {
	vertical-align:			middle;
}

#omAlertRight a {
	width:					45%;
	margin-left:			55%;
	display:				block;
	padding:				1px 0px;
	text-align:				center;
	line-height:			20px;
	height:					20px;
	white-space:			nowrap;
	text-decoration:		none;
}

* html #omAlertRight a {
	width:					100%;
}

#omAlertRight a img.icon {
	height:					20px;
	width:					30px;
	vertical-align:			top;
}

* html #omAlertRight a img.icon {
	vertical-align:			middle;
}

.omFolderSelect {
	width:					50%;
	margin-top:				8px;
}

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

div#omBlockBanner {
    position:               absolute;
    top:                    30px;
    left:                   12px;
    right:                  12px;
    height:                 98px;
    overflow:               hidden;
}

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

div#omBlockTitle {
	position:				absolute;
	top:					134px;
	right:					18px;
	height:					23px;
	width:					500px;
}

div#omBlockTitle h2 {
	margin:					0;
	padding:				0;
	height:					23px;
	width:					500px;
}

div#omBlockTitle h2 img {
	height:					23px;
	width:					500px;
}

div#omBlockTitlePrint {
	display:				none;
}

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





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

div#omBlockModuleNavigation {
	position:				absolute;
	top:					163px;
	left:					12px;
	z-index:				10;
	width:					120px;
	text-align:				center;
	font-family:			arial, helvetica, sans-serif;
	font-size:				8pt;
	font-weight:			bold;
	line-height:			19px;
}

* html div#omBlockModuleNavigation {
	width:					122px;
}

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

div#omBlockModuleNavigation ul li {
	margin:					0;
	padding:				3px 0;
	height:					19px;
	width:					116px;
	text-align:				center;
	margin-left:			auto;
	margin-right:			auto;
}

div#omBlockModuleNavigation ul li a {
	display:				block;
	position:				relative;
	width:					116px;
	text-decoration:		none;
}

div#omBlockModuleNavigation ul li a img {
	position:				absolute;
	top:					0;
	left:					0;
	width:					116px;
	height:					19px;
}

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



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

div#omBlockActions {
	position:				absolute;
	top:					163px;
	left:					148px;
	right:					12px;
}

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

div#omDivider {
	height:					0;
	line-height:			0;
	font-size:				0;
	background-color:		transparent;
}

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

div#omUserNavigation {
	font-size:				11px;
	padding:				3px 2px;
}

div#omUserNavigation table {
	border-collapse:		collapse;
	font-size:				11px;
}

div#omUserNavigation div.name {
	height:					19px;
}

div#omUserNavigation div.name h3 {
	font-size:				12px;
	font-weight:			normal;
	line-height:			19px;
	margin:					0;
	padding:				0 0 0 3px;
}

div#omUserNavigation div.team,
div#omUserNavigation div.user {
	height:					19px;
	position:				relative;
}

div#omUserNavigation div.user {
	margin-top:				3px;
}

div#omUserNavigation div.team img.bevel,
div#omUserNavigation div.user img.bevel,
div#omUserNavigation div.team div.menuOuter,
div#omUserNavigation div.user div.menuOuter {
	position:				absolute;
	top:					0;
	left:					0;
	width:					100%;
	height:					19px;
	text-align:				center;
}

div#omUserNavigation div.team div.menuOuter table.menu,
div#omUserNavigation div.user div.menuOuter table.menu {
	top:					0;
	height:					19px;
	margin:					0 auto;
	width:					auto;
	padding:				0;
}

div#omUserNavigation div.team div.menuOuter table.menu tr td,
div#omUserNavigation div.user div.menuOuter table.menu tr td {
	padding:				0;
	margin:					0;
	text-align:				center;
	vertical-align:			middle;
	white-space:			nowrap;
}

div#omUserNavigation div.team div.menuOuter table.menu tr td.menuInner {
	padding:				0 6px;
}

div#omUserNavigation div.team div.menuOuter table.menu tr td.menuInner table {
	font-size:				11px;
}

div#omUserNavigation div.team div.menuOuter table.menu tr td.menuInner table tr td div {
	line-height:			19px;
}

* html div#omUserNavigation div.team div.menuOuter table.menu tr td.menuInner table tr td div {
	line-height:			18px;
}

div#omUserNavigation div.team div.menuOuter table.menu tr td.menuInner table tr td.name {
	font-style:				italic;
}

div#omUserNavigation div.team div.menuOuter table.menu tr td.menuInner table tr td img.arrow {
	height:					19px;
	margin:					0 4px;
	vertical-align:			top;
	width:					20px;
}

div#omUserNavigation div.team div.menuOuter table.menu tr td.menuInner table tr td div.drop {
	background-image:		url('images/navigation/chooserBackground.gif');
	background-repeat:		no-repeat;
	background-position:	100% 0%;
	height:					13px;
	line-height:			13px;
	min-width:				100px;
	padding:				0px 15px 0px 2px;
	text-align:				left;
}

* html div#omUserNavigation div.team div.menuOuter table.menu tr td.menuInner table tr td div.drop {
	width:					100px;
}

div#omUserNavigation div.team div.menuOuter table.menu tr td.menuInner table tr td div.select {
	font-style:				italic;
}

div#omUserNavigation div.user div.menuOuter table.menu tr td.menuInner a {
	display:				block;
	font-weight:			bold;
	height:					19px;
	line-height:			19px;
	position:				relative;
	text-decoration:		none;
	width:					150px;
}

* html div#omUserNavigation div.user div.menuOuter table.menu tr td.menuInner a {
	line-height: 18px;
}

div#omUserNavigation div.user div.menuOuter table.menu tr td.edge,
div#omUserNavigation div.user div.menuOuter table.menu tr td.edge a {
	width:					30px;
	font-weight:			bold;
	font-size:				14px;
	line-height:			14px;
}

div#omUserNavigation div.user div.menuOuter table.menu tr td.padder {
	width:					31px;
}

div#omUserNavigation div.user div.menuOuter table.menu tr td.edge a {
	width:					30px;
}

/**************FORM CHOOSER***********/

div.omFormChooserScrollUp,
div.omFormChooserScrollDown {
	position:				absolute;
	height:					11px;
	left:					0;
}

div.omFormChooserScrollUp {
	top:					0;
}

div.omFormChooserScrollDown {
	bottom:					0;
}

div.omFormChooserScrollUp div,
div.omFormChooserScrollDown div {
	background-repeat:		no-repeat;
	background-position:	50% 50%;
	margin:					0 1px;
	height:					11px;
}

div.omFormChooserScrollUp div {
	background-image:		url('images/navigation/chooserScrollUp.gif');
}

div.omFormChooserScrollDown div {
	background-image:		url('images/navigation/chooserScrollDown.gif');
}

div.omFormChooserTarget {
	cursor:					default;
	white-space:			nowrap;
	-khtml-user-select:		none;
}

div.omFormChooserTarget::selection {
	background-color:		transparent;
}

div.omFormChooserTarget::-moz-selection {
	background-color:		transparent;
}

/***************FORM CALENDAR****************/

div.omCalendar {
	margin-bottom:			8px;
}

div.omCalendar table {
	border-collapse:		collapse;
	padding:				3px;
}

div.omCalendar thead {
	text-align:				center;
}

div.omCalendar th,
div.omCalendar td {
	padding:				0 5px;
}

div.omCalendar th.monthAction {
	cursor:					pointer;
	cursor:					hand;
	font-weight:			bold;
}

div.omCalendar td {
	border-width:			0 1px;
	cursor:					pointer;
	cursor:					hand;
	text-align:				right;
}

/*****************BB TOOLBAR*****************/
div#omBBToolbar {
	margin-bottom:			6px;
	padding:				3px;
}

div#omBBToolbar a.omBBButton {
	border:					1px solid transparent;
	margin:					0 3px;
	float:					left;
	display:				block;
	height:					20px;
	width:					20px;
	text-align:				center;
	line-height:			18px;
}

div#omBBToolbar a.omBBButton img {
	vertical-align:			middle;
	padding:				0;
	margin:					0;
}

div.omBBPreviewWrapper {
	width:					100%;
	margin:					12px 0;
}

div.omBBPreviewWrapper span.previewTitle {
	font-size:				12px;
	font-weight:			bold;
	float:					left;
	margin-bottom:			10px;
}

div.omBBPreviewWrapper a.previewAction {
	float:					right;
}

div.omBBPreviewWrapper div.omBBPreviewArea {
	clear:					both;
	height:					220px;
	padding:				10px;
	overflow-y:				auto;
}

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

div#omActions {
	height:					39px;
}

div#omActions a {
	text-decoration:		none;
}

div#omActions div.help a img {
	display:				block;
	height:					15px;
	width:					15px;
}

div#omActions div.left {
	float:					left;
	margin:					8px 0px 0px 6px;
}

div#omActions div.left a {
	background-image:		url('images/navigation/actionMajorBackground.gif');
	background-repeat:		repeat-x;
	background-position:	0 0;
	display:				block;
	font-family:			arial, helvetica, sans-serif;
	font-size:				8pt;
	line-height:			17px;
	padding:				0 6px;
}

div#omActions div.left a:hover {
	background-position:	0px -17px;
}

div#omActions div.right {
	float:					right;
	top:					10px;
	right:					6px;
	font-family:			arial, helvetica, sans-serif;
	font-size:				8pt;
	line-height:			15px;
	margin:					10px 0 0 0;
	padding:				0 6px;
}

div#omActions div.right.noborder {
	border-width:			0;
	padding-right:			1px;
}

div#omActions div.help {
	border-right-width:		0px;
}

div#omActions div.right div {
	float:					left;
}

div#omActions div.right img.arrow {
	display:				block;
	float:					left;
	height:					15px;
	width:					20px;
}

div#omActions div.right img.layout {
	display:				inline;
	height:					15px;
	vertical-align:			top;
	width:					26px;
}

div#omActions div.right div.italic {
	font-style:				italic;
}

div#omActions div.right div.dropDown {
	background-image:		url('images/navigation/chooserBackground.gif');
	background-repeat:		no-repeat;
	background-position:	100% 0px;
	font-style:				italic;
	font-weight:			normal;
	height:					13px;
	line-height:			13px;
	padding:				0 15px 0 2px;
}

div#omActions div.right img.feedIcon {
	display:				block;
	float:					left;
	height:					12px;
	width:					12px;
	margin-right:			4px;
	margin-top:				1px;
}

* html div#omActions div.right img.feedIcon {
	margin-top:				2px;
}

div.omFormChooser div.action {
	text-align:				right;
	text-indent:			15px;
}

div.omFormChooser div.select {
	font-style:				italic;
	text-align:				left;
	text-indent:			0;
}

div.omFormChooser div.group {
	font-style:				italic;
	text-align:				left;
	margin-top:				8px;
	text-indent:			0;
}

/****************THUMBNAILS*****************/

div.omThumb {
	padding:				5px;
}

div.omThumb div {
	margin:					0;
	padding:				0;
	line-height:			0;
	font-size:				0;
	text-align:				center;
}

div.omThumb div img {
	vertical-align:			middle;
	padding:				0;
	margin:					0;
	display:				block;
	margin-top:				expression((Number(this.parentNode.parentNode.style.height.replace(/px/,'')) / 2) - (Number(this.height) / 2) + 'px');
}

*>div.omThumb div img {
	display:				inline;
}

/***************CONTENT PADDER**************/

div.omContentPadder {
	padding:				8px;
}

div.omContentPadder {
	*overflow-x:			hidden;
}

div.omContentPadder div.clear {
	clear:					both;
	height:					0;
	line-height:			0;
	font-size:				0;
}

/*****************CONTENT*******************/

div.omContent {
	width:					100%;
}

div.omContent table {
	font-size:				12px;
}

div.omContent div.omThumb {
	position:				relative;
}

/*****************HEADINGS********************/

div.omContent div.heading {
	position:				relative;
	margin-bottom:			8px;
}

div.omContent div.nomargin {
	margin-bottom:			0;
}

div.omContent div.heading h3 {
	font-family:			arial, helvetica, sans-serif;
	font-size:				9pt;
	font-weight:			normal;
	margin:					0;
	padding:				8px 5px 7px 12px;
	position:				relative;
	width: 					auto;
}

div.omContent div.heading h3 span.author,
div.omContent div.heading h3 span.actions {
	display:				block;
	position:				absolute;
	right:					12px;
	top:					8px;
	width:					210px;
	text-align:right;
}

div.omContent div.heading h3 span.author {
	font-style:				italic;
	width:					inherit;
}

div.omContent h4 {
	margin-bottom:			3px;
}

div.omContent h5 {
	font-size:				13px;
	margin:					0;
	padding:				0;
	position:				relative;
}

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

div.omContent span.inactive {
	font-style:				italic;
	font-weight:			normal;
}

div.omContent span.untitled {
	font-style:				italic;
}

div.omContent span.local,
div.omContent span.auto {
	font-style:				italic;
}

div.omContent hr {
	border-width:			0;
	font-size:				12px;
	height:					1px;
	line-height:			auto;
	border-style:			solid;
	margin:					1em auto;
	padding:				0;
}


div.omContent div.omGalleryItem div.omPrivate div.omThumb {
	border-style:			dashed !important;
}

div.omContent div.omQuote {
	margin:					0 0 1em 3em;
	zoom:					1;
}

div.omContent div.omQuote h4.quoteHead {
	margin:					0;
	font-size:				11px;
	font-style:				italic;
	font-weight:			normal;
	line-height:			12px;
	padding:				4px;
	zoom:					1;
}

div.omContent div.omQuote div.quoteBody {
	padding:				8px;
	zoom:					1;
}


/*****************IMAGES**********************/

div.omContent img.icon {
	height:					16px;
	vertical-align:			top;
	width:					16px;
}

div.omContent img.linkIcon {
	height:					16px;
	vertical-align:			top;
	width:					16px;
	margin-right:			6px;
}

div.omContent img.infoIcon {
	height:					13px;
	margin:					1px 0 0 0;
	vertical-align:			top;
	width:					13px;
}

* html div.omContent img.infoIcon {
	margin-top:				2px;
}

div.omContent img.dateIcon {
	width:					14px;
	height:					15px;
	vertical-align:			top;
	margin-right:			5px;
}

div.omContent img.toggleIcon {
	height:					14px;
	width:					14px;
}

div.omContent img.profileIcon {
	vertical-align:			top;
}

div.omContent img.flag {
	margin-right:			6px;
	margin-top:				1px;
	vertical-align:			top;
	height:					11px;
	width:					16px;
}

* html div.omContent img.flag {
	margin-top:			   2px;
}

div.omContent div.handle,
div.omContent span.folderHandle {
	cursor:					move;
	display:				inline;
}

div.omContent div.handle img,
div.omContent span.folderHandle img {
	height:					13px;
	vertical-align:			top;
	width:					13px;
}

div.omContent img.folderIcon {
	height:					14px;
	vertical-align:			top;
	width:					14px;
}

div.omContent img.replyIcon {
	height:					13px;
	vertical-align:			top;
	width:					14px;
}

div.omContent img.errorIcon {
	height:					13px;
	margin-right:			5px;
	vertical-align:			top;
	width:					13px;
}

/***************INLINE IMAGES****************/

div.omContent div.inlineImage {
	text-align:				center;
	width:					100%;
}

div.omContent div.inlineImage table {
	margin:					0 auto;
}

div.omContent div.inlineImage table tr td {
	padding:				6px;
	text-align:				center;
	vertical-align:			top;
}
div.omContent div.inlineImage table tr td div.omThumb {
	margin-bottom:			6px;
}

/*****************CONTAINER*******************/

div.omContent div.omContainer {
	background-image:		url('images/gradientContent.gif');
	background-repeat:		repeat-x;
	background-position:	bottom;
	font-size:				12px;
	padding:				12px 12px 18px 12px;
}

div.omContent div.omContainer p {
	margin:					0 0 1em 0;
	text-align:				justify;
}

div.omContent div.omContainer code {
	display:				block;
	margin:					0 0 1em 0;
}

div.omContent div.omContainer div.itemContent {
	margin:					0;
	padding:				12px;
	position:				relative;
}

* html div.omContent div.omContainer div.itemContent {
	display: inline-block;
}

/*****************ARTICLE TITLE*****************/
/* A title to go at the start of a news item */

div.omContent ul.omTitle {
	list-style:				none;
	margin:					0 0 8px 0;
	padding:				0;
}

div.omContent ul.omTitle li {
	float:					left;
}

div.omContent ul.omTitle li.right {
	float:					right;
}


/*****************ARTICLE STAMP*****************/
/* A header which goes at the start of a news
article or forum post, with timestamp, author 
etc. */

div.omContent ul.omHeader {
	clear:					both;
	font-size:				11px;
	list-style:				none;
	margin:					8px 0 0 0;
	padding:				0 0 8px 0;
	position:				relative;
}

div.omContent ul.omHeader li {
	display:				inline;
	line-height:			15px;
}

div.omContent ul.omHeader li.date {
	padding-right:			10%;
}

div.omContent ul.omHeader li.right {
	float:					right;
}

/***************ITEM CONTENT*****************/

div.omContent div.itemContent {
	text-align:				justify;
}

/*******************FOLDER********************/
/*
	This is to be used for resource folders and
	forums
*/

div.omContent div.omFolder {
	font-size:				12px;
	padding:				6px;
	position:				relative;
	zoom:					1;
}

div.omContent div.omFolder img {
	vertical-align:			top;
}

div.omContent div.omFolder span.actions {
	position:				absolute;
	right:					12px;
}

div.omContent div.omFolder form {
	display:				inline;
	margin:					0;
	padding:				0;
}

div.omContent div.omFolder input {
	border-width:			1px;
	margin:					0;
	vertical-align:			top;
}

div.omContent div.omFolder input.omFolderActivation {
	margin-right:			4px;
}

div.omContent div.omFolder form img {
	height:					16px;
	width:					16px;
}

div.omContent div.omFolder form.inplaceeditor-form input {
	border-width:			1px;
	font-size:				11px;
	margin:					0 4px 0 0;
	vertical-align:			top;
}

div.omContent div.omFolder form.inplaceeditor-form a {
	padding:				1px 10px 1px 18px;
	background-repeat:		no-repeat;
	line-height:			16px;
}

div.omContent div.omFolder form.inplaceeditor-form a.editor_ok_link {
	background-image:		url('images/icons/accept.png');
}

div.omContent div.omFolder form.inplaceeditor-form a.editor_cancel_link {
	background-image:		url('images/icons/delete.png');
}

/*******************ITEM LIST*****************/
/*
	An item list is a table of items such as
	resources
*/
div.omContent div.omItemList {
	border:					none;
	font-size:				12px;
	padding:				0;
}

div.omContent div.omItemList table {
	border-collapse:		collapse;
	font-size:				12px;
	width:					100%;
}

div.omContent div.omItemList table th {
	font-weight:			normal;
	padding:				0 6px 6px 6px;
	text-align:				left;
	vertical-align:			bottom;
}

div.omContent div.omItemList table th.padded {
	padding-top:			6px;
}

div.omContent div.omItemList table td {
	background:				none;
	padding:				6px;
	vertical-align:			top;
}

div.omContent div.omItemList table td.edge,
div.omContent div.omItemList table th.edge {
	border:					none;
	padding:				0;
	max-width:				12px;
	min-width:				12px;
	white-space:			nowrap;
	width:					12px;
}

div.omContent div.omItemList table th.edge {
}

div.omContent div.omItemList table td.number,
div.omContent div.omItemList table th.number {
	width:					1px;
	text-align:				center;
}

div.omContent div.omItemList table td.author {
	text-align:				left;
	white-space:			nowrap;
	width:					300px;
}

div.omContent div.omItemList table th.actions,
div.omContent div.omItemList table td.actions {
	text-align:				right;
	white-space:			nowrap;
	width:					150px;
}

div.omContent div.omItemList table th.information,
div.omContent div.omItemList table td.information {
	border:					none;
	margin:					0;
	padding:				0;
	
}

div.omContent div.omItemList table td.inactive {
	font-style:				italic;
}

div.omContent div.omItemList table td div {
	margin:					0;
}

div.omContent div.omItemList tbody.draggingOff {
	background-color:		transparent;
}

div.omContent div.omFolder input.omFolderActivation {
	margin-right:			4px;
}
/*************INFORMATION DROPDOWN************/
/*
	A dropdown for the information button an
	example can be seen in links
*/

div.omContent div.omInformation {
	font-size:				11px;
	margin-top:				12px;
	padding:				6px 0;
	position:				relative;
}

div.omContent div.omDropDown table {
	font-size:				11px;
	margin:					0;
	padding:				0;
	width:					100%;
}

div.omContent div.omDropDown table td,
div.omContent div.omItemList div.omDropDown table td {
	border:					none;
	padding:				3px 6px;
	vertical-align:			top;
	width:					60%;
}

div.omContent div.omDropDown table td.left,
div.omContent div.omItemList div.omDropDown table td.left {
	font-style:				italic;
	text-align:				right;
	width:					30%;
}

/******************PROFILES*****************/
/*
	The tables at the bottom of the profile
	page
*/

div.omContent div.profileTable {
	margin-top:				24px;
	padding-top:			0;
	padding-bottom:			6px;
	width:					45%;
}

div.omContent div.profileOptions {
	float:					left;
}

div.omContent div.profileData {
	float:					right;
}

div.omContent div.profileTable table {
	border-collapse:		collapse;
	margin:					0;
	padding:				0;
	width:					100%;
}

div.omContent div.profileTable table th,
div.omContent div.profileTable table td {
	vertical-align:			top;
}

div.omContent div.profileTable table th {
	font-style:				italic;
	font-weight:			normal;
	padding:				6px 6px 6px 1px;
	text-align:				right;
	white-space:			nowrap;
}

div.omContent div.profileTable table td {
	padding:                6px 1px 6px 6px;
    vertical-align:         top;
}

/****************GALLERY ITEMS***************/

div.omContent div.horizontal {
	overflow:				auto;
	width:					100%;
}

div.omContent div.omGalleryItem {
	float:					left;
}

* html div.omContent div.omGalleryItem {
	width:					1px;
}

div.omContent div.omGalleryItem div.omThumb {
    margin:					10px 20px 10px 20px;
}

div.omContent div.omGalleryItem div.item {
	margin:					6px;
	position:				relative;
}

* html div.omContent div.omGalleryItem div.item {
	float:					left;
	margin:					6px 3px 6px 3px;
}

div.omContent div.omGalleryItem div.overlay {
	filter:					alpha(opacity=75);
	height:					100%;
	left:					0;
	opacity:				0.75;
	position:				absolute;
	top:					0;
	width:					100%;
	z-index:				100;
}

* html div.omContent div.omGalleryItem div.overlay {
	height:					expression(parentNode.clientHeight+"px");
}

div.omContent div.omGalleryItem div.info,
div.omContent div.omGalleryItem div.actions {
	left:					0;
	position:				absolute;
	top:					0;
	width:					100%;
	z-index:				150;
}

div.omContent div.omGalleryItem div.info ul {
	font-size:				11px;
	list-style:				none;
	margin:					12px 0;
	padding:				0 15px 0 30px;
}

div.omContent div.omGalleryItem div.info ul li {
	padding:				4px 6px 4px 10px;
}

div.omContent div.omGalleryItem div.info ul li.title {
	padding:				4px 0 8px 0;
}

div.omContent div.omGalleryItem div.actions ul {
	font-size:				13px;
	list-style:				none;
	margin:					40px 20px 0 20px;
	padding:				0;
}

div.omContent div.omGalleryItem div.actions li {
	padding:				4px;
}

div.omContent div.omGalleryItem div.mover {
	background-image:		url('images/controls/mover.gif');
	background-position:	50% 50%;
	background-repeat:		no-repeat;
	cursor:					move;
	filter:					alpha(opacity=75);
	height:					90%;
	opacity:				0.75;
}

div.omContent div.omGalleryItem div.controls {
	height:					19px;
	line-height:			19px;
	margin:					2px;
	position:				relative;
	z-index:				200;
}

div.omContent div.omGalleryItem div.controls img.bevel {
	display:				block;
	height:					19px;
	width:					100%;
}

div.omContent div.omGalleryItem div.controls a {
	top:					0px;
}

div.omContent div.omGalleryItem div.controls a.control {
	display:				block;
	height:					19px;
	position:				absolute;
	text-decoration:		none;
	width:					21px;
}

div.omContent div.omGalleryItem div.controls img {
	left:					0px;
	position:				absolute;
	top:					0px;
}

div.omContent div.omGalleryItem div.controls img.bevel {
	border-width:			0px;
}

div.omContent div.omGalleryItem div.controls img.icon {
	width:					21px;
	height:					19px;
}

div.omContent div.omGalleryItem div.controls a.admin {
	font-size:				8pt;
	left:					0px;
	text-align:				center;
	width:					100%;
}

div.omContent div.omGalleryItem div.controls a.show {
	left:					0px;
}

div.omContent div.omGalleryItem div.controls a.info {
	left:					22px;
}

div.omContent div.omGalleryItem div.controls a.check {
	right:					22px;
}

div.omContent div.omGalleryItem div.controls a.sort,
div.omContent div.omGalleryItem div.controls a.copier {
	right:					0px;
}

/*******************USER LIST*****************/

div.omContent div.omUserList {
	border-top:				none;
	padding:				0;
}

div.omContent div.omUserList div.omThumb {
	border:					none;
	float:					none;
	margin:					0;
	padding:				1px;
}

div.omContent div.omUserList table th {
	font-weight:			normal;
	padding:				0px 6px 6px 6px;
	text-align:				left;
	vertical-align:			bottom;
}

div.omContent div.omUserList table td {
	padding:				6px;
	vertical-align:			middle;
}

div.omContent div.omUserList table td.heading {
	padding:				20px 0px 6px 0px;
}

div.omContent div.omUserList table th.edge,
div.omContent div.omUserList table td.edge {
	padding:				0;
	min-width:				12px;
	width:					12px;
}

div.omContent div.omUserList table td.edge {
	border:					none;
}

div.omContent div.omUserList table td.location {
	white-space:			nowrap;
}

div.omContent div.omUserList table td.icon {
	text-align:				center;
	width:					1px;
}

/*******************TEAM LIST*****************/

div.omContent ul.omTeamList {
	margin:					0;
	padding:				0 0 0 18px;
}

div.omContent ul.omTeamList li {
	font-size:				15px;
	margin:					0;
	padding:				0;
}

div.omContent ul.omTeamList li a,
div.omContent ul.omTeamList li span {
	font-size:				12px;
}

/******************THUMBNAIL*****************/
/*
	A horizontal display of thumbnail previews
	so far only used in Galleries
	N.B. a height must be dynamically specified
	on omThumbnails
*/
div.omContent div.omThumbnails {
	overflow:				hidden;
	margin-top:				10px;
}

/* IE7 Hack to hide thumbnails properly */
div.omContent div.omThumbnails {
	*position: relative;
}

div.omContent div.omThumbnails div.thumbnail {
	float:					left;
	padding:				6px 7px 6px 7px;
}

/*****************OLD FORMS******************/

form.omForm,
form.omForm fieldset {
	border:					0px;
	margin:					0px;
	padding:				0px;
}

form.omForm {
	font-family:			arial, helvetica, sans-serif;
	font-size:				9pt;
}

form.omForm fieldset div.omFormPair {
	clear:					both;
}

form.omForm fieldset div.omFormPair div.omFormLabel {
	float:					left;
	padding:				6px 0;
	width:					33%;
}

form.omForm fieldset div.omFormPair div.omFormLabel div.step {
	float:					left;
	font-size:				8pt;
	height:					20px;
	line-height:			20px;
	margin:					0 0 0 6px;
	position:				relative;
	text-align:				center;
	width:					20px;
}

form.omForm fieldset div.omFormPair div.omFormLabel div.step img {
	height:					20px;
	position:				absolute;
	width:					20px;
}

form.omForm fieldset div.omFormPair div.omFormLabel label {
	display:				block;
	float:					right;
	padding:				3px 18px 0 0;
}

form.omForm fieldset div.omFormPair div.omFormField {
	float:					left;
	padding:				6px 0;
	width:					65%;
}

form.omForm fieldset div.omFormPair div.omFormField div.data {
	padding:				3px 0 0 0;
}

form.omForm fieldset div.omFormPair div.omFormField input,
form.omForm fieldset div.omFormPair div.omFormField textarea {
	margin:					0;
	font-size:				9pt;
}

form.omForm fieldset div.omFormPair div.omFormField select {
	margin:					0;
	font-size:				9pt;
}

form.omForm fieldset div.omFormPair div.omFormField select option {
	font-size:				9pt;
	margin:					0;
}

form.omForm fieldset div.omFormPair div.omFormField .narrow {
	width:					50%;
}

form.omForm fieldset div.omFormPair div.omFormField .wide {
	width:					100%;
}

form.omForm fieldset div.omFormPair div.omFormField a {
	text-decoration:		none;
}

form.omForm fieldset div.omFormPair div.omFormField div.omFormFieldGroup {
	padding:				6px;
}

form.omForm fieldset div.omFormPair div.omFormField div.omFormFieldGroup div.omFormFieldGroupLeft {
	float:					left;
	margin:					0 18px 0 0;
}

form.omForm fieldset div.omFormPair div.omFormField div.omFormFieldGroup div.omFormFieldGroupLeft img {
	display:				block;
}

form.omForm fieldset div.omFormPair div.omFormField div.omFormFieldGroup div.omFormFieldGroupRight {
	float:					left;
}

form.omForm fieldset div.omFormPair div.omFormField div.omFormFieldGroup div.omFormFieldGroupRight div {
	padding:				6px 0 0 0;
}


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

div#omBlockLogo {
	position:				absolute;
	bottom:					2px;
	right:					12px;
	height:					19px;
	width:					139px;
}

div#omBlockLogo a img {
	height:					16px;
	width:					139px;
	display:				block;
}

div.autocomplete {
	position:				absolute;
	margin:					0px;
	padding:				0px;
	font-size:				9pt;
	color:					#000000;
	z-index:				40;
}
div.autocomplete ul {
	background-color:		white;
	border:					1px solid #888888;
	list-style-type:		none;
	margin:					0px;
	padding:				0px;
}
div.autocomplete ul li.selected {
	background-color:		#dddddd;
}
div.autocomplete ul li {
	cursor:					pointer;
	display:				block;
	list-style-type:		none;
	margin:					0;
	padding:				2px;
}
div.autocomplete ul li span.informal {
	display:				none;
}

/********************FORMS*********************/
form.omForm {
	width:					100%;
}

form.omForm div.omFormContainer,
form.omForm div.omMultiFormContainer,
form.omForm div.omContainerNested {
	clear:					left;
	line-height:			20px;
	position:				relative;
	zoom:					1;
}

form.omForm div.hasLayout {
	zoom:					1;
}

form.omForm div.omFormContainer label,
form.omForm div.omFormElement {
	padding:				6px 0;
}

form.omForm div.omFormContainer label {
	display:				block;
	float:					left;
	margin-right:			15px;
	text-align:				right;
	width:					160px;
}

form.omForm label span.number {
	display:				block;
	font-size:				12px;
	font-weight:			bold;
	left:					6px;
	line-height:			12px;
	position:				absolute;
	text-align:				center;
	top:					11px;
	width:					22px;
}

* html form.omForm label span.number {
	top:					12px;
}

form.omForm label span.sub {
	font-size:				10px;
}

form.omForm label span.optional {
	font-size:				11px;
	font-style:				italic;
}

form.omForm div.omFormElement {
	margin:					0 0 0 175px;
	text-align:				left;
}

form.omForm div.active,
form.omForm div.error,
form.omForm div.omFormContainer,
form.omForm div.omContainerNested {
	background-repeat:		no-repeat;
	background-position:	6px 6px;
}

form.omForm img,
div#omUploadList img {
	margin:					0 4px 0 4px;
	padding-top:			4px;
	vertical-align:			top;
}

form.omForm img.formOverlay {
	position:				absolute;
	top:					2px;
	left:					2px;
	height:					22px;
	width:					22px;
}

* html form.omForm img.formOverlay {
	position:				absolute;
	top:					6px;
	left:					2px;
}

form.omForm div.omFormBox div.omContainerNested div.filePreview div.omThumb {
	float:				none;
	width:				120px;
}

form.omForm img.calendar {
	margin:					0;
	padding-top:			2px;
}

div#omUploadList {
	display:				block;
	position:				relative;
	width:					100%;
	margin-bottom:			6px;
	line-height:			20px;
	font-size:				12px;
	vertical-align:			middle;
}

div.omUploadListContainer {
	padding:				3px 8px;
}

div#omUploadContent {
	width:					100%;
	padding-bottom:			6px;
	margin-bottom:			6px;
}

div#omUploadList div#omUploadContent div.uploadContent {
	display:				block;
	position:				relative;
	margin-right:			25px;
	margin-left:			25px;
	height:					22px;
	line-height:			22px;
	width:					auto;
	font-size:				12px;
}

div#omUploadList div#omUploadHeader a {
	line-height:			20px;
	font-size:				12px;
}

div#omUploadList div#omUploadHeader a img {
	vertical-align:			top;
	padding-top:			2px;
}

div#omUploadList div.uploadContent span {
	position:				relative;
	display:				block;
	padding:				0 6px;
}

div#omUploadList div.uploadContent span.left {
	float:					left;
	text-align:				left;
}

div#omUploadList div.uploadContent span.right {
	float:					right;
	text-align:				right;
}

/**********FORM ERRORS**************/
form.omForm p.formError,
div#omUploadList p.formError {
	margin:					2px 0 4px 0;
	padding:				1px 0 1px 5px;
	width:					95%;
}

div#omUploadList p.formError {
	width:					99.6%;
}

/**********FORM ELEMENTS**************/

form.omForm div.omFormElement input,
form.omForm div.omFormElement textarea {
	font-size:				12px;
	width:					95%;
}

form.omForm div.omFormElement input.checkbox,
form.omForm div.omFormElement input.button,
form.omForm div.omContainerNested input.checkbox {
	width:					auto !important;
}

form.omForm div.omFormElement input.fileUpload {
	width:					auto;
}

form.omForm div.omFormElement .narrow {
	width:					50%;
}

form.omForm div.omFormElement .check {
	width:					12px;
}

form.omForm div.omFormElement input.button {
	cursor:					hand;
	cursor:					pointer;
	background-color:		transparent;
	font-size:				11px;
}

form.omForm div.omFormElement select {
	margin-right:			4px;
}

form.omForm div.omFormElement select.fixedSelect {
	width:					31%;
}

form.omForm div.omFormElement div.omFormCheckbox label {
	display:				inline;
	float:					none;
}

form.omForm div#activationSelect {
	float:					left;
	width:					48%;
}

form.omForm div#activationSelect select#daySelect,
form.omForm div#activationSelect select#yearSelect {
	width:					22%;
}

form.omForm div#activationSelect select#monthSelect {
	width:					50%;
}

form.omForm div#uploadProgress img {
	margin:					0 4px 0 0;
	padding-top:			2px;
}

/**************FORM BOX************/

form.omForm div.omFormBox {
	margin:					28px 0 12px 0;
	position:				relative;
	width:					95%;
}

form.omForm div.omFormBox ul.tabs {
	list-style:				none;
	height:					24px;
	margin:					0;
	padding:				0;
	position:				absolute;
	left:					-1px;
	top:					-26px;
	width:					100%;
}

form.omForm div.omFormBox ul.tabs li {
	cursor:					pointer;
	cursor:					hand;
	height:					24px;
	line-height:			24px;
	position:				absolute;
	text-align:				center;
}

form.omForm div.omFormBox div.tab {
	padding:				12px;
	text-align:				left;
}

form.omForm div.omFormBox div.textBox textarea {
	width:					100%;
}

form.omForm div.omFormBox div.textBox p.formError {
	width:					100%;
}

form.omForm div.imageContainer {
	padding:				12px;
	text-align:				left;
}

form.omForm div.omFormBox div.imageInput ul {
	list-style:				none;
	margin:					0 0 3px 0;
	padding:				0;
}

form.omForm div.omFormBox div.imageInput ul li {
	margin:					3px 6px 3px 0;
	float:					left;
	font-size:				12px;
	font-weight:			bold;
	line-height:			15px;
	text-align:				center;
	width:					16px;
}

form.omForm div.omFormBox div.imageInput ul li.clear {
	clear:					both;
	float:					none;
	font-size:				0;
	padding:				0;
	margin:					0;
	height:					0;
	width:					0;
}

form.omForm div.omFormBox div.imageInput ul li a {
	display:				block;
}

form.omForm div.omFormBox label.fileUpload {
	cursor:					pointer;
	cursor:					hand;
	padding:				5px;
	width:					128px;
	height:					128px;
}

form.omForm div.omFormBox div.imageInput img.noFile {
	float:					left;
	vertical-align:			top;
}

form.omForm div.omFormBox div.imageInput div.omThumb {
	float:					left;
}

form.omForm div.omFormBox ul.column {
	list-style:				none;
	float:					left;
	margin:					0 0 0 4%;
	padding:				0;
	width:					28%;
}

form.omForm div.omFormBox ul.column li input {
	margin-right:			6px;
	width:					auto;
}

/***********NESTED FORM CONTAINERS***************/

form.omForm div.omContainerNested {
	background:				transparent;
	clear:					none;
	margin-left:			20px;
	text-align:				right;
}

form.omForm div.omContainerNested label {
	width:					110px;
}

form.omForm div.omContainerNested div.omFormElement {
	margin-left:			125px;
}

form.omForm div.fileOptions {
	margin-left:			140px;
}

/******************LOGIN FORM****************/

form.omBaseForm div.omFormContainer label {
	width:					33%;
}

form.omBaseForm div.omFormElement {
	margin-left:			35%;
}

form.omBaseForm div.omFormElement input.button {
	width:					auto;
}

form#omLoginForm label,
form#omPasswordForm label {
	width:					33%;
}

form#omLoginForm div.omFormElement,
form#omPasswordForm div.omFormElement {
	margin-left:			35%;
}

form#omLoginForm div.omFormElement input.button,
form#omPasswordForm div.omFormElement input.button {
	width:					auto;
}

form#omSubscriptionForm {
	border-bottom:			none;
}

form#omSubscriptionForm div.omFormElement {
	margin-left:			0;
}