#Next Generation Solutions, Ltd. License
#Version 1.0, January 2003
#http://www.ngsltd.com/licenses/
#
#NGSPORTAL ("Software") is the confidential and proprietary information of 
#Next Generation Solutions, Ltd. ("Licensor"). 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.
#
#From time to time, the Licensor may contribute a single
#license of the Software to develop other software ("Other Software") as part 
#its consulting services. In such cases, it is expressly understood that 
#the Software remains confidential and proprietary information of the Licensor. 
#The receipient of the Software hereby disclaims any copyright claims to the Software. 
#Redistribution of the Software beyond the original scope of the Other software is 
#prohibited without explicit permission of the Licensor.
#
#Unless required by applicable law or agreed to in writing, Licensor 
#provides the Software on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS 
#OF ANY KIND, either express or implied, including, without limitation, any 
#warranties or conditions of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, 
#or FITNESS FOR A PARTICULAR PURPOSE. You are solely responsible for 
#determining the appropriateness of using or redistributing the Software and 
#assume any risks associated with Your exercise of permissions under this License.

@import "default.css";
        BODY  {font-family: "Helvetica, Tahoma, Arial, sans-serif"; font-size: 8pt; color: 000000; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px, scrollbar-base-color: #E6E6E6; scrollbar-arrow-color: #003399;scrollbar-DarkShadow-Color: #000000;}
        TD  {font-family: "Helvetica, Tahoma, Arial, sans-serif"; font-size: 8pt; color: 000000}
        TR  {font-family: "Helvetica, Tahoma, Arial, sans-serif"; font-size: 8pt; color: 000000}
        FONT  {font-family: "Helvetica, Tahoma, Arial, sans-serif"; font-size: 8pt; color: 1000000}
        I  {font-family: "Helvetica, Tahoma, Arial, sans-serif"; font-size: 8pt; color: 000000;font-style: italic}
        TH  {font-family: "Helvetica, Tahoma, Arial, sans-serif"; font-size: 8pt; color: 000000;font-weight: bold}
        A:link {font-family: "Helvetica, Tahoma, Arial, sans-serif"; font-size: 8pt; color: 000080;font-weight: bold;text-decoration:none}
        A:visited {font-family: "Helvetica, Tahoma, Arial, sans-serif"; font-size: 8pt; color: 000080;font-weight: bold; text-decoration:none}
        A:hover {font-family: "Helvetica, Tahoma, Arial, sans-serif"; font-size: 8pt; color: BLUE;font-weight: bold; text-decoration:underline}
        STRONG {font-family: "Helvetica, Tahoma, Arial, sans-serif"; font-size: 8pt; color: 000000;text-decoration: none; margin-left=0}
        H3 {font-family: "Helvetica, Tahoma, Arial, sans-serif"; font-size: 8pt; color: 000000;text-decoration: none; margin-left=0}
        PRE {font-family: "Helvetica, Tahoma, Arial, sans-serif"; font-size: 8pt; color: 000000}
        P {font-family: "Helvetica, Tahoma, Arial, sans-serif"; font-size: 8pt; color: 000000}
        BLOCKQUOTE {font-family: "Arial, Tahoma, Helvetica"; font-size:8pt; color: 000000}
        .block-page-footnotes {font:100 10px Helvetica, Tahoma, Arial, sans-serif; color:#666666;}
        .input-required { background: #E6E6E6 url(../images/content-required.gif) no-repeat right top; padding-left: 3px; }
        
        select { color:#000000; font: 8pt Helvetica, Tahoma, Arial, sans-serif; font-weight: none; text-decoration: none; background: #E6E6E6; border: 1 solid #666666; } 
        option { color:#000000; font: 8pt Helvetica, Tahoma, Arial, sans-serif; font-weight: none; text-decoration: none; background: #E6E6E6; border: 1 solid #666666; } 
        textarea { color:#000000; font: 8pt Helvetica, Tahoma, Arial, sans-serif; font-weight: none; text-decoration: none; background: #E6E6E6; border: 1 solid #666666; } 
        input { color:#000000; font: 8pt Helvetica, Tahoma, Arial, sans-serif; font-weight: none; text-decoration: none; background: #E6E6E6; border: 1 solid #666666; padding:1px 4px 1px 4px;} 

		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;} 

	.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: small gray solid;
          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 Helvetica, Tahoma, Arial, sans-serif;
}

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: "Helvetica, Tahoma, Arial, sans-serif"; 
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;
}

.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;
}

/*
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: 0 0 15px; padding: 3px 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; }