/* CSS Document */

body
{	padding: 0;
	margin: 0;
	font-family:  Arial;
	font-size: 12px;
}

.master {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 8px;	
}

.controlpanel {
	background-color: #EAEAEA;
	border: solid #020307 1px;
	text-align: left;
}

.top-purple {background: url(top-purple.gif) no-repeat top center; padding-left: 280px; padding-right: 12px; height: 172px;}
.top-blue {background: url(top-blue.gif) no-repeat top center; padding-left: 280px; padding-right: 12px; height: 172px;}
.top-red {background: url(top-red.gif) no-repeat top center; padding-left: 280px; padding-right: 12px; height: 172px;}
.top-lightgreen {background: url(top-lightgreen.gif) no-repeat top center; padding-left: 280px; padding-right: 12px; height: 172px;}
.top-darkgreen {background: url(top-darkgreen.gif) no-repeat top center; padding-left: 280px; padding-right: 12px; height: 172px;}
.top-phonetic {background: url(top-phonetic.gif) no-repeat top center; padding-left: 280px; padding-right: 12px; height: 172px;}

.TopLinks {color: #4e227a; font-size: 12px; text-align: right;}

.TopLinks a:link, .TopLinks a:visited {color: #4e227a; text-decoration: none; padding: 0 9px; line-height: 22px;}
.TopLinks a:hover, .TopLinks a:active {color: #4e227a; text-decoration: underline; padding: 0 9px; line-height: 22px;}

.Search, A.Search:link, A.Search:visited {color: #306; text-decoration: none;}
A.Search:hover, A.Search:active {color: #306; text-decoration: underline;}

.footer-left {background: url(footer-left.gif) no-repeat top right; height: 39px; width: 9px;}
.footer-bg {background: #306; height: 39px; padding-right: 10px; color: #fff; text-align: center;}

.cb {padding: 10px 5px 0 10px;}
.cb-phonetic {background: url(tl.gif) no-repeat top left; padding: 10px 5px 0 10px;}
.TopPane {padding-top: 10px;}
.LeftPane {width: 260px; padding-right: 18px; padding-top: 10px;}
.ContentPane {padding-top: 10px;}
.ContentPane2 {padding-top: 50px;}

.RightSide {width: 240px; height: 100%;}
.RightPane {padding: 10px 0 10px 0; height: 100%;}

/* text style for the selected tab */
.SelectedTab {
	font-weight: normal;
	font-size: 9pt;
	color: #000000;
	font-family: "";
	text-decoration: none;
	vertical-align: bottom;
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
	text-decoration:    none;
	color:#FFFFFF;
	border: none;
	font-weight: bold;
}

A.SelectedTab:visited  {
	text-decoration: none;
	color:#ffffff;
	margin-top: 3px;
	margin-right: 6px;
	margin-bottom: 3px;
	margin-left: 6px;
	border: 1px none;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
	font-weight: bold;
}

A.SelectedTab:active   {
	text-decoration: none;
	color:#555555;
	border: none;
	font-weight: bold;
}

A.SelectedTab:hover    {
	text-decoration: none;
	color:#555555;
	border: none;
	font-weight: bold;
}


/* hyperlink style for the unselected tabs */
.OtherTabs {
   
    color: #000000;
    font-family: "Tahoma", "Arial", "Helvetica";
	font-weight: bold;
}

A.OtherTabs:link {
    text-decoration: none;
    color: #FFF;
	font-weight: bold;
}

A.OtherTabs:visited  {
    text-decoration: none;
    color: #FFF;
	font-weight: bold;
}

A.OtherTabs:active   {
    text-decoration: underline;
    font-weight: bold;
	color: #fff;
}

A.OtherTabs:hover    {
    text-decoration: underline;
    font-weight: bold;
	color:#FFFFFF;
}

/* GENERAL */
/* style for module titles */

.Head   {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  13px;
    font-weight:    bold;
    color: #333333;
	
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Arial,  Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight: bold;
    color: #333333;
}

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

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Arial,  Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;	
	color: #666;
}

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

.NormalRed
{
    font-family: Arial,  Tahoma, Arial, Helvetica;
    font-size: 12px;

    color: #ff0000
}

.NormalBold
{
    font-family: Arial,  Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Arial,  Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    none;
    color: #2960C6;font-size: 11px; font-weight: normal;
}

A.CommandButton:visited  {
    text-decoration:    none;
    color: #2960C6;font-size: 11px; font-weight: normal;
}

A.CommandButton:active   {
    text-decoration:    none;
    color: #2960C6;font-size: 11px; font-weight: normal;
}

A.CommandButton:hover    {
    text-decoration:    none;
    color: #ff0000;font-size: 11px; font-weight: normal;
}

/* GENERIC */
H1  {
    font-size:  20px;
    font-weight: bold;
    color: #000;
}

H2  {
    font-size:  14px;
    font-weight: bold;
    color: #000;
}

H3  {
    font-size:  14px;
    font-weight: bold;
	font-style: italic;
    color: #000;
}

H4  {
    font-size:  18px;
    font-weight:    normal;
    color: #af001e;
}

H5, DT  {
    font-size:  11px;
    font-weight: normal;
    color: #404040;
}

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

TFOOT, THEAD    {
    font-family: Arial,  Tahoma, Arial, Helvetica;
    font-size: 12px;
    color: #2960C6;
}

TH  {
    vertical-align: baseline;
    font-family: Arial,  Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    bold;
    color: #2960C6;
}

A:link, A:visited, A:active  {
	text-decoration: underline;
	color: #000;
}

A:hover {
	text-decoration: none;
	color: #000;
}

.box {
	margin-top: 45px;
	margin-right: 10px;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}

UL LI   {
	line-height: 20px;
	color: #000;
}

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: #666;
    height:1pt;
    text-align:left;
}

.Login {
	font-size: 12px;
	font-family: Arial;
color:#fff;
font-weight: normal;
text-decoration: none;
padding: 0 10px;
}

A.Login:link, A.Login:visited {
	font-size: 12px;
	font-family: Arial;
color:#fff;
font-weight: normal;
text-decoration: none;
padding: 0 10px;
}

A.Login:active, A.Login:hover {
	font-size: 12px;
	font-family: Arial;
color:#fff;
font-weight: normal;
text-decoration: underline;
padding: 0 10px;
}
/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
    font-family: Arial,  Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    font-size: 11px;
    background-color: #8DC2F9}   

/* style of item titles by Announcements and events */
.ItemTitle    {
    font-family: Arial,  Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #2960C6;
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
	border-bottom: blue 0px solid; 
	border-left: blue 0px solid; 
	border-top: blue 0px solid; 
	border-right: blue 0px solid; 
}

.ModuleTitle_MenuBar {
	cursor: pointer; 
	height:16px;
	background-color: Transparent;
}

.ModuleTitle_MenuItem {
	cursor: pointer; 
	color: black; 
	font-family: Arial,  Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	border-left: white 0px solid; 
	border-bottom: white 1px solid; 
	border-top: white 1px solid; 
	border-right: white 0px solid;
	background-color: Transparent;
}

.ModuleTitle_MenuIcon {
	cursor: pointer; 
	background-color: #EEEEEE; 
	border-left: #EEEEEE 1px solid; 
	border-bottom: #EEEEEE 1px solid; 
	border-top: #EEEEEE 1px solid; 
	text-align: center; 
	width: 15px; 
	height: 21px;
}

.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer;  
	background-color: #FFFFFF; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	border-bottom: #FFFFFF 0px solid; 
	border-left: #FFFFFF 0px solid; 
	border-top: #FFFFFF 0px solid; 
	border-right: #FFFFFF 0px solid;
}

.ModuleTitle_MenuBreak {
	border-bottom: #EEEEEE 1px solid; 
	border-left: #EEEEEE 0px solid; 
	border-top: #EEEEEE 1px solid;  
	border-right: #EEEEEE 0px solid; 
	background-color: #EEEEEE; 
	height: 1px;
}

.ModuleTitle_MenuItemSel {

	cursor: pointer; 
	color: black; 
	font-family: Arial,  Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;

	background-color: #eeeeee;
}

.ModuleTitle_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	border-right: #FFFFFF 1px solid; 
	border-bottom: #FFFFFF 1px solid; 
	border-top: #FFFFFF 0px solid;
}

.ModuleTitle_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
}

/* Menu CSS */
.MainMenu_MenuContainer {
	border: none;
	text-align: center;
	padding: 0;
	margin: 0;
	background-color: transparent;
	height: 11px;
}
.MainMenu_MenuBar {
	CURSOR: hand;
	padding: 0;
	margin: 0;
	height: 11px;
	background-color: transparent;
}

/*sub menu items*/
.MainMenu_MenuItem {
	CURSOR: hand; 
	font-family: Arial,  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background: ;
	border: none;
	color: #306;
	vertical-align: middle;
	border-bottom: #306 1px solid;
	padding: 4px 6px;
	HEIGHT: 20px;
	
}
.MainMenu_MenuItemSel, .SubMenu_Active {
	CURSOR: hand; 
	font-family: Arial,  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	background: #306;
	border: none;
	border-bottom: #306 1px solid;
	vertical-align: middle;
	padding: 4px 6px;
	HEIGHT: 20px;
}

.MainMenu_MenuIcon {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 6px;
	PADDING-BOTTOM: 3px;
	WIDTH: 0px;
	CURSOR: hand;
	BACKGROUND-COLOR: #FBFCFC;
	PADDING-TOP: 0px;
	HEIGHT: 20px;
	border-left: 1px solid #FBFCFC;
	border-top: 0px solid #FBFCFC;
	border-bottom: 1px solid #FBFCFC;
	border-right: 1px none;
	DISPLAY: none;
}

.MainMenu_SubMenu {
	Z-INDEX: 1000;
	BACKGROUND-color: #fff;
	filter:alpha(Opacity=100); -moz-opacity: 1.0;
	CURSOR: hand;
	margin-left: 0px;
	text-align: center;
	padding: 0 8px;
	BORDER: #d6080b 0px solid; 
}

.MainMenu_MenuBreak, .MainMenu_MenuBreak td {
	border: 0px dotted #CCCCCC;
	background-position: bottom;
	background-color: transparent;
}
.MainMenu_MenuArrow {
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
	cursor: hand;
	border-right: 0px solid #FBFCFC;
	border-bottom: 0px solid #FBFCFC;
	border-top: 0px solid #FBFCFC;
	border-left-color: #FBFCFC;
	text-align: right;
	display: none;
}

.MainMenu_RootMenuArrow {
	display: none;
	width: 0px;
	background-color: transparent;
}
.menu img {margin-bottom: -4px;}
.MainMenu_Normal td {
	color: #306;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background: #fff;
	padding-right: 2px;
	height: 29px;
}

.MainMenu_BreadcrumbActive, .MainMenu_BreadcrumbActive td, .MainMenu_Active, .MainMenu_Active td{
	color: #306;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background: #fff;
	padding-right: 2px;
	height: 29px;
}
.MainMenu_Selected td {
	color: #1f3063;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background: #fff;
	padding-right: 2px;
	height: 29px;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.lightgreen-links a:link, .lightgreen-links a:visited {background: url(arrow.gif) no-repeat left; padding-left: 16px; color: #693; font-weight: bold; font-size: 12px; text-decoration: none; line-height: 32px;}
.lightgreen-links a:hover, .lightgreen-links a:active {background: url(arrow.gif) no-repeat left; padding-left: 16px; color: #666; font-weight: bold; font-size: 12px; text-decoration: none; line-height: 32px;}
.lightgreen-links td {width: 210px; border-bottom: #666 1px solid;}

.blue-links a:link, .blue-links a:visited {background: url(arrow.gif) no-repeat left; padding-left: 16px; color: #369; font-weight: bold; font-size: 12px; text-decoration: none; line-height: 32px;}
.blue-links a:hover, .blue-links a:active {background: url(arrow.gif) no-repeat left; padding-left: 16px; color: #666; font-weight: bold; font-size: 12px; text-decoration: none; line-height: 32px;}
.blue-links td {width: 210px; border-bottom: #666 1px solid;}

.red-links a:link, .red-links a:visited {background: url(arrow.gif) no-repeat left; padding-left: 16px; color: #930; font-weight: bold; font-size: 12px; text-decoration: none; line-height: 32px;}
.red-links a:hover, .red-links a:active {background: url(arrow.gif) no-repeat left; padding-left: 16px; color: #666; font-weight: bold; font-size: 12px; text-decoration: none; line-height: 32px;}
.red-links td {width: 210px; border-bottom: #666 1px solid;}

.darkgreen-links a:link, .darkgreen-links a:visited {background: url(arrow.gif) no-repeat left; padding-left: 16px; color: #366; font-weight: bold; font-size: 12px; text-decoration: none; line-height: 32px;}
.darkgreen-links a:hover, .darkgreen-links a:active {background: url(arrow.gif) no-repeat left; padding-left: 16px; color: #666; font-weight: bold; font-size: 12px; text-decoration: none; line-height: 32px;}
.darkgreen-links td {width: 210px; border-bottom: #666 1px solid;}