/*-----------------------------------------------------
// Copyright (C) 2005-2010 Craig Spurrier
// Released under the terms of the GPL v2.
// See copying.txt for full license text.
//-----------------------------------------------------
// File: style.css
// Notes: This file contains the css used by WebMail
//-----------------------------------------------------*/ 

/* ============= Tags ============= */
body {
	background-color:#52A5F2;
	font-family : sans-serif;
	}
form {
	padding:0;
	margin:0;
	}
a img {
	border:0;
	}
fieldset {
	margin-bottom:15px;
	padding: 11px 11px 15px 11px;
	border: 1px solid #adc2e9;
	}
legend {
	margin: 0;
	padding-left: 3px;
	padding-right: 6px;
	background: #fff;
	font: bold 17px verdana, sans-serif;
	color: #3757a0;
	}
/* ============= Header ============= */
#header{
	margin-bottom:5px;

	}
.heading_text {
	background-color : #fff;
	color:#0536D6;
	font-family : 'sans-serif';
	font-size : 2.5em;
	font-variant : small-caps;
	font-weight : bold;
	text-align : center;
	}
.round_header{
	display:block;
	}

.round_header *{
	display:block;
	height:1px;
	overflow:hidden;
	font-size:.01em;
	background:#FFFFFF
	}

/* ============= Body ============= */
.body{
	background-color : #fff;
	padding: 1em;
	font-family : sans-serif;
margin-left:3em;
margin-right:3em;

}
.round_body{
margin-left:3em;
margin-right:3em;

	display:block;
	}

.round_body *{
	display:block;
	height:1px;
	overflow:hidden;
	font-size:.01em;
	background:#FFFFFF
	}
/* ============= Footer ============= */

.footer{
	margin-top: 3px;
	color: #FFFFFF;
	font: normal 0.8em arial;
	text-align:center;
}

/* ============= Round corners ============= */

.round_1{
	margin-left:3px;
	margin-right:3px;
	padding-left:1px;
	padding-right:1px;
    border-left:1px solid #9ccbf7;
    border-right:1px solid #9ccbf7;
    background:#d3e8fb;
	}
.round_2{
	margin-left:1px;
	margin-right:1px;
	padding-right:1px;
	padding-left:1px;
    border-left:1px solid #63aef3;
    border-right:1px solid #63aef3;
    background:#deedfc;
	}
.round_3{
	margin-left:1px;
	margin-right:1px;
	border-left:1px solid #deedfc;
	border-right:1px solid #deedfc;
	}
.round_4{
	border-left:1px solid #94acfc;
	border-right:1px solid #94acfc;
	}
.round_5{
    border-left:1px solid #9ccbf7;
    border-right:1px solid #9ccbf7;
	}

/* ============= Forms ============= */

.form_input {
	padding:0.15em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
	}
input.form_input:hover, input.form_input:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 

/* ============= Alignment ============= */
.centre{
	margin-left: auto;
	margin-right: auto;
        text-align: center;
}
.right{
        text-align: right;
}
.left{
        text-align: left;
}

/* ============= Login ============= */
#login_heading{
        background:blue;
        color:white;
        font-size : 18px;
	font-style : normal;
	}
.login_body{
	border:2px solid #eee;
	margin:1em;
	}
input.username {
	padding-right:0.15em;
	padding-top:0.15em;
	padding-bottom:0.15em;
        padding-left: 20px;
	width:10em;
        height: 25px;
        background: url(images/user_icon_small.png);
        background-repeat: no-repeat;
        background-position: left center;
	font:bold 0.95em sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
      }
input.password {
	padding-right:0.15em;
	padding-top:0.15em;
	padding-bottom:0.15em;
        padding-left: 20px;
	width:10em;
        height: 25px;
        background: url(images/password_icon_small.png);
        background-repeat: no-repeat;
        background-position: left center;
	font:bold 0.95em sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
      }
input.username:hover, input.username:focus {
        background-image: url(images/user_icon_small.png);
	border-color:#c5c5c5;
	background-color:#f6f6f6;
} 
input.password:hover, input.password:focus {
        background-image: url(images/password_icon_small.png);
	border-color:#c5c5c5;
	background-color:#f6f6f6;
}
/* ============= Other ============= */

.hidden{
	display:none;
	}


/* ============= Other classes ============= */
.error_msg{
	vertical-align:top;
	text-align:center;
	font-weight : bold;
background: #fff6bf;
	border : #ff0000 solid 1px;
}
/* ============= Other ids ============= */
#caps_lock_warning {
	width: 300px;
	}