/***********************************************************************
 General HTML
 reminder on margin/padding: top right bottom left
 ***********************************************************************/

body {
	font-size: 9pt;
	font-family: arial, sans-serif;
	margin: 0;
	color: #333333;
	background-color: white;
}
th, td, p {
	font-size: 9pt;
	line-height: 13pt;
	margin-top: 0px;
}
ul, ol {
	font-size: 9pt;
	margin-top: 3px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 2px;
}
li {
	/* Firefox ... a bit strange at rendering list-style-image. */
	font-size: 9pt;
	list-style-image: url(/images/new/list_bullet.gif);
	line-height: 12pt;
	padding: 0px 0 2px 1px;
	margin: 0 0 0 5px;
}
h1 {
	margin-top: 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 11pt;
	color: #444444;
	background-color: transparent;
}
h2 {
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 10pt;
	color: #444444;
	background-color: transparent;
}
.h2docs {
	/* Wiki uses this h2 format */
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #cccccc;
    font-size: 10pt;
    color: #444444;
    padding: 3px;
    border: 1px solid #AAAAAA;
    background-color: #DDDDDD;
}
h3 { 
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 10pt;
	color: #444444;
	background-color: transparent;
}
h4 {
	margin-bottom: 5px;
	border-bottom: 1px solid #cccccc;
	font-size: 9pt;
	color: #444444;
	background-color: transparent;
}
h5 {
	margin: 0 0 5px 0;
	border-bottom: 1px solid #cccccc;
	font-size: 9pt;
	color: #444444;
	background-color: transparent;
}
a:link { 
	color: #065990;
	background-color: transparent;
}
a:visited {
	color: #065990;
	background-color: transparent;
}
a:hover { 
	color: red;
	background-color: transparent;
	text-decoration: none;
}
input, textarea {
	font-size: 9pt;
}
img {
	border-width: 0;
}
hr {
	border-top: 1px solid #DDDDDD;
	border-bottom: none;
	border-right: none;
	border-left: none;
}
pre {
	margin: 0;
	padding: 0;
}
form {
	margin: 0;
	padding: 0;
}


/***********************************************************************
 Layout
 ***********************************************************************/

/* Whole page layout */
.pageframe {
	border: 1px solid #666666;
	width: 780px;
	background-color: transparent;
	padding: 0;
}

/* Split screen / Newspaper columns */
.splitscreenbuffer {
	/* border-right: 1px solid #DDDDDD; */
}

/* Footer */
.footer {
	border-top: 1px solid #DDDDDD; 
}

/* Header/Banner */
.banner {
	color: black;
	background: transparent;
}
.bannerleft {
	color: black;
	background: transparent url(/images/new/top-left.png) repeat-x;
}
.bannerright {
	color: black;
	background: transparent url(/images/new/top-right.png) repeat-x;
}

/***********************************************************************
 Text Styles
 ***********************************************************************/

.ok {
	font-weight: bold;
	color: #006633;
	background-color: transparent;
}
.alert {
	font-weight: bold;
	color: red;
	background-color: transparent;
}
.small {
	font-size: 8pt;
}
.copyright {
	font-size: 8pt;
	color: #333333;
	background-color: transparent;
}

/***********************************************************************
 Image Styles
 ***********************************************************************/

/* Screenshots */
.screenshot {
	border: 2px solid #CCCCCC;
}
.caption {
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	margin-left: 30px;
	margin-right: 30px;
	color: #333333;
	background-color: #EEEEEE;
}

/***********************************************************************
 Menus 
 ***********************************************************************/

.maxheight {
	height: 100%;
}
.menubar {
	color: black;
	background: #EEEEEE url(/images/menubar.png) no-repeat;
	height: 10px;
}
.menufooter {
	color: black;
	background-color: #EEEEEE;
}
.menupad {
	border-left: thin dotted #DDDDDD; 
	color: black; 
	background-color: transparent;
}
.menu {
	font-size: 8pt;
	font-weight: bold;
	padding: 8px; 
	color: black;
	margin: 0px;
	background-color: transparent;
}
.menu a { 
	font-size: 8pt;
	font-weight: normal;
	color: #333333;
	display: block; 
	border: 1px solid #EEEEEE;
	margin: 1px; 
	padding: 3px 3px 3px 12px;
}
.menu a:link    { text-decoration: none; color: #333333; background-color: transparent; }
.menu a:visited { text-decoration: none; color: #333333; background-color: transparent; }
.menu a:hover   { text-decoration: none; color: white; background-color: #AAAAAA; border: 1px solid #666666; }

.menusidebar { 
	font-size: 8pt;
	border-bottom: 1px dotted #BBBBBB;
	border-top: 1px dotted #BBBBBB;
	background-color: #DDDDDD;
	color: #666666;
	padding: 5px;
	margin: 0px;
	line-height: 14pt;
}
.menusidebar a:hover { text-decoration: none; color: #065990; background-color: transparent; }
.menusidebar a:link, .menusidebar a:visited { text-decoration: none; color: #666666; background-color: transparent; }


/***********************************************************************
 Top Navigation Bar 
 ***********************************************************************/

.navbar {
	color: white;
	background-color: #15498A;
	height: 23px;
	margin: 0;
	padding-top: 1px;
	border-top: 1px solid #15498A;
	border-bottom: 1px solid #15498A;
}
.navbar-on a {
	line-height: 12pt;
	font-size: 8pt;
	font-weight: bold;
	color: white;
	background-color: #15498A;
	display: block;
	border: 1px solid #CCCCCC;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}
.navbar-on a:link    { color: #FFFFFF; background-color: transparent; }
.navbar-on a:visited { color: #FFFFFF; background-color: transparent; }
.navbar-on a:hover   { color: #FFFFFF; background-color: transparent; border: 1px solid #FFFFFF; }

.navbar-off a {
	line-height: 12pt;
	font-size: 8pt;
	font-weight: bold;
	color: #333333;
	display: block;
	border: 1px solid #15498A;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
.navbar-off a:link    { color: #CCCCCC; background-color: transparent; }
.navbar-off a:visited { color: #CCCCCC; background-color: transparent; }
.navbar-off a:hover   { color: #FFFFFF; background-color: transparent; border: 1px solid #FFFFFF; }

.navbar-hide {
	line-height: 12pt;
	font-size: 8pt;
	font-weight: bold;
	color: black;
	background-color: #CCCCCC;
	padding: 0px;
	margin: 1px;
}
.navbar-hide a, .navbar-hide a:link, .navbar-hide a:visited {
	text-decoration: none;
	height: 16px;
	color: #666666;
	background-color: #CCCCCC;
}
.navbar-hide a:hover { color: #065990; background-color: #CCCCCC; }

.globalnavbar-hide {
	line-height: 12pt;
	font-size: 8pt;
	font-weight: bold;
	color: black;
	background-color: #CCCCCC;
	padding: 0px;
	margin: 1px;
}
.globalnavbar-hide a, .globalnavbar-hide a:link, .globalnavbar-hide a:visited {
	text-decoration: none;
	height: 12px;
	color: #333333;
	background-color: #CCCCCC;
}
.globalnavbar-hide a:hover { color: #FFFFFF; background-color: #CCCCCC; }

.globalnavbar-off {
	line-height: 12pt;
	font-size: 8pt;
	font-weight: bold;
	color: black;
	background-color: #15498A;
	padding: 0px;
	margin: 1px;
}
.globalnavbar-off a, .globalnavbar-off a:link, .globalnavbar-off a:visited {
	text-decoration: none;
	height: 12px;
	color: #FFFFFF;
	background-color: #15498A;
}
.globalnavbar-off a:hover { color: #CCCCCC; background-color: #15498A; }

/***********************************************************************
 Tables
 ***********************************************************************/

.mytablebanner, .mytablebanner td {
	font-size: 10pt;
	font-weight: bold;
	color: #444444;
	background-color: transparent;
}
.mytableframe {
	font-size: 9pt;
	padding: 0px; 
	border: 1px solid #999999;
	color: black;
	background-color: white;
}
.mytable {
	padding: 0px; 
	font-size: 9pt;
	color: black;
	background-color: white;
}
.mytable td {
	border-bottom: 1px solid #DDDDDD;
}
.mytableh1 {    /* Table header row with background image */
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #BBBBBB;
	border-top: 1px solid #BBBBBB;
	color: #444444;
	background: #CCCCCC url(/images/mytableh1.png) no-repeat;
}
.mytableh1long {    /* Table header row with background image */
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #BBBBBB;
	border-top: 1px solid #BBBBBB;
	color: #444444;
	background: #CCCCCC url(/images/mytableh1long.png) no-repeat;
}
.mytabletransition {    /* Table header row without background image */
	color: #444444;
	background: #CCCCCC url(/images/mytabletransition.png) repeat;
}
.mytablesidebar {    /* Table header row without background image */
	font-size: 9pt;
	font-weight: normal;
	color: #444444;
	background: #CCCCCC;
}
.mytableh2 {    /* Table header row without background image */
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #BBBBBB;
	border-top: 1px solid #BBBBBB;
	color: #444444;
	background-color: #CCCCCC;
}
.tablealt {    /* A slightly off-white color for alternate rows */
	color: black;
	background-color: #DDDDDD;
}

/* Old Tables (Deprecated) */
.tablem {    /* Overall table style */
	padding: 0px; 
	font-size: 9pt;
	border: 1px solid #999999;
}
.tableh {    /* Table header row */
	font-size: 9pt;
	font-weight: bold;
	color: white;
	background-color: #7081B1;
	text-decoration: none;
}
.tablesh {    /* Table sub-header row */
	font-size: 9pt;
	font-weight: normal;
	color: #333333;
	background-color: #CCCCCC;
}
.tableunderline {    /* For underlining a table cell */
	border-bottom: 1px solid #CCCCCC;
}
.highlight{  /* alt row highligh */
	font-size: 8pt;
	font-weight: bold;
	color: black;
	background-color: #DDDDDD;
	text-decoration: none;
}

/***********************************************************************
 Buttons
 ***********************************************************************/

.button {
	border: 1px outset;
	font-family: geneva, arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	height: 20px;
	color: black;
	background-color: #CCCCCC;
}

.buttonlearnmore {
	font-family: geneva, arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	height: 20px;
	color: black;
}
.buttongraphic {
  font-size: 10pt;
  font-family: "Trebuchet MS", arial, verdana, sans-serif;
  font-weight: normal;
  color: #444444;
  padding-top: 15px;
}
.buttongraphic a:link, .buttongraphic a:visited {
  color: black;
  text-decoration: none;
  background-color: transparent;
}
.buttongraphic a:hover {
  color: red;
  text-decoration: none;
  background-color: transparent;
}



/***********************************************************************
 Table of Contents (User Guide, Howtos, etc)
 ***********************************************************************/

/* Table of contents */
.helptoc ul {
	font-size: 9pt;
	margin-left: 10px;
	margin-bottom: 0;
}
.helptoc li {
	list-style-image: url(/images/new/list_bullet.gif);
	padding: 1;
	margin: 1;
	font-size: 9pt;
	line-height: 11pt;
}
.toc li {
	list-style-image: url(/images/new/list_bullet.gif);
	padding: 0 0 1px 1px;
	margin: 0px;
	font-size: 9pt;
	line-height: 11pt;
}
.toc h2, .toc h3, .toc h4 {
	margin-top: 2px;
	margin-bottom: 5px;
	border-bottom: 1px solid #eeeeee;
	font-size: 9pt;
	font-weight: bold;
	color: #7081B1;
	background-color: transparent;
}
/* Why does this not work?
  .longpage h2 {
*/
.longpage {
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #cccccc;
    font-size: 10pt;
    color: #444444;
    padding: 3px;
    border: 1px solid #AAAAAA;
    background-color: #DDDDDD;
}

/***********************************************************************
 News Items
 ***********************************************************************/

.newstitle {
	font-size: 8pt;
	padding: 2px;
	color: black;
	margin: 5px;
	background-color: transparent;
}
.newsitem {
	font-size: 8pt;
	padding: 2px;
	color: black;
	margin: 5px;
	background-color: transparent;
}
.newsdate, .mytitle {
	font-size: 8pt;
	font-weight: bold;
	padding: 2px;
	color: black;
	margin: 5px;
	background-color: transparent;
	border-bottom: 1px solid black;
}


/***********************************************************************
 Search Bar
 ***********************************************************************/

.searchbar {
	color: white;
	background-color: #7081B1;
	padding-right: 5px;
	font-size: 8pt;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}
table.searchbar {
	width: 100%;
	height:	30px;
}
input.searchbar {
	color: #666666;
	background-color: white;
	border: 0px;
	vertical-align: middle;
	width: 115px;
}
input.searchbar#button {
	border: 1px solid #FFFFFF;
	padding: 0px;
}
input.searchbar#text {
	border: 1px solid #CCCCCC;
	width: 110px;
	padding: 1px;
}
input.searchbutton {
	vertical-align: middle;
}

/***********************************************************************
 Dialog Boxes
 ***********************************************************************/

.dialoginfo { background-color: #CCCCCC; color: black; }
.dialoginfo h3 { font-size: 9pt; border-bottom: 1px solid #999999; padding: 0; margin: 0; color: #444444;}

.dialogdocs { background-color: #EEEEEE; color: black; }

.dialogfactoid {
	font-size: 9pt;
	background-color: #DDDDDD; color: black;
}
.dialogfactoid th { font-size: 9pt; border-bottom: 1px solid #666666; padding-top: 5px; padding-bottom: 2px; }

.dialogadvantages {
	border: 1px dotted #CCCCCC;
}
.dialogadvantages td {
	font-size: 8pt;
}

.dialogataglance {
	background: #FFFFFF url(/images/new/glass.png) no-repeat;
	background-position: center;
}
.dialogataglance th {
	font-size: 9pt;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
}
/* FIXME: font too small */
.dialogataglance li {
	margin: 0;
	font-size: 8pt;
	line-height: 9pt;
	padding: 0;
}

.dialognews { background-color: #DDDDDD; color: black; }
.dialognews th { font-size: 11pt; font-weight: normal; border-bottom: 1px solid #666666; padding-top: 10px; color: #555555; background-color: transparent; }
.dialognews h3 { font-size: 9pt; border-bottom: 1px solid #999999; padding: 0; margin: 0; color: #444444;}
.dialognews p { padding: 0; margin: 7px 0 20px 0; }

.dialogsource { background-color: #CCCCCC; color: black; }
.dialogsource th { border-bottom: 1px solid #666666; padding-top: 5px; padding-bottom: 2px; }

.dialogwarning { background-color: #E2D0D0; color: black; }
.dialogwarning th { border-bottom: 1px solid #666666; padding-top: 5px; }

.dialoglearnmore {
	background-color: #DDDDDD;
	color: #333333; 
	font-size: 11pt;
	font-weight: normal;
	text-align: justify;
}
.dialoglearnmore th  { 
	font-size: 11pt;
	font-weight: normal;
	border-bottom: 1px solid #666666;
	padding-top: 10px; 
	color: #555555;
	background-color: transparent;
}

.dialogdescription {
	background-color: #DDDDDD;
	color: #333333; 
	line-height: 14PT;
	font-size: 11pt;
	font-weight: normal;
	text-align: justify;
}
.dialogdescription th, .dialogdescription h3 { 
	font-size: 11pt;
	font-weight: normal;
	border-bottom: 1px solid #666666;
	padding-top: 10px; 
	color: #555555;
	background-color: transparent;
}

.dialogquote {
	background-color: transparent;
	color: #333333; 
	font-size: 8pt;
	font-style: italic;
	font-weight: normal;
	text-align: justify;
	line-height: 14px;
}

.dialogsplash {
	background: white url(/images/new/dialogsplash.png) no-repeat;
	color: #CCCCCC;
	width: 760px;
	height: 240px;
}
.dialogsplash li {
	color: black;
}
.dialogsplash h3 {
	font-size: 11pt;
	font-weight: normal;
	border-bottom: 1px solid #666666;
	color: #555555;
	background-color: transparent; 
}

.dialogmenu a, .dialogmenuon a { 
	font-size: 11pt;
	font-weight: normal;
	display: block; 
	padding-top: 0px;
	padding-left: 10px;
	margin: 5px;
	background: transparent url(/images/new/dialogbutton.gif) no-repeat;
	line-height: 32px;
}
.dialogmenu a:link, .dialogmenu a:visited { text-decoration: none; color: #666666; background-color: transparent; }
.dialogmenu a:hover { text-decoration: none; color: #065990; background-color: transparent; }
.dialogmenuon a:hover, .dialogmenuon a:link, .dialogmenuon a:visited { text-decoration: none; color: #065990; background-color: transparent; }


.dialog {
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: #EEEEEE;
	background-color: #7081B1;
	padding: 0px;
	margin: 0px;
	height: 16px;
}
.dialog-top {
	color: black;
	background: #CCCCCC url(/images/dialog_top.png) repeat-x right; 
	height: 7px;
}
.dialog-title {
	color: #444444;
	background-color: #CCCCCC;
	font-weight: bold;
	height: 18px;
}
.dialog-subtitle {
	background-color: white;
	color: #444444;
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC; 
}
.dialog-body {
	border-right: 1px solid #999999; 
	border-left: 1px solid #999999; 
	border-top: 1px solid #999999; 
	padding: 3px 3px 3px 10px;
}
.dialog-bottom {
	color: white;
	background: #CCCCCC url(/images/dialog_bottom.png) repeat-x right; 
}

/***********************************************************************
 Forums (UBB)
 ***********************************************************************/

.forum h3 { 
	margin: 4px;
	border-bottom: 1px solid #cccccc;
	font-size: 10pt;
	color: #444444;
	background-color: transparent;
}
.forum li, .forum ul, .forum ol {
	list-style-image: none;
	font-size: 8pt;
	line-height: 8pt;
	margin-left: 10px;
	margin-bottom: 4px;
	margin-top: 4px;
	padding: 0;
}

/***********************************************************************
 Deprecated
 ***********************************************************************/

.tablei {
	border-left: 1px solid #B7C147;
	border-bottom: 1px solid #B7C147;
}
.tablej {
	border-bottom: 1px solid #B7C147;
}
.tablek {
	border-left: 1px solid #B7C147;
	border-right: 1px solid #B7C147;
	border-bottom: 1px solid #B7C147;
}
.tablel {
	border-left: 1px solid #B7C147;
	border-right: 1px solid #B7C147;
}
.tablen {
	border-left: 1px solid #B7C147;
	border-right: 1px solid #B7C147;
	border-top: 1px solid #B7C147;
}

.dialoglayered {
	background: white url(/images/new/dialoglayered.png) no-repeat;
	color: #CCCCCC;
	width: 585px;
	height: 250px;
}
.dialoglayered p {
	font-size: 10pt;
	line-height: 13pt;
	margin-top: 0px;
	color: #333333;
}
.dialoglayeritem { 
	visibility: hidden; 
	font-weight: normal;
	text-align: justify;
	background-color: transparent;
	color: black;
}
.mainpage_frontpage
{
	border-bottom: 1px solid #CCCCCC;
	background: transparent url(/images/new/main_bw_biz.jpg) no-repeat; background-position: right top;
	color: #000000;
}
.mainpage_services
{
	border-bottom: 1px solid #CCCCCC;
	background: transparent url(/images/new/main_bw_services.jpg) no-repeat; background-position: right bottom;
	color: #000000;
}
.mainpage_edu
{
	border-bottom: 1px solid #CCCCCC;
	background: transparent url(/images/new/main_bw_edu.jpg) no-repeat; background-position: right bottom;
	color: #000000;
}
.mainpage_business
{
	border-bottom: 1px solid #CCCCCC;
	background: transparent url(/images/new/main_bw_biz.jpg) no-repeat; background-position: right bottom;
	color: #000000;
}
.mainpage_home
{
	border-bottom: 1px solid #CCCCCC;
	background: transparent url(/images/new/main_bw_home.jpg) no-repeat; background-position: right bottom;
	color: #000000;
}