/**
 * HTML Structure stylesheet
 *
 * @package nova
 * @subpackage theme
 * @author Liquid Edge Solutions
 * @copyright Copyright Liquid Edge Solutions. All rights reserved.
 *//*----------------------------------------------------------------------------*/


 /* special: default html tag styles */
	body { font-family: Arial; min-width: 980px; margin: 0px; padding: 0px; cursor: default; }
	html { font-family: Arial; margin: 0px; padding: 0px; font-size: 12px; }
	input { border: none; padding: 1px 5px 1px 5px; font-size: 11px; }
	form { display: inline; }
	ul { list-style-type: square; }
	ul li { }
	textarea { font-family: Arial; border: none; width: 300px; overflow: auto; }
	img { border: none; }
	select { border: none; margin: 1px 0px 1px 0px; }
	a { font-style: italic; font-size: 11px; cursor: pointer; padding: 0px 2px 0px 2px; }
	a:hover {}


/* button */
	.button-wrapper { float: left; cursor: pointer; font-size: 11px; font-weight: bold; height: 20px; line-height: 20px; overflow: hidden; }
	.button-wrapper .button-left { float: left; width: 4px; height: 20px; }
	.button-wrapper .button-center { float: left; height: 20px; text-align: center; padding-left: 2px; padding-right: 2px; }
	.button-wrapper .button-center-icon { float: left; height: 20px; text-align: center; padding: 0px; }
	.button-wrapper .button-right { float: left; width: 4px; height: 20px; }
	.button-wrapper .button-icon { float: left; margin-right: 2px; margin-top: 3px; }
	.button-wrapper .button-icon-only { float: left; margin-top: 3px; }
	.button-wrapper .button-hover { background-position: left center; }
	.button-wrapper .button-selected { background-position: left center; }
	.button-wrapper .button-disabled { background-position: left bottom; cursor: default; }


/* banner */
	.banner-wrapper	{ height: 65px; background-repeat: no-repeat; }
	.banner-info { font-size: 12px; float: right; text-align: right; margin: 2px; line-height: 22px; }
	.banner-info-emp { font-weight: bold; font-size: 13px; }
	.banner-link { font-style: italic; font-size: 11px; padding: 0px 2px 0px 2px; margin: 0px 2px 0px 2px; }
	.banner-link:hover {}
	.banner-nav { font-size: 13px; font-weight: bold; height: 27px; }


/* mod */
	.mod-wrapper { padding: 5px; }


/* list style a */
	.list-a {}
	.list-a .list-item { padding-top: 10px; margin-top: 10px; border-top: 1px dotted; }
	.list-a .list-item-first { padding-top: 0px; margin-top: 0px; border-top: none; }
	.list-a .list-actions { float: right; position: relative; }
	.list-a .list-notes { margin-left: 20px; line-height: 14px; margin-right: 20px; }


/* tab */
	.tab-wrapper {}
	.tab-panel { border-top: 1px solid; font-size: 11px; background-repeat: repeat-x; background-position: top; }
	.tab-panel-clean { border: none; padding: 0px; }
	.tab-nav { vertical-align: bottom; margin-left: 5px; position: relative; top: 1px; }
	.tab-button { border: 1px solid; border-bottom: none; font-size: 11px; cursor: pointer; margin-right: 2px; padding: 3px 5px 3px 5px; overflow: visible; } /* ie button width fix */
	.tab-button-selected { border-bottom: 1px solid; font-weight: bold; font-size: 14px; margin-right: 2px; }
	.tab-nav .input-button-hover { border-bottom: 1px solid; }


/* column */
    .column { width: 100%; }
    .column .column-td { vertical-align: top; border-left: 1px dotted; padding-left: 10px; }
    .column .column-first { border: none; padding-left: 0px; padding-right: 10px; }
    .column .td-66 { width: 66%; }
    .column .td-50 { width: 50%; }
    .column .td-33 { width: 33%; }
    .column .td-25 { width: 25%; }
    .column .td-150 { width: 150px; }
    .column .td-250 { width: 250px; }
    .column .td-auto { width: auto; }


/* ajax */
	.ajax-wrapper { font-size: 14px; position: absolute; z-index: 100; font-weight: bold; padding: 5px; }
	.ajax-overlay { position: absolute; z-index: 99; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
	.ajax-box { position: absolute; padding: 5px; border: 2px solid; z-index: 120; }


/* login */
	.login-wrapper { margin-top: 10%; margin-left: auto; margin-right: auto; width: 650px; font-size: 11px; }
	.login-inner { height: 300px; background-repeat: no-repeat; }
	.login-form-wrapper { margin-left: 200px; padding-top: 105px; }
	.login-header { font-size: 16px; font-weight: bold; margin-bottom: 5px; text-transform: uppercase; }
	.login-form { margin-left: 50px; }
	.login-nav { margin-top: 5px; margin-left: 170px; }
	.login-copyright { text-align: center; }
	.login-copyright a {}
	.login-copyright a:hover {}
	.login-wrapper .form-head { font-size: 11px; }
	.login-wrapper .input-text { width: 150px; }


/* headers */
	.header-main1 { font-weight: bold; font-size: 14px; margin-bottom: 10px; padding: 5px; }
	.header-main2 { font-weight: bold; font-size: 12px; margin-bottom: 10px; border-bottom: 1px solid; }
	.header-main3 { font-weight: bold; font-size: 12px; margin-bottom: 2px; }
	.header-main4 { font-weight: bold; font-size: 24px; margin-bottom: 10px; padding: 5px; }

	.header-sub1 { font-weight: bold; font-size: 14px; }
	.header-sub2 { font-weight: normal; font-size: 11px; }
	.header-sub3 { font-weight: normal; font-size: 11px; }
	.header-sub4 { font-weight: bold; font-size: 14px; }

	.header-note1 { font-style: italic; font-size: 11px; margin-bottom: 10px; padding: 0px 5px 5px 5px; }
	.header-note2 { font-style: italic; font-size: 11px; margin-bottom: 10px; padding: 0px 5px 5px 5px; }
	.header-note3 { font-style: italic; font-size: 11px; margin-bottom: 2px; padding: 0px 5px 5px 5px; }
	.header-note4 { font-style: italic; font-size: 11px; margin-bottom: 10px; padding: 0px 5px 5px 5px; }

	.header-nav1 { height: 20px; margin-bottom: 10px; }
	.header-nav2 { height: 20px; margin-bottom: 10px; }
	.header-nav3 { height: 20px; margin-bottom: 2px; }
	.header-nav4 { height: 20px; margin-bottom: 10px; }


/* tooltip */
	.tooltip { padding: 10px; }
	.tooltip .tip-top {}
	.tooltip .tip {}
	.tooltip .tip-title { font-weight: bold; font-size: 13px; margin-bottom: 5px; }
	.tooltip .tip-important { font-weight: bold; }
	.tooltip .tip-text { font-size: 11px; }
	.tooltip .tip-bottom {}


/* link */
	.link { font-style: italic; font-size: 11px; cursor: pointer; }
	.link-block { font-size: 12px; }


/* input */
    .input-text	{ border: 1px solid; width: 200px; padding: 2px; font-size: 11px; margin-top: 1px; margin-bottom: 1px; }
    .input-text-focus {}
    .input-text-disabled { border: 1px solid; }
    .input-textarea { border: 1px solid; width: 252px; padding: 1px; font-size: 11px; }
    .input-select { border: 1px solid; font-size: 11px; padding: 1px; }
    .input-select option { font-size: 12px; }
    .input-radio {}
    .input-checkbox {}
	.input-button { border: 1px solid; font-weight: normal; font-size: 11px; cursor: pointer; margin-left: 2px; overflow: visible; } /* ie button width fix */
	.input-button-selected { font-weight: bold; }
	.input-button-hover { border: 1px solid; }


/* note */
    .note-wrapper { font-style: italic; font-size: 11px; padding: 5px; border-bottom: 1px dotted; }
    .note-item { margin-left: 20px; }
    .note { font-style: italic; font-size: 11px; }
    .note-indent { margin-left: 20px; margin-top: 10px; }


/* message */
    .message-wrapper { font-size: 12px; border: 1px solid; font-style: italic; font-size: 12px; padding: 5px; margin: 5px; }
    .message ul { margin-bottom: 10px; }
    .message li { font-size: 11px; }


/* nav */
	.nav-wrapper { padding: 3px 0px 3px 0px; text-align: left; line-height: 22px; height: 22px; }


/* form */
	.form-wrapper {}
	.form-table { font-size: 12px; margin-bottom: 10px; }
    .form-head { text-align: right; padding-right: 10px; line-height: 16px; font-size: 12px; }
    .form-field { line-height: 16px; font-size: 12px; }


/* list */
	.list-wrapper { font-size: 11px; }
	.list-table { margin-top: 5px; }
	.list-nav { font-size: 11px; text-align: left; border-top: 1px solid; padding: 2px; padding-left: 5px; }
	.list-break { font-size: 12px; font-style: italic; font-weight: bold; margin-top: 15px; margin-bottom: 10px; border-bottom: 1px solid; }
	.list-toggle { display: none; border-top: 1px solid; }
	.list-field { padding: 2px 7px 2px 7px; font-size: 12px; border: 1px solid; border-width: 0px 1px 1px 0px; }
	.list-field-alt	{}
	.list-field-hover {}
	.list-action { white-space: nowrap; border: none; padding: 2px 7px 2px 0px; }
	.list-nr { font-size: 10px; text-align: right; font-weight: bold; border: none; line-height: 16px; }
	.list-chk { border: none; vertical-align: top; line-height: 16px; text-align: center; width: 15px; }
	.list-head { border: 1px solid; font-size: 12; font-weight: bold; }
	.list-head-hover {}
	.list-field-note { padding-left: 15px; font-size: 11px; font-style: italic; }
	.list-field-note-inline	{ font-size: 11px; font-style: italic; }


/* popup */
	.popup-wrapper { position: absolute; z-index: 100; border: 2px solid; }
	.popup-nav { height: 25px; }
	.popup-content { padding: 5px; overflow: auto; }


/* special: append styles */
	.noprint {}
	.noview { display: none; }
	.hover { cursor: pointer; }
	.hover-button { border: 1px solid; }
	.required { font-style: italic; font-weight: bold; cursor: default; }
	.float-right { float: right; }


/* clientcide: datepicker */
	div.calendarHolder { height: 177px; position: absolute; top: -23px !important; left: -5px; width: 100%; }
	div.calendarHolder table.cal { margin-right: 15px !important; margin-right: 5px; width: 205px; }
	div.calendarHolder td { text-align: center; padding: 2px; }
	div.calendarHolder tr.dayRow td { padding: 2px; width: 22px; cursor: pointer; border: 1px solid #F6F6F6; }
	div.calendarHolder table.datePicker * { font-size: 11px; line-height: 16px; }
	div.calendarHolder table.datePicker { margin: 0; padding: 0 5px; float: left;}
	div.calendarHolder table.datePicker table.cal td { cursor: pointer; }
	div.calendarHolder tr.dateNav { font-weight: bold; margin-top: 3px; color: #FFFFFF; }
	div.calendarHolder tr.dayNames {}
	div.calendarHolder tr.dayNames td { color: #B8713D; font-weight: bold; border-bottom: 1px solid #B8713D; padding-top: 10px; }
	div.calendarHolder table.datePicker tr.dayRow td:hover { background: #2F4463; color: #FFFFFF; }
	div.calendarHolder table.datePicker tr.dayRow td { margin: 1px; }
	div.calendarHolder td.today { color: #2F4463; font-weight: bold; }
	div.calendarHolder td.otherMonthDate { color: #888888; background: #FAFAFA; margin: 0px !important; }
	div.calendarHolder td.selectedDate { background: #2F4463; color: #FFFFFF; margin: 0px !important; font-weight: bold; }
	div.calendarHolder a.leftScroll, div.calendarHolder a.rightScroll { cursor: pointer; color: #FFFFFF; }
	div.datePickerSW div.body { height: 148px !important; height: 149px; }
	div.datePickerSW .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	div.datePickerSW .clearfix { display: inline-table; }
	* html div.datePickerSW .clearfix { height: 1%; }
	div.datePickerSW .clearfix { display: block; }