/*
* 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
*
*
*/
/* 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/report_header.gif"); /*need change per application*/
background-repeat: no-repeat;
/*background-position: 3%;*/
height: 82px; /*need change per application*/
width: 100%;
}
/*OF THE FOLLOWING THREE CLASSES, WE USUALLY ONLY CHOOSE ONE*/
/*----------------------------------------------------------------------------*/
/*for links on the right side of the logo*/
/*for top banner*/
.bannerLeftCell
{
background-image: url(../images/texas_topLeft.gif);
background-repeat: no-repeat;
width: 92px;
height: 94px;
}
.bannerCell
{
vertical-align: top;
text-align:left;
height:53px; /*may change on depend on the height of the image in the banner*/
background: #ffffff url(../images/shadedLightBG.gif); /*the bgcolor and link to the image in the banner*/
background-repeat: repeat-x;
padding: 0px;
line-height: 15px;
}
.bannerRightCell
{
width: 200px;
text-align:right;
padding: 0px;
background: #ffffff url(../images/shadedLightBG.gif); /*the bgcolor and link to the image in the banner*/
vertical-align: top;
}
.bannerHeader
{
font: 14pt Arial Narrow;
padding-left: 2px;
color: #6c8eb7; /*may change on different application*/
}
.bannerPageHeader
{
position: absolute;
top: 20px;
left: 94px;
font: 24pt Arial; /*may change on different application*/
color: #6c8eb7; /*may change on different application*/
line-height: 35px;
width: 900px;
}
/*for links menu under the banner*/
.linksRow
{
text-align: right;
height: 39px;
font: plain 10pt Arial;
background-image: url(../images/linksRow_bg.gif);
background-repeat: repeat-x;
vertical-align: middle;
}
.linksCell
{
text-align: right;
}
.linksCell a:link, .linksCell a:visited {
text-decoration: none;
color: #0066cc; /*will change per application*/
position:relative;
z-index:1;
}
.linksCell a:hover, .linksCell a:focus {
text-decoration: underline;
color: #0066cc; /*will change per application*/
position:relative;
z-index:1;
}
/*for 'powered by emetric' text on top right side of logo (if using 'topBanner')*/
.powered
{
float: right;
color: #333333; /*need change per application*/
font-style: italic;
padding-right: 75px;
padding-top: 25px;
}
/*for title text on the topLogo*/
.headerText
{
font-size: 12pt; /*need change per application*/
font-weight: bold;
text-align: center;
}
#headerDiv
{
width: 100%;
position: relative;
margin-bottom: 10px;
}
/*----------------------------------------------------------------------------*/
/*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;
border: none;
}
/*left column for links (back, logout, etc), MAY NOT BE USED*/
/*hfs-not using selectionColLeft*/
.selectionColLeft
{
vertical-align: top;
background: #ffffff;
background-image: none;
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: 100%; /*hfs - changed this from 80% to 100% since i'm not using selectionColLeft*/
/*padding-left: 10px; */ /*hfs - commented out */
/*padding-right: 10px;*/ /*hfs - commented out */
/*hfs - table is about 11 or 12 px too wide in firefox*/
text-align: left;
vertical-align: top;
}
/*for title of selection panel, most stuff will change per application*/
.groupName
{
border-bottom: solid 1px #084C9E;
width: 100%;
text-align: left;
color: #084C9E;
line-height: 20px;
font-size: 9pt;
font-weight: bold;
table-layout: auto;
}
.groupName table
{
text-align: left;
line-height: 25px;
padding: 0; /*hfs-changed from 10px to 0*/
font-size: 9pt;
font-weight: bold;
width:100%;
white-space: nowrap;
}
.groupName a:link, .groupName a:visited
{
text-align: left;
color: #0066cc;
padding: 0; /*hfs-changed from 10px to 0*/
font-size: 9pt;
font-weight: bold;
width:100%;
white-space: nowrap;
text-decoration: none;
}
.groupName a:hover, .groupName a:focus
{
text-align: left;
color: #0066cc;
padding: 0; /*hfs-changed from 10px to 0*/
font-size: 9pt;
font-weight: bold;
width:100%;
white-space: nowrap;
text-decoration: underline;
}
/*for the content in the selection panel, will change on different application*/
.groupEntry
{
text-align: left;
font-size: 9pt;
border-spacing: 0px;
/*width: 100%; commented out by axton 11/15/06, divs default to 100% and this makes a horizontal scrollbar */
padding: .5em 0 1.5em 1em;
/*border-left: 2px solid #5D82AE;*/
/*border-right: 2px solid #5D82AE;*/
}
.groupEntry table
{
/* text-align: left; */
font-size: 9pt;
border-spacing: 0px;
width: 100%;
padding: 10px;
}
/*for buttons (continue, text report, submit, etc)*/
.subButton
{
text-align:center;
}
/*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 #5D82AE; /*need change per application*/
}
.siLabel
{
font-weight: bold;
font-size: 8pt;
}
.siLabel2
{
font-size: 8pt;
/*float:left;
padding-left: 25px;*/
}
.optional
{
color: #999;
font-weight: normal;
}
/*------Super Demographic Selector---------*/
.fancyLink:hover
{
text-decoration:none;
cursor:pointer;
}
/* !!! IE7 only supports VERY limited CSS styles for option elements (in a select list) !!!*/
.di-sss-SingleDistrictOrSchool-FullStateList
{
min-width: 180px; /*Reduces size jitter for state user*/
}
.di-sss-SingleDistrictOrSchool-FullStateList .di-sss-district
{
background-color: #EEE;
}
.di-sss-SingleDistrictOrSchool-FullStateList .di-sss-school
{
}
.di-sss-multimode-state
{
background-color: #DDD;
}
.di-sss-multimode-district
{
background-color: #EEE;
}
.di-sss-multimode-school
{
}