/* CSS Document */



/* 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:#e8e8e8; 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:#e8e8e8; 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:#e8e8e8; 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;}



/* Keep image links from having a border */
a img { border: none; }


body {

	background-color: #FFFFFF;

	margin: 0 0 0 0;

	font-size:12px;

	font-family:Tahoma;



}

.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;



}


/*EHD : KATEGORY BOX AND LOGIN BOX*/
.box_content_1 {  /*EHD : KATEGORY BOX AND LOGIN BOX*/
	background-color: #FFFFFF;
	border-left: 5px solid #e8e8e8;
	border-right: 5px solid #e8e8e8;
	border-bottom: 5px solid #e8e8e8;
	padding: 0px;
	font-size: 12px;
}

.box_content_1 a {
	color:#575757; font-size:13px; font-weight:bold; text-decoration:none;
}

/*END OF EHD : KATEGORY BOX AND LOGIN BOX*/



.box_head_1_150 {
	width: 126px;
	background-color: #E8E8E8;
	border-left: 1px solid #acacac;
	border-right:1px solid #acacac;
	border-bottom:1px solid #acacac;
	background-image:url(images/boxhead2/hd_336699_mid.gif); background-repeat:repeat-x;
	font-weight: bold;
	color: #FFFFFF;
}


/*ehd : BOX1*/
.box_head_1_left {
	width:12px;
	height:28px;
	background-color: #575757;
	background-image:url(images/boxhead2/boxheading1.jpg);
	background-repeat: repeat-x;
}

.box_head_1_right {
	width:12px;
	height:28px;
	background-color: #575757;
	background-image:url(images/boxhead2/boxheading1.jpg);
	background-repeat: repeat-x;
}

.box_head_1_dyn {
	background-color: #575757;  
	background-image:url(images/boxhead2/boxheading1.jpg);
	background-repeat: repeat-x;
	font-weight: bold; color: #ffffff; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 15px;
}

.box_dyn_content_1 {  /*homepage : feature pic, newest ads, hottest ad , site stats user*/
	background-color: #FFFFFF;
	padding-left: 2px;
	padding-bottom: 2px;
}

/*END OF ehd : BOX1  */











.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;

}


/*ehd : BOX2 */
.box_head_2_left {
	width:12px;
	height:28px;
	background-image:url(images/boxhead2/boxheading2.jpg);
	background-repeat: repeat-x;
}

.box_head_2_right {
	width:12px;
	height:28px;
	background-image:url(images/boxhead2/boxheading2.jpg);
	background-repeat: repeat-x;
}

.box_head_2_left_flip {
	width:12px;
	height:28px;
	background-image:url(images/boxhead2/boxheading2.jpg);
}

.box_head_2_right_flip {
	width:12px;
	height:28px;
	background-image:url(images/boxhead2/boxheading2.jpg);
}

.box_150_content_2 {
	width: 148px;
	background-color: #e8e8e8;
	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/boxheading2.jpg); 
	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/boxheading2.jpg); 
	background-repeat:repeat-x;
	font-weight: bold;
	font-family:Tahoma;
	font-size: 12px;
	color: #FFFFFF;

}

.box_content_2 {
	background-color: #EEEEEE;
	border-left: 0px solid #666666;
	border-right: 0px solid #666666;
	border-bottom: 0px solid #666666;
	padding: 0px;
	font-size: 12px;
}
/*END OF ehd : BOX2 */




/* 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;
}




/*not boxes*/

.submenu {

	border-top: 1px solid #666666;

	border-bottom: 1px solid #666666;

	border-collapse:collapse;

	text-indent: 8px;

	background-color: #e8e8e8;

	padding: 2px;

	font-size: 12px; font-weight:bold;

}

.submenu_buttons {

	padding: 0px 0px 0px 0px;

	border-collapse:collapse;

	border: 0;

	font-size: 12px;

}

.formbutton {

/*

Example css for form buttons

background-color: #e8e8e8;

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: 1px solid #4a6810;

	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: 0px 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: 10px;

	right: 10px;

	padding: 5px;

	text-align: center;

	/* width: 80%; */

	background-color: white;

	border: 3px solid #d2d2d2;

}



.lightUpBox_description {

	/* In the overall box, this is the div containing the image description */

	text-align: center;

}



/* BOX3*/
.box_head_3_dyn a,
.box_head_3_dyn { color:#ffffff; text-decoration: none; font-weight: bold; white-space:nowrap;}
.box_head_3_dyn a:hover { color:#e8e8e8; text-decoration: none; font-weight: bold;}
.box_head_3_left {
	width:12px;
	height:28px;
	background-color: #bf0826;
}

.box_head_3_right {
	width:12px;
	height:28px;
	background-color: #bf0826;
}
.box_head_3_dyn {
	background-color: #bf0826;  
	font-weight: bold; color: #ffffff; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 15px;
}

/* BOX4*/
.box_head_4_dyn a,
.box_head_4_dyn { color:#ffffff; text-decoration: none; font-weight: bold; white-space:nowrap;}
.box_head_4_dyn a:hover { color:#e8e8e8; text-decoration: none; font-weight: bold;}
.box_head_4_left {
	width:12px;
	height:28px;
	background-color: #E8E8E8;
	background-image:url(images/boxhead2/boxheading4.jpg);
	background-repeat: repeat-x;
}

.box_head_4_right {
	width:12px;
	height:28px;
	background-color: #E8E8E8;
	background-image:url(images/boxhead2/boxheading4.jpg);
	background-repeat: repeat-x;
}
.box_head_4_dyn {
	background-color: #E8E8E8;
	background-image:url(images/boxhead2/boxheading4.jpg);
	background-repeat: repeat-x; 
	font-weight: bold; color: #ffffff; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 15px;
}

.box_dyn_content {  /*homepage : feature pic, newest ads, hottest ad , site stats user*/
	background-color: #FFFFFF;
	border: 5px solid #E8E8E8;
	padding-left: 2px;
	padding-bottom: 2px;
}



/* BOX5*/
.box_head_5_dyn a,
.box_head_5_dyn { color:#ffffff; text-decoration: none; font-weight: bold; white-space:nowrap;}
.box_head_5_dyn a:hover { color:#e8e8e8; text-decoration: none; font-weight: bold;}
.box_head_5_left {
	width:12px;
	height:28px;
	background-color: #E8E8E8;
	background-image:url(images/boxhead2/boxheading5.jpg);
	background-repeat: repeat-x;
}

.box_head_5_right {
	width:12px;
	height:28px;
	background-color: #E8E8E8;
	background-image:url(images/boxhead2/boxheading5.jpg);
	background-repeat: repeat-x;
}
.box_head_5_dyn {
	background-color: #E8E8E8;
	background-image:url(images/boxhead2/boxheading5.jpg);
	background-repeat: repeat-x; 
	font-weight: bold; color: #ffffff; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 15px;
}









/*TOP 2 BOXES*/
.box_content_3 {
	background-color: #CCCCCC;
	border: 5px solid #7e7d7d;
	padding: 5px;
	font-size: 12px;
}




.display_ad_category_tree {}
.display_ad_title {font-size:18px; font-color:#a30429;}
.display_ad_label, .display_ad_value {width: 135px; border-bottom:1px solid #cccccc; line-height:20px; }
.adsinfo {background-color:#e9f2d7;}





/*SLIDESHOW HOMEPAGE*/
#slideshow {
    position:relative; height:92px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow DIV.active {
    z-index:10;
}

#slideshow DIV.last-active {
    z-index:9;
}