@charset "UTF-8";
/* CSS Document */


.stretchy{ 
		margin-bottom: 0;
		overflow: hidden;
	}
	div.ceexpand	{ 
		
		color: #333333;
		text-transform: capitalize;
		text-decoration: none;
	
		font-weight: bold;
		font-size: 100%;
        margin-right: 10px;

		text-align: right;
		float: right;
		padding-top: 10px;
		padding-right: 10px;
		padding-bottom: 0px;
		padding-left: 0px;
	}
	div.cecollapse {
	}
	div.cehover {
		cursor: pointer;
	}


.toggler { width: 500px; height: 200px; }
#effectM, #effectW, #effectB, #effectG {
	width: 100%;
	background-image: url(../images/rs.gif);
	background-repeat: repeat-y;
	background-position: right top;
	padding-bottom: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	
}
#effect h3 {
	margin: 0;
	padding: 0.4em;
}

#effectL {
	width: 100%;
	background-image: url(../images/rs.gif);
	background-repeat: repeat-y;
	background-position: right top;
	padding-bottom: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	overflow: hidden;
}


.ui-effects-transfer { border: 2px dotted gray; } 

.layout-grid {
width:960px;
}
.layout-grid td {
vertical-align:top;
}
.layout-grid td.left-nav {
width:140px;
}
.layout-grid td.normal {
border-left:1px solid #EEEEEE;
font-family:"Trebuchet MS","Helvetica","Arial","Verdana","sans-serif";
padding:20px 24px;
}
.layout-grid td.demos {
background:transparent url(/images/demos_bg.jpg) no-repeat scroll 0;
height:337px;
overflow:hidden;
}
.normal h3, .normal h4 {
font-weight:normal;
margin:0;
}
.normal h3 {
font-size:1.8em;
padding:0 0 9px;
}
.normal h4 {
border-bottom:1px dashed #999999;
font-size:1.2em;
font-weight:bold;
padding-bottom:21px;
}
.normal p {
font-size:1.2em;
}
.demos-nav, .demos-nav dt, .demos-nav dd, .demos-nav ul, .demos-nav li {
margin:0;
padding:0;
}
.demos-nav {
float:left;
font-size:1.3em;
width:170px;
}
.demos-nav dt, .demos-nav h4 {
color:#E87B10;
font-family:"Trebuchet MS","Helvetica","Arial","Verdana","sans-serif";
font-size:1.1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
padding:0;
}
.demos-nav dt, .demos-nav h4 {
border-bottom:1px solid #F4F4F4;
line-height:1.2em;
margin-bottom:0;
margin-top:1.5em;
padding-bottom:5px;
padding-left:8px;
}
.demos-nav dd a, .demos-nav li a {
border-bottom:1px solid #F4F4F4;
color:#555555;
display:block;
font-size:90%;
height:13px;
margin:2px 0;
padding:4px 3px 4px 8px;
text-decoration:none;
}
.demos-nav dd a:hover, .demos-nav dd a:focus, .demos-nav dd a:hover, .demos-nav dd a:focus {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#F3F3F3 none repeat scroll 0;
color:#000000;
}
.demos-nav dd a.selected {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#555555 none repeat scroll 0;
color:#FFFFFF;
}
.normal h3.demo-header {
border-bottom:1px solid #EEEEEE;
font-size:32px;
padding:0 0 5px;
text-transform:capitalize;
}
.normal h4.demo-subheader {
border:0 none;
color:#999999;
font-size:10px;
margin:0;
padding:8px 0 3px;
text-transform:uppercase;
}
.normal a:link, .normal a:visited {
color:#1B75BB;
text-decoration:none;
}
.normal a:hover, .normal a:active {
color:#0B559B;
}
#demo-config {
padding:20px 0 0;
}
#demo-frame {
border:1px solid #DDDDDD;
float:left;
height:380px;
overflow:auto;
position:relative;
width:540px;
}
#demo-frame h3, #demo-frame h4 {
font-size:1em;
font-weight:bold;
padding:0;
}
#demo-config-menu {
float:right;
width:180px;
}
#demo-config-menu h4 {
border:0 none;
color:#666666;
font-size:13px;
font-weight:normal;
padding-left:18px;
}
#demo-config-menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#demo-config-menu li {
font-size:12px;
margin:3px 0;
padding:0 0 0 10px;
}
#demo-config-menu li a:link, #demo-config-menu li a:visited {
border-bottom:1px dotted #B3B3B3;
display:block;
padding:1px 8px 4px;
}
* html #demo-config-menu li a:link, * html #demo-config-menu li a:visited {
padding:1px 8px 2px;
}
#demo-config-menu li a:hover, #demo-config-menu li a:active {
background-color:#F6F6F6;
}
#demo-config-menu li.demo-config-on {
background:transparent url(images/demo-config-on-tile.gif) repeat-x scroll left center;
}
#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:transparent url(images/demo-config-on.gif) no-repeat scroll left center;
border:0 none;
color:#FFFFFF;
margin-bottom:0;
margin-left:-10px;
margin-top:0;
padding-left:18px;
}
#demo-source, #demo-notes {
clear:both;
font-size:1.3em;
padding:20px 0 0;
}
#demo-notes {
color:#333333;
font-size:1em;
width:520px;
}
#demo-notes p code, .demo-description p code {
font-weight:bold;
padding:0;
}
#demo-source pre, #demo-source code {
padding:0;
}
code, pre {
font-size:1.2em;
line-height:130%;
padding:8px 0 8px 20px;
}
#demo-source a:link, #demo-source a:visited, #demo-source a:hover, #demo-source a:active {
background-position:left center;
background-repeat:no-repeat;
font-size:12px;
padding-left:13px;
}
#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-spindown-open.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-spindown-closed.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:0;
padding:0 0 1em;
}
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:left top;
}
.left-nav .demos-nav {
padding-right:10px;
}
#demo-link {
clear:both;
font-size:11px;
overflow:hidden;
padding-top:6px;
}
#demo-link a span.ui-icon {
float:left;
margin-right:3px;
}
#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:#464646 url(images/464646_40x100_textures_01_flat_100.png) repeat-x scroll 50%;
border:1px solid #FFFFFF;
color:#FFFFFF;
font-weight:bold;
}
#widget-docs .ui-widget-header a {
color:#FFFFFF;
}
#widget-docs .ui-widget-content {
background:#FFFFFF url(images/ffffff_40x100_textures_01_flat_75.png) repeat-x scroll 50%;
border:1px solid #FFFFFF;
color:#222222;
}
#widget-docs .ui-widget-content a {
color:#222222;
}
#widget-docs .ui-state-default, #widget-docs .ui-widget-content #widget-docs .ui-state-default {
background:#555555 url(images/555555_40x100_textures_03_highlight_soft_75.png) repeat-x scroll 50%;
border:1px solid #666666;
color:#FFFFFF;
font-weight:normal;
outline-color:invert;
outline-style:none;
outline-width:medium;
}
#widget-docs .ui-state-default a {
color:#FFFFFF;
outline-color:invert;
outline-style:none;
outline-width:medium;
text-decoration:none;
}
#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:#444444 url(images/444444_40x100_textures_03_highlight_soft_60.png) repeat-x scroll 50%;
border:1px solid #666666;
color:#FFFFFF;
font-weight:normal;
outline-color:invert;
outline-style:none;
outline-width:medium;
}
#widget-docs .ui-state-hover a {
color:#FFFFFF;
outline-color:invert;
outline-style:none;
outline-width:medium;
text-decoration:none;
}
#widget-docs .ui-state-active, #widget-docs .ui-widget-content #widget-docs .ui-state-active {
background:#FFFFFF url(images/ffffff_40x100_textures_01_flat_65.png) repeat-x scroll 50%;
border:1px solid #666666;
color:#F6921E;
font-weight:normal;
outline-color:invert;
outline-style:none;
outline-width:medium;
}
#widget-docs .ui-state-active a {
color:#F6921E;
outline-color:invert;
outline-style:none;
outline-width:medium;
text-decoration:none;
}
#widget-docs .ui-state-highlight, #widget-docs .ui-widget-content #widget-docs .ui-state-highlight {
background:#FBF9EE url(images/fbf9ee_40x100_textures_02_glass_55.png) repeat-x scroll 50%;
border:1px solid #FCEFA1;
color:#363636;
}
#widget-docs .ui-state-error, #widget-docs .ui-widget-content #widget-docs .ui-state-error {
background:#FEF1EC url(images/fef1ec_40x100_textures_05_inset_soft_95.png) repeat-x scroll 50% bottom;
border:1px solid #CD0A0A;
color:#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 {
background-image:none;
opacity:0.35;
}
#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 {
font-weight:normal;
opacity:0.7;
}
#demo-frame-wrapper .ui-icon, #widget-docs .ui-icon {
background-image:url(images/222222_256x240_icons_icons.png);
height:16px;
width:16px;
}
#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);
}
#widget-docs .ui-corner-tl {
-moz-border-radius-topleft:4px;
}
#widget-docs .ui-corner-tr {
-moz-border-radius-topright:4px;
}
#widget-docs .ui-corner-bl {
-moz-border-radius-bottomleft:4px;
}
#widget-docs .ui-corner-br {
-moz-border-radius-bottomright:4px;
}
#widget-docs .ui-corner-top {
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
}
#widget-docs .ui-corner-bottom {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
}
#widget-docs .ui-corner-right {
-moz-border-radius-bottomright:4px;
-moz-border-radius-topright:4px;
}
#widget-docs .ui-corner-left {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-topleft:4px;
}
#widget-docs .ui-corner-all {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
}
#widget-docs .ui-widget-overlay {
background:#AAAAAA url(images/aaaaaa_40x100_textures_01_flat_0.png) repeat-x scroll 50%;
opacity:0.3;
}
#widget-docs .ui-widget-shadow {
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
background:#AAAAAA url(images/aaaaaa_40x100_textures_01_flat_0.png) repeat-x scroll 50%;
margin:-8px 0 0 -8px;
opacity:0.3;
padding:8px;
}
#widget-docs {
border:medium none;
margin:20px 0 0;
}
#widget-docs h2, #widget-docs h3, #widget-docs h4, #widget-docs p, #widget-docs ul, #widget-docs code {
margin:0;
padding:0;
}
#widget-docs code {
color:#444444;
display:block;
font-size:0.9em;
margin:0 0 1em;
}
#widget-docs code strong {
color:#000000;
}
#widget-docs p {
margin:0 3em 1.2em 0;
}
#widget-docs p.intro {
color:#666666;
font-size:13px;
line-height:1.3;
}
#widget-docs ul {
list-style-type:none;
}
#widget-docs h2 {
font-size:16px;
margin:1.2em 0 0.5em;
}
#widget-docs h3 {
color:#E6820E;
font-size:14px;
margin:1.5em 0 0.5em;
}
.normal #widget-docs h4 {
border:0 none;
color:#000000;
font-size:12px;
margin:0 0 0.5em;
}
#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:0;
}
#widget-docs #docs-overview-sidebar h4 {
padding-left:0;
}
.docs-list-header {
border-bottom:1px solid #EEEEEE;
float:left;
margin:10px 0 0;
width:100%;
}
#widget-docs .docs-list-header h2 {
float:left;
margin:0;
}
#widget-docs .docs-list-header p {
float:right;
font-size:11px;
margin:5px 0;
}
.docs-list {
float:left;
padding:0 0 10px;
width:100%;
}
.docs-list .param-header {
border-top:1px solid #EEEEEE;
clear:left;
float:left;
padding:8px 0;
width:100%;
}
#widget-docs .param-header h3, #widget-docs .param-header p {
float:left;
margin:0;
}
#widget-docs .param-header h3 {
width:50%;
}
#widget-docs .param-header h3 span {
background:transparent url(images/demo-spindown-closed.gif) no-repeat scroll left center;
padding-left:13px;
}
#widget-docs .param-open .param-header h3 span {
background:transparent url(images/demo-spindown-open.gif) no-repeat scroll left center;
}
#widget-docs .param-header p {
width:24%;
}
#widget-docs .param-header p.param-type span {
background:transparent url(images/icon-docs-info.gif) no-repeat scroll left center;
border-bottom:1px dashed #CCCCCC;
cursor:pointer;
padding-left:15px;
}
.param-details {
padding-left:13px;
}
.param-args {
border-top:1px dotted #CCCCCC;
margin:0 0 1.5em;
}
.param-args td {
border-bottom:1px dotted #CCCCCC;
padding:3px 30px 3px 5px;
}
#widget-docs ul.ui-tabs-nav {
padding:0 0 0 8px;
}
#widget-docs .ui-tabs-nav li {
margin:5px 5px 0 0;
}
#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 {
color:#FFFFFF;
font-size:14px;
padding:4px 1.2em 3px;
}
#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 {
color:#000000;
font-size:12px;
line-height:1.4;
padding: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;
}