4970 lines
103 KiB
CSS
4970 lines
103 KiB
CSS
/**
|
|
* @file template.css
|
|
* @Naveen Porwal
|
|
* @Teramatrix Technologies
|
|
* @©2015 EICHER
|
|
**/
|
|
|
|
/*==================================
|
|
Reset CSS
|
|
==================================*/
|
|
@font-face {
|
|
font-family: 'Hermes_FB';
|
|
src: url('fonts/Hermes_FB-Regular.ttf') format('truetype'), url('fonts/Hermes_FB-Black.ttf') format('truetype'), url('fonts/Hermes_FB-Black_Italic.ttf') format('truetype'), url('fonts/Hermes_FB-Bold.ttf') format('truetype'), url('fonts/Hermes_FB-Bold_Italic.ttf') format('truetype'), url('fonts/Hermes_FB-Italic.ttf') format('truetype'), url('fonts/Hermes_FB-Thin.ttf') format('truetype'), url('fonts/Hermes_FB-Thin_Italic.ttf') format('truetype');
|
|
}
|
|
|
|
html, body {
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body {
|
|
background: none;
|
|
border: none;
|
|
font-family: Hermes_FB;
|
|
font-size: small;
|
|
color: #444;
|
|
overflow: hidden;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* specific style for chrome */
|
|
body:-webkit-full-screen {
|
|
font-family: Hermes_FB;
|
|
border: none;
|
|
font-size: small;
|
|
color: #444;
|
|
overflow: hidden;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
img {
|
|
border: 0;
|
|
vertical-align: top;
|
|
}
|
|
|
|
ul {
|
|
list-style-type: none;
|
|
}
|
|
/* heading dafault style*/
|
|
h1, h2, h3, h4, h5, h6 {
|
|
clear: both;
|
|
font-family: Hermes_FB;
|
|
font-weight: 400;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 28px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 18px;
|
|
font-size: 16px;
|
|
font-size: 13px;
|
|
margin-bottom: 10px;
|
|
color: #545454;
|
|
line-height: 22px;
|
|
}
|
|
|
|
h3 {
|
|
font-family: Hermes_FB;
|
|
}
|
|
|
|
p {
|
|
font-size: 13px;
|
|
line-height: 20px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
hr {
|
|
clear: both;
|
|
width: 100%;
|
|
height: 1px;
|
|
border: 1px solid;
|
|
margin-bottom: 2px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
fieldset {
|
|
margin-bottom: 15px;
|
|
padding: 20px;
|
|
}
|
|
|
|
fieldset legend {
|
|
font-size: 13px;
|
|
padding: 5px 10px 0;
|
|
}
|
|
|
|
fieldset p {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
input, textarea, select {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
select option {
|
|
padding-right: 15px;
|
|
}
|
|
|
|
textarea {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
label {
|
|
display: inline-block;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
a.button {
|
|
position: relative;
|
|
text-decoration: none;
|
|
width: auto;
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
padding: 3px 10px 3px 0;
|
|
}
|
|
|
|
a.button span {
|
|
float: left;
|
|
position: relative;
|
|
margin: 2px 3px 0;
|
|
}
|
|
|
|
input.sf {
|
|
width: 120px;
|
|
}
|
|
|
|
input.mf {
|
|
width: 240px;
|
|
}
|
|
|
|
input.lf {
|
|
width: 360px;
|
|
}
|
|
|
|
ul {
|
|
list-style-type: none;
|
|
}
|
|
/*font formatting*/
|
|
.field_desc {
|
|
font-style: italic;
|
|
font-size: 11px;
|
|
color: #555;
|
|
}
|
|
/*-- validation errors --*/
|
|
.validate_error {
|
|
font-size: 11px;
|
|
color: red;
|
|
font-style: italic;
|
|
}
|
|
|
|
.validate_success {
|
|
font-size: 11px;
|
|
color: #739f1d;
|
|
font-style: italic;
|
|
}
|
|
|
|
.inpcol {
|
|
display: inline-block;
|
|
margin-bottom: 15px;
|
|
padding: 0 30px 0 15px;
|
|
}
|
|
|
|
.inpcol p {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
INPUT[type=radio] {
|
|
margin: 1px 6px 0 10px;
|
|
padding: 0;
|
|
}
|
|
/*------------END[Reset css] ------------*/
|
|
|
|
|
|
/*=================================
|
|
Header
|
|
==================================*/
|
|
#header {
|
|
width: 100%;
|
|
height: 130px;
|
|
}
|
|
|
|
#header #top {
|
|
display: block;
|
|
width: 100%;
|
|
height: 83px;
|
|
}
|
|
/*header logo*/
|
|
#top .logo {
|
|
float: left;
|
|
display: inline;
|
|
width: 361px;
|
|
}
|
|
|
|
#top .meta {
|
|
display: inline;
|
|
float: right;
|
|
position: relative;
|
|
padding-right: 10px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.meta p {
|
|
text-align: right;
|
|
margin-bottom: 10px;
|
|
margin-top: 10px;
|
|
color: #aaa;
|
|
}
|
|
/*ul list in header*/
|
|
.meta ul li .ui-icon {
|
|
float: left;
|
|
}
|
|
|
|
.meta ul li a {
|
|
float: left;
|
|
font-size: 10px;
|
|
text-decoration: none;
|
|
margin: 0 0 0 10px;
|
|
}
|
|
|
|
.meta ul li a span {
|
|
margin-top: -2px;
|
|
}
|
|
/*peragraph style*/
|
|
p.mid {
|
|
text-align: center;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
p.mid a {
|
|
padding: 0 10px;
|
|
}
|
|
|
|
#header #search {
|
|
float: right;
|
|
display: block;
|
|
position: relative;
|
|
width: 249px;
|
|
right: 5px;
|
|
height: 26px;
|
|
margin-top: 13px;
|
|
}
|
|
|
|
#search input {
|
|
background: none;
|
|
border: 0;
|
|
width: 180px;
|
|
position: relative;
|
|
font-size: 12px;
|
|
font-style: italic;
|
|
padding: 5px 10px 0 0;
|
|
}
|
|
|
|
#search input.but {
|
|
position: relative;
|
|
float: left;
|
|
width: 24px !important;
|
|
height: 24px;
|
|
margin-top: 1px;
|
|
padding: 0 !important;
|
|
}
|
|
/* navigation bar in header*/
|
|
#header #navbar {
|
|
float: left;
|
|
display: block;
|
|
}
|
|
/* ul list in navigation*/
|
|
#navbar ul.nav {
|
|
display: inline-block;
|
|
height: 30px;
|
|
margin-top: 11px;
|
|
position: relative;
|
|
float: left;
|
|
}
|
|
|
|
ul.nav li {
|
|
float: left;
|
|
position: relative;
|
|
height: 30px;
|
|
display: block;
|
|
}
|
|
|
|
ul.nav li a {
|
|
color: #ccc;
|
|
text-decoration: none;
|
|
font-size: 12px;
|
|
display: block;
|
|
padding: 10px 20px 12px;
|
|
}
|
|
|
|
ul.nav ul {
|
|
position: absolute;
|
|
top: -999em;
|
|
width: 10em;
|
|
}
|
|
|
|
ul.nav ul li {
|
|
border: 0;
|
|
width: 130px;
|
|
z-index: 9999 !important;
|
|
height: auto;
|
|
padding: 5px;
|
|
}
|
|
|
|
ul.nav li:hover ul, ul.nav li.sfHover ul {
|
|
left: 0;
|
|
top: 3.6em;
|
|
z-index: 9999 !important;
|
|
}
|
|
|
|
ul.nav li li {
|
|
position: relative;
|
|
z-index: 9999 !important;
|
|
}
|
|
|
|
ul.nav li li a {
|
|
display: block;
|
|
width: 110px;
|
|
font-size: 12px;
|
|
padding: 5px 10px;
|
|
}
|
|
|
|
.meta ul, .meta ul li {
|
|
float: right;
|
|
}
|
|
|
|
ul.nav li:hover li ul, ul.nav li.sfHover li ul, ul.nav li li:hover li ul, ul.nav li li.sfHover li ul {
|
|
top: -999em;
|
|
}
|
|
|
|
ul.nav li li:hover ul, ul.nav li li.sfHover ul, ul.nav li li li:hover ul, ul.nav li li li.sfHover ul {
|
|
left: 14em;
|
|
top: 0;
|
|
}
|
|
/*------------END[Header] ------------*/
|
|
|
|
/*==================================
|
|
Master Menu
|
|
==================================*/
|
|
/* logo image of VNL*/
|
|
.vnlLogo {
|
|
left: 50%;
|
|
position: relative;
|
|
margin: 1px 1px 1px -37px;
|
|
}
|
|
|
|
#masterHeader #logo {
|
|
background: url(logo.png) left center no-repeat transparent;
|
|
width: 54px;
|
|
height: 54px;
|
|
position: absolute;
|
|
left: 4px;
|
|
top: 1px;
|
|
}
|
|
/* slogon text of header*/
|
|
#masterHeader #slogan {
|
|
background: url(pghead.png) right center no-repeat transparent;
|
|
width: 421px;
|
|
height: 51px;
|
|
position: absolute;
|
|
left: 60px;
|
|
top: 3px;
|
|
}
|
|
|
|
#masterHeader #userHeaderPanel {
|
|
/*position: absolute;
|
|
right: 5px;
|
|
top: 7px;*/
|
|
background: url("/Content/css/images/menu-right-panel.jpg") no-repeat;
|
|
width: 667px;
|
|
height: 57px;
|
|
}
|
|
/* heador top right side links*/
|
|
#masterHeader #userHeaderPanel .option {
|
|
color: #555;
|
|
font-size: 12px;
|
|
text-shadow: 0 1px 1px #fff; /*display: inline-block;*/
|
|
margin: 2px 0;
|
|
position: relative;
|
|
padding: 0 6px;
|
|
}
|
|
|
|
#masterHeader #userHeaderPanel .optionRight {
|
|
border-right: 1px solid #5896DA;
|
|
}
|
|
|
|
#masterHeader #userHeaderPanel .optionLeft {
|
|
/*border-left: 1px solid #5896DA;*/
|
|
}
|
|
/*font formatting in header*/
|
|
#masterHeader #userHeaderPanel .option a, #masterHeader #userHeaderPanel .option a:visited {
|
|
color: #277CD1;
|
|
font-size: 90%;
|
|
font-weight: 700;
|
|
text-decoration: none;
|
|
text-shadow: 0 1px 0px #eee;
|
|
}
|
|
|
|
#masterHeader #userHeaderPanel .option a:hover {
|
|
text-decoration: none;
|
|
color: #5DA0E8;
|
|
}
|
|
|
|
#masterMenu {
|
|
background: url(images/menubar.png) repeat scroll 0 0 transparent;
|
|
border-bottom: 1px solid #5C9CCC;
|
|
height: 33px;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 58px;
|
|
z-index: 1;
|
|
}
|
|
|
|
#masterMenu ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
line-height: normal;
|
|
}
|
|
/*menu list in header*/
|
|
#masterMenu .menuItem {
|
|
background-color: #7DB5E2;
|
|
border-top: 2px solid #7DB5E2;
|
|
border-left: 1px solid #68A9DE;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
float: left;
|
|
font-weight: 700;
|
|
list-style: none;
|
|
font-size: 12px;
|
|
position: relative;
|
|
}
|
|
|
|
#masterMenu .menuItem a {
|
|
text-decoration: none;
|
|
color: #fff;
|
|
display: block;
|
|
padding: 6px 10px 9px 15px;
|
|
}
|
|
|
|
#masterMenu .menuItem:hover {
|
|
/*background: url(images/menubar-item-hover.png) repeat scroll 0 0 transparent;*/
|
|
border-top: 2px solid #0059BB;
|
|
}
|
|
|
|
.pageSelected {
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAAfCAIAAAHpR5i+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAhBJREFUeNpiTFz+iWHIApanD95qmSsMVdf/+/Xt/68hG/b/f3/9O2RdDxBAjEM33bPwi/MO2TQzdJP70E3rAAHE6N71RMtMmmEU0Lt8//3t3+/RcBiAevXr/5+j4UD/0v3P979//o4GBJ0BQAAxDuk2/BBO7wKSvKOhMBDlzL/RQBiQcB8t2wck3BlGw32A2jOjgTAg7ffR8n2A6tXRgmYAAEAAMbp3PdMylxwNiFEwMoqZ/39GW/CjYOS03n+NNuBHwchpRP4eHScYBSNnjOD3aGNmFIyg0v3f6KjYKBgpyf3vb4bR0chRMEKSOx/H5yeX9o0GxCgYCQAgAPt2cAMwCANB0A2Qd/pvC4k68rJDHzdLB9ZpdSBjbwZJdn/XfOsxCETEvWruATLiPj3ijpi4szuS7F7eIRES91FmkFVm2B0pdu/W3RFkd2UGMXa/VcYCMHLs3uyOlLjr7ggqM9PlfwdS7O6uipy4732qjkEggV+A9u7gBmEgiAFghPiiFMKPJuiNOqkCkd1oD6qwZkrIw7J8yeX6fL0f91t9BTxAVHWf8v7Zd88CIMZlRhm7DEBac58DJrM7QFq4H5PvXogESAr37mO9IOZRACQ196qtzDIAaeG+ZhnhDpAU7r9Zxmd7AGHNvVyXB5DZ3N2nBJDV3Lv8tQMgL9zXgarqDpAU7v1ndAdIau5zltqbXQYgyAmTOeJ1aJO+DQAAAABJRU5ErkJggg==) repeat scroll 0 0 transparent !important;
|
|
}
|
|
|
|
.selected span.focus {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.menuItemBox {
|
|
display: none;
|
|
}
|
|
/* inner menu style - shows on hover or click*/
|
|
.innerMenu ul {
|
|
background: none repeat scroll 0 0 #F5F5F8;
|
|
border-right: 1px solid #DFDFDF;
|
|
left: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: 9999991;
|
|
-moz-box-shadow: 0 3px 10px #CCC;
|
|
-webkit-box-shadow: 0 3px 10px #CCC;
|
|
-moz-border-radius: 0 0 4px 4px;
|
|
-webkit-border-radius: 0 0 4px 4px;
|
|
border-color: 0 #DFDFDF #DFDFDF;
|
|
border-style: none solid solid;
|
|
border-width: 0 1px 1px;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.innerMenu ul li {
|
|
list-style: none;
|
|
position: relative;
|
|
height: 22px;
|
|
padding: 0;
|
|
}
|
|
/* selected menu*/
|
|
.innerMenu ul li:hover, .innerMenu ul li.selected {
|
|
background: 0 to(#8DCEFE));
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8DCEFE',EndColorStr='#5c98da');
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#8DCEFE', EndColorStr='#5c98da')";
|
|
border: 1px solid 5px;
|
|
-moz-border-radius: 1px;
|
|
-webkit-border-radius: 1px;
|
|
}
|
|
/* icons in menu inner box*/
|
|
.innerMenu ul li .icon {
|
|
border-right: 1px solid #DDD;
|
|
float: left;
|
|
height: 16px;
|
|
text-align: center;
|
|
width: 16px;
|
|
padding: 0px 7px 0px 4px;
|
|
}
|
|
|
|
.innerMenu ul li .item {
|
|
border-left: 1px solid #fff;
|
|
color: #5C98DA;
|
|
float: left;
|
|
font-size: 12px;
|
|
height: 14px;
|
|
padding: 0px 60px 0px 2px;
|
|
}
|
|
/*menu item hover effects*/
|
|
.innerMenu ul li:hover .icon, .innerMenu ul li.selected .icon {
|
|
border-right: 1px solid #5c98da;
|
|
}
|
|
|
|
.innerMenu ul li:hover .item, .innerMenu ul li.selected .item {
|
|
border-left: 1px solid #8dcefe;
|
|
color: #000;
|
|
text-shadow: 0 1px 1px #eee;
|
|
}
|
|
|
|
.innerMenu ul li:hover .shortcut, .innerMenu ul li.selected .shortcut {
|
|
color: #000;
|
|
text-shadow: 0 1px 1px #eee;
|
|
}
|
|
|
|
.innerMenu ul li .shortcut {
|
|
color: #bbb;
|
|
font-size: 12px;
|
|
height: 18px;
|
|
position: absolute;
|
|
right: 4px;
|
|
text-shadow: 0 1px 1px #ddd;
|
|
top: 4px;
|
|
width: 36px;
|
|
}
|
|
/*inner menu box-left blank spacer for icon */
|
|
.innerMenu ul li.spacer {
|
|
height: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.innerMenu ul li.spacer .item {
|
|
border-top: 1px solid #ddd;
|
|
border-bottom: 1px solid #fff;
|
|
height: 0;
|
|
left: 29px;
|
|
position: absolute;
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
/*inner menu box- icon in left blank spacer */
|
|
.innerMenu ul li.spacer .icon {
|
|
height: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#masterMenu ul li .masterInnerMenu {
|
|
display: none;
|
|
left: -1 !important;
|
|
position: absolute;
|
|
top: 30px;
|
|
border: 1px solid #ABD5FC;
|
|
border-top: none;
|
|
z-index: 99;
|
|
}
|
|
|
|
.masterInnerMenu ul {
|
|
background: none repeat scroll 0 0 #F5F5F8;
|
|
left: 1px;
|
|
overflow: hidden;
|
|
top: 0;
|
|
z-index: 9999991;
|
|
border-color: 0 #DFDFDF #DFDFDF;
|
|
border-style: none solid solid;
|
|
border-width: 0 1px 1px;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.master-menu-item-box {
|
|
display: block !important;
|
|
}
|
|
|
|
.masterInnerMenu ul li {
|
|
height: 24px;
|
|
list-style: none outside none;
|
|
position: relative;
|
|
padding: 0;
|
|
}
|
|
|
|
#masterMenu ul li .masterInnerMenu li a {
|
|
text-shadow: none;
|
|
height: 24px;
|
|
display: block;
|
|
padding: 0;
|
|
}
|
|
|
|
.masterInnerMenu ul li .item {
|
|
color: #4991DD;
|
|
display: inline-block;
|
|
float: left;
|
|
font-size: 11px;
|
|
height: 24px;
|
|
left: 0;
|
|
position: relative;
|
|
right: 0;
|
|
white-space: nowrap;
|
|
width: 100%;
|
|
padding: 0;
|
|
}
|
|
|
|
.item .spanIcon {
|
|
background-repeat: no-repeat;
|
|
border-right: 1px solid #dedede;
|
|
left: 0;
|
|
height: 20px;
|
|
position: absolute;
|
|
top: 3px;
|
|
vertical-align: sub;
|
|
width: 1px;
|
|
padding: 0 12px;
|
|
filter: alpha(opacity=80); /*IE*/
|
|
opacity: .8;
|
|
}
|
|
|
|
.item .spanIcon.note {
|
|
background-image: url(images/icons/Documents.png); /*report icon*/
|
|
background-position: 5px 3px;
|
|
}
|
|
|
|
.item .spanIcon.report {
|
|
background-image: url(images/icons/report2.png); /*report icon*/
|
|
background-position: 5px 3px;
|
|
}
|
|
|
|
.item .spanIcon.live {
|
|
background-image: url(images/icons/liveTracking3.png); /*liveTracking icon*/
|
|
background-position: 5px 3px;
|
|
}
|
|
|
|
.item .spanIcon.history {
|
|
background-image: url(images/icons/Tab-History-blk-16.png); /*history icon*/
|
|
background-position: 5px 3px;
|
|
}
|
|
|
|
.item .spanIcon.fold {
|
|
background-image: url(images/icons/folder.png); /*dashboard icon*/
|
|
background-position: 5px 3px;
|
|
}
|
|
|
|
.item .spanIcon.update {
|
|
background-image: url(images/icons/note.png); /*updates icon*/
|
|
background-position: 5px 1px;
|
|
}
|
|
|
|
.item .spanIcon.admin {
|
|
background-image: url(images/icons/admin.png); /*admin icon*/
|
|
background-position: 5px 3px;
|
|
}
|
|
|
|
.item .spanIcon.geoHistory {
|
|
background-image: url(images/icons/geographicalHistory.png);
|
|
background-position: 3px 2px;
|
|
}
|
|
|
|
.item .menuText {
|
|
cursor: pointer;
|
|
vertical-align: sub;
|
|
display: block;
|
|
margin: 4px 10px 0 32px;
|
|
padding: 0px 0 0;
|
|
}
|
|
|
|
.masterInnerMenu ul li:hover {
|
|
background: url(images/menubar.png) repeat-x 0 0 transparent;
|
|
color: #fff;
|
|
}
|
|
|
|
.masterInnerMenu ul li:hover .item {
|
|
color: #fff;
|
|
}
|
|
|
|
.lastMenuSelected, .selected {
|
|
border-top: 2px solid #0059BB !important;
|
|
}
|
|
|
|
.innerMenu ul li a, .masterInnerMenu ul li a {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
|
#masterMenu ul li .masterInnerMenu {
|
|
top: 27px !important;
|
|
}
|
|
}
|
|
/*heaser- user settions option */
|
|
/*change password box*/
|
|
.userSettings {
|
|
display: none;
|
|
min-height: 50px;
|
|
min-width: 100px;
|
|
position: absolute;
|
|
top: 16px;
|
|
z-index: 9992;
|
|
text-align: center;
|
|
right: -50%;
|
|
}
|
|
|
|
.userSettings .settingDetails {
|
|
background: none repeat scroll 0 0 #FFFFFF;
|
|
border: 1px solid #1F7ABC;
|
|
margin: -1px 0 0;
|
|
min-height: 17px;
|
|
min-width: 120px;
|
|
text-align: left;
|
|
}
|
|
|
|
.userSettings .settingDetails a {
|
|
color: #333;
|
|
display: block;
|
|
white-space: nowrap;
|
|
padding: 6px;
|
|
}
|
|
|
|
.settingDetails div a img {
|
|
margin-right: 5px;
|
|
}
|
|
/*------------END[Master Menu] ------------*/
|
|
.taskbar .logo a img {
|
|
float: left;
|
|
}
|
|
/*==================================
|
|
Toolbar, background body
|
|
==================================*/
|
|
input {
|
|
height: 18px;
|
|
}
|
|
|
|
#desktop {
|
|
border-bottom-color: #fff;
|
|
border-bottom-style: solid;
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABMCAIAAAAjsUpsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEVJREFUeNqMTlsKACAMku5/Z9sL1lpUH6JMJ4LkAGBQTdVxIwUQXVizNK+zd1Tecjfv1RHbnE/bcmPrKL8/XYufG6cAAwBFymotT/a6tQAAAABJRU5ErkJggg==) repeat-x scroll 0 0 #D8DCE0;
|
|
}
|
|
|
|
#taskbar {
|
|
border-top-width: 1px;
|
|
bottom: 0;
|
|
height: 30px;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 9999;
|
|
}
|
|
|
|
#taskbar #taskbar #ccpl-logo {
|
|
border: 1px solid #FFF;
|
|
bottom: 0;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 80px;
|
|
}
|
|
|
|
#taskbar #service-panel {
|
|
border-left-width: 1px;
|
|
bottom: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
width: 180px;
|
|
}
|
|
|
|
.statusbar {
|
|
background: #5590D2;
|
|
bottom: 0;
|
|
height: 25px;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
z-index: 0;
|
|
background-image: 0;
|
|
padding: 6px;
|
|
}
|
|
|
|
.menubar {
|
|
background-color: #C9E2FC;
|
|
background-image: none;
|
|
height: auto;
|
|
left: 0;
|
|
min-height: 21px;
|
|
padding: 4px;
|
|
position: relative;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.menubar .searchBox {
|
|
background: none repeat scroll 0 0 #FFFFFF;
|
|
border: 1px solid #AAAAAA;
|
|
float: left;
|
|
height: 20px;
|
|
min-width: 60px;
|
|
position: relative;
|
|
width: 99%;
|
|
}
|
|
|
|
.menubar .searchBox .inputBox {
|
|
bottom: 0;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 20px;
|
|
top: 0;
|
|
}
|
|
|
|
.menubar .searchBox .inputBox input {
|
|
border: medium none;
|
|
height: 100%;
|
|
margin: 0;
|
|
width: 100%;
|
|
font-family: Hermes_FB;
|
|
}
|
|
|
|
.menubar .searchBox .sIcon {
|
|
bottom: 0;
|
|
margin: 2px 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
width: 20px;
|
|
}
|
|
|
|
.menubarsite {
|
|
border-left-width: 1px;
|
|
height: auto;
|
|
left: 0;
|
|
min-height: 25px;
|
|
position: relative;
|
|
right: 0;
|
|
top: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.content-x-titlebar {
|
|
bottom: 0;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 25px;
|
|
}
|
|
|
|
.content1-x-titlebar {
|
|
bottom: 0;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.titlebar {
|
|
border-left-width: 1px;
|
|
height: 25px;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.titlebar .title, #taskbar .title {
|
|
bottom: 0;
|
|
cursor: default;
|
|
left: 0;
|
|
line-height: 1;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
white-space: nowrap;
|
|
margin: 6px 58px 0 7px;
|
|
}
|
|
|
|
#taskbar .title {
|
|
color: #1f4d99;
|
|
text-align: center;
|
|
line-height: 17px;
|
|
text-shadow: 0 1px 2px #9DDBF0;
|
|
}
|
|
|
|
.titlebar .buttons {
|
|
position: absolute;
|
|
right: 0;
|
|
margin: 5px;
|
|
}
|
|
|
|
.titlebar .buttons .titlebar-button {
|
|
cursor: pointer;
|
|
float: left;
|
|
height: 15px;
|
|
overflow: hidden;
|
|
width: 15px;
|
|
margin: 0 0 0 5px;
|
|
}
|
|
|
|
.content {
|
|
background: #FFF;
|
|
left: 0;
|
|
position: relative;
|
|
/*overflow-x: hidden;
|
|
overflow-y: scroll;*/
|
|
right: 0;
|
|
z-index: 0;
|
|
padding: 6px;
|
|
}
|
|
|
|
.withtoolbar {
|
|
top: 24px !important;
|
|
top: 29px !important;
|
|
}
|
|
|
|
.withmenubar {
|
|
top: 29px !important;
|
|
}
|
|
|
|
.withtoolbar-menubar {
|
|
top: 51px !important;
|
|
}
|
|
|
|
.withstatusbar {
|
|
bottom: 37px !important;
|
|
}
|
|
|
|
div.index {
|
|
display: block;
|
|
border: 1px solid #eee;
|
|
cursor: pointer;
|
|
color: #000;
|
|
height: 35px;
|
|
margin: 1px 0;
|
|
}
|
|
|
|
div.index:hover {
|
|
background: #eee;
|
|
}
|
|
|
|
div.s, div.s:hover {
|
|
background: #81A642;
|
|
color: #fff;
|
|
}
|
|
|
|
div.index span.actImg {
|
|
width: 20px;
|
|
height: 16px;
|
|
display: inline-block;
|
|
vertical-align: bottom;
|
|
padding: 2px 0;
|
|
}
|
|
|
|
div.index div.indexTxt {
|
|
height: 30px;
|
|
display: inline;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
div.index div.indexTxtDiv {
|
|
height: 35px;
|
|
display: inline;
|
|
vertical-align: top;
|
|
}
|
|
|
|
input.button, a.button, button.button {
|
|
background: url(../images/rep1.png) repeat-x scroll 0 0 transparent;
|
|
border: 1px solid #91C8FF;
|
|
color: #FFF !important;
|
|
}
|
|
|
|
.buttonWrap {
|
|
margin-right: 10px;
|
|
min-width: 60px;
|
|
position: relative;
|
|
cursor: pointer;
|
|
color: #111;
|
|
opacity: 1;
|
|
font-size: 8.5pt;
|
|
line-height: 24px;
|
|
white-space: nowrap;
|
|
height: 24px;
|
|
}
|
|
|
|
.buttonWrap:hover {
|
|
color: #444;
|
|
}
|
|
|
|
.buttonL {
|
|
height: 24px;
|
|
left: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
width: 4px;
|
|
}
|
|
|
|
.buttonR {
|
|
height: 24px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
right: 0;
|
|
width: 4px;
|
|
}
|
|
|
|
.buttonM {
|
|
background: url(../images/m.png) no-repeat scroll 0 0 transparent;
|
|
left: 4px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
right: 4px;
|
|
text-align: center;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.buttonM:active {
|
|
height: 23px;
|
|
background: url(../images/m.png) no-repeat scroll 0 0;
|
|
left: 3px;
|
|
position: absolute;
|
|
right: 3px;
|
|
text-align: center;
|
|
background-color: #f9f9f9;
|
|
}
|
|
|
|
.icn {
|
|
float: right;
|
|
height: 7px;
|
|
margin-left: 8px;
|
|
margin-right: 4px;
|
|
margin-top: 8px;
|
|
overflow: hidden;
|
|
width: 11px;
|
|
}
|
|
|
|
.nxt {
|
|
background: url(../images/nxt.png) no-repeat scroll 0 0 transparent;
|
|
}
|
|
|
|
.back {
|
|
background: url(../images/icons-16-16/back.png) no-repeat scroll 0 0 transparent;
|
|
}
|
|
|
|
.skip {
|
|
background: url(../images/icons-16-16/skip.png) no-repeat scroll 0 0 transparent;
|
|
width: 15px;
|
|
}
|
|
|
|
.nxt1 {
|
|
background: url(../images/nxt.png) no-repeat scroll 0 0 transparent;
|
|
float: right;
|
|
margin-left: 12px;
|
|
height: 7px;
|
|
margin-top: 4px;
|
|
overflow: hidden;
|
|
width: 11px;
|
|
}
|
|
|
|
.back1 {
|
|
background: url(../images/icons-16-16/back.png) no-repeat scroll 0 0 transparent;
|
|
float: left;
|
|
margin-right: 12px;
|
|
height: 7px;
|
|
margin-top: 4px;
|
|
overflow: hidden;
|
|
width: 11px;
|
|
}
|
|
|
|
.refresh {
|
|
background: url(../images/icons-16-16/refresh.png) no-repeat scroll 0 0 transparent;
|
|
float: right;
|
|
height: 12px;
|
|
margin-left: 8px;
|
|
margin-right: 4px;
|
|
margin-top: 6px;
|
|
overflow: hidden;
|
|
width: 12px;
|
|
}
|
|
|
|
.buttonM span {
|
|
line-height: 23px;
|
|
}
|
|
|
|
input, select, textarea, button {
|
|
color: #222;
|
|
overflow: auto;
|
|
outline: none;
|
|
resize: none;
|
|
border: 1px solid #bebdbd;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
input /*, select, textarea*/ {
|
|
text-indent: 7px;
|
|
}
|
|
|
|
input, textarea, select {
|
|
margin-right: 0;
|
|
padding: 0;
|
|
/*font-family: 'Hermes_FB';*/
|
|
font-family: Arial;
|
|
width: 171px;
|
|
height: 30px;
|
|
}
|
|
|
|
input:focus, textarea:focus {
|
|
}
|
|
|
|
div.help {
|
|
background: url(../images/help3.png) no-repeat scroll 0 0 transparent;
|
|
cursor: pointer;
|
|
float: right;
|
|
height: 20px;
|
|
position: absolute;
|
|
right: 3px;
|
|
top: 6px;
|
|
width: 20px;
|
|
}
|
|
|
|
#frnt {
|
|
background: url(../images/icons-16-16/home.png) no-repeat center center transparent;
|
|
}
|
|
|
|
#cprt {
|
|
background: url(../images/icons-16-16/cprt.png) no-repeat center center transparent;
|
|
}
|
|
|
|
#abtcmp {
|
|
background: url(../images/icons-16-16/abtcmp.png) no-repeat center center transparent;
|
|
}
|
|
|
|
#abtclt {
|
|
background: url(../images/icons-16-16/user.png) no-repeat center center transparent;
|
|
}
|
|
|
|
#cltrq {
|
|
background: url(../images/icons-16-16/req.png) no-repeat center center transparent;
|
|
}
|
|
|
|
#soldig {
|
|
background: url(../images/icons-16-16/diagram.png) no-repeat center center transparent;
|
|
}
|
|
|
|
#cliBen {
|
|
background: url(../images/icons-16-16/profit.png) no-repeat center center transparent;
|
|
}
|
|
|
|
#comLst {
|
|
background: url(../images/icons-16-16/list.png) no-repeat center center transparent;
|
|
}
|
|
|
|
#comDes {
|
|
background: url(../images/icons-16-16/desc.png) no-repeat center center transparent;
|
|
}
|
|
|
|
#prjMng {
|
|
background: url(../images/icons-16-16/tools.png) no-repeat center center transparent;
|
|
}
|
|
|
|
#othSer {
|
|
background: url(../images/icons-16-16/other.png) no-repeat center center transparent;
|
|
}
|
|
|
|
#concl {
|
|
background: url(../images/icons-16-16/conc.png) no-repeat center center transparent;
|
|
}
|
|
|
|
#dsht {
|
|
background: url(../images/icons-16-16/sheet.png) no-repeat center center transparent;
|
|
}
|
|
|
|
#smr {
|
|
background: url(../images/icons-16-16/summary.png) no-repeat center center transparent;
|
|
}
|
|
|
|
div.advance {
|
|
height: 16px;
|
|
width: 16px;
|
|
background: url(../images/help2.png) no-repeat;
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
margin: 4px;
|
|
}
|
|
|
|
div.mcn {
|
|
background: url(../images/help1.png) no-repeat;
|
|
height: 16px;
|
|
width: 16px;
|
|
float: right;
|
|
cursor: pointer;
|
|
margin: 5px 5px 2px 4px;
|
|
}
|
|
|
|
#helpImg {
|
|
position: absolute;
|
|
width: 311px;
|
|
height: 439px;
|
|
left: 280px;
|
|
top: 80px;
|
|
bottom: 20px;
|
|
z-index: 999;
|
|
-moz-border-radius: 2px;
|
|
-webkit-border-radius: 2px 2px 2px 2px;
|
|
-o-border-radius: 2px 2px 2px 2px;
|
|
border-radius: 2px 2px 2px 2px;
|
|
background: none repeat scroll 0 0 #FFF;
|
|
border: 2px solid #5896DA;
|
|
overflow: hidden;
|
|
display: none;
|
|
}
|
|
|
|
div.sa {
|
|
position: absolute;
|
|
right: -8px;
|
|
top: 0;
|
|
}
|
|
|
|
div.ad {
|
|
display: inline-block;
|
|
float: right;
|
|
height: 100px;
|
|
position: absolute;
|
|
right: 20px;
|
|
top: 23px;
|
|
width: 150px;
|
|
z-index: 999;
|
|
background: none repeat scroll 0 0 #FFF;
|
|
border: 1px solid #AAA;
|
|
}
|
|
|
|
div.vedioCls {
|
|
background: none repeat scroll 0 0 #FFF;
|
|
border: 1px solid #AAA;
|
|
display: inline-block;
|
|
float: right;
|
|
height: 346px;
|
|
position: absolute;
|
|
right: -1px;
|
|
top: 0;
|
|
width: 580px;
|
|
z-index: 999;
|
|
}
|
|
|
|
div.ad .cls, div.cls {
|
|
background: url(../images/close_panel.gif) no-repeat center center;
|
|
width: 20px;
|
|
height: 20px;
|
|
position: absolute;
|
|
right: -2px;
|
|
top: 2px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
div.cnt {
|
|
width: 460px;
|
|
height: 160px;
|
|
float: left;
|
|
margin: 20px;
|
|
}
|
|
|
|
div.cnt .cntL {
|
|
width: 229px;
|
|
height: 100%;
|
|
float: left;
|
|
padding-top: 15px;
|
|
}
|
|
|
|
div.cnt .cntR {
|
|
width: 209px;
|
|
float: left;
|
|
border: 1px solid #aaa;
|
|
margin-top: 22px;
|
|
-moz-box-shadow: 0 5px 10px 0 #AAA;
|
|
padding: 10px;
|
|
}
|
|
|
|
div.cnt select.dropdown {
|
|
width: 80px;
|
|
margin: 5px 0;
|
|
padding: 1px;
|
|
}
|
|
|
|
div.cnt .label {
|
|
width: 80px;
|
|
}
|
|
|
|
div.export {
|
|
background: none repeat scroll 0 0 #FFF;
|
|
border: 1px solid #AAA;
|
|
float: right;
|
|
left: 68px;
|
|
position: absolute;
|
|
top: 23px;
|
|
z-index: 999;
|
|
cursor: default;
|
|
display: none;
|
|
padding: 10px;
|
|
}
|
|
|
|
div.email {
|
|
background: none repeat scroll 0 0 #FFF;
|
|
border: 1px solid #AAA;
|
|
float: right;
|
|
position: absolute;
|
|
top: 23px;
|
|
z-index: 1;
|
|
cursor: default;
|
|
display: none;
|
|
width: 283px;
|
|
padding: 30px 10px 10px;
|
|
}
|
|
|
|
div.home {
|
|
background: none repeat scroll 0 0 #FFF;
|
|
border: 1px solid #AAA;
|
|
float: right;
|
|
left: 5px;
|
|
position: absolute;
|
|
top: 5px;
|
|
z-index: 10000;
|
|
cursor: default;
|
|
display: none;
|
|
padding: 2px;
|
|
}
|
|
|
|
div.smenu {
|
|
height: 20px;
|
|
width: 100%;
|
|
cursor: pointer;
|
|
color: #555;
|
|
min-width: 57px;
|
|
}
|
|
|
|
div.smenu a {
|
|
text-decoration: none;
|
|
color: #555;
|
|
}
|
|
|
|
div.smenu a:hover {
|
|
color: #5D8C0B;
|
|
}
|
|
|
|
.txtpls {
|
|
-moz-border-radius: 4px;
|
|
background: none repeat scroll 0 0 #F4F4F4;
|
|
border: 1px solid #E0E0E0;
|
|
bottom: 20px;
|
|
color: #555;
|
|
display: inline-block;
|
|
outline: medium none;
|
|
overflow: auto;
|
|
position: absolute;
|
|
text-shadow: 0 1px 1px #EEE;
|
|
top: 20px;
|
|
left: 20px;
|
|
right: 20px;
|
|
padding: 5px;
|
|
}
|
|
|
|
.loadDiv {
|
|
background: url(../images/loading.gif) no-repeat center center rgba(255,255,255,.8);
|
|
position: absolute;
|
|
top: 55px;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
display: none;
|
|
z-index: 9999;
|
|
}
|
|
|
|
div.icon {
|
|
float: left;
|
|
height: 14px;
|
|
margin-right: 4px;
|
|
overflow: hidden;
|
|
width: 14px;
|
|
}
|
|
|
|
#export .icon {
|
|
background: url(../images/save.png) no-repeat center center transparent;
|
|
}
|
|
|
|
#doc {
|
|
background: url(../images/icons-16-16/doc.png) no-repeat center center transparent;
|
|
}
|
|
|
|
#excel {
|
|
background: url(../images/icons-16-16/excel.png) no-repeat center center transparent;
|
|
}
|
|
|
|
div.doctor {
|
|
color: #E9E9E9;
|
|
font-family: Hermes_FB;
|
|
font-size: x-large;
|
|
font-weight: 100;
|
|
height: 30px;
|
|
position: absolute;
|
|
right: 30px;
|
|
width: 220px;
|
|
}
|
|
|
|
div.popup {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
display: inline-block;
|
|
overflow: auto;
|
|
z-index: 9999;
|
|
border: 1px solid #666;
|
|
background: #eee;
|
|
opacity: .8;
|
|
text-align: center;
|
|
}
|
|
|
|
div.popupData {
|
|
display: inline-block;
|
|
border: 10px solid #386994;
|
|
background: #eee;
|
|
margin-top: 250px;
|
|
-moz-border-radius: 5px;
|
|
opacity: 1;
|
|
padding: 5px;
|
|
}
|
|
|
|
.partialSelect {
|
|
opacity: 0.6;
|
|
filter: alpha(opacity=30);
|
|
}
|
|
|
|
#main-containersite {
|
|
display: block;
|
|
width: 300px;
|
|
height: 200px;
|
|
margin: 150px auto;
|
|
}
|
|
|
|
#n-containersite {
|
|
-moz-border-radius: 4px;
|
|
-webkit-border-radius: 4px 4px 4px 4px;
|
|
-moz-box-shadow: 0 0 15px 1px rgba(0,0,0,0.2);
|
|
-webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.2);
|
|
border: 1px solid #E5E4E4;
|
|
color: #88887A;
|
|
height: 250px;
|
|
width: 350px;
|
|
background: #eee;
|
|
}
|
|
|
|
#n-wrappersite {
|
|
font-family: Hermes_FB;
|
|
height: 250px;
|
|
margin: 10px;
|
|
}
|
|
|
|
#n-wrappersite input:focus {
|
|
border: 1px solid #5d8c0b;
|
|
}
|
|
|
|
.uname {
|
|
background-image: url(/Content/images/icon_user.gif);
|
|
background-position: 3px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
#n-wrappersite button {
|
|
-moz-border-radius: 20px;
|
|
-webkit-border-radius: 20px 20px 20px 20px;
|
|
background: none repeat scroll 0 0 #F0F0F0;
|
|
border: 1px solid #0055A5;
|
|
float: right;
|
|
width: 100px;
|
|
color: #0055A5;
|
|
padding: 3px 0 1px 5px;
|
|
}
|
|
|
|
#n-wrappersite div {
|
|
margin: 2px auto;
|
|
}
|
|
|
|
.lblsite label {
|
|
color: #0055A5 !important;
|
|
font-size: 100% !important;
|
|
text-decoration: none;
|
|
text-shadow: 0 1px 1px #EEE;
|
|
float: left;
|
|
width: 100px;
|
|
height: 50px;
|
|
margin: 5px 0 5px 10px;
|
|
padding: 10px 5px 3px;
|
|
}
|
|
|
|
.inputsite {
|
|
background-color: #FBFBFB;
|
|
border: 1px solid #E5E4E4;
|
|
height: 30px;
|
|
padding-left: 22px;
|
|
width: 240px;
|
|
outline: none;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px 5px 5px 5px;
|
|
color: #0055A5;
|
|
}
|
|
|
|
.btnsite {
|
|
height: 30px;
|
|
font-size: 100% !important;
|
|
text-decoration: none;
|
|
text-shadow: 0 1px 1px #EEE;
|
|
float: left;
|
|
margin: 30px 0 5px 150px;
|
|
padding: 0 5px 3px 0;
|
|
}
|
|
|
|
.rowHeader {
|
|
background-color: #5590D2;
|
|
background-image: 0;
|
|
border-left: 1px solid #A4BED4;
|
|
color: #EEE;
|
|
font-family: Hermes_FB;
|
|
font-size: 18px;
|
|
height: 27px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.dataContent {
|
|
background-color: #FFF;
|
|
border: 1px solid none;
|
|
width: 99.85%;
|
|
min-height: 149px;
|
|
height: auto !important;
|
|
}
|
|
|
|
.singleTemplate {
|
|
width: 127px;
|
|
border: 1px solid #eee;
|
|
background: #f9f9f9;
|
|
border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
-webkit-border-radius: 4px;
|
|
padding: 5px;
|
|
}
|
|
|
|
.slabel {
|
|
display: inline;
|
|
height: 10px;
|
|
color: #e9e9e9;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
-webkit-border-radius: 4px;
|
|
margin: 3px;
|
|
padding: 3px 5px;
|
|
}
|
|
|
|
.lblYellow {
|
|
background: #FFDAB9;
|
|
}
|
|
|
|
.lblGreen {
|
|
background: #98FB98;
|
|
}
|
|
|
|
.lblBlue {
|
|
background: #5229a3;
|
|
}
|
|
|
|
.lblRed {
|
|
background: #c00;
|
|
}
|
|
|
|
.singleTemplate .label {
|
|
font-size: 14px;
|
|
text-align: center;
|
|
color: #666;
|
|
font-weight: 700;
|
|
margin: 3px 0 0;
|
|
}
|
|
|
|
.buttonC {
|
|
background: url(../images/m.png) repeat scroll 0 0 transparent;
|
|
height: 23px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
right: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.check-checked {
|
|
background-position: 0 -80px;
|
|
display: inline-block;
|
|
background-image: url(../images/gr_custom-inputs.png);
|
|
background-repeat: no-repeat;
|
|
position: relative;
|
|
z-index: 99;
|
|
}
|
|
|
|
.check-disable {
|
|
display: inline-block;
|
|
background-image: url(../images/check-disable.png);
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.check-unchecked {
|
|
background-position: 0 -40px;
|
|
display: inline-block;
|
|
background-image: url(../images/gr_custom-inputs.png);
|
|
background-repeat: no-repeat;
|
|
position: relative;
|
|
z-index: 9999;
|
|
}
|
|
|
|
.check-checked input, .check-disable input, .check-unchecked input {
|
|
opacity: 0;
|
|
filter: alpha(opacity=5);
|
|
z-index: 9992;
|
|
margin: 3px 0 3px 3px;
|
|
}
|
|
|
|
.check-label {
|
|
margin: 3px 20px 3px 0;
|
|
}
|
|
|
|
.buttonN {
|
|
background: url(../images/m.png) repeat scroll 0 0 transparent;
|
|
text-align: center;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
padding: 2px;
|
|
}
|
|
|
|
.buttonN:active {
|
|
padding-right: 6px;
|
|
height: 26px;
|
|
background: url(../images/m.png) repeat scroll 0 0 transparent;
|
|
outline: none;
|
|
text-align: center;
|
|
background-color: #f9f9f9;
|
|
}
|
|
|
|
.buttonMF {
|
|
background: url(../images/m.png) repeat scroll 0 0 transparent;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
right: 4px;
|
|
text-align: center;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
width: 122px;
|
|
height: 23px;
|
|
}
|
|
|
|
.move {
|
|
background: url(../images/icons-16-16/turn_left.png) no-repeat scroll 0 0 transparent;
|
|
}
|
|
|
|
.icnMF {
|
|
float: right;
|
|
height: 16px;
|
|
margin-left: 4px;
|
|
margin-right: 0;
|
|
margin-top: 7px;
|
|
overflow: hidden;
|
|
width: 21px;
|
|
position: relative;
|
|
top: -3px;
|
|
}
|
|
|
|
#index, #prsol, #resMat, #annx {
|
|
background: url(../images/icons-16-16/index.png) no-repeat center center transparent;
|
|
}
|
|
|
|
div.cls1, div.clshistory {
|
|
background: url(../images/close_panel.gif) no-repeat center center;
|
|
width: 20px;
|
|
height: 20px;
|
|
position: relative;
|
|
float: right;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#divEmail .icon, #email .icon {
|
|
background: url(../images/icons-16-16/email.png) no-repeat center center transparent;
|
|
}
|
|
|
|
.nomargin, .singleTemplate input[type=radio] {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.statusbar {
|
|
border-radius: 0 0 5px 5px;
|
|
-moz-border-radius: 0 0 5px 5px;
|
|
-webkit-border-radius: 0 0 5px 5px;
|
|
}
|
|
|
|
.titlebar {
|
|
-moz-border-radius-topleft: 5px;
|
|
-moz-border-radius-topright: 5px;
|
|
-webkit-border-radius: 5px 5px 0 0;
|
|
background-color: #5590D2;
|
|
}
|
|
|
|
.titlebar .title {
|
|
color: #FFF;
|
|
}
|
|
|
|
.button, .image-button {
|
|
font-size: 8pt;
|
|
}
|
|
|
|
#taskbar {
|
|
background: url(images/menubar.png) repeat-x scroll center top transparent;
|
|
}
|
|
|
|
#taskbar #service-panel {
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAWCAYAAADq8U2pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUeNpiWLVqFdf///+5WBgYGMSBmIEmDHYY4yWM8YIIEWIUPwIxAAIMABaGD2C3Iu2JAAAAAElFTkSuQmCC) no-repeat scroll center left transparent;
|
|
}
|
|
|
|
.window, .windowsite {
|
|
background: #FFF;
|
|
border-radius: 5px 5px 5px 5px;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px 5px 5px 5px;
|
|
box-shadow: 3px 3px 6px #AAA;
|
|
-moz-box-shadow: 3px 3px 6px #AAA;
|
|
-webkit-box-shadow: 3px 3px 6px #AAA;
|
|
}
|
|
|
|
.menubar, .menubarsite {
|
|
background-color: #C9E2FC;
|
|
background-image: none;
|
|
/*border-left-color: #E4F1FE;
|
|
border-left-style: solid;*/
|
|
}
|
|
|
|
body {
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABMCAIAAAAjsUpsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEVJREFUeNqMTlsKACAMku5/Z9sL1lpUH6JMJ4LkAGBQTdVxIwUQXVizNK+zd1Tecjfv1RHbnE/bcmPrKL8/XYufG6cAAwBFymotT/a6tQAAAABJRU5ErkJggg==) repeat-x scroll 0 0 #D8DCE0;
|
|
font-family: Hermes_FB;
|
|
}
|
|
|
|
.font-wide {
|
|
font-family: Hermes_FB;
|
|
}
|
|
|
|
#master-header {
|
|
height: 60px;
|
|
position: relative;
|
|
}
|
|
|
|
#master-header #logo {
|
|
height: 40px;
|
|
left: 5px;
|
|
position: absolute;
|
|
top: 8px;
|
|
width: 90px;
|
|
}
|
|
|
|
#master-header #Div1 {
|
|
background: url(../images/logo1.png) no-repeat top transparent;
|
|
height: 40px;
|
|
left: 80px;
|
|
position: absolute;
|
|
top: 8px;
|
|
width: 100px;
|
|
}
|
|
|
|
#master-header #slogan {
|
|
width: 421px;
|
|
height: 51px;
|
|
position: absolute;
|
|
left: 60px;
|
|
top: 3px;
|
|
}
|
|
|
|
#master-header #user-header-panel {
|
|
position: absolute;
|
|
right: 18px;
|
|
top: 8px;
|
|
}
|
|
|
|
#master-header #user-header-panel .panel-option {
|
|
color: #02599C;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
margin: 2px 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#master-header #user-header-panel .link-option-left {
|
|
border-right: 1px solid #5896DA;
|
|
}
|
|
|
|
#master-header #user-header-panel .link-option-right {
|
|
border-left: 1px solid #eee;
|
|
}
|
|
|
|
#master-header #user-header-panel .panel-option a, #master-header #user-header-panel .panel-option a:visited {
|
|
color: #5896DA;
|
|
font-size: 90%;
|
|
font-weight: 700;
|
|
text-decoration: none;
|
|
text-shadow: 0 1px 1px #eee;
|
|
}
|
|
|
|
#master-menu {
|
|
background: url(../images/menubar.png) repeat scroll 0 0 transparent;
|
|
height: 38px;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 56px;
|
|
z-index: 999;
|
|
}
|
|
|
|
#master-menu ul {
|
|
margin: 0 0 0 20px;
|
|
padding: 0;
|
|
}
|
|
|
|
#master-menu .master-menu-item {
|
|
background: url(../images/menubar-item.png) no-repeat scroll left top transparent;
|
|
color: #1d5ba0;
|
|
cursor: pointer;
|
|
float: left;
|
|
font-weight: 700;
|
|
list-style: none;
|
|
font-size: 12px;
|
|
text-shadow: 0 1px 1px #9DdBf0;
|
|
padding: 7px 10px 7px 15px;
|
|
}
|
|
|
|
#master-inner-menu {
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 88px;
|
|
z-index: 9999992;
|
|
}
|
|
|
|
#master-inner-menu ul {
|
|
background: none repeat scroll 0 0 #F5F5F8;
|
|
border-right: 1px solid #DFDFDF;
|
|
left: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: 9999991;
|
|
-moz-box-shadow: 0 3px 10px #CCC;
|
|
-webkit-box-shadow: 0 3px 10px #CCC;
|
|
box-shadow: 0 3px 10px #CCC;
|
|
-moz-border-radius: 0 0 4px 4px;
|
|
-webkit-border-radius: 0 0 4px 4px;
|
|
border-radius: 0 0 4px 4px;
|
|
border-color: 0 #DFDFDF #DFDFDF;
|
|
border-style: none solid solid;
|
|
border-width: 0 1px 1px;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#master-inner-menu ul li {
|
|
list-style: none;
|
|
position: relative;
|
|
height: 22px;
|
|
padding: 0;
|
|
}
|
|
|
|
#master-inner-menu ul li a {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#master-inner-menu ul li:hover, #master-inner-menu ul li.selected {
|
|
background: 0 to(#8DCEFE));
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8DCEFE',EndColorStr='#5c98da');
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#8DCEFE', EndColorStr='#5c98da')";
|
|
border: 1px solid 5px;
|
|
-moz-border-radius: 1px;
|
|
-webkit-border-radius: 1px;
|
|
border-radius: 1px;
|
|
}
|
|
|
|
#master-inner-menu ul li .icon {
|
|
border-right: 1px solid #ddd;
|
|
float: left;
|
|
height: 16px;
|
|
text-align: center;
|
|
width: 16px;
|
|
padding: 2px 7px 4px 4px;
|
|
}
|
|
|
|
#master-inner-menu ul li .item {
|
|
border-left: 1px solid #fff;
|
|
color: #5C98DA;
|
|
float: left;
|
|
font-size: 12px;
|
|
height: 14px;
|
|
padding: 4px 60px 4px 2px;
|
|
}
|
|
|
|
#master-inner-menu ul li:hover .icon, #master-inner-menu ul li.selected .icon {
|
|
border-right: 1px solid #5c98da;
|
|
}
|
|
|
|
#master-inner-menu ul li:hover .item, #master-inner-menu ul li.selected .item {
|
|
border-left: 1px solid #8dcefe;
|
|
color: #000;
|
|
text-shadow: 0 1px 1px #eee;
|
|
}
|
|
|
|
#master-inner-menu ul li:hover .shortcut, #master-inner-menu ul li.selected .shortcut {
|
|
color: #000;
|
|
text-shadow: 0 1px 1px #eee;
|
|
}
|
|
|
|
#master-inner-menu ul li .shortcut {
|
|
color: #bbb;
|
|
font-size: 12px;
|
|
height: 18px;
|
|
position: absolute;
|
|
right: 4px;
|
|
text-shadow: 0 1px 1px #ddd;
|
|
top: 4px;
|
|
width: 36px;
|
|
}
|
|
|
|
#master-inner-menu ul li.spacer {
|
|
height: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#master-inner-menu ul li.spacer .item {
|
|
border-top: 1px solid #ddd;
|
|
border-bottom: 1px solid #fff;
|
|
height: 0;
|
|
left: 29px;
|
|
position: absolute;
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#master-inner-menu ul li.spacer .icon {
|
|
height: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#desktop {
|
|
top: 94px;
|
|
}
|
|
|
|
#default-icons {
|
|
left: 10%;
|
|
position: absolute;
|
|
top: 12%;
|
|
width: 80%;
|
|
}
|
|
|
|
.col-grid, .row-grid {
|
|
position: absolute;
|
|
}
|
|
|
|
.window {
|
|
bottom: 0;
|
|
left: 0;
|
|
margin-left: 4px;
|
|
min-height: 120px;
|
|
min-width: 120px;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.windowsite {
|
|
bottom: 0;
|
|
left: 0;
|
|
min-height: 120px;
|
|
min-width: 120px;
|
|
right: 0;
|
|
top: 0;
|
|
margin: 2px;
|
|
}
|
|
|
|
.content {
|
|
background: none repeat scroll 0 0 #FFF;
|
|
bottom: 37px;
|
|
left: 0;
|
|
overflow-x: hidden;
|
|
overflow-y: scroll;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 52px;
|
|
z-index: 0;
|
|
padding: 6px;
|
|
}
|
|
|
|
.content1 {
|
|
background: none repeat scroll 0 0 #FFF;
|
|
bottom: 37px;
|
|
left: 0;
|
|
overflow-x: hidden;
|
|
overflow-y: scroll;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 52px;
|
|
z-index: 0;
|
|
padding: 20px;
|
|
}
|
|
|
|
.content2 {
|
|
background: none repeat scroll 0 0 #FFF;
|
|
bottom: 37px;
|
|
left: 0;
|
|
overflow-x: hidden;
|
|
overflow-y: scroll;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
z-index: 0;
|
|
padding: 4px 1px;
|
|
}
|
|
|
|
.content1site {
|
|
bottom: 5px;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 5px;
|
|
z-index: 0;
|
|
overflow-y: scroll;
|
|
overflow-x: hidden;
|
|
padding: 20px 35px 20px 20px;
|
|
}
|
|
|
|
#taskbar .window {
|
|
background: none;
|
|
display: inline;
|
|
left: auto;
|
|
min-height: 0;
|
|
min-width: 120px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
right: auto;
|
|
-moz-border-radius: 0;
|
|
-webkit-border-radius: 0;
|
|
border-radius: 0;
|
|
-moz-box-shadow: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
margin: 0;
|
|
}
|
|
|
|
#taskbar .titlebar {
|
|
-moz-border-radius: 2px;
|
|
-webkit-border-radius: 2px;
|
|
border-radius: 2px;
|
|
-moz-box-shadow: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
height: 28px;
|
|
top: 0;
|
|
border-bottom: 1px solid #666;
|
|
border-left: 1px solid #666;
|
|
border-right: 1px solid #6EB1FA;
|
|
border-top: 1px solid #666;
|
|
}
|
|
|
|
#taskbar .restore {
|
|
display: block;
|
|
}
|
|
|
|
.window-maximized .restore-all {
|
|
display: block !important;
|
|
}
|
|
|
|
.no-statusbar .content, .no-statusbar .content1 {
|
|
bottom: 0;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.search {
|
|
float: right;
|
|
min-width: 60px;
|
|
position: relative;
|
|
}
|
|
|
|
.search .lft-dsgn {
|
|
background-image: url(../images/index2.png);
|
|
height: 24px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
left: -11px;
|
|
width: 25px;
|
|
}
|
|
|
|
.search .middle-dsgn {
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAAYCAYAAABA4cB6AAAAdklEQVR42u3WQQ0AMQwDwfAnUiDFkW8B9NtHDsbJ0oy0FCzXWmskKaHq7pGkhOqcM5KUUN17R5ISqvfeSFJCNQAhDBZgsAAMFmCwAAwWgMECDBaAwQIwWIDBAjBYAAYLMFgABgvAYAEGC+DXwdp7jyQl5GEBMT4lngJk2hJEqAAAAABJRU5ErkJggg==) repeat-x scroll 0 0 transparent;
|
|
height: 24px;
|
|
left: 13px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
right: 25px;
|
|
}
|
|
|
|
.search .middle-dsgn input {
|
|
background: none;
|
|
background-color: transparent;
|
|
border: 0 none;
|
|
height: 18px;
|
|
width: 100%;
|
|
padding: 4px 0 2px;
|
|
}
|
|
|
|
.search .right-dsgn {
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAAB7UlEQVR42q2WW4/BQBiG/VrXruzaW/+FK3G6QRzidIOKREIIydamEoqEjVDEt30nnU1tO22HfZM3atCn32G+EUomkyTjRCLBnEql9Ewm0y0UCtGQn+bzOcl4NpvReDwmRVGoVqtRNpuldDptFIvFdyFkuVzSs9Y0jRaLBQ0GA8rn81QqlTRXyOFwoFe83+9pt9sxICIzI7o4INfrlZ715XJhPp/PdDweab1eU7vdpmaz+QgigfCjyWTC7KX7/c58u93IMAzabrdIG2qneUJyuRyFw+FfRyIRtuYnwBChqqpUrVax9OEK4YByucyige1rQUBIX6vVQp0MBwQ3FN0MIEQURABNp1PW6qaiDxDkHxDA/mqz2bDP/Gpk/36/38dlWRqCfRFESFmj0cCl6qiJqMgy6YLQbRaEhIXHK54e5muxWMw1SjehnYUQlkSz8HhqewsDgOt4PB4IhCkwHA7FEHuNeA1wYwCCgvhANfUZIgkFBaEevV6PpdrRXbIgUaetVivqdDr8bVQawkEiwOl0YgArim/PAfmMsDdQ7NFoxJfe/hWClsUYwQFmSfEd9TKbDucIUmSL4CvQeeI1/Pi5gRbtdrsMoOu6MwIu8xSjoK5UKjheqV6vs+GHSWsVmBXZtPufiRezhcfvsDb10A+age3/7ln4owAAAABJRU5ErkJggg==) no-repeat scroll 0 0 transparent;
|
|
height: 24px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
right: 0;
|
|
width: 25px;
|
|
}
|
|
|
|
.window-transparent {
|
|
background: none repeat scroll 0 0 #FFF;
|
|
bottom: 0;
|
|
left: 0;
|
|
min-height: 120px;
|
|
min-width: 120px;
|
|
overflow: visible;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px 5px 5px 5px;
|
|
border-radius: 5px 5px 5px 5px;
|
|
-moz-box-shadow: 3px 3px 6px #AAA;
|
|
-webkit-box-shadow: 3px 3px 6px #AAA;
|
|
box-shadow: 3px 3px 6px #AAA;
|
|
margin: 4px;
|
|
}
|
|
|
|
li {
|
|
display: list-item;
|
|
border: none;
|
|
cursor: pointer;
|
|
outline: none;
|
|
}
|
|
|
|
.ui-tabs {
|
|
position: relative;
|
|
outline: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.liclas:hover {
|
|
background-color: #d8dce0 !important;
|
|
}
|
|
|
|
.liclas:active {
|
|
background-color: #fff !important;
|
|
}
|
|
|
|
.ui-tabs .ui-tabs-panel {
|
|
display: block;
|
|
outline: none;
|
|
padding: 0;
|
|
}
|
|
|
|
ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
|
|
border: none !important;
|
|
outline: none;
|
|
}
|
|
|
|
.ui-tabs .ui-tabs-nav li {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.ui-tabs .ui-tabs-nav li a {
|
|
outline: none;
|
|
}
|
|
|
|
.allowHover:hover {
|
|
background-color: #d8dce0;
|
|
}
|
|
|
|
#settingContainer {
|
|
width: 100%;
|
|
height: 35px;
|
|
color: #36C !important;
|
|
font-family: Hermes_FB;
|
|
font-size: 13px;
|
|
font-size-adjust: none;
|
|
font-style: normal;
|
|
font-variant: normal;
|
|
font-weight: 400;
|
|
background-attachment: scroll;
|
|
}
|
|
|
|
#settingleftcontainer {
|
|
float: right;
|
|
height: 35px;
|
|
width: auto;
|
|
margin-right: -3px;
|
|
}
|
|
|
|
#UserProfileSetting {
|
|
width: auto;
|
|
height: 27px;
|
|
padding-right: 2px;
|
|
margin-right: 13px;
|
|
padding-top: 9px;
|
|
float: left;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#setting {
|
|
background-image: url(../../Content/images/icons-16-16/Settings.png);
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
cursor: pointer;
|
|
float: left;
|
|
height: 35px;
|
|
margin-right: 0;
|
|
width: 24px;
|
|
margin-left: -13px;
|
|
margin-top: -1px;
|
|
position: relative;
|
|
z-index: 9999;
|
|
}
|
|
|
|
#UserProfileSettingopen {
|
|
display: none;
|
|
border: 1px solid #BEBEBE;
|
|
margin-left: auto;
|
|
padding-right: 0;
|
|
margin-top: 1px;
|
|
padding-top: 7px;
|
|
background-color: #fff;
|
|
z-index: 9999;
|
|
padding-left: 9px;
|
|
width: 169px;
|
|
}
|
|
|
|
#settingopen {
|
|
background-color: #FFF;
|
|
border: 1px solid #BEBEBE;
|
|
margin-left: 3%;
|
|
padding-bottom: 5px;
|
|
padding-right: 0;
|
|
padding-top: 11px;
|
|
margin-right: 0;
|
|
width: 150px;
|
|
z-index: 9992;
|
|
display: none;
|
|
position: absolute;
|
|
right: -2px;
|
|
top: 34px;
|
|
}
|
|
|
|
#mailinformationopen {
|
|
color: gray;
|
|
height: 42px;
|
|
margin-left: 84px;
|
|
margin-top: 155px;
|
|
padding-left: 5px;
|
|
position: absolute;
|
|
width: 226px;
|
|
z-index: 2;
|
|
display: none;
|
|
border: 1px solid #BEBEBE;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
#mailinformation {
|
|
cursor: pointer;
|
|
}
|
|
|
|
#master-header #user-header-panel .panel-option a:hover, .selected span.focus {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.master-menu-item-box, #taskbar .content-x-titlebar, #taskbar .statusbar, #taskbar .minimize, .close, .maximize {
|
|
display: none;
|
|
}
|
|
|
|
#taskbar .restore-all, .window-maximized .maximize, #taskbar .maximize {
|
|
display: none !important;
|
|
}
|
|
|
|
.titlebar {
|
|
float: left;
|
|
position: relative;
|
|
top: 4px;
|
|
min-width: 120px;
|
|
border-radius: 5px 5px 0px 0px;
|
|
-moz-border-radius: 5px 5px 0px 0px;
|
|
-webkit-border-radius: 5px 5px 0px 0px;
|
|
}
|
|
/*==================================
|
|
Dashboard
|
|
==================================*/
|
|
.dashboard {
|
|
border-bottom-width: 1px;
|
|
bottom: 7px;
|
|
left: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 94px;
|
|
background: #fff;
|
|
}
|
|
|
|
.left {
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 2px;
|
|
}
|
|
|
|
.left20 {
|
|
left: 20%;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 2px;
|
|
}
|
|
|
|
.middle {
|
|
left: 33.3%;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 2px;
|
|
}
|
|
|
|
.right {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 2px;
|
|
right: 0;
|
|
}
|
|
|
|
.size33 {
|
|
width: 33.3%;
|
|
}
|
|
|
|
.size20 {
|
|
width: 20%;
|
|
}
|
|
|
|
.size25 {
|
|
width: 25%;
|
|
}
|
|
|
|
.size30 {
|
|
width: 30%;
|
|
}
|
|
|
|
.size35 {
|
|
width: 35%;
|
|
}
|
|
|
|
.size40 {
|
|
width: 40%;
|
|
}
|
|
|
|
.size45 {
|
|
width: 45%;
|
|
}
|
|
|
|
.size50 {
|
|
width: 50%;
|
|
}
|
|
|
|
.size60 {
|
|
width: 60%;
|
|
}
|
|
|
|
.size65 {
|
|
width: 65%;
|
|
}
|
|
|
|
.size70 {
|
|
width: 70%;
|
|
}
|
|
|
|
.size75 {
|
|
width: 75%;
|
|
}
|
|
|
|
.size80 {
|
|
width: 80%;
|
|
}
|
|
|
|
.sizeFull {
|
|
width: 100%;
|
|
}
|
|
/* % size diamention */
|
|
.size20p {
|
|
width: 20%;
|
|
}
|
|
|
|
.size40p {
|
|
width: 40%;
|
|
}
|
|
|
|
.mid20-40 {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 20%;
|
|
right: 40%;
|
|
bottom: 2px;
|
|
}
|
|
|
|
.mid20-20 {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 20%;
|
|
right: 20%;
|
|
bottom: 2px;
|
|
}
|
|
|
|
.mid20-30 {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 20%;
|
|
right: 30%;
|
|
bottom: 2px;
|
|
}
|
|
|
|
.siseFull {
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.window {
|
|
overflow: visible;
|
|
position: absolute;
|
|
background: #FFF;
|
|
border-radius: 5px 5px 5px 5px;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px 5px 5px 5px;
|
|
box-shadow: 3px 3px 6px #AAA;
|
|
background-color: #444;
|
|
-moz-box-shadow: 3px 3px 6px #AAA;
|
|
-webkit-box-shadow: 3px 3px 6px #AAA;
|
|
/*filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5,MakeShadow=true,ShadowOpacity=0.30);*/
|
|
-ms-filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
|
|
zoom: 1;
|
|
bottom: 2px;
|
|
left: 0;
|
|
min-height: 120px;
|
|
min-width: 120px;
|
|
right: 0;
|
|
top: 6px;
|
|
margin: 2px 3px;
|
|
background: #fff;
|
|
}
|
|
|
|
.innerWindow {
|
|
bottom: 0;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 25px;
|
|
top: 27px;
|
|
/*overflow:auto;*/
|
|
}
|
|
|
|
.titlebar {
|
|
border-left-width: 1px;
|
|
height: 25px;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
border-radius: 5px 5px 0 0;
|
|
-moz-border-radius: 5px 5px 0 0;
|
|
-webkit-border-radius: 5px 5px 0 0;
|
|
background: url("/Content/css/images/bg-ip-mainmenu.jpg") repeat-x;
|
|
border: 1px solid #e9e9e9;
|
|
border-bottom-color: #d5d5d5;
|
|
}
|
|
|
|
.titlebar .title {
|
|
bottom: 0;
|
|
cursor: default;
|
|
left: 0;
|
|
right: auto;
|
|
line-height: 1;
|
|
overflow: visible;
|
|
position: absolute;
|
|
top: 0;
|
|
white-space: nowrap;
|
|
font-size: small;
|
|
color: #FFF;
|
|
color: #454545;
|
|
margin: 7px 64px 0 7px;
|
|
min-width: 100px;
|
|
color: rgb(112, 113, 115);
|
|
}
|
|
|
|
.titlebar .buttons {
|
|
position: absolute;
|
|
right: 0;
|
|
margin: 5px;
|
|
}
|
|
|
|
.titlebar .buttons .titlebarButton {
|
|
cursor: pointer;
|
|
float: left;
|
|
height: 15px;
|
|
overflow: hidden;
|
|
width: 15px;
|
|
margin: 0 0 0 5px;
|
|
}
|
|
|
|
.titlebar .buttons .close {
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAMUlEQVR42mNgGAUM/yFgJprYTJAgMZpnIhuAzifJAJI04nIBWRrJdjLJLqAotEcAAADY0XuFLdX2NQAAAABJRU5ErkJggg==) no-repeat scroll 0 0 transparent;
|
|
}
|
|
|
|
.titlebar .buttons .maximize {
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAHElEQVR42mNgGAUM//EA2msmRXy4aCY7wEYAAAANZXONzd+/WAAAAABJRU5ErkJggg==) no-repeat scroll 0 0 transparent;
|
|
}
|
|
|
|
.titlebar .buttons .minimize {
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAF0lEQVR42mNgGAUM//EA2moeBaMAHQAA9d83yRzP5kIAAAAASUVORK5CYII=) no-repeat scroll 0 0 transparent;
|
|
}
|
|
|
|
/*-- Menubar --*/
|
|
.menubar {
|
|
border-left-width: 1px;
|
|
height: auto;
|
|
left: 0;
|
|
min-height: 20px;
|
|
position: relative;
|
|
right: 0;
|
|
top: 0;
|
|
background-color: #f0f0f0;
|
|
background-image: none;
|
|
padding: 4px;
|
|
border-bottom: 1px solid #e9e9e9;
|
|
border-bottom: 1px solid #dedede;
|
|
}
|
|
|
|
.search {
|
|
float: left;
|
|
height: 24px;
|
|
min-width: 60px;
|
|
position: relative;
|
|
width: 50%;
|
|
}
|
|
|
|
.search .lftDsgn {
|
|
background: url(images/icons/search_icon/Blank_textbox_001.png) no-repeat scroll 0 0 transparent;
|
|
height: 24px;
|
|
left: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
width: 13px;
|
|
}
|
|
|
|
.search .middleDsgn {
|
|
background: url(images/icons/search_icon/Blank_textbox_005.png) repeat-x scroll 0 0 transparent;
|
|
border-top: 1px solid #EEE;
|
|
height: 24px;
|
|
left: 13px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
right: 24px;
|
|
}
|
|
|
|
.search .middleDsgn input {
|
|
background: none repeat scroll 0 0 transparent;
|
|
border: 0 none;
|
|
height: 18px;
|
|
margin-top: 1px;
|
|
width: 100%;
|
|
}
|
|
|
|
.search .rightDsgn {
|
|
background: url(images/icons/search_icon/Blank_textbox_004.png) no-repeat scroll 0 0 transparent;
|
|
height: 24px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
right: 0;
|
|
width: 25px;
|
|
}
|
|
|
|
.search .crossDsgn {
|
|
background: url(images/icons/search_icon/Blank_textbox_003.png) no-repeat scroll 0 0 transparent;
|
|
cursor: pointer;
|
|
height: 24px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
right: 0;
|
|
width: 25px;
|
|
}
|
|
|
|
.search .crossDsgn:hover {
|
|
background: url(images/icons/search_icon/cross-hover.png) no-repeat scroll 0 0 transparent;
|
|
}
|
|
|
|
.searchImg {
|
|
background: url(images/icons/search_icon/Search.png) no-repeat scroll 0 0 transparent !important;
|
|
margin: 4px 3px 2px -9px;
|
|
}
|
|
|
|
.searchUnit {
|
|
background: url(images/icons/search_icon/Search-Unit.png) no-repeat scroll 0 0 transparent !important;
|
|
margin: 4px 3px 2px -9px;
|
|
}
|
|
|
|
.searchGeofence {
|
|
background: url(images/icons/search_icon/Search-Geofence.png) no-repeat scroll 0 0 transparent !important;
|
|
margin: 4px 3px 2px -9px;
|
|
}
|
|
|
|
.searchGroup {
|
|
background: url(images/icons/search_icon/Search-Group.png) no-repeat scroll 0 0 transparent !important;
|
|
margin: 4px 3px 2px -9px;
|
|
}
|
|
|
|
#header .search {
|
|
float: right;
|
|
display: block;
|
|
position: relative;
|
|
width: 249px;
|
|
right: 5px;
|
|
height: 26px;
|
|
margin-top: 13px;
|
|
}
|
|
|
|
.search input {
|
|
background: none;
|
|
border: 0;
|
|
width: 180px;
|
|
position: relative;
|
|
font-size: 12px;
|
|
font-style: italic;
|
|
padding: 0;
|
|
}
|
|
|
|
/*-- Toolbar --*/
|
|
.toolbar {
|
|
height: 28px;
|
|
z-index: 1;
|
|
border-bottom: 1px solid #dedede;
|
|
}
|
|
|
|
.toolbarButton {
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAWCAYAAADq8U2pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUeNpiWLVqFdf///+5WBgYGMSBmIEmDHYY4yWM8YIIEWIUPwIxAAIMABaGD2C3Iu2JAAAAAElFTkSuQmCC) no-repeat scroll center right transparent;
|
|
cursor: pointer;
|
|
display: inline;
|
|
float: right;
|
|
font-size: 8pt;
|
|
height: 28px;
|
|
position: relative;
|
|
padding: 0 0px;
|
|
}
|
|
|
|
.btnAlignment {
|
|
float: left !important;
|
|
}
|
|
|
|
.toolbarButtonDisabled .toolbarText, .toolbarButton .toolbarText {
|
|
margin-left: 4px;
|
|
margin-top: 5px;
|
|
float: left;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
.toolbarText a {
|
|
color: inherit;
|
|
outline: none;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.toolbarButtonDisabled {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.toolbarMore {
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAWCAYAAAAinad/AAAALUlEQVR42mNgGAWjYBTQCqSlpf0HYWL5RBkGBKuJ4RMEIIXIignxR8EooCcAAG0wOzXQicwkAAAAAElFTkSuQmCC) no-repeat scroll 0 0 transparent;
|
|
cursor: pointer;
|
|
display: none;
|
|
height: 22px;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
width: 20px;
|
|
}
|
|
|
|
.toolbarDropdown {
|
|
background: none repeat scroll 0 0 #FFF;
|
|
display: none;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 77px;
|
|
z-index: 9999991;
|
|
-moz-box-shadow: 0 3px 10px #CCC;
|
|
border-color: 0 #DFDFDF #DFDFDF;
|
|
border-style: none solid solid;
|
|
border-width: 0 1px 1px;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.toolbarDropdown li {
|
|
border-bottom: 1px solid #eee;
|
|
color: #333;
|
|
font-size: 11px;
|
|
text-transform: capitalize;
|
|
padding: 2px 15px 2px 20px;
|
|
}
|
|
|
|
.toolbarDropdown li:hover {
|
|
background: #aaa;
|
|
}
|
|
|
|
.toolbarDropdown li:hover a {
|
|
color: #fff;
|
|
}
|
|
|
|
.toolbarDropdown a {
|
|
color: #333;
|
|
outline: none;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.toolbarText span {
|
|
padding-right: 2px;
|
|
}
|
|
|
|
.toolbarText span img {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.toolbarButton:active, .toolbarButtonSelected {
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAYCAYAAAA20uedAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABASURBVCiRzdHBDQAwCAJAUPcfRGdylnYC+mlsyvcekMDMXBBhd0s0BQAQZtov0N2fd343aKiTpMTj2UMYVSVxA63KCUtNR9s1AAAAAElFTkSuQmCC) repeat-x scroll center right transparent;
|
|
}
|
|
/* left right content in same window */
|
|
.cPanel {
|
|
background: none repeat scroll 0 0 #FFF;
|
|
bottom: 0;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: 1;
|
|
padding: 2px;
|
|
}
|
|
|
|
.cPanelLeft {
|
|
left: 0;
|
|
width: 200px;
|
|
border-right: 2px solid #E2E2E2;
|
|
}
|
|
|
|
.cPanelLeft .content {
|
|
border-right: 2px solid #BCBCBC;
|
|
}
|
|
|
|
.cPanelRight {
|
|
right: 0;
|
|
left: 206px;
|
|
border-left: 1px solid #EEEEEE;
|
|
}
|
|
/*-----------*/
|
|
.content {
|
|
background: none repeat scroll 0 0 #FFF;
|
|
bottom: 0;
|
|
left: 0;
|
|
overflow: auto;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
z-index: 0;
|
|
padding: 2px;
|
|
}
|
|
|
|
.contentStatusbar {
|
|
background: none repeat scroll 0 0 #FFF;
|
|
bottom: 36px;
|
|
left: 0;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
z-index: 0;
|
|
padding: 2px;
|
|
}
|
|
|
|
.contentReport {
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.listContent {
|
|
overflow: hidden;
|
|
top: 78px;
|
|
}
|
|
|
|
.statusbar {
|
|
background: #C9E2FC;
|
|
background: #F7F7F7;
|
|
border-top: 1px solid #dedede;
|
|
bottom: 0;
|
|
height: 25px;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
z-index: 0;
|
|
padding: 6px;
|
|
}
|
|
|
|
.statusbar.basicS {
|
|
background: none repeat scroll 0 0 #F9F9F9;
|
|
border-top: 1px solid #CCC;
|
|
}
|
|
|
|
.taskbar {
|
|
border-top-width: 1px;
|
|
background: #E2E2E2;
|
|
bottom: 0;
|
|
height: 2px;
|
|
position: fixed;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 99;
|
|
text-align: center;
|
|
background: #eeeeee url(/Content/css/images/footer-bg.png) repeat-x left top;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.taskbar label {
|
|
font-size: 11px;
|
|
line-height: 30px;
|
|
}
|
|
|
|
#loadingbg {
|
|
background: none repeat scroll 0 0 #CCC;
|
|
border: 1px solid gray;
|
|
display: none;
|
|
height: 100%;
|
|
opacity: 0.8;
|
|
position: absolute;
|
|
width: 100%;
|
|
z-index: 10;
|
|
filter: alpha(opacity=50);
|
|
}
|
|
|
|
.clear {
|
|
clear: both;
|
|
}
|
|
|
|
.titlebar .buttons .restore, .titlebar .buttons .restoreAll {
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAIElEQVR42mNgGD7gPx5AkaFk20hbzfjEh6hm+sfv4AMAajGnWSVraboAAAAASUVORK5CYII=) no-repeat scroll 0 0 transparent;
|
|
display: none;
|
|
}
|
|
|
|
#taskbar .sLogo {
|
|
height: 30px;
|
|
background: #fff;
|
|
width: 100px;
|
|
float: left;
|
|
}
|
|
|
|
#taskbar .sLogo img.stxt {
|
|
margin: 3px 5px 1px 2px;
|
|
}
|
|
|
|
#taskbar .sLogo img.sCircle {
|
|
margin: 1px 5px 1px 5px;
|
|
}
|
|
/*added panels*/
|
|
/*------------inner panels (half window in hight)------------------*/
|
|
.win {
|
|
margin-bottom: 4px;
|
|
border: 1px solid #c2c2c2;
|
|
}
|
|
|
|
.win.upperWin {
|
|
}
|
|
|
|
.win.upperWin, .win.bottomWin {
|
|
min-height: 100px;
|
|
}
|
|
|
|
.win.upperWin .menubar, .win.bottomWin .menubar {
|
|
border-bottom: 1px solid #c5c5c5;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
color: #333;
|
|
}
|
|
/*------------END[Dashboard] ------------*/
|
|
|
|
/*==================================
|
|
Controls CSS
|
|
==================================*/
|
|
#widget {
|
|
z-index: 9999;
|
|
float: right;
|
|
height: 30px;
|
|
}
|
|
|
|
#widgetField {
|
|
width: auto !important;
|
|
background-position: -15px 0 !important;
|
|
}
|
|
|
|
#widgetField span {
|
|
min-width: 168px;
|
|
text-align: left !important;
|
|
width: auto !important;
|
|
left: 0 !important;
|
|
padding-left: 2px;
|
|
border-left: 1px solid #aaa;
|
|
color: #444 !important;
|
|
font-weight: 400 !important;
|
|
}
|
|
|
|
#widget input {
|
|
height: 17px;
|
|
width: 170px;
|
|
}
|
|
|
|
.wrapFilters {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.wrapFilters .field {
|
|
min-height: 20px;
|
|
padding: 0;
|
|
background: #f9f9f9;
|
|
}
|
|
|
|
.wrapFilters .field .fRow {
|
|
min-height: 25px;
|
|
padding: 3px;
|
|
}
|
|
|
|
.wrapFilters .field .fRow span {
|
|
font-size: 11px;
|
|
}
|
|
|
|
.field.dateField {
|
|
min-height: 98px;
|
|
padding: 0;
|
|
}
|
|
|
|
.field.fTop {
|
|
padding: 6px 0;
|
|
}
|
|
|
|
.wrapFilters .field input, .wrapFilters .field select, .wrapFilters .field label {
|
|
font-size: 11px;
|
|
outline: none;
|
|
color: #333;
|
|
margin: 0 0 0 1px;
|
|
padding: 3px 3px;
|
|
}
|
|
|
|
.wrapFilters .field label, .wrapFilters .field .fRow span {
|
|
font-weight: 700;
|
|
padding: 5px 0;
|
|
min-width: 60px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.wrapFilters .field input {
|
|
width: 170px;
|
|
height: 17px;
|
|
float: right;
|
|
}
|
|
|
|
.wrapFilters .field select {
|
|
width: 176px;
|
|
float: right;
|
|
height: 24px;
|
|
}
|
|
|
|
.wrapFilters .fieldset {
|
|
border: medium none;
|
|
margin: 0px;
|
|
padding: 0;
|
|
}
|
|
|
|
.wrapFilters .fieldset table td {
|
|
}
|
|
|
|
.wrapFilters .fieldset .accord table td span {
|
|
float: left;
|
|
margin: 5px;
|
|
min-height: 30px;
|
|
min-width: 100px;
|
|
color: #333;
|
|
cursor: pointer;
|
|
line-height: 27px;
|
|
text-align: center;
|
|
background-color: #d3d3d3;
|
|
webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
filter: alpha(opacity=100); /*IE*/
|
|
opacity: 1;
|
|
border: 1px solid #DDD;
|
|
border-color: #D0D0D0 #B0B0B0 #999999 #CCCCCC; /*behavior: url(../../Content/PIE.htc);*/
|
|
}
|
|
|
|
.wrapFilters .fieldset .accord table td span:hover {
|
|
filter: alpha(opacity=80); /*IE*/
|
|
opacity: 0.8;
|
|
border: 1px solid #669a32;
|
|
}
|
|
|
|
.fieldset .accordTab {
|
|
color: #333333;
|
|
font-size: 12px; /*background:#ddd; border:1px solid #bbb;*/
|
|
border: 1px solid #aaa;
|
|
font-weight: bold; /*border-bottom:none; background: url("../../Content/images/subB.png") repeat-x scroll center bottom #E3E3CB;*/
|
|
background: url("images/icons/accordionIcon.png") no-repeat scroll right -22px #D3D3D3;
|
|
height: 27px;
|
|
}
|
|
|
|
.fieldset .accordTab span {
|
|
display: block;
|
|
padding: 4px;
|
|
cursor: pointer;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.fieldset .accordTab:hover {
|
|
background-color: #eee;
|
|
}
|
|
|
|
.fieldset .accord {
|
|
margin-bottom: 1px;
|
|
border: 1px solid #aaa;
|
|
border-top: none;
|
|
cursor: default;
|
|
background: #f9f9f9;
|
|
}
|
|
|
|
.fieldset .accordTab.toolbar {
|
|
}
|
|
|
|
.fieldset .accord table {
|
|
margin-bottom: 10px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.accordClose {
|
|
background-position: right -54px !important;
|
|
background-color: #E3E3CB !important;
|
|
}
|
|
|
|
.accordOpen {
|
|
background-position: right -22px !important;
|
|
}
|
|
/*browser compatibility specific for chrome*/
|
|
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
|
input {
|
|
height: 18px;
|
|
height: 30px;
|
|
}
|
|
|
|
.wrapFilters .field input {
|
|
height: 14px !important;
|
|
width: 160px !important;
|
|
padding: 2px !important;
|
|
}
|
|
|
|
.wrapFilters .field select {
|
|
height: 22px;
|
|
padding: 0px !important;
|
|
}
|
|
}
|
|
/*---filter fields--*/
|
|
.field .fieldHead {
|
|
background: #eee;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
margin-bottom: 4px;
|
|
border: 1px solid #D0D0D0;
|
|
border-left: none;
|
|
border-right: none;
|
|
line-height: 23px;
|
|
padding-left: 5px;
|
|
}
|
|
/*---theme button design---*/
|
|
.btnWrap {
|
|
bottom: 0;
|
|
height: 25px;
|
|
position: absolute;
|
|
border-top: 1px solid #CCC;
|
|
z-index: 9999;
|
|
background: #FFF;
|
|
width: 100%;
|
|
padding: 4px 0;
|
|
}
|
|
/*theme blue buttons---------*/
|
|
.themebutton.themesimple.themeblue {
|
|
background-color: #669999;
|
|
background-color: #1b3f94;
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#61A7F2', endColorstr='#5590D2')";
|
|
background-image: 0;
|
|
behavior: url(../../Content/PIE.htc);
|
|
}
|
|
|
|
.themebutton.themesimple {
|
|
background-color: #333; /*background-image: url(images/awesome-overlay-sprite.png);*/
|
|
background-position: 0 0px;
|
|
background-repeat: repeat-x;
|
|
border-radius: 5px 5px 5px 5px;
|
|
box-shadow: 0 1px 2px rgba(0,0,0,0.5);
|
|
color: #FFF !important;
|
|
display: inline-block;
|
|
font-size: 11px !important;
|
|
font-size-adjust: inherit;
|
|
font-stretch: inherit;
|
|
font-style: normal !important;
|
|
font-variant: inherit;
|
|
font-weight: 700 !important;
|
|
line-height: 1;
|
|
position: relative;
|
|
text-shadow: 0 -1px 1px rgba(0,0,0,0.25), -2px 0 1px rgba(0,0,0,0.25);
|
|
vertical-align: middle;
|
|
padding: 5px 10px;
|
|
height: 25px;
|
|
behavior: url(../../Content/PIE.htc);
|
|
}
|
|
/*theme blue simple button*/
|
|
.themebutton, .themebutton.themesilver {
|
|
background-color: #669999;
|
|
background-position: 0 -148px;
|
|
color: #fff !important;
|
|
height: 24px;
|
|
margin: 3px 4px;
|
|
padding: 3px 10px;
|
|
text-shadow: 0 0 0;
|
|
}
|
|
|
|
.themebutton {
|
|
-moz-user-select: none;
|
|
background: none repeat scroll 0 0 transparent;
|
|
border: medium none;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-family: Hermes_FB;
|
|
overflow: visible;
|
|
text-decoration: none !important;
|
|
text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
|
|
white-space: nowrap;
|
|
margin: 0;
|
|
padding: 0;
|
|
behavior: url(../../Content/PIE.htc);
|
|
}
|
|
/*theme button within icon for ok, cancel*/
|
|
.themebutton span.cancel {
|
|
background-image: url(download_icon.png) !important;
|
|
}
|
|
|
|
.themebutton span.d12 {
|
|
background-image: url(d12.png) !important;
|
|
}
|
|
|
|
.themebutton span.d123 {
|
|
background-image: url(d123.png) !important;
|
|
}
|
|
|
|
.themebutton span.ok {
|
|
background-image: url(tick.png) !important;
|
|
}
|
|
|
|
.themebutton.themesimple span {
|
|
background-position: left center;
|
|
background-repeat: no-repeat;
|
|
height: auto;
|
|
padding-left: 24px;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.themebutton span {
|
|
background-position: right top;
|
|
background-repeat: no-repeat;
|
|
display: block;
|
|
height: 24px;
|
|
padding-right: 12px;
|
|
}
|
|
|
|
.themebutton.themesimple:hover {
|
|
background-position: 0 0;
|
|
}
|
|
|
|
.themebutton.themesimple.themeblue:hover {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.themebutton.themesimple:active, thmBtnAct {
|
|
background-position: 0 28px;
|
|
}
|
|
|
|
.themebutton.disable {
|
|
opacity: 0.4;
|
|
filter: Alpha(opacity='40');
|
|
}
|
|
/*------------END[Controls CSS] ------------*/
|
|
/*date picker container*/
|
|
#datePick {
|
|
float: right;
|
|
min-width: 300px;
|
|
height: 30px;
|
|
}
|
|
|
|
#datePick label, #datePick #widget {
|
|
float: right;
|
|
color: #fff;
|
|
}
|
|
/*---- month picker -----*/
|
|
.monthPicker {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.month {
|
|
float: right;
|
|
height: 25px;
|
|
min-width: 200px;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.month div {
|
|
float: left;
|
|
padding: 2px;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.month div label {
|
|
margin-right: 5px;
|
|
min-width: 15px;
|
|
}
|
|
|
|
.month div input {
|
|
width: 120px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.month .calIcon {
|
|
position: relative;
|
|
margin: 0;
|
|
}
|
|
|
|
.month .calIcon img {
|
|
position: absolute;
|
|
right: 1px;
|
|
top: 2px;
|
|
cursor: pointer;
|
|
}
|
|
/*date picker modification end*/
|
|
#lineParebt {
|
|
font: 12px;
|
|
}
|
|
|
|
#ConsoleReportViewer tr td {
|
|
color: #333;
|
|
}
|
|
/*error message*/
|
|
.errorMsg {
|
|
color: Red;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.errorMsg.setRight {
|
|
float: right;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.nodata {
|
|
font-weight: bold;
|
|
margin-top: 4%;
|
|
text-align: center;
|
|
}
|
|
|
|
/*report container for all pages*/
|
|
.viewReport {
|
|
overflow-x: auto;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
/*-------------------------------------------------------------*/
|
|
/*----titlebar popup box-----*/
|
|
.ddBox {
|
|
height: 15px;
|
|
min-width: 50px;
|
|
float: left;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ddBox .lblTxt {
|
|
display: block;
|
|
min-width: 30px;
|
|
float: left;
|
|
margin-right: 10px;
|
|
}
|
|
/*arow icon in toolbar*/
|
|
.ddBox .arrow {
|
|
background-image: url('images/icons/IconComboBoxW.png');
|
|
background-repeat: no-repeat;
|
|
display: block;
|
|
float: right;
|
|
height: 12px;
|
|
width: 14px;
|
|
background-position: center;
|
|
}
|
|
|
|
.mtnTitle .ddBox .arrow {
|
|
background-image: url('images/icons/IconComboBox.png');
|
|
}
|
|
/*popupbox in toolbar*/
|
|
.ddPopup {
|
|
background: none repeat scroll 0 0 #FFFFFF;
|
|
border: 1px solid #81AFDB;
|
|
border-top: none !important;
|
|
display: none;
|
|
min-height: 50px;
|
|
min-width: 120px;
|
|
position: absolute;
|
|
top: 19px;
|
|
z-index: 9;
|
|
}
|
|
/*table in toolbar popup*/
|
|
.ddPopup table {
|
|
width: 100%;
|
|
}
|
|
|
|
.ddPopup table tr td {
|
|
border-bottom: 1px solid #dedede;
|
|
cursor: pointer;
|
|
}
|
|
/*anchor in toolbar popup*/
|
|
.ddPopup table tr td a {
|
|
display: block;
|
|
padding: 5px 5px;
|
|
color: #333;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.ddPopup table tr td a:hover {
|
|
background: #6EAEEF;
|
|
color: #fff;
|
|
filter: alpha(opacity=80); /*IE*/
|
|
opacity: .8;
|
|
}
|
|
|
|
.ddRight {
|
|
float: right;
|
|
line-height: 13px;
|
|
margin: 1px 1px 0 3px;
|
|
padding: 4px;
|
|
display: block;
|
|
}
|
|
|
|
.ddRight span {
|
|
color: #fff;
|
|
}
|
|
|
|
.ddpopupRight {
|
|
right: 0;
|
|
top: 25px;
|
|
}
|
|
|
|
.ddPopup.ddpopupRight table tr td a {
|
|
padding: 3px 5px;
|
|
}
|
|
|
|
.ddpopupLeft {
|
|
left: -7px;
|
|
}
|
|
/*page specific color clasess for operators define by colors*/
|
|
.airtelTitle .ddPopup {
|
|
border: 1px solid #D62128;
|
|
}
|
|
|
|
.vodafoneTitle .ddPopup {
|
|
border: 1px solid #FE0000;
|
|
}
|
|
|
|
.gloTitle .ddPopup {
|
|
border: 1px solid #08633B;
|
|
}
|
|
|
|
.tigoTitle .ddPopup {
|
|
border: 1px solid #37479F;
|
|
}
|
|
|
|
.expressoTitle .ddPopup {
|
|
border: 1px solid #7369A3;
|
|
}
|
|
|
|
.mtnTitle .ddPopup {
|
|
border: 1px solid #F9C61B;
|
|
}
|
|
|
|
.airtelTitle .ddPopup table tr td a:hover {
|
|
background: #D62128;
|
|
}
|
|
|
|
.vodafoneTitle .ddPopup table tr td a:hover {
|
|
background: #FE0000;
|
|
}
|
|
|
|
.gloTitle .ddPopup table tr td a:hover {
|
|
background: #08633B;
|
|
}
|
|
|
|
.tigoTitle .ddPopup table tr td a:hover {
|
|
background: #37479F;
|
|
}
|
|
|
|
.expressoTitle .ddPopup table tr td a:hover {
|
|
background: #7369A3;
|
|
}
|
|
|
|
.mtnTitle .ddPopup table tr td a:hover {
|
|
background: #F9C61B;
|
|
color: #333;
|
|
}
|
|
|
|
.mtnTitle .ddRight span {
|
|
color: #333;
|
|
}
|
|
/*set page as fullscreen*/
|
|
.fullWin {
|
|
top: 0 !important;
|
|
bottom: 0 !important;
|
|
z-index: 99999;
|
|
}
|
|
/*fullscreen popin and popout in titlebar */
|
|
.fullScreen {
|
|
background: url("images/icons/fullscreen.png") no-repeat scroll 0 0 transparent;
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
|
|
cursor: pointer;
|
|
float: right;
|
|
height: 20px;
|
|
margin: 2px 5px 2px 1px;
|
|
width: 27px;
|
|
}
|
|
|
|
.fullWin #screenId.fullScreen {
|
|
background: url("images/icons/smallScreen.png") no-repeat scroll 0 0 transparent;
|
|
}
|
|
|
|
/*grid table style*/
|
|
.adjustImg td img {
|
|
margin-left: 35%;
|
|
}
|
|
/*table 1*/
|
|
.gridTbl {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
border: 1px solid #AAAAAA;
|
|
color: #333;
|
|
}
|
|
|
|
.gridTbl th, .gridTbl td {
|
|
border: 1px solid #AAAAAA;
|
|
padding: 6px 8px;
|
|
text-align: left;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.gridTbl th {
|
|
background: none repeat scroll 0 0 #C9E2FC;
|
|
color: #333333;
|
|
}
|
|
|
|
.gridTbl td {
|
|
border-top-color: #e2e2e2;
|
|
padding: 0px 0px;
|
|
}
|
|
|
|
.gridTbl td a {
|
|
color: #333;
|
|
padding: 6px 8px;
|
|
display: block;
|
|
}
|
|
|
|
|
|
|
|
/*table 2*/
|
|
.gridColTbl {
|
|
border: none;
|
|
border-collapse: collapse;
|
|
color: #333;
|
|
}
|
|
|
|
.gridColTbl th {
|
|
width: 50%;
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.gridColTbl td {
|
|
border: none;
|
|
padding: 0;
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
|
|
.gridColTbl td span.colH {
|
|
border-right: 1px solid #AAAAAA;
|
|
}
|
|
|
|
.gridColTbl td span {
|
|
display: block;
|
|
padding: 6px 8px;
|
|
}
|
|
/*table 3*/
|
|
.gridLess {
|
|
border: none;
|
|
width: 100%;
|
|
font-size: 12px;
|
|
border-collapse: collapse;
|
|
color: #333;
|
|
}
|
|
|
|
.gridLess td {
|
|
padding: 0;
|
|
}
|
|
|
|
.gridLess td td {
|
|
border: none;
|
|
padding: 6px 7px;
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
|
|
.gridLess tbody {
|
|
padding: 0;
|
|
}
|
|
|
|
.gridLess td td.glH {
|
|
width: 100px;
|
|
}
|
|
/* grid table style */
|
|
.grid {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
font-size: 11px;
|
|
}
|
|
/* grid table head*/
|
|
.grid thead {
|
|
background: url("images/inner.gif") repeat-x scroll center bottom transparent;
|
|
color: #277CD1;
|
|
border-bottom: 1px solid #CCCCCC;
|
|
border-top: 1px solid #DEDEDE;
|
|
}
|
|
|
|
.grid thead th {
|
|
padding: 5px 2px;
|
|
text-align: left;
|
|
}
|
|
|
|
.grid tbody tr {
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
|
|
.grid tbody tr:hover {
|
|
background: #ff9;
|
|
}
|
|
|
|
.grid tbody td {
|
|
padding: 3px 2px;
|
|
}
|
|
/*odd and even rows colors*/
|
|
.odd {
|
|
background-color: #eee;
|
|
}
|
|
|
|
.even {
|
|
background-color: #fff;
|
|
}
|
|
/*active row in table*/
|
|
.activeRow {
|
|
background: #FF6;
|
|
}
|
|
/*-------------------------------------------*/
|
|
/*-------------------------------------------*/
|
|
/*----colorbox in grid table----- */
|
|
.green, .red {
|
|
color: #FFFFFF;
|
|
filter: Alpha(opacity='100');
|
|
opacity: 1;
|
|
position: relative;
|
|
}
|
|
|
|
.red {
|
|
background-color: #EF3238;
|
|
background: url("images/icons/red.png") repeat-x scroll 0 0 transparent;
|
|
}
|
|
|
|
.green {
|
|
background-color: #23B223;
|
|
background: url("images/icons/green.png") repeat-x scroll 0 0 transparent;
|
|
}
|
|
/*color box popup out*/
|
|
.flyout {
|
|
background-color: #f7f7f7;
|
|
bottom: 24px;
|
|
border-top: 2px solid #555;
|
|
border-left: 1px solid #555;
|
|
border-right: 1px solid #555;
|
|
border-bottom: none;
|
|
color: #333333;
|
|
right: -1px;
|
|
min-height: 25px;
|
|
opacity: 1;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
width: 100%;
|
|
z-index: 10000;
|
|
box-shadow: -1px -1px 6px #666;
|
|
}
|
|
|
|
.flyout div {
|
|
line-height: 29px;
|
|
float: left;
|
|
width: 33%;
|
|
text-align: center;
|
|
}
|
|
|
|
.flyout div img {
|
|
margin: 1px 0px 0 4px;
|
|
padding: 7px 0px;
|
|
}
|
|
|
|
.flyout div span {
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
padding: 5px 0px;
|
|
}
|
|
|
|
.hover table {
|
|
width: 100%;
|
|
padding: 0;
|
|
border: 0px solid #666;
|
|
}
|
|
|
|
.hover:hover table {
|
|
box-shadow: -1px 2px 2px #777;
|
|
}
|
|
|
|
.hover:hover .red, .hover:hover .green {
|
|
filter: Alpha(opacity='100');
|
|
opacity: 1;
|
|
}
|
|
|
|
.hover:hover {
|
|
/*border:2px solid #777; border-top-color:transparent; */
|
|
}
|
|
|
|
.hover:hover .red, .hover:hover .green {
|
|
/* border-bottom:2px solid #555;*/
|
|
}
|
|
|
|
.hover:hover .lastCB {
|
|
/*border-left: 1px solid #555; box-shadow: -2px 2px 2px #777;*/
|
|
}
|
|
/*color boxes container*/
|
|
.colorBox {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.hover {
|
|
background: none repeat scroll 0 0 #666666;
|
|
border: 1px solid #666666;
|
|
box-shadow: 0 -1px 1px rgba(255, 255, 255, 0.3) inset;
|
|
height: 17px;
|
|
margin: 4px;
|
|
padding: 3px;
|
|
}
|
|
/*red and green class in colorbox*/
|
|
.hover .green, .hover .red {
|
|
padding: 0px 0;
|
|
border: none;
|
|
text-align: center;
|
|
}
|
|
|
|
.hover .red.centerCB span {
|
|
border-right: 1px solid #777;
|
|
border-left: 1px solid #777;
|
|
display: block;
|
|
line-height: 14px;
|
|
margin: 0;
|
|
}
|
|
|
|
.hover .green.centerCB span {
|
|
border-left: 1px solid #888888;
|
|
border-right: 1px solid #888888;
|
|
display: block;
|
|
line-height: 14px;
|
|
margin: 0;
|
|
}
|
|
/*.hover .firstCB{border-right: 1px outset #999;}
|
|
.hover .lastCB{border-left: 1px inset #999;}*/
|
|
/*error clsss*/
|
|
lebel.error {
|
|
color: Red !important;
|
|
}
|
|
|
|
.formTitle {
|
|
text-align: center;
|
|
font-size: 14px;
|
|
text-transform: uppercase;
|
|
}
|
|
/**------- Regidtration Form design----------**/
|
|
.regForm {
|
|
border: 1px solid #AAAAAA;
|
|
margin: 10px auto;
|
|
width: 98%;
|
|
}
|
|
|
|
.rightContent {
|
|
text-align: right;
|
|
}
|
|
|
|
.regForm input[type="text"] {
|
|
width: 170px;
|
|
color: #333 !important;
|
|
}
|
|
|
|
.regForm input[type="checkbox"] {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.shortBlock {
|
|
float: left;
|
|
margin-right: 60px;
|
|
}
|
|
/*headding in form*/
|
|
.regForm h4 {
|
|
background: none repeat scroll 0 0 #EEEEEE;
|
|
border-bottom: 1px solid #DDDDDD;
|
|
margin: -5px -5px 4px;
|
|
padding: 4px;
|
|
text-align: center;
|
|
}
|
|
|
|
.regForm .formRow label.option {
|
|
width: auto;
|
|
vertical-align: bottom;
|
|
min-width: 5px;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.regForm .formRow label.lblRight {
|
|
margin-left: 40px;
|
|
}
|
|
|
|
.regForm .formRow label.bigSize {
|
|
min-width: 260px;
|
|
}
|
|
/*devied rows in forms*/
|
|
.regForm .formRow {
|
|
border-bottom: 1px solid #DEDEDE;
|
|
padding: 5px;
|
|
display: block;
|
|
clear: both;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.regForm .formRow label {
|
|
min-width: 160px;
|
|
padding: 5px;
|
|
vertical-align: middle;
|
|
width: 170px;
|
|
}
|
|
|
|
.regForm .formRow label.blockLbl {
|
|
display: block;
|
|
}
|
|
|
|
.regForm .formRow label.error {
|
|
min-width: 0;
|
|
padding: 0;
|
|
width: 0;
|
|
}
|
|
/*checkbox container*/
|
|
.chContainer {
|
|
height: 94%;
|
|
min-width: 90%;
|
|
margin: auto;
|
|
position: absolute;
|
|
bottom: 0;
|
|
}
|
|
|
|
.formRow p {
|
|
margin: -4px;
|
|
padding: 4px 8px;
|
|
background: #f9f9f9;
|
|
display: block;
|
|
}
|
|
|
|
.regForm select {
|
|
border: 1px solid #BBBBBB;
|
|
padding: 2px;
|
|
width: 173px;
|
|
}
|
|
|
|
#money {
|
|
width: 67px;
|
|
}
|
|
|
|
.frBox {
|
|
float: left;
|
|
height: 100%;
|
|
width: 48%;
|
|
position: relative;
|
|
}
|
|
|
|
.frBox div {
|
|
clear: both;
|
|
}
|
|
|
|
.frBox label.lblRight {
|
|
margin-left: 0 !important;
|
|
}
|
|
|
|
.bigTextbox {
|
|
width: 90%;
|
|
}
|
|
|
|
.strong {
|
|
font-size: 15px;
|
|
}
|
|
/*------small common classes--------------*/
|
|
.smallText {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.halfPartition {
|
|
width: 46% !important;
|
|
float: left;
|
|
}
|
|
|
|
.fullLbl {
|
|
width: auto !important;
|
|
}
|
|
|
|
.bigTextbox {
|
|
width: 90% !important;
|
|
}
|
|
|
|
.smalltextbox {
|
|
width: 100px !important;
|
|
}
|
|
|
|
.spaceLeft {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.spaceLeftBig {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.spaceVertical {
|
|
margin-bottom: 5px;
|
|
margin-top: 7px;
|
|
}
|
|
|
|
.verticalChkbox {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.disableField {
|
|
opacity: .6;
|
|
filter: Alpha(opacity='60');
|
|
}
|
|
/* tax form */
|
|
.taxForm input[type="text"] {
|
|
width: 186px;
|
|
}
|
|
/*---page header text---*/
|
|
#pageHead {
|
|
color: #00599C; /*float: left;*/
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
min-width: 100px;
|
|
padding: 2px 5px 0 5px;
|
|
}
|
|
|
|
#pageHead a {
|
|
display: block;
|
|
color: #00599C; /*float: left;*/
|
|
}
|
|
/*a common class for fix space from left*/
|
|
.spaceFix {
|
|
margin-left: -4px;
|
|
}
|
|
|
|
label[for='email'].error {
|
|
white-space: nowrap;
|
|
margin-left: -173px;
|
|
float: left;
|
|
margin-top: 27px;
|
|
position: absolute;
|
|
margin-bottom: 5px;
|
|
}
|
|
/*select box in head*/
|
|
.ddSelectBox {
|
|
float: right;
|
|
margin: 3px;
|
|
}
|
|
/*----grid table-----*/
|
|
.grid_scroll {
|
|
margin: 0;
|
|
width: 100%;
|
|
border: 1px solid #DEDEDE;
|
|
}
|
|
|
|
.grid_scroll tr th a, .grid_scroll tr th {
|
|
color: #222222 !important;
|
|
border-left: none;
|
|
font-size: 12px !important;
|
|
border-right: none;
|
|
}
|
|
|
|
.grid_scroll {
|
|
font-size: 11px;
|
|
text-align: left;
|
|
}
|
|
|
|
.statusContent {
|
|
float: right;
|
|
}
|
|
|
|
.grid_scroll .alt {
|
|
background: url("images/grd_alt.png") repeat-x scroll center top #FCFCFC;
|
|
}
|
|
|
|
.grid_scroll tr th a, .grid_scroll tr th {
|
|
border-left: medium none;
|
|
border-right: medium none;
|
|
color: #222222 !important;
|
|
font-size: 12px !important;
|
|
}
|
|
|
|
.grid_scroll th {
|
|
background: url("images/inner.gif") repeat-x scroll center bottom #DEDEDE;
|
|
border-left: 1px solid #525252;
|
|
color: #FFFFFF;
|
|
font-size: 0.9em;
|
|
padding: 4px 2px;
|
|
}
|
|
|
|
.grid_scroll td {
|
|
border-left: 1px solid #C1C1C1;
|
|
border-right: 1px solid #C1C1C1;
|
|
color: #717171;
|
|
padding: 2px;
|
|
}
|
|
/*simple table design*/
|
|
.goodsTbl {
|
|
border-right: 1px solid #DDDDDD;
|
|
border-top: 1px solid #DDDDDD;
|
|
margin: 3px 15px;
|
|
width: 95%;
|
|
}
|
|
|
|
.goodsTbl td {
|
|
border-left: 1px solid #ddd;
|
|
border-bottom: 1px solid #ddd;
|
|
padding: 10px;
|
|
}
|
|
|
|
.currencyTd {
|
|
width: 200px;
|
|
}
|
|
|
|
/* --------------------- Dashboard page blocks --------------------------- */
|
|
/*--main wrapper--*/
|
|
.titleH {
|
|
text-align: center;
|
|
}
|
|
|
|
.wrapper {
|
|
/* height: 85%; margin: 2% auto 0; width: 85%;*/
|
|
background: none repeat scroll 0 0 #FFFFFF;
|
|
border-top: 1px solid #C2C2C2;
|
|
bottom: 0;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 45px;
|
|
overflow: auto;
|
|
}
|
|
|
|
.wrapper .wbox {
|
|
margin: 4% auto;
|
|
max-width: 90%;
|
|
min-width: 200px;
|
|
}
|
|
/*blocks design for all dashboard pages*/
|
|
/*color less blocks*/
|
|
.block {
|
|
background: none repeat scroll 0 0 #FFFFFF;
|
|
float: left;
|
|
height: 150px;
|
|
margin: 2% 5% 1% 1%;
|
|
position: relative;
|
|
width: 290px;
|
|
padding: 0px;
|
|
overflow: hidden;
|
|
box-shadow: 5px 6px 8px #555555;
|
|
filter: progid:DXImageTransform.Microsoft.Shadow(color='#555555', Direction=150, Strength=8);
|
|
}
|
|
/*alarms counter*/
|
|
.block .newAlarms {
|
|
position: absolute;
|
|
height: 10px;
|
|
min-width: 20px;
|
|
padding: 2px;
|
|
}
|
|
|
|
.block:hover {
|
|
opacity: 0.9;
|
|
filter: Alpha(opacity='90');
|
|
}
|
|
|
|
.block:active {
|
|
box-shadow: 0 0 0 #000;
|
|
}
|
|
|
|
.border {
|
|
border: 1px solid #ddd; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
|
|
-webkit-border-radius: 5px; /* Firefox 1-3.6 */
|
|
-moz-border-radius: 5px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
|
|
border-radius: 5px; /*behavior: url(../../Content/PIE.htc);*/
|
|
}
|
|
|
|
.block .blockTitle {
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
line-height: 24px;
|
|
padding: 0 5px;
|
|
float: right;
|
|
}
|
|
|
|
.block .innerBlock {
|
|
height: 100%;
|
|
width: 100%;
|
|
background-repeat: repeat-x;
|
|
background-position: 0 0;
|
|
float: left; /*box-shadow: 2px 2px 7px #555555 inset;*/
|
|
background-image: url("images/over1.png");
|
|
cursor: pointer;
|
|
}
|
|
/*disable blocks design*/
|
|
.disableBlock {
|
|
box-shadow: 0px 0px 0px #aaa;
|
|
border: 1px solid #aaa;
|
|
border-right-width: 2px;
|
|
border-bottom-width: 2px;
|
|
}
|
|
|
|
.disableBlock .innerBlock {
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABMCAIAAAAjsUpsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEVJREFUeNqMTlsKACAMku5/Z9sL1lpUH6JMJ4LkAGBQTdVxIwUQXVizNK+zd1Tecjfv1RHbnE/bcmPrKL8/XYufG6cAAwBFymotT/a6tQAAAABJRU5ErkJggg==) repeat-x scroll 0 0 #D8DCE0 !important;
|
|
color: #888;
|
|
background-image: none;
|
|
filter: none !important;
|
|
cursor: default;
|
|
}
|
|
|
|
.disableBlock .innerBlock a {
|
|
color: #555 !important;
|
|
background-image: none;
|
|
cursor: default !important;
|
|
}
|
|
|
|
.block .innerBlock a {
|
|
color: #fff;
|
|
display: block;
|
|
text-decoration: none;
|
|
font-size: 30px;
|
|
line-height: 150px;
|
|
text-align: center;
|
|
}
|
|
|
|
.block .innerBlock a:hover {
|
|
text-decoration: none;
|
|
}
|
|
/*info type block -blue color*/
|
|
.block .innerBlock.info {
|
|
background-color: #277CD1;
|
|
}
|
|
|
|
/*------------------------screen adjust------------------------------------------*/
|
|
/*adjust according to acreen*/
|
|
@media screen and (max-width: 1150px) {
|
|
.wrapper {
|
|
/* height: 90%; margin: 2% auto; width: 96%;*/
|
|
}
|
|
}
|
|
/* change password*/
|
|
/*form in panel*/
|
|
.formateForm {
|
|
width: 360px;
|
|
padding: 26px;
|
|
text-align: left;
|
|
margin-top: 40px;
|
|
border-radius: 7px;
|
|
box-shadow: 0 0 10px 1px #999999;
|
|
}
|
|
|
|
.formateForm .rGroup input[type="text"], .formateForm .rGroup input[type="password"] {
|
|
width: 98%;
|
|
margin: 2px 2px 6px 2px;
|
|
padding: 3px;
|
|
}
|
|
|
|
.formateForm h2 {
|
|
margin: 0 5px 10px;
|
|
border-bottom: 1px solid #575757;
|
|
color: #6e6e6e;
|
|
padding: 6px 5px;
|
|
}
|
|
|
|
.rGroup {
|
|
padding: 6px 8px;
|
|
}
|
|
|
|
.rGroup label {
|
|
/*color: #1166C1;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
margin-left: 1px;
|
|
vertical-align: top;
|
|
display: block;*/
|
|
}
|
|
|
|
.rGroup input[type="password"], .rGroup input[type="text"] {
|
|
display: block;
|
|
}
|
|
|
|
/* success*/
|
|
.cpSuccess {
|
|
color: #14A01B;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* error */
|
|
.cpError {
|
|
color: Red;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
}
|
|
|
|
.field-validation-error {
|
|
}
|
|
|
|
.frBox .field-validation-error {
|
|
float: right;
|
|
height: 16px;
|
|
margin-right: 26px;
|
|
margin-top: -8px;
|
|
}
|
|
|
|
.field-validation-error span, .validation-summary-errors {
|
|
color: red !important;
|
|
font-size: 11px !important;
|
|
font-weight: normal !important;
|
|
}
|
|
|
|
.validation-summary-errors {
|
|
text-align: center;
|
|
}
|
|
|
|
.validation-summary-errors ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
/* table container*/
|
|
.checks {
|
|
padding: 3px 0px 7px 0px;
|
|
}
|
|
|
|
.checks label {
|
|
margin: 5px;
|
|
min-width: 10px;
|
|
}
|
|
|
|
.checks input[type="text"] {
|
|
margin: 2px 0 0 2px;
|
|
width: 29%;
|
|
}
|
|
|
|
.checks input[type="submit"], .checks button {
|
|
margin: 2px 0 0 2px;
|
|
height: 24px !important;
|
|
vertical-align: top !important;
|
|
}
|
|
|
|
.tblContainer {
|
|
width: 100%;
|
|
top: 100px;
|
|
bottom: 0;
|
|
overflow-y: auto;
|
|
}
|
|
/*content panel deveide*/
|
|
|
|
.cInnerL {
|
|
right: 380px;
|
|
}
|
|
|
|
.cInnerR {
|
|
width: 375px;
|
|
}
|
|
|
|
.borderR {
|
|
border-left: 1px solid #dedede;
|
|
}
|
|
|
|
.borderR .content {
|
|
border-left: 1px solid #ccc;
|
|
}
|
|
/* ---------------- download section ------------- */
|
|
/* download document - head ul li style*/
|
|
.headingBox {
|
|
background: none repeat scroll 0 0 #F7F7F7;
|
|
border-bottom: 1px solid #DEDEDE;
|
|
display: block;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
padding: 5px 10px;
|
|
}
|
|
|
|
.download ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.download ul li {
|
|
font-weight: bold;
|
|
font-size: 11px;
|
|
padding: 5px 10px;
|
|
border-bottom: 1px solid #dedede;
|
|
background: #f7f7f7;
|
|
display: block;
|
|
}
|
|
|
|
.download ul li a {
|
|
color: #277CD1;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.download ul li a:hover {
|
|
color: #055BB7;
|
|
}
|
|
|
|
.docChoice {
|
|
padding: 7px 2px 7px 7px;
|
|
}
|
|
/*devide panel in rows*/
|
|
.docChoice .row {
|
|
padding: 6px 0;
|
|
}
|
|
|
|
.docChoice .row input[type="radio"] {
|
|
vertical-align: top;
|
|
margin-left: 0;
|
|
margin-right: 3px;
|
|
}
|
|
/*color code classes*/
|
|
.docChoice .row img.dc {
|
|
float: right;
|
|
}
|
|
/*color classes*/
|
|
.rggb, .rrgb, .rbgb {
|
|
min-width: 100px;
|
|
margin-right: 1px;
|
|
}
|
|
/* green color*/
|
|
.rggb {
|
|
color: #03BD21;
|
|
}
|
|
/*red color*/
|
|
.rrgb {
|
|
color: #D84D4D;
|
|
}
|
|
/* toolbar popup style */
|
|
/*popup opener style*/
|
|
.topener {
|
|
width: 13px;
|
|
height: 14px;
|
|
padding: 9px 6px 3px;
|
|
float: right;
|
|
position: relative;
|
|
border-left: 1px solid #1166c1;
|
|
}
|
|
|
|
.topener:hover {
|
|
cursor: pointer;
|
|
}
|
|
/*inner dive in opener*/
|
|
.topener .pdiv {
|
|
display: block;
|
|
}
|
|
/*opener arrow icon*/
|
|
.topener .arrow {
|
|
background: url("images/icons/w-arrow-down.png") no-repeat;
|
|
padding: 4px 5px;
|
|
display: block;
|
|
}
|
|
/*opener upload icon*/
|
|
.topener .upload-file {
|
|
background: url("images/icons/arrow_up.png") no-repeat;
|
|
padding: 8px 10px 8px 6px;
|
|
display: block;
|
|
margin: -4px 4px 0 0;
|
|
}
|
|
/*popupbox style*/
|
|
.topener .popupBox {
|
|
border: 3px solid #e7e7e7;
|
|
border-right: none;
|
|
border-top: none;
|
|
position: absolute;
|
|
top: 25px;
|
|
right: 0;
|
|
display: block;
|
|
min-height: 160px;
|
|
min-width: 210px;
|
|
background: #fff;
|
|
z-index: 10;
|
|
display: none;
|
|
cursor: default;
|
|
}
|
|
|
|
.topener .popupBox .pblock {
|
|
border: 1px solid #bbb;
|
|
background: #fff;
|
|
}
|
|
/*table in popup - tableContainer is class of tavle container div*/
|
|
.topener .tableConatiner {
|
|
border-left: 1px solid #bbb;
|
|
border-right: 1px solid #bbb;
|
|
padding: 7px 0 5px 7px;
|
|
overflow-y: auto;
|
|
left: 0px;
|
|
right: 0px;
|
|
top: 0px;
|
|
bottom: 30px;
|
|
position: absolute;
|
|
}
|
|
|
|
.topener .tableConatiner table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.topener .tableConatiner table tr td {
|
|
padding: 2px 2px 10px 2px;
|
|
}
|
|
|
|
.topener .tableConatiner table tr td select {
|
|
width: 95px;
|
|
margin-left: 5px;
|
|
padding: 2px;
|
|
}
|
|
/*popup box footer or button container*/
|
|
.topener .popupFooter {
|
|
border: 1px solid #bbb;
|
|
background: #f5f5f5;
|
|
position: absolute;
|
|
bottom: 0px;
|
|
height: 26px;
|
|
padding: 4px;
|
|
left: 0px;
|
|
right: 0px;
|
|
text-align: right;
|
|
}
|
|
/*---side Menu Link ---*/
|
|
.sideMenuLink {
|
|
border-bottom: 2px solid #DBEDFF;
|
|
}
|
|
/*anchor lint in side menu*/
|
|
.sideMenuLink a {
|
|
display: block;
|
|
padding: 16px 7px;
|
|
color: #333;
|
|
background: none repeat scroll 0 0 #C1E2FF;
|
|
border-bottom: 1px solid #4591D8;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
background-image: -moz-linear-gradient(center top, #C1E2FF, #8BC3F4);
|
|
background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#C1E2FF), to(#8BC3F4));
|
|
background-image: -ms-linear-gradient(center top, #C1E2FF, #8BC3F4);
|
|
background-image: -ms-linear-gradient(top, #C1E2FF 0%, #8BC3F4 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C1E2FF', endColorstr='#8BC3F4'); /* IE6 & IE7 */
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C1E2FF', endColorstr='#8BC3F4')"; /* IE8 */
|
|
}
|
|
/*effects of links*/
|
|
.sideMenuLink a:hover, .activeSideLink {
|
|
background: none repeat scroll 0 0 #70BCFF !important;
|
|
color: #fff !important;
|
|
border-bottom: 1px solid #6399CC !important;
|
|
background-image: none !important;
|
|
filter: none !important;
|
|
}
|
|
/* disablr link*/
|
|
.sideMenuLink a.disable, .disable {
|
|
background: none repeat scroll 0 0 #D2E5F7;
|
|
color: #777;
|
|
background-image: none;
|
|
filter: none !important;
|
|
cursor: default;
|
|
}
|
|
|
|
#thetable {
|
|
cursor: pointer;
|
|
}
|
|
/* free size label style */
|
|
.freeLbl {
|
|
width: auto !important;
|
|
min-width: 10px !important;
|
|
}
|
|
/* ---------------------End of Dashboard page blocks --------------------------- */
|
|
/* Notification message*/
|
|
.message {
|
|
position: absolute;
|
|
min-width: 150px;
|
|
max-width: 500px;
|
|
background: #ffa;
|
|
top: 0;
|
|
border: 1px solid #FFCC35;
|
|
display: none;
|
|
left: 50%;
|
|
margin-left: -150px;
|
|
border-top: none;
|
|
font-weight: bold;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.message div {
|
|
display: block;
|
|
padding: 5px;
|
|
text-align: center;
|
|
}
|
|
/*free size peragraph*/
|
|
.infoPanel h1, .infoPanel h2, .infoPanel h3 {
|
|
text-align: center;
|
|
}
|
|
/*forms pages paragraph in cpanel class*/
|
|
.cPanelPera {
|
|
padding: 6px 1px 1px 15px;
|
|
border: 1px solid #AAAAAA;
|
|
}
|
|
|
|
.cPanelPera span {
|
|
min-width: 50px;
|
|
display: block;
|
|
float: left;
|
|
}
|
|
|
|
/*-------------table design(value and properties)--------*/
|
|
.themeTable {
|
|
width: 100%;
|
|
font-size: 12px;
|
|
border-collapse: collapse;
|
|
margin-left: 0 !important;
|
|
font-family: Arial;
|
|
}
|
|
|
|
.themeTable td {
|
|
border-top: 1px dotted #f9f9f9;
|
|
border-top: 1px solid #dedede;
|
|
}
|
|
|
|
.themeTable td img {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.themeTable th {
|
|
font-weight: bold;
|
|
text-align: left;
|
|
}
|
|
/*TABLE TITLE HEADER*/
|
|
.tableCelltitle {
|
|
background: url("images/inner.gif") repeat-x scroll center bottom #DDDCDD !important; /*border:1px solid #DEDEDE;*/ /*padding: 0 8px !important;*/
|
|
/*background: #f0f0f0;*/
|
|
height: 29px;
|
|
text-align: left;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
border: 1px solid #c5c5c5;
|
|
background: url("/Content/css/images/infowindow_head-bg.png") repeat-x left top !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
|
|
/*TABLE ROW HEADING*/
|
|
.tableCelllabel {
|
|
background: #F7F7F7;
|
|
border-bottom: 1px solid #DEDEDE;
|
|
border-left: 1px solid #DEDEDE;
|
|
border-right: 1px solid #DEDEDE;
|
|
/*font-size: 11px;*/
|
|
height: 12px; /*padding: 3px 10px 2;*/
|
|
text-align: left !important; /*white-space:nowrap;*/
|
|
text-indent: 0 !important;
|
|
font-size: 12px !important;
|
|
/*letter-spacing: 1px;*/
|
|
font-family: Hermes_FB;
|
|
font-family: Arial;
|
|
}
|
|
/*TABLE ROW VALUE*/
|
|
.tableCellinfo {
|
|
background: #FFF;
|
|
font-size: 12px !important;
|
|
border-bottom: 1px solid #DEDEDE;
|
|
border-left: 1px solid #DEDEDE;
|
|
border-right: 1px solid #DEDEDE;
|
|
text-align: left !important;
|
|
text-indent: 0 !important;
|
|
font-family: Hermes_FB;
|
|
font-family: Arial;
|
|
font-size: 12px !important;
|
|
/*letter-spacing: 1px;*/
|
|
color: #222;
|
|
/*font-size: 11px;*/ /*padding: 3px 10px 2px;*/
|
|
}
|
|
|
|
.tableCellinfo a {
|
|
display: block;
|
|
height: 20px;
|
|
line-height: 20px; /*padding: 0 0 0 14px !important;*/
|
|
}
|
|
/*reset file input button for ie*/
|
|
input[type="file"] {
|
|
overflow: visible\9;
|
|
}
|
|
/*----error class---*/
|
|
.error {
|
|
color: red;
|
|
}
|
|
/*end of table style*/
|
|
|
|
/* Levy date picker date unavailable style*/
|
|
.levydatepicker-date-unavailable a {
|
|
color: Red !important;
|
|
}
|
|
|
|
.blueText {
|
|
color: Blue;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
/* Table css for dialog box*/
|
|
.dialogTable {
|
|
width: 100%;
|
|
}
|
|
|
|
.dialogTable td select {
|
|
min-width: 150px;
|
|
}
|
|
|
|
.dialogTable td select[multiple] {
|
|
min-width: 250px;
|
|
}
|
|
|
|
|
|
/* Device connection signal*/
|
|
.red-circle {
|
|
background: url("images/icons/red_circle.png") no-repeat center center;
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
|
|
.green-circle {
|
|
background: url("images/icons/green_circle.png") no-repeat center center;
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
|
|
/*bynavi*/
|
|
.Main_Div {
|
|
height: 100%;
|
|
}
|
|
|
|
.fleft {
|
|
float: left;
|
|
}
|
|
|
|
.fright {
|
|
float: right;
|
|
}
|
|
|
|
.clear {
|
|
clear: both;
|
|
}
|
|
|
|
#masterHeader {
|
|
background: #fff;
|
|
background: #ee2e22;
|
|
/*background:url("/Content/css/images/head-bg.png") no-repeat left top;*/
|
|
height: 94px;
|
|
}
|
|
|
|
#pageHead {
|
|
/*padding: 9px 10px;*/
|
|
}
|
|
|
|
#userHeaderPanel {
|
|
padding: 12px 10px 18px 10px;
|
|
padding: 0 10px 0 0;
|
|
}
|
|
|
|
#userHeaderPanel .option a {
|
|
color: #fffdec !important;
|
|
font-size: 14px !important;
|
|
padding-left: 21px;
|
|
font-weight: normal !important;
|
|
text-shadow: none !important;
|
|
}
|
|
|
|
.Logo {
|
|
margin: 10px 10px 10px 0px;
|
|
margin: 3px 10px 10px 0px;
|
|
}
|
|
|
|
#masterMenu {
|
|
height: 33px;
|
|
height: 36px;
|
|
left: 0;
|
|
right: 0;
|
|
top: 57px;
|
|
z-index: 2;
|
|
}
|
|
|
|
div.main {
|
|
width: 100%;
|
|
height: 38px;
|
|
background: #4a8bc2;
|
|
background: url("/Content/css/images/menu-background-stirp-grey.jpg") repeat-x left;
|
|
/*border-top: 1px solid #c4c4c4;*/
|
|
/*background-color: #ee2e22;*/
|
|
}
|
|
|
|
.cbp-hrmenu {
|
|
/*width: 100%;*/
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.cbp-hrmenu ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
}
|
|
|
|
/* first level ul style */
|
|
.cbp-hrmenu > ul,
|
|
.cbp-hrmenu .cbp-hrsub-inner {
|
|
width: 90%;
|
|
width: 100%;
|
|
}
|
|
|
|
.cbp-hrmenu > ul > li {
|
|
display: inline-block;
|
|
margin-left: -5px;
|
|
height: 34px;
|
|
margin-top:2px;
|
|
}
|
|
|
|
.cbp-hrmenu > ul > li > a {
|
|
padding: 9px 7px 7px 0px;
|
|
color: #fff;
|
|
color: #6e6e6e;
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
margin-right: 25px;
|
|
}
|
|
|
|
.cbp-hrmenu > ul > li.cbp-hropen a {
|
|
/*border: 1px solid #c4c4c4;*/
|
|
border-bottom: 0;
|
|
border-top: 0;
|
|
}
|
|
|
|
.cbp-hrmenu > ul > li > a:hover {
|
|
/*color: #eee;
|
|
text-shadow: 0 -1px 1px rgba(0,0,0,0.25), -2px 0 1px rgba(0,0,0,0.25);*/
|
|
/*color:#fff;
|
|
text-shadow: 1px 1px 0 #fff;*/
|
|
color: #fff;
|
|
color: #6e6e6e;
|
|
text-shadow: 1px 1px 0 #BD0000;
|
|
text-shadow: 1px 1px 0 #fff;
|
|
}
|
|
|
|
.active {
|
|
color: #eee;
|
|
text-shadow: 0 -1px 1px rgba(0,0,0,0.25), -2px 0 1px rgba(0,0,0,0.25);
|
|
}
|
|
|
|
.sub_active {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.cbp-hrmenu > ul > li.cbp-hropen a,
|
|
.cbp-hrmenu > ul > li.cbp-hropen > a:hover {
|
|
/*color: #6E6E6E;*/
|
|
background: #f9f9f9;
|
|
background: #fff;
|
|
/*margin-top: 1px;*/
|
|
text-shadow: none;
|
|
/*border-top: 1px solid #ee2e22;*/
|
|
/*margin-top:2px;*/
|
|
/*border: 1px solid #a8a8a8;
|
|
border-bottom: 0;
|
|
height: 17px;
|
|
margin-top: 1px;*/
|
|
color: rgb(227, 33, 25);
|
|
}
|
|
|
|
/* sub-menu */
|
|
.cbp-hrmenu .cbp-hrsub {
|
|
display: none;
|
|
position: absolute;
|
|
background: #f9f9f9;
|
|
width: 100%;
|
|
left: 0;
|
|
}
|
|
|
|
.cbp-hropen .cbp-hrsub {
|
|
display: block;
|
|
padding-bottom: 27px;
|
|
background-image: url(images/menu-bdr-btm.png);
|
|
background-position: left bottom;
|
|
background-repeat: repeat-x;
|
|
cursor: default;
|
|
position: absolute;
|
|
z-index: 1000;
|
|
background: #fff;
|
|
border-bottom: 3px solid #173887;
|
|
}
|
|
|
|
.cbp-hrmenu .cbp-hrsub-inner > div {
|
|
width: 22%;
|
|
width: 17%;
|
|
width: 17%;
|
|
float: left;
|
|
padding: 0 0 0 2em;
|
|
}
|
|
|
|
.cbp-hrmenu .cbp-hrsub-inner:before,
|
|
.cbp-hrmenu .cbp-hrsub-inner:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
|
|
.cbp-hrmenu .cbp-hrsub-inner:after {
|
|
clear: both;
|
|
}
|
|
|
|
.cbp-hrmenu .cbp-hrsub-inner > div a {
|
|
line-height: 2em;
|
|
/*font-size: 12px;*/
|
|
font-size: 13px;
|
|
}
|
|
|
|
.cbp-hrsub h4 {
|
|
color: #000;
|
|
color: rgb(112, 113, 115);
|
|
padding: 27px 0 0.6em 0;
|
|
margin: 0;
|
|
/*font-size: 14px;*/
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
border-bottom: 1px dotted #c5c5c5;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.cbp-hrmenu > ul > li > a span img {
|
|
margin: 0px 0 0 0;
|
|
position: relative;
|
|
right: -7px;
|
|
top: 7px;
|
|
}
|
|
|
|
.cbp-hrsub-inner ul li {
|
|
cursor: default;
|
|
}
|
|
|
|
.cbp-hrmenu > ul > li > a img {
|
|
padding-right: 5px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.cbp-hrsub-inner ul li a:hover {
|
|
text-decoration: underline;
|
|
color: #669999;
|
|
color: #114d97;
|
|
color: rgb(227, 33, 25);
|
|
}
|
|
|
|
.taskbar label {
|
|
font-size: 11px;
|
|
font-weight: normal;
|
|
line-height: 30px;
|
|
color: #2e2e2e;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.Breadcurms_wrp {
|
|
background: url("/Content/css/images/bg-ip-mainmenu1.jpg") repeat;
|
|
height: 36px;
|
|
padding: 0px 10px 0 10px;
|
|
width: 1004px;
|
|
margin: 0 auto;
|
|
margin-top: 22px;
|
|
line-height: 12px;
|
|
font-family: Verdana;
|
|
line-height: 34px;
|
|
/*border-left: 5px solid #ee2e22;*/
|
|
}
|
|
|
|
.Page_location .Parent_page, .Parent_page a {
|
|
color: #fff;
|
|
}
|
|
|
|
.border_none {
|
|
border: none !important;
|
|
}
|
|
|
|
.Desination_page {
|
|
color: #eee;
|
|
}
|
|
|
|
.button_blue {
|
|
color: #FFFFFF;
|
|
background: #1b3f94 !important;
|
|
padding-top: 5px;
|
|
padding-bottom: 7px;
|
|
text-align: center;
|
|
/*padding-right: 11px;*/
|
|
text-transform: Uppercase;
|
|
font-family: Verdana;
|
|
/*font-family: Hermes_FB;*/
|
|
font-size: 11px;
|
|
margin: 10px 2px;
|
|
cursor: pointer;
|
|
/*font-weight: bold;*/
|
|
width: 114px;
|
|
text-indent: 0;
|
|
padding-left: 9px;
|
|
padding-right: 9px;
|
|
overflow: hidden;
|
|
min-width:64px;
|
|
}
|
|
|
|
.button_blue:hover {
|
|
/*box-shadow:1px 1px 0px 1px #fff inset;*/
|
|
opacity: 0.85;
|
|
}
|
|
|
|
.Tab {
|
|
border-bottom: 0;
|
|
margin-top: 5px;
|
|
margin-left: 2px;
|
|
margin-right: 2px;
|
|
border-radius: 4px 4px 0 0;
|
|
width: 30%;
|
|
text-align: center;
|
|
padding: 5px;
|
|
border: 1px solid #d5d5d5;
|
|
border-bottom: 0;
|
|
padding-bottom: 7px;
|
|
z-index: 1000;
|
|
border-bottom: 1px solid #fff;
|
|
}
|
|
|
|
.Tab:hover, .ActiveTab {
|
|
cursor: pointer;
|
|
padding-bottom: 6px;
|
|
}
|
|
|
|
.bordernone {
|
|
border-top: none !important;
|
|
}
|
|
|
|
|
|
input[type="submit"] {
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.img_responsive {
|
|
}
|
|
|
|
|
|
.overflow {overflow:auto;}
|
|
|
|
div#divEscalationDetails a.k-button.k-button-icon.k-button-bare {
|
|
width: 15px;
|
|
padding: 0px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
div#divEscalationDetails a.k-button.k-button-icon.k-button-bare span {
|
|
margin-left: -10px;
|
|
}
|
|
|
|
.fright.Response_RightPanel span{color: #fff;}
|
|
|
|
|
|
#gridOwnerList table tbody td { text-align: left !important; padding-right: 27px;}
|
|
|
|
|
|
|
|
|
|
/*------fixed header table ------------*/
|
|
|
|
|
|
|
|
@-moz-document url-prefix() {
|
|
.toolTipMozila {margin-left: -137px !important;
|
|
margin-top: 28px !important;}
|
|
}
|
|
|
|
.loding-new{ }
|
|
.loding-new .overlay{position:fixed; width:100%; height:100%; top:0px; left:0px; background: rgba(0, 0, 0, 0.4196078431372549); z-index:99999; }
|
|
.loding-new .loding-img{ margin:auto; position:absolute; top:40%; width:100%; text-align:center; }
|
|
.loding-new .loding-img img{ margin: auto; max-width: 133px; background: rgba(255, 255, 255, 0.7098039215686275);position: relative; z-index: 99999; border-radius: 87px;}
|
|
|