

/***************************
GLOBAL ELEMENT STYLES
***************************/
html body {
	height: 100%;
	}
body{
	/* Fonts are sized using a percentage in the body style and em's instead of pixels. The base font size for BLL is 11 pixels. The body style is set at 69% (base font size in browsers is 16 px) making the style 'font-size: 1em;' equal to 11px. TO CALCULATE A SIZE: divide the number by 11 - as in 18/11=1.64

    * .9em = 10px
    * 1em = 10px
    * 1.1em = 11px
    * 1.2em = 12px
    * 1.3em = 13px
    * 1.4em = 14px
    * 1.5em = 15px
    etc
	*/
	font-size: 63%; /* 10px */
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	background: #FFF;
	}
*{
	/* sets all page elements to 0 padding/margin */
	margin: 0px;
	padding: 0px;
	outline: none medium -moz-use-text-color;
	}
.clear, .mod-body-footClear, clearMe {
	font-size:.01em;
	line-height:0px;
	clear: both;
	height: 0px;
	padding: 0px;
	margin: 0px;
	overflow:hidden;
	display: block;
}
.non-visible{
	visibility: hidden;
	}
:focus{
	-moz-outline-style: none;
}
button, fieldset, img{
	border: 0px none;
	background: none;
	}
hr{
	clear: both;
	}
legend{
	display: none;
	}
caption,th {
	text-align:left;
	}
h1,h2,h3,h4,h5,h6{
	font-size:1em;
	}
ul, ol{
	list-style-type: none;
	}
input, select {
	font-size: 1em;
	}
textarea{
	font-size: 1.2em;
	}
/***************************
PAGE STRUCTURE
***************************/
#sn_wrap{
	/* entire content container */
	}

#sn_hdr_wrap {
	/* entire header container */
}
#sn_main-body {
	/* main page content container */
	}

/***************************
HEADER 
***************************/
#sn_header {
}
	/**********
	HEADER NAVIGATION
	*/
	#nav-funct {
	}
	#nav-funct ul, #nav-global{
		list-style-type: none;
		}
	#nav-funct ul{
		float: left;
		padding-right: 8px;
		display: none; /* logged in nav should be hidden unless you are logged in */
		}
	#nav-funct li, #nav-global li{
		list-style: none;
		display: inline;
		padding-right: 5px;
	}



/***************************
MAIN BODY CONTENT
***************************/
#sn_main-content {
	clear:both;
	padding: 9px 0px 0px 9px;
}
	#mod-container, #mod-container2 {
		clear: both;
	}

/**********
FOOTER
*/
.mm_foot {
	clear: both;
}

/***************************
COLUMN DEFINITIONS
***************************/

.mod-col, .mod-col-right {
	float:left;
}

/* two column */
.sn_two_column #sn_col1{
	width: 660px;
	margin: 0px 1px 0px 0px;
	}
.sn_two_column #sn_col2,
.sn_two_column #sn_col_right {
	width: 309px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	}
.tipsfrombigmike .sn_two_column #sn_col_right {
	width: 301px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}

/* styles for three-column page
	wide middle column
*/
.sn_three_column #sn_col1{
	width: 187px;
	margin: 0 5px 0 0px;
	}
.sn_three_column #sn_col2{
	width: 469px;
	margin: 0px 2px 0px 0px;
	}
.sn_three_column #sn_col_right, .sn_three_column #sn_col3 {
	width: 309px;
	margin: 0px 0px 0px 0px;
	float: right;
	overflow: hidden;
	}
.sn_three_column .mod, .sn_three_column .mod-col-right, .sn_three_column .mod-col{
	position: relative;
	}
	
/* styles for three-even-columns pages
*/
.sn_three_even_columns .mod-col{
	width: 318px;
	margin-right: 10px;
	}
.sn_three_even_columns #sn_col2{
	width: 320px;
	margin-right: 10px;
	}	
#sn_col3{
	margin-right: 0;
	}



/***************************
MODULE DEFINITIONS
***************************/

.mod {
	/*border: 1px solid #000000;
	margin-bottom:10px;*/
}

.mod-head {
	/*background: #dedede;
	border-bottom: 1px solid #000000;*/
}
.tasks_sniperschool .mod-head {
background:black none repeat scroll 0 0;
margin:-14px 0 4px;
}

.mod-body {
	/*padding: 5px;*/
}

/* task page  */
	/* DESCRAMBLER game */
 #sn_tasks_generic_one {
  position: relative;
  }
 #descramble_logo{
  position: relative;
  }

.tasks_descrambler #sn_tasks_generic_one .mod-head {
padding: 0px;
margin: 0px;
width: 650px;
height: 40px;
 background: url(/themes/ibm/images/header/descramblerlogo_bkg.jpg) top left no-repeat;
display: none;
}

.tasks_descrambler #sn_tasks_generic_one .mod-head h3 {
height: 40px;
display: block;
margin: 0px;
padding: 0px;
color:#007330;
font-size:10px;
font-weight:normal;
text-transform:none;
display: none;
}

.tasks_descrambler #sn_tasks_generic_one .mod-head h3 span {
display: block;
line-height: 0px;
margin: 0px;
padding: 0px;
position: relative;
top: 0px;
display: none;

}

.tasks_descrambler #sn_tasks_generic_one .mod-head h3 span img {

display: none;
}



.tasks_descrambler #sn_tasks_generic_one .mod-body {
margin-top: 0px;
padding-top: 0px;


}
 .descramble_swf_div{
  border-bottom: 1px solid #AE1817;
background: url(/themes/ibm/images/descramblerbody_bkg.jpg) top left no-repeat;
  text-align: center;
  padding: 73px 0px 33px 0px;
  margin-top: 0px;
  margin-bottom: 10px;


  }
 .descramble_video_slider{
  border: 1px solid #AE1817;
  padding: 10px;
  }
 /*completed training module*/
  #user_points {
  left:10px;
  font-sizr:12px;
  }
  .tasks_descrambler #sn_col1 .mod-first {
		padding-top:0px;
		top:2px;
		position: relative;
		padding-bottom: 60px;
		width:650px;
		  }

/***************************
DESCRAMBLER MOD AD
*/
		
.mod-ad-tasks { 
	padding:10px 0 0 667px;
	position:relative; 
  	background:transparent url(/themes/ibm/images/mod-ad_paper_bkg.gif) no-repeat top right; 
	}
		

  /* task ended */

/***************************
MODULE INTERNALS
***************************/

	/***************************
	THUMBNAILS
	*/
	.sn_showthumb li, .sn_showthumb .thumb-results{
		float: left;
		}

	/***************************
	FORMS
	*/
	.sn_form_elementDiv{
		margin: 0px !important;
		padding: 10px 0px;
		clear: both;
		}
		.sn_form_elementDiv label, .sn_multiOptionLabel{
			width: 150px;
			display: block;
			font-weight: bold;
			float: left;
			font-size: 1.1em;
			position: relative;
			}
		.sn_charcount{
			display: block;
			clear: both;
			}
		.sn_form_elementDiv_checkbox label, .sn_multiInputInnerSpan label{
			float: none;
			width: auto;
			display: inline;
			}
	#accountRegisterForm_notifyNbcSms_div {
	position:relative;
	padding-left: 150px;
	padding-top:-40px;
}
#sn_newsletter {
	font-weight:bold;
	position:absolute;
	margin-top:11px;
	font-size:1.1em;
}

	/***************************
	ALERT MESSAGES
	*/
	.sn_alert{
		color: #FF0000;
		}
		
	/***************************
	ALERT POP-UP BOX
	*/
	.sn_alert_pop, .sn_alert_pop2, .sn_alert_pop3, .sn_alert_pop4{
		font-weight:bold;
		text-align:center;
		width:250px;
		border-bottom:2px solid #CCCCCC;
		border-top:2px solid #CCCCCC;
		background:#EEE;
		position: fixed;
		top:50% !important;
		left:50% !important;
		margin-left:-170px;
		z-index:1000;
		padding: 20px;
		color:#000;
	}
	span#close-style-box {
		color:#AAAAAA;
		cursor:pointer;
		font-size: 1.4em;
		margin: 0px;
		padding: 2px;
		position:absolute;
		right:3px;
		text-align:center;
		top:0pt;
		z-index:300;
		}
