/*
	Title:      Media Mobiliser website styles
	Author:     Mark Allen, mark@type3.co.uk / Kim Turley
	Updated:    15th June  2007
*/

html {
	overflow: -moz-scrollbars-vertical; /* fixes firefox to have vert scroll bars */
}

body {  
	padding: 0px 0px 60px 0px; 
	margin: 0px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	background-image: url(/images/furniture/nav-shadow.gif);
	background-position: left top;
	background-repeat: repeat-x;
	/*background-color: #000000;*/
}

a {
	color: #189ad6;
	text-decoration: none;
}

a:hover {
	color: #999999; 
	text-decoration: none;
}

#innerpage h1 { margin-bottom: 20px; } 
h1 { 
	font-family: "HellsVesticanNew", Arial, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px;  
	padding: 0px; 
	color: #000000;
	font-weight: normal; 
	font-size: 36px;
}

.home-logged-in h1 { color:#FFFFFF; }

h2 {
	font-family: "HellsVesticanNew", Arial, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px;  
	padding: 0px; 
	font-size: 2.6em;
	font-weight: normal; 
	color: #000000;
	height: 50px;
	font-size: 24px;
}

h3 { 
	font-family: "HellsVesticanNew", Arial, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px; 
	padding: 0px;
	font-weight: normal;
	font-size: 18px;
	color: #ffffff;
	height: 30px;
}

h4 { 
	font-family: "HellsVesticanNew", Arial, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px; 
	padding: 0px;
	font-weight: normal;
	font-size: 20px;
	color: #000000;
	line-height: 22px;
}

h4 .link-selected  { 
	color: #999999;
}

p {
	padding: 0px;
	margin: 0px 0px 6px 0px;
}

img { 
	border: none;
}

form { 
	padding: 0px; 
	margin: 0px; 
}

input {
	color: #333333;
	width: auto;
	border: 1px solid #6f6e6e;
	font-size: 0.8em;
	padding: 2px 2px 2px 2px
}

textarea {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 2px 2px 2px 2px;
	border: 1px solid #6f6e6e;
}

select {
	width: 135px;
	font-size: 0.8em;
	padding: 2px 0px 2px 0px;
}

.home-right input, .home-right textarea, .home-right select, .mobiliser input, .mobiliser textarea, .mobiliser select, .side-login-panel input, .side-login-panel select, .side-login-panel textarea {
	color: #000000;
	background-color:#FFFFFF;
}

#accesskeys{
	display: none;
}

.clearall{
	clear: both;
}

/* nav */

#nav {
	padding:2px 0 0 0;
	margin:0;
	list-style: none;
	height: 45px;
}

#nav li {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 35px;
}

#nav li span { 
	visibility: hidden; 
}

#nav a {
	margin: 0px 1px 0px 1px;
	padding: 0px;
	height: 35px;
	width: 150px;
	display: block;
	color: #000000;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center top;
}

#nav .nhome a { background-image: url(/images/nav/home.gif); width: 90px; }
#nav .nhome a:hover { background-image: url(/images/nav/home-over.gif); }
#nav .nhome .nav-selected { background-image: url(/images/nav/home-over.gif); }

#nav .nsignup a { background-image: url(/images/nav/signup.gif); width: 103px; }
#nav .nsignup a:hover { background-image: url(/images/nav/signup-over.gif); }
#nav .nsignup .nav-selected { background-image: url(/images/nav/signup-over.gif); }

#nav .nhowitworks a { background-image: url(/images/nav/how-it-works.gif); width: 141px; }
#nav .nhowitworks a:hover { background-image: url(/images/nav/how-it-works-over.gif); }
#nav .nhowitworks .nav-selected { background-image: url(/images/nav/how-it-works-over.gif); }

#nav .nmobilise a { background-image: url(/images/nav/mobilise.gif); width: 168px; }
#nav .nmobilise a:hover { background-image: url(/images/nav/mobilise-over.gif); }
#nav .nmobilise .nav-selected { background-image: url(/images/nav/mobilise-over.gif); }

#nav .ncontactus a { background-image: url(/images/nav/contact-us.gif); width: 126px; }
#nav .ncontactus a:hover { background-image: url(/images/nav/contact-us-over.gif); }
#nav .ncontactus .nav-selected { background-image: url(/images/nav/contact-us-over.gif); }

#nav .nmyaccount a { background-image: url(/images/nav/my-account.gif); width: 135px;}
#nav .nmyaccount a:hover { background-image: url(/images/nav/my-account-over.gif); }
#nav .nmyaccount .nav-selected { background-image: url(/images/nav/my-account-over.gif); }

#nav .nhelpandsupport a { background-image: url(/images/nav/help-and-support.gif); width: 156px; }
#nav .nhelpandsupport a:hover { background-image: url(/images/nav/help-and-support-over.gif); }
#nav .nhelpandsupport .nav-selected { background-image: url(/images/nav/help-and-support-over.gif); }

#nav .nlogout a { background-image: url(/images/nav/logout.gif); width: 96px; }
#nav .nlogout a:hover { background-image: url(/images/nav/logout-over.gif); }
#nav .nlogout .nav-selected { background-image: url(/images/nav/logout-over.gif); }

#nav .nlogin a { background-image: url(/images/nav/login.gif); width: 84px; }
#nav .nlogin a:hover { background-image: url(/images/nav/login-over.gif); }
#nav .nlogin .nav-selected { background-image: url(/images/nav/login-over.gif); }

#nav .nadmin a { background-image: url(/images/nav/admin.gif); width: 94px; }
#nav .nadmin a:hover { background-image: url(/images/nav/admin-over.gif); }
#nav .nadmin .nav-selected { background-image: url(/images/nav/admin-over.gif); }

/* general styles */

#strapline {
	float: left;
	padding: 0px 0px 0px 19px;
	margin: 10px 20px 0px 10px;
	width: 200px;
}

#logoArea {
	float: right;
	margin: 10px 20px 0px 20px;
	width: 200px;
}

#outerpage {
	margin: 0px auto 0px auto;
	padding: 0px; 
	width: 950px;
}

#page { 
	margin:0px;
	padding:0px; 
	width: auto;
}

#innerpage { 
	padding: 0px;
	margin: 0px 0px 0px 0px;
	width: auto;
}

#mast { 
	padding: 0px;
	margin: 0px;
	height: 57px;
}

/* mobilise page columns */

.left {
	float: left;
	margin: 10px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	width: 665px;
}

.right {
	float: left;
	margin: 10px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	width: 285px;
}
/* my account */

.content-holder{
	padding:20px 0 0 0;
	width:600px;

}
.lower-holder{
	padding:10px 0 0 0;
	background-image:url(/images/my-account/guy.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

.button-guide{
	float:left;
}
.text-guide{
	float:right;
	width:300px;
	padding:0;
	margin:0;
}
.text-guide-two{
	padding:4px 0 0 0;
	float:left;
	width:320px;
}
.content-lower-holder{
	padding:15px 0 15px 0;
}
.button-your-number{
	float:left;
	background-image: url(/images/furniture/your-number.gif);
	background-repeat:no-repeat;
	background-position:left;
	width:266px;
	height:77px;
	padding:0 0 0 25px;
	
}
.button-your-number h4{
	margin:0;
	padding:0;
}
/* how-it-works background */
.how-it-works-intro {
	margin: 0px 0px 20px 0px;
	padding: 20px 0px 0px 0px;
	background-image:url(/images/how-it-works/bg_man.jpg);
	background-position: 25em 5em;
	background-repeat:no-repeat;
	height: 260px;
}

.how-it-works-intro p {
	padding: 10px 310px 0px 0px;
}

.how-it-works-intro .long {
	padding: 0px 230px 0px 0px;
}

/* section */

.section-intro {
	margin: 0px 0px 50px 0px;
	padding: 20px 0 0 0;
}

.section-intro p {
	margin: 10px 20px 0px 0px;
}

/* gradient info panels */

.gradient-panel {
	margin: 20px 0px 0px -30px;
	padding: 20px 30px 80px 30px;
	background-image:url(/images/how-it-works/panel-bg.gif);
	background-position: bottom center;
	background-repeat: repeat-x;
}

.gradient-panel .info-panel {
	float: left;
	margin: 0px 28px 0px 28px;
	padding: 0px;
	width: 180px;
}

.gradient-panel .first-panel {
	margin: 0px 15px 0px 0px;
}

.gradient-panel .last-panel {
	margin: 0px 0px 0px 15px;
}

.gradient-panel h2 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	height: 33px;
}

/* normal panels */

.panel-set {
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
}

.panel-set .info-panel {
	float: left;
	margin: 0px 20px 0px 25px;
	padding: 0px;
	width: 180px;
}

.panel-set .first-panel {
	margin: 0px 15px 0px 0px;
}

.panel-set .last-panel {
	margin: 0px 0px 0px 15px;
}

.info-panel h2 {
	margin: 3px 0px 3px 0px;
	padding: 0px;
	height: 38px;
}

.info-panel ul {
	margin: 0px;
	padding: 0px;
}

.info-panel ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.benefits-panel ul {
	margin-left:13px;
}

.benefits-panel li,.benefits-panel ul, .benefits-panel ul li {
	list-style:circle;

}

.info-panel ul li a {
	display: block;
	margin: 0px;
	padding: 2px 0px 2px 20px;
}

/* wide info panel */

.wide-info-panel {
	float: left;
	margin: 0px 22px 0px 22px;
	padding: 0px;
	width: 400px;
}

.wide-info-panel ul {
	margin: 0px;
	padding: 0px;
}

.wide-info-panel ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

/* panel overwrite margins from above */

.wide-first-panel {
	margin: 0px 20px 0px 0px;
}

.wide-last-panel {
	margin: 0px 0px 0px 20px;
}


/* homepage */

.banner {
	margin: 0px; 
	padding: 21px 0 0 0;
}

.home-left {
	float: left;
	margin: 36px 0px 0px 0px;
	padding: 0px;
	color: #ffffff;
	width: 445px;
}

.home-left p {
	margin-bottom:12px;
}

.home-right {
	float: left;
	margin: 0px 0px 0px 100px;
	padding: 3px 0 0 0;
	color: #ffffff;
	width: 395px;
}

.home-right .sign-up, .home-right .how-it-works, .home-right .mobilise {
	float: left;
	margin: 0px;
	padding: 0px;
}

.home-right span {
	visibility: hidden;
}

.home-right .sign-up a {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 170px;
	height: 76px;
	background-image: url(/images/home/sign-up.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.home-right .sign-up a:hover {
	background-image: url(/images/home/sign-up-over.gif);
}

.home-right .how-it-works a {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 214px;
	height: 76px;
	background-image: url(/images/home/how-it-works.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.home-right .how-it-works a:hover {
	background-image: url(/images/home/how-it-works-over.gif);
}

.home-right .mobilise a {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 170px;
	height: 76px;
	background-image: url(/images/home/mobilise.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.home-right .mobilise a:hover {
	background-image: url(/images/home/mobilise-over.gif);
}


/* login panel */

.login-panel {
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 40px;
	border-left: 1px solid #333333;
	width: 305px;
}

.login-panel .email {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 150px;
}

.login-panel .password {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 150px;
}

.login-panel .info {
	margin: 0px 30px 0px 0px;
	padding: 0px;
}

.login-panel .login-button {
	background-image: url(/images/home/login-button.gif);
	border: none;
	width: 82px;
	height: 25px;
	
}

.side-login-panel input{
	border:1px solid #999;
	background-color:#222;
	color:#FFF;
}

/* side login panel */

.side-login-panel {
	margin: 60px 0px 0px 40px;
	padding: 0px 0px 0px 0px;
	background-color: #000000;
	width: 204px;
	color: #ffffff;
}

.side-login-panel .login-header {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	height: 52px;
	background-image: url(/images/how-it-works/header-small-gradient.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

.side-login-panel .login-header span {
	visibility: hidden;
}

.side-login-panel .login-header a {
	display: block;
	height: 52px;
	width: 204px;
	background-image: url(/images/how-it-works/login-header.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

.side-login-panel .login-header a:hover {
	background-image: url(/images/how-it-works/login-header-over.jpg);
}

.side-login-panel .login-footer {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	height: 113px;
	background-image: url(/images/how-it-works/footer-small-gradient.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

.side-login-panel .email {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	width: 150px;
}

.side-login-panel .password {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	width: 150px;
}

.side-login-panel .info {
	margin: 0px 40px 0px 0px;
	padding: 0px 0px 0px 20px;
}

.side-login-panel .login-button {
	background-image: url(/images/contact-us/login-button.gif);
	border: none;
	width: 82px;
	height: 25px;
}

/* mobiliser panel */

.mobiliser {
	background-color:#000000;
	color: #ffffff;
	margin:0 50px 0 0;
}

.top-nav {
	padding: 0px;
	margin: 0px;
	width: 615px;
	height: 52px;
	background-image: url(/images/my-media/long-header-gradient.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #ffffff;
}

.top-nav-wide {
	padding: 0px;
	margin: 0px;
	width: 831px;
	height: 52px;
	background-image: url(/images/my-media/extra-long-header-gradient.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

.top-nav-wide  ul {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	list-style: none;
}

.top-nav-wide  li {
	float: left;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-position: left;
	background-repeat: no-repeat;
}

.top-nav ul {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	list-style: none;
}

.top-nav li {
	float: left;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-position: left;
	background-repeat: no-repeat;
}

.top-nav li span {
	visibility: hidden;
}

.top-nav a {
	margin: 0px;
	padding: 0px;
	display: block;
	height: 20px;
	background-position: center;
	background-repeat: no-repeat;
	text-decoration: none;
}

.top-nav a:hover {
	background-position: center;
	background-repeat: no-repeat;
	text-decoration: none;
}

.top-nav-wide li span {
	visibility: hidden;
}

.top-nav-wide a {
	margin: 0px;
	padding: 0px;
	display: block;
	height: 20px;
	background-position: center;
	background-repeat: no-repeat;
	text-decoration: none;
}

.top-nav-wide a:hover {
	background-position: center;
	background-repeat: no-repeat;
	text-decoration: none;
}

#sub-media {
	width: 92px;
	padding: 0px 20px 0px 0px;
	margin: 20px 0px 0px 0px;
	background-image: url(/images/my-media/my-media.gif);
	background-position: left;
	background-repeat: no-repeat;
	border-right: 1px solid #635f61;
}

#sub-media a { width: 92px; }
#sub-media a:hover { background-image: url(/images/my-media/my-media-over.gif); }
#sub-media .album-nav-selected { background-image: url(/images/my-media/my-media-over.gif); }


#sub-upload {
	width: 130px;
	padding: 0px 20px 0px 20px;
	margin: 20px 0px 0px 0px;
	background-image: url(/images/my-media/upload-media.gif);
	background-position: center;
	background-repeat: no-repeat;
	border-right: 1px solid #635f61;
}

#sub-upload a { width: 130px; }
#sub-upload a:hover { background-image: url(/images/my-media/upload-media-over.gif); }
 #sub-upload .album-nav-selected { background-image: url(/images/my-media/upload-media-over.gif); }

#sub-online {
	width: 160px;
	padding: 0px 20px 0px 20px;
	margin: 20px 0px 0px 0px;
	background-image: url(/images/my-media/find-media-online.gif);
	background-position: center;
	background-repeat: no-repeat;
	border-right: 1px solid #635f61;
}

#sub-online a { width: 160px; }
#sub-online a:hover {	background-image: url(/images/my-media/find-media-online-over.gif); }
#sub-online .album-nav-selected { background-image: url(/images/my-media/find-media-online-over.gif); }
#sub-sending {
	width: 243px;
	height: 20px;
	padding: 0px 20px 0px 0px;
	margin: 20px 0px 0px 0px;
	background-image: url(/images/contacts/mobile-you-are-sending-to.gif);
	background-position: left;
	background-repeat: no-repeat;
	border-right: 1px solid #635f61;
}

.top-nav #sub-sending a { width: 130px; }
.top-nav #sub-sending .album-nav-selected { background-image: url(/images/contacts/mobile-you-are-sending-to.gif); }

.top-nav #sub-verify {
	width: 211px;
	height: 20px;
	padding: 0px 20px 0px 0px;
	margin: 20px 0px 0px 0px;
	background-image: url(/images/my-media/message-verify-and-send.gif);
	background-position: left;
	background-repeat: no-repeat;
	border-right: 1px solid #635f61;
}

.top-nav #sub-sent {
	width: 211px;
	height: 20px;
	padding: 0px 20px 0px 0px;
	margin: 20px 0px 0px 0px;
	background-image: url(/images/my-media/message-sent.gif);
	background-position: left;
	background-repeat: no-repeat;
	border-right: 1px solid #635f61;
}

.top-nav #sub-next {
	float: right;
	width: 221px;
	height: 52px;
	padding: 0px;
	margin: 0px;
	background-image: url(/images/buttons/next-step.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

.next-step-animated {
	margin:0px;
	padding:0px;
	}

.top-nav #sub-next a {
	height: 52px;
}

.top-nav #sub-next a:hover {
	background-image: url(/images/buttons/next-step-over.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

.top-nav #sub-status {
	float: left;
	width: 57px;
	height: 20px;
	padding: 0px 20px 0px 0px;
	margin: 20px 0px 0px 0px;
	background-image: url(/images/my-media/status.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#media-disclaimer {
	text-align:center;
	padding-bottom:10px;
}

#no-media {
	padding:0 0 20px 20px;
}

/* mobiliser album panel */

.album-footer {
	background-image: url(/images/my-media/mobiliser-base.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #ffffff;
	height: 95px;
	width: 615px;
	text-align: right;
	padding:0;
}

.album-footer-wide {
	background-image: url(/images/my-media/mobiliser-base.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 95px;
	width: 829px;
	text-align: right;
	padding:0;
}

.album-footer .left-side {
	float: left;
	text-align: left;
}

.album-footer .right-side {
	float: left;
	text-align: right;
}

/* mobiliser album list */

#album-list {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 170px;
}

#album-list ul {
	margin: 0px;
	padding: 0px;
}

#album-list ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-right: solid 1px #484848;
	width: 170px;
	background-image: url(/images/my-media/bg-gradient.jpg);
}

#album-list ul li a {
	margin: 0px;
	padding: 15px 10px 15px 24px;
	display: block;
	text-decoration: none;
	color: #ffffff;
}

#album-list ul li a:hover {
	text-decoration: none;
	background-color: #005c8b;
}

#album-list .album-selected a {
	text-decoration: none;
	background-color: #005c8b;
}

/* my-media edit/delete buttons */

#album-preview {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 440px;
}

#album-preview #album-buttons ul {
	margin: 2px 0px 2px 3px;
	padding: 4px 0px 2px 0px;
	/*background-color: #333333;*/
	height: 17px;
}

#album-preview #album-buttons ul li {
	float: right;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#album-preview #album-buttons ul li a {
	margin: 0px;
	padding: 5px 20px 5px 20px;
	text-decoration: none;
	background-color: #242424;
	border-left: 1px solid #333333;
}

#album-preview #album-buttons ul li a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #666666;
}

/* my-media album contents */

.media-item {
	float: left;
	margin: 0px 0px 10px 1px;
	padding: 10px 5px 10px 10px;
	width: 89px;
	height:100px;
}

.media-item:hover {
	background-color: #242424;
	background-image: url(/images/my-media/arrow-padding-top.gif);
	background-position: right top;
	background-repeat: no-repeat;
	cursor: pointer;
}

.media-item a {
	text-decoration: none;
}

.media-item a:hover {
	color: #ffffff;
	text-decoration: none;
}

.media-item .media-image {
	float: left;
	margin: 0px;
	padding: 0px;
}

.media-item .media-title a {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 45px 0px;
	width: 80px;
	overflow: hidden;
}

.media-preview { 
	position: absolute ;
	left: -999em;
	margin: 0px;
	padding: 10px 10px 8px 10px;
	background-color: #242424;
	border: 1px solid #000000;	
	width: auto;
}

.media-preview .preview-close {
	position: absolute;
	right: 15px;
	top: 15px;
	text-align: right;
}

.media-preview .video-div {
	text-align: center;
}

.grab-media-textbox {
	background-image:url(../images/my-media/grab-form-bg.gif);
	background-repeat:no-repeat;
	padding:5px 2px 2px 2px;
	height:33px;
	margin:20px 0px 0px 0px;
	width:280px;
	float:left;
}

.grab-media-textbox input {
	border:#FFFFFF;
}

.grab-form-button { 
	float:left; 
	margin:20px 0px 0px 0px;
	}

/* file browser */

.continue-to-upload a {
	background-image:url(../images/activex/continue.gif);
	background-repeat:no-repeat;
	width:228px;
	height:31px;
	padding:31px 228px 0px 0px ;
	display: block;
	}

.continue-to-upload a:hover {
	background-image:url(../images/activex/continue-over.gif);
	}

.continue-to-upload a span { display: none; }
.file-browser {
	margin: 0px;
	padding: 20px;
	background-color: #000000;
	color: #ffffff;
	
}

.file-browser-wide {
	margin: 0px;
	padding: 20px;
	background-color: #000000;
	color: #ffffff;
	width: 789px;
}

.file-browser .input-box {
	width: 420px;
}

.file-browser .input-button {
	background-image: url(/images/my-media/input-button.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000000;
	width: 120px;
	height: 25px;
	color: #ffffff;
	border: none;
}

/* mobilise-this panel */

.mobilise-this {
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	color: #ffffff;
	width: 285px;
}

.mobilise-this .mobilise-this-header {
	background-image: url(/images/my-media/short-header-gradient.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #ffffff;
	height: 52px;
	margin: 0px;
	padding: 0px;
	text-align: right;
}

.mobilise-this .mobilise-this-header a {
	display: block;
	width: 285px;
	height: 52px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(/images/my-media/mobilise-this.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.mobilise-this .mobilise-this-header a:hover {
	background-image: url(/images/my-media/mobilise-this-over.gif);
}

.mobilise-this .mobilise-this-footer {
	background-image: url(/images/my-media/short-footer-gradient.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #ffffff;
	height: 70px;
	padding: 8px 20px 10px 15px;
}

.mobilise-this .mobilise-this-header span {
	display: none; vertical-align: top;
}

#included-media { margin: 0; padding: 0; }
#no-included-files 
{
	background-image: url(/images/my-media/short-header-gradient.jpg);
	 background-position:top;
	 background-repeat: no-repeat;
	margin: 0px;
	padding: 10px;
}

/* mobilise steps buttons */

#mobilise-top {
	padding-top:20px;	
}

#mobilise-top #lstSteps{
	 float: left;
	 list-style: none;
	 padding: 0px 0px 0px 0px;
	 margin:0;
	
}

#mobilise-top #lstSteps li {
	float: left;
	 padding: 0px 40px 0px 0px;
}

#mobilise-help 
{
	padding:0 28px 0 0;
	margin:0;
	float: right;	
}

/* mobilise-this items */

.included-media-item {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	width: 264px;
	height: 60px;
	background-image: url(/images/my-media/bg-gradient.jpg);
	background-position: left top;
	background-repeat: repeat-x;
}

.included-media-item .included-media-image {
	float: left;
	margin: 0px;
	padding: 0px;
}

.included-media-item .included-media-title {
	float: left;
	margin: 0px 10px 0px 19px;
	padding: 0px;
	width: 159px;
	overflow: hidden;
}

.included-media-item .included-media-remove {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 16px;
}

/* contact edit/delete buttons */

#contact-list {
	float: left;
	margin: 20px 0px 0px 20px;
	
	padding: 0px;
	width: 205px;
}

#contact-list #contact-buttons ul {
	margin: 7px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
}

#contact-list #contact-buttons ul li {
	float: right;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#contact-list #contact-buttons ul li a {
	margin: 0px;
	padding: 5px 20px 5px 20px;
	text-decoration: none;
	background-color: #242424;
}

#contact-list #contact-buttons ul li a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #666666;
}

/* contact album contents */

.mobilise-confirm {
	margin: 0px;
	padding: 20px 20px 20px 20px;
	background-color: #000000;
	color: #ffffff;
}

.mobilise_authorise .input-box, .mobilise_authorise textarea {
	width: 300px;
}

#contact_area {
	margin: 0px 0px 10px 0px;
}

#contact_area #contactName {
	margin: 0px 0px 2px 0px;
}

#contact_area #contactMobile {
	margin: 0px 0px 2px 0px;
}

/* mobiliser contact list */

#contact-preview {
	float: left;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	width: 370px;
}

#contact-preview ul {
	margin: 0px;
	padding: 0px;
}

#contact-preview ul li {
	float: left;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	list-style: none;
	/*border-right: solid 1px #484848;*/
	width: 170px;
	background-image: url(/images/my-media/bg-gradient.jpg);
}

#contact-preview ul li a {
	margin: 0px;
	padding: 15px 10px 15px 24px;
	display: block;
	text-decoration: none;
	color: #ffffff;
}

#contact-preview ul li a:hover {
	text-decoration: none;
	/*background-color: #005c8b;*/
	background-image: url(/images/contacts/contacts-gradient-over.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

#contact-preview ul .contact-on {
	text-decoration: none;
	background-image: url(/images/contacts/contacts-gradient-over.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

/* other */

.link-button {
	background-image: url(/images/my-media/input-button.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000000;
	text-align: center;
	width: 120px;
	height: 25px;
	color: #ffffff;
	border: none;
}

.mobilise-contact .input-button {
	background-image: url(/images/my-media/input-button.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000000;
	width: 120px;
	height: 25px;
	color: #ffffff;
	border: none;
}

a.mobilise-link {
	background:url(/images/buttons/send-message.gif);
	display:block;
	width:210px;
	height:75px;
	text-indent:-1000em;
}

a.mobilise-link:hover {
	background:url(/images/buttons/send-message-over.gif);
}

/* status panel */

.status-panel {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	color: #666666;
}

#img-success  { float: right;  margin-bottom:20px;}


.status-panel h1 {
	margin: 20px 0px 5px 0px;
	padding: 0px;
}

.status-panel p {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.status-panel ul {
	margin: 5px 0px 20px 0px;
	padding: 0px;
}

.status-panel ul li {
	margin: 2px 0px 2px 0px;
	padding: 0px 0px 0px 15px;
	list-style: none;
}

.status-panel ul .status-selected {
	text-decoration: none;
	color: #ffffff;
	background-image: url(/images/icons/loading.gif);
	background-position: left;
	background-repeat: no-repeat;
}

.status-panel ul .status-ticked {
	background-image: url(/images/icons/tick.gif);
	background-position: left;
	background-repeat: no-repeat;
}


/* link panel */

.links {
	margin: 60px 0px 0px -10px;
	padding: 20px 20px 70px 35px;
	/*border-bottom: 1px solid #189ad6;*/
	background-image: url(/images/home/panel-right-bg.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-color: #ffffff;	
}

.links ul {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.links ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

.links ul li a {
	display: block;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	text-decoration: none;
	color: #189ad6;
}

.links ul li a:hover {
	text-decoration: none;
	color: #999999;
}

.link-selected {
	text-decoration: none;
	color: #999999;
}


/* mobilise edit panel */

.edit_panel {
	margin: 0px;
	padding: 20px 0px 0px 0px;
}

.edit_panel h1, .edit_panel p {
	margin: 0px 0px 0px 20px;
}

.edit_panel select {
	background-color: #3a3a3a;
	border: 1px solid #6f6e6e;
	color: #ffffff;
	margin: 5px 5px 0px 0px;
	padding: 2px 2px 2px 5px;
}

.edit_media {
	float: left;
	width: 270px;
	margin: 0px 0px 10px 10px;
	padding: 10px 10px 10px 10px;
	background-image: url(/images/my-media/bg-gradient.jpg);
	background-position: left top;
	background-repeat: repeat-x;
}

.edit_media .edit_image {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 60px;
	height: 60px;
	vertical-align:middle;
	text-align:center;
	border: 1px solid #3b3b3b;
}

.edit_media .edit_details {
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 10px;
}

.edit_media .edit_name {
	float:left;
	padding: 0px;
	margin: 0px 0px 0px 1px;
	width: 173px;
	overflow: hidden;
}

.edit_media .edit_delete {
	float:left;
	padding: 0px;
	margin: 0px;
}

.edit_media .edit_delete a {
	padding: 0px 4px 0px 4px;
}

.edit_media textarea {
	background-color: #3a3a3a;
	border: 1px solid #6f6e6e;
	width: 185px;
	color: #ffffff;
	padding: 2px 5px 2px 5px;
	height: 36px;
}

.edit_panel .edit_confirm {
	margin: 10px 0px 20px 0px;
}

.edit_panel .edit_confirm input {
	height: 20px;
	width: 60px;
	padding: 0px;
}

.validation-message p {
	padding:0 0 20px 20px;
}
/* faqs */

.faqs-intro {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(/images/contact-us/bg-faq.jpg);
	background-position: bottom right;
	background-repeat:no-repeat;
}

.faqs-intro p {
	padding: 0px 210px 0px 0px;
}

.faq-list {
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

.faq-list li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.faq-list li a {
	display: block;
	margin: 0px;
	padding: 2px 0px 2px 15px;
	background-image: url(/images/icons/plus.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.faqs {
	margin: 0px;
	padding: 0px;
}

.faqs li {
	list-style: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.faqs li a {
	display: block;
	margin: 0px;
	padding: 2px 0px 2px 0px;
}

.faqs .faq-question {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

.faqs .faq-question a {
	font-weight: bold;
}

.faqs .faq-question a:hover {
	color: #189ad6;
}

.faqs .faq-answer {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

/* Referrer page */
#referrerLeft { float: left; width: 420px; }
#referrerRight { float: left; width: 180px; padding-left: 20px; }
#referrerFiles 
{
	width: 400px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

#referrerFiles li 
{
	float: left;
	width: 70px;
	height: 100px;
	list-style: none;
	margin: 0px;
	padding: 0px 10px 10px 0px;
}

#referrerFiles li a {
	display: block;
	margin: 0px;
	padding: 2px 0px 2px 15px;
	background-image: url(/images/icons/plus.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
#referrerFiles li a img { width: 60px; }
/* footer */

#footerwrapper{
	padding: 30px 0px 0px 0px;
	margin:40px 0 0 0;
	background-color:#000000;
}
#footer {
	width: 950px;
	color:#FFFFFF;
	/*border-top: 1px solid #43abdc;*/
	padding: 20px 0px 0px 0px;
	background-color: #000000;
	margin: 0px auto 0px auto;
	
}

#footer a {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	color: #999999;
	text-decoration: none;
}

#footer a:hover {
	color: #43abdc;
	text-decoration: none;
}

#footer .copyright {
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

#footer .footer-links {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 450px;
	color:#FFFFFF;
}

#footer .footer-links ul {
	padding: 0px;
	margin: 0px;
	list-style:none;
}

#footer .footer-links li {
	float: left;
	padding: 0px;
	margin: 0px 12px 0px 0px;
}

#footer .ex-links {
	float: right;
	margin: 0px;
	padding: 0px 130px 0 0;
	width: 400px;
}

#footer .ex-links ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#footer .ex-links li {
	float: right;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	display: inline;
}

.foot{
	background-image: url(/images/furniture/foot-strip.gif);
	background-repeat:repeat-x;
	background-position:right;
	height:274px;
	
}

/* site map */

.site-map {
	margin: 0px;
	padding: 0px;
}

.site-map li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.site-map li a {
	display: block;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	width: auto;
}

/* Help Popup Page */

#help-popup h2 {
	padding:10px 0 10px 0;
}

#help-popup img {
	padding:20px 0 20px 0;
}

/* custom scrollbars */

.scroller-area { 
	overflow: scroll;
	position: relative;	/* IE overflow fix, position must be relative or absolute*/
	top: 0px;
	left: 0px;
	height: 370px;
	width: 170px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.ag-makeScroll { 
	overflow: hidden;
	position: relative;	/* IE overflow fix, position must be relative or absolute*/
	top: 0px;
	left: 0px;
	height: 370px;
	width: 170px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.ag-innerBox{
	position:relative; /*in STRICT this messes up IE THIS causes the whole problem*/ 
	float:left;
}

.ag-track {
	height: 10px;
	width: 10px; /* width value won't work while position is relative, inherited from innerBox ^  */
	background-color: #333333;
	float: left;
	padding: 0px;
	margin: 0px;
}

.ag-handle {
	height: 100px;
	width: 10px; /* width value won't work while position is relative, inherited from innerBox ^  */
	background-color: #666666;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
}

/* not custom scrollbars */

.ag-makeScroll2 { 
	overflow: auto;
	position: relative;	/* IE overflow fix, position must be relative or absolute*/
	top: 0px;
	left: 0px;
	height: 370px;
	width: 178px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/* admin tables */

#admin_nav a { cursor:pointer; }

#admin_nav a:visited h4 { color:#0099FF; }

#admin_nav h4 { color:#0099FF; }

.link-selected h4 { color:#333333; }

.table-topnav ul {
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

.table-topnav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 2px 5px 2px 5px;
}

.table-topnav li a {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.divider {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	height: 1px;
	border-top: 1px solid #dddddd;
}

table {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-weight: normal;
	border-collapse: collapse;
	border: 0px;
}

table th {
	margin: 0px;
	padding: 0px 5px 0px 0px;
	border: 0px;
	text-align: left;
	font-weight: normal;
}

table td {
	margin: 0px;
	padding: 2px 15px 2px 0px;
	border: 0px;
	text-align: left;
}

table a {
	color: #189ad6;
	text-decoration: none;
	padding: 2px 5px 2px 0px;
}

table a:hover {
	color: #999999;
	text-decoration: none;
}

table .table-header {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #999999;
	font-weight: bold;
}

table .table-header td {
	margin: 0px;
	padding: 0px 0px 8px 0px;
}

table .table-item, table .table-alt-item {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
/*
table .table-item:hover, table .table-alt-item:hover {
	margin: 0px;
	padding: 0px;
	border: 0px;
	color: #999999;
	cursor: pointer;
}
*/
.table-footer {
	margin: 0px;
	padding: 0px;
}

.table-footer ul {
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

.table-footer li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 2px 5px 2px 5px;
}

.table-footer li a {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

/* Garb  Page*/

#grab_button{
	padding:20px 0 0 0;
}
#grab_button  a{ 
	text-decoration:none; 
	width:159px; 
	height:74px; 
	margin:0px; 
	padding:18px 80px 30px 16px; 
	background-image: url(/images/furniture/grab-button.gif); 
	background-repeat:no-repeat; 
	background-position:center; 
	color:#FFFFFF;
}

#grab_button a span{ visibility: hidden;}

#grab_button  a:hover {background-image: url(/images/furniture/grab-button-on.gif);
}
/* Form Pages */

.form-table p {
	margin:30px 0 20px 0;
}

.form-table .second {
	margin:0 0 20px 0;
}

.form-table table {
	padding:0px;
	margin:0 0 0 30px;
}

.form-table th, .form-table td {
	padding:5px 10px 5px 0;
	margin:0px;
}

.form-table th {
	width:120px;
}

.form-table table td input, .form-table table td p {
	width:20em;
	height:1.8em;
}

.form-table table td textarea, .form-table table td select {
	width:20em;
}

.form-table table th input {
	float:right;
}

.captcha, .captcha table, captcha tbody, .captcha td, .captcha th {
	background-color:#fff;
	padding:0;margin:0;
}

.captcha td {
	padding:0 0 0 120px;
}

a.submit-button {
	float:left;
	margin-right:10px;
	background:url(/images/buttons/submit-button.gif);
	display:block;
	width:139px;
	height:33px;
	padding:0px;
	text-indent:-1000em;
}

a.submit-button:hover {
	background:url(/images/buttons/submit-button-on.gif);
}

a.reset-button {
	float:left;
	margin-right:10px;
	background:url(/images/buttons/reset-button.gif);
	display:block;
	width:139px;
	height:33px;
	padding:0px;
	text-indent:-1000em;
}

a.reset-button:hover {
	background:url(/images/buttons/reset-button-on.gif);
}

a.search-button {
	float:left;
	margin-right:5px;
	background:url(/images/buttons/search-button.gif);
	display:block;
	width:83px;
	height:21px;
	padding:0px;
	text-indent:-1000em;
}

a.search-button:hover {
	background:url(/images/buttons/search-button-on.gif);
}

a.clear-button {
	float:left;
	margin-right:5px;
	background:url(/images/buttons/clear-button.gif);
	display:block;
	width:73px;
	height:21px;
	padding:0px;
	text-indent:-1000em;
}

a.clear-button:hover {
	background:url(/images/buttons/clear-button-on.gif);
}

a.new-contact-button {
	float:left;
	margin-right:5px;
	background:url(/images/buttons/new-contact-button.gif);
	display:block;
	width:120px;
	height:21px;
	padding:0px;
	text-indent:-1000em;
}

a.new-contact-button:hover {
	background:url(/images/buttons/new-contact-button-on.gif);
}

.my-contacts p {
	margin:30px 0 40px 0;
}

.my-contacts input {
	float:left;
	margin-right:10px;
}

a.save-button {
	float:left;
	margin-right:10px;
	background:url(/images/buttons/save-button.gif);
	display:block;
	width:139px;
	height:34px;
	padding:0px;
	text-indent:-1000em;
}

a.save-button:hover {
	background:url(/images/buttons/save-button-on.gif);
}

a.cancel-button {
	float:left;
	margin-right:10px;
	background:url(/images/buttons/cancel-button.gif);
	display:block;
	width:139px;
	height:34px;
	padding:0px;
	text-indent:-1000em;
}

a.cancel-button:hover {
	background:url(/images/buttons/cancel-button-on.gif);
}

/* Progress Bar : Used on Referrer pages */
.progress_img { float: left; width: 50px;}
.progress_test { float: left;  }

.file-list {
	margin: 0px;
	padding: 0px;
}

.file-list li {
	margin: 0px;
	padding: 0px 10px 0px 0px;
	float: left;
	list-style: none;
}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {

  .sIFR-active h1, 
  .sIFR-active h2, 
  .sIFR-active h3, 
  .sIFR-active h4, 
  .sIFR-active h5, 
  .sIFR-active h6, 
  .sIFR-active h7 {
    visibility: hidden;
  }

}