/* General Styles */

body {
margin: 0;
padding: 0;
background: #dbdbdb url(img/ufr-hdr-rep.png) repeat-x top left;
text-align: center;
font-family: Arial, sans-serif;
}

h1,h2,h3,h4,h5,h6,p,form {
margin: 0;
padding: 0;
}

h1, h2, h3, h1 a, h2 a, h3 a {
font-family: "Trebuchet MS", Arial, sans-serif;
color: #005596;
}

h1 {
font-size: 22px;
}

h2 {
font-size: 18px;
}

h3 {
font-size: 16px;
}

h4 {
font-size: 14px;
}

h5 {
font-weight: normal;
font-size: 10px;
text-transform: uppercase;
color: #666;
}

h5 span.pod {
padding-left: 15px;
background: transparent url(img/ufr-icon-podcast.png) no-repeat left;
}

h6 {
font-size: 11px;
color: #666;
padding: 5px 0;
font-weight: normal;
}

form, td, p, li {
font-size: 12px;
color: #333;
}

p {
line-height: 150%;
}

a {
color: #f8981d;
text-decoration: none;
}

a img {
border: none;
}

a:hover {
text-decoration: underline;
}

a.rss {
padding-left: 20px !important;
background: transparent url(img/ufr-rss.png) no-repeat left !important;
}

a.print {
padding-left: 20px !important;
background: transparent url(img/ufr-print.gif) no-repeat left !important;
}

a.email {
padding-left: 20px !important;
background: transparent url(img/ufr-email.gif) no-repeat left !important;
}

a.read {
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
color: #005596;
}

p.comments {
padding: 5px 0 5px 20px;
background: transparent url(img/ufr-icon-comment.png) no-repeat 0 5px;
font-size: 10px;
color: #999;
}

/*
------------------------------------------------- Wrapper
*/
#wrap{
width: 992px;
margin: 0 auto;
text-align: left;
}



/*
------------------------------------------------- Top Bar Above Header
*/
#pagetop {
float: left;
width: 100%;
height: 22px;
}

#pagetop ul {
list-style: none;
margin: 0;
padding: 0;
}

#pagetop ul li {
display: inline;
}

#pagetop ul li a {
display: block;
float: left;
padding: 5px 8px 2px 15px;
color: #fff;
font-size: 11px;
background: transparent url(img/ufr-top-bullet.png) no-repeat left;
}



/*
------------------------------------------------- Header
*/
#hdr {
clear: left;
float: left;
width: 100%;
background: transparent url(img/ufr-logo-tag.png) no-repeat top left;
height: 95px;
}

#hdr h1 {
float: left;
}

#hdr h2 {
float: right;
}

#hdr h1 a, #hdr h2 a {
display: block;
}

#hdr h1 a {
height: 95px;
width: 447px;
}


#hdr h2 a {
height: 30px;
width: 380px;
margin-top: 20px;
margin-right: 20px;
}

#hdr h1 a span, #hdr h2 a span {
display: none;
}

/*
------------------------------------------------- Sub Header (Date + Search)
*/

#subhdr ul {
list-style: none;
margin: 0;
padding: 0;
margin-top: 18px;
float: left;
width: 100%;
}

#subhdr ul li.date {
float: left;
font-size: 14px;
font-weight: bold;
font-family: "Trebuchet MS", Arial, sans-serif;
color: #333;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
padding: 6px 10px;
}

#subhdr ul li.search {
float: right;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
height: 30px;
}

#subhdr ul li.search form {
	padding: 3px 10px;
	width: auto;
	margin: auto;
}

/*
------------------------------------------------- Navigation
*/
#nav {

}

#nav ul {
list-style: none;
margin: 0;
padding: 0;
}

/*
------------------------------------------------- Content
*/

#content {
clear: left;
float: left;
width: 100%;
}

#content h1 {
border-bottom: 1px solid #ccc;
}

#content p {
padding-bottom: 10px;
}

#content table {
border-collapse: collapse;
border-spacing: none;
}

#content table th, #content table td {
padding: 5px;
border: 1px solid #ccc;
}

#content table th {
vertical-align: bottom;
font-size: 12px;
color: #333;
background: #f1f1f1;
}

#content form label {
display: block;
padding: 5px 0;
font-weight: bold;
}


/*
------------------------------------------------- Featured Story Area - Homepage
*/
#idx_feat_wrap {
background: transparent url(img/ufr-idxwhite-bg.png) repeat-y top left;
float: left;
width: 100%;
margin-top: 10px;
}

#idx_feat_wrap div.vline {
background: transparent url(img/ufr-idxfeat-vline.png) repeat-y top left;
}


#idx_feat {
float: left;
width: 620px;
}

#idx_feat div.pad {
background: transparent url(img/ufr-idxfeat-topcap.png) no-repeat top left;
padding: 10px 20px;
}

ul.idx_feat_tease {
list-style: none;
margin: 0;
padding: 0;
}

ul.idx_feat_tease li {
float: left;
}

ul.idx_feat_tease li.pic {
/* Image is 252px wide with 15px added for padding equals 267 below */
width: 267px; 
}

ul.idx_feat_tease li.tease {
width: 300px;
}

#idx_feat div.pad h1 {
padding: 2px 0 5px 0;
}
 
/* 
--------------------------------------------- Most Read/Emailed area 
*/

#idx_most {
width: 372px;
float: left;
}

#idx_most.most_read_on {
background: transparent url(img/most-read-on.png) no-repeat top left;
}

#idx_most.most_emailed_on {
background: transparent url(img/most-emailed-on.png) no-repeat top left;
}

#idx_most ul#most_tabs {
list-style: none;
margin: 0;
padding: 0;
float: left;
width: 372px;
position: relative;
height: 44px;
}

#idx_most ul#most_tabs li {
display: inline;
}

#idx_most ul#most_tabs li a {
display: block;
float: left;
padding: 5px;
margin: 0;
font-size: 14px;
font-weight: bold;
font-family: "Trebuchet MS", Arial, sans-serif;
position: absolute;
top: 5px;
color: #005596;
}

#idx_most ul#most_tabs li.read a {
left: 35px;
}

#idx_most ul#most_tabs li.emailed a {
left: 140px;
}

#idx_most div.most_list {
clear: left;
float: left;
width: 372px;
padding-top: 10px;
}


#idx_most div.most_list ul.link_list {
height: 170px;
overflow: auto;
}

#idx_feat_wrap #idx_most div.most_list ul.link_list {
height: 250px;
}

ul.link_list {
list-style: none;
margin: 0 10px 0 0;
padding: 0 20px 0 20px;
}

ul.link_list li {
padding: 3px 0;
font-size: 11px;
}

ul.link_list li a, div.feeds ul li a {
display: block;
color: #005596;
background: transparent url(img/ufr-bullet.png) no-repeat 0 6px;
padding: 2px 2px 2px 10px;
zoom: 1;
}

div.feeds ul li a {
color: #333;
}

ul.link_list li a span {
color: #999;
display: block;
}

/*
------------------------------------------------- Index Page General Content Block
*/

div.idx_gen_box {
float: left;
width: 992px;
background: transparent url(img/ufr-idxwhite-bg.png) repeat-y top left;
}

div.idx_gen_box h3.title {
background: transparent url(img/ufr-idx-gen-box-title.png) no-repeat top left;
padding: 15px 20px 10px 20px;
font-size: 18px;
color: #333;
}

div.idx_gen_box div.row {
border-top: 1px solid #ccc;
float: left;
width: 952px;
margin: 0 20px;
display: inline;
}

div.idx_gen_box div.top {
border-top: none;
}

div.idx_gen_box div.row_2col div.col {
float: left;
width: 476px;
}

div.idx_gen_box div.row_3col div.col {
float: left;
width: 314px;
}

div.idx_gen_box div.row_4col div.col {
float: left;
width: 238px;
}

div.idx_gen_box div.adrow_3col {
padding-bottom: 10px;
}

div.idx_gen_box div.adrow_3col div.col {
float: left;
width: 314px;
}

div.idx_gen_box div.adrow_3col div.col img {
padding: 0;
}

div.idx_gen_box div.adrow_3col div.center {
width: 320px;
}

div.idx_gen_box div.adrow_3col div.right {
text-align: right;
}

div.feeds div.row_3col, div.feeds div.row_3col div.pad, 
div.feeds div.row_4col div.pad {
	border: 0 !important;
}


div.idx_gen_box div.row div div.pad {
padding-top: 10px; 
padding-bottom: 10px; 
zoom: 1;
}

div.idx_gen_box div.row div.left div.pad {
border-right: 1px solid #fff;
padding-right: 10px;
}

div.idx_gen_box div.row div.right div.pad {
padding-left: 10px;
}

div.idx_gen_box div.row div.center div.pad {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
margin-left: -1px;
padding: 10px;
}


div.idx_gen_box div.col img {
float: left;
padding-right: 10px;
padding-bottom: 10px; 
}

div.feeds h5 {
padding-top: 10px;
}

div.feeds h3 {
color: #333;
padding-bottom: 5px;
}

div.feeds ul {
list-style: none;
margin: 0;
padding: 0;
}

div.feeds ul li a {
padding-top: 5px;
padding-bottom: 5px;
padding-right: 30px;
background-position: 0 10px;
color: #005596;
zoom: 1;
}

/*
------------------------------------------------- Index Page - Bottom cap of white areas
*/
div.idx_cont_cap {
height: 25px;
width: 992px;
background: transparent url(img/ufr-idxwhite-botcap.png) no-repeat top left;
clear: left;
}


/*
------------------------------------------------- Story Detail Page
*/

#content.story {
margin-top: 15px;
padding-left: 5px; 
}

#content.story div.lcol, #content.story div.ccol, #content.story div.rcol {
float: left;
}

#content.story div.lcol {
width: 569px;
background: transparent url(img/ufr-story-bg.png) repeat-y top left;
}

#content.story div.lcol div.pad {
padding: 0 30px 10px 30px;
position: relative;
}

#content.story div.lcol div.pad h1 {
border-bottom: none;
}


/* for understanding browsers */
#content.story div.lcol div.pad {
min-height:800px; 
height:auto;
}
/* for Internet Explorer */
/*\*/
* html #content.story div.lcol div.pad {
height: 800px;
}
/**/


#content.story div.lcol div.story_top {
background: transparent url(img/ufr-story-top-cap.png) no-repeat top left;
height: 20px;
}

#content.story div.lcol div.story_bot {
background: transparent url(img/ufr-story-bot-cap.png) no-repeat top left;
height: 20px;
clear: left;
}

#content.story div.lcol div.pad div.story_actions {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 5px 0;
margin: 10px 0;
text-align: right;
clear: both;
}

#content.story div.lcol div.pad div.actions_top {
border-top: none;
margin-top: 0;
padding-top: 0;
}

#content.story div.lcol div.pad div.actions_top p {
padding-top: 0;
}

#content.story div.lcol div.pad div.story_actions p, #content.story div.lcol div.pad div.story_actions p a {
color: #999;
}

#content.story div.lcol div.pad span.bcrumb {
display: block;
position: absolute;
top: 0;
left: 30px;
font-size: 11px;
color: #999;
float: left;
}

#content.story div.lcol div.pad div.story_actions p img {
padding: 0 2px;
}

#content.story div.lcol div.pad div.author {
width: 130px;
float: right;
margin-left: 15px;
margin-bottom: 5px;
}

#content.story div.lcol div.pad div.author h3 {
font-size: 14px;
padding-bottom: 5px;
}

#content.story div.lcol div.pad div.author img {
padding-bottom: 5px;
}

#content.story div.lcol div.pad div.author p {
line-height: 100%;
padding-bottom: 10px;
font-size: 11px;
}

#content.story div.comments h2 {
border-bottom: 2px solid #ccc;
color: #333;
font-family: Arial, sans-serif;
}

#content.story div.comments h2 a {
float: right;
font-size: 12px;
padding-top: 6px;
display: block;
}

#content.story div.comments ul {
clear: left;
margin: 0;
padding: 0;
list-style: none;
}

#content.story div.comments ul li {
padding: 0 0 20px 0;
margin: 20px 0;
border-bottom: 1px solid #f1f1f1; 
}

#content.story div.comments ul li h4 {
color: #333;
font-size: 12px;
}

#content.story div.comments ul li h4 strong {
color: #666;
}

#content.story div.comments ul li h4 em {
color: #999;
}

#content.story div.comments ul li h4 a {
color: #005596;
}

#content.story div.comments ul li p {
line-height: 120%;
}

#content.story div.add_comment form label {
display: block;
padding: 5px 0;
font-size: 12px;
font-weight: bold;
}

#content.story div.add_comment form label input {
color: #333;
font-size: 14px;
width: 300px;
}

#content.story div.add_comment form textarea {
height: 200px;
width: 500px;
font-family: Arial, sans-serif;
color: #333;
font-size: 14px;
}

#content.story div.add_comment form.post_comment {
position: relative;
}

#content.story div.add_comment form.post_comment div.post_anon {
position: absolute;
right: 0;
padding-top: 10px;
width: 150px;
}

#content.story div.add_comment form.post_comment div.post_anon input {
width: auto;
}

#content.story div.add_comment form.post_comment div.post_anon label {
padding: 0;
}

#content.story div.add_comment form.post_comment div.post_anon p {
text-align: right;
padding: 0 20px 0 0;
}

#content.story div.add_comment form.post_comment div.submit {
text-align: right;
padding-right: 7px;
padding-top: 5px;
}

#content.story div.add_comment form.post_comment div.submit input {
width: auto;
height: auto;
}

/*
------------------------------------- Center Column
*/

#content.story div.ccol {
margin-left: -20px;
width: 233px;
}


#content.story div.ccol div.ccol_rep {
background: transparent url(img/ufr-ccol-rep.png) repeat-y top right;
}


#content.story div.ccol div.topcap {
background: transparent url(img/ufr-ccol-cap.png) no-repeat top right;
height: 20px;
}

#content.story div.ccol div.botcap {
background: transparent url(img/ufr-ccol-botcap.png) no-repeat bottom right;
height: 20px;
}

#content.story div.ccol div.related {
border-left: 1px solid #ccc;
margin-left: 10px;
margin-right: 13px;
padding-left: 10px;
zoom: 1;
}

#content.story div.ccol div.related h3 {
color: #333;
font-size: 14px;
}

#content.story div.ccol div.related p.also_see {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 5px 0;
margin: 5px 0;
font-size: 10px;
text-transform: uppercase;
text-align: center;
}

#content.story div.ccol div.related p.also_see a {
color: #005596;
}

#content.story div.ccol div.related p.also_see a img {
vertical-align: baseline;
}

#content.story div.ccol div.related ul.link_list {
padding-left: 14px;
}
/*
------------------------------------- Center Column Most Read
*/

#content.story div#ccol_most {
width: 203px;
margin-left: 20px;
margin-top: 3px;
background: #fff url(img/ufr-ccol-blu-bcap.png) no-repeat bottom;
}


#content.story div#ccol_most ul#most_tabs {
background: transparent url(img/ufr-ccol-blu-tcap.png) no-repeat top left;
margin: 0;
padding: 0;
list-style: none;
float: left;
width: 203px;
}

#content.story div#ccol_most ul#most_tabs li {
display: inline;
}

#content.story div#ccol_most ul#most_tabs li a {
display: block;
float: left;
color: #fff;
margin: 5px;
}

#content.story div#ccol_most ul#most_tabs li a span {
display: block;
float: left;
padding: 5px;
}

#content.story div#ccol_most ul#most_tabs li.on a {
background: transparent url(img/ufr-ccol-blu-moston.png) no-repeat left;
padding-left: 5px;
color: #005596;
}

#content.story div#ccol_most ul#most_tabs li.on a span {
background: transparent url(img/ufr-ccol-blu-moston.png) no-repeat right;
padding-right: 10px;
}

#content.story div#ccol_most div.most_list {
clear: left;
}

#content.story div#ccol_most ul.link_list{
margin: 0;
padding: 5px 5px 5px 15px;
list-style: none;
}


/*
------------------------------------- Right Column Boxes
*/

div.rcol {
width: 180px;
padding-top: 5px;
}

div.rcol_box, div.rcol div.ad_rcol {
margin-bottom: 15px;
}

#content div.rcol_box h2.title {
background: transparent url(img/ufr-rcol-top.png) no-repeat top;
font-size: 10px;
color: #fff;
text-transform: uppercase;
padding: 5px 10px;
margin: 0;
}

div.rcol_box h2.title a {
color: #fff;
}

div.rcol_box div.pad {
background: #fff url(img/ufr-rcol-bot.png) no-repeat bottom;
padding: 5px 10px 10px 10px;
zoom: 1;
}

div.rcol_box div.pad p {
font-size: 11px;
line-height: 100%;
padding-bottom: 5px;
}

div.rcol_box div.pad p a {
color: #005596;
font-size: 10px;
font-weight: bold;
}

div.rcol_box div.pad p a.more {
text-transform: uppercase;
}

div.rcol_box div.pad img.icon {
float: left;
margin-right: 5px;
margin-left: 5px;
}



div.rcol_box div.pad form.rcol_subscribe input {
width: 90px;
height: 18px;
border: 1px solid #ccc;
margin-right: 3px;
padding: 0;
font-size: 11px;
}

div.rcol_box div.pad form.rcol_subscribe img.btn {
width: auto;
height: auto;
border: none;
margin-right: 3px;
margin-left: 0;
padding: 0;
font-size: 11px;
vertical-align: top;
}

/*
------------------------------------- Archive Page
*/

div.archcol {
width: 50%;
float: left;
}

div.archcol h2 {
font-size: 14px;
color: #333;
}

div.archcol ul {
padding-bottom: 20px;
padding-left: 10px;
}

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

#ftrwrap {
float: left;
width: 100%;
background: #005596 url(img/ufr-ftr-bg.png) repeat-x top left;
padding-top: 15px;
padding-bottom: 60px;
margin-top: 10px;
}

#ftr {
width: 992px;
margin: 0 auto;
text-align: left;
}

#ftr a {
color: #fff;
}

#ftr ul {
list-style: none;
margin: 0;
padding: 0;
}

#ftr ul li p {
color: #fff;
font-size: 11px;
}


#ftr ul li.left {
float: left;
background: transparent url(img/ufr-bar-logo-ftr.png) no-repeat 20px 8px;
padding: 15px 0 10px 225px;
}

#ftr ul li.left h3 {
display: none;
}

#ftr ul li.left p {
border-left: 1px solid #fff;
padding-left: 10px;
line-height: 100%;
}

#ftr ul li.right {
float: right;
text-align: right;
padding-top: 10px;
padding-right: 20px;
font-size: 10px;
}

/** cms **/
#cmsControls a {
	color: rgb(255, 255, 255);
}

#cmsControls #pageControls a {
}

#cmsControls #authenticationControls {
	background-color: inherit;
}

#cmsControls #authenticationControls a {
	color: rgb(255, 255, 255);
}

#cmsControls #authenticationControls a:hover {
	color: rgb(255, 255, 255);
	text-decoration: underline;
}

#cmsControls .pageControls {
	background-color: inherit;
}

#cmsControls .pageControls a {
	color: rgb(255, 255, 255);
}

#cmsControls .pageControls a:hover {
	color: rgb(255, 255, 255);
	text-decoration: underline;
}

#ftr ul.widgetControls {
	margin: 0px;
	margin-bottom: 5px;
	padding: 2px 3px 2px 3px;
	padding: inherit;
	font-size: 9pt;
}

#ftr ul.widgetControls a {
	color: rgb(100, 0, 0);
}

#ftr div.widgetEditor.hover a {
	color: rgb(0, 0, 0);
}

#pagetop ul.widgetControls {
	margin: 0px;
	margin-bottom: 5px;
	padding: 2px 3px 2px 3px;
	list-style-type: none;
	list-style-image: none;
}

#pagetop ul.widgetControls li {
	list-style-type: none;
	list-style-image: none;
	padding: 0px 5px 0px 5px;
}

#pagetop ul.widgetControls a {
	float: none;
	background: none;
	color: rgb(0, 0, 0);
	padding: inherit;
	font-size: inherit;
	display: inline;
}

#pagetop div.widgetEditor.hover a {
	color: rgb(0, 0, 0);
}

.pageControls {
	margin-top: -5px;
}

#authenticationControls {
	margin-top: -5px;
}

div.author img.avatar {
	width: 127px;
}

div#failures {
  clear: both;
  border: 1px solid rgb(164, 164, 164);
	background-color: rgb(248, 152, 29);
	border-top: none;
	padding: 0.5em;
	margin: 0em;
	text-align: center;
}

div#failures ul {
	margin: 0em;
	padding: 0.0em;
}

div#failures a.dismiss {
	float: right;
	color: rgb(0, 0, 0);
}

div#failures ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div.searchResult {
	margin-top: 1em;
}

div.searchResult a {
	margin: 0em;
}

div.searchResult div.citation {
	margin-top: 0.3em;
	margin-left: 1em;
	color: rgb(164, 164, 164);
}

div#content table#loginTable {
	border-style: none;
}

div#content table#loginTable td {
	border-style: none;
}

div#content div#error {
	text-align: center;
	margin-bottom: 1em;
	color: rgb(248, 152, 29);
	font-weight: bold;
}

form.default {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
width: 500px;
margin: 0 auto;
}

form.default div {
/*
float: left;
width: 100%;
clear: left;
margin-top: 10px;
*/
}

form.default div.yui-editor-container {
}

form.default div.yui-editor-container div {
}

.small {
width: 15% !important;
}

.med {
width: 50%;
}

.large {
width: 100%;
}

form.default div label {
display: block;
font-size: 12px;
font-weight: bold;
color: #666;
}

form.default div span.error {
display: block;
float: left;
background: #ffc;
font-size: 11px;
padding: 5px 5px 5px 15px;
}

form.default div input {
border: 1px solid #ccc;
font-size: 14px;
padding: 3px 3;
margin-left: 0px;
color: #000;
}

form.default div input[type="button"]:hover, form.default div input[type="submit"]:hover {
	color: rgb(255, 255, 255);
}

form.default div.grp div {
float: left;
clear: none;
width: auto;
margin-right: 5px;
}

form.default div.grp div label, form div.grp div input {
float: left;
clear: left;
}

div.ufr h4 {
font-size: 16px;
margin: 0;
padding: 0;
}

ul.formlist {
margin: 0;
padding: 0;
list-style: none;
}

ul.formlist label {
cursor: pointer;
cursor: hand;
display: inline;
}

.inline label, .inline input {
display: inline;
}

textarea {
border: 1px solid #ccc;
font-family: Arial, sans-serif;
width: 100%;
overflow: auto;
font-size: 14px;
}

textarea.txtsmall {
height: 50px;
}

textarea.txtlarge {
height: 300px;
}

input.btn {
cursor: hand;
cursor: pointer;
}

.nobord {
border: none !important;
}

div.error {
	text-align: center;
	margin-bottom: 1em;
	color: rgb(248, 152, 29);
	font-weight: bold;
}

div#content {
	font-size: 12px;
}