/* Tripoli Reset CSS logic */
* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font: inherit; font-size: 1em; white-space: normal; }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border: none; }
/* table { border-collapse: collapse; border-spacing: 0; } 
caption, th, td, center { text-align: left; vertical-align: top; } */
body { line-height: 1; background: white; color: black; }
/* ul, ol,*/ dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
/* font { color: inherit !important; font: inherit !important; color: inherit !important; } */
/* disables some nasty font attributes in standard browsers */
marquee { overflow: inherit !important; -moz-binding: none; }
blink { text-decoration: none; }
nobr { white-space: normal; }
img {-ms-interpolation-mode:bicubic;} /* ! */

/* eric meyer */
/*
:focus {
	outline: 0;
}
*/
ins {
	text-decoration: underline;
}
del {
	text-decoration: line-through;
}
/* table {
	border-collapse: collapse;
	border-spacing: 0;
}*/

q, blockquote { quotes: none; } 
blockquote:before, 
blockquote:after, 
q:before, 
q:after{
	content: normal; /* suppress in Gecko (but this gets superceded by "")!! */
	content: "";	/* CSS 2 */
	content: none;	/* CSS 2.1 */
}

html>body {
	font-size: 12px;
	line-height: 1;
}
body {
  font: 75% Verdana,Helvetica,Arial,sans-serif;
  font-size-adjust:0.58;  /* verdana's aspect ratio */
  font-variant:normal;
  font-weight:normal;
  font-style:normal;
  /* background-color: #260000; */
  color:#444; 
  text-align: justify;
  /* background: #260000 url("/img/bg-fade-red.gif") repeat; */
  background: url("/templates/Startup/img/650000/p_unten.gif") white repeat-y;
  }

#bodyContent {
	background-color:#f5f5b4;
	/* background-image:url("/img/content-bg.jpg") !important; */
	background-repeat:repeat-x;
	background-position: 0px 0px;
	margin:0px 0px 0px 0px;
	min-height:359px;
	height:auto !important;
	height:359px;
	padding:30px 0px 0px 30px;
}

/* general styles */
table {
	font-size: 100%;
	color: inherit;
	/* we don't want the bottom borders of <h2>s to be visible through
	   floated tables */
	/*background-color: white;*/
}
fieldset table {
	/* but keep table layouts in forms clean... */
	background: none;
}
a, 
a:link, 
a:visited { 
	color: #0094ae;  /* ~ turquoise */
	background: transparent;
}
a:hover, 
a:focus {
	color: #990000;
	background: #ff9; 
}
a:active {
	color: #ff0000;
	background: #ff6;
}
img {
	border: none;
	vertical-align: middle;
	margin: 0px;
}
p {  
	font-size:1em; /* 12pts, inherited */
	line-height:1.5em; /* const height 18pt = (1.5em)(12pt) */
	margin:0px 0px 1.5em 0px; /* bttm = linehght */
}
li {
	font-size:1em;
	line-height:1.5em; 
	margin-left: 1.5em;
}
td {
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
hr {
	height: 1px;
	color: #aaa;
	background: transparent;
	border: 0px;
	margin: 0.2em 0px;
}
h1 { 
	font-size: 1.5em; /* newEm = h1 =(1.5)(oldEm) = 1.5x12pts = 18pts */
	line-height: 1em; /* keep height constant (18pts), so: 18pt/h1 = 1 NewEm */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	font-style: normal;
	font-weight: bold;
	margin:0px 0px 1em 0px;
	text-shadow: 2px 2px 2px #ff6;
}
h2 {
	font-size: 1.333em;  /* newEm = h2 =(1.33)(12pt) = 16pts */
	line-height: 1.125em; /* const 18 / 16pt = 1.125 newEm */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0094ae;  
	font-style: italic;
	font-weight: bold;
	margin: 1.125em 0px 1.125em 0px;
}
h3 {
	font-size: 1.1667em; /* desired/orig = 14pts/12pts = 1.167 */
	line-height: 1.286em; /* const 18 / 14pt = 1.286 newEm */
	margin: 1.286em 0px 1.286em 0px;
	color: #900; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	
}

/* blockquotes and indenting   --  For ending quote, MUST use either <p> or <div> inside the <blockquote>! tag */  
blockquote {
	/* newEm = h3 =(1.1667)(12pt) = 14pts */
	font: italic bold 1.333em "comic sans ms", Tahoma, sans-serif !important;
	line-height: 1.125em; /* const 18 / 14pt = 1.125 newEm */
	text-indent: 2.5em; 
	text-align: left;
	color: #000;
	background: #ffc url("/img/blockquotes_redclear.png") no-repeat top 3px;
	margin:  1em 30px 5px;
	padding: 5px 44px 3px 27px;
	border: 2px solid #356;
	border-width: 2px 0px; 
}
blockquote > div:last-child,
blockquote > p:last-child     {
	/* MUST use <DIV> **OR** <P> to get end-quotes (NOT BOTH)!!  */
	background: transparent url("/img/blockquotes_redclear_end.png") no-repeat bottom right; 
	padding: 0 44px 20px 0;
	margin-right: -44px;
	margin-bottom: 0px;  
}
blockquote > p, 
blockquote > div {
	margin-top: 1em !important; 
}
/* ------------------------------------------------- */
blockquote.floatright, blockquote.floatleft  {
	clear: both; 
	min-width: 100px;
	max-width: 235px;
}
blockquote.floatright {
	float: right;
	margin-right: 0px !important;
}
blockquote.floatleft {
	float: left;
	margin-left: 0px !important;
}
blockquote div.quotation:before {
	content: no-open-quote;
}
blockquote div.quotation:after {
	content: no-close-quote;
}
blockquote div.speaker {
	font-size: .86em; 
	font-weight: normal; 
	font-style: normal; 
	padding-left: 2.5em;
	text-indent: 0px;
}
.indent {
	margin: 20px 0 20px 40px;
}

u {text-decoration: underline;}
em { font-style: italic;}
b, strong {font-weight: bold;}
b strong, strong b {font-weight: bolder;}
em b strong, em strong b,
b strong em, strong b em,
b em strong, strong em b { font-size: 115%}

/* GTS banner, logo, header */
.gtsBanner { 
	background: rgb(101,0,0); 
	width: 515px; 
	height: 88px;
	margin: 0px;
}
.gtsBanner p {
	position: relative;
	top: 8px;
	left: 82px;
	z-index: 20; 
	width: 360px; 
	height: 56px;
	margin: 0;
	font: small-caps bold 1.83em / 1.1em Georgia, "Times New Roman", Times, serif; 
	color: #f5f5b4;
	text-align: center;
	/*background-color: transparent;
	background-color: rgba(102,0,0,0.3);*/
	text-shadow: 2px 2px 2px black;
}
.gtsBannerRight { 
	background: rgb(101,0,0);
	width: 240px; 
	height: 88px;
	margin: 0px;
}
span.gts-logofont { 
	color: #fff; 
	font: small-caps bold 1.83em Georgia, "Times New Roman", Times, serif; 
	line-height: 1.2em;
	margin: 1.23em 0px 0px; 
	text-align: center; 
	vertical-align: middle; 
}

/* Figure with label superimposed */
.figure { 
	float: left; 
	margin: 2px 20px -25px 2px;	
}
.figure img { 
	background: white;
	border: 1px solid #D3D3D3; 	
	padding: 5px; 
	box-shadow: 2px 2px 4px black; 
	-webkit-box-shadow: 2px 2px 4px black;
}
.figure p {
   position: relative;
   top: -41px; 
   left: 60px; /* this is specific to actual image/text widths */
   z-index: 10; 
   width: 80px; /* this is specific to actual image/text widths */
   height: 22px;
   color: white;
   text-align: right;
   text-shadow: 2px 2px 2px black;
   font-weight: bold;
   background-color: rgb(101,0,0);
   background-color: rgba(102, 0, 0, 0.6);
   padding: 4px 12px 0px 0px;
   margin: 0px;
}

/* Link Image Opacity */
a.linkopacity img {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5; 
	opacity: 0.5;
	-khtml-opacity: 0.5;
}
a.linkopacity:hover img {
	filter:alpha(opacity=100); 
	-moz-opacity: 1.0; 
	opacity: 1.0;
	-khtml-opacity: 1.0; 
}

/* Selected Text Highlighting */
::selection {  /* Safari */
	background: #990000; color: rgb(245, 245, 180);
	}
::-moz-selection {  /* Firefox */
	background: #990000; color: rgb(245, 245, 180);
}

.searchbutton  { 
	color: #650000; 
	background: #ffffdd; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 1em; 
	cursor: default; 
	display: inline; 
	float: none; 
	text-align: center; 
	vertical-align: text-top; 
	height: 22px; 
	width: 50px; 
	padding: 2px; 
	margin-top: 0px; 
	border-color: #fc0 #999966 #999966 #ffffcc; 
	border-style: solid; 
	border-width: 3px; 
}
/* Is this used anywhere? */
.submit {
  color: black;
  background: #FFFFFF;
  padding: 2px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  cursor: default;
  border: 1px solid #000000; 
}

/* Remote Support Forms */
div.RemoteForm, table.RemoteForm { 
	background-color: #ffffcc; 
	color: #0094ae; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1em; 
	font-weight: bold; 
	vertical-align: middle; 
	width: 75%; 
	margin: 0px 1em 1em !important; 
	padding: 0px 0px 0.2em 0.5em !important; 
	border-style: none; 
}
input.RemoteForm, textarea.RemoteForm  /* input fields in the Remote Support Form */ { 
	color: #676767; 
	font-weight: normal; 
	background-color: white; 
	text-decoration: none; 
}
.RemoteHint { 
	color: #900; 
	font-size: 0.9em; 
	font-weight: normal; 
	font-style: italic; 
}
.RemoteReqdText {
	font-size:.9em;
	font-weight:normal;
	color:red;
}
.RemoteButton {
	cursor: pointer;
	font-size: 1em;
	font-weight: bold;
	vertical-align: middle !important; 
}
#submitpad {
	padding: 5px;
	background: #ff0000;
	margin: 0px;
	border: 3px #ff0000;
	border-spacing: 0px;
}

div.FrameBox { 
	font-size: 1em;
	text-align: center; 
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin: 0px 0px 1.4em 0px; 
	padding: 1.2em .8em 0px; 
	border-width: 5px; 
	border-style: outset;
	color: #900; 
	border-color: #c00;
	background-color:#ffc;
}
div.RedGold { 
	color: #fc0;
	background-color:#650000;
	border-color: #fc0; /* #c93 #660 #c90 */
}
div.RedGold a, 
div.RedGold a:link,
div.RedGold a:visited { 
	color: #ffc;  
}
div.RedGold a:hover,
div.RedGold a:focus { 
	color: #fff;  
	background: #990000;
}
div.RedGold a:active { 
	color: #ff6;  
	background: #cc0000;
}
div.YellowBlue {
	color: #316ac5;
	background-color:#ffc;
	border-color: #47aef3; 
}

.smallPlain {
	font-weight: normal;
	font-size: .8em;
	text-align: left !important;
	margin: 0px;
	padding: 0px;
}
p.just {
	text-align:justify;
}
.just li{
	text-align:justify;
}
/* Miscellaneous */
.nobreak { 
	white-space: nowrap;
	
}
.bomblistitem {
	font-weight: normal;
	color: inherit;
	margin-top: 0;
	margin-bottom: 0.7em;
	margin-left: 2em;
	list-style: url("/img/bullet_bomb.png"); 
	
	}
.new-and-improved {
	background-color:#FF3; 
	color:#000; 
	font-size:1.2em; 
	font-weight: bold; 
	padding:1px 5px;
}
/* the nav_links bar in the page footer */
.footer-links-row   { 
	color: #900; 
	font-size: 0.9em; 
	line-height: 1.8em; 
	background-color: #ffc; 
	background-image: inherit; 
	background-repeat: repeat; 
	background-attachment: scroll; 
	background-position: 0px 0px; 
	text-align: center; 
	padding-top: 1em; 
	padding-bottom: 0.7em; 
	white-space: nowrap; 
}
.footer-links-row img { 
	vertical-align: middle; 
	top: 1em !important; 
	white-space: inherit; 
	}
.footer-legal-row { 
	color:rgb(86,86,86); 
	background: #ccc; 
	font-size: 0.8em; 
	line-height: 1.4em; 
	text-align: left; 
	padding-top: 0.7em; 
	padding-right: 0.7em; 
	padding-bottom: 1.5em; 
}

/* forward links -- i.e. TOC */
div.fwdLinkBox { 
	color: teal;
	background: #ffffdd; 
	font-size: 0.9em; 
	line-height: 1.7em; 
	width: auto; /*  does this work? */
	margin: 1.5em 12em 1.5em 2.5em; 
	padding: 1em; 
	border: solid 1px #ccc; 
	
}
div.fwdLinkHdr { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1.2em; 
	font-weight: bold; 
	margin-bottom: 0px !important; 
	padding-bottom: 0px !important; 
}

/* Top of page */
.topOfPage { 
	margin-top: 3px; 
	margin-bottom: 10px
}

/* images */
div.floatright, table.floatright {
	clear: right;
	float: right;
	position: relative;
	margin: 0px 0px .5em .8em;
	border: 0;
}
div.floatleft, table.floatleft {
	float: left;
	clear: left;
	position: relative;
	margin: 0px .8em .5em 0px;
	border: 0;
}
div.floatright p, div.floatleft p { 
	font-style: italic; 
}

/* thumbnails */
div.thumb {
	margin-bottom: .5em;
	width: auto;
	padding-top: .5em;
	padding-bottom: .8em;
}
div.tright {
	clear: right;
	float: right;
	padding-left: 1.4em;
	padding-right: 0px;
}
div.tleft {
	float: left;
	clear: left;
	margin-right: .5em;
	padding-right: 1.4em;
	padding-left: 0px;
}
div.thumbinner {
	border: 1px solid #aaa;
	padding: 4px !important;
	background: #ffffcc;
	overflow: hidden;
}
html .thumbimage {
	border: 1px solid #ccc;
}
html .thumbcaption {
	border: none;
	text-align: left;
	line-height: 1.4em;
	padding: 3px !important;
	font-size: 90%;
}
div.magnify {
	float: right;
	border: none !important;
	background: none !important;
}
div.magnify a, div.magnify img {
	display: block;
	border: none !important;
	background: none !important;
}
div.magnify img {
	padding: 1px 0px 2px 5px;
}
.hiddenStructure {
	display: none;
}

/*
** keep the whitespace in front of the ^=, hides rule from konqueror
** this is css3, the validator doesn't like it when validating as css2
*/

#bodyContent a.external,
#bodyContent a.external[href ^="gopher://"] {
	background: url("/img/external.png") center right no-repeat;
	padding: 0 13px 0 0;
}
#bodyContent a.external[href ^="https://"],
.link-https {
	background: url("/img/lock_icon.gif") center right no-repeat;
	padding: 0 16px 0 0;
}
#bodyContent a.external[href ^="mailto:"],
.link-mailto {
	background: url("/img/mail_icon.gif") center right no-repeat;
	padding: 0 18px 0 0;
}
#bodyContent a.external[href ^="news://"] {
	background: url("/img/news-icon.gif") center right no-repeat;
	padding: 0 18px 0 0;
}
#bodyContent a.external[href ^="ftp://"],
.link-ftp {
	background: url("/img/file_icon.gif") center right no-repeat;
	padding: 0 18px 0 0;
}
#bodyContent a.external[href ^="irc://"],
.link-irc {
	background: url("/img/discussionitem_icon.gif") center right no-repeat;
	padding: 0 18px 0 0;
}
#bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"],
#bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"],
#bodyContent a.external[href $=".midi"], #bodyContent a.external[href $=".MIDI"],
#bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"],
#bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"],
#bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"],
.link-audio {
	background: url("/img/audio.png") center right no-repeat;
	padding: 0 13px 0 0;
}
#bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"],
#bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"],
#bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href $=".MPEG"],
#bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"],
.link-video {
	background: url("/img/video.png") center right no-repeat;
	padding: 0 13px 0 0;
}
#bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"],
#bodyContent a.external[href *=".pdf#"], #bodyContent a.external[href *=".PDF#"],
#bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"],
.link-pdf {
	background: url(http://www.grolltech.com/img/icon_pdf.gif) center right no-repeat;
	padding: 0 18px 0 0;
}

/* accessability */
a#home, a#home:visited, a#home:hover {position:absolute;top:-100px;width:1px;height:1px;overflow:hidden;font-size:x-small;}
a#home:active, a#home:focus {position:static;width:auto;height:auto;text-align:center;margin:0 auto}
a#skip, a#skip:visited, a#skip:hover {position:absolute;top:-100px;width:1px;height:1px;overflow:hidden;font-size:x-small;}
a#skip:active, a#skip:focus {position:static;width:auto;height:auto;text-align:center;margin:0 auto}

/* Accessibility */
#top-link a {   /* lower-right 'fixed' link */
  text-transform:uppercase;
  -webkit-border-radius:5px;
  -khtml-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  color:#ffcc66;
  background:#214552;
  position:fixed;
  display:block;
  padding:3px;
  bottom:5px;
  right:5px;
}
* html body #top-link { /* IE6 (and IE7?) */
  display:none;
}

/* NOT USED BELOW THIS POINT*/
#pageheading {
	text-align: left;
	position: absolute;
	border: 1px none #000000;
	right: auto;
	bottom: auto;
	left: 212px;
	top: 112px;

}