@charset "UTF-8"; 

/********************* HTML *********************/
	
h1 
	{ 
		font:1.5em verdana,arial,sans-serif;
		margin:0.5em 0;
		margin-top: 0px;
	}

h2	
	{
		font:1.2em arial,sans-serif;
		font-weight:bold;
		margin:0 0 0.3em;
	}		
	
h3 
	{
		font:1em verdana,arial,sans-serif;
		margin:0 0 0.5em;
		font-weight:bold;
	}	
	
h4 
	{
		font:1.25em georgia,serif; 
		font-weight:bold;
	}			

ul
  {
    padding-left: 25px;   
  }

a
	{
		color: #2679A4;
	}
  
html 
	{
		height: 100%;
		font-family:arial,sans-serif;	
		font-size:small;		
		color: #333;
		background-color: rgb(245,245,245);
		border-color: #2679A4;		
	}
	  
  
p 
	{ 
		line-height:1.25;						
		margin-bottom: 10px;
		margin-right: 10px;		 
		text-align: justify;
		line-height: 150%;	
	}	  

/********************* DIV *********************/

.NoUnderline a
	{
		text-decoration: none;
	}	
	
.BottomBorder H2
	{
		/* border-bottom: groove; */
		border-bottom: solid;		
		border-color: #999999;
		border-width: 2px;
		/* border-color: #2679A4; */
	}	

#Container
	{
		position:relative;			
		top:0px;
		left:0px;
		width:940px;
		margin:0 auto;
		padding:0px;		   
		height:100%; 			
	}
	
#AContainer
	{
		position:relative;			
		top:0px;
		left:0px;
		width:770px;
		margin:0 auto;
		padding:0px;		   
		height:100%; 			
	}	
				
#LeftBar
	{
		width: 768px;
		/* background-color: blue; */		
		float: left;
		position: relative;		
	}
	
#RightBar
	{
		/* background-color: red; */
		float: right;		
	}
	
#TopBar
	{
		position:relative;
		top:5px;
		left:0px;
		height:58px;					
		margin:0;
		padding:0;
		text-align: left;		
	}	
	
#Logo		
  {
  	float:left;
  	height: 58px;	
  	width: 230px;
  }	
 
#Beta		
  {
  	float:none;
  	position: absolute;
  	left: 62px;
  	top: 41px;
  	height: 29px;	
  	width:  56px;
  	z-index:20;
  } 
  
#MenuBar
	{
		position:relative;					
		float:left;
		left:30px;
		margin:0;				
		top:23px;
		max-height: 30px;
		padding:0;				
		z-index:10;
	}	
	
#FlagBar
	{
		position:relative;		
		float:right;						
		z-index:10;		
		top: 28px;
		right: -2px;
		border-width: 1px;
		border-style: solid;
		border-bottom-style: none;
		border-color: #2679A4;
		background-color: #FFFFFF;
		padding: 2px;
		padding-bottom: 0px;
		border-top-left-radius: 4px 4px;
		border-top-right-radius: 4px 4px;				
	}	  
	
.Footer
	{
		position:relative;
		top: 0;					
		clear:both;		
		text-align: center;
		vertical-align:middle;
		background-color: #2679A4;
		color:white;
		font-size: 11px;		
		z-index: 2;
		width: 770px;
		height: 16px;
		border-bottom-left-radius: 4px 4px;
		border-bottom-right-radius: 4px 4px;		
	}
	
.LoginBar
	{
		position:absolute;		
		top:0px;
		left:250px;
		width:380px;		
		padding:0px;				
		font-size: 12px;								
		z-index: 2;
	}			
	
.LogoutBar
	{
		position:absolute;
		float:right;
		top:-23px;		
		left:500px;
		width:270px;		
		padding:0px;		
		font-size: 12px;						
		padding-right: 5px;			
	}	
	
#MenuFooter	
	{
		position:relative;
		width:770px;				
		height:6px;
		float:left;
		top:0px;		
		left:0px;
		padding:0;			
		background-color: #2679A4;		
		border-top-left-radius: 4px 4px;
	}
	
#PolicyContent
	{					
		position:relative;			
		top:10px;
		left:0px;
		width:700px;
		margin:0 auto -4em;  
		padding:0px;		
		height:auto !important; 
		height:100%; 

		min-height:100%;
		border-style: solid;
	}	
	
#Content
	{
		position:relative;
		float:left;				
		top:0px;		
		left:0px;
		width:768px;
		min-height:550px;
		padding:0;		
		z-index: 1;				
		border-style: solid;
		border-width: 1px;
		border-color: #2679A4;
		background-color: white;
	}	
	
.Footer a
	{
		color:white;
		text-decoration: none;
	}			

.TextFrame
	{
		position:relative;
		padding: 15px;
		min-height: 610px;
		background-color: white;
	}	 	
	
.MainTextFrame
	{
		position:relative;
		float: left;
		padding-left: 15px;
		padding-top: 15px;
		width: 360px;
		background-color: white;
	}	 	
	
#Example
	{
		position:relative;
		padding: 15px;		
		padding-bottom: 0px;
		float: left;
		max-width:360px;
	}		
	
#FormFrame
	{
		position:relative;
		float: left;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		width: 738px; 
		background-color: white;
	}			

#AdminFrame
	{
		position:relative;
		padding: 10px;
		margin: 1%;
		height: 100%;
		min-height: 616px;
		border-style:solid;		
		border-width: 1px;
		border-color: #FFCCCC;
		background-color: white;
	}	

div.SQLBox
	{	
		float:    left;
		width:    690px;
		height:  250px; 
		max-height: 500px;		
		overflow:auto;
		border: solid;
		border-width: 1px;		
	}	
			
/******************* AdSense ********************/
			
#SquareMainPageAdv
	{
		float: right;		
	}

#RightAdv
	{
		position: relative;
		top: 65px;
		float: right;
	}
	
#HB_Text
	{
		position: relative;
		float: left;
		left: 5px;
		width: 728px;
		height: 90px;
		padding-top: 10px;
		padding-bottom: 10px;
		/* background-color: green; */
	}	
	
/******************** OTHERS ********************/
.BookMarks
	{
		float: left;		
		margin-top: 10px;
		margin-bottom: 15px;
		width: 345px;
		
		padding-left: 3px;
		padding-top: 3px;
		padding-bottom: 3px;
				
		border-bottom-style: solid;
		border-width: 1px;
		border-top-style: solid;
		border-color: #2679A4;		
	}

#Dim
	{
		visibility: hidden;		
	}		

*{
	 margin: 0;
 }
 
table.Upload 
	{
		float: left;
		background-color: #B8D4E6; 
		width: 475px;
		height: 250px;
		padding: 6px;
		
		border-style: solid;
		border-width: 1px;
		border-color: #2679A4;
	} 

table.Upload td  
	{		
		padding: 1px;
	}
 
.ImageBoder	
  {        
    border-style: solid;
		border-width: 1px;
		border-color: #2679A4;
  }

.BlackBorder
	{
		border-width:  1px;
		border-color: black;
	}
	
.NoBorder
	{
		border-width: 0px;
	}		
	
.Attention
	{
		font-size:1.3em; 
		font-weight: bold;
		color: red;
	}		
	
.Planned
	{
		font-weight: bold;
		color: #F050A0;
	}	
	
.VMiddle
	{
  	 vertical-align: middle;
  }			

#XMarks
	{
		float:right;
	}

.InlineTable
	{
		display: inline-table;		
	}	

table.SQLResult
	{
		max-width: 500px; 		
		margin: 0px;
		padding: 0px;	   		
		vertical-align:middle;
		border-color: #CCCCCC;
		color: #101010;		
	}
	
table.SQLResult td
	{
		background-color: #E0EEFF;
	}
		
table.SQLResult th
	{
		background-color: #D8E2FF;
		padding-top: 	  5px;
		padding-bottom: 5px;
	}	
	
table.IDPhoto
	{		
		margin: 0px;
		padding: 0px;	 		 		
		vertical-align:middle;
		/* border-color: #CCCCCC; */
		width:100%;
	}					
	
table.IDPhoto td 
	{
		padding: 8px; 
		border-width: 0px;
		text-align:center;
		vertical-align:middle;
		border:1px; 	
		border-style: solid;
		border-color: #707070;
	 }	

table.AdminResult
	{
		border-width: 1px;
		margin: 0px;
		padding: 0px;	   
		border-style: solid;		
		vertical-align:middle;
		border-color: #CCCCCC;				
	}					
	
table.AdminResult td 
	{
		padding: 8px;
		border-width: 0px;
		text-align:center;
		border:1px;	
		border-style: solid;
		border-color: #CCCCCC;			
		max-width: 210px;
	 }	

table.Base
	{
		border-width: 0px;
		margin: 0px;
		padding: 0px;
	  border:20px;	
		border-style: none;		
		vertical-align:middle;				
	}

	
table.Base td 
	{
		padding: 0px;
		text-align:center;
		border:0px;	
		border-style: none;		
 }			
	
table.sample
	{
		border-width: 1px;
		border-spacing: 2px;
		border-style: dotted;
		border-color: gray;
		border-collapse: separate;
		background-color: #ffffff;		
	}
	
table.sample th 
	{
		border-width: medium;
		padding: 0px;
		border-style: dotted;
		border-color: gray;
		background-color: #668899;
}

table.sample td 
	{
		border-width: medium;
		padding: 0px;
		border-style: none;
		border-color: gray;
		background-color: #aaddee;		
 }