/**
 *
 * Stylesheet for B.E.S.T. Step Sequencer pages
 * Copyright (C) Terje 2007-2010
 *
 */

body, h1, h2, h3, h4
{
	font-family: Verdana, Helvetica, Arial, Sans-Serif;	font-size: 100%;
}

body
{
	text-align: center; line-height: 150%; border: 0; padding: 0; margin: 0; background-color: #e8e8e8;
}

#captionsides
{
	background-color: #00367e;
}

#caption
{
	white-space: no-wrap;
	color: #fff;
	font-family: Tahoma, "Century Gothic", "Trebuchet MS", Arial, Helvetica, Verdana, Sans-Serif;
	text-transform: uppercase;
	letter-spacing: 8px;
	font-size: 1.4em; padding-top: 0.800em; padding-bottom: 0.850em;
	background-color: #004090; margin-left: auto; margin-right: auto; width: 900px; text-align: center;
}

#menusides
{
	background-color: #dcdcdc;
	border-top: 1px solid #fff;
}

#menu
{
	white-space: no-wrap;
	font-family: Tahoma, "Century Gothic", "Trebuchet MS", Arial, Helvetica, Verdana, Sans-Serif;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #001040; padding-top: 0.220em; font-size: 0.75em;
	padding-bottom: 0.460em; background-color: #e8e8e8; margin-left: auto; margin-right: auto;
	width: 900px; text-align: center;
}

#menu a
{
	text-decoration: underline;
	font-weight: normal;
}

#menu a:visited { color: #001040;  }

#menu a:active { color: #001040;  }

#menu a:link { color: #001040; }

#menu a:hover { color: #0000FF; }

a
{
	text-decoration: underline;
	font-weight: normal;
}

a:visited { color: #0000FF }

a:active { color: #0000FF }

a:link { color: #0000FF }

a:hover { color: #0000FF }

#containersides
{
	background-color: #fff;
}

#footersides
{
	width: 100%; /* background-image: url('../img/footergradient2.jpg'); */ background-repeat: repeat-x; border-top: 1px solid #ccc;
}

.container
{
	width: 900px; padding: 0; margin: auto; text-align: left; overflow: hidden;
	font-size: 0.75em;
}

.containercell
{
	padding-top: 15px; padding-bottom: 15px; float: left; clear: none;
	border-bottom: 1px solid #ccc; width: 100%;
}

.containerpopup
{
	padding: 15px; margin: auto; text-align: center; overflow: hidden;
}

#containercellnoborder
{
	padding-top: 15px; padding-bottom: 20px; float: left; clear: none; width: 100%;
}

#containercellfooter
{
	padding-top: 8px; padding-bottom: 20px; float: left; text-align: left; clear: none; width: 100%; text-align: right
}

#containercellpopup
{
	padding-top: 15px; border: 15px; padding-bottom: 15px; clear: none;
}

#containercellfooterpopup
{
	padding-bottom: 20px; padding-top: 24px; text-align: center; clear: none; width: 100%;
}

img
{
	border-width: 0px;
}

img.framedimage
{
	border: 1px solid #001040;
}

img.fullwidth
{
	margin-top: 10px; margin-bottom: 10px;
}

.imgalignleft
{
	float: left; margin: 2px 15px 2px 0px;
	display:inline!important; /* for IE, otherwise strange text indent */
}

.imgalignright
{
	float: right; margin: 2px 0px 2px 15px;
	display:inline!important; /* for IE, otherwise strange text indent */
}

.imgalignrightframed
{
	float: right; margin: 2px 0px 2px 15px;
	display:inline!important; /* for IE, otherwise strange text indent */
	border: 1px solid #001040;
}

.imgalignleftbackground
{
	float: left;
	display:inline!important; /* for IE, otherwise strange text indent */
	margin: 2px 15px 2px 0px;
	background-color: #f1f1f1;
	border: 1px solid #c0c0c0;
	padding: 15px;
}

.imgalignrightbackground
{
	float: right;
	display:inline!important; /* for IE, otherwise strange text indent */
	margin: 2px 0px 2px 15px;
	background-color: #f1f1f1;
	border: 1px solid #c0c0c0;
	padding: 15px;
}

.imgalignleftnotextpadding
{
	float: left; margin: 2px 0px 2px 0px;
	display: inline!important; /* for IE, otherwise strange text indent */
}

.imgalignrightnotextpadding
{
	float: right; margin: 2px 0px 2px 0px;
	display: inline!important; /* for IE, otherwise strange text indent */
}

.centered
{
	text-align: center
}

br
{
	font-size: 0.2em; /* no effect? */
}

ul
{
	list-style-type: square;
	margin-top: 8px;
	margin-bottom: 0px;
}

li
{
	padding-top: 8px;
}

.clear
{
	overflow: hidden;
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}