/* 1.0.59b4
Recent version history:
1.0.59 (2008-10-31)
  1) New cascade for SD Menu classes
  2) New cascade for forum class
  3) New class support for img.label
1.0.58 (2008-10-07)
  1) New table class cascade form_view
1.0.57 (2008-09-12)
  1) New definition for h3 in widget
1.0.56 (2008-09-04)
  1) Changes to ratings to put current score and votes underneath to reduce footprint and prevent
     breaking of control in narrow layouts or when wrapped
1.0.55 (2008-08-28)
  1) Added class cascade for ul.breadcrumbs
1.0.54 (2008-08-25
  1) Added sizing for labels in forms
1.0.53 (2008-08-15)
  1) Added class cascade for rating system
1.0.52 (2008-08-13)
  1) Added new css for img.std_control to prevent page-level changes if page or posting content have
     image border, margins or padding set
  2) Now section tabs can have class 'tab' or 'tab_selected' to allow atributes to be overridden separately
     at system, layout or page level
  3) Added section_sub_tabs to provide css support for accent blocks and multi-resolution tab components
1.0.51 (2008-08-08)
  1) New class cascade for component_help
  2) New classes for widget - param, lbl and val
1.0.50 (2008-08-02)
  1) Added class cascade for social bookmarking


(Older history: see changelog.txt)
*/
table.form_view                        { border-collapse: collapse;}
table.form_view th, table.form_view td {
  background-color: #ffffff;
  text-align: left; vertical-align: top; padding: 0.1em; font-size: 70%; border: 1px solid #c0c0c0;
}
table.form_view th                     { white-space: nowrap; }
table.form_view tr.head th             { color: #ffffff; background-color: #808080; }
table.form_view tr.subhead th          { color: #ffffff; background-color: #c0c0c0; }
  

ul.breadcrumbs {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
ul.breadcrumbs li {
  display: inline;
  line-height: 16px;
}

ul.breadcrumbs li.sub {
  padding-left: 10px;
  background-position: 0 50%;
  background-repeat: no-repeat;
}

ul.breadcrumbs li a {
  color: #000080;
  border: 0;
  display: inline;
}

img.label {
  display: block;
  float: left;
}

img.std_control {
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

div#content img.std_control {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  display: block;
}


/*
*******************************
* Forum Support               *
*******************************
*/
div.forums div.forum {
  margin-bottom: 1em;
}
div.forums div.forum table tr.current td{
  font-weight: bold;
}
div.forums h1 {
  margin: 0;
  padding: 0;
}
div.forums a {
  text-decoration: none;
}

/* Images for icons */
div.forums img.category {
  width: 18px;
  height: 16px;
  display: inline;
  background-position:-3233px;
  margin: 2px 2px 0 0;
  border: 0;
}
div.forums img.forum {
  width: 18px;
  height: 16px;
  display: block;
  background-position:-3251px;
  margin: 2px;
  border: 0;
}
div.forums tr.current img.forum {
  width: 20px;
  height: 16px;
  display: block;
  background-position:-3269px;
  margin: 2px;
  border: 0;
}
div.forums img.topic {
  width: 14px;
  height: 16px;
  display: block;
  background-position:-3289px;
  margin: 2px 4px 2px 2px;
  border: 0;
}
div.forums tr.current img.topic {
  width: 16px;
  height: 16px;
  display: block;
  background-position:-3303px;
  margin: 2px;
  border: 0;
}
div.forums img.post {
  width: 16px;
  height: 16px;
  display: block;
  background-position:-3319px;
  margin: 2px;
  border: 0;
}
div.forums img.reply {
  width: 19px;
  height: 16px;
  display: block;
  background-position:-3335px;
  margin: 2px;
  border: 0;
}

/* Cell widths */
div.forums table td.icon{
  padding: 0;
  text-align: right;
  vertical-align: top;
}
div.forums table td.icon img{
  float: right;
}
div.forums div.forum table.post{
  border-bottom: 1px solid #e0e0e0;
}

div.forums div.forum table.post {
  background-color: #ffffff;
}


div.forums div.forum table.post tr.header{
  background: url(/img/?mode=sysimg&img=gradient_e0e0ff-ffffff.gif) repeat-x;
}

div.forums div.forum table th.created,
div.forums div.forum table td.created {
  width: 20%;
}
div.forums div.forum table td.created {
  font-size: 80%;
}

div.forums table {
  border-collapse: collapse;
  padding: 0;
  width: 100%;
}
div.forums table table {
  border-collapse: collapse;
  padding: 0;
  width: 100%;
}

div.forums table tr td{
  border: 0;
  padding: 0;
}

div.forums div.forum table.category {
  border: 1px solid #404080;
  border-collapse: collapse;
  margin: auto;
}
div.forums div.forum table.category th {
  background-color: #e0e0e8;
  border: 1px solid #808080;
  padding: 0 0 0 5px;
}
div.forums div.forum table th.qty,
div.forums div.forum table td.qty {
  text-align: right;
  padding-right: 5px;
  width: 6%;
}
div.forums div.add {
  border: 1px solid #008000;
  background-color: #e0ffe0;
}
div.forums div.add {
  margin: 0;
  padding: 5px;
  width: auto;
}
div.forums div.add h2 {
  text-align: center;
  margin: 5px 0;
}
div.forums div.add table th {
  font-weight: normal;
  padding-right: 5px;
  vertical-align: top;
  text-align: right;
  width: 8em;
}
div.forums div.add table td {
  vertical-align: top;
}
/*
*******************************
* SD Menu Support             *
*******************************
*/
div.sdmenu div {
  overflow: hidden
}
div.sdmenu span {
  display: block;
  background: url(/img/?mode=sysimg&img=_sdmenu_expanded.gif) no-repeat 10px center;
  cursor: default;
  padding: 5px 25px;
}
div.sdmenu div.collapsed span {
  background-image: url(/img/?mode=sysimg&img=_sdmenu_collapsed.gif);
}
div.sdmenu div a {
  display: block;
}
div.sdmenu div a  {
  padding: 3px 10px;
}
div.sdmenu div a.current {
  text-decoration: none;
}
div.sdmenu div a:link {
  text-decoration: none;
}
div.sdmenu div a:active {
  text-decoration: none;
}
div.sdmenu div a:visited {
  text-decoration: none;
}
div.sdmenu div a:hover {
  text-decoration: none;
}

/*
*******************************
* Rating System               *
*******************************
*/
div.rating * {
  margin: 0; padding: 0; border: 0; 
}
div.rating h1 {
  margin: 0; padding: 0; float: none;
}
div.rating div.bg {
  float: left;
  background-repeat: repeat-x;
  background-position: 0px 0px;
  height: 13px;
  font-size: 1pt;
}

div.rating div.score {
  width: 100px;
  float: left;
  line-height: 13px;
  font-size: 85%;
}

div.rating div.current {
  background-repeat: repeat-x;
  background-position: 0px -13px;
  float: left;
  height: 13px;
  font-size: 1pt;
  position: relative;
}

div.rating ul {
  float: left;
  font-size: 1pt;
  z-index: 1;
  height: 13px;
  position: relative;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

div.rating ul li {
  font-size: 1pt;
  background-repeat: repeat-x;
  background-position: 0px -39px;
  position: relative;
  float: left;
  line-height: 13px;
}

div.rating ul li a {
  width: 13px;
  height: 13px;
  border: 0;
  display: block;
}

/*
*******************************
* New Style Reports           *
*******************************
*/

table.report {
  background-color: #ffffff;
  border-collapse: collapse;
  font-size: 8pt;
}

table.report .subhead {
  background-color: #cccccc;
}
table.report tr td {
  border: 1px solid #c0c0c0;
  vertical-align: top; 
}
table.report tr th {
  border: 1px solid #c0c0c0;
}

/*
*******************************
* New Style Forms             *
*******************************
*/
table.auto_report * div.lbl {
  font-size: 10pt; line-height: 16pt; font-weight: bold; padding-left: 10px; float: left;
}



/* Context Help */
div.ch { }
div.ch * { }
div.ch span.instance {
  background-color:#ffe0e0; color:#ff0000; font-weight: bold;
}
div.ch span.value_supplied {
  background-color:#8080ff;
}
div.ch span.value_assumed {
  background-color:#d0d0ff; font-weight:normal; font-style:italic;
}
div.ch span.parameter {
  background-color:#a0ffa0;
}
div.ch span.options {
  background-color:#ffff80;
}
div.ch span.default {
  background-color:#ff8080; font-style:italic;
}

div.ch span.chh {
  cursor:pointer; border:1px solid #808080; background-color:#e0e0ff;background-image:none;width:2em;margin:0;
}
div.ch table {
  border-collapse: collapse; border: 1px solid #808080;
}
div.ch table tr th {
  text-align: center; padding: 1px; border: 1px solid #808080; white-space: nowrap; background-color:#e0e0ff;
  cursor:pointer; 
}
div.ch table tr td {
  background-color:#f0f0ff;
}
div.ch table tr td ul {
  padding: 0; margin: 0 0 5px 20px;
} 
div.ch table tr td ul li {
  line-height: 1.5em; white-space: nowrap;
} 



/*
*******************************
* Print Friendly mods         *
*******************************
*/
@media screen {
  .noscreen { display: none; }
  .scrollbox { overflow: scroll; border: none; }
}
@media print {
  .noprint { display: none; }
}


/*
*******************************
* 'Share With' panel          *
*******************************
*/
.share_with { border: 1px solid #c0c0c0; background-color: #f0f0f0; padding: 0.5em 0.5em 0 0.5em; margin-top: 0.5em}
.share_with h3 { margin: 0 0 0.25em 0; padding: 0; }
.share_with ul { list-style: none; margin: 0; border: 0; padding: 0; }
.share_with ul li { display: inline; white-space: nowrap; }
.share_with ul li a { text-decoration: none; color: #404080}
.share_with ul li a:hover { text-decoration: underline; color: #0000ff}
.share_with ul li img { display: inline; vertical-align: bottom; border: 0; margin:0em 0.25em 0.5em 0.5em; }

.share_with ul li.delicious img   { width: 14px; height: 14px; background-position: -3100px 0px;}
.share_with ul li.digg img        { width: 16px; height: 14px; background-position: -3114px 0px;}
.share_with ul li.email img       { width: 15px; height: 14px; background-position: -3175px 0px;}
.share_with ul li.facebook img    { width: 14px; height: 14px; background-position: -3147px 0px;}
.share_with ul li.reddit img      { width: 17px; height: 14px; background-position: -3130px 0px;}
.share_with ul li.stumbleupon img { width: 14px; height: 14px; background-position: -3161px 0px;}

/*
****************
* Comments     *
****************
*/
div.comments_list { padding-top: 5px; }

div.comments_list table tr th { text-align: left; vertical-align: top; }
div.comments_list ol { margin: 0.5em 0 0 2em; }

div.comments_list ol li    { margin: 0.05em 0.05em 0.25em 0.05em;}
div.comments_list ol li p  { padding: 0.25em 5px 0.25em 5px; margin: 0; }
div.comments_list ol li p.msg  { padding: 0.25em 5px 0.25em 5px; margin: 0.1em; border: 1px solid #804000; background-color: #fff0c0; }

div.comments_list ol li.date            { font-size: 80%; }

div.comments_list ol li div.new         { background-color: #c0ffc0; border: 1px solid #80e080; }
div.comments_list ol li div.contributed { background-color: #e0ffe0; border: 1px solid #008000; }
div.comments_list ol li div.pingback    { background-color: #e0e0ff; border: 1px solid #000080; }
div.comments_list ol li div.trackback   { background-color: #ffe0ff; border: 1px solid #800080; }

div.comments_list ol li div.pending     { color: #808080; border-style: dashed; font-style: italic; }
div.comments_list ol li div.spam        { color: #800000; border-style: dashed; }

div.comments_list ol li div.edit        { background-color: #c0ffc0; border: 1px solid #80e080; }


div.comments_list ol li div div.actions {
  padding: 0.25em 5px 0.25em 5px; margin: 0; font-style: normal; font-size: 80%; font-weight: bold;
}

div.comments_list ol li div div.actions span.spam     { color: #ffffff; background-color: #C00000; }
div.comments_list ol li div div.actions span.pending  { color: #ffffff; background-color: #a0a0a0; }
div.comments_list ol li div div.actions span.approved { color: #ffffff; background-color: #008000; }

/*
****************
* Polling      *
****************
*/
div.poll { }
div.poll div.status { background-color:#ffffc0; border: 1px solid #808000; }
div.poll div.question { font-weight: bold; margin-bottom: 0.5em; }
div.poll div.answers ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
} 
div.poll div.answers ul li {
  margin: 0;
  padding-bottom: 0.5em;
}
div.poll h1 { font-size:125%; }
div.poll div.buttons { text-align: center; }
div.poll table tr td         { color:#404040; vertical-align: top; }
div.poll table tr td.option  { color:#000000; }
div.poll table tr td.winner  { font-weight: bold; background-color: #e0ffe0; color:#008000;}
div.poll table tr td.percent { text-align: right; font-weight: bold; padding-right:0.5em; }
div.poll table tr td.score   { text-align: right; font-style: italic; padding-right:0.5em; }

/*
****************
* Dashboard    *
****************
*/

div#dashboard div.widget           	{ margin-bottom: 1em; }
div#dashboard div.widget h2        	{ margin: 0; font-size: 120%; }
div#dashboard div.widget h3        	{ margin: 0; font-size: 110%; }
div#dashboard div.widget div.msg        { background-color:#e0ffe0;color:#008000;padding:1px;border:solid 1px #008000;margin:2px 0 2px 0; }
div#dashboard div.widget div.info       { background-color:#e8e8ff;margin:2px 0 2px 0;padding:1px;border:1px solid #8080ff; }
div#dashboard div.widget div.content    { overflow: auto; background-color: #f0f0f0; padding-bottom: 2px; }
div#dashboard div.widget div.param 	{ margin-bottom: 0.25em; clear: both;}
div#dashboard div.widget div.lbl   	{ float: left; font-size: 10pt; font-weight: bold; width: 150px;}
div#dashboard div.widget div.val   	{ float: left; }

/*
****************
* Admin Tools  *
****************
*/
#admin_tools {
	padding-top: 5px;
}
#admin_tools .admin_tool {
	width: 600px;
	border: solid 1px #000080;
}
#admin_tools .admin_tool h1 {
	margin: 0;
	padding: 2px 5px 2px 5px;
	background: #000080;
	color: #ffffff;
	font-size: 100%;
}
#admin_tools .admin_tool p {
	margin: 0 0 5px 0;
	padding: 2px 5px 2px 5px;
	font-size: 80%;
}
#admin_tools .admin_tool .tool {
	margin: 0;
	padding: 0 5px 0 5px;
}
#admin_tools .admin_tool label {
	font-weight: bold;
	font-size: 80%;
	float: left;
	color: #000080;
}
#admin_tools .admin_tool .tip {
	font-style: italic;
	font-size: 80%;
	padding-left:10px;
	float: left;
}
#admin_tools .admin_tool .buttons {
	margin: 30px 0 0 0;
	padding: 2px 0 2px 0;
	border-top: dashed 1px #B9B9FF;
	background: #e0e0ff;
	color: #ffffff;
	font-size: 100%;
	text-align: center;
}


/*
****************
* Ajax Reports *
****************
*/
table.ajax_report {
	z-index: 300;
	border: 1px solid #888;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	margin: 0;
	background: #fff;
	font: 10px Verdana,Arial,serif;
}
table.ajax_report tr {
	background-color: #fff;
} 
table.ajax_report tr:hover {
	background-color: #ff8;
} 
table.ajax_report tr.head {
	background-color: #ccc;
} 
table.ajax_report th {
	font-weight: bold;
}
table.ajax_report td {
	font-weight: normal;
	border: 1px solid #888;
}

/*
*******************************
* Report context              *
*******************************
*/
div.report {
}
div.report .none {
	color: #888;
}
div.report .default {
	color: #080;
}
div.report .error {
	color: #f00;
	font-weight: bold;
	background-color: #ffe0e0;
}


/*
*******************************
* Context Menu Elements       *
*******************************
*/

div.context_menu {
	border: 1px solid blue;
	display: none;
	position: absolute;
	padding: 1px;
	background-color: #fff;
	
}
div.context_menu .context {
	clear: both;
	float: left;
	padding-top: 1px;
	padding-bottom: 1px;
	float: left;
	border-bottom: 1px solid #88f;
	width: 235px;
}

div.context_menu .context .icon {
	float: left;
	width: 30px;
}
div.context_menu .context .actions {
	float: left;
	width: 205px;
}
div.context_menu .context .actions .action {
	float: left;
	font-size: 8pt;
	color: #f00;
	background-color: #fff;
	cursor: default;
}
div.context_menu .context .actions .action .operation {
	float: left;
	width: 40px;
}
div.context_menu .context .actions .action .operation_filter {
	float: left;
	width: 205px;
}
div.context_menu .context .actions .action .operation_nav {
	float: left;
	width: 85px;
}
div.context_menu .context .actions .action .operand {
	float: left;
	color: #000;
	width: 135px;
}
div.context_menu .context .actions .action .operand_nav {
	float: left;
	color: #000;
	width: 95px;
}
div.cm_close {
	float: left;
	width: 10px;
	padding-left: 5px;
}

div.cm_info {
	float: left;
	width: 15px;
}
div.cm_panel {
	float: left;
	clear: both;
	margin-top: 1px;
	margin-right: 1px;
}
div.cm_panel_content {
	float: left;
	font-size: 8pt;
}
div.cm_panel_title {
	clear: both;
	color: #00f;
}
div.cm_panel_text {
	clear: both;
	color: #000;
}
div.cm_tip {
	background-color: #f0fff0;
	border: 1px dashed #008000;
}
div.cm_sample {
	background-color: #f0f0ff;
	border: 1px dashed #000080;
}
div.context_menu .disabled {
	font-style: italic;
	color:	#808080;
}
/*
*******************************
* Custom Form Elements        *
*******************************
*/
.custom_form table.form {
	border-collapse: collapse;
}
.custom_form .yes {
 	color: #ff0000;
}
.custom_form .depends {
 	color: #0000ff;
}
.custom_form tr.formHead {
	background-color: #e0f1ff;
	font-family: verdana;
	font-size: 120%;
	padding: 2px;
}
.custom_form tr.formHead td {
	padding: 2px;
}
.custom_form tr.formSubHead {
	background-color: #e0f1ff;
	font-family: verdana;
	font-size: 110%;
}
.custom_form tr.formSubHead td {
	padding: 2px;
}
.custom_form td.formFieldMargin {
	padding-left: 15px;
}
.custom_form td.formFieldLabel {
	font-family: verdana;
	font-size: 100%;
}
.custom_form td.formFieldReqIndicator {
	font-family: verdana;
	font-size: 100%;
	width: 15px;
	text-align: right;
	padding-right: 5px;
}
.custom_form td.formFieldContent {
	font-family: verdana;
	font-size: 100%;
}

.keyword_block {
	padding: 10px;
	background-color: #e0e0e0;
	border-top: solid 1px #d0d0d0;
	border-bottom: solid 1px #d0d0d0;
}
.keyword_block .num {
	font-style: italic;
}

h1.title { margin:0; padding:0; }

div.clear { clear: both; overflow: hidden; height: 0px; }

/*
*******************************
* News, Events and Job panels *
*******************************
*/
div.panel {
  margin: 0 auto;
}
/* Table used for three-column fluid panel head */
table.panel_head{
  border-collapse: collapse;
  height: 25px;
  width: 100%;
}
table.panel_head td.add {
  width: 15px;
}
table.panel_head td.title {
  text-align: center;
  font-weight: bold;
}
table.panel_head td.title a{
  color: #000;
}
table.panel_head td.rss {
  width: 15px;
}
div.panel_header{
  background-color: #ffffff;
}
div.panel_content{
  padding: 0;
  margin: 5px;
  background-color: #ffffff;
}
div.panel_footer{
  background-color: #ffffff;
}
div.panel_content .item {
  margin: 0 auto;
}
div.panel_content .item .date{
  font-weight: bold;
}
div.panel_content .item .summary {
  margin: 0 0 5px 0;
  padding: 0;
}
div.panel_content .item .summary ul {
  margin: 0 0 0 1em;
  padding: 0 0 0 0;
}
div.panel_content .item .summary ul li {
  margin: 0 0.5em 0 0.5em;
  padding: 0 0 0 0;
}
div.panel_content .item .summary .time {
  margin: 0;
  width: 2.5em;
  float: left;
}
div.panel_content .item .summary .detail {
  margin: 0;
  padding: 0;
  float: left;
}
div.panel_content .item .summary img {
  float: left;
  padding: 0;
}

div.panel_content .item .link {
  float: right;
}
div.panel_detail img {
  float: left;
  padding: 0;
}

div.panel_detail .subhead, div.panel_content .subhead {
  font-size: 80%;
  color: #404040;
}

div.panel_content .item .summary .link img {
  float: right;
  padding:0;
}
div.dialog {
	border: 1px solid #8080ff;
	padding: 5px;
	background-color:#ffffc0;
}
div.info {
	font-size: 10pt;
}
div.info h1 {
	font-size: 12pt;
	font-weight: bold;
}

/* Section Tabs */
div.section_tabs div.tab, div.section_tabs div.tab_selected, div.section_tabs div.tab_over {
	float: left;
	vertical-align: bottom;
	white-space:nowrap;
	padding: 5px;
	margin-left:1px;
	margin-top:1px;
        border:1px solid #808080;
	cursor: pointer;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
}
div.section_tabs a {
	text-decoration: none;
	color: #000;
}
div.section_tabs div.tab {
	background-color: #f0f0ff;
}
div.section_tabs div.tab:hover {
	background-color: #e0e0ff;
}
div.section_tabs div.tab:active {
	background-color: #d0d0f0;
}
div.section_tabs div.tab_selected {
	background-color: #c0c0f0;
}

/* Section Sub Tabs */
div.section_sub_tabs div.tab, div.section_sub_tabs div.tab_selected, div.section_sub_tabs div.tab_over {
	float: left;
	vertical-align: bottom;
	white-space:nowrap;
	padding: 5px;
	margin-left:1px;
	margin-top:1px;
        border:1px solid #808080;
	cursor: pointer;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
}
div.section_sub_tabs a {
	text-decoration: none;
	color: #000;
}
div.section_sub_tabs div.tab {
	background-color: #f0fff0;
}
div.section_sub_tabs div.tab:hover {
	background-color: #e0ffe0;
}
div.section_sub_tabs div.tab:active {
	background-color: #d0f0d0;
}
div.section_sub_tabs div.tab_selected {
	background-color: #c0ffc0;
}



div.status_error {
	border: 1px solid #800000;
	padding: 5px;
	font-family: verdana;
	font-size:10pt;
	color: #800000;
	background-color: #ffc0c0;
}
div.status_okay {
	border: 1px solid #006000;
	padding: 5px;
	font-family: verdana;
	font-size:10pt;
	color: #006000;
	background-color: #c0ffc0;
}
img.expand_contract{
	display: block;
	border: 0;
	padding-left: 3px;
	padding-right: 3px;
}
.zoom_text h1 { font-size: 200%;}
.zoom_text h2 { font-size: 170%;}
.zoom_text h3 { font-size: 140%;}
.zoom_text h4 { font-size: 120%;}
.zoom_text h5 { font-size: 110%;}
.zoom_text h6 { font-size: 110%;}


.formButton       { FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; }
.cal              { border: 1px solid #fff; font-size: 8pt;  text-align: center; vertical-align: middle; height: 17px;}

.hide_tab	{ display: none; }
.padding_none   { padding: 0; }
.border_none	{ border: 0; }
.margin_none	{ margin: 0; }
.margin_auto	{ margin: auto; }
.clr_b		{ clear: both;}
.pixel		{ height:1px; width:1px; }
.fl		{ float: left; }
.fr		{ float: right; }
.txt_l		{ text-align: left; }
.txt_c		{ text-align: center; }
.txt_r		{ text-align: right; }
.va_b		{ vertical-align: bottom; }
.va_m		{ vertical-align: middle; }
.va_t		{ vertical-align: top; }
img.b		{ display: block; }
.nowrap		{ white-space: nowrap; }
img.ajax_wait	{ padding-left:2px; width:16px; height: 16px;}
span.ajax_info	{ font-size: small; }
a.info		{ cursor: help; }
a.info img	{ border: 0; padding:3px; display: block;}
img.pxl         { height: 1px; width: 1px; }
body		{ padding: 0; margin: 0; font-family: Arial; }
td		{ font-family: Arial; }
hr		{ border: 1px solid #ccc }

table.minimal	{ border-collapse: collapse;}
table.minimal td { padding: 0; }
table.minimal th { padding: 0; }

div.nicetitle {
	font: 10px Verdana,Arial,serif;
	color: #000;
	background: #ffc;
	border: 1px solid #000;
	padding: 2px;
	position: absolute;
	overflow: hidden;
}

.admin_tabtable {
	border-color: #3333FF;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
}
.admin_containertable {
	border-color: #c0c0c0;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	background-color: #f0f0ff;
	padding: 5px;
}
.admin_toolbartable, a.ti {
	border-top: solid 1px #e0e0ff;
	border-bottom: solid 1px #404080;
	background-color: #f0f0ff;
	float: left;
	height: 20px;
	
}
.admin_containerpanel {
	border-color: #c0c0c0;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	background-color: #ffffff;
}
.admin_swatchpanel {
	border-color: #808080;
	border-width: 2px;
	border-style: solid;
	border-collapse: collapse;
	background-color: #ffffff;
}
.admin_tab_n {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border-color: #3333ff;
	border-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-style: solid;
	text-align: center;
}
.admin_tab_o {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border-color: #3333ff;
	border-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-style: solid;
	background-color: #ffff00;
	text-align: center;
	cursor: pointer;
}
.admin_tab_d {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	border-color: #3333ff;
	border-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-style: solid;
	background-color: #3333ff;
	text-align: center;
	cursor: pointer;
}
.admin_formField {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border-color: #c0c0c0;
	border-width: 1px;
	border-style: solid;
	background-color: #ffffff;
}
.admin_formLabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	cursor: default;
	color: #000;
}
.admin_formFixed {
	font-family:	courier-new, monospace;
	font-size: 8pt;
	color: #333333;
	border-color: #c0c0c0;
	border-width: 1px;
	border-style: solid;
	background-color: #ffffff;
}
.admin_fixed {
	font-family:	courier-new, monospace;
	font-size: 8pt;
}
.admin_heading {
	font-family:	arial;
	color: 		#303030;
}
.clickable {
	cursor: pointer;
}
.formField {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	color: #333333;
	border:1px solid #c0c0c0;
	background-color: #ffffff;
	padding: 1px;
}
.formField_ro {
	font-size:80%;
	border:1px solid #c0c0c0;
	color:#404040;
	background-color: #e8e8e8;
	padding:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.formLabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	color: #333333;
	font-weight: bold;
	padding: 1px;
}
.formOptionValue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	color: #333333;
	padding: 1px;
}
ul.tooltip {
	margin-left: 1em;
	margin-top: 0;
	padding-left: 1em;
	padding-top: 0;
}

.grid_head_nosort {
	padding-bottom: 2px; padding-top: 2px;
	font-size: 11px; color: #ffffff; background-color: #707070;
	border-bottom: #D6D2C2 1px solid !important;
	vertical-align: bottom; text-align:left;
}
.grid_head_a {
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 2px; padding-top: 2px;
	vertical-align: bottom; text-align:left;
	cursor: pointer; color: #ffffff; background-color: #8A7E66;
	border-bottom: #FCC247 3px solid !important;
}
.grid_head_n {
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 2px; padding-top: 2px;
	vertical-align: bottom; text-align:left;
	cursor: pointer; color: #ffffff; background-color: #707070;
	border-bottom: #D6D2C2 3px solid !important;
}
.grid_head_o {
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 2px; padding-top: 2px;
	vertical-align: bottom; text-align:left;
	cursor: pointer; color: #ffffff; background-color: #808080;
	border-bottom: #FCC247 3px solid !important;
}
.grid_head_d {
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 2px; padding-top: 2px;
	vertical-align: bottom; text-align:left;
	cursor: pointer; color: #FCC247; background-color: #808080;
	border-bottom: #FCC247 3px solid !important;
}
.navOff {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border-color: #3333ff;
	border-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	text-align: center;
}
.navOn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border-color: #3333ff;
	border-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	background-color: #ffff00;
	text-align: center;
	cursor: pointer;
}
.navSelected {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	border-color: #3333ff;
	border-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	background-color: #3333ff;
	text-align: center;
	cursor: pointer;
}
.navOff_box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border-color: #3333ff;
	border-width: 1px;
	border-style: solid;
	text-align: center;
}
.navOn_box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border-color: #3333ff;
	border-width: 1px;
	border-style: solid;
	background-color: #ffff00;
	text-align: center;
	cursor: pointer;
}
.navSelected_box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	border-color: #3333ff;
	border-width: 1px;
	border-style: solid;
	background-color: #3333ff;
	text-align: center;
	cursor: pointer;
}
.table_admin_h {
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 2px;
	color: #ffffff;
	padding-top: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #707070;
}
A.author:link {
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}

A.author:visited {
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}

A.author:active {
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}

A.author:hover {
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline
}

/* product_catalogue */
table.product_catalogue {
	padding: 2px;
	border: solid 1px #b0b0b0;
	BORDER-COLLAPSE: collapse;
	font-size: 8pt;
}
table.product_catalogue th {
	background-color: #d8d8d8;
	padding: 2px;
	border: solid 1px #b0b0b0;
	border-collapse: collapse;
	font-size: 8pt;
}
table.product_catalogue td {
	background-color: #ffffff;
	padding: 2px;
	border: solid 1px #d0d0d0;
	border-collapse: collapse;
	vertical-align: top;
	font-size: 8pt;
}

/* order_cost_summary */
table.order_cost_summary {
	padding: 2px;
	border: solid 1px #b0b0b0;
	BORDER-COLLAPSE: collapse;
	font-size: 8pt;
}
table.order_cost_summary th {
	background-color: #d8d8d8;
	padding: 2px;
	border: solid 1px #b0b0b0;
	border-collapse: collapse;
	font-size: 8pt;
}
table.order_cost_summary td {
	background-color: #ffffff;
	padding: 2px;
	border: solid 1px #d0d0d0;
	border-collapse: collapse;
	vertical-align: top;
	font-size: 8pt;
}

/* Navbars */
ul.hnavmenu {
	display: block;
	z-index: 20; /* Gets it out of the way of most trouble */
	position: absolute;
	list-style-type: none;
	clear: left;
	padding: 0;
	margin: 0;
	background-color: transparent;
}
ul.hnavmenu li ul {
	display: none;
	position: absolute;
	list-style-type: none;
	background-color: transparent;
	padding: 0;
	margin: 0;
}
ul.hnavmenu li ul li ul {
	display: none;
	position: absolute;
	list-style-type: none;
	background-color: transparent;
	padding: 0;
	margin: 0;
}
ul.hnavmenu li {
	display: block;
	float: left;
	position: relative;
	list-style-type: none;
	font-size: 1pt;
	background-color: transparent;
	padding: 0;
	margin: 0;
}
ul.hnavmenu li ul li{
	display: block;
	list-style-type: none;
	float: none;
	clear: left;
	padding: 0;
	margin: 0;
}
ul.hnavmenu li ul li ul li{
	list-style-type: none;
	display: none;
	padding: 0;
	margin: 0;
}
ul.hnavmenu li:hover ul{
	list-style-type: none;
	display: block;
	padding: 0;
	margin: 0;
}
ul.hnavmenu li ul li:hover ul li {
	list-style-type: none;
	display: block;
	padding: 0;
	margin: 0;
}
ul.hnavmenu li.over ul {
	display: block;
	padding: 0;
	margin: 0;
}
ul.hnavmenu li ul li.over ul li {
	list-style-type: none;
	display: block;
	padding: 0;
	margin: 0;
}
ul.vnavmenu {
	display: block;
	z-index: 20; /* Gets it out of the way of most trouble */
	position: absolute;
	list-style-type: none;
	list-style-position: inside;
	clear: left;
	background-color: transparent;
	padding: 0;
	margin: 0;
	border: 0;
}
ul.vnavmenu li ul {
	display: none;
	position: absolute;
	clear: left;
	list-style-type: none;
	background-color: transparent;
	padding: 0;
	margin: -20px;
}
ul.vnavmenu li ul li ul {
	display: none;
	position: absolute;
	clear: left;
	list-style-type: none;
	background-color: transparent;
	padding: 0;
	margin: 0;
}
ul.vnavmenu li {
	display: block;
	float: left;
	position: relative;
	list-style-type: none;
	background-color: transparent;
	clear: left;
	padding: 0;
	margin: 0;
}
ul.vnavmenu li ul li{
	display: block;
	list-style-type: none;
	clear: left;
	position: relative;
	padding: 0;
	margin: 0;
}
ul.vnavmenu li ul li ul li{
	list-style-type: none;
	display: none;
	padding: 0;
	margin: 0;
}
ul.vnavmenu li:hover ul{
	list-style-type: none;
	display: block;
	padding: 0;
	margin: 0;
}
ul.vnavmenu li ul li:hover ul li {
	list-style-type: none;
	display: block;
	padding: 0;
	margin: 0;
}
ul.vnavmenu li.over ul {
	list-style-type: none;
	display: block;
	padding: 0;
	margin: 0;
}
ul.vnavmenu li ul li.over ul li {
	list-style-type: none;
	display: block;
	padding: 0;
	margin: 0;
}

/* Popup Mask - loading, please wait... */
#popupMask {
 	position: absolute; z-index: 200; top: 0; left: 0; width: 100%;	height: 100%;
 	/*opacity: .4;
 	filter: alpha(opacity=40);*/
 	background-color:transparent !important; background-color: #333333;
 	background-repeat: repeat;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0;
	left: 0;
	display:none;
	padding: 0;
	font-family: verdana;
	font-size: 8pt;
}
#popupInner {
	border: 1px solid #000000; background-color: #ffffff;
}
#popupTitleBar {
	background-color: #486CAE;
	color: #ffffff;
	font-size: 8pt;
	height: 14px;
	padding: 2px;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	border-collapse: collapse;
	position: relative;
	z-index: 203;
}
#popupBody {
	background-color: #ffffff;
	position: relative;
	padding: 4px;
	z-index: 204;
}
#popupTitle {
	float: left; font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
}