/* container Styles
---------------------------------------------------------------------*/
#container{
width:1240px;margin-right: auto;margin-left: auto;padding-bottom:30px;
}

/* header Styles
---------------------------------------------------------------------*/
#main-page-header{
 width:1240px;height:50px;background:#fff;;position:relative;
}

#internal-page-header{
 width:1240px;height:50px;background:#fff;;position:relative;
}

#clock-header{
 width:960px;height:20px;background:#fff;;position:relative;float:left;margin-top:30px;text-align:center;
}

#connection-error{
 width:960px;height:20px;background:#fff;position:relative;float:left;margin-top:15px;text-align:center;color:red;display:none;
}

#page-logo{
position:relative;float:left;left:10px;width:260px;
}

#page-logo-ext{
position:relative;
left:10px;
top:5px;
width:1060px;
}

/* typography.css */
html {height: 100%;}
body {font-size:75%;color:#222;background:#fff;font-family:"Lucida Grande","Helvetica Neue", Arial, Helvetica, sans-serif;margin:1.5em 0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#0457a7;text-decoration:underline;}
a img {border:none;}
strong {font-weight:bold;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:0px 4px 0px 4px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}

.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}


.red{ color:red;}
.orange { color: #d51; }
.gray { color: #666; }
.lightgray { color: #bbb; }
.errorcolor {background: red}

/* grid.css */
.container {width:980px;margin-right: auto;margin-left: auto;padding-bottom:30px;}

div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}

.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clear {clear:both;}

.clockt {display:block; width:80px;color:black;float: left;text-align:right; padding-right:5px;}
.clock {display:block; background-color:#5ea5ec; width:80px;color:white;float: left;text-align:center;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, input.file, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus , input.file:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input[readonly].text {background:#dfdfff;}
input.title {font-size:1.5em;}
textarea {width:300px;/*height:250px;*/padding:5px; resize:none;}
textarea[readonly].text {background:#dfdfff;}
.error, .notice, .success {padding:0.8em;margin-left:1em;border:0px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

table.rate_table {border:1px solid #bbb; width:0px; white-space:nowrap; }
table.rate_table thead tr td {padding:5px; border:1px solid #bbb; text-align:center; font-weight:bold; } /*color:#FFF; background:#5FA8EC;}*/
table.rate_table tbody tr td {padding:5px; border:1px solid #bbb;}
table.rate_table tbody tr td.fmt {font-weight:bold; }
table.rate_table tbody tr td input.text { width:150px; }

a.button, button {
  /*display:block;
  float:left;*/
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 5px 7px;   /* Links */

  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}


/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.button:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
a.button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* Positive */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
a.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
body .negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover {
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}

/* Disabled */
button[disabled] {
    background-color:#dfdfdf;
    color:#ffffff;
}

input[type=submit][disabled] {
    background-color:#dfdfdf;
    color:#ffffff;
}


/* ============= Top Tab Menus =============== */
.menu {
	position:relative;
    top:0px;
	right:10px;
	float:left;
	width:96%;
	height:25px;
	font-size:100%;
	line-height:normal;
	border-bottom:1px solid #666;
	margin-bottom:1em; 
	z-index:300;
}

.menu li.top {
	display : block;
	float : right;
	position : relative;
	z-index:200;
}

.menu li a.top_link {
	display : block;
	text-decoration : none;
	background:url("images/topm-left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	float:left;
    width:auto;
	z-index:200;
}

.menu li a.top_link span {
	float : left;
    height:15px;
	background:url("images/topm-right.png") no-repeat right top;
	padding:6px 15px 4px 6px;
	margin-right:2px;
	color:#FFF;
	z-index:200;
}

.menu li a.top_link span.down {
	float : left;
	display : block;
	padding : 0 24px 0 12px;
	height : 20px;
	z-index:200;
}

.menu li a.top_link:hover {
	color : #000;
	z-index:200;
}
.menu li:hover > a.top_link {
	color : #fff;
	z-index:200;
}

.menu ul, .menu :hover ul ul{
	position : absolute;
	left : -9999px;
	top : -9999px;
	width : 0;
	height : 0;
	margin : 0;
	padding:10px 10px 0 0px;
	list-style : none;
	z-index:200;
}

.menu :hover ul.sub {
	left : 0;
	top : 25px;
	right : 2px;
	background : #fff;
	padding : 3px 0;
	border : 1px solid #999999;
	white-space : nowrap;
	width : 115px;
	height : auto;
	z-index:200;
}

.menu :hover ul.sub li {
	display : block;
	height : 20px;
	position : relative;
	float : left;
	width : 95px;
	z-index:200;
}
.menu :hover ul.sub li a {
	font-weight : normal;
	display : block;
	font-size : 11px;
	height : 20px;
	width : 109px;
	line-height : 20px;
	text-indent : 5px;
	color : #000;
	text-decoration : none;
	border : 3px solid #fff;
	border-width : 0 0 0 3px;
	z-index:200;
}
.menu :hover ul.sub li a:hover {
	background : #000000;
	color : #fff;
	z-index:200;
}

.menu :hover ul :hover ul{
	left : 90px;
	top : -4px;
	background : #fff;
	padding : 3px 0;
	white-space : nowrap;
	width : 108px;
	height : auto;
	z-index : 200;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.menu a span {float:none;}

/* End IE5-Mac hack */
.menu a:hover span {
	}

.menu a:hover {
	background-position:0% -42px;
	}

.menu a:hover span {
	background-position:100% -42px;
}


/********************************************/    
    

#module-menu{
float:left;width:180px;text-align:left;border:#666666 1px solid;padding:0px 9px 5px 9px;
margin-bottom:20px;
}

#module-menu .toplink
{
	line-height:1.25;
	margin-bottom:1.25em;
	margin-top:1.25em;
	font-weight: normal;
	text-decoration: none;
}

#module-menu .top
{
    font-size:1.15em;
	line-height:1.25;
	margin-bottom:1.25em;
	margin-top:1.25em;
	font-weight: normal;
	text-decoration: none;
}

#module-menu ul
{
list-style-type: circle;
padding: 0px;
margin: 20px;
}

#module-menu li
{
padding-left: 5px;
padding-bottom: 10px;
}

#module-menu a
{
text-decoration:none;
}

/* Content Styles
---------------------------------------------------------------------*/
#content{
float:left;width:1030px;padding:0px 0px 20px 10px;background:#FFFFFF;vertical-align:top; margin:auto;
}

#content .formWrap{
width:1000px;margin:auto;display:none;
}

#resultMessage{
display:none;
width:1000px;
min-height:75px;
height:auto !important;
height:75px;
margin:auto;
margin-top:0px;
font-weight:bold;
}


#overlay{
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
}

#overlay-title{
     width:90%;
     margin-top: 50px;
     margin-bottom:0px;
     margin-left:auto;
     margin-right:auto;
     background-color: #ccc;
     border:1px solid #000;
     border-bottom:0px;
     padding:15px;
     text-align:center;

    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    background:#6CB0ED;
    color: #555555;
    padding:4px 15px 4px 15px;
    
    text-align:left;
}
#overlay-bottom{
    width:90%;
    height:80%;
    margin: 0px auto;
    background: #eeeeee;
    border:1px solid #000;
    padding:15px;
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    padding:4px 15px 4px 15px;
    text-align:left;
}

/* Footer Styles
---------------------------------------------------------------------*/
#footer{
border-top:3px lightgray solid;background:#E8E8E8;overflow: hidden; clear:both;
}

#footer a{
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	line-height: 16px;
	color:gray;
}

#footer p{
padding:0px;
margin:0px;
}

#footer h1 {
    font-size: 17px;
    font-weight: bold;
    color: #777;
    padding-bottom: 14px;
    /*padding-top: 16px;
    */
	margin:0;
}

#footer-sec1{
float:left;padding:5px;width:550px;text-align:left;
}

#footer-sec2{
float:left;width:670px;padding:5px;text-align:right;
}

/* extended information table
---------------------------------------------------------------------*/
div.ext_info {
    vertical-align : top;
}

div.ext_info .last {
    margin : 0px;
}

div.ext_info .tr {
    clear          : both;
    margin-bottom  : 1em;
    height         : 5em;
}

div.ext_info .tr .td_field {
    float       : left;
    padding     : 0.5em;
    width       : 120px;
    height      : 4em;
    font-weight : bold;
    white-space : nowrap;
    overflow-y  : hidden;
}

div.ext_info .tr .td_value {
    float                 : left;
    border                : 1px solid #000000;
    padding               : 0.5em;
    width                 : 860px;
    height                : 4em;
    overflow              : auto;
    background-origin     : padding-box;
    background-clip       : padding-box;
    border-radius         : 5px;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
}

div.ext_info .tr .td_list {
    float                 : left;
    border                : 1px solid #000000;
    padding               : 0.5em;
    width                 : 860px;
    height                : 10em;
    overflow              : auto;
    background-origin     : padding-box;
    background-clip       : padding-box;
    border-radius         : 5px;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
}

div.ext_info .tr1 {
    clear          : both;
    margin-bottom  : 1em;
    height         : 2em;
}

div.ext_info .tr1 .td_field {
    float       : left;
    padding     : 0.5em;
    width       : 120px;
    height      : 1em;
    font-weight : bold;
    white-space : nowrap;
    overflow-y  : hidden;
}

div.ext_info .tr1 .td_value {
    float                 : left;
    border                : 1px solid #000000;
    padding               : 0.5em;
    width                 : 860px;
    height                : 1em;
    overflow              : auto;
    background-origin     : padding-box;
    background-clip       : padding-box;
    border-radius         : 5px;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
}

/* message boards
---------------------------------------------------------------------*/
.redlink {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;color:red;text-decoration:none;}
.author{color: #334A9B;}
.msgbody{padding:5px;margin-top:10px;margin-bottom:8px;min-height:60px;background-color:#f5f5f5;}
.separatorhr{margin-top:20px;margin-bottom:15px;}
.infotitle{background-color:#eeeeee;padding:5px;}
.infovalue{padding:5px;}
.infofiles{padding:10px;border-color:#cccccc;}