/* Standard styles sheet for client Admin site */

body
{
    margin: 0 0 0 0;
    background-color: #6699cc;
    color: White;
	font-family: arial, helvetica, sans-serif;
	font-size:medium;
	
}

#container
{
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

#pageHeader img
{
	width: 100%;
}

#pageHeader
{
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
#pageHeader.div
{
	position: fixed;
}

.navbar
{
	font-size: smaller;
	height: 17px;
	color: #676767;
	background-color: #D4E7F7;
	margin: 0 0 0 0;
}

.breadcrumb
{
	float: left;
	margin-left: 10px;
}

.breadcrumb a
{
	text-decoration: none;
}

.userdetails
{
    float: right;
    margin-right: 10px;
}

#pageFooter
{
	font-size: x-small;
	text-align: center;
	color: #eeffff;
	width: 1100px;
    background-color: inherit;
    padding-top: 10px;
    height: 50px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

#pageFooter .copyright
{
	background-color: #394b6f;
	color: White;
}

a, a:visited
{
	color: inherit;
}

a:hover
{
	color: Yellow;
}

#errormessage
{
	text-align: center;
	height: 40px;
	margin: auto;
	top: 0px;
	bottom: 0px;	
	left: 0px;
	right: 0px;
	position: absolute;
}

#links
{
	text-align: center;
	vertical-align: middle;
	margin-top: 200px;
	margin-bottom: 200px;
}

.pageHeading
{
	font-size: large;
	text-align: center;
	background-color: #394b6f;
	height: 30px;
	padding-top: 7px;
}

#pageTitle
{
	text-align: center;
	margin-top: 20px;
	font-size: large;
	margin-bottom: 20px;
	background-color: #394b6f;
	height: 30px;
	padding-top: 7px;
}

.transactionGrid
{
	font-size: 8pt;
	width: 100%;
	background-color: White;
	color: Black;
}
.transactionGridContainer
{
	min-height: 200px;
}

.transactionGrid a:hover
{
	color: Red;
}
.transactionGrid .amount
{
	text-align: right;
	padding-right: 10px;
}

.gridHeader
{
	background-color: Gray;
	color: White;
	height: 30px;
}

.gridHeader a:hover
{
	color: inherit;
}

.gridRow
{
	background-color: White;
}
.gridRowAlternate
{
	background-color: #FFFFCC;
}

#UpdateProgress
{
	/* centre */
	position: absolute;
	margin: auto;
	width: 40px;
	height: 40px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

#GridPager
{
	font-size: smaller;
}

#GridControl
{
	font-size: smaller;
	text-align: right;
	margin-bottom: 10px;
}
#GridControl #RefreshButtonArea
{
	float: left;
	height: 30px;
}
#GridControl #RecordsPerPage
{
    float: right;
	font-size: x-small;
    margin-top: 65px;
}
#GridControl #RecordsPerPage select
{
    font-size: x-small;
}
#GridControl #filter
{
    text-align: center;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    font-size: x-small;
}
#filter label
{
    width: 80px;
    text-align: right;
    float: left;
    margin-top: 3px;
}

#filter input[type=text]
{
/* 	    float:right;			NEW 
	float: left;*/
	width: 100px;
    font-size: x-small;
    margin-bottom: 2px;
}

#filter .filterLabel
{
  
    text-align: left; 
    width: 50px; 
    height: 50px; 
    margin-top: 35px; 
    margin-right: 0px; 
}

#filter .filterSearch
{
    float: right; 
    text-align: center;
    width: 50px; 
    height: 50px; 
    margin-top: 25px;
}
.SuccessIcon img
{
	height: 20px;
}

.NoTransactions
{
	text-align: center;
    background-color: #6699cc;
    font-size: large;
    color: White;
    margin-bottom: 50px;
}

#CardSummary
{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

#CardSummary input
{
	width: 100px;
}

#CardSummary .middleText
{
	width: 25px;
	text-align: center;
}
#CardSummary .readonly
{
    background-color: #6699cc;
    color: inherit;
    font-size: inherit;
    text-align: right;
    border: none;
}
#RefundButton
{
	text-align: center;
	margin-bottom: 20px;
}

#RefundDetails
{
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	width: 400px;
}

#RefundProgress
{
	text-align: center;
}
#ResultArea
{
	text-align: center;
	padding-top: 20px;
}
#ResultArea .failMessage
{
	font-weight: bold;
}

#Links
{
	font-size: smaller;
	text-align: center;
	margin-top: 20px;
}
.cardInput
{
	margin-top: 100px;
	text-align: center;
	margin-bottom: 100px;
}

.autoComplete
{
	font-size: x-small;
}

.autoCompleteHighlight
{
	font-size: x-small;
	background-color: #6699cc;
	color: White;
}

.error image
{
    width: 15px;
    text-align: center;
    vertical-align: middle;
}

.errorsummary
{
    border: 1px solid Red;
    color: Red;
    margin: 5px 0px;
    background: White url(../images/warning.png) repeat fixed 5px 5px;
    margin-left: 25%;
    margin-right: 25%;
    list-style: square;
}

.errorsummaryborder
{
    width: 100%;
    padding-bottom: 20px;
}

.timer
{
    text-align: center;
    font-size: x-small;
    color: Gray;
    margin-bottom: 0px;
}