

/******************************* Vertical Layout **************************************/





/* Overall Wrapper for Client Supplied Snippet */

	#OT_searchWrapperAll {
	width:100%;
	height:100px;/* for horizontal layout: 60px, for vertical layout: 100px */
	position: relative;
	margin:0;
	padding:0;
	background:#fff;
	float: left;
    }

    

/* wrapper */



	#OT_searchWrapper

    {

        border: none;

        background: #fff;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 12px;

        width:100%; 

        height:100px;/* for horizontal layout: 60px, for vertical layout: 100px */

        position: relative;

        margin:0;

	background:#fff;

    }



/* Title of Search */

	 #OT_searchWrapper .OT_feedTitle

    {
	position: absolute;
	top: 0;
	left: 0;
	font-size:12px;
	font-weight:normal;
	line-height:1em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: 0px;
	

    }

 

 /* Definition List */   

    #OT_searchWrapper dl 

    {

		position: absolute;

		top: 0;

        left: 0;

		padding:0;

		margin:0;

	}

	

/* for Restaurant, Neighborhood, Region ALT*/	

	#OT_restaurantLbl 

	{

		position:absolute;

		top:25px;

		left:0;

		margin: 0 0 0 5px;

        padding:3px 0;

        width:110px;

        text-align:right;

	}



/* for Restaurant, Neighborhood, Region ALT*/	

	#OT_restaurant

	{

		position:absolute;

		top:25px;

		left:120px;

		padding:0;

		margin:0;

		

	}



/* Party Size Label Wrapper - dt tag */

    #OT_partySizeLbl

    {

        position: absolute;

        top: 55px;/* for horizontal layout: 25px, for vertical layout: 55px */

        left: 0px; /* for horizontal layout: 0px, for vertical layout: 0px */

        margin: 0 0 0 5px;

        padding:3px 0;

        text-align:right;

        width:110px;

        display:block;

    }

    

/* Party Size Wrapper - dd tag */    

    #OT_partySize

    {

        position: absolute;

        top: 55px;/* for horizontal layout: 25px, for vertical layout: 55px */

        left: 120px;/* for horizontal layout: 90px, for vertical layout: 120px */

        margin:0;

       	padding:0;

    }



/* Date Label Wrapper - dt tag */    

    #OT_dateLbl

    {

        position: absolute;

        top: 85px;/* for horizontal layout: 25px, for vertical layout: 55px */

        left: 0px;/* for horizontal layout: 105px, for vertical layout: 0px */

        margin: 0 0 0 5px;

        padding:3px 0;

        text-align:right;

        width:110px;

    }

    

/* Date Label Wrapper - dd tag */    

    #OT_date

    {

        position: absolute;

        top: 85px;/* for horizontal layout: 25px, for vertical layout: 55px */

        left: 122px;/* for horizontal layout: 195px, for vertical layout: 85px */

        width:100px;

        margin:0;

       	padding:0;

    }



/* Time Label Wrapper - dt tag */     

    #OT_timeLbl {

        position: absolute;

        top: 85px;/* for horizontal layout: 25px, for vertical layout: 55px */

        left: 215px;/* for horizontal layout: 300px, for vertical layout: 185px */

        padding:3px 0;

        width:55px;

        text-align:right;

    }



/* Time Label Wrapper - dd tag */     

    #OT_time {

        position: absolute;

        top: 85px;/* for horizontal layout: 25px, for vertical layout: 55px */

        left: 275px;/* for horizontal layout: 398px, for vertical layout: 275px */

        margin:0;

    }

    

 /* Placeholder empty dt */

    #OT_empty 

    {

		position:absolute;

		width:0;

		height:0;

		padding:0;

		margin:0;

		top:85px;

		left:0;

	} 

 

 /* Submit Button Wrapper - dd tag */    

     #OT_submitWrap

    {

        position:relative;

        top: 150px; /* for horizontal layout: 25px, for vertical layout: 112px */

        left: 278px;/* for horizontal layout: 450px, for vertical layout: 240px */

        margin: 0 5px 0 0;

        z-index:5; /* do not change */

    }

   

 /* Wrapper for Powered By OpenTable Logo */

    #OT_logo {

        position:absolute;

		top:150px; /* for horizontal layout: 80px, for vertical layout: 120px */

		left:0px; /* for horizontal layout:0px, for vertical layout: 0px */

		width:100%;

		padding:0;

		margin:0;

		display:block;

		background:#fff;

    }

    

  /* Wrapper for Text Link */   

    #OT_logoLink {

		position: absolute;

		top: 125px;/* for horizontal layout: 60px, for vertical layout: 100px */

		left: 0px; /* for horizontal layout: 0px, for vertical layout: 0px */

		width:100%;

		padding:0 0 10px 0;

		margin:0;

		font-size:9px;

		font-family: Arial, Helvetica, sans-serif;

		display:block;

		background:#fff;

     }

    

    /* text link padding */

     #OT_logoLink a

     {

		padding:0 0 0 10px;

	}



    /* Logo Link Border and margin*/

    #OT_imglogo 

    {

		border: 0;

		margin:0 0 0 10px;

	}

    

	#OT_searchWrapper form {margin:0;padding:0;}

	#OT_searchWrapper input.hidden {display:none;}



	/* Text Form Fields*/ 

	#OT_searchWrapper .feedFormField, #OT_searchWrapper .feedFormField option {

		font-size:12px;

		margin:2px 2px 2px 2px;

	}

	/* Text Form Field for Date field */

	#OT_searchWrapper #startDate, #OT_searchWrapper .OT_feedFormfieldCalendar 

	{

		font-family: Arial, Helvetica, sans-serif;

		font-size:12px;

		margin:0;

		width:85px;

	}



	#OT_searchWrapper #dateDisplay

	{

		font-size:10px;

		color:#999;

 		font-family: Arial, Helvetica, sans-serif;

		float:right;

		margin:0px 30px 0px 0px;

		display:inline;

	}



	/*** calendar styles ***/



	/* Placeholder. Don't change this */

	#OT_searchWrapper .imgCal 

	{

		position: absolute; 

		display: none; 

		z-index:100;

	}



	/* Calendar Table properties */

	#OT_searchWrapper #imageCal table {

		font-size:12px;

 		width:150px;

		font-family:arial;

		font-weight: bold;

		background:#FFF;

	}

	#OT_searchWrapper #imageCal td {

		padding:0px 0px 0px 0;

		text-align:center;

	}



	/* Days in the future */

	#OT_searchWrapper .clickableDays 

	{	

		color: #000000; 

		text-decoration: none;

		height:18px;

	}



	/* Days in the past */

	#OT_searchWrapper .nonclickableDays 

	{	

		color: #CCCCCC;

		height:18px;

	}



	/* Name of the month at the top */

	#OT_searchWrapper .months 

	{

		color: #FFFFFF; 

		text-decoration: none 

	}



	/* Day of the week */

	#OT_searchWrapper .weekdays

	{

		color: #000000; 

		text-decoration: none; 

		color:#666666;

		background-color:#EFEFEF; 

		width:14%;

	}





