/* common.css

Copyright 2009 Future Medium Pty Ltd

*/

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	background: #fff;
}

label {
  cursor: pointer;
}

img {
	display: block;
}

a img {
	border: 0;
}

p {
	margin: 0 0 1em 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

ul, ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul li,
ol li {
	margin: 0;
	padding: 0;
}

dl, dt, dd {
	margin: 0;
	padding: 0;
}

.wrapper {
	margin: 0 auto;
	width: 970px;
}

form {
	display: inline;
}

embed,
object {
	display: block;
}

.ultra-important {
  color: red;
  font-weight: bold;
}

.centre {
  text-align: center;
}

.member-count {
  text-align: center;
  font-size: 1.95em;
  margin: 0 auto;
  /*width: 100px;*/
}

#tv-stars {
  border-collapse: collapse;
  width: 100%;
}

#tv-stars td {
  padding: 10px;
  margin: auto;
}

/* Hide honeypot field */
.filterField {
  display: none;
  visibility: hidden;
}

.struts_radio {
  vertical-align: middle;
}

.cnf:after,
.wwgrp:after {
	content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

a {
  color: #1c3f94;
	text-decoration: none;
}

a:visited {
  color: #008d85;
}

a:hover {
  color: #00b9b6;
}

#confirmation {
  border-top: #bf6c1b solid 1px;
  border-right: #c16a13 solid 1px;
  border-bottom: #f88a1c solid 1px;
  border-left: #c16a13 solid 1px;
  background-color: #ecf7fb;
  padding: 5px;
  margin-bottom: 10px;
}

.datepicker {

}

a:hover {
	text-decoration: underline;
}

.userAction, .userAction:visited, .userAction:hover  {
	font-weight: bold;
	color: #db6527;
}

.userAction.current {
	text-decoration: underline;
}

.left-column {
	float: left;
}	

.right-column {
	float: right;
}

/* header */

#header {
	
}

	.logo {
		float: left;
		margin-top: 14px;
		width: 140px;
	}
	
	.navigation {
		width: 770px;
		float: right;
	}

.navigation.stand-alone {
  margin-top: 110px;
}
	
		.login {
			float: right;
			position: relative;
			margin: 17px 0;
		}

			.login_left {
				float: left;
				width: 220px;
			}

			.login_right {
				float: right;
				width: 70px;
				margin-left: 5px;
				position: relative;
			}

				.login_right input {
					position: absolute;
					top: 16px;
					left: 0;
					width: 69px;
					height: 28px;
					border: 0;
					padding: 0;
					margin: 0;
					background: url("../images/button_sign_in.gif") no-repeat top left;
					cursor: pointer;
					text-indent: -10000px;
          word-spacing: 10000px;
				}

				.login_right input:hover {
					background-position: bottom left;
				}

			.login .title {
				position: absolute;
				top: -8px;
				left: -73px;
			}

			.login dl {
				margin-bottom: 4px;
			}

				.login dt {
					float: left;
					margin-right: 7px;
				}

				.login dd {
					float: right;
				}

				.login .options {
					font-size: 0.9em;
					color: #1c3f95;
				}

        .options dt,
.options dd {
  float: none;
}

					.login .options a {
						margin-top: 2px;
						display: block;
					}

					.login .txt {
						border: 1px solid #a4a4a5;
					}

					.login .chq {
						vertical-align: middle;
					}

.welcomeMessage {
  margin: 20px 0;
  height: 65px;
  text-align: right;
}

		.tenby10nav {
			clear: right;
			float: right;
			width: 100%;
		}
		
			.tenby10nav li {
				float: left;
				padding-left: 8px;
				margin-left: 8px;
				border-left: 1px solid #53689e;
				line-height: 1em;
			}
			
			.tenby10nav .first {
				padding: 0;
				margin: 0;
				border: 0;
			}
						
/* content */

#content {
	margin-top: 7px;
}

	.bct {
		font-size: 0.9em;
	}
	
		.bct li {
			float: left;
			margin-right: 4px;
		}


			/* home content */
		
	.home-content {
		margin-bottom: 15px;
	}
	
		.article-container {
			
		}
		
			.article-title {
				margin: 15px 0;
			}


      
.home-content .article-title {
  margin: 0;
  margin-top: 15px;
  height: 60px;
}

.section-title {
  margin: 0;
  margin-bottom: 15px;
}

				.article-title h1 {
					font-size: 2em;
					font-weight: normal;
				}
				
			.article-image {
				float: left;
				width: 220px;
			}	
				
			.article-content {
				float: left;
				width: 488px;
				margin: 0 20px;
				color: #595959;
			}
			
				.article-content p {
					line-height: 2em;
				}
				
				.article-content a {
					color: #595959;
					text-decoration: underline;
				}
			
			.article-links {
				float: right;
				width: 220px;
			}
			
				.article-links ul li {
					margin-bottom: 10px;
				}
				
				.article-links a {
					font-size: 1.1em;
					color: #1c3f95;
				}

.imgContainer {
  float: left;
  margin: 10px;
  margin-top: 0;
  margin-left: 0;
}

.downloadFile {
  display: block;
  color: #168d86;
}

.downloadFile:hover {
  color: #f36f2b;
}

.messages .left-column {
  width: 140px;
  margin-right: 10px;
  text-align: right;
}

.messages .message-list-holder {
  width: 599px;
  border: 1px solid black;
}

.message-article {
  width: 599px;
  margin-bottom: 20px;
  margin-top: 17px;
}

.messages .profile-picture {
  margin-left: 17px;
}

.message {
  width: 480px;
}

.message p {
  margin-top: 10px;
}

.profile-picture {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}

.message {
  float: left;
}

      /* collapsible content */

.collapsible-content {
  padding-bottom: 0;
  margin: 10px;
}

.ccp {
  margin-bottom: 10px;
  border-bottom: 1px solid #19357d;
}

.ccp .h {
  width: 699px;
  font-size: 1.1em;
  font-weight: bold;
  padding-bottom: 10px;
}

.ccp .h a {
  color: #19357d;
  text-decoration: none;
}

.ccp .c a {
  color: #168d86;
}

.ccp .c a:hover {
  color: #f36f2b;
}

.ccp .c .imgContainer {
  margin-bottom: 10px;
  margin-right: 10px;
  float: left;
}

.ccp.closed .c {
  display: none;
}

.ccp.open .c {
  display: block;
}
				
	.home-panel {
		border-top: 1px solid #5a5758;
		padding-top: 15px;
	}

#content .content-holder .collapsible-content ul {
  margin: 0 0 1em 0em;
  list-style-type: disc;
}

#content .content-holder .collapsible-content ul li {
  margin-left: 1.5em;
}

#content .content-holder .collapsible-content ol {
  margin: 0 0 1em 1em;
}

#content .content-holder .collapsible-content ol li {
  list-style-type: decimal;
  margin-left: 0.5em;
}



		/* advert panel */
	
		.advert-panels {
			float: left;
			width: 400px;
		}
		
.advert-panels .first {
  border-bottom: 1px solid #5a5758;
}

.advert-panels .even {
  border-bottom: 1px solid #5a5758;
  border-left: 1px solid #5a5758;
}

.advert-panels .last {
  border-bottom: 0;
}
			
			
				.advert {
					padding: 10px 0;
					padding-right: 10px;
					
					float: left;
					width: 174px;
				}
				
				.advert.alt {
					padding-right: 0;
					padding-left: 10px;
					border-right: 0;
				}
				
			.advert-bottom .advert {
				padding-bottom: 0;
				padding-top: 10px;
			}
			
				.advert a {
					display: block;
					width: 100%;
					text-align: center;
					color: #000;
				}
				
				.advert a:hover {
					text-decoration: none;
				}
				
					.advert-image {
						
					}
				
					.advert-text {
						display: block;
						margin-top: 5px;
						font-weight: bold;
					}
		
		/* link-panel-container */
					
		.link-panel-container {
			margin-top: 15px;
			float: right;
		}
		
			.link-panel-container h2 {
				font-size: 2.4em;
				font-weight: normal;
			}
			
			.link-panels {
				margin-top: 15px;
			}
			
				.link {
					float: left;
					width: 170px;
				}
				
				.link.middle {
					margin: 0 20px;
				}
				
					.link ul {
						margin-top: 10px;
					}
				
						.link ul li {
							margin-bottom: 5px;
						}
						
				.call-to-action {
					margin-top: 40px;
					margin-right: 10px;
					float: right;
				}
				
					.call-to-action a {
						float: left;
						margin-left: 20px;
					}
					
	/* subpage */
	
	.sub-content {
		margin-top: 15px;
	}
	
		.sub-nav {
			width: 175px;
			padding: 11px;
			border: 1px solid #8c9abe;
			float: left;
		}
		
			.sub-nav-box {
				margin-bottom: 20px;
			}
			
				.sub-nav-box h3 { 
					font-size: 1.4em;
					font-weight: normal;
					color: #db6527;
				}
				
				.sub-nav-box ul {
					margin-top: 5px;
					font-size: 0.9em;
				}
				
					.sub-nav-box li {
						margin-bottom: 8px;
					}
				
						.sub-nav-box .actionLink {
							display: block;
						}
						
		.content-holder {
			float: right;
		}
		
		.content-holder.profile {
			width: 740px;
		}
		
			.page-badge {
				position: relative;
				margin-bottom: 15px;
			}
		
			.profile .left-column {
				width: 130px;
				margin-right: 20px;
			}
			
				.user-options {
					margin-top: 8px;
					font-size: 0.9em;
				}
				
					.user-options li {
						margin-bottom: 8px;
					}
			
			.profile .right-column {	
				width: 590px;
			}
			
				.profile .article {
					margin-bottom: 15px;
				}
				
					.article h2 {
						font-size: 1.4em;
						color: #19357d;
						margin-bottom: 0.5em;
					}
					
					.article h3 {
						font-size: 1em;
						color: #000;
					}
					
					.article .events {
						margin-bottom: 5px;
					}
					
						.article .events li {
							margin-bottom: 5px;
						}
          .article .friendRequests {
						margin-bottom: 5px;
					}

						.article .friendRequests li {
							margin-bottom: 5px;
						}

            .article .friendRequests strong {
              font-weight: bold;
            }
            
					.user-carousel {
						background: #edeef4;
						padding: 10px;
					}
					
						.user-carousel .userAction {
							color: #db6527;
						}
					
						.subclasser {
							float: left;
							margin: 0 10px;
							text-align: center;
						}
					
							.subclasser.middle {
								margin: 0 39px;
							} 
					
						#content .content-holder .article .user-carousel ul {
							list-style-type: none;
              margin: 0;
              padding: 0;
						}
						
							.subclasser ul {
								margin-top: 10px;
							}
						
							.user-carousel li {
								float: left;
								width: 94px;
								margin-right: 5px;
								text-align: center;
							}

#content .content-holder .article .user-carousel li {
  margin-left: 0;
}
							
							.user-carousel .subclasser li {
								width: 72px;
							}
							
							.user-carousel .subclasser .alt {
								margin: 0;
							}
							
							.user-carousel .action {
								width: 70px;
								margin: 0;
								padding-top: 97px;
							}
							
								.user-carousel a {
									color: #000;
								}
							
									.carousel-image {
										display: block;
										width: 94px;
										height: 94px;
										overflow: hidden;
										margin-bottom: 3px;
									}
									
									.subclasser .carousel-image {
										width: 72px;
										height: 72px;
									}
								
									.carousel-title {
										font-size: 0.9em;
									}
		
		.content-holder.listing {
			width: 740px;
		}
		
			.listing .listing-article {
				margin-bottom: 30px;
			}
			
				.listing-article .listing-image {
					float: left;
					width: 94px;
					margin-right: 15px;
				}
				
				.listing-article .article {
					float: right;
					width: 620px;
				}

.listing-article.gallery-viewer .article {
  width: 749px;
}
				
				.profile .article .listing-article .article {
					width: 480px;
					margin-bottom: 0;
				}

#content .content-holder .article ul {
  margin: 0 0 1em 0em;
  list-style-type: disc;
}

#content .content-holder .article ul li {
  margin-left: 1.5em;
}

#content .content-holder .article ol {
  margin: 0 0 1em 1em;
}

#content .content-holder .article ol li {
  list-style-type: decimal;
  margin-left: 0.5em;
}

/* search widgets */

.action-button {
  position: absolute;
  right: 0;
  /*width: 135px;*/
  height: 28px;
}

.widget {
	position: absolute;
	top: -5px;
	right: 0;
}

	.find_your_friends {
		margin-top: 5px;
	}
	
		.widget dl {
			
		}
		
			.widget dt {
				float: left;
			}
			
			.widget dd {
				float: left;
				padding: 5px 2px;
				position: relative;
			}
			
			.find_your_friends dd {
				background: url("../images/bg_widget_find_your_friends.gif") repeat-x top left;
			}
			
				.widget .search_txt {
					height: 15px;
					width: 140px;
					margin-right: 3px;
				}
			
				.find_your_friends .search_txt {
					border: 1px solid #c0ebe9;
				}
				
				.widget .action {
					width: 34px;
				}
				
				.widget .search_btn {
					position: absolute;
					display: block;
					height: 40px;
					width: 40px;
					text-indent: 10000px;
          word-spacing: 10000px;
					border: 0;
					top: -5px;
					right: -2px;
					cursor: pointer;
					overflow: hidden;
					margin: 0;
					padding: 0;
				}

				.find_your_friends .search_btn {
					background: url("../images/button_widget_find_your_friends.gif") no-repeat top left;
				}

.find_your_friends .search_btn:hover {
  background-position: bottom left;
}

/* gallery */

.gallery .left-column {
  width: 759px;
}

.gallery .listing-article .article {
  width: auto;
  float: none;
}

.gallery-window {
  width: 520px;
  margin: 0 auto;
  text-align: center;
}

.gallery-window #mainImage {
  border: 1px solid #0e2357;
  padding: 10px;
}

.slideShow {
  width: 470px;
  margin: 0 auto;
  margin-top: 20px;
}

/* form container */									
					
.form-with-article {
	width: 740px;
}					

	.form-with-article .article {
		width: 550px;
		margin-left: 190px;
	}

					
.form-container {
	font-size: 0.9em;
}					

.form-container br {
  display: none;
}

	.form-container .wwgrp {
		margin-bottom: 8px;
	}
	
		.form-container .wwlbl {
			float: left;
			width: 170px;
			margin-right: 20px;
			text-align: right;
		}

.form-container.video-admin .wwlbl {
  width: 70px;
  text-align: left;
}
		
		.form-container .wwctrl {
			float: left;
			width: 330px;
			margin-right: 20px;
		}
		
			.form-container .wwctrl input {
				border: 1px solid #888;
				width: 290px;
        float: left;
			}

.form-container .wwctrl a {
  float: left;
  margin-left: 5px;
  margin-top: 2px;
}

.form-container .wwctrl .struts_radio {
   width: auto;
   margin: 0;
   margin: 0 10px;
}

.form-container .wwctrl .ta {
  font-family: arial, helvetica, sans-serif;
  font-size: 1.1em;
  width: 100%;
  border: 1px solid #888;
  height: 150px;
}

    .form-container .wwerr {
      margin: 10px 0 5px 190px;
		}

    .form-container .errorMessage {
      color: red;
    }

    .form-container  ul.errorMessage {
      margin: 10px 0 5px 190px;
		}

		.form-container .form-hints {
			margin-left: 190px; 
			width: 200px;
			color: #a8aaaa;
			margin-bottom: 18px;
		}

    .form-container .form-notice {
			padding-top:10px;
      padding-bottom: 5px;
      font-weight: bold;
		}
		
.form-container .checkbox-container .wwctrl input {
  border: 0;
  width: auto;
  margin-left: 0;
  vertical-align: top;
}

.form-container .checkbox-container .wwctrl {
  margin-left: 190px;
  width: 20px;
}

.form-container .checkbox-container .wwlbl {
  width: 290px;
  margin: 0;
  text-align: left;
}

		.form-container .buttons {
			margin-top: 20px;
			margin-left: 190px;
			position: relative;
			height: 29px;
		}
		
			.form-container .buttons input {
				position: absolute;
				top: 0;
				width: 70px;
				height: 28px;
				border: 0;
				margin: 0;
				padding: 0;
				text-indent: 10000px;
        word-spacing: 10000px;
				overflow: hidden;
				cursor: pointer;
			}

.form-container .buttons input:hover {
  background-position: bottom left;
}
			
			.form-container .buttons .submit_btn {
				left: 0;
				background: url("../images/button_submit.gif") no-repeat top left;
			}
			
			.form-container .buttons .reset_btn {
				left: 90px;
				background: url("../images/button_cancel.gif") no-repeat top left;
			}

.form-container .buttons .signin_btn {
    left: 0;
    background: url("../images/button_sign_in.gif") no-repeat top left;
}

.form-container .buttons .delete_btn {
    left: 0;
    background: url("../images/button_delete.gif") no-repeat top left;
}

.form-container .buttons .cancel_btn {
    left: 0;
    background: url("../images/button_cancel.gif") no-repeat top left;
}

.delete-user-actions .form-container {
  float: left;
}

.delete-user-actions .form-container .buttons {
  width: 70px;
  margin-left: 30px;
  margin-top: 5px;
}

/* Moderation page styles */
.moderate-content {
  border: 1px solid black;
  width: 100%;
  float: left;
}

.moderate-content th {
  padding-left: 5px;
  padding-right: 5px;
  background-color: silver;
}

.moderate-content td {
  padding-left: 5px;
  padding-right: 5px;
}

.welcome-links li {
  padding-top: 10px;
}

#star-hand-holder {
  border: none;
}

.star-hand-radio {
  width: 30px;
  border: none;
}

.star-hand-colour {
  width: 120px;
  height: 20px;
  border: 1px solid black;
}

#star-hand-holder input {
  border: none;
}

#makeyourownposter-holder {
  border: none;
}

.makeyourownposter-poster {
  text-align: center;
  vertical-align: middle;
}
.makeyourownposter-radio {
  border: none;
}

.form-container .wwctrl .makeyourownposter-radio input {
  width: 80px;
}

/* sitemap */

#sitemap-content .node0 {
  margin: 0;
  margin-bottom: 1em;
  padding: 0;
}

#sitemap-content .node0 .n0 {
  margin-bottom: 0.5em;
}

#sitemap-content .node0 .n0 a {
  font-size: 1.2em;
  font-weight: bold;
}

#sitemap-content .node1 {
  margin: 0;
  margin-bottom: 1em;
  padding-left: 2em;
}

#sitemap-content .node1 .n1 a {
  font-size: 1em;
  font-weight: normal;
}

#sitemap-content .node2 {
  margin: 0;
  margin-bottom: 1em;
  padding-left: 2em;
}

#sitemap-content .node2 .n2 a {
  font-size: 1em;
  font-weight: normal;
}

/* view boot-o-meter */

#boot-o-meter {
  position: relative;
  color: #fff;
  font-size: 3em;
}

.tally-pos-0 {
  position: absolute;
  top: 182px;
  right: 45px;
}

.tally-pos-1 {
  position: absolute;
  top: 182px;
  right: 85px;
}

.tally-pos-2 {
  position: absolute;
  top: 182px;
  right: 120px;
}

.tally-pos-3 {
  position: absolute;
  top: 182px;
  right: 157px;
}

/* footer */					

/* search results */

.search-results li {
  margin-bottom: 2em;
}

.search-results li p {
  margin: 0.5em 0;
}

#footer {
	margin: 20px 0;
}

	.footer_nav {
		float: right;
	}
	
		.footer_nav li {
			float: left;
			border-right: 1px solid #19357d;
			padding-right: 5px;
			margin-right: 5px;
			font-size: 0.9em;
			line-height: 1em;
			color: #19357d;
		}
		
		.footer_nav .last {
			border: 0;
		}
		
		.footer_nav .copyright {
			margin: 0;
			margin-left: 100px;
			padding: 0;
			border: 0;
		}