// templates css for web design
// kelvin tiong
// 1711-4661-4414-4782

BODY {
font-family: arial, helvetica;
<!-- scrollbar-face-color:#5A5AC6; -->
scrollbar-face-color:#CCCCFF;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#E3E3FA;
scrollbar-shadow-color:#2a3a64;
scrollbar-highlight-color:#cddafd;
scrollbar-3dlight-color:#294a9f;
scrollbar-darkshadow-Color:#111d3d;
scrollbar-base-Color:#5A5AC6;
}

P     {FONT-FAMILY: arial, helvetica; font-size: 12px; }
TD    {FONT-FAMILY: arial, helvetica; font-size: 12px; }
TH    {FONT-FAMILY: arial, helvetica; }

a:link, a:active, a:visited { color: #456FA3; font-size: 11px; font-family: arial, helvetica; text-decoration: none;}
a:hover { color: #456FA3; font-size: 11px; font-family: arial, helvetica; text-decoration: underline }

.pBlue { COLOR: #606790; FONT-FAMILY: arial, helvetica; FONT-SIZE: 11px;}
.pGreen { COLOR: #3F873F; FONT-FAMILY: arial, helvetica; FONT-SIZE: 11px;}
.pRed { COLOR: #DF572F; FONT-FAMILY: arial, helvetica; FONT-SIZE: 11px;}
.pYellow { COLOR: #9F705F; FONT-FAMILY: arial, helvetica; FONT-SIZE: 11px;}
.pGrey { COLOR: #50807F; FONT-FAMILY: arial, helvetica; FONT-SIZE: 11px;}

<!-- Sequence: LRTB -->

<!-- Only Top_Left (TL) -->
.tpscBlue_LT { border-left: 1px solid #606790; border-top: 1px solid #606790 }
.tpscGreen_LT { border-left: 1px solid #3F873F; border-top: 1px solid #3F873F }
.tpscRed_LT { border-left: 1px solid #DF572F; border-top: 1px solid #DF572F }
.tpscYellow_LT { border-left: 1px solid #9F705F; border-top: 1px solid #9F705F }
.tpscGrey_LT { border-left: 1px solid #50807F; border-top: 1px solid #50807F }

<!-- Only Top_Right (TR) -->
.tpscBlue_RT { border-right: 1px solid #606790; border-top: 1px solid #606790 }
.tpscGreen_RT { border-right: 1px solid #3F873F; border-top: 1px solid #3F873F }
.tpscRed_RT { border-right: 1px solid #DF572F; border-top: 1px solid #DF572F }
.tpscYellow_RT { border-right: 1px solid #9F705F; border-top: 1px solid #9F705F }
.tpscGrey_RT { border-right: 1px solid #50807F; border-top: 1px solid #50807F }

<!-- Only Top_Bottom (TB) -->
.tpscBlue_TB { border-bottom: 1px solid #606790; border-top: 1px solid #606790 }
.tpscGreen_TB { border-bottom: 1px solid #3F873F; border-top: 1px solid #3F873F }
.tpscRed_TB { border-bottom: 1px solid #DF572F; border-top: 1px solid #DF572F }
.tpscYellow_TB { border-bottom: 1px solid #9F705F; border-top: 1px solid #9F705F }
.tpscGrey_TB { border-bottom: 1px solid #50807F; border-top: 1px solid #50807F }

<!-- Only Left_Right (LR) -->
.tpscBlue_LR { border-left: 1px solid #606790; border-right: 1px solid #606790 }
.tpscGreen_LR { border-left: 1px solid #3F873F; border-right: 1px solid #3F873F }
.tpscRed_LR { border-left: 1px solid #DF572F; border-right: 1px solid #DF572F }
.tpscYellow_LR { border-left: 1px solid #9F705F; border-right: 1px solid #9F705F }
.tpscGrey_LR { border-left: 1px solid #50807F; border-right: 1px solid #50807F }

<!-- Only Left_Top_Bottom (LTB) -->
.tpscBlue_LTB { border-left: 1px solid #606790; border-bottom: 1px solid #606790; border-top: 1px solid #606790 }
.tpscGreen_LTB { border-left: 1px solid #3F873F; border-bottom: 1px solid #3F873F; border-top: 1px solid #3F873F }
.tpscRed_LTB { border-left: 1px solid #DF572F; border-bottom: 1px solid #DF572F; border-top: 1px solid #DF572F }
.tpscYellow_LTB { border-left: 1px solid #9F705F; border-bottom: 1px solid #9F705F; border-top: 1px solid #9F705F }
.tpscGrey_LTB { border-left: 1px solid #50807F; border-bottom: 1px solid #50807F; border-top: 1px solid #50807F }

<!-- Only Right_Top_Bottom (RTB) -->
.tpscBlue_RTB { border-right: 1px solid #606790; border-bottom: 1px solid #606790; border-top: 1px solid #606790 }
.tpscGreen_RTB { border-right: 1px solid #3F873F; border-bottom: 1px solid #3F873F; border-top: 1px solid #3F873F }
.tpscRed_RTB { border-right: 1px solid #DF572F; border-bottom: 1px solid #DF572F; border-top: 1px solid #DF572F }
.tpscYellow_RTB { border-right: 1px solid #9F705F; border-bottom: 1px solid #9F705F; border-top: 1px solid #9F705F }
.tpscGrey_RTB { border-right: 1px solid #50807F; border-bottom: 1px solid #50807F; border-top: 1px solid #50807F }

<!-- Only Left_Right_Top (LRT) -->
.tpscBlue_LRT { border-left: 1px solid #606790; border-right: 1px solid #606790; border-top: 1px solid #606790 }
.tpscGreen_LRT { border-left: 1px solid #3F873F; border-right: 1px solid #3F873F; border-top: 1px solid #3F873F }
.tpscRed_LRT { border-left: 1px solid #DF572F; border-right: 1px solid #DF572F; border-top: 1px solid #DF572F }
.tpscYellow_LRT { border-left: 1px solid #9F705F; border-right: 1px solid #9F705F; border-top: 1px solid #9F705F }
.tpscGrey_LRT { border-left: 1px solid #50807F; border-right: 1px solid #50807F; border-top: 1px solid #50807F }

<!-- Only Left_Right_Bottom (LRB) -->
.tpscBlue_LRB { border-left: 1px solid #606790; border-right: 1px solid #606790; border-bottom: 1px solid #606790 }
.tpscGreen_LRB { border-left: 1px solid #3F873F; border-right: 1px solid #3F873F; border-bottom: 1px solid #3F873F }
.tpscRed_LRT { border-left: 1px solid #DF572F; border-right: 1px solid #DF572F; border-bottom: 1px solid #DF572F }
.tpscYellow_LRB { border-left: 1px solid #9F705F; border-right: 1px solid #9F705F; border-bottom: 1px solid #9F705F }
.tpscGrey_LRB { border-left: 1px solid #50807F; border-right: 1px solid #50807F; border-bottom: 1px solid #50807F }

<!-- Only Top (T) -->
.tpscBlue_T { border-top: 1px solid #606790 }
.tpscGreen_T { border-top: 1px solid #3F873F }
.tpscRed_T { border-top: 1px solid #DF572F }
.tpscYellow_T { border-top: 1px solid #9F705F }
.tpscGrey_T { border-top: 1px solid #50807F }

<!-- Only Left (L) -->
.tpscBlue_L { border-left: 1px solid #606790 }
.tpscGreen_L { border-left: 1px solid #3F873F }
.tpscRed_L { border-left: 1px solid #DF572F }
.tpscYellow_L { border-left: 1px solid #9F705F }
.tpscGrey_L { border-left: 1px solid #50807F }

<!-- Only Right (R) -->
.tpscBlue_R { border-right: 1px solid #606790 }
.tpscGreen_R { border-right: 1px solid #3F873F }
.tpscRed_R { border-right: 1px solid #DF572F }
.tpscYellow_R { border-right: 1px solid #9F705F }
.tpscGrey_R { border-right: 1px solid #50807F }

<!-- Only Bottom (B) -->
.tpscBlue_B { border-bottom: 1px solid #606790 }
.tpscGreen_B { border-bottom: 1px solid #3F873F }
.tpscRed_B { border-bottom: 1px solid #DF572F }
.tpscYellow_B { border-bottom: 1px solid #9F705F }
.tpscGrey_B { border-bottom: 1px solid #50807F }

<!-- Border Wrapping -->
.tpscBlue_Wrap { border-left: 1px solid #606790; border-right: 1px solid #606790; 
                 border-top: 1px solid #606790; border-bottom: 1px solid #606790 }
.tpscGreen_Wrap { border-left: 1px solid #3F873F; border-right: 1px solid #3F873F; 
                  border-top: 1px solid #3F873F; border-bottom: 1px solid #3F873F }
.tpscRed_Wrap { border-left: 1px solid #DF572F; border-right: 1px solid #DF572F; 
                border-top: 1px solid #DF572F; border-bottom: 1px solid #DF572F }
.tpscYellow_Wrap { border-left: 1px solid #9F705F; border-right: 1px solid #9F705F; 
                   border-top: 1px solid #9F705F; border-bottom: 1px solid #9F705F }
.tpscGrey_Wrap { border-left: 1px solid #50807F; border-right: 1px solid #50807F; 
                   border-top: 1px solid #50807F; border-bottom: 1px solid #50807F }

a.pscGreen_Link:LINK, a.pscGreen_Link:ACTIVE, a.pscGreen_Link:VISITED {
  color: #515442;
  font-family: arial, helvetica;
  font-size: 11px;
  text-decoration: None; }
a.pscGreen_Link:HOVER {
  color: #3F873F;
  font-family: arial, helvetica;
  font-size: 11px;
  text-decoration: underline; }

.tableformat {border-top: 1px solid #8B8BE7; border-left: 1px solid #8B8BE7; border-right: 1px solid #8B8BE7; border-bottom: 1px solid #8B8BE7;}
.cellformat {background-color: #FFFFFF;}
.buttonStyles {color: #000000; font-family: arial, helvetica, 'san-serif'; font-size: 11px;}
.textboxStyles {color: #000000; background-color: #ffffee; font-size: 10px; font-family: arial, helvetica, verdana;}

A.ssmItems:link, A:ssmItems:active, A.ssmItems:visited {color:#FFFFFF;text-decoration:none;}
A.ssmItems:hover {color:#000000;text-decoration:none;}

a.topiclink:LINK, a.topiclink:ACTIVE, a.topiclink:VISITED
{ FONT-FAMILY: arial, helvetica;
  FONT-SIZE: 11px;
  FONT-WEIGHT: Bold;
  TEXT-DECORATION: Underline;
  COLOR: #4e68a4;
}
a.topiclink:HOVER
{ FONT-FAMILY: arial, helvetica;
  FONT-SIZE: 11px;
  FONT-WEIGHT: None;
  TEXT-DECORATION: None;
  COLOR: #637FBF;
}

a.plink:LINK, a.plink:ACTIVE, a.plink:VISITED
{ FONT-FAMILY: arial, helvetica;
  FONT-SIZE: 11px;
  TEXT-DECORATION: none;
  COLOR: #456FA3; }

a.plink:HOVER
{ FONT-FAMILY: arial, helvetica;
  FONT-SIZE: 11px;
  FONT-WEIGHT: None;
  TEXT-DECORATION: Underline;
  COLOR: #FB6D03; }

a.registrar:LINK, a.registrar:ACTIVE, a.registrar:VISITED
{ FONT-FAMILY: arial, helvetica;
  FONT-SIZE: 11px;
  TEXT-DECORATION: none;
  COLOR: #FCF992; }

a.registrar:HOVER
{ FONT-FAMILY: arial, helvetica;
  FONT-SIZE: 11px;
  FONT-WEIGHT: None;
  TEXT-DECORATION: Underline;
  COLOR: #FFFFFF; }
  
  
a.registrarB:LINK, a.registrarB:ACTIVE, a.registrarB:VISITED
{ FONT-FAMILY: arial, helvetica;
  FONT-SIZE: 11px;
  TEXT-DECORATION: Underline;
  COLOR: #EA7B22; }

a.registrarB:HOVER
{ FONT-FAMILY: arial, helvetica;
  FONT-SIZE: 11px;
  FONT-WEIGHT: None;
  TEXT-DECORATION: None;
  COLOR: #F59B52; }

a.pb:LINK, a.pb:ACTIVE, a.pb:VISITED
{ FONT-FAMILY: arial, helvetica;
  FONT-SIZE: 11px;
  TEXT-DECORATION: none;
  COLOR: #FFFFFF; }

a.pb:HOVER
{ FONT-FAMILY: arial, helvetica;
  FONT-SIZE: 11px;
  FONT-WEIGHT: None;
  TEXT-DECORATION: Underline;
  COLOR: #FDBB73; }
  
a.sales:LINK, a.sales:ACTIVE, a.sales:VISITED
{ FONT-FAMILY: arial, helvetica;
  FONT-SIZE: 11px;
  TEXT-DECORATION: Underline;
  COLOR: #FE992D; }

a.sales:HOVER
{ FONT-FAMILY: arial, helvetica;
  FONT-SIZE: 11px;
  FONT-WEIGHT: None;
  TEXT-DECORATION: None;
  COLOR: #F6AB5A; }


a.siemens:LINK, a.siemens:ACTIVE, a.siemens:VISITED
{ FONT-FAMILY: arial, helvetica;
  FONT-SIZE: 11px;
  TEXT-DECORATION: Underline;
  COLOR: #FFFFFF; }

a.siemens:HOVER
{ FONT-FAMILY: arial, helvetica;
  FONT-SIZE: 11px;
  FONT-WEIGHT: None;
  TEXT-DECORATION: None;
  COLOR: #F6AB5A; }

.bggrey { background: #EFEFEF; }
.bgblue { background: #EFEFFF; border-top: 1px solid #808080; border-bottom: 1px solid #808080; }
.bgdblue { background: #606790; }
.bgtest { background: #FFFFFF; }

a.tech:LINK, a.tech:ACTIVE, a.tech:VISITED
{ FONT-FAMILY: arial, helvetica;
  FONT-SIZE: 11px;
  FONT-WEIGHT: None;
  TEXT-DECORATION: Underline;
  COLOR: #4e68a4;
}
a.tech:HOVER
{ FONT-FAMILY: arial, helvetica;
  FONT-SIZE: 11px;
  FONT-WEIGHT: None;
  TEXT-DECORATION: None;
  COLOR: #637FBF;
}

.bgs { background: #EFEFFF; }

.BE {color: #FFFFFF; background-color: #5F8080; 
     font-family: Tahoma, arial, 'san-serif'; font-size: 11px;
     font-weight: bold;}
.TE {color: #000000; background-color: #ffffee; font-size: 10px; font-family: arial, helvetica, verdana;}

//#606790

.BE2 {color: #FFFFFF; background-color: #5F8080; 
     font-family: Tahoma, arial, 'san-serif'; font-size: 11px;
     font-weight: bold;}
.TE2 {color: #FFFFFF; background-color: #7660FF; 
      font-size: 11px; font-family: arial, helvetica, verdana;
      font-weight: BOLD;}
      
.QBE {color: #FFFFFF; background-color: #5F8080; 
     font-family: Tahoma, arial, 'san-serif'; font-size: 11px;
     font-weight: bold;}

.QTE {color: #000000; background-color: #ffffff; 
      font-size: 8pt; font-family: arial, helvetica, verdana;
      font-weight: None;}