﻿/* General Setting for site */
body
{
	background-color:#B3B3B3;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
}

td, body
{
	font-size: 11px;
}
/* End General setting for site */


/* Text style */
.pagetitle
{
	color: #666666;
    font-size: 20px;
    font-weight: bold;
    padding: 0px 0px 15px 0px;
}
.text14
{
	font-size:14px;
	color: #1D487D;
	font-weight: bold;
}
.text10{
	font-size:10px;
	color: #000000;
}
/* End Text Style */

.btntop
{
	padding: 10px 0px 0px 10px;
}

/* ####################### Table style ########################### */
/* Shadow Border */
.leftborder{
	background-image:url(images/xpressdownload2006cut_04.gif);
	background-repeat: repeat-y;
}
.rightborder{
	background-image:url(images/xpressdownload2006cut_06.gif);
	background-repeat: repeat-y;
}
td.head2bg{
	background-image:url(images/head_05.gif);
	background-repeat: repeat-x;
}
/* Main Header 3 Background */
td.head3bg{
	background-image:url(images/head_08.gif);
	background-repeat: repeat-x;
}
td.head3titlebg
{
	background: #063367;
	color: #FFFFFF;
    font-size: 12px;
}
td.head3titlebg2
{
	background: #063367;
	color: #FFFFFF;
    padding: 3px 10px 3px 10px;
	font-size: 12px;
}
td.head3cell
{
    background: #dcdcdc;
    padding: 3px 10px 3px 10px;
    font-size: 10px;
}
td.wizardbg{
	background-image:url(images/wizardhead_02.gif);
	background-repeat: repeat-x;
	text-align: left;
	vertical-align: middle;
}
/* Tag */
td.headtag{
	font-size:12px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(images/headtag_02.gif);
	background-repeat: repeat-x;
}
td.listhead1
{
	background-image:url(images/head_10.gif);
	background-repeat: repeat-x;
	font-size: 11px;
	color: #FFFFFF;
    padding: 3px 10px 3px 10px;
}
td.listsubhead1
{
    background-color: #CCCCCC;
    font-size: 11px;
    color: #696969;    
    border-bottom: #EEEEEE 1px solid;
    padding: 3px 10px 3px 10px;
}
td.listsubhead2
{
    background-color: #CCCCCC;
    font-size: 11px;
    color: #696969;
    border-left: #EEEEEE 1px solid;
    border-bottom: #EEEEEE 1px solid;
    padding: 3px 10px 3px 10px;
}
td.listrow
{
	background-color: #EEEEEE;
	padding: 8px 10px 8px 10px;
    border-bottom: #CCCCCC 1px dotted;
}
td.listrow2 
{
	background-color: #EEEEEE;
	padding: 8px 10px 8px 10px;
	border-left: #DDDDDD 1px solid;
    border-bottom: #CCCCCC 1px dotted;
}
td.listrow3
{
	background-color: #EEEEEE;
	padding: 5px 9px 5px 9px;
    border-bottom: #CCCCCC 1px dotted;
}
td.listrowalt
{
    background-color: #FFFFFF;
    padding: 8px 10px 8px 10px;
    border-bottom: #CCCCCC 1px dotted;
}
td.listrowalt2
{
    background-color: #FFFFFF;
    padding: 8px 10px 8px 10px;
    border-left: #EEEEEE 1px solid;
    border-bottom: #CCCCCC 1px dotted;
}
td.listrowalt3
{
    background-color: #FFFFFF;
    padding: 5px 9px 5px 9px;
    border-bottom: #CCCCCC 1px dotted;
}
td.leftmenuSel 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FFFFFF; 
	font-weight: bold; 
	background-color: #82B3EC; 
    padding-right: 3px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
	BORDER-BOTTOM: #FFFFFF 1px dotted;
}
td.leftmenuSubCategory { 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FFFFFF; 
	font-weight: bold; 
	background-color: #888888; 
    padding-right: 3px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
	BORDER-BOTTOM: #FFFFFF 1px dotted;
}
td.leftmenu
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-color: #1D487D;
    padding-right: 3px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: #FFFFFF 1px dotted;
    color: white;
}
td.leftmenuOn
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-color: #82B3EC;
    padding-right: 3px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: #FFFFFF 1px dotted;
    color: white;
}
td.leftcolumnbg
{
	background-color:#F5F4F4;
	border-right: #DDDDDD 1px solid;
}
td.maincolumn {
	background-color: #FFFFFF; 
    padding-right: 10px;
    padding-left: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
}
td.blockbody3
{
	background-color: #FFFFFF;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
	BORDER-BOTTOM: 1px dotted #CCCCCC;
}
td.notes
{
    font-size: 10px;
    color: #000000;
    padding-right: 0px;
    padding-left: 5px;
    padding-bottom: 0px;
    padding-top: 5px;
}

td.GrayTable
{
	border-left: 1px solid #CFD7E4;
	border-right:1px solid #CFD7E4;
	padding: 0px 5px 5px 5px;
	background-color: #EEEEEE;
}

TD.TOPTENCELL
{
	border-left:1 solid #CFD7E4;
	border-right:1 solid #CFD7E4;
	padding: 0px 5px 5px 5px;
	background-color: #DDDDDD;
}
table.quote
{
    border: Solid 1px #CCCCCC;
    background-color: #EEEEEE;
    font-size: 11px;
}
blockquote { padding: 5px; margin: 0 0.5em 0 0;}
/* ########################## End Table style ############################ */

/* ########################## Link HyperStyle ############################ */
a{
	font-size:11px;
	color:#1D487D;
	text-decoration:none;
	font-weight: bold;
}
a:HOVER{
	font-size:11px;
	color:#1D487D;
	text-decoration: underline;
	font-weight: bold;
}
a.menu{
	font-size:11px;
	color:#1D487D;
	text-decoration:none;
	font-weight: bold;
}
a.menu:HOVER{
	font-size:11px;
	color:#1D487D;
	text-decoration: underline;
	font-weight: bold;
}
a.menu2{
	font-size:10px;
	font-weight: normal;
	color:#1D487D;
	text-decoration:none;
}
a.menu2:HOVER{
	font-size:10px;
	font-weight: normal;
	color:#1D487D;
	text-decoration: underline;
}
a.menu3{
	font-size:11px;
	font-weight: normal;
	color:#1D487D;
	text-decoration:none;
}
a.menu3:HOVER{
	font-size:11px;
	font-weight: normal;
	color:#1D487D;
	text-decoration: underline;
}

a.categoryLink, a.categoryLink:HOVER
{
	color: #FFFFFF;
	text-decoration:none;
}
a.categoryLinkOn
{
	color: #FFFFFF;
	text-decoration:none;	
}
a.categoryLinkOn:HOVER
{
	color: #FFFFFF;
	text-decoration:none;
}
a.categoryLinkSel, a.categoryLinkSel:HOVER
{
	text-decoration:none;
}

/* ########################## End HyperLink Style ############################ */

/* ########################## Firmware Validation Style ############################ */
.table_header5
{
	background: #CCCCCC;
	color: #000000;
	padding: 5px;
}

.oddrow td
{	
	border-bottom: 1px dotted #DDDDDD;
}

.evenrow td
{	
	background-color: #EEE;
	border-bottom: 1px dotted #DDDDDD;
}
/* ########################## End Firmware Validation Style ############################ */

.pbox { background:#F5F5F5; text-align: left; width: 173px; border-left:1px solid #FFF; border-top:1px solid #FFF; padding: 6px 20px; -moz-border-radius:6px; border-radius:6px; -webkit-border-radius:6px;}
.pbox .hline, .hline {border-top:1px solid #E8E8E8; border-bottom:1px solid #FFF; padding:0; margin: 5px 0px 8px 0px;}
.pbox li {margin:5px 0; padding:0; list-style-type:none; font-size:12px; padding-left: 23px; }
.pbox p {font-size: 14px; color: #333; margin:3px 0 0 -2px; padding:0;}
.pbox-shell { margin: 6px 0px 0px 8px; border:1px solid #E8E8E8; width: 215px; -moz-border-radius:6px; border-radius:6px; -webkit-border-radius:6px;}
.pbox ul {padding-left: 0; margin: 0; _margin: 0;}
.pbox #col1 
{
	float: left;
	width: 96px;
	border-right:1px solid #E8E8E8;
}
.pbox #col2
{
	float: right;
	width: 95px;
	border-left:1px solid #FFF;
}
.pbox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; border-bottom: 1px dotted #333333; }

.pbox span.key, span.key
{
	font-size: 12px;
	font-weight: bold;
	color: #666;
}

.pbox span.Coverage, span.Coverage
{
	font-size: 14px;
	font-weight: bold;
	color: #444;
}

#compatibility
{
	margin-top: 10px;
}

#compatibility .seriesHeader
{
	float: left;
	width: 230px;
	background-color: #555;
	color: White;
	font-weight: bold;
	padding: 5px;
	margin-right: 1px;
	margin-bottom: 8px;
}

#compatibility .solutionsHeader
{
	float: left;
	width: 470px;
	background-color: #555;
	color: White;
	font-weight: bold;
	padding: 5px 10px;
	margin-bottom: 8px;
}

#compatibilityResult .categoryHeader
{
	width: 710px;
	padding: 8px 10px;
	color: #444;
	margin-bottom: 10px;
	background-color: #F1F1F1;
	border-bottom: 1px dotted #ccc;
}

.categoryHeader
{
	padding: 8px 10px;
	color: #444;
	margin-bottom: 10px;
	background-color: #F1F1F1;
	border-bottom: 1px dotted #ccc;
}

#compatibilityResult .seriesRow
{
	float: left;
	text-align: center;
	width: 230px;
	
	margin-right: 1px;
	margin-bottom: 8px;
}

#compatibilityResult .solutionRow
{
	float: left;
	width: 460px;
	padding: 5px 10px;
	margin-bottom: 8px;
}

#compatibilityResult .imagedisplayed
{
	padding-top: 10px;
}

#compatibilityResult .separator
{
	height: 1px;
	border-bottom: 1px dotted #CCC;
	margin-bottom: 3px;
	display: block;
}

#compatibilityResult .smallspacing
{
	display: block;
	margin: 3px 0px;
	border-bottom: 1px dotted #DDD;
}

#compatibilityResult .smallspacing2
{
	display: block;
	margin: 3px 0px;
}

#compatibilityResult .spacing
{
	display: block;
	height: 10px;
}

#compatibilityResult td.small, td.small
{
	font-size: 10px;
	padding: 0px 3px;
}

#compatibilityResult td.smallb, td.smallb
{
	font-size: 10px;
	color: #3a3a3a;
	padding: 0px 3px;
}

#compatibilityResult A.productLink:link, #compatibilityResult A.productLink:visited
{
	font-size: 12px;
	font-weight: bold;
}

#compatibility:after, #compatibilityResult .categoryHeader:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#summary A:link, #summary A:visited
{
	border-bottom: 1px dotted #666;
}

#summary A:hover, #summary A:focus  
{
	text-decoration: none;
	border-bottom: 2px solid #999;
}

.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.clearline { clear: both; border-top: 1px dotted #ccc; }

.validation
{
	text-align: left;
	font-weight: bold;
	border: dotted 1px #CCC;	
	padding: 5px 10px 0px 10px;
	margin-top: 10px;
	margin-bottom: 10px;	
	background-color: #EEEEEE;
}

.validation ul
{
	margin: 0px;
	padding: 5px 5px 5px 15px;
}

div.beta
{
	width: 34px;
	height: 13px;
	margin-right: 3px; 
	margin-bottom: 3px;
	float: left;
	background: url(images/icon-beta.gif) no-repeat;
}

div.beta_s
{
	width: 11px;
	height: 15px;
	margin-right: 3px; 
	margin-bottom: 3px;
	float: left;
	background: url(images/beta_s.gif) no-repeat;
}
