body { margin: 0; padding: 0; color: #333333; /* [disabled]background-color: #676b6f; */ /* [disabled]background-image: url(../images/body.gif); */ /* [disabled]background-repeat: repeat-x; */ background-position: left top; } body.wait, body.wait * { cursor: wait !important; } body, input, button, select, textarea { font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.5; } input, button, select, textarea, form { margin: 0; } a { color: #499ae7; text-decoration: underline; outline: none; ie-dummy: expression('this.hideFocus=true'); } a:hover { text-decoration: none; } a img { border: none; } b, strong { } p { margin: 1em 0; padding: 0; } ul, ol { margin: 0; padding: 0 0 0 2em; } li { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } h1 { font-size: 2em; } h2 { font-size: 1.25em; } h3, h4, h5, h6 { font-size: 1em; } pre { white-space: pre-wrap; font-family: Consolas, monospace; } iframe { border: none; } .clear { clear: both; } .clear-left { clear: left; } .clear-right { clear: right; } .monospace { font-family: Consolas, monospace; font-size: 12px; } input[type=text], input[type=password], input[type=number], textarea, select { padding: 4px 5px; font-weight: normal; color: #333333; background: white; border: 1px solid #cccccc; border-radius: 3px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); outline: none; } input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, textarea:focus, select:focus { color: black; border-color: #6c90b2; box-shadow: 0 0 5px #99cdff; } input[type=text].placeholder, input[type=password].placeholder, input[type=number].placeholder, textarea.placeholder { color: #999999; } select { padding: 4px 3px 4px 1px; } button, .button, input[type=button], input[type=submit], input[type=reset] { display: inline-block; margin: 4px 4px 4px 0; padding: 4px 20px; text-align: center; vertical-align: middle; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; color: #333333; text-decoration: none !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); border: 1px solid; border-color: #cccccc #bbbbbb #aaaaaa; border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px 1px white; background: #f3f3f3; background-image: linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -moz-linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -webkit-linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -ms-linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -o-linear-gradient(top, white 1%, #e3e3e3 99%); cursor: pointer; } button.small, .button.small, input[type=button].small, input[type=submit].small, input[type=reset].small { margin: 1px 1px 1px 0; padding: 1px 5px; line-height: 15px; font-size: 11px; min-width: 0; } button:hover, .button:hover, input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover { color: black; border-color: #bbbbbb; background: #f7f7f7; background-image: linear-gradient(top, #fcfcfc 1%, #f0f0f0 99%); background-image: -moz-linear-gradient(top, #fcfcfc 1%, #f0f0f0 99%); background-image: -webkit-linear-gradient(top, #fcfcfc 1%, #f0f0f0 99%); background-image: -ms-linear-gradient(top, #fcfcfc 1%, #f0f0f0 99%); background-image: -o-linear-gradient(top, #fcfcfc 1%, #f0f0f0 99%); } button:active, .button:active, input[type=button]:active, input[type=submit]:active, input[type=reset]:active { position: relative; top: 1px; background: #e0e0e0; box-shadow: 0 0 2px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(0, 0, 0, 0.1); } button[disabled], .button[disabled], input[type=button][disabled], input[type=submit][disabled], input[type=reset][disabled] { color: #999999; text-shadow: none; border-color: #dddddd #d0d0d0 #c7c7c7; box-shadow: none; background: #f3f3f3; background-image: linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -moz-linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -webkit-linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -ms-linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -o-linear-gradient(top, white 1%, #e3e3e3 99%); cursor: default; } button[disabled]:active, .button[disabled]:active, input[type=button][disabled]:active, input[type=submit][disabled]:active, input[type=reset][disabled]:active { top: 0; } button.blue, button.primary, .button.blue, .button.primary, input[type=button].blue, input[type=button].primary, input[type=submit].blue, input[type=submit].primary, input[type=reset].blue, input[type=reset].primary { display: inline-block; margin: 4px 4px 4px 0; padding: 4px 20px; text-align: center; vertical-align: middle; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; color: #333333; text-decoration: none !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); border: 1px solid; border-color: #cccccc #bbbbbb #aaaaaa; border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px 1px white; background: #f3f3f3; background-image: linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -moz-linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -webkit-linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -ms-linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -o-linear-gradient(top, white 1%, #e3e3e3 99%); cursor: pointer; color: white; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(255, 255, 255, 0.7); border-color: #7a9ab0 #7490a5 #5c707f; background: #0a9be7; background-image: linear-gradient(top, #01acfc 1%, #1d78bd 99%); background-image: -moz-linear-gradient(top, #01acfc 1%, #1d78bd 99%); background-image: -webkit-linear-gradient(top, #01acfc 1%, #1d78bd 99%); background-image: -ms-linear-gradient(top, #01acfc 1%, #1d78bd 99%); background-image: -o-linear-gradient(top, #01acfc 1%, #1d78bd 99%); } button.blue.small, button.primary.small, .button.blue.small, .button.primary.small, input[type=button].blue.small, input[type=button].primary.small, input[type=submit].blue.small, input[type=submit].primary.small, input[type=reset].blue.small, input[type=reset].primary.small { margin: 1px 1px 1px 0; padding: 1px 5px; line-height: 15px; font-size: 11px; min-width: 0; } button.blue:hover, button.primary:hover, .button.blue:hover, .button.primary:hover, input[type=button].blue:hover, input[type=button].primary:hover, input[type=submit].blue:hover, input[type=submit].primary:hover, input[type=reset].blue:hover, input[type=reset].primary:hover { color: black; border-color: #bbbbbb; background: #f7f7f7; background-image: linear-gradient(top, #fcfcfc 1%, #f0f0f0 99%); background-image: -moz-linear-gradient(top, #fcfcfc 1%, #f0f0f0 99%); background-image: -webkit-linear-gradient(top, #fcfcfc 1%, #f0f0f0 99%); background-image: -ms-linear-gradient(top, #fcfcfc 1%, #f0f0f0 99%); background-image: -o-linear-gradient(top, #fcfcfc 1%, #f0f0f0 99%); } button.blue:active, button.primary:active, .button.blue:active, .button.primary:active, input[type=button].blue:active, input[type=button].primary:active, input[type=submit].blue:active, input[type=submit].primary:active, input[type=reset].blue:active, input[type=reset].primary:active { position: relative; top: 1px; background: #e0e0e0; box-shadow: 0 0 2px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(0, 0, 0, 0.1); } button.blue[disabled], button.primary[disabled], .button.blue[disabled], .button.primary[disabled], input[type=button].blue[disabled], input[type=button].primary[disabled], input[type=submit].blue[disabled], input[type=submit].primary[disabled], input[type=reset].blue[disabled], input[type=reset].primary[disabled] { color: #999999; text-shadow: none; border-color: #dddddd #d0d0d0 #c7c7c7; box-shadow: none; background: #f3f3f3; background-image: linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -moz-linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -webkit-linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -ms-linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -o-linear-gradient(top, white 1%, #e3e3e3 99%); cursor: default; } button.blue[disabled]:active, button.primary[disabled]:active, .button.blue[disabled]:active, .button.primary[disabled]:active, input[type=button].blue[disabled]:active, input[type=button].primary[disabled]:active, input[type=submit].blue[disabled]:active, input[type=submit].primary[disabled]:active, input[type=reset].blue[disabled]:active, input[type=reset].primary[disabled]:active { top: 0; } button.blue:hover, button.primary:hover, .button.blue:hover, .button.primary:hover, input[type=button].blue:hover, input[type=button].primary:hover, input[type=submit].blue:hover, input[type=submit].primary:hover, input[type=reset].blue:hover, input[type=reset].primary:hover { color: white; border-color: #3c91eb #3080d4 #236cba; background: #1aa7ef; background-image: linear-gradient(top, #1dabf2 1%, #0795dc 99%); background-image: -moz-linear-gradient(top, #1dabf2 1%, #0795dc 99%); background-image: -webkit-linear-gradient(top, #1dabf2 1%, #0795dc 99%); background-image: -ms-linear-gradient(top, #1dabf2 1%, #0795dc 99%); background-image: -o-linear-gradient(top, #1dabf2 1%, #0795dc 99%); } button.blue:active, button.primary:active, .button.blue:active, .button.primary:active, input[type=button].blue:active, input[type=button].primary:active, input[type=submit].blue:active, input[type=submit].primary:active, input[type=reset].blue:active, input[type=reset].primary:active { background: #3183c1; border-color: #2b72a8 #2b72a8 #236cba; } button.blue[disabled], button.primary[disabled], .button.blue[disabled], .button.primary[disabled], input[type=button].blue[disabled], input[type=button].primary[disabled], input[type=submit].blue[disabled], input[type=submit].primary[disabled], input[type=reset].blue[disabled], input[type=reset].primary[disabled] { color: white; text-shadow: none; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.4); border-color: #a8bdcc #a2b7c6 #8c9eab; background: #0a9be7; background-image: linear-gradient(top, #80d5fd 1%, #8ebbde 99%); background-image: -moz-linear-gradient(top, #80d5fd 1%, #8ebbde 99%); background-image: -webkit-linear-gradient(top, #80d5fd 1%, #8ebbde 99%); background-image: -ms-linear-gradient(top, #80d5fd 1%, #8ebbde 99%); background-image: -o-linear-gradient(top, #80d5fd 1%, #8ebbde 99%); } button.green, .button.green, input[type=button].green, input[type=submit].green, input[type=reset].green { display: inline-block; margin: 4px 4px 4px 0; padding: 4px 20px; text-align: center; vertical-align: middle; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; color: #333333; text-decoration: none !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); border: 1px solid; border-color: #cccccc #bbbbbb #aaaaaa; border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px 1px white; background: #f3f3f3; background-image: linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -moz-linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -webkit-linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -ms-linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -o-linear-gradient(top, white 1%, #e3e3e3 99%); cursor: pointer; color: white; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(255, 255, 255, 0.7); border-color: #789870 #71906b #50674d; background: #3aab27; background-image: linear-gradient(top, #3cb828 1%, #348926 99%); background-image: -moz-linear-gradient(top, #3cb828 1%, #348926 99%); background-image: -webkit-linear-gradient(top, #3cb828 1%, #348926 99%); background-image: -ms-linear-gradient(top, #3cb828 1%, #348926 99%); background-image: -o-linear-gradient(top, #3cb828 1%, #348926 99%); } button.green.small, .button.green.small, input[type=button].green.small, input[type=submit].green.small, input[type=reset].green.small { margin: 1px 1px 1px 0; padding: 1px 5px; line-height: 15px; font-size: 11px; min-width: 0; } button.green:hover, .button.green:hover, input[type=button].green:hover, input[type=submit].green:hover, input[type=reset].green:hover { color: black; border-color: #bbbbbb; background: #f7f7f7; background-image: linear-gradient(top, #fcfcfc 1%, #f0f0f0 99%); background-image: -moz-linear-gradient(top, #fcfcfc 1%, #f0f0f0 99%); background-image: -webkit-linear-gradient(top, #fcfcfc 1%, #f0f0f0 99%); background-image: -ms-linear-gradient(top, #fcfcfc 1%, #f0f0f0 99%); background-image: -o-linear-gradient(top, #fcfcfc 1%, #f0f0f0 99%); } button.green:active, .button.green:active, input[type=button].green:active, input[type=submit].green:active, input[type=reset].green:active { position: relative; top: 1px; background: #e0e0e0; box-shadow: 0 0 2px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(0, 0, 0, 0.1); } button.green[disabled], .button.green[disabled], input[type=button].green[disabled], input[type=submit].green[disabled], input[type=reset].green[disabled] { color: #999999; text-shadow: none; border-color: #dddddd #d0d0d0 #c7c7c7; box-shadow: none; background: #f3f3f3; background-image: linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -moz-linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -webkit-linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -ms-linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -o-linear-gradient(top, white 1%, #e3e3e3 99%); cursor: default; } button.green[disabled]:active, .button.green[disabled]:active, input[type=button].green[disabled]:active, input[type=submit].green[disabled]:active, input[type=reset].green[disabled]:active { top: 0; } button.green:hover, .button.green:hover, input[type=button].green:hover, input[type=submit].green:hover, input[type=reset].green:hover { color: white; border-color: #789870 #71906b #668463; background: #3fbc2a; background-image: linear-gradient(top, #47c432 1%, #30ae1c 99%); background-image: -moz-linear-gradient(top, #47c432 1%, #30ae1c 99%); background-image: -webkit-linear-gradient(top, #47c432 1%, #30ae1c 99%); background-image: -ms-linear-gradient(top, #47c432 1%, #30ae1c 99%); background-image: -o-linear-gradient(top, #47c432 1%, #30ae1c 99%); } button.green:active, .button.green:active, input[type=button].green:active, input[type=submit].green:active, input[type=reset].green:active { background: #47953b; border-color: #3e8333 #3e8333 #668463; } button.green[disabled], .button.green[disabled], input[type=button].green[disabled], input[type=submit].green[disabled], input[type=reset].green[disabled] { color: white; text-shadow: none; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.4); border-color: #a7bca2 #a1b69c #889a84; background: #0a9be7; background-image: linear-gradient(top, #94d889 1%, #90be88 99%); background-image: -moz-linear-gradient(top, #94d889 1%, #90be88 99%); background-image: -webkit-linear-gradient(top, #94d889 1%, #90be88 99%); background-image: -ms-linear-gradient(top, #94d889 1%, #90be88 99%); background-image: -o-linear-gradient(top, #94d889 1%, #90be88 99%); } button.large, .button.large, input[type=button].large, input[type=submit].large, input[type=reset].large { padding-top: 6px; padding-bottom: 6px; font-size: 15px; } button.button { padding: 3px 20px; } * html button, * html .button, * html input[type=button], * html input[type=submit], * html input[type=reset], * + html button, * + html .button, * + html input[type=button], * + html input[type=submit], * + html input[type=reset] { display: inline !important; padding: 2px 7px !important; } * html input[type=button], * html input[type=submit], * html input[type=reset], * + html input[type=button], * + html input[type=submit], * + html input[type=reset] { padding: 2px 0 !important; } * html a.button, * html span.button, * html div.button, * + html a.button, * + html span.button, * + html div.button { padding: 4px 20px !important; } label.error { display: block; position: absolute; z-index: 10; padding: 5px 10px; color: white !important; font-size: 12px; font-weight: bold; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3); background: #e26060; background-image: linear-gradient(top, #ea6969 1%, #d95757 99%); background-image: -moz-linear-gradient(top, #ea6969 1%, #d95757 99%); background-image: -webkit-linear-gradient(top, #ea6969 1%, #d95757 99%); background-image: -ms-linear-gradient(top, #ea6969 1%, #d95757 99%); background-image: -o-linear-gradient(top, #ea6969 1%, #d95757 99%); border: 1px solid #d73d3d; border-radius: 3px; } label.error .arrow { display: block; position: absolute; background: url("../images/tooltip.png") no-repeat; } label.error.right .arrow { left: -9px; top: 50%; margin-top: -9px; width: 9px; height: 17px; background-position: right -20px; } label.error.top .arrow { left: 50%; margin-left: -11px; bottom: -13px; width: 21px; height: 13px; background-position: center top; } .ui.tooltip { position: relative; z-index: 11; max-width: 450px; padding: 0 10px; border-width: 1px; border-style: solid; border-color: #cccccc #bbbbbb #aaaaaa; border-radius: 3px; box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #d7d7d7, 0 2px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #d7d7d7, 0 2px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #d7d7d7, 0 2px 7px rgba(0, 0, 0, 0.2); -o-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #d7d7d7, 0 2px 5px rgba(0, 0, 0, 0.2); background: #f7f7f7; background-image: linear-gradient(top, #fafafa 1px, #e3e3e3 99%); background-image: -moz-linear-gradient(top, #fafafa 1px, #e3e3e3 99%); background-image: -webkit-linear-gradient(top, #fafafa 1px, #e3e3e3 99%); background-image: -ms-linear-gradient(top, #fafafa 1px, #e3e3e3 99%); background-image: -o-linear-gradient(top, #fafafa 1px, #e3e3e3 99%); } .ui.tooltip .arrow { display: block; position: absolute; left: -12px; top: 50%; margin-top: -10px; width: 12px; height: 19px; background: url("../images/tooltip.png") no-repeat right -40px; } .ui.tooltip .title { margin: 10px 0 3px; padding: 0; font-size: 12px; font-weight: bold; } .ui.tooltip .content { margin: 10px 0; padding: 0; font-size: 12px; font-weight: normal; line-height: 16px; } .selectbox { display: inline-block; white-space: nowrap; vertical-align: middle; *display: inline; *zoom: 1; } .selectbox .selected { display: inline-block; margin: 4px 4px 4px 0; padding: 4px 20px; text-align: center; vertical-align: middle; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; color: #333333; text-decoration: none !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); border: 1px solid; border-color: #cccccc #bbbbbb #aaaaaa; border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px 1px white; background: #f3f3f3; background-image: linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -moz-linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -webkit-linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -ms-linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -o-linear-gradient(top, white 1%, #e3e3e3 99%); cursor: pointer; margin: 0; padding-left: 10px; padding-right: 5px; text-align: left; font-size: 13px; } .selectbox .selected.small { margin: 1px 1px 1px 0; padding: 1px 5px; line-height: 15px; font-size: 11px; min-width: 0; } .selectbox .selected:hover { color: black; border-color: #bbbbbb; background: #f7f7f7; background-image: linear-gradient(top, #fcfcfc 1%, #f0f0f0 99%); background-image: -moz-linear-gradient(top, #fcfcfc 1%, #f0f0f0 99%); background-image: -webkit-linear-gradient(top, #fcfcfc 1%, #f0f0f0 99%); background-image: -ms-linear-gradient(top, #fcfcfc 1%, #f0f0f0 99%); background-image: -o-linear-gradient(top, #fcfcfc 1%, #f0f0f0 99%); } .selectbox .selected:active { position: relative; top: 1px; background: #e0e0e0; box-shadow: 0 0 2px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(0, 0, 0, 0.1); } .selectbox .selected[disabled] { color: #999999; text-shadow: none; border-color: #dddddd #d0d0d0 #c7c7c7; box-shadow: none; background: #f3f3f3; background-image: linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -moz-linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -webkit-linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -ms-linear-gradient(top, white 1%, #e3e3e3 99%); background-image: -o-linear-gradient(top, white 1%, #e3e3e3 99%); cursor: default; } .selectbox .selected[disabled]:active { top: 0; } .selectbox .selected-title { display: block; background: url("../images/selectbox-arrow.png") no-repeat right center; overflow: hidden; text-overflow: ellipsis; } .selectbox.active .selected { background: #f7f7f7; box-shadow: 0 0 2px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(0, 0, 0, 0.1); } .selectbox ul { position: absolute; z-index: 100; max-height: 208px; overflow: scroll; overflow-x: hidden; overflow-y: auto; margin: 1px 0 0 !important; padding: 0; background: white; border: 1px solid #cccccc; border-radius: 3px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); } .selectbox ul li { list-style: none; margin: 0; padding: 1px; } .selectbox ul li a { display: block; padding: 3px 10px 3px 8px; font-size: 13px; color: #222222; text-align: left; text-decoration: none; } .selectbox ul li a.active { background: #999999; color: white; } .selectbox ul li:first-child a { border-top-left-radius: 2px; border-top-right-radius: 2px; } .selectbox ul li:last-child a { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .popupFrame { padding: 10px; background: white no-repeat center; border-radius: 10px; z-index: 1001; } .popupFrame.wait { background-image: url("../images/preloader-white.gif"); } .popupFrame .popupFrame-close { background: url("../images/close.png") no-repeat center; z-index: 1010; } .popupFrame-overlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #090909 url("../images/pattern-7.png") repeat center; background: rgba(0, 0, 0, 0.9) url("../images/pattern-7.png") repeat center; z-index: 1000; } .breadcrumbs { float: left; padding: 0; font-size: 12px; color: #777777; cursor: default; margin-top: 38px; margin-right: 0; margin-bottom: 20px; margin-left: 0; } .breadcrumbs ul { margin: 0; padding: 0; overflow: hidden; } .breadcrumbs li { float: left; margin: 0 20px 0 -17px; padding: 0 0 0 17px; list-style: none; background: url("../images/breadcrumbs-arrow.gif") no-repeat left center; color: #777777; } .breadcrumbs a { text-decoration: none; } .breadcrumbs a:hover { text-decoration: underline; } .breadcrumbs b, .breadcrumbs strong, .breadcrumbs b a, .breadcrumbs strong a, .breadcrumbs b a:hover, .breadcrumbs strong a:hover { font-weight: normal; color: #777777; cursor: default; text-decoration: none; } .element.header { background: url("../images/content-header.jpg") no-repeat center bottom; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } .element.header .header-1 { padding: 10px 25px 15px; background: url("../images/fade-white-top-30.png") repeat-x center top; *zoom: 1; } .element.header .header-1 h1 { float: left; margin: 0; padding: 5px 10px 4px 0; border-bottom: 1px solid #cccccc; min-width: 235px; font-size: 1.5em; font-weight: normal; line-height: 1.25; } .element.header .header-1 h1 b, .element.header .header-1 h1 strong { font-weight: bold; color: black; } .element.header .right { float: right; padding: 8px 0 5px 25px; margin: 0 0 8px 25px; border-left: 1px solid #bbbbbb; } .element.header .description, .element.header .content { clear: left; margin: 0; padding: 8px 0; font-size: 12px; } #l_0, #l_footer { position: relative; width: 963px; margin: 0 auto; text-align: left; } #l_0 { background: url("../images/layout-r.gif") repeat-y right top; } #l_1 { background: url("../images/layout-rt.gif") no-repeat right top; } #l_2 { background: url("../images/layout-b.gif") no-repeat left bottom; padding: 18px 0 15px; } #l_3 { width: 955px; padding-bottom: 3px; background: white url("../images/layout-t.jpg") no-repeat left top; margin-top: 15px; } #l_header { position: relative; height: 113px; cursor: default; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } #l_header .logo { float: left; padding: 14px; } #l_header .logo .title { margin: 0; padding: 0; width: 170px; height: 38px; } #l_header .logo .title a { display: block; width: 143px; height: 38px; } #l_header .logo .description { margin: -11px 0 0 11px; font-size: 10px; } #l_header .logo .description a { color: #acaaac; text-decoration: none; } #l_header .mcafee { position: absolute; left: 250px; top: 15px; width: 100px; height: 50px; overflow: hidden; font-size: 9px; line-height: 12px; } #l_header .right { float: right; font-size: 11px; } #l_header .right a { color: white; text-decoration: none; text-shadow: 1px 1px 1px #101315; } #l_header .lang, #l_header .account { float: left; height: 25px; margin: 7px 7px 0 15px; } #l_header .lang { width: 115px; } #l_header .lang-1 { position: absolute; z-index: 10; width: 125px; margin: -6px 0 0 0; padding: 6px 0 0; } #l_header .lang .caption { margin: 0 5px 0; padding: 0 5px 2px; background: url("../images/lang.gif") no-repeat 4px 1px; } #l_header .lang .caption a { display: inline-block; padding: 5px 13px 7px 27px; margin: 0 5px 0 0; background: url("../images/lang-arrow.gif") no-repeat right 11px; } #l_header .lang ul { display: none; margin: 0; padding: 4px 0; } #l_header .lang li { list-style: none; } #l_header .lang li a { display: block; padding: 5px 20px 5px 15px; color: #4693d5; text-shadow: none; } #l_header .lang li.selected a { color: black; font-weight: bold; } #l_header .lang li a:hover { background: #3180c3; color: white; } #l_header .lang.active .lang-1 { background: white; border: 1px solid #bbbbbb; border-radius: 4px; box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.5); } #l_header .lang.active .caption { background: url("../images/lang-active.gif") no-repeat 4px 1px; border-bottom: 1px dotted #dddddd; } #l_header .lang.active .caption a { color: black; text-shadow: none; background: url("../images/lang-arrow-active.gif") no-repeat right 11px; } #l_header .lang.active ul { display: block; } #l_header .account a { display: block; float: left; padding: 5px 0 5px 30px; background: url("../images/account.gif") no-repeat left center; } #l_header .social { clear: right; float: right; margin: 14px 0 0 0; } #l_header .social .google, #l_header .social .twitter, #l_header .social .facebook, #l_header .social .linkedin, #l_header .social .pinterest { float: left; margin: 0 1px; overflow: hidden; } #l_header .social .google { width: 85px; } #l_header .social .twitter { width: 63px; } #l_header .social .facebook { width: 93px; } #l_header .social .pinterest { width: 45px; } #l_header .social .linkedin { width: 107px; } #l_header .menu { position: absolute; left: 0px; top: 70px; width: 935px; height: 37px; margin: 0 10px; padding: 0; background: url("../images/header-menu.jpg") no-repeat center; } #l_header .menu ul { float: left; margin: 0 5px; padding: 0; overflow: hidden; } #l_header .menu li { float: left; margin-left: -2px; padding: 8px 7px; background: url("../images/header-menu-li.gif") no-repeat left center; list-style: none; } #l_header .menu li a { display: block; padding: 3px 6px; color: white; border-radius: 5px; line-height: 15px; font-family: "Open Sans Condensed", "Arial Narrow", sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); } #l_header .menu li.selected a, #l_header .menu li a:hover { background: #95a8b6; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } #l_header .menu li.selected a { cursor: default; } #l_header .search { position: absolute; right: 17px; top: 77px; background: none; } #l_header .search input { display: block; width: 150px; height: 16px; padding: 2px 2px 2px 20px; line-height: 13px; font-size: 11px; line-height: 16px; border: 1px solid #a7b6bf; background: white url("../images/search.gif") no-repeat 5px center; box-shadow: none; opacity: 0.8; } #l_header .search input:focus { opacity: 1; } #l_header .search .results { position: absolute; z-index: 1; background: white; border: 1px solid #a7becc; border-radius: 3px; box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2); font-size: 12px; line-height: 15px; } #l_header .search .results ul, #l_header .search .results li { margin: 0; padding: 0; list-style: none; } #l_header .search .results ul { padding: 5px 10px; } #l_header .search .results ul h3, #l_header .search .results ul h3 a { font-size: 12px; font-weight: bold; color: black; text-decoration: none; } #l_header .search .results ul ul { padding: 0; } #l_header .search .results li { margin: 0 0 5px; padding: 5px 0; border-bottom: 1px solid #a3bdcd; } #l_header .search .results li li { margin: 8px 0; padding: 0; border-bottom: none; } #l_header .search .results li.more { text-align: center; font-weight: bold; border-bottom: none; } #l_header .search.wait input { background: white url("../images/preloader-small.gif") no-repeat 3px center; } #l_header .search .ui-autocomplete.ui-menu { display: block; width: 187px !important; margin: 0; padding: 5px 0 7px; font-size: 11px; line-height: 14px; background: white; border: 1px solid #cccccc; border-radius: 3px; box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.2); } #l_header .search .ui-autocomplete.ui-menu li { display: block; margin: 0; padding: 3px 10px; list-style: none; } #l_header .search .ui-autocomplete.ui-menu li a { cursor: pointer; } #l_container { min-height: 500px; } #l_content { clear: both; padding: 1px 0; } #l_content .main { padding: 0 0 30px 10px; } #l_content .main #products-table .ui.tooltip img { display: block; } #l_content .main .inf_b { background: url(/Content/img/inf_t.gif) no-repeat 0 0; margin: 10px 0 0 0; width: 935px; } #l_content .main .inf_t { padding: 12px 30px 12px 16px; font-size: 11px; color: white; background: url(/Content/img/inf_b.gif) no-repeat 0 100%; } #l_content .main .inf_t p { margin: 0; padding: 1px 0 1px 26px; background: url(/Content/img/inf_p.gif) no-repeat 0 50%; } #l_content .main .inf_t a { color: white; } #l_footer { margin-top: -8px; font-size: 12px; color: #aaaaaa; cursor: default; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } #l_footer a { color: #d0d0d0; } #l_footer a.green.button { color: white; } #l_footer .h2, #l_footer .h3, #l_footer .h3 a { color: white; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7); } #l_footer .h2 { font-size: 22px; font-weight: normal; } #l_footer .publisher, #l_footer .sections { padding: 30px 20px; } #l_footer .publisher ul, #l_footer .sections ul { margin: 0; padding: 0; } #l_footer .publisher li, #l_footer .sections li { margin: 3px 0 7px; padding: 0; line-height: 16px; list-style: none; } #l_footer .publisher li a, #l_footer .sections li a { text-decoration: none; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); } #l_footer .publisher li a:hover, #l_footer .sections li a:hover { text-decoration: underline; } #l_footer .publisher { float: left; width: 300px; min-height: 192px; background: url("../images/footer-split.jpg") no-repeat right top; border: none; } #l_footer .publisher .h2 { margin: 0 0 10px; } #l_footer .publisher ul { float: left; width: 135px; } #l_footer .publisher ul a { color: #e0e0e0; } #l_footer .publisher .download { float: left; text-align: right; } #l_footer .publisher .download .info { padding: 4px; font-size: 11px; line-height: 14px; } #l_footer .sections { float: left; padding-left: 55px; padding-right: 0; } #l_footer .sections .section { float: left; min-width: 140px; padding-right: 40px; } #l_footer .sections .section.about { min-width: 0; padding-right: 0; } #l_footer .sections .section .h3 { margin: 7px 0 18px; font-size: 14px; font-weight: bold; } #l_footer .sections .section .h3 a { text-decoration: none; } #l_footer .sections .section .twitter a, #l_footer .sections .section .facebook a { background: url("../images/footer-icons.png") no-repeat; padding-left: 18px; } #l_footer .sections .section .twitter a { background-position: left 0; } #l_footer .sections .section .facebook a { background-position: left -30px; } #l_footer .copyright { clear: both; padding: 23px 0 0; color: #9d9fa1; } #l_footer .green.button { border-color: #386948 #326244 #27553c; } #game404-continue { position: fixed; top: 0; left: 50%; margin-left: 50px; width: 207px; height: 66px; background: url("../images/continue.png") no-repeat center top; } #game404-continue a { display: block; margin: 0 5px 0 3px; padding: 12px 0 12px 35px; text-decoration: none; line-height: 20px; font-family: "Minion Pro", Times, "Times New Roman", serif; font-size: 19px; font-weight: bold; color: #8d2500; text-shadow: 0 0 3px #fff3cc; } .loading { background: rgba(255, 255, 255, 0.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .loading div { float: left; height: 50%; margin-bottom: -32px; width: 100%; } .loading span { background: url("../images/loading.gif") no-repeat center center; width: 64px; height: 64px; margin: 0 auto 5px auto; display: block; clear: left; } .loading p { text-align: center; } .loading-mini { display: inline-block; line-height: 16px; width: 100px; } .loading-mini p { margin: auto 20px !important; } .loading-mini span { display: inline-block; background: url("../images/preloader-mini-light.gif") no-repeat center center; width: 16px; height: 16px; float: left; } .loading-mini.dark span { background: url("../images/preloader-mini-dark.gif") no-repeat center center; } .scroller { margin: 0; padding: 0; overflow: auto; -webkit-overflow-scrolling: touch; } .dynamic.page { padding: 20px 25px 25px; } .dynamic.page h1 { margin: 0 0 15px 0; line-height: 1.1; color: black; } .dynamic.page h1.lighten { font-weight: normal; } .dynamic.page .content img { max-width: 640px; border: none; } .dynamic.page .content .float-left { clear: both; float: left; } .dynamic.page .content .float-right { clear: both; float: right; } .dynamic.page .content .box, .dynamic.page .content .picture { display: inline-block; *display: inline; *zoom: 1; margin: 5px 0; padding: 10px; background: #f4f4f4; border: 1px solid #cccccc; border-radius: 5px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .dynamic.page .content .box.float-left, .dynamic.page .content .picture.float-left { margin: 0 20px 10px 0; } .dynamic.page .content .box.float-right, .dynamic.page .content .picture.float-right { margin: 0 0 10px 20px; } .dynamic.page .content .picture img { max-width: 400px; } .dynamic.page .content .note { display: inline-block; margin: 10px 0; padding: 5px 10px; font-size: 11px; background: #f9f5c7; border: 1px solid #bab795; border-radius: 5px; } .dynamic.page .content table { border-collapse: collapse; } .dynamic.page .content table td, .dynamic.page .content table th { padding: 5px 7px; border: 1px solid #cccccc; vertical-align: top; } .dynamic.page .content table thead td, .dynamic.page .content table thead th, .dynamic.page .content table tfoot td, .dynamic.page .content table tfoot th { text-align: left; font-weight: bold; color: #555555; text-shadow: 0 1px 0 white; background: #eeeeee; background-image: linear-gradient(top, #f7f7f7 0, #dddddd 100%); background-image: -moz-linear-gradient(top, #f7f7f7 0, #dddddd 100%); background-image: -webkit-linear-gradient(top, #f7f7f7 0, #dddddd 100%); } .dynamic.page .content table tbody th { text-align: left; font-weight: normal; color: #333333; text-shadow: 0 1px 0 white; background: #eeeeee; } .dynamic.page.help { padding: 5px 25px 25px; } .dynamic.page.help .pages-index ul { margin: 0; padding: 0; } .dynamic.page.help .pages-index ul.level-2 { margin-left: 15px; } .dynamic.page.help .pages-index li { list-style: none; padding: 0 0 5px; color: #555555; } .dynamic.page.help .pages-index li.single { margin-left: 15px; padding: 0; list-style: square; } .dynamic.page.help .pages-index h2, .dynamic.page.help .pages-index h3, .dynamic.page.help .pages-index h4, .dynamic.page.help .pages-index h5 { margin: 0; padding: 3px 0; } .dynamic.page.help .pages-index h2 a.link, .dynamic.page.help .pages-index h3 a.link, .dynamic.page.help .pages-index h4 a.link, .dynamic.page.help .pages-index h5 a.link { color: #555555; text-decoration: none; } .dynamic.page.help .pages-index h2 { font-size: 18px; } .dynamic.page.help .pages-index h3 { font-size: 15px; } .dynamic.page.help .pages-index .actions { position: relative; top: -1px; left: 5px; visibility: hidden; } .dynamic.page.help .pages-index .title:hover .actions { visibility: visible; } .dynamic.page.help .pages-index #page-152 { display: none; } .dynamic.page.help .content h2 { margin: 30px 0 5px; font-size: 16px; font-weight: bold; color: #111111; } .dynamic.page.help .content h3 { margin: 25px 0 5px; font-size: 13px; color: #111111; } .dynamic.page.help .content p { margin: 10px 0; } .dynamic.page.help .content ul { margin: 10px 15px; padding: 0; } .dynamic.page.help .content, .dynamic.page.help h1 { margin-left: 25px; } .dynamic.page.help.index .content, .dynamic.page.help.index h1 { margin-left: 0; } .dynamic.page.help.helpmain h1 { margin-top: 10px; } .dynamic.page.help .pages-toc { width: 210px; margin: 0 0 20px; font-size: 11px; line-height: 14px; background: #f8f8f8; border: 1px solid #f0f0f0; border-radius: 5px; cursor: default; } .dynamic.page.help .pages-toc h3 { padding: 8px 10px 5px; font-size: 16px; line-height: 20px; color: black; } .dynamic.page.help .pages-toc ul { margin: 0; padding: 0; } .dynamic.page.help .pages-toc li { margin: 0; padding: 0; list-style: none; } .dynamic.page.help .pages-toc a { display: block; padding: 5px 10px 6px; color: #555555; text-decoration: none; } .dynamic.page.help .pages-toc .selected a { color: white; background: #2196d8; background-image: linear-gradient(top, #279bde 1%, #0f84c6 99%); background-image: -moz-linear-gradient(top, #279bde 1%, #0f84c6 99%); background-image: -webkit-linear-gradient(top, #279bde 1%, #0f84c6 99%); cursor: default; } .dynamic.page.help .pages-toc li:last-child { padding-bottom: 5px; } .dynamic.page.help .pages-toc li.folder > a span { display: inline-block; font-weight: bold; padding-right: 9px; background: url("../images/arrow.gif") no-repeat right 5px; cursor: pointer; } .dynamic.page.help .pages-toc li.folder.opened > a span { background: url("../images/arrow.gif") no-repeat right -15px; } .dynamic.page.help .pages-toc li ul { padding: 0; margin: 0; } .dynamic.page.help .pages-toc li ul a { padding: 3px 5px 4px 25px; } .dynamic.page.help .pages-toc li ul li { padding: 0 !important; } .dynamic.page.help .pages-toc li ul li a { border-radius: 0 !important; } .dynamic.page.help .pages-toc.links { padding-top: 3px; padding-bottom: 3px; } .dynamic.page.help .pages-toc.links div { margin: 5px 0; } .dynamic.page.help .pages-toc.links a { font-size: 16px; font-weight: bold; color: black; } .dynamic.page.help .search { position: relative; padding: 20px 0 10px; } .dynamic.page.help .search #search-text { width: 180px; height: 17px; padding-right: 25px; } .dynamic.page.help .search #search-submit { position: absolute; top: 24px; right: 3px; width: 20px; height: 20px; margin: 0 0 0 0; padding: 0; border: none; border-radius: none; box-shadow: none; text-indent: -999em; background: url("../images/search.gif") no-repeat center; } .dynamic.page.help .navigation { margin: 30px 0 0 25px; } .dynamic.page.help .navigation .prev, .dynamic.page.help .navigation .next { display: block; float: left; margin: 0 7px 0 -2px; line-height: 18px; font-size: 13px; text-decoration: none; } .dynamic.page.help .navigation .prev span, .dynamic.page.help .navigation .next span { display: block; } .dynamic.page.help .navigation .prev { background: url("../images/buttons.png") repeat-x center -40px; } .dynamic.page.help .navigation .prev-1 { background: url("../images/buttons.png") no-repeat left 0; } .dynamic.page.help .navigation .prev-2 { background: url("../images/buttons.png") no-repeat right -80px; padding: 7px 15px 9px; color: black; } .dynamic.page.help .navigation .next { background: url("../images/buttons.png") repeat-x center -160px; } .dynamic.page.help .navigation .next-1 { background: url("../images/buttons.png") no-repeat left -120px; } .dynamic.page.help .navigation .next-2 { background: url("../images/buttons.png") no-repeat right -200px; padding: 7px 25px 9px 15px; color: white; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); } .dynamic.page.user-guide #help-content { padding-top: 20px; } .dynamic.page.user-guide #help-content .search-results ul, .dynamic.page.user-guide #help-content .search-results li { margin: 0; padding: 0; list-style: none; } .dynamic.page.user-guide #help-content .search-results li { margin: 5px 0; } .dynamic.page.user-guide #help-content .search-results h3, .dynamic.page.user-guide #help-content .search-results h3 a { font-size: 15px; font-weight: bold; color: #333333; text-decoration: none; } .dynamic.page.user-guide #help-content .search-results h3 { margin: 15px 0 5px; } .dynamic.page.user-guide #help-content .search-results h4 { margin: 5px 0 0; font-size: 14px; font-weight: normal; } .dynamic.page.user-guide #help-content .search-results p { margin: 0 0 5px; } .dynamic.page.main-page { padding: 10px 25px 20px; } .dynamic.page.main-page .header.element { margin-bottom: 20px; margin-top: 30px; } .dynamic.page.main-page .header.element .header-1 { padding: 0 0 15px; } #home .header { width: 955px; padding: 35px 0 10px 0; color: white; text-shadow: 0 1px 1px black; background: url("../images/header.jpg") no-repeat center top; } #home .header .left { float: left; width: 300px; height: 390px; margin: 0 0 0 36px; } #home .header h1 { width: 290px; height: 61px; margin: 0; padding: 0; background: url("../images/publisher.png") no-repeat left top; text-indent: -999em; } #home .header .description { margin: 20px 0 20px 25px; font-size: 13px; } #home .header .features { margin: 25px 0 25px 25px; padding: 0; } #home .header .features li { margin: 0; padding: 2px 0 4px 22px; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 1.25; text-shadow: 0 1px 1px black; list-style: none; background: url("../images/check.png") no-repeat left 0.36em; } #home .header .links { margin: 0 0 0 25px; } #home .header .green.button { border-color: #386948 #326244 #27553c; } #home .movie { float: left; width: 555px; height: 390px; margin: 0 0 0 30px; background: none; } #home .demos { clear: both; margin: 0; padding: 10px 0 20px 31px; text-shadow: none; } #home .demos h2 { margin: 0 0 10px 5px; font-size: 24px; font-weight: normal; color: white; text-shadow: 0 1px 0 black; } #home .demos ul { margin: 0; padding: 0; } #home .demos ul li { float: left; width: 183px; margin: 0; padding: 0; text-align: left; list-style: none; } #home .demos ul li img { display: block; width: 155px; border-radius: 2px; } #home .demos ul li a { display: block; position: relative; width: 155px; padding: 7px 0 0 0; font-size: 13px; text-align: center; color: #111111; font-weight: bold; text-decoration: none; } #home .demos ul li a.img { padding: 0; border: 1px solid white; border-radius: 4px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); } #home .demos ul li .video { display: block; position: absolute; right: -3px; top: -3px; width: 75px; height: 72px; background: url("../images/video.png") no-repeat right top; } #home .clients { clear: both; margin: 10px 21px; overflow: hidden; color: black; text-shadow: none; text-align: center; } #home .clients .logos { position: relative; background: url("../images/logo-micro.gif") repeat-x -700px top; height: 50px; margin: 20px 0; } #features-index .actions { margin: 0 0 15px; } #features-index .column { float: left; width: 400px; padding: 20px; border: 2px solid; border-radius: 10px; color: #333333; } #features-index .column .heading { margin: 0; font-size: 20px; font-weight: bold; } #features-index .column h2 { margin: 0 0 35px; font-size: 13px; font-weight: normal; } #features-index .column.publication { margin-right: 15px; background: #fdfff4; border-color: #f8faf0; } #features-index .column.publication .heading { color: #4a6737; } #features-index .column.software { background: #f7faff; border-color: #f2f5fa; } #features-index .column.software .heading { color: #325067; } #features-index .column ul, #features-index .column ol, #features-index .column li { margin: 0; padding: 0; list-style: none; } #features-index .column li { clear: left; margin: 25px 0 25px -15px; padding: 1px; } #features-index .column h3, #features-index .column h3 a { color: black; font-size: 15px; } #features-index .column h3 a { text-decoration: none; } #features-index .column h3 a:hover { text-decoration: underline; } #features-index .column p { margin: 3px 0; line-height: 16px; font-size: 12px; } #features-index .column .icon { float: left; width: 80px; height: 70px; padding: 5px 0 0 0; text-align: center; background-image: url("../images/icons-sprite.png"); } #features-index .column .icon.mobile { background-position: 0 -12px; } #features-index .column .icon.content-protection { background-position: 0 -91px; } #features-index .column .icon.offline { background-position: 0 -177px; } #features-index .column .icon.modern-design { background-position: 0 -254px; } #features-index .column .icon.zooming { background-position: 0 -333px; } #features-index .column .icon.text-search { background-position: -1px -413px; } #features-index .column .icon.social-networks { background-position: 0 -492px; } #features-index .column .icon.seo { background-position: 0 -571px; } #features-index .column .icon.web-analytics { background-position: 0 -654px; } #features-index .column .icon.import { background-position: 0 -734px; } #features-index .column .icon.cloud { background-position: 1px -818px; } #features-index .column .icon.skin-editor { background-position: 1px -898px; } #features-index .column .icon.table-of-contents-editor { background-position: 0 -973px; } #features-index .column .icon.ftp-client { background-position: 0 -1053px; } #features-index .column .icon.preview { background-position: 2px -1126px; } #features-index .column .icon.localization { background-position: 2px -1212px; } #features-index .column .icon.content-editor { background-position: 0 -1290px; } #features-index .column .text { margin: 0 0 0 90px; } #features-index .column .actions { margin: 0; } #feature-view { padding: 5px 20px; } #feature-view .breadcrumbs { margin-left: 5px; margin-bottom: 30px; } #feature-view .icon { float: left; width: 80px; height: 75px; margin: 0 0 0 -2px; padding: 0 10px 0 0; text-align: center; } #feature-view .heading { height: 50px; margin: 0 0 0 90px; } #feature-view .heading h1 { line-height: 24px; } #feature-view .heading p { margin: 3px 1px; font-size: 12px; color: #888888; } #feature-view .content { margin: 20px 0 0 0; padding: 0 20px 15px 90px; border-bottom: 1px dotted #cccccc; } #feature-view .content h2, #feature-view .content h3 { margin: 1.5em 0 0.5em; font-size: 14px; } #feature-view .content h3 { margin: 1.5em 0 0; font-size: 12px; } #feature-view .content p { margin: 0.5em 0; } #feature-view .content .note { display: inline-block; margin: 10px 0; padding: 5px 10px; font-size: 11px; background: #f9f5c7; border: 1px solid #bab795; border-radius: 5px; } #feature-view .content .thumbnail { margin: 10px 0; padding: 15px; text-align: center; background: #f4f4f4; border: 1px solid #cccccc; border-radius: 6px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset; } #feature-view .content .thumbnail img { display: block; width: 100%; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); } #feature-view .content .shadow { border: 1px solid white; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); } #feature-view .content .col1of2, #feature-view .content .col2of2 { float: left; width: 390px; margin: 0 25px 0 0; } #feature-view .content .col1of2 h2:first-child, #feature-view .content .col1of2 h3:first-child, #feature-view .content .col1of2 p:first-child, #feature-view .content .col2of2 h2:first-child, #feature-view .content .col2of2 h3:first-child, #feature-view .content .col2of2 p:first-child { margin-top: -5px; } #feature-view .content .col1of2 img, #feature-view .content .col2of2 img { max-width: 380px; } #feature-view .content .col1of2 .thumbnail, #feature-view .content .col2of2 .thumbnail { max-width: 350px; } #feature-view .content .col2of2 { margin-right: 0; } #feature-view .content .col1of3, #feature-view .content .col2of3, #feature-view .content .col3of3 { float: left; width: 250px; margin: 0 25px 0 0; } #feature-view .content .col1of3 h2:first-child, #feature-view .content .col1of3 h3:first-child, #feature-view .content .col1of3 p:first-child, #feature-view .content .col2of3 h2:first-child, #feature-view .content .col2of3 h3:first-child, #feature-view .content .col2of3 p:first-child, #feature-view .content .col3of3 h2:first-child, #feature-view .content .col3of3 h3:first-child, #feature-view .content .col3of3 p:first-child { margin-top: -5px; } #feature-view .content .col1of3 img, #feature-view .content .col2of3 img, #feature-view .content .col3of3 img { max-width: 240px; } #feature-view .content .col1of3 .thumbnail, #feature-view .content .col2of3 .thumbnail, #feature-view .content .col3of3 .thumbnail { max-width: 210px; } #feature-view .content .col3of3 { margin-right: 0; } #feature-view .next { float: left; margin: 25px 0 30px 89px; background: url("../images/next.gif") repeat-x scroll center -42px transparent; } #feature-view .next .next-1 { background: url("../images/next.gif") no-repeat scroll left -2px transparent; } #feature-view .next a { display: block; min-width: 50px; margin: 0; padding: 8px 25px 8px 15px; line-height: 19px; font-weight: bold; text-decoration: none; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); color: white; background: url("../images/next.gif") no-repeat scroll right -82px transparent; } #feature-view .next:hover { background-position: center -162px; } #feature-view .next:hover .next-1 { background-position: left -122px; } #feature-view .next:hover a { background-position: right -202px; } #feature-view.software .next { background-position: center -282px; } #feature-view.software .next .next-1 { background-position: left -242px; } #feature-view.software .next a { background-position: right -322px; } #feature-view.software .next:hover { background-position: center -402px; } #feature-view.software .next:hover .next-1 { background-position: left -362px; } #feature-view.software .next:hover a { background-position: right -442px; } #demos .header .content { padding: 20px 0 10px; } #demos .header .get { margin: 0; } #demos .header .get .caption { display: block; margin: 0 0 3px; } #demos .header.element { margin-bottom: 0; } #demos .content { padding: 0; } #demos .content .demos-list { margin: 0; padding: 0; } #demos .content .demos-list > li { border-top: 1px solid #eeeeee; padding: 33px; overflow: hidden; list-style: none; background-image: -o-linear-gradient(top, #fcfcfc 8%, white 54%); background-image: -moz-linear-gradient(top, #fcfcfc 8%, white 54%); background-image: -webkit-linear-gradient(top, #fcfcfc 8%, white 54%); background-image: -ms-linear-gradient(top, #fcfcfc 8%, white 54%); background-image: linear-gradient(top, #fcfcfc 8%, white 54%); } #demos .content .demos-list > li:first-child { margin-top: -25px; border-top: none; background: none; } #demos .content .demos-list .preview { float: left; } #demos .content .demos-list .preview .tiles_container { width: 100%; } #demos .content .demos-list .preview .tiles_container .tile { zoom: 1; width: 155px; height: 116px; display: inline-block; margin: 4px 3px; vertical-align: bottom; position: relative; display: inline-block; *display: inline; *zoom: 1; *margin: 3px 3px; } #demos .content .demos-list .preview .tiles_container .tile .icon { display: block; position: absolute; left: 50%; top: 50%; width: 30px; height: 30px; margin: -15px 0 0 -15px; background: url("../images/icons-mini.png") no-repeat; background-position: center 0px; } #demos .content .demos-list .preview .tiles_container .tile:hover .icon { background-position: center -30px; } #demos .content .demos-list .preview .tiles_container .tile img { height: 115px; width: 155px; } #demos .content .demos-list .preview .tiles_container .tile4x4 { height: 248px; width: 328px; position: relative; } #demos .content .demos-list .preview .tiles_container .tile4x4 .icon { display: block; position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; margin: -40px 0 0 -30px; background: url("../images/icons.png") no-repeat; background-position: center 0px; } #demos .content .demos-list .preview .tiles_container .tile4x4:hover .icon { background-position: center -60px; } #demos .content .demos-list .preview, #demos .content .demos-list .start { width: 328px; margin: 0; text-align: center; } #demos .content .demos-list .start a { display: inline-block; padding: 0 5px 5px; font-size: 10px; line-height: 13px; color: #999999; text-decoration: none; background: url("../images/arrow.gif") no-repeat right 1px; padding-right: 16px; } #demos .content .demos-list .start a:hover { color: #666666; } #demos .content .demos-list .preview:hover .start a { color: #666666; } #demos .content .demos-list a.thumb { width: 328px; height: 248px; } #demos .content .demos-list .data { margin-left: 360px; } #demos .content .demos-list .data h2, #demos .content .demos-list .data h2 > a { color: black; text-decoration: none; font-size: 18px; } #demos .content .demos-list .data .subtitle { color: #7d8083; } #demos .content .demos-list .data .subtitle strong { font-weight: normal; } #demos .content .demos-list .data .description { padding: 18px 0; } #demos .content .demos-list .data a.more { font-size: 13px; margin-left: 5px; vertical-align: middle; } #demos .content .demos-list .data a.more span { text-transform: lowercase; } #demos .content .demos-list .data .actions a.popup, #demos .content .demos-list .data .actions a.view-options { margin-bottom: 0; } #demos .content .demos-list .data .actions a.popup:active, #demos .content .demos-list .data .actions a.view-options:active { top: 0; } #demos .content .demos-list .data .actions a.popup { margin-right: -5px; border-top-right-radius: 0; border-bottom-right-radius: 0; } #demos .content .demos-list .data .actions a.view-options { position: relative; z-index: 1; margin-left: 0; padding-left: 7px !important; padding-right: 7px !important; border-top-left-radius: 0; border-bottom-left-radius: 0; } #demos .content .demos-list .data .actions a.view-options span { display: block; width: 15px; background: url("../images/selectbox-arrow.png") no-repeat center; } #demos .content .demos-list .data .actions ul.view-options { display: none; position: absolute; z-index: 100; max-height: 208px; overflow: scroll; overflow-x: hidden; overflow-y: auto; margin: 0; padding: 0; background: white; border: 1px solid #cccccc; border-radius: 3px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); } #demos .content .demos-list .data .actions ul.view-options li { list-style: none; margin: 0; padding: 1px; } #demos .content .demos-list .data .actions ul.view-options li a { display: block; padding: 3px 10px 3px 8px; font-size: 13px; color: #222222; text-align: left; text-decoration: none; } #demos .content .demos-list .data .actions ul.view-options li a:hover { background: #999999; color: white; } #demos .content .demos-list .data .actions ul.view-options li:first-child a { border-top-left-radius: 2px; border-top-right-radius: 2px; } #demos .content .demos-list .data .actions ul.view-options li:last-child a { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } #demos .content .demos-list .data .actions .about { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } #demos .content .demos-list .data .features { margin-top: 18px; } #demos .content .demos-list .data .features strong { display: block; color: #2f3734; } #demos .content .demos-list .data .features ul { overflow: hidden; list-style: none; margin: 0; padding: 0; } #demos .content .demos-list .data .features ul li { width: 56px; height: 56px; float: left; margin-right: 6px; background-image: url("../images/features.png"); } #demos .content .demos-list .data .features ul li.link { background-position: 0 0; } #demos .content .demos-list .data .features ul li.movie { background-position: -56px 0; } #demos .content .demos-list .data .features ul li.sheet { background-position: -112px 0; } #demos .content .demos-list .data .features ul li.pdf { background-position: -168px 0; } #demos .content .demos-list .data .features ul li.customize { background-position: -224px 0; } #demos .content .demos-list .data .features ul li.flip { background-position: -280px 0; } #demos .content .demos-list .data .features ul li.boat { background-position: -336px 0; } #demos .content .demos-list .data .features ul li.audio { background-position: -389px 0; } #demos .content .demos-list .embed-container { clear: both; padding: 20px 0 0; margin: 0 -33px -32px; } #demos .content.single { padding: 0 30px 30px 25px; margin: 20px 0 0; } #demos .content.single h1, #demos .content.single h2 { margin: 10px 0 20px 0; color: black; } #demos .content.single .description { float: none; margin: 0; } #demos .content.single .description .content { margin: 0; padding: 0; //float: left; } #demos .content.single .description p { margin: 0.7em 0; } #demos .content.single .description ul { padding: 0; } #demos .content.single .description li { margin: 0.7em 0; padding: 0 0 0 25px; list-style: none; background: url("../images/check.gif") no-repeat 4px 2px; } #demos .content.single .demo { float: right; margin: 0 0 20px 40px; } #demos .content.single .demo .preview, #demos .content.single .demo .start { width: 340px; margin: 0 -10px 0 0; text-align: center; } #demos .content.single .demo .start a { display: inline-block; padding: 0 5px 5px; font-size: 10px; line-height: 13px; color: #999999; text-decoration: none; background: url("../images/arrow.gif") no-repeat right 1px; padding-right: 16px; } #demos .content.single .demo .start a:hover { color: #666666; } #demos .content.single .demo:hover .start a { color: #666666; } #demos .navigation { clear: both; margin: 0; padding: 0 0 5px 25px; } #demos .navigation h2 { margin: 10px 0; font-size: 18px; font-weight: bold; color: #2f3734; } #demos .navigation ul { margin: 0 0 0 -12px; padding: 0; } #demos .navigation ul li { float: left; width: 125px; margin: 0 9px 0 0; padding: 10px; text-align: left; list-style: none; border: 1px solid white; } #demos .navigation ul li a { display: block; position: relative; width: 122px; font-size: 13px; line-height: 15px; text-align: center; color: #111111; font-weight: bold; text-decoration: none; } #demos .navigation ul li a img { display: block; width: 120px; height: 90px; margin: 0; padding: 0; border: 1px solid white; border-radius: 4px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); } #demos .navigation ul li a .title { display: inline-block; *display: inline; *zoom: 1; margin-top: 8px; } #demos .navigation ul li.selected { background: #f4f4f4; border-color: #cccccc; border-radius: 5px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); } #demos .navigation ul li.selected a { color: #888888; cursor: default; } #demos.v2 .header { margin: -1px 0 0; padding: 1px 0 10px 25px; background: #4f5a64 url("../images/header.jpg") no-repeat center top; color: white; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); } #demos.v2 .header .heading { margin: 28px 0 18px; } #demos.v2 .header .heading a, #demos.v2 .header .heading h1 { display: inline; font-size: 24px; font-weight: normal; } #demos.v2 .header .heading h1 { background: url(data:image/gif;base64,R0lGODlhAwAGAIABAP///////yH5BAEAAAEALAAAAAADAAYAAAIHjHEIu4FRAAA7) no-repeat left center; padding: 0 0 0 10px; margin: 0 0 0 5px; } #demos.v2 .header .description { margin: 0 30px 10px 0; } #demos.v2 .header .get { float: right; margin: 0 28px 10px; } #demos.v2 .header .get a { display: block; position: relative; height: 62px; margin: 3px 0 10px; padding: 0 30px; border: 1px solid rgba(255, 255, 255, 0.2); border-top-color: #a9e0a0; border-bottom-color: #4b953f; border-radius: 5px; background: #52ab45 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA+CAIAAABlW+amAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGNJREFUeNpsjcsNgDAMQ92UK2sxJle2YpE2CU4/EqAeqqfnOkm+7lMMJlWruJOmYqRabYy8+y+nR79oWc5Ff77V3Nib92MTAMwgKWhOJvogHSS8c/U/vfWin175p9/v8N4jwACf6YQFGyoEiAAAAABJRU5ErkJggg==); background-image: -moz-linear-gradient(top, #a9e0a0 0%, #52ab45 51%, #379d27 52%, #348726 100%); background-image: -webkit-linear-gradient(top, #a9e0a0 0%, #52ab45 51%, #379d27 52%, #348726 100%); background-image: -ms-linear-gradient(top, #a9e0a0 0%, #52ab45 51%, #379d27 52%, #348726 100%); background-image: linear-gradient(top, #a9e0a0 0%, #52ab45 51%, #379d27 52%, #348726 100%); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); color: white; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); text-decoration: none; text-align: center; font-family: "Myriad Pro", sans-serif; font-size: 15px; line-height: 19px; } #demos.v2 .header .get a .line-1, #demos.v2 .header .get a .line-2 { display: block; } #demos.v2 .header .get a .line-1 { padding-top: 12px; font-size: 18px; font-weight: bold; text-transform: uppercase; } #demos.v2 .header .get a:hover { background: #5fc84f url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA+CAIAAABlW+amAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGFJREFUeNqMjbkRgEAMA4XovwpimmKGlIjQDzbn44uIdvRYHudtorlRTWlICh1OSYaftNB6aY387otK3TX/zL3taPdrx2un9/Pvui8EEB1wSFrxoTOHN75y/9n76MgPAQYASLBynOurjMkAAAAASUVORK5CYII=); background-image: -moz-linear-gradient(top, #afefa5 0%, #5fc84f 51%, #46be33 52%, #43a733 100%); background-image: -webkit-linear-gradient(top, #afefa5 0%, #5fc84f 51%, #46be33 52%, #43a733 100%); background-image: -ms-linear-gradient(top, #afefa5 0%, #5fc84f 51%, #46be33 52%, #43a733 100%); background-image: linear-gradient(top, #afefa5 0%, #5fc84f 51%, #46be33 52%, #43a733 100%); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 0 7px rgba(177, 239, 167, 0.5); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 0 7px rgba(177, 239, 167, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 0 7px rgba(177, 239, 167, 0.5); text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); } #demos.v2 .header .get a:active { top: 1px; } #demos.v2 .header .publications { clear: both; margin: 0 0 0 -3px; padding: 10px 0 0; } #demos.v2 .header .publications li { float: left; width: 309px; height: 290px; list-style: none; } #demos.v2 .header .publications li a { display: block; position: relative; width: 290px; text-align: center; color: white; text-decoration: none; } #demos.v2 .header .publications li img { display: block; width: 290px; height: 220px; margin: 0 0 8px; border: 1px solid white; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; } #demos.v2 .header .publications li .icon { display: block; position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; margin: -53px 0 0 -30px; background: url("../images/icons.png") no-repeat; background-position: center 0; } #demos.v2 .header .publications li a:hover .icon { background-position: center -60px; } #demos.v2 .header .publications li .title, #demos.v2 .header .publications li .author { display: block; } #demos.v2 .header .publications li .title { font-size: 14px; font-weight: bold; line-height: 17px; } #demos.v2 .header .publications li .author { font-style: italic; } #demos.v2 .header .publications li .author .name { font-style: normal; } #demos.v2 .content.single { padding: 50px 30px 30px 25px; margin: -25px 0 0; background: url("../images/content-top.png") no-repeat center top; } #demos.v2 .content.single h1, #demos.v2 .content.single h2 { margin: -3px 0 15px 0; font-size: 18px; color: black; } #demos.v2 .content.single .description { float: left; width: 530px; margin: 0; font-size: 12px; } #demos.v2 .content.single .description p { margin: 0.7em 0; } #demos.v2 .content.single .right { float: right; width: 328px; margin: 0 0 30px; padding: 10px; background: #eeeeee; background-image: linear-gradient(top, #eaeaea, #eeeeee 30px); background-image: -moz-linear-gradient(top, #eaeaea, #eeeeee 30px); background-image: -webkit-linear-gradient(top, #eaeaea, #eeeeee 30px); background-image: -o-linear-gradient(top, #eaeaea, #eeeeee 30px); border-radius: 7px; text-align: center; } #demos.v2 .content.single .demo, #demos.v2 .content.single .video { float: none; width: 320px; margin: 0; } #demos.v2 .content.single .demo img, #demos.v2 .content.single .video img { display: block; margin: 0 auto 5px; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } #demos.v2 .content.single .demo a, #demos.v2 .content.single .video a { font-size: 12px; font-weight: bold; } #demos.v2 .content.single .demo { margin: 0; } #demos.v2 .content.single .demo .preview, #demos.v2 .content.single .demo .start { width: auto; margin: 0; text-align: center; } #demos.v2 .content.single .demo img { -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5); } #demos.v2 .content.single .demo .preview, #demos.v2 .content.single .video { position: relative; } #demos.v2 .content.single .demo .preview .icon, #demos.v2 .content.single .video .icon { display: block; position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; margin: -40px 0 0 -30px; background: url("../images/icons.png") no-repeat; } #demos.v2 .content.single .demo .preview .icon { background-position: center 0; } #demos.v2 .content.single .demo .preview:hover .icon { background-position: center -60px; } #demos.v2 .content.single .video { margin: 0 0 15px; } #demos.v2 .content.single .video .icon { background-position: center -120px; } #demos.v2 .content.single .video:hover .icon { background-position: center -180px; } #demos.v2 .content.single .video img { -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3); } .demos-img { display: block; margin: 0; padding: 0; } .demos-img.s120x90 { width: 120px; height: 90px; } .demos-img.s120x90.cornered { border: 1px solid white; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); } .demos-img.s120x90.primary { background-image: url("../images/120x90-main.jpg"); } .demos-img.s120x90.primary.online-catalog { background-position: 0 0; } .demos-img.s120x90.primary.online-document { background-position: -120px 0; } .demos-img.s120x90.primary.online-brochure { background-position: -360px 0; } .demos-img.s120x90.primary.online-magazine { background-position: -240px 0; } .demos-img.s120x90.primary.flipbook { background-position: -480px 0; } .demos-img.s120x90.primary.photo-gallery { background-position: -600px 0; } .demos-img.s120x90.primary.bookshelf { background-position: -720px 0; } .demos-img.s155x116 { width: 155px; height: 116px; } .demos-img.s155x116.cornered { -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; } .demos-img.s155x116.primary { background-image: url("../images/155x116-main.jpg"); } .demos-img.s155x116.primary.online-catalog { background-position: 0 0; } .demos-img.s155x116.primary.online-document { background-position: -155px 0; } .demos-img.s155x116.primary.online-brochure { background-position: -465px 0; } .demos-img.s155x116.primary.online-magazine { background-position: -310px 0; } .demos-img.s155x116.primary.flipbook { background-position: -620px 0; } .demos-img.s155x116.primary.photo-gallery { background-position: -775px 0; } .demos-img.s155x116.primary.bookshelf { background-position: -930px 0; } .demos-img.s155x116.catalogs { background-image: url("../images/155x116-catalogs.jpg"); } .demos-img.s155x116.documents { background-image: url("../images/155x116-documents.jpg"); } .demos-img.s155x116.brochures { background-image: url("../images/155x116-brochures.jpg"); } .demos-img.s155x116.magazines { background-image: url("../images/155x116-magazines.jpg"); } .demos-img.s155x116.flipbooks { background-image: url("../images/155x116-books.jpg"); } .demos-img.s155x116.photos { background-image: url("../images/155x116-photos.jpg"); } .demos-img.s155x116.first { background-position: 0 0; } .demos-img.s155x116.second { background-position: -155px 0; } .demos-img.s155x116.third { background-position: -310px 0; } h3.alt { display: block; font-size: 15px; overflow: hidden; position: relative; margin: 0; padding: 0; } h3.alt.s120x90 { width: 120px; height: 90px; } h3.alt.s120x90.cornered { border: 1px solid white; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); } h3.alt.s155x116 { width: 155px; height: 116px; } h3.alt .demos-img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #downloads .header { margin-bottom: 5px; } #downloads .header .notes { float: left; width: 500px; margin: 0 0 10px; color: #555555; } #downloads .header .notes p { margin-bottom: 5px; } #downloads .header .notes p.small { margin: 0 0 10px; font-size: 11px; color: #999999; } #downloads .header .notes ul { margin: 5px 0; padding: 0; } #downloads .header .notes li { margin: 4px 0; list-style: none; background: url("../images/check.gif") no-repeat 1px 0.2em; padding: 0 0 0 20px; } #downloads .header .download { margin: 0 0 0 547px; padding: 15px 0; } #downloads .header .download-button { display: block; width: 358px; height: 97px; margin: 0; color: white; font-weight: bold; text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); background: url("../images/download-button.png") no-repeat left 0px; } #downloads .header .download-button:hover { background-position: left -97px; } #downloads .header .download-button:active { top: 1px; } #downloads .header .download-button span { display: block; } #downloads .header .download-button .caption { padding: 20px 0 0 110px; line-height: 32px; font-size: 26px; text-transform: uppercase; } #downloads .header .download-button .title { padding: 0 0 3px 112px; line-height: 18px; font-size: 14px; } #downloads .header .download-button .info { padding: 0 0 0 112px; font-size: 11px; color: #456226; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); } #downloads .header .release-notes { width: 358px; margin: 0 0 15px 547px; text-align: center; font-size: 14px; } #downloads .header .thanks { background: url("../images/publisher-icon-m.png") no-repeat 0 10px; padding: 10px 0 15px 150px; overflow: hidden; } #downloads .header .thanks h1 { margin: 0 0 10px; font-size: 18px; font-weight: normal; } #downloads .header .thanks .notes { margin-left: 0; } #downloads .header .thanks .notes li { margin: 0 0 0 15px; padding: 0; background: none; list-style: disc; } #downloads .header .content { padding: 0; } #downloads .content { padding: 5px 0 0; color: #555555; } #downloads .content .note { margin: 5px 1px 25px 0; padding: 12px 100px 12px 15px; font-size: 11px; color: black; background: #f9f5c7; border: 1px solid #bab795; border-radius: 5px; } #downloads .content h2 { margin: 0; font-size: 18px; font-weight: normal; color: #999999; } #downloads .content .install-steps { margin: 0; padding: 0; } #downloads .content .install-steps li { display: inline-block; *display: inline; *zoom: 1; width: 260px; margin: 0 0 0 54px; list-style: none; vertical-align: top; } #downloads .content .install-steps li:first-child { margin: 0; } #downloads .content .install-steps li h3 { margin: 15px 0 20px; font-size: 13px; } #downloads .content .install-steps li p { line-height: 16px; font-size: 11px; margin-bottom: 0; } #downloads .content .install-steps li .picture { margin: 0; padding: 15px; text-align: center; background: #f7f7f7; border-radius: 7px; } #downloads .content .install-steps li .picture img { border-radius: 5px; } #downloads .content .help, #downloads .content .news, #downloads .content .buy { float: left; width: 270px; margin: 0 25px 50px 0; } #downloads .content .help h2, #downloads .content .news h2, #downloads .content .buy h2 { margin: 15px 0; font-size: 14px; font-weight: bold; color: #555555; } #downloads .content .help p, #downloads .content .news p, #downloads .content .buy p { margin: 15px 0; } #downloads .content .help form { padding: 15px; background: #f7f7f7; border-radius: 7px; } #downloads .content .help form .text { height: 18px; } #downloads .content .help form button { margin: 0; padding-left: 1em; padding-right: 1em; } #downloads .content .news .like { border: 5px solid #f7f7f7; border-radius: 7px; } #downloads.dynamic.page .content table td { border: 0; } .download.element { padding: 40px 25px; } .download.element h1, .download.element h2 { font-size: 20px; font-weight: normal; } #eula_download { padding: 15px; } #eula_download h2 { color: black; font-size: 21px; margin-bottom: 15px; } #eula_download .scroller { background: white; border: 1px solid #c7c8ca; height: 370px; *height: 365px; width: 728px; } #eula_download .eula { background: white; height: 370px; *height: 365px; width: 728px; overflow: auto; } #eula_download .eula p.separator { margin: 20px; } #eula_download .eula div { width: 691px; padding: 10px; } #eula_download .eula div p { text-align: justify; } #eula_download a#printer { float: left; margin: 12px 0 0 0; } #eula_download a#eula_accept_button { margin: 14px 0 0 0; padding-top: 6px; float: right; font-size: 18px; height: 30px; width: 170px; } .support12 .content .sections, .support12 .content .links { font-size: 11px; } .support12 .docs-panel .docs-search .query input { box-shadow: none !important; } .accordeon-grad { border: 1px solid lightgrey; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); list-style: none outside none; margin: 0 0 27px; padding: 0; } .accordeon-grad .description { padding: 5px 0; width: 240px; } .accordeon-grad > li { background: -moz-linear-gradient(top, white 25%, #f7f7f8 100%) repeat scroll 0 0 #fcfcfc; background: -webkit-linear-gradient(top, white 25%, #f7f7f8 100%) repeat scroll 0 0 #fcfcfc; background: -o-linear-gradient(top, white 25%, #f7f7f8 100%) repeat scroll 0 0 #fcfcfc; background: -ms-linear-gradient(top, white 25%, #f7f7f8 100%) repeat scroll 0 0 #fcfcfc; background: linear-gradient(top, white 25%, #f7f7f8 100%) repeat scroll 0 0 #fcfcfc; border-top: 1px solid lightgrey; margin: 0; padding: 1px; } .accordeon-grad > li.last-child, .accordeon-grad > li:last-child, .accordeon-grad > li.last-child .a, .accordeon-grad > li:last-child .a { -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-top-left-radius: 4px; -moz-border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .accordeon-grad > li:first-child { -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-top-left-radius: 4px; -moz-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top: 0 none; } .accordeon-grad > li:first-child .a { -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-top-left-radius: 4px; -moz-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .accordeon-grad > li .a { padding: 15px 80px 15px 20px; } .accordeon-grad > li .info { padding: 0 20px 15px; } .accordeon-grad h3 { color: #333333; font-size: 15px; font-weight: bold; text-decoration: none; } .accordeon-grad h3 a { color: #333333; font-size: 15px; font-weight: bold; text-decoration: none; } #services .content { margin-right: 310px; padding: 0 15px 10px 0; } #services .icon { background: url("../images/sprites.png") no-repeat scroll 0 0 transparent; border: 0 none; display: inline-block; height: 16px; margin: 0; overflow: hidden; padding: 0; width: 16px; } #services .icon.bigcheck { background-position: -224px -94px; float: left; height: 70px; margin: 9px 20px 5px 0; vertical-align: baseline; width: 66px; } #services .contacts-sidebar { float: right; padding: 10px 25px 10px 10px; width: 273px; } #services .demos { margin: 0 0 0 20px; } #services .demos ul { list-style: none outside none; margin: 0; padding: 0; } #services .demos ul li { display: inline-block; *display: inline; *zoom: 1; margin: 0 8px 8px 0; } #services .demos ul li img { border: 5px solid #e6e6e6; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 1px 2px 1px #bbbbbb; -moz-box-shadow: 0px 1px 2px 1px #bbbbbb; box-shadow: 0px 1px 2px 1px #bbbbbb; } #services input[type="text"], #services input[type="password"], #services input[type="number"], #services input[type="email"] { height: 17px; vertical-align: middle; } #services .ipad-app img { margin: -6px 8px; *margin: -4px 8px; padding: 0; } #services #submitTicketForm { margin-left: 365px; } #services .ticket h2 { color: #333333; font-size: 15px; font-weight: bold; line-height: 20px; margin: 5px 0; } #services .ticket p { width: 550px; } #services .ticket .field { margin: 12px 0 15px; } #services .ticket .field .label { margin: 2px 0; } #services .ticket .field .textinput { border: 1px solid #cccccc; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; color: black; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; outline: medium none; padding: 3px 5px; text-indent: 2px; width: 435px; } #services .ticket .field textarea.textinput { height: 100px; overflow-x: hidden; overflow-y: auto; resize: vertical; } #services .ticket.received { border: 1px solid #cccccc; border-radius: 5px 5px 5px 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); margin: 30px 0 40px 5px; padding: 5px 15px; } #services .ticket.received h2, #services .ticket.received p { margin-left: 85px; margin-top: 10px; } input.error, textarea.error, select.error { border-color: #e26161 !important; } .normal-validation label.error { background: none repeat scroll 0 0 transparent; border: 0 none; box-shadow: 0 0 0 0 transparent; color: #ce5454 !important; font-weight: normal; margin: 2px 0 5px; padding: 0; position: static; text-shadow: 0 0 0 transparent; } /*========================================== #about { float: right; width: 325px; margin: 0; padding: 25px; } #about h1 { font-size: 15px; } #about .facebook { margin: 35px 0 70px; text-align: center; } #about .twitter #tweet { position: relative; padding: 10px; background: #ebf5f6; border-radius: 5px; } #about .twitter #tweet a { color: #6bafe9; text-decoration: none; } #about .twitter #tweet a:hover { text-decoration: underline; } #about .twitter h2 { font-size: 15px; } #about .twitter h6 { color: #777777; } #about .twitter .bird { position: absolute; right: 15px; top: -47px; width: 72px; height: 59px; margin: 0; background: url("../images/twt_bird.jpg") no-repeat; } #about .twitter .tweet_list { margin: 10px 0 0; padding: 0; } #about .twitter .tweet_list li { list-style: none; padding: 15px 5px; border-top: 1px solid #d5e7ea; } #about .twitter .tweet_list .tweet_first { border: 0; padding-top: 0; } #about .twitter .tweet_list .tweet_even { background: #e6f2f4; } #about .twitter .tweet_list .twt_date { color: gray; } #about .twitter .linksblock { margin: 10px 0 0 5px; } #about .twitter .linksblock .twitterlink { background: url("../images/twt_small.jpg") no-repeat 0 2px; padding: 4px 0 4px 22px; height: 16px; } #about .twitter .linksblock .rsslink { background: url("../images/rss_small.jpg") no-repeat 0 2px; margin-left: 8px; padding: 4px 0 4px 22px; height: 16px; } #about-team { width: 530px; overflow: hidden; margin: 13px 0 0 10px; padding: 20px; background: #f4f5f7; border-radius: 10px; } #about-team h2 { font-size: 16px; margin: 0 0 20px; } #about-team .members { width: 650px; } #about-team .member { float: left; width: 255px; margin: 0 30px 35px 0; } #about-team .member img { display: block; position: relative; float: left; margin: 0 20px 0 0; border-radius: 46px; -moz-border-radius: 46px; -webkit-border-radius: 46px; } #about-team .member .info { float: left; } #about-team .member .info .name { margin: 25px 0 0 0; font-size: 14px; font-weight: bold; } #about-team .member .info .position { color: #555555; } #who-uses { float: right; width: 280px; margin: 0 0 40px; } #who-uses h2 { margin: 0; padding: 2px 0 20px; font-size: 15px; } #who-uses .clients { position: relative; height: 606px; overflow: hidden; } #who-uses .clients ul { position: relative; margin: 0; padding: 0; } #who-uses .clients li { float: left; width: 140px; height: 101px; overflow: hidden; margin: 0; padding: 0; list-style: none; } #who-uses .clients li img { display: block; } #who-uses .more { clear: left; margin: 20px 40px 0 0; text-align: center; } #who-uses .more button { display: none; } #testimonials { width: 600px; margin: 15px 0 0; } #release-notes .filter label { display: block; float: left; padding: 6px 8px 0 0; } #release-notes .content .changes { margin: 0 0 20px -3px; padding: 0 0 0 48px; background: url("../images/stable.png") no-repeat left 5px; } #release-notes .content .changes div { margin: 4px 0; text-indent: -17px; } #release-notes .content .changes .version { margin: 0; padding: 2px 0 0 17px; font-size: 16px; font-weight: bold; } #release-notes .content .changes .date { padding: 0 0 5px 17px; margin-top: 2px; font-size: 11px; color: #666666; } #release-notes .content .changes .icon { display: inline-block; width: 10px; height: 8px; margin: 0 3px 0 0; background: no-repeat center; } #release-notes .content .changes .icon.New { background-image: url("../images/plus.gif"); } #release-notes .content .changes .icon.Fix { background-image: url("../images/check.gif"); } #release-notes .content .changes.PublicBeta { background-image: url("../images/beta.png"); } #compare-editions { padding: 20px 30px 20px 25px; } #compare-editions h1 { margin: 0 0 15px; } #compare-editions .edition-comparison { width: 100%; } #compare-editions .edition-comparison p { margin: 0; } .release-notes-header.header p.description { margin-right: 195px; } .release-notes-header.header .header-1 h1 { margin-bottom: 10px; } #early-access { padding: 15px 40px 40px 30px; font-size: 13px; } #early-access .login { margin: 30px 0 40px; padding: 15px 20px 20px; background: #e7f4fb; border: 1px solid #cccccc; border-radius: 7px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 0 2px white; } #early-access .login.fail { background: #fbeeee; } #early-access .login.fail.nobeta { background: #f0ffe0; } #early-access .login h3 { margin: 0; font-size: 18px; color: #354756; } #early-access .login .description { float: right; width: 510px; margin: 25px 20px 0 0; } #early-access .login form { margin: 15px 0 0; } #early-access .login .submit { margin: 20px 0 0; } #early-access .login .submit a { color: #1091db; } #early-access .login .input { margin: 10px 0; } #early-access .login label { font-size: 12px; font-weight: bold; color: #555555; } #early-access .login input { display: block; width: 260px; margin: 3px 0; padding: 5px; } #early-access .faq h3 { margin: 25px 0 0; font-size: 14px; } #early-access .faq p { margin: 5px 0; } .help-center.page { padding: 0 0 20px; } .help-center.page .header.element { margin-bottom: 20px; } .help-center.page .sections { float: right; width: 275px; margin: 0; } .help-center.page .sections ul { margin: 0; padding: 0; border: 1px solid lightgrey; border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); list-style: none; } .help-center.page .sections h3, .help-center.page .sections h3 a { font-size: 15px; font-weight: bold; color: #333333; text-decoration: none; } .help-center.page .sections li { margin: 0; padding: 1px; } .help-center.page .sections li .a { padding: 15px 80px 15px 20px; background: #fcfcfc; background-image: linear-gradient(top, white 25%, #f7f7f8 100%); background-image: -moz-linear-gradient(top, white 25%, #f7f7f8 100%); background-image: -webkit-linear-gradient(top, white 25%, #f7f7f8 100%); background-image: -o-linear-gradient(top, white 25%, #f7f7f8 100%); } .help-center.page .sections li .a .icon { float: right; margin-right: -70px; width: 64px; height: 64px; background: url("../images/sprites.png") no-repeat; } .help-center.page .sections li .a:hover { background: #468dc8; background-image: linear-gradient(top, #468dc8 25%, #69a2d0 100%); background-image: -moz-linear-gradient(top, #468dc8 25%, #69a2d0 100%); background-image: -webkit-linear-gradient(top, #468dc8 25%, #69a2d0 100%); background-image: -o-linear-gradient(top, #468dc8 25%, #69a2d0 100%); color: white; } .help-center.page .sections li .a:hover a { color: white; } .help-center.page .sections li.support { border-bottom: 1px solid lightgrey; } .help-center.page .sections li.support .a { border-top-left-radius: 4px; border-top-right-radius: 4px; } .help-center.page .sections li.support .icon { background-position: -160px -128px; } .help-center.page .sections li.support:hover .icon { background-position: -160px -192px; } .help-center.page .sections li.user-guide .a { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .help-center.page .sections li.user-guide .icon { background-position: -160px -384px; } .help-center.page .sections li.user-guide:hover .icon { background-position: -160px -448px; } .help-center.page .search { margin: 0 290px 10px 0; padding: 0 25px 20px 0; } .help-center.page .search .form { margin: 10px 0; padding: 20px; background: #f4f5f8; border-radius: 5px; } .help-center.page .search .form table { width: 100%; } .help-center.page .search .form .query, .help-center.page .search .form .query input { width: 100%; } .help-center.page .search .form .query { padding-right: 20px; } .help-center.page .search .form .query input { height: 18px; *width: 99%; } .help-center.page .search .form .submit button { margin: 0; } .help-center.page .search .noresults { margin: 10px 0; } .help-center.page .search .results ul, .help-center.page .search .results li { margin: 0; padding: 0; list-style: none; } .help-center.page .search .results li { margin: 5px 0; } .help-center.page .search .results h3, .help-center.page .search .results h3 a { font-size: 15px; font-weight: bold; color: #333333; text-decoration: none; } .help-center.page .search .results h3 { margin: 15px 0 5px; } .help-center.page .search .results h4 { margin: 5px 0 0; font-size: 14px; font-weight: normal; } .help-center.page .search .results p { margin: 0 0 5px; } .help-center.page .faq h2 { margin: 30px 0 10px; } .help-center.page .faq li { margin: 10px 0; line-height: 1.3; } .help-center.page .faq .more { margin: 20px 0 0 0; border-top: 1px solid #cccccc; text-align: center; } .help-center.page .faq .more a { position: relative; top: -0.8em; padding: 0 1em; background: white; } .help-center.page .links { margin: 10px 310px 0 0; } .help-center.page .links ul, .help-center.page .links li { margin: 0; padding: 0; list-style: none; } .help-center.page .links ul { overflow: hidden; padding: 5px 0 0 0; } .help-center.page .links li { float: left; width: 255px; margin: 0 40px 0 -25px; padding-left: 25px; border-left: 1px solid #cccccc; } .help-center.page .links h3 { margin: -4px 0 0 0; } .help-center.page .links h3, .help-center.page .links h3 a { font-size: 15px; color: #333333; text-decoration: none; } .help-center.page .links ul ul { padding: 0; overflow: visible; } .help-center.page .links li li { float: none; margin: 10px 0 0; line-height: 1.3; padding: 0; border: none; } .help-center.page .links #page-159 { margin-right: 0; } .admin-form { float: left; min-width: 50%; margin: 15px 25px 35px; padding: 20px 30px 30px 20px; background: #f7f7f7; border: 1px solid #dddddd; border-radius: 10px; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); } .admin-form h1 { margin: 0 0 10px; font-size: 20px; font-weight: bold; } .admin-form h1, .admin-form h1 a { color: #999999; } .admin-form h1 a { text-decoration: none; border-bottom: 1px dotted; } .admin-form h1 b { font-weight: bold; color: #333333; } .admin-form form .input { margin: 1em 0; } .admin-form form .input label { margin-right: 0.5em; color: #777777; font-weight: bold; } .admin-form form .input input[type=text], .admin-form form .input input[type=password], .admin-form form .input input[type=file], .admin-form form .input textarea, .admin-form form .input select, .admin-form form .input .selectbox { display: block; } .admin-form form .input input[type=text], .admin-form form .input input[type=password], .admin-form form .input textarea { width: 350px; } .admin-form form .input select { min-width: 350px; max-width: 500px; } .admin-form form .input select.short { min-width: 0; } .admin-form form .input input[type=text].wide, .admin-form form .input input[type=password].wide, .admin-form form .input textarea.wide, .admin-form form .input select.wide { width: 835px; } .admin-form form .input textarea { height: 6em; resize: vertical; } .admin-form form .input textarea.tall { height: 30em; } .admin-form form .input textarea.tinymce { height: 40em; } .admin-form form .input fieldset { padding: 5px 10px 10px; border: 1px solid #cccccc; border-radius: 3px; } .admin-form form .input fieldset legend { padding: 0 2px; margin-left: -3px; color: #777777; font-weight: bold; } .admin-form form .input fieldset input[type=radio] { margin-right: 0.3em; } .admin-form form .input fieldset label { margin-right: 2em; font-weight: normal; color: #333333; } .admin-form form .input.checkbox input { position: relative; top: 0.15em; } .admin-form form .input.checkbox label { padding-left: 0.5em; } .admin-form form .error-message { font-size: 11px; color: #cc0000; } .admin-form form .submit button, .admin-form form .submit .button, .admin-form form .submit input[type=button], .admin-form form .submit input[type=submit], .admin-form form .submit input[type=reset] { padding-left: 1em; padding-right: 1em; min-width: 6em; } .admin-table { margin: 1em 0; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1); } .admin-table.wide { width: 845px; } .admin-table td, .admin-table th { padding: 5px; background: white; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .admin-table thead td, .admin-table thead th { color: #777777; background: #dddddd; background-image: linear-gradient(top, white 1%, #dddddd 99%); background-image: -moz-linear-gradient(top, white 1%, #dddddd 99%); background-image: -webkit-linear-gradient(top, white 1%, #dddddd 99%); } .admin-table .actions a { margin-right: 0.5em; } .admin-table .actions a.delete { color: #cc0000; } #flashMessage, #authMessage { margin: 13px; padding: 8px 10px; background: #ffffcc; border: 1px solid #ddddcc; } #users-index .users-actions { margin: 10px 0; } #pages-index .index { margin: 10px 0; } #pages-index .index ul { margin: 0 15px; padding: 0; } #pages-index .index li { margin: 0; padding: 0; } #pages-index .index li.single a { text-decoration: none; } #pages-index .index li.unpublished .title { opacity: 0.5; } #pages-index .index .actions { margin: 0 5px; visibility: hidden; } #pages-index .index .title:hover .actions { visibility: visible; } .images.controller { padding: 5px 20px; } .images.controller h1 { margin: 10px 0; } .images.controller label { font-weight: bold; color: #555555; } .images.controller.upload button { padding: 2px 15px; margin-top: 0; } .images.controller.edit .preview { margin: 10px 0; width: 440px; max-height: 320px; overflow: auto; text-align: center; border: 1px solid #bbbbbb; } .images.controller.edit .preview .inside { padding: 10px 0; background: #cccccc url("../images/transparency.gif") repeat left top; } .images.controller.edit .preview img { max-width: 400px; } .images.controller.edit .properties td, .images.controller.edit .properties th { padding: 3px 0; } .images.controller.edit .properties th { padding-right: 5px; } .images.controller.edit .embed { margin: 5px 0; } .images.controller.edit .embed textarea { width: 430px; height: 6em; } .fail-queries table { border: 1px solid #cccccc; } .fail-queries table td, .fail-queries table th { padding: 3px 7px; } .fail-queries table thead th { background: #cccccc; background-image: linear-gradient(top, #eeeeee 0, #cccccc 100%); background-image: -moz-linear-gradient(top, #eeeeee 0, #cccccc 100%); background-image: -webkit-linear-gradient(top, #eeeeee 0, #cccccc 100%); } .fail-queries table td { background: white; } .fail-queries table .even td { background: #eeeeee; } .fail-queries table .date { white-space: nowrap; } .fail-queries table .count, .fail-queries table .ajax { width: 15%; } ==============*/