/*============CSS RESET============*/

/* 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, 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 {margin:auto; background-color:/*#E1EEFE*/#e7e5e5; color:#65656a; font-family: "Helvetica Neue", Arial, sans-serif; min-width:320px;}

ol li {
	margin-left:20px; padding-left:10px; padding-top: 8px; font-size:.9em; line-height:1.4em;
}
ul li {
	margin-left:20px; padding-left:10px; padding-top: 8px; font-size:.9em; line-height:1.4em; 
}

blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

/*============CSS RESET============*/

@media only screen {
html {overflow-y:scroll;}

.print img {visibility:hidden;}
}

/*============Universal TYPOGRAPHY Styles============*/

body {margin:auto; background-color:/*#E1EEFE*/#e7e5e5; color:#666; font-family: "Helvetica Neue", Arial, sans-serif; min-width:320px;}
	
h1 {font-size:2.0em; font-weight:bold; color:#ee7623;}
h2 {font-size:1.5em; font-weight:bold; color:#65656a; margin-bottom:4px;}
h3 {font-size:1.2em; font-weight:bold; color:#ee7623;}

p {font-size:.9em; line-height:1.4em;}
.note {color: #ee7623; margin-top: 10px; margin-bottom: 20px;}
a {text-decoration:none; color:blue;}
a:hover {text-decoration:underline;}
a:visited {color:blue;}



/*============END Universal TYPOGRAPHY Styles============*/

/*============Universal LAYOUT Styles============*/

#head {}
#head_wrapper {width:95.383% /*920px*/; max-width:960px; min-width:280px; margin:auto; padding:20px 2.173% /*20px*/; color:#555;}

#logo_wrapper {float:left;}

#contact {width:235px; padding:0 0 0 2.173% /*20px*/; float:right; display:block; font-size:.9em;}

#mid {background-color:#fff; border-top: solid 4px #65656a; border-bottom: solid 4px #65656a;}
#mid_wrapper {width:95.383% /*920px*/; max-width:960px; min-width:276px; margin:auto; padding:2.173%; background-color:#fff; box-shadow:3px 3px 3px #ddd; border: 2px solid #65656a;}

#foot {padding:0 0 2.083% 0;}
#foot_wrapper {width:95.383% /*920px*/; max-width:960px; min-width:280px; margin:auto; padding:2.083% /*20px*/; font-size:.7em; color:#555;}
#foot_wrapper2 {width:95.383% /*920px*/; max-width:960px; min-width:280px; margin:auto; padding:2.083% /*20px*/; font-size:.7em; color:#555; text-align:center;}

/*--- Mobile Related ---*/
.form_mobile { }
.form_mobile_replace {display:none;}
.form_mobile_replace_buttons {padding:0 0 0 2.173%;}

.mobile_return {display:none;}
.mobile_factsheet {display:none;}
.mobile {display:none;}
/*--- END MOBILE RELATED ---*/

.clear {clear: both;} /*---.clear is used for clearing floats---*/

/*============END Universal LAYOUT Styles============*/


/*==========FORM styles==========*/

#new_form {box-sizing: border-box; }

.txtinput { 
display: inline-block;
font-family: "Helvetica Neue", Arial, sans-serif;
border-style: solid;
border-width: 1px;
border-color: #dedede;
margin: 0 0 8px 0;
font-size: .9em;
padding: 3px;
width: 70%;
color: #666;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}

/*============END Forms Styles============*/


/*============START Upload Page============*/

#upload_head_wrapper {width:450px /*450px*/; max-width:450px; margin:auto; padding-top:10px; padding-bottom:10px;}
#upload_logo {width:130px; float:left;}
#upload_logo img {width:100%;}
#upload_title{margin:10px 0 0 0; float:right; display:inline-block;}
#upload_title_cs{margin:0; float:right; display:inline-block; text-align:right;}
#upload_mid_wrapper {width:450px /*420px*/; max-width:450px; margin:auto; padding:20px; background-color:#fff;}
#upload_foot_wrapper { width:450px /*450px*/; max-width:450px; margin:auto; padding-top:20px; padding-bottom:20px; font-size:.7em; color:#555;}

/*============END Upload Page============*/


/* =====================================================================================================================================================================================================
871px TO 959px
======================================================================================================================================================================================================== */
@media only screen and (min-width: 871px) and (max-width: 959px) {
	

/*============Universal TYPOGRAPHY Styles============*/

h1 {}

h2 {}
h2 a:hover {}

h3 {}

h4 {}

h5, h6 {}
	
p {font-size:.9em; line-height:1.4em;}

a {}
a:hover {}

/*============END Universal TYPOGRAPHY Styles============*/



/*============Forms Styles============*/

.txtinput {font-size: .7em; width:95%;}

/*============END Forms Styles============*/

}


/* =====================================================================================================================================================================================================
END 871px TO 959px STYLES
======================================================================================================================================================================================================== */

/* =====================================================================================================================================================================================================
721px TO 870px STYLES Large Tablet
======================================================================================================================================================================================================== */

@media only screen and (min-width: 721px) and (max-width: 870px) {

/*============Universal TYPOGRAPHY Styles============*/

body {}
	
p {font-size:.9em;}

/*============END Universal TYPOGRAPHY Styles============*/


/*============Forms Styles============*/

.txtinput {font-size: .7em; width:95%;}


/*============END Forms Styles============*/
			
}

/* =====================================================================================================================================================================================================
END 721x870 STYLES
======================================================================================================================================================================================================== */



/* =====================================================================================================================================================================================================
601px to 720px STYLES Small Tablet
======================================================================================================================================================================================================== */


@media only screen and (min-width: 621px) and (max-width: 720px) {

/*============Universal TYPOGRAPHY Styles============*/

p {font-size:.8em; line-height:1.4em;}

a {}
a:hover {}

/*============END Universal TYPOGRAPHY Styles============*/

/*============Universal LAYOUT Styles============*/

#logo_wrapper {float:left;}

/*============END Universal LAYOUT Styles============*/


/*============Forms Styles============*/

.txtinput {font-size: .7em; width:95%;}

#new_form textarea {
font-size: .7em;
}

/*============END Forms Styles============*/
	
}
		
/* =====================================================================================================================================================================================================
END 621px to 720px STYLES
======================================================================================================================================================================================================== */


/* =====================================================================================================================================================================================================
1px to 620px STYLES Mobile Phone
======================================================================================================================================================================================================== */


@media only screen and (min-width: 1px) and (max-width: 620px) {


/*============Universal TYPOGRAPHY Styles============*/
/* #Typography
================================================== */

p {font-size:.85em; line-height:1.4em;}

a {}

#new_form .txtinput {font-size: .75em;}

/*============END Universal TYPOGRAPHY Styles============*/

/*============Universal LAYOUT Styles============*/

#head {}
#head_wrapper {width:95.383% /*920px*/; max-width:960px; min-width:280px; margin:auto; padding:20px 2.173% 2.173% 2.173%;}

#logo_wrapper {float:left;}

#mid {}
#mid_wrapper {width:99%; padding:10px 0;}

#foot {}
#foot_wrapper {}

/*--- Mobile Related ---*/

.hide_on_mobile {display:none;}
.form_mobile {display:none;}
.form_mobile_replace {display:block;}
.form_mobile_replace_buttons {padding:0 0 0 2.173%;}

.mobile_return {display:block; padding: 0 0 20px 0; font-size:.75em;}
.mobile_factsheet {display:block; font-size:.9em;}
.mobile {display:block; font-size:1em; padding: 0 0 20px 0;}
/*--- END MOBILE RELATED ---*/

/*============END Universal LAYOUT Styles============*/


/*==========FORM styles ==========*/

.txtinput {font-size: .7em; width:95%;}

#new_form textarea {font-size: .7em;}

/*============END Forms Styles============*/



/* =====================================================================================================================================================================================================
END 1px to 620px STYLES
======================================================================================================================================================================================================== */
}