@CHARSET "UTF-8";
@IMPORT url("forms.css");
@IMPORT url("feedback.css");
*{
	margin: 0;
	padding: 0;
}
a img, fieldset {border:0}
fieldset{display:inline}
* > fieldset{display: block}/* Non IE browsers */
.clear:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */
p{
	margin-bottom: 15px;
}
h1{
	font: normal normal 18px/24px arial;
	color: #000;
	margin-bottom: 10px;
}
h2, .career dt{
	color: #333;
	font: normal bold 14px/14px arial;
	margin-bottom: 10px;
}
h3{
	font: italic normal 18px/20px arial;
}
h4{
	background: url("../i/bullets.png") no-repeat 0 -900px;
	color: #000;
	font: normal normal 14px/24px arial;
	margin-bottom: 10px;
	padding-left: 19px;
	
}
a{
	color: #333;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
table {
	border-collapse: collapse;
}
table td{
	vertical-align: top;
}
html{
	background: url(./i/shade.png) repeat-y 50% 0 #dfdfdf;
}
body{
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	color: #333;
	text-align:center;
	background: url(../i/bg.gif) repeat-y 50% 0 #dfdfdf;
}
.header {
	background: url("../i/headerbg.jpg") no-repeat #EE1B2E 0 0;
	border: 1px solid #fff;
	border-top-width: 0;
	margin: auto;
	text-align: right;
	width: 998px;
}
.header .visual{
	background: url("../i/headermap.gif") no-repeat 252px 0;
	height: 211px;
}
.header .logo {
	padding: 70px 20px 0 0;	
}
.menu {
	border-top: 1px solid #fff;
	background: url("../i/headermenubg.png") repeat-x 0 100%;
	color: #ff0;
	font-weight: bold;
	font-size: 12px;
	padding: 0 19px 0 18px; 
	text-align: left;
}
.menu ul{
	list-style: none;
}
.menu ul li{
	display: block;
	float: left;
	line-height: 30px;
	margin-right: 15px;
}
.menu li.lang {
	float: right;
	margin: 0 0 0 10px;
}
.menu ul li a {
	color: #fff;
	text-decoration: none;
	display: block;
}
.menu ul li a:hover{
	color: #ff0;
	text-decoration: none;
}
.menu ul li.folder:hover a, .menu ul li.folder.hover a{
	background-image: url("../i/bullets.png");
	background-repeat: no-repeat;
	background-position: 10px -177px;
	color: #ff0;
}
.menu li.lang a{
	font-weight: normal;
}
.menu li a.current{
	color: #ff0;
}
.menu ul ul {
	display: none;
	margin-top: 33px;
	margin-left: 3px;
	position: absolute;
	background: url("../i/menubg.png") repeat 0 0;
	width: 218px;
	z-index: 10;
}
.menu ul li.folder:hover ul, .menu ul li.folder.hover ul{
	display: block;
}
.menu ul ul li{
	background: #ffc;
	border: 1px solid #bcbcbc;
	border-top-width: 0;
	color: #333;
	float: none;
	font: normal normal 11px/12px arial;
	margin-right: 0;
	width: 216px;
	margin-top: -3px;
	margin-bottom: 3px; /* FF */
	margin-left: -3px; 
}
.menu ul ul li:FIRST-CHILD{
	border-top-width: 1px;
}
.menu ul ul li a{
	display: block;
	padding: 5px 8px 6px 8px;
	width: 200px;
}
.menu ul li.folder ul li a, .menu ul li.folder:hover ul li a, .menu ul li.folder ul li.folder a, .menu ul li.folder:hover ul li.folder a, .menu ul li.folder.hover ul li a{
	padding-right: 12px;
	width: 196px;
	color: #333;
}
.menu ul li.folder ul li a:hover, .menu ul li.folder.hover ul li a:hover, .menu ul li.folder:hover ul li a:hover{
	background-color: #EE1B2E;
	color: #fff;
}
.menu ul li.folder.hover ul li.folder a:hover, .menu ul li.folder:hover ul li.folder a:hover{
	background: url("../i/menuitembg.gif") no-repeat -297px 50% #EE1B2E;
}
.menu ul li.folder ul li.folder{
	background: url("../i/menuitembg.gif") no-repeat 200px 50% #ffc;
}
.menu ul ul ul, .menu ul li.folder:hover ul ul, .menu ul li.folder.hover ul ul{
	display: none;
	z-index: 20;
}
.menu ul li.folder ul li.folder:hover ul, .menu ul li.folder ul li.folder.hover ul {
	display: block;
}
.menu ul ul ul{
	margin-left: 219px;
	margin-top: 2px;
}
.menu ul li.folder.hover ul li.folder ul a:hover, .menu ul li.folder:hover ul li.folder ul a:hover{
	background-image: none;
}
.content{
	background: #fff;
	margin: auto;
	text-align: left;
	width: 1000px;
	overflow: hidden;
	padding-bottom: 20px;
}
.leftcolumn {
	width: 267px;
	padding: 19px 10px 0 1px;
	float: left;
}
.centercolumn{
	width: 712px;
	float: left;
	padding-right: 10px;
}
.leftcolumn form{
	padding-left: 19px;
}
.search input.textInput{
	width: 179px;
	margin-bottom: 3px;
}
.search span, .subscribe span{
	background: url("../i/bullets.png") no-repeat 3px -300px;
	color: #666;
	font-size: 11px;
	margin-right: 10px;
}
.search span.link{
	background: none;
	border-bottom: 1px dashed #c00;
	color: #c00;
	cursor: pointer;
	position: relative;
}
ul{
	list-style: none;
}
ul.list {
	margin-left: 19px;
	font-size: 11px;
	padding-bottom: 6px;
}
ul.list li, .inner .centercolumn ul.list li{
	background: url("../i/bullets.png") no-repeat 0 -396px;
	margin-bottom: 12px;
	padding-left: 13px;
}
ul.list li.current {
	background-position: 0 -496px;
	font-weight: bold;
}
ul.list li.current ul{
	font-weight: normal;
}
ul.list ul{
	background: #fff;
	margin-left: -13px;
	padding-left: 15px;
	padding-top: 10px;
}
.vote{ 
	font-size: 11px;
	padding-bottom: 10px;
}
.vote p{
	font-size: 12px;
	margin-left: 19px;
}
.vote label{
	padding-left: 5px;
	vertical-align: middle;
	position: relative;
	top: -3px;
	display: block;
	margin: -18px 0 -10px 15px;
}
.vote input{
	margin-bottom: 8px;
	vertical-align: middle;
}
.vote .submit input {
	margin: 0 0 0 0;
}
.vote a{
	color: #c00;
	position: relative;
	left: 7px;
	text-decoration: underline;
	top: 2px;
}
.vote a:hover, .news p a:hover{
	text-decoration: none;
}
.vote fieldset {
	margin-bottom: 5px;
}
.vote ul{
	margin-left: 19px;
	width: 160px;
	position: relative;
}
.vote ul li{
	background-image: url("../i/votebg.gif");
	background-repeat: no-repeat;
	background-position: 0 100%;
	margin-bottom: 12px;
	padding-bottom: 10px;
	position: relative;
	line-height: 10px;
}
.vote ul li span{
	position: absolute;
	font-size: 9px;
	color: #000;
	top: 100%;
	margin-top: -7px;
}
.dotted {
	background: url("../i/dot.gif") repeat-y 0 0;
	padding: 0 0 1px 20px;
	margin: 0 0 16px 0;
}
.dotted h4{
	margin-left: -18px; 
}
.news{
	padding-right: 22px;
}
.news small{
	color: #999;
	display: block;
	font-size: 11px;
}
.news small span{
	background: url("../i/bullets.png") no-repeat 3px -396px; 
	padding-left: 10px;
	
}
.news a:hover small{
	text-decoration: none;
}
.news p {
	color: #ccc;
}
.news p a{
	color: #c00;
	text-decoration: underline;
}
.pubs dt{
	float: left;
	margin-right: 10px;
}
.pubs{
	margin-bottom: 15px;
}
.border img{
	border: 1px solid #DFDFDF;
	padding: 2px;
}
.dotted.border {
	padding-bottom: 10px;
}
.subscribe .textInput{
	width: 107px;
	margin-bottom: 4px;
}
.leftcolumn .subscribe .textInput {
	width: 203px;
}
.footer {
	background: #fff;
	margin: auto;
	text-align: left;
	width: 960px;
	padding: 0 20px 20px 20px;
}
.footer div.clear{
	border-top: 1px solid #dfdfdf;
	padding-top: 24px;
} 
.footer .copyleft{
	float: left;
	width: 258px;
}
.footer .dotted{
	padding-left: 12px;	
}
.fmenu {
	margin-left: 258px;
	padding-right: 20px;
	padding-top: 4px;
	margin-bottom: 0;
}
.fmenu ul{
	overflow: hidden;
}
.fmenu li{
	border-left: 1px solid #ccc;
	float: left;
	font-size: 11px;
	font-weight: bold;
	margin-left: -1px;
	margin-right: 8px;
	margin-bottom: 10px;
	padding-left: 8px;
}
.fmenu li:FIRST-CHILD{
	padding-left: 9px;
	border-left-width: 0;
}
.fmenu li a{
	color: #666;
	font-weight: normal;
}
.footleft{
	position: absolute;
	width: 1px;
	height: 0;
	overflow: hidden;
}
.copyleft{
	color: #666;
	font-size: 11px;
}
.copyleft small{
	color: #ccc;
	display: block;
	font-size: 9px;
	padding-top: 10px;
}
.copyleft small a{
	color: #ccc;
	font-size: 11px;
	text-decoration: underline;
}
.copyleft small a:hover{
	text-decoration: none;
}
.bot{
	background: url("../i/bot.png") no-repeat 50% 0 #dfdfdf;
	height: 67px;
	min-width: 1000px;
}
.inner .header{
/*	margin-bottom: 11px; */
}
.inner .leftcolumn{
	background: url("../i/dot.gif") repeat-y 100% 0;
	padding-top: 8px;
}
.inner .content .centercolumn.dotted{
	margin: 0;
	padding: 7px 10px 0 20px;
	width: 692px;
	position: relative;
	left: -1px;
}
.inner .content{
	padding-top: 14px; 
}
.inner .content .centercolumn {
	color: #333;
	font-size: 14px;
	line-height: 18px;
	overflow: hidden;
}
.inner .centercolumn p, .inner .centercolumn ul, .inner .centercolumn ol, .inner .centercolumn table{
	margin-bottom: 20px;
}
.inner .centercolumn ol{
	margin-left: 35px;
}
.inner .content .centercolumn img{
	padding: 2px;
	border: 1px solid #DFDFDF;
}
.inner table td{
	border: 1px solid #ccc;
	font-size: 11px;
	padding: 3px 9px;
}
.inner table td strong{
	font-size: 12px;
}
.inner .centercolumn ul li{
	background: url("../i/li.gif") no-repeat 22px 6px;
	padding-left: 35px; 
}
.inner .centercolumn a{
	color: #c00;
	text-decoration: underline;
}
.inner .centercolumn a:hover{
	text-decoration: none;
}
.inner table.tech td, .inner table.partners td{
	border: none;
	padding: 0;
	font-size: 14px;
}
.inner .content table.tech td div, .inner .content table.partners td div.diag{
	background: url("../i/diagonal.gif") repeat 0 0;
	padding: 5px;
	float: left;
	margin: 0 20px 11px 0;
	line-height: 1px;
}
.inner .content table.tech td div img{
	border: 10px solid #fff;
	padding: 0;
	margin: 0;
}
.inner .content table.partners td div.diag img{
	border: 5px solid #fff;
	padding: 0;
	margin: 0;
}
table.partners strong.heading{
	display: block;
	color: #c00;
	font-size: 16px;
	margin-bottom: 4px;
}
.inner table.partners td p{
	font-size: 11px;
	line-height: 12px;
	color: #999;
	margin-bottom: 5px;
}
table.tech ul.list a{
	color: #333;
	text-decoration: none;
}
table.tech ul.list a:hover{
	text-decoration: underline;
}
table.tech ul.list{
	margin: 0;
	line-height: 14px;
}
table.tech strong{
	display: block;
	padding: 6px 0;
}
table.tech td.item {
	font-size: 12px;
}
table.tech td.item strong{
	display: inline;
}
table.tech td.item p{
	margin-bottom: 7px;
}
table.tech td.item p.grey {
	color: #999;
	font-size: 11px;
}
table.tech td.item ul.list a{
	color: #c00;
	text-decoration: underline;
}
table.tech td.item ul.list a:hover {
	text-decoration: none;
}
.inner .content ul.scrumbs li{
	background: url("../i/bullets.png") no-repeat 7px -594px;
	float: left;
	font-size: 11px;
	font-weight: bold;
	padding-left: 20px;
}
.inner .content ul.scrumbs li a{
	font-weight: normal;
}
.inner .content ul.scrumbs li:first-child{
	background: none;
	padding: 0;
}
.inner .content ul.groups li{
	background: url("../i/bullets.png") no-repeat 0 -696px;
	padding-left: 16px;
	margin-bottom: 15px;
}
.inner .content ul.catitems li {
	float: left;
	padding-left: 0;
	width: 220px;
	margin-right: 10px;
	font-size: 12px;
	font-weight: bold;
}
.inner .centercolumn ul.catitems li{
	background-image: none;
} 
.thumb{
	background: url("../i/diagonal.gif") repeat 0 0;
	padding: 5px;
	display: block;
	width: 110px;
	margin-bottom: 10px;
}
.thumb img, .inner .content .thumb img{
	border: 5px solid #fff;
	display: block;
	padding: 0;
	overflow: hidden;
	font-size: 12px;
	font-weight: normal;
}
.inner .content ul.group a{
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
.inner .content ul.group.catitems p a{
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
}
.inner .content ul.group.catitems p a:hover {
	text-decoration: none;
}
.inner .content ul.group.catitems a:hover{
	text-decoration: underline;
}
.inner .content ul.catitems a:hover{
	text-decoration: none;
}
.inner .content ul.catitems li p{
	color: #999;
	font-size: 11px;
	font-weight: normal;
	padding-top: 3px;
	line-height: 12px;
	margin: 0;
}
form.select, form.select fieldset {
	display: inline;
	vertical-align: bottom;
	margin-left: 1px;
}
form.select input.submit{
	background: url("../i/select.gif") no-repeat 0 0;
	border: 0;
	cursor: pointer;
	height: 19px;
	width: 15px;
}
.career{
	width: 400px;
	margin-right: 20px;
	float: left;
}
.career dd {
	font-size: 12px;
	margin-bottom: 20px;
}
.career dd ul{
	font-size: 11px;
}
.inner .content .career dd p, .inner .content .career dd ul{
	margin-bottom: 10px;
}
.inner .content ul.clist {
	color: #c00;
	float: left;
	font-size: 11px;
	width: 270px;
}
.inner .content ul.clist li {
	background: none;
	padding-left: 8px;
	margin-bottom: 4px;
}
.inner .content ul.clist li span{
	border-bottom: 1px dashed #c00;
	cursor: pointer;
}
.inner .content ul.clist li.current{
	background: url("../i/bullets.png") no-repeat 0 -994px;
	color: #333;
	font-weight: bold;
}
.inner .content ul.clist li span:hover, .inner .content ul.clist li.current span{
	border: 0;
}
.inner .content ul.clist li.current span{
	cursor: text;
}
.catdesc {
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 20px;	
}
.pages li{
 	float: left;
 }
.inner .content .pages li.info{
	color: #ccc;
	font-size: 14px;
	margin-right: 0;
	padding: 0;
	background: none;
	text-align: center;
	width: 285px;
}
.inner .content .pages li.prev, .inner .content .pages li.next {
 	background: url("../i/pagesnav.png") no-repeat 0 0;
 	overflow: hidden;
 	height: 19px;
 	padding: 0;
 	width: 25px;
 }
.inner .content .pages li.prev a, .inner .content .pages li.next a{
	background: url("../i/pagesnav.png") no-repeat 0 -19px;
	display: block;
 	height: 19px;
 	overflow: hidden;
 	text-indent: -999px;
 	width: 25px;
 
}
.inner .content .pages li.next a{
	background-position: -25px -19px;
}
.inner .content .pages li.next {
 	background-position: -25px 0;
}
.inner .content .pages li{
	background: url("../i/pagesbg.png") no-repeat -99px 0;
	font-size: 11px;
	margin-right: 2px;
	padding-left: 1px;
}
.inner .content .pages li a{
	background: url("../i/pagesbg.png") no-repeat 100% 0;
	color: #fff;
	text-decoration: none;
	display: block;
	height: 18px;
	padding: 1px 6px 0 5px;
}
.inner .content .pages li.current{
 	color: #c00;
 	background: none;
 	border: 1px solid #DFDFDF;
	padding: 0 5px;
 	height: 17px;
}
.centered{
	position: relative;
	right: 50%;
	float: right;
}
.centered p{
	color: #ccc;
	font-size: 9px;
}
.centered p, .inner .content .centered ul.pages{
	position: relative;
	right:-50%;
	margin-bottom: 6px;
	text-align: center;
}
table.cert td {
	border: 0;
	padding-left: 0;
	line-height: 14px;
}
.inner table.cert td p{
	margin-bottom: 5px;
}
table.cert strong{
	display: block;
	margin-bottom: 7px;
}
table.cert small {
	color: #ccc;
	font-size: 11px;
	display: block;
	margin-top: 7px;
}
.inner ul.two li{
	margin: 0;
	padding: 0; 
	width: 340px;
	background: none;
	float: left;
	font-size: 12px;
	line-height: 13px;
}
.inner ul.two .thumb{
	float: left;
	margin: 0 10px 10px 0;
}
ul.two p{
	padding-top: 8px;
	padding-right: 10px;
}
ul.two small{
	color: #ccc;
	font-size: 9px;
}
ul.two span{
	color: #999;
	font-size: 11px;
}
ul.two p a{
	font-size: 11px;
}
.inner ul.two p {
	margin-bottom: 0;
}
.inner .content ul.projects li{
	width: 335px;
}
.prj dt{
	float: left;
	
}
.prj dd{
	float: right;
	width: 205px;
	font-weight: normal;
	line-height: 12px;
	padding-top: 10px;
}
.prj dd a{
	font-size: 11px;
}
.prj dd p{
	padding: 3px 0;
}
.prj .date{
	color: #999;
	font-size: 9px;
}
.footer{
	position: relative;
}
.footer .con {
	position: absolute;
	width: 8px;
	height: 8px;
	background: url("../i/bot.png") no-repeat -8px 0;
}
.footer .bl{
	margin-top: 20px;
	margin-left: -21px;
}
.footer .br{
	left: 100%;
	margin-left: -8px;
	margin-top: 20px;
	background-position: -1001px 0;
}

#table_with_border {border: 1px solid #ccc; border-spacing: 0px; padding: 0px}
#table_with_border td {vertical-align: middle; border: 1px solid #ccc; margin: 3px; text-align: center}
#table_with_border td>p {text-align: center; margin: 3px}
#table_with_border td>img {border: 0px; padding: 3px}

#table_without_border {border: 0px; border-spacing: 0px; padding: 0px}
#table_without_border td {vertical-align: middle; border: 0px; margin: 3px; text-align: center}
#table_without_border td>p {text-align: center; margin: 3px}
#table_without_border td>img td>p>img {border: 0px; padding: 3px}