@charset "UTF-8";



/* SpryCollapsiblePanel.css - version 0.5 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	height: auto;
	position: relative;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	padding: 2px;
	cursor: default;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-size: 24px;
	font-weight: bolder;
	background-image: url(../images/menu_background.gif);
	background-repeat: repeat-x;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	background-color: #FFF;
	width: 930px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
}



/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	text-decoration: none;
}


/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {

}

/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */

.CollapsiblePanelClosed .CollapsiblePanelTab {

 /* background-color: #EFEFEF */
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	color: #2A89CC;


}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
<form method="post" action="http://www.emailmeform.com/fid.php?formid=676584" enctype="multipart/form-data" accept-charset="UTF-8"><table cellpadding="2" cellspacing="0" border="0" bgcolor="#FFFFFF"><tr><td><font face="Verdana" size="2" color="#572600">(fields marked with * are compulsary)</font> <div style="" id="mainmsg"> </div></td></tr></table><br><table cellpadding="2" cellspacing="0" border="0" bgcolor="#FFFFFF"><tr valign="top"> <td><font face="Verdana" size="2" color="#572600">Name * </font></td> <td><input type="text" name="FieldData0" size="30"> </td></tr><tr valign="top"> <td><font face="Verdana" size="2" color="#572600">Email * </font></td> <td><input type="text" name="FieldData1" size="30"> </td></tr><tr valign="top"> <td><font face="Verdana" size="2" color="#572600">Address </font></td> <td><textarea name="FieldData2" cols="30" rows="2"></textarea><br> </td></tr><tr valign="top"> <td><font face="Verdana" size="2" color="#572600">City * </font></td> <td><input type="text" name="FieldData3" size="30"> </td></tr><tr valign="top"> <td><font face="Verdana" size="2" color="#572600">Postcode * </font></td> <td><input type="text" name="FieldData4" size="30"> </td></tr><tr valign="top"> <td><font face="Verdana" size="2" color="#572600">Contact Number * </font></td> <td><input type="text" name="FieldData5" size="30"> </td></tr><tr valign="top"> <td><font face="Verdana" size="2" color="#572600">Gender * </font></td> <td><select name="FieldData6"><option value="Female">Female</option><option value="Male">Male</option><option value="Mixed  ">Mixed  </option></select> </td></tr><tr valign="top"> <td><font face="Verdana" size="2" color="#572600">Number of People * </font></td> <td><select name="FieldData7"><option value="=">=</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6+">6+</option></select> </td></tr><tr valign="top"> <td><font face="Verdana" size="2" color="#572600">Day Reqiured * </font></td> <td><select name="FieldData8"><option value="=">=</option><option value="Monday ">Monday </option><option value=" Tuesday "> Tuesday </option><option value=" Wednesday "> Wednesday </option><option value=" Thursday "> Thursday </option><option value=" Friday "> Friday </option><option value=" Saturday "> Saturday </option><option value=" Sunday"> Sunday</option></select> </td></tr><tr valign="top"> <td><font face="Verdana" size="2" color="#572600">Date Required * </font></td> <td><select name="FieldData9"><option value="=">=</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select> </td></tr><tr valign="top"> <td><font face="Verdana" size="2" color="#572600">Month Required * </font></td> <td><select name="FieldData10"><option value="=">=</option><option value="January">January</option><option value="February">February</option><option value="March">March</option><option value="April">April</option><option value="May">May</option><option value="June">June</option><option value="July">July</option><option value="August">August</option><option value="September">September</option><option value="October">October</option><option value="November">November</option><option value="December">December</option></select> </td></tr><tr valign="top"> <td><font face="Verdana" size="2" color="#572600">Message </font></td> <td><textarea name="FieldData11" cols="30" rows="10"></textarea><br> </td></tr><tr valign="top"> <td><font face="Verdana" size="2" color="#572600">Receive Emails Offers * </font></td> <td><select name="FieldData12"><option value="Yes">Yes</option><option value="No">No</option></select> </td></tr><tr> <td colspan="2"><table id="captcha_table" cellpadding=5 cellspacing=0 bgcolor="#E4F8E4" width="100%"><tr id="captcha_table_header_tr" bgcolor="572600"><td id="captcha_table_header_td"class="label" colspan="2"><font color="fffffff" face="Verdana" size="2"><b>Image Verification</b></font></td></tr><tr><td id="captcha_table_img_td" class="captcha" style="padding: 2px;" width="10"><img src="http://www.emailmeform.com/turing.php" id="captcha" alt="captcha"></td><td class="field" valign="top"><div><font color="#000000">Please enter the text from the image</font>:<br><input type="text" name="Turing" value="" maxlength="100" size="10"> [ <a href="#" onclick=" document.getElementById('captcha').src = document.getElementById('captcha').src + '?' + (new Date()).getMilliseconds()">Refresh Image</a> ] [ <a href="http://www.emailmeform.com/?v=turing&pt=popup" onClick="window.open('http://www.emailmeform.com/?v=turing&pt=popup','_blank','width=400, height=500, left=' + (screen.width-450) + ', top=100');return false;">What's This?</a> ]</div></td></tr></table></td></tr><tr> <td> </td> <td align="right"><input type="text" name="hida2" value="" maxlength="100" size="3" style="display : none;"><input type="submit" class="btn" value="Send email" name="Submit"></td></tr><tr><td colspan=2 align="center"><br></td></tr></table></form><div><font size="1" face="Verdana" >Powered by<span style="position: relative; padding-left: 3px; bottom: -5px;"><img src="http://www.emailmeform.com/images/footer-logo.png" /></span>EMF <a style="text-decoration:none;" href="http://www.emailmeform.com">PHP Form</a></font></div>
}
