/* site wide styles */
   
/* body tag formatting */
body,
.body { color: #FFFFFF; font-family: arial; font-size: 10pt; }

.bodybk { color: #000000; font-family: arial; font-size: 10pt; }

.bodybksm { color: #000000; font-family: arial; font-size: 10pt; }

P, LI, OL { color: #FFFFFF; font-family: arial; font-size: 10pt; }

/* Standard table cell formatting  */
td, th { font-family: arial; font-size: 8pt; color: #FFFFFF; }

 
textarea, select { font-family: arial; font-size: 8pt; }

/* secondary background for a body tag (for popup windows for example) */
.background2 { color: #FFFFFF; font-family: arial; font-size: 10pt; }

/* For a form label cell (e.g. "Name", "Country")*/
.label { background-color: #555B5F; font-weight: bold; color: #ffffff; font-size: 8pt; }

/* Used as a note for form labels (not as significant as label (usually not bold) */
.labelnote { color: #ffffff; font-family: arial; font-size: 8pt; font-weight: normal; }

/* For a form content cell (e.g. text input, select or text area)*/
.content { background-color: #A7A8A9; color: black; font-family: arial; font-size: 8pt; color: black; }

/* For a form content cell (e.g. text input, select or text area)*/
.contentwhitebg { background-color: #ffffff; color: black; font-family: arial; font-size: 8pt; color: black; }

/* For a form content cell that has an error (used for an incorrect input value) */
.contenterror { background-color: red; color: black; font-family: arial; font-size: 10pt; }

  
/* The heading on a form - the topmost row or "bar" */
.formheading { background-color: #4976B6; color: #000000; font-family: arial; font-size: 10pt; font-weight: bold; }

/* small text for footnotes etc */
.small { color: #FFFFFF; font-family: arial; font-size: 8pt; font-weight: normal; }

/* small text for footnotes etc */
.small2 { color: #B53C04; font-family: arial; font-size: 8pt; font-weight: bold; }

/* medium text for footnotes etc */
.medium { color: #FFFFFF; font-family: arial; font-size: 10pt; font-weight: normal; }

/* large text for prominency */
.large { color: #FFFFFF; font-family: arial; font-size: 12pt; font-weight: normal; }

/* large text for prominency */
.large2 { color: #FFFFFF; font-family: arial; font-size: 14pt; font-weight: bold; }

																																									
/* standard text that needs to be highlighted */
.highlight { color: #E09B00; font-weight: bold; }

/* Top-level Heading */
.bodyHD { font-family: arial; font-size: 12pt; font-weight: bold; color: #B53C04; width: 100%; height: 20px; }

 
/* Second-level Heading */
.bodyHD2 { font-family: arial; font-size: 10pt; font-weight: bold; color: #B53C04; width: 100%; height: 20px; }

  
/* class for error message formatting */  
.err { color: red; font-family: arial; font-size: 10pt; font-weight: bold; }

.errsmall { color: red; font-family: arial; font-size: 10pt; font-weight: bold; }

.err2 { color: red; font-family: arial; font-size: 10pt; font-weight: normal; }

/* formatting for standard messages and small text  */
.mesg { color: #B53C04; font-family: arial; font-size: 10pt; font-weight: bold; }

.info { color: #B53C04; font-family: arial; font-size: 10pt; font-size: 10pt; }

.note { color: #B53C04; font-family: arial; font-size: 10pt; font-weight: normal; }

.body { color: #B53C04; font-family: arial; font-size: 10pt; font-weight: bold; }

/* Standard Anchors (links) */
A:link { color: #FFFFFF; text-decoration: underline; font-size: 10pt; font-weight: bold; }

A:visited { color: #FFFFFF; text-decoration: underline; font-size: 10pt; font-weight: bold; }

A:active { color: #FFFFFF; text-decoration: underline; font-size: 10pt; font-weight: bold; }

A:hover { color: #B53C04; font-weight: bold; text-decoration: underline; font-size: 10pt; }

/* Footer Links */
A.footer:link { color: #FFFFFF; text-decoration: none; font-weight: normal; font-size: 8pt; }

A.footer:visited { color: #FFFFFF; text-decoration: none; font-weight: normal; font-size: 8pt; }

A.footer:active { color: #FFFFFF; text-decoration: none; font-weight: normal; font-size: 8pt; }

A.footer:hover { color: #B53C04; font-weight: normal; text-decoration: none; font-size: 8pt; }

/* Side Nav Links */
A.sidelink:link { color: #FFFFFF; text-decoration: none; font-weight: normal; font-size: 8pt; }

A.sidelink:visited { color: #FFFFFF; text-decoration: none; font-weight: normal; font-size: 8pt; }

A.sidelink:active { color: #FFFFFF; text-decoration: none; font-weight: normal; font-size: 8pt; }

A.sidelink:hover { color: #B53C04; font-weight: normal; text-decoration: none; font-size: 8pt; }

/* Large Links */
A.large:link { color: #B53C04; text-decoration: underline; font-family: arial; font-size: 12pt; font-weight: bold; }

A.large:visited { color: #B53C04; text-decoration: underline; font-family: arial; font-size: 12pt; font-weight: bold; }

A.large:active { color: #B53C04; text-decoration: underline; font-family: arial; font-size: 12pt; font-weight: bold; }

/* Extra orange links */
A.orange:link { color: #B53C04; font-family: arial; font-size: 8pt; font-weight: bold; text-decoration: underline; }

A.orange:visited { color: #B53C04; font-family: arial; font-size: 8pt; font-weight: bold; text-decoration: underline; }

A.orange:active { color: #B53C04; font-family: arial; font-size: 8pt; font-weight: bold; text-decoration: underline; }

/* Extra small links */
A.small:link { color: #ffffff; font-family: arial; font-size: 8pt; font-weight: normal; text-decoration: underline; }

A.small:visited { color: #ffffff; font-family: arial; font-size: 8pt; font-weight: normal; text-decoration: underline; }

A.small:active { color: #ffffff; font-family: arial; font-size: 8pt; font-weight: normal; text-decoration: underline; }

/* links inside tables that display reports */
A.contentlink:link { color: #000000; font-family: arial; font-size: 8pt; font-weight: bold; text-decoration: underline; }

A.contentlink:visited { color: #000000; font-family: arial; font-size: 8pt; font-weight: bold; text-decoration: underline; }

A.contentlink:active { color: #000000; font-family: arial; font-size: 8pt; font-weight: bold; text-decoration: underline; }

/* medium-size links */
A.medium:link { color: #B53C04; font-family: arial; font-size: 11pt; font-weight: bold; text-decoration: underline; }

A.medium:visited { color: #B53C04; font-family: arial; font-size: 11pt; font-weight: bold; text-decoration: underline; }

A.medium:active { color: #B53C04; font-family: arial; font-size: 11pt; font-weight: bold; text-decoration: underline; }

/*******************************************************************/	  
	/*
div.smallbeige { color:# BE9906; font-family:arial; font-size:10pt; font-weight:normal; text-decoration:none;}
    .small {  color:black; font-family:arial; font-size:10pt; font-weight:normal;}
*/
/* Second level heading */
div.level2heading { font-family: arial; font-size: 14pt; font-weight: bold; color: #000000; width: 100%; height: 20px; }

/* Div for navigation menu for multi-level reports */
div.subnavmenu { font-family: arial; font-size: 11pt; font-weight: normal; color: #000000; background-color: #B53C04; height: 10px; width: 500px; padding: 2px; }

         .reg { border: 1px solid #999999; background-color: #333333 !important; color: #FFFFFF; padding-left: 5px; width: 250px; }

         
         .reg_label { width: 180px; }

			
			
         .form_error { color: #FFD800; font-family: arial, helvetica; font-size: 12px; }

			

         a.popup_help, a.popup_help:visited
         {
            position:            relative;
            text-decoration:     none;
            z-index:             1;
         }
         
         a.popup_help div, #popup_help div
         {
            visibility:          hidden;
            display:			none;
             position:            absolute; 
            right:              40px;
            top:    			0px;
         }
         
         a.popup_help:hover
         {
            text-decoration:     none; 
            border:              0;
            z-index:             1000;
         }
         
         a.popup_help:hover div, #popup_help:hover div
         {
            visibility:          visible;
           	display: 			block! important; 
				width:					200px;
            max-width:           210px;
            border:              1px solid #FFF;
            padding:             5px;
            padding-left:        10px;
            margin-left:         10px;
            background-color:    #FFF8BE;
            background-repeat:   no-repeat;
            color:               #000000;
            font-family:         arial, helvetica;
            font-weight:         normal;
            font-size:           10px;
         }

         .game_report_0,
         .game_report_1,
         .game_report_selected_0,
         .game_report_selected_1
         {
            padding:            5px;
         }

         .game_report_0,
         .game_report_selected_0
         {
            border:             1px solid #333333;
            background-color:   #222222;
         }

         .game_report_1,
         .game_report_selected_1
         {
            border:             1px solid #333333;
            background-color:   #111111;
         }

         .game_report_selected_0,
         .game_report_selected_1
         {
            border:             1px solid #999999;
         }

.ccinfo { background-color: green; }
/* float window script stuff */
.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: black;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter: progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}

div#fadeDiv {
   position:absolute;
   background-color:#777777;
   display:none;
   top:0px;
   left:0px;
   height:100%;
   width:100%;
   opacity: 0.5;
   -moz-opacity: 0.5;
   -khtml-opacity: 0.5;
   filter: alpha(opacity=50);
}

div.lone-icon {
  float: right;	
}

div.lone-icon a {
  width: 96px;
  height: 96px;
  display: block;
  outline: none;
  text-decoration: none;
  color: #E09B00;
  display: block;
  font-size: 9pt;
  font-weight: bold;
  text-align: center;
}

div.lone-icon a span {
  position: relative;
  top: -2.8em;
}

div.lone-icon a:focus,
div.lone-icon a:hover {
  background-position: 50% -96px !important;
}


div.icon-revoke a span {
  position: relative;
  top: -3.6em;
}
div.icon-revoke {
  margin-top: 4em;
  line-height: 1.2em;
}


.rtp-list {
   margin-top: 2em;
}

.rtp-list dl dt, 
.rtp-list dl dd {
   float: none;
   margin: 0;
   width: auto;
   margin-bottom: 1em;
}

.rtp-list dl dt.rtp-section {
   font-size: 1.5em;
   margin-bottom: 0.5em;
   clear: both;
}

.rtp-list dl dl dt.rtp-section {
   font-weight: normal;
   font-size: 1.2em;
   margin-top: 0.5em;
   clear: both;
}

.rtp-list dl dt.rtp-key {
   font-weight: bold;
   float: left;
   clear: left;
   width: 40%;
   padding-left: 1em;
}

.rtp-list dl dd.rtp-value {
   float: left;
   clear: right;
   width: 40%;
   padding-left: 1em;
   font-size: 0.9em;
}

div.disclaimer-notice
{
   clear:               left;
   float:               left;
   padding:             5px 5px 5px 5px;
   border-top:          2px groove #bfbfbf;
   margin-top:          5px;
   width:               80%;
}

div.disclaimer-notice a
{
   text-decoration:     underline;
   font-size:           8pt;
}

#payment-carousel {
  width: 166px; 
  height: 95px;
  background: #000;
  overflow: scroll;
  position: relative;
  background-image: url(http://edgecastcdn.net/000420/resources/hellada/images/payment-carousel-background.png);
  display: none;
}

#payment-carousel-overlay {
  width: 166px; 
  height: 95px; 
  background-image: url(http://edgecastcdn.net/000420/resources/hellada/images/payment-carousel-overlay.png);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100000;
  display: none;
}

#payment-carousel img {
  float: left;
  margin: 5px;
}

div.footer-icons {
   float: right;
   margin-left: 1em;
   margin-top: 12px;
}

div.footer-icons a {
   float: right;
   border: none !important;
   margin-left: 1em;
}

div.footer-icons a.gamcare {
   width: 32px;
   height: 35px;
   display: block;
   overflow: hidden;
   text-indent: -10000px;
   line-height: 0;
   background: transparent url(http://edgecastcdn.net/000420/resources/hellada/images/gamcare.png) no-repeat 0 0;
}

div.footer-icons a.icon-18 {
   width: 32px;
   height: 32px;
   display: block;
   overflow: hidden;
   text-indent: -10000px;
   line-height: 0;
   background: transparent url(http://edgecastcdn.net/000420/resources/hellada/images/18.png) no-repeat 0 0;
}

div.footer-links {
   clear: both;
   text-align: center;
}