﻿* 
{
	margin:0;
	padding:0;
	
}

html 
{
	text-align:center;
	background-color:#c7e2fd;
}

body 
{
	text-align:left;
	margin:0 auto;	
	width:974px;
	font-family:Tahoma ,sans-serif;
	color:#363a43;
}

#register-page {width:100%; height:100%; background:#fff}
#register-page body {width:auto; position:relative;  min-height: 100%;}
* #register-page body {height:100%;}

form {margin:0; padding:0;}

/* -------------------------------------------------
-- Global 
------------------------------------------------- */
h1 {font-size:34px;}

h2 {font-size:22px;}

h3 {font-size:20px;}

h4 {font-size:15px;}

a, a:link, a:visited, a:hover {color:#007de3; text-decoration:none; outline:0;}
a:hover{text-decoration:underline;}

    a img {border:0;    }
p {}

ul {list-style-type:none; margin-bottom:8px;}

ol {padding-left:22px;}

ol li {line-height:18px; margin:6px 0;}

abbr {border:none; }

select {font-family:"Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;color:#363a43; }

input {font-family:"Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;color:#363a43; }

/* -------------------------------------------------
-- Layout
------------------------------------------------- */




#header {background:url(img/header_sides_shadow_wide.gif) 0 bottom no-repeat;}
#register-page #header {background:none;}

#header div {background-color:#003562; width:960px; margin: 0 auto;}

/* #header div {background-color:#003562; width:960px; margin: 0 auto; overflow:auto; display:inline-block;} */
#register-page #header div {width:auto;overflow:auto; display:inline-block;}


#header h1 a
{
	text-indent:-9999px;
	height:64px;
	margin-left:22px;
	width:268px;
	display:block;
	background:url(img/logo2.gif) no-repeat 0 19px;
}

#quick-links {display:inline-block; padding-top:18px;}         
#quick-links li {float:left;  border-left:1px #007DE3 solid; line-height:12px;}
#quick-links li.register {border:0;}
#quick-links li a {display:block; font-size:12px; color:#92B927; text-transform:uppercase; margin-left:11px; padding-right:10px; outline:0;}


#ctl00_SiteMapPath1 /* breadbrumb */
{
    display:block;   
    padding:13px 0 3px; 
    font-size:12px;
}

#content 
{
	background: url(img/content_sides_shadow.gif) 0 0 repeat-y;
	overflow:auto;	
}

#register-page #content  {background:none;padding:15px 20px 15px 45px;  background-color:#fff;}
#register-page #content  h3 {color:#007DE3; margin-bottom:15px;}

#content #content-shadow
{
	width:934px;
	margin:0 auto;
	padding:0 13px 40px;	
	background:url(img/content_div_bg.gif) no-repeat 0 0;
}

/* -------------------------------------------------
-- top navigation 
------------------------------------------------- */


ul#topnav
{
	width:952px;
	z-index: 100;
/*	position: relative;	*/
	margin:0 auto;	
	background:url(img/topnav_a_bg.gif) 0 0 repeat-x;	
	text-align:center;
	height:36px;
	position:relative;
	clear:both;
}

ul#topnav li 
{
    
    float: left;
    position: relative;
	/*display:inline;*/
	line-height:36px;
	position:relative;
}
#topnav li a:visited 
{
    display:block;
	float:left;
	text-decoration:none;
	font-size:15px;	
	padding-left:31px;
	padding-right:27px;
	border-right:1px black solid;
}


#topnav li a:link {display:block; float:left; text-decoration:none; font-size:15px;	padding-left:31px; padding-right:27px; border-right:1px black solid;}
#topnav li a {display:block; float:left; text-decoration:none; font-size:15px;	padding-left:31px; padding-right:27px; border-right:1px black solid;}
ul#topnav li a.last {border:none;padding: 0 26px 0 31px;}
ul#topnav li a:visited {color:#ffffff;}
ul#topnav li a {color:#ffffff;}
ul#topnav li a:hover {color:#33bae9;}
ul#topnav li:hover ul {display:block;}
ul#topnav li a.active {background:#2eb1e3;}
ul#topnav li a.active:hover {color:#ffffff;}
	

/* --: sub menu :-- */

ul#topnav ul 
{
    border: 1px solid #003562;  
    border-top:none;
    position: absolute;
    top: -999em;
    left: -1px;
}

ul#topnav ul li {float:none; background:black; line-height:25px; }


#topnav ul li a, #topnav ul li a:link, #topnav ul li a:visited   
{
    margin:0;
    padding:0;
    float:none;
    display: block;
    width:155px;
    background:url(img/sub-menu-bg.gif) 0 0 repeat-x;    
    color:#ffffff;
    border:none;
    border-top: 1px solid #003562; 
   
}

#topnav li.sfHover ul a {
   
}

#topnav li:hover ul a {
 
}

#topnav li.sfHover ul a:hover {
   color:#33bae9;	
}

#topnav li:hover ul a:hover {
   color:#33bae9;	
}

#topnav li.sfHover ul {
  top: 36px;
}

#topnav li:hover ul {
  top: 36px;
}

#topnav ul a:hover {

}

/*------------------*/




/* -------------------------------------------------
-- home page
------------------------------------------------- */
.TM {
	font-size: xx-small;
	vertical-align:super;
}


#teaser 
{
/*	background: url(img/teaser_bg.gif) 0 100% no-repeat;	*/
	overflow:hidden;
	float:left;
	margin:10px 0 10px;
	padding:0;
}

#benefits {cursor:pointer;float:left; background:url(img/benefits-bg.gif) 1px 1px no-repeat; width:667px; padding-left:30px; height:287px; border:1px solid #D2E8FD;}


.alternative-homepage #benefits{float:right; height:auto; padding-left:0; width:697px; background:none; border:none; }
.alternative-homepage #lottery {background:url(img/benefits-bg.gif) 1px 1px no-repeat; padding-top:78px; height:209px; _display:inline-block; position:relative;}

#benefits h2 {font-size:20px; line-height:120%; color:red;margin:0.2em 0; padding: 0.5em 0 0.2em ;}
#benefits h3 {font-size:18px; margin:0.2em 0; padding:0.2em 0;}

#benefits p {margin:0.2em 0; padding:0.2em 0; line-height:150%;}


#benefits ul {overflow:auto; font-weight:bold;}
#benefits ul li {}

#benefits ul li{}
.alternative-homepage #lottery ul li {color:#FE1327;}

#benefits ul li.first {margin-left:0;}

#workflow {text-align:center; width:697px; margin-bottom:25px;}
#workflow h4 {font-size:18px;}
#workflow strong {color:#33BAE9; font-size:22px; display:block;}
#workflow ol {text-align:left; overflow:auto; padding:0; margin:0;list-style-type:none; list-style-position:inside; color:#01569C; font-size:16px; font-weight:bold; }
#workflow ol li {padding-top:174px; width:222px; float:left;   padding-right:15px;}
#workflow ol li.last {padding-right:0;}
#workflow ol li.one {background:url(img/homepage/step_1.gif) 0 0 no-repeat;}
#workflow ol li.two {background:url(img/homepage/step_2.gif) 0 0  no-repeat;}
#workflow ol li.three {background:url(img/homepage/step_3.gif) 0 0  no-repeat; }

#workflowT {text-align:center; width:797px; margin-bottom:25px;}
#workflowT h4 {font-size:18px;}
#workflowT strong {color:#33BAE9; font-size:20px; display:block;}
#workflowT ol {text-align:left; overflow:auto; padding:0; margin:0;list-style-type:none; list-style-position:inside; color:#01569C; font-size:16px; font-weight:bold; }
#workflowT ol li {padding-top:174px; width:222px; float:left;   padding-right:15px;}
#workflowT ol li.last {padding-right:0;}
#workflowT ol li.one {background:url(img/homepage/step_1.gif) 0 0 no-repeat;}
#workflowT ol li.two {background:url(img/homepage/step_2.gif) 0 0  no-repeat;}
#workflowT ol li.three {background:url(img/homepage/step_3.gif) 0 0  no-repeat; }


#workflowG {text-align:center; width:697px; margin-bottom:25px;}
#workflowG h4 {font-size:18px;}
#workflowG h3 {font-size:24px; display:block; color:#007de3; font-weight:bold; }

#workflowG ol {text-align:center; overflow:auto; padding:0; margin:0; list-style-type:none; list-style-position:inside; font-size:18px; font-weight:normal; }
#workflowG ol li {float:left;}
#workflowG ol li a {padding-top:190px; width:222px; display:block;   padding-right:15px;}
#workflowG ol li.last a {padding-right:0;}
#workflowG ol li.one a {background:url(img/homepage/step_1.gif) 0 0 no-repeat;}
#workflowG ol li.two a {background:url(img/homepage/step_2.gif) 0 0  no-repeat;}
#workflowG ol li.three a {background:url(img/homepage/step_3.gif) 0 0  no-repeat; }


#benefits  a.register {background:url(img/benefits-register-button.gif) 0 0;width:165px; height:47px; text-indent:-9999px; display:block; clear:left;}
.alternative-homepage #lottery a.register { position:absolute; top:30px; right:40px; background:url(img/homepage/button_register.gif) 0 0;}

ul#tools{float:right;}
	#tools li{width:223px;background:url(img/tool_bg.gif) 0 0 no-repeat;}
	
		#tools li a {color: #92b927;text-decoration:none;font-weight:bold;font-size:14px;}
		#tools li a img {border:none;padding-left:3px;}
		
		#tools li#calculate-bonus {width:205px;padding-left:18px;margin-top:10px;padding-top:30px;height:109px;}
        #tools li#calculate-bonus img{margin-right:14px;}
		
		#tools li#register {position:relative;height:119px;padding-left:20px;width:203px;padding-top:20px;}
		
		#tools li#register h3{margin-bottom:12px; text-transform:uppercase; color:#003562; font-size:20px; font-weight:900; line-height:100%;}
		#tools li#register img#medal {position:absolute; left:65%; top:40%;}				
		
.alternative-homepage ul#tools {float:left;}
.alternative-homepage ul#tools li {background:none; border-bottom:7px #01569C solid; padding-left:8px; width:217px; padding-top:5px;}		
.alternative-homepage ul#tools h3 {font-size:20px; color:#FE1327; }
.alternative-homepage ul#tools strong {display:block; color:#363A43; font-size:14px; font-weight:normal;}
.alternative-homepage ul#tools a {display:block; color:#2271D1;}

.alternative-homepage ul#tools li#register {background:url(img/homepage/icon_golden_lock.gif) 3% 0% no-repeat; height:auto; padding:5px 0 10px 48px; width:177px;}
.alternative-homepage ul#tools li#register h3 {text-transform:none; font-size:16px; color:#42454A; margin-bottom:0;}

.alternative-homepage #tools li#calculate-bonus {margin-bottom:0; padding-top:15px; height:100px; width:207px;}
.alternative-homepage #tools li#calculate-bonus h3 { font-size:16px; color:#42454A}

.alternative-homepage #tools #no-cost {padding-bottom:28px; background:url(img/homepage/icon_free.gif) 100% 10px no-repeat;}
.alternative-homepage #tools #no-cost h3 {font-size:15px; font-weight:bold; padding-top:20px; color:#42454A;}
.alternative-homepage #tools #no-cost strong {color:#FE1327; font-size:14px; font-weight:bold;}


.alternative-homepage ul#tools li#speciality {background:url(img/homepage/icon_your_speciality.gif) 175px 5px no-repeat; }
.alternative-homepage ul#tools li#speciality a {margin-bottom:13px;}

.alternative-homepage ul#tools li#simple  {border:none;}
.alternative-homepage ul#tools li#simple a {margin-bottom:13px;}
					

/* ---------------------------------------------------------------- */

#read-more 
{
	overflow:hidden;
	border-bottom:5px solid #666666;
	float:left;	
	margin:0;
	padding-bottom:4px;

	
}

	#read-more li
	{
		border-top:5px solid #666666;
        float:left;
		width:226px;
		margin:0 10px 0 0;	
		background-color:#f7f8f9;				
	}
		#read-more li.last
		{
			margin-right:0px;	
		}
		
		/* background images 
		
		#read-more div li.free {background:#f7f8f9 url(img/read-more-free_bg.gif) no-repeat;}
		#read-more li.security {background: url(img/read-more-security_bg.gif) no-repeat 100% 100%;}
		*/
		#read-more li h3 
		{			
			/* border-bottom:1px solid #d1d1d1;*/
			color: #92b927;
			font: 22px;
			line-height:35px;
			padding:0 10px;
			background: #ffffff url(img/read-more-h3_bg.gif) repeat-x 0 100%;	
		}
				
			#read-more li p 
			{
				color:#363a43;
				font-size:14px;			
				padding:18px 10px 0;
				height:108px;
			}
				
			
			#read-more li.free p {background: url(img/read-more-free_bg.gif) no-repeat 95% 30%;}
			
			#read-more li a 
			{
				display:block;	
				color:#007de3; 
				font-size:14px;
				font-weight:bold;
			}
			
				#read-more li a img 
				{
					vertical-align:baseline;
				}

#home-content
{
	font-size:14px;
	clear:left;
}

#home-content  h3
{
	text-transform:uppercase;
	color:#007de3;
    padding-top:15px;	
}

#home-content ul 
{
    margin-top:5px;
}

#home-content ul li 
{
    line-height:23px;    
}

div.hr 
{
	height:5px;
	background: url(img/hr_bg.gif) repeat-x top center;
}	

#register-page .hr 
{
    background:url(img/register_hr_bg.gif) repeat-x;
    height:7px;
    border:0;
    line-height:0px;
    width:auto;
    
}


/* -------------------------------------------------
-- inner
------------------------------------------------- */


	
	#inner h2.title
		
	{			
		/* border-bottom:1px solid #d1d1d1;*/
		color: #92b927;
		font: 24px;
		margin-top:3px;	
		/* margin-bottom:12px; */
		padding-bottom:27px;
		text-transform:uppercase;
				
		background:url(img/inner_h3_bg.gif) repeat-x bottom left;
	}

	#inner-content 
	{
		padding:0 13px;
		font-size:13px;
		min-height:400px;
	}
	
	#inner-content2
	{
		padding:0 13px;
		font-size:13px;
		color:#787878;
	}
	
	#inner-content3
	{
		padding:0 13px;
		font-size:13px;
		color:#505050;
	}
	
	#inner .screenshot 
	{
	    float:right;
	   	margin-top:7px;
		margin-left:7px;
		text-align:center;
	}
	
	#inner .screenshot cite {font-style:normal; color:#007DE3; width:450px; display:block;}
	
	#inner .screenshot img
	{
		
		border:1px solid #9acef8; 
		padding:5px;
	}
	
	#inner .screenshot object  /* flash video */
	{
	    margin-top:-30px;
	}
	
	
	#inner p
	{
		line-height:18px;
		margin:8px 0;
	}
	
	#inner h4 {line-height:22px; color:#007de3;}
	
	#inner h3 
	{
		font-size:14px;	
		color:#007de3;
		margin-top:18px;
	}
	
	a.resources 
	{
		color:#000000; 
		text-decoration:none;
	}
	
	a.resources:hover{
		text-decoration:underline;
		color:#007de3;
	}
	
	#inner div.clear {clear:both;}
	    

/* -------------------------------------------------
-- form
------------------------------------------------- */
* html ul.form li /*IE6-7 hack to eliminate whitespaces */ 
{
		overflow:hidden;
}
.apply-form-button
{
	display:block;	
	margin-left:1px;
	clear:left;
}

ul.form li {overflow:auto; clear:left;}

ul.form.landing-new { background: #F7F8F9 url(img/read-more-free_bg.gif) 10% 60% no-repeat;}

ul.form.landing-new li.submit {clear:none; background:url(img/calc.gif) 77% 0 no-repeat; height:95px; width:100%;}

ul.form.landing-new li label {clear:left;}

ul.form.landing-new .apply-form-button {
    float:none;
    position:relative;
    left:415px;
    
}


ul.form li div
{
	background-color:#f7f8f9; 
	margin:0 0 3px 0;
	padding:7px 35px 7px 11px;
	overflow:auto;
	float:left;	
	outline:0;
}

ul.form label
{
	font-size:14px;
	float:left;
	display:block;
}

ul.form input 
{
	width:198px;
	border:#7a9dbc 1px solid;
	display:block;
	float:right;	
	font-size:14px;
}

ul.form  select 
{
	width:200px;
	margin-left:11px;
}

ul.form select 
{
    _margin-left:8px;
}

ul.form li label.error
{
    font:14px;
    color:Red;
    font-weight:bold;
    float:left;
    display:block;
    line-height:34px;  
    margin-left:8px;  
}

/* large registration form */

ul.form.large {position:relative; display:inline-block; padding-bottom:30px;}
ul.form.large li#image  {position:absolute; right:0; top:0;}               
ul.form.large li {overflow:visible;}
ul.form.large label {width:250px; margin-left:8px; border-right:4px solid #fff; line-height:55px; font-size:18px;}

ul.form.large li div {padding:0;  width:100%; background-color:#F7F8F9;}
ul.form.large input {font-size:30px; width:255px; float:left; margin:7px 0 7px 6px;} 
ul.form.large select { font-size:20px; margin:7px 0 7px 6px; width:258px; margin-top:11px;}
* html ul.form.large select {margin-left:4px;} /* fix select left margin in IE6 */

.result 
{
    display:none;
}

/* -------------------------------------------------
-- form types
------------------------------------------------- */

ul#apply-form  
{
    width:363px;
}
ul#apply-form li div
{
	width:317px;
 	
}

#calculator-form li div
{
    width:700px;	 	
}

#calculator-form li div select {float:right;}

.landing #calculator-form li div
{
    width:465px;	 	
}
/* ------------------------------------------------- */

#calculator-result 
{
   display:none;
   margin-top:10px;   
}

#calculator-result table {width:100%; text-align:center; border-collapse:collapse;}
#calculator-result table th {font-size:26px; border-bottom:1px solid #000;}
#calculator-result table td {font-weight:bold; padding:5px 0;}
#calculator-result table tbody td {color:#FF0306; font-size:36px; width:50%;}
#calculator-result table tfoot td {color:#33BAE9; font-size:32px;}

#calculator-result a 
{
    text-decoration:none;
}

/* -------------------------------------------------
-- footer 
------------------------------------------------- */
#footer {background:url(img/footer_sides_shadow.gif) 0 0 repeat-y; clear:both;}
#register-page #footer {background:#C7E2FD; text-align:center;  position:absolute; bottom:0px; width:100%; } 

#footer div  {width:960px; margin:0 auto;}

#footer ul {background:url(img/footer_ul_bg.gif) 0 0 repeat-x; width:100%;}
#register-page #footer ul {background:none; margin:0 auto;}

#footer ul li {display:inline;	padding: 0 30px 0 0;}
#register-page #footer ul li {border-right:1px #69B5DC solid; border-left:1px #fff solid; padding:0 33px;margin-left:-5px;}
#register-page #footer ul li {*margin-left:0px;} /* cancel negative margin in IE7 */

#footer ul li a {line-height:30px; font-size:14px; text-decoration:none; color:#ffffff;}
#register-page #footer ul li a {color:#0C92D1;}

#footer ul li.first {padding-left:66px;}

#register-page #footer ul li.first {border-left:0;}
#register-page #footer ul li.last {border-right:0; padding-right:0}
/* -------------------------------------------------
-- colors
------------------------------------------------- */

.turkiz 
{
	color:#33bae9;
}

.orange 
{
	color:#f38226;
}

.green 
{
    color: #92b927;   
}

.red 
{
    color:#FF0306;
}
.red-dark 
{
    color:#C80219;
}


/* -------------------------------------------------
-- lists
------------------------------------------------- */

ul.diamond-blue-bullet li
{
	padding-left:16px;
	background: url(img/diamond_blue_bullet.gif) no-repeat 0 50%;
}

ul.diamond-blue-bullet li.top 
{
    background-position:0 6px;
}

ul.diamond-red-bullet li {padding-left:20px; background: url(img/diamond-red-bullet.gif) no-repeat 0 50%;}

ul.diamond-red-transparent-bullet li {_display:inline-block; background: url(img/diamond-red-transparent-bullet.gif) no-repeat 0 50%; padding-left:20px;}

ul.diamond-star-bullet li {padding-left:20px; background: url(img/diamond-star-bullet.gif) no-repeat 0 50%; line-height:180%; margin-bottom:10px;}

ul.diamond-star-bullet li.top { background-position:0 6px;}

ul.diamond-gray-bullet li
{
	padding-left:16px;
	background: url(img/diamond_gray_bullet.gif) no-repeat 0 70%;	
}

ul.diamond-gray-bullet li.last 
{
    background-position: 0 22%;    
}

/* -------------------------------------------------
-- tables
------------------------------------------------- */

/* ------ reports ------ */

table.report-table {width:100%; text-align:center;}

table.report-table tr th {background:#33BAE9;}

/* ------ webinar ------ */

.webinar table {border-collapse:collapse; border:1px solid #000;}
.webinar table th { padding:10px;  border:1px solid #000; background-color:#92B927; color:#fff; font-size:110%; letter-spacing:2px;}
.webinar table td { padding:10px;  border:1px solid #000;}

/* -------------------------------------------------
-- other
------------------------------------------------- */
.block {display:block;}

.line-break {display:block;}


/* -------------------------------------------------
-- page specific styles
------------------------------------------------- */

/* --: security $ privacy :-- */

div#security-logo 
{
    width:730px;
    margin:40px auto 0;    
}

div#security-logo img
{
    vertical-align:middle;
    margin-left:20px;
}




/* --- */

.landing #security-logo 
{
    margin-top:10px;
}
.landing hr 
{
    margin-top:60px;
}



    a.button, a.button:visited, a.button:hover {cursor:pointer; height:27px; color:#fff; font-family:arial; font-size:14px; text-decoration:none; font-family:Tahoma, Sans-Serif; display:block; }    
    a.button span {display:block; float:left; line-height:21px; height:27px;}
    a.button .text {line-height:27px; height:27px; padding-bottom:1px; width:auto; padding:0 14px; }
    a.button.blue .left {width:1px; background:url('img/button-blue-left.gif') no-repeat left top;}
    a.button.blue .text {background:url('img/button-blue-center.gif') repeat-x left top; letter-spacing:0.1em; }
    a.button.blue .right {width:3px; background:url('img/button-blue-right.gif') no-repeat left top;}
   
      
/* new landing page */

#screenshots img {display:block; margin-bottom:10px;}

