/** Add css rules here for your application. */


body {
	background-color: #9e0b0f;
	font: 11pt arial;
}

#warp {
	background-color: #9e0b0f;
	font: 11px arial;	
}

.subtitle {
	font-family: Trebuchet MS, Arial, Tahoma, sans-serif; 
	font-size: 15pt;
	color: #ffffff;
}

.footer {
	font: 8pt arial;
	color: #acacac;
}
a.footer {
	font: 8pt arial;
	color: #acacac;
	vertical-align: top;
}

a.footer:link {color: acacac; text-decoration: none;}
a.footer:visited {color: acacac; text-decoration: none;} 
a.footer:hover {color: #ffffff; text-decoration: underline;} 
a.footer:active {color: acacac; text-decoration: none;} 

.termsWrapper {
	background: #9e0b0f url('../images/contracts-bg.png') repeat-x;
}

#main-content-table {
	width: 900px;
	height: 410px; 	
}

a#main-link-logged-in  {
    display: block;
    width: 70px;
    height: 70px;
    background-image: url('../images/main-link-logged-in.png');
    
}
a#main-link-logged-in:hover {
    background-image: url('../images/main-link-logged-in-over.png');
}
a#main-link-logged-in:active {
	background-image: url("../images/main-link-logged-in-over.png");
}

a#main-link-logged-out  {
    display: block;
    width: 70px;
    height: 70px;
    background-image: url('../images/main-link-logged-out.png');
    
}
a#main-link-logged-out:hover {
    background-image: url('../images/main-link-logged-out-over.png');
}
a#main-link-logged-out:active {
	background-image: url("../images/main-link-logged-out-over.png");
}

a#main-link-action  {
    display: block;
    width: 70px;
    height: 70px;
    background-image: url('../images/main-link-action.png');
    
}
a#main-link-action:hover {
    background-image: url('../images/main-link-action-over.png');
}
a#main-link-action:active {
	background-image: url("../images/main-link-action-over.png");
}

a#main-link-community  {
    display: block;
    width: 70px;
    height: 70px;
    background-image: url('../images/main-link-community.png');
    
}
a#main-link-community:hover {
    background-image: url('../images/main-link-community-over.png');
}
a#main-link-community:active {
	background-image: url("../images/main-link-community-over.png");
}

a#main-link-help  {
    display: block;
    width: 70px;
    height: 70px;
    background-image: url('../images/main-link-help.png');
    
}
a#main-link-help:hover {
    background-image: url('../images/main-link-help-over.png');
}
a#main-link-help:active {
	background-image: url("../images/main-link-help-over.png");
}

a#main-link-contact  {
    display: block;
    width: 70px;
    height: 70px;
    background-image: url('../images/main-link-contact.png');
}
a#main-link-contact:hover {
    background-image: url('../images/main-link-contact-over.png');
}
a#main-link-contact:active {
	background-image: url("../images/main-link-contact-over.png");
}

a#main-link-ordermanager  {
    display: block;
    width: 70px;
    height: 70px;
    background-image: url('../images/main-link-ordermanager.png');
}
a#main-link-ordermanager:hover {
    background-image: url('../images/main-link-ordermanager-over.png');
}
a#main-link-ordermanager:active {
	background-image: url("../images/main-link-ordermanager-over.png");
}

#main-links-area {
	font: 10pt Trebuchet MS;
	font-weight: bold;
	text-align: center;	
}

a#restaurant-link  {
    display: block;
	width: 320px;
    height: 90px;
    background-image: url('../images/restaurant-link.png');
}
a#restaurant-link:hover {
    background-image: url('../images/restaurant-link-over.png');
}
a#restaurant-link:active {
	background-image: url("../images/restaurant-link-over.png");
}

#loginStatus,#passwordStatus,#personalInfoStatus,#resetStatus {
	font: 10pt Arial;
	text-align: left;
	color: #800000;
	vertical-align: top;
}

#bordered-item {
	border: solid 1px #e3e3e3;
	cursor: default;
}

#deletable {
	border: solid 1px #e3e3e3;
	width: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #6c6c6c;
}

#deletable:hover {
	background: #9e0b0f;
	color: #ffffff;
}
.content {
	width: 100%;
	height: 100%;	
}

.contentTitle {
	border-bottom: solid 2px #e3e3e3;	
	height: 25px;
	width: 250px;
}

.contentTitleText {
	font: 13pt Arial;
	font-weight: bold;
}

.contentDescription {
	font: 10pt Arial;
	color: #800000;
	width: 250px;
	padding-left: 0px;
	padding-top: 5px;
}

#content-menu {
	padding-top: 5px;
	width: 240px;
	margin-left: -2px;
}

#content-link {
	font: 10pt Trebuchet MS;
	font-weight: bold;
	width: 100%;
	padding-left: 5px;
	background: #e3e3e3;
	cursor: pointer;
	display: inline-table;
}

#content-link:hover {
	background: #9e0b0f;
	color: #ffffff;
}

#content-link:active {
	background: #9e0b0f;
	color: #ffffff;
}

#info-section-title {
	width: 150px;
	font: 10pt Arial;
	font-weight: bold;
	color: #6c6c6c;
	vertical-align: top;
}

#info-section-item-title {
	font: 10pt Trebuchet MS;
	font-weight: bold;	
	text-align: right;
	color: #800000;
	vertical-align: top;
}

#info-section {
	font: 10pt Arial;
	border-top: solid 1px #e3e3e3;
	border-bottom: solid 1px #e3e3e3;	
	width: 100%;
	border-spacing: 0px 10px;
}

#main-text {
	font: 10pt Arial;
	text-align: left;
}
.switchgroup1 {
	padding-left: 20px;
	padding-top: 5px;
}
.disclosure-header {
	cursor: pointer;
	font: 10pt Trebuchet MS;
	font-weight: bold;
}

.disclosure-content {
	font: 10pt Arial;
}


#terms {
	font-family: Arial;
	font-size: 10pt;
	text-align: left;
	overflow: auto;
	height: 310px;
	width: 98%;
	background: #ffffff;
	padding: 8px;
}

#overflowing {
	font: 10pt Arial;
	text-align: left;
	overflow: auto;
	height: 280px;
	width: 100%;
	border-top: solid 1px #e3e3e3;
	border-bottom: solid 1px #e3e3e3;
	margin-left: 3px;
	padding-top: 5px;
	
}

#order-history-header {
	text-align: left; 
	font: 12pt Helvetica; 
	font-weight: bold; 
	width: 100%; 
	height: 40px;
	margin-top: 3px;
	margin-left: 2px; 
}

#order-status-header {
	border-bottom: solid 1px #e3e3e3; 
	font: 10pt Trebuchet MS; 
	font-weight: bold;
	color: #800000;	
}

img.phone {
	position: relative;
	top: -260px;
	left: 70px;	
}

img.appstore{
	position: relative;
	top: 30px;
	left: 5px;	
}


.main-top-left {
	background-image: url('../images/main-top-left.png');
	height: 20px;
	width: 20px;
}

.main-top-middle {
	background-image: url('../images/main-top-middle.png');
	background-repeat: repeat-x;
	height: 20px;
}

.main-top-right {
	background-image: url('../images/main-top-right.png');
	height: 20px;
	width: 20px;
}

.main-bottom-left {
	background-image: url('../images/main-bottom-left.png');
	height: 20px;
	width: 20px;
}

.main-bottom-middle {
	background-image: url('../images/main-bottom-middle.png');
	background-repeat: repeat-x;
	height: 20px;
}

.main-bottom-right {
	background-image: url('../images/main-bottom-right.png');
	height: 20px;
	width: 20px;
}

.main-middle-left{
	background-image: url('../images/main-middle-left.png');
	background-repeat: repeat-y;
	width: 20px;
}

.main-middle-middle {
	background: #ffffff;
}

.main-middle-right {
	background-image: url('../images/main-middle-right.png');
	background-repeat: repeat-y;
	width: 20px;
}

.title-cell {
	background-image: url('../images/background.png');
	background-repeat: repeat-x;
}

.body-cell {
	font: 12px arial;	
	padding: 10px;
}

.body-label {
	font: 14px arial;	
}

.body-label-highlight {
	font:italic 14px arial;
	color:#b50b0f;	
}

.body-label-small {
	font: 10px arial;	
}

.textbox-home {
	font:14px arial;
	background-color: #dbdfff;	
	color: #555555;
}

.textbox-vendor {
	font: 12px arial;
	background-color: #daffb9;	
	color: #555555;
}

.info-left-top {
	background: url('../images/info-left-top.png') repeat-x;	
}

.info-left-bg {
	background: #9e0b0f url('../images/info-left-bg.png') repeat-x;	
	margin:0;
	padding:0;
	text-align:left;
	height:360px;
	background-position: 0px -2px ;
	margin-left: auto;
	margin-right: auto;
}

.info-right-bg {
	background: #9e0b0f url('../images/info-right-bg.png') repeat-x;	
	margin:0;
	padding:0;
	text-align:left;
	height:360px;
	background-position: 0px -2px ;
	margin-left: auto;
	margin-right: auto;
}

.disclosure-left-collapsed {
	cursor: pointer;	
}

.disclosure-right-collapsed {
	cursor: pointer;	
}


/** Example rules used by the template application (remove for your app) */


.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}