#sw-wrapper
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-size: 12px;
	color: #000000;
	vertical-align: middle;
}

#sw-wrapper .DisableSelect
{
	-moz-user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
}

#sw-wrapper .AlignCenter
{
	margin: auto;
	padding: atuo;
}

#sw-wrapper div.Pagelink a
{
	color: #376092;
	font-weight: bold;
	font-size: 14px;
}

#sw-wrapper div.Pagelink span
{
	color: red;
	font-weight: bold;
	font-size: 14px;
}

#sw-wrapper div.DisTabTitle, #sw-wrapper span.DisMenu
{
	color: gray;
}

#sw-wrapper span.DisTreeMenu
{
	color: red;
}


#sw-wrapper table.left td
{
	text-align: left;
	vertical-align: middle;
}

#sw-wrapper table.view_left td
{
	text-align: left;
	vertical-align: text-top;
	height: 22px;
}

#sw-wrapper table.left30 td
{
	text-align: left;
	vertical-align: middle;
	height: 30px;
}

#sw-wrapper a.login
{
	color: blue;
}

#sw-wrapper a.login:hover
{
	color: blue;
}

#sw-wrapper input.sample-text, #sw-wrapper textarea.sample-text
{
	color: #CACACA;
}

/*
 * background-color:#f6f7ee;
**/
#sw-wrapper td.BorderCSS, #sw-wrapper div.BorderCSS
{
	background-color: White;
	border-color: DarkGray;
	border-style: solid;
	border-width: 1px;
}

#sw-wrapper td.MenuRow
{
	height: 28px;
	text-align: left;
}

#sw-wrapper td.SubMenuRow
{
	height: 28px;
	text-align: left;
	padding-left: 10px;
}

#sw-wrapper .Title
{
	font-weight: bold;
	font-size: 15px;
	background-image: url(../../images/cbc/dcmenugrade.png);
}

#sw-wrapper .TitleBar
{
	background-image: url(../../images/cbc/dcmenugrade.png);
	background-repeat: repeat-x;
	height: 35px;
	color: #ffffff;
	font-weight: bold;
	font-size: 20px;
	text-align: left;
	vertical-align: middle;
	padding-top: 10px;
}

#sw-wrapper div.LoginBorder
{
	border: sold 1px #376092;
	width: 500px;
}

#sw-wrapper .LoginBg
{
	/* 	background-image: url(../../images/login-bg.gif);  	background-repeat: repeat-x;  	*/
	color: #000000;
}

#sw-wrapper .LoginBg2
{
	background-image: url(../../images/login-bg.gif);
	background-repeat: repeat-x;
	color: #000000;
}


#sw-wrapper td.RowTitle
{
	background-color: #AFC2DA;
	font-weight: bold;
	width: 100%;
	height: 28px;
	vertical-align: middle;
	text-align: left;
	padding-left: 10px;
	font-size: 13px;
	background: #f3f3f3 url(../../images/buttonbg.jpg) repeat-x left bottom;
}

#sw-wrapper span.label
{
	line-height: 22px;
	font-weight: normal;
}

#sw-wrapper span.label2
{
	line-height: 22px;
	font-weight: normal;
	font-weight: bold;
}

#sw-wrapper td.label
{
	line-height: 16px;
	font-weight: normal;
}


#sw-wrapper span.red_label
{
	line-height: 22px;
	font-weight: normal;
	color: Red;
}

#sw-wrapper span.label_bold
{
	line-height: 22px;
	font-weight: normal;
	font-weight: bold;
}

#sw-wrapper span.Menu
{
	font-weight: normal;
}

#sw-wrapper span.accountName, #sw-wrapper span.accountEmployeeName
{
	font-size: 15px;
	font-weight: bold;
	color: #376092;
}

#sw-wrapper span.employeeMemberName
{
	font-size: 13px;
	font-weight: bold;
	color: #376092;
}


#sw-wrapper span.MenuBold
{
	font-weight: bolder;
}

#sw-wrapper input.Button2
{
	color: black;
	height: 25px;
}

#sw-wrapper input.ButtonPlus
{
	font-style: normal;
	font-variant: normal;
	font-weight: bolder;
	font-size: 20px;
}

/**
 * Required Asterisk : Red
**/
#sw-wrapper .Asterisk
{
	color: Red;
	text-align: right;
	vertical-align: text-top;
	padding-top: 6px;
	padding-right: 2px;
	width: 6px;
}


#sw-wrapper hr.hr
{
	height: 1px;
	border: none;
	padding-top: 0px;
	padding-bottom: 0px;
	border-top: solid 1px rgb(95,120,148);
}

#sw-wrapper .bgStyle
{
	width: 1200px;
	padding: auto;
	margin: auto;
}

#sw-wrapper .bgColor
{
	background-color: #D9D9D9;
	padding-top: 5px;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

#sw-wrapper .menuBgColor
{
	background-color: #DCE6F2;
}

#sw-wrapper .RegionContainer
{
	background-color: #DCE6F2;
	border: solid 1px DarkGray;
}

#sw-wrapper .region2
{
	border: solid 1px DarkGray;
}


#sw-wrapper div.Loading
{
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 999;
	background-color: Transparent;
	text-align: center;
	padding-top: 70px;
	width: 100%;
	border: solid 0px red;
	-moz-user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
}

/**
 *	Account Paln Benefit Information UI
**/
#sw-wrapper .BenefitRowTitle
{
	background-color: #DFDFDF;
	font-weight: bold;
	text-align: left;
	height: 22px;
}

/**
 *	add by max 20120814
**/
#sw-wrapper tr.trhover:hover
{
	background-color: #787DA5;
	color: White;
	vertical-align: middle;
	height: 20px;
	cursor: pointer;
}

#sw-wrapper tr.trOdd
{
	background-color: #F7F6F3;
	vertical-align: middle;
	height: 20px;
	cursor: pointer;
}
#sw-wrapper tr.trEven
{
	background-color: #E6E7FB;
	vertical-align: middle;
	height: 20px;
	cursor: pointer;
}

#sw-wrapper tr.trClicked
{
	background-color: #787DA5;
	color: White;
}

#sw-wrapper lable.theCursor
{
	cursor: pointer;
}

#sw-wrapper a.Link
{
	cursor: pointer;
}

/**
#sw-wrapper fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

#sw-wrapper legend 
{
    font-size:1.2em;
    font-weight: bold;
}
**/

#sw-wrapper table.TableBorderColor
{
	border-collapse: collapse;
	border: solid 1px #C0C0C0;
}

#sw-wrapper table.TableBorderColor td
{
	border: solid 1px #C0C0C0;
}

/*Add by Ken,for reports ->Start*/

.table
{
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
.table th
{
	height: 28px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #E7E7E7;
	padding-left: 2px;
	padding-right: 2px;
	text-align: left;
	white-space: nowrap;
}
.table td
{
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	white-space: nowrap;
	line-height: 24px;
	padding-left: 2px;
	padding-right: 2px;
	text-align: left;
}
.footer
{
	text-align: left;
	padding-left: 2px;
}
.footerHeader
{
	background-color: #E7E7E7;
	height: 18px;
}
/*Add by Ken,for reports ->End*/



/************ For Lead **************************/

#sw-wrapper .bgColor_Lead
{
	background-color: #D9D9D9;
	padding-top: 5px;
	text-align: center;
}

.bgColor_Lead_td
{
    background-color: #D9D9D9;
}

.tablecell_light_blue {
	font-weight: bold;
	color: #000;
	background-color: #C2D9EB;
	padding: 10px;
	text-align: left;
	font-size: 12px;
}

.tablecell_light_yellow {
	font-weight: bold;
	color: #000;
	background-color: #ffffd2;
	padding: 5px;
	text-align: left;
	font-size: 10px;
}

.tableRowStyle {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #f1f1f1;
	padding: 10px;
	font-size: 11px;
}
.tableNextRowStyle {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #e5e5e5;
	padding: 10px;
	font-size: 11px;
}

.tableMemberGrey1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #f1f1f1;
	padding: 5px;
	font-size: 10px;
}
.tableMemberGrey2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #e5e5e5;
	padding: 5px;
	font-size: 10px;
}
/*****************End Lead************************/

/**Month DatePicker Start*/
.monthpicker {
    border: 1px solid #eee;
    padding: 1em;
    top: 6px;
    z-index: 1000;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: .2em;
    background: #fff;
}

.monthpicker:before {
    content: '';
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    top: -6px;
    left: 6px;
    z-index: 1002;
}

.monthpicker:after {
    content: '';
    border-bottom: 6px solid #ddd;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    top: -7px;
    left: 6px;
    z-index: 1001;
}

.monthpicker .years {
    margin-bottom: .8em;
    text-align: center;
}

.monthpicker .years select {
    font-size: 1em;
    width: 100%;
}

.monthpicker .years select:focus {
    outline: none;
}

.monthpicker table {
    border-collapse: collapse;
    table-layout: fixed;
}

.monthpicker td {
    padding: .1em;
}
/**Month DatePicker End*/