.navbox {
	width: 17px;
	height: 17px;
	text-align: center;
	font-family: "Verdana", "Arial", "Helvetica", "Sans-serif";
	font-size: 10px;
	background-color: #F0F0F0;
	border: 1px solid #F0F0F0;
}

.navbox A {
	color: #444444;
	text-decoration: none;
}

.navbox A:visited {
	color: #444444;
	text-decoration: none;
}

.navbox A:hover {
	text-decoration: underline;
}

.navboxselected {
	width: 17px;
	height: 17px;
	text-align: center;
	font-family: "Verdana", "Arial", "Helvetica", "Sans-serif";
	font-size: 10px;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #666666;
}

.navboxselected A {
	text-decoration: none;
}

.navboxselected A:visited {
	text-decoration: none;
}

.navboxselected A:hover {
	text-decoration: underline;
}


/* Utils */

.right {text-align: right;}
.center {text-align: center;}
.left {text-align: left;}

/* Errors */

.error {margin: 10px 0px; padding: 20px 30px; background-color: #FEE2E4; border-top: 1px solid #FECDD1; border-bottom: 1px solid #FECDD1; font-weight: bold; color: #FE4959;}
.error ul {margin: 0px; margin-left: 35px; padding: 0px; list-style-type: square; font-size: .8em; color: #2E2E2E;}
.error h3 {margin: 0px;padding: 0px;margin-bottom: 15px; font-weight: bold;}

#logo h1, #sub_menu , #sub_menu a {color: #fff;}
#logo img {border: 2px solid #999;}
#logo img.flowthink_logo {border-right-color: #777; border-bottom-color: #777;}

#tabs ul li a  {color: #dedede; background: #999;}
#tabs ul li a:hover {background: #bebebe; color: #333;}
#tabs ul li.active a {background: #cacaca; color: #333;}

#subtabs {background: #cacaca; }
#subtabs ul li a {color: #333;}
#subtabs ul li a:hover {background: #dcdcdc;}
#subtabs ul li.active a {background: #ebebeb; color: #666; }


/* Tabs */
#header {}

#logo {float: left; margin: 25px;}
#logo img {float: left;}
#logo img.flowthink_logo {background: #fff; padding-bottom: 5px; }
#logo h1 { padding: 0px; margin: 0px; padding: 15px; float: left;}

#sub_menu {float: right; padding: 25px; }
#sub_menu a{text-decoration: none;}
#sub_menu a:hover{text-decoration: underline;}

#tabs {clear: both;}

#tabs ul {list-style-type: none;  margin: 0px; padding: 0px; margin-left: 50px;}
#tabs ul li { float: left;  }
#tabs ul li a { display: block; text-decoration: none; padding: 3px 20px; margin: 4px 1px 0px;  }	
#tabs ul li.active a {font-weight: bold; padding: 6px 20px 4px 20px;margin: 0px 2px 0px;}

#subtabs { clear: both; height: 30px; }

#subtabs ul { list-style-type: none;  margin: 0px; padding: 0px; margin-left: 75px;  height: 20px;  line-height: 20px; }
#subtabs ul li { float: left;   }
#subtabs ul li a {display: block; text-decoration: none; padding: 3px 15px 4px; margin: 3px 3px 0px; }


/* Member results table */

.shoplisting th {background: #cacaca;}
.shoplisting hightlight {background: #cacaca;}
ul.table_actions {margin: 0px 5px; position: relative; list-style-type: none; padding: 0px;}
ul.table_actions li {display: inline;}
ul.table_actions li a{ line-height: 35px; padding: 5px; border: 1px solid #999; background: #e5e5e5; color: #333; text-decoration: none;}
ul.table_actions li a:hover {color: #F1592A;}

ul.table_actions ul {font-size: .8em;background: #e5e5e5; border-top: 1px solid #999; z-index: 500; position: absolute; right: 0px;  list-style-type: none; margin: 0px; padding: 0px; display: none; top: 30px;}
ul.table_actions ul li {display: block; border: 1px solid #999; border-top: none; }
ul.table_actions ul li a {border: none; line-height: 25px;}
*ul.table_actions ul {top: 25px;}

/* Registration  stuff */

 .regform_view { margin-left: 40px;}
  .regform_view h2, .regform_view h3, .regform_view h4  {color: #333; text-transform: capitalize; line-height: 30px; height: 30px;}
  .regform_view h2 a {text-decoration: none; color: #333;}
  .regform_view h2 a:hover {}

  .regform_view .small {font-size: .8em;}
  .regform_view .grey {color: #666;}
	.regform_view .red {color: #FC3141;}
	
	 /* Detail Note Class is a replacement for "small grey" */
	.regform_view .detail_note {font-size: .8em;color: #666;}

  .regform_view td.active { color: #99721B;}
  .regform_view .multiselect_item label {float: none;}	
  	
  .regform_view td {vertical-align: top;}
  .regform_view p {width: 700px;}


  .regform_view .datepicker {margin-right: 5px;}
  
  .regform_complete h2 {background: url($home/layouts/common/icons/ok.png) top left no-repeat; margin-left: -40px; padding-left: 40px;}
  .regform_errors   h2 {background: url($home/layouts/common/icons/cancel.png) top left no-repeat; margin-left: -40px; padding-left: 40px;}
  .regform_missing  h2 {background: url($home/layouts/common/icons/warning.png) top left no-repeat; margin-left: -40px; padding-left: 40px;}
  .detailerror  {background-color: #FEE2E4; border: 1px solid #FC6975;}
  .detailerror td.oetableleft {border: 1px dashed #FC6975; border-right: none;}
  .detailerror td.oetableright {border: 1px dashed #FC6975; border-left: none;}
  .detailerrorspacer td {height: 5px;}
  .detailerror td.active { color: #FC3141;}
  .regform_complete .regform_items {display: none;}
  
  #registration_submit {margin-top: 15px;}
  
  
/* HilightMe & Even/Odd Styles */

.odd, tr.odd td {background-color: #f7f7f7;}
.even, tr.even td {background-color: #fff;}

.highlight .odd {background-color: #FFF6BF;}
.highlight .even {background-color: #FFF6BF;}

.highlight, tr.highlight, tr.highlight td {background-color: #FFF6BF; color: #817134;}

.clickable { display:block;width:100%;height:100%;}

#largeimage { border: 10px; vertical-align: middle; }