/* Style sheet for Mario Monsters
   2007-04-25, David Mitchell */

body {
	background-color: #FFF;
	background:url(images/bg_screen.jpg);
    margin: 0px;
    padding: 0px;
	background-repeat:repeat-y;
	
	scrollbar-face-color:#000;
	scrollbar-arrow-color:#999;
	scrollbar-track-color:#777;
	scrollbar-shadow-color:#555;
	scrollbar-highlight-color:#999;
	scrollbar-3dlight-color:#FFF;
	scrollbar-darkshadow-Color:#888;
}

h2 {
	font-family:Verdana;
	font-size:9pt;
	color:#999;
	font-weight:bold;
}

textarea {
	background-color: #CACAD0;
}
input {
	background-color: #CACAD0;
	height:16px;
	font-size:12px;
}
input.submit {
	height:22px;
	font-size:10pt;
}



/*** ALIGNMENT AND GENERAL LAYOUT ***/

/* Forces the layout to align to the center of the page */
div#center {
	margin:0 auto; 
	text-align:center;
}

/* Phone background image */
div#phone_bg {
	background:url(images/phone.gif); 
	width:640px; 
	height:359px; 
	margin:0 auto; 
	text-align:center;
}

/* Phone screen section */
div#clock {
	height:12px; width:100px; 
	position:relative; 
	top:47px;
	left:0px;
	font-family:Verdana;
	font-size:8pt;
	font-weight:bold;
	color:#999;	
	margin:0 auto;
	text-align:center;
}	

div#phone_scr_body {
	height:252px;
	width:409px; 
	position:relative; 
	top: 54px; left: -2px; 
	background-color:#000; 
	margin:0 auto; 
	text-align:left; 
}
div#phone_scr_text {
	height:243px;
	width:340px;
	overflow: auto; 
	position:relative; 
	background-color:#000; 
	text-align:left; 
	padding:5px;
	margin:0;
}
div#phone_scr_menu {
	height:243px;
	width:46px;
	background:url(images/bg_icons.jpg); 
	position:relative;
	background-color:#333;
	margin:0 auto; text-align:left; padding:5px;
	float:left;
}




/*** FONTS, etc ***/

span.menu {
	color: #EEEEEE;
	font-family: "Comic Sans MS", Sans-serif;
	font-size:.8em;
}

table {
   border-width:0px;
}

A:link {
	color: #77F;
	font-family: Arial, Helvetica, Sans-serif;
}
A:visited {
	color: #33D;
	font-family: Arial, Helvetica, Sans-serif;
}
A:active { 
	color: #FFF;
	font-family: Arial, Helvetica, Sans-serif;	
}
A:hover { 
	color: #DFDFDF;
	font-family: Arial, Helvetica, Sans-serif;	
	text-decoration: none;
}


span.normal {
	font-family:Verdana;
	font-size:9pt;
	color:#999;
}

span.small_print {
   color:#000;
   font-family: Verdana, Sans-serif;
   font-size: 0.6em;
}

.icon {
	padding: 4px 3px 4px 1px;
}