/*
 * <Code modification record>
 * No.	Modified by			Date		[Project ID] Description
 * --------------------------------------------------------------------------------------------------------------------------
 * 1	ChiaVoon (476659)	20120731	[QC33] Request Page missing mouse pointer over button
 * 2	ChiaVoon (476659)	20130823	[QC74] Arabic & Dutch Locales Development
 * 3	ChiaVoon (476659)	20140304	[QC78] Replace current footer with new corporate style
 * 4	ChiaVoon (476659)	20140321	[QC81] Create new request/results pages for Sales Force Communities
 * 5	SuYee (512679)		20140904	[QC102] Specifications pop up windows footer is too wide
 * 6	SuYee (512679)		20141009	[QC104] Global Color Palette, Fonts and Button Changes for Seagate.com
 */
 
/* 
 * styles.css
 *
 * The styles.css file contains CSS styles that are used for all browsers.
 */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body {font:13px Helvetica, Arial, sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% Helvetica, Arial, sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

/* Standard Tag Styles */
body { color: #666; font-family: Helvetica, Arial, sans-serif; }
a { color: #00a1dd; text-decoration: none; }
  a:hover { color: #f93; }
p { color: #333; }
label { color: #333; font-size: 92%; font-weight: bold; }
select { border: 1px solid #6c8bae; }
textarea { border: 1px solid #6c8bae; padding: 2px; }
input { border: 1px solid #6c8bae; padding: 0 2px; }
  input.radio, input.checkbox { border: 0; padding: 0; }
 /** Added by ChiaVoon (476659) - QC33 (20120731) - start **/
 /** Comment: Added 'cursor:pointer' to fix the missing mouse pointer cursor at utilities page "submit" button **/
 input[type="button"] { cursor: pointer; }
 /** Added by ChiaVoon (476659) - QC33 (20120731) - end **/

/* Overall Page Width */
#Wrapper { margin: 0 auto; width: 955px; }
  body.popup #Wrapper { width: 100%; }

/* Link at top of document to jump over navigation and go straight to content - For usability */
#ContentJump { display: none; }

/* Begin #Header */
#Header { background: url(../images/shared/header/background.png) no-repeat 85% 0; }
  body.popup #Header { background-position: 100% 0; padding: 0 16px; }
    body.popup #Header ul.buttons { margin-top: 18px; }
  ul#RelatedSites { float: left; }
    ul#RelatedSites li { float: left; }
  /** Modified by ChiaVoon (476659) - QC74 (20130823) - start **/
  /** [QC74] Comments: Added margin-left **/
  /** ul#Toolbar { float: right; margin-right: 4px; } **/
  /** Modified by ChiaVoon (476659) - QC81 (20140321) - start **/
  /** [QC74] Comments: Added "margin-top: 3px;" **/
  ul#Toolbar { float: right; margin-right: 4px; margin-left: 25px; margin-top: 3px; }
  /** Modified by ChiaVoon (476659) - QC81 (20140321) - end **/
  /** [QC74] Comments: ul#Toolbar to float left if rtl **/
  .rtl ul#Toolbar { float: left; }
  .rtl #ctl00_TopBar_InnerTop_pnl_LogOut { float: right !important; }
  /** Modified by ChiaVoon (476659) - QC74 (20130823) - end **/
    ul#Toolbar li { float: left; }
  #SiteId { clear: both; padding-top: 13px; }
    body.popup #SiteId { clear: none; padding: 6px 0 8px; }
    #SiteId img { float: left; margin-right: 11px; }
    #SiteId h1 { color: #333; font-size: 129%; padding-top: 23px; }
  ul#NavigationPrimary {
    background: url(../images/shared/primary-navigation/background.png) no-repeat 0 0;
    margin-top: 10px;
    padding: 1px 0 6px;
  }
    ul#NavigationPrimary li { border-right: 1px solid #c5c5c5; float: left; }
      ul#NavigationPrimary li.first {
        background: url(../images/shared/primary-navigation/first-item-bg.png) no-repeat 0 0;
        background-color: transparent !important;
        padding-left: 8px;
      }
      ul#NavigationPrimary li.active { background-color: #fff; background-position: 0 100%; }
      ul#NavigationPrimary li a {
        background: url(../images/shared/primary-navigation/link-icon.png) no-repeat 13px 0;
        border-right: 1px solid #fff; 
        color: #333;
        display: block;
        font-weight: normal;
        line-height: 28px;
        padding: 0 21px 0 31px;
        vertical-align: middle;
      }
        ul#NavigationPrimary li a:hover { color: #00a1dd; }
        ul#NavigationPrimary li.first a { }
        ul#NavigationPrimary li.active a { background-position: 13px 100%; color: #00a1dd; }
  ul#UserTools { display: inline; float: right; margin-right: 6px; }
    ul#UserTools li {
      background: url(../images/components/tab/divider.gif) no-repeat 100% 50%;
      float: left;
      font-size: 92%;
      padding: 0 10px;
    }
      ul#UserTools li.last { background: 0; padding-right: 0; }
      ul#UserTools li a { color: #666; }
        ul#UserTools li a:hover { color: #f93; }
      ul#UserTools li em { font-weight: bold; }
/* End #Header */

#MainBody { 
	/** Modified by SuYee -  QC104 (build20141009) - start **/
	padding: 6px 4px 0 0; }
	/** Modified by SuYee -  QC104 (build20141009) - end **/
  body.popup #MainBody { padding: 30px 16px 22px; }
  
/* Begin #ContentChannel */
#ContentChannel { }
  #ContentChannel .tableWrapper { margin-bottom: 11px; }
    #ContentChannel .tableWrapper .header {
      background: url(../images/components/table/header-bg.png) no-repeat 0 0;
      border-bottom: 1px solid #b8b8b8;
      height: 37px;
      padding-left: 10px;
    }
      #ContentChannel .tableWrapper .header .content {
        background: url(../images/components/table/header-bg.png) no-repeat 100% 0;
        line-height: 37px;
        padding-right: 15px;
        vertical-align: middle;
      }
      #ContentChannel .tableWrapper .header h3 {
        color: #333;
        display: inline;
        font-weight: bold;
        line-height: 37px;
      }
      #ContentChannel .tableWrapper .header ul.buttons a span { background-color: #fdfdfd; }
      #ContentChannel .tableWrapper .header span.hint { border-color: #c2c2c2; }
    #ContentChannel .tableWrapper .channel { border-top: 1px solid #fff; }
      #ContentChannel .tableWrapper .channel .content { border-left: 1px solid #c2c2c2; }
      #ContentChannel .tableWrapper .channel table { border-collapse: collapse; padding-top: 1px; width: 100%; }
        #ContentChannel .tableWrapper .channel table a { font-weight: bold; text-decoration: underline; }
          #ContentChannel .tableWrapper .channel table a.more {
            clear: right;
            display: block;
            font-size: 85%;
            font-weight: normal;
          }
        
        #ContentChannel .tableWrapper .channel table th {
          background: #ededef;
          border-right: 1px solid #ced3d5;
          font-size: 92%;
          font-weight: normal;
          padding: 5px 10px;
          vertical-align: top;
        }
          #ContentChannel .tableWrapper .channel table th.action { white-space: nowrap; }
          #ContentChannel .tableWrapper .channel table th.date { width: 83px; }
          #ContentChannel .tableWrapper .channel table th.modelNumber { width: 115px; }
          #ContentChannel .tableWrapper .channel table th.sortable {
            background: #ededef url(../images/components/table/sort-indicators.png) no-repeat 100% 0;
            height: 41px;
            padding-right: 25px;
          }
          #ContentChannel .tableWrapper .channel table th.headerSortUp {
            background: #dcdcdf url(../images/components/table/sort-indicators.png) no-repeat 100% -46px;
            color: #333;
          }
          #ContentChannel .tableWrapper .channel table th.headerSortDown {
            background: #dcdcdf url(../images/components/table/sort-indicators.png) no-repeat 100% -92px;
            color: #333;
          }
        #ContentChannel .tableWrapper .channel table td {
          border: 1px solid #c2c2c2;
          border-left: 0;
          font-size: 92%;
          padding: 5px 10px;
          background-color: white;
        }
          #ContentChannel .tableWrapper .channel table td a.multiLine .content {
            background-color: #fff; /* Default row color so that image behind doesn't show through transparent corners */
          }
          #ContentChannel .tableWrapper .channel table td.date { white-space: nowrap; }
            #ContentChannel .tableWrapper .channel table td input.date { float: left; }
          #ContentChannel .tableWrapper .channel table td.status { white-space: nowrap; }
            
          #ContentChannel .tableWrapper .channel table tr.approved td { background: #c6ea9c; }
          #ContentChannel .tableWrapper .channel table tr.denied td { background: #ffeabf; }
    #ContentChannel .tableWrapper .footer { }
      #ContentChannel .tableWrapper .footer .content {
        background: #f5f5f5;
        border: 1px solid #c2c2c2;
        border-top: 0;
        min-height: 8px;
        padding: 0 14px 6px;
      }
      #ContentChannel .tableWrapper .footer ul.buttons a span { background-color: #f7f7f7; }
      #ContentChannel .tableWrapper .footer ul.key { float: left; }
        #ContentChannel .tableWrapper .footer ul.key li { color: #333; float: left; padding-right: 10px; }
          #ContentChannel .tableWrapper .footer ul.key li em {
            display: block;
            line-height: 32px;
            padding-left: 28px;
            vertical-align: center;
            font-size: 92%;
          }
            #ContentChannel .tableWrapper .footer ul.key li em.approved {
              background: url(../images/components/table/approved-icon.png) no-repeat 0 50%;
            }
            #ContentChannel .tableWrapper .footer ul.key li em.denied {
              background: url(../images/components/table/denied-icon.png) no-repeat 0 50%;
            }
      #ContentChannel .tableWrapper .footer ul.pagingController { float: right; margin-top: 6px; }
        #ContentChannel .tableWrapper .footer ul.pagingController li {
          background: url(../images/components/table/button-tall-bg.png) no-repeat -3px 0;
          float: left;
          font-size: 85%;
          line-height: 25px;
        }
          #ContentChannel .tableWrapper .footer ul.pagingController li.first {
            background-position: 0 0;
            padding-left: 8px;
          }
          #ContentChannel .tableWrapper .footer ul.pagingController li.last {
            background-position: 100% 0;
            padding-right: 8px;
          }
          #ContentChannel .tableWrapper .footer ul.pagingController li em {
            color: #333;
            font-weight: bold;
            padding: 0 10px;
          }
/* End #ContentChannel */

/* Removed by ChiaVoon (476659) - [QC78] - start */
/* Begin #Footer */
/*
#Footer {
  border-top: 1px solid #b8b8b8;
  clear:both;
  margin-right: 4px;
  padding-top: 10px;
  font-size: 77%;
  color: #7d7e73;
}
  #Footer a { color: #666; }
    #Footer a:hover { text-decoration:underline; }
  #Footer p.copy { float: left; color:#7C7C7C; }
  #Footer ul.siteLinks { float: right; }
    #Footer ul.siteLinks li { 
      background: url(../images/shared/footer/divider.gif) no-repeat 100% 2px;
      float: left;
    }
      #Footer ul.siteLinks li.last { background: 0; }
      #Footer ul.siteLinks li a { display: block; padding: 0 7px; }
*/
/* End #Footer */
/* Removed by ChiaVoon (476659) - [QC78] - end */

/* Components */
ul.tab {
  background: url(../images/components/tab/background.png) no-repeat 0 100%;
  padding-left: 8px;
}
  ul.tab li {
    background: url(../images/components/tab/divider.gif) no-repeat 100% 50%;
    padding: 0 9px;
  }
    ul.tab li.last {
      background: url(../images/components/tab/background.png) no-repeat 100% 100%;
      padding-right: 15px;
    }
    ul.tab li a {
      color: #666;
      display: block;
      font-size: 85%;
      line-height: 19px;
    }
      ul.tab li a:hover { color: #f93; }
a.logout {
  background: url(../images/shared/icons/logout.png) no-repeat 0 50%;
  display: block;
  padding-left: 12px;
}
a.previous { 
  background: url(../images/shared/icons/double-orange-arrow-left.png) no-repeat 0 50%;
  padding: 0 12px 0 15px;
  border-right: 1px solid #b8b8b8;
}
a.next { 
  background: url(../images/shared/icons/double-orange-arrow-right.png) no-repeat 100% 50%;
  padding: 0 15px 0 12px;
  border-left: 1px solid #b8b8b8;
  color:#fff;
  text-decoration:none;
  font-weight:both;
}
a.action {
  display: block;
  height: 21px;
  text-indent: -32000em;
  width: 49px;
}
a.copy { background: url(../images/shared/icons/copy.gif) no-repeat 0 0; }
a.submit { background: url(../images/shared/icons/submit.gif) no-repeat 0 0; }
a.edit { background: url(../images/shared/icons/edit.gif) no-repeat 0 0; }
a.delete { background: url(../images/shared/icons/delete.gif) no-repeat 0 0; }
a.search {
  background: url(../images/shared/icons/search.gif) no-repeat 0 0;
  float: right;
  width: 29px;
}
a.quickSelect { background: url(../images/shared/icons/quick_select.gif) no-repeat 0 0; }

span.hint { font-size: 85%; border-left: 0px solid #666; margin-left: 5px; padding-left: 0px;  }

ul.buttons { float: right; margin-top: 7px;}
/** Added by ChiaVoon (476659) - QC74 (20130823) - start **/
.rtl ul.buttons { float: left; margin-top: 7px;}
/** Added by ChiaVoon (476659) - QC74 (20130823) - end **/
  ul.left { float: left; margin-top: 0px; }
  ul.buttons li { float: left; margin-left: 8px; }
  /** Added by ChiaVoon (476659) - QC74 (20130925) - start **/
  .rtl ul.buttons li { float: right; margin-left: 8px; }
  /** Added by ChiaVoon (476659) - QC74 (20130925) - start **/
    ul.buttons li a, a.button {
      /** Modified by SuYee -  QC104 (build20141009) - start **/
      background-image: url(../images/components/buttons/button_normal.png);
      background-position: 0 0;
      background-repeat: no-repeat;
      color: #fff;
      display: block;
      font-size: 85%;
      padding-left: 13px;
      /** Modified by SuYee -  QC104 (build20141009) - end **/
    }
      a.button { float: left; margin-left: 10px; }
      a.multiLine { background: 0; margin-left: 0; padding: 0; text-decoration: none !important; }
        a.multiLine span.header {
          background-image: url(../images/components/buttons/multi-line-blue-bg.gif) !important;
          background-position: 0 0;
          background-repeat: no-repeat;
          border: 0 !important;
          display: block;
          height: auto !important;
          padding: 0 0 0 4px !important;
        }
          a.multiLine span.header span.content{
            background-image: url(../images/components/buttons/multi-line-blue-bg.gif) !important;
            background-position: 100% 0;
            background-repeat: no-repeat;
            border: 0 !important;
            display: block;
            padding: 4px 4px 0 0 !important;
          }
        a.multiLine span.channel {
          background-image: url(../images/components/buttons/multi-line-blue-bg.gif);
          background-position: 0 100%;
          background-repeat: no-repeat;
          border: 0 !important;
          display: block;
          padding: 0 0 0 4px;
        }
          a.multiLine span.channel span.content{
            background-image: url(../images/components/buttons/multi-line-blue-bg.gif);
            background-position: 100% 100%;
            background-repeat: no-repeat;
            border: 0 !important;
            display: block;
            line-height: 1.2em;
            padding: 0 8px 4px 4px !important;
          }
      /** Modified by ChiaVoon (476659) - QC33 (20120731) - start **/
	  /** Comment: Added 'cursor:pointer' to fix the missing mouse pointer cursor **/
      ul.buttons li a:hover {
     	/** Modified by SuYee -  QC104 (build20141009) - start **/
      	background-image: url(../images/components/buttons/button_hover.png);
      	color: #fff;
      	cursor: pointer;
      	/** Modified by SuYee -  QC104 (build20141009) - end **/
      }
      /** Modified by ChiaVoon (476659) - QC33 (20120731) - end **/
      ul.buttons li.shadowed a {
     	/** Modified by SuYee -  QC104 (build20141009) - start **/
        background-image: url(../images/components/buttons/button_normal.png);
        border: 0;
        padding: 0 0 0 4px;
        color: #ffffff;
        /** Modified by SuYee -  QC104 (build20141009) - end **/
      }
      /** Added by SuYee -  QC104 (build20141009) - start **/
      ul.buttons li.shadowed a:hover {
        background-image: url(../images/components/buttons/button_hover.png);
        border: 0;
        padding: 0 0 0 4px;
        color: #ffffff;
      }
      /** Added by SuYee -  QC104 (build20141009) - end **/
      ul.buttons li a span, a.button span {
        background-color: #fff;
        /** Modified by SuYee -  QC104 (build20141009) - start **/
        background-image: url(../images/components/buttons/button_normal.png);
        /** Modified by SuYee -  QC104 (build20141009) - end **/
        background-position: 100% 0;
        background-repeat: no-repeat;
        display: block;
        line-height: 22px;
        padding-right: 13px;
      }
      /** Added by SuYee -  QC104 (build20141009) - start **/
      ul.buttons li a:hover span, a.button span {
        background-color: #fff;
        background-image: url(../images/components/buttons/button_hover.png);
        background-position: 100% 0;
        background-repeat: no-repeat;
        display: block;
        line-height: 22px;
        padding-right: 13px;
      }
      /** Added by SuYee -  QC104 (build20141009) - end **/
        ul.buttons li.shadowed a span {
          /** Modified by SuYee -  QC104 (build20141009) - start **/
          background-image: url(../images/components/buttons/button_normal.png);
          color:#ffffff;
          font-weight=bold;
          font-size:12px;
          /** Modified by SuYee -  QC104 (build20141009) - end **/
          line-height: 27px;
          padding: 0 24px 0 20px;
          text-align: center;
          display: inline-table;
        }
        /** Added by SuYee -  QC104 (build20141009) - start **/
        ul.buttons li.shadowed a:hover span {
          background-image: url(../images/components/buttons/button_hover.png);
          color:#ffffff;
          font-weight=bold;
          text-decoration:none;
          font-size:12px;
          line-height: 27px;
          padding: 0 24px 0 20px;
          text-align: center;
          display: inline-table;
        }
          ul.buttons li.shadowed a.close span {
            padding: 0 10px;
          }
          /** Modified by SuYee -  QC104 (build20141009) - start **/
     ul.buttons li a span em, a.button span em {
         /** background: url(../images/shared/icons/orange-arrow-right.png) no-repeat 100% 50%; 
          padding-right: 14px;
          white-space: nowrap; */
        }
          ul.buttons li.shadowed a span em { line-height: 27px; padding: 0; }
            ul.buttons li.shadowed a.previous span em {
             /** background: url(../images/shared/icons/double-orange-arrow-left-loose.png) no-repeat 0 50%; 
              padding-left: 18px;  */
            }
            ul.buttons li.shadowed a.next span em {
            /**  background: url(../images/shared/icons/double-orange-arrow-right-loose.png) no-repeat 100% 50%; 
              padding-right: 18px; */
              color:#fff;
              text-decoration: none;
              font-weight:both;
            } 
            /** Added by ChiaVoon (476659) - QC74 (20130925) - start **/
           .rtl ul.buttons li.shadowed a.previous span em {
           /**  background: url(../images/shared/icons/double-orange-arrow-right-loose.png) no-repeat 0 50%; 
              padding-right: 18px; */
            }
            .rtl ul.buttons li.shadowed a.next span em {
            /**  background: url(../images/shared/icons/double-orange-arrow-left-loose.png) no-repeat 0% 50%; 
              padding-left: 21px;
              padding-right: 15px; */
              color:#fff;
              text-decoration: none;
              font-weight:both;
            } 
            /** Modified by SuYee -  QC104 (build20141009) - end **/
            /** Added by ChiaVoon (476659) - QC74 (20130925) - end **/
            ul.buttons li.shadowed a.close span em {
              background: url(../images/shared/icons/close.png) no-repeat 0 50%;
              padding-left: 10px;
            }

.wizard { margin-bottom: 20px; }
.wizard .content {
  background: url(../images/components/wizard/background.png) no-repeat 0 0;
  float: left;
  padding-left: 7px;
}
  .wizard ol {
    background: url(../images/components/wizard/background.png) no-repeat 100% 0;
    float: left;
    padding: 6px 7px 6px 0;
  }
    .wizard ol li {
      background: url(../images/components/wizard/default.png) no-repeat 0 0;
      float: left;
      height: 46px;
      margin-right: -15px;
      padding-left: 48px;
      position: relative;
    }
      .wizard ol li.first {
        background: url(../images/components/wizard/first.png) no-repeat 0 0;
        padding-left: 36px;
      }
      .wizard ol li.last {
        background: url(../images/components/wizard/last.png) no-repeat 0 0;
        margin-right: 0;
      }
      .wizard ol li.active { background-position: 0 100%; z-index: 10; }
      
      /* Need vertical centering solution that works for both one and two lines of text.
         See: http://www.ilikespam.com/blog/centering-multiple-line-content-with-css */
      .wizard ol li a, .wizard ol li span.inactive {
        background: url(../images/components/wizard/default.png) no-repeat 100% 0;
        color: #333;
        display: table;
        height: 46px;
        line-height: 1.0em;
        outline: none;
        padding-right: 24px;
        width: 176px; /* Default width for 4 tabs */
      }
        .wizard ol li a:hover { color: #f93; }
        .wizard ol li span.inactive { color: #999; }
        .wizard .twoSteps ol li a, .wizard .twoSteps ol li span.inactive { width: 410px; }
        .wizard .threeSteps ol li a, .wizard .threeSteps ol li span.inactive { width: 254px; }
        .wizard .fiveSteps ol li a, .wizard .fiveSteps ol li span.inactive { width: 129px; }
        .wizard .sixSteps ol li a, .wizard .sixSteps ol li span.inactive { width: 98px; }
        .wizard ol li.first a {
          background: url(../images/components/wizard/first.png) no-repeat 100% 0;
        }
        .wizard ol li.last a, .wizard ol li.last span.inactive {
          background: url(../images/components/wizard/last.png) no-repeat 100% 0;
        }
        .wizard ol li.active a {
          background-position: 100% 100%;
          color: #fff;
          cursor: text;
        }
          .wizard ol li.active a:hover { color: #fff; }
        .wizard ol li em {
          cursor: pointer;
          font-size: 159%;
          left: 23px;
          position: absolute;
          top: 24%;
        }
          .wizard ol li.active em, .wizard ol li span.inactive em { cursor: text; }
          .wizard ol li.first em { left: 12px; }
        .wizard ol li a span, .wizard ol li span.inactive span {
          cursor: pointer;
          display: table-cell;
          font-size: 85%;
          vertical-align: middle;
        }
          .wizard ol li.active a span, .wizard ol li span.inactive span { cursor: text; }

.textHeader { border-bottom: 1px solid #c2c2c2; padding: 0 0 6px 8px; margin-bottom: 5px; }
  .textHeader h2 { color: #333; display: inline; font-size: 122%; font-weight: bold; }
  .textHeader span.hint { color: #333; }

.boxedContent { 
	/** Modified by SuYee -  QC104 (build20141009) - start **/
	margin: 5px 0 10px; 
	/** Modified by SuYee -  QC104 (build20141009) - end **/}
  .boxedContent .header {
    background: url(../images/components/boxedContent/background.png) no-repeat 0 0;
    padding-left: 4px;
  }
    .boxedContent .header .content {
      background: url(../images/components/boxedContent/background.png) no-repeat 100% 0;
      min-height: 4px;
      padding: 8px 4px 4px 6px;
    }
  .boxedContent .channel {
    background: url(../images/components/boxedContent/channel-bg.png) repeat-y 0 0;
    padding-left: 1px;
  }
    .boxedContent .channel .content {
      background: url(../images/components/boxedContent/channel-bg.png) repeat-y 100% 0;
      padding: 6px 10px;
    }
  .boxedContent .footer {
    background: url(../images/components/boxedContent/background.png) no-repeat 0 100%;
    padding-left: 4px;
  }
    .boxedContent .footer .content {
      background: url(../images/components/boxedContent/background.png) no-repeat 100% 100%;
      height: 10px;
      padding-right: 4px;
    }
  .boxedContent h3 { color: #333; font-size: 107%; font-weight: bold; }
  .boxedContent a.button span { background-color: #f7f7f7; }
  .boxedContent p.prompt {
    color: #333;
    font-size: 92%;
    font-weight: bold;
    padding: 7px 0 7px 24px;
  }
  .boxedContent p em { color: #333; font-weight: bold; }
  .boxedContent dl dt { margin-bottom: 3px; }

.twoColumn { }
  .twoColumn .column { float: left; width: 50%; }
  /** Added by ChiaVoon (476659) - QC74 (20130823) - start **/
  .twoColumn.rtl .column { float: right; }
  /** Added by ChiaVoon (476659) - QC74 (20130823) - end **/

p.tip {
  background: url(../images/shared/icons/tip.png) no-repeat 8px 50%;
  display: table;
  font-size: 85%;
  padding-left: 45px;
  height: 26px;
}
  p.tip span { display: table-cell; vertical-align: middle; }

dl.inline { font-size: 85% }
  dl.inline dt { float: left; margin-right: 5px; }
  dl.inline dd { float: left; font-weight: bold; width: 75px; }
em.req { color: #ff8100; }
  h3 em.req, th em.req { padding-left: 5px; }
  
dl.details, ul.details { color: #333; }
  dl.details dt { float: left; margin-right: 4px; }
    .twoColumn dl.details dt { float: none; }
  dl.details dd { float: left; margin-right: 12px; }
    dl.details dd em, ul.details li em, dl.details dd p {
      background: #ddd;
      border: 1px solid #ccc;
      display: block;
      min-width: 66px;
      padding: 1px 5px;
    }
    dl.details dd input.edit, ul.details li input.edit {
      padding: 1px 5px;
      width: 66px;
    }

ol.details { color: #333; font-weight: bold; }
  ol.details li {
    float: left;
    margin: 0 5px 20px 0;
    padding-left: 20px;
    width: 30%;
  }
    ol.details li.row { clear: left; }
    ol.details li em.number { float: left; font-weight: bold; }
    ol.details li ul.ledger { margin-left: 20px; }

ul.ledger { }
  ul.ledger li {
    border-bottom: 1px solid #c2c2c2;
    margin-bottom: 0;
    padding: 5px 0;
    width: 250px;
  }
    ul.ledger li.first { padding-top: 0; }
    ul.ledger li span { float: left; font-weight: normal; width: 170px; }
    ul.ledger li em { float: left; }
    ul.ledger li select { width: 76px; }

ul.filters { }
  ul.filters li { float: left; margin-right: 10px; display: inline; }
    ul.filters li a.button { margin-left: 0; }
    ul.filters li em { color: #333; font-weight: bold; }
    ul.filters li input { padding-bottom: 1px; padding-top: 1px; width: 170px; }
      ul.filters li input.radio { padding: 0; width: auto; }
    ul.filters li select { width: 170px; }
      ul.filters li select.autoWidth { width: auto; }
    ul.filters li span.note { font-size: 85%; display: block; }

ul.fields { }
  ul.fields li { float: left; margin: 0 20px 7px 0; min-height: 36px; width: 330px; }
    ul.fields li ul.fields li { width: 140px; }
    ul.fields li.row { clear: both; }
    ul.fields li label { display: block; }
    ul.fields li select { width: 306px; }
    ul.fields li a.button { margin: 14px 0 0 0; }
    
/* Utility Classes */
.selfClear:after { /* Make elements self-clearing - see http://positioniseverything.net/easyclearing.html */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Date Picker CSS Styles */
a.dp-choose-date {
	background: url(../images/shared/icons/datepicker.png) no-repeat 0 50%; 
  display: block;
	height: 18px;
  float: right;
	overflow: hidden;
	padding: 0;
	text-indent: -32000em;
	width: 20px;
}


/* New css added for WORP Project */

#header {
	position:relative;
	z-index:20;
	/** Modified by SuYee -  QC104 (build20141009) - start **/
	color: #666;
	/** Modified by SuYee -  QC104 (build20141009) - end **/
}
.headerWrap {
	position: relative;
	z-index:50;
	height:63px;
	color:White;
}


.headerFrame {
	background: url(../images/worp/header_center.gif) no-repeat 50% 0;
}
.headerBar {
	width:980px;
	margin:0 auto;
	padding:0 0 8px;
	position:relative;
}

/* sub nav */
.subNav {
	float:right;
	overflow:hidden;
	display:inline;
	margin:0 6px;
	padding:8px 0 3px;
}
.subNav li {
	float:left;
	display:inline;
	margin-left:-1px;
	padding:0 9px;
	font-size: 11px;
	background: url(../images/worp/nav_lang_sep.gif) no-repeat 0 50%;
}
.subNav a {color:#0cc;}


.topNav {
	padding:0;
	overflow:hidden;
	float: left;
}

/* choiceLang */
.choiceLang {
	float:right;
	padding-left:1px;
	background: url(../images/global/bg/nav_sep.gif) no-repeat;
}
.choiceLang .choiceOpen {
	float:left;
	padding:0 0 6px 11px;
	color:#b7b7b7;
	font-size:11px;
	line-height:14px;
}
.choiceLang .choiceOpen em,
.choiceLang .choiceOpen span,
.choiceLang .choiceOpen strong {
	cursor:pointer;
}
.choiceLang .choiceOpen .ico {
	float:left;
	font-style:normal;
	margin:7px 10px 0 0;
	text-indent:-9999px;
	overflow:hidden;
	width:30px;
	height:15px;
	background: url(../images/global/bg/nav_lang.png) no-repeat;
}
.choiceLang .choiceOpen .bullet {
	float:left;
	width:6px;
	height:6px;
	margin:13px 12px 0 0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/global/icn/icn_nav_lang_bullet.png) no-repeat;
}
.choiceLang .choiceOpen span {
	float:left;
	margin:8px 3px 0 0;
}
.choiceLang .choiceOpen strong {
	float:left;
	margin:8px 8px 0 0;
	padding:0 8px 0 0;
	font-weight:normal;
	background: url(../images/global/bg/nav_lang_sep.gif) no-repeat 100% 50%;
}
.choiceLang:hover .choiceOpen,
.choiceLang .hover .choiceOpen {
	background:#6d6c6c url(../images/global/bg/lang_bg.gif) repeat-x 0 100%;
	color: #fff;
	text-decoration: none;
}
.choiceLang:hover .choiceOpen strong,
.choiceLang .hover .choiceOpen strong {
	background: url(../images/global/bg/nav_lang_sep_hov.gif) no-repeat 100% 50%;
}
.choiceLang:hover .choiceOpen .ico,
.choiceLang .hover .choiceOpen .ico {
	background: url(../images/global/bg/nav_lang_hov.png) no-repeat;
}
.choiceLang:hover .choiceOpen .bullet,
.choiceLang .hover .choiceOpen .bullet {
	background: url(../images/global/icn/icn_nav_lang_bullet_hov.png) no-repeat;
}
.choiceLang:hover .langDrop,
.choiceLang .hover .langDrop {
	display:block;
}
/* langDrop */
.langDrop {
	position:absolute;
	z-index:50;
	display:none;
	top:26px;
	right:-2px;
	width:513px;
	overflow:hidden;
	color:#fff;
	font-size: 12px;
}
.langDrop .top,
.langDrop .btm {
	width:513px;
	height:3px;
	overflow:hidden;
	background: url(../images/global/bg/country_h_top.png) no-repeat;
}
.langDrop .btm {
	height:4px;
	background: url(../images/global/bg/country_h_btm.png) no-repeat;
}
.langDropFrame {
	width:509px;
	padding:0 2px;
	background: url(../images/global/bg/country_h_c.png) repeat-y;
}
.langDropHold {
	min-height:100px;
	padding:15px 20px 20px;
	background:#2a2929 url(../images/global/bg/country_f_c.gif) repeat-x;
}
* html .langDropHold {
	height:100px;
}
.langDrop .heading {
	display:block;
	float:none;
	font-size:14px;
	line-height:16px;
	background:none !important;
	padding:0;
	margin:0;
	font-weight:bold;
}
.langDrop .remember {
	padding:10px 0 0;
}
.langDrop .remember input {
	float:left;
	width:15px;
	height:16px;
	margin:0 5px 0 0;
	padding:0;
}
.langDrop .columnsFrame {
	padding:0;
	position: relative;
	margin:0 -30px 0 0;
}
.langDrop .col {
	float:left;
	width:132px;
	padding:0 10px 0 0;
}
.langDrop .col2 {
	width:186px;
}
.langDrop .col3 {
	width:140px;
	padding:0;
}
.langDrop .col strong {
	display:block;
	margin:18px 0 0;
	font-size:14px;
	line-height:16px;
}
.langDrop .col strong span {
	font-size:12px;
	color: #fff;
}
.langDrop .col ul {
	padding:4px 0 0;
}
.langDrop .col ul li {
	padding:2px 0 3px;
	line-height:16px;
}
.langDrop .col span {
	color:#ccc;
	padding-right:4px;
}
.langDrop .col a span {color: #00a1dd;}
.langDrop .col a em,
.langDrop .col a:hover em {
	float:right;
	color:#00a1dd;
	font-style:normal;
}
.langDrop .col a:hover em {text-decoration: underline;}
/* custom select */
.infoGoods .cusel,
.infoGoods .cusel:focus {
	outline:none
}
.cusel,
.cuselFrameRight,
.jScrollPaneDrag,
.jScrollArrowUp,
.jScrollArrowDown {
	/** background: url(../images/worp/select.gif) no-repeat; */
}
/* styles for focus and hover */
.cusel:hover,
.cusel:hover .cuselFrameRight,
.cusel:focus,
.cusel:focus .cuselFrameRight,
.cuselFocus,
.cuselFocus .cuselFrameRight {
/** background: url(../images/worp/select.gif) no-repeat; */
}
.cusel {
	height: 25px;
	background-position: left top;
	display: inline-block;
	position: relative;
	z-index:9999;
	cursor: pointer;
	color:#fff;
}
.cuselFrameRight {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	height: 100%;
	width: 24px;
	background-position: right top !important;
}
.cuselText {
	height: 15px;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	z-index: 1;
	font:bold 11px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	position: absolute;
	top: 0;
	left: 0;
}
* html .cuselText {height: 22px}
.cusel span {
	display: block;
	cursor: pointer;
	white-space: nowrap;
	padding: 2px 15px 2px 10px;
}
.cusel span:hover,
.cusel .cuselOptHover,
.cusel span.hover {
	background: #545555;
	color: #fff;
}
.cusel .cuselActive {
	color: #fff;
	cursor: default;
}
/* styles for disabled select */
.classDisCusel,
.classDisCusel .cuselFrameRight {
	/**background: url(../images/global/bg/dis_select.gif) !important;*/
	cursor: default;
	color: #ccc;
}
.classDisCusel .cuselFrameRight{background-position:100% 0 !important;}
.classDisCusel .cuselText {
	cursor: default;
}
/* styles for scrollbar */
.cusel-scroll-wrap {
	display: block;
	visibility: hidden;
	overflow:hidden;
	position: absolute;
	left: 0;
	top: 100%;
	z-index:9999;
	margin:-1px 0 0;
	font-size:12px;
	background: #141616;
	min-width: 100%;
	width: auto;
	font-size: 11px;
}
.infoVisible .cusel-scroll-wrap {width: 229px}
.cusel .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 5;
	border: 1px solid #808686;
}
.cusel .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 5;
	border: 1px solid #999;
}
.cusel .jScrollPaneTrack {
	height: 100%;
	width: 8px !important;
	background: #ccc;
	position: absolute;
	top: 0;
	right: 4px;
}
.cusel .jScrollPaneDrag {
	position: absolute;
	background-position: -40px -26px;
	cursor: pointer;
	width: 8px !important;
	border:1px solid #fff;
	height: 27px !important;
	right: -1px;
	background:#000;
}
.cusel .jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.cusel .jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.cusel .jScrollArrowUp {
	position: absolute;
	top: 0;
	right: 3px;
	width: 10px;
	height: 12px;
	cursor: pointer;
	background-position: -4px -31px;
	overflow: hidden;
}
.cusel .jScrollArrowDown {
	width: 25px;
	height: 12px;
	position: absolute;
	top: auto;
	bottom: 0;
	right: 3px;
	cursor: pointer;
	background-position: -23px -31px;
	overflow: hidden;
}
.tooltipHold{
	width: 100%;
	font-size: 95%;
}
.tooltipFrame{
	position: relative;
	float: left;
}
.tooltipFrame .tooltip{bottom: 8px;}
.tooltipFrame:hover .tooltip{display: block;}
.infoGoods .infoIntro .text .tooltip p{
	font-size: 107%;
	font-weight: normal;
}
.tooltipHold strong{float: left;}
#cuselFrame-srsLanguageSelector {margin-top: 3px;}
#cuselFrame-ctl00_TopBar_ddl_Language {margin-top: 3px;}

/* Begin Temporary */
	.an-questions {background:yellow;}
/* End Temporary */
/******************************/
/* Begin General styles */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
	table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
	ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
	/** [QC74] Comment: text to float right if RTL **/
	.rtl caption, .rtl th {text-align:right;}
	body {font:12px Helvetica, Arial, sans-serif;} 
	table {font-size:inherit; } 
	/*select, input, textarea {font:99% arial,helvetica,clean,sans-serif;} */
	pre, code {font:115% monospace; } body * {}
	/*td {vertical-align:top;}*/	a  {color: #000;}
	a:hover {color: #C00;}
	a:focus, a:active {outline: none;} 
	.required {color:#CC0000;}
	img {border:none;}
	#center {margin: 0 auto; width: 962px;}
/* End General Styles */
/******************************/
/* Begin form styles */
	fieldset {padding: 10px; border: 1px solid blue;} 
	legend {background: #CCC; padding: 5px; margin-bottom: 10px; border: 1px solid red;} 
/* End form styles */
/******************************/
/* Begin logo area */
	/** Modified by SuYee -  QC104 (build20141009) - start **/
	#logo {position:relative; top:5px; left:0px; width:962px; height:91px; z-index:100;
		background: url(../images/worp/stx-staticlogo-drk-170x56.png) no-repeat;}
		/** Modified by SuYee -  QC104 (build20141009) - end **/
		 /* changed from top 20 height 121*/ 
	/** Modified by ChiaVoon (476659) - QC74 (20130823) - start **/
	/** #header strong.logo {float:left;display:inline;	margin:13px 0 0 1px;} **/
	#header strong.logo {float:left;display:inline;	margin:13px 2px 0 1px;}
	/** [QC74] Comment: logo to float right if RTL **/
	.rtl #header strong.logo {float:right;}
	/** Modified by ChiaVoon (476659) - QC74 (20130823) - end **/
	/** Modified by SuYee -  QC104 (build20141009) - start **/
	#header strong.logo a {display:block;width:170px;height:56px;text-indent:-9999px;overflow:hidden;
				background: url(../images/worp/stx-staticlogo-drk-170x56.png) no-repeat;
	/** Modified by SuYee -  QC104 (build20141009) - end **/
	}		
	.evaultLogo {position:absolute; top:50px; left:-30px; z-index:100}
/* End logo area */
/******************************/
/* Begin toolbar area */
	/** Modified by ChiaVoon (476659) - QC74 (20130823) - start **/
	/** [QC74] Comment: Modified position to relative **/
	/** #Toolbar {position:absolute; top:10px; right:10px; color:#696868; font-size:11px; height:30px; z-index:100}  **/
	#Toolbar {position:relative; top:10px; right:10px; color:#696868; font-size:11px; height:30px; z-index:100} /* changed from top 30*/
	#Toolbar li {float:left;}
	/** [QC74] Comment: float to right if rtl **/
	.rtl #Toolbar li {float:left;}
	/** #Toolbar a {text-decoration:none; padding:0 10px 0 0; margin-right:10px; color:#0cc; position:relative; top:5px;} **/
	/** Modified by SuYee -  QC104 (build20141009) - start **/
	#Toolbar a {text-decoration:none; padding:0 10px 0 10px; margin-right:10px; margin-left:10px; color:#00a1dd; position:relative; top:5px; font-weight: bold;}
	/** Modified by ChiaVoon (476659) - QC74 (20130823) - end **/
	#Toolbar a:hover {text-decoration:underline; color:#00a1dd; font-weight: bold;}
	/** Modified by SuYee -  QC104 (build20141009) - end **/
	#Toolbar select {border:1px solid #b2c4d5; padding:2px; color:#696868; font:99% Helvetica, Arial, sans-serif;}
/* End toolbar area */
/******************************/
/* Top Navigation */

ul#NavigationPrimary {overflow:hidden;}
  ul#NavigationPrimary li {
    float:left;
	display:inline;
	margin-right:-2px;
	padding:0;
	font-weight:bold;
	background:none;
	font-size: 100%;
  }
	ul#NavigationPrimary li li { float:left; margin:0 -2px;}
	ul#NavigationPrimary a.FirstConsumer {background:url(../images/worp/first.gif);}		
	ul#NavigationPrimary li.first a {margin-left: -11px;}	
	ul#NavigationPrimary li.first a:hover {text-decoration:underline;}
	ul#NavigationPrimary li.first a.active 
	{
		color:#333;
		border:solid #999;
		border-width:2px 2px 0 0;
		padding:9px 11px 11px;
	}
    ul#NavigationPrimary li a 
    {
		float:left;
		color:#00a1dd;
		border:solid #999;
		border-width:0 1px 2px 0;
		padding:11px 12px 11px 13px;
		text-align:center;
		text-decoration:none;
    }
	ul#NavigationPrimary li a:hover {text-decoration:underline;}
	ul#NavigationPrimary li a.active 
	{
		color:#333;
		border:solid #999;
		border-width:2px 2px 0;
		padding:9px 11px 11px;
	}
	
	ul#NavigationPrimary li.last a {border-right:0;}
	ul#NavigationPrimary li.last a:hover {text-decoration:underline;}
	ul#NavigationPrimary li.last a.active 
	{
		color:#333;
		border:solid #999;
		border-width:2px 2px 0;
		padding:9px 11px 11px;
	}
	.spacer 
	{
	overflow:hidden;
	zoom:1;
	margin:0;
	padding:19px 0;
	font-size:145%;
	border-bottom:2px solid #999;
	height:0px;
	}
	.spacerLast 
	{
	overflow:hidden;
	zoom:1;
	margin:0;
	padding:19px 0;
	font-size:145%;
	border-bottom:2px solid #999;
	border-left:2px solid #999;
	height:0px;			
	}
.mainSubNavCateg {overflow:hidden;}
.mainSubNavCateg ul {
	float:left;
	margin:0 -2px;
}      
/******************************/
/* Begin masts area */
	/** Modified by SuYee -  QC104 (build20141009) - start **/
	#Mast {clear:both; height:40px; position:relative; z-index:1;}
	/** Modified by SuYee -  QC104 (build20141009) - end **/
	/** Modified by ChiaVoon (476659) - QC74 (20130823) - start **/
	/** #MastText {position:absolute; top:12px; left:20px; color:Black; font-weight:bold; font-size:17px;} **/
	#MastText {position:absolute; margin-top:12px; margin-left:20px; margin-right:25px; color:Black; font-weight:bold; font-size:17px;}
	/** Modified by ChiaVoon (476659) - QC74 (20130823) - start **/
	.pageTitle {
	color: #333333;
    display: block;
    font-size: 250%;
    font-weight: normal;
    line-height: 97%;
	}
	#Breadcrumbs {clear:both;border-top:0; height:15px; font-size:11px; color:#818181; padding-left:10px; padding-top: 0px;}/* height=23, padding-top=5 */
	#Breadcrumbs a {color:#009999;text-decoration: none;}
	#Breadcrumbs a:hover {color:#006699;text-decoration: underline;}
	
/* End masts area */
/******************************/
/* Begin secondary nav area */
	#LeftChannel {width:186px; text-align:right; border-right:1px solid #e5e5e5; padding:5px 0 0 0; font-size: 12px;}
	#LeftChannel .levelOne {padding-bottom:20px;}
	#LeftChannel .first a {text-align:center; padding:0; background:0;}
	#LeftChannel .first a:hover {background:0;}
	#LeftChannel a {color:#000; display:block; text-decoration:none; padding:5px 23px 5px 0; background:url("../pics/secondary-navigation/level-two-bg.gif") center right no-repeat; border-bottom:1px solid #e5e5e5; height:100%;}
	#LeftChannel a:hover {background: #FEFEFE url("../pics/secondary-navigation/level-two-bg-active.gif") no-repeat; color:#00a1dd; font-weight:bold;}
	#LeftChannel li.current a {background: #FEFEFE url("../pics/secondary-navigation/level-two-bg-active.gif") no-repeat; color:#00a1dd; font-weight:bold; border-bottom:1px solid #e5e5e5;}
	

	#LeftChannel li.current .level4 li a {background:#eee 0; font-size:11px; color:#737272; font-weight:normal; border:0;}
	#LeftChannel li.current .level4 li a:hover {font-weight:bold; background:#eee url("../pics/secondary-navigation/level-four-active.gif") center right no-repeat;}
	#LeftChannel li.current .level4 li.current a {font-weight:bold; background:#eee url("../pics/secondary-navigation/level-four-active.gif") center right no-repeat;}
	
	#LeftChannel div.arr {display: none;}
	
/* End secondary nav area */
/******************************/
/* Begin content area */
	#MainContent {clear:both; border-left:1px solid #e5e5e5;}
	#Content { padding:5px 20px 10px 20px;}/*changed from 20*/
	#Content h1 {margin-bottom:10px; font-weight:bold; font-size:1.2em;}
	#Content h2 {margin-bottom:5px; font-weight:bold; font-size:1.1em;}
	#Content h3 {font-weight:bold; font-size:1em;}
	#Content p {padding-bottom:5px;}
	/** Modified by SuYee -  QC104 (build20141009) - start **/
	#Content a {color:#00a1dd;}
	#Content a:hover {color:#00a1dd; text-decoration:underline;}
	#Content a.next {color:#00a1dd;font-weight:bold;}
	#Content a.next:hover {color:#00a1dd; text-decoration:none;font-weight:bold;}
	/** Modified by SuYee -  QC104 (build20141009) - start **/
	/* #Content ul {list-style:disc; padding:0 0 20px 30px;} */
	#Content .contentQuote {background:#ebf3f2; padding:10px; color:#737272;}
	#Content .contentQuote .text {padding-bottom:5px; font-style:italic;}
	#Content .contentQuote .who {color:#00a1dd; font-style:italic; padding:0 0 5px 10px;}
	#Content .contentQuote .link {padding-bottom:0; text-align:right;}
	#Content .contentQuote a {text-decoration:none; font-size:.9em;}
/* End content area */
/******************************/
/* Begin right channel area */
	#RightChannel { width:210px; border-right:1px solid #e5e5e5; color:#000; padding:0 0 0 0; font-size:12px;} /* changed from padding 20 */
	#RightChannel h1 {background:url("../pics/right-channel/title-bg.gif"); color:#FFF; font-weight:bold; padding:10px 10px; font-size:12px;}
	#RightChannel h2 {background:url("../pics/right-channel/title-bg.gif"); color:#FFF; font-weight:bold; padding:10px 10px; font-size:12px;}
	#RightChannel ul {background:url("../pics/right-channel/background.gif") bottom left no-repeat; padding-bottom:10px; margin-bottom:12px;}
	#RightChannel ul.noborder li {border-bottom:0;}
	#RightChannel ul.bubbles li {border-bottom:0; background:url("../pics/right-channel/rounded-bubble.gif"); margin-bottom:5px;}
	#RightChannel ul.bubbles a {text-decoration:none; font-weight:bold; padding:5px 0 5px 40px; display:block;}
	#RightChannel ul.bubbles li.paper a {background:url("../pics/right-channel/paper.gif") 5px 2px no-repeat;}
	#RightChannel ul.bubbles li.customer a {background:url("../pics/right-channel/customer.gif") 5px 2px no-repeat;}
	#RightChannel ul.bubbles li.calendar a {background:url("../pics/right-channel/calendar.gif") 5px 2px no-repeat;}
	#RightChannel li {border-bottom:1px solid #e5e5e5; margin:0 10px; padding:5px;}
	#RightChannel li.last {border-bottom:0;}
	#RightChannel a {color:#00a1dd; text-decoration:none;}
	#RightChannel a:hover {color:#458682; text-decoration:underline;} 
	#RightChannel p {padding-bottom:5px;}
	
	/* Added By Pawan (Wipro OffShore) on 10th March 2008 
		Note: For related resource*/
#RightChannel a.Related_Resource, a.Related_Resource:link, a.Related_Resource:visited, a.Related_Resource:active 
{
 	color:#00a1dd;
	text-decoration: underline; 
	font-size: 8.6pt
}
a.Related_Resource:hover 
{
	color : #00a1dd;
	text-decoration: underline; 
	font-size: 8.6pt;
}
#RightChannel a.Related_Resource_de, a.Related_Resource_de:link, a.Related_Resource_de:visited, a.Related_Resource_de:active 
{
 	color:#00a1dd;
	text-decoration: underline; 
	font-size: 9.6pt
}
a.Related_Resource_de:hover 
{
	color : #00a1dd;
	text-decoration: underline; 
	font-size: 9.6pt;
}
/* End right channel area */
/******************************/
/* Begin footer area */
	
/* Modified by ChiaVoon (476659) - [QC78] - start */
.footerWrap {
	position: relative;
	background: #2e3030;
	clear: both
}

#footer {
	margin: 0 auto;
	/** Modified by SuYee -  QC104 (build20141009) - start **/
	padding: 30px 1px 40px;
	font-size: 83%;
	position: relative;
	color:#00a1dd;
	background: url(../images/worp/footer_grey.png) no-repeat;
	/** Modified by SuYee -  QC104 (build20141009) - end **/
}

#footer a:hover { 
	text-decoration:underline; 
	/** Added by SuYee -  QC104 (build20141009) - start **/
	color:#00a1dd;
	/** Added by SuYee -  QC104 (build20141009) - end **/
}

.footerNav {
	padding: 0
}

.footerNav ul {
	position: relative;
	left: 50%;
	float: left
}

.footerNav ul li {
	position: relative;
	left: -50%;
	float: left;
	padding: 0 12px;
	/** Modified by SuYee -  QC104 (build20141009) - start **/
	background: url(../images/worp/footer_grey.png);
	background-repeat: repeat-x;
	/** Modified by SuYee -  QC104 (build20141009) - end **/
}

.rtl .footerNav ul li {
	float: right;
	/** Modified by SuYee -  QC104 (build20141009) - start **/
	background: url(../images/worp/footer_grey.png);
	background-repeat: repeat-x;
	/** Modified by SuYee -  QC104 (build20141009) - start **/
}

.footerNav ul li:first-child,.footerNav ul li.first-child {
	background: 0
}

.footerNav ul a {
	/** Modified by SuYee -  QC104 (build20141009) - start **/
	color: #00a1dd;
	/** Modified by SuYee -  QC104 (build20141009) - end **/
}

/** Added by SuYee -  QC104 (build20141009) - start **/
.footerNav li.nav-footer-divider{
	margin-right: 1px;
	margin-left:1px;
	font-size:13px;
	font-weight:700;
	color:#333;
}
/** Added by SuYee -  QC104 (build20141009) - end **/
	
#footer .copyright p {
	position: absolute;
	margin: 0 20px 0 770px;
	top: 36px;
	font-size: 11px;
	color: #999
}

.rtl #footer .copyright p {
	margin: 0 770px 0 20px;
}

 /** Added by SuYee (512679) - QC102 (20140904) - start **/
#footer .copyrightSpec p {
	position: absolute;
	margin: 0 20px 0 377px;
	top: 36px;
	font-size: 11px;
	color: #999
}

.rtl #footer .copyrightSpec p {
	margin: 0 377px 0 20px;
}
 /** Added by SuYee (512679) - QC102 (20140904) - end **/

.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px
}

 /** Added by SuYee (512679) - QC102 (20140904) - start **/
.container_13 {
	margin-left: auto;
	margin-right: auto;
	width: 560px
}
 /** Added by SuYee (512679) - QC102 (20140904) - end **/
/* Modified by ChiaVoon (476659) - [QC78] - end */

/* End footer area */
/************************************************************* Section below is designated for section specific areas *************************************************************/

div.inner_center_box table td {
	padding-left:5px;
	padding-right:5px;
}
/* Added By Pawan (Wipro Off Shore) 
	Note:  Index Page */
.homepageHeader {
	PADDING-RIGHT: 3px; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; PADDING-BOTTOM: 3px; MARGIN: 3px; COLOR: #ffffff; PADDING-TOP: 4px; FONT-FAMILY: Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #cccccc
}
.h1colorwhite{color:Black;}
.h1colorblack{color:Black; }

.pageTitle {
	color: #333333;
    display: block;
    font-size: 180%;
    font-weight: normal;
    line-height: 97%;
}


