/*   developer.msgme.com CSS   */

body {
	background-color: #F1F1F1;
	background-image: url(/images/developer/body_background-repeats.png);
	background-repeat: repeat-x;
	padding: 0;
	margin: 0;
	font-size: 62.5%;
	font-family: Arial, Helvetica;
	color: #333333;
}

#page {
	width: 978px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

a {
	outline: none;
}

a img {
  border: 0;
}

.error_smarty {
	color: #CC0000;
	font-weight: bold;
}

.redtext {
	color: #CC0000; 
}

.greentext {
	color: #007a3b;
}

.yellowtext {
	color: #ff9900;
}

/* NAV
----------------------------------------------- */

#nav_main {
	width: 921px;
	height: 39px;
	padding-left: 57px;
}

#nav_main ul {
	height: 39px;
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav_main li {
	background: none;
	float: left;
	margin: 0;
	height: 43px;
	width: 110px;
	padding: 0;
	text-align: center;
}

#nav_main li.selected {
	background-image: url(/images/developer/nav_main_indicator_background.png);
	background-repeat: no-repeat;
}

#nav_main li a {
	height: 23px;
	display: block;
	text-decoration: none;
	text-align: center;	
	color: #A9A9A9;
	padding: 11px 0 0 0;
	font-weight: bold;
}

#nav_main li a:hover {
	background-image: url(/images/developer/nav_main_hover_background.png);
	background-repeat: no-repeat;
	color: #CCCCCC;
}

#nav_main li.selected a:hover {
	background: none;
}

#nav_main li.selected a {
	color: #FFFFFF;
	font-weight: bold;
}

#nav_main li.msgme {
	background: none;
	width: 90px;
}

#nav_main li.msgme a {
	color: #999999;
	text-decoration: none;
	font-size: 1.1em;
	text-align: left;
}

#nav_main li.msgme a:hover {
	color: #999999;
	background: none;
	text-decoration: underline;
	color: #CCCCCC;
}

#nav_main li.msgme a span.greytext {
	color: #666666;
}

#nav_main li.msgme a:hover span.greytext {
	color: #0066CC;
}

/* PAGEHEADER
----------------------------------------------- */
#pageheader_wrapper {
	position: absolute;
	width: 866px;
	height: 52px;
	clear: both;
}

#pageheader_left h1 {
	margin: 0;
	padding: 0;
	font-size: 2.7em;
	color: #000000;
}

#pageheader_left h1 span.greytext {
	color: #666666;
}

#pageheader_left {
	position: absolute;
	left: 0;
	top: 10px;
}

#pageheader_right {
	position: absolute;
	left: 665px;
	top: 10px;
}

p.pageheader_greeting {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0;
}

p.pageheader_links {
	font-size: 1.1em;
	font-weight: normal;
	margin: 0 0 1px 0;
	color: #999999;
}

p.pageheader_links a {
	color: #0077CC;
}

/* CONTENT
----------------------------------------------- */
#content_background_wrapper {
	position: relative;
	top: 55px;
	left: 0;
	clear: both;
}

#content_background {
	width: 978px;
	background-image: url(/images/developer/content_background.png);
	background-repeat: no-repeat;
	z-index: 1;
}

#content {
	position: relative;
	top: 10px;
	left: 16px;
	width: 866px;
	min-height:510px;
	height:auto !important;
	height:510px;
	padding: 22px 40px 40px 40px;
	z-index: 2;
	background-color: #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
}

#content_left {
	position: relative;
	float: left;
	width: 630px;
}

.content_left_rule {
	border-top: 1px solid #CCCCCC;
	height: 1px;
	padding: 0;
	margin: 0 0 20px 0;
	clear: both;
}

#content_right {
	float: right;
	position: absolute;
	left: 692px;
	width: 210px;
	
}

.content_right_item {
	width: 211px;
	padding: 0 0 2px 0;
	margin: 0 0 5px 0;
}

/* TYPOGRAPHY
----------------------------------------------- */

p, tr {
	font-size: 1.2em;
	margin: 0 0 5px 0;
	line-height: 14px;
}

h1 {
	font-size: 3.7em;
	font-weight: normal;
	margin: 0 0 30px 0;
	letter-spacing: -1px;
}

h2, .h2 {
	font-size: 1.7em;
	font-weight: bold;
	margin: 0 0 4px 0;
}


h3, .h3 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 2px 0 5px 0;
}

a {
	color: #0077CC;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.img:hover {
	background-color: transparent;
}
 
.nohover {
	background-color: transparent;
}

a.greylink {
	color: #999999;
}

a.greylink:hover {
	color: #0099FF;
	text-decoration: underline;
}

.greytext {
	color: #999999;
}

.smalltext {
	font-size: 1.1em;
}

.mediumtext {
	font-size: 1.4em;
	margin: 5px 0 6px 0;
}

.DevTestAPI th {
	text-align: right;
}

.intro_home {
	font-size: 1.6em;
	line-height: 22px;
	margin: 13px 0 23px 0;
}

.fieldlabel {
	margin: 13px 0 2px 0;
	color: #444444;
	letter-spacing: 1px;
	font-size: 1.0em;
}

.codeblue {
	font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
	padding: 14px 7px;
	background-color: #E8F1FA;
	border: 1px solid #B0D0EF;
}
.codegray {
	font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
	padding: 14px 7px;
	background-color: #EFEFEF;
	border: 1px solid #C9C9C9;
	color: #565656;
}

.codeexample {
	font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
	padding: 14px 7px;
	border: 1px dashed #A3A3A3;
	color: #565656;
}

.codeblue p, .codegray p, .codeexample p {
	margin-left: 7px;
}


.codetext {
	font-family: "Courier New", "Courier";
}

input {
	margin: 1px 0;
}

.alert {
	background-color: #FFFFCC;
	border: 1px dashed #FF9900;
	padding: 7px;
	font-style: italic;
	color: #FF6600;
}

table.devdoc {
	background-color: #CCCCCC;
}

table.devdoc th {
	background-color: #EEEEEE;
	padding: 7px;
}

table.devdoc td {
	background-color: #FFFFFF;
	padding: 7px;
	font-size: 1.0em;
}

#devdoc p {
	margin-bottom: 13px;
	font-size: 1.2em;
}

#devdoc p.overview {
	font-size: 1.1em;
}

#devdoc .codegray p, #devdoc .codeexample p, #devdoc .codeblue p {
	margin-bottom: 0;
}

.devdoc_summary {
	border-top: 1px solid #C9C9C9;
	border-bottom: 1px solid #C9C9C9;
	padding: 10px 0 0 0;
	margin: 0 0 24px 0;
}

.devdoc_summary p {
	margin-bottom: 13px;
}


ul.list {
	list-style: disc;
	font-size: 1.1em;
	line-height: 1.3em;
	margin-left: 15px;
	border: 0;
}
ol.list {
	list-style: decimal;
	font-size: 1.1em;
	line-height: 1.3em;
	margin-left: 15px;
	border: 0;
}
ul.list li, ol.list li {
	font-size: 1.1em;
	line-height: 1.3em;
}

/* PAGEBOTTOM
----------------------------------------------- */

.pagebottom {
	width: 100%;
	height: 300px;
	padding: 0px;
	margin: 185px 0px 0px 0px;
	clear: both;
}

#footer {
	width:940px;
	padding: 13px 50px;
	text-align: center;
	margin: 0 auto;
}

#footer a, #footer p {
	color: #666666;
}
#footer a {
	text-decoration: underline;
}
#footer p {
	margin: 0px 0px;
	font-size: 1.1em;
}

#footer_left {
	position: relative;
	float: left;
}
#footer_right {
	position: relative;
	float: right;
}
#footer_right a {
	text-decoration: none;
}
#footer_right a:hover {
	text-decoration: underline;
	color: #666666;
}


/* CLEARING FLOATS
----------------------------------------------- */

.clearfloat { 
  clear: both;
  line-height: 0;
  height: 0;
}

.clearfix:after { 
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { 
  display: block;
}


/*
 * CSS for Standard tree layout
 * Copyright (C) 2005 SilverStripe Limited
 * Feel free to use this on your websites, but please leave this message in the fies
 * http://www.silverstripe.com/blog
 */

 
ul.tree {
	width: auto;
	padding-left : 0px;
	margin-left : -2px;
	margin-top : -2px;
	font-size: 1.2em;
}


ul.tree img {
 	border : none;
}
 

ul.tree, ul.tree ul {
	padding-left: 0;
}

ul.tree ul {
	margin-left: 16px;
		
}
ul.tree li.closed ul {
	display: none;
}


ul.tree li {
	list-style: none;
	background: url(/images/developer/i-repeater.gif) 0 0 repeat-y;
	display: block;
	width: auto;
}

ul.tree li.last {
	list-style: none;
	background-image: none;
}



/* Span-A: I/L/I glpyhs */
ul.tree span.a {
	background: url(/images/developer/t.gif) 0 50% no-repeat;
	display: block;
}
ul.tree span.a.last {
	background: url(/images/developer/l.gif) 0 50% no-repeat;
}

/* Span-B: Plus/Minus icon */
ul.tree span.b {
}
ul.tree span.a.children span.b {
	background: url(/images/developer/minus.gif) 0 50% no-repeat;
	cursor: pointer;
}
ul.tree li.closed span.a.children span.b {
	background: url(/images/developer/plus.gif) 0 50% no-repeat;
	cursor: pointer;
}

/* Span-C: Spacing and extending tree line below the icon */
ul.tree span.c {
	margin-left: 18px;
}
ul.tree span.a.children span.c {
	background: url(/images/developer/i-bottom.gif) 0 50% no-repeat;
}
ul.tree span.a.spanClosed span.c {
	background-image: none;
}


/* Anchor tag: Page icon */
ul.tree a  {
	white-space: nowrap;
	overflow: hidden;
	
	padding: 10px 0px 10px 0px;
	line-height: 18px;
}
ul.tree span.a.children a {
	background-image: url(/images/developer/page-openfoldericon.png);
}
ul.tree span.a.children.spanClosed a {
	background-image: url(/images/developer/page-foldericon.png);
}

/* Unformatted tree */
ul.tree.unformatted li {
	background-image: none;
	padding-left: 16px;
}
ul.tree.unformatted li li {
	background-image: none;
	padding-left: 0px;
}

/*
 * Divs, by default store vertically aligned data
 */

ul.tree li div {
	float: right;
	clear: right;
	height: 1em;
	margin-top: -26px;
}
/* As inside DIVs should be treated normally */
ul.tree div a  {
	padding: 0;
	background-image: none;
	min-height: auto;
	height: auto;
}

ul.tree li, ul.tree li A:link, ul.tree li A:hover, ul.tree li A:visited {
	color : #0077CC;
	text-decoration: none;
}

ul.tree li.selected A:link , ul.tree li.selected A:hover, ul.tree li.selected A:visited {
	color : #565656;
	text-decoration: none;
}

ul.tree li {
line-height: 18px;
}


ul.tree li .over{
	background-color : pink;
}