/*
/  The following entries allow you to customize the home page of JICS Go.  The entire home page is enclosed in a div tag
/  with the id of "homeScreen".
/
/  The logo at the top of the home page is an image named home_logo.png and resides in the ClientConfig/HtmlContent/Images
/  directory.  Replace this image with your own of the same name.  The img tag for the home logo has an id of "homelogo".
*/

#homeScreen
{
    text-align: center;
    background-color: #000000;
    background-image: url(images/homebg.png), -moz-linear-gradient(top,#4575a2,#bfd9f5);
    background-image: url(images/homebg.png), -webkit-gradient(linear,left top,left bottom,color-stop(0,#4575a2),color-stop(1,#bfd9f5));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4575a2',EndColorStr='#bfd9f5)')";
    background-repeat: no-repeat;
    background-position: bottom right;
}

.backgroundImage
{
    background: url(images/homebg.png) bottom right no-repeat;
}
#homeLogo
{
    margin: 15px auto;
}
#homeScreen .ui-btn-up-c, #homeScreen .ui-btn-up-d 
{
    background-color: #eeeeee;
    background: -moz-linear-gradient(center top , rgba(253,253,253,.85), rgba(228,228,228,.85));
    background: -webkit-gradient(linear, left top, left bottom , color-stop(0,rgba(253,253,253,.85)), color-stop(1,rgba(228,228,228,.85)));
    color: #444444;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px 1px #F6F6F6;
}
#homeScreen ul .ui-btn-inner
{
    -moz-border-radius-topright: 7px;
    -webkit-border-top-right-radius: 7px;
    border-top-right-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -webkit-border-top-left-radius: 7px;
    border-top-left-radius: 7px;
}

#homeScreen li.springboard.ui-li {
    background: none transparent;
    border: medium none;
}

#homeScreen .ui-corner-bl {
    border-bottom-left-radius: 0;
}

/*
/  The following entries allow you to customize the main logo that resides on all JICS Go pages (except the home page).  The
/  logo at the top of these pages is an image named main_logo.png and resides in the ClientConfig/HtmlContent/Images directory.  Replace
/  this image with your own of the same name.  The img tag for the main logo has an id of "mainlogo".
*/
#mainlogo
{
    height: 35px;
    width: 168px;
    text-align: center;
}

#global-nav
{
    text-align: center;
    background-color: #1d456e;
    padding: 5px 10px 5px 10px;
    height: 40px;
    background-color: #1D456E;
    height: 40px;
    padding: 5px 10px;
    border-bottom: 1px solid #475f77;
    background-image: -moz-linear-gradient(top,#3e6992,#6b92ba);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#3e6992),color-stop(1,#6b92ba));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#3e6992',EndColorStr='#6b92ba)')";
}

/*
/  The following controls the bar at the top of an ul listview.
*/
.ui-bar-b
{
    border: 1px solid #456f9a;
    background: #5e87b0;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 -1px 1px #254f7a;
    background-image: -moz-linear-gradient(top, #81a8ce, #5e87b0);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #81a8ce),color-stop(1, #5e87b0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#81a8ce', EndColorStr='#5e87b0')";
}

/* The following controls the color of section headers on content screens */

h3.sectionHeader {
        color: #25486c;
    }