p { margin-bottom:10px;}
ul {list-style:disc inside;}
ol {list-style:decimal inside;}

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

.pp_description {max-height:180px; overflow-y:auto;}

.hidden {display:none;}
.invisible {visibility:hidden;}
.rightside {float:right;}
.floatfix {clear:both; height:1px;}

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

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

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

/* Search box */
div.search { margin: 15px 0; }
div.search .item { width: 100%; margin-bottom: 10px; }
div.search .item table.list td {padding-right:10px;}
div.search .item table.list td input[type="checkbox"] {vertical-align:top;}
div.search .item .label { float: left; width: 120px; }
div.search .item input[type="text"], div.search .item select { width: 150px; border: 1px solid gray; font-size: 100%; }
div.search .buttons { float: right; margin: 0px; }

/* Forms */
.form .buttons { text-align:right; padding-right:30px; }
.form .item { width: auto; margin-bottom: 5px; }
.form .item .label { float: left; width: 80px; color: #666; }

.form .help { display: inline; }
.form .item input { font-size: 100%; }
.form .item select { font-size: 90%; height: 20px; padding: 0px; font-size:10pt; color:#222; border: 1px solid #abbb92; background: #f1f4ec; width:259px;}
.form .item select.CuteEditorSelect {width:60px;}
.form .item input[type="password"], .form .item input[type="text"], .form .item textarea { border: 1px solid #abbb92; background: #f1f4ec; width: 250px; padding: 1px 3px; font-size:10pt; color:#222;}
.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; }

/*tooltip-cover */
.tooltip-cover { position: absolute; width: 10000px; height: 10000px; background: #000; z-index: 1080; left: 0px; top: 0; display: none; }
.IE-60 .tooltip-cover  {display:none; visibility:hidden;}

/* Modal 
.modal-cover { position: absolute; width: 100%; height: 100%; background: #000; z-index: 1080; left: 0px; top: 0; opacity: .5; filter: alpha(opacity=50); -moz-opacity: .5; display: none; }
.defaultModal { width: 100%; height: 100%; z-index: 1100; }
.defaultModal iframe { background: transparent; width: 600px; height: 500px; vertical-align: middle; top: 15%; left: 28%; position: absolute; border: none; }
*/
/* Modal */
.modal-cover { position: absolute; width: 100%; height: 100%; background: #000; z-index: 80000; left: 0px; top: 0; display: none; zoom:1; filter:alpha(opacity=60); opacity: .6; -moz-opacity: .6; }
.defaultModal { z-index: 100000; position: absolute; top: 15%; left: 28%; margin-top: -20px; margin-left: -20px; }
.defaultModal .close-modal { position: absolute; top: -15px; right: -15px; z-index:10;}
.defaultModal { background: url(/images/design/popup.png) no-repeat top left transparent; padding: 0; }
.defaultModal iframe { width: 900px !important; vertical-align: middle; border:solid 5px #000; border-width:0 5px; background:white;}
.modal-wrapper1 { background: url(images/body-wrapper1.png) no-repeat top left; padding-top: 20px; position:relative;}
.modal-wrapper2 { background: url(images/body-wrapper2.png) no-repeat bottom left; padding-bottom: 20px; }



/* Select columns */
div.select-columns { background: #fff; border: 1px outset #aaa; width: 200px; height: 250px; position: absolute; display: none; font-size: 10px; }
div.select-columns table { width: 100%; height: 90%; overflow: auto; margin-bottom: 10px; }
div.select-columns table td { padding:3px 8px;}
div.select-columns 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 { 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_body*/
.ajax__calendar_body {height:130px;}
.ajax__calendar_container { background: #fff; border: 2px outset gray;z-index:1000;}
.ajax__calendar_header {height:25px;}
.ajax__calendar_today, 
.ajax__calendar_dayname {color:#08b; }
.ajax__calendar_container div div div:hover { background: #def; }
div.ajax__calendar_day {color:#555; text-align:center;}
td.ajax__calendar_active div {color:#b33; font-weight:bold;}
td.ajax__calendar_other div {color:#aaa;}

/* multiselect-dropdown */
.multiselect-dropdown { background: #fff; max-height: 200px; overflow-y: auto; border: solid 2px #09c; width: 200px; }
.multiselect-dropdown .search-box { width: 177px; border: solid #ccc 1px; padding: 2px; margin-bottom: 5px; }