/* 
Skin: Live Chat
Designed by: Kevin Krpicak
Skinned by: Kevin Krpicak
Company: WSI (the bonanno group)
*/ 

/*background properties*/
.pagemaster, body { 
	margin:0;
	padding:0;
	width: 100%;
	font-family:Arial;
	font-size:12px;
}


.Normal{font-size:12px;
font-family:Arial;}

/*main table*/
.skinmaster {
	width:100%;
	margin:0px auto;
	background-color:none;
}
.center_align{width:900px;
	margin:0 auto;
	clear:both;}
/*header section*/
.header_background{
	width:100%;
	background:url(images/background.jpg) bottom left repeat-x;
	border-bottom:2px solid #ddd;
}
.header, .topcontent {
	clear:both;
	width:100%;
	
}
.topcontent table td{vertical-align:bottom;padding-bottom:15px;} 
.topcontent td#dnn_TopMiddlePane{vertical-align:bottom;/*width:100%;*/
color:#013766;
font-size:24px;
font-weight:bold;
line-height:1;
padding:5px;
margin:0px;
padding-bottom:20px;
}
.topcontent td#dnn_UserInfoPane{vertical-align:bottom; white-space:nowrap; padding-bottom:20px;}
.topcontent td#dnn_TopMiddlePane img{margin-bottom:10px;}
.usercss{
color:#013766;
font-size:24px;
font-weight:bold;
line-height:1;
padding:5px;
margin:0px;}

.livechat{display:block;width:900px; margin:0px auto; position:relative;}
.livechat_main{position:absolute;right:0;bottom:-26px;} /* needed for positioning main livechat graphic*/
.livechat_extra{position:absolute;right:237px;bottom:-26px;} /* needed for positioning the extra image (hand)*/

.livechat_guy{position:absolute; z-index:100; margin-top:-40px; width:231px; margin-left:-45px; *margin-left:-250px; height:242px;} /* needed for positioning live chat guy*/
.livechat_guy img{float:right;}

.skinmainheader{
padding:0;
vertical-align:middle;
padding-right:0;
padding-left:1px;
*padding-top:1px;/*ie hack*/
padding-right:10px;
}

.skinmainheader img{position:relative;left:1px;}

.skingradient {
	clear:both;
	background:none;
	position:relative;
	z-index:1;
	color:#000;
	padding:0;
	vertical-align:top;
}

.search {float:right;}



.controlpanel {
	clear:both;
	margin:0 auto;
	/*background:url(images/background.jpg) bottom left repeat-x;*/
	background:transparent;
	padding:0;
	border:0px;	
}

table.ControlPanel{padding:0;
background:#eee;
border-bottom:3px solid #eee;}

.controlpanel .SubHead{
display:inline;
color:#000;
font-size:12px;
border-bottom:none;
}

/*CommandButton img property ::: doesnt do anything for ie*/
a.CommandButton > img, a:hover.CommandButton > img{
background:#fff;
display:block;
padding:3px;
margin:0;
border:1px solid #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
a:hover.CommandButton > img{
background:#eee;
display:block;
padding:3px;
margin:0;
}

.controlpanel a.CommandButton, .controlpanel a:link.CommandButton, .controlpanel a:visited.CommandButton{
color:#000;
text-decoration:none;
font-family:Verdana;
font-size:11px;
}
.controlpanel a:hover.CommandButton{
text-decoration:underline;
}


.table{/*====table style for content panes====*/
width:698px;
height:100%;
position:relative;
margin:20px 10px 0 200px;
*padding-top:20px;
text-align:left;
vertical-align:top;
background:none;
}

.pane{/*====style for panes====*/
/*padding:3px 10px;*/
text-align:left;
vertical-align:top;
font-size:12px;
}
.titlepane{font-size: 45.5px; color: rgb(1, 55, 102);}
.titlepane b{color: rgb(108, 189, 236);}

.pane .SubHead{color:#999;
font-size:12px;
font-weight:bold;}
.pane p, .pane table td p{/*margin:3px 10px;*/
/*padding:5px;*/}
.header .pane{vertical-align:middle;}
.header .pane p{margin:3px 10px;
padding:0;
}
.pane_table{
width:100%;}
.pane_table td{
vertical-align:top;
}

table.ControlPanel{
border-bottom:0;
border-color:none;
}

.bottompane {
	clear:both;
	background-color: transparent;
}



.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}


/*
=======================
 FOOTER MENU
=======================
*/
	.table2{margin-top:5px;
		height:38px;
		color:#013766;
		background:none;
		font-size:12px;
	}
	.footer{margin:0;	
		padding:0;
		text-align:center;
		background:url(images/footer_border.jpg) center center no-repeat;
		height:2px;
		width:100%;
		margin-top:10px;
		}
	.footer ul{margin:0; padding:0;}
	.footer li{
		float:left;
		list-style-type:none;
		padding:0 5px;
		border-right:1px solid #000;}
	.footer li.endli
		{border-right:0px;}

	.footertext{
		clear:both;
		text-align:center;
		font-size:12px;
		margin:0 auto;
		padding:0;
	}
	.footertext td.pane{vertical-align:middle;}
	.footertext td.pane p{padding:5px; margin:3px 0px;}
	.footertext td{padding:0 5px;}




