.app{
	max-width:830px;
	width:100%;
	/*height:500px;*/
	background-color:#ffffff;
	position:relative;

	margin:50px auto;

	font-family:'open_sansregular', Arial, Helvetica, sans-serif;
	font-size:15px;
}
.app-content{
	margin:20px;
}
.app-number,
.app-number-spacer{
	width:36px;
	height:36px;
	font-weight:bold;
	font-size:20px;
	color:#ffffff;
	text-align:center;
	line-height:36px;
	display:inline-block;
	margin-right:10px;

	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;

	background-image:url(http://www.equipurina.ca/rationbalancer/images/bg-gradient.gif);
}
.app-number{
	position:absolute;
	left:0px;
	top:0px;
}
.app-number-spacer{
	background:none;
}

.app-row{
	margin-bottom:10px;
	position:relative;
	min-height:36px;
	padding-left:46px;
	line-height:36px;
}

.app select{
	width:266px;
	height:37px;
	vertical-align:top;
}
.app #feed-button,
.app #activity-button{
	vertical-align:top;
}
.app .width-150px{
	width:191px;
	display:inline-block;
}
.app-fr .width-150px{
	width:180px;
}
.app .width-330px{
	width:330px;
	display:inline-block;
}

.app .ui-selectmenu-button span.ui-icon {
  left: auto;
  margin-top: 0px;
  position: absolute;
  right: 0px;
  top: 0px;
  height:36px;
  width:36px;

  background:none;
}

.app .ui-selectmenu-button span.ui-selectmenu-text {
  display: block;
  line-height: 36px;
  overflow: hidden;
  padding: 0px 36px 0px 18px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;

  background-image:url(http://www.equipurina.ca/rationbalancer/images/bg-selectmenu.png);
}
.app .ui-corner-all{
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}
.app .ui-corner-all,
.app .ui-corner-top,
.app .ui-corner-right,
.app .ui-corner-tr {
  	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
	border-top-right-radius: 9px;
}
.app .ui-corner-all,
.app .ui-corner-top,
.app .ui-corner-left,
.app .ui-corner-tl {
  	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	border-top-left-radius: 9px;
}
.app .ui-state-focus,
.app .ui-state-hover,
.app .ui-widget-content .ui-state-focus,
.app .ui-widget-content .ui-state-hover{
	color:#000000;
}
.app .ui-state-default,
.app .ui-widget-content .ui-state-default,
.app .ui-widget-header .ui-state-default {
  color:#000000;
}

.app-radios,
.app-radio{
	display:inline-block;
}
.app-radio{
	margin-left:10px;
	font-weight:bold;
	cursor:pointer;
}
.app-radio span{
	display:inline-block;
	background-image:url(http://www.equipurina.ca/rationbalancer/images/radio-uncheck.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:16px;
	height:36px;
	margin-right:10px;
	vertical-align:top;
}
.app-radios .app-radio-checked span{
	background-image:url(http://www.equipurina.ca/rationbalancer/images/radio-check.png);
}

input[type="text"]{
	line-height: 36px;
	width:70px;
	height:34px;
  	overflow: hidden;
  	text-align: center;

	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;

	border:1px solid #cccccc;
	background-image:url(http://www.equipurina.ca/rationbalancer/images/bg-selectmenu.png);

	font-family: "open_sansregular",Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight:bold;
}
input.app-input-readonly{
	background-image:url(http://www.equipurina.ca/rationbalancer/images/bg-gradient.gif);
	width:96px;
	color:#ffffff;
}
.bg-gradient-fade{
	background-image:url(http://www.equipurina.ca/rationbalancer/images/bg-gradient-fade.png);
	background-repeat:repeat-y;
	padding:15px 0px;
	text-align: center;
}
.overflow { height: 200px; }




.app-clear,
.app-nomobile-clear{
	width:100%;
	clear:both;
}

.ui-tooltip{
	display: none;
	position: absolute;
	background-color: #ddd;
	z-index: 100;
	line-height: 1.6em;
	padding: 5px;
	-webkit-box-shadow: 10px 10px 10px 0px rgba(201,201,201,1);
	-moz-box-shadow: 10px 10px 10px 0px rgba(201,201,201,1);
	box-shadow: 10px 10px 10px 0px rgba(201,201,201,1);
}

.tooltip:hover + .ui-tooltip{
	display: block;
}
.ui-tooltip1{
	display: none;
	position: absolute;
	background-color: #ddd;
	z-index: 100;
	line-height: 1.6em;
	padding: 5px;
	-webkit-box-shadow: 10px 10px 10px 0px rgba(201,201,201,1);
	-moz-box-shadow: 10px 10px 10px 0px rgba(201,201,201,1);
	box-shadow: 10px 10px 10px 0px rgba(201,201,201,1);
}

.tooltip1:hover + .ui-tooltip1{
	display: block;
}

#newsSection img.cups{
	position: absolute;
	top: -6px;
	right: 65px;
	height: 115px;
	width: auto;
}

#newsSection img.cupsfr{
	top: 4px;
	height: 115px;
	width: auto;
}

@media only screen and (max-width: 900px) {
	#newsSection img.cups{
	    top: 27px;
	    height: auto;
	    width: auto;
	}
}

@media only screen and (max-width: 640px) {
	#newsSection img.cups{
	    top: 27px;
	    right: 0;
	    height: auto;
	    width: auto;
	}
}