html *
  {
    font-size: 100.01%;
  }

  html
  {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
    overflow-x: auto;
  }

  body
  {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 75.00%; 
    color: #3e5263;	
    background: #FBFBFB url(../gfx/style/bgg.png) repeat-y center; padding: 0;
  }

  img
  {
    border:0 solid;
    vertical-align:middle;
  }

  h2
  {
    color: #0896aa;
    font-size: 200.00%;

  }

  .topLogin a
  {
    color: #FFFFFF; text-decoration:underline;
  }
  .topLogin a:focus,
  .topLogin a:hover,
  .topLogin a:active
  {
    text-decoration:none;
  }

  .topLogin input.box
  {
    border: 0;
    background: transparent url(../gfx/style/text.png) top left no-repeat;
    width: 200px;
    height: 25px;
    line-height: 25px;
    padding: 0px 5px;
    font-size: 125%;
    color: #399;
  }


  input.sendbutton
  { 
    width:81px;
    height: 21px;  
    padding:0px; 
    font-size:1em;
    font-weight: bold;
    color: #fff;
    background: transparent url(../gfx/style/submit.png) no-repeat;
    border: none;
  }

  a
  {
    color: #0896aa; text-decoration:none;
  }
  a:focus,
  a:hover,
  a:active
  {
    text-decoration:underline;
  }

  #page_margins
  {
    min-width: 981px;
    max-width: 981px;

    text-align:left;
    margin: 0 auto;
  }

  #page
  {
    padding: 0px 0px 0px 0px;
  }

  #header
  {
    color: #000;
    background: transparent;
    padding: 20px 20px 2em 20px;
  }

  #header,#nav,#main,#footer
  {
    clear:both;
    background: transparent;
  }

  #startteaser
  {
    color: #aaa;
    background:#026079 url(../gfx/backStart.png) no-repeat;
    min-height: 190px;
    padding: 10px 10px 10px 10px;
    border-bottom: 4px #0896aa solid;
  }

  #topBanner
  {
    vertical-align: middle;
    padding: 10px 50px 0px 0px;
  }

  #startteaser3
  {
    color: #aaa;
    background:#006666 url(../gfx/style/bg_teaser.gif) repeat-x bottom;
    min-height: 85px;
    padding: 10px 10px 10px 10px;
    border-bottom: 4px #028fc6 solid;
  }

  #startteaser2
  {
    color: #aaa;
    background:#0000FF;
    min-height: 85px;
    padding: 10px 10px 10px 10px;
    border-bottom: 4px #028fc6 solid;
  }

  #main
  {
    background: #fff;
    padding:20px 20px 20px 20px;
  }

  #breadcrumb
  {
    background: #fbfbfb;
    color:#8a98a4;
    padding: 10px 20px 8px 20px;
    margin-bottom: 40px;
    border-top: 1px #efefef solid;
    border-bottom: 1px #efefef solid;
  }




  .subcolumns
  {
    width:100%;
    overflow:hidden;
  }

  .subcl
  {
    padding:0 1em 0 0
  }

  .c50l,.c50r
  {
    width:50%
  }

  .c25l,.c25r
  {
    width:25%
  }

  .c75l,.c75r
  {
    width:75%
  }

  .c50l,.c25l,.c75ll
  {
    float:left
  }

  .c50r,.c25r,.c75r
  {
    float:right;
    margin-left:-5px;
  }

  .clearfix:after
  {
    content:".";display:block;
    height:0;
    clear:both;
    visibility:hidden;
  }

  #lang
  {
    padding-top: 20px;
    text-align: right;
  }

  div
  {
    position: relative;
  }



  div#feature_list
  {
    width: 100%;
    overflow: hidden;
    position: relative;
  }

  div#feature_list ul
  {
    position: relative;
    top: 0;
    list-style: none;	
    padding: 0;
    margin: 0;
  }

  ul#output
  {
    right: 0;
    width: 100%;
    height: 200px;
    position: relative;
  }
 
  ul#output li
  {
    position: relative;
    width: 100%;
    height: 200px;
    font-size: 21px;
    color: #FFF;
  }

  ul#tabs
  {
    position: absolute;
    visibility:hidden;
  }


  table.cmTable
  {
	border-collapse: collapse;
        border-style: solid;
        border-width: 1px;
        border-color: black;
	margin-bottom: 3em;
	font-size: 85%;
	line-height: 1.2;
        font-family: arial, helvetica, sans-serif;
        text-align: left;
  }

  .cmTable th, td
  {
	font-weight: normal;
	padding: .3em .5em;
  }

  .cmTable thead th
  {
	font-weight: bold;
        background:#FFFFFF url(../gfx/style/gradBar.png) repeat-x bottom;
	padding-left: .5em;
        font-size: 110%;
        color: #FFF;
  }

  .cmTable tbody th
  {
        font-weight: bold;
	text-align: left;
  }

  tr.cmMain
  {
        border-top-style: solid;
        border-top-width: 1px;
  }

  tr.cmSub
  {
        border-style: none;
        border-width: 0px;
  }

  font.active
  {
    color:#000000;
  }

  font.inactive
  {
    color:red;
  }

  font.paused
  {
    color:yellow;
  }



  a.campaignStart
  {
    display: block;
    width: 10px; 
    height: 10px;
    background-image: url(../gfx/play.png);
    background-position: top;
    text-indent:-9999px;
    float: right;
    margin:0px 5px 0px 5px;
  }

  a.campaignStart:hover
  {
    background-image: url(../gfx/playR.png);
  }



  a.campaignPause
  {
    display: block;
    width: 10px; 
    height: 10px;
    background-image: url(../gfx/pause.png);
    background-position: top;
    text-indent:-9999px;
    float: right;
    margin:0px 5px 0px 5px;
  }

  a.campaignPause:hover
  {
    background-image: url(../gfx/pauseR.png);
  }

  p.category
  {
    padding-left: 10px;
    font-size: 125%;
    font-weight: bold;
    color: #0896aa;
  }




.expand{
	background: url(/gfx/expand-icons.png) 0 -23px no-repeat;
	display: block;
	height: 16px;
	outline: none;
	right: 0;
	top: 0;
	width: 16px;
}
.expand:hover{
	background: url(/gfx/expand-icons.png) 0 -73px no-repeat;
}
.collapse{
	background: url(/gfx/expand-icons.png) 0 -123px no-repeat;
	display: block;
	height: 16px;
	outline: none;
	right: 0;
	top: 0;
	width: 16px;
}
.collapse:hover{
	background: url(/gfx/expand-icons.png) 0 -173px no-repeat;
}
.loading{
	background: url(/gfx/spinner2.gif) no-repeat;
	display: block;
	height: 16px;
	outline: none;
	right: 0;
	top: 0;
	width: 16px;
}