/* ICON STYLES ------------------------------------------------------------------------------------------*/

#cost-quality-application .green-dollar,
#cost-quality-application .gray-dollar,
#cost-quality-application .gold-star,
#cost-quality-application .gray-star {
	font-family: Verdana;
	margin-right: -4px;
	font-size: 16px;
}

.win.moz #cost-quality-application .green-dollar,
.win.moz #cost-quality-application .gray-dollar {font-size: 17px;}

.win.moz #cost-quality-application .gold-star,
.win.moz #cost-quality-application .gray-star {font-size: 20px;}

.win.ie11 #cost-quality-application .green-dollar,
.win.ie11 #cost-quality-application .gray-dollar,
.win.ie11 #cost-quality-application .gold-star,
.win.ie11 #cost-quality-application .gray-star {font-size: 16px;}

.mac.moz #cost-quality-application .gold-star,
.mac.moz #cost-quality-application .gray-star {
	font-size: 30px;
	line-height: 18px !important;
}

.ie9 #cost-quality-application .gold-star,
.ie9 #cost-quality-application .gray-star {letter-spacing: 1px;}

#cost-quality-application .green-dollar,
#cost-quality-application .gray-dollar {letter-spacing: 2px;}

#cost-quality-application .measure-container-header .green-dollar,
#cost-quality-application .measure-container-header .gray-dollar,
#cost-quality-application .measure-container-header .gold-star,
#cost-quality-application .measure-container-header .gray-star {
	font-size: 20px; 
	margin-right: -3px;
}

.win.moz #cost-quality-application .measure-container-header .green-dollar,
.win.moz #cost-quality-application .measure-container-header .gray-dollar {font-size: 20px;}

.win.moz #cost-quality-application .measure-container-header .gold-star,
.win.moz #cost-quality-application .measure-container-header .gray-star {font-size: 23px;}

.win.ie11 #cost-quality-application .measure-container-header .gold-star,
.win.ie11 #cost-quality-application .measure-container-header .gray-star {font-size: 16px;}

.mac.moz #cost-quality-application .measure-container-header .gold-star,
.mac.moz #cost-quality-application .measure-container-header .gray-star {
	font-size: 36px;
	line-height: 15px !important;
}

#cost-quality-application .green-dollar {
	font-weight: bold;
	color: #77ad2f;
}

#cost-quality-application .gray-dollar {color: #b5b5b7;}

#cost-quality-application .gold-star {
	font-weight: bold;
	color: #ddba00;
}

#cost-quality-application .gray-star {color: #b5b5b7;}

#cost-quality-application i.icon-arrow-right,
#cost-quality-application i.icon-arrow-down {
	display: inline-block;
  	width: 15px;
  	height: 15px;
  	*margin-right: .2em;
  	line-height: 15px;
  	vertical-align: text-top;
  	background-repeat: no-repeat;
  	background-image: url("/ucm/groups/public/@hp/@public/documents/webasset/dev_061426.png");
}

#cost-quality-application i.icon-arrow-right {background-position: -60px 0;}
#cost-quality-application i.icon-arrow-right:hover {background-position: -90px 0;}
#cost-quality-application i.icon-arrow-down {background-position: -75px 0;}
#cost-quality-application i.icon-arrow-down:hover {background-position: -105px 0;}


#cost-quality-application i.icon-calculate {
	float: left;
	display: inline-block;
  	width: 45px;
  	height: 65px;
  	*margin-right: .3em;
  	line-height: 65px;
  	vertical-align: text-top;
  	background-repeat: no-repeat;
  	background-image: url("/ucm/groups/public/@hp/@public/documents/webasset/dev_061427.png");
  	margin: 5px 5px 0 0;
}

/* BASE SYTLES ------------------------------------------------------------------------------------------*/

#cost-quality-application aside {
	display: inline-block;
	vertical-align: top;
	float: none;
}

#cost-quality-application #banner {
	height:151px;
	position: relative;
	}
	
#cost-quality-application h2.banner-title {
	color:#fff;
	font:bold 38px/38px 'MetaPro',Arial,sans-serif;
	height:38px;
	margin:66px 0 0 126px;
	position:absolute;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	z-index: 100;
	}	
	
#cost-quality-application .aside {margin-top:19px;}	
#cost-quality-application #sidebar {height: 172px;}
#cost-quality-application .main-aside {min-height: 0;}
#cost-quality-application #report-card {margin-top: 25px;}
#cost-quality-application #tabs-2 h3 {margin: 5px 0;}
#cost-quality-application #tabs-2 li {margin-bottom: 10px;}

#cost-quality-application ul#transactions.three li a#costofcare, 
#cost-quality-application ul#transactions.three li a#costofcare:visited {
	background:transparent url(/ucm/groups/public/@hp/@public/documents/images/transactions-costofcare.png) no-repeat 0 0;
	}

#cost-quality-application ul#transactions.three li a#members, 
#cost-quality-application ul#transactions.three li a#members:visited {
	background:transparent url(/ucm/groups/public/@hp/@public/documents/images/transactions-members.png) no-repeat 0 0;
	}

#cost-quality-application ul#transactions.three li a#ratingmethod, 
#cost-quality-application ul#transactions.three li a#ratingmethod:visited {
	background:transparent url(/ucm/groups/public/@hp/@public/documents/images/transactions-ratingmethod.png) no-repeat 0 0;
	}
	
#cost-quality-application ul#transactions.three li a#costofcare:hover, 
#cost-quality-application ul#transactions.three li a#members:hover,
#cost-quality-application ul#transactions.three li a#ratingmethod:hover
{ background-position:0 -143px;}	
	
#cost-quality-application .small-type {
    font: 12px 'Verdana', sans-serif !important;
    color: #fff;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    }

#cost-quality-application a h3 {
	color: #258fad;
    -moz-transition: color .1s linear;
    -khtml-transition: color .1s linear;
    -webkit-transition: color .1s linear;
    transition: color .1s linear;
	}

#cost-quality-application a h3:hover,
#cost-quality-application a h3:active {
	color: #d99709;
	}

#cost-quality-application i {font-style: normal;}

/* DATATABLE STYLES------------------------------------------------------------------------------- */

#cost-quality-application .dataTables_wrapper table thead th {
    font: bold 12px 'Verdana', Arial, sans-serif;
    padding: 5px 0px 5px 10px;
    cursor: pointer;
    text-align:left;
    }
#cost-quality-application .dataTables_wrapper table {
	table-layout:fixed;
    word-wrap:break-word;
	}
	
#cost-quality-application .dataTables_wrapper tr.even td.sorting_2,
#cost-quality-application .dataTables_wrapper tr.even td.sorting_3 {
	background-color:#fff;
	}
	
#cost-quality-application .dataTables_wrapper tr.odd td.sorting_2,
#cost-quality-application .dataTables_wrapper tr.odd td.sorting_3 {
	background-color:#f2f2f2;
	}

#cost-quality-application .dataTables_filter label {
    display: inline;
    vertical-align: 0;
    font: inherit;
    width: auto;
    height: auto;
    }

#cost-quality-application .ui-state-default a, 
#cost-quality-application .ui-state-default a:link, 
#cost-quality-application .ui-state-default a:visited { 
	font: bold 13px 'Verdana', Arial, sans-serif; 
	color: #555555; 
	text-decoration: none; 
	}

/* MEASURE CONTAINER STYLES------------------------------------------------------------------------------- */

#cost-quality-application .measure-container {margin-bottom: 15px;}

#cost-quality-application .measure-container-header {
	background-color: #eaeaea;
	padding: 10px 0 0 20px;
	border: 1px solid #d9d9d9;
	}

#cost-quality-application .measure-container-header .toggle i {margin-top: 3px;}

#cost-quality-application .measure-container-header h2 {
	display: inline-block;
	vertical-align: top;
	text-shadow: white 1px 1px 1px;
	}

.ie7 #cost-quality-application .measure-container-header h2 {
	display: inline;
	zoom: 1;
	}

#cost-quality-application .measure-container .header-icons {
	display: inline-block;
	vertical-align: top;
	margin-top: -2px;
	width: 200px;
}

.ie7 #cost-quality-application .measure-container .header-icons {
	display: inline;
	zoom: 1;
	line-height: 24px;
}

.mac.moz #cost-quality-application .measure-container .header-icons {
	margin-top: -1px;
}

/* MEASURE CONTAINER SUB STYLES------------------------------------------------------------------------------- */

#cost-quality-application .measure-container-sub {margin-bottom: 8px;}

#cost-quality-application .measure-container-sub-header {
	background-color: #eaeaea;
	padding: 6px 0 4px 20px;
	border: 1px solid #d9d9d9;
	}

#cost-quality-application .measure-container-sub-header h3 {
	display: inline-block;
	vertical-align: top;
	text-shadow: white 1px 1px 1px;
	}
	
#cost-quality-application .measure-container-sub-header .toggle-detail i {
	margin-top: 1px;
	}

.ie7 #cost-quality-application .measure-container-sub-header h3 {
	display: inline;
	zoom: 1;
	}

#cost-quality-application .measure-container-sub h4 {
	text-transform: uppercase;
	font: bold 14px 'Verdana', Arial, sans-serif;
	color: #48494A;
	margin-bottom: 10px;
	}

#cost-quality-application .measure-container-sub .header-icons {
	display: inline-block;
	vertical-align: top;
	margin-top: 1px;
}

#cost-quality-application .measure-container-sub .header-icons h4 {
	margin-bottom: 0;
	font-weight: normal;
	color: #696a6c;
}

.mac.moz #cost-quality-application .measure-container-sub .header-icons {
	margin-top: -3px;
}

.mac.moz #cost-quality-application .measure-container-sub .header-icons h4 {
	margin-top: 5px;
}

.ie7 #cost-quality-application .measure-container-sub .header-icons {
	display: inline;
	zoom: 1;
	margin-top: -2px; 
}

.ie7 #cost-quality-application .measure-container-sub .header-icons h4 {
	margin-top: 4px; 
}

#cost-quality-application .measure-container-sub table {margin-bottom: 10px;}

#cost-quality-application .header-icons {
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	text-shadow: white 1px 1px 1px;
	}

.ie7 #cost-quality-application .header-icons {
	display: inline;
	zoom: 1;
	}

#cost-quality-application .header-icons {
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	text-shadow: white 1px 1px 1px;
	}

#cost-quality-application .measure-container-body,
#cost-quality-application .measure-container-sub-body {
	background-color: #fafafa;
	padding: 20px;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	}

/* MEASURE CONTAINER BODY GRID------------------------------------------------------------------------------- */

#cost-quality-application .measure-container-body .grid-1, .measure-container-body .grid-2, .measure-container-body .grid-3, .measure-container-body .grid-4 {
	float: left;
	margin-left: 30px;
}

#cost-quality-application .measure-container-body .grid-1 {width: 192px;}
#cost-quality-application .measure-container-body .grid-2 {width: 414px;}
#cost-quality-application .measure-container-body .grid-3 {width: 636px;}
#cost-quality-application .measure-container-body .first {
	margin-left: 0;
	clear: left;
}

/* RATING GRAPH STYLES------------------------------------------------------------------------------- */

#cost-quality-application .measure-container-sub table.graphshell {
    border:none;
    margin-bottom: 0;
    padding: 0;
    width: 600px;
}

#cost-quality-application .measure-container-sub table.graph {
    border:none;
    padding: 0;
    margin-bottom: 0;
}

#cost-quality-application .measure-container-sub td.graph_body {
    border: none;
    color:#000;
    font-size:8px;
    font-weight:normal;
    padding: 0;
    text-indent: 0;
    text-align: center;
}

#cost-quality-application .measure-container-sub table.graphshell td {
	border:none;
	padding:0;
}

#cost-quality-application .measure-container-sub table td.scale {
    border:none;
    color:#000000;
    font-size:9px;
    font-weight:normal;
    line-height:12px;
    padding: 0;
    text-indent: 0;
    text-align: center;
    vertical-align:bottom;
}

#cost-quality-application .measure-container-sub table.graphshell td.graph_white {
    background-color: #FFF;
    border: 1px solid #808080;
    color:#000000;
    font-size:8px;
    font-weight:normal;
    padding: 0px;
    text-align: center;
    text-indent: 0;
}


#cost-quality-application .measure-container-sub table.graphshell td.graph_fill {
    background-color: #258FAD;
    border: 1px solid #808080;
    color:#fff;
    font-size:8px;
    font-weight:normal;
    line-height:12px;
    padding: 0;
    text-align: center;
    text-indent: 0;
}

#cost-quality-application .measure-container-sub td.prvgraphvalue {
    border: none;
    color:#000000;
    font-size:8px;
    font-weight:bold;
    line-height:12px;
    padding: 0;
    text-indent: 0;
    text-align: center;
    vertical-align:top;
}