/* stupid firefox height bug workaround */
html{
  height:100%;
  max-height:100%;
}

html, body, p, table, td, form, img, input{
  font-size:1em;
}

html, body, div, p, table, td, form, img, h1, h2, h3, h4, h5, h6, input{
  background-position:left top;
  background-repeat:no-repeat;
  color:#333;
  /* border:0px none transparent; */
  font-family:arial,sans-serif;
  margin:0px;
  padding:0px;
}

option.disabled{color:#999;font-style: italic}

.fieldname{
	font-weight:bold;
}
fieldset legend
{
  color:#210077;
	font-weight:bold;
}

@media screen, projection, tv
{
  body
  {
    margin:0px
  }
}

@media print
{
}

@media handheld
{
  body{ margin:0}
}


body{
  font-size:0.84em;
  background-color:#CCC;
}


#MenuPane_Admin{
  background-color:#966;
}

#MenuItem_Admin{
  color:white;
  background:url(../images/admin.png) no-repeat right center #966;
}

#MenuItem_Admin:hover{
  background-color:#008;
 /* border: inset 0px #006; */
}

th a{
  color:white
}

a.hoverhint{
  	z-index:10;
}

a.hoverhint:hover{
  text-decoration:none;
	position:relative;
	z-index:100;
}

a.hoverhint span{
	display:none;
  text-decoration:none;

}

a.hoverhint:hover span{
	display:block;
  width:500px;
	position:absolute;
  text-decoration:none;
	float:left;
	top:2.2em;
	left:-180px;
	background:#fffcd1;
	border:1px solid #444;
	color:#444;
	padding:1px 5px;
	z-index:10;
}

h1{
  color:#210077;
}
h2{
  color:#210077;
  padding-bottom:1px;
  border-bottom:1px solid #210077;
  margin-bottom:15px
}
h3{
  color:#600;
  font-size:1.2em;
  border-bottom:1px solid #FCC;
  margin-bottom:5px;
  margin-top:5px;
}
h4{
  color:#600;
  font-size:1.0em;
  margin-bottom:3px;
  margin-top:5px;
}

th{
/* padding-left:5px; */
  color:white;
  background:#009;
  text-align:left;
  padding:0;
  margin:0;
  text-decoration:none;
  cursor:default;
  background:url(../images/btn_bg.gif) center repeat-x #009;
}

th.subheading{
  color:#666;
  background:url(../images/box_cc_middle.png) center repeat-x #eaebeb /* #ffdda9 */;
}


col.PrimaryKey{
font-weight:bold;
background-color:#CCC;
}

a.external{
    padding-right:18px;
    background:url(../images/link.gif) no-repeat right center
}


.main{
  background-color:#fff;
  border:0px solid #000;
}

.content a:hover{
  color:red;
}

hr{
  color: #CCC; /* IE color */
  background-color: #CCC; /* FF, opera color*/
  border-bottom: #CCC; /* without this, ff messes up the size */
  margin:0;
  padding:0;
  height: 1px;
}

th a{
text-decoration:underline;
}

img{
  border:0
}

.LeftMenu{
    background:#210077 url(../images/menubg.jpg) bottom repeat-x;
    -moz-user-select: none;
    text-align:left;
}

.LeftMenuPDA{
  background-color:#FFFFFF;
  border:0;
  padding:4px;
}


.MenuStateImage{
  margin-top: 2px;
  margin-right: 15px;
  margin-bottom:0;
}

.LeftMenu .SelectedItem{
  color: #d6fd14;
  font-weight: bold;
}

.LeftMenuLink{
  margin:0;
  padding-top:0px;
  padding-left:8px;
  display: block;
  text-decoration: none;
  color:#fff;
  border: solid 0px #210077;
  font-weight:bold;
  line-height: 1.3em;
}


.LeftMenuPDA .LeftMenuLink{
  border: solid 1px #FFFFFF;
}


.LeftMenuLink:hover,
.LeftMenuLink:active
{
  background-color:#006;
 /* border: inset 0px #006; */
  background:url(../images/btn_bg.gif) center repeat-x #006;
}

.LeftMenuSubItemLink{
  margin-left: 40px;
}

.LeftMenuSep{
  color: #339; /* IE color */
  background-color: #339; /* FF, opera color*/
  border-bottom: #339; /* without this, ff messes up the size */
  padding-right:0;
  margin-right:0;
  height: 1px;
}

.topmenuItem,
.topmenuItem:visited{ /* Home, Contact, login/out buttons*/
  color:#fff;
  margin-right:4px;
  margin-left:4px;
  padding-left:2px;
  padding-right:2px;
  text-decoration:none;
  font-weight:bold;
}
.topmenuItem:hover{
  color:#000;
}


.bottommenuItem,
.bottommenuItem:visited{ /* Privacy statement etc.*/
  color:#fff;
  margin-right:4px;
  margin-left:4px;
  padding-left:2px;
  padding-right:2px;
  text-decoration:none;
}
.bottommenuItem:hover{
  color:#000;
}


.errorBox{
  color:#000;
  background-color:#FFF;
  border:2px solid #F00;
  padding:0px;
  margin-bottom:15px;
}

.errorBoxHeader{
  color:#FFF;
  background-color:#F00;
  font-weight:bold;
}

.messageBox{
  color:#000;
  border:2px solid #690;
  padding:5px;
  margin-bottom:15px;
  text-align:left;
  background:url(../images/box_cc2.png) top repeat-x #fff;
}

.footer{
  -moz-user-select: none;
  background-color:#00b3fb;
  background-position:bottom right;
  background-image: url(../images/topbg.jpg);
  background-repeat: repeat-y;
  padding:5px;
  text-align:right;
}

.comment{
  color:#666;
  /* font-style:italic; */
}

.hint{
  color:gray;
  font-size:x-small;
  /* font-style:italic; */
}

.topImage1
{
  background-color:#00b3fb;
  background-position:top left;
  background-repeat: repeat-y;
}

.tblTop{height:100%}

.tblTop,
.topImage2,
.topright{
  -moz-user-select: none;
  background-color:#00b3fb;
  background-position:top right;
  background-image: url(../images/topbg.jpg);
  background-repeat: repeat-y;
}


.sbl{
/*   background-image:url(../images/main_bl.gif);  */
  background-position:top right;
  background-repeat:no-repeat;
  height:14px;
}
.sbr{
   /*  background-image:url(../images/main_br.gif); */
  background-position:top left;
  background-repeat:no-repeat;
  height:14px;
}
.sb{
  /* background:url(../images/main_bc.gif) ;  */
  background-position:top;
  background-repeat:repeat-x;
  background-width:100%;
  height:14px;
}
.sl{
  background-image:url(../images/main_ml.gif);
  background-position:right;
  background-repeat:repeat-y;
  width:14px;
}

.sr{
   background-image:url(../images/main_mr.gif);
  background-position:left;
  background-repeat:repeat-y;
  width:16px;
}

.content{
  padding:15px;
  line-height:1.2em;
  background:#fff url(../images/contentframebg_light.jpg) no-repeat bottom left;
  text-align:left;
}

@media handheld
{
  .content{
    padding:3px;
  }
}


.rightImage{
  float: right;
  margin: 6px;

}

.itemRightInFrame{
  float: right;
  display: inline;
  border: 1px solid #690;
  padding: 5px;
  margin: 6px;
}

.largeTableLeft{
  border-width: 0px 0px 1px 1px;
  border: 1px solid #690;
  border-spacing: 0;
  border-collapse: collapse;  /* IE Bug workaround */
}

.largeTableLeft * td, th{
    margin: 0;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 3px;
    border-width: 1px 1px 0px 0px;
    border: 1px solid #690;
}

.tableRight{
  float: right;
  display: inline;
  border: 1px solid #690;
  width: 320px;
  padding: 3px;
  overflow:hidden;
  border-spacing: 0;
  border-collapse: collapse;  /* IE Bug workaround */
}


.tableInFrame h3{
  font-size: 0.80em;
}

.FAQ li{
  margin-top: 1.5em;
}

.FAQ br{
  margin-top: 1.5em;
}

a.logo{

}


.CompanyImage{
  position: relative;
  margin-bottom: 5px;
}

.box{
  background:url(../images/box_cc2.png) top repeat-x #eaebeb;
  border-left:1px solid #CCC;
  border-top:1px solid #CCC;
  border-bottom:1px solid #777;
  border-right:1px solid #777;
  color:#000;
  padding:2px;
  margin-bottom:15px;
  text-align:left;
}

.changeThis{
  color: red;
  font-weight: bolder;
}

.ajax{
  background:#FFE;
  color:#000;
}
.ajaxDone{
  background:url(../images/box_cc.png) top repeat-x #eaebeb;
}

textarea.ajax{
/*  font:message-box;*/
  width:200px;
  white-space:nowrap
}
.ajaxSaving{
  background:#FF0;
}

.r{text-align:right;width:100%}
.c{text-align:center;width:100%}

.progressbar{
/*  background:url(../images/box_cc3.png) center repeat-x green; */
  background-color:green;
  width:200px;
  background:url(../images/th_orange2.png) center repeat-x #ffdda9;
}

.queryTable{
  border-collapse: collapse
}

.queryTable td{
  vertical-align: text-top;
  border:1px solid #F90;
  padding: 1px;
  border-width: 1px 1px 0px 0px;
  margin:0
}

tfoot td {color:#666;background:url(../images/box_cc.png) }

.odd,
.row1{
  background:#FAFCF0
}

.even,
.row2{
  background:#F0FAEC
}

.submit{
  width:140px;
  background-color:#669;
  color:#FFF;
  font-weight:bold;
  border:1px inset #fff;
  cursor:pointer;
  background:url(../images/btn_bg2_hover.gif) center repeat-x #006;
}

.smallButton{
  background-color:#669;
  color:#FFF;
  font:message-box;
  border:1px inset #fff;
  cursor:pointer;
  background:url(../images/btn_bg.png) center repeat-x #669;
}

.emptyOption{
        background-color:#ffa;
        font-weight:bold;
        border:solid #996 1px
}

.error,.ok,.unknown{
        font-weight:bold;
}

.error{
        background-color:#F66;
        color:white
}

.ok{
        background-color:#9E9;
        color:black
}

.unknown{
        background-color:#CCC;
        color:white
}


.null_value{
        background-color:#CCC;
        text-align:center;
        color:999
}
.noWrapTable td
{
  white-space: nowrap;
}

/* ---------- For Rounded box ------------ */
.roundedbox{ border: 0;  border-spacing: 0; border-collapse: collapse }
.roundedbox .cc{  padding:5px }

/* style 1 */
.style1 .tl,tr,bl,br{height:2px;width:2px;overflow:hidden}
.style1 .tc,bc{height:2px;overflow:hidden}
.style1 .cl,cr{width:2px;overflow:hidden}
.style1 .cc{overflow:scroll}

.style1 .tl{ background:url(../images/box_tl.png) top left no-repeat}
.style1 .tc{ background:white; border-top:1px solid #9b9c9c }
.style1 .tr{ background:url(../images/box_tr.png) top right no-repeat}

.style1 .cl{ background:#eaebeb; border-left:1px solid #9b9c9c }
.style1 .cc{ background:url(../images/box_cc.png) top repeat-x #eaebeb }
.style1 .cr{ background:#cccccc; border-right:1px solid #9b9c9c }

.style1 .bl{ background:url(../images/box_bl.png) bottom left no-repeat}
.style1 .bc{ background:#dfe2e1; border-bottom:1px solid #9b9c9c }
.style1 .br{ background:url(../images/box_br.png) bottom right no-repeat}