/* Styles for Innovative Employee Solutions */

ul,ol { list-style: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; border: none;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,table,tr,td,p,blockquote,fieldset,input,div,dd,dt,dl { margin: 0; padding: 0; }
fieldset, a img,:link img,:visited img , img{ border: none; }

html,body { height: 100%; }
body {
	font: 11px arial,lucida sans,sans-serif;
	line-height: 18px;
	background: white url(../images/bg.gif) repeat-x;
	color: #333;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

a { color: #3366cc; }

#wrap {text-align: left; margin: 0 auto; overflow: hidden; width: 760px; }

/* LEFT COLUMN /////////////////////////////////////////////////////////////////////////////////////////////////////////////*/	
#left-column {width: 509px; float: left;}
	#header {background: url(../images/header.gif) no-repeat; width: 509px; height: 163px; margin-bottom: 20px;}
	#tab-block-1 h1 {font-size: 12px;}
	#tab-block-1 p, #tab-block-1 h1 {margin-bottom: 14px;}
	#flash-calculator {margin-bottom: 20px;}

/* RIGHT COLUMN /////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#right-column {width: 168px; float: left; background: none;}
	#flash {background: url(../images/flash-replacement.gif) no-repeat; width: 168px; height: 163px;}
	#bullets {background: url(../images/bullets.gif) no-repeat; width: 163px; height: 164px; margin-bottom: 10px;}
	#picture {margin: 5px 0 0 8px;}

#header h1, #bullets ul, #tab-bot span, #pop-footer h1 {display: none;}

/* TAbs */
#tab-block-1 { background: url(../images/tab-bg.gif) repeat-y; width: 414px; margin-left: 50px;}
#tab-bot {background: url(../images/tab-bot.gif) no-repeat; width: 414px; height: 19px;  margin-left: 50px;}

.tab-wrapper
{
	padding: 1em 1.5em;
}
.tab-menu
{
	background: url(../images/tab-nav.gif) no-repeat; 
	width: 414px; 
	height: 48px;
	list-style:				none;
	padding:				0px 0;
	clear:					both;
	line-height:			17px;
	font-size:				12px;
}
.tab-menu li
{
	display:				inline;
	float: left;
	margin:					0 2px;
}
.tab-menu li a
{
	padding:				1px 5px;
	font-weight:			bold;
	text-decoration:		none;
	display: block;
	height: 46px;
	color: white;

}

/*.tab-menu li.tab-selected a
{
	background-color:		#BCEC8F;
}*/

.tab-menu li a#home { width: 80px;}
	.tab-menu li.tab-selected a#home { background: url(../images/tab-nav.gif) -2px -48px;}
.tab-menu li a#calculator { width: 85px;}
	.tab-menu li.tab-selected a#calculator { background: url(../images/tab-nav.gif) -96px -96px;}
.tab-menu li a#faq {width: 60px;}
	.tab-menu li.tab-selected a#faq { background: url(../images/tab-nav.gif) -94px -144px;}
.tab-menu li a#share { width: 52px;}
	.tab-menu li.tab-selected a#share { background: url(../images/tab-nav.gif) -169px -193px;}
	
.tab-menu li a span {display:none;}
	
	
/* POP UP ///////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body#pop {background: white; margin: 0 auto; text-align: center; position: relative;}
	#pop-wrap {text-align: left; margin: 0 auto; overflow: hidden; width: 500px; height: 360px; border: 1px solid black;}
	#pop-content {padding: 50px; height: 213px; font-size:12px;}
		#pop-content form {margin-top: 20px;}
	#pop-footer {background: url(../images/logo-popup.gif) no-repeat; width: 500px; height: 47px;}	
	
.error {color: red;}
.field {margin-bottom: 4px;}	
.disclosure {font-size: 9px; line-height: normal; color: #9e9e9e;}
	.member {padding: 10px 0 0 10px;}