/*
Example of using css property: 
*/

/*
 * PAGE LAYOUT
 */
#contentWrapper { z-index:2; margin-left:0px; }
/* div content contains everything below the menu */
#sidebar {position: absolute; top: 6em; width: 20%; left: 0%; height: 75%; overflow: auto; border: hidden; background: #f0f0f0;}
/* main is the right hand pane, if there is a side bar */
#main { z-index:2; position: absolute; top: 6em; left: 20%; width: 80%; height: 75%;
  overflow: visible; padding:0; margin: 0; border: 0; }




body { background-color:#ddd; color:black; margin:0; padding:0}
html { background-color:#ddd; color:black; margin:0; padding:0}
a, a:link { color:#006; }
a:visited { color:#000; }
.error { font-weight: bold; color: red }

/*
 * Styles to control whether an element is printed.
 * These are overridden in print.css
 */
.noprint {}


/* This div holds the content of the page - everything that isn't a header, footer or nav bar */
div#content { z-index:0; padding:10px; margin:0; }

/* Shouldn't be any h1's except in header, don't use them. */
h2,h3,h4 { color:#006; background-color:transparent; font-family:arial,helvetica,sans-serif; }
h2 {font-size: 1.2em; clear:both; }
h3 {font-size: 1em;  }
h4 {font-weight: bold; font-size: 0.9em}



img.button { margin:1px; border:0;}
.fakebutton { background-color:#ccc; border-left:2px solid #eee; border-top:2px solid #eee;
				 border-right:2px solid #999; border-bottom:2px solid #999; padding:1px}

img.linkicon { position:relative;top:3px; margin-right:0.25em; }
div.contextmenu { display:inline; position:relative; top:0; overflow:visible; }

div.contextmenu_menu { position:absolute; top:-2px; left:-2px; border:2px solid #006;
                      background-color:white; width:10em; padding:0.25em;
                      display:none; z-index:99 }

/* Context menu styles */
div#contextmenu_real { display:none;position:absolute;z-index:99;top:50px;left:50px;
                       border:2px solid #006; background-color:#fff;
                       font-family:arial,helvetica,sans-serif; font-size:80% }
div#contextmenu_real img { border:0; margin-right:5px; }
div#contextmenu_real a {display:block; text-decoration:none; padding:0.1em 0.2em}
div#contextmenu_real a:hover { background-color:#ccf; }


img.icon { border:0; position:relative; top:2px; }
a.iconlink { text-decoration:none; }
a.iconlink img.icon { margin-right:0.25em; }
a.iconlink span.iconlink { text-decoration:underline; }

/*styles for use in help pages added 090506

div{border: 1px solid red}*/
div.helppage{font-family:arial,helvetica,sans-serif; margin: 10px; width: 95%}
div.glossary dt {font-weight: bold;}
div.glossary dd {margin-bottom:1em;}
.textLeft, .textLeftemph{border: 2px; margin: 10px; float:left}
.textRight{ margin: 10px; float:right}
.imageLeft{border: 2px solid #006; margin: 10px; float:left}
.imageRight{border: 2px solid #006; margin: 10px; float:right}
.imageNoFloat{border: 2px solid #006; margin: 10px; clear:both}
.helpText{font-family:'Times New Roman',serif; color:black; background-color:#ccf; text-decoration:underline;}
.formText{font-family:'Times New Roman',serif; color:black; background-color:#ccf; border-bottom:1px dotted #006}
.spotLink{font-family:'Times New Roman',serif; color:#006; text-decoration: underline}
.PIMSText{font-family:'Times New Roman',serif; font-weight: bold; color:black}
.textLeftemph{border-top:1px solid #00f; border-bottom:1px solid #00f;}
ul#workWithFloat li{clear:both}
.textNoFloat{border: 2px; margin: 10px; clear:both}
div.separate{width: 95%; border-top: 2px double;  clear:both}
div.techdetails { margin: 1.5em; padding: 0.5em; width: 90%; border: 1px solid; border-color: #333; clear: both; background-color: #E0E0E0;}
/*end of styles for use in help pages*/

/* styles for generic pages */
div.viewAttributesHead {width: 100%}
div.viewAttributesHead table {border-width: 1px; border-style:solid; border-color: black; width:100%}
div.viewAttributesHead  tr.head {background-color:  #99f; color:#003}


div.collapsibleBox_opened,div.collapsibleBox_fixedopen,div.collapsibleBox_closed { border:1px solid #006; margin-bottom:0.5em;
																				   background-color:#ccf; -moz-border-radius:0.5em }
div.collapsibleBox_head{ background-color:#ccf; color:#006; }
div.collapsibleBox_opened div.collapsibleBox_head   { 	-moz-border-radius:0.5em 0.5em 0 0; }
div.collapsibleBox_fixedopen div.collapsibleBox_head{ 	-moz-border-radius:0.5em 0.5em 0 0; }
div.collapsibleBox_closed div.collapsibleBox_head   {  -moz-border-radius:0.5em }

div.collapsibleBox_head h3{ padding:0 0 0 1.5em; margin:0 1em 0 0em; color:#006; display:inline;
                            background-repeat:no-repeat; background-position:0.25em 50% }
div.collapsibleBox_head img.icon { text-decoration:none; }
div.collapsibleBox_opened div.collapsibleBox_head h3 { background-image:url(/demo/images/icons/themes/blue/minus.gif); cursor:pointer; }
div.collapsibleBox_closed div.collapsibleBox_head h3 { background-image:url(/demo/images/icons/themes/blue/plus.gif); cursor:pointer; }
div.collapsibleBox_fixedopen div.collapsibleBox_head h3 { background-image:none; cursor:default }

div.collapsibleBox_body{ background-color:white; color:#006; border-bottom:1px solid #006; margin-bottom:0.5em; }
div.collapsibleBox_closed div.collapsibleBox_body{ display:none; }
.collapsibleBox_content { border-top:1px solid #006; width:100%;background-color:transparent; }


div.twocolumn { position:relative; top:0; margin-bottom:0.2em }
div.twocolumn div.rhs { position:absolute; left:28em }

#modalWindow_mask { display:none; z-index:98; height:100%; width:100%; position:absolute; top:0; left:0; background-color:#666; -moz-opacity:0.95; filter:alpha(opacity=95) }
#modalWindow_window { display:none; z-index:99; height:80%; width:80%; position:absolute; top:10%; left:10%; -moz-opacity:1; filter:alpha(opacity=100) }
#modalWindow_window div.boxheader { position:relative;top:0; }
#modalWindow_window span.extraheader { position:absolute; right:0.5em; }
#modalWindow_close { position:absolute; right:0; top:0; cursor:pointer; }
#modalWindow_iframe_iframe { background-color:white; overflow:auto; border:0; }

#modalWindow_dialog { display:none; z-index:99; width:30%; position:absolute; top:45%; left:35%; -moz-opacity:1; filter:alpha(opacity=100) }
#modalWindow_dialog_body { padding:1em; text-align:center; font-weight:bold; font-family:arial,helvetica,sans-serif; }

.required { color:red; } /* Leeds forms do not include form.css they need required defined elsewhere outside to benefit from new tabs*/