body, textarea { font-family:'Segoe UI',Tahoma,Arial,Helvetica,sans-serif; }
body { line-height: normal;font-size: 15px; color: #333; height: 100%; }

a { color: #0973e8; cursor: pointer; text-decoration: none; }
a:hover { color: #2e6098; }
h1 { font-size: 55px; color: rgb(56, 118, 190); margin-bottom: 35px; }
h2 { font-size: 35px; color: rgb(56, 118, 190); margin-bottom: 25px; }
h3 { font-size: 25px; color: rgb(56, 118, 190); margin-bottom: 15px; }

td { vertical-align: top; }

input[type=button],
input[type=submit] {cursor:pointer; padding:7px 25px 7px 10px; border:0; display:inline-block; background:rgb(56, 118, 190); color:#fff; text-transform:uppercase; font-size:10pt; }
input[type=submit]:hover,
input[type=submit]:focus,
input[type=button]:hover,
input[type=button]:focus {background:rgba(56, 118, 188, 0.9);}

select,
textarea,
input[type="password"], 
input[type="text"] { padding: 3px 0; text-indent:5px; border: 1px solid #ccc; margin:0;}

textarea:focus,
input[type="password"]:focus, 
input[type="text"]:focus { border-color:#666; }

/*Common attributes*/
.no-wrap { white-space: nowrap; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.rightside { float: right; }

input[type="checkbox"] + label { cursor: pointer; }

p { text-align: justify; margin-bottom: 10px; }
b, strong {font-weight:bold;}
i {font-style:italic;}
ul, ol { margin: 10px 60px 0; }
ul li { display: list-item; list-style: disc outside; }
ol li { display: list-item; list-style: decimal outside; }

.inline { display: inline-block; vertical-align: top; }
.floatfix { clear: both; }

/* Standard Grid */
.grid { width: 100%; }
.grid th a { text-decoration:underline; color: #333; display:block;}
.grid td,
.grid th {padding:5px 5px; border-bottom:solid 1px #ccc;}
.grid td { vertical-align: middle; }
.grid th { background: #f0f0f0; border-width:2px; border-right:solid 1px #ccc; border-left:solid 1px #ccc;}
.grid .alt { background: #fafafa; }
.grid .no-wrap { white-space: nowrap; }
.grid tr.selected { background: yellow; }

/*group-container-list*/
.group-container-list {width:100%;}

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

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

/* Search box */
div.search { border-bottom: 2px solid #ccc; padding:10px 0; margin-bottom:15px; overflow: auto; clear: right; }
div.search h4 { font-size: 13px; color: #444; margin: 0 0 10px 0; }
div.search .item { width: 100%; margin-bottom:5px; }
div.search .columns-filter .label,
div.search .item .label { float: left; width: 120px;  color: #666; padding:2px 0;}
div.search .item input[type="text"], div.search .item select { width: 200px;}
div.search .buttons { float: right; margin: 0px; }
div.search .whole { width: 100%; clear: both; }

/*light-search*/
div.light-search .item { width: 350px; float: left; }
div.light-search .buttons { float: left; margin-top: -5px; }
div.light-search .whole { width: 100%; clear:   both; }

/* view-body */
.view-body { }
.view-body .item { margin-bottom: 5px; }
.view-body .item .label { float: left; width: 160px; color: #666; }
.view-body .item .label + .value { margin-left: 160px; }

/* Forms */
.form { width: 510px; }
.form .item { margin-bottom: 5px; }
.form .buttons { padding-right: 45px; }
.form .item select[id$=Hour]{ width:100px; }
.form .item select[id$=Minute]{ width:100px; }
.form .item span[id*=_rqv]{color:Red; height: 100%; }
.form .item .label { float: left; width: 160px; color: #666; padding:2px 0;}
.form .item .label + .input { margin-left: 160px; }
.form .item .label.whole { float:none; }
.form .item .label.whole + .input { margin-left: auto; }
.form .item .currency-symbol { float: right; }

.form .help { display: inline; }
.form .item select { height: 20px; padding: 0px; }
.form .item select, .form .item input[type="password"], .form .item input[type="text"], .form .item textarea { width: 300px; }
.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; }

.form .item .input .calendar-icon {vertical-align:text-top; cursor:pointer;}
.form .item .input input.date-box {width:100px;}
input[type=checkbox] + label, input[type=radio] + label {vertical-align:text-top;}

/* 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: 80000; left: 0px; top: 0; opacity: .6; filter: alpha(opacity=60); -moz-opacity: .6; display: none; }
.defaultModal { z-index: 100000; position: absolute; width: 100%; height: 100%; }
.defaultModal iframe { width: 663px; height: 500px; border:solid 5px rgb(56, 118, 190); vertical-align: middle; position: absolute; }

/* Select columns */
div.select-columns { background: #fff; border: 1px outset #aaa; min-width: 200px; position: absolute; display: none; font-size: 12px; }
div.select-columns table { width: 100%; margin-bottom: 10px; }
div.select-columns table td { padding:2px 5px; }
div.select-columns button { width: 45%; margin-left: 5px; font-size: 100%; }
.columns-filter .label { float: left; width: 120px; }
.columns-filter a.selecte-columns { float: left; }

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

/* 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; }
.AutoComplete .textbox.loading { background: white url(/images/icons/loading.gif) right center no-repeat; }
.AutoComplete input[type=text] { background-image: url('/Images/Icons/drop-down-icon.png'); background-repeat: no-repeat; background-position: right center; }

/* 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; background: url(/images/search.gif) no-repeat right center; border: solid #ccc 1px; padding: 2px; margin-bottom: 5px; }

/*view-body*/
.view-body .item { width: auto; margin: 0 0 5px 5px; clear: both; }
.view-body .item .label { float: left; width: 180px; color: #888; }

/* ============= SLIDER ==================*/
.slider .slider-container { margin: 0 10px; }
.slider .slider-before { padding-bottom: 5px; }
.slider .slider-after { font-size: 80%; margin: 0 2px; }

/*treeview*/
.grid-tree-view td span.spacer {width:20px; display:inline-block;}
.grid-tree-view td a.treeview-node-icon {text-decoration:none; background:url(/images/icons/treeview-expanded.png) no-repeat center left; height:16px; width:16px; display:inline-block; margin:1px;}
.grid-tree-view tr.treeview-leaf-node a.treeview-node-icon {background:url(/images/icons/treeview-leaf.png) no-repeat center left;}
.grid-tree-view tr.treeview-leaf-node.collapsed a.treeview-node-icon {background:url(/images/icons/treeview-leaf.png) no-repeat center left;}
.grid-tree-view tr.collapsed a.treeview-node-icon {background:url(/images/icons/treeview-collapsed.png) no-repeat center left;}
.grid-tree-view td ,.grid.tree-view  tr { border: none;  }

/* standard-box */
.standard-box { border: 1px solid #aaaaaa; margin: 0px; display: block; margin-bottom: 10px; width: 100%; }
.standard-box .item { width: 100%; clear: left; margin-left: 8px; }
.standard-box .item .label { width: 150px; float: left; margin-left: 10px; }
.standard-box .item .value { float: left; }
.standard-box 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; }
.standard-box p { margin: 10px; }
div.standard-box div.item div.whole { width: 100%; float: none; }
div.standard-box div.buttons { margin-right: 10px; width: 90%; }