/*
/  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
{    
	background-color: #d3d3d3;
	background-image: url(images/homebg.png), -webkit-linear-gradient(#d3d3d3,#4d4d4d);
	background-image: url(images/homebg.png),    -moz-linear-gradient(#d3d3d3,#4d4d4d);
	background-image: url(images/homebg.png),     -ms-linear-gradient(#d3d3d3,#4d4d4d);
	background-image: url(images/homebg.png),      -o-linear-gradient(#d3d3d3,#4d4d4d);
	background-image: url(images/homebg.png),         linear-gradient(#d3d3d3,#4d4d4d);
	background-position: bottom right;
	background-size: 25% auto, cover;
}

#homeLogo {
    width: 220px;
    margin: 10px auto;
}

#mainmenuPanel {
	background-color: #d3d3d3;
}

.banner {
    max-width: 800px;
}

/* round menu items text color */
.round .roundtext {
	color: #ffffff;
}
/* round menu items border color */
li.round .roundframe {
	border: 1px solid #001E60;
}


/*
/  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
{
	background-color: #d3d3d3;
	height: 37px;
	padding: 5px 5px 5px 5px;
	background-image: -webkit-linear-gradient(#d3d3d3,#d3d3d3);
	background-image:    -moz-linear-gradient(#d3d3d3,#d3d3d3);
	background-image:     -ms-linear-gradient(#d3d3d3,#d3d3d3);
	background-image:      -o-linear-gradient(#d3d3d3,#d3d3d3);
	background-image:         linear-gradient(#d3d3d3,#d3d3d3);
}

#mainlogo
{
	height: 37px;
	width: 300px;
}