body {
 background-color: #CDD7D6;
 margin-top: 0px;
 margin-left: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 height: 100%;
} 

/* CSS for the box starts here
gfx/dialogBox/box-darkerRed-ab0909.gif  - ab0909
gfx/dialogBox/box-yellow-ffff33.gif  - ffff33
gfx/dialogBox/box-red-ff0000.gif  - ff0000
gfx/dialogBox/box-yellowey-fad163.gif - fad163
gfx/dialogBox/box-d4e6dc.gif   - d4e6dc
gfx/dialogBox/box-white.gif
================================================*/

/* Insert the custom corners and borders for browsers with JavaScript on */
.warnings {
 margin:0.1em 0;
 font-size: 12px;
 text-align: center;
 font-weight: bold;
 color:#000000;}

.cb {
 margin:0.1em 0;
}

/* Rules for the top corners and border */
.bt {
 background:url(/gfx/dialogBox/box-yellowey-fad163.gif) no-repeat 100% 0;
 margin:0 7px 0 24px;
 height:12px;
}
.bt div {
 height:12px;
 width:18px;
 position:relative;
 left:-18px;
 background:url(/gfx/dialogBox/box-yellowey-fad163.gif) no-repeat 0 0;
}

/* Rules for the bottom corners and border */
.bb {
 background:url(/gfx/dialogBox/box-yellowey-fad163.gif) no-repeat 100% 100%;
 margin:0 7px 0 24px;
 height:12px;
}

.bb div {

 height:12px;
 width:18px;
 position:relative;
 left:-18px;
 background:url(/gfx/dialogBox/box-yellowey-fad163.gif) no-repeat 0 100%;
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
 background:#FAD163; border:1px solid #FAD163; border-width:0 0 0 0;
 margin:0 7px 0 6px;
 padding:1px 1px 1px 1px;
 
}

.bt,
.bt div,
.bb,
.bb div {
 background-image:url(/gfx/dialogBox/box-yellowey-fad163.gif);
}

/* following the css for the information style */
.information {
 margin:0.1em 0;
 font-size: 12px;
 text-align: center;
 font-weight: bold;
 color:#000000;}

.icb {
 margin:0.1em 0;
}

/* Rules for the top corners and border */
.ibt {
 background:url(/gfx/dialogBox/box-turquoise-76e0be.gif) no-repeat 100% 0;
 margin:0 7px 0 24px;
 height:12px;
}
.ibt div {
 height:12px;
 width:18px;
 position:relative;
 left:-18px;
 background:url(/gfx/dialogBox/box-turquoise-76e0be.gif) no-repeat 0 0;
}

/* Rules for the bottom corners and border */
.ibb {
 background:url(/gfx/dialogBox/box-turquoise-76e0be.gif) no-repeat 100% 100%;
 margin:0 7px 0 24px;
 height:12px;
}

.ibb div {

 height:12px;
 width:18px;
 position:relative;
 left:-18px;
 background:url(/gfx/dialogBox/box-turquoise-76e0be.gif) no-repeat 0 100%;
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.ii3 {
 background:#76E0BE; border:1px solid #76E0BE; border-width:0 0 0 0;
 margin:0 7px 0 6px;
 padding:1px 1px 1px 1px;
 
}

.ibt,
.ibt div,
.ibb,
.ibb div {
 background-image:url(/gfx/dialogBox/box-turquoise-76e0be.gif);
}

/* CSS for the box ends here */

.topTableColor {
 background-color: #094e7e;
}

.tableBG {   
 background-image: url("/gfx/top_row.jpg");
 background-repeat: repeat-x;
 background-color: #7C9FAB;
}

.bigTable{
    position: relative;
 min-height: 100%; 
 width: 100%;  
}

tr.staffheading {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 11px;
    font-weight: bold;
 	color: #222222;
	text-decoration: none;		
}

td.rpSideNavLinkGrey {
	font-family: Icon, Tahoma, Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #777777;
	text-decoration: none;
}

td.rpSideNavLink {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #222222;
	text-decoration: none;
}