/* ========== General ========== */
body {
	margin: 0;
	padding: 0;
	background: #FFFFE0;
	font: normal small verdana;
	text-align: center;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	color: #333333;
}

h4
{
    margin-top:             0px;
    margin-bottom:          10px;
}

h5
{
    margin-top:             10px;
    margin-bottom:          4px;
}

p, ul, ol, blockquote {
	margin-top: 0;
}

a {
	color:                  #0000ff;
	text-decoration:        none;
}

a:hover {
	text-decoration:        underline;
}

img {
	border:                 none;
}

.centered
{
	text-align:             center;
}

.bolded
{
    font-weight:            bold;
}

span.mpcode
{
    font-family: Courier New, Courier;
    font-size: 0.9em;
    font-weight: bold;
}


/* ========== Logo ========== */
#logo
{
	width:                  780px;
	margin-left:            auto;
	margin-right:           auto;
	margin-top:             8px;
	margin-bottom:          0;
	padding:                0px;
	height:                 80px;
}



/* ========== Menu ========== */
#menu
{
    padding:                0px;
    margin:                 0px;
}

#menu table
{
    width:                  780px;
    border:                 none;
    margin:                 0 auto;
    padding:                0;
    background:             #4E4E4E;
    font-size:              0.9em;
}

#menu td
{
    width:                  17%;
    padding-top:            6px;
    padding-bottom:         6px;
    margin:                 0px;
}

#menu a
{
    color:                  #CCCCCC;
    background:             #4E4E4E;
    text-decoration:        none;
    font-weight:            bold;
    margin:                 0px;
}



/* ========== Image ========== */
#image
{
	width:                  780px;
	margin:                 0 auto;
}



/* ========== Main ========== */
#main {
	width: 780px;
	margin: 0 auto;
	background: #FFFFFF;
	border: 5px solid #FFFFFF;
}

#main .subtitle {
	padding: 8px 20px;
	background: #dbdc85 url(images/smallbg.jpg) repeat-x left bottom;
	font-size: 0.8em;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}



/* ========== Content ========== */
#main .content {
	padding:                20px;
	border:                 2px solid #dbdc85;
	text-align:             left;
}

#main .content .headers {
	font-size:              1.2em;
	font-weight:            bold;
	padding-top:            5px;
}

#main .content .note {
	font-size:              0.9em;
}

#main .contentfront {
	padding-left:           20px;
	padding-right:          20px;
	padding-top:            10px;
	padding-bottom:         10px;
	border:                 2px solid #dbdc85;
	text-align:             left;
}

#main p.front
{
    font-size:              0.9em;
}

#main p.dsm_images
{
	text-align:				center;
}



/* ========== Footer ========== */
#bot {
	width: 760px;
	margin: 0 auto;
	padding: 10px 10px;
	background: #4E4E4E;
	border: 5px solid #FFFFFF;
	border-top: none;
	color: #CCCCCC;
}

#bot p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: x-small;
}



/* ========== General Table ========== */
table td.bolded
{
	font-weight: bold;
}

table td.shrunk
{
	font-size: 0.8em;
}



/* ========== Products ========== */

/* ----- Products Table ----- */
table.prod_tbl 
{
    margin-left:        auto;
    margin-right:       auto;
    border:             0px;
    margin-top:         20px;
    margin-bottom:      10px;
    width:              700px;
}

table.prod_tbl td.ic
{
    width:              50%;
    vertical-align:     top;
}

table.prod_tbl td.mod
{
    width:              50%; 
    vertical-align:     top; 
}


/* ----- IC Products Table ----- */
table.prod_ic_tbl
{
    border:             1px solid black;
    border-collapse:    collapse;
    margin-left:        auto;
    margin-right:       auto;
    width:              320px;
}

table.prod_ic_tbl th
{
    text-align:         center;
    border:             solid 1px black;
    background:         #E5E5E5;
    padding:            10px;
    font-size:          1.2em;
    font-weight:        bold;
}

table.prod_ic_tbl td
{
    border:             1px solid black;
    border-collapse:    collapse;
    padding:            6px;
    font-weight:        bold;
}


/* ----- Mod Products Table ----- */
table.prod_mod_tbl
{
    border:             1px solid black;
    border-collapse:    collapse;
    margin-left:        auto;
    margin-right:       auto;
    width:              320px;
    
}

table.prod_mod_tbl th
{
    text-align:         center;
    border:             solid 1px black;
    background:         #E5E5E5;
    padding:            10px;
    font-size:          1.2em;
    font-weight:        bold;
}

table.prod_mod_tbl td
{
    border:             1px solid black;
    border-collapse:    collapse;
    padding:            6px;
    font-weight:        bold;
}



/* ========== IC Products ========== */
h2.ic_header
{   
    font-size:          1.2em;
    text-align:         center;
    font-weight:        bold;
    margin:             10px;
}

table.ic_tbl
{
    margin-left:        auto;
    margin-right:       auto;
    margin-bottom:      35px;
    width:              700px;
    border:             3px solid black;
    border-collapse:    collapse;
    text-align:         center;
}

table.ic_tbl td
{
    border:             1px dotted black;
    padding:            4px;
}

table.ic_tbl th
{
    border-left:        1px solid black;
    border-right:       1px solid black;
    border-bottom:      2px solid black;
    background:         #E5E5E5;
    padding:            6px;
}

table.ic_tbl td.feature
{
    text-align:         left;
}

table.ic_tbl td.pn
{
    font-weight:        bold;
}

table.ic_tbl td.ds
{
    font-weight:        bold;
}

/* ----- DDS Table ----- */
table.ic_tbl th.dds_pn
{
    width:              10%;
}

table.ic_tbl th.dds_clk
{
    width:              10%;
}

table.ic_tbl th.dds_fwb
{
    width:              10%;
}

table.ic_tbl th.dds_rz
{
    width:              10%;
}

table.ic_tbl th.dds_feat
{
    width:              30%;
}

table.ic_tbl th.dds_ds
{
    width:              10%;
}


table.ic_tbl th.dds_avail
{
    width:              10% ;
}

table.ic_tbl th.dds_dl
{
    width:              10% ;
}


/* ----- MUXDAC Table ----- */
table.ic_tbl th.mxdc_pn
{
    width:              10%;
}

table.ic_tbl th.mxdc_rat
{
    width:              10%;
}

table.ic_tbl th.mxdc_sr
{
    width:              10%;
}

table.ic_tbl th.mxdc_rz
{
    width:              10%;
}

table.ic_tbl th.mxdc_feat
{
    width:              40%;
}

table.ic_tbl th.mxdc_ds
{
    width:              10%;
}

table.ic_tbl th.mxdc_avail
{
    width:              10%;
}


/* ----- MUX Table ----- */
table.ic_tbl th.mux_pn
{
    width:              15%;
}

table.ic_tbl th.mux_rat
{
    width:              15%;
}

table.ic_tbl th.mux_odr
{
    width:              15%;
}

table.ic_tbl th.mux_feat
{
    width:              25%;
}

table.ic_tbl th.mux_ds
{
    width:              15%;
}

table.ic_tbl th.mux_avail
{
    width:              15%;
}


/* ----- Amps Table ----- */
table.ic_tbl th.amps_pn
{
    width:              15%;
}

table.ic_tbl th.amps_sr
{
    width:              20%;
}

table.ic_tbl th.amps_bw
{
    width:              15%;
}

table.ic_tbl th.amps_sfdr
{
    width:              20%;
}

table.ic_tbl th.amps_ds
{
    width:              15%;
}

table.ic_tbl th.amps_avail
{
    width:              15%;
}


/* ----- Laser Diodes Table ----- */
table.ic_tbl th.ldd_pn
{
    width:              20%;
}

table.ic_tbl th.ldd_fxns
{
    width:              50%;
}

table.ic_tbl th.ldd_ds
{
    width:              15%;
}

table.ic_tbl th.ldd_avail
{
    width:              15%;
}


/* ----- Prescalers Table ----- */
table.ic_tbl th.ps_pn
{
    width:              15%;
}

table.ic_tbl th.ps_rat
{
    width:              15%;
}

table.ic_tbl th.ps_clk
{
    width:              15%;
}

table.ic_tbl th.ps_feat
{
    width:              35%;
}

table.ic_tbl th.ps_ds
{
    width:              10%;
}

table.ic_tbl th.ps_avail
{
    width:              10%;
}



/* ========== Module Products ========== */
h2.mod_header
{   
    font-size:          1.2em;
    text-align:         center;
    font-weight:        bold;
    margin:             10px;
}

p.feat_img
{
    display:            block;
    margin-left:        auto;
    margin-right:       auto;
    text-align:         center;
}

p.centered_img
{
    display:            block;
    margin-left:        auto;
    margin-right:       auto;
    text-align:         center;
}



table.mod_tbl
{
    margin-left:        auto;
    margin-right:       auto;
    margin-bottom:      35px;
    width:              700px;
    border:             3px solid black;
    border-collapse:    collapse;
    text-align:         center;
}

table.mod_tbl td
{
    border:             1px dotted black;
    padding:            5px;
}

table.mod_tbl th
{
    border-left:        1px dotted black;
    border-right:       1px dotted black;
    border-bottom:      2px solid black;
    background:         #E5E5E5;
    padding:            6px;
}

table.mod_tbl td.feature
{
    text-align:         left;
}

table.mod_tbl td.pn
{
    font-weight:        bold;
}

table.mod_tbl td.ds
{
    font-weight:        bold;
}


/* ----- DSM Table ----- */
table.ic_tbl th.dsm_pn
{
    width:              15%;
}

table.ic_tbl th.dsm_clk
{
    width:              10%;
}

table.ic_tbl th.dsm_feat
{
    width:              45%;
}

table.ic_tbl th.dsm_ds
{
    width:              10%;
}

table.ic_tbl th.dsm_avail
{
    width:              10%;
}

table.ic_tbl th.dsm_dl
{
    width:              10%;
}


/* ----- DCDC Table ----- */
table.ic_tbl th.dcdc_pn
{
    width:              15%;
}

table.ic_tbl th.dcdc_clk
{
    width:              15%;
}

table.ic_tbl th.dcdc_feat
{
    width:              50%;
}

table.ic_tbl th.dcdc_ds
{
    width:              10%;
}

table.ic_tbl th.dcdc_avail
{
    width:              10%;
}


/* ----- AWG Table ----- */
table.ic_tbl th.awg_pn
{
    width:              15%;
}

table.ic_tbl th.awg_sr
{
    width:              15%;
}

table.ic_tbl th.awg_mem
{
    width:              10%;
}

table.ic_tbl th.awg_feat
{
    width:              30%;
}

table.ic_tbl th.awg_ds
{
    width:              10%;
}

table.ic_tbl th.awg_avail
{
    width:              10%;
}

table.ic_tbl th.awg_dl
{
    width:              10%;
}


/* ----- DWG Table ----- */
table.ic_tbl th.dwg_pn
{
    width:              15%;
}

table.ic_tbl th.dwg_odr
{
    width:              15%;
}

table.ic_tbl th.dwg_mem
{
    width:              15%;
}

table.ic_tbl th.dwg_feat
{
    width:              35%;
}

table.ic_tbl th.dwg_ds
{
    width:              10%;
}

table.ic_tbl th.dwg_avail
{
    width:              10%;
}


/* ----- Features Tables ----- */
table.feat_gui
{
    border-collapse:    collapse;
}

table.feat_gui td.feat_gui_img
{
    padding:            6px;
    text-align:         center;
}

table.feat_gui td.feat_gui_cap
{
    padding:            6px;
    text-align:         center;
    font-size:          smaller;
    font-weight:        bold;
}


/* ----- DSM303 Photo Table ----- */
table.dsm303_photo
{
    border:             0;
}

table.dsm303_photo td.dsm303_photo_img
{
    padding:            6px;
    text-align:         center;
}

table.dsm303_photo td.dsm303_photo_cap
{
    padding:            6px;
    text-align:         center;
    font-size:          smaller;
    font-weight:        bold;
}

/* ----- Products Photo Table ----- */
table.products_photo
{
    border:             0;
}

table.products_photo td.products_photo_img
{
    padding:            6px;
    text-align:         center;
}

table.products_photo td.products_photo_cap
{
    padding:            6px;
    text-align:         center;
    font-size:          smaller;
    font-weight:        bold;
}


/* ========== DSM ========== */

/* ----- DSM Elec Spec Table ----- */
table.genspecs
{
    width:              600px;
    border-collapse:    collapse;
    border-color:       black;
}

table.genspecs td
{
    padding: 4px;
}

table.genspecs td.gs_header
{
    font-weight: bold;
    background-color:#99ccff;
}

table.genspecs td.gs_left
{
    width: 40%;
}

table.genspecs td.gs_right
{
    width: 			60%;
	text-align:		right;
}

table.genspecs td.gs_right td.gs_right_left
{
	text-align:		left;
}


/* ----- ??? ----- */

td.tbl_header_left {
	width:150px;
	background-color:#99ccff;
	text-align:center;
}

td.tbl_header {
	width:75px;
	background-color:#99ccff;
	text-align:center;
}

td.tbl_left {
	width:150px;
	text-align:left;
}

td.tbl_other {
	width:75px;
	text-align: center;
}


/* ----- DSM Table ----- */
table.dsm {
	width:              700px;
	margin-left:        auto;
	margin-right:       auto;
	text-align:         center;
	border:             1px solid black;
	border-collapse:    collapse;
}

table.dsm td
{
    padding:            4px;
    border:             1px solid black;
	border-collapse:    collapse;
}

table.dsm td.name {
	width: 30%;
	font-weight: bold;
	text-align: left;
}

table.dsm td.ver {
	width: 20%;
	font-weight: bold;
	text-align: center;
}

table.dsm td.date {
	width: 20%;
	font-weight: bold;
}

table.dsm td.dl {
	width: 30%;
	font-weight: bold;
}

table.dsm td.left {
	text-align: left;
}


/* ----- DSM Versions Table ----- */
table.dsmver {
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

table.dsmver td.date {
	width: 20%;
	font-weight: bold;
	text-align: left;
}

table.dsmver td.gui {
	width: 20%;
	font-weight: bold;
}

table.dsmver td.api {
	width: 20%;
	font-weight: bold;
}

table.dsmver td.fw {
	width: 20%;
	font-weight: bold;
}

table.dsmver td.hw {
	width: 20%;
	font-weight: bold;
}

table.dsmver td.left {
	text-align: left;
}



/* ========== AWG ========== */

/* ----- AWG Downloads Table ----- */
table.awg {
	width:              720px;
	margin-left:        auto;
	margin-right:       auto;
	text-align:         center;
	border:             1px solid black;
	border-collapse:    collapse;
}

table.awg td
{
    padding:            4px;
    border:             1px solid black;
	border-collapse:    collapse;           
}

table.awg td.name {
	width: 50%;
	font-weight: bold;
	text-align: left;
}

table.awg td.dl {
	width: 30%;
	font-weight: bold;
}

table.awg td.size {
	width: 20%;
	font-weight: bold;
}

table.awg td.left {
	text-align: left;
}



/* ========== DDS ========== */

/* ----- DDS Downloads Table ----- */
table.dds {
	width:              720px;
	margin-left:        auto;
	margin-right:       auto;
	text-align:         center;
	border:             1px solid black;
	border-collapse:    collapse;
}

table.dds td
{
    padding:            4px;
    border:             1px solid black;
	border-collapse:    collapse;           
}

table.dds td.name {
	width: 60%;
	font-weight: bold;
	text-align: left;
}

table.dds td.dl {
	width: 20%;
	font-weight: bold;
}

table.dds td.size {
	width: 20%;
	font-weight: bold;
}

table.dds td.left {
	text-align: left;
}



/* ========== CKM ========== */

/* ----- CKM Downloads Table ----- */
table.ckm {
	width:              700px;
	margin-left:        auto;
	margin-right:       auto;
	text-align:         center;
	border:             1px solid black;
	border-collapse:    collapse;
}

table.ckm td
{
    padding:            4px;
    border:             1px solid black;
	border-collapse:    collapse;
}

table.ckm td.name {
	width: 30%;
	font-weight: bold;
	text-align: left;
}

table.ckm td.ver {
	width: 20%;
	font-weight: bold;
	text-align: center;
}

table.ckm td.date {
	width: 20%;
	font-weight: bold;
}

table.ckm td.dl {
	width: 30%;
	font-weight: bold;
}

table.ckm td.left {
	text-align: left;
}



/* ========== FMC ========== */

/* ----- FMC Downloads Table ----- */
table.fmc {
	width:              700px;
	margin-left:        auto;
	margin-right:       auto;
	text-align:         center;
	border:             1px solid black;
	border-collapse:    collapse;
}

table.fmc td
{
    padding:            4px;
    border:             1px solid black;
	border-collapse:    collapse;
}

table.fmc td.name {
	width: 30%;
	font-weight: bold;
	text-align: left;
}

table.fmc td.ver {
	width: 20%;
	font-weight: bold;
	text-align: center;
}

table.fmc td.date {
	width: 20%;
	font-weight: bold;
}

table.fmc td.dl {
	width: 30%;
	font-weight: bold;
}

table.fmc td.left {
	text-align: left;
}