/* Standard Grid */


.buttons { margin-top: 10px; text-align: right; }
td.actions {text-align: right;white-space: nowrap;}

/* Search box */
div.search { width: 707px; padding: 0 10px 10px 10px; margin: 15px 0; overflow: auto; clear: right; -moz-border-radius: 4px; }
div.search h4 { font-size: 13px; color: #003399; margin: 0 0 20px 0; font-weight: normal; }
div.search .item { width: 100%; margin-bottom: 2px; }
div.search .item .label { float: left; width: 100px; }
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: 780px; }
.form .item { width: auto; margin: 0 0 5px 5px; clear: both; }
.form .item .label { float: left; width: 210px; color: #367ED1; }
.form .item .label250 { float: left; width: 250px; color: #367ED1; }

.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; }

.ruleform { background: #fefefe url(Images/bg.png) repeat-x; padding: 1em; -moz-border-radius: 10px; border: solid 1px #87ADDB; float: left; clear: both; }
.ruleform { width: 800px; }
.ruleform .item { width: auto; margin: 0 0 5px 5px; clear: both; }
.ruleform .item .label { float: left; width: 275px; color: #367ED1; }

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

/* 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: 0.15; filter: alpha(opacity=60); -moz-opacity: .6; display: none; }
.defaultModal { width: 100%; height: 100%; z-index: 100; }
.defaultModal iframe { background: #fff; width: 600px; min-height: 0; 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*/
.IconedFormBox { border: 1px solid #aaaaaa; margin-bottom: 5px; display: block; margin-bottom: 10px; width: 100%; padding-bottom: 5px; }
.IconedFormBox 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; }
.IconedFormBox .IconedFormIconWrapper { width: 80px; padding-left: 20px; }
.IconedFormBox table { width: 100%; }
.IconedFormBox .item .value .right-button { float: right; margin-right: 10px; }
.IconedFormBox .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*/
/*
.panel { background: #fff; border: 1px solid #888; min-height: 100px; }
.panel div { border-bottom: 1px solid #aaa; cursor: pointer; padding: 5px; background: #fff; min-height: 10px; border: 2px solid #ddd; height: 20px; }
.panel div:hover { background: #444; color: #fff; }
*/

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

a.sorted-ascending { font-weight: 700; background: url(Images/up.png) left top no-repeat; padding-left: 10px; }
a.sorted-descending { font-weight: 700; background: url(Images/down.png) left top no-repeat;padding-left: 10px; }

h5 { margin-bottom: 5px; font-weight: 700; }
.form .item .currency-symbol { float: right; }

.hide {
    display:none
}

.indicia-button { float:right; padding-left:10px; }
.indicia-label {
    float:right;
    font-weight:bold
}
.indicia-label-grey {
    float:right;
    color: gray;
}
.grid tr:hover {
    background-color: #e0e8f1;
}