/* A List Apart hack for font size */
body, body div, body p, body th, body td, body li, body dd, table, td, th
{
	font-family:verdana,arial,tahoma,sans-serif;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small
}

html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd
{
	font-size: small
}

body{
	margin:0;
	padding:9px 0 30px;
	font-family:verdana,arial,tahoma,sans-serif;
	font-size:62.5%;
	background:#e3e3e3 url(Images/bg_body.jpg) repeat-x;
}

/*BG Images*/
#container{
	width:773px;
	margin:0 auto;
	font-size:1.3em;
	background:url(Images/bg_content_m.gif) repeat-y;
	background-color: #FFF;
}

#container1{
	background:url(Images/bg_content_t.gif) no-repeat top;
}

#container2{
	background:url(Images/bg_content_b.gif) no-repeat bottom;
	padding:12px 19px
}


/*2Col*/
	#menu{
		width:197px;
		float:left;
		overflow:hidden;
	}
	
	#content{
		float:right;
		width:507px;
	}

#header{
	padding-bottom:10px;
}

/*Left Nav*/
	#menu #links a{
		display:block;
		font-family:'trebuchet ms',tahoma, verdana, arial, sans-serif;
		font-size:1.2em;
		background:#2354d3 url(Images/bg_nav.gif) repeat-x top;
		text-decoration:none;
		color:#fff;
		padding:5px;
		margin-bottom:2px;
		border:1px solid #265ff0;
		width: 187px;
	}
	
	#menu #links a:visited
	{
		color: #DDD;
	}

	#menu #links a:hover{
		text-decoration:underline;
	}
	
	#menu #links a.on{
		color:red;
		background:url(Images/bg_nav_on.gif) repeat-x top;
		border:1px solid #aaa;
	}


/*Contacts in a gold box*/
#contacts{
	background:url(Images/bg_goldbox_m.gif) repeat-y top left;
	width:207px;
	position:relative;
	left:-10px;
	margin-top:2em;
}

#contacts2{
	background:url(Images/bg_goldbox_b.gif) no-repeat bottom left;
}

#contacts3{
	background:url(Images/bg_goldbox_t.jpg) no-repeat top left;
	padding:5px 1px 35px 20px;
}

* html #contacts3{
	height:1px;
}

#contacts h2{
	width:140px;
}

#contacts h2, #contacts h3{
	font-family:'trebuchet ms',tahoma, verdana, arial, sans-serif;
	font-size:1.4em;
	margin-bottom:0;
	margin-top:0;
}

#contacts h3{
	font-size:1.2em;
	margin-top:0.5em;
}

/* Right content column on each page */
#content div{
	margin-bottom:1em;
}

#content h1 {
	font-family:'trebuchet ms',tahoma, verdana, arial, sans-serif;
	font-weight:normal;
	font-size:200%;
	background:#cde url(Images/bg_divider.jpg) repeat-x;
	border-bottom:3px solid #2354d3;
	color:#2354d3;
	margin-top:0;
	padding-top:0.25em;
	padding-left:0.1em;
}

#content h2 {
	font-size: 125%;
	font-weight: bold;
}

#content h3 {
	font-size: 110%;
	font-weight: bold;
}

#content ul li {
	list-style-type: circle;
	padding-top: 5px;
}

#footer{
	clear:both;
	padding:10px 0 20px 0;
	font-size:0.8em;
}


/* Home page */
#tagline{
	font-family:'trebuchet ms',tahoma, verdana, arial, sans-serif;
	font-size:2em;
	font-weight:bold;
	margin-bottom:0;
}
#tagline span{
	color:#6c0;
	font-weight:normal;
}
#homepageimage {
	clear:both;
	float:right;
	background: url(Images/monitor_v2.gif) top center;
	height:376px;
	width:236px;
	margin: 0px 2px 0 2px;
}

.customerquote {
	margin: 2em 0 0 0;
	padding: 10px 0 0 50px;
	background:url(Images/open_quote_40x40.gif) no-repeat top left;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	font-style: italic;
}
.customerquote1{
	padding: 0 50px 10px 0;
	background:url(Images/closed_quote_40x40.gif) no-repeat bottom right;
}
.customerquote1 a{
	text-decoration:none;
}
.customerquote1 a:hover{
	text-decoration:underline;
}
.quotedetail{
	text-decoration:underline;
}
#nextquote{
	float: right;
	margin-bottom: 1em;
}
#callnow{
	font-size:1.5em;
}

/*Feature list - greenticks*/
	#content #featurelist{
		background:url(Images/bg_greybox_m.gif) repeat-y top left;
	}

	#content #featurelist2{
		background:url(Images/bg_greybox_t.gif) no-repeat top left;
		margin-bottom:0
	}
	
	#content #featurelist3{
		background:url(Images/bg_greybox_b.gif) no-repeat bottom left;
		padding:8px;
		margin-bottom:0;
	}
	
	* html #featurelist, * html #featurelist2, * html #featurelist3{
		height:1px;
		margin:0;
	}
	
	#featurelist ul{
		padding-left:50px;
		padding-top:20px;
		margin:0;
	}
	
	#featurelist>ul{
		height:auto;
	}
	
	#featurelist ul li{
		background:url(Images/tick.gif) no-repeat;
		padding:2px 0 5px 30px;
		margin-bottom:0 0 5px;
		list-style-type:none;
		color:#265ff0;
		font-style:italic;
		font-weight:bold;
	}


/* Screenshot pages */
#prevScreenshot {
	float: left;
	padding: 10px;
}
#nextScreenshot {
	float: right;
	padding: 10px;
}
#screenshot {
	clear: both;
	margin-top: 5px;
	padding: 5px;
	padding-bottom: 30px;
	overflow: hidden;
	text-align: center;
}


/* What's New page */
.recentupdates h3{
	margin-bottom: 0;
}
.recentupdates ul{
	margin-top: 0;
}


/* JobTracker page */
.price {
	font-weight: bold;
}

table.features_table {
	border-collapse: collapse;
}
table.features_table th {
	border: 1px solid gray;
	padding: 3px;
	text-align: center;
}
table.features_table td {
	border: 1px solid gray;
	padding: 3px;
	text-align: center;
}


/* FAQ page */
dt {
	font-size: 110%;
	font-weight: bold;
}
dd {
	margin: 10px 5px 30px 20px;
}

.customerprofile{
	padding: 0.2em 0;
	border-top:1px solid #2354d3;
}

.upcomingevent{
	padding: 0.3em 0;
}


/* How to Buy page */
#howtobuy .editionpricing {
	margin-top: 0px;
}
#howtobuy .editionpricing li{
	list-style-type: disc;
}


/* Quiz */
.quiz_item {
	border-bottom:3px solid #2354d3;
	margin: 2em 0;
}

.q_question {
	color:#2354d3;
	font-family:'trebuchet ms',tahoma, verdana, arial, sans-serif;
	font-weight:bold;
	font-size:150%;
}

.q_answer {
	background:url(Images/checkbox.gif) no-repeat;
	background-color: #DDEEFF;
	cursor:pointer;
	margin-left:2em;
	padding: 2px 2px 2px 22px;
}

.q_answer:hover {
	background:url(Images/checkbox.gif) no-repeat;
	background-color: #FFFFCC;
	cursor:pointer;
	margin-left:2em;
	padding: 2px 2px 2px 22px;
}

.q_answer_yes {
	background:url(Images/checkbox_on.gif) no-repeat;
	background-color: #FFFFCC;
	cursor:pointer;
	margin-left:2em;
	padding: 2px 2px 2px 22px;
}

.q_explanation {
	display: none;
}

.q_explanation_yes {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0 3em;
}

.q_totalscore {
	font-weight: bold;
	background-color: yellow;
	padding: .5em;
}