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

/* Overall Wrapper for Client Supplied Snippet */
	#OT_searchWrapperAll {   
        width:600px;
        height:34px;/* for horizontal layout: 60px, for vertical layout: 100px */
        position: relative;
        margin: 0 auto;
        padding:0;
        background: #2d4857;
    }
	#OT_title { 
		text-align: left; 
		position: absolute;
		top:0; left: 0;
		width:379px;
	}
	
	#OT_searchWrapperAll h1 {
		font: normal 14px/14px Geneva, Arial, Helvetica, sans-serif;
		margin:0; padding:5px 0 0 12px;
		color: #57778c;
	}

	#OT_searchWrapperAll h2 {	
		font: normal 11px/11px Verdana,Arial,Helvetica,Sans-Serif;
		margin:0; padding:0 0 0 12px;
		color: #f0ae25;
	}	
    
	#ism { position: absolute; right: 0; top:6px; }
	
/* wrapper */

	#OT_searchWrapper
    {
        border: none;
        height:34px;/* for horizontal layout: 60px, for vertical layout: 100px */
        position: relative;
        margin:0;
    }
 
 /* Definition List */   
    #OT_searchWrapper dl 
    {
		padding:0;
		margin:0;
	}

    
/* Party Size Wrapper - dd tag */    
    #OT_partySize, #OT_date, #OT_time, #OT_submitWrap
    {
        margin:0 5px;
       	padding:0;
		float: left;
    }

/* Date Label Wrapper - dt tag */    
    #OT_searchWrapper .OT_feedTitle, #OT_dateLbl, #OT_timeLbl, #OT_partySizeLbl
    {
        display: none;
    }
    
/* Date Label Wrapper - dd tag */    
    #OT_date input, #OT_time select, #OT_partySize select { border: 1px solid #4f6677; background: #2d4857; color: #d1dadf; }
	#OT_time select, #OT_partySize select { padding: 1px 0; }
	#OT_date input { padding: 1px 0 2px 0; }
	

    
 /* Placeholder empty dt */
    #OT_empty 
    {
		position:absolute;
		width:0;
		height:0;
		padding:0;
		margin:0;
		top:100px;
		left:0;
	} 
 
   
 /* Wrapper for Powered By OpenTable Logo */
    #OT_logo {
        position:absolute;
		top:120px; /* 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: 100px;/* 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: Verdana, 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:0;
	}
	/* Text Form Field for Date field */
	#OT_searchWrapper #startDate, #OT_searchWrapper .OT_feedFormfieldCalendar 
	{
		font-family: Verdana, Arial, Helvetica, Sans-Serif;
		font-size:12px;
		margin:0;
		width:85px;
	}

	#OT_searchWrapper #dateDisplay
	{
		display:none;
	}

	/*** 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;
		background:#54778b;
		border:1px solid #4e6e81;
		color: #ffffff;
	}

	/* 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%;
	}