body {
  color            : #000000;
  //margin-left      : 20px;
  //margin-right     : 20px;
  margin-bottom    : 20px;
  padding          : 0px;
  background-color : #FFFFFF;
  font-family      : arial, sans-serif;
  font-size        : 12px;
 
}
td, tr, p, div {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 12px;
  color            : #333333;
}
hr {
  color            : #999999;
  height           : 1px;
  width            : 100%;
}
.mod {
  background       : #FFFFFF;
  width            : 2px;
}

.mt {
  font-family      : Verdana, Geneva, Arial, Helvetica, sans-serif;
  color            : #FEFEFE;
  font-size        : 4px;
  font-weight      : normal;
 }
.mt a:link, .mt a:visited {
  font-size        : 4px;
  color            : #FFFFFF;
  text-decoration  : none;
  font-weight      : bold;
}
.mt a:hover {
  font-size        : 4px;
  color            : #FEFEFE;
  text-decoration  : none;
  font-weight      : bold;
}
.main { 
  float            : left; 
  width            : 100%;
  margin           : 0px; 
  padding          : 0px;
}
.contentdescription { 
  width            : auto !important;
  display          : block;
}
.msg{
	background: ActiveBorder;	
	padding: 6px;
	border: outset thin;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
}

.msgButton{
	background: ButtonFace;
	color: ButtonText;
	padding: 4px;
	text-decoration: none;
	border: groove thin;
}

.msgTitle{
	background: ActiveCaption;
	color: HighlightText;		
}

.msglinks{
	text-decoration: none;
	color: ButtonText;
}

.msgIcon{
	font-family: Webdings;
	font-weight: bolder;
	font-size: xx-large;
} 
.ipbmbtableborder {
	border: 1px solid;
	padding: 1px;
}

#buttons {
  float            : right;
  margin           : 0px;
  padding          : 0px;
  width            : 50%;
}
ul#mainlevel-nav {
  font-size        : 11px;
  list-style       : none;
  padding          : 0;
  margin           : 0;
  font-size        : 0.8em;
}
ul#mainlevel-nav li {
  display          : block;
  background-image : none;
  padding-left     : 1px;
  padding-right    : 1px;
  float            : right;
  margin           : 0;
  width            : auto !important;
  font-size        : 11px;
  line-height      : 22px;
  white-space      : nowrap;
  border-left      : 1px solid #cccccc;
}
ul#mainlevel-nav li a {
  font-size        : 11px;
  display          : block;
  padding-left     : 16px;
  padding-right    : 15px;
  text-decoration  : none;
  color            : #999999;
  background       : transparent;
}
ul#mainlevel-nav li a:hover {
  font-size        : 11px;
  color            : #333333;
}
.sublevel {
  padding-left     : 10px;
}
.leftrow {
  background-color : #F1F1F1; 
  width            : 168px;
  height           : 100%;
  margin-right     : 5px;
}
.rightrow {
  background-color : #F1F1F1;
  height           : 100%;
  width            : 168px;
  align            : right;
  margin-left      : 5px;
}
table.moduletable {
  width			   : 100%;
  table-layout	   : auto;
  border-top       : 1px solid #FFFFFF;
  border-bottom    : 1px solid #999999;
}
table.moduletable th {
  font-size        : 11px;
  font-weight      : bold;
  text-transform   : uppercase;
  text-align       : left;
  height           : 21px;
  line-height      : 21px;
  text-indent      : 8px;
  letter-spacing   : 1px;
  color            : #FFF;
  background-image : url(../images/modul.jpg);  
}
table.moduletable td {
  padding-left     : 0px;
  padding-right    : 0px;
}
#search {
  float            : left;
  margin-top       : 5px;
  border           : 1px solid #cccccc;
  padding          : 0px;
  width           : 123px !important;
  width            : 125px;
  height           : 16px !important;
  height           : 16px;
  overflow         : hidden;
}
#search .inputbox {
  border           : 0px;
  margin-top       : 0px;
  padding          : 2px 3px 2px 6px !important;
  padding          : 0px 3px 2px 6px;
  font-family      : arial, helvetica, sans-serif;
  font-size        : 10px;
  height           : 12px !important;
  height           : 12px;
  width            : 123px !important;
  width            : 125px;
  color            : #999999;
  background       : #FFFFFF;
}
.back_button {
  color            : #333333;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url(../images/bb.gif);
  background-repeat: no-repeat;
  white-space      : normal;
  font-weight      : normal;
  border           : 1px solid #999999;
  padding-bottom   : 4px;
  padding-left     : 20px;
  padding-right    : 2px;
  padding-top      : 1px;
  margin-right     : 4px;
  float            : right;
  font-weight      : normal;
  line-height      : 10px;
  text-decoration  : none; 
}
.button {
  font-size        : 11px;
  color            : #333333;
  border           : 1px solid #999999;
  margin-bottom    : 5px;
  background-color : #EDEDED;
  padding          : 1px;
}
.inputbox {
  border           : 1px solid #999999;
  background	   : transparent url(../images/back.gif);
  background-color : #EDEDED;
  margin-bottom    : 5px;
  color			   : #333333;
}
.sectiontableheader {
  font-size        : 11px;
  font-weight      : normal;
  text-transform   : uppercase;
  letter-spacing   : 1px;
  color            : #333333;
  background       : #EDEDED;
  padding          : 1px;
}
.sectiontableentry1 {
  vertical-align   : top;
  padding          : 3px;
  background       : #E3E3E3;
  border-top       : 1px solid #FFFFFF;
  border-bottom    : 1px solid #999999;
}
.sectiontableentry2 {
  vertical-align   : top;
  padding          : 3px;
  border-top       : 1px solid #FFFFFF;
  border-bottom    : 1px solid #999999;
}
a.mainlevel  {
  margin           : 0px;
  padding          : 0px;
  font-size        : 12px;
  width            : 168px;
  background-color : #ECEAD8;
  text-indent      : 10px;
}
a.mainlevel: link {
  padding          : 0px 0px 0px 0px;
  font-size        : 12px;
  width            : 168px;
  background-color : #E3E3E3;
  text-indent      : 10px;
}
a.mainlevel:link, a.mainlevel:visited {
  display          : block;
  font-size        : 12px;
  border-top       : 1px solid #ffffff;
  border-bottom    : 1px solid #999999;
  background-color : #EDEDED;
  font-weight      : normal;
  padding          : 2px 0px 2px 0px;
  color            : #333333;
  width            : 168px;
  text-indent      : 10px;
}
a.mainlevel:hover {
  background-color : #E3E3E3;
  font-size        : 12px;
  font-weight      : normal;
  text-decoration  : none;
  text-indent      : 10px;
}
#active_menu {
  color            : #333333;
  background-color : #E3E3E3;
  font-weight      : bold;
}
a#active_menu:hover {
  color            : #333333;
}
a:link {
  font-size        : 11px;
  color            : #003366;
  text-decoration  : none;
  font-weight      : bold;
}
a:visited {
  font-size        : 11px;
  color            : #990000;
  text-decoration  : none;
  font-weight      : bold;
}
a:hover {
	font-size        : 11px;
	color            : #FF0000;
	text-decoration  : underline;
	font-weight      : bold;

}
a.category:link, a.category:visited {
  font-size        : 11px;
  font-weight      : bold;
}
a.readon:link, a.readon:visited {
  color            : #003366;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url(../images/read.gif);
  background-repeat: no-repeat;
  white-space      : normal;
  font-weight      : bold;
  border           : 1px solid #999999;
  padding-bottom   : 3px;
  padding-left     : 21px;
  padding-right    : 2px;
  padding-top      : 1px;
  float            : left;
  line-height      : 10px;
  text-decoration  : none; 
}
a.readon:hover {
  color            : #333333;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url(../images/read.gif);
  background-repeat: no-repeat;
  white-space      : normal;
  font-weight      : bold;
  border           : 1px solid #999999;
  padding-bottom   : 3px;
  padding-left     : 21px;
  padding-right    : 2px;
  padding-top      : 1px;
  float            : left;
  line-height      : 10px;
  text-decoration  : none; 
}
ul {float          : left;
  margin           : 2px;
  padding-left     : 10px;
  list-style       : none;
}
li {
  
  line-height      : 15px;
  padding-left     : 15px;
  padding-top      : 0px;
  background-image : url(../images/bullet.png) ;
  background-repeat: no-repeat;
  background-position: 0px 3px;
}
table.contenttoc {
  border           : 1px solid #FFFFFF;
  background       : #F1F1F1;
  padding          : 5px;
  margin-left      : 2px;
  margin-bottom    : 2px;
}
.pagenavcounter {
  font-size        : 10px;
  color            : #003366;
}
.pagenavbar {
  border-top       : 1px solid #999999;
  padding          : 2px;
}
.pagenav {
  font-weight      : bold;
  color            : #CCCCCC;
}
a.pagenav:link, a.pagenav:visited {
  text-decoration  : none;
}
a.pagenav:hover {
  text-decoration  : none;
}
.date {
  font-size        : 10px;
  color            : #333333;
  padding-right    : 10px;
}
.small {
  font-size        : 10px;
  color            : #333333;
}
.smalldark {
  font-size        : 10px;
  color            : #333333;
}
.createdate, .modifydate {
  font-size        : 10px;
  color            : #666666;
}
.content_vote {
  font-size        : 10px;
  height           : 22px;
  padding-top      : 2px;
  padding-bottom   : 2px;
}
.content_rating {
  font-size        : 10px;
  color            : #CC9900;
}
.pathway {
  font-size        : 10px;
  color            : #333333;
  padding-left     : 8px;
}
a.pathway:link, a.pathway:visited {
  font-size        : 10px;
  padding-left     : 0px;
}
a.pathway:hover {
  font-size        : 10px;
  padding-left     : 0px;
}
table.content{
  width            : 100%;
  padding          : 0px;
  border-collapse  : collapse;
  border-spacing   : 0px;
  margin-bottom    : 10px;
}
table.contentpane {
  width            : 100%;
  padding-left     : 5px;
  padding-right    : 5px;
  border-spacing   : 0px;
  margin-bottom    : 5px;
}
table.contentpaneopen {
  width            : 100%;
  padding-left     : 5px;
  padding-right    : 5px;
  border-spacing   : 0px;
  margin-bottom    : 5px;
}
.pollstableborder{
  border-color     : #999999;
}
.contentheading, .componentheading {
  background       : url(../images/header.gif) repeat;
  font-size        : 14px;
  font-weight      : bold;
  line-height      : 24px;
  text-transform   : uppercase;
  text-align       : left;
  color            : #003366;
  width            : 100%;
}
.title {
  font-family      : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : bold;
  text-transform   : uppercase;
  text-indent      : 8px;
  font-size        : 20px;
  text-align       : left;
  color            : #FFFFFF;
}
.title a:link, .title a:visited {
  font-size        : 20px;
  color            : #FFFFFF;
  text-decoration  : none;
  font-weight      : bold;
}
.title a:hover {
  font-size        : 20px;
  color            : #FFFFFF;
  text-decoration  : none;
  font-weight      : bold;
}
.ontab {
  border-left      : 1px solid #404040;
  text-align       : center;
  font-weight      : bold;
  color            : #333333;
  padding          : 5px;
  cursor           : hand;
  line-height      : 40px;
}
.offtab {
  border-left      : 1px solid #404040;
  text-align       : center;
  color            : #999999;
  font-weight      : normal;
  padding          : 5px;
  cursor           : hand;
   line-height     : 40px;
}
.tabpadding {
 border-left       : 1px solid #404040;
}
.pagetext {
  visibility       : hidden;
  position         : relative;
  top              : -10;
  background-color : #FFFFFF;
  display          : none;
}
.footer {
  font-family      : Verdana, Geneva, Arial, Helvetica, sans-serif;
  color            : #FFFFFF;
  font-size        : 10px;
  color            : #FFFFFF;
  font-weight      : normal;
 }
.footer a:link, .footer a:visited {
  font-size        : 11px;
  color            : #FFFFFF;
  text-decoration  : none;
  font-weight      : bold;
}
.footer a:hover {
  font-size        : 11px;
  color            : #333333;
  text-decoration  : none;
  font-weight      : bold;
}
.contact_email  {
  width            : 100%;
}
.contact_email .inputbox {
  width            : 345px;
}
.warngood,
.warnbad,
.warn{
	color: #000000;
	font-weight: bold;
	background-color: #00CC00;
	text-align: center;
}

.warnbad{
	color: #000000;
	background-color: #FF0000;
}

.warn{
	color: #FF0000;
	background-color: #FFFF00;
}
.fdd2div_default{
	position:relative;
	color:#0066FF;
	font-family: "Verdana", Arial, Helvetica, sans-serif;	
	font-size:12px;
	text-align:left;
	width:120px;
	background:#EBEBEB;
}

.fdd2div_default_main_link{
	color:#0066FF;
	outline:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:5px;
}
.fdd2div_default ul li {list-style-type : none;
background: 000;
}
.fdd2div_default ul li a{
	color:#0066FF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:5px;
}
.fdd2div_default ul li a:hover{
	color:#00CCFF;
}
.fdd2div_default ul li a:visited{
	color:#00CCFF;
}

.fdd2div_default a.collapsed{
	background:url('components/com_wts/images/collapse.jpg') no-repeat right center;
	padding-right:16px;
	color:#0033FF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.fdd2div_default a.expanded{
	background:url('components/com_wts/images/expand.jpg') no-repeat right center;
	padding-right:16px;
	color:#0099FF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.fdd2div_default_ul_list{
	list-style:none;
	width:100%;
	padding:0 0 15px 0;
	margin:0px;
	background:#F7F7F7;
	top:15px;
}

.fdd2div_default_ul_list li {
	margin:2px;
}

.fdd2div_default_ul_list li a{
	height:5px;
	width: 100%;
	display:block;
}

.fdd2div_default_ul_list li a:hover{
	color:#0066FF;
}

#nav, #nav ul {
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1;
	background: #F0F5FA;
	font-weight: bold;
	padding: 0;
	border: solid #000;
	border-width: 1px 0;
	margin: 0 0 1em 0;
}

#nav a {
	display: block;
	width: 10em;
	color: #000;
	text-decoration: none;
	padding: 0.25em 2em;
}

#nav a.daddy {
	background: url(../images/rarrow_bl.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0;
	width: 10em;
	background: 000;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	font-weight: normal;
	border-width: 2px;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 13em
}

#nav li ul a {
	width: 13em;
	w\idth: 9em;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #c2d2cf;
}

#content {
	clear: left;
}

#content a {
	color: #7C6240;
}

#content a:hover {
	text-decoration: none;
}

#scaffolding {
	height: 70px;
	background: white url(/images/header_bg.gif) no-repeat;
	border: solid #eda;
	border-width: 1px 0 0 0;
	margin: 1em 0 0 0;
}

#scaffolding a {
	text-decoration: none;
	text-indent: -999em;
	display: block;
	height: 70px;
	background: url(/images/hdlogo_flip2.gif) no-repeat;
	background-position: 181px 0;
}

#scaffolding a:hover {
	background-position: 181px -70px;
}

.wizard-nav
{
padding: 10px 0;
border: 1px solid #ddd;
width: 650px;
margin: 10px auto;
}
.wizard-nav a
{
background: #eee;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
text-decoration: none;
padding: 10px;
width: 162.5px;
display: inline;
margin: 0;
}
.wizard-nav a.active { background: #dfd; }

.wizardcontrols .wizardnext { margin-left: 76%; width: 12%; }
.wizardcontrols .wizardprev { width: 12%; }
#FirstPage .wizardcontrols .wizardnext { margin-left: 88%; }

#mainTabs {
margin:0 auto;
width:560px;
}
#mainTabs li { list-style:none; float:left;}
#mainTabs a {
  display:block;
  padding:4px 0;
  height:24px;
  width:140px;
  text-decoration:none!important;
  margin:0px;
  margin-left:0;
  font:12pt Calibri;
  color:#FFF;
  background:#222;
}
#mainTabs a:hover {
  height:28px;
  padding:4px 0 6px;
  background:#0D0D0D;
  border-bottom:1px solid #181818;
}
#mainTabs a.selected {
  height:30px;
  padding:4px 0 8px;
  background:snow;
  color:#222;
  font-weight:bold;
  border-bottom:none;
}
#home h2 { border-bottom:1px solid #222; width:300px; margin:30px auto 10px; padding-bottom:1px; }
#home p, #home li { font-size:1.1em; width:470px; text-align:left; margin:0 auto; }
#home .usual p, #home .usual li, #home .usual ul { width:auto; margin:0; padding:0;}
#home code { font:10pt Consolas; }
#home pre {
  display:block;
  width:500px;
  margin:10px auto;
  background:#0D0D0D;
  border-top:1px solid #1D1D1D;
  border-bottom:1px solid #1D1D1D;
  padding:5px 10px 7px 10px;
  overflow:auto;
}
#home .usual div { text-align:left; }
#home em { color:#AAA; font-size:0.9em; font-style:normal; }
#home img { margin-bottom:-2px; }
#home sub { color:#888; font-size:0.9em; *font-size:1.0em;}
#home ul { padding:1em 0 0 1em; }
#home li { padding-bottom:8px; }
#home li sub { display:block; padding-left:0em; line-height:0.7em;}

.Stil1 {
	font-size: medium;
	font-weight: bold;
}
.Stil1 a:link {
	font-size: medium;
	font-weight: bold;
	color: #000000;
	}	
.Stil2 {font-size: small}
.statproblem
{
    padding:3px;
    margin-bottom:1px;
    -moz-border-radius: 4px;
}
.rowhighlight{
	background-color: #FFF9BA;
}
.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(images/glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}

.errorwrap {
	background: #F2DDDD;
	border: 1px solid #992A2A;
	border-top: 0;
	margin: 5px;
	padding: 0;
}


.errorwrap h4 {
	background: #E3C0C0;
	border: 1px solid #992A2A;
	border-left: 0;
	border-right: 0;
	color: #992A2A; 
	font-size: 12px;
	font-weight: bold; 
	margin: 0;
	padding: 5px;
}

.errorwrap p {
	background: transparent;
	border: 0;
	color: #992A2A;
	margin: 0;
	padding: 8px;
}


.HdrClmn,
.HdrClmnEnd
{
   border: black 1px solid;
   font-weight: bold;
   color: white;
   background-color: #809cc8
}
.row0,
.row1
{
   height:22px;
   border-width:0px;
}
.row0 img,
.row1 img {
   padding: 0px;
   margin: 0px;
   vertical-align:middle;
}
.row0, .light
{
   background-color: #f0f0f0;
}
.row1, .dark
{
   background-color: #e0e0e0;
}

.blameTbl tbody th {
	font-weight: normal;
	text-align: right;
}

.CatClmn0, .blameTbl tbody .light th
{
   border-right: black 1px solid;
   background-color: #e0e0ff
}

.CatClmn1, .blameTbl tbody .dark th
{
   border-right: black 1px solid;
   background-color: #d0d0ee
}
.row0:hover{
  background-color:khaki;
}
.row1:hover{
  background-color:khaki;
}

.diffchanged, .diffchanged pre {
  border:1px solid #f2f2c7;  
  background-color:lightyellow;
  background-image:url(/components/com_wts/svn/templates/BlueGrey/bullet_yellow.png);
  background-repeat:no-repeat;
  background-position:2px 50%;
  padding-left:22px; 
}

.diffadded, .diffadded pre {
  border:1px solid #d5f2c7;  
  background-color:#f2ffd9;
  background-image:url(/components/com_wts/svn/templates/BlueGrey/bullet_add.png);
  background-repeat:no-repeat;
  background-position:2px 50%;
  padding-left:22px; 
}
.diffdeleted, .diffdeleted pre {
  border:1px solid rosybrown;  
  background-color:papayawhip;
  background-image:url(/components/com_wts/svn/templates/BlueGrey/bullet_delete.png);
  background-position:2px 50%;
  background-repeat:no-repeat;
  padding-left:22px;
}
.diff, .diff pre {
  border:1px solid beige;
  background-color:ivory;
  background-position:2px 50%;
  background-repeat:no-repeat;
}
.diffchanged:hover, .diffcode:hover .diffchanged pre {
  border-color:darkkhaki;
  background-color:#ffffa0;
}
.diffadded:hover, .diffcode:hover .diffadded pre {
  border-color:#669900;
  background-color:yellowgreen;
}
.diffdeleted:hover, .diffcode:hover .diffdeleted pre {
  border-color:rosybrown;
  background-color:#ffc6d5;
}
.svnpath a:link {
background:darkkhaki;
	font-size: 18px;
}
.svnpath a:hover {background:khaki}
.goyoungest a {
  color:#e25f53;
  padding-left:22px;
  background-image:url(/components/com_wts/svn/templates/BlueGrey/exclamation.png);
  background-repeat:no-repeat;
  background-position:3px 50%;
}
.goyoungest a:hover {
  background-color:#fad4c8;
  color:#000;
}
span.feed a,
tbody tr td.feed a,
tbody tr td.feed a:link,
tbody tr td.feed a:visited,
tbody tr td.feed a:link {
  padding-left:22px;
  background-image:url(/components/com_wts/svn/templates/BlueGrey/xml3.gif);
  background-repeat:no-repeat;
  background-position:3px 50%;
}
h2.path {
  text-transform:none;
  
}
h2.path a:hover {
background:khaki;
}
h2.path a:link {
font-size: 18px;
}
h2.path a:visited {
font-size: 18px;
}
/* RATER PLUGIN */
.ui-rater>span {vertical-align:top;}
.ui-rater-rating {margin-left:.8em}
.ui-rater-starsOff, .ui-rater-starsOn {display:inline-block; height:18px; background:url(/js/stars.png) repeat-x 0 0px;}
.ui-rater-starsOn {display:block; max-width:90px; top:0; background-position: 0 -36px;}
.ui-rater-starsHover {background-position: 0 -18px!important;}


/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
div.jqmNotice img.jqResize {position: absolute; right: 2px; bottom: 2px;}

/* Notice CSS courtesy of;
   Alexandre Plennevaux <alexandre@pixeline.be>,
   Brice Burgess <bhb@iceburg.net> */

div.jqmNotice {
    display: none;
    
    position: relative;
    
    width: 320px;
  background:#FFFFCC url(notice/note_icon.png) 5px 5px no-repeat;
    border: 1px solid #000;
    padding: 0;
}

.jqmnTitle{margin: 0 25px;}
  
.jqmnTitle h1{
  margin: 5px 0;
  padding-left:5px;
  width: 100%;
  
  font-size:10px;
  color:#FFFFCC;
  background-color:#505050;
}

div.jqmNotice .jqmClose {
  position: absolute;
  cursor: pointer;
  right: 4px;
  top: 6px;
}

.jqmnContent{
  border-top:1px;
  color:#000;
  font:12px/18pt Comic Sans, Comic Sans MS, cursive;
  padding:0 20px 5px;
}

div.whiteOverlay { background: url(inc/jqmBG.gif) white; }
div.jqDrag {cursor: move;}

/* jqmModal dialog CSS courtesy of;
  Brice Burgess <bhb@iceburg.net> */

div.jqmDialog {
  display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -200px;
  width: 400px;

  overflow: hidden;
  font-family:verdana,tahoma,helvetica;
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqmDialog {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


/* [[[ Title / Top Classes ]]] */
div.jqmdTC { 
  background: #d5ff84 url(../images/headerbg.gif); 
  color: white;
  padding: 7px 22px 5px 5px;
  font-family:"sans serif",verdana,tahoma,helvetica;
  font-weight: bold;
  * zoom: 1;
}
div.jqmdTL { background:  url(../images/headerleft.gif) no-repeat; }
div.jqmdTR { background: url(../images/headerright.gif) no-repeat; }


/* [[[ Body / Message Classes ]]] */
div.jqmdBC {
  background: url(../images/bc.gif) repeat-x center bottom;
  padding: 7px 7px 7px;
  height: auto;
  overflow: auto;
}
div.jqmdBL { background: url(../images/bl.gif) no-repeat left bottom; padding-left: 7px; }
div.jqmdBR { background: url(../images/br.gif) no-repeat right bottom; padding-right: 7px; * zoom: 1 }

div.jqmdMSG { color: #317895; }


/* [[[ Button classes ]]] */
input.jqmdX {
  position: absolute;
  right: 7px;
  top: 4px;
  padding: 0 0 0 19px;
  height: 19px;
  width: 0px;
  background: url(../images/ico-close.gif) no-repeat top left;
  overflow: hidden;
}
input.jqmdXFocus {background-position: bottom left; outline: none;}

div.jqmdBC button, div.jqmdBC input[type="submit"] {
  margin: 8px 10px 4px 10px;
  color: #777;
  background-color: #fff;
  cursor: pointer;
}

div.jqmDialog input:focus, div.jqmDialog input.iefocus { background-color: #eaffc3; }
/* jqmModal dialog CSS inherited from Example 3a ... */

div.jqmdAbove { z-index: 5000; top: 8%; } /* used by 4c -- nested modal */

div.jqmdWide { width: 560px; margin-left: -280px; }
div.jqmdTall { height: 330px; }


div.centered { width: 100%; text-align: center; }
div.buttons input{ margin: 10px 14px; }
div.output { margin: 10px; color: red; }

	.suggestionsBox {
		position: relative;
		left: 30px;
		margin: 10px 0px 0px 0px;
		width: 200px;
		background-color: #212427;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #000;	
		color: white;
	}
	
	.suggestionList {
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList p {
		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
		color: white;
	}
	
	.suggestionList p:hover {
		background-color: #659CD8;
	}
/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 130px; }
#nav ul ul { left: 131px; }

/* Everything else is theming */
 
#nav { background-color: #30A8C3; height: 24px; }
#nav *:hover { background-color: none; }
#nav a { border-right: 1px solid white; color: white; font-size: 12px; padding: 6px; line-height: 1; }
  #nav li.hover a { background-color: #5E5A5A; }
  #nav ul { top: 25px; }
    #nav ul li a { background-color: #5E5A5A; }
      #nav ul a.hover { background-color: #30A8C3; }
   #nav ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

.changed {
  background-color: red;
}

.gtransString {
	background-color: lightgreen;
	color: blue;
	font-weight: bold;
}
.orgString {
position:relative
    font-size: 12px;
	background-color: lightgreen;
	color: black;
	font-weight: bold;
	width:100%;
	float: none;
}
.orgStringP {
	background-color: lightgreen;
	width:20px;
	float: left;
	background-image: url(../images/copy.png);
	background-repeat: no-repeat;
	background-position: center;
}
td.orgString {white-space: -moz-pre-wrap;}
.expanding {
       width: 100%; 
       font-family: Courier New;
       font-size: 12px;
       border: 1px solid #000000;
  }

#top_notification {
	position: fixed;
	top: 0;
	left: 0;
	padding: 0;
	height: 20px;
	margin: 0;
	width: 100%;
	background-color: #FFFF99;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5px;
}
#bottom_notification {
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 0;
	height: 20px;
	margin: 0;
	width: 100%;
	background-color: #FFFF99;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5px;
}
.wts-warn,
.wts-warn-content
{
	border: 1px solid #000;
}

.wts-failed,
.wts-failed-content
{
	border: 1px solid #C00;
}

.wts-ok,
.wts-ok-content
{
	border: 1px solid #0C0;
}

.wts-warn-content
{
	padding: 4px;
	margin: 4px;
	background-color: #FFFFCC;
}

.wts-failed-content
{
	padding: 4px;
	margin: 4px;
	background-color: #FCC;
}

.wts-ok-content
{
	padding: 4px;
	margin: 4px;
	background-color: #CFC;
}

/* tables 
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../images/bg2.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}*/