/* styles for PDA */

/*--------------------------------------------------------------------------
global styles
---------------------------------------------------------------------------*/

body {
	margin: 0px;
	padding: 0px;
	font-family: arial, helvetica, sans serif;
	font-size: 0.65em;
	color: #039;
}

td,th {
	font-family: arial, helvetica, sans serif;
	font-size: 0.65em;
	width: auto !important;
	margin: 0px; padding: 0px;
	text-align: left;
	vertical-align: top;
}

select, input, textarea {
font-size: 0.95em !important;
width: auto !important;
}



/*--------------------------------------------------------------------------------------
banner 
---------------------------------------------------------------------------------------*/
div.banner {
background: rgb(215,230,241);
width: 100%;
overflow: hidden;
border-bottom: solid 1px rgb(198,198,198);
}

a.iSpekLogo {
display: block;
width: 50px; height: 20px;
background: transparent url(../images/ispek_lite/ispekLogo_PDA.gif) no-repeat;
}
div.bannerTabs {
padding-left: 0.5em;
margin-bottom: -1px;
}

a.bannerTab, a.bannerTabActive, span.bannerTabActive {
background: rgb(215,230,241);
border: solid 1px #039;
margin:  2px 2px 0 0;
padding: 0.1em 0.3em 0 0.3em;
text-decoration: none;
}

div.bannerTabs td {
border-top: solid 1px rgb(215,230,241);
padding-top: 1px;
padding-bottom: 1px;
border-bottom: solid 1px #FFF;
position: relative; z-index: 10;
}

a.bannerTabActive, span.bannerTabActive {
background: #FFF;
border-bottom-color: #FFF;
}

/*******************************************************
MENU TREE
********************************************************/
/* Styles for new improved navigation tree
****************************************************/
div.menu {
background: #F0F0F0;
}

.menu h1 {
color: #039;
font-size: 12px;
margin: 0;
padding: 0 2px 5px 4px;
font-weight: bold;
display: none;
}

ul.navList {
margin: 10px 0 10px 16px;
padding: 0;
color: #039;
list-style-type: none;
list-style-type: none;
}

ul.navList li {
 margin: 3px 0;
 font-weight: bold;
 font-size: 11px;
 padding: 0;
}

ul.navList  a{
color: #039;
}
ul.navList a:visited {
color: #039;
}

ul.navList li span {
color: #039;
padding: 0 2px;
}

ul.navList li a span {

}

ul.navList li .folder {
font-weight: bold;
}

ul.navList li div {
position: relative; 
}

ul.navList li a:hover{ background-color: transparent;}
ul.navList li a:hover span{ background-color: #D7E6F1;}

ul.navList li ul {
padding: 0;
margin: 0 0 10px 0;
border-left: dashed 1px #003399;
list-style-type: none;
}

ul.navList li ul ul {
padding: 0;
margin: 0 0 10px 0;
border-left: dashed 1px #003399;
}

ul.navList li ul  li {
 font-size: 11px;
 margin-left: 17px;
}

ul.navList li ul  li a span, ul.navList li ul  li a:visited span{
font-weight: normal;
}

ul.navList a.nodeExpander, ul.navList a.nx {
padding: 0 !important; 
background: url(../images/sprites/sprites1.png) -7px -222px no-repeat;
display: block;
border: none;
width: 9px !important; height: 14px !important;
position: absolute;
left: -12px;
top: -2px;
text-decoration: none;
/*Bogus Mac margins below */
margin: 0 0 -11px  0 !important; 
/*Mac hack \*/
margin: 0 0 0 0 !important; 
left: -12px;
top: -1px;
/*end mack hack*/
z-index: 20;
overflow: hidden;
}

ul.navList a.nx, ul.navList a.collapsed {
/* styles for node expander in resource management - nx is closed by default*/
background-position: -22px -222px;
}
/* styles for node expander in resource management - expanded version of node*/
ul.navList a.expanded {
background-position: -7px -222px
}
ul.navList ul a.nodeExpander, ul.navList ul a.nx {left: -12px; }
ul.navList a.nodeExpander span, ul.navList a.nx span {
visibility: hidden;
}

ul.navList li a span.activeLink, ul.navList li a span.activeLink:hover{
background-color: #039  !important;
color: #FFF  !important;
}
ul.navList ul li a span.activeLink, ul.navList ul li a span.activeLink:hover{
background-color: #039  !important;
color: #FFF  !important;
}
ul.navList li a span.default {
background-color: transparent !important;
color: #069  !important;
}
ul.navList li a:hover span.default {
background-color: #069 !important;
color: #FFF  !important;
}


ul.folders li ul {display: none; }






/*-----------------------------------------------------------------------------
page content
------------------------------------------------------------------------------*/
div.pageContent {
padding-left: 2px;
}


h1, h2 {
font-size: 1.6em;
}

p {
margin: 0.5em 0;
}

img { display: none; }

p.devCode { display: none; }
/*-----------------------------------------------------------------------------
Groupboxes
------------------------------------------------------------------------------*/
div.topRightRoundedCorner, div.bottomLeftRoundedCorner {
display: none;
}

div.groupBoxHeading{
border-top: solid 1px #039;
}

div.groupBoxHeading span{
background: #039;
color: #FFF;
font-weight: bold;
padding: 1px 3px;
}

td.groupBoxLeft, td.groupBoxRight {
display: block;
clear: both;
}

div.groupBox hr {
display: none;
}

/*-----------------------------------------------------------------------------
buttons
------------------------------------------------------------------------------*/
.button-sec, .button-sec-long {
color: #039;
font-weight: bold;
background-color: #FC6;
border: solid 1px #999;
border-color: #AAA #666 #666 #AAA;
text-decoration: none;
padding: 2px;
margin: 2px 2px 2px 0;
display: block;
float: left;
}

.button-pri, .button-pri-long {
color: #039;
font-weight: bold;
background-color: #FF9C44;
border: solid 1px #999;
border-color: #AAA #666 #666 #AAA;
text-decoration: none;
padding: 2px;
margin: 2px 2px 2px 0;
display: block;
float: left;
}

.button-grey, .button-grey-long {
color: #666;
font-weight: bold;
background-color: #CCC;
border: solid 1px #999;
border-color: #AAA #666 #666 #AAA;
text-decoration: none;
padding: 2px;
margin: 2px 2px 2px 0;
display: block;
float: left;
}

.button-up, .button-down  {
border: solid 1px #666;
border-color: #AAA #666 #666 #AAA;
background: #FC6 url(../images/sprites/sprites1.png) -10px -3px no-repeat;
display: block;
margin: 2px;
width: 17px; height: 20px;
overflow: hidden;
padding-top: 20px;
}

.button-down {
background: #FC6 url(../images/sprites/sprites1.png) -10px -30px no-repeat;
}



.button-up:active, .button-down:active  {
border-color: #666 #AAA #AAA #666;
background-color: #FFBA42;
}

.button-up:hover, .button-down:hover  {
background-color: #FFBA42;
}

.button-small, .button-small:visited  {
color: #039;
padding: 1px  5px  0  0; 
text-align: right;
text-decoration: none;
font-weight: bold;
background-color: #FC6;
border: solid 1px #999;
border-color: #AAA #666 #666 #AAA;
margin: 0px 2px 2px 2px;
}
.button-small:hover { 
background-color: #FFBA42;
color: #155874; 
}



/*-----------------------------------------------------------------------------
rollups
------------------------------------------------------------------------------*/


div.darkrow
{
   padding: 2px 3px 1px 2px;
   margin: 1px 0 2px 0;
   background-color: rgb(215,230,241);
   clear: both;
}
hr+div.darkrow, h3+div.darkrow { margin-top: 12px; }

div.lightrow div.darkrow
{
    padding: 14px 1px 1px 2px;
   background-color: #FFF;
   padding: 4px 1px 1px 2px;
}
div.nestedRollup div.darkrow
{
    padding: 3px 1px 1px 2px;
   background-color: #F0F0F0;
}
div.nestedRollup div.lightrow {margin: 0 !important; padding: 0 0 15px 0; }

div.darkrow a{
text-decoration: none;
color: #039;
padding: 0 0 0 20px;
background-image: url(../images/sprites/rollups_lite.gif);
background-position: 1px 0; background-repeat: no-repeat;
height: 18px;
}
div.darkrow a:visited {color: #039;}  
div.darkrow a.active  {background-position: 1px -64px; color: #FFF !important; }
div.darkrow a.activeMenu  {background-position: 1px -32px; font-weight: bold; color: #FFF !important;}
div.darkrow a.default  {background-image: none !important; text-decoration:underline !important;}
div.darkrow span.default  {background-image: none !important; }
div.lightrow div.darkrow a {background-position: 3px -127px; }
div.lightrow div.darkrow a.activeMenu {color: #039 !important; }
div.lightrow div.darkrow a.activeMenu {background-position: 3px -155px;}
div.lightrow div.nestedRollup div.darkrow {
background-color: #F0F0F0;
padding-left: 10px;
}
div.lightrow div.nestedRollup div.darkrow a{
background-position: 1px 0; 
}
div.darkrow span  {
text-decoration: none;
background-image: url(../images/sprites/rollups_lite.gif);
background-position: 1px -95px; background-repeat: no-repeat;
height: 18px;
padding: 1px 0 0 20px;
}

div.darkrow span.alarm  {
background-position: 1px -212px;
}

div.active, div.activeMenu {
font-weight: bold;
background-color: #003399;
color: #FFF;
}

/* grey rollups in my Tasks */
div.grey {
background-color: #F0F0F0;
color: #039;
}
div.grey a.active  {background-position: 1px -282px; color: #039 !important; }
div.grey a.activeMenu  {background-position: 1px -251px; color: #039 !important;}



/*-----------------------------------------------------------------------------
tables
------------------------------------------------------------------------------*/

.columnHeader { 
padding: 2px 4px 2px 2px;
margin: 1px;
/*word-wrap: break-word; */
vertical-align: top;
border-left: solid 2px #069;
border-left: solid 2px #FFF;
border-right: solid 2px white;
background: #039;
color: #FFF;
}

.columnHeader a { 
color: #FFF;
}

table.selectTable {
background-color: #FFF;
border: solid 1px #069;
background-position: 100% 0%; background-repeat: no-repeat;
margin-top: 0;
border-collapse: collapse;
}

td.selectTable {
padding: 1px;
border-top: solid 1px rgb(198,198,198);
/* word-wrap: break-word; */
}

.darkrow {
background: #F0F0F0;
}

/*-----------------------------------------------------------------------------
icons
------------------------------------------------------------------------------*/

.icon-lock
{
width: 16px; height: 16px;
display: block;
background-image:url(../images/icons/Lock4.gif);
margin: 0 1px 0 1px;
}
.icon-lock span {display: none; }

/*-----------------------------------------------------------------------------
footer
------------------------------------------------------------------------------*/

div.footerButtons {
margin: 0.5em 0;
float: right;

}

div.footerLinks {
clear: both;
margin: 0.6em 0;
padding: 0.3em;
font-size: 0.9em;
text-align: center;
background: #F0F0F0;
}

div.footerLinks a {
padding: 0 0.2em;
}

/*******************************************************
browser page instance id
********************************************************/
#browserPageId { display: none; }



/*****************************************************
=TABLELESS LAYOUT
******************************************************/

fieldset.ispek 
{
 border: none;
 padding: 0;
 margin: 2em 0;
 position: relative;
}

fieldset.ispek legend 
{
 font-weight: bold;
 padding: 0;
 margin: 0.5em 0 0.5em -1em;
 font-size: 1.2em;
}
fieldset.ispek>legend { margin: 0.5em 0;}


fieldset.ispek div.row 
{
 width: 100%;
 overflow: hidden;
 /*background: url(../images/ispek_lite/greyLabel.png) -96px 0 repeat-y;*/
 border: solid 1px #FFF;
 border-width: 1px 0;
}
fieldset.ispek div.column
{
 width: 100%;
 overflow: hidden;
}
fieldset.ispek div.column div.row
{
	/*width: 48%;
	float: left;*/
}




fieldset.ispek label 
{
 display: block;
 width: 10em;
 background: #F0F0F0;
 padding: 0.22em 0.3em;
 float: left;
 border-right: solid 2px #FFF;
}

html>body fieldset.ispek label {width: 10em;}

fieldset.ispek label.minilabel
{
 display: inline;
 width: auto;
 background: #FFF;
 border: none;
 padding: 0 0.5em 0 0;
 float: none;
 vertical-align: middle;
}
fieldset.ispek label.minilabel span
{
	display: block;
	float: left;
	padding: 0 0.2em 0 0.2em;
}
/*
fieldset.ispek label.char4 {width: 2.5em;}
fieldset.ispek label.char5 {width: 3em;}
fieldset.ispek label.char6 {width: 3.5em;}
fieldset.ispek label.char7 {width: 4em;}
fieldset.ispek label.char8 {width: 4.5em;}
*/
fieldset.ispek div input,
fieldset.ispek div select 
{
 padding: 0; margin: 0; 
 display: block;
 float: left;
 font-size: 0.9em !important;
}
fieldset.ispek div input.radio,
fieldset.ispek div input.checkbox
{
 display: inline;
 vertical-align: middle;
 float: none;
}

input[type="checkbox"], input[type="radio"] {font-size: 0.6em; background: #FFF; }

fieldset.ispek div input.dimension,
fieldset.ispek div input.integer,
fieldset.ispek div input.mass,
fieldset.ispek div select
{
	width: 14em;
}
fieldset.ispek div select.listSize3 {width: 20em;}
fieldset.ispek div select.autoWidth {width: auto;}

table caption
{
	text-align: left;
	font-size: 0.9em;
	padding-top: 0.5em;
	font-weight: bold;
}

/************** DATA LISTS ******************/

fieldset.ispek dl {margin: 0; padding: 0; /*width: 100%; clear: both; overflow: hidden;*/ float: left;}

fieldset.ispek dt {

            margin: 1px 0;

            width: 12em;

            display: none;

            float: left;

}

fieldset.ispek dd {

            color:  rgb(65,83,93);

            border: solid 1px #F0F0F0;

            width: 12em;

            margin: 0 0 0 5px;

            padding: 1px 3px;

            font-size: 0.9em !important;

            float: left;

            

}

* html fieldset.ispek dd {width: 130px;}

fieldset.ispek dd.autoWidth { width: auto; }

.colourSwatch {width: 3em !important; height: 1.6em !important;}