/* Rotator Styles */
#wrapper {
	width:395px;
	border-top:3px solid #92a5bc;
	border-bottom:1px solid #92a5bc;
	margin:0 auto;
}
#rotator {
	background:#FFF;
	color:#000;
	position:relative;
	padding-bottom:2.6em;
	margin:0;
	width: 100%;
}

/* Tabs */
ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	line-height:1em;
	text-decoration:none;
	list-style:none;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
}

ul.ui-tabs-nav {
	position:absolute;
	bottom:0px;
	left:0;
	z-index:1;
	width:100%;
	border-top:1px solid #FFF;
	background-color: #FFF;
	background-image: url(images/uitabsbg-30.gif);
	background-repeat: repeat;
	background-position: right bottom;
	margin: 0;
	padding: 0;
}

/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link,
li.ui-tabs-nav-item a:visited {
	font-weight:normal;
	color:#999;
	border-left:1px solid #FFF;
	border-right:1px solid #c5ced9;
	height: 30px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	background-color: #FFF;
	background-image: url(images/uitabsbg.gif);
	background-repeat: repeat;
}

/* Hovered Tab */
#rotator .ui-tabs-nav-item a:hover,
#rotator .ui-tabs-nav-item a:active {
	background:#FFF url(images/uiactivetabbg.gif) repeat-x bottom left;
	color:#333;
}

#rotator .ui-tabs-nav-item a span {
	float:left;
	padding:.5em;
	cursor:pointer;
}

/* Active Tab */
#rotator .ui-tabs-selected a:link,
#rotator .ui-tabs-selected a:visited,
#rotator .ui-tabs-selected a:hover,
#rotator .ui-tabs-selected a:active {
	background:#fff url(images/uiactivetabbg.gif) repeat-x bottom left;
	color:#333;
}

/* Content Panels */
#rotator .ui-tabs-panel {
	font-family:Verdana, Geneva, sans-serif;
	clear:left;
	color:#000;
	height:350px;
	overflow: hidden;
}

#rotator .ui-tabs-hide {
	display: none;










}
#rotator h2 , #rotator h3{
	color:#452c90;
	font-weight:bold;
	margin:0;
	line-height:1.2em;
}
#rotator h2{
	font-size: 24px;
}
#rotator h3{
	font-size: 18px;
}



#rotator p {
	font-size:12px;
	margin:.5em 0;
	color:#333;
}
#rotator .btn_video {
	height:30px;
	width:99px;
	text-indent:-9999em;
	margin-right:0 auto;
	overflow:hidden;
	background-color: transparent;
	background-image: url(images/video.gif);
	background-repeat: no-repeat;


}
#rotator .btn_read {
	height:30px;
	width:99px;
	text-indent:-9999em;
	margin-right:0 auto;
	overflow:hidden;
	background-color: transparent;
	background-image: url(images/read.gif);
	background-repeat: no-repeat;
}

/* Background Images */
#rotator #fragment-1 {
	background-color: transparent;
	background-image: url(images/insider-iran.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 350px;
}

#rotator #fragment-2 {
	background-color: transparent;
	background-image: url(images/strategic-intercession.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 125px;
	height: 225px;
}


#rotator #fragment-3 {
	padding:135px 0px 0px 0px;
	background-color: transparent;
	background-image: url(images/why-i-am-not-a-muslim.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 215px;
}

#rotator #fragment-4 {
	padding:25px 0px 0px 0px;
	background-color: transparent;
	background-image: url(images/logo-pmi.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 325px;
}
#rotator #fragment-5 {
	padding:123px 0px 0px 0px;
	background-color: transparent;
	background-image: url(images/ripple-effect.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 227px;
}
#rotator #fragment-6 {
	padding:20px 0px 15px 0px;
	background-color: transparent;
	background-image: url(images/backyard-mission.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 315px;
}
.text-align-center {
	text-align: center;
}
.text-align-right {
	text-align: right;
}

.float-left {
	float: left;
}
.float-right {
	float: right;
}
.column1 , .column2{
	width: 192px;
	float: left;
	text-align: center;
	height: 100px;
}
.column1 {
	padding-right: 5px;
	border-right: solid #ccc 1px;
}
.column2 {
	padding-left: 5px;
}
.button-link {
	padding: 2px;
	border: 0;
}
.clear {
	clear: both;
}