/*Common attributes*/
.no-wrap { white-space: nowrap; }

/* Standard Grid */
.grid { border: 1px solid #a7a9ac;  min-width: 670px; }
.grid th a { text-decoration: none;  }
.grid td { padding: 5px 10px; vertical-align: middle; }
.grid td.thumbnail img { width:50px;}
.grid td.mid-thumbnail img { width:90px;}
.grid th {  padding: 5px 10px; text-align: left;  font-weight:bold;}
.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 { border: 1px solid #ccc; width: 650px; padding: 10px; margin: 15px 0; overflow: auto; clear: right; }
div.search h4 { font-size: 13px; margin: 0 0 10px 0; }
div.search .item { width: 100%; margin-bottom: 2px; }
div.search .whole { width:100%;}
div.search .item .label { float: left; width: 120px; }
div.search .item input[type="text"], div.search .item select { width: 198px; border: 1px solid gray; font-size: 100%; }
div.search .buttons { float: right; margin: 0px; }

/* Forms */
.form { width: 670px; }
.form .item { width: auto; margin: 0 0 5px 5px; clear: both;}
.form .item .label { float: left; width: 210px; color: #888; }
.form .item  div.whole { width: 100%; float: none; }

.form .help { display: inline; }
.form .item input { font-size: 100%; }
.form .item select { font-size: 90%; height: 20px; padding: 0px; }
.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.select-columns { background: #fff; border: 1px outset #aaa; width: 200px; height: 250px; padding-bottom: 10px; position: absolute; display: none; font-size: 10px; }
div.select-columns table { width: 100%; height: 90%; overflow: auto; margin-bottom: 10px; }
div.select-columns button { width: 45%; margin-left: 5px; font-size: 100%; }

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

/*Iconed form box*/
.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; }
/*.standard-view .item .value { width: 60%; float: left; }*/
.standard-view .priority-logo { float: right; }

/* 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; }