﻿/* Common styles */

body
{
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial;
	background-color: #ffffff;
	color: #000000;
	margin: 0px;
}

select, input, textarea
{
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial;
}

a:active, a:link, a:visited
{
	color: #0000ff;
	text-decoration: none;
}

a:hover
{
	color: #ff6600;
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6
{
	padding: 0px;
	margin: 0px;
	clear: both;
}

ul
{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

li
{
	padding-left: 15px; 
	margin: 0px;
}

ul li
{
	background:url(../../Image/bullet.gif) no-repeat;
	vertical-align: top;
}

/* Top bar and modal popup styles */
/*
.topBar
{
	background-image: url(../../Image/topbar.gif);
	background-repeat: repeat-x;
	font-size: 7pt;
	color: #444444;
}
*/

.helpToolTip
{
	z-index: 1;
	background: #ffffbb;
	font-size: 8pt;
	text-align: left;
	color: #000000;
	padding: 4px;
	margin-left: 10px;
	margin-top: 10px;
	/*
	filter: alpha(opacity=90);
	opacity: 0.9;
	*/
	border: #ffcc33 1px solid;
}

.popup
{
	background: #ddeeff;
	font-size: 8pt;
	text-align: left;
	color: #000000;
	border: #99ccff 1px solid;
	visibility: hidden;
}

/*
.popup
{
	border: solid 2px #6699cc;
	background: #ddeeff;	
	font-size: 8pt;
	text-align: left;
	color: #000;
	width: 350px;
}

.popupHeader
{
	background-color: #6699cc;
	color: #ffffff;
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
	width: 350px;
	padding-bottom: 2px;
}

.popupOld
{
	border: solid 1px #666;
	background: #ccc;
	padding: 8px;
	font-size: 8pt;
	text-align: left;
	color: #000;
}

.modalBackground
{
	background-color: #808099;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
*/

.loading
{
	vertical-align: middle;
	color: #696969;
}

/* General UI styles */
.error
{
	font-size: 7pt;
}

.message
{
	color: #6699cc;
}

.textPageArea
{
	font-size: 9pt;
	padding: 15px;
	color: #696969;
}

.contentTitle
{
	color: #000066;
	font-size: 12pt;
	font-weight: bold;
}

.contentDescription
{
	color: #6699cc;
	font-size: 8pt;
	font-weight: normal;
}

.copyright, .copyright a:active, .copyright a:link, .copyright a:visited, .copyright a:hover
{
	color: #696969;
}

.infoBox
{
	border-style: none solid solid none;
	border-width: 1px;
	border-color: #99ccff;
	background-color: #ddeeff;
	padding: 5px;
}

.example
{
	border-left-style: double;
	border-left-width: 3px;
	border-left-color: #999999;
	padding: 6px;
	background: url(../../Image/example.jpg) repeat;
}

.mark
{
	background-color: #ffffbb;
}

.contentTopBar
{
	background-color: #ddeeff;
	border-bottom: #99ccff 1px solid;
}

.contentRightBar
{
	background-color: #ddeeff;
	border-left: #99ccff 1px solid;
}

.contentBottomBar
{
	color: #6699cc;
	background-color: #ddeeff;
	border-top: #99ccff 1px solid;
	border-bottom: #99ccff 1px solid;
}

.defaultBkgnd
{
	background-color: #ffffff;
	border: #99ccff 1px solid;
}

.search .search a:active, .search a:link, .search a:visited, .search a:hover
{
	color: #FFFFFF;
}

input.search
{
	font-size: 7pt;
	color: #6699cc;
	font-weight: bold;
}

/* Menu styles */
.menuBar
{
	background-image: url(menubar.gif);
	background-repeat: repeat-x;
}

.menuBarLinks
{
	color: #ffff87;
	padding-right: 6px;
	font-size: 7pt;
}

.menuItemEnabled, .menuItemEnabled a:active, .menuItemEnabled a:link, .menuItemEnabled a:visited
{
	font-weight: bold;
	color: #ffffff;
	padding-right: 4px;
	padding-left: 4px;
	height: 25px;
}

.menuItemSelected
{
	color: #000066;
	background-color: #99ccff;
	height: 25px;
}

.menuItemHover, .menuItemHover a:hover
{
	text-decoration: none;
	color: #99ccff;
	background-color: Transparent;
}

.subMenuItemEnabled
{
	color: #000000;
	padding-right: 4px;
	padding-left: 4px;
	height: 20px;
	background-color: #99ccff;
	border-bottom: solid 1px #6699cc;
}


.subMenuItemHover, .subMenuItemHover a:hover
{
	text-decoration: none;
	color: #000000;
	background-color: #ff9933;
	border-bottom: solid 1px #ff6600;
}

.headerLink, .headerLink a:active, .headerLink a:link, .headerLink a:visited, .headerLink a:hover
{
	color: #ffffff;
	font-size: 7pt;
	font-weight: normal;
}

/* Ajax tab container style */
.ajaxTab .ajax__tab_header 
{
	color: #6699cc;
    font-family: Tahoma, Verdana, Arial;
    font-size: 9pt;
    border-bottom:solid 1px #6699cc;
    font-weight: bold;
}

.ajaxTab .ajax__tab_header .ajax__tab_outer 
{
    /* background: url(../../Image/sprite.png) #d8d8d8 repeat-x; */
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #6699cc;
    border-bottom-width:0px;
}

.ajaxTab .ajax__tab_header .ajax__tab_tab
{    
    /*padding:0.35em 0.75em;*/
    padding: 2px 6px;
    margin-right:0.01em;
}

.ajaxTab .ajax__tab_hover .ajax__tab_outer 
{
    /* background: url(../../Image/sprite.png) #bfdaff repeat-x left -1300px; */
	/* background-color: #ddeeff; */
	color: #000000;
}

.ajaxTab .ajax__tab_active .ajax__tab_tab 
{
    color: #ffffff;
}

.ajaxTab .ajax__tab_active .ajax__tab_outer
{
    /* background:url(../../Image/sprite.png) #ddeeff repeat-x left -1400px; */
    background-color: #6699cc; /*99ccff;*/
}

.ajaxTab .ajax__tab_body
{
    font-family: Tahoma, Verdana, Arial;
    font-size: 9pt;
    padding: 3px;
    background-color: #ddeeff;
    border: solid 1px #6699cc;
    border-top-width: 0px;
}

/* BizObj grid styles */
.bizObjItem
{
	border: #99ccff 1px solid; /*c0c0c0*/
	vertical-align: top;
	font-size: 9pt;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial;
	background-color: #ffffff;
}

.bizObjItemTitle, .bizObjItemTitle a:active, .bizObjItemTitle a:link, .bizObjItemTitle a:visited, .bizObjItemTitle a:hover
{
	color: #000066;
	font-size: 10pt;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial;
}

.bizObjDescription
{
	color: #696969;
	font-size: 8pt;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial;
	padding-bottom: 4px;
}

/* Rss Feed styles */
.rssHeader
{
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial;
	color: #6699cc;
	padding: 2px 2px 0px 2px;
}

.rssHeaderSelected
{
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial;
	font-weight: bold;
	color: #ff6600;
	padding: 2px 2px 0px 2px;
}

.rssContent
{
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial;
	color: #696969;
	padding: 0px 2px 2px 6px;
}

/* Image Option Box styles */
.optionBoxBkgnd
{
	background-color: #6699cc;
}

.optionBoxHeader
{
	padding: 3px;
	font-size: 9pt;
	font-weight: bold;
	color: #ffffff;
	background-color: #6699cc;
}

.optionBoxLink, .optionBoxLink a:active, .optionBoxLink a:link, .optionBoxLink a:visited, .optionBoxLink a:hover
{
	padding: 3px;
	color: #ffffff;
	font-size: 7pt;
	font-weight: normal;
}

.optionBoxImage
{
	text-align: center;
	vertical-align: middle;
	background-color: #ffffff;
}

.optionBoxItem
{
	padding: 3px;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	background-color: #ddeeff;
	cursor: pointer;
}

.optionBoxItemSelected
{
	padding: 3px;
	font-size: 9pt;	
	font-weight: bold;
	color: #000000;
	background-color: #99ccff;
	cursor: pointer;
}

/* Input styles */
.inBkgnd
{
	background-color: #999999;
}

.inHead
{
	background-color: #999999;
	color: #ffffff;
	font-weight: bold;
}

.inSubHead
{
	background-color: #dcdcdc;
	text-align: center;
}

.inItem
{
	text-align: center;
	background-color: #ffffff;
}

/* Output styles */
.outBkgnd
{
	background-color: #6699cc;
}

.outHead
{
	background-color: #6699cc;
	color: #ffffff;
	font-weight: bold;
}

.outSubHead
{
	background-color: #99ccff;
	text-align: center;
}

.outItem
{
	text-align: center;
	background-color: #ffffff;
}

.outItem2
{
	text-align: center;
	background-color: #ddeeff;
}

.outBorder
{
	border-color: #6699cc;
}