﻿/* POSITIONING:- MAJOR ELEMENTS
Note the    PAGE_STYLE.MASTER              is an object inside...  
              HEADER_MASTERPAGE.MASTER,      which is an object inside...
                FOOTER_MASTERPAGE.MASTER,      which is the actual outer wrapper. 
 */

/* LOGIN CONTROL STYLING */
#login-controls
{
    margin-left: auto;
    margin-right: auto;
    width:210px;    
    }
.LCTable 
{ width:210px;
    }
.LCTable #LCHeading  
{   font: bold 8pt Arial;
    padding:15px 0 10px 0;
    border-top: dotted black 1px;  
    }
.LCTable .LCTBox  
{   font: 8pt Arial;
    padding: 0;
    }  
.LCTable .LCTButton
{   font: 8pt Arial;
    padding: 2px 4px 2px 4px;
    margin: 0;
    }
    
.LCTable #LCTErrorRow  { 
    padding: 0;
    padding-bottom: 10px; 
    height: 40px;
    }  
.LCTable #LCTErrorCell  { 
    padding: 0;
    border-bottom: dotted black 1px;
    color: Red;
    font-weight: bold;
    }  
    
.bottom-divs 
{
    position: absolute;
    bottom: 0px;
}

#login-controls p
{ padding: 10px 0px 10px 0px;
    font-weight: bold;
    margin: 2px;
}
div#FooterBodyDiv
{		
      position: relative;
      margin-bottom: 0px;
      padding-bottom: 0px;
}

div#FooterBody2Div
{	  position: relative;
      margin: 0px;
      padding: 0px;

}

div#FooterDiv
{
	background-image: url('../Images/footer/bottom2.jpg');
    background-repeat: no-repeat;
    height : 152px;
	width : 880px;
	margin-left:20px;
	padding-left:0px;
	margin-top:0px;
	clear : left;
}

#footerpanel_content 
{
  
}

#footer 
{
    padding-left:0px;
	padding-top:60px;
	font-family: Arial;
	font-size: 7pt;
	color: black;
	text-align: center; }
				
#footer a a:visited {color:#330066;
							text-decoration: none;}
#footer a:hover	{color:#eeeeee;
							background-color:#555566;
							text-decoration:none;}
							
.footerlogo {vertical-align: middle;}

/* used a class as an ID would conflict with ASPx ! */
/* STYLING:- MAJOR BLOCK STYLES */
body {padding:0; 
				margin:0; 
				color:#ffffff;
				font-family:Verdana, Tahoma, Arial;
				font-size:9pt;
				color:black; 
				}
				
h1 {font-family:Arial;
				color:#6060d0;
				font-size:20pt;
				padding-top:0px;
				}

h2 {font-family:Arial;
				color:#6060d0;
				font-size:13pt;
				padding-top:10px;
				}
p	{ margin-top:18px; margin-bottom:0px; }

hr { color:#cccccc; margin-top:16px;}

#regpanel {background-color:#ddffdd; 
				margin-top:10px;
				margin-bottom:10px;
				padding:10px;
				border-top:solid 1px #888888; 
				border-left: solid 1px #aaaaaa;
				border-right: solid 1px #eeeeee;
				border-bottom: solid 1px #ffffff;
				}
.radiobuttons {padding-left:24px; 
				font-size:9pt; 
				text-align:left; 
				text-indent:-28px; 
				padding-top:16px; 
				}
#Submit1 { background-color: #e0e0e0; color:#6060d0; font-size:11pt; font-weight:bold;}
ul { margin-top:2px; 
				margin-left:0px; 
				margin-right:3px; 
				padding:0px; 
				padding-left:16px;
				}
li	{ padding-top:6px;}

.footnote { font-size: 7pt; margin:8px; padding:5px }

.tw		  {font-weight:bold; color:#aa0044; }
.tw::after {content: "Wiz"; color:#000088; font-weight:bold;}

.yt-viewer { text-align:center; 
				padding:0px;
				margin:0px;
				margin-top:10px;
				}

/* page layout below... 

#main {top:500px; left:0px;
				vertical-align:top;
				margin:0px;
				padding:0px;
				}
.main-td {  vertical-align:top;}

total width between drawn 'margins' = 850px, and 10px between columns (table cells)			

table.main-page-block {} */

div#main-content 
{
    background-color:#ff0000;
	clear:both;			
}

#main-left-table-content { 
				width:540px;
				float: left;
				vertical-align:top;
				background-color:#ffffff;
				margin-left: 30px;
				padding:10px;
}
#main-right-table-content { 
			    width:244px;
			    background-color:#ffffff;
			    vertical-align:top;
				margin-left: 10px;
				padding:10px;
				border-top: solid #b0b0b0 1px;
				border-left: solid #b0b0b0 1px;
				border-bottom: solid #606060 1px;
				border-right: solid #707070 1px;
				}
				
#main-footer-table-content {width:806px;
				background-color:#fdfdff;
				padding:10px;
				padding-top:0px;
				vertical-align:top;
				text-align: center;
				}
				
/* this is now a div style: */
#main-single-table  {
				width:845px;
				vertical-align:top; 
				background-color:#fdfdff;
				margin-top:12px;
				margin-left:38px;
				padding:0px;
				padding-bottom : 16px;
				} 

/* this is now a div style: */
#main-single-table-content { 
				background-color:#fdfdff;
				padding:15px;
				padding-top:0px;
				vertical-align:top;
				}




		
.Error
{
	font-weight: bold;
	color: #FF0000;
}

#rotator {position:absolute; top: 240px; left: 610px; width:230px; 
				/*,border: solid red 2px; */
				font-family: Arial, Helevetica;
				font-size: 14pt;
				color: #ff0000;
				text-align: center;
				padding-top:8px;
				padding-left: 8px;
				padding-right: 8px;				
				z-index : 9999;
				}				
				
				
td
{
	border-style: none;
}

.FrontLoginCtrl {text-align: center; margin-top:10px;}

.illust-l { float:left;  clear:both; } 
.illust-r { float:right; clear:both; } 
.illust-r-a { float:right; padding-left:20px;} 

.featureslist { border-collapse: collapse;
               margin:0px;
               padding:0px;
               border-bottom: solid black 1px;
               font-size:11px;
               }
               
.featureslist td { border: none;
               padding:4px; 
               margin:0px;
               padding-left:6px;}
               
.featureslist tr.h-row td{ color:#ffffff; background-color:#666666;
                           padding-top:10px;
                           font-weight:bold;}
.featureslist tr.one-row { color:#000000; background-color:#dddddd;}
.featureslist tr.two-row { color:#000000; background-color:#aaaaaa;}

.requirements li {font-size:11px; padding-top:0px;}
.requirements li.first {padding-top:12px;}

.tester tr td {border:red solid 1px;}

.MirrorTable
{
}

.MirrorRow
{
}

.MirrorHeaderRow
{
	text-decoration: underline;
	font-weight: bold;
}

.MirrorLocalRow
{
	text-decoration: underline;
	font-weight: bold;
}

.MirrorLink
{
}

.MirrorImageCell
{
}

.MirrorNameCell
{
}

.MirrorLinkCell
{
}

ul.videolist
{ margin: 50;}

.videolist li
{ font: 8pt arial;
  border: solid blue 1px;
  background-color:#ddffff;
 margin: 15px 100px 5px 20px;
  padding: 10px;
}
.videolist h2, .videolist a, .videolist a:visited
{ font: 8pt arial;
  padding: 0px;
}
    
.videolist a:hover
{ background-color:Gray;
  color:White;
 }
 
.regbutton-223-88
{
position:relative;    
width:223px;
height:88px;
padding:0;
margin-left:auto;
margin-right:auto; 
background-image: url('../Images/common/reg-button-223-88.png');
background-repeat:no-repeat;
}
.regbutton-223-88:hover
{
background-image:url('../Images/common/reg-button-hover-223-88.png');
}

div#bitc_div
{
	width : 880px;
	text-align : center;
	font-size : 9px;
}

