body,html
{
	margin:0;
	padding:0;
	height:100%;
    text-align: center;
}
*{
	font-family:Tahoma,Helvetica,sans-serif;
	font-size: 13px;
	margin:0px auto;
	padding:0;
}

a{
	color:#000;
	text-decoration:underline;
	outline:none;
}
a:hover{
	color:#555;
}
input,select{
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
select,option{
	padding-left:2px;
}

#shim {
    visibility: hidden;
    width: 100%;
    height: 50%;
    margin-top: -170px;
    float: left;
}


#wrapper {

    width: 528px;
    height: 325px;
    clear: both;
	background:transparent;
    
    position: relative;
    top: -170px;
    /* IE4ever Hack: Hide from IE4 **/
        position: static;
    /** end hack */
}

/* Hide from IE5mac \*//*/
    div#shim {
        display: none;
    }
    html, body {
        height: auto;
    }
/* end hack */

/* ]]> */




#mainBox
{
	margin-top: 200px;
}

.inputText
{
	font-size:12px;
	border: none;
	background-color:transparent;
	position:absolute;
	line-height:23px;
	padding:0 0 0 3px;
	border:#717171 1px solid;
	height:23px;
	font-size:11px;
}
.inputBasic
{
	font-size:11px;
	border:#707070 1px solid;
	position:absolute;
	line-height:18px;
	padding:0 0 0 3px;
	height:18px;
	width:190px;
}
#logoBox
{
	position:absolute;
	top:55px;
	left:36px;
	width:203px;
	height:203px;
	background-image:url('../../images/logo.gif');
	background-position: 50% 0;
	background-repeat:no-repeat;
	
}

.right
{
	float:right;
}

.left
{
	float:left;
}

#integrate
{
	bottom:15px;
	height:20px;
	line-height:20px;
	position:absolute;
	left:14px;
	width:487px;
}
#integrate a
{
	height:20px;
	line-height:20px;
	display:block;
	padding-left:15px;
}
#footer
{
	padding-top:10px;
	text-align: center;
	color:#666;
	font-size: 11px;
}


#inputUsername,#inputForgotPassword
{
	top:95px;
	left:260px;
	width:200px;
}
#inputPassword
{
	top:140px;
	left:260px;
	width: 131px;
}

#inputPassword2
{
	top:140px;
	left:260px;
	width: 140px;
}

.inputSelect
{
	position:absolute;
	border:#717171 1px solid;
	height:21px;
	width:200px;
}
.inputSelect option
{
	padding-right:10px;
}
#selectWC
{
	top:186px;
	left:260px;
}
#selectLanguage
{
	top:216px;
	left:260px;
}


#submitLoginSU,
#submitLoginFP
{
	position:absolute;
	top:300px;
	left:260px;
	padding:0px 3px 2px 3px;
	height:23px;
	border:#717171 1px solid;
	background-color:#ccc;
	font-family:Arial,sans-serif;
	font-size: 13px;
	cursor:pointer;
	background: url('../images/buttonBGs.gif') 50% 0 repeat-x;
}
#submitLoginFP
{
	top:125px;
}
#submitLoginFP:hover,#submitLoginSU:hover
{
	background-position: 50% 100%;
}

#submitLogin
{
	position:absolute;
	top:140px;
	left:427px;
	padding:0px 3px 2px 3px;
	height:23px;
	border:#717171 1px solid;

	font-family:Arial,sans-serif;
	cursor:pointer;

	width: 33px;
	overflow:hidden;
	text-indent: 100px;
	padding:0px 3px 2px 3px;
	.padding:100px 3px 2px 3px;
}

.signupBox
{
	width:200px;
	left:260px;
}

.textBox
{
	position:absolute;
	left:261px;
}
#textUsername,#textForgotPassword
{
	top:77px;
}
#textPassword
{
	top:122px;
}
#textWC
{
	top:132px;
	display:none;
}
#textLanguage
{
	top:171px;
	display:none;
}

#autoLoginCheckbox
{
	position:absolute;
	top:245px;
	left:261px;
}

#autoLoginText
{
	position:absolute;
	top:243px;
	left:281px;
	.line-height:23px;
	.padding-left:3px;
}

fieldset
{
	border:none;
	padding:0;
	margin:0;
}

.hidden,legend,#fieldsetForgotPassword,#fieldsetSelfSignup
{
	display:none;
}

#fieldsetForgotPassword.block,#fieldsetSelfSignup.block
{
	display:block;
}

#textCompact1
{
	top:77px;
}
#inputCompact1
{
	top:95px;
}
#textCompact2
{
	top:122px;
}
#inputCompact2
{
	top:140px;
}
#textCompact3
{
	top:163px;
}
#inputCompact3
{
	top:181px;
}
#textCompact4
{
	top:206px;
}
#inputCompact4
{
	top:224px;
}
#textCompact5
{
	top:250px;
}
#inputCompact5
{
	top:270px;
}
.signupPassword
{
	width:95px;
}
.signupPassword2
{
	width:95px;
	left:365px;
}
.signupPasswordLabel
{
	left:361px;
}
select.inputSignupSelect
{
	left:260px;
	width:190px;
}

.almostHidden
{
	position:absolute;
	top:-500px;
	display:none;
}

/***************/

/**g**/
body.grass
{
	background: url("../images/gbg.jpg") repeat scroll 50% 100% #5c6c09;
}

body.grass #logoBox
{
	background-image: url("../images/glogo.gif");
}

body.grass #submitLogin
{
	background-image: url("../images/gbg.gif");
}

body.grass #loginBoxInner
{
	background-image: url("../images/giwlogo.gif");
}

.grass #darkenBox
{
	background-color:rgba(0,0,0,0.2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
}
/**g**/

#darkenBox,#loginBox{
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
}

#darkenBox
{
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;

	background-color:rgba(0,0,0,0.2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55000000, endColorstr=#55000000);
}

#loginBox
{
	position:relative;
	width: 528px;
	height:340px;

	box-shadow:inset 0pt 0pt 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:inset 0pt 0pt 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:inset 0pt 0pt 10px rgba(0, 0, 0, 0.5);
	
	padding-top: 1px;
	background: transparent;
}

#loginBoxInner
{
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	
	box-shadow:0pt 0pt 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0pt 0pt 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:0pt 0pt 10px rgba(0, 0, 0, 0.5);
	
	margin: 15px;
	height: 280px;
}

#error_message
{
	position:absolute;
	bottom:45px;
	width:498px;
	text-align: center;
	left:15px;
}
#error_message td
{
	padding:0;
	margin:0;
	vertical-align: middle;
	height:30px;
	text-align: center;
}

#error_message td .error
{
	color:red;
}

#error_message td .message
{
	color:green;
}

#error_message td .error td
{
	padding:0;
	height: auto;
}

#error_message td .error td.aright
{
	text-align: right;
}

#error_message td .error td.aleft
{
	text-align: left;
}

/**/
#loginBox.signup
{
	height:410px;
}
#loginBox.signup #loginBoxInner
{
	height:350px;
}
body.pwp #loginBox.signup
{
	height:485px;
}
body.pwp #loginBox.signup #loginBoxInner
{
	height:425px;
}

body.pwp #wrapper
{
	height:525px;
	top:-245px;
}

body.pwp #shim
{
	margin-top:-245px;
}

body.pwp #error_message
{
	height:110px;
}

body.pwp #error_message td .error ul
{
	color:black;
	text-align:left;
}
/**/

.aright
{
	text-align: right;
}
.aleft
{
	text-align: left;
}
/**/
.xbtn
{
	color:#969696;
	cursor:pointer;
	display:inline;
	font:23px/23px Arial,sans-serif;
	height:20px;
	left:436px;
	margin:4px -8px 4px 0;
	padding:0 5px;
	position:absolute;
	text-decoration:none;
	top:91px;
	.top:92px;
	width:14px;
	z-index:4;
	display: none;
}

.show
{
	display:block;
}

.moveOut
{
	width:1px;
	height:1px;
	overflow:hidden;
	position:absolute;
	top:-100px;
	left:-100px;
}

.padRight
{
	padding-right:20px;
}
/******************************************* COLORS *****************************/
/*******************************************************************************/

/*White   Black   Red   Yellow   Green   Blue   Purple   Orange   Brown   Pink   Transparent*/

.white #darkenBox/*white*/
{
	background-color:rgba(255,255,255,0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF, endColorstr=#80FFFFFF);
}
.white #loginBox
{
	border:#bbb 1px solid;
}

.black #darkenBox/*black*/
{
	background-color:rgba(0,0,0,0.2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
}

.red #darkenBox/*red*/
{
	background-color:rgba(255,0,0,0.3);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4DFF0000, endColorstr=#4DFF0000);
}

.yellow #darkenBox/*yellow*/
{
	background-color:rgba(255,255,80,0.4);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffff50, endColorstr=#66ffff50);
}

.green #darkenBox/*green*/
{
	background-color:rgba(110,180,0,0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F6EB400, endColorstr=#7F6EB400);
}

.blue #darkenBox/*blue*/
{
	background-color:rgba(0,177,244,0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D00B1F4, endColorstr=#4D00B1F4);
}

.purple #darkenBox/*purple*/
{
	background-color:rgba(189,0,244,0.3);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4DBD00F4, endColorstr=#4DBD00F4);
}

.orange #darkenBox/*orange*/
{
	background-color:rgba(255,153,0,0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FF9900, endColorstr=#80FF9900);
}

.brown #darkenBox/*brown*/
{
	background-color:rgba(104,64,0,0.4);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66683e00, endColorstr=#66683e00);
}

.pink #darkenBox/*pink*/
{
	background-color:rgba(255,130,190,0.4);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ff84be, endColorstr=#66ff84be);
}

.transparent #darkenBox/*transparent*/
{
	background-color:transparent;
}

/***************************************/
/************ USER DEFINED *************/
/***************************************/
#loginBoxInner
{
	background-image:url('../images/logo_top_bw.gif'); /* The black and white IceWarp logo on the top right */
	background-position: 243px 17px;
	background-repeat:no-repeat;
	background-color: #fff; /* Background color of the main login box */
}

body.blue #loginBoxInner
{
	background-image: url("../images/logo_top.gif"); /* The color IceWarp logo on the top right, used only if color is set to blue */
}

#integrate a,.labels,.inputs,select option
{
	/* BOTTOM LINKS SIZE, LABELS SIZE, INPUTS AND SELECT BOX FONT SIZE */
	font-size:13px;
}

body
{
	/* USE THIS LINE TO CHANGE THE BACKGROUND IMAGE ON LOGIN PAGE */
	/*background-image: url("../images/outerLogo.jpg"); /* BACKGROUND IMAGE (uncomment this line, if you want to use background image)*/
	background-color: #f0f0f0; /* BACKGROUND UNDER IMAGE, SHOWN BEFORE THE IMAGE IS LOADED */
	background-position: 50% 50%; /* BACKGROUND IMAGE IS CENTERED */
	background-repeat: no-repeat; /* BACKGROUND IMAGE IS NOT REPEATED */
}

body #darkenBox
{
	/* BACKGROUND COLOR FOR FIREFOX, SAFARI, CHROME, OPERA (IN RGB AND ALPHA CHANNEL)*/
	/*UNCOMMENT THIS LINE TO USE THIS CUSTOM SETTING*/ /*background-color:rgba(255,255,255,0.5) !important;*/
	/* BACKGROUND-COLOR FOR INTERNET EXPLORER 6+ (IN HEXADECIMAL VALUE, FIRST TWO CHARACTERS STAND FOR ALPHA CHANNEL)*/
	/*UNCOMMENT THIS LINE TO USE THIS CUSTOM SETTING*/ /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF, endColorstr=#80FFFFFF) !important;*/
}

#integrate a
{
	/* Color of links on the bottom, like "Integrate with" link */
	color:#000;
}

#integrate a:hover
{
	/* On mouse over color of links on the bottom, like "Integrate with" link */
	color:#555;
}

#submitLogin
{
	/* Background image on login button */
	background: url('../images/buttonBG.gif') 52% -3px no-repeat;
}

#submitLogin:hover
{
	/* On mouse over background image on login button */
	background-position: 52% -30px;
}
/***************************************/
/* Keyboard */
.kb_for_inputUsername
{
	position:absolute;
	left:431px;
	top:95px;
}
.kb_for_inputPassword
{
	position:absolute;
	left:393px;
	top:140px;
}
/**/