﻿@import url("../../$Form/jQuery/css/ui.core.css");
@import url("../../$Form/jQuery/css/ui.dialog.css");
@import url("../../$Form/jQuery/css/ui.resizable.css");
@import url("../../$Form/inc/js.form.css");

/* Page
----------------------------------*/
.js-page-title { font-size:1.8em; display:block; margin:0; padding:.1em .3em .3em .3em }
.js-page-hide { display: none !important; }
.js-page-dialog { } /* added to inline dialogs - not alerts */
.js-page-toolbar button.ui-state-default{ border-color:transparent; background:none; }
.js-page-content { overflow:auto; /*applied to "Content" to distinguish from ui-widget-content*/}

/* PageHeader
----------------------------------*/
.js-page-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.js-page-header-active { border-bottom: 0 !important; }
.js-page-header a { display: block; font-size: 1em; text-decoration:none; padding: .5em .5em .5em 2.2em; }
.js-page-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }

/* EM Defaults
----------------------------------*/
input, select, th, td {font-size:1em}
h1 {font-size:2em}
h2 {font-size:1.5em}
h3 {font-size:1.25em}
h4 {font-size:1em}

/* Text
----------------------------------*/
.js-page-text-smallest { font-size: .7em; }
.js-page-text-smaller { font-size:.8em; }
.js-page-text-medium { font-size:1em; }
.js-page-text-larger { font-size:1.2em; }
.js-page-text-largest { font-size:1.5em; }

/* Padding
----------------------------------*/
.js-page-padding-smallest { padding: .2em; }
.js-page-padding-smaller { padding:.5em; }
.js-page-padding-medium { padding:.8em; }
.js-page-padding-larger { padding:1.4em; }
.js-page-padding-largest { padding:1.8em; }

/* Float
----------------------------------*/
.js-page-float-left { float:left; }
.js-page-float-right { float:right; }
.js-page-float-none { float:none; }

/* Form
----------------------------------*/
.js-page-form {padding-bottom:1em;}
.js-page-form-firstitem td{padding-top:0;}
.js-page-form-item td{ padding:.5em;}
.js-page-form-item td td { padding:0;}
.js-page-form-lastitem td{padding-bottom:0;}
.js-page-form label{/*font-weight:bold; white-space:nowrap;*/ padding-bottom:.2em;padding-right:.2em; }

/* Table
----------------------------------*/
.js-page-table-left { vertical-align:top; padding-right:.5em; }
.js-page-table-center { vertical-align:top; width:100%; }
.js-page-table-center .js-page-form { padding-bottom:0}
.js-page-table-right { vertical-align:bottom; padding-left:1em; }
.js-page-table-right button { margin-top:.4em; margin-left:.2em; }

/* Buttonpane
----------------------------------*/
.js-page-buttonpane { float:right; padding:0em .8em .8em .5em; }
.js-page-buttonpane button { margin-right:.5em; margin-bottom:.5em}

/* Spinners
----------------------------------*/
.js-page-spinner { width:16px; height:16px; background-image:url(images/spinner.gif); }
.js-page-spinnerlite { width:24px; height:24px; background-image:url(images/spinnerlite.gif); }
.js-page-spinnerbig { width:32px; height:32px; background-image:url(images/spinnerbig.gif); }

/* Overriding Styles
----------------------------------*/
.ui-accordion-content { padding:1em !important;}
.ui-helper-reset { min-width:0; min-height:0; }
.ui-tabs-nav li a { cursor:default !important; }
.ui-dialog-buttonpane button { min-width:7em; }
/*:focus{border:1px solid red !Important;}*/