@charset "utf-8";
/*   CSS iRecall Style Sheet
 *   Company Datatex Dynamics
 *   Copyright © 2015 Datatex Dynamics
 *   Main Colors
 *	 #f80705, #ff0000 - Red
 *	 #ffffff - White
 */ 

.irecall_manage_account_menu 
{ 
		margin					: 	0;
		padding					: 	.3em 0 .3em 0;
		background				:	#D4CFCF;
		width					: 	100%;
		text-align				: 	center;
}
.irecall_manage_account_menu ul 
{ 
	    list-style				: 	none; 
	    margin					: 	0; 
	    padding					: 	0;			
}
.irecall_manage_account_menu ul li 
{ 
	    margin					: 	0; 
	    padding					: 	0; 		
	    display					: 	inline; 
}
.irecall_manage_account_menu .current a
{
		background				: 	#f80705;
		color					: 	#ffffff;
}
.irecall_manage_account_menu > ul > li:hover > a
{
		background				: 	#f80705;
		color					: 	#ffffff;
}  
.irecall_manage_account_menu ul a:link
{ 
	    margin					: 	0; 
	    padding					: 	.4em .4em .4em .4em; 
	    text-decoration			: 	none;		
	    color					: 	#000000;
		font-weight				: 	bold;		
}
.irecall_manage_account_menu ul a:active
{
	    margin					: 	0; 
	    padding					: 	.4em .4em .4em .4em; 
	    text-decoration			: 	none; 	     
	    color					: 	#f80705;
}
.irecall_manage_account_menu ul a:hover
{ 
	    margin					: 	0; 
	    padding					: 	.4em .4em .4em .4em; 
	    text-decoration			: 	none;		
	    color					: 	#D4CFCF; 
	    background-color		: 	#f80705;
}
/*=========================//End Account Submenu=============================*/
/*==Border for myAccount, login, register, forgetpassword and resetpassword==*/
.irecall_login ,.irecall_register ,.irecall_forgetpassword,.irecall_resetpassword
{
		width					: 	410px;
		height					:	auto;
		margin					: 	0px auto 0; 
		padding					: 	13px;	
		border					: 	1px solid #f80705; 		
		padding-right			: 	15px;
}
.irecall_myAccountborder
{
		width					: 	auto;
		height					: 	auto;
		border					: 	1px solid #f80705;
		margin-left				: 	-0%;
		padding-right			: 	50px;
}
/*==//Border for myAccount, login, register, forgetpassword and resetpassword=*/
/*=============================Submit buttons=================================*/
img.btn_close
{
		float					: 	right; 
		margin					: 	-29px -2px 0px 0px;
}
.eftpayments img
{	
		float					:	right;
		margin-top				:	-12%;
		margin-right			:	-48%;
}
.flashpayment img
{
	    margin-top				:  -6%;
		margin-left				:   80%;
}
.mastercard img
{
		float					:	right;
		margin-top				:	-12%;
		margin-right			:	-50%;
}
.visa img
{
		float					:	right;
		margin-top				:	-12%;
		margin-right			:	-70%;		
}
.paypal img
{
		float					:	right;
		margin-top				:	-12%;
		margin-right			:	-50%;
}
.flashpay img
{
		float					:	right;
		margin-top				:	-12%;
		margin-right			:	-50%;		
}
.makepay 
{ 
		margin					: 	0 auto;
		padding-bottom			: 	10px;		
		width					: 	960px; 
}
.btn_pay
{
		width					:	297px;
		margin-bottom			:	2px;		
		background-color		: 	#f80705;
		border					: 	none;
		padding					: 	10px 25px 10px 25px;
		cursor					: 	pointer;
		text-align				:	center;
		text-transform			:	uppercase;
		font-weight				: 	bolder;		
}
.btn_pay a
{
		color					:	#fff;
}
input.changedetails, input.updatedevice, input.changeresellerdetails
{
		margin-left				:	45%;
}
input.changepassword
{
		margin-left				:	3%;
}
.irc_files_upload input[type=file] 
{
		border					:	1px solid #DDD;
		padding					: 	6px;
		background				: 	#FFF;
		margin-right			:	10px;
		width					:	50%;
		margin-left				:	5%;
}
.irc_files_upload .irc_submit_upload 
{
		border					: 	none;
		margin-left				: 	65%;
		margin-top				: 	-14%;
}
.irc_files_upload .irc_res_submit_upload
{	
		border					: 	none;
		margin-left				: 	65%;
		margin-top				: 	-7%;
}
label.emailsupload
{
		margin-left				:	5%;
}
.floatleft_paypal_onemonth, .floatleft_vcs_onemonth 
{
	float						: 	left;
	margin-left					: 	100px;
	text-align					: 	center;
}
.floatright_paypal_twelvemonths, .floatright_vcs_twelvemonths 
{
	float						: 	right;
	margin-right				: 	100px;
	text-align					: 	center;
}
/*=============================//End Submit buttons==============================*/
/*=============================Content Alignment=================================*/
hr 
{
	display					: 	block;		
	-webkit-margin-start	: 	auto;		
	border-style			: 	inset;
	border-width			: 	1px;
}
.passwordsalign, .sharedpasswordalign
{
	margin-left 			:	44%;
	margin-top				:	1%;
}
.changePasswordDescription, .sharedPasswordDescription
{
	padding					: 	5px;
	margin-right			: 	2%;
	margin-left				: 	4%;
	margin-bottom			: 	2%;
}
.irecall_deviceManage
{
	margin-left				: 	2%;
	margin-right			: 	2%;
	padding-top				:	2%;
}
.changePasswordDiscription p, .sharedPasswordDiscription p
{
	padding 				:   2%;
}
.starRequired 
{
	color					:	#f80705;
}
.irecall_inner_container, .facebooklogin, .googlelogin
{
	width					: 	999px;
	margin					: 	0 auto;
}
div#mail a
 {	 
	text-decoration			:	none;
	color					:	#f80705
}
.irecallsite
{
	color					:	#f80705
}
.accountcontents
{		
	margin-left				: 	30%;		
}/*=============================//End Content Alignment=============*/
/*================Table Styling, for Desktops/Laptops===============*/
table
{ 
	width					: 	100%; 
	border-collapse			: 	collapse; 
}
 tr:nth-of-type(odd) 
{ 
	background				: 	#fff; 
}
th 
{ 
	background				: 	#898989; 
	color					: 	#fff; 
	font-weight				: 	bold; 
}
td, th
 { 
	padding					: 	6px; 
	border					: 	1px solid #ccc; 
	text-align				: 	left; 
}
.checkStatus
{
	color					:	#f80705;
}
/*================//End Table Styling, for Desktops/Laptops=========*/
/*===========================Store Pop ups==========================*/
.black_overlay
{
    display					: 	none;
    opacity					:	0.7;
	filter					: 	alpha(opacity=20);
	background-color		:	black; 
	width					:	100%; 
	height					:	100%; 
	z-index					:	10;
	top						:	0; 
	left					:	0; 
	position				:	fixed; 				
}
.scrollflashpayments, .scrolleftpayments
{
	height					:	600px;
	overflow				:	auto;
}
.scrolleftpayments
{
	margin-right			:	1%;
}
.scrollpaypalpayments, .scrollvcspayments
{
	height					:   100%;     /* full height of the content box */
	max-height				:   auto;
	overflow				:	auto;
}
.paypal_content, .vcs_content
{
    display					: 	none;
    position				: 	fixed;			
	float					: 	left;	
    top						: 	20%;
    left					:	25%;
	width					: 	55%;		
	padding					: 	16px;        
    background-color		: 	#eeeeee;
    z-index					:	99999;
    overflow				: 	auto;		
}
.flash_content , .eft_content
{
    display					: 	none;
    position				: 	fixed;		
	border					: 	2px solid #ddd;
	float					: 	left;	
    top						: 	5%;
    left					:	20%;
	width					: 	64%;		
    padding					: 	16px;
    border					: 	1px solid #ddd;
    background-color		: 	#eeeeee;
    z-index					:	99999;
    overflow				: 	auto;		
}
fieldset.paymentsstatus
{
	width					: 	auto;
	height					: 	auto;
	border					: 	2px solid #C5C8CF;	
	padding-left			: 	24px;
	margin-bottom			: 	10px;
	margin-top				: 	5px;
	padding-right			: 	2%;
}
.irc_eft_bankdetailsfloatleft , .irc_flash_paymentdetailsfloatleft 
{
	float					: 	left;
	margin-left				: 	10px;
		
}
.irc_eft_bankdetailsfloatright, .irc_flash_paymentdetailsfloatright
{
	float					: 	left;
	margin-right			: 	40%;
	padding-left			: 	50px;
}
fieldset.firstchangebankdetails
{		
	width					: 	auto;
	height					:	auto;
	padding-right			: 	50px;
	float					:	left;
	padding-left			:	10px;
	margin					:	50px;
	margin-top				:	-5px;
}
/*===========================End Store Pop ups========================*/
@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px)
{
	
	.irecall_manage_account_menu 
	{ 
		margin				: 	0;
		padding				: 	.3em 0 .3em 0;
		background			:	#D4CFCF;
		width				: 	100%;
		text-align			:	left;
	}
	.irecall_manage_account_menu ul 
	{ 
		list-style			: 	none; 
		margin				: 	0; 
		padding				: 	0;
		padding-left: 13%;
	}
	.irecall_manage_account_menu ul li 
	{ 
		margin				: 	0; 
		padding				: 	0; 		
		display				: 	block; 
	}
	.irecall_manage_account_menu .current a
	{
		background			: 	#f80705;
		color				: 	#ffffff;
	}
	.irecall_manage_account_menu > ul > li:hover > a
	{
		background			: 	#f80705;
		color				: 	#ffffff;
	}  
	.irecall_manage_account_menu ul a:link
	{ 
		margin				: 	0; 
		padding				: 	.4em .4em .4em .4em; 
		text-decoration		: 	none;		
		color				: 	#000000;
		font-weight			: 	bold;		
	}
	.irecall_manage_account_menu ul a:active
	{
		margin				: 	0; 
		padding				: 	.4em .4em .4em .4em; 
		text-decoration		: 	none; 	     
		color				: 	#f80705;
	}
	.irecall_manage_account_menu ul a:hover
	{ 
		margin				: 	0; 
		padding				: 	.4em .4em .4em .4em; 
		text-decoration		: 	none;		
		color				: 	#D4CFCF; 
		background-color	: 	#f80705;
	}
	.irecall_myAccountborder 
	{
		width				: 	30%;
		height				: 	auto;
		border				: 	none;
		margin-left			: 	1%;
		padding-right		: 	50px;
	}
	.facebooklogin, .googlelogin
	{
		padding-left		: 	2%;
		padding-right		: 	2%;
		width				: 	100%;
	}	
	.accountcontents
	{		
		margin-left			: 	27%;
	}
	.irecall_login ,.irecall_register ,.irecall_forgetpassword,.irecall_resetpassword
	{
		width				:	auto;
		margin-left			: 	2%;
		margin-right		:	2%;				
	}	
	.passwordsalign, .sharedpasswordalign
	{
		margin-left			:	28%;
		margin-top			:	1%;
	}
	table.devicetable
	{ 
		width				: 	30%;
		border-collapse		: 	collapse;
		margin-left			:	1%;
	}	
	table
	{ 
		width				: 	99%;
		border-collapse		: 	collapse;
	}
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr 
	{ 
		display				:	 block;			
	}		
	thead tr
	{ 
		position			: 	absolute;
		top					: 	-9999px;
		left				: 	-9999px;
	}		
	tr 
	{ 
		border				: 	1px solid #ccc; 
	}		
	td
	{ 			
		border				: 	none;
		border-bottom		: 	1px solid #eee; 
		position			: 	relative;
		padding-left		: 	50%; 
	}		
	td:before
	{ 			
		position			: 	absolute;		
		top					: 	6px;
		left				: 	6px;
		width				: 	45%; 
		padding-right		: 	10px; 
		white-space			: 	nowrap;
	}
	.deviceStatus
	{
		margin-left			: 	1%;
	}	
	.scrollflashpayments, .scrolleftpayments
	{
		max-height			: 	100em;
		overflow			: 	auto;
	}
	img.btn_close
	{
		float				: 	right; 
	}
	.makepay 
	{ 
		margin				: 	0 auto;
		padding-bottom		: 	10px;
	}
	.btn_pay 
	{
		width				:	25%;
		margin-bottom		:	2px;		
		background-color	: 	#f80705;
		border				: 	none;
		padding				: 	10px 25px 10px 25px;
		cursor				: 	pointer;
		text-align			:	center;
		text-transform		:	uppercase;
		font-weight			: 	bolder;
	}
	.black_overlay
	{
		display				: 	none;
		position			: 	absolute;
		top					: 	0%;
		left				: 	0%;
		width				: 	100%;
		height				: 	1000%;
		background-color	: 	black;
		z-index				:	1001;
		-moz-opacity		: 	0.8;
		opacity				:	.80;
		filter				: 	alpha(opacity=80);			
	}
	fieldset.paymentsstatus
	{
		width				: 	auto;
		height				: 	auto;
		padding-left		: 	10px;
		margin-bottom		: 	10px;
		margin-top			: 	5px;
	}	
	.flash_content, .eft_content
	{
		display				: 	none;
		position			: 	fixed;		
		left				:	1%;
		width				: 	94%;
		padding				: 	16px;
		border				: 	1px solid #ddd;
		background-color	: 	#eeeeee;
		z-index				:	99999;
		overflow			: 	auto;
		top					:	10%;
	}
	.paypal_content,.vcs_content
	{
		display				: 	none;
		position			: 	fixed;
		float				: 	left;
		top					: 	15%;
		left				: 	3%;
		right				: 	5%;
		width				: 	auto;
		height				:	75%;
		padding				: 	16px;
		border				: 	1px solid #ddd;
		background-color	: 	#eeeeee;
		z-index				: 	99999;
		overflow			: 	auto;
	}
	.scrollvcspayments, .scrollpaypalpayments
	{
		height				: 	100%;
		max-height			: 	auto;
		overflow			: 	auto;
	}
	.floatleft_paypal_onemonth, .floatleft_vcs_onemonth
	{
		float				: 	left;		
		text-align			:   center;
		margin-left			:   100px;
		margin				:   10%;
	}
	.floatright_paypal_twelvemonths, .floatright_vcs_twelvemonths
	{
		float				: 	right;		
		text-align			: 	center;
		margin-left			: 	75px;
	}
	.irc_eft_bankdetailsfloatleft , .irc_flash_paymentdetailsfloatleft 
	{
		float				: 	left;
		margin-left			: 	2%;
	}
	.irc_eft_bankdetailsfloatright
	{
		float				: 	left;
		margin-right		: 	-25%;
		padding-left		: 	49%;
		margin-top			: 	-58%;
	}
	.irc_flash_paymentdetailsfloatright
	{
		float				: 	left;
		margin-right		: 	-31%;
		padding-left		: 	9%;
		margin-top			: 	0%;
	}	
	/*-----------------------End Store payments-----------------*/
	.mastercard img, .visa img, .flashpayment img, .visa img ,.eftpayments img, .paypal img, .flashpay img
	{
		display				: 	none;
	}
	input.changedetails, input.updatedevice, input.changeresellerdetails 
	{
		margin-left			: 	39%;
	}
	input.changepassword
	{
		margin-left			: 	10%;
	}
	.irc_files_upload .irc_submit_upload 
	{
		margin-top			: 	-38%;
	}
	.irc_files_upload .irc_res_submit_upload
	{	
		margin-top			: 	-28%;
	}
	label.emailsupload
	{
		margin-left			:	5%;
	}	
	fieldset.firstchangebankdetails
	{
		margin-left			: 	auto;
	}
}