/*****************/
/* COMMON STYLES */
/*****************/
body
{
    font-family: Arial, Verdana, Helvetica, Sans-serif;
    font-size: 10pt;
    margin: 0;
    padding: 0;
}
a
{
    color: rgb(61,92,122);
    background-color: transparent;
    text-decoration: underline;
    margin: 0;
    padding: 0 1px 2px 1px;
}
a:hover
{
    color: rgb(117,144,174);
    text-decoration: none;
}
a.noUnderline
{
    text-decoration: none;
}
ul
{
    list-style-image: url(../../images/bullet.gif);
    margin: 0 0 0 16px;
    padding: 0;
}
ul li
{
    line-height: 1.25em;
    margin: 1.2ex 0 1.2ex 0;
    padding: 0;
}
ul.noBullets
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.noBullets li
{
    line-height: 1em;
    margin: 0;
    padding: 0;
}
ol li
{
	list-style-type: decimal;
}
ol ol li
{
	list-style-type: lower-alpha;
}
ol ol ol li
{
	list-style-type: lower-roman;
}
img
{
    border: none;
}
.small
{
    font-size: 8pt;
}
.big
{
    font-size: 14pt;
}
/*****************/
/* HEADER STYLES */
/*****************/
.topBar
{
    color: rgb(130,128,154);
    background-color: rgb(33,50,66);
    text-align: right;
    margin: 0;
    padding: 0.5ex 10px;
}
.topBar a
{
    color: white;
    text-decoration: underline;
    margin: 0;
    padding: 0 0.25ex 0 0;
    font-weight: normal;
    font-size: 8pt;
}
.topBar a:hover
{
    color: rgb(193,102,90);
}
.logoBar
{
    color: white;
    background: transparent url(../../images/header_bkg.gif) repeat-x;
    margin: 0;
    padding: 0;
}
.menuBar
{
    background-color: rgb(117,144,174);
    margin: 0;
    padding: 0.25em 1em;
    color: white;
}
a.menu
{
    color: white;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
    padding: 0 0.25em 0 0;
}
a.menu:hover
{
    color: black;
}
a.menuOn:link, a.menuOn:visited, a.menuOn:active, a.menuOn:hover
{
    background-color: #cccccc;
    color: black;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
    padding: 1em;
}
a.menuSecure
{
    color: rgb(204,0,0);
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
    padding: 0 0.25em 0 0;
}
a.menuSecure:hover
{
    color: black;
}
a.menuSecureOn:link, a.menuSecureOn:visited, a.menuSecureOn:active, a.menuSecureOn:hover
{
    background-color: #cccccc;
    color: red;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
    padding: 1em;
}
/***************/
/* BODY STYLES */
/***************/
.main
{
  clear: both;
}
.breadcrumbs
{
    font-size: 8pt;
    padding: 0.5em 0;
}
#body
{
    margin: 0;
    padding: 0.5em 10px;
    clear: left;
}

#body h1
{
    border-bottom: solid 1px rgb(117,144,174);
    color: rgb(117,144,174);
    font-weight: bold;
    font-size: 14pt;
    margin: 0;
    padding: 0.5em 0;
}

#body h2, span.h2
{
    line-height: 1em;
    color: rgb(61,92,122);
    font-weight: bold;
    font-size: 12pt;
    margin: 0;
    padding: 0.5em 0 0.25em 0;
}
#body h3, span.h3
{
    line-height: 1em;
    color: rgb(0,102,204);
    font-weight: bold;
    font-size: 10pt;
    margin: 0;
}
#body h4, span.h4
{
    line-height: 1em;
    color: black;
    font-weight: bold;
    font-size: 10pt;
    margin: 0;
    padding: 0;
}
#body p
{
    line-height: 1.5em;
    padding: 0;
}
#body p.error
{
    color: red;
    font-weight: bold;
}
#body p.insetBox
{
    background-color: #efefef;
    color: rgb(33,50,66);
    font-size: 8pt;
    padding: 0.5em;
}
#body p.insetBox A:link
{
    color: black;
}
td.header
{
    background-color: rgb(117,144,174);
    font-weight: bold;
}
.important
{
    font-weight: bold;
    font-style: italic;
}
.ads
{
    background-color: rgb(117,144,174);/*#99cccc;*/
    color: white;
    width: 100%;
    padding: 0 0.5em;
    text-align: center;
}
.ads a:link, .ads a:visited
{
    color: white;
    text-decoration: none;
}
.ads a:hover
{
    color: white;
    text-decoration: underline;
}
.margin, .body
{
    margin: 1em 0;
    float: left;
}

.margin
{    
    float: left;
    border: solid 1px rgb(239,239,239);
    width: 200px;
    padding: 0.5em;
}

.body
{
    width: 600px;
    float: left;
    margin-left: 5px;
}
textarea
{
    font-family: Arial, Verdana, Helvetica, Sans-serif;
}
.formHeader
{
	border-bottom: 1px solid rgb(61,92,122);
	font-size: 10pt;
	font-weight: bold;
	color: rgb(61,92,122);
}
.fieldHeader
{
	background-color: rgb(239,239,239);
	font-size: 10pt;
	font-weight: bold;
	text-align: right;
	width: 20%;
}
.fieldHeaderLeft
{
	background-color: rgb(239,239,239);
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
}
.fieldHeaderNoBG
{
	font-size: 10pt;
	font-weight: bold;
	text-align: right;
	width: 20%;
}
input
{
	border: 1px solid rgb(61,92,122);
}
input.button
{
	background-color: rgb(204,204,204);
	border: 1px solid rgb(61,92,122);
	color: black;
	font-weight: bold;
}
input.submit
{
	background-color: rgb(61,92,122);
	border: 1px solid rgb(61,92,122);
	color: white;
	font-weight: bold;
}
.readonly
{
	background-color: #cccccc;
}
div.box
{
    background-color: rgb(200,222,242);
    color: rgb(33,50,66);
    padding: 0.5em;
}
/*****************/
/* FOOTER STYLES */
/*****************/
#footer
{
    color: rgb(51,51,102);
    background-color: rgb(239,239,239);
    font-size: 87%;
    text-align: center;
    line-height: 1.25em;
    margin: 0;
    padding: 1ex 10px;
    clear: left;
}
#footer a
{
    color: rgb(0,68,204);
    background-color: transparent;
    text-decoration: underline;
}
#footer a:hover
{
    text-decoration: none;
}
/***************/
/* GRID STYLES */
/***************/
.gridHeader
{
	background-color: black;
	color: white;
	font-weight: bold;
	text-align: left;
}
.gridHeader a:link, .gridHeader a:visited, .gridHeader a:hover, .gridHeader a:active
{
	color: white;
	font-weight: bold;
}
.gridHeaderHover
{
	background-color: red;
	padding: 3px;
}
.gridRow
{
	background-color: white;
}
.gridRowHover
{
	background-color: red;
	color: white;
}
.gridAltRow
{
	background-color: #efefef;
}
/****************/
/* OTHER STYLES */
/****************/
.countdownTimer
{
    border: solid 1px blue;
    position: relative;
    width: 100%;
    height: 20px;
    overflow: hidden;
}