@charset "utf-8";
/* CSS Document */

@import "http://www.foneszone.co.uk/fz-style-for-members.css";

body {
	margin: 					0px;
	padding: 					0px;
	height:						100%;
	font-size:					100%;
	line-height:				1.125em;
	background:					#fff;
	font-family:				Arial, sans-serif;
}
h2 {
	text-decoration:none;
	margin:0 0 0 10px;
	font:bold 0.7em Arial, Helvetica, sans-serif;
	color:#333333;
}
/**HEADER PROPERTIES**/

div.header {
	width: 						967px; /*The width of our layout*/
	height:						20px;
	position:					relative;
	margin-left: 				auto;
	margin-right: 				auto;
	background:					#fff;
	margin-bottom:				15px;
	float:						none;
	padding-left:15px;
	/*Margin left and right set to auto center's our layout*/
}
img {
	border:						none;
}

/*********************/
div.nav_container {
	float:						none;
	width: 						982px; /*The width of our layout*/
	margin-left: 				auto;
	margin-right: 				auto;
	position:					relative;
	background:					#FFF;
	margin-bottom:				5px;
	/*Margin left and right set to auto center's our layout*/
}
div.container {
	float:						none;
	width: 						982px; /*The width of our layout*/
	margin-left: 				auto;
	margin-right: 				auto;
	position:					relative;
	background:					#FFF;
	/*Margin left and right set to auto center's our layout*/
}
/**MAIN CONTAINERS**/
div.users_details {
	float:						none;
	width: 						982px; /*The width of our layout*/
	margin-left: 				auto;
	margin-right: 				auto;
	position:					relative;
	height:						23px;
	font: 0.75em Arial, Helvetica, sans-serif;
	/*Margin left and right set to auto center's our layout*/
}
div.main_container_header {
	float:						none;
	width: 						982px; /*The width of our layout*/
	margin-left: 				auto;
	margin-right: 				auto;
	position:					relative;
	background:					url(/images/box-header.gif) left no-repeat;
	min-height:					19px;
	height:						19px;
	padding-top:4px;
	/*Margin left and right set to auto center's our layout*/
}
div.main_container {
	float:						none;
	width: 						960px; /*The width of our layout*/
	margin-left: 				auto;
	margin-right: 				auto;
	position:					relative;
	background:					url(/images/main_container_shadow.gif) top left no-repeat;
	border-right:				1px solid #bfbfbf;
	border-left:				1px solid #bfbfbf;
	border-bottom:				none;
	border-top:					none;
	padding:					10px;
	/*Margin left and right set to auto center's our layout*/
}
	div.main_container div.mem_details {
	float:left;
	position:relative;
	width:950px;
	font:normal 0.75em Arial, Helvetica, sans-serif;
	padding:5px;
	}
		div.mem_details div.feedback_exp {
		width:250px;
		position:absolute;
		top:180px;
		left:520px;
		}
	div.main_container div.phone_order_container {
	float:left;
	position:relative;
	width:960px;
	margin-bottom:15px;
	padding-bottom:7px;
	}
	.poc_bg {
	background:url(/images/layout/phone_order_container_bg.jpg) bottom left no-repeat;
	}
	div.phone_order_container div.phone_image {
	float:left;
	position:relative;
	margin-right:5px;
	padding:3px;
	width:80px;
	}
	div.phone_order_container div.manuf_logo {
	float:left;
	position:relative;
	margin-right:5px;
	padding:3px;
	width:100px;
	}
	div.phone_order_container div.manuf_model {
	float:left;
	position:relative;
	margin-right:5px;
	padding:3px;
	width:140px;
	}
	div.phone_order_container div.phone_date_imei {
	float:left;
	position:relative;
	margin-right:5px;
	padding:3px;
	width:140px;
	}
	div.phone_order_container div.service {
	float:left;
	position:relative;
	margin-right:5px;
	padding:3px;
	width:100px;
	}
	div.phone_order_container div.payment {
	float:left;
	position:relative;
	margin-right:5px;
	padding:3px;
	width:80px;
	}
	div.phone_order_container div.orderstatus {
	float:left;
	position:relative;
	margin-right:5px;
	padding:3px;
	width:130px;
	}
	div.phone_order_container div.options {
	float:left;
	position:relative;
	margin-right:5px;
	padding:3px;
	width:100px;
	}
	.mc_centertext {
	font:0.6em Arial, Helvetica, sans-serif;
	background:#fff;
	height:15px;
	}
	.mc_height80 {
	height:80px;
	font:bold 0.75em Arial, Helvetica, sans-serif;
	}
	.mc_height40 {
	height:40px;
	font:0.75em Arial, Helvetica, sans-serif;
	}
div.main_container_footer {
	float:						none;
	width: 						982px; /*The width of our layout*/
	margin-left: 				auto;
	margin-right: 				auto;
	position:					relative;
	background:					url(/images/box-footer.gif) left bottom no-repeat;
	min-height:					10px;
	height:						10px;
	margin-top:					0;
	/*Margin left and right set to auto center's our layout*/
}
/*****************/

/**BUTTONS**/
.rollover_more a {
display:block;
width: 89px;
height:27px;
background:url(/images/buttons/more_details.jpg) 0 0 no-repeat;
text-decoration: none;
}
.rollover_more a:hover { 
background-position: 0 -27px;
}
.rollover_unlock a {
display:block;
width: 89px;
height:27px;
background:url(/images/buttons/unlock.jpg) 0 0 no-repeat;
text-decoration: none;
}
.rollover_unlock a:hover { 
background-position: 0 -27px;
}
.rollover_successful a {
display:block;
width: 89px;
height:27px;
background:url(/images/buttons/successful.jpg) 0 0 no-repeat;
text-decoration: none;
}
.rollover_successful a:hover { 
background-position: 0 -27px;
}
.rollover_get_support a {
display:block;
width: 89px;
height:27px;
background:url(/images/buttons/get_support.jpg) 0 0 no-repeat;
text-decoration: none;
}
.rollover_get_support a:hover { 
background-position: 0 -27px;
}
.rollover_make_payment a {
display:block;
width: 89px;
height:27px;
background:url(/images/buttons/make_payment.jpg) 0 0 no-repeat;
text-decoration: none;
}
.rollover_make_payment a:hover { 
background-position: 0 -27px;
}
/*************/

/**SUBMIT BUTTONS***/

input.btn { 
color:#050; 
font: bold small 'trebuchet ms',helvetica,sans-serif; 
}

/********************/

div.customer_message_border {
width:				97%;
padding:			10px;
border:				1px solid #999;
background:			#f6f4e8;
position:relative;
}
div.customer_message_border div.customer_message {
padding-left:25px;
background:url(/images/icons/customer_message.gif) top left no-repeat;
position:relative;
}
div.foneszone_message_border {
width:				95%;
padding:			10px;
border:				1px solid #999;
background:			#eef6e8;
position:relative;
}
div.foneszone_message_border div.foneszone_message {
padding-left:25px;
background:url(/images/icons/foneszone_message.gif) top left no-repeat;
position:relative;
}
.message_date {
position:absolute;
top:0;
left:680px;
background:url(/images/icons/date_message.gif) top left no-repeat;
padding-left:25px;
}
/**LOGIN FORM**********/
div.login_form {
margin-bottom:10px;
float:left;
position:relative;
}
div.login_form input {
font:			Arial, Helvetica, sans-serif 0.6em;
}
.submit_error {
	background:			url(/images/icons/error.gif) left no-repeat;
	padding-left:20px;
	color:red;
}
.submit_ok {
	background:			url(/images/icons/tick.gif) top left no-repeat;
	padding-left:20px;
	color:green;
}
.submit_ok_large {
	background:			url(/images/icons/tick.gif) top left no-repeat;
	padding-left:		20px;
	color:				green;
	font-size:			2em;
}
.submit_inform {
	background:			url(/images/icons/error.gif) top left no-repeat;
	padding-left:20px;
	color: #FF6600;
}
.submit_info {
	background:			url(/images/icons/information.gif) top left no-repeat;
	padding-left: 20px;
	color: #00F;
}
/**********************/

/**TOP NAVIGATION STYLE BUTTONS**/

a.squarebutton{
background: transparent url(/images/buttons/grey-left.gif) no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 18px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 26px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}
a.squarebutton{
background: transparent url(/images/buttons/grey-left.gif) no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 18px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 26px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}
a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url(/images/buttons/grey-right.gif) no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
/*******************************/

/**TOP NAVIGATION STYLE BUTTONS - IF ACTIVE URL**/

a.squarebutton_green{
background: transparent url(/images/buttons/green-left.gif) no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 18px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 26px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}
a.squarebutton_green{
background: transparent url(/images/buttons/green-left.gif) no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 18px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 26px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}
a:link.squarebutton_green, a:visited.squarebutton_green, a:active.squarebutton_green{
color: #494949; /*button text color*/
}

a.squarebutton_green span{
background: transparent url(/images/buttons/green-right.gif) no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton_green:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton_green:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}
/*******************************/
.ins {
	margin: 0 0 10px 0;
}