/*===========================
 initial font face and size for the whole body section
 ========================================*/
body,
html {
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: Calibri, Arial;

    /* font-size: 11px;
	requested by Jennifer Osborn 4/25/16*/
    font-size: 16px;
    color: #48525B;
}

body {
    font-family: Calibri, Arial;
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
}

h1 {
    font-size: 20px;
    font-family: "Arial";
    font-weight: bold;
    color: #243877;

}

/* Nhi Added as requested 12/22/16 */
h2 {
    font-size: 18px;
    font-family: "Arial";
    font-weight: bold;
    color: #243877;

}

h3 {
    font-size: 16px;
    font-family: "Arial";
    font-weight: bold;
    color: #243877;

}


h4 {
    font-size: 14px;
    font-family: "Arial";
    font-weight: bold;
    color: #243877;

}

h5 {
    font-size: 12px;
    font-family: "Arial";
    font-weight: bold;
    color: #243877;

}


img {
    border: 0px;
}

.imgBorder {
    border: 1px black solid;


}

/* end of Nhi added */


ul {
    margin-bottom: 0px;
    margin-top: 0px;
}


/* =======================================================
	Default the text font and size within the td column
===============================*/
td {
    /* font-size: 11px;
	requested by Jennifer Osborn 4/25/16*/


    font-family: Calibri, Arial;
    font-size: 16px;
}

.smallcontent {
    /* font-size: 11px;
	requested by Jennifer Osborn 4/25/16*/


    font-family: Calibri, Arial;
    font-size: 11px;
}


/*=========================================
	Side Navigation Setting
===========================================*/

.sideNavTitle {
    font-weight: bold;
    color: #fff;
    padding: 5px 0 5px 20px;
    margin: 0 0 0 10px;
    /* background:#84A2BE;
	requested by Jennifer Osborn 4/26/16 */
    background-color: #061C60;
    width: 80%;

}

.sideNavTitle h2 {
    display: inline;
    font-size: 14px;
    color: #fff;
}

.sideNav {
    color: #687983;
    text-decoration: none;
    background: #EFF2F5;
    border-top: 1px solid #B2C7DD;
    border-right: 1px solid #B2C7DD;
    border-left: 7px solid #CA7860;
    padding: 0;
    text-indent: 13px;
    margin: 0 0 0 10px;
    width: 204px;
    /*Nhi added */
    font-family: arial;
    font-size: 11px;
    /*orginal
	width: 204px;*/
    /*content width + padding + border = 212px */

}

.sideNav ul {
    margin: 0;
    list-style: none;
    list-style-image: url("/images/2008/bullet2.jpg");
    text-indent: 0;
    padding: 0px 5px 0px 18px;
    vertical-align: text-top;
}

.sideNav a,
.sideNavOn {
    color: #697983;
    display: block;
    margin: 0;
    text-indent: 0;
    padding: 5px 0 5px 13px;
    border-bottom: 1px solid #B2C7DD;
}

.sideNav a:link,
.sideNav a:visited {
    text-decoration: none;
}


.sideNav a:hover,
.sideNavOn {
    text-decoration: underline;
}

/*====================================
text within the portlet content section
=================================*/
.content {
    /*
font: 11px arial;*/
    color: #48525B;
    /* requested by Jennifer Osborn 4/25/16*/
    font: 16px Calibri;
}

.content a:link {
    /*font: 11px arial;*/
    /* requested by Jennifer Osborn 4/25/16*/
    font: 16px Calibri;
    color: #48525B;
    text-decoration: underline;
}

.content a:hover {
    text-decoration: underline
}

/*=====
#7FBAF0
=====*/
.content a:visited {
    /*font: 11px arial;*/
    /* requested by Jennifer Osborn 4/25/16*/
    font: 16px Calibri;
    color: #4D9FFB;
    text-decoration: underline;
}

.content ul li {
    margin-left: -15px;
    line-height: 20px;
}

.content h1 {
    font-size: 12px;
    font-family: "Trebuchet MS";
    font-weight: bold;
    color: #48525B;

}

/*============================
Content Title within portlet Setting
=========================*/
.contTitle {
    font-size: 12px;
    font-family: "Trebuchet MS";
    font-weight: bold;
    color: #48525B;

}

.contTitle1 {
    font-size: 13px;
    font-family: "Trebuchet MS";
    font-weight: bold;
    color: #48525B;

}

.contTitle2 {
    font-size: 14px;
    font-family: "Trebuchet MS";
    font-weight: bold;
    color: #48525B;

}

.contTitle3 {
    font-size: 14px;
    font-family: "Arial";
    font-weight: bold;
    color: #48525B;

}

.contTitle4 {
    font-size: 20px;
    font-family: Arial;
    font-weight: bold;
    color: #48525B;
}



.contLine {
    height: 1px;
    color: #CA7860
}

.contEmphasis {
    font-size: 12px;
    font-family: "Trebuchet MS";
    color: #D2491F;
    font-weight: bold;

}

/*=================================
Line use to separate the header
from the rest of the page
===================================*/
.headLine {
    height: 1px;
    color: #CA7860
}


/*=======================================
New Header Div layout.
Replace table layout by Div
=========================================*/


.globalNavCenterDiv {
    width: 1003px;
    margin: 0 auto;
}

.indexDiv {
    width: 1003px;
    height: 30px;
    padding-top: 10px;
}

.colTranslate {
    float: left;
    margin-left: 0px;
    margin-right: 0px;
    width: 180px;
}

.colAtoZ1 {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    width: 90px;
}

.colAtoZ2 {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    width: 550px;
}

.colFontSize {
    float: right;
    margin-left: 5px;
    margin-right: 5px;
    width: 120px;
}

.globalNavGreyDiv {
    background-color: #DCDDDE;
    width: 1003px;
    height: 52px;
    padding-top: 7px;
}

.colGrey1 {
    float: left;
    margin-right: 5px;
    width: 160px;
}

.colGrey2 {
    float: left;
    margin-left: 50px;
    margin-right: 5px;
    width: 201px;
}

.colGrey3 {
    float: right;
    margin-left: 5px;
    margin-right: 5px;
    width: 200px;
    padding-top: 5px;
}

.colGrey4 {
    float: right;
    width: 300px;
    padding-top: 10px;
}

.globalNavGreyBlueDiv {
    background-color: #061C60;
    width: 1003px;
    height: 32px;
    padding-top: 2px;
    float: left;
}

.colBlue {
    float: left;
    padding-top: 7px;
    width: 16%;
}

.colBlue2 {
    float: left;
    padding-top: 7px;
    width: 19%;
}

.normalFont {
    font-size: 12px;
    font-family: "Arial Narrow";
}

.largeFont {
    font-size: 14px;
    font-family: "Arial Narrow";
}

.largestFont {
    font-size: 16px;
    font-family: "Arial Narrow";
}

/*=======================================
Header - globalNavGrey
New First level navigation.
=========================================*/
.globalNavGrey {
    font-family: arial;
    font-size: 18px;
    padding: 0;
    margin: 0;
    font-weight: bold;
    color: #2D3F77;
}

h1.globalNavGrey {
    margin-top: 0;
    margin-bottom: 0;
}

.globalNavGrey a:link,
.globalNavGrey a:visited {
    color: #2D3F77;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;

}

.globalNavGrey a:hover {
    color: #57656D;
    text-decoration: underline;
    font-weight: bold;
    font-size: 18px;
}

.globalNavGrey a:active {
    color: #c97962;
    font-size: 18px;
    font-weight: bold;
}


/*======================================
Header - globalNavBlue
New Second level navigation
===============================*/
.globalNavBlue {
    font-family: arial;
    margin-top: 0px;
    padding: 0px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    vertical-align: bottom;
    color: #FFFFFF;


}

.globalNavBlue a:link,
.globalNavBlue a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.globalNavBlue a:hover {
    color: #DCDDDE;
    text-decoration: underline;
}

/*=========================
Google Search Button Setting
=================================== */
.googleSearchButton {

    background-image: url("http://www.publichealth.lacounty.gov/images/2016/SearchIconSmall.jpg");
    background-repeat: no-repeat;

    padding: 1px 0 3px 0;

    width: 10%;

    margin: 10px 0 0 0;


    background-color: #848285;
    border: 1px solid #666666;
    line-height: 1.1em;
}

/*=======================================
Header - Global Navigation - font should stay the same
First level navigation.
The container for this div must be positioned as well.
=========================================*/
.globalNav {
    font-family: arial;
    font-size: 12px;
    /*11px*/
    padding: 0;
    margin: 0;
    font-weight: bold;
    color: #0A1F62;
    /*#687983*/
}

.globalNav a:link,
.globalNav a:visited {
    color: #0A1F62;
    /*#687983*/
    text-decoration: none;


}

.globalNav a:hover {
    color: #57656D;
    text-decoration: underline;
}

.globalNav a:active {
    color: #c97962;
    font-size: 13px;
    /*12px*/
}

/*======================================
Header: Utility Navigation - Second level navigation
===============================*/
.utilityNav {
    font-family: arial;
    margin: 0;
    padding: 2px;
    font-size: 10px;
    font-weight: bold;
    text-align: right;
    color: #687983;
}

.utilityNav a:link,
.utilityNav a:visited {
    color: #687983;
    text-decoration: none;
}

.utilityNav a:hover {
    color: #687983;
    text-decoration: underline;
}

/*==============================
Department Title Setting
==========================*/
a.deptTitle {
    font: bold 20px arial;
    text-decoration: none;
    color: #193C79;
}

/*=========================
Program Title Setting
=========================*/
a.programTitle {
    font: bold 20px arial;
    text-decoration: none;
    color: #B8AA64;
}

/*=====================
 Footer Setting
 ===============================*/
.footer {
    font: 11px arial;
    color: #687983;
    text-decoration: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    border: 1px solid #B2C7DD;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding-bottom: 6px;
    padding-top: 19px;
    text-align: center;
}

.footer a {
    color: #687983;
    text-decoration: none;
}

.footer a:hover {
    text-decoration: underline;
}

.footerImage {
    width: 285px;
    margin-left: auto;
    margin-right: auto;
    border: 0;
    padding: 0;
    text-align: center;
}

.footerDisclaimer {
    font: 11px arial;
    color: black;
    width: 600px;
}


/* Footer ATTRIBUTES ONLY BELOW */
/* comment: Attributes for the footer Menu Drop Downs */
td.footdrop {
    text-align: left;
    font: 11px arial;
    color: white;
    display: block;
}

/* comment: first td.footdn controls font attributes */
td.footdrop a {
    text-decoration: none;
    text-align: left;
    font: 11px arial;
    color: #687983;
    display: block;
}

/* comment: second td.footdn controls link attributes */
td.footdrop a:hover {
    background-color: white;
    text-decoration: underline;
    text-align: left;
}

/* comment: Third td.topdn col attributes */
td.footdrop {
    background: white;
    font: 11px arial;
    color: #FFFFFF;
    margin-left: 0px;
}

/* comment: table.dropdn table attributes */
table.footdrop {
    position: absolute;
    display: none;
    margin-top: 1px;
    margin-left: -3px;
    z-index: 9999;
}

/*Keyboard Accessibility controls for MouseOver menus in footer*/
.footdropdown {
    /*text-align:center;*/
    font: 11px arial;
    color: white;
    display: block;

}

.footdropdown span {
    list-style: none;
    display: inline-block;
    margin-left: 72px;
    padding: 0;
}

.footdropdown span li {
    float: left;
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
}

.footdropdown span li:hover,
.footdropdown span li.hover {
    z-index: 100;
}

.footdropdown span a {
    background: white;
    color: gray;
    text-decoration: none;
    display: block;
    position: relative;
    margin-left: -1px;
    /* collapses the left border */
}

.footdropdown span a:hover,
.footdropdown span a:focus,
.footdropdown span a:active,
.footdropdown span li.hover a

/* keeps the tab hover state on as the dropdown gets explored */
    {
    background: white;
    color: gray;
}

.footdropdown span ul {
    position: absolute;
    top: 100%;
    left: -9999em;
}

.footdropdown span li:hover ul,
.footdropdown span li.hover ul {
    left: 0;
    text-align: left;
    padding: 0;
    margin: 0;
}

.footdropdown span ul li {
    float: none;
    position: static;
    list-style-type: none;
}

.footdropdown span li:hover ul a,
.footdropdown span li.hover ul a {
    background: white;
    color: gray;
    /*padding: 5px 10px;*/
    width: 140px;
    height: 15px;
    padding-top: 5px;
    margin-top: -1px;
    /* collapses top border */
}

.footdropdown span li:hover ul a:hover,
.footdropdown span li.hover ul a:hover,
.footdropdown span li.hover ul a:focus,
.footdropdown span li.hover ul a:active {
    background: white;
    color: gray;
    text-decoration: underline;
}

/*END: Keyboard Accessibility controls for MouseOver menus in footer*/

/* =========================================
	WebSphere Portal portlet layout
==========================================*/

.wpsPortlet {
    margin: 0 0 10px 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: #b2c7dd;
    background-image: none;
    /*Nhi added
	width:212px;*/
    width: 520px;
}

.wpsSimplePortlet {
    margin: 0px 0px 10px 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-color: #002569;
    background-image: none;
}

.wpsNoSkinPortlet {
    margin: 0px 0px 10px 10px;
    border: 0;
    background-image: none;
}

.wpsPortletBody {
    margin: 6px;
    /*Nhi commented out */
    /*padding: 5px;*/
    background-image: none;
    line-height: 16px;
    /*Nhi added
	font-family: Arial;
	font-size: 11px;*/
    /* requested by Jennifer Osborn 4/25/16*/

    font-family: Calibri, Arial;
    font-size: 16px;

    color: #48525B;
}



.wpsPortletTitleBar {
    /*font-size: 12px;*/
    /* requested by Jennifer Osborn 4/25/16*/
    font-size: 16px;

    font-family: "Trebuchet MS";
    font-weight: bold;
    color: #48525B;
    /*background-image: url("/images/2008/BarFade.jpg");*/
    background-image: url("/images/2008/Bar.jpg");
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #FFFFFF;
    border-top: 1px solid;
    border-left: 5px solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: #002569;
    padding-left: 8px;
    width: 100%;
    line-height: 1.5em;


}

.wpsPortletTitleBar td {
    /*font-size: 12px; */
    /* requested by Jennifer Osborn 4/25/16*/
    font-size: 16px;

    font-family: "Trebuchet MS";
    font-weight: bold;
    color: #48525B;
    padding-left: 8px;
    line-height: 1.5em;

}

.wpsPortletTitleBar h2 {
    display: inline;
    text-align: left;
    font-size: 12px;
    font-family: "Trebuchet MS";
    font-weight: bold;
    color: #48525B;
    line-height: 1.5em;

}

.wpsPortletBlankTitleBar {
    /*background-image: url("");*/
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #FFFFFF;
    border-top: 1px solid;
    border-color: #002569;
    width: 100%;
    line-height: 1.5em;
}

.wpsNoSkinTitle {
    background-image: none;
    border: 0;
    font-family: arial;
}

.wpsNoTitlePortlet {
    margin: 0px 0px 10px 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-color: #b2c7dd;
    background-image: none;
    width: 520px;
}


/*==========================
Top Phweek content
===========================*/
.topContentPhweek {
    width: 520px;
    height: 92px;
    background-image: url('/phweek/Healthbanner.jpg');
    background-repeat: no-repeat;
    margin: 0px 0px 10px 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-color: #b2c7dd;
}


/*==========================
Top content : Nhi's added
===========================*/
.topContent {
    width: 520px;
    height: 210px;
    /* 252px */
    background-image: url('/images/icons/whitebackground.jpg');
    background-repeat: no-repeat;
    margin: 0px 0px 10px 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-color: #b2c7dd;
}

.topHead {
    font-family: arial;
    font-size: 36px;
    padding-left: 15px;


}

.topBar {

    background-image: url('/images/icons/top_bgr.gif');
    color: #48525b;
    font-size: 9px;
    font-weight: bolder;
    /*font-family: "Trebuchet MS";	*/
    font-family: arial;
    background-repeat: no-repeat;
    padding-left: 5px;

}

.topBarLink {
    color: #48525b;
    font-size: 9px;
    font-weight: bolder;
    font-family: arial;
    text-decoration: none
}

.topicContent {
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-color: #b2c7dd;
    width: 520px;
    margin: 0px 0px 10px 10px;

}

.topicContentImages {
    width: 520px;
    margin: 0px 0px 0px 10px;
}

.topicSection {
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-color: #cccccc;
    margin: 2px 2px 2px 2px;
    width: 250px;
    height: 60px;
}

.topicText {
    font-family: arial;
    color: #1c3664;
    font-size: 11px;


}

.topicLink a:link,
.topicLink a:visited {
    text-decoration: none;
    font-family: arial;
    color: #48525B;
}

.topicLink a:hover {
    text-decoration: underline;
}

/*=========================
Generic Submit Button Setting
=================================== */
.submitButton {
    background-color: #c97960;
    color: #fff;
    font-family: arial;
    font-weight: bold;
    text-align: center;
    font-size: 11px;
    border: 1px solid #666666;
}

/*===============================
A To Z Submit Button Setting
=================================== */
.aTozButton {
    background-color: #c97960;
    color: #fff;
    font-family: arial;
    font-weight: bold;
    text-align: center;
    font-size: 11px;
    border: 0;
}

/*===============================
Table for A To Z Setting
=================================== */
table.atoz {
    width: 180px;
    border-color: white;
    padding: 0;

}

.aTozH {
    background-color: #84a2be;
    color: #fff;
    font-family: arial;
    font-weight: bold;
    text-align: center;
    font-size: 11px;
    border: 0;
    text-decoration: underline;
}

.aTozH2 {
    background-color: #c97960;
    color: #fff;
    font-family: arial;
    font-weight: bold;
    text-align: center;
    font-size: 11px;
    border: 0;
    text-decoration: underline;
}

.aTozH3 {
    background-color: #fff;
    color: #848284;
    font-family: arial;
    margin: 5px 5px 5px 5px;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    border: 0;
    text-decoration: underline;
}

/*===============================
table colum for A To Z Setting
=================================== */
td.atoz {
    border-color: #666666;
    background-color: #c97960;
    padding: 0px;
    text-align: center;
    border: 1px solid #666666;
}

/*===============================
dropdown selection for phdrop Setting
=================================== */
.progdrop {
    font-family: Arial;
    font-size: 11px;
    color: #48525B;
    width: 175px;
}

/*===============================
generic dropdown selection Setting
=================================== */
select {
    font-family: Arial;
    font-size: 11px;
    color: #48525B;
    /*width:175px;*/
}

/*=====================================
 Dropdown Submenu  Setting
 e.g on the employee of the footer
 ============================*/
table.topdrop {
    position: absolute;
    display: none;
    margin-top: 2px;
    margin-left: -3px;
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color: #687983;
    font: 11px arial;

}

td.topdrop {
    border-right: 1px solid #687983;
    text-align: center;
    font: 11px arial;

}



/* side navigation */
* html .sideNav {
    width: 212px;
}

/*=====================================
 hidden object
 ============================*/
.hidden {

    display: none;
}


/*=====================================
 Google translate in New header
 ============================*/

.goog-tooltip {
    display: none !important;
}

.goog-tooltip:hover {
    display: none !important;
}

.goog-text-highlight {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

#google_translate_wrapper {
    width: 200px;
    position: relative;
}

#google_translate_wrapper h3 {
    color: #4881c2;
    font-size: 1.2em;
    margin-bottom: 10px
}

#google_translate_wrapper #google_translate_element {
    text-align: left
}

#google_translate_wrapper #google_translate_element select {
    width: 100%;
    padding: 5px
}



.opentranslate {
    display: none;
    z-index: 10;
    position: absolute;
    left: 0;
    top: 0;
    float: left;
    background-color: #FFFFFF;
    padding: 0px 10px 10px 10px;
    font-weight: bold;
    border: 1px solid #000000;
    width: 200px;
}

.translateBtn {
    color: #061C60;
    text-decoration: none;
    float: left;
    font-family: "Trebuchet MS";
    font-weight: bold;

}


/* =========================
	div alignment
===========================*/

.divLeft {
    text-align: left
}

.divRight {
    text-align: right
}

.divCenter {
    text-align: center
}


/* =========================
	Media Center
===========================*/
.mediacenterDiv {
    width: 1003px;
    height: 115px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.mediacenterLeft {
    float: left;
    width: 60%;
    padding: 0px;
}

.mediacenterRight {
    float: left;
    width: 40%;
    padding: 0px;
}

.mediacenterMsg {
    padding: 10px 10px 10px 20px;
    color: gray;
    text-align: left
}

.mediacenterMsg a:link,
.mediacenterMsg a:visited {
    color: gray;
}

.mediacenterMsgTitle {
    padding-bottom: 5px
}

.mediacenterMsgTitle a:link,
.mediacenterMsgTitle a:visited {
    color: #243877;
    text-decoration: none
}


#msgtable {
    display: table;
}

.msgtable-row {
    display: table-row;
}

.msgtable-cell {
    display: table-cell;
    vertical-align: top;
}

.msgtable-cell img {
    width: 120px;
    height: 120px;
    border: 3px #DDDDDD solid;
}

.contTitle4_Blue2 {
    font-size: 20px;
    font-family: "Arial";
    font-weight: bold;
    color: #243877;
}

.contTitle_Orange {
    color: #e18700;
}


/* =========================
	Banner Slide
===========================*/


/* jssor slider bullet navigator skin 05 css */
/*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
.jssorb05 {
    position: absolute;
}

.jssorb05 div,
.jssorb05 div:hover,
.jssorb05 .av {
    position: absolute;
    /* size of bullet elment */
    width: 16px;
    height: 16px;
    background: url('/images/slide/b05.png') no-repeat;
    overflow: hidden;
    cursor: pointer;
}

.jssorb05 div {
    background-position: -7px -7px;
}

.jssorb05 div:hover,
.jssorb05 .av:hover {
    background-position: -37px -7px;
}

/*.jssorb05 .av { background-position: -67px -7px; }*/
.jssorb05 .av {
    background-position: -97px -7px;
}

.jssorb05 .dn,
.jssorb05 .dn:hover {
    background-position: -97px -7px;
}

/* jssor slider arrow navigator skin 12 css */
/*
        .jssora12l                  (normal)
        .jssora12r                  (normal)
        .jssora12l:hover            (normal mouseover)
        .jssora12r:hover            (normal mouseover)
        .jssora12l.jssora12ldn      (mousedown)
        .jssora12r.jssora12rdn      (mousedown)
        */
.jssora12l,
.jssora12r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 30px;
    height: 46px;
    cursor: pointer;
    background: url('/images/slide/a12.png') no-repeat;
    overflow: hidden;
}

.jssora12l {
    background-position: -16px -37px;
}

.jssora12r {
    background-position: -75px -37px;
}

.jssora12l:hover {
    background-position: -136px -37px;
}

.jssora12r:hover {
    background-position: -195px -37px;
}

.jssora12l.jssora12ldn {
    background-position: -256px -37px;
}

.jssora12r.jssora12rdn {
    background-position: -315px -37px;
}