0byt3m1n1

Path: /data/applications/aps/tikiwiki/7.0-0/standard/htdocs/styles/layout/ [ Home ]
File: design.css
/* $Id: design.css 34423 2011-05-14 20:52:00Z lindonb $
	This TikiWiki CMS/Groupware file contains common design
	properties and, similar to lite.css and layout.css for
	layout properties, is to be imported by theme stylesheets.
*/

/***** XHTML Elements *****/
/* print mode only - to make sure print templates will use and print on seamless white bg color */
html#print {
	background: #fff;
	color: #000;
}

body.db_error {
	background: none;
}

body.fullscreen {
	text-align: left;
	background: #fff;
}

#tiki-clean {
	background: #fff;
	color: #000;
}

/* CKeditor contrast */
body.wikitext {
	background: #fff;
	color: #000;
}

/* Ajax Loading Overlay */
#ajaxLoadingBG {
	background: transparent url(../../img/overlay-light.png);
}
#ajaxLoading {
	font-size: 2em;
	font-weight: bold;
	color: #333;
	background: transparent url(../../img/loading-light.gif) no-repeat 50% 50%;
}

/* ColorBox */
#cboxTitle {
	background-color: #fff;
}

/* Autosave Preview handle */
#autosave_preview_grippy {
	background-color: #ccc;
	background-image: url("../../pics/icons/shading.png");
}

/* allow disabled elements to show up - FIXME
 * should be moved into supporting themes and made not important one day */
select:disabled,
option:disabled,
input:disabled,
textarea:disabled {
	color: #888 !important;
}

fieldset {
	margin-bottom: 2px;
	padding: 0.3em;
}

/* margin and padding for span surrounding the "button" links, same definition for button form element */
button,
.button,
.button.highlight {
	margin: 1px 2px;
	padding: 2px;
}

.button a,
.button a:visited,
.button a:hover,
.button input,
.calbuttonBox a {
	padding: 1px 4px;
}

#genPass .button a,
#genPass .button a:visited,
#genPass .button a:hover {
	padding: 1px 4px !important;
}

input[type=reset],
input[type=submit],
input[type=reset]:hover,
input[type=submit]:hover {
	padding: 1px 4px;
	margin-right: 1px;
}

/* highlight on interface text to draw attention; also
highlight on "button" links, e.g. if there are some comments it highlights the "button" link in #page-bar under the content of the wiki pages */
.highlight,
.button.highlight a {
	background: #FC0;
	color: #000;
}

/* Since button background is actually applied to the link within the button, apply button highlight to same bg area as normal button state . */
.button.highlight {
	background: inherit;
}

ul.jumplinks a:active {
	background: #ffe4e1;
	color: #0000cd;
}

/* Highlight effect is just visual distinction, so no need for block element. */
.highlight {
	padding: 0 .3em;
}

input[type=checkbox],
input[type=radio] {
	border: 0;
}


#sitelogo img {
	margin-top: 10px;
}

.pass a,
.pass a:visited,
.pass a:hover,
.register a,
.register a:visited,
.register a:hover,
.logged-in a,
li.login_link ul li a {
	background: none !important;
}

/* Input fields autofill */

/* Webkit based browser specific (Google Chrome, Chromium, etc.) */
input:-webkit-autofill {
	background-color: #FAFFBD !important; /* needs important because Chrome has it already important */
	background-image: none !important;
	color: #000 !important; /* the Google guys they forgot the number one rule... when they specify background they should specify forgeround color too ;) */
}

/* Center column */

.tellafriend,
.share {
	text-align: right;
}

a.flip,
a.flip:visited,
.tellafriend a,
.share a,
.tellafriend a:visited,
.share a:visited,
a.flip:hover,
.tellafriend a:hover,
.share a:hover {
	font-size: 80%;
	text-decoration: none;
}

#power {
	font-size: .9em;
}

/****** Misc. Global Classes (layout and style) ****/

#edithelpzone code {
	font-size: 1.2em;
}

.attention {
	color: red;
}

.openid_url {
	background: #fff url(../../img/icons/login-OpenID-bg.gif) 1px 1px no-repeat;
}

.bannertext {
	font-size: .95em;
	text-decoration: none;
}

#debugconsole {
	background: #333;
	color: #fff;
	padding: 5px;
	border: 2px solid #aaa;
	font-size: 1em;
}
	
#debugconsole form {
	color: #dd6;
}

#debugconsole a {
	color: #ddd;
}

.cachedStatus,
.mini {
	font-size: .9em;
}

.prevnext {
	font-size: 1em;
	padding: 1px 6px;
}

#rss small {
	font-size: 1em;
}

/* For correct styling when RSS feed is put in botbar custom code */
#footer .rsslist {
	width: 190px;
	text-align: left;
	margin: auto;
}

.findtable {
  text-align: center;
  margin-bottom: 10px;
 }
 
.findtitle,
.findexactmatch,
.findnumrows,
.findtypes,
.findlang {
	margin: 0 1px;
}

.findtitle input {
	margin-left: 2px;
}

.findtable ul {
	list-style: none;
}

.alphafilter {
	display: block;
	margin: 10px 0;
	text-align: center;
}

.alphafilter a {
	font-size: 120%;
}

.alphafilter .highlight {
	font-weight: bold;
	font-size: 130%;
}

.top_actions {
	text-align: right;
	margin-top: 5px;
}

.categories {
	margin: 0;
	padding: 0;
}

.categories li {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Todo: additional font family and bg color. */
.inline_syntax {
	font-family: "Lucida Console";
	color: #a52a2a;
}

/* New Toolbars */

.textarea-toolbar > div {
	background-color: #eee;
	border: #eee outset 1px;
}

.toolbars-picker {
	background: #fff;
	border: thin solid #000;
	color: #000;
}

.toolbars-picker a {
	color: #000;
}

.toolbars-picker a:hover {
	background: #ccc;
	color: #000;
}

/* New Help section */

.help_fullscreen_icon {
	margin-right: 8px;
}

.help_close_icon {
	margin-right: 20px;
}

.help_section_select {
	font-weight: bold;
	font-size: 120%;
	background: #e7e9ea;
	color: #000;
}

.help_sections {
	padding:  2px;
	background: #aac9e9;
}

.help_section {
	background: #eee;
	color: #000;
}
	
#site_report {
	text-align: center;
}

#site_report a {
	border-left: 1px solid #696969;
	border-right: 1px solid #696969;
	padding: 0 5px;
	font-size: smaller;
}

/* default look for editplugin icon links */
.editplugin {
	/*background: #fff; color: #000;*/
}
.plugin-desc {
	padding: 5px;
}

.plugin-sample {
	padding: 5px;
	font-family: monospace;
}

.plugin-sample .plugin-param {
	padding-left: 15px;
}

.plugin-form-float {
	background: white;
	color: black;
	padding: 10px;
	border: solid 2px black;
}

/***** Boxes *****/
/** Modules **/

.minichatdiv {
	font-size: .9em;
}
.box-switch_lang .box-data img.highlight {
	padding: .1em;
	border: .1em solid #f00;
}

.box-switch_lang .box-data .highlight {
	border: .1em solid #f00;
}

.box-switch_lang li {
	list-style: none;
}

.box-switch_lang .box-data a.highlight {
	font-weight: bold;
}

.box-switch_lang ul {
	padding: 0 1em;
}

.box-search input[type=submit],
.box-search input[type=submit]:hover {
	font-size: smaller;
	padding: 0.1em 0.3em;
	margin: 0.2em;
}



/* Icons */
a.icon,
img.icon {
	border: 0;
	background: transparent;
}

/* Tabs */
.tabcontent table {
	background: transparent;
}

.admin #content1 .tabcontent .cbox {
	background: transparent;
}

/* To display content without module-style background and border. */
.halffloat > .box,
.wikitext .halffloat > .box,
.thirdfloat > .box,
.wikitext .thirdfloat > .box,
.quarterfloat > .box,
.wikitext .quarterfloat > .box {
	background: none;
	border: none;
}

.cbox-title {
	padding: 3px 3px 0 3px;
}

.cbox-data {
	padding: 0 3px 3px 3px;
}

/* remarks boxes */

.rbox {
	margin: 1em .3em .3em .3em;
}
	
.rbox-title,
.rbox-data {
	padding: .3em .6em;
	border: 1px solid #000;
	background: #eee;
	color: #000;
}

.rbox-title {
	border-bottom-color: #eee;
	padding: 0.35em 0.9em 0.1em;
	font-weight: bold;
}
	
.comment .rbox-title,
.comment .rbox-data {}

.note .rbox-title,
.note .rbox-data {}

.tip .rbox-title,
.tip .rbox-data {}

.error .rbox-title,
.errors .rbox-title,
.warning .rbox-title {
	background: #ffc;
	color: #000;
	border-color: #f00;
	border-bottom-color: #ffc;
}

.error .rbox-data,
.errors .rbox-data,
.warning .rbox-data {
	background: #ffc;
	color: #000;
	border-color: #f00;
}

.error .rbox-data label {
	color: #000;
}

#error {
	background: yellow;
	color: red;
}

.warning a,
.warning a:link,
.warning a:visited {
	color: #b93c2e;
}

.simplebox {
	border: 1px solid #999;
	padding: 3px;
}

/* odd and even classes for tr, td, and li */
.odd {
	background: #f0f0f0;
	color: #000;
}

.even {
	background: #fff;
	color: #000;
}

/***** Tables, Tabs ****/
/** Tables **/

.normal, 
.admin {
	border-collapse: collapse;
}

.normal td,
.wikitable td,
.odd,
.even,
.form,
.formcolor td,
.editblogform td {
	margin: 0;
	padding: 3px;
}

.normal td,
.wikitable td,
td.odd,
td.even {
	padding: 0.2em;
	border-collapse: collapse;
}
td.form {
	padding: 0.2em;
}

td.integer {
	text-align: right;
}
td.date {
	text-align: center;
}
td.checkbox {
	text-align: center;
	width: 20px;	
}
td.action {
	white-space: nowrap;
}
td.norecords {
	text-align: left;
	font-weight: bold;
}
td.id, td.icon {
	text-align: center;
}

caption {
	font-weight: bold;
}

.numeric, td.numeric {
	text-align: right;
}
/** Tabs **/

.tabactive {
	border: solid 1px;
}

/***** Wiki *****/

#cachedpage {
	font-size: small;
}

body.tiki_wiki #comments {
	padding: 1em;
}

p.editdate {
	padding-bottom: 5px;
	padding-top: 10px;
	font-size: 0.9em;
	font-style: italic;
}

/* wikiplugin_fade */
.wpfade-hidden {
	background-repeat: no-repeat;
	background-image: url(../../img/toggle-expand-dark.png);
	margin-left: -19px; 
	padding-left: 19px;
}

.wpfade-shown {
	background-repeat: no-repeat;
	background-image: url(../../img/toggle-collapse-dark.png);
	margin-left: -19px; 
	padding-left: 19px;
}

.wpfade-span-plain {
	cursor:pointer;
}

.wpfade-span-icon {
	cursor:pointer;
	margin-left:19px;	
}

.wpfade-div-plain {
	display: none;
}

.wpfade-div-icon {
	display: none;
	margin-left:19px;
}

/* wikiplugin_fancylist */
.wikitext .fancylist {
	margin: .5em 0;
	padding: 0;
}

.wikitext .fancylist li {
	font: italic 2em Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 27px;
	list-style-position: inside;
	margin-left: 10px;
	padding: 6px 0 7px 15px;
}

.wikitext .fancylist li p {
	display: inline;
	font-size: 50%;
	font-style: normal;
	margin-left: 12px;
}

[class].wikitext .fancylist li p {
	margin-left: -3px;
}

/* wikiplugin remarksbox */
.wikitext .rbox-data ul {
	list-style-type: disc;
	margin-left: 15px;
	padding-left: 15px;	
}

/* wikiplugin tracker */
.mandatory_star {
	font-weight: bold;
	color: red;
}

.trackerplugindesc {
	color: #BEBCBC;
	font-style: italic;
}

.charCount {
	color: #BEBCBC;
	font-style: italic;
}

/* mouseover plugin */

.plugin-mouseover {
	background: #F5F5F5;
	border: 1px solid #bbb;
}

/* img plugin */
.imgbox {
	border: 1px solid #a9a9a9;
  background-color: #f9f9f9;
	padding: 5px;
}

.thumbcaption {
	font-size: 90%;
	padding: 2px;
}

.magnify {
	float: right;
	padding-top: 2px;
}

/* TOC */
.toc {
	padding-left: 2em;
	border-top: 1px dotted #a9a9a9;
	border-bottom: 1px dotted #a9a9a9;
	margin-bottom: 4px;
}

.toc * {
	border: none;
}

/* Wiki diff styles */
.diff td {
	border: 1px solid #696969;
}

.diff div {
	border-top: 1px solid #696969;
}

.diffadded {
	background: #ccffcc;
	color: #000;
	/*word-wrap:break-word;*/
	max-width: 400px;
}

.diffdeleted {
	background: #ffcccc;
	color: #000;
	text-decoration: line-through;
	/*word-wrap:break-word;*/
	max-width: 400px;
}

.diffinldel {
	background: #ffcccc;
	text-decoration: line-through;
}

.diffbody {
	background: #f2f4f5;
}

.diffchar {
	color: red;
}

.diffadded .diffchar {
	color: blue;
}

/***** Articles ****/

.articlesource {
	margin-top: 5px;
	font-style: italic;
	font-size: 90%;
}

/***** Blogs *****/

.breadcrumbs {
	font-size: 90%;
	font-style: italic;
}

.blogdesc {
	padding: 8px;
	margin-top: 8px;
	margin-left: 6px;
}

.blogtools {
	padding: 3px;
	text-align: right
}

a.blogt,
a.blog:visited {
	border: 0;
	text-decoration: none;
}

small.description {
	display: block;
}

.description {
	font-size: .95em;
	font-style: italic;
}


/*body.tiki_blogs*/ .post .title {
	margin-top: 0;
}

/*body.tiki_blogs .post*/ .postfooter {
	margin-bottom: 2em;
}

/*body.tiki_blogs div*/.author_info {
	padding: 5px 0px 15px 0px;
}

/* Comment Annotations */

dl.note-list {
	background: #fff;
	color: #000;
	border: solid thin black;
}

#note-editor-comment {
	background: yellow;
	color: #000;
	border: #999 1px solid;
}

.note-editor-text {
	background: #eee;
	color: #000;
}

.note-list .postbody-title {
	background: #ccc;
	color: #000;
}

.note-list .title a {
	color: #000;
}

/* Comments moderation */
.post-approved-n {
	border-left: 3px dotted blue;
}

.post-approved-r {
	border-left: 3px double red;
}

.post-approved-r .content * {
	background: url(../../img/icons2/dots.gif);
}


#wikihelp-tab table td {
	padding: 2px;
}

/**** Image Galleries ****/

p.norecords {
	font-weight: bold;
}

.imagetitle {
	font-weight: bold;
	font-size: 200%;
}

/***** File Galleries *****/

.opaque {
	border: 1px solid;
	background: #fff;
	color: #000;
}

.opaque .box-title {
	border-bottom: 1px solid;
	padding: 3px 3px 0 3px;
}

.opaque .box-data {
	padding: 0 3px 3px 3px;
}

/***** Trackers (etc.) *****/

.multiselect .odd {
	color: #000;
	background: #f4f6f7;
}

.multiselect odd:hover {
	background: #fff7e6;
}

.multiselect .even {
	color: #000;
	background: #e7e9ea;
}

.multiselect .even:hover {
	background: #f0f2f3;
}

.multiselect div.odd,
.multiselect div.even {
	border: 1px solid #80b1e2;
}

.multiselect .selection {
	border: 1px solid #80b1e2;
	background: #fff;
}

/* transparent border added to keep content from shifting on hover */
.multiselect,
.multiselect .selection {
	border: 1px solid transparent;
}

.multiselect:hover,
.multiselect .selection:hover {
	border: 1px solid #80b1e2;
}

/***** Categories, Tags *****/

.catfeatures {
	font-weight: bold;
	list-style: none
}

.catfeatures li {
	text-transform: capitalize;
}

.catitems {
	margin-left: 15px;
	padding: 0;
	list-style: none;
}

.catitems li {
	margin-right: 7px;
}

/***** Tags (freetags) *****/

.freetaglist a {
	text-decoration: none;
}

.freetagitemlist .type {
	font-weight: bold;
	font-size: 0.8em;
}

a.freetag,
a.freetag:hover {
	background: none;
	border: 0;
}

a.freetag_1 {
	text-decoration: none;
	font-size: .8em;
}

a.freetag_2 {
	text-decoration: none;
	font-size: .9em;
}
	
a.freetag_3 {
	text-decoration: none;
	font-size: 1em;
}

a.freetag_4 {
	text-decoration: none;
	font-size: 1.2em
}

a.freetag_5 {
	text-decoration: none;
	font-size: 1.4em;
}

a.freetag_6 {
	text-decoration: none;
	font-size: 1.6em;
}

a.freetag_7 {
	text-decoration: none;
	font-size: 1.8em;
}

.morcego_embedded {
	border: 1px solid;
	text-align: center;
}

/***** FAQs *****/

.faqlistquestions {
	margin-bottom: 20px;
}

.faqqa {
	margin-bottom: 20px;
}

.faqquestion {
	font-weight: bold;
	padding: 2px 12px 0 12px;
}

.faqanswer {
	padding: 0 12px 4px 12px;
}

/***** Forums *****/
.sub_comment_area {
	background: url("../../img/edge.gif") no-repeat top left;
}

/***** Quizzes *****/

.questionblock {
	margin-bottom: 10px;
}

.quizquestion {
	margin-bottom: 5px;
}

.quizdescription {
	margin-bottom: 10px;
}

.quizanswer {
	margin-bottom: 10px;
}

/***** Shoutbox *****/

.shoutboxmsg {
	margin-bottom: 0;
	padding: 4px;
	padding-bottom: 1px;
}

.shoutboxmodmsg {
	font-size: .95em;
	margin: 0 5px 4px 5px;
	padding-top: 5px;
	padding-bottom: 1px
}

textarea.tshoutbox{
	font-size: .95em;
	width: 90%;
}

/***** Directory *****/

.dircategs {
	font-size: 95%;
}

.dirsublink {
	font-size: .95em;
}

.dirsite {
	margin-bottom: 10px;
	padding: 4px;
}

.dirsitetrail {
	font-size: 95%;
}

.dirsitecats {
	font-size: 95%;
}

/***** User Tasks *****/
.taskcount {
	font-style: italic;
}


/***** Messages *****/

.prio1,
.prio2,
.prio3,
.prio4,
.prio5 {
	border: 1px solid #a9a9a9;
	padding-left: 2px;
}

.prio1 {
	background: #f7f9ca
}

.prio2 {
	background: #f7f9ea;
}

.prio3 {
	background: #f7f9fa;
}

.prio4 {
	background: #f7f9fd;
}

.prio5 {
	background: #f7f9ff;
}

.messureadflag {
	background: #a9a9a9;
	padding-left: 5px;
}

.messureadhead {
	background: #dcdcdc;
	margin-top: 2px;
}

.messureadbody {
	margin-top: 5px;
	background: #dcdcdc;
}

.readlink {
	font-size: .95em;
	color: black;
}

/***** Admin *****/

.highlight_word_0 {
	color: #ffff66;
	background: #666;
}

.highlight_word_1 {
	color: #ff9999;
	background: #666;
}

.highlight_word_2 {
	color: #a0ffff;
	background: #666;
}

.highlight_word_3 {
	color: #ff66ff;
	background: #666;
}

.highlight_word_4 {
	color: #99ff99;
	background: #666;
}

/* Bullet on list items look inappropriate here. */
.tiki_admin .note .rbox-data li.even,
.tiki_admin .note .rbox-data li.odd {
	list-style: none;
}

/* admin boxes etc (.admbox) now defined in css/admin.css */

.mods_revision {
	background: #b5cfb5;
	color: #000;
}

.mods_update {
	background:#dcdeac;
	color: #000;
}

/* Cluetip - JQuery tooltips
   =cluetipClass: 'default' */

.cluetip-default {
	background: #bed8f1;
	color: #000;
}

.cluetip-default #cluetip-outer {
	background: #bed8f1;
}
.cluetip-default h3#cluetip-title {
	background: #1b3a50;
	color: #fff;
	font-weight: bold;
}

.cluetip-default #cluetip-title a {
	color: #bed8f1;
	font-size: 0.95em;
}
  
.cluetip-default #cluetip-inner {
	padding: .9em;
}

#cluetip-close { 
	background: #fff;
	color: #900;
}
	
.cluetip-fullhtml {
	margin: 0;
	padding: 0;
}

/* webmail & groupmail */
.webmail_item {
	font-size: .9em;
	border: #999 solid 1px;
	margin: 1px 0;
	padding: 0 1px;
}

.webmail_refresh_message {
	font-size: .8em;
}

.webmail_list .odd {
	background: #eee;
}

.webmail_list .button {
	background: #fff;
	border: 1px solid #666;
	padding: 0 2px;
}

.webmail_list .webmail_read {
	background: #aaa;
}

.webmail_list .webmail_replied {
	background: #888;
}

.webmail_list .webmail_taken {
	border: #900;
	color: #900;
}

.webmail_message {
	background: #fff;
}

.webmail_mono {
	font-size: 1.1em;
	font-family: "Courier New", Courier, monospace;
}

.webmail_message_headers {
	background: #fff;
	width: 100%;
	padding: 0 5em .5em 0;
}

.webmail_message_headers th {
	font-style: italic;
	text-align: right;
	border: none;
	background: transparent;
}

/* treeTable definitions - used in object-perms so far */

.treeTable .checkBoxHeader {
	font-size: .8em;
}

.treeTable .subHeader td {
	font-weight: bold;
}

.treeTable .parent td {
	font-style: italic;
}

/* jq tablesorter */
.fancysort th.headerSortUp {
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(../../pics/icons/resultset_up.png) !important;
}

.fancysort th.headerSortDown {
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(../../pics/icons/resultset_down.png) !important;
}

.fancysort th.header {
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(../../pics/icons/resultset.png);
}

/* jq tracker header */
.trackerHeaderOpen {
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(../../pics/icons/resultset_down.png);
}

.trackerHeaderClose {
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(../../pics/icons/resultset_next.png);
}

/* Perspectives (edit) */
.dropzone {
	color: #000;
	background-color: #fff;
	border: #999 solid 2px;
	border-bottom-color: #ccc;
	border-right-color: #ccc;
}

.dropzone > div:hover {
	background-color: #eee;
} 

/* page contribution by author / wikiplugin_author */

.author0 {
	color: black;
}

.author1 {
	color: blue;
}

.author2 {
	color: red;
}

.author3 {
	color: green;
}

.author4 {
	color: maroon;
}

.author5 {
	color: yellow;
	background: gray;
}

.author6 {
	color: aqua;
	background: gray;
}

.author7 {
	color: fuchsia;
	background: gray;
}

.author8 {
	color: teal;
}

.author9 {
	color: purple;
}

.author10 {
	color: white;
	background: navy;
}

.author11 {
	color: olive;
}

.author12 {
	color: gray;
}

.author13 {
	color: navy;
}

.author14 {
	color: silver;
	background: blue;
}

.author15 {
	color: lime;
	background: gray;
}

 /* wikiplugin_tracker */
.mandatory_note {
	font-style: italic;
	color: red;
	margin-top: 10px;
}

.popup-backlinks {
	display: none;
	width: 100px;
}
 /* wikiplugin_tracker */
.trackerCategoryName {white-space:nowrap;}
/* End of file */

#captchaImg {
	border: 1px solid black;
}

.ui-tabs .ui-tabs-nav li a {
	padding: 0.3em 0.8em 0.1em;
}
/* interactive translations */

#intertrans-indicator {
	background-color: #ade;
	color: #000;
}

#intertrans-form {
	background-color: #eff;
	border: #799 solid 2px;
	color: #000;
}

.tree.root .object-count {
	float: right;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
	color: #999;
}

/* jquery validation */

label.error {
	background : url('../../pics/icons/error.png') no-repeat;
	color:red;
	padding-left:20px;
	margin-left: 0.5em;
}

/* FileGals Upload Progress Bar */

.progressName {
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	font-weight: bold;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	width: 0%;
	height: 20px;
	background-color: blue;
	margin-top: 2px;
	color: white;
	text-align: center;
	font-weight: bold;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	text-align: left;
	white-space: nowrap;
}

.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}