/* $Id: style.css,v 1.1.1.1.2.2 2008/02/19 22:58:21 lilstargazer Exp $ */

.bg
{
  color: #000000;
  background-color: #ffffff;
}
tr, td
{
  margin:0 0 0;
  color: #000000;
  font-size: 9pt;
  line-height: 1.5;
  font-family: arial;
  background-color: transparent;
}
p
{
  margin: 10px 10px 0px 0px;
}
blockquote, .tagCloud_0 a
{
  margin: 0px 5px 0px 10px;
}
pre
{
  font-size: 9pt;
  color: #000000;
  font-family: arial;
}

/* Navigation */
.link
{
  color: #0033ff;
  font-size: 9pt;
  text-decoration: none;
  background-color: transparent;
  cursor:pointer;
}
.link:hover
{
  color: #1b6e06;
  text-decoration:underline;
}
a:link, a:visited, a:active
{
  text-decoration: none;
  color: #0033ff;
}
a:hover
{
  color: #1b6e06;
  text-decoration:underline;
}
a:focus
{
  outline-style:none;
}
a.small:link, a.small:visited, a.small:active
{
  color: #0033FF;
  font-size: 8pt;
  font-weight: normal;
  text-decoration:none;
  font-family: verdana;
  background-color: transparent;
}
a.small:hover
{
  color: #ff0000;
  font-size: 8pt;
  font-weight: normal;
  font-family: verdana;
  text-decoration: none;
  background-color: transparent;
}
a.smaller
{
  font-size: 7pt;
}
a.red:link, a.red:visited, a.red:active
{
  color: #ff0000;
  font-size: 8pt;
  text-decoration: underline;
  background-color: transparent;
}
a.red:hover
{
  color: #000000;
  font-size: 8pt;
  text-decoration: none;
  background-color: transparent;
}
a.red2:link, a.red2:visited, a.red2:active
{
  color: #ff0000;
  font-size: 9pt;
  text-decoration: none;
  background-color: transparent;
}
a.red2:hover
{
  color: #000000;
  font-size: 9pt;
  text-decoration: underline;
  background-color: transparent;
}
a.none
{
  color: #000000;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  background-color: transparent;
}
a.bar, a.white
{
  color: #000000;
  text-decoration:none;
  font-weight: bold;
  font-size: 10pt;
}
a.blueBold:link, a.blueBold:visited, a.blueBold:active
{
  color: #0033FF;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  background-color: transparent;
}
a.blueBold:hover
{
  color: #1b6e06;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: underline;
  background-color: transparent;
}
a.black
{
  color: #000000;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  background-color: transparent;
}
a.green
{
  color: GREEN;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  background-color: transparent;
}
a.lightgray
{
  color: #777777;
  line-height: 18pt;
  margin-left: 5px;
  margin-right: 5px;
}
a.lightgray:hover
{
  color: #0000ff;
  line-height: 18pt;
  margin-left: 5px;
  margin-right: 5px;
}
a.button, a.button:hover
{
  text-align: center;
  font-size: 9pt;
  font-family: arial;
  color: #224059;
  text-decoration: none;
  font-weight: bold;
  border: 1px outset #224059;
  background : #e8e8e8;
  padding: 3px 10px;
  letter-spacing: 2px;
}
a.button2
{
  text-align: center;
  font-size: 9pt;
  font-family: arial;
  color: #ffffff;
  text-decoration: none;
  font-weight: none;
  border: 1px outset #0099FF;
  background : #0099FF;
  padding: 1px 10px;
  letter-spacing: 3px;
}
a.button3
{
  text-align: center;
  font-size: 9pt;
  font-family: arial;
  color: #224059;
  text-decoration: none;
  font-weight: bold;
  border: 1px outset #224059;
  background : #e8e8e8;
  padding: 1px 7px;
  letter-spacing: 2px;
}
.votebutton2
{
  font-weight: bold;
  color: #ccccff;
  font-size: 11px;
  border: 1px solid #ccccff;
  padding: 2px 0px;
  width: 70px;
  margin-top: 3px;
  align: center;
}
.votebutton
{
  background: #3366ff;
  font-weight: bold;
  color: #ffffff;
  font-size: 11px;
  border: 1px solid #ccccff;
  padding: 2px 0px;
  width: 70px;
  margin-top: 3px;
  cursor: pointer;
  align: center;
}
.votebutton:hover
{
  color: #3366ff;
  border: 1px solid #ccccff;
  background: #ffffff;
  text-decoration: none;
}
.votenumber
{
  border: 1px solid #ccccff;
  background:#dfecf5;
  width:70px;
  padding:5px 0px;
  font-size:24px;
  color:#0000ff;
}

/* Heading */
.rightHeading
{
  color: #000000;
  font-size: 11pt;
  font-family: arial;
  font-weight: bold;
  border-width: 1px;
  border-bottom-style:solid;
  border-color: #aaaaaa;
  background-color: #f1f1f1;
}
.rightBar
{
  color: #000000;
  font-size: 8pt;
  font-family: arial;
  border-width: 1px;
  border-bottom-style:solid;
  border-color: #aaaaaa;
  background-color: #f1f1f1;
}
.leftHeading,.nameHeading
{
  color: #000000;
  font-size:11pt;
  text-align:left;
  font-weight: bold;
  border-width: 1px;
  border-bottom-style:solid;
  border-color: #aaaaaa;
  background-color: #d8eaff;
}
.heading
{
  color: #000000;
  font-size: 11pt;
  font-weight: bold;
  font-family: arial;
  font-style: italic;
}
.header
{
  color: #000000;
  font-size: 10pt;
  font-weight: bold;
  font-family: arial;
  border-bottom: 1px solid #000000;
}
.blueBG
{
  color: #3366cc;
  font-weight: bold;
  border-width: 1px;
  border-color: #6482dc;
  border-bottom-style: solid;
  background-color: #eeeeee;
}
.small
{
  color: #000000;
  font-size: 8pt;
  font-family: verdana;
}
.smaller
{
  color: #000000;
  font-size: 7pt;
  font-family: verdana;
}
.red
{
  color: #ff0000;
  font-size: 9pt;
}
.redBig
{
  color: #ff0000;
  font-size: 10pt;
  font-family: arial;
}
.greenBig
{
  color: #00FF66;
  font-size: 10pt;
  font-family: arial;
}
.sideBlue
{
  border-color: #6482dc;
  border-width: 1px;
  border-left-style: solid;
  border-bottom-style: dotted;
}
.sideB
{
  border-color: #6482dc;
  border-width: 1px;
  border-left-style: solid;
  border-bottom-style: solid;
}
.sideL
{
  border-color: #6482dc;
  border-width: 1px;
  border-left-style: solid;
}
.sides
{
  border-color: #cccccc;
  border-width: 1px;
  border-left-style: solid;
  border-right-style: solid;
}
.side
{
  border-color: #cccccc;
  border-width: 1px;
  border-right-style: solid;
}
.sideL2
{
  border-left: 1px solid #cccccc;
}
.sidesWhite
{
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
.sideWhiteL
{
  border-left: 1px solid #ffffff;
}
.sideWhiteR
{
  border-right: 1px solid #ffffff;
}

/* Images */
img
{
  border-style: none;
}

/* Forms */
form
{
  margin:0 0 0 0;
}
textarea
{
  color: #000000;
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
  border: 1px solid #333333;
  padding: 4px;
}
button, input[type = submit], input[type = reset], input[type = button]
{
  font-family: arial;
  font-size: 10pt;
  color: #000000;
  border: 1px solid #000000;
  padding:1px;
  overflow:auto;
}
input , input:disabled
{
  font-family: arial;
  font-size: 10pt;
  color: #000000;
  padding:1px;
}
.formNonButton
{
  font-family: arial;
  font-size: 8pt;
  color: #0032c8;
  background: #ffffff;
  border: 1px outset #000000;
}
ul
{
  list-style-type: square;
}

/* Horizontal Ruler */
.blueHR
{
  border-bottom:1px solid #6482dc;
}
.grayHR
{
  border-bottom:1px solid #cccccc;
}
.grayHRThick
{
  border-bottom:2px solid #cccccc;
}
.blueHRThick1
{
  border-bottom:2px solid #c9d7f1;
}
.blueHRThick2
{
  border-bottom:2px solid #99ccff;
}
.grayHRTop
{
  border-top:1px solid #cccccc;
}
.blueHRTop
{
  border-top:1px solid #6482dc;
}
.blackHR
{
  border-bottom:1px solid #000000;
}
.dottedgrayHR
{
  border-bottom: 2px dotted #c0c5c9;
}

/* Table */
.table
{
  border-width: 1px;
  border-style: solid;
  border-color: #6482dc;
  border-top-style: solid;
  background-color: #ffffff;
}
.table td
{
  padding: 5px;
}

.regTable
{
  border-width: 1px;
  border-style: solid;
  border-color: #C0D1DE;
  background-color: #D6E3FF;
}
.title
{
  color: #000000;
  font-weight: bold;
  background-color: #CAE0F5;
}
.alternating2 > td, .alternating2
{
  background-color: #e3e3e3;
}
.error
{
  background-color: #ffffaa;
}
.error2 td
{
  background-color: #ffffaa;
}
.games
{
  padding: 3pt;
}
.highlight td
{
  background: #f1f1f1;
}
.mouseover:hover, .mouseover:active, .mouseover:focus
{
  background-color: #f1f1f1;
}

/* Poll */
.pollTable
{
  border-width: 1px;
  border-style: solid;
  border-color: #6482dc;
  border-top-style: solid;
  background-color: #ffffff;
}
.pollTable td
{
  color: #000000;
  font-size: 9pt;
  font-family: arial;
}
.pollBG
{
  color: #3366cc;
  font-weight: bold;
  border-width: 1px;
  border-bottom-style:solid;
  border-color: #6482dc;
  background-color: #eeeeee;
}
a.poll:link, a.poll:visited, a.poll:active
{
  color: #0033FF;
  text-decoration:none;
  font-weight:normal;
  font-size: 7pt;
}
a.poll:hover
{
  color: #1b6e06;
  background-color: transparent;
  text-decoration:underline;
  font-size: 7pt;
  font-weight: normal;
}

/* Question Bank */
.blueTable
{
  border-width: 1px;
  border-color: #6196FF;
  border-style: solid;
  background-color: #ffffff;
}
.blueTable2
{
  border-width: 1px;
  border-color: #6196FF;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  background-color: #ffffff;
}
.blueSide
{
  color: #000000;
  border-right:1px solid #6482dc;
  background-color: #D9E3FA;
}
.orangeTable
{
  border-width: 1px;
  border-color: #faae0b;
  border-style: solid;
  background-color: #ffffff;
}
.orangeBG
{
  color: #000000;
  border-width: 1px;
  border-right-style:solid;
  border-color: #faae0b;
  background-color: #f9e5b9;
}
.orangeTable2 td
{
  border-width: 1px;
  border-color: #faae0b;
  border-style: solid;
}
.orangeBG2
{
  color: #000000;
  font-weight: bold;
  border-width: 1px;
  border-bottom-style:solid;
  border-color: #faae0b;
  background-color: #f9e5b9;
}
.blueHRSmallTop
{
  color: #000000;
  font-size: 7.5pt;
  font-family: verdana;
  border-top:1px solid #6482dc;
}
.orangeHRSmallTop
{
  color: #000000;
  font-size: 7.5pt;
  font-family: verdana;
  border-top:1px solid #faae0b;
}
.headerRed
{
  color: #ff0000;
  font-size: 10pt;
  font-weight: bold;
  font-family: arial;
  border-bottom: 1px solid #ff0000;
}
.blueHRBottom
{
  color: #000000;
  font-size: 8pt;
  font-weight: bold;
  border-bottom:1px solid #6482dc;
}
.blueHRDotted
{
  border-bottom:1px dotted #6482dc;
}
.redBigBold, a.redBigBold
{
  color: #ff0000;
  font-size: 9pt;
  font-weight: bold;
  font-family: arial;
}
.blueHRSmall
{
  font-size: 7.5pt;
  font-family: verdana;
  border-top:1px dashed #6482dc;
}

/* Wizard */
.dynamic-slider-control
{
  width: auto;
  height: 20px;
  margin: 0;
}
.slider-caption
{
  width: 10px;
  float: left;
}
.slider
{
  position: relative;
  top: 0px;
  left: 0px;
  width: 255px;
}
.dynamic-slider-control
{
  position: relative;
  background-color: transparent;
  -moz-user-focus: normal;
  -moz-user-select: none;
  cursor: default;
}
.dynamic-slider-control input
{
  display: none;
}
.dynamic-slider-control .handle
{
  position: absolute;
  font-size: 1px;
  overflow: hidden;
  -moz-user-select: none;
  cursor: default;
}
.dynamic-slider-control.horizontal .handle div
{
}
.dynamic-slider-control.horizontal .handle.hover
{
}
.dynamic-slider-control.vertical .handle
{
  width: 16px;
  height: 15px;
  background-image: url("../templates/slider/handle.vertical.png");
}
.dynamic-slider-control.vertical .handle.hover
{
}
.dynamic-slider-control .line
{
  position: absolute;
  font-size: 0.01mm;
  overflow: hidden;
  border: 1px solid;
  border-color: rgb(102,102,102) white white rgb(102,102,102);
  -moz-box-sizing: content-box;
}
.dynamic-slider-control.vertical .line
{
  width: 4px;
}
.dynamic-slider-control.horizontal .line
{
  height: 4px;
}
.dynamic-slider-control .line div
{
  width: 2px;
  height: 2px;
  border: 1px solid;
  border-color: rgb(152,153,153) rgb(102,102,102) rgb(102,102,102) rgb(152,153,153);
}
.dynamic-slider-control.horizontal .handle
{
  width: 31px;
  height: 14px;
  background-image: url("../templates/slider/handle.horizontal.png");
  z-index: 999;
}

.palette
{
  border-width: 1px;
  border-style: solid;
  border-color: #aaaaaa;
}

/* Tags */
.searchTitle
{
  font-size: 17pt;
  padding:15px 4px 30px 15px;
}
input.sort
{
  color: #000;
  border: 0px solid;
  background-color: transparent;
}
.interest
{
  font-size: 18pt;
  color: #03f;
}
a.small_interest
{
  font-size: 12pt;
}
a.searchPage
{
  font-size: 13pt;
  text-decoration: underline;
}
a.commentsOnlyPage
{
  font-size: 14pt;
}
.greyPrint
{
  color:#333;
  line-height:12pt;
  font-size:9pt;
  padding-left:6px;
}
.tagCloud
{
}
.tagCloud a:hover
{
  color: #0033ff;
  text-decoration: none;
  background-color: #CAE0F5;
}
.tagCloud_0, .tagCloud_0 a
{
  font-size: 12px;
  margin-right: 5px;
}
.tagCloud_1, .tagCloud_1 a
{
  font-size: 14px;
  margin-right: 5px;
}
.tagCloud_2, .tagCloud_2 a
{
  font-size: 16px;
  margin-right: 5px;
}
.tagCloud_3, .tagCloud_3 a
{
  font-size: 20px;
  margin-right: 5px;
}
.tagCloud_4, .tagCloud_4 a
{
  font-size: 30px;
  margin-right: 5px;
}

/* Index Page & headers */
.navBar
{
  background-color: #d8eaff;
}
.grayBar
{
  height: 24px;
  color: #000000;
  font-size: 10pt;
  font-weight: bold;
  background-color: #f1f1f1;
  border-bottom: 1px solid #c0c5c9;
  padding: 0px 5px;
  vertical-align:middle;
}

.blueBar
{
  height: 24px;
  color: #000000;
  font-size: 10pt;
  font-weight: bold;
  background-color: #d8eaff;
  border-bottom: 1px solid #c0c5c9;
  padding: 0px 5px;
  vertical-align:middle;
}
.graySides
{
  border-width: 1px;
  border-color: #c0c5c9;
  border-left-style: solid;
  border-right-style: solid;
}
.grayBorder
{
  border-width: 1px;
  border-color: #c0c5c9;
  border-bottom-style:solid;
}
.headerNavBar td
{
  background: #f1f1f1;
  vertical-align:middle;
  text-align:center;
  height: 24px;
  padding: 2px 5px;
}
.headerNavBar td:hover
{
  background: #d8eaff;
}
.boldDarkGrey
{
  font-weight:bold;
  font-size:14pt;
  color:#1f4569
}
.indexTab
{
  width:100px;
  height:24px;
  padding:0px;
  cursor:pointer;
}
.index_features td
{
  padding: 10px 0px;
}
.index_pictures td
{
  padding: 0px;
}
.video_thumbnail_index
{
  width:100px;
  height:75px;
  text-align:center;
  overflow:hidden;
  line-height:65px;
}
.video_thumbnail_index img
{
  height: 75px;
}
.grayBorderAll
{
  border: 1px solid #c0c5c9;
}
.index_img_block
{
  width:60px;
  height:60px;
  text-align:center;
  overflow:hidden;
  border: 1px solid #c0c5c9;

}
.index_img_block2
{
  width:60px;
  height:60px;
  text-align:center;
  overflow:hidden;
  margin:2px;
}
.index_img_block img, .index_img_block2 img
{
  height:60px;
  margin:0px auto;
}

/* Meet the Bugs */
.mtb_icons
{
  text-align: center;
}
.mtb_icons img
{
  margin: 5px;
  cursor:pointer;
}
.mtb_info
{
  text-align:center;
  height: 300px;
}
.mtb_info td
{
  padding: 0px 20px;
}
.mtb_info table
{
  height:300px;
}

/*rapid learning*/
.bold
{
  font-weight:bold;
}
.blueHeading, .blue12
{
  color: #0000ff;
  font-size: 12pt;
  font-weight: bold;
}
.blueBold, .blue10
{
  color: #0000ff;
  font-size: 10pt;
  font-weight: bold;
}
.black16
{
  color: #000000;
  font-size: 16pt;
  font-weight: bold;
}
.black13
{
  color: #000000;
  font-size: 13pt;
  font-weight: bold;
}
.black12
{
  color: #000000;
  font-size: 12pt;
  font-weight: bold;
}
.black10
{
  color: #000000;
  font-size: 10pt;
  font-weight: bold;
}
.lightBlue12
{
  color: #6699CC;
  font-size:12pt;
  font-weight:bold;
  border-bottom: 1px solid #cccccc;
}
.tutorials
{
  padding: 3px 0px 10px 70px;
  word-spacing: 5px;
  color: #6c6c6c;
}
.tutorials a
{
  font-size:9pt;
  color: #6699CC;
}
.tab
{
  cursor: pointer;
  padding: 3px 0px 0px 3px;
}
.tab a
{
  font-size: 10pt;
  font-weight:bold;
  text-decoration: none;
}
.inactiveBG
{
  background: #eeeeee;
}
.activeBG
{
  background: #CAE0F5;
}
.corner
{
  width: 15px;
  height: 15px;
}
.smallSpace
{
  font-size:5pt;
}
.green
{
  color: #336600;
}
.blue
{
  color: #0000ff;
}
.italic
{
  font-style:italic;
}
.sortTitle
{
  float:left;
}
.sortIcon
{
  float:right;
}


.lightblueHeading16
{
  font-size:16pt;
  color:#548dd4;
}
.lightblueHeading14
{
  font-size:14pt;
  color:#548dd4;
}
.lightblueHeading12, a.lightblueHeading12
{
  font-size:12pt;
  color:#548dd4;
}
.lightblueHeading11, a.lightblueHeading11
{
  font-size:11pt;
  color:#548dd4;
}
.lightblueHeading10, a.lightblueHeading10
{
  font-size:10pt;
  color:#548dd4;
  text-decoration: none;
}
.gray
{
  color: gray;
}
.darkgray
{
  color: #686868;
}
.helpbox
{
  border: 1px solid #3faaf5;
  background-color: #e6f2fb;
  text-align: left;
  color: #000000;
  width: 18em;
  font-size: 11px;
  font-family: arial, sans-serif;
  padding: 5px;
  position:absolute;
  z-index:10;
}
.infobox
{
  border: 1px solid #3faaf5;
  background-color: #e6f2fb;
  text-align: left;
  color: #000000;
  font-size: 11px;
  font-family: arial, sans-serif;
  padding: 5px;
  position:absolute;
  z-index:10;
}
.login_box
{
  background: #ffffff;
  position: absolute;
  left: 30%;
  top: 20%;
  height: 440px;
  width: 500px;
  border: 1px solid;
  z-index: 1005;
}
.fadeBackground
{
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.2;
  opacity: .20;
  filter: alpha(opacity=20);
}
.screenOver
{
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 1;
  -moz-opacity: 0.0;
  opacity: .0;
  filter: alpha(opacity=00);
}
.friend_list
{
  background: #ffffff;
  position: absolute;
  left: 30%;
  top: 0%;
  height: auto;
  width: atuo;
  border: 1px solid;
  z-index: 1005;
}
.tabTiny
{
  cursor:pointer;
}

/* Index */
#indexContainer
{
  width: 800px;
  margin: 10px auto;
  border: 10px solid #d8eaff;
  padding: 10px;
}
.indexQuestion
{
  float: left;
  padding: 1px 0px;
  width: 70px;
  font-size: 10pt;
  border: 1px solid;
  margin-right: 20px;
  text-align: center;
  cursor: pointer;
}
.indexQuestion_selected
{
  float: left;
  padding: 1px 0px;
  width: 70px;
  font-size: 10pt;
  border: 1px solid;
  margin-right: 20px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  background: #def;
}
.indexQuestion:hover
{
  background: #def;
}

a.indexSearchLinks
{
  color: #0000ff;
  font-weight: bold;
  margin-right: 10px;
}
a.indexSearchLinks_selected, a.indexSearchLinks_selected:hover
{
  color: #000000;
  font-weight: bold;
  margin-right: 10px;
  text-decoration: none;
}
a.indexSearchLinks:hover
{
  font-weight: bold;
  margin-right: 10px;
}

.indexHeading
{
  padding:20px 0px 10px;
}

.indexText
{
  height:140px;
  padding:20px 20px 0px 0px;
  font-size:12pt;
  line-height:2em
}

.indexQuote
{
  vertical-align: middle;
  text-align:center;
  padding: 5px 10px;
  font-size: 10pt;
  color: navy;
}