/*   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, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
font-color:#000000;
display:block;
margin:10px 0;
}
.borderlesscontainerbody .normal{
font-family:tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
color:#000000;

display:block;
margin:10px 0;
}
.borderlesstitle {
font-family:"trebuchet ms", verdana, arial, tahoma, sans-serif;
color:#666666;
font-weight:normal;
line-height:34px;
font-size:18px;
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:50px;
}
.gradienttitleleft {
background:transparent url(images/gradienttitleleft.gif) no-repeat top left;
position:relative;
width:17px;
margin-left:-17px;
height:50px;
float:left;
}
.gradienttitletext {
font-family:"trebuchet ms", verdana, arial, tahoma, sans-serif;
color:#777777;
font-weight:normal;
line-height:50px;
font-size:18px;
padding-left:10px;
display:block;
float:left;
}
.gradientcontent {
border-right:1px solid #dddddd;
border-left:1px solid #dddddd;
margin-left:-17px;
}
.gradientcontent2 {
background-color:#f6f6f6;
border-right:3px solid #ffffff;
border-left:3px solid #ffffff;
margin-left:0px;
padding:0 20px;
color:#555555;
font-family:tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
}
.gradientcontent .normal{
color:#555555;
font-family:tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
}
.gradientfooter {
background:transparent url(images/gradientfooter.gif) no-repeat top right;
position:relative;
width:100%;
height:16px;
}
.gradientfooterleft {
background:transparent url(images/gradientfooterleft.gif) no-repeat top left;
position:relative;
width:17px;
margin-left:-17px;
height:16px;
float:left;
}

.boxtitle {
font-family:"trebuchet ms", verdana, arial, tahoma, sans-serif;
color:#000;
font-weight:bold;
line-height:34px;
font-size:16px;
padding-left:0px;
display:block;
padding-top:5px;
padding-bottom:5px;
}

/* ***** Green Box Container ***** */
.greencontentborder {
border:1px solid #ccc;
width:100%;
}
.greencontent {
background-color:#d9e306;
border:2px solid #fff;
padding:0 15px 15px 15px;
color:#51640f;
font-family:tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
background:url(images/greenback.gif);
}
.greencontent .normal{
color:#51640f;
font-family:tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
}

/* ***** Blue Box Container ***** */
.bluecontentborder {
border:1px solid #ccc;
}
.bluecontent {
background-color:#d9e306;
border:2px solid #fff;
padding:0 15px 15px 15px;
color:#003455;
font-family:tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
background:url(images/blueback.gif);
}
.bluecontent .normal{
color:#003455;
font-family:tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
}

/* ***** Orange Box Container ***** */
.orangecontentborder {
border:1px solid #ccc;
}
.orangecontent {
background-color:#ffb400;
border:2px solid #fff;
padding:0 15px 15px 15px;
color:#553c00;
font-family:tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
background:url(images/orangeback.gif);
}
.orangecontent .normal{
color:#553c00;
font-family:tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
}
/* ***** Red Box Container ***** */
.redcontentborder {
border:1px solid #ccc;
}
.redcontent {
background-color:#d84b29;
border:2px solid #fff;
padding:0 15px 15px 15px;
color:#5a1100;
font-family:tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
background:url(images/redback.gif);
}
.redcontent .normal{
color:#5a1100;
font-family:tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
}