﻿
/* ~~~~~~~~~~~~~~ BalloonTip.js ~~~~~~~~~~~~~~ */
.CMN_BT_BalloonStyle
{
	background-color: #E0EFBF; border: solid 1px #CCCCCC; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; text-align: left; position: absolute; padding: 5px; visibility: hidden; line-height: 18px; z-index: 10000; overflow-x: auto; overflow-y: auto; top: -1000px; left: -1000px;
	/*Remove below line to remove OPACITY. Below line should always appear last within this CSS*/
	/* filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; */
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter:				progid:DXImageTransform.Microsoft.Shadow(color=#96A8BA,direction=135,Strength=5);
}
.CMN_BT_iBalloonStyle { position: absolute; z-index: 10; display: none; }
#CMN_BT_ArrowHead { z-index:9999; position:absolute; top:-1000px; left:0; visibility:hidden; }
/* ~~~~~~~~~~~~~~ BalloonTip.js ~~~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~~~ NewsTicker.js ~~~~~~~~~~~~~~ */
#CMN_NEWS_Container { background-color:#ececec; border:1px solid #000000; height:140px; position:relative; width:300px; overflow:hidden; }
.CMN_NEWS_List { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; height:120px; left:10px; position:absolute; top:10px; width:280px; visibility:hidden; }
/* ~~~~~~~~~~~~~~ NewsTicker.js ~~~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~~~ SliderTip.js ~~~~~~~~~~~~~~ */
.CMN_SlideTip_Question { CURSOR: pointer; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 5px; OVERFLOW: hidden; }
.CMN_SlideTip_Answer { BORDER: #cccccc 1px dotted; PADDING-RIGHT: 10px; MARGIN-TOP: 10px; PADDING-LEFT: 10px; VISIBILITY: hidden; MARGIN-BOTTOM: 30px; PADDING-BOTTOM: 5px; OVERFLOW: hidden; POSITION: relative; }
.CMN_SlideTip_Answer_Content { POSITION: relative; }
/* ~~~~~~~~~~~~~~ SliderTip.js ~~~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~~~ Tabs/myTabz.js ~~~~~~~~~~~~~~ */
#switch { BACKGROUND: #e1e1e1; PADDING: 10px; FONT-SIZE: 130%; TEXT-ALIGN: center; }
#switch A { COLOR: #414141; TEXT-DECORATION: none; }
.tab_title { background-color: #1450D3; border: 1px solid #0E365F; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; Font-Size: 24px; font-style: normal; font-weight: bold; height:40px;  text-align:center; vertical-align: middle; }
a.tab_title { text-decoration:underline; }
DIV#container { BACKGROUND: white; MARGIN: 0px auto; TEXT-ALIGN: left; }
DIV#tabs { BORDER: none; FONT-SIZE: 11px; MARGIN: 0px auto; }


/* Vertical Tabs * /
DIV.my_tab { DISPLAY: inline; FLOAT: left; MARGIN: 0px auto; }
DIV#tab-bar { DISPLAY: inline; FLOAT: left; WIDTH: 150px; BACKGROUND: none; BORDER-RIGHT: #414141 1px solid; font-family: Verdana, Arial, Helvetica, sans-serif; Font-Size: 12px; HEIGHT: 50px; MARGIN: 0px 0px 0px 0px; PADDING: 0px 0px 0px 10px; }
DIV#tab-bar DIV.mt-tab { FLOAT: right; MARGIN: 4px -1px 0px 0px; WIDTH: 120px; TEXT-ALIGN: left; BACKGROUND: #FFFFFF; BORDER: #414141 1px solid; COLOR: #000000; CURSOR: pointer; DISPLAY: inline; font-family: Verdana, Arial, Helvetica, sans-serif; Font-Size: 13px; PADDING: 10px 30px 5px 30px; POSITION: relative; }
DIV#tab-bar DIV.mt-tab-active { FLOAT: right; MARGIN: 4px -1px 0px 0px; WIDTH: 120px; TEXT-ALIGN: left; BACKGROUND: #1450D3; BORDER-RIGHT: none; BORDER-LEFT: #414141 1px solid; BORDER-TOP: #414141 1px solid; BORDER-BOTTOM-STYLE: #414141 1px solid;; COLOR: #FFFFFF; CURSOR: pointer; DISPLAY: inline; font-family: Verdana, Arial, Helvetica, sans-serif; Font-Size: 13px; FONT-WEIGHT: bold; FLOAT: left; PADDING: 10px 30px 5px 30px; }
/* */

/* Horizontal Tabs */
DIV.my_tab { MARGIN: 0px auto; }
DIV#tab-bar { BACKGROUND: none; BORDER-BOTTOM: #414141 1px solid; font-family: Verdana, Arial, Helvetica, sans-serif; Font-Size: 12px; HEIGHT: 50px; MARGIN: 0px 0px 0px 0px; PADDING: 0px 0px 0px 10px; }
DIV#tab-bar DIV.mt-tab { DISPLAY: inline; FLOAT: left; MARGIN: 14px 5px -3px 0px; HEIGHT: 20px; TEXT-ALIGN: center; BACKGROUND: #FFFFFF; BORDER: #414141 1px solid; COLOR: #000000; CURSOR: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; Font-Size: 13px; PADDING: 10px 30px 5px 30px; POSITION: relative; }
DIV#tab-bar DIV.mt-tab-active { DISPLAY: inline; FLOAT: left; MARGIN: 14px 5px -3px 0px; HEIGHT: 20px; TEXT-ALIGN: center; BACKGROUND: #1450D3; BORDER-RIGHT: #414141 1px solid; BORDER-LEFT: #414141 1px solid; BORDER-TOP: #414141 1px solid; BORDER-BOTTOM-STYLE: none; COLOR: #FFFFFF; CURSOR: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; Font-Size: 13px; FONT-WEIGHT: bold; FLOAT: left; PADDING: 10px 30px 5px 30px; }
/* */

/* ~~~~~~~~~~~~~~ Tabs/myTabz.js ~~~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~~~ JQuery.js ~~~~~~~~~~~~~~ */
#PageWizardWrapper { WIDTH: 100% }
#PageWizardPanel { BACKGROUND-COLOR: #f5f5f5; MARGIN: 0px; DISPLAY: none }

#PageMainNav { CLEAR: both; padding: 0px 0px 0px 0px; MARGIN: 0px 0px 0px 0px;  }

#PageMainNav LI { BACKGROUND-IMAGE: url(images/page_navBtn.gif); BACKGROUND-COLOR: #ebebeb; LIST-STYLE-TYPE: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: right top; FLOAT: left; DISPLAY: block; HEIGHT: 32px }
#PageMainNav LI.lastDone { BACKGROUND-IMAGE: url(images/page_navLastDoneBtn.gif); BACKGROUND-COLOR: #7c8437 }
#PageMainNav LI.current { BACKGROUND-IMAGE: url(images/page_navCurrentBtn.gif); BACKGROUND-COLOR: #c36615 }
#PageMainNav LI.done { BACKGROUND-IMAGE: url(images/page_navDoneBtn.gif); BACKGROUND-COLOR: #7c8437 }

#PageMainNav LI.PageMainNavNoBg { BACKGROUND-IMAGE: none }

.PageStep#PageMainNav LI { WIDTH: 90px }

.Page_Buttons { CLEAR: both }
.Page_Next { FLOAT: right }
.Page_Previous { FLOAT: left }
/* ~~~~~~~~~~~~~~ JQuery.js ~~~~~~~~~~~~~~ */
