/********************************************************************
 *        This file defines the CSS Classes for the Boxes           *
 ********************************************************************/

/********************************************************************
 *                    Classes used on All Boxes                     *
 ********************************************************************/

/* The boxes' top corners */
.boxtc {
	vertical-align: top;
	background-color: #ffffff;
	font-size: 0px;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
/* The boxes' top line */
.boxt {
	background-color: #ffffff;
    background-repeat: repeat-x;
	vertical-align: bottom;
	text-align: left;
	font-size: 12px;
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	width: 100%;
}
/* The boxes' bottom line */
.boxb {
	background-color: #ffffff;
	font-size : 0px;
    background-repeat: repeat-x;
	vertical-align: top;
	margin: 0;
	padding: 0;
	border: 0;
}
/* The boxes' bottom corners */
.boxbc {
	background-color: #ffffff;
	font-size: 0px;
	vertical-align: top;
	margin: 0;
	padding: 0;
	border: 0;
}
/* The boxes' right and left */
.boxLeft {
	font-size: 0;
	width: 1px;
	margin: 0px;
	border: none; 
	padding: 0px;
	border-collapse: collapse;
	background-repeat: repeat-y;
}
.boxRight {
	font-size: 0;
	width: 1px;
	margin: 0px;
	border: none; 
	padding: 0px;
	border-collapse: collapse;
	background-repeat: repeat-y;
}

/********************************************************************
 *              FROM HERE, BOX SPECIFIC CLASSES                     *
 ********************************************************************/

/************************************************
 *              External Box                    *
 ************************************************/

/* Used in the content pane. It is light grey and has not a title */
.externalbox {
	color: #000000;
	text-align: center;
	vertical-align: top;
	background-color: #EFEFEF;
	height: 100%;
	width: 100%;
	border: 0px;
	padding: 0px;
	margin:  0 auto 0 auto;
	padding-bottom: 20px;
	/*-moz-border-radius: 12px 12px 12px 12px;*/
}

/************************************************
 *          External Box White                  *
 ************************************************/

/* It is, as the name suggests, white in the background and has light grey border */
.externalboxWhite {
	color: #000000;
	text-align: center;
	vertical-align: top;
	background-color: #FFFFFF;
	height: 100%;
	width: 100%;
	border: 0px;
	padding: 0px;
	margin:  0 auto 0 auto;
}

/************************************************
 *              Internal Box                    *
 ************************************************/


/* Title color for the boxes  */
.boxtitle {
	color: #ffffff;
}

.boxHeader {
	background-color:#464646;
}



/* Used in the internal boxes of the content pane. It has a dark grey border
   and has a title, whose properties are set in the next classe  */
.internalbox {
	text-align: left;
	vertical-align: bottom;
	background-color: #ffffff;
	height: auto;
	width: 540px;
	border: 0px;
	margin:  0px;
}

/* The format for the title in the internal boxes, when there's backbutton  */
.internalbox_title h1 {
	float: left;
	color: #ffffff;
	font-size: 12px;
	font-family: verdana, arial;
	text-align: left;
	vertical-align: bottom;
	font-weight: bold;
	padding: 0px 0px 0px 2px;
	border-collapse: collapse;
	border:  0;
	margin:  0;
}

/* The format for the title in the internal boxes, when there's no backbutton */
.internalbox_title h2 {
	float: left;
	color: #ffffff;
	font-size: 12px;
	font-family: verdana, arial;
	text-align: left;
	vertical-align: bottom;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	border: 0;
	margin: 0;
}

/************************************************
 *                Album Box                     *
 ************************************************/

/* Used in the internal boxes of the content pane. It has a dark grey border
   and has a title, whose properties are set in the next classe  */
.albumbox {
	text-align: center;
	vertical-align: top;
	background-color: #ffffff;
	height: auto;
	width: 100%;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

/* The format for the title in the album boxes, when there's backbutton  */
.albumbox_title h1 {
	float: left;
	color: #ffffff;
	font-size: 12px;
	font-family: verdana, arial;
	text-align: left;
	vertical-align: bottom;
	font-weight: bold;
	padding: 0px 0px 0px 2px;
	border-collapse: collapse;
	border: 0;
	margin: 0;
}

/* The format for the title in the album boxes, when there's no backbutton */
.albumbox_title h2 {
	float: left;
	color: #ffffff;
	font-size: 12px;
	font-family: verdana, arial;
	text-align: left;
	vertical-align: bottom;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	border-collapse : collapse;
	border: 0;
	margin: 0;
}

/************************************************
 *                Menu Box                      *
 ************************************************/

/* Used in the internal boxes of the content pane. It has a dark grey border
   and has a title, whose properties are set in the next classe  */
.menubox {
	vertical-align: top;
	background-color: #F6F6F6;
	height: auto;
	width: 98px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}


/************************************************
 *               Footer Box                     *
 ************************************************/

/* Used in the internal boxes of the content pane. It has a dark grey border
   and has a title, whose properties are set in the next classe  */
.footerbox {
	vertical-align: top;
	background-color: #F6F6F6;
	height: auto;
	width: 115px;
	border: 0px;
	padding: 0px;
	margin:  0px;
}

/************************************************
 *               Advert Box                     *
 ************************************************/

/* Used in the advertising boxes of the content pane. It has a dark grey border
   and background and usually no title. */
.advertbox {
	color: #000000;
	text-align: center;
	vertical-align: middle;
	background-color: #c7c7c7;
	height: auto;
	width: 180px;
	border: 0px;
	padding: 0px;
	margin: 0px;
}


/************************************************
 *                Shop Box                      *
 ************************************************/

/* Used in the advertising boxes of the content pane. It has a dark grey border
   and background and usually no title. */
.shopbox {
	color: #000000;
	text-align: center;
	vertical-align: top;
	background-color: #DADADA;
	height: auto;
	width: 538px;
	border: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
}

/* The format for the title in the internal boxes */
.shopbox_title {
	float: left;
	font-size: 12px;
	text-align: left;
	vertical-align: bottom;
	font-weight: bold;
	padding: 0px;
	border-collapse: collapse;
	border: 0px;
	margin: 0px;		
}