/* @import url("fonts-grids.css"); */
/* @import url("video.css"); */
/* @import url("groups.css"); */

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #ffffff;
color: #222222;
margin: 0px;
padding: 0px;
}

#custom-doc {
margin:auto;text-align:left;
width:60em; /* !IE */
_width:800px;/* IE */
min-width:790px;
background-color: #ffffff;
}

a {
color:#0288cb;
text-decoration: none;
font-weight: bold;
font-size:11px;
}

a:link {
color:#0288cb;
text-decoration: none;
font-weight: bold;

}

a:visited {
text-decoration: none;
color:#0288cb;
}

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



h2 {
padding: 0px 0px 5px 0px;
margin-bottom: 10px;
font-size: 12px;
font-weight: bold;
color: #CC6633;
}

td {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.small {
font-size: 10px;
}

.label {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #222222;
}

.bold {
font-weight: bold;
}

.highlight {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 700;
color:#333333;
}

.error {
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
color: #FF0000;
}

.confirmation {
font-size: 14px;
font-weight: bold;
color: #000000;
border: 3px solid #666;
padding: 5px;
text-align: center;
}


hr {
border-left:0px none;
border-right:0px none;
border-bottom:0px none;
border-top:1px dashed #999;
height: 1px
}


.search_box {
font-size: 14px;
font-weight:bold;
background: #ffffff;
background-position: left top;
color: #000000;
WIDTH: 335px;
}

.search_select {
background-color: #ffffff;
background-position: left top;
border-bottom: 1px dashed #999999;
}


.input_btn{
font-size: 12px;
background:#FFF;
COLOR: #0066ff;
padding:0;
}

a.menu, a.menu:link, a.menu:link:visited {
font-family: Verdana, Arial;
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
}

a.menu:hover { color: #f5983e;
text-decoration:none; }

a.submenu, a.submenu:link, a.submenu:link:visited, .submenu {
font-family: verdana, arial;
font-size: 11px;
color: #00a3de;
}

a.submenu:hover {
color: #00a3de;
text-decoration:underline;
}

.copy, a.copy, a.copy:link, a.copy:visited {
color: #000000;
font-size: 10px;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin-top:0.6em;
}

.bg2{
background-color: #ffffff;
}

.tagback{
background-image: url('images/tagback.gif');
background-repeat:repeat-x;
background-position:bottom;

}

.general{
background-image: url('images/generalback.gif');
background-repeat:repeat-x;
background-position:bottom;

}


a.tags:link, a.tags:active, a.tags:visited {
color: #3F4C6B;
font-size: 12px;
font-weight: bold;
}

a.tags:hover {
color: #E67300;
text-decoration: none;
}

.box {
border:1px solid #cfd7e7;
background-color: #FFFFFF;
width:400px;
}

.comment {
background-color:#FFF;
}

.comment_head {
PADDING:10px 10px 20px 10px;
background-color:#dde1e9;
border-top:1px solid #aeb7c9;
border-bottom:1px solid #aeb7c9;
}

.float_l {
float: left;
/* color:#003; */
}

.float_r {
float: right;
}

.comment_action {
float: left;
color:#000;
}

.comment_body {
color:#000;
margin:7px;
text-align:left;
}



/* section */

div.section {
margin: 0;
padding: 0;
border: solid 1px #efefef;
margin-bottom: 0.8em;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #575757;
}

div.section div.hd {
height: 1.5em;
_height: 2em;
color: #000000;
font-family:verdana;
font-size:12px;
font-weight:bold;
padding:5px 0px 5px 2px;
overflow: hidden;
border-left:0px solid #ac66ac;
border-bottom:1px solid #ffe53a;
background-image: url("images/hd.gif");
}

div.section div.hd a {
color: #000000;
}

div.section div.hd a:hover {
color: #000000;
}

div.section div.hd div.hd-l {
margin-left:1em; float:left;
}

div.section div.hd div.hd-r {
margin-right:1em; float:right;
}


/* section end */


/* tag cloud start */

a.earliest:link {text-decoration: none; color: #CCCCCC;}
a.earliest:visited {text-decoration: none; color: #CCCCCC;}
a.earliest:hover {text-decoration: none; color: #CCCCCC;}
a.earliest:active {text-decoration: none; color: #CCCCCC;}
a.earlier:link {text-decoration: none; color: #00a7e1;}
a.earlier:visited {text-decoration: none; color: #00a7e1;}
a.earlier:hover {text-decoration: none; color: #00a7e1;}
a.earlier:active {text-decoration: none; color: #00a7e1;}

a.later:link {text-decoration: none; color: #0278ba;}
a.later:visited {text-decoration: none; color: #0278ba;}
a.later:hover {text-decoration: none; color: #0278ba;}
a.later:active {text-decoration: none; color: #0278ba;}

a.latest:link {text-decoration: none; color: #00f;}
a.latest:visited {text-decoration: none; color: #00f;}
a.latest:hover {text-decoration: none; color: #00f;}
a.latest:active {text-decoration: none; color: #00f;}

/* tag cloud end */



/*  home page */

div.featured_block {
border-bottom: 1px dashed #999999;
background: transparent url(images/related.gif);
background-repeat: repeat-x;
background-position: bottom;
background-color:#ffffff;
}

div.featured_block p {
margin:0;
padding:0;
margin-bottom: 3px;
}

/*  home page */


/* common input buton */
input.button {
font-size:9px;
cursor:pointer;
border: 1px solid #8fa2c9;
color:#525252;
background-color:#dde6f7;
display:block;
padding:3px 10px 2px 3px;
margin:3px;
background-image: url("images/bg_button.gif");
}

input.button:hover {
background-image: url("images/bg_button_hover.gif");
}

table.menu {
background-image: url("images/menu.gif");
background-repeat: repeat-x;
height:40px;
}

table.menu td {
border-right:1px solid #5a71a4;
width:800px;
padding:0.87em;
}


/*- Menu Tabs 1--------------------------- */


    #tabs1 {
      float:left;
      width:800px;
          background:#ffffff;
      font-size:93%;
      line-height:normal;
          border-bottom:3px solid #ff8400;
      margin-top:10px;
          }
    #tabs1 ul {
          margin:0;
          padding:10px 10px 0 50px;
          list-style:none;
      }
    #tabs1 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs1 a {
      float:left;
      background:url("images/tableft1.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs1 a span {
      float:left;
      display:block;
      background:url("images/tabright1.gif") no-repeat right top;
      padding:5px 15px 8px 6px;
      color:#ffffff;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs1 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#ffffff;
      }
    #tabs1 a:hover {
      background-position:0% -42px;
      }
    #tabs1 a:hover span {
      background-position:100% -42px;
      }

      #tabs1 #current a {
              background-position:0% -42px;
      }
      #tabs1 #current a span {
              background-position:100% -42px;
      }


     #logo{
      float:left;
      width:200px;
      background:#ffffff;
        margin-top:30px;
    }
      #topbar{
      width:800px;
      background: url('images/topbar.gif') repeat-x;
      border-bottom:1px solid #cccccc;

padding-top:8px;
padding-bottom:8px;
padding-right:5px;
    }
          #bottombar{
      width:800px;
      background: url('images/bottombar.gif') repeat-x;
      border-bottom:1px solid #6fceef;
padding-top:8px;
padding-left:2px;
padding-bottom:8px;
margin-left:2px;
      }

    #mainframe{
    width:800px;
    margin: 0 auto;

    }

         #rightpanel{
      float:right;
      width:400px;
      background:#ffffff;
        margin-top:0px;
    }

       #banner{
      float:right;
      width:468px;
    height:60px;
      background:#ffffff;
        margin-top:30px;
      margin-right:10px;
    }

      #footer{
      width:800px;
      background: url('images/bottombar.gif') repeat-x;
      border-bottom:1px solid #6fceef;
padding-top:8px;
padding-bottom:8px;
padding-left:2px;
margin-left:2px;
      }

a.footer, a.footer:link, a.footer:link:visited {
font-family: Verdana, Arial;
font-size: 10px;
color: #00a3de;
font-weight:normal;

}

a.footer:hover { color: #00a3de;
text-decoration:underline; }

.search_box
{
border:1px solid #027fc5;
height:16px;
padding: 3px;
font-size:12px;
color:#cccccc;
}

.commentbox{
background-color: #fef8c7;
padding: 10px;
}

.commentfooter{
background: url('images/arrow.gif') 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}













div.section div.hd11 {
height: 1.5em;
color: #85b700;
font-family:verdana;
font-size:12px;
font-weight:bold;
padding:5px 0px 5px 2px;
overflow: hidden;
border-bottom:1px solid #85b700;
background-image: url("images/hd11.gif");
}

div.section div.hd11 a {
color: #85b700;
}

div.section div.hd11 a:hover {
color: #85b700;
}

div.section div.hd11 div.hd11-l {
margin-left:1em; float:left;
}

div.section div.hd11 div.hd11-r {
margin-right:1em; float:right;
}


div.section div.hd12 {
height: 1.5em;
color: #027fc5;
font-family:verdana;
font-size:12px;
font-weight:bold;
padding:5px 0px 5px 2px;
overflow: hidden;
border-bottom:1px solid #027fc5;
background-image: url("images/hd12.gif");
}

div.section div.hd12 a {
color: #027fc5;
}

div.section div.hd12 a:hover {
color: #027fc5;
}

div.section div.hd12 div.hd12-l {
margin-left:1em; float:left;
}

div.section div.hd12 div.hd12-r {
margin-right:1em; float:right;
}


div.section div.hd13 {
height: 1.5em;
color: #cc0202;
font-family:verdana;
font-size:12px;
font-weight:bold;
padding:5px 0px 5px 2px;
overflow: hidden;
border-bottom:1px solid #cc0202;
background-image: url("images/hd13.gif");
}

div.section div.hd13 a {
color: #cc0202;
}

div.section div.hd13 a:hover {
color: #cc0202;
}

div.section div.hd13 div.hd13-l {
margin-left:1em; float:left;
}

div.section div.hd13 div.hd13-r {
margin-right:1em; float:right;
}

.footfont {
  font-family: Verdana;
  font-size: 10px;
        color: #666666;
        padding-left: 3px;
}


/*  rss + ajax ticker on homepage */

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example1 li{ /*CSS specific to demo 1*/
margin-bottom: 4px;
}

#example2 div{ /*CSS specific to demo 2*/
margin-bottom: 5px;
}

#example2 div a{ /*CSS specific to demo 2*/
text-decoration: none;
}

#example3 a{ /*CSS specific to demo 3*/
color: #D80101;
text-decoration: none;
font-weight: bold;
}

#example3 p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

code{ /*CSS for insructions*/
color: red;
}


         .searchboxtop{

      width:591px;
    height:57px;
      background:#ffffff;
    background-image:url('images/searchback.gif');
margin-left:100px;
float:left;
    }

.film_row, .cat_row {
  margin: 1em;
  font-size: 80%;
}

.alert {
  color: #ee0000;
  border: 1px #aa0000 solid;
  font-size: 80%;
}

.clear {
  clear: both;
}