/*----- Standard definition for existing HTML tags -----*/

BODY                            {margin:0px;}

/* FIG-DJK-2010.10.04 */
/* Copy changes from 3.1.3 */
BODY, DIV, TABLE, TD, P        {font-family:arial,helvetica,sans-serif; font-size:12px; }
pre   {font-size:100%; font-family:courier,serif;}
/* Begin Original code
BODY, DIV, TABLE, TD, P        {font-family:arial,helvetica,sans-serif; font-size:11px; }
pre   {font-size:120%; font-family:courier,serif;}
End Original code */

/* -----------------------------------------------------*/

/* Should these be in the constituency files? */
a:link    {color:blue}
a:visited {color:blue}
a:focus   {color:blue}        /* not supported yet on any browser */
a:hover   {color:blue} /* font-weight:bold}  MDM Remove bolding text */
a:active  {color:blue}


/*----- Definition of form layout -----*/
#screenTitle         {padding-top:15px; text-align:center; font-size:200%; /*font-style:italic;*/ font-weight:bold;}
.screen              {padding:0px 10px 0px 5px;}

.label	{vertical-align: middle;}
.vertical .component.readonly,
.horizontal .component.readonly {height:auto; padding-bottom:5px;}
.vertical .component.readonly .control,
.horizontal .component.readonly .control   {float:none; height:auto; padding-bottom:5px;}
input { background-color: white }

.hidden,
.windowIdx           {display:none;}     /* {padding-right:10px; font-weight:bold;} */
.submit              {padding:5px 0px 1px 0px; text-align:center;}
/* Single CSS for short and long button text is no longer possible with
 * the current CSS structure. The CSS must be split into two classes:
 * shortButton and expandingButton.
 */
/*.submit input        {max-width:250px; font-weight:bold;}*/
.shortButton        {width:120px; font-weight:bold;}
.expandingButton	{font-weight:bold;}
.required            {color:#cc0000; font-family:courier,serif;}

/* Non-IE border collapse */
table, .noSpacing            {border-spacing: 0px;}
/* Morgan Hack (border-collapse prevents borders in non-IE browsers)*/
/* Hides from IE5-mac \*/
* html table {border-collapse:collapse; }
/* End hide from IE5-mac */
table th             {padding:0px 6px 0px 6px; font-size:120%;}
table td      {padding:2px 6px 2px 6px; vertical-align: top;} /*     border:1px solid;}*/
table td P { margin: 0px; }

.header {font-weight: bold; padding:0px 6px 0px 6px; font-size:120%;}
.gwtHeader {font-weight: bold; padding: 0px; border: 0px; font-size:120%;}
.cellBorder {padding:2px 6px 2px 6px; vertical-align: top; border:1px solid;}

table tr th.left, table tr td.left, .leftCell    {text-align:left; background-color: #ffffff;}
table tr th.right, table tr td.right, .rightCell  {text-align:right; background-color: #ffffff;}

table tr td.left .control  input   {text-align:left; background-color: #ffffff;}
table tr td.right .control  input  {text-align:right; background-color: #ffffff;}

.mainTable, .mainPanel          {width:100%;}

/*----- Definition of menu layout -----*/
.menu                 {padding:20px 25px 0px 20px; }
#menuTitle            {display:none;}/*font-size:200%; font-style:italic; font-weight:bold; padding:5px 1px;}*/

.menu .left           {float:left; width:45%; min-height: 1px; padding-right: 20px;}
.menu .right          {float:right; width:45%; padding-top:10px; padding-right: 20px; text-align:left; }
.menu .submenu        {text-decoration:none; font-weight:bold; font-size:100%; cursor:pointer;
                       margin:0px; display:block; padding:1px 5px; border:1px solid black; text-align:center; 
                       min-width: 350px;}

.menu .submenu:hover  {}
.menu UL              {list-style:none; margin:10px 0px 20px 10px; padding:0px; font-size:100%;}

/*----- Definition of basic header, body, and footer zones -----*/
#webPage              {position:relative; width:95%;}
#helpPage             {position:relative; width:95%;}

/* FIG-DJK-2010.10.04 */
/* Copy changes from 3.1.3 */
#pageHeader    {background-color:#036; position:relative;}
#headerBanner  {height:94px; background:url(./images/com-shell-head.gif) top left white no-repeat;}
/* Begin Original code
#pageHeader    {background-color:#788AA3; position:relative;}
#headerBanner  {height:74px; background-image:url(./images/shell-headBlue.gif);
                background-repeat:no-repeat; }
End Original code */

/* FIG-DJK-2010.10.04 */
/* Just a note: This code change from 3.1.3 to 3.1.6 has an
   impact on the "frame" of form processes.  It now stretches out
   to the edge of the header instead of only to the edge of
   the form.  May need to adjust the width or justtification
   later, depending on user feedback. */
/* myb: make pageBody width 100%, no need to do this on .menuBody */
/*.menuBody      {width: 100%;}*/
#pageBody      {background-repeat:repeat-x; float: left; width: 100%;}

/* Holly Hack.  See www.positioniseverything.net/articles/hollyhack.html */
/* Hides from IE5-mac \*/
* html #pageBody {height:1%;}
/* End hide from IE5-mac */

#pageBody .clear {clear:both; height:1px}

#bodyWelcome        {float:right; padding:12px 20px; font:bold 12px arial; color:white;}
#bodyConstituency   {font:small-caps 18px "Arial", sans-serif ; margin-left:105px; padding-top:8px; height:25px; color: white;}

/* FIG-DJK-2010.10.04 */
/* Copy changes from 3.1.3 */
#bodyForm           {margin-left:0; background-color:white; color:black; border:3px solid; padding:10px; }
/* Begin Original code
#bodyForm           {margin-left:100px; background-color:white; color:black; border:3px solid; padding:10px; }
End Original code */

/* Holly Hack.  See www.positioniseverything.net/articles/hollyhack.html */
/* Hides from IE5-mac \*/
* html #bodyForm {height:1%;}
/* End hide from IE5-mac */
#bodyForm.portal    {margin-left:0;}


/* FIG-DJK-2010.10.04 */
/* Copy changes from 3.1.3 */
#pageFooter         {background-color:#036; float: left; width: 100%;}
#footerBanner       {height:100px; background: white url(./images/com-shell-foot2.gif) no-repeat top right;}
/* Begin Original code
#pageFooter         {background-color:#788AA3; float: left; width: 100%;}
#footerBanner       {height:67px; background-image:url(./images/shell-footBlue.gif);
                      background-position:right; background-repeat:no-repeat}
End Original code */


/*----- Definition of account toolbar, which is displayed in the header banner -----*/
/* FIG-DJK-2010.10.04 */
/* Copy changes to the account toolbar from 3.1.3 */
/* The #acctToolbar li is an addition */
#acctToolbar      {text-align:center; vertical-align: bottom; padding-top:70px;}
/* acctToolbar IE Modification
 * This change sets the IE size to 55, whereas other browsers use 53
 */
* html #acctToolbar { padding-top:71px;}
#acctToolbar li { border-bottom: 1px solid #999; }
#acctLogin        {width:70px; border-right:1px solid #999;}
#acctLogout       {width:70px; border-right:1px solid #999;}
#acctPassword     {width:115px; border-right:1px solid #999;}
#acctWidget       {visibility:hidden;}
#acctContact       {width:70px; background: #824;}
#acctHelp          {width:40px; border-right:1px solid #999;}
#acctConstituency  {width:150px; border-right:1px solid #999;}
#acctMain          {width:80px; border-right:1px solid #999;}

/* Begin Original code
#acctToolbar      {text-align:center; vertical-align: bottom; padding-top:53px;}
/* acctToolbar IE Modification
 * This change sets the IE size to 55, whereas other browsers use 53
 */
/* Continue comment...
* html #acctToolbar { padding-top:55px;}
#acctLogin        {width:70px; border-right:1px groove #4C5976;}
#acctLogout       {width:70px; border-left:1px groove #4C5976; border-right:1px groove #4C5976;}
#acctPassword     {width:135px; border-right:1px groove #4C5976;}
#acctWidget       {width:24px; height:20px; background-image:url(./images/AT-BGBlue.gif); float:right;}
#acctContact       {width:90px; border-left:1px groove #4C5976;}
#acctHelp          {width:40px; border-right:1px groove #4C5976; border-left: 1px groove #4C5976;}
#acctConstituency  {width:150px; border-right:1px groove #4C5976; border-left: 1px groove #4C5976;}
#acctMain          {width:80px; border-right:1px groove #4C5976; border-left: 1px groove #4C5976;}
End Original code */


/*----- Definition of system toolbar, which is displayed in the footer banner -----*/
#sysToolbar       {text-align:center; display: block;}

/* FIG-DJK-2010.10.04 */
/* Copy changes to the system toolbar from 3.1.3 */
/* The #sysToolbar li is an addition */
#sysToolbar li { border-top: 1px solid #999; }
#sysLogin        {width:70px; border-right:1px solid #999;}
#sysLogout       {width:70px; border-right:1px solid #999;}
#sysPassword     {width:115px; border-right:1px solid #999;}
#sysContact       {width:70px; background: #824;}
#sysHelp          {width:40px; border-right:1px solid #999;}
#sysConstituency  {width:150px; border-right:1px solid #999;}
#sysMain          {width:80px; border-right:1px solid #999;}
#sysWidget {visibility: hidden; }

/* Begin Original code
#sysLogin        {width:70px; border-right:1px groove #4C5976;}
#sysLogout       {width:70px; border-left:1px groove #4C5976; border-right:1px groove #4C5976;}
#sysPassword     {width:135px; border-right:1px groove #4C5976;}
#sysContact       {width:90px; border-left:1px groove #4C5976;}
#sysHelp          {width:40px; border-right:1px groove #4C5976; border-left: 1px groove #4C5976;}
#sysConstituency  {width:150px; border-right:1px groove #4C5976; border-left: 1px groove #4C5976;}
#sysMain          {width:80px; border-right:1px groove #4C5976; border-left: 1px groove #4C5976;}
#sysWidget        {width:20px; height:20px; background-image:url(./images/ST-BGBlue.gif); float:right;}
End Original code */


/*----- Standard definitions for all toolbars -----*/
.toolbar          {margin:0px; padding:0px; list-style:none; white-space: nowrap;}

/* FIG-DJK-2010.10.04 */
/* Copy changes to all toolbars from 3.1.3 */
.toolbar LI       {height:24px; float:right; background-color:#036; padding:0 20px 0 20px;}
.toolbar A        {height:24px; display:block; font: bold 11px tahoma,verdana,arial,sans-serif; color:white;}
.toolbar .label   {line-height: 24px;}

.toolbar a:link, .toolbar a:visited,
.toolbar a:active       {text-decoration:none; color:white;}
.toolbar a:hover { text-decoration:none; color:#ff0; }

/* Begin Original code
.toolbar LI       {float:right; background-color:#788AA3; padding:0 10px 0 10px;}
.toolbar A        {height:20px; display:block;}
.toolbar .label   {color:white; font:italic bold small-caps 14px "Arial", sans-serif;}

.toolbar a:link, .toolbar a:visited,
.toolbar a:hover, .toolbar a:active       {text-decoration:none;}
End Original code */


/*----- Standard definition for all areas containing custom text and links -----*/

.customText              {padding-bottom:10px; color:white; }
#mainBody .customText, #bodyForm .customText    {color:black;}
.customLinks             {padding-bottom:10px; text-align:right;}
#mainBody .customLinks A, #bodyForm .customLinks A {color:blue;}

/* FIG-DJK-2010.10.04 */
/* Copy changes to custom text and links from 3.1.3 */
/* Changes to custom in the page header are additions */
.custom                  {padding-left:1em; padding-right:1em; padding-top:0.5em;}
.customLinks a,.customLinks a:link,.customLinks a:visited,.customLinks a:active {padding-left:15px; color:white;}
.customLinks a:hover {color:#ff0;}
#pageHeader .custom .customText a, #pageFooter .custom .customText a { color:#ff0; }

/* Begin Original code
.custom                  {padding-left:25px; padding-right:25px; padding-top:10px;}
.customLinks A           {padding-left:15px; color:white;}
End Original code */

/*----- Standard definition for area containing error message text -----*/
#mainBody .errorText                {padding-left:25px; padding-right:25px; padding-top:10px;}
.errorText    {padding-bottom:10px; font:bold 120% courier; color:#cc0000; }

.versionTable { display: none; }

.sortButton { 	
  cursor: pointer; 
  font-weight:bold;
  font-size: 120%;
  vertical-align: bottom;
  padding: 0;
  border: 0;
  background: white;
  color: blue;
  text-decoration: underline;
}

/* Initially hide the AJAX Widget before loading */
.gwtTable-init{
	display: none;
}

/* "Please Wait" message for AJAX Widget */
.loading {
	color:#cc0000; 
	background: #ffffff;
	font-size: 120%; 
	font-weight: bold;
}

/* "Please Wait" image for AJAX Widget */
.loadingImage {
	vertical-align: bottom;	
}

/* FIG-DJK-2010.10.04 */
/* Copy additions to 3.1.3 */
/* custom code for Section Comments in Search/Register for classes */
/* Found in ST.PRCS.DEF WESTS16B and WESTS04B */
.sectioncomments {
margin-top: 0.5em;
color: #c00;
font-size: 90%;
font-family: verdana,arial,helvetica,sans-serif;
}
/* Found in XSLT */
#verisignseal {
margin: 0 auto 1em auto;
padding: 25px 2px 2px 2px;
width: 140px;
text-align: center;
}
/* End copy additions from 3.1.3 */