File: /home/posscale/public_html/jts/css/jtools.css
/* J! Tools Suite CSS */
body {
margin: 0px;
padding: 0px;
color : #333;
background-color : #FFF;
font-size : 11px;
font-family : Arial, Helvetica, sans-serif;
}
#wrapper {
border: 0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}
#header {
background-color: #000;
background-position: right top;
border-bottom: 4px solid #C64934;
}
#joomla {
position: relative;
width: 96%;
background-position: bottom right;
margin: 0px;
padding: 0px;
}
#stepbar {
background-color: #F1F1F1;
width: 170px !important;
width: 170px;
font-size: 11px;
float: left;
text-align: left;
}
#step {
font-size: 23px;
font-weight: bold;
text-align: center;
color: #666666;
padding: 10px 10px 10px 10px;
white-space: nowrap;
position: relative;
float: center;
}
.step-on {
color: #fff;
background: #c64934;
font-weight: bold;
font-size: 12px;
padding: 5px;
border: 1px solid #cccccc;
margin-bottom: 2px;
}
.step-off {
font-size: 12px;
color: #999999;
font-weight: bold;
padding: 5px;
border: 1px solid #cccccc;
margin-bottom: 2px;
}
#right {
float: right;
width: 555px !important;
width: 545px;
border-left: 1px solid #cccccc;
padding-left: 10px;
}
#right-block {
float: right;
width: 725px !important;
width: 714px;
padding-left: 10px;
}
#break {
height: 20px;
}
.licensetext {
text-align: left;
}
.license {
padding: 0px;
width: 530px;
height: 300px;
}
.license-form {
float: left;
}
.install {
margin-left: auto;
margin-right: auto;
margin-top: 3em;
margin-bottom: 3em;
padding: 10px;
border: 1px solid #cccccc;
width: 750px;
background: #F1F1F1;
}
.diag {
margin-left: auto;
margin-right: auto;
margin-top: 3em;
margin-bottom: 3em;
padding: 10px;
border: 1px solid #cccccc;
width: 80%;
background: #F1F1F1;
}
.gen {
margin-left: auto;
margin-right: auto;
margin-top: 3em;
margin-bottom: 3em;
padding: 20px;
/* border: 1px solid #cccccc; */
width: 80%;
/* background: #F1F1F1; */
}
.install h1 {
font-size: 15px;
font-weight: bold;
color: #c64934;
padding: 10px 10px 4px 0px;
text-align: left;
border-bottom: 1px solid #c64934;
margin-bottom: 10px;
}
.diag h1 {
font-size: 15px;
font-weight: bold;
color: #c64934;
padding: 10px 10px 4px 0px;
text-align: left;
border-bottom: 1px solid #c64934;
margin-bottom: 10px;
}
.help h1 {
font-size: 15px;
font-weight: bold;
color: #c64934;
padding: 10px 10px 4px 0px;
text-align: left;
border-bottom: 1px solid #c64934;
margin-bottom: 10px;
}
.install-form {
position: relative;
text-align: left;
float: right;
width: 74%;
}
.install-text {
position: relative;
text-align: left;
width: 25%;
float: left;
}
.form-block {
border: 1px solid #cccccc;
background: #E9ECEF;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
padding-right: 5px;
}
.left {
position: relative;
text-align: left;
float: left;
width: 50%;
}
.right {
position: relative;
text-align: left;
float: right;
width: 50%;
}
.far-right {
position: relative;
text-align: right;
float: right;
}
.far-left {
position: relative;
text-align: left;
float: left;
}
.clr {
clear:both;
}
.ctr {
text-align: center;
}
.button {
border : solid 1px #cccccc;
background: #E9ECEF;
color : #666666;
font-weight : bold;
font-size : 11px;
padding: 4px;
}
table.content {
width: 95%;
}
table.content td {
color : #333333;
font-size: 11px;
width: 50%;
}
table.content2 {
width: 90%;
}
table.content2 td {
color : #333333;
font-size: 11px;
}
.toggle {
font-weight: bold;
}
/* old stuff */
a {
color: #C64934;
text-decoration: underline;
}
a:hover {
color : #30569D;
text-decoration : underline;
}
a:active {
color : #FF9900;
text-decoration : underline;
}
.inputbox {
color: blue;
font-family: Arial, Helvetica, sans-serif;
z-index: -3;
font-size: 11px;
}
.small {
color : #333;
font-size : 10px;
}
.error {
color : #cc0000;
font-size : 12px;
font-weight : bold;
padding-top: 10px;
padding-bottom: 10px;
}
select.options, input.options {
font-size: 8pt;
border: 1px solid #999;
}
form {
margin: 0px 0px 0px 0px;
}
.dottedline {
border-bottom: 1px solid #333;
}
.installheader {
color : #FFF;
font-size : 24px;
}
textarea {
color : #0000dd;
font-family : Arial;
font-size : 11px;
border: 1px;
}
P.pageBreak {
page-break-before: always;
}
.loading {
background: gold;
color: #000000;
font: 80% sans-serif;
padding: 0.1em 0.2em;
position: absolute;
right: 0.2em;
/* left: 0.5em; */
top: 0.2em;
/* width: 100%; */
text-align: left;
padding-left: 10px;
padding-right: 5px;
background-image: url(images/users.png);
background-repeat: no-repeat;
}
.bad-message {
border: 1px solid #cc0000;
background: #ffffcc;
font-size: 11px;
text-align: left;
vertical-align: top;
min-height: 25px;
padding-bottom: 5px;
padding-left: 25px;
color: red;
font-weight: normal;
background-image: url(../../includes/js/ThemeOffice/warning.png);
background-position: 4px 4px;
background-repeat: no-repeat;
}
.warn-message {
border: 1px solid #666666;
background: #ffffe0;
font-size: 11px;
text-align: left;
vertical-align: top;
min-height: 25px;
padding-bottom: 5px;
padding-left: 25px;
font-weight: normal;
background-image: url(../../includes/js/ThemeOffice/tooltip.png);
background-position: 4px 4px;
background-repeat: no-repeat;
}
.good-message {
border: 1px solid #666666;
background: #ffffff;
font-size: 11px;
text-align: left;
vertical-align: middle;
height: 25px;
min-height: 25px;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 25px;
font-weight: normal;
background-image: url(../../includes/js/ThemeOffice/checkin.png);
background-position: 4px 4px;
background-repeat: no-repeat;
}
.advisor {
border: 1px solid #666666;
background: #ffffff;
font-size: 11px;
text-align: left;
vertical-align: top;
min-height: 25px;
padding-bottom: 5px;
padding-left: 25px;
font-weight: normal;
background-image: url(../../includes/js/ThemeOffice/language.png);
background-position: 4px 4px;
background-repeat: no-repeat;
}
.item {
vertical-align: top;
}
.confirmno {
/* border: 1px solid #c64934; */
color: #c64934;
width: 130px;
height: 24px;
font-size: 12px;
font-weight: bold;
padding-left: 20px;
background-image: url(../../includes/js/ThemeOffice/warning.png);
background-position: 3px 3px;
background-repeat: no-repeat;
}
.confirmyes {
border: 1px solid #C0C0C0;
color: #808080;
width: 100px;
height: 22px;
font-size: 12px;
padding-left: 20px;
background-image: url(../../includes/js/ThemeOffice/language.png);
background-position: 2px 2px;
background-repeat: no-repeat;
}
/* Installation Success Scale */
table { font-family: helvetica; }
.main { }
.side { font-size: 8px; width: 35px; }
.scale { font-size: 8px; border-right: 1px solid #e1e1e1; width: 20px; }
.rate { font-size: 11px; text-align:center; font-weight: bold; color: #404040; background-color: transparent;}
.title { font-size: 12px; text-align:center; font-weight: bold; color: #404040; padding: 5px; }
.scaleMsg { font-size: 10px; text-align:left; font-weight: normal; color: #808080; padding: 5px; }
.installCheckMsg { font-size: 12px; text-align:left; font-weight: normal; color: #808080; padding: 5px; }
#dhtmltooltip { background-image: url(../../includes/js/ThemeOffice/tooltip.png); background-repeat: no-repeat; background-position: 3px 3px; position: absolute; font-family: arial; font-size: 10px; left: -300px; width: 150px; border: 1px solid #808080; padding: 2px; background-color: lightyellow; visibility: hidden; z-index: 100; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); padding-left: 28px; padding-right: 10px; padding-top: 6px; padding-bottom:10px; }
#dhtmlpointer { position:absolute; left: -300px; z-index: 101; visibility: hidden; }
.Heading { background-color: #FFFFFF; font-size: 12px; }
TD.vflist { font-family: arial; font-size: 11px; padding-left: 8px; }
.ext_desc { font-family: arial; font-size: 11px; padding-left: 8px; color: #778899; }
TH.vflist { font-family: arial; font-size: 14px; background-color: #778899; color: #FFFFFF; border: 1px solid #C0C0C0; font-variant: small-caps; }
DIV.vflist { font-family: arial; font-size: 13px; background-color: #778899; color: #FFFFFF; border: 1px solid #C0C0C0; font-variant: small-caps; font-weight: bold; padding: 5px; border: 1px solid #cccccc; margin-bottom: 2px; }