/*
IF YOU DON'T UNDERSTAND .CSS, PLEASE DON'T MODIFY THE CODE
CSS INFORMATION CAN BE FOUND ON THE W3SCHOOL SITE:
http://www.w3schools.com/css
*/

/*Set's border, padding and margin to 0 for all values.
The CSS padding properties define the space between the element border and the element content. Negative values are not allowed.
The CSS margin properties define the space around elements.
The CSS border properties define the borders around an element.*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	/*padding: 0px;*/
	border: 0;
	outline: 0px;
	font-size: 100%;
	/*background: transparent;*/
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;	 /*** Sets the font family and font type(serif) in the body ***/
}

#main_navigation, .ref_nav {
display: none;
}

#st{
clear:both;
}

body {
position:relative;
padding-top: 2%;		 	/*** The space is 2% from the top border of the body to the content within it***/
font-size: .73em;			/*** Font size is declared to set THE size of the text in the body of the page; ems is used because that's the standard and it's easier to page zoom***/
line-height: 160%;
text-align:center;
color: #333333;						/*** Text color of the body and html document is the hex value of the color dark gray ***/
background-color: #FFFFFF;	 /*** Background color of the body and html document is the hex value of the color white ***/
}

ul{
list-style-type: disc;
color: #333333;	
}

a {text-decoration: none; color:#0066ff;}

a:hover{text-decoration: underline;}

b {color:#000000;}

.small{font-variant: small-caps;}

/*** Headings 1 to 5 is bold and has 0% space between the left margin of <h1>-<h5> and its content***/
h1, h2, h3, h4, h5, h6 {	padding-left:0%; font-weight: bold;}


/*** Heading 1 is set to dark red with a font size of 1.10em; this is used whenever h1 is in the page***/
.h1red{	font-size: 1.4em; color: #990000; padding-bottom:10px;}

/*** Heading 2 is set to dark red with a font size of 1.4em; this is used whenever h2 is in the page***/
.h2red {font-size: 1.1em; color: #990000;}


p {font-size:12px; line-height:160%; margin-top:10px;}


/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft {float: left;} /*create a left column only with another are of code defined with floatRight class*/

.floatRight {float: right;} /**/

.ref{display: inline;float:left;margin:0px 5px; width:23%;list-style-type:none;}

.calc{display: inline;float:left;margin:0px 5px; width:21%;list-style-type:none;}
.calcw{width: 29%; margin: 0px;float:right;}

.clear {clear: both;} /*when the content is named with this class, nothing will be to the right and left of this content; useful in header, navigation and footer*/

/*
	PAGE STRUCTURE
*/

#mainContainer { 
width: 64em; /*** This sets the width of the site; can be found in all pages ***/
margin: 0 auto; /*** Centers the design ***/
min-height: 27.27em;/*** This sets the minimum height of the page ***/
text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
/**overflow:hidden;**/
}


#coll{width:48%; float: left;} /*left column to have 48% width*/

#colr{width:48%; float: right;} /*right column to have 48% width*/

#collt{width:45%; float: left;} /*left column to have 48% width*/

#colrt{width:48%; float: right;} /*right column to have 48% width*/

#footer{
padding-top:2em;
text-align:center;
margin:0 auto;
clear:both;
font-size:.9em;
width:100%;
}

#footer a{color: #4E8BC3;}

#copyright{padding-top:1em; font-size:1em;} /*copyright notice at footer*/

/**************************
MAIN NAVIGATION TABLE; Can be found in the headers files
**************************/

table.nvgtb{
width:100%;
height: .8em;
border-top: .1em solid #999999;
border-bottom: .1em solid #999999;
text-align:center;
margin-top:10px;
clear:both
}

.nvgtb a{
font-size: 1em;
line-height:24px;
font-weight:bold;
text-decoration:none;
margin-left:1.1em;
margin-right:1.1em;
color: #4E8BC3;		/*** The color of the link is set to the hex value of blue***/
}

.nvgtb a:hover {text-decoration:underline; color: #990000;}

.nvgtb select {
  display: none;
}

/**************************
END MAIN NAVIGATION TABLE; Can be found in the headers files
**************************/

#header{
width: 64em; /*** This sets the width of the site; can be found in all pages ***/
margin: 0 auto; /*** Centers the design ***/
text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}

#logo {display:inline; float:left; width:328px;}

#log{display:inline; float:right; /*padding-left:13em;  IE 7 Win */ width:23em;}

#logpublic{display:inline; float:right; width:auto;} /*Login area for the public side; if not a member*/

form.myform legend{
font-size: 1.1em;
font-weight: normal;
color: #990000;
text-align:left;
margin-bottom:.55em;
margin-left: -8px; /* IE 7 Win */
}


form.myform legend span a{margin-left:74px; clear:left; color:blue; text-decoration:none;}

form.myform legend span a:hover{text-decoration:underline;}

form.myform .logingr {
    border: solid 1px #85b1de;
    background: url('http://www.workcompresearch.com/images/formbg.gif') repeat-x;
    background-position: top;
}


form.myformfgt{display:inline;float:left;}

form.myformfgt legend{
font-size: 1.1em;
font-weight: normal;
color: #990000;
text-align:left;
margin-bottom:.55em;
margin-left: -8px; /* IE 7 Win */
}

#loginpswd{margin-left:10px;}

form#fgt{
		position:relative;
		display:inline;
		float:right;
		margin-top:2.5em !important;
		margin-top:2em;
}

			
/*	Slider Container */
#page-wrap 									{ width: 308px;  position: relative; min-height: 254px; height:254px; overflow:hidden;
											        background: url(http://www.workcompresearch.com/images/bg1.png) top center no-repeat; overflow:hidden;}
												
#page-wrapnotmember					{ width: 308px;  position: relative; min-height: 254px; height:254px; overflow:hidden;
											        background: url(http://www.workcompresearch.com/images/bgnotmember.png) top center no-repeat; }
.slider-wrap								{ width: 280px; position: relative; top: 35px; left: 15px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; min-height:175px; height:175px; overflow:hidden;}
.stripViewer								{ position: relative; overflow: hidden; width: 280px; height: 175px; list-style-type: none;}
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 280px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
/** Thumbnails for the wcr_slideshow**/
.nav-thumb 									{ display:inline; border: 2px solid #FFFFFF; margin-right: 8px; width:39px; margin-top:3px; }
.nav-thumbpublic 							{ display:inline; margin-right: 8px; width:39px; margin-top:-5px;}
#movers-row									{  width:100%; text-align:center;}
#movers-row div								{ display:inline;}
#movers-row div a.cross-link 	{ display:inline; border-style: none;}
/** Photo caption for the wcr_slideshow**/
.photo-meta-data							{ background: url(http://www.workcompresearch.com/images/transpBlack.png); padding-top: 5px; padding-bottom:20px; padding-left:10px; padding-right:10px; height: 20px; 
											  			  margin-top: -60px; position: relative; z-index: 10; color: #FFFFFF; font-weight:normal;}
.cross-link									{ display: block; margin-top: -14px; 
											  position: relative; z-index: 10; }
/** White arrow in the wcr_slideshow **/
.active-thumb 					{ background: transparent url(http://www.workcompresearch.com/images/icon-uparrowsmallwhite.png) top center no-repeat; padding-top:8px; z-index: 20;}

#slideshow .wcrmain {padding-top:0em;}
#slideshow1 img { display:block; margin-left:55px;}
.panel a{text-decoration:none;}

/*	END Slider Container */


/**START DRAWERS**/
drawers-wrapper {
            position: relative;
            width: 170px;
			      border:none;
        }

        .drawer {
            color:#76797C;
            line-height:1.3em;
        }

        .drawers {
            margin-bottom:15px;
            color:#76797C;
            line-height: 18px;
			      margin-left:0;
						margin-right:0;
        }
/**
        .drawers A {
            font-size: 1.4em; color: #990000;  text-decoration:none;
        }
**/
        .drawer li {
           border-bottom:1px solid #E5E5E5;
           line-height:16px;
           /** padding:6px 0pt; **/
	   list-style-type: none;
        }

        UL.drawers {
				margin: 0;
				padding:0;
				list-style-type: none;
        }

        .drawer-handle {
         background:#990000 url("http://www.workcompresearch.com/images/gs.gif") no-repeat 10px;
			   color:#FFFFFF;
			   font-size:1.3em;
         cursor:default;
         line-height:25px;
				 padding-top:3px;
				 padding-bottom:3px;
         margin-bottom:0pt;
				 padding-left:20px;
         text-indent:15px;
         width:100%;
        }

        .drawer-handle.open {
		        font-size:1.3em;
            background:#990000 url("http://www.workcompresearch.com/images/gscheck.gif") no-repeat 10px;
						padding-left:20px;
            color:#FFFFFF;
        }

        .drawer UL {
            padding: 0 12px;
            padding-bottom:0pt;
	    list-style-type: none;
        }

        .drawer-content UL {
            padding-top: 7px;
	    list-style-type: none;
        }

        .drawer-content LI A {
            display:block;
            overflow:hidden;
	    list-style-type: none;
        }

        .alldownloads li {
            border:0pt none;
            line-height:18px;
            padding-top:10px;
	    padding-bottom:10px;
	    list-style-type: none;
        }
				
	.alldownloads li img{
	float: left;
	padding-left: 5px;
	padding-right:5px;
	background: #ddd;
	border: 1px solid #ccc;
	margin: 10px 15px 10px 0;
	list-style-type: none;
			}
	.alldownloads li{
	padding-left: 5px;
	list-style-type: none;
	}
        -->
/**END DRAWERS**/


#tagline { margin-left:300px; margin-top: -245px; min-height:239px; background: transparent url(http://www.workcompresearch.com/images/usingwcr.png) top repeat-x; padding-left:20px; padding-top:1px;}
.white.tgwidth{ float:left; width:70%;}
.white.tgwidthr img{ float:right; }
.wcrmain {font-size:1.5em; font-weight:bold; padding-bottom:5px; color:#000000;}
.white {color:#FFFFFF;}



table#sitemap td{width:35%;padding-right:20%;}

/**For tables that need borders**/
table.border{
border-width:1px;
border-color:black;
border-style:solid;
border-spacing:0px;
border-collapse:collapse;
}

table.border tr{
border-width:1px;
border-color:black;
border-style:solid;
border-spacing:0px;
border-collapse:collapse;
}

table.border td{
border-width:1px;
border-color:black;
border-style:solid;
border-spacing:0px;
border-collapse:collapse;
}


/**Table for compliance-state-drop-down.htm**/

table.comply{border: 1px inset #666666;padding:10px;width:30%;text-align:center;}

/** List for tutorial1.php **/
#custom-gentut1 ul
{
  	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	padding-bottom:1em;
}

#custom-gentut1 ul li:before 
{	content: "\00BB \0020"; }

/*create an outline around an object */
.box{
border: 1px solid #990000;
padding-top:.5em;
padding-bottom:.5em;
text-align:center;
margin-bottom:2em;
}

/*create a width for a return to previous button*/
.returncalculator{width:30%;}

hr{border: 0;
height: 1px;
color: #999999;
background-color: #999999;
margin-top:15px; margin-bottom:15px;}

ul.none{list-style-type:none;}

.backlinks{font-size:.98em; height:2.3em; margin-top:5px; margin-bottom:5px;}

.backlinks a {height:2.3em; color:#777777;}

.backlinks a:hover{color:#444444;}

/*list format found in terms of service page*/
ul#tos{list-style:decimal;}

ul#tos li{padding-top:10px; padding-bottom:10px;}


/* ICONS */

.iKon_doc {	padding: 5px 20px 5px 0; background: transparent url(http://www.workcompresearch.com/images/icon_doc.gif) no-repeat center right;}
.iKon_txt{ padding: 5px 20px 5px 0; background: transparent url(http://www.workcompresearch.com/images/icon_txt.gif) no-repeat center right;}
.iKon_xls {	padding: 5px 20px 5px 0; background: transparent url(http://www.workcompresearch.com/images/icon_xls.gif) no-repeat center right;}
.iKon_feed{ 	padding: 5px 20px 5px 0; background: transparent url(http://www.workcompresearch.com/images/icon_feed.gif) no-repeat center right;}
.iKon_pdf{ 	padding: 5px 20px 5px 0;	background: transparent url(http://www.workcompresearch.com/images/icon_pdf.gif) no-repeat center right;}
.iKon_flash { 	padding: 5px 20px 5px 0; background: transparent url(http://www.workcompresearch.com/images/icon_flash.gif) no-repeat center right;}
a.pdf { 	padding: 5px 20px 5px 0;	background: transparent url(http://www.workcompresearch.com/images/icon_pdf.gif) no-repeat center right;}



#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

/*CSS for link that shows hint onmouseover*/
.hintanchor{ 
font-weight: bold; color: navy; margin: 3px 8px; }

/*CSS for Simple Tree Menu*/
.treeview ul{ margin: 0;padding: 0;}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: #fff url('http://www.workcompresearch.com/images/list.gif') no-repeat left center;
list-style-type: none; padding-left: 20px; margin-bottom: 3px;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: #fff url('http://www.workcompresearch.com/images/closed.gif') no-repeat left 1px;
cursor: pointer !important;
}

/*Style for ULs that are children of LIs (submenu) */
.treeview li.submenu ul{ display: none; /*Hide them by default. Don't delete. */ }

/*Style for LIs of ULs that are children of LIs (submenu) */
.treeview .submenu ul li{ cursor: default;}



/*State dropdown*/
ul#statenav {
	margin: 0; padding: 0;
	float:left;
	list-style: none;
}
ul#statenav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#statenav li a {
	float: left; 
}
ul#statenav li:hover a, ul#statenav li a:hover { background-position: left bottom; }

ul#statenav a.states {
	width: 200px; 
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
}

ul#statenav li .pickstate {
	position: absolute;
	top: 17px; left: 0;
	padding: 10px 10px 10px;
	border: 1px solid #E8E8E8;
	background-color: #ffffff;
	float: left;
	/*--Top right rounded corner--*/
	-moz-border-radius-topright: 10px;
	-khtml-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	display: none;
}
ul#statenav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#statenav li .pickstate ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 120px;
	float: left;
}
ul#statenav .pickstate ul li {
	width: 100%;
	color: #fff;
}

ul#statenav .pickstate ul li a {
	font-size: 11px;
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 5px 5px 5px 15px;
	display: block;
	text-decoration: none;
	color: #29506F;
	font-family: Arial;
}
ul#statenav .pickstate ul li a:hover {color: #4784BF; background-position: 5px 12px;}

ul#statenav .pickstate ul li a:active {position: relative; top:1px;}

.topicompare{
background-color: #990000; /* Old browsers */
background: -moz-linear-gradient(top, #dd0000 0%, #990000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd0000), color-stop(100%,#990000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dd0000 0%,#990000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dd0000 0%,#990000 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #dd0000 0%,#990000 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd0000', endColorstr='#990000',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #dd0000 0%,#990000 100%); /* W3C */
padding: 10px;
}

.topicbtn {
   border-top: 1px solid #96d1f8;
   background-color: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
   }
.topicbtn:hover {
   border-top-color: #28597a;
   background-color: #28597a;
   }
.topicbtn:active {
   border-top-color: #1b435e;
   background-color: #1b435e;
   }
   
.topiclegal{
font-size: 11px;
}

#plan-table { color:#fff; position:relative; border-collapse:collapse;
  background: #fbfbfb;
  background: -moz-linear-gradient(top, #fbfbfb 0%, #eeeeee 100%);
  background: -webkit-linear-gradient(top, #fbfbfb 0%,#eeeeee 100%);
  background: linear-gradient(top, #fbfbfb 0%,#eeeeee 100%);
  width: 100%;
}
#plan-table td { vertical-align:top;}
#plan-table th { overflow:hidden;}

#plan-table h2 { color:#fff; font-size:17px; display:block; text-align:center; margin:0; padding:7px 0; border-bottom:1px solid rgba(255,255,255,0.4);border-bottom:1px solid rgba(255,255,255,0.4); text-shadow:0 1px rgba(0,0,0,0.3); position:relative; }
#plan-table .enterprise h2 { border-bottom:1px solid rgba(255,255,255,0.2) }
#plan-table .plan:last-child h2 { border-bottom: 1px solid rgba(255,255,255,0.2) }
#plan-table .plan:first-child h2, #plan-table .plan:first-child { border-radius: 5px 0 0 0;}
#plan-table .plan:last-child h2, #plan-table .plan:last-child  { border-radius: 0 5px 0 0;}

#plan-table tr th,#plan-table tr td { position:relative;}
#plan-table tr { position:relative;}

/* plan right side borders - #eee is for IE8 */
.heading:after { border-right:1px solid rgba(255,255,255,0.5); content:""; position: absolute; top:0; left:0px; height:100%; z-index:10; }
.plan ul:after { border-right:1px solid #eee; border-right:1px solid rgba(255,255,255,0.5); content:""; position: absolute; top:0; left:0; height:100%; z-index:10; }
.pick-plan:after {  border-right:1px solid rgba(0,0,0,0.075); content:""; position: absolute; top:0; left:1px; height:100%; z-index:10; }

.heading:before { border-right:1px solid rgba(0,0,0,0.075); content:""; position: absolute; top:0; left:1px; height:100%; z-index:10; }
.plan ul:before { border-right:1px solid rgba(0,0,0,0.075); content:""; position: absolute; top:0; left:1px; height:100%; z-index:10; }
.pick-plan:before { border-right:1px solid #eee;  border-right:1px solid rgba(255,255,255,0.5); content:""; position: absolute; top:0px; left:1px; height:100%; z-index:10; }


.plan:first-child .heading:after, .plan:first-child ul:after, .plan td:first-child .pick-plan:after { border-right:0 }
.plan:first-child .heading:before, .plan:first-child ul:before, .plan td:first-child .pick-plan:before { border-right:0 }

.plan ul { padding:0px 0 5px 0; margin: 0px 0 0px 0;  display:block; position: relative; z-index:4;}
.plan ul li { color:#333; list-style-type:none;  padding-left:20px; text-shadow:0 1px 0 #fff; margin-bottom:0px; padding:10px 28px 10px 28px; line-height: 25px;}
.plan ul li:nth-child(2n) { 
  background:rgba(0,0,0,0.04);                                          
  background: -moz-linear-gradient(top, rgba(0,0,0,0.04) 0%, rgba(140,140,140,0.06) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.04) 0%,rgba(140,140,140,0.06) 100%);
  background: linear-gradient(top, rgba(0,0,0,0.04) 0%,rgba(140,140,140,0.06) 100%);
}
.plan ul li:last-child { border-bottom:0px; }

.plan .heading { font-family:helvetica; position: relative; }
.plan .heading strong { color:#fff; font-weight:normal; display:block; text-align:center;  text-shadow:0 1px rgba(0,0,0,0.2); display:block; letter-spacing:-1px; position:relative; padding-top:10px; z-index:9; }
.plan .heading strong em { font-size:45px; line-height:64px; font-style:normal;}

.plan .heading sub { font-size:24px; position:relative; top:-31px; letter-spacing:0px; }
.plan .heading small { font-size:12px; opacity:0.7; letter-spacing:0px;}
.plan .l { font-size:13px; display:block; text-align:center;  margin:-32px 0 20px; position: relative; z-index: 5; text-shadow:0 1px rgba(0,0,0,0.3);}
.plan .sub-price { font-size:13px; display:block; text-align:center;  text-shadow:0 1px rgba(0,0,0,0.3); margin-top:-1px; line-height:13px; letter-spacing:0; }

.plan .pick-plan { padding: 20px 0; display:block; text-align:center; border-top:1px solid rgba(0,0,0,0.04); border-bottom:1px solid #eee; border-bottom:1px solid rgba(0,0,0,0.08); line-height:32px; vertical-align:middle; color:#000; position: relative; line-height:13px; 
background:rgba(0,0,0,0.04); 
background: -moz-linear-gradient(bottom, rgba(0,0,0,0.05) 0%, rgba(255,255,255,0.01) 100%);
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.05) 0%,rgba(160,160,160,0.05) 100%);
background: linear-gradient(bottom, rgba(0,0,0,0.05) 0%,rgba(255,255,255,0.01) 100%);}
.plan .pick-plan:before { content:""; position: absolute; top:0px; left:0; border-top:1px solid rgba(255,255,255,0.5); z-index: 9;}
.plan .pick-plan p { font-weight:bold; line-height:31px; }
.plan .pick-plan a.btn { position:relative; z-index:6; }
.plan .top { border-top: none; padding: 20px 0; }

/* ie */
.plan.basic .heading { background:#89bf47; }
.plan.professional .heading { background: #30ab86 }
.plan.business .heading { background: #58c6d3 }
.plan.premier .heading { background: #2894bf }
.plan.enterprise .heading { background:#2a2a2a  }
.plan.forms .heading { background:#8fccd6 }
.plan .heading { background: #2a2a2a }

#plan-table .plan .heading { font-family:helvetica; position: relative; 
  /* transparent in everything but IE */
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);
}



.plan.basic h2 {  
  background: #78b41e;
  background: -moz-linear-gradient(top, #78b41e 0%, #6eaa14 100%);
  background: -webkit-linear-gradient(top, #78b41e 0%,#6eaa14 100%);
  background: linear-gradient(top, #78b41e 0%,#6eaa14 100%);
}

.plan.basic .heading {  position: relative;}
.plan.basic .heading strong {
  position: relative;
  background: #89bf47;
  background: -moz-linear-gradient(top, #a8d15f 0%, #89bf47 100%);
  background: -webkit-linear-gradient(top, #a8d15f 0%,#89bf47 100%);
  background: linear-gradient(top, #a8d15f 0%,#89bf47 100%);
  overflow:hidden;
}
.plan.basic .plan-arrow:before, .basic .plan-arrow:after { background:#89bf47;}
#basic-col.selected   { background:#ebffd8; }

.plan.professional h2 {  
  background: #05a67b;
  background: -moz-linear-gradient(top, #05a67b 0%, #059f72 100%);
  background: -webkit-linear-gradient(top, #05a67b 0%,#059f72 100%);
  background: linear-gradient(top, #05a67b 0%,#059f72 100%);
}
.plan.professional .heading strong {
  background: #30ab86;
  background: -moz-linear-gradient(top, #45bc9c 0%, #30ab86 100%);
  background: -webkit-linear-gradient(top, #45bc9c 0%,#30ab86 100%);
  background: linear-gradient(top, #45bc9c 0%,#30ab86 100%);
}
.plan.professional .plan-arrow:before, .professional .plan-arrow:after { background:#30ab86;}
#professional-col.selected  { background:#d8ffe6; }


.plan.business h2 {  
  background: #32c3cf;
  background: -moz-linear-gradient(top, #32c3cf 0%, #27acc2 100%);
  background: -webkit-linear-gradient(top, #32c3cf 0%,#27acc2 100%);
  background: linear-gradient(top, #32c3cf 0%,#27acc2 100%);
}
.plan.business .heading strong {
  background: #43b4c8;
  background: -moz-linear-gradient(top, #58c6d3 0%, #43b4c8 100%);
  background: -webkit-linear-gradient(top, #58c6d3 0%,#43b4c8 100%);
  background: linear-gradient(top, #58c6d3 0%,#43b4c8 100%);
}
.plan.business .heading sub { position: relative;}
.plan.business .heading sub:before { background:red; position:absolute; top:0; width:20px; height:30px; display:block; z-index:999;}
.plan.business .plan-arrow:before, .business .plan-arrow:after { background:#43b4c8;}
#business-col.selected { background:#dcf8fb; }

.plan.forms h2 {  
  background: #8fccd6;
  background: -moz-linear-gradient(top, #8fccd6 0%, #7fb9c1 100%);
  background: -webkit-linear-gradient(top, #8fccd6 0%,#7fb9c1 100%);
  background: linear-gradient(top, #8fccd6 0%,#7fb9c1 100%);
}
.plan.forms .heading strong {
  background: #8fccd6;
  background: -moz-linear-gradient(top, #8fccd6 0%, #7fb9c1 100%);
  background: -webkit-linear-gradient(top, #8fccd6 0%,#7fb9c1 100%);
  background: linear-gradient(top, #8fccd6 0%,#7fb9c1 100%);
}
.plan.forms .plan-arrow:before, .forms .plan-arrow:after { background:#7fb9c1;}
#forms-col.selected  { background:#e6e6e6; }



.plan.enterprise h2 {  
  background: #3a3a3a;
  background: -moz-linear-gradient(top, #3a3a3a 0%, #1b1b1b 100%);
  background: -webkit-linear-gradient(top, #3a3a3a 0%,#1b1b1b 100%);
  background: linear-gradient(top, #3a3a3a 0%,#1b1b1b 100%);
}
.plan.enterprise .heading strong {
  background: #2a2a2a;
  background: -moz-linear-gradient(top, #393939 0%, #2a2a2a 100%);
  background: -webkit-linear-gradient(top, #393939 0%,#2a2a2a 100%);
  background: linear-gradient(top, #393939 0%,#2a2a2a 100%);
}
.plan.enterprise .plan-arrow:before, .enterprise .plan-arrow:after { background:#2a2a2a;}
#enterprise-col.selected  { background:#eee; }



.plan.premier h2 {  
  background: #2894bf;
  background: -moz-linear-gradient(top, #37b1d0 0%, #2894bf 100%);
  background: -webkit-linear-gradient(top, #37b1d0 0%,#2894bf 100%);
  background: linear-gradient(top, #37b1d0 0%,#2894bf 100%);
}
.plan.premier .heading strong {
  background: #45a2c7;
  background: -moz-linear-gradient(top, #5bb6d3 0%, #45a2c7 100%);
  background: -webkit-linear-gradient(top, #5bb6d3 0%,#45a2c7 100%);
  background: linear-gradient(top, #5bb6d3 0%,#45a2c7 100%);
}
.plan.premier .plan-arrow:before, .premier .plan-arrow:after { background:#45a2c7;}
#premier-col.selected  { background:#e6e6e6; }


/* default color */
.plan h2 {  
  background: #3a3a3a;
  background: -moz-linear-gradient(top, #3a3a3a 0%, #1b1b1b 100%);
  background: -webkit-linear-gradient(top, #3a3a3a 0%,#1b1b1b 100%);
  background: linear-gradient(top, #3a3a3a 0%,#1b1b1b 100%);
}
.plan .heading strong {
  background: #2a2a2a;
  background: -moz-linear-gradient(top, #393939 0%, #2a2a2a 100%);
  background: -webkit-linear-gradient(top, #393939 0%,#2a2a2a 100%);
  background: linear-gradient(top, #393939 0%,#2a2a2a 100%);
}

.signup {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #ffa200;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#d6d6d6);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ffffff),
		to(#d6d6d6));
	background-color: #fff;       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#ffffff);
zoom:1;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 3px solid #ffbf00;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.1),
		0px 1px 0px rgba(255,255,255,1);
}