/* ======================================== Views/Style/Default1.ascx - TimeStamp = 20250830_204651 Content is cached - may take 60 seconds for changes to take affect. ======================================== mainColor = #061416 accentColor = #69BDC8 tableColor = #061416 highlightColor = #E1EAEE mainTextColor = #888888 accentTextColor = #FFFFFF subtleTextColor = #999999 */ /* ======================================== Reset ======================================== */ html, body { font-size: 12px; font-family: arial,tahoma,helvetica,sans-serif; color: #444; margin: 0; padding: 0; height: 100.1%; } body { background: url(/User/Content.Custom/Images/Layout/Background.png); background-repeat: repeat-x; padding: 0px; } xbody { background-color: FFFFFF; background-image: url(/User/Content.Custom/Images/Layout/Background.png); background-attachment: fixed; background-repeat: repeat-y; background-position: top center; } table { font-size: 12px; } * { margin: 0px; padding: 0px; outline: 0px; line-height: 1.6; } img { border: none; } input, textarea, select { line-height: normal; border: 1px solid #999; padding: 2px; color: #444; font-size: 12px; font-family: arial,tahoma,helvetica,sans-serif; -moz-border-radius: 2px; -webkit-border-radius: 2px; } select.Account { width: 500px; } select.Small { width: 150px; } select.Medium { width: 300px; } select.Large { width: 500px; } input:focus, textarea:focus, select:focus { border: 1px solid #222; background-color: #FFA; font-size: 12px; } select { line-height: normal; border: 1px solid #999; padding: 3px; color: #444; font-size: 12px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } input:focus, textarea:focus, select:focus { border: 1px solid #222; background-color: #FFA; font-size: 12px; } input:hover, textarea:hover, select:hover { border: 1px solid #222; background-color: #FFA; font-size: 12px; } input[disabled] { color: #444; background-color: #EEE; font-size: 12px; } input[type='submit'], input[type='button'] { color: white; font-weight: normal; background-color: #061416; padding: 2px 6px 2px 6px; margin-left: 2px; margin-right: 6px; border: 2px solid #82898A; cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; } input[type='submit']:hover, input[type='button']:hover { background-color: #1E2B2D; border: 2px solid #505A5B; } input[type='radio'] { border: 0px; margin: 0px 2px 4px 0px; vertical-align: middle; } input[type='checkbox'] { border: 0px; margin: 0px 2px 4px 0px; vertical-align: middle; } input[type='text'] { padding: 4px 2px 4px 2px; } input[type='password'] { padding: 4px 2px 4px 2px; } * :focus { outline: 0 none; -moz-outline: 0 none; } input::-moz-focus-inner { border: none; } input.Tiny { width:40px; } input.Short { width:80px; } input.Small { width:80px; } input.Normal { width: 150px } input.Medium { width: 150px } input.Large { width:250px; } p { padding-top: 6px; padding-bottom: 6px; } img { border: none; } ul, ol { padding-top: 6px; padding-bottom: 6px; } ul, ol, li { list-style: disc; padding-left: 2px; margin-left: 10px; } :focus { outline: none; } table, td, form, fieldset { border: none; } a { color: #444; } a:visited { color: #444; } .Subtle a { color: #999999; } .Subtle a:visited { color: #999999; } .Fixed { font-family: Courier; } a:hover { color: #111; text-decoration: underline; } .nobr { white-space: nowrap; } /* ======================================== Basics ======================================== */ .Normal { font-size: 12px; font-family: arial,tahoma,helvetica,sans-serif; font-weight: normal; color: #444; } .WaterMark { color: #AAA; } .Hide { display: none; } .Right { float: right; } .Left { float: left; } .Bold { font-weight: bold; } .Current { cursor: default; } .Clear { clear: both; height: 0; margin: 0; padding: 0; line-height: 0; font-size: 1px; overflow: hidden; } .Subtle { color: #999999; font-size: 12px; font-family: arial,tahoma,helvetica,sans-serif; font-weight: normal; } .Word { text-align: left; white-space: nowrap; } .Number { text-align: right; white-space: nowrap; } .Phrase { text-align: left } .Error { color: #CC0000; } ul.Error li { color: #CC0000; } .Status0 { color: transparent; } .Status1 { color: #00AA00; } .Status2 { color: #AAAAAA; } .Status3 { color: #AA0000; } .Pop { color: #AA0000; font-weight: bold; } ul.Pop li { color: #AA0000; font-weight: bold; } a.Pop { color: #AA0000; font-weight: bold; } ul.Pop li { color: #AA0000; font-weight: bold; } .PopNormal { color: #AA0000; font-weight: normal; } ul.PopNormal li { color: #AA0000; font-weight: normal; } a.PopNormal { color: #AA0000; font-weight: normal; } ul.PopNormal li { color: #AA0000; font-weight: normal; } span.Explain { float: right; color: #999999; } span.Explain a { color: #999999; } div.Explain { display: none; border-left: 2px solid #CCC; padding: 6px; margin-top: 6px; } span.SubmitWorking { padding-left: 10px; } .CheckImage { border:1px solid #888; padding: 4px; background-color: #CCC; } /* ======================================== Pager ======================================== */ div.Pager { padding-top: 8px; padding-bottom: 8px; } div.Pager a { padding: 3px 6px 3px 6px; border: 2px solid #9BA1A1; text-decoration: none; } div.Pager a.Disable { padding: 3px 6px 3px 6px; border: 2px solid #9BA1A1; color: #999999; text-decoration: none; } div.Pager a.Disable:hover { border: 2px solid #9BA1A1; color: #999999; text-decoration: none; } div.Pager a.Current { padding: 3px 6px 3px 6px; border: 2px solid #9BA1A1; background-color: #CDD0D0; text-decoration: none; } div.Pager a:hover { padding: 3px 6px 3px 6px; border: 2px solid #374344; text-decoration: underline; cursor: pointer; } /* ======================================== Round ======================================== */ .Round { background-color: #E6E7E7; border: 1px solid #DCDEDE; margin-top: 6px; margin-bottom: 6px; padding: 6px; } .RoundPad { padding-top:5px; padding-bottom:5px; } .RoundWrap .hd { background:transparent url(/User/Content/Images/Corners/TopLeft.png) no-repeat 0px 0px ;} .RoundWrap .hd .c { font-size:0px; height:8px; } .RoundWrap .hd .c { background:transparent url(/User/Content/Images/Corners/TopRight.png) no-repeat right 0px; } .RoundWrap .bd { background:transparent url(/User/Content/Images/Corners/MiddleLeft.png) repeat-y 0px 0px; } .RoundWrap .bd .c { background:transparent url(/User/Content/Images/Corners/MiddleRight.png) repeat-y right 0px; } .RoundWrap .bd .c .s { margin:0px 6px 0px 6px; } .RoundWrap .ft { background:transparent url(/User/Content/Images/Corners/BottomLeft.png) no-repeat 0px 0px; } .RoundWrap .ft .c { font-size:0px; height:8px; } .RoundWrap .ft .c { background:transparent url(/User/Content/Images/Corners/BottomRight.png) no-repeat right 0px; } .Round0 { background-color: #E6E7E7; border: 1px solid #DCDEDE; margin-top: 6px; margin-bottom: 6px; padding: 6px; } .Round0Pad { padding-top:5px; padding-bottom:5px; } .Round0Wrap .hd { background:transparent url(/User/Content/Images/Corners0/TopLeft.png) no-repeat 0px 0px; } .Round0Wrap .hd .c { font-size:0px; height:8px; } .Round0Wrap .hd .c { background:transparent url(/User/Content/Images/Corners0/TopRight.png) no-repeat right 0px; } .Round0Wrap .bd { background:transparent url(/User/Content/Images/Corners0/MiddleLeft.png) repeat-y 0px 0px; } .Round0Wrap .bd .c { background:transparent url(/User/Content/Images/Corners0/MiddleRight.png) repeat-y right 0px; } .Round0Wrap .bd .c .s { margin:0px 6px 0px 6px; } .Round0Wrap .ft { background:transparent url(/User/Content/Images/Corners0/BottomLeft.png) no-repeat 0px 0px; } .Round0Wrap .ft .c { font-size:0px; height:8px; } .Round0Wrap .ft .c { background:transparent url(/User/Content/Images/Corners0/BottomRight.png) no-repeat right 0px; } .Round1 { background-color: #E6E7E7; border: 1px solid #DCDEDE; margin-top: 6px; margin-bottom: 6px; padding: 6px; } .Round1Pad { padding-top:5px; padding-bottom:5px; } .Round1Wrap .hd { background:transparent url(/User/Content/Images/Corners1/TopLeft.png) no-repeat 0px 0px; } .Round1Wrap .hd .c { font-size:0px; height:8px; } .Round1Wrap .hd .c { background:transparent url(/User/Content/Images/Corners1/TopRight.png) no-repeat right 0px; } .Round1Wrap .bd { background:transparent url(/User/Content/Images/Corners1/MiddleLeft.png) repeat-y 0px 0px; } .Round1Wrap .bd .c { background:transparent url(/User/Content/Images/Corners1/MiddleRight.png) repeat-y right 0px; } .Round1Wrap .bd .c .s { margin:0px 6px 0px 6px; } .Round1Wrap .ft { background:transparent url(/User/Content/Images/Corners1/BottomLeft.png) no-repeat 0px 0px; } .Round1Wrap .ft .c { font-size:0px; height:8px; } .Round1Wrap .ft .c { background:transparent url(/User/Content/Images/Corners1/BottomRight.png) no-repeat right 0px; } .Round2 { background-color: #E6E7E7; border: 1px solid #DCDEDE; margin-top: 6px; margin-bottom: 6px; padding: 6px; } .Round2Pad { padding-top:5px; padding-bottom:5px; } .Round2Wrap .hd { background:transparent url(/User/Content/Images/Corners2/TopLeft.png) no-repeat 0px 0px; } .Round2Wrap .hd .c { font-size:0px; height:8px; } .Round2Wrap .hd .c { background:transparent url(/User/Content/Images/Corners2/TopRight.png) no-repeat right 0px; } .Round2Wrap .bd { background:transparent url(/User/Content/Images/Corners2/MiddleLeft.png) repeat-y 0px 0px; } .Round2Wrap .bd .c { background:transparent url(/User/Content/Images/Corners2/MiddleRight.png) repeat-y right 0px; } .Round2Wrap .bd .c .s { margin:0px 6px 0px 6px; } .Round2Wrap .ft { background:transparent url(/User/Content/Images/Corners2/BottomLeft.png) no-repeat 0px 0px; } .Round2Wrap .ft .c { font-size:0px; height:8px; } .Round2Wrap .ft .c { background:transparent url(/User/Content/Images/Corners2/BottomRight.png) no-repeat right 0px; } .Round3 { background-color: #E6E7E7; border: 1px solid #DCDEDE; margin-top: 6px; margin-bottom: 6px; padding: 6px; } .Round3Pad { padding-top:5px; padding-bottom:5px; } .Round3Wrap .hd { background:transparent url(/User/Content/Images/Corners3/TopLeft.png) no-repeat 0px 0px; } .Round3Wrap .hd .c { font-size:0px; height:8px; } .Round3Wrap .hd .c { background:transparent url(/User/Content/Images/Corners3/TopRight.png) no-repeat right 0px; } .Round3Wrap .bd { background:transparent url(/User/Content/Images/Corners3/MiddleLeft.png) repeat-y 0px 0px; } .Round3Wrap .bd .c { background:transparent url(/User/Content/Images/Corners3/MiddleRight.png) repeat-y right 0px; } .Round3Wrap .bd .c .s { margin:0px 6px 0px 6px; } .Round3Wrap .ft { background:transparent url(/User/Content/Images/Corners3/BottomLeft.png) no-repeat 0px 0px; } .Round3Wrap .ft .c { font-size:0px; height:8px; } .Round3Wrap .ft .c { background:transparent url(/User/Content/Images/Corners3/BottomRight.png) no-repeat right 0px; } .Round4 { background-color: #E6E7E7; border: 1px solid #DCDEDE; margin-top: 6px; margin-bottom: 6px; padding: 6px; } .Round4Pad { padding-top:5px; padding-bottom:5px; } .Round4Wrap .hd { background:transparent url(/User/Content/Images/Corners4/TopLeft.png) no-repeat 0px 0px; } .Round4Wrap .hd .c { font-size:0px; height:8px; } .Round4Wrap .hd .c { background:transparent url(/User/Content/Images/Corners4/TopRight.png) no-repeat right 0px; } .Round4Wrap .bd { background:transparent url(/User/Content/Images/Corners4/MiddleLeft.png) repeat-y 0px 0px; } .Round4Wrap .bd .c { background:transparent url(/User/Content/Images/Corners4/MiddleRight.png) repeat-y right 0px; } .Round4Wrap .bd .c .s { margin:0px 6px 0px 6px; } .Round4Wrap .ft { background:transparent url(/User/Content/Images/Corners4/BottomLeft.png) no-repeat 0px 0px; } .Round4Wrap .ft .c { font-size:0px; height:8px; } .Round4Wrap .ft .c { background:transparent url(/User/Content/Images/Corners4/BottomRight.png) no-repeat right 0px; } .Round5 { background-color: #E6E7E7; border: 1px solid #DCDEDE; margin-top: 6px; margin-bottom: 6px; padding: 6px; } .Round5Pad { padding-top:5px; padding-bottom:5px; } .Round5Wrap .hd { background:transparent url(/User/Content/Images/Corners5/TopLeft.png) no-repeat 0px 0px; } .Round5Wrap .hd .c { font-size:0px; height:8px; } .Round5Wrap .hd .c { background:transparent url(/User/Content/Images/Corners5/TopRight.png) no-repeat right 0px; } .Round5Wrap .bd { background:transparent url(/User/Content/Images/Corners5/MiddleLeft.png) repeat-y 0px 0px; } .Round5Wrap .bd .c { background:transparent url(/User/Content/Images/Corners5/MiddleRight.png) repeat-y right 0px; } .Round5Wrap .bd .c .s { margin:0px 6px 0px 6px; } .Round5Wrap .ft { background:transparent url(/User/Content/Images/Corners5/BottomLeft.png) no-repeat 0px 0px; } .Round5Wrap .ft .c { font-size:0px; height:8px; } .Round5Wrap .ft .c { background:transparent url(/User/Content/Images/Corners5/BottomRight.png) no-repeat right 0px; } .RoundNotice { background-color: #E6E7E7; border: 1px solid #DCDEDE; margin-top: 6px; margin-bottom: 6px; padding: 6px; } .RoundNoticePad { padding-top:5px; padding-bottom:5px; } .RoundNoticeWrap .hd { background:transparent url(/User/Content/Images/CornersNotice/TopLeft.png) no-repeat 0px 0px; } .RoundNoticeWrap .hd .c { font-size:0px; height:8px; } .RoundNoticeWrap .hd .c { background:transparent url(/User/Content/Images/CornersNotice/TopRight.png) no-repeat right 0px; } .RoundNoticeWrap .bd { background:transparent url(/User/Content/Images/CornersNotice/MiddleLeft.png) repeat-y 0px 0px; } .RoundNoticeWrap .bd .c { background:transparent url(/User/Content/Images/CornersNotice/MiddleRight.png) repeat-y right 0px; } .RoundNoticeWrap .bd .c .s { margin:0px 6px 0px 6px; } .RoundNoticeWrap .ft { background:transparent url(/User/Content/Images/CornersNotice/BottomLeft.png) no-repeat 0px 0px; } .RoundNoticeWrap .ft .c { font-size:0px; height:8px; } .RoundNoticeWrap .ft .c { background:transparent url(/User/Content/Images/CornersNotice/BottomRight.png) no-repeat right 0px; } .RoundWarning { background-color: #E6E7E7; border: 1px solid #DCDEDE; margin-top: 6px; margin-bottom: 6px; padding: 6px; } .RoundWarningPad { padding-top:5px; padding-bottom:5px; } .RoundWarningWrap .hd { background:transparent url(/User/Content/Images/CornersWarning/TopLeft.png) no-repeat 0px 0px; } .RoundWarningWrap .hd .c { font-size:0px; height:8px; } .RoundWarningWrap .hd .c { background:transparent url(/User/Content/Images/CornersWarning/TopRight.png) no-repeat right 0px; } .RoundWarningWrap .bd { background:transparent url(/User/Content/Images/CornersWarning/MiddleLeft.png) repeat-y 0px 0px; } .RoundWarningWrap .bd .c { background:transparent url(/User/Content/Images/CornersWarning/MiddleRight.png) repeat-y right 0px; } .RoundWarningWrap .bd .c .s { margin:0px 6px 0px 6px; } .RoundWarningWrap .ft { background:transparent url(/User/Content/Images/CornersWarning/BottomLeft.png) no-repeat 0px 0px; } .RoundWarningWrap .ft .c { font-size:0px; height:8px; } .RoundWarningWrap .ft .c { background:transparent url(/User/Content/Images/CornersWarning/BottomRight.png) no-repeat right 0px; } /* ======================================== Corner ======================================== */ .Corner { position: relative; margin: 0px auto; min-width: 8em; max-width: 2000px; color: #fff; z-index: 1; margin-left: 10px; margin-bottom: 0.5em; } .Corner .content, .Corner .t, .Corner .b, .Corner .b div { background: transparent url(/User/Content.Custom/Images/Layout/Corner.png) no-repeat top right; xbackground-image: url(xxx.gif); color: #444; } .Corner .content { position: relative; zoom: 1; _overflow-y: hidden; padding: 14px 10px 4px 0px; } .Corner .t { position: absolute; left: 0px; top: 0px; width: 10px; margin-left: -10px; height: 100%; _height: 1600px; background-position: top left; } .Corner .b { position: relative; width: 100%; } .Corner .b, .Corner .b div { height: 10px; font-size: 1px; } .Corner .b { background-position: bottom right; } .Corner .b div { position: relative; width: 10px; margin-left: -10px; background-position: bottom left; } .Corner .hd, .Corner .bd, .Corner .ft { position: relative; } .Corner .wrapper { position: static; max-height: 1000px; overflow: auto; } /* ======================================== Master ======================================== */ div#MasterNoScript { background-color: #FFF; border: 4px solid #555; text-align: center; font-weight: bold; padding: 10px; position: absolute; margin: 0 auto; top: 0px; left: 50%; margin-left: -100px; width: 200px; z-index: 1000; } div#MasterBody { clear: both; width: 960px; margin: 0px auto; background-color: transparent; padding-left: 10px; padding-right: 10px; padding-bottom: 500px; border-left: 0px; border-right: 0px; } div#MasterHeader { padding-bottom: 0px; } div#MasterHeaderBanner { position: relative; padding-bottom: 0px; margin-bottom: 0px; background-color: #061416; background-image: url(/User/Content.Custom/Images/Layout/Header.png); background-repeat: no-repeat; height: 90px; clear: both; } div#MasterHeaderTopMenu { position: relative; padding-top: 4px; padding-bottom: 4px; background-color: #061416; border-top: 2px solid #69BDC8; border-bottom: 4px solid #69BDC8; color: #888888; text-align: right; } div#MasterHeaderTopMenu a { color: #FFFFFF; text-decoration: none; padding-left: 4px; padding-right: 4px; } div#MasterHeaderTopMenu a:hover { color: #FFFFFF; text-decoration: underline; } div#MasterHeaderBottomMenu { color: #444; position: relative; padding-top: 6px; padding-bottom: 6px; margin-bottom: 10px; background-color: transparent; text-align: left; } div#MasterHeaderBottomMenu a { font-weight: normal; text-decoration: underline; padding-left: 2px; padding-right: 2px; padding-bottom: 2px; border-top: 2px solid #E1F1F4; border-bottom: 2px solid #E1F1F4; } div#MasterHeaderBottomMenu a:hover { color: #314062; background-color: #D2EBEE; border-top: 2px solid #69BDC8; border-bottom: 2px solid #69BDC8; } div#MasterMain { } div#MasterFooter { margin-top: 20px; padding-top: 20px; clear: both; } div#MasterFooter a { text-decoration: underline; } div#MasterFooterMore { margin-top: 4px; padding-top: 4px; text-align: center; border-top: 1px solid #CCC; } div#MasterFooterBanner { position: relative; padding-bottom: 0px; margin-bottom: 0px; height: 2px; background-color: #061416; border-bottom: 2px solid #061416; clear: both; } div#MasterFooterMenu { position: relative; padding-top: 4px; padding-bottom: 4px; margin-bottom: 10px; background-color: #CDD0D0; text-align: center; } div#MasterFooterMenu a { color: #444; text-decoration: underline; font-weight: normal; font-size: 12px; padding-left: 3px; padding-right: 3px; padding-bottom: 2px; border: 1px solid #CDD0D0; } div#MasterFooterMenu a:hover { color: #314062; text-decoration: underline; background-color: #B4B8B9; border: 1px solid #9BA1A1; } div#MasterFooterCopyright { padding-top: 10px; text-align: center; font-size: 10px; } .ModalBack { position: absolute; top: 0; left: 0; display: none; width: 100%; z-index:10; background-color: #333; } .Modal { position: absolute; top: 0; left: 0; display: none; width: 500px; padding:10px; border: 2px solid #555; z-index:100; background-color: #fff; } /* ======================================== Content ======================================== */ div#MasterMain .Sidebar { float: right; width: 200px; } div#MasterMain .ContentFull { } div#MasterMain .ContentPart { margin-right:220px; } div#MasterMain .Content { } div#MasterMain .Content1 { margin-right:170px; } div#MasterMain .Sidebar1 { float: right; width: 150px; padding-bottom: 100px; } div#MasterMain .Content2 { margin-right:220px; } div#MasterMain .Sidebar2 { float: right; width: 200px; padding-bottom: 100px; } div#MasterMain .Content3 { margin-right:270px; } div#MasterMain .Sidebar3 { float: right; width: 250px; padding-bottom: 100px; } /* ======================================== Search ======================================== */ div.Search { padding-left: 6px; } div.Search span.More { padding-left: 10px; color: #999999; } div.Search div.Match { color: #999999; padding-top: 6px; } /* ======================================== table.List ======================================== */ table.List { width: 100%; border-spacing: 2px; border-collapse: separate; background-color: #F5F5F5; } table.List td { padding: 5px; vertical-align: top; } table.List tr.Title { font-weight: bold; font-size: 16px; } table.List tr.Title td { border-bottom: 2px solid #69BDC8; } table.List tr.Title span.TitleAmount { font-size: 20px; border: 4px solid #EEE; padding: 4px 2px 4px 2px; } table.List tr.SubTitle { font-weight: bold; font-size: 13px; } table.List tr.SubTitle td { border-bottom: 2px solid #061416; } table.List tr.Menu td { border-bottom: 1px solid #CDD0D0; text-align: right; } table.List tr.Menu td a { margin-left: 1px; margin-right: 1px; } table.List tr.Menu td span a { text-decoration: underline; } table.List tr.Menu td span.Left a { text-decoration: underline; padding-left: 2px; padding-right: 2px; } table.List tr.Menu td span.Left a.ActionLinkIcon { text-decoration: underline; padding-left: 22px; padding-right: 2px; } table.List tr.Header td { background-color: #DCDEDE; border-bottom: 3px solid #D2D4D5; font-weight: bold; vertical-align: top; padding: 3px 5px 0px 5px; } table.List tr.Section { background-color:#D7D9D9; } table.List tr.Section td { xborder-left:6px solid #CDD0D0; border-bottom: 1px solid #69BDC8; font-size:14px; font-weight:bold; } table.List tr.Section td a { text-decoration: underline; } table.List tr.Info { background-color: #E1E2E3; } table.List tr.Info td { border-left: 12px solid #D2D4D5; } table.List tr.Content { background-color: #FAFAFA; } table.List tr.Highlight { background-color: #fffec5; } table.List tr.Highlight td { } table.List tr.Data { } table.List tr.Data td a { text-decoration: none; } table.List tr.Data td a:hover { text-decoration: underline; } table.List tr.Total td { background-color:#FAFAFA; } table.List tr.Total td.Label { text-align:right } table.List tr.Total td.Number { border-top:1px solid #888; border-bottom:1px solid #888; white-space:nowrap } table.List tr.Footer { } /* ======================================== Stripe ======================================== */ .StripeEven { background-color: #F5F5F5; } .StripeOdd { background-color: #FAFAFA; } .StripeHighlight { background-color: #E1EAEE; } table.Edit tr.Field.StripeHighlight { background-color: #E1EAEE; } /* ======================================== table.Edit ======================================== */ table.Edit { width: 100%; border-spacing: 2px; border-collapse: separate; background-color: #F5F5F5; } table.Edit td { padding: 6px; } table.Edit tr.Title { font-weight: bold; font-size: 16px; } table.Edit tr.Title td { border-bottom: 2px solid #69BDC8; } table.Edit tr.Title span.TitleAmount { font-size: 20px; border: 4px solid #EEE; padding: 4px 2px 4px 2px; } table.Edit tr.SubTitle { font-weight: bold; font-size: 13px; } table.Edit tr.SubTitle td { border-bottom: 2px solid #061416; } table.Edit tr.Menu td { border-bottom: 1px solid #CDD0D0; text-align: right; } table.Edit tr.Menu td a { text-decoration: underline; } table.Edit tr.Header td { background-color: #CDD0D0; font-weight: bold; } table.Edit tr.Section { background-color:#D7D9D9; } table.Edit tr.Section td { xborder-left:6px solid #CDD0D0; border-bottom: 1px solid #69BDC8; font-size:14px; font-weight:bold; } table.Edit tr.Section td a { text-decoration: underline; } table.Edit tr.Content { background-color: #FAFAFA; } table.Edit tr.Field { background-color: #FAFAFA; } table.Edit tr.Field td.Label { width: 30%; text-align:right; font-weight: bold; vertical-align: top; } table.Edit tr.Field td.LabelForm { width: 30%; text-align:right; font-weight: bold; vertical-align: top; padding-top: 8px; } table.Edit tr.Field td.Tight { padding-top: 2px; padding-bottom: 2px; padding-left: 20px; font-weight: normal; } table.Edit tr.Field td.Label a { font-weight: normal; } table.Edit tr.Field td.Label div { padding-top: 3px; } table.Edit tr.Field td.Value { width: 70%; vertical-align: top; } table.Edit tr.Field td.Value span.More { color: #999999; padding-left: 10px; } table.Edit tr.Field td.Value span.More a { color: #999999; } table.Edit tr.Field td.Value div.More { padding-top: 8px; color: #999999; } table.Edit tr.Field td.Value div.More a { color: #999999; } table.Edit tr.Field td.Value div.Expand { display: none; border-left: 2px solid #CCC; padding: 6px; margin-top: 6px; } table.Edit tr.Action { background-color: #CDD0D0; } table.Edit tr.Action td.Label { width: 30%; height: 40px; text-align:right; font-weight: bold; vertical-align: middle; } table.Edit tr.Action td.Value { width: 70%; height: 40px; vertical-align: middle; } table.Edit tr.Field span.Require { padding-right: 6px; color: #CC2222; color: #C50000; } table.Edit tr.Field span.RequireYes { padding-left: 6px; color: #C50000; cursor: pointer; } table.Edit tr.Field span.RequireNo { padding-left: 6px; color: #CCCCCC; cursor: pointer; } table.Edit tr.Field span.RequireSkip { padding-left: 6px; color: #CCCCCC; } /* ======================================== table.Basic ======================================== */ table.Basic { border-spacing: 2px; border-collapse: separate; } table.Basic tr.BasicHeader td { font-weight: bold; padding: 2px; padding-right: 20px; vertical-align: top; } table.Basic tr.BasicLine td { padding: 2px; padding-right: 20px; vertical-align: top; } /* ======================================== table.Detail ======================================== */ table.Detail { xwidth: 100%; border-spacing: 2px; border-collapse: separate; } table.Detail td { padding: 2px; } table.Detail tr.Field td.Label { width: 50%; text-align:right; font-weight: bold; vertical-align: top; white-space: nowrap; } table.Detail tr.Field td.Value { width: 50%; vertical-align: top; } /* ======================================== table.DetailTight ======================================== */ table.DetailTight { xwidth: 100%; border-spacing: 2px; border-collapse: separate; font-size: 11px; } table.DetailTight td { padding: 2px; } table.DetailTight tr.Field td.Label { width: 50%; text-align:right; font-weight: bold; vertical-align: top; white-space: nowrap; } table.DetailTight tr.Field td.Value { width: 50%; vertical-align: top; } /* ======================================== table.Inline ======================================== */ table.Inline { border-spacing: 0px; border-collapse: separate; } table.Inline td { padding: 0px 2px 0px 2px; } table.Inline tr.Field td.Label { width: 50%; text-align:right; font-weight: bold; vertical-align: top; white-space: nowrap; } table.Inline tr.Field td.Value { width: 50%; vertical-align: top; } /* ======================================== table.Signin ======================================== */ div.SigninTitle { font-size: 18px; padding-top: 6px; padding-bottom: 6px; } div.SigninSteps { display: inline; float: right; padding-left: 20px; font-weight: normal } div.SigninExtra { padding-top: 30px; padding-bottom: 30px; } div.SigninSidebar { float:right; width: 300px; margin-top:6px; padding-left:10px; padding-bottom:30px; margin-bottom; 30px; border-left: 1px solid #AAA; } div.SigninSidebar ul { } div.SigninContent { margin-right:330px; } table.Signin { width: 100%; border-spacing: 2px; border-collapse: separate; } table.Signin td { padding: 6px; } table.Signin tr.Title { background-color: #DCDEDE; font-weight: bold; font-size: 18px; } table.Signin tr.SubTitle { } table.Signin tr.Menu td { border: 1px solid #C3C6C7; } table.Signin tr.Header td { background-color: #C3C6C7; font-weight: bold; } table.Signin tr.Section { background-color:#D7D9D9; } table.Signin tr.Section td { xborder-left:6px solid #CDD0D0; border-bottom: 1px solid #69BDC8; font-size:14px; font-weight:bold; } table.Signin tr.Field { background-color: #FAFAFA; } table.Signin tr.Field td.Label { width: 30%; text-align:right; font-weight: bold; vertical-align: top; } table.Signin tr.Field td.Value { width: 70%; vertical-align: top; } table.Signin tr.Field td.Value span.More { color: #999999; padding-left: 10px; } table.Signin tr.Field td.Value div.More { color: #999999; } table.Signin tr.Action { background-color: #CDD0D0; } /* ======================================== Access - AccessContent - AccessExtra - AccessSidebar ======================================== */ /*========== AccessContent */ div.AccessContent { margin-right:320px; } /*========== AccessExtra */ div.AccessExtra { margin-right:320px; padding-top: 30px; padding-bottom: 30px; } /*========== AccessSidebar */ div.AccessSidebar { float:right; width: 300px; padding-left:10px; padding-bottom:30px; margin-bottom; 30px; } div.AccessSidebar .Header { font-weight: bold; border-bottom: 1px solid #CDD0D0; } div.AccessSidebar .Content { background-color: #FAFAFA; } div.AccessSidebar .Footer { padding-top: 6px; border-top: 1px solid #CDD0D0; padding-top: 6px; } /*========== AccessTable */ table.AccessTable { width: 100%; border-spacing: 2px; border-collapse: separate; } table.AccessTable td { padding: 6px; } table.AccessTable tr.Title { background-color: #DCDEDE; font-weight: bold; font-size: 18px; } table.AccessTable tr.SubTitle { } table.AccessTable tr.Menu td { border: 1px solid #C3C6C7; } table.AccessTable tr.Header td { background-color: #C3C6C7; font-weight: bold; } table.AccessTable tr.Section { background-color:#D7D9D9; } table.AccessTable tr.Section td { border-bottom: 1px solid #69BDC8; font-size:14px; font-weight:bold; } table.AccessTable tr.Field { background-color: #FAFAFA; } table.AccessTable tr.Field td.Label { width: 30%; text-align:right; font-weight: bold; vertical-align: top; } table.AccessTable tr.Field td.LabelForm { width: 30%; text-align:right; font-weight: bold; vertical-align: top; padding-top: 9px; } table.AccessTable tr.Field td.Value { width: 70%; vertical-align: top; } table.AccessTable tr.Field td.Value span.More { color: #999999; padding-left: 10px; } table.AccessTable tr.Field td.Value div.More { color: #999999; } table.AccessTable tr.Action { background-color: #CDD0D0; } /* ======================================== OptionMenu ======================================== */ span.OptionMenu { float: left; text-decoration: underline; padding-left: 4px; padding-right: 4px; cursor: pointer; } div#OptionMenu div { padding:4px; border-bottom: 1px solid #DDD; } div#OptionMenu div.Separator { padding:4px; border-top: 1px solid #AAA; } div#OptionMenu div a { text-decoration: none; } div#OptionMenu div a:hover { text-decoration: underline; } div#OptionMenu { display: none; position: absolute; top: 0px; left: 0px; padding-left: 4px; padding-right: 4px; background-color: #F0F0F1; border: 2px solid #9BA1A1; border-top: 2px solid #9BA1A1; max-height: 400px; overflow: auto; } /* ======================================== OptionViewMenu ======================================== */ span.OptionViewMenu { text-decoration: underline; padding-left: 4px; padding-right: 4px; cursor: pointer; } div#OptionViewMenu div { padding:4px; border-bottom: 1px solid #DDD; } div#OptionViewMenu div.Separator { padding:4px; border-top: 1px solid #AAA; } div#OptionViewMenu div a { text-decoration: none; } div#OptionViewMenu div a:hover { text-decoration: underline; } div#OptionViewMenu { display: none; position: absolute; top: 0px; left: 0px; padding-left: 4px; padding-right: 4px; background-color: #F0F0F1; border: 2px solid #9BA1A1; border-top: 2px solid #9BA1A1; max-height: 400px; width: 120px; overflow: auto; } /* ======================================== OptionAccountMenu ======================================== */ span.OptionAccountMenu { text-decoration: underline; padding-left: 4px; padding-right: 4px; cursor: pointer; } div#OptionAccountMenu div { padding:4px; border-bottom: 1px solid #DDD; } div#OptionAccountMenu div.Separator { padding:4px; border-top: 1px solid #AAA; } div#OptionAccountMenu div a { text-decoration: none; } div#OptionAccountMenu div a:hover { text-decoration: underline; } div#OptionAccountMenu { display: none; position: absolute; top: 0px; left: 0px; padding-left: 4px; padding-right: 4px; background-color: #F0F0F1; border: 2px solid #9BA1A1; border-top: 2px solid #9BA1A1; max-height: 400px; width: 400px; overflow: auto; } /* ======================================== OptionPrintMenu ======================================== */ span.OptionPrintMenu { text-decoration: underline; padding-left: 4px; padding-right: 4px; cursor: pointer; } div#OptionPrintMenu div { padding:4px; border-bottom: 1px solid #DDD; } div#OptionPrintMenu div.Separator { padding:4px; border-top: 1px solid #AAA; } div#OptionPrintMenu div a { text-decoration: none; } div#OptionPrintMenu div span { float: right; color: #999999; } div#OptionPrintMenu div a:hover { text-decoration: underline; } div#OptionPrintMenu { display: none; position: absolute; top: 0px; left: 0px; padding-left: 4px; padding-right: 4px; background-color: #F0F0F1; border: 2px solid #9BA1A1; border-top: 2px solid #9BA1A1; max-height: 400px; width: 280px; overflow: auto; } /* ======================================== NoticeList ======================================== */ div#NoticeListId { margin-top:10px; margin-bottom:10px; } div#NoticeListContentId { padding: 4px; background-color:#FFFFAA; -moz-border-radius: 5px; border-radius: 5px; } div#NoticeListId ul { padding-top: 2px; padding-bottom: 2px padding-left: 10px; margin:0px; } /* ======================================== Notice ======================================== */ div#NoticeId { margin-top:10px; margin-bottom:10px; } div#NoticeContentId.Round { background-color:#FFFFBB; -moz-border-radius: 5px; border-radius: 5px; } div#NoticeId ul { padding-top: 2px; padding-bottom: 2px; padding-left: 10px; margin:0px; } /* ======================================== WarningList ======================================== */ div#WarningListId { margin-top:10px; margin-bottom:10px; } div#WarningListContentId { padding: 4px; background-color:#FFBBBB; -moz-border-radius: 5px; border-radius: 5px; color: #D00000; } div#WarningListId ul { padding-top: 2px; padding-bottom: 2px; padding-left: 10px; margin:0px; } /* ======================================== Warning ======================================== */ div#WarningId { margin-top:10px; margin-bottom:10px; } div#WarningContentId.Round { background-color:#FFAAAA; -moz-border-radius: 5px; border-radius: 5px; color: #D00000; } div#WarningId ul { padding-top: 2px; padding-bottom: 2px; padding-left: 10px; margin:0px; } /* ======================================== Timeout ======================================== */ div#Timeout { display:none; margin-top:10px; margin-bottom:10px; background-color: transparent; text-align: center; position: fixed; width: 344px; height: 151px; padding: 110px 110px 110px 90px; z-index: 99999; font-size: 14px; color: #003d4d; } div#Timeout .Round { background-color:#FFFFBB; } div#Timeout ul { padding-top: 2px; padding-bottom: 2px; padding-left: 10px; margin:0px; } div#Timeout li { list-style: none; } .timeoutCounter { font-size: 50px; padding-top: 7px; text-align: center; } .timeoutContent { padding-top: 10px; text-align: center; } .timeoutReset { padding-top: 15px; text-align: center; } /* ======================================== SlotSupportId ======================================== */ div#SlotSupportId { margin-top:20px; margin-bottom:20px; } div#SlotSupportId.Round { -moz-border-radius: 5px; border-radius: 5px; color: #444; } div#SlotSupportId div { background-color:#FFA; text-align:center; padding: 10px; text-align: center; } /* ======================================== SlotDriverOfflineId ======================================== */ div#SlotDriverOfflineId { margin-top:20px; margin-bottom:20px; } div#SlotDriverOfflineId.Round { -moz-border-radius: 5px; border-radius: 5px; color: #444; } div#SlotDriverOfflineId div { background-color:#FFA; text-align:center; padding: 10px; text-align: center; } /* ======================================== Icons ======================================== */ /* ========== Add */ a.IconAdd { background: transparent url(/User/Content/Images/Icons/Standard/Add.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 16px; } table.List tr.Data td a.IconAdd:hover { text-decoration: none; } a.IconTextAdd { background: transparent url(/User/Content/Images/Icons/Standard/Add.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 20px; } /* ========== Edit */ a.IconEdit { background: transparent url(/User/Content/Images/Icons/Standard/Edit.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 16px; } table.List tr.Data td a.IconEdit:hover { text-decoration: none; } a.IconTextEdit { background: transparent url(/User/Content/Images/Icons/Standard/Edit.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 20px; } /* ========== EditOff */ a.IconEditOff { background: transparent url(/User/Content/Images/Icons/Standard/EditOff.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 16px; } table.List tr.Data td a.IconEditOff:hover { text-decoration: none; } a.IconTextEditOff { background: transparent url(/User/Content/Images/Icons/Standard/EditOff.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 20px; } /* ========== Delete */ a.IconDelete { background: transparent url(/User/Content/Images/Icons/Standard/Delete.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 16px; } table.List tr.Data td a.IconDelete:hover { text-decoration: none; } a.IconTextDelete { background: transparent url(/User/Content/Images/Icons/Standard/Delete.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 20px; } /* ========== DeleteOff */ a.IconDeleteOff { background: transparent url(/User/Content/Images/Icons/Standard/DeleteOff.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 16px; } table.List tr.Data td a.IconDeleteOff:hover { text-decoration: none; } a.IconTextDeleteOff { background: transparent url(/User/Content/Images/Icons/Standard/DeleteOff.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 20px; } /* ========== List */ a.IconList { background: transparent url(/User/Content/Images/Icons/Standard/List.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 16px; } table.List tr.Data td a.IconList:hover { text-decoration: none; } a.IconTextList { background: transparent url(/User/Content/Images/Icons/Standard/List.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 20px; } /* ========== Download */ a.IconDownload { background: transparent url(/User/Content/Images/Icons/Standard/Download.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 16px; } table.List tr.Data td a.IconDownload:hover { text-decoration: none; } a.IconTextDownload { background: transparent url(/User/Content/Images/Icons/Standard/Download.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 20px; } /* ========== Help */ a.IconHelp { background: transparent url(/User/Content/Images/Icons/Standard/Help.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 16px; } table.List tr.Data td a.IconHelp:hover { text-decoration: none; } a.IconTextHelp { background: transparent url(/User/Content/Images/Icons/Standard/Help.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 20px; } /* ========== Refresh */ a.IconRefresh { background: transparent url(/User/Content/Images/Icons/Standard/Refresh.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 16px; } table.List tr.Data td a.IconRefresh:hover { text-decoration: none; } a.IconTextRefresh { background: transparent url(/User/Content/Images/Icons/Standard/Refresh.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 20px; } /* ========== Check */ a.IconCheck { background: transparent url(/User/Content/Images/Icons/Standard/Check.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 16px; } table.List tr.Data td a.IconCheck:hover { text-decoration: none; } a.IconTextCheck { background: transparent url(/User/Content/Images/Icons/Standard/Check.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 20px; } /* ========== CheckOff */ a.IconCheckOff { background: transparent url(/User/Content/Images/Icons/Standard/CheckOff.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 16px; } table.List tr.Data td a.IconCheckOff:hover { text-decoration: none; } a.IconTextCheckOff { background: transparent url(/User/Content/Images/Icons/Standard/CheckOff.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 20px; } /* ========== Favorite */ a.IconFavorite { background: transparent url(/User/Content/Images/Icons/Standard/Favorite.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 16px; } table.List tr.Data td a.IconFavorite:hover { text-decoration: none; } a.IconTextFavorite { background: transparent url(/User/Content/Images/Icons/Standard/Favorite.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 20px; } /* ========== FavoriteOff */ a.IconFavoriteOff { background: transparent url(/User/Content/Images/Icons/Standard/FavoriteOff.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 16px; } table.List tr.Data td a.IconFavoriteOff:hover { text-decoration: none; } a.IconTextFavoriteOff { background: transparent url(/User/Content/Images/Icons/Standard/FavoriteOff.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 20px; } /* ========== QuickTip */ a.IconQuickTip { background: transparent url(/User/Content/Images/Icons/Standard/QuickTip.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 16px; } table.List tr.Data td a.IconQuickTip:hover { text-decoration: none; } a.IconTextQuickTip { background: transparent url(/User/Content/Images/Icons/Standard/QuickTip.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 20px; } /* ========== Feed */ a.IconFeed { background: transparent url(/User/Content/Images/Icons/Standard/Feed.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 16px; } table.List tr.Data td a.IconFeed:hover { text-decoration: none; } a.IconTextFeed { background: transparent url(/User/Content/Images/Icons/Standard/Feed.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 20px; } /* ========== Automate */ a.IconAutomate { background: transparent url(/User/Content/Images/Icons/Standard/Automate.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 16px; } a.IconAutomate :hover { text-decoration: none; } a.IconTextAutomate { background: transparent url(/User/Content/Images/Icons/Standard/Automate.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 20px; } /* ========== Message */ a.IconMessage { background: transparent url(/User/Content/Images/Icons/Standard/Message.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 16px; } table.List tr.Data td a.IconMessage:hover { text-decoration: none; } a.IconTextMessage { background: transparent url(/User/Content/Images/Icons/Standard/Message.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 20px; } /* ========== MessageOpen */ a.IconMessageOpen { background: transparent url(/User/Content/Images/Icons/Standard/MessageOpen.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 16px; } table.List tr.Data td a.IconMessageOpen:hover { text-decoration: none; } a.IconTextMessageOpen { background: transparent url(/User/Content/Images/Icons/Standard/MessageOpen.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 20px; } /* ========== MessageReply */ a.IconMessageReply { background: transparent url(/User/Content/Images/Icons/Standard/MessageReply.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 16px; } table.List tr.Data td a.IconMessageReply:hover { text-decoration: none; } a.IconTextMessageReply { background: transparent url(/User/Content/Images/Icons/Standard/MessageReply.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 20px; } /* ========== MessageDelete */ a.IconMessageDelete { background: transparent url(/User/Content/Images/Icons/Standard/MessageDelete.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 16px; } table.List tr.Data td a.IconMessageDelete:hover { text-decoration: none; } a.IconTextMessageDelete { background: transparent url(/User/Content/Images/Icons/Standard/MessageDelete.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 20px; } /* ========== Message */ a.IconMessage { background: transparent url(/User/Content/Images/Icons/Standard/Message.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 16px; } table.List tr.Data td a.IconMessage:hover { text-decoration: none; } a.IconTextMessage { background: transparent url(/User/Content/Images/Icons/Standard/Message.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 20px; } /* ========== Search */ a.IconSearch { background: transparent url(/User/Content/Images/Icons/Standard/Search.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 16px; } table.List tr.Data td a.IconSearch:hover { text-decoration: none; } a.IconTextSearch { background: transparent url(/User/Content/Images/Icons/Standard/Search.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 20px; } /* ========== SearchOff */ a.IconSearchOff { background: transparent url(/User/Content/Images/Icons/Standard/SearchOff.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 16px; } table.List tr.Data td a.IconSearchOff:hover { text-decoration: none; } a.IconTextSearchOff { background: transparent url(/User/Content/Images/Icons/Standard/SearchOff.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 20px; } /* ========== Clear */ a.IconClear { background: transparent url(/User/Content/Images/Icons/Standard/Clear.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 16px; } table.List tr.Data td a.IconClear:hover { text-decoration: none; } a.IconTextClear { background: transparent url(/User/Content/Images/Icons/Standard/Clear.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 20px; } /* ========== ClearOff */ a.IconClearOff { background: transparent url(/User/Content/Images/Icons/Standard/ClearOff.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 16px; } table.List tr.Data td a.IconClearOff:hover { text-decoration: none; } a.IconTextClearOff { background: transparent url(/User/Content/Images/Icons/Standard/ClearOff.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 20px; } /* ========== Upload */ a.IconUpload { background: transparent url(/User/Content/Images/Icons/Standard/Upload.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 16px; } table.List tr.Data td a.IconUpload:hover { text-decoration: none; } a.IconTextUpload { background: transparent url(/User/Content/Images/Icons/Standard/Upload.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 20px; } /* ========== Wait */ a.IconWait { background: transparent url(/User/Content/Images/Icons/Standard/Wait.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 16px; } table.List tr.Data td a.IconWait:hover { text-decoration: none; } a.IconTextWait { background: transparent url(/User/Content/Images/Icons/Standard/Wait.png) scroll no-repeat left center; text-decoration: none; padding: 2px 0px 2px 20px; } /* ========== Icon */ a.ActionLinkIcon { text-decoration: none; padding: 2px 0px 2px 20px; } a.ActionLinkIcon:hover { text-decoration: underline; } a.ActionLinkIconBlank:hover { text-decoration: none; } /* ========== InlineIcon */ .InlineIcon { vertical-align: middle; } /* ======================================== QuickTip ======================================== */ div.QuickTip { margin-top:10px; padding: 20px; text-align: left; display: none; background-color: #F5F5F5; } /* ======================================== Master ======================================== */ div#MasterHeader { } div#MasterHeaderBanner { background-image: url(/User/Content.Custom/Images/Layout/Header.png); height: 92px; background-color: #fff; } div#MasterHeaderTopMenu { background-color: transparent; color:#555; border:0px; } div#MasterHeaderTopMenu a { color:#555; xfont-weight:bold; } div#MasterHeaderTopMenu a:hover { color:#555; } /* ======================================== Menu ======================================== */ #MasterHeaderMenuMain { padding: 4px; background-color: #FFFFFF; } #MasterHeaderMenuMain a { padding: 6px 8px; margin: 0px 4px; font-weight: bold; text-decoration: none; background-color: #FFFFFF; color: #444444; } #MasterHeaderMenuMain a:hover { text-decoration: underline; background-color: #DEE5EF; } #MasterHeaderMenuMain a.MenuCurrent { background-color: #061416; color: #FFFFFF; } #MasterHeaderMenuMain a.MenuCurrent:hover { background-color: #061416; color: #FFFFFF; } #MasterHeaderMenuSub { background-color: #061416; background-color: transparent; color: #FFFFFF; padding: 5px 4px 3px 4px; clear: both; } #MasterHeaderMenuSub a { padding: 6px 6px; font-weight: normal; text-decoration: none; color: #FFFFFF; } #MasterHeaderMenuSub a:hover { text-decoration: underline; } #MasterHeaderMenuSub a.MenuCurrent { } #MasterHeaderMenuSub a.MenuCurrent:hover { } /* ======================================== MenuFancy ======================================== */ #MasterHeaderMenuMainFancy { xbackground: url(/User/Content.Custom/Images/Layout/Tab.png) repeat-x left bottom; background-color: #FFFFFF; width: 100%; float: left; } #MasterHeaderMenuMainFancy ul { margin: 0px; list-style: none; padding: 10px 10px 0 10px; } #MasterHeaderMenuMainFancy a, #MasterHeaderMenuMainFancy strong, #MasterHeaderMenuMainFancy span { float: left; display: block; color: #444444; font-weight: bold; padding: 4px 10px 1px 2px; background: url(/User/Content.Custom/Images/Layout/Tab.png) no-repeat 100% -41px; text-decoration: none } #MasterHeaderMenuMainFancy li { float: left; background: url(/User/Content.Custom/Images/Layout/Tab.png) no-repeat 0px -41px; margin: 0px; padding: 0px 0px 0px 10px; list-style-type:none; } #MasterHeaderMenuMainFancy .MenuCurrent { background: url(/User/Content.Custom/Images/Layout/Tab.png) no-repeat 0 0px; } #MasterHeaderMenuMainFancy .MenuCurrent a { background:url(/User/Content.Custom/Images/Layout/Tab.png) no-repeat 100% 0px; padding:4px 10px 1px 2px; color:#FFFFFF } #MasterHeaderMenuMainFancy a:hover { text-decoration: underline; } /* ======================================== Other ======================================== */ .dTreeNode img { vertical-align: middle; padding-right: 2px; } /* ======================================== jquery ui ======================================== */ img.ui-datepicker-trigger { vertical-align: middle; padding-left:2px; } div.ui-datepicker { font-size: 10px; } /* ======================================== bootstrap buttons ======================================== */ input[type='submit'].Boot, input[type='button'].Boot { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; x-moz-transition: all 0.1s linear 0s; background-color: #061416; background-image: -moz-linear-gradient(center top , #505A5B, #1E2B2D 25%, #081618); background-repeat: no-repeat; border-color: #888 #888 #666; border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #FFFFFF; cursor: pointer; display: inline-block; xfont-size: 13px; line-height: normal; padding: 5px 14px 4px; text-shadow: 0 1px 1px rgba(25, 25, 25, 0.55); } input[type='submit'].Boot:hover, input[type='button'].Boot:hover { xbackground-position: 0 -15px; background-color: #69BDC8; background-image: -moz-linear-gradient(center top , #B4DEE3, #96D0D8 25%, #87CAD3); color: #FFFFFF; text-decoration: none; } input[type='submit'].Boot.Fade, input[type='button'].Boot.Fade { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; x-moz-transition: all 0.1s linear 0s; background-color: #555; background-image: -moz-linear-gradient(center top , #666, #777 25%, #555); background-repeat: no-repeat; border-color: #888 #888 #666; border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #FFFFFF; cursor: pointer; display: inline-block; xfont-size: 13px; line-height: normal; padding: 5px 14px 4px; text-shadow: 0 1px 1px rgba(25, 25, 25, 0.55); } input[type='submit'].Boot.Fade:hover, input[type='button'].Boot.Fade:hover { xbackground-position: 0 -15px; background-color: #666; background-image: -moz-linear-gradient(center top , #777, #888 25%, #666); color: #FFFFFF; text-decoration: none; } /* ======================================== PortalColumns ======================================== */ #PortalColumns { padding-bottom:20px; } #PortalColumns .PortalColumn { float: left; width: 33.3%; min-height: 400px; height: auto !important; height: 400px; padding-bottom: 20px; } #PortalColumns .PortalColumn { margin: 0; padding: 0; border: none; } #PortalColumns #PortalColumn1 { Xbackground-color: #F00; } #PortalColumns #PortalColumn2 { Xbackground-color: #0F0; } #PortalColumns #PortalColumn3 { Xbackground-color: #00F; } #PortalColumns .PortletContent { padding: 2px; background-color: #E6E7E7; border: 1px solid #D7D9D9; } #PortalColumns #PortalColumn1 .PortletContent { xmargin: 10px 6px 0px 0px; } #PortalColumns #PortalColumn2 .PortletContent { xmargin: 10px 6px 0px 6px; } #PortalColumns #PortalColumn3 .PortletContent { xmargin: 10px 0px 0px 6px; } #PortalColumns #PortalColumn1 .RoundPad { margin: 0px 4px 0px 9px; } #PortalColumns #PortalColumn1 .Round0Pad { margin: 0px 4px 0px 9px; } #PortalColumns #PortalColumn1 .Round1Pad { margin: 0px 4px 0px 9px; } #PortalColumns #PortalColumn1 .Round2Pad { margin: 0px 4px 0px 9px; } #PortalColumns #PortalColumn1 .Round3Pad { margin: 0px 4px 0px 9px; } #PortalColumns #PortalColumn1 .Round4Pad { margin: 0px 4px 0px 9px; } #PortalColumns #PortalColumn1 .Round5Pad { margin: 0px 4px 0px 9px; } #PortalColumns #PortalColumn2 .RoundPad { margin: 0px 2px 0px 12px; } #PortalColumns #PortalColumn2 .Round0Pad { margin: 0px 2px 0px 12px; } #PortalColumns #PortalColumn2 .Round1Pad { margin: 0px 2px 0px 12px; } #PortalColumns #PortalColumn2 .Round2Pad { margin: 0px 2px 0px 12px; } #PortalColumns #PortalColumn2 .Round3Pad { margin: 0px 2px 0px 12px; } #PortalColumns #PortalColumn2 .Round4Pad { margin: 0px 2px 0px 12px; } #PortalColumns #PortalColumn2 .Round5Pad { margin: 0px 2px 0px 12px; } #PortalColumns #PortalColumn3 .RoundPad { margin: 0px 0px 0px 14px; } #PortalColumns #PortalColumn3 .Round0Pad { margin: 0px 0px 0px 14px; } #PortalColumns #PortalColumn3 .Round1Pad { margin: 0px 0px 0px 14px; } #PortalColumns #PortalColumn3 .Round2Pad { margin: 0px 0px 0px 14px; } #PortalColumns #PortalColumn3 .Round3Pad { margin: 0px 0px 0px 14px; } #PortalColumns #PortalColumn3 .Round4Pad { margin: 0px 0px 0px 14px; } #PortalColumns #PortalColumn3 .Round5Pad { margin: 0px 0px 0px 14px; } /* */ /* ======================================== PortletContent ======================================== */ #PortalColumns .PortletContent .PortletHeader { color: #000; overflow: hidden; width: 100%; padding: 2px; } #PortalColumns .PortletContent .PortletHeader .PortletTitle1 { font-weight: bold; border-bottom: 1px solid #C3C6C7; padding: 2px 0px; } #PortalColumns .PortletContent .PortletHeader .PortletTitle2 { border-bottom: 1px solid #C3C6C7; padding: 2px 0px; color: #888; } #PortalColumns .PortletContent .PortletHeader .PortletTitle3 { border-bottom: 1px solid #C3C6C7; padding: 2px 0px; } #PortalColumns .PortletContent .PortletBody { background-color: #E1E2E3; padding: 0px; color: #DDD; line-height: 1.2em; overflow: hidden; } #PortalColumns .PortletContent .PortletBody p { padding: 0.8em 0; border-bottom: 1px solid #666; } #PortalColumns .PortletContent .PortletBody img { float: right; margin: 10px; border: 1px solid #FFF; } #PortalColumns .PortletContent .PortletBody pre { padding: 0.5em 5px; color: #EEE; font-size: 12px; } #PortalColumns .PortletContent .PortletBody ul { padding: 5px 0 5px 20px; list-style: disc; } #PortalColumns .PortletContent .PortletBody ul li { padding: 3px 0; } #PortalColumns .PortletContent .PortletBody ul.images { padding: 7px 0 0 0; list-style: none; height: 1%; } #PortalColumns .PortletContent .PortletBody ul.images li { display: inline; float: left; } #PortalColumns .Portlet .PortletBody ul.images img { display: inline; float: left; margin: 0 0 7px 7px; } /* ======================================== PortletButton ======================================== */ .PortletHeader a.PortletButtonEdit { float: right; display: inline; background: url(/User/Content/Images/Portal/PortletSprites.gif) no-repeat 0px -90px; width: 15px; height: 15px; text-indent: -9999em; margin: 1px 2px 1px 2px; outline: none; } .PortletHeader a.PortletButtonCollapse { float: right; display: inline; background: url(/User/Content/Images/Portal/PortletSprites.gif) no-repeat 0px -75px; width: 15px; height: 15px; text-indent: -9999em; margin: 1px 2px 1px 2px; outline: none; } .PortletHeader a.PortletButtonRefresh { float: right; display: inline; background: url(/User/Content/Images/Portal/PortletSprites.gif) no-repeat 0px -225px; width: 15px; height: 15px; text-indent: -9999em; margin: 1px 2px 1px 2px; outline: none; } .PortletHeader a.PortletButtonRemove { float: right; display: inline; background: url(/User/Content/Images/Portal/PortletSprites.gif) no-repeat 0px 0px; width: 15px; height: 15px; margin: 1px 2px 1px 2px; text-indent: -9999em; outline: none; } .PortletHeader a.PortletButtonEmbed { float: right; display: inline; background: url(/User/Content/Images/Portal/PortletSprites.gif) no-repeat 0px -45px; width: 15px; height: 15px; text-indent: -9999em; margin: 1px 2px 1px 2px; outline: none; } .PortletHolder { border: 1px solid #999; } #PortalColumns #PortalColumn1 .PortletHolder { margin: 0px 6px 0px 0px; } #PortalColumns #PortalColumn2 .PortletHolder { margin: 0px 6px 0px 6px; } #PortalColumns #PortalColumn3 .PortletHolder { margin: 0px 0px 0px 6px; } /* ======================================== Print ======================================== */ @media print { html, body { height: auto; } div#MasterHeader, div#MainTopper, #div#MasterFooter { display: none; padding-bottom: 0px; } div#MasterMain > form { display: none; } div[class^='Sidebar'],div[class*=' Sidebar'] { display: none; } body { background-image: none; display: inline-block; } } /* ======================================== Override ======================================== */ /* ======================================== End ======================================== */ /* ======================================== To get rid of ... ======================================== */ /* http://www.engfers.com/2008/08/28/the-proper-way-to-align-images-and-icons-with-anchor-tags/ */ .icon_label { background-color: transparent; background-position: left center; background-repeat: no-repeat; background-attachment: scroll; padding: 2px 0px 2px 20px; } .search { padding:6px; } /* http://www.engfers.com/2008/08/28/the-proper-way-to-align-images-and-icons-with-anchor-tags/ */ .icon_label { background-color: transparent; background-position: left center; background-repeat: no-repeat; background-attachment: scroll; padding: 2px 0px 2px 20px; } .word { vertical-align:top; text-align:left; white-space:nowrap } .phrase { vertical-align:top; text-align:left; } .number { vertical-align:top; text-align:right; } .nobr { white-space:nowrap } /* ======================================== full ======================================== */ .full_title { font-size: 22px; padding-top: 6px; padding-bottom: 6px; } .full_content { } /* ======================================== Promotions ======================================== */ .promotionTable td {width: 280px;} .promotionBlock { text-align: center; border: 1px solid #BBBBBB; background-color: #FFF; margin: 4px; padding: 4px; height: 44px; } .PromotionEdge { text-align: center; margin: 4px; padding: 0px; height: 50px; } /* ======================================== Round ======================================== */ .RoundWrap .hd .c, .RoundWrap .ft .c { font-size:0px; height:8px; } .RoundWrap .hd { background:transparent url(/User/Content/Images/Corners/TopLeft.png) no-repeat 0px 0px; } .RoundWrap .hd .c { background:transparent url(/User/Content/Images/Corners/TopRight.png) no-repeat right 0px; } .RoundWrap .bd { background:transparent url(/User/Content/Images/Corners/MiddleLeft.png) repeat-y 0px 0px; } .RoundWrap .bd .c { background:transparent url(/User/Content/Images/Corners/MiddleRight.png) repeat-y right 0px; } .RoundWrap .bd .c .s { margin:0px 6px 0px 6px; } .RoundWrap .ft { background:transparent url(/User/Content/Images/Corners/BottomLeft.png) no-repeat 0px 0px; } .RoundWrap .ft .c { background:transparent url(/User/Content/Images/Corners/BottomRight.png) no-repeat right 0px; } /* ======================================== Views/Style/Default2.ascx - TimeStamp = 20250830_204651 Content is cached - may take 60 seconds for changes to take affect. ======================================== black:061416 menu:fcbb37 lt blue:e1eaee accent blue:69bdc8 */ #MasterHeaderMenuMainFancy a, #MasterHeaderMenuMainFancy strong, #MasterHeaderMenuMainFancy span { color: #fcbb37; } #MasterHeaderMenuMainFancy .MenuCurrent a { background:url(/User/Content.Custom/Images/Layout/Tab.png) no-repeat 100% 0px; padding:4px 10px 1px 2px; color:#fff; } div#MasterHeaderTopMenu { position: relative; padding-top: 4px; padding-bottom: 4px; color: #061416; text-align: right; } div#MasterHeaderTopMenu a { color: #061416; text-decoration: none; padding-left: 4px; padding-right: 4px; } div#MasterHeaderTopMenu a:hover { color: #061416; text-decoration: underline; } div#MasterBody { padding-bottom:50px; } table.List { background-color: #e1eaee; } table.List tr.Header td { color: #fff; background-color: #69bdc8; } table.List tr.Section td { color: #fff; background-color: #69bdc8; } span.HeaderWwwLink { position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; } /* drop-down menus */ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; line-height: 1.0; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 18em; /* left offset of submenus need to match (see below) */ border: 1px solid #21646e; border-top-style: none; margin-top: -1px; } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; } .sf-menu li { float: left; position: relative; background: url(/User/Content.Custom/Images/Layout/ddTabR.png) no-repeat right top; margin-right: 8px; } .sf-menu li a { background: url(/User/Content.Custom/Images/Layout/ddTabL.png) no-repeat left top; } .sf-menu li a:hover { color: #fee26e; } .sf-menu li li a { background: none; background-color:#48a4b3; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 14em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 14em; /* match ul width */ top: 0; } .sf-menu { float: left; margin-bottom: 1em; } .sf-menu a { padding: .75em 1em; text-decoration: none; color: #fee26e; outline: none; } .sf-menu a, .sf-menu a:visited { color: #fee26e; } .sf-menu li { } .sf-menu li li { background: #48a4b3; } .sf-menu li li li { background-color: #48a4b3; } .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; } .sf-menu li li a, .sf-menu a:visited { color: #fff; } .sf-menu li li a:hover { background: #21646e; outline: 0; } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 1em; min-width: 1px; } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: 0px -100px; } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; } .arrow { border-color: #fee26e transparent transparent; border-style: solid dashed dashed; margin-left: 5px; position: relative; top: 12px; } .arrowsIcon { background-image: url(/User/Content.Custom/Images/Layout/arrows.png); width: 14px; height: 14px; display: inline-block; vertical-align: middle; background-position: 50% 50%; } .thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 50; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: #fff; padding: 5px; left: -1000px; border: 1px solid #000; visibility: hidden; color: black; text-decoration: none; } .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: -180px; left: -80px; /*position where enlarged image should offset horizontally */ }