/* GENERAL STYLES */
html {
	min-height: 100%;
	margin-bottom: 1px; 
}
body {
	background-color: #ffffff;
	font-family: Arial, sans-serif;
	color: #000000;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
}
img {
	border-style: none;
}
a {
	color: inherit;
	text-decoration: underline;
}
a:visited {
	color: inherit;
}



/* BOXES (LEFT AND RIGHT COLUNMS) */
.box {
	width: 120px;
	float: left;
	margin-bottom: 10px;
	text-align: center;
}
.box .header {
	height: 16px;
	padding: 1px 0px 0px 0px;
}
.box .content {
	height: 1%;	/* This line forces the element to have a layout which is necessary in IE to ensure that clientHeight is correct */
	padding: 3px 6px 0px 6px;
}
.box .bottom {
	height: 7px;
	margin: 0px;
	padding: 0px;
}
.box .bottom2Tabs {
	height: 22px;
	margin: 0px;
	padding: 0px;
}
.box.standard .header {
	background-image: url(../images/boxStandardHeader.jpg);
}
.box.standard .content {
	background-image: url(../images/boxStandardContent.jpg);	
}
.box.standard .bottom {
	background-image: url(../images/boxStandardBottom.jpg);
}
.box.standard .bottom2Tabs.tab1Selected {
	background-image: url(../images/boxStandardBottomTab1Selected.jpg);
}
.box.standard .bottom2Tabs.tab2Selected {
	background-image: url(../images/boxStandardBottomTab2Selected.jpg);
}
.box.standard .bottom2Tabs.tab1Selected .tab1 {
	color: #000000;
	cursor: default;
}
.box.standard .bottom2Tabs.tab1Selected .tab2 {
	color: #c0c0c0;
	cursor: pointer;
}
.box.standard .bottom2Tabs.tab2Selected .tab1 {
	color: #c0c0c0;
	cursor: pointer;
}
.box.standard .bottom2Tabs.tab2Selected .tab2 {
	color: #000000;
	cursor: default;
}
.box.special .header {
	background-image: url(../images/boxSpecialHeader.jpg);
}
.box.special .content {
	background-image: url(../images/boxSpecialContent.jpg);	
}
.box.special .bottom {
	background-image: url(../images/boxSpecialBottom.jpg);
}
.box.important .header {
	background-image: url(../images/boxImportantHeader.jpg);
}
.box.important .content {
	background-image: url(../images/boxImportantContent.jpg);	
}
.box.important .bottom {
	background-image: url(../images/boxImportantBottom.jpg);
}
.box.christmas .header {
	background-image: url(../images/boxChristmasHeader.jpg);
}
.box.christmas .content {
	background-image: url(../images/boxChristmasContent.jpg);	
}
.box.christmas .bottom {
	background-image: url(../images/boxChristmasBottom.jpg);
}
.box.mobile .header {
	color: #ffffff;
	background-image: url(../images/boxMobileHeader.jpg);
}
.box.mobile .content {
	background-image: url(../images/boxMobileContent.jpg);	
}
.box.mobile .bottom {
	background-image: url(../images/boxMobileBottom.jpg);
}



/* NEWS */
.news {
	color: #444444;
	width: 692px;
	margin-bottom: 10px;
}
.news .header {
	font-weight: 700;
	height: 16px;
	padding: 1px 8px 0px 8px;
	font-size: 13px;
	line-height: 14px;
}
.news .header div {
	float: right;
	margin-top: 2px;
	font-size: 11px;
	line-height: 12px;
}
.news .content {
	position: relative;
	height: 1%;	/* This line forces the element to have a layout which is necessary in IE to ensure that clientHeight is correct */
	padding: 5px 8px 1px 8px;
	font-size: 11px;
	line-height: 12px;
	text-align: justify;
}
.news .bottom {
	height: 7px;
	margin: 0px;
	padding: 0px;
}
.news.standard .header {
	background-image: url(../images/newsStandardHeader.jpg);
}
.news.standard .content {
	background-image: url(../images/newsStandardContent.jpg);	
}
.news.standard .bottom {
	background-image: url(../images/newsStandardBottom.jpg);
}
.news.important .header {
	font-weight: 700;
	color: #ffffff;
	background-image: url(../images/newsImportantHeader.jpg);
}
.news.important .content {
	background-image: url(../images/newsImportantContent.jpg);	
}
.news.important .bottom {
	background-image: url(../images/newsImportantBottom.jpg);
}
.news.facebook .header {
	color: #ffffff;
	background-image: url(../images/newsFacebookHeader.jpg);
}
.news.facebook .content {
	color: #3c5e94;
	background-image: url(../images/newsFacebookContent.jpg);	
}
.news.facebook .bottom {
	background-image: url(../images/newsFacebookBottom.jpg);
}
.news.girly .header {
	color: #ffffff;
	font-weight: 700;
	background-image: url(../images/newsGirlyHeader.jpg);
}
.news.girly .content {
	color: #ff4de1;
	background-image: url(../images/newsGirlyContent.jpg);	
}
.news.girly .bottom {
	background-image: url(../images/newsGirlyBottom.jpg);
}
.news.christmas .header {
	color: #ffffff;
	font-weight: 700;
	background-image: url(../images/newsChristmasHeader.jpg);
}
.news.christmas .content {
	color: #028b05;
	background-image: url(../images/newsChristmasContent.jpg);	
}
.news.christmas .bottom {
	background-image: url(../images/newsChristmasBottom.jpg);
}
.news.lab .header {
	color: #ffffff;
	font-weight: 700;
	background-image: url(../images/newsLabHeader.jpg);
}
.news.lab .content {
	background-image: url(../images/newsLabContent.jpg);	
}
.news.lab .bottom {
	background-image: url(../images/newsLabBottom.jpg);
}
.news.mobile .header {
	color: #ffffff;
	background-image: url(../images/newsMobileHeader.jpg);
}
.news.mobile .content {
	background-image: url(../images/newsMobileContent.jpg);	
}
.news.mobile .bottom {
	background-image: url(../images/newsMobileBottom.jpg);
}
.news.special .header {
	color: #ffffff;
	background-image: url(../images/newsSpecialHeader.jpg);
}
.news.special .content {
	color: #ffffff;
}




/* FORUM */
.grayBubble {
	color: #cccccc;
}
.grayBubble .top {
	background-image: url(../images/bubbleGrayTop.jpg);
}
.grayBubble .topLeft {
	background-image: url(../images/bubbleGrayTopLeft.jpg);
}
.grayBubble .topRight {
	background-image: url(../images/bubbleGrayTopRight.jpg);
}
.grayBubble .left {
	background-image: url(../images/bubbleGrayLeft.jpg);
}
.grayBubble .right {
	background-image: url(../images/bubbleGrayRight.jpg);
}
.grayBubble .leftPointer {
	background-image: url(../images/bubbleGrayLeftPointer.jpg);
}
.grayBubble .rightPointer {
	background-image: url(../images/bubbleGrayRightPointer.jpg);
}
.grayBubble .bottom {
	background-image: url(../images/bubbleGrayBottom.jpg);
}
.grayBubble .bottomLeft {
	background-image: url(../images/bubbleGrayBottomLeft.jpg);
}
.grayBubble .bottomRight {
	background-image: url(../images/bubbleGrayBottomRight.jpg);
}
.yellowBubble .top {
	background-image: url(../images/bubbleYellowTop.jpg);
}
.yellowBubble .topLeft {
	background-image: url(../images/bubbleYellowTopLeft.jpg);
}
.yellowBubble .topRight {
	background-image: url(../images/bubbleYellowTopRight.jpg);
}
.yellowBubble .left {
	background-image: url(../images/bubbleYellowLeft.jpg);
}
.yellowBubble .right {
	background-image: url(../images/bubbleYellowRight.jpg);
}
.yellowBubble .leftPointer {
	background-image: url(../images/bubbleYellowLeftPointer.jpg);
}
.yellowBubble .rightPointer {
	background-image: url(../images/bubbleYellowRightPointer.jpg);
}
.yellowBubble .bottom {
	background-image: url(../images/bubbleYellowBottom.jpg);
}
.yellowBubble .bottomLeft {
	background-image: url(../images/bubbleYellowBottomLeft.jpg);
}
.yellowBubble .bottomRight {
	background-image: url(../images/bubbleYellowBottomRight.jpg);
}
.bubble .top {
	background-image: url(../images/bubbleTop.jpg);
}
.bubble .topLeft {
	background-image: url(../images/bubbleTopLeft.jpg);
}
.bubble .topRight {
	background-image: url(../images/bubbleTopRight.jpg);
}
.bubble .left {
	background-image: url(../images/bubbleLeft.jpg);
}
.bubble .right {
	background-image: url(../images/bubbleRight.jpg);
}
.bubble .leftPointer {
	background-image: url(../images/bubbleLeftPointer.jpg);
}
.bubble .rightPointer {
	background-image: url(../images/bubbleRightPointer.jpg);
}
.bubble .bottom {
	background-image: url(../images/bubbleBottom.jpg);
}
.bubble .bottomLeft {
	background-image: url(../images/bubbleBottomLeft.jpg);
}
.bubble .bottomRight {
	background-image: url(../images/bubbleBottomRight.jpg);
}



/* TEXT COLOURS */
.text.black {
	color: #000000;
}
.text.gray {
	color: #444444;
}
.text.lightGray {
	color: #666666;
}
.text.ultraLightGray {
	color: #BBBBBB;
}
.text.white {
	color: #ffffff;
}
.text.blue {
	color: #002685;
}
.text.clearBlue {
	color: #0000ff;
}
.text.clearGreen {
	color: #00ff00;
}
.text.limeGreen {
	color: #aeff00;
}
.text.clearRed {
	color: #ff0000;
}
.text.yellow {
	color: #ffd52e;
}
.text.orange {
	color: #ffa200;
}
.text.facebook {
	color: #3c5e94;
}



/* TEXT SIZES */
.text.tiny {
	font-size: 9px;
	line-height: 11px;
}
.text.small {
	font-size: 11px;
	line-height: 12px;
}
.text.normal {
	font-size: 13px;
	line-height: 14px;
}
.text.medium {
	font-size: 15px;
	line-height: 17px;
}
.text.large {
	font-size: 18px;
	line-height: 24px;
}



/* TEXT STYLES */
.text.quote {
	font-style: italic;
}