/* SogoTrade New Styles */

html {margin:0; padding:0; }
body {margin:0 0 0 0px; padding:0; background:#fff url(../../Images/zh-tw/home/BG2.jpg) repeat-x scroll center top; font-family:Arial, Verdana, sans-serif; font-weight:normal; font-size:12px; color:#363636;}
img {border:0px solid #fff;}
iframe { overflow:auto;}
h1, h2, h3, h4, h5, p, ul, li, div {padding:0; margin:0;}
a:link, a:visited {color:#306caf; text-decoration:none;}
a:hover, a:active {color:#E68b2C; text-decoration:none;}

.left {margin:5px 15px 5px 5px; border-style:none; float:left; clear:both;}
.right {margin:5px 15px 5px 5px; border-style:none;}
.center {margin:5px 15px 5px 5px; border-style:none;}

#disclaimer {font-size:9px; color:#999; clear:left; text-align:left;}
#disclaimer a {color:#666; font-size:9px; text-decoration:none;}

#announcement {position:absolute; width: 680px; left: 0; top: -400px; border: 2px solid #4184ca; background-color: #ddedff; font-weight:bold; padding: 10px; z-index: 100; visibility:hidden; line-height:13px; text-align:center; margin:200px 0 0 0;}
#announcement p { font-size:12px; text-align:center; margin-top:5px; }

/* Global Layout */


	/* Header style */
#header {margin: -1px auto 0 auto; width:780px; padding-top:5px; background-color:#ffffff;  }
.headermessage {font-size: 12px; color: #ff0000; font-weight: bold; float:left;}
.openAccount {float:right;  margin:5px; display:inline;}
.PreliveHelp {float:right; margin:5px 0 0 5px; display:inline;}
.PostliveHelp {float:right; margin:-3px 0 0 5px; display:inline;}
#logIn {float:right; margin: 5px 10px; display:inline;}
.logBtn {color:#5f5e5f;   font-style: normal; font-weight: bold; width: 63px; height: 19px; cursor: pointer; TEXT-ALIGN: center; background:url(../../Images/zh-tw/Header/logBtn.gif) no-repeat top left; border:solid 0px #fff;}
#phoneSupport {margin:5px 0 0 275px; float:left;}
#serviceSmall {margin:10px 5px 0 0;}

#breadCrumb { margin:0px; background-color:#ddedff; height:21px; padding:0 2px 0 2px;}
#breadCrumb span{font-size:9px; float:right; font-family:Verdana; color:#686868; font-weight:normal; height:12px; margin-top:-16px;}
.breadcrumbs { margin:0px; background-color:#ddedff; padding:3px;}
.sogoTime {position:absolute; margin:5px 0 0 650px; padding:0; display:inline;}


/* Hover chart for datagrid */
.symbolMenu {position:absolute; visibility:hidden; background-color:#fff; width:420px; height:350px; border:1px solid #306caf; z-index:100;}
.symbolMenu p.menuTitle {background-color:#306caf; padding:5px 10px; margin:0; color:#fff; font-weight:bold;}
.symbolMenu a {padding:3px;}
.symbolMenu a:hover {background-color:#306caf; padding:3px; color:#fff; text-decoration:none;}
.symbolMenu table {border-top:1px solid #cacaca; border-bottom:1px solid #cacaca; margin:5px auto; text-align:center;}
.symbolMenu table tr td.dataTitle {font-weight:bold; text-align:left; width:45px; padding-left:5px;}
.symbolMenu table tr td.data {text-align:right; width:70px; padding-right:5px;} 


	/* pop-up chart links */
#quoteContainer {margin: -1px auto 0 auto; width:700px; padding:5px;}
#quoteContainer h1 {font-size:16px; font-weight:bold; border-bottom:1px solid #363636;}
#quoteTable {margin:10px 0 0 0; padding:0; width:100%;}
#quoteTable tr td {padding:0 3px;}
.showColor {border: solid 1px #363636; width: 80px; height:17px; background-color: #ffffff; padding:2px; float:left; font-size:12px; margin:0 10px 0 0;}
.showColor2 {border: solid 1px #363636; width: 80px; height:17px; background-color: #FFDC9F; padding:2px; float:left; font-size:12px; margin:0 10px 0 0;}  
#quoteFrequency {float:left; margin:0 25px 0 0;}
#quoteColor {float:left;}
.quoteTitle {background-color:#ddedff;}
.colorIcon {border:0px solid #363636; background: url(../../Images/zh-tw/trade/quotecolors.gif); width: 30px; height: 30px;}
.chartInfo {margin:5px 0 0 0; border-top:1px solid #cacaca;}
.multiInfoText {text-align:right;}
.infoTable {margin:0; padding:0; width:100%;}
.infoTable td {line-height:20px; padding:2px 0;}
#fundamentalsTable {margin:0; padding:0; width:100%; border-top:1px solid #cacaca; color:#666;}
#fundamentalsTable td {border-bottom:1px solid #cacaca; padding:1px 0; width:25%;}
.linePosition {margin:-30px 0 0 0;}
.volumePosition {margin:-32px 0 0 0;}
#updateProgress {background-color:#fff; filter:alpha(opacity=80); opacity:0.8; width:700px; height:440px; position:absolute;}
#updateProgress p {margin:150px 0 0 300px; font-weight:bold; color:#000;}

	/*Chart help */
#chartHelp {padding:10px 0 0 15px; font-size:12px;}
#chartHelp h1 {font-size:14px; font-weight:bold;}
#chartHelp h2 {font-size:18px; font-weight:bold; border-bottom:1px solid #363636;}
#chartHelp ul { list-style-type:none;}
.symbolHelp {border:1px solid #cacaca; margin:10px 0 0 0;}
.symbolHelpText {margin:10px 0 15px 0; border-bottom:1px dotted #cacaca;}
.symbolHelpText p {padding:5px;}
#chartHelpNav {margin:0 10px;}
#chartHelpNav a {text-decoration:underline;}
#chartType {margin:0 15px;}

	/* main content style */
#mainContent {margin: 0 auto 20px auto; width:780px; background-color:#fff;}

.alert {float:left; width:775px; line-height:16px; background-color:#FFE88E; border:1px solid #F0B93A; padding-left:5px; margin-top:3px; margin:0px; position:absolute; color:#363636; text-align:left; font-weight:normal; font-size:13px; text-decoration:none;}


/* for post login pages with sidenav only */
#left {float:left;}
#sideNav {float:left; background-color:#fff;}
.sideNavTitle {cursor:hand; cursor:pointer; border:solid 1px #cacaca; width:15px; padding:1px; margin:0;}
.switchText {padding:0; margin:0}
#content { float:left; left:0px; width:640px; background-color:#fff;}

/* for all post login pages without sidenav */
#contentNoNav { float:left; left:0px; width:100%; background-color:#fff;}

	/* bottom content style */
#bottomContent {width:780px; margin:0px auto; clear:both; background-color:#fff;} 


	/* footer style */
#footer { margin: 0px auto; padding:5px 5px 5px 5px; text-align:center; width: 800px;}
#footer p { font-weight:normal; color:#666;}
#footer a {text-decoration:none; color:#306caf; margin:5px 0px 5px 0px;}
#footer a:hover {text-decoration:none; color:#E68B2C;  margin:5px 0px 5px 0px;}	

#footerLinks { text-align:left; margin:5px; padding:5px 10px 5px 5px; float:left; color:#909090; background-color:#f3eeee; font-size:x-small;}
#footerLinks a {font-size:x-small; text-decoration:none; color:#306caf; margin:5px 0px 5px 0px;}
#footerLinks td { vertical-align:top; padding-left:5px;}



/* Quick Quote */
#quickQuote { color:#363636; font-size:12px; font-weight:bold; text-align:center; padding-bottom:0px; padding-top:0px; background-color:#DDEDFF; border-bottom:1px solid #cacaca;}

/*Modal Popup*/

	/* For OrderStatus on trade page only */
.modalBackgroundOrder {
	background-color:#fff;
	filter:alpha(opacity=50);
	opacity:0.5;
}

.modalBackground {
	background-color:#ddedff;
	filter:alpha(opacity=80);
	opacity:0.8;
}

.modalPopup {
	background-color:#fff;
	border-width:1px;
	border-style:solid;
	border-color:#5F85C4;
	padding:3px;
	width:700px;
	height:550px;
	z-index:9999;
}

.modalPopupMid {
	background-color:#fff;
	border-width:1px;
	border-style:solid;
	border-color:#363636;
	padding:3px;
	width:650px;
	height:430px;
	z-index:9999;
}

.modalPopupSmall {
	background-color:#fff;
	border-width:1px;
	border-style:solid;
	border-color:#363636;
	padding:3px;
	width:700px;
	height:150px;
	z-index:9999;
}

.modalPopupSmall2 {
	background-color:#fff;
	border-width:1px;
	border-style:solid;
	border-color:#363636;
	padding:3px;
	width:500px;
	height:300px;
	z-index:9999;
}

/* New pop-up dialog */
.modalPopupSmall3 { /*border:1px solid #cacaca;*/ width:710px; height:200px; z-index:9999; background-color:Transparent;}

.modalBox {background:transparent url(../../Images/zh-tw/trade/modalBox_mid.jpg) repeat-y top left; width:708px;}
.modalBoxTop {background:transparent url(../../Images/zh-tw/trade/modalBox_top.jpg) no-repeat top left; width:708px; height:27px; text-align:left; cursor:move;}
.modalBoxTop span {font-weight:bold; position:absolute; margin:5px 0 0 10px;}
.modalBoxTop img {padding:3px 10px;}
.modalBoxMid { padding:5px; text-align:center;}
.modalBoxMid p {font-size:12px; margin:10px auto; width:550px; text-align:left;}
.modalBoxBtm {background:#ddedff url(../../Images/zh-tw/trade/modalBox_bottom.jpg) no-repeat top left; width:708px; height:7px; clear:both;}
.modalPopupSmall3Btn {text-align:center; margin:0 0 10px 0;}
.modalPopupSmall3Btn input.Form-ButtonBg {margin-left:25px;}



/* Notice Box for Data Grids */
#noticeBox { margin-top:10px; background:#fff url(../../Images/zh-tw/grid/noticeBox_mid.gif) repeat-y top left; width:740px;}
#noticeBox h2 {font-size:12px; font-weight:bold; background-color:#fff; margin:-5px 20px; padding:0 10px; position:absolute;}
#noticeBoxTop {background:#fff url(../../Images/zh-tw/grid/noticeBox_top.gif) no-repeat top left; width:740px; height:18px; text-align:left;}
#noticeBoxMid { }
#noticeBoxMid p {padding:0px 15px 5px 15px;}
#noticeBoxMid p.drip {width:420px; float:left;}
#noticeBoxMid a img {padding:0 5px; margin:0 10px; float:left;}
#noticeBoxBtm {background:#fff url(../../Images/zh-tw/grid/noticeBox_btm.gif) no-repeat top left; width:740px; height:4px; clear:both;}


.noticeBoxB { margin-top:10px; background:#fff url(../../Images/zh-tw/grid/noticeBox_mid580.gif) repeat-y top left; width:580px; font-style: normal;}
.noticeBoxB h2 {font-size:12px; font-weight:bold; background-color:#fff; margin:-5px 20px; padding:0 10px; position:absolute;}
.noticeBoxTopB {background:#fff url(../../Images/zh-tw/grid/noticeBox_top580.gif) no-repeat top left; width:580px; height:18px; text-align:left;}
.noticeBoxMidB {}
.noticeBoxMidB p {padding:0px 15px 10px 15px;}
.noticeBoxMidB p.drip {width:420px; float:left;}
.noticeBoxMidB a img {padding:0 5px; margin:0 10px; float:left;}
.noticeBoxBtmB {background:#fff url(../../Images/zh-tw/grid/noticeBox_btm580.gif) no-repeat top left; width:580px; height:4px; clear:both;}


.noticeBoxC { margin-top:0px; background:#fff url(../../Images/zh-tw/grid/noticeBox_mid210.gif) repeat-y top left; width:210px; font-style: normal;}
.noticeBoxC h2 {font-size:12px; font-weight:bold; background-color:#fff; margin:-5px 10px; padding:0 5px; position:absolute;}
.noticeBoxTopC {background:#fff url(../../Images/zh-tw/grid/noticeBox_top210.gif) no-repeat top left; width:210px; height:18px; text-align:left;}
.noticeBoxMidC {}
.noticeBoxMidC p {padding:0px 10px 10px 10px;}
.noticeBoxMidC p.drip {width:190px; float:left;}
.noticeBoxMidC a img {padding:0 5px; margin:0 10px; float:left;}
.noticeBoxBtmC {background:#fff url(../../Images/zh-tw/grid/noticeBox_btm210.gif) no-repeat top left; width:210px; height:4px; clear:both;}


#noticeBox2 { margin-top:10px; background:#fff url(../../Images/zh-tw/grid/noticeBox_mid.gif) repeat-y top left; width:702px; padding:5px;}
#noticeBox2 h2 {font-size:12px; font-weight:bold; background-color:#fff; margin:-5px 20px; padding:0 10px; position:absolute;}
#noticeBoxTop2 {background:#fff url(../../Images/zh-tw/grid/noticeBox_top.gif) no-repeat top left; width:702px; height:18px; text-align:left;}
#noticeBoxMid2 {}
#noticeBoxMid2 p {padding:0px 15px 10px 15px;}
#noticeBoxMid2 p.drip {width:420px; float:left;}
#noticeBoxMid2 a img {padding:0 5px; margin:0 10px; float:left;}
#noticeBoxBtm2 {background:#fff url(../../Images/zh-tw/grid/noticeBox_btm.gif) no-repeat top left; width:702px; height:4px; clear:both;}



.noticeBox320 { margin-top:0px; background:#fff url(../../Images/zh-tw/grid/noticeBox_mid320.gif) repeat-y top left; width:320px; font-style: normal;}
.noticeBox320 h2 {font-size:12px; font-weight:bold; background-color:#fff; margin:-5px 10px; padding:0 5px; position:absolute;}
.noticeBoxTop320 {background:#fff url(../../Images/zh-tw/grid/noticeBox_top320.gif) no-repeat top left; width:320px; height:18px; text-align:left;}
.noticeBoxMid320 {}
.noticeBoxMid320 p {padding:15px 10px 10px 10px;}
.noticeBoxMid320 p.drip {width:300px; float:left;}
.noticeBoxMid320 a img {padding:0 5px; margin:0 10px; float:left;}
.noticeBoxBtm320 {background:#fff url(../../Images/zh-tw/grid/noticeBox_btm320.gif) no-repeat top left; width:320px; height:4px; clear:both;}


.code {   font-weight:bold; clear: both; float: left; margin: 0px 0 0 0px; border: 1px solid #cccccc; background: #efefef; padding: 4px; width:310px;}

/* For Clearing */
#clear {clear:both;}


/* Error Varidate */
.rederror {text-decoration:none; font-size:9px; color:#ED1C24; font-weight:normal;}
.rederror-va {text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif;   color:#ED1C24; font-weight:bold}


.tderror{ table-layout:auto;  text-decoration:none; font-size:10px; color:#ED1C24; font-weight:normal; border-style: solid; background-color:Transparent; border-color: #CC3300; border-width: 1px; padding-left: 8px; padding-right: 8px; padding-top: 5px; padding-bottom: 5px; display:block;}
.tderror2{ width:730px; table-layout:auto;  background-color:#FFE88E; text-decoration:none; font-size:13px; font-weight:bold; color:#ED1C24; border-style: solid; border-color: #CC3300; border-width: 1px; padding-left: 8px; padding-right: 8px; padding-top: 5px; padding-bottom: 5px; display:block}

.tderrorNoBorder{ table-layout:auto;  text-decoration:none; font-size:10px; color:#ED1C24; font-weight:normal; border-width: 1px;  background-color:Transparent; padding-left: 8px; padding-right: 8px; padding-top: 2px; padding-bottom: 2px;}
.tderrorNoBorder2{ table-layout:auto;  text-decoration:none; font-size:10px; color:#ED1C24; font-weight:normal; background-color:Transparent; border-style: solid; border-color: #CC3300; border-width: 1px; padding-left: 8px; padding-right: 8px; padding-top: 1px; padding-bottom: 1px;}
.tderrorNoBorder3{ table-layout:auto;  text-decoration:none;   color:#ED1C24; font-weight:normal; background-color:Transparent; border-width: 1px; padding-left: 8px; padding-right: 8px; padding-top: 2px; padding-bottom: 2px;}


.errorMsg {width:730px; line-height:16px; background-color:#fff; padding-left:5px; margin-top:3px; margin:0px; position:absolute; color:#1d1d1d; text-align:left; font-weight:normal;   text-decoration:none; padding-left: 8px; padding-right: 8px; padding-top: 5px; padding-bottom: 5px;}


/* Text start */
.content {font-size: 12px; color: #484848; font-weight:normal;}
.contentbold {font-size: 12px; color: #484848; font-weight: bold;}
.contentblack {font-size: 12px; color: #000000; font-weight:normal;}
.contentblackbold {font-size: 12px; color: #000000; font-weight: bold;}
.contentwhite {font-size: 12px; color: #FFFFFF; font-weight:normal;}
.contentwhitebold {font-size: 12px; color: #FFFFFF; font-weight: bold;}

.contentTbox {font-size: 12px; color: #484848; font-weight:normal; width:100px; text-align: right;  vertical-align:text-top; position: absolute;}

.Econtent {  color: #3B3B3B}

.font9px { font-size:9px; font-weight:normal; font-family:Verdana;}
.font9pxB { font-size:9px; font-weight:bold; font-family:Verdana;}


.TextData {  color: #3B3B3B;
    height: 34px; width:670px;
}
.TextDataBold {  color: #3B3B3B; font-weight: bold;}
.TextDataBold2 {  font-weight: bold;}

.RegularText {  color:#363636; margin-top:8px;}
.RegularTextBlack {  color: #000;}
.RegularTextdark {  color:#363636;}
.RegularTextGround {  background-color:#FFEEC2; padding-left:10px;}


.caption {  color: #3B3B3B; line-height: 13px; font-weight:normal;}
.captionbold {  color: #3B3B3B; line-height: 12px; font-weight: bold;}
/* Text end */




.Line {border-bottom:solid 1px #cacaca;}

.AccFontSmall{ font-size: 10px; font-style: normal; line-height: 13px; color: #666666}
a.AccFontSmall:link, a.text:visited {font-size: 10px; font-style: normal; line-height: 13px; color: #306CAF; text-decoration: underline;}
a.AccFontSmall:hover, a.text:active  { font-size: 10px; font-style: normal; line-height: 13px; color: #E68B2C; text-decoration:none;} 



/* Title start */
.Title1 {font-size: 18px; color: #3B3B3B; font-weight: bold;}
.Title2 { font-size: 14px; color: #3B3B3B; font-weight: bold;}
.Title3 {font-size: 13px; color: #3B3B3B; font-weight: bold;}
.Title4 {font-size: 12px; color: #3B3B3B; font-weight: bold;}
.TitleLine {border-bottom:1px solid #cacaca; padding:2px 0px 1px 2px;}

a.Title {font-size: 14px; font-weight:bold; color: #306CAF; text-decoration:none;}
a.Title:link, a.Title:visited {font-weight:bold; font-size: 14px; color: #306CAF; text-decoration:none; cursor:pointer;}
a.Title:hover, a.Title:active {font-weight:bold; font-size: 14px; color: #E68B2C; text-decoration:none; cursor:pointer;}

.fundHeaderh4 {font-size:15px; font-weight:bold; color:#3B3B3B;}
.line {border-bottom:1px solid #cacaca;}
.fundLine {border-top:solid 1px #cacaca; width:770px; }

#fundContainer {margin:5px 0 0 10px; padding:0px; float:left; display:inline;}
.highlight { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000; font-weight:normal; background-color: #fff4c9; width:280px; text-align:center; border-style: none;}

.ButtonGreayDisable {margin-left:100px; margin-right:5px; float:right; display:none;}


.textlink {font-size: 12px;color:#666666;line-height: 14px; font-weight:bold}
a.textlink {text-decoration:underline; font-size:12px; color:#306CAF; font-weight:bold}
a.textlink:visited {text-decoration:underline; font-size:12px; color:#306CAF; font-weight:bold}
a.textlink:hover {text-decoration:none; font-size:12px; color:#E68B2C; font-weight:bold}

.text2 {font-size: 12px;color:#666666;line-height: 14px;}
a.text2link {text-decoration:none; font-size:12px; color:#306CAF}
a.text2link:visited {text-decoration:none; font-size:12px; color:#306CAF}
a.text2link:hover {text-decoration:none; font-size:12px; color:#E68B2C}


/* Table BG color BLUE YELLOW GRAY */
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 580px; /* ems so it will grow */
	background: url(../../Images/zh-tw/Grid/sbbody-r.gif) no-repeat bottom right;
	float: left;
}

.sideboxYellow {
	margin: 0 auto; /* center for now */
	width: 580px; /* ems so it will grow */
	background: url(../../Images/zh-tw/Grid/sbbody-ry.gif) no-repeat bottom right;
	float: left;
}

.sideboxGray {
	margin: 0 auto; /* center for now */
	width: 580px; /* ems so it will grow */
	background: url(../../Images/zh-tw/Grid/sbbody-rg.gif) no-repeat bottom right;
	float: left;
}

.boxhead {
	background: url(../../Images/zh-tw/Grid/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}
.boxhead h2 {
	background: url(../../Images/zh-tw/Grid/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 15px;
	color: #666; 
	font-weight: bold; 
	font-size: 1.4em; 
	}

.boxhead h3 {
	background: url(../../Images/zh-tw/Grid/sbhead-ly.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 15px;
	color: #666; 
	font-weight: bold; 
	font-size: 1.4em; 
	}

.boxhead h4 {
	background: url(../../Images/zh-tw/Grid/sbhead-lg.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 15px;
	color: #666; 
	font-weight: bold; 
	font-size: 1.4em; 
	}

.boxhead p { margin: 0; border-bottom:1px solid #cacaca;}
.captionBox {padding: 0px 0px 0px; font-weight: normal;   font-size: 0.8em; color: #666666;}
.TopLink {margin: -16px; padding: 0px 20px 0px; font-weight: normal; text-align: right; float:right;    }


.boxbody {
	background: url(../../Images/zh-tw/Grid/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	line-height: 0.2em;
	padding: 0px 30px 120px;
}



#center { table-layout:auto;}
#table1 {float:none; margin:0px; text-align:justify; border:0;}
#table2 {float:none; margin:0px; text-align:justify; border:0;}


#Agreement {float:left; text-align:justify; width:100%; border:0;}
#Agreement p {margin:0px; padding:5px 0px;}

.Dotline {background-image:url(../../Images/zh-tw/Mis/dotline.gif); background-repeat:repeat-x; height:1px;}



/* Tool Tip */

a.info{
    position:relative; /*this is the key*/
    z-index:101;}

a.info:hover{ text-decoration: none; padding:0px 0px 0px 0px;}

a.info span{display: none;}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
     
    font-style: normal;
    top:2em; right:2em; width:20em;
    border:1px solid #2D6596;
    background-color:#fff; color:#000;
    padding:8px 8px 8px 8px;
    text-align: left;}
    
/* Symbol link dropdown meun */
.dropmenudiv
{
	position:absolute;
	top: 0;
	border: 1px solid #306caf; /*Theme Change here*/
	border-left:5px solid #306caf;
	text-align:left;
	padding:3px 0px;
	margin:-10px 0 0 35px;
	z-index:100;
	background-color: #fff;
	width: 100px;
	visibility: hidden; 
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);*//*Add Shadow in IE. Remove if desired*/
}

a.dropmenulinks:link {font-size:13px; color:#666666; text-decoration:none; display:block; padding: 3px 0px 3px 5px; margin:-2px 0px;}
a.dropmenulinks:visited {font-size:13px; color:#666666; text-decoration:none; display:block; padding: 3px 0px 3px 5px; margin:-2px 0px;}
a.dropmenulinks:hover {background-color:#DDEDFF; color:#306caf; text-decoration:underline; display:block; padding: 3px 0px 3px 5px; margin:-2px 0px;}



/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
    font-weight:normal;
    font-size: 10px;
}
.MaskedEditMessage
{
	color: #ff0000;
    font-weight:normal;
    font-size: 10px;
}
.MaskedEditError
{
    background-color: #ffcccc;
    font-weight:normal;
    font-size: 10px;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}


/* Accordion */
.accordionHeader
{
    border: 1px solid #a4a4a5;
    color: white;
    background-color: #DDEDFF;
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
	color: #306caf;
	font-size: 14px;
	background-color: #DDEDFF;
	text-decoration: underline;
}

.accordionHeader a:hover
{
	background-color: #DDEDFF;
	font-size: 14px;
	text-decoration: none;
}

.accordionContent
{
    background-color: #FFF;
    /* border: 1px dashed #cdcdcd; */
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

