body {
   margin: 0;
   padding: 0;
   background-color: #ffffff;
   color: #000000;
   font-family: Tahoma, Arial, Verdana;
   font-size: 11px;
}

p {
   line-height: 150%; 
   margin: 5px 5px 5px 5px; 
}

pre, code {
   font-family: Lucida Console;   
   text-indent: -28px;
   line-height: 150%;    
   background-color: #E5E8F2;
   border: 1px solid #7B8ABD;
   margin: 5px 220px 5px 0px;    
   padding: 5px 5px 5px 5px;
}
 
a {  color: #000000; }

a:link, a:visited, a:hover, a:active {color: #000000;}

a:hover {
   text-decoration: underline;
}

#container { margin: 0 0 0 0;}

#left { float:left;width: 165px;}
#right {float: right;width: 100px;}

#body {
   margin-left: 165px;
   margin-right: 100px;
}

#content {
   margin-left: 10px;
}

#body h1 {
   font-size: 14px;
   margin: 4px 4px 4px 0px;
}

#body h2 {
   font-size: 13px;
   margin: 1px 4px 4px 0px;
   color: #cccccc;
}

#header img {
   margin: 0px 0px 0px 0px;
   border:none;
}

#header div {
   font-weight: normal;
   font-size: 8px;   
   letter-spacing: 1px;
   font-family: Lucida Sans Unicode, Trebuchet MS, Arial;
   margin: 0 0 0 0;
}

#sponsorBlock {
	margin: 5px 5px 5px 5px;
}


#sponsors {
	text-align: center;
}

#sponsors div {
	border: 1px solid #cccccc;
	padding: 5px 5px 5px 5px;
	margin: 10px 5px 10px 5px;
}

#footer {
   clear: both;
   border-top: 1px dotted #cccccc;
   margin: 10px 0 0 0;
   padding-right: 15px;
   text-align: center;
}

#footer, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
   color: #999999;
}

#footer a:hover {
   background-color: #999999;
   color: #ffffff;
}

#main-content{
	width:45%;
	float:left;
}

/* Pages */

/* general */
img{border:none}
.endfloat{clear:both;font-size:1px;visibility:hidden;display:block;height:1px}
.spacer{margin-bottom:15px;height:1px}
.hr, .hr-spacer{border-bottom:solid 1px #a6a6a6;font-size:1px;margin-bottom:4px}
.hr-spacer{padding-top:10px;clear:both;margin-bottom:10px;height:1px}
.hr-dotted{background:url(images/hr-dotted.gif) repeat-x top left;height:12px}
.strong{font-weight:bold}
.hidden{position:absolute;left:0;top:-500px;width:1px;height:1px;overflow:hidden}
p{margin-bottom:12px}
blockquote{margin:8px 20px 20px 20px}
.table p{margin:0}
.regtitle{font-size:100%;vertical-align:top;color:#000}
sup, sub{font-size: 75%;font-weight:bold}
.tpage{border-bottom:solid 1px #a6a6a6; width:90%}

/* Updates Page */

#main-updates{
	padding-top:50px;
	text-align:center;
}

#main-updates p.todo{font-size:12px;color:#000;padding-bottom:25px;text-align:left;margin-left:45px;}
#main-updates p.todo-short{font-size:12px;color:#000;padding-bottom:25px;text-align:center;}
#main-updates .todo-title{font-size:25px;padding-bottom:25px;font-weight:bold;color:#000;text-align:center;}
#main-updates .todo-sub{font-size:16px;padding-bottom:10px;font-weight:bold;color:#000;text-align:center;}
#main-updates p.todo a:link{color:#FF3333;}
#main-updates p.todo a:active{color:#990000;}
#main-updates p.todo a:hover{color: #1681e5;}
#main-updates p.todo a:visited{color:#C0C0C0;}

#main-updates .todo-res{
	font-size:12px;
	color:#000;
	font-weight:bold;
	text-align:left;
}

#main-updates .todo-res ul{
	list-style:none;
}

#main-updates .todo-res li{
	padding-bottom:3px;
}


/* Section Indexes */

#main-noc{
	padding-top:10px;
}

#main-noc p.overview{
	font-size:14px;
}

#main-noc .sections{
	padding-bottom:30px;
}

#main-noc .column{
	width:50%;
	float:left;
}


#main-noc .sections p.title{font-size:16px;font-weight:bold;padding-bottom:3px;}

#main-noc .sections img{width:27%;height:27%;padding-bottom:1px;}

/* The NOC Pages */

/* headings */
h1,h2,h3{color:#000}
h1{font-size:170%;font-weight:normal;margin-bottom:20px;margin-top:14px}
h2{font-size:110%;padding:0 0 5px 0;border-bottom:solid 1px #a6a6a6;font-weight:bold;margin-bottom:5px}
h2.no-ul{border-bottom:none;margin-bottom:0px}
h2.space{margin-bottom:5px}
h3{font-size:100%;font-weight:bold;margin-bottom:5px}
h3.with-ul{border-bottom:solid 1px #a6a6a6;margin-bottom:5px;padding-bottom:5px}

#main-noc-content{
	width:100%;
	float:left;
}

#main-noc-content h1{font-size:170%;font-weight:normal;margin-bottom:20px;margin-top:14px;text-align:center;}
#main-noc-content h2{color:#000;font-size:100%;padding-bottom:10px;margin-bottom:10px;border-bottom:solid 1px #a6a6a6}


#noc-specs .component,
#noc-specs .component-high {
	float:left;
	width:33%;
}



#noc-specs .component p.title,
#noc-specs .component-high p.title{
	font-size:14px;
	font-weight:bold;
	padding-bottom:3px;
}

#noc-specs .component img{
	width:275px;
	height:50px;
	padding-bottom:1px;
}


#noc-specs .component-high img{
	width:275px;
	height:250px;
	padding-bottom:1px;
}

#noc-specs .component p.desc,
#noc-specs .component-high p.desc{
	font-size:12px;
	padding-top:2px;
}






/* Breadcrumb stylee action */

#breadcrumb {
   color: #cccccc;
   margin: 8px 6px 6px 0px;
   padding-bottom: 20px;
}

#breadcrumb a, 
#breadcrumb a:link, 
#breadcrumb a:visited, 
#breadcrumb a:hover, 
#breadcrumb a:active {
   color: #ff66cc;
   margin: 5px 3px 5px 3px;
   font-weight:bold;
   text-decoration: none;
}


#breadcrumb a:hover {
   text-decoration: underline;
}

img.postIcon {
   margin: 3px 2px 3px 0px;
   vertical-align: middle;
}

#rightLinkContainer {
   margin: 5px 5px 5px 5px;
}

#rightlist {
   padding-left: 0;
   margin-left: 0;
   border-bottom: 1px dashed gray;
}

#rightlist li {
   list-style: none;
   margin: 0;
   padding: 0.25em;
   border-top: 1px dashed gray;
}

#rightlist li:hover {
   background-color:#FFCC00;
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
}

#rightlist li h3.arrow {
   padding-left: 18px;
   background-image: url(forward.png);
   background-repeat: no-repeat;
   background-position: center left;
}

#rightlist li a { text-decoration: none; }


/*  Side Navigation */

div.navBlock {
   margin: 10px 10px 10px 5px;
   padding: 3px 3px 3px 3px;
   background-color: #e5ecf9;
   border: 1px solid #dddddd;   
}
/* Headings */
div.navBlock span {
   font-weight: normal;
   font-size: 11px;   
   letter-spacing: 1px;
   font-family: Lucida Sans Unicode, Trebuchet MS, Arial;
   margin: 0 0 0 0;
   padding: 3px 3px 3px 3px;
}
/* List Items */
div.navBlock ul {
   list-style-type: none;
   margin: 0 0 0 0;
   padding: 3px 3px 3px 3px;	
}
/* Background Main, Highlights, Reviews */
div.navBlock li { 
   background-image: url(nav/document.gif);
   background-repeat: no-repeat;
   background-position: 1px 2px;
   border-top: 1px solid white;
   border-left: 1px solid white;
   background-color: #e5ecf9;
   margin: 2px 0px 2px 0px; 
   padding: 3px 3px 3px 20px;
}

div.navBlock li a {
   display: block;
   color: black;
   text-decoration: none;
}
/* on mouse over */
div.navBlock li a:hover, div.navBlock li a:active {
   background-color: #99ccff;
}

div.mainBlock {
   background-color: #f5f5f5;
   border: 1px solid #cccccc;
   margin: 10px 205px 10px 0px;
   padding: 0 0 0 0;
}

div.mainBlock p {
   margin-left: 5px;
}

div.rightBlock {
   vertical-align: top; 
   float:left;
   background-color: #e5ecf9;
   border: 1px solid #dddddd;
   margin-right: 50px;
}
/* Headings */
div.rightBlock span {
   font-weight: bold;
   font-size: 13px;   
   letter-spacing: 1px;
   font-family: Lucida Sans Unicode, Trebuchet MS, Arial;
   margin: 0 0 0 0;
   padding: 3px 3px 3px 3px;
}
/* List Items */
div.rightBlock ul {
   list-style-type: none;
   margin: 0 0 0 0;
   padding: 3px 3px 3px 3px;	
}
/* Reviews */
div.rightBlock li { 
   background-image: url(nav/document.gif);
   background-repeat: no-repeat;
   background-position: 1px 2px;
   border-top: 1px solid white;
   border-left: 1px solid white;
   background-color: #e5ecf9;
   margin: 2px 0px 2px 2px; 
   padding: 6px 3px 10px 20px;
}

div.rightBlock li.updates { 
   background-image: url(nav/updates1.png);
   background-repeat: no-repeat;
   background-position: 1px 2px;
   border-top: 1px solid white;
   border-left: 1px solid white;
   background-color: #e5ecf9;
   margin: 2px 0px 2px 2px; 
   padding: 6px 3px 10px 20px;
}

div.rightBlock li a {
   color: black;
   text-decoration: none;
}
/* on mouse over */
div.rightBlock li a:hover, div.rightBlock li a:active {
   background-color: #99ccff;
}

div#search {
   float: right;
   margin-right: 5px;
   vertical-align: middle;
}

div#search form {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   vertical-align: middle;
}

input#searchField {
   margin: 3px 5px 3px 5px;
}

* html p {
   height: 1px;
   margin-left: 0;
}

.specs {
   border-top: 1px solid black;
   border-left: 1px solid black;
}

table.specs {
   width:100%;
   border: 1px solid black;
}

table.specs td {
   padding-right:10px;
   padding-bottom: 8px;
}

table.specs tr {
   border: 1px solid black;
}

table.specs img {
	height:50%;
	width:50%;
   border:none;
}