@charset "UTF-8";

/* CSS Document */
body {
	width:800px;
	padding:10px 20px 0 20px;
	margin:0px auto;
	font-family:Arial, Helvetica, sans-serif;
}



h1 {
background:transparent url(/resources/images/logo.png) no-repeat scroll 0 0;
color:#666666;
font-size:18px;
font-weight:bold;
height:62px;

}

h1 span {
border-bottom:1px solid #999;
display:block;
margin-left:150px;
padding-bottom:10px;
padding-top:33px;}

.intro {
	clear:both;
	color:#333333;
	font-size:16px;
	line-height:1.3;
	padding:20px 15px 2px 0px;
}

.carousel {
	background:transparent url(../images/carousel.png) no-repeat scroll 10px center;
height:180px;
margin-left:-10px;
overflow:hidden;
position:relative;

}

.carousel a {
    float: left;
    display: block;
    margin-left: 14px;
}

.carousel img{
}

.container {
	background:transparent url(../images/preview_text.png) no-repeat scroll 310px 5px;
height:560px;
position:relative;
	
	}

.previewPanel {
	background:transparent url(../images/card_bg.png) no-repeat scroll 0 0;
float:left;
font-size:12px;
height:430px;
left:305px;
line-height:1.2;
margin-right:20px;
margin-top:40px;
padding:10px 15px;
position:absolute;
width:468px;
}

.previewPanel ul {
	float:left;
	width:251px;
}

.previewPanel ul li {
	display:none;
}

.previewPanel ul .active {
	display:block;
}

.messagePreview {
	font-size:12px;
	color:#333;
	margin-top:28px;
	height:224px;
	overflow:hidden;
}

.messageFooter {
	border-top:1px solid #999999;
	bottom:120px;
	padding:10px 5px;
	position:absolute;
	right:15px;
	width:209px;
}

.sendPanel {
float:left;
left:0;
padding-bottom:50px;
padding-top:5px;
position:relative;
width:280px;
}

.sendheader {
	background:transparent url(../images/header_send.png) no-repeat scroll 0 0px;
	height:27px;
	padding:0 0 10px;
	text-indent:-9999px;
}

.loggedin_help {
	background:transparent url(../images/start_typing.png) no-repeat scroll 0 0px;
	height:23px;
	text-indent:-9999px;
	padding:0 0 10px;
	/*
	height:17px;
	font-size:13px;
	*/
}

.customiseheader {
	background:transparent url(../images/header_customise.png) no-repeat scroll 0 10px;
	height:27px;
	padding:20px 0;
	text-indent:-9999px;
	padding:10px 0 5px;
}

.sendPanel div form {
	display:none;
}

.sendPanel .active form {
	display:block;
}

.sendPanel .loggedin input, .nogmail .captcha input {
margin-left:-8px;}

.sendPanel label {
	clear:both;
	width:47px;
}

.sendPanel .label_to {
	background:transparent url(../images/label_to.png) no-repeat scroll;
	display:block;
	float:left;
	height:23px;
	text-indent:-9999px;
}

.sendPanel .label_email {
	background:transparent url(../images/label_email.png) no-repeat scroll;
	display:block;
	float:left;
	height:23px;
	text-indent:-9999px;
}

.sendPanel .label_from {
	background:transparent url(../images/label_from.png) no-repeat scroll;
	display:block;
	float:left;
	height:23px;
	text-indent:-9999px;
}

.from_input {
	margin-top:27px;
}

.sendPanel input {
	background:transparent url(../images/input.png) no-repeat scroll 0 0;
	border:0 none;
	font-size:14px;
	height:30px;
	margin-left:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	width:176px;
}

.contactList {
	clear:both;
font-size:14px;
margin-top:30px;
}

.messageInput {
background:transparent url(../images/textarea.png) no-repeat scroll 0 0;
width:199px;
	height:85px;
	padding:5px 20px 10px 10px;
		margin-left:34px;
}
.sendPanel textarea {
	width:206px;
	height: 88px;
	border:0 none;
	/*color:#CCCCCC;*/
	font-family:arial;
	font-size:13px;
	overflow-y: auto;
	resize:none;
	
	
}

.remainingChars {
	float:right;
	font-size:11px;
	margin-right:27px;
}

.sendPanel .submit_btn {
	background:transparent url(../images/button_send.png) no-repeat scroll 0 0;
cursor:pointer;
float:right;
height:41px;
margin:-5px 30px 0 0;
text-indent:-9999px;
width:89px;
}

/*SOCIAL BOOKMARKS AND FOOTER ADDED 28/05-*/
#bookmarks {
clear:both;
color:#444444;
font-size:12px;
margin:75px auto 50px;
width:800px;
}

#bookmarks li a, #bookmarks a:active, #bookmarks a:visited, #bookmarks a:hover {
color:#444444;
text-decoration:none;}

#bookmarks ul {
width:650px;
margin:0px auto;}
#bookmarks li {
display:inline;
margin:0 10px;
}
#bookmarks li a {
padding:5px 5px 5px 25px;
}



#bookmarks .facebook {
background:transparent url(../images/facebook.gif) no-repeat scroll left center;}

#bookmarks .bebo {
background:transparent url(../images/bebo.gif) no-repeat scroll left center;}

#bookmarks .myspace {
background:transparent url(../images/myspace.gif) no-repeat scroll left center;}

#bookmarks .twitter {
background:transparent url(../images/twitter.gif) no-repeat scroll left center;}

#bookmarks .delicious {
background:transparent url(../images/delicious.gif) no-repeat scroll left center;}

#bookmarks .digg {
background:transparent url(../images/digg.gif) no-repeat scroll left center;}




#footer p {
border-top:1px solid #ccc;
font-size:12px;
color:#444;
padding:15px 0px 0px 50px;
text-align: center
}

/*ADDITIONS*/
.errorlist {
background:transparent url(../images/error.png) no-repeat scroll 0px 5px;}
	.errorlist li {
	color:red;
	font-size:11px;
	padding:6px 0;
	margin-left: 13px;
	width: 260px;
	}
/*
.signIn {
border:1px solid #ccc;
width:230px;
padding:10px;
margin:10px 0 15px;
background:#e8eefa;
}
*/

.contactList li a {
background:transparent url(../images/star.png) no-repeat scroll 44px 0;
color:#333333;
display:block;
margin-left:-21px;
padding:4px 0 4px 75px;
text-decoration:none;
}
.contactList li a:hover {
text-decoration:line-through;
background:transparent url(../images/remove.png) no-repeat scroll 10px 0;}

.signIn {
font-size:14px;
margin-left:62px;}

.signOut {
font-size:14px;
left:55px;
padding:5px 35px 10px 0;
position:absolute;
top:97px;
}
.captcha {
float:right;
left:322px;

margin-top:20px;
position:absolute;
top:425px;
width:484px;}

.captcha p {
font-size:12px;
height:31px;
position:relative;
text-indent:-999em;
top:76px;
width:280px;
left:-15px;
}
.captcha p.first {
	background:transparent url(../images/captcha_first.png) no-repeat scroll 0 0;	
}
.captcha p.second {
	background:transparent url(../images/captcha_second.png) no-repeat scroll 0 0;	
}
.captcha p.third {
	background:transparent url(../images/captcha_third.png) no-repeat scroll 0 0;	
}

.captcha ol {
}

.captcha ol li {
color:#333333;
display:inline;
font-size:18px;
font-weight:bold;
letter-spacing:5px;
padding:0 15px;
}
.captcha input {
	float: right;
	margin-right: 8px;
	margin-top:10px;
}
#email_search {
background:transparent url(../images/input.png) no-repeat scroll 0 0;
color:#444444;
height:16px;
margin-top:-5px;
padding:5px 7px 4px 9px;
width:185px;}

#suggestions {
left:52px;
margin-top:-2px;
position:absolute;
}

#suggestions ul {
border:1px solid #000000;
margin-top:-1px;
padding:1px;
background:#FFFFFF;
}

#suggestions ul li a{
display:block;
font-size:15px;
margin-bottom:3px;
padding:5px 0 5px 5px;}

#suggestions ul li a:hover,  #suggestions ul li a.select{
background:#F5CC40 none repeat scroll 0 0;
}
#suggestions ul li a:hover {
cursor:pointer;}

.submitField {
clear:both;
float:right;
left:671px;
padding:20px 0;
position:absolute;
top:548px;
width:160px;}

.loader {
float:left;}

.customisesender {

	height:29px;
	background:transparent url(../images/sender.png) no-repeat scroll 0 0;
	text-indent:-9999px;
	margin-top:30px;
	}

fieldset .customisesender {
	background-position:left center;
}
	.sendPanel .loggedin #id_sender {
		margin-left:48px}
		


#footer {
padding-top:0px;
padding-bottom:30px;}

	
	
	#footer .legal {
		border-top: none;
		line-height:1.2;
		padding:10px 0;
		text-align:left;}

.previewHeading {
background:transparent url(../images/preview_heading.png) no-repeat;
	text-indent:-9999px;
	height:39px;
	margin-top:15px;
	margin-left:-5px;}

.initial {float:right;
margin-right:25px;
width:255px;
}
.initial .grantaccess {
border:1px solid #BFD0FC;
position:relative;
height:108px;
}

.initial .grantaccess a {
background:#EDF2FC url(../images/access_btn.png) no-repeat scroll center center;
border:3px solid #FFFFFF;
color:#000000;
display:block;
font-size:14px;
font-weight:bold;
padding:37px 45px;
text-decoration:none;
}

.initial p {
font-size:14px;
text-align:center;
padding-top:20px;}

#preview #previewSignUp {
bottom:96px;
display:block;
height:27px;
position:absolute;
right:20px;
width:175px;}

#preview #previewLogo {
bottom:39px;
display:block;
height:51px;
position:absolute;
right:20px;
width:119px;

}

@media screen and (-webkit-min-device-pixel-ratio:0)
{


.sendPanel input {
padding-top:0px !important;}

}