/*

IMPORTANT NOTES: (PLEASE READ CAREFULLY!)

1. DO NOT MODIFY the system styles section, it is generated by the system,
   your modifications will be overwritten. If you want to change the stylesheet
	 template, modify the ew.css in the "themes" subfolder under the installed
	 directory. Only modify the ew.css if you have the necessary knowledges in
	 CSS.
	 
2. DO NOT REMOVE THE FOLLOWING COMMENTS:
   
   BEGIN_USER_STYLES
   END_USER_STYLES
	 
	 You MUST write your styles between these two comment lines below, styles
   outside this user styles section will be discarded.
	 
3. If you want to override the system styles, you can copy the styles to the
   User Styles Section, or you can use a separate user stylesheet.

*/

/*BEGIN_SYSTEM_STYLES*/

html {
	height: 100%;
}

body {
	background-color: inherit; /* background color */
	color: inherit; /* text color */
	font-family: Arial; /* font name */
	font-size: small; /* font size */
	margin: 0; /* top right bottom left */
	height: 100%;
}

.aspmaker {
	color: inherit; /* text color */
	font-family: Arial; /* font name */
	font-size: small; /* font size */	
}

input, textarea, select {	
	font-family: Arial; /* font name */
	font-size: small; /* font size */
} 

a:active {
	color: ; /* active link color */
}

a:link {
	color: ; /* link color */
}

a:visited {
	color: ; /* visited link color */
}

/* Menu */
ul.ewMenuBarVertical {
	list-style-type: none;
	list-style-position: outside;
	padding: 2px;
	margin: 0 0 0 6px;
}

ul.ewMenuBarVertical ul,li {
	list-style-type: none;
	list-style-position: outside;
	padding: 0;
	margin: 0 0 0 6px;
}

/* template layout */
.ewLayout {
	font-family: Arial; /* font name */
	font-size: small; /* font size */
	width: 100%;
	height: 100%;
}

.ewHeaderRow {
	background-color: #336699; /* background color */	
}

.ewContentTable {
	font-family: Arial; /* font name */
	font-size: small; /* font size */
	width: 100%;
	height: 100%;
	clear: left;
}

.ewMenuColumn {
	background-color: #BBAA77; /* background color */
	width: 180px;
	vertical-align: top;
	padding: 1px;	
}

.ewContentColumn {
	background-color: inherit; /* background color */
	vertical-align: top;
	padding: 10px;
}

.ewFooterRow {
	background-color: #778888; /* background color */
	color: #FFFFFF; /* footer font color */	
	padding: 4px;
}

.ewFooterText {
	font-family: Arial; /* font name */
	font-size: small; /* font size */	
}

.ewForm {
	margin: 0;
	padding: 0;
}

.ewGrid {
	border-collapse: separate;
}

.ewGrid .ewGridContent {
	padding: 0;	
	border: 1px solid #9F9F9F; /* grid border */			
}

/* grid pager panel */
.ewGridUpperPanel, .ewGridLowerPanel {
	padding: 3px;	
	border-left: 0;
	border-right: 0;	
	background-color: inherit; /* grid header color */
	color: #284775;	 /* grid header font color */
	font-family: Arial; /* font name */
	font-size: small; /* font size */			
}

.ewGridUpperPanel {
	border-top: 0px;
	border-bottom: 1px solid;
	border-color: #9F9F9F; 
}

.ewGridMiddlePanel {
	border: 0;	
}

.ewGridLowerPanel {
	border-top: 1px solid;
	border-bottom: 0px; 
	border-color: #CFCFCF; 
}

.ewGridUpperPanel td, .ewGridLowerPanel td {
	color: #284775;	 /* grid header font color */
	font-family: Arial; /* font name */
	font-size: small; /* font size */			
}

.ewPager td {
	white-space: nowrap;	
}

.ewTabContent {
	padding: 0;
	border: 0;
}

.ewMultiColumnTable {
	border: 0;
}

.ewMultiColumnTable td {
	padding: 10px;
}

/* main table */
.ewTable {
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	width: 100%;
	font-family: Arial; /* font name */
	font-size: small; /* font size */			
}

.ewTableSeparate {	
	border-collapse: separate;		
}

.ewTable td {
	padding: 3px; /* cell padding */
	border-bottom: 0px solid; /* border width, horizontal grid line */
	border-top: 0px;
	border-left: 0px;
	border-right: 1px solid; /* border width, vertical grid line */
	border-color: #CFCFCF;  /* border color */
}

.ewTableAddOpt {
	border: 0;
	border-spacing: 0;
	font-family: Arial; /* font name */
	font-size: small; /* font size */			
}

.ewTableAddOpt td {
	padding: 3px; /* cell padding */
	border: 0;
}
	
.ewTable .ewTableHeader, .ewTable .ewTableHeader td {
	background-color: #778888;	/* header bgcolor */
	color: #FFFFFF; /* header font color */
	border-bottom: 1px solid; /* header border width */
	border-right: 1px solid; /* header border width */
	border-color: #9F9F9F; /* header border color */	
	background-image: url(images/none); /* header bg image */
	background-repeat: repeat-x;		
	vertical-align: top; 	
}

.ewPointer {
	cursor: pointer;
}

.ewTableHeader a:link, .ewTableHeader a:active, .ewTableHeader a:visited {	
	color: #FFFFFF; /* header font color */
	text-decoration: none;	
}

.ewTableHeaderBtn {
	width: 100%;
	font-family: Arial; /* font name */
	font-size: small; /* font size */				
}

.ewTableHeader .ewTableHeaderBtn td {
	background: transparent;
	padding: 0;
	border: 0;
	white-space: nowrap;		
}

/* main table row color */
.ewTableRow {
	background-color: #FFFFFF;  /* alt row color 1 */
	color: inherit;
}

/* main table alternate row color */
.ewTableAltRow {
	background-color: #F7F6F3; /* alt row color 2 */
	color: inherit;	
}

/* main table last row */
.ewTableLastRow td {
	border-bottom: 0px;
}

/* main table edit mode row color */
.ewTableEditRow {
	background-color: #FFFF99; /* edit mode color */
	color: inherit;
}

/* main table highlight color */
.ewTableHighlightRow {
	background-color: #FFFFCC; /* highlight color */
	color: inherit;
}

/* main table select color */
.ewTableSelectRow {
	background-color: #8D8D8D; /* select color */
	color: #FFFFFF;
}

/* main table footer */
.ewTableFooter {
	background-color: #EAEAEA; /* footer color */
	color: inherit;
}

/* table for export to HTML */
.ewExportTable {
    border-collapse: collapse;
    empty-cells: show; 
}

.ewExportTable td {
    padding: 3px; /* cell padding */
    border: 1px solid #C0C0C0;
}

.ewBasicSearch {
	font-family: Arial; /* font name */
	font-size: small; /* font size */
	border: 0px;
	border-collapse: collapse;
}

.ewBasicSearch td {
	border: 0px;
	padding: 2px;
}

.ewSearchOpr {
	font-family: Arial; /* font name */
	font-size: small; /* font size */
	float: left;
	color: maroon;
}

.ewItemTable td {
	color: inherit; /* text color */
	font-family: Arial; /* font name */
	font-size: small; /* font size */
	border: 0px;
	padding: 0px;
	vertical-align: top; 
}

/* separator */
.ewSeparator {
    color: gray;
}

/* classes for report */
.ewReportTable {
    border: 0px;
    border-collapse: collapse;
}

.ewReportTable td {
    padding: 3px;
}

.ewGroupField {
	font-weight: bold;
}

.ewGroupName {
	font-weight: bold;
}

.ewGroupHeader {
	border-bottom: 3px double Gray;
	border-top: 3px double Gray;
}

.ewGroupSummary {
	border-top: 1px solid Gray;
} 

.ewGroupAggregate {
	font-weight: bold;
}

.ewGrandSummary {
	border-top: 1px solid Gray;
}

/* message */
.ewMessage {
	color: red; /* message color */
	font-family: Arial; /* font name */
	font-size: small; /* font size */	
}

/* required field indicator */
.ewRequired {
	color: red; /* message color */
	font-family: Arial; /* font name */
	font-size: small; /* font size */	
}

/* highlight */
.ewHighlightSearch {
	font-weight: bold;
	background-color: yellow;
}

/* Template */
.ewTemplate {
	display: none;
}

/* YUI TabView */
.yui-skin-sam .yui-navset .yui-nav  {
	font-family: Arial; /* font name */
	font-size: small; /* font size */	
}

.yui-skin-sam .yui-navset .yui-content {
	padding: 0;
	border: 0;
}

/* .yui-navset defaults to .yui-navset-top */
.yui-skin-sam .yui-navset .yui-nav,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav { /* protect nested tabviews from other orientations */
	border-width: 0;
}

/* *** A8 *** */
.yui-skin-sam .yui-navset .yui-nav a,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a {
	background: #F5F5F5 url(images/mediumgray.png) repeat-x; /* tab background */
	color: #000;
	border: solid #a3a3a3; /* tab left/right border color */
	border-width: 0 1px;
}

/* *** A8 *** */
.yui-skin-sam .yui-navset .yui-nav a em,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em {
	border: solid #a3a3a3; /* tab top border color */
	border-width: 1px 0 0;
}

/* *** A8 *** */
.yui-skin-sam .yui-navset .yui-nav a:hover,
.yui-skin-sam .yui-navset .yui-nav a:focus {
	background: #F0FFFF url(images/liteblue.png); /* highlighted tab background */
}

/* *** A8 *** */
.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-skin-sam .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
	background: #B1174D url(images/red.png); /* selected tab background */
	color: #FFFFFF;
}

/* *** A8 *** */
.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a em {
	border-color: #243356; /* selected tab border color */
}


/* YUI Button */
.yui-skin-sam .yui-button button, .yui-skin-sam .yui-button a {   
  font-size: small; /* font size */
}

/* YUI Panel */
.yui-skin-sam .yui-panel .hd {    
	font-size: small; /* font size */
	line-height: 2.5;     
}

/* Auto-Suggest */
.yui-skin-sam .yui-ac { /* DO NOT CHANGE! */
	position: relative; 
}

.yui-skin-sam .yui-ac-input { /* DO NOT CHANGE! */
	position: relative;
	width: auto;
}

.yui-skin-sam .yui-ac-content ul{
	font-family: Arial; /* font name */
	font-size: small; /* font size */
	color: #000000; /* text color */ 
}

.ewUnmatched {
	background: #FF9F9F;
}

/* scrollable table */
.ewScrollableTable {
	*overflow-y: auto; /* for ie */
}

.ewScrollableTable thead tr {
	position: relative; /* for ie */
}

.ewScrollableTable .ewScrollableTableHeader {
	overflow: hidden;
	position: relative; /* for ie overflow bug http://rowanw.com/bugs/overflow_relative.htm */
}
/* scrollable table */

.ewLangForm {
    text-align: right;
}

/*END_SYSTEM_STYLES*/
/*BEGIN_USER_STYLES*/

/* your CSS styles here */  

/* changes to make site width and colors look professional */
body {
    min-width:600px;        /* Minimum width of layout - remove line if not required */
    }
                        
/* header test with domain url and slogan text */   

.logotext {
    color:#FFFFFF;
    font-size:200%;     
    font-weight:bold;
    margin:0;
    padding:10px;
    font-style: italic;
    text-align: right;                                  
}            
                                              
.sloganlogotext {
    color:#FFFFFF;           
    font-size:108%;
    font-style:italic;     
    margin: 0px 10px 0px 0px;     /* pushes left from the right edge */
    text-align:right;      
}                      

/* added a class for the logo itself using a div in the templete */
.logoimage img {
    padding: 0px;
    vertical-align: top;
    float: left;                  
    height:80px;
    width:265px;     /* to make it match the front page left column look */     
}                    

/* to make site header look correct with logo and new text */
.ewHeaderRow {                                        
    background-color:#336699;                     
    height:80px;  /* to match logo height */       
} 
                                   
/* for the welcome line under the menu */
.welcome {
    border-bottom:2px solid #BBAA77;
    color:#336699;
    float:none;
    font-weight:bold;
    padding:0px 5px 5px 0;
    margin-top: 5px;  /* padding was reacting wrong in ie for the top */
    text-align:right;          
    }
   
/* for my id modified report.php template file  */
      #News.ewReportTable .ewGroupHeader {
      display: none;                            
      }

      #News.ewReportTable .ewGrandSummary {
      display: none;
      }

/* menu related usinmg new v7 horizontal */

ul.MenuBarHorizontal a {
    color: white;  /* menu text */  
    font-weight:bold;
    }           
    
ul.MenuBarHorizontal a:hover,                           
ul.MenuBarHorizontal a:focus {          
    background-color: #38FF55;    /* light green color */    
    color: black;   
    }
    
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
    background-color:#38FF55;     
    color: black;    
    }                         

/* flip white and black arrows in menu */
ul.MenuBarHorizontal a.MenuBarItemSubmenu {
background-image:url(SpryMenuBarDownHover.gif);
background-position:95% 50%;
background-repeat:no-repeat;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {
background-image:url(SpryMenuBarRightHover.gif);
background-position:95% 50%;
background-repeat:no-repeat;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {
background-image:url(SpryMenuBarDown.gif);
background-position:95% 50%;
background-repeat:no-repeat;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {
background-image:url(SpryMenuBarRight.gif);
background-position:95% 50%;                    
background-repeat:no-repeat;                          
}
                                 
/* homepage - General styles */
/* homepage - column container */
    .colmask {
        position:relative;        /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
        clear:both;
        float:left;
        width:100%;            /* width of whole page */
        overflow:hidden;    /* This chops off any overhanging divs */
    }
/* hoempage - 2 column left menu settings */
    .leftmenu {
        /* background: lightgreen;  /* #FFD8B7;  */
    }
    .leftmenu .colright {
        float:left;
        width:200%;
        position:relative;
        left:200px;
        background:#fff;
    }
    .leftmenu .col1wrap {
        float:right;
        width:50%;
        position:relative;
        right:175px;
        padding-bottom:1em;
    }
    .leftmenu .col1 {
margin:0 40px 0 250px;
        position:relative;
        right:100%;
        overflow:hidden;
    }
    .leftmenu .col2 {
        float:left;
        width:225px;
        position:relative;
        right:200px;
        background-color: lightgreen;
 padding:0 10px 8px 20px;

    }

/* homepage - calendar css */
.caltable {
background-color:#98BF21;
border:3px solid #98BF21;
float:left;
font-family:verdana;
font-size:8px;     
margin-right:20px;
}

.caltd {
    width: auto; /* width:30px;  */   
    border-collpase:collpase;
    border:1px solid #888;
    text-align:right;
    padding-right:5px;
}

.caldays{
    background-color: #F1F3F5;
}

.calth {
    border-collpase:collpase;
    border:1px solid #888;
    background-color: #E9ECEF;
}

.calactday{
    background-color: #BBAA77;
    font-weight:bold;
    text-align:right;
    padding-right:5px;
}


/* homepage - left side css */

.menuul {
text-indent: 5px;
list-style-position: outside;
/* list-style-image: url(arrow.gif); */
list-style-type: square;
}

.menubullet {
    list-style: square outside; 
    color:red;
}

.menuhr {
color: #BBAA77;
background-color: #BBAA77;
height: 5px;
}


.shoppingcartbullet {
    background-color: yellow;
    list-style: circle outside; 
    color:black;
}

.orderbullet {
    list-style: square outside; 
    color:blue;
}

.menuselectionbullet {
    list-style: circle outside; 
    color:purple;
}







                                                 
/* the orderpage calendar formatting */

#tabcalendar {
    width:100%;  /* 800px;  */
    border:0px solid #888;    
    border-collapse:collapse;
}
                                
.tdordering {    /* days allowing ordering */       
    width:125px; /*   */
    height: 100px; /* 100%; /* 100px; */
    border-collpase:collpase;
    border:1px solid #888;               
    vertical-align: top;
    text-align: right;
    padding-left:2px;  
    padding-right:2px;     
}

.tdnoordering {    /* days not allowing ordering greyed out */        
    width:125px; /*   */
    height: 100px; /* 100%; /* 100px; */
    border-collpase:collpase;
    border:1px solid #888;
    vertical-align: top;
    text-align: right;         
    padding-left:2px;  
    padding-right:2px;
    background-color: lightgrey;      
}  

.trdays{             /* days of week at top */
    background-color: #778888;  /* #F1F3F5;  */
}
                                
.trdays td {          /* days of week at top */
    height:10px;  
    text-align: center; 
    border:1px solid black;
}

.thcalendar {
    border-collpase:collpase;
    border:1px solid #888;          
    background-color: #E9ECEF;   
    font-size: 18px;    
}                                                             

.clickedday {
    /* background-color: yellow; */        
    /* border: 5px double lightgreen; */
    /* font-weight:bold;  */
    background: lightgreen;
}         

.checkedday {     
background-image:url('images/BallotCheckMark2.png');
background-repeat:no-repeat;
background-position: top left;   /* center center;  /* top left */
   /* background-color: yellow;       */
}                    

.dailyorderfound {
background-image:url('images/BallotCheckMark2.png');
background-repeat:no-repeat;
background-position: bottom right;   /* center center;  /* top left */
   /* background-color: yellow;       */  
    height: 52px;   
}                    

.dailyordernotfound {
/* background-image:url('images/BallotCheckMark2.png'); */
/* background-repeat:no-repeat;  */
/* background-position: bottom right;   /* center center;  /* top left */
   /* background-color: yellow;       */  
   height: 52px;   
}                    

         
         
.cell {
width: auto;
height: auto;
}

.celldate {
    background-color: #EEEEEE transparent;
}

.cellcomment {
    text-align: left; 
    padding-left:2px;  
    padding-right:2px;
}

.cellbutton {  // holds the view menu button and vendor name
    margin: 0px auto 0px auto; 
    text-align: center;
}

.cellplaceorder {                
    text-align: center;
    padding-left:2px;  
    padding-right:2px;
}

.cellordered {
    background-color: green;              
    padding-left:2px;  
    padding-right:2px;
}

/* diner ordering screen styles */

#dinerline {
    font-size: 11px;    
}

#dinername {
font-size:23px;                  
font-style:normal;
font-weight:bold; 
width:175px;    /* this width keeps the ie from pushing green are down and calendar up */
}
 
#checkoutform {  // button on order page
background-color: inherit;
}

#checkoutbutton:hover {  // button on order page
    /* float: right; */
    background: orange;
    border: 1px solid #f00;
    background: #ff9933;  /* #ff6; */
    margin:0 0 0 100px;
}

#checkoutbutton {
    border: 1px solid #f00;
    background: #ffff33;  /* #eef;  */
    margin:0 0 0 100px;
}
           
/* dup button on bottom */
#checkoutform2 {  // button on order page
background-color: inherit;
}

#checkoutbutton2:hover {  // button on order page
    /* float: right; */
    background: orange;
    border: 1px solid #f00;
    background: #ff9933;  /* #ff6; */
    margin:0 0 0 0px;
}

#checkoutbutton2 {
    border: 1px solid #f00;
    background: #ffff33;  /* #eef;  */
    margin:0 0 0 0px;
}
            
            
            
.viewmenuform { // where the button below sits
    background-color: inherit;
    margin:0 0 0 0; /* -54%; */   
    text-align: right;
                                               
}

.viewmenubutton {  // button on menucalendar cells
    /* float: right; */                                               
    /* background: lightgreen; */
    border: 1px solid #f00;
    background: lightgreen;  /* #ff9933;  /* #ff6; */
    margin:0 0 0 100px;
}                                  

.viewmenubutton:hover {     
    border: 1px solid #f00;
    background: #ffff33;  /* #eef;  */
    margin:0 0 0 100px;
}

   
/* orderpage main layout */

#orderpagecontainer {
  background: white;

}

#orderpageheader {
  background: #E9ECEF;                        
  border:1px solid #888888;

}

#orderpagedetails {

background:lightgreen none repeat scroll 0 0;
height:auto;
left:0;
min-height:500px;         
position:inherit;
top:100px;
width:225px;   
padding:2px;
margin:1px 0 0;
border: 1px solid #888888;   
}                

#orderpagecalendar {        
  background: #fff;                            
height:auto;                         
left:243px;                                   
position:absolute;
top: 214px; /* 180px;  */                                        
width: 80%; 
}
     
/* the diner selector on the order page */                 
#dinerselect {          
    background: yellow;
}
                      
/* menu items listing in left green area */
.menuitemlisting { 
border: 1px solid #888888;   
margin:1px 0px 3px;                            
padding: 0px 5px;    
}

.menuitemlistingid {
color: red;
display: none;
}

.menuitemlistingname {
font-size: 120%; 
font-weight: bold;     
}  
                                    
.menuitemlistingdescr {
  background: white;           
  font-size: 70%;       
  padding: 0px 5px 0px 5px;
}  
                    
.menuitemlistingprice {        
float: right;
font-weight: bold;  
}

.menuitemlistingvendor {
 font-style: italic;                            
}
.menuitemlistingcat {                   
display: none;
}

.menuitemlistingstatus {
font-size: 70%;
}

                     
/* formatting for help system */
li {
list-style-position:outside;          
list-style-type:inherit;
margin:0 0 0 6px;
padding:0;                                  
}                    

/* on menucalendar page when viewing 7 across */
#gwp_menucalendar tr {
border: 1px solid #888888;   

}


/* spinner for add remove buttons */
.spinner {
//background-color: red;
//color: green;
background: url(images/ajax-loader2.gif) ; /* repeat-x ; */
}

/* the busy signla for whole left green area when hit instructions link or menu button */
.spinner2 {
width:128px;
height: 15px;
background:url(images/ajax-loader3.gif); /* repeat-x ; */
}

/* used for javascript and cookie testing */
.hideit {
    display: none;
}

.showit {
    
}
.javascriptnotok, .javascriptnotok a {
    background-color: red;
    font-size: 12px;
    width: 300px;
}
.javascriptok {
    background-color: lightgreen;
    font-size: 12px;
    width: 300px;
}
.cookiesnotok, .cookiesnotok a {
    background-color: red;
    font-size: 12px;
    width: 300px;
}
.cookiesnotsure {
    background-color: yellow;
    font-size: 12px;
    width: 300px;
}
.cookiesok {
    background-color: lightgreen;
    font-size: 12px;
    width: 300px;
}
                                                 
/* - add to main css after 0222 */

/* open menu link on left homepage */
.openmenulink {
font-size:larger;
font-weight:bold;
}
                  
/* below the link above */
.menubullet {
font-weight:bold;
}

/* on checkoutpage - the select payment method */
#x_useidpaymentmethod {
background-color: yellow;
}

/* on checkoutpage - yellow - the place final order button at bottom - hover */
.placefinalorderbtn:hover {  
    /* float: right; */
    background: orange;
    border: 1px solid #f00;
    background: #ff9933;  /* #ff6; */
margin:6px;
padding:2px;
}

/* on checkoutpage - yellow - the place final order button at bottom */
.placefinalorderbtn {
    border: 1px solid #f00;
    background: #ffff33;  /* #eef;  */
margin:6px;
padding:2px;
}

/* for minicalendar on menu or zmenu page */
/* minical dic on menucalendar calls the stuff below */
.minical {
    text-align:center;
    margin: 0px;
    padding: 2px;
    margin-left: auto;
    margin-right: auto;
}

/* mini calendar on menu status page */
#minicalendar
{
font-family:verdana;
font-size:8px;
border:1px black solid;
/*width: 100%;*/
background-color:#BBAA77;  /* the body of mini calendar the tan color from tool bar */
float: left;
}

#minicalendar td
{
text-align:center;
}

td .minitoday
{
/*    background-color: red; /* #FFFFCC; */
/*    color: #000000;
font-family:verdana;
font-size:8px;  */
    border: 3px solid black;
    /*width:80px;
    height: 120px;*/
 /*   display: table-cell;
    vertical-align: top; /* middle */
}

td .minidays
{                
/*    background-color: white;
    color: #000000;
font-family:verdana;
font-size:8px;    */
    border: 1px solid gray;
    /*width:120px;
    height: 120px;*/
/*    display: table-cell;
    vertical-align: top; /* middle */
}

td .minitdnoordering {
/* border: 1px black solid; */
background-color: gray;         
}
  
td .minitdorderinglist {
background-color: lightgreen;  
}   

td .minitdorderingnone {
background-color: yellow;
}


/* to make the menucalendar editing look more like a calendar */
.ewMultiColumnTable td {
    padding: 2px;
    width: 10%;
    border: thin ridge;
}

/* following are the class i added to page headings */
/* moded list-script, view-script, edit-script */
.thelisttitle {
font-size: large; 
font-weight: bold;
color: green;
}

.theviewtitle {    
font-size: large; 
font-weight: bold;
color: green;
}

.theedittitle {
font-size: large; 
font-weight: bold;
color: green;
}

.theaddtitle {
font-size: large; 
font-weight: bold;
color: green;
}

.thedeletetitle {    
font-size: large; 
font-weight: bold;
color: green;
}

.themastertitle {
font-size: large; 
font-weight: bold;
color: green;       
}                   

/* bits for the home and member and admin dash home pages */
.megapage {
width: 100%; 
background-color:#E5EECC;
}
.megarow {
width: 100%; 
/* height: 100px; */ 
}
.megacol {
width: 50%; 
height: auto;
/* color:lightgrey;   */
padding: 10px; 
vertical-align: top; /* to make the boxes stack up close to top edge */ 
border: 1px solid light-grey;  
font-size:medium;
}      
                     
.minitab {
width: 100%;  
}
.minirow {
width: 100%; 
height: 100px;   
}
.minicol {
width: 100%; 
height: auto;
background-color:white;  
padding:15px;
border:1px solid #D4D4D4;
}      
.blogrow {
width: 100%; 
height: auto;   
}
.blogcol {     
width: 100%; 
height: auto;                     
}                
   
/* buttons for member and admin pages */   
a.tryitbtn, a.tryitbtn:link, a.tryitbtn:visited, a.showbtn, a.showbtn:link, a.showbtn:visited {
background-color:#98BF21;
border:1px solid #FFFFFF;                        
color:#FFFFFF;
display:block;
font-size:19px;    
font-weight:bold;
margin-left:1px;   
outline:1px solid #98BF21;
padding:2px;   
text-align:center; 
text-decoration:none;
width:120px; 
height: 80px;                                     
float: left;    
margin-right:15px; /* force text to right to move away a bit */   
}           
a.tryitbtn:hover, a.tryitbtn:active {
background-color:#7A911A;
}                    

/* similar to above but for home page public - wider */
a.hometryitbtn, a.hometryitbtn:link, a.hometryitbtn:visited, a.step1,  a.step1:link,  a.step1:visited, a.step2,  a.step2:link,  a.step2:visited, a.step3,  a.step3:link,  a.step3:visited {
background-color:#98BF21;
border:1px solid #FFFFFF;                        
color:#FFFFFF;
display:block;
font-size:19px;                              
font-weight:bold;
margin-left:1px;   
outline:1px solid #98BF21;  
padding:2px;   
text-align:center; 
text-decoration:none;
width:145px; /* same as minicalendar */
height: 80px;                                     
float: left;    
margin-right:15px; /* force text to right to move away a bit */   
}           
a.hometryitbtn:hover, a.hometryitbtn:active, a.step1:hover,  a.step1:active, a.step2:hover,  a.step2:active, a.step3:hover,  a.step3:active {
background-color:#7A911A;
}                        

/* smaller buttons on top of credit and other similar pages */             
a.smallitbtn, a.smallitbtn:link, a.smallitbtn:visited {
background-color:#98BF21;
border:1px solid #FFFFFF;                        
color:#FFFFFF;
display:inline;   /* keeps them in line */
font-size:11px;    
font-weight:bold;
margin-left:1px;   
outline:1px solid #98BF21;
padding:2px;   
text-align:center; 
text-decoration:none;
width:150px; 
height: 30px;                                     
float: none;    /* keeps tem in line */
margin-right:15px; /* force text to right to move away a bit */   
}           
a.smallitbtn:hover, a.smallitbtn:active {
background-color:#7A911A;
}                         
        
/* the table on payment page that shows paypal screen grab */        
table.sample {
    border-width: 1px;
    border-spacing: 3px;
    border-style: none;
    border-color: green;
    border-collapse: separate;
    background-color: white;
}
table.sample th {
    border-width: 4px;
    padding: 5px;
    border-style: solid;
    border-color: green;
    background-color: white;
    -moz-border-radius: 9px 9px 9px 9px;
}
table.sample td {
    border-width: 4px;
    padding: 5px;
    border-style: solid;
    border-color: green;
    background-color: white;
    -moz-border-radius: 9px 9px 9px 9px;
}

/* *********** start evos css here ***************** */ 
                           
/* *********** end evos css here ***************** */
                
                 
/*END_USER_STYLES*/