/* https://www.w3.org/TR/CSS21/cover.html#minitoc */
/* https://www.w3schools.com/Css/css_syntax.asp  */

/* Note: using "#" or "ID" selector is a one time use, using the "." or "CLASS" selector can be used more then once. */
/* Note:  "#" or "ID" selectors are more specific then "." or "CLASS" selectors */

BODY    {
	color: #444;
	background-color: #dcdcdc;
	background-image:url('../../../../home/images/bg_gray4.png');
	margin: 0;  /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	margin-top: 40px;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	font-weight: normal;
	font-style: normal;
	-webkit-text-size-adjust: none;
}
a { color: #0072bc;}
a:visited { color: #0072bc;}
a:active { color: #0072bc;}
a { text-decoration: none;}
a:hover {text-decoration: underline;}

/* BASIC FONT STYLES */
strong, b {
	font-weight:bold;
	color: #000;
}
em, i { font-style:italic; }
p {
	margin-bottom: 6px;
	-webkit-text-size-adjust: none;
}
h1 { font-weight: bold; font-size: 24px; line-height: 26px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 13px; line-height: 18px; position: absolute; top: 5px; width: 100px; clear: right; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
.TabbedPanelsContent ul li {
	list-style-position: inside;
	list-style-type: circle;
}
sup {
	line-height: 4px;
	color: #777;
	font-size: 10px;
}
.supwhite {
	line-height: 4px;
	color: #EEE;
	font-size: 10px;
}
.supgray {
	line-height: 4px;
	color: #444444;
	font-size: 10px;
}
.registerMarkBody {
	font-size: 14px;
	color: #333;
	line-height: 9px;
}
ol { 
	margin-bottom: 2px; 
	list-style: decimal; 
	margin-left: 2.2em; 
}
ul {
	margin-bottom: 2px;
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
}
ul.square,
ul.circle { margin-left: 2.5em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px;}
ol.sosumi { margin-left: 0; padding-left: 2em;}
#sonnetLogoTop {
	position:static;
	width:86px;
	height:41;
	layer-background-color:#99CC99;
	border:1px none #000000;
	z-index:120;
	left: 50;
	top: 50px;
	margin-top: 20px;
	margin-left: 52px;
	padding-top: 0px;
	padding-left: 0px;
	float: left;
}
.clearfloat {
	clear: both;
	height: 0px;
	font-size: 1px;
	line-height: 0px;
}
/* SideBarLink means Top Nav Bar */ 
#sidebarLink2 {
	clear: both;
	visibility: visible;
	z-index: 1;
	overflow: visible;
}
#sidebarLink2 li a:link, #sidebarLink2 li a:visited {
	display: block;
	color: #333;
	text-decoration: none;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.2em;
	padding-top: 0.6em;
	padding-right: 1em;
	padding-bottom: 0.6em;
	padding-left: 1em;
	background-image: url(../../../product/images/navbar_arrow_bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	border: 1px solid #ccc;
	border-collapse:separate;
}
#sidebarLink2 li a:hover {
	color: #000;
	background-position: 0px top;
	background-repeat: no-repeat;
}
#sidebarLink2 li {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #000;
}
#sidebarLink2 ol {
	list-style-type: none;
	float: right;
	padding-top: 0.6em;
	padding-right: 2px;
	padding-bottom: 0.6em;
	padding-left: 5px;
	font-weight: bold;
	height: 14px;
	display: block;
	margin-top: 0em;
	margin-right: 0px;
	margin-bottom: 0em;
	margin-left: 0em;
	overflow: visible;
	background-image: url(../product/images/navbar_blue_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	border: 1px solid #CCC;
	vertical-align: middle;
	width: 90px;
}
#sidebarLink2 ul {
    float: right;
    position: absolute;
    visibility: visible;
    overflow: visible;
    height: 31px;
    top: 25px;
    z-index: 3;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    width: 659px;
    right: 49px;
}


#container  {
	width: 1001px;
	background-color: #fff;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	visibility: visible;
	height: auto;
	clear: none;
	padding-top: 0px;
	padding-bottom: 0px;
}
.oneColFixCtrHdr {
}
.oneColFixCtrHdr #header {
	background-image: url(../../../support/images/tag_support.jpg);
	background-repeat: no-repeat;
	background-position: 950px -32px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0px;
	position: relative;
	height: 410px;
	width: 1000px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
	padding-right: 0;
	right: 0px;
	background-color: #ffffff;
}
.oneColFixCtrHdr #header h1 {
	margin: 0;
	top: 468px;
	position: absolute;
	width: 900px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	font-size: 18px;
	line-height: 1.2;
	font-weight: bold;
	left: -399px;
	visibility: visible;
}
#container #header #HeroImage {
	border-top-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-left-color: #FFF;
	top: 84px;
	position: absolute;
	right: 49px;
	visibility: visible;
	width: 899px;
}
#mainContent  {
	text-align: left;
	position: relative;
	left: 3px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 15px;
	width: 900px;
	padding-left: 15px;
	clear: both;
	background-color: #fff;
	bottom: 0px;
	right: auto;
	overflow: inherit;
	padding-bottom: 20px;
	margin-bottom: 0px;
	top: 0;
	height: auto;
	}
#mainContent2  {
	text-align: left;
	position: relative;
	left: 3px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	width: 900px;
	padding-left: 15px;
	clear: both;
	background-color: #fff;
	bottom: 0px;
	right: auto;
	overflow: inherit;
	padding-bottom: 0px;
	margin-bottom: 0px;
	top: 0;
	height: auto;
}
#footer  {
	width: 100%;
	height: 100px;
	background-color: #dcdcdc;
	background-image:url('../../../../home/images/bg_gray4.png');
	vertical-align: baseline;
	text-align: center;
	clear: both;
	z-index: 200;
	color: #444;
	font-size: 11px;
	margin-right: auto;
	margin-left: auto;
}
#footer p {
	vertical-align: baseline;
	display: block;
	padding-top: 10px;
	padding-bottom: 15px;
}

#header {
	position: relative;
	top: 0px;
	width: 999px;
}
#leftClm280px {
	width: 280px;
	position: absolute;
	visibility: visible;
	overflow: auto;
	background-color: #FFF;
	left: -310px;
	top: 107px;
}
.sosumi {
	font-size: 10px;
	line-height: 1.4;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 18px;
	margin-top: 0px;
}
.sosumiLspace10 {
	font-size: 10px;
	line-height: 1.2;
	text-align: left;
	padding-top: 7px;
	padding-bottom: 10px;
	margin-top: 0px;
	width: 150px;
	position: absolute;
	right: 10px;
}
.sideGraphicHdr {
	font-size: 11.5px;
	line-height: 1.2;
	padding-bottom: 1px;
	font-weight: bold;
	color: #000;
	padding-top: 0px;
	margin-top: 0px;
}

.wrapImageLeftTop {
	margin-right: 14px;
	margin-bottom: 0px;
	top: 9px;
	margin-top: 7px;
	padding-bottom: 0px;
}
.wrapImageLeftTop_Whitespace {
	margin-right: 7px;
	top: 9px;
	margin-top: 7px;
}


#quiet_secure_txt {
	width: 190px;
	top: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 40px;
	padding-left: 185px;
	font-size: 11px;
	padding-bottom: 40px;
	padding-right: 10px;
	line-height: 1.4;
	vertical-align: middle;
	margin-top: 10px;
	margin-bottom: 25px;
}
#quiet_secure_txt strong {
	font-size: 130%;
	font-weight: bold;
	color: #333;
}
#quiet_secure_image {
	float: left;
}

.tbBody1clm {
	color: #333;
	line-height: 1.5;
	padding-bottom: 10px;
	margin-top: 0px;
	padding-top: 0px;
}
.tbBodyTtl1clm {
	font-size: 15px;
	line-height: 1.3;
	clip: rect(auto,auto,10px,auto);
	font-weight: bold;
}
.keyFeatureTitle {
	font-size: 15px;
	line-height: 1.3;
	clip: rect(auto,auto,10px,auto);
	font-weight: bold;
	top: -10px;
	margin-top: 5px;
}
.keyFeaturesBody {
	font-size: 13px;
	line-height: 17px;
	padding-left: 12px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-position: 1px 5px;
	background-image: url(../product/images/List_bullet2.gif);
	margin-top: 0px;
}
#techspectable {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	width: 450px;
	margin-top: 12px;
}
#accessoriestable {
	width: 900px;
	margin-top: 12px;
}
#reviewTable tr td {
	vertical-align: top;
	line-height: 1.4;
	padding-top: 13px;
	padding-bottom: 13px;
	margin-top: 13px;
	margin-bottom: 13px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ccc;
	border-bottom-color: #ccc;
}
#awardTable tr td {
	vertical-align: top;
	line-height: 1.4;
	padding-top: 13px;
	padding-bottom: 13px;
	margin-top: 13px;
	margin-bottom: 13px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ccc;
	border-bottom-color: #ccc;
}
#reviewTable {
	margin-top: 10px;
}
#awardTable {
	margin-top: 10px;
}
.reviewTable   {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
	vertical-align: top;
	font-size: 12px;
	line-height: 1.4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	margin-top: 50px;
}




#techspectable tr td strong {
	font-size: 13px;
	font-weight: normal;
}
#techspectable tr td {
	font-size: 12px;
	height: 25px;
	vertical-align: middle;
	line-height: 1.4em;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
}
#accessoriestable tr td strong {
	font-size: 13px;
	font-weight: normal;
}
#accessoriestable tr td {
	font-size: 12px;
	height: 35px;
	line-height: 1.3em;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
}
.tableTitle {
	text-indent: 3px;
	font-weight: bold;
	color: #000;
	font-size: 14px;
}
.techspecBody {
	background-color: #CCC;
	padding: 2px;
}
.leftExMenuHeader {
	font-size: 16px;
	color: #000;
	padding-top: 3px;
	height: 19px;
}
.technoteBody {
	font-size: 11px;
	line-height: 1.5;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-left: -2em;
}
#techspecTab ol {
	margin-left: 0em;
	list-style-type: decimal;
	padding-left: 1.3em;
	margin-top: -5px;
}
#techspecTab li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	font-size: 10px;
	line-height: 1.5;
	padding-bottom: 5px;
	padding-top: 5px;
}
#techspecTab #techspectable li {
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-color: #FFF;
	font-size: 12px;
	list-style-type: circle;
	list-style-position: outside;
	padding-top: 1px;
	padding-bottom: 1px;
	line-height: 1.3;
}
#techspecTab ol li sup {
	font-size: 9px;
	color: #666;
}
.keyFeaturesBody sup {
	font-size: 10px;
}
.ovTwoTabClmTable tr  td{
	padding-right: 30px;
	padding-left: 30px;
	vertical-align: top;
	margin-right: 30px;
	margin-left: 30px;
	padding-top: 20px;
}
.techSpecL {
	position: absolute;
	right: 0px;
}
#table2Column2Row1 {
	margin: 0px;
	padding: 0px;
}
.sideBysideGraphic {
	height: 180px;
}
.boxBorder {
	border: 1px solid #ccc;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.boxBorder1 {
	border: 1px solid #ccc;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.graphicBoxBorder {
	border: 1px solid #bbb;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	margin-top: 1px;
}
.graphicBoxPadding20L {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 0px;
}
.verLine {
	height: 600px;
	width: 10px;
	position: absolute;
	top: 50px;
	left: 145px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #ccc;
}
#navMenuBuyNow {
	position: absolute;
	height: 50px;
	width: 951px;
	top: -83px;
	right: -36px;
	z-index: 1500;
}


/* for new Buy Now buttons and Related Links Region */

#nav {
	margin: 0;
	padding: 7px 6px 0;
	line-height: 50%;
	border-radius: 0.1em;
	-webkit-border-radius: 0.1em;
 	-moz-border-radius: 0.1em;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
/*	background: #ededed; /* for non-css3 browsers */
/*	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#a9a9a9'); */
	/* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#a9a9a9)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ededed,  #a9a9a9); /* for firefox 3.6+ */
	
/*	border: solid 1px #aaa; */
}
#nav li {
	margin: 0 2px;
	padding: 0 0 8px;
	float: right;
	position: relative;
	list-style: none;
}
/* main level link*/
#nav a {
	font-weight: normal;
/*	color: #e7e5e5;*/
	color: #333;
	text-decoration: none;
	display: block;
	padding:  10px 12px;
	margin: 0;
	-webkit-border-radius: 0.1em;
	-moz-border-radius: 0.1em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
	border:solid 1px #999;
}
/* main level link hover */
#nav .current a, #nav li:hover > a {
	background: #000; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#adbbd0', endColorstr='#c9f0ff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#adbbd0), to(#c9f0ff)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #adbbd0,  #c9f0ff); /* for firefox 3.6+*/      /*from color was (#ebebeb), end color was (#a1a1a1)*/
	color: #000;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .6);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .6);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .6);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #000;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	line-height: 1.4em;
}


/* sub levels link hover */
#nav ul a:hover {
	background: #c6d7eb !important; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9f0ff', endColorstr='#c6d7eb'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#c9f0ff), to(#c6d7eb)) !important; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #c9f0ff,  #c6d7eb) !important; /* for firefox 3.6+ */

	color: #000 !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
/*	text-shadow: 0 1px 1px rgba(0, 0, 0, .1);*/
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);

}
/* level 2 list */
#nav ul {
	background: #ddd; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfcfcf)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #cfcfcf); /* for firefox 3.6+ */

	display: none;
	margin: 0;
	padding: 0;
	width: 160px;
	position: absolute;
	top: 28px;
	left: 0;
	border: solid 1px #b4b4b4;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}
/* dropdown */
#nav li:hover > ul {
	display: block;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#nav ul a {
	font-weight: normal;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
}
/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -3px; 


}
/* rounded corners for first and last child */
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 1px;
	-moz-border-radius-topleft: 1px;
	-webkit-border-top-right-radius: 1px;
	-moz-border-radius-topright: 1px;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 1px;
	-moz-border-radius-bottomleft: 1px;
	-webkit-border-bottom-right-radius: 1px;
	-moz-border-radius-bottomright: 1px;
}
/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
}
html[xmlns] #nav {
	display: block;
}
* html #nav {
	height: 1%;
}
#performanceTab {
}

caption {
	font-size: 15px;
	font-weight: bold;
	line-height: 2;
}


/* moreArticle Button */



#reviewTable tr td .moreArticle a {
	color: #ddd;
	font-weight: bold;
}
#awardTable tr td .moreArticle a {
	color: #ddd;
	font-weight: bold;
}
.moreArticle {
	background-color: #2D749E;
	border: 1px solid #ccc;
	color: #666;
	float: right;
	margin-top: -10px;


	margin: 0;
	padding: 7px 6px 5px;
	line-height: 100%;
	border-radius: 0.1em;
	-webkit-border-radius: 0.1em;
 	-moz-border-radius: 0.1em;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
	background: #ededed; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#a9a9a9'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#a9a9a9)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ededed,  #a9a9a9); /* for firefox 3.6+ */
	border: solid 1px #aaa;
}







/* Read more List ID for "moreArticle" under Reviews Region */


#navReadMore {
	margin: 0;
	line-height: 110%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}
#navReadMore li {
	margin: 0 2px;
	padding: 0 0 8px;
	float: right;
	position: relative;
	list-style: none;
}
/* main level link*/
#navReadMore a {
	font-weight: normal;
/*	color: #e7e5e5;*/
	color: #333;
	text-decoration: none;
	display: block;
	padding:  6px 9px;
	margin: 0;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
	border:solid 1px #999;
}
/* main level link hover */
#navReadMore .current a, #navReadMore li:hover > a {
	background: #CADCE9; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#adbbd0', endColorstr='#c9f0ff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#99b9df), to(#c9f0ff)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #99b9df,  #c9f0ff); /* for firefox 3.6+*/      /*from color was (#ebebeb), end color was (#a1a1a1)*/
	color: #000;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .6);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .6);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .6);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}
/* sub levels link hover */
#navReadMore ul li:hover a, #navReadMore li:hover li a {
	background: none;
	border: none;
	color: #000;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	line-height: 1.4em;
}


/* sub levels link hover */
#navReadMore ul a:hover {
	background: #c6d7eb !important; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9f0ff', endColorstr='#c6d7eb'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#c9f0ff), to(#7b89ab)) !important; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #c9f0ff,  #c6d7eb) !important; /* for firefox 3.6+ */

	color: #000 !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
/*	text-shadow: 0 1px 1px rgba(0, 0, 0, .1);*/
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);

}
/* level 2 list */
#navReadMore ul {
	background: #ddd; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfcfcf)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #cfcfcf); /* for firefox 3.6+ */

	display: none;
	margin: 0;
	padding: 0;
	width: 160px;
	position: absolute;
	top: 28px;
	left: 0;
	border: solid 1px #b4b4b4;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}
/* dropdown */
#navReadMore li:hover > ul {
	display: block;
}
#navReadMore ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#navReadMore ul a {
	font-weight: normal;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
}
/* level 3+ list */
#navReadMore ul ul {
	left: 181px;
	top: -3px; 


}
/* rounded corners for first and last child */
#navReadMore ul li:first-child > a {
	-webkit-border-top-left-radius: 1px;
	-moz-border-radius-topleft: 1px;
	-webkit-border-top-right-radius: 1px;
	-moz-border-radius-topright: 1px;
}
#navReadMore ul li:last-child > a {
	-webkit-border-bottom-left-radius: 1px;
	-moz-border-radius-bottomleft: 1px;
	-webkit-border-bottom-right-radius: 1px;
	-moz-border-radius-bottomright: 1px;
}
/* clearfix */
#navReadMore:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#navReadMore {
	display: inline-block;
}
html[xmlns] #navReadMore {
	display: block;
}
* html #navReadMore {
	height: 1%;
}




/* Qio Read Performance Chart */





#performanceTab #qioReadPerformanceChart {
	width: 100%;
	border:solid 1px #ccc;
	background-color: #DFECFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#performanceTab #qioReadPerformanceChart thead {
	font-size: 1em;
	color: #000;
	font-weight:normal;
}

#performanceTab #qioReadPerformanceChart tbody {
	font-size:1em;
}


#performanceTab #qioReadPerformanceChart td {
	padding:.5em 1em;
	border:solid 1px #aaa;
}
#performanceTab #qioReadPerformanceChart td p {
	text-align: center;
	vertical-align: middle;
	font-size: 110%;
	line-height: 7px;
	color: #000;
}


#performanceTab #qioReadPerformanceChart td.specs {
	text-align:left;
	font-weight:bold;
	vertical-align: middle;
}

/* Performance Tab, BenchMark Chart, Odd Rows */

#performanceTab #qioReadPerformanceChart tr:hover {
	background:#ddd;
	color:#000;
}













#performanceTab #benchmarkTbl {
	width: 100%;
	border:solid 1px #ccc;
	background-color: #DFECFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#performanceTab #benchmarkTbl thead {
	font-size: 1em;
	color: #000;
	font-weight:normal;
}

#performanceTab #benchmarkTbl tbody {
	font-size:1em;
}
	
#performanceTab #benchmarkTbl caption {
	font-size:1.4em;
	font-weight:bold;
	text-align:left;
	padding-bottom:0.5em;
	color: #333;
}

#performanceTab td .smallerText {
	font-size: 90%;
	clear: both;
	font-style: normal;
	font-weight: normal;
}


#performanceTab #benchmarkTbl th {
	font-weight: bold;
	background-color: #ededed;
	text-align: center;
	vertical-align: middle;
	height: 20px;
	padding:.2em .2em;
	border: 1px solid #aaa;
}


#performanceTab #benchmarkTbl td {
	padding:.5em 1em;
	border:solid 1px #aaa;
}
#performanceTab #benchmarkTbl td p {
	text-align: center;
	vertical-align: middle;
	font-size: 120%;
	line-height: 7px;
	color: #000;
}

#performanceTab #benchmarkTbl td.specs {
	text-align:left;
	font-weight:bold;
	vertical-align: middle;
}

/* Performance Tab, BenchMark Chart, Odd Rows */

#performanceTab #benchmarkTbl tr.odd {
}




#performanceTab #benchmarkTbl tr:hover {
	background:#ddd;
	color:#000;
}

/* Performance Tab, Horizontal Read_Write Performance chart. */






#performanceTab #rw_performance_horizon {
	width: 100%;
	border:solid 1px #ccc;
	background-color: #DFECFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#performanceTab #rw_performance_horizon thead {
	font-size: 0.8em;
	color: #000;
	font-weight:normal;
}

#performanceTab #rw_performance_horizon tbody {
	font-size:0.95em;
}
	
#performanceTab #rw_performance_horizon caption {
	font-size:1.4em;
	font-weight:bold;
	text-align:left;
	padding-bottom:0.5em;
	color: #333;
}

#performanceTab td .smallerText {
	font-size: 90%;
	clear: both;
	font-style: normal;
	font-weight: normal;
}


#performanceTab #rw_performance_horizon th {
	font-weight: bold;
	background-color: #ededed;
	text-align: center;
	vertical-align: middle;
	height: 20px;
	padding:.2em .2em;
	border: 1px solid #aaa;
}


#performanceTab #rw_performance_horizon td {
	padding:.5em 1em;
	border:solid 1px #aaa;
}
#performanceTab #rw_performance_horizon td p {
	text-align: center;
	vertical-align: middle;
	font-size: 105%;
	color: #000;
}

#performanceTab #rw_performance_horizon td.specs {
	font-weight:bold;
	vertical-align: middle;
}

#performanceTab #rw_performance_horizon tr.odd {
}




#performanceTab #rw_performance_horizon tr:hover {
	background:#ddd;
	color:#000;
}

/*  end */

#techspecTab .keyFeatureTitle {
	padding-top: 17px;
}
.brdr-btm_g1 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	padding-top: 3px;
	padding-bottom: 3px;
}
.brdr-btm2_g1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	padding-top: 0px;
	padding-bottom: 0px;
}
#techspectable tr td ul {
	list-style-type: decimal;
	padding-left: 1.3em;
	font-size: 10px;
}
#techspectable tr td ul li {
	line-height: 1.5;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-left: 0em;
}
.soldout {
	font-weight: bold;
	color: #C20000;
}
.graphicCenterBlock {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: -5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.graphicCenterBlockAfterText {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: -15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.newsbullet {
	font-size: 12px;
	line-height: 14px;
	padding-left: 15px;
	padding-bottom: 0px;
	background-repeat: no-repeat;
	background-position: 3px 1px;
	background-image: url(../product/images/List_bullet2.gif);
	margin-top: 0px;
}
.newsreviews {
	font-size: 12px;
	line-height: 18px;
	padding-left: 0px;
	padding-bottom: 10px;
	margin-top: 5px;
}
.newswrapimage {
	margin-right: 12px;
	margin-bottom: 0px;
	top: 9px;
	margin-top: 3px;
	padding-bottom: 0px;
}
.bodyN24 { color: #333; font-size: 24px; font-weight: normal; line-height: 36px; margin-bottom: 18px; }
.bodyB24 { color: #333; font-size: 24px; font-weight: bold; line-height: 36px; margin-bottom: 18px; }
.bodyB18 { color: #333; font-size: 20px; font-weight: bold; line-height: 28px; margin-bottom: 18px; }
.bodyB16 { color: #333; font-size: 16px; font-style: normal; font-weight: bold; margin-bottom: 18px; }
.bodyN16 { color: #333; font-size: 16px; font-style: normal; line-height: 16px; margin-bottom: 18px; }
.bodyN15-P_btmlong { color: #333; font-size: 15px; font-style: normal; line-height: 15px; margin-top: 10px; margin-bottom: 10px !important; }
.bodyN16-P { color: #333; font-size: 16px; font-style: normal; line-height: 16px; margin-top: 15px; margin-bottom: 7px; }
.bodyN16-L2 { color: #333; font-size: 16px; font-style: normal; line-height: 26px; margin-bottom: 18px; }
.bodyN16-L2A { color: #333; font-size: 16px; font-style: normal; line-height: 22px; margin-bottom: 18px; }
.bodyN16-2 { color: #969696; font-size: 16px; font-style: normal; line-height: 25px; margin-bottom: 18px; }
.left16ttl { color: #333; font-size: 16px; font-style: normal; line-height: 18px; }
.bodyB12 {
	color: #444;
	font-size: 13px;
	margin-bottom: 18px;
}
.bodyB12A { color: #333; font-size: 12px; font-weight: bold; line-height: 12px; }
.bodyB12B {
	color: #666;
	font-size: 12px;
	font-weight: bold;
}
.bodyB13 {
	color: #7b7c7d;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 0px;
}
.bodyB14 {
	color: #666;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 18px;
}
.bodyB14R {
	color: #903;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 0px;
}
.bodyB12I {
	color: #666;
	font-size: 12px;
	font-weight: normal;
	margin-left: 50px;
}
.bodyN12 { font-size: 13px; margin-bottom: 18px; }
.bodyN11 { font-size: 11px; margin-bottom: 18px; }
.bodyNC11 {
	font-size: 11px;
	text-align: center;
	margin-bottom: 18px;
	color: #888;
}
.hdrN16 { color: #333; font-size: 16px; font-style: normal; line-height: 16px; }
.compN14 { font-size: 14px; line-height: 16px; text-align: left; margin-bottom: 5px; list-style-type: square; list-style-image: url(images/bullet_triangle_g2.gif); display: list-item; white-space: normal; }
.compN12 { line-height: 16px; text-align: left; margin-bottom: 5px; list-style-type: square; display: list-item; list-style-image: url(images/bullet_triangle_g1.gif); }
.chrtB12 { font-size: 12px; font-weight: bold; line-height: 18px; margin: 1.5px 2px 1.5px 5px; }
.chrtN09 { color: #444; font-size: 9px; line-height: 11px; margin: 1px 3px 1px 5px; }
.chrtN10 { color: #444; font-size: 10px; line-height: 13px; margin: 1px 3px 1px 5px; }
.chrtN10b { color: #444; font-size: 10px; font-style: bold; line-height: 13px; margin: 1px 3px 1px 5px; }
.chrtN11 { color: #444; font-size: 11px; line-height: 13px; margin: 1px 3px 1px 5px; }
.chrtN14 { color: #666; font-size: 14px; line-height: 18px; margin: 1px 3px 1px 5px; }
.sosumiHDlists { color: #666; font-size: 10px; font-weight: normal; font-style: normal; line-height: 14px; margin-right: 30px; padding-right: 30px; }
.sosumi { color: #666; font-size: 10px; font-style: normal; font-weight: normal; line-height: 14px; margin-top: 5px; margin-bottom: 18px; padding-top: 3px; }
.newshdrN16px777 { color: #777; font-size: 16px; font-weight: normal; font-style: normal; }
.newsjustfyN12px { font-size: 13px; text-align: justify; margin-bottom: 18px; }
.justfy {
	text-align: left;
	font-weight: normal;
}
.news-lists { line-height: 16px; background-image: url(images/bullet_triangle_g1.gif); background-repeat: no-repeat; background-position: -4px -1px; text-align: left; text-indent: 20px; margin-bottom: 1px; list-style-image: none; }
.news-lists2 { line-height: 16px; background-image: url(images/bullet_triangle_g1.gif); background-repeat: no-repeat; background-position: -4px -1px; text-align: left; text-indent: 10px; list-style-image: none; margin-bottom: 1px; }
ul { }
li { margin-left: 20px; }
/*<agl.folder "batteries">*/
	.FAQ-chrtN12 { font-size: 12px; line-height: 18px; margin: 10px 10px 2px; padding: 10px 10px 2px; }
	.chrtB12-0lft { font-size: 12px; font-weight: bold; line-height: 18px; margin-top: 1.5px; margin-right: 2px; margin-bottom: 1.5px; }
	.bodyN16ppl { color: #7a51c0; font-size: 16px; font-style: normal; margin-bottom: 18px; }
/*</agl.folder>*/
/*<agl.folder "menus">*/
	.index-ttl { color: #333; font-size: 16px; font-style: normal; line-height: 16px; margin-top: 5px; margin-bottom: -15px; }
	.index-body { color: #333; font-size: 11.5px; line-height: 15px; margin-top: 10px; padding-top: 10px; }
	.index-subttl {
	color: #777;
	font-size: 12px;
	line-height: 18px;
	margin-top: 2px;
	margin-bottom: 16px;
	padding-top: 2px;
	font-weight: normal;
}
/*</agl.folder>*/
.event-ttl { color: #333; font-size: 14px; font-style: normal; line-height: 15px; margin-top: 5px; margin-bottom: -15px; }
.event-body { color: #666; font-size: 11px; line-height: 15px; margin-top: 9px; padding-top: 9px; }
.bodyB20B {
	color: #2D5A95;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 18px;
}
.bodyform {
	color: #777;
	font-size: 14px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 18px;
}
table.root_categories { text-align: center; vertical-align: middle; cellpadding: 1; margin-left: auto; margin-right: auto; width: 987; border: ridge 0p #919191; }
table.root_categories tr {width: 100%;text-align: center;}
/*table.root_categories a {background-color: ;background-image: url('images/mac.gif');}*/
table.root_categories a:hover {width: 10; height: 10; color: white; opacity: 0.50; -moz-opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); zoom:1; }
table.root_categories img {border-width: 0px;}


table.sub_categories { width: 897px; margin-left: auto; margin-right: auto; text-align: center; border: ridge 1px #d5d5d5; border-collapse: separate; empty-cells: show; }
table.sub_categories caption{margin-left: auto; margin-right: auto;text-align: left;}
table.sub_categories tr{}
table.sub_categories a:hover {color: #0072bc; text-decoration: underline; font-weight: none; opacity: 0.50; -moz-opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); zoom:1;}
table.sub_categories a {color: #0072bc; text-decoration: none;}
table.sub_categories td{ font-weight: none; padding: 8px; border: dashed 0 #d5d5d5; }
table.sub_categories img {border-width: 0px}


table#current_category{ width: 897px; margin-left: auto; margin-right: auto; text-align: center; border: ridge 0 #d5d5d5; }


table#article_type_groups_outer_table { width: 896px; margin-left: auto; margin-right: auto; text-align: center; border: ridge 1px #d5d5d5; }
table#article_type_groups_outer_table tr#atgot_titles {background-color: silver;text-align: left;font-weight: bold;}


table#article_type_groups{text-align: left;margin-left: auto; margin-right: auto;width: 889px;}


table.articles {width: 840px;}
table.articles tr#article_titles {background-color:#cfcfcf ;}
table.articles tr#article_rows {background-color: #e3e3e3;vertical-align: top;}
table.articles td#article_text_box { background-color: #d7ebff; width=; height:100px; padding:10px 10px 10px 15px; color:#121210; border: 0px solid lightgrey;;;;;;;}
table.articles a:hover {color: #565656; text-decoration: underline; font-weight: none; opacity: .50}
table.articles a {color: #121210; text-decoration: none;}


/* Sonnet Certified Hard Drive Matrix. */



#supportchartTab #supportchart {
	width: 100%;
	border:solid 1px #ccc;
	background-color: #DFECFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#supportchartTab #supportchart thead {
	font-size: 0.95em;
	color: #000;
	font-weight:normal;
}

#supportchartTab #supportchart tbody {
	font-size:0.95em;
}
	
#supportchartTab #supportchart caption {
	font-size:1.4em;
	font-weight:bold;
	text-align:left;
	padding-bottom:0.5em;
	color: #333;
}

#supportchartTab td .smallerText {
	font-size: 90%;
	clear: both;
	font-style: normal;
	font-weight: normal;
}


#supportchartTab #supportchart th {
	font-weight: bold;
	background-color: #ededed;
	text-align: left;
	height: 20px;
	border: 1px solid #aaa;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}


#supportchartTab #supportchart td {
	border:solid 1px #aaa;
	height: 35px;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
#supportchartTab #supportchart td p {
	text-align: center;
	vertical-align: middle;
	font-size: 105%;
	color: #000;
}

#supportchartTab #supportchart td.specs {
	vertical-align: middle;
	font-weight: bold;
}

#supportchartTab #supportchart tr.odd {
}




#supportchartTab #supportchart tr:hover {
	background:#99c7e6;
	color:#000;
}


#supportchartTab ol {
	margin-left: 1.5em;
	list-style-type: decimal;
	padding-left: 0em;
	margin-top: -15px;
}
#supportchartTab li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	font-size: 11px;
	line-height: 1.5;
	padding-bottom: 5px;
	padding-top: 5px;
}
#supportchartTab #techspectable li {
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-color: #FFF;
	font-size: 12px;
	list-style-type: circle;
	list-style-position: outside;
	padding-top: 1px;
	padding-bottom: 1px;
	line-height: 1.3;
}
#supportchartTab ol li sup {
	font-size: 9px;
	color: #666;
}
.text11g1 {
	font-size: 11px;
	line-height: 1.4;
	text-align: left;
	padding-top: 0px;
	padding-bottom:0px;
	margin-top: 0px;
	font-weight: normal;
	color: #444;
}
.text16b1 {
	font-size: 16px;
	line-height: 1.4;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	font-weight: bold;
	color: #1572BC;
}
.text14warrantyhdr {
	font-size: 14px;
	line-height: 3;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	font-weight: bold;
	color: #a09d9d;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	padding-top: 0px;
	padding-bottom: 0px;
}
.textpgupdate {
	font-size: 11px;
	line-height: 1.4;
	text-align: center;
	padding-top: 500px;
	padding-bottom: 200px;
	margin-top: 0px;
	margin-left: 350px;
	font-weight: plain;
	color: #1572BC;
}
.rightmargin {
	padding-right: 20px;
}
.outerframe {
	border-top: 0px solid #eaeaea;
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}
.textN11 { color: #444; font-size: 11px; line-height: 13px;}
.bulletlist {
	font-size: 12px;
	line-height: 17px;
	padding-left: 65px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-position: 50px 4px;
	background-image: url(../support/images/List_bullet2.gif);
	margin-top: 0px;	
}
.outerboxborder {
	border: 1px solid #bbb;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	
}
.tbpartners {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
	}
.borderright {
	border-right: 4px solid #000000
	}
.text16 {
	font-size: 16px;
	line-height: 1.2;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	font-weight: normal;
	color: #444;
}
.bulletlist2 {
	font-size: 12px;
	line-height: 17px;
	padding-left: 10px;
	padding-bottom: 0x;
	background-repeat: no-repeat;
	background-position: 0px 4px;
	background-image: url(../support/images/List_bullet2.gif);
	margin-top: 0px;	
}
.brdr-top_g1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	padding-top: 5px;
	padding-bottom: 0px;
}
.presales {
	font-size: 20px;
	font-weight: normal;
	line-height: 1;
	color: #8f8f8f;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 0px;
	margin-top: 0px;
}	
table.root_categories { text-align: center; vertical-align: middle; cellpadding: 1; margin-left: auto; margin-right: auto; width: 987; border: ridge 0p #919191; }
table.root_categories tr {width: 100%;text-align: center;}
/*table.root_categories a {background-color: ;background-image: url('images/mac.gif');}*/
table.root_categories a:hover {width: 10; height: 10; color: white; opacity: 0.50; -moz-opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); zoom:1; }
table.root_categories img {border-width: 0px;}


table.sub_categories { width: 897px; margin-left: auto; margin-right: auto; text-align: center; border: ridge 0px #d5d5d5; border-collapse: separate; empty-cells: show; }
table.sub_categories caption{margin-left: auto; margin-right: auto;text-align: left;}
table.sub_categories tr{}
table.sub_categories a {text-decoration:none; color: #1074ba;}
table.sub_categories a:hover {color: #565656; text-decoration: underline; font-weight: none; opacity: 100;}


table.sub_categories a:hover {color: #565656; text-decoration: none; font-weight: none; opacity: 0.50; -moz-opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); zoom:1;}
table.sub_categories td{ font-weight: none; padding: 8px; border: dashed 0 #d5d5d5; }
table.sub_categories img {border-width: 0px}


table#current_category{ width: 897px; margin-left: auto; margin-right: auto; text-align: center; }


table#article_type_groups_outer_table { width: 896px; margin-left: auto; margin-right: auto; text-align: center; }
table#article_type_groups_outer_table a {color: #121210; text-decoration: none;}
table#article_type_groups_outer_table a:hover {color: #565656; text-decoration: none; font-weight: none; opacity: 100;}
table#article_type_groups_outer_table tr#atgot_titles {background-color: silver;text-align: left;font-weight: bold;}


table#article_type_groups{text-align: left;margin-left: auto; margin-right: auto;width: 889px;}


table.articles {width: 840px;}
table.articles tr#article_titles {background-color:#cfcfcf ;}
table.articles tr#article_rows_alternate_color1 {background-color: #e3e3e3;vertical-align: top;}
table.articles tr#article_rows_alternate_color2 {background-color: ;vertical-align: top;}
table.articles td#article_text_box { background-color: #edf5fa; width=; height:100px; padding:10px 10px 10px 15px; color:#121210; border: 0px solid lightgrey;;;;;;;}
table.articles a:hover {color: #565656; text-decoration: none; font-weight: none; opacity: 100;}
table.articles a {color: #121210; text-decoration: none;}


/*==========================BUTTON START==================================================*/
/*The button consists of two pictures, a left and a right GIF. The right GIF is much bigger, so that it will allow room for the buttons title text*/
/*Additionally, there are three pictures in each of the GIFs: a top, middle, and bottom picture. The top picture in the GIF is the default button, the middle picture is for when the button is active (depressed), and the lower picture is the picture displayed when the mouse hovers over the button */

table.articles a.squarebutton
{
background: transparent; 
background-image: url('images/square-gray-left2.gif'); 
background-repeat: no-repeat;
background-position: left top;
display: block;
float: left;
font-size: 10px;
font-family: Arial;
line-height: 17px; 
height: 17px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
opacity: 100;
}

table.articles a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/

}

table.articles a.squarebutton span
{

background-image: url('images/square-gray-right2.gif'); 
background-repeat: no-repeat;
background-position: right top;


/*The following controls the invisible padding around the button*/
display: block;
padding-top: 0px;
padding-right: 8px;
padding-bottom: 0px
padding-left: 0px;

}

/* An element can have the following dynamic pseudo-classes :hover | :active | :focus  */

table.articles a:hover.squarebutton 
{ 
text-decoration: none; 
background-color: transparent; 
background-position: left -34px;
}

table.articles a:hover.squarebutton span
{
color: black; 
background-position: right -34px;
} 

table.articles a:active.squarebutton 
{ 
text-decoration: none; 
background-position: left -17px;
}

table.articles a:active.squarebutton span
{
color: black; 
font-weight: ;
font-size: 10px;
font-family: Arial;
line-height: 17px; 
background-position: right -17px;
} 


table.articles .buttonwrapper{ /* Container you can use to surround a CSS button to clear float its parameters will be inherited by any sub elements */
overflow: hidden; /*See: https://www.quirksmode.org/css/clearing.html */

/*The following controls the margin around the button. */
margin-top: 2px;
margin-left: 39px;
margin-bottom: 2px;
right-margin: 0px; /* doesn't work, have to use padding-right: above */

}

/*==========================BUTTON END==================================================*/
