/*-----------------------------------
	SIDE PANEL
-----------------------------------*/
.sidepanel
{
    margin-bottom: 10px;
	width:160px;
	overflow:hidden;	
}
.sidepanel h2{
	display:block;
	overflow:hidden;
	background:url(/images/layout/panel_header.png) no-repeat;
	width:160px;
	height:18px;
	margin:0;
	text-align:center;
	color:#CCC;
	font-size:13px;
	font-weight:normal;			
}

.sidepanelcontent{
	width:160px;
	background:#484c3e url(/images/layout/statusstrip.jpg) repeat-x bottom left;			
}

.sidepanelcontent_clean{
	width:160px;
	background-color:#484c3e;			
}

.sidepaneltext{
	width:150px;
	background:#001600 url(/images/layout/statustext.jpg) repeat-x;	
	margin:0 0 0 1px;
	overflow:hidden;
	padding:5px 4px 10px 4px;
	text-align: left;
}

.sidepaneltext_clean{
	width:150px;	
	background-color: #000;		
	margin:1px 0 0 1px;
	overflow:hidden;
	padding:5px 4px 10px 3px;
	text-align: left;
}

.sidepanelbottombg{
	height:11px;
	overflow:hidden;
	width:160px;
	background:url(/images/layout/statusbottombg.png) no-repeat;
}

/*-----------------------------------
	MAIN PANEL
-----------------------------------*/
table.panel
{
	margin: 0px auto 10px auto;	
}

table.panel tbody tr td
{	
	/*color: #D3D3D3;*/
	color: #AAA;	
}
th.windowTop
{
	background: url(/images/panel/windowTop.png) repeat-x top;
	height: 19px;
	text-align: left;
	padding-left: 5px;
	color: #CCC;
	font-size: 13px;
	font-weight: normal;
}



td.windowLeftTop, td.windowRightTop
{
	height: 19px;
	width: 10px;
}

td.windowLeftTop
{
	background: url(/images/panel/windowLeftTop.png) no-repeat;
}

td.windowRightTop
{
	background: url(/images/panel/windowRightTop.png) no-repeat;
}

td.windowLeft
{
	background: url(/images/panel/windowLeft.png) repeat-y left;
	width: 10px;
}

td.windowRight
{
	background: url(/images/panel/windowRight.png) repeat-y right;
	width: 10px;
}

td.windowLeftBottom, td.windowRightBottom
{
	height: 12px;
	width: 10px;
}

td.windowLeftBottom
{
	background: url(/images/panel/windowLeftBottom.png) no-repeat;
}

td.windowRightBottom
{
	background: url(/images/panel/windowRightBottom.png) no-repeat;
}

td.windowBottom
{
	background: url(/images/panel/windowBottom.png) repeat-x;
	height: 12px;
}
td.windowBack 
{
	background-color: #000;
	padding-top: 3px;
}


/*-----------------------------------
	BLACK PANEL
-----------------------------------*/
th.windowTop2
{
	background: url(/images/panel/windowTop2.png) repeat-x top;
	height: 12px;
	text-align: left;
	padding-left: 5px;
	color: #AAA;
	font-size: 15px;
	font-weight: normal;
}
td.cornerLeftTop
{
	background: url(/images/panel/cornerLeftTop.png) no-repeat;
}

td.cornerRightTop
{
	background: url(/images/panel/cornerRightTop.png) no-repeat;
}
td.cornerLeftTop, td.cornerRightTop
{
	height: 12px;
	width: 10px;
}

/*-----------------------------------
	GREEN PANEL
-----------------------------------*/
th.greenTop
{
	background: url(/images/panel/greenTop.png) repeat-x top;
	height: 19px;
	text-align: left;
	padding-left: 5px;
	color: #AAA;
	font-size: 15px;
	font-weight: normal;
}

td.greenLeftTop, td.greenRightTop
{
	height: 19px;
	width: 10px;
}

td.greenLeftTop
{
	background: url(/images/panel/greenLeftTop2.png) no-repeat;
}

td.greenRightTop
{
	background: url(/images/panel/greenRightTop2.png) no-repeat;
}

td.greenLeft
{
	background: url(/images/panel/greenLeft2.png) no-repeat bottom left;
	width: 10px;
}

td.greenRight
{
	background: url(/images/panel/greenRight2.png) no-repeat bottom right;
	width: 10px;
}

td.greenLeftBottom, td.greenRightBottom
{
	height: 11px;
	width: 10px;
}

td.greenLeftBottom
{
	background: url(/images/panel/greenLeftBottom2.png) no-repeat;
}

td.greenRightBottom
{
	background: url(/images/panel/greenRightBottom2.png) no-repeat;
}

td.greenBottom
{
	background: url(/images/panel/greenBottom2.png) repeat-x;
	height: 11px;
}

td.greenBack 
{
    	background: #080f06 url(/images/panel/greenBackground2.png) bottom left repeat-x;
    	padding: 10px 10px 20px 10px;
}

/*-----------------------------------
	YELLOW PANEL
-----------------------------------*/
th.yellowTop
{
	background: url(/images/panel/yellowTop.png) repeat-x top;
	height: 19px;
	text-align: left;
	padding-left: 5px;
	color: #AAA;
	font-size: 15px;
	font-weight: normal;
}

td.yellowLeftTop, td.yellowRightTop
{
	height: 19px;
	width: 10px;
}

td.yellowLeftTop
{
	background: url(/images/panel/yellowLeftTop.png) no-repeat;
}

td.yellowRightTop
{
	background: url(/images/panel/yellowRightTop.png) no-repeat;
}

td.yellowLeft
{
	background: url(/images/panel/yellowLeft.png) no-repeat bottom left;
	width: 10px;
}

td.yellowRight
{
	background: url(/images/panel/yellowRight.png) no-repeat bottom right;
	width: 10px;
}

td.yellowLeftBottom, td.yellowRightBottom
{
	height: 11px;
	width: 10px;
}

td.yellowLeftBottom
{
	background: url(/images/panel/yellowLeftBottom.png) no-repeat;
}

td.yellowRightBottom
{
	background: url(/images/panel/yellowRightBottom.png) no-repeat;
}

td.yellowBottom
{
	background: url(/images/panel/yellowBottom.png) repeat-x;
	height: 11px;
}

td.yellowBack 
{
	background: #080f06 url(/images/panel/yellowBackground.png) bottom left repeat-x;
	padding: 10px 10px 20px 10px;
}
/*-----------------------------------
	WHITE PANEL
-----------------------------------*/
th.whiteTop
{
	background: url(/images/panel/whiteTop.gif) repeat-x top;
	height: 18px;
	text-align: left;
	/*padding-left: 5px;*/
	color: #AAA;
	font-size: 15px;
	font-weight: normal;
}

td.whiteLeftTop, td.whiteRightTop
{
	height: 18px;
	width: 10px;
}

td.whiteLeftTop
{
	background: url(/images/panel/whiteLeftTop.gif) no-repeat;
}

td.whiteRightTop
{
	background: url(/images/panel/whiteRightTop.gif) no-repeat;
}

td.whiteLeft
{
	background-color: #FFF;	
	border-left: 1px solid #C7D1E5;

}

td.whiteRight
{
	background-color: #FFF;
	border-right: 1px solid #C7D1E5;	
}

td.whiteLeftBottom, td.whiteRightBottom
{
	height: 10px;
	width: 10px;
}

td.whiteLeftBottom
{
	background: url(/images/panel/whiteLeftBottom.gif) no-repeat;
}

td.whiteRightBottom
{
	background: url(/images/panel/whiteRightBottom.gif) no-repeat;
}

td.whiteBottom
{
	background: url(/images/panel/whiteBottom.gif) repeat-x;
	height: 11px;
}

td.whiteBack 
{
	background-color: #FFF;
	padding: 10px 10px 20px 10px;
	
	border-left: 1px solid #C7D1E5;
	border-right: 1px solid #C7D1E5;
	color: #000;
	
}

/*-----------------------------------
	WARNING
-----------------------------------*/
th.warningTopTitle
{
	background: url(/images/panel/warning/top_title.png) repeat-x top;
	height: 19px;
	text-align: left;
	padding-left: 5px;
	color: #CCC;
	font-size: 13px;
	font-weight: normal;
}
td.warningLeftTopTitle
{
	background: url(/images/panel/warning/top_left_title.png) no-repeat;
	height: 19px;width: 10px;
}

td.warningRightTopTitle
{
	background: url(/images/panel/warning/top_right_title.png) no-repeat;
	height: 19px;width: 10px;
}
th.warningTop
{
	background: url(/images/panel/warning/top.png) repeat-x top;
	height: 12px;	
}
td.warningLeftTop
{
	background: url(/images/panel/warning/top_left.png) no-repeat;
	height: 12px;width: 10px;
}
td.warningRightTop
{
	background: url(/images/panel/warning/top_right.png) no-repeat;
	height: 12px;width: 10px;
}
td.warningLeft
{
	background: url(/images/panel/warning/left.png) repeat-y left;
	width: 10px;
}
td.warningRight
{
	background: url(/images/panel/warning/right.png) repeat-y right;
	width: 10px;
}

td.warningLeftBottom
{
	background: url(/images/panel/warning/bottom_left.png) no-repeat;
	height: 12px;width: 10px;
}

td.warningRightBottom
{
	background: url(/images/panel/warning/bottom_right.png) no-repeat;
	height: 12px;width: 10px;
}

td.warningBottom
{
	background: url(/images/panel/warning/bottom.png) repeat-x;
	height: 12px;
}
td.warningBack 
{
	background: url(/images/panel/warning/back.png) repeat;
	padding-top: 3px;
}


/*-----------------------------------
	info
-----------------------------------*/
th.infoTopTitle
{
	background: url(/images/panel/info/top_title.png) repeat-x top;
	height: 19px;
	text-align: left;
	padding-left: 5px;
	color: #CCC;
	font-size: 13px;
	font-weight: normal;
}
td.infoLeftTopTitle
{
	background: url(/images/panel/info/top_left_title.png) no-repeat;
	height: 19px;width: 10px;
}

td.infoRightTopTitle
{
	background: url(/images/panel/info/top_right_title.png) no-repeat;
	height: 19px;width: 10px;
}
th.infoTop
{
	background: url(/images/panel/info/top.png) repeat-x top;
	height: 12px;	
}
td.infoLeftTop
{
	background: url(/images/panel/info/top_left.png) no-repeat;
	height: 12px;width: 10px;
}
td.infoRightTop
{
	background: url(/images/panel/info/top_right.png) no-repeat;
	height: 12px;width: 10px;
}
td.infoLeft
{
	background: url(/images/panel/info/left.png) repeat-y left;
	width: 10px;
}
td.infoRight
{
	background: url(/images/panel/info/right.png) repeat-y right;
	width: 10px;
}

td.infoLeftBottom
{
	background: url(/images/panel/info/bottom_left.png) no-repeat;
	height: 12px;width: 10px;
}

td.infoRightBottom
{
	background: url(/images/panel/info/bottom_right.png) no-repeat;
	height: 12px;width: 10px;
}

td.infoBottom
{
	background: url(/images/panel/info/bottom.png) repeat-x;
	height: 12px;
}
td.infoBack 
{
	background: url(/images/panel/info/back.png) repeat;
	padding-top: 3px;
}