/* Star Rating */

.star-rating{ 
list-style: none; /* turn off the default list image bullets */
margin: 3px; /* I wan’t some space around this thing */
padding: 0px; /* I’m anal. I’m pretty sure OL’s have a default padding of 0px, but we’ll set it to 0px just to be safe */
width: 100px; /* This list is 5 stars, each star is 20px, therefore it should be 5 x 20px = 100px wide */
height: 20px; /* The height of each star is 20px. Since this is a horizontal list, we will set the list height to the height of the star. */
position: relative; /* Very important. We will be using absolute positioning later. We want to use relatively-absolute positioning. */
background: url(../img/star_rating2.gif) top left repeat-x; /* By repeating this image horizontally, the list will appear to have five stars. */
} 

.star-rating li{ 
padding:0px; /* no padding at all */
margin:0px; /* no margin at all */
/*\ Backslash hack, this causes IE5 Mac NOT to see this rule */
float: left; /* for any other browser, we are going to float left, this makes a horizontal list */
/* end the IE5 Backslash hack */
} 

.star-rating li a{ 
display:block; /* we want a block item, so that we can mess with its height and width */
width:20px; /* easy stuff, we want the width to be the same as the star width */
height: 20px; /* same as the width */
text-decoration: none; /* remove the underline from the link */
text-indent: -9000px; /* indent the text off the screen using a image-replacement technique, we dont want to see the text anymore. */
z-index: 20; /* we’ll come back to this */
position: absolute; /* we can now control the exact x and y coordinates of each star, relative to the parent UL */
padding: 0px; /* once again, we don’t need any padding */
background-image:none; /* we will not show the star */
} 

.star-rating li a:hover{ 
background: url(../img/star_rating2.gif) left bottom; /* this is where the magic is */
z-index: 1; /* move this star to the bottom of the z-index stack */
left: 0px; /* move this star all the way to the left, aligned with the side of the UL parent item */
} 

.star-rating a.one-star{ 
left: 0px; 
} 

.star-rating a.one-star:hover{ 
width:20px; 
} 
.star-rating a.two-stars{ 
left:20px; 
} 
.star-rating a.two-stars:hover{ 
width: 40px; 
} 
.star-rating a.three-stars{ 
left: 40px; 
} 
.star-rating a.three-stars:hover{ 
width: 60px; 
} 
.star-rating a.four-stars{ 
left: 60px; 
} 
.star-rating a.four-stars:hover{ 
width: 80px; 
} 
.star-rating a.five-stars{ 
left: 80px; 
} 
.star-rating a.five-stars:hover{ 
width: 100px; 
} 



/* Body and link styles */
body, td, th, textarea, div, select {color: #666666; margin: auto; padding: 0; margin: 0; font: 12px Arial, Helvetica, sans-serif;}
.bodystyle {background: #e3e3e3 url('images-corp/bg.gif') repeat-x; }
p {margin: 1em 0;}
img {border: 0px none;}


a, a:link, a:visited {
	color: #0011bb;
	padding:0px;
	text-decoration: none;
	font-size: 100%; 
	line-height: 100%;
	font-weight: normal;
	}
	
a:hover, a:focus {
	color: #0011bb;
	text-decoration: underline;
	font-size: 100%; 
	line-height: 100%;
	font-weight: normal;
	}

.details {color: #000000; margin: 5px auto; padding: 0; margin: 0; font: 10px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;}

/* Headline Styles */
h1, h2, h3, h4, h6 {font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: normal; padding: 0; margin: 0;}
h1 {font-size: 22px; color: #ff6600; font-weight: bold;}
h2 {font-size: 18px; color: #000000; margin-bottom: 7px;}
h3 {font-size: 18px; color: #000000; margin-bottom: 7px;}
h4 {font-size: 12px; color: #000000; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;}
h5 {font-size: 13px; padding: 0; margin: 0 0 3px 0;}
h6 {font-size: 13px; color: #000000; margin-bottom: 7px; font-weight: bold;}

.insidebox h1, .insidebox h2, .insidebox h3, .insidebox h4,.insidebox h5, .insidebox h6 {color: #333333;}


.insidebox a, .insidebox a:link, .insidebox a:visited {
	color: #0011bb;
	padding:0px;
	text-decoration: underline;
	font-size: 100%; 
	line-height: 100%;
	font-weight: normal;
	}
	
.insidebox a:hover, .insidebox a:focus {
	color: #0011bb;
	text-decoration: none;
	font-size: 100%; 
	line-height: 100%;
	font-weight: normal;
	}


.tooltip , .tooltip:link, .tooltip:visited {
	color: #0011bb;
	padding:0px;
	text-decoration: underline;
	font-size: 100%; 
	line-height: 120%;
	font-weight: normal;
	}
	
.tooltip:hover, .tooltip:focus {
	color: #0011bb;
	text-decoration: underline;
	font-size: 100%; 
	line-height: 120%;
	font-weight: normal;
	}
	
.insidebox .tooltip , .insidebox .tooltip:link, .insidebox .tooltip:visited {
	color: #0011bb;
	padding:0px;
	text-decoration: underline;
	font-size: 100%; 
	line-height: 120%;
	font-weight: normal;
	}
	
.insidebox .tooltip:hover, .insidebox .tooltip:focus {
	color: #0011bb;
	text-decoration: none;
	font-size: 100%; 
	line-height: 120%;
	font-weight: normal;
	}

.insidebox .tooltiporange , .insidebox .tooltiporange:link, .insidebox .tooltiporange:visited {
	color: #ff6600;
	padding:0px;
	text-decoration: underline;
	font-size: 100%; 
	line-height: 120%;
	font-weight: normal;
	}
	
.insidebox .tooltiporange:hover, .insidebox .tooltiporange:focus {
	color: #ff6600;
	text-decoration: none;
	font-size: 100%; 
	line-height: 120%;
	font-weight: normal;
	}


.tooltipgreen , .tooltipgreen:link, .tooltipgreen:visited {
	color: #006400;
	padding:0px;
	text-decoration: underline;
	font-size: 80%; 
	line-height: 200%;
	font-weight: normal;
	}
	
.tooltipgreen:hover, .tooltipgreen:focus {
	color: #006400;
	text-decoration: none;
	font-size: 80%; 
	line-height: 200%;
	font-weight: normal;
	}
	
.insidebox .tooltipgreen , .insidebox .tooltipgreen:link, .insidebox .tooltipgreen:visited {
	color: #006400;
	padding:0px;
	text-decoration: underline;
	font-size: 80%; 
	line-height: 200%;
	font-weight: normal;
	}
	
.insidebox .tooltipgreen:hover, .insidebox .tooltipgreen:focus {
	color: #006400;
	text-decoration: none;
	font-size: 80%; 
	line-height: 200%;
	font-weight: normal;
	}

.tooltiporange , .tooltiporange:link, .tooltiporange:visited {
	color: #ff6600;
	padding:0px;
	text-decoration: underline;
	font-size: 100%; 
	line-height: 120%;
	font-weight: normal;
	}
	
 .tooltiporange:hover,  .tooltiporange:focus {
	color: #ff6600;
	text-decoration: underline;
	font-size: 100%; 
	line-height: 120%;
	font-weight: normal;
	}


.vspiritheader {font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; padding: 0; margin-top: 0; font-size:22px; color: 000000;}


.questiontitle {font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin:0; font-size: 18px; color:12194C;}

.ASBCtrlStyle {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	border: 1px solid #9a9a9a;
	padding-left: 2px;
	padding-top: 0px;
	background-color: #ffffff;
}

.wrapper {
	position: relative;
	padding-left: 0px;
	margin: 0 auto;
	width: 99%;
	padding-right: 5px;
	border-left: 1px solid #9a9a9a;
	BACKGROUND: #ffffff url(images-corp/left_bg.gif) repeat-y right;
	font-size: 1.11em;
	zoom: 1;
}

.wrapperfaq {
	position: relative;
	padding-left: 0px;
	margin: 0 auto;
	width: 99%;
	padding-right: 5px;
	BACKGROUND: #ffffff;
	font-size: 1.11em;
	zoom: 1;
}

.clearfix {
  zoom: 1;
}

.outer {
  border: 1px solid #ccc;
  padding: 1px;
  margin: 0 0 0 0;
  /*display: inline-block;*/ /* SPAN, was: inline */
}

.shadow {
  display: block;
  padding: 1px;
}

.color {
  display: block;
  margin: 0;
  padding: 5px;
}

.headerbar {
	background: #405b9d  url('../images-corp/footer-top.gif') repeat-x left top; 
	color: #9ba8c4; 
	width: 100%;
	margin:0px;	
	border-bottom: 0px solid #343434;
	padding-left:0px;
	padding-top:10px;
	text-align:left;
	margin-bottom:0px;
}

.headerbar_small {
	background-color:#ebe3cd;	
	width: 100%;
	margin:0px;	
	border-bottom: 0px solid #343434;
	background: url('../images-corp/blue_bg_small.gif') repeat-x;
	padding-left:0px;
	padding-top:10px;
	text-align:left;
	margin-bottom:0px;
}


.subbar {
	border-bottom:1px solid #d1c7ac;	
	border-top:1px solid #d1c7ac;	
	background-color:#f4eedd;	
}


.headertag {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	padding: 0; margin: 0; 
	font-size: 13px; 
	color: #c0c0c0; 
	font-weight: bold; 
	letter-spacing: 1px;
	}



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

.footer {
	background: #405b9d  url('../images-corp/footer-top.gif') repeat-x left top; 
	color: #9ba8c4; 
	margin-left:0; 
	margin-right:0; 
	margin-top:15px; 
	margin-bottom:0; 
	padding-left:0; 
	padding-right:0; 
	padding-top:15px; 
	padding-bottom:15px
}

.footer-simple {
	/* background: #405b9d  url('../images-corp/footer-top.gif') repeat-x left top; */
	color: #9ba8c4; 
	margin-left:0; 
	margin-right:0; 
	margin-top:15px; 
	margin-bottom:0; 
	padding-left:0; 
	padding-right:0; 
	padding-top:15px; 
	padding-bottom:15px
}

.bar {
	background: #405b9d  url('../images-corp/footer-top.gif') repeat-x left top; 
	color: #9ba8c4; 
	margin-left:0; 
	margin-right:0; 
	margin-top:0px; 
	margin-bottom:0; 
	padding-left:0; 
	padding-right:0; 
	padding-top:0px; 
	padding-bottom:0px
}

.footer a, .footer a:link, .footer a:visited, .footer a:hover, .footer a:focus {
	color: #d8dde8;
	padding:0px;
	text-decoration: underline;
	font-size: 85%; 
	line-height: 100%;
	font-weight: normal;
	}

.copyright {
	font-size: 8pt;
	color: #9ba8c4;
	clear: both;
	padding: 0 0 0 0;
}

.copyright a, .copyright a:link, .copyright a:visited {
	color: #666666;
	text-decoration: underline;
	}

.copyright a:hover, .copyright a:focus {
	color: #000000;
	text-decoration: underline;
	}

.copyrightblack
{
	font:normal 11px arial;
	color:#292828;
	text-align:left;
	margin:10px 0 10px 0;
	line-height:15px;
	width:100%;}


/* Boxes Round corners */

.insidebox { PADDING : 10px }

.helpbox {
background-image: url(testlooks/help_bg_300_150.jpg);
width:300px;
height:150px;
background-repeat: no-repeat;
}

.loginbox {
background-image: url(testlooks/login_bg_300_150.jpg);
width:300px;
height:150px;
background-repeat: no-repeat;
margin-bottom: 10px; padding-left:11px; padding-right:9px; padding-top:5px; padding-bottom:12px
}

/* Bubble */
.bubble
{
 /* border: 1px solid #B2B2Bf; */
 background: #FFFFFF url('img/box-gray4.jpg') repeat-x; 
 margin-bottom: 5px; 
 padding-left:5px; 
 padding-right:5px; 
 padding-top:5px; 
 padding-bottom:5px;
 width : 150px;
}


/* Dash line td */
.dashline
{ 
border-top-style: dashed; 
border-top-color: #000000; 
border-top-width: 1px; 
border-bottom : none;
border-left : none;
border-right : none;
border-collapse: collapse;
padding-top:5px;
}


/* Special Box */
.g_box {border: 1px solid #B2B2Bf;  background: #FFFFFF url('img/box-gray4.jpg') repeat-x; margin-bottom: 10px; padding-left:11px; padding-right:9px; padding-top:12px; padding-bottom:12px}

/* List Table */
.ListTable TD
{ 
border-top-style: dashed; 
border-top-color: black; 
border-top-width: 1px; 
border-bottom : none;
border-left : none;
border-right : none;
border-collapse: collapse;
}

/***** Common Content Formatting *****/


.popularquestions:link, .popularquestions:visited 
{
	color: #0084ff;
}

.popularquestions:hover, .popularquestions:focus 
{
	color: orange;
}


.simple:link, .simple:visited {
	text-decoration: none;
	color: #666;
}

.featuredquestion:link, .featuredquestion:visited {
	text-decoration: none;
	letter-spacing: -0.03em;
}



.vspiritlogo {
	font-family: Smudger LET;
	color:#000;
	font-weight: bold;
	font-size:25px;
}

.vspiritlogo a, .vspiritlogo a:link, .vspiritlogo a:visited  {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.vspiritlogo a:hover, .vspiritlogo a:focus {
	font-weight: bold;
	color: #c00;
	text-decoration: none;
}

.navtop {
	font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: normal;
	color: #ffffff;
}
.navtop a, .navtop a:link, .navtop a:visited  {
	font-weight: normal;
	color: #ffffff;
	text-decoration: underline;
}
.navtop a:hover, .navtop a:focus {
	font-weight: normal;
	color: #c0c0c0;
	text-decoration: underline;
}

.navtopblue 
{
	font-size:16px; 
	font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	color: #405b9d;
}
.navtopblue a, .navtopblue a:link, .navtopblue a:visited  {
	font-size:16px; 
	font-weight: bold;
	color: #405b9d;
	text-decoration: underline;
}
.navtopblue a:hover, .navtopblue a:focus {
	font-size:16px; 
	font-weight: bold;
	color: #c00;
	text-decoration: underline;
}


.navtopblack {
	font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: normal;
	color: #000;
}
.navtopblack a, .navtopblack a:link, .navtopblack a:visited  {
	font-weight: normal;
	color: #000;
	text-decoration: underline;
}
.navtopblack a:hover, .navtopblack a:focus {
	font-weight: normal;
	color: #c00;
	text-decoration: underline;
}

.navtopgray {
	font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: normal;
	color: #eeeeee;
}
.navtopgray a, .navtopgray a:link, .navtopgray a:visited  {
	font-weight: normal;
	color: #eeeeee;
	text-decoration: underline;
}
.navtopgray a:hover, .navtopgray a:focus {
	font-weight: normal;
	color: #c0c0c0;
	text-decoration: underline;
}

.menus:link, .menus:visited {
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	padding: 0; 
	margin: 0;
	line-height: 1;
	font-size: 13px;
	}

.menuon:link, .menuon:visited {
	line-height: 1;
	text-decoration: none;
	color:#ffa500; padding-bottom: 1px; font-style: oblique; font-variant:normal; font-weight: bold; font-size:100%; font-family:arial, helvetica, sans-serif
}

.special:link, .special:visited {
	text-transform: uppercase;
	line-height: 1;
	text-decoration: none;
	padding-bottom: 1px; font-style:normal; font-variant:normal; font-weight:normal; font-size:85%; font-family:tahoma, sans-serif
}

.speciallarge:link, .speciallarge:visited {
	text-transform: uppercase;
	line-height: 1;
	text-decoration: none;
	padding-bottom: 1px; font-style:normal; font-variant:normal; font-weight:normal; font-size:110%; font-family:tahoma, sans-serif
}

.small:link, .small:visited {
	font-size: 85%;
}

.headerbox {
	font-size: 115%;
	letter-spacing: -0.02em;
	color: #8696A4; padding-left:5px; padding-right:10px; padding-top:10px; padding-bottom:5px
}

.titlebox {
	font-size: 120%;
	letter-spacing: -0.02em;
	color: #ffffff; padding-left:5px; padding-right:10px; padding-top:0px; padding-bottom:0px
}

.footer-title {
	font-size: 90%;
	font-weight: bold;
	letter-spacing: -0.02em;
	color: #8696A4; padding-left:5px; padding-right:10px; padding-top:10px; padding-bottom:5px
}

.small-text {
	padding: 0 0 0 0;
	color: #000000;
	font-size: 85%;
	margin: 0 0 0 0;
}

.small-text-gray {
	padding: 0 0 0 0;
	color: #999;
	font-size: 85%;
	margin: 0 0 0 0;
}

.HeaderTable 
{ 
background-color: #ffffff;
border-left-style: none; 
border-right-style: none; 
border-top-style: none; 
border-bottom-style: solid; 
border-bottom-color: #555; 
border-bottom-width: 1px; 
border-collapse: collapse;  
}