#
# Copyright 2004-Present Next Generation Solutions, Ltd.  All rights reserved.
# http://www.ngsltd.com/licenses
#
# This software is the confidential and proprietary information of Next Generation Solutions, Ltd.
# You shall not disclose such Confidential Information and shall use it only in
# accordance with the terms of the license agreement you entered into
# with Next Generation Solutions, Ltd.
#
# $Id: ngsportal.css,v 1.38 2017/01/18 01:03:25 morciuch Exp $
#

@import "default.css";

/*
BODY {color: 000000; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px, scrollbar-base-color: #E6E6E6; scrollbar-arrow-color: #003399;scrollbar-DarkShadow-Color: #000000;}
BODY,TD,DIV,P,A,FONT,SPAN,STRONG,H3,PRE,SELECT,OPTION,TEXTAREA,INPUT {font-family: arial,sans-serif;font-size: 8pt}
TD {color: 000000}
TR {color: 000000}
I {color: 000000;font-style: italic}
TH {color: 000000;font-weight: bold}
A:link {color: 000080;font-weight: bold;text-decoration:none}
A:visited {color: 000080;font-weight: bold; text-decoration:none}
A:hover {color: BLUE;font-weight: bold; text-decoration:underline}
STRONG {color: 000000;text-decoration: none; margin-left=0}
H3 {color: 000000;text-decoration: none; margin-left=0}
PRE {color: 000000}
P {color: 000000}
BLOCKQUOTE {color: 000000}
SELECT { color:#000000;font-weight: none; text-decoration: none; background: #E6E6E6; border: 1 solid #666666; } 
OPTION { color:#000000;font-weight: none; text-decoration: none; background: #E6E6E6; border: 1 solid #666666; } 
TEXTAREA { color:#000000;font-weight: none; text-decoration: none; background: #E6E6E6; border: 1 solid #666666; } 
INPUT { color:#000000; font-weight: none; text-decoration: none; background: #E6E6E6; border: 1 solid #666666; padding:1px 4px 1px 4px;} 
*/

.block-page-footnotes 
{
	font:100 10px Arial; color:#666666;
}

.input-required 
{ 
	background: #E6E6E6 url(../images/content-required.gif) no-repeat right top; padding-left: 3px; 
}

.section-header 
{	
	word-spacing: 2pt;
	letter-spacing: 4px;
	font-size: x-small;
	padding-bottom: 0.5em;
	font-weight: bolder;
	text-transform: uppercase;
}

a.biglink:link, a.biglink:visited 
{
	color: white;
	text-decoration: none;
}

a.biglink 
{
	background-color: #69c;
	color: white;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	font-size: larger;
	border-color: #C1D5B7 #5F7852 #5F7852 #C1D5B7;
	border-style: solid;
	border-width: 1px;
}

b.bigbold
{
	font-size: larger;
}        

input.button {padding: 0 .25em;	width: 0; overflow:visible;}
input.button[class] { /*ie ignores [class]*/ width: auto;}
		
#list-menu a {display: block;width:150px;padding: 2px 2px 2px 10px;border: 1px solid #000000;background: #dcdcdc;text-decoration: none;}
#list-menu b {display: block;width:150px;padding: 2px 2px 2px 10px;border: 1px solid #000000;background: #ffffff;text-decoration: none;}
#list-menu a:hover {border: 1px solid #000000;background: #CCCCCC;color: #ffffff;} 
#list-menu ul {margin: 0; padding: 0;list-style-type: none;}
#list-menu li {margin:2px 0 0;}
#list-menu div {display: table-cell;}

.torque table {width: 100%; cellpadding: 2; cellspacing: 0; border: 0;}
.torque th {border-right-x: 1px solid #333; background-color: #666666; border-left-x: 1px solid #fff; text-align: left;}

/** This overrides the default css border thickness to "medium" **/
.BorderedPortlet 
{
      	background-color: white;
       	border: 1px solid gray;
       	font: normal;
       	color: black;
       	padding: 1;
}

.BoxedPortlet
{
	border: small gray solid;
}

.NGSRounded .TabLeft
{
	width:6px;
	height:6px;
	background-image:  url(../images/html/skins/NGSRounded/nw_maj_rond.gif);
	background-repeat: no-repeat;
}

.NGSRounded .TabLeftLow
{
	width:6px;
	height:6px;
	background-image:  url(../images/html/skins/NGSRounded/nw_maj_rond.gif);
	background-repeat: no-repeat;
}

.NGSRounded .PTitleLeft
{
	width:6px;
	height:6px;
	background-image:  url(../images/html/skins/NGSRounded/nw_maj_rond.gif);
	background-repeat: no-repeat;
}

.NGSRounded .PTitleRight
{
	border-left: thin gray solid;
}

.NGSRounded .PContentLeft
{
	border-left: thin gray solid;
}

.NGSRounded .PContentRight
{
	border-left: thin gray solid;
}

.NGSRounded .PBottomLeft
{
	border-left: thin gray solid;
	border-bottom: thin gray solid;    
}

.NGSRounded .PBottom
{
	border-bottom: thin gray solid;
}

.NGSRounded .PBottomRight
{
	border-left: thin gray solid;
}

.GradientContentStyleClass
{
  	background-image: url('../images/generic_body_strip.gif');
  	padding:10px 10px 10px 10px;
   	background-repeat: repeat-y
   	background-color: white;
   	border-style: none;
   	color: black;
   	font-weight: normal;
}

.GradientTitleStyleClass
{
 	background-image: url('../images/generic_ques.gif');
  	padding:10px 10px 10px 10px;
   	background-repeat: repeat-y
   	background-color: white;
   	border-style: small black solid;
  	color: black;
   	font-weight: bold;
}

/*--------------------------------------------------
REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabberlive .tabbertabhide 
{
	display:none;
}

/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabber
{
}

.tabberlive 
{
	##margin-top:1em;
}

/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav
{
 	margin:0;
 	padding: 3px 0;
 	border-bottom: 1px solid #778;
 	font: bold 12px Arial;
}

ul.tabbernav li
{
 	list-style: none;
 	margin: 0;
 	display: inline;
}

ul.tabbernav li a
{
 	padding: 3px 0.5em;
 	margin-left: 3px;
 	border: 1px solid #778;
 	border-bottom: none;
 	background: #DDE;
 	text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 	color: #000;
 	background: #AAE;
 	border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 	background-color: #fff;
 	border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 	color: #000;
 	background: white;
 	border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab 
{
 	padding:5px;
 	border:1px solid #aaa;
 	border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 
{
 	display:none;
}
.tabberlive .tabbertab h3 
{
 	display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 
{
}
.tabberlive#tab2 
{
}
.tabberlive#tab2 .tabbertab 
{
 	height:200px;
 	overflow:auto;
}

/* These styles are for the tooltips */

#dhtmltooltip
{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	font-family: "Arial"; 
	font-size: 8pt;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer
{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

## MO 4/23/2014 Removed because it was causing problems in IE
##.pol_border 
##{
##	float:left;
##	margin:0px 10px 10px 10px;
##	padding:0px;background:url(../images/shadowAlpha.png) no-repeat bottom right !important;background:url(../images/shadow.gif) no-repeat bottom right;
##}

.img_thumb img
{
	display: block;
	position: relative;
	/*background-color: #ffffff;*/
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-x-position: 0%;
	background-y-position: 0%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cccccc;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
	margin-top: -5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: -5px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}

.error
{
	color: red;
	background-color: transparent;
	font-weight: bold;
}

.warn
{
	color: green;
	background-color: transparent;
	font-weight: bold;
}

/*
Use these with messages as follows:

<div id="global-error">
  <div class="alert success">
    <img src="images/icon_success_sml.gif" alt="Attention"><p><strong>Your message here</strong></p>
</div>
*/
span.error 
{ 
	font-weight: bold; color: #900; 
}

div.alert, div.errorbox 
{
	background-color: #fff; border: 1px solid #ddd; margin: 10 10 15px; padding: 7px 7px 7px 7px; overflow: hidden;
}

div.alert img, div.errorbox img 
{
	margin-right: 7px; float: left;
}

#body div.alert p, #body div.errorbox p, #body div.alert h3 
{
	font-size: 13px; margin: 6px 6px 0 6px; _margin-bottom: 6px; 
}

#body div.alert h3 
{
	font-weight: bold;
}

div.alert.attention 
{ 
	background-color: #fff5cc; border: 1px solid #fc1; padding-bottom: 6px;
}

div.alert.attention strong 
{ 
	color: #960; 
}

div.alert.error, div.errorbox 
{
	 background-color: #fee; border: 1px solid #d00; 
}

div.alert.error strong, div.errorbox strong 
{ 
	color: #ab0000; 
}

div.alert.success 
{ 
	background-color: #e6f8dd; border: 1px solid #191; 
}

div.alert.success strong 
{ 
	color: #060; 
}

div.alert.notice 
{ 
	background-color: #e6f8f8; border: 1px solid #07a; 
}

div.alert.notice strong 
{ 
	color: #005a8d; 
}

table.dashed 
{
	border-width: 1px;
	border-spacing: 2px;
	border-style: none;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}

table.dashed th 
{
	border-width: 1px;
	padding: 3px;
	border-style: dashed;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}

table.dashed td 
{
	border-width: 1px;
	padding: 3px;
	border-style: dashed;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}

.quicksearch
{
	padding:0 10px;
}

.quicksearch input
{
	-moz-appearance:textfield;
	-webkit-appearance:textfield;
	background:#f5f5f5 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAb0lEQVR42p2RMQ7AIAhFWXsG1h7Gtffo6urqyJGpwyetomnwJ38BH/wgfZSaS7PABbVOqkqm3Fzx6IQTatlDb5PJi21YBy1iuNgjJIgzFXqyCcXj1Z1DXNGTiw01aP252DCCgH7Fk41h8KaAGMDxADnaOPucd/m3AAAAAElFTkSuQmCC) no-repeat 7px 6px;
	border:none;
	border-radius:5em;
	box-shadow:inset 1px 2px 3px rgba(0,0,0,0.3);
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	color:#333;
	font-family:inherit;
	font-size:inherit;
	line-height:1.6;
	margin:1px 0;
	padding:2px 10px 2px 25px !important;
	vertical-align:baseline;
	width:150px;
}

.quicksearch input:focus
{
	background-color:#fff;outline:none;
}

.quicksearch input::-webkit-input-placeholder
{
	color:#707070;
}

.quicksearch input::-moz-placeholder
{
	color:#707070;opacity:1;
}

/*-------------------------
	Inline help tip
--------------------------*/
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 0px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: black;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px 15px;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}