/*----------------------------------------------*/	
/*  Main CSS Document - ProxySites.net
/*  Coded by Aziz Natour (azizgfx@gmail.com)
/*  © 2010. All rights reserved.
/*----------------------------------------------*/	
/* Global Properties ---------------------------*/

html, body {
	padding:0; 
	margin:0;
}

	html {
		background:#d7d7d7 url('prostyle/ui/bg_gradient.png') repeat-x;
	}

	body {
		text-align:center;
		color:#626262;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:12px;
		background:url('prostyle/ui/bg_top.jpg') no-repeat top center;
	}
	
		#wrapper {
			width:964px;
			margin: 0 auto;
			text-align:left;
		}
	
		.left {
			float:left;
		}
		
		.right {
			float:right;
		}

		.clear {clear:both}
		
		.clearfix {clear:both; height:1px;}	
	
		a {text-decoration:none;}
		
			a:focus {outline:none;}
			
			a img {border:none;}
		
/*----------------------------------------------*/	
/* Header --------------------------------------*/

#header {
	width:964px;
	margin:100px auto 2px;
	text-align:left;
}

	#header .hui {
		background:transparent url('prostyle/ui/header_ui.png');
	}
	
		#header .htop {
			height:12px;
		}
		
		#header .hend {
			height:12px;
			background-position:bottom left;
		}
		
		#header .hcon {
			background-position:top right;
			background-repeat:repeat-y;
		}
		
			#header #headercon {
				height:104px;
				padding-top:46px;
				width:940px;
				margin:0 auto;
				background:#3d3d3d url('prostyle/ui/header_bg.jpg');
			}
			
				/*------------------------------*/	
				/* Logo ------------------------*/
			
				#header #headercon #logo{
					float:left;
					margin:0px 120px 0 35px;
				}	
				
				/*------------------------------*/	
				/* Header Ad -------------------*/

				#header #headercon .ad-234x60 {
					float:left;
				}
				
				/*------------------------------*/	
				/* Header Search ---------------*/
				
				#search {
					width:180px;
					height:55px;
					overflow:hidden;
					float:right;
					margin-right:22px;
				}
				
					#search .sbar {
						width:178px;
						height:26px;
						overflow:hidden;
						border:1px solid #595959;
						background:#000 url("prostyle/ui/gcse_input_sprite.png") repeat-x;
						margin-bottom:5px;
					}
					
					#search .sbar * {
						padding:0;
						margin:0;
					}
					
						/* Text Input */
					
						#search .sbar #sbi {
							width:140px;
							height:26px;
							border:none;
							color:#666;
							font-size:11px;
							text-indent:5px;
							background:#000 url("prostyle/ui/gcse_input_sprite.png") repeat-x;
						}
						
							#search .sbar #sbi:hover {
								color:#CCC;
							}
							
							#search .sbar #sbi:focus {
								color:#FFF;
							}
							
						/* Search Button */	
						
						#search .sbar #sbb {
							width:34px;
							height:26px;
							border:none;
							background:#333 url("prostyle/ui/gcse_button_sprite.jpg");
							overflow:hidden;
							text-indent:99px;
							font-size:9px;
							cursor:pointer;
						}
						
							#search .sbar #sbb:hover {
								background-position:center left;
							}
							
							#search .sbar #sbb:active,
							#search .sbar #sbb:focus {
								background-position:bottom left;
							}
							
						/* Search Options */
						
						#search .sop label {
							color:#9b9b9b;
						}
						
							#search .sop label:hover {
								color:#CCC;
							}
							
/*----------------------------------------------*/	
/* Sidebar -------------------------------------*/

#sidebar {
	float:left;
	width:184px;
}
							
	#sidebar .sbui {
		background:transparent url('prostyle/ui/sidebar_ui.png');
	}
	
		#sidebar .stop {
			height:12px;
		}
		
		#sidebar .send {
			height:12px;
			background-position:bottom left;
		}
		
		#sidebar .scon {
			background-position:top right;
			background-repeat:repeat-y;
		}
		
			#sidebar .ad-160x600 {
				margin:12px auto;
			}
			
			#sidebar h3 {
				margin:0 auto;
				padding:0;
				background:url("prostyle/ui/sidebar_title.png");
				display:block;
				width:160px;
				height:28px;
				color:#FFF;
				font-size:13px;
				line-height:2.1;
				text-indent:10px;
			}
			
			#sidebar ul,
			#sidebar ul li {
				margin:0;
				padding:0;
				list-style:none;
			}
				
				  #sidebar ul li a {
					  display:block;
					  width:160px;
					  height:28px;
					  margin:0 auto 1px;
					  color:#5b5959;
					  font-size:11px;
					  background:url("prostyle/ui/sidebar_link_sprite.png");
					  line-height:2.5;
					  text-indent:10px;
				  }
				  
					  #sidebar ul li a:hover {
						  color:#620000;
						  background-position:center left;
					  }
					  
					  #sidebar ul li a:active {
						  color:#000;
						  background-position:bottom left;
					  }
					  
					  	#sidebar ul li a span {
							color:#aeaeae;
						}
			
/*----------------------------------------------*/	
/* Content -------------------------------------*/

#content {
	width:777px;
	float:right;
}

	#content .cui {
		background:transparent url('prostyle/ui/content_ui.png');
	}
	
		#content .ctop {
			height:12px;
		}
		
		#content .cend {
			height:12px;
			background-position:bottom left;
		}
		
		#content .ccon {
			background-position:top right;
			background-repeat:repeat-y;
			padding:0 20px;
		}
		
		#content .main {
			min-height:1328px;
		}
		
			#content h1,
			#content h2 {
				margin:0 0 12px;
				padding:0;
				font-size:30px;
				color:#000;
				font-weight:normal;
			}
			
			#content a {
				color:#0088de;
			}
			
				#content a:hover {
					text-decoration:underline;
				}
				
				#content a:active {
					color:#005e9a;
				}
				
			#content .ad-336x280 {
				float:left;
				margin:0 15px 7px 0;
			}
			
			#content .ad-725x92 {
				margin:0 auto;
			}
			
			/* Proxy List ----------------------*/	
			
			#proxiestable {
				float:left;
				width:410px;
				border:1px solid #e8e8e8;
			}
			
			.fulltable {
				float:none !important;
				width:100% !important;
			}
			
				#proxiestable * {
					margin:0;
					padding:0;
				}
				
				#proxiestable a {
					color:#c42c2c;
				}
				
					#proxiestable a:hover {
						color:#e20000;
					}
					
					#proxiestable a:active {
						color:#7b0000;
					}
				
				#proxiestable th {
					background:#f4f4f4;
					padding:5px;
					border-right:1px solid #f0f0f0;
				}
				
				#proxiestable td {
					background:#fcfcfc;
					padding:5px;
					border-top:1px solid #FFF;
					border-bottom:1px solid #f4f4f4;
					border-right:1px solid #f8f8f8;
				}


				th.lightcell {
					background:#f7f7f7 !important;
				}

			/* Premium Proxies -----------------*/	
			
			#proxiestable tr.premium td { 
					background:#fcface;
					padding:5px;
					border-top:1px solid #FFF;
					border-bottom:1px solid #f4f2b9;
					border-right:1px solid #f8f6cb;
				}
				
			#proxiestable tr.premium td.proxy {
				background:#fcface url("prostyle/ui/premium_star.png") no-repeat top right !important;
			}
			
			
			
			
			
			/* Content Ads ---------------------*/	
			
			#con-ads {
				float:right;
				width:300px;
			}
			
/*----------------------------------------------*/	
/* Ads -----------------------------------------*/	

.ad-234x60 {
	width:234px;
	height:60px;
	overflow:hidden;
	background:url("prostyle/ads/234x60.jpg");
}

.ad-160x600 {
	width:160px;
	height:600px;
	overflow:hidden;
	background:url("prostyle/ads/160x600.jpg");
}

.ad-336x280 {
	width:336px;
	height:280px;
	overflow:hidden;
}	

.ad-725x92 {
	width:725px;
	height:92px;
	overflow:hidden;
	background:url("prostyle/ads/725x92.jpg");
}

.ad-300x250 {
	width:300px;
	height:250px;
	overflow:hidden;
	background:url("prostyle/ads/300x250.jpg");
}

/*----------------------------------------------*/	
/* Misc ----------------------------------------*/

.red {
	color:#c90000;
}

.green {
	color:#75c533;
}

hr.hr {
	display:none;
}

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
}

.space12px {
	height:12px;
}

.balance {
	height:28px;
}

/*----------------------------------------------*/	
/* @Proxy Default Properties ----------- v.1.2 -*/

.title {
	font-size: 14px;
	color: #002800;
	margin-bottom: 10px;
	padding-bottom: 9px;
	border-bottom: 1px solid #CDC;
}

.form_title {
	border-bottom: 1px solid #D0D0D0;
	padding: 5px 6px;
}

.error_box {
	background: #FFC0C0;
	margin: 10px 0;
	padding: 12px;
}

.proxy_list {
	width: 100%;
}

	.proxy_list th {
		font: bold 13px arial, sans-serif;
		border-bottom: 1px solid #dddddd;
	}
	
	.proxy_list .proxy {
		text-align: left;
	}
	
	.proxy_list .hits, .proxy_list .time, .proxy_list .speed {
		text-align: center;
	}

	.submit_form {
		width: 100%;
	}
	
	.submit_form .desc {
		font-weight: bold;
	}
	
	.submit_form dd {
		margin: 0px;
		padding: 0px;
	}
	
/*----------------------------------------------*/	
/* Footer --------------------------------------*/

#footer {
	width:964px;
	height:52px;
	margin:0px auto 30px;
	background:url("prostyle/ui/footer.png");
	font-size:10px;
	color:#333;
}

	#footer .left {
		margin-left:12px;
	}
	
	#footer .right {
		margin-right:6px
	}
	
		#footer .left img {
			margin:16px 25px 0 0;
			float:left;
		}
		
		#footer .left span {
			position:relative;
			top:20px;
		}
		
			#footer a {
				color:#333;
				text-shadow:
					0 1px 0 #FFF,
					1px 0 0 #FFF,
					0 2px 0 #FFF,
					0 1px 2px #7cb5ff
				;
			}
			
			#footer .right a {
				position:relative;
				top:20px;
				padding:0 10px 0 5px;
				background:url("prostyle/ui/footer_link_sep.png") no-repeat center right;
			}
			
				.noborder {
					background:none !important;
				}
		
				#footer a:hover {
					color:#06F;
				}	
		
				#footer a:active {
					color:#0045ac;
				}	

/*-----------~------------~---------~--------~--*/
/* W3C Valid CSS 3.0 -----~---~^-~^-=-^-~-^~----*/
/* azizgfx@gmail.com ---~-----~^-~^-=-^-~-^~----*/
/*-----------~------------~---------~--------~--*/