Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .btn {
- display: inline-block;
- *display: inline;
- padding: 4px 10px 4px;
- margin-bottom: 0;
- *margin-left: .3em;
- font-size: 13px;
- line-height: 18px;
- *line-height: 20px;
- color: #333;
- text-align: center;
- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
- vertical-align: middle;
- cursor: pointer;
- background-color: #f5f5f5;
- *background-color: #e6e6e6;
- background-image: -ms-linear-gradient(top, #fff, #e6e6e6);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #fff), to( #e6e6e6));
- background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
- background-image: -o-linear-gradient(top, #fff, #e6e6e6);
- background-image: linear-gradient(top, #fff, #e6e6e6);
- background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
- background-repeat: repeat-x;
- border: 1px solid #ccc;
- *border: 0;
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
- border-color: #e6e6e6 #e6e6e6 #bfbfbf;
- border-bottom-color: #b3b3b3;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- filter: progid: dximagetransform.microsoft.gradient(startColorstr=' #ffffff', endColorstr=' #e6e6e6', GradientType=0);
- filter: progid: dximagetransform.microsoft.gradient(enabled=false);
- *zoom: 1;
- -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
- -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
- }
- .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
- background-color: #e6e6e6;
- *background-color: #d9d9d9
- }
- .btn:active, .btn.active {
- background-color: #ccc \9
- }
- .btn:first-child {
- *margin-left: 0
- }
- .btn:hover {
- color: #333;
- text-decoration: none;
- background-color: #e6e6e6;
- *background-color: #d9d9d9;
- background-position: 0 -15px;
- -webkit-transition: background-position .1s linear;
- -moz-transition: background-position .1s linear;
- -ms-transition: background-position .1s linear;
- -o-transition: background-position .1s linear;
- transition: background-position .1s linear
- }
- .btn:focus {
- outline: thin dotted #333;
- outline: 5px auto -webkit-focus-ring-color;
- outline-offset: -2px
- }
- .btn.active, .btn:active {
- background-color: #e6e6e6;
- background-color: #d9d9d9 \9;
- background-image: none;
- outline: 0;
- -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
- -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
- box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
- }
- .btn.disabled, .btn[disabled] {
- cursor: default;
- background-color: #e6e6e6;
- background-image: none;
- opacity: .65;
- filter: alpha(opacity=65);
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none
- }
- .btn-large {
- /* padding: 9px 14px; */
- font-size: 15px;
- line-height: normal;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px
- }
- .btn-large [class^="icon-"] {
- margin-top: 1px
- }
- .btn-small {
- padding: 5px 9px;
- font-size: 11px;
- line-height: 16px
- }
- .btn-small [class^="icon-"] {
- margin-top: -1px
- }
- .btn-mini {
- padding: 2px 6px;
- font-size: 11px;
- line-height: 14px
- }
- .btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover {
- color: #fff;
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
- }
- .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active {
- color: rgba(255, 255, 255, 0.75)
- }
- .btn {
- border-color: #ccc;
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
- }
- .btn-primary {
- background-color: #0074cc;
- *background-color: #05c;
- background-image: -ms-linear-gradient(top, #08c, #05c);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #08c), to( #05c));
- background-image: -webkit-linear-gradient(top, #08c, #05c);
- background-image: -o-linear-gradient(top, #08c, #05c);
- background-image: -moz-linear-gradient(top, #08c, #05c);
- background-image: linear-gradient(top, #08c, #05c);
- background-repeat: repeat-x;
- border-color: #05c #05c #003580;
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
- filter: progid: dximagetransform.microsoft.gradient(startColorstr=' #0088cc', endColorstr=' #0055cc', GradientType=0);
- filter: progid: dximagetransform.microsoft.gradient(enabled=false)
- }
- .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
- background-color: #05c;
- *background-color: #004ab3
- }
- .btn-primary:active, .btn-primary.active {
- background-color: #004099 \9
- }
- .btn-warning {
- background-color: #faa732;
- *background-color: #f89406;
- background-image: -ms-linear-gradient(top, #fbb450, #f89406);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #fbb450), to( #f89406));
- background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
- background-image: -o-linear-gradient(top, #fbb450, #f89406);
- background-image: -moz-linear-gradient(top, #fbb450, #f89406);
- background-image: linear-gradient(top, #fbb450, #f89406);
- background-repeat: repeat-x;
- border-color: #f89406 #f89406 #ad6704;
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
- filter: progid: dximagetransform.microsoft.gradient(startColorstr=' #fbb450', endColorstr=' #f89406', GradientType=0);
- filter: progid: dximagetransform.microsoft.gradient(enabled=false)
- }
- .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
- background-color: #f89406;
- *background-color: #df8505
- }
- .btn-warning:active, .btn-warning.active {
- background-color: #c67605 \9
- }
- .btn-danger {
- background-color: #da4f49;
- *background-color: #bd362f;
- background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #ee5f5b), to( #bd362f));
- background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
- background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
- background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
- background-image: linear-gradient(top, #ee5f5b, #bd362f);
- background-repeat: repeat-x;
- border-color: #bd362f #bd362f #802420;
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
- filter: progid: dximagetransform.microsoft.gradient(startColorstr=' #ee5f5b', endColorstr=' #bd362f', GradientType=0);
- filter: progid: dximagetransform.microsoft.gradient(enabled=false)
- }
- .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
- background-color: #bd362f;
- *background-color: #a9302a
- }
- .btn-danger:active, .btn-danger.active {
- background-color: #942a25 \9
- }
- .btn-success {
- background-color: #5bb75b;
- *background-color: #51a351;
- background-image: -ms-linear-gradient(top, #62c462, #51a351);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #62c462), to( #51a351));
- background-image: -webkit-linear-gradient(top, #62c462, #51a351);
- background-image: -o-linear-gradient(top, #62c462, #51a351);
- background-image: -moz-linear-gradient(top, #62c462, #51a351);
- background-image: linear-gradient(top, #62c462, #51a351);
- background-repeat: repeat-x;
- border-color: #51a351 #51a351 #387038;
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
- filter: progid: dximagetransform.microsoft.gradient(startColorstr=' #62c462', endColorstr=' #51a351', GradientType=0);
- filter: progid: dximagetransform.microsoft.gradient(enabled=false)
- }
- .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
- background-color: #51a351;
- *background-color: #499249
- }
- .btn-success:active, .btn-success.active {
- background-color: #408140 \9
- }
- .btn-info {
- background-color: #49afcd;
- *background-color: #2f96b4;
- background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #5bc0de), to( #2f96b4));
- background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
- background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
- background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
- background-image: linear-gradient(top, #5bc0de, #2f96b4);
- background-repeat: repeat-x;
- border-color: #2f96b4 #2f96b4 #1f6377;
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
- filter: progid: dximagetransform.microsoft.gradient(startColorstr=' #5bc0de', endColorstr=' #2f96b4', GradientType=0);
- filter: progid: dximagetransform.microsoft.gradient(enabled=false)
- }
- .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
- background-color: #2f96b4;
- *background-color: #2a85a0
- }
- .btn-info:active, .btn-info.active {
- background-color: #24748c \9
- }
- .btn-inverse {
- background-color: #414141;
- *background-color: #222;
- background-image: -ms-linear-gradient(top, #555, #222);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #555), to( #222));
- background-image: -webkit-linear-gradient(top, #555, #222);
- background-image: -o-linear-gradient(top, #555, #222);
- background-image: -moz-linear-gradient(top, #555, #222);
- background-image: linear-gradient(top, #555, #222);
- background-repeat: repeat-x;
- border-color: #222 #222 #000;
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
- filter: progid: dximagetransform.microsoft.gradient(startColorstr=' #555555', endColorstr=' #222222', GradientType=0);
- filter: progid: dximagetransform.microsoft.gradient(enabled=false)
- }
- .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
- background-color: #222;
- *background-color: #151515
- }
- .btn-inverse:active, .btn-inverse.active {
- background-color: #080808 \9
- }
- button.btn, input[type="submit"].btn {
- *padding-top: 2px;
- *padding-bottom: 2px
- }
- button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner {
- padding: 0;
- border: 0
- }
- button.btn.btn-large, input[type="submit"].btn.btn-large {
- *padding-top: 7px;
- *padding-bottom: 7px
- }
- button.btn.btn-small, input[type="submit"].btn.btn-small {
- *padding-top: 3px;
- *padding-bottom: 3px
- }
- button.btn.btn-mini, input[type="submit"].btn.btn-mini {
- *padding-top: 1px;
- *padding-bottom: 1px
- }
- .btn-group {
- position: relative;
- *margin-left: .3em;
- *zoom: 1
- }
- .btn-group:before, .btn-group:after {
- display: table;
- content: ""
- }
- .btn-group:after {
- clear: both
- }
- .btn-group:first-child {
- *margin-left: 0
- }
- .btn-group+.btn-group {
- margin-left: 5px
- }
- .btn-toolbar {
- margin-top: 9px;
- margin-bottom: 9px
- }
- .btn-toolbar .btn-group {
- display: inline-block;
- *display: inline;
- *zoom: 1
- }
- .btn-group>.btn {
- position: relative;
- float: left;
- margin-left: -1px;
- -webkit-border-radius: 0;
- -moz-border-radius: 0;
- border-radius: 0
- }
- .btn-group>.btn:first-child {
- margin-left: 0;
- -webkit-border-bottom-left-radius: 4px;
- border-bottom-left-radius: 4px;
- -webkit-border-top-left-radius: 4px;
- border-top-left-radius: 4px;
- -moz-border-radius-bottomleft: 4px;
- -moz-border-radius-topleft: 4px
- }
- .btn-group>.btn:last-child, .btn-group>.dropdown-toggle {
- -webkit-border-top-right-radius: 4px;
- border-top-right-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- border-bottom-right-radius: 4px;
- -moz-border-radius-topright: 4px;
- -moz-border-radius-bottomright: 4px
- }
- .btn-group>.btn.large:first-child {
- margin-left: 0;
- -webkit-border-bottom-left-radius: 6px;
- border-bottom-left-radius: 6px;
- -webkit-border-top-left-radius: 6px;
- border-top-left-radius: 6px;
- -moz-border-radius-bottomleft: 6px;
- -moz-border-radius-topleft: 6px
- }
- .btn-group>.btn.large:last-child, .btn-group>.large.dropdown-toggle {
- -webkit-border-top-right-radius: 6px;
- border-top-right-radius: 6px;
- -webkit-border-bottom-right-radius: 6px;
- border-bottom-right-radius: 6px;
- -moz-border-radius-topright: 6px;
- -moz-border-radius-bottomright: 6px
- }
- .btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active, .btn-group>.btn.active {
- z-index: 2
- }
- .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
- outline: 0
- }
- .btn-group>.dropdown-toggle {
- *padding-top: 4px;
- padding-right: 8px;
- *padding-bottom: 4px;
- padding-left: 8px;
- -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
- -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
- box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
- }
- .btn-group>.btn-mini.dropdown-toggle {
- padding-right: 5px;
- padding-left: 5px
- }
- .btn-group>.btn-small.dropdown-toggle {
- *padding-top: 4px;
- *padding-bottom: 4px
- }
- .btn-group>.btn-large.dropdown-toggle {
- padding-right: 12px;
- padding-left: 12px
- }
- .btn-group.open .dropdown-toggle {
- background-image: none;
- -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
- -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
- box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
- }
- .btn-group.open .btn.dropdown-toggle {
- background-color: #e6e6e6
- }
- .btn-group.open .btn-primary.dropdown-toggle {
- background-color: #05c
- }
- .btn-group.open .btn-warning.dropdown-toggle {
- background-color: #f89406
- }
- .btn-group.open .btn-danger.dropdown-toggle {
- background-color: #bd362f
- }
- .btn-group.open .btn-success.dropdown-toggle {
- background-color: #51a351
- }
- .btn-group.open .btn-info.dropdown-toggle {
- background-color: #2f96b4
- }
- .btn-group.open .btn-inverse.dropdown-toggle {
- background-color: #222
- }
- .btn .caret {
- margin-top: 7px;
- margin-left: 0
- }
- .btn:hover .caret, .open.btn-group .caret {
- opacity: 1;
- filter: alpha(opacity=100)
- }
- .btn-mini .caret {
- margin-top: 5px
- }
- .btn-small .caret {
- margin-top: 6px
- }
- .btn-large .caret {
- margin-top: 6px;
- border-top-width: 5px;
- border-right-width: 5px;
- border-left-width: 5px
- }
- .dropup .btn-large .caret {
- border-top: 0;
- border-bottom: 5px solid #000
- }
- .btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret {
- border-top-color: #fff;
- border-bottom-color: #fff;
- opacity: .75;
- filter: alpha(opacity=75)
- }
- div.error_type {
- text-decoration: none;
- font-weight: bold;
- font-family: Verdana, sans-serif;
- padding: 10px;
- border: 1px solid #000000;
- background: orangered;
- color: #FFFFFF;
- }
- div.success_type {
- text-decoration: none;
- font-weight: bold;
- font-family: Verdana, sans-serif;
- padding: 10px;
- border: 1px solid #000000;
- background: green;
- color: #FFFFFF;
- }
- .admin {
- text-decoration: none;
- }
- a.admin {
- text-decoration: none;
- color: #000000;
- }
- #SocialLinkup {
- left: 6px;
- top: -25px;
- visibility: visible;
- display: block;
- }
- .SocialLinkupLogo {
- position: absolute;
- float: left;
- height: 15px;
- left: 9px;
- top: 2px;
- border: 0px;
- }
- #SocialLinkup .SubmenuitemLabel {
- padding-left: 30px;
- }
- select {
- padding: 5px;
- }
- body {
- margin: 0px;
- padding: 0px;
- background-color: #061222;
- }
- .TableHeadlineNavigation {
- margin-top: 4px;
- font-size: 8px;
- float: right;
- }
- .OptionContainer {
- text-align: center;
- }
- label {
- cursor: pointer;
- }
- .InputIndicator {
- position: relative;
- top: 5px;
- left: 218px;
- height: 12px;
- width: 12px;
- background-repeat: no-repeat;
- }
- * html .InputIndicator {
- left: 0px;
- }
- .sortarrow {
- width: 10px;
- height: 10px;
- }
- #ArtworkHelper {
- text-align: center;
- background-position: top center;
- background-attachment:scroll;
- background-repeat: no-repeat;
- width: 100%;
- height: 100%;
- min-width: 1000px;
- min-height: 800px;
- }
- #HeaderArtworkDiv {
- position: absolute;
- text-align: center;
- background-position: top center;
- background-attachment: scroll;
- background-repeat: no-repeat;
- top: 0px;
- height: 1070px;
- width: 100%;
- }
- * html #HeaderArtworkDiv {
- left: 0px;
- }
- /* container to implement min/max width */
- #Bodycontainer {
- text-align: left;
- min-width: 800px;
- max-width: 1300px;
- width: 85%;
- height: 100%;
- margin: 0px;
- margin-left: auto;
- margin-right: auto;
- padding: 10px;
- display: table;
- }
- #ContentRow {
- position: relative;
- top: 155px;
- }
- /* "star-HTML-hack" to correct the position of the content row */
- * html #ContentRow {
- display: inline-block;
- }
- #MenuColumn {
- position: absolute;
- left: 0px;
- top: 0px;
- width: 180px;
- margin-right: 15px;
- margin-left: 15px;
- padding: 0px;
- font-family: Arial, sans-serif;
- font-size: 10pt;
- font-weight: bold;
- line-height: 12pt;
- }
- #ContentColumn {
- position: relative;
- margin: 0px;
- margin-left: 205px;
- margin-right: 205px;
- }
- #ThemeboxesColumn {
- text-align: center;
- position: absolute;
- top: 0px;
- right: 0px;
- width: 180px;
- margin: 0px;
- margin-right: 15px;
- margin-left: 25px;
- }
- #Footer {
- font-family: Verdana, Arial, Times New Roman, sans-serif;
- font-size: 7pt;
- font-weight: normal;
- text-align: center;
- position: relative;
- width: 100%;
- padding-bottom: 20px;
- color: white;
- }
- * html #Footer {
- padding-bottom: 120px;
- margin-bottom: 50px;
- }
- /* Footer linkes */
- #Footer a:link { color: white; text-decoration: none; }
- #Footer a:visited { color: white; text-decoration: none; }
- #Footer a:focus { color: white; text-decoration: none; }
- #Footer a:active { color: white; text-decoration: underline; }
- #Footer a:hover { color: white; text-decoration: underline; }
- /** -------------------------------
- * Stylesheet declarations for the
- * HEADER AREA
- * -------------------------------
- */
- #LeftArtwork {
- position: absolute;
- height: 140px;
- width: 166px;
- top: -140px;
- left: 4px;
- background-repeat: no-repeat;
- z-index:5;
- }
- #LeftArtwork #TibiaLogoArtworkTop {
- position: absolute;
- top: -17px;
- left: -14px;
- height: 158px;
- width: 196px;
- z-index: 5;
- cursor: pointer;
- border: 0px;
- }
- #LeftArtwork #LogoLink {
- position: absolute;
- bottom: 14px;
- left: 58px;
- height: 14px;
- width: 50px;
- z-index: 99;
- cursor: pointer;
- }
- #RightArtwork {
- text-align: left;
- position: absolute;
- top: -1px;
- right: 24px;
- width: 132px;
- background-repeat: no-repeat;
- z-index: 90;
- }
- #RightArtwork #Monster {
- position: absolute;
- height: 80px;
- width: 80px;
- top: -137px;
- left: 8px;
- z-index: 15;
- cursor: pointer;
- }
- #PedestalAndOnline {
- position: absolute;
- left: -10px;
- top: -105px;
- width: 153px;
- height: 107px;
- }
- #RightArtwork #PlayersOnline {
- font-family : Verdana, Arial, Times New Roman, sans-serif;
- font-size: 7pt;
- line-height: 8pt;
- text-align: center;
- position: absolute;
- width: 92px;
- bottom: 12px;
- left: 21px;
- color: #cfa600;
- cursor: pointer;
- }
- /** -------------------------------
- * Stylesheet declarations for the
- * LOGINBOX
- * -------------------------------
- */
- #Loginbox {
- position: relative;
- left: 5px;
- top: 8px;
- width: 100%;
- margin-bottom: 42px;
- background-repeat: no-repeat;
- }
- #Loginbox #LoginTop {
- position: absolute;
- left: -5px;
- top: -12px;
- height: 12px;
- width: 180px;
- background-repeat: no-repeat;
- }
- #Loginbox #LoginBottom {
- position: absolute;
- top: 52px;
- left: -5px;
- height: 12px;
- width: 180px;
- background-repeat: no-repeat;
- }
- #Loginbox .LoginBorder {
- position: absolute;
- top: 0px;
- height: 52px;
- width: 8px;
- background-repeat: repeat-y;
- z-index: 10;
- }
- #Loginbox #BorderRight {
- right: 9px;
- }
- #Loginbox .Loginstatus {
- position: relative;
- top: 0px;
- left: 5px;
- height: 13px;
- width: 160px;
- }
- #Loginbox .LoginstatusText {
- position: absolute;
- top: 1px;
- left: 18px;
- width: 124px;
- height: 11px;
- cursor: pointer;
- }
- #Loginbox #LoginstatusText_1 {
- visibility: visible;
- }
- #Loginbox #LoginstatusText_2 {
- visibility: hidden;
- }
- #LoginBox #LoginButtonContainer {
- position: relative;
- height: 39px;
- width: 160px;
- left: 5px;
- background-repeat: repeat-y;
- }
- #PlayNowContainer {
- position: absolute;
- width: 150px;
- height: 37px;
- top: 1px;
- left: 5px;
- z-index: 99;
- }
- #PlayNowContainer form {
- margin: 0px;
- padding: 0px;
- border: 0px;
- }
- .BigBoldText {
- font-weight: bold;
- font-size: 14pt;
- }
- /** -------------------------------
- * Stylesheet declarations for the
- * MENU
- * -------------------------------
- */
- #Menu {
- position: relative;
- left: 5px;
- top: -17px;
- background-repeat: no-repeat;
- }
- #MenuTop {
- position: absolute;
- left: -5px;
- top: -12px;
- height: 12px;
- width: 180px;
- background-repeat: no-repeat;
- }
- #MenuBottom {
- position: relative;
- left: -5px;
- bottom: 0px;
- height: 12px;
- width: 180px;
- background-repeat: no-repeat;
- }
- /* Menuitems */
- .MenuButton {
- position: relative;
- height: 32px;
- width: 170px;
- display: block;
- cursor: pointer;
- }
- .Button {
- position: relative;
- height: 32px;
- width: 170px;
- visibility: hidden;
- display: block;
- }
- .Extend {
- position: absolute;
- top: 20px;
- right: -2px;
- height: 12px;
- width: 12px;
- background-repeat: no-repeat;
- }
- .Lights {
- visibility: hidden;
- }
- .Light_lu {
- position: absolute;
- top: 2px;
- left: 3px;
- height: 2px;
- width: 2px;
- background-repeat: no-repeat;
- }
- .Light_ru {
- position: absolute;
- top: 2px;
- right: 3px;
- height: 2px;
- width: 2px;
- background-repeat: no-repeat;
- }
- .Light_ld {
- position: absolute;
- height: 2px;
- width: 2px;
- top: 28px;
- left: 3px;
- }
- .Icon {
- position: absolute;
- height: 32px;
- width: 32px;
- top: 0px;
- left: 8px;
- }
- .Label {
- position: absolute;
- height: 22px;
- width: 116px;
- top: 6px;
- left: 42px;
- }
- /* Submenus(items) */
- .LeftChain {
- position: absolute;
- top: 0px;
- left: -5px;
- height: 33px;
- width: 7px;
- background-repeat: repeat-y;
- }
- .RightChain {
- position: absolute;
- top: 0px;
- right: -4px;
- height: 33px;
- width: 7px;
- background-repeat: repeat-y;
- }
- .Submenu {
- position: relative;
- margin-left: 5px;
- margin-right: 5px;
- background-color: #0D2E2B;
- width: 160px;
- }
- .Submenuitem {
- position: relative;
- margin: 0px;
- padding: 0px;
- }
- .ActiveSubmenuItemIcon {
- position: absolute;
- top: 5px;
- left: 3px;
- width: 10px;
- height: 10px;
- background-repeat: no-repeat;
- visibility: hidden;
- }
- .SubmenuitemLabel {
- margin: 0px;
- border-top: 0;
- padding-top: 2px;
- padding-bottom: 2px;
- padding-left: 15px;
- border-bottom: 1px solid #4b7874;
- overflow: hidden;
- }
- /* Submenu links */
- .Submenu a:link { color: #d7d7d7; text-decoration: none; }
- .Submenu a:visited { color: #d7d7d7; text-decoration: none; }
- .Submenu a:focus { color: #d7d7d7; text-decoration: none; }
- .Submenu a:active { color: white; text-decoration: none; }
- .Submenu a:hover { color: white; text-decoration: none; }
- /** -------------------------------
- * Stylesheet declarations for the
- * CONTENT AREA
- * -------------------------------
- */
- .Content .BoxContent {
- padding: 10px;
- }
- /* "tanhack" for correction of IE bug */
- * html .Content {
- top: -5px;
- }
- .Content {
- position: relative;
- top: 0px;
- width: 100%;
- }
- /* "star-HTML-hack" to correct the position of the content area */
- * html .Content {
- position: relative;
- top: 796px;
- margin: 20px;
- border: 0px dashed #061222;
- border-right-width: 550px;
- }
- #ContentHelper {
- position: relative;
- }
- /* "star-HTML-hack" to to implement min-width in IE */
- * html #ContentHelper {
- display: inline-block;
- position: relative;
- top: -800px;
- margin: -20px;
- margin-right: -570px;
- }
- .Content .Box {
- font-size: 0pt;
- position: relative;
- margin: 5px;
- margin-bottom: 18px;
- color: #5A2800;
- border-left: 2px solid #3a3738;
- border-right: 2px solid #3a3738;
- background-color: #debb9d;
- background-repeat: no-repeat;
- overflow: visible;
- }
- .Content .BoxContent {
- font-family: Verdana, Arial, Times New Roman, sans-serif;
- font-size: 9pt;
- background-color: #FFF2db;
- color: #5A2800;
- min-height: 395px;
- height: auto !important;
- height: 415px;
- }
- /* "star-HTML-hack" to correct Box width in IE */
- * html .Content .Box {
- width: 100%;
- }
- /* "star-HTML-hack" to correct BoxContent width in IE */
- * html .Content .BoxContent {
- width: 100%;
- }
- .Content th {
- font-family: Verdana, Arial, Times New Roman, sans-serif;
- font-size: 10pt;
- font-weight: bold;
- text-align: left;
- color: white;
- background-color: #505050;
- }
- .Content .BoxContent td {
- font-family: Verdana, Arial, Times New Roman, sans-serif;
- font-size: 10pt;
- color: #5A2800;
- }
- /* Content Links */
- .Content a {
- font-family: Verdana, Arial, Times New Roman, sans-serif;
- font-weight: bold;
- color: #004294;
- text-decoration: none;
- }
- .Content a:hover {
- font-family: Verdana, Arial, Times New Roman, sans-serif;
- font-weight: bold;
- text-decoration: underline;
- color: #0063DC;
- }
- .Content .HelpLink {
- font-size: 7pt;
- cursor: pointer;
- }
- /* Corners */
- .Content .Corner-tl {
- position: absolute;
- top: -4px;
- left: -5px;
- width: 17px;
- height: 17px;
- z-index: 50;
- }
- .Content .Corner-tr {
- position: absolute;
- top: -4px;
- right: -5px;
- width: 17px;
- height: 17px;
- z-index: 50;
- }
- .Content .BottomCornersHelper {
- position: absolute;
- width: 100%;
- }
- .Content .CornerWrapper-b {
- position: absolute;
- width:100%;
- }
- .Content .Corner-bl {
- position: absolute;
- bottom: -4px;
- left: -6px;
- width: 17px;
- height: 17px;
- z-index: 50;
- }
- .Content .Corner-br {
- position: absolute;
- bottom: -4px;
- right: -6px;
- width: 17px;
- height: 17px;
- z-index: 50;
- }
- /* Borders */
- .Content .Border_1 {
- position: relative;
- height: 6px;
- width: 100%;
- background-repeat: repeat-x;
- }
- .Content .BorderTitleText {
- position: relative;
- height: 24px;
- background-repeat: repeat-x;
- }
- .Content .Title {
- position: absolute;
- top: 6px;
- left: 5px;
- }
- .Content .Border_2 {
- margin: 4px;
- padding: 0px;
- background-color: #793d03;
- }
- .Content .Border_3 {
- margin: 1px;
- border-top: 1px solid #793d03;
- border-bottom: 1px solid #793d03;
- }
- /** -------------------------------
- * Stylesheet declarations for the
- * THEMEBOXES of the Tibia
- * website
- * -------------------------------
- */
- .Themebox {
- position: relative;
- margin-bottom: 10px;
- top: -4px;
- width: 180px;
- height: 154px;
- }
- #Themeboxes div {
- font-size: 10pt;
- background-repeat: no-repeat;
- }
- #Themeboxes .ThemeboxButton {
- position: absolute;
- bottom: 20px;
- left: 22px;
- height: 25px;
- width: 137px;
- cursor: pointer;
- }
- #Themeboxes .Bottom {
- position: absolute;
- bottom: 0px;
- left: 0px;
- height: 12px;
- width: 180px;
- }
- /* "star-HTML-hack" to correct the position of the bottom element */
- * html #Themeboxes .Bottom {
- bottom: -3px;
- }
- #Themeboxes #PremiumBox {
- height: 164px;
- }
- #Themeboxes #ScreenshotBox #ScreenshotContent {
- position: relative;
- height: 111px;
- width: 170px;
- top: 31px;
- left: 0px;
- margin-left: 5px;
- margin-right: 5px;
- border: 0;
- cursor: pointer;
- }
- #Themeboxes #CurrentPollBox #CurrentPollText {
- font-family: Verdana, Arial, sans-serif;
- font-weight: bold;
- line-height: 11pt;
- color: #5A2800;
- position: absolute;
- #height: 70px;
- width: 150px;
- top: 37px;
- left: 15px;
- padding-top: 5px;
- overflow: hidden;
- }
- #Themeboxes #SkyscraperBanner {
- border: 0;
- }
- #Themeboxes #FansiteBox {
- position: relative;
- height: 188px;
- text-align: center;
- }
- #Themeboxes #FansiteLogoFrame {
- position: relative;
- top: 31px;
- width: 180;
- height: 145px;
- }
- #Themeboxes #FansiteLogo {
- position: relative;
- height: 100px;
- width: 150px;
- top: 8px;
- border: 0;
- cursor: pointer;
- }
- #Themeboxes #FansiteBox .ThemeboxButton {
- bottom: 19px;
- }
- #Themeboxes #NetworksBox {
- position: relative;
- height: 204px;
- }
- #Themeboxes #NetworksBox #FacebookBlock {
- position: relative;
- top: 32px;
- height: 113px;
- }
- #Themeboxes #NetworksBox #FacebookLikeBox {
- position: relative;
- left: 14px;
- top: 6px;
- height: 70px;
- width: 152px;
- overflow: hidden;
- }
- #Themeboxes #NetworksBox #FacebookLikeBox div {
- position: relative;
- left: -1px;
- top: -1px;
- }
- #Themeboxes #NetworksBox #FacebookSendBox {
- position: absolute;
- left: 81px;
- top: 17px;
- width: 50px;
- }
- #Themeboxes #NetworksBox #FacebookLikes {
- position: relative;
- left: 13px;
- top: 10px;
- width: 155px;
- left: 13px;
- overflow: hidden;
- }
- #Themeboxes #NetworksBox #FacebookLikes div {
- position: relative;
- left: -52px;
- }
- #Themeboxes #NetworksBox #TwitterBlock {
- display: none;
- position: relative;
- top: 42px;
- text-align: center;
- }
- /** -------------------------------
- * OLD Stylesheet declarations for
- * the CONTENT AREA
- * -------------------------------
- */
- .Content .BoxContent td .white {
- color: #EFEFEF;
- visibility: visible;
- }
- .Content .BoxContent td .whites {
- color: #EFEFEF;
- visibility: visible;
- font-size: 9pt;
- }
- .Content .BoxContent .white {
- color : #EFEFEF;
- visibility : visible;
- }
- .Content .BoxContent td .green {
- color : #00BF00;
- }
- .Content .BoxContent td .yellow {
- color : #FFBB05;
- }
- .Content .BoxContent td .red {
- color : #EF0000;
- }
- .Content .BoxContent td .grey {
- color : #808080;
- }
- /** -------------------------------
- * OLD Stylesheet declarations for
- * the CONTENT AREA (forum)
- * -------------------------------
- */
- .Content .BoxContent .ff_info {
- font-family : Verdana, Arial, Times New Roman, sans-serif;
- font-size : 10pt;
- color : #5A2800;
- visibility : visible;
- }
- .Content .ff_white a {
- color: #FFFFFF;
- }
- .Content .BoxContent .ff_white {
- font-family : Verdana, Arial, Times New Roman, sans-serif;
- color : #EFEFEF;
- visibility : visible;
- font-size : 7pt;
- font-weight: bold;
- }
- .Content .BoxContent .ff_red {
- font-family : Verdana, Arial, Times New Roman, sans-serif;
- color : #EF0000;
- visibility : visible;
- font-size : 8pt;
- font-weight: bold;
- }
- .Content .BoxContent .ff_whitelarge {
- font-family : Verdana, Arial, Times New Roman, sans-serif;
- color : #EFEFEF;
- visibility : visible;
- font-size : 9pt;
- font-weight: bold;
- }
- .Content .BoxContent .ff_info {
- font-family : Verdana, Arial, Times New Roman, sans-serif;
- font-size : 8pt;
- color : #5A2800;
- visibility : visible;
- }
- .Content .BoxContent .ff_infotext {
- font-family : Verdana, Arial, Times New Roman, sans-serif;
- font-size : 8pt;
- color : #5A2800;
- visibility : visible;
- line-height: 12pt;
- }
- .Content .BoxContent .ff_smallinfo {
- font-family : Verdana, Arial, Times New Roman, sans-serif;
- font-size : 7pt;
- color : #5A2800;
- visibility : visible;
- }
- .Content .BoxContent .ff_large {
- font-family : Verdana, Arial, Times New Roman, sans-serif;
- font-size : 12pt;
- color : #5A2800;
- visibility : visible;
- }
- .Content .BoxContent .ff_pagetext {
- font-family : Verdana, Arial, Times New Roman, sans-serif;
- font-size : 9pt;
- color : #5A2800;
- visibility : visible;
- line-height: 13pt;
- }
- .Content .BoxContent .ff_pagetextgrey {
- font-family : Verdana, Arial, Times New Roman, sans-serif;
- font-size : 9pt;
- color : #505050;
- visibility : visible;
- line-height: 13pt;
- }
- .Content .BoxContent .ff_pagetextred {
- font-family : Verdana, Arial, Times New Roman, sans-serif;
- font-size : 9pt;
- color : #F00;
- visibility : visible;
- line-height: 13pt;
- }
- .Content .BoxContent .ff_correct {
- font-family : Verdana, Arial, Times New Roman, sans-serif;
- font-size : 11pt;
- color : #FF0000;
- visibility : visible;
- font-weight: bold;
- }
- /** --------------------------------------
- * ### not final versions for tests
- * ### concerning the new payment process
- * --------------------------------------
- */
- /* new error handling concept tests */
- .FormFieldError {
- font-size: 8pt;
- color: red;
- }
- .SmallBox {
- position: relative;
- font-size: 1px;
- }
- .SmallBox .ErrorMessage {
- font-size: 8pt;
- position: relative;
- color: red;
- height: 100%;
- background-color: #d4c0a1;
- padding: 5px;
- padding-left: 43px;
- }
- .SmallBox .Message {
- font-size: 10pt;
- position: relative;
- height: 100%;
- background-color: #d4c0a1;
- padding: 10px;
- }
- .SmallBox .ErrorMessage ul {
- padding-left: 15px;
- }
- .SmallBox .BoxFrameHorizontal {
- position: relative;
- height: 4px;
- }
- .SmallBox .BoxFrameVerticalRight {
- position: absolute;
- right: 0px;
- top: 0px;
- width: 3px;
- background-repeat: repeat-y;
- height: 100%;
- }
- .SmallBox .BoxFrameVerticalLeft {
- position: absolute;
- left: 0px;
- top: 0px;
- width: 3px;
- background-repeat: repeat-y;
- height: 100%;
- }
- .SmallBox .MessageContainer {
- position: relative;
- height: 100%;
- }
- .SmallBox .BoxFrameEdgeLeftTop {
- position: absolute;
- left: -1px;
- top: -1px;
- width: 5px;
- height: 5px;
- }
- .SmallBox .BoxFrameEdgeLeftBottom {
- position: absolute;
- left: -1px;
- bottom: -1px;
- width: 5px;
- height: 5px;
- }
- .SmallBox .BoxFrameEdgeRightTop {
- position: absolute;
- right: -1px;
- top: -1px;
- width: 5px;
- height: 5px;
- }
- .SmallBox .BoxFrameEdgeRightBottom {
- position: absolute;
- right: -1px;
- bottom: -1px;
- width: 5px;
- height: 5px;
- }
- .SmallBox .AttentionSign {
- position: absolute;
- top: 3px;
- left: 8px;
- width: 30px;
- height: 26px;
- }
- /** ---------------------------------
- * ### not finished versions for the
- * ### payment process PROGRESS BAR
- * ---------------------------------
- */
- #ProgressBar #Headline {
- text-align: center;
- font-size: 12pt;
- font-weight: bold;
- margin-bottom: 5px;
- }
- #ProgressBar #MainContainer {
- position: relative;
- top: 10px;
- height: 50px;
- margin-bottom: 25px;
- }
- #ProgressBar #BackgroundContainer {
- position: relative;
- width: 100%;
- }
- #ProgressBar #BackgroundContainerLeftEnd {
- position: absolute;
- float: left;
- }
- #ProgressBar #BackgroundContainerCenter {
- position: absolute;
- left: 0px;
- top: 0px;
- height: 17px;
- width: 100%;
- }
- #ProgressBar #BackgroundContainerCenterImage {
- position: relative;
- margin-left: 25px;
- margin-right: 25px;
- height: 17px;
- }
- #ProgressBar #BackgroundContainerRightEnd {
- position: absolute;
- right: 0px;
- top: 0px;
- float: right;
- }
- #ProgressBar #TubeLeftEnd {
- position: absolute;
- left: 25px;
- top: 4px;
- }
- #ProgressBar #TubeRightEnd {
- position: absolute;
- right: 25px;
- top: 4px;
- z-index: 0;
- }
- #ProgressBar .Steps {
- position: relative;
- height: 39px;
- font-size: 9px;
- float: left;
- top: -11px;
- margin-left: -1px;
- }
- #ProgressBar #StepsContainer1 {
- text-align: right;
- margin-left: 92px;
- margin-right: 40px;
- height: 10px;
- }
- #ProgressBar #StepsContainer2 {
- width: 100%;
- height: 10px;
- }
- #ProgressBar .TubeContainer {
- position: relative;
- padding-right: 47px;
- }
- #ProgressBar .Tube {
- position: relative;
- top: 16px;
- left: 0px;
- width: 100%;
- height: 7px;
- background: #FFFFFF none repeat scroll 0%;
- }
- * html #ProgressBar .Tube {
- top: 13px;
- }
- #ProgressBar .SingleStepContainer {
- position: absolute;
- top: 0px;
- width: 47px;
- height: 30px;
- right: 0px;
- text-align: center;
- }
- #ProgressBar #FirstStep .SingleStepContainer {
- left: 45px;
- width: 47px;
- position: absolute;
- }
- #ProgressBar .StepIcon {
- position: absolute;
- right: 0px;
- }
- * html #ProgressBar .StepIcon {
- right: -1px;
- }
- #ProgressBar #FirstStep .StepIcon {
- top: 0px;
- left: 0px;
- }
- #ProgressBar .StepText {
- top: 40px;
- position: absolute;
- width: 200px;
- right: -77px;
- }
- /** -------------------------------
- * Stylesheet declarations for the
- * NEW TABLES
- * -------------------------------
- */
- .TableContainer {
- border: 1px solid black;
- position: relative;
- width: 100%;
- font-size: 1px;
- }
- .TableContainer .Odd {
- background-color: #f1e0c6;
- }
- .TableContainer .Even {
- background-color: #d5c0a1;
- }
- /* TABLEHEADER DECORATION */
- .TableContainer .CaptionContainer {
- position: relative;
- font-size: 1pt;
- background-color: #5f4d41 !important;
- height: 100%;
- width: 100%;
- text-align: left;
- }
- .TableContainer .CaptionContainer .CaptionInnerContainer {
- position: relative;
- background-color: #5f4d41;
- width: 100%;
- height: 100%;
- padding-top: 3px;
- padding-bottom: 4px;
- }
- .TableContainer .CaptionContainer .Text {
- font-family: Verdana, Arial, Times New Roman, sans-serif;
- font-size: 10pt;
- font-weight: bold;
- text-align: left;
- color: white;
- padding-left: 10px;
- padding-top: 0px;
- margin: 3px;
- padding-bottom: 0px;
- }
- .TableContainer .CaptionContainer .CaptionEdgeLeftTop {
- position: absolute;
- width: 5px;
- height: 5px;
- top: -2px;
- left: -2px;
- z-index: 50;
- }
- .TableContainer .CaptionContainer .CaptionEdgeRightTop {
- position: absolute;
- width: 5px;
- height: 5px;
- top: -2px;
- right: -2px;
- z-index: 50;
- }
- .TableContainer .CaptionContainer .CaptionEdgeLeftBottom {
- position: absolute;
- width: 5px;
- height: 5px;
- left: -2px;
- bottom: -3px;
- z-index: 50;
- }
- .TableContainer .CaptionContainer .CaptionEdgeRightBottom {
- position: absolute;
- width: 5px;
- height: 5px;
- right: -2px;
- bottom: -3px;
- z-index: 50;
- }
- .TableContainer .CaptionContainer .CaptionBorderTop {
- position: absolute;
- width: 100%;
- height: 4px;
- left: 0px;
- top: -1px;
- }
- .TableContainer .CaptionContainer .CaptionBorderBottom {
- position: absolute;
- width: 100%;
- height: 4px;
- left: 0px;
- bottom: -2px;
- }
- .TableContainer .CaptionContainer .CaptionVerticalLeft {
- position: absolute;
- height: 100%;
- width: 3px;
- left: -1px;
- top: 0px;
- }
- .TableContainer .CaptionContainer .CaptionVerticalRight {
- position: absolute;
- height: 100%;
- width: 3px;
- right: -1px;
- top: 0px;
- }
- * html .TableContainer .CaptionContainer .CaptionEdgeRightTop {
- right: -3px;
- }
- * html .TableContainer .CaptionContainer .CaptionEdgeLeftBottom {
- bottom: -4px;
- }
- * html .TableContainer .CaptionContainer .CaptionEdgeRightBottom {
- right: -3px;
- bottom: -4px;
- }
- * html .TableContainer .CaptionContainer .CaptionBorderBottom {
- bottom: -3;
- }
- * html .TableContainer .CaptionContainer .CaptionVerticalRight {
- right: -2px;
- }
- /* TABLE CONTENT */
- .TableContentContainer {
- border: 1px solid #5F4D41;
- position: relative;
- margin-right: 4px;
- height: 100%;
- background-color: #d4c0a1;
- padding: 0px;
- }
- .TableContent {
- width: 100%;
- border-collapse: collapse;
- }
- .TableContent td {
- padding-left: 5px;
- padding-top: 2px;
- padding-right: 5px;
- padding-bottom: 2px;
- }
- /* INNERLYOUT 1 */
- .TableContainer .Table1 {
- width: 100%;
- background-color: #d4c0a1;
- border: 2px solid #55636c;
- }
- .TableContainer .Table1 .InnerTableContainer {
- padding: 5px;
- }
- /* INNERLYOUT 2 */
- .TableContainer .Table2 {
- width: 100%;
- border: 2px solid #55636c;
- background-color: #f1e0c5;
- padding: 0px;
- margin: 0px;
- border-collapse: collapse;
- }
- .TableContainer .Table2 td {
- padding: 0px;
- margin: 0px;
- }
- .TableContainer .Table2 .InnerTableContainer {
- margin-top: 1px;
- }
- .TableContainer .Table2 .InnerTableContainer table {
- border-collapse: collapse;
- }
- .TableContainer .Table2 .InnerTableContainer td {
- padding-top: 2px;
- padding-left: 5px;
- padding-bottom: 2px;
- padding-right: 5px;
- border: 1px solid #faf0d7;
- }
- /* INNERLYOUT 3 */
- .TableContainer .Table3 {
- width: 100%;
- border: 2px solid #55636c;
- background-color: #f1e0c5;
- }
- .TableContainer .Table3 .InnerTableContainer {
- width: 100%;
- position: relative;
- margin-top: 5px;
- margin-left: 3px;
- }
- .TableContainer .Table3 .TableContentAndRightShadow td {
- border: 1px solid #faf0d7;
- }
- /* INNERLYOUT 4 */
- .TableContainer .Table4 {
- width: 100%;
- border: 2px solid #55636c;
- background-color: #f1e0c5;
- }
- .TableContainer .Table4 .InnerTableContainer {
- width: 100%;
- position: relative;
- margin-top: 3px;
- }
- .TableContainer .Table4 .TableContentAndRightShadow .TableContent td {
- padding-left: 4px;
- padding-top: 2px;
- padding-bottom: 2px;
- }
- /* INNERLYOUT 5 */
- .TableContainer .Table5 {
- width: 100%;
- border: 2px solid #55636c;
- background-color: #f1e0c5;
- }
- .TableContainer .Table5 .InnerTableContainer {
- width: 100%;
- position: relative;
- margin-top: 5px;
- margin-left: 3px;
- }
- .TableContainer .Table5 .TableContentAndRightShadow .TableContent td {
- padding-left: 4px;
- padding-top: 2px;
- padding-bottom: 2px;
- }
- /* SHADOWS */
- .TableShadowContainerRightTop {
- position: relative;
- top: 0px;
- right: 3px;
- margin-right: 0px;
- font-size: 1px;
- float: right;
- z-index: 99;
- }
- .TableShadowRightTop {
- position: absolute;
- top: 0px;
- right: 0px;
- width: 4px;
- height: 5px;
- z-index: 99;
- }
- .TableContentAndRightShadow {
- position: relative;
- background-repeat: repeat-y;
- background-position: top right;
- margin-right: 3px;
- font-size: 1px;
- }
- .TableShadowContainer {
- position: relative;
- widht: 100%;
- margin-right: 5px;
- }
- .TableBottomShadow {
- position: relative;
- font-size: 1px;
- height: 5px;
- width: 100%;
- padding: 0px;
- margin: 0px;
- }
- .TableBottomLeftShadow {
- position: relative;
- height: 5px;
- width: 4px;
- float: left;
- padding: 0px;
- margin: 0px;
- }
- .TableBottomRightShadow {
- position: relative;
- float: right;
- right: -2px;
- top: 0px;
- height: 5px;
- width: 4px;
- }
- /* LABELS */
- .LabelV {
- font-weight: bold;
- padding-right: 10px;
- white-space: nowrap;
- vertical-align: top;
- }
- .LabelH {
- font-weight: bold;
- padding-right: 10px;
- white-space: nowrap;
- background-color: #d5c0a1;
- }
- .LabelH td {
- background-color: #d5c0a1;
- padding-left: 5px;
- padding-top: 2px;
- padding-right: 5px;
- padding-bottom: 2px;
- }
- /* BUTTONS */
- .InnerTableButtonRow {
- width: 100%;
- padding-left: 1px;
- padding-right: 0px;
- padding-bottom: 4px;
- border: 0px;
- }
- .InnerTableButtonRow td {
- padding-right: 4px;
- }
- .BigButton {
- position: relative;
- width: 135px;
- height: 25px;
- z-index: 10;
- }
- .BigButtonOver {
- position: absolute;
- top: 0px;
- left: 0px;
- width: 137px;
- height: 25px;
- visibility: hidden;
- z-index: 15;
- }
- .ButtonText {
- position: absolute;
- top: 0px;
- left: 0px;
- height: 25px;
- width: 135px;
- z-index: 20;
- }
- .TopButtonContainer {
- position: relative;
- right: 4px;
- top: 4px;
- z-index: 60;
- }
- * html .TopButtonContainer {
- right: 27px;
- }
- .TopButtonContainer .TopButton {
- position: absolute;
- right: 0px;
- z-index: 55;
- }
- .Content .BoxContent .Odd {
- background-color: #D4C0A1;
- padding: 2px;
- }
- .Content .BoxContent .Even {
- background-color: #F1E0C6;
- padding: 2px;
- }
- .Content .NewsCategoryIconSmall {
- position: absolute;
- top: 1px;
- left: 1px;
- height: 16px;
- width: 16px;
- background-repeat: no-repeat;
- }
- .Content .BoxContent .Odd {
- background-color: #D4C0A1;
- padding: 2px;
- }
- .Content .BoxContent .Even {
- background-color: #F1E0C6;
- padding: 2px;
- }
- .Content .NewsCategoryIconSmall {
- position: absolute;
- top: 1px;
- left: 1px;
- height: 16px;
- width: 16px;
- background-repeat: no-repeat;
- }
- .Content .BoxContent .Odd {
- background-color: #D4C0A1;
- padding: 2px;
- }
- .Content .BoxContent .Even {
- background-color: #F1E0C6;
- padding: 2px;
- }
- .Content .NewsCategoryIconSmall {
- position: absolute;
- top: 1px;
- left: 1px;
- height: 16px;
- width: 16px;
- background-repeat: no-repeat;
- }
- /* News Ticker */
- .Content #NewsTicker .BoxContent {
- padding: 5px;
- min-height: 90px;
- height: auto !important;
- height: 100px;
- }
- .Content #NewsTicker .BoxContent .Row {
- position: relative;
- width: 100%;
- }
- .Content #NewsTicker .NewsTickerIcon {
- position: absolute;
- top: 1px;
- left: 1px;
- height: 16px;
- width: 16px;
- background-repeat: no-repeat;
- }
- .Content #NewsTicker .NewsTickerText {
- font-size: 9pt;
- position: relative;
- margin-left: 20px;
- }
- .Content #NewsTicker .NewsTickerDate {
- font-size: 7pt;
- position: absolute;
- top: 0px;
- float: left;
- }
- .Content #NewsTicker .NewsTickerShortText {
- margin-left: 85px;
- height: 14px;
- }
- .Content #NewsTicker .NewsTickerFullText {
- margin-left: 85px;
- margin-right: 20px;
- display: none;
- }
- .Content #NewsTicker .NewsTickerExtend {
- position: relative;
- right: 0px;
- top: 1px;
- right: 1px;
- height: 12px;
- width: 12px;
- background-repeat: no-repeat;
- float: right;
- cursor: pointer;
- z-index: 10;
- }
- .Content .NewsHeadlineBackground {
- position: relative;
- height: 28px;
- margin-bottom: 5px;
- background-repeat: repeat-x;
- border-left: 1px solid #000000;
- border-right: 1px solid #000000;
- }
- .Content .NewsHeadlineIcon {
- position: absolute;
- top: -1px;
- left: 0px;
- margin-left: 5px;
- margin-right: 5px;
- }
- .Content .NewsHeadlineDate {
- font-size: 7pt;
- position: absolute;
- top: 10px;
- left: 50px;
- width: 85px;
- color: white;
- }
- .Content .NewsHeadlineText {
- position: relative;
- top: 7px;
- left: 135px;
- font-size: 10pt;
- font-weight: bold;
- color: white;
- }
- /* Featured Article */
- .error, .notice, .success {
- border: 1px solid #DDD;
- margin-bottom: 1em;
- padding: 0.6em 0.8em;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- }
- .error {
- background: #FBE3E4;
- color: #8A1F11;
- border-color: #FBC2C4;
- }
- .error a {
- color: #8A1F11;
- }
- .notice {
- background: #FFF6BF;
- color: #514721;
- border-color: #FFD324;
- }
- .notice a {
- color: #514721;
- }
- .success {
- background: #E6EFC2;
- color: #264409;
- border-color: #C6D880;
- }
- .success a {color: #264409;}
- .Content #FeaturedArticle .BoxContent {
- position:relative;
- height: 100px;
- padding: 5px;
- padding-left: 10px;
- min-height: 100px;
- height: auto !important;
- height: 110px;
- line-height: 10.5pt;
- }
- .Content #FeaturedArticle #TeaserThumbnail {
- position: relative;
- top: 0px;
- right: 0px;
- height: 100px;
- width: 150px;
- margin-left: 10px;
- background-color: black;
- z-index: 90;
- float: left;
- }
- #ContentHelper #FeaturedArticle:first-child .BoxContent {
- padding: 10px;
- }
- .Content #FeaturedArticle #TeaserText {
- height: 100px;
- overflow: hidden;
- z-index: 0;
- }
- .Content #FeaturedArticle #Link {
- position: absolute;
- top: 0px;
- right: 0px;
- margin: 89 165 0 0;
- z-index: 99;
- }
- .Content #FeaturedArticle .NewsHeadlineBackground {
- position: relative;
- height: 28px;
- margin-bottom: 5px;
- background-repeat: repeat-x;
- border-left: 1px solid #000000;
- border-right: 1px solid #000000;
- }
- .Content #FeaturedArticle .NewsHeadlineIcon {
- position: absolute;
- top: -1px;
- left: 0px;
- margin-left: 5px;
- margin-right: 5px;
- float:left;
- }
- .Content #FeaturedArticle .NewsHeadlineDate {
- font-size: 7pt;
- position: absolute;
- top: 9px;
- left: 50px;
- width: 85px;
- color: white;
- }
- .Content #FeaturedArticle .NewsHeadlineText {
- position: relative;
- top: 8px;
- left: 135px;
- font-size: 10pt;
- font-weight: bold;
- color: white;
- }
- /* News */
- .Content #News .BoxContent {
- min-height: 100px;
- height: auto !important;
- height: 110px;
- }
- .Content #News .NewsHeadlineBackground {
- position: relative;
- height: 28px;
- margin-bottom: 5px;
- background-repeat: repeat-x;
- border-left: 1px solid #000000;
- border-right: 1px solid #000000;
- }
- .Content #News .NewsHeadlineIcon {
- position: absolute;
- top: -1px;
- left: 0px;
- margin-left: 5px;
- margin-right: 5px;
- }
- .Content #News .NewsHeadlineDate {
- font-size: 7pt;
- position: absolute;
- top: 10px;
- left: 50px;
- width: 85px;
- color: white;
- }
- .Content #News .NewsHeadlineText {
- position: relative;
- top: 7px;
- left: 135px;
- font-size: 10pt;
- font-weight: bold;
- color: white;
- }
- /* News Archive */
- .Content #NewsArchive .NewsHeadlineBackground {
- position: relative;
- height: 28px;
- margin-bottom: 5px;
- background-repeat: repeat-x;
- border-left: 1px solid #000000;
- border-right: 1px solid #000000;
- }
- .Content #NewsArchive .NewsHeadlineIcon {
- position: absolute;
- top: -1px;
- left: 0px;
- margin-left: 5px;
- margin-right: 5px;
- }
- .Content #NewsArchive .NewsHeadlineDate {
- font-size: 7pt;
- position: absolute;
- top: 9px;
- left: 50px;
- width: 85px;
- color: white;
- }
- .Content #NewsArchive .NewsHeadlineText {
- position: relative;
- top: 7px;
- left: 135px;
- font-size: 10pt;
- font-weight: bold;
- color: white;
- }
- /* BUTTONS */
- .InnerTableButtonRow {
- width: 100%;
- padding-left: 1px;
- padding-right: 0px;
- padding-bottom: 4px;
- border: 0px;
- }
- .InnerTableButtonRow td {
- padding-right: 4px;
- }
- .MediumButtonText {
- position: absolute;
- top: 0px;
- left: 0px;
- height: 37px;
- width: 150px;
- z-index: 20;
- }
- .MediumButtonBackground {
- position: relative;
- top: 0px;
- left: 0px;
- width: 150px;
- height: 37px;
- z-index: 10;
- }
- .MediumButtonOver {
- position: relative;
- top: 0px;
- left: 0px;
- width: 150px;
- height: 37px;
- visibility: hidden;
- z-index: 15;
- }
- .MediumButtonForm {
- margin: 0px;
- padding: 0px;
- }
- /* helper div */
- .HelperDivIndicator {
- position: relative;
- cursor: help;
- }
- #HelperDivContainer {
- display: none;
- position: absolute;
- width: 225px;
- z-index: 1000;
- color: #5A2800;
- font-family: Verdana,Arial,Times New Roman,sans-serif;
- font-size: 9pt;
- text-align: left;
- padding: 10px;
- border: 1px double #5A2800;
- margin-left: 8px;
- }
- #HelperDivContainer .HelperDivArrow {
- position: absolute;
- top: -1px;
- left: -8px;
- width: 8px;
- height: 13px;
- }
- #HelperDivContainer #HelperDivHeadline {
- font-size: 12pt;
- font-weight: bold;
- }
- #HelperDivContainer #HelperDivHeadline {
- position: relative;
- white-space: normal;
- text-align: justify;
- margin-top: 15px;
- margin-bottom: 15px;
- }
- #HelperDivContainer .Ornament {
- width: 220px;
- }
Add Comment
Please, Sign In to add comment