@CHARSET "ISO-8859-1";

/* Specific to gw graphic - Must only have absolute height and with of 
images - the height and/or width must not be specified if image is to
be repeated i.e. vert, horiz or vert&horiz
*/

.curved {
	-moz-border-radius:8px;          /* Firefox 	*/
	-webkit-border-radius:8px;       /* Safari 	*/
	/*behavior:url(../js/border-radius-ie8.htc);*/  /* Causes IE to go stupid - does not work		*/
}

.view .hcenter .htitle {
	position:absolute;
	top:27px;
}

.view .hbuttons {
	background:url(../images/boxWhiteGray/tr.png);
	height:18px;
	position:relative;
	float:left;
	width:18px;
}

#b1 {
	height:30px;
	position:absolute;
	right:70px;
	top:20px;
	width:40px;
}

#b2 {
	height:30px;
	position:absolute;
	right:30px;
	top:20px;
	width:40px;
}

/*
#b1:hover {
	background:url(../images/boxWhiteGray/buttonsLO.png) top no-repeat;
}*/

.view .left {
	background: url(../images/boxWhiteGray/l.png) repeat;
	width:18px;
}

.view .middle {
	background: url(../images/boxWhiteGray/inside.png) repeat;
	
}

.view .right {
	background: url(../images/boxWhiteGray/r.png) repeat;
	width:18px;
	position:relative;
	float:left;
}

.view .hleft {
	background:url(../images/boxWhiteGray/tl.png) top repeat;
	width:18px;
	height:18px;
}
	
.view .hcenter {
	background:url(../images/boxWhiteGray/t.png) top repeat;
	height:18px;
	position:relative;
	
}

.view .hright {	
	background:url(../images/boxWhiteGray/tr.png);
	height:18px;
	position:relative;
	float:left;
	width:18px;
}

/* change image to on if hover over RHS */
.view .hright:hover {background:url(../images/black_1/toprighton.png) top no-repeat;}

.view .c_left {
	background: url(../images/boxWhiteGray/bl.png) no-repeat;
	width: 18px;
	height:18px;
}

.view .c_middle {
	background: url(../images/boxWhiteGray/b.png) repeat;
	height: 18px;
	position:relative;
	
}

.view .c_right {
	background: url(../images/boxWhiteGray/br.png) no-repeat;
	height: 18px;
	width: 18px;
	position:relative;
	
}