inital commit
This commit is contained in:
664
webroot/rtgv3/css/credit_card_layout.css
Normal file
664
webroot/rtgv3/css/credit_card_layout.css
Normal file
@@ -0,0 +1,664 @@
|
||||
|
||||
.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;
|
||||
}
|
||||
Reference in New Issue
Block a user