/************************************************
	Global	UNLOCKIT

	tags
	links
	footerNav
	teaser
	thumbnails
	lists
	table basic
	divs
	
************************************************/
.dkblue { color:#003366; }
.blue { color:#567BA3; }
.ltblue { color:#99ADC2; }

.dkrust { color:#770011; }
.rust { color:#9D5C70; }
.ltrust { color:#C999A0; }

.dkgray { color:#474747; }
.gray { color:#CCCCCC; }
.ltgray { color:#EBEBEB; }

.black { color:#000000; }
.white { color:#FFFFFF; }

/************************************************
	tags
************************************************/
body	{ 
	background: #fff url(https://unlockit.com/images/bgbody.gif) no-repeat 50% 30px; 
	text-align: center; 
	}
td, li, input, select, textarea, .normaltext { 
	color:#333333; 
	font-family:verdana, arial, sans-serif; 
	font-size:11px; 
	font-weight:normal;
	}
input.button { 
	color:#000000; 
	font-weight: normal; 
	text-decoration: none; 
	background: #FFFFFF; 
	border: 1px solid #999999; 
	} 
h1, .title { 
	color:#333333;
	font-family:arial, sans-serif;
	font-size:17px;
	font-weight:bold;
	font-style: normal;
	}
h2, .subtitle { 
	color:#333333; 
	font-family:arial, sans-serif;
	font-size:14px; 
	font-weight:bold; 
	font-style: normal;
	padding: 0;
	}
h3, .heading, .subsubtitle { 
	color:#770011; 
	font-family:arial, sans-serif;
	font-size:12px; 
	font-weight:bold; 
	}
h4, .sectionhead { 
	color:#333333; 
	font-family:verdana, arial, sans-serif;
	font-size:11px; 
	font-weight:bold; 
	font-style: normal;
	}
.smalltext { 
	color:#333333; 
	font-family:verdana, arial, sans-serif; 
	font-size:9px; 
	}
.smalltextwhite { 
	color:#ffffff; 
	font-family:verdana, arial, sans-serif; 
	font-size:9px; 
	}
div.indent {
	height: auto;
	width: auto;
	padding-left: 30px;
	}
tr.leftmargin {
	height: 32px;
	}
td.leftmargin {
	padding: 0px 10px 32px 0px;
	}
ul.links, ul.noindent {
	list-style-position: outside; 
	list-style-type: square;	
	}
li.links {
	padding-bottom: 10px;
	}
	
/************************************************
	links
************************************************/
a:link, a:visited { 
	color:#003366; 
	font-family:verdana, arial, sans-serif; 
	font-size:11px; 
	text-decoration:underline; 
	}
a:hover { 
	color:#770011; 
	font-family:verdana, arial, sans-serif; 
	font-size:11px; 
	text-decoration:underline; 
	}
a:link.leftmargin, a:visited.leftmargin { 
	color:#333333; 
	font-family:verdana, arial, sans-serif; 
	font-size:11px; 
	font-weight:normal; 
	text-decoration:none; 
	}
a:hover.leftmargin { 
	color:#770011; 
	font-family:verdana, arial, sans-serif; 
	font-size:11px; 
	font-weight:normal; 
	text-decoration:underline; 
	}
a:link.smalllink, a:visited.smalllink { 
	color:#333333; 
	font-family:verdana, arial, sans-serif; 
	font-size:9px; 
	text-decoration:underline; 
	}
a:hover.smalllink { 
	color:#770011; 
	font-family:verdana, arial, sans-serif; 
	font-size:9px; 
	text-decoration:underline; 
	}
a:link.smalllinkwhite, a:visited.smalllinkwhite { 
	color:#FFFFFF; 
	font-family:verdana, arial, sans-serif; 
	font-size:9px; 
	text-decoration:none; 
	}
a:hover.smalllinkwhite { 
	color:#FFFFFF; 
	font-family:verdana, arial, sans-serif; 
	font-size:9px; 
	text-decoration:underline; 
	}
a:link.pagelink, .pagelinkoff, a:visited.pagelink { 
	color:#333333; 
	font-family:verdana, arial, sans-serif; 
	font-size:9px; 
	text-decoration:none; 
	background:#D8E8F8;
	padding: 5px;
	border-top: 0px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	width: 200px;
	}
a:hover.pagelink, .pagelinkon { 
	color:#333333; 
	font-family:verdana, arial, sans-serif; 
	font-size:9px; 
	font-weight:normal; 
	text-decoration:none; 
	background:#FFFFFF;
	padding: 5px;
	border-top: 0px solid #000000;
	border-bottom: 1px solid #000000;
	width: 200px;
	}
a.plainlink, a:visited.plainlink {
	text-decoration: none;
	}	
	
/************************************************
	footerNav
************************************************/
#footerNav {
	margin-left: 0px;
	text-align: left; 
	width: 760px; 
	height: 22px;
	background: transparent url(https://unlockit.com/images/footerNav.gif) no-repeat;
}
#footerNav li { float: left; display: inline;}
#footerNav li, #footerNav li a { float: left; height: 22px; display: block; }
#footerNav span { display: none; }
#footerbtn0 a { width: 108px; }
#footerbtn1 a { width: 98px; }
#footerbtn2 a { width: 81px; }
#footerbtn3 a { width: 76px; }
#footerbtn4 a { width: 79px; }
#footerbtn5 a { width: 102px; }
#footerbtn6 a { width: 34px; }
#footerbtn7 a { width: 57px; }
#footerbtn8 a { width: 49px; }
#footerbtn9 a { width: 76px; }
#footerbtn0 a:hover { background: transparent url(https://unlockit.com/images/footerNav_f2.gif) no-repeat 0px}
#footerbtn1 a:hover { background: transparent url(https://unlockit.com/images/footerNav_f2.gif) no-repeat -108px}
#footerbtn2 a:hover { background: transparent url(https://unlockit.com/images/footerNav_f2.gif) no-repeat -206px}
#footerbtn3 a:hover { background: transparent url(https://unlockit.com/images/footerNav_f2.gif) no-repeat -287px}
#footerbtn4 a:hover { background: transparent url(https://unlockit.com/images/footerNav_f2.gif) no-repeat -363px}
#footerbtn5 a:hover { background: transparent url(https://unlockit.com/images/footerNav_f2.gif) no-repeat -442px}
#footerbtn6 a:hover { background: transparent url(https://unlockit.com/images/footerNav_f2.gif) no-repeat -544px}
#footerbtn7 a:hover { background: transparent url(https://unlockit.com/images/footerNav_f2.gif) no-repeat -578px}
#footerbtn8 a:hover { background: transparent url(https://unlockit.com/images/footerNav_f2.gif) no-repeat -635px}
#footerbtn9 a:hover { background: transparent url(https://unlockit.com/images/footerNav_f2.gif) no-repeat -684px}

/************************************************
	teaser
************************************************/
#teaser {
	width:150px; 
	height: 310px;
	margin: 20px 0 20px 0;
	padding: 6px;
	background: transparent url(https://unlockit.com/images/bg_teaser.gif) no-repeat;
	text-align: center; 
	color:#333333; 
	font-family:verdana, arial, sans-serif; 
	font-size:11px; 
}
#teaser img {
	border: 1px solid #567BA3;
	margin: 6px 20px 0px 20px;
	text-align: center; 
}
#teaser h3 {
	color:#770011; 
	font-family:verdana, arial, sans-serif; 
	font-size:12px; 
	font-weight:bold;
}

/************************************************
	thumbnails
************************************************/
#thumbnails {
	margin: 12px 0 0 0;
}
#thumbnails img {
	border: 1px solid #567BA3;
	margin: 6px;
	text-align: center; 
}

/************************************************
	lists
************************************************/
ul.expanded li {
	padding-top: 6px;
	padding-bottom: 12px;
	}

/************************************************
	table default
************************************************/
table th { 
	text-align: left;
	vertical-align: middle;
	}
table td { 
	text-align: left;
	vertical-align: top;
	}

/************************************************
	table basic
************************************************/
table.basic { 
	padding: 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-collapse: collapse;	
	}
table.basic th { 
	background-color: #EFEFEF;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-right: 5px;
	color: #333;
	font-family:verdana, arial, sans-serif; 
	font-size:11px; 
	font-weight:bold;
	text-align: left;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
table.basic td { 
	padding: 4px;
	color: #333;
	font-family:verdana, arial, sans-serif; 
	font-size:11px; 
	font-weight:normal;
	text-align: left;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
table.basic th.aligncenter, table.basic td.aligncenter {
	text-align: center;
	}
table.basic th.alignleft, table.basic td.alignleft {
	text-align: left;
	}
table.basic th.alignright, table.basic td.alignright {
	text-align: right;
	}
table.basic h3, table.basic h4 {
	margin: 0;
	line-height: 18px;
	}
	
/************************************************
	table survey
************************************************/
table.survey { 
	padding: 0;
	border: 0;
	border-collapse: collapse;	
	}
table.survey th { 
	background-color: #EFEFEF;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-right: 5px;
	color: #333;
	font-family:verdana, arial, sans-serif; 
	font-size:11px; 
	font-weight:bold;
	text-align: left;
	vertical-align: middle;
	border: 0;
	}
table.survey td { 
	padding: 4px;
	color: #333;
	font-family:verdana, arial, sans-serif; 
	font-size:11px; 
	font-weight:normal;
	text-align: left;
	vertical-align: top;
	border: 0;
	}
table.survey th.aligncenter, table.survey td.aligncenter {
	text-align: center;
	}
table.survey th.alignleft, table.survey td.alignleft {
	text-align: left;
	}
table.survey th.alignright, table.survey td.alignright {
	text-align: right;
	}
table.survey th.error, table.survey td.error {
	background: #900;
	color: #FFFFFF;
	}
	
/************************************************
	divs
************************************************/
.floatright {
	float: right;
	margin: 0 0 12px 24px;
	}
.floatleft {
	float: left;
	margin: 0 24px 12px 0;
	}
.surveyheader { 
	color:#333333;
	font-family:arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding: 5px;
	width: 100%;
	background: #FFFFFF url(https://unlockit.com/images/bg-header.jpg) repeat-x;
	margin-bottom: 12px;
	border: 1px solid #003366;
	}
.boxhead { 
	border-top:2px solid #000000; 
	border-bottom:2px solid #000000; 
	border-left:2px solid #000000; 
	border-right:2px solid #000000; 
	color:#FFFFFF; 
	background:#474747; 
}
.boxtitle { 
	background:#3770B5;
	padding: 5px;
	border-top: 0px solid #000000;
	border-bottom: 1px solid #000000;
}
.boxheadings {
	color:#333333; 
	font-family:verdana, arial, sans-serif; 
	font-size:9px; 
	font-weight:bold; 
	text-decoration:none; 
	border-top: 0px solid #000000;
	border-bottom: 1px solid #000000;
	background:#FFFFFF;
	padding: 5px;
	font-weight:bold; 
}
.boxcontent {
	background:#ffffff;
	padding: 5px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.boxcontentwhite {
	background:#ffffff;
	padding: 5px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

/************************************************
	Footer Divs
************************************************/
#footer {
	clear: both;
	width: 760px;
	background: transparent url(https://unlockit.com/images/bgfooter.gif) no-repeat left bottom;
	border: 0;
	padding-top: 6px;
	padding-bottom: 8px;
	margin: 0 auto;
	color:  #FFFFFF;
	text-align: center;
	}
#footer a {
	color:  #FFFFFF;
	text-decoration: none;
	font-family:verdana, arial, sans-serif; 
	font-size:10px; 
	}
#footer a:hover {
	color:  #C999A0;
	}
.footer { 
	clear: both; 
	padding: 5px 15px; 
	font-size: 10px;
	color: #333333; 
	text-align: center;
}