﻿
.blueText { color: #0059BA; }
.floatRight { float: right; }
.floatLeft { float: left; }
.width100p { width: 100%; }
.font10 { font-size: 10px; }
.red { color: #DD0000; }
.borderBottomGray { border-bottom: 1px solid #D9D9D9; }
.userConsoleHolder { padding: 0 10px 5px; background: #FFFFFF url(images/map03.png) 0px -513px repeat-x; margin-top: -10px; }
.userConsoleHolder h2 { margin: 3px; padding: 0px; font-size: 16px; }
.borderWidth2px { border-width: 2px; }    
.balanceHolder { margin-top: -6px; }
.balanceRight { background: transparent url(images/balanceBg.png) 0px 0px; width: 7px; height: 44px; }
.balanceLeft { background: transparent url(images/balanceBg.png) 100% 0%; width: 7px; height: 44px; }
.balance { float: left; background: transparent url(images/balanceBg.png) center top no-repeat; height: 24px; padding: 10px 18px; font-size: 19px; }

.userBalance { margin-top: 4px; }
.userBalance .balanceRight { background: transparent url(images/balanceBg.png) 0px 100%; width: 7px; height: 44px; }
.userBalance .balanceLeft { background: transparent url(images/balanceBg.png) 100% 100%; width: 7px; height: 44px; }
.userBalance .balance { float: left; background: transparent url(images/balanceBg.png) center bottom no-repeat; height: 24px; padding: 10px 14px; font-size: 19px; }

.actionsHolder { padding: 5px 15px; }
.actionsHolder a:link, .actionsHolder a:active, .actionsHolder a:visited { text-decoration: underline; }

.pointsContentHolder { margin: 10px; }
.pointsSearchHolder { background: #F9F9F9; width: 260px; margin-right: 10px; border: 1px solid #D9D9D9; }
.pointsSearchHeader { padding: 10px 10px 0px; }
.pointsSearchHeader h3 { font-size: 13px; margin: 0px; padding: 0px; border-bottom: 1px dotted #D9D9D9; }
.pointsSearchSubHeader { padding: 10px 10px 0px; float: left; width: 240px; }
.pointsSearchSubHeader h3 { font-size: 13px; margin: 0px; padding: 5px; border-top: 1px dotted #D9D9D9; }
.pointsMySearchesHolder { height: 20px; font-size: 13px; text-align: center; width: 260px; }

.pointsFilterHeader { padding: 5px; font-size: 12px; font-weight: bold; border: 1px solid #D9D9D9; border-width: 1px 0px; background: url(images/map03.png) 0px -139px repeat-x; }
.pointsFilterContent { width: 100%; font-size: 11px; float: left; padding: 5px 0; }
.pointsFilterContentRow { padding: 2px; }
.pointsFilterContentRowHeight { height: 20px; }
.pointsFilterToggler { width: 17px; height: 17px; background: url(images/mapPoints01.png) 0px 0px no-repeat; float: right; cursor: pointer; }
.pointsFilterToggler:hover { background-position: -17px 0px; }
.pointsFilterTogglerMin { background-position: 0px -17px; }
.pointsFilterTogglerMin:hover { background-position: -17px -17px; }
.pointsFilterContainer .floatRight { margin-right: 5px; }

.pointsSearchContainer { padding: 10px 0px 0px; width: 100%; }

.datePicker { width: 100px; font-size: 12px; padding: 1px; border: 1px solid #7F9DB9; }
.calendarIcon { margin: -1px 0px 0px 5px; }
.filterTextbox { width: 120px; font-size: 12px; }
.fitlerDropdown { width: 124px; font-size: 11px; padding: 2px; }
.filterCheckbox { width: 120px; float: left; }
.filterCheckbox input { vertical-align: middle; }

a.blueButton:hover, button.blueButton:hover {background: transparent url(images/map03.png) no-repeat -397px -268px; color: #FFF; cursor: pointer; }
a.blueButton, button.blueButton, button.message_button { width: 87px; display: inline-block; text-align:center; padding: 5px 0px; text-decoration: none !important; color: #FFFFFF; font-size: 12px; background: transparent url(images/map03.png) no-repeat -306px -268px; } 
.blueButton { padding: 5px 0px; margin-left: 10px; }
.grayButton { background: transparent url(images/map03.png) no-repeat -215px -295px !important; cursor: default !important; }

#transactionsHolder { border-style: solid; border-color: #D9D9D9; border-width: 0px 1px 1px; width: 683px; float: left; position: relative; }
.pointsTransactionsList .pager { position: absolute; top: 0px; right: 0px; font-size: 11px; margin: 4px; padding: 1px; background: #FFFFFF; border: 1px solid #D9D9D9; width: 210px; }
.pointsTransactionsList .pager .innerPager .pagerNextPrev { font-weight: bold; padding: 2px; }
.pointsTransactionsList .pager .innerPager .pagerNextPrev a { font-weight: bold; padding: 0px 4px; }
.pointsTransactionsList .pager .innerPager .pagerNewest, .pointsTransactionsList .pager .innerPager .pagerDots { display: none; }
.pointsTransactionsList .pagerPagesHolder { float: left; }
.pointsTransactionsList .pagerCurrentPage { font-weight: bold; }
.pointsTransactionsList .pagerPagesHolder span, .pointsTransactionsList .pagerPagesHolder a { float: left; padding: 1px 3px; margin-left: 1px; border: 1px solid #FFF; }
.pointsTransactionsList .pagerPagesHolder a:link, .pointsTransactionsList .pagerPagesHolder a:active, .pointsTransactionsList .pagerPagesHolder a:visited { background: #FAFAFA; border: 1px solid #EAEAEA; }
.pointsTransactionsList .pagerArrow { display: none; }

.transferConsoleHolder { background: url(images/popupBg.png) top left no-repeat; width: 425px; padding: 10px 10px 0px; position: absolute; top: 100px; left: 100px; }
.transferConsoleHolder_bottom { background: url(images/popupBg.png) bottom left no-repeat; width: 350px; height: 10px; position: absolute; bottom: -10px; left: 0px; font-size: 2px; } 
.transferConsole { background: #FFF; border: 1px solid #D9D9D9; border-width: 0px 1px 1px; }
.transferConsole .pointsFilterHeader { cursor: move; }
.transferConsoleContent { padding: 10px 10px 5px; }

.transferConsoleContent input { font-size: 11px; }
.transferConsoleInputs { line-height: 24px; }
#transferNote { font-size: 12px; width: 300px; height: 50px; font-family: Verdana, Arial; }

.pointsMemberConsoleHolder {   background: #FAFAFA; border: 1px solid #EAEAEA; padding: 5px; margin-bottom: 10px; }
.pointsMemberConsoleHolder h1 { font-size: 18px; margin: 3px 0px; padding: 0px; }
.pointsAvatar { border: 1px solid #EAEAEA; float: left; max-height: 50px; margin-right: 10px;}

.pointsTransactionsList .positive{color:Green;}
.pointsTransactionsList .negative{color:Red;}
.pointsTransactionsList th{text-align:left;}
.pointsTransactionsList ul, .pointsTransactionsList ol{margin:0px;padding:0px;list-style-type:none;}

.pointsTransactionsList .groupedRow{padding:10px;}
.pointsTransactionsList .dateHeader{border-bottom:1px solid #c0c0c0;font-weight:bold;vertical-align:bottom;font-size:1.1em;}

.pointsTransactionsList ul{margin-top:3px;}
.pointsTransactionsList ul li{padding-left:10px;}
.pointsTransactionsList table { border-collapse:collapse;}
.pointsTransactionsList table th { padding: 2px 5px; border-bottom: 1px dotted #D9D9D9; font-size: 11px; }
.pointsTransactionsList table td { padding: 3px; border-width: 1px 0px; border-color: #FFFFFF #EDEDED #EDEDED; border-style: solid; }
.pointsRowAlt1 { background: #FAFAFA; }
.transactionListEntry{cursor:default;}

.pointsTransactionsList table tr:hover td { background: #FFFFCC; }
.pointsTransactionsList table tr.groupedRowBottom:hover td { background-color: white; }
.pointsTransactionsList a.toggler{background:transparent url(images/icons/arrow-right.png) no-repeat;padding-left:18px;}
.pointsTransactionsList a.open{background:transparent url(images/icons/arrow-down.png) no-repeat !important;}
.grandFooter{padding:10px}
ul.formatToggler{padding:0px;margin:0px;float:right;list-style-type:none;margin-right:220px;}
ul.formatToggler li{float:left;margin-left:10px;margin-top:2px;}
ul.formatToggler li.enabled a{color:Black;}
ul.formatToggler li.disabled a{text-decoration:underline !important;}
ul.formatToggler li a:hover{text-decoration:underline;}
.newLogLink a:hover{text-decoration:underline;}
.pointNote a:link, .pointNote a:active, .pointNote a:visited { border-bottom: 1px dotted #FFCC00; }
#transactionView
{
    width:500px;
    margin:0 auto;
}
#transactionView table{width:100%;}
#transactionView td{height:30px;vertical-align:top;}
.pointsTransactionsList tr.cancelled td{cursor: not-allowed;background-color:#FCE6E6}
.pointsTransactionsList tr.cancelled td .amount{text-decoration:line-through;}
.pointsTransactionsList tr.cancelled td .cancelled{color:Red;}

