@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-----*/

/*-- Use 'font.css' for all the fonts --*/

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

/* Wrapper Container */
	#wrapper_container {
		height: auto;
		width:805px;
		margin-top:5px;
		margin-bottom:5px;
		margin-left:auto;
		margin-right:auto;
		outline:0px solid violet;
		}

/* Wrapper Head */
	div#support_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#support_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.supportpage_title {
		margin-bottom: 20px;
		text-align:center;
		font-family: Sourcesans_semibold;
		font-size: 17px;

		color: #808080;
		outline: 0px solid white;
		}		
		
/* Table */
	table.support_table {
		border: 0px solid white;
		margin-left: auto;
		margin-right: auto;
		}
		
	td.support_td {
		border: 0px solid white;
		width: 130px;
		height: 150px;
		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;
		}		

/*---------- Code for app support pages ----------*/

/* Wrapper Bottom 2 */
	div#support_wrapper_bottom-two {
		background-image:url('../../images/support/wrapper-bottom2.png');
		background-repeat:no-repeat;
		height:30px; 
		width:800px;
		outline:0px solid cyan;
		}	
		
		
/*-- Wrapper content --*/
	div#support_wrapper_markerboard_content, div#support_wrapper_task_content, div#support_wrapper_pcr_content  {
		background-image:url('../../images/support/wrapper-content.png');
		margin-top:1px;
		background-repeat:repeat-y;
		width:800px;
		outline: 0px solid violet;
		}
		
	/* markerboard support */
	div#support_wrapper_markerboard_content{
		height:1695px;
		}
		
	/* task support */
	div#support_wrapper_task_content {
		height:1785px;
		}
		
	/* pcr support */
	div#support_wrapper_pcr_content {
		height:2040px;
		}		
		
/* Title and Mail */
table.appsupport {
	font-family: Sourcesanspro, san-seriff;
	text-align: center;
	width: 800px;
	}
	
	/* title */
	td.appsupport_title {
		font-size: 25px;
		color: #e5e5e5;
		}

	/* mail */	
	td.appsupport_mail {
		margin-right: 10px;
		color: #666666;
		}

/* Q&A Table Container */
div.support_table_container {
	width: 805px;
	margin-left: auto;
	margin-right: auto; 
	}
		
	/* Question and Answer */	
	table.question_answers {
		font-family: Sourcesanspro, san-seriff;
		width: 750px;
		margin-left: auto;
		margin-right: auto;
		border: 0px solid grey;
		}	

	/* Q&A title */	
	td.qa_title {
		height: 20px;
		font-size: 25px;
		color: #4987df;
		text-align: left;
		outline: 0px solid white;	
		}	
		
	/* question */	
	td.support_question {
		font-size: 18px;
		color: #e5e5e5;
		padding-left: 10px;
		padding-top: 10px;
		outline: 0px solid grey;
		}	
		
	/* answer */	
	td.support_answer {
		font-size: 17px;
		color: #808080;
		line-height: 20px;
		padding: 5px 10px 10px 10px;
		outline: 0px solid grey;
		}

/* Arrow */
	img.support_arrow_last {
		background-color: #808080;
		border-radius: 20px;
		margin-top: 0px;
		margin-right: 30px;
		float: right;
		
		/* transition */
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
		}
	
	img.support_arrow_last:hover {
		background-color: #4d4d4d;
		}

/* dim (dim is only on app support pages) */
	span.dim {
		opacity:0.2;
		}

	span.dim:hover {
		opacity: 1;
		}