/* CSS Document */

/* show_recent_searches --- the "recent searches" stuff on OMBE front page */
#show_recent_searches {
   color:white;
   font-weight:bold;
   width:165px;
   padding:3px;
   background-image:url("images/left_side_bluebar.jpg");
   height:15px;
   position:relative;
   left:1px; 
   top:-1px;
   font-size:12px;
   border-bottom:1px solid black;
}

.brandfeature_title {
   background:#dbeaf7;  font-family:sans-serif;
   font-weight:bold;    font-size:16px;
   line-height:20px;
} .bf_column_header {
   font-family:sans-serif;	font-size:12px;
   line-height:15px;		background:grey;
   color:white;			text-align:center;
   font-weight:bold;
}

/* anchor properties */

a { font-family:Tahoma;}

a:hover { color: #ff9900; text-decoration: none;}

.box_head_1_dyn a, .box_head_1_dyn {color:#FFFFFF;text-decoration:none;font-weight:bold;white-space:nowrap;}

.box_head_1_dyn a:hover { color:#dbeaf7; text-decoration: none; 
font-weight: bold;}

.box_head_2_dyn a { color:#FFFFFF; text-decoration: none; font-weight: bold; white-space:nowrap;}
.box_head_2_dyn a:hover { color:#DDDDDD; text-decoration: none; font-weight: bold;}

.box_head_2_flip a { color:#FFFFFF; text-decoration: none; font-weight: bold;}
.box_head_2_flip a:hover { color:#DDDDDD; text-decoration: none; font-weight: bold;}

.box_content_link {}

.box_content_link a { color:#000000; text-decoration: none; font-weight: normal;}
.box_content_link a:hover { color:#ff9900; text-decoration: underline; font-weight: normal;}

.submenu_buttons a { color:#336699; text-decoration: none; font-weight: bold;}
.submenu_buttons a:hover { color:#FFFFFF; text-decoration: underline; font-weight: bold;}

.submenu a { color:#000000; text-decoration: none; font-weight: normal;}
.submenu a:hover { color:#ff9900; text-decoration: underline; font-weight: normal;}

.filter a{ color:#000000; text-decoration: none;}
.filter a:hover { color:#ff9900; text-decoration: none;}
.filter a:active { color:#ff9900; text-decoration: underline;}

.kdklink { padding-left:6px;color:black; text-decoration:none;font-size:12px; }
.kdklink a{ color:#000000; text-decoration: none; font-weight:normal; }
.kdklink a:hover { color:#ff9900; text-decoration: none; font-weight:normal; }
.kdklink a:active { color#ff9900; text-decoration: none; font-weight:normal; }

/* Keep image links from having a border [OR an underline - KDK 9/19/2011] */
a img { border: none;text-decoration:none; }

body {
	background-color: #FFFFCC;
	margin: 0 0 0 0;
	font-size:12px;
	font-family:Tahoma;
/*        width:1020px;*/
        min-width:1048px;
 word-wrap:break-word;/*IE Bug-text ads need word wrap to stay width-constrained.*/
}                     /* 9/19/2011-is this responsible for wrapped link in left nav?*/

.bodytable {
	width: 100%;
	border: 0px solid #000000;
	border-collapse:collapse;
	padding: 0px;
	margin: 0px;
}

/* 3 column main table */

.maintable {
	width: 100%;
	border: 0px solid #AAAAAA;
	border-collapse: collapse;
	padding: 2px;
	margin: 2px;
	margin-left: 0px;
}

/*columns in main table */

.leftcolumn {
	width: 150px;
	padding:4px;
}

.centercolumn {
	padding:4px;
}

.rightcolumn {
	width: 150px;
	padding:4px;
}

/*box defining properties */

.box_150 {
	width: 150px;
	border-collapse: collapse;
	border: 0px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.box_content_1 {
	background-color: #dbeaf7;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 0px;
	font-size: 12px;
}

.box_head_1_150 {
	width: 126px;
	background-color: #336699;
	background-image:url(images/boxhead2/hd_336699_mid.gif); background-repeat:repeat-x;
	font-weight: bold;
	color: #FFFFFF;
}

.box_head_1_left {
	width:12px;
	height:21px;
	background-image:url(images/boxhead2/hd_336699_left.gif); 
/*        background-image: url(http://www.jaredhirsch.com/coolrunnings/public_images/fca371ba2c/spriteme1.png);
        background-position: -10px -10px; */
	background-repeat: no-repeat;
} .box_head_1_right {
	width:12px;
	height:21px;
	background-image:url(images/boxhead2/hd_336699_right.gif); 
/*        background-image: url(http://www.jaredhirsch.com/coolrunnings/public_images/fca371ba2c/spriteme1.png);
        background-position: -10px -51px; */
	background-repeat: no-repeat;
} .box_head_2_150 {
	width: 126px;
	background-color: #ff9900;
	background-image:url(images/boxhead2/hd_336699_mid.gif); background-repeat:repeat-x;
	font-weight: bold;
	color: #FFFFFF;
}

.box_head_2_left {
	width:12px;
	height:21px;
	background-image:url(images/boxhead2/hd_ff9900_left.gif);
	background-repeat: no-repeat;
}

.box_head_2_right {
	width:12px;
	height:21px;
	background-image:url(images/boxhead2/hd_ff9900_right.gif);
	background-repeat: no-repeat;
}

.box_head_2_left_flip {
	width:12px;
	height:21px;
	background-image:url(images/boxhead2/hd_ff9900_left_flip.gif);
}

.box_head_2_right_flip {
	width:12px;
	height:21px;
	background-image:url(images/boxhead2/hd_ff9900_right_flip.gif);
}

.box_150_content_2 {
	width: 148px;
	background-color: #dbeaf7;
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	padding: 4px;
}

.box_head_2_dyn {
	background-color: #ff9900;
	background-image:url(images/boxhead2/hd_ff9900_mid.gif); 
	background-repeat:repeat-x;
	font-weight: bold;
	font-family:Tahoma;
	font-size: 12px;
	color: #FFFFFF;
} .box_head_2_flip {
	background-color: #ff9900;
	background-image:url(images/boxhead2/hd_ff9900_mid_flip.gif); 
	background-repeat:repeat-x;
	font-weight: bold;
	font-family:Tahoma;
	font-size: 12px;
	color: #FFFFFF;
} .box_content_2 {
	background-color: #EEEEEE;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 0px;
	font-size: 12px;
}
/* Fix for IE 6 to inherit font size */

.box_content_2 td{
	font-size:12px;
} .box_dyn {
	border-collapse: collapse;
	border: 0px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
} .box_head_1_dyn {
/*	background-color: #336699; removed 6/3/11, KDK
    --- was causing problems; extended below the bg-image below; */
	background-image:url(images/boxhead2/hd_336699_mid.gif); 
	background-repeat:repeat-x;
	font-weight: bold;
	color: #FFFFFF;
	font-family:Tahoma;
	font-size: 12px;
        height:21px;
/*        padding:0px;*/
} .kdknavcount {
      font-size:10px;
      color:red;
} .kdkbox_right {
      background-color:#dbeaf7;
      border-bottom:1px solid black;
      border-right:1px solid black;
} .kdkbox_left {
      background-color:#dbeaf7;
      border-bottom:1px solid black;
      border-left:1px solid black;
} .box_dyn_content {
	background-color: #FFFFFF;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding-left: 2px;
/*        padding-top: 5px; */
/*above by KDK-researching bug #009 Jan 10, 2011 */
	padding-bottom: 2px;
}

/*not boxes*/

.submenu {
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-collapse:collapse;
	text-indent: 8px;
	background-color: #dbeaf7;
	padding: 2px;
	font-size: 12px;
}

.filter {
	text-indent: 8px;
	background-color: #dbeaf7;
	padding: 3px; /* changed from 4px, 3/31/11, kdk */
	font-size: 12px;
}
.filter td {
   padding:0px;
   cellspacing:0px;
}

.kdkfilter {
   text-indent:8px;
   background-color: #dbeaf7;
   padding:0px;
   /*line-height:18px; */ /* gets us some 'leading' in FF, but not IE */
   font-size:12px;
}
.kkcell {
   padding:0px;
}

.submenu_buttons {
	padding: 0px 0px 0px 0px;
	border-collapse:collapse;
	border: 0;
	font-size: 12px;
}

.formbutton {

/* Example css for form buttons

   background-color: #dbeaf7;
   border: 1px solid #000000;
   color: #000000;
   font-size: 10px;
   font-weight: bold;
*/
}

.user_admin_text1 {
   color: #000000;
   font-size: 12px;
   font-weight: bold;
}

h1 {
   font-size: 16px;
   text-align: center;
   font-weight:bold;
}

.footertext { font-size: 10px; }
.login_box_text1 { font-size: 12px; }
.login_box_text2 { font-size: 12px; }

/* ----- CSS for User Management Table ----- */

.use_man_table_container {
  text-align: center;
  margin: 0px auto;
  width: 600px;
}

.use_man_table_header{
     clear: both;
     width: 600px;
     padding-bottom: 0px;
     padding-top: 30px;
}

.use_man_table_left {
  width: 295px;
  padding-right: 5px;
  float: left;
  clear: left;
}

.use_man_table_right {
  width: 295px;
  padding-left: 4px;
  float: right;
  clear: right;
}

.use_man_table_footer {
     clear: both;
     width: 600px;
     height: 1px;
}
.use_man_table_left div, .use_man_table_right div {
   text-align:left;
}

.use_man_table_left div a, .use_man_table_right div a {
   padding-left: 30px;
   text-decoration:none;
}
.use_man_table_left div img, .use_man_table_right div img {
	width: 42px;
	height: 42px;	
}
.use_man_table_sep {
	width: 100%;
	height: 20px;
	border-bottom: 1px solid #dddddd;
	clear:both;
}


/* extra questions and extra checkboxes */

.extraCheckboxes {
	margin:0px;
	padding:0px;
	float:left;
	list-style-type: none;	
}

.extraCheckboxes li {
	background-image: url('images/checkbox_arw.gif');
	background-position: 0px 50%; /* X-pos Y-pos (from top-left) */
	background-repeat: no-repeat;
	padding-left: 15px;
	border: 0px solid black;
	margin:0px;
}
.extraQuestionName, .extraQuestionName li, .extraQuestionValue, .extraQuestionValue li {
	margin:0px;
	padding:0px;
	list-style-type: none;
}

.extraQuestionName li, .extraQuestionValue li {
	margin-bottom: 5px;
}

.error_message {
	color: #FF0000;
	font-weight: bold;	
}

#galleryContainer {
	width: 450px;
	height: 100%;
	margin: 0px auto; /* CENTER THE DIV */
	text-align: center;
}

#galleryBigImage {
	float: left;
	text-align: center;
	border: 1px solid #ccc;
	margin-top: 4px;
}

#galleryBigImage img {
	margin: 0px auto;
}

#galleryThumbs {
	width: 192px;
	float: right;
	padding: 3px;
	text-align: auto;
}

#galleryThumbs ul {
	margin: 0px;
	padding: 0px;
}

#galleryThumbs ul li {
	list-style: none;
	padding: 0px;
	margin: 1px;
	display: block;
	float: left;
	border: 1px solid #ccc;
	text-align: center;
}

#galleryThumbs ul li img {
	margin: 0px auto;
	border: 0px;	
}

/* Light up box slideshow styles */

.lightUpBox {
	/* This is for the overall box the image gallery is in */

	/* position needs to be absolute to be able to be moved on the page */

	position: absolute;
	border: 3px solid black;
	background-color: white;

	/* needs to be bigger than anything else on the page */
	z-index: 1005;
	padding: 3px;
	padding-bottom: 8px;
}

.lightUpBoxOverlay {

	/* This is the overlay that hides the rest of the page, note that the
	opacity (transparency) will be set in JS for a "see through" or "faded"
	effect. */

	/* position needs to be absolute to work */
	position: absolute;
	top: 0px;
	left: 0px;

	/* Change the background color for different looks for how back is faded */
	background-color: #000000;
	width: 100%;

	/* needs to be second biggest z-index on the page */
	z-index: 1004;
}

.lightUpBox_imageBox {

	/* In the overall box, this is the div containing the image */
	text-align: center;
}

.lightUpBox_imageBox img {

	/* The actual image */
	border: 1px solid black;
	cursor: pointer;
}

img.lightUpBigImage {

	/* This is a stand-alone image in the box, it's not wrapped by extra HTML,
	this is used on image upload page as a "simpler" light up box without the
	fancy slideshow. */

	/* give it a pointer since when you click on it, it closes it. */
	cursor: pointer;
}

.lightUpBox_navigation {

	/* In the overall box, this is the div containing the navigation */
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 5px;
	text-align: center;

	/* width: 80%; */
	background-color: white;
	border-bottom: 1px dashed black;
	border-left: 1px dashed black;
}

.lightUpBox_description {

	/* In the overall box, this is the div containing the image description */
	text-align: center;
}

table.padded-table td {
   padding:5px;
}

td {
   text-overflow: ellipsis;
   word-wrap: break-word;
}

.fb_cell {
   background:white;
   text-align:center;
   white-space:nowrap;
}