/* Standard Grid */
.grid { border: 1px solid #aaa; color: #232; }
.grid th a { text-decoration: none; color: #f05f0a; }
.grid td { padding: 5px 10px; }
.grid th { background: url('../../../FrontEnd/images/Grid.Header.jpg') repeat-x; padding: 7px 10px; font-size: 11px; text-align: left; }
.grid .alt { background: #f0f0f0; }


.select-columns { margin:10px 0px; display:block; }


.buttons { text-align:right; padding-top:20px; clear:both; }



/* Search box */
div.search { border: 1px solid #ccc; width: 100%;  margin: 15px 0; overflow: auto; clear: right; }
div.search h4 { font-size: 13pt; color: #444; margin: 0 0 10px 0; background:#eee; padding: 10px; font-weight:bold;}
div.search .item { width: 100%; margin-bottom: 2px; }
div.search .columns-filter .label , div.search .item .label { float: left; width: 120px;  padding-left:10px;}
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-right:10px; margin-bottom:5px; padding-top:0px; }


/* Forms */
.form { width: 600px; }
.form .item { width: 100%; margin-bottom: 5px; min-height: 24px; clear:both; }
.form .item .label { float: left; width: 150px; color: #888; min-height:20px;  display:block; }
.form .item .label span { padding:3px;}
.form .item .input { float: left; color: #888; display: block;}
.form .item .label label { display: block; padding-top: 5px; }
.form .item .whole { float: none; width: 100%; }
.form .item input[type="button"] { font-size: 100%; width: 144px; }
.form .item select { font-size: 90%; height: 20px; padding: 0px; }
.form .item .help { display:inline;}

.form .item input[type="password"], .form .item input[type="text"], .form .item textarea { width: 300px;  border:1px solid #9e9e9e; background:url(/Images/Textbox-background.gif) repeat-x; padding:2px;}

.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 .detailsGrid, .form .detailsGrid tr, .form .detailsGrid th, .form .detailsGrid td { border: none; border: 0px; }

.form .item .detailsGrid .textbox { width: 50px; }
.form .item .detailsGrid select { width: 100px; }

/* Grid Hover */
.gridRowHover { position: absolute; height: auto; padding: 10px; background: #fff; border: 1px solid #a0a0a0; display: none; width: 300px; }

/* Modal */
div.defaultModal { width: 100%; height: 100%; z-index: 100; }
div.defaultModal iframe { border: 2px solid #441111; background: #fff; width: 600px; height: 500px; vertical-align: middle; position: absolute; }
div.modal-cover { position: absolute; width: 100%; height: 2000px; background: #000 url(/images/icons/spinner.gif) no-repeat center center; z-index: 80; left: 0px; top: 0; opacity: .5; filter: alpha(opacity=50); -moz-opacity: .5; }
div.smallModal { width: 100%; height: 100%; z-index: 100; }
div.smallModal iframe { border: 2px solid #441111; background: #fff; width: 600px; vertical-align: middle; position: absolute; }

/* Select columns */
div.select-columns { background: #fff; border: 2px solid #555; margin-left:150px; margin-top:-200px; width: 200px; height: 250px; padding: 10px; position: absolute; display: none; font-size: 80%; }
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%; }

.IconedFormBox h3 { background:#eee; padding:5px; }
.IconedFormIconWrapper { vertical-align:top; }

/* .AutoComplete */
.AutoComplete .textbox { border: 1px solid gray; }
.AutoComplete .panel { border: 1px solid gray; min-width: 220px; background: #fff; z-index:1000; color:#000;  max-height:150px; overflow-y:auto; overflow-x:hidden}
.AutoComplete .panel div { padding:2px; }
.AutoComplete .panel div:hover { background: #447; color: #fff; cursor:pointer; }

.no-wrap {	white-space: nowrap; }