body 
{
	font-family : Arial;
	font-size : 11px;	
}
.tableMgt
{
	font-family : Verdana;
	font-size : 11px;
}

A:hover
{
	color : White
}

H1
{
	font-family : Verdana;
	font-size : 13px;
	font-weight :bold;
}
.RowEven
{
	height:25px;
	background-color:#ffffff;	
}
.RowOdd
{
	height:25px;
	background-color:#cccccc;
}
.RowEditEven
{
	height:25px;
	background-color:#ffffff;	
}
.RowEditOdd
{
	height:25px;
	background-color:#99ccff;
}
.Warning
{
	font-size : 11px;
	font-family : Verdana;
	color:Red;
}

.btn {overflow:visible;font:bold 12px Arial,Helvetica,sans-serif;vertical-align:middle;text-align:center;padding:2px 5px;background:#666 url("/web/format/img/buttons/btnGray.gif") repeat-x;border:1px solid #999;color:#333}
.btnSmall {overflow:visible;font:bold 11px Arial,Helvetica,sans-serif;height:17px;vertical-align:top;text-align:center;padding:0 2px;background:#666 url("/web/format/img/buttons/btnGray.gif") repeat-x;border:1px solid #999;color:#333}
.btnBlue {background:#039 url("/images/buttons/btnBlue.gif") repeat-x;color:#fff}
.btnLtBlue {background:#36c url("/images/buttons/box.gif") repeat-x;color:#fff}
.btnRed {background:#039 url("/images/buttons/Red.gif") repeat-x;color:#fff}
.btnYellow {background:#fc0 url("/img/buttons/btnYellow.gif") repeat-x}
.btnGray {background:#666 url("/img/buttons/btnGray.gif") repeat-x;color:#fff}
.btnLtGray {background:#ccc url("/img/buttons/btnLtGray.gif") repeat-x}

/* Review List */
.GridExpandCollapseButton
{
    cursor: hand;
    border: solid 1px gray;
    text-align: center;
    width: 13px;
    display: block;
    height: 15px;
    line-height: 15px;
    text-decoration:none;
    vertical-align:middle;
    font-family:Verdana;
    color: black;
}

.GridExpandButton
{
    width: 11px;
    height: 11px;
    
    cursor: hand;
    text-align: center;
    display: inline-block;                        
    text-decoration:none;
    vertical-align:middle;
    background-image:url(Images/expander.gif);
    background-repeat:no-repeat;
}

.GridCollapseButton
{
    width: 11px;
    height: 11px;
    line-height:0px;
    cursor: hand;
    text-align: center;
    display: block;
    text-decoration:none;
    vertical-align:middle;
    background-image:url(Images/collapser.gif);
    background-repeat:no-repeat;
}
        
/***************************************************************/
/* Rating box                                                  */
/***************************************************************/
/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(images/demobox.png) no-repeat bottom right;
    margin: 0;
    padding: 0; 
}

.cssbox {
    width: 235px !important;   /* intended total box width - padding-right(next) */
    width: 220px;              /* IE Win = width - padding */
    padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
    /*margin: 20px auto;*/         /* use to position the box */
}

.cssbox22 
{
    width: 220px;
    padding-right: 15px;
}

.cssbox_body22 {
    background-position: bottom left;
    margin-right: 25px;        /* interior-padding right */
    padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */
}

/* set the top-right image */
.cssbox_head {
    background-position: top right;
    margin-right: -15px;       /* pull the right image over on top of border */
    padding-right: 40px;       /* right-image-gap + right-inside padding */
}

/* set the top-left image */
.cssbox_head h2 {
    background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important; 
    height: 1%;                /* IE Holly Hack */
}

/* Misc Text formatting */
.cssbox_head h2 {
    color: white;
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 16px;      /* this is tricky if box width is in ems */
    text-align: center;     
}

/* set the lower-left corner image */
.cssbox_body {
    background-position: bottom left;
    margin-right: 25px;        /* interior-padding right */
    padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */
}

.cssbox_body p {
    margin: 0 0 20px;
}
.cssbox_body a, .css_body a:hover {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-decoration: underline;
}



/******************************************************************/
.scoreCss
{
	font-size:50px;
	font-weight:bolder;
	text-align:center;
}
.note
{
	font-size:12px;
	text-align:center;
}
.InstructionCap
{
	font-size:12px;
	color:Blue;
}

.Caption
{
	font-size:12px;
	color:Black;
}

.buttonCaption
{
	font-size:15px;
	color:Black;	
}
 
.nameCaption
{
	font-size:15px;
	font-weight:bolder;
}
A:hover
{
	color : White
}


.nameCaption
{
	font-size:15px;
	font-weight:bolder;
}

.nameCaption2
{
	font-size:15px;	
}

.nameCaption3
{
	font-size:18px;
	font-weight:bolder;
}

.boldCaption
{
	font-weight:bold;
}
 
.boldCaption3
{
	font-weight:bold;
	font-size:15px;
}

.boldCaption2
{
	font-weight:bold;
	font-size:15px;
	color:Blue;
}

x.blueCaption
{
	font-weight:bold;
	color:Blue;
}

.borderTable
{
	padding:2px 4px 2px 4px;
	border: 1px solid #660000;
}

.statusGreen
{
	font-size:12px;
	font-style:italic;
	font-weight:bolder;
	color:Lime;
}
	
/* Rating */
#rating	{
	width: 200px;
	height: 30px;
	list-style: none;
	position: relative;
	overflow:visible;
	background:url(rate.gif) 0px 0px no-repeat;
}

#rating li	{
	position: absolute;
	display: block;
	height: 30px;
	line-height: 12px;
	font-size: 115%;
	font-weight:bold;
	padding: 0;
	background-image:none; /* only for this website */
}

#rating li a	{
	display: block;
	height: 30px;
	width: 100%;
	text-decoration:none;
}

#r1{width: 20px;z-index: 200;}
#r2{width: 40px;z-index: 190;}
#r3{width: 60px;z-index: 180;}
#r4{width: 80px;z-index: 170;}
#r5{width: 100px;z-index: 160;}


#rating li a:hover{background:url(rate.gif) 0px -60px;}
#rating li a span{ display: none; }
#rating li a:hover span{
	display: block;
	text-indent: 0;
	color: #000;
	font-weight: bold;
	position: absolute;
	top: -18px;
	margin: 0;
	padding: 4px;
	width: 100px;
	text-align:center;
}
#rating li.current-rating{
	background:url(rate.gif) 0px -60px no-repeat;
	position: absolute;
	height: 30px;
	display: block;
	text-indent:-9999px; /* Hide the current rating text */
	overflow: hidden;
	z-index: 1;
}
input.zeroborder
{
	color: Blue;
	font-weight: bold;
	border:0px solid;
}


label.overlabel {
    color:#999;
  }

  label.overlabel-apply {
    position:absolute;
    top:3px;
    left:5px;
    z-index:1;
    color:#999;
  }

/***************************************************************/
/* Review box                                                  */
/***************************************************************/
/* set the image to use and establish the lower-right position */
.cssbox2, .cssbox2_body, .cssbox2_head, .cssbox2_head h2 {
    background: transparent url(images/demobox2.png) no-repeat bottom right;
    margin: 0;
    padding: 0; 
}

.cssbox2 {
    width: 235px !important;   /* intended total box width - padding-right(next) */
    width: 220px;              /* IE Win = width - padding */
    padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
    height: auto !important; 
    /*margin: 20px auto;*/         /* use to position the box */
}

/* set the top-right image */
.cssbox2_head {
    background-position: top right;
    margin-right: -15px;       /* pull the right image over on top of border */
    padding-right: 40px;       /* right-image-gap + right-inside padding */
}

/* set the top-left image */
.cssbox2_head h2 
{	
    background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
    padding: 20px 0 0px 0px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important; 
    height: 1%;                /* IE Holly Hack */
}

.cssbox2_head a {
	text-decoration:none;
	color: #FFFFFF;
	background: #009900;
}

.cssbox2_head  h2 a:hover {
	color:black;
	background: #009900;
}


/* Misc Text formatting */
.cssbox2_head h2 {
    color: white;
    letter-spacing: 1px;
    padding-left:40px;
    font-weight: bold;
    font-size: 15px;      /* this is tricky if box width is in ems */
    text-align: center;     
}

/* set the lower-left corner image */
.cssbox2_body 
{
	color:Black;
    background-position: bottom left;    
    margin-right: 25px;        /* interior-padding right */
    padding: 0px 0px 22px 0px; /* mirror .cssbox_head right/left */
    
}

.borderTable {	

border: 1px solid #cccccc;
}

/**********************************************************
Qutation mark
**********************************************************/
cite
{
	float:none;
    font-size: 1.2em;    
    color:#888888;    	
    padding-left: 60px;	
    border:0px solid;
} 
blockquote:first-letter {
	background: url(images/quote_down.jpg) no-repeat left top;	
	padding-left: 18px;	
	padding-right:1px;
	padding-bottom: 0px;
	font: bold 1.4em Verdana, serif;
	color:Black;
	border:0px solid;
}
blockquote {
	font: 1.2em/1.6em Verdana, serif;
	width: 600px;
	background: url(images/quote_up.jpg) no-repeat right bottom;
	padding-left: 18px;
	padding-bottom: 0px;
	text-indent: 0px;
	color:Black;
	border:0px solid;
}