/*========================================================*/
/* 1. Universal */
/*========================================================*/

body
{
    background: url('../images/royal_logo.jpg' );
    background-repeat: no-repeat;
    font-family: Verdana, Arial, Helvetica, Sans;
    font-size: 12px;
    line-height: 110%;
    color: Black;
    behavior: url("stylesheets/csshover3.htc");
    
}

#Page
{
left:0;
right:0;
margin: 0px auto 0px 5px;
top:0px;
max-width:937px;
}

#Content
{
position:absolute;
left:5px;
right:5px;
top:110px;
padding: 0px 0px 0px 0px;
max-width:937px;
}


fieldset{
display:block;
border-width:1px;
border-color:Black;
margin-left:0;
padding: 3px 3px 3px 3px;
width:100%;
}




.table_color
{
line-height: normal;
margin: 0px auto 0px auto;
background-color: #D3F0F9;
padding-top:2px;

}

table, tr, td
{
line-height: normal;
padding:2px 2px 2px 2px;
}


th
{
    padding:2px 4px 3px 4px;
    background-color:Navy;
    color:White;
}

.public
{
font-family: Arial, Helvetica, Sans;
font-weight: normal;
line-height: normal;
margin: 0px auto 0px auto;
}

input,select,textarea
{
font-weight: bold;
font-family: Verdana, Arial, Helvetica, Sans;
color:black;
}


.watermark
{
font-family: Verdana, Arial, Helvetica, Sans;
font-weight: bold;
color:red;
}



/* Headings */
h1, h1 .head
{
font-weight: 700;
line-height: 28px;
color: #008000;
border: none;
vertical-align: top;
width: 100%;
margin-bottom: 10px;
}



.mybutton
{
font-family: Verdana, Arial, Helvetica, Sans;
font-size: 11px;
background-color:red;
color: White;
padding: 2px 2px 3px 2px;
border: solid 1px white;
text-decoration:none;
font-weight:bold;
filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#FF0000',EndColorStr='#800080');
width: 0;  /* IE table-cell margin fix */
overflow: visible;
}

.mybutton[class] {  /* IE ignores [class] */
    width: auto;  /* cancel margin fix for other browsers */
}

.mybutton:hover
{
font-family: Verdana, Arial, Helvetica, Sans;
font-size: 11px;
background-color:navy;
color: White;
padding: 2px 2px 3px 2px;
border: solid 1px green;
cursor:hand;
color:Yellow;
filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#0000FF',EndColorStr='#800080');
}

.mybutton2
{
font-family: Verdana, Arial, Helvetica, Sans;
font-size: 11px;
background-color:red;
color: White;
padding: 2px 2px 3px 2px;
border: solid 1px white;
text-decoration:none;
font-weight:bold;
filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#FF0000',EndColorStr='#800080');
width: 0;  /* IE table-cell margin fix */
overflow: visible;
}

.mybutton2[class] {  /* IE ignores [class] */
    width: auto;  /* cancel margin fix for other browsers */
}

.mybutton2:hover
{
font-family: Verdana, Arial, Helvetica, Sans;
font-size: 11px;
background-color:navy;
color: White;
padding: 2px 2px 3px 2px;
border: solid 1px green;
text-decoration:underline;
filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#0000FF',EndColorStr='#800080');
}




.basket
{
    position:relative;
    float:right;
    background-image: url('../images/cart.gif');
    background-position: right top;
    background-repeat: no-repeat;
    color: yellow;
    display: block;
    background-color: Navy;
    padding: 2px 2px 2px 2px;
    text-align: left;
    width: 200px;
    top:-7px;
    height:24px;
    right:0px;
    font-weight:normal;
}

.basket:hover
{
    color: White;
    background-color: blue;
    cursor:hand;
}

.salesrep_customer
{
    background-position: left;
    background: url('../images/capture.jpg' );
    background-repeat: repeat-x;
    position:absolute;
    color: yellow;
    display: block;
    background-color: Navy;
    text-align: left;
    width: 453px;
    top:40px;
    left:308px;
    height:22px;
    font-weight:normal;
    border:1px solid #648ABD;
    z-index:1000;
    vertical-align:middle;   
}

.salesrep_supermarket
{
    position:absolute;
    top:11px;
    left:403px;
}


.user_name
{
    position:absolute;
    top:93px;
    left:124px;
    color: navy;
    font-size:11px;
    z-index:-99;
    white-space:nowrap;
}


.ma
{
font-family: Verdana, Arial, Helvetica, Sans;
font-size: 11px;
color: White;
background-color:blue;
padding: 2px 2px 3px 2px;
border: solid 1px yellow;
overflow: visible;
filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#006600',EndColorStr='#33cc33');
width: 0;  /* IE table-cell margin fix */
overflow: visible;
}

.ma[class] {  /* IE ignores [class] */
    width: auto;  /* cancel margin fix for other browsers */
}

.ma:hover
{
font-family: Verdana, Arial, Helvetica, Sans;
font-size: 11px;
font-weight: bold;
color: Black;
cursor: pointer;
padding: 0px 4px 0px 4px;
border: solid 1px white;
overflow: visible;
text-decoration: underline;
filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffff',EndColorStr='#99ccff');
}


.mb
{
font-family: Verdana, Arial, Helvetica, Sans;
font-size: 11px;
/*background-color:blue;*/
color: Yellow;
padding: 0px 4px 0px 4px;
border: solid 1px white;
overflow: visible;
filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#000099',EndColorStr='#99ccff');
width: 0;  /* IE table-cell margin fix */
overflow: visible;
height:22px;
}

.mb[class] {  /* IE ignores [class] */
    width: auto;  /* cancel margin fix for other browsers */
}

.mb:hover
{
font-family: Verdana, Arial, Helvetica, Sans;
font-size: 11px;
/*background-color:#33CC33;*/
color: White;
cursor: pointer;
padding: 0px 4px 0px 4px;
border: solid 1px green;
filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffff',EndColorStr='#99ccff');
height:22px;
}





.submenu
{
font-family: Verdana, Arial, Helvetica, Sans;
font-weight: bold;
padding:10px 5px 5px 5px;
color: Black;
border: solid 1px white;
background-color:White;
width:110px;
}


.title_table
{
padding:0px 0px 0px 0px;
border:none;
z-index:-100;
}

.title_order_history
{
padding:0px 0px 0px 0px;
border:none;
}

.title_column
{
    padding: 2px;
    background-position: left;
    background: url('../images/capture.jpg' );
    background-repeat: repeat-x;
    text-align: left;
    font-family: Arial, Helvetica, Sans;
    margin: 0px 0px 0px 0px;
    color: white;
    font-weight: bold;
    font-size: medium; 
   /* display: block;*/
}

.ro
{
font-family: Verdana, Arial, Helvetica, Sans;
font-weight: bold;
color:Blue;
}

.ahrefhidden
{
color: Black;
text-decoration: none;
font-size: x-small;
vertical-align: super;
}


h2 {font-size: 16px; font-weight: 700; line-height: 18px; color:Navy; border: none; letter-spacing: -1px;font-family: Arial, Helvetica, Sans; }
h3 {font-size: 22px; font-weight: 700; line-height: 16px; color: #382327; border: none; letter-spacing: -1px;font-family: Arial, Helvetica, Sans; }
h4 {font-size: 12px; font-weight: 700; line-height: 14px; color: #004626; border: none;font-family: Arial, Helvetica, Sans; }
h5 {font-size: 11px; font-weight: 700; line-height: 14px; color: #666666; border: none;font-family: Arial, Helvetica, Sans; }
h6 {font-size: 14px ; line-height: 140%; color: navy; border: none;font-family: Arial, Helvetica, Sans; }


/*========================================================*/
/* 3. Classes
/*========================================================*/

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.dummy { display: none; }

.user_greeting
{
color: Black ;
font-weight:bold;
font-size: 16px;
line-height:120%;
padding: 5px 5px 5px 5px;
}

.greeting_div
{
padding: 7px 7px 7px 7px;
}

.table_view
{
border: solid 1px black;
}

.new_docket_error
{
width:80%;
}

.grid_row
{
font-weight:bold;
}


.specbox
{
border: solid 9px black;
}




.Welcome
{
text-align:left;
border: solid 1px gray;
font-family: Verdana, Arial, Helvetica, Sans;
font-size: 12px;
font-weight: bold;
line-height: 140%;
color: Black;
overflow:hidden;
padding: 8px 8px 8px 8px;
/*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, StartColorStr=#FFFFFF, endColorStr=#C7953E)
progid:DXImageTransform.Microsoft.Alpha(Opacity=50, FinishOpacity=10, Style=1, StartX=100, FinishX=100, StartY=100, FinishY=0);
*/
}


.AddressBox
{
height:100px;
width:285px;
text-align:left;
border:none 0px white;
font-family: Verdana, Arial, Helvetica, Sans;
font-size: 12px;
font-weight: bold;
line-height: 120%;
color: blue;
overflow:hidden;
padding: 2px 2px 2px 2px;
/*
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, StartColorStr=#FFFFFF, endColorStr=#C7953E)
progid:DXImageTransform.Microsoft.Alpha(Opacity=50, FinishOpacity=10, Style=1, StartX=100, FinishX=100, StartY=100, FinishY=0);
*/

}


.error_msg
{
color: red;
font-weight:bold;
font-size:smaller;
}

/*---------- bubble tooltip -----------*/
a.tt{
position:relative;
z-index:24;
color:#3CA3FF;
font-weight:bold;
text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff;}
a.tt:hover span.tooltip
{
display: block;
position: absolute;
top: 0px;
left: 0;
padding: 15px 0 0 0;
width: 200px;
color: black;
text-align: center;
filter: alpha(opacity:100);
khtmlopacity: 1;
mozopacity: 1;
opacity: 1;
}

a.tt:hover span.top{
display: block;
padding: 30px 8px 0;
background: url("../images/bubble.gif") no-repeat top;
}

a.tt:hover span.middle{ /* different middle bg for stretch */
display: block;
padding: 0 8px;
background: url("../images/bubble_filler.gif") repeat bottom;
}
a.tt:hover span.bottom{
display: block;
padding:3px 8px 10px;
color: #548912;
background: url("../images/bubble.gif") no-repeat bottom;
}



/* Text Box with Rounded Corners: */
.tb-rounded {
border:0;
background: transparent url(rounded.gif) no-repeat top left;
height: 22px;
width: 230px;
padding-top:2px;
}

/* Text Box with Gradient: */
.tb-gradient {
border:0;
background: transparent url(gradient.gif) no-repeat top left;
height: 22px;
width: 230px;
padding-top:2px;
}

.hidden {display:none}

.Normal,
.normal { font-family: Verdana, Arial, Helvetica, Sans; font-size: 12px; font-weight: normal; color: #333; line-height: 120%; }

.SubHead { font-family: Verdana, Arial, Helvetica, Sans; font-size: 12px; font-weight: bold; color: #333; line-height: 120%; }
span.SubHead { font-size: 9px; margin:0; padding:0; }
span.SubHead br { display: none; }
.font-family { font-family: Verdana, Arial, Helvetica, Sans; font-size: 12px; font-weight: bold; color: #777; line-height: 120%; background: transparent; }

.modalbackground
{
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:.70;
}




.menu_label
{
font-family: Arial, Helvetica, Sans;
font-size: 12px;
background-color:#99ccff;
width:120px;
color: black;
border: solid 1px gray;
display:block;
padding:2px;
filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffff',EndColorStr='#0099ff');
}

.menu_item
{
font-family: Arial, Helvetica, Sans;
font-weight:normal;
font-size: 12px;
width:120px;
color: White;
background-color:navy;
border: solid 1px gray;
padding:2px;
filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#000066',EndColorStr='#0000ff');
}

.menu_item:hover
{
    font-family: Arial, Helvetica, Sans;
    font-size: 12px;
    font-weight: normal;
    background-color: blue;
    width: 120px;
    color: black;
    border: solid 1px gray;
    padding: 2px;
    filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffff',EndColorStr='#00cc00');
}


.info
{
position:relative;           /*this is the key*/
z-index:24;
text-decoration:none;
}

.info:hover
{
position:relative;           /*this is the key*/
z-index:24;
cursor:default;
text-decoration:none;
}
    
.info span
{
display:none;
}

.info:hover span
{
display:block;
position:absolute;
top: -4.5em;
left: 5em;
border:1px solid #ff0000;
background-color:#ffff99;
color:#000000;
text-align: left;
font-size: .9em;
font-style:italic;
z-index:30;
padding:2px 2px 2px 2px;
}


.upload 
{
    background-color:White;
}

.IE8Fix 
{ 
    z-index: 1000; 
}

.updating
{position:absolute;
 top:10px;
 right:12px;}
 
 
.popup
 {
      background-color:White;
   color:Black;
   padding:5px 5px 5px 5px;
   border:solid 1px navy;
   }

.popup_background
{
 background-color: grey;
filter: alpha(opacity=50);
opacity: 0.5;
}

.report 
{
    background-image: url('../images/report.png');
    background-position: right center;
    background-repeat: no-repeat;
    color: yellow;
    display: block;
    background-color:navy;
    padding: 5px 33px 2px 4px;
    height:19px;
    text-align:right;
    font-size:small;
    font-weight:normal;    
}
.report:hover
{color:White;}

.report2
{color: yellow;}

.report2:hover
{color:White;}

.page_title
{
    padding: 2px 5px 2px 5px;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, Sans;
    margin: 0px 0px 0px 0px;
    color: yellow;
    font-weight: bold;
    font-size: 16px;
    padding: 0px 0px 0px 0px;
    max-width: 937px;
    width: 100%;
    border-bottom: solid 1px white;
    background-color:navy;
    height:38px;
}

.MyCalendar .ajax__calendar_container {
    border:1px solid navy;
    background-color: white;
    color: navy;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}
.MyCalendar .ajax__calendar_body table tr td { padding: 0px; }
.MyCalendar .ajax__calendar_title  {width:auto;}

.grid_row td
{
    border: 1px solid #3399FF;
}



.msave
{
font-family: Verdana, Arial, Helvetica, Sans;
font-size: 9px;
/*background-color:blue;*/
color: White;
padding: 0px 4px 0px 4px;
overflow: visible;
filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#000099',EndColorStr='#99ccff');
/* IE table-cell margin fix */
overflow: visible;
}

.msave[class] {  /* IE ignores [class] */
    width: auto;  /* cancel margin fix for other browsers */
}

.msave:hover
{
font-family: Verdana, Arial, Helvetica, Sans;
font-size: 9px;
/*background-color:#33CC33;*/
color: Black;
cursor: pointer;
padding: 0px 4px 0px 4px;
filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffff',EndColorStr='#99ccff');
}