/* 
	mi-voice screen based style sheet 

	version: 1.0
	last update: 12-03-2006

*/
body { margin: 0; padding: 0; 
	color: #666; position: relative; width: 100%; 
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #aaa;
}

* html body {
	font-size: x-small; /* IE5/win */
	f\ont-size: small; /* all other IE versions */
}

/* generic styles */
a { text-decoration:none; color: #000; }
a:hover { text-decoration: underline; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.2em; color: #990134;}
img { border: none; }

/* main container */
#container { 
	position: relative; margin: 20px auto 0; 
	width: 744px; padding: 0 10px 0 10px; 
	background-color: #fff; border: 1px solid #888;
	
	background: #fff url(../images/vert-line.gif) repeat-y 225px 0;
	 }
#container .spacer { clear: both; }

/* header styles */
#header { position: relative; background: #fff; padding: 10px 0 0 0;  }

#header h1 { 
	position: relative;
	width: 744px; height: 1px; padding: 106px 0 100px 0; margin: 0; 
	background: transparent url(../images/header-bg.jpg) no-repeat 0 26px; }

#header h1 a { position: absolute; top: 26px; left: 0; padding: 77px 0 77px 0; display: block; width: 744px; height: 1px; z-index: 10; }
#header h1 span, #header h2, #header a span { display: none; }
#header .left { position: absolute; top: 10px; left: 0; width: 60%; }
#header .right { position: absolute; top: 10px; right: 0; width: 39%; }
#header fieldset { padding: 0; margin: 0; border: none;}
#header fieldset legend { display: none; }
#header dl { margin: 0; padding: 0; }
#header dl dt { margin: 0; padding: 4px 5px 1px 0; float: left; }
#header dl dd { margin: 0; padding: 0 10px 0 0; float: left; }
#header input.field { width: 100px; border: 1px solid #ccc; padding: 2px 0 2px 0; color: #666; background-color: #fefefe; }
#header input.login { 
	display: block;	padding: 2px 0 2px 0; width: 58px; text-align: left;
	border: none; background: transparent url(../images/login-arrow.gif) no-repeat right center; }
#header ul { margin: 0; padding: 0; list-style: none; background-image:none;}
#header ul li {margin: 0; padding: 4px 0 5px 0; float: left; color: #990134; font-weight: bold; list-style:none; }
#header ul li a {color: #990134; display: block; padding: 0 28px 0 0; font-weight: bold; }
html>body #header ul li a {padding: 0 39px 0 0; }

#header a.inc, #header a.dec { display: block; padding: 10px 0 10px 0; height: 1px; width: 21px; background: transparent url(../images/plus-minus.gif) no-repeat 0 50%;}
#header a.dec { background-position: -21px 50%; }

html>body #header a.inc {background-position: 0 -3px; }
html>body #header a.dec {background-position: -21px -3px; }

#header .options { position: absolute; top:196px; left: 215px;
	/* border-left: 1px solid #c1c1c1; */
	width: 500px; 
	background: transparent url(../images/vert-line.gif) repeat-y 0 0;
	padding: 0 0 0 25px; font-size: 1.2em; }
	
#header .options a { display: block; padding: 8px 20px 8px 20px; color: #666; }
#header .options a.email { background: transparent url(../images/ico-email.gif) no-repeat 0 50%;}
#header .options a.print { background: transparent url(../images/ico-print.gif) no-repeat 0 50%;}
#header .options a.sitemap { background: transparent url(../images/ico-sitemap.gif) no-repeat 0 50%;}
#header .options a.login { position: absolute; top: 3px; right: 0; background: transparent url(../images/ico-lock.gif) no-repeat 0 50%;}


/* navigation styles */
#navigation { 
	position: relative; width: 197px; float: left;
	border-top: 1px solid #c1c1c1; margin: 3px 20px 0 0;
	font-size: 1.2em; }
#navigation h2 { display: none; }
#navigation ul { margin: 0; padding: 0; list-style: none; background-image:none;}
#navigation ul li { margin: 0; padding: 0; display: block; background-image:none; border-bottom: 1px solid #c1c1c1; }

#navigation a { display: block; padding: 8px 0 8px 40px; width: 150px; font-weight: bold; color: #666; }
#navigation li#current a, #navigation a:hover { text-decoration: none; color: #f60; }

#navigation a.option01 { background-image:none; }
#navigation a.option02 { background: transparent url(../images/nav-voting.gif) no-repeat 2px 50%; }
#navigation a.option03 { background: transparent url(../images/nav-consult.gif) no-repeat 2px 50%; }
#navigation a.option04 { background: transparent url(../images/nav-comm.gif) no-repeat 2px 50%; }
#navigation a.option05 { background: transparent url(../images/nav-notify.gif) no-repeat 2px 50%; }
#navigation a.option06 { background: transparent url(../images/nav-imeta.gif) no-repeat 2px 50%; }
#navigation a.option07 { background-image:none; }
#navigation a.option08 { background-image:none; }

#navigation a.option-2ndnav { font-size:0.9em;}

#adspace { font-size:0.9em; margin: 0px 0px 0px 0px;}
#adspace h1 { font-size:1.4em; color:#f60;}
#adspace a { font-size:0.9em; color:#666; margin:0px 0px 0px -40px;}

#navigation .adspace { position: relative; padding: 5px 0 0 0; }
#navigation .adspace img { border: none; }
#navigation .adspace a { padding: 0; }
#navigation .adspace span { display: none; }

/* content styles */
#content { position: relative; float: left; width: 505px; 
/*	border-left: 1px solid #c1c1c1; */
	padding: 0 0 10px 20px; margin: 0 0 5px 0; }

#content h2 { border-top: 1px solid #c1c1c1; padding: 20px 0 10px 0; margin: 4px 0 0 0; }
#content p { margin: 10px 0 0 0; padding: 0; }

/* page specific */
.home#content h2 { color: #666; }
.notify#content h2, .notify#content h3  { color: #f60; }
.voting#content h2, .voting#content h3  { color: #f60; }
.comm#content h2, .comm#content h3  { color: #f60; }
.consult#content h2, .consult#content h3  { color: #f60; }
.generic#content h2, .generic#content h3  { color: #f60; }

/* principal heading style */
#content .principal { position: relative; }
#content .principal ul { position: absolute; top:0; left: 0; margin:0; padding: 0; list-style: none; }
#content .principal ul li { position: relative; padding:0; margin: 0; list-style:none;  }

#content .principal ul li a span { display: none; }
#content .principal ul li a.case-studies { 
	position: absolute; top:12px; left: 250px; display: block;
	padding: 30px 0 20px 0; width: 135px; height: 1px; }
#content .principal ul li a.demo { 
	position: absolute; top:40px; left: 457px; display: block;
	padding: 30px 0 20px 0; width: 40px; height: 1px; }

#content .principal h2 { padding: 115px 0 10px 0; }
#content .principal h2 span { }
#content .principal h2.notify { background: transparent url(../images/hd-notification.jpg) no-repeat 0 0; }
#content .principal h2.voting { background: transparent url(../images/hd-voting.jpg) no-repeat 0 0; }
#content .principal h2.voting1 { background: transparent url(../images/hd-voting1.jpg) no-repeat 0 0; }
#content .principal h2.voting2 { background: transparent url(../images/hd-voting2.jpg) no-repeat 0 0; }
#content .principal h2.voting3 { background: transparent url(../images/hd-voting3.jpg) no-repeat 0 0; }
#content .principal h2.voting4 { background: transparent url(../images/hd-voting4.jpg) no-repeat 0 0; }
#content .principal h2.comm { background: transparent url(../images/hd-comm.jpg) no-repeat 0 0; }
#content .principal h2.consult { background: transparent url(../images/hd-consult.jpg) no-repeat 0 0; }

#content .modules { position: relative; width: 100%; }
#content .modules ul { margin: 0; padding: 0; list-style:none; background-image: none; }
#content .modules ul li { 
	display: block; padding: 0 5px 4px 0; margin: 0; float: left; }

#content ul { list-style-type:disc; color: #666; }
#content ul li { list-style: disc; padding: 2px 0 2px 0; }
#content ol li { padding-bottom: 10px; }
#content ul li li { list-style: circle;}
#content ul li li li { list-style: square; padding: 2px 0 2px 0;}

#content .modules a { 
	border: 1px solid #fff; display: block; width: 240px;
/* 	padding: 70px 0px 5px 5px; height: 60px; } */
	padding: 70px 0px 5px 5px; 
/*	height:4em; overflow:hidden; */
	height: 3em;
}
	
#content .modules a:hover { border: 1px solid #444; text-decoration: none; }

#content .modules a.voting { background: #f2f2f2 url(../images/mod-voting.gif) no-repeat 5px 0; }
#content .modules a.consult { background: #f2f2f2 url(../images/mod-consult.gif) no-repeat 5px 0; }
#content .modules a.comm { background: #f2f2f2 url(../images/mod-comm.gif) no-repeat 5px 0; }
#content .modules a.notify{ background: #f2f2f2 url(../images/mod-notify.gif) no-repeat 5px 0; }

/* footer styles */
#footer { position: relative; clear: both; width: 100%; color: #666;
	padding: 10px 0 0 0;
	background: #e3e3e3 url(../images/horz-line.gif) repeat-x 0 0;
}

#footer .left { width: 600px; float: left; }
#footer .right { width: 134px; float: right; }

#footer ul { padding: 25px 0 20px 5px; margin: 0; list-style: none; float: left; }
#footer ul li.first { border: none; }
#footer ul li {
	padding: 0 5px 0 5px; margin: 0; 
	border-left: 1px solid #666; float: left; display: block; }

#footer a { color: #666; }
#footer .left p { float:left; padding: 0 0 0 5px; margin: 25px 0 0 0; border-left: 1px solid #666;}

#footer .right p { position: relative; display: block; width: 114px; height: 1px; margin: 0; padding: 30px 0 40px 0; background: transparent url(../images/imeta-logo.gif) no-repeat 50% 5px;}
#footer .right p span { display: none; }
#footer .right p a { position:absolute; top:0; left: 0; display: block; width: 114px; height: 1px; padding: 30px 0 30px 0; }

#footer .partners, #content .partners { position: relative; width: 100%; background-color: #fff; }
#footer .partners ul, #content .partners ul { margin: 0; padding: 10px 0 10px 0; list-style:none;}
#footer .partners ul li, #content .partners ul li { display: block; margin:0; padding:5px 10px 5px 10px; float: left; border: none; list-style: none;}
#footer .partners a span, #content .partners a span { display: none; }

#content .partners ul li { float: left; height: 100px; vertical-align: bottom; }
#navigation blockquote {
	display: none;
}

#content .contact { position: relative; margin:4px 0 0 0; border-top: 1px solid #c1c1c1; }
#content .contact p { color: #f60; font-size: 1.5em; }
#content .contact em { color: #666; font-style:normal; }
#content .contact span { font-weight:bold; color: #f60; padding: 0 0 0 5px; }
#content .contact fieldset { padding: 0; margin: 0; border: none;}
#content .contact fieldset legend { display: none; }
#content .contact dl { margin: 0; padding: 0; }
#content .contact dl dd { margin: 0; padding: 10px 10px 0 0; }
#content .contact input.field { width: 100%; border: 1px solid #ccc; padding: 5px 0 5px 0; color: #666; background-color: #fefefe; }
#content .contact textarea.field { width: 100%; border: 1px solid #ccc; padding: 5px 0 5px 0; color: #666; background-color: #fefefe; }
#content .contact p.footnote { color: #666; font-size: 1em;}
#content .contact input.send { 
	display: block;	padding: 2px 0 2px 0; width: 58px; text-align: left; color: #f60;
	border: none; background: transparent url(../images/send-arrow.gif) no-repeat right center; }

#content .sitemap { position: relative; }
#content .sitemap a { text-decoration: underline; color: #666; }
#content .sitemap a:hover { color: #f60;}
#content .sitemap ul { margin: 0; padding: 0; }

#content .sitemap ul li { padding:2px 0 2px 0; margin: 0; float: left; list-style:none; }

#content .sitemap ul li.title { padding: 0; margin: 20px 0 0 0; display: block; font-size: 1.5em; display: block; float: none; } 

#content .sitemap ul li.first { clear: both;} 
#content .sitemap ul li.last { float: none; }

#content .sitemap ul li.first a { padding-left: 20px; background: transparent url(../images/bullet.gif) no-repeat 4px 4px; }
#content .sitemap ul li.last a { border: none; }
#content .sitemap ul li a { display: inline; padding: 1px 5px 1px 5px; border-right: 1px solid #666; }

#content a.view img.break { display:block;  }

#content .badges { position: relative; width: 100%; background-color: #fff; }
#content .badges ul { margin: 0; padding: 10px 0 10px 0; list-style:none;}
#content .badges ul li { display: block; margin:0; padding:5px 10px 5px 10px; float: left; border: none; list-style: none;}
#content .badges a span { display: none; }

#content .badges .badge01 { padding: 2px 30px 0 0; }
#content .badges .badge02 { padding: 20px 35px 0 0; }
#content .badges .badge03 { padding: 13px 30px 0 0; }

#content table { border: 1px solid #666; margin: 10px 20px 10px 0; }
#content table th { background: #f60; color: #fff; padding: 4px; text-align:left; }
#content table td { padding: 3px; }
#content table tr.on { background: #f2f2f2; }

#bullets a { color:#8E001C;}