/* default button class: rndBtn */
 /* btn container */
 div.rndBtn {background:url(http://www.mycitylifestyles.com/MyCity/pages/css/btn/orangeButtonBG.gif) repeat-x;border:solid 1px #ffa516;text-align:center;}

 /* btn content container */
 div.rndBtn input{position:relative;width:100%;display:block;font-size:100%;text-align:center;font-weight:bold;color:#000;border:0;background-color:transparent;cursor:hand;cursor:pointer;margin:-.5em 0;padding:.5em 0;z-index:1000}


.headerTitle {
	background-image: url(http://www.mycitylifestyles.com/MyCity/assets/images/headerTitle.png);
	height: 110px;
	background-repeat: none;
	display: block;
}
.gwt-Label{
	float: left;
	width: 140px;
}

.favTrue{
	background-image: url(http://www.mycitylifestyles.com/MyCity/assets/images/favTrue.png);
}

.favFalse{
	background-image: url(http://www.mycitylifestyles.com/MyCity/assets/images/favFalse.png);
}
.menuBar{
	background-image: url(http://www.mycitylifestyles.com/MyCity/assets/images/menuBar.png);
	background-repeat: repeat-x;
}

.floatLeft{
	float:left;
}

.headerBG {
	background-image: url(http://www.mycitylifestyles.com/CoReg/pages/files/images/headerBG.gif);
	background-repeat: repeat;
}

.greyBar {
	background-image: url(http://www.mycitylifestyles.com/CoReg/pages/files/images/greybar.gif);
	background-repeat: repeat-x;
}

.blueBar {
	background-image: url(http://www.mycitylifestyles.com/CoReg/pages/files/images/blbar.gif);
	background-repeat: repeat-x;
}

.leftTab {
	background-repeat: none;
	float: left;
	height: 20px;
	background-image: url(http://www.mycitylifestyles.com/MyCity/assets/images/verticalLeftTab.png);
}

.rightTab {
	background-repeat: none;
	height: 20px;
	vertical-align: top;
	background-image: url(http://www.mycitylifestyles.com/MyCity/assets/images/verticalRightTab.png);
}

.horizontalTab {
	background-repeat: repeat-x;
	background-image: url(http://www.mycitylifestyles.com/MyCity/assets/images/horizontalTab.png);
}

.fontNormalWeight {
	font-weight: lighter;
	}
.alignHeaderBottom {
	vertical-align: bottom;
}

.lightBlue {
	background-color:#Cff4ff;
}

.blue {
	color: blue;
}

.white {
	color: #fff;	
}


.lightGrey {
	background-color:#C8BBBE;
}

.errorMessage {
	color: #FF0000;
	line-height: 1;
}

.actionMessage {
	font-weight: bold;
}

.centered {
	text-align: center;
}

.clear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}

.containerFullWidth {
	width: 100%;
}
.extraLarge      {
 font-size: 2.0em; margin-bottom: 0.25em; 
 }
 .extraExtraLarge      {
 font-size: 4.0em; margin-bottom: 0.25em; 
 }
.moveUp {
	padding-top: -253px;
}

.smallMoveUp {
	margin-top: -10px;
}

.titleBar {
	color: #EEEEEE;
	display: block;
	height: 30px;
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	text-decoration: none;
	font-weight: bolder;
	margin-bottom: 4px;
	padding-bottom: -4px;
	padding-top: -2px;
}

.greenGradient {
	background: transparent url('http://www.mycitylifestyles.com/MyCity/assets/images/greenButton.png');
}

.blueGradient {
	background: transparent url('http://www.mycitylifestyles.com/MyCity/assets/images/blueButton.png');
}

.orangeGradient {
	background: transparent url('http://www.mycitylifestyles.com/MyCity/assets/images/orangeButton.png');
}

.yellowGradient {
	background: transparent url('http://www.mycitylifestyles.com/MyCity/assets/images/yellowButton.png');
}

.offerImage{
	width: 120px;
	height: 60px;
}	

.button {
	color: #EEEEEE;
	height: 40px;
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	text-decoration: none;
	font-weight: bolder;
}

.button span {
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;
}

.button:active {
	color: #DDDDDD;
	outline: none; /* hide dotted outline in Firefox */
}

.button:active span {
	padding: 6px 0 4px 18px; /* push text down 1px */
}

.myCityBold {
	font-weight: bold;
	color: #888;
}

.myCityHeaderFont {
	color: #888;
	font-family: Helvetica;
	font-size: 2.5em;
	line-height: 1;
	font-weight: bolder;
	margin-bottom: 0.5em;
}


.myCityHeaderBodyFont {
	font-family: Helvetica;
	font-size: 1.5em;
	color: #888;
	line-height: 1.5;
	margin-bottom: 1em;
}

.myCityFormFont {
	font-family: Helvetica;
	font-size: 1.0em;
	color: #000;
	line-height: 3;
	margin-bottom: 1em;
}

.myCityFormDetailFont {
	font-family: Helvetica;
	font-size: 1.0em;
	color: #000;
	line-height: 2;
	margin-bottom: 1em;
}

.centeredImage
 {
    text-align:center;
    margin-top:6px;
    margin-bottom:-6px;
    padding:0px;
	
}

.smallerLineHeight{
	line-height: .8;
}
.smallLineHeight{
	line-height: 1.5;
}
.mediumLineHeight{
	line-height: 2;
}

.alignBottom {
	vertical-align: middle;
}

.alignTop {
	vertical-align: top;
}

.alignHorizontalCenter{
	vertical-align: middle;
}

.alignTop {
	vertical-align: top;
}

.indent {
	margin-left: 24px;
	margin-right: 24px;
}

.smallMargins {
	margin-top: 0px;
	margin-bottom: 0px;
}
.smallerMargins {
	margin-top: 2px;
	margin-bottom: 2px;
}


.smallPadding {
	padding-top: 8px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
}

.smallPaddingTop {
	padding-top: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}


.mediumPadding {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 20px;
	padding-right: 20px;
}

.noMargin  {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.noPadding  {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.smallMarginTop {
	margin-top: 15px;
}

.indentTop {
	margin-top: 15px;
}

.smallIndentTop {
	margin-top: 5px;
}
.indentLeft {
	padding-left: 10px;
}

.marginLeft {
	margin-left: 10px;
}

.thinBorder {
	border-top: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
}

.actionFont {
	color: #F88017;
}

.tdLabel {
	vertical-align: top;
	color: #888;
}
	
.smallFont {
	font-size: 90%;
}

.smallerFont {
	font-size: 60%;
}

.buttonFont {
	color: #EEEEEE;
}

.orangeBG {
	background-color: #FF9C00; 
}

.orangeColor{
	color: #FF9C00;
}

.blueBG {
	background-color: #6495ed; 
}

.blueColor {
	color: #6495ed;
}

.imgProfile {
	float: left;
	margin: 0.5em 1.5em 1.5em 0.5em;
	padding: 0;
	width: 40px;
	height: 50px;
	border-top: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
}

.smallWidth {
	width:80px;
}

.mediumWidth {
	width:250px;
}


.imgIcon {
	margin: 0.0em 0.0em -0.5em -0.5em;
	padding: 0.0em 0.0em 0.0em 0.0em;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.imgBigProfile {
	float: left;
	margin: 0.5em 1.5em 1.5em 0.5em;
	padding: 0;
	width: 90px;
	height: 100px;
	border-top: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
}


.imgVenue {

	width: 100px;
	height: 100px;
	border-top: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
}

.imgMaxVenue {
	max-width:300px;
	/* IE Image max-width */
	width: expression(this.width > 390 ? 390: true);
	max-height: 300px
	border-top: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
}

.dojoPopupContainer table {
	margin-bottom: 0;
	font-size: 12pt;
}

.dojoPopupContainer th {
	border-bottom: 0;
}

.dojoPopupContainer td {
	border-bottom: 0 solid #ddd;
}


.dojoPopupContainer th,td {
	padding: 0 10px 0 0;
}

.dojoPopupContainer .monthWrapper td {
	font-family: verdana;
	font-size: 9pt;
}

.gwt table{
	padding: 0 0 0 0;
}

.gwt td{
	padding: 2 2 2 2;
}

.alignCenter {
	text-align: center;
}

.alignRight {
	text-align: right;
}
