@charset "utf-8";
@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/opensans-regular.eot');
	src: local('?'), url('../fonts/opensans-regular.woff') format('woff'), url('../fonts/opensans-regular.ttf') format('truetype'), url('../fonts/opensans-regular.svg') format('svg');
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/opensans-light.eot');
	src: local('?'), url('../fonts/opensans-light.woff') format('woff'), url('../fonts/opensans-light.ttf') format('truetype'), url('../fonts/opensans-light.svg') format('svg');
	font-style: normal;
	font-weight: 300;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/opensans-semibold.eot');
	src: local('?'), url('../fonts/opensans-semibold.woff') format('woff'), url('../fonts/opensans-semibold.ttf') format('truetype'), url('../fonts/opensans-semibold.svg') format('svg');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/opensans-bold.eot');
	src: local('?'), url('../fonts/opensans-bold.woff') format('woff'), url('../fonts/opensans-bold.ttf') format('truetype'), url('../fonts/opensans-bold.svg') format('svg');
	font-weight: 700;
	font-style: normal;
}
#MainContent{ padding:10px; background:#fff; border:1px solid #d7d7d7; border-width:0 1px; min-height:400px} 
.TwoColumnCont{ overflow:hidden; padding:0}
.TwoColumnCont .LeftColumn{width:210px; margin:0 15px 0 0; float:left}
.TwoColumnCont .RightColumn{ width:765px; float:left}

.breadcrumbs { display:block; padding:0px 0px 8px; font-size:11px; font-weight:bold;}
.breadcrumbs .sep { font-size:11px; padding:0px 4px;}
.breadcrumbs a { text-decoration:underline;}
.breadcrumbs a:hover { text-decoration:none;}

.bx-wrapper{z-index:99;}
.bx-prev{ background:url(../images/slide_arrow_left.png) 0 0 no-repeat; width:21px; height:90px; display:block; position:absolute; left:110px; top:180px; text-indent:-3000px; z-index:3005; display:none}
.bx-next{ background:url(../images/slide_arrow_right.png) 0 0 no-repeat; width:21px; height:90px; display:block; position:absolute; right:110px; top:180px; text-indent:-3000px; z-index:3005; display:none}


.HomeContent{ padding:25px 0 0 0; height:430px; overflow:hidden}
.HomeContent .chartImage{ float:left; width:488px; padding:7px 0 0 15px}
.HomeContent .Features{ float:left; width:429px; float:left;}
.Features ul li{ background:url(../images/tick1.gif) 0 0 no-repeat; padding:4px 0 25px 35px; font-size:18px; color:#333}
.ReadMore{ background:url(../images/read_more.png) 0 0 no-repeat; width:80px; height:19px; cursor:pointer; display:block; float:right}
.BtnJoinNow{ background:url(../images/join_now.png) 0 0 no-repeat; width:164px; height:53px; display:block;}
.BtnJoinNowGr{ background:url(../images/btn_join_now_green.gif) 0 0 no-repeat; width:152px; height:41px; display:block;}
.Features h1{font:normal 32px ProximaNova-Regular; color:#017a9d; margin:0 0 10px 0}

.clientSelect{ border:1px solid #d7d7d7; background:#eee; padding:10px}
.clientList{ padding:15px 0 0 0; overflow:hidden; margin:0 0 0 -14px}
.clientList .box{ float:left; margin:0 0 15px 28px; width:166px; height:99px; padding:0}
/*
.clientList .box .ClientName a{ background:#425563; padding:2px 5px 4px 5px; display:block; overflow:hidden; white-space:nowrap; color:#fff; font-size:12px; height:18px; text-overflow:ellipsis; font-weight:bold; margin:0 0 5px 0; display:block}
.clientList .box .ClientName a:hover{ text-decoration:none; background:#2597b8}
.PortFolio{  height:34px; cursor:pointer;}
*/

.DataTable{ border:1px solid #d7d7d7; padding:1px;}
.DataTable th{ background:#3b444c url(../images/gradient2.gif) 0 0 repeat-x; font-size:15px; font-weight:bold; color:#fff; padding:5px 10px}
.DataTable td{ padding:5px 8px 5px 8px;}
.DataTable td.subhead, .DataTable tr.odd td.subhead, .DataTable tr.even td.subhead { background:url(../images/table_sub_head.gif) 0 0 repeat-x #dedfde; line-height:normal; border-right:solid 1px #BDBABD; font-weight:bold; border-bottom:1px solid #bdbabd; }
.DataTable td.total, .DataTable tr.odd td.total, .DataTable tr.even td.total { background:url(../images/table_sub_head.gif) 0 0 repeat-x #dedfde; line-height:normal; border-right:solid 1px #BDBABD; font-weight:bold; border-bottom:1px solid #bdbabd; }

.DataTable tr.bordertop td{ border-top:solid 1px #BDBABD; }
.DataTable tr.odd td{ background:#efefef;}
.DataTable tr.even td{ background:#fafafa;}
.DataTable tr#odd td{ background:#efefef;}
.DataTable tr#even td{ background:#fafafa;}
.DataTable tr td.pa {background:#ffc3ab; font-size:12px; white-space:nowrap; font-weight:bold;}
.DataTable tr td.rev {background:#ffabd5; font-size:12px; white-space:nowrap; font-weight:bold;}
.DataTable tr td.vf {background:#d2cdff; font-size:12px; white-space:nowrap; font-weight:bold;}
.DataTable tr.subhead td.pa {background:#ffc3ab; font-size:12px; white-space:nowrap; font-weight:bold;}

.DataTable tr.odd td a, .DataTable tr.even td a{ text-decoration:none; }
.DataTable tr.odd td a:hover, .DataTable tr.even td a:hover { text-decoration:underline; }
.DataTable th.MarronHeading{background:url(../images/gradient1.gif) 0 0 repeat-x; }
.DataTable th.BlueHeading{background:url(../images/gradient2.gif) 0 0 repeat-x;}
.DataTable th.BlueHeading a { font-size:12px; font-weight:bold; color:#FFF; text-decoration:underline;}
.DataTable th.BlueHeading a:hover { text-decoration:none;}
.MarronHeading{background:url(../images/gradient1.gif) 0 0 repeat-x; font-size:15px; font-weight:bold; color:#fff; padding:5px 10px}
.BlueHeading{background:url(../images/gradient2.gif) 0 0 repeat-x; font-size:15px; font-weight:bold; color:#fff; padding:5px 10px}
.GreyHeading{background:url(../images/table_head_bg.gif) 0 0 repeat-x; font-size:15px; font-weight:bold; color:#fff; padding:5px 10px}
.DataTable tr.subhead td{ background:url(../images/table_sub_head.gif) 0 0 repeat-x; font-weight:bold; border-bottom:1px solid #bdbabd}
.DataTable tr.total td{ background:url(../images/table_sub_head.gif) 0 0 repeat-x; font-weight:bold; border-top:1px solid #bdbabd}
.DataTable tr.highlight td{ background:#3b444c url(../images/gradient2.gif) 0 0 repeat-x; font-size:12px; font-weight:bold; color:#fff; padding:3px 10px 5px 10px}
.DataTable tr.highlight td a{color:#fff}

h1{ font:bold 13px ProximaNova-Regular; color:#fff; margin-bottom:8px}
h2{ font:bold 16px "Trebuchet MS"; color:#005d8c; padding-bottom:6px}
h3{ background:#3b444c url(../images/gradient2.gif) 0 0 repeat-x; font-size:15px; font-weight:bold; color:#fff; padding:5px 10px !important}
h4{ font:bold 13px "Trebuchet MS"; color:#005d8c; padding-bottom:6px}
h5{ font:bold 12px "Trebuchet MS"; color:#349cea; padding-bottom:6px;}


h3{ overflow:hidden}
h3 .left{ float:left; width:65%; white-space:normal; padding-top:3px}
h3 .right{ float:right; width:auto}
h3 .right .BlueButton{ margin-right:5px}

#FooterWrapper{margin:0; background:url(../images/footer_bg.gif) 0 0 repeat-x; height:30px; width:100%;}
#Footer{ overflow:hidden; padding:0; width:970px; padding:0; margin:0 auto; color:#fff; font:normal 11px ProximaNova-Regular;}
#Footer .Copyright{ float:left; width:45%; padding:7px 0 0 0}
#Footer a{ color:#fff;}
#Footer a:hover{ color:#666;text-decoration:none;}
#Footer .SocialNw{ float:right; width:45%; text-align:right; padding:5px 0 0 0}
#Footer .SocialNw td{ padding-left:10px}
#Footer .SocialNw table{ float:right}

p{ padding-bottom:10px; line-height:16px;}
.bigText{ font-size:12px; font-weight:bold}
.redText{ color:#ff0000}
.greenText{ color:#2b8d00}
.currrency{ /*float:left; */width:auto; margin-right:2px;}

label{ font-size:13px; color:#333}
.input{ border:1px solid #ccc; padding:2px 1px 1px 5px; background:#fff url(../images/input_bg.png) 0 0 repeat-x; height:16px; font:normal 11px ProximaNova-Regular; color:#2f2f30; width:150px;}
.input{ border:1px solid #ccc; padding:3px 3px 3px 10px; background:#fff url(../images/input_bg.png) 0 0 repeat-x; font:normal 11px ProximaNova-Regular; color:#2f2f30; width:150px;}
.BtnSubmit{ background:url(../images/button_sprite.png) 0 -127px no-repeat; height:34px;  width:73px; border:none; cursor:pointer;}
.BtnReset{ background:url(../images/button_sprite.png) 0 -167px no-repeat; height:34px;  width:73px; border:none; cursor:pointer;}
.button{font:bold 13px ProximaNova-Regular;
	color:#fff;
	padding:2px 6px 4px 6px; 
	height:24px;
	border:none;
	background: #425563;
	cursor:pointer;
	width:auto;
	overflow:visible;}
	
	.button1{font:bold 13px ProximaNova-Regular;
	color:#fff;
	padding:2px 6px 4px 6px;
	height:24px;
	border:none;
	background: #425563;
	cursor:pointer;
	width:auto;overflow:visible;}
	

.button1,.button {
	/*-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:ProximaNova-Regular;
	font-size:11px;
	font-weight:bold;
	padding:3px 10px 5px 10px;
	height:24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #287ace;
	margin:0px 3px 0px 3px;*/
	-moz-box-shadow:inset 0px 1px 0px 0px #a1b4c3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a1b4c3;
	box-shadow:inset 0px 1px 0px 0px #a1b4c3;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #556977), color-stop(1, #425563) );
	background:-moz-linear-gradient( center top, #556977 5%, #425563 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#556977', endColorstr='#425563');
	background-color:#556977;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #425563;
	display:inline-block;
	color:#ffffff;
	font-family:ProximaNova-Regular;
	font-size:12px;
	font-weight:bold;
	padding:3px 10px 5px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #425563;
	margin:0px 3px 8px 3px;
}
.button1:hover,.button:hover {
	/*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;
	color:#FFF;*/
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #425563), color-stop(1, #556977) );
	background:-moz-linear-gradient( center top, #425563 5%, #556977 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#425563', endColorstr='#556977');
	background-color:#425563;
	color:#ffffff;
}.button_blue:active {
	position:relative;
	top:1px;
}

a.buttonLink{ background:url(../images/button_bg.gif) 100% 0 repeat-x; height:19px; padding:0 10px; text-align:center; font-size:11px; color:#f6f6f6; line-height:18px; width:auto; cursor:pointer}
a.buttonLink:hover{ text-decoration:none}

.AlignRight{ text-align:right}
.ovflHidden{ overflow:hidden}

ul.list{ padding:0; margin:0; list-style:none; overflow:hidden}
ul.list li{ background:url(../images/bullet1.gif) 0 4px no-repeat; padding:0 0 5px 18px;}

.FormTable{ margin:5px 0 0 0;}
.FormTable td{ padding:5px 0}
.mandetory{ color:#ff0000; font-weight:bold}
.devider{ background:url(../images/dotted_border.gif) 0 100% repeat-x; padding:0 0 10px 0; margin:0 0 15px 0}


.Step1,.Step2,.Step3,.Step4{ background:url(../images/steps_sprite.gif) 0 0 no-repeat; width:497px; height:48px; margin:10px auto}
.Step1{ background-position:0 0;}
.Step2{ background-position:0 -57px;}
.Step3{ background-position:0 -114px;}
.Step4{ background-position:0 -171px;}

.ThemeThumb{ background:url(../images/theme_thumb_bg.gif) 0 0 no-repeat; width:300px; height:215px; padding:14px}
.BigThemeThumb{background:url(../images/big_theme_thumb11_bg.gif) 0 0 no-repeat; width:380px; height:273px; padding:14px; margin:0 auto}
.ThemeThumb a img{filter:alpha(opacity=60); opacity:0.6}
.ThemeThumb a:hover img{filter:alpha(opacity=100); opacity:1}

.PageNos{ position:relative; text-align:left}
.PageNos  .UpDown{position:absolute; right:0px; top:5px}
#ShowReport{ overflow:auto; margin-top:10px; width:100%; height:520px}
#ShowReport #report{ margin-top:10px}

.LeftSection{ width:43%; float:left}
.RhtReports{ width:56%; float:right}

a.PdfLink{ background:url(../images/pdf_icon.png) 0 -1px no-repeat; padding:0 0 0 22px; display:block; height:16px}
a.ViewLink{ background:url(../images/view_icon.png) 0 0px no-repeat; padding:0 0 0 20px; display:block; height:16px}
a.EditLink{ background:url(../images/edit_icon.png) 0 0px no-repeat; padding:0 0 0 20px; display:block; height:16px}
a.PrintLink{ background:url(../images/print_icon.png) 0 0px no-repeat; padding:0 0 0 20px; display:block; height:16px}

h3 a{ color:#fff}
h3 a:hover{ color:#fff}
h5{ font:bold 11px Tahoma; color:#222; padding:4px 10px 5px 10px; background:#ddd; margin-bottom:10px}

#reporttoggle{ padding:10px 0 0 0}
#reporttoggle .EditableHeading{ position:absolute; left:52px; top:133px; width:360px; height:10px background:#32407f;}
#reporttoggle .field{ width:auto; background:#32407f; width:350px; border:none; height:10px; font:bold 10px Tahoma; text-transform:uppercase; padding:0 0 2px 10px; color:#fff}
#reporttoggle .EditableHeading table td{ padding:0}
#reporttoggle1{ padding:10px 0 0 0}
#reporttoggle1 .EditableHeading{ position:absolute; left:52px; top:137px; width:360px; height:10px background:#32407f;}
#reporttoggle1 .field{ width:auto; background:#32407f; width:350px; border:none; height:10px; font:bold 10px Tahoma; text-transform:uppercase; padding:0 0 2px 10px; color:#fff}
#reporttoggle1.EditableHeading table td{ padding:0}
#Graph{ position:absolute; left:50px; top:97px;}
#Graph1{ position:absolute; left:50px; top:150px;}

.FinalReport{width:auto; height:500px; overflow:auto}
.FinalReport p{ border-bottom:1px dashed #666; margin:0 0 25px 0; padding:0 0 25px 0}

#Login{ width:365px; margin:100px auto}
#Login label{ font-size:12px}
#Login table td{ padding:6px 3px}
.Login table td.topSpace{ padding-top:10px}
.Login table td.topSpace1{ padding-top:5px}


.loginform h1{font:bold 18px ProximaNova-Regular; color:#425563;}
.Login{ width:408px; position:relative; margin:85px auto 20px auto; background:url(../images/login_top.gif) 0 0 no-repeat; padding-top:18px}
.Login .loginReapBg{ background:url(../images/login_reap.gif) 0 100% repeat-y}
.Login .loginMainBg{ background:url(../images/login_main.gif) 0 100% no-repeat; min-height:227px}
.Login .loginform{ position:absolute; left:206px; top:25px}
.Login .loginform label{ font:normal 13px ProximaNova-Regular; color:#333; display:block; padding-bottom:6px}
.Login .loginform .submitbtn{ background:url(../images/submit_btn.png) 0 0 no-repeat; width:67px; height:32px; cursor:pointer; border:none}

.LoginLinks{ border:1px solid #ccc; width:392px; margin:0 auto}
.LoginLinks a{ display:block; padding:5px 16px; border-right:1px solid #ccc; background:#eee; font-size:13px; color:#666; float:left; width:auto}
.LoginLinks a:hover{ background:#ddd;}

.complete{ color:#6cb108}

.popup {z-index:2000; border:3px solid #014264; background:#fff; padding:10px}
.Accountpopup{padding-top:30px; z-index:9999; position:absolute; right:0; top:26px; background:url(../images/account_popup_top.png) 0 0 no-repeat; width:257px; text-align:left;}
.Accountpopup .Inner{ background:#fff; border:3px solid #425563; border-top:none; padding:5px 10px 10px 10px;}
.Accountpopup .Inner p{ padding:10px 0 0 0;}
.Accountpopup .Inner .input{ width:217px}

.fadebackgound {position:absolute; width:100%; top:0%; left:0%; height:100%; display:none; background:#000; opacity:0.5;	filter:alpha(opacity=50); z-index:500;}
label{}
.GreyBox{ background:#e7e7ef; border:1px solid #ddd; padding:0 10px 10px 10px; margin:10px 0 0 0; text-align:center; color:#316194}
#NewClient .input{ width:107px}

.add-new-client-container { border:solid 2px #455562; padding:2px 2px 8px 2px; border-top:none;}
.add-new-client-container .DataTable {  padding:0px;}
.add-new-client-container .DataTable th { font-size:12px;}

/*.steps-add-new-client { background-image:url(../images/new_client_steps.jpg); background-repeat:no-repeat; height:82px;}
.steps-add-new-client.client-details{ background-position:0px 0px; }
.steps-add-new-client.investment-policy{ background-position:0px -82px;}
.steps-add-new-client.bank-account{ background-position:0px -164px;}
.steps-add-new-client.real-estate{ background-position:0px -246px;}
.steps-add-new-client.other-assets{ background-position:0px -328px;}*/

.steps-add-new-client { background-image:url(../images/updated_client_steps.jpg); background-repeat:no-repeat; height:82px;}
.steps-add-new-client.client-details{ background-position:0px 0px; }
.steps-add-new-client.investment-policy{ background-position:0px -82px;}
.steps-add-new-client.bank-account{ background-position:0px -164px;}
.steps-add-new-client.real-estate{ background-position:0px -246px;}
.steps-add-new-client.other-assets{ background-position:0px -328px;}
.steps-add-new-client.libelities{ background-position:0px -410px;}

.add-new-client-scroller { /*max-height:280px;*/ margin:2px 0px 8px 0px; padding:6px; border:1px solid #d5dee2;}
.add-new-client-scroller table td { padding:4px 8px;}
.accordion-manual { margin-bottom:4px;}
.accordion-manual-header { background: url(../images/down_arrow_white.gif) 10px 10px no-repeat #033C6A; color:#FFF; font-weight:bold; line-height:18px; padding:3px 6px 4px 26px; height:18px; font-size:12px; cursor:pointer; overflow:hidden}
.accordion-manual-content { background:#fff; border:solid 1px #033C6A; padding:8px; border-top:none}
.accordion-manual-header.active {background: url(../images/up_arrow_white.gif) 10px 10px no-repeat #3F83DB;}

.accordion-manual-content ul.list {margin:0px; padding:4px; background:#d9e6ee; border:solid 1px #c5dae7; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; }
.accordion-manual-content ul.list li { background: url(../images/bullet.gif) 4px 11px no-repeat; padding:4px 4px 4px 16px; font-weight:bold; font-size:12px; line-height:18px;}

.add-bank-acc-container {margin:0px; padding:16px 8px; background:#d9e6ee; border:solid 1px #c5dae7; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; text-align:center;}

.search_textbox { 
	padding:8px; 
	border:solid 1px #b3b3b3;
	-webkit-box-shadow: #b3b3b3 0px 0px 3px inset;
	-moz-box-shadow: #b3b3b3 0px 0px 3px inset;
	box-shadow: #b3b3b3 0px 0px 3px inset;
	width:450px; 
	margin:10px auto 0px;
}
.search_textbox .search_input_textbox {
	float:left;
	width:400px;
}
.search_textbox .search_input_textbox label { position:absolute; z-index:2; font-size:16px; color:#CCC;}
.search_textbox .search_input_textbox input { font-size:16px; color:#333; border:none; width:100%; height:19px;}
.search_textbox .search_icon{
	float:right;
	width:24px;
	padding-left:10px;
	border-left:solid 1px #b3b3b3;
	background:url(../images/search_icon.png) no-repeat 10px 0px;
	height:19px;
	display:block;
	cursor:pointer;
}


.add-bank-acc-container label{ font-size:16px; color:#666; }
.alert-msg { background: url(../images/error.png) 6px 8px no-repeat #ffebe5; color:#C33; padding:6px 6px 6px 30px; margin:10px 0px 0px; border:solid 1px #efe0db;}
.ui-datepicker-trigger { vertical-align:-8px;}
.divers-text-box { margin-bottom:8px;}
.clear { clear:both;}
.add-new-client-scroller label { font-family:ProximaNova-Regular, Helvetica, sans-serif; font-size:11.5px; white-space:nowrap;}
.round-light-blue-container {
	margin:0px 0px 10px 0px; padding:8px; background:#d9e6ee; border:solid 1px #c5dae7; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
	}
.round-light-blue-container table td { padding:2px 6px;}
.review-process-text { margin:6px 0px;}
.review-process-text input[type='checkbox'] {margin-right:8px;}
#MainContent .ui-widget-header { background:url("../images/gradient2.gif") repeat-x scroll 0 0 transparent; padding:4px 8px; font-size:13px; color:#fff;}
#MainContent  .ui-widget-content {background:#fff;}
#MainContent  .ui-state-highlight,  #MainContent  .ui-state-highlight.ui-priority-secondary  {background:#ffe7be;}
#MainContent  .ui-priority-secondary  {background:#f0f0f0; }
#MainContent  .ui-jqgrid tr.ui-row-ltr td {color:#000;}
#MainContent  .ui-priority-secondary  td {color:#000;}
#MainContent  .ui-jqgrid tr.ui-row-ltr td input{color:#000; padding:3px 0px; border:solid 1px #818181;}

.calendar-modal {
	width:250px;
	padding:5px 15px 15px 15px;
	display:block;
	position:absolute;
	z-index:2000;
	margin-top:32px;     
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #5c5c5c 0px 3px 8px;
	-moz-box-shadow: #5c5c5c 0px 3px 8px;
	box-shadow: #5c5c5c 0px 3px 8px;
	background: #fff;
}
.calendar-modal label { display:block; float:left; width:35%; font-weight:normal;}
.calendar-modal input[type='text'] { display:block; float:left; width:45%;}
.calendar-modal input[type='button'] { display:block; float:right;}
.calendar-modal br { display:block; clear:both; margin-bottom:8px;}
.calendar-modal h2 { margin:0px 0px 8px 0px; padding:4px 0px; border-bottom:solid 1px #ccc;}
.calendar-modal .ui-datepicker-trigger { float:left; margin-left:2px;}

.hide { display:none;}


.button_blue {
	-moz-box-shadow:inset 0px 1px 0px 0px #a1b4c3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a1b4c3;
	box-shadow:inset 0px 1px 0px 0px #a1b4c3;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #556977), color-stop(1, #425563) );
	background:-moz-linear-gradient( center top, #556977 5%, #425563 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#556977', endColorstr='#425563');
	background-color:#556977;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #425563;
	display:inline-block;
	color:#ffffff;
	font-family:ProximaNova-Regular;
	font-size:12px;
	font-weight:bold;
	padding:2px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #425563;
	margin:0px 3px 8px 3px;
}.button_blue:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #425563), color-stop(1, #556977) );
	background:-moz-linear-gradient( center top, #425563 5%, #556977 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#425563', endColorstr='#556977');
	background-color:#425563;
	color:#ffffff;
}.button_blue:active {
	position:relative;
	top:1px;
	color:#ffffff;
}

.button_orange {
	-moz-box-shadow:inset 0px 1px 0px 0px #fed897;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fed897;
	box-shadow:inset 0px 1px 0px 0px #fed897;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6b33d), color-stop(1, #d29105) );
	background:-moz-linear-gradient( center top, #f6b33d 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#d29105');
	background-color:#f6b33d;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eda933;
	display:inline-block;
	color:#ffffff;
	font-family:ProximaNova-Regular;
	font-size:11px;
	font-weight:bold;
	padding:2px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #cd8a15;
	margin:0px 3px 8px 3px;
}.button_orange:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d29105), color-stop(1, #f6b33d) );
	background:-moz-linear-gradient( center top, #d29105 5%, #f6b33d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#f6b33d');
	background-color:#d29105;
	color:#ffffff;
}.button_orange:active {
	position:relative;
	top:1px;
	color:#ffffff;
}

.button_gray {
	-moz-box-shadow:inset 0px 1px 0px 0px #a1b4c3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a1b4c3;
	box-shadow:inset 0px 1px 0px 0px #a1b4c3;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #556977), color-stop(1, #425563) );
	background:-moz-linear-gradient( center top, #556977 5%, #425563 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#556977', endColorstr='#425563');
	background-color:#556977;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #425563;
	display:inline-block;
	color:#ffffff;
	font-family:ProximaNova-Regular;
	font-size:12px;
	font-weight:bold;
	padding:2px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #425563;
	margin:0px 3px 8px 3px;
}.button_gray:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #425563), color-stop(1, #556977) );
	background:-moz-linear-gradient( center top, #425563 5%, #556977 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#425563', endColorstr='#556977');
	background-color:#425563;
	color:#ffffff;
}.button_gray:active {
	position:relative;
	top:1px;
	color:#ffffff;
}

.button_gray_light {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:ProximaNova-Regular;
	font-size:12px;
	font-weight:bold;
	padding:2px 10px;
	text-decoration:none;
	margin:0px 3px 8px 3px;
}.button_gray_light:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.button_gray_light:active {
	position:relative;
	top:1px;
}

.add_cc_account {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fae4bd), color-stop(1, #eac380) );
	background:-moz-linear-gradient( center top, #fae4bd 5%, #eac380 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fae4bd', endColorstr='#eac380');
	background-color:#fae4bd;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#b04313;
	font-weight:bold;
	width:550px;
	font-size:14px;
	margin:15px 0px;
	padding:0px 0px 24px 0px;
	text-decoration:none;
	text-shadow:1px 1px 0px #fff;
}
.add_cc_account td { font-size:12px; padding:4px 10px; color:#5a5555; text-shadow:none; line-height:normal;}
.add_cc_account th { padding:15px; border-bottom:1px solid #eeb44f; line-height:normal; text-align:left;}
.add_cc_account td .input { width:250px; font-size:13px;}

.success_message {
	-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background-color:#9dce2c;
	border:1px solid #83c41a;
	display:block;
	color:#ffffff;
	font-size:15px;
	font-weight:normal;
	padding:6px 24px;
	margin-bottom:15px;
	text-decoration:none;
	text-shadow:1px 1px 0px #689324;
}

select {
	border:1px solid #ccc;
	background:url(../images/input_bg.png) 0 0 repeat-x #fff;
	color:#000;
	font-size:13px;
	padding:2px;
	}
.link1{ background:#fff; padding:2px 5px; display:block; float:right; width:auto; font:normal 13px ProximaNova-Regular;}
.link2{display:block; background:#fff; padding:0 3px; float:right; width:auto; font:normal 13px ProximaNova-Regular;}
.ReportSection h2{ background:#1a9497; color:#FFF; font-weight:bold; text-align:center; line-height:18px; padding:4px 6px 4px 10px; /*height:18px;*/ font-size:12px; cursor:pointer; overflow:hidden}
.ReportSection h2 span{ text-align:center; display:block}
.ReportTable{ margin:5px 0}
.ReportTable th{ background:#18345a; color:#fff; padding:2px 3px;}
.ReportSection .DataTable th.mainHead{ font-size:13px; padding:3px 3px 3px 10px;}

.ReportSection .DataTable tr.total td{ background:#eee; font-weight:bold}
.ReportSection h2.Head{ padding:25px 0; height:20px; margin:0}
.ReportSection .DataTable tr#total td{ background:#ccc; font-weight:bold}
.DataTable tr#total td{ background:#ccc; font-weight:bold}
.ReportSection .DataTable tr.DiffRow td{background:#CED8E2 !important;}
.ReportSection .DataTable tr td { position:relative;}
.ReportSection .DataTable  .dollarSign{ /*width:2px; float:left; position:relative;*/ padding-right:2px;}


.ReportSection .DataTable{ border:1px solid #d7d7d7; padding:1px; font-size:11px; margin:5px 0}
.tablescroll {border:1px solid #d7d7d7; padding:1px;}
.tablescroll_wrapper .DataTable {border:none; margin:0px; padding:0px;}
.ReportSection .DataTable th, .tablescroll_head th{ background:#657487 url(../images/gradient2.gif) 0 0 repeat-x; font-size:12px; font-weight:bold; color:#fff; padding:3px 10px 5px 10px}
.ReportSection .DataTable td{ padding:4px 8px;} 
.ReportSection .DataTable td.subhead, .DataTable tr.odd td.subhead, .DataTable tr.even td.subhead { background:url(../images/table_sub_head.gif) 0 0 repeat-x #dedfde; line-height:normal; border-right:solid 1px #BDBABD; font-weight:bold; border-bottom:1px solid #bdbabd; }
.ReportSection .DataTable td.total, .DataTable tr.odd td.total, .DataTable tr.even td.total { background:url(../images/table_sub_head.gif) 0 0 repeat-x #dedfde; line-height:normal; border-right:solid 1px #BDBABD; font-weight:bold; border-bottom:1px solid #bdbabd; }


.accordion-manual-header{ position:relative; /*z-index:100;*/}
.RightValueBox{background:#71D0E8; padding:0; color:#02436D; line-height:25px; float:right; width:60px; height:25px; text-align:center; display:block; position:absolute; right:0; top:0}
.CalIcon{ background:url(../images/calendar.png) 0 0 no-repeat; border:none; width:30px; height:24px; font-size:0; cursor:pointer}

a.closed{background: url(../images/down_arrow_white.gif) 0 7px no-repeat; padding:0 0 0 20px; text-decoration:none}
a.opened{background: url(../images/up_arrow_white.gif) 0 7px no-repeat; padding:0 0 0 20px; text-decoration:none}

h1.title,.pagetitle{display:block; font:bold 13px ProximaNova-Regular; color:#fff; color:#014264; color:#ffffff; padding:3px 10px 5px 10px; margin-bottom:10px; overflow:hidden;
	text-align:left;
	background: #335f7e; /* Old browsers */
	background: -moz-linear-gradient(top, #6c93b0 0%, #335f7e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c93b0), color-stop(100%,#335f7e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6c93b0 0%,#335f7e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6c93b0 0%,#335f7e 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #6c93b0 0%,#335f7e 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c93b0', endColorstr='#335f7e',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #6c93b0 0%,#335f7e 100%); /* W3C */}
h1.title .left{ float:left;}
h1.title .right{ float:right; text-align:right}
h1.title a{ color:#fff; line-height:20px}
h1.title a.AddLink{ background-position:0 1px;}
a.close{ background:url(../images/close.png) 0 0 no-repeat; width:17px; opacity: 1 !important; height:18px; display:block; float:right; outline:none; text-indent:-3000px}
a.PdfLink{ background:url(../images/pdf_icon.png) 0 -1px no-repeat; padding:0 0 0 22px; display:block; height:16px}
a.ViewLink{ background:url(../images/view_icon.png) 0 0px no-repeat; padding:0 0 0 20px; display:block; height:16px}
a.EditLink{ background:url(../images/edit_icon.png) 0 0px no-repeat; padding:0 0 0 20px; display:block; height:16px}
a.PrintLink{ background:url(../images/print_icon.png) 0 0px no-repeat; padding:0 0 0 20px; display:block; height:16px}
.disabled{ opacity:0.3; filter:alpha(opacity=30)}

.DataTable tr.odd td.HeatmapTd-E15D44,.DataTable tr.even td.HeatmapTd-E15D44{ background:#95C446}
.DataTable tr.odd td.HeatmapTd-95C446,.DataTable tr.even td.HeatmapTd-95C446{background:#FDC46E}
.DataTable tr.odd td.HeatmapTd-CAADCA,.DataTable tr.even td.HeatmapTd-CAADCA{background:#CAADCA}
.DataTable tr.odd td.HeatmapTd-FDC46E,.DataTable tr.even td.HeatmapTd-FDC46E{background:#E15D44}
.DataTable tr.odd td.HeatmapTd-CCCCCC,.DataTable tr.even td.HeatmapTd-CCCCCC{background:#CCCCCC}

.DataTable tr.odd td.HighlightGreen,.DataTable tr.even td.HighlightGreen{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e5f4ff), color-stop(1, #cae5f7) );
	background:-moz-linear-gradient( center top, #e5f4ff 5%, #cae5f7 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5f4ff', endColorstr='#cae5f7');
	background-color:#bddbfa;}
.DataTable tr.odd td.HighlightPista,.DataTable tr.even td.HighlightPista{background:#86daf2;}

.DataTable tr.HighlightGreen td,.DataTable tr.HighlightGreen td{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e5f4ff), color-stop(1, #cae5f7) );
	background:-moz-linear-gradient( center top, #e5f4ff 5%, #cae5f7 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5f4ff', endColorstr='#cae5f7');
	background-color:#bddbfa;}

.DataTable tr.HighlightPista td,.DataTable tr.HighlightPista td{background:#D1E8A2;}

.DataTable tr.odd td.blue_strip{background:#e5f4ff;}
.DataTable tr.even td.blue_strip{background:#cae5f7;}

.DataTable tr.odd td.totalhead,.DataTable tr.even td.totalhead{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9ba0a2), color-stop(1, #747c7e) );
	background:-moz-linear-gradient( center top, #9ba0a2 5%, #747c7e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ba0a2', endColorstr='#747c7e');
	background-color:#9ba0a2;
	color:#FFF;
	font-weight:bold;
	}
	
	.DataTable tr.totalhead td,.DataTable tr.totalhead td{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9ba0a2), color-stop(1, #747c7e) );
	background:-moz-linear-gradient( center top, #9ba0a2 5%, #747c7e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ba0a2', endColorstr='#747c7e');
	background-color:#9ba0a2;
	color:#FFF;
	font-weight:bold;
	}
	
.DataTable tr.odd td.BorderLeft,.DataTable tr.even td.BorderLeft{ border-left: solid 2px #ccc;}
.DataTable tr.odd td.BorderRight,.DataTable tr.even td.BorderRight{ border-right: solid 2px #ccc;}

.clientList  .InnerBox{ padding:6px 10px}
.clientList .box .topsection{/* overflow:hidden; */height:20px; }
.clientList .box .topsection .index{ float:left; font-weight:bold; width:auto}
.clientList .box .topsection .alert{ float:right; width:auto}
.clientList .box .ClientName{ padding:13px 0 0 0; text-align:center; font-weight:bold}
.clientList .box .ClientName a{ color:#fff}
.clientList .box .ClientName a:hover{ text-decoration:underline}
.clientList .box .CompositeReturn{ padding:12px 0 0 0; text-align:center; font-weight:bold;}

.Box_Grey{ background:url(../images/box_grey.gif) 0 0 no-repeat;}
.Box_Green1{ background:url(../images/box_green1.gif) 0 0 no-repeat;  color:#fff}
.Box_Green2{ background:url(../images/box_green2.gif) 0 0 no-repeat; color:#fff}
.Box_Green3{ background:url(../images/box_green3.gif) 0 0 no-repeat; color:#fff}
.Box_Green4{ background:url(../images/box_green4.gif) 0 0 no-repeat; color:#fff}
.Box_Green5{ background:url(../images/box_green5.gif) 0 0 no-repeat; color:#fff}
.Box_Green6{ background:url(../images/box_green6.gif) 0 0 no-repeat; color:#fff}
.Box_Orange1{ background:url(../images/box_orange1.gif) 0 0 no-repeat; color:#fff}
.Box_Orange2{ background:url(../images/box_orange2.gif) 0 0 no-repeat; color:#fff}
.Box_Yellow{ background:url(../images/box_yellow.gif) 0 0 no-repeat; color:#fff}
.clientList .Box_Grey .ClientName a{ color:#333}

#Navigation ul.dropdown {position: relative;height:30px !important;padding:0 0 1px 0;}
#Navigation ul.dropdown li { float: left; zoom: 1; height:30px !important; padding:0 2px 0 0; background:url(../images/nav_seprator.gif) 100% 0 no-repeat }
#Navigation ul.dropdown li a {display:block; float:none !important; height:29px; padding:0 25px 0 25px; font:normal 14px/28px ProximaNova-Regular; color:#fff;}
#Navigation ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
#Navigation ul.dropdown li.hover,
#Navigation ul.dropdown li:hover { text-decoration:none; background:url(../images/nav_hover_bg.gif) 0 0 repeat-x ; color:#ae4e00; position: relative; }
#Navigation ul.dropdown li.hover a { color:#ae4e00 }

#Navigation ul.dropdown ul li:hover { text-decoration:none; background: #333 !important; color:#fff; position: relative; }
#Navigation ul.dropdown ul li.hover a { color:#fff }

#Navigation ul.dropdown ul { color:#fff;width:262px !important; visibility: hidden; position: absolute; top: 100%; left: 0; z-index:1000 }
#Navigation ul.dropdown ul li { font-weight: normal; background: #455562 !important; height:auto !important; color:#fff; border-bottom:1px solid #ffffff; border-left: 1px solid #ffffff;border-right: 1px solid #ffffff; float: none; position:relative; z-index:1000 } 
                                    /* IE 6 & 7 Needs Inline Block */
#Navigation ul.dropdown ul li a { border: none; width: 100%; color:#fff !important; font-size:12px !important;  height:auto !important;  line-height:15px !important; padding:5px 15px 7px 20px !important; display: inline-block; } 
#Navigation ul.dropdown ul li a:hover { background:#333 !important;color:#fff; width:220px; }

#Navigation ul.dropdown ul ul { left: 100%; top: 0; width:160px }
#Navigation ul.dropdown li:hover > ul { visibility: visible;}
#Navigation ul.dropdown ul li ul li a:hover { background:#333333;color:#fff; padding:0 25px 0 25px; width:108px;display: inline-block; }

.fadebackgound {position:absolute; width:100%; height:100%; display:none; background:#000; opacity:0.5;	filter:alpha(opacity=50); z-index:0;}

input[type=button].finalizeButton {
	width:73px;
	height:27px;
	border:none;
	background:url(../images/btn-finalize.png) no-repeat transparent;
	cursor:pointer;
}
input[type=submit].prevButton {
	width:73px;
	height:27px;
	border:none;
	background:url(../images/btn-prev.png) no-repeat transparent;
	cursor:pointer;
}
input[type=submit].nextButton {
	width:73px;
	height:27px;
	border:none;
	background:url(../images/btn-next.png) no-repeat transparent;
	cursor:pointer;
}
input[type=submit].generateButton {
	width:89px;
	height:27px;
	border:none;
	background:url(../images/btn-generate.png) no-repeat transparent;
	cursor:pointer;
}

.ReportSection {
	/*padding:12px;
	background:#D7D7D7;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border:1px solid #D7D7D7;*/
}
.ReportSection h1 { font-family:ProximaNova-Regular, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#0052c2; padding:0px; margin:0px 0px 10px 0px;}
.buttons-group .button_blue, .buttons-group .button_gray_light { padding:4px 14px; margin:0px 2px 8px; font-size:12px;}

.colorBlock{display:block; width:22px; height:18px; float:right; border:1px solid #fff; margin:0 5px 0 0}
.blue{background:#6aa5f0;}
.gray{background:#777;}
.green{background:#097a11;}
.pink{background:#911146;}
.gray1{background:#8598a8;}

.yearOptions{ overflow:hidden;}
.yearOptions a{ display:block; float:right; width:54px; height:21px; background:url(../images/year_sprite.gif) 0 0 no-repeat}
.yearOptions a:hover,.yearOptions a.active{background:url(../images/year_sprite.gif) 0 0 no-repeat}
.yearOptions a.OneYear{ background-position:0 0;}
.yearOptions a.OneYear.active{ background-position:0 -31px;}
.yearOptions a.ThreeYear{ background-position:-54px 0;}
.yearOptions a.ThreeYear.active{ background-position:-54px -31px;}
.yearOptions a.FiveYear{ background-position:-108px 0;}
.yearOptions a.FiveYear.active{ background-position:-108px -31px;}


.yearOptions1{ overflow:hidden;}
.yearOptions1 a{ display:block; float:right; width:54px; height:21px; background:url(../images/year_sprite_new.gif) 0 0 no-repeat}
.yearOptions1 a:hover,.yearOptions a.active{background:url(../images/year_sprite_new.gif) 0 0 no-repeat}
.yearOptions1 a.OneYear1{ background-position:0 0;}
.yearOptions1 a.OneYear1.active{ background-position:0 -31px;}
.yearOptions1 a.ThreeYear1{ background-position:-54px 0;}
.yearOptions1 a.ThreeYear1.active{ background-position:-54px -31px;}
.yearOptions1 a.FiveYear1{ background-position:-108px 0;}
.yearOptions1 a.FiveYear1.active{ background-position:-108px -31px;}
.yearOptions1 a.TenYear1{ background-position:-162px 0;}
.yearOptions1 a.TenYear1.active{ background-position:-162px -31px;}


.yearOptions2{ overflow:hidden;}
.yearOptions2 a{ display:block; float:right; width:54px; height:21px; background:url(../images/year_sprite_new.gif) 0 0 no-repeat}
.yearOptions2 a:hover,.yearOptions a.active{background:url(../images/year_sprite_new.gif) 0 0 no-repeat}
.yearOptions2 a.OneYear2{ background-position:0 0;}
.yearOptions2 a.OneYear2.active{ background-position:0 -31px;}
.yearOptions2 a.ThreeYear2{ background-position:-54px 0;}
.yearOptions2 a.ThreeYear2.active{ background-position:-54px -31px;}
.yearOptions2 a.FiveYear2{ background-position:-108px 0;}
.yearOptions2 a.FiveYear2.active{ background-position:-108px -31px;}
.yearOptions2 a.TenYear2{ background-position:-162px 0;}
.yearOptions2 a.TenYear2.active{ background-position:-162px -31px;}













.wrapper-dropdown-3 {
    /* Size and position */
    position: relative;
    width: 200px;
    margin: 0 auto;
    padding: 10px;

    /* Styles */
    background: #fff;
    border-radius: 7px;
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(50,50,50,0.1);
    cursor: pointer;
    outline: none;

    /* Font settings */
    font-weight: bold;
    color: #666;
}

.wrapper-dropdown-3:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #8aa8bd transparent;
}

.wrapper-dropdown-3 .dropdown {
  /* Size & position */
    position: absolute;
    top: 140%;
    left: 0;
    right: 0;
	max-height:300px;
	overflow-x:hidden;
	overflow-y:auto;
    /* Styles */
    background: white;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,0.17);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    font-weight: normal;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    list-style: none;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
}

.wrapper-dropdown-3 .dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 15px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent;    
}

.wrapper-dropdown-3 .dropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 13px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent;    
}

.wrapper-dropdown-3 .dropdown li a {
    display: block;
    padding: 6px;
    text-decoration: none;
    color: #666;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.wrapper-dropdown-3 .dropdown li i {
    float: right;
    color: inherit;
}

.wrapper-dropdown-3 .dropdown li:first-of-type a {
    border-radius: 7px 7px 0 0;
}

.wrapper-dropdown-3 .dropdown li:last-of-type a {
    border: none;
    border-radius: 0 0 7px 7px;
}

/* Hover state */

.wrapper-dropdown-3 .dropdown li:hover a {
    background: #f3f8f8;
}

/* Active state */

.wrapper-dropdown-3.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

/* No CSS3 support */

.no-opacity       .wrapper-dropdown-3 .dropdown,
.no-pointerevents .wrapper-dropdown-3 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown-3.active .dropdown,
.no-pointerevents .wrapper-dropdown-3.active .dropdown {
    display: block;
}
.save {background:url(../images/save.png) no-repeat left; height:25px; border:none; width:16px;  cursor:pointer}
.cancel {background:url(../images/cancel.png) no-repeat left; height:25px;  border:none; width:16px;  cursor:pointer}

.bg_blue{background:#3F83DB;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
	padding: 3px 6px 4px 14px;
	}
	
.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color: #000000;
    background-color:red;
    font-size: 12px;
    padding: 1em;
    display: none;
}

.back-to-top:hover {    
    background-color: rgba(135, 135, 135, 0.50);
}