body {
	background:url(/images/shadow.png) center center repeat-y;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	font-weight:normal; 
	color:#6d6d6d;
	line-height:22px;}

a:link,
a:visited {font-size:100%; text-decoration:none; color:#08c;}
a:hover {text-decoration:underline;}

h1 {font-size:174%;}
h2 {font-size:167%;}
h3 {font-size:146.5%;}
h4 {font-size:116%;}
h5 {font-size:108%;}
h6 {font-size:93%;font-weight:normal;}

h1,h2,h3,h4,h5 {
	color:#902929;
	font-family: 'Quattrocento', arial, sans-serif;
}

nav {margin-bottom:10px; background:#033572; font:normal 100% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Times, sans-serif;}

.ie nav {margin-bottom:10px; background:#033572; font:normal 100% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;}

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	nav {font-size:93%;}
}

header {margin:0; padding:0; height:113px; background:#033572;}

header #rightHeader {float:right;}

header .logo {padding:10px 0 0 15px;}

header .logo2 {padding-left:200px;}

header .social-icons {float:right;}

header #search {padding-right:15px; padding-top: 60px;}

header input.searchBox {height:20px;}

header ul {list-style:none; padding:10px 15px 0 0;}

header ul li {display:inline; padding-left:3px;}


#content {
	padding: 0 0 50px 15px;	
}


#innerpage-title {		
	height:66px;
	background:#dfeefb;
    margin-top: -10px;
	padding: 0 20px 0 10px;
}

#innerpage-title h1 { 
	margin:0;
	padding-top:12px; 
	font-size:197%; 	
	font-weight:normal; 
	color:#003b68; 
	float:left; }
	
#innerpage-title span { 
	float:right; 
	padding-top:15px; 
	font-size: 123.1%;
	font-weight:normal; 
	color:#003b68; }


#main h1 {padding:20px 0;}


#main p {
	font-size: 108%;
	line-height: 146.5%;	
	color: #6d6d6d;
	padding-bottom: 20px;
}

/* ==== (c) Breadcrumb ===================== */

#breadcrumb {
	margin-top:12px;
	margin-left: 10px;
	margin-bottom: 20px;
	font-size:12px; 	
	color:#6d6d6d; }
	
#breadcrumb a {
	text-decoration:none; 
	color:#a8a8a8; 	
	margin-right:3px;}
	
#breadcrumb a:hover {
	text-decoration:underline;
	color:#6d6d6d;}
	
#breadcrumb span {
	color:#a8a8a8; 
	font-weight:bold;
	margin-right:3px;}
	
/* ==== end Breadcrumb ===================== */	

#highlights h2,
#events h2,
#news h2,
#pubs h2 {	
	margin: 15px 0 10px;
	color: #902929;
}

#highlights article,
#events article,
#news article,
#pubs article {
	clear: both; 	
}


#highlights h4 {
	margin-bottom: 7px;
	color: #2b579a;	
}

#events h5, #events h6 {
	font-weight: normal;
	margin-left: 60px;
}

#news h5,
#pubs h5 {
	font-weight: normal;	
}


#highlights article {margin:0 0 20px;}

#news article {
	margin: 20px 0;
}

#events article {margin: 0 0 20px;}

#pubs article {margin: 0 0 20px;}

#highlights figure img,
#news figure img {
	margin-bottom: 20px;
}

#highlights img,
#news img,
#pubs img {
	float: left;
	margin-right: 10px;
	border: 1px solid #cecece;
	padding: 4px;
}

#highlights p {
	margin: 0;
	margin-left: 180px;
}

#highlights p,
#genome p {
	font-size: 100%;
	line-height: 131%;	
}

.dateblock {
	display: block;
	float: left;
	width: 45px;
	height: 45px;
	background: url(/images/date-icon.png) no-repeat;
	margin-right: 8px;
	text-align: center;
}

.datetop {
	color: #FFF;
	font: 13px Verdana, Arial;
	text-transform: uppercase;
	margin: 3px 0 0 0px;
}

.datebottom {
	font: bold 16px Arial, Verdana;
	margin: 2px 0 0 0px;
	color:#363636;
	line-height:24px; 
	text-align:center;
	width:45px;  
}

.time {
	color: #902929;
	font-size: 93%;
	padding-left:7px;
}

.seminarTtl {font:100%;}
.seminarAdd {font:93%;}

.series {font-size:85%; position:absolute; right:25px; padding:0; color:#9e9e9e;}

.speaker{font-size:85%; color:#902929; padding-left:60px;}
.author{font-size:85%; color:#902929;}

#genome {
	height: 145px;
	background: #383838;
	margin: 10px 0 5px;
	color: #fff;
}

#genome h1 {
	font-size: 138.5%;
	color: #ffc600;	
	font-weight: normal;
	padding: 10px 0;
}

#genome h2 a:link,
#genome h2 a:visited {
	font-size: 69%;
	color: #fff;
	text-decoration: underline;	
	padding-left: 10px;
	position: absolute;
	line-height: 69%;
}

#genome p {
	top: 0px;
	position: relative;
	color: #fff;
}

#genomespecial,
#genomepubs,
#genomelife {
	padding-left: 10px;	
}

#genomespecial figure,
#genomepubs figure,
#genomelife figure {
	padding-left: 10px;	
}

#genomespecial img,
#genomepubs img,
#genomelife img {
	float: left;
	background: #d6d6d6;
	padding: 3px;
}

#genomespecial p {
	padding: 5px 20px 0 105px;
}

#genomespecial h2 a:link,
#genomespecial h2 a:visited {
	padding-top: 2px;
}

#genomepubs h2 a:link,
#genomepubs h2 a:visited {
	font: 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-right: 25px;
}

#genomepubs span {
	font-size: 10px;
	line-height: 12px;
	position:absolute;
	bottom: 0;
	left: 90px;
	padding-right: 25px;
	
}

#genomesduke p {
	padding-left: 10px; 
	margin-top: -5px;
	width:200px;	
}

#genomesduke form {
	padding: 20px 0 0 10px;	
}

#genomelife a {color:#fff;text-decoration:underline;}

input#newsLetterHome {
	background:url(/images/login-input.jpg) repeat-x;	
	padding:0 5px 0 5px;
	margin-top:2px;
	width:150px;
	height:30px;
	line-height:30px;	
	font-size:16px;
	border:none;
}

input#q {
	background:url(/images/search-input.jpg) repeat-x;	
	padding:0 5px 0 5px;
	margin-top:2px;
	width:225px;
	height:30px;
	line-height:30px;	
	font-size:18px;
	border:none;
	color: #6d6d6d;
}

#genomelife p {
	padding: 5px 0 0 105px;	
}

ul.more {
	list-style: none;
	clear: both;
	font-size: 85%;
	text-transform: uppercase; 
	margin-left: 0;
}

ul.more li {
	float: left;
	padding-left: 0px;
	margin-right: 10px;
}

ul.more a, ul.more a:visited {
	color: #999; 
}

ul.more a:hover {
	color: #333; 
}

ul.more li.calendar {
	background: url(/images/calendar_small.png) no-repeat right center; width:110px}

ul.more li.gomore {
	background: url(/images/arrow_000_small.png) no-repeat right center; width:110px;
}

ul.more li.gomore2 {
	background: url(/images/arrow_000_small.png) no-repeat right center; width:120px;
}


ul.more li.newspaper {
	background: url(/images/application_blue.png) no-repeat right center; width:85px;}

.tooltip {
	background:transparent url(/images/tooltip_bg.png) no-repeat;
	font-size:13px;
	line-height:18px;
	height:58px;
	width:100px;
	color:#fff;
	text-align:center;
	padding-top:7px;
}
/*
END HOME PAGE
*/

/*
|--------------------------------------------------------------------------
| Single page
|--------------------------------------------------------------------------
*/
#onepage {padding: 0 0 40px 10px;}

#onepage p {padding-bottom: 20px;}

/*
|--------------------------------------------------------------------------
| Alt Right Content
|--------------------------------------------------------------------------
*/
#altContent article {margin:0 10px 40px;}

#altContent aside {background:transparent url(/images/aside_nav_bg.jpg) no-repeat;}

#altContent aside ul {list-style: none; padding-top:8px;}

#altContent aside ul li {padding-bottom: 15px;}

#altContent h3 {padding-top:20px;}

#altContent p {padding: 0 0 15px 0;}

/*
|--------------------------------------------------------------------------
| Right Content
|--------------------------------------------------------------------------
*/

#rContent {padding: 0 15px 40px 10px;} 
#lContent {padding: 0 25px 40px 10px;}

#rContent h1, h2, h3 {padding-bottom: 15px;}

#rContent .mastImg img,
#altContent .mastImg img {
	border:solid 1px #e1e1e1; 
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	padding:5px;		
}

#rContent .mastImg.left,
#altContent .mastImg.left {padding-right:20px;}
#rContent .mastImg.right,
#altContent .mastImg.right {padding-left:20px;}

#rContent p,
#lContent p {padding: 0 0 15px 0;}

#rContent ul,
#lContent ul {padding: 0 0 15px 0px;}

#rContent ol {padding-bottom:15px;}

#rContent ol li {padding-bottom: 10px;}

#rContent figure {
	border:solid 1px #ccc; 
	padding: 8px 8px 10px 8px; 
	background-color: #f1f7fd;
	margin-bottom: 5px;
}

#rContent figure.right {float:right; margin-left:25px; display: inline;} 
#rContent figure.left {float:left; margin-right:25px; display: inline;} 

#rContent figure img {border:solid 1px #999; }

#rContent figure figcaption {font-style:italic; text-align: center; font-size:93%;}

#rContent table {margin-bottom:30px;}

#meetTeam {}

#meetTeam img {margin-right:15px;}

#meetTeam article {float: right; margin-bottom:40px;}

#meetTeam h4 {
	background:#033572; 
	color: #fff; 
	text-transform:uppercase;
	font: 108% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
	line-height: 216%;
	width:407px;
	float: left;
	padding-left:10px; 
}

#meetTeam p {padding:10px 0 0 10px; width:407px; float:left;}

#meetTeam span {font-size:85%; color:#00ceff;} 

#meetTeam2 {}

#meetTeam2 img {position: relative; margin-right:15px; z-index:2;}

#meetTeam2 article {width:645px; margin-bottom:40px;}

#meetTeam2 h4 {
	background:#033572; 
	color: #fff; 
	text-transform:uppercase;
	font: 108% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
	line-height:216%;
	padding-left:10px;
	margin-left:160px;
}

#meetTeam2 p {padding:10px 0 0 0; position:relative; left:5px;}

#meetTeam2 span {font-size:85%; color:#00ceff;} 


/*End tableStyle_1 EXAMPLE: SCHEDULES */

table.tableStyle_1 {width: 645px;}

table.tableStyle_1 thead th {
	background: #ccc url(/css/datatable/images/ui-bg_highlight-soft_75_cccccc_1x100.png) repeat-x 50% 50%;
	border:solid 1px #aaa;
	height: 33px;
	color: #555;
	font-weight: bold;
	padding: 0px 7px;
	line-height: 2em;
	vertical-align: middle;
	text-align: left;
}

table.tableStyle_1 tbody tr {background: #f0f8fb;}

table.tableStyle_1 tbody tr.odd {background: #dfeefb;}

table.tableStyle_1 tbody th, 
table.tableStyle_1 tbody td {padding: 10px 7px;}

table.tableStyle_1 tbody tr:hover td, 
table.tableStyle_1 tr:hover td a,
table.tableStyle_1 tr.odd:hover td, 
table.tableStyle_1 tr.odd:hover td a {
	background: #fbea9f;
}


table.tableStyle_1 tr:hover td a,
table.tableStyle_1 tr.odd:hover td a {text-decoration: underline;}


table.tableStyle_1 tfoot th, 
table.tableStyle_1 tfoot td {
	background: #cecece url(/css/datatable/images/ui-bg_highlight-soft_75_cccccc_1x100.png) repeat-x 50% 50%; 
	height: 33px;
	border:solid 1px #aaa;
}
/*End tableStyle_1 */

/*tableStyle_2 Table  EXAMPLE: PROTEOMICS PRICING*/

table.tableStyle_2 {width:100%;}

table.tableStyle_2 td {padding: 5px 0;}

table.tableStyle_2 td.desc {width:83%; padding-left:2%;}
table.tableStyle_2 td.price {width:13%; text-align:right; padding-right:2%;}

table.tableStyle_2 tr:hover td {background: #fbea9f;}

/*End tableStyle_2 Table */

/*tableStyle_3 Table Bordered EXAMPLE: PROTEOMICS NANOSCALE*/

table.tableStyle_3 tr,
table.tableStyle_3 td {border: 1px solid #999;}

table.tableStyle_3 td {padding: 0 5px;}

/*End tableStyle_3 Table */

/*tableStyle_4 Table  EXAMPLE: MICROARRAY PRICING*/

table.tableStyle_4 {width:100%; font-size:85%;}

table.tableStyle_4 thead {background: #d2e3f6;}

table.tableStyle_4 th {border: 1px solid #ccc; text-align:left; vertical-align:middle; padding: 0 5px;}

table.tableStyle_4 tr {border: 1px solid #ccc;}

table.tableStyle_4 tbody tr.odd {background: #f2f2f2;}

table.tableStyle_4 td {padding: 5px; border: 1px solid #ccc;}

table.tableStyle_4 tr:hover td {background: #fbea9f;}

/*End tableStyle_4 Table */

/* Schedule Table EXAMPLE: SYSBIO SYMPOSIUM*/
#schedule {margin: 0;}

.schedule-container {text-align: left;}

#schedule-content {margin: 0; padding: 0;}

.schedule-content table {width: 100%;}

.schedule-content tr {width: 100%;}

.schedule-content caption {
	background: transparent;
	border-bottom: 1px solid #E1DFDD;
	font-family: Georgia,serif;
	font-size: 131%;
	line-height: 1;
	color: #4E443C;
	margin: 0;
	padding: 1em 0;
	text-align: left;
}

.schedule-content caption span {
	color: #695D54;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.schedule-content table p {margin: 0;}

.schedule-content td {border-bottom: 1px solid #E1DFDD;}

.schedule-content td.span-2 {color: #BB2D3F;}

.schedule-content td.span-2 {width: 115px;}
.schedule-content td.span-6 {width: 150px;}
.schedule-content td.span-7 {width: 250px;}
.schedule-content td.span-13 { width: 500px;}

.schedule-content td.span-2,
.schedule-content td.span-6,
.schedule-content td.span-7 {text-align: left; padding: 10px 20px;}

/* End Schedule Table */

.pullquote-left {
	width: 200px;
	font: 138.5% Georgia, Arial, Verdana, Helvetica, sans-serif;
	color: #5f5f5f;
	border-top: 5px solid #9F9F9F;
	border-bottom: 5px solid #9F9F9F;
	line-height: 1.5em;
	float: left;
	margin: 10px 20px 10px 0px;
	padding: 15px 10px 15px 20px;
	text-align: left;
}

.mastNav {font-size: 108%; padding: 10px 0 30px;}	


/* ========================================================== 
	 Photos of Contact Lab Members
============================================================ */

#group {margin-top: 30px;}

#group .groupset,
#group .groupset2,
#group .groupset3 {padding:20px 0 0 15px;}

.groupset p,
.groupset2 p,
.groupset2 p {font-size:93%;line-height:167%; width:170px;}

.groupset .group_desc {height: 130px;}
.groupset2 .group_desc {height: 170px;}
.groupset3 .group_desc {height: 100px;}
/*
|--------------------------------------------------------------------------
| Research & Tech Index Pages
|--------------------------------------------------------------------------
*/
#top-block {
	background: #033572;
	color: #fff;
	margin-bottom: 15px;
}

#top-block img {
	margin-bottom: -3px;
}

#top-block h1 {
	padding-top: 15px;	
	color: #fff;
}

#top-block p {
	font-size: 108%;	
	padding: 10px;
	line-height: 138.5%;
}

#area-block1 figure,
#area-block2 figure, 
#area-block3 figure {
	background: #f4f1e1;
	padding: 6px 6px 0 6px;
	width: 310px;
	height: 350px;
	margin-bottom: 15px;
}

#area-block1 figcaption,
#area-block2 figcaption, 
#area-block3 figcaption {
	position: relative;
	background: #033572;
	color: #fff;
	top: -4px;
	width: 300px; 
	height: 30px; 
	font-size: 131%;
	line-height: 182%;
	padding-left: 10px;

}

#area-block1 p,
#area-block2 p,
#area-block3 p {
	padding: 2px 10px 8px 10px;	
	font-size: 108%;
}

#area-block1 p span,
#area-block2 p span,
#area-block3 p span {
	display: block;
	font-size: 85%;
	margin-top: 5px;
}

#area-block2 {
	padding: 0 3px;
	}

/*
|--------------------------------------------------------------------------
| Research Pages & Faculty Publications
|--------------------------------------------------------------------------
*/

#resNews h3,
#resPubs h3,
#proPubs h3 {
	color: #902929;
}

#resNews h4,
#resPubs h4,
#proPubs h4 {
	font-weight: normal;
}

#resNews article,
#resPubs article,
#proPubs article {
	padding-top: 15px;	
}

#resNews article p,
#resPubs article p,
#proPubs article p {
	font-size: 100%;
	padding-bottom: 0;	
}

#resNews {margin-bottom: 20px;}
#proPubs {margin-bottom: 40px;}

#proPubs ul {padding: 7px 0;}
#proPubs li {padding-bottom: 10px;}

#research-people {
	background: #f4f1e1;
	margin-top: 20px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
}

#research-people h1 {
	font-size: 131%;
	color: #902929;
	padding-left: 10px;
	width: 180px;
}

/*Used for Susanne Haga Pharmacogenomics page*/
#research-people p, ul {padding: 7px 15px;}
#research-people ul li {padding-bottom: 5px}

.research-people-table {position: relative; left: 10px;}

.research-people-table table {
	border-collapse:collapse;
	border: 1px solid black;
	font-weight: bold;
	width: 340px;
}

.research-people-table table thead {
	font-size: 123.1%;
}

.research-people-table table tr {
	border-bottom: 1px solid black;	
}

.research-people-table table tr td {
	vertical-align: top;
	padding: 15px 5px;	
	border-right: 1px solid black;
}

.research-people-table table tr td sup {padding-right:5px;}

.people-left {
	padding-left: 23px;	
}

.people-right {
	padding-left: 20px;	
}

#research-people figure {
	height: 220px;
	width: 150px;
}	

#research-people figcaption {line-height: 108%;}

#research-people figcaption span {
	font-size: 85%;	
	display: block;
	line-height: 108%;
	padding-top: 5px; 
}

/* Scrollable for Faculty researcher & Home Page Events*/
.vertical {  
	position:relative;
	overflow:hidden;		
	height: 1100px;	 
	width: 400px;
}

.verticalA {  
	position:relative;
	min-height: 345px;	/*original 345px*/ /*next even point at 434 with 5 count in news*/
	width: 260px;
	margin-top: 20px;
	overflow:hidden;
}

.verticalB{  
	position:relative;
	overflow:hidden;		
	height: 430px;	  /*original 430px*/
	width: 365px;
	margin-top: 20px;
}

.items {	
	position:absolute;
	height:20000em;	
	margin: 0px;
}

.itemsA {	
	position:absolute;
	height:20000em;	
	margin: 0px;
}

.itemsB {	
	position:absolute;
	height:20000em;	
	margin: 0px;
}

.item {padding:0 20px;}

.item img {height:140px; width:140px;}

.itemA {padding:0;}

#actionsH {width:110px; float:right; margin:-45px 0 0 0; font-size: 85%; text-transform: uppercase; }
#actionsH a {color:#999;}
#actionsH .next {position: absolute; right:20px; width: 110px;}
#actionsH .prev {position: absolute; right:110px; width: 110px;}

#actions,
#actions-top {width:120px; float:right; padding:21px 15px 0 0;} /*original padding-top:21px*/
#actions-bottom {width:340px; padding:0px 15px 10px;}

#actions a,
#actionsH a {cursor:pointer;}

#actionsH img {border:none; position:absolute; margin-top:-1px;}

#actions-top a,
#actions-bottom a {
	font-size:11px;		
	cursor:pointer;
	color:#666;
}

#actions a:hover,
#actions-top a:hover,
#actions-bottom a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {visibility:hidden; position:relative;}
 
.next {float:right;}
#actions .next {position: absolute; left: 40px; width: 100px;background: url(/images/arrow-270-small.png) no-repeat right center;}
#actions .prev {position: absolute; left: 40px; width: 100px;background: url(/images/arrow-090-small.png) no-repeat right center;}


/*
|--------------------------------------------------------------------------
| News Homepage
|--------------------------------------------------------------------------
*/

#threeCol {padding:20px 0 50px;}

#threeCol img {padding:10px 0;}

#threeCol h3 a {color:#902929;} 

#threeCol figcaption {line-height:131%;}

.threeMid {padding:0 12px 0 58px;}

#newsEds {padding-top:20px}

#newsEds section article {padding:15px 0; border-bottom:solid 1px #e5e5e5;}

#newsEds img {border:solid 1px #b0b0b0; padding:2px;}

#newsEds span a, 
#threeCol span a {display: block; color:#902929; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:77%; font-variant:small-caps; padding-bottom:5px; padding-top:2px;}	

#newsEds h3 span a {display:inline; color:#08c; font-size:14px; padding-left:10px;}
.slider h3 span a {display:inline; color:#08c; font-size:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:77%; font-variant:small-caps;}

#newsEds h5 a {font-weight:normal; font-style:italic; font-size:93%; padding-right:10px;}


/*--Begin Featured News Slider--*/


#slides_container{width:700px; height:385px; padding:20px 0 30px;}
.slider{padding:0px 0; margin-bottom:0px !important; width:100%; float:left; height:200px;}
.slider h3 {padding: 0 0 20px 10px;}
#featured{	position:relative;	height:385px; background:#e0e0e0; border:0px solid #ccc; float:left; width:700px; padding:0px; color:#727272;}
#featured ul.ui-tabs-nav{position:absolute; top:0; left:0; list-style:none; width:250px; z-index:20; margin:0px; padding:0px 19px 0px 0px;}
#featured ul.ui-tabs-nav li{padding:0; font-size:12px; color:#727272; border-bottom:0px solid #333; border-left:0px solid #f00;}
#featured ul.ui-tabs-nav li span{padding:5px; display:block; color:#727272;} /*original padding was 10 but reduced for three line titles*/
#featured ul.ui-tabs-nav li span span.t1{font-family:Georgia, "Times New Roman", Times, serif; color:#727272; font-size:11px; line-height:25px; font-weight:bold; padding:0 !important; display:list-item} /*original font-sizr was 12 but reduced for three line titles*/
#featured .ui-tabs-panel{width:450px; position:relative; overflow:hidden; height:385px; z-index:10; left: 250px;}
#featured .ui-tabs-hide{display:none;}
#featured li.ui-tabs-nav-item p{color:#727272;}

/*On Hover Style*/
#featured li.ui-tabs-nav-item a{display:block; height:76px; color:#333; outline:none; border-bottom:0px solid #e0e0e0; border-top:1px solid #e0e0e0; text-decoration:none; background: #e0e0e0 url(/press/images/news/grad-strip.jpg) repeat-x; margin:0px; padding:0px;}
#featured li.ui-tabs-nav-item a:hover{background:#fdf5e1;}
/*Selected tab style*/
#featured li.ui-tabs-selected{background-color: #3F3;}
/*Selected tab style*/
* html #featured li.ui-tabs-selected{background:url('/press/images/news/arrow.gif') top left no-repeat;}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{background: #ffda77;}
#featured .ui-tabs-panel .info{	position:absolute;	bottom:0; left:0;	height:85px; width: 450px;	background: url('/press/images/news/opacity.png');}
#featured .info h2{font-size:18px; line-height:20px; font-family:Georgia, "Times New Roman", Times, serif;	color:#fff; padding:5px 5px 0px 10px; margin:0;	overflow:hidden;}
#featured .info p{margin:0 15px 0 10px;	font-family:Verdana; font-size:11px;	line-height:15px; color:#fff;}
#featured .info a{text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif;	color:#fff;}
#featured .info a:hover{text-decoration:underline;}

/*--End Featured-->


/*
|--------------------------------------------------------------------------
| News Archives
|--------------------------------------------------------------------------
*/
#newsArchives article {padding: 0 40px 0 15px;}

#newsArchives h3 {
	width:100%;
	border-bottom:1px solid #e8e8e8; 
	padding-bottom: 2px;
}

#newsArchives h4 {
	display: block; color:#757575; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:85%; font-variant:small-caps; padding-top: 5px;}

.blog-post { 
	float:left; 
	margin:10px 0 50px 0;
}

.blog2-post-img {  
	background:url(/images/blog-thumbimg-bg.jpg) no-repeat left top; 
	padding:9px 9px 10px 9px; 
	clear:both; 
	float:left; 
	margin:10px 20px 10px 0;
}



#newsArchives article p { padding:10px 0 0 0; float:left;width: 385px; height: 150px;}
#newsArchives article p.last {margin-top: -60px; float:left;width: 385px; height: 0;}

/* ==== News Story & Op-Ed pages ===================== */
.byline {font-size:93%; margin:-5px 0 20px;}

/* ==== Pagination Simple ===================== */

ul.paging  {margin:20px 15px 100px 15px;}
ul.paging2 {margin:15px 15px 20px 5px;}

ul.paging li.older  {float:left; text-indent:-9999px;}
ul.paging2 li.older {float:left; text-indent:-9999px;}

ul.paging li.older a,
ul.paging2 li.older a {background:url(/images/older_posts.png); width:180px; display:block; height:22px;}

ul.paging li.older a:hover,
ul.paging2 li.older a:hover {background:url(/images/older_posts.png) 0 22px;}

ul.paging li.newer,
ul.paging2 li.newer {float:right; text-indent:-9999px;}

ul.paging li.newer a,
ul.paging2 li.newer a {background:url(/images/newer_posts.png); display:block; width:184px; height:22px;}

ul.paging li.newer a:hover,
ul.paging2 li.newer a:hover {background:url(/images/newer_posts.png) 0 22px;}

 
/* ==== Pagination Complex ===================== */

#pagination {margin: 20px 0 100px;}
	
#pagination ul li, #pagination li { 
	float:left; 	
	line-height:24px;
	list-style: none;
}

#pagination a {
	float:left;
	text-decoration:none; 	
	background-color:#ebebeb; 	
	border:1px solid #dadada; 	 
	text-shadow: 1px 1px 0 #fff;}
	
#pagination li a:hover {
	color:#363636; 
	border:1px solid #bebebe; 
	background-color:#dadada; }
	
#pagination .page-active {	 
	color:#FEFEFE; 
	text-decoration:none;  
	font-weight:bold; 
	background-color:#424242; 
	border:1px solid #323232; 	
	text-shadow: 1px 1px 0 #000;}
	
#pagination .page { margin:3px 10px 0 0;}

#pagination a, #pagination .page-active {
	margin:0 5px 0 0; 
	padding:0 8px 0 8px;}

#pagination .page-arrow a{font-family:arial;margin:0 5px 0 0; padding:1px 8px 3px 8px; line-height:20px; }	
	
.rounded, #pagination a, #pagination .page-active {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;}	

/*
|--------------------------------------------------------------------------
| Right Sidebar
|--------------------------------------------------------------------------
*/
#r-sidebar {background:url(/images/r-sidebar-bg.jpg) repeat-y center top;}
#r-sidebar-bottom {background:url(/images/r-sidebar-bottom.jpg) no-repeat center bottom; padding-bottom:10px; }
#r-sidebar-top {background:url(/images/r-sidebar-top.jpg) no-repeat center top; padding-top:10px; }

#l-sidebar {background:url(/images/l-sidebar-bg.jpg) repeat-y 1px top;}
#l-sidebar-bottom {background:url(/images/l-sidebar-bottom.jpg) no-repeat 1px bottom; padding-bottom:10px; }
#l-sidebar-top {background:url(/images/l-sidebar-top.jpg) no-repeat 1px top; padding-top:10px; }


#rightSidebar {} 

#rightSidebar figure {padding:15px 5px 0 20px;}

#rightSidebar figure img {border:solid 1px #b0b0b0; padding:3px;}

#rightSidebar figure figcaption {font-size:116%; float: right; display:inline; width: 200px;}

#rightSidebar figure figcaption span {display: block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:93%; font-variant:small-caps; padding: 7px 15px 10px 0;}


#rightSidebar h3 {
	background:url(/images/sideber-title-arrow.png) no-repeat left 15px;
	padding:15px 0 0 20px;
	margin:0;	
	clear:both	
}

#rightSidebar ul {	
	margin:15px 24px 10px 24px;
	padding:0;
	border-bottom:1px solid #e8e8e8;
	list-style:none;}

#rightSidebar ul li  {
	background:url(/images/list/bullet1.png) no-repeat left 12px;
	border-top:1px solid #e8e8e8;
	line-height:17px;
	padding:10px 0 9px 25px;}	

#rightSidebar ul li a { 
	display:block;
	text-decoration:none; 
	color:#6d6d6d;}

#rightSidebar ul li a:hover { color:#363636;}

#rightSidebar ul li.active a{ font-weight:bold; color:#363636}

#rightSidebar ul ul  {margin:15px 24px 0 0;}
#rightSidebar ul ul, #sidebar ul li ul li{border:none;}
#rightSidebar ul li ul li{padding:10px 0 9px 25px; border: none;}
#rightSidebar ul.subPage {margin:0 0 5px 24px;}
#rightSidebar ul.subPage li {border:none;}
/* -Recent Tweets*/

#rightSidebar .recent-tweets ul {	
	margin:15px 24px 10px 24px;
	padding:0;
	border:none;}

#rightSidebar .recent-tweets ul li  {
	background:url(/images/twitter-icon2.png) no-repeat left 3px;
	line-height:20px;
	margin-top: 8px;
	padding:6px 0 15px 50px;}	

#rightSidebar .recent-tweets ul li a { 
	display:inline;
	text-decoration:none; 
	color:#08c;}
	
#rightSidebar .recent-tweets ul li a:hover {text-decoration:underline;}	
	
#rightSidebar .twitter_date {font-size:10px;color:#a0a0a0;text-align:center;margin:0 auto;}

#rightSidebar .tweet_source {font-size:10px;}	
	
/* -Media Contact*/ 

#rightSidebar .sidebar-contact-info ul {	
	margin:15px 24px 10px 24px;	
	padding:0;
	border:none;}

#rightSidebar .sidebar-contact-info ul li  {	
	border:none;
	line-height:17px;
	margin-top: 8px;
	padding:0 0 13px 40px;}	

#rightSidebar .sidebar-contact-info ul li a { 
	text-decoration:underline; 
	color:#6d6d6d;}

#rightSidebar .sidebar-contact-info ul li a:hover{ 
	color:#363636;}

#rightSidebar .sidebar-contact-info ul li.home-icon { 
	background:url(/images/home.png) no-repeat left top;}

#rightSidebar .sidebar-contact-info ul li.phone-icon { 
	background:url(/images/phone.png) no-repeat left top;}

#rightSidebar .sidebar-contact-info ul li.mail-icon { 
	background:url(/images/mail.png) no-repeat left 4px;}
	
#rightSidebar .sidebar-contact-info ul li.lab-icon { 
	background:url(/images/labsite.png) no-repeat left top;}	
	
#rightSidebar .sidebar-contact-info ul li.note-icon { 
	background:url(/images/note.png) no-repeat left top;}	
	
#rightSidebar .sidebar-contact-info ul li.document-icon { 
	background:url(/images/document.png) no-repeat left top;}	
	
#rightSidebar .sidebar-contact-info ul li.speech-icon { 
	background:url(/images/balloon.png) no-repeat left top;}			

/* ==== Faculty Pages ===================== */
#rightSidebar .faculty-profile img {margin: 20px 0 0 20px; border:solid 1px #b0b0b0; padding:4px;}
/* For Faculty profile research interest*/
#rightSidebar ul.interests {border:0; padding-right: 10px;}

#rightSidebar ul.interests li  {
	background:url(/images/list/pencil.png) no-repeat left 1px;
	border:0;
	line-height:17px;
	margin-top: 8px;
	padding:0 0 9px 25px;}
	
#rightSidebar ul.affiliations {border:0; padding-right: 10px;}

#rightSidebar ul.affiliations li  {
	background:url(/images/list/link2.png) no-repeat left 1px;
	border:0;
	line-height:17px;
	margin-top: 8px;
	padding:0 0 9px 25px;}	

h4.facultyTitle {color: #6d6d6d; font-family:Arial, Helvetica, sans-serif; margin: -10px 0 15px;} 	

.blockquote2 {
	line-height:24px; 
	font-style:italic; 
	margin:10px 0 10px 0;
	font-size:116% ; 
	font-weight:bold;
}
	
.blockquote2 { 
	background:url(/images/open-quote.gif) no-repeat left top; 
	padding-left: 30px; 
	font-style: italic;
	padding:10px 10px 10px 50px; 	
	color:#8c8c8c; }	

/* ==== Sidebar Newsletter Signup ===================== */


#newsletter-signup { 
	padding-top:14px;
	margin:0 10px 0 24px; }

input#newsLetterEmail {
	background:url(/images/login-input.jpg) repeat-x;	
	padding:0 5px 0 5px;
	margin-top:2px;
	width:162px;
	height:30px;
	line-height:30px;	
	font-size:16px;
	border:none;}

label.overlabel2 {	
	font-size:16px;
	color:#9e9e9e;
	padding:0 0 0 7px;
	line-height:33px;
	position:absolute;	
	z-index:1;
	color:#999;}
	
#newsletter-signup p { padding:0 13px 10px 0; margin:0;}


/* ==== Directory===================== */
#directory h2 {padding-left: 10px;}

/* ========================================================== 
	 Books
============================================================ */

#books {padding: 0 0 30px 10px;}
#books img {border: 1px solid #cecece; padding: 3px;}
#books .bookset {padding:30px 0 0 15px;}

.bookset h3{font-size:85%;font-family:Arial, Helvetica, sans-serif; line-height:167%; width:160px;}
.bookset p {font-size:85%;line-height:167%; width:160px;}
.bookset .book_desc {height: 240px;}
 
/* ========================================================== 
	 Publications
============================================================ */
#publications {padding-left: 10px;}
#publications article {padding-bottom: 25px;}
#publications h4 {font-weight: normal;}


/* ========================================================== 
	 Sortable Software Folio
============================================================ */
/*full_width*/
#full_width{ width:100%; float:left; margin:30px 0; }
#full_width h3 {padding-left: 10px;}

/*splitter*/
.splitter {margin: 0 0 20px 7px; float:right; }
.mini-menu {margin:20px auto 5px; text-align: center;}
.splitter li, .mini-menu li { display:inline;}
.splitter .selected-0 a, .splitter .selected-1 a, .splitter .selected-2 a, .splitter .selected-3 a, .splitter .selected-4 a { color: #3C3C3D; border-color: #aaa; text-decoration: none; text-shadow: 1px 1px 0 #FFFFFF;  background: #f9f9f9;  }
.splitter li ul { float:right; margin-bottom:0; }
.splitter li ul li { margin-right:10px; } 

.splitter a, .mini-menu a { display: inline-block; padding: 7px 9px; font-size: 12px; line-height:1; color: #6e6e6e; text-shadow: 1px 1px 0 #FFFFFF; background: #ececec; white-space: nowrap; overflow: visible; cursor: pointer; font-size:13px; text-decoration: none; border: 1px solid #CACACA; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-background-clip: padding-box; border-radius: 2px; outline: none; position: relative; zoom: 1; *display: inline; font-family:Arial, Helvetica, sans-serif; }
.splitter a:hover, .mini-menu a:hover{ color: #3C3C3D; border-color: #aaa; text-decoration: none; text-shadow: 1px 1px 0 #FFFFFF;  background: #f9f9f9; }
.splitter a:active, .mini-menu a:active {  border-color: #aaa; background: #f9f9f9; color: #3C3C3D; text-shadow: none; }


/*image-grid*/
.foliobg {background:url(/images/folio_4col_bg.jpg) no-repeat 0 0;  width: 226px; height: 169px;}
.image-grid { margin: -20px 0 20px -90px; padding-left: 40px; clear: both;}
.image-grid:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; }
.image-grid li { width: 208px; height: 200px; margin: 20px 0 30px 47px; float: left; color: #686f74; list-style:none;}
.image-grid li a.preview { background: url(/images/zoom.png) no-repeat center center; float:left; margin-bottom:10px; }
.image-grid li img { width:208px; height:145px; padding: 9px 0 0 9px;}
.image-grid li img, .portfolio img  { }
.fade img, #works_list img{ background:#fefefe; float:left; }
.image-grid li h5 { display: block; font-weight:normal; line-height:20px; }
.image-grid li h5{padding-left:10px; }



/* ========================================================== 
  Image Hover Zoom, Play, Doc & Flash Icons
============================================================ */

.zoom-icon, .play-icon, .doc-icon, .flash-icon { background-position:50% 50%; background-repeat:no-repeat;}
.zoom-icon   { background-image:url(/images/zoom.png); }
.play-icon   { background-image:url(/images/play.png); }
.doc-icon     { background-image:url(/images/doc.png); }
.flash-icon { background-image:url(/images/flash.png); }


/* ========================================================== 
	 Used for GenomeLIFE
============================================================ */

.issue img { float:left; height:286px; width:429px; margin:5px 20px 5px 5px; padding:6px;}
.issue h1 { border:none; margin:15px;}
.last { margin-right: 0 !important;}

#views { float:right; margin:12px 0 0 0px; overflow:hidden; width:170px;}
#views p { font-size:12px; font-variant:small-caps; float:left; padding:0; }
#views a { display:block; float:left; margin:0 5px; outline:none;}

/* ------- Portfolio Gallery View ------- */

.portfolio_gallery { clear:both; margin:0; width:102%;}
.portfolio_gallery .issue { margin: 20px 0; padding-right:24px; height:220px; width:310px; position:relative; float:left; }
.portfolio_gallery .issue img { background:url(/images/folio_3col_bg.jpg) no-repeat 0 0; width:290px; height:161px; padding: 9px; }
.portfolio_gallery .wrapper { width:290px; height:200px; margin:11px 0 0 11px;  }
.portfolio_gallery .description {  width:290px; height:200px;  }
.portfolio_gallery .description h1 { margin:3px 0px; font-size:116%; }
.portfolio_gallery .description p { display:none;}
.portfolio_gallery .description ul {display: none;}
.portfolio_gallery .description .right { display:none;}

/* ------- Portfolio Full View ------- */

.portfolio_full { float:left; margin:20px 0; overflow:visible; width:100%;}
.portfolio_full .issue { background:#fff; width:100%; height:auto; margin:10px 0; float:left; display:inline; padding:0; overflow:hidden; box-shadow:0 0 5px #959595; -moz-box-shadow:0 0 5px #959595; -webkit-box-shadow:0 0 5px #959595; filter: progid:DXImageTransform.Microsoft.Shadow(color='#959595', Direction=145, Strength=3); }
.portfolio_full .issue img { background:url(/images/img_full_portfolio.png) no-repeat; width:445px; height:245px; padding:6px; margin-right:10px;}
.portfolio_full .description { margin:0 15px 10px; overflow:hidden;}
.portfolio_full .description h1 { margin-left:0;}
.portfolio_full .description p { margin-bottom:10px;}
.portfolio_full .description p strong {font-weight:bold;}
.portfolio_full .description ul {margin-left:25px; list-style-type: square; height:100px;}
.portfolio_full .description ul li {line-height: 1.8em; width: 15em;}
.portfolio_full .description ul li.f {margin-top: -9em;}
.portfolio_full .description ul li.a,
.portfolio_full .description ul li.b,
.portfolio_full .description ull li.c,
.portfolio_full .description ul li.d,
.portfolio_full .description ul li.e {margin-left: 0em;}
.portfolio_full .description ul li.f,
.portfolio_full .description ul li.g,
.portfolio_full .description ul li.h,
.portfolio_full .description ul li.i,
.portfolio_full .description ul li.j {margin-left: 17em;}
.portfolio_full #header_bar { margin-bottom:30px;}

#gallery_view { background:url(/images/portfolio_views.jpg) no-repeat scroll right top; width:27px; height:16px; }
#gallery_view.active { background-position:left top;}
#gallery_view:hover { background-position:left top;}
#full_view { background:url(/images/portfolio_views.jpg) no-repeat scroll right bottom; width:27px; height:16px; }
#full_view.active { background-position:left bottom;}
#full_view:hover { background-position:left bottom;} 

.portfolio_gallery .description a.buttons { display:none;}

/* ========================================================== 
	 Contact Us page Contact Form Style 
============================================================ */
#contact-us {padding-bottom: 50px;}

#contact-us h2, #contact-us h2 p, #contact-us h2 form {padding-left: 10px;}

#contact-us form button {padding-left: 0;}

#contact-form label {
	display:block; 
	margin:20px 0 4px 0;}
	
#contact-form .input1, #contact-form .input2 {
	width:95%;	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:13px;
	color:#363636;
	background-color:#f5f5f5;
	border:1px solid #cccccc; }
	
#contact-form .input1  { 
	height:30px; 
	line-height:30px; 	
	padding:0 8px 0 8px;}

#contact-form .input2 { 
	height:140px; 
	line-height:19px;	
	padding:8px 8px 0 8px; 
	margin:0 0 10px 0;}

#contact-form p { color:#363636;} 

#contact-form #msg p {	background:url(/images/error1.jpg) no-repeat 0 3px; margin: 15px 0 0 10px; color:#6d6d6d; padding-left: 20px;}	
#contact-form #smessage h3{ background:url(/images/success2.jpg) no-repeat 0 4px; line-height:25px; margin: 15px 0 0 10px; padding-left: 30px;}
#contact-form #smessage p {color:#6d6d6d; padding-left: 10px; padding-top: 8px;}


#location {padding-top: 25px;}

.contact-map { 
	width:475px;
	height:347px;
	background:url(/images/map-bg.jpg) no-repeat 5px 25px; 
	padding:9px 0 20px 2px;
	clear:both;	}

.contact-map p {padding-top: 25px; margin-left: 5px;}

/*Content-sub is a three column floated list used of faculty areas by research on undergrad page
*************************************************/
#content-sub dl.c1 {
	float: left;
	display: inline;
	list-style: none;
	width: 180px;
	margin-left: 0px;
	padding-bottom: 80px;
	border-right: 1px solid #E9F2FB;
}

#content-sub dl.c2 {
	float: left;
	list-style: none;
	width: 180px;
	margin: 0 30px 0 30px;
	padding-bottom: 80px;
	border-right: 1px solid #E9F2FB;

}

#content-sub dl.c3 {
	float: left;
	list-style: none;
	margin: 0;
}

#content-sub dt {
	font-weight: bold;
	margin-top: 15px;
}

#content-sub dd {
	padding: 0 0 5px 0;
	background: none;
}


/*
|--------------------------------------------------------------------------
| Layout for About Us Page
|--------------------------------------------------------------------------
*/
#about_col {
	background-color: #f4f1e1;	
	margin-right: 10px;
}



#about_col h2, 
#about_col h3 {font-family:Verdana, Geneva, sans-serif; padding-top:10px;}

#about_col h2, 
#about_col h3, 
#about_col p, 
#about_col ul {
	padding-left: 15px;
}

#about_col h2 {
	text-transform: uppercase;
	font-size: 123.1%; 	
	border-top: 5px #902929 solid;
}

#about_col h3 {font-size:100%;}

#about_col li {padding-bottom:5px; padding-right:15px;}


/*
|--------------------------------------------------------------------------
| Footer
|--------------------------------------------------------------------------
*/

footer {background: #033572; padding-bottom: 5px; font-size: 100%;}

footer nav h1 {margin: 8px 0 10px 20px;}

footer nav h1 a:link,
footer nav h1 a:visited {color: #ffc600; font-size: 12px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; }

footer nav ul {color: #fff; margin-left: 20px; list-style: none;}

footer nav li { background:url(/images/right_arrow.png) no-repeat left 3px; list-style:none; padding:0 0 10px 20px; display:block; line-height:22px; font-size: 93%; }

footer nav ul li a:link,
footer nav ul li a:visited {color: #fff;}

footer nav ul li a:hover {color:#ffc600; text-decoration: none;}

#copyright {
	height: 45px;
	display: block;
	margin-top: 20px;
}


/*
|--------------------------------------------------------------------------
| List Styles
|--------------------------------------------------------------------------
*/
.style_1, .style_2, .style_3, .style_4, .style_5, .style_6, .style_7, .style_8, .style_9, .style_10, .style_11, .style_12, .style_13, .style_14 { padding:0; margin:5px 0 0 5px; }

.style_15, .style_16 {margin-left:0;}

.style_0 li {padding-bottom:10px;}

.style_1 li, .style_2 li, .style_3 li, .style_4 li, .style_5 li, .style_6 li, .style_7 li, .style_8 li, .style_9 li, .style_10 li, .style_11 li, .style_12 li, .style_13 li, .style_14 li, .style_15 li, .style_16 li {padding-bottom:15px;}

.style_1 li { list-style:none; background:url(/images/list/check3.png) no-repeat left .2em; padding-left:25px; line-height:22px; }
.style_2 li { list-style:none; background:url(/images/list/check.png) no-repeat left .2em; padding-left:25px; line-height:22px; }
.style_3 li { list-style:none; background:url(/images/list/bookmark.png) no-repeat left .2em; padding-left:25px; line-height:22px; }
.style_4 li { list-style:none; background:url(/images/list/check2.png) no-repeat left .2em; padding-left:25px; line-height:22px; }
.style_5 li { list-style:none; background:url(/images/list/lightbulb.png) no-repeat left .2em; padding-left:25px; line-height:22px; }
.style_6 li { list-style:none; background:url(/images/list/link.png) no-repeat left .2em; padding-left:25px; line-height:22px; }
.style_7 li { list-style:none; background:url(/images/list/link2.png) no-repeat left .2em; padding-left:25px; line-height:22px; }
.style_8 li { list-style:none; background:url(/images/list/pencil.png) no-repeat left .2em; padding-left:25px; line-height:22px; }
.style_9 li { list-style:none; background:url(/images/list/tag.png) no-repeat left .2em; padding-left:25px; line-height:22px; }
.style_10 li { list-style:none; background:url(/images/list/pfeil2.gif) no-repeat left .4em; padding-left:25px; line-height:22px; }
.style_11 li { list-style:none; background:url(/images/list/pfeil3.gif) no-repeat left .4em; padding-left:25px; line-height:22px; }
.style_12 li { list-style:none; background:url(/images/list/pfeil4.gif) no-repeat left .4em; padding-left:25px; line-height:22px; }
.style_13 li { list-style:none; background:url(/images/list/pfeil6.gif) no-repeat left .4em; padding-left:25px; line-height:22px; }
.style_14 li { list-style:none; background:url(/images/list/pfeil8.gif) no-repeat left .4em; padding-left:25px; line-height:22px; }
.style_15 li { list-style:none; background:url(/images/list/question.png) no-repeat left .2em; padding-left:25px; line-height:22px; }
.style_16 li { list-style:none; background:url(/images/list/warning.png) no-repeat left .2em; padding-left:25px; line-height:22px; }

.indentList {margin-bottom:-30px;}
.indentList li {background:none; list-style:disc; margin-left:25px; padding-left:0px}

.indentListClear {}
.indentListClear li {background:none; margin-left:25px; padding-left:0px}

/* ==== (b) Black Buttons =====================*/ 

	
button { 	
	cursor: pointer;
	overflow: visible; 
	position: relative;
	margin:0; padding:0;}
	
button span { 	
	display: block;	
	white-space: nowrap; 
	height:37px;	
	position: relative;
	}
	
button::-moz-focus-inner { border: none;} /* span's offset in firefox */


a.blackButton,a.blackButton2,a.blackButton3 {	 
	clear:both;
	float:left;
	text-decoration:none; 
	height:36px;}	
	
a.blackButton span,a.blackButton2 span,a.blackButton3 span {	
	display:block; 
	text-decoration:none; 
	height:36px;}

button.blackButton2, button.blackButton3, a.blackButton2, a.blackButton3{ 
	background:url(/images/form_button.gif) no-repeat right -39px; 	
	padding-right:30px; 
	text-align: center; 
	margin-right:4px; 
	outline: none; 
	border: 0;}	
	
button.blackButton2 span, button.blackButton3 span, a.blackButton2 span, a.blackButton3 span { 	
	background:url(/images/form_button.gif) no-repeat 0 0; 
	padding-left:25px; 	
	color: #e0e0e0; 
	font-size: 13px;  
	line-height: 32px; 	
	text-shadow: 1px 1px 0 #000; 
	position: relative; }	
	
button.blackButton2:hover, button.blackButton3:hover, a.blackButton2:hover, a.blackButton3:hover { 
	background-position: right -117px;}	
	
button.blackButton2:hover span, button.blackButton3:hover span, a.blackButton2:hover span , a.blackButton3:hover span{ 
	background-position: 0 -78px; 
	color: #fff; 
	text-shadow: 1px 1px 0 #000;}

button.blackButton2, a.blackButton2 {padding-right:18px;}

button.blackButton2 span, a.blackButton2 span {padding-left:15px;}


/* ==== (c) Grey Button ===================== */

button.button-grey,a.button-grey{ 	
	float:left; 
	padding-left: 5px; 
	text-decoration: none; 
	outline:none; 
	color:#404040; 
	cursor:pointer; 
	display: block;
	background: url(/images/btn_gray_left.jpg) no-repeat top left;  
	font-size: 13px; 
	font-weight:normal; 
	line-height: 24px; 
	height: 27px; 
	margin:10px 0 0 0; 
	font-style:italic;
	border:none;}
	
button.button-grey span,a.button-grey span{ 
	background:url(/images/btn_gray_right.jpg) right top no-repeat; 
	padding: 2px 28px 0 5px; 
	display:block; 
	height: 27px; 
	text-shadow: 1px 1px 0 #fff;
	font-family:"Trebuchet MS", Arial, Helvetica;
	line-height: 24px; 	}
	
button.button-grey,a.button-grey:hover, a.button-gray:hover span { 
	color:#363636; 
	text-decoration:none; 
}


/*
|--------------------------------------------------------------------------
| New look for Computational Resources 10-17-2012
|--------------------------------------------------------------------------
*/
h4.lucida {font: normal 123.1% 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif; padding-bottom: 8px;}

.compBigTxt {
	font-size: 123.1%;
	line-height: 138.5%;	
}

.compBigTxtBlock {
	font-size: 138.5%;
	line-height: 167%;
	margin: 15px 8px 30px;
}

.newCompute {padding-left: 20px; margin-bottom:30px;}

.newCompute h1 {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
	font-size: 167%;
	font-weight:normal;
	padding-bottom: 30px;
}

.newCompute h1 span {
	font-variant:small-caps;
	font-size: 116%;
	display:block;
	color:#000;
}

.newCompute .icon {float:left; padding-right: 20px;}

.newCompute p {
	display: block;
	clear:both;
	padding-bottom: 15px;
}

.paddedLine {
	line-height: 50px;
	border-bottom: 1px solid #CCC;
	margin: 0 auto 50px;
	width: 95%;
}

.paddedLine2 {
	line-height: 50px;
	border-bottom: 1px solid #CCC;
	margin: 0 auto 15px;
	width: 95%;
}
	
/*
|--------------------------------------------------------------------------
| Universal style elements
|--------------------------------------------------------------------------
*/
.clear {clear:both;}

.right {float:right;}

.white {color: #fff;}
.black {color:#252525;}	
.red {color:#902929;}

.left {float:left;}

.center {margin: 0 auto; text-align:center}

.inline {display:inline; vertical-align:bottom;}

.overflowed {overflow:hidden;}

.highlight {background-color:yellow;}

.capitalize {text-transform:uppercase;}

.padTop {padding-top: 10px;}
.padTop15 {padding-top: 15px;}
.padTop20 {padding-top: 20px;}
.padTop40 {padding-top: 40px;}
.negMarTop40 {margin-top:-40px; position:absolute;}
.negMarTop30 {margin-top:-30px;}
.negMarTop10 {margin-top:-10px;}
.padBot15 {padding-bottom:15px;}
.padBot20 {padding-bottom:20px;}

.negative-letter-spacing {letter-spacing:-1px;}

.titleOpList {font-size:131%;}

.line {
	background: url(/images/dotted_hr.gif) 0 0 repeat-x;
	border: 0;
	width: 90%;
	margin: 20px auto;
	text-align: center; 
	height: 1px;
}

.line hr {display: none;}

.backtop {
	font:normal 85% Verdana, Tahoma, sans-serif;
	background: #fff url(/images/bullet_arrow.gif) 0 3px no-repeat;	
	
}

.backtop a {border-bottom: 1px dotted #08c; margin-left:12px; }
.backtop a:hover {border:0;}