/*
@import url(typography.css);
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	height:100%;
	margin:0;
	padding:0;
	text-align: center;
}

#optionPanel {
		width: 500px;
		margin: 0 auto;
		padding: 40px 0;
		}

#topupSymbol {
  float: right;
  position: relative;
  top: 5;
  right: 45;
  width: 20px;
  }

TR.resultsHead {
	background-color: black;
	color: white;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}

td {
font-family: Arial, Helvetica, sans-serif;
}

th {
font-family: Arial, Helvetica, sans-serif;
}

A.red { border-width:0; font-weight:bold; text-decoration: none;}
A.red:link {}
A.red:active {}
A.red:visited {}
A.red:hover { color: #EFE1A2; background-color: #4A55B8; }

A.bigred { border-width:0; font-weight:bold; text-decoration: none;}
A.bigred:link {}
A.bigred:active {}
A.bigred:visited {}
A.bigred:hover { color: #EFE1A2; background-color: #4A55B8; }

A.blue { border-width:0; font-weight:bold; text-decoration: none;}
A.blue:link {}
A.blue:active {}
A.blue:visited {}
A.blue:hover { color: #EFE1A2; background-color: #4A55B8; }

A.weeblue { border-width:0; font-weight:bold; text-decoration: none;}
A.weeblue:link {}
A.weeblue:active {}
A.weeblue:visited {}
A.weebluex:hover {
color: #FFFFE0;
background-color: #4A55B8;
}
A.weeblue:hover {
color: #000000;
/* background-color: #CCCCFF;*/
}

A.weewhite { border-width:0; font-weight:bold; text-decoration: none;}
A.weewhite:link {}
A.weewhite:active {}
A.weewhite:visited {}
A.weewhite:hover {
color: #cccccc;
}

A.dim { border-width:0; font-weight:bold; text-decoration: none;}
A.dim:link {}
A.dim:active {}
A.dim:visited {}
A.dim:hover { color: #FFD700; }

#rollover {
	height: 36px;
	width: 25px;
	background-image: url(/images/questions100x36.gif);
	text-decoration: none;
}
#rollover:hover {
	background-position: 25px 0;
}

#cross {
	height: 25px;
	width: 25px;
	background-image: url(/images/crosscheck.gif);
	text-decoration: none;
	background-position: 0px 0;
	border: 2;
}
#check {
	height: 25px;
	width: 25px;
	background-image: url(/images/crosscheck.gif);
	text-decoration: none;
	background-position: 25px 0;
	border: 2;
}

DIV.box {
border-style: solid; border-width: 4px border-color: #4A55B8;
background-color:white;
}

DIV.hidden { visibility: hidden }

TD.tabularData {
	font-size: 14px;
	font-family:"Courier New", Courier, mono;
	font-weight: bold;
}

/* Original blue / white
TR.even { background-color: #FFFFFF; }
TR.odd  { background-color: #99CCFF; }
TR.even { background-color: #F8F8F8; }
TR.odd  { background-color: #EEEEEE; }
*/
TR.even {
	background-color: #E5F2FF;
}
TR.odd  { background-color: #FFFFFF; }

TR.current  { background-color: lightgreen;
			  color: black;
			  font-weight: bold;
}
INPUT.field {
	color: #4A55B8;
	background-color:#EEEEFF;
	font-size: 14px;
}
.weefield {
	color: #4A55B8;
	background-color:#FCFCFF;
	font-size: 12px;
	font-family:"Courier New", Courier, mono;
}
table.weefield {
	border: 1px solid #ddddff;
}
table.weefieldnb {
	border: 0px;
}
P.annotation { font-size: 9px;
		color: green;
		text-decoration: none;
}
.annotation { font-size: 10px;
		color: green;
		text-decoration: none;
		font-family:Arial, Helvetica, sans-serif;
		font-weight: bold;
}
P.heading { font-size: 24px;
			color: #4A55B8;
			text-decoration: none;
			font-family:Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-style: italic;
}

.blue {
	color: #4A55B8;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.black {
	color: black;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.dim {
	color: #555555;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.weeblue {
	color: #4A55B8;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.weeblack {
	color: black;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.weewhite {
	color: white;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.weedim {
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.weered {
	color: red;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.bigwhite {
	color: white;
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.bigred {
	color: red;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.bigblue {
	color: #4A55B8;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.bigblack {
	color: Black;
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.error {
	color: red;
	padding: 5px 3px 5px 3px;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.attention {
	background-color: red;
	color: white;
	font-weight: bold;
}
.required {color: red; font-size: 10px; font-weight: bold;}
.instruction {
	color: #4A55B8;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}

/* Original
td.even {background-color:#FFFFFF; color:#000000; font:"Courier New", Courier, mono; border: 8px ridge blue;}
td.odd {background-color:#000000; color:#FFFFFF; font:"Courier New", Courier, mono; border: 8px ridge red;}
*/

td.even {background-color:#FFFFFF; color:#000000; font:"Courier New", Courier, mono; border: 8px ridge blue;}
td.odd {background-color:#000000; color:#FFFFFF; font:"Courier New", Courier, mono; border: 8px ridge red;}

.t1 { font-family:"Courier New", Courier, mono; font-size: 36px; font-weight: bold; color:green;}
.t2 { font-family:"Courier New", Courier, mono; font-size: 24px; font-weight: bold; }
.t3 { font-family:"Courier New", Courier, mono; font-size: 18px; font-weight: bold; }
.tbl1 { font-family:"Courier New", Courier, mono; border: 5px ridge red; }
.p1 { font-family:"Courier New", Courier, mono; font-size: 18px; font-weight: normal; }
.p2 { font-family:"Courier New", Courier, mono; font-size: 14px; font-weight: normal; }
.f1 { font-family:"Courier New", Courier, mono; font-size: 18px; font-weight: normal; }
.smallText { font-family:"Courier New", Courier, mono; font-size: 12; }

.note {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
}

.summary {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;	
	border-width: 0px;
}

.bannerTxt {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: 48px;
	font-style: italic;
	border-width: 0px;
}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
	font-style: italic;
	border-width: 0px;
}

.mainTbl {
	/*
	background-color: #FAFAFF;
	border: thin solid #666666;
	*/
	background-color: white;
	border: thin solid #cccccc;
}

.mainTbl2 {
	border: 0;
	background-color: white;
}

.innerTbl {
	border: thin solid #9999DD;
	background-color: white;
	padding: 10px 6px 10px 6px;
}

.innerTbl2 {
	border: 0;
	background-color: white;
	padding: 10px 6px 10px 6px;
}

.charCounter {
	background-color: #DDEEFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	border-width: 0px;
}

.release {
	background-color: #BBFFBB;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	border-width: 4px;
	border-color: black;
	padding: 3px 5px 3px 5px;

}
.systemTemplate {
	color: #777777;
}
.userTemplate {
	color: black;
}
.groupMenuItem {
	color: #000099;
}

/* dropshadow table border - see http://www.1976design.com/blog/archive/2003/11/14/shadows/
div.table-dec { 
background: url('shadow.gif') no-repeat bottom right; 
clear: right; 
float: right; 
margin: 0 0 15px 25px; 
padding: 0; 
position: relative; 
} 
  
div.table-dec table { 
background-color: #fff; 
border: 1px solid #a9a9a9; 
display: block; 
margin: -5px 5px 5px -5px; 
padding: 4px; 
position: relative; 
} 
*/

PRE {
	color: black;
/* 20070823 - removed for My Queue Message column
	background-color: #EEEEEE;
*/	
}

#importForm {
		position: relative;
		border: 1px solid #aaaaaa;
		top: 10px;
		left : 3px;
		margin: 20px 30px 30px 0px;
		padding : 20px 30px 30px 30px;
		color : #000000;
		width : 700px;
		background-color: #ffffff;
		}
#groupEditor {
		position: relative;
		border: thin solid #aaaaaa;
		top: 10px;
		left : 3px;
		margin: 20px 10px 30px 0px;
		padding : 20px 10px 30px 30px;
		color : #000000;
		width : 700px;
		background-color: #eeeeee;
		}
#groupSelector {
		position: relative;
		border: thin solid #aaaaaa;
		top: 1px;
		left : 3px;
		margin: 3px 10px 5px 3px;
		padding : 3px 3px 3px 3px;
		color : #000000;
		width : 700px;
		background-color: white;
		}

/* --------- Overlay for modal dialogs --------------*/
#foo_overlay1 {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
	 background-image:url(/images/overlaybg.gif);
}

#sendButton {
     width:300px;
	 height: 80px;
	 top: 0px;
	 bottom: 0px;
     position: relative;
     margin: 5px auto;
     padding:5px;
     text-align:center;
     border:0px solid #000;
}
#sendButton div#button {
	 margin: 20px;
     display: block;
     z-index: 1000;
}
#sendButton div#overlay {
	height: 70px;
	color: Black;
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	display: none;
	z-index: 1000;
    background-image: url(/images/sms_send.gif);
}
#container {
	width: 700px;
	position: absolute;
	top: 160px;
	left: 50px;
	text-align: left;
	margin: auto;
	padding: 10px;
}
#video {
	width: 700px;
	position: absolute;
	top: 40px;
	left: 50px;
	text-align: left;
	margin: auto;
	padding: 10px;
}

.menubar {
	background-image:url(/images/bluebar50h.gif);
	text-align: center;
	vertical-align:top;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	height: 40px;
	border: thin solid black;
}

.menubarAlt {
	background-color:url(/images/graybar50h.gif);
	text-align: center;
	vertical-align:top;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	height: 40px;
	border: thin solid black;
}

.submenubar {
	background-image:url(/images/yellowbar50h.gif);
	text-align: center;
	vertical-align:top;
	margin: 5px 5px 0px 0px;
	padding: 5px 10px 5px 10px;
	height: 40px;
	border: thin solid #DDDDDD;
}

/* Floating the masthead left allows the body min-width styling to be used, which prevents tabs wrapping */
#masthead {
  margin:0;
  padding: 0 0 0 35px;
  float:left;
}

#announcement {
		float:  right;
		width: 200px;
		margin: 0 20px 20px 10px;
		padding: 1em 10px 1em 10px;
		border: 1px solid #cccccc;
		}