﻿input[type="checkbox"] + label { cursor: pointer; }
a {font-size:9pt;}

.autoflow {overflow:auto;}
p {margin-bottom:5px;}

.left-aligned {text-align:left !important;}

/*view-body*/
.view-body { padding-left: 8px; }
.view-body .item { margin: 4px 0; min-height: 15px; white-space: nowrap; }
.view-body .item .label { display: inline; }
.view-body .item .label label { width: 140px; display: inline-block; }
.view-body .item .value { display: inline-block; vertical-align: text-top; }


/* Forms */
select { border: 1px solid #BBBBBB; }
.form { padding-left: 8px; }
.main-column .form { padding-left: 0px; }
.main-column .Omodule .form, .main-column .module .form { padding-left: 8px; }


.form .form { padding-left: 0px; }
.form .item { display: inline; }
.IE-60 .form .item {position:relative;}
.form .item .currency-symbol { float: right; }
.form .item .item-body { vertical-align: text-top; margin: 2px 0; min-height: 15px; display: inline-block; width: 100%; }
.form .item .comment { display: inline-block; vertical-align: bottom; }
.form .item .hint { color: #aaa; font-size: 11px; }
.form .item .label { float: left; }
.form .item .label label { width: 140px; display: inline-block; white-space: normal; }
.shortlabel .form .item .label label {width:80px;}
.form .item .input { display: inline; vertical-align: text-top; }
.form .item .input > span { display: inline-block; vertical-align: middle; }
.form .item .whole { float: none; width: 100%; display: block; }
.form .item .whole label { white-space: nowrap; }
.form .inline-item { display: inline-block; }
.form select { width: 204px; font-family: trebuchet MS; font-size: 9pt; min-height: 20px; border: 1px solid #BBBBBB; background: #F9F9F9; }
.form .buttons { margin: 10px; }

.form .item.datetime-item .date-box { width: 150px; }
.form .item.datetime-item select { width: 50px; margin-left: 5px; }

.form .input input.textbox, .form .input input.date-box, .form .input input.waterMark, .form .input input[type="password"], .form .input.date-box { width: 200px; vertical-align: top; }

.form .item .input > table { display: inline; }
.form .item .input > table td { padding: 0 4px; }

.form .item .input > table[id^="CE_"] { display: table; }

.form .help { display: inline; color: #aaa; max-width: 200px; margin-left: 20px; font-size: 11px; }
.form select.half-dropdown { width: 144px; }
.form input.textbox, .form input.date-box, .form input.number-box, .form input.waterMark, .form input[type="password"] { height: 20px; padding: 1px; border: 1px solid #ccc; background: #f9f9f9; }
.form .item .input input.number-box {width:60px;}
textarea { border: 1px solid #ccc; background: #f9f9f9; padding: 4px; line-height: 14px; width: 300px; }
.form .distinguished { font-weight: bold; color: #000; }
body .form .item .checkboxes-wrapper { height: 150px; overflow-y: scroll; width: 350px; border: 1px solid #ddd; display: block; margin-bottom: 3px; }

/*watermark*/
.waterMark { color: #aaa; overflow: hidden; overflow-y: hidden; }
textarea.waterMark { overflow: auto; }

/*boldlink*/
.boldlink, .grid .boldlink { color: #8cad01; }

/* Search */
.search { padding: 10px 0; margin-bottom: 20px; background: #fff; }
.search .item { display: inline-block; width: 48%; height: 30px; white-space: nowrap; }
.search .whole { width: 100%; display:block; white-space:normal; }
.search .full-item { min-width: 100%; height: 30px; float: left; }
.search .item .input .textbox, .search .item .input .list { min-width: 0; width: 150px; border: 1px solid #BBBBBB; }
.search .item .input .list { background: #fff; }
.search .item .label { display: inline-block;vertical-align:middle; width: 80px; white-space: nowrap; }
.search .item .input { display: inline-block; vertical-align:middle; }

.search select { width: 100px; }
.search h4 { display: none; }

/*Buttons*/
.buttons { padding: 0 10px; width: auto; text-align: right; }
.buttonSubmit, .buttonSubmitHovered { text-transform: uppercase; width: auto; height: 30px; color: #FFF; font-weight: bold; padding: 2px; cursor: pointer; border: none; }
.buttonSubmitHovered { background-position: left bottom; }
/*.buttonImg {vertical-align:bottom;}*/

/*first-letter*/
/*table td:first-letter,
table th:first-letter,
a:first-letter,
label:first-letter,
p:first-letter,
span:first-letter,
div:first-letter,
input.waterMark:first-letter,
textarea.waterMark:first-letter {text-transform:uppercase;}*/

/* Grid */
.grid { margin-bottom: 20px; width: 100%; clear: none; float: none; }
.IE-60 .grid {width:98%;}
.grid td span.spacer { display: inline-block; width: 30px; }
.grid td { padding: 5px 5px 0; vertical-align: middle; height: 24px; }
.grid td span.spacer { display: inline-block; }
.grid th { padding: 7px 5px 5px 5px; text-align: left; color: #999; height: 28px; font-size: 8pt; }
.grid th.loading { background: url(/images/spinner.gif) no-repeat bottom center; }
.grid .col-full { width: 100%; text-align: center; }
.grid .col-fixed { white-space: nowrap; width:0;}
.grid th.min-col, .grid td.min-col { width: 1px; white-space: nowrap; }
.grid th.min-col *, .grid td.min-col * { white-space: nowrap; }
.grid tr:hover { background: #f8f8f8; }
.grid tr.highlighted { background: #DFF5FF; }
.grid .header-row { background: #fff; }
.grid th a { text-decoration: none; white-space: nowrap; color: #999; font-size: 9pt; font-weight: normal; }
.grid a { color: #222; }
.grid td > a { color: #222; text-decoration:underline;}
.grid td > a:hover {border-bottom-style:solid;}
.grid td.icon a {border:0;}

/*grid-select-checkbox*/
td.grid-select-checkbox, th.grid-select-checkbox-header { width: 1px; }

/*treeview*/
.grid td a.treeview-node-icon { text-decoration: none; background: url(/images/icons/treeview-expanded.png); height: 14px; width: 14px; display: inline-block; }
.grid tr.treeview-leaf-node a.treeview-node-icon { background: url(/images/icons/treeview-leaf.png); }
.grid tr.collapsed a.treeview-node-icon { background: url(/images/icons/treeview-collapsed.png); }

.module .grid tr:hover { background: #f3f3f3; }
.module .grid .header-row { background-color: Transparent; }


/* Grid Hover */
.gridRowHover { position: absolute; height: auto; padding: 10px; background: white; border: 2px solid #09c; display: none; }
.gridRowHover .grid { width: auto; margin: 0; padding: 0; }

/* Modal */
.modal-cover { position: absolute; width: 100%; height: 100%; background: #222 url(/images/icons/spinner.gif) no-repeat; z-index: 8000; left: 0px; top: 0; opacity: .8; filter: alpha(opacity=80); -moz-opacity: .8; }
.smallModal, .defaultModal { width: 100%; height: 100%; z-index: 8100; position: absolute; }
.smallModal iframe, .defaultModal iframe { background-color: Transparent; width: 660px; vertical-align: middle; top: 15%; left: 28%; position: absolute; }
.smallModal iframe { /*height: 250px; */ }

.defaultModal .rounded-container .tr { background: #fff url(/App_Templates/@FrontEndCommon/images/design/modal-tr.gif) no-repeat top right; }
.defaultModal .rounded-container .tl { background: #fff url(/App_Templates/@FrontEndCommon/images/design/modal-tl.gif) no-repeat top left; }
.defaultModal .rounded-container .br { background: #fff url(/App_Templates/@FrontEndCommon/images/design/modal-br.gif) no-repeat bottom right; }
.defaultModal .rounded-container .bl { background: #fff url(/App_Templates/@FrontEndCommon/images/design/modal-bl.gif) no-repeat bottom left; padding: 10px; }

/* View */
.standard-view .item { width: 100%; min-height: 25px; }
.standard-view .item .label { width: 120px; float: left; }
.standard-view .half-box { width: 400px; float: left; margin: 0px 20px 10px 20px; }
.standard-view .half-box fieldset { min-height: 160px; padding: 10px; }
.standard-view .half-box fieldset legend { margin-left: -10px; }
.standard-view .buttons { text-align: left; padding-left: 20px; margin-top: 20px; }


/* IconedFormBox */
.box-with-left-icon { display: block; }
.box-with-left-icon > table { width: 100%; }
.box-with-left-icon h3 { font-weight: bold; font-size: 12pt; margin-bottom: 15px; }
.box-with-left-icon .icon-cell { width: 60px; padding: 0 10px; }
.box-with-left-icon .icon-cell, .box-with-left-icon .content-cell { vertical-align: top; }


/* Templated List */
.list .item .label { float: left; }
.list .item { }


/* Calendar */
.date-box { }
.form .item .input img[src="\images\icons\calendar.png"] { vertical-align: -6px; margin-left: -3px; }
.cal .ajax__calendar_body { height: 157px; width:190px;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {width:190px;}
.cal .ajax__calendar_container { border:2px solid #CF0C0C; -moz-border-radius:10px; border-radius:10px; background:#FFFAEF; padding:0; width:190px;}
.cal .ajax__calendar_container .ajax__calendar_days > table {border-collapse:collapse;}
.cal .ajax__calendar_container .ajax__calendar_days > table > tbody > tr > td,
.cal .ajax__calendar_container .ajax__calendar_days > table > thead > tr > td {border:solid 1px #aaa; vertical-align:top; text-align:left; padding:2px;}
.cal .ajax__calendar_header { background:#CF0C0C;color:white; padding-top:4px;}
.ajax__calendar_today, .ajax__calendar_dayname { color: #08b; }
.ajax__calendar_container .ajax__calendar_days tbody div:hover { background: #def; }
.ajax__calendar_container .ajax__calendar_days tr td:last-child .ajax__calendar_day { color: #CF0C0C; }
div.ajax__calendar_day { color: #555; font-size:14px;}
td.ajax__calendar_active div { color: #b33; font-weight: bold; }
td.ajax__calendar_other div { color: #aaa; font-size:10px;}


.ajax__tab_xp ajax__tab_container, .ajax__tab_default { clear: both; }
.form .ajax__tab_xp .ajax__tab_body { min-height: 160px; }


.no-wrap { white-space: nowrap; }


/*SIMPLE SEARCH TEMPLATE*/
.simple-search .search { width: 300px; border-bottom: none 0px red; margin-bottom: 0px; }
.simple-search .search .item { width: 220px; white-space: nowrap; }
.simple-search .search .item .label { width: 50px; }
.simple-search .search .buttons { width: auto; margin-bottom: 0px; }

/*MULTI FIELD SEARCH*/
.module .search { width: auto; border-bottom: none 0px red; margin-bottom: 0px; }
.module .search .item { width: 300px; }
.search .date-element { width: 500px; }
.module .search .item .label { }
.module .search .buttons { width: 680px; margin-bottom: 0px; clear: both; }
.two-columns-page .search .buttons { width: 380px; clear: left; margin-bottom: 10px; }

/* SELECT COLUMNS*/
.right-box-full .select-columns { padding: 10px; }
.right-box-full div.select-columns { display: none; width: 200px; }
sup { vertical-align: super; font-size: xx-small; }
.foot-note { color: Gray; margin-top: -5px; padding-left: 20px; font-size: smaller; }


/*SELECT COLUMNS*/
div.select-columns { background: #FFFFF0 none repeat scroll 0 0; border: 1px solid #333333; display: none; padding: 7px; position: absolute; width: 200px; z-index: 1000; }



/*SCROLLABLE - GRID*/
.scrollable-grid { overflow-x: hidden; overflow-y: auto; height: 450px; width: 100%; }
.scrollable-grid .grid { height: 30px; }
.two-columns-page .scrollable-grid { width: 408px; max-height: 405px; }
.scroll-grid-page div.list { padding-bottom: 26px; }
.scroll-grid-page div.list .grid { margin-bottom: 0px; }


/*FULL WITH FORM*/
.full-width-form .form { width: 650px; }


/*sms-credit-view*/
.sms-credit-view { margin-bottom: 10px; font-size: 18px; }
.sms-credit-view .item .label { color: Gray; width: 200px; float: left; }
.sms-credit-view .item .value { float: left; width: 200px; }

/*sms-purchase-form*/
.sms-purchase-form .total-amount { font-size: 16px; font-weight: bold; }

/*pager*/
.grid .pager { font-size: 18px; color: #09c; border: 0; }
.grid .pager table td { padding-top: 0; }
.grid .pager a { font-size: 11px; vertical-align: -4px; }

/* autocomplete */
.AutoComplete .textbox.loading {background: white url(/images/icons/loading.gif) right center no-repeat;}
.AutoComplete { padding-right: 20px; background: url(/images/icons/keyboard.png) no-repeat right center; }
.AutoComplete input.ctrl { border: solid 1px #aaa; }
.AutoComplete .panel { background: #fff; border: #09c 2px solid; width: 260px; padding: 10px 0; z-index: 10000; max-height: 300px; overflow-y: auto; overflow-x: hidden; }
.AutoComplete .panel div.item { padding: 0 10px; display: block; }
.AutoComplete .panel .highlighted { background: #ceeef8; }
.AutoComplete .panel span.highlight { font-weight: bold; color: #000; }

/*detailsGrid*/
.detailsGrid tr { }
.detailsGrid tr td { border-bottom:dotted 1px #ccc; }
.detailsGrid tr td td {border-bottom:inherit;}

/*module roundings*/
.edge-container { position: relative; }
.edge-container > .edge { margin: 0; width: 13px; height: 13px; position: absolute; }
.edge-container > .edge-tl { background-position: top left; top: 0; left: 0; }
.edge-container > .edge-tr { background-position: top right; top: 0; right: 0; }
.edge-container > .edge-bl { background-position: bottom left; bottom: 0; left: 0; }
.edge-container > .edge-br { background-position: bottom right; bottom: 0; right: 0; }

/*.module.edge-container > .edge { background-image: url(/images/rounding/module.png); }

.Omodule.edge-container > .edge { background-image: url(/images/rounding/omodule.png); }
.Omodule.edge-container > .edge-tl { top: -7px; left: -7px; }
.Omodule.edge-container > .edge-tr { top: -7px; right: -7px; }
.Omodule.edge-container > .edge-bl { bottom: -7px; left: -7px; }
.Omodule.edge-container > .edge-br { bottom: -7px; right: -7px; }*/

.Omodule, .module {border-radius:13px; -moz-border-radius:13px;	-webkit-border-radius:13px; position:relative;}

/*.left-column .module*/
.left-column .module.edge-container .edge-tl, .left-column .module.edge-container .edge-bl { display: none; }
.left-column .Omodule.edge-container .edge-tl, .left-column .Omodule.edge-container .edge-bl { display: none; }
.left-column .Omodule.edge-container { border-left: 0; }

/*multiselect-dropdown */
.multiselect-dropdown { /* IE Problem position: relative; */ top: 0;  }
.multiselect-dropdown .panel-container { background: #fff; border: outset 2px #aaa; width: 202px; 
                                         margin-top: -3px; width: 300px; z-index:200;  }

.multiselect-dropdown .panel-container input[type="checkbox"] { margin-right: 5px; }
.multiselect-dropdown .panel-container table td:hover { background: #eee url(/images/icons/add.gif) no-repeat right center; }
.multiselect-dropdown .panel-container table { width: 100%; }
.multiselect-dropdown .panel-container table td, .multiselect-dropdown .panel-container table td label { white-space: nowrap;  }
.multiselect-dropdown .items-list { max-height: 200px; overflow-y: auto; padding: 3px; overflow-x: hidden;  }
.form .multiselect-dropdown input.text-box { background: url(/images/icons/dp-bg.gif) no-repeat right center;   }
.form .multiselect-dropdown input.search-box { background: white url(/images/icons/dp-search.gif) no-repeat right center; border: solid #ccc 1px; padding: 2px; margin-bottom: 5px; }
.multiselect-dropdown .selected-items { max-height: 120px; overflow-y: auto; padding: 3px; overflow-x: hidden; border-top: 4px solid #cbe7f0; margin-top: 5px; }
.multiselect-dropdown .selected-items div { line-height: 16px; }
.multiselect-dropdown .selected-items div:hover { background: #eee url(/images/icons/minus.gif) no-repeat right center; }
.multiselect-dropdown label { cursor: pointer; }
.multiselect-dropdown .panel-container table { margin: 0; z-index:300; }

/*nice-checkbox*/
.nice-checkbox { display: inline-block; background: url(/images/icons/chk.png) no-repeat center center; width: 20px; height: 20px; cursor: pointer; }
.nice-checkbox input { -moz-opacity: 0; filter: alpha(opacity: 0); opacity: 0; cursor: pointer; }
.nice-checkbox.checked { background: url(/images/icons/chk-checked.png) no-repeat center center; }

/*x-col-merge*/
table tr td.x-col-merge,
table tr.x-merge-separator td { border-bottom:solid 1px #ccc;}

/*calendar*/
.calendar {background:white; border:solid 1px #ccc; margin-top:-7px; margin-left:-7px;}
