/* ------------------------------------ */
/******* AFFINETYBP CSS **************/
/*  Updated - 6/3/15 SWL  */
/* ------------------------------------ */

#breadcrumb_blank {
    height: 20px;
    width: 100%;
}

#ittrium #ip select {
    margin: 0px; padding: 0px;
    border: 1px solid #d4d0c8;
    width: 100%;
}

div#ip .panel td select {
    width: auto !important;
}

div#ip table.calControls select, 
div#ip table.searchTabs select {
    width: auto !important;
}

/*** TWO COLUMN LAYOUT ***/    
td.COL1OF2
, td.COL2OF2 {
	width: 50%;
}
/*** THREE COLUMN LAYOUT ***/
td.COL1OF3
, td.COL2OF3
, td.COL3OF3 {
	width: 33.33%;
}
/*** FOUR COLUMN LAYOUT ***/
td.COL1OF4
, td.COL2OF4
, td.COL3OF4
, td.COL4OF4 {
	width: 25%;
}
/*** FLOATING OBJECTS ***/    
.right {
	float: right;
	text-align: right;
}
.left {
	float: left;
}
.center {
	float: none;
	text-align: center;	
}
/*** HORIZONTAL LISTS ***/
.horizontal ul
, .horizontal li {
	margin: 0;
	padding: 0;
}
.horizontal li {
	list-style: none;
	display: inline;
}
.horizontal .ddmenutile {
	margin: 0; padding: 0;
	display: inline;
}
/*** VERTICAL LISTS ***/
.vertical ul
, .vertical li {
	margin: 0;
	padding: 0;
}
.vertical ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
}
div.vertical li a {
	display: block;
}
div.vertical li div.ddmenuitem a {
	display: inline;
	margin: 0; padding: 0;
}
/*** TD DEFAULT ALIGNMENT ***/
td {
	vertical-align: top;
}


/* ------------------------------------ */
/** CUSTOM FROM OLD affinety.css **/
/* ------------------------------------ */
.txtRight 
{
    text-align: right;
}

.AffinetyPopUpBody{
 	background-color: #FFFFFF;
}

/* fixup to live within blueprint css */

div#ip {
	min-height: 500px;
}

div#ip table.searchtableA table td.pagehdr{
	text-align: left;
}

/* for affinety display */
div#ip .banner{
	font-size: 1.5em;
	font-weight: bold;
}

div#ip .colHeader{
 	color: #ffffff;
}

div#ip .fldprompt{
 	font-weight: bold;
}

div#ip .largetxt, 
div#ip .largetxtbold{
 	font-size: 1.3em;
}

div#ip .largetxtbold{
  	font-weight: bold;
}

/* --- Everything Micro-sized -- */
div#ip .microalert, 
div#ip .microtablebold, 
div#ip .microtxt, 
div#ip .microtxtblue, 
div#ip .microtxtbold, 
div#ip .microtxtgray, 
div#ip .microtxtyellow
{
 	font-size: .75em;
	white-space: normal;
	line-height: 1.2em;
}

div#ip .microalert{
 	color: #FF0000;
}

div#ip .microtxt{
	line-height: 1em;
}

div#ip .microtxtblue{
  	color: #6600ff;
}

div#ip .microtxtbold{
  	font-weight: bold;
}

div#ip .microtxtgray{
  	color: #868686;
}

div#ip .microtxtyellow{
  	color: #FFFF00;
}

div#ip .microtablebold{
 	 font-weight: bold;
 	 background-color: #DFDFDF;
}

div#ip .normaltxt{
}

div#ip .normaltxtblue{
  	color: #6600ff;
}

div#ip .normaltxtbold{
  	font-weight: bold;
}

div#ip .normaltxtred{
 	color: #FF0000;
}

div#ip  td.pagehdr{
}

div#ip td.pagehdr, 
div#ip .pagehdr{
 	font-size: 1.3em;
  	font-weight: bold;
 	color: $default(AFFINETY-COLOR-HDR2,#808080)$;
}

div#ip .pagehdr{
 	margin-top: 10px;
}

div#ip .queryuseonly{
  	color: #0000FF;
}

/* --- Everything Small-sized -- */
div#ip .smalltxt, 
div#ip .smalltxt_invis, 
div#ip .smalltxtblue, 
div#ip .smalltxtbold, 
div#ip .smalltxtgray, 
div#ip .smalltxtWhite,
div#ip .smallalert, 
div#ip .smallprompt, 
div#ip .smallpromptgray, 
div#ip .smalltable, 
div#ip .smalltableA, 
div#ip .smalltableAData, 
div#ip .smalltablebold
{
 	font-size: 1em;
	white-space: normal;
	line-height: 1.2em;
}

div#ip .smallalert{
 	 color: #FF0000;
}

div#ip .smallprompt{
  	font-weight: bold;
}

div#ip .smallpromptgray{
  	font-weight: bold;
  	color: #CCCCCC;
}

div#ip .smalltable{
 	background-color: #DFDFDF;
}

div#ip .smalltableA{
	border: 1px solid #bbbbbb;
 	background-color: #DFDFDF;
	padding: 1px;
}

div#ip .smalltableAData{
  	border: 1px solid #DFDFDF;
  	background-color: #DFDFDF;
  	padding: 1px;
}

div#ip .smalltablebold{
  	font-weight: bold;
  	background-color: #DFDFDF;
}

iv#ip .smalltxt{
}

div#ip .smalltxt_invis{
  	border : none;
  	display: none;
}

div#ip .smalltxtblue{
 	color: #6600ff;
}

div#ip .smalltxtbold{
	font-weight: bold;
}

div#ip .smalltxtgray{
	color: #868686;
}

div#ip .smalltxtWhite{
	color: White;
}

/* -- submenu is the "banner links" section with the shopping cart, etc -- */
div#ip .submenulinkdisbl, 
div#ip .submenulink{
 	font-weight: bold;
	vertical-align: middle;
}

div#ip .submenulinkdisbl{
	 color:#8d8d8d;
}

div#ip .subtableFrame{
 	border: 1px solid #DFDFDF;
 	background-color: White;
}

div#ip .subtableModuleA{
	border: 1px solid #DFDFDF;
 	background-color: #d6dae9;
}





div#ip .modulelink, 
div#ip .modulelinkdisbl{
  	font-weight: bold;
 	color: #ffffff;
}

div#ip .modulelinkdisbl{
  	color:#8d8d8d;
}



div#ip .sectionheader{
  	font-weight: bold;
}

div#ip .sectionheaderblue{
  	font-weight: bold;
  	color: #6600ff;
}



/* fonts for disabling controls */
div#ip .ctrlDisNormal, 
div#ip .ctrlDisSmall{
  	color:#8d8d8d;
   	background:#d3d3d3;
}

div#ip .ctrlDisSmall{
 	font-size: .8em;
}

/* Alerts */
div#ip .useralert{
  	color: #FF0000;
}

/* Table styles */

div#ip .catalogCanceled, 
div#ip .catalogInactive{
	background-color: #FFF0F5;
}

div#ip .catalogInactive{
 	background-color: #dee7ee;
}


/* Insight Report Criteria Page Table Styles */
div#ip .rptCritSection{
	border-bottom: 1px solid;
}

div#ip .rptCritSectionBold{
  	font-weight: bold;
  	border-bottom: 1px solid;
}

div#ip .rptCritSectionsmall{
  	border-bottom: 1px solid;
}

div#ip .rptCritSectionsmallBold{
  	font-weight: bold;
  	border-bottom: 1px solid;
}

/* Specialized */
.exportcatalog {
	FONT-SIZE: 11px; 
	FONT-FAMILY: Courier New;
}

div#ip .menubck{
  	color: #ffffff;
 	background-color: #0080c0;
}

.pagebreak {
	page-break-before:always
}

div#ip input.smalltxtbold, 
div#ip .pushbtn, 
div#ip .pushbtnsmall{
 	margin: 0px;
	padding: 2px 5px;
}

div#ip .calendarbtn{
  	color: #000080;
 	background-image: url(/insight/images/calendar.gif);
}

div#ip .lblalert, 
div#ip .lblentryfld, 
div#ip .lblentryflddisbl, 
div#ip .lblProfile, 
div#ip .lblentryfldmicro, 
div#ip .lblentryfldsmall
{
 	border : none;
}

div#ip .lblalert{
 	font-weight: bold;
 	color: #FF0000;
}

div#ip .lblentryfld{
}

div#ip .lblentryflddisbl{
 	color: #cccccc;
}

div#ip .lblProfile{
 	font-weight: bold;
}

div#ip .lblentryfldmicro{
 	font-size: .5em;
}

div#ip .lblentryfldsmall{
 	font-size: .8em;
}



/* Psuedo-classes */
div#ip tr.datarow_even, 
div#ip tr.datarow_odd,
div#ip .datarow_even, 
div#ip .datarow_odd{
 	background-color: transparent;
 	height: 30px;
}

div#ip tr.datarow_odd,
div#ip .datarow_odd{
	 background-color: #E9E9E9;
}

div#ip tr.grandtotalrow, 
div#ip .grandtotalrow{
  	background-color: #a4b7cd;
  	height: 25px;
}

/* Display only Fonts */

/* Form Element Classes */
div#ip .entryfld{
}


/* Hyper-links */
div#ip  a{
}

div#ip  a:hover{
}

div#ip  td.normaltxt a{
}

div#ip  td.normaltxt a:hover{
}

div#ip  a.colHeader{
 	font-weight: bold;
 	olor: #ffffff;
}

div#ip  a.linkboldred{
 	 font-weight: bold;
  	color: #FF0000;
}


/* Table styles */
div#ip .tablebckbold, 
div#ip .tablebck{
	border-collapse: separate;
	border-width: 3px;
}

div#ip .tablebckbold{
 	font-weight: bold;
}

/* -- 
.smalltable - see the .small section above 
--*/ 

/* -- This is the wrapper div for seachtable below -- */
div#ip .searchtableWrapper
{
 	width: 650px;
 	border: 1px solid silver;
 	clear: both;
 	margin: 10px 0px;
}

div#ip .searchtableWrapper div.pagehdr
{
    margin: 5px 5px 0px 5px;
}


div#ip table.nowrap td {
      white-space: nowrap;
}

/* -- This is the background to the profile forms -- */
div#ip .searchtableA{
 	border: 1px solid #bbbbbb;
 	background-color: #FFFFFF;
 	width: $default(AFFINETY-SEARCH-WIDTH,640px)$;
 	margin: 5px;
}

div#ip .searchtableA td{
	padding: 3px;
}

div#ip table.searchtableA tr td table {
      width: 100%;
	  margin: 0px; 
}
div#ip .resultstableFrame{
 	border: 1px solid #DFDFDF;
 	width: $default(AFFINETY-SEARCH-WIDTH,640px)$;
    background-color: #ffffff;
}
div#ip .resultstableFrame{
    padding: 0px;
}

div#ip table.resultstableFrame table {
 	background-color: transparent;
 	width: $default(AFFINETY-SEARCH-WIDTH,640px)$;
 	margin: 0px;
}


/*-- Styling for tabs above consumer catalog forms --*/
div#ip table.searchTabs {
        margin: 0px;
        width: 100%; 
    }
div#ip table.searchTabs td {
        border-top: 1px solid #ffffff;
        border-right: 1px solid #bbbbbb;
        border-left: 1px solid #ffffff;
        border-bottom: 1px solid #bbbbbb;
        height: 25px;
    }
    
div#ip table.searchTabs td.inactive, 
div#ip table.searchTabs td.active 
    {
        width: 100px; 
        border-top: 1px solid #bbbbbb;
        border-left: 1px solid #bbbbbb;
        border-right: 1px solid #bbbbbb;
        border-bottom: 1px solid #bbbbbb;
        text-align: center;
        vertical-align: middle;
        background-color: #f3f3f3; 
    }
div#ip table.searchTabs td.active {
        border-bottom: 1px solid #ffffff;
        font-weight: bold;
        background-color: #FFFFFF; 
    }

/* Class Note in classinfo.asp */
div#ip div.classnote
{
    padding-left: 3em;
   $CSSURL(background-image,/images/affinety43a/arrow-gray.gif)$	
    background-position: 1em .3em;
    background-repeat: no-repeat;
}

/*-- Reciept detail table --*/
div#ip table.resultstableFrame table.linkItem {
 	width: 400px;
	background-color: transparent;
}
div#ip .linkItem.header .value {
    font-weight: bold;
}



div#ip table.resultstableFrame table td {
 	padding: 3px;
}


.subtableFrame {
}

.subtableModuleA {
}

div#ip .resultstableA{
 	border: 1px solid #bbbbbb;
 	background-color: White;
}

div#ip .resultstableAData{
 	border: 1px solid #DFDFDF;
 	background-color: #DFDFDF;

}



div#ip .resultstable {
	border: 1px solid #aaaaaa;
}


div#ip .resultstableHeader, 
div#ip .resultstableheader{
 	font-weight: bold;
 	color: #FFFFFF;
 	border: 1px solid #FFFFFF;
  	background-color: cccccc;
 	padding: 2px;
}


div#ip .resultstableHeader a{
  	color: #FFFFFF;
  	text-decoration: none;
}

/*  Selected Form element overrides */
div#ip textarea 
{
    width: auto;
}



  
/*-----------------------*/
/*  Formattting for course catalog */
/*-----------------------*/
table.courseList 
{
    width: 100%;
}

table.courseList td 
{
    padding: 3px;
}

table.courseList td.programName 
{
    font-size: 1.3em;
    font-weight: bold;
    text-align: left;
    background-color: #cccccc;
}

table.courseList td.categoryName 
{
    padding-left: 3em;
   	$CSSURL(background-image,/images/affinety43a/arrow-gold.gif)$	
    background-position: 1em .8em;
    background-repeat: no-repeat;
}



/*-----------------------------------------------------------*/
/* Updates for inset tables inside lists, added for prereq's */
/*-----------------------------------------------------------*/

table.listInset
{
    border: 1px solid #999999;
    background-color: #FFFFFF;
    width: auto;  
}

table.listInset tr {
  border-bottom: 1px solid #999999;
}

table.listInset th
{
    border: 1px solid #999999;
    background-color: #999999;
    color: #ffffff;
    padding: 2px;
}

div.prereq {
    margin: 5px 5px 5px 30px;
}
div.prereqOff {
    margin: 5px 5px 5px 30px;
    display: none;
}
div.prereq p,
div.prereqOff p {
    margin: 5px;
}

/*-----------------------------------------------------------*/
/* Item Detail customer select radio button formatting */
/*-----------------------------------------------------------*/
div.btnCol {
    float: left;  
    width: auto; 
    margin: 0px 0px 20px 20px;
    padding: 0px;
}

div.btnItem {
    padding: 0px 0px 0px 10px;
    vertical-align: middle;
    line-height: 1em;
    margin: 5px 0px;
}
div.btnItem input {
    margin: 0px 3px;
}
div.btnItem.btnSel {
   $CSSURL(background-image,/images/affinety43a/arrow-gray.gif)$	
    background-position: left center;
    background-repeat: no-repeat;
}
div.btnItem:hover {
   $CSSURL(background-image,/images/affinety43a/arrow-gray.gif)$	
    background-position: left center;
    background-repeat: no-repeat;
}


/* Specialized */
/*******************/
/**** Month View ***/
/*******************/
div#ip .MONTH-Schedule  {
 width: 100%; 
 margin: 0px;
}

div#ip .MONTH-Schedule td {
 border: 1px solid #A0A0A0;
 padding: 3px;
 vertical-align: top;
 width: 14%;
 overflow: auto;
}
div#ip .MONTH-Schedule td .microtxt {
 font-size: inherit;
}

div#ip .MONTH-ScheduleNavHeader  {
background-color:#A0A0A0;
 border: 1px solid #A0A0A0;
 color: #FFFFFF;
 font-size: 1.3em;
 font-weight: bold;
 }
 
 div#ip .MONTH-ScheduleNavHeader table td {
	text-align: center;
	vertical-align: middle;
}
div#ip .MONTH-ScheduleNavHeader table td img{
	margin: 3px;
}

div#ip .MONTH-ScheduleDaysHeader  {
	width: 14%;
	color:#A0A0A0; 
	font-weight:bold; 
	text-align:center;
	background-color: #E9E9E9;
}
div#ip .MONTH-ScheduleDay  {
 vertical-align:top;
 height:80px;
 overflow-x:scroll;
}

div#ip .MONTH-ScheduleDateIn
, div#ip .MONTH-ScheduleDateInMouseOver
, div#ip .MONTH-ScheduleDateSelected
, div#ip .MONTH-ScheduleDateSelectedMouseOver  {
 background-color:#ffff99;
 overflow-x:scroll;
}
div#ip .MONTH-ScheduleToday  {
 background-color:#ffff99;
 overflow-x:scroll;
}
div#ip .MONTH-ScheduleDayMouseOver
,  div#ip .MONTH-ScheduleTodayMouseOver  {
 background-color:#ffffcc;
 overflow-x:scroll;
}
div#ip .MONTH-ScheduleDayOff  {
 background-color:#f0f0f0;
 color:#092571;
 overflow-x:scroll;
}
div#ip .MONTH-ScheduleDayOffMouseOver  {
 background-color:#ffffcc; 
 color:#092571;
 overflow-x:scroll;
}
div#ip .MONTH-ScheduleDaySpecial  {
 background-color:#f0f0f0; 
 color:#092571;
 overflow-x:scroll;
}
div#ip .MONTH-ScheduleDaySpecialMouseOver  {
 background-color:#e2e2e2;
 color:#092571; 
 overflow-x:scroll;
}
div#ip .MONTH-ScheduleDayOutOfMonth  {
 color:#092571;
 overflow-x:scroll;
}
div#ip .MONTH-ScheduleDayOutOfMonthMouseOver  {
 color:#092571;
 overflow-x:scroll;
}
/*******************/
/**** Week View  ***/
/*******************/

div#ip .WEEK-Schedule  {
 width: 100%; 
 margin: 0px;
}

div#ip .WEEK-Schedule td {
 border: 1px solid #A0A0A0;
 vertical-align: top;
 padding: 3px; 
}

div#ip .WEEK-Schedule td .microtxt {
 font-size: inherit;
}


div#ip .WEEK-ScheduleNavHeader  {
 background-color:#A0A0A0;
 border: 1px solid #A0A0A0;
 color: #FFFFFF;
 font-size: 1.3em;
 font-weight: bold;
}

div#ip .WEEK-ScheduleNavHeader table td {
	text-align: center;
	vertical-align: middle;
}
div#ip .WEEK-ScheduleNavHeader table td img{
	margin: 3px;
}

div#ip .WEEK-ScheduleDaysHeader  {
	width: 14%;
	color:#A0A0A0; 
	font-weight:bold; 
	text-align:center;
	background-color: #E9E9E9;
}
div#ip .WEEK-ScheduleDay  {
 vertical-align:top;
 min-height: 400px;
 height: 350px;
 overflow-x:scroll;
}
 
div#ip .WEEK-ScheduleDateIn
,  div#ip .WEEK-ScheduleDateInMouseOver
,  div#ip .WEEK-ScheduleDateSelected
,  div#ip .WEEK-ScheduleDateSelectedMouseOver  {
 background-color:#ffff99;
 min-height: 400px;
 height: 350px;
 overflow-x:scroll;
}
div#ip .WEEK-ScheduleToday  {
 background-color:#ffff99;
 min-height: 400px;
 height: 350px;
 overflow-x:scroll;
}
div#ip .WEEK-ScheduleDayMouseOver
,  div#ip .WEEK-ScheduleTodayMouseOver  {
 background-color:#ffffcc;
 min-height: 400px;
 height: 350px;
 overflow-x:scroll;
}
div#ip .WEEK-ScheduleDayOff  {
 background-color:#f0f0f0;
 min-height: 400px;
 height: 350px;
 color:#092571;
 overflow-x:scroll;
}
div#ip .WEEK-ScheduleDayOffMouseOver  {
 background-color:#ffffcc; 
 min-height: 400px;
 height: 350px;
 color:#092571;
 overflow-x:scroll;
}
div#ip .WEEK-ScheduleDaySpecial  {
 background-color:#f0f0f0; 
 min-height: 400px;
 height: 350px;
 color:#092571;
 overflow-x:scroll;
}
div#ip .WEEK-ScheduleDaySpecialMouseOver  {
 background-color:#e2e2e2;
 min-height: 400px;
 height: 350px;
 color:#092571; 
 overflow-x:scroll;
}
/*******************/
/**** Day View   ***/
/*******************/
div#ip .DAY-Schedule  {
 width: 100%; 
 margin: 0px;
}

div#ip .DAY-Schedule td {
 border: 1px solid #A0A0A0;
 vertical-align: top;
 padding: 3px; 
}
div#ip .DAY-Schedule td .microtxt {
 font-size: inherit;
}

div#ip .DAY-ScheduleNavHeader  {
background-color:#A0A0A0;
 border: 1px solid #A0A0A0;
 color: #FFFFFF;
 font-size: 1.3em;
 font-weight: bold;
}
 
div#ip .DAY-ScheduleNavHeader table td {
	text-align: center;
	vertical-align: middle;
}
div#ip .DAY-ScheduleNavHeader table td img{
	margin: 3px;
}
div#ip .DAY-ScheduleDaysHeader  {
 color:#fff8dc; font-family:'Arial'; font-size:12px; font-weight:bold; text-align:center;
}
div#ip .DAY-ScheduleDay  {
  vertical-align:top;
  min-height:430px;
  height: 400px;
 overflow-x:scroll;
}
div#ip .DAY-ScheduleDateIn
,  div#ip .DAY-ScheduleDateInMouseOver
,  div#ip .DAY-ScheduleDateSelected
,  div#ip .DAY-ScheduleDateSelectedMouseOver  {
 background-color:#ffff99;
  min-height:430px;
  height: 400px;
 overflow-x:scroll;
}
div#ip .DAY-ScheduleToday  {
 background-color:#ffff99;
  min-height:430px;
  height: 400px;
 overflow-x:scroll;
}
div#ip .DAY-ScheduleDayMouseOver
,  div#ip .DAY-ScheduleTodayMouseOver  {
 background-color:#ffffcc;
  min-height:430px;
  height: 400px;
 overflow-x:scroll;
}
div#ip .DAY-ScheduleDayOff  {
 background-color:#ffffcc;
  min-height:430px;
  height: 400px;
 overflow-x:scroll;
}
div#ip .DAY-ScheduleDayOffMouseOver  {
 background-color:#ffffcc; 
  min-height:430px;
  height: 400px;
 color:#092571;
 overflow-x:scroll;
}
div#ip .DAY-ScheduleDaySpecial  {
 background-color:#f0f0f0; 
  min-height:430px;
  height: 400px;
 color:#092571;
 overflow-x:scroll;
}
div#ip .DAY-ScheduleDaySpecialMouseOver  {
 background-color:#e2e2e2;
  min-height:430px;
  height: 400px;
 color:#092571;
 overflow-x:scroll;
}

div#ip a.event
{
    display: block;
    background-color: #666666;
    color: #ffffff;
    margin-bottom:2px;
    line-height: 1.4em;
    text-decoration: none;
}

div#ip a.event:hover
{   
    color: #ffffff;
    background-color: #FF9933;
    text-decoration: none;
}


/***************************/

/***************************/
/*** Weather.com embedded code css resets ***/
/***************************/
.STYLEweatherbox {
    margin-top: 10px;
}
#subnavigation-wrapper .STYLEweatherbox td, 
.STYLEweatherbox td {
    line-height: 10px;
    text-align: center;
}

/*-----------------------------------------------------------*/
/* Formatting for jquery flyover text */
/*-----------------------------------------------------------*/

.flyoverWrapper {
    float: left;
}

.flyoverWrapper a {
    display: block; 
    float: left; 
    margin: 0px;
    cursor: pointer;
    cursor: hand;
}
.tooltip {
    position: absolute;
    z-index: 1000;
    background-color: #ffffff;
    border: 1px solid #666666;
    padding: 3px;
    margin: 0px;
    color: #666666;
    text-decoration: none;
}



/*-----------------------------------------------------------*/
/* -- Dashboard gizmo RowsInTable -- */
/*-----------------------------------------------------------*/

.DASHBOARD .STYLEgRowsInTable table {
   border: 1px solid #ABABAB;
}

.DASHBOARD .STYLEgRowsInTable tr.odd {
  background-color: transparent;
}

.DASHBOARD .STYLEgRowsInTable td {
    padding: 5px;
}

.DASHBOARD .gizmosection {
    margin-top: 5px;
}

.DASHBOARD h2.HEADER {
    margin: 10px 0px 0px 0px;
}

.DASHBOARD .STYLEstripe {
    background-color: #CDCDCD;
    font-size: 1.1rem;
    margin: 10px 0 0;
    padding: 10px;
}

.STYLEdashboardControlBorders .control {
  border: 1px solid #cdcdcd;
  height: 1.4rem;
}


.DASHBOARD div.FORMENTRY.CHECKBOX label {
   float: left;
}


/*-----------------------------------------------------------*/
/* viewport - for wide reports */
/*-----------------------------------------------------------*/
.viewport {
  margin-top: 5px; float: left; width: 925px; height::500px;
  overflow: auto;
  border: 1px inset #000000;
}

.viewport .grid.span-24,
.viewport .gridrow.span-24,
.viewport .gridcell.span-24
 {
   width:  1560px;
 }

.viewport .grid.span-22,
.viewport .gridrow.span-22,
.viewport .gridcell.span-22
 {
   width:  1440px;
 }

.viewport .grid.span-1,
.viewport .gridrow.span-1,
.viewport .gridcell.span-1
 {
  width: 60px;
  margin-right: 5px;
}
.viewport .grid.span-2,
.viewport .gridrow.span-2,
.viewport .gridcell.span-2
 {
  width: 120px;
  margin-right: 5px;
}
.viewport .grid.span-3,
.viewport .gridrow.span-3,
.viewport .gridcell.span-3
 {
  width: 180px;
  margin-right: 5px;
}
.viewport .grid.span-4,
.viewport .gridrow.span-4,
.viewport .gridcell.span-4
 {
  width: 240px;
  margin-right: 5px;
}
.viewport .grid.span-5,
.viewport .gridrow.span-5,
.viewport .gridcell.span-5
 {
  width: 300px;
  margin-right: 5px;
}

.STYLElist_header {
  background-color: #cdcdcd;
  color: #000000;
  vertical-align: bottom;
  font-weight: normal;
  margin-top: 10px;
}


/*-----------------------------------------------------------*/
/* STYLEscrollpanel - for wide reports */
/*-----------------------------------------------------------*/
table.rptWide {
  width: 100%;
}

table.rptWide th {
background-color: #cdcdcd;
color: #222222;
font-weight: bold;
}

div.wide #detail .STYLEscrollpanel.span-24 {
    width: inherit;
}

.STYLEscrollpanel {
  margin-top: 5px; float: left; 
  height:500px;
  overflow: auto;
  border: 1px inset #000000;
}

.STYLEscrollpanel .grid.span-24,
.STYLEscrollpanel .gridrow.span-24,
.STYLEscrollpanel .gridcell.span-24,
.wide #detail .STYLEscrollpanel .grid.span-24,
.wide #detail .STYLEscrollpanel .gridrow.span-24,
.wide #detail .STYLEscrollpanel .gridcell.span-24
 {
   width:  1560px;
 }

.STYLEscrollpanel .grid.span-22,
.STYLEscrollpanel .gridrow.span-22,
.STYLEscrollpanel .gridcell.span-22, 
.wide #detail .STYLEscrollpanel .grid.span-22,
.wide #detail .STYLEscrollpanel .gridrow.span-22,
.wide #detail .STYLEscrollpanel .gridcell.span-22
 {
   width:  1440px;
 }

.STYLEscrollpanel .grid.span-1,
.STYLEscrollpanel .gridrow.span-1,
.STYLEscrollpanel .gridcell.span-1, 
.wide #detail .STYLEscrollpanel .grid.span-1,
.wide #detail .STYLEscrollpanel .gridrow.span-1,
.wide #detail .STYLEscrollpanel .gridcell.span-1
 {
  width: 60px;
  margin-right: 5px;
}
.STYLEscrollpanel .grid.span-2,
.STYLEscrollpanel .gridrow.span-2,
.STYLEscrollpanel .gridcell.span-2, 
.wide #detail .STYLEscrollpanel .grid.span-2,
.wide #detail .STYLEscrollpanel .gridrow.span-2,
.wide #detail .STYLEscrollpanel .gridcell.span-2
 {
  width: 120px;
  margin-right: 5px;
}
.STYLEscrollpanel .grid.span-3,
.STYLEscrollpanel .gridrow.span-3,
.STYLEscrollpanel .gridcell.span-3,
.wide #detail .STYLEscrollpanel .grid.span-3,
.wide #detail .STYLEscrollpanel .gridrow.span-3,
.wide #detail .STYLEscrollpanel .gridcell.span-3
 {
  width: 180px;
  margin-right: 5px;
}
.STYLEscrollpanel .grid.span-4,
.STYLEscrollpanel .gridrow.span-4,
.STYLEscrollpanel .gridcell.span-4, 
.wide #detail .STYLEscrollpanel .grid.span-4,
.wide #detail .STYLEscrollpanel .gridrow.span-4,
.wide #detail .STYLEscrollpanel .gridcell.span-4
 {
  width: 240px;
  margin-right: 5px;
}
.STYLEscrollpanel .grid.span-5,
.STYLEscrollpanel .gridrow.span-5,
.STYLEscrollpanel .gridcell.span-5,
.wide #detail .STYLEscrollpanel .grid.span-5,
.wide #detail .STYLEscrollpanel .gridrow.span-5,
.wide #detail .STYLEscrollpanel .gridcell.span-5
 {
  width: 300px;
  margin-right: 5px;
}

.STYLEscrollpanel table {
  min-width: 100%;
}

div.STYLEscrollpanel td {
    border: 1px solid #CDCDCD;
    padding: 4px;
    white-space: nowrap;
}


/*-----------------------------------------------------------*/
/* JQuery UI - Additions/mods to play well in affinety pages */
/*-----------------------------------------------------------*/

.ui-tabs {
    float: left;
}

.ui-widget-header {
    border: none !important;
    border-bottom: 1px solid #AAA !important;
    background: none !important;
    border-radius: 0;
    margin:0 0 1em 0 !important;
  }