@charset "UTF-8";
/* CSS Document */

/* PRINT & EMAIL DIVS */
#printmsg {
	display: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	color:#333333;
	padding: 5px;
	margin-bottom: -20px;
}

#printtitle {
	display: none;
	font-family:Arial,Helvetica,sans-serif;
	font-size:26px;
	font-weight:bold;
	margin-bottom:-20px;
	padding:0 0 0 28px;
}

#printreturn {
	display: none;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	padding:30px 0 0 28px;
	text-align: center;
	width: 630px;
}

#overlay {
	background-color:#000000;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:9000;
}

#sendpageform {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9001;
}

#sendpageform p {
	background:#F7F7F7;
	font-size:16px;
	font-weight:bold;
	margin:0 0 10px;
	padding:10px;
}

#sendpageform form {
	background:#FFFFFF;
	border:2px double #CCCCCC;
	display:block;
	margin:auto;
	padding:15px;
	height:280px;
	width:400px;
}

#sendpageform label {
	float:left;
	margin-bottom:10px;
	margin-right:10px;
	line-height:22px;
	text-align:right;
	width:160px;
	font-size: 12px;
}

#sendpageform input {
	margin-bottom:10px;
	width:195px;
	border:1px solid #CCCCCC;
	padding: 3px;
}

#sendpageform input.button {
	width:80px;
	float: right; 
	margin: 10px 0px 0px 10px;
}
#sendpageform textarea {
	border:1px solid #CCCCCC;
	height:80px;
	margin-top:-2px;
	width:373px;
}

.checker {
float: right;
padding: 4px;
}

#successmsg {
float: left;
padding-top: 13px;
font-size: 14px; 
font-weight: bold; 
color: green;
}

/* Main Styles */

#container {
	background-image: url(/img/body/container_bg.gif);
	background-repeat: no-repeat;
	margin: 0px auto;
	width: 900px;
	padding: 0 9px;
	min-height:490px;
	/* IE6 min-height hack */
  	height:auto !important;
  	height:490px;
	position: relative;
}
#greenmenu {
	background-image: url(/img/body/topmenu_background.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 33px;
	width: 900px;
}
#greenmenu ul{
	float: right;
	font-size:11px;
	color: #ffffff;
	list-style: none;
	margin: 0;
	width:350px;
	height:33px;
	padding:0px;
	/* background-image:url(/img/body/searchbar.png); */
	background-repeat: no-repeat;
	background-position: right top;
}
#greenmenu li{
	float:left;
	margin: 10px 0 0 0;
	background-image: url(/img/body/secondmenu_sep.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 8px;
	height: 16px;
}

#greenmenu li a, #greenmenu li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#greenmenu li a:hover {
	text-decoration: underline;
}

#greenmenu form {
margin: 0;
padding: 0;
}

#greenmenu #search {
	display:block;
	height: 29px;
	width: 140px;
}

#greenmenu #search .searchsubmit {
	float: left; 
	margin-left: 4px;
	border: 0;
}
#greenmenu #search .searchfield {
	font-size:12px;
	margin-left: 0px;
	line-height: 15px;
	height: 15px;
	width: 100px;
	background: url(/img/body/topmenu_srchfld.gif) right no-repeat;
	border: 0;
	padding:4px;
}


/* HOMEPAGE SPECIFIC STYLES */
#homebanner {
	background-color: #FFFFFFF;
	display: block;
	position: relative;
	top: 40px;
}
#homebanner #clearcopy{
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 1000;
}
#homebanner #bannerimg{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1500;
	background:#FFFFFF url(/img/body/frontpage_banner.jpg);
	display: block;
	width: 900px;
	height: 275px;
}

#homebanner #carboncounter{
	position: absolute;
	top: 32px;
	left: 319px;
	z-index: 2000;
	display: block;
	width: 263px;
	height: 263px;
	cursor:pointer;
}

/* HOMEPAGE NEWS BOXES */

#boxes {
	background:transparent url(/img/body/home/boxes_bg.gif) no-repeat scroll 0 0;
	display:block;
	height:190px;
	padding:8px;
	position:absolute;
	top:325px;
	width:884px;
}

#WorkWithUs, #WhatsNew, #FeaturedProject {
	display: block;
	float:left;
	width: 270px;
	height: 128px;
	padding: 48px 10px 10px 10px;
	overflow: hidden;
}

 #FeaturedProject {
 	padding-top: 44px;
 }

#WorkWithUs {
	/* background: url(/img/body/home/WorkWithUs.gif) top left no-repeat; */
	margin-right: 6px;
}

#WhatsNew {
	background: url(/img/body/home/WhatsNew.gif) top left no-repeat;
	margin-right: 6px;
}

#FeaturedProject {
	background: url(/img/body/home/FeaturedProject.gif) top left no-repeat;
}

#FeaturedProject img {
width: 50px;
height: 32px;
float: right;
margin: 0px 0px 3px 3px;
}

a.copy {
	text-decoration:none;
}

a.copy span.h1 {
	color:#666666;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:5px 0;
}

a.copy span {
	font-size: 11px;
	text-decoration: none;
	color: #666666;
	margin: 0;
	line-height: 16px;
}

a.copy span.fakelink {
	color: #1EAF53
}

a.copy span.fakelink:hover {
	text-decoration: underline;
}

#footer {
	background-image: url(/img/footer/footer_background.gif);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0px;
	float: left;
	height: 50px;
	width: 900px;
}
#footer .text {
	display:block;
	float:left;
	font-size:12px;
	height:50px;
	line-height:50px;
	padding-left:10px;
	padding-right:10px;
	width:auto;
	color:#F5F5F5;
}

#footer .text a, #footer .text a:visited {
	color: #F5F5F5;
	text-decoration:none;
}

#footer .text a:hover {
	color: #F5F5F5;
	text-decoration:underline;
}

#footer .text .active {
	font-weight: bold;
	color: #FFFFFF;
}

#subfooter {
	float:left;
	height:50px;
	margin:2px 0 0;
	padding:0;
	position:absolute;
	top:590px;
	width:900px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight: normal;
}

#subfooter .text {
	color:#999999;
	float:right;
	height:30px;
	line-height:50px;
	margin-right:5px;
}

#subfooter img {
	float: right;
	border: none;
}

#subfooter a.webmail, #subfooter a.webmail:visited {
	float: left;
	width: 200px;
	padding: 0 0 20px 20px;
	line-height:12px;
	background:url(/img/body/home/mail_icon.gif) no-repeat top left;
	opacity: 0.3;
	filter:alpha(opacity='30');
}

#subfooter a.webmail:hover {
	opacity: 0.8;
	filter:alpha(opacity='80');
}

#subfooter a.td {
	position: absolute;
	left: 400px;
	color: #CCC;
}

#subfooter a.td:hover {
	color:#9A9A9A;
	text-decoration: underline;	
}

/* Section pages - basic layout */
#pagebanner {
height: 175px;
margin-top: 8px;
}

#pagenobanner {
height: 35px;
margin-top: 8px;
padding-left: 15px;
}

#sidemenu, #copywrapper, #toolbox {
float: left;
}

#sidemenu {
width: 225px;
padding-left: 15px;
padding-bottom: 75px;
min-height:150px;
/* IE6 min-height hack */
height:auto !important;
height:150px;
background:url(/img/body/subpage_sidemenu_bg.gif) no-repeat bottom left;
}

#sidemenu ul {
margin: 0;
padding: 10px;
width: 185px;
}

#sidemenu li {
color:#38567F;
line-height:16px;
list-style-type:none;
margin-bottom:3px;
padding:0;
font-size: 12px;
}

#sidemenu li.active {
background:#e8eded url(/img/body/bullet_on.gif) 6px 10px no-repeat;
padding:4px 4px 4px 14px;
font-weight: bold;
border:1px solid #CAD0CD;
}

#sidemenu li.separator {
background-image:none;
line-height:1px;
list-style-type:none;
height: 1px;
border-top: 1px dotted green;
padding:0;
margin: 4px 0px;
}

#sidemenu li a, #sidemenu li a:visited {
background:url(/img/body/bullet_off.gif) 6px 10px no-repeat;
color: #575757;
display: block;
text-decoration:none;
padding:4px 4px 5px 14px;
}

#sidemenu li a:hover {
background:#e8eded url(/img/body/bullet_on.gif) 6px 10px no-repeat;
color: #38567f;
/*text-decoration:underline;*/
}

#copywrapper {
margin: 10px 0;
width: 630px;
}

#copywrapperfull {
margin: 0px 0 25px 15px;
background:url(/img/body/copywrapperfull_shadow.gif) repeat-y;
width: 870px;
padding: 0px 15px 0px 0px;
}

#copymain {
min-height:250px;
/* IE6 min-height hack */
height:auto !important;
height:250px;
border-top: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
padding: 20px 20px 0px 20px;
font-size: 12px;
}

#copymain p, #careersmain p {
padding: 5px 0;
margin: 0;
color: #575757;
line-height: 20px;
}

#copymain p img {
border: 1px solid #999999;
}

#careersmain p.intro {
padding: 0px 20px 20px 20px; 
}

#copymain h1, #careersmain h1 {
color: #38567f;
font-size: 14px;
line-height: 26px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:normal;
padding-bottom: 10px;
margin: 0px 0px 10px 0px;
border-bottom: 1px dashed #d8d8d8;
}

#copymain h2 {
color: #373737;
font-size: 14px;
font-weight:normal;
margin: 15px 0px 5px 0px;
}

#copymain a, #copymain a:visited {
color: #1a447e;
text-decoration:underline;
}

#copymain a:hover {
color: #38567f;
text-decoration:none;
}

#copymain ul {
line-height:18px;
margin:0;
padding:0 10px;
}

#copymain ul li {
background:transparent url(/img/body/bullet_off.gif) no-repeat scroll 6px 8px;
list-style-image:none;
list-style-position:inside;
list-style-type:none;
padding:2px 15px;
}

#fleft {
height: 30px;
border-bottom: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
}

#fright {
background: url(/img/body/subpage_pagefold.gif) no-repeat;
width: 31px;
height: 31px;
float: right;
}


/* PDF, Printer, Email toolbox */
#toolbox {
margin-top: 10px;
height: 118px;
width: 30px;
background:url(/img/body/toolbox/toolbox_bg.gif) no-repeat top;
}

#toolbox a {
display: block;
height: 39px;
text-decoration:none;
outline:none;
}

#toolbox a.pdf {
background: url(/img/body/toolbox/pdf_off.gif) 4px 8px no-repeat;
}

#toolbox a.pdf:hover {
background: url(/img/body/toolbox/pdf_on.gif) 4px 8px no-repeat;
}

#toolbox a.print {
background: url(/img/body/toolbox/print_off.gif) 1px 6px no-repeat;
}  
#toolbox a.print:hover {
background: url(/img/body/toolbox/print_on.gif) 1px 6px no-repeat;
}

#toolbox a.email {
background: url(/img/body/toolbox/email_off.gif) 4px 10px no-repeat;
}  
#toolbox a.email:hover {
background: url(/img/body/toolbox/email_on.gif) 4px 10px no-repeat;
}

/* brochures */
#bleft {
float: left;
width: 435px;
background:url(/img/body/brochures/column_bg.gif) repeat-y;
padding: 10px 0px;
}
#bright {
float: left;
display: block;
width: 435px;
background:url(/img/body/brochures/column_bg.gif) repeat-y;
padding: 10px 0px;
}

.imgbox {
float: left;
width: 205px;
height:145px;
overflow:hidden;
position: relative;
background:url(/img/body/brochures/imgbox_bg.gif) bottom no-repeat;
}



#bleft p, #bright p {
float: left;
width: 205px;
height:160px;
overflow: hidden;
border-bottom: 1px dashed #cbcece;
padding: 2px 10px 10px 10px;
font-size:11px;
line-height: 16px;
margin: 0;
color: #858585;
}

#bleft h1, #bright h1 {
float: left;
width: 205px;
height:19px;
overflow: hidden;
padding: 7px 10px 0px 10px;
font-size:13px;
font-weight:normal;
color: #000000;
margin: 0;
}

.pdflink {
display:block;
position: absolute;
z-index:200;
width: 64px;
height: 77px;
top: 56px;
left: 120px;
}

.theimg {
display: block;
position: absolute;
z-index:199;
width: 183px;
height: 118px;
overflow: hidden;
top: 13px;
left: 10px;
border: 1px solid #DEE6EB; 
opacity:0.3;
filter:alpha(opacity='30');
}

img.new {
display: block;
position: absolute;
width: 48px;
height: 48px;
top: 0px;
left: 0px;
z-index: 2000;
}

a.thelink, a.thelink:visited {
background: url(/img/body/pdficon.gif) 6px 9px no-repeat;
color: #000000;
display:block;
font-family:Verdana;
font-size:9px;
height:66px;
left:127px;
line-height: 16.5px;
overflow:hidden;
padding:6px 0 0;
position:absolute;
text-align:center;
top:62px;
width:48px;
z-index:201;
opacity: .7;
filter:alpha(opacity='70');
text-decoration:none;
}

a.thelink:hover {
opacity: 1;
filter:alpha(opacity='100');
text-decoration:none;
}

/* Contact Us */
#ctcLeft {
float:left;
height:250px;
padding:20px;
width:410px;
}

#ctcLeft H1 {
color: #38567f;
font-size: 15px;
padding: 0px 0px 9px 3px;
border-bottom: 1px solid #acb8be;
}
#ctcLeft p.half {
padding: 3px 3px 10px 3px;
margin: 5px 0;
color: #575757;
float: left;
width: 195px;
line-height: 16px;
}
#ctcLeft p.full {
clear: both;
padding: 3px;
margin: 5px 0;
color: #575757;
}


#ctcLeft a, #ctcLeft a:visited {
color: #1a447e;
text-decoration: none;
}

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



#ctcLeft div.hr {
height: 1px;
margin:15px 0 10px;
background: #e6ebeb;
font-size: 0;
}

#ctcRight {
float:left;
height:240px;
padding:25px;
width:400px;
}

#ctcRight {
background:transparent url(/Contact_Us/img/mapframe.gif) no-repeat 10px 10px;
}

#ctcMap {
display: block;
width: 380px;
height: 240px;
background:#FFFFCC;
}

/* Project Showcase */
.ppcontent {
background-image: url(/Project_Showcase/img/Project_Showcase_banner.jpg);
background-position: 0px 0px;
background-repeat:no-repeat;
width: 900px;
}

#ppLeft {
background:#D8E2E7;
border-bottom:1px solid #C3CCC8;
border-top:1px solid #FFFFFF;
color:#2C476B;
float:left;
font-size:14px;
font-style:italic;
height:150px;
line-height:22px;
margin-left:15px;
margin-top:35px;
opacity:0.85;
filter:alpha(opacity='85');
padding:15px;
width:215px;
}


#ppRight {
float:left;
height:30px;
margin-top:187px;
width:640px;
}

#ppRight ul {
margin:0;
padding: 0;
height: 30px;
}

#ppRight li {
list-style: none;
float: left;
}

#ppRight li.sepleft {
border-bottom:1px solid #C3CCC8;
border-right:1px solid #C3CCC8;
height:23px;
width:20px;
padding: 3px;
}

#ppRight li.active {
background-color:#EEF2F2;
border-top:1px solid #C3CCC8;
color:#38567F;
font-size:14px;
height:15px;
padding:7px;
width:200px;
}

#ppRight li a,#ppRight li a:visited {
background-color:#FFFFFF;
border-top:1px solid #e1e5e3;
border-bottom:1px solid #C3CCC8;
color:#a8b5c7;
font-size:14px;
height:14px;
padding:7px;
width:200px;
float: left;
text-decoration:none;
}

#ppRight li a:hover {
background-color: #F1F1F1;
color: #8698b1;
}

#ppRight li.sepright {
border-bottom:1px solid #C3CCC8;
border-left:1px solid #e1e5e3;
height:23px;
width:164px;
padding: 3px;
}
#ppRight li.sepmid {
background-color:#C3CCC8;
padding:0;
width:1px;
height: 30px;
border: none;
}

#ppMain {
width: 885px;
padding: 0;
margin: 0px 0px 15px 15px;
clear: both;
background: #EEF2F2 url(/img/body/project_showcase/ppMain_bg.gif) repeat-y right;
border-left:1px solid #C3CCC8;
}

.ppImgbox {
float: left;
width: 243px;
height:152px;
overflow:hidden;
position: relative;
background: #dee6eb url(/img/body/project_showcase/ppImgbox_bg.jpg) no-repeat bottom;
padding: 20px 0px 0px;
}

.ppPdflink {
display:block;
height:77px;
left:150px;
position:absolute;
top:84px;
width:64px;
z-index:200;
}

.ppTheimg {
display:block;
height:130px;
left:22px;
overflow:hidden;
position:absolute;
top:31px;
width:195px;
z-index:199;
}

a.ppThelink, a.ppThelink:visited {
background: url(/img/body/pdficon.gif) 6px 9px no-repeat;
color: #000000;
display:block;
font-family:Verdana;
font-size:9px;
height:66px;
left:157px;
line-height: 16.5px;
overflow:hidden;
padding:6px 0 0;
position:absolute;
text-align:center;
top:90px;
width:48px;
z-index:201;
opacity: .7;
filter:alpha(opacity='70');
text-decoration:none;
}

a.ppThelink:hover {
opacity: 1;
filter:alpha(opacity='100');
text-decoration:none;
}

#ppMain .clearer{
clear: both;
height: 20px;
} 

#ppMain table {
float:left;
margin:0 0 0 15px;
padding:0;
width:590px;
opacity: .7;
filter:alpha(opacity='70');
}

#ppMain table tr {
background-color: #FFFFFF;
}

#ppMain table td {
font-family:Verdana;
color: #666666;
font-size:10px;
padding:5px 10px;
width:290px;
}

#ppMain table td.toprow {
border-bottom: 1px solid #dee6eb;
}

#ppMain table td strong {
font-weight: normal;
color: #000000;
}

#ppMain p {
color:#858585;
float:left;
font-size:12px;
line-height:16px;
margin:0;
overflow:hidden;
padding:2px 10px 10px 15px;
width:580px;
}

#ppMain h1 {
border-bottom:2px solid #FFFFFF;
color:#000000;
float:left;
font-size:13px;
font-weight:normal;
height:19px;
margin:15px 0 5px 15px;
overflow:hidden;
padding:10px 0 2px 0px;
width:500px;
}

#ppMain .maplink {
border-bottom:2px solid #FFFFFF;
color:#C3CCC8;
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:9px;
height:19px;
line-height:26px;
margin:15px 0 5px 0;
padding:10px 2px 2px 0;
} 

#ppMain .maplink a, #ppMain .maplink a:visited {
color:#C3CCC8;
text-decoration: none;
} 

#ppMain .maplink a:hover {
color:#a6b0ab;
text-decoration: underline;
} 

#ppMain .flag {
background-color:#FFFFFF;
float:left;
height:19px;
margin-top:24px;
padding:0 3px 5px;
} 

#ppMain .flag a, #ppMain .flag a:visited {
opacity: .7;
filter:alpha(opacity='70');
} 

#ppMain .flag a:hover {
opacity: 1;
filter:alpha(opacity='100');
} 

#ppLastrow {
clear: both;
display: block;
height: 25px;
border-bottom:1px solid #C3CCC8;
width: 870px;
}

/* --- CAREERS PAGE --- */
#careersmain {
min-height:250px;
/* IE6 min-height hack */
height:auto !important;
height:250px;
border: 1px solid #e5e5e5;
font-size: 12px;
margin-bottom: 15px;
}

#careersmain h1 {
padding: 20px;
border-bottom: none;
}

#careersmain .navbar {
background-color:#EEF2F2;
display:block;
height:12px;
padding:10px 20px;
}

#careersmain .navbar .results {
width: 250px;
display: block;
}

#careersmain .navbar .pages {
float:right;
height:22px;
margin-top:-5px;
}

#careersmain .navbar .pages a.back {
background:transparent url(/img/body/careers/back_16x16.png) no-repeat 0 4px;
display:block;
float:left;
height:22px;
text-decoration:none;
width:16px;
}

#careersmain .navbar .pages div {
float: left;
margin: 3px 5px;
height: 16px;
padding: 0px 5px;
border-left: 1px solid #b0b8bd;
border-right: 1px solid #b0b8bd;
}

#careersmain .navbar .pages div a, #careersmain .navbar .pages div a:visited {
color: #63980f;
text-decoration:underline;
display: block;
float: left;
margin:-3px 1px;
padding:4px 3px;
}

#careersmain .navbar .pages div a:hover {
background-color:#77B80E;
}

#careersmain .navbar .pages div strong {
background-color:#77B80E;
color:#FFFFFF;
float:left;
margin:-3px 1px;
padding:4px 3px;
text-decoration:underline;
}

#careersmain .navbar .pages a.forw {
background:url(/img/body/careers/forw_16x16.png) no-repeat 0 4px;
display:block;
float:left;
height:22px;
text-decoration:none;
width:16px;
}

#careersmain .job {
display: block;
padding: 20px 20px 10px 20px;
background-color: #f6f8f8;
color: #575757;
}

#careersmain .job a,#careersmain .job a:visited {
color: #38567f;
text-decoration:underline;
}

#careersmain .job a:hover {
text-decoration:none;
}

#careersmain .job h1 {
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
font-style:normal;
margin-bottom:5px;
padding:0;
}

#careersmain .job .date {
float: right;
}

#careersmain .job p {
color:#777777;
line-height:18px;
margin-bottom:10px;
}

#careersmain .job a.full, #careersmain .job a.full:visited {
background:transparent url(/img/body/careers/button.gif) no-repeat;
border:1px solid #D9DFE1;
padding:4px 12px 4px 20px;
text-decoration:none;
}

#careersmain .job a.full:hover {
text-decoration: underline;
}

#careersmain .job_sep {
display: block;
height: 25px;
background:#f6f8f8 url(/img/body/careers/job_sep.gif) no-repeat top left;
}

#crumbs {
font-size: 10px;
color: #000000;
height: 14px;
}

#crumbs a, #crumbs a:visited {
color: #999999;
font-style: italic;
text-decoration: none;
}

#crumbs a:hover {
color: #444444;
text-decoration: underline;
}

#careersmain .job input:focus {
background-color:#E8F2FF;
}
#careersmain .job input {
border:1px solid #CCCCCC;
display:block;
float:left;
font-size:12px;
height:14px;
line-height:14px;
padding:3px;
width:180px;
}

#careersmain .job  label {
color:#222222;
display:block;
float:left;
font-size:11px;
height:16px;
line-height:16px;
padding:3px;
text-align:right;
width:75px;
}

#jobintro {
padding: 20px;
}

#jobintro a,#jobintro a:visited {
background:transparent url(/img/body/careers/Apply_Button.gif) no-repeat right top;
color:#619212;
float:right;
font-size:15px;
margin:-20px -20px 0 0;
padding:12px 45px 22px 30px;
text-decoration:none;
width:190px;
}

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

#jobintro h1 {
color:#38567F;
font-family:Arial,Helvetica,sans-serif;
font-size:18px;
font-style:normal;
margin:-5px 0;
padding:0;
text-decoration:underline;
}

#jobintro p {
line-height: 18px;
color: #575757;
}

submit input {
color:#26527A;
height:auto;
}
.submit input, .submit input:focus, .button, .button:focus {
background:transparent url(/img/body/careers/fade-butt.png) repeat 0 0;
border-color:#CCCCCC #999999 #999999 #CCCCCC;
border-style:double;
border-width:3px;
color:#333333;
font-size:11px;
padding:5px;
}

.super {
font-size:10px;
line-height:4px;
padding-bottom:10px;
vertical-align:super;
}