/*   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  */

/*
MODIFICATION HISTORY
2008-02-15  jpease  Added Containers:

                        BLACK GLASS HOME BOX
                        redGlass
                        blackGlass

2008-02-15	mruel	Removed these styles from boxicon to prevent extra white space from long titles
					width:50px;
					height:50px;
2008-02-15	mruel	Changed the font-weight to bold in boxtitlestyle.
*/
	 
/* ***** 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:bold;
color:#BCCBD8;
line-height:50px;
}
.boxicon {
float:right;
padding-top:2px;
}
.boxbody {
width:170px;
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 - BLACK GLASS HOME BOX ***** */
.blackglasshometop {
width:170px;
height:55px;
background:url(images/blackglasshome1top.gif) no-repeat;
margin:0;
}
.blackglasshometitle {
float:left;
padding-left:0px;
}
.blackglasshometitlestyle {
font-family:"trebuchet ms",tahoma,arial,verdana;
color:#f0f2f4;
font-weight:bold;
line-height:40px;
font-size:14px;
padding-left:0px;
display:block;
}
.blackglasshomeicon {
float:right;
padding-top:2px;
}
.blackglasshomebody {
width:170px;
background:url(images/container1body.gif);
padding:0px 0px 0px 5px;
display:block;
font-size:11px;
}
.blackglasshomebottom {
width:170px;
height:7px;
background:url(images/container1bottom.gif) no-repeat;
}
.blackglasshometext {
margin:0 10px 0 7px;
width:148px;
font-family:tahoma, arial, verdana, sans-serif;
font-size:8px;
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 - 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 15px;
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:15px;
font-weight:bold;
padding-left:10px;
display:block;
}
.borderfooter {
background:transparent url(images/border_footer_back.gif) no-repeat top right;
position:relative;
width:100%;
height:18px;
}
.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 10px;
font-family:tahoma,arial,verdana;
font-size:12px;
line-height:18px;
}

/* ***** 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;
}

/* ***** Container - BORDER - redGlass  ***** */
.redglasstitlecolor {
background:transparent url(images/redGlass_title_back.gif) no-repeat top right;
position:relative;
width:100%;
height:56px;
}
.redglasstitleleftcolor {
background:transparent url(images/redglass_title_left.gif) no-repeat top left;
position:relative;
width:22px;
margin-left:-22px;
height:56px;
float:left;
}

/* ***** Container - BORDER - redGlass  ***** */
.blackglasstitlecolor {
background:transparent url(images/blackGlass_title_back.gif) no-repeat top right;
position:relative;
width:100%;
height:56px;
}
.blackglasstitleleftcolor {
background:transparent url(images/blackglass_title_left.gif) no-repeat top left;
position:relative;
width:22px;
margin-left:-22px;
height:56px;
float:left;
}