/* styles used to build the global navigation on the SMS */

/* *************************************************************** */
/* Global navigation                                             */
/* *************************************************************** */

.global-nav-buttons .roundedDiv { 
	width: 150px; 
    margin-right: 1px;
}

.global-nav-buttons.public .roundedDiv { width: 187px; }
.global-nav-buttons.upload .roundedDiv { width: 155px; }

.global-nav-buttons a {
	display: block;
	font-size: 16px;
	line-height: 21px;
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.global-nav-buttons #active a {
	font-weight: 600;
}

.global-nav-buttons .roundedDiv {
	float:left;
}

/*** rounded corner styles ***/
.roundedDiv {
	background: #69f;
	margin: 5px 0px 0 0;
}

.roundedDiv .roundedContent {
	text-align: center;
}

#active {
	background: #06c;
}

.roundedDiv .roundedHeader ul {
	background: url(../steeple/images/curve7-69f-fff.png) no-repeat;
	background-position: -7px -7px;
	height: 7px;
	list-style: none;
	margin: 0;
}


#active.roundedDiv .roundedHeader ul {
	background: url(../steeple/images/curve7-06c-fff.png) -7px -7px no-repeat;
}
.global-nav-buttons #active.roundedDiv .roundedHeader ul { background: none; }

.roundedDiv .roundedHeader ul li {
	float: right;
	background: url(../steeple/images/curve7-69f-fff.png) 0px -7px no-repeat;
	width: 7px;
	line-height: 7px;
}

#active.roundedDiv .roundedHeader ul li {
	background: url(../steeple/images/curve7-06c-fff.png) 0px -7px no-repeat;
}
	
.roundedDiv .roundedFooter ul {
	background: url(../steeple/images/curve7-69f-fff.png) -7px 0px no-repeat;
	height: 7px;
	list-style: none;
	margin: 0;
}

#active.roundedDiv .roundedFooter ul {
	background: url(../steeple/images/curve7-06c-fff.png) -7px 0px no-repeat;
}
	
.roundedDiv .roundedFooter ul li {
	float: right;
	background: url(../steeple/images/curve7-69f-fff.png) 0px 0px no-repeat;
	width: 7px;
	line-height: 0px;
	height: 7px;
}

#active.roundedDiv .roundedFooter ul li {
	background: url(../steeple/images/curve7-06c-fff.png) 0px 0px no-repeat;
}

.roundedDiv .roundedContent, .roundedDiv .roundedContent a{
	color: #fff;
}
.roundedContent {
	padding: 0 7px;
	display: block;
}


/* Cancel curvy corners on global nav buttons */
.global-nav-buttons .roundedDiv .roundedHeader ul,
.global-nav-buttons .roundedDiv .roundedHeader ul li,
.global-nav-buttons #active.roundedDiv .roundedHeader ul li,
.global-nav-buttons .roundedDiv .roundedFooter ul,
.global-nav-buttons #active.roundedDiv .roundedFooter ul,
.global-nav-buttons .roundedDiv .roundedFooter ul li,
.global-nav-buttons #active.roundedDiv .roundedFooter ul li { 
	background: none; 
}

.steeple-nav-tabbed {
    border-bottom: 3px solid #06c;	
    margin-bottom: 1em;
}

.steeple-nav-tabbed .roundedDiv {
    float: left;  
    border-bottom: 2px solid #69f;
    margin-right: 1px;
    margin-bottom: 1px;
    
}

.steeple-nav-tabbed .roundedDiv#active {
    border-bottom: 4px solid #06c;
    margin-bottom: 0px; 
}

.steeple-nav-tabbed .roundedContent > a,
.steeple-nav-tabbed .roundedContent > span {
    font-size: 14px;	
    position: relative;
    top: -2px;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    display: block;
}
.steeple-nav-tabbed #active > a,
.steeple-nav-tabbed #active > span {
	font-weight: normal;
}

/* *************************************************************** */
/* Site title and login box                                             */
/* *************************************************************** */

.sitetitle {
    float: left;
    line-height: 40px;
}

.sitelogin {
    margin: 10px 0px;
    /*float: right;*/
    text-align: right;
}

div.sitebanner {
    padding: 0px;
}

/*
#bread {
	clear: both;
	margin-top: 1em;
}
*/

.site-switch {
	float:right;
}

/* *************************************************************** */
/* Spotlight box                                             */
/* *************************************************************** */

.jcarousel-skin-cam a {
    color: #fff;
    text-decoration: none;
    vertical-align: top;
    width: 470px;
    float: left;
    height: 100%;
}

.jcarousel-skin-cam .jcarousel-container {
}

/* 
    On initial page load, the list items are one after the other vertically.
    This prevents a reflow to content underneath the carousel.
*/
.jcarousel-skin-cam {
    width:  942px;
    height: 261px;
    overflow: hidden;
}

.jcarousel-skin-cam .jcarousel-container-horizontal {
    width: 940px;
    padding: 0px;
}

.jcarousel-skin-cam .jcarousel-clip-horizontal {
    width:  942px;
    height: 261px;
    overflow: hidden;
}

/* li */
.jcarousel-skin-cam .jcarousel-item {
    width: 470px;
    height: 261px;
    background: #333;
}

/* prevent redrawing of list item for those with JS, and remove disc for those without */
.jcarousel-skin-cam li {
	list-style-type: none;
}

.jcarousel-skin-cam .jcarousel-item h3 {
	max-width: 440px;
	background: black;
	background-color: rgba(0,0,0,0.75);
}

.jcarousel-skin-cam .jcarousel-item img {
    display: block;
    height: 100%;
    margin: auto;
    margin-left: auto;
    margin-right: auto;
}

.jcarousel-skin-cam .jcarousel-item-horizontal {
    margin-right: 1px;
}

.jcarousel-skin-cam .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-skin-cam h3 {
    padding: 7px;
    margin: 0;
    background: black;
    color: #fff;
    position: absolute;
    top: 15px;
    display: inline-block;
}

.jcarousel-skin-cam a.captify-link {
    float: left;
    position: relative;
    top:-522px;/* =2x261 This is the 3rd block in a column. Move over the first. */
}

.jcarousel-skin-cam img.captify-text {
	position: relative;
	top: 0px;
    display: block;
    width: 470px;
    height: 261px;
}


/* initially hidden. jQuery shows. */
.jcarousel-skin-cam div.captify-text {
	position: absolute;
	bottom: 0px;
	vertical-align: bottom;
	background: black;
	background-color: rgba(0,0,0,0.75);
    padding: 10px;
    width: 450px;
    margin:0px;
    display: none;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-cam .jcarousel-next-horizontal {
    position: absolute;
    top: 25px;
    right: -1px;
    width: 20px;
    height: 210px;
    cursor: pointer;
    background: transparent url(../camstyle3/images/next.png) no-repeat 0 0;
    z-index: 100;
}

.jcarousel-skin-cam .jcarousel-next-horizontal:hover {
}

.jcarousel-skin-cam .jcarousel-next-horizontal:active {
}

.jcarousel-skin-cam .jcarousel-next-disabled-horizontal,
.jcarousel-skin-cam .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-cam .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-cam .jcarousel-prev-horizontal {
    position: absolute;
    top: 25px;
    left: 0px;
    width: 20px;
    height: 210px;
    cursor: pointer;
    background: transparent url(../camstyle3/images/previous.png) no-repeat 0 0;
    z-index: 100;
}

.jcarousel-skin-cam .jcarousel-prev-horizontal:hover {
}

.jcarousel-skin-cam .jcarousel-prev-horizontal:active {
}

.jcarousel-skin-cam .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-cam .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-cam .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-cam .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-cam .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-cam .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-cam .jcarousel-next-disabled-vertical,
.jcarousel-skin-cam .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-cam .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-cam .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-cam .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-cam .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-cam .jcarousel-prev-disabled-vertical,
.jcarousel-skin-cam .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-cam .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}


/* ------------------------------------      */
/* Page style rewrites that need integrating */
/* ------------------------------------      */

h1.section {
    margin: 14px 0px;
}

/* ------------------------------------      */
/* Search styles                             */
/* ------------------------------------      */

#globalMasthead #search.search #globalMastheadSearchNew {
    background: url('/sms/steeple/images/sprite-global-masthead.png') no-repeat -102px -104px;
    line-height: 29px;
    height: 29px;
    margin: 7px 0px;
    border: none;
    position: absolute;
    top: 2px;
    right: 108px;
    width:202px;
    text-indent: 7px;
}

#globalMastheadSearchNew input {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: none;
	width: 185px;
}

#globalMasthead #search.search #globalMastheadSearchType {
    position: absolute;
    top: 0px;
    right: 307px;
    padding: 0px;
    margin: 13px;
}

#globalMasthead #search.search #globalMastheadSearchType, #globalMasthead #search.search #globalMastheadSearchNew {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

#search.search fieldset{
    border: none;
    margin: 0px;
    padding: 0px;
}

#globalMasthead #search.search #globalMastheadSubmit {
}

/* ------------------------------------      */
/* Latest uploads styles                             */
/* ------------------------------------      */

div.fullWidth {
	width: 940px;
}

div.recentCollection ul {
	width: 100%;
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: table-cell;
}

div.recentCollection li.twoCol {
	min-height: 154px;/*make layout more even, more grid like*/
	width: 440px;
	float: left;
	padding-right: 14px;
}

div.recentCollection h3 {
	padding: 0 0 7px 0;
	margin: 0;
}

h4.itemTitle {
	margin: 0px 0px 7px 0px;
}

/* Acheives a two line high title as if in a table row.
 * The images and titles line up horizontally.
 */
.twoCol h4.itemTitle {
	padding: 7px 0px;
    height: 14px;/*30px;*/
    overflow: hidden;
}

p.itemDescription {
	margin: 0px;
	padding: 2px 0 0 0;
}

.itemDescription br {
    display: none;	
}

.itemDetails {
	padding-top: 7px;
}

div.icon_holder {
    position: relative;
    float: left;
    display: block;
    margin: 7px 14px 0px 0px;
    padding: 0px;
    width: 125px;
}

.icon_thumb {
	overflow: hidden;
	height: 70px;
    position: relative;
    display: table;
    width: 125px;
    border: 1px solid #ccc;
    float: left;
    background-color: #fff;
    text-align: center;
    vertical-align: middle;
}

/* vertical centering for some browsers */
.icon_thumb a {
	display: table-cell;
	vertical-align: middle;
}

div.icon_holder .icon_small.noimg {
	width: 96px;
	height: 96px;
} 

.itemMeta { 
	display: table-cell; /* inline-block is used for ie < 8 in ie.css */
}

.twoCol .itemMeta { 
	width: 300px;
}

.itemMeta p {
	padding: 0 0 3px 0;
	margin: 0;
}

.paginate {
    margin: 7px 0px;
}


div.listTabPanelRow {
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #aaa;
    background: #f4f4ee;
    padding: 14px 14px 7px 14px;
    height: auto;
}