body {
	font-size:62.5%;
}

table {
	font-size:1em;
}

/* Site
   -------------------------------- */

body {
	font-family:'Trebuchet MS', Helvetica, Arial, Verdana, sans-serif;
}

/* Layout
   -------------------------------- */

.layout-grid {
	width:960px;
}

.layout-grid td {
	vertical-align:top;
}

.layout-grid td.left-nav {
	width:140px;
}

.layout-grid td.normal {
	font-family:'Trebuchet MS', Helvetica, Arial, Verdana, sans-serif;
	border-left:1px solid #EEEEEE;
	padding:20px 24px 20px 24px;
}

.layout-grid td.demos {
	background-image:url(../../../../../../../../images/demos_bg.jpg);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
	height:337px;
	overflow:hidden;
}

/* Normal
   -------------------------------- */

.normal h3, .normal h4 {
	font-weight:normal;
	margin:0px;
}

.normal h3 {
	padding:0px 0px 9px 0px;
}

.normal h4 {
	padding-bottom:21px;
	font-size:1.2em;
	font-weight:bold;
	border-bottom:1px dashed #999999;
}

.normal p {
	font-size:1.2em;
}

/* Demos */

.demos-nav, .demos-nav dt, .demos-nav dd, .demos-nav ul, .demos-nav li {
	margin:0px;
	padding:0px;
}

.demos-nav {
	float:left;
	width:170px;
	font-size:1.3em;
}

.demos-nav dt, .demos-nav h4 {
	font:normal normal normal 1.1em/normal 'Trebuchet MS', Helvetica, Arial, Verdana, sans-serif;
	color:#E87B10;
	margin:0px;
	padding:0px;
}

.demos-nav dt, .demos-nav h4 {
	margin-top:1.5em;
	margin-bottom:0px;
	padding-left:8px;
	padding-bottom:5px;
	line-height:1.2em;
	border-bottom:1px solid #F4F4F4;
}

.demos-nav dd a, .demos-nav li a {
	display:block;
	font-size:90%;
	text-decoration:none;
	color:#555555;
	height:13px;
	border-bottom:1px solid #F4F4F4;
	margin:2px 0px 2px 0px;
	padding:4px 3px 4px 8px;
}

.demos-nav dd a:hover, .demos-nav dd a:focus, .demos-nav dd a:hover, .demos-nav dd a:focus {
	background-image:initial;
	background-repeat-x:initial;
	background-repeat-y:initial;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#F3F3F3;
	color:#000000;
	border-top-left-radius:5px 5px;
	-webkit-border-top-left-radius:5px 5px;
	-o-border-top-left-radius:5px 5px;
	-moz-border-radius-topleft:5px 5px;
	border-top-right-radius:5px 5px;
	-webkit-border-top-right-radius:5px 5px;
	-o-border-top-right-radius:5px 5px;
	-moz-border-radius-topright:5px 5px;
	border-bottom-right-radius:5px 5px;
	-webkit-border-bottom-right-radius:5px 5px;
	-o-border-bottom-right-radius:5px 5px;
	-moz-border-radius-bottomright:5px 5px;
	border-bottom-left-radius:5px 5px;
	-webkit-border-bottom-left-radius:5px 5px;
	-o-border-bottom-left-radius:5px 5px;
	-moz-border-radius-bottomleft:5px 5px;
}

.demos-nav dd a.selected {
	background-image:initial;
	background-repeat-x:initial;
	background-repeat-y:initial;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#555555;
	color:#FFFFFF;
	border-top-left-radius:5px 5px;
	-webkit-border-top-left-radius:5px 5px;
	-o-border-top-left-radius:5px 5px;
	-moz-border-radius-topleft:5px 5px;
	border-top-right-radius:5px 5px;
	-webkit-border-top-right-radius:5px 5px;
	-o-border-top-right-radius:5px 5px;
	-moz-border-radius-topright:5px 5px;
	border-bottom-right-radius:5px 5px;
	-webkit-border-bottom-right-radius:5px 5px;
	-o-border-bottom-right-radius:5px 5px;
	-moz-border-radius-bottomright:5px 5px;
	border-bottom-left-radius:5px 5px;
	-webkit-border-bottom-left-radius:5px 5px;
	-o-border-bottom-left-radius:5px 5px;
	-moz-border-radius-bottomleft:5px 5px;
}

/* new styles for demo pages, added by Filament 12.29.08
eventually we should convert the font sizes to ems -- using px for now to minimize style conflicts
*/

.normal h3.demo-header {
	font-size:32px;
	text-transform:capitalize;
	font-weight:bold;
	border-bottom:1px solid #EEEEEE;
	padding:0px 0px 5px 0px;
}

.normal h4.demo-subheader {
	font-size:10px;
	text-transform:uppercase;
	color:#999999;
	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-left-width:0px;
	border-style:initial;
	border-color:#000000;
	margin:0px;
	padding:8px 0px 3px 0px;
}

.normal a:link, .normal a:visited {
	color:#1B75BB;
	text-decoration:none;
}

.normal a:hover, .normal a:active {
	color:#0B559B;
}

#demo-config {
	padding:20px 0px 0px 0px;
}

#demo-frame {
	float:left;
	width:540px;
	height:380px;
	overflow:auto;
	position:relative;
	border:1px solid #DDDDDD;
}

#demo-frame h3, #demo-frame h4 {
	font-weight:bold;
	font-size:1em;
	padding:0px;
}

#demo-config-menu {
	float:right;
	width:180px;
}

#demo-config-menu h4 {
	font-size:13px;
	color:#666666;
	font-weight:normal;
	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-left-width:0px;
	border-style:initial;
	border-color:#000000;
	padding-left:18px;
}

#demo-config-menu ul {
	list-style-type:none;
	list-style-position:initial;
	list-style-image:initial;
	margin:0px;
	padding:0px;
}

#demo-config-menu li {
	font-size:12px;
	zoom:1;
	margin:3px 0px 3px 0px;
	padding:0px 0px 0px 10px;
}

#demo-config-menu li a:link, #demo-config-menu li a:visited {
	display:block;
	border-bottom:1px dotted #B3B3B3;
	padding:1px 8px 4px 8px;
}

* html #demo-config-menu li a:link, * html #demo-config-menu li a:visited {
	padding:1px 8px 2px 8px;
}

#demo-config-menu li a:hover, #demo-config-menu li a:active {
	background-color:#F6F6F6;
}

#demo-config-menu li.demo-config-on {
	background-image:url(images/demo%2dconfig%2don%2dtile.gif);
	background-repeat-x:repeat;
	background-repeat-y:no-repeat;
	background-repeat:repeat-x;
	background-attachment:initial;
	background-position:0% 50%;
	background-position-x:0%;
	background-position-y:50%;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
}

#demo-config-menu li.demo-config-on a:link, #demo-config-menu li.demo-config-on a:visited, #demo-config-menu li.demo-config-on a:hover, #demo-config-menu li.demo-config-on a:active {
	background-image:url(images/demo%2dconfig%2don.gif);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:0% 50%;
	background-position-x:0%;
	background-position-y:50%;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
	padding-left:18px;
	color:#FFFFFF;
	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-left-width:0px;
	border-style:initial;
	border-color:#000000;
	margin-left:-10px;
	margin-top:0px;
	margin-bottom:0px;
}

#demo-source, #demo-notes {
	clear:both;
	font-size:1.3em;
	padding:20px 0px 0px 0px;
}

#demo-notes {
	width:520px;
	color:#333333;
	font-size:1em;
}

#demo-notes p code, .demo-description p code {
	font-weight:bold;
	padding:0px;
}

#demo-source pre, #demo-source code {
	padding:0px;
}

code, pre {
	font-size:1.2em;
	line-height:130%;
	padding:8px 0px 8px 20px;
}

#demo-source a:link, #demo-source a:visited, #demo-source a:hover, #demo-source a:active {
	font-size:12px;
	padding-left:13px;
	background-position:0% 50%;
	background-position-x:0%;
	background-position-y:50%;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
}

#demo-source a.source-open:link, #demo-source a.source-open:visited, #demo-source a.source-open:hover, #demo-source a.source-open:active {
	background-image:url(images/demo%2dspindown%2dopen.gif);
}

#demo-source a.source-closed:link, #demo-source a.source-closed:visited, #demo-source a.source-closed:hover, #demo-source a.source-closed:active {
	background-image:url(images/demo%2dspindown%2dclosed.gif);
}

div.demo {
	font-family:'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif;
	padding:12px;
}

div.demo h3.docs {
	clear:left;
	font-size:12px;
	font-weight:normal;
	margin:0px;
	padding:0px 0px 1em 0px;
}

div.demo-description {
	clear:both;
	font-family:'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif;
	font-size:1.3em;
	line-height:1.4em;
	padding:12px;
}

.ui-draggable, .ui-droppable {
	background-position:0% 0%;
	background-position-x:0%;
	background-position-y:0%;
}

.left-nav .demos-nav {
	padding-right:10px;
}

#demo-link {
	font-size:11px;
	padding-top:6px;
	clear:both;
	overflow:hidden;
}

#demo-link a span.ui-icon {
	float:left;
	margin-right:3px;
}

/* Component containers
----------------------------------*/

#widget-docs .ui-widget {
	font-family:'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size:1em;
}

#widget-docs .ui-widget input, #widget-docs .ui-widget select, #widget-docs .ui-widget textarea, #widget-docs .ui-widget button {
	font-family:'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size:1em;
}

#widget-docs .ui-widget-header {
	background-image:url(images/464646_40x100_textures_01_flat_100.png);
	background-repeat-x:repeat;
	background-repeat-y:no-repeat;
	background-repeat:repeat-x;
	background-attachment:initial;
	background-position:50% 50%;
	background-position-x:50%;
	background-position-y:50%;
	background-origin:initial;
	background-clip:initial;
	background-color:#464646;
	color:#FFFFFF;
	font-weight:bold;
	border:1px solid #FFFFFF;
}

#widget-docs .ui-widget-header a {
	color:#FFFFFF;
}

#widget-docs .ui-widget-content {
	background-image:url(images/ffffff_40x100_textures_01_flat_75.png);
	background-repeat-x:repeat;
	background-repeat-y:no-repeat;
	background-repeat:repeat-x;
	background-attachment:initial;
	background-position:50% 50%;
	background-position-x:50%;
	background-position-y:50%;
	background-origin:initial;
	background-clip:initial;
	background-color:#FFFFFF;
	color:#222222;
	border:1px solid #FFFFFF;
}

#widget-docs .ui-widget-content a {
	color:#222222;
}

/* Interaction states
----------------------------------*/

#widget-docs .ui-state-default, #widget-docs .ui-widget-content #widget-docs .ui-state-default {
	background-image:url(images/555555_40x100_textures_03_highlight_soft_75.png);
	background-repeat-x:repeat;
	background-repeat-y:no-repeat;
	background-repeat:repeat-x;
	background-attachment:initial;
	background-position:50% 50%;
	background-position-x:50%;
	background-position-y:50%;
	background-origin:initial;
	background-clip:initial;
	background-color:#555555;
	font-weight:normal;
	color:#FFFFFF;
	outline-style:none;
	outline-width:initial;
	outline-color:#000000;
	border:1px solid #666666;
}

#widget-docs .ui-state-default a {
	color:#FFFFFF;
	text-decoration:none;
	outline-style:none;
	outline-width:initial;
	outline-color:#000000;
}

#widget-docs .ui-state-hover, #widget-docs .ui-widget-content #widget-docs .ui-state-hover, #widget-docs .ui-state-focus, #widget-docs .ui-widget-content #widget-docs .ui-state-focus {
	background-image:url(images/444444_40x100_textures_03_highlight_soft_60.png);
	background-repeat-x:repeat;
	background-repeat-y:no-repeat;
	background-repeat:repeat-x;
	background-attachment:initial;
	background-position:50% 50%;
	background-position-x:50%;
	background-position-y:50%;
	background-origin:initial;
	background-clip:initial;
	background-color:#444444;
	font-weight:normal;
	color:#FFFFFF;
	outline-style:none;
	outline-width:initial;
	outline-color:#000000;
	border:1px solid #666666;
}

#widget-docs .ui-state-hover a {
	color:#FFFFFF;
	text-decoration:none;
	outline-style:none;
	outline-width:initial;
	outline-color:#000000;
}

#widget-docs .ui-state-active, #widget-docs .ui-widget-content #widget-docs .ui-state-active {
	background-image:url(images/ffffff_40x100_textures_01_flat_65.png);
	background-repeat-x:repeat;
	background-repeat-y:no-repeat;
	background-repeat:repeat-x;
	background-attachment:initial;
	background-position:50% 50%;
	background-position-x:50%;
	background-position-y:50%;
	background-origin:initial;
	background-clip:initial;
	background-color:#FFFFFF;
	font-weight:normal;
	color:#F6921E;
	outline-style:none;
	outline-width:initial;
	outline-color:#000000;
	border:1px solid #666666;
}

#widget-docs .ui-state-active a {
	color:#F6921E;
	outline-style:none;
	outline-width:initial;
	outline-color:#000000;
	text-decoration:none;
}

/* Interaction Cues
----------------------------------*/

#widget-docs .ui-state-highlight, #widget-docs .ui-widget-content #widget-docs .ui-state-highlight {
	background-image:url(images/fbf9ee_40x100_textures_02_glass_55.png);
	background-repeat-x:repeat;
	background-repeat-y:no-repeat;
	background-repeat:repeat-x;
	background-attachment:initial;
	background-position:50% 50%;
	background-position-x:50%;
	background-position-y:50%;
	background-origin:initial;
	background-clip:initial;
	background-color:#FBF9EE;
	color:#363636;
	border:1px solid #FCEFA1;
}

#widget-docs .ui-state-error, #widget-docs .ui-widget-content #widget-docs .ui-state-error {
	background-image:url(images/fef1ec_40x100_textures_05_inset_soft_95.png);
	background-repeat-x:repeat;
	background-repeat-y:no-repeat;
	background-repeat:repeat-x;
	background-attachment:initial;
	background-position:50% 100%;
	background-position-x:50%;
	background-position-y:100%;
	background-origin:initial;
	background-clip:initial;
	background-color:#FEF1EC;
	color:#CD0A0A;
	border:1px solid #CD0A0A;
}

#widget-docs .ui-state-error-text, #widget-docs .ui-widget-content #widget-docs .ui-state-error-text {
	color:#CD0A0A;
}

#widget-docs .ui-state-disabled, #widget-docs .ui-widget-content #widget-docs .ui-state-disabled {
	opacity:0.35;
	background-image:none;
}

#widget-docs .ui-priority-primary, #widget-docs .ui-widget-content #widget-docs .ui-priority-primary {
	font-weight:bold;
}

#widget-docs .ui-priority-secondary, #widget-docs .ui-widget-content #widget-docs .ui-priority-secondary {
	opacity:0.7;
	font-weight:normal;
}

/* Icons
----------------------------------*/

/* states and images */

#demo-frame-wrapper .ui-icon, #widget-docs .ui-icon {
	width:16px;
	height:16px;
	background-image:url(images/222222_256x240_icons_icons.png);
}

#widget-docs .ui-widget-content .ui-icon {
	background-image:url(images/222222_256x240_icons_icons.png);
}

#widget-docs .ui-widget-header .ui-icon {
	background-image:url(images/222222_256x240_icons_icons.png);
}

#widget-docs .ui-state-default .ui-icon {
	background-image:url(images/888888_256x240_icons_icons.png);
}

#widget-docs .ui-state-hover .ui-icon, #widget-docs .ui-state-focus .ui-icon {
	background-image:url(images/454545_256x240_icons_icons.png);
}

#widget-docs .ui-state-active .ui-icon {
	background-image:url(images/454545_256x240_icons_icons.png);
}

#widget-docs .ui-state-highlight .ui-icon {
	background-image:url(images/2e83ff_256x240_icons_icons.png);
}

#widget-docs .ui-state-error .ui-icon, #widget-docs .ui-state-error-text .ui-icon {
	background-image:url(images/cd0a0a_256x240_icons_icons.png);
}

/* Misc visuals
----------------------------------*/

/* Corner radius */

#widget-docs .ui-corner-tl {
	border-top-left-radius:4px 4px;
	-webkit-border-top-left-radius:4px 4px;
	-o-border-top-left-radius:4px 4px;
	-moz-border-radius-topleft:4px 4px;
}

#widget-docs .ui-corner-tr {
	border-top-right-radius:4px 4px;
	-webkit-border-top-right-radius:4px 4px;
	-o-border-top-right-radius:4px 4px;
	-moz-border-radius-topright:4px 4px;
}

#widget-docs .ui-corner-bl {
	border-bottom-left-radius:4px 4px;
	-webkit-border-bottom-left-radius:4px 4px;
	-o-border-bottom-left-radius:4px 4px;
	-moz-border-radius-bottomleft:4px 4px;
}

#widget-docs .ui-corner-br {
	border-bottom-right-radius:4px 4px;
	-webkit-border-bottom-right-radius:4px 4px;
	-o-border-bottom-right-radius:4px 4px;
	-moz-border-radius-bottomright:4px 4px;
}

#widget-docs .ui-corner-top {
	border-top-left-radius:4px 4px;
	-webkit-border-top-left-radius:4px 4px;
	-o-border-top-left-radius:4px 4px;
	-moz-border-radius-topleft:4px 4px;
	border-top-right-radius:4px 4px;
	-webkit-border-top-right-radius:4px 4px;
	-o-border-top-right-radius:4px 4px;
	-moz-border-radius-topright:4px 4px;
}

#widget-docs .ui-corner-bottom {
	border-bottom-left-radius:4px 4px;
	-webkit-border-bottom-left-radius:4px 4px;
	-o-border-bottom-left-radius:4px 4px;
	-moz-border-radius-bottomleft:4px 4px;
	border-bottom-right-radius:4px 4px;
	-webkit-border-bottom-right-radius:4px 4px;
	-o-border-bottom-right-radius:4px 4px;
	-moz-border-radius-bottomright:4px 4px;
}

#widget-docs .ui-corner-right {
	border-top-right-radius:4px 4px;
	-webkit-border-top-right-radius:4px 4px;
	-o-border-top-right-radius:4px 4px;
	-moz-border-radius-topright:4px 4px;
	border-bottom-right-radius:4px 4px;
	-webkit-border-bottom-right-radius:4px 4px;
	-o-border-bottom-right-radius:4px 4px;
	-moz-border-radius-bottomright:4px 4px;
}

#widget-docs .ui-corner-left {
	border-top-left-radius:4px 4px;
	-webkit-border-top-left-radius:4px 4px;
	-o-border-top-left-radius:4px 4px;
	-moz-border-radius-topleft:4px 4px;
	border-bottom-left-radius:4px 4px;
	-webkit-border-bottom-left-radius:4px 4px;
	-o-border-bottom-left-radius:4px 4px;
	-moz-border-radius-bottomleft:4px 4px;
}

#widget-docs .ui-corner-all {
	border-top-left-radius:4px 4px;
	-webkit-border-top-left-radius:4px 4px;
	-o-border-top-left-radius:4px 4px;
	-moz-border-radius-topleft:4px 4px;
	border-top-right-radius:4px 4px;
	-webkit-border-top-right-radius:4px 4px;
	-o-border-top-right-radius:4px 4px;
	-moz-border-radius-topright:4px 4px;
	border-bottom-right-radius:4px 4px;
	-webkit-border-bottom-right-radius:4px 4px;
	-o-border-bottom-right-radius:4px 4px;
	-moz-border-radius-bottomright:4px 4px;
	border-bottom-left-radius:4px 4px;
	-webkit-border-bottom-left-radius:4px 4px;
	-o-border-bottom-left-radius:4px 4px;
	-moz-border-radius-bottomleft:4px 4px;
}

/* Overlays */

#widget-docs .ui-widget-overlay {
	background-image:url(images/aaaaaa_40x100_textures_01_flat_0.png);
	background-repeat-x:repeat;
	background-repeat-y:no-repeat;
	background-repeat:repeat-x;
	background-attachment:initial;
	background-position:50% 50%;
	background-position-x:50%;
	background-position-y:50%;
	background-origin:initial;
	background-clip:initial;
	background-color:#AAAAAA;
	opacity:0.3;
}

#widget-docs .ui-widget-shadow {
	background-image:url(images/aaaaaa_40x100_textures_01_flat_0.png);
	background-repeat-x:repeat;
	background-repeat-y:no-repeat;
	background-repeat:repeat-x;
	background-attachment:initial;
	background-position:50% 50%;
	background-position-x:50%;
	background-position-y:50%;
	background-origin:initial;
	background-clip:initial;
	background-color:#AAAAAA;
	opacity:0.3;
	border-top-left-radius:8px 8px;
	-webkit-border-top-left-radius:8px 8px;
	-o-border-top-left-radius:8px 8px;
	-moz-border-radius-topleft:8px 8px;
	border-top-right-radius:8px 8px;
	-webkit-border-top-right-radius:8px 8px;
	-o-border-top-right-radius:8px 8px;
	-moz-border-radius-topright:8px 8px;
	border-bottom-right-radius:8px 8px;
	-webkit-border-bottom-right-radius:8px 8px;
	-o-border-bottom-right-radius:8px 8px;
	-moz-border-radius-bottomright:8px 8px;
	border-bottom-left-radius:8px 8px;
	-webkit-border-bottom-left-radius:8px 8px;
	-o-border-bottom-left-radius:8px 8px;
	-moz-border-radius-bottomleft:8px 8px;
	margin:-8px 0px 0px -8px;
	padding:8px;
}

/*
----------------------------------*/

#widget-docs {
	border-width:initial;
	border-color:#000000;
	border-style:none;
	margin:20px 0px 0px 0px;
}

#widget-docs h2, #widget-docs h3, #widget-docs h4, #widget-docs p, #widget-docs ul, #widget-docs code {
	margin:0px;
	padding:0px;
}

#widget-docs code {
	display:block;
	color:#444444;
	font-size:0.9em;
	margin:0px 0px 1em 0px;
}

#widget-docs code strong {
	color:#000000;
}

#widget-docs p {
	margin:0px 3em 1.2em 0px;
}

#widget-docs p.intro {
	font-size:13px;
	color:#666666;
	line-height:1.3;
}

#widget-docs ul {
	list-style-type:none;
}

#widget-docs h2 {
	font-size:16px;
	margin:1.2em 0px 0.5em 0px;
}

#widget-docs h3 {
	font-size:14px;
	color:#E6820E;
	margin:1.5em 0px 0.5em 0px;
}

.normal #widget-docs h4 {
	font-size:12px;
	color:#000000;
	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-left-width:0px;
	border-style:initial;
	border-color:#000000;
	margin:0px 0px 0.5em 0px;
}

#docs-overview-main {
	width:400px;
}

#docs-overview-sidebar {
	float:right;
	width:200px;
}

#docs-overview-sidebar a span {
	color:#666666;
}

#widget-docs #docs-overview-main p {
	margin-right:0px;
}

#widget-docs #docs-overview-sidebar h4 {
	padding-left:0px;
}

.docs-list-header {
	float:left;
	width:100%;
	border-bottom:1px solid #EEEEEE;
	margin:10px 0px 0px 0px;
}

#widget-docs .docs-list-header h2 {
	float:left;
	margin:0px;
}

#widget-docs .docs-list-header p {
	float:right;
	font-size:11px;
	margin:5px 0px 5px 0px;
}

.docs-list {
	float:left;
	width:100%;
	padding:0px 0px 10px 0px;
}

.docs-list .param-header {
	float:left;
	clear:left;
	width:100%;
	border-top:1px solid #EEEEEE;
	padding:8px 0px 8px 0px;
}

#widget-docs .param-header h3, #widget-docs .param-header p {
	float:left;
	margin:0px;
}

#widget-docs .param-header h3 {
	width:50%;
}

#widget-docs .param-header h3 span {
	background-image:url(images/demo%2dspindown%2dclosed.gif);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:0% 50%;
	background-position-x:0%;
	background-position-y:50%;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
	padding-left:13px;
}

#widget-docs .param-open .param-header h3 span {
	background-image:url(images/demo%2dspindown%2dopen.gif);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:0% 50%;
	background-position-x:0%;
	background-position-y:50%;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
}

#widget-docs .param-header p {
	width:24%;
}

#widget-docs .param-header p.param-type span {
	background-image:url(images/icon%2ddocs%2dinfo.gif);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:0% 50%;
	background-position-x:0%;
	background-position-y:50%;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
	cursor:pointer;
	padding-left:15px;
	border-bottom:1px dashed #CCCCCC;
}

.param-details {
	padding-left:13px;
}

.param-args {
	border-top:1px dotted #CCCCCC;
	margin:0px 0px 1.5em 0px;
}

.param-args td {
	border-bottom:1px dotted #CCCCCC;
	padding:3px 30px 3px 5px;
}

/* overrides for ui-tab styles */

#widget-docs ul.ui-tabs-nav {
	padding:0px 0px 0px 8px;
}

#widget-docs .ui-tabs-nav li {
	margin:5px 5px 0px 0px;
}

#widget-docs .ui-tabs-nav li a:link, #widget-docs .ui-tabs-nav li a:visited, #widget-docs .ui-tabs-nav li a:hover, #widget-docs .ui-tabs-nav li a:active {
	font-size:14px;
	color:#FFFFFF;
	padding:4px 1.2em 3px 1.2em;
}

#widget-docs .ui-tabs-nav li.ui-tabs-selected a:link, #widget-docs .ui-tabs-nav li.ui-tabs-selected a:visited, #widget-docs .ui-tabs-nav li.ui-tabs-selected a:hover, #widget-docs .ui-tabs-nav li.ui-tabs-selected a:active {
	color:#E6820E;
}

#widget-docs .ui-tabs-panel {
	font-size:12px;
	line-height:1.4;
	color:#000000;
	padding:20px 9px 20px 9px;
}

#widget-docs .ui-widget-content a:link, #widget-docs .ui-widget-content a:visited {
	color:#1B75BB;
	text-decoration:none;
}

#widget-docs .ui-widget-content a:hover, #widget-docs .ui-widget-content a:active {
	color:#0B559B;
}