/*******************
 * Basic Framework *
 *******************/ 
body {
  /*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; */
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 11px;
  letter-spacing: 0px;
  margin:0;
  padding:0;
}

a {
 color: #990000;
 text-decoration: none;
}

a:hover {
color: #660033;
text-decoration: underline;
}

a.action {
 color: #CC3366;
 font-style: italic;
}

a.action:hover {
}
/****************************************************************************
* Page Framework                                                            *
****************************************************************************/
#container{
 width: 760px; /*Width of main container*/
 margin: 0 auto; /*Center container on page*/
 background-color: #ffffff;
}

#header {
 margin: 0;
 padding: 0;
 height: 28px;
 color: #eeeeee;
 background-color: #660033;
 border: 1px solid #333333;
}

#wrapper {
 margin-top: 2px;
 float: left;
 width: 100%;
}

#adsense{
 float: right; 
 width: 120px;
 min-height: 600px; 
 padding: 0;
}

#nav{
 float: left;
 width: 100px; /*Width of left column in pixel*/
 padding: 0;
}

#content{
 margin-left: 100px;
 margin-right: 120px;
 background-color: #ffffff;
 padding: 0;
}

div.spacer{
  clear:both; 
  height:2px; 
  display:block;
  margin: 0;
  padding: 0;
}

#footer{
 clear: left;
 border-top: 1px solid #330000;
 width: 100%;
 text-align: center;
 padding: 4px 0;
}

/* header content */
#sb_title {
 float: left;
 margin: 0;
 padding: 6px 0 6px 10px;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 16px;
 letter-spacing: 1px;
}  
#sb_status {
 float: right;
 margin: 0;
 padding: 11px 10px 6px 0px;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 11px;
 letter-spacing: 0px;
 font-style: normal;
 color: #dddddd;
} 
#sb_status a {
 text-decoration: none;
 color: #dddddd;
} 
#sb_status a:hover {
 color: #dddddd;
 text-decoration: underline;
} 

/*********************
 * Navigation Column *
 ********************/
ul.page {
  /* font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; */
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;    
  width: 100%;
  line-height: 1em;
  /* padding: 2px 0px 2px 0px ; */
  padding: 0;
  margin: 0;
  list-style: none;
  border-bottom: 1px solid #CCCCCC;
}

ul.page li {
  border-top: 1px solid #CCCCCC;
  padding: 3px;
  margin: 0;
  color: #333333;
  font-weight: normal;
}
ul.page li:hover {
  background-color: #eeeeee;
}
ul.page li.active {
  background-color: #FFFFCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}
ul.page li a {
  text-decoration: none;
  color: #333333;
}

ul.page li a:hover {
  text-decoration: underline;
}

ul.filter {
  font-size: 11px; 
  letter-spacing: 0px;
  text-transform: none;
  list-style: none;
  text-indent: 5px;
  margin: 0 0 2px 0;
  padding:0;
}

ul.filter li {
 color: #666666;
 border-top: 0px;
}

ul.filter li.al a {
  color: #BBBBBB; 
}
ul.filter li a {
  color: #999999;
  text-decoration: none;
}
ul.filter li a:hover {
  text-decoration: underline;
}

/*******************
 * Content Details *
 *******************/
div.innertube {
 padding: 0;
 margin: 0px 5px 3px 5px; /* changed this */
}

div.box {
 margin: 0 0 4px 0;
 padding: 0;
 border: 1px solid #CCCCCC;
}
div.box_top {
 margin: 0;
 padding: 0;
 height: 18px;
 color: #660033;
 background-color: #EEEEEE;
 border-bottom: 1px solid #CCCCCC;
}
.box_status {
 float: right;
 margin: 0;
 padding: 3px 5px 0px 0px;
 font-size: 11px;
 letter-spacing: 0px;
 font-style: normal;
 color: #666666;
} 
.box_status a {
 text-decoration: none;
 color: #666666;
} 
.box_status a:hover {
 color: #666666;
 text-decoration: underline;
}

h2 {
 margin: 0;
 padding: 2px 3px 1px 3px;
 font-size: 12px;
 font-weight: normal;
 color: #660033;
 background-color: #EEEEEE;
 border: 1px solid #CCCCCC;
}
h3 {
 float: left;
 margin: 0;
 padding: 2px 3px 1px 3px;
 font-size: 12px;
 font-weight: normal;
 color: #660033;
 background-color: #EEEEEE;
}

p {
 margin: 2px 0 8px 0;
}

p.hint {
 font-size: 9px;
 font-weight: normal;
 font-style: italic;
 color: #666666;
} 

div.left {
float: left;
width: 260px;
}

div.right {
float: right;
width: 260px;
}
 
table.form {
  border-width: 0px;
  border-style: hidden;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 5px;
  margin-left: 0px;
}

tr.hide {
  display: none;
}

td.title {
  text-transform: uppercase;
}

td.n {
  text-align: right;
  width: 100px;
  padding: 1px;
  vertical-align: top; 
  color: #666666;
}
td.n a {
  text-decoration: underline; 
}
td.n a:hover {
}

td.v {
  font-style: normal;
  text-align: left;
  padding: 1px;
  margin: 0;
  width: 350px;
}
td.w {
  font-style: normal;
  text-align: left;
  padding: 1px;
  width: 430px;
}

td.v a {
  text-decoration: none;
}
td.v a:hover {
  text-decoration: underline;
}
input {
 padding: 1px;
 margin: 1px;
}
input.ro {
background-color: #eeeeee;
}
input.req {
background-color: #ffffcc;
}

#browse ul, #browse li {
 display: inline;
 list-style-type: none;
 margin: 0;
 padding: 0;
}

div.search {
 margin: 0 0 0 0;
 padding: 7px 3px 5px 3px;
 background-color: #ffffcc;
 border-right: 1px solid #CCCCCC;
 /* border-bottom: 1px solid #CCCCCC; */
 border-left: 1px solid #CCCCCC;
 border-top: 0 none;
}
div.cork {
 margin: 0;
 padding: 0;
 height: 3px;
 border-top: 1px solid #CCCCCC;
}
/* for tabs  */
ul.tabmenu {
  list-style: none;
  border-bottom: 1px solid #CCCCCC;
  margin: 10px 0px 0px 0px;
  padding: 0 0 0 6px;
}
ul.tabmenu li {
  display: inline;  
  margin-right: 2px;
}
ul.tabmenu li a {
  font-size: 11px; 
  color: #666666;
  padding: 5px 8px 0 8px;
  text-decoration: none;
  border: 1px solid #CCCCCC;
  border-bottom: none;
  background-color: #F7F7F7;
}
ul.tabmenu li a:hover {
  text-decoration: underline;
  padding: 5px 8px 0 8px;
}

ul.tabmenu li a.active {
  color: #660033;
  background-color: #ffffcc;
  border-bottom: 1px solid #ffffcc;
}
ul.tabmenu li a.action:hover {
  text-decoration: underline;
}

.label {
 font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
 font-size:12px;
 letter-spacing: 0px;
 padding: 7px 0 7px 0;
 width: 348px;
 margin: 0;
 background-color: #FFFFEE;
 border: 1px solid #CCCCCC;
 text-align: center;
 line-height: 1.5em;
}
textarea.v_text {
 width: 348px;
}
/* table column widths, max width = 528 */
th {font-weight: normal; color: #666666;}
td.wr {width: 126px;}
th.wn {width: 443px; background-color: #F7F7F7; text-align: center; border: 1px solid #CCCCCC; }
td.wn {width: 443px;}
th.cn {width: 400px; color: #000000; border-bottom: 1px solid #CCCCCC;}
td.cn {width: 400px;}
td.vn {width: 40px;}
th.bt {width: 45px; color: #000000; border-bottom: 1px solid #CCCCCC; }
td.bt {width: 45px; text-align: center;}
th.rt {width: 40px; color: #000000; border-bottom: 1px solid #CCCCCC; }
td.rt {width: 40px; text-align: center;}
th.dt {width: 43px; color: #000000; border-bottom: 1px solid #CCCCCC; }
td.dt {width: 43px; text-align: center;}
td.fr {width: 400px;}
th.fr {width: 400px; background-color: #FFFFcc; border: 1px solid #CCCCCC; }
td.ac {width: 128px;}
th.ac {width: 128px; background-color: #F7F7F7; text-align: center; border: 1px solid #CCCCCC;}
div.messages {
 margin: 8px 0px 0px 0px;
 padding: 1px;
 text-align: center;
 background-color: #FFDDEE;
 border: 1px solid #cccccc;
}
p.notice {
 margin: 0;
 padding: 0;
}
form.hidden {
display: inline;
}