@charset "utf-8";
/*
COMPONENTS STYLESHEET
Description:  Page components definitions
Author:       Interactive Things
Created:      100614_BW
Updated:      100708_BW
*/
/* USER NAVIGATION
/////////////////////////////////////////////////////////////////*/
#user_nav         { position: absolute; right: 20px; top: 10px;}
#user_nav li a    { border-color: #58769a;}
#user_nav li.first{ margin-right: 10px;}
#user_nav li a:hover  { text-decoration: underline;}
/* HELP BUTTON
/////////////////////////////////////////////////////////////////*/
#help a           { 
  background: #f09f41 url('../img/help_bg.png') 0 0 repeat-x; 
  border: none; 
  margin-top: -1px; 
  padding: 1px 5px 2px; 
  text-transform: uppercase; 
  /* CSS3 */
  border-radius: 5px; 
  box-shadow: 0px 1px 1px #3e5b7f;
}
/* PLAN SELECTION
/////////////////////////////////////////////////////////////////*/
#plan_select    { position: absolute; left: 20px; bottom: 6px;}
/* MAIN NAVIGATION
/////////////////////////////////////////////////////////////////*/
#main_nav       {
	bottom: 0;
	left: 190px;
	list-style: none;
	margin: 0;
	position: absolute;
}
#main_nav li    { float: left; margin-right: 2px;}
#main_nav li a  { 
  background: #486c97 url('../img/main_nav_bg.png') 0 0 repeat-x; 
  border: 1px solid #4a688e; 
  border-bottom: none; 
  border-top: 1px solid #4a688e; 
  color: #d3e4f4; 
  display: block; 
  float: left; 
  font-weight: normal; 
  line-height: 28px; 
  text-align: center; 
  text-decoration: none; 
  text-transform: uppercase; 
  width: 104px; 
  /* CSS3 */
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  text-shadow: 0px 1px 1px #29405c;
  filter: dropshadow(color=#29405c, offx=0, offy=1);
}
#main_nav li a:hover{ 
  background: #6d8fba; 
  border: 1px solid #6d8fba; 
  border-bottom: none; 
  /* CSS3 */
  box-shadow: 0px 0px 3px #3e5b7f;
  text-shadow: 0px 1px 1px #324F73;
  filter: dropshadow(color=#324F73, offx=0, offy=1);
}

#main_nav li.disabled a:hover{
	cursor: not-allowed;
}
#main_nav li.actions a{ 
  background-color: #F1A142;
  background-image: none; 
  border: 1px solid #F39D39; 
  border-bottom: none; 
  border-top: 1px solid #F39D39; 
  color: #FFFFFF; /*FFFF9F*/
  /* CSS3 */
  text-shadow: 0px 1px 1px #D27507;
  filter: dropshadow(color=#D27507, offx=0, offy=1);
}
#main_nav li.actions a:hover{ 
  background-color: #FFC465; 
  border: 1px solid #FFC465;
  border-bottom: none; 
  /* CSS3 */
  box-shadow: 0px 0px 3px #D0902A;
  text-shadow: 0px 1px 1px #C4841E;
  filter: dropshadow(color=#C4841E, offx=0, offy=1);
}
#main_nav li.active a{ 
  background: #fff; 
  border: 1px solid #fff; 
  border-bottom: none; 
  border-top: 1px solid #fff; 
  color: #333; 
  font-weight: bold;
  /* CSS3 */
  box-shadow: 0px 0px 5px #3e5b7f;
  text-shadow: none; 
  filter: none;
}
#main_nav li a .main_nav__badge::before {content: "("}
#main_nav li a .main_nav__badge::after {content: ")"}
/* BREADCRUMB
/////////////////////////////////////////////////////////////////*/#breadcrumb{ list-style: none; margin: 0 0 11px 0; padding:0; width:100%; float:left; display:inline; border:0px solid red /*position: absolute; left:20px; top:3px*/}
#breadcrumb li{float: left; margin-right:2px; color:#999}
#breadcrumb li a:hover { color:#999 }
/* PROCESS
/////////////////////////////////////////////////////////////////*/
#process_nav      { list-style: none; margin: 3px; overflow: hidden; float: left;}
#process_nav span { float: left; line-height: 14px; font-size: 11px; margin-right: 5px; color: #999;}
#process_nav li   { 
  background: transparent url('../img/process_sprite.png') -14px 0 no-repeat; 
  cursor: default; 
  color: #7499c6;
  display: block; 
  float: left; 
  font-size: 10px; 
  line-height: 14px; 
  padding-left: 11px;
  text-align: center;
  width: 13px;
}
#process_nav li.active{ background-position: -14px -25px; color: #fff; font-weight: bold;}
#process_nav li.first{ background-position: 0 -25px; padding-left: 0; width: 14px; color: #fff; font-weight: bold;}
/* TOGGLE
/////////////////////////////////////////////////////////////////*/
#toggle_nav      { list-style: none; margin: 0; position: relative; margin: -2px 0 0 0; float: left;}
#toggle_nav span { float: left; line-height: 22px; font-size: 11px; margin-top: 1px; margin-right: 5px; color: #999;}
#toggle_nav li   { float: left; height: 24px;}
#toggle_nav li a { 
  background: #e3e3e3 url('../img/button_sprite.png') 0 -300px repeat-x; 
  border: 1px solid #ccc; 
  color: #333;
  display: block; 
  float: left; 
  font-size: 11px; 
  font-weight: normal; 
  line-height: 22px;
  padding: 0; 
  text-align: center; 
  text-decoration: none; 
  width: 130px; 
  /* CSS3 */
  text-shadow: 0px 1px 0px #fff;
  filter: dropshadow(color=#fff, offx=0, offy=1);
}
#toggle_nav li.first a{ 
  /* CSS3 */
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
#toggle_nav li.last a{ 
  border-left: none;
  /* CSS3 */
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#toggle_nav li.middle a{ border-left: none;}
#toggle_nav li.active a{ background-position: 0 -600px; border-color: #bbb; border-top-color: #aaa; cursor: default; font-weight: bold;}
#toggle_nav li.inactive a:hover{ background-position: 0 -400px;}
#toggle_nav li.inactive a:active{ background-position: 0 -500px; color: #999;}
/* UTILITIES
/////////////////////////////////////////////////////////////////*/
#utilities              { list-style: none; margin: 0; position: absolute; right: 12px; bottom: 10px;}
#utilities li           { float: left;  margin-left: 5px;}
#utilities li a         { border: 1px solid #fff; color: #999; display: block; line-height: 22px; padding: 0 5px; text-decoration: none;}
#utilities li a:hover   { background: #e3e3e3 url('../img/button_sprite.png') 0 -400px repeat-x; border: 1px solid #d9d9d9; color: #333; 
  /* CSS3 */
  border-radius: 5px; 
}
#utilities li a:active    { background-position: 0 -500px; color: #999;}
/* EXPANDABLE MENU
/////////////////////////////////////////////////////////////////*/
.exp_menu { list-style: none; margin:30px 0 0 0; padding:0 }
.exp_menu .actions{background: #F1A142;}
.exp_menu li, .exp_menu li a { display:block; width:100%; float:left }
.exp_menu li a { padding:7px 0 7px 0px; cursor: pointer; color:#fff; text-decoration:none; background:#789cc8; border-bottom:1px solid #fff }
.exp_menu li a span.plan-name {width:100%; display:block;}
.exp_menu li a span:hover, .exp_menu li a:hover em { text-decoration: underline;}
.exp_menu li.exp a span.arrow, .exp_menu li.exp a span.down { padding-left:12px;}
.exp_menu li.exp a span.arrow:hover, .exp_menu li.exp a span.down:hover { text-decoration: none;}
.exp_menu li a, .exp_menu ul li a { font-weight:bold }
.exp_menu li a.selected {background: #4278ba; color:#fff; } 
.exp_menu li a span.first { padding-left:5px; font-size:14px }
.exp_menu li a span.without_arrow { padding-left:5px; font-size:11px }

.exp_menu ul, .exp_menu ul ul { margin:0; padding:0 }
.exp_menu ul li a { background:#bbd0e9; color:#38537e }
.exp_menu ul li a span.arrow, .exp_menu ul li.exp a em { font-style:normal; padding:0 2px 0 17px; float:left; background: url('../img/arrow_sprite.png') no-repeat 5px -50px; font-size:11px }
.exp_menu ul li a span.down, .exp_menu ul li.exp a em.arrow { font-style:normal; padding:0 2px 0 17px; float:left; background: url('../img/arrow_sprite.png') no-repeat 4px -107px; font-size:11px }

.exp_menu ul ul { float:left; width:100% }
.exp_menu ul ul li a span { padding:0 2px 0 20px; float:left; background: url('../img/icon_sprite.png') no-repeat 0 -1932px; margin-left:15px }
.exp_menu ul ul li a span.actions_edit { background-position: 0 -1716px }
.exp_menu ul ul li a span.arrow { padding:0 2px 0 28px; float:left; background: url('../img/arrow_sprite.png') no-repeat 15px 3px; margin-left:0 }
.exp_menu ul ul li a {background:#ecf1f9; color:#38537e; font-weight:normal }

.exp_menu li a.selected.grey{background: #939393; color:#fff; }
.exp_menu ul li a.grey { background:#C0C0C0; color:#38537e }
.exp_menu ul ul li a.grey {background:#E0E0E0; color:#38537e; }
.exp_menu li ul li.exp a span.eventItem{ padding:0 2px 0 17px; float:left;}
/* Slide out tab
/////////////////////////////////////////////////////////////////*/
#slide-out-div {
	display:none;
	z-index:100;
	padding: 20px;
	width: 250px;
	background: #FFFFFF;
	border: 1px solid #D9D9D9;
}
#slide-out-div a.menu-handle{
	color: #d3e4f4;
	background-color: #486C97;
	border: 2px solid #4a688e;
	height: 160px;
	width: 18px;
	padding-right:8px;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	-ms-writing-mode: tb-rl;	/* for IE11 it is changed to lr-tb in jquery.tabSlideOut.js */
	-moz-transform: rotate(-90deg);  /* FF3.5+ */ 
	-webkit-transform: rotate(-90deg);  /* Saf3.1+, Chrome */
	/* CSS3 */
	border-radius: 0 0 5px 5px;
	text-shadow: 0px 1px 1px #29405c;
	filter: flipv fliph dropshadow(color=#29405c, offx=0, offy=1);
}
#slide-out-div a.menu-handle:hover{ 
  background-color: #6d8fba; 
  border: 2px solid #6d8fba; 
  /* border-bottom: none; */ 
  /* CSS3 */
  box-shadow: 0px 0px 3px #3e5b7f;
  text-shadow: 0px 1px 1px #324F73;
  filter: flipv fliph dropshadow(color=#324F73, offx=0, offy=1);
}

/* FOOTER NAVIGATION
/////////////////////////////////////////////////////////////////*/
#footer_nav             { padding: 0;}
#footer_nav li          { }
#footer_nav li a        { color: #999;}
#footer_nav li a:hover  { text-decoration: underline;}
#footer_nav li.first a  { border-left: none; margin-left: 0; padding-left: 0;}
/* POWERED
/////////////////////////////////////////////////////////////////*/
#credits                { color: #999; font-size: 11px; line-height: 1.2; position: absolute; right: 40px; top: 20px; padding: 0 65px 0 0;}
#credits #icon-ewm      { background: url('../img/ewm_icon.png') 0 0 no-repeat; display: block; height: 100px; position: absolute; text-indent: -9999px; right: 0; top: -10px; width: 150px;}
/* FUND TABLE
/////////////////////////////////////////////////////////////////*/
.fund_table           { font-size: 10px; table-layout: fixed; width: 100%;}
.fund_table th        { background: #bbd0e9 url('../img/table_sprite.png') 0 -100px repeat-x; border-right: 1px solid #9ebbdf; border-top: 1px solid #9ebbdf; border-bottom: 1px solid #9ebbdf; color: #38537e; height: 30px;  padding: 0 10px; position: relative; vertical-align: middle;
  /* CSS3 */
  box-sizing: border-box;
}
.fund_table th:first-child{ border-left: 1px solid #9ebbdf;}
.fund_table .error th { background: #bbd0e9 url('../img/table_sprite.png') 0 -400px repeat-x; border-color: #EA5A50; color: #fff;}

.fund_table th.gray {
  border-color: #ccc;
  background-position: 0 -500px;
  background-color: #bbd0e9;
}
.fund_table th.gray:first-child{ border-left-color: #ccc;}

.fund_table td        { color: #444; height: 16px; padding: 4px 10px; line-height: 1.2; position: relative; vertical-align: middle;
  /* CSS3 */
  box-sizing: border-box;
  }
.fund_table .group    { background: #e3e3e3 url('../img/table_sprite.png') 0 -600px repeat-x; border-bottom: 1px solid #ccc; color: #333; font-size: 11px; font-weight: bold;  height: 18px; margin: 0; padding: 0 0 0 10px;}
.fund_table tfoot td  { color: #333;}
/* CHART
/////////////////////////////////////////////////////////////////*/
#chart { 
	background: url('../img/chart_bg.png') center no-repeat;
	margin: 0 auto;
	padding: 0 0 10px 0;
	text-align: center;
}
#chart.reverse { 
	background-image: url('../img/reversed_chart_bg.png');
}
#chart_dashboard {
	padding: 8px 0;
	margin: 0 auto;
	width: 350px;
}
#alc_vesting,
#alc_distribution {
	height: 110px;
	width: 280px;
	float:right;
}
#ext_dashboard_propchart,
#ext_dashboard_investchart,
#ext_dashboard_balance_chart{
	padding: 8px 0;
	margin: 0 auto;
	width: 350px;
}
#ext_dashboard_balance_chart{float:right;}
/* NAVIGATIONS
/////////////////////////////////////////////////////////////////*/
.nav      { list-style: none; margin: 0;}
.nav li   { display: inline; float: left; font-size: 11px; }
.nav li a { border-left: 1px solid #d8d8d8; display: block; font-weight: normal; line-height: 1.2; padding: 0 10px; text-decoration: none;}
/* NOTIFICATIONS
/////////////////////////////////////////////////////////////////*/
#notifications{ margin-bottom: 18px;}
.notifications_block #notifications{ margin-bottom: 0;}
.period,
#notifications p{ 
  background-image: url('../img/notification_sprite.png'); 
  background-repeat: repeat-x;
  background-color: transparent;
  color: #fff;
  font-size: 11px;
  line-height: 30px; 
  margin: 0 0 2px; 
  padding: 0 10px;
  position: relative;
  /* CSS3 */
  border-radius: 5px; 
}
#notifications p {
	height: 30px;
	overflow: hidden;
}
#notifications p a{ color: #fff;}
#notifications p span.message       { background-image: url('../img/icon_sprite.png'); background-repeat: no-repeat; padding: 0 0 4px 24px;}

#notifications div{
  margin: 10px 20px;
  border: 3px ridge;
  padding: 0 10px;
  display: none;
  /* CSS3 */
  border-radius: 5px;
}

.notification_blue  { background-position: 0 -0px; background-color: #7599c5;}
.notification_gray  { background-position: 0 -100px; background-color: #999999; color: #333 !important;}
.notification_gray a{ color: #333 !important;}
.notification_green { background-position: 0 -200px; background-color: #7eb23c;}
.notification_yellow{ background-position: 0 -300px; background-color: #ef9f42;}
.notification_red   { background-position: 0 -400px; background-color: #fe6458;}
/* NOTIFICATION BUTTONS
/////////////////////////////////////////////////////////////////*/
#notifications .notification_blue .button { 
  background: #8DACD6 url('../img/button_sprite.png') 0 -700px repeat-x; 
  border-color: #6C87BE; 
  color: #38537e; 
  margin: 0 0 0 5px;
  position: absolute;
  right: 10px;
  top: 5px;
  text-align: center;
  width: 110px;
  /* CSS3 */
  text-shadow: 0px 1px 0px #fff;
  filter: dropshadow(color=rgba(255,255,255,0.2), offx=0, offy=1);
  box-shadow: 0px 1px 0px rgba(255,255,255,0.2);
}
#notifications .notification_blue .button:hover,
#notifications .notification_blue .button:hover { background-position: 0 -800px;}
#notifications .notification_blue .button:active,
#notifications .notification_blue .button:active{ background-position: 0 -900px; color: #557fb2;}
/* KEY DATA
/////////////////////////////////////////////////////////////////*/
.keyData {
	height:100px; 
	margin-bottom:0.5em; 
}
.keyData li {
	float: left;    
	text-align:center;
	display: block;
	border-left: 1px solid #D9D9D9;
}
.keyData li:first-child {
	border-left: none;
}
.keyData li a {
	text-decoration:none;
}
.keyData li a:hover{
	text-decoration: underline;
}
.keyData li.selected  {
	background: #E9E9E9;
}

/* PERIODS
/////////////////////////////////////////////////////////////////*/
.period{ 
  line-height: 20px; 
  margin:0 0 5px;
  padding: 0 5px;
  overflow: hidden;
  color: #fff;
  font-size: 10px;
  /* CSS3 */
  border-radius: 3px; 
  color: rgba(255,255,255,0.5);
}
.period strong{ 
  float: right;
  opacity: 1;
  color: #fff;
}
#actions_panel table{ margin-bottom: 5px; color: #999;}
#actions_panel table strong{ color: #333; font-weight: normal;}
#actions_panel table td{ padding: 4px 0;}
/* BUTTONS
/////////////////////////////////////////////////////////////////*/
.button       { 
  background: #e3e3e3 url('../img/button_sprite.png') 0 -1000px repeat-x; 
  border: 1px solid #d9d9d9; 
  color: #333; 
  cursor: pointer; 
  display: inline-block; 
  font-size: 11px; 
  font-weight: normal; 
  line-height: 18px; 
  height: 18px; 
  padding: 0 10px;
  text-decoration: none;
  /* CSS3 */
  border-radius: 9px; 
  text-shadow: 0px 1px 0px #fff;
  filter: dropshadow(color=#fff, offx=0, offy=1);
}
.actions_button {
  border: 1px solid #a6c5ed; 
  background-color: #6D8FBA;
  background: #e3e3e3 url('../img/button_sprite.png') 0 -700px repeat-x;  
  border: 1px solid #4278BA;
  color: #000; 
  cursor: pointer; 
  display: inline-block; 
  font-size: 11px; 
  font-weight: normal; 
  line-height: 18px; 
  height: 18px; 
  padding: 0 10px;
  text-decoration: none;
  /* CSS3 */
  border-radius: 9px; 
  text-shadow: 0px 1px 0px #fff;
  filter: dropshadow(color=#fff, offx=0, offy=1);
  width:150px;
  text-align:center;
 }
 
 .actions_button_blue {
  border: 1px solid #38537e; 
  background-color: #47cc5b;
  background: #8DACD6 url('../img/button_sprite.png') 0 -1300px repeat-x;
  color: #fff; 
  cursor: pointer; 
  display: inline-block; 
  font-size: 12px; 
  font-weight: normal; 
  line-height: 20px; 
  height: 20px; 
  padding: 2px 10px;
  text-decoration: none;
  /* CSS3 */
  border-radius: 9px; 
  filter: dropshadow(color=#fff, offx=0, offy=1);
  width:150px;
  text-align:center;
 }
 
  .continue_button{
   background: #8DACD6 url('../img/button_sprite.png') 0 -1300px repeat-x;
  border: 1px solid #38537e;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: normal;
  line-height: 22px;
  margin: 0 0 0 5px;
  padding: 0 10px;
  text-align: center;
  /* CSS3 */
  border-radius: 11px;
  box-shadow: 0px 1px 0px #CCDDEF;
}
 
  /* Action image width and height EWMS-3496*/
 #action_images{
	height:57px;
	width:300px; 
 }
 
input.button{ height: 20px;}
.button:hover { background-position: 0 -1100px; color: #366fb4;}
.button:active{ background-position: 0 -1200px; color: #999;}

.actions_button:hover { background-position: 0 -700px; background-color: #4278BA; color: #6D8FBA;}
.actions_button:active{background: #6D8FBA; }


.button .icon-sprite{ padding-left: 21px;}

.popup_button_right{ position: absolute; top: 0; right: 0;}
/* FOOTNOTES
/////////////////////////////////////////////////////////////////*/
ol.footnotes{ color: #bbb; font-size: 11px; margin-bottom: 0;}
/* CLOSE
/////////////////////////////////////////////////////////////////*/
.close {
  background: transparent url('../img/popover_sprite.png') -3px 0 no-repeat;
  display: block;
  text-indent: -9999px;
  height: 14px;
  position: absolute;
  width: 14px;
}

.close:hover {
  cursor: pointer;
  background-position: -3px -100px;
}

.close_button {
  background: transparent url('../img/cancel_gray.png') 0px 0 no-repeat;
  display: block;
  text-indent: -9999px;
  height: 22px;
  margin:5px 0 0 10px;
  position: relative;
  width: 22px;
}

.close_button_icon {
  background: transparent url('../img/close_crossed_1.png') 0px 0 no-repeat;
  display: block;
  text-indent: -9999px;
  height: 24px;
  position: relative;
  width: 24px;
  border: none;
}

/* ICONS	(created using: http://spritegen.website-performance.org)
/////////////////////////////////////////////////////////////////*/
.icon-sprite { background: url('../img/icon_sprite.png') no-repeat top left; font-size: 10px; height:18px; overflow:hidden; padding: 2px 0 5px 18px;}

.icon-enrollment {background-position: 0 -1779px; height: 16px; width: 16px; }
.icon-accept{ background-position: 0 0; width: 16px; height: 16px; } 
.icon-allocation{ background-position: 0 -66px; width: 16px; height: 16px; } 
.icon-change{ background-position: 0 -132px; width: 16px; height: 16px; } 
.icon-coins{ background-position: 0 -198px; width: 16px; height: 16px; } 
.icon-distribution{ background-position: 0 -264px; width: 16px; height: 16px; } 
.icon-election{ background-position: 0 -330px; width: 16px; height: 16px; } 
.icon-exclamation{ background-position: 0 -396px; width: 16px; height: 16px; } 
.icon-flag{ background-position: 0 -462px; width: 16px; height: 16px; } 
.icon-flag_dark{ background-position: 0 -528px; width: 16px; height: 16px; } 
.icon-flag_passive{ background-position: 0 -594px; width: 16px; height: 16px; } 
.icon-information{ background-position: 0 -660px; width: 16px; height: 16px; } 
.icon-lock{ background-position: 0 -726px; width: 16px; height: 16px; } 
.icon-lock_grey{ background-position: 0 -792px; width: 16px; height: 16px; } 
.icon-lock_open{ background-position: 0 -858px; width: 16px; height: 16px; } 
.icon-page_white{ background-position: 0 -924px; width: 16px; height: 16px; } 
.icon-page_white_acrobat{ background-position: 0 -990px; width: 16px; height: 16px; } 
.icon-page_white_excel{ background-position: 0 -1056px; width: 16px; height: 16px; } 
.icon-page_white_put{ background-position: 0 -1122px; width: 16px; height: 16px; } 
.icon-page_white_text{ background-position: 0 -1188px; width: 16px; height: 16px; } 
.icon-page_white_word{ background-position: 0 -2224px; width: 16px; height: 16px; } 
.icon-page_blue_text{ background-position: 0 -2024px; width: 16px; height: 16px; }
.icon-printer{ background-position: 0 -1254px; width: 16px; height: 16px; } 
.icon-reallocation{ background-position: 0 -1320px; width: 16px; height: 16px; } 
.icon-star{ background-position: 0 -1386px; width: 16px; height: 16px; } 
.icon-star_dark{ background-position: 0 -1452px; width: 16px; height: 16px; } 
.icon-table{ background-position: 0 -1518px; width: 16px; height: 16px; } 
.icon-television{ background-position: 0 -1584px; width: 16px; height: 16px; }
.icon-action_new{ background-position: 0 -1657px; width: 16px; height: 16px; }
.icon-action_edit{ background-position: 0 -1716px; width: 16px; height: 16px; }
.icon-blank{ background-position: 0 -1775px; width: 16px; height: 16px; }
.icon-popup{ background-position: 0 -1843px; width: 16px; height: 16px; }
.icon-attach{ background-position: 0 -2122px; width: 16px; height: 16px; }
.icon-picture{ background-position: 0 -2324px; width: 16px; height: 16px; }

.number_sprite { 
	background: url('../img/number_sprite.png') no-repeat top left; 
	padding: 2px 0 5px 30px; 
	width: 28px; 
	height: 22px; 
}
.no_1 { background-position: 0 -1px;  }
.no_2 { background-position: 0 -32px; }
.no_3 { background-position: 0 -63px; }
.no_4 { background-position: 0 -94px; }
.no_5 { background-position: 0 -125px;}
.no_6 { background-position: 0 -155px;  }
.no_7 { background-position: 0 -186px; }
.no_8 { background-position: 0 -217px; }
.no_9 { background-position: 0 -248px; }
.no_10 { background-position: 0 -279px;}

.circle_sprite { 
	background: url('../img/circle_sprite.png') no-repeat top left; 
	height: 10px;
    padding: 6px 0 5px 24px;
    width: 10px; 
}

.square_sprite { 
	background: url('../img/square_sprite.png') no-repeat top left; 
	height: 10px;
    padding: 6px 0 5px 24px;
    width: 10px; 
}

/*///// COMMON FOR BOTH CIRCLE AND SQUARE SPRITE //////////////*/
.color_blue  { background-position: 0 -1px;  }
.color_gray  { background-position: 0 -101px;  }
.color_green_1 { background-position: 0 -201px;  }
.color_yellow{ background-position: 0 -301px;  }
.color_red   { background-position: 0 -401px;  }
.color_green { background-position: 0 -501px;  }
.color_yellow_1 { background-position: 0 -601px;  }

/* ENROLMENT
/////////////////////////////////////////////////////////////////*/
.amount_category{ width: 100%; display:block; float:left; clear:both}
.amount_category p { float:left; line-height:25px }

.enroll_table td { border:none }
.enroll_table .radio { width:25px }
.enroll_table select.select_date{ width:75px }
.enroll_table .name, .enroll_table .text_box, .enroll_table .text_box1 { width:200px }
.enroll_table .text_box span { color:#999; margin-left:15px }
.enroll_table .minimum { width:90px; font-weight:bold }
.enroll_table .values { width:100px; text-align:right }
.enroll_table .names { width:150px }

.enroll_table .text_box input,
.enrollment_text .text_box input { text-align: right; width: 120px;}

.enroll_table .text_box1 input,
.enrollment_text .text_box1 input { text-align: left; width: 120px;}

.enrollment_text input.text_box_small  { text-align: right; width: 50px;}
.enrollment_text input.text_box_big  { text-align: left; width: 200px; padding-left: 5px;}

.enroll_table .text_box input,
.enroll_table .text_box1 input,
.enrollment_text .text_box input,
.enrollment_text .text_box1 input,
.enrollment_text input.text_box_small {
	padding: 0 5px;
	background: #f9f9f9 url('../img/table_sprite.png') 0 -701px repeat-x;
	border: 1px solid #ccc;
	font-weight: bold;
	font-size: 10px;
	height: 16px;
	outline: none;
	/* CSS3 */
	border-radius: 9px;
}

.enroll_table .text_box input.disabled,
.enroll_table .text_box1 input.disabled,
.enrollment_text .text_box input.disabled,
.enrollment_text .text_box1 input.disabled,
.enrollment_text input.text_box_small.disabled { background: #ECECEC;}

textarea.text {
 /*  color:#333; */
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, sans-serif;
  background: #f9f9f9 url('../img/table_sprite.png') 0 -701px repeat-x repeat-y;  
  border: 1px solid #ccc;
  font-weight: bold;
  font-size: 10px;
  height: 45px;
  margin: 0 0 0.5em;
  outline: none;
  padding: 1px 5px;
  /* CSS3 */
  border-radius: 5px;
}

textarea.small{
  width: 200px;
}

textarea.medium{
  width: 258px;
}

tr.highlight_dark td {
    background: none repeat scroll 0 0 #486C97;
    border-color: #D3D8E2;
    color: #D3E4F4;
    font-weight: bold;
}

tr.highlight_dark td.fund_name,
tr.highlight_dark td a {
    color: #D3E4F4;
    font-weight: bold;
}

tr.highlight_gray td.fund_name,
tr.highlight_gray td a {
    background: none repeat scroll 0 0 #e0e0e0;
    color: #38537e;
}
tr.highlight_medium td, tr.highlight_medium td.fund_name{
    background: #D3D8E2;
    font-weight: bold;
    border-color: #D3D8E2;
    color: #38537e;
}

textarea:focus { border: 1px solid #6787B6;}
textarea.changed { background-position: 0px -801px;}
textarea.error { background-position: 0px -901px; border-color: #EA5A50;}

/*.enroll_table label{ width:200px; float:left; font-weight: normal}
.enroll_table .label_text { width:150px; float:left }*/
.enroll-input:focus { border: 1px solid #6787B6 }
#enroll_select { float:left; padding:0 15px; display:inline}
.enroll_selectbox { padding-right: 5px }
.dropdown_align { float:left; margin-right:5px }

.enrollment_text div{
	padding-bottom:0.5em
}
.enrollment_text div p {
	clear: both;
	color: #000;
	display: block;
	float: left;
	font-weight: normal;
	margin:0;
	line-height:19px;
}
.enrollment_text div p {width:220px}
.enrollment_text div p.new {width:270px}
.enrollment_text div p input{vertical-align:top}
.enrollment_text span.text { width:135px; float:left }
.radio_space { width:25px; float:left }

.caption_left{
	width: 100%;
	height: 30px;	
}
.caption_right{
	width: 100%;
	height: 30px;
}


.inputlistcombo {position:relative;width:auto;text-align:left;margin:0;}
.inputlistcombo * {margin:0;}
.inputlistcombo ul {
	padding:1px;
	border:2px solid #ccc;
	width:95%;
	background:none repeat scroll 0 0 #FFF;
	position:absolute;
	top:1.5em;
	display:none;
	z-index:1;
	line-height:15px;
	font-size: 11px;
	right:3px;
}
.inputlistcombo li {display:block;}
.inputlistcombo .hover {
	color: white;
	background: #7abcff; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdhYmNmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNjBhYmY4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0MDk2ZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 0%, #4096ee 0%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(0%,#60abf8), color-stop(0%,#4096ee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7abcff 0%,#60abf8 0%,#4096ee 0%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7abcff 0%,#60abf8 0%,#4096ee 0%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7abcff 0%,#60abf8 0%,#4096ee 0%); /* IE10+ */
	background: linear-gradient(to bottom, #7abcff 0%,#60abf8 0%,#4096ee 0%); /* W3C */
}
.no_space {
	margin-bottom: 0px;
}