/* ================================
    CSS STYLES FOR CCI Connect PORTAL
    Senmao Lin 
    v1.0, 08/28/2007
   ================================
*/

/*	font-family: Verdana, Helvetica, sans-serif; */
/*      background-color: #87AEC5; */
/*    font: x-small sans-serif; */
body {
    margin: 0;
    padding: 0;
    background-color: #EFF2EF;
    color: #333333; 
}


.sczilla_div {
    margin: 5px 10px 0px 10px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    border: 0px solid white;	
}

.doNotDisplay {
  display: none !important;
}

#numberform {
    width: 100%;
    background-color: transparent;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px solid white;	
}

/*	background-color: darkblue; */
#HeadBg {
        background: transparent;
	border:0;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
	width:100%;
	border-bottom: 0px solid white;	
        background: #7295bf url('./headbg9.gif') repeat-x;
}

.Accent {
	color: white;
	font-weight: bold;
}

/*	background-image: url('./bars.gif'); */
#SiteLinkBar {
	background-image: url('./bar4.gif');
	width: 100%;
	padding: 0px;
	margin:0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
}

#SiteLink {
	float: right;
	color: white;
	background-image: transparent;
}
/* color: rgb(238, 238, 238); */

#SiteLink a {
	text-decoration: none;
	color: white;
}

#SiteLink a:visited {
	text-decoration: none;
	color: #eeeeee;
}

#SiteLink a:active {
	text-decoration: none;
	color: #eeeeee;
}

#SiteLink a:hover {
	text-decoration: underline;
	color: #386670;
	background: white;
}

/*	color: #f1a629; */
/*	color: #ffff33; */
#SiteTitleBar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding: 1.25mm 4mm 0mm 4mm;
    color: #386670;
}
	
/*	color: #cccc99 */
.SiteTitle {
	font-style: italic;
	font-size: 22px;
	font-weight: bold;
	color: white 
}

.SiteLogo {
    font-family: Helvetica, sans-serif;
    line-height: 1.0em;
    border: 0px;
    float: right;
    text-align: center;
    margin-bottom: 2px;
    color: white;
}

.SiteLogoCCI {
        line-height: 0.9em;
        font-size: 22pt;
        display: block;
        margin: 0px;
        padding: 0px;
}

.SiteLogoICS {
        font-size: 8pt;
        margin: 0px;
        padding: 0px;
}

.QueryBox {
   font-size: 15px;
   line-height: 2.5em !important;
   padding-top: 3px;
 }

.SDQuery {
    padding-left: 50px;
}

.CCITitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    padding-top: 4px;
}

#navbar {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;	
  	padding-left: 4mm;
  	padding-right: 0px;
  	padding-top: 10px;
  	padding-bottom: 2px;
  	white-space: nowrap;
        margin: 0px 0px 0px 0px;
        border: 0px solid white;	
}

#navbar b {
	display: none;
}

/*	background-color: dimgray; */
#navbar a {
	text-decoration: none;
	color: white;
  	border: 0px solid gray;
  	background: #336;
  	padding: 2px 0.5em 1px;
	border-color: black;
	margin: 0px;
	border-color: black;
	border-style: solid; 
	border-width: 0px; 
	border-bottom-width: 0px;
        background-image: url('./bar4.gif');
}

#navbar a:hover {
	color: #386670;
	background: white;
  	border: 0px solid gray;
  	border-bottom-width: 2px;
}

#navbar #selectedMenuItem {
	text-decoration: none;
  	padding: 2px 0.5em 1px;
	margin: 0px;

	border-top: 2px solid #386670;

	font-weight: bold;
	font-size: 15px;
        color: #386670;
	background: white;
}

#second_navbar {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
			
  	padding-left: 32px;
  	padding-right: 0px;
  	padding-top: 6px;
  	padding-bottom: 2px;
  	white-space: nowrap;
  	border-top: 0px solid gray;
	border-bottom: 1px solid gray;
}

#second_navbar b {
	display: none;
}

#second_navbar a {
	text-decoration: none;
	color: #666644;
  	border: 0px solid gray;
  	background: white;
  	padding: 2px 0.5em 1px;
  	background-color: transparent;
	margin: 0px;
	border-color: black;
	border-style: solid; 
	border-width: 0px;
}

#second_navbar a:hover {
	color: white;
	background: black;
  	border-bottom-width: 2px;
}

#second_navbar #selectedMenuItem {
	text-decoration: none;
  	padding: 2px 0.5em 1px;
	margin: 0px;
	
        border: 1px solid white;
        border-top: 2px solid black;

	color: #386670;
	background: white;
}

/* ##### Left Side Bar ##### */

.leftSideBar {
  padding-top: 6mm;
  padding-left: 2mm;
  /* background-color: rgb(243,242,235); */	
  background-color: transparent; 
  width: 12.5em;
  float: left;
  clear: left;
}

/* ##### Main Copy ##### */
#main-copy {
  color: black;
  background-color: transparent;
  text-align: justify;
  line-height: 1.5em;
  margin: 0 0 0 12.5em;
  padding: 0.5ex 15em 1em 1em;
  border-left: 1px solid rgb(216,210,195);
}

/* ##### Footer ##### */

/* background-color: rgb(230,223,207); */
/*  padding: 1px 1px 1px 1px; */
/*  line-height: 1.25em; */
/*  color: #666644; */
/* background-color: #f2f8ee;  */
#footer {
  background-color: #f2f8ee;  
  font-size: 70%;
  text-align: center;
  margin: 0;
  padding: 0; 
  clear: both;
  font-style: italic;
  border:0;
  width:100%;
  border-top: 2px solid rgb(216,210,195);
}

#footer a {
  color: #386670; 
  background-color: transparent;
  text-decoration: underline;
  font-family: verdana, helvetica, arial, sans-serif;
  font-weight: bold;
  font-size: 80%;
}

#footer a:hover {
  text-decoration: none;
}

/* *************************************************** */
/* MODULE-SPECIFIC */
	/* text style for reading messages in Discussion */
.Message {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #eeeeee
}

/* style of item titles by Announcements and events */
.ItemTitle {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #386670;
}

/* GENERAL */ /* style for module titles */
.Head {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #666644;
}

/* style of item titles on edit and admin pages */
.SubHead {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #386670;
}

.SubSubHead {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: black;
}

.Normal {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px
}

.NormalTextBox {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.NormalRed {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: red
}

.NormalBold {
        color: #386670;
        font-family: verdana,sans-serif;
	font-size: 12px;
	font-weight: bold
}

.CommandButton {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

A.CommandButton:link {
	text-decoration: underline;
	color: #386670;
}

A.CommandButton:visited {
	text-decoration: underline;
	color: #386670;
}

A.CommandButton:active {
	text-decoration: underline;
	color: #386670;
}

A.CommandButton:hover {
	text-decoration: underline;
	color: red;
}

H1 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #666644;
}

H2 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #666644;
}

H3 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #386670;
}

H4 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #386670;
}

H5,DT {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #386670;
}

H6 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #386670;
}

TFOOT,THEAD {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #386670;
}

TH {
	vertical-align: baseline;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: black;
}

A:link {
        font-family: tahoma,verdana,sans-serif;
	text-decoration: none;
	color: #386670;
}

A:visited {
        font-family: tahoma,verdana,sans-serif;
	text-decoration: none;
	color: black;
}

A:active {
        font-family: tahoma,verdana,sans-serif;
	text-decoration: none;
	color: #386670; 
}

A:hover {
        font-family: tahoma,verdana,sans-serif;
	text-decoration: underline;
}

SMALL {
	font-size: 8px;
}

BIG {
	font-size: 14px;
}

BLOCKQUOTE,PRE {
	font-family: Lucida Console, monospace;
}

UL LI {
	list-style-type: square;
}

UL LI LI {
	list-style-type: disc;
}

UL LI LI LI {
	list-style-type: circle;
}

OL LI {
	list-style-type: decimal;
}

OL OL LI {
	list-style-type: lower-alpha;
}

OL OL OL LI {
	list-style-type: lower-roman;
}

HR {
	color: dimgrey;
	height: 1pt;
	text-align: left
}

table.bz_buglist th 
{
     font-family: tahoma,verdana,helvetica,arial,sans-serif;
     text-align: center;
     font-size: 12px;
     font-weight: bold;
     padding: 4px;
     background-color: #CFE6D5;
}

.sczilla-buglist-title-th
{
     color: #386670;
}

.sczilla-buglist-title-th-sortable
{
     cursor: pointer;
     color: #386670;
     /* color: blue; */
}

.sczilla-buglist-title-th-asc
{
     cursor: pointer;
     color: blue;
     padding-left: 20px;
     background: url(sort_asc.gif) 5px center no-repeat;
}

.sczilla-buglist-title-th-desc
{
     cursor: pointer;
     color: blue;
     padding-left: 20px;
     background: url(sort_desc.gif) 5px center no-repeat;
}

.sczilla-buglist-odd-tr
{
     padding: 4px;
     color: #386670;
     font-family: tahoma,verdana,helvetica,arial,sans-serif;
     font-size: 9pt;
     background-color: #f2f8ee;
}

.sczilla-buglist-even-tr
{
     padding: 4px;
     color: #386670;
     font-family: tahoma,verdana,helvetica,arial,sans-serif;
     font-size: 9pt;
     background-color: white;
}

.sczilla-colored-td
{
     color: #386670;
     font-family: verdana,helvetica,arial,sans-serif;
     background-color: #f2f8ee;
     padding: 4px;
     font-size: 80%;
}

.sczilla-colored-th
{
     color: #386670;
     font-family: tahoma,verdana,helvetica,arial,sans-serif;
     font-size: 9pt;
     background-color:            #f2f8ee;
     font-weight: bold;
}

.sczilla-reminder
{
     color: #386670;
     font-family: tahoma,verdana,sans-serif;
     font-size: 9pt;
}

.sczilla-page-td
{
     color: #386670;
     font-family: verdana,sans-serif;
     font-weight: bold;
     padding: 4px;
     font-size: 70%;
     font-style: italic;
}

.sczilla-current-page-td
{
     color: darkred;
     font-family: verdana,sans-serif;
     font-weight: bold;
     padding: 4px;
     font-size: 70%;
     font-style: italic;
}

.sczilla-normal-td
{
     color: #386670;
     font-family: verdana,sans-serif;
     font-weight: bold;
     background-color:            #f2f8ee;
     padding: 4px;
     font-size: 90%;
}

.sczilla-input-label
{
     color: #386670;
     font-family: tahoma,verdana,sans-serif;
     font-size: 10pt;
     font-weight: bold;
     background: transparent; 
}

.sczilla-commenter-td
{
     color: #386670;
     font-family: verdana,helvetica,arial,sans-serif;
     font-size: 90%;
     background: transparent;
}

.sczilla-odd-comment-td
{
     color: #386670;
     font-family: verdana,helvetica,arial,sans-serif;
     font-size: 90%;
     background-color: white;
     padding: 8px;
     word-break: break-all;
     -ms-word-break: break-all; 
     -epub-word-break: break-all;
     word-wrap: break-word;
     overflow: hidden;
}

.sczilla-even-comment-td
{
     color: #386670;
     font-family: verdana,helvetica,arial,sans-serif;
     font-size: 90%;
     background-color: #f2f8ee;
     padding: 8px;
     word-break: break-all;
     -ms-word-break: break-all; 
     -epub-word-break: break-all;
     word-wrap: break-word;
     overflow: hidden;
}

.sczilla-attachment-th
{
     padding: 4px;
     background-image: url('./th_bar.gif');
     color: #386670;
     font-family: tahoma,verdana,helvetica,arial,sans-serif;
     font-size: 70%;
}

/*     background-color:            #98c5e0; */
.sczilla-comment-title-td
{
     color: #386670;
     font-family: tahoma,verdana,helvetica,arial,sans-serif;
     text-align: center;
     background-image: url('./th_bar.gif');
     font-size: 70%;
     padding: 4px;
}

.sczilla-colored-comment-td
{
     background-color:            #f2fdee;
}
.sczilla-comment-td
{
     background-color:            #FFE8EC;
}
.sczilla-customer-colored-comment-td
{
     background-color:            #EBDCCD;
}                                                           

.security-control-row
{
  background-color: transparent;
  color: #666644;
  font-size: 70%;
  text-align: center;
  margin: 0;
  padding: 1px 1px 1px 1px;
  float: right;
  font-style: italic;
}

.comment-cost {
  background-color: transparent;
  color: #666644;
  font-size: 80%;
  margin: 0;
  padding: 1px 1px 1px 1px;
  float: right;
  font-style: italic;
}

.sczilla-title-row {
     padding: 4px;
     background-image: url('./th_bar.gif');
     color: #386670;
     font-family: tahoma,verdana,helvetica,arial,sans-serif;
     font-size: 70%;
}

.comment-time {
  background-color: transparent;
  color: #666644;
  font-size: 90%;
  margin: 0;
  padding: 1px 1px 1px 1px;
  float: left;
  font-style: italic;
}
a.hotspot {
  text-decoration: none;
  color: #f00;
  font-weight: bold;
  cursor: pointer;
}

a.different { 
  text-decoration: none; 
  color: #480; 
  font-weight: bold; 
}

.closesummary {
  width: 100%;
  word-break: break-all;
  -ms-word-break: break-all; 
  -epub-word-break: break-all;
  word-wrap: break-word;  
  overflow: hidden;
}


/*    !@#SD_RELEASE: SD_00_0005    */