/*
/  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;
	/* jjc    background-color: #d9d9d9;    */
	background-color: #eee;
	/* jjc  background-image: url(images/homebg.png), -webkit-linear-gradient(#d9d9d9,#737373);
	background-image: url(images/homebg.png),    -moz-linear-gradient(#d9d9d9,#737373);
	background-image: url(images/homebg.png),     -ms-linear-gradient(#d9d9d9,#737373);
	background-image: url(images/homebg.png),      -o-linear-gradient(#d9d9d9,#737373);
	background-image: url(images/homebg.png),         linear-gradient(#d9d9d9,#737373);
        */
	background-repeat: no-repeat;
	background-position: bottom right;
}

.backgroundImage
{
	background: url(images/homebg.png) bottom right no-repeat;
}

#homeLogo
{
	margin: 15px auto;
}

/*
/  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;
	/* jjc    background-color: #d9d9d9; */
    	background-color: #eee;
	height: 43px;
	padding: 5px 5px 5px 5px;
	/* jjc    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;
	/* jjc    height: 33px;
	width: 300px;    */
	height: 35px;
	width: 168px;
	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 */

/* ***************  jjc add in custom styles ************** */
.welcomeBar {
	color:#fff;
	size:+1
	font-family:Helvetica,Arial,sans-serif;
	text-shadow: none !important;
}

.ui-bar-a {
border: 1px solid #003366 !important;
background: #003366 !important;
color: #fff;
font-weight: 700;
text-shadow: 0 -1px 0 #000;
}


/* jjc 9/19/14 getting rid of red for holds/no holds */
.errorBox {
background-color: #eee !important;
border: 1px solid #999 !important;
padding: 10px 10px 8px 10px;
margin: 5px 0;
clear: both;
display: inline-block;
font-size: 14px;
line-height: 16px;
text-shadow: none;
border-radius: 2px;
}

.errorBox h5 {
margin: 0;
color: #000 !important;
}

a.plain.ui-link:link { color: #396b9e !important; text-shadow: none; }
a.plain.ui-link:visited { color: #396b9e !important; text-shadow: none; }
a.plain.ui-link:hover { color: #396b9e !important; text-shadow: none; }
a.plain.ui-link:active { color: #396b9e !important; text-shadow: none; }

.agenda .event-title {
display: block;
clear: none;
white-space: nowrap;
margin: 0;
overflow: hidden;
color: #396b9e !important;
}

.powered {
font-size: 12px;
font-weight: bold;
color: #f7f7f7 !important;
display: inline;
background-color: #f7f7f7 !important;
background: #f7f7f7 !important;
border-radius: 9px 9px 9px 9px;
padding: 4px 10px;
text-align: center;
text-shadow: none;
}

.inlineThumb {
    max-width: 0px !important;
    /*max-height: 66px;*/
	margin: 0px !important;
	border: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
	-moz-box-shadow: 0px !important;
	-webkit-box-shadow: 0px !important;
	box-shadow: 0px !important;
	float: left;
	margin-left: 0px !important;
	display: block;
}

.twoColLine {
	overflow: hidden;
	padding-top:5px !important;
	padding-right:0px !important;
	padding-bottom:5px !important;
	padding-left:0px !important;
	
}

h3 {
	font-size: 18px; 
	color:#737373; 
	margin-top: 30px; 
	margin-bottom: 5px; 
	border-bottom: 1px solid #b5b5b5; 
	display: block;
}

.smallText, .smallText .ui-btn-text {
	font-size: 16px !important;
}

/* icons from nounproject.com  
- myCourses.png: 'book' by Korokoro
- student-mydegree_new2.png: 'certificate' by Arthur Shlain
- myAccount_new.png: 'account' by Pham Thi Dieu Linh 
*/