/* default-theme.css (c) 2007-10 by iUI Project Members, see LICENSE.txt for license */
body {
    color: #000000;
}

li > a[selected], li > a:active {
    background-image: url(listArrowSel.png), url(selection.png) !important;
}

li > a[selected="progress"] {
    background-image: url(../default/loading.gif), url(selection.png) !important;
}

/************************************************************************************************/

body > .toolbar {
    /*background: url(toolbar.png) #6d84a2 repeat-x;*/
    /*background: #dbf2fc no-repeat;*/
    background:#009DC5;
    border-bottom: 1px solid #FDD16C;

}

#home{
    color: #58585A;
}

.button {
    -webkit-border-image: url(toolButton.png) 0 5 0 5;
    -moz-border-image: url(toolButton.png) 0 5 0 5;
}

.blueButton {
    -webkit-border-image: url(blueButton.png) 0 5 0 5;
    -moz-border-image: url(blueButton.png) 0 5 0 5;
}

#backButton {
    border-image-slice: 1 4 1 12;
    border-image-width: 1px 12px 1px 12px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: repeat stretch;
    border-image-source: url("backButton.png"); 
    padding-left: 10px;
    padding-right: 10px;
    background: url(backButtonBack.png) repeat-x;
}


.whiteButton {
	/*border-image: url(whiteButton.png) 0 12 0 12;
    -webkit-border-image: url(whiteButton.png) 0 12 0 12;
    -moz-border-image: url(whiteButton.png) 0 12 0 12;
    text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;*/
    width: 97%;
    /*color: #58585A;
    background: url(whiteButton_bg.png) repeat-x;*/
    border: 1px solid #FDD16C;
    color: #756666;
    background-color: #FDD16C;
    border-radius: 3px;
}

.redButton {
    -webkit-border-image: url(redButton.png) 0 12 0 12;
    -moz-border-image: url(redButton.png) 0 12 0 12;
}

.grayButton {
    -webkit-border-image: url(grayButton.png) 0 12 0 12;
    -moz-border-image: url(grayButton.png) 0 12 0 12;
    color: #FFFFFF;
}

/************************************************************************************************/

body > ul > li.group {
	opacity:0.7;
    background: url(listGroup.png) repeat-x;
}

body > ul > li > a {
    background: url(listArrow.png) no-repeat right center;
}

/************************************************************************************************/
    
.dialog > fieldset {
    background: url(toolbar.png) #7388a5 repeat-x;
}

/************************************************************************************************/

body > .panel {
    /*background: #deedf3;*/
    background: #FFFFFF;
    /*background: #fefeee url(pinstripes.png);*/
}

.toggle {
    border: 1px solid #888888;
    background: #FFFFFF url(toggle.png) repeat-x;
}

.toggle[toggled="true"] {
    background: #194fdb url(toggleOn.png) repeat-x;
}

.thumb {
    background: #ffffff url(thumb.png) repeat-x;
}

/************************************************************************************************/
#preloader {
    display: none;
    background-image: url(loading.gif), url(selection.png),
        url(blueButton.png), url(listArrowSel.png), url(listGroup.png);
}

.toolbar > h1.titleImg {
  background: url(title-img.png) no-repeat top center;
  color: rgba(0,0,0,0);
}

.toolbar h1 {
 /*color: #0487C1;*/
 color:white;
}
.backButtonImg {
  width: 50px;
  background: url(back-img.png) no-repeat center left,
              url(backButtonBack.png) repeat-x top left !important;
  color: rgba(0,0,0,0);
}

.panel > fieldset {
    position: relative;
    /*margin: 0 0 20px 0;*/
    margin: 0px -10px 20px -10px;
    padding: 10px;
    /*background: #deedf3;*/
    background:#CEE9F1;
    /*-webkit-border-radius: 10px;
    -moz-border-radius: 10px;*/
    border-radius: 0px;
    /*border: 1px solid #999999;*/
    border-top: 1px solid #FDD16C;
    border-bottom: 1px solid #FDD16C;
    border-left:none;
    border-right:none;
    text-align: right;
    font-size: 16px;
    color: #58585A;
}

.whiteButton:disabled{
	opacity: 0.5;

}
.error{
	color: #ea0000;
	font-weight: bold;
	text-align: center;
	font-size: 1.4em;
	bottom: 10px;
	margin: 0;
	padding: 10px;
}

/******* footer **********/

/*body > .footer {
    position: relative;
    background: #dbf2fc no-repeat;
}*/

/*body > .footer {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-bottom: 1px solid #2d3642;
    border-top: 1px solid #6d84a2;
    padding: 380px 1px 10px 10px;
    height: 45px;
    background: #dbf2fc no-repeat;
}*/
/*
.footer > h1 {
    position: absolute;
    overflow: hidden;
    left: 50%;
    margin: 1px 0 0 -75px;
    padding-top: 10px;
    height: 45px;
    font-size: 20px;
    width: 150px;
    font-weight: bold;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #FFFFFF;
}

body[orient="landscape"] > .footer > h1 {
    margin-left: -125px;
    width: 250px;
}
*/


.maarchLogo {
    -webkit-border-image: url(maarch_box.gif) 0 5 0 5;
    -moz-border-image: url(maarch_box.gif) 0 5 0 5;
    position: absolute;
    overflow: hidden;
    top: 8px;
    right: 6px;
    margin: 0;
    border-width: 0 5px;
    padding: 0 3px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-family: inherit;
    font-size: 12px;
    font-weight: bold;
    color: #dbf2fc;
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
    background: none;
}

span.bubble {
    background-color: #FFC200;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 12px;
    margin-top: 1px;
    padding: 4px 10px;
}

span.details_index {
    background-color: #FFC200;
    color: #FFFFFF;
}