clear after music */
p.clear {padding-top:16px;}
/* forms label and input and centered button area below */
.f1, .f2, .f3, .f4 {float:left;padding:2px 2px 2px 0px;margin:2px;}
.f1 {width:80px;text-align:right;clear:left;padding-right:8px;}
.f2 {width:150px;}
.f3 {width:300px;}
/* music
margin -1 makes borders overlap;
min-height sets overall height;
line-height specifies vertical centering of text and allows
to increase block size properly
*/
.m1, .m12, .m13, .m14, .m15, .m16, .m1c2, .m2, .m3
{float:left;margin:-1px 0px 0px -1px;padding:2px 4px;border:1px solid silver;line-height:22pt;min-height:22pt;}
.m1, .m12, .m13, .m14, .m15, .m16, .m1c2 {width:150px;clear:left;}
.m2, .m3 {width:400px;padding-left:8px;}
.m2 {font-family:"Yankadi II", arial;font-size:15pt;}
.c2, .m1c2 {width: 563px}
.r2, .m12 {height:58px;}
.r3, .m13 {height:87px;}
.r4, .m14 {height:116px;}
.r5, .m15 {height:145px;}
.r6, .m16 {height:174px;}
/* these must override the m2 font settings above in order to use the class together with m2 for size and box */
.info {font-size:11px;line-height:1.2em;font-style:italic;font-family: Verdana, Helvetica, Arial, sans-serif;}
.notes {font-size:9px;line-height:1.2em;font-style:italic;font-family: Verdana, Helvetica, Arial, sans-serif;}
img {}
.smiley {vertical-align:top;margin:-1px 0 -2px 0;} /* make sure line height not affected */
.shekere {padding:16px 8px 12px 0px;display:block;clear:both;}
.inset {border:1px #DDD inset;}
.outset {border:1px #DDD outset;}
.right {float:right;margin:0px 0px 8px 8px;max-width:200px;}
.left {float:left;margin:0px 8px 8px 0px;max-width:200px;}
.landscape {min-width:320px;}
.top {margin-top:12px;} /*Image top-right/left next to h1, see other '12px' in this file.*/
div.right, div.left {padding:4px 6px;max-width:192px;}
object.video {width:320px;height:260px;}
a:link {color: #A00;}
a:visited {color: #700;}
a:hover {color: red;}
a:active {color: red;}
a.sitemap {color:#B00}
input[type=text], input[type=password], textarea {border:1px silver inset;}
input[type=checkbox] {vertical-align:top}
/* BUTTONS */
button, .button {
position:relative;
display:inline-block; /* need this for anchor */
border: 1px silver solid;
background-color:#F0F0F0;
cursor: pointer; /* hand, else IE shows text entry cursor, rest does arrow */
overflow: visible; /* removes extra side padding in IE */
outline:0px; /* removes focus outline in all browsers, set active colour to show focus though! */
margin:0px;
font: normal 10pt Arial;
padding:1px 8px;
*padding:0px 8px; /*IE specific */
min-width:80px;
color:#400;
}
/* Normal buttons only, not anything with class="button" */
button, input.button {background-image: url(images/button.jpg); background-position: top left;}
/* Image as button on toolbar: no background!! */
img.button{margin-left:1px;background-color:transparent;}
button::-moz-focus-inner, .button::-moz-focus-inner {border: none;} /* overrides focus */
button:hover, .button:hover {border-style:outset; text-decoration:none;}
button:active, .button:active {border-style: inset; padding:1px 7px 1px 9px;} /* move text horizontal only!!*/
img.button:active {min-width:18px;padding:2px 0px 0px 2px;}
button.small, .button.small {
padding:1px 4px 3px 4px;
min-width:40px;
*min-width:20px; /* IE specific */
background-position:0px -8px;
}
button.small:active, .button.small:active {padding:1px 3px 3px 5px;}
/* Set different properties for Safari and Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
div.button {padding:6px 4px;} /* Chrome is just 2 pixels too low when div impersonates button */
button.small, .button.small {padding:1px 4px 1px 4px;}
button.small:active, .button.small:active {padding:1px 3px 1px 5px;}
}
img.button {min-width:18px;min-height:18px;padding:1px;margin-right:-4px;}
/* tiny_mce htmledit plugin * /
p.html_code {clear:both;color:#040;font-family: "Courier New" Courier monospace; font-size:10pt;
background-color:#EED;border:1px silver inset;}
span.html_tag {color:#600;background-color:#DDD;} */
/* Accordion menu style */
.acc_menu{
width: 100%; /*width of menu*/
border: 1px outset #9A9A9A;
border-bottom-width: 0px;
}
.acc_menu p {margin:0px;padding:0px;background: white url(images/menu.jpg) no-repeat top left;border-bottom:1px solid maroon;}
.acc_menu a {
position:relative;
background: white url(images/menu.jpg) no-repeat top left; /*seems double but nicer during animation */
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: Maroon;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0px 4px 10px;
text-decoration: none;
/*border-bottom:1px solid maroon;*/
}
.acc_menu a img.statusicon{
background-image:url(images/plus.gif);
position: absolute;
top: 5px;
right: 5px;
width:13px;
height:13px;
}
.acc_menu a:visited {color: maroon;}
.acc_menu a:active {color: red;}
.acc_menu a:hover {color:red; background-image: url(images/menu_hover.jpg);background-position:bottom left;}
.acc_menu ul {display:none;list-style-type:none;padding:0px;margin:0px;}
.acc_menu li {margin:0px;}
.acc_menu li a{
background-image:none;
background-color:#FFFCD0;
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #C00;
text-decoration: none;
padding: 2px 0px 2px 10px;
border-bottom: 1px solid blue;
}
.acc_menu li a:hover{background:#FFE080; color:#F00000;}
/* Various */
#flags img {cursor:pointer}
/* Floating divs of main page */
/* Contains everything, is centered with maxwidth to keep layout reasonable */
#maincontainer {max-width:1000px;margin:0px auto; position:relative;border:0px solid red;}
/* Main image behind site, locked relative to maincontainer top-left */
#image {position:absolute;top:0px;left:0px;}
/* Header is across whole top, used to keep header height defined */
#header {position:relative;overflow:hidden;height:160px;}
/* Contains main page only but leaves room at sides for sidebars */
#contentwrapper {float:left;width:100%;border:0px solid #EEE;}
/* Main page inside #contentwrapper specifies side bar widths */
#contentcolumn {margin-left:165px;border:0px solid green;}
/* contains full html page. Height includes adsense height 600px + top offset*/
#iframe {width:100%;min-height:525px;border:0px solid #EEE}
#toolbar {position:absolute;top:1px;right:1px;} /* 180px;}*/
/* Page content in iframe. Margin right is to allow adsense on top of it */
#page {margin:13px 180px 25px 25px;}
#print {margin:0px 0px 0px 100px;width:700px;border:0px solid blue;}
/*#print body, #print p, #print ul, #print input, #print textarea {color:black}*/
/* Note that floating #page and #rightcolumn works but #page will contract to minimum
possible width instead of using all width, even if you float right elements in it.
The current solution does not have that problem. */
#rightcolumn {position:absolute;top:25px;right:0px;width:160px;border:0px solid red;}
/* Floats to right of contentwrapper i.e. off-screen but margin:-100% (100% of maincontainer) puts it on top of left sidebar area */
/* padding-top is to align top of menu with top of