@charset "utf-8";
/* CSS Document */

/* RESET all browsers to zero */
* {    
     margin:0;   
     padding:0;   
 }
table {   
     border-collapse:collapse;   
     border-spacing:0;   
}   
 fieldset,img {    
     border:0;   
}   
address,caption,cite,code,dfn,em,strong,th,var {   
    font-style:normal;   
    font-weight:normal;   
}   
ol,ul {   
    list-style:none;   
}   
caption,th {   
    text-align:left;   
}   
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
q:before,q:after {   
    content:'';   
}   
abbr,acronym { border:0;   
}   

html, body {


}

/* ~~~~~~ PRESET SITE FONTS ~~~~~~ */

html {font-size:75%;} /*Set IE browsers to 12px standard font size */

body {
color:#444444;
font-family:"Arial",Verdana,Helvetica,sans-serif;
font-size:1em;
line-height:18px;
text-align:left;
}



/* ~~~~~~ PRESET CONTENT STYLES ~~~~~~ */
p, ul {
	padding-top:5px; padding-bottom:3px;
}
table {
	margin:10px 0;
}
table td {
	padding:5px;
}
h4, h5 {
	margin-top:18px;
}

h1, .mainbody h1 {font-size:2em; color:#000;}
h2, .mainbody h2 {font-size:1.62em; color:#000; padding-top:5px; padding-bottom:3px;}
h3, .mainbody h3 {font-size:1.0em; color:#000; font-weight:bold; padding-top:5px; padding-bottom:3px;}
h4, .mainbody h4 {font-size:1.0em; color:#000; font-weight:bold; padding-top:5px; padding-bottom:3px;}
h5, .mainbody h5 {font-size:1.0em; color:#000; font-weight:normal; padding-top:5px; padding-bottom:3px;}


#placeContainer {position:absolute; top:0; left:0; overflow-y:auto; width:100%; height:100%;
background:url(../images/waves.png) top left repeat-x; _background:url(../images/wavesie6.jpg) top left repeat-x;}

#container{
margin:0 auto;
	width: 1010px;
	text-align: left;
	padding:0px;
	border:0px;
	overflow:hidden;
}

#main {
	margin:0 auto;
	width: 960px;
	text-align: left;
	padding:0px;
	border:0px;
	overflow:hidden;
}
#containerHolder{
	position:relative;
	width:960px;
	overflow:hidden;
}

/* ~~~ HEADER SECTION ~~~ */

	#header {
		width:980px;
		height:110px;
		position:relative;
	}
	#logo {
		position:absolute;
		height:100px;
		width:350px;
		
		left:10px;
	}
	
	#plogo {
		position:absolute;
		height:100px;
		width:350px;
		
		right:10px;
		
	}
	
		#logo table, #plogo table {
			margin:0;
			padding:0;
		}	
			#logo table td, #plogo table td {
				padding:0;
			}
	#mainButtons{
		display:none;
		position:relative;
		float:left;
		width:540px;
		padding-top:45px;
	}
		
	#trustlogo{
	
	x-index:1;
	position:absolute;
	top:540px;
	left:588px;
	
	}


	
/* ~~~ MAIN BODY SECTION ~~~ */
	
	#mainAreaHome{
		height:491px;
		width:1010px;
		background-image:url(../images/home/home-bg.png);
		background-repeat:no-repeat;	
		position:relative;
		float:left;
	}
	
	#mainArea{
		height:491px;
		width:1010px;
		background-image:url(../images/center-bg.png);
		background-repeat:no-repeat;	
		position:relative;
		float:left;
	}
	
	
	#mainResults{
		height:491px;
		width:1010px;
		background-image:url(../images/results_bg.png);
		background-repeat:no-repeat;	
		position:relative;
		float:left;
	}
	
	
	
	
	
	
	#mainAreaAdmin{
		height:446px;
		width:876px;
		background-image:url(../images/content_bg_admin.jpg);
		background-repeat:no-repeat;	
		position:relative;
		float:left;
	}
		#content{
			margin-left:25px;
			_margin-left:12px;
			margin-top:30px;
			position:relative;
			float:left;
			width:960px;
			height:420px;
		}
		#seeit{	
			Z-index:1000;
			position:absolute;
			right:54px;
			top:-93px;
			height:100px;
			width:440px;
		}
			#seeit img.description {
				z-index:5000;
				position:absolute;
				top:0;
				left:0;
			}
			#nav-example {
				background:url("../images/button-sprite.gif") top right no-repeat;
				width:180px;
				height:48px;
				margin:0;
				padding:0;
				position:absolute;
				bottom:0px;
				right:0px;
			}
				#nav-example span {
					display: none;
				}		
				#nav-example li, #nav-example a {
					height:48px;
					display:block;
				}
				#nav-example li {
					float:left;
					list-style:none;
					display:inline;
				}
				#nav-example-01 {width: 176px;}
				#nav-example-02 {width: 180px;}		
				#nav-example-01 a:hover {background:url("../images/button-sprite.gif") 0px -48px no-repeat; }
				#nav-example-02 a:hover {background:url("../images/button-sprite.gif") right -48px no-repeat; }
			#getit{
			x-index:1;
			position:absolute;
			top:35px;
			left:800px;
			}


	#mainMenu{
		background-image:url(../images/nav_bg.gif);
		background-repeat:no-repeat;
		height:40px;
		width:530px;
		position:relative;
		float:left;
		padding-top:12px;
		overflow:hidden;
	}
	#innerLinks{
		width:530px;
		height:20px;
		margin:0;
		padding:0;
		x-index:2000;
	}
	 #innerLinks span {
		display: none;
    }
    #innerLinks li, #innerLinks a {
		height:21px;
		display:block;
    }
    #innerLinks li {
		float:left;
		list-style:none;
		display:inline;
    }
	#innerLinks1 {width:57px; padding-left:25px;}
	#innerLinks1 a {background:url("../images/nav_sprite.gif") 0px 0px no-repeat; }
	#innerLinks1 a:hover {background:url("../images/nav_sprite.gif") 0px -21px no-repeat; }
	#innerLinks1 .active {background:url("../images/nav_sprite.gif") 0px -21px no-repeat; }
	
	#innerLinks2 {width:116px; padding-left:55px;}
	#innerLinks2 a {background:url("../images/nav_sprite.gif") 30% 0px  no-repeat; }
	#innerLinks2 a:hover {background:url("../images/nav_sprite.gif") 30% -21px no-repeat; }
	#innerLinks2 .active {background:url("../images/nav_sprite.gif") 30% -21px no-repeat; }
	
	
	#innerLinks3 {width:94px; padding-left:60px;}
	#innerLinks3 a {background:url("../images/nav_sprite.gif") 80% 0px  no-repeat; }
	#innerLinks3 a:hover {background:url("../images/nav_sprite.gif") 80% -21px no-repeat; }
	#innerLinks3 .active {background:url("../images/nav_sprite.gif") 80% -21px no-repeat; }
	
	
	#innerLinks4 {width:40px; padding-left:60px;}
	#innerLinks4 a {background:url("../images/nav_sprite.gif") 100% 0px  no-repeat; }
	#innerLinks4 a:hover {background:url("../images/nav_sprite.gif") 100% -21px no-repeat; }
	#innerLinks4 .active {background:url("../images/nav_sprite.gif") 100% -21px no-repeat; }

	div.terms {
		font-size:0.83em;
	}
	
	.scroll{
		position:relative;
		float:left;
		display:block;
		height:260px;
		overflow:auto;
		padding-right:25px;
		border-right:0;
		margin: 0;
		left:0;
		top:0;
		width: 502px;
		/* fixes has-layout-bug in IE6*/
		zoom:1;
		padding-left:10px;
		
	}
	.scroll-home{
		position:relative;
		float:left;
		display:block;
		height:300px;
		overflow:hidden;
		border-right:0;
		margin: 0;
		left:0;
		top:0;
		width: 545px;
		/* fixes has-layout-bug in IE6*/
		zoom:1;
	}
	#innerTitle, h1{
		color:#000;
		font-size:1.8em;
		padding-bottom:10px;
		font-family: Century Gothic, Arial, Helvetica, sans-serif;
	}
	h2{
		color:#000;
		font-size:1.2em;
		padding-bottom:6px;
		padding-top:10px;
		font-family: Century Gothic, Arial, Helvetica, sans-serif;
	}
	#innerText{
		color:#000;
		font-size:1.2em;
		font-family: Century Gothic, Arial, Helvetica, sans-serif;  
	}
	#innerImage{
		position:absolute;
		bottom:0px;
		color:#000;
		font-size:1.2em;
		font-family: Century Gothic, Arial, Helvetica, sans-serif;  
	}
	#innerText ul {
		list-style-type:none;
		margin-left:15px;
	}
	#innerText ul li {
		background:transparent url(/build/ticks.gif) no-repeat scroll 0 8px;
		_background:none;
		display:block;
		font-size:1em;
		list-style-type:none;
		_list-style-type:square;
		margin-left:0;
		padding:5px 5px 5px 20px;
	}
#innerText ul li ul {
	list-style-type:circle;
}
#innerText ul.alphalist {
	margin-left:15px;
	list-style-type:lower-alpha;	
}
#innerText ul.romanlist {
	margin-left:15px;
	list-style-type:lower-roman;
}

#innerText ul.numlist {
	margin-left:20px;
	list-style-type:decimal;
}
#innerText ul.arrowlist, #innerText ul.ticklist{
	list-style-position:outside;
	_list-style-position:inside;
	list-style-type:none;
	list-style-image:none;
}
#innerText ul.ticklist li {
	margin-left:0px;
	background:url(../images/tick_2.gif) top left no-repeat;
	_background:none;
	_list-style-type:disc;
	padding:3px 0 3px 20px;
	display:block;
	overflow:hidden;
}
#innerText ul.arrowlist li {
	margin-left:0;
	padding-left:15px;
	_list-style-type:square;
	background:url(../images/arrow2.gif) 0px 11px no-repeat;
	_background:none;
	font-size:1.0em;
	display:block;
}


.clear {
	clear:both;
	padding:0px;
	margin:0px;
}


 a:link{ color: #e6e3e0;  }

 a:visited{ color: #e6e3e0; }

a:hover, a:focus{ color: #000;	text-decoration:none; }


a:link, a:visited {
	color:#d65c09;
	font-weight:bold;
	outline:none;
	text-decoration:underline;
	
}
a:hover, a:active {
	color:#003466;
	font-weight:bold;
	text-decoration:none;
	outline:none;
}





#options{ margin:0px; padding:0; width:960px; position:relative; clear:both; float:left; }
#options ul{ margin:0; padding:0; margin-top:5px;  }

#options ul li{ *display:inline;  }

#options li{
	margin:5px 0 5px 175px;
	*margin:5px 150px 5px 150px;
	padding:0;
	list-style:none;
	
	padding:0 0 0 36px;
	*padding:0 0 0 0px;
	display:inline-block;
	
	width:250px;
	*width:180px;
	text-align:center;
	outline-style:none;
}

#options li.active{
	background:url('../images/buttons/tick.png') no-repeat;
		_background:url('../images/buttons/tick.gif') no-repeat;
	outline-style:none;
}

#options li a span{
	display:none;
	outline-style:none;
}

/*a.option1{ background:url('../images/pick-me.gif') no-repeat;}
a.option2{ background:url('../images/pick-me.gif') no-repeat;}*/ 

	/* BEGIN CSS */
	.fadeThis {
		position:relative;
		display:block;
		height:25px;
		width: 90px;
		background:url(../images/PickMe_Sprite.gif) 0 0 no-repeat;
		outline-style:none;
	}
	
	.fadeThis * {
	  display: none;
	}
	
	a#link2 span.hover, a#link1 span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 25px;
		width: 90px;
		background:url(../images/PickMe_Sprite.gif) 0 -25px no-repeat;
		outline-style:none;
	}
	
	
	
	.fadeThisSub {
		position:relative;
		display:block;
		height:25px;
		width: 139px;
		background:url(../images/Proceed_Sprite.gif) 0 0 no-repeat;
		outline-style:none;
		border:none;
	}
	
	.fadeThisSub * {
	  display: none;
	}
	
	.fadeThisSub span.hover {
		


		/*display: block;
		height: 25px;
		width: 139px;
		background:url(../images/Proceed_Sprite.gif) -3px -27px no-repeat;
		outline-style:none;
		border:none;
		margin:0px;
		padding:0px;
		*/
		
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 25px;
		width: 139px;
		background:url(../images/Proceed_Sprite.gif) 0 -26px no-repeat;
		outline-style:none;
			
	
	}
	
	
	
		
	.fadeThisInfo {
		position:relative;
		display:block;
		height:25px;
		width: 26px;
		background:url(../images/buttons/info.gif) 0 0 no-repeat;
		outline-style:none;
		border:none;
	}
	
	.fadeThisInfo * {
	  display: none;
	}
	
	.fadeThisInfo span.hover {
		


		/*display: block;
		height: 25px;
		width: 139px;
		background:url(../images/Proceed_Sprite.gif) -3px -27px no-repeat;
		outline-style:none;
		border:none;
		margin:0px;
		padding:0px;
		*/
		
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 25px;
		width: 26px;
		background:url(../images/buttons/info.gif) 0 -26px no-repeat;
		outline-style:none;
			
	
	}
	
#nextStepInfo{ margin-left:50px;}	
	
#largeImage {
position: absolute;
top:-100px;	

}	

		
	
	
	
	
	 .fadeThisAns {
		position:relative;
		display:block;
		height:25px;
		width: 139px;
		background:url(../images/nextq_sprite.gif) 0 0 no-repeat;
		outline-style:none;
	}
	
	 .fadeThisAns * {
	  display: none;
	}
	
	 .fadeThisAns span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 25px;
		width: 139px;
		background:url(../images/nextq_sprite.gif) 0 -26px no-repeat;
		outline-style:none;
	}
	
	
	
		 .fadeThisFirst {
		position:relative;
		display:block;
		height:25px;
		width: 141px;
		background:url(../images/buttons/letsGoPhishing.gif) 0 0 no-repeat;
		outline-style:none;
	}
	
	 .fadeThisFirst * {
	  display: none;
	}
	
	 .fadeThisFirst span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 25px;
		width: 141px;
		background:url(../images/buttons/letsGoPhishing.gif) 0 -26px no-repeat;
		outline-style:none;
	}
	
	
	
	/**/
		 .fadeThisGoFirst {
		position:relative;
		display:block;
		height:25px;
		width: 90px;
		background:url(../images/buttons/tryAgain.gif) 0 0 no-repeat;
		outline-style:none;
	}
	
	 .fadeThisGoFirst * {
	  display: none;
	}
	
	 .fadeThisGoFirst span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 25px;
		width: 90px;
		background:url(../images/buttons/tryAgain.gif) 0 -26px no-repeat;
		outline-style:none;
	}
	
	
	/**/
	
	
	
	
			 .fadeThisGoEmail {
		position:relative;
		display:block;
		height:22px;
		width: 141px;
		background:url(/images/buttons/addThis.gif) 0 0 no-repeat;
		outline-style:none;
	}
	
	 .fadeThisGoEmail * {
	  display: none;
	}
	
	 .fadeThisGoEmail span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 22px;
		width: 141px;
		background:url(/images/buttons/addThis.gif) 0 -23px no-repeat;
		outline-style:none;
	}
	
	
		 .fadeThisClose {
		position:relative;
		display:block;
		height:25px;
		width: 61px;
		background:url(../images/buttons/closePQ.gif) 0 0 no-repeat;
		outline-style:none;
	}
	
	 .fadeThisClose * {
	  display: none;
	}
	
	 .fadeThisClose span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 25px;
		width: 61px;
		background:url(../images/buttons/closePQ.gif) 0 -26px no-repeat;
		outline-style:none;
	}
	
	
	
	
	
	
		 .fadeThisRes {
		position:relative;
		display:block;
		height: 25px;
		width: 139px;
		background:url(../images/results_sprite.gif) 0 0 no-repeat;
		outline-style:none;
	}
	
	 .fadeThisRes * {
	  display: none;
	}
	
	 .fadeThisRes span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 25px;
		width: 139px;
		background:url(../images/results_sprite.gif) 0 -26px no-repeat;
		outline-style:none;
	}
	
	

/*
a.option1,  a.option2{
	background-position:bottom;
	display:block;
	width:90px;
	height:33px;
}

a.option1:hover, a.option2:hover{
	background-position:bottom;
}

#options li a.active{
	background-position:bottom !important;
}

*/

#fancyradioform{display:block}



div.nextStep{ position:absolute; bottom:15px;  *bottom:12px; left:415px;}

div.firstQuestion{ position:absolute; bottom:60px; right:62px;}

div.startAgain{ position:absolute; bottom:20px; left:16px;}


div.emailFriend{ position:absolute; bottom:-30px; left:16px;}


/*Admin 


.step1DropDownLeft {
	text-align:left;
	float:left;
	padding-left:10px;
	width:150px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
}	
.step1DropDownRight {
	width:250px;
	text-align:left;
	float:left;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
}	

*/
.clearAll
{
	position:relative;
	margin:0px;
	padding:0px;
	border:0px;
	font-size:1px;
	line-height:0px;
	clear:both;
}
#Footer{ color:#FFFFFF; margin-top:5px; position:relative; float:left; width:1010px;}
#Footer div.copyright{ margin-left:8px;  position:relative; float:left; padding-left:20px;}
div#Footer div.siteBy{position:relative; float:right;  margin-right:8px; font-size:10px; padding-right:20px; }
#flashTime {
	display:block;
	height:261px;
	width:250px;
	position:absolute; 
	top:25px; 
	left:34px;
}


/*  SETUP OF IMAGE FADER */

#slider , #slider2 {

	/* You MUST specify the width and height */
	width:476px;
	height:370px;
	position:relative;	
	overflow:hidden;
}

#mask-gallery, #mask-gallery2 {
	
	overflow:hidden;	
}

#gallery, #gallery2 {
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	z-index:0;
	
	/* width = total items multiply with #mask gallery width */
	width:476px;
	overflow:hidden;
}

	#gallery li, #gallery2 li {

		
		/* float left, so that the items are arrangged horizontally */
		float:left;
	}


#mask-excerpt, #mask-excerpt2 {
	
	/* Set the position */
	position:absolute;	
	top:0;
	left:0;
	z-index:500px;
	
	/* width should be lesser than #slider width */
	width:476px;
	overflow:hidden;	
	

}
	
#excerpt, #excerpt2 {
	/* Opacity setting for different browsers */
	
	
	/*
	
	filter:alpha(opacity=90);
	-moz-opacity:0.9;  
	-khtml-opacity: 0.9;
	opacity: 0.9;  
	
	
	*/
	
	
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position */
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	
	/* Set the style */
	width:476px;
	/*background-color:#000;*/
	overflow:hidden;
	font-family:arial;
	font-size:10px;
	color:#fff;	
}

	#excerpt li , #excerpt2 li {
		padding:0px;
	}
	


.clear {
	clear:both;	
}

/* table */

table#results {width:450px; margin-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#003466;}

table#results tr { width:450px; border-bottom:1px #FFFFFF solid; height:45px;}

table#results tr.noBtmLine { width:450px; border:none; height:45px;}

table#results td {width:180px;}

.resultsM { padding-left:15px; padding-top:15px; width:450px; height:250px;}

div#currentStep{ position:absolute; right:25px; top:25px;}


   #supersize img, #supersize a{
            height:100%;
            width:100%;
            display:none;
        }
        #supersize .activeslide, #supersize .activeslide img{
            display:inline;
        }
        body {
            overflow:hidden;/*Needed to eliminate scrollbars*/
            height:100%;
            width:100%;
        }
		


div#socialNetwork {
position: absolute;
color:#FFFFFF;
border:1px solid #CCCCCC;
width:248px;
overflow:hidden;

}	

div#socialNetwork div#title{ position:relative; float:left; background:url(../images/social/bg.gif) repeat-y; width:246px; padding:3px; border-bottom:1px solid #626264;  }

div#socialNetwork div#left{  position:relative; float:left; width:115px; padding-left:10px; background-color:#fff; color:#666666; font-size:11px;}

div#socialNetwork div#right{ position:relative; float:right; width:118px; padding-right:5px; background-color:#fff;  color:#cccccc;  font-size:11px;}

div#socialNetwork div.object{ position:relative; float:left; width:115px; padding:3px 0px 3px 0; border-bottom:1px solid #cccccc; }

div#socialNetwork div.last{ border-bottom:none; }

div#socialNetwork div.image{ position:relative; float:left; width:30px; padding-top:2px;}

div#socialNetwork div.link{ position:relative; float:left; width:70px;}

div#socialNetwork a:link{ color: #000; text-decoration:none; font-weight:normal  }

div#socialNetwork a:visited{ color: #000;  text-decoration:none; font-weight:normal   }

div#socialNetwork a:hover, div#socialNetwork a:focus{ color: #000;	text-decoration:underline; font-weight:normal  }


div#sendFriendTitle{ margin:10px 0 10px 0;} 


.step1DropDown{
	




float:left;
position:relative;
margin:0 0 0 5px;
padding:10px 20px 10px 10px;
background-color:#fdfaf5;





}	



.step1DropDownLeft {
	

text-align:Left;


float:left;

width:130px;

font-size:12px;
color:cd220e;
font-weight:bold;



}	

.step1DropDownRight {
	
	width:220px;
	text-align:left;
	float:left;

font-size:12px;
color:#000;
padding-left:10px;
}



 .fadeThisSend {
		position:relative;
		display:block;
		height:23px;
		width: 57px;
		background:url(../images/buttons/send.gif) 0 0 no-repeat;
		outline-style:none;
	}
	
	 .fadeThisSend * {
	  display: none;
	}
	
	 .fadeThisSend span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 23px;
		width: 57px;
		background:url(../images/buttons/send.gif) 0 -24px no-repeat;
		outline-style:none;
	}


 .fadeThisTryAgain {
		position:relative;
		display:block;
		height:23px;
		width: 93px;
		background:url(../images/social/tryAgain.gif) 0 0 no-repeat;
		outline-style:none;
	}
	
	 .fadeThisTryAgain * {
	  display: none;
	}
	
	 .fadeThisTryAgain span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 23px;
		width: 93px;
		background:url(../images/social/tryAgain.gif) 0 -24px no-repeat;
		outline-style:none;
	}




#messageSent{ margin:30px 0 0 30px;}