/*   Copyright  2007-2008 - WebWhirlers
Once purchased, the standard license of this skin pack may be installed on one portal. 
The unlimited portal license allow you to install this skin on any number of portals.
You may not resell or allow download of this skin pack.
	 For more skins, please check out www.webwhirlers.com  */
	 

/* ***** Container - BORDERLESS ***** */
.borderlesscontainerbody {
font-family:tahoma, arial, verdana, sans-serif;
font-size:11px;
font-color:#455058;
line-height:18px;
display:block;
}
.borderlesscontrols {
}

/* ***** Wrapper for all Containers ***** */
.colorbarbox {
position:relative;
margin:0px auto;
margin-left:8px;
}

/* ***** Content Area for All Color Containers ***** */
.barcontent {
background-color:#ffffff;
border-right:1px solid #c0c0c0;
border-left:1px solid #c0c0c0;
border-bottom:1px solid #c0c0c0;
margin-left:-8px;
padding:0px 10px;
font-family:verdana,tahoma,arial;
font-size:11px;
line-height:17px;
color:#6d6d6d;
}
/* ***** Title For All Narrow Colorbars ***** */
.bordertitletext {
font-family:verdana,tahoma,arial;
color:#525252;
font-weight:normal;
line-height:44px;
font-size:14px;
padding-left:10px;
display:block;
float:left;
}
/* ***** Title For All Wide Colorbars ***** */
.bordertitletext2 {
font-family:verdana,tahoma,arial;
color:#ffffff;
font-weight:bold;
line-height:32px;
font-size:12px;
padding-left:10px;
display:block;
float:left;
}

/* ***** Narrow Blue ***** */
.bartitleblue {
background:transparent url(images/bartitleblue.gif) no-repeat top right;
position:relative;
width:100%;
height:44px;
}
.bartitleblueleft {
background:transparent url(images/bartitleblueleft.gif) no-repeat top left;
position:relative;
width:8px;
margin-left:-8px;
height:44px;
float:left;
}
/* ***** Wide Blue ***** */
.widebartitleblue {
background:transparent url(images/widebartitleblue.gif) no-repeat top right;
position:relative;
width:100%;
height:44px;
}
.widebartitleblueleft {
background:transparent url(images/widebartitleblueleft.gif) no-repeat top left;
position:relative;
width:8px;
margin-left:-8px;
height:44px;
float:left;
}
/* ***** Narrow Green ***** */
.bartitlegreen {
background:transparent url(images/bartitlegreen.gif) no-repeat top right;
position:relative;
width:100%;
height:44px;
}
.bartitlegreenleft {
background:transparent url(images/bartitlegreenleft.gif) no-repeat top left;
position:relative;
width:8px;
margin-left:-8px;
height:44px;
float:left;
}
/* ***** Wide Green ***** */
.widebartitlegreen {
background:transparent url(images/widebartitlegreen.gif) no-repeat top right;
position:relative;
width:100%;
height:44px;
}
.widebartitlegreenleft {
background:transparent url(images/widebartitlegreenleft.gif) no-repeat top left;
position:relative;
width:8px;
margin-left:-8px;
height:44px;
float:left;
}
/* ***** Narrow Red ***** */
.bartitlered {
background:transparent url(images/bartitlered.gif) no-repeat top right;
position:relative;
width:100%;
height:44px;
}
.bartitleredleft {
background:transparent url(images/bartitleredleft.gif) no-repeat top left;
position:relative;
width:8px;
margin-left:-8px;
height:44px;
float:left;
}
/* ***** Wide Red ***** */
.widebartitlered {
background:transparent url(images/widebartitlered.gif) no-repeat top right;
position:relative;
width:100%;
height:44px;
}
.widebartitleredleft {
background:transparent url(images/widebartitleredleft.gif) no-repeat top left;
position:relative;
width:8px;
margin-left:-8px;
height:44px;
float:left;
}
/* ***** Narrow Orange ***** */
.bartitleorange {
background:transparent url(images/bartitleorange.gif) no-repeat top right;
position:relative;
width:100%;
height:44px;
}
.bartitleorangeleft {
background:transparent url(images/bartitleorangeleft.gif) no-repeat top left;
position:relative;
width:8px;
margin-left:-8px;
height:44px;
float:left;
}
/* ***** Wide Orange ***** */
.widebartitleorange {
background:transparent url(images/widebartitleorange.gif) no-repeat top right;
position:relative;
width:100%;
height:44px;
}
.widebartitleorangeleft {
background:transparent url(images/widebartitleorangeleft.gif) no-repeat top left;
position:relative;
width:8px;
margin-left:-8px;
height:44px;
float:left;
}
/* ***** Gradient Container ***** */
.gradienttitle {
background:transparent url(images/gradienttitle.gif) no-repeat top right;
position:relative;
width:100%;
height:43px;
}
.gradienttitleleft {
background:transparent url(images/gradienttitleleft.gif) no-repeat top left;
position:relative;
width:8px;
margin-left:-8px;
height:43px;
float:left;
}
.gradienttitletext {
font-family:verdana,tahoma,arial;
color:#002e6c;
font-weight:normal;
line-height:43px;
font-size:18px;
padding-left:10px;
display:block;
float:left;
}
.gradientcontent {
background-color:#f1f1f1;
border-right:1px solid #ffffff;
border-left:1px solid #ffffff;
margin-left:-8px;
padding:0px 10px;
font-family:verdana,tahoma,arial;
font-size:11px;
line-height:17px;
color:#6d6d6d;
}
.gradientfooter {
background:transparent url(images/gradientfooter.gif) no-repeat top right;
position:relative;
width:100%;
height:19px;
}
.gradientfooterleft {
background:transparent url(images/gradientfooterleft.gif) no-repeat top left;
position:relative;
width:8px;
margin-left:-8px;
height:19px;
float:left;
}