/* ##################### OVERALL SETTINGS ##################### QM: ok */




#page_bg {
	height: 100%;
	padding: 0;
	margin-bottom: 1px;
	background-color: #E2E2E2;
	background-repeat: repeat-x;
	background-image: url(../images/page_back.png);
	background-position: left top;
}

td.rounded-g-tl {
  background: url(../images/top-l.gif) no-repeat top left;
  width : 32px;
  height : 32px;
  padding : 0px;
  margin : 0px;
}

td.rounded-g-t {
  background: url(../images/top.gif) repeat-x top left;
  height : 32px;
  padding : 0px;
  margin : 0px;

}

td.rounded-g-tr {
  background: url(../images/top-r.gif) no-repeat top right;
  width : 32px;
  height : 32px;
  padding : 0px;
  margin : 0px;

}

td.rounded-g-l {
  background: url(../images/left.gif) repeat-y top left;
  width : 32px;
  padding : 0px;
  margin : 0px;

}

td.rounded-g-r {
  background: url(../images/right.gif) repeat-y top right;
  width : 32px;
  padding : 0px;
  margin : 0px;

}

td.rounded-g-bl {
  background: url(../images/bot-l.gif) no-repeat bottom left;
  width : 32px;
  height : 32px;
  padding : 0px;
  margin : 0px;

}

td.rounded-g-b {
  background: url(../images/bot.gif) repeat-horizontal bottom left;
  height : 32px;
  padding : 0px;
  margin : 0px;

}

td.rounded-g-br {
  background: url(../images/bot-r.gif) no-repeat bottom right;
  width : 32px;
  height : 32px;
  padding : 0px;
  margin : 0px;
}


td.rounded-b-tl {
  background: #dde9f5 url(../images/tl_15_dde9f5_ffffff.gif) no-repeat top left;
  width : 15px;
  height : 15px;
  padding : 0px;
  margin : 0px;
}

td.rounded-b-t {
  background: #dde9f5;
  height : 15px;
  padding : 0px;
  margin : 0px;

}

td.rounded-b-tr {
  background: #dde9f5 url(../images/tr_15_dde9f5_ffffff.gif) no-repeat top right;
  width : 15px;
  height : 15px;
  padding : 0px;
  margin : 0px;

}

td.rounded-b-l {
  background: #dde9f5;
  width : 15px;
  padding : 0px;
  margin : 0px;

}

td.rounded-b-r {
  background: #dde9f5;
  width : 15px;
  padding : 0px;
  margin : 0px;

}

td.rounded-b-bl {
  background: #dde9f5 url(../images/bl_15_dde9f5_ffffff.gif) no-repeat bottom left;
  width : 15px;
  height : 15px;
  padding : 0px;
  margin : 0px;

}


td.rounded-b-b {
  background: #dde9f5;
  height : 15px;
  padding : 0px;
  margin : 0px;

}

td.rounded-b-br {
  background: #dde9f5 url(../images/br_15_dde9f5_ffffff.gif) no-repeat bottom right;
  width : 15px;
  height : 15px;
  padding : 0px;
  margin : 0px;

}

td.rounded-o-tl {
  background: #fde4ce url(../images/tl_15_fde4ce_ffffff.gif) no-repeat top left;
  width : 15px;
  height : 15px;
  padding : 0px;
  margin : 0px;
}

td.rounded-o-t {
  background: #fde4ce;
  height : 15px;
  padding : 0px;
  margin : 0px;

}

td.rounded-o-tr {
  background: #fde4ce url(../images/tr_15_fde4ce_ffffff.gif) no-repeat top right;
  width : 15px;
  height : 15px;
  padding : 0px;
  margin : 0px;

}

td.rounded-o-l {
  background: #fde4ce;
  width : 15px;
  padding : 0px;
  margin : 0px;

}

td.rounded-o-r {
  background: #fde4ce;
  width : 15px;
  padding : 0px;
  margin : 0px;

}

td.rounded-o-bl {
  background: #fde4ce url(../images/bl_15_fde4ce_ffffff.gif) no-repeat bottom left;
  width : 15px;
  height : 15px;
  padding : 0px;
  margin : 0px;

}


td.rounded-o-b {
  background: #fde4ce;
  height : 15px;
  padding : 0px;
  margin : 0px;

}

td.rounded-o-br {
  background: #fde4ce url(../images/br_15_fde4ce_ffffff.gif) no-repeat bottom right;
  width : 15px;
  height : 15px;
  padding : 0px;
  margin : 0px;

}



/* ##### Start of settings for top menu ddcolortabs ##### */


#ddcolortabs{
margin-left: 4px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#ddcolortabs ul{
font: bold 11px arial, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
}


#ddcolortabs a{
float:left;
color: white;
background: #6590BA url(../images/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(../images/color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
background-color: #FCA751;
}

#ddcolortabs a:hover span{
background-color: #FCA751;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #FCA751;
}

#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #6590BA;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

/* ######   end of css for top menu  ######*/

td, tr, p, div {
  font-family      : verdana, helvetica, sans-serif;
  color            : #474747;
  font-size        : 13px;
}



hr {
  color            : #E0E0E0;
  height           : 1px;
  width            : 100%;
}

h1 {
  padding          : 0px 0px 0px 0px;
  color            : #D98559;
  font-size        : 18px;
  letter-spacing   : 1.5px;
}

h2 {
  padding          : 0px 0px 0px 0px;
  color            : #43639E;
  font-size        : 16px;
  letter-spacing   : 1.5px;
}

h3 {
  padding          : 0px 0px 0px 0px;
  color            : #D98559;
  font-size        : 14px;
}

h4 {
 padding          : 0px 0px 0px 0px;
 color            : #474747;
 font-size        : 14px;
 font-weight      : bold;

}

td.top-l {
	width: 11px;
	background-image: url(../images/top-l.png);
	background-repeat: no-repeat;
}


td.shadowleft {
	width: 11px;
	background-image: url(../images/left_shadow.png);
	background-repeat: repeat-y;
}

td.top-r {
	width: 11px;
	background-image: url(../images/top-r.png);
	background-repeat: no-repeat;
}

td.shadowright {
	width: 11px;
	background-image: url(../images/right_shadow.png);
	background-repeat: repeat-y;
	background-position: left bottom;
}

/* ############## MAIN TABLE CONTAINER SETTINGS ############### QM:  */
.maincontainer {
  width : 782px;
  background-color : #fff;
}

.maincontentcontainer {
  width   : 100%;
  padding-top   : 10px;
  padding-left  : 10px;
  padding-right : 10px;

}

td.top-right{
  width   : 32px;
  height  : 32px;
  background-image: url(../images/top-r.gif);
  background-repeat: no-repeat;
  background-position: top right;
}

td.top-left{
  width   : 32px;
  height  : 32px;
  background-image: url(../images/top-l.gif);
  background-repeat: no-repeat;
  background-position: top left;
}

td.horiz-top{
  height  : 32px;
  background-image: url(../images/horiz-t.gif);
  background-repeat: repeat-x;
}

td.vert-l{
  width   : 32px;
  padding : 0;
  background-image: url(../images/vert-l.gif);
  background-repeat: repeat-y;
}

td.vert-r{
  width   : 32px;
  padding : 0;
  background-image: url(../images/vert-r.gif);
  background-repeat: repeat-y;
}

td.bot-left{
  width   : 32px;
  height  : 32px;
  padding : 0;
  background-image: url(../images/bot-l.gif);
  background-repeat: no-repeat;
}
td.bot-right{
  width   : 32px;
  height  : 32px;
  padding : 0;
  background-image: url(../images/bot-r.gif);
  background-repeat: no-repeat;
}
td.horiz-bot{
  height  : 32px;
  padding : 0;
  background-image: url(../images/horiz-b.gif);
  background-repeat: repeat-x;
}


.logouser4container {
  height           : 60px;
  background       : url(../images/header_back.png) #ffffff;
}

.user4container {
  float            : right;
  width            : 800px;  /*was 200px */
  padding-top      : 37px;
/*  border : 1px solid red;*/
}

.logocontainer {
  float            : left;
  width            : 250px;  /* was 500px */
/*  border : 1px solid purple; */
}

.headercontainer {
  background       : #ffffff;
  border-bottom    : 1px solid #ffffff;
}

.topmenucontainer {
  height           : 20px;
/*  background       : #036; */
  background       : #6590BA;
  background-image: url(../images/menu-left.gif);
  background-repeat: no-repeat;
  background-position: left top;
}
.topspacecontainer {
  height           : 5px;
/*  background       : #036; */
  background       : #ffffff;
}

.topmenu {
  float            : right;
  width            : 30px;
  height           : 20px;
  background-image: url(../images/menu-right.gif);
  background-repeat: no-repeat;
  background-position: right top;
}

.pathwaycontainer {
  float            : left;
  padding          : 2px;
}

.leftmenucontainer {
  width            : 160px;
/*  border-right     : 1px solid #cccccc; */
  background       : #ffffff;
}

.rightmenucontainer {
  width            : 180px;
  background       : #ffffff;
  border-left      : 1px solid #cccccc;
}

.contentcontainer {
 /* border-top       : 5px solid #ffffff; */
}

/* ##################### MODULE SETTINGS ###################### QM: ok */
table.moduletablebottom {
  width            : 100%;
  table-layout     : auto;
  margin           : 10px 0px 10px 0px;
}

table.moduletablebottom th {
  font-family      : trebuchet ms, tahoma, sans-serif;
  padding          : 3px 0px;
  font-size        : 18px;
  font-weight      : normal;
  text-align       : left;
  letter-spacing   : 2px;
  color            : #43639E;

}

table.moduletablebottom td {
  padding-right    : 10px;
}



table.moduletable {
  width            : 100%;
  table-layout     : auto;
  margin           : 10px 4px 15px 4px;
}

table.moduletable th {
  font-family      : trebuchet ms, tahoma, sans-serif;
  padding          : 3px 0px;
  font-size        : 18px;
  font-weight      : normal;
  text-align       : left;
  letter-spacing   : 2px;
/*  color            : #FCA751;*/
  color            : #43639E;
/*  border-bottom    : 2px solid #D98559;*/
}

table.moduletable td {
  padding          : 0px;
}

/* ##################### FORMULAR SETTINGS #################### QM: ok */
.button {
  background-color : #336699;
  color            : #FFFFFF;
  border           : 1px solid #003366;
  margin           : 5px;
}

.inputbox {
  border           : 1px solid #B8D1E8;
  background       : #DDE9F5;
  color            : #336699;
  margin           : 5px;
}

/* ################# SECTION LISTING SETTINGS ################# QM: ok */
.sectiontableheader {
  font-size        : 11px;
  font-weight      : bold;
  text-align       : center;
  color            : #FFFFFF;
  background       : #6590BA;
  vertical-align   : middle;
  height           : 20px;
  padding          : 5px 10px;
}

.sectiontableentry1 {
/*  background       : #FDE4CE; */
  margin-top : 5px;
  margin-bottom : 5px;
  padding-top : 5px;
  padding-bottom : 5px;
}

.sectiontableentry2 {
/*  background       : #DDE9F5; */
  margin-top : 5px;
  margin-bottom : 5px;
  padding-top : 5px;
  padding-bottom : 5px;

}

/* ################# MAIN AND SUB MENU SYSTEM ################# QM: ok */
/*
.menu-separator {
    display          : block;
  -moz-opacity     : 0.85;
  filter           : Alpha(opacity=85, finishopacity=85, style=1);
  padding          : 2px 0px 2px 0px;
  margin           : 1px;
  background       : #f0f0f0;
  border           : 1px solid #e0e0e0;
  text-indent      : 10px;
  font-weight      : normal;
  color            : #003366;
  }
*/

.mainlevel {
padding-top    : 5px;
padding-bottom : 5px;

}

.menu-separator {
  display          : block;
  padding          : 2px 0px 2px 0px;
  margin-top       : 5px;
  margin-bottom    : 5px;
  border-bottom    : 2px dashed #D98559;
  text-indent      : 2px;
  font-weight      : normal;
  color            : #003366;
}

a.mainlevel  {
  display          : block;
  margin           : 0px;
  font-size        : 12px;
  width            : 160px;
  text-indent      : 2px;
}

a.mainlevel: link {
  text-indent      : 2px;
}

a.mainlevel:link, a.mainlevel:visited {
/*
  display          : block;
  -moz-opacity     : 0.85;
  filter           : Alpha(opacity=85, finishopacity=85, style=1);
  padding          : 2px 0px 2px 0px;
  margin           : 1px;
  background       : #f0f0f0;
  border           : 1px solid #e0e0e0;
  text-indent      : 10px; */

  display          : block;
/*  padding          : 2px 0px 2px 0px;*/
  margin           : 1px;
  border-bottom    : 1px dotted #D98559;
  text-indent      : 2px;
  font-weight      : normal;
  color            : #003366;
}

a.mainlevel:hover {
  text-decoration  : none;
  text-indent      : 2px;
  border-bottom    : 1px dotted #43639E;
/*  border           : 1px solid #d0d0d0; */
}

#active_menu {
  font-weight      : bold;
  color            : #003366;
}
a#active_menu:hover {
}

.sublevel {
  font-size      : 11px;
  margin-left    : 5px;
}

/* ########################### LINKS ########################## QM: ok */
a:link, a:visited {
  color            : #336699;
  text-decoration  : none;
}

a:hover {
  color            : #003366;
  text-decoration  : underline;
}

a.category:link, a.category:visited {
  font-weight      : bold;
}

.readon {
  font-weight      : bold;
}

/* ##################### PAGE NAVIGATION ###################### QM: ok */
.pagenavbar {
  background-color : #F0F0F0;
  border           : 1px solid #e0e0e0;
  padding          : 3px;
  text-align       : center;
}

.contenttoc {
  width            : 180px;
  background-color : #F0F0F0;
  border           : 1px solid #e0e0e0;
  padding          : 2px;
}

.contenttoc th {
  padding          : 3px 5px;
  font-size        : 14px;
  font-weight      : bold;
  text-transform   : uppercase;
  text-align       : left;
  letter-spacing   : 1px;
  color            : #003366;
}

.contenttoc td {
  padding          : 2px 5px;
}

/* ################### SMALL FONT SETTINGS #################### QM: ok */
.small {
  font-size        : 10px;
  color            : #336699;
}

.smalldark {
  font-size        : 10px;
  color            : #000000;
}

.createdate, .modifydate {
  font-size        : 10px;
  color            : #999999;
}

/* ##################### VOTING SETTINGS ###################### QM:  */
.content_rating {
  font-size        : 10px;
  color            : #FEC56A;
}

.content_vote {
  font-size        : 10px;
  height           : 22px;
  padding-top      : 2px;
  padding-bottom   : 2px;
  padding-left     : 10px;
  padding-right    : 10px;
  background-color : #F0F0F0;
  border           : 1px solid #e0e0e0;
}

/* ##################### PATHWAY SETTINGS ##################### QM: ok */
.pathway {
  font-family      : arial;
  font-size        : 12px;
  color            : #FFFFFF;
  letter-spacing   : 1px;
  margin-left      : 4px;
}

a.pathway:link, a.pathway:visited {
  color            : #ff9933;
  font-size        : 12px;
}

a.pathway:hover {
  font-size        : 12px;
}

/* ################### CONTENT PAGE SETTINGS ################## QM: ok */
.contentpane {
  background       : #fff;
}

.contentpaneopen {
/*  padding-right    : 0px; */
  text-align       : justify;
  background       : #fff;
}

table.contentpaneopen td {
}

.contentheading {
  font-family      : trebuchet ms, tahoma, sans-serif;
  padding          : 0px 0px 10px 0px;
  font-size        : 18px;
  font-weight      : normal;
  text-align       : left;
  letter-spacing   : 2px;
  color            : #43639E;
}

.componentheading {
  font-family      : trebuchet ms, tahoma, sans-serif;
  padding          : 10px 0px 5px 0px;
  margin-left      : 0px;
  margin-bottom    : 10px;
  font-size        : 20px;
  font-weight      : normal;
  text-align       : left;
  letter-spacing   : 2px;
  color            : #FCA751;
  border-bottom    : 2px solid #D98559;
}

.contentpagetitle {
  font-weight      : bold;
  color            : #474747;
}

a.contentpagetitle:link, a.contentpagetitle:visited, a.contentpagetitle:active {
  text-decoration  : none;
}

/* ###################### BUTTON SETTINGS ##################### QM: ok */
a.readon:link, a.readon:visited {
  color            : #999999;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : url(../images/readon_normal.png) #F0F0F0 no-repeat;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 20px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}

a.readon:hover {
  color            : #336699;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : url(../images/readon_hover.png) #F0F0F0 no-repeat;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 20px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}

.back_button a:link, .back_button a:visited {
  color            : #999999;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : url(../images/back_normal.png) #F0F0F0 no-repeat;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 20px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}

.back_button a:hover {
  color            : #336699;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : url(../images/back_hover.png) #F0F0F0 no-repeat;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 20px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}

.pagenav a:link, .pagenav a:visited, .buttonheading a:link, .buttonheading a:visited {
  color            : #999999;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : #F0F0F0;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 4px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}

.pagenav a:hover, .buttonheading a:hover {
  color            : #336699;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : #F0F0F0;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 4px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}


/* ###################### SETTINGS FOR HOSTING SIGNUP ##################### */

.title {
  font-family:arial,helvetica,verdana,sans-serif;
  padding          : 0px;
  font-size        : 14px;
  font-weight      : bold;
  text-transform   : uppercase;
  text-align       : left;
  letter-spacing   : 1px;
  color            : #003366;
  margin           : 10px;
  background       : #ffffff;
}

.textarea {
	font-family:arial,helvetica,verdana,sans-serif;
	font-size:12px;
	color: #999999;
	border:1px solid #CCCCCC;
	overflow:auto;
	width : 90%;
	scrollbar-track-color: #CCCCCC;
	scrollbar-face-color: white;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: white;
	scrollbar-darkshadow-color: white;
	scrollbar-shadow-color: white;
	scrollbar-arrow-color: #888888;
}

.select {
	font-family:arial,helvetica,verdana,sans-serif;
	font-size:11px;
	color: #999999;
	width:100%;
	height:19px;
}

.multiselect {
	font-family:arial,helvetica,verdana,sans-serif;
	font-size:10px;
	color: #999999;
	width:100%;
	height:75px;
}

.full_table
{
  width : 400px;
}
.central
{
  width : 364px;
}
.side
{
  width : 22px;
}