/* background color for the content part of the pages */
body, th, td, input, textarea, ul, ol, li, h1, h2, h3, h4, h5, h6, option, span, div, font, p {
	font-family: Arial;
}
body, input, textarea, option, select, th, td {
	font-size: 12px;
	color: #333333;
}
Body, table {
	background-color: white;
}
a, a:link, a:active, a:visited, a:hover
{
	color: #006699;
	text-decoration: underline;
}
.SiteTitle {
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
}
/* background/border colors for the selected tab */
.TabBg {
    background-color: white;
    border-color: white;
}

/* background/border colors for the unselected tabs */
.OtherTabsBg {
    background-color: dimgray;
    border-color: black;
}

/* text style for the selected tab */
.SelectedTab {
    font-family: Arial;
    font-size: 13px;
    text-decoration:none;
    font-weight: bold
}

/* text style for the unselected tabs */
.OtherTabs, .OtherTabs a:link, .OtherTabs a:visited, .OtherTabs a:active, .OtherTabs a:hover, A.OtherTabs:link, A.OtherTabs:visited, A.OtherTabs:active, A.OtherTabs:hover {
	font-weight: bold;
	font-size: 13px;
	font-family: Arial;
	text-decoration: none;
}

    
/* text style for the site links (at extreme top-right of header) */
.SiteLink, .SiteLink a:link, .SiteLink a:visited, .SiteLink a:active, .SiteLink a:hover, A.SiteLink:link, A.SiteLink:visited, A.SiteLink:active, A.SiteLink:hover {
	font-weight: bold;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
}

/* style for separator between site links */
.Accent {
	font-weight: bold;
}



/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    background-color: #eeeeee
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
    font-size:  11px;
    font-weight:    bold;
}



/* GENERAL */
/* style for module titles */
.Head , h1, h2  {
    font-size:  14px;
    font-weight:    bold;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-size:  12px;
    font-weight:    bold;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-size:  11px;
    font-weight:    bold;
}

/* text style used for most text rendered by modules */
.Normal {
	font-weight: normal;
	font-size: 11px;
	line-height: 12px;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox {
	font-weight: normal;
	font-size: 12px;
	font-family: Arial;
}

.NormalRed {
	font-weight: bold;
	font-size: 11px;
	color: red;
}

.NormalBold {
	font-weight: bold;
	font-size: 11px;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton {
	font-weight: normal;
	font-size: 12px;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #006699;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #006699;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #006699;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #006699;
}
h1, h2  {
    display:inline;
    font-size:  16px;
}

H2  {
    font-size:  20px;
    font-weight:    normal;
}

H3  {
    font-size:  12px;
    font-weight:    normal;
}

H4  {
    font-size:  12px;
    font-weight:    normal;
}

H5, DT  {
    font-size:  11px;
    font-weight:    bold;
}

H6  {
    font-size:  11px;
    font-weight:    bold;
}

TFOOT, THEAD    {
    font-size:  12px;
}

TH  {
    vertical-align: baseline;
    font-size:  12px;
    font-weight:    bold;
}

A:link  {
    text-decoration:    none;
    color:  #006699;
}

A:visited   {
    text-decoration:    none;
    color:  #006699;
}

A:active    {
    text-decoration:    none;
    color:  #006699;
}

A:hover {
    text-decoration:    underline;
    color:  #006699;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}


UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    color: dimgrey;
    height:1pt;
    text-align:left
}
.dp-nomarge, .dp-layout, .dp-bnrrow, .dp-bnrcell, .dp-footrow, .dp-footcell, .dp-cntrow, .dp-cntcell {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}
.dp-bnrcell, .dp-cntcell, .dp-footcell {
	padding-right: 4px;
	padding-left: 4px;
}
.dp-pnsleft, .dp-pnscenter, .dp-pnsright {
	padding-bottom: 10px;
	padding-top: 10px;
}
.dp-pnsleft {
	padding-right: 15px;
}
.dp-pnsright {
	padding-left: 15px;
}
.td-spaced td,.td-spaced tr td {
    padding-top:4px;
    padding-bottom:4px;
    padding-left:4px;
    padding-right:4px;
}

/* Calendar styles */
.calendar
{
    BORDER-RIGHT: #303030 2px solid;
    BORDER-TOP: #d0d0d0 2px solid;
    DISPLAY: none;
    FONT-SIZE: 11px;
    BACKGROUND: #D8D8CF;
    BORDER-LEFT: #d0d0d0 2px solid;
    CURSOR: default;
    COLOR: #303030;
    BORDER-BOTTOM: #303030 2px solid;
    FONT-FAMILY: tahoma,verdana,sans-serif;
    POSITION: relative
}
.calendar TABLE
{
    BORDER-RIGHT: #d0d0d0 1px solid;
    BORDER-TOP: #303030 1px solid;
    FONT-SIZE: 11px;
    BACKGROUND: #D8D8CF;
    BORDER-LEFT: #303030 1px solid;
    CURSOR: default;
    COLOR: #303030;
    BORDER-BOTTOM: #d0d0d0 1px solid;
    FONT-FAMILY: tahoma,verdana,sans-serif
}
.calendar .button
{
    BORDER-RIGHT: #303030 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #d0d0d0 1px solid;
    PADDING-LEFT: 1px;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #d0d0d0 1px solid;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #303030 1px solid;
    TEXT-ALIGN: center
}
.calendar .nav
{
    BACKGROUND: url(menuarrow.gif) no-repeat 100% 100%
}
.calendar THEAD .title
{
    BORDER-RIGHT: #303030 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #303030 1px solid;
    PADDING-LEFT: 1px;
    FONT-WEIGHT: bold;
    BACKGROUND: #003372;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #303030 1px solid;
    COLOR: #d0d0d0;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #303030 1px solid;
    TEXT-ALIGN: center
}
.calendar THEAD .headrow
{
}
.calendar THEAD .daynames
{
}
.calendar THEAD .name
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    BACKGROUND: #f4f0e8;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #303030 1px solid;
    TEXT-ALIGN: center
}
.calendar THEAD .weekend
{
/*    COLOR: #f00*/
	color: blue;
}
.calendar THEAD .hilite
{
    BORDER-RIGHT: #303030 2px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #d0d0d0 2px solid;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #d0d0d0 2px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #303030 2px solid;
    BACKGROUND-COLOR: #e4e0d8
}
.calendar THEAD .active
{
    BORDER-RIGHT: #d0d0d0 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #303030 1px solid;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #303030 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #d0d0d0 1px solid;
    BACKGROUND-COLOR: #c4c0b8
}
.calendar TBODY .day
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    WIDTH: 2em;
    PADDING-TOP: 2px;
    TEXT-ALIGN: right
}
.calendar TBODY .othermonth
{
    FONT-SIZE: 80%;
    COLOR: #aaaaaa
}
.calendar TBODY .oweekend
{
    COLOR: #ffaaaa
}
.calendar TABLE .wn
{
    BORDER-RIGHT: #303030 1px solid;
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 2px;
    BACKGROUND: #f4f0e8;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px
}
.calendar TBODY .rowhilite TD
{
    BACKGROUND: #e4e0d8
}
.calendar TBODY .rowhilite TD.wn
{
    BACKGROUND: #d4d0c8
}
.calendar TBODY TD.hilite
{
    BORDER-RIGHT: #303030 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #d0d0d0 1px solid;
    PADDING-LEFT: 1px;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #d0d0d0 1px solid;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #303030 1px solid
}
.calendar TBODY TD.active
{
    BORDER-RIGHT: #d0d0d0 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #303030 1px solid;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #303030 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #d0d0d0 1px solid
}
.calendar TBODY TD.selected
{
    BORDER-RIGHT: #d0d0d0 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #303030 1px solid;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    BACKGROUND: #e4e0d8;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #303030 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #d0d0d0 1px solid
}
.calendar TBODY TD.weekend
{
	color: blue;
}
.calendar TBODY TD.today
{
    FONT-WEIGHT: bold;
    COLOR: Purple;
}
.calendar TBODY .disabled
{
    COLOR: #999999
}
.calendar TBODY .emptycell
{
    VISIBILITY: hidden
}
.calendar TBODY .emptyrow
{
    DISPLAY: none
}
.calendar TFOOT .footrow
{
}
.calendar TFOOT .ttip
{
    BORDER-RIGHT: #303030 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #303030 1px solid;
    PADDING-LEFT: 1px;
/*    BACKGROUND: #848078;*/
    BACKGROUND: #003372;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #303030 1px solid;
    COLOR: #d0d0d0;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #303030 1px solid;
    TEXT-ALIGN: center
}
.calendar TFOOT .hilite
{
    BORDER-RIGHT: #303030 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #d0d0d0 1px solid;
    PADDING-LEFT: 1px;
    BACKGROUND: #e4e0d8;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #d0d0d0 1px solid;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #303030 1px solid
}
.calendar TFOOT .active
{
    BORDER-RIGHT: #d0d0d0 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #303030 1px solid;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #303030 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #d0d0d0 1px solid
}
.calendar .combo
{
    BORDER-RIGHT: #303030 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #d0d0d0 1px solid;
    DISPLAY: none;
    PADDING-LEFT: 1px;
    FONT-SIZE: 90%;
    Z-INDEX: 100;
    BACKGROUND: #e4e0d8;
    LEFT: 0px;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #d0d0d0 1px solid;
    WIDTH: 4em;
    CURSOR: default;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #303030 1px solid;
    POSITION: absolute;
    TOP: 0px
}
.calendar .combo .label
{
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 1px;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px;
    TEXT-ALIGN: center
}
.calendar .combo .label-IEfix
{
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 1px;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px;
    TEXT-ALIGN: center
}
.calendar .combo .label-IEfix
{
    WIDTH: 4em
}
.calendar .combo .active
{
    BORDER-RIGHT: #d0d0d0 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #303030 1px solid;
    PADDING-LEFT: 0px;
    BACKGROUND: #c4c0b8;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #303030 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #d0d0d0 1px solid
}
.calendar .combo .hilite
{
    BACKGROUND: #048;
    COLOR: #fea
}
.calendar TD.time
{
    PADDING-RIGHT: 0px;
    BORDER-TOP: #303030 1px solid;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px;
    BACKGROUND-COLOR: #f4f0e8;
    TEXT-ALIGN: center
}
.calendar TD.time .hour
{
    BORDER-RIGHT: #889 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #889 1px solid;
    PADDING-LEFT: 4px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #889 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #889 1px solid;
    BACKGROUND-COLOR: #d0d0d0
}
.calendar TD.time .minute
{
    BORDER-RIGHT: #889 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #889 1px solid;
    PADDING-LEFT: 4px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #889 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #889 1px solid;
    BACKGROUND-COLOR: #d0d0d0
}
.calendar TD.time .ampm
{
    BORDER-RIGHT: #889 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #889 1px solid;
    PADDING-LEFT: 4px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #889 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #889 1px solid;
    BACKGROUND-COLOR: #d0d0d0
}
.calendar TD.time .ampm
{
    TEXT-ALIGN: center
}
.calendar TD.time .colon
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}
.calendar TD.time SPAN.hilite
{
    BORDER-LEFT-COLOR: #303030;
    BORDER-BOTTOM-COLOR: #303030;
    COLOR: #d0d0d0;
    BORDER-TOP-COLOR: #303030;
    BACKGROUND-COLOR: #766;
    BORDER-RIGHT-COLOR: #303030
}
.calendar TD.time SPAN.active
{
    BORDER-LEFT-COLOR: #f00;
    BORDER-BOTTOM-COLOR: #f00;
    COLOR: #0f0;
    BORDER-TOP-COLOR: #f00;
    BACKGROUND-COLOR: #303030;
    BORDER-RIGHT-COLOR: #f00
}

/* Paging control styles */
.pgngNavCell, .pgngCellHov, .pgngCellDis, td.pgngNavCell, td.pgngCellHov, td.pgngCellDis {
    cursor: hand;
    font-weight: normal;
    font-size: 12px;
    color: #00005c;
    line-height: 16px;
    font-family: Arial;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 0px;
    margin-right: 0px;
}
.pgngNavCellHov, .pgngCell,
td.pgngNavCellHov, td.pgngCell {
	cursor: hand;
	FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #f2b742;
    LINE-HEIGHT: 16px;
    FONT-FAMILY: Arial;
	padding-left:2px;
	padding-right:2px;
    margin-left: 0px;
    margin-right: 0px;
}
.pgngNavCellDis, td.pgngNavCellDis {
	cursor: default;
	FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #aaaaaa;
    LINE-HEIGHT: 16px;
    FONT-FAMILY: Arial;
	padding-left:2px;
	padding-right:2px;
    margin-left: 0px;
    margin-right: 0px;
}
.pgngCell, .pgngCellHov, .pgngCellDis,
td.pgngCell, td.pgngCellHov, td.pgngCellDis {
    FONT-SIZE: 12px;
	width: 20px;
	padding-left:2px;
	padding-right:2px;
    margin-left: 0px;
    margin-right: 0px;
}
.pgngCellDis, td.pgngCellDis {
    font-weight:bold;
	cursor: default;
	padding-left:2px;
	padding-right:2px;
    margin-left: 0px;
    margin-right: 0px;
}
.pgngPrev, .pgngNext, .pgngFirst, .pgngLast,
td.pgngPrev, td.pgngNext, td.pgngFirst, td.pgngLast {
	padding-left:2px;
	padding-right:2px;
    margin-left: 0px;
    margin-right: 0px;
}