#bbpay_Payment {
    -x-system-font:none;
    font-family:arial,helvetica,clean,sans-serif;
    font-size:13px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1.231;

    
}


.bbpay_requiredFieldMarker
{
	vertical-align: middle;
	font-family: inherit;
	font-size: 1em;
	color: #ea2121;
}

.bbpay_tiny {
    text-align: center;
	color:#666666;
	font-size:11px;
}

 
#bbpay_topPanel {
	background-image:url(../images/navbg.jpg);
	background-repeat:repeat-x;
	color:#213C51;
	float:left;
	font-size:12px;
	height:36px;
	padding:10px 0px 0px 10px;
	width:100%;
	text-align:left;
}

#bbpay_topPanel a {
	color:#004B91;
	text-decoration:none;
}

#bbpay_topPanel a:hover {
	/*color:#E47911;*/
	text-decoration:underline;
}

#bbpay_topPanel a.logout {
	padding-left:5px;
}

.bbpay_footer_bar {
	padding:0 15px;
	position:relative;
	top:3px;
}

#bbpay_footer {
	font-size:12px;
	text-align:center;
	padding: 0 10px;
	width:100%;
}


#bbpay_footer span {
	color:#004B91;
}

#bbpay_footer a {
	color:#004B91;
	text-decoration:none;
}

#bbpay_footer a:hover {
	color:#E47911;
	text-decoration:underline;
}

.bbpay_MessageCenter a {
	color:#004B91;
	text-decoration:none;
	font-size:12px
}

.bbpay_MessageCenterw a:hover {
	color:#E47911;
	text-decoration:underline;
}

.bbpay_console_nav_subhead_container {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../Images/console_nav_bar.gif) repeat-x scroll ;
	width:100%;
}

.bbpay_console_nav_subhead {
	width:auto;  
	background-color:#FFFFFF;
	color:#666666;
	font-size:15px;
	padding-left:8px;
	position:relative;
}

.bbpay_console_nav_subhead span 
{
	margin-right:5px
}

#bbpay_console_navigation, .bbpay_console_navigation {
	color:#0F5697;
	font-size:12px;
	padding:0 5px 0 0;
	max-width: 500px
}

#bbpay_console_navigation ul, .bbpay_console_navigation ul {
	margin:0px 0 10px 7px;
	padding-left:0 0 0 10px;
}

#bbpay_console_navigation ul li, .bbpay_console_navigation ul li {
	clear:left;
	font-weight:bold;
	height:18px;
	list-style-type:none;
	margin:0;
	padding:0 0 0 5px;
}

#bbpay_console_navigation .selected, .bbpay_console_navigation .selected {
	color:#E47911;
	text-decoration:none;
}

#bbpay_console_navigation .selected:hover, #bbpay_console_navigation .selected:hover {
	color:#E47911;
	text-decoration:none;
}

#bbpay_console_navigation ul li a:active, .bbpay_console_navigation ul li a:active {
	color:#004B91;
	text-decoration:none;
}

#bbpay_console_navigation ul li a:hover, .bbpay_console_navigation ul li a:hover {
	color:#E47911;
	text-decoration:underline;
}

#bbpay_console_navigation ul li a, .bbpay_console_navigation ul li a {
	color:#004B91;
	line-height:1em;
	text-decoration:none;
}

#bbpay_console_navigation img, .bbpay_console_navigation img {
	padding:0 0 5px;
}

.bbpay_carat {
	color:#CC6600;
	font-size:1.2em;
	font-weight:bold;
	margin-right:0.25em;
	text-decoration:none;
}

.bbpay_contentHeader 
{
	padding: 5px;
	background-color:#EEEEEE;
	border-bottom:solid 1px #A0A0A0;
}

.bbpay_contentHeader p
{
}

.bbpay_homefieldset
{
	border: solid 1px #333333;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}
#bbpay_homefieldset a {
	color:#004B91;
	text-decoration:none;
}

#homefieldset a:hover {
	color:#E47911;
	text-decoration:underline;
}

.bbpay_heading {	FONT-WEIGHT: bold;	COLOR: #000000;	}
.bbpay_msg {	RIGHT: 10px;	VERTICAL-ALIGN: bottom;	COLOR: #ff6600;	BACKGROUND-COLOR: #ffffff}

.bbpay_contentToolbar
{
	 border-bottom: solid 2px #99BBE8; 
}
 
.bbpay_contentData
{
	margin: 5px;
}

.bbpay_contentDataGrid
{
}

.bbpay_contentDataHeader 
{
	margin-bottom :10px;
}

.bbpay_contentDataHeader p
{
	font-style:italic  
}

.bbpay_contentDataHeader a
{
	color :#004B91;
	text-decoration:none;
}

.bbpay_contentDataHeader a:hover {
	color:#E47911;
	text-decoration:underline;
}

.bbpay_contentEditWindow 
{
	background-color : #FFFFFF ;
	
}

.bbpay_contentEditWindow form 
{
	margin: 10px 5px 10px 5px
}

.bbpay_form-toolbar 
{
	background-image : none;
	background-color: #FFFFFF;
	border-width: 0; 
}

.bbpay_contentRow 
{
	padding-top:0px
}

.bbpay_form-text-required
{
	background: #ffffe1 url(../Images/text-bg-required.gif) repeat-x scroll 0 0;
}

.bbpay_form-text-readonly
{
	background-color: #f5f5f5;
	color: #666666
}

#bbpay_Payment .readonlyData .x-form-item-label 
{
	color: #666666;
}

.bbpay_readonlyData .x-form-display-field 
{
	padding-top: 3px !important;
	overflow: visible;
	white-space :normal;
	 
}

.bbpay_form-image-help
{
	background-image: url(../Images/help.png) !important;
}

.bbpay_labelContainer
{
	float:left;
	display:inline;
	width :200px;
}

.bbpay_controlContainer 
{
	float:left;
	display:inline;
}

.bbpay_readonlyContainer 
{
	display:inline;
}

.bbpay_caption
{
	margin-left:10px;
	white-space:nowrap;
	font-size:13px;
}

.bbpay_readonly
{
	margin-left:50px;
	white-space: nowrap; 
	font-size:13px;
	font-weight: bold; 
}

.bbpay_captionLight 
{
	color: #666666;
}

.bbpay_captionDark 
{
	color: #000000;
}

.bbpay_contentSpacerRow
{
	height:10px;
	clear:both
}

.bbpay_x-grid-empty i
{
	font-size: 13px
}

.bbpay_x-grid-empty a
{
	color :#004B91;
	text-decoration:none;
}

.bbpay_x-grid-empty a:hover {
	color:#E47911;
	text-decoration:underline;
}

.bbpay_formPanelCaption
{
	color:#15428B;
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	background-image:url(../images/navbg.jpg);
	background-repeat:repeat-x;
	border: solid  1px #E8E7E5; /*!important;*/
	/*

	background-image : url(../Images/subheader-line.png);
	background-repeat :no-repeat; 
	background-position :bottom; 
	*/
	padding: 2px 0px 2px 2px !important;
	margin-bottom :3px;
}

.bbpay_formPanelCaptionNoMargin
{
	color:#15428B;
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	background-image:url(../images/navbg.jpg);
	background-repeat:repeat-x;
	border: solid  1px #E8E7E5 !important;
	padding: 2px 0px 2px 2px !important;
}

.bbpay_contentLoadingWindow 
{
	background-color: #FFFFFF;
}
#bbpay_div_loading 
{
	height: 95%
}
#bbpay_div_loading div
{
	margin-top:24%;
	margin-left:20px;
	color:#15428B;
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:12px;
	height:34px;
	line-height:34px;
}
#bbpay_div_loading img 
{
	vertical-align:middle ;
} 

#bbpay_div_loading span
{
	margin-left:5px;
}
/*
.helpButton 
{
	width: 55px
}

.editButton 
{
	width: 55px
}
*/
/*styles used on Login*/

.bbpay_loginButton
{
    color: #33505E;
    font-family:Verdana, Tahoma, Arial;
    font-size:10pt;
}

.bbpay_loginErrorMessage
{
    font-family:Verdana, Tahoma, Arial;
    font-size:9pt;
    text-align:center  
}

.bbpay_loginCaption 
    {
	    color: #33505E;
	    font-family:Verdana, Tahoma, Arial;
	    font-size:10pt;
    }
    
.bbpay_loginTextbox
{
    font-family:Verdana, Tahoma, Arial;
    font-size:10pt;
}
	
.bbpay_copyrightCaption
    {
        color: Gray;
	    font-family: Verdana, Tahoma, Arial;
	    font-size: 10pt;
	    text-align: center;
    }
        
div.bbpay_outer
    {
        position: absolute;
        left: 50%;
        top: 45%;
        width: 371px;
        height: 287px;
        margin-left: -185px; /* half of width */
        margin-top: -143px;  /* half of height */
        background: url(../images/defaultLogin.png);
    }
    
div.bbpay_copyright
    {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 371px;
        height: 75px;
        margin-left: -185px; /* half of width */
        margin-top: 150px;
    }
  
div.bbpay_inner
    {   
        position:absolute;
        left: 50%;
        top :50%;
        width: 320px;
        height: 130px;
        margin-left: -160px;  /* half of width */
        margin-top: -40px;   
    }
div.bbpay_buttonContainer
    {
	    position:absolute;
        left: 50%;
	    width: 350px;
	    height: 40px;
        margin-left: -175px;  /* half of width */
	    margin-top: 245px;
    }
div.bbpay_button
    {
	    text-align: right;
	    margin-top: 6px;
    }
    
table.bbpay_noBorder
    {
    	border: none;
    	padding: 0px;
    	position: relative;
    	margin-left: auto;
    	margin-right: auto;
    }




html > body {
    overflow:auto !important;
    overflow-x:auto !important;
    overflow-y:auto !important;
    min-width:300px !important;
    min-height:400px !important;
}

.taCenter
{
    text-align: center;
}

.taLeft
{
    text-align: left;
}

.bbpay_expiration_slash 
{
    font-size: 16px;
}

.bbspSidebar A
{
    color: #3d9fc8;
    text-decoration: none;
}

#submitButton td, #cancelButton td {
    vertical-align: middle !important;
}

@media screen and (max-width: 400px) {

.x-form-element {
clear:left;
padding-left:0px !important;
}

}


@media screen and (max-device-width: 400px) {

.x-form-element {
clear:left;
padding-left:0px !important;
}

}