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

/* CSS Reset from Meyerweb */
	/* http://meyerweb.com/eric/tools/css/reset/ 
	   v2.0 | 20110126
	   License: none (public domain)
	*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
a {outline: 0;}

/* CSS Reset End */


/* Webpage Background */
	body {background-image:url('../../images/bg.jpg');}
	
	

/*---------- Index page (Platform  Selection ) ----------*/	
/* Wrapper Head */
	div#pcr_index_wrapper_head {
		background-image:url('../../images/support/wrapper-top.png');
		background-repeat:no-repeat;
		height:30px;
		width:800px;
		outline:0px solid deeppink;
		}	
		
/* Wrapper Head title */
	div#index_platform_container {
		background-image:url('../../images/support/wrapper-middle.png');
		background-repeat:repeat-y;
		height:200px;
		width:800px;
		outline: 0px solid white;
		}
		
/* Welcome to the Support Page - text */
	p.platform_title {
		margin-bottom: 20px;
		text-align:center;
		font-family: Sourcesans_semibold;
		font-size: 17px;

		color: #808080;
		outline: 0px solid white;
		}

/* Table */
	table.platform_table {
		border: 0px solid white;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		}	

/* App text */
	a.app_text {
		font-family: Sourcesanspro, san-seriff;
		font-size: 15px;
		color: #999999;
		text-decoration:none;
		outline: 0px solid yellow;
		}

		a.app_text:hover {
			color:white;
			}
			
/* Wrapper Bottom */
	div#support_wrapper_bottom {
		background-image:url('../../images/support/wrapper-bottom.png');
		background-repeat:no-repeat;
		height:30px; 
		width:800px;
		outline:0px solid cyan;
		}


		
/*---------- iOS / Android Page ----------*/	
/* Wrapper */
	#wrapper_container {
		width:805px;
		height:auto;
		
		margin-top:5px;
		margin-bottom:5px;
		margin-left:auto;
		margin-right:auto;
		}
		
	/* platform select text */
		div.platform_text_container {
		color: white;
		font-family: Sourcesanspro;
		margin-top: 20px;
		margin-bottom: 20px;
		}
		
		/* ios text */
		a.platform_ios {
		text-decoration: none;
		color: grey;
		margin-right:15px;
		}
			
			a.platform_ios:hover {
				color: white;
				}
	
		/* android text */
		a.platform_android {
		text-decoration: none;
		color: grey;
		}
		
			a.platform_android:hover {
				color: white;
				}

		
	/* Inner Wrapper */
	div.inner_wrapper {
		background-color: #cdcdcd;
		height: 3942px;
		}
		
	/* PCR app banner */
	div.pcr_banner {
		position: relative;
		}	
		
		div.appstore_badge {
		top:225px;
		left: 610px;
		position: absolute;
		}
		
		div.googlestore_badge {
		top:225px;
		left: 25px;
		position: absolute;	
			}
		
	/* Description */	
	p.description {
		width: 760px;
		
		font-family: Sourcesanspro;
		font-size: 20px;
		line-height: 24px;
		text-align: center;
		color: #333333;
		
		margin-top: 20px;
		margin-bottom: 30px;
		margin-right: auto;
		margin-left: auto;
		}
		
	/* pcr arrow */	
	div.arrow {
		width: 92px;
		height: 29px;
		
		margin-right: auto;
		margin-left: auto;	
		}
		
	/* Screen title */	
	p.screen_title {
		font-family: Sourcesans_semibold;
		font-size: 28px;
		text-align: center;
		color: #333333;
		text-transform: uppercase;
		
		margin-top: 50px;
		margin-right: auto;
		margin-left: auto;
		}

	/* Description */	
	p.title_notes {
		width: 675px;
		
		font-family: Sourcesanspro;
		font-size: 20px;
		line-height: 24px;
		text-align: center;
		color: #333333;
		
		margin-top: 10px;
		margin-bottom: 30px;
		margin-right: auto;
		margin-left: auto;
		}

	/* Image Content */	
	div.image_content {
		width: 805px;
		height: 555px;
		}
		
/* App Store */	
	table.appstore_container {		
		margin-right: auto;
		margin-left: auto;
		}
		
	/* App Icon */	
	td.appicon_td {
		text-align: center;		
		width: 250px;
		height: 100px;
		
		margin-right: auto;
		margin-left: auto;	
		}		

	/* App Store */	
	td.appstore_td {
		text-align: center;
		width: 250px;
		height: 63px;
		
		margin-right: auto;
		margin-left: auto;		
		}	

			
/* Social Network */
div.socialnetwork_container {
	outline:0px solid white;
	}

/* facebook */	
	img.facebook_logo {
		margin-right: 10px;
		background-color: #808080;
		border-radius: 20px;
		float: right;
		outline: 0px solid white;
		
		/* transition */
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
		}

	img.facebook_logo:hover {
		background-color: #3b5997;
		}
		
/* twitter */
	img.twitter_logo {
		margin-right: 25px;
		float:right;
		background-color: #808080;
		border-radius: 20px;
		outline:0px solid white;
		
		/* transition */
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
		}
		
	img.twitter_logo:hover {
		background-color: #00aced;
		}