/* $Id$ */
/******New Slideshow controls classes**********/

.controls {
	height:28px;_height:30px;
	width:100%;
	background-color:#f0f0f0;
	border-top:1px solid rgb(167, 210, 232);
	margin:0px;
	padding:2px 0px 2px 0px;
}
.controls p{
	margin: 0px;
	padding: 0px;
	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
}
.controls_rht input {
	margin:0px;
	padding:0px;
}
.controls_lft {
	width:31%;
	float:left;
	color:#949494;
	padding: 0 0 10px;
	text-align:left;
	font: normal 12px verdana, Tahoma, Arial;
 }
 .controls_mid {
	 width:35%;
	 text-align:center;
	 float:left;
 }
 .controls_rht {
	 margin:3px 0px 0px 0px;
	 padding:0px;
	 width:31%;
	 float:right;
	 
 }
 .controls_lft .logo {
	 vertical-align:top;
	 margin-top:2px;
	 text-align:center;
	 background:url(../images/slideshowLogo_medium.gif);
	 height:24px;
	 width:36px;
}

.controls_lft .logo_poweredby {
	 vertical-align:top;
	 margin-top:2px;
	 text-align:center;
	 background:url(../images/poweredby.gif);
	 height:24px;
	 width:36px;
}

.controls p .text {
	width:20px;
	height:18px;
	margin:5px 0 2px 10px;
	padding:0px;
	border:none;
	border-top:1px solid #505050;
	border-left:1px solid #505050;
	border-bottom:1px solid #c4c4c4;
	border-right:1px solid #c4c4c4;
	background-color:#f9f9f9;
	font:normal 11px Tahoma;
	text-align: right;
}
.controls_mid .play, .pause, .mo_play, .mo_pause{
	width:36px;
	height:26px;
	background:url(../images/iframe_slideshowImgs.gif) no-repeat -113px 0px;
	cursor:pointer;	
	border:none;
	
}
.controls p .pause { 
	background:url(../images/iframe_slideshowImgs.gif) no-repeat -113px -55px; 
}
.controls p .mo_play{
	background:url(../images/iframe_slideshowImgs.gif) no-repeat -113px -27px; 
}
.controls p .mo_pause{
	background:url(../images/iframe_slideshowImgs.gif) no-repeat -113px -83px; 
}
.controls p .rewind, .controls p .mo_rewind, .controls p .forward, .controls p .mo_forward {
	 width:26px;
	 height:26px;
	 margin:1px 0 0 0;
	 background:url(../images/iframe_slideshowImgs.gif) no-repeat -84px 0px;
	 border:none;
	 padding:0px;
	 cursor:pointer;	
}
.controls p .mo_rewind {
	 background:url(../images/iframe_slideshowImgs.gif) no-repeat -84px -27px;
}
.controls p .forward{
	 margin: 0px !important;
	 background:url(../images/iframe_slideshowImgs.gif) no-repeat -158px 0px;
}
.controls p .mo_forward {
	 margin: 0px !important;
	 background:url(../images/iframe_slideshowImgs.gif) no-repeat -158px -27px;
}

.controls p .add, .controls p .sub, .controls p .mo_add, .controls p .mo_sub{
	width:18px;
	height:19px;
	background:url(../images/iframe_slideshowImgs.gif) no-repeat -22px 0px;
	border:none;
	cursor:pointer;
	vertical-align:top;
	position:relative;
	top:5px;
	_top:5px;
}
.controls p .sub {
	background:url(../images/iframe_slideshowImgs.gif) no-repeat -0px -0px;
	margin:0px;
	padding:0px;
}
.controls p .mo_add {
	background:url(../images/iframe_slideshowImgs.gif) no-repeat -22px -50px;
}
.controls p .mo_sub {
	background:url(../images/iframe_slideshowImgs.gif) no-repeat -0px -50px;
	margin-top:0px;
}

.controls p .box {
	width:20px;
	height:19px;
	border:none;
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	padding:2px 0px 0px 0px;
	background-color:#f0f0f0;
	text-align: center;	
	vertical-align:top;
	margin:5px 0px 0px 0px;_margin:4px 0pt 0pt;
	font: normal 11px Tahoma, Verdana, Arial, Arial, Helvetica, sans-serif;
}


.controls .hidelft, .controls .mo_hidelft  {
	position:relative;
	top:4px;
	_top:4px;
	margin:0px;
	padding:0 2px 0 0;
	margin-left:0px;
	background:url(../images/iframe_slideshowImgs.gif) no-repeat -6px -24px;
	height:20px;
	width:3px;
}
.controls .mo_hidelft{
	background:url(../images/iframe_slideshowImgs.gif) no-repeat -18px -24px;
}

.controls .hide, .controls .mo_hide{
	border:none;
	height: 19px;
	background:url(../images/slideshowmenu.gif) no-repeat top right;
	margin:5px 0 0 0;
	padding:2px 3px 6px 0;_padding:2px 3px 6px 2px;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	vertical-align:top;
	color:#949494;
	cursor: pointer;
}
.controls .mo_hide{
	background:url(../images/slideshowmenu.gif) no-repeat bottom right;
}
.small_controls .hidelft, .small_controls .mo_hidelft{
	position: relative;
	top: 0px;
	margin: 0px;
	padding: 0px;
	margin-left: 3px;
	_margin-left: 0px;
	background:url(../images/small_hideimg.gif) no-repeat -12px -0px;
	height: 16px;
	width: 3px;
	text-align: left;
}
.small_controls .mo_hidelft{
	background:url(../images/small_hideimg.gif) no-repeat -12px -34px;
}

.small_controls .hide, .small_controls .mo_hide{
	border:none;
	height:16px;
	background:url(../images/small_hideimg.gif) no-repeat top right;
	margin:0px 1px 0 0;
	padding:0px 3px 6px 0;
	_padding-right: 0px !important;
	_padding-left: 4px !important;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	vertical-align:top;
	color:#949494;
	cursor: pointer;
	text-align:left;
}

.small_controls .mo_hide{
	background:url(../images/small_hideimg.gif) no-repeat bottom right;
}
.controls p .view, .controls p .mo_view, .controls p .menu, .controls p .mo_menu{
	 position:relative;
	 top:5px;_top:5px;
	 background:url(../images/iframe_slideshowImgs.gif) no-repeat -188px 0px;
	 margin:0px;
	 padding:0 0 0 2px;
	 border:none;
	 cursor:pointer;	
	 width: 21px;
	 height: 19px;
}
.controls p .mo_view{
	background:url(../images/iframe_slideshowImgs.gif) no-repeat -188px -21px;
}
.controls p .menu{
	background:url(../images/iframe_slideshowImgs.gif) no-repeat -2px -169px;
	_margin-right:3px;position:relative;top:5px;_top:5px;
}
.controls p .mo_menu{ 
	background:url(../images/iframe_slideshowImgs.gif) no-repeat -27px -169px;
	_margin-right:3px;position:relative;top:5px;_top:5px;
}
.small_controls { 
	height:21px;
	 width:100%;
	 background-color:#f0f0f0;
	 border-top:1px solid rgb(167, 210, 232);
	 margin:0px;
	 padding:3px 0px 0px 0px !important;
	 padding:0px 0px 0px 0px;
}
.small_controls_rht input { 
	 margin:0px;
	 padding:0px;
}
.small_controls .controls_lft { 
	width:34%;
	float:left;
	color:#949494;
	margin:0px;
	padding:0px !important;
	padding:1px 0px 0px 0px;
	font: normal 10px verdana, Tahoma, Arial;
}
.small_controls .controls_mid { 
	  width:30%;
	  text-align:center;
	  float:left;
	  margin:0px !important;
	  padding:0px !important;
	  padding:3px 0px 0px 0px;
}
.small_controls .controls_rht { 	  
	  padding:0px !important;
	  margin:0px !important;
	  padding:4px 0px 0px 0px;
	  width:34%;
	  float:right;
}
.small_controls p .logo { 
	 vertical-align:top;
	 margin-top:0px;
	 margin-left:2px;
	 _margin-left: -1px;
	 text-align:center;
	 background:url(../images/slideshowLogo_small.gif);
	 height:17px;
	 width:27px;
}
.small_controls p .text { 
	width:15px;
	height:15px;
	margin:2px 0 2px 3px;
	_margin-left: 0px;
	padding:0px !important;
	text-align: right;
	border:none;
	border-top:1px solid #505050;
	border-left:1px solid #505050;
	border-bottom:1px solid #c4c4c4;
	border-right:1px solid #c4c4c4;
	background-color:#f9f9f9;
	font:normal 11px Tahoma;
}
.small_controls p .rewind, .small_controls p .forward, .small_controls p .mo_rewind, .small_controls p .mo_forward, .controls p .ftscrn, .controls p .mo_ftscrn, .controls p .norscrn, .controls p .mo_norscrn { 
	 width:21px;
	 height:18px;
	 margin:0px 0 0 0;
	 background:url(../images/iframe_slideshowImgs.gif) no-repeat -1px -77px;
	 border:none;
	 vertical-align:top;
	 padding:0px;
	 cursor: pointer;
}
.controls p .ftscrn{
	background-position:-188px -45px;
	height:24px;
}

.controls p .mo_ftscrn{
	background-position:-188px -70px;
	height:24px;
}
.controls p .norscrn{
	background-position:-219px -45px;
	height:24px;
}

.controls p .mo_norscrn{
	background-position:-219px -70px;
	height:24px;
}
.small_controls p .forward {
	 margin-left: 1px;
	 background:url(../images/iframe_slideshowImgs.gif) no-repeat -49px -77px;
}
.small_controls p .mo_forward { 
	 margin-left: 1px;
	 background:url(../images/iframe_slideshowImgs.gif) no-repeat -49px -122px;
}
.small_controls p .mo_rewind { 
	 background:url(../images/iframe_slideshowImgs.gif) no-repeat -1px -122px;
}
.small_controls p .play, .small_controls p .pause, .small_controls p .mo_play, .small_controls p .mo_pause { 
	margin-left: 1px;
	width:23px;
	height:18px;
	background:url(../images/iframe_slideshowImgs.gif) no-repeat -24px -77px;
	border:none;
	padding:0px 0px 0px 0px;
	cursor: pointer;
}
.small_controls p .pause { 
	background:url(../images/iframe_slideshowImgs.gif) no-repeat -1px -146px; 
}
.small_controls p .mo_play { 
	background:url(../images/iframe_slideshowImgs.gif) no-repeat -24px -122px; 
}
.small_controls p .mo_pause { 
	background:url(../images/iframe_slideshowImgs.gif) no-repeat -26px -146px; 
}
.small_controls p .add, .small_controls p .sub, .small_controls p .mo_add, .small_controls p .mo_sub { 
	width:12px;
	height:17px;
	background:url(../images/iframe_slideshowImgs.gif) no-repeat -17px -101px;
	border:none;
	vertical-align:top;
	margin:0px;
	padding:0px;
	cursor: pointer;
}
.small_controls p .sub { 
	background:url(../images/iframe_slideshowImgs.gif) no-repeat -1px -101px;
}
.small_controls p .mo_add { 
	background:url(../images/iframe_slideshowImgs.gif) no-repeat -61px -52px;
}
.small_controls p .mo_sub { 
	background:url(../images/iframe_slideshowImgs.gif) no-repeat -47px -52px;
}

.small_controls p .box { 
	border: none;
	width:14px;
	height:16px;
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;	
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	position:relative;
	top:0px!important;
	top:-1px;
	vertical-align:top;
	background-color:#f0f0f0;
	text-align: center;
	font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif, Arial;
}

.small_controls p .menu, .small_controls p .mo_menu{ 
	position:relative;
	top:-0px;
	background:url(../images/iframe_slideshowImgs.gif) no-repeat -52px -101px;
	margin:0px 0px 0px 0px;
	_margin-right: 4px;
	padding:0 0 0 0;
	cursor: pointer;
	width: 18px;
	height: 16px;
}
.small_controls p .mo_menu{ 
	background:url(../images/iframe_slideshowImgs.gif) no-repeat -73px -101px;
}
.small_controls p .view, .small_controls p .mo_view{ 
	position:relative;
	 top:0px;
	 background:url(../images/iframe_slideshowImgs.gif) no-repeat -31px -101px;
	 margin:0px 2px 0px 3px !important;
	 _margin: 0px;
	 padding:0 0 0 0px;
	 width: 18px;
	 height: 16px;
	 border:none;
	 cursor: pointer;
}
.small_controls p .mo_view{
	 background:url(../images/iframe_slideshowImgs.gif) no-repeat -74px -78px;
}
.small_controls p .controlTxt {
	padding:0px 0px 0px 3px;
	font:normal 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	top:-1px;
	_top:-2px;
	color: #949494;
}
.small_controls .numberOfSlidesTxt {
	margin:0px;
	padding:0px 0px 0px 2px;
	font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	top:-1px;
	color: #949494;
}
.controls p .controlTxt {
	padding:0px 0px 0px 5px;
	font:normal 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	top:-1px;
	_top:-3px;
	color: #949494;
}
.controls p .numberOfSlidesTxt {
	margin:0px;
	padding:0px 0px 0px 2px;
	font:normal 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	top:0px;
	_top:-2px;
	color: #949494;
}
