﻿/* HTML */
/* BODY */
/*Added by Ali for PXP-7932 for Rebranding inner page*/
@font-face {
    font-family: "Berlingske Sans";
    src: url("../fonts/BerlingskeSans-DBd.eot");
    src: url("../fonts/BerlingskeSans-DBd.eot?#iefix") format("embedded-opentype"), url("../fonts/BerlingskeSans-DBd.woff2") format("woff2"), url("../fonts/BerlingskeSans-DBd.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Berlingske Sans";
    src: url("../fonts/BerlingskeSans-XBd.eot");
    src: url("../fonts/BerlingskeSans-XBd.eot?#iefix") format("embedded-opentype"), url("../fonts/BerlingskeSans-XBd.woff2") format("woff2"), url("../fonts/BerlingskeSans-XBd.woff") format("woff");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "Berlingske Sans";
    src: url("../fonts/BerlingskeSans-XBdIt.eot");
    src: url("../fonts/BerlingskeSans-XBdIt.eot?#iefix") format("embedded-opentype"), url("../fonts/BerlingskeSans-XBdIt.woff2") format("woff2"), url("../fonts/BerlingskeSans-XBdIt.woff") format("woff");
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Source Sans Pro', sans-serif;
    src: url("../fonts/SourceSansPro-Black.ttf") format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro', sans-serif;
    src: url('../fonts/SourceSansPro-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro', sans-serif;
    src: url('../fonts/SourceSansPro-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro', sans-serif;
    src: url('../fonts/SourceSansPro-BlackItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro', sans-serif;
    src: url('../fonts/SourceSansPro-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro', sans-serif;
    src: url('../fonts/SourceSansPro-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro', sans-serif;
    src: url('../fonts/SourceSansPro-Light.ttf') format('truetype');
}

body
{
    /*font-family: Arial, Helvetica, sans-serif;*/ /*margin: 0px; 	background-color: #FFFFFF; 	font-family: "Arial", "Helvetica", "Verdana", "sans-serif"; 	font-size: 12px; 	line-height: 1.4em; 	color: Black; 	padding: 0;*/
    margin: 0;
    padding: 0 0 20px;
    min-height: 100%; /* font-family: "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif"; */
    /*font-family: "Arial" , "Helvetica" , "Verdana" , "sans-serif";*/
     font-family: 'Source Sans Pro', sans-serif;
    font-size: 12px;
}

.SubHeading
{
    color: Black;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid black;
}

.MarketingContent
{
    text-align:justify;   
}

.justified_text
{
    text-align: justify;
}

.inactive_subscription
{
    width:120px;
    text-align:center;
}

.active_subscription
{
    width:120px;
    text-align:center;
}

.title1
{
    width: 100%;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    height: 21px;
    padding: 0px 0px 10px 0px;
    color: #636567;
}

.line
{
    border: none;
    border-top: 1px solid #d0d0bf;
    height: 0;
    background: #d0d0bf;
    width: 99%;
}

div.m_content
{
    width: 940px;
    border-style: none;
    border-width: thin;
    text-align: left;
    color: Black;
}

/* COMMON */
hr
{
    display: none;
}
strong
{
    font-weight: bold;
}
abbr, acronym
{
    border: none;
}
/*Added by Ali for PXP-7932 for Rebranding inner page*/
a,a:visited
{
    color: #00C8D2;
    text-decoration: underline;
}

    a:hover
    {
        color: #00C8D2;
        text-decoration: underline;
         font-weight: bold;
    }

img
{
    border: none;
}

/* UTILITY NAV */
#nav-utility
{
    float: right;
    clear: both;
    margin: -26px 0 0 0;
    padding: 0;
}
.guest #nav-utility
{
    margin: 0px 0 0 0;
}
#nav-utility li
{
    display: inline;
    text-align: center;
    margin: 0;
    padding: 2px 0 2px 2px;
    padding: 0 0 0 2px;
    font-size: 110%;
}
#nav-utility a
{
    color: #155794;
    border-right: 1px solid #666;
    padding-right: 5px;
}
#nav-utility li#nav-utility-auth a
{
    border: none;
    padding-right: 0;
}

/* HEADER */
#header
{
    clear: both;
    background-color: #fff;
    border-bottom: 0px solid #52a9d4;
    padding: 10px 10px;
    height: 65px;
}
#header h1
{
    font-size: 100%;
    margin: 0;
    padding: 0;
    border: none;
}
#header h1#logo img
{
    width: 11.9em;
    width: 119px;
    height: 3.2em;
    border: none;
}
.bgleft
{
    height: 100px;
    width: 800px;
    background-image: url(Images/bg.jpg);
}
#sidebar
{
}
#body .nosidebarnoborder
{
    width: 100%;
    float: right;
    padding: 10px;
    background-color: White;
    border: 0px solid #ccc;
    border-width: 0px 0px 0px 0px;
}
#wrapper
{
    background-color: White;
    width: 940px;
    _width: 940px;
    min-width: 940px;
    max-width: 940px;
    text-align: left;
}
.page
{
    height: 22px;
    border-bottom: solid 1px #e8e8e8;
    line-height: 22px;
    text-indent: 13px;
    text-align: left;
    padding-left: 10px;
}
.pageheader
{
    color: #393838;
    font-size: 17px;
    line-height: 20px;
    font-weight: bold;
    padding: 20px 10px 20px 10px;
    text-transform: uppercase;
    text-align: left;
}


.headerDesc
{
    font-size: 11px;
    font-style: italic;
    padding: 5px 0px 0px 0px;
    text-align: left;
    vertical-align: text-top;
    text-decoration: none;
    font-weight: normal;
    text-transform: none;
}
/*Added by Ali for PXP-7932 for Rebranding inner page*/
.heading
{
     font-size: small;
    font-weight: bold;
    margin-top: 2px;
}
#body .wrapper2
{
    width: 80.5%;
    float: right;
    padding: 3px 0px 0px 5px;
    background-color: White;
    border-left: 1px solid #155794;
}
#body .nosidebar
{
    width: 100%;
    float: right;
    padding: 10px;
    background-color: White;
    border: 1px solid #ccc;
    border-width: 1px 1px 1px 1px;
}
#body .nosidebarnoborder
{
    width: 100%;
    float: right;
    padding: 10px;
    background-color: White;
    border: 0px solid #ccc;
    border-width: 0px 0px 0px 0px;
}
#contentright
{
    width: 765px;
    height: 100%;
    float: right;
    text-align: left;
}
#footer
{
    color: #455b70;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    width: 100%;
    overflow: hidden;
}
.foot
{
    height: 83px;
    width: 100%;
    overflow: hidden;
    background: url(../../images/bg-bot.gif) top repeat-x;
}
#nofooter
{
    height: 1%;
    margin: 0px 0 0 0px;
    padding: 5px 10px;
    border-top: 3px solid #155794;
    background-color: #f7f7f7;
    color: #666;
}
.bucket
{
    border: 1px solid #8D8E90;
    background-color: #f5f5f5;
}
.buckethdr
{
    padding-top: 2px;
    padding-bottom: 2px;
    text-indent: 5px;
    background-color: #8D8E90;
    color: White;
    border-bottom: #8D8E90 1px solid;
    width: 100%;
    font-size: 110%;
}
.buckethdrlogin
{
    font-size: 130%;
    padding-top: 2px;
    text-indent: 5px;
    background-color: #8D8E90;
    color: White;
    border-bottom: #8D8E90 1px solid;
    height: 20px;
    width: 100%;
}
.buckethdrleft
{
    float: left;
    width: 50%;
    text-align: left;
}
.buckethdrright
{
    float: right;
    width: 49%;
    text-align: right;
    margin-right: 5px;
}
.bucketbdy
{
    margin: 0px 0px 0px 0px;
}
.bucketbdyleft
{
    float: left;
    vertical-align: middle;
}
.bucketbdyright
{
    float: right;
    vertical-align: middle;
}
.bucketfooter
{
    background-color: #ffffff;
    border-top: #8D8E90 1px solid;
    height: 25px;
    width: 100%;
}
.bucketfooterleft
{
    margin-top: 5px;
    font-size: 10px;
    margin-left: 3px;
    float: left;
}
.bucketfooteright
{
    margin-top: 5px;
    margin-right: 5px;
    float: right;
    text-align: left;
    vertical-align: bottom;
}
.fieldnote
{
    color: #069;
}
.leftcolumn
{
    width: 49.5%;
    float: left;
    vertical-align: top;
}
.rightcolumn
{
    width: 50%;
    float: right;
    vertical-align: top;
}
.leftcolumnalign
{
    width: 49.5%;
    float: left;
    text-align: left;
    vertical-align: top;
}
.rightcolumnalign
{
    width: 50%;
    float: right;
    text-align: right;
    vertical-align: top;
}
/*Added by Ali for PXP-7932 for Rebranding inner page*/
.dialog
{
    margin: 5px;   
    font-size: 11px;
}
.lblEdit
{
    font-size: 100%;
    text-align: right;
    font-weight: normal;
}

.lblEdit2
{
    font-size: 130%;
    text-align: left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LISTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.news ul
{
    margin: 0;
    padding: 0;
}

.news ul li
{
    list-style: none;
    background: url(../../images/arrowbullet.png) no-repeat 0 .8em;
    padding: .2em 0 .2em 1em;
    margin-left: 0.4em;
}

ul.list-of-links
{
    border-bottom: 1px dotted #B2B2B2;
}
#content-side1-three-column ul.list-of-links, #content-side2-three-column ul.list-of-links
{
    margin: 0 0 30px 0px;
}

ul.list-of-links li
{
    border-top: 1px dotted #B2B2B2;
    background-image: url(../../images/list-bullet-01-link.gif);
}

ul.list-of-links li.current
{
    background-color: #E5E5E5;
}


ul.no-lines, ul.no-lines li
{
    border: none;
}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
Tool Tips
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

p.tooltip a:hover
{
    color: #fff;
    cursor: default;
}
p.tooltip a:link span
{
    display: none;
    cursor: default;
}
p.tooltip a:visited span
{
    display: none;
    cursor: default;
}
p.tooltip a:hover span
{
    position: absolute;
    margin: 0px 0px 0px 25px;
    max-width: 220;
    padding: 2px 10px 2px 10px;
    border: 1px solid #C0C0C0;
    font: normal 10px/12px verdana;
    color: #000;
    text-align: left;
    display: block;
    height: 50px;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
Sidebar Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.arrowlistmenu
{
    margin: 0;
    width: 100%; /*width of menu*/
    border-left: #78bae6 0px solid;
    border-right: #78bae6 0px solid;
    border-bottom: #78bae6 0px solid;
    border-top: #78bae6 0px solid;
}

.arrowlistmenu .headerbar
{
    margin-top: 0px;
    font: bold 14px Arial;
    color: white;
    background-color: #155794; /*background: url(../../Images/HeaderBg.jpg) repeat-x center left;*/
    margin-bottom: 5px; /*bottom spacing between header and rest of content*/ /*text-transform: uppercase;*/
    padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-bottom: 10px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li
{
    padding-bottom: 2px; /*bottom spacing between menu items*/
    padding-left: 5px;
    padding-right: 5px;
}

.menu
{
    display: block;
    padding: 2px 0;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 1px solid #dadada;
    font-size: 11px;
}
.error
{
    color: Red;
    background: #fcc;
    padding: 2px;
    border: 2px solid red;
}

.defaultmenu
{
    background: url(../../Images/a1.gif) no-repeat center left; /*custom bullet list image*/
    padding-left: 22px; /*link text is indented 19px*/
}

.defaultmenu1
{
    background: url(../../Images/a4.gif) no-repeat center left; /*custom bullet list image*/
    padding-left: 22px; /*link text is indented 19px*/
}

/* home */
.ccsummary
{
    background: url(../../Images/creditcards.png) no-repeat center left; /*custom bullet list image*/
    padding-left: 22px; /*link text is indented 19px*/
}
/* transaction */
.logout
{
    background: url(../../Images/lock.png) no-repeat center left; /*custom bullet list image*/
    padding-left: 22px; /*link text is indented 19px*/
}

.chargeback
{
    background: url(../../Images/exchange.png) no-repeat center left; /*custom bullet list image*/
    padding-left: 22px; /*link text is indented 19px*/
}
.retrieval
{
    background: url(../../Images/message_edit.png) no-repeat center left; /*custom bullet list image*/
    padding-left: 22px;
}



.contactus
{
    background: url(../../Images/user_headset.png) no-repeat center left; /*custom bullet list image*/
    padding-left: 22px;
}
/* reports */
.achreturnlist
{
    background: url(../../Images/document_error.png) no-repeat center left; /*custom bullet list image*/
    padding-left: 22px;
}
.transactiondetail
{
    background: url(../../Images/gears_view.png) no-repeat center left; /*custom bullet list image*/
    padding-left: 22px;
}
.batchsummary
{
    background: url(../../Images/batch.gif) no-repeat center left; /*custom bullet list image*/
    padding-left: 22px;
}
.forms
{
    background: url(../../Images/document_text.png) no-repeat center left; /*custom bullet list image*/
    padding-left: 22px;
}
.cash
{
    background: url(../../Images/money2.png) no-repeat center left; /*custom bullet list image*/
    padding-left: 22px;
}
.club
{
    background: url(../../Images/businessmen.png) no-repeat center left; /*custom bullet list image*/
    padding-left: 22px;
}

/* profile */
.profile
{
    background: url(../../Images/profile.png) no-repeat center left; /*custom bullet list image*/
    padding-left: 22px; /*link text is indented 19px*/
}

.changepassword
{
    background: url(../../Images/changepassword.png) no-repeat center left; /*custom bullet list image*/
    padding-left: 22px; /*link text is indented 19px*/
}

.adduser
{
    background: url(../../Images/user1_add.png) no-repeat center left; /*custom bullet list image*/
    padding-left: 22px; /*link text is indented 19px*/
}

.forgotpassword
{
    background: url(../../Images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
    padding-left: 22px; /*link text is indented 19px*/
}

.arrowlistmenu ul li a:visited
{
    color: #155794;
}

.arrowlistmenu ul li a:hover
{
    /*hover state CSS*/
    color: #155794;
    background-color: #F3F3F3;
}

#pagetitle
{
    margin-top: 2px;
    margin-left: auto;
    margin-right: auto;
    width: 94%;
    position: relative;
    color: Black;
    font-size: medium;
    font-weight: bold;
    padding: .5em 20px .7em 20px;
}

fieldset
{
    padding: 3px 3px 3px 3px;
    -moz-border-radius: 8px;
    border-radius: px; /*background-color: White;*/
}
/*Added by Ali for PXP-7932 for Rebranding inner page*/
legend
{
    color: #7887E6;
    font-weight: bold;
}

.lblRight
{
    font-size: 8.5pt;
    text-align: right;
}

.lblLeft
{
    font-size: 8.5pt;
    text-align: left;
}

.lblCenter
{
    font-size: 8.5pt;
    text-align: center;
}

.reportbucket
{
    width: 300px;
    text-align: left;
}

.reportbucket a
{
    font-weight: bold;
}

.leftAlign
{
    text-align: left;
}


/* GridView Styles*/

.mGrid
{
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #c1c1c1;
    border-collapse: collapse;
}

/* mouseover row style */

.mGrid tr:hover
{
    background-color: #fffacd;
}

.mGrid td
{
    padding: 2px;
    border: solid 1px #c1c1c1;
    color: #000000;
}

.mGrid th a, .mGrid th a:visited, .mGrid th a:hover
{
    color: #00C8D2;
    text-decoration: none;
}

.mGrid td a, .mGrid td a:visited, .mGrid td a:hover
{
    text-decoration: underline;
}

.mGrid th
{
    height: 11px;
    padding: 4px 2px;
    color: #000000;
    background: #e5e5e5;
    border: 1px solid #bbbbbb;
    font-size: 11px;
    padding-left: 5px;
    text-align: center;
}

.mGrid .alt
{
    background-color: #f9f9f9;
}

.mGrid .pgr
{
    background-color: #d3d3d3;
}

.mGrid .footer
{
    background-color: #d3d3d3;
    font-weight: bold;
    text-align: right;
}

.mGrid .pgr table
{
    margin: 5px 0;
}

.mGrid .pgr td
{
    border-width: 0;
    padding: 0 6px;
    font-weight: bold;
    color: #000000;
    line-height: 12px;
    font-size: 12px;
    text-align: center;
}

.mGrid .pgr a
{
    color: #666;
    text-decoration: none;
}




.merchantAlerts
{
    background: url(../../images/arrowbullet.png) no-repeat 0 .8em;
    color: Red;
}

/*new menu tabs*/

#header
{
    padding: 0px;
}

.head-row1
{
    height: 91px;
    width: 100%;
    overflow: hidden;
}
.head-row1 .col1
{
    float: left;
    width: 700px;
}
.head-row1 .col2
{
    float: left;
}

.head-row2
{
    height: 83px;
    width: 100%;
    overflow: hidden;
    background: url(../../images/bg-menu-ps.png) top repeat-x;
}

.head-row3
{
    height: 374px;
}


.logo
{
    margin: 39px 0px 0px 1px;
    float: left;
}
h1.site-name
{
    font-size: 32px;
    padding: 40px 10px 0px 30px;
    text-transform: capitalize;
    font-weight: bold;
}
h1.site-name a
{
    color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;
    line-height: 30px;
}
.slogan
{
    padding: 4px 0px 0px 12px;
    color: #FFFFFF;
    font-size: 12px;
    text-transform: none;
    float: left;
}
.slogan-img
{
    margin: 71px 46px 0px 321px;
    float: left;
}

.pr-menu
{
    overflow: hidden;
    background: url(../../images/bg-menu-ps.png) top repeat-x;
}
ul.primary-links
{
    margin: 0px;
    padding: 0;
    list-style: none;
    text-align: center;
}
ul.primary-links li
{
    float: left;
    padding: 0 1px 0 0;
    background: url(../../images/bg-li-ps.png) no-repeat right 0;
}
ul.primary-links li a
{
    color: #6b6b6b;
    text-decoration: none;
    font-size: 11px;
    display: block;
    font-weight: bold;
    width: 116px;
    overflow: hidden;
    text-transform: uppercase;
    padding: 30px 0px 32px 0px;
}
ul.primary-links li.active a, ul.primary-links li a:hover, ul.primary-links li a.active
{
    color: #fff;
    background: url(../../images/bg-li-act-ps.png) no-repeat 0 0;
}
ul.primary-links li.first a:hover
{
    cursor: default;
    background: none;
}
ul.primary-links li.last
{
    background: none;
    padding: 0;
}

ul.sub-links
{
    list-style: none;
    margin-left: 10px;
    padding: 0;
}

ul.sub-links li a
{
    text-decoration: none;
    display: block;
    font-size: 10px;
    font-weight: bold;
    width: 158px;
    overflow: hidden;
    text-transform: uppercase; /*background: url(../../Images/a1.gif) no-repeat center left; custom bullet list image*/
    padding-left: 5px;
    padding-bottom: 3px;
}
ul.sub-links li a.active, ul.sub-links li a:hover
{
    color: Gray;
}

a.breadcrumb
{
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 20px;
}

.list
{
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.list li
{
    line-height: 13px;
    margin-bottom: 10px;
}

.list .active
{
    color: #000000;
}


/*----Login-form----*/
#user-login-form
{
    text-align: left;
    color: #FFF;
    font-size: 12px;
}
#user-login-form label
{
    color: #00c6ff;
    font-size: 11px;
    font-weight: bold;
    padding: 0px 0px 1px 0px;
    line-height: normal;
}
#user-login-form .form-required
{
    color: #6c6c6c;
    display: none;
}
.form-submit
{
    background: url(../../images/login.gif) no-repeat 0 0;
    border: none;
    width: 56px;
    height: 23px;
    margin: 10px 0px 0px 0px;
    color: #6b6b6b;
    font-size: 9px;
    padding: 0px 0px 3px 0px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}

.button86
{
    background: url(../../images/button_86.gif) no-repeat 0 0;
    border: none;
    width: 56px;
    height: 23px;
    margin: 10px 0px 0px 0px;
    color: #6b6b6b;
    font-size: 9px;
    padding: 0px 0px 3px 0px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}


/*New buckets*/

.roundmodule
{
    background: transparent url(../../images/mod_bot.jpg) no-repeat scroll left bottom;
    clear: both;
    color: #333;
    margin-bottom: 10px;
    overflow: hidden;
}

.roundmodule .titlebar
{
    color: #FFF;
    font-size: 11px;
    height: 28px;
    line-height: 28px;
    margin: 0px;
    padding-right: 10px;
}

.roundmodule .titlebar h2
{
    color: #FFF;
    float: left;
    font-size: 13px;
    font-weight: bold;
    line-height: 28px;
    margin: 0;
    padding: 0 2px 0 15px;
}

.roundmodule .aspirational
{
    background: transparent url(../../images/mod_top_asp-ps.jpg) repeat scroll right center;
}

.roundmodule .aspirational h2
{
    background: url(../../images/mod_top_asp-ps.jpg) repeat scroll left center;
}

.roundmodule .transactional
{
    background: transparent url(i../../mages/mod_top_trans.jpg) repeat scroll right center;
}

.roundmodule .transactional h2
{
    background: url(../../images/mod_top_trans.jpg) repeat scroll left center;
}

.roundmodule .functional
{
    background: transparent url(../../images/mod_top_func_silver2.jpg) repeat scroll right center;
}

.roundmodule .functional h2
{
    background: url(../../images/mod_top_func_silver2.jpg) repeat scroll left center;
}

.roundmodule .silver
{
    background: transparent url(../../images/mod_top_func_silver.jpg) repeat scroll right center;
}

.roundmodule .silver h2
{
    background: url(../../images/mod_top_func_silver.jpg) repeat scroll left center;
}

.roundmodule .head span
{
    color: #FFF;
    float: right;
    font-size: 11px;
    line-height: 28px;
    padding: 0;
}

.roundmodule .rmbody
{
    border-color: #eee;
    border-style: solid solid none;
    border-width: 0 2px 0 2px;
    clear: both;
    padding: 0px 5px 0px 5px;
}

.roundmodule .rmbody ul li
{
    position: relative;
}

.roundmodule .rmfoot
{
    background: transparent url(../../images/mod_bot.jpg) no-repeat scroll right bottom;
    clear: both;
    font-size: 0;
    height: 7px;
    margin-left: 10px;
}

/* round module gray outline only (mysfly accounts) */

.roundmodule .outline
{
    background: transparent url(../../images/mod_top_line.jpg) no-repeat scroll right center;
}

.roundmodule .outline h2
{
    background: url(../../images/mod_top_line.jpg) no-repeat scroll left center;
}

.roundmodule .outline-titlebar
{
    color: #FFF;
    font-size: 2px;
    height: 7px;
    line-height: 7px;
    margin: 0px;
    padding-right: 10px;
}

.roundmodule .outline-titlebar h2
{
    color: #FFF;
    float: left;
    font-size: 13px;
    font-weight: bold;
    line-height: 7px;
    margin: 0;
    padding: 0 2px 0 15px;
}

#dmp_orange_module .rmbody
{
    padding: 15px 0 23px 5px;
}

#dmp_orange_module p
{
    padding-top: 5px;
}

#dmp_green_module .roundmodule .rmbody
{
    padding-top: 3px;
}

#dmp_green_module a
{
    display: block;
    margin-top: 2px;
    width: auto;
    padding: 4px 0 4px 10px;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    background: #F0F8E1;
}

#dmp_green_module a:hover
{
    background: #E3F1C7;
}

#dmp_blue_module .roundmodule .rmbody
{
    padding-top: 3px;
}

.title h3
{
    padding: 0;
    width: 100%;
    color: #393838;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}

#modalPage
{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 490;
    margin: 0;
}

.modalBackground
{
    filter: Alpha(Opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    width: 100%;
    height: 100%;
    background-color: #999999;
    position: absolute;
    z-index: 500;
    top: 0px;
    left: 0px;
    margin: 0;
}
.modalContainer
{
    position: absolute;
    width: 300px;
    left: 50%;
    top: 50%;
    z-index: 750;
}
.modal
{
    position: absolute;
    top: -145px;
    left: -160px;
    z-index: 1000;
    width: 300px;
    height: 300px;
}

.modal .titlebar
{
    color: #FFF;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    margin: 0px;
    padding-right: 10px;
}

.modal .titlebar h2
{
    color: #FFF;
    float: left;
    font-size: 13px;
    font-weight: bold;
    line-height: 28px;
    margin: 0;
    padding: 0 2px 0 15px;
}

.modal .functional h2
{
    width: 99.6%;
    background-color: gray;
}

.modalTop
{
    color: black;
    background: white;
    border-style: solid;
    border-width: 0 2px 2px 2px;
    clear: both;
    padding: 0px 5px 0px 5px;
    width: 292px;
    height: 99%;
    border-color: gray;
}

.modalTop a, .modalTop a:visited
{
    color: #ffffff;
}


/* Report Nav */
table.layout-report a.disabled, table.layout-report a.disabled:hover
{
    color: #aaa;
    cursor: default;
    text-decoration: line-through;
}


/*-------------------------------- */
.layout-report
{
    width: 100%;
}

.layout-report td
{
    vertical-align: top;
}

.layout-report td.left-nav
{
    width: 180px;
}

.layout-report td.normal
{
    border-left: 1px solid #eee;
    padding: 5px 24px;
}



.report-nav, .left-nav .report-nav dt, .left-nav .report-nav dd, .left-nav .report-nav ul, .left-nav .report-nav li
{
    margin: 0;
    padding: 0;
}

.left-nav .report-nav
{
    float: left;
    width: 175px;
    font-size: 1.3em;
    padding: 0px 23px 8px 5px;
}

.left-nav .report-nav dt, .left-nav .report-nav h4
{
    margin: 0;
    padding: 0;
    font: normal 1.1em "Trebuchet MS" , "Helvetica" , "Arial" , "Verdana" , "sans-serif";
    color: #393838; /*#f78f1e; #e87b10;*/
}

.left-nav .report-nav dt, .left-nav .report-nav h4
{
    margin-top: 1.5em;
    margin-bottom: 0;
    padding-left: 8px;
    padding-bottom: 5px;
    line-height: 1.2em;
    border-bottom: 1px solid #F4F4F4;
}

.left-nav .report-nav dd a, .left-nav .report-nav li a
{
    border-bottom: 1px solid #F4F4F4;
    display: block;
    padding: 2px 3px 2px 8px;
    font-size: 12px;
    text-decoration: none;
    color:#636567; /*#555 ;*/
    margin: 2px 0;
    height: 13px;
}

.left-nav .report-nav dd a:hover, .left-nav .report-nav dd a:focus, .left-nav .report-nav li a:hover, .left-nav .report-nav li a:focus
{
    background: #f3f3f3;
    color: #000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.report-nav dd a.selected
{
    background: #555;
    color: #ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}



.mainleft
{
    width: 199px;
    border-top: solid 1px #E8E8E8;
    border-right: solid 1px #E8E8E8;
    vertical-align: top;
}

.mainright
{
    width: 739px;
    border-top: solid 1px #E8E8E8;
    vertical-align: top;
    text-align: left;
}


.SideMenuNav
{
    margin: 25px 0px;
}

.SideMenuNav > .smheading
{
    line-height: 1.2em;
    padding-bottom: 5px;
    padding-left: 8px;
    font-size: 1.3em;
    color: #000000;
    text-align: left;
}

.SideMenuNav ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-indent: 0;
    padding-right: 40px;
}

.SideMenuNav ul li:hover
{
    background-color: #f4f4f4;
}

.SideMenuNav ul li a
{
    border-bottom: 1px solid #F4F4F4;
    color: #00C8D2;
    display: block;
    font-size: 12px;
    line-height: 13px;
    margin: 2px 0;
    padding: 2px 3px 2px 8px;
    text-decoration: none;
    text-align: left;
}

.SideMenuNav .active a
{
    font-weight: bold;
    color: #00C8D2;
}


.list2
{
    font-size: 12px;
}

.list2 li
{
    line-height: 17px;
    margin-bottom: 10px;
}

.list2 a
{
    text-decoration: none;
}

.list2 a:hover
{
    text-decoration: underline;
}

.list2 .active
{
    color: #000000;
}


#nav a
{
    background-image: url(                    '../../images/billboard_inactive.png' );
    display: block;
    height: 18px;
    width: 18px;
    content: none;
}

#nav a.activeSlide
{
    background-image: url(                    '../../images/billboard_active.png' );
}

#nav a:focus
{
    outline: none;
}

#navbar
{
    height: 22px;
    position: relative;
    width: 93px;
    z-index: 9999;
    top: -20px;
    left: 355px;
}

#navbar img, #navbar a
{
    float: left;
}

#navbar img
{
    cursor: pointer;
    height: 18px;
    width: 18px;
}

.slbox
{
    width: 940px;
}

.slideshow
{
    z-index: 100;
    width: 466px;
    height: 276px;
    text-align: left;
}

#everything
{
    width: 228px;
    height: 276px;
    display: block;
    float: right;
}

.boxrow
{
    width: 940px;
}

.errorlist
{
    border: solid 2px red;
    background-color: #ffcccc;
    padding: 5px;
    text-align: left;
}

.statuslist
{
    border: solid 2px #E3F1C7;
    padding: 5px;
    text-align: left;
    background-color: #F0F8E1;
}

.errorlist li
{
    list-style: none;
}


.statuslist li
{
    list-style: none;
}

.ticketsearch
{
    clear: both;
}

.ticketsearch .block
{
    width: 205px;
    height: 20px;
    line-height: 20px;
    margin: 5px 10px;
    float: left;
}
.ticketsearch .blockleft
{
    width: 70px;
    line-height: inherit;
    height: inherit;
    float: left;
    text-align: right;
}

.ticketsearch .blockright
{
    width: 130px;
    line-height: inherit;
    height: inherit;
    float: right;
}

.ticketsearch input
{
    line-height: inherit;
    height: inherit;
}

.ticketsearch select
{
    line-height: inherit;
    height: inherit;
    width: 120px;
}



.RequiresFeedBack
{
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    display: block;
    color: green;
    font-weight: bold;
}

.ticketclosed
{
    border: solid 1px #ADC3DE;
    background-color: #DDE5F9;
    padding: 10px;
}

.ticketclosed a
{
    font-weight: bold;
    color: #1F61FF;
}




.gen_error
{
    color: red;
    font-size: 10pt;
}

.ticketgrid
{
}

.ticketgrid .ti_title
{
    height: 30px;
    line-height: 30px;
    background-color: #FFF7D7;
    padding: 0px 10px;
}

.ticketgrid .datedisplay
{
    line-height: 30px;
    float: right;
}

.ticketgrid .ti_body
{
    padding: 10px;
}

.ticketgrid .ticketsolution .ti_title
{
    background-color: green;
}


.ticketgrid .ticketitem
{
    border: solid 1px #FAD163;
    margin: 3px 0;
    width: 100%;
}

.ticketgrid .ticketsolution
{
    border: solid 1px green;
}

.ticketgrid .external
{
    border: solid 1px #ADC3DE;
}

.ticketgrid .external .ti_title
{
    background-color: #DDE5F9;
}

.generalpadding
{
    padding: 15px;
}

.ticketinfo
{
}

.ticketinfo .item
{
    width: 400px;
    height: 25px;
    display: block;
}

.ticketinfo .itemvarheight
{
    display: block;
}

.ticketinfo .itemvarheight .ticategorydescription
{
    margin-left: 100px;
    margin-right: 20px;
    color: Red;
}


.ticketinfo .tilabel
{
    width: 100px;
    float: left;
    height: 25px;
}

.ticketinfo .tiinput
{
    width: 300px;
    float: left;
    height: 25px;
}

.ticketinfo .tiinput > input
{
    height: 18px;
}


.ticketinfo .titextarea
{
    float: left;
    height: 75px;
}

.required
{
    color: red;
}


#fldSH
{
    display: block;
    margin: 0px 0px 0px 0px;
    list-style: none;
}

#fldSH ul
{
    padding: 5px 15px 15px 15px;
}

#fldSH li
{
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.tnOuter
{
}

.tnOuter .tnInner
{
    margin-left: 10px;
}

#fldTN
{
    display: block;
}

.smalltable
{
    border-left: solid 1px #ababab;
}

.smalltable td
{
    padding: 5px 0px;
}

.smalltable .stleft
{
    font-weight: bold;
    white-space: nowrap;
    padding-right: 10px;
    padding-left: 10px;
    text-align: left;
}


.solutionbox
{
    margin-bottom: 20px;
}

.solutionbox > div
{
    border: solid 1px #acd3d3;
    width: 100%;
    padding: 0px;
    background-color: #f9f9f9;
}

.pnlNormal
{
    width: 940px;
    margin: 0px auto;
}

.pnlWide td.mainright
{
    border-top: solid 1px #E8E8E8;
    vertical-align: top;
    text-align: left;
}

.cbmessage
{
    background-color: #FFF7D7;
    padding: 10px;
    border: solid 1px #FAD163;
    margin-bottom: 10px;
}

.cbmessagesoft
{
    padding: 10px 0px;
    margin-bottom: 10px;
    text-align: left;
    font-weight: bold; /* 	border: solid 2px #E3F1C7; 	 	background-color: #F0F8E1;     */
}



.cardlogo
{
    background-repeat: no-repeat;
    background-color: Transparent;
    display: inline-block;
    height: 20px;
    text-indent: -9999px;
    width: 31px;
}

.LOGO1 /* visa */
{
    background-position: -120px -5px;
}

.LOGO2 /* mc */
{
    background-position: -154px -5px;
}

.LOGO3 /* amex */
{
    background-position: -189px -5px;
}

.LOGO4 /* disc */
{
    background-position: -222px -5px;
}

.discrete
{
    cursor: pointer;
    color: Black;
    text-decoration: none;
}

/*BG color is a must for IE6*/
.tooltipclean span
{
    display: none;
    padding: 2px 3px;
    margin-left: -20px;
    margin-top: 22px;
    width: 200px;
    font-size: 13px;
}

.tooltipclean .welcomespan
{
    display: none;
    width: 200px;
    font-size: 13px;
    z-index: 9999;
    top: 30px;
    right: 130px;
    padding: 8px;
}


.tooltipclean:hover span
{
    display: inline;
    position: absolute; /*background: #ffffff; 	color: #069;*/
    background: #0D5995;
    color: #fff;
    border: 1px solid #cccccc;
    text-decoration: none;
}



.tooltipclean
{
    border-bottom: 1px dashed black;
}

.tooltipclean:hover
{
    border-bottom: 1px dashed black;
    text-decoration: none;
}

.intro
{
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #DDDDDD;
    margin: 10px;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
}

.commonpadding
{
    padding: 0px 0px 20px 15px;
}

.boxenabled
{
    border: 1px solid #525252;
    cursor: pointer;    
    padding: 0 2px;
    margin: 0 2px;
}

.boxenabled:hover
{
    color: #636567;
    text-decoration: underline;
    cursor: pointer;
}

.boxdisabled
{
    border: solid 1px #525252;
    color: #808080;
    padding: 0px 2px;
    cursor: default;
    text-decoration: none;
}

	.boxdisabled:hover
	{
		color: #808080;
		cursor: default;
		text-decoration: none;
	}


.disabledText
{
    color: #808080;
}

.lbb
{
    color: #0F67A1;
    
}

.lnbwidth
{
    width: 100px;
    
}



.fakea
{
    color: #636567;
    text-decoration: underline;
    cursor: pointer;
}

.fakea:hover
{
    color: #636567;
    text-decoration: underline;
    cursor: pointer;
}

.fakeab
{
    color: black;
    text-decoration: underline;
    cursor: pointer;
}

.fakeab:hover
{
    color: black;
    text-decoration: underline;
    cursor: pointer;
}


.graphcolright
{
    width: 345px;
    height: 220px;
    overflow: hidden;
    padding-right: 10px;
    float: right;
}

.graphcolleft
{
    width: 345px;
    height: 220px;
    overflow: hidden;
}

.graphsingle
{
    width: 718px;
    padding-left: 10px;
}

.graphsinglegrid
{
    width: 708px;
    padding-left: 10px;
    padding-right: 10px;
}



.pageheader13
{
    color: #393838;
    font-size: 17px;
    line-height: 20px;
    font-weight: bold;
    padding: 20px 10px 20px 0px;
    text-transform: uppercase;
    text-align: left;
}

.outer13
{
    padding-left: 9px;
    width: 730px;
}

.title13
{
    padding: 10px 0px 10px 10px;
    width: 100%;
    color: #393838;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}

fieldset
{
    padding: 3px 3px 3px 3px;
    -moz-border-radius: 8px;
    border-radius: px; /*background-color: White;*/
    margin: 5px;
    font-size: 12px;
    border: 1px solid #d0d0bf;
}

.overridefonts
{
    padding: 3px 3px 3px 3px;
    font-size: 12px;
}


.infoblock td
{
    vertical-align: top;
    text-align: left;
}

.infoblock td.outer
{
    width: 50%;
}

.infoblock .left
{
    font-weight: bold;
    width: 144px;
}

.infoblock .right
{
}

.infoblockfs fieldset
{
    margin: 0px 0px 15px 0px;
}

.noborder
{
    border: none;
}

.igte_ButtonImg
{
    background-image: url(../../images/ig_cmboDown1.bmp);
}

.fakebutton
{
    display: block;
    float: right;
    text-align: center;
    border: solid 1px;
    text-decoration: none;
}

.mGrid td.HeaderStyle 
{
    background-color:#EEEEDD;
    font-weight:bold;
}
/*Added by Ali for PXP-7932 for Rebranding inner page*/
.logoResized {
    width: 50%;
}

input[type="submit"] {
    background: #7887E6;
    border: 1px solid transparent;
    padding: 5px 10px;
    color: white;
    cursor: default;
}

input[type="submit"]:Hover {
    background: #7887E6;
    border: 1px solid transparent;
    padding: 5px 10px;
    color: white;
    cursor: default;
}
input[type="submit"]:disabled {
    background: #E4E7FA;
}

.important-message {
    font-size: 15px;
    color: red;
    font-weight: bold;
    padding: 10px 20px;
    margin-top: -20px;
}