/* Start of CMSMS style sheet 'default' */
#home-1{
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size : 12px;
		padding-top : 10px;
		padding-bottom : 3px;
		color : #003366;
		line-height : 120%;
	}	

ul#brainstorming-slideshow li img{
	border: 1px solid #ccc;
	padding: 4px;
}



/*resets*/

dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
	
	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;
	}
	


.fancy_ul
{
	list-style: none;
margin:0;
margin-top:25px;
margin-bottom:25px;
}
.fancy_li
{
	background-image: url(/uploads/images/bullet.gif);
	background-position: 0px 50%;
	background-repeat: no-repeat;
	font-size: 11px;
font-weight:bold;
	color:#336699;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
padding-left:20px;
}


	#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%; color:#00487D; font-weight:bold; padding-bottom:2px; margin-bottom:10px; letter-spacing: -2px;}
	h2 {font-size: 136%; color:#0066B3; padding-bottom:2px; margin-bottom:10px;}
	h3 {font-size: 100%; color:#0066B3; padding-bottom:2px; margin-bottom:10px;}
	h4 {font-size: 116%}
	h5 {font-size: 106%}
	h6 {font-size: 96%}
	


	p a{
	color:#00487D; 
	}
	
	p a:visited{
	color:#6699cc; 
	}
		
	.highlighted-text{
	color:#00487D; 
	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;
	}
	
	.screencast-description a, .screencast-description a:link, .screencast-description a:visited, .screencast-description a:hover, .screencast-description a:active{
	color:#00487D;
	}
	
	.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:1000px;
	}

	.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;
		background-color: #318AE6;
		border-bottom: 1px solid White;
	}


	#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 #0066B3;
		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:300px;
	}

	#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: #0066B3;
		border-bottom: 3px solid #0066B3;
		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:201px;
		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;
	}

	.what-next
	{
		text-align: center;
		font-size: 80%;
		color:#009900;
		
	}

	.what-next a, #what-next a:link, #what-next a:visited, #what-next a:hover, #what-next a:active{
		cursor:pointer;
		color:#009900;
	}



/*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:1000px;
	}
	
	/*content-left is the left column*/
	.content-left{
		height:100%;
		width:200px;
		margin:0;
		padding:0;
		vertical-align:top;
		
	}
	/*content-center is the center column*/
	.content-center{
		height:100%;
		width:550px;
		margin:0;
		padding:0;
		vertical-align:top;
		border-left: 1px solid #d3d3d3;
	}
	/*content-right is the right column*/
	.content-right{
		height:100%;
		width:250px;
		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:800px;
		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:750px;
		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: 80%;
		margin-bottom: 20px;
		line-height: 140%;
	}
	
	
	#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: 175px;
		border-top: 5px solid #999999;
		margin-left:10px;
		margin-top:20px;
	}

	#left-menu li a{
		background: white url(/uploads/images/arrow-list.gif) no-repeat 2px center;
		font: bold 70% Arial;
		color: #0066B3;
		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: #6699cc;
	}

	#left-menu li a:hover{
		color: #00487D;
		background-color:#BFE4FF;
		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:20px;
		margin-left:20px;
		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: #cc0000;
	}

	#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;
	}

	#blurb {
		width:300px;
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size : 12px;
		line-height : 140%;
	}
	
#welcome {
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size : 12px;
		padding-top : 10px;
		padding-bottom : 3px;
		color : #003366;
		line-height : 120%;
	}

	#blurb_title {
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size : 14px;
		font-weight : bold;
		padding-bottom : 7px;
	}
	#issues_title {
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size : 14px;
		font-weight : bold;
		padding-bottom : 2px;
		color :  #990000;
	}
	#solutions_title {
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size : 14px;
		font-weight : bold;
		padding-bottom : 2px;
		color : #003366;
	}
	#issues {
		width:310px;
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size : 10px;
		line-height : 130%;
		color : #990000;
	}
	#solutions {
		width:310px;
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size : 10px;
		line-height : 130%;
		color : #003366;
	}




#BT_arrow_left{
	background-image: url(/bettertip/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#BT_arrow_right{
	background-image: url(/bettertip/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
	margin-left:0px;
	padding-left:0px;
}


#BT_arrow_title_left{
	background-image: url(/bettertip/arrow_title_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#BT_arrow_title_right{
	background-image: url(/bettertip/arrow_title_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
	margin-left:0px;
	padding-left:0px;
}

#BT_main {
	position: relative;
	z-index:101;
	border: 1px solid #000;
	background-color: #fff;
}

#BT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.BT_loader{
	background-image: url(/bettertip/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#BT_title{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
	font-size:11px;
}

#BT_content{
margin:5px;
font-size:11px;
}

#BT_content img{
padding: 1px;
border: 1px solid #CCCCCC;
}

.betterTip{
text-decoration:none;
cursor:help;
border-bottom: 1px dotted #999999;
color:#0066B3;
}

.BT_shadow0 {
	background:transparent url(/bettertip/corner_tr.png) no-repeat scroll right top;
	position:absolute;
}
.BT_shadow1 {
	background:transparent url(/bettertip/corner_bl.png) no-repeat scroll left bottom;
	display:block;
	padding-left:8px;
	padding-top:8px;
}

.BT_shadow2 {
	background:transparent url(/bettertip/shadow.png) no-repeat scroll right bottom;
	display:block;
}
/* End of 'default' */