/* ISP Ltd. style sheet (ispltd.com)
 * vim: ts=4 sw=4
 */

/* Image formats */

img.right_photo {
	margin-left:				auto;
	margin-right:				0;
	border:						none;
}
IMG.banner {
	border:						none;
	margin:						35px 0 0 0;
	max-width:					2560px;
	padding:					0;
	width:						100%;
}


P.indented_note {
	background-color:		#f7f7ff;
	border-right:			1px solid #ccc;
	border-bottom:			1px solid #ccc;;
	color:					#506050;
	font-size:				10pt;
	font-style:				italic;
	padding:					0.5em;
	margin:					0 30px 10px 30px;
	text-align:				justify;
	width:					65%;
}
P.code {
	border:					1px dotted;	padding: 5px;
	color:					#506050;
	font-family:			Monospace, clean, Courier;
	font-size:				9pt;
	font-style:				normal;
	margin:					0 15px 10px 25px;
	text-indent:			0;
}
P.newsDate {
	font-size:				9pt;
	margin:					0 10px 2px 0;
	text-align:				right;
}
P.dropcap,
P.large {
	font-size:				20pt;
	line-height:			180%;
	padding-top:			1em;
	text-indent:			0;
}
P.dropcap:first-letter,
FONT.huge {
	color:					var(--colour_light_text);
	display:					block;
	float:					left;
	font-size:				95pt;
	font-style:				italic;
	line-height:			80%;
	margin:					-0.05em 0 0 0;
	padding:					0em 0.1em 0em 0;
	text-indent:			0;
}


/* Top banner styles */

SPAN.slogan {
	color:					blue;
	font-size:				12pt;
}


.bullet {
	font-size: 11pt;		color: #005f5f;		font-style: normal;
	margin: 1px 0 5px 10px;							text-indent: -10px;
	line-height: 133%;
}
UL#feature_list LI {
	list-style-image:		url('img/buttons/checkmark_small.gif');
}
.tiny_text {
	font-size: 8pt;		color: #3f3f3f;		font-style: normal;
}

.small_white {
	background:			#000030;
	color:				white;
	font-size:			8pt;
	font-style:			normal;
	line-height:		100%;
	margin:				0;
	padding-left:		3px;
}
.small_green {
	font-size: 10px;		color: #00ff00;		font-style: normal;
}
.mono_text {
	font-family: Courier New, Courier;
	font-size: 10px;		color: #000000;		font-style: normal;
}
/* class=error is used for font and paragraph tags. */
.error {
	color:					#755;
	font-size:				12pt;
	font-style:				italic;
	font-weight:			bold;
	line-height:			150%;
	margin:					1em;
	text-indent:			1em;
}
P.error {
	background:				#ddd;
	border-left:			3px solid red;		/* Only do this for paragraph tags */
	border-right:			3px solid red;		/* Only do this for paragraph tags */
	margin:					5px 0 0 0;
	padding:					2px 1em 2px 1em;
	width:					620px;
}

.lighter {
	color:					#777;
	font-family:			Terminal, mono;
	font-size:				10pt;
}


/* Specifications tables */

.specs_top {
	font-family:			"Trebuchet MS", "Luxi Serif", Utopia, "Times Roman", serif;
	font-size:				12pt;
	font-style:				normal;
	font-weight:			bold;
	text-decoration:		none;
	line-height:			150%;
	padding:					5px;
	color:					#ffffff;
	background:				#663300;
}
.specs_left, .specs_body, .specs_centre, .specs_right {
	font-size:				13px;
	text-decoration:		none;
	font-style:				normal;
	padding:					5px;
	line-height:			133%;
}
.specs_left {
	font-weight:			bold;
	text-align:				left;
	color:					#ffffff;
	background:				#996633;
}
.specs_body, .specs_body p {
	background:				#ffdd99;
	color:					black;
	padding:					3px;
}
.specs_body p {
	font-size:				11pt;
	line-height:			120%;
	margin:					1px 0 0 10px;
	text-indent:			-10px;
}
P.specs_bullet {
	margin-left:			20px;
	padding:					0;
	text-indent:			-10px;
}
.specs_centre {
	text-align:				center;
	color:					#000000;
	background:				#ffdd99;
}
.specs_right {
	text-align:				right;
	color:					#000000;
	background:				#ffdd99;
}
.specs_pkg {
	font-family:			sans-serif;
	font-size:				10pt;
	line-height:			150%;
	color:					#000000;
	background:				#bbffee;
}
CAPTION {
	font-size:				10pt;
	color:					green;
}
DIV.note P {
	/* font-family:			"Trebuchet MS",Arial,Helvetica,FreeSans,"Luxi Sans",sans-serif; */
	font-size:				13pt;
	line-height:			150%;
}
.red_text {
	font-size: 14px;		color: #cf0000;		background: #ffefff;
	font-weight: normal;	font-style: normal;
}
.white_text {
	font-size: 12px;		color: #ffffff;		background: #000030;
	font-weight: normal;	text-decoration: none;
	line-height: 200%;
}
.green_inverse {
	font-size: 12px;		color: #00df3f;		background: black;
	font-weight: normal;	text-decoration: none;
	line-height: 200%;
}
.form_red {
	font-size: 14px;		color: #cf0000;		background: #efefef;
	font-weight: normal;	font-style: normal;
}
.form_black {
	font-size: 14px;		color: #000000;		background: #efefef;
	font-weight: normal;	font-style: normal;
}

/* Special divisions */

DIV.footnote {
	padding-top:			1em;
}
DIV.footnote,
DIV.footnote P {
	color:					#337733;
	font-size:				9pt;
	margin-left:			15px;
	text-indent:			-15px;
}
DIV.footnote HR {
	background-color:		#ccc;
	border:					0;
	color:					#ccc;
	width:					50%;
}

DIV#photo {
	font-size:				8pt;
	text-align:				center;
	float:					right;
	width:					auto;
	border:					0;
	padding:					70px 0 1em 3em;
	margin:					0;
	color:					#0cc;
}
DIV.quotation {
	font-size:				9pt;
	float:					right;
	width:					300px;
	padding:					2em 0 0 3em;
}






/*	NB:  a:hover must come after a:link and a:visited
First set leaves size as-is
2nd and 3rd sets establish size parameters.
 */

A, A:link {
	background:				var(--colour_bg_anchor);
	border-bottom:			1px dashed #0FF;
	color:					#0000DD;
	text-decoration:		none;
}
A:visited {
	color:					#000090;
	font-style:				italic;
}
A:hover {
	background:				#FF9;
	color:					#0000DD;
	font-style:				normal;
	text-decoration:		dashed;
}

A.small:link {
	font-size: 10px;		color: #0000DD;
}
A.small:visited {
	font-size: 10px;		color: #000090;
}
A.small:hover {
	font-size: 10px;		color: #0000DD;		background: #DFDFDF;
	font-weight: bold;	font-style: normal;	text-decoration: underline;
}

A.medium:link {
	font-size: 10pt;		color: #0000DD;
}
A.medium:visited {
	font-size: 10pt;		color: #000090;
}
A.medium:hover {
	font-size: 10pt;		color: #0000DD;		background: #DFDFDF;
	font-weight: bold;	font-style: normal;	text-decoration: underline;
}

A.large {
	border:					none;
}
A.large:link {
	font-weight: normal;	font-style: normal;	text-decoration: none;
	font-size: 14pt;		color: #003fcf;
	line-height: 200%
}
A.large:visited {
	font-size: 14pt;		color: #00008f;
	font-weight: normal;	font-style: normal;	text-decoration: none;
}
A.large:hover {
	font-size: 14pt;		color: #001fDD;		background: #DFDFDF;
	font-weight: bold;	font-style: normal;	text-decoration: none;
}


A.button,
A.button_small,
A.button_linux {
	background-color:		#eee;
	border-bottom:			2px solid black;
	border-left:			2px solid #e0e0e0;
	border-right:			2px solid #777;
	border-top:				1px solid #ddd;
	color:					#00b;
	display:				block;
	font-style:				normal;
	font-weight:			bold;
	-moz-border-radius:		7px;
}
A.button:hover,
A.button_small:hover,
A.button_linux:hover {
	background-color:		#ff0;
	text-decoration:		none;
}
A.button_linux {
	margin-left:					3em;
	margin-bottom:			5px;
	width:					15em;
}
A.button:visited {
	color:					#00b;
}
A.button_small {
	border-bottom:			1px solid #555;
	border-right:			1px solid #555;
	font-size:				9pt;
	display:				inline;
	line-height:			120%;
	padding:				2px 5px 2px 5px;
}

A.tab {
	background:					#d7f6ff;
	font-size:					14pt;
	padding:						4px 7px;
	text-decoration:			none;
	-webkit-border-radius:	4px;
	-moz-border-radius:		4px;
	border-radius:				4px;
	-webkit-box-shadow:		rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow:			rgba(0,0,0,1) 0 1px 0;
	box-shadow:					rgba(0,0,0,1) 0 1px 0;
	text-shadow:				rgba(0,0,0,.4) 0 1px 0;
	text-align:					center;
}
BUTTON.tab {
	background:					white;
	border:						none;
	-webkit-border-radius:	4px;
	-moz-border-radius:		4px;
	border-radius:				4px;
	-webkit-box-shadow:		rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow:			rgba(0,0,0,1) 0 1px 0;
	box-shadow:					rgba(0,0,0,1) 0 1px 0;
	color:						#bbb;
	cursor:						pointer;
	font-size:					12pt;
	height:						auto;
	margin:						0 0.2em;
	padding:						0.1em 0.5em;
	text-shadow:				rgba(0,0,0,.4) 0 1px 0;
	text-align:					center;
	width:						auto;
}
A.tab:hover, BUTTON.tab:hover {
	background:					yellow;
}


/* Page layout & menus */

.menu_text {
	font-size:				12pt;
	font-weight:			normal;
	/* line-height:			130%; */
	margin:					1.2em 0 0.1em 0;
	padding:				0.3em 0.1em;
	text-decoration:		none;
	text-indent:			0;
}
DIV.submenu {
	margin:					0;
	padding:				0;
}
DIV.submenu P {
	font-size:				10pt;
	font-style:				italic;
	line-height:			125%;
	margin:					0 0.7em;
	padding:				0 0 0.2em 0.2em;
	text-indent:			0.1em;
}
DIV.submenu P.current {
	background:				#99F;
	color:					#FF0;
	font-style:				normal;
}

.menu_bold {
	background:				#00005f;
	color:					#ffffef;
	font-size:				10.5pt;
	font-weight:			bold;
	line-height:			100%;
	margin:					0.3em 0;
	padding:				0.3em;
	text-align:				left;
	text-decoration:		none;
	text-indent:			0;
	vertical-align:			center;
}
/* menu_inverse is used in the products section, to highlight a menu section */
.menu_inverse {
	font-size: 11px;		font-weight: normal;		text-decoration: none;
	color: #002f00;		background: #dfefff;
	line-height: 150%;	text-indent: -7px;	margin: 0 3px 7px 20px;
}
/* 2nd level indented inverse menu item */
.menu_inv2 {
	font-size: 12px;		font-weight: normal;	text-decoration: none;
	color: #002f00;		background: #cfefcf;
	line-height: 150%;	margin: 0 3px 0 0px;
	text-align: left;		padding: 5px 0 5px 14px;
}

.menu_small {
	font-size: 11px;
	line-height: 133%;	margin: 0 5px 5px 25px;	text-indent: -20px;
	color: #002f00;
}


/* Floating right-side menu */
#right_menu {
	position: fixed;
	right: 0;
	top: 50%;
	width: 8em;
	margin: -2.5em 0 0 0;
	z-index: 5;
	background: hsla(80, 90%, 40%, 0.7);
	color: white;
	font-weight: bold;
	font-size: large;
	text-align: left;
	border: solid hsla(80, 90%, 40%, 0.5);
	border-right: none;
	padding: 0.5em 0.5em 0.5em 2.5em;
	box-shadow: 0 1px 3px black;
	border-radius: 3em 0.5em 0.5em 3em;
}
#right_menu LI { margin: 0 }
#right_menu A { color: inherit }
/* Make menu absolute, not fixed, on IE 5 & 6 */
#right_menu { position: absolute }
*>#right_menu { position: fixed }




/* Forms and tables */

TD.leftpad,
TD.leftpad P {
	padding-left:		1em;
}
TD.leftpad P {
	margin:				0 0 0 2em;
	text-indent:		-2em;
}
TD.form {
	font-size:			10pt;
}
TD.head, TD.subhead {
	background:			#ddd;
	font-size:			11pt;
	font-weight:		bold;
}
TD.subhead {
	font-size:			9pt;
	text-align:			center;
}
TD.required_field,
TD.optional_field,
FONT.required {
	color:				#700;
	font-size:			14pt;
	font-weight:		bold;
	line-height:		110%;
}
TD.optional_field {
	color:				#555;
	font-size:			12pt;
	font-style:			italic;
	font-weight:		normal;
}
TD.years {				/* for the history page */
	color:				#99E;
	font-size:			14pt;
	font-weight:		bold;
	text-shadow:		2px 2px #ddd;
	vertical-align:	top;
}



/*	Downloads section
-----------------				*/

TD.nav_cell div{
	display: none;
	position: absolute;
	border: 1px solid black;
	width: 30em;
	background-color: #f0f5ff;
	font-size: .9em;
	padding: .8em;
	margin-left: 9em;
	margin-top: -18em;
	opacity: 0.85;
}
TD.nav_cell:hover div{
	display: block;
}
TD.nav_cell div:before{
	content: "Package Information";
	display: block;
	border-bottom: 1px solid #999999;
	padding-left: 1em;
	font-weight: bold;
	margin-bottom: .5em;
	font-family: Georgia, sans-serif;
	font-style: italic;
	text-align: right;
}
TD.nav_cell div span{
	display: block;
	font-weight: bold;
}
TD.nav_cell div p{
	margin: 0;
	padding: 0;
	padding-left: 2em;
	font-size: 1em;
}
TD.nav_cell div:hover{
	display: none;
}