/* template.shtml */
html {
height : 100%;
}
body {
height : 100%;
margin : 0px;
padding : 22px;
background: #ffffff;
}
form {
position : relative;
}
#bodySection {
display : block;
margin : 0px auto 0px auto;
position : relative;
width : 990px;
background: #ed1c29;
}
#bodyHeader {
display : block;
height : 110px;
position : relative;
background: #ffffff;
padding: 0px 0px 0px 0px;
}
#bodyHeader p {}
#bodyHeader p a {}
#bodyHeader p a:link,
#bodyHeader p a:visited {}
#bodyHeader p a:hover,
#bodyHeader p a:active {}
#bodyHeader p a img {
vertical-align : top;
}
#homeArticle {
margin : 0px auto 15px auto;
padding : 20px 10px 9px 10px;
width : 698px;
min-height: 663px;
float: left;
}
.content #homeArticle {
margin : 10px auto 0px auto;
padding : 20px 10px 20px 10px;
width : 970px;
min-height: 663px;
float: left;
background: #ed1c29;
}
#homeArticle .pager {
margin: 10px 0px 14px 0px;
}
#homeArticle .pager ul {
margin: 0px 0px 0px 10px;
width: 676px;
text-align: center;
}
#homeArticle .pager ul li {
margin: 0px;
display: inline;
list-style-type: none;
padding: 0px 2px;
}
#homeArticle .pager ul li a:link, #homeArticle .pager ul li a:visited {
color: #ffffff;
text-decoration: none;
}
#homeArticle .pager ul li a:hover, #homeArticle .pager ul li a:active {
}
#homeArticle .pager ul li a.active:link, #homeArticle .pager ul li a.active:visited {
color: #ffffff;
font-weight: bold;
text-decoration: underline;
}
#homeArticle .pager ul li a.active:hover, #homeArticle .pager ul li a.active:active {
}
#homeArticle .pager ul li a.prev:link, #homeArticle .pager ul li a.prev:visited {
float: left;
text-decoration: underline;
}
#homeArticle .pager ul li a.prev:hover, #homeArticle .pager ul li a.prev:active {
}
#homeArticle .pager ul li a.next:link, #homeArticle .pager ul li a.next:visited {
float: right;
text-decoration: underline;
}
#homeArticle .pager ul li a.next:hover, #homeArticle .pager ul li a.next:active {
}
#homeArticle .auction {
background: #ffffff;
width: 340px;
padding: 2px;
height: 283px;
float: left;
margin: 0px 10px 10px 0px;
position: relative;
}
#homeArticle .auction.last {
margin: 0px 0px 10px 0px;
}
#homeArticle .auctions a.reloadFromUrl {
display : none;
}
#homeArticle .auctions div.leftSide {
float: left;
width: 169px;
overflow: hidden;
margin-right: 2px;
}
#homeArticle .auctions div.leftSide img {
width: 169px;
height: 207px;
}
span.number {
display: block;
height: 32px;
line-height: 32px;
margin-bottom: 2px;
color: #6a7374;
padding: 0px 0px 0px 10px;
font-size: 130%;
font-family: FranklinDemi;
}
span.counter {
display: block;
height: 32px;
line-height: 32px;
margin-bottom: 2px;
color: #000000;
padding: 0px 10px 0px 10px;
font-family: FranklinDemi;
float: right;
font-size: 130%;
}
#homeArticle .auctions div.rightSide {
float: left;
width: 167px;
color: #6a7374;
overflow: hidden;
padding: 0px 2px 0px 0px;
}
div.price {
background: url(../images/bg_prijs.png) no-repeat 0% 0%;
width: 172px;
font-family: FranklinHvy;
height: 32px;
line-height: 32px;
font-size: 140%;
color: #000000;
font-weight: bold;
text-align: right;
letter-spacing: 10.3px;
padding: 0px 0px 0px 5px;
margin: 0px 0px 2px 0px;
*margin-right : 32px;
}
/*
div.price.less {
padding: 0px 0px 0px 13px !important;
}
*/
div.prices {
background: #ed1c29;
color: #ffffff;
width: 149px;
font-weight: normal;
padding: 10px 10px 10px 10px;
margin: 0px 0px 2px 0px;
}
div.prices span.name {
float: left;
width: 70px;
margin: 0px 0px 2px 0px;
}
div.prices span.euro {
float: left;
width: 4px;
margin: 0px 0px 2px 0px;
}
div.prices span.price {
float: left;
width: 66px;
text-align: right;
margin: 0px 0px 2px 0px;
}
#homeArticle .auctions div.bottom {
height: 40px;
width: 320px;
background: #ffcb05;
padding: 0px 10px 0px 10px;
line-height: 40px;
margin-top: 2px;
}
#homeArticle .auctions div.bottom a {
color: #ed1c29;
font-size: 130%;
font-family: FranklinDemi;
}
#homeArticle .auctions div.bottom.sold {
height: 40px;
width: 320px;
background: none;
padding: 0px 0px 0px 0px;
line-height: 40px;
margin-top: 1px;
}
#homeArticle .auctions div.time {
position: absolute;
width: 66px;
height: 59px;
padding: 20px;
bottom: 7px;
right: 30px;
font-size: 190%;
font-family: FranklinHvy;
background: url(../images/img_timeLeft.png) no-repeat 0% 0%;
text-align : center;
text-transform : uppercase;
_bottom: -2px;
}
#homeArticle .auctions div.time p {
width: 140px;
margin-left : -47px;
text-align: center;
line-height: 20px;
color: #000000;
padding: 0px 10px 0px 10px;
}
#homeArticle .auctions div.time p span {
display : block;
}
#homeArticle .content {
width: 676px;
background: #ffffff;
margin: 0px 0px 10px 0px;
padding: 10px;
overflow: hidden;
}
.content #homeArticle .content {
width: 590px;
background: #ffffff;
margin: 0px 0px 10px 180px;
padding: 10px;
overflow: hidden;
}
.content #homeArticle .content fieldset.searchBox {
background: #ed1c29;
margin: 0px;
padding: 10px 0px 10px 100px;
}
.content #homeArticle .content fieldset.searchBox label {
color: #ffffff;
margin-right: 10px;
font-size: 110%;
font-family: FranklinDemi;
}
.content #homeArticle .content fieldset.searchBox select {
color: #ffffff;
background: #6a7374;
width: 200px;
border: solid 1px #ffffff;
}
.content #homeArticle .content .leftSide {
float: left;
width: 280px;
margin-right: 0px;
}
.content #homeArticle .content .leftSide p {
margin: 0px 0px 5px 0px;
}
.content #homeArticle .content .leftSide a {
display: block;
margin: 10px 0px 0px 0px;
}
.content #homeArticle .content .rightSide {
float: right;
margin: 0px;
}
.content #homeArticle #banner {
text-align: center;
height: 100px;
line-height: 100px;
}
.content #homeArticle h2 span.mailPrint {
float: right;
margin: -4px 0px -12px 0px;
}
.content #homeArticle .content .download {
background: url(../images/bg_text.png) repeat-x 0% 0%;
margin: 10px 0px 10px 0px;
border: solid 2px #b4b9b9;
color: #b4b9b9;
width: 580px;
display: block;
text-decoration: none;
padding: 2px 0px 2px 10px;
}
.content #homeArticle .content .hyperlink {
background: url(../images/bg_text.png) repeat-x 0% 0%;
margin: 10px 0px 10px 0px;
border: solid 2px #b4b9b9;
color: #000000;
width: 160px;
float: left;
text-decoration: none;
margin: 0px 10px 0px 0px;
padding: 2px 0px 2px 10px;
}
.content #homeArticle .content .headerBlock {
background: url(../images/bg_headerBlock.png) no-repeat 0% 0%;
margin: 10px 0px 10px 0px;
color: #ffffff;
font-weight: bold;
font-size: 110%;
line-height: 35px;
height: 35px;
width: 582px;
margin: 0px 10px 0px 0px;
padding: 2px 0px 2px 10px;
}
.content #homeArticle .content ul.sitemap {
margin: 0px;
}
.content #homeArticle .content ul.sitemap li {
list-style-type: none;
background: url(../images/bullet_siteMap.png) no-repeat 0% 6px;
padding: 4px 0px 4px 14px;
border-bottom: solid 1px #f4f4f4;
}
.content #homeArticle .content ul.sitemap li a {
color: #6a7374;
font-family: franklinDemi;
text-decoration: none;
font-size: 110%;
}
.content #homeArticle .content ul.sitemap li ul {
margin: 0px 0px 0px -20px;
}
.content #homeArticle .content ul.sitemap li ul li {
list-style-type: none;
background: url(../images/bullet_siteMap_2.png) no-repeat 100px 7px;
padding: 4px 0px 4px 114px;
border-top: solid 1px #f4f4f4;
border-bottom: none;
}
.content #homeArticle .content ul.sitemap li ul li a {
color: #a7adad;
font-size: 100%;
font-family: franklinMed;
}
.content #homeArticle .contentThanks {
width: 590px;
background: #e8e9e9;
margin: 0px 0px 10px 180px;
padding: 10px;
color: #000000;
}
.content #homeArticle .contentThanks hr {
color: #ffffff;
background: #ffffff;
}
.content #homeArticle .contentElse {
width: 610px;
margin: 0px 0px 10px 180px;
padding: 0px;
}
.content #homeArticle .contentElse .contactForm {
float: left;
width: 410px;
margin: 0px;
}
.content #homeArticle .contentElse .contactForm .formTable {
background: #ffffff;
padding: 10px 10px 10px 10px;
margin: 0px 0px 10px 0px;
}
.content #homeArticle .contentElse .contactForm .formTable .grey {
display: block;
background: #e8e9e9;
padding: 10px 10px 0px 10px;
}
.content #homeArticle .contentElse .contactForm .formTable .grey h3 {
color: #6a7374;
font-size: 110%;
}
.content #homeArticle .contentElse .banners {
float: right;
width: 185px;
margin: 0px;
}
.content #homeArticle .contentElse .banners .banner {
background: #ffcb05;
border: solid 1px #ffffff;
text-align: center;
padding: 44px 30px 44px 30px;
color: #ed1c29;
font-weight: bold;
font-size: 130%;
line-height: 120%;
margin: 0px 0px 10px 0px;
font-family: franklinDemi;
}
.contentTwo #homeArticle .content {
width: 482px;
background: #ffffff;
margin: 0px 0px 10px 196px;
padding: 10px 10px 0px 10px;
overflow: hidden;
}
.contentTwo #homeArticle .content table.checkOutTable {
margin: 0px;
width: 100%;
border-collapse: separate;
}
.contentTwo #homeArticle .content table.checkOutTable thead th {
background: #ed1c29;
color: #ffffff;
padding: 4px 10px 4px 10px;
}
.contentTwo #homeArticle .content table.checkOutTable tbody th {
background: #e8e9e9;
color: #6a7374;
padding: 4px 10px 4px 10px;
}
.contentTwo #homeArticle .content table.checkOutTable tbody th.name {
padding: 12px 0px 0px 10px;
}
.contentTwo #homeArticle .content table.checkOutTable tbody td {
padding: 0px 10px 0px 10px;
}
.contentTwo #homeArticle .content table.checkOutTable tbody td.sizer {
padding: 0px 0px 0px 0px;
}
.contentTwo #homeArticle .content table.checkOutTable tbody td.sizer div {
width: 73px;
}
.contentTwo #homeArticle .content table.checkOutTab {
margin: 0px;
width: 100%;
}
.contentTwo #homeArticle .content table.checkOutTab thead th {
background: #ed1c29;
color: #ffffff;
padding: 4px 10px 4px 10px;
}
.contentTwo #homeArticle .content table.checkOutTab tbody th {
background: #e8e9e9;
color: #6a7374;
padding: 4px 10px 4px 10px;
border-bottom: solid 2px #f3f4f4;
}
.contentTwo #homeArticle .content table.checkOutTab tbody td {
padding: 4px 10px 4px 10px;
background: #e8e9e9;
border-bottom: solid 2px #f3f4f4;
}
.contentTwo #homeArticle .content div.required {
margin: 0px 0px 20px 0px;
}
.contentTwo #homeArticle .contentSend {
width: 482px;
background: #e8e9e9;
margin: 0px 0px 10px 196px;
padding: 10px;
color: #000000;
}
.contentTwo #homeArticle .contentSend hr {
color: #ffffff;
background: #ffffff;
}
.contentTwo #homeArticle .contentSend div.orderBlock {
margin: 10px 0px 10px 0px;
}
.contentTwo #homeArticle .contentSend div.orderBlock .orderNr {
padding: 4px 10px 4px 10px;
background: #a7adad;
font-weight: bold;
border: solid 1px #ffffff;
width: 326px;
float: left;
*width: 310px;
}
.mine #homeArticle .auction {
background: #ffffff;
width: 522px;
padding: 2px 2px 3px 2px;
height: 283px;
float: left;
margin: 0px 10px 10px 171px;
position: relative;
overflow: hidden;
_margin: 0px 0px 10px 85px;
}
.mine #homeArticle .auction.last {
margin: 0px 0px 10px 0px;
}
.mine #homeArticle .auctions div.leftSide {
float: left;
width: 351px;
margin-right: 2px;
overflow: hidden;
}
.mine #homeArticle .auctions div.leftSide img {
width: 351px;
height: 208px;
}
.mine #homeArticle .auctions div.leftSide span.number {
display: block;
height: 32px;
line-height: 32px;
margin-bottom: 2px;
color: #6a7374;
padding: 0px 0px 0px 10px;
font-family: FranklinDemi;
}
.mine #homeArticle .auctions div.leftSide span.counter {
display: block;
height: 32px;
line-height: 32px;
margin-bottom: 2px;
color: #000000;
padding: 0px 10px 0px 10px;
font-family: FranklinDemi;
float: right;
}
body.mine #homeArticle .auctions div.rightSide {
float: left;
width: 167px;
color: #6a7374;
padding: 0px 2px 0px 0px;
overflow: hidden;
}
.mine #homeArticle .auctions div.rightSide div.price {
background: url(../images/bg_prijs.png) no-repeat 0% 0%;
width: 172px;
font-family: FranklinHvy;
height: 32px;
line-height: 32px;
font-size: 140%;
color: #000000;
font-weight: bold;
text-align: right;
letter-spacing: 10.3px;
padding: 0px 0px 0px 5px;
margin: 0px 0px 2px 0px;
}
.mine #homeArticle .auctions div.rightSide div.prices {
background: #ed1c29;
color: #ffffff;
width: 149px;
font-weight: normal;
padding: 10px 10px 10px 10px;
margin: 0px 0px 2px 0px;
}
.mine #homeArticle .auctions div.rightSide div.prices span.name {
float: left;
width: 70px;
margin: 0px 0px 2px 0px;
}
div.prices span.price {
float: left;
width: 70px;
text-align: right;
margin: 0px 0px 2px 0px;
}
div.info {
font-size: 90%;
padding: 2px;
line-height: 120%;
}
.mine #homeArticle .auctions div.bottom {
height: 40px;
width: 502px;
background: #ffcb05;
padding: 0px 10px 0px 10px;
line-height: 40px;
margin-top: 2px;
}
.mine #homeArticle .auctions div.bottom.sold {
height: 40px;
width: 502px;
background: none;
padding: 0px 0px 0px 0px;
line-height: 40px;
margin-top: 1px;
}
.mine #homeArticle .auctions div.bottom a {
color: #ed1c29;
font-size: 100%;
font-family: FranklinMed;
}
.mine #homeArticle .auctions div.bottom .btn {
margin-left: 85px;
}
.mine #homeArticle .auctions a.rightLink {
color: #ffffff;
margin-bottom: 10px;
font-size: 100%;
font-family: FranklinMed;
float: right;
}
.mine #homeArticle .auctions div.time {
position: absolute;
width: 66px;
height: 59px;
padding: 20px;
bottom: 6px;
right: 30px;
font-size: 190%;
font-family: FranklinHvy;
background: url(../images/img_timeLeft.png) no-repeat 0% 0%;
_bottom: -3px;
}
.mine #homeArticle .auctions div.time p {
width: 40px;
text-align: center;
line-height: 20px;
margin-left : 0px;
color: #000000;
padding: 0px 10px 0px 10px;
}
.mine #homeArticle .content {
width: 522px;
background: #ffffff;
margin: 0px 0px 10px 170px;
padding: 1px 2px 10px 2px;
}
#homeAside {
margin : 0px auto 15px auto;
padding : 20px 0px 20px 0px;
width : 272px;
height: 663px;
float: left;
overflow: hidden;
background: #ed1c29;
}
#homeAside .steps {
padding : 10px 10px 10px 10px;
border: solid 2px #ffffff;
background: #ffcb05;
line-height: 16px;
width: 239px;
color: #000000;
font-size: 112%;
margin: 0px 0px 10px 0px;
}
#homeAside .member {
padding : 10px 10px 10px 10px;
border: solid 2px #ffffff;
background: #ffcb05;
line-height: 16px;
width: 239px;
color: #000000;
margin: 0px 0px 10px 0px;
}
#homeAside .member ul {
margin: 0px 0px 10px 0px;
}
#homeAside .member ul li {
list-style-type: none;
background: url(../images/bullet_block.png) no-repeat 0% 2px;
color: #ed1c29;
font-size: 128%;
padding: 0px 0px 0px 14px;
margin: 0px 0px 4px 0px;
font-family: FranklinHvy;
}
#homeAside .member .overlapButton {
float: right;
}
#homeAside .logoBanner {
padding : 10px 10px 10px 10px;
border: solid 2px #ffffff;
background: #ffffff;
color: #6a7374;
line-height: 16px;
width: 239px;
margin: 0px 0px 10px 0px;
}
#homeAside .banner {
text-align: center;
border: solid 2px #ffffff;
background: #ffffff;
color: #6a7374;
height: 200px;
line-height: 200px;
width: 259px;
margin: 0px 0px 10px 0px;
}
#homeAside .side {
padding : 0px;
border: solid 2px #ffffff;
background: #ffffff;
line-height: 16px;
width: 239px;
color: #6a7374;
margin: 0px 0px 10px 0px;
}
#homeAside .side h2 {
background: #ffcb05;
color: #6a7374;
height: 24px;
margin: 0px 0px 4px 0px;
padding: 6px 10px 0px 10px;
}
#homeAside .side p {
padding: 5px 10px 0px 10px;
}
#homeAside .side table td {
padding: 2px 10px 2px 10px;
}
#bodyNav {
position: relative;
_position: static;
}
#metaMenu {
color: #6a7374;
position: absolute;
top: -138px;
right: 260px;
*top: -128px;
_top: -18px;
}
#metaMenu li {
float: left;
font-size: 86%;
list-style-type: none;
padding: 0px 6px 0px 2px;
}
#metaMenu li a {
color: #6a7374;
font-family: franklinMed;
padding: 0px 2px 0px 0px;
text-transform: uppercase;
text-decoration: none;
}
#sideMenu {
color: #ed1c29;
position: absolute;
top: -138px;
right: 10px;
*top: -128px;
_top: -18px;
}
#sideMenu li {
float: left;
font-size: 86%;
list-style-type: none;
padding: 0px 6px 0px 2px;
}
#sideMenu li a {
color: #ed1c29;
font-family: franklinMed;
padding: 0px 2px 0px 0px;
text-transform: uppercase;
}
#leftMenu {
color: #ed1c29;
position: absolute;
top: -138px;
left: 0px;
*top: -128px;
_top: -18px;
}
#leftMenu li {
float: left;
font-size: 86%;
list-style-type: none;
padding: 0px 6px 0px 2px;
}
#mainMenu {
color: #6a7374;
position: absolute;
top: -44px;
right: 10px;
*top: -32px;
_top: 78px;
}
#mainMenu li {
float: left;
font-size: 90%;
list-style-type: none;
margin: 0px 14px 0px 2px;
}
#mainMenu li a:link, #mainMenu li a:visited {
color: #ffffff;
padding: 4px 0px 0px 10px;
text-transform: uppercase;
position: relative;
float: left;
font-family: franklinMed;
height: 22px;
text-decoration: none;
background: url(../images/bg_tab_link.png) no-repeat 0px 0px;
}
#mainMenu li a:link span, #mainMenu li a:visited span {
position: absolute;
width: 10px;
height: 22px;
right: -10px;
top: 0px;
background: url(../images/bg_tab_link.png) no-repeat 100% 0px;
}
#mainMenu li a:hover, #mainMenu li a:active {
color: #000000;
padding: 4px 0px 0px 10px;
text-transform: uppercase;
position: relative;
float: left;
height: 22px;
background: url(../images/bg_tab_hover.png) no-repeat 0px 0px;
}
#mainMenu li a:hover span, #mainMenu li a:active span {
position: absolute;
width: 10px;
height: 22px;
right: -10px;
top: 0px;
background: url(../images/bg_tab_hover.png) no-repeat 100% 0px;
}
#mainMenu li a.active:link, #mainMenu li a.active:visited,
#mainMenu li a.active:hover, #mainMenu li a.active:active {
color: #000000;
padding: 4px 0px 0px 10px;
text-transform: uppercase;
position: relative;
float: left;
height: 22px;
background: url(../images/bg_tab_hover.png) no-repeat 0px 0px;
}
#mainMenu li a.active:link span, #mainMenu li a.active:visited span,
#mainMenu li a.active:hover span, #mainMenu li a.active:active span {
position: absolute;
width: 10px;
height: 22px;
right: -10px;
top: 0px;
background: url(../images/bg_tab_hover.png) no-repeat 100% 0px;
}
/* footer */
#footer {
margin: 0px auto 0px auto;
height: 12px;
width: 100%;
position: relative;
}
#footer #footerMenu {
text-align: center;
width: 990px;
margin: 0px auto 0px auto;
}
#footer #footerMenu li {
list-style-type: none;
color: #6a7374;
text-transform: uppercase;
float: right;
font-size: 86%;
font-style: italic;
padding: 0px 0px 0px 6px;
}
#footer #footerMenu li a {
color: #6a7374;
padding: 0px 6px 0px 0px;
font-family: franklinMed;
}
#footer #footerMenu li.right {
float: right;
}
/* validateForm */
fieldset.validateForm {
display: block;
}
fieldset.validateForm.grey {
display: block;
background: #e8e9e9;
padding: 10px;
}
fieldset.validateForm.grey h3 {
color: #6a7374;
font-size: 100%;
}
fieldset.validateForm.grey caption {
margin: 0px 0px 10px 0px;
}
fieldset.validateForm table {
width : 100%;
}
fieldset.validateForm table tfoot {}
fieldset.validateForm table tfoot tr {}
fieldset.validateForm table tfoot tr th {
font-weight : normal;
padding-top : 20px;
}
fieldset.validateForm table tfoot tr td {
padding : 20px 0px 0px 0px;
text-align : right;
}
fieldset.validateForm table tfoot tr td button {}
fieldset.validateForm table tbody {}
fieldset.validateForm table tbody tr {}
fieldset.validateForm table tbody tr th {
font-weight : normal;
width : 100%;
padding : 2px 10px 2px 0px;
}
fieldset.validateForm table.dataTable tbody tr th {
font-weight : normal;
width: 200px;
padding : 2px 10px 2px 0px;
}
fieldset.validateForm table.dataTable tbody tr th label {
font-weight : bold;
color: #6a7374;
font-size: 120%;
white-space: nowrap;
}
fieldset.validateForm table tbody tr th label {
font-weight : bold;
color: #000000;
font-size: 120%;
white-space: nowrap;
}
fieldset.validateForm table tbody tr th label em {
font-style : normal;
}
fieldset.validateForm table tbody tr td {
padding : 2px 0px 2px 10px;
}
fieldset.validateForm table tbody tr td.first {
padding : 2px 0px 2px 0px;
}
fieldset.validateForm table.dataTable tbody tr td {
padding : 2px 10px 2px 10px;
background: #ffffff;
color: #000000;
}
fieldset.validateForm table.dataTable tbody tr td div {
border-bottom: solid 2px #dadcdd;
}
fieldset.validateForm table tbody tr td label {
padding-right : 1em;
color: #000000;
}
fieldset.validateForm table tbody tr td select,
fieldset.validateForm table tbody tr td input {
background: url(../images/bg_text.png) repeat-x 0% 0%;
border: solid 2px #b5b9ba;
}
fieldset.validateForm table tbody tr td select {}
fieldset.validateForm table tbody tr td textarea {
height: 70px;
background: url(../images/bg_textarea.png) repeat-x 0% 50%;
border: solid 2px #b5b9ba;
}
fieldset.validateForm table tbody tr td .full {
width : 32em;
}
fieldset.validateForm table tbody tr td .large {
width : 27em;
}
fieldset.validateForm table tbody tr td .medium {
width : 17.8em;
}
fieldset.validateForm table tbody tr td .med {
width : 12em;
}
fieldset.validateForm table tbody tr td .medL {
width : 17em;
}
fieldset.validateForm table tbody tr td .small {
width : 4.5em;
}
fieldset.validateForm table tbody tr td .smallL{
width : 9em;
}
fieldset.validateForm table tbody tr td .left {
float : left;
}
fieldset.validateForm table tbody tr td .center {
float : left;
margin : 0px -0.7em 0px 0.7em;
}
fieldset.validateForm table tbody tr td .right {
float : right;
margin: 0px;
padding: 0px;
}
fieldset.validateForm table span.overlapButton {
float : right;
margin: 0px 0px 0px 0px;
}
fieldset.validateForm table.dataTable span.overlapButton {
float : right;
margin: 0px 0px 0px 10px;
}
fieldset.validateForm table tbody tr td .radio {
background: none;
border: none;
margin-top: 2px;
}
fieldset.validateForm input.check {
float: left;
margin: 1px 4px 0px 8px;
margin /*\**/: -2px 4px 0px 8px\9;
}
fieldset.validateForm label.check {
float: left;
}
fieldset.validateForm td a {
margin: 0px 0px 0px 0px;
}
fieldset.validateForm table tbody tr td ul {
margin : 0px;
}
fieldset.validateForm table tbody tr td ul li {
clear : both;
list-style-type : none;
}
fieldset.validateForm table tbody tr td ul li input {
float : left;
margin : 2px -2em 0px 5px;
}
fieldset.validateForm table tbody tr td ul li label {
display : block;
float : left;
padding : 0px 0px 0px 2.25em;
_height : 1em;
}
fieldset.validateForm table tbody tr.odd {
}
fieldset.validateForm table tbody tr.odd th {}
fieldset.validateForm table tbody tr.odd th label {}
fieldset.validateForm table tbody tr.odd th label em {}
fieldset.validateForm table tbody tr.odd td {}
fieldset.validateForm table tbody tr.passive {}
fieldset.validateForm table tbody tr.passive th {}
fieldset.validateForm table tbody tr.passive td {
background : Transparent url(../images/buttons/cmd_insert_link.png) no-repeat 99% 8px;
}
fieldset.validateForm table tbody tr.success {}
fieldset.validateForm table tbody tr.success th {}
fieldset.validateForm table tbody tr.success td {
background : Transparent url(../images/buttons/cmd_insert_hover.png) no-repeat 99% 8px;
}
fieldset.validateForm table tbody tr.error {}
fieldset.validateForm table tbody tr.error th {}
fieldset.validateForm table tbody tr.error th label {
color : Red;
}
fieldset.validateForm table tbody tr.error td {
background : Transparent url(../images/buttons/cmd_delete_hover.png) no-repeat 99% 8px;
}
fieldset.validateForm table tbody tr td select.error,
fieldset.validateForm table tbody tr td textarea.error,
fieldset.validateForm table tbody tr td input.error {
border : solid 2px Red;
}
fieldset.validateForm table tbody tr.error td input[type=checkbox],
fieldset.validateForm table tbody tr.error td input[type=radio] {
border : none !important;
}
fieldset.validateForm table tbody tr.error td input.checkbox,
fieldset.validateForm table tbody tr.error td input.radio {
border : none !important;
}
fieldset.validateForm table tbody tr td span.radio input {
border : none !important;
}
fieldset.validateForm .summary {
color : #000000;
background: #ffcb05;
border: solid 1px #000000;
display : block;
margin : 0px 0px 1em 0px;
padding : 1em 1em 1em 1em;
}
fieldset.validateForm .summary a {}
fieldset.validateForm .summary a:link,
fieldset.validateForm .summary a:visited {
color : #ffffff;
}
fieldset.validateForm .summary a:hover,
fieldset.validateForm .summary a:active {
color : #ffffff;
}
fieldset.validateForm .summary.visible {
display : block;
}
/* popUpLayer */
section.popUpLayer {
display : none;
bottom : 0px;
left : 0px;
position : fixed;
right : 0px;
top : 0px;
z-index : 20000;
/* For MSIE 6 */
_height : 100%;
_position : absolute;
_width : 100%;
}
section.popUpLayer div.popUpBackground {
background-color : #000000;
opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter:alpha(opacity=50);
bottom : 0px;
left : 0px;
position : fixed;
right : 0px;
top : 0px;
/* For MSIE 6 */
_height : 100%;
_position : absolute;
_width : 100%;
}
section.popUpLayer div.popUpForeground {
background : #ffffff;
left : 50%;
margin : -23em 0px 0px -25em;
position : absolute;
top : 50%;
width : 50em;
}
section.popUpLayer div.popUpForeground.big {
background : #ffffff;
left : 50%;
margin : -23em 0px 0px -33em;
position : absolute;
top : 50%;
width : 70.6em;
}
section.popUpLayer div.popUpForeground.big img {
border: solid 1px #6a7374;
}
section.popUpLayer div.popUpForeground.big ul {
margin: 10px 0px 0px 0px;
text-align: center;
width: 750px;
}
section.popUpLayer div.popUpForeground.big ul li {
list-style-type: none;
display: inline;
margin: 0px 8px 0px 0px;
}
section.popUpLayer div.popUpForeground header.popUpHeader {
background : #ffffff;
font-weight : normal;
margin : 0em 0em 0em 0em;
padding : 0em 1em 0.5em 1em;
}
section.popUpLayer div.popUpForeground header.popUpHeader a.closePopUpLayer {
cursor : pointer;
right: 30px;
top: 10px;
position: absolute;
}
section.popUpLayer div.popUpForeground header.popUpHeader a.closePopUpLayer:link,
section.popUpLayer div.popUpForeground header.popUpHeader a.closePopUpLayer:visited {
color : #999999;
text-decoration : underline;
}
section.popUpLayer div.popUpForeground header.popUpHeader a.closePopUpLayer:hover,
section.popUpLayer div.popUpForeground header.popUpHeader a.closePopUpLayer:active {
color : #cccccc;
text-decoration : underline;
}
section.popUpLayer div.popUpForeground header.popUpHeader a.openPopUpLayer {
display : none;
}
section.popUpLayer div.popUpForeground header.popUpHeader h1 {
color : #ffffff;
}
section.popUpLayer div.popUpForeground article.popUpContents {
height : 39em;
margin : 1em 1em 1em 2em;
padding : 0em 1em 0em 0em;
overflow : auto;
}
section.popUpLayer div.popUpForeground.big article.popUpContents {
height : 46em;
margin : 1em 1em 1em 2em;
padding : 0em 1em 0em 0em;
overflow : hidden;
}
section.popUpLayer div.popUpForeground article.popUpContents p.small {
font-size: 100%;
}
section.popUpLayer div.popUpForeground article.popUpContents fieldset {
margin: 0px;
}
section.popUpLayer div.popUpForeground footer.popUpFooter {
height : 5em;
position : absolute;
width : 50em;
}
/* animation sequences */
section.popUpLayer.step_0 {display : block;}
section.popUpLayer.step_0 div.popUpBackground { filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; -khtml-opacity: 0.0;}
section.popUpLayer.step_0 div.popUpForeground { filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; -khtml-opacity: 0.0;}
section.popUpLayer.step_1 {display : block;}
section.popUpLayer.step_1 div.popUpBackground { filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; -khtml-opacity: 0.0;}
section.popUpLayer.step_1 div.popUpForeground { filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; -khtml-opacity: 0.0;}
section.popUpLayer.step_2 {display : block;}
section.popUpLayer.step_2 div.popUpBackground { filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; -khtml-opacity: 0.0;}
section.popUpLayer.step_2 div.popUpForeground { filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; -khtml-opacity: 0.0;}
section.popUpLayer.step_3 {display : block;}
section.popUpLayer.step_3 div.popUpBackground { filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; -khtml-opacity: 0.0;}
section.popUpLayer.step_3 div.popUpForeground { filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; -khtml-opacity: 0.0;}
section.popUpLayer.step_4 {display : block;}
section.popUpLayer.step_4 div.popUpBackground { filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; -khtml-opacity: 0.0;}
section.popUpLayer.step_4 div.popUpForeground { filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; -khtml-opacity: 0.0;}
section.popUpLayer.step_5 {display : block;}
section.popUpLayer.step_5 div.popUpBackground { filter:alpha(opacity=10); -moz-opacity: 0.1; opacity: 0.1; -khtml-opacity: 0.1;}
section.popUpLayer.step_5 div.popUpForeground { filter:alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2; -khtml-opacity: 0.2;}
section.popUpLayer.step_6 {display : block;}
section.popUpLayer.step_6 div.popUpBackground { filter:alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2; -khtml-opacity: 0.2;}
section.popUpLayer.step_6 div.popUpForeground { filter:alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; -khtml-opacity: 0.4;}
section.popUpLayer.step_7 {display : block;}
section.popUpLayer.step_7 div.popUpBackground { filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; -khtml-opacity: 0.3;}
section.popUpLayer.step_7 div.popUpForeground { filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; -khtml-opacity: 0.6;}
section.popUpLayer.step_8 {display : block;}
section.popUpLayer.step_8 div.popUpBackground { filter:alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; -khtml-opacity: 0.4;}
section.popUpLayer.step_8 div.popUpForeground { filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; -khtml-opacity: 0.8;}
section.popUpLayer.step_9 {display : block;}
section.popUpLayer.step_9 div.popUpBackground { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5;}
section.popUpLayer.step_9 div.popUpForeground { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0;}
section.popUpLayer.step_10 {display : block;}
section.popUpLayer.step_10 div.popUpBackground { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5;}
section.popUpLayer.step_10 div.popUpForeground { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0;}
section.popUpLayer.step_11 {display : block;}
section.popUpLayer.step_11 div.popUpBackground { filter:alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; -khtml-opacity: 0.4;}
section.popUpLayer.step_11 div.popUpForeground { filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; -khtml-opacity: 0.8;}
section.popUpLayer.step_12 {display : block;}
section.popUpLayer.step_12 div.popUpBackground { filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; -khtml-opacity: 0.3;}
section.popUpLayer.step_12 div.popUpForeground { filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; -khtml-opacity: 0.6;}
section.popUpLayer.step_13 {display : block;}
section.popUpLayer.step_13 div.popUpBackground { filter:alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2; -khtml-opacity: 0.2;}
section.popUpLayer.step_13 div.popUpForeground { filter:alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; -khtml-opacity: 0.4;}
section.popUpLayer.step_14 {display : block;}
section.popUpLayer.step_14 div.popUpBackground { filter:alpha(opacity=10); -moz-opacity: 0.1; opacity: 0.1; -khtml-opacity: 0.1;}
section.popUpLayer.step_14 div.popUpForeground { filter:alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2; -khtml-opacity: 0.2;}
section.popUpLayer.step_15 {display : block;}
section.popUpLayer.step_15 div.popUpBackground { filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; -khtml-opacity: 0.0;}
section.popUpLayer.step_15 div.popUpForeground { filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; -khtml-opacity: 0.0;}
section.popUpLayer.step_16 {display : none !important;}
section.popUpLayer.step_17 {display : none !important;}
section.popUpLayer.step_18 {display : none !important;}
section.popUpLayer.step_19 {display : none !important;}
section.popUpLayer.noFadeIn {display : block !important;}
section.popUpLayer.noFadeIn div.popUpBackground { filter:alpha(opacity=50) !important; -moz-opacity: 0.5 !important; opacity: 0.5 !important; -khtml-opacity: 0.5 !important;}
section.popUpLayer.noFadeIn div.popUpForeground { filter:alpha(opacity=100) !important; -moz-opacity: 1.0 !important; opacity: 1.0 !important; -khtml-opacity: 1.0 !important;}
/* exception: for popups loaded in a full screen iframe */
iframe.popUpLayer {
bottom : -0.5%;
height : 102%;
left : -0.5%;
position : fixed;
right : -0.5%;
top : -0.5%;
width : 101%;
z-index : 20000;
/* For MSIE 6 */
_position : absolute;
}
body.popUpLayer {
background : Transparent none;
margin : 0px;
padding : 0px;
/* For MSIE 6 */
_width : 100%;
}
/* exception: popup without scroll-bar and full height content */
section.popUpLayer.fullHeightPopUp {
overflow : auto;
overflow-y : scroll;
/* For MSIE 6 */
_overflow-x : hidden;
}
section.popUpLayer.fullHeightPopUp div.popUpForeground {
margin-top : 0em;
top : 5em;
}
section.popUpLayer.fullHeightPopUp div.popUpForeground article.popUpContents {
height : auto;
overflow : visible;
padding : 0em 0em 0em 0em;
}
section.popUpLayer.fullHeightPopUp div.popUpBackground {
right : 16px;
/* For MSIE 6 */
_bottom : auto;
_height : 4096px !important;
}
/* exception: hacks for internet explorer 6 */
* html body.popup_open select {
visibility : hidden;
}
* html body.popup_closed select {
visibility : visible;
}
/* overlapButton */
/* spans with buttons inside */
span.overlapButton {
background : Transparent url(../images/graphicalButtonsThatScale.png) no-repeat 0px 0px;
cursor : pointer;
display : inline-block;
height : 24px;
margin : 0px 0px 0px 0px;
padding : 0px 0px 0px 12px;
vertical-align : middle;
width : auto;
white-space : nowrap;
/* For MSIE 6 */
_width : 24px;
}
span.overlapButton .trim {
background : Transparent url(../images/graphicalButtonsThatScale.png) no-repeat 100% 0px;
display : inline-block;
height : 24px;
margin-right : 0px;
padding : 0px 12px 0px 0px;
position : static;
/* For MSIE 6 */
_position : relative;
}
span.overlapButton .trim .title {
border : none;
background : Transparent none;
color : #000000;
font-weight: bold;
cursor : pointer;
display : inline-block;
height : 22px;
font-family: FranklinMed;
line-height : 22px;
overflow : visible;
padding : 0px 0px 0px 0px;
text-decoration : none;
vertical-align : middle;
}
span.overlapButton .trim a.title {
font-family: FranklinMed;
padding-top: 2px;
}
span.overlapButton:hover {
background-position : 0px 0px;
}
span.overlapButton:hover .trim {
background-position : 100% 0px;
}
span.overlapButton:hover .trim .title {
color : #000000;
}
/* The Harmonica List */
dl.harmonicaList {
background: #6a7374;
padding: 6px;
}
dl.harmonicaList dt {
background : url(../images/shinyButton_link.png);
font-weight : normal;
line-height: 21px;
height: 21px;
margin : 0px 0px 0px 0px;
padding : 0px 1.5em 0px 0.7em;
/* For MSIE 7 */
*height : 21px;
}
dl.harmonicaList dt span.numb {
padding: 0px 20px 0px 0px;
text-align: right;
}
dl.harmonicaList dt:hover {}
dl.harmonicaList dt.active {
background : url(../images/shinyButton_active.png);
}
dl.harmonicaList dt.active:hover {}
dl.harmonicaList dd {
margin : 0px 0px 3px 0px;
padding : 0px 0px 0px 0px;
/* For MSIE 7 */
*float : left;
*width : 100%;
}
dl.harmonicaList dd div.border {
background : #ffcb05;
border: solid 1px #ffffff;
margin : 4px 26px 4px 26px !important;
padding : 1em 1em 1em 1em;
}
dl.harmonicaList dd.hideThisNode {}
dl.harmonicaList dd.showThisNode {}
/* Tabbed Content */
section.tabbedContent {
margin : 2.3em 0px 0em 0em;
position : relative;
clear : both;
width : 20em;
}
/* links */
section.tabbedContent header {
margin : -2.1em 0px 0px 0px;
position : absolute;
width : 46.5em;
z-index : 1000;
height: 32px;
background: #ffcb05;
}
section.tabbedContent header menu {
margin : 10px;
*margin : 11px 10px 10px 10px;
}
section.tabbedContent header menu li {
display : inline;
list-style-type : none;
}
section.tabbedContent header menu li a {
float : left;
font-weight : bold;
height : 1.9em;
line-height : 2em;
margin : 0em 0px 0px 0em;
padding : 0em 1em 0em 1em;
white-space : nowrap;
}
/* passive */
section.tabbedContent header menu li a:link,
section.tabbedContent header menu li a:visited {
background : #333333 url(../images/tab_link.png) no-repeat 0% 0%;
color : #666666;
text-decoration : none;
position: relative;
font-weight: normal;
}
section.tabbedContent header menu li a:link span,
section.tabbedContent header menu li a:visited span {
width: 10px;
background : #333333 url(../images/tab_link.png) no-repeat 100% 0%;
position: absolute;
height: 1.9em;
right: 0px;
top: 0px;
}
section.tabbedContent header menu li a:hover,
section.tabbedContent header menu li a:active {
background : #333333 url(../images/tab_link.png) no-repeat 0% 0%;
color : #000000;
text-decoration : none;
}
section.tabbedContent header menu li a:hover span,
section.tabbedContent header menu li a:active span {
width: 10px;
background : #333333 url(../images/tab_link.png) no-repeat 100% 0%;
position: absolute;
height: 1.9em;
top: 0px;
}
/* active */
section.tabbedContent header menu li a.openedTab:link,
section.tabbedContent header menu li a.openedTab:visited,
section.tabbedContent header menu li a.openedTab:hover,
section.tabbedContent header menu li a.openedTab:active {
background : #ffffff url(../images/tab_active.png) no-repeat 0% 0%;
border-bottom : none;
color : #000000;
text-decoration : none;
}
section.tabbedContent header menu li a.openedTab:link span,
section.tabbedContent header menu li a.openedTab:visited span,
section.tabbedContent header menu li a.openedTab:hover span,
section.tabbedContent header menu li a.openedTab:active span {
width: 10px;
background : #333333 url(../images/tab_active.png) no-repeat 100% 0%;
position: absolute;
height: 1.9em;
}
/* contents */
section.tabbedContent article {
background : #ffffff url(../images/button_reversed.png) no-repeat 0% 100%;
display : none;
margin : 0em 0em 0em 0em;
padding : 1.5em 0em 1.5em 1.5em;
width : 44em;
color: #000000;
overflow: hidden;
}
section.tabbedContent article.openedTab {
display : block;
}
section.tabbedContent article.closedTab {
display : none;
}
section.tabbedContent article table.data {
width: 100%;
margin-top: 10px;
}
section.tabbedContent article table.data th {
color: #666666;
padding: 2px 0px 2px 0px;
border-top: solid 2px #d9dcdc;
}
section.tabbedContent article table.data td {
color: #000000;
border-top: solid 2px #d9dcdc;
padding: 2px 0px 2px 0px;
}
section.tabbedContent article ul {
margin: 0px 0px 0px -10px;
}
section.tabbedContent article ul li {
list-style-type: none;
margin: 10px 8px 0px 0px;
float: left;
}
section.tabbedContent article ul li.last {
margin: 10px 0px 0px 0px;
}
section.tabbedContent article ul li img {
border: solid 1px #798182;
}
/* pager */
section.tabbedContent footer {
bottom : 1em;
float : right;
height : 2.3em;
position : absolute;
right : 1em;
}
section.tabbedContent footer menu.contentPager {
margin : 0px;
display: none;
}
section.tabbedContent footer menu.contentPager li {
display : inline;
list-style-type : none;
padding-left : 0.3em;
}
section.tabbedContent footer menu.contentPager li {}
section.tabbedContent footer menu.contentPager span {
padding : 0px 1em 0px 1em;
}
/*Addition by Mark R on 22-04-2010*/
div.scrollableContent {
width:100%;
height:250px;
overflow:auto;
}