/*   Copyright � 2007-2008 - WebWhirlers
	 This skin package is made available free for personal and business use. 
	 May not be resold or redistributed, included in any collections of skins or other. 
	 For more skins, please check out www.webwhirlers.com  */


/* ***** Container - HOME BOX ***** */
.boxtop
{
	width: 196px;
	height: 66px;
	background: url(images/container1top.gif) no-repeat;
	margin: 0;
}
.boxtitle
{
	float: left;
	padding-left: 10px;
}
.boxtitlestyle
{
	font-family: "trebuchet ms" , trebuchet, tahoma,arial,verdana,sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #BCCBD8;
	line-height: 50px;
}
.boxicon
{
	width: 50px;
	height: 50px;
	float: right;
	padding-top: 2px;
}
.boxbody
{
	width: 196px;
	background: url(images/container1body.gif);
	padding: 0px;
	display: block;
	font-size: 11px;
}
.boxbottom
{
	width: 196px;
	height: 7px;
	background: url(images/container1bottom.gif) no-repeat;
}
.boxtext
{
	margin: 0 10px 0 7px;
	width: 179px;
	font-family: tahoma, arial, verdana, sans-serif;
	font-size: 11px;
	font-color: #374049;
	line-height: 16px;
}

/* ***** Container - BORDERLESS ***** */
.borderlesscontainertop
{
}
.borderlesscontainertitle
{
	font-family: "trebuchet ms" , trebuchet, tahoma,arial,verdana,sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #be0000;
	line-height: 30px;
}
.borderlesscontainerbody
{
	font-family: tahoma, arial, verdana, sans-serif;
	font-size: 11px;
	font-color: #455058;
	line-height: 18px;
	display: block;
}
.bordernesscontainerbottom
{
}

/* ***** Container - FIXED BORDERLESS ***** */
.borderlesscontainertop-fixed
{
	width: 650px;
}
.borderlesscontainerbody-fixed
{
	width: 650px;
	font-family: tahoma, arial, verdana, sans-serif;
	font-size: 11px;
	font-color: #455058;
	line-height: 18px;
	display: block;
}
.bordernesscontainerbottom-fixed
{
	width: 650px;
}


/* ***** Container - LEFT ***** */
.leftcontainertop
{
	background: url(images/leftcontainertop.gif) no-repeat;
	height: 45px;
	text-align: left;
	display: block;
}
.leftcontainerbody
{
	padding: 0px;
	display: block;
	background-color: #e2e5e8;
}
.leftcontainerbottom
{
}
.leftcontainertext
{
	margin: 0px 5px 1px 5px;
	font-family: tahoma, arial, verdana, sans-serif;
	font-size: 11px;
	color: #374049;
	line-height: 16px;
	display: block;
}
.leftcontainertitlestyle
{
	font-family: "trebuchet ms" , trebuchet, tahoma,arial,verdana,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	line-height: 24px;
	padding-left: 30px;
}

/* ***** Container - BORDER - BLACK ***** */
.borderbox
{
	position: relative;
	margin: 0px auto;
	margin-left: 22px;
}
.bordertitle
{
	background: transparent url(images/border_title_back.gif) no-repeat top right;
	position: relative;
	width: 100%;
	height: 56px;
}
.bordertitleleft
{
	background: transparent url(images/border_title_left.gif) no-repeat top left;
	position: relative;
	width: 22px;
	margin-left: -22px;
	height: 56px;
	float: left;
}
.bordertitletext
{
	font-family: "trebuchet ms" ,tahoma,arial,verdana;
	color: #f0f2f4;
	font-weight: normal;
	line-height: 40px;
	font-size: 20px;
	padding-left: 3px;
	display: block;
}
.borderfooter
{
	background: transparent url(images/border_footer_back.gif) no-repeat top right;
	position: relative;
	width: 100%;
	height: 18px;
	clear:both;
}
.borderfooterleft
{
	background: transparent url(images/border_footer_left.gif) no-repeat top left;
	position: relative;
	width: 22px;
	margin-left: -22px;
	height: 18px;
}
.bordercontent
{
	/*background-color: #f0f2f4;*/
	/* border-right: 2px solid #d4dbe0; */
	/* border-left: 2px solid #d4dbe0; */
	
	margin-left: -22px;
	padding: 0px 5px;
	font-family: tahoma,arial,verdana;
	font-size: 12px;
	line-height: 18px;
	
	/*border: solid 1px red;*/
	width: 100%;
}

/* ***** Container - BORDER - COLOR ***** */
.bordertitlecolor
{
	background: transparent url(images/border_title_back_color.gif) no-repeat top right;
	position: relative;
	width: 100%;
	height: 56px;
}
.bordertitleleftcolor
{
	background: transparent url(images/border_title_left_color.gif) no-repeat top left;
	position: relative;
	width: 22px;
	margin-left: -22px;
	height: 56px;
	float: left;
}



