﻿/****Purple CSS****/
/********** Body Content Area **********/
body
{
https://secure.numny.com/Cardholders/Information/jsonmobile.aspx?usertype=2&lang=en
    color: #626262;
    background-color: #ffffff;
    margin: 0px 0px 0px 0px;
    font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
    font-size: 12pt;
    min-width: 100%;
    max-width: 100%;
    width: auto;
    _width: expression(document.documentElement.clientWidth < 790?             "770px" : (document.documentElement.clientWidth > 1000? "1005px" : "auto" ));
}
.cssContent
{
    float: left;
    background-color: #FFFFFF;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%;
    vertical-align: top;
    height: 100%;
    min-height: 280px;
    _height: 280px;
}
/********** Master Tables **********/
table.cssCardFaceTable
{
    border: 0px !important;
    background-repeat:no-repeat;
    background-image : url(images/credit-card.png) !important;
    width:574px !important;
    height:175px !important;
}
table.cssCardFaceTable tr td
{
    margin:0px 0px 0px 0px !important; 
    padding:10px 10px 10px 10px !important; 
}
table.cssCardFaceTable tr td span
{
    font-size:12pt;
    font-weight:normal;
    color:White;
    margin:0px 0px 0px 0px !important; 
    padding:0px 0px 0px 0px !important; 
}
.cssCVVCardNumber
{
    font-size: 10pt !important;
    color: Black !important;
    padding:0px !important;
}
table.cssMasterTable
{
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: 0px 0px 0px 0px;
    table-layout: fixed;
}
table.cssMasterContentTable
{
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: 0px 0px 0px 0px;
}
table.cssMasterContentTable .cssSubContents
{
    padding: 0px 10px 0px 10px;
}
table.cssWidthTable
{
    width: 900px;
    border: 0px 0px 0px 0px;
    text-align: left;
}
table.cssWidthTable .cssBoldContent
{
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}
/********** Tabs Area **********/
.cssTabs
{
    margin: 0 auto 0 auto;
    font-size: 11px;
    line-height: normal;
    background: url(images/menu_bg.gif) repeat-x bottom;
    height: 37px;
    font-weight: bold;
}
.cssTabs ul
{
    padding: 0 0 0 0px;
    margin: 0;
    list-style: none;
}
.cssTabs > li
{
    float: left;
    background: url(           "images/tabright.gif" ) no-repeat right top;
    background-position: 100% 0%;
    margin: 0;
    text-decoration: none;
    color: #093c76;
}
.cssTabs > li:hover
{
    background: url(           "images/tabright.gif" ) no-repeat right top;
    background-position: 100% -37px;
}
.cssTabs > li a
{
    display: block;
    background: url(           "images/tableft.gif" ) no-repeat left top;
    background-position: 0% 0%;
    padding: 10px 13px 13px 13px;
    margin: 0;
    text-decoration: none;
    color: #093c76;
}
.cssTabs > li:hover a
{
    background: url(           "images/tableft.gif" ) no-repeat left top;
    background-position: 0% -37px;
    margin: 0px;
    text-decoration: none;
    color: #3071bb;
}
/* Active Tabs */
.cssTabs .active
{
    background: url(           "images/tableft.gif" ) no-repeat left top;
    background-position: 0% -37px;
    color: #626262;
    float: left;
    display: block;
    padding: 0 0 0 5px;
    margin: 0px;
}
.cssTabs .active a
{
    background: url(           "images/tabright.gif" ) no-repeat right top;
    background-position: 100% -37px;
    color: #626262;
    padding: 10px 14px 13px 10px;
}
.cssTabs .active:hover a
{
    background: url(           "images/tableft.gif" ) no-repeat left top;
    background-position: 0% -37px;
    padding: 10px 14px 13px 15px;
    margin: 0px 0px 0px -5px;
    text-decoration: none;
    color: #626262;
}
/* Disabled Tabs */
.cssTabs .disabled
{
    text-decoration: none;
    color: #a3a2a0;
}
.cssTabs .disabled:hover
{
    text-decoration: none;
    color: #a3a2a0;
}
.cssTabs .disabled span
{
    display: block;
}
.cssTabs a span
{
    float: left;
    display: block;
    padding: 10px 13px 13px 0;
}
.cssTabs a:hover span
{
    float: left;
    display: block;
}
input.cssTextBox
{
    height: 14px;
    width: 178px;
    padding: 2px;
    border-width: 1px;
    border-color: #8F8F8F;
    border-style: solid;
    font-size: 9pt;
    color: #444444;
    font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
}
input.cssTextBox:hover
{
    height: 14px;
    width: 178px;
    padding: 2px;
    border-width: 1px;
    border-color: #AFC0E6;
    border-style: solid;
    font-size: 9pt;
}
input.cssTextBox-S
{
    height: 14px;
    width: 75px;
    padding: 2px;
    border-width: 1px;
    border-color: #8F8F8F;
    border-style: solid;
    font-size: 9pt;
    font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
    color: #444444;
}
input.cssTextBox-S:hover
{
    height: 14px;
    width: 75px;
    padding: 2px;
    border-width: 1px;
    border-color: #AFC0E6;
    border-style: solid;
    font-size: 9pt;
}
select.cssDropList
{
    width: 184px;
    height: 20px;
    color: #444444;
    font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
    font-size: 9pt;
}
select.cssDropList-S
{
    width: 80px;
    height: 20px;
    color: #444444;
    font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
    font-size: 9pt;
}
select.cssDropList-Tel
{
    height: 20px;
    color: #444444;
    font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
    font-size: 9pt;
}
table.cssMiniTable
{
    border: 0px;
}
table.cssMiniTable tr td
{
    padding: 0px 3px 1px 0px !important;
    vertical-align: bottom !important;
}
table.cssMidSimpleTable
{
    border: 0px;
    vertical-align: top;
}
table.cssMidSimpleTable td
{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: text-top;
}
table.cssMidSimpleTable td.cssWithoutPadding
{
    padding: 0px !important;
}
td.cssMessageContent
{
    padding: 10px !important;
    border: solid 1px #E9E9EB;
}
table.cssTableWithoutPadding
{
    padding:0px !important;  
}
table.cssTableWithoutPadding tr td
{
    padding:0px !important;   
}
td.cssTableWithoutPadding
{
    padding: 0px !important;
}
hr
{
    height: 1px;
    border: hidden 0px;
    background-color: #E9E9EB;
    color: #E9E9EB;
    padding: 0px;
    margin: 0px;
}
table.cssMidSimpleTable .cssCalendar td
{
    padding: 0 0 0 0;
}

table.cssMidSimpleTable .cssName
{
    font-weight: normal;
}
table.cssMidSimpleTable .cssName-bold
{
    font-weight: bold;
}
table.cssMidSimpleTable .cssValue
{
    font-weight: normal;
}
table.cssMidSimpleTable .cssValue-bold
{
    font-weight: bold;
}
/* Title Table */
table.cssTitle
{
    margin: 0;
    background: url(           "images/title_right.gif" ) no-repeat right top;
    width: 100%;
    font-weight: bold;
    height: 22px;
    white-space: nowrap;
}
table.cssTitle th
{
    background: url(           "images/title_left.gif" ) no-repeat left top;
    height: 22px;
    vertical-align: middle;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 8px;
    font-weight: bold !important;
    white-space: nowrap;
    text-align: left !important;
}
table.cssTitle td span
{
    vertical-align: middle;
    text-align: left !important;
    font-weight: bold;
    white-space: nowrap;
}
table.cssTitle td a
{
    vertical-align: middle;
    font-weight: bold;
    white-space: nowrap;
}
table.cssTitle td
{
    white-space: nowrap;
}
/* Sub Title Table */
table.cssSubTitle
{
    margin: 0;
    background: url(           "images/subtitle_right.gif" ) no-repeat right top;
    width: 100%;
    font-weight: bold;
    height: 22px;
    white-space: nowrap;
}
table.cssSubTitle th
{
    background: url(           "images/subtitle_left.gif" ) no-repeat left top;
    height: 22px;
    vertical-align: middle;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 8px;
    font-weight: bold !important;
    white-space: nowrap;
    text-align: left !important;
}
table.cssSubTitle td span
{
    vertical-align: middle;
    text-align: left !important;
    font-weight: bold;
    white-space: nowrap;
}

table.cssSubTitle td a
{
    vertical-align: middle;
    font-weight: bold;
    white-space: nowrap;
}
table.cssTableBorder
{
    border: solid 1px #bfc4c4;
    margin: 0px 0px 0px 0px;
    background-color: #DFDDDE;
}
table.cssTableBorder th
{
    background-color: #E8E7E7;
    font-weight: bold;
    height: 18px;
    vertical-align: text-top;
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 4px;
}
table.cssTableBorder th span
{
    font-weight: bold;
}

table.cssTableBorder td
{
    background-color: #F7F6F6;
    padding: 3px 5px 3px 5px;
}
tr.cssSpaceX1
{
    height: 4px;
}
tr.cssSpaceX2
{
    height: 8px;
}
/* Grid View */
table.cssGridView
{
    border: solid 1px #bfc4c4;
    margin: 0px 0px 0px 0px;
    background-color: #DFDDDE;
}
table.cssGridView th
{
    background-color: #E8E7E7;
    font-weight: bold;
    height: 18px;
    vertical-align: text-top;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 2px;
    padding-right: 2px;
}
.cssGridViewRow td
{
    background-color: #F7F6F6;
    padding: 3px 5px 3px 5px;
}
.cssSelectedGridViewRow td
{
    background-color: #B0BCBF;
    padding: 3px 5px 3px 5px;
    color: White;
}
.cssGridViewAlternatingRow td
{
    background-color: #FAFAF5;
    padding: 3px 5px 3px 5px;
}
.cssGridViewFooterRow td
{
    background-color: Silver;
    color: Black;
    padding: 1px 1px 1px 1px;
    text-align: center;
    vertical-align: bottom;
    font-weight: bold;
}
/* page-info Div */
.cssPage-Info
{
    float: left;
    font-size: 70%;
    line-height: normal;
    background-image: url(images/page-info.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    width: 100%;
    color: #626262;
    padding: 4px 0px 8px 0px;
    white-space:nowrap;
}
/* account-info Div */
.cssAccount-Info
{
    float: left;
    font-size: 70%;
    line-height: normal;
    background: url(           "images/account-info.gif" ) repeat-x bottom;
    background-color: #dfddde;
    width: 100%;
    color: #626262;
    line-height: 14pt;
    padding: 3px 0px 8px 0px;
    white-space:nowrap;
}
/* account-info Links */
.cssAccount-Info a
{
    font-size: 11px;
    color: #093c76;
    text-decoration: none;
}
.cssAccount-Info a:hover
{
    font-size: 11px;
    text-transform: none;
    color: #3071bb;
    text-decoration: underline;
}
/* Action Links (left side of Content Div) */
.cssActionLinks
{
    float: left;
    font-size: 11px;
    width: 160px;
    padding-right: 8px;
    line-height: 14pt;
}
.cssActionLinks ul
{
    margin: 0;
    padding: 5px 5px 5px 10px;
    list-style: none;
}
.cssActionLinks li
{
    display: list-item;
    background: url(           "images/bullet.gif" ) no-repeat left top;
    background-position: 0px 8px;
    padding: 0 0 0 8px;
}
ul.cssActionLinksNum
{
    margin: 0;
    padding: 5px 5px 5px 25px;
    list-style-type: decimal;
}
ul.cssActionLinksNum li
{
    display: list-item;
    background: none;
    padding: 0px;
}
/* Action Links Table */
table.cssActionLinks
{
    background: url(           "images/action_links_top.gif" ) no-repeat center top;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
}
table.cssActionLinks tr
{
    background: url(           "images/action_links_bottom.gif" ) no-repeat center bottom;
}
table.cssActionLinks td
{
    padding-bottom: 3px;
}
table.cssActionLinks td a
{
    font-size: 11px;
    margin: 0;
    text-decoration: none;
    color: #093c76;
}
table.cssActionLinks td a:hover
{
    font-size: 11px;
    margin: 0;
    text-decoration: underline;
    color: #3071bb;
}
table.cssActionLinks td .active a
{
    font-size: 11px;
    margin: 0;
    text-decoration: none;
    color: #626262;
    font-weight: bold;
}
table.cssActionLinks td span
{
    font-size: 11px;
    margin: 0;
    text-decoration: none;
    color: #626262;
}
table.cssActionLinks td .active span
{
    font-size: 11px;
    margin: 0;
    text-decoration: none;
    color: #626262;
    font-weight: bold;
}
/* Footer Div */
.cssFooter
{
    /* text */
    font-size: 70%;
    text-align: center;
    white-space: nowrap;
    line-height: 20pt;
    color: #626262; /* Div Style */
    float: left;
    width: 100%;
    padding: 15px 0 5px 0; /* Background */
    background: url(           "images/footer_bg.gif" ) repeat-x center top;
    background-color: #fafaef;
}
/* Footer List */
.cssFooter ul
{
    float: center; /* Text Links Alignment */
    margin: 0;
    padding: 0px 10px 0 15px;
    list-style: none;
    line-height: 20px;
}
.cssFooter li
{
    display: inline;
}
.cssFooter li a
{
    float: center;
    background: url(           "images/separator2.gif" ) no-repeat left center;
    margin: 0;
    padding: 0 15px 0 15px;
    text-decoration: none;
    white-space: nowrap;
    color: #626262;
}
.cssFooter .left2 a
{
    background: none;
}
/* footer Links */
.cssFooter a
{
    color: #093c76;
    text-decoration: none;
    white-space: nowrap;
}
.cssFooter a:hover
{
    text-decoration: underline;
    color: #3071bb;
}
.cssShadow
{
    background: url(          "images/shadow.gif" ) no-repeat center center;
    height: 20px;
}
/* Header Div */
.cssHeader
{
    /* text */
    font-size: 11px;
    color: #595855;
    text-decoration: none; /* background */
    background: url(           "images/header_bg.gif" ) repeat-x center top;
    background-color: #e2e0e1;
}
/*-------------------------------------------------------------------*/
/* Login Area Links */
.cssHeader a
{
    font-size: 11px;
    color: #093c76;
    text-decoration: none;
}
.cssHeader a:hover
{
    font-size: 11px;
    color: #3071bb;
    text-decoration: underline;
}
/*-------------------------------------------------------------------*/
/* right section Div*/
.cssHeaderLinks
{
    float: left; /* Div Alignment */
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    text-align: right; /* Text Alignment (just the telephone number) */
}
/* Header Table */
table.cssHeaderLinks
{
    background: url(           "images/header_table_bottom.gif" ) no-repeat center bottom;
    width: 225px;
}
table.cssHeaderLinks tr
{
    background: url(           "images/header_table_top.gif" ) no-repeat center top;
}
table.cssHeaderLinks td
{
    padding-bottom: 5px;
}
/* Header links */
.cssHeaderLinks ul
{
    float: left; /* Text Links Alignment */
    margin: 0px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
    list-style-type: none;
}
/* Header links */
.cssHeaderLinks li
{
    display: inline;
}
.cssHeaderLinks li a
{
    font-size: 10px;
    float: left;
    background: url(     "images/separator.gif" ) no-repeat left center;
    margin: 0;
    padding: 0px 7px 0px 7px;
    text-decoration: none;
    white-space: nowrap;
    color: #093c76;
}
.cssHeaderLinks li a:hover
{
    text-decoration: underline;
    color: #3071bb;
}
.cssHeaderLinks a span
{
    background: url(     "images/arrow.gif" ) no-repeat right center;
    padding-right: 10px;
}
.cssHeaderLinks .left a
{
    background-image: none;
}
.cssHeaderLinks .csslogin a
{
    background: url(     "images/separator.gif" ) no-repeat right center !important;
}
/*-------------------------------------------------------------------*/
/* link with arrow */
a.cssArrow
{
    background: url(    "images/arrow.gif" ) no-repeat right center;
    padding-right: 10px;
}
/*-------------------------------------------------------------------*/
/* Logo Image */
.cssLogo
{
    /* add 20px to the height of the logo (if the logo height less than 107px keep the height 107px)  */
    height: 107px;
}
/*-------------------------------------------------------------------*/
/* Back to Portal */
.cssPortal
{
    width: 199px;
    background: url(           'images/portal.gif' ) no-repeat center bottom;
    display: block;
    margin: 0 auto 0 auto; /*font*/
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    white-space: nowrap;
    font-weight: normal;
    text-align: center;
}
.cssPortal:hover
{
    background: url(           'images/portal_hover.gif' ) no-repeat center bottom;
    color: #0A3C85;
    text-decoration: none;
    text-align: center;
}
a.cssPortalLink
{
    padding: 5px 8px 5px 8px;
    text-decoration: none;
    color: #093C76;
    text-align: center;
    background-image: url(images/left-arrow.gif);
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 22px;
}
a.cssPortalLink:hover
{
    padding: 5px 8px 5px 8px;
    text-decoration: none;
    text-align: center;
    background-image: url(images/left-arrow.gif);
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 22px;
}
/* Info Div */
.cssInfo-b
{
    font-size: 11px;
    font-weight: bold;
}
.cssInfo
{
    float: left;
    font-size: 11px;
    width: 229px;
    color: #6d6c67;
    margin-bottom: 8px;
    padding: 0px;
}
.cssInfo a
{
    margin: 0;
    text-decoration: none;
    color: #093c76;
}
.cssInfo a:hover
{
    margin: 0;
    text-decoration: underline;
    color: #3071bb;
}
.cssInfo td ul
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.cssInfo td ul li
{
    margin: 3px 3px 3px 20px;
}
/* Info Table */
table.cssInfo
{
    background: url(           "images/info_top.gif" ) no-repeat center top;
    width: 219px;
    margin: 0px 0px 0px 10px;
    border: 0px;
}
table.cssInfo tr
{
    background: url(           "images/info_bottom.gif" ) no-repeat center bottom;
}
table.cssInfo td
{
    padding: 8px;
}
table.cssInfo td p
{
    margin: 0px 0px 0px 0px;
    padding: 3px 3px 3px 6px;
    color: #6d6c67;
}
/* Currency Table */
.cssCurrency
{
    font-size: 11px;
    color: #343330;
    width: 219px;
    padding: 0px 0px 8px 8px;
    margin: 0px 0px 0px 0px;
}
/* Currency Table */
table.cssCurrency
{
    font-size: 11px;
    color: #343330;
    background-image: url(images/Currency.jpg);
    background-repeat: repeat-y;
    width: 219px;
    height: 142px;
    margin: 0px 0px 8px 8px;
    padding: 5px 8px 0px 8px;
    line-height: 14pt;
}
/* Account Table */
table.cssAccount
{
    border: 0px;
    width: 100%;
    color: #6d6c67;
    background: url(           "images/transparent.png" ) no-repeat;
    width: 198px;
    height: 38px;
    padding-left: 8px;
    line-height: normal;
}
table.cssAccount td span
{
    padding-left: 3px;
}
/* Balance Table  */
table.cssBalance
{
    color: #6d6c67;
    background: url(           "images/transparent.png" ) no-repeat;
    width: 198px;
    height: 38px;
    padding-left: 8px;
    line-height: normal;
}
table.cssBalance td span
{
    padding-left: 3px;
}
/* middle line Table */
table.cssLine
{
    background: url(           "images/line.gif" ) no-repeat center center;
    width: 100%;
    height: 12px;
}

td.cssRightSide
{
    float: left;
    font-size: 70%;
    line-height: normal;
    width: 100%;
    color: #626262;
}
td.cssRightSide a
{
    margin-top: 0pt;
    margin-right: 3pt;
    margin-bottom: 3pt;
    margin-left: 0pt;
    text-decoration: none;
    color: #093c76;
}
td.cssRightSide a:hover
{
    margin: 0;
    text-decoration: underline;
    color: #3071bb;
    margin-top: 0pt;
    margin-right: 3pt;
    margin-bottom: 3pt;
    margin-left: 0pt;
}
/* Main Area (the center of Content Div) */
.cssMain
{
    float: left;
    font-size: 70%;
    line-height: normal;
    width: 100%;
    color: #626262;
}
.cssMain a
{
    margin-top: 0pt;
    margin-right: 3pt;
    margin-bottom: 3pt;
    margin-left: 0pt;
    text-decoration: none;
    color: #093c76;
}
.cssMain a:hover
{
    margin: 0;
    text-decoration: underline;
    color: #3071bb;
    margin-top: 0pt;
    margin-right: 3pt;
    margin-bottom: 3pt;
    margin-left: 0pt;
}
a.cssLink
{
    font-size:9;
    margin-top: 0pt;
    margin-right: 3pt;
    margin-bottom: 3pt;
    margin-left: 0pt;
    text-decoration: none;
    color:  #093c76;
}
a.cssLink:hover
{
    margin: 0;
    font-size:9;
    text-decoration: underline;
    color: #093c76;
    margin-top: 0pt;
    margin-right: 3pt;
    margin-bottom: 3pt;
    margin-left: 0pt;
}
/* Title Table */
table.cssVCode
{
    margin: 0;
    background: url(           "images/v_code_right.gif" ) no-repeat right top;
    width: 100%;
    font-weight: bold;
    height: 110px;
    white-space: nowrap;
}
table.cssVCode th
{
    background: url(           "images/v_code_left.gif" ) no-repeat left top;
    height: 22px;
    vertical-align: middle;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 8px;
    font-weight: normal !important;
    white-space: nowrap;
    text-align: left !important;
}
table.cssVCode th input
{
    height: 14px;
    width: 80px;
    padding: 2px;
    border-width: 1px;
    border-color: #8F8F8F;
    border-style: solid;
    font-size: 9pt;
    color: #444444;
    font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
}
table.cssVCode th span
{
    padding: 0px;
    font-size: 8pt;
    color: #444444;
    font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
    line-height: 18px;
}
table.cssVCode th input:hover
{
    height: 14px;
    width: 80px;
    padding: 2px;
    border-width: 1px;
    border-color: #AFC0E6;
    border-style: solid;
    font-size: 9pt;
}
/* Style of Required Field */
.cssRequiredField
{
    color: #c90404;
}
/* Style of Required Field */
.icon
{
    margin: 0 5px 0 5px;
}
.cssName
{
    font-size: 8pt;
    color: #626262;
    text-indent: 0px;
    padding-right: 3px;
    padding-left: 3px;
}
.cssName-b
{
    font-size: 8pt;
    padding-right: 3px;
    padding-left: 3px;
    color: #626262;
    text-indent: 0px;
    font-weight: bold;
}
.cssValue
{
    font-size: 8pt;
    color: #444444;
    padding-right: 3px;
    padding-left: 3px;
}
.cssValue-b
{
    color: #444444;
    font-size: 8pt;
    font-weight: bold;
    padding-right: 3px;
    padding-left: 3px;
}

.cssValidationLable
{
    color: #c90404;
    font-size: 8pt;
    display: none;
    background-image: url(images/Missing.gif);
    background-repeat: no-repeat;
    background-position: left top;
    margin-top: 2px;
    padding-bottom: 2px;
    padding-left: 18px;
    padding-right: 18px;
}
.cssAspValidation
{
    color: #c90404 !important;
    font-size: 8pt;
    background-image: url(images/Missing.gif);
    background-repeat: no-repeat;
    background-position: left top;
    margin-top: 2px;
    padding-bottom: 2px;
    padding-left: 18px;
    padding-right: 18px;
}
/*------Anas-----------*/
.dhtmlwindow
{
    position: absolute;
    border: 1px solid #afb4ba;
    visibility: hidden;
    background-color: white;
}
.drag-handle
{
    color: #626262;
    background-color: #DFDDDE;
    font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    padding: 2px;
    cursor: move;
}
.drag-handle .drag-controls
{
    /*CSS for controls (min, close etc) within Drag Handle*/
    position: absolute;
    right: 1px;
    top: 2px;
    cursor: hand;
    cursor: pointer;
}
.drag-contentarea
{
    /*CSS for Content Display Area div*/
    background-color: white;
    color: #626262;
    padding: 0px;
}
.drag-statusarea
{
    /*CSS for Status Bar div (includes resizearea)*/
    background-color: #d2d6da;
    height: 13px; /*height of resize image*/
}
.drag-resizearea
{
    /*CSS for Resize Area itself*/
    float: right;
    width: 13px; /*width of resize image*/
    height: 13px; /*height of resize image*/
    cursor: nw-resize;
    font-size: 0;
}
input.cssButton
{
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 11px;
    font-weight: bold;
    font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
    vertical-align: middle;
    white-space: nowrap;
    color: #093c76;
    text-transform: capitalize;
    background-color: #e0e0e0;
    background-image: url(images/ButtonBackGround.gif);
    border: 1px solid;
    border-color: #888888 #555555 #555555 #888888;
}
input.cssButton:hover
{
    background-image: url(images/ButtonBackGroundHover.gif);
    color: #3071bb;
    border-color: #6d8da8;
    cursor: pointer;
}
input.cssButton:disabled
{
    background-image: url(images/ButtonBackGround.gif);
    color: Gray;
    cursor: default;
    border-color: Gray Gray Gray Gray;
}
input.cssButton-S
{
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 11px;
    font-weight: bold;
    font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
    vertical-align: middle;
    white-space: nowrap;
    color: #093c76;
    text-transform: capitalize;
    background-color: #e0e0e0;
    background-image: url(images/ButtonBackGround.gif);
    border: 1px solid;
    border-color: #888888 #555555 #555555 #888888;
}
input.cssButton-S:hover
{
    background-image: url(images/ButtonBackGroundHover-S.gif);
    color: #3071bb;
    border-color: #6d8da8;
    cursor: pointer;
}
input.cssButton-S:disabled
{
    background-image: url(images/ButtonBackGround.gif);
    color: Gray;
    cursor: default;
    border-color: Gray Gray Gray Gray;
}
a.cssDisabledLink
{
    color: Gray;
    cursor: default;
}
a.cssDisabledLink:hover
{
    color: Gray;
    cursor: text;
    text-decoration: none;
}
.cssHint
{
     font-size:8pt!important;
    color: Gray;
}
span.cssStar
{
    color: #c90404;
    font-size: 8pt;
}
td.cssStar
{
   color: #c90404;
   font-size: 8pt;
   white-space: nowrap;
   vertical-align: bottom !important;
}
.cssServerValidation /*-- Middle pane heading red  style --*/
{
    float: inherit;
    color: #CC3300;
    font-size: 9pt;
    font-weight: bold;
}
.cssRoundBoxBackground
{
    background: url(images/nt.gif) repeat;
    padding : 0 !important;
    margin : 0 !important;
}
.cssRoundBoxTLine
{
    background: url(images/tline.png) repeat-x top left;
}
.cssRoundBoxRLine
{
    background: url(images/rline.png) repeat-y top left;
}
.cssRoundBoxBLine
{
    background: url(images/bline.png) repeat-x top left;
}
.cssRoundBoxLLine
{
    background: url(images/lline.png) repeat-y top left;
}
.cssRoundBoxTL
{
    background: url(images/tl.png) no-repeat top left;
}
.cssRoundBoxTR
{
    background: url(images/tr.png) no-repeat top right;
}
.cssRoundBoxBL
{
    background: url(images/bl.png) no-repeat bottom left;
}
.cssRoundBoxBR
{
    background: url(images/br.png) no-repeat bottom right;
}
.cssRoundBoxTLine, .cssRoundBoxRLine, .cssRoundBoxBLine, .cssRoundBoxLLine
{
    padding: 0 !important;
    margin: 0 !important;
}
.cssRoundBoxTL, .cssRoundBoxTR, .cssRoundBoxBL, .cssRoundBoxBR
{
    height: 8px;
    width: 8px;
    padding : 0 !important;
    margin : 0 !important;
}
.cssLableProcessing
{
    font-size: 8pt;
    color: Blue;
}
.cssImageProcessing
{
    background: url(images/proccessing.gif) no-repeat;
    margin: 0px;
    padding: 0px;
    width: 101px;
    height: 30px;
}
.cssModalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.cssTermsAndCondition
{
    height: 350px !important;
    width: 870px !important;
    overflow:scroll !important;
}
/********************************************/
.cssTopMenuul
{
    list-style-type: none;
    margin: 0 !important;
    padding: 0 !important;
}
.cssTopMenuli
{
    list-style-type: none !important;
    float: left !important;
}
.cssTopMenuTitle
{
    display: block !important;
    float: none !important;
    background: url(     "images/arrow.gif" ) no-repeat right center !important;
    padding-right: 12px !important;
}
.cssSubMenuul
{
    list-style-type: none;
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important;
    display: none !important;
    margin-top: -1px !important;
    background-color: #FFFFFF !important;
    background-position: top left !important;
    background-repeat: repeat-x !important;
    border-top: 1px solid #AEB2BB !important;
    border-bottom: 1px solid #AEB2BB !important;
    border-right: 1px solid #AEB2BB !important;
    border-left: 4px solid #AEB2BB !important;
}
.cssSubMenuli span
{
    display: block !important;
    float: none !important;
    padding: 2px !important;
    text-decoration: none !important;
    color: #a3a2a0 !important;
    line-height: 18px;
    background: none !important;
    margin: 2px 2px 2px 0px !important;
}
.cssSubMenuli a
{
    display: block !important;
    float: none !important;
    padding: 2px !important;
    text-decoration: none !important;
    color: #000000 !important;
    line-height: 18px !important;
    background: none !important;
    margin: 2px 2px 2px 0px !important;
}
.cssSubMenuli a:hover
{
    text-decoration: none !important;
    background: #AEB2BB !important;
    color: #FFFFFF !important;
    margin: 2px 2px 2px 0px !important;
}
li:hover ul, li.over ul
{
    /* lists nested under hovered list items */
    display: block !important;
}
ul.cssMenu
{
    font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif !important;
    font-size: 11px !important;
    text-align: left !important;
    margin: 0px !important;
    padding: 0px !important;
    list-style-type: none !important;
}
ul.cssMenu li
{
    margin: 0px !important;
    padding: 0px !important;
}
.cssMenu li > ul
{
    top: auto !important;
    left: auto !important;
}

div.cssAccountContainer
{
    width:219px;
    padding:0px 0px 8px 8px;
    font-size: 8pt;
    font-weight:normal;
    line-height:14pt;
}
td.cssAccountHeader
{
    background: url(images/top.gif) no-repeat top left;
    width: 219px;
    margin:0;
    padding:0;
    height:7px;
}
td.cssAccountBody
{
    background: url(images/middle.gif) repeat-y left top;
    width: 219px;
    padding: 0px 8px 0px 8px;
    color: #626262;
}
td.cssAccountFooter
{
    background: url(images/bottom.gif) no-repeat left bottom;
    width: 219px;
    margin:0;
    padding:0;
    height:9px;
}

td.cssAccountCard
{
    color:#6d6c67;
    background:url("images/Account_middle.png") center top;
    background-repeat:repeat-y;
    width:198px;
    padding-left:10px;
    padding-right:10px;
    line-height:11pt;
}
td.cssTop
{
    color:#6d6c67;
    height:6px;
    background:url("images/Account_Top.png") no-repeat center top;
    width:198px;
}
td.cssBottom
{
    color:#6d6c67;
    height:6px;
    background:url("images/Account_bottom.png") no-repeat center bottom;
    width:198px;
}


.cssRoundBoxNotesBackground
{
    padding : 0px 4px 0px 4px  !important;
    margin : 0 !important;
}
.cssRoundBoxNotesTL
{
    background: url(images/Top_Left.gif) no-repeat top left;
}
.cssRoundBoxNotesTR
{
    background: url(images/Top_Right.gif) no-repeat top right;
}
.cssRoundBoxNotesBL
{
    background: url(images/Bottom_Left.gif) no-repeat bottom left;
}
.cssRoundBoxNotesBR
{
    background: url(images/Bottom_Right.gif) no-repeat bottom right;
}
.cssRoundBoxNotesT
{
    background: url(images/Top_Line.gif) repeat-x top;
}
.cssRoundBoxNotesB
{
    background: url(images/Bottom_Line.gif) repeat-x bottom left;
}
.cssRoundBoxNotesL
{
    background: url(images/Left_Line.gif) repeat-y left;
}
.cssRoundBoxNotesR
{
    background: url(images/Right_Line.gif) repeat-y right;
}
.cssRoundBoxNotesT, .cssRoundBoxNotesB, .cssRoundBoxNotesL, .cssRoundBoxNotesR
{
    padding : 0 !important;
    margin : 0 !important;
}
.cssRoundBoxNotesT
{
    height:6px;
}
.cssRoundBoxNotesB
{
    height:6px;
}
.cssRoundBoxNotesL, .cssRoundBoxNotesR
{
    width:6px;
}
.cssRoundBoxNotesTL, .cssRoundBoxNotesTR, .cssRoundBoxNotesBL, .cssRoundBoxNotesBR
{
    padding : 0 !important;
    margin : 0 !important;
    width:6px;
    height: 6px;
}


/******* VSuccess ***************************/
.cssVSuccessBackground
{
    background-color:#F1F8E4;
    padding: 0 !important;
    margin: 0 !important;
    font-weight: normal;
    font-size: 12;
    line-height:17px;
    color: #45971a;
}
.cssVSuccessIcon
{
    background: url(../../../images/VSuccessIcon.gif) no-repeat top;
    padding: 0px 5px 0px 5px !important;
    background-color:#F1F8E4;
    width:39px;
    height:31px;
}
.cssVSuccessTLine
{
    background: url(../../../images/VSuccessTLine.gif) repeat-x top left;
}
.cssVSuccessRLine
{
    background: url(../../../images/VSuccessRLine.gif) repeat-y top left;
}
.cssVSuccessBLine
{
    background: url(../../../images/VSuccessBLine.gif) repeat-x top left;
}
.cssVSuccessLLine
{
    background: url(../../../images/VSuccessLLine.gif) repeat-y top left;
}
.cssVSuccessTL
{
    background: url(../../../images/VSuccessTL.gif) no-repeat top left;
}
.cssVSuccessTR
{
    background: url(../../../images/VSuccessTR.gif) no-repeat top right;
}
.cssVSuccessBL
{
    background: url(../../../images/VSuccessBL.gif) no-repeat bottom left;
}
.cssVSuccessBR
{
    background: url(../../../images/VSuccessBR.gif) no-repeat bottom right;
}
.cssVSuccessTLine, .cssVSuccessRLine, .cssVSuccessBLine, .cssVSuccessLLine
{
    padding: 0 !important;
    margin: 0 !important;
}
.cssVSuccessTL, .cssVSuccessTR, .cssVSuccessBL, .cssVSuccessBR
{
    height: 5px;
    width: 5px;
    padding: 0 !important;
    margin: 0 !important;
}
/******* VSuccess Small ***************************/
.cssVSuccessSmallBackground
{
    background-color:#F1F8E4;
    padding: 0 !important;
    margin: 0 !important;
    font-weight: normal;
    font-size: 12;
    line-height:17px;
    color: #45971a;
}
.cssVSuccessSmallIcon
{
    background: url(../../../images/VSuccessSmallIcon.gif) no-repeat top;
    padding: 0px 5px 0px 5px !important;
    background-color:#F1F8E4;
    width:25px;
    height:20px;
}
.cssVSuccessSmallTL
{
    background: url(../../../images/VSuccessSmallTL.gif) no-repeat top left;
}
.cssVSuccessSmallTR
{
    background: url(../../../images/VSuccessSmallTR.gif) no-repeat top right;
}
.cssVSuccessSmallBL
{
    background: url(../../../images/VSuccessSmallBL.gif) no-repeat bottom left;
}
.cssVSuccessSmallBR
{
    background: url(../../../images/VSuccessSmallBR.gif) no-repeat bottom right;
}
.cssVSuccessSmallTL, .cssVSuccessSmallTR, .cssVSuccessSmallBL, .cssVSuccessSmallBR
{
    height: 5px;
    width: 5px;
    padding: 0 !important;
    margin: 0 !important;
}

/******* VFailed ***************************/
.cssVFailedBackground
{
    color:#c10605;
    background-color:#ffd9d9;
    padding: 0 !important;
    margin: 0 !important;
    font-weight: normal;
    line-height:17px;
    font-size: 12;
}
.cssVFailedIcon
{
    background: url(../../../images/VFailedIcon.gif) no-repeat top;
    padding: 0px 5px 0px 5px !important;
    background-color:#ffd9d9;
    width:33px;
    height:35px;
}
.cssVFailedTLine
{
    background: url(../../../images/VFailedTLine.gif) repeat-x top left;
}
.cssVFailedRLine
{
    background: url(../../../images/VFailedRLine.gif) repeat-y top left;
}
.cssVFailedBLine
{
    background: url(../../../images/VFailedBLine.gif) repeat-x top left;
}
.cssVFailedLLine
{
    background: url(../../../images/VFailedLLine.gif) repeat-y top left;
}
.cssVFailedTL
{
    background: url(../../../images/VFailedTL.gif) no-repeat top left;
}
.cssVFailedTR
{
    background: url(../../../images/VFailedTR.gif) no-repeat top right;
}
.cssVFailedBL
{
    background: url(../../../images/VFailedBL.gif) no-repeat bottom left;
}
.cssVFailedBR
{
    background: url(../../../images/VFailedBR.gif) no-repeat bottom right;
}
.cssVFailedTLine, .cssVFailedRLine, .cssVFailedBLine, .cssVFailedLLine
{
    padding: 0 !important;
    margin: 0 !important;
}
.cssVFailedTL, .cssVFailedTR, .cssVFailedBL, .cssVFailedBR
{
    height: 5px;
    width: 5px;
    padding: 0 !important;
    margin: 0 !important;
}
/******* VFailed Small ***************************/
.cssVFailedSmallBackground
{
    color:#c10605;
    background-color:#ffd9d9;
    padding: 0 !important;
    margin: 0 !important;
    font-weight: normal;
    line-height:17px;
    font-size: 13px;
}
.cssVFailedSmallIcon
{
    background: url(../../../images/VFailedSmallIcon.gif) no-repeat top;
    padding: 0px 5px 0px 5px !important;
    background-color:#ffd9d9;
    width:20px;
    height:20px;
}
.cssVFailedSmallTL
{
    background: url(../../../images/VFailedSmallTL.gif) no-repeat top left;
}
.cssVFailedSmallTR
{
    background: url(../../../images/VFailedSmallTR.gif) no-repeat top right;
}
.cssVFailedSmallBL
{
    background: url(../../../images/VFailedSmallBL.gif) no-repeat bottom left;
}
.cssVFailedSmallBR
{
    background: url(../../../images/VFailedSmallBR.gif) no-repeat bottom right;
}
.cssVFailedSmallTL, .cssVFailedSmallTR, .cssVFailedSmallBL, .cssVFailedSmallBR
{
    height: 5px;
    width: 5px;
    padding: 0 !important;
    margin: 0 !important;
}



/******* VNote ***************************/
.cssVNoteBackground
{
    background-color:#dae7f9;
    color: #0055bb;
    padding: 0 !important;
    margin: 0 !important;
    font-weight: normal;
    line-height:17px;
    font-size: 12;
    
}
.cssVNoteIcon
{
    background: url(../../../images/VNoteIcon.gif) no-repeat top;
    padding: 0px 5px 0px 5px !important;
    background-color:#dae7f9;
    width:39px;
    height:38px;
}
.cssVNoteTLine
{
    background: url(../../../images/VNoteTLine.gif) repeat-x top left;
}
.cssVNoteRLine
{
    background: url(../../../images/VNoteRLine.gif) repeat-y top left;
}
.cssVNoteBLine
{
    background: url(../../../images/VNoteBLine.gif) repeat-x top left;
}
.cssVNoteLLine
{
    background: url(../../../images/VNoteLLine.gif) repeat-y top left;
}
.cssVNoteTL
{
    background: url(../../../images/VNoteTL.gif) no-repeat top left;
}
.cssVNoteTR
{
    background: url(../../../images/VNoteTR.gif) no-repeat top right;
}
.cssVNoteBL
{
    background: url(../../../images/VNoteBL.gif) no-repeat bottom left;
}
.cssVNoteBR
{
    background: url(../../../images/VNoteBR.gif) no-repeat bottom right;
}
.cssVNoteTLine, .cssVNoteRLine, .cssVNoteBLine, .cssVNoteLLine
{
    padding: 0 !important;
    margin: 0 !important;
}
.cssVNoteTL, .cssVNoteTR, .cssVNoteBL, .cssVNoteBR
{
    height: 5px;
    width: 5px;
    padding: 0 !important;
    margin: 0 !important;
}
/******* VNote Small ***************************/
.cssVNoteSmallBackground
{
    background-color:#dae7f9;
    color: #0055bb;
    padding: 0 !important;
    margin: 0 !important;
    font-weight: normal;
    line-height:17px;
    font-size: 12;
}
.cssVNoteSmallIcon
{
    background: url(../../../images/VNoteSmallIcon.gif) no-repeat top;
    padding: 0px 5px 0px 5px !important;
    background-color:#dae7f9;
    width:22px;
    height:22px;
}
.cssVNoteSmallTL
{
    background: url(../../../images/VNoteSmallTL.gif) no-repeat top left;
}
.cssVNoteSmallTR
{
    background: url(../../../images/VNoteSmallTR.gif) no-repeat top right;
}
.cssVNoteSmallBL
{
    background: url(../../../images/VNoteSmallBL.gif) no-repeat bottom left;
}
.cssVNoteSmallBR
{
    background: url(../../../images/VNoteSmallBR.gif) no-repeat bottom right;
}
.cssVNoteSmallTL, .cssVNoteSmallTR, .cssVNoteSmallBL, .cssVNoteSmallBR
{
    height: 5px;
    width: 5px;
    padding: 0 !important;
    margin: 0 !important;
}


/******* VInfo ***************************/
.cssVInfoBackground
{
    background-color:#FFF8E1;
    color: #c2920e;
    padding: 0 !important;
    margin: 0 !important;
    font-weight: normal;
    line-height:17px;
    font-size: 12;
    
}
.cssVInfoIcon
{
    background: url(../../../images/VInfoIcon.gif) no-repeat top;
    padding: 0px 5px 0px 5px !important;
    background-color:#FFF8E1;
    width:35px;
    height:37px;
}
.cssVInfoTLine
{
    background: url(../../../images/VInfoTLine.gif) repeat-x top left;
}
.cssVInfoRLine
{
    background: url(../../../images/VInfoRLine.gif) repeat-y top left;
}
.cssVInfoBLine
{
    background: url(../../../images/VInfoBLine.gif) repeat-x top left;
}
.cssVInfoLLine
{
    background: url(../../../images/VInfoLLine.gif) repeat-y top left;
}
.cssVInfoTL
{
    background: url(../../../images/VInfoTL.gif) no-repeat top left;
}
.cssVInfoTR
{
    background: url(../../../images/VInfoTR.gif) no-repeat top right;
}
.cssVInfoBL
{
    background: url(../../../images/VInfoBL.gif) no-repeat bottom left;
}
.cssVInfoBR
{
    background: url(../../../images/VInfoBR.gif) no-repeat bottom right;
}
.cssVInfoTLine, .cssVInfoRLine, .cssVInfoBLine, .cssVInfoLLine
{
    padding: 0 !important;
    margin: 0 !important;
}
.cssVInfoTL, .cssVInfoTR, .cssVInfoBL, .cssVInfoBR
{
    height: 5px;
    width: 5px;
    padding: 0 !important;
    margin: 0 !important;
}
/******* VInfo Small ***************************/
.cssVInfoSmallBackground
{
    background-color:#FFF8E1;
    color: #c2920e;
    padding: 0 !important;
    margin: 0 !important;
    font-weight: normal;
    line-height:17px;
    font-size: 12;
}
.cssVInfoSmallIcon
{
    background: url(../../../images/VInfoSmallIcon.gif) no-repeat top;
    padding: 0px 5px 0px 5px !important;
    background-color:#FFF8E1;
    width:21px;
    height:23px;
}
.cssVInfoSmallTL
{
    background: url(../../../images/VInfoSmallTL.gif) no-repeat top left;
}
.cssVInfoSmallTR
{
    background: url(../../../images/VInfoSmallTR.gif) no-repeat top right;
}
.cssVInfoSmallBL
{
    background: url(../../../images/VInfoSmallBL.gif) no-repeat bottom left;
}
.cssVInfoSmallBR
{
    background: url(../../../images/VInfoSmallBR.gif) no-repeat bottom right;
}
.cssVInfoSmallTL, .cssVInfoSmallTR, .cssVInfoSmallBL, .cssVInfoSmallBR
{
    height: 5px;
    width: 5px;
    padding: 0 !important;
    margin: 0 !important;
}

.WeakStrength
{
	background-color: yellow;
	background: #ffff00; /* Old browsers */
	background: -moz-linear-gradient(left, #ffff00 0%, #fc1d00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffff00), color-stop(100%,#fc1d00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #ffff00 0%,#fc1d00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #ffff00 0%,#fc1d00 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, #ffff00 0%,#fc1d00 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff00', endColorstr='#fc1d00',GradientType=1 ); /* IE6-9 */
	background: linear-gradient(left, #ffff00 0%,#fc1d00 100%); /* W3C */
}
.AverageStrength
{
	background-color: orange;
	background: #ffff00; /* Old browsers */
	background: -moz-linear-gradient(left, #ffff00 0%, #f98900 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffff00), color-stop(100%,#f98900)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #ffff00 0%,#f98900 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #ffff00 0%,#f98900 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, #ffff00 0%,#f98900 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff00', endColorstr='#f98900',GradientType=1 ); /* IE6-9 */
	background: linear-gradient(left, #ffff00 0%,#f98900 100%); /* W3C */
}

.ExcellentStrength
{
	background-color: Green;
	background: #ffff00; /* Old browsers */
	background: -moz-linear-gradient(left, #ffff00 0%, #218400 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffff00), color-stop(100%,#218400)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #ffff00 0%,#218400 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #ffff00 0%,#218400 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, #ffff00 0%,#218400 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff00', endColorstr='#218400',GradientType=1 ); /* IE6-9 */
	background: linear-gradient(left, #ffff00 0%,#218400 100%); /* W3C */
}

.search-results-img-col1, .search-results-img-col2
{
    float: left;
    padding-bottom: 20px;
    width: 111px;
    height: 120px;
    border: 1px solid #626262;
    background-color: #DFDDDE;
    padding-left : 5px;
    padding-right : 10px;
    padding-top : 5px;
    padding-bottom : 10px;
}
.search-results-img-col1, .search-results-img-col2
{
    margin-right: 5px;  
    margin-top: 5px;
}
.search-results-img-col1
{
    clear: both;
}

  .mRepeater
    {
        width: 45%;
        background-color: #DFDDDE;
        margin: 5px 0 10px 0;
        border: dotted 1px #525252;
        border-collapse: collapse;
    }
    .mRepeater ul a:hover
    {
        color: #FFF;
    }
    
     .mGrid
    {
        width: 60%;
        background-color: #DFDDDE;
        margin: 5px 0 10px 0;
        border: solid 1px #525252;
        border-collapse: collapse;
    }
    .mGrid td
    {
        padding: 2px;
        border: solid 1px #c1c1c1;
        color: #717171;
        text-align: center;
    }
    .mGrid th
    {
        padding: 4px 2px;
        color: #fff;
        background: #093C76 repeat-x top;
        border-left: solid 1px #525252;
        font-size: 0.9em;

    }
    .mGrid .alt
    {
        background: #fcfcfc repeat-x top;
        text-align: center;
    }
    
    .FooterStyle td
    {
        padding: 4px 2px;
        color: #fff;
        background: #093C76 repeat-x top;
        border-left: solid 1px #525252;
        font-size: 0.9em;
    }
    
             
.mGrid tr:nth-child(even) {background-color: #FFF}
.mGrid tr:nth-child(odd) {background-color: #ededed}

        
  .TotalLabel  
{ 
	background-color : #DFDDDE;
    font: bold 12px Arial ;
    float: left; 
    border: solid 2px #C1C1C1;
    vertical-align:text-bottom; 
} 

input.ImageFav
{
    height:29px;
	width:30px;
    background-image : url(images/purpleblue_Fav_inactive.png);
    border: 1px none;
}

input.ImageFav:hover
{
    height:29px;
	width:30px;
    background-image : url(images/purpleblue_Fav.png);
    border: 1px none;
    cursor: pointer;
}


input.ImageFavActive
{
    height:29px;
	width:30px;
    background-image : url(images/purpleblue_Fav.png);
    border: 1px none;
}

input.ImageFavActive:hover
{
    height:29px;
	width:30px;
    background-image : url(images/purpleblue_Fav_inactive.png);
    border: 1px none;
    cursor: pointer;
}