665 lines
12 KiB
CSS
665 lines
12 KiB
CSS
|
|
.credit-card-form div.MainBody {
|
|
height: 100%;
|
|
width: 960px
|
|
}
|
|
|
|
.credit-card-form #Main {
|
|
padding: 10px 10px 4px 15px;
|
|
vertical-align: top;
|
|
background-color: #fff
|
|
}
|
|
|
|
.credit-card-form a {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 12px;
|
|
color: #06c
|
|
}
|
|
|
|
.credit-card-form .HeaderFont,
|
|
.credit-card-form .LargeHeaderFont {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 14px;
|
|
border-top: solid 1px #ababab;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
vertical-align: middle;
|
|
padding: 0 5px;
|
|
background-color: #e1e1e1
|
|
}
|
|
|
|
.credit-card-form .Logo {
|
|
padding-left: 10px
|
|
}
|
|
|
|
table.TopNav,
|
|
table.topNav {
|
|
background-color: #fff;
|
|
height: 23px;
|
|
margin-left: 0;
|
|
margin-top: 0
|
|
}
|
|
|
|
td.TopNav,
|
|
div.TopNav {
|
|
width: 906px
|
|
}
|
|
|
|
div.LeftNav {
|
|
padding-top: 13px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
width: 180px
|
|
}
|
|
|
|
td.Content {
|
|
width: 960px
|
|
}
|
|
|
|
a.TopNav,
|
|
a.topNav,
|
|
a.InactiveHoriz {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 14px!important;
|
|
font-weight: 400;
|
|
color: #369;
|
|
text-decoration: none;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
a.TopNav:hover,
|
|
a.topNav:hover,
|
|
a.InactiveHoriz:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
a.TopNavActive,
|
|
a.topNavActive,
|
|
a.ActiveHoriz,
|
|
a.activeHoriz {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 14px!important;
|
|
font-weight: 400;
|
|
color: #369;
|
|
text-decoration: none;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
a.TopNavActive:hover,
|
|
a.topNavActive:hover,
|
|
a.ActiveHoriz:hover,
|
|
a.activeHoriz:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
a.LeftNav,
|
|
a.InactiveVert {
|
|
font-family: Verdana;
|
|
font-size: 11px!important;
|
|
font-weight: 400;
|
|
color: #369;
|
|
text-decoration: none
|
|
}
|
|
|
|
a.LeftNav:hover,
|
|
a.InactiveVert:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
a.LeftNavActive,
|
|
a.ActiveVert,
|
|
a.activeVert {
|
|
font-family: Verdana;
|
|
font-size: 11px!important;
|
|
font-weight: 700;
|
|
text-decoration: none;
|
|
color: #000
|
|
}
|
|
|
|
a.LeftNavActive:hover,
|
|
a.ActiveVert:hover,
|
|
a.activeVert:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
a.BannerNav {
|
|
font-size: 11px;
|
|
color: #000;
|
|
font-weight: 700;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
text-decoration: none
|
|
}
|
|
|
|
a.BannerNav:hover {
|
|
color: #216b9c
|
|
}
|
|
|
|
table.InactiveHoriz {
|
|
width: 171px;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
border-bottom: solid 5px #b4a82f
|
|
}
|
|
|
|
table.ActiveHoriz,
|
|
table.activeHoriz {
|
|
width: 171px;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
border-bottom: solid 5px #216b9c
|
|
}
|
|
|
|
table.InactiveVert,
|
|
div.InactiveVert {
|
|
color: #fff;
|
|
line-height: 12px;
|
|
padding: 4px 0 4px 8px
|
|
}
|
|
|
|
table.ActiveVert,
|
|
div.ActiveVert,
|
|
table.activeVert,
|
|
div.activeVert {
|
|
color: #246e9d;
|
|
background-color: #fff;
|
|
line-height: 12px;
|
|
padding: 4px 0 4px 8px
|
|
}
|
|
|
|
table.BarHoriz,
|
|
table.barHoriz {
|
|
background-color: #fff;
|
|
box-shadow: 18px 0 18px -3px #cecece, -18px 0 18px -3px #cecece
|
|
}
|
|
|
|
div.BarHoriz,
|
|
div.barHoriz {
|
|
padding-top: 12px;
|
|
height: 23px;
|
|
border-bottom-color: #c1bbc5;
|
|
border-bottom-width: 1px;
|
|
border-bottom-style: solid;
|
|
margin-bottom: 15px;
|
|
width: 960px;
|
|
background-color: #fff
|
|
}
|
|
|
|
.BarVert {
|
|
height: 100%;
|
|
color: #fff;
|
|
background-color: #fff;
|
|
background-image: url(/UI/themes/COMMON/images/subnavcol_right.png);
|
|
background-repeat: no-repeat;
|
|
background-position: right top
|
|
}
|
|
|
|
a.HomepageLink {
|
|
font-family: Verdana;
|
|
font-size: 11px;
|
|
font-weight: 400;
|
|
color: #213e94;
|
|
text-decoration: none
|
|
}
|
|
|
|
a.HomepageLink:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
a.HomepageQuickLink {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
color: #666;
|
|
text-decoration: none;
|
|
border: none
|
|
}
|
|
|
|
a.HomepageQuickLink:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
a.HomepageHeader {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
color: #123d59;
|
|
text-decoration: none
|
|
}
|
|
|
|
a.HomepageHeader:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
a.HomepageAnnouncement {
|
|
color: #666;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
text-decoration: none
|
|
}
|
|
|
|
a.HomepageAnnouncement:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
hr.HomepageSideBarHeaderLine {
|
|
height: 1;
|
|
border: 0;
|
|
border-top: 1px solid #216b9c;
|
|
margin-left: 7px
|
|
}
|
|
|
|
hr.HomepageMainHeaderLine {
|
|
height: 1;
|
|
border: 0;
|
|
border-top: 1px solid #9e9e66;
|
|
margin-left: 7px
|
|
}
|
|
|
|
.HomepageHeader {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
color: #123d59
|
|
}
|
|
|
|
.HomepageQuickLink {
|
|
border-bottom: 1px solid #ebe8b9;
|
|
padding-bottom: 8px
|
|
}
|
|
|
|
.HomepageDefaultText {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 12px
|
|
}
|
|
|
|
.HomepageSideBar {
|
|
width: 244px;
|
|
padding: 10px 20px;
|
|
background-image: url(/UI/themes/COMMON/images/subnavcol_right.png);
|
|
background-repeat: no-repeat;
|
|
background-position: right top
|
|
}
|
|
|
|
.HomepageSideBarHeader {
|
|
font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
|
|
font-size: 9pt;
|
|
color: #123d59;
|
|
font-weight: 700;
|
|
letter-spacing: 2pt;
|
|
padding: 6px 0 4px
|
|
}
|
|
|
|
.HomepageLinkSeparator {
|
|
color: #000;
|
|
padding: 0 5px
|
|
}
|
|
|
|
.HomepageMainHeader {
|
|
padding: 0 0 10px;
|
|
font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
|
|
font-size: 9pt;
|
|
color: #9e9e66;
|
|
font-weight: 700
|
|
}
|
|
|
|
.HomepageAnnouncementSmall {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 11px;
|
|
font-weight: 400;
|
|
color: #666
|
|
}
|
|
|
|
.HomepageAnnouncementNew {
|
|
color: red;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 12px;
|
|
font-weight: 700
|
|
}
|
|
|
|
div.Copyright {
|
|
border-top: solid 1px #d6ced5;
|
|
background-color: #fff;
|
|
width: 960px;
|
|
line-height: 18px;
|
|
text-align: center;
|
|
margin: 0;
|
|
font-size: 11px;
|
|
color: #666;
|
|
font-family: Arial;
|
|
padding: 5px 0
|
|
}
|
|
|
|
a.Copyright {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 11px;
|
|
color: #06c;
|
|
text-decoration: underline
|
|
}
|
|
|
|
a.Copyright:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.SearchTopBar {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
color: #fff;
|
|
background-color: #4379b2;
|
|
border-bottom-color: #fff;
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 1px
|
|
}
|
|
|
|
td.SearchNav {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 12px;
|
|
color: #fff;
|
|
background-color: #4379b2;
|
|
padding: 5px 8px;
|
|
font-weight: 400
|
|
}
|
|
|
|
td.SearchNav a {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 12px;
|
|
color: #fff;
|
|
font-weight: 400
|
|
}
|
|
|
|
a.SearchNav {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 11px;
|
|
text-decoration: underline;
|
|
color: #fff
|
|
}
|
|
|
|
a.SearchNav:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
a.SearchHeader {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 11px;
|
|
text-decoration: underline;
|
|
color: #4379b2
|
|
}
|
|
|
|
a.SearchHeader:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
tr.SearchColHeaders {
|
|
background-color: #e3e3e3
|
|
}
|
|
|
|
td.SearchColHeaders {
|
|
font-family: Tahoma;
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
color: #4379b2;
|
|
padding: 2px 8px;
|
|
border-bottom-color: #ccc;
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 1px;
|
|
border-right-color: #fff;
|
|
border-right-style: solid;
|
|
border-right-width: 1px
|
|
}
|
|
|
|
td.SearchColHeadersLast {
|
|
font-family: Tahoma;
|
|
font-size: 11px;
|
|
font-weight: 700;
|
|
color: #4379b2;
|
|
padding: 2px 8px;
|
|
border-bottom-color: #ccc;
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 1px
|
|
}
|
|
|
|
tr.SearchLineItemRow1 {
|
|
background-color: #f2f2f2
|
|
}
|
|
|
|
tr.SearchLineItemRow2 {
|
|
background-color: #fff
|
|
}
|
|
|
|
td.SearchLineItem {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 11px;
|
|
padding: 3px 5px;
|
|
border-top-color: #ccc;
|
|
border-top-style: solid;
|
|
border-top-width: 1px;
|
|
border-bottom-color: #ccc;
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 1px
|
|
}
|
|
|
|
.TopMenu {
|
|
width: 100%;
|
|
position: absolute
|
|
}
|
|
|
|
#HeaderMenuCorner {
|
|
height: 20px;
|
|
width: 28px;
|
|
background-position: top left;
|
|
background-repeat: no-repeat;
|
|
float: right
|
|
}
|
|
|
|
div.HeaderLinks {
|
|
height: 30px;
|
|
width: 600x;
|
|
float: right
|
|
}
|
|
|
|
div.HeaderMenu {
|
|
line-height: 30px;
|
|
padding: 0 8px 0 13px;
|
|
margin-left: 20px;
|
|
background-image: url(/UI/themes/COMMON/images/headerlinks_corner.gif);
|
|
background-position: top left;
|
|
background-repeat: no-repeat;
|
|
background-color: #e1e1e1;
|
|
float: right;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
div.HeaderLogout {
|
|
float: right;
|
|
text-align: center;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
*line-height: 29px;
|
|
padding: 0 10px 0 25px;
|
|
text-align: center;
|
|
background-color: #777;
|
|
text-transform: uppercase;
|
|
background-image: url(/UI/themes/COMMON/images/logout.png);
|
|
background-repeat: no-repeat;
|
|
background-position: left center
|
|
}
|
|
|
|
.HeaderLinksDivider {
|
|
float: left;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
margin: 0 10px 0 8px;
|
|
color: #ececee;
|
|
border-left: 1px solid #fff
|
|
}
|
|
|
|
.HeaderLinksVPOS {
|
|
float: left;
|
|
padding: 0 6px;
|
|
color: #ababab;
|
|
text-align: right
|
|
}
|
|
|
|
.HeaderLinksHelp {
|
|
float: left;
|
|
padding: 0 6px 0 26px;
|
|
color: #ababab;
|
|
text-align: right;
|
|
background-image: url(/UI/themes/COMMON/images/i.png);
|
|
background-repeat: no-repeat;
|
|
background-position: left center
|
|
}
|
|
|
|
.HeaderLinksChat {
|
|
float: left;
|
|
padding: 0 6px 0 26px;
|
|
color: #ababab;
|
|
text-align: right;
|
|
background-image: url(/UI/themes/COMMON/images/chat.png);
|
|
background-repeat: no-repeat;
|
|
background-position: left center
|
|
}
|
|
|
|
.HeaderLinksContact {
|
|
float: left;
|
|
padding: 0 6px 0 26px;
|
|
color: #ababab;
|
|
text-align: right;
|
|
background-image: url(/UI/themes/COMMON/images/contact.png);
|
|
background-repeat: no-repeat;
|
|
background-position: left center
|
|
}
|
|
|
|
.HeaderLinksFeedback {
|
|
float: left;
|
|
padding: 0 6px 0 26px;
|
|
color: #ababab;
|
|
text-align: right;
|
|
background-image: url(/UI/themes/COMMON/images/feedback.png);
|
|
background-repeat: no-repeat;
|
|
background-position: left center
|
|
}
|
|
|
|
.HeaderLogoutLinkDivider {
|
|
background-color: #777;
|
|
color: #777;
|
|
background-position: top left;
|
|
background-repeat: no-repeat;
|
|
margin: 0;
|
|
width: 10px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
float: right
|
|
}
|
|
|
|
a.HeaderLinks {
|
|
font-size: 11px;
|
|
color: #369;
|
|
outline-color: invert;
|
|
font-weight: 400;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
text-decoration: none
|
|
}
|
|
|
|
a.HeaderLogout {
|
|
font-size: 11px;
|
|
color: #fff;
|
|
font-weight: 400;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
text-decoration: none
|
|
}
|
|
|
|
.TopUserName {
|
|
float: right;
|
|
clear: both;
|
|
margin-right: 10px;
|
|
width: 600px;
|
|
text-align: right;
|
|
line-height: 30px;
|
|
top: 0!important
|
|
}
|
|
|
|
a.Breadcrumb {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 11px;
|
|
font-weight: Normal;
|
|
color: #036
|
|
}
|
|
|
|
div.Breadcrumb {
|
|
background-color: #e3e3e3;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 11px;
|
|
font-weight: Normal;
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
padding-left: 18px
|
|
}
|
|
|
|
div.BreadcrumbBottom {
|
|
background-color: #fff;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 11px;
|
|
font-weight: Normal;
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
padding-left: 3px
|
|
}
|
|
|
|
.WelcomeScreen {
|
|
height: 385px;
|
|
padding: 10px;
|
|
background-color: #f1f1f1
|
|
}
|
|
|
|
hr.BillingHR {
|
|
border: 0;
|
|
height: 2;
|
|
color: Black
|
|
}
|
|
|
|
table.TabNav {
|
|
border-bottom-color: #216a9b
|
|
}
|
|
|
|
table.InactiveTab,
|
|
div.InactiveTab {
|
|
background-color: #123d59
|
|
}
|
|
|
|
table.ActiveTab,
|
|
div.ActiveTab {
|
|
background-color: #216a9b
|
|
}
|
|
|
|
a.InactiveTab {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
color: #fff
|
|
}
|
|
|
|
a.ActiveTab {}
|
|
|
|
.MainHeaderFontSmall {
|
|
color: #369;
|
|
font-family: Georgia, serif;
|
|
font-size: 13pt;
|
|
font-weight: lighter;
|
|
padding: 0 0 5px
|
|
}
|
|
|
|
.credit-card-form{}
|
|
.credit-card-form table tr{
|
|
margin: 3px;
|
|
}
|
|
.credit-card-form table tr td{}
|
|
.credit-card-form table tr td input{
|
|
margin-right: 3px;
|
|
}
|