/********************************************************************************
//  checker.css
//  POP Mail Checker
//
//  Created by Gordon Ho on 26/04/2006.
//  Copyright 2006 GoGoalSoft Limited. All rights reserved.
//
//	http://www.gogoalsoft.com/
//
//	info@gogoalsoft.com
//
********************************************************************************/


body {
	margin: 0px;
}


/*
.backgroundImage {
    position: absolute;
    top: 0px;
    left: 0px;
}
*/

 

#front {
    display:block;
} 




#infoButton {
    position:absolute;
    top: 135px;
    right:30px;
}


.mailText {
	font: 48px "Verdana";
	color: #FFFFFF;
	
}


.mainText {
	font: 14px "Verdana";
	color: #DD9414;
	
}


.statusText {
	font: 8px "Verdana";
	color: #B6FA91;
	
	position: absolute;
	width:45%; 
	top: 125px;
	left: 8px;	
}





#AccountTable {
	position: 	absolute;
	top: 		4px;
	left: 		6px;
	text-align: middle;
	width:		230px;
}


#WhiteLine {
	background: url(line_c.png) repeat-x center center;
	width: 100%;
}


#Account {
	font: 14px "Verdana";
	color: 			#DD9414;
	font-weight:	bold;
	white-space: 	nowrap;
}    


#Display {
	position: absolute;
	top: 60px;
	left: 8px;
}    


#MailTable
{
	position: absolute;
	bottom: 10px;

}


#UsedSubject, #Used {
	position: absolute;
	top: 45px;
	left: 160px;
}    

#TotalSubject, #Total {
	position: absolute;
	top: 60px;
	left: 160px;
}    

#Percentage {
	position: absolute;
	top: 94px;
	left: 235px;
}    


#square1 {
	position: absolute;
	top: 92px;
	left: 160px;
} 
 
#square2 {
	position: absolute;
	top: 96px;
	left: 184px;
} 
 
#square3 {
	position: absolute;
	top: 100px;
	left: 204px;
} 
 
#square4 {
	position: absolute;
	top: 104px;
	left: 220px;
} 
  
 
 
 
 
 
 

#back {
    display:none;
} 



#doneButton {
    position:absolute;
    top:120px;
    right:15px;
}



#logo {
    position:absolute;
    top:118px;
    left:8px;
}



#accountInput {
	position:absolute;
	font: 10px "Lucida Grande";
	height:18px;
	width:100px;

	top:5px;
	left:55px;
}



#serverInput {
	position:absolute;
	font: 10px "Lucida Grande";
	height:18px;
	width:100px;

	top:28px;
	left:55px;
}



#portInput {
	position:absolute;

	font: 10px "Lucida Grande";

	height:18px;
	width:25px;

	top:28px;
	left:165px;
}



#userInput {
	position:absolute;

	font: 10px "Lucida Grande";

	height:18px;
	width:100px;

	top:51px;
	left:55px;
}



#passwordInput {
	position:absolute;

	font: 10px "Lucida Grande";

	height:18px;
	width:100px;

	top:74px;
	left:55px;
}



#sizeInput {
	position:absolute;

	font: 10px "Lucida Grande";

	height:18px;
	width:25px;

	top:5px;
	left:210px;
}



#unitInput {
	position:absolute;

	font: 12px "Lucida Grande";

	height:18px;
	width:47px;

	top:28px;
	left:190px;
}



#refreshInput {
	position:absolute;

	font: 10px "Lucida Grande";

	height:18px;
	width:25px;

	top:51px;
	left:210px;
}



#accountLabel,#serverLabel,#portLabel,#userLabel,#passwordLabel,#sizeLabel,#unitLabel,#refreshLabel {
	font: 10px "Lucida Grande";
	color: white;
	
	position: absolute;
/*	top:8px; */
}


#accountLabel {
	top:8px;
	left: 5px;
}

#serverLabel {
	top:31px;
	left: 5px;
}

#userLabel {
	top:54px;
	left: 5px;
}

#passwordLabel {
	top:77px;
	left: 5px;
}

#sizeLabel {
	top:8px;
	left: 165px;
}

#unitLabel {
	top:31px;
	left: 165px;
}

#refreshLabel {
	top:54px;
	left: 165px;
}