.fontminus { font-size: 8px; } .fontplus { font-size: 13px; } .fontplusplus { font-size: 16px; } body, input, select, td { font-family: verdana; font-size: 10px; } textarea { font-family: verdana; font-size: 10px; } body { margin: 0px; background: #fff url(../img/global/bg.jpg) no-repeat top right; display: block; /* Scrollbar */ scrollbar-face-color:#919191; scrollbar-highlight-color:#919191; scrollbar-3dlight-color:#919191; scrollbar-darkshadow-color:#3c3c3c; scrollbar-shadow-color:#808080; scrollbar-arrow-color:#555555; scrollbar-track-color:#ececec; } #page { margin: 0px auto; display: block; width: 930px; height: 600px; } #header { margin: 30px 0px; display: block; height: 90px; } #logo { background: transparent url(../img/global/vme_logo.png) no-repeat; display: block; width: 102px; height: 70px; margin: 10px 30px 0px 30px; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image, src='/virtualme/resources/img/global/vme_logo.png'); cursor: pointer; } #versiontag { width: 102px; margin-left:30px; text-align:right; font-size:6.8pt; font-family:Arial, Helvetica; font-weight:bold; color:#2ca9ea; } #promo-top { display: block; width: 728px; height: 90px; background: transparent; float: right; } #promo-side { display: block; width: 160px; height: 600px; background: transparent; } #body { display: block; } #menu-navigation { display: block; width: 171px; height: auto; background-color: transparent; } img { border: 0px; } .mojoValidationError { display: block; color: red; } .removed { display: none !important; } .float { float: left; } .floatRight { float: right; } .clear { clear: both !important; float: none !important; padding: 0px !important; margin: 0px !important; border: 0px !important; height: 0px !important; width: 0px !important; position: relative !important; line-height: 0px !important; /* important for IE */ font-size: 0px !important; /* important for IE */ } .clearFloat { clear:both; } /* content window */ #contentNav { position: relative; float:left; width: 180px; height: auto; visibility: hidden; } .contentWindows { display: block; float: right; width: 728px; background-position: top left; background-color: transparent; } #contentWindowHead { overflow: hidden; behavior: url(/virtualme/resources/css/iepngfix.htc); background: url(../img/global/bg_panel_head.png) no-repeat; height: 30px; } #contentWindowBody { position: static; overflow: visible; behavior: url(/virtualme/resources/css/iepngfix_scale.htc); background-image: url(../img/global/bg_panel_body.png); background-repeat: repeat-y; height: 500px; } #contentWindowBodyWrap { position: relative; overflow: auto; margin-left: 30px; width: 668px; height: 500px; } #contentWindowWrapper { background-position: top left; background-color: transparent; display: block; float: none; overflow: hidden; width: 668px; height: 500px; } #contentWindow { position: relative; display: block; width: 668px; height: auto; overflow: hidden; } #contentWindowFoot { overflow: hidden; behavior: url(/virtualme/resources/css/iepngfix.htc); background: url(../img/global/bg_panel_foot.png) no-repeat top left transparent; min-height: 38px; } #content { position: absolute; top: 0px; left: 0px; width: 9000px; } /* panel containers */ .panelContainer { position:relative; height: 500px; width: 668px; overflow:auto; float: left; } .panelContainer.preload { background: url(../img/global/img-preloader-ffffff.gif) no-repeat center; } .panel { width:400px; height:auto; position:absolute; top:0px; left:0px; color: #fff; } /* scroll bar */ .scrollBar { width:16px; height:500px; background-color:#dddddd; position:absolute; top:0px; left:650px; z-index:100; display:none; } .scrollTrack { background: #cccccc; height: 500px; width: 16px; background: url(../img/nav/scroll_track.gif) repeat-y; } .scrollFace { height: 114px; width: 16px; background: #929292; background: url(../img/nav/scroll_face.gif) no-repeat; } .error { color: #ff0000 !important; font-weight: 700; white-space: normal; } .warning { } :focus { outline: 0; } .component { display: block; position:relative; overflow: hidden; width: 451px; color: #ffffff; background: #eae8f0; } .component .header, .component .footer { width: 411px; } .component div { display: block; } .component .header { font-weight: bold; font-size: 13px; background: #6e6099 url(../img/global/component/tile/bg_top.gif) no-repeat left top; padding: 6px 20px 0px 20px; } .component .header.gray { background: #eae8f0 url(../img/global/component/tile/eae8f0/bg_top.gif) no-repeat left top; color: #666; } *+html .component .header { line-height: 0px !important; /* important for IE */ font-size: 0px !important; /* important for IE */ } * html .component .header { line-height: 0px !important; /* important for IE */ font-size: 0px !important; /* important for IE */ } *+html .component .header * { line-height: 100% !important; /* important for IE */ font-size: 13px !important; /* important for IE */ } * html .component .header * { line-height: 100% !important; /* important for IE */ font-size: 13px !important; /* important for IE */ } .component .header * { display: block; padding-bottom: 10px; padding-top: 4px; } .component .content { background: #eae8f0; overflow: hidden; } .component .content, .component .content div { padding: 0px; color: #4d4d4d; } .component .content .subtitle { color: #fff; background: #c2c2c2; padding: 10px 20px; } .component .content .date { color: #0097E6; font-weight: 700; } .component .toolbar .tab { float: left; overflow: hidden; cursor: pointer; cursor: hand; border-right: 1px solid #6e6099; padding: 5px 10px; width: 130px; height: 14px; background: #4cb6ed url(../img/global/component/tab/bg_active.gif) no-repeat; color: #ffffff; } .component .toolbar .tab.active { background: #eae8f0 url(../img/global/component/tab/bg_normal.gif) no-repeat; color: #6e6099; } .component .toolbar .tab.last { border: none; } .component .footer { float: left; background: #eae8f0 url(../img/global/component/tile/bg_bottom.gif) no-repeat left bottom; color: #666666; padding: 0px 20px 6px 20px; } *+html .component .footer { line-height: 0px !important; /* important for IE */ font-size: 0px !important; /* important for IE */ } * +html .component .footer { line-height: 0px !important; /* important for IE */ font-size: 0px !important; /* important for IE */ } .component .footer * { display: block; padding-top: 10px; padding-bottom: 4px; } *+html .component .footer * { line-height: 100% !important; /* important for IE */ font-size: 13px !important; /* important for IE */ } * html .component .footer * { line-height: 100% !important; /* important for IE */ font-size: 13px !important; /* important for IE */ } .component .footer.highlight { background-image: url(../img/global/component/tile/bg_bottom_highlight.gif); } .component .footer a { color: #301c6e; text-decoration: none; } .component .footer a:hover { text-decoration: underline; } .component .footer a.submit { color: #ffffff; text-align: right; cursor: pointer; cursor: hand; } .component .footer .goto { color: #888888; background-repeat: no-repeat; background-position: left 10px; padding-left: 15px; font-weight: 700; clear: both; } .component .left { float: left; padding: 0px; } .component .right { float: right; padding: 0px; } .component .btn { text-align: right; cursor: pointer; } .component .btn a { color: #fff; text-decoration: none; } .component .btn a:hover { text-decoration: underline; } .component .btnSplit { margin-top:18px; background-color:#ffffff; width:1px; height:10px; overflow:hidden; } .component .preload { display: block; background-color: #4d4d4d; background-image: url(../img/global/img-preloader.gif); background-repeat: no-repeat; background-position: center; } .component.wide { width: 633px; } .component.wide .header { width: 593px; background-image: url(../img/global/component/tile/bg_top_wide.gif); } .component.wide .footer { width: 593px; background-image: url(../img/global/component/tile/bg_bottom_wide.gif); } .component.narrow { width: 160px; } .component.narrow .header { width: 140px; background-image: url(../img/global/component/tile/bg_top_narrow.gif); } .component.narrow .footer { width: 140px; background-image: url(../img/global/component/tile/bg_bottom_narrow.gif); } .component.navigation { width: 171px; } .component.navigation .header { width: 131px; background-image: url(../img/global/component/tile/bg_top_navigation.png); background-color: transparent; behavior: url(/virtualme/resources/css/iepngfix.htc); } .component.navigation .content { background: #6e6099; padding: 0px 5px; } .component.navigation .footer { width: 131px; background-image: url(../img/global/component/tile/bg_bottom_navigation.png); background-color: transparent; behavior: url(/virtualme/resources/css/iepngfix.htc); } .component.navigation .head { display: block; overflow: hidden; width: 171px; height: 5px; background-image: url(../img/global/component/tile/bg_top_navigation.png); background-color: transparent; behavior: url(/virtualme/resources/css/iepngfix.htc); } .component.navigation .foot { display: block; overflow: hidden; width: 171px; height: 5px; background-image: url(../img/global/component/tile/bg_bottom_navigation.png); background-position: bottom left; background-repeat: no-repeat; background-color: transparent; behavior: url(/virtualme/resources/css/iepngfix.htc); } .component .thumbnail .icn-speech { position: absolute; float: none; display: block; width: 21px; height: 21px; top: 90px; left: 9px; z-index: 50; background: url(../img/gallery/icn_speech.gif) no-repeat top left transparent; } .component .thumbnail .icn-video { position: absolute; float: none; display: block; width: 21px; height: 21px; top: 90px; left: 85px; z-index: 50; background: url(../img/gallery/icn_video.gif) no-repeat top left transparent; } .component .thumbnail .icn-animation { position: absolute; float: none; display: block; width: 21px; height: 21px; top: 88px; left: 85px; z-index: 50; background: url(../img/gallery/icn_animation.gif) no-repeat top left transparent; } .component .thumbnail .icn-comic { position: absolute; float: none; display: block; width: 21px; height: 17px; top: 90px; left: 9px; z-index: 50; background: url(../img/gallery/icn_comic.gif) no-repeat top left transparent; } .component .thumbnail .icn-modifier { position: absolute; float: none; display: block; width: 21px; height: 21px; top: 90px; left: 85px; z-index: 50; background: url(../img/gallery/icn_speech.gif) no-repeat top left transparent; } form { background: #efefef; margin: 0px; padding: 0px; } #TOSbox { position: relative; padding-bottom: 25px; } #TOSVersion + .mojoValidationError { position: absolute; display: block; width: 100%; margin-left: 18px; bottom: 0px; } input, select, textarea { border: 1px solid #efefef; border-top: 1px solid #9c9c9c; } /* textboxes */ input.text { background: #ffffff !important; /* google toolbar killer */ padding: 5px; width: 140px; } /* selects */ select { background: #ffffff !important; /* google toolbar killer */ padding: 4px; width: 152px; } /* checkboxes, radioboxes */ input.checkbox, input.radiobox { border: none; margin:2px 2px 0px 0px; } /* textareas */ textarea { padding: 4px 8px; background: #ffffff !important; /* google toolbar killer */ } ul.field.buttons { margin: 0; padding: 0; border: 0; list-style: none; } ul.field.buttons li { display: inline; overflow: hidden; margin: 0; padding: 0 10px 0 0; height: 18px; _padding: 0 16px 0 0; list-style-type: none; } /* buttons */ /* form .button { width: 106px; color: #fdfefe; background: url(../img/global/component/form/bg_button.gif) transparent no-repeat; padding: 3px; margin: 0px; border: none; font-weight: 700; text-align: center; cursor: pointer; cursor: hand; } */ form .button { border: 0; padding-top: -2px; display:-moz-inline-box; display: inline-block; cursor: pointer; color: #fff; _position: relative; _width: 10px; _overflow-y: hidden; } form .button, form .button span { background-image:url(../img/global/component/form/button.png); } form .button span { /* display: -moz-inline-box; display: inline-block; */ border: 0; padding: 3px 14px 0 6px; margin: 0 -7px 2px 7px; height: 20px; background-color: transparent; background-position: 100% 0; background-repeat: no-repeat !important; font-size: 10px; line-height: 1.3em; letter-spacing: 0 !important; color: #fff; white-space: nowrap; cursor: pointer; vertical-align: text-top; zoom: 1; _position: relative; _padding-left: 0px; _padding-right: 14px; _margin-right: -7px; _display: block; _top: 0; _right: -7px; } form .button:link, form .button:visited { text-decoration: none; } form .button:hover, form .button span:hover { text-decoration: underline; } /* layouts */ form .field {clear: both; width: 100%; min-height: 40px;} form .label {width: 115px; padding-top: 5px;} form .value {width: 160px;} form .value span {display: block; padding-top: 5px;} * html form .field {height: 40px;} #menu { margin: 0px; padding: 0 0 5px 0; } #menu ul { margin: 0px; padding: 0px; } #menu li { list-style-type: none; display: block; } #menu li.accordian { overflow: hidden; margin-top: 1px; height: 24px; background-color: #ebebeb; background-repeat: no-repeat; } #menu li.accordian.top { background-image: url(../img/global/component/tile/bg_navigation_link_top.png); background-position: left top; behavior: url(/virtualme/resources/css/iepngfix.htc); margin-top: 0px; } #menu li.accordian.bottom { background-image: url(../img/global/component/tile/bg_navigation_link_bottom.png); background-position: left bottom; behavior: url(/virtualme/resources/css/iepngfix.htc); } #menu li.accordian.selected { background-color: #fcfcfc } #menu li.accordian.onhover { background-color: #fcfcfc } #menu li.accordian a { background-color: transparent; } #menu li.accordian.selected a { color: #93d0e2; } #menu li.accordian.onhover a { color: #93d0e2; } #menu li.accordian.selected li a { color: #00a9d1; } #menu li.accordian.onhover li a { color: #00a9d1; } #menu a { display: block; color: #666666; text-decoration: none; height: 14px; padding: 5px 10px; } #menu a:hover { text-decoration: underline; } #alert-dialog, #confirm-dialog { display: none; } .dialog { width: 350px; height: 150px; border: 1px solid #999; } .dialog .content { padding: 20px; color: #4d4d4d; font-weight: bold; text-align: center; height: 82px; background: #fff; } .dialog .footer { background: #c2c2c2; display: block; height: 28px; } .dialog .right { float: right; } .dialog .btn { height: 12px; padding: 8px 15px; float: left; } .dialog .btn.ok { background: #301c6e; } .dialog .btn.cancel { background: #4cb6ed; } .dialog .btn.next { background: #301c6e; } .dialog a { color: #fff; text-decoration: none; } .dialog a:hover { text-decoration: underline; }