@charset "utf-8";
/*----------------------------------------------
	squidproxies.com CSS
----------------------------------------------*/		
@import url("jquery-ui-1.7.2.custom.css");

/*----------------------------------------------
		LAYOUT
----------------------------------------------*/

img { border: none;}
ul { margin-bottom: 2em; list-style-type:none;}
fieldset { border: none; margin:0; padding: 0;}
legend { display: none; }
.hidden { display:none;}
.list { list-style-type:disc; margin-bottom: 5px; margin-top:5px;}
.list li { margin-top:5px;}
a:link { color:#fff; text-decoration: none;}
a:visited { color:#fff; text-decoration: none;}
a:hover,a:active { color:#fff; text-decoration: none;}
	
body {
	margin:0;
	padding:0;
	background-color:#fff;
	font-family:sans-serif;
	font-size:12px;
	height:100%;
	background-image:url("../img/stripe_bk.png");
}
#header {
	background-color:#d3d3d3;
	margin:0;
	padding:3px 5px 5px 5px;
	height:50px;
	background: url(../img/header-01-01.png) repeat-x;
	background-position:right;
	border-bottom:solid 1px #d3d3d3;
	border-top:solid 1px #d3d3d3;
}
#lgout {
	margin:12px 20px 0 10px;
	float:right;
	background: #e6e6e6 url(../img/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; 
	font-weight: normal; 
	font-size:11px;
	color: #555555;
	border: 1px solid #d3d3d3;
	padding:3px 6px 3px 6px;
	text-decoration:none;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
}
#lgout:hover {
	text-decoration:none;
	border: 1px solid #999999; background: #dadada url(../img/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121;
}
#logged {
	float:right;
	font-size:12px;
	background-color:#fff;
	margin:13px 20px 0 10px;
	padding:4px 6px 4px 6px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
}
#logged strong {color:#098ED1;}
#logo {
	float:left;
	font-size:12px;
	background-color:#fff;
	margin:13px 20px 0 10px;
	padding:4px 6px 4px 6px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
}
#wrapper{ margin:0; padding:0; background-color:#fff;}
#menu {
	float:left;
	margin:0;
	padding:0;
	width:200px;
	min-height:700px;
	background: url(../img/menu.png) no-repeat;
	background-color:#69a6dd;
}
#menu ul{ margin:5px 0 0 0; padding:0; font-size:12px;}
#menu ul li { 
	margin:5px 0 0 20px; 
	padding:0;  
	font-weight:bold;
	color:#fff;
}
#menu ul li span {background-image: url(../img/ui-icons_ffffff_256x240.png); margin:-1px 2px 1px 1px;}
#menu ul li a {text-decoration:none;   }
#menu h4  { 
	margin:10px 0 0 7px; 
	padding:6px 5px 6px 10px;  
	font-weight:bold;
}
#the {	background: #fff;  color:#098ED1; -moz-border-radius-bottomleft:3px; -moz-border-radius-topleft:3px; -webkit-border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px;}
#the a { color:#098ED1;}
#copy {
	position:absolute;
	bottom:10px;
	font-size:10px;
	margin:0;
	padding:0;
	left:10px;
	color:#fff;
}
#content{ 
	margin:0; 
	padding:0px 10px 0 5px; 
	background-color:#fff; 
	min-height:700px; 
	overflow:auto;
	text-align:justify;
	color:#000;
}
#content p {margin:5px; padding:5px;}
.ui-widget span {margin: 0 10px 0 0;}
#left {
	float:left;
	margin:0 0 0 10px;
	padding:0;
	width:48%;
}
#right {
	float:right;
	margin:0 10px 0 0;
	padding:0;
	width:48%;
}
.box {
	margin:5px 0 5px 0;
	float:left;
	border:solid 1px #d3d3d3;
	width:100%;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
}
.btop {margin:0; overflow:hidden; padding:5px 0 5px 15px; background: #cccccc url(../img/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color:#555; font-weight: bold;}
.btop h3 {float:left; margin:0; padding:2px 0 0 0;}
.btop span {
	float:right; 
	margin:0 10px 0 0; 
	background: #e6e6e6 url(../img/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;  	
	border: 1px solid #d3d3d3;
	padding:1px;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
}
.btop span:hover {border: 1px solid #999999; background: #dadada url(../img/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121;}
.btop span a:hover {background-image: url(../img/ui-icons_666666_256x240.png); }
.bcont { margin:0; padding:10px;}
.bigbox {
	clear:both;
	margin:10px;
	padding:0;
	width:98.1%;
	border:solid 1px #d3d3d3;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
}
.item {
	float:left;
	margin:5px 5px 20px 5px;
	padding:0;
	text-decoration:none;
	color:#555;
	width:153px;
	text-align:left;
}
.item img { margin:-10px 5px 0 0 ; float:left;}
.item strong {color:#555; }
#wrapper1 {
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:0px;
	width:330px;
	padding-bottom:0;
	overflow:hidden;
	background: #fff;
	border:solid 1px #d3d3d3;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
}
#header1 {background: #fff; border-bottom:solid 1px #d3d3d3; background: url(../img/header-01-02.png) repeat-x; height:50px;}
#login {padding:10px 10px 5px 10px; margin:0;}
label{
	width:80px;
	clear:both;
	float:left;
	display:block;
	padding:3px;
	font-size:12px;
}
#user, #password {
	width: 200px;
	display:block;
	float:left;
	margin-bottom:12px;
	padding: 2px;
	border:solid 1px #d3d3d3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	/*border-radius:3px;*/
}
input.button {
	padding: 2px;
	cursor:pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/*border-radius:5px;*/
	background: #e6e6e6 url(../img/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; 
	font-weight: normal; 
	color: #555555;
	border: 1px solid #d3d3d3;
}
input.button:hover {	border: 1px solid #999999; background: #dadada url(../img/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121;}
#x{
	clear:both;
	float:right;
	width:60px;
	margin-bottom:10px;
	margin-right:20px;
}
#x1{
	float:left;
	padding: 5px;
	cursor:pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/*border-radius:5px;*/
	background: #e6e6e6 url(../img/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; 
	font-weight: normal; 
	color: #555555;
	border: 1px solid #d3d3d3;
	text-decoration:none;
}
#x1:hover {	border: 1px solid #999999; background: #dadada url(../img/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121;}
#ufooter {
	clear:both;
	padding-top:5px;
	margin-top:0;
	width:320px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0;
	padding-bottom:5px;
	text-align:right;
	display:block;
	color:#999999;
	font-size:10px;
}
#copy1 { margin-top:0; margin-bottom:10px; color:#555555;}
