/* Tryit styles */

#tryit #source_tab {
	border-left:0;
}

#tryit span.application {
	background:url(../images/source/icon_application.gif) no-repeat scroll left center transparent;
	padding-left:20px;
}

#tryit span.code {
	background:url(../images/source/icon_code.gif) no-repeat scroll left center transparent;
	padding-left:20px;
}

#tryit .demo_content {
	background:none repeat scroll 0 0 #FFFFFF;
	border-color: #DDDDDD;
	border-right:1px solid #DDDDDD;
	border-style:none solid solid;
	border-width:medium 1px 1px;
	padding:4px;
}

#tryit .demo_content textarea {
	width: 100%;
}

#tryit div#view, #tryit div#source {
	margin-bottom: 5px;
}

#tryit .tabs {
	background:url(../images/example_tabs.gif) repeat-x scroll left bottom transparent;
	width: 100%;
	overflow: hidden;
}

#tryit .tabs a:hover {
	text-decoration:none;
	background:none repeat scroll 0 0 #F6FFF6;
}

#tryit .tabs a {
	background:none repeat scroll 0 0 #F6F6F6;
	border:1px solid #E5E5E5;
	color:#777788;
	float:left;
	padding:6px 6px 8px;
}

#tryit .tabs a {
	outline:0 none;
}

#tryit .tabs a.active {
	background:none repeat scroll 0 0 #FFFFFF;
	border-color:#DDDDDD #DDDDDD #FFFFFF;
	color:#001122;
}

#tryit .source {
	margin-top: 10px;
}

#tryit table {
	width: auto;
}

#tryit #table .even td, #tryit table tr:nth-child(2n) td {
	background: transparent;
}

#tryit .moxman-grid table {
	width: 100%;
}