*                          					{font-family:sans-serif; font-size:14px; font-weight:100; color:#333333; margin:0px; padding:0px; border:0px; -webkit-text-size-adjust:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; outline:none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s;}
html, body									{width:100%; height:100%;}

a:visited 									{color:#0099cc; text-decoration:none;}
a:link										{color:#0099cc; text-decoration:none;}
a:active  									{color:#0099cc; text-decoration:none;}
a:hover  									{color:#66cc00; text-decoration:none;}

img											{vertical-align:middle; max-width:100%}
strong										{font-weight:bold}
h1											{font-size:16px; font-weight:bold}
table										{table-layout:fixed; border-collapse: collapse;}

.nav										{height:70px; padding:0px 40px 0px 40px; background:#445060;}
.nav > div									{width:1000px; margin:0 auto;}

.main										{height:10px; padding:40px; width:100%; vertical-align:top;}
.main > div									{width:1000px; margin:0 auto;}
.main > div table td:nth-of-type(2)			{width:300px; line-height:24px; padding-left:20px;}

.section									{padding:40px; background:#E1F0F5;}
.section > div								{width:1000px; margin:0 auto; line-height:24px;}
.section > div img							{max-width:90%; height:auto; border-radius:50%; border:10px solid #fcfcfc;}


.footer										{height:10px; padding:10px 40px 10px 40px; width:100%; background:#445060;}
.footer > div								{width:1000px; margin:0 auto; color:#ffffff; font-size:11px;}

/* Form */
form input[type='text']            			{height:30px; font-weight:bold; font-size:15px; border-bottom:1px solid #d4d4d4; color:#000000; width:100%; border-radius:0px;}
form input[type='password']            		{height:30px; font-weight:bold; font-size:15px; border-bottom:1px solid #d4d4d4; color:#000000; width:100%; border-radius:0px;}
form input[type="checkbox"] 				{width:24px; height: 24px; border:1px solid #dddddd; background:#fcfcfc; border-radius:4px;}
form input[type="checkbox"]:checked 		{background:#fcfcfc url(images/iField-check.png);}
form input[type="radio"] 					{width:24px; height: 24px; border:1px solid #dddddd; background:#fcfcfc; border-radius:50%}
form input[type="radio"]:checked 			{background:#fcfcfc url(images/iField-radio.png);}
form textarea								{background:#fcfcfc; padding:10px; border:1px solid #eaeaea; border-radius:0px;}
form select                        			{height:30px; font-weight:bold; font-size:15px; border-bottom:1px solid #d4d4d4; color:#cccccc; width:100%; padding:0px; border-radius:0px; background-image: url(images/iField-drop.png); background-position: right 14px center; background-repeat: no-repeat;}
form select::-ms-expand            			{display: none;}
form ::-webkit-input-placeholder   			{color:#cccccc;}
form :-moz-placeholder 		   	   			{color:#cccccc;}
form ::-moz-placeholder 		   			{color:#cccccc;}
form :-ms-input-placeholder 	   			{color:#cccccc !important;}
form ::-ms-clear 				   			{display:none;}

form .btnStart								{padding:14px 26px 14px 26px; font-size:16px; font-weight:bold; color:#ffffff; background:#7daf49; border-radius:4px; cursor:pointer;}
form .btnStart:hover						{background:#5e8632}
form .btnStart:active						{background:#445060}
form .btnOk									{font-size:15px; background:#73a534; padding:16px; width:100%; color:#ffffff; font-weight:bold; border-radius:0px; cursor:pointer;}
form .btnOk:hover							{background:#5e8632}
form .btnOk:active							{background:#445060}
form .btnCancel			          			{font-size:15px; background:#636466; padding:16px; width:100%; color:#ffffff; font-weight:bold; border-radius:0px; cursor:pointer;}
form .btnCancel:hover						{background:#555555}
form .btnCancel:active						{background:#445060}
form .btnSubmit			          			{font-size:15px; background:#73a534; padding:16px; width:100%; color:#ffffff; font-weight:bold; border-radius:0px; cursor:pointer;}
form .btnSubmit:hover						{background:#5e8632}
form .btnSubmit:active						{background:#445060}
form .btnDownload			       			{font-size:15px; background:#73a534; padding:16px; width:100%; color:#ffffff; font-weight:bold; border-radius:0px; cursor:pointer;}
form .btnDownload:hover						{background:#5e8632}
form .btnDownload:active					{background:#445060}


#Modal .loading								{display:table}
#Modal .loading li 							{background-color:#ffffff; height:20px; width:20px; float:left; margin:4px; display:block; border-radius:50%; opacity:0.4;}
#Modal .loading li:nth-of-type(1) 			{-webkit-animation:0.8s loading-fade infinite 0s; animation:0.8s loading-fade infinite 0s;}
#Modal .loading li:nth-of-type(2) 			{-webkit-animation:0.8s loading-fade infinite 0.2s; animation:0.8s loading-fade infinite 0.2s;}
#Modal .loading li:nth-of-type(3) 			{-webkit-animation:0.8s loading-fade infinite 0.4s; animation:0.8s loading-fade infinite 0.4s;}
@-webkit-keyframes loading-fade 			{50% {opacity:1;}}


#Modal .fields td							{position:relative; line-height:20px; font-size:11px;}
#Modal .Title								{text-align:right; vertical-align:bottom; color:#636466; font-size:18px; font-weight:400}
#Modal .Register							{width:600px; border-radius:10px; overflow:hidden; -moz-box-shadow: 0 0 20px #555; -webkit-box-shadow: 0 0 20px #555; box-shadow: 0 0 20px #555;}
#Modal .ThankYou							{width:600px; border-radius:10px; overflow:hidden; -moz-box-shadow: 0 0 20px #555; -webkit-box-shadow: 0 0 20px #555; box-shadow: 0 0 20px #555;}
#Modal .Login								{width:400px; border-radius:10px; overflow:hidden; -moz-box-shadow: 0 0 20px #555; -webkit-box-shadow: 0 0 20px #555; box-shadow: 0 0 20px #555;}
#Modal .Agreement							{width:600px; border-radius:10px; overflow:hidden; -moz-box-shadow: 0 0 20px #555; -webkit-box-shadow: 0 0 20px #555; box-shadow: 0 0 20px #555;}


/* Page Queries */
@media screen and (max-width:1100px)
{
.nav > div									{width:100%;}
.main > div 		 						{width:100%;}
.section > div								{width:100%;}
.footer > div								{width:100%;}
}


@media screen and (max-width:880px)
{
.main > div > table td						{display:block; width:100%;}
.main > div > table td:nth-of-type(2)		{width:100%; padding:20px 0px 0px 0px;}

.section > div table td						{display:block; width:100%;}
.section > div td:nth-of-type(1) 			{padding-bottom:20px;}
.section > div td:nth-of-type(2)			{padding-bottom:20px;}
}

@media screen and (max-width:480px)
{
.nav										{padding:0px 20px 0px 20px;}
.main										{padding:40px 20px 40px 20px;}
.main > div > table td:nth-of-type(2)		{font-size:12px; line-height:20px;}
.main > div > table td:nth-of-type(2) img	{width:50%;}

.section									{padding:40px 20px 40px 20px;}
.section > div								{line-height:20px; font-size:12px;}

.footer 									{padding:10px 20px 10px 20px;}
}


/* Modal Queries */
@media screen and (max-width:640px)
{
#Modal .Register							{width:100%;}
#Modal .Register .fields td					{display:block; width:100%;}
#Modal .Register .fields td.hd				{display:none;}
#Modal .ThankYou							{width:100%;}
#Modal .Agreement							{width:100%;}
}

@media screen and (max-width:440px)
{
#Modal .Login								{width:100%;}
}