@charset "utf-8";
/* CSS Document */

body {
	background:url(images/bg.jpg);
	margin:0px auto 5px auto;
	background:#383838;
	width:980px;	
}

.page {

}

.mainmenu {
	
}

.menubody {
	/* background:#cecece;
	height:383px;
	width:323px;
	padding:15px 0px 15px 0px; */
	position:relative;
	height:413px;
	background:#cecece;
}

.menuitem {
	margin:2px 0px 2px 0px;
	padding-bottom:2px;
	border-bottom:1px solid #b9b9b9;
}

.menuitem  a{
	font-size:16px;
	font-family:Trebuchet MS, Tahoma, sans-serif;
	font-weight:bold;
	color:#373737;
	text-decoration:none;
	display:block;
	padding:3px 3px 3px 33px;
	background:url(images/arrow.png) 13px no-repeat;
}

.menuitem  a:hover{
	color:#373737;
	background:#dddddd url(images/arrow.png) 13px no-repeat;
}

.content {
	margin-top:4px;
}

.portlet {
	width:323px;
}

.portletBody {
	background:#f2f2f2;
	font-size:11px;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	color:#515151;
	
}

.portletitem {
	padding:11px;
	border-bottom:1px solid #b9b9b9;
}

.portletComment {
	background:#dadada;
	padding-top:7px;
	width:307px;
}

.portletComment a{
	font-size:12px;
	font-family:Trebuchet MS, Tahoma, sans-serif;
	font-weight:bold;
	color:#313131;
	text-decoration:none;
}

.portletComment a:hover{
	color:Black;
}

.portletfooter {
	background:#cecece;
	height:8px;
	display:block;
}

.timeline {
	width:623px;
	height:168px;
	background:#13171e;
}	
	
.link1 {
	font-size:14px;
	font-family:Trebuchet MS, Tahoma, sans-serif;
	font-weight:bold;
	color:#ffea14;
	text-decoration:none;
}

.link1:hover {
	color:#ff7300;
}

.link2 {
	font-size:14px;
	font-family:Trebuchet MS, Tahoma, sans-serif;
	font-weight:bold;
	color:#ff7300;
	text-decoration:none;
}

.link2:hover {
	color:#ffea14;
}

.link3 {
	font-size:12px;
	font-family:Trebuchet MS, Tahoma, sans-serif;
	color:#7e7e7e;
	text-decoration:none;
}

.link3:hover {
	color:White;
}

.link4 {
	font-size:16px;
	margin-right:10px;
	color:#0895be;
	text-decoration:none;
	border-bottom:1px solid #0895be;
	padding-bottom:2px;
}

.link4:hover {
	color:#056581;
}

.footer {
	background:#222222 url(images/footer_bg.jpg) left no-repeat;
	margin-top:6px;
	height:69px;
	vertical-align:middle;
	line-height:69px;
}

.band {
	height:30px;
	line-height:30px;
	background:#252525;
	margin:10px 0px 10px 0px;
	color:#5d5d5d;
}

.item {
	margin:0px 3px 4px auto;
	width:300px;	
}

.item table {
	padding:4px;
}

.item img{
	border:1px solid #e9e9e9;
}

.item img:hover{
	border:1px solid #afafaf;
}

.itemtitle {
	font-weight:bold;
	margin-left:10px;
	font-size:13px;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	color:#515151;
}

.itemtitle a{
	font-weight:bold;
	font-size:13px;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	color:#515151;
}

.itemcontent {
	margin:3px 0px 0px 10px;
	font-size:12px;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	color:#515151;
}

.btn_ara {
    background: url(images/search.png) no-repeat;
    width: 76px;
    height: 25px;
    display: block;
    margin: 0px;
    padding: 0px;
    border:0px;
	cursor:point;
}

.search {
	width:653px;
	height:32px;
	display:block;
	position:relative;
	background:#f2f2f2;
	margin-top:5px;
	padding-top:2px;
}

.txtsearch {
	background:#c9c9c9;
	border:none;
	height:19px;
	line-height:19px;
	vertical-align:middle;
	width:273px;
	color:#0d8de3;
	font-weight:bold;
	font-family:Trebuchet MS, Tahoma, sans-serif;
	font-size:15px;
	padding-left:5px;
	padding-right:5px;
	border:1px solid #c9c9c9;
}

.btnsearch {
	background: url(images/search_btn.jpg) no-repeat;
    width: 90px;
    height: 31px;
    display: block;
    margin: 0px;
    padding: 0px;
    border:0px;
	cursor:point;
}

.programtitle {
	background:#24a4e3 url(images/programtitle_bg.jpg) left no-repeat;
	width:961px;
	height:90px;
	border:10px solid white;
}

.programtitle h1{
	font-family:Trebuchet MS, Tahoma, sans-serif;
	color:white;
	font-size:24px;
	margin-left:20px;
	margin-top:30px;
}

.ptitle {
	background:#24a4e3 url(images/ptitle_bg.jpg) left no-repeat;
	width:616px;
	height:37px;
	line-height:37px;
	padding-left:37px;
	font-family:Arial, sans-serif;
	font-size:14px;
	color:white;
	font-weight:bold;
}

.ptitle2 {
	line-height:37px;
	font-family:Arial, sans-serif;
	font-size:14px;
	color:black;
	font-weight:bold;
}

.pcontent {
	height:243px;
	background:#cecece;
	width:643px;
	margin:4px 0px 4px 0px;
	padding-left:10px;
}

.pcontent h3 {
	color:black;
	font-weight:bold;
	font-family:Trebuchet MS, Tahoma, sans-serif;
	font-size:15px;
}

/* Slide Webisode CSS */

.stepcarousel{
	position: relative; 
	overflow: scroll; 
	width: 640px; 
	height: 243px; 
}

.stepcarousel .belt{
	position: absolute; 
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left;
	overflow: hidden; 
	margin: 20px 20px 5px 0px; 
	/*width: 250px; */
}

.stepcarousel .panel span{
	font-family:Arial, sans-serif;
	font-size:12px;
	color:black;
	font-weight:bold;
	display:block;
}

.navButon {
	background:#06a7ff;
	padding:4px;
	border:2px solid white;
	text-decoration:none;
	font-size:11px;
	color:white;
	font-family:Tahoma;
	font-weight:bold;

}

.listView02_title {
	font-family:Arial, sans-serif;
	font-size:13px;
	color:black;
	font-weight:bold;
	display:block;
	margin-left:15px;
}

.listView02_content {
	font-family:Arial, sans-serif;
	font-size:12px;
	color:black;
	display:block;
	margin:15px 0px 0px 15px;
}

/* Slide Webisode CSS */


/* Menu */
.bdc-dd-menu {
	width: 322px;
	height:413px;
	background:#cecece;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.bdc-dd-menu-panel {
	background-color: #cecece;
	padding: 0;
	margin: 0;
}

.bdc-dd-scroll-pane {
	overflow: hidden;
	position: relative;
}

.bdc-dd-scroll-up {
	width: 322px;
	height: 15px;
	background-image: url(images/arrow-black-up.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: white;
	border: 1px outset;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

.bdc-dd-scroll-up-hover {
	width: 322px;
	height: 15px;
	background-image: url(images/arrow-white-up.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #09c;
	border: 1px solid #09c;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

.bdc-dd-scroll-up-click {
	width: 322px;
	height: 15px;
	background-image: url(images/arrow-white-up.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #069;
	border: 1px solid #069;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

.bdc-dd-scroll-down {
	width: 322px;
	height: 15px;
	background-image: url(images/arrow-black-down.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: white;
	border: 1px solid;
	cursor: pointer;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 100;
}

.bdc-dd-scroll-down-hover {
	width: 322px;
	height: 15px;
	background-image: url(images/arrow-white-down.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #09c;
	border: 1px solid #09c;
	cursor: pointer;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 100;
}

.bdc-dd-scroll-down-click {
	width: 322px;
	height: 15px;
	background-image: url(images/arrow-white-down.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #069;
	border: 1px solid #069;
	cursor: pointer;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 100;
}

.bdc-dd-sub-menu {
	padding: 0;
	margin: 0;
	clear: both;
}

.bdc-dd-item {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.bdc-dd-label {
	padding: 0;
	margin: 0;
	cursor: pointer;
}

.bdc-dd-label-hover {
	padding: 0;
	margin: 0;
	cursor: pointer;
	background-color: #09c;
}

.bdc-dd-label-initial {
	padding: 0;
	margin: 0;
	cursor: pointer;
	color: #0d7bb6;
}

.bdc-dd-label-initial-hover {
	padding: 0;
	margin: 0;
	cursor: pointer;
	color: #0d7bb6;
}

.bdc-dd-label-initial .bdc-dd-text {
	color: #0d7bb6;
}

.bdc-dd-label-initial-hover .bdc-dd-text {
	color: #0d7bb6;
}

.bdc-dd-text {
	margin: 0;
	text-decoration: none;
	font-size:16px;
	font-family:Trebuchet MS, Tahoma, sans-serif;
	font-weight:bold;
	color:#373737;
	display:block;
	padding:3px 3px 3px 33px;
	background:url(images/arrow.png) 13px no-repeat;
	border-bottom:1px solid #b9b9b9;
}

.bdc-dd-label-hover .bdc-dd-text {
	text-decoration: none;
	display:block;
	padding:3px 3px 3px 33px;
	color:#373737;
	background:#dddddd url(images/arrow.png) 13px no-repeat;
}

.bdc-dd-text-hover {
	display:block;
	padding:3px 3px 3px 33px;
	color:#373737;
	background:#dddddd url(images/arrow.png) 13px no-repeat;
}

.bdc-dd-icon {
	width: 20px;
	float: right;
	margin: 0;
	padding: 0;
	background: url(images/arrow-black-right.png) no-repeat;
	background-position: center center;
	border-bottom:1px solid #b9b9b9;
}

.bdc-dd-label-hover .bdc-dd-icon {
	width: 20px;
	float: right;
	margin: 0;
	padding: 0;
	background: url(images/arrow-black-right.png) no-repeat;
	background-position: center center;
	background-color: #dddddd;
	border-bottom:1px solid #b9b9b9;
}

.bdc-dd-icon-hover {
	width: 20px;
	float: right;
	margin: 0;
	padding: 0;
	background: #09c url(images/arrow-white-right.png) no-repeat;
	background-position: center center;
}

.bdc-dd-title {
	border-bottom: 1px solid #b9b9b9;
	border-top: 1px solid #b9b9b9;
	background-color: #dddddd;
	color: #005a7d;
	cursor: pointer;
	background:#dddddd url(images/arrow.png) 13px no-repeat;
	padding-left:28px;
	text-decoration: none;
	font-size:15px;
	font-family:Trebuchet MS, Tahoma, sans-serif;
	font-weight:bold;
}

.bdc-dd-title-root {
	border: 1px outset #09c;
	background-color: #09c;
	color: red;
	display:none;
}

.bdc-dd-title-hover {
	border-bottom: 1px solid #b9b9b9;
	border-top: 1px solid #b9b9b9;
	background-color: #dddddd;
	color: black;
	cursor: pointer;
	background:#dddddd url(images/arrow.png) 13px no-repeat;
	padding-left:28px;
	text-decoration: none;
	font-size:15px;
	font-family:Trebuchet MS, Tahoma, sans-serif;
	font-weight:bold;
}

.bdc-dd-title-root-hover {
	border: 1px outset #09c;
	background-color: #09c;
	color: white;
}

.bdc-dd-title-label {
	font-size: 1.2em;
	margin: 0;
	padding: 0.3em 0 0.3em 0.3em;
}

.bdc-dd-title-icon {
	width: 20px;
	height: 100%;
	float: right;
	margin: 0;
	padding: 0;
	background: url(images/arrow-black-up.png) no-repeat;
	background-position: center center;
}
/* Menu */

.box {
	border-bottom:3px solid #0d8de4;
}

.box1 {
	border-bottom:3px solid #ffba00;
}

.boxcontent {
	background:#ebebeb;
	height:103px;
}

.paging {
	margin-top:0px;
	padding-left:11px;
	font-family:Arial;
	font-size:12px;
}


.number {
	background:#dce2e2;
	line-height:21px;	
}

.number a{
	color:#889da0;
	text-decoration:none;
	padding:0px 5px 0px 5px;
}

.number a:hover{
	color:#576f6f;
}

.numberSelected  div{
	background:#dce2e2;
	font-weight:bold;
	color:#576f6f;
	padding:0px 5px 0px 5px;
	line-height:21px;
	font-family:Arial;
	font-size:12px;
}