body,html
{
	background-color:#dedede;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	height:100%;
	overflow:hidden;
	cursor:default;
}

a
{
    color: #007867;
}
a:hover, a:focus
{
    color: #F01E14;
}
div.PanelHeader, div.PanelHeaderTemplate
{
    border-bottom:solid 2px #F01E14 !important;
	height:26px;
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#5A5A5A;
	font-weight:bold;
	margin:0px;
	padding:5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
}

div#RightPanelImageContainer, div#LeftPanelImageContainer, div#RightPanelLabelContainer, div#LeftPanelLabelContainer
{	
	padding-top:3px;
	padding-left:5px;
	float:left;
}
div#RightPanelImageContainer > img, div#LeftPanelImageContainer > img, div#RightPanelLabelContainer > img, div#LeftPanelLabelContainer > img
{
    display: none;
}
div#RightPanelLabelContainer, div#LeftPanelLabelContainer
{
	clear:right;
}

div#PageContainer
{
	position:relative;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#PageLeftPanel
{
    height:500px;
    width:200px;
    border:solid 1px #919191;
    float:left;
    margin:2px;
    background-color:#fff;
}

div#PageHeader
{
    clear:both;
}

div#PageLogo
{
    clear:both;
	height:50px;
	border-bottom:4px solid #F01E14;
	background-image:url('/SiteFiles/VirtualSkinFiles/MMS_HEADER_LOGO/CWP_STD.ENGLISH.MMSHeaderLogo.jpg');
	background-repeat:no-repeat;
	background-color:#fff;
}

div#PageMenu
{
    clear:both;
	background-color:#DEDEDE;
	height:32px;
	padding-left:4px;
}

div#PageToolbar
{
    clear:both;
	background-color:#DEDEDE;
	padding-left:4px;
	height:26px;
}

div#PageMainBodyWrapper
{
    clear:both;
	background-color:#DEDEDE;
	overflow:hidden;
	width:100%;
}

div#PageMainBody
{
	padding:3px;
	font-size: 12px;
}

div#PageRightPanel
{
    float:left;
    clear:right;
}

div#PageRightSearchPanel
{
    border-bottom:solid 1px #999;
    border-left:0px;
    border-right:0px;
    border-top:0px;
    padding:3px;
    font-size:12px;
    background-color:#b3c8e8;
    margin:0px;
}

div#RightPanelInlineFormContainer
{
	float:right;
	vertical-align:top;
	padding:0px;
	margin:0px;
}

div#PageRightSinglePanel, div#PageRightTopPanel, div#PageRightLeftPanel
{
    margin:2px;
    border:solid 1px #999;
    margin-bottom:4px;
    background-color:#cdcdcd;
    background-color:#fff;
}

div#PageRightSinglePanel
{
    padding: 0px 0px 1px 0px;
}

div#PageRightBottomPanel, div#PageRightRightPanel
{
    border:solid 1px #999;
    margin:2px;
}

div#PageRightBottomPanelFrameTopLeft
{
	width:5px;
	font-size:0px;
	height:6px;
	background-color: #CCE4E1;
	float:left;
	clear:left;
}
div#PageRightBottomPanelFrameTop
{
	font-size:0px;
	height:6px;
	background-color: #CCE4E1;
	float:left;
}
div#PageRightBottomPanelFrameTopRight
{
	width:5px;
	font-size:0px;
	height:6px;
	background-color: #CCE4E1;
	float:left;
	clear:right;
}
div#PageRightBottomPanelFrameLeft
{
	width:5px;
	background-color: #CCE4E1;
	float:left;
	clear:left;
}
 
div#PageRightBottomPanelFrameContent
{
	background-color:#fff;
	float:left;
	border:solid 1px #007867;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
 
div#PageRightBottomPanelFrameRight
{
	width:5px;
	background-color: #CCE4E1;
	float:left;
	clear:right;
}

div#PageRightBottomPanelFrameBottomLeft
{
	width:5px;
	font-size:0px;
	height:6px;
	background-color: #CCE4E1;
	float:left;
	clear:left;
}

div#PageRightBottomPanelFrameBottom
{
	font-size:0px;
	height:6px;
	background-color: #CCE4E1;
	float:left;
}

div#PageRightBottomPanelFrameBottomRight
{
	width:5px;
	font-size:0px;
	height:6px;
	background-color: #CCE4E1;
	float:left;
	clear:right;
}

div#DetailsPanel
{
}

div#DetailsStaticHeader
{
	border-bottom:solid 1px #999;
	padding:5px;
	margin:5px;
}

div#DetailsScrollingContent,/* backward compatibility */
div.DetailsScrollingContent
{
	background-image:url('/SiteFiles/VirtualSkinFiles/DETAILS_PANEL_BACKGROUND/CWP_STD.ENGLISH.DetailsPanelBackground.jpg');
	background-position: bottom right;
	background-attachment:fixed;
	background-repeat:no-repeat;
	padding:5px;
	margin:5px;
	overflow:scroll;
	overflow-x:hidden;
}

.InvisibleButton
{
	display:none;
}

div.DetailsPaneLabel
{
    float:left;
    clear:both;
    font-weight:bold;
    width:200px;
}

div.DetailsPaneData, div.DetailsPaneSecondaryData
{
    clear:right;
}

div.DetailsPaneDataLayout
{
	clear: right;
	float: left;
}

div.DetailsPaneSecondaryData
{
    padding-left: 200px;
}

div.DetailsPaneSeparator
{
	clear:both;
}

.DetailsCheckSuccess
{
	color:#090;
	font-weight:bold;
}

.DetailsCheckText
{
	color:#000;
	font-weight:bold;
}

.DetailsCheckFailure
{
	color:#F01E14;
	font-weight:bold;
}

.DetailsCheckWarning
{
	color:#e4a737 ;
	font-weight:bold;
}
.DetailsCheckNotSubmitted
{
	color:#919191;
	font-weight:bold;
}

.DetailsSuccess
{
	color:#007867;
}

.DetailsFailure
{
	color:#F01E14;
}

.DetailsSale
{
	color:#007867;
}

.DetailsPreAuth
{
	color:#e4a737;
}

.DetailsVerify
{
	color:#c98706;
}

.DetailsRefund
{
	color:#fabbb8;
}

.DetailsCollection
{
	color:#b98fc3;
}

.DetailsVoid
{
	color:#999;
}

.hidden
{
	display: none;
}

#MMSForm
{
	overflow-y:auto;
	overflow-x:hidden;
}


.TransactionResultsItem
{
	clear:both;
	padding-top:1px;
	padding-bottom:1px;
}

.TransactionResultsLabel
{
	width:150px;
	text-align:right;
	float:left;
	margin-top:4px;
	padding-right:2px;
	color:#1f4188;
}

.TransactionResultsText, .TransactionResultsSecondaryText
{
	text-align:left;
	float:left;
	margin-top:4px;
	padding-left:2px;
	font-weight:bold;
}
.TransactionResultsSecondaryText
{
    padding-left: 155px;
}

#AJAXUpdatePanel_Panel, #AJAXUpdatePanel_Spinner,
#AJAXUpdatePanel_Panel2, #AJAXUpdatePanel_Spinner2,
.AJAXUpdatePanel_Panel,
.AJAXUpdatePanel_Spinner {
	position: absolute;
	width: 800px;
	height: 250px;
	z-index: 10;
}

#AJAXUpdatePanel_Panel,
#AJAXUpdatePanel_Panel2,
.AJAXUpdatePanel_Panel
{
	background-color:#eee; 
	opacity:0.6;
	-moz-opacity:0.6;
	filter:alpha(opacity=60);
}

#AJAXUpdatePanel_Spinner,
#AJAXUpdatePanel_Spinner2,
.AJAXUpdatePanel_Spinner
{
	background-color:Transparent;
	background-image:url('/SiteFiles/VirtualSkinFiles/AJAX_PROGRESS_SPINNER/CWP_STD.ENGLISH.AJAXProgressSpinner.gif');
	background-repeat:no-repeat;
	background-position:center center;
}

.ContentRight, .ContentRightDetails
{
    float:left;
    clear:both;
    padding-bottom:20px;
	width: 100%;
}
.ContentRight
{
    right:300px;
    width:700px;
    padding-left:5px;
}

.ContentHeader, .ContentHeaderPadded, .ContentHeaderDetails, .ContentSubHeaderDetails 
{
	font-size: 18px;
	clear: right;
	padding-top: 0px;
	color: #F01E14;
	margin-bottom: 5px;
}
.ContentHeader, .ContentHeaderPadded
{
    background-image:url('/SiteFiles/VirtualSkinFiles/CONTENT_HEADER_BACKGROUND/CWP_STD.ENGLISH.ContentHeaderBackground.jpg');
    height:20px;
    line-height:20px;
    background-repeat:no-repeat;
    background-position:bottom left;
    padding-left:20px;
}
.ContentSubHeaderDetails
{
	font-size: 12px;
	margin-top: 10px;
}

.ContentBodyText, .ContentBodyTextFirst, .ContentBodyFormText, .ContentBodyFormDetails, .DetailsText
{
	font-size: 12px;
	float: left;
	clear: left;
	color: #000;
}
.ContentBodyText, .ContentBodyTextFirst, .ContentBodyFormText, .ContentBodyFormDetails
{
	width: 670px;
}
.ContentBodyText, .ContentBodyTextFirst {
	text-align: justify;
	padding-left: 0px;
	margin-top: 10px;
}
.ContentBodyFormText
{
    padding-left:22px;
    margin-top:0px;
}
.ContentBodyFormDetails
{
    color:Black;
}

.ContentBodyLink
{
    font-size:11px;
    float:left;
    clear:left;
    padding-top:2px;
    text-align:right;
    padding-bottom:0px;
    width:700px;
    color:#1f4188;        
}

tr.TableRow
{
}

tr.TableRowSelected
{
	background-color:#b3c8e8;
}

.NoPaddingOrMargin
{
	padding:0px;
	margin:0px;
}

.TermsContent
{
	width:95%;
}
.TermsHeader, .TermsItem, .TermsSubItem
{
	min-width:200px;	
}
.TermsHeader
{
	font-size:18px;
	margin-bottom:20px;
}
.TermsItem
{
    margin-bottom:20px;
}
.TermsLabel
{
	vertical-align:text-top;
	width:50px;
}
.TermsText
{
	min-width:300px;
	vertical-align:text-top;	
}

p
{
    margin-top:0px;
}

div#PageRightRightWrapperPanel
{
    margin:2px;
}

div#PageRightRightTopPanel, div#PageRightRightBottomPanel
{
    border:solid 1px #999;
}

.ChangeSkinPanel
{
    position:absolute;
    top:15px;
    right:15px;
    color:#000;
}

.TermsAndConditionsText
{
    height:400px;
    overflow-y:scroll;
    border:solid 1px Black;   
}

.QrCodePanel {
    text-align: left;
}

.QrCodeImage {
    width: 300px;
}

.ApplePayLogo
{
	width: 70px;
	float: right;
}

.ApplePayLogo div
{
	height: 45px;
	line-height: 45px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-left: 0.3em;
	margin-right: 0.3em;
	background-image: url('/SiteFiles/VirtualSkinFiles/MMS_APPLE_PAY_LOGO/CWP_STD.ENGLISH.ApplePayLogo.svg');
}

.GooglePayLogo
{
	width: 70px;
	float: right;
}

.GooglePayLogo div
{
	height: 45px;
	line-height: 45px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-left: 0.3em;
	margin-right: 0.3em;
	background-image: url('/SiteFiles/VirtualSkinFiles/MMS_GOOGLE_PAY_LOGO/CWP_STD.ENGLISH.GooglePayLogo.svg');
}