/*
Basically there are four different font sizes used:

Header: Arial regular 22px
Subhead: Arial regular 18px
Large body copy: Arial regular 13px
Small body copy: Arial regular 9px


Body copy colour is always #464646


Header / Subhead / Links colours:
Teal        008193
Olive       BAB262
Purple      4F3861
Ochre       D99008
Orange      DE5900


Links in top and bottom boilerplates:
OFF state: Arial regular 9px, colour #464646 ROLLOVER state: Arial regular 9px
, colour #008193

The styles below are samples/guidelines.
 */

ADDRESS,
BLOCKQUOTE, 
BODY, DD, DIV, 
DL, DT, 
FIELDSET, FORM,
FRAME, FRAMESET,
H1, H2, H3, H4, 
H5, H6, IFRAME, 
NOFRAMES, 
OBJECT, OL, P, 
UL, APPLET, 
CENTER, DIR, 
HR, MENU, PRE   { display: block }
LI              { display: list-item }
HEAD            { display: none }
TABLE           { display: table }
TR              { display: table-row }
THEAD           { display: table-header-group }
TBODY           { display: table-row-group }
TFOOT           { display: table-footer-group }
COL             { display: table-column }
COLGROUP        { display: table-column-group }
TD, TH          { display: table-cell }
CAPTION         { display: table-caption }

TH              { font-weight: bolder; text-align: center; font-family: arial;
    color: #464646; }
CAPTION         { text-align: center; font-family: arial; color: #464646 }

/* body background */
BODY.home            { padding: 0px; line-height: 1.33; font-family: arial; color:
    #464646; background-color: #ffffff; font-size: 13px;
	margin-top: 0px }
BODY.orange            { padding: 0px; line-height: 1.33; font-family: arial; color:
    #464646; background-color: #ffffff; font-size: 13px;
	margin-top: 0px }
BODY.olive            { padding: 0px; line-height: 1.33; font-family: arial; color:
    #464646; background-color: #ffffff; font-size: 13px;
	margin-top: 0px }
BODY.ochre            { padding: 0px; line-height: 1.33; font-family: arial; color:
    #464646; background-color: #ffffff; font-size: 13px;
	margin-top: 0px }
BODY.purple            { padding: 0px; line-height: 1.33; font-family: arial; color:
    #464646; background-color: #ffffff; font-size: 13px;
	margin-top: 0px }
BODY.teal            { padding: 0px; line-height: 1.33; font-family: arial; color:
    #464646; background-color: #ffffff; font-size: 13px;
	margin-top: 0px }


H1              { font-size: 22px; margin: .67em 0 }
H2              { font-size: 18px; margin: .83em 0 }
H3              { font-size: 17px; margin: 1em 0 }
H4              { font-size: 16px; margin: 1.33em 0 }
H5              { font-size: 15px; margin: 1.33em 0 }
H6              { font-size: 13px; margin: 1.33em 0 }

H1, H2, H3, H4,  
H5, H6          { font-weight: normal; font-family: arial; color: #464646 }

P,
BLOCKQUOTE, UL,
FIELDSET, FORM,
OL, DL, DIR,
MENU            { margin: 1.33em 0; font-family: arial; color: #464646 }
B, STRONG       { font-weight: bolder; font-family: arial; }
BLOCKQUOTE      { margin-left: 40px; margin-right: 40px; font-family: arial;
        color: #464646; font-size: 13px }

I, CITE, EM,
VAR, ADDRESS    { font-style: italic; font-family: arial; color: #464646 }
PRE, TT, CODE,
KBD, SAMP       { font-family: courier; color: #464646; font-size: 13px}
PRE             { white-space: pre; color: #464646; font-size: 13px }
BIG             { font-size: 12px; font-family: arial; color: #464646 }
SMALL, SUB, SUP { font-size: 10px; font-family: arial; color: #464646 }
SUB             { vertical-align: sub; font-family: arial; color: #464646;
        font-size: 13px }
SUP             { vertical-align: super; font-family: arial; color: #464646;
        font-size: 13px }
S, STRIKE, DEL  { text-decoration: line-through; font-family: arial; 
        color: #464646; font-size: 13px }

HR              { border: 1px inset }
OL, UL, DIR,
MENU, DD        { margin-left: 40px; font-family: arial; color: #464646;
        font-size: 13px }
OL              { list-style-type: decimal }
OL UL, UL OL,
UL UL, OL OL    { margin-top: 0; margin-bottom: 0 }
U, INS          { text-decoration: underline; font-family: arial }

CENTER          { text-align: center }
BR:before       { content: "\A" }

/* An example of style for HTML 4.0's ABBR/ACRONYM elements */
/*
ABBR, ACRONYM   { font-variant: small-caps; letter-spacing: 0.1em;
        font-family: arial }
A[href]         { text-decoration: underline; font-family: arial }
:focus          { outline: thin dotted invert; font-family: arial }
*/

/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

/* Elements that are block-level in HTML4 */
ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET, 
FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME,
NOSCRIPT, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER, 
DIR, HR, MENU, PRE, LI, TABLE, TR, THEAD, TBODY, TFOOT, 
COL, COLGROUP, TD, TH, CAPTION 
                { unicode-bidi: embed }
/* End bidi settings */

/* colours */
.colourTeal   { color: #008193 } 
.colourOlive  { color: #BAB262 } 
.colourPurple { color: #4F3861 } 
.colourOchre  { color: #D99008 } 
.colourOrange { color: #DE5900 } 
.colourWhite { color: #FFFFFF }
.colorRed { color: #FF0000 }

/* text size */
.textSmall    { font-size: 13px }

/* text style */
.textBold { font-weight: bold }

/* layout */
.floatRight { float: right }
.floatLeft { float: left }
.clearBoth { clear: both }
.indent { margin-left: 30px; margin-right: 30px }

/* how do I nugget - right navigation */
ul { margin-left:0px; padding-left:1px }
#navcontainer ul { margin: 0; padding: 0; list-style-type: none; }
#navcontainer li { margin: 0 0 3px 0; }
#navcontainer a { display: block; padding: 2px 2px 2px 24px; width: 160px; background-color: #FFF; color:#464646; }
#navcontainer a:link, #navlist a:visited { color: #464646; text-decoration: none; background-image: url(../images/ico_ballot.gif); background-repeat: no-repeat; background-position: 0.2em; }
#navcontainer a:hover { background-color: #008193; background-image: url(../images/ico_ballot.gif); background-repeat: no-repeat; 	background-position: 0.2em; color: #FFF; }
.moreLinkStyle { font-style:italic; text-decoration:none; }
a.moreLinkStyle:hover { text-decoration:underline; }

/* sub how do I nugget */
#navcontainer2 { background-color: #EEE; }
#navcontainer2 ul { margin: 0; padding: 0; list-style-type: none; }
#navcontainer2 li { margin: 0 0 3px 0; }
#navcontainer2 a { display: block; padding: 2px 2px 2px 24px; width: 160px; background-color: #EEE; color:#008193; }
#navcontainer2 a:link, #navlist2 a:visited { color: #008193; text-decoration: none; background-image: url(../images/ico_ballot.gif); background-repeat: no-repeat; background-position: 0.2em; }
#navcontainer2 a:hover { background-color: #008193; background-image: url(../images/ico_ballot.gif); background-repeat: no-repeat; 	background-position: 0.2em; color: #FFF; }

/* left side navigation */
#navcontainer3 { margin-left:6px; margin-top:10px; padding-bottom:7px; padding-top:8px }
#navcontainer3 UL { margin: 0; padding: 0; list-style-type: none; }
#navcontainer3 LI { margin: 0 0 3px 0; }
#navcontainer3 A { display: block; padding: 2px 2px 2px 24px; width: 141px; color:#008193; }
#navcontainer3 A:link, #navlist3 A:visited { color: #008193; text-decoration: none; background-image: url(../images/ico_ballot.gif); background-repeat: no-repeat; background-position: 0.2em; }
#navcontainer3 a:hover { background-color: #008193; background-image: url(../images/ico_ballot.gif); background-repeat: no-repeat; 	background-position: 0.2em; color: #FFF; }

/* footer stuff links */
#footer { text-align: center; margin-left:auto; margin-right:auto }
#footer A:hover { font: 9px arial; color: #464646 }
#footer A:link, #footer A:visited { font: 9px arial; color: #008193 }

/* breadcrumb links */
#breadcrumb { width:760px; margin-left:auto; margin-right:auto; padding-left:10px; background-color:#FFFFFF; }
#breadcrumb A:hover { font: 13px arial; color: #464646; text-decoration:underline }
#breadcrumb A:link, #breadcrumb A:visited { font: 13px arial; color: #008193; text-decoration: none }
#breadcrumb .sep { font: 10px verdana; letter-spacing:-3px; color:#777 }

/* interface elements */
#headerTop { font: 13px arial; text-align:right; padding-top:3px; padding-right:5px; }
#headerTop A:link, #headerTop A:visited { color:#000; text-decoration:none; padding-left:4px; padding-right:4px }
#headerTop A:hover { color:#008193 }
.headerDate { font: 13px arial; font-style:italic; }
#navCommon { background-color:#ffffff; width:770px; margin-left:auto; margin-right:auto; }
#mainNav IMG { padding-right:0px; }
#mainNav IMG.unselected { margin-top:0px }
#commonIcons { margin-right:6px; }
#commonIcons IMG { vertical-align:middle; padding-right:5px; padding-left:4px; }
#topOfPage { background-image: url(../images/hr_gr.gif); background-repeat:repeat-x; width:770px; margin-left:auto; margin-right:auto; margin-bottom:5px; text-align:center }
#topOfPage a:link, #topOfPage a:visited { background-color: #FFFFFF; padding:4px; text-decoration:none; }
#brandingNugget { background-image:url(../images/main_image.gif); background-repeat:no-repeat; height:220px }
#brandingNuggetFR { background-image:url(../images/main_image.gif); background-repeat:no-repeat; height:220px }

/* icon aligning, line styles, misc */
.alignImgButton { vertical-align:middle; margin-bottom:5px }
.hrGr { border-top:1px solid #E4E4E4 }
.hrGrBot { border-bottom:1px solid #E4E4E4 }
.separatorRule { border-top:1px solid #e4e4e4; width:99%; margin:0px 0px 0px 0px; }
.grBG { background-color:#f0f0f0 }
.marginBottom12px { margin-bottom:12px; }
.dottedSpacer { background:url(../images/spacer_dotted.gif) repeat-x; height:3px }

/* home page */
#homePage { width:740px; height:400px; margin-left:auto; margin-right:auto; background-color:#FFF; padding:15px }
#headerHome { width:770px; height:96px; background-image: url(../images/bannerV1.gif); background-repeat:no-repeat; margin-left:auto; margin-right:auto; }
#headerHome_fr-ca { width:770px; height:96px; background-image: url(../images/bannerV1.gif); background-repeat:no-repeat;   margin-left:auto; margin-right:auto; }

/* candidates and parties landing page */
#headerCandidates { width:770px; height:96px; background-image: url(../images/bannerV1.gif); background-repeat:no-repeat;   margin-left:auto; margin-right:auto; }

/* voters landing page */
#headerVoters { width:770px; height:96px; background-image: url(../images/bannerV1.gif); background-repeat:no-repeat;   margin-left:auto; margin-right:auto; }

/* youth landing page */
#headerYouth { width:770px; height:96px; background-image: url(../images/bannerV1.gif); background-repeat:no-repeat;   margin-left:auto; margin-right:auto; }

/* media landing page */
#headerMedia { width:770px; height:96px; background-image: url(../images/bannerV1.gif); background-repeat:no-repeat;  margin-left:auto; margin-right:auto; }

/* tools landing page */
#headerTools { width:770px; height:96px; background-image: url(../images/bannerV1.gif); background-repeat:no-repeat;   margin-left:auto; margin-right:auto; }

/* tools landing page */
#headerTools_fr-ca { width:770px; height:96px; background-image: url(../images/bannerV1.gif); background-repeat:no-repeat;  margin-left:auto; margin-right:auto; }


/* home page layout */
#left { float:left; width:180px; padding:0px; background-color:#FFF; border:0px solid #FFF }
#right { float:right; width:205px; padding:0px; background-color:#FFF; border:0px solid #FFF}
#rightPrint { float:right; width:205px; padding:0px; background-color:#FFF; border:0px solid #FFF}
#center { margin-right:215px; margin-left:190px; padding-top:0.1px; background-color:#FFF; border:1px solid #FF0000 }

/* generic article layout */
#genericArticle { margin-right:25px; margin-left:190px; padding-top:0.1px; background-color:#FFF; border:0px solid #FFF; min-height:100px } 

/* generic 2 column layout */

/* generic containers */
#commonPageContainer { 
	margin-right:20px; 
	margin-left:190px; 
	padding-top:0.1px; 
	background-color:#FFF; 
	border:0px solid #FFF; 
	background-color:#FFF;
}
#commonAppFormContainer { 
	margin-right:210px;
	margin-left:190px; 
	padding-top:0.1px;  
	background-color:#FFF; 
	border:0px solid #FFF; 
	background-color:#FFF;
}

#commonAppFormContainerResults { 
	margin-right:210px;
	margin-left:190px; 
	padding-top:0.1px;  
	background-color:#FFF; 
	border:0px solid #FFF; 
	background-color:#FFF;
}

#commonPageContainerForText { 
	padding-top:0.1px; 
	background-color:#FFF; 
	border:0px solid #FFF; 
	background-color:#FFF;
	/*width:300x;*/
}

/* site map */
#siteMap A { color:#008193; text-decoration:none }
#siteMap A:hover { font-weight: bold; }
#siteMap LI { list-style-type:none; padding-top:2px; padding-bottom:2px }
#siteMap LI.level0 { padding-left:0px; border:1px solid #FFF;  font-weight:bold } 
#siteMap LI.level1 { padding-left:20px; border:1px solid #FFF } 
#siteMap LI.level2 { padding-left:40px; border:1px solid #FFF } 

/* error */
#error {
	margin-left:20px;
}

/* application form styles */
#formContent { 
	/* width:98%  */
}
#formContent TD { 
	padding-bottom:6px 
}
#formContent input { 
	font-size:13px; 
	margin-right:3px; 
	margin-bottom:0px 
}
#formContent select { 
	font-size:13px; 
	margin-right:6px; 
	margin-bottom:0px 
}
#formContent .asterisk, .asterisk {
	color:#FF0000 !important;
}
#formContent label.detailForms {
	display:block;
	float:left;
	width:130px;
}


/* control panel template tabs style */
#ctrlPanelContainer {
	margin-bottom:15px;
}
#ctrlPanel
{
	border-bottom: 1px solid #CCC;
	margin: 0;
	padding-bottom: 19px;
	padding-left: 10px;
}

#ctrlPanel UL, #ctrlPanel LI
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#ctrlPanel A:link, #ctrlPanel A:visited
{
	background: #E8EBF0;
	border: 1px solid #ccc;
	color: #DE5900;
	float: left;
	font-size: 13px;
	font-weight: normal;
	line-height: 14px;
	margin-right: 8px;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
}

#ctrlPanel A:link#current, #ctrlPanel A:visited#current
{
	background: #fff;
	border-bottom: 1px solid #fff;
	color: #DE5900;
}

#ctrlPanel a:hover { color: #DE5900; }

body.section-1 #ctrlPanel li#nav-1 a,
body.section-2 #ctrlPanel li#nav-2 a,
body.section-3 #ctrlPanel li#nav-3 a,
body.section-4 #ctrlPanel li#nav-4 a
{
	background: #fff;
	border-bottom: 1px solid #fff;
	color: #000;
}

#ctrlPanel #subnav-1,
#ctrlPanel #subnav-2,
#ctrlPanel #subnav-3,
#ctrlPanel #subnav-4
{
	display: none;
	width: 90%;
}

body.section-1 #ctrlPanel ul#subnav-1,
body.section-2 #ctrlPanel ul#subnav-2,
body.section-3 #ctrlPanel ul#subnav-3,
body.section-4 #ctrlPanel ul#subnav-4
{
	display: inline;
	left: 10px;
	position: absolute;
	top: 95px;
}

body.section-1 #ctrlPanel ul#subnav-1 a,
body.section-2 #ctrlPanel ul#subnav-2 a,
body.section-3 #ctrlPanel ul#subnav-3 a,
body.section-4 #ctrlPanel ul#subnav-4 a
{
	background: #fff;
	border: none;
	border-left: 1px solid #ccc;
	color: #999;
	font-size: smaller;
	font-weight: bold;
	line-height: 10px;
	margin-right: 4px;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
}

#ctrlPanel ul a:hover { color: #f00 !important; }

#contents
{
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
	clear: both;
	margin: 0px;
	padding: 15px;
}

/* web forms styles */
label.textLabels {
	display:block;
	margin-bottom:4px;
	margin-top:4px;
}

/* dataGrid styles */
.dataGrid {	
	border-bottom:1px solid #d5eaed;
	border-top:1px solid #d5eaed;	
	color:#008193;
}

.dataGrid TH {
	text-align:left;
	padding-left:5px;
	height:16px;
	BORDER-TOP: #d5eaed 1px solid;		
	border-right:1px solid #ffffff;
}

.dataGrid A:link, .dataGrid A:visited {
	color:#008193;
	text-decoration:underline;
}

.dataGrid A:hover {
	text-decoration:none;
}

.dataGrid TD {
	padding-left:5px;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}

.dataGrid TR.alt {
	background-color:#f0f0f0;
}

.BottomBorder{
	BORDER-bottom: #d5eaed 1px solid;
}

/* end of dataGrid styles */

/* paging for reports */
.pagingReports TD {
	padding-top:4px;
}

.pagingReports a:link, .pagingReports a:visited {
	color:#777;
	text-decoration:none;
}

.pagingReports a:hover {
	color:#888;
	text-decoration:underline;
}
/* end of paging for reports */


/* misc */
a.noDecoration:link, a.noDecoration:visited {
	text-decoration:none;
}
/* end of misc */

/* new styles - ecommerce */
.TableHeader {
	background-color: #EFF1F5;	
}

.TableHeader TH{
	text-align: left; 
}

.TableBody TH
{
	font-weight: normal; 
	text-align: left; 
	font-family: arial;
    color: #464646; 
    border-bottom: 1px solid #ccc;
}

#gridContent {
	width:98% 
}
#gridContent TD { 
	padding-bottom:2px;
	border-bottom: 1px solid #ccc;
	padding-left: 2px;
	padding-right: 2px;
}
#CartContent { 
	width:99% 
}
#CartContent TD { 
	padding-top:25px;
	border-bottom: 1px solid #eaeaea;
}
#CartContent input { 
	font-size:13px; 
	margin-right:3px; 
	margin-bottom:0px 
}
#CartContent select { 
	font-size:13px; 
	margin-right:6px; 
	margin-bottom:0px 
}
#CartContent .asterisk {
	color:#FF0000;
}
#CartContent label.detailForms {
	display:block;
	float:left;
	width:130px;
}
.inputBox { 
	font-size:13px; 
	margin-right:3px; 
	margin-bottom:0px 
}
.AlternateColor { 
	background-color:#F9F9F9;
}
table.summery{
	border: 1px solid #eaeaea;
}
#multiControlForm .textForm {
	text-align: right;
	vertical-align: middle;
}
#ItemContent { 
	width:100% 
}
#ItemContent TD { 
	padding-bottom:15px;
	border-bottom: 0px solid #eaeaea;
}
#ReceiptContent{
	background-color:#eeeeee;
	padding: 1px;
}
#ReceiptContent TD{
	background-color:#FFFFFF;
	padding: 4px;
}
.LOgoBack{
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.BorderBottom{
	border-bottom: 2px solid #eaeaea;
}
/* end of new styles - ecommerce */

/* AUTHORING MODE STYLES */
#authoringMode {
	font-size:13px;
}

#authoringMode .txtBox {
	font-size:13px;
	/* border:1px solid #777; */
	border:1px solid #3ecfe3;
}

#authoringMode .btn {
	font-size:13px;
	border:1px solid #008193;
	margin-top:2px;
	background-color:#d7eff2;
	color:#008193;
}

#authoringMode .dropBox {
	font-size:13px;
	/* border:1px solid #777; */
	border:1px solid #3ecfe3;	
}

#authoringMode .fw160 {
	width:160px;
}

#authoringMode .fw160select {
	width:167px;
}

#authoringMode .fw160textarea {
	width:160px;
}

#authoringMode a {
	color:#000;
}

#authoringList {
	border-top:1px solid #9cf3ff;
	border-left:1px solid #9cf3ff;
}

#authoringList TD {
	
	border-right:1px solid #9cf3ff;
	border-bottom:1px solid #9cf3ff;
	
}

#authoringList .btn {
	font-size:13px;
	border:1px solid #008193;
	margin-top:2px;
	background-color:#d7eff2;
	color:#008193;
}

#authoringList .btnMoveUp {
	background:url(../images/ico_move_up.gif) no-repeat 0em;
	border:1px solid #008193;
	margin-top:2px;
	background-color:#d7eff2;
	color:#008193;
	height:15px;
	width:14px;
}
#authoringList .btnMoveDown {
	background:url(../images/ico_move_down.gif) no-repeat 0em;
	border:1px solid #008193;
	margin-top:2px;
	background-color:#d7eff2;
	color:#008193;
	height:15px;
	width:14px;
}

#noBorder TD {
	border:1px solid #fff;
}

#noBorder {
	border:1px solid #fff;
}
/* end of AUTHORING MODE */

/* generic lists */
#genericList {
	margin-left:14px;
}

#genericList LI {
	margin-bottom:5px;
}

#genericList A {
	color:#008193;
}

#genericList A:hover {
	text-decoration:none;
}

/* NEWS nugget */
#news a:link, #news a:visited {
	color:#DE5900;
	text-decoration:none;
}

#news a:hover {
	text-decoration:underline;
}
/* end of NEWS nugget */

.alignRight {
	text-align:right;
}

/* Address control related styles */
.addressControlWrapper 
{
	border:1px solid #ccc;
}

.addressControlWrapper .ctrlButtonsStyle1
{
	margin-left: 2px;
}

/* Will wrappe table in a border */
.WrapperAIOTL 
{
	border:1px solid #ccc;
	width:70%;
}

#formContent label.detailFormsAIOTL {
	display:block;
	float:left;
	width:100px;
	margin-left:3px;
}

@media print {
  page         { margin: 10% }
  H1, H2, H3,
  H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE, 
  PRE           { page-break-inside: avoid }
  UL, OL, DL    { page-break-before: avoid }
}

@media speech {
  H1, H2, H3, 
  H4, H5, H6    { voice-family: paul, male; stress: 20; richness: 90 }
  H1            { pitch: x-low; pitch-range: 90 }
  H2            { pitch: x-low; pitch-range: 80 }
  H3            { pitch: low; pitch-range: 70 }
  H4            { pitch: medium; pitch-range: 60 }
  H5            { pitch: medium; pitch-range: 50 }
  H6            { pitch: medium; pitch-range: 40 }
  LI, DT, DD    { pitch: medium; richness: 60 }
  DT            { stress: 80 }
  PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  EM            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  STRONG        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  DFN           { pitch: high; pitch-range: 60; stress: 60 }
  S, STRIKE     { richness: 0 }
  I             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  B             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  U             { richness: 0 }
  A:link        { voice-family: harry, male }
  A:visited     { voice-family: betty, female }
  A:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}

.ctrlDDText {
	font-family:tahoma;
	font-size:13px !important;
	color:#398791;
	border:0px dotted #ff0000;
}

.ctrlDDText a:link, .ctrlDDText a:visited {
	font-family:tahoma;
	font-size:13px !important;
	text-decoration:undeline;
	color:#398791;
}

.ctrlDDText a:hover {
	text-decoration:none;
	color:#cecece;
} 

.appe 
{
	width:200px !important;
	border-top:1px solid #cecece;
}
.appe TD
{
	border-bottom:1px solid #cecece;
	padding:5px 0 5px 0;
}


/* MAIN FORM CONTROLS */
.ctrlTextBoxNormal {
	font-family: Tahoma;
	font-size: 13px;
	color: #666666;
	border: 1px solid #62B6C1;
}
.ctrlTextBoxNormalRightAlign {
	font-family: Tahoma;
	font-size: 13px;
	color: #666666;
	border: 1px solid #62B6C1;
	text-align: right;
}
.ctrlTextBoxNormalCenterAlign {
	font-family: Tahoma;
	font-size: 13px;
	color: #666666;
	border: 1px solid #62B6C1;
	text-align: center;
}
.ctrlTextBoxHighlight_1 {
	font-family: Tahoma;
	font-size: 13px;
	color: #666666;
	border: 2px solid #62B6C1;
}
.ctrlTextBoxHighlight_2 {
	font-family: Tahoma;
	font-size: 13px;
	color: #666666;
	border: 2px solid #FFDB6C;
}
.ctrlTextBoxHighlight_3 {
	font-family: Tahoma;
	font-size: 13px;
	color: #666666;
	border: 2px solid #FF3300;
}
.ctrlTextBoxNormalRO {
	font-family: Tahoma;
	font-size: 13px;
	color: #777777;
	border: 1px solid #CECECE;
	background-color: #F3F3F3;
}
.ctrlDropDown {
	font-family: Tahoma;
	font-size: 13px;
	color: #666666;
	border: 1px solid #62B6C1;
}
.ctrlFileField {
	font-family: Tahoma;
	color: #666666;
	font-size: 13px;
}
.ctrlButtonsStyle1 {
	font-family: Tahoma;
	color: #555555;
	font-size: 13px;
	background-image: url(../images/button_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #e3e3e3;
}
.ctrlButtonsMarginStyle {
	font-family: Tahoma;
	color: #555555;
	font-size: 13px;
	background-image: url(../images/button_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #e3e3e3;
	/*rightmargin-top: 3px;
	margin-bottom: 3px;*/
}
.ctrlFormLabel {
	font-family: Tahoma;
	font-size: 13px;
	color: #2D6871;
}
.ctrlFormData {
	font-family: Tahoma;
	font-size: 13px;
	/* color: #62B6C1; */
	color: #398791;
}
.ctrlFormDataRED {
	font-family: Tahoma;
	font-size: 13px;
	color: #FF0000;
}
.ctrlFormLabelAlt {
	font-family: Tahoma;
	font-size: 13px;
	color: #666666;
	font-weight: bold;
}
.ctrlIconAlign {
	vertical-align:middle;
	padding-bottom:2px;
	padding-right: 4px;
	border:0px #FFFFFF solid;
}
.ctrlFontWhite {
	color: #FFFFFF;
}
.reqAsterisk {
	font-family: Tahoma;
	font-size: 10px;
	color: #FF6600;
}

/* GENERAL HYPERLINKS */
A {
	font-family:Tahoma;
	font-size: 13px;
	color: #2D6871;
}
A.normal:link {
	color: #2D6871;
}
A.normal:visited {
	color: #777777;
}
A:hover {
	text-decoration:none;
}

/* URL BUTTON HYPERLINKS */
A.bold:link {
	font-size: 10px;
	font-weight: bold;
	color: #2D6871;
}
A.bold:visited {
	font-size: 10px;
	font-weight: bold;
	color: #2D6871;
}
A.bold:hover {
	font-size: 10px;
	font-weight: bold;
	color: #777777;
	text-decoration: none;
}

.searchBoxWrapper 
{
	border:0px solid #cecece;
	background:#f0f0f0;
	padding:10px;
}

#DisplayBoder 
{
	margin-top:10px;
	border:0px solid #cecece;
	background-color: #fae4d5;
	padding:5px;
	/* margin-right:4px; */
}
.DisplayBoderClass 
{
	margin-top:10px;
	border:1px solid #cecece;
	padding:0px 6px 5px 6px;
	background:#f0f0f0;
}

.totalBorder-top {
	border-top:1px solid #000;
}
.totalBorder-bottom {
	border-bottom:3px double #000
}
.word_split
{
	word-wrap:break-word;
}

#sContributors, #sCandidates, #sConstituency, #sParty, #sDisclosure, #sFinancialStatements
{
	border:1px solid #cecece;
	padding:8px;
}
.grayTable
{
	margin-top:10px;
	border:0px solid #cecece;
	background-color: #cecece;
	padding:5px;
	/* margin-right:4px; */
}

.addressFieldSet
{
    color: #2D6871;
    font-family: Tahoma;
    margin: 0;
}

/* used to hide elements off the left side of the screen but still be read by the screen reader */
.hiddenField
{
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}