/***
 *	Login.css
 *
 *	General styles for login application(s)
 */

/*	Dialog */
.LoginDialog	{
	width: 600px;
	display: block;
	position: absolute;
}

.LoginDialog .leftDiv, .LoginDialog .rightDiv	{
	position: relative;
	float: left;
}
.LoginDialog .leftDiv	{
	padding: 0 5px 10px 0;
	width: 330px;
}

.LoginDialog .introText	{
}

.LoginDialog .rightDiv	{
	border-left: 1px solid black;
	padding: 0 0 10px 5px;
	width: 180px;
}

.LoginDialog .howTo	{
	
}

.LoginDialog .random {
	background-color: #FF9900;
	position: absolute;
	color: black;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	float: left;
}

.LoginDialog .introText	{
	padding: 0 0 5px 0;
}

.LoginDialog .logonOption	{
	padding: 0 0 2px 0;
	float: left;
}

.LoginDialog .logonOption label	{
	width: 120px;
	display: block;
	float: left;
}

.LoginDialog .guestRegister, .LoginDialog .forgotPassword	{
	padding:  10px 0 0 0;
}


			/***
*	RichTextItem specific styles that are not theme dependent
***/

.RichTextItem li	{
}

.RichTextItem .goToTop	{
	width: 100%;
	text-align: right;
}

.RichTextItem .goToTop a	{
	display: inline-block;
	padding-left: 20px;
	line-height: 16px;
	background: transparent url(../css/applications/images/goToTop.gif) center left no-repeat;
}

.RichTextItem a:hover	{
	font-weight: normal;
}

			/***
*	GenericRSSReader specific styles
***/

.GenericRSSReader .dijitTitlePaneContentInner	{
	padding:				0;
}

.GenericRSSReader .small	{
	width:					185px;
}

.GenericRSSReader .feedItem	{
}

.GenericRSSReader .feedItemInner, .GenericRSSReader li	{
	padding:				2px 4px;
	display:				block;
}

.GenericRSSReader .even	{
}

.GenericRSSReader .odd	{
	background-color:		#F0F0F0;
}

.GenericRSSReader a	{
}

.GenericRSSReader a:hover	{
	font-weight:			bold;
}

.GenericRSSReader ul	{
	list-style:				none;
	margin-left:			0;
}

.GenericRSSReader .feedItemInner a.opened,
.GenericRSSReader .feedItemInner a.closed {
    float: 						right;
    height: 					16px;
    width: 						16px;
	cursor: 					pointer;
	background-image:			url(../css/applications/../themes/base/images/Icons.png);
}

.GenericRSSReader .feedItemInner a.opened span ,
.GenericRSSReader .feedItemInner a.closed span {
	display:				none; 
}



			/***
 *	FeaturedItems.css
 */

.ZZZZfiContainer {
	background-color: #888 !important;}


.FeaturedItems	{
	position: relative;
	width:					100%;
}

.FeaturedItems .flashContainer, .FeaturedItems .fiContainer	{
	width:					100%;
	height:					100%;
	/*margin:					auto;*/
	z-index: 1;
	overflow: hidden;
	position: relative;
}

#banner .cover img {
	/*width: 100%;*/
}

.FeaturedItems .openClose	{
	position:				absolute;
	top: 4px;
	right: 4px;
	width: 15px;
	height: 15px;
	z-index: 2;
}

.FeaturedItems .openClose .inner	{
	visibility: hidden;
}

.FeaturedItems .openClose .close	{
	background: url(../css/applications/images/squareArrow.gif) no-repeat 0 0;
}

.FeaturedItems .openClose .open	{
	background: url(../css/applications/images/squareArrow.gif) no-repeat 0 -14px;
}

.FeaturedItems img[src*="NoImage"] {
    width: auto !important;
}

#lightbox	{
	position: absolute !important;
	text-align: center;
	width: 400px;
	z-index: 500;
	/*height: 300px;*/
	background-color: white;
	border: 1px solid black;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

#lightbox .inner	{
	top: 2px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: left;
	overflow: auto;
}

#lightbox .close	{
	position: absolute;
	top: 2px;
	right: 6px;
	background: url(../css/applications/images/squareArrow.gif) no-repeat 0 0;
	width: 15px;
	height: 15px;
	z-index: 500;
}

#lightbox .close span	{
	visibility: hidden;
}

#lightbox .inner .cover	{
	position: relative;
	float: left;
	width: 120px;
	padding: 5px;
}
#lightbox .inner .cover	img {
	-moz-box-shadow: 		0px 1px 5px #000;
	-webkit-box-shadow: 	0px 1px 5px #000;
	box-shadow: 			0px 1px 5px #000;
}

#lightbox .inner .content	{
	position: relative;
	float: left;
	width: 250px;
	padding: 5px;
}
#lightbox .inner .content .title span {
	font-weight:bold;}

#lightbox .inner .button	{
	margin-top: 10px;
}

#lightboxInner .button span	{
	font-weight: bold;
}

.fiInner .RotatingGallery {
	position: relative;
}
.fiInner .RotatingGallery>div {
	/*width: 100%;*/
}

.RotatingGallery div.cover {
	overflow: hidden;
}
.River {
	position: relative;
}
.River .containerwrapper {
	overflow: hidden;
}
.River .container {
	position: relative;
	padding-top: 50px;
	width: 10000px;
}
.River .container>div {
	position: relative;
	float: left;
}
.River .cover {
	padding: 0 20px 10px 0 !important;
}
.River .cover .inner {
	background-color: white;
	padding: 5px;
	
	-moz-box-shadow: 		0px 1px 8px #000;
	-webkit-box-shadow: 	0px 1px 8px #000;
	box-shadow: 			0px 1px 8px #000;
}
.River .cover img{
	max-height:175px;
}
.River .ui {
	position: absolute;
	top: 5px;
	right: 20px;
}
.River .ui>div {
	position: relative;
	float: left;
	padding: 3px;
	font-weight: bold;
}
.River .ui .pause, .River .ui .left, .River .ui .right {
	background-color: black;
	color: white;
}
.River .ui .play {
	background-color: white;
	color: black;
}
.River .title {
	position: absolute;
	top: 5px;
	left: 20px;
	color: #fff;
	height: 40px;
}
.River .title span {
	-moz-text-shadow: 		0px 1px 5px #000;
	-webkit-text-shadow: 	0px 1px 5px #000;
	text-shadow: 			0px 1px 5px #000;}
.River .title .main {
	font-weight: bold;
	font-size: 200%;
}
.River .title .sub,
.River .title .loading {
	font-size: 150%;
	vertical-align: bottom;
	padding-left:10px;
}
.River .title>div {
	position: relative;
	float: left;
}
.River .loading {
}

.noImageOverlay {
	position: absolute;
	top: 5px;
	text-align: center;
	width: 100%;
}
.noImageOverlay .noImageTitle span {
	font-size: 80%;
	font-weight: bold;
	color: #000;
}
.noImageOverlay .noImageAuthor span {
	font-size: 80%;
	color: #000;
}


			/***
 *	RotatingGallery.css
 */

.RotatingGallery	{
	position: relative;
	width:					100%;
}

.RotatingGallery .flashContainer	{
	width:					100%;
	height:					100%;
	margin:					auto;
	z-index: 1;
}

.RotatingGallery .openClose	{
	position:				absolute;
	top: 4px;
	right: 4px;
	width: 15px;
	height: 15px;
}

.RotatingGallery .openClose .inner	{
	visibility: hidden;
}

.RotatingGallery .openClose .close	{
	background: url(../css/applications/images/squareArrow.gif) no-repeat 0 0;
}

.RotatingGallery .openClose .open	{
	background: url(../css/applications/images/squareArrow.gif) no-repeat 0 -14px;
}

.RotatingGallery .lightbox	{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 100;
}

.RotatingGallery .lightbox  .lightboxInner	{
	position: relative;
	top: 2px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 250px;
	height: 250px;
	background-color: white;
	padding: 5px;
}

.RotatingGallery .lightbox .lightboxClose	{
	position: absolute;
	top: 2px;
	right: 6px;
	background: url(../css/applications/images/squareArrow.gif) no-repeat 0 0;
	width: 15px;
	height: 15px;
}

.RotatingGallery .lightbox .lightboxClose .inner	{
	visibility: hidden;
}

			/***
 *	Login.Container.css
 *
 *	styles for the login container
 */

.LoginContainer	{
}

.LoginContainer .loginform	{
	padding: 10px 0px;
	width: 100%;
}

.LoginContainer label	{
	width: 100%;
	display: block;
}

.LoginContainer input[type="text"], 
.LoginContainer input[type="password"] {
    width: 80%;
}

.LoginContainer .dijitButton	{
	width: 100%;
	text-align: right;
}


			/***
 *	BannerSWF.css
 */

.BannerSWF	{
	position: relative;
	width:					100%;
}

.BannerSWF .flashContainer	{
	width:					90%;
	height:					100%;
	margin:					auto;
	z-index: 1;
}

.BannerSWF .openClose	{
	position:				absolute;
	top: 4px;
	right: 4px;
	width: 15px;
	height: 15px;
}

.BannerSWF .openClose .inner	{
	visibility: hidden;
}

.BannerSWF .openClose .close	{
	background: url(../css/applications/images/squareArrow.gif) no-repeat 0 0;
}

.BannerSWF .openClose .open	{
	background: url(../css/applications/images/squareArrow.gif) no-repeat 0 -14px;
}