/*
* Filename: commonSelections.css
* written by: hsasongko@emetric.net 15 May 2006
* last modified: 15 May 2006
* ----------------------------------------------
* This stylesheet is the second layer for all selection page in in eMetric application.
* In order to minimize the amount of stylesheets we use, there are some uncommon
* properties that needs to be changed PER PROJECT, such as image-width,
* background color, etc. Such properties are commented below for easy changing.
* The stylesheet includes most, if not all, common properties that used on eMetric selection page.
* All eMetric's selection page should link this stylesheet SECOND (after common.css):
*
*
* ...
*
* // other META elements
*
*
* // State-specific stylesheet links, if any
* // Report-type stylesheet links
* // other elements
*
*
*/
body
{
background-color: #eeefff; /*may change on different application*/
font: 10pt Arial, sans-serif;
color: #000000;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
/* beginning of page*/
.pageContent
{
background: #ffffff; /*need change per application*/
height: 100%;
width: 760px;
padding: 0;
margin: 0 auto;
text-align: left;
}
/*for 'div' element of the logo on the top left*/
.topLogo
{
background-image: url("../images/CAPTmap.gif"); /*need change per application*/
background-repeat: no-repeat;
background-position: 3%;
background-color: #EEEDF7;
height: 86px; /*need change per application*/
width: 100%;
}
/*for 'powered by emetric' text on top right side of logo (if using 'topBanner')*/
.powered
{
float: right;
color: #999999; /*need change per application*/
font-style: italic;
padding-right: 75px;
padding-top: 25px;
}
/*for text on the topLogo*/
.headerText
{
font-size: 16pt; /*need change per application*/
font-weight: bold;
text-align: center;
}
/*for linkCell below top banner (if exist)*/
.linkCell
{
padding-right:5px;
font: bold 10pt Arial; /*need change per application*/
background-color:#dad6ea; /*need change per application*/
border-top: solid 3px #8888cc; /*need change per application*/
border-bottom: solid 3px #8888cc; /*need change per application*/
}
.linkCell a:link, .linkCell a:visited {
text-decoration: none;
color: #0000ff; /*will change per application*/
font-weight: bold;
}
.linkCell a:hover, .linkCell a:focus {
font-weight: bold;
color: #ff0000; /*will change per application*/
}
/*for the table seperating links to left and selections on right*/
.contentTable
{
background: #FFFFFF;
width: 100%;
margin: 0 auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
/*left column for links (back, logout, etc)*/
.selectionColLeft
{
vertical-align: top;
background: #ffffff;
background-image: url("../images/halfSwirl.jpg");
background-position: 140%;
background-repeat: no-repeat;
width: 20%;
padding-left: 10px;
padding-right: 10px;
text-align: right;
border-right: 2px dashed #F2C903;
line-height: 20px;
font-weight: bold;
}
/*right column for the selection itself*/
.selectionColRight
{
background: #ffffff;
width: 80%;
padding-left: 10px;
padding-right: 10px;
text-align: left;
vertical-align: top;
}
/*for title of selection panel, most stuff will change per application*/
.groupName
{
background-color: #e5e5ff; /*will change most of the time*/
background-position: right; /*will change most of the time*/
background-repeat: no-repeat;
border: 0px solid #5F85B1; /*will change most of the time*/
width:100%;
text-align: left;
color: #000000; /*will change most of the time*/
line-height: 25px;
padding-left: 10px;
font-size: 9pt;
font-weight: bold;
}
.groupName table
{
text-align: left;
color: #000000; /*will change most of the time*/
line-height: 25px;
padding-left: 10px;
font-size: 9pt;
font-weight: bold;
width:100%;
white-space: nowrap;
}
/*for the content in the selection panel, will change on different application*/
.groupEntry
{
background-color: #EEEFFF; /*will change most of the time*/
text-align: left;
font-size: 9pt;
border-spacing: 0px;
width: 100%;
padding: 10px 0px 10px 10px;
border: 0px solid #5F85B1; /*will change most of the time*/
}
.groupEntry table
{
background-color: #EEEFFF; /*will change most of the time*/
text-align: left;
font-size: 9pt;
border-spacing: 0px;
width: 100%;
padding: 10px;
}
/*for buttons (continue, text report, submit, etc)*/
.subButton
{
text-align:right;
}
/*other usefull properties*/
.padr
{
padding-right:5px;
padding: .25em .5em;
/*padding: 0px 10px 0px 0px;*/
}
.selectionContentTable
{
width: 95%;
}
/*--------------------------------------------------------------*/
/*divider*/
.divider
{
width: 100%;
border-top: 5px solid #5F85B1; /*need change per application*/
}