/* basic */ body {font: normal 11px Verdana, Arial, Helvetica; color:#5E5E5E; margin:0px; scrollbar-face-color:#54C0FF; scrollbar-arrow-color:#A7DFFF; scrollbar-track-color:#D1EEFE; scrollbar-shadow-color:#1894DA; scrollbar-highlight-color:#D9E2EC; scrollbar-3dlight-color:#5D7F92; scrollbar-darkshadow-color:#FFFFFF} table {border-collapse:collapse; border-spacing:0;} th {font: bold 11px Verdana, Arial, Helvetica; padding:0px; border:0px none;} td {font: 11px Verdana, Arial, Helvetica; padding:0px; border:0px none;} select {font: 11px Verdana, Arial, Helvetica; border : 1px solid #1692D8;} li {padding:3px 2px 3px 2px} /* ClassID: seperators[Dotted Lines] ========== Production */ .dots_vt {background-image: url("http://www.timequest.com.sg/images/common/greydots_vt.gif");} .dots_hz {background-image: url("http://www.timequest.com.sg/images/common/greydots_hz.gif");} .dots_hz2 {background-image: url("http://www.timequest.com.sg/images/common/greydots_hz2.gif");} /* Table Class: info */ .info {border-top: 1px solid #C1C5C9; border-bottom: 1px solid #C1C5C9; padding: 15px 5px;} .info td {padding: 2px;} .info tr.infoHeader td{background: #E2EEff url("http://www.timequest.com.sg/images/common/infoHeader_BG.gif") bottom left repeat-x; font-weight:bold;} .info tr.info01 td.infoheader {font-weight: bold;} .info tr.info02 td.infoheader {font-weight: bold;} .info tr.info01 td {background: #F6F6F6; color: #76797C;} .info tr.info02 td {background: #FFFFFF; color: #76797C;} /* Table Class: lite [BGcolor:#F1F7FE] */ .lite {background: #FFFFFF;} .lite tr.first{background: #FFFFFF url(http://www.timequest.com.sg/images/lite/bgLite_top.jpg) no-repeat;} .lite tr.last {background: #FFFFFF url(http://www.timequest.com.sg/images/lite/bgLite_bottom.jpg) no-repeat;} .lite tr.main {background: #FFFFFF url(http://www.timequest.com.sg/images/lite/bgLite_contents.jpg) repeat-y left;} /* Table Class: Blue BG + White Text |blue01 >> Welcome Note on HomePg |blue02 >> login/memNote on HomePg */ th.blue01 {background-color:#1692D8; color:#FFFFFF; font: bold 11px Verdana, Arial, Helvetica;} td.blue01 {background-color:#1692D8; color:#FFFFFF; font: 11px Verdana, Arial, Helvetica;} th.blue02 {background-color:#003399; color:#FEFFFF; font: bold 12px Verdana, Arial, Helvetica;} td.blue02 {background-color:#1568C4; color:#FFFFFF; font: 11px Verdana, Arial, Helvetica;} table.blue03{background-color:#1668C5;} td.blue03 {background-color:#1668C5; color:#FFFFFF; font: 10px Verdana, Arial, Helvetica;} /* Table Class: blueOutline >> blue outline + white BG*/ table.blueOutline {border: 1px solid #409AE3;} /* TD classes */ td.content {padding:0px 10px 5px 5px;} td.grey {background-color:#CCCCCC;} th.greyBox2 {font: bold 12px Verdana, Arial, Helvetica; color:#003399; background-color:#E2E2E2; padding:0px;} /* Form Elements */ .blueFieldName {font: 11px Verdana, Arial, Helvetica; color:#1667C3; padding: 0px 5px;} .greyFieldName {font: 11px Verdana, Arial, Helvetica; color:#5E5E5E; padding: 0px 5px;} .input {font: 10px Verdana, Arial, Helvetica; border:1px solid #5E5E5E;} .inputTxt {font: 10px Verdana, Arial, Helvetica; border:0px;} .inputBlueOutline {font: 10px Verdana, Arial, Helvetica; border:1px solid #1667C3;} .dspBlueOutline {font: bold 10px Verdana, Arial, Helvetica; color:#000000; border:1px solid #1667C3; text-align:center;} .axnBtns {font-family:Verdana, Arial, Helvetica; font-size:11px; font-weight:bold; color:#003366; padding: 10px 10px; margin: 5px 5px;} .axnBtns a {background: #D3E3F0 url(http://www.timequest.com.sg/images/common/btnBG_up.gif); border:1px solid #999999; color:#003366; display:block; text-decoration:none;} .axnBtns a:hover{background: #F5F5F5 url(http://www.timequest.com.sg/images/common/btnBG_dn.gif); border:1px solid #003366; color:#123466; text-decoration:none;} .btn{ background-color:#E1EBFB; color:#446AA0; font:bold 11px Verdana, Arial, Helvetica; border:1px solid; border-color:#C1C1C1 #5E5E5E #5E5E5E #C1C1C1; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#E1EBFB');} .btnOver{ background-color:#CBDBF6; color:#003399; font:bold 11px Verdana, Arial, Helvetica; border:1px solid; border-color:#8AA6CF #003399 #003399 #8AA6CF; } /* headers */ .blueHeader {font: bold 12px Verdana, Arial, Helvetica; color:#003399; padding: 10px 0px 5px 5px;} .redHeader {font: bold 12px Verdana, Arial, Helvetica; color:#CF0000; padding: 10px 0px 5px 5px;} .greyHeader {font: bold 12px Verdana, Arial, Helvetica; color:#5E5E5E; padding: 10px 0px 5px 5px;} /* fineprint */ .blueNote {font: normal 10px Verdana, Arial, Helvetica; color:#003399;} .redNote {font: normal 10px Verdana, Arial, Helvetica; color:#CF0000;} .greyNote {font: normal 10px Verdana, Arial, Helvetica; color:#5E5E5E;} .greyNote2 {font: normal 9px Verdana, Arial, Helvetica; color:#666666;} /* -------------------------------------------------------------------------------- /* HyperReference Links : Content Area -------------------------------------------------------------------------------- */ #navBullet03 li{list-style-type: none; background:transparent url("http://127.0.0.1/timequest/images/common/bullet03_blue.gif") left center no-repeat; color: #666666; text-align: left; padding:0px 0px 0px 0px;} /* anchor href [blue text; red hover]*/ a:link {color:#1667C3; text-decoration:none;} a:active {color:#1667C3; text-decoration:none;} a:visited {color:#1667C3; text-decoration:none;} a:hover {color:#CB0100; text-decoration:underline;} /* Class:Title [Bold Blue; grey hover] */ .linkTitle {font: bold 11px Verdana, Arial, Helvetica;} a.linkTitle:link {color:#003399; text-decoration:none;} a.linkTitle:active {color:#003399; text-decoration:none;} a.linkTitle:visited {color:#003399; text-decoration:none;} a.linkTitle:hover {color:#5E5E5E; text-decoration:underline;} /* Class: Label [Bold Red; blue hover] */ td.label {color:#CF0000; font:bold 11px; text-decoration:none;} a.label:link {color:#CF0000; font:bold 11px; text-decoration:none;} a.label:active {color:#CF0000; font:bold 11px; text-decoration:none;} a.label:visited {color:#CF0000; text-decoration: none;} a.label:hover {color:#1667C3; text-decoration: none;} /* -------------------------------------------------------------------------------- /* HyperReference Links : Navigation Menu | Side Column -------------------------------------------------------------------------------- */ /* Class NavTitle: Section Titles [brand names] >> Bold Red; mouseover=blue */ .navTitle {font: bold 11px Verdana, Arial, Helvetica; color:#CF0000; text-decoration:none; text-align:left; padding:2px 0px;} a.navTitle:link {color:#5E5E5E; text-decoration: none; text-align:left;} a.navTitle:visited {color:#666666; text-decoration: none; text-align:left;} a.navTitle:hover {color:#1667C3; text-decoration: none; text-align:left;} /* Class Nav: Submenu >> 01 mouseover=blue | 02 mouseover=red */ td.nav {font: 11px Verdana, Arial, Helvetica; color:#CF0000; text-decoration:none; text-align:left; padding:0px 0px 1px 5px;} a.nav:link {color:#5E5E5E; text-decoration: none;} a.nav:visited {color:#5E5E5E; text-decoration: none;} a.nav:hover {color:#1667C3; text-decoration: none;} a.nav02:link {color:#5E5E5E; text-decoration: none;} a.nav02:visited {color:#5E5E5E; text-decoration: none;} a.nav02:hover {color:#CF0000; text-decoration: none;} /* ClassID: Footer */ #TQfooter {font: normal 10px Verdana, Arial, Helvetica; color:#5E5E5E; margin-right:5px; padding:10px 0px 13px 10px;} #TQfooter span {font: normal 10px Verdana, Arial, Helvetica; color:#1667C3; margin-right:5px; padding:10px 0px 13px 10px;} #TQfooter a:link {color:#1667C3; text-decoration:none; margin-right:5px;} #TQfooter a:visited {color:#1667C3; text-decoration:none;} #TQfooter a:hover {color:#CB0100; text-decoration:none;} #TQfooter a strong {color:#5E5E5E; text-decoration:none;} #TQfooter a.hover strong{color:#1667C3; text-decoration:none;} /* ========== Production >> http://www.timequest.com.sg/ */ /* ========== Staging-ED >> http://127.0.0.1/timequest/ */ /* ========== Staging-DT >> http://localhost:8500/dev/timequest/ */