
body.PCView .Bo-text#NetworkErrorInfo
{
    background-position: left top;
    background-image: url('../images/errorMessage.png');
    background-repeat: no-repeat;
	background-size: 656px 40px; /* jpg dimensions */
	max-width: 610px; /* jpg width - 1 - padding left (there is a black row in the image right) */
	line-height: 39px; /* jpg heigth - 1 (there is a black line in the image left) */
	font-weight: bold; 
	color: #ffffff;
	padding-left: 45px; /* background contains triangle-exclanation on the left side */
	margin-top: 7px;
	margin-bottom: 15px;
	border-right: 1px solid grey; /* border when width is less than max (same to one in jpg) */
}

body.iPhoneView .Bo-text#NetworkErrorInfo
{
    background-position: center; 
    background-image: url('../images/iPhone/errorMessage.png');
    background-repeat: no-repeat;
	background-size: 270px 39px; /* jpg dimensions */
	width: 222px; /* jpg width - padding left */
	line-height: 39px; /* jpg heigth */
	font-size: 10px;
	padding-left: 48px; /* background contains triangle-exclanation on the left side */
	margin-top: 7px;
	margin-bottom: 15px;
}

/******************************************************************************/
/* Network page */

.searching {
	height: 16px;
	vertical-align: 4px; /* correction of text position because of height required for Bo-img-processing-grey */
}

.Bo-img-processing-grey {
	background-position: 4px center;
	background-image: url("../images/BO_processing_grey.gif");
	background-size: 16px 16px; /* gif size is 20x20 */
	background-repeat: no-repeat;
	width: 20px; /* left offset + png width */
	height: 16px;
	display: inline-block;
	overflow: visible;

}

/******************************************************************************/
/* debug */

body.debug .instructionMessage:after
{
	content: "[instructions]";
}

