/* light gray background:             #e8eae8;    */
#container {
  position:fixed;
  width:100%;
  margin:0 auto;
  background: yellow url("") ;
  color: black;
  }         

 
#page {
  position:relative;
  width:796px;
  min-height:600px; 
  margin:0 auto;
  text-align:left;
  color: black;    
 background-color: white;
  background-image:url("http://www.remindremind.com/apps/graphics/blue_paper.gif");
  background-repeat: repeat;    
  }         
/* background :#e8eae8 url("http://www.remindremind.com/apps/graphics/blue_paper.gif") repeat;  */ 


body {
    font-family : Verdana, Arial, Helvetica, sans-serif;
     font-size: 13px;
    color: black !important; 
    font-weight: 400;
    line-height: 140%;
    background :transparent url("http://www.remindremind.com/apps/graphics/blue_paper.gif");
    margin: 0em 0em 0em 0.0em; /* top right bottom left */   
    padding: 0 0 0 0.6em;
}
/*    background :#e8eae8 url("http://www.remindremind.com/apps/graphics/blue_paper.gif"); */

/*     background: #e8eae8 url("http://www.hinducanadians.com/apps/graphics/curve_goodies.gif") no-repeat fixed 0% 0%;   
*/

.normaltext {
	font-size:13px;
	line-height: 120%;	
    color:black;   
	background-color: inherit;	
}

.bold {
    font-weight:700;
}

.HelpQuestion {
	font-size:110%; 
    font-weight:700;
}

.HelpAnswer {
	font-size:100%; 
    font-weight:400;
}



/* <BR>, Line Break in blide bold */
BR.bigblue {
    color: blue;
	background: inherit;	
    font-weight:700;
    font-size: 140%;   
}

/* Paragraph in Red, Bigsize characters */
P.bigred {
    color: red;
	background: inherit;	
    font-weight:700;
    font-size: 180%;   
}      


a:link {
    color: Blue;
	background: inherit;	
    text-decoration: underline }

a:visited { color:blue ;    /* #4169e1  old visited colour */
   text-decoration: underline;
	background: inherit;	
 }
 
a:hover { color: blue;
   text-decoration: underline;
   font-weight:550;
    background: inherit;	
 }
 
a:active {
    color: Blue;
    background: inherit;	
    text-decoration: underline }
	
	
	

/* To use blrered class for <a></a> links
   instead of the default style 'a' (defined
   above, use
   <a class="linkmenu" href=" http://www.aa123z.com" >aa123z.COM</a>.
*/

a.linkmenu:link     {
    color: Blue;
    font-size:120%;
    line-height: 140%;
    font-weight: 600;    
    background: inherit;	
    text-decoration: none
}

a.linkmenu:visited {
    color: blue;
    font-size:120%;   
    line-height: 140%;	
    font-weight: 600;        
    text-decoration: none;
   background: inherit;	  
 }

a.linkmenu:hover {
    color : red; /* Colour changes to red when mouse hovers on the link */
    font-size:120%;   
    line-height: 140%;	    
    font-weight: 600;        
    text-decoration: underline;
    background: inherit;	
}
   
a.linkmenu:active {
    color: blue;
    font-size:120%;       
    line-height: 140%;	
    font-weight: 600;        
    text-decoration: none;
   background: inherit;	
}

	
	

/*  ##90c
Hyperlink: when mouse hovers over the link
a:hover{color : Maroon;
    background-color: #ff0 ;
    text-decoration: underline }
 */


/* The following variation of the a class is used 
   in tables having C0C0C0 as background colour for the alternate 
   row. See Blog.SearchPage.tpl as sample */ 
a.darkbackground:hover{color : blue;
    text-decoration: underline;
    background: #C0C0C0 }

a.darkbackground:link {
    color: blue;
    background :#C0C0C0 ;    
    text-decoration: underline }

a.darkbackground:visited {
   color: #4169e1;
   text-decoration: underline;
   background :#C0C0C0 ;        
 }


   
   
big{
    background :#e8eae8 ;
    color:maroon;}

/* Org table defintion
table {
    border: 1px solid teal;
}


*/
table {
    border-collapse: collapse;    /* Can use collapse or separate; normally, collapse works better */
    border: 0.1em none black ; /* will result in no border for the table */
    border-spacing: 0em;
        /* border-spacing: Controls spacing between table border and cell borders in the table,
            Can define separate for top, right, bottom left normally should be 0 */
    padding: 0 0 0 0 ; /* Spacing between table border and table cells; Can define separate for top, right, bottom left  */
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight: 400;
     font-size: 70%;
	  background :transparent ;
    line-height: 100%;
    text-align: left;      
}

td {
    border-collapse: separate;
    border: 0.1em solid black ;
    padding:0.1em 0.5em 0.1em 0.5em ; /* Spacing between border and cell text; usually kept zero, may keep some for left & right */
}

th {
    border-collapse: separate;
    border: 0.1em solid black ;
    padding:0.1em 0.5em 0.1em 0.5em ; /* Spacing between border and cell text; usually kept zero, may keep some for left & right */
}

/* Definitions for the tableViewEvents */
table.tableViewEvents {
	 font-size:75% ;
	 line-height:120%;
    border: 0.1em solid teal;
}

table.tableViewEvents th {
    color: white;
    background: teal;
    line-height:140%;     
    border: 0.1em none ;     /* No border in header cells */
}

table.tableViewEvents td {
    padding:0.2em 0.5em 0.2em 0.5em ; /* Spacing between border and cell text; usually kept zero, may keep some for left & right */
    border: 0.1em none;    /* No border in table rows */
}



/* table "tableLogin" will have border around the
   table but no border around cells.teal
*/
table.tableLogin {
    border: 0.1em solid teal;
	font-size:90%; 
    line-height:120%;     	
}

/* Login Table, Header shown in reverse video, i.e colour is white on tral background */
table.tableLogin th {
    color: white;
    background: teal;
    line-height:200%;
}


table.tableLogin td {
    padding:0.3em 0.5em 0.3em 0.5em ; /* Spacing between border and cell text; usually kept zero, may keep some for left & right */
    border: 0.1em none;
}

/* Table Event */

table.tableEvent {
	font-size:90% ;
	 line-height:120%;
    border: 0.1em solid teal;
}

/* Login Table, Header shown in reverse video, i.e colour is white on tral background */
table.tableEvent th {
    border: 0.1em none  ;
    color: white;
    background: teal;
    line-height:200%;
}

/* top right bottom left */  

table.tableEvent td {
    border: 0.1em none ;
    padding:0.6em 0.5em 0.6em 0.5em ; /* Spacing between border and cell text; usually kept zero, may keep some for left & right */
}



/* Definitions for the employeetable */
table.employeetable {
    border: 0.1em solid teal;
}

table.employeetable th {
    color: white;
    background: inherit;
    border: 0.1em none ;     /* No border in header cells */
}

table.employeetable td {
    border: 0.1em none;    /* No border in table rows */
}




/*    Will get default properties from 'table'
    Use <table class="tablenoborder">  to use this class in the document

*/
table.tablenoborder {
    border: 0.1em none ;
}

table.tablenoborder td {
    border: 0.1em none ;
	 color: red;
    background: inherit;
}

table.tablenoborder th {
    border: 0.1em none ;
}


/* For Help File */
table.tableHelp {
	font-size:100%; 
	line-height: 140%;	
    border: 0.1em none ;
	color:black; 
    background :white ;
}

table.tableHelp td {
	font-size:100%; 
	line-height: 140%;	
    border: 0.1em none ;
	 color: black;
    background :white ;	
}

table.tableHelp th {
    border: 0.1em none ;
	font-size:100%; 	
	line-height: 140%;	
 color: black;	
  background :white ;	
}



table.tablewithborder {
    border-collapse: separate;
    border: 0.1em solid black;
    border-spacing: 6px; /* Controls spacing between border and cells in the table */
    padding: 1px ;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color : blue;
    background: #CCFFFF ; /* #e8eae8;    */
}

table.tablewithborder td {
     border-collapse: separate;
     border: 0.1em none;
}

table.tablewithborder th {
     border-collapse: separate;
    border: 0px solid ;
    padding: 0.1em;    
}





/*
table.tablenoborder:th {
    color: black;
    background: none;
}
*/


.lightcolour {
    color: #94AEC6;
    background: inherit;

}

.LinespaceLess {
    color: black;
    background: #e8eae8;    
    line-height: 100%;
}


table.datatable {
    border-collapse: collapse;
    border: 0.1em none #e8eae8 ;
    border-spacing:0;
    padding:0em;
    color: black;
    background: #B5C7DE;
}


/* Blue Colour */


/* alternating row colors   */

.row1 {
    color: black;
    background: #EEFFEE;
}

.row2 {
    color: black;
    background: #FFFFFF;
}

.pageheader {
    text-align:left;
    font-size: large;
    color:red;   
    background: #e8eae8;    
}

.pagesubheader {
    font-size: large;
    color:teal;   
    background: inherit;
    font-weight: 800;           
}

.tableheaderdark {
    color:black;
    background: #6386A5;
}

.tableheaderdark2 {
    color:black;
    background: #6386A5;
}

.tableheaderlight {
    color:black;
    background: #94AEC6;
}
.tablerow {
    color: black;
    background: #B5C7DE;
}

.pagefooter {
    color: teal ;
	background: inherit; 
    font-weight: 400;       
    font-size: 80%;
    line-height: 120%;  /*Line height, including space between lines   */
}

.blog {
    width: 600px;
    margin: 5px;
}

.boldmsg {
    color:black;  
	background: inherit; 	
    font-weight: 600;       
}

.boldmsg120 {
    color:black;  
	background: inherit; 	
    font-size: 130%;	
	line-height: 150%;
    font-weight: 600;       
}

.boldmsg150 {
    color:black;  
	background: inherit; 	
    font-size: 150%;	
	line-height: 150%;
    font-weight: 600;       
}



.errormsg {
    /* #FF0000 */
     color: #FF0000 ;
    background: inherit;
    font-weight: 400;   
    /* normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
       normal is 400, bold is 700   
     */
}

.errormsgbold {
    /* #FF0000 */
     color: #FF0000 ;
    background: inherit;
    font-weight: 600;   
   
    /* normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
       normal is 400, bold is 700   
     */
}


.okmsg {
    /* #FF0000 */
     color: green ;
    font-weight: 700;   
    background: inherit;

    /* normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
       normal is 400, bold is 700   
     */
}

.requiredInput {
     color: #B5C7DE;
    background: inherit;
    font-weight: 600;   
    /* normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
       normal is 400, bold is 700   
     */
}


.redmsg {
    /* #FF0000 */
     color: #FF0000 ;
    background: inherit;
    font-weight: 400;   
    /* normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
       normal is 400, bold is 700   
     */
}

.red {
    /* #FF0000 */
     color: #FF0000 ;
    background: inherit;
    font-weight: 400;   
    /* normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
       normal is 400, bold is 700   
     */
}

.blue {
    /* #FF0000 */
     color: #0000ff ;
    background: inherit;
    line-height: 120%;  /*Line height, including space between lines   */
    font-weight: 400;   
    /* normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
       normal is 400, bold is 700   
     */
}


/* Style used for steps in paybills */
.paypanel {
    border-width:1px;
    border-style:solid;
    border-spacing: 12px;
    padding :1px;
    color: black;
    background    :#DEDEDE    ;
    width:700px;        /* Panel box width  */
}

.welcome {
    font-size:small;
    font-weight: 600;   
}

.linkrow {
    font-size:small;
    font-weight: 400;       
    color: green;
    background :inherit      
}

.title {
    background: teal;
    color: white;
    font-weight: bold;
    padding: 5px;
}
.content {
    border: 0.1em solid teal;
    padding: 5px;
}
.author {
    color: black;
    background: #EEEEEE;
    font-size: 11px;
    padding: 5px;
}

/* User background image and menubar margins to align and postion the top image and the meni */
.menubar {
    width: 36em;
    font-weight: bold;
    margin-left: -0.0em ;
    margin-top:0.0em;
    padding: 0px;
}

.subform
{       
    margin: 0;
    padding: 5px;
    border-bottom: 1px solid #39c;
   
}


#header {
        position: fixed;
        width: 99%;
        height: 5%;
        top: 0;
        right: 0;
        bottom: auto;
        margin-left:-1em;
        z-index: 200;       
}

#LeftWithMargin {
  position: relative;
  left: 11.5em;

}

#sidebar {
  position: fixed;
  top: 0 ;
  width: 10em;
  height:800px;
  color:black; 
  background: #e8eae8 url("../Graphics/grad_left_top.jpg");  /* background-image:url("../Graphics/td.jpg"); */
  border: 0.1em;
  left: 0;
}

#main {
  position: fixed;
  width: auto;
  height: auto;
  top: 15%;
  right: 0;
  bottom: 100px;
  left: 10em;
}

#footer {
  position: fixed;
  width: 100%;
  height: 100px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}