<!--
 A:link {text-decoration:none; color: white;} 
 A:visited {text-decoration:none} 
 A:link img, a:visited img, a:hover img {
 border: none;
 text-decoration: none;
}
-->

*    { margin:0; padding:0; }
		html { font-family:sans-serif; font-size:100%; }
		
body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
}

#topframe{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100px; /*Height of frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: #FF9900 url("images/toplightimg.png") repeat-x top left;
color: white;
}

#guestandrss{
float: right;
padding: 0px;
color: #333333;
padding-right: 5px;
}


#maincontent{
position: fixed; 
top: 100px; /*Set top value to HeightOfFrameDiv*/
left: 0;
right: 0px; /*Set right value to WidthOfFrameDiv*/
bottom: 30px;
overflow: auto; 
background: #fff;
color: #999999;
}

#bottomframe{
position: absolute; 
bottom: 0; 
left: 0; 
width: 100%; 
height: 30px; /*Height of frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: white;
color: #999999;
}

#networklist li { list-style-type:none; }


.bottominnertube{
padding-bottom:5px;
padding-left: 25px;
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

.netimage {
display:block;
margin-left:auto;
margin-right:auto; 
}

* html body{ /*IE6 hack*/
padding: 130px 0px 0px 0; /*Set value to (HeightOfFrameDiv 0 0 0)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

* t{
color: #FF9900;
}
/////////////////////////////////////////////////////

#modernbricksmenu{
padding: 0;
padding-top: 10px;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
width: 100%;
font: bold 11px Arial;
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 0px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: right;
padding-right: 10px;
display: block;
color: #999999;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: white; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: #FFCC00; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
color: white;
background-color: #FF9900; /*Brown color theme*/ 
border-color: #FF9900; /*Brown color theme*/ 
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 3px;
line-height: 5px;
background: #FF9900; /*Brown color theme*/ 
}

#menugreet{ 
float: left;
margin: 0;
padding: 0;
color: #999999;
}

.commentbox{
margin: auto;

background-color: #cccccc;
width: 900px;
padding: 10px;
color: #333333;
}

.commentfooter{
background: url(images/arrow.png) 150px 0 no-repeat; 
padding-left: 200px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 100%;
color: #cccccc;
}

.networktable{

}

/* feedback */

*{
	margin:0;
	padding:0;
}


#feedback .section{
	background-color: #FFF;
	border:1px;
	border-color:#CCC;
	border-bottom:none;
	padding:10px 25px 25px;
}

#feedback{
	background-color:#FFF;
	border:1px;
	border-color:#CCC;
	width:310px;
	height:330px;
	position:fixed;
	bottom:0;
	right:120px;
	margin-bottom:-270px;
	z-index:10000;
}


#feedback .color{
	float:left;
	height:4px;
	width:20%;
	overflow:hidden;
}

#feedback .color-1{ background-color: #FF3;}
#feedback .color-2{ background-color: #FC3;}
#feedback .color-3{ background-color: #F90;}
#feedback .color-4{ background-color: #F60;}
#feedback .color-5{ background-color: #F63;}

#feedback h6{
	background:url("images/feedback.png") no-repeat;
	height:40px;
	margin:5px 0 12px;
	text-indent:-99999px;
	cursor:pointer;
}

#feedback textarea{
	background-color: #E6E6E6;
	border:1px;
	border-color:#999;
	color:#666666;
	font:13px 'Lucida Sans',Arial,sans-serif;
	height:100px;
	padding:10px;
	width:236px;
	resize:none;
	outline:#999;
	overflow:auto;
}

#feedback a.submit{
	background:url("images/submit.png") no-repeat;
	border:none;
	display:block;
	height:34px;
	margin:20px auto 0;
	text-decoration:none;
	text-indent:-99999px;
	width:91px;
}

#feedback a.submit:hover{
	background-position:left bottom;
}

#feedback a.submit.working{
	background-position:top right !important;
	cursor:default;
}

#feedback .message{
	font-family:Corbel,Arial,sans-serif;
	color:#FF9900;
	margin-bottom:20px;
}

#feedback .arrow{
	background:url('images/arrows.png') no-repeat;
	float:right;
	width:23px;
	height:18px;
	position:relative;
	top:10px;
}

#feedback .arrow.down{ background-position:left top;}
#feedback h6:hover .down{ background-position:left bottom;}
#feedback .arrow.up{ background-position:right top;}
#feedback h6:hover .up{ background-position:right bottom;}

#feedback .response{
	font-size:21px;
	margin-top:70px;
	text-align:center;
	color:#FF9900;
	display:block;
}