@charset "utf-8";

/* Reset */
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,strong,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}

body{font:16px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}

strong{font-weight:bold;}
em{font-style:italic;}
.clear{clear:both;}
a:active {outline:none;}
:focus {-moz-outline-style:none;}

a{
	color:#12C;	
}
a:hover{
	text-decoration:none;	
}
a:visited{
	color:#61C;
}

h1{
	padding:0 0 13px 0 ;
	font-size:400%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:1em;
	letter-spacing:-2px;
	background:url(images/h1-dotted.png) repeat-x bottom;
}
#top_wrap{
	width:100%;
	background:url(images/main-l-grey-bg.jpg);
	padding:0 0 20px 0;
	border-bottom:1px solid #b7b7b7;
}
#top_content{
	width:940px;
	margin:0 auto 0 auto;
	padding:42px 10px 0 10px;
}
#content_wrap{
	width:940px;
	margin:0 auto 0 auto;
	padding:35px 10px 0 10px;
	font-family: Arial, helvetica, sans-serif;
}
	#content_wrap ul, ol{
		margin:6px 0 14px 20px;
		font-size:108%;
		line-height:1.7em;
	}
		#content_wrap ul li, ol li{
			margin:7px 0 0 20px;;
			list-style:disc;
		}
		#content_wrap ol li{
			list-style: inherit;
		}
			 
	#content_wrap h2{
		font-size:197%;
		font-weight:bold;
		margin:0 0 12px 0;
	}
	#content_wrap h3{
		font-size:138.5%;
		font-weight:bold;
		margin:0 0 4px 0;
	}
	#content_wrap p{
		margin:0 0 13px 0;
		line-height:1.7em;
		font-size:108%;
	}
.col_left{
	width:440px;
	float:left;
}
.col_right{
	width:460px;
	margin:0 0 0 40px;
	float:left;
}

ul.prj em{
	font-size:85%;	
}

/*Index page*/
.call_sign{
	font-size:108%;
	font-weight:bold;
}
.model{
	margin:1px 0 0 0;	
}
.kit_graphic{
	float:left;
	width:524px;
}
.kit_b{
	width:908px;
	margin:15px 0 0 0;
}
.kit_int{
	float:left;
	width:387px;
}
.k_txt{
	width:366px;
	height:325px;
	padding:10px 0 0 20px;
}
	.k_txt h2{
		font-family: Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:182%;	
	}
	.k_txt ul{
		font-size:93%;
		line-height:1.2em;
	}
	.k_txt ul li{
		margin:7px 0 0 20px;;
		list-style:square;
	}
	
.k_bt{
	width:221px;
	margin:20px auto 0 auto;
}

/*  Menu */
#menu_wrap{
	width:100%;
	height:42px;
	background:url(images/header-bg.png) repeat-x top;
	position:absolute;
	top:0;
}
#menu{
	width:960px;
	margin:0 auto 0 auto;	
}
#menu ul{
	float:right;	
}
#menu ul li{
	float:left;
	height:42px;
	background:url(images/menu-li-border.png) right top no-repeat;
	padding:0 12px 0 12px;
}
#menu ul li a{
	color:#ffffff;
	text-decoration:none;
	display:block;
	height:36px;
	padding:6px 0 0 0;
}
#menu ul li a:hover{
	background:url(images/menu-button.png) top center  no-repeat;
}
#menu .current{
	background:url(images/menu-button.png) center -29px no-repeat;
}

/*  Footer */
#footer{
	background:url(images/h1-dotted.png) repeat-x top;
	width:960px;
	margin:30px auto 0 auto;
	padding:20px;
}
#footer ul{
	width:450px;
	margin:0 auto 0 auto;
}
#footer ul li{
	float:left;
	height:42px;
	padding:0 12px 0 12px;
	margin:0 auto 0 auto;
}
#footer a{
	color:#15C;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer a:visited{
	color:#61C;
}

/* the overlayed element */

#triggers img{
	cursor:pointer;	
}
.simple_overlay {
	display:none;
	z-index:10000;
	background-color:#333;
	width:980px;	
	padding:4px;
	min-height:200px;
	border:1px solid #666;
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
	color:#ffffff;
}
.diagram_info{
	margin:10px 0 0 0;
}
.diagram_info h4{
	font-size:116%;
	font-weight:bold;
}
.diagram_info h5{
	margin:5px 0 0 0;
	font-weight:bold;
}
.diagram_info p{
	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.datagrid table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
}
.datagrid {
  font: normal 12px/150% Arial, Helvetica, sans-serif;
  background: #fff;
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.datagrid table td, .datagrid table th {
  padding: 8px 10px;
}
.datagrid table thead th {
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #D9D9D9), color-stop(1, #D9D9D9));
  background: -moz-linear-gradient( center top, #D9D9D9 5%, #D9D9D9 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#D9D9D9', endColorstr='#D9D9D9');
  background-color: #D9D9D9;
  color: #140404;
  font-size: 15px;
  font-weight: normal;
}
.datagrid table thead th:first-child {
  border: none;
}
.datagrid table tbody td {
  color: #000000;
  border-left: 1px solid #DBDBDB;
  font-size: 12px;
  font-weight: normal;
}
.datagrid table tbody .alt td {
  background: #EBEBEB;
  color: #7D7D7D;
}
.datagrid table tbody td:first-child {
  border-left: none;
}
.datagrid table tbody tr:last-child td {
  border-bottom: none;
}