/**
 * 
 * 
 * ---------------------------------------------------------------------------
 * 
 * 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 {
	background-color:		rgb(102, 102, 102);
}

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

div#omBlockAlertScreen {
	background-color:		rgb(0, 0, 0);
}

#omAlertBody {
	background-color:		#d8ecfc;
	color:					#355C7F;
	background-image:		url('images/alerts/background.gif');
}

#omAlertBody form.omForm {
	background:				transparent;
	border:					none;
}

#omAlertText a {
	color:					#418e36;
}

#omAlertLeft a {
	border-bottom:			1px solid #354b5d;
	border-top:				1px solid #E3EAF2;
	background-color:		#5a7fa0;
	color:					#ffffff;
}

#omAlertRight a {
	border-bottom:			1px solid #354b5d;
	border-top:				1px solid #E3EAF2;
	background-color:		#5a7fa0;
	color:					#ffffff;
}

#omAlertLeft a:hover,
#omAlertRight a:hover {
	background-color:		#85A4C0;
}

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

div#omBlockContent {
	border-top:				1px solid rgb(48, 48, 48);
	border-right:			1px solid rgb(174, 174, 174);
	border-bottom:			1px solid rgb(174, 174, 174);
	border-left:			1px solid rgb(48, 48, 48);
	background-color:		rgb(79, 79, 79);
}

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

div#omBlockModuleNavigation {
	background-color:		rgb(127, 127, 127);
	border:					1px solid rgb(174, 174, 174);
}

div#omBlockModuleNavigation ul li a {
	background-color:		rgb(79, 79, 79);
	color:					rgb(255, 255, 255);
}

div#omBlockModuleNavigation ul li a:hover {
	background-color:		rgb(127, 127, 127);
}

div#omBlockModuleNavigation ul li a.on {
	background-color:		rgb(198, 104, 0);
}

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

div#omDivider {
	border-top:				1px solid rgb(174, 174, 174);
}

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

div#omUserNavigation {
	background-color:		rgb(127, 127, 127);
	border:					1px solid rgb(174, 174, 174);
}

div#omUserNavigation div.name h3 {
	color:					rgb(255, 255, 255);
}

div#omUserNavigation div.team,
div#omUserNavigation div.user {
	background-color:		rgb(79, 79, 79);
}

div#omUserNavigation div.team div.menuOuter table.menu {
	border-left:			1px solid rgb(63, 63, 63);
}

div#omUserNavigation div.team div.menuOuter table.menu tr td.menuInner,
div#omUserNavigation div.user div.menuOuter table.menu tr td.menuInner {
	border-right:			1px solid rgb(63, 63, 63);
}

div#omUserNavigation div.team div.menuOuter table.menu tr td.menuInner table tr td.name {
	color:					rgb(255, 255, 255);
}

div#omUserNavigation div.team div.menuOuter table.menu tr td.menuInner table tr td div.drop {
	background-color:		rgb(255, 255, 255);
	background-image:		url('images/navigation/chooserBackground.gif');
	background-repeat:		no-repeat;
	background-position:	100% 0%;
	border:					1px inset rgb(127, 127, 127);
	color:					rgb(0, 0, 0);
}

div#omUserNavigation div.team div.menuOuter table.menu tr td.menuInner table tr td div.select {
	color:					rgb(102, 102, 102);
}

div#omUserNavigation div.user div.menuOuter table.menu tr td.menuInner a {
	background-color:		rgb(79, 79, 79);
	color:					rgb(255, 255, 255);
}

div#omUserNavigation div.user div.menuOuter table.menu tr td.menuInner a:hover {
	background-color:		rgb(127, 127, 127);
}

div#omUserNavigation div.user div.menuOuter table.menu tr td.menuInner a.on {
	background-color:		rgb(198, 104, 0);
}

div#omUserNavigation div.user div.menuOuter table.menu tr td.left {
	border-right:			1px solid rgb(63, 63, 63);
}

div#omUserNavigation div.user div.menuOuter table.menu tr td.first {
	border-left:			1px solid rgb(63, 63, 63);
}

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

div.omFormChooser div {
	color:					rgb(0, 0, 0);
}

div.omFormChooser div.over {
	background-color:		rgb(0, 0, 0);
	color:					rgb(255, 255, 255);
}

div.omFormChooserScrollUp div,
div.omFormChooserScrollDown div {
	background-color:		rgb(255, 255, 255);
	background-repeat:		no-repeat;
	background-position:	50% 50%;
}

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

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

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

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

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

div.omCalendar table {
	border-bottom:			1px solid rgb(127, 127, 127);
}

div.omCalendar thead {
	border-bottom:			1px solid rgb(127, 127, 127);
}

div.omCalendar thead tr.days {
	background-color:		rgb(63, 63, 63);
	border:					solid 1px rgb(127, 127, 127);
	color:					rgb(127, 127, 127);
}

div.omCalendar th.over {
	background-color:		rgb(63, 63, 63);
}

div.omCalendar td {
	border:					1px solid rgb(127, 127, 127);
}

div.omCalendar td.over {
	background-color:		rgb(199, 87, 81);
}

div.omCalendar td.active {
	background-color:		rgb(144, 27, 20);
}

div.omCalendar td.inactive {
	color:					rgb(127, 127, 127);
}

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

div#omActions {
	color:					rgb(255, 255, 255);
}

div#omActions div.left a {
	background-image:		url('images/navigation/actionMajorBackground.gif');
	background-repeat:		repeat-x;
	background-position:	0 0;
	border-top:				1px solid rgb(203, 241, 203);
	border-right:			1px solid rgb(45, 94, 45);
	border-bottom:			1px solid rgb(45, 94, 45);
	border-left:			1px solid rgb(203, 241, 203);
	color:					rgb(255, 255, 255);
}

div#omActions div.right {
	border-right:			1px solid rgb(255, 255, 255);
}

div#omActions div.right a {
	color:					rgb(183, 235, 183);
}

div#omActions div.right a:hover {
	color:					rgb(255, 255, 255) !important;
}

div#omActions div.help {
	border:					none;
}

div#omActions div.right div.dropDown {
	background-color:		rgb(255, 255, 255);
	background-image:		url('images/navigation/chooserBackground.gif');
	background-repeat:		no-repeat;
	background-position:	100% 0px;
	border:					1px solid rgb(0, 0, 0);
	color:					rgb(0, 0, 0);
}

div#omActions div.right div.select {
	color:					rgb(102, 102, 102);
}

div.omFormChooser div.action {
	color:					rgb(0, 0, 0);
}

div.omFormChooser div.select {
	color:					rgb(102, 102, 102);
}

div.omFormChooser div.group {
	color:					rgb(102, 102, 102);
	border-bottom:			1px solid rgb(102, 102, 102);
}

div.omFormChooser div.negative {
	color:					rgb(251, 70, 70);
}

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

div.omThumb {
	background-color:		rgb(127, 127, 127);
	border:					1px solid rgb(255, 255, 255);
}

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

div.omContent table {
	color:					rgb(255, 255, 255);
}

/*****************DEFAULT LINKS****************/

div.omContent a {
	color:					rgb(174, 174, 174);
	text-decoration:		none;
}

div.omContent a.action {
	color:					rgb(183, 235, 183);
}

div.omContent a.active {
	color:					rgb(255, 255, 255);
}

div.omContent a.delete {
	color:					rgb(251, 70, 70);
}

div.omContent a:hover {
	color:					rgb(255, 255, 255);
}

div.omContent a:hover span {
	color:					rgb(255, 255, 255) !important;
}

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

div.omContent div.heading h3 {
	background-color:		rgb(126, 142, 168);
	color:					rgb(255, 255, 255);
}

/* Needs to be deprecated in favour of next 
style definition for syntactical reasons */
div.omContent div h3.error {
	background-color:		rgb(199, 87, 81);
}

div.omContent div.error h3 {
	background-color:		rgb(199, 87, 81);
}

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

div.omContent span.inactive {
	color:					rgb(251, 70, 70);
}

div.omContent span.untitled {
	color:					rgb(150, 150, 150);
}

div.omContent hr {
	background-color:		rgb(255, 255, 255);
}

div.omContent div.omGalleryItem div.omPrivate div.omThumb {
	border-color:			rgb(255, 255, 255) !important;
}

div.omContent div.omQuote {
	border:					1px solid rgb(174, 174, 174);
}

div.omContent div.omQuote h4.quoteHead {
	background-color:		rgb(127, 127, 127);
}

div.omContent div.omQuote div.quoteBody {
	background-color:		rgb(63, 63, 63);
}

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

div.omContent div.omContainer {
	background-color:		rgb(105, 105, 105);
	background-image:		url('images/gradientContent.gif');
	border-top:				1px solid rgb(174, 174, 174);
	color:					rgb(255, 255, 255);
}

/*******************FOLDER********************/

div.omContent div.omFolder {
	border-bottom:			1px solid rgb(174, 174, 174);
	color:					rgb(255, 255, 255);
}

/*******************ITEM LIST*****************/

div.omContent div.omItemList {
	border:					none;
	color:					rgb(255, 255, 255);
}

div.omContent div.omItemList table th {
	background-color:		rgb(79, 79, 79);
	border-bottom:			1px solid rgb(174, 174, 174);
}

div.omContent div.omItemList table td {
	border-bottom:			1px solid rgb(127, 127, 127);
}

div.omContent div.omItemList table th.edge {
	border-bottom:			1px solid rgb(174, 174, 174);
}

div.omContent div.omItemList tbody.dragging {
	background-color:		rgb(199, 87, 81);
}

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

div.omContent div.omItemList table td.inactive {
	color:					rgb(251, 70, 70);
}

/*************INFORMATION DROPDOWN************/
/*
	A dropdown for the information button an
	example can be seen in links
*/

div.omContent div.omInformation {
	background-color:		rgb(63, 63, 63);
	border-top:				1px solid rgb(48, 48, 48);
	border-bottom:			1px solid rgb(127, 127, 127);
}

div.omContent div.omDropDown table td.left {
	color:					rgb(127, 127, 127);
}

/******************PROFILES*****************/

div.omContent div.profileTable table th,
div.omContent div.profileTable table td {
	border-bottom:			1px solid rgb(127, 127, 127);
}

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


div.omContent div.omGalleryItem div.item {
	background-color:		rgb(63, 63, 63);
	border:					rgb(48, 48, 48) solid 1px;
	border-right-color:		rgb(174, 174, 174);
	border-bottom-color:	rgb(174, 174, 174);
}

div.omContent div.omGalleryItem div.overlay {
	background-color:		rgb(0, 0, 0);
}


div.omContent div.omGalleryItem div.info ul {
	color:					rgb(255, 255, 255);
}



div.omContent div.omGalleryItem div.actions ul {
	border-bottom:			rgb(0, 0, 0) solid 1px;
}

div.omContent div.omGalleryItem div.actions li {
	border-top:				rgb(0, 0, 0) solid 1px;
}

div.omContent div.omGalleryItem div.controls {
	background-color:		rgb(102, 102, 102);
	color:					rgb(255, 255, 255);
}

div.omContent div.omGalleryItem div.controls a.control {
	background-color:		rgb(102, 102, 102);
	color:					rgb(255, 255, 255);
}

div.omContent div.omGalleryItem div.controls a.check,
div.omContent div.omGalleryItem div.controls a.sort {
	border-left:			1px solid rgb(63, 63, 63);
}

div.omContent div.omGalleryItem div.controls a.show,
div.omContent div.omGalleryItem div.controls a.info,
div.omContent div.omGalleryItem div.controls a.copier {
	border-right:			1px solid rgb(63, 63, 63);
}

div.omContent div.omGalleryItem div.controls a.control:hover {
	background-color:		rgb(127, 127, 127);
}

div.omContent div.omGalleryItem div.controls a.toggle {
	background-color:		rgb(198, 104, 0);
}

div.omContent div.omGalleryItem div.controls a.toggle:hover {
	background-color:		rgb(249, 131, 0);
}

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

div.omContent div.omUserList {
	border:					none;
}

div.omContent div.omUserList table th {
	background-color:		rgb(79, 79, 79);
	border-bottom:			1px solid rgb(174, 174, 174);
	color:					rgb(174, 174, 174);
}

div.omContent div.omUserList table td {
	border-bottom:			1px solid rgb(127, 127, 127);
}

div.omContent div.omUserList table td.active {
	background-color:		rgb(63, 63, 63);
}

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

div.omContent ul.omTeamList li span {
	color:					rgb(255, 255, 255);
}

/******************THUMBNAIL*****************/

div.omContent div.omThumbnails div.thumbnail {
	background-color:		rgb(63, 63, 63);
	border-top:				1px solid rgb(48, 48, 48);
	border-bottom:			1px solid rgb(127, 127, 127);
}

/******************NEW FORMS*****************/
/********************FORMS*******************/
form.omForm {
	background-color:		rgb(105, 105, 105);
	background-image:		url('images/gradientContent.gif');
	background-repeat:		repeat-x;
	background-position:	bottom;
	border-bottom:			solid 1px rgb(127, 127, 127);
}

form.omForm div.omFormContainer,
form.omForm div.omContainerNested {
	border-top:				solid 1px rgb(127, 127, 127);
}

form.omForm div.last {
	border-bottom:			solid 1px rgb(127, 127, 127);
}

div#omUploadList {
	background-color:		#4F4F4F;
}

div#omUploadContent {
	background-image:		url(images/gradientContent.gif);	
	border-top:				1px solid #7F7F7F;
}

div#omUploadList div#omUploadContent div.uploadContent {
	color:					#ffffff;
	border-bottom:			1px solid #7F7F7F;
}

div#omUploadList {
	color:					#ffffff;
}

div#omUploadList div.uploadContent span.right a {
	color:					#FB4646;
	cursor:					pointer;
}

div#omUploadList div.uploadContent span.right a:hover {
	color:					#FC8282;
}


/*****************FORM ERRORS****************/
form.omForm p.formError,
div#omUploadList p.formError {
	background-color:		rgb(199, 87, 81);
	color:					rgb(255,255,255);
}


/****************FORM ELEMENTS***************/
form.omForm div.omFormElement input.button {
	color:					rgb(255, 255, 255);
	background-color:		transparent;
	border-top:				1px solid rgb(203, 241, 203);
	border-right:			1px solid rgb(45, 94, 45);
	border-bottom:			1px solid rgb(45, 94, 45);
	border-left:			1px solid rgb(203, 241, 203);
}

/*****************FORM BOX******************/
form.omForm div.omFormBox {
	background-color:		rgb(79, 79, 79);
	border:					solid 1px rgb(255, 255, 255);
}

form.omForm div.omFormBox ul.tabs li {
	background-color:		rgb(63, 63, 63);
	border-top:				solid 1px rgb(174, 174, 174);
	border-right:			solid 1px rgb(174, 174, 174);
	border-left:			solid 1px rgb(174, 174, 174);
}

form.omForm div.omFormBox ul.tabs li.on {
	background-color:		rgb(79, 79, 79);
	border:					solid 1px rgb(255, 255, 255);
	border-top:				solid 2px rgb(198, 104, 0);
	border-bottom-width:	0;
}

form.omForm div.omFormBox ul.tabs li.on.error {
	border-top-color:		rgb(199, 87, 81);
}

form.omForm div.omFormBox ul.tabs li.over {
	border-top:				solid 1px rgb(198, 104, 0);
}

form.omForm div.omFormBox ul.tabs li.over.error {
	border-top:				solid 1px rgb(199, 87, 81);
}

form.omForm div.imageContainer {
	background-color:		rgb(102, 102, 102);
	border:					solid 1px rgb(174, 174, 174);
}

form.omForm div.omFormBox div.imageInput ul li {
	background-color:		rgb(102, 102, 102);
	border:					solid 1px rgb(174, 174, 174);
	border-bottom-color:	rgb(48, 48, 48);
	border-right-color:		rgb(48, 48, 48);
}

form.omForm div.omFormBox div.imageInput ul li.selected {
	background-color:		rgb(63, 63, 63);
	border:					solid 1px rgb(48, 48, 48);
	border-bottom-color:	rgb(174, 174, 174);
	border-right-color:		rgb(174, 174, 174);
}

form.omForm div.omFormBox div.imageInput ul li.active a {
	color:					rgb(198, 104, 0) !important;
}

form.omForm div.omFormBox div.imageInput ul li.clear {
	border:					none;
}

form.omForm div.omFormBox div.imageInput label.fileUpload {
	background-color:		rgb(127, 127, 127);
	border:					solid 1px rgb(63, 63, 63);
	border-right-color:		rgb(174, 174, 174);
	border-bottom-color:	rgb(174, 174, 174);
}

/****************NESTED FORMS****************/
form.omForm div.omContainerNested {
	border-color:			rgb(174, 174, 174);
}

/*****************BB TOOLBAR*****************/
div#omBBToolbar {
	border:					1px solid;
}

div#omBBToolbar,
div#omBBToolbar a.omBBButton {
	background-color:		rgb(127, 127, 127);
	border-color:			rgb(81, 81, 81);
	border-top-color:		rgb(164, 164, 164);
	border-left-color:		rgb(164, 164, 164);
}

div#omBBToolbar a.omBBButton:hover {
	background-color:		rgb(242, 242, 242);
	border-color:			rgb(81, 81, 81);
	border-top-color:		rgb(164, 164, 164);
	border-left-color:		rgb(164, 164, 164);
}

div#omBBToolbar a.omBBButton:active {
	background-color:		rgb(204, 204, 204);
	border-color:			rgb(81, 81, 81);
	border-bottom-color:	rgb(164, 164, 164);
	border-right-color:		rgb(164, 164, 164);
}

div.omBBPreviewWrapper div.omBBPreviewArea {
	border-top:				1px solid rgb(48, 48, 48);
	border-right:			1px solid rgb(174, 174, 174);
	border-bottom:			1px solid rgb(174, 174, 174);
	border-left:			1px solid rgb(48, 48, 48);
	background-color:		rgb(79, 79, 79);
}

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

form.omForm {
	color:					rgb(255, 255, 255);
}

form.omForm fieldset div.omFormPair {
	border-top:				1px solid rgb(127, 127, 127);
}

form.omForm fieldset div.omFormPair div.omFormField a {
	color:					rgb(174, 174, 174);
}

form.omForm fieldset div.omFormPair div.omFormField a:hover {
	color:					rgb(255, 255, 255) !important;
}

form.omForm fieldset div.omFormPair div.omFormField div.omFormFieldGroup {
	background-color:		rgb(102, 102, 102);
	border:					1px solid rgb(174, 174, 174);
}