/* new css*/
html #example .demo-container {
background: url('Images/header-page.jpg') 0 0 no-repeat;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.4)
}
@media \0screen\,screen\9 {
#example .demo-container {
border: 1px solid #ccc;
}
}
/*header - Home*/
.demo-container .headerHome {
display: block;
}
/*Main menu*/
.demo-container .mainMenu {
text-transform: uppercase;
}
.demo-container .mainMenu .rmRootGroup .rmRootLink {
padding: 4px 20px;
line-height: 30px;
}
.demo-container .mainMenu .rmRootGroup .rmRootLink .rmToggle {
height: 30px;
}
/*Bootstrap skin*/
.demo-container .mainMenu.RadMenu_Bootstrap .rmRootGroup .rmRootLink {
padding: 15px;
line-height: 1.42857;
}
.demo-container .mainMenu.RadMenu_Bootstrap .rmRootGroup .rmRootLink .rmToggle {
height: 1.33em;
}
/*Material skin*/
.demo-container .mainMenu.RadMenu_Material .rmRootGroup .rmRootLink {
padding: 14px 24px;
line-height: 1.42857;
}
.demo-container .mainMenu.RadMenu_Material .rmRootGroup .rmRootLink .rmToggle {
height: 1.33em;
}
.demo-container .rmLeftImage {
background-image: url('Images/icons.png') !important;
}
.demo-container .RadMenu_Outlook .icon-sofa:hover .rmLeftImage,
.demo-container .icon-sofa .rmLeftImage {
background-position: 0 0;
}
.demo-container .RadMenu_Outlook .icon-chair:hover .rmLeftImage,
.demo-container .icon-chair .rmLeftImage {
background-position: -20px 0;
}
.demo-container .RadMenu_Outlook .icon-table:hover .rmLeftImage,
.demo-container .icon-table .rmLeftImage {
background-position: -40px 0;
}
.demo-container .RadMenu_MetroTouch .rmSelected.icon-sofa .rmLeftImage,
.demo-container .RadMenu_Metro .rmSelected.icon-sofa .rmLeftImage,
.demo-container .RadMenu_Glow .icon-sofa .rmLeftImage,
.demo-container .RadMenu_Silk .icon-sofa:hover .rmLeftImage,
.demo-container .RadMenu_Silk .rmSelected.icon-sofa .rmLeftImage,
.demo-container .RadMenu_Telerik .rmSelected.icon-sofa .rmLeftImage,
.demo-container .RadMenu_Sunset .rmSelected.icon-sofa .rmLeftImage,
.demo-container .RadMenu_Black .icon-sofa .rmLeftImage,
.demo-container .RadMenu_BlackMetroTouch .icon-sofa .rmLeftImage,
.demo-container .RadMenu_Outlook .icon-sofa .rmLeftImage,
.demo-container .RadMenu_Outlook .rmSelected.icon-sofa .rmLeftImage,
.demo-container .RadMenu_Simple .icon-sofa:hover .rmLeftImage,
.demo-container .RadMenu_Simple .rmSelected.icon-sofa .rmLeftImage {
background-position: 0 -20px;
}
.demo-container .RadMenu_MetroTouch .rmSelected.icon-chair .rmLeftImage,
.demo-container .RadMenu_Metro .rmSelected.icon-chair .rmLeftImage,
.demo-container .RadMenu_Glow .icon-chair .rmLeftImage,
.demo-container .RadMenu_Silk .icon-chair:hover .rmLeftImage,
.demo-container .RadMenu_Silk .rmSelected.icon-chair .rmLeftImage,
.demo-container .RadMenu_Telerik .rmSelected.icon-chair .rmLeftImage,
.demo-container .RadMenu_Sunset .rmSelected.icon-chair .rmLeftImage,
.demo-container .RadMenu_Black .icon-chair .rmLeftImage,
.demo-container .RadMenu_BlackMetroTouch .icon-chair .rmLeftImage,
.demo-container .RadMenu_Outlook .icon-chair .rmLeftImage,
.demo-container .RadMenu_Outlook .rmSelected.icon-chair .rmLeftImage,
.demo-container .RadMenu_Simple .icon-chair:hover .rmLeftImage,
.demo-container .RadMenu_Simple .rmSelected.icon-chair .rmLeftImage {
background-position: -20px -20px;
}
.demo-container .RadMenu_MetroTouch .rmSelected.icon-table .rmLeftImage,
.demo-container .RadMenu_Metro .rmSelected.icon-table .rmLeftImage,
.demo-container .RadMenu_Glow .icon-table .rmLeftImage,
.demo-container .RadMenu_Silk .icon-table:hover .rmLeftImage,
.demo-container .RadMenu_Silk .rmSelected.icon-table .rmLeftImage,
.demo-container .RadMenu_Telerik .rmSelected.icon-table .rmLeftImage,
.demo-container .RadMenu_Sunset .rmSelected.icon-table .rmLeftImage,
.demo-container .RadMenu_Black .icon-table .rmLeftImage,
.demo-container .RadMenu_BlackMetroTouch .icon-table .rmLeftImage,
.demo-container .RadMenu_Outlook .icon-table .rmLeftImage,
.demo-container .RadMenu_Outlook .rmSelected.icon-table .rmLeftImage,
.demo-container .RadMenu_Simple .icon-table:hover .rmLeftImage,
.demo-container .RadMenu_Simple .rmSelected.icon-table .rmLeftImage {
background-position: -40px -20px;
}
/*page content*/
.demo-container .pageContent {
position: relative;
}
.demo-container div.pageContent h6 {
margin: 5px 20px 0;
font-size: 20px;
color: #000;
padding-top:15px;
}
/*submenu*/
.demo-container .pageContent .RadMenu,
.demo-container .pageContent .RadMenu .rmRootGroup {
height: 100%;
}
/*home page*/
.demo-container .homeContent {
padding: 20px 30px;
font-size: 14px;
}
html .demo-container .pageContent.homeContent h5 {
padding: 0 0 15px;
font-size: 20px;
color: #000;
border-bottom: 1px solid #2dabc1;
}
/*product page*/
.demo-container .productContainer {
position: relative;
height: 210px;
color: #2dabc1;
font-size: 14px;
line-height: 18px;
float: left;
margin: 35px 0 0 60px;
}
.demo-container .describtion {
position: absolute;
bottom: 0;
left: 30px;
width: 208px;
padding-bottom: 20px;
border-bottom: 1px solid #2dabc1;
}
.demo-container .describtion span {
display: block;
overflow: hidden;
}
.demo-container .describtion .price {
height: 40px;
float: left;
font-size: 22px;
line-height: normal;
}
.demo-container .describtion .name,
.demo-container .describtion .type {
padding: 0 15px;
}
.demo-container .describtion .name {
padding-top: 7px;
font-weight: bold;
}
/*chairs*/
.demo-container .chairs img {
margin: -30px 0 0 20px;
}
/*stores page*/
.demo-container #stores .address {
float: left;
margin: 30px 35px;
}
.demo-container #stores p {
margin: 0;
}
/*about us page*/
.demo-container .about {
padding: 0 20px;
}
.demo-container .people {
width: 33%;
float: left;
margin: 25px 0 0;
color: #2dabc1;
font-size: 16px;
text-align: center;
}
.demo-container .people img {
display: block;
margin: auto;
}
.demo-container .people p {
margin: 0;
}
.demo-container .people .name {
font-weight: bold;
border-top: 1px solid #2dabc1;
}
/* ComboBox styles */
#master_content .ajax__combobox_itemlist
{
margin: 0px;
}
.detailPacksixetext
{
display: block;
}
html .demo-container .redColor {
color:red;
}
/*Wizard wrapper*/
.demo-container {
margin: 40px auto 80px;
padding: 0 80px;
border: 0;
background: url(Images/shadow.png) no-repeat 0 bottom;
}
.demo-container .wizardHeader {
width: 100%;
height: 50px;
background: url(Images/header.jpg) no-repeat 0 0;
}
/*Wizard*/
.demo-container .RadWizard {
padding: 20px;
border: 1px solid #f1f1f1;
border-bottom: 0;
box-shadow: 0 0 0 1px #fff;
}
.background-black .demo-container .RadWizard,
.background-blackmetrotouch .demo-container .RadWizard,
.background-glow .demo-container .RadWizard,
.background-office2010black .demo-container .RadWizard {
border: 0;
box-shadow: 0;
}
.demo-container .RadWizard_Material .rwzBreadCrumb .rwzText:before {
display: none;
}
.demo-container .RadWizard_Material .rwzBreadCrumb .rwzLink {
padding-left: 0;
}
.rwzImage {
background-image: url(Images/bread-crumb-icons.png);
}
html .RadWizard .rwzBreadCrumb span.rwzImage {
width: 24px;
height: 24px;
}
.demo-container .accountInfo.rwzImage {
background-position: 0 0;
}
.demo-container .rwzSelected .accountInfo.rwzImage {
background-position: -25px 0;
}
.demo-container .rwzDisabled .accountInfo.rwzImage {
background-position: -50px 0;
}
.demo-container .personalInfo.rwzImage {
background-position: 0 -25px;
}
.demo-container .rwzSelected .personalInfo.rwzImage {
background-position: -25px -25px;
}
.demo-container .rwzDisabled .personalInfo.rwzImage{
background-position: -50px -25px;
}
.demo-container .contactDetails.rwzImage {
background-position: 0 -50px;
}
.demo-container .rwzSelected .contactDetails.rwzImage {
background-position: -25px -50px;
}
.demo-container .rwzDisabled .contactDetails.rwzImage {
background-position: -50px -50px;
}
.demo-container .confirmation.rwzImage {
background-position: 0 -75px;
}
.demo-container .rwzSelected .confirmation.rwzImage {
background-position: -25px -75px;
}
.demo-container .rwzDisabled .confirmation.rwzImage {
background-position: -50px -75px;
}
.demo-container .RadWizard .rwzContent {
overflow: hidden;
background-color: #f5f5f6;
line-height: 2em;
margin: 0 -20px;
padding: 0 20px;
}
.background-black .demo-container .rwzContent,
.background-blackmetrotouch .demo-container .rwzContent,
.background-glow .demo-container .rwzContent,
.background-office2010black .demo-container .rwzContent {
background-color: transparent;
background-color: rgba(255,255,255,0.1);
}
.background-silver .demo-container .rwzContent {
background-color: transparent;
background-color: rgba(255,255,255,0.5);
}
.background-sunset .demo-container .rwzContent {
background: #f9f5f0;
}
/*Wizard content*/
.demo-container .inputWapper {
display: inline-block;
*display: inline;
width: 320px;
position: relative;
zoom: 1;
}
.demo-container .inputWapper.first {
margin-right: 35px;
}
.demo-container .inputWapper label {
display: block;
margin: 5px 0 0;
}
.demo-container .validator {
color: #ff0000;
position: absolute;
top: 10px;
right: 0;
}
.demo-container .anti-spam-policy {
margin-top: 40px;
}
.demo-container .conditions {
display: block;
color: #a7a7a7;
font-size: 0.857em;
}
.demo-container .inputWapper.date .riLabel {
position: absolute;
}
.demo-container .RadWizard .rwzStep {
height: 100%;
position: relative;
}
.demo-container .RadWizard.rwzComplete {
padding-top: 95px;
}
.demo-container .rwzStep p {
margin: 0;
padding: 10px 0;
}
.demo-container .RadWizard .complete {
height: auto;
padding: 75px 0;
text-align: center;
}
.AjaxToolkitStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
{
background-image: url(images/toolkit-bg.gif);
background-position: top left;
border: 0px none;
color: #FFFFFF;
padding: 4px 0px 3px 5px;
font-size: 13px;
font-family: Arial;
height: 16px;
width: 240px;
}
.PanelDetailRefill
{
border: 1px #cccccc solid;
background: #dedede;
color: Black;
background-repeat: no-repeat;
height: 32px;
background-image: url(Images/refillsBar.gif);
}
.AjaxToolkitStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
{
background-image: url(images/toolkit-arrow.gif);
background-position: top left;
border: 0px none;
height: 23px;
width: 23px;
}
.AjaxToolkitStyle .ajax__combobox_itemlist
{
border-color: #0F2543;
background-color: #EFEFEF;
font-family: Arial;
}
.AquaStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
{
margin: 0;
background-image: url(images/aqua-bg.gif);
background-position: top left;
border: 0px none;
padding: 2px 0px 0px 8px;
font-size: 11px;
font-family: Arial;
height: 17px;
width: 150px;
}
.AquaStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
{
background-image: url(images/aqua-arrow.gif);
background-position: top left;
border: 0px none;
height: 19px;
width: 19px;
}
.AquaStyle .ajax__combobox_itemlist
{
border-color: #000000;
background-color: #FFFFFF;
font-family: Arial;
}
.WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
{
margin: 0;
border: solid 1px #7F9DB9;
border-right: 0px none;
padding: 1px 0px 0px 5px;
font-size: 13px;
font-family: Arial;
height: 18px;
}
.WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
{
margin: 0;
padding: 0;
background-image: url(images/windows-arrow.gif);
background-position: top left;
border: 0px none;
height: 21px !important;
width: 21px !important;
}
.WindowsStyle .ajax__combobox_itemlist
{
border-color: #7F9DB9;
max-height: 100px;
position: relative;
z-index: 100502;
}
.WindowsStyle ul
{
position: absolute !important;
min-width: 270px;
width: auto !important;
min-height: 150px;
height: auto !important;
overflow-y: auto !important;
}
.ListSearchExtenderPrompt
{
font-style: italic;
color: Gray;
background-color: white;
}
/*Reorder List*/
.dragHandle
{
width: 20px;
height: 15px;
background-color: Blue;
background-image: url(images/bg-menu-main.png);
cursor: move;
border: outset thin white;
}
.callbackStyle
{
border: thin blue inset;
}
.callbackStyle table
{
background-color: #5377A9;
color: Black;
}
.reorderListDemo li
{
list-style: none;
margin: 2px;
background-image: url(images/bg_nav.gif);
background-repeat: repeat-x;
color: #FFF;
}
.dragVisualContainer li
{
list-style: none;
background-image: url(images/bg_nav.gif);
background-repeat: repeat-x;
color: #FFF;
}
.reorderListDemo li a
{
color: #FFF !important;
font-weight: bold;
}
.reorderCue
{
border: dashed thin black;
width: 100%;
height: 25px;
}
.itemArea
{
margin-left: 15px;
font-family: Arial, Verdana, sans-serif;
font-size: 1em;
text-align: left;
}
.style1
{
width: 331px;
}
.style2
{
width: 181px;
}
#center_wrapper
{
/*we need to tell the browser the size of the warpper div*/
width: 800px;
height: 400px; /*align the top left corner of the page to the center of the browser*/
position: absolute;
top: 50%;
left: 50%; /*offset the page by half the width and height*/
margin-top: -200px;
margin-left: -400px; /*allow us to see wrapper*/ /* background-color:aqua; */
}
.HelpHeader
{
background-color: #1e4094;
color: white;
}
.HeaderLink
{
font-family: Arial;
color: White;
font-size: 9pt;
padding-bottom: 5px;
}
.PendingHeaderLink
{
font-family: Arial;
color: Yellow;
font-size: 10pt;
padding-bottom: 5px;
}
.HighlightHeaderLink
{
background-color: White;
color: #1e4094;
font-family: Arial;
font-size: 9pt;
padding-bottom: 5px;
}
.activetxt
{
color: #213f99;
padding: 0px;
margin: 0px;
font-family: Arial Black;
font-weight: bold;
}
.PendingTableText
{
color: #213f99;
padding: 0px;
margin: 0px;
font-family: Arial Black;
font-weight: bold;
}
.pnlCollapseTitleWrapper
{
width: 100%;
overflow: hidden;
cursor: pointer;
margin: 0px;
padding: 0px;
}
.pnlCollapseTitle {
border: 1px #cccccc solid;
background: #0099FF;
color: Black;
background-repeat: no-repeat;
height: 32px;
}
.pnlCollapseContentWrapper
{
width: 100%;
height: 0px;
overflow: hidden;
margin: 0px;
padding: 0px;
}
.pnlCollapseContent
{
padding: 5px;
margin: 0px; /* border-left: 1px #213f99 dotted; border-bottom: 1px #213f99 dotted; border-right: 1px #213f99 dotted;*/
border-left: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
border-right: 1px #cccccc solid;
background: #cccccc; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E3E9F9', endColorstr='#ffffff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(rgb(141,164,231)), to(#fff)); /* for webkit browsers */
background: -moz-linear-gradient(top, rgb(141,164,231), #fff); /* for firefox */
width: 988px;
left: 0;
}
.pnlAdminContent
{
/* border-left: 1px #213f99 dotted; border-bottom: 1px #213f99 dotted; border-right: 1px #213f99 dotted;*/
background: #cccccc; /* for non-css3 browsers */
background-position: -moz-linear-gradient(top, rgb(141,164,231), #fff);
padding: 5px;
margin: 0px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E3E9F9', endColorstr='#ffffff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(rgb(141,164,231)), to(#fff)); /* for webkit browsers */
background: -moz-linear-gradient(top, rgb(141,164,231), #fff); /* for firefox */
width: 1000px\9;
width: 988px;
left: 0;
border: 1px solid #cccccc;
}
.watermark
{
border: thin groove #0066FF;
color: #C0C0C0;
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
}
.Search_textBox
{
border: thin groove #0066FF;
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 14;
text-align: left;
}
.Invoice_Search_textBox
{
border: thin groove #0066FF;
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 20;
text-align: left;
}
.TitleLabel
{
font-family: Arial Black;
font-size: 16pt;
color: #213F99;
}
.DetailTitleLabel
{
font-family: Arial Black;
font-size: 10pt;
color: #213F99;
}
.TablesColumnRight {
text-align: right;
}
.AdminbodyLabel
{
font-family: Arial Black;
font-size: 10pt;
color: #213F99;
text-align: right;
}
.HeaderLabel
{
font-family: Arial ;
font-size: 18pt;
color: #213F99;
text-align: center;
}
.DetailbodyRadioLabel
{
font-family: Arial Black;
font-size: 10pt;
color: #213F99;
text-align: left;
}
.bodyLabel
{
font-family: Arial;
font-size: 12pt;
color: #213F99;
text-align: right;
}
.loginPrefsLabel
{
font-family: Arial;
font-size: 13pt;
color: #213F99;
text-align: center;
}
.PreferencebodyLabel
{
font-family: Arial;
font-size: small;
color: #213F99;
font-weight: bold;
}
.PanelbodyLabel
{
font-family: Arial;
font-size: 10pt;
color: #213F99;
text-align: left;
}
.SummarybodyLabel
{
font-family: Arial;
font-size: 14pt;
color: Red;
}
.freehandcol1
{
font-family: Arial;
font-size: 10pt;
color: #213F99;
text-align: right;
display: block;
float: left;
width: 200px;
}
.freehandcol2
{
width: 300px;
display: block;
float: left;
width: 280px;
text-align: left;
}
.freehandtextbox
{
font-family: Arial;
font-size: 10pt;
}
.textBox
{
border: thin groove #0066FF; /*background-color: #E1FFFF;*/
font-family: Arial;
text-align: left;
}
.RedtextBox
{
border: medium groove #FF0000; /*background-color: #E1FFFF;*/
font-family: Arial;
text-align: left;
}
.Redtext
{
/*background-color: #E1FFFF;*/
font-family: Arial;
text-align: left;
color: #FF0000;
}
.Redwatermark
{
border: medium groove #FF0000;
color: #C0C0C0;
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
}
.comboBox
{
border: thin groove #0066FF; /*background-color: #E1FFFF;*/
font-family: Arial, Helvetica, sans-serif;
}
.dropdownlist
{
font-family: Arial, Helvetica, sans-serif;
}
.dropdown
{
font-family: Arial, Helvetica, sans-serif;
}
.fancyradiobutton
{
display: inline-block;
padding: 1px 1px;
width: auto; /* IE 7 input button fix */
overflow: visible; /* IE7 input button fix */
font: bold 12px sans-serif;
text-decoration: none;
outline: none;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
-moz-transition: -moz-box-shadow 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out;
transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.fancyradiobutton:active
{
position: relative;
top: 1px;
}
.blueRadio
{
border: 1px solid #1883a3;
color: #ffffff;
background: #21b4e2 url(grad-blue.svg) 0 0 no-repeat;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
background: -moz-linear-gradient(top, #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7deed), color-stop(50%,#71ceef), color-stop(51%,#21b4e2), color-stop(100%,#b7deed)); /*height: 20px;*/
}
.blueRadio:hover
{
color: #ffffff;
background: #4fc1e3 url(grad-blue-hover.svg) 0 0 no-repeat;
background: -moz-linear-gradient(top, #e6ebed 0%, #a1dbf0 50%, #4fc1e3 51%, #e6ebed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6ebed), color-stop(50%,#a1dbf0), color-stop(51%,#4fc1e3), color-stop(100%,#e6ebed));
-webkit-box-shadow: 0 0 12px #21b4e2;
-moz-box-shadow: 0 0 12px #21b4e2;
box-shadow: 0 0 12px #21b4e2;
}
.fancybutton:active
{
position: relative;
top: 1px;
}
/* Button Colours */
.fancybutton
{
display: inline-block;
padding: 7px 12px;
width: auto; /* IE 7 input button fix */
overflow: visible; /* IE7 input button fix */
font: bold 14px arial;
text-decoration: none;
outline: none;
cursor: pointer;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
-moz-transition: -moz-box-shadow 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out;
transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.fancybutton:active
{
position: relative;
top: 1px;
}
/* Button Colours */
.white
{
border: 1px solid #adadad;
color: #000000;
background: #ffffff url(grad-white.svg) 0 0 no-repeat;
text-shadow: 1px 1px 0 rgba(255,255,255,0.8);
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
}
.white:hover
{
color: #000000;
background: #ededed url(grad-white-hover.svg) 0 0 no-repeat;
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff));
-webkit-box-shadow: 0 0 12px #cccccc;
-moz-box-shadow: 0 0 12px #cccccc;
box-shadow: 0 0 12px #cccccc;
}
.black
{
border: 1px solid #000000;
color: #ffffff;
background: #000000 url(grad-black.svg) 0 0 no-repeat;
background: -moz-linear-gradient(top, #878787 0%, #515151 50%, #000000 51%, #131313 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#878787), color-stop(50%,#515151), color-stop(51%,#000000), color-stop(100%,#131313));
}
.black:hover
{
color: #ffffff;
background: #333333 url(grad-black-hover.svg) 0 0 no-repeat;
background: -moz-linear-gradient(top, #b7b7b7 0%, #828282 50%, #333333 51%, #444444 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7b7b7), color-stop(50%,#828282), color-stop(51%,#333333), color-stop(100%,#444444));
-webkit-box-shadow: 0 0 12px #666666;
-moz-box-shadow: 0 0 12px #666666;
box-shadow: 0 0 12px #666666;
}
.orange
{
border: 1px solid #d19900;
color: #ffffff;
background: #f8b500 url(grad-orange.svg) 0 0 no-repeat;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93));
height: 38px;
}
.orange:hover
{
color: #ffffff;
background: #f7c331 url(grad-orange-hover.svg) 0 0 no-repeat;
background: -moz-linear-gradient(top, #fcf8ed 0%, #fcdb81 50%, #f7c331 51%, #faecc5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf8ed), color-stop(50%,#fcdb81), color-stop(51%,#f7c331), color-stop(100%,#faecc5));
-webkit-box-shadow: 0 0 12px #f7c331;
-moz-box-shadow: 0 0 12px #f7c331;
box-shadow: 0 0 12px #f7c331;
}
.blue
{
color: #ffffff;
background: #0055a5;
}
.blue:hover
{
color: #ffffff;
background: #4fc1e3 url(grad-blue-hover.svg) 0 0 no-repeat;
background: -moz-linear-gradient(top, #e6ebed 0%, #a1dbf0 50%, #4fc1e3 51%, #e6ebed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6ebed), color-stop(50%,#a1dbf0), color-stop(51%,#4fc1e3), color-stop(100%,#e6ebed));
-webkit-box-shadow: 0 0 12px #21b4e2;
-moz-box-shadow: 0 0 12px #21b4e2;
box-shadow: 0 0 12px #21b4e2;
}
.blueLogout
{
border: 1px solid #1883a3;
color: #ffffff;
background: #21b4e2 url(grad-blue.svg) 0 0 no-repeat; /*background-image: url("grad-blue.svg");*/
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
background: -moz-linear-gradient(top, #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%);
background: #21b4e2 url('grad-blue.svg') no-repeat 0 0;
}
.blueLogout:hover
{
color: #ffffff;
background: #4fc1e3 url(grad-blue-hover.svg) 0 0 no-repeat;
background: -moz-linear-gradient(top, #e6ebed 0%, #a1dbf0 50%, #4fc1e3 51%, #e6ebed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6ebed), color-stop(50%,#a1dbf0), color-stop(51%,#4fc1e3), color-stop(100%,#e6ebed));
-webkit-box-shadow: 0 0 12px #21b4e2;
-moz-box-shadow: 0 0 12px #21b4e2;
box-shadow: 0 0 12px #21b4e2;
}
.green
{
border: 1px solid #507800;
color: #ffffff;
background: #72aa00 url(grad-green.svg) 0 0 no-repeat;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d));
}
.green:hover
{
color: #ffffff;
background: #a5cc51 url(grad-green-hover.svg) 0 0 no-repeat;
background: -moz-linear-gradient(top, #ebf2c6 0%, #b7db5e 50%, #a5cc51 51%, #d5ed95 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf2c6), color-stop(50%,#b7db5e), color-stop(51%,#a5cc51), color-stop(100%,#d5ed95));
-webkit-box-shadow: 0 0 12px #72aa00;
-moz-box-shadow: 0 0 12px #72aa00;
box-shadow: 0 0 12px #72aa00;
}
.CompletionListCssClass
{
font-size: 11px;
color: #000;
padding: 3px 5px;
border: 1px solid #999;
background: #fff;
width: 300px;
float: left;
z-index: 1;
position: absolute;
margin-left: 0px;
}
.completionList
{
border: solid 1px #444444;
margin: 0px;
padding: 2px;
height: 100px;
overflow: auto;
background: #fff;
z-index: 0;
}
.listItem
{
color: #666666;
}
.itemHighlighted
{
background-color: #99CCFF;
}
.accordionHeader
{
border: 1px solid #2F4F4F;
color: white;
background-color: #2E4d7B;
font-family: Arial, Sans-Serif;
font-size: 12px;
font-weight: bold;
padding: 5px;
margin-top: 5px;
cursor: pointer;
}
.accordionContent
{
background-color: #D3DEEF;
border: 1px dashed #2F4F4F;
border-top: none;
padding: 5px;
padding-top: 10px;
}
.accordionLink
{
background-color: #D3DEEF;
color: #FFFFFF;
}
.popupControl
{
background-color: #AAD4FF;
position: absolute;
visibility: hidden;
border-style: solid;
border-color: Black;
border-width: 2px;
}
.modalBackground
{
background-color: Gray;
filter: alpha(opacity=60);
opacity: 0.60;
}
.modalPopup
{
background-color: white;
border-width: 3px;
border-style: solid;
border-color: Gray;
padding: 20px;
overflow: auto;
}
.modalPopupInside
{
background-color: white;
border-width: 3px;
border-style: solid;
border-color: Gray;
padding: 20px;
}
.mGrid
{
width: 100%;
background-color: #fff;
margin: 5px 0 10px 0;
border: solid 1px #525252;
border-collapse: collapse;
}
.mGrid td
{
padding: 2px;
border: solid 1px #c1c1c1;
color: #717171;
}
.mGrid th
{
padding: 4px 2px;
color: #fff;
background: #424242 url(grd_head.png) repeat-x top;
border-left: solid 1px #525252;
font-size: 0.9em;
}
.mGrid .alt
{
background: #fcfcfc url(grd_alt.png) repeat-x top;
}
.mGrid .pgr
{
background: #424242 url(grd_pgr.png) repeat-x top;
}
.mGrid .pgr table
{
margin: 5px 0;
}
.mGrid .pgr td
{
border-width: 0;
padding: 0 6px;
border-left: solid 1px #666;
font-weight: bold;
color: #fff;
line-height: 12px;
}
.PageNumber
{
font-family: Verdana, Arial, Helvetica;
font-size: 12px;
color: White;
font-weight: bold;
}
.PagerStyle
{
width: 950px;
color: White;
height: 36px;
background-image: url(Images/photonav2r.gif);
background-repeat: no-repeat;
margin-bottom: 5px;
text-align: center;
}
.comboBoxInsideModalPopup
{
position: relative;
}
.comboBoxInsideModalPopup ul
{
position: absolute !important;
left: 2px !important;
top: 20px !important;
z-index: 100503 !important;
}
.BubblePopup
{
position: relative !important;
}
.PanelPopup
{
z-index: 20 !important;
}
.newheaderlink
{
float: left;
color: white;
font-family: Arial;
text-decoration: none;
display: block;
min-height: 100%; /* for the latest browsers which support min-height */
height: auto !important; /* for newer IE versions */
height: 100%; /* the only height-related attribute that IE6 does not ignore */
}
.newheaderlink:hover
{
float: left;
color: #1e4094;
font-family: Arial;
text-decoration: none;
background-color: White;
min-height: 100%; /* for the latest browsers which support min-height */
height: auto !important; /* for newer IE versions */
height: 100%; /* the only height-related attribute that IE6 does not ignore */
display: block;
}
.DragPanel
{
background-color: Gray;
}
div.MaskedDiv
{
visibility: hidden;
position: absolute;
left: 0px;
top: 0px;
font-family: verdana;
font-weight: bold; /*padding:40px;*/
z-index: 100503;
background-image: url(Images/Mask.png); /* ieWin only stuff */
_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='Mask.png');
filter: alpha(opacity=70);
opacity: 0.7;
}
div.ModalPopupTEST
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal; /*background-color: #CCCCCC; */
position: absolute; /* set z-index higher than possible */
z-index: 100504;
visibility: hidden;
color: Black; /*border-style: solid; border-color: #999999; border-width: 1px;*/
width: auto;
height: auto;
}
#container {
display: table;
}
#row {
display: table-row;
}
#left, #right, #middle, middle2 {
display: table-cell;
}
.DetailPatientcol1
{
font-family: Arial;
font-size: 10pt;
color: #213F99;
text-align: left;
display: block;
float: left;
width: 75px;
vertical-align: top;
}
.DetailPatientcol2
{
/*width: 260px;*/
display: block;
float: left;
width: 300px;
text-align: left;
vertical-align: top;
}
.taken
{
font-family:Arial;
color: Red;
}
.available
{
font-family:Arial;
color:Green;
}
.hidden
{
display: none;
}
/*GridView---------------------------------------------*/
.gridview
{
width: 100%;
border: 1px solid black;
background: white;
text-align: left;
}
.gridview th
{
text-align: center;
background: #013b82;
color: white;
}
.gridview .pager
{
text-align: center;
background: #013b82;
color: White;
font-weight: bold;
border: 1px solid #013b82;
}
.gridview .pager a
{
color: #666;
}
.gridview a
{
text-decoration: none;
color: White;
}
.gridview a:hover
{
color: Silver;
}
.gridview .sortedasc
{
background-color: #336699;
}
.gridview .sortedasc a
{
padding-right: 15px;
background-image :url(../images/up_arrow.png);
background-repeat: no-repeat;
background-position: right center;
}
.gridview .sortedasc a:hover
{
color:blue;
}
.gridview .sorteddesc
{
background-color: #336699;
}
.gridview .sorteddesc a
{
padding-right: 15px;
background-image :url(../images/down_arrow.png);
background-repeat: no-repeat;
background-position: right center;
}
.gridview .sorteddesc a:hover
{
color:blue;
}
.gridview .alternating
{
background: #d8d8d8;
}
/*-----------------------------------------------------*/
/*SubGridView------------------------------------------*/
.subgridview
{
width:80%;
border: none;
text-align:left;
margin: 0px 0px 5px 25px;
background: whitesmoke;
}
.subgridview th {
background: silver;
color: Black;
}
.InventoryPanel {
padding: 12px;
}