/*
Theme Name: Choralia
Theme URI: http://www.choralia.fr
Description: Thème du portail Choralia...
Version: 1.0
Author: 6tem9
Author URI: http://www.6tem9.com/

This theme was designed and built by 6tem9
whose site you will find at http://www.6tem9.com/
*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; }
ol,ul { list-style: none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
caption,th { text-align: left; }
q:before, q:after { content:''; }
*:focus {outline: 0;}

/*
==================================================================================================
LAYOUT
==================================================================================================
*/

html { text-align: center; background-color: #ffffff; }

body {
width: 100%;
font: 13px Verdana;
/*overflow: hidden;*/
background-color: #ffffff;
color: #3F3F3F;
}

#container {
position: relative;
z-index: 0;
width: 904px;
text-align: left;
margin: 10px auto;
padding-bottom: 30px;
background-color: #ffffff;
}

.alignCenter { text-align: center; }
.alignright { float: right; }
.alignleft { float: left; }
.alignMiddle { vertical-align: middle; }

.spacer, .clear { clear: both; overflow: hidden; height: 0; }

/*
==================================================================================================
TYPO
==================================================================================================
*/

/* Paragraphes */

p { text-align: justify; line-height: 28px; }
p em { font-style: italic; }
li em { font-style: italic; }
p strong { font-weight: bold; }
li strong { font-weight: bold; }
li strong { font-weight: bold; }
p.center { text-align: center; }
p.texteFeatured, p.texteFeaturedOffre {
color: #666;
font-size: 15px;
margin: 0 0 3px 0;
padding: 2px 0 0 0;
line-height: 32px;
}
p.texteFeaturedOffre { padding: 2px 0 10px 0; font-size: 14px; }

p.texteFeaturedBox, p.texteDescriptBox {
color: #f5f5f5;
font-size: 15px;
margin: 0;
padding: 0 40px 10px 40px;
line-height: 32px;
}
p.texteDescriptBox { font-size: 16px; padding: 0 40px 20px 20px; }

#boxContenu p {
color: #7F7F7F;
font-size: 14px;
margin: 0 0 3px 0;
padding: 2px 0 0 0;
line-height: 32px;
}

#boxContenu p.texteFeaturedFonct {
color: #333;
line-height: 26px;
font-size: 14px;
}

#pageContent p { margin: 0 0 10px 0; }

p.testerSite {
font-size: 14px;
margin: 0;
padding-top: 2px;
}

#boxPrix p {
color: #ffffff;
font-size: 24px;
text-align: center;
}

#boxPrix p span {
color: #FFA200;
font-size: 26px;
font-weight: bold;
}

p.descriptionForm {
color: #4D4D4D;
margin: 10px 0 20px 0;
}

.colRightSlider p {
font-size: 14px;
color: #ffffff;
line-height: 30px;
margin: 10px 0;
}

#definition p {
font-family: Trebuchet MS;
font-style: italic;
font-size: 24px;
color: #999;
line-height: 34px;
letter-spacing: 1px;
margin: 0 0 20px 0;
}
#definition p span { font-weight: bold; }

.temoignageContainer p {
font-family: Trebuchet MS;
font-style: italic;
font-size: 16px;
color: #7E7E7E;
line-height: 24px;
letter-spacing: 1px;
}
.temoignageContainer p.auteur {
font-style: normal;
color: #343434;
}

.temoignageItem p {
font-family: Trebuchet MS;
font-style: italic;
font-size: 16px;
color: #7E7E7E;
line-height: 32px;
letter-spacing: 1px;
}
.temoignageItem p.auteur {
font-style: normal;
color: #343434;
}

p.noteOffre {
margin-left: 30px;
color: #00BF00;
font-size: 14px;
}

span.systemeWeb { font-size: 40px; letter-spacing: 3px; }

p.choisirTheme { color: #B2B2B2; margin: 0 0 0 10px; }

span.auteurComment { font-size: 14px; font-weight: bold; }
span.enteteComment { margin: 0; font-size: 12px; font-weight: bold;}
span.enteteComment a { font-weight: bold; }
span.attenteValidation { font-size: 12px; }

span.auteurComment, span.attenteValidation { color: #ff6600; }
span.enteteComment { color: #323232; }

#avatarContainer p { margin: 0; padding: 0; line-height: 10px; font-size: 10px; }

p.asterisque { margin: 0 0 22px 10px; padding: 0; font-size: 11px; color: #7F7F7F; line-height: 10px; }
#boxPrix span.asterisque, span.asterisque { color: red; }
#boxPrix span.ttc { font-size: 13px; font-weight: normal; }

/* Liens */

a { font-weight: normal; color: #ff6600; text-decoration: none; }
a:hover { text-decoration: underline; }

a.lienSavoirPlus, a.plusTemoignage {
font-size: 13px;
padding-left: 12px;
background: #ffffff url('images/puceSavoirPlus.png') no-repeat 0 5px;
font-weight: bold;
}

a.plusTemoignage {
position: absolute;
z-index: 1000;
top: 94px;
right: 50px;
background: #ffffff url('images/puceSavoirPlus.png') no-repeat 0 10px;
}

a.btonVoirSite {
display: block;
width: 204px;
height: 44px;
margin: 25px 0 10px 0;
background: #ffffff url('images/btonVoirSite.png') top left;
}
a.btonVoirSite:hover { background-position: bottom left;
}

a.btonVoirVideo {
display: block;
width: 325px;
height: 44px;
margin: 20px 0 10px 0;
background: #ffffff url('images/btonVoirVideo.png') top left;
}
a.btonVoirVideo:hover { background-position: bottom left; }

a.btonCreerSite {
float: left;
display: block;
width: 340px;
height: 85px;
margin: 0 20px 0 0;
background: #ffffff url('images/btonCreerSite.png') top left;
}
a.btonCreerSite:hover { background-position: bottom left;}

a.btonCreerSiteBox {
position: relative;
z-index: 1000;
float: right;
display: block;
width: 202px;
height: 44px;
margin: 10px 20px 0 20px;
background: #2d2d2d url('images/btonCreerSiteBox.png') top left;
}
a.btonCreerSiteBox:hover { background-position: bottom left;}

.nombreComments a { color: #cdcdcd; }
.nombreComments a:hover { text-decoration: none; }

a.visiterLeSite {
padding: 4px 10px 5px 10px;
background: #008dc8;
color: #fff;
font-size: 13px;
font-weight: bold;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
}
a.visiterLeSite:hover { text-decoration: none; background: #ff6600; }

/* Titres */

.colRightSlider h1 {
font-weight: normal;
font-size: 23px;
color: #ffffff;
line-height: 30px;
letter-spacing: 1px;
}

h1 {
font-weight: normal;
font-size: 28px;
color: #3f3f3f;
letter-spacing: 1px;
margin: 10px 0 10px 0;
text-align: left;
}

#tabsFonctionnalites h1 {
font-weight: normal;
font-size: 22px;
color: #3f3f3f;
letter-spacing: 1px;
margin: 0 0 2px 0;
text-align: left;
}

#pageContent h2 {
font-weight: normal;
font-size: 24px;
margin: 10px 0 5px 0;
text-align: left;
}

#pageContent h2.titreSingle {
float: left;
font-weight: normal;
font-size: 24px;
margin: 0 0 15px 0;
text-align: left;
}

#comContent h2, #fonctionnalitesContent h2 {
position: relative;
color: #00BF00;
font-weight: normal;
font-size: 24px;
margin: 10px 0 5px 0;
padding-left: 25px;
text-align: left;
background: #ffffff url('images/puceh2.png') no-repeat 0 11px;
}

h3 {
font-weight: normal;
font-size: 20px;
color: #2d2d2d;
letter-spacing: 1px;
margin: 10px 0 10px 0;
text-align: left;
}

.boxNouveaute h3 {
font-weight: normal;
font-size: 22px;
color: #7E7E7E;
letter-spacing: 1px;
margin: 10px 0 10px 0;
padding: 0 0 6px 24px;
text-align: left;
border-bottom: 1px solid #E6E6E6;
background: #ffffff url('images/puceListeTitre.png') no-repeat 3px 10px;
}

.boxNouveaute h3 a { color: #7E7E7E; }
.boxNouveaute h3 a:hover { text-decoration: none; color: #ff6600; }

h3.titreComment { background: #ffffff url('images/puceListeTitre.png') no-repeat 3px 8px; padding-left: 20px; }

#header h2 a.descriptionSysteme {
font-family: Trebuchet MS;
font-weight: bold;
font-size: 24px;
color: #999;
line-height: 42px;
letter-spacing: 2px;
}
#header h2 a.descriptionSysteme:hover { text-decoration: none; }

form div h2, #comContent .box h2 {
position: relative;
z-index: 100;
font-weight: normal;
font-size: 20px;
color: #2d2d2d;
letter-spacing: 1px;
margin: 0 0 10px 20px;
padding: 0;
background: none;
color: #ffffff;
}
#comContent .box h2 { color: #b9f133; font-size: 22px; }
#pageContent .box h2 { font-size: 24px; }

/* Titres */

#pageContent ul { position: relative; margin-bottom: 10px; }
#comContent ul { position: relative; }

#pageContent li, #comContent li {
line-height: 20px;
padding: 3px 0 3px 50px;
text-align: justify;
text-indent: 0;
background: url('images/puceListe.png') no-repeat 36px 10px;
}

#comContent li {
line-height: 28px;
background: url('images/puceListe.png') no-repeat 36px 15px;
}

.colRightSlider ul { margin: 20px 0 0 0; }

.colRightSlider ul li {
font-size: 18px;
color: #ffffff;
line-height: 32px;
margin: 0;
background: #2d2d2d url('images/puceArgument.png') no-repeat 0 13px;
padding: 0 0 0 20px;
}

#comContent .detailOffre1 h2, #comContent .detailOffre3 h2 {
position: relative;
z-index: 100;
font-weight: normal;
font-size: 18px;
color: #00C9C9;
letter-spacing: 0;
margin: 0 0 5px 20px;
padding: 0;
background: none;
}

.detailOffre1 {
margin-bottom: 5px;
position: relative;
}

.detailOffre3 {
position: relative;
float: left;
width: 299px;
margin-bottom: 5px;
}

#comContent .detailOffre3 ul { position: relative; }

#comContent .detailOffre1 li, #comContent .detailOffre3 li {
font-size: 13px;
color: #fff;
line-height: 21px;
padding: 0 0 0 31px;
text-align: left;
text-indent: 0;
background: url('images/puceDetailOffre.png') no-repeat 18px 8px;
}

/*
==================================================================================================
HEADER
==================================================================================================
*/

#header {
position: relative;
width: 100%;
height: 100px;
margin: 0 0 20px 0;
}

#logoChoralia {
position: absolute;
display: block;
height: 100px;
width: 370px;
top: 0;
left: 0;
background: #ffffff;
}

#descriptionChoralia {
position:absolute;
left: 370px;
top: 0;
width:490px;
height: 100px;
padding: 20px;
}

/*
==================================================================================================
NAVIGATION
==================================================================================================
*/

a.singlePrev, a.singleNext, a.singlePrevDisable, a.singleNextDisable {
float: left;
display: block;
margin: 6px 10px 0 0;
width: 20px;
height: 20px;
}
a.singleNext, a.singleNextDisable {
margin: 6px 0 0 10px;
}

a.singlePrev { background: url('images/singleNav.png') no-repeat 0 0; }
a.singlePrev:hover { background: url('images/singleNav.png') no-repeat -20px 0; }
a.singlePrevDisable { background: url('images/singleNav.png') no-repeat -40px 0; cursor: default; }
a.singleNext { background: url('images/singleNav.png') no-repeat -60px 0; }
a.singleNext:hover { background: url('images/singleNav.png') no-repeat -80px 0; }
a.singleNextDisable { background: url('images/singleNav.png') no-repeat -100px 0; cursor: default; }

a.retourListe {
float: left;
display: block;
margin: 6px 0 0 10px;
width: 20px;
height: 20px;
}
a.retourListe:hover { background-position: right top; }

a.retourListe { background: url('images/retourListe.png') no-repeat left top; }

/* cycle fonctionnalites */

#nav { z-index: 50; position: absolute; bottom: 15px; height: 10px; overflow: hidden; }
#nav ul { display: block; margin: 0 auto; overflow: hidden; height: 10px; }
#nav li { display: inline; text-align: center; height: 10px; list-style: none; }
#nav a { display: block; height: 10px; width: 10px; float: left; margin: 0; padding: 0 4px 0 1px; background: url('images/navCycle.png') no-repeat 0 0; }
#nav a:hover {  background: url('images/navCycle.png') no-repeat 0 -10px; }
#nav a.activeSlide {  background: url('images/navCycle.png') no-repeat 0 -20px; }
#nav a:focus { outline: none; }

/*
==================================================================================================
CONTENT
==================================================================================================
*/

#content { position: relative; z-index: 0; }

div.topBox {
height: 10px;
background: #ffffff url('images/topBox.png') no-repeat bottom;
}

.box, .boxOffre {
position: relative;
background: #2d2d2d url('images/fondBox.png') no-repeat bottom;
padding: 0 0 10px 0;
margin-bottom: 30px;
}
.boxOffre { margin-bottom: 3px; }

.colLeftSlider {
float: left;
padding: 10px 0 0 40px;
width: 440px;
}

.colRightSlider {
float: right;
padding: 10px 40px 0 0;
width: 360px;
}

#vignetteQuickTour { position: relative; }
.vignetteQuickTour { margin-top: 6px; }

.btonPlayVideo, .btonPlayVideoRoll { position: absolute; top: 138px; left: 197px; }
.btonPlayVideoRoll { display: none; }

#boxVisiteGuidee {
position: relative;
width: 904px;
height: 355px;
margin: 0 0 16px 0;
padding: 10px 0 0 0;
background: #ffffff url('images/fondSlider.png') center top no-repeat;
}

#btonEtInfos { height: 90px; }

#boxTemoignages { position: relative; height: 100px; margin: 30px 0 10px 0; }

#temoignages {
float: left;
width: 840px;
}

.temoignageContainer { margin: 0; padding: 0 12px; height: 100px; }

#prevSlider, #nextSlider {
position: relative;
z-index: 100;
float: left;
width: 30px;
height: 30px;
margin-top: 36px;
cursor: pointer;
}
#prevSlider { background : #ffffff url('images/navSlider.png') top left no-repeat; }
#nextSlider { background : #ffffff url('images/navSlider.png') top right no-repeat; }

.temoignageItem { margin: 10px 0 20px 0; }

.boxNouveaute {
position: relative;
margin: 10px 0 10px 0;
}

.nombreComments {
position: absolute;
top: 5px;
right: 0;
}

#boxArticle {
padding-bottom: 20px;
}

.refItemContainer {
position: relative;
width: 280px;
height: 340px;
margin: 10px 8px 10px 8px;
float: left;
background: #ffffff;
}

.refItem, .refItemVide {
position: absolute;
z-index: 1000;
top: 0;
left: 0;
width: 260px;
height: 260px;
padding: 10px;
margin: 0 0 0 0;
font-weight: bold;
font-size: 11px;
text-decoration: none;
position: relative;
cursor: pointer;
background: #F2F2F2; 
}
.refItem { display: none; }
.infoRef { padding-top: 4px; display: none; }
.refItemVide { cursor: default; }

.loaderRef {
position: absolute;
z-index: 500;
top: 0;
left: 0;
width: 280px;
height: 280px;
background: #F2F2F2 url('images/loaderRef.gif') no-repeat center center;
}

span.iconeZoom {
float: right;
display: block;
width: 15px;
height: 16px;
margin-top: 0;
cursor: pointer;
}

.refItemContainer, .refItem, .refItemVide { color: #4D4D4D; font-size: 12px; }

span.iconeZoom { background: url('images/iconeZoom.png') no-repeat top left; }
.infoRef span { font-weight: bold; }

#boxPrix {
position: relative;
z-index: 1000;
float: right;
background: url('images/fondBoxPrix.png') no-repeat top left;
margin: -5px 20px 0 20px;
padding: 5px 6px;
width: 138px;
height: 60px;
}

#presFonctionnalites {
float: right;
width: 480px;
height: 400px;
margin: 10px 0 0 20px;
}

table {
margin: 10px 0;
border-collapse: collapse;
width: 100%;
border: 1px solid #CDCDCD;
}

table th {
padding: 10px;
font-weight: bold;
color: #fff;
background: #2E476B;
text-align: center;
border: 1px solid #CDCDCD;
}

table td {
width: 50%;
padding: 5px 10px;
border: 1px solid #CDCDCD;
}

table td.tdLeft { font-weight: bold; }
table td.tdSurligne { background: #FAFAFA; }

/*
==================================================================================================
FOOTER
==================================================================================================
*/

#footer {
width: 100%;
height: 60px;
background: #ffffff url('images/fondFooter.png') repeat-x;
left: 0;
}

#footer p {
text-align: center;
color: #b9b9b9;
font-size: 12px;
}

#footer p span, #footer p a {
font-weight: bold;
color: #b9b9b9;
}

/*
==================================================================================================
IMAGES
==================================================================================================
*/

img.numeroForm, img.flag {
vertical-align: middle;
margin-right: 10px;
}

img.checkbox {
cursor: pointer;
vertical-align: middle;
}

img.tako {
position: absolute;
right: 10px;
top: 0;
z-index: 9999;
}

img.imgListeNouveaute { 
width: 440px;
float: left;
margin: 6px 10px 0 0;
border: 8px solid;
border-color: #f2f2f2;
}

img.iconeComments {
vertical-align: middle;
}

img.imgSingle {
position: relative;
z-index: 1000;
width: 440px;
float: right;
margin: 8px 0 0 10px;
border: 8px solid;
border-color: #f2f2f2;
}

.imgAvatar { width: 110px; height: 110px; margin-bottom: 2px; }
.imgAvatarAdmin { width: 65px; height: 65px; }

img.imgRefItem { width: 260px; height: 260px; margin: 0; }

#presFonctionnalites img {
width: 480px;
height: 400px;
}

img.visuelLeft {
width: 480px;
float: left;
margin: 0 20px 0 0;
}

img.visuelRight {
width: 480px;
float: right;
margin: 0 0 0 20px;
}

img.fonctContenu { 
width: 270px;
float: right;
margin: 0;
border: 5px solid;
border-color: #f2f2f2;
}

img.iconeFonct {
width: 45px;
height: 45px;
float: left;
margin: 6px 10px 0 0;
}

img.schemaArchitecture {
margin: 10px 0 0 55px;
}

img.hrBox { margin: 2px 20px 10px 20px; }

/*
==================================================================================================
TABS
==================================================================================================
*/

#containerFonct {
padding: 0;
margin: 0px 0 5px 0;
background-color: #fff;
}

.boxFonct3 {
width: 280px;
float: left;
padding: 10px 20px 10px 0;
}

.boxFonct2 {
width: 430px;
float: left;
padding: 10px 20px 10px 0;
}

#tabsFonctionnalites p {
font-size: 13px;
margin-bottom: 10px;
text-align: left;
color: #333;
line-height: 24px;
}

.btonVoirGalerie {
width: 95px;
height: 24px;
background: url('images/btonVoirGalerie.png') no-repeat right top;
cursor: pointer;
}

/*.ui-tabs { zoom: 1; }*/
.ui-tabs .ui-tabs-nav { list-style: none; margin: 0 0 10px 0; height: 35px; border-bottom: 1px dotted #CDCDCD; }

.ui-tabs .ui-tabs-nav li {
float: left;
height: 35px;
margin: 0 8px 0 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { color: #ff6600; }

.ui-tabs .ui-tabs-nav li a {
float: left;
text-decoration: none;
height: 28px;
padding: 7px 8px 0 8px;
color: #7F7F7F;
font-size: 15px;
font-weight: normal;
letter-spacing: 1px;
}

.ui-tabs .ui-tabs-nav li a:hover { text-decoration: underline; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover { text-decoration: none; color: #ff6600; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: #ff6600; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/*
==================================================================================================
SCROLLPANE
==================================================================================================
*/

.jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 10000;
margin: 10px 0 4px 0;
background: url('images/fondContainerListeTheme.png') no-repeat top right;
}

.jScrollPaneTrack {
position: absolute;
cursor: pointer;
left: 0;
top: 0;
height: 100%;
}
.jScrollPaneDrag {
position: absolute;
cursor: pointer;
overflow: hidden;
}
.jScrollPaneDragTop {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.jScrollPaneDragBottom {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
a.jScrollArrowUp {
display: block;
position: absolute;
z-index: 500;
top: 0;
left: 0;
text-indent: -2000px;
overflow: hidden;
height: 18px;
}

a.jScrollArrowDown {
display: block;
position: absolute;
z-index: 500;
bottom: 0;
left: 0;
text-indent: -2000px;
overflow: hidden;
height: 18px;
}

/*============================== SCROLLPANE */

.jScrollPaneTrack { background: #2d2d2d url('images/fondScrollBar.png') repeat-y; }
.jScrollPaneDrag { background: #2d2d2d url('images/dragScrollBar.png') no-repeat 0 0; }
a.jScrollArrowUp { background: #2a2f35 url('images/scrollArrows.png') no-repeat 0 0; }
a.jScrollArrowUp:hover { background: #2a2f35 url('images/scrollArrows.png') no-repeat -15px 0; }
a.jScrollArrowDown { background: #2a2f35 url('images/scrollArrows.png') no-repeat 0 -18px; }
a.jScrollArrowDown:hover { background: #2a2f35 url('images/scrollArrows.png') no-repeat -15px -18px; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-color: #f00; }

/*
==================================================================================================
PAGINATION
==================================================================================================
*/

.pagination {
padding: 10px 0 0 0;
font-size: 14px;
text-align: center;
height: 35px;
width: 660px;
margin: 0 auto;
}

.pagination a {
display: inline-block;
text-align: center;
font-weight: bold;
width: 35px;
height: 28px;
padding-top: 7px;
margin-left: 5px;
text-decoration: none;
}
.pagination a:hover { text-decoration: none; }

.pagination span.inactive {
font-weight: bold;
display: inline-block;
text-align: center;
width: 35px;
height: 28px;
padding-top: 7px;
margin-left: 5px;
}

.pagination span.active {
font-weight: bold;
display: inline-block;
text-align: center;
width: 35px;
height: 28px;
padding-top: 7px;
margin-left: 5px;
}

/*============================== PAGINATION */

.pagination a { background: #fff url('images/pagination.png') no-repeat -35px 0px; color: #fff; }
.pagination a:hover { background: #fff url('images/pagination.png') no-repeat -70px 0px; }
.pagination span.inactive { background: #fff url('images/pagination.png') no-repeat -105px 0px; color: #f4f4f4; }
.pagination span.active { background: #fff url('images/pagination.png') no-repeat 0px 0px; color: #fff; }

/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; padding-left: 16px; }
.ui-accordion .ui-state-active { background: #fff url('images/puceListeOpen.png') no-repeat 0 10px; }
.ui-accordion .ui-state-default { background: #fff url('images/puceListe.png') no-repeat 0 10px;  }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; padding-left: 16px; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: 0; color: #999; }
.ui-accordion .ui-state-active a { color: #ff6600; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 0; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 0 0 0 20px; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }