/*Top Row*/
.Elegance .TLC {background:url(img/TL.png); height:15px; width:19px}
.Elegance .TROW{background:url(img/TM.png) repeat-x; height:15px}
.Elegance .TRC {background:url(img/TR.png); height:15px; width:19px}
/*Middle Row*/
.Elegance .LR{background:url(img/ML.png) repeat-y}
.Elegance .MR{}
.Elegance .RR{background:url(img/MR.png) repeat-y}
/*Bottom Row*/
.Elegance .BLC{background:url(img/BL.png); height:15px}
.Elegance .BROW{background:url(img/BM.png) repeat-x; height:15px}
.Elegance .BRC{background:url(img/BR.png); height:15px}
.Elegance .SPACER{height:12px}

/* Login Panel */
#top {
  	background: url(img/login_top.png) repeat-x 0 0;
	height: 31px;
	position: relative;
}

#top ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 31px;
	font-weight: bold;
	line-height: 31px;
	margin: 0;
	right: 10px;
  	color: white;
  	font-size: 80%;
	text-align: center;
  	background: url(img/login_r.png) no-repeat right 0;
	padding-right: 6px;
}

#top ul.login li.left {
  	background: url(img/login_l.png) no-repeat left 0;
  	height: 31px;
	width: 6px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

#top ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 31px;
  	background: url(img/login_m.png) repeat-x 0 0;
}

#top ul.login li a {
	color: #555555;
}

#top ul.login li a:hover {
	color: #222222;
}

/*Login*/
/* toggle effect - show/hide login*/
#login {
	width: 100%;
	color: black;
	background: #ffffff;
	overflow: hidden;
	position: relative;
	z-index: 3;
	height: 0;
}

#login a {
	text-decoration: none;
	color: #33CCCC;
}

#login a:hover {
	color: white;
}

#login .loginContent {
	/*margin: 0 auto;*/
	padding-top: 5px;
	padding-left:5px;
    padding-bottom:5px;
	padding-right:5px;
	text-align: right;
	font-size: 0.85em;
	display:block;
}

#login .loginContent .left {
	/*width: 120px;*/
	float: left;
	padding-left: 65px;
	font-size: 0.95em;
}

#login .loginContent .right {
	/*width: 290px;*/
	float: right;
	text-align: right;
	padding-right: 65px;
	font-size: 0.95em;
}

#login .loginClose {
	display: block;
	position: absolute;
	right: 15px;
	top: 10px;
	width: 70px;
	font-size: 0.8em;
	text-align: left;
}

#login .loginClose a {
	display: block;
	width: 100%;
	height: 20px;
	background: url(img/button_close.jpg) no-repeat right 0;
	padding-right: 10px;
	border: none;
	font-size: 0.9em;
	color: white;
}

#login .loginClose a:hover {
	background: url(img/button_close.jpg) no-repeat right -20px;
}


shtml, body {border: 0; margin: 0; padding: 0;}

/***** clear *****/
.clear {
	clear: both;
	height: 0;
	line-height: 0;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/***** Main Layout ****/
#container {
  	height: 100%;
  	text-align: center;/* IE fix to center the page */
}


/* Common CSS */
.RadMenu
{
	white-space:nowrap;
	float:left;
	position:relative;
	font-family:Tahoma !important;
}

.RadMenu .rmRootGroup
{
	margin:0;
	padding:0;
	position:relative;
	left:0;
	display: inline-block;
	font-family:Tahoma !important;
}

* html .RadMenu .rmRootGroup { float: left; }

.RadMenu:after,
.RadMenu .rmRootGroup:after
{
    content:""; 
    display:block;
    height:0;
    overflow: hidden;
    line-height:0;
    font-size:0;
    clear:both;
    visibility:hidden;
    font-family:Tahoma !important;
}

.RadMenu ul.rmVertical,
.rmRootGroup ul.rmHorizontal,
.rmContextMenu ul.rmHorizontal
{
	margin:0;
	padding:0;
	display:none;
	position:relative;
	left:0;
	float:left;
	font-family:Tahoma !important;
}

.rmSized ul.rmVertical
{
	width: 100%;
}

.rmSized .rmRootGroup .rmVertical
{
	width: auto;
}

.RadMenu .rmItem
{
	float:left;
	position:relative;
	list-style-image: none;
	list-style-position:outside;
	list-style:none;
	font-family:Tahoma !important;
}

* html .RadMenu .rmItem
{
	display:inline;
	font-family:Tahoma !important;
}

.RadMenu .rmHorizontal .rmItem
{
	clear:none;
}

.RadMenu .rmVertical .rmItem
{
	clear:both;
}

.rmSized .rmVertical .rmItem
{
	width: 100%;
}

.rmSized .rmRootGroup .rmVertical .rmItem
{
	width: auto;
}

.RadMenu ul.rmActive,
.RadMenu ul.rmRootGroup
{
	display:block;
}

.RadMenu .rmSlide, 
.rmContextMenu
{
	position:absolute;
	overflow:hidden;
	display:none;
	float:left;
}

* html .RadMenu .rmSlide, 
* html .rmContextMenu
{
	height:1px;
}

.rmContextMenu
{
	z-index:1000;
	overflow:visible;
}

.RadMenu .rmText
{
	display:block;
	font-family:Tahoma !important;
}

.RadMenu div.rmText /*templates*/
{
	white-space:normal;
	font-family:Tahoma !important;
}

.RadMenu a.rmLink
{
	cursor:default;
	display:block;
	font-family:Tahoma !important;	
}


.rmScrollWrap
{
	position:absolute;
	float:left;
	overflow:hidden;
	left:0;
}

.RadMenu .rmLeftArrow,
.RadMenu .rmTopArrow,
.RadMenu .rmBottomArrow,
.RadMenu .rmRightArrow
{
	position:absolute;
	z-index:2000;
	text-indent:-1000em;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

.RadMenu .rmLeftArrowDisabled,
.RadMenu .rmTopArrowDisabled,
.RadMenu .rmBottomArrowDisabled,
.RadMenu .rmRightArrowDisabled
{
	display:none;
	text-indent:-1000em;
	font-size: 0;
	line-height: 0;
}

.RadMenu .rmBottomArrow,
.RadMenu .rmBottomArrowDisabled
{
	margin-bottom: -1px;
}

.RadMenu .rmLeftImage
{
	border:0;
	float:left;
}

.rmRtl
{
	float:right;
	text-align: right;
}

.rmRtl ul.rmHorizontal,
.rmRtl ul.rmVertical
{
	float:right;
}

.rmRtl .rmItem
{
	float:right;	
}

.rmRtl .rmLeftImage,
.rmRtlContext .rmLeftImage
{
	border:0;
	float:right;
}

.rmRtl .rmLeftArrow,
.rmRtl .rmTopArrow,
.rmRtl .rmBottomArrow,
.rmRtl .rmRightArrow,
.rmRtl .rmLeftArrowDisabled,
.rmRtl .rmTopArrowDisabled,
.rmRtl .rmBottomArrowDisabled,
.rmRtl .rmRightArrowDisabled
{
	text-indent:1000em !important;
}

.RadMenu .rmLink
{
	width:auto;
}

.RadMenu .rmSeparator,
.RadMenu .rmSeparator:after
{
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

.RadMenu div.rmRootGroup
{
    position: relative;
}