/***************************************************************************/

/* Crosspoint website contribution by Howard Ho

/* Parts of this is Copyright (c) 2004 by Howard Ho

/* (This message must be kept even if you decide to use parts of my work)

/*

/* IE6 is sort of broken with font-family, but NS6 is ok, still too many people use IE so need a workaround

/* Found that NSimHei font is okay on XP as long as it runs before the other english fonts

/* Another CSS2 failure of IE6 is the list-style-type: cjk-ideographic; support, so end up using <ul> over <ol>

/* The Crosspoint orange seems to be: #FF8805

/* The Crosspoint dark blue seems to be: #031C8B

/* Official orange is: #FF6600

/* Light orange is: #FFDDAA

/* Remember that a:hover needs to be the last pesudo selector

/* Another hack to get the glow filter to work is to set the width to 0, but force the text not to break

/* Set up the bgimage type to not display for printers

/* Alternating background colors for tables generated via XSLT are expressed by tablerow0 and tablerow1

/**************************************************************************/

body { font-family:NSimHei,Arial,sans-serif; }

li { list-style-type: none; }

table { border-collapse:collapse; }

image { border: 0px; }



.submenu {

text-align: right;

padding: 0px;

z-index: 20;

}

a.subitem, a.subitemactive {

background-color: #FF8805;

color: white;

font-weight: bold;

text-decoration: none;

padding: 1px;

padding-left: 5px;

padding-right: 5px;

}

a.subitemactive {

background-color: #FFDDAA;

}

a.subitem:hover, a.subitemactive:hover {

background-color: #031C8B;

color: white;

}



.content {

margin: 10px;

padding-bottom: 10px;

text-align: left;

position: relative;

z-index: 10;

}

.title {
color: #031C8B;
font-size:11pt;
font-weight: bold;
text-align: center;
}



.subtitle, .imagetitle {

font-weight: bold;

text-align: center;

}



.imagetitle {

float: left;

color: #031C8B;

}



/* This is for the class list below each image title in the diagram */

/* Use a content class within this class to get the correct anchor effect */

.imageitems {

float: left;

clear: left;

padding-left: 40px;

white-space: nowrap

}



.sidebarleft, .sidebarright {

background-color: #FFDDAA;

padding: 7px;

margin: 4px;

border-color: #FF8805;

border-style: solid;

border-width: 1px;

}

.sidebarleft {

float: left;

}

.sidebarright {

float: right;

}



.tablebox {

border-color: #FF8805;
border-width: 1px;
border-style: solid;
border-left: none;
border-right: none;
}

.tablebox th {
border-bottom-color: #FF8805;
border-bottom-width: 1px;
border-bottom-style: solid;
color: #031C8B;
}

.tablebox th, .tablebox tr, .tablebox td {
/*font-size:9pt;*/
padding-left:10px;
}

.tablecellright, .tablecellcenter, .tablecellleft {

padding: 3px;

}

.tablecellright {

text-align: right;

}

.tablecellcenter {
text-align: center;
}

.tablecellleft, .tablecelltopleft {

text-align: left;

}

.tablecelltopleft {

vertical-align: top;

}

.tablerow0 {
}

.tablerow1 {
background-color: #FFDDAA;
}

.nowrap {
white-space: nowrap;
word-break: keep-all;
}

.ch * { /* chinese fonts */
font-size:10pt
}