html, body {
margin:0;
padding:0;
font-family:helvetica, arial, sans-serif; /*Do conditional for iPhones */
background-color:#ddd;
font-size:1em;
color:#222;
-webkit-text-size-adjust:none;
}
h2 {
padding:0;
margin:8px 0;
font-size:18px;
}
h3 {
padding:0;
margin:6px 0;
font-size:14px;
}
/* MENU */

div#container {
position:relative;
width:100%;
border:none;
margin:0;
}
div#menu {
padding:.625em;
}
div#header h1  {
background-color: #ccc;
border-bottom: 1px solid #666;
color: #222;
display: block;
font-size: 1.2em;
font-weight: bold;
margin:0;
padding: .625em 0;
text-align: center;
text-decoration: none;
text-shadow: 0px 1px 0px #fff;
background-image: -webkit-gradient(linear, left top, left bottom, 
from(#ccc), to(#999));
}
ul.default_list {
list-style:none;
margin: 3%;
padding: 0;
}
ul.default_list li {
background-color: #fff;
border: 1px solid #999;
color: #222;
margin-bottom: -1px;
padding: .75em .625em;
text-decoration: none;
}
ul.default_list li a {
background-color: #fff;
color: #222;
display: block;
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
}
ul.default_list li:first-child {
-webkit-border-top-left-radius: .5em;
-webkit-border-top-right-radius: .5em;
}
ul.default_list li:last-child {
-webkit-border-bottom-left-radius: .5em;
-webkit-border-bottom-right-radius: .5em;
}

/* MENU BUTTON */

div.leftButton {
position: absolute;
top: .5em;
left: .4em;
font-weight: bold;
text-align: center;
color: white;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
padding:.375em;
border-top:1px solid #30353d;
border-right:1px solid #394c6e;
border-bottom:1px solid #bcbcbc;
border-left:1px solid #4c5d7b;
-webkit-border-radius: .4em;
background-image: -webkit-gradient(linear, left top, left bottom, 
from(#94aacf), to(#40557b));
cursor:pointer;
}
div.leftButton a:link, div.leftButton a:visited {
color: white;
text-decoration:none;
width:100%;
height:100%;
display:block;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
}
div.leftButton a:hover, div.leftButton a:active {
text-shadow: rgba(0,0,0,0.8) 0px -1px 1px;
}


.content {
background-color: #fff;
border: 1px solid #999;
color: #222;
/*display:none;*/
margin:.5em;
padding: .75em .625em;
-webkit-border-radius: .5em;
}
input[type="text"] {
color: #333;
background: #e9e9e9;
border: 1px solid #ccc; 
font: normal 15px helvetica;
width: 95%;
height: 25px;
padding: 0 0 0 .5em;
display: inline-block;
margin: 4px 0 6px 0;
-webkit-border-radius: 12px;
}
select {
-webkit-border-radius: 12px;
margin:8px;
padding:8px;
}
form.search_form {
font-size:1em;
border: 1px solid #999;
padding:.5em;
}
div#search_cleric_wizard {
clear:both;
margin:.75em;
}

/* SEARCH FORMS */
#search_form_clerical {
display:none;
}
#search_form_wizard {
display:none;
}

/* SEARCH RESULTS */
.search-results {
background-color: #fff;
border: 1px solid #999;
color: #222;
display:block;
margin:10px;
padding: .75em .625em;
border-radius: .5em;
}

div#spell_results {
margin:.75em;
}
div#spell_params {
font-size:1em;
margin:.75em;
}
table.spell_table {
width:500px;
border:1px solid #333;
border-collapse:collapse;
}
table.spell_table td {
font-size:1em;
border:1px solid #333;
}
table.spell_table td.category {
width:96px;
}
table.spell_table td.result {
width:496px;
}
table.spell_table td.spell_descr {
padding:12px 8px;
}


ul#spell_info li {
 background-color: #fff;
 border: 1px solid #999;
 color: #222;
 display: block;
 font-size: 1em;
 margin-bottom: -1px;
 padding: 6px 5px;
 text-decoration: none;
}
ul#spell_info li#spell_name {
 -webkit-border-top-left-radius: 8px;
 -webkit-border-top-right-radius: 8px;
 font-weight:bold;
 font-size:16px;
 text-align:center;
}
ul#spell_info li#spell_descr {
 -webkit-border-bottom-left-radius: 8px;
 -webkit-border-bottom-right-radius: 8px;
 padding:12px;
}

/* SUCCESS AND ERROR */

div.success, div.error {
text-align:center;
background-color:#fff;
clear:both;
margin:6px;
padding:6px;
border:1px solid #333;
color:red;
font-size:1em;
font-weight:bold;
-webkit-border-radius:8px;
}

/* --------------------- */

a.small {
font-size:14px !important ;
font-weight:bold;
display:inline !important ;
padding:0 !important ;
margin:0 !important ;
text-decoration:underline !important ;
}