/* Start of CMSMS style sheet 'default' */
	
	h1, h2, h3, h4, h5, h6, p{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}

	body{
		padding: 0;
		margin: 0;
		border:0;
		font-family: Arial, Helvetica, sans-serif;
	}
	


	#left-menu ul{
		margin:0;
		padding:0;
		list-style-type: none;
	}
		/*Standard font settings for all text*/
	
	h1, h2, h3, h4, h5, h6 {
		font-family: arial,verdana,sans-serif;
		border-bottom: 2px solid #eee;}


	
	h1 {font-size: 170%; font-weight:bold; padding-bottom:2px; margin-bottom:10px; letter-spacing: -2px;}
	h2 {font-size: 136%; padding-bottom:2px; margin-bottom:10px;}
	h3 {font-size: 116%; padding-bottom:2px; margin-bottom:10px;}
	h4 {font-size: 116%}
	h5 {font-size: 106%}
	h6 {font-size: 96%}


		
	.highlighted-text{
	font-size: 120%; 
	font-weight: bolder;
	}
	
	.weak-text{
	color:#999999; 
	}
	
	
	.small-text{
	font-size: 90%; 
	line-height: 115%;
	color:#999999;
	}
	
	.screencast-description{
	font-size: 90%; 
	line-height: 115%;
	color:#666666;
	text-decoration:none;
	}
	
	.screencast-description a, .screencast-description a:link, .screencast-description a:visited, .screencast-description a:hover, .screencast-description a:active{
	color:#00487D;
	text-decoration:none;
	}
	
	.screenshot-list a, .screencast-description a:link, .screencast-description a:visited, .screencast-description a:hover, .screencast-description a:active{
	text-decoration:none;
	}
	

	
	.features-list li{
	font-size: 90%;
	line-height: 200%;
	}
	
	
	/*Outer table - a table with three columns - a background image in the left and right column. There is a table - inner - in the middle column*/
	
	.outer{
		height:100%;
		width:100%;
		padding:0;
		margin:0;
		border-collapse: collapse;
	}

	.outer-center{
		width:950px;
	}

	.outer-left{
		background-color: gray;
		background-image: url(/uploads/images/bg-outer-left.gif);
		background-position: right;
		background-repeat: repeat-y;
	}
	.outer-right{
		background-color: gray;
		background-image: url(/uploads/images/bg-outer-right.gif);
		background-position: left;
		background-repeat: repeat-y;
	}

	/*Inner table - A table with 5 rows - top-bar, header, header-divider, content, footer */
	
	.inner{
		height:100%;
		width:100%;
		padding:0;
		margin:0;
		border-collapse: collapse;
	}

	/*Top-bar - A row used for simple text links (could be removed if not needed)*/

#top-bar-content{
float:right;
	}	

#top-bar-search{
margin:0;
padding:4px 5px 4px 0;
font-family: Arial, Helvetica, sans-serif;
font-size:70%;
color:white;
float:right;
	}	

#top-bar-search input{
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
	}	

#top-bar-search form{
margin:0;
padding:0;

	}	



	.top-bar{
		height: 20px;		
		border-bottom: 1px solid White;
background-color: #999999;

	}


	#top-bar-menu{
		font-size: 70%;
		font-weight: normal;
		font-style: normal;
float:right;
	}


	#top-bar-menu ul{
padding:7px 20px 0 0;
margin:0 0 0 10px;
list-style: none;
	}

	#top-bar-menu li{
padding:0 5px 0 8px;
margin: 0;
border-left: 1px solid #ffffff;
display: inline;
		
	}

	#top-bar-menu ul li.first {
		border-left: none;
padding-left:20px;
	}

	#top-bar-menu a, #top-bar-menu a:link, #top-bar-menu a:visited, #top-bar-menu a:hover, #top-bar-menu a:active{
		text-decoration:none;
		cursor:pointer;
		color:#ffffff;
	}


	/*Header - used for logos or site title and navigation. Height of header graphics pushes navigation into the correct place. Height can alter height depending on what graphics are in the header*/
	
	.header{
		padding:0;
		margin: 0;
		height:140px;
		background-color: #cccccc;
		background-position: top;
		background-repeat: no-repeat;
		border-bottom: 7px solid #000000;
		vertical-align:top;
	}



	#header-graphics{
		height: 110px;
	}





	#header-navigation ul{
		font-size: 75%;
		font-weight: bold;
		list-style: none;
margin:0;
padding:0;
margin-left:140px;
	}

	#header-navigation li{
		display: inline;

	}

	#header-navigation a{
		float: left;
		display: block;
		color: white;
		margin: 0;
		padding: 5px 10px;
		text-decoration: none;
		background-color: #999999;
		border-right: 3px solid #3b3b3b;
		border-bottom: 3px solid #666666;
		border-top: 1px solid #cbcbcb;

	}

	#header-navigation a:hover{
		background-color:#505050; /*Menu hover bgcolor*/
		border-bottom: 3px solid #000000;
	}

	#header-navigation #current a{
		background-color: #000000;
		border-bottom: 3px solid #000000;
		border-right: 3px solid #292929;
		border-left: 2px solid #ffffff;
		border-top: 1px solid #ffffff;
	}
	
	
	#header-navigation #first a{

		border-left: 2px solid #ffffff;

	}

	/*Header-divider - simple divider with colour and dotted lines*/
	
	.header-divider{
		height: 7px;
		background-color: white;
		border-bottom: 1px dotted #cccccc;
	}

	/*Footer - area at bottom of page*/
	
	.footer{
		padding:0;
		margin: 0;
		height:50px;
		background-image: url(/uploads/images/bg-footer.gif);
		background-position: bottom;
		background-repeat: repeat-x;
		border-top: 1px dotted #cccccc;

	}

	/*Footer-text - text links or information displayed in the footer. Note the solid line to match the line to the left of content-center*/

	#footer_text
	{
		height:80px;
		margin:0;
		padding:0;
		text-align: left;
		font-size: 70%;
		border-left: 1px solid #d3d3d3;
		color:#999999;
		margin-left:181px;
		padding-top:15px;
		padding-left:15px;
	}

	#footer_text a, #footer_text a:link, #footer_text a:visited, #footer_text a:hover, #footer_text a:active{
		text-decoration:none;
		cursor:pointer;
		color:#999999;
	}



/*Content-table - a table that is in the 4th row that contains the main content. It can be a three, two, one columned table depending on requirements*/
	/* Note that width is 1000px*/
	.content-table{
		table-layout:fixed;
		border-collapse: collapse;
		padding:0;
		margin:0;
		height:100%;
		width:980px;
	}
	
	/*content-left is the left column*/
	.content-left{
		height:100%;
		width:180px;
		margin:0;
		padding:0;
		vertical-align:top;
		
	}
	/*content-center is the center column*/
	.content-center{
		height:100%;
		width:560px;
		margin:0;
		padding:0;
		vertical-align:top;
		border-left: 1px solid #d3d3d3;
	}
	/*content-right is the right column*/
	.content-right{
		height:100%;
		width:240px;
		margin:0;
		padding:0;
		vertical-align:top;
		border-left: 1px solid #d3d3d3;
	}
	/*content-center-right is the center column and the right together*/
	.content-center-right{
		height:100%;
		width:740px;
		margin:0;
		padding:0;
		vertical-align:top;
		border-left: 1px solid #d3d3d3;
	}
	
	/*content-center-left is the center column and the left together*/
	.content-center-left{
		height:100%;
		width:740px;
		margin:0;
		padding:0;
		vertical-align:top;
	}
	
	
	/*content-center-all is one center column that spans 100%*/
	.content-center-all{
		height:100%;
		width:100%;
		margin:0;
		padding:0;
		vertical-align:top;
	}
	
	/*content is the div inside the center column*/
	#content	{
	padding:20px 20px 20px 20px;
	}
	
	
	#content p{
		font-size: 12px;
		margin-bottom: 20px;
		line-height: 140%;
	}

#content p.intro-para {
font-size: 100%; 
line-height: 120%;
font-weight:bold; 
}


	
	
	#content li{
		font-size: 12px;
margin-top:5px;
margin-bottom:5px;
		}


	
	/*Left-menu - A list style text menu displayed on the left of content*/

	#left-menu ul{
		margin:0;
		padding:0;
		list-style-type: none;
	}


	#left-menu{
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 160px;
		border-top: 5px solid #999999;
		margin-left:10px;
		margin-top:10px;
	}

	#left-menu li a{
		background: white url(/uploads/images/arrow-list.gif) no-repeat 2px center;
		font: bold 75% Arial;
		color: #000000;
		display: block;
		padding: 3px 0;
		padding-left: 15px;
		text-decoration: none;
		padding-top:1px;
		padding-bottom:1px;
		
	}

	#left-menu li.first{
		margin-top:2px;
	}

	#left-menu li{ /*IE only. Actual menu width minus left padding of LINK (20px) */
		width: 160px;
	}

	#left-menu li a:visited, .left-menu li a:active{
		color: #666666;
	}

	#left-menu li a:hover{
		color: #000000;
		background-color:#cccccc;
		background-image:url(/uploads/images/arrow-list2.gif); /*onMouseover image change. Remove if none*/
	}


	#left-menu li.section{
		padding-top:5px;
		padding-bottom:0px;
		border-top: 1px solid #B5B5B5;
	}
	

	#left-menu li.liback{
padding:0;
margin:0;
padding-top:5px;
		padding-bottom:0px;
		border-top: 1px solid #B5B5B5;

	}


	#left-menu li.liback a{
		background: white url(/uploads/images/arrow-listback.gif) no-repeat 2px center;
	}
	
	#left-menu ul.expanded a{
		padding: 0px 5px 2px 20px;
		border-top: 0;
		background-image: url(/uploads/images/arrow.png);
		background-repeat: no-repeat;
		background-position: 6px 2px;
		font-weight:normal;
	}

	
	
	#left-menu ul.expanded a:hover{
		border-top: 0;
		background-image: url(/uploads/images/arrow.png);
		background-repeat: no-repeat;
		background-position: 6px 2px;
		font-weight:normal;
	}

	#left-menu ul.expanded ul.first{
		border-top: 0px solid #cccccc;
		padding-top:5px;
		background-position: 6px 4px;
	}

	
	/* left-list-box- list box that can be displayed on the left side under the menu*/
	
	#left-list-box-container{
		width: 160px;
		margin-top:20px;
		margin-left:20px;
		padding-top:5px;
		padding-bottom:5px;
		
	}

	#left-list-box-list{
		background: url(/uploads/images/left_list_bg.png);
		background-repeat: repeat-y;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	#left-list-box-top{
		background: url(/uploads/images/left_list_top.gif);
		background-repeat: none;
		background-position: 0 0;
		height:43px;
		font: bold 70% Arial;
		color: #cc0000
	}

	#left-list-box-bottom{
		background: url(/uploads/images/left_list_bottom.gif);
		background-repeat: none;
		background-position: 0 0;
		height:14px;
	}

	#left-list-box-list li{
		background: url(/uploads/images/left_list_bullet.png);
		background-repeat: repeat-y;
		background-position: 0px 0px;
		padding:4px 0 3px 20px;
		margin:0 0 0 8px;
		font: normal 11px Arial;
		line-height:11px;
		display: block;
		width: auto;
		text-decoration: none;
	}

	#left-list-box-list a, #left-list-box-list a:link, #left-list-box-list a:visited, #left-list-box-list a:hover, #left-list-box-list a:active{
		text-decoration:none;
		cursor:pointer;
		color:#336699;
	}

	#left-list-box-list a:hover{
		text-decoration:none;
		cursor:pointer;
		color:#000000;
	}
	

	
	
	
	
	
	
	/*Right-contact-form - a form that can be displayed in the right column*/
	
	.right-contact-form{
		background-color: gray;
		width:210px;
		margin:0;
		padding:0;
		background: url(/uploads/images/right-contact-form-bg.gif);
		background-repeat: repeat-y;
		background-position: 0 0;
		border-collapse: collapse;
		margin-top:20px;
		margin-left:20px;
		
	}
	
	.right-contact-form td{
		padding-top:3px;
	}

	.right-contact-form-label{
		font-size: 65%;
		color: #666666;
		text-align:right;
	}
	
	.right-contact-form-field{
		color: #000000;
		font-size:70%;
		width: 150px;
		background-color: #f5f5f5;
		 border: 1px solid #999999;
	}
	
	.right-contact-form-textarea{
		font-size: 80%;
		color: #000000;
		width: 180px;
		height:100px;
		background-color: #ffffff;
	 	border: 1px solid #999999;
		font: normal 11px Arial;
	}
	
	.right-contact-form-submit{
		color: #000000;
		font-size:70%;
		width: 100px;
		height: 20px;
		background-color: #ffffff;
		border: 1px solid #999999;
		margin:10px 0 10px 0;
		
	}
	
	.right-contact-form-top{
		margin:0;
		padding:0;
		width:210px;
		background: url(/uploads/images/right-contact-form-top.gif);
		background-repeat: none;
		background-position: 0 0;
		height:43px;
		font: bold 90% Arial;
		color: #cc0000;
	}

	.right-contact-form-bottom{
		width:210px;
		background: url(/uploads/images/right-contact-form-bottom.gif);
		background-repeat: none;
		background-position: 0 0;
		height:14px;
	}
	
	/*screenshots*/
	
	.screenshot-label
	{
	font: normal 80% Arial;
	text-align:center;
	color: #000000;
	padding-top:5px;
	}
	
	
	.screenshots td{
	padding:10px;
	}
	
	/*Round box used on pages for lists etc*/
	
	.round-box{
		background-color: gray;
		width:210px;
		margin:0;
		padding:0;
		background: url(/uploads/images/right-contact-form-bg.gif);
		background-repeat: repeat-y;
		background-position: 0 0;
		border-collapse: collapse;
	}

	.round-box-top{
		margin:0;
		padding:0;
		width:210px;
		background: url(/uploads/images/right-contact-form-top.gif);
		background-repeat: none;
		background-position: 0 0;
		height:43px;
		font: bold 90% Arial;
		color: #cc0000;
	}

	.round-box-bottom{
		width:210px;
		background: url(/uploads/images/right-contact-form-bottom.gif);
		background-repeat: none;
		background-position: 0 0;
		height:14px;
	}
	
	
	#round-box-list ul{
		padding:5px;
		margin:0;
	}

	#round-box-list li{
		background: url(/uploads/images/left_list_bullet.png);
		background-repeat: repeat-y;
		background-position: 0px 0px;
		padding:4px 0 3px 20px;
		margin:0 0 0 1px;
		font: normal 11px Arial;
		line-height:11px;
		display: block;
		width: auto;
		text-decoration: none;
	}

	#round-box-list a, #left-list-box-list a:link, #left-list-box-list a:visited, #left-list-box-list a:hover, #left-list-box-list a:active{
		text-decoration:none;
		cursor:pointer;
		color:#336699;
	}

	#round-box-list a:hover{
		text-decoration:none;
		cursor:pointer;
		color:#000000;
	}
	
	
	/*small rounded box - normally used on the left side etc*/

	#small-box-container{
		width: 160px;
		margin-top:10px;
		margin-left:10px;
		padding-top:5px;
		padding-bottom:5px;
		
	}

	#small-box-top{
		background: url(/uploads/images/left_list_top.gif);
		background-repeat: none;
		background-position: 0 0;
		height:43px;
		font: bold 95% Arial;
		color: #000000;
	}

	#small-box-bottom{
		background: url(/uploads/images/left_list_bottom.gif);
		background-repeat: none;
		background-position: 0 0;
		height:14px;
	}
	
	
	
#small-box-content{
background: url(/uploads/images/left_list_bg.png);
font: 70% Arial;
}
	
#small-box-content a, #left-list-box-content a:link, #left-list-box-content a:visited, #left-list-box-content a:hover, #left-list-box-content a:active{
		cursor:pointer;
		color:#336699;
}

#small-box-content a:hover{
		cursor:pointer;
		color:#000000;
}

.tool-tip, #tool-tip a, #tool-tip a:link, #tool-tip a:visited
{
border-bottom: 1px dotted #00487D;
color:#00487D;
}

.screenshot-link, #screenshot-link a, #screenshot-link a:link, #screenshot-link a:visited
{
border-bottom: 1px dotted #999999;
color:#00487D;
}


.feature_ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight:normal;
}
.feature_li
{
	list-style: none;
	font-weight:normal;
	background-image: url(/uploads/images/arrow_bullet.gif);
	background-position: 0 0.2em;
	background-repeat: no-repeat;
	margin: 0;
	padding-bottom: 20px;
	padding-left: 20px;
}

#bottom_fade {
	width: 200px;
	height: 200px;
	z-index: 99;
	position: fixed;
	bottom: 0%;
	background-image: url(/uploads/images/bottom-fade.png);
}

.breadcrumbs{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: white;
		font-style: normal;
		}
	}
	.breadcrumbs a{
		text-decoration: none;
		cursor: pointer;
		color: white;
		border-bottom: 1px dotted white;
	}

.prev-next{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #666666;
		font-style: normal;
		font-weight: lighter;
		margin-top:10px;
		margin-bottom:10px;
text-align:center;}
	}
	.prev-next a{
		text-decoration: none;
		cursor: pointer;
		color: #666666;
		border-bottom: 1px dotted Gray;
	}



.home-news{
margin:0 10px 10px 10px;
}


.home-news-item{
margin-top:5px;
margin-bottom:5px;

}

.home-news-title{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color: #000000;
margin-bottom:5px;
}

.home-news-title a{
text-decoration: none;
cursor: pointer;
color: #000000;
border-bottom: 1px dotted Gray;
}


.home-news-item-update{
margin-top:5px;
margin-bottom:5px;

}

.home-news-title-update{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}

.home-news-title-update a{
text-decoration: none;
cursor: pointer;
color: #cc0000;
border-bottom: 1px dotted Gray;
}

.home-news-summary{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
}

.home-news-summary a{
text-decoration: none;
cursor: pointer;
color: #cc0000;
}


.home-news-paging{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}

.home-news-paging a{
text-decoration: none;
cursor: pointer;
color: #cc0000;
}

.home-news-more{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

.home-news-more a{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
cursor: pointer;
color: #cc0000;
border-bottom: 1px dotted Gray;
}





.news-news-item{
margin-top:20px;
margin-bottom:20px;

}

.news-news-title{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight:bold;
color: #000000;
margin-bottom:10px;
}

.news-news-title a{
text-decoration: none;
cursor: pointer;
color: #000000;
border-bottom: 1px dotted Gray;
}

.news-news-summary{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.news-news-summary a{
text-decoration: none;
cursor: pointer;
color: #cc0000;
}


.news-news-paging{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}

.news-news-paging a{
text-decoration: none;
cursor: pointer;
color: #000000;
}

.news-news-date{
color: #cc0000;
}

.home-links {
margin-top:10px;
}

.home-links a{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
cursor: pointer;
color: #cc0000;
border-bottom: 1px dotted Gray;
}

.screenshot-thumbnail-description{
width:220px;
}

#content p.screenshot-thumbnail-description{
font-size: 11px;
}

.features-list
{
clear: both; 
margin: 0 0 20px 15px; 
padding: 0;
}

.quote-link{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin-top:10px;
}

.quote-link a{
text-decoration: none;
cursor: pointer;
color: #cc0000;
border-bottom: 1px dotted Gray;
}


/* End of 'default' */