/*---------------------------------------------------------
Font for the selected object's title on the left nav
----------------------------------------------------------*/
.Content{
	background-color:#ffffff;
}
.LeftNav{
	background-color:#e0e0e0;
}

.LeftNavHeading {
    	font-family:Verdana, sans-serif;
	font-size:11px;
	font-weight:bold;
}

.Label,
.label
{
    font-family:Verdana, sans-serif;
	font-size:12px;
	font-weight:bold;	
}

.odd {
	background-color: #e0e0e0;
}

.even {
	background-color: #ffc;
}

.formTable tr td:first-child {
    font-family:Verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
}

.formTable {
	border-style:solid;
	border-color:#000080;
	border-width:1px;
	background-color:#E0E0E0
}

.Warn,
.warn,
.warning
{
	color:#FF0000;
}

input.warn,
select.warn {
	color: inherit;
	border-color: red;
}

a, .fakeLink {
    font-family:Verdana, sans-serif;
	color:#000080;
}
.fakeLink { 
	text-decoration: underline;
	cursor: pointer;
}

.fakeInput {
	border-width: thin;
	background-color: white;
	width: 18em;
	border-style: inset;
	height: 1.5em;
	padding: .1em;
	font-family:Verdana, sans-serif;
	font-size: 11px;
	overflow: hidden;
	margin: .1em;
}

a.topNavLinks {
	font-family:Verdana, sans-serif;
	color:#FFFFFF;
}


body
    {
  	font-family:Arial, sans-serif;
	font-size:12px;	
}

.small
{
	font-size:11px;	
}

td
{
	font-family:Arial, sans-serif;
	font-size:12px;	
}

th, thead
{
    font-family:Verdana, sans-serif;
	font-size:10px;
	font-weight:normal;
	background-color:#000080;
	color:#FFFFFF;
	text-align:left;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:2px;
	padding-right:2px;
}


.quickViewPortalTitle{
	font-family:Verdana, sans-serif;
	font-size:10px;
	font-weight:normal;
	background-color:#9999CC;
	color:#FFFFFF;
}

.quickViewPortalBorder{
	border-bottom-color:#9999CC;
	border-right-color:#F8F8F8;
	border-left-color:#F8F8F8;
	border-bottom-width:2px;
	border-right-width:0;
	border-left-width:0;
	border-top-width:2px;
	border-top-color:#9999CC;
	border-style:solid;		
}


.quickViewPortalContent{
	font-family:Verdana, sans-serif;
	font-size:10px;
	font-weight:normal;
	background-color:#F8F8F8;
	color:#000000;
}

/* 2 entries only to deal with inconsistent case in html */
.quickViewTitle,
.quickviewTitle
{
	font-family:Verdana, sans-serif;
	font-size:10px;
	font-weight:normal;
	background-color:#000080;
	color:#FFFFFF;
}
.loginImage{
	text-align:center;
}

.SearchLabel {
    font-family:Verdana, sans-serif;
	font-size:11px;
	font-weight:normal;
	background-color:#000080;
	color:#FFFFFF;
	text-align:right;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:2px;
	padding-right:2px;
}

.SearchLabel a{
	color:#FFFFFF;
}

.searchPage .link {
	padding-left: 1.25em;
}


th a {
	color:#FFFFFF;
}

.sortbar,
.sortBar
{
	background-color:#e0e0e0;
	text-align:left;
}
	
.sortbar a,
.sortBar a
{
	font-size:10px;
}

h1 {
	font-family:Verdana, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000080;
}

h2 {
	font-family:Verdana, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000080;
}

h3  {
	font-family:Verdana, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#000080;
}

h4 {
	font-family:Verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000080;
}

th h3 {
	color: white;
}

.subTextWhite {
	font-family:Verdana, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#FFFFFF;
}
.subTextWhite a{
	font-family:Verdana, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#FFFFFF;
}
.subTextBlack {
	font-family:Verdana, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#000000;
}

.graybox{
	background-color:#E0E0E0;		
}

.grayboxBordered{
	background-color:#E0E0E0;
	border-bottom-color:#000080;
	border-bottom-width:2px;
	border-right-width:0;
	border-left-width:0;
	border-top-width:2px;
	border-top-color:#000080;
	border-style:solid;
		
}

.border{
	border-bottom-color:#000080;
	border-right-color:#000080;
	border-left-color:#000080;
	border-bottom-width:2px;
	border-right-width:2px;
	border-left-width:2px;
	border-top-width:2px;
	border-top-color:#000080;
	border-style:solid;
		
}
.separatorLineBelow{
	border-bottom-color:#000080;
	border-bottom-width:2px;
	border-right-width:0;
	border-left-width:0;
	border-top-width:0;
	border-style:solid;
		
}
.separatorLineAbove{
	border-bottom-width:0;
	border-right-width:0;
	border-left-width:0;
	border-top-width:2px;
	border-top-color:#000080;
	border-style:solid;
		
}
.overviewTable{
	border-style:solid;
	border-color:#000080;
	border-width:1px;
	background-color:#E0E0E0;
}
.countryText{
	color:#000080;
	font-family:Verdana, sans-serif;
	font-size:12px;
}
.yellowRow, .evenrow{
	background-color:#FFFFCC;
}
.greyRow, .oddrow{
	background-color:#E0E0E0;
}

.button, INPUT[type="button"], INPUT[type="submit"]
{
	background-color: #000080;
	color: #FDFDFD;
	font-family:Verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	border-color:#9999CC;
	border-width:3px;
	
}
.button:focus, INPUT[type="button"]:focus, INPUT[type="submit"]:focus 
{
	background-color: #9999CC;
	
	
}

.disabledButton, INPUT[type="button"][disabled], INPUT[type="submit"][disabled]
{
	background-color: #b8b8b8;
	color: #e0e0e0;
	border-color:#b8b8b8;
	font-family:Verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	border-width:3px;

}

.disabled {
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
	cursor: default;
}

.heading{

	font-family:Verdana, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#000080;
}
hr{
	color:#000080;
}
input, select{
	font-family:Verdana, sans-serif;
}

/* CSS standard says the first two classes work,
   but really, we need to be more accepting of 
   older browsers.  NOTE: this still doesn't work in IE6 */ 
input[type="checkbox"], input[type="radio"],
input.checkbox, input.radio, 
label {
	cursor: pointer;	
}

input:focus{
	border-color:#9999CC;
	border-style:solid;
	border-width:2px;
	
}
.imageButton:focus{
	border-width:0;
}

.topNav{
	background-color:#000080;
	margin-top:0;
	margin-bottom:0;
	
}
.topNavItems
{
	background-color: #000080;
	color: #FDFDFD;
	font-family:Verdana, sans-serif;
	font-size:10px;
	border-color:#9999CC;
	border-width:3px;
}
.welcomeText{
	color:#ffff00;
	font-weight:bold;
	text-align: right;
}
.topTitle{
	color:#FFFFFF;
	font-family:Arial, sans-serif;
	font-size:23px;
	font-weight:bold;
	
}
.loginText{
	color:#FFFFFF;
	font-family:Verdana, sans-serif;
	font-size:14px;
	font-weight:bold;
	
}
.topTitleDev{
	color:#FF0000;
	font-family:Arial, sans-serif;
	font-size:24px;
	font-weight:bold;
}

.white{
	color:#FFFFFF;
}
.black{
	color:#000000;
}
.noPaddingTopBottom{
	padding:0px 3px;
	margin-top:-4px;
}
a.content{
	text-decoration:none;
	color: inherit !important; 
  background: inherit !important;
}
a.content:hover{
	text-decoration:underline;	
	color: inherit !important; 
  background: inherit !important;
}

.progressBar {
	color: blue;
	border:none;
	padding:0;
	margin:0;
}
.progressBarCell {
}
.progressBarStep {
	color: blue;	
}

.required {color:red }

.studDocSubTab {
	text-align:left;
	background: inherit ;
}
.studDocSubTab a, studDocSubTabOnSelectedTab a{
	font-size:10px;
}
.studDocSubTabOnSelectedTab {
	color: white;
	background: inherit;
	text-align:left;
	padding: 3px;
}

.styledForm {
	margin:0px;
	padding:0px;
	}

/*--------------------------------
Tabs
----------------------------------*/

	.tabBlock,
	.tabBlock div {
		margin: 0px;
		padding: 0px;
	}
	
	ul.tabBlock {
		list-style: none;
		position: relative;
	}
	div.noInfo a span {
		font-weight: normal;
		color: black;
	}
	
	.tabBlock div {
	}
	.tabBlock div input {
		display: none;
	}
	
	.tabBlock a span.outerSpan {
		background-image: url("/images/leftTab.gif");
		background-repeat: no-repeat;
		background-position: top left;
		padding-left: 15px;
		white-space: nowrap;
		display: inline;
		float:none;
	}
	.tabBlock a {		
		text-decoration: none;
		width:10em;
		display: block;
		background-color:#E0E0E0;
		height: 2em;
		list-style: none;
		border-color: #E0E0E0;
		border-style:none none solid none;
		border-width:2px;
		float:left;
		overflow: hidden;
		background-image: url("/images/rightTab.gif");
		background-repeat: no-repeat;
		background-position: top right;
	}
		
	.tabInfoBlock {
		padding: 0px 1px;
		clear:left;
		width:45em;
		background-color:#FFFFCC;
		border-style:solid;
		border-width:1px;
	}
	
	.tabBlock a:hover {
		background-color:#F0F0C0;
		border-color:#F0F0C0;
		border-top-color:white;
	}
	
	.tabBlock .selectedTabRow a {
		background-color:#FFFFCC;
		border-color: white white #FFFFCC white;
		border-top: 1px solid white;
		position: relative;
		top: 1px;
	}
	
/*---------------------------------
Page Content
----------------------------------*/
#pageContent {
	position:absolute;
	background-color:white;
	z-index:20;
	width:630px;
	}

/*----------------------------------
Quick Tool Bar
-----------------------------------*/
#quickToolBar {	
	position:absolute;
	left:645px;
	top:10px;
	z-index:10;
	width:220px;
	}

/*---------------------------------------------------------
QuickSearch styles
----------------------------------------------------------*/

.quickSearchSearchPage {
}
div.progressIcon  {    
      width:16px;
      display: none;
}

.searchPage * #LSResult {    
      margin-left: 0px;
}

img.progressIcon  { 
	visibility:hidden;
    width:16px;
}

.quickSearchToolbar {
margin: 0px 5px;
padding:0px;
width: 140px;
display: inline;
border:1px solid #99b58d;
}

#LSResult {    
      position: absolute;
      background-color: #aaa;
      margin: 1px 0px 2px 26px;
      padding: 0px;
}

#LSResult li {
    padding-bottom: 2px;
    padding-top: 2px;
    line-height:15px;
    margin-bottom: 0px;
    list-style:none;
}
    
  
ul#LSShadow {
      position: relative;
      right: 1px;
      margin: 0px;
      padding: 0px;
      background-color: #666; /*shadow color*/
      color: inherit;
}
  
  
 
#LSResult ul {
     margin-bottom: -5px;
     margin-top: 0px;
     padding-top: 0px;  
     margin: 0px;
     padding: 0px;
}

#LSResult ul li {
    text-indent: -20px;
    padding: 0px 15px 3px 20px;
}
 
.LSRes {
      position: relative;
      bottom: 1px;
      right: 1px;
      background-color: white;
      border:  1px solid #AAA;
    }
  
#LSHighlight {
	background-color:#9999CC;
	color:#FFFFFF;
}

.StudentMultiYearBox {
	background-color: white;
	border: 1px solid #e0e0e0;
	border-top: 4px solid #e0e0e0;
}

/*----------------------------------
unsubscribe page
------------------------------------*/
#noNavigationPage {
	width:800px;
	margin:auto;
	margin-top:2em;
}

#noNavigationPage #noNavigationLogo {
	background-color:#000080;
	margin:0px;
	padding:4px;
}

#noNavigationPage #noNavigationContents {
	border:thin solid #000080; 
	padding-left:5px; 
	padding-bottom:5px;
}

#noNavigationPage ul {
	padding-left: 0;
}

#noNavigationPage li {
	list-style: none;
}


/*--------------------------------------------
rolodex table - labels left, form values right
---------------------------------------------*/

/* ensures that wizard buttons align-right at
	bottom of table 
*/
.wizardPage,
.wizardPage .rolodex {
	width: 660px;
}


.rolodex 
{
	border: 1px solid #000080;
	border-collapse: collapse;
	
	background-color: #e0e0e0;
	color: #000000;
}

table.rolodex tr,
table.rolodexPart tr
{
	vertical-align: top;
}

table.rolodex th,
table.rolodexPart th
{
	margin-top: 0;
	padding: 0 0 0 .2em;
	background-color: #e0e0e0;
	color: #000000;
    font-family:Verdana, sans-serif;
	font-size: 12px;
	font-weight:bold;
	vertical-align: top;
	white-space: nowrap;
}

/* vertical breathing room for first row */
table.rolodex tr.firstRow td,
table.rolodex tr.firstRow th,
table.rolodexPart tr.firstRow td,
table.rolodexPart tr.firstRow th
{
	padding-top: .5em;
}


.rolodexPart .separated
{
	border-bottom: 1px dotted #000080;
	padding: 0 1em 1em 1em;
}

.rolodexPart h4
{
	margin: .5em 0;
	border-top: 1px dotted #000080;
	padding: 0 .5em 0;
	font-style: italic;
}


/*--------------------------------------------
rolodexNoBackground with no border and no background color
---------------------------------------------*/

/* ensures that wizard buttons align-right at
	bottom of table 
*/
.wizardPage,
.wizardPage .rolodexNoBackground {
	width: 660px;
}


.rolodexNoBackground 
{
	border-collapse: collapse;
	background-color: transparent;
	color: #000000;
}

table.rolodexNoBackground tr,
table.rolodexNoBackgroundPart tr
{
	vertical-align: top;
}

table.rolodexNoBackground th,
table.rolodexNoBackgroundPart th
{
	margin-top: 0;
	padding-top: 0;
	background-color: transparent;
	color: #000000;
    font-family:Verdana, sans-serif;
	font-size: 12px;
	font-weight:bold;
	vertical-align: top;
}

/* vertical breathing room for first row */
table.rolodexNoBackground tr.firstRow td,
table.rolodexNoBackground tr.firstRow th,
table.rolodexNoBackgroundPart tr.firstRow td,
table.rolodexNoBackgroundPart tr.firstRow th
{
	padding-top: .5em;
}


.rolodexNoBackgroundPart .separated
{
	border-bottom: 1px dotted #000080;
	padding: 0 1em 1em 1em;
}

.rolodexNoBackgroundPart h4
{
	margin: .5em 0;
	border-top: 1px dotted #000080;
	padding: 0 .5em 0;
	font-style: italic;
}

/*--------------------------------------------
rolodexNoBackground end
---------------------------------------------*/


.buttonRow 
{
	padding-top: .5em;
	padding-bottom: .5em;
	
	text-align: center;	
}

.buttonRow input
{
	margin-left: 1em;
}

.buttonRowLeft
{
	padding-top: .5em;
	padding-bottom: .5em;
	
	text-align: left;
}

.buttonRowLeft input
{
	margin-right: 1em;
}



.permissionSelector
{
}

.helpHint
{
	font-size: .9em;
	font-style: italic;
	font-weight: normal;
}

.announcements tr
{
	vertical-align: top;
}

.announcements table td
{
	border-top: 1px solid #000080;
	padding-bottom: 2em;
}

.announcements table.AnnouncementHeader td
{
	border: none;
	padding: 0;
	margin: 0;
}


.announcements table.AnnouncementHeader
{
	color: black;
	background-color: #e0e0e0;
	margin:0;
	padding:0;
	width: 100%;
}


.announcements table.AnnouncementHeader td.dates
{
	text-align: right;
}


.announcements .AnnouncementHeader h2
{
	margin: 0em 0em .5em 0em;
	padding: 0em;	
	font-size: .9em;
	font-weight: normal;
	display: inline;
}

.announcements .AnnouncementHeader span
{
	font-weight: bold;
}


.announcements th
{
	color: black;
	background-color: white;
}

.canEnterAnnouncements
{
	margin-top: 1em;
	border-top: 1px solid #000080;
	padding-top: .5em;
}

.announcementLastItem
{
	margin-top: 1em;
	border-top: 1px solid #000080;
}

.announcementListDivider
{
	margin-top: 1em;
	border-top: 1px dotted #000080;
}



h3.announcementTitleInQuickView {
	margin: 0;
	padding: 0;
}

.manageQuickView,
.QuickViewCommand
{
	text-align: center;
	margin-top: .4em;
	border-top: 1px dotted #000080; 
	padding: .3em 0em .3em 0em;
}

.rolodexTable 
{
	border-style:solid;
	border-color:#000080;
	border-width:1px;
	background-color:#e0e0e0;
	border-collapse: collapse;
}

.rolodexTable td,
.rolodexTable th
{
	padding-left: .5em;
	padding-right: .5em;
}


/* used in VerticalMenuComponent... nav tab, nav link */
dl
{
	margin: 0;
}


dt
{
	background-repeat: no-repeat;
	font-weight: bold;
}


dd
{
	margin: 0em 0 .5em 0;
	padding-left: 15px;
}

dd.selectedMenuLink
{	
	font-weight: bold;
}

div.unselectedMenu
{
}

.embeddedInQuickview
{
}


.embeddedInQuickview h3
{
	margin: 1em 0 0 0;
	padding: 0 0 0 0;
}

.embeddedInQuickview table
{
	border: 0;
	width: 100%; 
	border-collapse: collapse;
}


.embeddedInQuickview thead th
{
	background-color: #cc8; 
	color: black; 
	font-weight: bold;
}

.QuickViewBody{
	padding: 3px 3px 3px 3px;
}

.accountingNegNumber {
	color: red;
}

.simpleTabMenu {
	margin-bottom: 8px;
	border-bottom: 1px solid gray;
	
	
}

a.selectedLinkAsTab,
A.selectedLinkAsTab
{
	margin: 0px 3px 3px 3px;
	
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	
	padding: 0px 4px 1px 4px;
		
	color: black;
	background-color: #cc8;
	
	font-weight: bold;
	text-decoration: none;
}

a.unSelectedLinkAsTab,
A.unSelectedLinkAsTab
{
	margin: 0px 3px 3px 3px;
	
	border-top: 1px solid gray;
	border-right: 1px solid gray;
	border-left: 1px solid gray;
	
	padding: 0px 4px 1px 4px;
	

	color: black;
	background-color: #ddc;
	
}

/*--------------------------------------------
ServiceRequestEmail start
---------------------------------------------*/

/*--------------------------------------------
ServiceRequestEmail end
---------------------------------------------*/

/*--------------------------------------------
descriptiveHoverBox start
---------------------------------------------*/
div.descriptiveHoverBox {
padding: .8em;
margin-top: 0;
margin-left: 10px;
border: 1px solid #000;
background-color: #EEE;
color: #000;
font-size: 90%;
width: 200px;
display: none;
position: absolute;
}

/* IE hack */
* html div.descriptiveHoverBox
{
margin-left: 10px;
width: 202px;
}

div.descriptiveHoverBoxWrapper:hover div.descriptiveHoverBox, div.descriptiveHoverBoxWrapperOver div.descriptiveHoverBox{
display: block;
}



/*--------------------------------------------
descriptiveHoverBox end
---------------------------------------------*/



/*--------------------------------------------
Hint box for giving tips to the user - start
ex:
<div class="hint">
	<h3>Did you know?</h3>
	<p>There is a cool thing you can do which&hellip;</p>
	<div><a href="go_over_to_this_link" class="more">Also look here</a></div>
</div>
---------------------------------------------*/
.hint {
	padding:0 0 0 11px;
	margin: 1em;
	background:url("/images/hint_left.gif") top left no-repeat;
}

.hint main {
	border:1px solid #d8d8d8;
	border-width:0 1px;
	margin:0 0 0 -11px;
	padding:0 11px 0em;
	padding-top: 1em;
	padding-bottom: 1em;
}

.hint span.alt{
	background:url("/images/hint_right.gif") top right no-repeat;
	margin:0;
	padding: 13px .5em 1em 0em;
	
}

.hint p {
	padding:0 8px 0em;
}

.hint p.contents {
	margin:0 0 0 -11px;
	border:1px solid #d8d8d8;
	border-width:0 1px;
	background:#fff;
}

.hint p.links {
	background:url("/images/hint_right.gif") top right no-repeat;
	padding-top: 1em;	
}

.hint p.linksAlt {
	padding-top: 1px;
		
}

.hinttitle {
	font-family:Verdana, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#000080;
	
	} 
.hint div {
	margin:0 0 0 -11px;
	padding-left:11px;
	background:url("/images/hint_left.gif") bottom left no-repeat;
}

.hint span.right {
	float:right;	
	padding-right: 1em;
	margin-right: -8px;
	border:1px solid #d8d8d8;
	border-width: 0px 1px 0px 0px;
}

.hint span.left {
	padding-left: -1em;
	float:left;	
}

.hint a.more {
	display: block;
	text-align:right;
	padding:0 10px 10px 0;
	background:url("/images/hint_right.gif") bottom right no-repeat;
}
/*--------------------------------------------
Hint box for giving tips to the user - end
---------------------------------------------*/

/*--------------------------------------------
Form hint box for giving tips to the user 
---------------------------------------------*/
/* The hint to Hide and Show */
.formhint {
   	display: none;
    position: absolute;
    left: 475px;
    width: 150px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(/images/formhintpointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.formhint .formhint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(/images/formhintpointer.gif) left top no-repeat;
}
/*--------------------------------------------
Form hint box for giving tips to the user - end
---------------------------------------------*/

.ajaxTabbedPanel {
  width: auto;
  border-bottom: 1px solid #c0c0c0;
  padding: 10px 0 0 20px;
}

.ajaxTabbedPanelTab-selected {
  display: inline;
  padding: 3px 7px 1px 7px;
  background: #ffffff;
  border: 1px solid #c0c0c0;
  border-bottom: 0;
}

.ajaxTabbedPanelTab-unselected {
  display: inline;
  padding: 2px 7px 0 7px;
  background: #f0f0f0;
  border: 1px solid #c0c0c0;
  border-bottom: 0;
  color: #c0c0c0;
}

.ajaxTabbedPanelTab-selected a {
  font-weight: bold;
  color: #0066CC;
  padding: 6px;
}

.ajaxTabbedPanelTab-unselected a {
  padding: 6px;
  color: #a0a0a0;
}

.ajaxTabbedPanelPanes {
  width: 97%;
  padding-left: 0px;
  margin: 2%;
  min-height: 300px;
  overflow: auto;
}

.ajaxTabbedPanelPane-selected {
  list-style-type: none;
  display: block;
  padding: 10px;
}

.ajaxTabbedPanelPane-unselected {
  list-style-type: none;
  display: none;
}

.tabBox {
  border: 1px solid #c0c0c0;
  height: 400px;
  width: 400px;
  overflow: auto;
}


.titleSpan {
	cursor: pointer;	
}

/*--------------------------------------------
Scollable table
---------------------------------------------*/

div.scrollWrapper{
  overflow:visible !important;
  height:375px;
}
table.scrollable{
/*  width:450px; */
  margin-right:0 !important;
  margin-right:16px;
  border-collapse:separate;
}
table.scrollable th{
  position: relative;
}
table.scrollable tbody{
  height:350px;
  overflow:auto;
  overflow-x:hidden;
}
table.scrollable tr{
  height:0px;
}
table.scrollable td{
}

table.default {
	padding: 3px !important;
	border: none;
}
table.default td,
table.default th
{
	padding: 3px;
	border: none;
	margin: 0px;
	
}

div.summaryBox {
	float : right;	
	padding: 3px;
	
}

.summaryBox div {
	height: 15px;	
}

.contentarea {
	width:865px;
}

.br {
	height: 15px;	
	
	}

.schoolColor {
	background-color: #FFCC66;
	}
	
.inlineEdit  {
	background-color: #B0C4DE;
	padding: 0px;
	border: none;
	

}

.editLink {
	height: 15px;
	display: inline;
	padding-right: 1em;	
}

.editLink:last-child {
	padding-right: 0px;	
}

ul.menu {
	padding-left: 0px;
	list-style-type: none;
	margin: 0px;
}

ul.menu li ul {
	padding-left: 25px;
	margin-left: 0px;
}

ul.menu li ul li {
	list-style-type: none;
}

fieldset ul, fieldset li{
border:0; margin:0; padding:0; list-style:none;
}
fieldset li{
clear:both;
list-style:none;
padding-bottom:10px;
}

fieldset input{
float:left;
}
fieldset label{
width:100px;
float:left;
}

fieldset li.buttonrow input{
	float: right;
	
}

.commentArea, .comment {
	border:3px solid #CCCCCC;
	font-family:Tahoma,sans-serif;
	height:400px;
	padding:5px;
	width:100%;
}

table.sortable  {
	border-collapse: collapse;
	empty-cells: show;
}

.scroll-table-head thead, .scroll-table-head th, .scroll-table-head td
.sortable thead, .sortable th, .sortable td {
	border-left: 1px solid black;
	padding: 2px;
}


tr.rowodd {
	background-color: #E0E0E0;
}

tr.roweven {
	background-color: #FFFFCC;
}

.sortcol {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: right center;
}
.sortasc {
	color: #000080;
	background-color: #DDFFAC;
}
.sortdesc {
	color: #000080;
	background-color: #B9DDFF;
}
.nosort {
	cursor: default;
}

.scroll-table-head {
    width: 780px;
}

.scroll-table-body {
    width: 780px;
    height: 350px;				
}
.scroll-table-body td {
	overflow: hidden;
}