@charset "utf-8";
/* CSS of upstreamgaming */
body {
	background-color:#cacaca;
	margin:auto;
	font-family:Tahoma;
	font-size:12px;
	color:#000;
}
/* container login 1*/
#container_1{
	background-image:url(img/back_login.gif);
	background-position:top;
	background-repeat:repeat-x;
	height:41px;
}
.login{
	width:974px;
	margin:auto;
	height:41px;
}
/* container website (this is the entire website css*/
#container_2{
	width:974px;
	margin:auto;
	background-color:#d6d6d6;
}
.pw{margin-left:5px; padding-top:3px;float:left;}
.pw img{border:none;}
.banner{
	height:138px;
	width:455px;
	background-image:url(img/logo_banner.gif);
	float:left;
}
.banner_pub{
	height:98px;
	width:493px;
	float:left;
	padding-top:40px;
}
.banner_pub img{border:0px;}
.pub_back{ background-color:#c2c2c2; padding:2px; width:469px; height:61px;}
#nav_bar{
	height:32px;
	clear:both;
}
.left_nav{
	background-image:url(img/left_navbar.gif);
	height:32px;
	width:8px;
	float:left;
	margin-left:32px;
}
.nav{
	background-image:url(img/back_navbar.gif);
	height:32px;
	width:885px;
	float:left;
}
.right_nav{
	background-image:url(img/right_navbar.gif);
	height:32px;
	width:8px;
	float:left;
}
.link a{
	float:left;
padding-bottom:8px;
padding-top:10px;
padding-left:7px;
padding-right:7px;
margin-left:15px;
font-family:Tahoma;
font-size:12px;
color: #000;
text-decoration:none;
}
.link a:hover{
	float:left;
padding-bottom:8px;
margin-left:15px;
padding-left:7px;
padding-right:7px;
background-image: url(img/back_rollover_navbar.gif);
font-family:Tahoma;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
}
.speedlink_container{
	clear:both;
	padding-top:34px;
	margin-left:41px;
}
.speedlink_pic{
	margin-right:1px;
	float:left;
	margin-bottom:17px;
}
.speedlink_pic img{
	border:0px;
}
.horizontale_spacer{
	clear:left;
	height:2px;
	width:911px;
	background-image:url(img/back_horizontal_spacer.gif);
	margin-left:28px;
}
.main_content_container{
	width:554px;
	margin-left:45px;
	margin-top:17px;
	float:left;
}
.feature_container{
	height:222px;
	background-color: #333;
}
.top_main_content{
	background-image:url(img/upstream_content.gif);
	height:23px;
}
.vertical_spacer{
	background-image:url(img/back_vertical_spacer.gif);
	background-repeat:repeat-y;
	width:2px;
	float:left;
	margin-left:18px;
	margin-right:17px;
}
.server_container{
	float:right;
	width:281px;
	margin-right:51px;
	margin-top:17px;
	margin-bottom:13px;
}
.top_server{
	background-image:url(img/server_location.gif);
	height:23px;
}
.customer_container{
	float:right;
	width:281px;
	margin-right:51px;
	margin-bottom:13px;
}
.top_customer{
	background-image: url(img/customer.gif);
	height:23px;
}
.sub_customer_container{
	background-color:#FFF;
}
.name_customer{
	background-color:#eaeaea;
	height:18px;
	padding-top:3px;
	margin-bottom:1px;
}
.name{
	float:left;
	color:#0077ff;
	margin-left:6px;
}
.rating{
	float:right;
	color:#626262;
	margin-right:6px;
}
.customer_type{
	clear:both;
	background-color:#ffe7af;
	color:#c37900;
	height:20px;
	padding-top:4px;
	padding-left:5px;
}
.customer_comment{
	background-color:#FFF;
	padding:5px;
	color:#545454;
}
.support_container{
	float:right;
	width:281px;
	margin-right:51px;
	margin-bottom:13px;
}
.support_container img{border:0px;}
/* container footer ... the footer :)*/
.footer_container{
	background-color:#333;
	background-image:url(img/back_footer.gif);
	height:84px;
	margin-left:2px;
	margin-right:2px;
	clear:both;
	text-align:center;
}
.footer_link{
	padding-top:24px;
	color:#FFF;
	text-align: center;
}
.footer_link a{
	color:#FFF;
	text-decoration:none;
}
.footer_link a:hover{
	color: #999;
	text-decoration:none;
}
.footer_copyright{
	color:#FFF;
}
.footer_copyright img{
	border:0px;
}
.underline{
	text-decoration:underline;
	text-align: center;
}
.footer_pic{
	margin-top:5px;
}
.footer_pic img{
	margin-left:5px;
	border:0px;
}
.underline a{
	color:#FFF;
	text-decoration:underline;
}
.underline a:hover{
	color: #999;
	text-decoration:underline;
}
/* ***********************************FEATURED SLIDER PICTURE*************************************** */


/************************ ACCORDION MENU ****************************/
.applemenu{
width: 281px; /*width of menu*/
}

.applemenu div.silverheader a{
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding-left: 8px;
text-decoration: none;
height:21px;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
color: white;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
color:#545454;
padding: 5px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}
.silverheader{
	height:18px;
	padding-top:3px;
	color:#0079ff;
	padding-left:7px;
	background-color:#eaeaea;
	margin-bottom:1px;
}
.orange{
	color:#c07a00;
}
.design_center{
	margin-bottom:25px;
}

/********************* LOGIN FORM ***************************/
.userpanel{
	background-image:url(img/userpanel_login.gif);
	width:95px;
	height:41px;
	margin-left:40px;
	float:left;
}
.container_form{
	float:left;
	margin-top:7px;
	width:700px
}
.email_form{
	width:108px;
	height:19px;
	background-color:#444444;
	border:0px;
	color: #FFF;
	vertical-align:middle;
	font-size:12px;
	padding-top:3px;
}
.password_form{
	width:108px;
	height:19px;
	background-color:#444444;
	border:0px;
	color: #FFF;
	vertical-align:middle;
	font-size:12px;
	padding-top:3px;
}
.email_square_form{
	float:left;
	margin-left:12px;
}
.password_square_form{
	float:left;
	margin-left:12px;
}
.remember_square_form{
	float:left;
	margin-left:10px;
}
.login_button{
	float:left;
	margin-left:10px;
	padding-top:3px;
}
.login_button img{
	border:none;
}
.multi_login{
	float:left;
	margin-left:10px;
	margin-top:2px;
}