section
Usually the images that appear in the left column of data tables
--------------------------------------------------------------------- */
.lwDataTable th img {
margin-right: 4px;
vertical-align: middle;
border: none
}
/* Data Table Progress bar (in learning log)
--------------------------------------------------------------------- */
.lwProgressBar {
font-size: 5px;
background-color: #9FD0EA;
border: 1px #0E2D92 solid
}
/* Data Table Indentation handling
controls the amount of indentation in expandable/collapsable table structures
-------------------------------------------------------- */
.lwIndent0 { margin-left: 0px ! important}
.lwIndent1 { margin-left: 20px ! important}
.lwIndent2 { margin-left: 40px ! important}
.lwIndent3 { margin-left: 60px ! important}
.lwIndent4 { margin-left: 80px ! important}
.lwIndent5 { margin-left: 100px ! important}
.lwIndent6 { margin-left: 120px ! important}
/* Data Table single column properties
-------------------------------------------------------- */
.lwDataTableSingleColPad { width: 8px;}
.lwDataTableSingleCol {
font-size: x-small;
border: 1px #0E2D92 solid;
border-collapse= "collapse";
border-spacing: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 10px;
}
.lwDataTableSingleCol em { color: #CC0000}
.lwDataTableSingleCol img {
margin-right: 4px;
vertical-align: middle;
border: none
}
.lwDataTableHeaderTint { background-color: #D8C9D8}
.lwDataTableHeaderTint th,
.lwDataTableHeaderTint td {
font-weight: bold;
color: #000000;
padding: 5px 5px 5px 5px;
border: #000000 solid;
border-width: 0px 0px 0px 0px;
white-space: nowrap
}
.lwDataTableHeaderTint a:link,
.lwDataTableHeaderTint a:active,
.lwDataTableHeaderTint a:visited,
.lwDataTableHeaderTint a:hover {
color: #000000 ! important;
text-decoration: none ! important
}
/*
###########################################################################################################
EDIT TABLE COMPONENT
Comments.
###########################################################################################################
*/
/* Edit table frame formating
-------------------------------------------------------- */
.lwEditTable {
font-size: x-small;
border: 0px ;
border-collapse= "collapse";
border-spacing: 0px;
margin-top: 20px;
}
/* Edit table image properties
-------------------------------------------------------- */
.lwEditTable img { margin-right: 0px; border: none}
/* Edit table emphasis text
-------------------------------------------------------- */
.lwEditTable em { color: #CC0000; font-weight: normal;}
/* Edit table cell widths
Edit cells need to be given specific cell widths in order
for the table to expand to the correct size
.lwEditDescriptionWidth - for the left column
.lwEditInputWidthSmall and .lwEditInputWidthLarge - for the right column
------------------------------------------------------------------------------- */
.lwEditDescriptionWidth { width: 150px;}
.lwEditInputWidthSmall { width: 200px;}
.lwEditInputWidthLarge{ width: 400px;}
/* Edit table cell properties
!!!Warning!!!Warning!!!Warning!!!Warning!!!Warning!!!Warning!!!Warning!!!
When you edit the following td items remember to update the properties in the th items below
-------------------------------------------------------- */
.lwEditRow td, .lwEditRowHighlight td {
font-weight: normal;
padding: 5px 5px 5px 5px;
border: 0px;
vertical-align: top;
}
.lwEditRow th, .lwEditRowHighlight th {
font-weight: bold;
padding: 5px 5px 5px 5px;
border: 0px;
vertical-align: top;
text-align: right;
}
/* Edit table row/cell colours (if needed)
--------------------------------------------------------
.lwEditRow { background-color: #FFFFFF}
.lwEditRowHighlight { background-color: #ECECBD} */
/* Edit table Textbox sizes
These text box sizes will also apply throughout the
rest of the site, not just in the edit tables.
-------------------------------------------------------- */
.lwTableInputExtraLarge { width: 480px}
.lwTableInputExtraLargeMid { width: 480px; vertical-align: middle;}
.lwTableInputLarge { width: 360px}
.lwTableInputLargeMid{ width: 360px; vertical-align: middle;}
.lwTableInputVariable { font-size: x-small}
.lwTableInputVariableMid { font-size: x-small; vertical-align: middle;}
.lwTableInputMedium { width: 240px}
.lwTableInputMediumMid { width: 240px; vertical-align: middle;}
.lwTableInputSmall { width: 120px;}
.lwTableInputSmallMid { width: 120px; vertical-align: middle;}
.lwTableInputTiny { width: 30px}
/*
###########################################################################################################
MENU COMPONENTS
I think there's only one menu now (the admin menu).
###########################################################################################################
*/
.lwMenuBoxHolder { width: 740; margin-top: 30px}
.lwMenuBox {
width: 230px;
margin-right: 4px;
margin-left: 4px;
margin-top: 40px;
margin-bottom: 2px;
top: 2px;
clip: rect( );
float: left;
text-align: center;
font-size: x-small
}
/*
###########################################################################################################
PLAIN PAGE COMPONENTS
Plain pages eg delete messages and export statis etc.
###########################################################################################################
*/
.lwPlainPage {
padding-top: 20px;
width: 480px;
font-size: x-small
}
.lwPlainPageTitle {
font-weight: bold;
font-size: x-small;
padding-bottom: 10px;
}
.lwFloatLeft {
float: left;
padding-right: 10px
}
.lwPlainPageFullWidth {
margin-right: 10px;
margin-left: 10px
}
/*
###########################################################################################################
LOGIN PAGE COMPONENTS
Styles for log in page (should stay constant on each sheet as the login page
Actually this should have it's own style sheet, the only reason it's in here is because it
relies on a few other styles like lwBody.
###########################################################################################################
*/
.lwWolvesText {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
color: #999999
}
.lwGLtext {
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
color: #660099}
.lwGLtext a:link,
.lwGLtext a:active,
.lwGLtext a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
color: #660099
}
.lwGLtext a:link a:hover {
color: #660099 ! important;
text-decoration: none ! important
}
/*
###########################################################################################################
PIM PAGE COMPONENTS
Styles for PIM. Not sure exactly what these are yet because graham did them
will look into further (spen 02/05/03)
###########################################################################################################
*/
.lwUsersNews {
color: #000000;
background-color: #FFFFFF;
text-align: left;
padding: 5px;
height: 250px;
width: 100%;
overflow: scroll;
}
.lwPimIcons {
margin-top: -35px;
position: relative;
top: 35px; clip: rect( )
}
.lwPimIconsIndent {
margin-top: -35px;
position: relative;
top: 35px; clip: rect( );
left: 10px
}
.lwDataTablePim {
font-size: x-small;
border: 1px #7F4C7F solid;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 0px;
margin-bottom: 5px;
/* width: 200px; */
clip: rect( )
}
.lwDataTablePim em { color: #CC0000}
.lwDataTablePim img {
margin-right: 4px;
vertical-align: middle;
border: none
}
.lwDataTableHeaderCenter { background-color: #0E2D92}
.lwDataTableHeaderCenter th,
.lwDataTableHeaderCenter td {
font-weight: bold;
color: #FFFFFF;
padding: 5px 5px 5px 5px;
border: #000000 solid;
border-width: 0px 0px 1px 0px;
text-align: center;
background-image: url(../images/lw_common/cell_back_tab_low.gif);
background-repeat: no-repeat;
background-position: left top;
}
.lwDataTableHeaderCenter a:link,
.lwDataTableHeaderCenter a:active,
.lwDataTableHeaderCenter a:visited,
.lwDataTableHeaderCenter a:hover {
color: #FFFFFF ! important;
text-decoration: none ! important
}
.lwDataTableHeaderRight { background-color: #0E2D92}
.lwDataTableHeaderRight th,
.lwDataTableHeaderRight td {
font-weight: bold;
color: #FFFFFF;
padding: 5px 5px 5px 5px;
border: #000000 solid;
border-width: 0px 0px 1px 0px;
text-align: right;
background-image: url(../images/lw_common/cell_back_tab_low.gif);
background-repeat: no-repeat;
background-position: left top;
}
.lwDataTableHeaderRight a:link,
.lwDataTableHeaderRight a:active,
.lwDataTableHeaderRight a:visited,
.lwDataTableHeaderRight a:hover {
color: #FFFFFF ! important;
text-decoration: none ! important
}
.lwDataRowHighlightRight { background-color: #9FD0EA}
.lwDataRowHighlightRight td {
font-weight: normal;
padding: 5px 5px 5px 5px;
border: #999999;
border-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
vertical-align: top;
text-align: right;
}
.lwDataRowHighlightRight th {
font-weight: normal;
padding: 5px 5px 5px 5px;
border: #999999;
border-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
vertical-align: top;
text-align: right;
}
.lwDataRowHighlightCenter { background-color: #9FD0EA}
.lwDataRowHighlightCenter td {
font-weight: normal;
padding: 5px 5px 5px 5px;
border: #999999;
border-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
vertical-align: top;
text-align: center;
}
.lwDataRowHighlightCenter th {
font-weight: normal;
padding: 5px 5px 5px 5px;
border: #999999;
border-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
vertical-align: top;
text-align: center;
}
.lwPimSearchCheckbox {
width: 85px;
position: relative;
left: -4px
}
.lwForm {
margin-top:-9px;
margin-bottom:-10px;
}
.lwPimLogo {
position: absolute;
top: 0px;
clip: rect( );
left: 50%;
margin-left: -63px
}
.lwInfoFilterPimSearch {
float: left;
padding-right: 10px;
position: relative;
font-size: x-small;
width: 350px
}
.lwInfoFilterPimSearch input,
.lwInfoFilterPimSearch img{
margin-top: 4px;
}
/*
###########################################################################################################
FAQ PAGE COMPONENT
Styles for FAQs.
###########################################################################################################
*/
.lwFaqListQuestions {
position: relative;
left: -12px;
clip: rect( );
list-style-type: none;
padding-bottom: 15px
}
.lwFaqListQuestions li { padding-bottom: 6px;}
.lwFaqListQuestions img {
margin-left: 6px;
vertical-align: middle
}
.lwFaqListAnswers {
padding-left: 27px;
vertical-align: middle;
position: relative;
}
.lwFaqImageIndent {
margin-right: 11px;
vertical-align: middle
}
.lwFaqListAnswers img { vertical-align: middle}
/*
###########################################################################################################
CHAT PAGE COMPONENTS
Styles for chat.
###########################################################################################################
*/
.lwInfoFilterMessage {
float: left;
padding-right: 5px;
position: relative;
font-size: x-small;
white-space: nowrap;
}
.lwInfoFilterMessage input,
.lwInfoFilterMessage select,
.lwInfoFilterMessage img { margin-top: 4px;}
.lwInfoFilterSendto {
float: left;
padding-left: 5px;
position: relative;
font-size: x-small;
white-space: nowrap;
}
.lwInfoFilterSendto input,
.lwInfoFilterSendto select,
.lwInfoFilterSendto img { margin-top: 4px;}
.lwChatPageButtons img {
margin-right: 10px;
position: relative;
top: -1px;
}
.lwChatSubTabs { background-color: #FFFFCC}
.lwTopNavButtonsNoDate {
position: absolute;
right:4px;
top:4px;
padding-bottom: 3px;
padding-top: 2px
}
.lwTopNavButtonsNoDate img { border: none}
.lwChatMessLineHeight {
line-height: 22px;
margin-left: 10px;
margin-top: 10px;
}
/*
###########################################################################################################
NEW CHAT PAGE COMPONENTS
Styles for chat.
###########################################################################################################
*/
.lwChatMenuBack {
background-image: url(../images/lw_common/chat_menu_frame_backdrop_swirl.gif);
background-repeat: no-repeat;
background-position: left top;
background-attachment: fixed;
margin: 20px 0px 10px 10px;
}
.lwChatMenuCollapse {
position: absolute;
top: 0px;
right: 0px;
}
.lwChatConversationBack {
margin: 10px;
background-image: none;
}
.lwChatMessageBack {
background-image: url(../images/lw_common/chat_message_frame_backdrop_swirl.gif);
background-repeat: repeat-x;
background-position: right top;
background-attachment: fixed;
margin: 10px;
}
.lwChatSubTabbuttons {
text-align: right;
padding-right: 10px;
}
/*
###########################################################################################################
CALCULATOR PAGE COMPONENT
Styles for calculator.
###########################################################################################################
*/
.lwCalcTable {
background-color: #FFFFFF;
}
.lwCalcColour1 { background-color: #FDFBEB}
.lwCalcColour2 { background-color: #F9F6D6}
.lwCalcColour3 { background-color: #9FD0EA}
.lwCalcColour4 { background-color: #CC0000}
.lwCalcColour5 { background-color: #F5F0BF}
.lwCalcTableInput {
width: 176px;
background-color: #0E2D92;
color: #FFFFFF;
letter-spacing: 2px;
text-align: right;
padding-right: 5px;
padding-left: 5px
}
.lwError {
color: #CC0000 ! important;
font-size: x-small ! important;
font-weight: normal ! important;
}
/*
###########################################################################################################
PROFILE PAGE COMPONENTS
Styles for profile page
not sure of these yet as GB styled them will look further into (spen 02/05/03).
###########################################################################################################
*/
/* !!!Warning!!!Warning!!!Warning!!!Warning!!!Warning!!!Warning!!!Warning!!!
When you edit the following td items remember to update the properties in the th items below */
.lwProfileRow td {
font-weight: normal;
padding: 5px 5px 5px 5px;
border: #999999;
border-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
vertical-align: top;
}
.lwProfileRow th {
font-weight: bold;
padding: 5px 5px 5px 5px;
border: #999999;
border-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
vertical-align: top;
text-align: left;
white-space: nowrap
}
.lwImageProfilePhotoBorder {
border: 0px #000000 solid;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
}
.lwProfileTable {
font-size: x-small;
border: 0px #0E2D92 solid;
border-collapse= "collapse";
border-spacing: 0px;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
}
.lwProfileTable img {
margin-right: 0px;
border: none
}
.lwProfileTable em {
color: #CC0000;
font-weight: normal;
}
.lwProfilePageButtonsExtra {
text-align: left;
padding-bottom: 3px;
padding-top: 2px
}
.lwProfilePageButtonsBack {
text-align: right;
padding-bottom: 3px;
padding-top: 2px
}
.lwImagePhotoBorder {
padding: 0px 0px;
margin: 0px 0px;
}
/*
###########################################################################################################
ASSESSMENT AND ASSESSMENT MARKING COMPONENTS
Styles for assessments .
###########################################################################################################
*/
/* Assessment highlight correct/incorrect text
Wraps the text to create a block around the correct or incorrect answer
Can be used with or
----------------------------------------------------------------------- */
.lwAssessmentAnswerHighlightCorrect {
background-color: #DEFFCE;
padding: 3px;
border: 1px solid #339900;
}
.lwAssessmentAnswerHighlightIncorrect {
background-color: #FFE6E6;
padding: 3px;
border: 1px solid #CC0000;
}
/* Assessment Fill in the blanks line spacing
Needed to give extra line space to compensate for text boxes
----------------------------------------------------------------------- */
.lwAssessmentQuestionFillBlanks {
line-height: 250%;
}
/* Assessment table properties
----------------------------------------------------------------------- */
.lwAssessmentTable {
border: 2px solid #0E2D92;
width: 96%;
font-size: x-small;
}
.lwAssessmentAssTitle {
background-color: #0E2D92;
padding: 6px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
background-image: url(../images/lw_common/cell_back_tab_low.gif);
background-repeat: no-repeat;
background-position: left top;
}
.lwAssessmentQuestionSetTitle {
background-color: #9FD0EA;
padding: 6px;
text-align: center;
}
.lwAssessmentQuestion {
background-color: #FFFFFF;
border-right-width: 10px;
border-left-width: 10px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-right-color: #9FD0EA;
border-left-color: #9FD0EA;
padding: 10px;
}
.lwAssessmentAnswer {
background-color: #FDFBEB;
border-right-width: 10px;
border-bottom-width: 10px;
border-left-width: 10px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #9FD0EA;
border-bottom-color: #9FD0EA;
border-left-color: #9FD0EA;
padding: 10px;
}
.lwAssessmentAnswer table {
font-size: x-small;
}
/*
###########################################################################################################
EVALUATION COMPONENTS
Comments.
###########################################################################################################
*/
/* Evaluation result boxes
-------------------------------------------------------- */
.lwEvaluationColour5 {
background-color: #CEF682;
padding-top: 3px;
padding-right: 12px;
padding-bottom: 3px;
padding-left: 12px;
border: 1px #336600 solid;
vertical-align: middle
}
.lwEvaluationColour4 {
background-color: #B5E45D;
padding-top: 3px;
padding-right: 12px;
padding-bottom: 3px;
padding-left: 12px;
border: 1px #336600 solid
}
.lwEvaluationColour3 {
background-color: #A7D84B;
padding-top: 3px;
padding-right: 12px;
padding-bottom: 3px;
padding-left: 12px;
border: 1px #336600 solid
}
.lwEvaluationColour2 {
background-color: #98C83C;
padding-top: 3px;
padding-right: 12px;
padding-bottom: 3px;
padding-left: 12px;
border: 1px #336600 solid
}
.lwEvaluationColour1 {
background-color: #B4B920;
padding-top: 3px;
padding-right: 12px;
padding-bottom: 3px;
padding-left: 12px;
border: 1px #336600 solid
}
.lwEvaluationColour0 {
background-color: #FFFFFF;
padding-top: 3px;
padding-right: 12px;
padding-bottom: 3px;
padding-left: 12px;
border: 1px #336600 solid
}
/* Evaluation result boxes (emphasised)
-------------------------------------------------------- */
.lwEvaluationColourEmph5 {
background-color: #FFA509;
padding-top: 3px;
padding-right: 12px;
padding-bottom: 3px;
padding-left: 12px;
border: 1px #B57506 solid;
vertical-align: middle
}
.lwEvaluationColourEmph4 {
background-color: #FFCC33;
padding-top: 3px;
padding-right: 12px;
padding-bottom: 3px;
padding-left: 12px;
border: 1px #B57506 solid
}
.lwEvaluationColourEmph3 {
background-color: #FFDE7B;
padding-top: 3px;
padding-right: 12px;
padding-bottom: 3px;
padding-left: 12px;
border: 1px #B57506 solid
}
.lwEvaluationColourEmph2 {
background-color: #FFEDBA;
padding-top: 3px;
padding-right: 12px;
padding-bottom: 3px;
padding-left: 12px;
border: 1px #B57506 solid
}
.lwEvaluationColourEmph1 {
background-color: #FFF8E3;
padding-top: 3px;
padding-right: 12px;
padding-bottom: 3px;
padding-left: 12px;
border: 1px #B57506 solid
}
.lwEvaluationColourEmph0 {
background-color: #FFFFFF;
padding-top: 3px;
padding-right: 12px;
padding-bottom: 3px;
padding-left: 12px;
border: 1px #CCCCCC solid
}
/*
###########################################################################################################
DIARY PAGES, INCLUDING THE DATE POP UP SCREEN
Comments to go in here.
###########################################################################################################
*/
.lwYearselect {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
color: #FFFFFF;
background-color: #0E2D92;
padding: 6px;
font-weight: bold;
}
.lwMonthdeselect {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: bold;
background-color: #FFFFFF;
color: #FFFFFF;
text-align: center;
}
.lwMonthdeselect a:link, .lwMonthdeselect a:active, .lwMonthdeselect a:visited {
color: #FFFFFF;
text-decoration: none;
}
.lwMonthdeselect a:hover {
color: #FFFFFF;
}
.lwMonthdeselect td {
background-color: #4E99D7;
padding: 2px;
}
.lwMonthselect {
background-color: #0E2D92 ! important;
padding: 2px;
}
.lwDiaryMonthFloat{
float: left;
}
.lwDayselectDayView {
background-color: #F9F6D6;
}
.lwDayselect {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
color: #000000;
background-color: #FDFBEB;
text-align: right;
}
.lwDayselect td {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #F9F6D6;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #F9F6D6;
padding: 0px;
}
.lwDayselect th {
background-color: #F9F6D6;
font-size: x-small;
font-weight: bold;
text-align: center;
padding: 4px 4px 4px 4px;
}
.lwDayselect a:link, .lwDayselect a:active, .lwDayselect a:visited, .lwDiaryNoDaysWeek {
display: block;
color: #000000;
text-decoration: none;
text-align: right;
padding: 3px;
}
.lwDayselect a:link, .lwDayselect a:active, .lwDayselect a:visited, .lwDiaryNoDaysWeek {
display: block;
color: #000000;
text-decoration: none;
text-align: right;
padding: 3px;
}
.lwDayselect a:hover {
display: block;
color: #CC0000;
background-color: #F5F0BF;
text-decoration: none;
text-align: right;
padding: 3px 3px 3px 3px;
width: auto;
}
.lwDateclose {
position: absolute;
right: 5px;
}
.lwDaycurrent {
background-color: #9FD0EA;
}
.lwDaycurrent a:link, .lwDaycurrent a:active, .lwDaycurrent a:visited, {
display: block;
color: #000000;
padding: 3px 3px 3px 3px;
text-decoration: none;
text-align: right;
width: auto;
}
.lwDaycurrent a:hover {
display: block;
color: #CC0000;
background-color: #F5F0BF;
text-decoration: none;
text-align: right;
padding: 3px 3px 3px 3px;
width: auto;
}
.lwDayEntries {
background-color: #F9F6D6;
}
/* Diary caption properties for month tables in year view
----------------------------------------------------------------------- */
.lwTableCaptionLessBotPadding {
font-weight: bold;
padding-bottom: 10px;
font-size: x-small;
top: 2px; position: absolute
}
/*
###########################################################################################################
META DATA TABLE STYLES AND TABLE TABS
Comments to go in here.
###########################################################################################################
*/
.lwMetaColumn { vertical-align: top;}
.lwMetaColumn div {
margin-bottom: 2px;
position: relative;
left: 1px;
margin-left: 0px;
}
.lwMetaTabLow {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: bold;
text-align: left;
}
.lwMetaTabHigh {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: bold;
text-align: left;
}
.lwMetaTabLow a:active,
.lwMetaTabLow a:link,
.lwMetaTabLow a:visited {
color: #FFFFFF;
background-color: #0E2D92;
text-decoration: none;
display: block;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 3px;
padding-right: 3px;
border: 1px solid #000000;
}
.lwMetaTabLow a:hover {
color: #FFFFFF;
background-color: #4E99D7;
text-decoration: none;
display: block;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 3px;
padding-right: 3px;
border: 1px solid #000000;
}
.lwMetaTabHigh a:active,
.lwMetaTabHigh a:link,
.lwMetaTabHigh a:visited,
.lwMetaTabHigh a:hover {
color: #000000;
background-color: #FDFBEB;
text-decoration: none;
display: block;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 3px;
padding-right: 3px;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #0E2D92;
border-right-color: #0E2D92;
border-bottom-color: #0E2D92;
border-left-color: #0E2D92;
}
.lwMetaTable {
font-size: x-small;
border: 0px #0E2D92 solid;
border-collapse= "collapse";
border-spacing: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.lwMetaTable img {
margin-right: 0px;
border: none
}
.lwMetaTable em {
color: #CC0000;
font-weight: normal;
}
.lwMetaDataTable {
font-size: x-small;
border: 1px #1E4D1F solid;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
width: auto;
clip: rect( )
}
.lwMetaTableCaption {
font-weight: normal;
padding-bottom: 26px;
padding-top: 0px;
margin-top: 0px;
font-size: x-small;
text-align: center;
}
.lwMetaTableNoCaption {
font-weight: normal;
padding-bottom: 10px;
padding-top: 0px;
margin-top: 0px;
font-size: x-small;
text-align: center;
visibility: hidden;
}
.lwMetaRow {
background-color: #FDFBEB;
border-top: 1px;
border-bottom: 1px;
border-left: 1px;
border-right: 1px;
border-color: #0E2D92;
border-style: solid;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
width: 100%;
}
.lwMetaInput {
float: left;
padding-right: 10px;
position: relative;
white-space: nowrap
}
.lwMetaInput input,
.lwMetaInput select {
margin-top: 4px;
margin-bottom: 2px
}
.lwMetaInput span {
vertical-align: middle;
position: relative;
top: 1px;
}
.lwMetaInputStatic {
padding-right: 10px;
white-space: nowrap
}
.lwMetaInputStatic input,
.lwMetaInputStatic select {
margin-top: 4px;
margin-bottom: 2px
}
.lwMetaInputStatic span {
vertical-align: middle;
position: relative;
top: 1px;
}
/* Meta data row styles for edit tables
Controls the style of the rows in tables.
(Slight differnece: Row content vertically aligned centrally)
----------------------------------------------------------------------- */
.lwEditMetaRowEven { background-color: #F9F6D6}
/* !!!Warning!!!Warning!!!Warning!!!Warning!!!Warning!!!Warning!!!Warning!!!
When you edit the following td items remember to update the properties in the th items below */
.lwEditMetaRowOdd td,
.lwEditMetaRowEven td {
font-weight: normal;
padding: 5px 5px 5px 7px;
border: #999999;
border-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
vertical-align: middle;
}
.lwEditMetaRowOdd th,
.lwEditMetaRowEven th {
font-weight: bold;
padding: 5px 5px 5px 5px;
border: #999999;
border-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
vertical-align: middle;
text-align: right;
white-space: nowrap
}
/*
###########################################################################################################
New styles for PIM Layout Configuration (Blackpool)
###########################################################################################################
*/
.lwOpaque {
background-color: #FFFFFF;
}
.xxsText {
font-size: xx-small;
font-weight: bold;
text-align: left;
}
.lwleftRightAlign {
width: 100%;
text-align: right;
}
/*
#################
PIM Layout screen
#################
*/
/* Outside table */
.lwPimLayoutHoldingTable {
font-size: x-small;
border: 1px solid #000000;
background-color: #666666;
border-collapse: collapse;
width: auto;
}
.lwHoldingTableFiltersRow {
background-color: #4E99D7;
background-image: url(../images/lw_common/cell_back_filters.gif);
background-repeat: repeat-x;
background-position: center top; }
.lwPimLayoutHoldingTableRow { background-color: #FFFFFF; }
.lwPimLayoutHoldingTable th {
font-weight: bold;
color: #FFFFFF;
padding: 5px 5px 5px 5px;
vertical-align: top;
text-align: center;
/* white-space: nowrap */
}
/* Inside tables */
.lwPimPaneFilter {
float: center;
padding-right: 10px;
position: relative;
font-size: x-small
}
.lwPimPaneRow {
background-color: #FBFBF8;
}
.lwPimPane {
font-size: x-small;
border: 1px #4E99D7 solid;
border-spacing: 0px;
margin-top: 10px;
margin-bottom: 10px;
}
.lwPimPane th {
font-weight: bold;
color: #FFFFFF;
padding: 5px 5px 5px 5px;
background-color: #4E99D7;
text-align: left;
}
.lwPimPane th a:link, .lwPimPane a:active, .lwPimPane a:visited {color: #FFFFFF}
.lwPimPane th a:hover {color: #FFFFFF}
.lwPimPane td {
font-weight: normal;
color: #000000;
text-align: right;
padding: 3px 3px 3px 3px;
}
.lwTakeLink { font-size: xx-small;
}
/*
###########################################################################################################
Login pane styles.
###########################################################################################################
*/
div.loginContainer {
width: 100%;
padding: 5px 5px 15px 5px;
margin: 0px auto ;
font-weight: bold
}
div.row {
clear: both;
padding-top: 5px;
}
div.row span.label {
float: left;
width: 80px;
text-align: right;
}
div.row span.formw {
float: right;
/* width: 150px; */
text-align: left;
}