/* 
needed cause bootstrap applies max-width:100% to images and chrome sees this as allowing an
image to get squashed:
https://boulderinformationservices.wordpress.com/2013/01/18/chrome-shrinks-images-in-table-cells/
*/
.bs-no-shrink-image{
	max-width:none;
}

.greenFaIcon 	{color:#4DB350;}
.yellowFaIcon 	{color:#F7BF07;}
.redFaIcon 		{color:#F25757;}
.blueFaIcon		{color:#81AFD4;}
	 
.fontShadows{
/*	font-family: 'Shadows Into Light Two', cursive; */
	font-family: 'Shadows Into Light Two';
	letter-spacing:.2em;
	font-weight:bold;
}

.orangeFont{
	color:#DA6405;
}

/* bring bootstrap image helper classes for mobile */
.img-rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.mobile-img-rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.mobile-img-circle{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;}

.img-yellow{
	/*-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;*/
	-webkit-box-shadow: 0px 0px 3px 2px rgba(249,255,168,0.65);
	-moz-box-shadow: 0px 0px 3px 2px rgba(249,255,168,0.65);
	box-shadow: 0px 0px 2px 3px rgba(249,255,168,0.65);
}

/*.div-bs-radio-btn-container > fieldset > input[type=radio], .bootstrap-radio-btns {*/
/*.div-bs-radio-btn-container > fieldset > input[type=radio] {*/
.bootstrap-radio-btns{
    display:none;
}
 
/*.div-bs-radio-btn-container > fieldset > input[type=radio], .bootstrap-radio-btns:checked + label {*/
/*.div-bs-radio-btn-container > fieldset > input[type=radio] + label {*/
.bootstrap-radio-btns + label {
    display:inline-block;
    margin:-2px;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-bottom-color: #b3b3b3;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}

/*.div-bs-radio-btn-container > fieldset > input[type=radio], .bootstrap-radio-btns:checked + label {*/
/*.div-bs-radio-btn-container > fieldset > input[type=radio]:checked + label {*/
.bootstrap-radio-btns:checked + label{
		 background-image: none;
	 outline: 0;
	 -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	 -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	 box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
		  background-color:#e0e0e0;
}
	
/* alert dialogs */
.info, .success, .warning, .error, .validation, .alert {
	border: 1px solid;
	margin: 10px 0px;
	padding:10px 10px 10px 20px;
	background-repeat: no-repeat;
	background-position: 10px center;
	border-radius: 4px;
}
.alert-success {
	color: #4F8A10;
	background-color: #DFF2BF;
	/*background-image:url('success.png');*/
}
.alert-error {
	background-color: #f2dede;
	border-color: #eed3d7;
	color: #b94a48;
}
.alert-warning{
	color: #c09853;
	border-color:rgb(251, 238, 213);
	background-color:#fcf8e3;
}



#divLoading
{
	
}
#divLoading.show
{
	display : block;
	position : fixed;
	z-index: 100;
	background-image : url('../images/balls.gif');
	background-color:#666;
	opacity : 0.4;
	background-repeat : no-repeat;
	background-position : center;
	left : 0;
	bottom : 0;
	right : 0;
	top : 0;
}
#loadinggif.show
{
	left : 50%;
	top : 50%;
	position : absolute;
	z-index : 101;
	width : 32px;
	height : 32px;
	margin-left : -16px;
	margin-top : -16px;
}

/* spinner widget background */  
.ui-loader-verbose{
	background-color: #C5CAE9; /* purple#D1C4E9; */ /* blue C5CAE9 */ /* #9E96E3; #EBDAF2; #9E96E3;*/
}  

/* mobile left panel, shrink size of dividers */
/* keep original size/padding of left panel */
div[class="ui-panel-inner"] > ul > li > a {
	font-weight: 700 !important;
	font-size: 16px;
}
.ui-listview > .ui-li-divider {
	 /* orig: padding: 0.5em 1.143em; */
    padding: 0.04em .7em !important; 
}
/* end mobile left panel */