﻿body 
{
	/*	width: 100%;*/
	height: 100%;
	border-width: 0px;
	margin: 0px 0px 0px 0px;
	background-color: #e5e5e5;
}


.topx-- 
{
	background-image: url(Images/corner_tl.gif);
	background-repeat: no-repeat;
	width: 19px;
	height: 19px;
}

.top-x- {
	background-image: url(Images/bgrepeat_top.jpg);
	background-repeat: repeat-x;
	width: auto;
	height: 19px;
}

.top--x {
	background-image: url(Images/corner_tr.gif);
	background-repeat: no-repeat;
	width: 19px;
	height: 19px;
}


.midx-- {
	background-image: url(Images/bgrepeat_left.jpg);
	background-repeat: repeat-y;
	width: 19px;
	height: 100%;
}

.mid--x {
	background-image: url(Images/bgrepeat_right.jpg);
	background-repeat: repeat-y;
	width: 19px;
	height: 100%;
}


.bottomx-- 
{
	background-image: url(Images/corner_bl.gif);
	background-repeat: no-repeat;
	width: 19px;
	height: 19px;
}

.bottom-x- {
	background-image: url(Images/bgrepeat_bottom.jpg);
	background-repeat: repeat-x;
	width: auto;
	height: 19px;
}

.bottom--x {
	background-image: url(Images/corner_br.gif);
	background-repeat: no-repeat;
	width: 19px;
	height: 19px;
}



.pagemaster {
	width: 1024px;
	margin: 0 auto;
	height: 100%; /*background-color:#ffffff;*/;
	background-color: #ffffff;
}

.menumaster 
{
	font-size: 0.8em;
	font-family:Times New Roman;
	font-weight: bold;
	
}

.skinmaster {
	height: 100%;
	background-color: #FFFFFF;
	border-right: #ffffff 0px solid; 
	border-top: #ffffff 0px solid; 
	border-left: #ffffff 0px solid; 
	border-bottom: #ffffff 0px solid; 
}
.skinheader {
	background-image: url(Images/bgtop.png);
	background-repeat: repeat-x;
	background-color: #6C80C5;
	height: 102px;
}
.dottedline {
	background-image: url(Images/dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
   	font-size: 11px; 
	font-style: normal; 
	font-family: Arial; 
    color: #3A45A1;

}
.bannerpadding {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
}

.skingradient {
	background-image: url(Images/menubg.gif); 
	height:38px;
	background-color: #F1ECED;
    font-family: Arial;
    font-weight: bold;
    color: #3A45A1;
    font-size: 11pt;
}

.menurollover {
    background-image: none;
    background-color: #FFFFFF;
    cursor:pointer;

  
}

.menunormal {
    background-image: url(Images/menubg.gif); 
    color: #3A45A1;
    cursor:pointer;
}

.menuanchor {

    font-family: Arial;
    font-weight: bold;
    color: #3A45A1;
    font-size: 10pt;
    text-decoration: none;
}

.containertitle
{
	font-family:Arial;
	font-weight:bold;
	font-size:14pt;
}

.containertitlesmall
{
	font-family:Arial;
	font-size:14pt;
	font-weight:normal;
}

.titleanchor
{
	text-decoration:none;
}


A.typeanchor:link 
{
	font-size: medium;
	color:Black;
	text-decoration:none;
	
}


A.typeanchor:visited 
{
	font-size: medium;
	color:Black;
	text-decoration:none;
	
}

A.typeanchor:hover
{
	font-size: medium;
	color:Black;
	text-decoration:none;

	color:Blue;
}


.footer
{
	font-family: Arial;
	font-size: 8pt;
}

.logo 
{
	color:White;
	font-family:Verdana;
	/*font-family:MS Reference Sans Serif;*/
	font-size: 32pt;
	font-weight:bold;
	font-style:normal;
	letter-spacing: 5px;
	text-decoration: none;
}



.logosmall
{
	color:White;
	font-family:Verdana;
	font-size: 14pt;
	font-style:italic;
	

}

.controlpanel {
	width: 100%;
	background-color: #E6E6E6;
	border-left: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 8px;
	padding-right: 6px;
	padding-top: 6px;
}
.contentpane {
	width: 60%;
	background-color: transparent;
	padding-left: 8px;
	padding-right: 4px;
	padding-top: 6px;
}
.rightpane {
	width: 20%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
}
.leftpane {
	width: 20px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 8px;
	padding-right: 6px;
	padding-top: 6px;
}
.MainMenu_MenuContainer {
	background-color: transparent; 
}
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:38px;
	background-color: Transparent;
}
.MainMenu_MenuItem{
	border-left: #F1F4F3 0px solid; 
	border-bottom: #F1F4F3 0px solid; 
	border-top: #F1F4F3 0px solid; 
	border-right: #F1F4F3 0px solid;
	cursor: pointer; 
	cursor: hand; 
	color: #3A45A1; 
	font-size: 13px; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Arial; 
}
.MainMenu_MenuItemSel{
	background-color: #D7DDE1; 
	cursor: pointer; 
	cursor: hand; 
	color: #3A45A1; 
	font-size: 13px;
	font-family: Arial; 
	font-weight: bold; 
	font-style: normal;
	height: 21px;
}
.MainMenu_MenuItemAct {
	background-color: #F1F4F3; 
	cursor: pointer; 
	cursor: hand; 
	color: #3A45A1; 
	font-size: 13px;
	font-family: Arial; 
	font-weight: bold; 
	font-style: normal;
	height: 21px;
}
.rootMenuItem TD{ 
	border-left: #F1F4F3 0px solid; 
	border-bottom: #F1F4F3 0px solid; 
	border-top: #F1F4F3 0px solid; 
	border-right: #F1F4F3 0px solid;
	cursor: pointer; 
	cursor: hand; 
	color: #3A45A1; 
	font-size: 13px; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Arial; 
	padding-top: 10px;
	padding-bottom: 10px;
} 
.rootmenuitemselected TD{ 
	background-color: #F1F4F3; 
	cursor: pointer; 
	cursor: hand; 
	color: #3A45A1; 
	font-size: 13px;
	font-family: Arial; 
	font-weight: bold; 
	font-style: normal;
	height: 21px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.rootmenuitemactive TD{ 
	background-color: #F1F4F3; 
	cursor: pointer; 
	cursor: hand; 
	color: #3A45A1; 
	font-size: 13px;
	font-family: Arial; 
	font-weight: bold; 
	font-style: normal;
	height: 21px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.MainMenu_MenuIcon {
	background-color: #F1F4F3; 
	border-left: #F1F4F3 1px solid; 
	border-bottom: #F1F4F3 1px solid; 
	border-top: #F1F4F3 1px solid; 
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 1px; 
	height: 21px;
}
.MainMenu_SubMenu {
	margin-top: -1px;
	background-color: #F1F4F3;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
}
.MainMenu_MenuBreak {
	height: 1px;
}
.MainMenu_MenuArrow {
	border-right: #F1F4F3 1px solid; 
	border-bottom: #F1F4F3 1px solid; 
	border-top: #F1F4F3 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton {
  background: #5661BB none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 

}
.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}
/* Text Styles */
.Head {
   font-family: Arial, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #3A45A1;
}
.subhead {
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	color: #3A45A1;
}
.normal {
   font-family: Arial, Helvetica;
   font-size:  11px;
   font-weight: normal;
   color: #4B4B4B;
}
.NormalTextBox
{
	font-family: arial;
	font-size: 12px;
	color: #3C3C3C;
}
H4  {
    font-family: Arial;
    font-size:  12px;
    font-weight:    normal;
    color: #8F6B35;
}
H5  {
    font-family: Arial;
    font-size:  11px;
    font-weight: bold;
    color: #3A45A1;
}
A:link  {
	font-family: arial;
	color: #3A45A1;
	font-size:11px;
}
A:visited   {
	font-family: arial;
	color: #3A45A1;
	font-size:11px;
}
A:active    {
	font-family: arial;
	color: #6D94B9;
	font-size:11px;
}
A:hover {
    font-family: arial;
	color: #6D94B9;
	font-size:11px;
	text-decoration : underline;
}
.footer {
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #3A45A1;
	padding-bottom: 20px;
	padding-left: 20px;
}
A.footer:link {
    text-decoration: none;
	font:11px Arial, Helvetica;
    color: #3A45A1;
	font-weight: normal;
}
A.footer:visited {
    text-decoration: none;
	font:11px Arial, Helvetica;
    color: #3A45A1;
	font-weight: normal;
}
A.footer:active {
    text-decoration: underline;
	font:11px Arial, Helvetica;
    color: #6D94B9;
	font-weight: normal;
}
A.footer:hover {
    text-decoration: underline;
	font:11px Arial, Helvetica;
    color: #6D94B9;
	font-weight: normal;
}
.breadcrumbs   {
    font:11px Arial, Helvetica;
    font-weight:   normal;
    color: #3A45A1;
}
A.breadcrumbs:link {
    text-decoration: none;
	font:11px Arial, Helvetica;
    color: #3A45A1;
	font-weight: normal;
}
A.breadcrumbs:visited {
    text-decoration: none;
	font:11px Arial, Helvetica;
    color: #3A45A1;
	font-weight: normal;
}
A.breadcrumbs:active {
    text-decoration: underline;
	font:11px Arial, Helvetica;
    color: #6D94B9;
	font-weight: normal;
}
A.breadcrumbs:hover {
    text-decoration: underline;
	font:11px Arial, Helvetica;
    color: #6D94B9;
	font-weight: normal;
}
.loginText {
   font-family: Arial;
   font-size:  11px;
   font-weight: bold;
   color: #ffffff;
}
a.loginText:Link {
   font-family: Arial;
   font-size:  11px;
   font-weight: bold;
   color: #ffffff;
   text-decoration: none;
}
a.loginText:Active {
   font-family: Arial;
   font-size:  11px;
   font-weight: bold;
   color: #ffffff;
   text-decoration: none;
}
a.loginText:Visited {
   font-family: Arial;
   font-size:  11px;
   font-weight: bold;
   color: #ffffff;
   text-decoration: none;
}
a.loginText:Hover {
   font-family: Arial;
   font-size:  11px;
   font-weight: bold;
   color: #ffffff;
   text-decoration: underline;
}
.hypertext{
    font-size:12pt;
}

.maincontent 
{
    padding: 0px;
    width: 664px;
    font-family: verdana;
    font-size: 0.8em;
    background-color: White;
}

.maincontainer_css_home
{
    padding: 0px;
    width: 1000px;
    font-family: verdana;
    font-size: 0.8em;
    background-color: White;
}

h2      {   font-size:16pt;  margin-top:0px; }

.leftnavigation 
{
    width: 160px;
    padding:10px; 
    letter-spacing:1px;
    background-color: White;
    font-size: 0.7em;
    font-family:verdana;
}

.rightnavigation 
{
    width: 160px;
    padding:10px; 
    letter-spacing:1px;
    background-color: White;
    font-size: 0.7em;
    font-family:verdana;
}


.prevnext {
    float: right;
}

.leftnavseperator {	
    font-style:italic;  
    font-weight:bold; 
    background-color:#EFEFEF; 
    padding-bottom:2px; 
    padding-top:2px; 
    letter-spacing:1px; 
    margin-top:10px; 
}

.mainnavseperator {	
    font-style:italic;
    font-weight:bold;
    background-color:#EFEFEF;
    padding-bottom:2px;
    padding-top:2px; 
    letter-spacing:1px;
    margin-top:10px; 
    font-size:1em;
}


span.code {
    width: 95%;
    background: #eeeeee;
    padding: 3px;
}

pre.code 
{
    width: 99%;
    background: #eeeeee;
    overflow:scroll;
    border: 2px dotted gray;
    font-size: 9pt;
}

div.code {
    width: 100%;
    background: #eeeeee;
 
}

textarea.codearea 
{
    width: 664px;
    background: #eeeeee;
    border: 0px none white;
    padding: 3px;
}


/*
    Attribute header
*/
#attributetitle { color:black; font-size: 1.5em; text-indent:0px; width:100%;border-bottom:2px solid black;  }

/*
    Attribute table
*/
#attributetable {   font-size: 1.0em; width:100%; border:0px solid gray; padding: 5px; }
#attributetable tr {    background-color:#eeeeee; }
#attributetable #attributetableheader {    background-color:#dddddd; }

/*
    Code table header
*/
#codetitle { text-indent:0px; width:100%;border-bottom:2px solid black; padding:5px; margin:5px; }
/* 
    Code table
*/
#codetable {    font-size: 1.0em; width:100%; border:1px solid gray; }
#codetable tr {    background-color:#eeeeee; }
#codetable #codetableheader {    background-color:#dddddd; }

/*
    Give it a go!
*/
.GiveItAGoLinkA     { float:right;/* border:1px solid gray; */ }
.GiveItAGoLinkA:hover     { float:right; background-color:#dddddd;   }
.GiveItAGoLinkText  { font-style:italic;    }

/*
    Prev and Next 
*/
#prev, #prev2, #next, #next2 { padding:5px; font-size:1.2em; }
#prev:hover, #prev2:hover, #next:hover, #next2:hover { background-color:#eeeeee; }


/*
    Example titles
*/

.exampletitle { text-decoration:underline; }

.maincontainer A:link { text-decoration: none;  }
.maincontainer A:visited { text-decoration: none; color:blue;  }
.maincontainer A:hover {   color: #ee11dd; background-color:#efefef; }


