﻿/* sliding bar*/
.tblPromotions
{
	width :1020px;
	height:150px;
	border: medium #C0C0C0 solid;
	background-image:url('/publishingimages/ap/sl_bg.png');
	background-repeat:repeat;
}

.title
{
	margin-left:30px;
	font-family: arial;
	font-weight:bold;
	color:#fc5332;
	font-size:15pt;
}

.close
{
	margin-right:20px;
	font-family: arial;
	font-weight:bolder;
	color: Black;
	font-size:8pt;
	border:none;
}

.close:hover
{
	background:none;
	font:bold;
	color:gray;
	cursor:pointer;
}

.scrpanel
{
	width: 900px;
	height:110px;
	text-align:right;
}

.notice
{
	color: Black;
	font-size:8pt;
	text-align:left;
	margin-left: 2px;
	margin-right:5px;
}

/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
.pscrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width:791px;
    height:110px;
    float:left; 
         
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set the width and height for the root element and
    not for this element.
*/
.pscrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

.items div {
    float:left;
    width:790px;
}

/* single scrollable item */
.pscrollable img {
    float:left;
    margin:8px 5px 8px 8px;
    background-color:transparent;
    padding:2px;
    border:none;
    width:114px;
    height:90px;    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

/* active item */
.pscrollable .active {
    border:2px solid #000;
    position:relative;
    cursor:default;
}

.hscrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width:791px;
    height:110px;
    float:left; 
         
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set the width and height for the root element and
    not for this element.
*/
.hscrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

/* single scrollable item */
.hscrollable img {
    float:left;
    margin:8px 5px 8px 8px;
    background-color:transparent;
    padding:2px;
    border:none;
    width:114px;
    height:90px;    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

/* active item */
.hscrollable .active {
    border:2px solid #000;
    position:relative;
    cursor:default;
}



/* this makes it possible to add next button beside scrollable */

/* prev, next, prevPage and nextPage buttons */
a.browse {

    display:block;
    width:36px;
    height:62px;
    float:left;
    cursor:pointer;
    font-size:1px;
    margin-top:25px;
}

/* right */
a.right { background-image:url('/PublishingImages/ap/sl_browsearrowright.png'); background-repeat:no-repeat

clear:right; margin-right: 0px;
}

/* left */
a.left { background-image:url('/PublishingImages/ap/sl_browsearrowleft.png');  background-repeat:no-repeat
margin-left: 20px; } 

/* disabled navigational button */
a.disabled {
    visibility:hidden !important;       
} 



/* site map*/
.sitemap_tbl
{
	vertical-align:text-top;
	text-align:left;
	border: medium #C0C0C0 solid;
	background-image:url('/publishingimages/ap/sl_bg.png');
	background-repeat:repeat;

}

.sitemap_tbl ul
{	
	list-style:none;
	color:#fc5332;
	text-align:left;
	margin:0; 
	padding:0 13px 0 13px;

}

.sitemap_tbl ul li
{	text-align:left;
	width:100px;
	right:0px;
	width:100%;	
	height:100%;
	cursor:default;
}

.sitemap_sideborder
{
	border-right:dotted 2px black;
}

a.sitemap_group
{
	font-size:10pt;
	font-weight:bold;
	text-transform:uppercase;
	padding:0 13px 10px 13px;	
	color:black;
	text-decoration:none;
}

a.sitemap_child
{
	font-size:9pt;
	font-weight:bold;
	text-decoration:none;
	color:#fc5332;
}

a.sitemap_child:hover,a.sitemap_subchild:hover
{
	color:#221819;
}


a.sitemap_subchild
{
	font-size:9pt;
	color:#fc5332;
	text-decoration:none;
}

a.sitemap_nolinks
{
 	cursor:default;
}

a.sitemap_nolinks:hover
{
	color:#fc5332!important;
}

/* Annoucement */
.tblAnnoucement
{
	width :530px;
	border:none;	
	border: medium #C0C0C0 solid;
	background-image:url('/publishingimages/ap/sl_bg.png');
	background-repeat:repeat;
	vertical-align: top;
}


#anc_panel
{
	font-family:Arial;
	font-size:10pt;	
	text-align:center;
}

.anc_table
{
	height:100px;
	width:250px;
	position:relative;
	float:left;
	text-align:left;
}
.anc_date
{
	font-weight:bold;
		font-size:12px;
	padding:15px;
	padding-bottom:10px;
}

.anc_desc
{
	text-transform:uppercase;
		font-size:12px;
	padding:10px;	
	padding-left:15px;
}

.anc_more
{
	text-decoration:underline;
	font-size:11px;
	padding:15px;
	padding-top:10px;
}

.anc_more a:hover
{
	cursor:pointer;
}

