/*   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 {
margin:0px auto;
margin-left:8px;
}

/* ***** Content Area for All WideColor Containers ***** */
.barcontent  {
background-color:#dedede;
border-right:1px solid #000000;
border-left:1px solid #000000;
border-bottom:1px solid #000000;
margin-left:-8px;
padding:0px 10px;
font-family:verdana,tahoma,arial;
font-size:11px;
line-height:17px;
color:#ddbb72;
}
/* ***** Title For All Narrow Colorbars ***** */

/* ***** 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;
}
.bluebarcontent .normal{
background-color:#122f52;
border-right:1px solid #000000;
border-left:1px solid #000000;
border-bottom:1px solid #000000;
margin-left:-8px;
padding:0px 10px;
font-family:verdana,tahoma,arial;
font-size:11px;
line-height:17px;
color:#91c5ff;
}

.bluebordertitletext {
font-family:verdana,tahoma,arial;
color:#83bbff;
font-weight:normal;
line-height:44px;
font-size:14px;
padding-left:10px;
display:block;
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;
}
.greenbarcontent .normal {
background-color:#243f1f;
border-right:1px solid #000000;
border-left:1px solid #000000;
border-bottom:1px solid #000000;
margin-left:-8px;
padding:0px 10px;
font-family:verdana,tahoma,arial;
font-size:11px;
line-height:17px;
color:#a7e78c;
}
.greenbordertitletext {
font-family:verdana,tahoma,arial;
color:#a7e78c;
font-weight:normal;
line-height:44px;
font-size:14px;
padding-left:10px;
display:block;
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;
}
.redbarcontent .normal {
background-color:#490709;
border-right:1px solid #000000;
border-left:1px solid #000000;
border-bottom:1px solid #000000;
margin-left:-8px;
padding:0px 10px;
font-family:verdana,tahoma,arial;
font-size:11px;
line-height:17px;
color:#e45d5d;
}
.redbordertitletext {
font-family:verdana,tahoma,arial;
color:#ff5a5a;
font-weight:normal;
line-height:44px;
font-size:14px;
padding-left:10px;
display:block;
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;
}
.orangebarcontent .normal {
background-color:#7a5608;
border-right:1px solid #000000;
border-left:1px solid #000000;
border-bottom:1px solid #000000;
margin-left:-8px;
padding:0px 10px;
font-family:verdana,tahoma,arial;
font-size:11px;
line-height:17px;
color:#ddbb72;
}
.orangebordertitletext {
font-family:verdana,tahoma,arial;
color:#000000;
font-weight:normal;
line-height:44px;
font-size:14px;
padding-left:10px;
display:block;
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;
}

/* ***** Narrow Grey ***** */
.bartitlegrey {
background:transparent url(images/bartitlegrey.gif) no-repeat top right;
position:relative;
width:100%;
height:44px;
}
.bartitlegreyleft {
background:transparent url(images/bartitlegreyleft.gif) no-repeat top left;
position:relative;
width:8px;
margin-left:-8px;
height:44px;
float:left;
}
.greybarcontent .normal {
background-color:#3d3f41;
border-right:1px solid #000000;
border-left:1px solid #000000;
border-bottom:1px solid #000000;
margin-left:-8px;
padding:0px 10px;
font-family:verdana,tahoma,arial;
font-size:11px;
line-height:17px;
color:#dddddd;
}
.greybordertitletext {
font-family:verdana,tahoma,arial;
color:#dddddd;
font-weight:normal;
line-height:44px;
font-size:14px;
padding-left:10px;
display:block;
float:left;
}
/* ***** Wide Grey ***** */
.widebartitlegrey {
background:transparent url(images/widebartitlegrey.gif) no-repeat top right;
position:relative;
width:100%;
height:44px;
}
.widebartitlegreyleft {
background:transparent url(images/widebartitlegreyleft.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:#ffffff;
font-weight:normal;
line-height:43px;
font-size:18px;
padding-left:10px;
display:block;
float:left;
}
.gradientcontent {
background-color:#122f52;
border-right:1px solid #000000;
border-left:1px solid #000000;
margin-left:-8px;
padding:0px 10px;
font-family:verdana,tahoma,arial;
font-size:11px;
line-height:17px;
color:#ffffff;
}
.gradientcontent .normal{
color:#ffffff;
}
.gradientfooter {
background:transparent url(images/gradientfooter.gif) no-repeat top right;
position:relative;
width:100%;
height:25px;
}
.gradientfooterleft {
background:transparent url(images/gradientfooterleft.gif) no-repeat top left;
position:relative;
width:8px;
margin-left:-8px;
height:25px;
float:left;
}




/* ***** Gradient-Grey Container ***** */
.gradientgreytitle {
background:transparent url(images/gradientgreytitle.gif) no-repeat top right;
position:relative;
width:100%;
height:43px;
text-align: left;
}
.gradientgreytitleleft {
background:transparent url(images/gradientgreytitleleft.gif) no-repeat top left;
position:relative;
width:8px;
margin-left:-8px;
height:43px;
float:left;
text-align: left;
}
.gradientgreycontent {
background-color:#3d3f41;
border-right:1px solid #000000;
border-left:1px solid #000000;
margin-left:-8px;
padding:0px 10px;
font-family:verdana,tahoma,arial;
font-size:11px;
line-height:17px;
color:#ffffff;
text-align: left;
}
.gradientgreycontent .normal{
color:#ffffff;
text-align: left;
}
.gradientgreyfooter {
background:transparent url(images/gradientgreyfooter.gif) no-repeat top right;
position:relative;
width:100%;
height:25px;
}
.gradientgreyfooterleft {
background:transparent url(images/gradientgreyfooterleft.gif) no-repeat top left;
position:relative;
width:8px;
margin-left:-8px;
height:25px;
float:left;
}



/* ***** Gradient-Red Container ***** */
.gradientredtitle {
background:transparent url(images/gradientredtitle.gif) no-repeat top right;
position:relative;
width:100%;
height:43px;
}
.gradientredtitleleft {
background:transparent url(images/gradientredtitleleft.gif) no-repeat top left;
position:relative;
width:8px;
margin-left:-8px;
height:43px;
float:left;
}
.gradientredcontent {
background-color:#490709;
border-right:1px solid #000000;
border-left:1px solid #000000;
margin-left:-8px;
padding:0px 10px;
font-family:verdana,tahoma,arial;
font-size:11px;
line-height:17px;
color:#ffffff;
}
.gradientredcontent .normal{
color:#ffffff;
}
.gradientredfooter {
background:transparent url(images/gradientredfooter.gif) no-repeat top right;
position:relative;
width:100%;
height:25px;
}
.gradientredfooterleft {
background:transparent url(images/gradientredfooterleft.gif) no-repeat top left;
position:relative;
width:8px;
margin-left:-8px;
height:25px;
float:left;
}


/* ***** Gradient-Orange Container ***** */
.gradientorangetitle {
background:transparent url(images/gradientorangetitle.gif) no-repeat top right;
position:relative;
width:100%;
height:43px;
}
.gradientorangetitleleft {
background:transparent url(images/gradientorangetitleleft.gif) no-repeat top left;
position:relative;
width:8px;
margin-left:-8px;
height:43px;
float:left;
}
.gradientorangecontent {
background-color:#7a5608;
border-right:1px solid #000000;
border-left:1px solid #000000;
margin-left:-8px;
padding:0px 10px;
font-family:verdana,tahoma,arial;
font-size:11px;
line-height:17px;
color:#ffffff;
}
.gradientorangecontent .normal{
color:#ffffff;
}
.gradientorangefooter {
background:transparent url(images/gradientorangefooter.gif) no-repeat top right;
position:relative;
width:100%;
height:25px;
}
.gradientorangefooterleft {
background:transparent url(images/gradientorangefooterleft.gif) no-repeat top left;
position:relative;
width:8px;
margin-left:-8px;
height:25px;
float:left;
}

/* ***** Gradient-Gree Container ***** */
.gradientgreentitle {
background:transparent url(images/gradientgreentitle.gif) no-repeat top right;
position:relative;
width:100%;
height:43px;
}
.gradientgreentitleleft {
background:transparent url(images/gradientgreentitleleft.gif) no-repeat top left;
position:relative;
width:8px;
margin-left:-8px;
height:43px;
float:left;
}
.gradientgreencontent {
background-color:#243f1f;
border-right:1px solid #000000;
border-left:1px solid #000000;
margin-left:-8px;
padding:0px 10px;
font-family:verdana,tahoma,arial;
font-size:11px;
line-height:17px;
color:#ffffff;
}
.gradientgreencontent .normal{
color:#ffffff;
}
.gradientgreenfooter {
background:transparent url(images/gradientgreenfooter.gif) no-repeat top right;
position:relative;
width:100%;
height:25px;
}
.gradientgreenfooterleft {
background:transparent url(images/gradientgreenfooterleft.gif) no-repeat top left;
position:relative;
width:8px;
margin-left:-8px;
height:25px;
float:left;
}