﻿/** Main CSS for CTXM.by **/

/**  Master Styles  **/
html, body, form{
    /*height: 100%;*/
    background-color:White;
}
body {
    margin:0;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
}
a { color:#00635d; text-decoration:underline;}
a:hover { color:#359993; text-decoration:underline;}
.smallText
{
    font-size: 80%;
    line-height:100%;
}
.VsmallText
{
    font-size: 80%;
    color:#7c7c7c;
}
span.requiredSign {
    color: Red;
    display: none;
}

span.requiredSign2 {
    padding-left: 2px;
    position: relative;
    top: 2px;
    color: Red;
    display: inline;
}
td {
    font-family: Arial, Helvetica, sans-serif;
    color: #212120;
    /*text-align:left;*/
    margin:0;
    padding:0;
    vertical-align:top;
}
td.smallText {
    font-size: 100%;
}
p  {
    font-family: Arial, Helvetica, sans-serif;
    color: #212120;
    line-height: normal;
    margin:0px 0px 24px 0px;
    padding:0;
}
h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 200%;
    color: #212120;
    font-weight:bold;
    line-height: normal;
    margin:0px 0px 24px 0px;
    padding:0;
}
h1.congratulations{
    color: #02776f;
}
h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 150%;
    color: #212120;
    font-weight:bold;
    line-height: normal;
    margin:0px 0px 24px 0px;
    padding:0;
}
h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 130%;
    color: #02776f;
    font-weight:bold;
    line-height: normal;
    margin: 12px 0px 12px 0px;
    padding:0;
}
br { 
    font-size:80%;
}
.subheader, .subheader2 {
    font-size: 120%;
    font-weight:bold;
}
.main {
    background:#fff url(../Images/bg.jpg) repeat-x top;
    width: 100%;
    height:100%;
    margin:0;
    padding:0;
    border: none;
    font-size: 12px;
}
.pageWidth {
    width: 798px;
}
.leftSide { 
    width:49%;
    background:url(../Images/leftSide.jpg) no-repeat right top;
}
.leftSideContact { 
    width:2%;
    background:url(../Images/leftSide.jpg) no-repeat right top;
}
.centerSide { 
    width:2%;
    background:url(../Images/centerSide.jpg) no-repeat left top;
}
.rightSide { width:49%;}
.rightSideContact { width:2%;}

/* differential master styles */
.leftAligned { text-align:left; }
.rightAligned { text-align:right; }
.centerAligned { text-align:center; }
.noWrap { white-space:nowrap; }
.fullWidth { width: 100%; }
.leftFloated { float:left; }
.rightFloated { float:right; }
.minWidthLimiter { padding:0; margin:0; width:1px; height:1px; font-size:1px;}
.clerer { clear: both; height:1px; font-size:1px;}
.noMarginRight { margin-right:0;}
.noPadding { padding:0;}
.rowNoWrap { white-space:nowrap; }
.linkWithArrow {
    background:url(../Images/arrows.gif) right center no-repeat;
    padding-right:18px;
}
.bottomborder, tr.bottomborder td, .bottomborderEco, tr.bottomborderEco td {
    border-bottom: #c5d5d3 1px solid;
}
div.HeaderCaptionPadingless, span.HeaderCaptionPadingless {
    margin-top: 0px;    
    font-weight:normal;
    font-size:200%;
    color:#02776f;
    display:block;
}
.whiteHeader div.HeaderCaptionPadingless, .whiteHeader span.HeaderCaptionPadingless {
    margin-top: 50px;
    margin-bottom: 18px;
    font-weight: normal;
    font-size: 200%;
    color:#02776f;
    display:block;
}
div.HeaderCaption, span.HeaderCaption, span.HeaderCaptionPopup {
    font-size: 200%;
    color:#40707f;
    font-weight: normal;
    padding-left: 0px;
    line-height:20px;
    margin-top:18px;
}
a.HeaderCaptionPopup {
    font-size: 200%;
    color:#79c2d4;
    margin-top:18px;
}
.HeaderCaptionPadingless span.HeaderCaption { color:#02776f;}
.certificate
{
    margin: 0px 0px 0px 0px;
    width: 80px;
    height: 80px;
}
a.button, .centerColumn3 a.button, .centerColumn2 a.button {
    color: White;
    margin: 10px 0px;
    padding:2px 20px 2px 20px;
    background:#f8961c url(../Images/btn_bg2.jpg) left top repeat-x;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    white-space:nowrap;
    border: #dd7d00 1px solid;
    text-shadow: 0px 1px 1px #c96608;
}
div.tabMenu {
    margin: 0px 0px 30px 0px;
    padding: 0;
}
a.button_active, a.popUpButton {
    margin: 0px 4px 0px 0px;
    padding:2px 20px 2px 20px;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    background:#dfdfdf url(../Images/btn_bgGey2.jpg) left top repeat-x;
    border: #7892b1 1px solid;
    text-shadow: none;
    color:#56606c;
}
a.button_active:hover, a.popUpButton:hover {
    color: #56606c;
    background: #f4f4f4;
    text-decoration: none;
    cursor:pointer;
}
span.button, a.PopUpselected, a.PopUpselected:hover {
    margin: 0px 4px 0px 0px;
    padding:2px 20px 2px 20px;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    background:#f8961c;
    border: #dd7d00 1px solid;
    text-shadow: 0px 1px 1px #c96608;
    color: White;
    cursor:default;
}
a.button:link, .centerColumn3 a.button:link, .centerColumn2 a.button:link  {
    color: White;
    text-decoration: none;
}
a.button:active, .centerColumn3 a.button:active, .centerColumn2 a.button:active  {
    color: #fff;
    text-decoration: none;
}
a.button:hover, .centerColumn3 a.button:hover, .centerColumn2 a.button:hover  {
    color: #fff;
    background: #ffb400;
    text-decoration: none;
}
a.button:visited, .centerColumn3 a.button:visited, .centerColumn2 a.button:visited  {
    color: White;
    text-decoration: none;
}
a.wideButton, a.wideButtonWithoutWidth {
    width: 129px;
    display: block;
    margin: 6px 0px 0px 0px;
    line-height: 17px;
}
a.wideButton{
 width: 129px;
}
.AccountTabs1PxDown { top: 5px; position: relative;}
.buttonTab {
    color: White;
    margin:0;
    margin-left:4px;
    padding:2px 20px 2px 20px;
    background:#f8961c url(../Images/btn_bg2.jpg) left top repeat-x;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    border: #dd7d00 1px solid;
    text-shadow: 0px 1px 1px #c96608;
    cursor:pointer;
}
.buttonTab:hover  {
    color: #fff;
    background: #ffb400;
    text-decoration: none;
}
.buttonTabWhite {
    margin:0;
    margin-left:4px;
    padding:2px 20px 2px 20px;
    background:#fff;
    border: #7892b1 1px solid;
    border-bottom: #fff 1px solid;
    text-shadow: none;
    color:#56606c;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    cursor:pointer;
}
ul.bulletedList, ul.paddingLess {
    padding: 0;
    margin:0;
    padding-top:12px;
    padding-left:19px;
    margin-top:8px;
}
ul.bulletedList li, ul.paddingLess li {
    padding: 0;
    margin:0;
    padding-bottom:5px;
    padding-left:20px;
    line-height:100%;
    font-size: 100%;
    font-weight: normal;
    color:#212120;
    background:url(../Images/collageBullet2.gif) 4px 1px no-repeat;
    list-style:none;
}
ul.paddingLess {

}
ul.paddingLess li {
    padding: 0;
    margin:0;
    padding-left:20px;
    padding-bottom:4px;
    line-height:120%;
}
.columnCentered { text-align:center; }
.ScheduledHR{
    border-bottom-color:#bec4cb;
    border-bottom-style:solid;
    border-bottom-width:1px;
    height: 1px;
}
.buttonManageST, .buttonManageSP { 
    background:url(../Images/collageBullet2.gif) 6px 2px no-repeat; 
    padding: 0;
    margin:0;
    padding-bottom:5px;
    padding-left:20px;
    font-weight:bold;
}
div.flotingLeftWAllign
{
    float:left;
    height:30px;
}
/* end of differential master styles */
/** end of Master Styles  **/

/*-----------------------------------------------------------------------------------------------------*/

/** Top Menu **/
.topMenu { 
    background-color:#02776f;
    color: #fff;
    font-size: 10px;
    font-weight:bold;
    height:16px;
    padding:0; 
    margin:0; 
}
.topMenu ul { padding:0; margin:0; }
.topMenu ul li { padding:0; margin:0; }
.topMenu ul li.topMenu { padding:0; margin:0; float:left; list-style: none; }
.topMenu ul li.lastTopMenu { width:98px; background:url(../Images/topMenu_dd.gif) right center no-repeat; margin-left: 8px; }
.topMenu ul li.topMenu span.userName { 
    color: #fff;
    background:url(../Images/topMenuRasp.gif) left top no-repeat;
    margin:0;
    margin-left: 8px;
    padding: 0px 6px 0px 36px;
    line-height:16px;
}
.topMenu a { 
    color: #fff;
    background:url(../Images/topMenuRasp.gif) left top no-repeat;
    margin:0;
    padding: 0px 6px 0px 8px;
    line-height:16px;
    text-decoration:none;
}
.topMenu a:hover { 
    color: #bffffb;
    text-decoration: none;
}
.language{
    overflow:hidden;
    display: inline-block;
    position:relative;
}
.langDD {
    height:16px;
    width:98px;
    display: inline-block;
    overflow:hidden;
    color:#fff;
    position:relative;
    text-align:left;
    z-index: 1;
}
.langDD:hover {
    height: auto;
    color:#fff;
    text-align:left;
}
.langDDOver {
    overflow:hidden;
    display: inline-block;
    color:#fff;
    position: relative;
    text-align:left;
    z-index: 1;
}
ul.langSelector {
    background-color: #3d9c96;
    border: 1px solid #52a59e;
    width: 96px;
}
ul.langSelector li {
    margin: 2px 0px;
    padding: 0px;
}
ul.langSelector a { 
    background:none;
    display:inline-block;
    padding-left: 32px;
}
ul.langSelector a:hover {
    background-color: #7ecdc8;
    color: #fff;
}
ul.langSelector a.active {
    background-color: #02776f;
    padding-left: 32px;
}
ul.langSelector a.en-GB, ul.langSelector a.de-DE, ul.langSelector a.es-ES, ul.langSelector a.fr-FR, ul.langSelector a.el-GR, ul.langSelector a.it-IT, ul.langSelector a.ru-RU, ul.langSelector a.tr-TR, ul.langSelector a.nb-NO  { 
    background-image: url(../Images/gb.gif);
    background-position: 8px center;
    background-repeat:no-repeat;
}
ul.langSelector a.de-DE {
    background-image: url(../Images/de.gif);
}
ul.langSelector a.es-ES {
    background-image: url(../Images/es.gif);
}
ul.langSelector a.fr-FR {
    background-image: url(../Images/fr.gif);
}
ul.langSelector a.el-GR {
    background-image: url(../Images/gr.gif);
}
ul.langSelector a.it-IT {
    background-image: url(../Images/it.gif);
}
ul.langSelector a.nb-NO {
    background-image: url(../Images/nb-NO.gif);
}
ul.langSelector a.ru-RU {
    background-image: url(../Images/ru.gif);
}
ul.langSelector a.tr-TR {
    background-image: url(../Images/tr.gif);
}
/** End of Top Menu **/

/*-----------------------------------------------------------------------------------------------------*/

/** Logotype zone **/
.logo {
    background:url(../Images/plant.gif) right bottom no-repeat;
    width:100%;
    height:auto;
}
.logo p  {
    font-family: Arial, Helvetica, sans-serif;
    color: #212120;
    line-height: normal;
    margin:0;
    padding: 26px 0px 0px 18px;
    font-size:24px;
    color:#0a7073;
    font-weight:bold;
    letter-spacing: -1px;
}
.logotype {
    background:url(../Images/logo_new.gif) left top no-repeat;
    height:87px;
    width:144px;
}
/** End of Logotype zone **/

/*-----------------------------------------------------------------------------------------------------*/

/** Menu **/
.menu {
    background: url(../Images/menuBg.jpg) repeat-x top;
    width:100%;
    height: 38px;
    padding: 0;
    margin: 0;
}
.menu td { 
    text-align:center;
    background:url(../Images/menuRasp.jpg) left top no-repeat;
    font-size: 13px;
    font-weight:bold;
    color:#fff;
    padding: 0;
    margin: 0;
    padding-left: 1px;
}
.menu td.first { text-align:center; background: none; padding:0; }
.menu td.active { background:url(../Images/menuBgActive.gif) repeat-x top; color:#8a1d00; }
.menu td.active a { color:#8a1d00; }
.menu td.active a { color:#8a1d00; text-decoration:none; background:none; }
.menu a { color:#fff; display:block; text-decoration:none; line-height: 38px; }
.menu a:hover { color:#fff; text-decoration:none; background:url(../Images/menuBgOver.gif) repeat-x top; }
.menu p {
    font-family: Arial, Helvetica, sans-serif;
    color: #212120;
    line-height: normal;
    margin:0;
    padding:0;
    font-size:12px;
    font-weight:bold;
}
.menu td.leftAligned { text-align:left; vertical-align:middle; }
.menu td .HeaderCaptionPadingless { color:#fff; padding: 0px 20px 0px 20px;  }
.menu td .whiteHeader .HeaderCaptionPadingless { color:#fff; padding: 0px 20px 0px 20px; margin:0; font-size: 200%;  }

/** End of Menu **/

/*-----------------------------------------------------------------------------------------------------*/

/** Right Column **/
.rightColumn { background:#02776f; vertical-align:top; padding: 44px 0px;}
.rightColumn2 { background:#02776f url(../Images/rcGlow.jpg) top left no-repeat; width:10%; vertical-align:top; }
.rightRasp { width:228px; clear:both; }
.rightColumnCont { padding: 19px 19px 0px 19px; margin:0; }
.rightColumnCont2 { padding: 10px 19px 10px 19px; margin:0; }
.rightColumn2 .button img { margin-bottom: 8px;}
.rightColumn2 .cardInfo { 
    background:url(../Images/cardShadow.jpg) top left no-repeat; 
    padding:8px 0px 25px 0px; 
    margin:0;
    text-align: center;
    color:#e6fdff;
    font-size:14px;
    font-weight:bold;
    text-shadow: 0px 2px 3px #015e57;
}
a.applyForPMC, a.applyForPMC:hover, a.applyForPMC:visited {
    color:#ffffff;
    text-decoration:none;
}
.rightColumn2 .buttonIphone {
    background-image:url(../Images/Btn_iPhone.gif);
    height:31px;
    background-repeat:no-repeat;
    background-position: 0px 0px;
    text-decoration:none;
    padding:0;
    margin:0;
    margin-bottom: 4px;
    display:block;
} 
.rightColumn2 .buttonIphone:hover {
    background-position:  0px -31px;
    text-decoration:none;
} 
.rightColumn2 .buttonJoin {
    /*background-image:url('../../../Shared/Handlers/Image.ashx/btn_join');*/
    height:31px;
    background-repeat:no-repeat;
    background-position: 0px 0px;
    text-decoration:none;
    padding:0;
    margin-bottom: 4px;
    display:block;
} 
.rightColumn2 .buttonJoin:hover {
    background-position:  0px -31px;
    text-decoration:none;
} 
.rightColumn2 .buttonLogin {
    /*background-image:url('../../../Shared/Handlers/Image.ashx/btn_login');*/
    height:31px;
    background-repeat:no-repeat;
    background-position: 0px 0px;
    text-decoration:none;
    padding:0;
    margin:0;
    margin-bottom: 4px;
    display:block;
}
.rightColumn2 .buttonLogin:hover {
    background-position: 0px -31px;
    text-decoration:none;
}
.rightColumn2 .buttonSendMoney {
    /*background-image:url('../../../Shared/Handlers/Image.ashx/btn_sendMoney');*/
    height:25px;
    background-repeat:no-repeat;
    background-position: 0px 0px;
    text-decoration:none;
    padding:0;
    margin:0;
    display:block;
}
.rightColumn2 .buttonSendMoney:hover {
    background-repeat:no-repeat;
    background-position: 0px -25px;
    text-decoration:none;
    padding:0;
    margin:0;
    display:block;
}
.rightColumn2 a.button, .rightColumn a.button {
    border-top: #026760 1px solid;
    border-left: #026760 1px solid;
    border-bottom:#026760 2px solid;
    border-right:#026760 1px solid;
}
.rightColumn2 a.wideButton, .rightColumn a.wideButton {
    width: 150px;
}
.rightTable { background-color:#cad8d7; margin-bottom:4px; }
.rightTable td.left { background:url(../Images/rc_border.gif) left repeat-y; }
.rightTable td.right { background:url(../Images/rc_border.gif) right repeat-y; }
.rightTable th { 
    background-color: #0c4945;
    padding-bottom:6px;
    color:#fff;
    font-size:16px;
    font-weight:normal;
    text-align:left;
    text-shadow: 0px 2px 3px #015e57;
}
.rightTable th.left { background: #0c4945 url(../Images/rc_border.gif) left repeat-y; }
.rightTable th.right { background: #0c4945 url(../Images/rc_border.gif) right repeat-y; }
.rightTable tr.top { background:url(../Images/rc_border.gif) top repeat-x; }
.rightTable tr.top td.left { background:url(../Images/rc_tl.gif) left top no-repeat; height:7px; width:18px; }
.rightTable tr.top td.right { background:url(../Images/rc_tr.gif) right top no-repeat; height:7px; width:18px; }
.rightTable tr.top2 { background: #0c4945 url(../Images/rc_border.gif) top repeat-x; }
.rightTable tr.top2 td.left { background: url(../Images/rc_tl2.gif) left top no-repeat; height:7px; width:18px; }
.rightTable tr.top2 td.right { background: url(../Images/rc_tr2.gif) right top no-repeat; height:7px; width:18px; }
.rightTable tr.bottom { background:url(../Images/rc_border.gif) bottom repeat-x; }
.rightTable tr.bottom td.left { background:url(../Images/rc_bl.gif) left bottom no-repeat; height:7px; width:18px; }
.rightTable tr.bottom td.right { background:url(../Images/rc_br.gif) right bottom no-repeat; height:7px; width:18px; }
.context { 
    padding: 6px 0px 4px 0px;
    margin:0px;
}
.context ul {
    padding: 0;
    margin: 2px 0px 12px 0px; 
}
.context ul li { 
    background:url(../Images/rcRasp.gif) bottom repeat-x;
    padding: 0;
    margin:0;
    list-style:none;
} 
.context ul li p { 
    background: url(../Images/rcBullet.gif) 2px 8px no-repeat;
    padding: 6px 0px 12px 16px;
    margin:0;
    color:#000000;
} 
.context a { color:#00635d; text-decoration:underline;}
.context a.arrow { padding-right: 17px; background:url(../Images/rcLink.gif) right 3px no-repeat;}
.context a:hover { color:#359993; text-decoration:underline;}
/**  End of Right Column **/


/*-----------------------------------------------------------------------------------------------------*/

/** Center Column **/
.centerColumn { width: 90%; vertical-align:top;}
.paymentSys { background:url(../Images/paymentSystems.jpg) left bottom no-repeat; }
.collage {
    background: url(../Images/collage.jpg) no-repeat left top;
    margin:0;
    padding:0;
}
.collageText { padding:19px 18px 0px 18px; vertical-align:top;}
.collageText ul {
    padding: 0;
    margin:0;
}
.collageText ul li {
    padding: 0;
    margin:0;
    padding-bottom:12px;
    padding-left:20px;
    line-height:100%;
    font-size: 12px;
    font-weight: normal;
    color:#212120;
    background:url(../Images/collageBullet.gif) 4px 1px no-repeat;
    list-style:none;
}
.collage2 {
    height: 76px;
    background: url(../Images/collage2.jpg) no-repeat left top;
    margin-bottom: 7px;
    padding: 0px 0px 0px 0px;
}

.collage2  h1 { 
    margin: 17px 0px 0px 150px;
    padding: 0;
    text-align:left;
    font-size:18px;
    color:#266a65;
    font-weight:bold;
}
.collage2  p {     
    margin: 0px 0px 0px 150px;
    padding: 0;
    text-align:left;
    font-size:11px;
    color:#000000;
    font-weight: bold;
    line-height:11px;
}
.centerColumn .buttonSDK {
    /*background-image:url('../../../Shared/Handlers/Image.ashx/btn_next');*/
    background-repeat:no-repeat;
    background-position: 100% 0px;
    text-decoration:none;
    padding:0;
    margin:0;
    display: list-item;
    list-style:none;
    height: 40px;
} 
.centerColumn .buttonSDK:hover {
    background-position: 100% -40px;
    height: 40px;
} 
.centerColumn .scheme {
    background-repeat:no-repeat;
    background-position: right top;
    text-decoration:none;
    padding:0;
    margin:0;
}
.ccTable { background: #dee7e6 url(../Images/cc_tableBg.gif) left bottom repeat-x; margin-bottom:15px; }
.ccTable td.left { background:url(../Images/cc_tableBorder.gif) left repeat-y; width:18px; }
.ccTable td.right { background:url(../Images/cc_tableBorder.gif) right repeat-y; width:18px;  }
.ccTable tr.top { background: url(../Images/cc_tableTop.gif) top left no-repeat; height:8px;}
.ccTable tr.bottom { background: url(../Images/cc_tableBottom.gif) bottom left no-repeat; height:7px; }
.ccTable p  {
    font-family: Arial, Helvetica, sans-serif;
    color: #212120;
    line-height: normal;
    margin:0px 0px 24px 0px;
    padding:0;
}
.ccTable h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 140%;
    color: #212120;
    font-weight:bold;
    line-height: normal;
    margin:0px 0px 6px 0px;
    padding:0px 0px 0px 24px;
    background:url(../Images/bullet_new.gif) 8px 4px no-repeat;
}
.ccTable h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 120%;
    color: #212120;
    font-weight:bold;
    line-height: normal;
    margin:0px 0px 24px 0px;
    padding:0;
}
.ccTable h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 110%;
    color: #212120;
    font-weight:bold;
    line-height: normal;
    margin:0px 0px 24px 0px;
    padding:0;
}
/* Center Column Main Pages */
.centerColumn2, .centerColumn3 {
    width: 100%;
    vertical-align:top; 
    margin:0;
    /*height: 450px;*/
    padding: 50px 30px 70px 0px;
}
.centerColumn3 { 
    padding: 50px 25px 70px 25px;
}
.centerColumn2 p, .centerColumn3 p {
    margin: 0px 0px 15px 0px;
    padding:0;
}
.centerColumn2 .hr, .centerColumn3 .hr {
    margin: 28px 0px 20px 0px;
    padding:0;
    height: 18px;
    display:block;
    background-image:url(../Images/hr.gif);
    background-position: left top;
    background-repeat:no-repeat;
    border: none;
}
.centerColumn2 .subheader {
    font-size: 120%;
    font-weight: bold;
}
.centerColumn3 .subheader {
    font-size: 120%;
    font-weight: bold;
    color:#2f567a;
}
.centerColumn3 a { color:#00635d; text-decoration:underline;}
.centerColumn3 a:hover { color:#359993; text-decoration:underline;}
.centerColumn2 .whiteHeader div.HeaderCaptionPadingless, .centerColumn2 .whiteHeader span.HeaderCaptionPadingless, .centerColumn3 .whiteHeader div.HeaderCaptionPadingless, .centerColumn3  .whiteHeader span.HeaderCaptionPadingless {
    margin-top: 0px;
    font-size: 200%;
}
.centerColumn3 .HeaderCaptionPadingless {
    margin-top: 0px;
    margin-bottom: 16px;       
    font-size: 200%;
}
.centerColumn3 .HeaderCaptionPadingless .HeaderCaptionPadingless {
    font-size: 100%;
}
.centerColumn3 div.HeaderCaption, .centerColumn3 span.HeaderCaption {
    font-size: 200%;
    color:#40707f;
    font-weight: normal;
    padding-left: 0px;
    line-height:23px;
    display:block;
    margin:0;
}
.centerColumn3 .smallText {
    color:#5f5f5f;
}
/**  End of Center Column **/
/**  Promotions **/
.promotions { background:#fff; margin-bottom:4px; margin-right:4px; width: 262px; height:210px; max-height:200px;  float:left;}
div.promotions { background:#fff; margin-bottom:4px; margin-right:4px; width: 263px; height:auto; float:left;}
.promotionsPlant  { background:#fff url(../Images/plant2.jpg) right bottom no-repeat; height:100px; margin-bottom:24px; width:100%; }
.noMarginRight { margin-right:0;}
.promotions td.left { border-left: 1px solid rgb(197,213,211); }
.promotions td.right { border-right: 1px solid rgb(197,213,211); }
.promotions tr.top { border-top: 1px solid rgb(197,213,211); }
.promotions tr.top td.center { border-top: 1px solid rgb(197,213,211); border-left: 1px solid rgb(197,213,211); border-right: 1px solid rgb(197,213,211); }
.promotions tr.top td.left { border-left: 1px solid rgb(197,213,211); height:9px; width:19px; }
.promotions tr.top td.right { border-right: 1px solid rgb(197,213,211); height:9px; width:19px; }
.promotions tr.bottomrow td { background:url(../Images/proBorder.gif) bottom repeat-x; height:9px }
.promotions tr.bottomrow td.left { border-left: 0px; background:url(../Images/proLbot.gif) left bottom no-repeat; height:9px; width:19px;}
.promotions tr.bottomrow td.right { border-right: 0px; background:url(../Images/proRbot.gif) right bottom no-repeat; height:9px; width:19px;}
.promotionsPlant tr.bottomrow td.left { background:url(../Images/proLbot2.gif) left bottom no-repeat; height:9px; width:19px;}
.promotionsPlant tr.bottomrow td.right { background:url(../Images/proRbot2.gif) right bottom no-repeat; height:9px; width:19px;}

.promotions .context { vertical-align:top; }
.promotions .context p { padding:0; margin:0; margin-bottom: 10px; font-size:90%;}
.promotions .context h3 { padding:0; margin:0; line-height: 100%; }
.promotions .context h2 { padding:0; margin:0; color:#02776f; }
.promotions  p.promAbout { font-weight:bold; text-align:right; font-size:100%; margin:0; line-height:110%; padding:8px 0px 8px 0px; background:url(../Images/btn_empty.gif) right top no-repeat;}
.promotions  a.promAbout { font-weight:bold; font-size:100%; padding-right:36px;}

.promotionsPlant .context { padding-right:170px; padding-top:19px; }
.promotionsPlant .context p { padding:0; margin:0; padding-bottom: 10px; font-size:90%;}
.promotionsPlant .context h3 { padding:0; margin:0; padding-bottom: 12px;}

a.withArrow { font-weight:bold; color:#02776f; font-size:100%; padding-right:13px; background:url(../Images/bullet_new.gif) right bottom no-repeat; line-height: 16px;}
/**  End of Promotions **/
/**  iPhone  **/
table.iPhone td.iPhone { 
    padding: 33px 0px 30px 0px;
}
table.iPhone td.iPhoneContainer {
    width: 430px;
    font-size:100%;
    line-height: 120%;
    padding:0;
    margin:0;
}
table.iPhone td.iPhoneContainer table.gridView th {
    text-align: left;
    font-size:110%;
    color:#465464;
    background-color:#e7eff7;
    /* actual for Windows Vista and higher -- font-weight: normal;*/
    font-weight:bold;
    line-height: 100%;
    vertical-align:middle;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 4px;
    white-space: nowrap;
    border-top: #cbd2d9 1px solid;
    border-bottom: #cbd2d9 1px solid;
}
table.iPhone td.iPhoneContainer table.gridView td  {
    padding: 3px 10px;
    border-bottom: #cbd2d9 1px solid;
}
table.iPhone td.iPhoneContainer table.gridView td.yes2 { background:url(../Images/yesSml.gif) center no-repeat; }
table.iPhone td.iPhoneContainer table.gridView td.no2 {background:url(../Images/noSml.gif) center no-repeat; }
table.iPhone .buttonIphoneApp {
    background-repeat:no-repeat;
    background-position: 0px 0px;
    text-decoration:none;
    width:268px;
    padding:0;
    margin:0;
    margin-left: 76px;
    display: block;
} 
table.iPhone .buttonIphoneApp:hover {
    background-position:  0px -38px;
    text-decoration:none;
} 
/**  End of iPhone **/
/*-----------------------------------------------------------------------------------------------------*/
/** Copyright Zone  **/ 
.bottom  {
    background-color:#182626;
    margin:0;
    padding:0;
    color: #808a89;
    font-size:10px;
}
.bottomBg1 {
    /*background-image:url(../Images/rBg.gif);
    background-position: right bottom;
    background-repeat: repeat-y;
    height: 100%*/
}
.bottomBg2 {
    /*background-color:#182626;*/
    /*background-image:url(../Images/rBg2.gif);*/
    background-position: right bottom;
    background-repeat:no-repeat;
    /*background:url(../Images/menuBG.jpg) left top repeat-x;*/
    /*height: 95px;*/
    vertical-align:top;
    border-bottom: 1px dash #1D4272;
}
div.copyright {
    margin: 0px 0px 0px 0px;
    vertical-align:top;
    padding:8px 0px 8px;
}
div.copyright2 {
    margin: 0px 0px 0px 0px;
    padding:10px;
    vertical-align:top;
    font-size: 10px;
}
div.copyright2 p {
    /*text-align: center;*/
}
.bottomLink { padding:0; margin:0; }
div.copyright span, .bottom p {
    padding:0;
    margin:0;
    list-style: none;
    background:url(../Images/bottRasp.gif) left repeat-y;
}
div.copyright span a { color:#1D4272; font-weight: bold; text-decoration:none; padding: 0px 15px 0px 6px;}
div.copyright span a:hover { color:#1D4272; font-weight: bold; text-decoration:underline;}
.bottom p {
    color: #808a89;
    padding: 0px 15px 20px 6px;
    margin-top:17px;
}
.bottom a {
    color: #808a89;
    text-decoration:underline
}
.bottom a:hover {
    color: #abc3c1;
    text-decoration:underline
}
.invisible { visibility:hidden; left: -9999px; position:fixed;}

/** End of Copyright Zone  **/ 
/*-----------------------------------------------------------------------------------------------------*/

/** Site Map **/
.troot,.tnode,.tpoint
{
    line-height: 17px;
    white-space: nowrap;
    display: list-item;
    list-style-position: outside;
    list-style-type: none;
    text-align: left;
    font-size: 11px;
}

.troot {
    list-style-image: url(../Images/home.gif);
}

.tnode {
    list-style-image: url(../Images/folder.gif);
}

.tpoint {
    list-style-image: url(../Images/page.gif);
}
ul.siteMap {
    text-indent: -5px;
    margin-bottom: 38px;
}

ul.siteMap p {
    margin: 0 0 5px 0;
    padding: 0;
}

ul.siteMap li {
    margin: 0;
    padding: 0;
}

ul.siteMap li a {
    padding-left: 3px;
}

ul.siteMap li.troot a, ul li.tnode a {
    font-weight:bold;
    text-decoration: none;
}

ul.siteMap li.tpoint a {
    font-weight:normal;
    text-decoration:none;
}

ul.siteMap li.troot a:hover, ul li.tnode a:hover, ul li.tpoint a:hover {
    text-decoration: underline;
}

/** End of Site Map **/

/** Steps **/
table.treeStepsEco, table.fourStepsEco { width:100%; }
table.treeStepsEco td {  width:33%; }
table.fourStepsEco td {  width:25%; }
.steps, .steps2 {
    background: #ebebeb url(../Images/regArrow1.jpg) no-repeat right center;
    color:#fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    padding: 0px;
    padding: 8px 50px 8px 0px;
    /*width: 150px;*/
}
.active, .active2 {
    background:#80bbc7 url(../Images/regArrow2.jpg) no-repeat right center;
}
.last, .last2  {
    background-image: none;
    padding: 8px 40px 8px 0px;
}
.first, .first2  {
    padding-left: 12px;
}
.noBg {
    background: #80bbc7 url(../Images/regArrow3.jpg) no-repeat right center;
}
.steps span, .steps2 span {
    color:#212120;
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight: normal;
}
.steps span.header, .steps2 span.header {
    color:#212120;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
}
.active span, .active2 span {
    color:#fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight: 212120;
}
.active span.header, .active2 span.header {
    color:#fff;
}

/** End of Steps **/

/** Private Area Side Menu **/
div.privateSideMenu {
    width: 189px;
    margin-top: 22px;
    background:url('../Images/sideMenu/bg.gif') left top repeat-y;
}
table.privateSideMenu {
    background:url('../Images/sideMenu/top.gif') left top no-repeat;
    width: 189px;
}
table.privateSideMenu td {
    padding: 0px 2px 0px 2px;
}
table.privateSideMenu tr.bottom {background:none}
table.privateSideMenu tr.bottom td {
    height:10px;
    background: url('../Images/sideMenu/bottom.gif') left bottom no-repeat;
}
table.privateSideMenu td .groupItem {
    display:block;
    background:#6c7886 url('../Images/sideMenu/groupItemBG.gif') left top no-repeat;
    color:#fff;
    font-weight:bold;
    font-size: 100%;
    padding: 4px 6px 4px 18px;
    margin-top:10px;
    margin-bottom: 1px;
}
table.privateSideMenu tr.item td {
}
table.privateSideMenu tr.personal td {
}
table.privateSideMenu tr.personal td a {
    display:block;
    color:#3a3a3a;
    font-size:90%;
    text-align:right;
    padding: 8px 13px 0px 37px;
    background:url('../Images/sideMenu/top2.gif') left top no-repeat;
    background-position: -2px 0px;
}
table.privateSideMenu tr.personal td a:hover {
    color:#007c94;
    background-position: -191px 0px;
}
table.privateSideMenu tr.operations td {
}
table.privateSideMenu tr.operations td a {
    display:block;
    padding: 4px 18px 4px 29px;
    background: url('../Images/sideMenu/item_bg.gif') left top no-repeat;
    text-decoration:none;
    color:#3b4141;
}
table.privateSideMenu tr.operations td a:hover {
    background-position: -348px 0px;
    color:#007c94;
    text-decoration: underline;
}
table.privateSideMenu tr.accountMenu td {
}
table.privateSideMenu tr.operations td a.operationItemSelected {
    color:#007c94;
    background: #e1f0ff url('../Images/sideMenu/item_bg_over2.gif') left top no-repeat;
    text-decoration:none;
}
table.privateSideMenu a.operationItemSelected:hover{
    text-decoration: underline;
}
table.privateSideMenu tr.personal a.arrowRightSelected {
    color:#007c94;
    background: url('../Images/sideMenu/top2.gif') left top no-repeat;
    background-position: -191px 0px;
}

.groupItem {
}
.sslicon {
    background: url('../Images/sideMenu/ssl_secure.gif') 6px 6px no-repeat;
    color:3a3a3a;
    padding: 4px 4px 4px 34px;
    vertical-align:text-top;
    font-size: 90%;
    border: #CCCCCC 1px dashed;
    display:block;
}
.sslicon a, .sslicon a:link, .sslicon a:visited, .sslicon a:active {
    color:#3a3a3a;
    text-decoration:underline;
}
.sslicon a:hover {
    color:#359993;
    text-decoration:underline;
}
/** Important messages **/
.important {
    width: 100%;
    border: 1px solid #e7d59a;
    background-color:#fff9e7;
    margin-bottom: 24px;
}
.important td {
    padding: 10px;
}
.importantIcon {
    background:url(../Images/important.gif) left top no-repeat;
    padding-left: 30px;
}
/** End of Important messages **/
/** End of Private Area Side Menu **/

.notDisplayed, .notDisplayedEco{
    display: none;
}
table.phoneNumber tr td{
    text-align: center;
}
.phoneNumberLabel{
    font-weight: normal;
    font-size: 7pt;
}
table.nowrap td {
    white-space: nowrap;
}
/** LoginRegistration **/
table.loginRegistration, table.loginRegistration2  {
    width: 228px;
    text-align: center;
    color:#fff;
    border:none;
}
table.loginRegistration a, table.loginRegistration2 a { color:#e6fdff; }
table.loginRegistration a:hover, table.loginRegistration2 a:hover { color:#fff; }
table.loginRegistration th, table.loginRegistration2 th {
    text-align: left;
    color:#fff;
    background-color:#0c4945;
    font-weight:bold;
    text-shadow: 0px 2px 3px #015e57;
    height: 30px;
    font-size:140%;
    padding: 0px 14px;
    border:none;
}
table.loginRegistration tr.bottom td, table.loginRegistration2 tr.bottom td {
    background-color: #fff;
    height:1px;
    border: none;
}
table.loginRegistration tr.bottom td div, table.loginRegistration2 tr.bottom td div {
    padding:0;
    margin:0;
}
table.loginRegistration tr.bottom td div.UpgradeHelper, table.loginRegistration2 tr.bottom td div.UpgradeHelper {
    padding:0;
    margin:0;
    width: 180px;
}
table.loginRegistration td, table.loginRegistration2 td {
    padding: 14px 14px 16px 14px;
    text-align:left;
    color:#fff;
    border:none;
}
table.loginRegistration .subheader {
    font-size: 120%;
    font-weight:bold;
    color:#e6fdff;
}
/*private area*/
.centerColumn3 table.loginRegistration, .centerColumn3 table.loginRegistration2  {
    width: 176px;
    background-color:#f5faff;
    text-align: center;
}
.centerColumn3 table.loginRegistration a, .centerColumn3 table.loginRegistration2 a { color:#00635d; text-decoration:underline;}
.centerColumn3 table.loginRegistration a:hover, .centerColumn3 table.loginRegistration2 a:hover { color:#359993; text-decoration:underline; }
.centerColumn3 table.loginRegistration a.button:hover, .centerColumn3 table.loginRegistration2 a.button:hover {
     color: White;
    text-decoration: none;
}
.centerColumn3 table.loginRegistration th, .centerColumn3 table.loginRegistration2 th {
    text-align: left;
    color:#465464;
    background-color:#e7eff7;
    text-shadow:none;
    /* actual for Windows Vista and higher -- font-weight: normal;*/
    font-weight:bold;
    height: 30px;
    font-size:140%;
    padding: 0px 14px;
    border: #bec4cb 1px solid;
}
.centerColumn3 table.loginRegistration td, table.loginRegistration2 td {
    padding: 14px 14px 16px 14px;
    text-align:left;
    color:#212120;
    border: #bec4cb 1px solid;
    border-top:none;
}
.centerColumn3 table.loginRegistration .subheader {
    font-size: 120%;
    font-weight:bold;
    color:#212120;
}
ul.bulletedList, ul.paddingLess {
    padding-top:0px;
}
ul.bulletedList li, ul.paddingLess li {
    padding-bottom:8px;
}
/** end of Loginregistration **/
table.gridView2 caption {
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11pt;
    color:#003366;
    font-weight:bold;
    line-height:20px;
    padding-bottom: 4px;
    white-space: nowrap; 
}
table.gridView2  {
    text-align: center;
}
table.gridView2 th {
    background-color: #02776f;
    color:#fff;
    font-size: 140%;
    font-weight:bold;
    text-align: left;
    vertical-align:top;
    padding: 4px 10px;
}

table.gridView2 td {
    padding: 6px 10px 6px 10px;
    text-align:left;
    vertical-align:top;
}
table.gridView2 .bbr {
    background: url(../Images/separator.gif) repeat-x left top;
}
table.paddingLess td { padding:4px;}
table.gridView2 td h3 { margin-top:4px; font-size:120%}
table.gridView2 tr td.instructionsText {
    text-align: left;
    background-color:#cad9d7;
    font-size: 90%;
    font-weight: normal;
    padding: 3px 3px 3px 3px;
    line-height: 15px;
}
tr.buttons td {
    background-color: #a6b5c6;
    color:#fff;
    font-weight:bold;
    border-top:#7e8a97 1px solid;
    padding: 6px 12px;
    background-image:none;
    text-align: left;
}
tr.buttons td a {
    color:#f5faff;
    text-decoration:underline;
}
tr.buttons td a:hover{
    color:#fff;
    text-decoration:underline;
}
tr.buttons td input, input.greenButton, .popupButton, input.button, table.dataGridView tr td input.button  {
	color: White;
	margin:0;
	padding:1px 10px 2px 10px;
	background:#f8961c url(../Images/btn_bg2.jpg) left top repeat-x;
    font-family: Arial;
	font-size: 100%;
	font-weight: bold;
	/**height: 22px;**/ 
	line-height: normal !important;
	vertical-align:middle;
	text-decoration: none;
	text-align: center;
	border: #7892b1 0px solid;
	text-shadow: 0px 1px 1px #c96608;
	/*filter:chroma(color=#000000);*/
	outline: none;
}
input.greenButton, input.button, table.dataGridView tr td input.button {
    border: #dd7d00 1px solid;
}
input.greenButton {	padding:1px 10px 2px 10px;}
tr.buttons input.grey, tr.buttons input.grayButton, tr.buttons input.buttonClearFields, .buttonGoBack {
    background:#dfdfdf url(../Images/btn_bgGey2.jpg) left top repeat-x;
    border: #7892b1 0px solid;
    text-shadow: none;
    color:#56606c;
    margin:0;
    padding:1px 10px 2px 10px;
    font-family: Arial;
    font-size: 100%;
	line-height: normal !important;
    font-weight: bold;
    /**height: 22px;**/ 
    vertical-align:middle;
    text-decoration: none;
    text-align: center;
    outline:none;
    margin-right:4px;
}
tr.buttons input:hover, input.greenButton:hover, .popupButton:hover, input.button:hover, table.dataGridView tr td input.button:hover {    
    color: White;
    background: #ffb400;
    text-decoration: none;
    cursor:pointer;
}
tr.buttons input.grey:hover, tr.buttons input.grayButton:hover, tr.buttons input.buttonClearFields:hover, .buttonGoBack:hover {    
    color: #56606c;
    background: #f4f4f4;
    text-decoration: none;
    cursor:pointer;
}
table.gridView2 tr td.ErrorText, table.gridView2 tr td.ErrorText ul li, table tr td.ErrorText {
    color: Red;
    text-decoration: none;
    font-size: 90%;
    font-weight: bold;
    text-align: left;
    height: 0px;
}
table.gridView2 tr.buttons input.linesPerPage, table.gridView2 tr.buttons input.linesPerPage:hover{
    background-color: #fff;
    border-color:#40707F;
    border-width:1px;
    color:#333333;
    font-size:100%;
    font-weight:normal;
    text-decoration:none;
    cursor: text;
    margin-right: 0px;
    padding: 0px;
}
table.gridView tr.buttons input.linesPerPage, table.gridView tr.buttons input.linesPerPage:hover{
    background: #fff;
    border-color:#40707F;
    border-width:1px;
    color:#333333;
    height:16px;
    font-size:100%;
    font-weight:normal;
    text-decoration:none;
    text-shadow:none;
    cursor: text;
    margin-right: 0px;
    padding: 0px;
}
table.gridView2 tr.buttons input:disabled,
table.wideGridView tr.buttons input:disabled,
table.gridView input.inpButton:disabled,
table.wideGridView tr td input:disabled,
table.tablePrivate tr.buttons input:disabled{
    color: InactiveCaptionText;
}
.checkboxList label {
    padding-right: 10px;
    padding-left: 5px;
}
/** VCM table **/
table.gridView tr td.noLeftBorder,
table.gridView tr th.noLeftBorder,
table.gridView tr th.noLeftBorder a,
table.vmcBenefitsAndFeatures tr th.noLeftBorder
{
    border-left:solid 0px white;
}
table.vmcBenefitsAndFeatures{
    width: 682px;
}
table.vmcBenefitsAndFeatures tr th{
    /*
    background-color: #02776f;
    vertical-align: middle;
    height: 30px;
    font: bold 13px  Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
    letter-spacing: 2px;
    text-align: left;
    padding-left: 3px;
    padding-right: 3px;
    border-left: solid 1px White;
*/
    text-align: left;
    font-size:140%;
    color:#465464;
    background-color:#e7eff7;
    /* actual for Windows Vista and higher -- font-weight: normal;*/
    font-weight:bold;
    line-height: 100%;
    vertical-align:middle;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    white-space: nowrap;
    border-top: #cbd2d9 1px solid;

}
table.vmcBenefitsAndFeatures tr td{
    padding: 5px 10px 5px 10px;
}

table.vmcBenefitsAndFeatures tr.buttons td{
    padding-left: 10px;
}

table.vmcBenefitsAndFeatures tr td.bottomborderPromo{
    border-bottom: 1px solid #C3CFD2;
    font-size: 1pt;
    height: 10px;
}

table.vmcBenefitsAndFeatures tr td.instructionsText{
    background-color: Black;
    color: White;
    font-size: 10pt;
    padding-left: 25px;
}
.vmcBenefitsAndFeatures span.copyright,
.HeaderCaptionPadingless span.copyright,
.HeaderCaption span.copyright,
.vmc_productTitle span.copyright{
    vertical-align:text-top;
    font-size: 80%;
}
/*=======================================================================*/

/**** GridView tabels ****/
.wideGridView { width:100%;}
.loginGridView
{
    height: 140px;
}
table.gridView, table.fullWidthGridView, table.tablePrivate {
}
table.gridView caption, table.fullWidthGridView caption, table.tablePrivate caption, .caption, caption {
    text-align: left;
    font-size:140%;
    color:#465464;
    background-color:#e7eff7;
    /* actual for Windows Vista and higher -- font-weight: normal;*/
    font-weight:bold;
    line-height: 100%;
    vertical-align:middle;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    white-space: nowrap;
    border-top: #cbd2d9 1px solid;
}
table.gridView tr.tabHeader td, table.gridView tr.tabHeader th, table.fullWidthGridView tr.tabHeader td, table.tablePrivate tr.tabHeader td, table.gridView tr.tabHeader th, table.fullWidthGridView tr.tabHeader th, table.tablePrivate tr.tabHeader th {
    text-align: left;
    font-size:140%;
    color:#465464;
    background-color:#e7eff7;
    /* actual for Windows Vista and higher -- font-weight: normal;*/
    font-weight:bold;
    line-height: 100%;
    vertical-align:middle;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    white-space: nowrap;
    border-top: #cbd2d9 1px solid;
    border-bottom: #cbd2d9 1px solid;
}
table.gridView tr.tabHeader th, table.fullWidthGridView tr.tabHeader th, table.tablePrivate tr.tabHeader th {
    border-bottom: none;
}
table.gridView tr.tabHeader .subheader, table.fullWidthGridView tr.tabHeader .subheader, table.tablePrivate tr.tabHeader .subheader{
    font-size:100%;    
    /* actual for Windows Vista and higher -- font-weight: normal;*/
    font-weight:bold;
    color:#465464;
    line-height: 100%;
}
table.gridView, table.fullWidthGridView, table.tablePrivate {
}
table.gridView th, table.fullWidthGridView th, table.tablePrivate th, table.PopUp tr td.caption, table.PopUp tr th, table.feesReport caption {
    background-color: #f5faff;
    color:#1d4272;
    font-size: 110%;
    /* actual for Windows Vista and higher -- font-weight: normal;*/
    font-weight:bold;
    text-align: left;
    padding: 4px 12px;
    border-top: none;
    border-bottom: #cbd2d9 1px solid;
    border-top: #cbd2d9 1px solid;
}
table.PopUp tr td.noTopborder { border-top: none; }
table.gridView th.centerHeader, table.fullWidthGridView th.centerHeader, table.tablePrivate th.centerHeader, table.gridView td.centerHeader, table.fullWidthGridView td.centerHeader, table.tablePrivate td.centerHeader { text-align:center; }
table.gridView td, table.fullWidthGridView td, table.tablePrivate td, table.PopUp td  {
    padding: 4px 12px;
    /*border-bottom: #cbd2d9 1px solid;*/
}
table.gridView td.noPadding, table.fullWidthGridView td.noPadding, table.tablePrivate td.noPadding  {
    padding: 0px;
    /*border-bottom: #cbd2d9 1px solid;*/
}
table.gridView td.VsmallText, table.fullWidthGridView.VsmallText td, table.tablePrivate td.VsmallText  {
    padding: 4px 12px 4px 0px;
    /*border-bottom: #cbd2d9 1px solid;*/
}
table.tablePrivate td.contentHolder, table.tablePrivate td.contentHolder2  {
    padding: 0;
    /*border-bottom: #cbd2d9 1px solid;*/
}
table.gridView tr.alternatingRow td, table.fullWidthGridView tr.alternatingRow td, table.gridView tr.alternatingRowEco td, table.fullWidthGridView tr.alternatingRowEco td, table.tablePrivate tr.alternatingRowEco td, table.tablePrivate tr.alternatingRow td { background-color:#f3f5f5; }

table.gridView td h3, table.fullWidthGridView td h3, table.tablePrivate td h3 {
     margin-top:12px;
     margin-bottom:2px;
     font-size:120%
}
table.gridView tr td.instructionsText, table tr td.instructionsText, table.gridView tr.instructionsText td, /*table.gridView tr td.instructionsText input,*/ table.fullWidthGridView tr td.instructionsText, table.fullWidthGridView tr.instructionsText td {
    text-align: left;
    background-color:white;
    font-weight: normal;
    padding: 2px 8px;
    line-height: 15px;
}
table.gridView tr.buttons input:disabled,
table.wideGridView tr.buttons input:disabled,
table.gridView input.inpButton:disabled,
table.wideGridView tr td input:disabled,
table.tablePrivate tr.buttons input:disabled ,
table.fullWidthGridView tr.buttons input:disabled
{
    color: InactiveCaptionText;
}
.checkboxList label {
    padding-right: 10px;
    padding-left: 5px;
}
table.dataGridView tr td input {
    background: transparent;
    margin-right:20px;
}
table.gridView tr.buttons input.first, table.fullWidthGridView tr.buttons input.first {
    margin-left: 0;
}
table.gridView tr.buttons span.first input, table.fullWidthGridView tr.buttons span.first input {
    margin-left: 0;
}
table.gridView tr.buttons span.checkbox input, table.wideGridView tr.buttons span.checkbox input, table.fullWidthGridView tr.buttons span.checkbox input {
    background: none;
    padding: 0px;
    margin:0px;
    border: none;
    margin-left: 8px;
    margin-right: 6px;
}
table.gridView td.bottomborder, table.gridView tr.bottomborder td, table.wideGridView td.bottomborder, table.wideGridView tr.bottomborder td, table.tablePrivate td.bottomborder, table.tablePrivate tr.bottomborder td {
    border-bottom: none;
}
.leftborder, tr.leftborder td {
    
}
table.gridView tr td.ErrorText, table.fullWidthGridView tr td.ErrorText, table.gridView tr td.ErrorText ul li, table tr td.ErrorText {
    color: Red;
    text-decoration: none;
    font-size: 100%;
    font-weight: bold;
    text-align: left;
    height: 0px;
}
table.tablePrivate tr.separator td, table.gridView tr.separator td {
    background: url(../Images/separator.gif) repeat-x left bottom;
}
table.gridView td.bottomborderEco, table.gridView tr.bottomborderEco td, table.fullWidthGridView td.bottomborderEco, table.fullWidthGridView tr.bottomborderEco td, table.tablePrivate td.bottomborderEco, table.tablePrivate tr.bottomborderEco td  {
    border-bottom: #c5d5d3 1px solid;
}
/**** End of GridView tabels ****/
/**** Info View tabels ****/

table.infoView, table.informationMessage
{
    position: relative;
    margin: 0;
    margin-bottom: 14px;
}
table.infoView tr th, table.informationMessage tr th
{
    background-color: #ffd236;
    font-weight: bold;
    color: #633333;
    font-size:100%;
    text-decoration: none;
    text-align:left;
    padding: 2px 0px 2px 8px;
    border: none;
}
table.infoView tr td, table.informationMessage tr td
{
    background: #fff9ca;
    font-size:100%;
    padding: 4px 0px 4px 8px;
}
table.success
{
    position: relative;
    margin: 0;
    margin-bottom: 14px;
}
table.success tr th
{
    background-color: #2f9529;
    font-weight: bold;
    color: #FFFFFF;
    font-size:100%;
    text-decoration: none;
    text-align:left;
    padding: 2px 0px 2px 8px;
    border: none;
}
table.success tr td
{
    background: #def0dd;
    font-size:100%;
    padding: 4px 0px 4px 8px;
}
table.success tr td div.informationIcon {
    display:block;
    height:22px;
    float:left;
    vertical-align:middle;
    padding-left:32px;
    padding-top:6px;
    margin: 2px 10px 6px 0px;
    background: url(../Images/icon_tick.png) no-repeat 0px 0px;
}
table.roundBoxTop tr.emptyHeader {
    display: none;
}
table.infoView tr td.leftborder, table.infoView tr th.leftborder, table.informationMessage tr td.leftborder, table.informationMessage tr th.leftborder {
    border-left: none;
}
table.infoView tr td.rightborder, table.infoView tr th.rightborder, table.informationMessage tr td.rightborder, table.informationMessage tr th.rightborder {
    border-right: none;
}
table.infoView tr td.topborder, table.infoView tr th.topborder, table.informationMessage tr td.topborder, table.informationMessage tr th.topborder{
    border-top: none;
}
table.infoView tr td.bottomborder, table.infoView tr th.bottomborder, table.informationMessage tr td.bottomborder, table.informationMessage tr th.bottomborder{
    border-bottom: none;
}
div.information {
    font-size: 100%;
    background-color:#f3f5f5;
    border:#ededed 1px solid;
    padding: 12px;
}
div.informationIcon {
    display:block;
    height:22px;
    float:left;
    vertical-align:middle;
    padding-left:32px;
    padding-top:6px;
    margin: 2px 10px 6px 0px;
    background: url(../Images/information.gif) no-repeat 0px 0px;
}
div.informationIconVMC {
    height:28px;
    width:32px;
    display:block;
    float:left;
    margin: 2px 10px 6px 0px;
    background: url(../Images/icon_tick.png) no-repeat 0px 0px;
}
table.infoView tr.whiteBG td { background-color:#fff }
/**** End of Info View tabels ****/
/**** Error View tabels ****/
table.errorMessage tr td {
    background-color:#f3f5f5;
    color: #8b0000;
    padding: 2px 8px;
    font-weight:bold;
}
table.errorMessage tr th {
    background-color:#8b0000;
    color: #fff;
    font-weight: bold;
    padding: 2px 8px 2px 8px;
}
a.errorMessage {
    font-weight: bold;
    text-decoration: underline;
}
div.errorIcon {
    padding: 8px 33px;
    background: url(../Images/error.gif) no-repeat left 3px;
}
.errorMessage{
    color:Red;
    font-weight: bold;
}
.errorMessage a {
    font-weight: bold;
    color:#8b0000;
    text-decoration: underline;
}
.errorMessage a:hover {
    font-weight: bold;
    color:Red;
    text-decoration: underline;
}
/**** End of Error View tabels ****/
/** Pager **/
table.gridView .pager td, table.fullWidthGridView .pager td, table.tablePrivate .pager td, table.PopUp .pager td { padding:0; }
.pager table td {
    background:#dfdfdf;
    border: #7892b1 1px solid;
}
.pager table td span{
    margin:0;
    padding:0px 5px 0px 5px;
    font-weight: bold;
}
.pager table td a {
    color: #fff;
    margin:0;
    font-weight: bold;
    padding:0px 5px 0px 5px;
    background:#7892b1;
    font-size: 100%;
    vertical-align:middle;
    text-decoration: underline;
}
.pager table td a:hover  {
    color: #fff;
    background: #92b8e2;
    text-decoration: underline;
}
/** End of Pager **/ 
.ValidationSummary {
    color: Red;
    font-weight:bold;
}
.fullWidthGridView { width:100%;}

table.lightGridView tr td {
    background-color: #ebebeb;
}
.activateCard { }
.manageCard { }
.atm_vmcMarginAround { margin: 0px 0px 15px 0px;}
table.gridView tr td.infoPaddingTop{
    padding-bottom: 15px;
}
.infoPaddingLeft{
    padding-bottom: 15px;
}
.pagePopUp { width: 500px;}
.widepagePopUp { width: 540px;}
a.buttonClose {
    color: #40707f;
    text-decoration: underline;
    background: url(../Images/close_whitebg.gif) no-repeat right top;
    line-height:21px;
    padding: 1px 23px 4px 0px;
    margin: 0px 0px;
}
a.buttonClose:hover {
    background-position: right -27px;
    color: #4faac7;
    text-decoration: underline;
}
.vmcRegisteredInformation
{
    color: Gray;
    font-size: 7pt;
    font-style: normal;
}
table tr td.columnVCentered,
table.gridView tr td.columnVCentered,
table.tablePrivate tr td.columnVCentered {
    vertical-align: middle;
}
table.gridView td.defaultButtonGridView, .defaultButtonGridView{ padding:0; margin:0; height:1px;}
.tablePrivate .leftTick, table.gridView .leftTick {
    /**background:url(../Images/arrows.gif) right center no-repeat;
    padding-right:18px;**/
    font-weight:bold;
    line-height: normal;
}
.defaultButtonGridView { width:100%;}
table.gridView tr td.whiteBackground { background-color:#FFFFFF; }
.cellWidth250 { width:250px; }
.yes { background:url(../Images/yes.gif) center no-repeat; padding:0; }
.no {background:url(../Images/no.gif) center no-repeat; padding:0; }
.centerHeader { text-align:center; }
.TabLeft {
    padding: 0px 20px 0px 0px; 
}
.topHeader {
    font-size: 150%;
    color:#40707f;
    font-weight: normal;
    padding-left: 0px;
    line-height:20px;
    display:block;
    margin:0;
}
td.sectionSubTitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#485359;
    font-weight:bold;
    padding-left:5px;
    padding-top:5px;
    line-height:20px;
}
.vmc_productTitle{
    font-weight:bold;
    font-size:120%;
}
.modalDialog_transparentDivs{
    filter:alpha(opacity=25);    /* Transparency */
    opacity:0.25;    /* Transparency */
    background-color:#AAA;
    z-index:1;
    position:absolute; /* Always needed    */
}
.modalDialog_contentDiv{
    border:1px solid #000;    
    padding:0px;
    z-index:100;/* Always needed    */
    position:absolute;    /* Always needed    */
    background-color:#FFF;    /* White background color for the message */
}
.modalDialog_contentDiv_shadow{
    z-index:90;/* Always needed    - to make it appear below the message */
    position:absolute;    /* Always needed    */
    background-color:#555;
    filter:alpha(opacity=30);    /* Transparency */
    opacity:0.3;    /* Transparency */
}
div.HeaderCaptionVMC, span.HeaderCaptionVMC {
    font-size:120%;
    color:#003366;
    font-weight:bold;
    padding-left: 10px;
    line-height:100%;
}

div.HeaderCaptionVMCSmall, span.HeaderCaptionVMCSmall {
    font-size:110%;
    color:#003366;
    font-weight:bold;
    padding-left: 10px;
    line-height:100%;
}
.suspendedAccountStyle
{
    font-style: italic;
    color: Gray;
}
.suspendedPaymentOption
{
    font-style: italic;
    color: Gray;
}
a.notApprovedPaymentOption:visited, a.notApprovedPaymentOption:link, a.notApprovedPaymentOption:active
{
    font-style: italic;
    color: rgb(155, 155, 24);
}
div.textarea {
    width:457px;
    height:238px;
    overflow: scroll;
    border: #92aeaf 1px solid;
    text-align:left;
    padding: 11px;
    font: Verdana, Arial, Helvetica, sans-serif 11px normal;
    color:#000000;
}
div.textarea ul {
}

div.textarea ul li {
    list-style-position: outside;
}
.tablePrivate tr td.topBottomPadding{
    padding-top: 10px;
    padding-bottom: 10px;
}

.tablePrivate tr td.names {
    width: 40%;
    text-align:right;
}
.tablePrivate tr td.names_padding_right {

}
.tablePrivate tr td.names2 {
    width: 50%;
    text-align:right; 
}
.tablePrivate tr td.names3 {
    width: 30%;
    text-align:left;
    padding-right:5px;
}
.tablePrivate tr td.names4 {
    width: 40%;
}
.tablePrivate tr td.names5, table.gridView tr td.names5 {
    width: 40%;
    text-align:right; 
}
table.gridView tr td.names5b {
    width: 40%;
    text-align:right;
    font-weight:bold;
}
/*.tablePrivate tr td.names5 {
    width: 40%;
}
.tablePrivate tr td.names6 {
    width: 10%;
    white-space:nowrap;
}*/
.tablePrivate tr td.inputs {
    width: 40%;
    text-align: left;
}
.tablePrivate tr td.inputs2 {
    width: 50%;
}
.tablePrivate tr td.inputs3, table.gridView tr td.inputs3 {
    width: 60%;
    text-align: left;
}
table.dateTimeGrid tr td
{
    padding: 0;
    border: 0;
    text-align: center;
    font-weight: normal;
    padding-right: 4px;
}
.passwordTextBox {
    width: 120px;
}

table tr td.columnIndex, table tr td.columnNumber, table tr td.columnMoney,
table.gridView tr td.columnIndex, table.gridView tr td.columnNumber, table.gridView tr td.columnMoney, table.gridView tr th.columnRight, table.tablePrivate tr td.columnRight
table.tablePrivate tr td.columnIndex, table.tablePrivate tr td.columnMoney, table.tablePrivate tr td.columnNumber {
    text-align: right;
}
table tr th.columnIndex, table tr th.columnNumber, table tr th.columnMoney,
table.gridView tr th.columnIndex, table.gridView tr th.columnNumber, table.gridView tr th.columnMoney, table.gridView tr th.columnRight, table.tablePrivate tr th.columnRight
table.tablePrivate tr th.columnIndex, table.tablePrivate tr th.columnMoney, table.tablePrivate tr th.columnNumber {
    text-align: right;
}
table tr td.columnText,
table tr th.columnText,
table.gridView tr td.columnText,
table.gridView tr th.columnText,
table.tablePrivate tr td.columnText,
table.tablePrivate tr th.columnText {
    text-align: left;
}

table tr td.columnCentered,
table.PopUp tr td.columnCentered,
table.PopUp tr th.columnCentered,
table.gridView tr td.columnCentered,
table tr td.columnAccount,
table.gridView tr td.columnAccount,
table.tablePrivate tr td.columnCentered, table.tablePrivate tr td.columnAccount,
table.tablePrivate tr th.columnCentered, table.tablePrivate tr th.columnAccount {
    text-align: center;
}

table tr td.columnVCentered,
table.gridView tr td.columnVCentered,
table.tablePrivate tr td.columnVCentered {
    vertical-align: middle;
}
table.gridView td.paddingLess, table.fullWidthGridView td.paddingLess, table.tablePrivate td.paddingLess, table.gridView th.paddingLess, table.fullWidthGridView th.paddingLess, table.tablePrivate th.paddingLess  { padding-left: 4px; padding-right: 4px;}
table.gridView td.paddingLessRight, table.fullWidthGridView td.paddingLessRight, table.tablePrivate td.paddingLessRight, table.gridView th.paddingLessRight, table.fullWidthGridView th.paddingLessRight, table.tablePrivate th.paddingLessRight  { padding-right: 0px;}
table.gridView td.paddingLessLeft, table.fullWidthGridView td.paddingLessLeft, table.tablePrivate td.paddingLessLeft, table.gridView th.paddingLessLeft, table.fullWidthGridView th.paddingLessLeft, table.tablePrivate th.paddingLessLeft  { padding-left: 0px;}
table.gridView td.staticWidth70, table.fullWidthGridView td.staticWidth70, table.tablePrivate td.staticWidth70, table.gridView th.staticWidth70, table.fullWidthGridView th.staticWidth70, table.tablePrivate th.staticWidth70  { width:80px;}
table.gridView td.staticWidth10, table.fullWidthGridView td.staticWidth10, table.tablePrivate td.staticWidth10, table.gridView th.staticWidth10, table.fullWidthGridView th.staticWidth10, table.tablePrivate th.staticWidth10  { width:10px;}
div.balancer {
    width: 180px;
    overflow: hidden;
    position: absolute;
    text-align:center;
    padding:0;
    margin:0;
    margin-bottom:4px;
    border-bottom: #cbd2d9 1px solid;
	margin-top: -2px;
}
p.balancer { 
    text-align: center;
    padding:0;
    margin:0;
}
.tree table tr td {
    border-style: none;
    padding: 0;
}

.tree a, .tree a:link, .tree a:active, .tree a:hover, .tree a:visited {
    color: Black;
    text-decoration: none;
}

.buttonSkipSection{
    color:White;
    background: #F8961C url(../Images/btn_bg2.jpg) repeat-x scroll left top;
    border: 0px solid #7892B1;
    font-weight: bold;
    text-align: center;
    padding: 2px 4px 2px 4px;
    overflow:visible;
}
.buttonSkipSection:hover{
    color: #ffffff;
    background: #ffb400;
    text-decoration: none;
    cursor:pointer;
}
.buttonSkipSection:disabled{
    color: InactiveCaptionText;
    cursor:default;
    background: #F8961C url(../Images/btn_bg2.jpg) repeat-x scroll left top;
}
.commentBold{
    font-weight: bold;
}
.commentNormal{
    font-weight: normal;
}
.forPositive {
    display: none;
}

input.FullWidthInput {
    width:100px;
}
div.FullWidthDiv {
    width:95%;
}
.liveChat{
    height:78px;
    width: 188px;
}
table tr.subColor td{
    background-color:#F5FAFF !important;
}

table.gridView tr td.instructionsTextButtom {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 10px;
    background-color: #A6B5C6;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.modalPopup, .modalPopupExtend {
    background-color: White;
    border: solid 1px Gray;
    padding: 5px;
    width: 250px;
    text-align: center;
}
tr.buttons input.margin2buttons{
    margin: 0 4px 0 0;
}

.visuallyUpdated {
    color: #02776F;
    font-weight: bold;
}
table.transactionView {
    margin: 10px 10px 10px 10px;
    width: 97%;
    font: normal 12pt 100% Times New Roman, Serif;
}

table.transactionView td {
    width: 66%;
    text-align: left;
    height: 1.5em;
}

table.transactionView th {
    width: 33%;
    text-align: right;
    padding-right: 20px;
}

table.transactionView tr.header th {
    width: 100%;
    text-align: center;
    font-size: 110%;
    padding-bottom: 5px;
}

table.transactionView tr.buttons td {
    width: 100%;
    padding-top: 20px;
    text-align: left;
}

table.transactionView tr.buttons table {
    text-align: left;
    vertical-align: top;
    width: 100%;
}

table.transactionView tr.buttons table td {
    width: 50%;
}
