/* Note to self, clean this mess up when there's a chance!!! */

/******************/
/* default styles */
/*                */   
/******************/
body {padding: 5px 0 0 0; margin: 0; font: .7em verdana, Arial, Helvetica, sans-serif; background: #fff url(images/bg.gif) repeat-x; color: #454545;}
a {color: #2F637A; background: inherit; text-decoration: none; }
a:hover { color: red; background: inherit; }

a.readmore
{
padding: 0px 0px 0px 15px;
font-size: 9px;
text-decoration: none;
background: no-repeat url(/graphics/readmore_bullet_red.gif);
}

p { margin: 0 0 0 0; }
p.stb { text-indent: 0; margin-top: 0.83em }
p.mtb { text-indent: 0; margin-top: 2.17em }
p.ltb { text-indent: 0; margin-top: 3.08em }

p+p {
   margin-top: .3em;
   margin-bottom: .3em;
}

h1 { font: bold 2.2em Verdana, Helvetica, Arial, Sans-Serif; padding: 8px 0 0 0; margin: 0;}
h2 { margin: 0; padding: 0; font: bold 1.5em Arial, Sans-Serif; text-transform:uppercase; }
h3 { font: 1.8em Arial, Sans-Serif; padding: 0 0 0 0; margin: 0;}
h4 { margin: 10px 0px 5px 0px; padding: 5px 10px 5px 15px; font: bold 1.1em Arial, Sans-Serif; border: 1px solid #ccc; color: #454545;   background: #fff url(images/bgshade.gif) repeat-x; text-transform:uppercase;}
h1 a, h2 a { color: #2F637A; background: inherit; text-decoration: none; }
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0; }

.head_blurb {
font: 1.0em Arial, Sans-Serif; padding: 0 0 0 0; margin-top: 0;
}

.vimg100 {
  width: 50px;
  height: 37px;
  border: 1px solid #ccc;
  padding: 2px 2px 2px 2px;
  margin-right: 5px;
  margin-bottom: 30px;
  float: left;
}

.clearer {clear: both;}

/***************************/
/*    Bells and Whistles   */
/***************************/
#content { margin: 10px auto; width: 960px; }
#logo { margin: 0 0 10px 0; }
#slogan { font-size: 0.9em; margin: 0 0 10px 2px; padding: 0; color: #808080; background: #fff; }
#top_info { line-height: 27px; float: right; color: #808080; background: #fff; margin: 12px 0px 0px 0; text-align: right; height: 140px; }
#top_dropmenu { line-height: 17px; float: right; color: #808080; background: #eee; margin: 0px 0px 0px 0; text-align: left; height: 20px; border: 1px solid #ccc; }
#sub_dropmenu { line-height: 17px; float: left; color: #808080; background: #eee; margin: 0px 0px 10px 0; text-align: left; height: 20px; width: 960px; border: 1px solid #ccc; }
/* round blue login button */
#loginbutton a { text-decoration: none; width: 24px; padding: 7px 12px; margin: 0 0 0 8px; height: 28px; background: #fff url(images/lb.gif) no-repeat; color: #000; }
#loginbutton a:hover{ background: #fff url(images/lbhover.gif) no-repeat; color: #000;}

input.flatbutton
{
   font-size:11px;
   font-family:Tahoma,Verdana,sans-serif;
}


ul#gallery {float:left}
ul#gallery , ul#gallery li {list-style:none;margin:0;padding:0; align:center}
ul#gallery li {float:left; display:inline; margin: 20px 20px 20px 20px; width:160px; text-align:center}
ul#gallery img {display:block; width:130px;border:0px solid;margin:0 auto 5px}
ul#gallery a {display:block;height:150px;padding: 10px 0;background: #eee;color: #333;border:1px dotted #454545;text-decoration: none}
ul#gallery a:hover {background: #007BC4;color: #FFF;border-color:#000}


A:hover.arrow {
    text-decoration: underline
}


.arrow {
  padding-left: 10px;
  background: #fff url(/graphics/arrow.gif) no-repeat left;
}

/***************************/
/*    Main Stuff           */
/***************************/

.main_panel {
	margin: 0 0 10px 0;
	background: #fff url(images/bgshade.gif) repeat-x;
	color: #454545;
	padding: 10px 5px 5px 10px;
}

.main_right_panel {
        float: right;
        border: 1px solid #ccc;
   	padding: 8px;	
        margin: 0px 0px 10px 0px;
	background: #eee;
        font-size: .9em;
	color: #454545;
        width: 280px;
        height: 100px;
}

.main_right_panel_scroll {
        float: right;
        border: 1px solid #ccc;
   	padding: 8px;	
        margin: 10px 0px 10px 0px;
	background: #eee;
        font-size: .9em;
	color: #454545;
        width: 240px;
        height: 100px;
}

.resource_box {
    border: 1px dotted #ccc;
    padding: 8px;	
    margin: 0 0 10px 0;
    background: #eee;
    color: #454545;
    width: 180px;
    height: 60px;
}		

/***************************/
/*  SCROLLING STUFF        */
/***************************/
.scroll {
width: 546px; 
height: 100px;
padding-left: 5px;
padding-right: 5px; 
overflow: auto;
}

.scrollArea {
width: 280px; 
height: 350px;
padding-left: 5px;
padding-right: 5px; 
border-color: #CCC;
border-width: 1px; 
border-style: solid;
float: left; 
overflow: auto;

}

/***************************/
/*    Blog Stuff           */
/***************************/
.blog_author { font-size: .9em; line-height: 1.2em; padding: 0 0 0 0px; color: #808080; }

.blog_title { font-size: .9em; padding: 0 0 0 0px; color: #808080;}

.blog_body { font-size: 1.2em; padding: 0 0 0 0px; color: #000;}

.blog_comment_body { font-size: 1.2em; padding: 15px 15px 15px 15px; color: #000; }


.blog_recent_list {
  margin: 10px 10x 10px 10px;
  border: 1px solid #ccc;
  background: #fff url(images/bgshade.gif) repeat-x;
  color: #454545;
  padding: 5px 15px 5px 10px;
}

.blog_title_flex {
   border: 1px solid #ccc;
   background: #f4f4f4;
   color: #808080;
   padding: 8px;
   margin: 0px 0 10px 0;
   min-height: 110px;
}


.blog_title {
   border: 1px solid #ccc;
   background: #f4f4f4;
   height: 110px;
   color: #808080;
   padding: 8px;
   margin: 0px 0 10px 0;
}

.blog_article {
  margin: 0px 0px 0px 0px;
  border: 1px solid #ccc;
  background: #fff url(images/bgshade.gif) repeat-x;
  color: #454545;
  padding: 15px 15px 15px 15px;
}

.blog_comment_menu {
  margin: 0 0 0 0;
  border: none;
  color: #454545;
  padding: 2px 0 10px 0;
}

.blog_comment {
  margin: 10px 0px 10px 0px;
  border: 1px solid #ccc;
  background: #fff url(images/bgshade.gif) repeat-x;
  color: #454545;
  padding: 15px 15px 5px 10px;
}

.blog_options {
  float: right;
  border: 1px solid #ccc;
  padding: 15px;
  margin: 0px 0px 10px 0px;
  background: #eee;
  color: #454545;
  width: 280px;
  height: 95px;
}

.bookimage {
    float: left;
    clear: left;
    border: 1px solid #ccc;
    background: #eee;
    color: #000;
    margin: 0 15px 10px 0;
    width: 110px;
}

#box_container_right_fluid {
  float: right;
  border: 1px solid #ccc;
  padding: 15px;
  margin: 10px 0px 10px 0px;
  background: #eee;
  color: #454545;
  width: 280px;
}

#box_container_left_fluid {
  margin: 10px 0px 0px 0px;
  border: 1px solid #ccc;
  background: #fff url(images/bgshade.gif) repeat-x;
  color: #454545;
  padding: 15px 15px 15px 15px;
}

#box_container_left {
  margin: 10px 0px 0px 0px;
  border: 1px solid #ccc;
  background: #fff url(images/bgshade.gif) repeat-x;
  color: #454545;
  padding: 15px 15px 15px 15px;
  height: 450px;
}


#box_left {
       position: relative;
       float: left;
       margin: 20px 0px 10px 2%;
       padding: 10px 0px 0px 2%;
       width: 44%;
       border: 1px solid #ccc;
       background: #fff url(images/bgshadenotop.gif) repeat-x;
       color: #454545;
       height: 275px;
}

#box_right {
       position: relative;
       float: right;
       margin: 20px 0px 10px 2%;
       padding: 10px 0% 0px 2%;
       width: 44%;
       border: 1px solid #ccc;
       background: #fff url(images/bgshadenotop.gif) repeat-x;
       color: #454545;
       height: 275px;
}

/***************************/
/*    Store Stuff          */
/***************************/
.std
{
	margin-top:20px;
}
/* CSS Classes for the Site.Master Page */
#top {
  background-color: black;
  padding: 5px;
  font-size: 10px;
  margin-bottom: 25px;
  text-align:center;
  color:White;
}

.ContentContainer 
{
	margin-left:10px;
}

#productmenu
{
	margin-top:5px;
	float:left;
	width:130px;	
}

#productmenu ul
{
	font-size:80%;
}

#maincontent
{
	float:left;
	margin-left:20px;
	font-size:80%;
	width:600px;
}

/* CSS classes for the top header of the products.aspx page */
#ProductTitle
{
	text-align:center;	
}

.MainProductContent
{
	float:left;
	margin-right:0px;
}

/* CSS classes for the DataList that provides the product listing */
#product
{
	width:175px;	
}

.productimage
{
	width:105px;
	margin-left:25px;
	padding-right:0px;
	float:left;
}

.productdetails
{
	float:right;
	width:125px;
	margin-top:5px;
	margin-bottom:5px;
}

.productaddbutton
{
	float:left;
}

/* CSS classes for the navigation menu at bottom of the page (Previous/More Products, etc) */
.navigation
{
	width:600px;
	margin-top:30px;
}

#leftnav 
{
	float:left;
	width:180px;
	text-align:center;
}

#rightnav 
{
	float:right;
	width:180px;
	margin-right:20px;
	text-align:center;
}

#numnav
{
	float:inherit;
	text-align:center;
}

.CatalogGrid
{
border-style: solid;
border-width: 1px;
border-bottom-color: #808080;
border-top-color: #808080;
border-left-color: #808080;
border-right-color: #808080;
}


.CatalogGrid th
{
border-width: 1px;
border-bottom-color: #808080;
border-top-color: #808080;
border-left-color: #808080;
border-right-color: #808080;
}

.CatalogGrid td
{
border-width: 1px;
border-bottom-color: #808080;
border-top-color: #808080;
border-left-color: #808080;
border-right-color:#808080;
}

.catalog_items {
    margin: 10px 10x 10px 10px;
    background: #fff url(images/bgshade.gif) repeat-x;
    color: #454545;
    padding: 5px 15px 5px 10px;
}

.catalog_items p {font-size: 1.2em; line-height: 1.2em; padding: 0 0 0 0; color: #000; }


.cartimage {
        float: left;
	clear: left;
	border: 1px solid #ccc;
	background: #eee;
	color: #000;
	margin: 3px 15px 15px 0px;
        width: 40px;
}

.cart_items {
	border: 1px solid #ccc;
	padding: 8px 8px 8px 8px;
        width: 100%	
	margin: 0 0 10px 0;
	background: #eee;
	color: #454545;
        line-height: 1.2em;
        float: right;
}

.avatarimage_smallest {
        float: left;
	clear: left;
	border: 1px solid #ccc;
	background: #eee;
	color: #000;
	margin: 3px 15px 15px 10px;
        width: 30px;
        height: 30px;
}

.avatarimage_small {
        float: left;
	clear: left;
	border: 1px solid #ccc;
	background: #eee;
	color: #000;
	margin: 3px 15px 15px 0px;
        width: 40px;
        height: 40px;
}

.avatarimage_tiny {
        float: left;
	clear: left;
	border: 1px solid #ccc;
	background: #000000;
	color: #000;
	margin: 0px 5px 0px 0px;
        width: 20px;
        height: 20px;
}

.avatarimage_small_main {
        float: left;
	clear: left;
	border: 1px solid #ccc;
	background: #eee;
	color: #000;
	margin: 3px 15px 15px 0px;
        width: 50px;
        height: 50px;
}

.avatarimage {
        float: left;
	clear: left;
	border: 1px solid #ccc;
	background: #eee;
	color: #000;
	margin: 3px 15px 15px 0px;
        width: 100px;
        height: 100px;
}

.photoblog_thumbnail {
	border: 1px solid #ccc;
	background: #eee;
	color: #000;
	margin: 10px 0px 2px 10px;
        width: 75px;
        height: 75px;
}

.photoblog_mainimage {
        float: left;
	clear: left;
	border: 1px solid #ccc;
	background: #eee;
	color: #000;
	margin: 20px 0px 15px 50px;
        width: 500px;
}

.photoblog_gallery {
	border: 1px solid #ccc;
	background: #eee;
	color: #000;
	margin: 10px 10px 10px 10px;
        width: 25.5em;
}


.generalimage {
        float: left;
	clear: left;
	border: 1px solid #ccc;
	background: #eee;
	color: #000;
	margin: 0 15px 10px 0;
}

/***************************/
/* main horizontal menu */
/***************************/
#tablist{ padding: 3px 0; margin: 0; float: left; }
#tablist li{ list-style: none; display: inline; margin: 0; }
#tablist li a{
		text-decoration: none;
		padding: 4px 22px;
		margin-right: 2px;
		background: #808080 url(images/corner.gif) no-repeat top right;
		font-weight: bold;
		color: #fff;
	}
#tablist li a:hover{
		background: #6495AB url(images/corner.gif) no-repeat top right;
		color: #fff; cursor: pointer;
	}
#tablist li a.current{
		background: #9FC7D8 url(images/corner.gif) no-repeat top right;
		color: #2F637A;
		padding: 6px 22px;
	}
#tablist .key { text-decoration: underline; }

/* main menu topics */
#topics {
	clear: left;
	float: left;
	width: 640px;
	background: #F3EC90 url(images/topicsbg.gif) repeat-x left bottom;
	padding: 8px 5px;
	margin: 0 0 5px 0;
	color: #fff;
	height: 59px;
}
	#topics li a { background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: center left;  padding: 0 0 0 12px;}

/* main menu search */
#search {
	float: right;
	text-align: right;
	background: #fff url(images/searchbg.gif) no-repeat;
	color: #000;
	padding: 32px 20px 12px 20px;
	min-height: 32px; /* FF height */
	height: 25px;	/* IE height */
	width: 270px;
}
/* search form styling */
	form, form p { margin: 0; padding: 0; 12px;}
		.search { width: 170px; border: 1px solid #357994; background: #fff; color: #478F36; padding: 4px; margin: 0; font-weight: bold; font-size: 1.3em;  }
		.button { padding: 4px; font: bold 1em Arial, Sans-Serif; }


/* ================= */
/*   Generic Layout  */
/* ================= */
#center {
        position: relative;
	float: center;
        clear: both;
	width: 960px;
	margin: 0 0 0 0;
       }


	.center_articles {
		margin: 0px 0 10px 0;
                border: 1px solid #ccc;
		background: #fff url(images/bgshade.gif) repeat-x;
		color: #454545;
		padding: 15px 15px 5px 10px;
                height: 250px;
	}

	.center_articles_fluid {
		margin: 0px 0 10px 0;
                border: 1px solid #ccc;
		background: #fff url(images/bgshade.gif) repeat-x;
		color: #454545;
		padding: 15px 15px 15px 10px;
                display: block;
	}
	
	.center_articles_wide 
	{
		margin: 0px 0 5px 0px;
                border: 1px solid #ccc;
		background: #fff url(images/bgshade.gif) repeat-x;
		color: #454545;
		width: 930px;
		padding:  15px 15px 15px 15px;
	}


	.thirds_center {
		float: left;
		width: 186px;
                height: 275px;
		padding: 0 10px 0 15px;
	}


	.thirds_center_boxes {
                position: relative;
		margin: 0 0 0px 0;
		border: 1px solid #ccc;
		background: #fff url(images/bgshadenotop.gif) repeat-x;
		color: #454545;
		padding: 10px 10px 10px 10px;
                height: 350px;
        }

	.quad_center_boxes {
                position: relative;
		margin: 0 0 0px 0;
		border: 1px solid #ccc;
		background: #fff url(images/bgshadenotop.gif) repeat-x;
		color: #454545;
		padding: 10px 10px 10px 10px;
                height: 100%;
        }

.blog_main_panel {
        float: right;
        border: 1px solid #ccc;
   	padding: 8px;	
        margin: 0px 0px 0px 0px;
	background: #eee;
        font-size: .9em;
	color: #454545;
        width: 280px;
        height: 100px;
}


#blogs_center_boxes_menu {
		margin: -10 0 0 0;
		border: 1px solid #ccc;
		color: #454545;
                background: #eee;
                font: .8em Tahoma, Arial, sans-serif;
		padding: 1px 0 1px 0;
                float: right;
        }


#thirds_center_boxes_menu {
		margin: 0 0 0 0;
		border: 1px solid #ccc;
		color: #454545;
                background: #eee;
                font: .8em Tahoma, Arial, sans-serif;
		padding: 1px 0 1px 0;
                float: right;
        }

#thirds_center_boxes_menu A:visited  {color: #454545; text-decoration: none}
#thirds_center_boxes_menu A:link  {color: #454545; text-decoration: none}
#thirds_center_boxes_menu A:active  {color: #454545; text-decoration: none}
#thirds_center_boxes_menu A:hover   {color: #FFFFFF; background-color: red; text-decoration: none}

	.thirds_wide {
                margin: 0 7px 0 0;
		border: 1px dotted #ccc;
		background: #fff url(images/bgshade.gif) repeat-x;
		float: left;
		width: 293px;
                height: 200px;
		padding: 10px 10px 10px 10px;
	}

	.thirds_wide_header {
		margin: 0 7px 0 0;
		background: #fff url(images/bgshade.gif) repeat-x;
		color: #454545;
		padding: 10px 10px 10px 10px;
                height: 12px;
	}

	.team_bio {
		border: 1px dotted #ccc;
		padding: 8px;	
		margin: 0 0 10px 0;
		background: #eee;
		color: #454545;
        width: 200px;
        height: 80px;
	}		

		
/* left side */
#left {
	float: left;
	width: 635px;
	margin: 0 0 10px 0;
}
	.subheader {
	margin: 0 0 10px 0;
	padding: 8px;
	background: #f4f4f4 url(images/bgshade.gif) repeat-x;
	color: #808080;
	border-bottom: 1px solid #ccc;
	}


	.left_articles {
		margin: 0px 0 10px 0;
		background: #fff url(images/bgshade.gif) repeat-x;
		color: #454545;
		padding: 10px 15px 5px 10px;
                height: 290px;
         }

	.left_articles_fluid {
		margin: 10px 10px 10px 10px;
		background: #fff url(images/bgshade.gif) repeat-x;
		color: #454545;
		padding: 5px 30px 5px 10px;
	}
		.date { font-size: .9em; padding: 0 0 0 12px; background: url(images/news.gif) no-repeat center left; color: #808080; }
		.bigimage {
			float: left;
			clear: left;
			border: 1px solid #ccc;
			background: #eee;
			color: #000;
			width: 120px;
			height: 180px;
			margin: 0 15px 10px 0;
		}


	.left_box {
		background: #f4f4f4;
		color: #808080;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 15px;
		margin: 0 0 15px 0;
	}

	.thirds {
		float: left;
		width: 186px;
		padding: 0 10px 0 15px;
	}


		
/* right side */

#right {
	float: right;
	width: 310px;
	margin: 0 0 10px 0;
       }

.subheader_right {
      float: right;
      background: #f4f4f4;
      color: #808080;
      padding: 15px;
      width: 280px;
      border-top: 1px dotted #ccc;
      border-bottom: 1px dotted #ccc;
      margin: 0px 0px 10px 0px;
      }

      .right_store_categories {
		border: 1px solid #ccc;
		padding: 8px;	
		margin: 0 0 10px 0;
		background: #eee;
		color: #454545;
                height: 130px;
	}
 
      .right_store_shipbill {
		border: 1px solid #ccc;
		padding: 8px;	
		margin: 0 0 10px 0;
		background: #eee;
		color: #454545;
       }


	.right_articles {
                float: right;
		border: 1px solid #ccc;
   		padding: 15px;	
                margin: 0px 0px 10px 0px;
		background: #eee;
		color: #454545;
                width: 280px;
                height: 120px;
	}

	.right_articles_fluid {
 		border: 1px solid #ccc;
		padding: 15px;
                width: 280px;	
                margin: 0px 0px 10px 0px;
		background: #eee;
		color: #454545;
                float: right;
	}

	.image { float: left; margin: 0 9px 3px 0; }
	.notes {
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 17px 10px 17px 80px;	
		margin: 0 0 10px 0;
		background: #fff url(images/notes.gif) no-repeat center left;
		color: #454545;
	}



/* footer */
#footer { 
	clear: both; 
	color: #808080;
	background: #FFF;
	padding: 10px 15px;
	border-top: 1px solid #ccc;
}

/* ============= */
/* Dropdown Menu */
/* ============= */
.DropMenuRoot
{
	color:#222;
	background-color:#eee;
        background =images/spacer.gif;
	text-decoration:none;
	font-family:Tahoma;
	font-size: 8pt;
	cursor:default

}

.DropMenuItem, a.DropMenuItem, a:hover.DropMenuItem
{
	color:#222;
	width:100%;
	background-color:#eee;
	text-decoration:none;
	font-family:Tahoma;
	font-size: 8pt;
	height: 17;	
}

a:hover.DropMenuItem
{
	background-color:Gray;
	width:100%;
	color:#222;
}

.DropMenuTable
{
	background-color:#f4f4f4;
        border: 1px solid #ccc;
}


/* ===================== */
/* raised curved corners */
/* ===================== */
.raised {
  background:transparent; 
  width:100%;
  }
.raised h1, .raised p {
  margin:0 10px;
  }
.raised h1 {
  font-size:2em; 
  color:#fff;
  }
.raised p {
  padding-bottom:0.5em;
  }
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {
  display:block; 
  overflow:hidden;
  font-size:1px;
  }
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {
  height:1px;
  }
.raised .b2 {
  background:#ccc; 
  border-left:1px solid #fff; 
  border-right:1px solid #eee;
  }
.raised .b3 {
  background:#ccc; 
  border-left:1px solid #fff; 
  border-right:1px solid #ddd;
  }
.raised .b4 {
  background:#ccc; 
  border-left:1px solid #fff; 
  border-right:1px solid #aaa;
  }
.raised .b4b {
  background:#ccc; 
  border-left:1px solid #eee; 
  border-right:1px solid #999;
  }
.raised .b3b {
  background:#ccc; 
  border-left:1px solid #ddd; 
  border-right:1px solid #999;
  }
.raised .b2b {
  background:#ccc; 
  border-left:1px solid #aaa; 
  border-right:1px solid #999;
  }
.raised .b1 {
  margin:0 5px; 
  background:#fff;
  }
.raised .b2, .raised .b2b {
  margin:0 3px; 
  border-width:0 2px;
  }
.raised .b3, .raised .b3b {
  margin:0 2px;
  }
.raised .b4, .raised .b4b {
  height:2px; margin:0 1px;
  }
.raised .b1b {
  margin:0 5px; background:#999;
  }
.raised .boxcontent {
  display:block;  
  background:#ccc; 
  border-left:1px solid #fff; 
  border-right:1px solid #999;
  }

.shadetabs {
padding: 3px 0; 
margin-left: 0;
 margin-top: 10px;
 margin-bottom: 1px; font-family: tahoma, verdana, sans-serif;
 font-size: 95%; list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}


.shadetabs li {
display: inline; 
margin: 0;
}


.shadetabs li a {
text-decoration: none;
 padding: 3px 7px;
 margin-right: 0;
 border: 1px solid #ccc;
 color: #2d2b2b;
 background: #ccc top left repeat-x;
}


.shadetabs li a:visited{
color: #2d2b2b;
}


.shadetabs li a: hover{
text-decoration: none; 
color: #2d2b2b;
}



.shadetabs li.selected {
        
position: relative;
        
top: 1px;
	text-align: center;
	text-decoration: none;
	color: #333;
        
}



.shadetabs li.selected a {
           
border-bottom-color: white;
          
 background: #fff;
           }



.shadetabs li.selected a:hover{
text-decoration: none;
}



.tabcontentstyle {
        
border: 1px solid #ccc;
        
width: 580px;
        min-height:300px;
        height:auto !important;
        height:300px;
        margin-bottom: 1em;
        
padding: 10px;
        
}



.tabcontent {

    display:none;

}

.renshi_menu {
 border: 1px solid #ccc;
 position: relative;
 top: 0px;
 left: 480px;
 background: #eee;
 width: 100px;
 height: 16px;
 text-align: center;
 padding-bottom: 10px; 
}

.page_header {
font : bold 2.0em Arial, Sans-Serif;
color : #000000;
padding: 0px 0px 0px 0px;
}

.thread_header {
font : bold 2.0em Arial, Sans-Serif;
color : #000000;
padding: 0px 0px 0px 0px;
}

.thread_sub_header {
font : bold 5.0 em Arial, Sans-Serif;
color : #000000;
}

.thread_menu {
 position: relative;
 top: 0px;
 left: 110px;
 width: 500px;
 height: 8px;
 text-align: center;
 font-family:verdana,tahoma,helvetica;font-size:10px;
 padding: 3px 2px 8px 2px; 
}

.thread_menu_item {
 margin-left: 5px;
 position: relative;
 float: right;
 top: 0px;
 background: #ccc;
 width: 100px;
 height: 8px;
 text-align: center;
 font-family:arial, verdana,tahoma,helvetica;font-size:10px;
}

.thread_menu_item a {
display: block;
color : #ffffff;
background : #ccc;
text-decoration : none;
}

.thread_menu_item a:hover {
color: #ffff00;
width: 100%;
background : #ff3333;
text-decoration : none;
}

.DocListContent
{ 
    text-align: Left;
    line-height: .3 em;
} 

.modalBackground {
    background-color:Black;
    filter:alpha(opacity=75);
    opacity:0.9;
}

.confirm-dialog {	
    BACKGROUND: url(img/bg/dialog24.png) no-repeat left top;	
    MARGIN: 0px auto;	
    WIDTH: 400px;	
    PADDING-TOP: 14px;	
    POSITION: relative;
}

.confirm-dialog .inner {	
    PADDING-RIGHT: 10px;	
    PADDING-LEFT: 10px;	
    PADDING-BOTTOM: 11px;	
    BACKGROUND: url(img/bg/dialog24.png) no-repeat left bottom;	
    FLOAT: left;	
    MARGIN: 0px 0px 0px 0px;	
    WIDTH: 400px;	
    PADDING-TOP: 0px;
} 

.confirm-dialog .base {	
    BACKGROUND: url(img/bg/dialog-base.png) no-repeat left bottom;	
    PADDING-BOTTOM: 4px;	
    MARGIN-LEFT: 0px;	
    MARGIN-RIGHT: 0px;	
    PADDING-TOP: 4px;	
    TEXT-ALIGN: center;
}

.confirm-dialog H2 {	
    FONT-WEIGHT: bold;	
    FONT-SIZE: 1.25em;	
    COLOR: #f60;
    TEXT-ALIGN: center;
} 

.confirm-dialog input {	
    WIDTH:50px;
}

.close {	
    DISPLAY: block;	
    BACKGROUND: url(img/icn/close24.png) no-repeat 0px 0px;	
    LEFT: -5px;	
    WIDTH: 26px;	
    TEXT-INDENT: -1000em;	
    POSITION: absolute;	
    TOP: -7px;	
    HEIGHT: 26px;	
}

.ubb_quote {
margin: 15px;
font-size: 1.0em;
line-height: 1.2em;
color: #339933;
}

#slantedmenu{
font-weight: bold;
font-size: 90%;
}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #e0e0e0;
border: 1px solid #bebebe;
text-align: left; /*set value to "center" for example to center items*/
}

#slantedmenu ul li{
display: inline;
}

#slantedmenu ul li a{
color: #494949;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(media/slantdivider.gif) top right no-repeat;
}

#slantedmenu ul li a:visited{
color: #494949;
} 

#slantedmenu ul li a:hover{
color: red;
}

#slider {
	position:relative;
	//See the "style-pack" below for image
	background:url(images/loading.gif) no-repeat 50% 50%; 
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#slider a{
	display:block;
}