/**
	@title Quicken for Mac
	@description styles for Tag Cloud Deatil
	@author Jeff Parjer
*/

/**
	Begin: Tag Cloud Detail Report
*******************************/

#tagCloudDeatil table{
border-spacing:0;
}
#tagCloudDeatil #outerWrapper {
    width   : auto;
    max-width:inherit;
	padding : 15px 20px;
}

#tagCloudDeatil #pageTitle {
	border-bottom-color : #ddd;
}

#outerWrapper .settingsButton {
margin-top: 5px;
}

#tagCloudDeatil #innerWrapper, #tagCloudDeatil #innerWrapperZeroDataCategory {
	/*margin : 30px 0px 0px 0px;*/
    width  : auto;
    max-width:inherit;
	clear  : both;
}

#tagCloudDeatil #innerWrapperZeroDataCategory {
	background-color      : transparent;
	-webkit-box-shadow    : 0;
	-webkit-border-radius : 0;
}

#innerWrapper, #zeroDataWrapper {
	position         : relative;
	z-index          : 2;
	background-color : #fff;
	margin           : 20px;
	min-width        : 586px;
	width            : 80%;
	padding:0px;
}

#tagCloudDeatil .tagName {
	font-size      : 19px;
	font-weight    : normal;
	padding-bottom : 10px;
}

#tagCloudDeatil .tagNameMedium {
	font-size      : 15px;
	font-weight    : normal;
	padding-bottom : 10px;
}

#tagCloudDeatil .tagNameSmall {
	font-size      : 13px;
	font-weight    : normal;
	padding-bottom : 10px;
}

#tagCloudDeatil .tagTotal {
	float       : right;
	font-weight : regular;
	padding     : 0px 0px 0px 0px;
	font        : 19px "HelveticaNeue", "Helvetica Neue", Calibri, sans-serif;
	clear       : both;
	padding-bottom : 10px;
}

#tagCloudDeatil .accountNameHeader {
	font-size      : 19px;
	font-weight    : normal;
	padding-bottom : 10px;
	color          : #333;
	padding-top:30px;
}

#tagCloudDeatil .accountTotal {
	float                  : right;
	text-align             : right;
	font-weight            : bold;
	padding                : 0px 0px 0px 0px;
	font                   : 18px "HelveticaNeue", "Helvetica Neue", Calibri, sans-serif;
	-webkit-font-smoothing : antialiased;
	margin-top             : 20px;
	margin-bottom          : 0px;
}

#tagCloudDeatil table {
    width:100%;
}

#tagCloudDeatil table.transactionDetail {
	float        : right;
	clear        : both;
	margin       : 0;
	padding-left : 0px;
    margin-bottom : 15px;
}

#tagCloudDeatil table.transactionDetail tr {
	line-height : 25px;
}

#tagCloudDeatil  .transactionDetail tbody tr:hover {
	background-color:rgba(0, 122, 201, .1);
}



#tagCloudDeatil table.transactionDetail th {
	font-size      : 13px;
	text-transform : none;
	text-align     : left;
	border-bottom  : 0px solid #ddd;
	border-top  : 1px solid #fff;
	font-weight:normal;
	background-color:#f5f5f5;
	line-height:25px;
}

#tagCloudDeatil .tableHeader  {
	font-size      : 13px;
	padding-bottom : 5px;
	margin-top     : 0;
	font-weight:bold;
}

#tagCloudDeatil .tableHeaderMonth {
	border-radius    : 0px;
	font-size        : 13px;
	font-weight:bold;
	padding-left:5px;
	margin-top       : 0x;
	line-height      : 33px;
	color            : #333;
	background-color: #ffff;
}

#tagCloudDeatil .tableHeaderAmount {
	font-size        : 13px;
	font-weight:bold;
	margin-top    : -24px;
	float         : right;
	padding-right:5px;
}

#tagCloudDeatil td {
	color          : #333;
	font-size      : 13px;
	background     : none;
	vertical-align : top;
	line-height    : 22px;
	font-weight    : 300;
}

#tagCloudDeatil td.key {
	color          : #969696;
	font-size      : 13px;
	background     : none;
	vertical-align : top;
	line-height    : 22px;
	font-weight    : 300;
}

#tagCloudDeatil th.dateHeader, #tagCloudDeatil td.date {
	width : 90px;
	padding-left:5px;
}

#tagCloudDeatil th.accountHeader, #tagCloudDeatil td.account {
	width : 150px;
}

#tagCloudDeatil th.accountHeader, #tagCloudDeatil td.checkNumber {
	width : 75px;
}

#tagCloudDeatil th.payeeHeader, #tagCloudDeatil td.payee {
	width : 150px;
}

#tagCloudDeatil th.categoryHeader, #tagCloudDeatil td.category {
	width : 180px;
}

#tagCloudDeatil th.tagsHeader, #tagCloudDeatil td.tags {
	width : 110px;
}

#tagCloudDeatil table.transactionDetail th.amountHeader, #tagCloudDeatil table.transactionDetail td.amount {
	width         : 120px;
	text-align    : right;
	padding-right : 5px;
}

#tagCloudDeatil td.subamount {
	width         : 100px;
	padding-right : 17px;
	font-size     : smaller;
	text-align    : right;
}

#tagCloudDeatil th.payeeHeaderMonth, #tagCloudDeatil td.payeeMonth, #tagCloudDeatil th.tagsHeaderMonth, #tagCloudDeatil td.tagsMonth {
	width : 262px;
}

#tagCloudDeatil tfoot td.subTotal {
	font-size   : 13px;
	font-weight : bold;
	text-align  : right;
	padding-right:5px;
}

#tagCloudDeatil tfoot td.subTotal strong {
}

#tagCloudDeatil .negative {
	color : rgb(223, 62, 62);
}
#tagCloudDeatil th.dateHeader,
#tagCloudDeatil th.dateHeader.sortasc,
#tagCloudDeatil th.dateHeader.sortdesc{
 	background-position : 31px center;
	font-weight:bold;
	color:#969696;
}

#tagCloudDeatil th.account,
#tagCloudDeatil th.account.sortasc,
#tagCloudDeatil th.account.sortdesc{
 	background-position : 49px center;
	font-weight:bold;
	color:#969696;
}

#tagCloudDeatil th.checkNumberHeader,
#tagCloudDeatil th.checkNumberHeader.sortasc,
#tagCloudDeatil th.checkNumberHeader.sortdesc {
	background-position : 47px center;
	width               : 100px;
	font-weight:bold;
	color:#969696;
}

/*#tagCloudDeatil th.amountHeader.sortasc,
#tagCloudDeatil th.amountHeader.sortdesc {
	background-position : 23px center;
	width               : 110px;
	font-weight:bold;
	color:#969696;
}*/

#tagCloudDeatil th.amountHeader,
#tagCloudDeatil th.amountHeader.sortasc,
#tagCloudDeatil th.amountHeader.sortdesc {
	background-position : 24px center;
	width               : 120px;
	font-weight:bold;
	color:#969696;
}

#tagCloudDeatil th.payeeHeader,
#tagCloudDeatil th.payeeHeaderMonth.sortasc,
#tagCloudDeatil th.payeeHeaderMonth.sortdesc {
	background-position : 35px center;
	font-weight:bold;
	color:#969696;
}


#tagCloudDeatil th.categoryHeaderMonth.sortasc,
#tagCloudDeatil th.categoryHeaderMonth.sortdesc {
	background-position : 54px center;
	font-weight:bold;
	color:#969696;
}

#tagCloudDeatil th.categoryHeader,
#tagCloudDeatil th.categoryHeader.sortasc,
#tagCloudDeatil th.categoryHeader.sortdesc {
	background-position : 54px center;
	font-weight:bold;
	color:#969696;
}

#tagCloudDeatil th.tagsHeaderMonth.sortasc,
#tagCloudDeatil th.tagsHeaderMonth.sortdesc {
	background-position : 28px center;
	font-weight:bold;
	color:#969696;
}

#tagCloudDeatil th.tagsHeader,
#tagCloudDeatil th.tagsHeader.sortasc,
#tagCloudDeatil th.tagsHeader.sortdesc {
	background-position : 28px center;
	font-weight:bold;
	color:#969696;
}