/* Layout section */

#main
{
	max-width: 1200px;
	margin: 5px auto;
}
 
/* Ensures paddings do not increase size of an element */
*
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Make sure ul, ol etc. are aligned with the rest of text */
ul
{
	list-style-position:inside;
	
	margin:5px 0 0 0;
	padding:0;
}

li
{
	font-size:14px;
}

/* Handling overlapping of blocks */
.clearfix 
{
	overflow: auto;

	/* This is a common background for 3 columns: left, central and right.*/
	width:100%;
	height:100%;
	background-color:#ffffff;
	box-shadow: 5px 5px 5px #AAA;
}

/* Handling mobile devices */
@media screen and (min-width:800px) 
{
	sidebar_left
	{
		float: left;
		width: 20%;
	}

	sidebar_right
	{
		float: right;
		width: 20%;
	}

	section 
	{
		margin-left: 20%;
		margin-right: 20%;
	}

	.display_lores
	{
		display: none;
	}
}

@media screen and (max-width:799px) 
{
	sidebar_left
	{
		display: block;
	}

	sidebar_right
	{
		display: block;
	}
 
	.display_hires
	{
		display: none;
	}
}
 
/* End of Layout section */

body 
{
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;	
    font-size: 16px;
	line-height:18px;
	background-color:#fada9b;
	letter-spacing:1px;

	color:#555;

	margin: 0 auto;
}

.image_with_link a
{
	outline:0;
	border: none;
}

.title
{
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;	
	line-height:20px;
}

.title h1
{
	font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
    font-size: 60px;
	line-height:40px;
	bottom-margin:0;
	padding:0;
	letter-spacing:-2px;
	line-height: 50px;
}

.title h2
{
	line-height:20px;
	padding:0;
}


sidebar_left
{
	vertical-align:top;
	margin-top: 5px;
	margin-bottom:0;
	padding: 10px 10px 10px 10px;
}

sidebar_right
{
	vertical-align:top;
	margin-top: 5px;
	margin-bottom:0;
	padding: 10px 10px 10px 10px;
}

section
{
	vertical-align:top;
	margin-top: 5px;
	margin-bottom:0;
	padding: 10px 10px 10px 10px;

	text-align:justify;
	text-justify:inter-word;
}

/* Page header */
.header
{
	background-color:#fbac12;
	color:#ffffff;

	text-align:left;
	border:none;
	
	margin-top:0;
	margin-bottom:0;
	padding: 10px 10px 10px 10px;
}

.header a, .header a:hover
{
	color:white;
}

/* Page footer */
.footer
{
	background-color:#ffffff;
	padding-top:5px;
	padding-bottom:5px;
}

.footer p, .footer li
{
	font-size:14px;
}

.basement
{
	float:bottom;
	background:#000;
	width:100%;
	height:100px;
	color:white;
	text-align:center;
	padding:30px;
}

#ebooks>a
{
	margin-bottom:10px;
	display:none;
} 

h1
{
	font-family: 'Egyptienne F', Cambria, Georgia, serif;
	font-size: 32px;
	letter-spacing: -1px;
	text-shadow: 2px 2px 1px #AAA;
	padding: 5px;
	margin: 0px;
	line-height:30px;
}

h2
{
	font-family: 'Egyptienne F', Cambria, Georgia, serif;
	font-size:24px;
	text-shadow: 2px 2px 1px #AAA;
	line-height:25px;
}

h3
{
	font-family: 'Egyptienne F', Cambria, Georgia, serif;
	font-size:18px;
	line-height:20px;
	text-shadow: 1px 1px 1px #AAA;
	letter-spacing: 0px;
}

b
{
	letter-spacing: 0px;
}

img
{
	border:0;
}

.epigraph
{
	margin-left:100px;
}

/* Top Menu, take images from http://cssmenumaker.com 
Usage:

<div class="top_menu">
	<div id="main" class="clearfix">
		<ul>
			<li><a href="index.html">Home</a>
			<li><a href="intro_nlp.htm">NLP</a>
			<li><a href="intro_hypnosis.htm">Hypnosis</a>
			<li><a href="intro_power.htm">Power</a>
			<li><a href="intro_money.htm">Money</a>
			<li><a href="intro_habits.htm">Habits</a>
			<li><a href="intro_manipulation.htm">Manipulation</a>
		</ul>
	</div>
</div>

*/

/* Top menu */
.top_menu 
{
	background: #f2a057 url(http://snowcron.com/images/menu_pattern.png) top left repeat;

	margin: 0;
	padding: 2px;
	border: 0;

	overflow:hidden;

}

.top_menu ul
{
	height:50px;	

	background: #f2a057 url(http://snowcron.com/images/menu_pattern.png) top left repeat;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #8e8569;
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);

	list-style-type:none;
	margin:5px;
	overflow:hidden;
}

.top_menu li 
{
	height:50px;
	font-family: 'Egyptienne F', Cambria, Georgia, serif;
	letter-spacing:-1px;
	font-size:16px;
	font-weight:600;
	float:left;
}

.top_menu li a 
{
	display:block; 
	float:left; 
	width:120px; 
	line-height:50px; 
	text-align:center; 
	
	font-family: 'Egyptienne F', Cambria, Georgia, serif;
	letter-spacing:-1px;
	font-size:16px;
	font-weight:600;
	float:left;

	-moz-transition: 0.25s;
	-ms-transition: 0.25s;
	-o-transition: 0.25s;
	-webkit-transition: 0.25s;
	transition: 0.25s;

	text-decoration:none; 
}

.top_menu li a b 
{
	display:block; 
	width:0; 
	height:0; 
	border-left:60px solid #f2a057; 
	border-right:60px solid #f2a057; 
	border-bottom:20px solid #fc6; 
	overflow:hidden;
}

.top_menu li a:before 
{
	content: attr(rel); 
	background: none; 
	color:#fff; 
	text-shadow: 1px 1px 2px #111;
	display:block; 
	width:120px; 
	height:50px; 
	text-align:center;
/*	background-image: #f2a057 url(http://snowcron.com/images/menu_pattern.png) top left repeat;
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255,0.4), rgba(255, 255, 255,0));
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255,0.4), rgba(255, 255, 255,0));
	background-image: -o-linear-gradient(top, rgba(255, 255, 255,0.4), rgba(255, 255, 255,0));
	background-image: linear-gradient(top, rgba(255, 255, 255,0.4), rgba(255, 255, 255,0));
*/
}

.top_menu li a:after 
{
	content: attr(rel); 
	background:#fc6; 
	color:#000; 
	display:block; width:120px; height:50px; text-align:center;
/*
	background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255,0.4), rgba(255, 255, 255,0));
	background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255,0.4), rgba(255, 255, 255,0));
	background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255,0.4), rgba(255, 255, 255,0));
	background-image: -o-linear-gradient(bottom, rgba(255, 255, 255,0.4), rgba(255, 255, 255,0));
	background-image: linear-gradient(bottom, rgba(255, 255, 255,0.4), rgba(255, 255, 255,0));
*/
}

.top_menu li a:hover 
{
	margin-top:-70px;
}


/* Side menu from http://bernholdtech.blogspot.de/2013/04/very-simple-pure-css-collapsible-list.html (has no decorations there) */

/* Decoration only, has nothing to do with functionality */

.collapsibleList	
{
	font-size: 14px;
	font-family: Helvetica;
	line-height: 1;

	margin: 10px 0 0 0;
	padding: 0px;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #8e8569;
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);

	list-style-type:none;

	color: white;

	max-width: 300px;
}

.collapsibleList li
{
	background: #db8502;
	background: -moz-linear-gradient(#db8502 0%, #c27602 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #db8502), color-stop(100%, #c27602));
	background: -webkit-linear-gradient(#db8502 0%, #c27602 100%);
	background: linear-gradient(#db8502 0%, #c27602 100%);

	border: none

	padding: 0;
	margin:0;

	line-height:30px;

	text-decoration:none;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;

	text-indent:5px;
}

.collapsibleList li:hover,
.collapsibleList li:focus
{
	background: #7b4b01;
	background: -moz-linear-gradient(#945a02 0%, #7b4b01 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #945a02), color-stop(100%, #7b4b01));
	background: -webkit-linear-gradient(#945a02 0%, #7b4b01 100%);
	background: linear-gradient(#945a02 0%, #7b4b01 100%);
}

.collapsibleList a,
.collapsibleList label
{
	color: white;
	text-decoration:none;
	border:none;
	outline:0;
}

.collapsibleList a:hover,
.collapsibleList a:focus,
{
	color: white;
	text-decoration:none;
	border:none;
	outline:0;
}

.collapsibleList ul > li > a
{
	color: #0088cc;
}

/* This trick makes ENTIRE li area a link, instead of only text inside href tag */
.collapsibleList a, 
.collapsibleList label
{ 
    display: block; 
    padding 5px 20px; 
}

.collapsibleList ul > li
{
	background: #efefef;
	border: 1px solid #d4d4d4;

	padding: 0px;
	margin:0px;

	height:30px;

	text-decoration:none;
	color: white;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;

	list-style-type:none;

	text-indent:5px;
}

.collapsibleList ul > li:hover, 
.collapsibleList ul > li:focus
{
	background: #dddcdc;
}

.collapsibleList ul > li > a
{
  text-decoration: none;
  background: inherited;
}

.collapsibleList ul > li > a:hover, 
.collapsibleList ul > li > a:focus 
{
	text-decoration: none;
	background: inherited;
	border:none;
}

.collapsibleList ul > li > a:before 
{
  content: '»   ';
  color: #db8502;
}

/* Collapsible list: functionality. For decorations: see above. */

.collapsibleList li > input + * 
{
	display: none;
}
 
.collapsibleList li > input:checked + * 
{
	display: block;
}

.collapsibleList li > input 
{
	display: none;
}

.collapsibleList label 
{
	cursor: pointer;
}

/* Making the first character different color */

.first_char_title h2:first-letter
{
	font-size:250%;
	color:navy;
	font-family: Verdana, Arial, sans-serif;
} 

.first_char_title h3:first-letter
{
	font-size:200%;
	color:navy;
	font-family: Verdana, Arial, sans-serif;
} 

/* Using: 
<div class="tiled_box" style="width:20%; min-width:200px;">
	I'm an inline block!
</div>
<div class="tiled_box" style="width:20%; min-width:200px;">
	I'm an inline block!
</div>
...
*/

.tiled_box 
{
	display: inline-block;
	
	margin: 10px;
	vertical-align:top;
	text-align:left;
}

/* --- Buttons --- */

.btn-large 
{
	padding: 11px 19px;
	font-size: 20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color:#fada9b;
	color:black;
	text-decoration:none;
	outline : none;
}

.btn-large:hover
{
	background-color:#f9d38a;
}

.btn-normal 
{
	padding: 5px 10px;
	font-size: 16px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color:#3366FF;
	color:white;
	outline : none;
}

.btn-small 
{
	padding: 2px 10px;
	font-size: 14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#3366FF;
	color:white;
	outline : none;
}

.btn-order 
{
	margin-top:-2px;
	margin-bottom:20px;

	padding: 11px 19px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color:white;
	text-decoration:none;

	background: #ed0000;
	background: -moz-linear-gradient(#ed0000 0%, #945a02 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ed0000), color-stop(100%, #945a02));
	background: -webkit-linear-gradient(#ed0000 0%, #945a02 100%);
	background: linear-gradient(#ed0000 0%, #945a02 100%);

	font-size: 24px;
	font-weight:600;
	text-shadow: 2px 2px 1px #555;
	letter-spacing:-1px;
	line-height: 24px;
}

.btn-order img
{
	border:0;
	float:left;
	padding-right:10px;
}

.btn-order:hover
{
	background: #dd0000;
	background: -moz-linear-gradient(#dd0000 0%, #745a02 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dd0000), color-stop(100%, #745a02));
	background: -webkit-linear-gradient(#dd0000 0%, #745a02 100%);
	background: linear-gradient(#dd0000 0%, #745a02 100%);
}

.font_small
{
	font-size: 14px;
	font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
}

/* Used for "People also like" */

#menu_right 
{
	width:100%;
	min_width:160px;
}

#menu_right li 
{
	list-style-type:none; 
	margin:2px 0; 
	font-size:12px;
}

#menu_right a, #menu_right a:visited 
{
	position:relative; 
	display:block; 
	border:none; 
	color: #0088cc;
	text-decoration:none;
}

#menu_right a span, #menu_right a:visited span 
{
	display:none;
}

#menu_right a:hover 
{
	color:red; 
}

#menu_right a:hover span 
{
	position:absolute; 
	display:block; 
	left:90%; 
	top:0; 
	width:0px; 
	height:0px; 
	border-left:8px solid #c00; 
	border-top:8px solid #fff; 
	border-bottom:8px solid #fff; 
	font-size:1px; 
	line-height:0;
}

/* --- Border, like GroupBox in Windows ---*/

fieldset 
{
	border: 2px #e5e5e5 solid;	/* border: 2px #af3333 solid; */
	border-radius: 10px;

	padding: 10px 10px 10px;
	margin: 2px 2px 20px 2px;

	/*		
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
	background-color: #fff;
	*/
}

/* Elastic Border */

.elastic
{
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:5px;
}

pre
{
	font-size:12px;
	font-family:monospace;
	color:#551A8B;
	background-color:#F5F5F5;

	padding: 12px 12px 12px 12px;

	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* to keep text on the same line, h1,2,3 and regular */
.same_line
{
	text-align:left;
	float:left;
}

p
{
	font-size:16px;
}

a 
{
  color:#0088cc;
  text-decoration:none;
}

a:hover,
a:focus 
{
  color:#005580;
  text-decoration:underline;
}

/* use <table class="table_form" to make text in col. 1 be vertivally aligned with edit field in col. 2 */
.table_align_baseline td {
vertical-align: baseline;
}

table
{
	width:100%;
	bgcolor:white;
}

td
{
	vertical-align:top;
}

/* Zebra */

.zebra tr:nth-child(odd)
{
	background-color:#F5F5F5;
} 



















/* Login */


/* File Input field */

.file_input_textbox
{
	float: left;
}

.file_input_div
{
	position: relative; 
	width: 100px; 
	height: 40px; 
	overflow: hidden;
}

.file_input_hidden
{
	font-size: 45px; 
	position: absolute; 
	right: 0px; 
	top: 0px; 
	opacity: 0; 
	
	filter: alpha(opacity=0); 
	-ms-filter: "alpha(opacity=0)"; 
	-khtml-opacity: 0; 
	-moz-opacity: 0;
}

/* --- Checkboxes and Radio Buttons, styled --- */

/* Radio Buttons with images 
	#foo doesn't reference any particular element, it's there purely to prevent browsers from implementing 
	the later selectors if it doesn't understand that (since most browsers will drop the entire selector if any part of it fails). 

	Example:

		<p><div class="checkbox_img">
			<input type="radio" id="password_type_3" name="password_t" value="password_nlp" checked><label for="password_type_3">NLP</label>
			<input type="radio" id="password_type_4" name="password_t" value="password_pp" checked><label for="password_type_4">PayPal</label>
		</div>


		<p><div class="checkbox_img">
			<input type="checkbox" id="delete" name="delete" value="1"><label for="delete">Delete items, that are not listed in this file</label>
		</div>
*/

.checkbox_img input[type="checkbox"], 
.checkbox_img input[type="radio"] 
{
    position:absolute;
    clip: rect(0,0,0,0);
    clip: rect(0 0 0 0);
	
}

.checkbox_img input[type="checkbox"] + label::before, 
.checkbox_img input[type="radio"] + label::before 
{
    content: '';
	vertical-align:middle;
	margin-right: 4px;
	display: inline-block;
	width: 32px;
	height:32px;
	background: url('http://snowcron.com/images/checkbox.png');
	position:relative;
	top:-3px;
}

.checkbox_img input[type="checkbox"]:checked + label::before 
{
    content: '';
	vertical-align:middle;
	background-position:-32px 0;
}

.checkbox_img input[type="radio"] + label::before 
{
    content: '';
	vertical-align:middle;
	margin-right: 4px;
	display: inline-block;
	width: 32px;
	height:32px;
	background: url('images/radio.png');
}

.checkbox_img input[type="radio"]:checked + label::before 
{
    content: '';
	vertical-align:middle;
	background-position:-32px 0;
}

/* --- Common properties for controls --- */

select:hover,
input[type="text"]:hover, 
input[type="password"]:hover, 
textarea:hover, 
fieldset.elist:hover > legend 
{
	background-color: #ddddff;
}

/* --- Combo box --- */

select 
{
	padding: 4px 10px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	border: 2px #cccccc solid;

	border-radius: 10px;

	height: 36px;
	font-family: Tahoma;
	font-size: 14px;
}

select:focus
{
	border: 2px #ccaaaa solid;
}

option 
{
	height: 30px;
	padding: 5px 4px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

option:not(:checked), textarea:focus 
{
	background-color: #ffcccc;
}

/* --- Text Input --- */

input[type="text"],
input[type="password"]
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	padding: 0 20px;

	border: 2px #cccccc solid;
	border-radius: 10px;

	height: 36px;
	font-family: Tahoma;
	font-size: 16px;

	margin-bottom: 15px;
}

input[type="text"]:focus ,
input[type="password"]:focus 
{
	background: #ffcccc url("data:image/gif;base64,R0lGODlhEAAQANU5APnoxuvr6+uxPdvb2+rq6ri4uO7qxunp6dPT06SHV+/rx8vLy+nezLO0sbe3t9Ksas+qaaCEV8rKyp2dnf39/QAAAK6ursifZHFxcc/Qzu3mxYyMjExCJnV1dc6maO7u7o+Pj2tXNoaGhtfDpKCDVu3lxM+tcaKEV9bW1qOFVWNjY8KrisTExNra2nBbObGxsby8vO/mu7Kyso9ZAuzs7MSgAIiKhf///8zMzP///wAAAAAAAAAAAAAAAAAAAAAAACH5BAEAADkALAAAAAAQABAAAAaXwJxwSCwOYzWkMpkkZmoAqDQaJdpqAqw2m53NRjlboAarFczomcE0C99o8DgNMVM8Tm3bbYDr9x11DwkzDG5yc2oQJIRCenx/MxoeETM2Q3pxATMlF4MYlo17OAsdLispMyAioIY0BzMcITMTKBasjgssFTMqGxItMjYUoTQBBAQHxgE0wZcfMtDRMi/QrA022NnaNg1CQQA7") no-repeat 2px center !important;
	border: 2px #ccaaaa solid;
	outline : none;
}

/* --- Text Area --- */

textarea
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	padding: 10px;

	border: 2px #cccccc solid;
	border-radius: 10px;

	text-align:left;
}

textarea:focus
{
	border: 2px #ccaaaa solid;
}

/* --- Tooltips --- http://www.cssportal.com/css-tooltip-generator/ --- */
/*
a.tooltips 
{
  position: relative;
  display: inline;
}

a.tooltips span 
{
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;

	font-size:12px;
	position: absolute;
	/* width:480px;*/
	color: #000000;
	background: white; /*#CFFCFF;*/
	border: 2px solid #989898;

	line-height: 30px;
	text-align: left;
	visibility: hidden;
	border-radius: 4px;
	box-shadow: -4px 3px 4px ;

	padding: 5px 5px 5px 5px;
}

a.tooltips span:before 
{
  content: '';
  position: absolute;
  top: 30px;
  left: 100%;
  margin-top: -12px;
  width: 0; height: 0;
  border-left: 12px solid #989898;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 30px;
  left: 100%;
  margin-top: -8px;
  width: 0; height: 0;
  border-left: 8px solid white; /*#CFFCFF;*/
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
a:hover.tooltips span 
{
  visibility: visible;
  right: 100%;
  top: -30px;
  margin-top: 0px;
  margin-right: 15px;
  z-index: 999;
}
*/

/*
.top_menu
{
	background: #f2a057 url(http://snowcron.com/images/menu_pattern.png) top left repeat;

	margin: 0;
	padding: 2px;
	border: 0;
}

.top_menu ul
{
	background: #f2a057 url(http://snowcron.com/images/menu_pattern.png) top left repeat;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #8e8569;
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);

	list-style-type:none;
	margin:5px;
	overflow:hidden;
}

.top_menu li
{
	font-family: 'Egyptienne F', Cambria, Georgia, serif;
	letter-spacing:-1px;
	font-size:16px;
	font-weight:600;
	float:left;
	border-right: 1px solid #bbb5a3;
	border-bottom: 1px solid #bbb5a3;
}

.top_menu li:hover 
{
	background: #e93 url(http://snowcron.com/images/menu_pattern.png) top left repeat;
}


.top_menu a,
.top_menu a:link,
.top_menu a:visited
{
	text-decoration:none;
	width:120px;
	display:block;

	text-align:center;
	padding: 15px 0px;
	border-right: 1px solid #8e8569;

	color: white;
	text-shadow: 1px 1px 2px #111;

}

.top_menu a:hover, 
.top_menua:focus 
{
	color: #555;
	text-shadow: 1px 2px 1px #ccc;

	text-decoration:underline;
	width:120px;
	display:block;
}
*/

/* Side Menu, take images from http://cssmenumaker.com */
/*
.side_menu
{
	font-size: 14px;
	font-family: Helvetica;
	line-height: 1;
	
	background: #d6cdb4 url(http://snowcron.com/images/menu_pattern.png) top left repeat;

	margin: 10px 0 0 0;
	padding: 2px;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #8e8569;
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}

.side_menu ul
{
	background: #d6cdb4 url(http://snowcron.com/images/menu_pattern.png) top left repeat;

	list-style-type:none;
	margin:5px;
	overflow:hidden;
}

.side_menu li
{

	border: none;
	padding: 5px 0px 5px 0px;
	font-size:12px;
}

.side_menu a,
.side_menu a:link,
.side_menu a:visited
{
	text-decoration:none;
	width:100%;

	color: #625c49;
	text-shadow: 0 -1px 1px #fff;
}

.side_menu a:hover, 
.side_menu:focus 
{
  color: #625c49;
  text-shadow: 0 1px 1px #c6c1b1;

  text-decoration:underline;
  width:100%;
}
*/

/* Radio buttons that look like buttons

		<p>Delete items, that are not listed in this file: 
		<div class="radio_buttons">
			<input type="radio" id="delete_1" name="delete" value="0" checked><label for="delete_1">No</label>
			<input type="radio" id="delete_2" name="delete" value="1"><label for="delete_2">Yes</label>
		</div>

*/

/* Hide radio button (the round disc) we will use just the label to create pushbutton effect */
/*
.radio_buttons input[type=radio] 
{
    display:none;
}
 
.radio_buttons input[type=radio] + label 
{
    display:inline-block;
    margin:-2px;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-bottom-color: #b3b3b3;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
 
.radio_buttons input[type=radio]:checked + label 
{
       background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
        background-color:#e0e0e0;
}
*/

/* Editable [pseudo]select (i.e. fieldsets with [class=elist]), currently commented out */
/* Example of use:
	<fieldset class="elist">
		<legend>Address&hellip;</legend>
		<ul>
			<li><input type="radio" name="address-chosen" value="1" id="address-switch_1" checked /><label for="address-switch_1"><input type="text" name="address-item_1" value="19 Quaker Ridge Rd. Bethel CT 06801" /></label></li>
			<li><input type="radio" name="address-chosen" value="2" id="address-switch_2" /><label for="address-switch_2"><input type="text" name="address-item_2" value="1000 Coney Island Ave. Brooklyn NY 11230" /></label></li>
			<li><input type="radio" name="address-chosen" value="3" id="address-switch_3" /><label for="address-switch_3"><input type="text" name="address-item_3" value="2962 Dunedin Cv. Germantown TN 38138" /></label></li>
			<li><input type="radio" name="address-chosen" value="4" id="address-switch_4" /><label for="address-switch_4"><input type="text" name="address-item_4" value="915 E 7th St. Apt 6L. Brooklyn NY 11230" /></label></li>
		</ul>
	</fieldset>
*/
/*
fieldset.elist, fieldset.elist ul, fieldset.elist > legend, fieldset.elist input[type="text"], fieldset.elist > legend:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

fieldset.elist ul, fieldset.elist > legend {
	border: 2px #cccccc solid;
	border-radius: 10px;
}

fieldset.elist, fieldset.elist > legend {
	height: 32px;
	font-family: Tahoma;
	font-size: 14px;
}

fieldset.elist > legend:after, fieldset.elist label {
	height: 28px;
}

fieldset.elist > legend 
{
	border: 2px #ccaaaa solid;
}


fieldset.elist {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	overflow: visible;
	padding: 0;
	margin: 0;
	border: none;
}

fieldset.elist ul {
	position: absolute;
	width: 100%;
	max-height: 320px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	background-color: transparent;
}

fieldset.elist:hover ul {
	background-color: #ffffff;
	border: 2px #af3333 solid;
	left: 2px;
	overflow: auto;
}

fieldset.elist ul > li {
	list-style-type: none;
	background-color: transparent;
}

fieldset.elist label {
	display: none;
	width: 100%;
}

fieldset.elist input[type="text"] {
	width: 100%;
	height: 30px;
	line-height: 30px;
	border: none;
	background-color: transparent;
	border-radius: 0;
}

fieldset.elist > legend {
	display: block;
	margin: 0;
	padding: 0 0 0 5px;
	position: absolute;
	width: 100%;
	cursor: default;
	background-color: #ccffcc;
	line-height: 30px;
	font-style: italic;
}

fieldset.elist:hover > legend {
	position: relative;
	overflow: hidden;
}

fieldset.elist > legend:after {
	width: 20px;
	content: "\2335";
	float: right;
	text-align: center;
	border-left: 2px #cccccc solid;
	font-style: normal;
	cursor: default;
}

fieldset.elist:hover > legend:after {
	background-color: #99ff99;
}

fieldset.elist ul input[type="radio"] {
	display: none;
}

fieldset.elist input[type="radio"]:checked ~ label {
	display: block;
	width: 292px;
	background-color: #ffffff;
}

fieldset.elist:hover input[type="radio"]:checked ~ label {
	width: 100%;
}

fieldset.elist:hover label {
	display: block;
	height: 100%;
}

fieldset.elist label:hover {
	background-color: #3333ff !important;
}

fieldset.elist:hover input[type="radio"]:checked ~ label {
	background-color: #aaaaaa;
}

*/