/*
------------------------------------------------------>>> DEFINED ELEMENTS
*/

body 
{
margin: 0;
padding: 0;
font: 76% Verdana, sans-serif;
text-align: center;
background: #fff url(i/body2.png) top left repeat-x;
}

div
{
margin: 0;
padding: 0;
}

a
{
color: #036;
text-decoration: none;
font-weight: bold;
}

img, img a, img a:hover
{
border: 0;
}

h1, h2, h3
{
font-family: Arial;
}

a:hover
{
color: #c20;
text-decoration: underline;
}

#body-wrap
{
width: 800px;
margin: 0 auto;
/* background: #aaa; */
}


/*
------------------------------------------------------>>> MAST
*/
#mast
{
width: 800px;
margin: 0 auto;
height: 180px;
/* background: #2d415b; */
display: block;
position: relative;
}

#head-wrap
{

/* background:  #2d415b; */
}

#mast h1
{
margin: 0;
padding: 0;
display: block;
}

#mast h1 a
{
margin: 0;
padding: 0;
position: absolute;
top: -1px;
left: 0px;
color: #fff;
width: 235px;
height: 68px;
background: transparent url(i/roll_header.png) 0 -100px no-repeat;
text-indent: -999em;
}

#mast h1 a:hover 
{
background: transparent url(i/roll_header.png) 0 0 no-repeat;
}

#mast h3
{
margin: 0;
padding: 0;
position: absolute;
top: 107px;
left: 180px;
color: #fff;
width: 250px;
height: 35px;
background: transparent url(i/tagline.png) top left no-repeat;
text-indent: -999em;
display: none;
}


/*
------------------------------------------------------>>> SEARCH
*/


#searchform 
{ 
background:transparent url(i/search2.png) top left no-repeat;
text-align:left; 
width:165px;
height:40px; 
display: block;
margin: 0 0 0 20px;
}


#search_field 
{ 
background: transparent;
font-size:90%;
padding:10px 0 0 15px;
border: 0;
color:#666; 
width: 120px;
display: block;
}

#search_field input
{ width: 12em; }

html>body #search_field { padding:10px 0 0 35px;  }

/*
------------------------------------------------------>>> FLASH
*/
#flash
{
position: absolute;
top: 110px;
left: 4px;
width: 792px;
height: 140px;
display: block;
background: transparent;
z-index: 0;
}



/*
------------------------------------------------------>>> DROP DOWNS
*/


#nav, #nav ul 
{ /* all lists */
padding: 0;
margin: 0 0 0 0;
list-style: none;
line-height: 120%;
z-index: 1000;
}

#nav a 
{
display: block;
}

#nav li 
{ 
/* all list items */
float: left;
}

#nav li.nav_top
{ 
display: block;
width: 130px;
height: 9px;
background: #293b52 url(i/menub.gif) top left no-repeat;
}

#nav li a
{
display: block;
/* background: #42546b; */
text-indent: -10000px;
color: #fff;
text-align: center;
height: 60px;
text-decoration: none;
font-weight: bold;
width: 90px;
margin: 0 0 0 0;
}

#nav li a.home
{
margin-left: 165px;
/* margin-left: -20px; */
visibility: hidden;
}

#menu-home a { background: transparent url("i/menu-home.png") bottom left no-repeat; }
#menu-about a { background: transparent url("i/menu-about.png") bottom left no-repeat; }
#menu-product a { background: transparent url("i/menu-product.png") bottom left no-repeat; }
#menu-news a { background: transparent url("i/menu-news.png") bottom left no-repeat; }
#menu-global_users a { background: transparent url("i/menu-global_users.png") bottom left no-repeat; }
#menu-partners a { background: transparent url("i/menu-partners.png") bottom left no-repeat; }
#menu-contact a { background: transparent url("i/menu-contact.png") bottom left no-repeat; }

/*#menu-home a:hover,
#menu-news a:hover,
#menu-partners a:hover,
#menu-about a:hover,
#menu-product a:hover,
#menu-global_users a:hover,
#menu-contact a:hover
{ background-position: 0 0; }*/

#nav li a:hover { background-position: 0 0; }

#nav li a.current
{ background-position: 0 -60px; }


#nav li li a:hover
{
background: #b50906;
color: #fff;
}

#nav li li a
{
text-align: left;
height: auto;
padding: 2px 0;
/* border-bottom: 1px solid #eee; */
text-indent: 1px;
width: 126px;
margin: 0 0 0 2px;
background: transparent;
color: #555;
line-height: 140%;
}

/* html>body #nav li li a { width: 122px; } */

#nav li ul 
{ /* second-level lists */
position: absolute;
width: 130px;
left: -999em; /* screen reader friendly */
background: transparent url(i/menub.gif) bottom left no-repeat;
/* background: #fff; */
padding: 0 0 1em 0;
/* opacity: 0.95; */
}

html>body #nav li ul 
{
background: transparent url(i/menub.png) bottom left no-repeat;
}

#nav li:hover ul, #nav li.sfhover ul 
{ /* lists nested under hovered list items */
left: auto;
}


/*
------------------------------------------------------>>> CONTENT
*/

#body-wrap 
{
background: transparent;
width: 800px;
margin: 100px auto 0 auto;
}

html>body #body-wrap { margin: 80px auto 0 auto; }

#container
{
width: 800px;
float: left;
margin-right: -200px;
line-height: 150%;
background: transparent url(i/divider.gif) top left repeat-y;
min-height: 500px;
height: 500px;
}

html>body #container { background: transparent url(i/divider.png) top left repeat-y; height: auto; }

#content 
{
background: transparent;
margin-right: 200px;
/* border-right: 2px dotted #F192A4; */
text-align: left;
}

#main-content
{
font-size: 110%;
line-height: 150%;
}

#main-content img
{
	float: left;
	border: 1px solid #ccc;
	border: none;
	margin: 0.5em 1em 1em 0;
	padding: 0;
}

#main-content img.flag
{
border: none;
}

#main-content ul
{
padding-top: 0;
margin-top: 0;
list-style-type: disc;
list-style-image: url(i/bullet.png);
list-style-position: outside;
}


#content p, #content h1
{
padding: 2px 5px;
}


#content h3
{
color: #fc0306;
font-size: 160%;
margin-bottom: 0.7em;
}



/*	PRODUCT MODULE BUTTONS	*/
#content h6
{
float: left;
margin: 0;
padding: 0;
}

#content h6 a
{
display: block;
margin: 0 10px 10px 0;
padding: 0;
width: 135px;
height: 40px;
background: #fff url(i/mod_rese.png) top left no-repeat;
color: #15427e;
text-align: center;
text-indent: -9999em;
}

#content h6 a#mod_admin { background: #fff url(i/mod_admin.png) bottom left no-repeat; }
#content h6 a#mod_rese { background: #fff url(i/mod_rese.png) bottom left no-repeat; }
#content h6 a#mod_clin { background: #fff url(i/mod_clin.png) bottom left no-repeat; }
#content h6 a#mod_stud { background: #fff url(i/mod_stud.png) bottom left no-repeat; }

#content h6 a:hover, #content h6 a:hover#mod_rese, #content h6 a:hover#mod_admin, #content h6 a:hover#mod_clin, #content h6 a:hover#mod_stud
{
background-position: 0 0;
color: #fff; 
text-decoration: none;
}


/*	NEWS / QUOTES	*/
#news{ clear: left; }

#news, #quotes
{
float: left;
width: 270px;
display: block;
margin-top: 2em;
}

#quotes h3 
{ 
text-indent: -99999999px; 
height: 20px; 
display: block; 
margin: 0; 
padding: 0; 
}

blockquote a:hover { text-decoration: none; }


.news-item
{
display: block;
width: 250px;
float: left;
font-size: 90%;
clear: left;
}

p.headline
{
font-weight: bold;
}

.headline a { /*padding-left: 22px;*/ height: 20px; color: #000; text-decoration: none; }
.headline a:hover { text-decoration: none; }



img.flag
{
border: 0;
padding-right: 5px;
}



#news a:hover
{
color: #c20; text-decoration: none;
}



.at { background: url(i/flag/at.png) 0 2px no-repeat; }
.be { background: url(i/flag/be.png) 0 2px no-repeat; }
.bg { background: url(i/flag/bg.png) 0 2px no-repeat; }
.ca { background: url(i/flag/ca.png) 0 2px no-repeat; }
.cn { background: url(i/flag/cn.png) 0 2px no-repeat; }
.cz { background: url(i/flag/cz.png) 0 2px no-repeat; }
.dk { background: url(i/flag/dk.png) 0 2px no-repeat; }
.ee { background: url(i/flag/ee.png) 0 2px no-repeat; }
.eu { background: url(i/flag/eu.png) 0 2px no-repeat; }
.fi { background: url(i/flag/fi.png) 0 2px no-repeat; }
.fr { background: url(i/flag/fr.png) 0 2px no-repeat; }
.de { background: url(i/flag/de.png) 0 2px no-repeat; }
.gl { background: url(i/flag/gl.png) 0 1px no-repeat; }
.gr { background: url(i/flag/gr.png) 0 2px no-repeat; }
.nl { background: url(i/flag/nl.png) 0 2px no-repeat; }
.hk { background: url(i/flag/hk.png) 0 2px no-repeat; }
.hu { background: url(i/flag/hu.png) 0 2px no-repeat; }
.it { background: url(i/flag/it.png) 0 2px no-repeat; }
.ie { background: url(i/flag/ie.png) 0 2px no-repeat; }
.lv { background: url(i/flag/lv.png) 0 2px no-repeat; }
.lt { background: url(i/flag/lt.png) 0 2px no-repeat; }
.lu { background: url(i/flag/lu.png) 0 2px no-repeat; }
.mt { background: url(i/flag/mt.png) 0 2px no-repeat; }
.no { background: url(i/flag/no.png) 0 2px no-repeat; }
.pl { background: url(i/flag/pl.png) 0 2px no-repeat; }
.pt { background: url(i/flag/pt.png) 0 2px no-repeat; }
.ro { background: url(i/flag/ro.png) 0 2px no-repeat; }
.sk { background: url(i/flag/sk.png) 0 2px no-repeat; }
.si { background: url(i/flag/si.png) 0 2px no-repeat; }
.za { background: url(i/flag/za.png) 0 2px no-repeat; }
.es { background: url(i/flag/se.png) 0 2px no-repeat; }
.se { background: url(i/flag/se.png) 0 2px no-repeat; }
.gb { background: url(i/flag/gb.png) 0 2px no-repeat; }
.us { background: url(i/flag/us.png) 0 2px no-repeat; }
.wl { background: url(i/flag/wl.png) 0 2px no-repeat; }

/*.us { background: url(i/flags/us.png) 0 2px no-repeat; }
.ie { background: url(i/flags/ie.png) 0 2px no-repeat; }*/

#news a.rss 
{
display: block;
width: 12em;
height: 20px;
padding-left:20px;
color: #777;
background: #fff url(i/rss.png) no-repeat 0 50%;
}

#news a.rss:hover
{
background: #fff url(i/rss.png) no-repeat 0 50%;
color: #fc0306; text-decoration: none;
}


ul#archive
{
width: 500px;
list-style-type: none;
}

#archive li
{
display: inline;
margin: 0 1em 0 0;
font-size: 90%;
}



.more
{
color: #aaa;
}

.more a:hover
{
color: #c20;
}

#quotes
{
margin-left: 40px;
}


#content blockquote.pullquote 
{
width: 225px;
margin: 0;
padding: 0 5px;
background: url(i/speech-bubble2.png) top left no-repeat;
}

html>body #content blockquote.pullquote { width: 230px; }

#content blockquote.pullquote p 
{
margin: 0;
background-position: bottom right;
color: #369;
}

#content blockquote.pullquote p.pullquote 
{
padding: 1em 2.5em;
margin: 0;
background: transparent url(i/close-quote.png) 95% 90% no-repeat;
line-height: 170%;
font-weight: bold;
text-align: justify;
}

#content blockquote.pullquote p cite 
{
color: #036;
display: block;
text-align: right;
padding: 6px;
margin: 0 5px;
}

cite a { font-weight: normal; }
blockquote a:hover { text-decoration: none; }

#content .end-bubble
{
width: 235px;
height: 37px;
display: block;
background: url(i/speech-bubble2.png) bottom left no-repeat;
}



/*	DATES	*/
.date 
{
float:left;
height:32px;
width:32px;
margin-right:2em;
padding-top:6px;
background:url(i/calendar.png) no-repeat;
line-height: 0.7;
}

.date p 
{
text-align:center;
color:#9b9b8e;
margin:0 0 0 -2px;
text-transform:uppercase;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}

.date span.day 
{
font-size:14px;
display:block;
}

.date span.month 
{
font-size:9px;
height:12px;
display:block;
}


/*
------------------------------------------------------>>> SIDEBAR
*/


#sidebar {
	width: 200px;
	float: right;
	margin-top: 20px;
}


#sidebar h5 a {
width: 172px;
height: 67px;
display: block;
margin: 0 0 0 20px;
background: transparent url(i/feature_customer_centrec_US.png) bottom left no-repeat;
color: #fff;
text-decoration: none;
font-size: 140%;
text-indent: -9999em;
}

#sidebar h5 a#cust_cent {
background: transparent url(i/feature_customer_centrec_US.png) bottom left no-repeat;
}

#sidebar h5 a#cust_cent_us {
background: transparent url(i/feature_customer_centrec_US.png) bottom left no-repeat;
}

#sidebar h5 a#feature_careers {
background: transparent url(i/feature_careers.png) bottom left no-repeat;
}

#sidebar h5 a#feature_walkthru {
background: transparent url(i/feature_demo.png) bottom left no-repeat;
}

#sidebar h5 a#feature_newsletter {
background: transparent url(i/feature_newsletter.png) bottom left no-repeat;
}


#sidebar h5 a:hover {
background-position: 0 0;
}

#sidebar h5 a#feature_careers:hover, #sidebar h5 a#feature_walkthru:hover {
background-position: 0 0;
}

#sidebar h5 a#cust_cent:hover, #sidebar h5 a#cust_cent_us:hover, #sidebar h5 a#feature_newsletter:hover {
background-position: 0 0;
}

#small_quote {

}

#small_quote h3 {
display: none;
}

#small_quote blockquote.pullquote 
{
width: 167px;
margin: 0 0 0 20px;
padding: 0 5px;
background: url(i/small_speech.png) top left no-repeat;
}

html>body #small_quote blockquote.pullquote { width: 162px; }

#small_quote blockquote.pullquote p 
{
margin: 0;
background-position: bottom right;
color: #369;
}

#small_quote blockquote.pullquote p.pullquote 
{
padding: 1em 2.5em;
margin: 0;
background: transparent url(i/close-quote.png) 93% 97% no-repeat;
line-height: 150%;
font-size: 90%;
font-weight: bold;
text-align: justify;
}

#small_quote blockquote.pullquote p cite 
{
color: #036;
display: block;
text-align: right;
padding: 6px;
margin: 0 5px;
}

#small_quote .end-bubble
{
height: 37px;
display: block;
margin: 0 0 0 20px;
background: url(i/small_speech.png) bottom left no-repeat;
}



/*
------------------------------------------------------>>> Footer
*/

#footer
{
clear: both;
float: left;
margin: 3em 0 0 0;
width: 595px;
height: 7em;
display: block;
background: #fff;
color: #aaa;
font-size: 90%;
font-weight: bold;
}

p#address_ie
{
float: left;
width: 260px;
display: block;
margin-left: 10px;
}

p#address_us
{
float: left;
width: 260px;
display: block;
margin-left: 50px;
}


/*
------------------------------------------------------>>> FORM
*/

fieldset
{
border: 0;
padding:4px; 
margin:0 0 2em 0;
width: 550px;
background: #E5EAF1;
}

legend
{
display: none;
font-weight: bold;
font-size: 120%;
display: block;
width: 20%;
color: #036;
margin: 0 0 .5em 0;
}

.message
{


}

.error_form
{
color: #c20;
font-weight: bold;
font-size: 80%;
margin-bottom: .5em;
}

html>body .error_form 
{ background: url(i/error_button.png) top left no-repeat; padding-left: 18px; }

.ok_form
{
background: transparent;
color: #063;
font-size: 80%;
margin-bottom: .5em;
}

html>body .ok_form
{ background: url(i/ok_button.png) top left no-repeat; padding-left: 18px; }

label { float: left; width: 120px; }

input { margin-bottom: .5em; }

.note
{
font-size: 90%;
color: #777;
}


/*
------------------------------------------------------>>> MISC
*/

.last {
	margin-bottom: 0;
}
.clearing {
	height: 0;
	clear: both;
}

.clear {
	height: 2em;
	clear: both;
	width: 500px;
	display: block;
}

#location
{
display: none;
}

a.starfish
{
font-size: 90%;
width: 8em;
display: block;
color: #bbb;
padding: 0 0 0 20px;
/* background: url(i/starfish.png) bottom left no-repeat; */
height: 16px;
margin: 0 auto;
text-decoration: none;
padding-bottom: 1em;
}

a:hover.starfish
{
color: #900;
height: 16px;
/* background: url(i/starfish.png) top left no-repeat; */
text-decoration: none;
}


#errormsg
{
	padding: 15px 5px 5px 5px;
	width: 510px;
	display: block;
	margin: 15px 0 5px 10px;
	background: #FAFAD2 url('/i/errormsg.png') 3px 3px no-repeat;
	border: 1px solid #EEE8AA;
	text-indent:35px;
}

.form_error
{
background:#fcc;
}