/***************************************************
	Blue:	#0095d9 (dark #0099cc)
	Yellow: #f5ea2e
 ***************************************************/

body
{
	margin: 0;	
	padding: 0;
	border: 0;
	text-align: center;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	line-height: 150%;
	color: #EEE;
	/*background: #444444 url(http://www.streamonix.com/images/background.jpeg) repeat-y top center;*/
	background: #444444 url(http://www.streamonix.com/images/background.jpeg) repeat-y 50% 0%;
	/*background: #444444 url(http://www.streamonix.net/images/background.png) repeat-x;*/
}

p
{ 
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	padding-top: 6px !important;
	padding-top: 6px;
	padding-bottom: 6px !important;
	padding-bottom: 6px;
	margin: 0;
}

p.footnote
{
	font-family: sans-serif;
	font-size: 8pt;
}

em
{
	font-weight: bold;
}

a
{
	color: #0095d9;
	text-decoration: underline;
}

a:visited
{
	text-decoration: none;
}

a:hover
{
	color: #f5ea2e !important;
}

textarea
{
	width: 98%;
}

img
{
	border: 0;
	outline: 0;
}

/*
acronym {
	cursor: help;
	border-bottom: 1px solid #777;
}

input {
	width: 70%;
}

input,
textarea {
	padding: 1px 3px;
	margin: 5px 0;
	font: 1em verdana, arial, sans-serif;
	color: #EEE;
	background-color: #777;
	border: 1px solid #999;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus {
	color: #FFF;
	background-color: #999;
	border: 1px solid #EEE;
}
*/

h1
{
	clear: both;
	margin: 10px 0;
	padding: 0px 0px 0px 2px;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	/*color: #DDDDDD;*/
	color: #00AAFF;
	/*color: #f5ea2e;*/
	/*color: #409FD0;*/
	background: #686868 url(http://www.streamonix.com/images/rounded_tr.gif) no-repeat top right;
}

h1 span
{
	display: block;
	padding: 2px;
	background: url(http://www.streamonix.com/images/rounded_br.gif) no-repeat bottom right;
}

h2
{
	clear: both;
	margin: 10px 0;
	padding: 0;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px solid #AAAAAA;
}

h3
{
	clear: both;
	margin: 10px 0;
	padding: 0px 0px 0px 2px;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
	
h4
{
	clear: both;
	margin: 10px 0 0 20px;
	padding: 0;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

blockquote
{
	margin: 0;
	background: #686868 url(http://www.streamonix.com/images/rounded_tr.gif) no-repeat top right;
} 

blockquote span
{
	display: block;
	padding: 5px;
	background: url(http://www.streamonix.com/images/rounded_br.gif) no-repeat bottom right;
}

/***************************************************
	Header Menu
 ***************************************************/

#header
{	
	/*
	width: 100%;
	height: 56px;
	background: #585858 url(http://www.streamonix.com/images/header.jpeg) repeat-y top center;
	*/
	
	clear: both;
	width: 767px;
	min-width: 767px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position: relative;
	height: 56px;
	background: #585858 url(http://www.streamonix.com/images/header.jpeg) repeat-y top center;
}

#topMenu
{
	width: 767px;
	min-width: 767px;
	margin: 0 auto;
	text-align: left;
}

#topMenu ul
{
	margin: 0;
	padding: 0px 0px 0px 20px;
	line-height: normal;
}

#topMenu ul li
{
	float: left;
	display: inline;
	margin: 0;
	padding: 20px 16px 0px 0px;
	list-style: none;
}

#topMenu ul li a
{
	height: 18px;
	text-decoration: none;
	text-transform: uppercase;
	color: #0095d9;
	/*font: 1.1em verdana, arial, sans-serif;*/
	font-family: verdana, arial, sans-serif;
	font-size: 10.5px;
	font-weight: bold;
	padding-bottom: 4px;
	
	width: 75px;
	/*width: 7em;*/
	display: block;
}

#topMenu ul li a:hover,
#topMenu ul li a.active
{
	color: #0095d9 !important;
	background: url(http://www.streamonix.com/images/menu_line.png) no-repeat bottom center;
	outline: 0; /* prevent dotted border in Firefox */
}

#centreImage
{
	float: left;
	height: 604px;
	width: 166px;
	min-width: 166px;
	vertical-align: top;
	margin: 0;
	padding: 0;
}

#centreImage a
{
	display: block;
	color: #0095d9;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-family: verdana, arial, sans-serif;
	font-size: 10.5px;
	font-weight: bold;
	height: 20px;
}

#centreImage a:hover,
#centreImage a.active
{
	/* ie6 needs color restated here */
	/*color: #0095d9;*/
	color: #0095d9 !important;
	background: url(http://www.streamonix.com/images/menu_line_short.png) no-repeat bottom center;
	outline: 0; /* prevent dotted border in Firefox */
}

.centerImage
{
	margin-top: 5px;
}

#sideBar
{
	float: right;
	width: 200px !important;	/* firefox and opera */
	width: 200px;				/* ie6 */
	height: 604px;
	margin: 0;
	padding: 0px 15px 0px 0px;
}

#sideBar h1 
{
	text-align: right;
	background: #686868 url(http://www.streamonix.com/images/rounded_tl.gif) no-repeat top left;
	padding: 0px 2px 0px 0px;
}

#sideBar h1 span 
{
	display: block;
	text-align: right;
	padding: 2px;
	background: url(http://www.streamonix.com/images/rounded_bl.gif) no-repeat bottom left;
}

#lowerRight
{
	float: right;
	width: 360px !important;				/* firefox and opera */
	width: 360px;							/* ie6 */
	margin: 0;
	padding: 10px 15px 0px 0px !important;	/* firefox and opera */
	padding: 10px 20px 0px 0px;				/* ie6 */
	/*border: gray solid 1px;*/
}

/***************************************************
Main Page
 ***************************************************/

#content
{
	clear: both;
	width: 767px;
	min-width: 767px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position: relative;
}

#fullWidth
{
	padding: 0px 20px 0px 20px !important;
}

#leftSide
{
	float: left;
	width: 355px !important;	/* firefox and opera */
	width: 355px;				/*	ie6 */
	margin: 0 auto;
	padding: 0px 5px 20px 20px !important;
}

#leftSide ol li
{ 
	color: #9BE4FF;
}

#leftSide ol li span
{
	color: #EEE;
}

#rightSide
{
	float: right;
	width: 325px !important;	/* firefox and opera */
	width: 325px;			/*	ie6 */
	margin: 0 auto;
	padding: 0px 20px 20px 5px !important;
}

#rightSide ol li
{ 
	color: #9BE4FF;
}

#rightSide ol li span
{
	color: #EEE;
}

#index
{	
	margin: 20px 0px 0px 0px;
}
	
#indented p
{
	margin: 0px 0px 0px 20px;
}

#imageViewer
{
	clear: both;
	width: 767px;
	min-width: 767px;
	margin: 0 auto;
	display: inline;
	text-align: center;
	padding: 0px 0px 0px 0px !important;	/* firefox and opera */
	padding: 0px 0px 0px 12px;		/*	ie6          */
}

#imageViewer div.white
{
	background: white;
	margin: 0px 0px 0px 2px;
}

#imageViewer img
{
	margin: 0px 0px 0px 2px;
}

#imageViewer p
{
	text-align: center;
}

/***************************************************
 Footer
 ***************************************************/

#footer
{
	clear: both;
	width: 767px;
	min-width: 767px;
	margin: 0 auto;
	text-align: left;
	padding: 0px 5px 20px 20px !important;
	padding: 0px 5px 20px 20px;
	color: #888;
}

#footer p
{
	font-family: verdana, arial, sans-serif;
	font-size: 9px;
	padding: 0;
	margin: 0;
}

#footer a
{
	display: inline;
}

#footer a img
{
	border: 0;
	outline: 0;
	margin: 10px 6px 0px 0px;
}

/***************************************************
Errors
 ***************************************************/
 
#error
{
	margin: 200px 30px 0px 30px;
}

#error p
{
	font-size: 20px;
	line-height: 170%;
}

#error p.statusCode
{
	font-size: 12px;
}

/***************************************************
 ul class
	NOTE: keep in sync with tabList1 etc
 ***************************************************/

.list
{
}

.list ul
{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 5px 0px;
	border-bottom: none;
}

.list ul li
{
	margin: 0px 0px 0px 20px;
	padding: 0;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	list-style-image: url(http://www.streamonix.com/images/bullet.png);
}

.list ul li ul
{
	padding: 0px 0px 0px 0px;
}

.list ul li ul li
{
	margin: 0px 0px 0px 20px;
	list-style-image: url(http://www.streamonix.com/images/round_bullet.png);
}

.list ul li ul li ul
{
	margin: 0px 0px 0px 10px;
}

.list ul li ul li ul li
{
	margin: 0px 0px 0px 10px;
	list-style-image: url(http://www.streamonix.com/images/bullet.png);
}

.list ul li ul li ul li ul
{
	margin: 0px 0px 0px 10px;
}

.list ul li ul li ul li ul li
{
	margin: 0px 0px 0px 10px;
	list-style-image: url(http://www.streamonix.com/images/round_bullet.png);
}

/***************************************************
 Generic Classes
 ***************************************************/

.logo
{
	float: right;
	margin-right: 20px;
	margin-top: 12px;
	border: 0;
}

.partnerLogo
{
	float: right;
	margin: 5px;
	border: 1px;
}

.clickable
{
	padding: 5px;
	background-color: white;
	border: 1px;
}
	
.moto
{
	font-size: 11px;
	font-weight: bold;
	color: #DDDDDD;
	margin: 0px 0px 0px 20px;
}

 .image
{
	background: none;
	outline: 0; /* prevent dotted border in Firefox */
}

 .image a
{
	background: none;
	outline: 0; /* prevent dotted border in Firefox */
}

 .image a:hover,
 .image a.active
{
	outline: 0; /* prevent dotted border in Firefox */
}

 .image_right
{
	float: right;
	text-align: right;
	/*padding: 5px 0px 5px 10px;*/
	margin-top: 5px !important;
	outline: 0; /* prevent dotted border in Firefox */
}
 .image_left
{
	float: left;
	text-align: left;
	margin-right: 15px !important;
	margin-top: 10px !important;
	outline: 0; /* prevent dotted border in Firefox */
}

.centre
{
	text-align: center;
}

.left
{
	float: left;
	text-align: left;
}

.right
{
	float: right;
	text-align: right;
}

.indented
{
	margin-left: 20px;
}

.inset
{
	margin: 0px 10px 0px 10px;
}