body {
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  color:#564b47;  
  text-align: center;
  background:url(/images/bg_body.jpg) repeat-x #656565;
}

#head {
	height:205px;
	background:url(/images/head.jpg) top left no-repeat;

}
#footer {
	height:30px;
}


#layout {
	background:url(/images/bg_loop.gif) top left repeat-y;
}


#layoutwrap { 
  position:absolute;
  width: 985px;
  padding: 0px;
  text-align: left;
	margin:0px 0px  20px -492px ;
	left:50%;
}

pre {
margin: 0px; 
padding: 10px; 
}

h1 {
	color:#8F1A35;
	font-size:16px;
	font-weight:bold;
	margin-top:17px;
	border-bottom:1px solid #5F2332;
}

h2 {
	color:#8F1A35;
	font-size:14px;
	font-weight:bold;
	margin:0px 0px 2px 0px;
}

h2.line {
	border-bottom:1px solid #5F2332;
}

h3 {
	color:#8F1A35;
	font-size:13px;
	font-weight:bold;
	margin:10px 0px 2px 0px;
}
h4 {
	font-size:13px;
	font-weight:bold;
	margin:10px 0px 0px 0px;
}

p {
	
	margin:0;
}

a { 
color: #C20229;
background-color:transparent;
text-decoration: none; 
}


#navi {
	background:url(/images/navi_bg.gif) repeat-x;
	height:38px;
	padding:0;
	text-align:left;
}

a.navi {
	color:#b3b3b3;
	font-weight:normal;
  text-decoration:none;
  font-size:12px;
  font-family:Arial;
}

a.navi:hover {
  text-decoration:none;
}




#bgleft {
	float:left;
}
#bgright {
  float:left;
}
#contentarea {
  float:left;
  width:975px;
  background:url(/images/content_bg.gif) repeat-x top left;
}
#content {
	
	padding:40px 18px 10px 18px;

}
#navientries {
	float:right;
	height:38px;
}

.navi_entry {
	float:left;
	padding:12px 8px 4px 8px;
}

.navi_entry_active {
	float:left;
	padding:12px 8px 4px 8px;
	background:url(/images/navi_bg_hover.gif);
}


.navi_entry:hover {
	padding:12px 8px 4px 8px;
	background:url(/images/navi_bg_hover.gif);
}


.navi_seperator {
	float:left;
}

.exampleblock {
	float:left;
	width:340px;
	margin-right:10px;
}

.exampleblock2 {
	float:left;
	width:200px;
}

#exampleSetup {
	border: 1px solid #91a0c0;
	border-left: 4px solid #91a0c0;
	background: #edf3ff;
	font-size: 12px;
	padding: 2px;
	width: 320px;
	height: 200px;
	overflow: auto;
	margin-right: 10px;
}
#exampleSetup2 {
	border: 1px solid #91a0c0;
	border-left: 4px solid #91a0c0;
	background: #edf3ff;
	font-size: 12px;
	padding: 2px;
	width: 320px;
	height: 200px;
	overflow: auto;
	margin-right: 10px;
}

.codeBlock {

	border: 1px solid #91a0c0;
	border-left: 4px solid #91a0c0;
	background: #edf3ff;
	font-size: 12px;
	padding: 2px;
	width: 320px;
	height: 200px;
	overflow: auto;
	margin-right: 10px;
}

.sectionHeader {
	color:#8F1A35;
	font-size:12px;
	font-weight:bold;
	margin-top:10px;
}


#submenu {
	float:left;
	width:280px;

}

#submenu_top {
	height:27px;
	width:208px;

}
#submenu_content {
	clear:both;
	background:url(/images/submenu_bg.gif) top left no-repeat #8e8e8e;
	margin:0px 3px 0px 4px;
}

#submenu_content a{
	color:#FFF;
	font-size:12px;
	padding-left:4px;
}

.categoryListItem {
	border-bottom:1px solid #fff;
	padding:4px 2px 4px 2px;
}
a.submenu {
	color:#FFF;
	font-weight:12px;
	padding-left:4px;

}

#content_right {
	float:left;
	margin-left:10px;
	width:620px;

}

.pluginBox {
	border-top:1px solid #AAA;

}

#exampleOutput {
	margin-top:20px;
	border: 1px solid #91a0c0;
	border-left: 4px solid #91a0c0;
	background: #edf3ff;
	font-size: 12px;
	padding: 2px;
	width: 670px;
	height: 220px;
	overflow: auto;
	margin-right: 10px;
}

.part {
	font-family:Arial,Verdana;
	font-size:13px;
	width:840px;
}

.code {
	
}

.text {
	font-family:Arial,Verdana;
	font-size:13px;
	text-align:justify;
}

pre {
	border: 1px solid #91a0c0;
	border-left: 4px solid #91a0c0;
	background: #edf3ff;
	font-size: 12px;
	width: 590px;
	overflow: auto;

	border: 1px solid #91a0c0;
	border-left: 4px solid #91a0c0;
	background: #edf3ff;
	font-size: 12px;
	padding: 2px;
	width: 830px;
	height: auto;
	/* overflow: auto;*/
	margin: 20px 0px 10px 0px;
}

.API_DOCS pre {
	margin:0px;
	width:610px;
}
.edit_plugin label {
	width:100px;
	float:left;
}

.edit_plugin input{
	background: url(/ccds/img/input-text-bg.gif) bottom left repeat-x #FFF;
	border:1px solid #CCC;	
	width:650px;
	padding:2px 6px 2px 6px;
}

.edit_plugin textarea {
	background: url(/ccds/img/input-text-bg.gif) bottom left repeat-x #FFF;
	border: 1px solid #ccc;
	width:650px;
	height:350px;
	padding:2px 6px 2px 6px;
}
.edit_plugin .info {
	clear:both;
	margin-left:100px;
	font-size:10px;
	color:#666;
	width:650px;
}

hr {
	color:#666;
	border:0px;
	padding:0;
	margin:0;
	height:1px;
}

.edit_plugin input[type=text],.edit_plugin  input[type=password], .edit_plugin input[type=select] {
	border: 1px solid #bdbcbd;
	background: url(../img/input-text-bg.gif) bottom left repeat-x #FFF;
	font-size:11px;
	padding:2px 6px 2px 6px;
}

.edit_plugin input[type=button], .edit_plugin input[type=submit] {
	border:1px solid #b3b3b3;
	background: url(/ccds/img/button-bg.gif) repeat-x top left;
	font-size:11px;
	padding:2px 6px 2px 6px;
	text-align:center;
	font-weight:bold;
	margin:0px;
}


.tutorial pre {
	margin:0px 0px 10px 0px;
	height:auto;
}
.tutorial h4 {
	margin:10px 0px 0px 0px;
}
ul.tutorial li {
	margin-bottom:14px;
}
.apidocs_function pre {
	height:auto;
	width: 600px;
}
.editsection {
	font-size:10px;
	float:right;

}
.printfooter {
  display:none;
}

.field textarea {
	background: url(/ccds/img/input-text-bg.gif) bottom left repeat-x #FFF;
	border:1px solid #CCC;
	width:600px;
	height:100px;
	
}
.field input {
	background: url(/ccds/img/input-text-bg.gif) bottom left repeat-x #FFF;
	border:1px solid #CCC;
	
}

.search {
	color:#888;float:right;
	margin-right:4px;
	height:20px;
}

.search input{
		background: url(/ccds/img/input-text-bg.gif) bottom left repeat-x #FFF;
		border:1px solid #333;

}


.search input[type=submit] {
		background: url(/ccds/img/input-text-bg.gif) bottom left repeat-x #FFF;
		border:1px solid #333;

}
.label {
	font-weight:bold;
	
}

div#comments .entry {
		border-bottom:1px solid #ddd;
		padding:2px 0px 4px 0px;
		margin-bottom:2px;
}
div#comments h3 {
	margin-top:0px;
}
div#comments p {
	margin-top:10px;
}