/*
PRIMARY COLOUR
0f0613 = fieldset border, pushbutton background, menus, top of date picker, heading1 and heading2, border of focussed field, popover header
SECONDARY COLOUR
bd9e59 = hyperlinks, bottom of date picker

ff9 = background of required areas
f6f6f6 = disabled buttons and disabled fieldset
ffeeaa = focussed field and selected parts of calendar
*/

/* basic html tags */
body form fieldset{padding-bottom:0;margin-bottom:0;padding-top:0;margin-top:0}

*{font-size: 100%; }
/*
h1 {font-size: 100%; color:#0f0613}
h2 {font-size: 75%; color:#0f0613}
h3 {font-size: 60%;color:#fff}
p {font-size: 60%;}
*/
td.required {text-align: right;font-weight: bold;}
td.optional {text-align: right;}
td.right {text-align: right;}
td.grey {color:#E0E0E0;}


/* forms */


fieldset {border: #0f0613 2px solid; background:#ffffff;border-radius:3px;}

fieldset.white {background: #FFFFFF;border: #f6f6f6 2px solid;}
.loginfieldset {border:0;}
.loginfieldset table{width:100%;}
input.required, textarea.required, select.required {font-weight: bold; background: #ffffb4;}
input:disabled, input.sfdisabled {background: #f6f6f6;}



label {
	/*font-size: 80%;*/
}

.XXXinstallation{padding:1px;background-color:#FFDE43;}
.snag{padding:1px;background-color:#43ADFF;}
.installation{padding:1px;background-color:#FFDE43;}

/* hyperlinks */

a {text-decoration: none;}
a:link {color: #bd9e59;font-weight:bold;}
a:visited {color: #bd9e59;font-weight:bold;}
a:hover {text-decoration: underline;}
a:active {color:#000000; text-decoration: underline;}
a img {border:0;}
img.calendar{cursor: pointer;border:0;}
.infolink{display:none;}


/* tables */

th, td { padding: 2px; }

.datagridtable th {
	width:100px;
}


/*.sort-table td; th{width:auto;}*/
/*.datagrid {text-align: center;}*/
/*.datagridtable tr td{padding:4px;}*/


.datagridtable th, td {
	padding: 3px;
}

.inputlabel {
	text-align: right;
	width:50%;
}

input, select, textarea{border:1px solid #cec6de;border-radius:2px;}

.input{text-align: left; /*width:50%;*/}
.submitbuttons{text-align: center;}
.containertable{border:2px black;padding:4px;text-align:center;width:100%;}
.submitbuttonstable{width:100%;}
.inputtable{width:100%;}
.containertd{width:100%;text-align:center;}


/* focus behaviour for form items */

input:focus, input.sffocus, select:focus, select.sffocus, textarea:focus, textarea.sffocus  {
    background: #ffeeaa;
    border-color: #0f0613;
}

input[type=checkbox]
{
  cursor:pointer;
}


/* formatting of buttons */
.pushbutton, button{
    font-weight: bold;
    padding: 2px;
    background-color: #33334a;
    
    border: #000 1px solid;
    color: #FFF;
    border-radius:2px;
    cursor:pointer;
}

.pushbutton:hover, button:hover
{
  background-color: #0f0613;
}


/*FILE UPLOAD BUTTON*/
button{
    background:url(../Images/Save.gif) no-repeat right;
    background-color: #0f0613;
}

div.fakefile {	position: absolute;	top: 0px;	left: 0px;	z-index: 1;}
input.file {	left: -140px;position: relative;	-moz-opacity:0 ;		opacity: 0;	z-index: 2;}

/*Sortable Table*/

.even {background: #fff;}
.odd {background: #f6f6f6;}


.sort-table tbody td {text-align:left;} 

.sort-table tbody td.integer, .sort-table tfoot th.integer{text-align:right;} 
.sort-table tbody td.float, .sort-table tfoot th.float{text-align:right;} 
.sort-table tbody td.date, .sort-table tfoot th.date{text-align:left;} 
.sort-table tbody td.datetime, .sort-table tfoot th.datetime{text-align:left;} 
.sort-table tbody td.money, .sort-table tfoot th.money{text-align:left;} 
.sort-table tfoot th {padding:2px 10px 2px 2px;} 
.sort-table td {padding:2px 10px 2px 2px;} 


/*Menu*/


#nav a {
	text-decoration: none;
}

#nav a:link {
	color: #0f0613;
}

#nav a:visited {
	color: #0f0613;
}

#nav a:active {
	color: #000;
}

#nav a:hover {
	text-decoration: underline;
	color: #000;
}


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

#nav a {
	font-weight: bold;
	color: green;
}

#nav a {
	text-decoration: none;
}

#nav li li a {
	display: block;
	font-weight: normal;
	color: #00f;
	padding: 0.2em 10px;
}

#nav li li a:hover {
	padding: 0.2em 5px;
	border: 5px solid #0f0613;
	border-width: 0 5px;
}

#nav li {
	float: left;
	position: relative;
	width: 10em;
	cursor: default;
	background-color: white;
	border: 1px solid #0f0613;
	border-width: 1px 0;
}

#nav li li{text-align: left;}
#nav li#first {
	border-left-width: 1em;
}

#nav li#last {
	border-right-width: 1em;
}

.module {text-align:left;padding-left:4px;}
.process {text-align:left}

.module ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;

	font-weight: normal;
	background: url(../images/ddbg3.gif) bottom left no-repeat;
	padding: 0.5em 0 1em 0;
	border-right: solid 1px #0f0613;
}

#nav li>ul {
	top: auto;
	left: auto;
}

#nav li li {
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
}

#nav li:hover ul, li.over ul {
	display: block;
}


/*Non-dom MENU*/
.modulemobile div a {
  color:#0f0613;
}

ul#navmobile, ul#navmobile li, ul#navmobile li ul {
  list-style: square;
}

ul#navmobile li ul li {
  padding-left: 12px;
}

/*DATE PICKER*/

.calendar .nav {
  background: #0f0613 url(menuarrow.gif) no-repeat 100% 100%;
  color: #fff;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #0f0613;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #bd9e59;
  color:#fff;
}

/*CALENDAR*/
.selected_background, .selectedsunday_background, .selected_backgroundwithtopborder,
.selectedsunday_backgroundwithtopborder, .selected_background64, 
.selectedsunday_background64, .selected_backgroundwithtopborder64,
.selectedsunday_backgroundwithtopborder64, .MonthlySelected
{
  background-color: #ffeeaa;
}

.sunday_background, .sunday_backgroundwithtopborder
{
  background-color: #757575;
}

.sunsaturday_backgroundwithtopborder643,
.sunday_background64, .sunday_backgroundwithtopborder64,
.sunday_backgroundwithtopborder642
{
  background-color: #757575; 
}

/*PANEL*/
ul.panel
{
  list-style:none;margin:0;
  border-bottom:2px solid #0f0613;
  background-color:#0f0613;
}
.panel .selected
{
  background-color:#fff;
  border-left:2px solid #0f0613;
  border-right:2px solid #0f0613;
  border-top:2px solid #0f0613;
  border-bottom:2px solid #fff;}

#TB_closeAjaxWindow
{
  background-color:#0f0613;
}


#table-1,
#table-2
{
  border-radius:3px;
}

#table-2 .lastCol
{
  width:140px;
}

.sort-table THEAD TD.lastCol
{
  border-right:transparent;
}