/* $Id: common.css 10458 2008-04-14 22:40:20Z spatel $ */ * { border: 0px;} img, iframe, form, body, ul, li, ol, p, a, h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; border: 0px; } iframe { border: 1px inset; } input, select, textarea { margin: auto; border: 2px inset; height: auto; width: auto; } .systemMessageContainer {z-index:2000; position:absolute; padding: 0px 5px 5px 0px; top: -500px; filter:alpha(opacity=100); cursor: default;} .systemMessageContainer * { margin: 0px; padding: 0px; border: 0px;} .systemMessage { z-index: 1900; position: relative; padding: 5px 16px 5px 5px; font-weight:bold; } /*START moved from DOM.css */ /* apply this class to images that need to be inline */ .inlineimage, .assetThumbnail { display: inline; } .assetThumbnail { padding-top:10px; } /*END moved from dom.css */ /* BODY ---------------------------------------------- */ body, table, td { font-size: 10px; font-family: verdana, arial, sans-serif; } td.center { text-align: center } td.right { text-align: right } body.login { text-align: center; margin-top: 100px; } body.dialogBody { padding: 5px; } body.formBody { margin: 5px; } /* MAIN PAGE */ #container { position: relative; height: 40px; padding: 0px;} #header { padding: 4px 10px; height: 21px; font-size: 14px; font-weight: bold; text-align: right;} #name { margin-left: 220px; height: 28px; line-height: 28px; padding: 0px 10px;} #nav { float: left; width: 214px; font-weight: bold; font-size: 12px; } #choosesite { margin: 0px 0px 2px; padding: 4px 8px; line-height: 24px; } #heading { height: 24px; padding: 4px 10px; line-height: 20px; } #sitecontent { padding: 10px; height: 280px; font-weight: normal; overflow: auto; font-size: 10px; } /* Primary nav buttons expand/collapse ---------------------------------------------- */ #expand, #collapse { height: 5px; padding: 2px; text-align: center;} #collapse a {display:block;} #expand a {display:block;} #expand, #smallbuttons { display: none; } /* main frame expand/collapse */ #navExpand, #navCollapse { width: 6px; position: absolute; bottom: 50%; left: 1px;} #navCollapse a { display:block;} #navExpand a { display:block;} #navExpand { display: none; } /* Primary nav buttons ---------------------------------------------- */ a.buttons, a.buttons:active, a.buttons:link, a.buttons:visited, a.buttonson, a.buttonson:active, a.buttonson:hover, a.buttonson:visited { display: block; height: 24px; line-height: 24px; padding: 4px 10px; margin-top: 1px; text-decoration: none; } a.buttons:link, a.buttons:visited { text-decoration: none; } a.buttons:hover, a.buttonson, a.buttonson:link, a.buttonson:visited, a.buttonson:hover { text-decoration: none;} #nav #buttons a.buttonson:link, #nav #buttons a.buttonson:visited { color:orange; } a.buttons:hover, a.buttonson:hover { color:orange; } #buttons img { margin: 2px 5px 0px -4px; float: left; } ul.smallbuttons { height: 24px; line-height: 24px; padding: 5px 5px 2px; margin-top: 1px;} li.smallbuttons { float: left; margin-right: 2px; list-style: none; } a.smallbuttons:link, a.smallbuttons:visited, a.smallbuttonson { height: 19px; width: 21px; display: block; text-align: center; } /* LINKS ---------------------------------------------- */ a:link, a:visited { text-decoration: none; } a:hover { text-decoration: underline; } /* TABS ---------------------------------------------- */ #tabContainer { padding: 10px 0px 0px 10px; height: 28px; } #closeTab a { /*position: absolute; top: 3px; right: 3px;*/ display:none; } #tabContainer div.tabOn span#closeTabLink { position:relative; left:-6px; top:6px; margin:0px; padding:0px 2px; background:none; } #tabContainer div span#closeTabLink { position:relative; left:-16px; top:6px; margin:0px; padding:0px 2px; background:none; } .tabSaved { font-style: normal; vertical-align:middle;} .tabNotSaved { font-style: italic; vertical-align:middle;} .tabSaved img, .tabNotSaved img { margin: 4px 4px 0px 0px; float: left; } #tabContainer div { position: absolute; float: left;} #tabContainer div span { position: relative; float: left; display: block; height: 24px; line-height: 24px; padding: 0px 10px; margin-left: -5px; } #tabContainer div a.tabLink:link, #tabContainer div a.tabLink:visited {position: relative; display: block; float: left; font-weight: bold; font-size: 11px; text-decoration: none; margin-right: -5px; cursor:pointer; padding-right:15px; } #tabContainer div a.tabLinkFirst:link, #tabContainer div a.tabLinkFirst:visited { padding-right:0px; } #tabContainer div a.tabLink:hover span { cursor:pointer; } #tabContainer div a.tabLink:hover { text-decoration: none; cursor:pointer; } #tabContainer .tabOn { font-weight: bold; font-size: 11px; margin-right: 7px;} .arrows {visibility: hidden; position: absolute; top: 7px; z-index:100;} /* WORK BODY TABS ----------------------------------------------*/ #workbody_tabs { position: absolute; bottom: 0px; left: 0px; padding: 9px 0 1px 10px; font-weight: bold; background:#999; width: 100%;} #workbody_tabs div { position: relative; float: left; margin: 0 12px 0 0; } #workbody_tabs div span { position: relative; float: left; display: block; height: 24px; line-height: 24px; padding: 0px 8px; margin-left: -5px; background: url(../images/d_tab_left_on.gif) no-repeat; } #workbody_tabs div a:link, #workbody_tabs div a:visited { position: relative; display: block; float: left; text-decoration: none; margin-right: -5px; background: url(../images/d_tab_right_on.gif) no-repeat top right; color: #fff;} #workbody_tabs div a:hover span { background: url(../images/wb_tab_hover_left.gif) no-repeat; } #workbody_tabs div a:hover { background: url(../images/wb_tab_hover_right.gif) no-repeat top right; color: #888; } #workbody_tabs div.workbody_tabsOn a:link span { background: url(../images/wb_tab_left.gif) no-repeat; height: 28px; } #workbody_tabs div.workbody_tabsOn a:link, #workbody_tabs div.workbody_tabsOn a:visited { position: relative; margin-bottom: -3px; background: url(../images/wb_tab_right.gif) no-repeat top right; height: 28px; color: #888;} #workbody_tabs div.workbody_tabsOn a:hover { background: url(../images/wb_tab_right.gif) no-repeat top right;} #workbody_tabs div.workbody_tabsOn a:hover span { background: url(../images/wb_tab_left.gif) no-repeat;} /* lists and list headings ----------------------------------------------*/ table.clippingList { table-layout: fixed; } table.clippingList td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } td.listHeading, td.listHeadingHover, td.listHeadingDisabled { padding-left: 6px; font-weight: bold; vertical-align:middle; height:34px; } td.listHeadingHover { cursor:pointer; } .listHeadingText { font-weight: bold; } td.listHeadingTitle { padding-left: 6px; font-size: 110%; font-weight: bold; vertical-align: bottom;} td.listHeadingIframe { padding-left: 6px; font-weight: bold; vertical-align:middle; } .listHeadingSortImg { padding-left: 3px; display: inline; } div.listItem, div.listItemSelected { width: 100%; line-height:25px; margin: 0px;} td.listItem { padding-left: 6px; } div.listItemClassificationContentOfSubCat { line-height: 70%; font-size: 90%; padding: 0px; height: 10px; margin-top: -2px; margin-left: 8px; margin-bottom: 4px; } .systemControls { position: absolute; top: 10px; right: 5px; } .highlightBorder { width: 100%; line-height:3px; border-top: 3px solid #000; margin: 0px 0px 0px 0px;} .transparent { width: 100%; line-height:25px; filter:alpha(opacity=50); -moz-opacity: .50;} .pagingLinks { width:100%; text-align: center; } .pagingItem { display: inline; padding: 5px; } .pagingItemSelected { display: inline; padding: 5px; text-decoration:underline; font-weight:bold;} form.listForm select { font-size: 10px; } /* Form Controls ---------------------------------------------- */ #controls { padding-bottom:1px; background-repeat: repeat-x; background-position: bottom left;} .formControls { padding: 6px; font-weight: bold; } .formControlButton a:link, .formControlButton a:visited, .formControlButtondisable a:link, .formControlButtondisable a:visited { display: block; float: left; padding: 0px 6px; height: 20px; margin-left: 2px; line-height: 20px; font-weight: bold; } .formControlButton a:hover, .formControlButtondisable a:hover { text-decoration:none; } .formControlButton img, .formControlButtondisable img { padding: 4px 4px 0px 0px; float: left; } .formControlButtonhidden {display:none;} .formControlLabel { float: left; height: 20px; line-height: 20px; padding: 0px 6px; } .formControlLabel img { padding: 3px 4px 0px 0px; float: left; } .formControls select { margin: 1px 0px 0px; font-size: 9px; float: left; } .formControlText { float: left; height: 22px; line-height: 22px; padding: 0px 6px; font-weight: normal; } .listControlSeparator, .formControlSeparator { display:inline; float: left; width: 1px; height: 25px; } .formControlSeparator { margin: 0px 0px 0px 10px; } .listControlSeparator { margin: 2px 2px 0px 0px; } .listControlSeparatorIframe { } #invoicePleaseWait { padding: 0px 0px 8px; height: 10px; margin-left: 8px; line-height: 10px; font-weight: bold; } /* FORMS ---------------------------------------------- */ form { display: inline; } input.searchs { height: 15px; width: 115px; font-size: 9px; } input { margin: 0px; } textarea { margin: 0px; } input#searchbutton { background: transparent; border: none; margin: 0px; width: 48px; height: 17px; } .button, .buttonArrow, .buttonDisabled, .buttonCancel { font-size: 11px; font-weight: bold; height: 20px; margin-right: 1px; border-width: 1px; } .buttonCancel { position: relative; left: 20px; } .buttonArrow { font-size: 14px; margin-bottom: 5px; position: relative; margin-top:-6px} .buttonMoveSelect { position: relative; up:15;} div.retypePrompt { visibility:hidden; display:inline; font-weight: bold; } #capText {position: relative; bottom:20px} #capShow {position: relative; right:100px} #assetLinkSettings {position: relative; right:100px} /* ELEMENTS ---------------------------------------------- */ h1, h2 { font-family: trebuchet ms, arial, sans-serif; font-size: 11px;} p { margin-bottom: 2px;} /* TREE MENU ---------------------------------------------- */ .option { padding: 4px; font-size: 11px; } .plusMinus { display: inline; margin-right: 4px; } .sectionIcon { padding-right: 5px; display: inline; } /* LOGIN ---------------------------------------------- */ #loginContainer { position: relative; margin: 0px auto; width: 300px; font-size: 9px; text-align: left; } #loginContainer h1 { position: relative; height: 40px; line-height: 40px; font-size: 20px; padding: 0px 10px;} .loginContent { position: relative; padding: 10px; margin: 10px; } .loginContent2 { position: relative; padding: 10px; background-image: url(../images/login_bg.gif); background-repeat: no-repeat; background-position: bottom right; } .loginContent2 input { width: 150px; padding: 1px 4px;} .loginContent2 input.button { width: 60px; font-family: verdana, arial, sans-serif; } .accesskey { text-decoration: underline; } .loginText { text-align: left;} .loginContent2 td { text-align: right; padding: 2px;} .error { padding-bottom: 5px;} /* FORM Body ---------------------------------------------- */ .formFieldset { background: #ddd url(../images/formblock_back.gif) repeat-x 0px 0px; position: relative; border: 1px solid #ccc; clear:both; float:none; margin: 20px 2px 0 2px; } .formFieldset legend { background:url(../images/formblock_back.gif) repeat-x 0px 7px; font-weight:bold; color:#000; font-size:10px; padding:0 3px; position: relative; top: -7px; } /* Hide this rule from IE */ *>.formFieldset legend { /* Since Gecko ignores the rule above, we'll push it up with margin-bottom */ margin-bottom: 3px; } *>.formFieldset { margin: 10px 2px; } td.formContent { width:100%;} .formRequired, .formError { font-size: 9px;} /* start not used ........ */ .XXXformblock { margin-top: 15px; margin-bottom: 12px; background-image: url(../images/formblock_back.gif); background-repeat: repeat-x; } .XXXformblockPositioner { position: relative; padding: 10px 0px 10px 0px;}/* this style to line up the h3 background image without dealing with IE border bug */ /* ........ end not used */ .formblockLabel { position: absolute; top: -10px; left: 10px; font-size: 10px; padding: 3px 8px; background: url(../images/formblock_back.gif) repeat-x 0px 9px;} .searchformblockLabel { position: absolute; top: 0px; left: 0px; font-size: 10px; padding: 3px 8px;} html>body .formblockTable { width: 100%; } .formblockTable td { padding: 3px 2px; } td.formLabel { vertical-align: top; padding-top: 5px;} .formblockTableCustom { table-layout: fixed; } html>body .formblockTableCustom { table-layout: auto; } .formRequired { display:block; padding-top: 2px;} /* standard forms */ .standardForm input, .standardForm textarea { padding: 1px 2px; } .multiSelect { width: 200px; } .multiSelectButtons { height: 68%; margin-top: 37px; } /* radio button style */ .standardForm input.radiobutton { width: auto; border: 0px; background: none; vertical-align: middle; margin-right: 5px;} /* check box style */ .standardForm input.check { width: auto; border: 0px; background: none; } .standardForm input.checkbox { width: auto; border: 0px; background: none; vertical-align: middle; margin-right: 5px;} input.short { width: 90px;} input.button { border-width: 1px;} /* profile form */ .themeSelect { float:left; margin-right:8px; } /* MISC ---------------------------------------------- */ .displayNone { display: none; } .fileManagerBreadcrumb a:link { text-decoration: none; } .fileManagerBreadcrumb, .fileManagerBreadcrumb a:link, .fileManagerBreadcrumb a:visited, .fileManagerBreadcrumb a:hover { font-size: 12px; font-weight: bold; color: white; height: 25px; line-height: 25px; } .fileManagerBreadcrumb { padding-left: 5px; } /* product spec select ---------------------------------------------- */ td.specTable, td.specTableSelected {border-left: solid 1px black; border-top: solid 1px black; vertical-align: top; } table.specTable {border-right: solid 1px black; border-bottom: solid 1px black; background-color: white; width:100%; } /* DIALOGUE ---------------------------------------------- */ #d_tabs { position: relative; height: 25px; padding-left: 5px; font-weight: bold; } .dialogAutoScroll { position: relative; overflow:auto; width:100%; } #d_tabs div { position: relative; float: left; margin-right: 11px; } #d_tabs div span { position: relative; float: left; display: block; height: 24px; line-height: 22px; padding: 0px 8px; margin-left: -5px; background: url(../images/d_tab_left_on.gif) no-repeat; } #d_tabs div a:link, #d_tabs div a:visited { position: relative; display: block; float: left; text-decoration: none; margin-right: -5px; background: url(../images/d_tab_right_on.gif) no-repeat top right;} #d_tabs div a:hover span { background: url(../images/d_tab_left.gif) no-repeat; } #d_tabs div a:hover { background: url(../images/d_tab_right.gif) no-repeat top right; } #d_tabs .d_tabOn { position: relative; margin-right: 6px; background: url(../images/d_tab_right.gif) no-repeat top right;} #d_tabs .d_tabOn span { background: url(../images/d_tab_left.gif) no-repeat; } /* if moz gets more than 1 px it will shift things below it */ #d_tabs .wizardHeading { height: 20px; line-height: 20px; font-size: 12px; margin-left: -5px; padding-left: 10px; } #d_tabs .wizardStep { position: absolute; top: 5px; right: 5px; font-size: 12px; } #tabsForm .dialogAutoScroll { position: relative; top: -10px } .dialogButtonContainer { text-align: center; padding-top: 4px; } #d_content { position: relative; padding: 12px 5px 1px 5px; font-size: 9px; } #d_apply { position: relative; padding: 6px 0px; text-align: right; } #d_apply a:link, #d_apply a:visited, #d_apply span { padding: 3px 10px;} /* Below this is stuff for "Home" ---------------------------------------------- */ /* CLASS */ .pad { padding: 10px 10px; } .more { font-size: 8px; line-height: 8px; text-align: right; font-family: verdana, sans-serif; font-weight: bold;} .more a:link, .more a:visited { display: block; padding: 4px 5px; } .more a:hover { text-decoration: none; } .noerrors, .errors { padding: 3px;} /* documents in progress */ #dip { margin: -160px 0px 0px 270px; } #dip h2 { height: 18px; line-height: 18px; padding: 0px 5px;} table.diphead { height: 20px; } table.diphead td, div.diprow td { padding: 4px; vertical-align: top; } table.diphead { width: 100%; } html>body table.diphead { width: 99%; } td.listHeadingHoverDashboard { color: white; cursor: pointer; } /* dipcontent's width and overflow-x are needed to fix IE bug where the dip table overlaps browser's scroll bar */ #dipcontent { height: 115px; overflow: auto; width: 482px; overflow-x: hidden;} div.diprowSelected { line-height: 20px; border-bottom: 1px dashed #ccc; } div.diprowSelected td { padding-left: 5px; vertical-align: top; } html>body div.diprowSelected td { padding-left: 4px; } /* CMS Activity */ #cmsactivity { height: 292px; margin-top: 10px; } #cmsactivity h1 { height: 24px; line-height: 24px; padding: 0px 10px; font-size: 14px; font-family: trebuchet ms, arial, sans-serif; } #cmsactivity h2 { height: 16px; line-height: 16px; padding: 0px 5px; } #cmsErrors { width: 20%; height: 135px; float: left; margin-left: 10px;} #cmsErrorsContent { padding: 4px; height: 223px; overflow: auto; } /* SITE Activity */ #siteactivity { position: relative; height: 305px; margin-top: 10px;} #siteactivity h1 { height: 24px; line-height: 24px; padding: 0px 10px; font-size: 14px; font-family: trebuchet ms, arial, sans-serif; } #siteactivity h2 { height: 16px; line-height: 16px; padding: 0px 5px;} .toppagescontent { height: 228px;} .topPages { padding: 4px; } #searchTerms { position: relative; margin-bottom: 5px;} .searchTerms table {width: 100%;} .searchTerms td { padding: 4px; width: 50%;} .searchTerms th { padding: 4px; text-align: left;} .conversions td { padding: 4px; } .conversions .col1 { width: 240px; } .conversions .col2 { width: 42px; text-align: right; } #siteErrors { position: relative; margin-bottom: 5px; } #siteErrorsContent { padding: 5px; height: 116px; overflow: auto; } #siteFeedback { position: relative; } #siteFeedbackContent { padding: 5px; height: 53px;} /* Footer */ #footer { position: relative; height: 18px; line-height: 18px; padding: 5px 10px; clear: both; margin: 5px 1px; } #footer span { float: right; } #content { padding-top: 5px;} /* this is the container for the pages "within" the iframe */ #maincontent { padding: 8px; } #welcome { position: relative; height: 175px;} #welcomeOnly { position: relative; height: 420px;} #profile { position: relative; width: 245px; height: 160px;} #photo { float: left; } #personal { width: 190px; float: right;} #personal strong, #personal em { display: block; } #personal em { margin-bottom: 10px;} #personal h1 { font-size: 15px; line-height: 11px; margin: 0px 0px 5px 0px;} #login { font-size: 9px;} #login h1 { margin: 0px; padding: 2px 0px;} #messages { margin: 5px 0px; padding: 3px 0px; } /* Misc. Items to fix up quirks */ .clearLeft {clear: left;} /* Calandar Style ---------------------------------------------- */ .CMSCalendarcpYearNavigation,.CMSCalendarcpMonthNavigation { text-align:center; vertical-align:middle; text-decoration:none; font-weight:bold; } .CMSCalendarcpDayColumnHeader, .CMSCalendarcpYearNavigation, .CMSCalendarcpMonthNavigation, .CMSCalendarcpCurrentMonthDate, .CMSCalendarcpCurrentMonthDateDisabled, .CMSCalendarcpOtherMonthDate, .CMSCalendarcpOtherMonthDateDisabled, .CMSCalendarcpCurrentDate, .CMSCalendarcpCurrentDateDisabled, .CMSCalendarcpTodayText, .CMSCalendarcpTodayTextDisabled, .CMSCalendarcpText { font-family:arial, sans-serif; font-size:8pt; } TD.CMSCalendarcpDayColumnHeader { text-align:right; } .CMSCalendarcpCurrentMonthDate, .CMSCalendarcpOtherMonthDate, .CMSCalendarcpCurrentDate { text-align:right; text-decoration:none; } .CMSCalendarcpCurrentMonthDateDisabled, .CMSCalendarcpOtherMonthDateDisabled,.CMSCalendarcpCurrentDateDisabled { text-align:right; text-decoration:line-through; } .CMSCalendarcpCurrentMonthDate { font-weight:bold;} .CMSCalendarcpCurrentDate { font-weight:bold; } a.CMSCalendarcpTodayText, span.CMSCalendarcpTodayTextDisabled { height:20px; } a.CMSCalendarcpTodayText { font-weight:bold; } /* new dashboard */ .dashboard_profile { width: 100%;} .dashboard_profile td { vertical-align: top;} .dashboard_profile .mug { width: 64px; padding: 15px 10px 30px 15px; } .dashboard_profile .profile_info { width: 190px; padding: 10px 10px 10px 5px;} .dashboard_profile h1 { font-size: 14px; border-bottom: 1px solid #dedac0;} .dashboard_profile h1 span { display: block; font-size: 12px; font-weight: normal; } .dashboard_profile .profile_login { padding: 15px 0 0;} .dashboard_profile .profile_edit a:link, .dashboard_profile .profile_edit a:visited { display: block; font-size: 10px; padding: 4px 0 4px 17px; background: url(../images/icon_editprofile.gif) no-repeat 0 5px; } .dashboard_profile .dip { padding: 10px 10px 10px 0;} .dashboard_profile .dip table { width: 100%; } .dashboard_profile .dip h2 { padding: 6px 5px; font-size: 14px; } .dashboard_profile .dip th { padding: 2px 5px; text-align: left; border-right: 1px solid #c6c1a7; border-left: 1px solid #fbfbf7; white-space: nowrap;} .dashboard_profile .dip td { padding: 2px 5px; border: 1px solid #ece9d8; border-width: 0 1px 1px 0; border-left: 1px solid #fff;} .dashboard_profile .dip td.title { position: relative; padding: 0;} a.dashmore:link, a.dashmore:visited { padding: 0 0 0 6px; background: url(../images/arrow_more.gif) no-repeat 0 5px; text-decoration: none; } #uno { padding-right: 15px; } #dos { padding: 0 15px; } #tres { padding-left: 15px; } .dashboard_line { width: 1px; font-size: 1px; } #dashboard { position: relative; width: 100%;} #dashboard th, #dashboard td { text-align: left; vertical-align: top;} #dashboard h1 { font-size: 14px; padding: 8px 6px; margin: 0 0 10px; text-transform: uppercase;} .dashboardTable { width: 100%; margin: 0 0 15px; } .dashboardTable td h2 { padding: 8px 6px 6px; font-size: 14px;} .dashboardTable th { border-bottom: 1px solid #ccc; padding: 5px 10px 3px; white-space: nowrap;} .dashboardTable td { padding: 3px 10px 3px; } .dashboardTable td.title { padding: 0;} .dash_list { padding-top: 10px; } .dash_list input { margin-bottom: -3px; } /*adds scroll to items in dashboard that are too long*/ /* #dashboard .dash_list { overflow: auto; max-height: 225px; } * html #dashboard .dash_list { height: 175px; } */ .floatleft {float:left} /* courses ====================================================================================== */ .courses { margin-bottom: 30px; width: 558px; /*\*/width: 560px;/**/ border: 1px solid #535152; } .courses td { padding: 7px 5px; border-right: 1px solid #fff; } .courses_top { position: relative; padding: 5px 10px; background: #535152 url(../images/courses_top.gif) no-repeat top left; font-weight: bold; color: #fff; font-size: 13px;} .courses_btm { margin: 0 0 10px; padding: 7px 5px; background: url(../images/courses_btm.gif) no-repeat bottom left; } .courses .row1 td { border: 1px solid #fff; border-width: 1px 1px 1px 0; background: #e8e8e8;} .courses .row2 td { background: #FEEFC8;} .courses .row3 td { background: #FFFFFF;} .courses .row4 td { background: #D8EFFE;} .courselist { margin-bottom:30px; } .courselist table { border: 1px solid #535152; } .courselist th, .courselist td { padding: 7px 5px; border-right: 1px solid #fff; } .top { position: relative; padding: 5px 10px; background: #535152 url(../images/courses_top.gif) no-repeat top left; font-weight: bold; color: #fff; font-size: 13px;} .btm { margin: 0 0 10px; padding: 7px 7px; background: url(../images/courses_btm.gif) no-repeat bottom left; text-align:right; color:#fff; font-weight:bold; } .courselist .row1 th { background: #FEEFC8;} .courselist .row0 td { background: #e3e3e3;} .courselist .row1 td { background: #f6f6f6;} .courselist .none { text-align:center; } .courseDetail { margin-bottom:30px; } .courseDetail table { border-left: 1px solid #535152; border-right: 1px solid #535152;} .courseDetail th, .courseDetail td { padding: 7px 5px; border-right: 1px solid #fff; } .courseDetail .top { position: relative; padding: 5px 10px; background: #535152 url(../images/courses_top.gif) no-repeat top left; font-weight: bold; color: #fff; font-size: 13px;} .courseDetail .btm { margin: 0 0 10px; padding: 7px 7px; background: url(../images/courses_btm.gif) no-repeat bottom left; text-align:right; color:#fff; font-weight:bold; } .courseDetail .sectionHeader th { background: #feefc8;} .courseDetail .subHeader th { background: #e3e3e3;} .courseDetail td.label { background: #e3e3e3; width:100px; } .courseDetail td.value, .courseDetail td.students{ background: #f6f6f6;} .courseDetail td.students table{ border:none; } .courseDetail td.students table th { border-bottom:solid 1px #ccc; border-right:none } .courseDetail td.students table td { padding:3px 5px; border:none; } .courseTest { margin-bottom:30px; } .courseTest table { border: 1px solid #535152; } .courseTest th, .courseTest td { padding: 7px 5px; border-right: 1px solid #fff; } .courseTest .top { position: relative; padding: 5px 10px; background: #535152 url(../images/courses_top.gif) no-repeat top left; font-weight: bold; color: #fff; font-size: 13px;} .courseTest .btm { margin: 0 0 10px; padding: 7px 7px; background: url(../images/courses_btm.gif) no-repeat bottom left; text-align:right; color:#fff; font-weight:bold; } .courseTest .sectionHeader th { background: #feefc8;} .courseTest td.label { background: #e3e3e3; width:100px; } .courseTest td.value { background: #f6f6f6;} .courseTest .testInstructions { border:dotted 1px #999; margin:25px; padding:10px; } .courseTest .question { font-weight:bold; font-size:12px; padding:5px; } .courseTest .answer { padding:5px; } .courseTest .answer .option { padding:5px 0 5px 20px;} .courseTest .question .questionNumber { } .courseTest td.testNavButtons {text-align:right; } .testError { color:#c00; font-weight:bold; } .courseTest .unansweredQuestions { border:solid 1px #ccc; background:#eee; padding:10px; margin:10px 30px } .courseTest .unansweredQuestions .notice{ color:#c00; font-weight:bold; } .courseTest .unansweredQuestions .questionNumbers { margin:10px 0 0 20px; } /* subscriptions ====================================================================================== */ .subscriptionlist { margin-bottom:30px; } .subscriptionlist table { border: 1px solid #535152; } .subscriptionlist th, .subscriptionlist td { padding: 7px 5px; border-right: 1px solid #fff; } .top { position: relative; padding: 5px 10px; background: #535152 url(../images/courses_top.gif) no-repeat top left; font-weight: bold; color: #fff; font-size: 13px;} .btm { margin: 0 0 10px; padding: 7px 7px; background: url(../images/courses_btm.gif) no-repeat bottom left; text-align:right; color:#fff; font-weight:bold; } .subscriptionlist .row1 th { background: #FEEFC8;} .subscriptionlist .row0 td { background: #e3e3e3;} .subscriptionlist .row1 td { background: #f6f6f6;} .subscriptionlist .none { text-align:center; }