body {
	
}
/*
Disable the vertical and horizontal scrollbars
These were appearing in IE8 and Chrome browsers 
(pre-device testing, so safer, even for mobile app!
*/
/*.ui-mobile{
    overflow-x: hidden;
    overflow-y: hidden;
}*/

/*
Branding background lime color
*/
//TODO: Can we use a theme for this?
/*
.ui-page {
	background-color: #d7df36;
}
*/

.ui-listview > li p {
  white-space: normal;
}

/*
Center-align all headers
*/
h1, h2, h3, h4 {
	text-align: center;
}

.highlight_9, .highlight_error{
	color: red;
	background-color: yellow;
	font-weight: bold;
}

.highlight_5, .highlight_warning{
	color: red;
}

.highlight_red{
	color: red;
}

.highlight_blue{
	color: blue;
}

.highlight_green{
	color: green;
}

.highlight_yellow{
	color: yellow;
}

.highlight_bold{
	font-weight: bold;
}

.highlight_reject{
	color: white;
	background-color: black;
}

.highlight_new{
    color: black;
    font-weight: bold;
}

.highlight_fail{
    color: red;
    background-color: yellow;
    font-weight: bold;
}

.highlight_wip{
    color: blue;
    font-weight: bold;
}

.highlight_closed{
    color: green;
    background-color: yellow;
    font-weight: bold;
}

.highlight_name{
    color: cyan;
    background-color: yellow;
    font-weight: bold;
}

.split-custom-wrapper {
    /* position wrapper on the right of the listitem */
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.split-custom-button {
    position: relative;
    float: right;   /* allow multiple links stacked on the right */
    height: 100%;
    margin:0;
    min-width:3em;
    /* remove boxshadow and border */
    border:none;
    moz-border-radius: 0;
    webkit-border-radius: 0;
    border-radius: 0;
    moz-box-shadow: none;
    webkit-box-shadow: none;
    box-shadow: none;
}

.split-custom-button span.ui-btn-inner {
    /* position icons in center of listitem*/
    position: relative;
    margin-top:50%;
    margin-left:50%;
    /* compensation for icon dimensions */
    top:11px; 
    left:-12px;
    height:40%; /* stay within boundaries of list item */
}