/* OpenTable override Horizontal Styles */

/* Overall Wrapper for Client Supplied Snippet */
#OT_searchWrapperAll {   
	background: none;
	position: absolute;
	left: 50%; 
	top: 50%;
	width: 900px;
	height: 100px;
	margin-top: 300px; /* half of the height */
	margin-left: -450px; /* half of the width */
	font: 12px/14px 'Trebuchet MS', Verdana, sans-serif;
	color: #ffffff;
}

/* wrapper */

#OT_searchWrapper {
	background: none;
	font: 12px/14px 'Trebuchet MS', Verdana, sans-serif;
	color: #ffffff;
}

/* Title of Search */
 #OT_searchWrapper .OT_feedTitle {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	font: 12px/14px 'Trebuchet MS', Verdana, sans-serif;
}


/* Wrapper for Powered By OpenTable Logo */
#OT_logo {
   position: absolute;
   top: 15px; /* for horizontal layout: 80px, for vertical layout: 120px */
   left: 620px; /* for horizontal layout:0px, for vertical layout: 0px */
   width: 105px;
   padding: 0;
   margin: 0;
   display: block;
   background: none;
}

/* Wrapper for Text Link */   
#OT_logoLink {
	padding: 0;
	margin: 0;
	font: 12px/14px 'Trebuchet MS', Verdana;
	background: none;
 }
 
 /* text link padding */
 #OT_logoLink a
 {
	padding: 0;
}

/* Logo Link Border and margin*/
#OT_imglogo 
{
	border: 0;
	margin: 0;
}

#OT_searchWrapper form {margin: 0; padding:0;}
#OT_searchWrapper input.hidden {display: none;}

/* Text Form Fields */
#OT_searchWrapper .feedFormField {
	margin: 2px 2px 2px 2px;
	border: solid 1px black;
}
#OT_searchWrapper .feedFormField option {
	margin: 2px 2px 2px 2px;
	}
/* Text Form Field for Date field */
#OT_searchWrapper #startDate, #OT_searchWrapper .OT_feedFormfieldCalendar 
{
	font: 12px/14px 'Trebuchet MS', Verdana;
	margin: 0;
	padding: 2px 0 2px 5px;
	width: 80px;
	border: solid 1px black;
}

#OT_searchWrapper #dateDisplay
{
	color: #999999;
	font: 10px/14px 'Trebuchet MS', Verdana;
	float: right;
	margin: 0 28px 0 0;
	display: inline;
}


/* OpenTable override Horizontal Styles */
/* Horizontal stylesheet for Diners' Choice Widget */

#OTWrapper
{
	border: collapse;
	margin: 0px;
	padding: 0px;
	position: absolute;
    top: 0;
    right: 0;
}

#RestaurantName
{
	font-size: 12px;
	font-weight: bold;	
    text-align: center;
    white-space: nowrap;
}

#CityAndState
{
	padding: 2px 0px 0px 0px;
	font-size: 11px;
    text-align: center;
    white-space: nowrap;
}

#WidgetLogoCell
{
	background-image: url("http://www.opentable.com/dcwidget/DCWidgetBadge_Background.gif");
	background-repeat: repeat;
}

#WidgetLogo, #NSWidgetLogo
{
	top: 50%;
    text-align: center;
    clear: left;
	margin: 0px;  
}

#tdRestaurantText
{
	background-image: url("http://www.opentable.com/dcwidget/DCWidgetBadge_Background.gif");
	background-repeat: repeat;	
	
}

#RestaurantText
{
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	letter-spacing: 0;
	padding: 0 10px 0 4px;
}

#RestaurantText a
{
	text-decoration: none;
	color: #61594E;	
}

#RestaurantText a:hover
{
	text-decoration: underline;	
}

#WidgetTopCenter
{
	background-image: url("http://www.opentable.com/dcwidget/DCWidgetBadge_Background.gif");
	background-repeat: repeat;	
	height: 5px;	
	vertical-align: top;
}

#WidgetTopLeft
{
	height:5px;
	width:5px;
}

#WidgetTopRight
{
	height: 5px;
	width: 5px;	
}

#WidgetBottom
{
	height:5px;
}

#WidgetBottomLeft
{
	height: 5px;
	width: 5px;
}

#WidgetBottomRight
{
	height: 5px;
	width: 5px;
}

#WidgetBottomCenter
{
	background-image: url("http://www.opentable.com/dcwidget/DCWidgetBadge_Background.gif");
	background-repeat: repeat;	
	height: 5px;
	text-align: bottom;
	vertical-align: bottom;
}

#WidgetLeftBorder
{
	background-image: url("http://www.opentable.com/dcwidget/DCWidgetBadge_Background.gif");
	background-repeat: repeat;	
	width: 5px;
	text-align: left;
	height: 100%;
}

#WidgetRightBorder
{
	background-image: url("http://www.opentable.com/dcwidget/DCWidgetBadge_Background.gif");
	background-repeat: repeat;	
	width: 5px;
	text-align: right;
	height: 100%;
}

#ImgWidgetLeftBorder, #ImgWidgetRightBorder
{
	height: 100%;
	width: 1px;
}

#ImgWidgetBottomCenterBorder, #ImgWidgetTopCenterBorder
{
	height: 1px;
	width: 100%;
}