body {
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: 0.03em;
	color: #000;
	background-color: #fff;
}
Body.White{
	background-color: #fff;
}
#Content{
	background-color: #fff;
	letter-spacing: 0px;
}
h1, h2, h3, h4, h5, p{
    margin: 0;
    padding: 0;
}
/*** Basic styles ***/
img {
	border: 0;
}
img.InlineIcon, a.InlineIcon img{
    vertical-align: text-bottom;
}
a:link,a:visited{
	color: #00467f;
	text-decoration: underline;
	padding: 2px;
}
a:link.inactive,a:visited.inactive{
	color: #5A5A5A;
	padding: 2px;
	cursor: default;
	text-decoration: none;
}
a:hover{
	color: #fff;
	padding: 2px;
	background-color: #0062B2;
	text-decoration: none;
}
a:hover.inactive{
	color: #5A5A5A;
	background-color: transparent;
	padding: 2px;
	cursor: pointer;
}
a.LinkButton:link, a.LinkButton:visited{
    text-decoration: none;
}
a.ImageLink:link, a.ImageLink:visited, a.ImageLink:hover{
    text-decoration: none;
    background-color: Transparent;
}
/*** Headings and paragraphs ***/
h2{
	margin-top: 8px;
	margin-bottom: 7px;
	font-size: 18px;
}
h3{
	margin: 18px 0 7px 0;
	font-size: 16px;
}
h4{
	font-size: 14px;
	margin: 8px 0 6px 0;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, p:first-child{
    margin-top: 0;
}
h1.first-child, h2.first-child, h3.first-child, h4.first-child, h5.first-child, p.first-child{
    margin-top: 0;
}
p{
	margin: 7px 0 10px 0;
	line-height: 140%;
	letter-spacing: 0.025em;
	word-spacing: 0.05em;
	/*text-indent: 21px;*/
	max-width: 490px;
}
p.first-child, p.NoIndent, p.Strong{
    text-indent: 0px;
}
p:first-child, h1+p, h2+p, h3+p, h4+p, h5+p{
    text-indent: 0px;
}
p[lang="ja"]:first-child, h1+p[lang="ja"], h2+p[lang="ja"], h3+p[lang="ja"], h4+p, h5+p[lang="ja"]{
    /*text-indent: 21px;*/
}
p[lang="en"]:first-child, h1+p[lang="en"], h2+p[lang="en"], h3+p[lang="en"], h4+p, h5+p[lang="en"]{
    text-indent: 0px;
}
p.Large{
    font-size: 14px;
}
.AlertPopup p{
    max-width: 100%;
}
hr {
	clear: both;
	height: 1px;
	background-color: #c8ccd0;
	color: #c8ccd0;
	border: 0;
}

/*** Colors ***/
.Green{
	color: #477100;
}
.Blue{
	color: #00467F;
}
.Gray{color: #333}
.LightGray{color: #454545;}
.LightBlue{
	color: #0062B2;
}
.Orange{
	color: #BB5800;
}
.Strong{
	font-weight: bold;
}

/*** Alignment ***/
.LeftAligned{
	text-align: left;
}
.CenterAligned{
	text-align: center;
}
.RightAligned{
	text-align: right;
}
.CenteredBlock{
	margin-left: auto;
	margin-right: auto;
}

.Hints{
	font-size: 10px;
}
.Warning, .Error
{
    color: #9E1C26;
}
.Clear{
	display: block;
	clear: both;
	float: none;
}
.LayoutTable{
	width: 100%;
}
.LayoutTable td{
	vertical-align: top;
}
/*** form elements starts ***/
form {
	margin: 0;
	padding: 0;
}
button, input.button, input.Button, input.SmallButton{
	color: #fff;
	font-size: 12px;
	border: 1px solid #477100;
	background-color: #7bbd55;
	background-image: url(../images/ButtonBrg.gif);
	background-repeat: repeat-x;
}
button, input.button, input.Button, input.DisabledButton, input.BlueButton{
	font-weight: bold;
}
.ButtonMinWidth{
	width: 60px;
}
input.SmallButton{
	padding: 2px 3px;
}
input.BlueButton{
	margin-right: 5px;
	color: #fff;
	font-size: 12px;
	border-width: 1px;
	border-style: solid;
	border-color: #072d4c;
	background-color: #01569b;
	background-image: url(../images/BlueButtonBrg.gif);
	background-repeat: repeat-x;
	vertical-align: bottom;
	padding: 4px;
	line-height: 0.9em;
}
.DisabledButton{
	color: #fff;
	font-size: 12px;
	border: 1px solid #000;
	background-color: #535353;
	background-image: url(../images/DisabledButtonBrg.gif);
	background-repeat: repeat-x;
}
input.Disabled{
	background-image: none;
	background-color: #5A5A5A;
	border-color: #000;
	color: #fff;
}
img.ImageButton{
    cursor: pointer;
}
.RightAlignedButton button, .RightAlignedButton input.button, .RightAlignedButton input.Button, .RightAlignedButton input.SmallButton, .RightAlignedButton a{
	margin-right: 0;
	margin-left: 5px;
}
input.InputField{
	margin: 0;
	width: 170px;
	padding: 2px 5px 2px 5px;
	border: 1px solid #556CA0;
	font-size: 13px;
	font-family: Helvetica, Arial, sans-serif;
	vertical-align: middle;
}
input.CheckBox, input[type="checkbox"]{
	padding: 0;
	margin: 0px 10px 2px 0;
	vertical-align: middle;
}
input.Radio{
	margin:0;
	padding: 0;
}
input.Cancel{
	margin: 0;
	color: #00467F;
	font-size: 12px;
	background-color: #fff;
	border: 1px solid #fff;
}
select {
	border: 1px solid #556ca0;
	padding: 2px 1px;
	background-color: #fff;
	width: 239px;
}
textarea{
	border: 1px solid #556CA0;
}
fieldset{
	border-width: 0px;
	padding: 0;
	margin: 0;
}
Legend{
	margin-left: 0px;
	padding: 0.4em 0;
	font-weight: bold;
	color: #000;
}
fieldset div.Legend{
	padding: 0.4em 0;
	font-weight: bold;
	color: #000;
}
.FieldLabelValid {
	font-weight: bold;
	color: #00559B;
}
.FieldLabelInvalid {
	color: #9E1C26;
	font-weight: bold;
}
td.Label{
	padding: 4px 7px 0 0;
	text-align: right;
	vertical-align: top;
}
td.InputBox{
    padding: 0px 0px 10px 0;
	vertical-align:top;
}
td.FormAssistant{
    padding: 4px 0 0 0;
	vertical-align:top;
}
div.FieldBlock{
	padding: 0px 0px 9px 0;
	line-height: 130%;
}
div.FieldBlock input.InputField, div.FieldBlock select{
	margin-top: 3px;
	/*margin-top: 0px;*/ /*** Review ***/
}
div.FieldBlock div.ErrLabels{
	padding-top: 2px;
	font-size: 11px;
}
img.FormAssistant{
	display: none;
	vertical-align: middle;
}
div.FieldBlock .Orange, div.FieldBlock .Warning{
	font-weight: bold;
}
div.FormHelp{
	font-size: x-small;
	padding-top: 1px;
}
.LeftAlignedButton{
	position: relative;
	text-align: left;
	margin: 7px 0 26px 0;
}
.CenterAlignedButton{
	text-align: center;
	margin: 8px 0;
}
.RightAlignedButton{
	text-align: right;
	margin: 8px 0;
}
.LeftAlignedButton a.RightAligned{
	position: absolute;
	top: 0.3em;
	right: 0;
}
.AsWideAsInputBox{
	width: 22.05em;
}
.UpgradeDataList span{
	display: block;
}
/*** form elements ends ***/
/*** Header start ***/
#Header {
	background: url(../images/HeaderBrgTop.png) repeat-x left top;
	border-width: 1px;
	border-style: solid;
	border-top-color: #a9cbf8;
	border-left-color: #8aaad4;
	border-bottom-color: #9fbce2;
	border-right-color: #6c83a2;
	background-color: #fff;
}
#HeaderInner {
	background: url(../images/HeaderBrgBtm.png) repeat-x left bottom;
	height: 100%;
}
#HeaderHolder{margin: 0 auto;}


.FixedHeader{width: 960px; margin: 0 auto;}
.LiquidHeader{min-width: 988px; _width: expression(document.documentElement.clientWidth < 990 ? "988px" : "auto" );}
#HeaderHolder.FixedHeader{position: relative;}

.FixedHeaderDropshadow{width: 960px; margin: 0 auto;}
.LiquidHeaderDropshadow{min-width: 990px; _width: expression(document.documentElement.clientWidth < 990 ? "990px" : "auto" );}


#header a:link, #header a:hover, #header a:visited {
	border: 0;
}
#Header h1{
	background-image: url("../images/glb_logo.gif");
	background-repeat: no-repeat;
	font-size: 0;
	position: absolute;
	top: 17px;
	left: 25px;
}
#Header h1 a, #Header h1 a:hover, #Header h1 span{
	display: block;
	width: 171px;
	height: 36px;
	text-align: left;
	background-color: transparent;
	color: #fff;
}
#Header h1 span{
	cursor: default;
}
#Header h2{
	clear: both;
	margin: 0 20px 0 244px;
	padding-top: 0.8em;
	padding-bottom: 16px;
	font-size: 14px;
	color: #0062B2;
	visibility: hidden;
}
#Header h2.Marketing{
	padding-bottom: 9px;
}
.PageTitleBar {
	clear: both;
	padding: 0;
	background-image: url(../images/GalleryNavBarBrg.jpg);
	background-color: #DFEBFC;
	background-position: bottom;
	border-bottom: 1px solid #859EBF;
	color: #00467F;
	font-size: 17px;
}
.PageTitleBarInner{
	margin: 0 auto;
	padding: 0.3em 25px;
	
}
#PageTitleBar.FixedLayout{width: 960px; margin: 0 auto;	border-width: 1px;border-top-width: 0px;border-style: solid;border-top-color: #a9cbf8;border-left-color: #8aaad4;border-bottom-color: #9fbce2;border-right-color: #6c83a2;}
#PageTitleBar.LiquidLayout{	min-width: 990px; _width: expression(document.documentElement.clientWidth < 990 ? "990px" : "auto" ); }
#PageTitleBar.FixedLayout .PageTitleBarInner{}
#PageTitleBar.LiquidLayout .PageTitleBarInner{min-width: 956px; _width: expression(document.documentElement.clientWidth < 956 ? "956px" : "auto" );}

.PageTitleBar a, .PageTitleBar a:visited{
	text-decoration: none;
	padding: 0;
}
.PageTitleBar a:hover{
	text-decoration: underline;
	background-color: transparent;
	color: #00467f;
	padding: 0;
}
/*** Header link bar starts ***/
#TopNav {
	z-index: 10;
	padding: 0.8em 0px 0.5em 170px;
	color: #00467F;
	text-align: right;
	overflow: visible;
	line-height: 80%;
	text-decoration: none;
	min-height: 0.8em;
}
#TopNav a:link, #TopNav a:hover, #TopNav a:visited{
	text-decoration: none;
}
#TopNav ul, #TopNav li{
	list-style: none;
}
#TopNav ul{
	margin: 0px;
	padding-right: 0px;
}
#TopNav li {
	display: inline;
	padding: 0 6px 0 10px;
	margin: 0;
	background: url(../images/LinkSeperatorBlue.gif) no-repeat 0px center;
}
#TopNav ul li:first-child, #TopNav ul li.first-child{
	background-image: none;
}
#WelcomeText{
	font-weight: bold;
}
/*** Language dropdown menu starts ***/
#TopNav .Language{
	position: relative;
	z-index: 10;
}
#LanguageLink{
	background-image: url(../images/ddmenu-arrow.gif);
	background-repeat: no-repeat;
	background-position: 94% 4px;
	padding-right: 17px;
	z-index: 10;
}
#LanguageLink.Hover{
	background-image: url(../images/ddmenu-arrow-selected.gif);
	background-color: #0062B2;
	background-repeat: no-repeat;
	background-position: 94% 4px;
	padding-right: 17px;
	color: #fff;
}
#TopNav ul.LangList{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 1.5em 0 0 10px;
	padding: 4px 0 2px 0;
	min-width: 7em;
	border: 1px solid #0071d1;
	background-color: #fff;
	color: Black;
	text-align: left;
	z-index: 10;
}
#TopNav ul.LangList li{
	display: block;
	margin-bottom: 4px;
	text-align: left;
	list-style: none;
	background-image: none;
	padding: 0;
	cursor: default;
}
#TopNav ul.LangList li a{
	display: block;
	color: black;
	padding: 6px 6px 4px 25px;
}
#TopNav ul.LangList li a:hover, #TopNav ul.LangList li:hover{
	background-color: #d6e8fe;
}
#TopNav ul.LangList li.currentCulture{
	padding: 6px 6px 4px 25px;
	background-image: url(../images/CheckMark.gif);
	background-repeat: no-repeat;
	background-position: 9px 4px;
}
/*** Language dropdown menu ends ***/
/*** Header link bar end ***/

/*** Footer navigation bar starts ***/
#BottomNav ul{
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: center;
}
#BottomNav li {
	display: inline;
	padding: 0 6px 0 10px;
	background: url(../images/LinkSeperatorBlue.gif) no-repeat 0px center;
}
#BottomNav li.first-child {
	background-image: none;
}
#BottomNav a:link, #BottomNav a:hover, #BottomNav a:visited{
	text-decoration: none;
}
/*** Footer navigation bar ends ***/

/*** Footer link bar starts ***/
.LinkBar {
	margin: 0;
	color: #00467F;
	text-align: left;
	overflow: hidden;
	line-height: 100%;
	text-decoration: none;
}
.LinkBar a:link, .LinkBar a:hover, .LinkBar a:visited{
	text-decoration: none;
}
.LinkBar ul, .LinkBar li{
	list-style: none;
}
.LinkBar ul{
	margin: 0;
	padding: 0;
}
.LinkBar li {
	display: inline;
	padding: 0 6px 0 10px;
	margin: 0;
	background: url(../images/LinkSeperatorBlue.gif) no-repeat 0px center;
}
.LinkBar li:first-child, .LinkBar li.first-child{
	background-image: none;
}
/*** Footer link bar ends ***/

/******************************/
/***Other Shared UI Elements***/
/******************************/
/*** New window icon ***/
.NewWindowIcon{
	vertical-align: bottom;
	margin: 0 5px;
}
/*** Text styles ***/
a.ActionLink{
	background: url(../images/GreenArrow.gif) no-repeat top left;
	font-weight: bold;
	padding-left: 15px;
	margin-left: 2px;
}
a.ActionLink:hover{
	background-color: #00467F;
	text-decoration: none;
}
.FormHints{
	font-size: 10px;
}
.BlueArrow_Up{
    background: url("../images/Icon_BlueArrow_Up.png") no-repeat;
    background-position: 0 3px;
    padding: 0 0 0 25px;
    color: #0062B2;
    font-weight: bold;
}
.BlueArrow_Right{
    background: url("../images/Icon_BlueArrow_Right.png") no-repeat;
    background-position: right 3px;
    padding: 3px 15px 2px 0px;
    color: #0062B2;
    font-weight: bold;
}
.BlueArrow_Down{
    background: url("../images/Icon_BlueArrow_Down.png") no-repeat;
    background-position: 0 3px;
    padding: 0 0 0 25px;
    color: #0062B2;
    font-weight: bold;
}
.BlueArrow_Left{
    background: url("../images/Icon_BlueArrow_Left.png") no-repeat;
    background-position: 0 3px;
    padding: 0 0 0 25px;
    color: #0062B2;
    font-weight: bold;
}
p.N1, p.N2, p.N3, p.N4, p.N5{
	padding: 2px 0 1px 28px;
	background-position: 1px 0;
	text-indent: 0;
	margin-top: 12px;
}
h3.N1, h3.N2, h3.N3, h3.N4, h3.N5{
	padding: 2px 0px 0.3em 25px;
}
h4.N1, h4.N2, h4.N3, h4.N4, h4.N5{
	padding: 2px 0px 0.3em 25px;
}
.N1{
    background-image: url(../images/Number_GreenCircle_1.png);
	 background-repeat: no-repeat;
}
.N2{
    background-image: url(../images/Number_GreenCircle_2.png);
	 background-repeat: no-repeat;
}
.N3{
    background-image: url(../images/Number_GreenCircle_3.png);
	 background-repeat: no-repeat;
}
.N4{
    background-image: url(../images/Number_GreenCircle_4.png);
	 background-repeat: no-repeat;
}
.N5{
    background-image: url(../images/Number_GreenCircle_5.png);
	 background-repeat: no-repeat;
}

/*** List Styles ***/
ul.BlueDots {
	margin: 0px 0px 14px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	line-height: 1.4em;
}

ul.BlueDots li
{
    margin: 0 0 4px 0;
    padding: 0 0 0 1.6em;
    background-image: url(../images/Icon_BlueDots.gif);
    background-repeat: no-repeat;
    background-position: 0pt 0.375em;
}

/*** Drop shadow ***/
.DropShadow{font-size: 0;}
.DropShadow div{height: 1px;}
.DropShadow .Shadow1{background-color: #e0e0e0;}
.DropShadow .Shadow2{background-color: #e7e7e7;}
.DropShadow .Shadow3{background-color: #f1f1f1;}
.DropShadow .Shadow4{background-color: #f8f8f8;}
.DropShadow .Shadow5{background-color: #fdfdfd;}

/*** Horizental sperator line ***/
.HSeperator{
	background: #556ca0 url(../images/HSeperatorLeft.png) no-repeat top left;
	height: 1px;
	overflow: hidden;
}
.HSeperator div{
	background: url(../images/HSeperatorRight.png) no-repeat top right;
	height: 1px;
	overflow: hidden;
}

/** --- Red tab on yellow bar ----------**/
div.RedTabs{
	clear: both;
	margin-top: 0px;
	border-top: 1px solid #adcef9;
	border-bottom: 1px solid #fff;
	background-color: #adcef9;
	background-image: url(../images/tabBarBackground.jpg);
	background-repeat: repeat-x;
	overflow: visible;
	vertical-align: bottom;
	margin-bottom: 0;
	line-height: 100%;
}
div.RedTabs div.CurrentTab, div.RedTabs div.Tab{
	float: left;
	margin-top: 0.3em;
}
div.RedTabs div.CurrentTab{
	background-color: #fff;
	
}
div.RedTabs div.CurrentTab div{
	color: #000;
	position: relative;
	top: 0px;
	left: 0px;
 	cursor: default;
	z-index: 100;
	background: url(../images/TabSystemL.gif) no-repeat top left;
	background-color: #fff;
	z-index: 1;
}
div.RedTabs div.CurrentTab span, div.RedTabs div.CurrentTab a{
	display: block;
	padding: 0.5em 8px 0.5em 8px;
	background: url(../images/TabSystemR.gif) no-repeat top right;
	color: #000;
	text-decoration: none;
	cursor: default;
	z-index: 100;
}
div.RedTabs div.Tab div{
	padding: 0.5em 8px 0.5em 8px;
	text-align: center;
	cursor: pointer;
}
div.RedTabs div.Tab span, div.RedTabs div.Tab a{
	padding: 0px 8px;
	text-align: center;
	color: #000;
	text-decoration: none;
	background-color: transparent;
}
div.RedTabs div.Tab a:hover{
	text-decoration: underline;
}
div.RedTabs div span.VerticalBar{
	display: none;
	visibility: hidden;
	background: transparent;
	padding-left: 0px;
	padding-right: 0;
	text-align: center;
}

/** --- Blue tabs on dark blue background ---**/
div.BlueTabs{
	clear: both;
	margin-top: 0px;
	border-top: 1px solid #00467f;
	border-bottom: 1px solid #fff;
	background-color: #00467f;
	overflow: visible;
}
div.BlueTabs div {
	float: left;
}
div.BlueTabs span{
/*	display: block;*/
/*	float: left;*/
/*	padding: 0.25em 0px;	*/
}
div.BlueTabs div.CurrentTab{
	background-color: #67a0c6;
}
div.BlueTabs div.CurrentTab div{
	color: #fff;
	position: relative;
	top: -6px;
	left: 0px;
 	cursor: default;
	z-index: 100;
	background: url("../images/BlueTabsL.gif") no-repeat;
	background-color: #67a0c6;
	z-index: 1;
}
div.BlueTabs div.CurrentTab span, div.BlueTabs div.CurrentTab a{
	display: block;
	padding: 0.7em 8px 0em 8px;
	background: url("../images/BlueTabsR.gif") no-repeat top right;
	color: #fff;
	text-decoration: none;
	cursor: default;
	z-index: 100;
}
div.BlueTabs div.Tab div{
	padding: 0.25em 0;
	text-align: center;
	cursor: pointer;
}
div.BlueTabs div.Tab span, div.BlueTabs div.Tab a{
	padding: 0px 8px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background-color: transparent;
}
div.BlueTabs div.Tab a:hover{
	text-decoration: underline;
}
div.BlueTabs div span.VerticalBar{
	display: none;
	background: transparent;
	padding-left: 0px;
	padding-right: 0;
	text-align: center;
}


/*** --- Boxes starts ---***/
.SmallBox{
	width: 320px;
}
.MidBox{
	width: 460px;
}

.MessageBox {
	background-color: #fefdb9;
}
.MessageBoxTop {
	background: url(../images/MessageBoxTR.gif) no-repeat top right;
	font-size: 1px;
	overflow: hidden;
}
.MessageBoxTop div {
	background: url(../images/MessageBoxTL.gif) no-repeat top left;
	height: 7px;
	font-size: 1px;
	overflow: hidden;
}
.MessageBox div.Middle{
	border-left: 1px solid #ffc30e;
	border-right: 1px solid #ffc30e;
	background: url(../images/exclamation_yellow.gif) center no-repeat;
	background-position: 15px 50%;  /*x-pos y-pos*/
}
.MessageBox div.Content{
	padding: 0.5em 1em 0.5em 45px;
}
.MessageBoxBottom {
	background: url(../images/MessageBoxBR.gif) no-repeat bottom right;
	font-size: 1px;
	overflow: hidden;
}
.MessageBoxBottom div {
	background: url(../images/MessageBoxBL.gif) no-repeat top left;
	height: 7px;
	font-size: 1px;
	overflow: hidden;
}

/*** Single border blue box ***/
.BlueBox {
	background-color: #f1f9ff;
}
.BlueBoxTop {
	background: url(../images/BlueBoxTR.gif) no-repeat top right;
	font-size: 1px;
}
.BlueBoxTop div {
	background: url(../images/BlueBoxTL.gif) no-repeat top left;
	height: 8px;
	font-size: 1px;
}
.BlueBox div.Middle{
	border-left: 1px solid #b2ddff;
   border-right: 1px solid #b2ddff;
}
.BlueBox div.Content{
	padding: 0.5em 1em;
}
.BlueBoxBottom {
	background: url(../images/BlueBoxBR.gif) no-repeat bottom right;
	font-size: 1px;
}
.BlueBoxBottom div {
	background: url(../images/BlueBoxBL.gif) no-repeat bottom left;
	font-size: 1px;
	height: 8px;
}

/*** Single border blue box for alert messages. ***/
/*** The blue color is darker. ***/
.BlueAlertBox {
	background-color: #d9e7fc;
}
.BlueAlertBoxTop {
	background: url(../images/BlueAlertBoxTR.png) no-repeat top right;
	font-size: 1px;
}
.BlueAlertBoxTop div {
	background: url(../images/BlueAlertBoxTL.png) no-repeat top left;
	height: 3px;
	font-size: 1px;
}
.BlueAlertBox div.Middle{
    border-left: 1px solid #9fbce2;
    border-right: 1px solid #9fbce2;
}
.BlueAlertBox div.Content{
	padding: 7px 13px;
}
.BlueAlertBoxBottom {
	background: url(../images/BlueAlertBoxBR.png) no-repeat bottom right;
	font-size: 1px;
}
.BlueAlertBoxBottom div {
	background: url(../images/BlueAlertBoxBL.png) no-repeat bottom left;
	font-size: 1px;
	height: 3px;
}

/*** Single border gradient blue box ***/
.BlueGradientBox {
	background: url(../images/BlueGradientBoxM.gif) repeat-y top right;
	background-color: #fff;
}
.BlueGradientBoxTop {
	background: url(../images/BlueGradientBoxTR.gif) no-repeat top right;
	font-size: 1px;
}
.BlueGradientBoxTop div {
	background: url(../images/BlueGradientBoxTL.gif) no-repeat top left;
	height: 12px;
	font-size: 1px;
}
.BlueGradientBox div.Middle{
	margin-right: 8px;
	border-left: 1px solid #90b9d5;
	background: url(../images/BlueGradientBoxMT.gif) repeat-x top left;
}
.BlueGradientBox div.Content{
	padding: 0.5em 1em;
	background-color: #fff;
	background: url(../images/BlueGradientBoxMB.gif) repeat-x bottom left;
}
.BlueGradientBoxBottom {
	background: url(../images/BlueGradientBoxBR.gif) no-repeat bottom right;
	font-size: 1px;
}
.BlueGradientBoxBottom div {
	background: url(../images/BlueGradientBoxBL.gif) no-repeat bottom left;
	font-size: 1px;
	height: 14px;
}
.BlueGradientBox p{
    text-indent: 0;
}

/** Blue Gradient Message Box **/
.GradientOnGraidentBox {
	background: #fff url(../images/GradientOnGraidentBoxM.gif) repeat-y top right;
}
.GradientOnGraidentBoxTop {
	background: url(../images/GradientOnGraidentBoxTR.gif) no-repeat top right;
	font-size: 1px;
}
.GradientOnGraidentBoxTop div {
	background: url(../images/GradientOnGraidentBoxTL.gif) no-repeat top left;
	height: 12px;
	font-size: 1px;
}
.GradientOnGraidentBox div.Middle{
	margin-right: 8px;
	border-left: 1px solid #90b9d5;
	background: url(../images/GradientOnGraidentBoxMT.gif) repeat-x top left;
}
.GradientOnGraidentBox div.Content{
	padding: 0.5em 1em;
	background: url(../images/GradientOnGraidentBoxMB.gif) repeat-x bottom left;
}
.GradientOnGraidentBoxBottom {
	background: url(../images/GradientOnGraidentBoxBR.gif) no-repeat bottom right;
	font-size: 1px;
}
.GradientOnGraidentBoxBottom div {
	background: url(../images/GradientOnGraidentBoxBL.gif) no-repeat bottom left;
	font-size: 1px;
	height: 14px;
}
.GradientOnGraidentBox p{
    text-indent: 0;
}


/** --- Error box. --**/
.ErrorBox{
	background-color: #f2eaeb;
	border: 4px double #901a23;
	padding: 20px 18px 18px 18px;
	margin-top: 22px;
	width: 406px;
}

/** --- Short warning box, yellow background. Should be replaced by message box. --**/
.ShortWarning{
	width: 365px;
	margin: 10px auto;
	background: url(../images/ShortWarning_BrgT.gif) no-repeat left top;
}
.ShortWarning div.Inner{
	padding: 10px;	
	background: url(../images/ShortWarning_BrgB.gif) no-repeat left bottom;
}

/** --- Wide warning box, yellow background. Should be replaced by message box. --**/
.WarningMsg{
	width: 470px;
	margin: 10px 0;
	background: url(../images/WideWarning_BrgT.gif) no-repeat left top;
}
.WarningMsg div.Inner{
	padding: 10px;	
	background: url(../images/WideWarning_BrgB.gif) no-repeat left bottom;
}

/*** Application settings and signup ***/
.BlueBoxSmall{
	clear: both;
	margin: 20px;
	width: 301px;
	background: url(../images/BlueBoxSmallBrgT.gif) no-repeat top left;
}
.BlueBoxSmall div.Inner{
	padding: 10px;
	text-align: left;
	background: url(../images/BlueBoxSmallBrgB.gif) no-repeat bottom left;
	width: 281px;
	word-break: break-all;
	overflow: hidden;
}

/*** Still refrence by a few pages ***/
.BlueBoxMid{
	clear: both;
	margin: 10px;
	width: 580px;
	background: url(../images/BlueBoxMidBrgT.gif) no-repeat top left;
}
.BlueBoxMid div.Inner{
	padding: 10px 10px 10px 10px;
	text-align: left;
	background: url(../images/BlueBoxMidBrgB.gif) no-repeat bottom;
}

/*** Referenced by Business-Card-Scanner.aspx only ***/
div.BlueBoxBig{
	clear: both;
	margin-top: 25px;
	background: url(../images/BlueBoxBigBrgT.gif) no-repeat left top;
}
div.BlueBoxBig div.inner{
	background: url(../images/BlueBoxBigBrgB.gif) no-repeat left bottom;
	padding: 10px;
}

/** -------------------------------------------------------------------**/
.BigGradientBox{
	clear: both;
	margin: 10px;
	width: 726px;
	background: url(../images/BigGradientBoxT.gif) no-repeat top left;
}
.BigGradientBox div.Inner{
	padding: 40px 50px 40px 40px;
	text-align: left;
	background: url(../images/BigGradientBoxB.gif) no-repeat bottom;
}

/*** --- List starts --- ***/
ul.QmarkList{
	padding-left: 15px;
	margin: 12px 0;
}
ul.QmarkList li{
	background-image: url(../images/Icon_QuestionMark.gif);
	background-repeat: no-repeat;
	margin: 9px 0;
	padding-left: 24px;
	list-style: none;
}

ul.SqureMarkList{
	margin-left: 21px;
	padding-left: 0;
}
ul.SqureMarkList li{
	margin: 9px 0;
	padding-left: 0;
	list-style: none outside url(../images/Icon_SolidSqure.gif);
}

ul.EmptySqureList{
	margin: 0 0 0 17px;
	padding: 0;
}
ul.EmptySqureList li{
	margin: 9px 0;
	list-style: none outside url(../images/Icon_EmptySqure.gif);
}
/*** --- List ends --- ***/

/*** Help panel start ***/
.HelpIcon{
	cursor: pointer;
}
#HelpPanelOuter{
	position: absolute;
	top: 50px;
	right: 0;
	border-width: 2px 0 2px 2px;
	border-style: solid;
	border-color: #00467F;
}
#HelpPanel{
	border-width: 6px 0 6px 6px;
	border-style: solid;
	border-color: #0064B9;
	background-color: #fff;
}
#HelpPanelInner{
	border-width: 2px 0 2px 2px;
	border-style: solid;
	border-color: #00467F;
	height: 400px;
	width: 200px;
}
#HelpHeader{
	background-color: #F0FFFF;
}
/*******************************/
/*** Alert Popup ***************/
/*******************************/
.AlertPopup{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}
html > body .AlertPopup{
    position: fixed;
}
.AlertPopupInner{
	min-width: 307px;
	margin: 101px auto;
	background-color: #fff;
	text-align: left;
	border: 1px solid #4E9FD3;
}
.AlertPopup .Header{
	position: relative;
	background-color: #4E9FD3;
	color: #fff;
	padding: 5px 7px;
	font-size: 14px;
	font-weight: bold;
	line-height: 100%;
}
.AlertPopup .Header input{
	position: absolute;
	top: 6px;
	right: 2px;
}
.AlertPopup .Body{
	padding: 18px 20px;
	min-height: 30px;
	overflow: auto;
	border: 1px solid #4E9FD3;
}
.AlertPopup .AlertMsg{
	display: none;
	color: #000;
	padding: 3px 0px 1px 30px;
	background-image: url(../images/Icon_Alert_Large.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.AlertPopup .Body p{
	margin: 0;
}
.AlertPopup .Footer{
	padding: 14px 20px 9px 20px;
	border-style: solid;
	border-color: #4E9FD3;
	border-width: 0px 1px 1px 1px;
	background-color: #CFF0FF;
}
.AlertPopup h4{
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0px;
}
.AlertPopup ol, .AlertPopup ul{
	margin-left: 0;
	padding-left: 20px;
}
.AlertPopup ol.LowerRoman{
	list-style: lower-roman;
}
.AlertPopup ol.LowerRoman li{
	list-style: lower-roman;
}
.AlertPopup dt{
	font-weight: bold;
}
.AlertPopup dd{
	margin: 0;
}
.AlertPopup strong{
	text-decoration: underline;
}

/*** Error Message Window Starts ***/
div.ErrMsgWin{
	position: absolute;
	width: 362px;
	padding: 0px;
	background-color: #fff;
	border: 1px solid #00467F;
	z-index: 100;
	cursor:default;
	visibility: hidden;
}
div.ErrMsgHeaderText{
	background-color: #00467F;
	color: #fff;
	padding-top: 3px;
	padding-left: 3px;
	height: 1.5em;
}
div.ErrMsgBodyText{
	padding: 8px;
}
div.CloseErrMsg{
	text-align: right;
	width: 352px;
	margin-top: 5px;
	margin-bottom: 5px;
	vertical-align: bottom;
	vertical-align: text-bottom;
}
.SemiTransparentBrg, .Backdrop{
	display: none;
	z-index: 50;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: #3D4043;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
html > body .Backdrop{
    position: fixed;
}
.Backdrop{
	display: block;
	width: 100%;
	height: 100%;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
/*** Error Message Window End ***/



/***********************************************/
/*** Should be removed or replaced after 4.6 ***/
/***********************************************/
div.ErrMsgBox{
    clear: both;
	 background-color: #fefdb9;
	 border: 1px solid #ffd544;
}
div.ErrMsgBox div, div.ErrMsgBox ul{
	margin: 0.5em;
}

div.ErrMsgBox ul{
	padding: 0 1.35em;
	list-style-position: outside;
	list-style-type: square;
	color: #9E1C26;
}
/*** Form Validator ***/
h3.Confirmed{
	padding: 1px 0px 1px 32px;
	background-image: url(../images/Icon_Confirmation_Large.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-transform: none;
	font-weight: bold;
}
h3.Failed{
	padding: 1px 0px 1px 32px;
	background-image: url(../images/Icon_Failure_Large.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-transform: none;
	font-weight: bold;
}
h3.Alert{
	padding: 1px 0px 1px 32px;
	background-image: url(../images/Icon_Alert_Large.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-transform: none;
	font-weight: bold;
}
.FormValidator{
	font-size: 11px;
	font-weight: bold;
	padding-left: 7px;
	line-height: 100%;
	margin-left: 0;
	margin-top: 0;
	vertical-align: baseline;
}
span.FormValidatorRequire, .AlertMsg{
	display: none;
	color: #cb6c38;
	padding: 3px 0px 1px 23px;
	padding: 3px 0px 1px 23px;
	background-image: url(../images/Icon_Exclamation.gif);
	background-position: 0 2px;
	background-repeat: no-repeat;
}
span.FormValidatorPass, .SuccessMsg{
	display: none;
	color: #477100;
	padding: 2px 0px 5px 23px;
	background-image: url(../images/Icon_Check_Passed.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
span.FormValidatorFailure, .ErrorMsg{
	display: none;
	color: #9e1c26;
	padding: 2px 0px 5px 23px;
	background-image: url(../images/Icon_Check_Failure.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

/*** Developer Utilities ***/
.OutputWindow{
    position: absolute;
    top: 5px;
    right: 5px;
    width: 200px;
    height: 250px;
    overflow: auto;
    background-color: White;
    border: 1px solid gray;
    padding: 1em;
    opacity: 0.6;   
}