@charset "utf-8";



/* -- Tabs begins -- REMOVED BECAUSE CLASHES WITH PRIVATE CSS */

ul.tabs { /* -- The unordered list containing the tabs -- */
	margin:0 0 0 22px;
	padding:0;
	list-style:none;
}

ul.tabs.pop-up { margin:0 0 0 3px; }

ul.tabs li { /* -- Each list item within the above defined unordered list -- */
	display:block;
	margin:0 12px 0 0;
	float:left;
	height:37px;
	background:url(../images/private/layout/tab-background.png) repeat-x;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	*width:180px; /* -- Sadly, the tabs break on IE7 because of a pixel-width rendering bug. Needs more space -- */
}

ul.tabs li a { /* -- The links within each of the above defined list items -- */
	display:block;
	color:#676767;
	height:27px;
	padding:11px 15px 0 30px;
	background-position:10px 50% !important;
	white-space:nowrap;
}

ul.tabs.pop-up li a { padding:11px 15px 0 15px; }

ul.tabs li:hover a { color:#F90; }
ul.tabs li.current a, ul.tabs li.active a { color:#369; }
ul.tabs li.current, ul.tabs li.active { background:url(../images/private/layout/tab-hover-background.png) repeat-x; }

ul.tabs li a.homepage-icon { background:url(../images/icons/my-homepage.png) no-repeat; padding-left:35px; }
ul.tabs li a.bookmarks-icon { background:url(../images/icons/my-bookmarks.png) no-repeat; }
ul.tabs li a.autologin-icon { background:url(../images/icons/autologin.png) no-repeat left center;}
ul.tabs li a.autologin-icon:hover { background:url(../images/icons/autologin-hover.png) no-repeat left center; }
ul.tabs li a.password-vault-icon { background:url(../images/icons/password-vault.png) no-repeat left center; }

ul.tabs li.current span.left-tab-border, ul.tabs li.active span.left-tab-border {/* -- The left border for the .current state -- */
	display:block;
	margin:0 0 0 -3px;
	float:left;
	width:7px;
	height:37px;
	background:url(../images/private/layout/tab-hover-left-border-background.png) no-repeat;
	cursor:pointer;
}

ul.tabs li.current span.right-tab-border, ul.tabs li.active span.right-tab-border { /* -- Right border for the .current state -- */
	display:block;
	margin:0 -3px 0 0;
	float:right;
	width:7px;
	height:37px;
	background:url(../images/private/layout/tab-hover-right-border-background.png) no-repeat;
	cursor:pointer;
}

ul.tabs li:hover.current a { color:#315B9A; }

ul.tabs li span.left-tab-border { /* -- Left border for the normal state -- */
	display:block;
	margin:0 0 0 -3px;
	float:left;
	width:7px;
	height:37px;
	background:url(../images/private/layout/tab-left-border-background.png) no-repeat;
	cursor:pointer;
}

ul.tabs li span.right-tab-border { /* -- Right border for the normal state -- */
	display:block;
	margin:0 -3px 0 0;
	float:right;
	width:7px;
	height:37px;
	background:url(../images/private/layout/tab-right-border-background.png) no-repeat;
	cursor:pointer;
}

/* -- Private tabs ends -- */

body {
	font-family:Arial, sans-serif;
	font-size:14px;
	color:#404040;
	/*background:#E2E2E2;*/
	margin:0;
	padding:0;
}

h1 { color:#369; font-size:26px; font-weight:normal; margin:0 0 20px 0; }
h2 { color:#333; font-size:22px; font-weight:normal; margin:20px 0 0 0; }
h3 { color:#333; font-size:16px; font-weight:bold; margin:20px 0 0 0; }
h4 { color:#333; font-size:16px; font-weight:normal; margin:20px 0 0 0; }
h5 { color:#333; font-size:14px; font-weight:normal; margin:20px 0 0 0; }

h2.statement { font-size:18px; color:#666; margin:-20px 0 10px 0; }
h2.statement span { color:#F90; font-size:20px; font-weight:bold; }

.content p, .content-full p { margin-top:0; line-height:20px; }

.left-content h3, .right-content h3 { margin:0; }
.left-content p, .right-content p { margin:0 0 20px 0; }

input { font-family:Arial, Helvetica, sans-serif; }

embed.youtube, img.screen-shot {
	padding:3px;
	border:1px solid #CCC;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

a { text-decoration:none; outline:none; color:#369; }
a:hover { color:#F60; }

a.greenlink { 
	text-decoration:none; 
	outline:none; 
	color:#008000;
	font-size:12px;
}

a:hover.greenlink { color:#F60;}

a.external { font-weight:bold; }

/* -- Bookmark / Auto-login buttons -- */

a.bookmark-button {
	padding:4px 20px;
	border:1px solid #369;
	background:#336699 url(/images/private/blue-button-bg.png) repeat-x top;
	color:#FFF;
	text-shadow:0 1px 1px #003366;
	cursor:move;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

a.bookmark-button span {
	background:none;
	display:block;
	float:right;
	margin:0 0 0 110px;
	position:relative;
	z-index:0;
}

.clear { clear:both; } /* -- Used for convenience where necessary -- */

/* -- Button styles -- */

input.default-button { /* -- Grey button style -- */
	display:block;
	margin:0 0 5px 0;
	padding:4px 40px;
	width:inherit;
	border:1px solid #959595;
	background:url(/images/layout/buttons/global-button-background.jpg) repeat-x;
	cursor:pointer;
	text-shadow:0 1px 0 #EEEEEE;
	font-weight:bold;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

input.blue-button { /* -- Blue button style -- */
	display:block !important;
	margin:0 0 5px 0 !important;
	padding:4px 30px !important;
	color:#FFF !important;
	border:1px solid #336699 !important;
	background:#336699 url(/images/private/layout/blue-button-bg.png) repeat-x top !important;
	cursor:pointer !important;
	text-shadow:0 1px 1px #036 !important;
	font-weight:bol !importantd;
	-moz-border-radius:3px !important;
	-webkit-border-radius:3px !important;
	border-radius:3px !important;
	width:auto;
}

input.blue-button:hover, a.blue-button:hover {
	text-shadow:0 1px 0 #69C;
	color:#036;
}

a.blue-button {
	display:block;
	width:120px;
	margin:0 0 5px 0;
	padding:3px 0;
	color:#FFF;
	border:1px solid #336699;
	background:#336699 url(/images/private/layout/blue-button-bg.png) repeat-x top;
	text-shadow:0 1px 1px #036;
	font-weight:bold;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-align:center;
	float:left;
	font-size:13px;
	width:138px;
}

input.blue-button.search-results { padding:2px 10px; } /* -- Blue button style -- */
input.blue-button.image-search-results { padding:2px 10px; width:140px; }

input.orange-button,
a.orange-button {
	display:block;
	margin:0 0 5px 0;
	padding:5px 0;
	color:#FFF;
	border:1px solid #C60;
	background:#F60 url(/images/layout/orange-button-bg.png) repeat-x top;
	text-shadow:0 1px 1px #B95C00;
	font-weight:bold;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-align:center;
	font-size:16px;
	width:175px;
}

a.orange-button:hover {
	color:#333;
	text-shadow:0 1px 0 #F96;
}

/* -- The global messages (such as "success", "error", "confirmation") - colours defined below -- */
.message { 
	padding:10px;
	border:1px solid #666;
	width:100%;
	margin:10px 0;
	background:#EFEFEF;
	text-shadow:0 1px 0 #FFF;
	color:#333; /* -- If no colour is defined (from options below), message box is colour-neutral (grey) -- */
}

	.message span { display:block; font-weight:bold; padding:0 0 5px 0; } /* -- For the heading -- */
	/* -- Message colours begin -- */
	.message.blue { border-color:#369; background:#EAEFF5; } /* -- General messages -- */
	.message.red { border-color:#C00; background:#FFE8E8; } /* -- Error messages -- */
	.message.green { border-color:#6C3; background:#EBF5D3; } /* -- Confirmation messages -- */
	.message.yellow { border-color:#FC6; background:#FFFFCC; } /* -- Warning/notify messages -- */
	.message.orange { border-color:#F60; background:#FFE6CC; } /* -- Warning messages -- */
	.message.autologin {
		background-image:url(/images/private/layout/icons/large-auto-login-icon.png);
		background-position:0 50%;
		background-repeat:no-repeat;
		padding-left:75px;
		width:74%;
		margin:30px 0 0 0;
		display:block;
}
	
.clear { clear:both; } /* -- Used for convenience to clear floats - Use sparingly -- */

a.orange-link { color:#FF9000!important;}
a:hover.orange-link { color:#FFF!important;}

.correct { color:#0C3;}
.incorrect { color:#F00;}

/* -- CONTAINER -- 
	  This holds it all! This is fluid from 740px to 990px. These widths make the
	  best compromise with regard to things falling off the edges for people with
	  small resolutions. -- */
	  
.container { 
	background:#FFF;
	-moz-box-shadow: 0px 0px 5px #999;
	-webkit-box-shadow: 0px 0px 5px #999;
	box-shadow: 0px 0px 5px #999;
	min-width:740px;
	max-width:990px;
	margin:0 auto;
	overflow:hidden;
}

/* -- Container ends -- */


/* -- TOOLBAR (top) -- 
	  This is where all the global navigation goes. Everything is on one line, so
	  avoid adding anything new without considering removing something else. -- */

.toolbar {
	background:#369 url(/images/private/blue-toolbar.png) repeat-x;
	width:100%;
	overflow:hidden;
	min-height:30px;
	font-size:12px;
}

.long {
	width:100%;
	background:url(../images/private/blue-toolbar.png) repeat-x;
}

.toolbar a {
	color:#FFF;
	margin:0 10px 0 0;
	display:block;
	float:left;
}

.toolbar a:hover { color:#FF9000; }

.toolbar span { color:#FFF; margin:0 10px 0 0; }

.toolbar-left {
	float:left;
	padding:6px 0 0 20px;
}

.toolbar-right {
	float:right;
	padding:6px 0 0 20px;
	text-align:right;
}

.toolbar-long {
	width:1000px; margin:0 auto;	
}

	.toolbar-right a { margin:0; } /* -- Resets the margin defined above -- */

span.user-icon { /* -- Left-most "Logged in as..." icon -- */
	float:right;
	display:block;
	background:url(/images/icons/user.png) no-repeat left center;
	padding:0 0 0 18px;
	margin:0 15px 0 0;
}

a.settings-icon { /* -- For the link to account settings -- */
	display:block;
	float:right;
	background:url(/images/icons/cog.png) no-repeat;
	padding:0 0 0 18px;
	margin:0 15px 0 0;
}

a.logout-icon { /* -- Far-right log-out icon -- */
	display:block;
	float:right;
	background:url(/images/icons/logout.png) no-repeat;
	padding:0 0 0 18px;
	margin:0 20px 0 0;
}

a.log-in-icon { /* -- Used before a user logs in -- */
	display:block;
	float:right;
	background:url(/images/icons/login.png) no-repeat left center;
	padding:0 0 0 22px;
	margin:0 20px 0 0;
	cursor:pointer;
}

/* -- Toolbar ends -- */


/* -- MASTHEAD BEGINS -- 
	  This is where the logo and search function is. On the private pages, there is also
	  a set of tabs - this is defined in the mhpPrivate.css style sheet. -- */
	 
.masthead {
	width:100%;
	overflow:hidden;
	*overflow:none; /* -- As usual, Internet Explorer is playing up - this fixes the background image -- */
	background:url(/images/private/layout/tabs-seperator-shadow.png) repeat-x bottom;
}

a.logo {
	display:block;
	background:url(/images/private/logo_beta_small.png) no-repeat;
	width:274px;
	height:55px;
	margin:20px 0 0 20px;
	float:left;
}

.web-search-form {
	padding:0;
	margin:0;
	width:620px;
	float:right;
	margin:20px 0 25px 0;
	padding:0 0 0 20px;
}

.web-search-form span {
	display:block;
	float:left;
	font-size:18px;
	font-weight:bold;
	color:#666;
	margin:0 0 2px 150px;
}

.web-search-form a {
	display:block;
	float:left;
	font-size:14px;
	font-weight:normal;
	color:#999;
	margin:5px 8px 0 0;
}

.web-search-form a.current { color:#336699;}

.web-search-form a:hover {
	color:#369;
}

.web-search-form input {
	padding:5px;
	color:#333;
	margin:0 0 0 170px;
	border:1px solid #666;
	width:340px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}

.web-search-form input.web-search {
	margin:0;
	border:1px solid #009900;
	padding:4px 10px 4px 24px;
	*padding:4px 5px 4px 20px;
	width:auto;
	float:right;
	margin:0 20px 0 0;
	background:url(../images/private/layout/search-button-background.png) repeat-x;
	cursor:pointer;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-shadow:0 1px 0 #266426;
}
/* -- Page begins -- */


/* -- Left column begins -- */

.left-column {
	width:22%;
	float:left;
	margin:0 20px 0 20px;
	padding:20px 0 0 0;
}

/* -- Left column ends -- */


/* -- Page content begins. (The main stuff.) -- */

.content {
	width:47%;
	float:left;
	margin:20px 0 0 0;
}

	.content.no-right-column { width:70%; float:right; margin:20px 2% 0 0; }
	.content.no-left-column { width:96%; margin:20px 0 0 20px; }

.content-full { /* -- Provides the full-width content section for the sub-pages -- */
	width:70%;
	margin:20px 0 0 20px;
	float:left;
}


/* -- RIGHT-HAND CONTENT BEGINS --
	  To highlight key information (i.e security logos). Must have something
	  floating to its left (450px width). This replaces .right-column on
	  non-private pages. -- */

.left-content {
	float:left;
	margin:20px 2% 0 0;
	width:22%;
	overflow:hidden;
	background:url(/images/private/layout/left-content-line.png) no-repeat top right;
	padding:30px 0 0 20px;
	min-height:320px;
}

.right-content {
	float:right;
	margin:20px 2% 0 0;
	width:18%;
	overflow:hidden;
	background:url(/images/private/layout/right-content-line.png) no-repeat top left;
	padding:30px 0 0 20px;
	min-height:320px;
}

/* -- About us page -- */

.business-card {
	width:435px;
	padding:10px;
	border:1px solid #EEEEEE;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	overflow:hidden;
	margin:10px 0;
}

.business-card img {
	float:left;
	padding:3px;
	border:1px solid #EEEEEE;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin:0 10px 10px 0;
}

.business-card .name { font-size:18px; display:block; }
.business-card .position { font-size:12px; color:#666; display:block; }
.business-card .qualification { font-size:12px; color:#333; display:block; clear:both;  }

.hr {
	height:1px;
	width:100%;
	margin:10px 0;
	background:#ECECEC;
}

.help {
	background:#CFFFDF;
	border:1px solid #A9D0B6;
	padding:10px;
}

/*End Content*/

/*Start Footer*/

.footer {
	background:#ECECEC url(/images/misc/footer-box-emboss.jpg) top repeat-x;	
	border-top:1px solid #DBDBDB;
	width:100%;
	height:65px;
	color:#666;
	text-shadow:0 1px 0 #FFF;
	margin:30px 0 0 0;
	font-size:11px;
}

.footerlong {
	background:#ECECEC url(/images/misc/footer-box-emboss.jpg) repeat-x;	
	width: 100%;
}

.footer ul#footer-links { list-style:none; padding:0; margin:0 0 0 20px; }
.footer ul#footer-links li { display:inline; }
.footer ul#footer-links li.separator { padding: 5px; }
.footer ul#footer-links li#copyright { font-size:14px; display:block; padding:0 0 5px 0; }
.footer ul#footer-links li.version { margin:0 0 0 25px; }

.footer a { color:#666;}
.footer a:hover { color:#369;}

/*End Footer*/

/*Contact Form*/

#contact-form input.text {
	display:block;
	width:400px;
	margin:0 0 5px 0;
	padding:5px;
	border:1px solid #959595;
	background:#FFF;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
}

#contact-form select {
	display:block;
	width:412px;
	margin:0 0 5px 0;
	padding:5px;
	border:1px solid #959595;
	background:#FFF;
	outline:none;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
}

#contact-form textarea {
	display:block;
	width:400px;
	height:100px;
	margin:0 0 5px 0;
	padding:5px;
	border:1px solid #959595;
	background:#FFF;
	font-size:12px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
}

#contact-form input.button:hover { color:#333;}

a.global-a-button {
	display:block;
	width:180px;
	height:17px;
	margin:0 0 5px 0;
	padding:5px;
	border:1px solid #959595;
	background:url(/images/layout/buttons/global-button-background.jpg) repeat-x;
	cursor:pointer;
	color:#222;
	text-align:center;
}

a:hover.global-a-button { color:#333;}

/*End Contact Form*/

/* -- Regsitration form -- */

.register-form {
	margin:20px 0;
	width:425px;
}

.register-form label {
	display:block;
	cursor:pointer;
	padding:0 0 2px 0;
}

.register-form input.text {
	width:100%;
	padding:4px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:16px;
	margin:0 0 20px 0;
	border:1px solid #CCC;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.register-form input.text:focus { border-color:#999; }

.input-note { margin:-18px 0 20px 0; font-size:12px; }

.register-button {
	width:175px;
	height:65px;
	overflow:hidden;
	background:url(/images/private/layout/register-button.png) no-repeat top center;
	cursor:pointer;
	border:none;
	color:#FFF;
	font-size:26px;
	text-shadow:0 1px 1px #D97900;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	*text-align:center;
	*padding:0 0 0 60px;
	margin:20px 0 0 0;
}

.register-button:hover {
	background-position:bottom;
	color:#333;
	text-shadow:0 1px 0 #EEB062;
}

label.accept-terms {
	font-size:12px;
	width:380px;
	float:right;
	padding:2px 0 0 0;
	margin:0 20px 0 0;
}

p.validation-error {
	padding:10px 10px 10px 90px;
	border:1px solid #C00;
	text-shadow:0 1px 0 #FFF;
	background: #FFECEC url(/images/private/layout/icons/error-notification.png) no-repeat 10px 50%;
	color:#C00;
}

p.validation-error span {
	font-weight:bold;
	font-size:16px;
	display:block;
}

span.remember-me {
	display:block;
	margin:-10px 0 20px 0;
	*margin:-15px 0 25px 0;
}

span.remember-me a {
	color:#666;
	font-size:12px;
	float:right;
	*margin:-15px 0 0 0;
}

span.remember-me a:hover { color:#F60; }

span.remember-me label {
	display:inline-block;
	font-size:12px;
	margin:-2px 0 0 0;
	padding:0 0 0 2px;
}

span.remember-me input { padding:0; margin:0; }

/* -- Search results -- */

.best-match-result {
	margin:0 0 10px 0;
	float:left;
}

.best-match-result a img {
	border:3px solid #5E83A7;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin:0 25px 0 0;
	float:left;
}

.best-match-result h3.result {
	margin:0 0 10px 0 !important;
}

.best-match-result h3 a {
	display:block;
	margin:-10px 0 0 0;
}

a.more-pages {
	font-size:12px;
	clear:both;
	display:block;
	float:left;
	width:45%;
}

.best-match-result p {
	font-size:12px;
	text-align:justify;
}

.best-match-result a.greenlink {
	font-size:12px;
	display:block;
	margin:5px 0;
}

.search-result {
	margin:10px 0 0 0;
	background:url(/images/layout/horizontal-seperator.png) top no-repeat;
	float:left;
}







.image-results-container {
	width:100%;
	float:left;
}

.image-results-row {
	width:100%;
	overflow:hidden;
	margin:10px 0;
}

.image-result {
	width:140px;
	padding:10px;
	overflow:hidden;
	float:left;
	margin:0 10px 10px 0;
	bottom:0;
	height: 270px;
}

.image-result img {
	max-width:140px;
	max-height:130px;
	border:1px solid #CCC;
}

.image-result img:hover { border-color:#F60; }

.image-result h3 {
	margin:5px 0 10px 0;
	line-height:17px;
	height:17px;
	overflow:hidden;
	width:300px;
}

.image-result .heading-link-fade {
	display:block;
	width:40px;
	height:20px;
	margin:-28px 0 0 120px;
	background:url(/images/layout/heading-link-fade-bg.png) no-repeat right center;
	position:absolute;
	z-index:1;
}










span.search-text {
	font-size:14px;
	font-weight:bold;
}

.search-result span {
	font-weight:bold;
	font-size:14px;
	display:block;
	margin:10px 0 0 0;
}

.search-result img {
	border:3px solid #5E83A7;
	border-radius:2px;
	-moz-border-radius:2px;
	-khtml-border-radius:2px;
	-webkit-border-radius:2px;
	margin:0 30px 0 0;
	float:left;
}

.search-result p {
	font-size:12px;
	color:#333;
	margin:0;
}

.search-result a.greenlink {
	width:250px;
	float:left;
	font-size:12px;
	display:block;
	margin:5px 0 0 0;
}

.search-result-options {
	width:340px;
	float:right;
	margin:0;
}

.image-search-result-options {
	width:140px;
	float:right;
	margin:10px 0 0 0;
}

.bookmark-saved {
	padding:5px;
	color:#090;
	border:1px solid #090;
	background:#D7FFD7;
	text-shadow:0 1px 0 #FFF;
	float:left;
	width:130px!important;
	margin:5px 0;
	font-size:12px;
	font-weight:bold;
}

.bookmark-saved.images {
	width:130px;
	margin: 0;
	clear:both;
}

.bookmark-saved-container {
	height:30px;
	overflow:hidden;
}

.search-result .bookmark-saved { width:45%; float:right; clear:both; margin:0 15px 0 0; }

.bookmark-saved span {
	display:block;
	float:left;
	font-size:12px;
	margin:0;
}

.bookmark-saved a { float:right; margin:0; }

.news-source {
	font-size:11px !important;
	font-weight:bold;
	color:#777777 !important;
	margin:0 !important;
}

/* -- Search results ends -- */



/* ========================================================================================================== */
/* ========================================================================================================== */
/* ========================================================================================================== */
/* ========================================================================================================== */
/* ========================================================================================================== */
.tolower{text-transform:lowercase;}
.toupper{text-transform:uppercase;}
.currentFolder { 	color:#336699 !important;
	font-weight:bold;
	background:url(/images/private/layout/icons/folders-sprite.png) no-repeat 0 -18px;
 }
 
 .search-result-options {
	width:360px;
	float:right;
	margin:0;
}
.popup { padding:20px 0px 0px 20px ; width:400px; }
 a.popup-logo {
	display:block;
	background:url(/images/private/logo.png) no-repeat;
	width:274px;
	height:55px;
	margin:20px 0 0 20px;
	float:left;
	}
	
	

.international {
	float:left;
	padding: 10px 0 10px 0;
}

	.international a {
		color:#336699;
		padding:0 10px 0 0;
}

	.international a:hover {
		text-decoration:underline;
}	
	


/* -- 11-06-2010 -- */

input.orange-button {
	display:block;
	margin:0 0 5px 0;
	padding:4px 30px;
	*padding:3px 15px;
	color:#FFF;
	border:1px solid #C60;
	background:#F60 url(../images/layout/orange-button-bg.png) repeat-x top;
	cursor:pointer;
	text-shadow:0 1px 1px #B95C00;
	font-weight:bold;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}


/* -- 15-06-2010 -- */

.demo-register {
	width:300px;
	height:90px;
	float:right;
	text-align:right;
}

.demo-register a {
	margin:40px 20px 0 0;
	float:right;
}

/* 16-06-2010 */

div#indicator  
{
    display:block; 
    width:295px; 
    margin:0px; 
    border:0px; 
    padding:0px; 
    line-height:12px;
}

div#indicator span  
{
    float:left; 
    width:70px; 
    height:12px;
    border:1px solid #d2d2d2; 
    padding:0px; 
    margin:0px; 
    line-height:12px;
}

.weak { background-color:red; }
.fair { background-color:orange; }
.good { background-color:yellow; }
.strong { background-color:green; }




/* -- 13-10-2010 -- */

.overlay {
	background-color:#336699;
}

.popup-left {
	float:left;
	width:260px;
}

.popup-right {
	float:right;
	width:260px;
}

.checkbox {
	width:15px !important;
	float:left;
}

.check-label {
	display:inline;
}

.no-top-margin { margin-top:0; }
.no-bottom-margin { margin-bottom:0; }

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -300px;
    width: 590px;
    background-color: #FFFFFF;
    color: #333;
    border: 10px solid #666;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	z-index:99999;
	overflow:hidden;
}

.jqmOverlay { background:none; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#dialogue-footer {
	min-width:500px;
	padding:10px;
	background:#EEEEEE;
	border-top:1px solid #369;
	text-shadow:0 1px 0 #FFF;
	overflow:hidden;
}

#dialogue-footer a.cancel {
	float:right;
	padding:2px 0 2px 20px;
	color:#333;
	margin:30px 0 0 0;
	background:url(../../images/private/layout/icons/cross.png) no-repeat left center;
}

#dialogue-footer a.save {
	float:right;
	padding:2px 0 2px 20px;
	color:#333;
	margin:30px 0 0 10px;
	background:url(../../images/private/layout/icons/tick.png) no-repeat left center;
}

	#dialogue-footer a.save.small,
	#dialogue-footer a.cancel.small{
		margin:0 0 0 10px;
}

#dialogue-footer a.save:hover {
	color:#369;
	background:url(../../images/private/layout/icons/tick_hover.png) no-repeat left center;
}

#dialogue-footer a.cancel:hover {
	color:#369;
	background:url(../../images/private/layout/icons/cross_hover.png) no-repeat left center;
}

#dialogue-header {
	padding:10px;
	overflow:hidden;
	background:#369;
}

#dialogue-header h2 {
	font-size:24px;
	color:#FFF;
	text-shadow:0 1px 1px #036;
	font-weight:normal;
	margin:0;
}

#dialogue-subheader {
	min-width:500px;
	padding:5px 10px;
	background:#EEEEEE;
	border-bottom:1px solid #369;
	overflow:hidden;
}

#dialogue-subheader h3 {
	font-weight:normal;
	margin:0;
	color:#333;
	font-size:14px;
	text-shadow:0 1px 0 #FFF;
}

.checkbox {
	width:15px !important;
	float:left !important;
}