﻿@import "../browserclean.css";


TABLE,TD,TH { color: inherit; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; padding: 0px; margin: 0px; border:0px; }
TABLE { border-collapse: collapse; }

TABLE.normal, TABLE.normal TD, TABLE.normal TH {padding: 4px; margin: 0px; border: solid 1px black;}


TABLE.padded, TABLE.padded TD, TABLE.padded TH {padding: 4px; margin: 0px;}

TABLE.nopadding, TABLE.nopadding TD, TABLE.nopadding TH {padding: 0px; margin: 0px;}

span.padded label { margin-left:3px; }

body, .radPopupText
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin:0px;
	padding:0px;
}

TH.fullwidth, TD.fullwidth
{
  width: 100% !important;
}

A.normal          { color:#0000FF !important; }   /* unvisited links */
A.normal:link     { color:#0000FF !important; }   /* unvisited links */
A.normal:visited  { color:#0000FF !important; }   /* visited links   */
A.normal:hover    { color:#0000FF !important; }   /* user hovers     */
A.normal:active   { color:#0000FF !important; }   /* active links    */

h1
{
	font-size:medium;
	border:0px;
	padding:0px;
	margin:0px;
}
h3
{
	font-size:small;
	border:0px;
	padding:0px;
	margin:0px;
}

.pageheader 
{
    font-weight:bold;
}

DIV.detailspanel
{
  color: black;
  background-color: #F0E7D6;
  border: solid black 1px;
}

DIV.detailspanel TABLE.detailsheader TD
{
	background:#7EABFF;
	padding-top:5px;
	padding-bottom:5px;
}

DIV.detailspanel TABLE.detailsheader TD.detailstitle
{
  padding-left: 20px;
  font-weight: bold;
}
    
DIV.detailspanel TABLE.detailsheader TD.detailslinks
{
  padding-right: 40px;
}

TABLE.details, TABLE.edit
{
    width: 100% !important;
}



TABLE.details TD, TABLE.detailsVariableWidth TD
{
  font-size: 9pt;
  padding-top: 5px;
  padding-bottom: 5px;
}

TABLE.details TH, TABLE.detailsVariableWidth TH
{
  padding-left: 25px;
  padding-right: 40px;
  text-align: left;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  white-space: nowrap;
  font-size: 9pt;
}


TR.odd
{
	 background:#e9edf0;
}

TR.even
{
	background:white;
}

TABLE.edit TD
{
  font-size: 9pt;
  padding-top: 10px;
  padding-bottom: 10px;
  white-space: nowrap;
  padding-right: 10px;    
}

TABLE.details TR.seperator, TABLE.detailsVariableWidth TR.separator
{
	background:#7EABFF;
	height:3px;
}

TABLE.details TR.seperator TD, TABLE.detailsVariableWidth TR.separator TD
{
	 padding:0px;
}

td.smallippanel, TABLE.padded td.smallippanel
{
	padding-left:25px;
	padding-top:1px;
	padding-bottom:1px;
}

table.side_ippanel
{
	background:#b9babc;
	border-collapse:collapse;
	padding:0px;
	height:100%;
	width:100%;
}

table.detail_ippanel, tr.detail_ippanel
{
	background:#7eabff;
	border-collapse:collapse;
	padding:0;
	height:100%;
	width:100%;
	
}


td.detail_titlecell
{
	padding-left: 10px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	font-weight: bold;
}

td.detail_linkcell
{
	padding-right: 40px; 
	padding-top: 5px; 
	padding-bottom: 5px;
	
}

td.side_titlecell
{
	padding-left: 20px; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	font-weight: bold
}

td.side_linkcell
{
	padding-right: 40px; 
	padding-top: 5px; 
	padding-bottom: 5px

}

div.sitebehaviordiv
{
	padding-top: 10px;
	padding-left:8px;
	padding-right:8px;
}

table.sitebehaviortable
{
	margin-top:5px;
	margin-bottom:5px;
}
table.sitebehaviortable td
{
	padding-left:14px;
	padding-right:14px;
	padding-top:1px;
	padding-bottom:1px;
}

.boldback
{
    background-color:#990000;
}

input.btn, .wizardBtn, .radPopupBtn
{
   font-size:11px;
   font-family:Tahoma,sans-serif;
   color:#FFFFFF;
   width:110px;
   background-color:#4477AA;
   border-top-style:solid;
   border-top-color:#225599;
   border-top-width:2px;
   border-bottom-style:solid;
   border-bottom-color:#225599;
   border-bottom-width:2px;
   border-left-style:solid;
   border-left-color:#336699;
   border-left-width:5px;
   border-right-style:solid;
   border-right-color:#336699;
   border-right-width:5px;
}

.wizardBtn
{
    margin-right: 10px;
}


input.nowidth
{
    width:auto;
}

input.btnlong
{
   font-size:11px;
   font-family:Tahoma,sans-serif;
   color:#FFFFFF;
   width:180px;
   background-color:#4477AA;
   border-top-style:solid;
   border-top-color:#225599;
   border-top-width:2px;
   border-bottom-style:solid;
   border-bottom-color:#225599;
   border-bottom-width:2px;
   border-left-style:solid;
   border-left-color:#336699;
   border-left-width:5px;
   border-right-style:solid;
   border-right-color:#336699;
   border-right-width:5px;
}



.btnClass
{
    /*
    border-color: window;
    border-width: 1px;
    border-style: Solid;
    border-right: #1877F7 1px solid;
    border-left: #1877F7 1px solid;
    border-top: #1877F7 1px solid;
    border-bottom: #1877F7 1px solid;
    */
    font-size:11px;
    font-family:Tahoma,sans-serif;
   color:#FFFFFF;
   width:110px;
   background-color:#4477AA;
   border-top-style:solid;
   border-top-color:#225599;
   border-top-width:2px;
   border-bottom-style:solid;
   border-bottom-color:#225599;
   border-bottom-width:2px;
   border-left-style:solid;
   border-left-color:#336699;
   border-left-width:5px;
   border-right-style:solid;
   border-right-color:#336699;
   border-right-width:5px;
}

.btnDim
{
   font-size:11px;
   font-family:Tahoma,sans-serif;
   color:#B1B0B0;
   width:110px;
   background-color:#E6E6E6;
   border-color: window;
   border-width: 1px;
   border-style: Solid;
   border-right: #E6E6E6 1px solid;
   border-left: #E6E6E6 1px solid;
   border-top: #E6E6E6 1px solid;
   border-bottom: #E6E6E6 1px solid;
}
hr
{
	width: 100%; 
	height: 3px; 
	color:#7cacff;
	background-color:#7cacff;
	border:0px;
}


hr.bigseparator
{
	width: 100%; 
	height: 6px; 
	background-color: #716c64;
}

hr.bigblueseparator
{
	width: 100%; 
	height: 3px; 
	color:#7cacff;
	background-color:#7cacff;
	border:0px;
}

.edit
{
	margin-left:2px;
	vertical-align:top;
}

.search
{
	margin-left:5px;
}

input[type="submit"] 
{
	cursor:pointer; 
	cursor:hand;
}

.go
{
	vertical-align:bottom;
}


/* Main Menu Stuff */
TABLE.menu_header TD.middle
{
    background-image:url("images/menu_rep.gif");
    background-repeat:repeat-x;
    padding:0px;
    margin:0px;
}

TABLE.menu_header TD.right
{
    background-image:url("images/menu_right.gif");
    background-repeat:no-repeat;
    padding:0px;
    margin-top:0px;
}

TABLE.menu_header TD.bottom
{
    background-image:url("images/menu_bottom.gif");
    background-repeat:repeat-x;
    padding:0px;
    margin:0px;
}

TABLE.menu_header DIV.links
{
    padding-top:6px;
    padding-right:20px;
}

TABLE.menu_header DIV.links A
{
    color:#FFFFFF !important; 
    font-size:12px;
}

.header
{
	height:40px;
	color:white;
	background-color:#7CACFF;
}

.subheader
{
	height:40px;
	background-color:#A6C6FD;
	font-weight:bold;
}

.oddrow
{
	height:35px;
	background-color:White;
}

.evenrow
{
	height:35px;
	background-color:#E9EDF0;
}

.importheader
{
	background-color:#A6C6FD;
	font-weight:bold;
    padding:8px;
}

TABLE.detailsalt
{
    width: 100%;
}

TABLE.detailsalt TD
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    text-align: left;
    font-weight: normal;
    font-size: 9pt;
    
}



TABLE.dataistalt TD
{
    padding-top: 3px;
    padding-bottom: 3px;
}

TABLE.main 
{
    width: 100% !important;
}

TABLE.main TD.content_cell
{
    vertical-align: top;
    padding-right: 15px;
}

TABLE.main TD.buttons_cell
{
    padding-top: 10px;    
    text-align: right;
}

TABLE.subdetail
{
    vertical-align: top;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px 0px 0px 0px;
    text-align: left;
}

TABLE.subdetail TD
{
    padding-left: 0px;
}

TABLE.subdetail TD.top_link
{
    vertical-align: top;
}

SPAN.error_message
{
    color: Red;
    font-size: 9pt;
    font-weight: bold;   
}

SPAN.informational_message
{
    color: Black;
    font-size: 9pt;
    font-weight: bold;
}

SPAN.dimmed_message
{
    color: Gray;
}

.CollapsiblePanelStyle  
{
    color: Black;
	background-color:#7CACFF;
}


.gridError 
{
    color:Red;
    font-size:larger;
    padding-left:10px;
}
.listbox
{
BORDER-RIGHT: lightsteelblue 0px solid;
BORDER-TOP: lightsteelblue 0px solid;
BORDER-LEFT: lightsteelblue 0px solid;
BORDER-BOTTOM: lightsteelblue 0px solid;
FONT-SIZE: 12px; 
FONT-FAMILY: verdana, arial;
BORDER-WIDTH:1px;
BORDER-COLOR:Navy
}

.longItemlistbox select.listbox {
    overflow-x: auto;
}

TD.title { font-weight: bold; font-family: verdana; font-size: 10pt; color:black; background-color: #DEEFFE }
TD.titlesmall { font-weight: bold; font-family: verdana; font-size: 9pt; color:black; background-color: #DEEFFE }
TD.headercell { font-weight: bold; font-family: verdana; font-size: 9pt; color:white; background-color: #5898C5 }
TD.oddcell { font-size: 8pt; font-family: verdana; background-color: #F2F9FF }
TD.evencell { font-size: 8pt; font-family: verdana; background-color: white }
TD.border   { background-color: #C6DDDF }
TD.empty  { background-color: white }
TD.instructions {font-size: 9pt; font-family: arial; background-color: #E9EDF0; color:navy}


div.message
{
    padding: 10px 10px 10px 10px;
    background-color: rgb(207, 231, 255);
}

div.dialogBody
{
    padding: 10px 10px 10px 10px;
}

div.buttons
{
	width: 100%;
    padding-top: 10px;    
    text-align: right;
}

div.gridCommands
{
    padding-bottom: 5px;
    padding-top:5px;
    padding-left:5px;
    padding-right:5px;
}

.ValidateOptions
{
    background: #2E5674;
    border-left: 1px solid #38678B;
    border-top: 1px solid #38678B;
    border-right: 1px solid #24435B;
    border-bottom:  1px solid #24435B;
}

div.gridCommands span.left
{
    float:left;
    vertical-align:middle;
}

div.gridCommands span.right
{
    float:right;
    vertical-align:middle;
}

div.clear
{
    clear:both;
}

table.bookpartnav
{
	margin-top:5px;
	margin-bottom:5px;
}
table.bookpartnav td
{
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
}

table.borderedtable
{
	border-color:Gray;
	border-width:1px;
}
table.borderedtable td
{
	border-color:Gray;
	border-width:1px;
}

div.bottomButtonBar
{
    border-top-style: solid; 
    border-top-color: #FFFFFF;
    border-top-width: 8px;
    border-bottom-style: solid; 
    border-bottom-color: rgb(146, 34, 42); 
    border-bottom-width: 4px;
    padding-top: 15px; 
    padding-right: 20px; 
    padding-bottom: 8px; 
    padding-left: 20px;
    text-align: right; 
    background-color: rgb(207, 231, 255);
}

div.topButtonBar
{
    padding-top: 15px; 
    padding-right: 20px; 
    padding-bottom: 8px; 
    padding-left: 20px;
    text-align: right; 
}

/* This style is used to set the defaulting padding for the main content div
   inside default.master and empty.master.  I put it in a class so an individual
   page can easily override it, if they don't want it.
*/
div.mainContent
{
    padding: 10px;
}

table.radioButtonList TD
{
    padding-bottom: 4px;
    vertical-align: middle;
}

.radioButtonList INPUT
{
    vertical-align:middle;
}

.radioButtonList label
{
    padding-left: 4px;
    vertical-align: middle;
}


table.checkBoxList TD
{
    padding-bottom: 4px;
    padding-right:4px;
    vertical-align: middle;
}

.checkBoxList INPUT
{
    vertical-align: middle;
}

.checkBoxList label
{
    padding-left: 4px;
    vertical-align: middle;
}

table.radioButton TD
{
    padding-bottom: 4px;
    vertical-align: middle;
}

.radioButton INPUT
{
    vertical-align:middle;
}

.radioButton label
{
    padding-left: 4px;
    vertical-align: middle;
}


/* This set of classes is for tables that are use to display option settings */
Table.options TD
{
    padding-left: 5px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:2px;
}

Table.options TH
{
    padding-top:4px;
    padding-bottom:4px;
    font-weight:bold;
	background-color:#A6C6FD;
}

.disabled 
{
  color:Gray;
}


/* Comment 15696 - the following checkbox/radiobutton alignment code was
causing issues with scrollable grids and treeviews */
/*
input[type=checkbox], input[type=radio] 
{
    vertical-align: middle;
    position: relative;
    bottom: 1px;
    
}
  
input[type=radio] {
   bottom: 2px;
}
*/
.RadSplitter_Default .rspResizeBar, .RadSplitter_Default .rspSlideContainerResize { background: url(images/splitter-bar.gif) repeat-y !important; } 
.RadSplitter_Default .rspResizeBarOver, .RadSplitter_Default .rspSlideContainerResizeOver { background-position: -100px 0 !important; } 

.NextPrevAndNumeric  .rgAdvPart { display: none; } 
.NextPrevAndNumeric  .rgPagerCell { text-align: center; }

.field-validation-error { visibility: visible; color: red;}
.field-validation-valid { visibility: hidden;}

.gridContainer .rgDataDiv {
    height : auto !important ;
}

/* wrap long titles */
.rgMasterTable tr .titleCell {
    max-width: 200px;
    word-wrap: break-word;
}