﻿.divRotator a:visited, .divRotator a:link, .divRotator a:active, .divRotator a
{color:#000000; font-size:11px; font-weight:600; line-height:0.9; text-decoration:none;}
.divRotator a:hover{text-decoration: underline; color: #000000;}
.divRotator img{border-color: black;}
.hotTopicTitle{padding-left: 5px; font-style: italic;}
.hotTopicThumbnailWrapper img{border: 2px black solid;}
.settingsTable{margin: 0px;padding: 0px; border: none 0px;width: 100%;}
.settingsTable td{padding: 3px;}
.settingsTable .contentColumn{width: 100%;}
.settingsTable tr{vertical-align: top;}
.settingsTable .ajax__calendar td{padding: 0px;}
.hotTopicTable{width:545px;}
.hotTopicThumbnail{width: 160px; height: 160px;}
.btnPrev, .btnPause, .btnNext{border: none;}


.disabledTextBox{background-color: #777 !important;}
.Help{white-space: normal;}
.leftAlign{text-align: left;}
.rightAlign{text-align: right;}
.nowrap{white-space: nowrap;}
.nowrapTable th, .nowrapTable td{white-space: nowrap;}
/*Add word break support to Opera*/
wbr:after { content: "\00200B" }
.TitleTextBox{width: 90%;}
#editContent {overflow: auto; border-top: 1px #ccc solid; padding: 10px 0;}
#divArticleToRotate{overflow: auto; text-align: left; margin: 10px 0 20px 0;}
#divArticleToRotate p{ text-align: left;}



.rotatorWrapper{width: 100%; clear: both; overflow: hidden; background: transparent;}

	.rotator{width: 100%; overflow: hidden;}
		.rotatorContentWrapper{width: 100%; clear: both; overflow: hidden;}
			.rotatorContent{width: 100%; clear: both; overflow: hidden;}
				.rotatorThumbnailWrapper{}
					a.rotatorThumnailLink {}
						img.rotatorThumnail{}
				.rotatorContentBodyWrapper{}
					.rotatorContentTitleWrapper{}
						a.rotatorContentTitleLink {}
					.rotatorContentDescriptionWrapper{}
						.rotatorDescription{}
				
	
	.rotatorControlsWrapper{}
		.rotatorControlsPreviousLink{background: transparent url(images/previous.gif) no-repeat; height: 6px; width: 16px; cursor: pointer;}
		.rotatorControlsPauseLink{background: transparent url(images/pause.gif) no-repeat;height: 14px;width: 14px; cursor: pointer;}

		.rotatorPositionsWrapper{}
			.rotatorPosition{}
			.rotatorPositionSelected{color: #d00000;}
			
				.rotatorPositionThumbnailLink{}
				.rotatorPositionTitleLink{}
			
			
		.rotatorControlsNextLink{background: transparent url(images/next.gif) no-repeat; height: 6px; width: 16px; cursor: pointer;}

#rotatorContentDescriptionWrapper{padding: 10px 0;}
#topRotatorHeader{overflow: auto; width: 720px;}
	.lt-corner{background: url(images/lt-corner.gif) no-repeat left top; height: 30px; width: 10px; float: left;}
	.rotatorHeaderWrapper{background: url(images/top-header-bg.gif) repeat-x left top; height: 30px; float:left; width:700px;}
		.sortOrder{float: left; width: 120px; padding: 5px 0;}
		.RotatorOptions .rotatorContentTitleWrapper{float: left; padding: 4px 0;}
	.rt-corner{background: url(images/rt-corner.gif) no-repeat right top; height: 30px; width: 10px; float: left;}

.RotatorOptions #rotatorContent {overflow: auto; border-left: 1px #8fb9d0 solid; border-right: 1px #8fb9d0 solid; padding: 15px 10px; width: 698px}
	* html #rotatorContent{ height: 100%;}
	.rotatorDescription {float: left; width:50%; margin-right: 10px;}
		.RotatorOptions .rotatorDescriptionTitle{border-bottom: 1px #8fb9d0 solid; padding: 10px 0;}
	.rotatorThumbnail, .rotatorPositionThumbnail{padding: 10px 0;}
		.rotatorThumbnailWrapper{float: left; padding-right: 20px;}
		.rotatorPositionThumbnailWrapper{float: left;}


#rotatorThumbnails {float: right; text-align: left; width: 48%;}
	.rotatorThumbnailTitle{border-bottom: 1px #8fb9d0 solid; padding: 10px 0;}
	.rotatorPositionThumbnailTitle{border-bottom: 1px #8fb9d0 solid; padding: 10px 0;}

#rotatorReadMoreLinkWrapper{border-left: 1px #8fb9d0 solid; border-right: 1px #8fb9d0 solid;}
	.rotatorReadMoreLink{}



#bottomRotatorHeader{overflow: auto; width: 720px;}
	.lb-corner{background: url(images/lb-corner.gif) no-repeat left top; height: 45px; width: 10px; float: left;}
	.editContent {background: url(images/bottom-header-bg.gif) repeat-x left top; height: 45px; float: left; width: 700px;}
		.startEndDate{float: left; width: 50%; padding: 10px 0;}
		.editButtons {float: right; width: 50%; padding: 10px 0; text-align: right;}
	.rb-corner{background: url(images/rb-corner.gif) no-repeat right top; height: 45px; width: 10px; float: left;}

