﻿
/* Standard Grid */
.grid { color: #232; width:675px; margin:10px;}
.grid th a { text-decoration: none; color: #843639; }
.grid td { padding: 5px 10px; }
.grid th { background: #e0e0e0; padding: 7px 10px; font-size: 11px; text-align: left;}
.grid .alt { background: #eff3eb; }
.grid tr:hover { background:#cee7c7; }
h3.list-group-header { font-weight:bold; font-size:16px; }

.buttons { margin: 20px; }

/* Search box */
div.search { padding:10px; margin:15px 0; clear:right; border:1px solid #888; background:#f0f0f0; height:50px;}
div.search h4 { font-size:13px; color:#444; margin:0 0 10px 0;  }
div.search .item { width:500px; margin-bottom:2px;  }
div.search .item .label { float:left; width:100px; }
div.search .item .input { width:300px; float:left;} 
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 { width:700px; margin-left:20px; }
.form .item { width:100%; margin-bottom:5px; }
.form .item .label {float:left; width:120px;  color:#888;}
.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;} 
.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;}

/* 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 #668b5c;  background:#fff; width:600px; height:500px; vertical-align:middle; top:15%; left:28%; position:absolute; }
div.modal-cover { position:absolute; width:100%; height:100%; background:#000; z-index:80; left:0px; top:0;
                 opacity:.3; filter:alpha(opacity=30);	-moz-opacity:.3; display:none; }

/* Select columns */
div.select-columns { background: #fff; border: 1px outset #aaa; width: 200px; height: 250px; padding-bottom: 10px; position: absolute; display: none; }
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;  }
div.selectColumns table { width: 100%; height: 90%; overflow: auto; margin-bottom: 10px; }
div.selectColumns button { width: 45%; margin-left: 5px; font-size: 100%; }

.standard-view .item { width:450px; padding:5px; line-height:18px; text-align:justify; }
.standard-view .item .label{ width:100px; float:left; color:#888; }
.form .item .whole{ float:none; width:200px;}

ul { padding:10px; padding-left:30px;}
li { list-style: circle;  margin-left:10px; margin-bottom:5px;}