|
|
|
|
|
|
|
|
p.progress-info {clear: left; font-style: italic; font-size: 80%;} |
|
|
p.progress-info {clear: left; font-style: italic; font-size: 80%;} |
|
|
|
|
|
|
|
|
/***** Tabs *****/ |
|
|
/***** Tabs *****/ |
|
|
#content .tabs {height: 2.6em; border-bottom: 1px solid #bbbbbb; margin-bottom:1.2em; position:relative; overflow:hidden;} |
|
|
|
|
|
#content .tabs ul {margin:0; position:absolute; bottom:-2px; padding-left:1em; width: 2000px;} |
|
|
|
|
|
#content .tabs>ul { bottom:-1px; } /* others */ |
|
|
|
|
|
|
|
|
#content .tabs {height: 2.6em; margin-bottom:1.2em; position:relative; overflow:hidden;} |
|
|
|
|
|
#content .tabs ul {margin:0; position:absolute; bottom:0; padding-left:1em; width: 2000px; border-bottom: 1px solid #bbbbbb;} |
|
|
#content .tabs ul li { |
|
|
#content .tabs ul li { |
|
|
float:left; |
|
|
float:left; |
|
|
list-style-type:none; |
|
|
list-style-type:none; |
|
|
white-space:nowrap; |
|
|
white-space:nowrap; |
|
|
margin-right:8px; |
|
|
margin-right:8px; |
|
|
background:#fff; |
|
|
background:#fff; |
|
|
|
|
|
position:relative; |
|
|
|
|
|
margin-bottom:-1px; |
|
|
} |
|
|
} |
|
|
#content .tabs ul li a{ |
|
|
#content .tabs ul li a{ |
|
|
display:block; |
|
|
display:block; |
|
|
|
|
|
|
|
|
background-color: #fff; |
|
|
background-color: #fff; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
div.tabs-buttons { position:absolute; right: 0; width: 48px; height: 24px; background: white; bottom: -1px; } |
|
|
|
|
|
|
|
|
div.tabs-buttons { position:absolute; right: 0; width: 48px; height: 24px; background: white; bottom: 0; border-bottom: 1px solid #bbbbbb; } |
|
|
|
|
|
|
|
|
button.tab-left, button.tab-right { |
|
|
button.tab-left, button.tab-right { |
|
|
font-size: 0.9em; |
|
|
font-size: 0.9em; |
|
|
|
|
|
|
|
|
position:absolute; |
|
|
position:absolute; |
|
|
padding:4px; |
|
|
padding:4px; |
|
|
width: 20px; |
|
|
width: 20px; |
|
|
|
|
|
bottom: -1px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
button.tab-left { |
|
|
button.tab-left { |
|
|
right: 20px; |
|
|
right: 20px; |
|
|
bottom: 0; |
|
|
|
|
|
background: #eeeeee url(../images/bullet_arrow_left.png) no-repeat 50% 50%; |
|
|
background: #eeeeee url(../images/bullet_arrow_left.png) no-repeat 50% 50%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
button.tab-right { |
|
|
button.tab-right { |
|
|
right: 0; |
|
|
right: 0; |
|
|
bottom: 0; |
|
|
|
|
|
background: #eeeeee url(../images/bullet_arrow_right.png) no-repeat 50% 50%;} |
|
|
|
|
|
|
|
|
background: #eeeeee url(../images/bullet_arrow_right.png) no-repeat 50% 50%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/***** Auto-complete *****/ |
|
|
/***** Auto-complete *****/ |