@charset "UTF-8";
/*
	Element CSS style sheet
	Modified 14/12/2009
*/

/*Reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}



body {
	color: #EEE;
	font-family: "Segoe UI", "Lucida Granda", "Trebuchet", "Trebuchet MS", "Verdana", sans-serif;
	margin:0px;
	text-align:left;
	padding: 0px;
	background-color: #323232;
	font-size: 10pt;
}



#mainContainer {
	
	width:1000px;
	margin-left: auto;
	margin-right: auto;
	height:auto;
	
}

#topContainer {
	
	width: 100%;
	height:180px;
	
}

#banner {
	
	background-image: url("images/banner.png");
	width:1000px;
	height:180px;
	border-bottom: 1px solid #767676;
}

.gap {
	
	width:1000px;
	height: 13px;
	float:left;
	
}

#bodyContainer {
	
	width:1000px;
	
	float:left;
	background-color: #525252;
	
}

#bodyPadding {
	
	padding-left: 5px;
	padding-right: 5px;
}

#contentContainer {
	
	width:100%;
	margin-top:-3px;
	float:left;
}

.section1 {
	width:716px;
	float:left;
}

.section2 {
	width:260px;
	float:right;
}


.sectionContainer50 {
	
	width:50%;
	float:left;
	
}


#leftContainer {
	margin-right: 3px;
}


#rightContainer {
	margin-left: 2px;
}



a {
	color:#ffb64d;
	text-decoration: none;
}
a:hover {
	color:#ff9600;
	text-decoration: none;
}

/****************
The News Section
****************/

h4 {
	clear:both;
	font-size: 12pt;
	display: block;
	color: #fff;
	width: 193px;
	padding-bottom: 5px;
	border-bottom: 1px solid #fff;
	text-align: right;
	float:left;
	
}

img.newsImg {
	
	display: block;
	color: #fff;
	width: 147px;
	height: 100px;
	float:right;
	margin-bottom:5px;

}

p.newsBody {
	
	font-size: 10pt;
	display: block;
	color: #fff;
	width: 193px;
	text-align: left;
	float:left;
	margin-bottom:5px;
	min-height:75px;
}

/****************
End News Section
****************/





/****************
The Menu Section
****************/


.menuContainer {
	
	background-color: #767676;
	
	margin-bottom: 5px;
	
	float:left;
	width:100%;
	
}

.menuPadding {
	
	padding:5px;
	
}


h3 {
	
	font-size: 16px;
	display: block;
	color: #fff;
	width: 100%;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #fff;
	text-align: right;
	
}



/****************
End Menu Section
****************/




/****************
The Footer Section
****************/



.footerLeft {
	
	float:left;
	width:50%;
	
}

.footerRight {
	
	float:right;
	width:50%;
	text-align:right:
	
}

.footerColor {
	
	background-color: #767676;
	float:left;
	width:100%;
}

#footerContainer {
	
	padding-left: 5px;
	padding-right: 5px;
}


/****************
End Footer Section
****************/




/****************
The Banner Section
****************/

.bannerPadding {
	
	padding-left: 5px;
	padding-right: 5px;
}


#rightLogin {
	
	margin-top: 39px;
	float:right;
	width: 362px;
	height: 124px;
	background-color: #525252;
	
}

#bannerContainer {
	width:100%;
	float:left;
}

#naviBar {
	
	clear: both;
	float: left;
	width: 100%;
	height: 17px;
	background-color: #525252;
	
}
#loginContainer {
	width:100%;
	margin-top:-3px;
	background-color: #767676;
	float:left;
}


.selectedLink {
	
	font-size: 14pt;
	float:right;
	margin-left: 5px;
	margin-right: 0px;
	padding-right: 15px;
	padding-left: 15px;
	margin-top:-8px;
	background-color: #fff;
	height: 25px;
	color: #767676;
	font-weight:bold
}

.naviLinks {
	
	font-size: 14pt;
	float:right;
	margin-left: 5px;
	margin-right: 0px;
	padding-right: 15px;
	padding-left: 15px;
	margin-top:-8px;
	background-color: #767676;
	height: 25px;
	color: #fff;
	text-decoration: none;
	font-weight:bold;
	
	filter:alpha(opacity=80);
	-moz-opacity:.70;
	opacity:.70;
	
}


.naviLinks:hover {
	
	float:right;
	margin-left: 5px;
	margin-right: 0px;
	padding-right: 15px;
	padding-left: 15px;
	margin-top:-8px;
	background-color: #fff;
	height: 25px;
	color: #767676;
	text-decoration: none;
	font-weight:bold;
	
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	
}

.rightBar { 
	float:right;
	display: block;
	margin-right: 5px;
	height: 25px;
	width: 10px;
	background-color: #fff;
	margin-top:-8px;
}

/****************
End Banner Section
****************/


/****************
Basic login Seciton
****************/


#typh_basicLoginContainer {
	
	width:100%;
	float:left;
	font-size: 12px;
	padding-left:5px;
	max-height: 102px;
	
}

.typh_basicLogin100 {
	
	float:left;
	width:100%;
	margin-bottom:5px;
	
}

.typh_basicLogin70{float:left; width:70px;}
.typh_basicLogin130{float:left; width:130px; padding-top:5px; padding-bottom:5px;}

.typh_basicLogin70p{float:left; width:60%;}
.typh_basicLogin30p{float:left; width:40%; text-align:center;}


.typh_basicLoginText{font-size:10px; color: #333; width:100%;border:2px solid #fff;margin-bottom:5px;}

.typh_basicLoginError{font-size:10px; color: #333; width:100%;border:2px solid #f00;margin-bottom:5px;}

.typh_userImg {width:60px;}

/****************
End Basic login Seciton
****************/


.typh_adminPanel {
	position: static;
	width:100%;
	padding: 5px 0px 5px 0px;
	text-indent: 10px;
	font-size: 0.9em;
}


.typh_chatboxButton {
	
	float:left;
	width:50%;
	
}


/****************
Forum Seciton
****************/




.typh_forums {
	float:left;
}

.typh_floatLeftForum30 {
	float: left;
	width:30%;
	padding: 5px 0px 5px 0px;
}

.typh_floatLeftForum70 {
	float: left;
	width:70%;
	margin: 5px 0px 5px 0px;
}


.typh_dark {
	
	background-color: #828282;
	min-height:43px;
	
}


.typh_light {
	
	background-color: #909090;
	min-height:43px;
	color: #fff;
	
}


.typh_childforums {}

.typh_childforums .typh_dark {
	
	background-color: #828282;
	min-height:56px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: #828282 solid 2px;
	
}


.typh_childforums .typh_light {
	
	background-color: #909090;
	min-height:56px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: #828282 solid 2px;
	
}



.typh_forumPost {}

.typh_lightforum{
	background-color: #909090;
	padding-top: 3px;
	padding-bottom: 3px;
}

.typh_darkforum{
	background-color: #828282;
	padding-top: 3px;
	padding-bottom: 3px;
	min-height:35px;
}

.typh_darktitle {
	
	/*background-color: #828282;*/
	border-bottom: #fff solid 1px;
	border-top: #fff solid 1px;
	padding-top: 3px;
	padding-bottom: 3px;
	
}


.typh_lighttitle {
	
	/*background-color: #909090;*/
	border-bottom: #fff solid 1px;
	border-top: #fff solid 1px;
	padding-top: 3px;
	padding-bottom: 3px;
	
}


.typh_forummain {
	
	border-top: #fff solid 1px;
	padding-top: 3px;
	padding-bottom: 3px;
}


.typh_forumsub {
	
	border-bottom: #fff solid 1px;
	padding-top: 3px;
	padding-bottom: 3px;
}



a:hover .typh_light  {
	
	background-color: #b1b1b1;
	min-height:56px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: #828282 solid 2px;
	color: #fff;
	
}


.typh_frontlight {
	background-color: #909090;
	min-height:43px;
	color: #fff;
}
a:hover .typh_frontlight {
	background-color: #b1b1b1;
	min-height:43px;
	color: #fff;
}


.typh_frontdark {
	background-color: #828282;
	min-height:43px;
	color: #fff;
}
a:hover .typh_frontdark {
	background-color: #b1b1b1;
	min-height:43px;
	color: #fff;
}

.typh_fronttitle {
	
	border-bottom: #fff solid 1px;
	padding-bottom: 3px;
	
}


.typh_childheader {
	text-align:right;
	float:left;
	width:100%;
	padding-bottom: 5px;
}

.typh_childfooter {
	text-align:right;
	float:left;
	width:100%;
	padding-top: 5px;
	
}


.typh_forumpadding {
	margin-left: 5px;
	margin-right: 5px;
	float:left;
}


.typh_forumQuote {
	
	display:block;
	margin-top:5px;
	padding: 15px;
	
	background-color: #828282;
}

/****************
End Forum Seciton
****************/



.typh_underbreadcrums {
	
	text-align:right;
	float:left;
	width:701px;
		
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	
	background-color: #909090;
	
}


.sectionContainer50 .typh_underbreadcrums {
	
	text-align:right;
	float:left;
	width:338px;
		
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	
	background-color: #909090;
	
}


.typh_lighttext {
	background-color: #909090;
	color: #fff;
}
a:hover .typh_lighttext {
	background-color: #b1b1b1;
	color: #fff;
}


.typh_darktext {
	background-color: #828282;
	color: #fff;
}
a:hover .typh_darktext {
	background-color: #b1b1b1;
	color: #fff;
}



/****************
Mail Seciton
****************/

.typh_link {
	
	background-color: #909090;
	
	width: 134px;
	
	border-bottom: #828282 solid 4px;
	border-right: #828282 solid 2px;
	
	min-height:20px;
	
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	
	color:#fff;
	
}

a:hover .typh_link  {
	
	background-color: #b1b1b1;
	width: 134px;
	
	border-bottom: #828282 solid 4px;
	border-right: #828282 solid 2px;
	
	min-height:20px;
	
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	
	color:#fff;
}

.typh_link:hover  {
	
	background-color: #b1b1b1;
	width: 134px;
	
	border-bottom: #828282 solid 4px;
	border-right: #828282 solid 2px;
	
	min-height:20px;
	
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	
	color:#fff;
}

.typh_maillight {
	
	background-color: #909090;
	min-height:43px;
	color: #fff;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: #828282 solid 2px;
	
}

a:hover .typh_maillight  {
	
	background-color: #b1b1b1;
	min-height:43px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: #828282 solid 2px;
	color: #fff;
	
}

.typh_maildark {
	
	background-color: #828282;
	min-height:43px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: #828282 solid 2px;
}

.typh_clear100 {
	width:100%;
	float:left;
	clear:both;
	background-color: #828282;
}

.typh_mailContainer {
	width:100%;
	background-color: #909090;
	padding-bottom: 5px;
	float:left;
}

.typh_floatLeft80 .typh_floatLeft70 {
	background-color: #828282;
	margin:0px;
	padding: 5px 0px 5px 0px;
	text-indent: 5px;
	width:70%;
	
}


.typh_floatLeft80 .typh_floatLeft30 {
	background-color: #909090;
	margin:0px;
	padding: 5px 0px 5px 0px;
	text-indent: 5px;
	width:30%;
	
}

.typh_mailContainer .typh_floatLeft100 {
	clear:both;
	margin:0px;
	background-color: #828282;
	text-indent: 5px;
	padding: 15px 0px 15px 0px;
	
}

.typh_floatLeft80 .typh_underbreadcrums {
	
	width:559px;
}

/****************
End Mail Seciton
****************/


.typh_personalOrganiserOnline {
	width:100%;
	float:left;
	height:88px;
	overflow:auto;
}


.typh_paddingLeft {
	
	width:100%;
	padding-left: 0px;
	text-indent: 10px;
	
}

.typh_calfloatleft30 {
	
	padding-top: 5px;
	padding-bottom: 15px;
	background-color: #909090;
	text-indent: 5px;
	
}


.typh_calfloatleft50 {
	
	padding-top: 5px;
	padding-bottom: 15px;
	background-color: #828282;
	text-indent: 5px;
	
}

.typh_calfloatright20 {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #828282;
}

.typh_calfloatleft100 {
	padding-top: 5px;
	padding-bottom: 10px;
	background-color: #828282;
}

.typh_calPadding {
	padding: 20px 5px 20px 5px;
}
.typh_calContainer {
	background-color: #828282;
	margin-bottom: 10px;
}

.typh_calTitle {
	
	/*background-color: #909090;*/
	border-bottom: #fff solid 1px;
	border-top: #fff solid 1px;
	padding-top: 3px;
	padding-bottom: 3px;
	
}