/*   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:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-color:#455058;
line-height:20px;
display:block;
margin:10px 0;
}
.borderlesscontainerbody .normal{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-color:#455058;
line-height:20px;
display:block;
margin:10px 0;
}
.borderlesstitle {
font-family:"trebuchet ms", verdana, arial, tahoma, sans-serif;
color:#999999;
font-weight:normal;
line-height:54px;
font-size:24px;
padding-left:0px;
display:block;
text-align:left;
}

.borderlesscontrols {
}

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


/* ***** Rounded Grey Container ***** */
.gradienttitle {
background:transparent url(images/gradienttitle.gif) no-repeat top right;
position:relative;
width:100%;
height:54px;
}
.gradienttitleleft {
background:transparent url(images/gradienttitleleft.gif) no-repeat top left;
position:relative;
width:17px;
margin-left:-17px;
height:54px;
float:left;
}
.gradienttitletext {
font-family:georgia, times, "times new roman", serif;
color:#666666;
font-weight:normal;
line-height:54px;
font-size:22px;
padding-left:10px;
display:block;
float:left;
}
.gradientcontent {
background-color:#122f52;
border-right:1px solid #d3d3d3;
border-left:1px solid #d3d3d3;
margin-left:-17px;
}
.gradientcontent2 {
background-color:#f2f2f2;
border-right:2px solid #ffffff;
border-left:2px solid #ffffff;
margin-left:0px;
padding:0 20px;
color:#3b3b3b;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:20px;
}
.gradientcontent .normal{
color:#3b3b3b;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
}
.gradientfooter {
background:transparent url(images/gradientfooter.gif) no-repeat top right;
position:relative;
width:100%;
height:42px;
}
.gradientfooterleft {
background:transparent url(images/gradientfooterleft.gif) no-repeat top left;
position:relative;
width:17px;
margin-left:-17px;
height:42px;
float:left;
}



/* ***** Orange Box Container ***** */
.orangetitle {
background:transparent url(images/orangetop.gif) no-repeat top right;
position:relative;
width:100%;
height:50px;
}
.orangetitleleft {
background:transparent url(images/orangetopleft.gif) no-repeat top left;
position:relative;
width:17px;
margin-left:-16px;
height:50px;
float:left;
}
.boxtitle {
font-family:"trebuchet ms", verdana, arial, tahoma, sans-serif;
color:#ffffff;
font-weight:bold;
line-height:50px;
font-size:24px;
padding-left:0px;
display:block;
float:left;
}
.orangecontent {
background-color:#ff7e00;
border-right:4px solid #ea6300;
border-left:4px solid #ea6300;
margin-left:-16px;
padding:0 14px;
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
}
.orangecontent .normal{
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
}
.orangefooter {
background:transparent url(images/orangebottom.gif) no-repeat top right;
position:relative;
width:100%;
height:42px;
}
.orangefooterleft {
background:transparent url(images/orangebottomleft.gif) no-repeat top left;
position:relative;
width:16px;
margin-left:-16px;
height:42px;
float:left;
}


/* ***** Green Box Container ***** */
.greentitle {
background:transparent url(images/greentop.gif) no-repeat top right;
position:relative;
width:100%;
height:50px;
}
.greentitleleft {
background:transparent url(images/greentopleft.gif) no-repeat top left;
position:relative;
width:17px;
margin-left:-16px;
height:50px;
float:left;
}
.boxtitle {
font-family:"trebuchet ms", verdana, arial, tahoma, sans-serif;
color:#ffffff;
font-weight:bold;
line-height:50px;
font-size:24px;
padding-left:0px;
display:block;
float:left;
}
.greencontent {
background-color:#709120;
border-right:4px solid #537405;
border-left:4px solid #537405;
margin-left:-16px;
padding:0 14px;
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
}
.greencontent .normal{
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
}
.greenfooter {
background:transparent url(images/greenbottom.gif) no-repeat top right;
position:relative;
width:100%;
height:42px;
}
.greenfooterleft {
background:transparent url(images/greenbottomleft.gif) no-repeat top left;
position:relative;
width:16px;
margin-left:-16px;
height:42px;
float:left;
}



/* ***** Blue Box Container ***** */
.bluetitle {
background:transparent url(images/bluetop.gif) no-repeat top right;
position:relative;
width:100%;
height:50px;
}
.bluetitleleft {
background:transparent url(images/bluetopleft.gif) no-repeat top left;
position:relative;
width:17px;
margin-left:-16px;
height:50px;
float:left;
}
.boxtitle {
font-family:"trebuchet ms", verdana, arial, tahoma, sans-serif;
color:#ffffff;
font-weight:bold;
line-height:50px;
font-size:24px;
padding-left:0px;
display:block;
float:left;
}
.bluecontent {
background-color:#4e87c6;
border-right:4px solid #2664a9;
border-left:4px solid #2664a9;
margin-left:-16px;
padding:0 14px;
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
}
.bluecontent .normal{
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
}
.bluefooter {
background:transparent url(images/bluebottom.gif) no-repeat top right;
position:relative;
width:100%;
height:42px;
}
.bluefooterleft {
background:transparent url(images/bluebottomleft.gif) no-repeat top left;
position:relative;
width:16px;
margin-left:-16px;
height:42px;
float:left;
}