/* 20090625 A.Ianovski - inputCombo select changed to have border 20090623 A.Ianovski - Added styles: inputAreaMed, td.inputHintComments, frmTableNoOverflow 20090607 A.Ianovski - Added styles: inputAreaMultiline, inputCombo 20090409 A.Ianovski - Added: #Content frmTable02 20090408 A.Ianovski - Added: #Content .fromArea p.spacer #Content .fromArea p.topCaption 20090319 Leigh H - Added #Content .fromArea td.inputArea and #Content .fromArea td.inputArea input */ /*-----------Common----------------*/ * { padding:0px; margin:0px; } body { background:#e7e7e8; font:normal 13px "Trebuchet MS", Verdana, Tahoma; color:#555555; } img { border:0px; } .floatLeft { float:left; } .floatRight { float:right; } .clear { clear:both; display:block; overflow:hidden; height:1px; } #Header, #Content, #Footer { width:904px; margin:auto; background:url(../images/content-bg.gif) left top repeat-y; } .holder { padding:0px 47px; } .yellow { color:#f9c83d; } a { color:#541782; text-decoration:none; } a:hover { text-decoration:underline; } input, select, textarea { font:normal 12px "Trebuchet MS", Verdana, Tahoma; } select.selectRightBox { padding:2px; width:158px; border:1px solid #818285; margin-top:6px; } .maroonTxt { color:#541782; } /*-----------Header----------------*/ #Header .holder { background:url(../images/header-bg.gif) left top no-repeat; padding-top:34px; } #Header .holderContainer { background:url(../images/holder-head-bg.gif) left bottom repeat-x; height:228px; } #Header h1.logo { float:left; margin-top:38px; background:url(../images/relay_logo.png) left top no-repeat;display:block; width:179px; height:157px; cursor:pointer; } #Header h1.logo a { display:block; width:179px; height:157px; } #Header h1.logo a span { display:none; } #Header .floatLeft { width:387px; height:216px; margin-left:28px; overflow:hidden; } #Header .floatLeftOne { width:387px; float:left; height:216px; background:url(../images/img-header-1.jpg) left top no-repeat; margin-left:28px; } #Header .floatLeftTwo { width:387px; float:left; height:216px; background:url(../images/img-header-2.jpg) left top no-repeat; margin-left:28px; } #Header .floatLeftThree { width:387px; float:left; height:216px; background:url(../images/img-header-3.jpg) left top no-repeat; margin-left:28px; } #Header .floatLeftFour { width:387px; float:left; height:216px; background:url(../images/img-header-4.jpg) left top no-repeat; margin-left:28px; } #Header .floatLeftFive { width:387px; float:left; height:216px; background:url(../images/img-header-5.jpg) left top no-repeat; margin-left:28px; } #Header .floatLeftSix { width:387px; float:left; height:216px; background:url(../images/img-header-6.jpg) left top no-repeat; margin-left:28px; } #Header .floatLeftSeven { width:387px; float:left; height:216px; background:url(../images/img-header-7.jpg) left top no-repeat; margin-left:28px; } #Header .floatLeftEight { width:387px; float:left; height:216px; background:url(../images/img-header-8.jpg) left top no-repeat; margin-left:28px; } #Header .floatLeftNine { width:387px; float:left; height:216px; background:url(../images/img-header-9.jpg) left top no-repeat; margin-left:28px; } #Header .floatLeftTen { width:387px; float:left; height:216px; background:url(../images/img-header-10.jpg) left top no-repeat; margin-left:28px; } #Header .floatLeftEleven { width:387px; float:left; height:216px; background:url(../images/img-header-11.jpg) left top no-repeat; margin-left:28px; } #Header .floatRight { /*background:url(../images/caption.gif) left top no-repeat !important;*/ width:139px; /*padding-top:134px;*/ padding-right:45px; margin-top:50px; text-align:center; } /*-----------Content----------------*/ #Content .holder { padding-top:12px; } #Content .holderContainer { background:url(../images/container-bg.gif) left top repeat-y; line-height:17px; } #Content .nav { float:left; width:189px; padding-right:10px; } #Content .navBox { background:#541782 url(../images/nav-bg.gif) left top repeat-y; } #Content .navBoxArea { padding:20px 13px 60px 15px; background:url(../images/nav-top.gif) left top no-repeat; } #Content .navBoxArea a { display:block; font-weight:bold; color:#fff; text-decoration:none; padding-left:13px; border-bottom:1px solid #6d3995; line-height:24px; } #Content .navBoxArea a:hover, #Content .navBoxArea a.selected { background:url(../images/arrow.gif) left center no-repeat; color:#f9c83d; } #Content .navText { padding:28px 22px; font-style:italic; color:#818285; } #Content .floatLeft { width:369px; } #Content .floatRight { width:231px; } #Content .HeadingArea { background:#9874b4; height:38px; margin-bottom:15px; padding-left:15px; color:#fff; } #Content .txtArea { padding-left:15px; } #Content p { margin-bottom:8px; } #Content h1 { font:bold 19px "Trebuchet MS", Verdana, Tahoma; color:#541782; margin-bottom:8px; } #Content .rightButtons img { margin-bottom:7px; } #Content .grayBox { background:#838487 url(../images/gray-bg.gif) left bottom no-repeat; padding:30px 0px 20px 30px; color:#fff; font-weight:bold; margin-bottom:6px; } #Content .bigText { color:#fff; font-size:20px; text-transform:uppercase; padding-bottom:5px; } #Content .floatLeft .bigText { color:#541782; text-transform:none; } #Content .grayBox p { margin-bottom:0px; } #Content .purpleBox p { margin-bottom:5px; } #Content .purpleBox { background:url(../images/purple-bg.gif) left top no-repeat #541782; color:#fff; font-weight:bold; margin-bottom:3px; height:228px; } #Content .purpleBoxMain { padding:10px 0px 0px 30px; } #Content .purpleBoxMain a { color:#f9c83d; } #Content .purpleBoxMain p.inputArea { height:24px; background:url(../images/inputbox.gif) left top no-repeat; display:block; } #Content .purpleBoxMain p.inputArea input { border:0px; margin-left:8px; padding-top:2px; width:150px; } #Content .fromArea p.inputAreaSm { height:26px; background:url(../images/inputboxsm.gif) left top no-repeat; display:block; margin:5px 0px;} #Content .fromArea p.inputAreaSm input { border:0px; margin-left:8px; padding-top:2px; width:90px; margin-top:1px; } #Content .fromArea p.inputAreaMed { height:26px; background:url(../images/inputboxmiddle.gif) left top no-repeat; display:block; margin:5px 0px;} #Content .fromArea p.inputAreaMed input { border:0px; margin-left:8px; padding-top:2px; width:90px; margin-top:1px; } #Content .fromArea p.inputAreaMoney { height:26px; background:url(../images/inputboxsm.gif) left top no-repeat; display:block; margin:5px 0px;} #Content .fromArea p.inputAreaMoney input { border:0px; margin-left:8px; padding-top:2px; width:75px; margin-top:1px; } #Content .fromArea p.inputAreaTiny { height:26px; background:url(../images/inputboxtiny.gif) left top no-repeat; display:block; margin:5px 0px;} #Content .fromArea p.inputAreaTiny input { border:0px; margin-left:8px; padding-top:2px; width:40px; margin-top:1px; } #Content .fromArea { color:#541782; } #Content .fromArea p.inputArea { height:26px; background:url(../images/inputboxbig.gif) left top no-repeat; display:block; margin:5px 0px;} #Content .fromArea p.inputArea input { border:0px; margin-left:8px; padding-top:2px; width:315px; margin-top:1px; } #Content .fromArea td.inputArea {height: 26px; background:url(../images/inputboxmiddle.gif) left top no-repeat;display: block; margin:5px 0px; } #Content .fromArea td.inputArea input { border:0px; margin-left:8px; padding-top:2px; width:200px; margin-top:1px; } #Content .fromArea p.inputAreaMultiline { height:81px; background:url(../images/inputbox-multiline4-big.gif) left top no-repeat; display:block; margin:5px 0px; } #Content .fromArea p.inputAreaMultiline textarea { overflow:hidden; border:0px; margin-left:8px; padding-top:2px; width:315px; margin-top:1px; } #Content .fromArea p.inputCombo { height:26px; display:block; margin:5px 0px; } #Content .fromArea p.inputComboBordeless select { border:0px; margin-left:0px; padding-top:2px; width:335px; margin-top:1px; } #Content .fromArea p.inputCombo select { border:1px solid #ababab; margin-left:0px; width:335px; } #Content .fromArea p.inputCheckbox { height:26px; display:block; margin:5px 0px; } #Content .fromArea p.inputCheckbox input { margin-left:00px; padding-top:2px; margin-top:1px; } #Content .fromArea p.spacer {margin-top:8px; margin-bottom:0px; line-height:0px} #Content .fromArea p.topCaption {margin-top:10px; margin-bottom:0px;} #Content .fromArea p.inputHintComments { font-size: 90%; color: #777777;font-style:italic; } #Content .fromArea td.inputHintComments { font-size: 90%; color: #777777;font-style:italic; } #Content .frmTable td { padding:3px 5px; font-weight:bold; } #Content .frmTable td.normalClass { font-weight:normal; color:#666666; } #Content .frmTable td.magenta { color:#541782; } #Content .frmTable td.magenta a { color:#818285; text-decoration:underline; } #Content .frmTable td.magenta a:hover { text-decoration:none; } #Content .frmTable td.centerArea { text-align:center; } #Content .frmTable td.tabs { background:#f9c83d; color:#333333; border-right:2px solid #fff; padding:4px 8px; } #Content .frmTable td.tabs a { color:#660000; } #Content .frmTable td.tabsSelected { background:#818285; color:#fff; border-right:2px solid #fff; padding:4px 8px; } #Content .frmTable td.tabsSelected a { color:#fff; } #Content .frmTable td.norText { color:#666666; font-weight:normal; } #Content .frmTable th.norText { background:#5c1f8b url(../images/button-bg.gif) left top repeat-x; border:1px solid #5c1f8b; padding:3px 5px; font-weight:bold; color:#ffffff;} #Content .frmTable td.bgY { background:#fef7e0; color:#505050; font:normal 11px "Trebuchet MS", Verdana, Tahoma; } #Content .frmTable td.fontCoCaptain a { color:#ff0000; font-weight:bold; } #Content .frmTable td.Grandtotal { background:#9966cc; color:#ffffff; font:bold 12px "Trebuchet MS", Verdana, Tahoma; } #Content .frmTable td.total { color:#7500d9; background:#f5ecfd; font:bold 11px "Trebuchet MS", Verdana, Tahoma; } #Content .frmTable td.inputHintComments { font-weight:normal; font-size: 90%; color: #777777;font-style:italic; } #Content .meter { width:210px; float:right; text-align:center; } #Content .Tmeter { background:url(../images/team-meter.gif) left bottom no-repeat; } #Content .Ymeter { background:url(../images/y-meter.gif) left bottom no-repeat; } #Content .txtArea li { list-style:square; margin:0px 0px 10px 25px; } #Content .leftFloat { float:left; width:608px; } #Content .imgBorder { border:5px solid #dbe1e8; } #Content .magentaBar { background:#fff; padding:4px 15px; margin-bottom:15px; } #Content .magentaBar a { padding-right:10px; } #Content .button { background:#541782; color:#FFCC00; font-size:12px; padding:0px 3px; font-weight:bold; } #Content .eventHeadline {background:#dedede; padding-left:8px; font-size:90%; } /*-----------Footer----------------*/ #Footer .holder { background:url(../images/foot-bg.gif) left bottom no-repeat; padding-bottom:40px; padding-top:3px; } #Footer .main { line-height:40px; color:#fff; font-weight:bold; background:url(../images/footer-bg.gif) 538px top no-repeat #541782; } #Footer .floatLeft { padding-left:28px; color:#f9c83d; width:500px; text-transform:uppercase; } #Footer .floatLeft a, #Footer .floatRight a { color:#fff; text-decoration:none; } #Footer .floatLeft a:hover, #Footer .floatRight a:hover { text-decoration:underline; } #Footer .floatRight { width:150px; text-align:right; padding-right:30px; } /*---------Error----------*/ #Content .error { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #BC0C37; padding-left: 2px; } #Content .errortext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #f9c83d; padding-left: 2px; } .contentBox { width:27%; padding:1%; margin:1%; border:1px solid #ddd; float:left; text-align:center; } .contentBox a { display:block; padding-top:5px; } #Content .txtAreaOne { padding-left:15px; } #Content .txtAreaOne strong { color:#000000; display:block; padding-top:5px; border-top:1px dashed #CCCCCC; margin-top:15px; } #Content .txtAreaOne a { font-weight:bold; } .button01{ background:#5c1f8b url(../images/button-bg.gif) left top repeat-x; border:1px solid #5c1f8b; padding:1px 4px; font:bold 12px "Trebuchet MS", Verdana, Tahoma; color:#fff; } /*.button01{ background:#5c1f8b url(../images/button-bg.gif) left top repeat-x; border:1px solid #5c1f8b; padding:1px 4px; font:bold 12px "Trebuchet MS", Verdana, Tahoma; color:#fff; }*/ .BrowseButtonArea { position:relative; height:24px;} .BrowseButton { float:left; -moz-opacity:100 ; filter:alpha(opacity: 0); opacity: 0; position:absolute; left:0px; top:0px; z-index:2; } .fakeInput {z-index:3; height:24px;border:1px solid #b3b3b3; float:left; clear:both;} .fakeImg { z-index:1; position:absolute; top:0px; left:112px; } #Content .frmTable01 td{ padding:5px; font-weight:normal; } #Content .frmTable02 td{padding:5px; font-weight:normal; border:1px; padding:1px 4px;} #Content .frmTableNoOverflow td{padding:5px; font-weight:normal; border:1px; padding:1px 4px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #Content .frmTableNoOverflow table {table-layout:fixed} /*----------27.10.08---------*/ #Content .fromArea p.inputAreaMiddle { height:26px; background:url(../images/inputboxmiddle.gif) left top no-repeat; display:block; margin:5px 0px; color:#541782; } #Content .fromArea p.inputAreaMiddle input { border:0px; margin-left:8px; padding-top:2px; width:200px; margin-top:1px; } /*---------------popup--------*/ #Content01{ width:640px; background-color:#FFFFFF;} #Header .holderContainer01 { left bottom repeat-x; height:228px; background-color:#FFFFFF; } #Content01 .HeadingArea { background:#9874b4; height:38px; margin-bottom:15px; padding-left:5px; color:#fff; } #Content01 .leftFloat { float:left; width:630px;} #Content01 .txtArea { padding-left:15px; } #Content01 p { margin-bottom:3px; } #Content01 h1 { font:bold 19px "Trebuchet MS", Verdana, Tahoma; color:#541782; margin-bottom:8px; } #Content01 .txtAreaOne strong { color:#000000; display:block; padding-top:5px; border-top:1px dashed #CCCCCC; margin-top:15px; } .holder01 { padding:0px 5px; }