/* -------- Form Layout 2013 ---------- */

/* Colour Reference 

Dark Olive Green		=	#78842B
Light Wheat Green		=	#EAEDD1

*/


/* PAGE DEFINITION	======================================================================================== */

HTML,BODY									{background-color:#BEBDBD; font-family:Verdana, Arial, Helvetica, sans-serif; width:100%; height:100%;}
DIV.form2013								{height:auto; margin:0 auto; background-color:#FFF; box-shadow:0 10px 15px #666; font-size:62.5%;}

/* Base widths for IE 7 & 8 */
DIV.form2013								{width:1000px;}
DIV.form2013.login							{width:400px;}

/* Media queries for newer browsers */

/* X-Large Screens */
@media screen and (min-width: 1601px) and (max-width: 2560px) {
DIV.form2013								{width:50%;}
DIV.form2013.login							{width:20%;}
}

/* Large Screens */
@media screen and (min-width: 961px) and (max-width: 1600px) {
DIV.form2013								{width:70%;}
DIV.form2013.login							{width:35%;}
}

/* Medium Screens */
@media screen and (min-width: 641px) and (max-width: 960px){
DIV.form2013								{width:80%;}
DIV.form2013.login							{width:45%;}
}

/* Small Screens */
@media screen and (min-width: 481px) and (max-width: 640px){
DIV.form2013								{width:85%;}
DIV.form2013.login							{width:60%;}
}

/* Smallest Screens */
@media screen and (max-width: 480px){
DIV.form2013								{width:90%;}
DIV.form2013.login							{width:80%;}
}

/* ELEMENTS ================================================================================================ */
DIV.form2013 A:link,
DIV.form2013 A:visited						{color:#78842B;}
DIV.form2013 A:hover,
DIV.form2013 A:active						{opacity:0.8; filter:alpha(opacity = 80);}

DIV.form2013 P								{padding:0; margin:0 0 20px;}


/* UNIVERSAL =============================================================================================== */
.clear										{clear:both;}
DIV.form2013 .floatLeft						{float:left;}
DIV.form2013 .floatRight					{float:right;}
DIV.form2013 .noPad							{padding:0 !important;}
DIV.form2013 .noBorder						{border:0 !important;}
DIV.form2013 .errortext						{color:red !important;}
DIV.form2013 .notetext						{color:#78842B !important;}
DIV.form2013 .colourBar						{clear:both; width:auto; height:20px; padding:10px; background-color:#78842B; color:#FFF;}

DIV.form2013 .olive							{background-color:#78842B; color:#FFF;}
DIV.form2013 .wheat							{background-color:#EAEDD1; color:#666;}
DIV.form2013 .grey							{background-color:#646464; color:#FFF;}

DIV.form2013 .width10pc						{width:10% !important;}
DIV.form2013 .width25pc						{width:25% !important;}
DIV.form2013 .width33pc						{width:33.33% !important;}
DIV.form2013 .width50pc						{width:50% !important;}
DIV.form2013 .width66pc						{width:66.66% !important;}
DIV.form2013 .width75pc						{width:75% !important;}
DIV.form2013 .width90pc						{width:90% !important;}
DIV.form2013 .width100pc					{width:100% !important;}

DIV.form2013 .marginLeft10					{margin-left:10px;}
DIV.form2013 .marginLeft15					{margin-left:15px;}
DIV.form2013 .marginLeft20					{margin-left:20px;}

DIV.form2013 .marginBot10					{margin-bottom:10px;}
DIV.form2013 .marginBot15					{margin-bottom:15px;}
DIV.form2013 .marginBot20					{margin-bottom:20px;}

DIV.form2013 .marginRight10					{margin-right:10px;}
DIV.form2013 .marginRight15					{margin-right:15px;}
DIV.form2013 .marginRight20					{margin-right:20px;}


/* FORM ELEMENTS =========================================================================================== */
DIV.form2013 INPUT[type="text"]				{}
DIV.form2013 INPUT[type="submit"],
DIV.form2013 INPUT[type="button"]			{border:none; cursor:pointer;}
DIV.form2013 INPUT[type="submit"]:hover,
DIV.form2013 INPUT[type="button"]:hover		{opacity:0.8; filter:alpha(opacity = 80);}
DIV.form2013 SELECT							{}
DIV.form2013 INPUT[type="radio"]			{display:inline-block; margin-right:10px;}
DIV.form2013 LABEL							{display:inline-block; min-width:100px; color:#666;}

DIV.form2013 .section .content .field							{clear:both; width:auto; padding:5px 0 7px; margin-bottom:5px; border-bottom:1px solid #E9E9E9;}
DIV.form2013 .section .content .field:last-child 				{border-bottom:none;}
DIV.form2013 .section .content .field LABEL						{display:block; float:left; margin-right:15px; font-size:1.1em; font-weight:700; text-transform:uppercase;}
DIV.form2013 .section .content .field LABEL.small				{display:block; float:left; min-width:75px; margin-right:10px; font-size:1.0em; font-weight:700; text-transform:uppercase;}
DIV.form2013 .section .content .field LABEL.lesser				{display:inline-block; float:none; min-width:75px; margin-right:10px; font-size:1.1em; text-transform:none; font-weight:normal;}
DIV.form2013 .section .content .field LABEL EM 					{color:#78842B;}
DIV.form2013 .section .content .field SPAN						{display:block; float:right; font-size:1.1em; font-weight:500; color:#818181;}

DIV.form2013 .section .content .field INPUT[type="text"],
DIV.form2013 .section .content .field INPUT[type="password"],
DIV.form2013 .section .content .field SELECT					{display:block; float:right; width:50%; height:30px;}

DIV.form2013 .section .content .field INPUT[type="text"].full,
DIV.form2013 .section .content .field INPUT[type="password"].full,
DIV.form2013 .section .content .field SELECT.full				{float:none; clear:both; width:100%; margin:5px 0;}

DIV.form2013 .section .content .field INPUT[type="text"]:focus,
DIV.form2013 .section .content .field INPUT[type="password"]:focus,
DIV.form2013 .section .content .field SELECT:focus				{background-color:#FBF7C6; border:2px solid gold; border-style:solid; border-radius:2px;}

DIV.form2013 .section .content .field .inputRow					{clear:both; padding-bottom:3px; margin-bottom:5px; border-bottom:1px solid #E9E9E9;}
DIV.form2013 .section .content .field .radioRow					{clear:both; margin-bottom:5px;}
DIV.form2013 .section .checkContainer							{width:30px;}


DIV.form2013 INPUT[type="submit"].segment,
DIV.form2013 INPUT[type="button"].segment	{display:block; min-height:80px; font-size:1.3em; font-weight:500; text-transform:uppercase; letter-spacing:0px; text-shadow:0px 1px 1px #555;}
DIV.form2013 .segment INPUT[type="submit"],
DIV.form2013 .segment INPUT[type="button"]	{min-width:200px; min-height:40px; padding-left:20px; padding-right:20px; font-size:1.3em; font-weight:500; text-transform:uppercase; text-shadow:0px 1px 1px #555;}
DIV.form2013 .buttonPanel .floatleft		{text-align:left;}	
DIV.form2013 .buttonPanel .floatRight		{text-align:right;}	


/* LISTS =================================================================================================== */
DIV.form2013 UL.chkBoxList					{display:block; clear:both; margin:0; padding:0;}
DIV.form2013 UL.chkBoxList LI				{display:block; width:33%;}
DIV.form2013 UL.chkBoxList LI LABEL			{display:block;}
DIV.form2013 UL.chkBoxList LI .inner		{padding:10px; margin-right:20px; border-bottom:1px solid #E9E9E9;}
DIV.form2013 UL.chkBoxList LI LABEL,	
DIV.form2013 UL.chkBoxList LI A.tooltip		{font-size:1.05em; color:#666; text-decoration:none; font-weight:700; text-transform:uppercase;}

/* Small-Medium Screens */
@media screen and (max-width: 960px){
DIV.form2013 UL.chkBoxList LI				{width:50%;}
DIV.form2013 UL.chkBoxList LI LABEL,
DIV.form2013 UL.chkBoxList LI A.tooltip		{font-size:0.95em;}
}

DIV.form2013 .section .content #hr UL,	
DIV.form2013 .section .content #bcu UL		{display:block; clear:left;}
DIV.form2013 .section .content #hr UL LI,
DIV.form2013 .section .content #bcu UL LI	{display:block; clear:left; width:100%; margin-bottom:5px;}
DIV.form2013 .section .content #hr UL LI LABEL,	
DIV.form2013 .section .content #bcu UL LI LABEL	{display:inline-block; min-width:100px; text-transform:none;}

DIV.form2013 UL#occupationList LI:nth-child(n+20):nth-child(-n+22){display:none;}
DIV.form2013 #otherOcc						{padding:10px;}


/* HEADER	================================================================================================ */
DIV.form2013 #header						{clear:both; width:auto; height:215px;}
DIV.form2013 #header .logo					{clear:both; width:auto; height:125px; padding:25px; text-align:center;}
DIV.form2013 #header .logo H1				{color:#78842B; font-size:1.2em; font-weight:700; text-transform:uppercase;}
/* NAV	---------------------------------------------------------------------------------------------------- */
DIV.form2013 #header UL#nav					{display:block; clear:left; width:auto; padding:0; margin:0; list-style:none; text-align:center;}
DIV.form2013 #header UL#nav LI				{display:inline-block; padding-right:10px; margin-right:10px; border-right:1px solid #FFF; list-style:none;}
DIV.form2013 #header UL#nav LI:last-child	{border-right:0;}
DIV.form2013 #header UL#nav LI.last			{padding-right:0; margin-right:0; border-right:0;}
DIV.form2013 #header UL#nav LI A			{color:#FFF; font-size:1.05em; font-weight:700; text-decoration:none; text-transform:uppercase;}


/* SECTION	================================================================================================ */
DIV.form2013 .section						{clear:both; width:auto;}
DIV.form2013 .section .colourBar H2			{margin:0; color:#FFF; font-size:1.05em; font-weight:700; text-align:center; text-transform:uppercase;}
DIV.form2013 .section .colourBar A:link,			
DIV.form2013 .section .colourBar A:visited	{color:#FFF; text-decoration:underline;}
DIV.form2013 .section .content				{clear:both; padding:25px 15px;}
DIV.form2013 .section .buttonPanel.content	{padding:20px;}
DIV.form2013 .section .content P			{font-size:1.15em; color:#666; letter-spacing:0em;}
DIV.form2013 .section .content #hr,
DIV.form2013 .section .content #bcu 		{padding:10px; background-color:#F4F4F4;}
DIV.form2013 .section .content #hr P,	
DIV.form2013 .section .content #bcu P		{font-size:1.05em;}

DIV.form2013 .segment						{}
DIV.form2013 .segment .inner				{clear:both; padding:15px;}


/* FOOTER	================================================================================================ */
DIV.form2013 #footer .segment				{min-height:80px;}
DIV.form2013 #footer .buttonPanel .segment	{min-height:40px;}
DIV.form2013 #footer .segment .inner		{}
DIV.form2013 #footer .segment .inner P		{margin:0; font-size:1.05em !important; letter-spacing:-0.02em;}