* {margin:0; padding:0}
html {margin-bottom:1px; height: 100%}
body {height:100%; font-family: "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:small; line-height:normal!important; background-color:#FFFFFF !important; color:#333333 !important; font-size:1em}


h1 {clear:both; color:#EFA913; background-color: inherit; font-family: "Trebuchet MS", "AvantGarde BK BT", "Century Gothic", Arial, Verdana, Helvetica, sans-serif; font-size:1.8em; font-weight:normal; font-style:normal; letter-spacing:normal; margin:0 0 10px 0!important; padding:0!important; text-decoration:none; font-size:140%}
h1 em {border-bottom: #F1F1F1 1px solid; font-style: normal}

h2 {padding: 0px; margin:10px 0; color:#6FA3CD; background-color: inherit;  font-size: 130%;}
h3 {padding-right: 0px; padding-left: 0px; font-weight: normal; font-size: 11px; padding-bottom: 0px; margin: 0px; color: #444; padding-top: 0px}
h4 {font-size: 11px; margin: 0px 0px 6px 8px; color: #6D97C1}
h4 .edit {display: inline; margin-left: 8px}
h4 .edit a {color: lightgrey}
h4 .edit a:hover {color: #6D97C1}
h5 {font-size: 11px; margin: 0px 0px 6px 8px; color: #6D97C1}
h5 .edit {display: inline; margin-left: 8px}
h5 .edit a {color: lightgrey}
h5 .edit a:hover {color: #6D97C1}


p {text-align: left}
a {color: #6FA3CD; text-decoration: none;cursor:pointer;}
a:hover {color: #EFA913; text-decoration: none;cursor:pointer;}
.a {color: #6D97C1; text-decoration: none}
img {BORDER:none;}
form {padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px}
textarea {width:90%!important; height:100px!important}
th {background-color: #9CBFDF; color:#FFFFFF; border-left:1px solid #FFFFFF}

#top {width:100%; height:21px; border-bottom:3px solid #FFFFFF; background-image:url("../images/top-background.gif"); background-repeat:repeat-x}

#topbottom {width:100%; height:114px; background-image:url("../images/topbottom-background.gif"); background-repeat:repeat-x}
.logoblock {float:left; clear:none; width:40%; padding-left:10px; padding-top:10px}
.headerblock {float:right; clear:none; width:50%; color:#666666; background-color:inherit; }
.headerform {padding:15px 10px; text-align:right}
.headerform input {margin:0; padding:0}
.headermenu {padding:30px 10px 0 0; margin:0}
.headermenu li {float:right; clear:none; margin:0; padding:0; list-style:none; text-align:right;}
.headermenu a {color:#666666; background-color:inherit; text-decoration:none}
.headermenu a:hover {color:#666666; background-color:inherit; text-decoration:underline}
.headermenu img {margin-right:7px; vertical-align:middle}

#content {width:100%;}

#footer {width:100%; padding-top:20px; color:#666666; background-color:inherit; font-size:0.9em}
#footer a {color:#666666; background-color:inherit; text-decoration:none}
#footer a:hover {color:#666666; background-color:inherit; text-decoration:underline}
.footerleft {float:left; clear:none; padding-left:5px; padding-bottom:20px; width:34%; text-align:right;}
.footermenu {float:left; clear:none; width:30%; padding-bottom:20px; text-align:center;}
.footerright {float:left; clear:none; padding-right:5px; padding-bottom:20px; width:34%; text-align:left;}
#footer .footerright a {text-decoration: underline}
#footer .footerright a:hover {text-decoration:overline underline}


#myimg {width:auto; padding:5px;}

.centercontent {float:none; clear:both; margin:0 auto!important; text-align:left}
.contentwrapper {float:left; clear:none; width:48%; margin:20px 0 20px; overflow:hidden; color: #000000; background-color:#7DC9E5; background-image:url("../images/content-gradient.jpg"); background-repeat:repeat-x; background-position:top; text-align:left}
.maincontent {margin:0px!important; padding:0 20px; width:auto; height:355px;}
.maincontent h1 {margin-bottom:15px!important; color: #FFFFFF; background-color:#78A8D3; border-bottom: 2px dotted #FFFFFF}

.contentstyle {padding:0 0 0 10px; width:99%; background-image:url("../images/back-design.gif"); background-repeat:repeat-y; background-position:right top}

.featurelist {margin-top:15px; padding-left:25px}
.featurelist li {margin-top:5px; padding-left: 25px; list-style:none; background-image:url("../images/bullet-tick.gif"); background-repeat:no-repeat; background-position:top left}

.hometopleft {margin:0!important; padding:0!important; width:100%; height:11px!important; font-size:0.1em; color:inherit; background-color:#79A7D3; background-image:url("../images/hometopleft.gif"); background-position:top left; background-repeat:no-repeat}
.homebottomleft {margin:0!important; padding:0!important; width:100%; height:11px!important; font-size:0.1em; line-height:0; color:inherit; background-color:#7DC9E5; background-image:url("../images/homebottomleft.gif"); background-position:bottom left; background-repeat:no-repeat}

.homeimage {float:left; clear:none; width:49%; margin:3px 0 20px 0; text-align:left;}

.buttonstyle {padding:1px 5px; color:#FFFFFF; background-color:inherit; background-image:url("../images/button-gradient.gif"); background-repeat:repeat-x; height:22px; border:1px solid #4FACD2; vertical-align:middle}
.inputbutton {padding:1px 5px; color:#FFFFFF; background-color:inherit; background-image:url("../images/button-gradient.gif"); background-repeat:repeat-x; height:22px; border:1px solid #4FACD2; vertical-align:middle}
.inputsubmit {padding:1px 5px; color:#FFFFFF; background-color:inherit; background-image:url("../images/button-gradient.gif"); background-repeat:repeat-x; height:22px; border:1px solid #4FACD2; vertical-align:middle}


.homepage {width:80%!important}
.innerpage {width:98%!important}

.nav {float:left; clear:none; margin-right:5px; width: 19%; color: #000000; background-color: #7DC9E5; background-image: url("../images/nav-background.jpg"); background-repeat:repeat-x; background-position:left top}
.nav ul {margin: 10px 0 0 0; padding: 5px;}
.nav li {list-style:none; margin:0; padding:5px 0 5px 20px; background-image:url("../images/nav-list.gif"); background-position:left; background-repeat:no-repeat; border-bottom:2px dotted #CCE7FF;}
.nav a {color: #000000; background-color:inherit; text-decoration:none; cursor:pointer;}
.nav a:hover {color: #000000; background-color:inherit; text-decoration:underline;}



.naveffect {width:100%; height:130px; background-image:url("../images/nav-bubbles.gif");}

.navroundtop {background: url("../images/nav-top-right.gif") no-repeat top right;}
.navroundbottom {background: url("../images/nav-bottom-right.gif") no-repeat top right;}

.contentcolumn {float:left; clear:none; width:79%;}

.contentroundtop {padding-bottom:10px; background: url("../images/content-top-right.gif") no-repeat top right;}
.contentroundbottom {margin-top:10px; background: url("../images/content-bottom-right.gif") no-repeat top right; height:12px; font-size:0.2em}

.contenttopstyle {background-image:url("../images/content-top-bottom.gif"); background-position:top left; background-repeat:repeat-x}
.contentbottomstyle {background-image:url("../images/content-top-bottom.gif"); background-position:bottom left; background-repeat:repeat-x; vertical-align:bottom}

img.corner {width: 14px; height: 12px; border: none; display: block !important;}


.gray {
	 color:#848284 
}
.graybold {color:#333333}
.whitefont, .whitefont a, .whitefont a:hover {
	text-align: center; line-height:95%;
	color: #FFFFFF; margin:0; padding:0
}
.greyfont, .greyfont a, .greyfont a:hover {
	font-size:90%; text-align: left;
	color: #333333;
}
.smallfont {
	font-size: 90%;  text-align: left;
	color: #555555;
}
.smallfont2 {
	font-size: 90%;  text-align: left;
	color: #333333;
}
.inputtext {margin:5px; color:#333333; border: #999999 1px solid; }
.LABEL {
	font-weight: bold; color: gray; padding-left: 0px; padding-bottom: 2px; margin: 0px; color: gray; padding-top: 0px
}
LABEL {
	font-weight: bold; color: gray;  padding-bottom: 2px;  color: gray; 
}
.subhead{font-weight: bold; color: #6D97C1; padding-right: 0px;  padding-left: 0px; padding-bottom: 2px; margin: 0px; padding-top: 0px}
.subhead2{font-weight: bold; padding-right: 0px;  padding-left: 0px; padding-bottom: 2px; margin: 0px; padding-top: 0px}
.subhead3{font-weight: bold; color: #6D97C1;padding-right: 0px;  padding-left: 0px; padding-bottom: 2px; margin: 0px; padding-top: 0px;border-bottom:1px solid #BDC7DE;}
.subhead_gray{font-weight: bold; color: #555555;padding-right: 0px;  padding-left: 0px; padding-bottom: 2px; margin: 0px; padding-top: 0px}
.asubhead_gray{color: #333333; cursor:pointer; font-size: 70%!important; font-weight: bold; }
a.asubhead_gray {color: #333333!important; PADDING: 0px; margin: 0px; text-decoration: underline!important;}
a:hover.asubhead_gray {color: #333333!important; PADDING: 0px; margin: 0px; text-decoration: overline underline!important;}

.asubhead2{color: #333333; cursor:pointer; font-size: 60%!important; font-weight: bold; }
a.asubhead2 {color: #333333!important; PADDING: 0px; margin: 0px; text-decoration: underline!important;}
a:hover.asubhead2 {color: #333333!important; PADDING: 0px; margin: 0px; text-decoration: overline underline!important;}

.sectionheader2 a {color: #333333!important; font-size: 80%!important; font-weight: bold; PADDING: 0px; margin: 0px; text-decoration: underline!important;}
.sectionheader2 a:hover {color: #333333!important; font-size: 80%!important; font-weight: bold; PADDING: 0px; margin: 0px; text-decoration: overline underline!important;}



.th{
	font-size: 13px;font-weight: bold; color: #003366;padding-right: 0px;  padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 0px; padding-top: 0px;border-bottom:1px solid #003366;
}

.headertext{
	padding:1px;  text-align: left; color:#333333; font-weight:bold;
}
UL.square_bullets {
	padding-left: 20px; color: #33ABFF; list-style-type: square
}
UL.square_bullets LI {
	padding-right: 0px; padding-left: 0px; padding-bottom: 1px; padding-top: 1px
}
UL.square_bullets LI SPAN {
	color: #555555
}
.error {
	margin:10px 0!important;
	border-right: #dd3c10 1px solid;
	padding-right: 10px; 
	border-top: #dd3c10 1px solid; 
	padding-left: 10px; 
	background: #ffebe8; 
	padding-bottom: 10px; 
	
	border-left: #dd3c10 1px solid; 
	padding-top: 10px; 
	border-bottom: #dd3c10 1px solid;
	width:590;
}
.success {
	margin:10px 0!important;
	border-right: #FFE321 1px solid; 
	padding-right: 10px; 
	border-top: #FFE321 1px solid; 
	padding-left: 10px; 
	background: #FFFBE7; 
	padding-bottom: 10px; 
	
	border-left: #FFE321 1px solid; 
	padding-top: 10px; 
	border-bottom: #FFE321 1px solid;
	width:590;
}
.sectionheader{
	width:100%;
	padding-right: 10px;
	padding-left: 10px;
	font-size:120%;
	color:#4A7BA3;
	background-color: #C9DCEB;
	border-top: 1px solid #A4C5DE;
	height: 22px;
}
.sectionheader2{
	padding:3px 10px;
	color:#444444;
	background-color: #FDFBCA;
	border-top: 1px solid #E0DD95;
	height: 20px;
}
.sectionheader3{
	padding-right: 10px;
	padding-left: 10px;font-size: 11px; 
	color:#444444;
	background-color: #C2EBC5;
	border-top: 1px solid #66B86D;
	height: 18px;
}
.menutd{
	 
	color:#6D97C1;
	border-bottom:1px solid #999999;
	height: 18px;
}
.filter{
	font-weight:BOLD;font-size: 11px; font-family: tahoma,verdana, arial, sans-serif; color:#636563;
	border-bottom:1px solid #DDDDDD;
	height: 23px;
	/*cursor:pointer;*/
}
.grayback{
	font-family: tahoma, verdana, arial, sans-serif; 
	color:#848284;
	border:1px solid #CCCCCC;
	height: 160px;
	background-color: #FFFFFF;
}
.selectedtd{
	color:#FFFFFF!important;
	background-color: #9CBFDF;
	height: 27px;
	padding:0;
	text-align:center;
}
.selectedtd a, .selectedtd a:hover{
	color:#FFFFFF!important;
}
.selectedtdleft {background-image:url("../images/tab-left.gif"); background-position:right top; background-repeat:no-repeat}
.selectedtdright {background-image:url("../images/tab-right.gif"); background-position:left top; background-repeat:no-repeat}

hr{
	color:#E1E1E1;
	height: 1px;
}
.backtable{}
.box {border: 1px solid #6D97C1}
.jsbox {border: 2px solid #6D97C1; background-color:#FFFFFF; color:inherit}
.highlight{
border-bottom: 1px solid #FCEEB6;
background-color: #FEFADE;
color:#000000;

}
.mydiv
{
	overflow: auto;  background-color: #FFFFFF; width:610px;
	border: 2px dotted #6FA3CD!important; 
	padding:5px 2px!important; margin: 20px 0!important; vertical-align:middle
}
.search {
	padding-left: 2px; background: url(/images/search.jpg) white no-repeat 3px 4px
}
.frame {
  width: 45px;
  height: 45px;
  
  position: absolute;
  cursor: crosshair;
  background: url(l); 
  border: solid 3px #D8DFEA;
  }


  
  #tagframe {
    position: absolute;
    top: 10px;
    left: 10px;
    height: 160px;
    width: 160px;
    border: solid 6px #FFFFFF; }
    
    #tagframeinside {
     
      position: absolute;
      cursor: crosshair;
      top: 0px;
      left: 0px;
      width: 148px;
      height: 148px;
      border: solid 6px #A4D9ED; }


#selector {
  top: 100px;
  left: 300px;
  position: absolute;
  font-size: 11px;
  width: 180px;
  margin-bottom: 20px;
  background: white;
  border: solid 1px #3B5998;
  border-bottom: solid 2px #3B5998;
  /*border-right: solid 1px #D8DFEA;*/ }
  
  #selector input {
    margin: 2px 5px 0px;
    width: 150px; }
  
  #selector label {
    display: block;
    margin: 2px 5px 2px;
    font-weight: bold;
    color: gray; }
  
  #selector .buttons {
    text-align: center; }
  #selector .buttons input {
    margin: 5px 2px; }
  #selector .buttons .tag {
    width: 50px; }
  #selector .buttons .cancel {
    width: 60px; }

#userlist {
  line-height: 20px;
  width: 100%;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  background: #eee;
  overflow: auto; }
  
  #userlist label {
    display: inline;
    margin: 0px 0px 0px 0px;
    font-weight: normal;
    color: #000000;
  }
  
  #userlist input {
    width: auto; }
  
  #userlist hr {
    padding: 0px;
    margin: 2px 0px; }
  
  #userlistdiv {
    line-height: 1px;
    margin: 0px 8px;
    padding: 0px;
    height: 1px;
    width: 140px;
    background: red; }
    
.borderTopStyle {border-top:3px solid #999999}
.borderBottomStyle {border-bottom:3px solid #999999}
.borderLeftStyle {border-left:3px solid #999999}
.borderRightStyle {border-right:3px solid #999999}

.narrowTR {font-size:3px; height:3px; line-height:3px}
.narrowTD {width:3px}
.colorTD {background-color:#59ACFD}

/*.backfill {color:inherit; background-color:#F2F2F2}*/
.message {color: inherit; background-color:#DEFFE0; border:1px solid #CCCCCC; padding:10px;}
.tabborder {border-bottom:2px solid #9CBFDF}
.mandatory {padding-left:3px; color:#993300; background-color:inherit}
.borderdotted {border: 2px dotted #6FA3CD!important;}