/*
/  The following entries allow you to customize the home page of Jenzabar Mobile.
/  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.
*/

#homeScreen
{    
	text-align: center;
	background-color: #d9d9d9;
	background: url(images/christy/campus.jpg);
	webkit-background-size: cover;
	moz-background-size: cover;
	o-background-size: cover;
	background-size: cover;
}

.backgroundImage
{
	background: url(images/christy/campus.jpg);
	webkit-background-size: cover;
	moz-background-size: cover;
	o-background-size: cover;
	background-size: cover;
}

#homeLogo
{
	margin: 15px 5px 5px 5px;
	width: 320px;
}

/*
/  The following entries allow you to customize the main logo that resides on all
/  Jenzabar Mobile 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. Adjust the #mainlogo sizes and
/  the #gloval-nav height to match the update image size.
*/

#global-nav
{
	text-align: center;
	background-color: #d9d9d9;
	height: 43px;
	padding: 5px 5px 5px 5px;
	background-image: -webkit-linear-gradient(#d9d9d9,#d9d9d9);
	background-image:    -moz-linear-gradient(#d9d9d9,#d9d9d9);
	background-image:     -ms-linear-gradient(#d9d9d9,#d9d9d9);
	background-image:      -o-linear-gradient(#d9d9d9,#d9d9d9);
	background-image:         linear-gradient(#d9d9d9,#d9d9d9);
}

#mainlogo
{
	text-align: center;
	height: 33px;
	width: 300px;
	margin: 5px 5px;
}

/** Colored Icons **/

.ui-color-icon .ui-icon-carat-l:after,
.ui-color-icon.ui-icon-carat-l:after 
{
	background-image: url(images/icons/carat-l-color.png);
}

.ui-color-icon .ui-icon-carat-r:after,
.ui-color-icon.ui-icon-carat-r:after 
{
	background-image: url(images/icons/carat-r-color.png);
}

.ui-color-icon .ui-icon-gear:after,
.ui-color-icon.ui-icon-gear:after 
{
	background-image: url(images/icons/gear-color.png);
}

.ui-color-icon .ui-icon-grid:after,
.ui-color-icon.ui-icon-grid:after
{
	background-image: url(images/icons/grid-color.png);
}

/* End Colored Icons */

/* Custom Visitors Styles */

img.springboard2 {
    padding: 0px 0px 8px 0px;
}

.ui-listview>li h2.springboard2 {
    font-size: 1em;
    font-weight: bold;
    padding: 4px 8px 4px 8px;
    text-align: center;
		font-color: white;
    text-shadow: none;
    color: white;
    display: inline;
    background-color: rgba(0,0,0,.6);
    -webkit-border-radius: 9px;
    border-radius: 9px;
    font-variant: small-caps;
}

.ui-listview .tile .tiletextarea {
    white-space: normal;
    overflow: visible;
    position: absolute;
    left: 0;
    right: 0;
    font-size: 1em;
    font-weight: normal;
    margin: 0;
    padding: .25em;
    bottom: 5%;
    min-height: 10%;
}