/* courtesy of http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6,  blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em,  ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
{	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	
}

body {
	
	color: #434343;
	background: #ececec;
	text-align:center;
	margin-top:0px;
}
td 
{
	vertical-align:top;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	font-family: Arial, Helvetica, sans-serif;
}


a {color:#150ea4; text-decoration:none;}
a.productdetails {font-size:12px; font-weight:bold}
a.productdetails:hover {text-decoration:underline}
a.reg {color:#646464; font-size:13px}

a.sidebar {font-size:12px; color:#174a7e;}

#productbox {}
#productbox h3 {}
#productbox h3 sup {font-size:8px;vertical-align:top}
#productbox img {float: left; border: 1px solid #8f938e; width:59px; height:40px;
        margin: 5px 9px 0 0;}
#productbox div {color: #646464; font-size: 11px; line-height: 16px; margin-top: 6px; padding: 0 !important;}
#productbox a.buttonshort {margin-top:6px;}


h3			{font-size: 16px; color:#646464; margin: 0 0 5px 0;}

/* Top level pages for each navigation tab */
#overview {font-size:12px; width:694px; margin-left:12px; }
#overview h1				{width: 694px; height: 83px;  
                      				 padding-bottom:0px;margin-bottom:0px; border-top: solid 2px #d8d8d8; }
                         				
                         				
#overview div.p {line-height:19px; padding-right:24px; padding-left:12px; 
                 margin-bottom:8px;  }

#overview div.introtext { color:#646464; font-size:13px; font-weight: bold;  
                           line-height: 22px; margin-bottom: 23px; margin-top:0px; padding-top:4px;
                           padding-bottom:8px; padding-right: 24px; padding-left:24px; 
                           border-bottom: 2px solid #d8d8d8; background:url(/images/moduleBG.gif) 0 -1px repeat-x; }

#overview div.solutionsthumb {float:left;width:112px;text-align:center;font-size:10px;}
#overview div.solutionsthumb img {border:solid 1px #666666;width:60px;height:90px;}
#overview div.solutionsthumb img:hover {border:solid 1px #f0000f;}
#overview div.clear {clear:both; height:2px;  margin-bottom:8px; margin-top:18px; border-bottom:dotted 1px #cccccc;}

#overview h1.solutions
{
background: url(/images/nav/banner_solutions.png) 0 0 no-repeat;
}
#overview h1.products
{
background: url(/images/nav/banner_products.png) 0 0 no-repeat;
}
#overview h1.news
{
background: url(/images/nav/banner_events.png) 0 0 no-repeat;
}
#overview h1.resources
{
background: url(/images/nav/banner_resources.png) 0 0 no-repeat;
}
#overview h1.company
{
background: url(/images/nav/banner_company.png) 0 0 no-repeat;
}
#overview h1.contact
{
background: url(/images/nav/banner_contact.png) 0 0 no-repeat;
}



#content			{color:#424242; 
        			 font-size: 12px; 
        			 line-height: 19px;
        			 
        			 margin-left:6px;
        			 }
        			 
#content h1			{font-size: 18px; 
           			 line-height: 25px; 
           			 margin: -4px 0 10px 0; 
           			 color:#646464; }

#content ul {list-style:disc; margin-left:24px;}
#content h1 {border-bottom: solid 1px #cccccc;}
#content h3 {border-bottom: solid 1px #cccccc;margin-bottom:0px;}
#content div.intro {background: #efefef url(/images/moduleBG.gif) 0 -1px repeat-x;
        border-top: 2px solid #c0c0c0; border-bottom: 2px solid #c0c0c0; 
        margin-bottom: 15px;
        padding-left: 12px; padding-top:8px; padding-bottom:8px; padding-right:8px;
         }
#content div.buttonclear {clear:both;  padding-bottom:12px; margin-bottom:12px; padding-top:8px; border-bottom:dotted 1px #cccccc;}
#content div.buttonclear a.buttonshort {margin-bottom:0px; margin-top:0px; }
        			 
/* For Benefits */
#content h3.productheading {font-size:15px; margin-bottom:0px;border:0;}
#content div.producttext {margin-bottom:12px;padding-bottom:8px; margin-right:24px;border-bottom:dotted 1px #cccccc;}

/* Main Product Pages */
#productintro {background: #efefef url(/images/girl_background.png) 100% 0 no-repeat;
        border-top: 2px solid #c0c0c0; border-bottom: 2px solid #c0c0c0; 
        margin-bottom: 15px;
        padding-left: 12px; padding-top:8px; padding-bottom:8px; padding-right:8px;
        min-height:280px; }         		
#productintro .text	{ color:#606060; line-height: 18px; font-size:12px; width: 380px; float:left; padding: 0px 20px 0 12px;}
#productintro .text div {padding-bottom:8px;}
 
#productintro div.clear {margin-bottom: 20px; padding-left:12px;}

#productoverview {}
#productoverview h3.productheading {margin-left:22px;font-size:15px; margin-bottom:0px;border:0;}
#productoverview div.producttext {margin-left:22px;margin-bottom:12px;padding-bottom:8px; margin-right:24px;border-bottom:dotted 1px #cccccc;}
#productoverview img {float:left; vertical-align:bottom;clear:both;width:16px;height:16px;}
#productoverview div.productdescription {}

/* Solutions */
#solutions {background: #efefef url(/images/girl_background.png) 0 0 no-repeat; 
        border-top: 2px solid #c0c0c0; border-bottom: 2px solid #c0c0c0; 
        margin-bottom: 15px;
        padding-left: 16px; padding-top:8px; padding-bottom:8px; padding-right:8px;
        min-height:280px; }
        
#solutions div.left {float: left; width: 484px;} 
#solutions div.left div {margin-top:12px;}

#solutions img			{float: right; margin-right: 2px; border: solid 1px #434343;}


/* For Features */

#features h3 {font-size:15px; border-bottom:0px;
                      padding-top:0px;margin-top:0px;border:solid 0px red;}
                      
#features {width:700px;}                      
#features img.thumb {border:1px solid #cccccc; margin-right:10px; float:left; margin-top:2px; cursor:pointer;}
#features div.featuredescription {float:right; width:550px; border:solid 0px blue; font-size:12px;}

/* Webinars */
#webinars {}
#webinars h3 {border:0; font-size:12px;}
#webinars img.thumb {border:1px solid #cccccc; margin-right:10px; float:left;
                    margin-top:2px;}
#webinars div.description {float:right; width: 610px; border:solid 0px red; margin-right:48px;}

#webinar {color:#424242; font-size: 12px; line-height: 16px;}
#webinar div.right {float:right; width:220px; border:solid 0px blue;}
#webinar div.left {float:left; width:480px; border:solid 0px blue;}
#webinar div.p {margin-bottom:8px;}
#webinar div.participant {margin-bottom:8px;line-height:13px;padding-left:4px;}
#webinar ul li {margin-bottom:12px;}
#resources {width:700px;}
#resources div.intro {background: #efefef url(/images/girl_background.png)  0 -234px no-repeat;
        border-top: 2px solid #c0c0c0; border-bottom: 2px solid #c0c0c0; 
        margin-bottom: 15px;
        padding-left: 12px; padding-top:12px; padding-bottom:12px; padding-right:8px;
         }
#resources h3 {border:0; margin-bottom:2px; clear:both;}
#resources div.left {float: left; width: 320px; border: solid 0px red;}
#resources div.right {float: right; width:320px;}
#resources div img {float: left; border: solid 1px #cccccc; margin-top:2px;}
#resources div div {float: right; border: solid 0px blue; width: 250px; border: solid 0px red;}
#resources div.clear {clear:both; padding-top:8px; padding-bottom:14px; margin-bottom:24px; border-bottom:dotted 1px #cccccc;}


 
#content h1.noborder {border-bottom:0}
#content span.MPBenefit {font-weight:bold;}

/* Registration */
#registration {color:#424242; font-size:12px;}
#registration h3 {font-weight:bold;border:0;}

/* Order Supplies */

div.ordersuppliesthumb
{
	float: left; 
	border: solid 1px #cccccc;
}

div.ordersuppliesthumb:hover
{
	border: solid 1px #999999;
}

/* Resources */
div.resourcelogo
{
	float: left; 
	border: solid 1px #cccccc;
	height:41px;
}

div.resourcelogo:hover
{
	border: solid 1px #999999;
}



         			 

#links {font-size:12px;line-height:18px;}
#links p {margin-bottom:12px; margin-top:8px;}
#links h3 {border-bottom: solid 1px #cccccc}
#links span {color:black}
#links .web {padding-left:20px; background: url(/images/page_white_world.png) 0 0 no-repeat;}
#links a:hover {text-decoration:underline;}
.pdf {padding-left:20px; background: url(/images/page_white_acrobat.png) 0 0 no-repeat;}
.word {padding-left:20px; background: url(/images/icons/page_word.png) 0 0 no-repeat;}
.pr {padding-left:20px; background: url(/images/page_white_acrobat.png) 0 0 no-repeat;}
.course {padding-left:20px; background: url(/images/page_white_cd.png) 0 0 no-repeat;}
.video {padding-left:20px; background: url(/images/icons/film.png) 0 0 no-repeat;}
.web {padding-left:20px; background: url(/images/page_white_world.png) 0 0 no-repeat;}
.survey {padding-left:20px; background: url(/images/icons/chart_bar.png) 0 0 no-repeat;}
.newsletter {padding-left:20px; background: url(/images/newspaper.png) 0 0 no-repeat;}


#highlights {margin-right:8px;}
#highlights .web {padding-left:4px; margin-right:4px; margin-top:8px; margin-bottom:0px; 
                   padding-bottom:2px; background: url(/images/page_white_world.pngd) 0 0 no-repeat;
                  font-size: 11px !important;  border-bottom: dotted 1px #cccccc; 
								}
								
								#highlights .web a:hover {text-decoration:underline;}
								
								
								
#tours {}
#tours a {font-weight:bold;font-size:14px;}
#tours img {border:solid 1px #150ea4;float:left;cursor:pointer;margin-right:12px;margin-bottom:12px;margin-top:2px;}	
#tours div.segment {clear:both;}		
#tours div.segment div {float:right; width:530px;line-height:15px;margin-right:32px;}					

#resourcelinks {}
#resourcelinks h3 {color: #808080; font-size: 11px; font-weight: bold; margin-bottom: 4px;}
#resourcelinks ul li {border-bottom: dotted 1px #808080; margin-bottom: 4px; padding-bottom: 4px;}
#resourcelinks img {vertical-align: middle; border: 0;}
#resourcelinks a:hover {text-decoration: underline;}


.buttonclear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
    clear:both;
    padding-left:4px;
    
    
}
ul.buttonclear li {clear:both; float:left; margin-bottom:8px;}
li a.button {width:156px; }
a.button {
    background: transparent url(/images/buttons/gray_right.png) no-repeat scroll top right;
    color: #150ea4;
    /*color: White;*/
    display: block;
    float: left;
    font: bold 11px arial, sans-serif;
    height: 30px;
    margin-right: 2px;
    padding-right: 27px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url(/images/buttons/gray_left.png) no-repeat;
    display: block;
    line-height: 20px;
    padding: 5px 1px 5px 9px;
}
 
a.button:hover {
    background-position: right -30px;
    color: #150ea4;
   /* color: White;*/
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position:left -30px ;
    
}
a.button:active {
    background-position: bottom right;
    color: #150ea4;
    /*color:White;*/
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0px 4px 10px; /* push text down 1px */
} 
/* Short buttons */
li a.buttonshort {width:171px;margin-bottom:4px; }
a.buttonshort {
    background: transparent url(/images/buttons/gray_short_right.png) no-repeat scroll top right;
    color: #150ea4;
    /*color: White;*/
    display: block;
    float: left;
    font: bold 11px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 27px; /* sliding doors padding */
    text-decoration: none;
}

a.buttonshort span {
    background: transparent url(/images/buttons/gray_short_left.png) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 1px 5px 9px;
}
 
a.buttonshort:hover {
    background-position: right -24px;
    color: #150ea4;
   /* color: White;*/
    outline: none; /* hide dotted outline in Firefox */
}

a.buttonshort:hover span {
    background-position:left -24px ;
    
}
a.buttonshort:active {
    background-position: bottom right;
    color: #150ea4;
    /*color:White;*/
    outline: none; /* hide dotted outline in Firefox */
}

a.buttonshort:active span {
    background-position: bottom left;
    padding: 6px 0px 4px 10px; /* push text down 1px */
} 


 

img.photothumb {width:72px; height:108px;}
img.photomedium {width:144px; height:216px;}


.callout {margin: 8px 0 12px 5px;  width:185px;   padding: 6px 4px 4px 8px; font-size: 11px; line-height: 14px; font-weight:bold;
	 				border:solid 1px #cccccc; background-color:#f0f0f0}





#datasheet {font-size:13px;color:#424242;text-align:left;line-height:18px;}
#datasheet h3 {color:#00324d; margin-top:24px;}
#datasheet ul {list-style: disc;margin-left:24px;}
#datasheet div {margin-bottom:12px;}
 .quotation{color:#174a7e; font-style: italic; font-size: 11px; text-align: left;margin-right:2px;margin-left:2px;}



body.home .home a,
body.sitemap .sitemap a,
body.contact .contact a	{background-position: 0 -17px !important;}

#toplinks	{float:right;}
#toplinks li		{float:right;}
#toplinks li a		{display:block; height: 17px; color:#666; text-indent: -9999px; background-position: 0 0; background-repeat:no-repeat;}
#toplinks li a:hover	{background-position: 0 -17px;}

#toplinks li.sitemap a	{width: 63px; background-image: url(/images/nav/sitemap.png);}
#toplinks li.homepage a	{width: 48px; background-image: url(/images/nav/home.png);}
#toplinks li.contact a	{width: 57px; background-image: url(/images/nav/contact_global.png);}
#toplinks li.login a  {width: 107px; background-image: url(/images/nav/signin_register.png);}
#toplinks li.logout a  {width: 60px; background-image: url(/images/nav/signout.png);}
#toplinks li.myprofile a  {width: 77px; background-image: url(/images/nav/myprofile.png);}
#toplinks li.feed a  {width: 18px; background-image: url(/images/feed.png);}
#toplinks li.feed a:hover  {background-position: 0 0px;}

#copyright {float:right; font-size:8pt; padding-top:8px;}
.small              {font-size: 8pt; color:#646464; padding-top: 0px;  text-align:left;}
#copyright a {text-decoration:none; color:#646464}
#copyright a:hover {text-decoration:underline;color:#000099;}

#bottomlinks {float:left; font-size:8pt; padding-top:8px;text-align:left}
#bottomlinks a {text-decoration:none; color:#646464}
#bottomlinks a:hover {text-decoration:underline;color:#000099;}


	



h1			{font-size: 21px; line-height: 25px; margin: -4px 0 10px 0; color:#646464; /*font-weight:bold;*/}




p.company {color:#535353;font-size:10pt;padding-left:24px; padding-right:48px;line-height:14pt;margin-top:2px;}

div.thumb img			{width: 72px;  float:left; clear:left; margin: 0 10px 10px 0; border:solid 1px #cccccc;}
div.thumb			{clear:both;font-size:13px;background: url(/images/secnav_border.gif) 0 0 repeat-x; padding-top:8px;}
div.thumb a:hover {text-decoration:underline;}
div.thumb div {margin-top:12px; font-size:12px;}



#faq {font-family:Arial; font-size:13px;margin-right:48px; }

#faq  {}
#faq  dt {font-weight:bold; padding-top:14px;padding-bottom:4px;line-height:12pt;}

#faq  dd {text-align:justify;border-bottom: dotted 1px #cccccc;border-top: dotted 1px #cccccc;padding-left:24px;padding-right:24px; padding-bottom:8px;padding-top:8px; line-height:14pt;background-color:#efefef}



.watermark {
	background: #FFAAFF;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=30);
	opacity:0.3;
}

.modalPopup {
	background-color:#ffffff;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:640px;
}

.linkButton 
{
	display: inline-block;
	border: 1px solid #cccccc;
	text-align:center;
	padding:2px;
	color: #1c47a8;
	font-size:12px;
	width:100px;
}

.linkButton:hover
{
	
	border: 1px solid #174a7e;
	
}

.linkButton:active
{
	color:#174a7e;
	
	
	
}


#sociable {width:160px;margin-left:16px;}
 #sociable       ul
        {
            list-style: none;
          padding-left:0px;
         
           
        }
#sociable        ul li
        {
            float: left;
            margin-right: 3px;
        }
#sociable        .sociable-hovers
        {
            opacity: 0.5;
            filter: alpha(opacity=50);
            border: 0;
        }
 #sociable       .sociable-hovers:hover
        {
            opacity: 1.0;
            filter: alpha(opacity=1000);
        }