.inline-img {
	vertical-align: bottom;
}

.idc-header-container {
	position: relative;
	padding-top: 10px;
	padding-bottom: 15px;
	z-index: 6;
}

.offscreen {
	position:absolute;
	left:-999999em;
	text-indent:-999999em;
}

.vtg-default-dd {
	width: 120px;
}

.ie6 .vtg-default-dd {
	background-color: #1C1C1C;
	border: 1px solid #646464;
  	color: #969696;
  	font-weight: 700;
}

/* IDC Menu
-------------------------------------------------*/

.idc-menu-container {
	font-size: 77%;
	z-index: 20;
}

.idc-menu-container ul {
	margin: 0;
	list-style:none;
	list-style-image: none;
}


/* IDC Admin Menu
--------------------------*/

.idc-menu {
	float: right;
/*	width: 468px;*/
	width: auto;
	border-left: 1px solid #4d4d4d;
}

.ie6 .idc-menu, .ie7 .idc-menu {
	width: 469px;
}

.idc-menu-item {
	position: relative;
	float: left;
	text-align: center;
	padding: 0;
	background:url("../images/layout/idc-menu-norm-right.gif") no-repeat right top;
	border-bottom: 1px solid #4d4d4d;
	height: 15px;
	line-height: 15px;
	width: 94px;
}

.idc-menu-item-last {
	width: 92px !important;
}

.ie6 .idc-menu-item-last, .ie7 .idc-menu-item-last {
	width: 93px !important;
}

.idc-menu-item a {
	position: relative;
	top: 1px;
	text-decoration: none;
	color: #646464 !important;
	text-align: left !important;
}

.idc-menu-sub {
	display: none;
	position: absolute;
	top: 6px;
	left: 0;
	border-bottom: 1px solid #4d4d4d;
	padding-bottom: 10px;
	width: 142px;
}

.idc-menu-sub li {
	position: relative;
	left: -1px;
	top: 1em;
	text-align: left;
	z-index: 99;
	padding: 0 8px 0 0;
	border-left: 1px solid #4d4d4d;
	background:url("../images/layout/idc-menu-norm-right.gif") no-repeat right top;
	white-space: nowrap;
	display: block;
	height: 15px;
	line-height: 15px;
}

.idc-menu-sub li a {
  padding-left: 5px;
}


/* Header Bar
-------------------------------------------------*/

.vtg-header-container {
	z-index: 10;
	padding-top: 10px;
}

.vtg-header-container img {
	vertical-align: bottom;
}

.vtg-header-logo {
	float:left;
}

.vtg-header-fields-container {
	float: right;
	width: 469px;
	padding-top: 18px;
}

.vtg-header-field {
  font-size: 85%;
}

.vtg-header-field1 {
	float: left;
  /*	padding-left: 157px;*/
  	width: 110px;
  	z-index: 8;
  	white-space: nowrap;
}

.ie6 .vtg-header-field1, .ie7 .vtg-header-field1 {
  margin-top: -1px;
}

.vtg-header-field2 {
  position: relative;
	float: left;
	margin-left: -110px;
	position: relative;
	right: 157px;
	z-index: 9;
}

.vtg-header-field3 {
	float: right;
	z-index: 7;
}

.vtg-header-field input {
	width: 110px;
	border: 1px solid #646464;
	height: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #c8c8c8;
	background-color: #4d4d4d;
	outline: medium none;
}

.vtg-header-field select {
	border: 1px solid #646464;
	height: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #c8c8c8;
	background-color: #4d4d4d;
	outline: medium none;
}

.vtg-header-portfolio-dd {
	width: 120px;
}

.vtg-header-search {
	float: left;
	width: 136px !important;
	border-right: none;
}

input.vtg-header-search-button {
	float: left;
	background: url("../images/layout/vtg-advanced.gif") no-repeat scroll 0px 0px #fff;
	cursor: pointer;
    font-size: 0;
	height: 20px;
	margin-left: -1px;
	line-height: 20px;
	width: 19px !important;
    overflow: hidden;
    border: none;
}

/* IDC Search
--------------------------*/

.idc-search-clip {
	margin-right: -2px;
	position: absolute;
	float: right;
	top: 49px;
	right: 0;
	width: 469px !important;
}

.idc-search-clip .vtg-clip-content {
	background-color: #111;
	position: relative;
	left: -1px;
	top: -1px;
	height: 1%; /* http://www.virtuosimedia.com/dev/css/ultimate-ie6-cheatsheet-how-to-fix-25-internet-explorer-6-bugs#guillotine */
	border: 1px solid #646464;
	box-shadow: 1px 1px 3px 3px #222;
}

.vtg-clip-seach-titles {
	width: 100%;
}

.vtg-clip-seach-title1 {
	float: left;
	font-size: 85%;
	color: #646464;
	font-weight: 700;
	padding-bottom: 6px;
	width: 120px;
	white-space: nowrap;
}

.vtg-clip-seach-title2 {
	float: left;
	font-size: 85%;
	color: #ddd !important;
	font-weight: 700;
	padding-bottom: 6px;
	white-space: nowrap;
}

.vtg-clip-seach-title3 {
	float: right;
	font-size: 85%;
	color: #969696;
	font-weight: 700;
	padding-bottom: 6px;
	white-space: nowrap;
}

.vtg-tb-search-style {
}

.vtg-tb-search-style th {
	font-size: 83%;
	color: #646464;
	height: 22px;
	vertical-align: middle;
	border-top: 1px solid #c8c8c8;
	text-align: left;
	font-weight: bold;
}

.vtg-tb-search-style td {
	font-size: 85%;
	color: #ddd;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	border-top: 1px solid #c8c8c8;
}

.vtg-tb-search-style tbody tr {
	display: table-row;
	color: #0094d9 !important;
    cursor: pointer;
}

.vtg-tb-search-style tbody tr:hover td {
	color: #0094d9 !important;
}

.search-over {
	color: #0094d9 !important;
}

.search-over-hl {
	color: #0094d9 !important;
	font-weight: 700;
}

.idc-search-clip .vtg-xhl {
	color: #000 !important;
	font-weight: 700;
}

.idc-search-clip .vtg-hl {
	color: #646464 !important;
	font-weight: 700;
}

/* Vantage Menu
-------------------------------------------------*/

.vtg-menu-container {
	position: relative;
	top: 0;
	left: 0;
	white-space: nowrap;
}

.vtg-menu {
	font-size: 85%;
	font-weight: 700;
	float: left;
	margin: 0;
	list-style:none;
	list-style-image: none;
	width: 100%;
	padding-left: 1px;
	background:url("../images/layout/idc-menu-norm-left.gif") no-repeat left top;
}

.ie6 .vtg-menu {
	width: 939px !important;
}

.vtg-menu-item {
	float: left;
	text-align: center;
	width: 131px;
	background:url("../images/layout/vtg-menu-norm-right.gif") no-repeat right top;
	height: 36px;
}

.vtg-menu-item-last {
	width: 154px !important;
}

.ie6 .vtg-menu-item-last {
	width: 153px !important;
}

.vtg-menu-item span a {
	position: relative;
	top: 2px;
	display:block;
	height: 28px;
	line-height: 28px;
	color: #646464;
	text-decoration: none;
}

.vtg-menu-item.selected span a {
	color: #fff;
}

.vtg-menu-item span {
	display:block;
	height: 36px;
	line-height: 28px;
	background:url("../images/layout/idc-menu-bottom.gif") no-repeat center bottom;
	text-decoration: none;
}

.vtg-menu-item.selected {
	background:url("../images/layout/idc-menu-norm-right-on.gif") no-repeat right top;
}

.vtg-menu-item.selected span {
	background:url("../images/layout/idc-menu-bottom-on.gif") no-repeat center bottom;
}

/* Vantage Submenu
-------------------------------------------------*/

.vtg-submenu-container {
	height: 28px;
	position: relative;
}

.vtg-submenu {
	font-size: 85%;
	font-weight: 700;
	position: absolute;
  	display: inline;
	border-bottom: 1px solid #4d4d4d;
	height: 22px;
	line-height: 22px;
}

.vtg-submenu a, .vtg-submenu SPAN {
	padding-bottom: 4px;
	color: #646464;
	text-decoration: none;
	margin-right: 10px;
}

.vtg-submenu a:hover {
	color: #0094d9;
	text-decoration: none;
}

.vtg-submenu .selected {
	color: #c8c8c8 !important;
	background: none !important;
}

.vtg-submenu .selected a:hover {
	color: #c8c8c8 !important;
}

.vtg-submenu-eval {
	left: 100px;
}

.vtg-submenu-port {
	left: 275px;
}

.vtg-submenu-mm {
	left: 510px;
}


/* Clips Styles
-------------------------------------------------*/

.vtg-clip-container {
	margin: 1px 9px 0px 11px !important;
	z-index: 0;
}

.ie6 .vtg-clip-container {
	margin: 1px 8px 0 11px !important;
}

.vtg-clip {
	width: 100%;
	background-color: #1a1a1a;
	border-bottom: 1px solid #1f1f1f;
	border-right: 1px solid #1f1f1f;
	margin-bottom: 12px;
}

.vtg-clip-content {
	background-color: #2d2d2d;
	position: relative;
	left: -1px;
	top: -1px;
	height: 1%; /* http://www.virtuosimedia.com/dev/css/ultimate-ie6-cheatsheet-how-to-fix-25-internet-explorer-6-bugs#guillotine */
}

/* adding clearfix to clip content so we can have dropdowns expand beyond bottom */
.vtg-clip-content:before, .vtg-clip-content:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.vtg-clip-content:after { clear: both; }

.vtg-clip-top1 {
	border-top: 2px solid #969696;
}

.vtg-clip-top2 {
	border-top: 2px solid #646464;
}

.vtg-clip-top3 {
	border-top: 2px solid #414141;
}

.vtg-p-style1 {
	padding: 7px 10px 0px 10px;
}

.vtg-p-style2 {
	padding: 7px 5px 0px 5px;
}

.vtg-clip-title2 {
	float: left;
	font-size: 93%;
	color: #0094D9;
	font-weight: 700;
	padding-bottom: 6px;
}

.vtg-clip-title3 {
	font-size: 85%;
	color: #fff;
	font-weight: 700;
	padding-bottom: 6px;
}

.vtg-clip-title2-right {
	float: right;
	font-size: 85%;
	color: #fff;
	font-weight: 700;
	padding-bottom: 6px;
}

.vtg-clip-title2-right-light {
	float: right;
	font-size: 85%;
	color: #fff;
	font-weight: 700;
	padding-bottom: 6px;
}

.vtg-clip-title-icon {
	height: 22px;
	line-height: 22px;
}

.vtg-clip-title-icon img {
	vertical-align: middle;
}

.vtg-clip-title1 {
	font-size: 120.5%;
	color: #0094D9;
	font-weight: 700;
	padding-bottom: 6px;
	white-space: nowrap;
	height: 1%;
}

.vtg-clip-title1a {
	color: #0094D9;
	padding-bottom: 6px;
	font-weight: 300;
}

.vtg-clip-xpd {
	width: 100%;
	position: relative;
}
.vtg-clip-heatmap-delay{
	font-size:80%;
	color:#666666;
	font-family: arial;
	font-weight:100;
	text-align :right;
}

.vtg-order1 {
	position: relative;
	z-index: 10;
}

.vtg-order2 {
	position: relative;
	z-index: 9;
}

.vtg-order3 {
	position: relative;
	z-index: 8;
}

.vtg-order4 {
	position: relative;
	z-index: 7;
}

.vtg-order5 {
	position: relative;
	z-index: 6;
}


/* Table Styles
-------------------------------------------------*/

.vtg-tb {
	text-align: left;
	width: 100%;
	word-wrap: break-word;
	border-collapse: collapse;
	clear: both;
	padding: 0 2px;
}

.vtg-tb td div {
	white-space: nowrap;
}

/* Table Style 1
-------------------------------*/

.vtg-tb-style1 {
}

.vtg-tb-style1 th {
	font-size: 80%; 
	color:#777;
	height: 22px;
	vertical-align: middle;
	border-top: 1px solid #4d4d4d;
	text-align: left;
}

.vtg-tb-style1 td {
	font-size: 85%;
	color: #ddd;
	height: 22px;
	vertical-align: middle;
	border-top: 1px solid #4d4d4d;
}


/* Table Style 1a
-------------------------------*/

.vtg-tb-style1a {
}

.vtg-tb-style1a th {
	font-size: 69%;
	color: #969696;
	height: 28px;
	vertical-align: bottom;
	border-top: 1px solid #4d4d4d;
	text-align: left;
	padding-bottom: 5px;
}

.vtg-tb-style1a td {
	font-size: 85%;
	color: #969696;
	height: 22px;
	vertical-align: middle;
	border-top: 1px solid #4d4d4d;
}

/* Table Style 2
-------------------------------*/

.vtg-tb-style2 {
}

.vtg-tb-style2 th {
	font-size: 83%;
	color: #777;
	height: 22px;
	vertical-align: middle;
	border-top: 1px solid #4d4d4d;
	text-align: left;
}

.vtg-tb-style2 td {
	font-size: 85%;
	color: #ddd;
	height: 32px;
	vertical-align: middle;
	border-top: 1px solid #4d4d4d;
}

/* Table Style 3
-------------------------------*/

.vtg-tb-style3 {
}

.vtg-tb-style3 th {
	font-size: 69%;
	color: #777;
	height: 30px;
	vertical-align: middle;
	border-top: 1px solid #4d4d4d;
	text-align: left;
}

.vtg-tb-style3 td {
	font-size: 85%;
	color: #ddd;
	height: 30px;
	vertical-align: middle;
	border-top: 1px solid #4d4d4d;
}

.vtg-tb-style3 td label {
	vertical-align: middle;
}


/* Table Style 4
-------------------------------*/

.vtg-tb-style4 {
	margin-left: -10px;
	margin-right: -10px;
	width: 940px !important;
}

.vtg-tb-style4 th {
	font-size: 69%;
	color: #969696;
	height: 32px;
	vertical-align: middle;
	border-top: 1px solid #4d4d4d;
	border-bottom: 1px solid #4d4d4d;
	text-align: left;
}

.vtg-tb-style4 td {
	font-size: 85%;
	color: #969696;
	height: 22px;
	vertical-align: middle;
}


/* Table Style 5
-------------------------------*/

.vtg-tb-style5 {
	margin-left: -10px;
	margin-right: -10px;
	width: 940px !important;
}

.vtg-tb-style5 th {
	font-size: 69%;
	color: #969696;
	height: 32px;
	vertical-align: middle;
	border-bottom: 1px solid #4d4d4d;
	text-align: left;
}

.vtg-tb-style5 td {
	font-size: 85%;
	color: #969696;
	height: 22px;
	vertical-align: middle;
}

/* Table Style 6
-------------------------------*/

.vtg-tb-style6 {
	margin-left: -10px;
	margin-right: -10px;
	width: 940px !important;
}

.vtg-tb-style6 th {
	font-size: 69%;
	color: #969696;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
	border-top: 1px solid #4d4d4d;
	border-bottom: 1px solid #4d4d4d;
}

.vtg-tb-style6 td {
	font-size: 85%;
	color: #969696;
	padding: 5px;
	vertical-align: middle;

}

/* Table Style 7
-------------------------------*/

.vtg-tb-style7 {
	margin-left: -10px;
	margin-right: -10px;
	width: 940px !important;
}

.vtg-tb-style7 th {
	font-size: 69%;
	color: #969696;
	height: 32px;
	vertical-align: middle;
	border-top: 1px solid #4d4d4d;
	border-bottom: 1px solid #4d4d4d;
	text-align: left;
}

.vtg-tb-style7 td {
	font-size: 85%;
	color: #969696;
	height: 32px;
	vertical-align: middle;
}

table tr td.vtg-tb-ar-rb-p10 {
	border-right: 1px solid #4d4d4d;
	text-align: right;
	padding-right: 10px !important;
}

.vtg-tb-rb {
	border-right: 1px solid #4d4d4d;
}

.vtg-tb-lb-p {
	border-left: 1px solid #4d4d4d;
	padding-left: 15px !important;
}

.vtg-tb-lp {
	padding-left: 10px;
}

/* Specific Table Styles
-------------------------------*/

.vtg-tb-nb {
	border: none !important;
}

.vtg-tb-nb td {
	border: none !important;
}

.vtg-tb-bb, .vtg-tb-bb th {
	border-bottom: 1px solid #4d4d4d;
}

thead.vtg-tb-th-tall th {
	height: 32px;
	text-align: left;
}

.vtg-tb-al-p10 {
	text-align: left;
	padding-left: 10px !important;
}

.vtg-tb-ar {
	display: table-cell;
	text-align: right !important;
}

td.vtg-tb-ar-p20, th.vtg-tb-ar-p20 {
	text-align: right !important;
	padding-right: 20px !important;
}

.vtg-tb-rb {
	border-right: 1px solid #4d4d4d;
}

.vtg-tb-nw {
	word-wrap: normal !important;
	white-space: nowrap !important;
}

.vtg-xhl {
	color: #fff !important;
	font-weight: 700;
}

.vtg-hl {
	color: #c8c8c8 !important;
	font-weight: 700;
}

.vtg-i {
	font-style: italic;
}

tbody tr.vtg-row-over {
	cursor: pointer;
}

tbody tr.vtg-row-over:hover td {
	color: #0094d9 !important;
}

.vtg-over {
	color: #0094d9 !important;
}

.vtg-over-hl {
	color: #0094d9 !important;
	font-weight: 700;
}

.vtg-line {
	position: relative;
	margin: 10px 0 5px 0;
	/*height: 3px;
	background-color: #c8c8c8;*/
	border-bottom: 3px solid #c8c8c8;
	font-size: 1px;
	height: 1%;
}

.vtg-line-dot {
	position: absolute;
	top: -3px;
	left: 30px;
}

.vtg-line-data {
	padding-bottom: 5px;
	color: #c8c8c8;
}

.vtg-line-data-left {
	float: left;
}

.vtg-line-data-right {
	float: right;
}

.vtg-tb-icons {
	padding: 7px 0 3px 0;
}

.vtg-tb-icons a {
	padding-right: 5px;
}

.tb-alt {
	background-color: #222222;
}

/* Top of Clips
-------------------------------------------------*/

.vtg-clip-top {
	color: #636466;
	font-size: 85%;
	height: 26px;
	position: relative;
	z-index: 5;
}

.vtg-clip-top-fields {
	float: left;
}

.vtg-clip-top-text {
	float: left;
	padding-left: 10px;
	line-height: 26px;
}

.vtg-clip-top-icons {
	float: right;
	width: 300px;
}

.vtg-clip-top-icons-right {
	float: right;
}

.vtg-clip-top-icons-right a {
	float: right;
	position: relative;
	padding-left: 5px;
}

.vtg-clip-top-icons-left {
	float: left;
}

.vtg-clip-top-icons-left a {
	float: left;
	position: relative;
	padding-right: 5px;
}

.vtg-clip-top-icons img {
	vertical-align: baseline;
}

/* Expandable clips
-------------------------------------------------*/

.vtg-exp-clip-titles {
	/*position: relative;*/
	line-height: 26px;
	height: 26px;
	font-size: 93%;
	color: #0094D9;
	font-weight: 700;
	cursor: pointer;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	width: 920px;
}

.vtg-exp-clip-titles img {
	vertical-align: middle;
	display: block;
	padding: 5px 5px 0 0;
	float: left;
}

.vtg-exp-clip {
	/*height: 1%;
	clear: both;*/
	margin-bottom: 5px;
	display:none;
}

/* General Content Styles
-------------------------------------------------*/

.vtg-icon-link {
	cursor: pointer;
}

.vtg-checkbox {
	padding-left: 5px;
}

.vtg-button-style1 {
	background-image: url(../images/layout/vtg-button-arrow-right.gif);
	background-repeat: no-repeat;
	background-position: 92px center;
	background-color: #1c1c1c;
	border: 1px solid #646464;
	color: #969696;
	font-weight: 700;
	width: 100px;
	height: 18px;
	line-height: 18px;
	text-align: left;
	padding-left: 5px;
	float: right;
	cursor: pointer;
	vertical-align: middle;
}

.vtg-button-style1-left {
	background-image: url(../images/layout/vtg-button-arrow-right.gif);
	background-repeat: no-repeat;
	background-position: 92px center;
	background-color: #1c1c1c;
	border: 1px solid #646464;
	color: #969696;
	font-weight: 700;
	width: 100px;
	height: 18px;
	line-height: 18px;
	text-align: left;
	padding-left: 5px;
	float: left;
	cursor: pointer;
	vertical-align: middle;
}

.vtg-button-style2 {
	background-repeat: no-repeat;
	background-position: 92px center;
	background-color: #1c1c1c;
	border: 1px solid #646464;
	color: #969696;
	font-weight: 700;
	width: 140px;
	height: 18px;
	line-height: 18px;
	text-align: left;
	padding-left: 5px;
	float: right;
	cursor: pointer;
	vertical-align: middle;
}

.vtg-button-style2-left {
	background-repeat: no-repeat;
	background-position: 92px center;
	background-color: #1c1c1c;
	border: 1px solid #646464;
	color: #969696;
	font-weight: 700;
	width: 140px;
	height: 18px;
	line-height: 18px;
	text-align: left;
	padding-left: 5px;
	float: right;
	cursor: pointer;
	vertical-align: middle;
}

.ui-datepicker-trigger {
	vertical-align: bottom;
}

.vtg-hr {
	clear: both;
	width: 100%;
	border-top: 1px solid #4d4d4d;
	height: 5px;
	padding: 2px 0;
	font-size: 1px;
}

.vtg-hr-sm {
	clear: both;
	width: 100%;
	border-top: 1px solid #4d4d4d;
	height: 1px;
	font-size: 1px;
}

.vtg-gain {
	color: #43a100 !important;
}

.vtg-lose {
	color: #d22828 !important;
}

.vtg-al {
	float: left;
}

.vtg-input {
	border: 1px solid #646464;
	height: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #969696;
	background-color: #1C1C1C;
	outline: medium none;
}

.vtg-med {
	color: #646464 !important;
}

.vtg-center {
	width: 100%;
	text-align: center;
	font-size: 85%;
	height: 16px;
	color: #969696;
}

input.vtg-datepicker  {
	background-color: #4D4D4D;
	border: 1px solid #646464;
	color: #C8C8C8;
	font-weight: bold;
	height: 16px;
	line-height: 16px;
	outline: medium none;
	width: 110px;
	vertical-align: top;
	font: 13px/1.231 sans-serif;
	margin-right: 5px
}

/* Footer
-------------------------------------------------*/

.vtg-footer {
	padding: 100px 0 20px 0;
	font-size: 85%
}

.vtg-footer-high a, .vtg-footer-high a:active, .vtg-footer-high a:visited {
	color: #c8c8c8;
	padding: 0 12px;
}

.vtg-footer-high a:hover {
	color: #0094d9;
}

.vtg-cntr {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.vtg-footer-low {
	color: #969696;
	padding-top: 8px;
}

.vtg-footer-low span {
	padding-right: 24px;
}

.vtg-footer-low a {
	padding: 0 12px;
}

/* HTML5 Boilerplate Styles
----------------------------------------------------------------------------------------------------*/

/**
 * Non-semantic helper classes: please define your styles before this section.
 */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 */
@media print {
	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
	-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
	a, a:visited { color: #444 !important; text-decoration: underline; }
	/*a[href]:after { content: " (" attr(href) ")"; }*/
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
	tr, img { page-break-inside: avoid; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }
	.jspPane {
		position: static !important; display: block !important; float: none !important;
	}
}

.fromDialogElementTr td{
	padding: 5px;
}

/*
Tool tip css
*/
.vtg-tooltip {
	position: relative;
	float: left;
	width: 220px;
	padding-top: 3px;
	/*line-height: 13px;*/
	line-height: 12px;
	background: #111;
	border: 1px solid #646464;
	z-index: 202;
	color: #ddd;
	margin-top: 10px;
	margin-right: 10px;
	vertical-align: text-bottom;
	cursor: pointer;
	font-size: 85%;
	box-shadow: 1px 1px 3px 3px #222;
}

.vtg-tooltip-container {
	position: relative;
	padding: 5px 10px;
	width: auto;
}

.vtg-tooltip-container p{
	line-height: 1.5em;
	font-weight: bold;
}
.vtg-tootltip-arrow {
	position: relative;
	height: 11px;
	width: 7px;
	margin-top: 10px;
}

.vtg-tootltip-arrow-left {
	background: url('/images/layout/tooltip-over-left.gif') no-repeat;
	float: left;
	margin-left: -6px;
}
.vtg-tootltip-arrow-right {
	background: url('/images/layout/tooltip-over-right.gif') no-repeat;
	float: right;
	margin-right: -7px;
}

.vtg-tooltip-title {
	font-weight: 700;
	text-align: left;
	font-size: 108% !important;
	padding-bottom: 5px;
	color: #777;
	border-bottom: 1px solid #646464;
}

.vtg-tooltip-tb {
	text-align: left;
	width: 100%;
	word-wrap: break-word;
	border-collapse: collapse;
	padding: 10px;
}

.vtg-tooltip-hl {
	font-weight: 700 !important;
	color: #ddd !important;
	padding-left: 10px;
}

.vtg-tooltip-tb th, .vtg-tooltip-tb td {
	color: #ddd;
	height: 22px;
	width: auto;
	vertical-align: middle;
	border-top: 1px solid #646464;
	font-weight: 300;
	text-align: left;
}
.vtg-tooltip-tb th { color: #777; }




#add_portfolio_error, .vtg-caution {
	color: red;
}

/*override z-index defaut for datepicker */
.ui-datepicker
{
    z-index: 99999 !important;
}
.transparency-notice{
	font-size: 1.1em;
	font-weight: bold
}



.vtg-header-field1 .sb .display {
	width: 150px;
	padding:0 24px 0 3px
}

ul.selectbox.items.selectHeaderPortfolio {
	width: 175px
}

.vtg-header-fields-container .vtg-header-field1 {
	padding-left: 117px
}

ul.selectbox.items.ca-show-items-dd {
	width: 145px
}

.ca-show-items-dd {
	margin-left: -27px
}
.printonly {visibility: hidden; display: none}

.ptf-clip-title {
	padding-top: 7px
}
.ptf-clip-title-left {
	padding-left: 10px
}
.ptf-clip-title-right {
	padding-right: 10px
}
.ui-jqgrid tr.jqgrow td.pad-left-10,
th#portfolio_grid_bondName {
	padding-left: 10px
}
.ui-jqgrid tr.jqgrow td.pad-right-10 {
	padding-right: 10px
}
/*.ui-jqgrid .ui-jqgrid-pager {
	overflow: visible
}*/
.ui-jqgrid .ui-pg-input {
	background-color: #1C1C1C;
	border: 1px solid #646464;
	color: #969696
}
.ui-jqgrid .ui-pg-table .ui-separator {
	border: none
}
.ui-jqgrid .ui-widget-content a:hover {
	color: #0094D9 !important
}
.ui-jqgrid .ui-state-default {
	background: none !important;
}

.ui-jqgrid .ui-jqgrid-htable th.ui-state-hover {
	color: #cbcbcb;
}

#ajax-loader-spinner {
	background-image: url("/images/icon_wait.gif");
	background-position: center center;
	background-repeat: no-repeat;
	display: none;
	background-color: #2D2D2D;
	position: absolute;
/*		opacity:0.7;
	filter:alpha(opacity=40);  For IE8 and earlier */

}

.s-ico .ui-grid-ico-sort.ui-icon-asc {
	margin-top: -6px
}
.s-ico .ui-grid-ico-sort.ui-icon-desc {
	margin-top: 0px !important;
	margin-left: -1px !important
}
.grid-label-ar {
	display: inline-block;
/*		align: center !important;*/
	text-align: right !important;

}
span.grid-label-ar + span.s-ico .ui-grid-ico-sort.ui-icon-asc {
	margin-top: 6px !important;
}
span.grid-label-ar + span.s-ico .ui-grid-ico-sort.ui-icon-desc{
	margin-top: 12px !important;
	margin-left: -1px !important
}
.ui-jqgrid .loading {
	background-color: #2D2D2D;
    background-image: url("/images/icon_wait.gif");
    background-repeat: no-repeat;
	width: 120px; 
	height: 15px; 
	padding: 20px 0 20px 50px; 
	border: 1px solid #666; 
	color: #fff; 
	font-size: 100%
}

.ui-search-toolbar input {
	background-color: #4D4D4D;
    border: 1px solid #646464;
    color: #C8C8C8;
    font-weight: bold;
    outline: medium none;
}

.ui-pg-selbox {
	font-size: 0.8em;
	height: 13px;
	margin: 0;
	background-color: #1C1C1C;
	border: 1px solid #646464;
	color: #969696;
}

/*
Chart related css
*/
.chart_parent_div_zoom {
	position:fixed; background-color: #2D2D2D; top: 0;left: 0; margin: 0; padding: 10px; z-index: 899; width: 99%; height: 100%;
}
.chart_div {
	width: 100%; height: 400px;;
}
.chart_legend {
	margin-top: 15px;
	height: 67px;
}
@-moz-document url-prefix() {
	.chart_legend {
		height: 49px;
	}
}

.chart_div_zoom {
	margin: 0;padding: 0; width: 98%; height: 80%;
}

.no-top-border, td.no-top-border {border-top: none;}

/*toolkit dropdown menu-specific css*/
.vtg-toolkit-download-dropdown {
   margin-top: 19px;
   margin-left: 30px;
   border: 1.5px solid #646464;
   /*border: 1px solid green;*/
   color: #646464;
   width: auto;
/*   padding: 5px;
   padding-top: 5px;*/
   background: #222222;
   z-index: 101;
   display: none;
   /*position: absolute*/
   /*font-size: 85%*/
}
.vtg-toolkit-download-dropdown-choice {
   text-indent: 5px;
   cursor: pointer;
   font-size: 85%;
   padding: 3px 10px 2px 2px
}

.vtg-toolkit-download-dropdown-header {
    padding: 3px 2px 2px 2px;
}
:hover.vtg-toolkit-download-dropdown-choice  {
   background-color: #4D4D4D;
   color: #2d2d2d
}

.vtg-toolkit-download-dropdown-choice a:hover,
.vtg-toolkit-download-dropdown-choice a:active,
.vtg-toolkit-download-dropdown-choice a:visited {
    color: #EEEEEE 
}

/* DR  start  feedback form*/
#feedback_form table {
    width: 100%;
    table-layout: fixed;
}
#feedback_subject-label {
    width: 75px;
}
#feedback_subject,
#feedback_text {
    width: 100%;
}
#feedback_subject_error,
#feedback_text_error {
    color: red;
}
/* DR  end */

/* Angular Hack JS */
.vtg-ng-ctrl {
    display: none;
}
.vtg-ng-ctrl.ng-scope {
    display: block;
}