/*_/^\_I_/^\_N_/^\_F_/^\_I_/^\_N_/^\_I_/^\_T_/^\_E_/^\_

 (c) Copyright Infinite Talent 2021  

`\V/'I`\V/'N`\V/'F`\V/'I`\V/'N`\V/'I`\V/'T`\V/'E`\V/'*/






a:hover	   			{ text-decoration: underline; color: #FCAF17;}
a		   			{ color: #8D1F1B; }
a:visited  			{ color: #8D1F1B; }



a.BRANDINGdom2dark 		{ color: #ffffff; }
a.BRANDINGdom2dark:hover 		{ color: #ffffff; }
a.BRANDINGdom2dark:visited 		{ color: #ffffff; }

body				{ font-family: Verdana; background-color: #FFFFFF; }

p.indexParagraph		{margin-left: 7px; margin-right: 7px;}

div.eduexpinfo			{font-size: 70%; font-family: Verdana; width: 100%; padding: 3px;}
div.eduexpwrapper		{background-color: #ECE8E5; border-color: #ECE8E5; border-style: solid; border-width: 2px; width: 100%; padding-bottom: 5px; padding-left: 5px;}
div.eduexpinsertwrapper		{background-color: #ECE8E5; border-color: #ECE8E5; border-style: solid; border-width: 2px; width: 100%; padding-bottom: 5px; padding-left: 5px;}
div.eduexpcontent		{width: 100%; padding-bottom: 5px;}
div.eduexplabel			{width: 100%;}
div.eduexpvalue			{width:100%; padding-left: 10px; font-size: 70%; font-family: Verdana;}


div.contactinfo			{font-size: 70%; font-family: Verdana; width: 100%; padding: 3px;}
div.contactcontent		{width: 100%; padding-bottom: 5px;}
div.firstnamelabel		{float: left; width: 100%;}
div.firstnamevalue		{width:100%; font-size: 70%; font-family: Verdana;}
div.lastnamelabel		{float: left; width: 100%;}
div.lastnamevalue		{width:100%; font-size: 70%; font-family: Verdana;}
div.middlenamelabel		{float: left; width: 100%;}
div.middlenamevalue		{width:100%; font-size: 70%; font-family: Verdana;}
div.address1label		{float: left; width: 100%;}
div.address1value		{width:100%; font-size: 70%; font-family: Verdana;}
div.address2label		{float: left; width: 100%;}
div.address2value		{width:100%; font-size: 70%; font-family: Verdana;}
div.ziplabel			{float: left; width: 100%;}
div.zipvalue			{width:100%; font-size: 70%; font-family: Verdana;}
div.citylabel			{float: left; width: 100%;}
div.cityvalue			{width:100%; font-size: 70%; font-family: Verdana;}
div.statelabel			{float: left; width: 100%;}
div.statevalue			{width:100%; font-size: 70%; font-family: Verdana;}
div.countrylabel		{float: left; width: 100%;}
div.countryvalue		{width:100%; font-size: 70%; font-family: Verdana;}
div.homephonelabel		{float: left; width: 100%;}
div.homephonevalue		{width:100%; font-size: 70%; font-family: Verdana;}
div.workphonelabel		{float: left; width: 100%;}
div.workphonevalue		{width:100%; font-size: 70%; font-family: Verdana;}
div.mobilephonelabel		{float: left; width: 100%;}
div.mobilephonevalue		{width:100%; font-size: 70%; font-family: Verdana;}
div.faxlabel			{float: left; width: 100%;}
div.faxvalue			{width:100%; font-size: 70%; font-family: Verdana;}
div.websitelabel		{float: left; width: 100%;}
div.websitevalue		{width:100%; font-size: 70%; font-family: Verdana;}
div.contactemaillabel		{float: left; width: 100%;}
div.contactemailvalue		{width:100%; font-size: 70%; font-family: Verdana;}
div.logininfolabel		{float: left; width: 100%; font-weight: bold;}
div.usernamelabel		{float: left; width: 100%;}
div.usernamevalue		{width:100%; font-size: 70%; font-family: Verdana;}
div.changepasswordlabel		{width: 100%;}
div.changesecurityanswerlabel	{width: 100%;}
div.hovertext			{cursor: pointer; position: absolute;float:left; z-index: 10000; background-color:#ffffff; BORDER: 1px solid #000000;}

hr.contactinfophr		{height:2px; width:90%; background:#ECE8E5;}
hr.eduexphr			{height:2px; width:90%; background:#ECE8E5;}

input.nextQuestion {
	padding :2px;
}
input.exitTest {
	padding :2px;
}		
 .cssDefaultButtonGraySmallTest {
    padding :2px;height: 20px; font-size: 9px
}	

   .cssDefaultButtonGray { 
	padding :2px;
}

td				{ font-family: Verdana; }
   .TEXT			{ font-family: Verdana; font-size: 70%; }
   .HEADERtext			{ color: #ffffff; font-size: 80%; }
   .HEADERtext1			{ color: #ffffff;}
   .GQTEXT			{ font-family: Verdana; font-size: 70%; padding-top: 0px; padding-right: 5px; padding-bottom: 25px; padding-left: 0px;}
   .ERRORtext			{ font-family: Verdana; font-size: 61%; color: #FF0000}

   .BOLD			{ font-weight: bold;}
   .ITALIC			{ font-style: italic;}
   .WHITElink			{ color: #ffffff;}

   .BGBRANDINGdom1light	{ background-color: #ECE8E5; }
   .BRANDINGdom1light	{ background-color: #ECE8E5; font-weight: bold;}
   .BRANDINGdom2dark	{ background-color: #8D1F1B; font-weight: bold; font-size: 80%;}
   .BRANDINGacc1light	{ background-color: #ECE8E5; font-weight: bold;}
   .BRANDINGacc2dark	{ background-color: #ECE8E5; font-weight: bold; color: #ffffff;}
   .BRANDINGdarktext	{ color: #003366;}

   /*For LDP:073 RTL TextDirection */
   .TGAlignLeft     {text-align: left;}
   .TGAlignRight    {text-align: right;} 

/*For YUI Grid */
.yui-skin-sam   table tr.yui-dt-even { font-size: 80%; background-color: #ECE8E5; border-color: #999999;} /* Same As COLUMNns1 class*/
.yui-skin-sam tr.yui-dt-even td.yui-dt-asc{ font-size: 100%; background-color: #ECE8E5; border-color: #999999;} /* Same As COLUMNns1 class*/
.yui-skin-sam tr.yui-dt-even td.yui-dt-desc { font-size: 100%; background-color: #ECE8E5; border-color: #999999;} /* Same As COLUMNns1 class*/

.yui-skin-sam  table tr.yui-dt-odd { font-size: 80%; background-color: #ECE8E5; border-color: #999999;} /* Same As COLUMNnsel1 class*/
.yui-skin-sam tr.yui-dt-odd td.yui-dt-asc{ font-size: 100%; background-color: #ECE8E5; border-color: #999999;}/* Same As COLUMNnsel1 class*/
.yui-skin-sam tr.yui-dt-odd td.yui-dt-desc{ font-size: 100%; background-color: #ECE8E5; border-color: #999999; }/*Same As COLUMNnsel1 class*/

.yui-skin-sam .yui-dt th { background-color: #8D1F1B; font-weight: bold; font-size: 80%;  } /*Same As BRANDINGdom2dark class */

td div.yui-dt-liner { text-align: left;}

   .EduExpBORDER			
{ 
	BORDER-RIGHT: #ccc 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #ccc 1px solid;
	PADDING-LEFT: 5px;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #ccc 1px solid;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #ccc 1px solid;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
   .EduExpHEADER
{
	BORDER-RIGHT: #ffffff 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #ffffff 1px solid;
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #ffffff 1px solid;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #ffffff 1px solid;
	BORDER-COLLAPSE: collapse;
	BACKGROUND-COLOR: #8D1F1B
}

   .PAGEtitle			{ font-size: 110%; color: #8D1F1B; font-weight: bold; }
   .PAGEtitle2			{ font-size: 110%; color: #ffffff; font-weight: bold;}
   .PAGEsubtitle		{ font-size: 100%; color: #666666; font-weight: bold;}
   .PAGEsubtitle2			{ font-size: 100%; color: #8D1F1B; font-weight: bold; }
   .PAGEtitleback		{ background-color: #8D1F1B;}
   .PAGEtitleTabText  { font-size: 110%; color: #FFFFFF; font-weight: bold; line-height: 100%; }
   .PAGEtitleTabback 	{ background-color: #8D1F1B; vertical-align:top;}
   .PAGEtitleTabback .PAGEtitleTabText {margin-top:4px;}
   .Fieldlabel			{ font-weight: bold; font-size: 80%; color: #000000; }
   .FORMlabel			{ font-weight: bold; font-size: 80%; }
   .FORMshrt			{ width: 200px;}
   .FORMmed			{ width: 260px;}
   .FORMlong			{ width: 400px;}
   .FORMdscrptn		{ width: 400px; height: 200px; }
   .FORMExperience		{ width: 440px; height:80px; font-family: Verdana; }
   .SELECTall			{ height: 20px; font-size: 9px; }
   .SMALLbutton		{ padding :2px;font-size: 9px; }
   .REGbutton			{
				padding :2px;
				}
					
   .LRGbutton			{
				padding :2px;
				}

   .logintable { float: right  }

   .COOKIEcrumbback	{ }
   .COOKIEcrumbtext	{ font-size: 70%; margin-left:5%; }
   .HELPlink			{ font-size: 80%; font-weight: bold; }
   .HELPLinkQuestion	{ font-weight: bold; color: #000000; }

   .POPhead		{ background-color: #ECE8E5; font-weight: bold; vertical-align: middle;}
   .POPhelp		{ background-color: #ECE8E5; font-weight: bold; text-align: right;}
   .POPtableresults	{ background-color: #ECE8E5;}
   .POProwresults		{ background-color: #ECE8E5;}

   .TOOLSstroke		{ background-color: #666666;}
   .TOOLSouterstroke	{ background-color: #666666;}
   .TOOLSshadow		{ background-color: #000000;}
   .TOOLSbody			{ }

   .TOGGLEdowninact	{ background-color: #cccccc; vertical-align: bottom; font-weight: bold;}
   .TOGGLEdowninacttext{ background-color: #cccccc; color: #666666; text-align:center; vertical-align: middle; font-weight: bold; font-size: 10px;}
   .SUBnavtext			{ }
   .SUBnavtextgray		{ color: #666666; }
   .TOGGLEsep			{ background-color: #000000; }

   .EXPLANATORYtext	{ font-size: 70%; }
   .EXPLANATORYerrortext	{ font-size: 70%; }
   .SMALLtext			{ font-family: Verdana; font-size: 61%; }
   .HELPERtext			{ font-family: Verdana; font-size: 52%; }

   .CRITERIAtext		{ font-size: 70%; }
   .TABLEprevnext		{ width: 100%; text-align: center;}
   .TABLEresults		{ width: 100%; valign: top;}

   .COLUMNns1		{font-size: 80%; background-color: #ECE8E5; border-color: #999999;}
   .COLUMNns1_i			{ font-size: 80%; font-style: italic; background-color: #ECE8E5; border-color: #999999;}
   .COLUMNns2			{ font-size: 80%; background-color: #FFFFFF; border-color: #999999;}
   .COLUMNsel1			{ font-size: 80%; background-color: #ECE8E5; border-color: #999999;}
   .COLUMNsel1_i			{ font-size: 80%; font-style: italic; background-color: #ECE8E5; border-color: #999999;}
   .COLUMNsel2			{ font-size: 80%; background-color: #ECE8E5; border-color: #999999;}

   .HEADLINE			{ font-size: 120%; font-weight: bold;  color: #003366; }
   .SUMMARY			{ font-size: 100%; font-weight: bold;  color: #333333; }
   .BYLINE				{ font-size: 80%; }
   .AUTHOR				{ font-size: 70%; font-style: italic; }

   .nounder   			{ font-family: Verdana; TEXT-DECORATION: none }
   .nounder_b 			{ font-family: Verdana; font-weight: bold; TEXT-DECORATION: none }
   .nounder1 			{ text-decoration: none; color: #ffffff; font-weight: bold;}
   .nounder2 			{ text-decoration: none; color: #ffffff;}
   .nounder3 			{ text-decoration: none; color: #ffffff;}

   .white				{ color: #ffffff; font-weight: bold; text-decoration: none;}
   .white2				{ color: #ffffff; text-decoration: none;}

   .AgencyLoginBorder		{ border: 5px solid #ECE8E5 }
   .AgencyLoginTitleText		{ font-family: Verdana; font-size: Small; text-align: Left; color: 000000}
   .AgencyGuidebar			{ color: #8D1F1B}
   .AgencyBoxBackGround	{ background-color: #FFFFFF}
   .AgencyBorderBackGround	{ background-color: #FFFFFF}
   .Warning		 { font-size: medium; color: Red; font-weight:bold; }
   .questionBranch_hide		{ display: none; }
#toolbar
{
}
#tabs 
{
   font-size: 9px; font-weight: normal; text-align: center;
}
#tabs .tabtop td 
{
 background-color: #A3C3F0; background-image: url("/Agency/images/tab_top.gif"); background-repeat: no-repeat;
 background-position: top right; border-left: 0px solid #FFFFFF; padding: 0px 2px 2px 0px;
}
#tabs .tabmenu td 
{
  background-color: ; background-image: url("/Agency/images/tab_line.gif"); background-repeat: repeat-y; 
  background-position: right;   border-left: 0px solid #FFFFFF; padding: 2px 4px 4px 4px;FONT-SIZE: 150%
}
#tabs #menuselected 
{
  background-color:#D73531; color: #FFFFFF; FONT-SIZE: 150%
}
#tabs #logouttab    
 {
   background-color:#8D1F1B; color: #FFFFFF; font-size: 150%;
 }
#tabs td a 
{
 display:block; width:100%; height:100%;
}
#tabs a:link, 
#tabs a:visited 
{
 text-decoration: none; color: #000000;
}
   .belowtabs
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    BACKGROUND-COLOR: #8D1F1B
}
#guidebar a:link		{color: color: #8D1F1B;}
#guidebar a:link:hover 		{text-decoration: underline; color: color: #FCAF17;;}
#guidebar a:visited 		{color: color: #8D1F1B;}
#guidebar a:visited:hover 	{text-decoration: underline; color: color: #FCAF17;;}

/*  updated */ #container	{border: 0px solid #4C83CE;}

/*  new */ #inputform {margin-top: 10px;}
/*  new */ #inputform h2 {display: block; background-color: #A3C3F0; padding: 3px; margin: 5px 0px 5px 0px; }
/*  new */ #inputform textarea {width: 90%; height: 100 px;}
/*  new */ #inputform td.label {text-align: right; font-weight: bold;} /* used in content 2 */
/*  new */ #inputform .labela {font-weight: bold; font-size: 10px;} /* used in content 2a */

/*  new */ #inputform #checkdata {padding: 3px; margin: 10px 0px 10px 0px;}
/*  new */ #inputform #checkdata td {border-bottom: 1px solid #000000; border-right: 1px solid #000000;}
/*  new */ #inputform #checkdata td.firstcol {border-left: 1px solid #000000;}
/*  new */ #inputform #checkdata td.lastcol {border-right: 1px solid #000000;}
/*  new */ #inputform #checkdata th {text-align: center; font-size: 10px; background-color: #8B8D8C; color: #ffffff; border-right: 1px solid #ffffff;} 

#datatable { border: 1px solid #000000;}

#rightnav
{
float: right;
height: 100%;
width: 20%;
margin-left: 1%;
background-color: #bbb;
}

#footernotused	{background-color: FFFFFF;text-align: center;}
#footernotused td {font-size: 10px; padding-right: 12px;}
#footernotused	a:link	{text-decoration: none; color: color: #8D1F1B;}
#footernotused	a:link:hover {text-decoration: underline; color: color: #FCAF17;;}
#footernotused	a:visited {text-decoration: none; color: color: #8D1F1B;;}
#footernotused	a:visited:hover {text-decoration: underline; color: color: #FCAF17;;}

}

/*  updated */ h1	{font-size: 16px; margin: 0; padding: 5px;}
 /*  updated */ h2	{font-size: 14px; margin-top: 0; padding-top: 6px; padding-bottom: 6px;}
/*  new */ h3 {font-size: 12px;}

h2
{
margin-left: 7px;
margin-right: 7px;
}

/* All new css classes for Tabs on TGs */

#tab_container
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: #FFFFFF;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 25px
}
#profile_content
{
    BACKGROUND: #FFFFFF;
    BORDER-RIGHT: #ccc 1px solid;
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
    BORDER-LEFT: #ccc 1px solid;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: #ccc 1px solid
}
#profile_content P
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px
}
   .contact
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 20px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
#tabnav
{
    PADDING-LEFT: 10px;
    FONT-SIZE: 11px;
    BACKGROUND: url(/img/tab_bottom.gif);
    BACKGROUND-REPEAT: repeat-x;
    BACKGROUND-POSITION: bottom;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif;
    HEIGHT: 20px
}
#tabnav A:link
{
    BORDER-RIGHT: #ccc 1px solid;
    PADDING-RIGHT: 10px;
    BORDER-TOP: #ccc 1px solid;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND: #CCCCCC;
    FLOAT: left;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #ccc 1px solid;
    COLOR: #000;
    LINE-HEIGHT: 14px;
    MARGIN-RIGHT: 4px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #ccc 1px solid;
    TEXT-DECORATION: none
}
#tabnav A:visited
{
    BORDER-RIGHT: #ccc 1px solid;
    PADDING-RIGHT: 10px;
    BORDER-TOP: #ccc 1px solid;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND: #CCCCCC;
    FLOAT: left;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #ccc 1px solid;
    COLOR: #666;
    LINE-HEIGHT: 14px;
    MARGIN-RIGHT: 4px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #FFFFFF 1px solid;
    TEXT-DECORATION: none
}
#tabnav A.active:link
{
    BACKGROUND: #FFFFFF;
    COLOR: #000;
    BORDER-BOTTOM: #fff 1px solid
}
#tabnav A.active:visited
{
    BACKGROUND: #FFFFFF;
    COLOR: #000;
    BORDER-BOTTOM: #FFFFFF 1px solid
}
#tabnav A.inactive:link
{
    COLOR: #000;
    BORDER-BOTTOM: #ccc 1px solid
}
#tabnav A.inactive:visited
{
    COLOR: #666;
    BORDER-BOTTOM: #FFFFFF 1px solid;
    ;change #fff - border bottom colour needs to be configured as the profile bkg
    BACKGROUND: #CCCCCC;
}
#tabnav A:hover
{
    BACKGROUND: #6699CC;

}
#tabnav LI
{
    PADDING-RIGHT: 0px;
    DISPLAY: inline;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}
   .right
{
    PADDING-RIGHT: 10px;
    TEXT-ALIGN: right
}
   .label
{
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    WHITE-SPACE: nowrap
}
   .bold_label
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 10px;    
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    WHITE-SPACE: nowrap
}
   .required
{
    PADDING-LEFT: 30px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;    
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}
   .field
{
    PADDING-BOTTOM: 10px; 	
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}
   .table_info
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BORDER-COLLAPSE: collapse
}

   .button_row
{
    PADDING-TOP: 0.5cm
}
   .ContactTable
{
    MARGIN-BOTTOM: 15px
}

/* LDP:074 Field Help Text Classes Starts */
   td.LTRAlignRight
   {
            text-align: right;
   }
   .FieldhelpLink
    {
        height: 15px;
        width: 16px;
        background: transparent url(/TGWebHost/YUI/V2.6.0/sprite.png) scroll 0 -1200px;
        text-decoration: none;
        position: relative;
        cursor: pointer;
        display: none;        
        /*top: 6px;
        *top: 3px;IE 6, IE7, and IE8 in IE7 mode only*/
    }
    td.linkCellContainer
    {
            vertical-align: top;
    }
    .staticTextContainer a.FieldhelpLink
    {
                height: 16px;
                margin-left: 6px;
    }
    .hasHelpText .FieldhelpLink
    {
        display: inline-block;
    }
    .helpLinkCell
    {
        display: inline-block;
        width: 16px;
        margin: 0px;
        position: relative;   
    }
    .viewMode .helpLink,
    .viewMode td.helpLinkCell,
    .questionHelpText
    {   
        display: none;
    }
    #helpOverlay .container-close
    {
        top: 3px;
    }
    .questionHelpText
    { 
        display: none;
    }
    
    /* LDP:074 Field Help Text Classes Ends*/