/* Help Center Layout
------------------------------ */
html, body {
	line-height: 1.45;
  color: #23272E;
  background: #F6F6F6 url(../images/bg-page.png) 0 0;
}
	#container {
		padding: 15px 0 0 15px;
		width: 970px;
	}
		#page {
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 6px;
		}
			.content {
			  clear: both;
				padding-top: 33px;
			}
			
		#header {
		  margin-bottom: 15px;
		} 
		
		  #header img {
		    width: 129px;
		    float: left;
		  }
		
		#header .search-form {
		  float: right;
		  margin-top: 15px;
		  padding: .5em;
		  width: 350px;
		  background-color: #FFF;
		  -moz-border-radius: 6px;
			-webkit-border-radius: 6px;
		}
		  #header .search-form .keywords {
		    float: left;
		    width: 240px;
		    margin: 0;
		    padding: .4em;
		    border: 1px solid #DDD;
		    color: #AAA;
		    font-size: 13px;
		    -moz-border-radius: 6px;
  			-webkit-border-radius: 6px;
		  }
		  
		  #header .search-form button {
        float: right;
  			margin: 1px 0 0 4px;
  			width: 81px;
  			height: 28px;
  			text-indent: -10000px;
  			background: url(../images/btn-search.gif) 0 0 no-repeat;
  			border: 0;
  			cursor: pointer;
  		}
  		#header .search-form button:hover {
  			background-position: 0 -28px;
  		}
  		#header h1.logo {
      	position: relative;
      	margin: 0 0 0 13px;
      	padding: 0;
      	font-size: 100%;
      	text-indent: -10000px;
      	width: 129px;
      	height: 62px;
      }
      	#header h1.logo a {
      		position: absolute;
      		top: 0;
      		left: 0;
      		display: block;
      		width: 129px;
      		height: 62px;
      		background: url(../images/logo.png) 0 0 no-repeat;
      		cursor: pointer;
      	}
      	#header h1.logo a:hover {
      		background: url(../images/logo-home.png) 0 0 no-repeat;
      	}
		  
		#footer {
			clear: both;
      padding: 1em 2em;
      margin-top: 2em;
      border-top: 1px solid #BEC3C8;
      font: 11px/150% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
      color: #889;
		}
		  #footer br {
		    clear: both;
		  } 
		  #footer p {
		    float: left;
		    padding: 0 1em;
		  }
		  #footer a:link,
      #footer a:visited {
      	color: #667;
      	text-decoration: none;
      }
      #footer a:hover {
      	color: #001;
      } 
		  #footer ul {
		    float: left;
		    margin: 0;
        padding: .5em 1.5em;
        line-height: 1;
        overflow: hidden;
        //zoom: 1;
		  }
		    #footer ul li {
		      padding-top: 1.5em;
        	display: inline;
        	list-style: none;
        }
        	#footer ul li a:link,
    			#footer ul li a:visited,
    			#footer ul li span {
    				float: left;
    				padding: 2px 7px;
    				white-space: nowrap;
    				border-left: 1px solid #BEC3C8;
    			}
    			#footer ul li.first a:link,
    			#footer ul li.first a:visited,
    			#footer ul li.first span {
    				border: 0;
    			}
		
a.link-action:link,
a.link-action:visited {
	color: #36C;
}

#page a:link,
#page a:visited,
#page a:hover,
#page a:active {
  color: #690;
}

#page a:hover {
	color: #C60;
	text-decoration: none;
}
	#page a.button:hover {
		color: #000;
		background-color: transparent;
	}

#page h1 {
	margin: .125em 0 1em;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.125;
	color: #23272E;
	text-shadow: none!important;
}
#page h2 {
	margin: 0;
	padding: 0 0 1.1em;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.3em;
	border: 0;
	color: #888;
	overflow: visible;
	text-shadow: none!important;
}
	#page h2 a:link,
	#page h2 a:visited {
		color: #23272E;
		border-bottom: 1px solid #CCC;
		text-decoration: none;
	}
	#page h2 a:hover {
	  color: #C60;
		border-color: #ED6;
	}

  .sidebar .padding {
    margin-left: 1em;
    padding-left: 1em;
    border-left: 1px solid #CCC;
  }
  
  .sidebar h2 {
		padding: 0 0 1.32em;
		margin: 0;
		color: #666;
		font-size: 120%;
		background-color: transparent;
	  border: 0;
  }
	
#page h3 {
	margin: .5em 0 0;
	padding: 0;
	font-size: 115%;
}
#page p {
	margin: 0 0 1.45em;
}

p.breadcrumbs {
	margin: 0 0 .65em;
	font: 90% Arial, Verdana, sans-serif;
	color: #AAA;
}
	.breadcrumbs a:link,
	.breadcrumbs a:visited,
	.breadcrumbs a:hover,
	.breadcrumbs a:active {
		color: #888899!important;
	}
	.breadcrumbs .topmost {
		font-weight: bold;
	}

.topics-list {
	margin: 0 0 0 30px;
}
	.topics-list ul.articles-list {
		margin-top: .75em;
	}
	.topics-list ul.articles-list li {
		margin-left: 0;
		list-style: none;
	}

ul.articles-list,
ol.articles-list,
ul#contactus {
	margin: 0 0 1.8em;
	padding: 0;
}
  ol.search-list {
    padding-left: .5em;
  }
	ul.articles-list li,
	ol.articles-list li,
	ol.search-list li {
		margin: 0 0 .5em;
		margin-left: 1.65em;
		color: #CCC;
	}
	
	ol.search-list li {
		position: relative;
		padding-left: 3.5em;
	}
	
	ul#contactus li {
		margin: 0 0 .5em;
		padding-left: 24px;
		list-style: none;
		color: #333;
		background-position: 0 0;
		background-repeat: no-repeat;
	}
		ul#contactus li.email 		{ background-image: url(/images/help/i-mail.gif); }
		ul#contactus li.campfire 	{ background-image: url(/images/help/i-campfire.gif); }
		ul#contactus li.bugreport 	{ background-image: url(/images/help/i-bug.gif); }
		
	
	
pre {
	margin: 0 0 1.45em;
	padding: 1.4em;
	background-color: #EBEEEF;
}

/* Search results */
.search-list i.rel {
	position: absolute;
	left: 0;
	top: .4em;
	width: 2.75em;
	height: .5em;
}
	.search-list i.rel i {
		float: right;
		display: block;
		height: .5em;
		text-indent: -10000px;
		background-color: #9FBCC7;
	}
	
	
/* Main nav */

.navcontainer {
  height: 31px;
}
.mainnav {
	margin-left: 1em;
}
  ul.mainnav li a:link,
  ul.mainnav li a:visited,
  ul.mainnav li a:hover,
  ul.mainnav li a:active {
    color: #690;
    background: none;
  }
  
  ul.mainnav li a:hover {
  	color: #C60;
  }
  
  ul.mainnav li .count,
  ul.mainnav li .count strong {
    color: #888899;
  }
  
	ul.mainnav li.active a,
	ul.mainnav li.active strong {
	  color: #C60;
		background: #FFF;
	}
	
.article-create {
	margin: 0 0 1.5em;
	overflow: hidden;
	//height: 1%;
}
	.article-create .button {
		
	}
	.article-create b.icon {
		top: 2px;
	}
	.article-create span {
		padding-top: 4px!important;
		font-size: 130%!important;
		font-weight: bold;
	}
	
.buttons-sidebar {
	padding: 1em;
	margin: 0 0 1.8em;
	background-color: #F9F9F9;
	border-left: 1px solid #DDD;
	overflow: hidden;
	//height: 1%;
}
	.buttons-sidebar a.link-action {
		display: block;
		float: left;
		margin: .5em;
	}
	.buttons-sidebar a.button {
		display: block;
		clear: left;
	}
		.buttons-sidebar a.button span {
			width: 150px;
		}

	.create b.icon {
		background-image: url(/images/i-create.gif);
	}
	
.article-toolbar {
	padding-top: 2em;
	overflow: hidden;
	//height: 1%;
}

#topics.active li h2 {
	cursor: move;
}
#topics li {
	position: relative;
}
	#topics li h2 {
		padding: 5px 0;
		margin: 0;
		padding-left: 60px;
		margin-left: -60px;
	}
	#topics li h2.hover {
		background-color: #EFEFEF;
	}
	
	#topics h2 .actions {
		display: block;
		position: absolute;
		left: -60px; top: 6px;
		font-size: 11px;
		width: 60px;
		background: #EFEFEF;
	}
		#topics h2 .actions a {
			display: block;
			float: left;
			padding: 0 .5em;
			margin-right: .5em;
			border: 0;
		}
		#topics .actions .edit {
			color: #F00;
		}
		#topics .actions .delete {
			margin: 1px 0 0 .5em;
			padding: 0;
			text-indent: -10000px;
			background: url(/images/i-delete.gif) 0 0 no-repeat;
			width: 16px;
		}
	
		#topics.active h2 .actions {
			display: none;
		}
		
		.inplaceeditor-form {
			background: #EFEFEF;
		}
		.inplaceeditor-form input.editor_field {
			display: block;
			margin-bottom: .5em;
			font: bold 18px "Helvetica Neue", Arial, Helvetica, Tahoma, sans-serif;
		}
		.inplaceeditor-form input.editor_ok_button,
		.inplaceeditor-form a.editor_cancel_link {
			margin-right: .5em;
			font-size: 12px;
		}
		.inplaceeditor-form a.editor_cancel_link {
			color: #F00!important;
			border: 0!important;
		}
		
		.inplaceeditor-saving {
			padding-left: 20px;
			background: url(/images/progress_active.gif) 0 0 no-repeat;
		}

#reorderHelp {
	clear: left;
}
	#reorderHelp .comment {
		clear: both;
		margin: 0;
		padding: 0;
		text-align: left;
		color: #AAA;
		font-size: 11px;
		line-height: 1.5em;
	}
	
.reorder-active {
	background-color: #FF9;
	color: #000!important;
	font-weight: bold;
}

.action-delete {
  border: 0!important;
	color: #F00!important;
}

/* Form modifications */
.form-label {
	padding-left: 0;
}
label {
	font-weight: bold;
}
.simple label {
	display: block;
	margin: .5em 0;
}
	.ext-label {
		font-size: 85%;
		font-weight: normal;
		color: #CCC;
	}
.form-error, .fieldWithErrors {
 margin-left: -.5em;
 margin-right: -.5em;
 padding-left: .5em;
 padding-right: .5em;
}
input.form-title {
	padding: 2px;
	font: bold 18px "Helvetica Neue", Arial, Helvetica, Tahoma, sans-serif;
	width: 98.5%;
}
textarea {
	font: normal 13px "Helvetica Neue", Arial, Helvetica, Tahoma, sans-serif;
	width: 99%;
}

#relMedia ol {
	margin: 0;
	padding: 0;
}



/* Images */
.content .img-block {
	display: block;
	margin: 0 0 1.45em 0;
	border: 3px solid #EEE;
	background-color: #FFF;
}
	.img-block img {
		padding: 5px;
	}
	.img-block span.img-alt {
		display: block;
		padding: 7px;
		font: italic 100%/1.35 Georgia, "Times New Roman", Times, serif;
		color: #666;
		background-color: #EEE;
	}
	.img-block.floatleft {
		float: left;
		margin-right: 1em!important;
	}
	.img-block.floatright {
		float: right;
		margin-left: 1em!important;
	}
	
.form-row div.img-block,
.rel-media-box div.img-block {
	float: left;
	margin-right: 10px;
	padding: 3px;
	border: 1px solid #CCC;
	width: 130px;
}
  .form-row .img-block img,
	.rel-media-box .img-block img {
	  margin: 0;
	  padding: 0;
	  border: 0;
	}

  .form-row .actions a:link,
  .form-row .actions a:visited,
  .form-row .actions a:hover,
  .form-row .actions a:active {
    font-size: 11px;
    color: #690;
  }

  .form-row .actions a:hover {
  	color: #C60;
  	text-decoration: none;
  }

/* Textile Reference Table */
table.reference {
	font-size: 95%;
	color: #888;
}
	table.reference th {
		color: #333;
		font-weight: bold;
	}
	table.reference th,
	table.reference td {
		padding: .25em .5em .25em 0;
	}
	
	table.reference td {
		border: 0;
		border-top: 1px solid #EEE;
	}
	
	table.reference h1 {
		font-size: 150%!important;
	}
	
	table.reference h2 {
		font-size: 115%!important;
	}
	table.reference ul,
	table.reference ol,
	table.reference blockquote {
		margin-left: 1.5em;
	}

/* Login form */
#login,
#password {
  width: 20%;
  margin: 0;
  padding: .25em;
  border: 1px solid #AAA;
  color: #23272E;
  font-size: 13px;
}

.form-buttons {
  border: 0;
  border-top: 1px solid #AAA;
  background: none;
}

/* Content fixes */
.fix-content ol,
.fix-content ul {
  padding-left: 1.5em;
}

.fix-content h3 {
  margin-bottom: 1em!important;
  color: #C60!important;
}

/* Notifications */
.notification {
  margin: 0 0 2em;
  padding: 0;
  border: 0;
  font-weight: bold;
  color: #666;
  background-color: #FFF;
}