/*Common attributes*/
.no-wrap { white-space: nowrap; }
input[type="checkbox"] + label {cursor:pointer;}

hr {border:0; border-top:solid 1px #aaa;}

/* Standard Grid */
.grid { color: #232; width: 100%; }
.grid th,
.grid th a { color: #707070; }
.grid td { padding: 5px 10px; vertical-align: middle; border-bottom:solid 1px #ccc;}
.grid th { background: #f0f0f0; padding: 5px 10px; text-align: left; }
.grid .alt {  }
.grid .no-wrap { white-space: nowrap; }

/*.grid sort*/
.grid .header-row a.sorted-ascending { background: url('../../../FrontEnd/images/ascending.bullet.png') no-repeat right 4px; padding-right: 12px; }
.grid .header-row a.sorted-descending { background: url('../../../FrontEnd/images/descending.bullet.png') no-repeat right 4px; padding-right: 12px; }

.buttons { margin-top: 10px; text-align: right; }

/* Search box */
div.search { margin: 10px 0; overflow: hidden; width:440px;}
div.search h4 { display:none;}
div.search .item { width: 350px; margin-bottom: 2px; float:left; }
div.search .item .label { float: left; width: 120px; }
div.search .item input[type="text"], div.search .item select { width: 200px; border: 1px solid gray; font-size: 100%; }
div.search .buttons { float: right; margin: 0px; }

/* Forms */
.form { padding:10px 0;}
.form .item { width: auto; margin: 0 0 5px 5px; clear: both; }
.form .item .currency-symbol { float: right; }
.form .item .label { float: left; width: 120px; color: #888; }

.form .item .label.whole {float:none; width:auto;}
.form .item .input.whole textarea {width:620px;}
.form .item .input > table {display:inline;}
.form .item.wysiwyg .input > table {display:table; width:625px;}

.form .help { display: inline; }
.form .item input { font-size: 100%; }
.form .item .waterMark {color:#555;}
.form .item select { font-size: 90%; height: 20px; padding: 0px; width:250px; }
.form .item input[type="password"], .form .item input[type="text"], .form .item textarea { width: 300px; border: 1px solid #ccc; height: auto; }
.form fieldset { width: 550px; }
.form fieldset .item { margin-left: 10px; }
.form fieldset legend { font-weight: bold; margin-bottom: 10px; margin: 10px; color: #668b5c; }
.form .ajax__tab_xp { margin-top: 10px; }
.form .item .detailsGrid .textbox { width: 100px; }
.form .detailsGrid, .form .detailsGrid tr, .form .detailsGrid th, .form .detailsGrid td { border: none; border: 0px; }

/* Grid Hover */
.gridRowHover { position: absolute; height: auto; padding: 10px; background: #fff; border: 1px solid #a0a0a0; display: none; width: 300px; }
.button-hover-box { position: absolute; padding: 7px; background: #ffe; border: 1px solid #a0a0a0; display: none; text-align: left; margin-top: -30px; }

/* Modal */
.modal-cover { position: absolute; width: 100%; height: 100%; background: #000; z-index: 80; left: 0px; top: 0; opacity: .6; filter: alpha(opacity=60); -moz-opacity: .6; display: none; }
.defaultModal { width: 100%; height: 100%; z-index: 100; }
.defaultModal iframe { background: transparent; width: 600px; height: 500px; vertical-align: middle; top: 15%; left: 28%; position: absolute; border: none; }

/* Select columns */
div.selectColumns { background: #fff; border: 1px outset #aaa; width: 200px; height: 250px; position: absolute; display: none; font-size: 10px; }
div.selectColumns table { width: 100%; height: 90%; overflow: auto; margin-bottom: 10px; }
div.selectColumns table td { padding:3px 8px;}
div.selectColumns button { width: 45%; margin-left: 5px; font-size: 100%; }

/*box-with-left-icon*/
.box-with-left-icon { border: 1px solid #aaaaaa; margin-bottom: 5px; display: block; margin-bottom: 10px; width: 100%; padding-bottom: 5px; }
.box-with-left-icon h3 { background: url(/App_Templates/FrontEnd/images/Grid.Header.jpg) repeat-x; padding: 0px 10px 9px 10px; font-size: 10pt; margin-bottom: 10px; color: #444; }
.box-with-left-icon .icon-cell { width: 80px; padding-left: 20px; }
.box-with-left-icon table { width: 100%; }
.box-with-left-icon .item .value .right-button { float: right; margin-right: 10px; }
.box-with-left-icon .item .whole { float: none; margin-bottom: 5px; }

/* Standard-view */
.standard-view { width: 760px; margin-bottom: 20px; }
.standard-view .item { width: auto; min-height: 15px; padding: 4px 5px; color: #666; margin: 0 0 5px 0; }
.standard-view .large { min-height: 30px; }
.standard-view .item .label { width: 270px; float: left; font-weight: bold; margin-right: 10px; }
.standard-view .item .value { min-width: 470px; display: block; }

/* Auto complete*/
.AutoComplete .panel { background: #fff; border: 1px solid #5e89af; max-height: 150px; overflow-y: auto; }
.AutoComplete .panel div { cursor: pointer; padding: 0 3px; margin-top: 5px; min-height: 10px; display: block; width: auto; }
.AutoComplete .panel div:hover { background: #444; color: #fff; }
.AutoComplete .highlighted { background: #ccdeed; }
.AutoComplete .highlight { font-weight: bold; }


/* Calendar */
.date-box { max-width: 200px; }
.ajax__calendar_container { background: #fff; border: 1px solid gray; }
.ajax__calendar_container div div div:hover { background: #bbb; }


/* multiselect-dropdown */
.multiselect-dropdown { background: #fff; max-height: 200px; overflow-y: auto; border: solid 2px #09c; width: 200px; }
.multiselect-dropdown .search-box { width: 177px; background: url(/images/search.gif) no-repeat right center; border: solid #ccc 1px; padding: 2px; margin-bottom: 5px; }