﻿.dtg
{
	font-family: Verdana, Century Gothic, Arial;
	font-size: 11px;
	background-color: #DDDDDD;
	text-align: left;
}

.dtgHeader
{
	background-image: url(imawebges/dtgHeaderBG.gif);
	font-family: Verdana, Century Gothic, Arial;
	font-size: 11px;
	background-repeat: repeat-x;
	font-weight: bold;
	height: 24px;
	padding: 0px 3px 0px 3px;
	background-color: #DDDDDD;
	text-align: left;
}

.dtgHeader th
{
	text-align: left;
}

.dtgPadding
{
	padding: 5px 5px 5px 5px;
}

.ActionButton
{
	font-size: 11px;
	border-right: #104a7b 1px solid;
	border-bottom: #104a7b 1px solid;
	border-top: #afc4d5 1px solid;
	border-left: #afc4d5 1px solid;
	cursor: hand;
	color: #000066;
	font-family: Verdana, Arial;
	height: 19px;
	width: 62px;
	text-decoration: none;
	background-image: url(images/buttonBG.gif);
}

.indicator
{
	vertical-align: top;
	padding-top: 5px;
}

.file
{
	font-family: Arial, Tahoma;
	font-size: 11px;
	background-color: Gainsboro;
	width: 300px;
}

.TableHeader
{
	font-family: Arial, Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #555555;
	border-bottom: solid 1px #B0BEC7;
	border-top: solid 1px #B0BEC7;
	border-right: solid 1px #B0BEC7;
	border-left: solid 1px #B0BEC7;
	padding: 4px 10px 0px 10px;
	background-image: url(images/panelBG.gif);
	background-repeat: repeat-x;
	text-align: left;
	vertical-align: middle;
	height: 19px;
}

.TableCell
{
	font-family: Arial, Tahoma;
	font-size: 11px;
	color: Black;
	padding: 10px 10px 10px 10px;
	border-bottom: solid 1px #B0BEC7;
	border-top: none 0px #B0BEC7;
	border-right: solid 1px #B0BEC7;
	border-left: solid 1px #B0BEC7;
	text-align: left;
	vertical-align: top;
	background-color: White;
}

.txtHidden
{
	color: White;
	border: 0;
	width: 0px;
	font-size: 1px;
	height: 0;
}

.txtCurrency
{
	font-family: Arial, Tahoma;
	font-size: 11px;
	width: 102px;
	text-align: right;
}

.txtSmall
{
	font-family: Arial, Tahoma;
	font-size: 11px;
	width: 60px;
}

.txtMedium
{
	font-family: Arial, Tahoma;
	font-size: 11px;
	width: 120px;
}

.txtWeb
{
	font-family: Arial, Tahoma;
	font-size: 11px;
	width: 150px;
}

.txtWeb2
{
	color: White;
	font-family: Arial, Tahoma;
	font-size: 11px;
	width: 150px;
	background-color: #0099FF;
}


.txtLarge
{
	font-family: Arial, Tahoma;
	font-size: 11px;
	width: 250px;
}

.txtLargeDDL
{
	font-family: Arial, Tahoma;
	font-size: 11px;
	width: 256px;
}

.txtXLarge
{
	font-family: Arial, Tahoma;
	font-size: 11px;
	width: 400px;
}

.txtMulti
{
	font-family: Arial, Tahoma;
	font-size: 11px;
	width: 300px;
	height: 80px;
}

.txtMultiLarge
{
	font-family: Arial, Tahoma;
	font-size: 11px;
	width: 500px;
	height: 150px;
}

.txtMultiXLarge
{
	font-family: Arial, Tahoma;
	font-size: 11px;
	width: 99%;
	height: 80px;
}
/* Text */

.subtitleSmall
{
	font-family: Arial , Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.defaultInfo
{
	font-family: Arial, Tahoma;
	font-size: 11px;
	color: Black;
}

.defaultText
{
	font-family: Arial, Tahoma;
	font-size: 12px;
	color: black;
	text-transform: capitalize;
}

.defaultText A:Link
{
	color: Blue;
}

.defaultText A:Hover
{
	color: silver;
}

.defaultText A:visited
{
	color: Blue;
}

.error
{
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: Red;
}

.note
{
	font-size: 10px;
	font-family: verdana, Helvetica, sans-serif;
	color: Blue;
	font-style: italic;
}

/* Header Range */
.webtitle
{
	font-family: Lucida Sans,Comic Sans MS,Century Gothic;
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	color: #273a74;
}

.title
{
	font-family: Arial , Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}


/* Tab and Multipage */
.tabBG
{
	background-image: url(images/tabBG_e.gif);
	background-repeat: repeat-x;
	width: 100%;
}

.tabItem
{
	border-bottom: solid 0px #666666;
	border-top: solid 1px #CFE1ED;
	border-right: solid 1px #CFE1ED;
	border-left: solid 1px #CFE1ED;
	color: Black;
	text-align: center;
	font-family: Arial, Tahoma;
	font-size: 11px;
	background-image: url(images/tabBG.gif);
	background-repeat: repeat-x;
	height: 18px;
}

.tabItem td a
{
	display: block;
	padding: 3px 10px 0px 10px;
}

.tabSelected
{
	border-bottom: solid 0px #B0BEC7;
	border-top: solid 1px #B0BEC7;
	border-right: solid 1px #B0BEC7;
	border-left: solid 1px #B0BEC7;
	background-image: url(images/tabBG_s.gif);
	background-repeat: repeat-x;
	height: 18px;
	font-weight: bold;
	font-family: Arial, Tahoma;
	font-size: 11px;
	text-align: center;
}


.tabItemHover
{
	border-bottom: solid 0px #B0BEC7;
	border-top: solid 1px #B0BEC7;
	border-right: solid 1px #B0BEC7;
	border-left: solid 1px #B0BEC7;
}

.tabItemHover a:hover
{
	text-decoration: underline;
}

.PageView
{
	background-color: white;
	font-family: Arial, Tahoma;
	font-size: 11px;
	border-bottom: solid 1px #B0BEC7;
	border-top: solid 0px #B0BEC7;
	border-right: solid 1px #B0BEC7;
	border-left: solid 1px #B0BEC7;
	padding: 20px 10px 20px 10px;
	vertical-align: top;
	width: 100%;
	height: 200px;
}

/* Navigation Manu */

.menustyle
{
	border: solid 0px black;
	margin: 0px;
	white-space: nowrap;
}

.submenustyle
{
	background-color: #E9F2F8;
	border: 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #4791C5;
}

.menuitem
{
	font-family: verdana;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	border-bottom: solid 0px #333333;
	border-right: solid 0px #333333;
	border-left: solid 0px #FCFCFC;
	border-top: solid 0px #FCFCFC;
	margin: 0px;
	white-space: nowrap;
	cursor: hand;
	height: 20px;
}

.mouseover
{
	font-family: verdana;
	font-size: 11px;
	color: black;
	font-weight: bold;
	background-image: url(images/menuBGO.gif);
	border-bottom: solid 0px #333333;
	border-right: solid 0px #333333;
	border-left: solid 0px #FCFCFC;
	border-top: solid 0px #FCFCFC;
	margin: 0px;
	white-space: nowrap;
	cursor: hand;
	height: 20px;
}

.menusubitem
{
	font-family: verdana;
	font-size: 11px;
	color: black;
	border: 0px;
	border-style: none;
	border-color: #E9F2F8;
	background-color: #E9F2F8;
	margin: 0px;
	white-space: nowrap;
	cursor: hand;
	height: 20px;
}

.submouseover
{
	font-family: verdana;
	font-size: 11px;
	color: black;
	border: 0px;
	border-style: none;
	border-color: #B0CCE9;
	background-color: #B0CCE9;
	margin: 0px;
	white-space: nowrap;
	cursor: hand;
	text-decoration: none;
	height: 20px;
}

.menuitem td a
{
	display: block;
	padding: 4px 10px 0px 10px;
}

.menusubitem td a
{
	display: block;
	padding: 4px 10px 0px 10px;
}

.mouseover a:hover
{
	text-decoration: none;
}


.submouseover a:hover
{
	text-decoration: none;
}

/* For Printing */
.txtSmallPrint
{
	font-family: Arial, Tahoma;
	border-bottom: solid 1px #333333;
	border-top: none 0px #333333;
	border-left: none 0px #333333;
	border-right: none 0px #333333;
	font-size: 11px;
	width: 40px;
}

.txtMediumPrint
{
	font-family: Arial, Tahoma;
	border-bottom: solid 1px #333333;
	border-top: none 0px #333333;
	border-left: none 0px #333333;
	border-right: none 0px #333333;
	font-size: 11px;
	width: 120px;
}

.txtLargePrint
{
	font-family: Arial, Tahoma;
	border-bottom: solid 1px #333333;
	border-top: none 0px #333333;
	border-left: none 0px #333333;
	border-right: none 0px #333333;
	font-size: 11px;
	width: 180px;
}

.txtFullPrint
{
	font-family: Arial, Tahoma;
	border-bottom: solid 1px #333333;
	border-top: none 0px #333333;
	border-left: none 0px #333333;
	border-right: none 0px #333333;
	font-size: 11px;
	width: 100%;
}

.txtMultiPrint
{
	font-family: Arial, Tahoma;
	font-size: 11px;
	border-bottom: solid 1px #333333;
	border-top: none 0px #333333;
	border-left: none 0px #333333;
	border-right: none 0px #333333;
	width: 100%;
	height: 30px;
}

/* For Web */
.txtSmallEmpty
{
	font-family: Arial, Tahoma;
	border-bottom: solid 0px #333333;
	border-top: none 0px #333333;
	border-left: none 0px #333333;
	border-right: none 0px #333333;
	font-size: 11px;
	width: 40px;
	font-weight: bold;
}

.txtMediumEmpty
{
	font-family: Arial, Tahoma;
	border-bottom: solid 0px #333333;
	border-top: none 0px #333333;
	border-left: none 0px #333333;
	border-right: none 0px #333333;
	font-size: 11px;
	width: 120px;
	font-weight: bold;
}

.txtLargeEmpty
{
	font-family: Arial, Tahoma;
	border-bottom: solid 0px #333333;
	border-top: none 0px #333333;
	border-left: none 0px #333333;
	border-right: none 0px #333333;
	font-size: 11px;
	width: 180px;
	font-weight: bold;
}

.txtFullEmpty
{
	font-family: Arial, Tahoma;
	border-bottom: solid 0px #333333;
	border-top: none 0px #333333;
	border-left: none 0px #333333;
	border-right: none 0px #333333;
	font-size: 11px;
	width: 100%;
	font-weight: bold;
}

.txtMultiEmpty
{
	font-family: Arial, Tahoma;
	font-size: 11px;
	border-bottom: solid 0px #333333;
	border-top: none 0px #333333;
	border-left: none 0px #333333;
	border-right: none 0px #333333;
	width: 100%;
	height: 30px;
	font-weight: bold;
}


.pager span
{
	font-weight: bold;
	color: White;
}
