a
{
    color: #336699;
}
a:hover
{
    color: #db0055;
}
a:visited
{
    color: #770000;
}
a:visited:hover
{ 
    color: #db0055;
}
.menu {
    background-color:#eeeeee;
    border-right:1px solid #003366;
    position:absolute;
    top:78px;
    left:0px;
    width:120px;
    height:450px;
}

.menu table {
    border-top:2px solid #eeeeee;
    margin:6px 0px 2px 0px;
}

.menu a#selected {
    color:#003366;
    background-color:white;
    border-bottom:1px solid #003366;
    border-left:1px solid #003366;
    border-top:1px solid #003366;
    font-weight:900;
    letter-spacing:0.1em;
    text-align:right;
    position:relative;
    right:-1px;
}

.menu a#selected:hover {
    text-decoration:none;
}

.menu a:hover {
    color:#444425;
    text-decoration:underline;
}

.menu a {
    color:#444425;
    display:block;
    font-size:80%;
    border-top:2px solid #ccddff;
    padding:2px 2px 2px 0px;
    text-decoration:none;
    text-align:right;
    width:100%;
}

.menu td#spacer {
    background-color:#eeeeee;
}

.menu td#links span {
    display:block;
}

.menu td#links {
    background-color:#ccddff;
    border-bottom:1px solid #ccddff;
    border-top:1px solid #ccddff;
    padding:5px 0px 10px 0px;
    text-align:right;
}

.menu td#links span {
    display:block;
}

.menu td#links a {
    display:block;
    border-bottom:2px solid #ccddff;
    color:#444435;
    text-decoration:none;
    width:auto;
}

.menu td#links a:hover {
    color:#444425;
    text-decoration:underline;
}

.menu td#links span a#selected {
    color:#444425;
    background-color:#ccddff;
    border-bottom:1px solid #ccddff;
    border-left:1px solid #ccddff;
    border-top:1px solid #ccddff;
    text-align:right;
    position:relative;
    right:0px;
}

.menu td#links span a#selected:hover {
    text-decoration:none;
}


.footer {
    font-weight:bold;
    margin:0px 0px 20px 0px;
}

.footer td {
    color:white;
    font-size:80%;
    background-color:#336699;
    padding:2px 2px 2px 2px;
}

.footer a {
    color:white;
    padding:1px 2px 1px 2px;
    text-decoration:none;
}

.footer a:hover {
    color:#eeeeee;
    text-decoration:underline;
}

.footer td#contactInfo {
    color:black;
    background-color:white;
    border-top:1px solid white;
    font-weight:bold;
    padding:0px 2px 0px 2px;
}

.footer td#contactInfo a {
    color:#003366;
    text-decoration:none;
}

.footer td#contactInfo a:hover {
    text-decoration:underline;
}



.header {
    background-color:#336699;
    border-bottom:1px solid #336699;
    font-weight:bold;
    padding:4px 4px 4px 4px;
    width:100%;
}

.header td {
    color:white;
}

.header a {
    color:white;
    font-size:100%;
    padding:1px 2px 1px 2px;
    text-decoration:none;
}

.header a:hover {
    text-decoration:underline;
}


.header2 {
    background-color:#D3D3D3;
    border-bottom:1px solid #D3D3D3;
    font-weight:bold;
    padding:2px 2px 2px 2px;
    width:100%;
}

.header2 td {
    color:#003366;
}

.header2 a {
    color:#db0055;
    font-size:100%;
    padding:1px 2px 1px 2px;
    text-decoration:none;
}

.header2 a:hover {
    text-decoration:underline;
}


.button {
    font-size:10px;
    width:100%;
    background-color:#d4d4b5;
    padding:4px 2px 2px 4px;
}

.data {
    font-size:10px;
    font-family:Courier New;
}

.winlet {
    background-color:#eeeeee;
    border-bottom:1px solid #003366;
    border-left:1px solid #003366;
    border-right:1px solid #003366;
}

.winlet .winletTitle {
    color:white;
    background-color:#336699;
    border-bottom:1px solid #003366;
    font-weight:bold;
    padding:2px 0px 2px 0px;
}

/**
 * Body elements are expected to reside inside an inner table!
 * This ensures that the font settings cascade to the text elements.
 */
.winlet .winletBody td {
    color:#444425;
    background-color:#eeeeee;
    padding:4px 2px 2px 4px;
    font-size:80%;
    border-bottom:2px solid #eeeeee;
}

.winlet .winletBody td.errorMsg {
    color:#db0055;
    font-weight:bold;
}

/*.winlet .wbutton {
    color:#444425;
    background-color:#ccddff;
    border-color:#ccddff;
    border-style:solid;
    padding:2px 3px 2px 3px;
    cursor:hand;
}*/


.nav {
    margin-top:4px;
    margin-bottom:4px;
}

.nav .divider {
    color:#888888;
    font-weight:normal;
}

.nav a {
    font-weight:normal;
    text-decoration: none;
}

.select {
	border: 0 inset buttonface;
	position: relative;
	top: 0;
	width: 50px;
	font: icon;
	cursor: default;
}

.selected {
	border: 0 inset buttonface;
	background: window;
	padding: 0;
	font: icon;
}

.selectTable {
	width: 100%;
	border: 2 inset buttonhighlight;
	background: buttonface;
}

.option {
	font: icon;
	padding: 1;
	padding-left: 3;
	padding-right: 3;
	width: 100%;
}

.dropDown {
	position: absolute;
	visibility: hidden;
	width: 100%;
	border: 1 solid windowtext;
	padding: 0;
	background: window;
	color: black;
}

.dropDownVisible {
	position: absolute;
	border: 1 solid windowtext;
	padding: 0;
	background: window;
	color: black;
	font-size: 10px;
}

.dropDownVisibleOption {
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
}

.select .button {
	width: 9px;
	height: 15;
	font-family: webdings;
	padding: 0;
	font-size: 7px;
	border: 2 outset buttonhighlight;
}

.tabularData {
}



.tabularData tr.evenRow td {
    height:2.25em;
    color:black;
    background-color:white;
    padding:4px 4px 4px 4px;
    border-right:1px solid #ccddff;
    font-size:80%;
    vertical-align:text-center;
}

.tabularData tr.evenRow td .select {
	border: 0 inset buttonface;
	position: relative;
	top: 0;
	width: 50px;
	font: icon;
	cursor: default;
}

.tabularData tr.evenRow td .selected {
	border: 0 inset buttonface;
	background: window;
	padding: 0;
	font: icon;
}

.tabularData tr.evenRow td .selectTable {
	width: 100%;
	border: 2 inset buttonhighlight;
	background: buttonface;
}

.tabularData tr.evenRow td .option {
	font: icon;
	padding: 1;
	padding-left: 3;
	padding-right: 3;
	width: 100%;
}

.tabularData tr.evenRow td .dropDown {
	position: absolute;
	visibility: hidden;
	width: 100%;
	border: 1 solid windowtext;
	padding: 0;
	background: window;
	color: windowtext;
}

.tabularData tr.evenRow td .select .button {
	width: 9px;
	height: 12px;
	font-family: webdings;
	padding: 0;
	font-size: 7.5px;
	border: 2 outset buttonhighlight;
}

.tabularData tr.oddRow td {
    height:2.25em;
    color:black;
    background-color:#eeeeee;
    padding:4px 4px 4px 4px;
    border-right:1px solid #ccddff;
    font-size:80%;
    vertical-align:text-center;
}

.tabularData tr.oddRow td .select {
	border: 0 inset buttonface;
	position: relative;
	top: 0;
	width: 50;
	font: icon;
	cursor: default;
}

.tabularData tr.oddRow td .selected {
	border: 0 inset buttonface;
	background: window;
	padding: 0;
	font: icon;
}

.tabularData tr.oddRow td .selectTable {
	width: 100%;
	border: 2 inset buttonhighlight;
	background: buttonface;
}

.tabularData tr.oddRow td .option {
	font: icon;
	padding: 1;
	padding-left: 3;
	padding-right: 3;
	width: 100%;
}

.tabularData tr.oddRow td .dropDown {
	position: absolute;
	visibility: hidden;
	width: 100%;
	border: 1 solid windowtext;
	padding: 0;
	background: window;
	color: windowtext;
}

.tabularData tr.oddRow td .select .button {
	width: 9px;
	height: 12px;
	font-family: webdings;
	padding: 0;
	font-size: 7.5px;
	border: 2 outset buttonhighlight;
}

.tabularData .errorMessageRow tr.selectedRow td {
    height:1em;
    color:#db0055;
    background-color:#e8ffe8;
    border-right:1px solid #ccddff;
}

.tabularData .errorMessageRow tr.evenRow td {
    height:1em;
    color:#db0055;
    background-color:white;
    border-right:1px solid #ccddff;
}

.tabularData .errorMessageRow tr.oddRow td {
    height:1em;
    color:#db0055;
    background-color:#eeeeee;
    border-right:1px solid #ccddff;
}

.tabularData .errorRow tr.evenRow td {
}

.tabularData .errorRow tr.oddRow td {
}


.tabularData tr.headerRow th {
    color:white;
    background-color:#336699;
    padding:2px 4px 2px 4px;
    border-right:1px solid #336699;
    font-size:100%;
    font-weight:normal;
    text-align:left;
}

.tabularData tr.headerRow td {
    color:white;
    background-color:#6699cc;
    padding:4px 4px 4px 4px;
    border-right:1px solid #6699cc;
    font-size:100%;
    font-weight:normal;
    text-align:left;
}

.tabularData tr.headerRowRefresh a
{
	color: white;
}

.tabularData tr.headerRowRefresh a:hover {
    color:#eeeeee;
}
.tabularData tr.headerRowTitle a
{
	color: white;
}

.tabularData tr.headerRowTitle a:hover {
    color:#eeeeee;
}
.tabularData tr.headerRow a
{
	color: white;
}

.tabularData tr.headerRow a:hover {
    color:#eeeeee;
}


.tabularData tr.headerRow input {
    color:black;
    background-color:white;
    padding:1px 2x 1px 2px;
    border-right:1px solid #ccddff;
    font-size:80%;
    font-weight:normal;
    vertical-align:text-top;
}

.tabularData tr.headerRow .select {
	border: 0 inset buttonface;
	position: relative;
	top: 0;
	width: 50;
	font: icon;
	cursor: default;
	color: black;
}

.tabularData tr.headerRow .selected {
	border: 0 inset buttonface;
	background: window;
	padding: 0;
	font: icon;
	color: black;
}

.tabularData tr.headerRow .selectTable {
	width: 100%;
	border: 2 inset buttonhighlight;
	background: buttonface;
	color: black;
}

.tabularData tr.headerRow .option {
	font: icon;
	padding: 1;
	padding-left: 3;
	padding-right: 3;
	width: 100%;
	color: black;
}

.tabularData tr.headerRow .dropDown {
	position: absolute;
	visibility: hidden;
	width: 100%;
	border: 1 solid black;
	padding: 0;
	background: window;
	color: black;
}

.tabularData tr.headerRow .select .button {
	width: 9px;
	height: 12px;
	font-family: webdings;
	padding: 0;
	font-size: 7.5px;
	border: 2 outset buttonhighlight;
}

.tabularData tr.headerRowRefresh td {
    color:white;
    background-color:#6699cc;
    padding:2px 4px 2px 4px;
    border-right:1px solid #6699cc;
    font-size:100%;
    font-weight:normal;
    text-align:left;
}

.tabularData tr.headerRowRefresh .select {
	border: 0 inset buttonface;
	position: relative;
	top: 4;
	width: 50;
	font: icon;
	cursor: default;
}

.tabularData tr.headerRowRefresh .selected {
	border: 0 inset buttonface;
	background: window;
	padding: 0;
	font: icon;
	color: black;
}

.tabularData tr.headerRowRefresh .selectTable {
	width: 100%;
	border: 2 inset buttonhighlight;
	background: buttonface;
}

.tabularData tr.headerRowRefresh .option {
	font: icon;
	padding: 1;
	padding-left: 3;
	padding-right: 3;
	width: 100%;
	color:black;
}

.tabularData tr.headerRowRefresh .dropDown {
	position: absolute;
	visibility: hidden;
	width: 100%;
	border: 1 solid windowtext;
	padding: 0;
	background: window;
	color: black;
}

.tabularData tr.headerRowRefresh .select .button {
	width: 9px;
	height: 15;
	font-family: webdings;
	padding: 0;
	font-size: 7px;
	border: 2 outset buttonhighlight;
}

.tabularData tr.headerRowTitle td {
    color:white;
    background-color:#6699cc;
    padding:2px 4px 2px 4px;
    border-right:1px solid #6699cc;
    border-top:1px solid #6699cc;
    border-left:1px solid #6699cc;
    font-size:100%;
    font-weight:bold;
    text-align:left;
}

.tabularData tr.headerRowTitle th {
    color:white;
    background-color:#6699cc;
    padding:2px 4px 2px 4px;
    border-right:1px solid #6699cc;
    border-top:1px solid #6699cc;
    border-left:1px solid #6699cc;
    font-size:100%;
    font-weight:bold;
    text-align:left;
}

.tabularData tr.footerRow td {
    color:white;
    border-bottom:10px solid #336699;
    background-color:#6699cc;
    padding:2px 4px 2px 4px;
    font-size:100%;
    font-weight:normal;
    text-align:left;
}

.tabularData tr.footerRow td a {
    color:white;
    text-decoration:underline;
}

.tabularData tr.footerRow td a:visited {
    color:white;
    text-decoration:underline;
}

.tabularData tr.footerRow td a:hover {
    color:#eeeeee;
    text-decoration:underline;
}
.tabularData tr.RedControlRow td {
    color:white;
    background-color:#CC3333;
    padding:6px 8px 6px 8px;
    border-right:1px solid #336699;
    font-size:100%;
    font-weight:normal;
    text-align:left;
}
.avth
{
	background-repeat: no-repeat;
	background-color: white;
	background-image(../images/avnet-thumb.gif);
}
#headerrighttop
{
	position: absolute;
	top:0px;
	right:0px;
	height:56px;
}
.tabularData tr.controlRow td {
    background-repeat: repeat-x;
    color:white;
    background-color:#336699; 
    padding:6px 8px 6px 8px;
    border-right:1px solid #336699;
    font-size:100%;
    font-weight:normal;
    text-align:left;
}

.tabularData tr.controlRow .select {
	border: 0 inset buttonface;
	position: relative;
	top: 4;
	width: 50;
	font: icon;
	cursor: default;
	color: black;
}

.tabularData tr.controlRow .selected {
	border: 0 inset buttonface;
	background: window;
	padding: 0;
	font: icon;
	color: black;
}

.tabularData tr.controlRow .selectTable {
	width: 100%;
	border: 2 inset buttonhighlight;
	background: buttonface;
	color: black;
}

.tabularData tr.controlRow .option {
	font: icon;
	padding: 1;
	padding-left: 3;
	padding-right: 3;
	width: 100%;
	color: black;
}

.tabularData tr.controlRow .dropDown {
	position: absolute;
	visibility: hidden;
	width: 100%;
	border: 1 solid windowtext;
	padding: 0;
	background: window;
	color: black;
}

.tabularData tr.controlRow .select .button {
	width: 9px;
	height: 15;
	padding: 0;
	font-size: 7px;
	border: 2 outset buttonhighlight;
	background-color: #336699;
	color: white;
}

.tabularData tr.selectedRow td {
    color:#006600;
    background-color:#e8ffe8;
    padding:4px 4px 4px 4px;
    border-right:1px solid #ccddff;
    font-size:80%;
    vertical-align:text-top;
}

.tabularData tr.activeSelectedRow td {
    color:#006600;
    background-color:#e8ffe8;
    padding:4px 4px 4px 4px;
    border-right:1px solid #ccddff;
    font-size:80%;
    vertical-align:text-top;
}

.tabularData tr.activeEvenRow td {
    color:#000000;
    background-color:white;
    padding:4px 4px 4px 4px;
    border-right:1px solid #ccddff;
    font-size:80%;
    vertical-align:text-top;
}

.tabularData tr.activeOddRow td {
    color:#000000;
    background-color:#eeeeee;
    padding:4px 4px 4px 4px;
    border-right:1px solid #ccddff;
    font-size:80%;
    vertical-align:text-top;
}

.tabularData tr.headerInfoRow td {
    color:#003366;
    background-color:#ccddff;
    padding:2px 4px 2px 4px;
    border-right:1px solid #ccddff;
    border-top:1px solid #ccddff;
    border-left:1px solid #ccddff;
    font-size:100%;
    font-weight:bold;
    text-align:left;
}