﻿.Elect1
{
	border-radius: 4px;
	margin-top: 1ex;
	padding: 0 1ex 1ex 1ex;
	border: 1px solid #dedede;
}

.Elect1 h2
{
	border-radius: 4px;
	padding: 4px;
	border: 1px solid #EF9815;
	background: #EF9815;
	color: White;
}

.Elect2
{
	border-radius: 4px;
	margin-top: 1ex;
	padding: 0 1ex 1ex 1ex;
	border: 1px solid #dedede;
}

.Elect2 h2
{
	border-radius: 4px;
	padding: 4px;
	border: 1px solid #8C7CAA;
	background: #8C7CAA;
	color: White;
}

body
{
	margin: 0px; padding: 0px;
	background: white; color: black;
	font-size: small; font-family: Verdana, sans-serif;
}

#Main
{
	margin: 0px; padding: 0px;
	background: white;
}

#HeaderArea
{
	margin: 0px; padding: 0px;
	background: #fafafa;
}

#Title
{
	margin: 0px; padding: 0px 0px 0px 5px;
	font-size: 140%;
	font-weight: normal;
	white-space: nowrap;
}

#Gr
{
	margin: 0px; padding: 0px 5px 0px 0px;
	background: transparent; color: white;
	font-style: italic; font-weight: bold; font-size: 90%;
	white-space: nowrap;
}

#NavigationArea
{
	width: 170px;
	margin: 0px; padding: 0px; border-right: 1px solid #c9c9c9;
	background: #fafafa;
}

#Navigation
{
	width: 170px;
	margin: 0px; padding: 0px; border-bottom: 1px solid #c9c9c9;
	background: #cedefa;
}

#Navigation td
{
	margin: 0px; padding: 2px 5px 2px 5px;
	white-space: nowrap;
}

#Navigation td a
{
	display: block; width: 160px;
	margin: 0px; padding: 1px 5px 1px 5px; border: 1px solid #cedefa;
	background: transparent; color: #003366;
	text-decoration: none;
}

#Navigation td a#Current
{
	border: 1px solid #94b2e4;
	background: transparent url("../Images/vgLightBlue.jpg"); color: #003366;
	font-weight: bold;
}

#Navigation td a:hover
{
	border: 1px solid #94b2e4;
	background: transparent url("../Images/vgBlue.jpg");
}

#Navigation1
{
	width: 170px;
}

#Navigation1 th
{
	margin: 0px; padding: 5px; border-bottom: 1px solid #c9c9c9;
	background: transparent; color: #666666;
	text-align: left;
	white-space: nowrap;
}

#Navigation1 td
{
	margin: 0px; padding: 2px 5px 2px 5px;
	white-space: nowrap;
}

#Navigation1 td a
{
	display: block; width: 160px;
	margin: 0px; padding: 1px 5px 1px 5px;
	background: transparent; color: #0560a6;
	text-decoration: none;
}

#Navigation1 td a#Current
{
	background: transparent; color: #0560a6;
	font-weight: bold;
	text-decoration: none;
}

#Navigation1 td a:hover
{
	background: transparent; color: #0560a6;
	text-decoration: underline;
}

#ContentArea
{
	margin: 0px; padding: 0px 10px 10px 10px; border-top: 1px solid #c9c9c9;
}

h1
{
	margin: 12px 0px 12px 0px; padding: 5px; border-bottom: 1px solid #94b2e4;
	font-size: 100%;
}

h2
{
	margin: 12px 0px 12px 0px; padding: 2px; border: 1px solid #94b2e4;
	background: transparent url("../Images/vgBlue.jpg"); color: #003366;
	font-weight: normal; font-size: 100%;
}

h3
{
	margin: 12px 0px 12px 0px; padding: 2px;
	background: transparent; color: #336699;
	font-weight: bold; font-size: 100%;
}

p
{
	margin: 6px 2px 6px 2px; padding: 2px;
	background: transparent; color: #003366;
}

p.ResultsText
{
	background: transparent; color: #003366;
}

ul
{
	background: transparent; color: #003366;
	list-style-image: url("../Images/BullOrange.gif");
}


ol {
	background: transparent;
	color: #336699;
}

ol > li::marker {
		font-weight: bold;
	}

li ul
{
	background: transparent; color: #003366;
	list-style-image: url("../Images/BullOrange.gif");
}

ul.PdfList
{
	background: transparent; color: #003366;
	list-style-image: url("../Images/acrobat_pdf.gif");
}

ul.RaRList
{
	background: transparent; color: #003366;
	list-style-image: url("../Images/rar.gif");
}

.TableTheme1
{
	margin: auto; padding: 0px; border: 1px solid #94b2e4;
}

.TableTheme1 th
{
	margin: 0px; padding: 0px 5px 0px 5px;
	background: transparent url("../Images/vgLightBlue.jpg") repeat-x; color: #003366;
	white-space: nowrap;
}

.TableTheme1 td
{
	margin: 0px; padding: 0px 5px 0px 5px; border-top: 1px solid #94b2e4;
	background: #fafafa; color: #003366;
}

.TableTheme2
{
	margin: 0px; padding: 0px; border-collapse:collapse; border-top: 1px solid #94b2e4; border-right: 1px solid #94b2e4; border-bottom: 1px solid #94b2e4;
}

.TableTheme2 th
{
	margin: 0px; padding: 1px 5px 1px 5px; border-left: 1px solid #94b2e4;
	background: transparent url("../Images/vgLightBlue.jpg") repeat-x; 
	color: #003366;
	white-space: nowrap;
}

.TableTheme2 th a 
{
	color: #336699;
	/*text-decoration: none;*/
}

.TableTheme2 td
{
	margin: 0px; padding: 1px 5px 1px 5px; border-left: 1px solid #94b2e4; border-top: 1px solid #94b2e4;
	background: #fafafa; color: #003366;
}

.TableTheme2 td.ipaddrsel
{
	color: #0560a6;
	width: 10em;
}

.TableTheme2 td.ipaddr
{
	width: 10em;
}

.TableTheme2 td.count
{
	text-align: right;
}

.TableTheme2 tfoot td
{
	margin: 0px; padding: 5px 5px 5px 5px; border-left: 1px solid #94b2e4; border-top: 1px solid #94b2e4;
	background: #fafafa; color: #003366;
}

.TableTheme2 tfoot td a
{
	padding: 0px 3px 0px 0px;
	font-weight: bold;
	color: #336699;
}


.Advise
{
	margin: auto; padding: 10px 5px 5px 5px; border-left: 1px solid #94b2e4; border-right: 1px solid #94b2e4; border-bottom: 1px solid #94b2e4;
	background: #fafafa; color: #003366;
}

.InfoTable
{
	margin: auto; padding: 0px;
	background: transparent; color: #003366;
}

.TableForm
{
	margin: 0px; padding: 0px;
}

.TableForm td
{
	margin: 0px; padding: 2px;
	background: transparent; color: #003366;
	/*white-space: nowrap;*/
}

/* handled with jQuery (for IE7 and IE8)
input[type="radio"]:checked + label
{
	font-weight: bold;	
}*/

.InputComboBox
{
	margin: auto; padding: 0px; border: 1px solid #94b2e4;
	/*border-radius: 4px;*/
	background: #fafafa; color: #003366;
}

.InputText
{
	margin: auto; padding: 2px; border: 1px solid #94b2e4;
	/*border-radius: 4px;*/
	background: #fafafa; color: #003366;
}

.InputButton
{
	margin: auto; padding: 0.5ex 1em 0.5ex 1em; border: 1px solid #94b2e4;
	/*border-radius: 4px;*/
	background: #dce9fc; color: #003366;
}

.AutoComplete 
{
	display: none;
	position: absolute;
	max-height: 400px;
	overflow: auto;
	box-shadow: 3px 3px 4px gray;
	margin: 2px 0 0 0;
	padding: 3px;
	border: 1px solid #94b2e4;
	/*border-radius: 4px;*/
	background: whitesmoke;
	cursor: default;
}

.AutoCompleteItem 
{
	margin: 0px; padding: 1px 5px 1px 5px; border: 1px solid whitesmoke;
	border-radius: 4px;
	background: transparent; color: #003366;
}

.AutoCompleteItemHover
{
	border: 1px solid #94b2e4;
	border-radius: 4px;
	background: #cedefa;/*transparent url("../Images/vgBlue.jpg");*/
}

#ContentHeading
{
	width: 100%;
	border-bottom: 1px solid #94b2e4;
}

#ContentHeading #Text
{
	padding: 5px;
	background: transparent; color: black;
	font-weight: bold;
	font-size: 120%;
}

#ContentHeading #Image
{
	padding: 5px;
}

.HelpHeading
{
	width: 100%;
	border: 1px solid #94b2e4;
	background: transparent url("../Images/vgBlue.jpg");
}

.HelpHeading #Image
{
	padding: 2px;
}

.HelpHeading #Text
{
	padding: 2px 2px 2px 4px;
	background: transparent; color: #336699;
	font-style: italic; font-weight: bold;
}

.Error 
{
	color: red;	
}

.ErrorMessageBig
{
	width: 100%;
}

.ErrorMessageBig #Image
{
	padding: 2px;
}

.ErrorMessageBig #Text
{
	padding: 2px;
	background: transparent; color: #ff0000;
	font-style: italic; font-size: 120%;
}

.ErrorMessage
{
	width: 100%;
	border: none;
	background: transparent; color: inherit;
}

.ErrorMessage #Image
{
	padding: 2px;
}

.ErrorMessage #Text
{
	padding: 2px;
	background: transparent; color: #ff0000;
	font-style: italic;
}

.SuccessMessage
{
	width: 100%;
}

.SuccessMessage #Image
{
	padding: 2px;
}

.SuccessMessage #Text
{
	padding: 2px;
	background: transparent; color: #008000;
	font-style: italic;
}

.InfoMessage
{
	width: 100%;
}

.InfoMessage #Image
{
	padding: 2px;
}

.InfoMessage #Text
{
	padding: 2px;
	background: transparent; color: #003366;
	font-style: italic;
}

#FooterArea
{
	margin: 0px; padding: 0px; border-top: 1px solid #336699;
}

#Copy
{
	margin: 0px; padding: 7px 10px 7px 10px;
	background: transparent; color: #003366;
	white-space: nowrap;
}

.Disabled
{
	background: transparent; color: #888888;
}

.DisabledNote
{
	background: transparent; color: #ff0000;
	font-style: italic; font-weight: normal;
}

.New
{
	padding: 5px; border: 1px solid #cccccc;
}

td.OblHead
{
	font-style: italic; font-weight: bold;
}

td.OblFoot
{
	background: #749cdf; color: #fafafa;
	font-weight: bold;
}

#egnchecker { margin-top: 10px; }
#egnchecker legend { color: #749cdf; font-weight: bold; }
#egncheckerresult { border: 1px none white; font-style: italic; }
.EgnCheckerResultOk { color: green; }
.EgnCheckerResultError { color: red; }
noscript p { color: red; }

table#calendar { border: 1px solid silver; background: #f5f5f5; color: black; }
table#calendar th.MonthName {  }

table.Month { border-collapse: separate; border: 1px solid silver; background: #cedefa; color: black; }
table.Month caption { font-weight: bold; }
table.Month th { width: 1.2em; height: 1.2em; margin: 1px; padding: 1px; border-collapse: separate; border: 1px solid #749cdf; background: url("../Images/vgGray.jpg"); text-align: center; vertical-align: middle; }
table.Month td { width: 1.2em; height: 1.2em; margin: 1px; padding: 1px; border-collapse: separate; border: 1px solid #749cdf; text-align: center; vertical-align: middle; }

table.Month td a { color: #003366; }
table.Month td a.Current { color: red; }

table.Month td.NoDay { border: none; }
table.Month td.PastDay { background: #f5f5f5; color: gray; }
table.Month td.Today { background: white; color: #003366; border: 1px solid red; }
table.Month td.FutureDay { background: white; color: #003366; }

table.Month td.PastDayEvent { background: url("../Images/vgBlue.jpg"); }
table.Month td.PastDayEvent a { color: gray; }
table.Month td.PastDayEvent a.Current { color: red; }
table.Month td.TodayEvent { background: url("../Images/vgBlue.jpg"); border: 1px solid red; }
table.Month td.FutureDayEvent { background: url("../Images/vgBlue.jpg"); }

#events { width: 100%; text-align: center; vertical-align: middle; padding: 0px 1em 0px 1em; border: 1px solid silver; background: white; }

address { margin: 2px; padding: 2px; color: #003366; }

#countries { margin: 2px; padding: 2px; letter-spacing: -1px; }
#countries a { margin: 0; padding: 1px 5px 0 4px; border: 1px solid silver; border-color: white silver white white;
	background: transparent; color: #003366; text-decoration: none; }
#countries a:hover { border: 1px solid #94b2e4; background: url("../Images/vgBlue.jpg"); }
#countries a.Current { position: relative; top: 2px; left: 2px; border: 1px solid silver; border-bottom-color: #f5f5f5;
	background: #f5f5f5; font-weight: bold; }
#countries a.Current:hover { position: relative; top: 2px; left: 2px; border: 1px solid silver; border-bottom-color: #f5f5f5;
	background: #f5f5f5; font-weight: bold; }

div.CountryGroup { margin: 2px; margin-top: -2px; margin-bottom: 4px; padding: 2px; border: 1px solid silver; background: #f5f5f5; }

ul.CountryGroupNav { list-style-type: none; list-style-image: none; float: left; width: 200px;
	background: #f5f5f5; color: gray; margin: 2px; padding: 2px; }
ul.CountryGroupNav a { display: block; width: 190px; margin: 2px; padding: 0 2px 0 2px; border: 1px solid #f5f5f5;
	background: transparent; color: #003366; text-decoration: none; }
ul.CountryGroupNav a:hover { border: 1px solid #94b2e4; background: #ddeffb url("../Images/vgLightBlue.jpg") repeat-x; }
ul.CountryGroupNav a.Current { border: 1px solid #94b2e4; background: #9ebdf3 url("../Images/vgBlue.jpg") repeat-x; color: #003366; font-weight: normal; }
ul.CountryGroupNav a.Current:hover { border: 1px solid #94b2e4; background: #9ebdf3 url("../Images/vgBlue.jpg") repeat-x; color: #003366; font-weight: normal; }

div.Country { margin: 2px; padding: 2px; background: white; }
div.Country1 { margin: 2px; padding: 2px; background: white; }
div.Country1 h3.NoRep { color: maroon; }

.CG {  }
	.CGNav { width: 200px; text-align: left; vertical-align: top; }
	.CGMeat { width: 100%; text-align: left; vertical-align: top; border: 1px solid silver; background: white; }

div.Law { color: #003366; }
div.Law h3 {  }
div.Law p {  }

table.Law { color: #003366; border: none; }
table.Box1 { border-collapse: collapse; border: 2px solid silver; margin-left: 170px; }
table.Box1 td { border-collapse: collapse; border: 2px solid silver; }

.Explanation
{
	padding-left: 2em;
	color: #336699;
	font-style: italic;
}
	
.ui-datepicker 
{
	font-size: small;
}

.ui-datepicker-trigger 
{
	position: relative;
	top: 3px; left: 4px;
}

#mobNav {
	display: none;
}

#mobNav td {
	padding: 1ex;
	border-top: 1px solid silver;
}

@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) and (orientation: portrait) {
	#NavigationArea {
		display: none;
	}

	#Title
	{
		font-size: 100%;
		font-weight: bold;
	}

	#Gr {
		font-size: 80%;
	}

	#mobNav {
		display: block;
	}

	input, select {
		font-size: 120%;
	}
}
