/* ExtraView CSS stylesheet for main application                    */
/* This is the "small" stylesheet, offering small sized fonts       */
/* Copyright 1999-2010 ExtraView Corporation. All rights reserved.  */

/*-- Global settings --*/
*                       {     font-family : Arial, Helvetica, sans-serif;
                                font-size : 8pt}

/*-- Tabs --*/
.tab                     {     font-size : 9pt; }

/*-- Main menu --*/
.menu                    { border-bottom : 1px solid #AAAAAA;
                              border-top : 1px solid #FFFFFF; 
                                  margin : 0px; 
                                 padding : 0px}

/*-- The container for the page title and the buttons --*/
.buttonBar               { border-bottom : 1px solid #AAAAAA;
                              border-top : 1px solid #FFFFFF; 
                                  margin : 0px; 
                                 padding : 0px;
                        background-image : url('../ButtonBar.png')}

/*-- The menu buttons on the buttonBar --*/
.menuButton              {     font-size : 7pt;
                                   color : #405E87; 
                                position : relative;
                                     top : 2px;
                           border-bottom : 3px solid #B4C6F2; 
                             border-left : 3px double #B4C6F2;
                            border-right : 3px solid #B4C6F2;
                              border-top : 3px double #B4C6F2;
                                  cursor : pointer}

.menuButton:hover    {  background-color : #FFFFFF }

/*-- The buttons on layouts --*/
.layoutButton              {   font-size : 7pt;
                                   color : #CC0000;
                        background-color : #FFD9DA;
                                position : relative;
                                     top : 2px;
                           border-bottom : 3px solid #B4C6F2; 
                             border-left : 3px double #B4C6F2;
                            border-right : 3px solid #B4C6F2;
                              border-top : 3px double #B4C6F2;
                                  cursor : pointer}

.layoutButton:hover  {  background-color : #FFFFFF }

/*-- The run report buttons --*/
.runButton               {     font-size : 8pt;
                                   color : #CC0000; 
                             font-weight : bold; 
                                position : relative; 
                                     top : 2px;
                           border-bottom : 3px solid #B4C6F2; 
                             border-left : 3px double #B4C6F2;
                            border-right : 3px solid #B4C6F2;
                              border-top : 3px double #B4C6F2;
                                  cursor : pointer}

.runButton:hover     {  background-color : #FFFFFF }

/*-- For input boxes on menu trees --*/
.treeBox                 {         color : #bbbbbb;
                            border-color : #888888;
                                  margin : 7px 0px 7px 0px}

/*-- The record counter --*/
.recordCounter           {     font-size : 8pt;
                                 padding : 2px;
                                   color : #CC0000}

/*-- Fixed width font --*/
.fixed_width_font       {     font-family : 'Lucida Console', Courier, monospace}

/*-- Select list boxes --*/
select                  {       font-size : 8pt;
								           vertical-align : top;
															     border : 1px solid #A3A9B0;
															     margin : 0 2px 4px 0;
                                    color : #62686F;
 												 background-color : #FFFFFF} 

/*-- Text input boxes --*/
input                   {       font-size : 8pt;
								           vertical-align : top;
															     border : 1px solid #A3A9B0;
															     margin : 0 2px 4px 0;
                                    color : #62686F;
												 background-color : #FFFFFF} 

/*-- Textarea input boxes --*/
textarea                {       font-size : 8pt;
								           vertical-align : top;
															     border : 1px solid #A3A9B0;
															     margin : 0 2px 4px 0;
                                    color : #62686F;
												 background-color : #FFFFFF} 

/*-- Fieldset borders --*/
fieldset                {          border : 3px solid #F0F0F0;
                            border-radius : 5px;
	                     -moz-border-radius : 5px;
                        	        padding : 5px}

/*-- Class for text labels on data entry screens --*/
.text                   {       font-size : 8pt;
								           vertical-align : top; }

/*-- for negative numbers --*/
.red_text               {       font-size : 8pt;
								           vertical-align : top;
								                    color : #FF0000}

/*-- highlight color for text --*/
.highlightColor         {           color : #CC0000;
                              font-weight : bold;}

/*-- italics --*/
.italic                 {      font-style : italic }

/*-- Class for small text (make 2 points smaller than .text) --*/
.small_text             {       font-size : 8pt;
								           vertical-align : top }

/*-- Class for background table of reports --*/
.report_backgound       {          border : 1px solid #aaaaaa;
                         background-color : #FFFFFF}
                         
/*-- Class for text on report screens --*/
.report_text            {       font-size : 8pt;
								           vertical-align : top}

/*-- Class for titles for report and other headings on screen --*/
.report_title           {       font-size : 10pt;
                              font-weight : bold;
                           vertical-align : top;
                                    color : #405E87;}

/*-- Class for report headings --*/
.report_heading         {       font-size : 10pt;
                              font-weight : bold;
                           vertical-align : top;
                                    color : #333333;
                         background-image : url('../ButtonBar.png');
																  padding : 1px 8px 3px 0px}

/* Class for related issue display headers */
.reportRIDHeader        {background-image : url('../ButtonBar.png');
	                                  color : #333333;
	                            font-weight : bold }
	                                
/*-- Class for headings on admin lists --*/
.admin_list_heading     {       font-size : 9pt;
                           vertical-align : top;
                               background : url("../RowHeadingBg.png");
                                   height : 23px;
                              font-weight : 500;
																  padding : 1px 8px 3px 0px}
.admin_list_heading:hover   {       color : #333333;}

/*-- Class for level separators on query screen --*/
.query_level            {       font-size : 10pt;
                              font-weight : bold;
                           vertical-align : top;
                                    color : #FFFFFF;
                         background-color : #6699CC;
                                   height : 20px;
																  padding : 4px 4px 4px 4px}

/*-- Class for cells on report rows --*/
.report_cell            {   border-bottom : 1px solid #AAAAAA;
                               border-top : 1px solid #FFFFFF;
								           				padding : 1px 8px 3px 1px}
.report_cell_top        {      border-top : 1px solid #FFFFFF;
								           				padding : 1px 8px 3px 1px}
.report_cell_btm        {   border-bottom : 1px solid #AAAAAA;
                            			padding : 1px 8px 3px 1px}
.report_cell_mid        {    			padding : 1px 8px 3px 1px}

/*-- Classes for cells on report heading rows --*/
.report_heading_cell    {       font-size : 12px;
                            border-bottom : 1px solid #AAAAAA;
                               border-top : 1px solid #FFFFFF;
								           				padding : 1px 8px 3px 1px}
.report_heading_cell_top{       font-size : 12px;
                               border-top : 1px solid #FFFFFF;
								           				padding : 1px 8px 3px 1px}
.report_heading_cell_btm{       font-size : 12px;
                            border-bottom : 1px solid #AAAAAA;
                            			padding : 1px 8px 3px 1px}
.report_heading_cell_mid{       font-size : 12px;
                                	padding : 1px 8px 3px 1px}

/*-- matrix reports --*/
.report_matrix_outer    {background-color : #D5E3EB;
                              font-weight : bold;
                                  padding : 2px 10px 2px 10px }

.report_matrix_inner    {background-color : #F5F5FF;
                                  padding : 2px 10px 2px 10px;
                               text-align : right }

.report_matrix_drilldown{background-color : #F5F5FF;
                               text-align : right }

.report_matrix_total    {background-color : #F5F5FF;
                                    color : #660000;
                                  padding : 2px 10px 2px 10px;
                               text-align : right;
                              font-weight : bold }

.report_matrix_drilldown_total  {   color : #660000;}

/*-- Class for title text at top left of each screen --*/
.title_text             {       font-size : 12pt;
                              font-weight : bold;
                               font-style : italic;
                                    color : #444444;}

/*-- Class for user options at top right of each screen --*/
.small_title_text       {       font-size : 8pt;
                                    color : #666666;}

/*-- Class for general tables --*/
table                   {          border : 0px;
                                  padding : 0px;
                                   margin : 0px }

/*-- Class for tables with a 1 pixel border --*/
.table1pxBorder         {          border : 1px solid #aaaaaa; 
                                   margin : 2px;
                                  padding : 0px }

/*-- menu trees --*/
.tree-level-0                 { font-size : 10pt;
                              font-weight : bold;
                                    color : #405E87}
.tree-level-1                 { font-size : 9pt;
                              font-weight : bold;
                                    color : #405E87}
.tree-level-2                 { font-size : 8pt;
                              font-weight : bold;
                                    color : #405E87;
                                 position : relative;
                                      top : -4px}
.tree-level-3                 { font-size : 8pt;
                                    color : #405E87}
.tree-level-4                 { font-size : 8pt;
                                    color : #405E87}

/*-- Group headings on reports --*/
.groupHeading0          {       font-size : 9pt;
                                    color : #333333;
                              font-weight : bold;
                                  padding : 6px 0px 6px 0px;
                            border-bottom : 2px solid #AAAAAA;
                               border-top : 7px solid #FFFFFF;
                         background-image : url('../ButtonBar.png')}

.groupHeading1          {       font-size : 9pt;
                                    color : #333333;
                                  padding : 5px 0px 5px 0px;
                            border-bottom : 2px solid #AAAAAA;
                               border-top : 2px solid #FFFFFF;
                         background-image : url('../ButtonBar.png')}

.groupHeading2          {       font-size : 8pt;
                                    color : #333333;
                                  padding : 4px 0px 4px 0px;
                            border-bottom : 1px solid #AAAAAA;
                               border-top : 1px solid #FFFFFF;
                         background-image : url('../ButtonBar.png')}

.groupHeading3          {       font-size : 8pt;
                                    color : #333333;
                                  padding : 3px 0px 3px 0px;
                            border-bottom : 1px solid #AAAAAA;
                               border-top : 1px solid #FFFFFF;
                         background-image : url('../ButtonBar.png')}

P.main                  {       font-size : 8pt;
                                    color : black}

H1                      {       font-size : 12pt;
                               font-style : italic;
                                    color : red}

H2                      {       font-size : 10pt;
                                    color : red}			 

H3                      {       font-size : 8pt;
                                    color : black}	

hr                      {           color : #888888; 
                                    width : 100%; 
                               text-align : left; 
                                   height : 1px}

A                       {       font-size : 10pt;
                          text-decoration : none} 
A:hover                 { text-decoration : underline;
	                                 cursor : hand}

.legendLarge            {       font-size : 12pt;
	                                  color : #0000CC}

.legendSmall            {       font-size : 10pt;
	                                  color : #0000CC}

/*-- Inline editing styles --*/
.inline_value_edit_class {          width : 220px }

.inline_value_edit_class:hover{background : #CCCCCC url( '../editor_pencil.png' ) no-repeat scroll right;
                           vertical-align : middle;
                               text-align : left;
                                    width : 220px }

.css_small_button_class {background-color : #BBBBFF;
                                   border : 1px solid #A3A9B0;
                                    color : #44484D;
                               text-align : center;
                           vertical-align : middle;
                          text-decoration : none;
                                   margin : 0 2px 4px 0 }

a.css_small_button_class {text-decoration : none }

a.css_small_button_class:hover {background-color : #DDDDFF }

/*-- Status transition styles --*/
.btnOff                 {background-color : #333366;
	                                  color : #FFFFFF;
	                              font-size : 12px;
	                                 border : 3px solid #FFFFFF }

.btnOn                  {background-color : #FFFFFF;
	                                  color : #333366;
	                              font-size : 12px;
                                   border : 3px solid #CC0000 }

/* Navigation bar styles */
.NavText                {       font-size : 8pt !important;
								                    color : #44484D;
								                 position : relative;
								                      top : -2px}
.NavText.hover          {background-color : #FAD70C}

.NavSelect              {       font-size : 8pt;
								           vertical-align : top;
															     border : 1px solid #EFEFEF;
															    padding : 0;
															     margin : 0;
                                    color : #44484D;
 												 background-color : #FFFFFF}
.NavSelect:hover       { background-color : #FAE992}

.NavInput                {      font-size : 8pt;
								           vertical-align : top;
															     border : 1px solid #AAAAAA;
															     margin : 0 2px 4px 0;
                                    color : #666666;
												 background-color : #FFFFFF;
												            width : 110px;
												      white-space : nowrap}

.foldText            {        font-weight : bold;
	                                 border : 0px;
	                            line-height : 24px;
	                           padding-left : 7px;
	                                 margin : 0px;}
.foldText:hover	     {    text-decoration : underline;
                         background-color : #CAD9E2;}