/**
* @BluePlanet, Elxis Login Screen
* @package Elxis
* @copyright: (C) 2006-2009 Elxis.org. All rights reserved
* @author: Ricard Lozano (ricard), 2009/04/17
*/

html {overflow: hidden; } /* IE7 */

body {
	margin: 0px;
	padding: 0;
	color: #777;
   background: #F4F4F4;
	font-size: 101%;
	font-family: verdana, arial, helvetica;
	overflow:hidden; 
}

#wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  overflow: hidden;
  margin: -220px 0px 0px -220px;
	
}

#logo {
	text-indent: -9999em;
	background: url(../images/logo.png) 95% 0 no-repeat;
	padding: 0;
	margin-bottom: -25px;
	height: 30px;
}

#signin {text-align: left;}
#signin-rtl {text-align: right;}

h1 {
	font-size: 29px;
	margin: 0;
	padding: 3px 0 5px 0;
	font-weight: bold;
	font-family: "Trebuchet MS", verdana;
}
div, p, span {
	font-size: 0.95em;
}
p.buttonp {
	padding: 0;
	margin: 0;
	text-align:right;
	margin-right: 43px;
}
p.buttonp-rtl {
	padding: 0;
	margin: 0;
	text-align:left;
	margin-left: 43px;
}
label {
	display: block;
	text-align: left;
	padding-bottom: 5px;
}
.inputlabel-rtl label {
	text-align: right;
}
.button {
	margin-top: 10px;
	margin-bottom: 25px;
	background: #63A6D9;
	border: 0;
	padding: 5px 25px;
	color: #fff; 
	font-weight: normal;
	font-size: 15px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	cursor: pointer;
}


p.inputlabel input {
font-family: verdana, arial, helvetica;
font-size: 18px; border-width: 1px; border-style: solid; padding: 3px; width: 300px; background: #f4f4f4; }
p.inputlabel input:focus { background-color: #FFC; border-color: #FC6; }

p.inputlabel-rtl input {
font-family: verdana, arial, helvetica;
font-size: 18px; border-width: 1px; border-style: solid; padding: 3px; width: 300px; background: #f4f4f4; }
p.inputlabel-rtl input:focus { background-color: #FFC; border-color: #FC6; }

.cloak-desc {
	text-align: center;
	font-size: 0.80em;
	font-weight: normal;
}
.flags {
	text-align: center;
	margin-top: 20px;
}

.roundedtop-l, .roundedtop-r, .roundedbot-l, .roundedbot-r {
    background-image: url('../images/corners.gif');
    height: 20px;
    font-size: 2px; /* IE */
}

.roundedtop-l { margin-right: 20px; }
.roundedtop-r { margin-top: -20px; margin-left: 20px; background-position: 100% 0;}
.roundedbot-l { margin-right: 20px; background-position: 0 -20px; }
.roundedbot-r { margin-top: -20px; margin-left: 20px; background-position: 100% -20px; }
.rounded-inside {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #fff;
    padding-left: 50px;
    padding-right: 20px;
}