/*------------------------------------------------------------------
[Master Stylesheet]

Project:	flirtar.pt
Version:	1.0
Last change:	14/05/08 [start]
Author:  Anders Mogensen / dostuff.dk


[Table of contents]

1. Color definitions
2. Reset
3. Body and basic styles
4. Basic Layout containers
5. Header
	5.1 Login
	5.2 Welcome text
	5.3 Main menu
6. Left
	6.1 Not logged in
	6.2 Logged in
7. Front page
	7.1 Most featured
	7.2 News
	7.3 Featured profiles
8. Footer
9. Content classes
10. Profile smallbox




-------------------------------------------------------------------*/



/*------------------------------------------------------------------
1. Colors

Light blue (page background) : #70C4FF;
Red (background contrast color) : #E6214C;
White (content background) : #FFFFFF;
Dark Blue (menu) : #014C74;

Boys color background: #E0EDF6;
Boys color header: #66A3D3;
Girls color background: #F9D2DB;
Girls color header: #DF1F49;

-------------------------------------------------------------------*/




/*------------------------------------------------------------------
2. Reset
-------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1.1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	vertical-align:top;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

html, body { border: 0; margin: 0; padding: 0;}

/*------------------------------------------------------------------
3. Body and basic styles
-------------------------------------------------------------------*/

body {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:76%;
	background:url('images/body_background.gif') top center no-repeat;
	background-color:#70C4FF;
}

h1 {
	color:#6C95DD;
	font-size:1.8em;
	font-weight:normal;
	letter-spacing:1px;
	padding-bottom:5px;
	margin-bottom:5px;
}

h2 {
	clear:both;
	color:#86A8E5;
	/*font-size:1.45em;*/
	font-size:18px;
	font-weight:normal;
	letter-spacing:1px;
	border-bottom:1px solid #C9C9C9;
	padding-bottom:5px;
	margin-bottom:5px;
}

h3 {
	color:#86A8E5;
	/*font-size:1.45em;*/
	font-size:18px;
	font-weight:normal;
	letter-spacing:1px;
	border-bottom:1px solid #C9C9C9;
	padding-bottom:5px;
	margin-bottom:5px;
}

h6 {
	display:block;
	text-align:center;
	font-weight:normal;
	font-size:1.5em;
	color:#666;
}

a {
	color:black;
	font-weight:normal;
	text-decoration:underline;
}

a:visited {
	color:#888;
}

a:hover {
	color:red;
}

a:active {
	color:#014C74;
}

.femalecolor {
	color:#D58B9D;
}

.malecolor {
	color:#65A5CB;
}

.oddrow {
	background-color:#F5F5F5;
}

.evenrow {
	background-color:#fff;
}

tr.table_head th {
	background-color:#ccc;
}

.oddrow td, .evenrow td, tr.table_head th {
	padding:2px;
}

/*------------------------------------------------------------------
4. Basic Layout containers
-------------------------------------------------------------------*/

#container {
	margin:0em auto;
	width:809px;
	text-align:left;
	background:url('images/container_background.gif') top left repeat-y;
	
	position:relative;
	color:#333;
}

#header {
	width:809px;
	height:140px;
	background:url('images/header_background.gif') bottom left no-repeat;
	background-color:#70C4FF;
	position:relative;
}

#content {

}

#noLogin_left {
	width:186px;
	height:302px;
	float:left;
	background:url('images/nologin_left_background5.gif') top left no-repeat;
	color:black;
	margin-left:15px;
	margin-top:3px;
	display:inline;
}

#noLogin_left h4 {
	margin:10px;
	font-weight:bold;
	font-size:0.88em;
	color:#777;
}

#noLogin_left h4 a {
	font-weight:bold;
	text-decoration:none;
}

#noLogin_left p {
	margin:5px 10px 5px 10px;
	font-size:0.88em;
	color:#777;
}

#left {
	width:186px;
	float:left;
	background-color:#014C74;
	display:inline;
	margin-left:15px;
	margin-top:3px;
}

#main {
	float:left;
	display:inline;
	width:575px;
	margin-left:15px;
	position:relative;
	font-size:0.92em;
	
}

/*------------------------------------------------------------------
5. header
-------------------------------------------------------------------*/
#header_top {
	float:left;
	width:335px;
	
}

#header_bottom {
	position:absolute;
	bottom:12px;
	left:0px;
	width:315px;
	height:50px;
}

#header_bottom table {
	height:32px;
	margin-left:20px;
	margin-top:2px;
	
	width:300px;
}

#header_bottom table td {
	
}

#header_bottom table td#login {
	padding-top:17px;
}

#header_banner {
	position:absolute;
	top:15px;
	right:10px;
	/*width:470px;*/
	height:60px;
	/*background:url('images/header_bannercontainer.gif') top left no-repeat;*/
	/*padding:2px 0px 0px 2px;*/
	border:2px solid #4C83A9;
}

#header img#logo {
	float:left;
}

#header img#signup {
	float:left;
	margin-left:43px;
}

		/*------------------------------------------------------------------
		5.1 loginform
		-------------------------------------------------------------------*/
		
		form#loginform {
			
		}
		
		label#username {
			display:block;
			width:30px;
			height:14px;
			background:url('images/header_loginform_username.gif') top left no-repeat;
			text-indent:-5000px;
			margin-bottom:3px;
		}
		
		label#password {
			display:block;
			width:30px;
			height:14px;
			background:url('images/header_loginform_password.gif') top left no-repeat;
			text-indent:-5000px;
			margin-bottom:3px;
		}
		
		input#txtusername, input#txtpassword {
			display:block;
			float:left;
			
			height:18px;
			font-size:10px;
			background:url('images/header_loginform_input.gif') top left repeat-x;
			border:0;
			margin:0;
			padding:0;
			padding-top:2px;
		}
		
		input#txtusername {
			width:94px;
		}
		input#txtpassword {
			width:74px;
		}
		
		span.inputleft {
			display:block;
			float:left;
			width:7px;
			height:18px;
			background:url('images/header_loginform_input_left.gif') top left no-repeat;
		}
		
		span.inputright {
			display:inline;
			float:left;
			width:7px;
			height:18px;
			background:url('images/header_loginform_input_right.gif') top left no-repeat;
			margin-right:22px;
		}
		
		/*------------------------------------------------------------------
		5.2 Welcome text
		-------------------------------------------------------------------*/
		
		strong#welcome {
			display:inline;
			float:left;
			width:195px;
			height:18px;
			padding:4px 0px 6px 10px;
			color:#D1E3EB;
			background:url('images/welcome_background.gif') top left no-repeat;
			font-size:0.9em;
			margin-right:9px;
			margin-top:17px;
			margin-left:15px;
			font-weight:normal;
		}
		
		a#logout {
			display:block;
			float:left;
			width:71px;
			height:18px;
			margin:19px 0px 0px 0px;
		}
		
		/*------------------------------------------------------------------
		5.3 Main menu
		-------------------------------------------------------------------*/
		
		ul#mainmenu {
			display:block;
			width:345px;
			height:26px;
			position:absolute;
			right:10px;
			top:77px;
			
		}
		
		ul#mainmenu li {
			display:inline; /* IE6 bug fix - grrr */
			float:left;
			width:104px;
			height:26px;
			margin-left:11px;
		}

/*------------------------------------------------------------------
6 Left
-------------------------------------------------------------------*/

#left h4 {
	margin:5px;
	padding:5px;
	background-color:#2D96C5;
	color:white;
	font-weight:bold;
	font-size:0.85em;
}
		/*------------------------------------------------------------------
		6.1 Not logged in
		-------------------------------------------------------------------*/
		#explain {
			width:152px;
			margin-left:17px;
			padding-top:33px;
		}
		
		#explain h2 {
			font-size:1.2em;
			color:#222;
			border:none;
			font-weight:normal;
			border-bottom:1px solid #bbb;
			margin-bottom:10px;
		}
		
		#explain h2 a {
			color:#555;
			font-weight:normal;
			text-decoration:none;
		}
		
		#explain h2 a:hover {
			color:#000;
		}
		
		#explain p {
			color:#222;
			text-decoration:none;
		}
		
		#explain p a {
			color:#555;
			text-decoration:none;
		}
		
		#explain p a:hover {
			color:#000;
		}
		
		#frmQuickSearch {
		  margin-left:auto;
		  margin-right:auto;
		  padding: 0;
		  padding-top:25px;
		  width: 165px; 
		  font-size:0.9em;
		  margin-left:15px;
		}
		
		#frmQuickSearch input, #frmQuickSearch textarea, #frmQuickSearch select {
			font-family:'lucida grande', 'lucida sans unicode', verdana, georgia, arial, sans-serif;
		  font-size:0.9em;
		  color:#222;
		  /*border-color:#999;*/
		}
		
		#frmQuickSearch label { 
			display: block;  /* block float the labels to left column, set a width */
			float: left; 
			width: 50px; 
			padding: 0; 
			margin: 10px 0 0; /* set top margin same as form input - textarea etc. elements */
			text-align: left; 
			color:#D1E3EB;
		}
		
		#frmQuickSearch input, #frmQuickSearch textarea, #frmQuickSearch select {
			/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
			width:90px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
			margin:10px 0 0 10px; /* set margin on left of form elements rather than right of
		                              label aligns textarea better in IE */
		  font-size:9px;
		}
		
		#frmQuickSearch select.age {
			width:40px;
		}
		
		#frmQuickSearch input#reset {
			margin-left:0px; /* set margin-left back to zero on reset button (set above) */
		}
		
		#frmQuickSearch textarea { overflow: auto;height:100px; }
		
		#frmQuickSearch select {
			width:auto;
		}
		
		#frmQuickSearch #submitter {
			margin-left:53px;
			margin-bottom:5px;
			width:107px;
			height:20px;
		}
		
		#statstable {
			width:155px;
			margin-top:25px;
			margin-left:15px;
			border-bottom:1px solid #99B9C8;
		}
		
		#statstable td {
			padding-bottom:9px;
		}
		
		#statstable h4, #statstable h5 {
			text-align:center;
			font-weight:normal;
		}
		
		#statstable h4 {
			font-size:0.8em;
			color:#5E8FA7;
		}
		
		#statstable h5 {
			color:white;
		}
		
		#statstable2 {
			width:153px;
			/*margin-top:20px;*/
			margin-top:65px;
			margin-left:16px;
			margin-bottom:5px;
		}
		
		#statstable2 td {
			width:51px;
			text-align:center;
			font-size:1.4em;
			vertical-align:middle;
		}
		
		/*------------------------------------------------------------------
		6.2 Logged in
		-------------------------------------------------------------------*/
		ul.leftmenu {
			margin-left:10px;
			margin-bottom:10px;
		}
		
		ul.leftmenu li {
			margin-bottom:3px;
		}
		
		ul.leftmenu li a {
			color:#C4D6E0;
			text-decoration:none;
			font-size:0.9em;
		}
		
		ul.leftmenu li a:visited {
			color:#C4D6E0;
		}
		
		ul.leftmenu li a:hover {
			color:white;
		}
		
		
		
/*------------------------------------------------------------------
7. Front page
-------------------------------------------------------------------*/

		/*------------------------------------------------------------------
		7.1 Narrowbox
		-------------------------------------------------------------------*/
		
		#narrowBox {
			position:relative;
			display:block;
			float:left;
			width:384px;
			height:302px;
			background:url('images/mostFeatured.gif') top left no-repeat;
			margin-top:3px;
		}
		
		#narrowBox_right {
			float:right;
			width:260px;
			margin-right:12px;
			margin-top:16px;
		}
		
		#narrowBox_bottom {
			position:absolute;
			bottom:10px;
			left:20px;
			width:350px;
			border-top:1px solid #bbb;
			padding-top:5px;
		}
		
		#narrowBox_bottom h3 {
			font-size:1em;
			font-weight:bold;
			border:none;
			color:#86A8E5;
			margin:0;
			letter-spacing:1;
		}
		
		#narrowBox_bottom p {
			color:#666;
			margin-bottom:0.8em;
			font-family:verdana, georgia, arial, sans-serif;
		}
		
		#mostFeaturedImage {
			float:left;
			width:205px;
			height:278px;
			margin-top:12px;
			margin-left:12px;
		}
		
		#mostFeaturedSex {
			float:right;
			margin-top:12px;
			margin-right:12px;
		}
		
		#mostFeaturedTxt {
			position:absolute;
			bottom:20px;
			right:0px;
			float:right;
			width:140px;
			margin-right:15px;
			background:url('images/mostFeatured_heart.gif') top left no-repeat;
			padding-top:22px;
			padding-left:5px;
			text-align:left;
		}
		
		#mostFeaturedTxt h2 {
			font-size:1em;
			font-weight:bold;
			color:#6F6E73;
			letter-spacing:1px;
			border-bottom:1px solid #C9C9C9;
			padding-bottom:6px;
			margin-bottom:6px;
			text-align:left;
		}
		
		#mostFeaturedTxt h2 a {
			color:#6F6E73;
			text-decoration:none;
			font-weight:bold;
		}
		
		#mostFeaturedTxt h2 a:hover {
			color:black;
		}
		
		#mostFeaturedTxt p {
			margin:0;
			padding:0;
			color:#6F6E73;
			font-size:0.88em;
			text-align:left;
		}
		
		#mostFeaturedTxt p a {
			text-decoration:none;
		}
		
		#mostFeaturedTxt p a:hover {
			color:#000;
		}
		
		#mostFeatured table {
			margin:15px;
			font-size:0.85em;
			color:#444;
		}
		
		/*------------------------------------------------------------------
		7.2. News
		-------------------------------------------------------------------*/
		#news {
			width:165px;
			min-height:292px;
			background:url('images/news_background.gif') top left no-repeat;
			float:left;
			padding-left:25px;
			padding-top:10px;
			margin-bottom:5px;
		}
		
		#news h3 {
			font-size:1em;
			font-weight:bold;
			color:#777;
			border:none;
			letter-spacing:0px;
			padding-bottom:0px;
			padding-left:20px;
			margin-bottom:5px;
			background:url('images/news_headlineheart.gif') center left no-repeat;
			height:15px;
		}
		
		#news h3 a {
			font-weight:bold;
			color:#777;
			border:none;
			text-decoration:none;
		}
		
		#news h3 a:hover {
			color:black;
		}
		
		p.newsdate {
			margin:0;
			font-size:0.80em;
			text-align:right;
			color:#999;
			margin-bottom:5px;
		}
		
		div.newstext {
			margin-bottom:10px;
			color:#777;
			padding-bottom:10px;
			border-bottom:1px solid #ddd;
			font-size:0.875em;
			line-height:1.3;
		}
		
		#news a {
			color:black;
			text-decoration:underline;
		}
		
		#news a:hover {
			color:#EC2550;
		}
		
		.newspage_item {
			padding:0px 50px 0px 50px;
			margin-bottom:20px;
		}
		
		p.newspage_item_date {
			margin:0;
			font-size:0.84em;
			text-align:left;
			color:#777;
			margin-bottom:5px;
		}
		
		div.newspage_fullitem_text {
			padding:0px 50px 0px 50px;
		}
		
		div.newspage_item_text p {
			margin-bottom:1em;
			
			font-family:verdana, georgia, arial, sans-serif;
		}
		
		p.newspage_fullitem_date {
			margin:0;
			padding-left:50px;
			font-size:0.84em;
			text-align:left;
			color:#777;
			margin-bottom:5px;
		}
		
		/*------------------------------------------------------------------
		7.3 Featured profiles
		-------------------------------------------------------------------*/
		#featuredProfiles {
			clear:both;
			margin-left:11px;
			padding-top:15px;
			width:793px;
		}
		
		.userresultviewsmallFP {
			float:left;
			display:inline;
			width:120px;
			height:124px;
			margin-left:5px;
			margin-right:6px;
		}
		
		.picageM {
			width:120px;
			height:104px;
			background:url('images/featuredprofiles_M.gif') top left no-repeat;
			position:relative;
		}
		
		.picageF {
			width:120px;
			height:104px;
			background:url('images/featuredprofiles_F.gif') top left no-repeat;
			position:relative;
		}
		
		.picageF img, .picageM img {
			position:absolute;
			top:8px;
			left:8px;
		}
		
		.picageF p, .picageM p {
			position:absolute;
			top:6px;
			left:88px;
			text-align:center;
			width:28px;
			font-size:0.75em;
		}
		
		.picageF p {
			color:#DF1E4A;
		}
		
		.picageM p {
			color:#66A3D2;
		}
		
		.userresultviewsmallFP h4.male {
			background:url('images/featuredFP_headerM.gif') top left no-repeat;
			background-color:#66A3D2;
			color:white;
			font-size:0.85em;
			padding:2px;
		}
		
		.userresultviewsmallFP h4.female {
			background:url('images/featuredFP_headerF.gif') top left no-repeat;
			background-color:#DF1E4A;
			color:white;
			font-size:0.85em;
			padding:2px;
		}
		
		.userresultviewlistM {
			width:540px;
			height:42px;
			background-color:#E0EDF6;
			margin-bottom:5px;
			margin-left:15px;
			margin-right:15px;
			color:#4582B1;
		}
		
		.userresultviewlistF {
			width:540px;
			height:42px;
			background-color:#FED3DD;
			margin-bottom:5px;
			margin-left:15px;
			margin-right:15px;
			color:#E32155;
		}
		
		.userresultviewlistM h4 {
			color:#4582B1;
			font-weight:bold;
		}
		.userresultviewlistF h4 {
			color:#E32155;
			font-weight:bold;
		}
		
		.userresultviewlistM td, .userresultviewlistF td {
			vertical-align:middle;
		}
		
		.userresultviewlistM td {
			color:#4582B1;
		}
		
		.userresultviewlistF td {
			color:#E32155;
		}
		
		
		
		.userresultviewlistM img.smallpic {
			border:1px solid #4582B1;
		}
		
		.userresultviewlistF img.smallpic {
			border:1px solid #E32155;
		}
		
		.userresultviewlistM a, .userresultviewlistF a {
			text-decoration:none;
		}
		
		.userresultviewlistM div.online {
			width:36px;
			height:42px;
			background:url('images/userresultlist_onlinemale.gif') no-repeat;
		}
		
		.userresultviewlistF div.online {
			width:36px;
			height:42px;
			background:url('images/userresultlist_onlinefemale.gif') no-repeat;
		}

/*------------------------------------------------------------------
8. Footer
-------------------------------------------------------------------*/

#footer {
	clear:both;
	padding-top:20px;
	width:809px;
	height:30px;
	color:#777;
	background:url('images/container_bottom.gif') bottom left no-repeat;
}

#footer p {
	float:left;
	font-size:0.8em;
}

p#footer_designby {
	width:219px;
	text-indent:10px;
	padding-top:10px;
}

p#footer_tools {
	width:369px;
	text-align:center;
}

p#footer_copyright {
	width:209px;
	padding-right:10px;
	text-align:right;
	padding-top:10px;
}

p#footer_tools a {
	color:#777;
	text-decoration:none;
}

p#footer_tools a:hover {
	color:#000;
	text-decoration:underline;
}


/*------------------------------------------------------------------
9. Content classes
-------------------------------------------------------------------*/



.content_box {
	display:inline;
	float:left;
	width:574px;
	margin-bottom:20px;
	background:url('images/content_box_background.gif') top left repeat-y;
	
}

.content_box_top {
	width:574px;
	height:14px;
	background:url('images/content_box_top.gif') top left no-repeat;
}

.content_box_bottom {
	clear:both;
	width:574px;
	height:14px;
	background:url('images/content_box_bottom.gif') top left no-repeat;
}

.content_box_left {
	float:left;
	display:inline; /*IE6 bug fix*/
	width:240px;
	margin-left:15px;
}

.content_box_right {
	float:right;
	display:inline; /*IE6 bug fix*/
	width:250px;
	margin-right:20px;
}

.content_box_right h4.bordertop {
	border-top:1px solid #C9C9C9;
	padding-top:5px;
}

.content_box_right textarea {
	width:230px;
	height:50px;
	font-size:1em;
	font-family:Verdana;
}

.content_box_singlecolumn {
	
	padding:5px 20px 5px 30px;
	width:524px;
	
}

.content_box_singlecolumn p, .content_box_singlecolumn blockquote {
	font-size:0.96em;
	margin-bottom:0.5em;
	position:relative;
}

.content_box_right h2 {
	color:#86A8E5;
	font-size:1.6em;
	font-weight:normal;
	letter-spacing:1px;
	border-bottom:1px solid #C9C9C9;
	padding-bottom:5px;
	margin-bottom:5px;
}

.content_box h4 {
	font-size:1.15em;
	font-weight:bold;
	color:#888;
	margin-bottom:5px;
}

.content_box h5 {
	font-size:0.96em;
	font-weight:normal;
	color:#999;
}

.content_box_right table {
	
}

.content_box_right table td {
	padding:2px;
	font-size:1em;
}

.content_box_right p {
	font-size:0.92em;
}

/*------------------------------------------------------------------
10. Profile smallbox
-------------------------------------------------------------------*/
.userresultviewsmallM, .userresultviewsmallF {
	width:270px;
	margin:0px 5px 20px 5px;
	float:left;
	height:150px;
	position:relative;
	display:block;
}

.userresultviewsmallF {
	background:url('images/userresultsmall_backgroundF.gif') top left no-repeat;
}

.userresultviewsmallM {
	background:url('images/userresultsmall_backgroundM.gif') top left no-repeat;
}

.userresultviewsmallM h4 {
	width:270px;
	height:20px;
	background:url('images/userresultsmall_headerM.gif') top left no-repeat;
	color:white;
	padding-top:2px;
	text-indent:5px;
	font-size:1.04em;
}

.userresultviewsmallF h4 {
	width:270px;
	height:20px;
	background:url('images/userresultsmall_headerF.gif') top left no-repeat;
	color:white;
	padding-top:2px;
	text-indent:5px;
	font-size:1.04em;
}

.userresultviewsmallF img, .userresultviewsmallM img {
	position:absolute;
	top:28px;
	left:8px;
}

p.userresultviewsmall_age {
	position:absolute;
	top:28px;
	left:120px;
	font-size:0.96em;
}

p.userresultviewsmall_picscnt {
	position:absolute;
	top:120px;
	left:10px;
	font-size:0.96em;
}

.userresultviewsmallF p {
	color:#DF1E4A;
}

.userresultviewsmallM p {
	color:#5596C8;
}

.userresultviewsmallM table, .userresultviewsmallF table {
	position:absolute;
	top:55px;
	left:97px;
	width:160px;
	font-size:0.96em;
}

.userresultviewsmallF table {
	color:#DF1E4A;
}

.userresultviewsmallM table {
	color:#5596C8;
}

.userresultviewsmallM span.status_online, .userresultviewsmallF span.status_online {
	color:#579E57;
}

.userresultviewsmallM a {
	color:#376E99;
	text-decoration:underline;
}

.userresultviewsmallM a:hover {
	color:#818F9A;
	text-decoration:underline;
}

.userresultviewsmallF a {
	color:#B02140;
	text-decoration:underline;
}

.userresultviewsmallF a:hover {
	color:#B36E7D;
	text-decoration:underline;
}

table.horizontallist {
	padding:0px;
	margin-left:0px;
	margin-top:15px;
}

.horizontallist td {
	width:78px;
	height:30px;
	background-color:red;
	vertical-align:middle;
	text-align:center;
	padding:0px 8px 0px 8px;
	color:white;
	font-size:0.96em;
}

.horizontallist td.unselected {
	background:url('images/horizontallist_unselected.gif') top left no-repeat;
}

.horizontallist td.selected {
	background:url('images/horizontallist_selected.gif') top left no-repeat;
}

.horizontallist td.unselected a {
	color:#DAE7ED;
	text-decoration:none;
}

.horizontallist td.unselected a:hover {
	color:white;
}

.horizontallistBottom {
	height:30px;
}

ul.horizlist {
	margin-bottom:15px;
}

.horizlist li {
	float:left;
	margin-right:10px;
}

.subheader {
	background-color:#eee;
	padding:3px;
	margin-bottom:1em;
	font-size:0.92em;
}

.right {
	text-align:right;
}

.smaller {
	font-size:0.92em;
}

.blogtext {
	font-size:0.92em;
	color:#555;
	background-color:#f0f0f0;
	padding:10px;
}

.errMsg {
	width:571px;
	background:url('images/errMsg_background.gif') top left repeat-y;
	color:white;
	text-align:center;
}

.errMsg_top {
	width:571px;
	height:9px;
	background:url('images/errMsg_top.gif') top left no-repeat;
}

.errMsg_bottom {
	width:571px;
	height:9px;
	background:url('images/errMsg_bottom.gif') bottom left no-repeat;
}

.module_detail_inside {
	font-size:1em;
}

form .module_detail_inside {
	font-size:0.96em;
}

#main form td {
	padding:3px;
}

#main .form_msg {
	font-size:0.96em;
	color:#666;
	padding-bottom:15px;
}

#main form input, #main form select {
font-size:0.88em;
}


.hidden { display:none; }
.showing { display:block; }
#upload_wait { padding:0 0 0 0; text-align:center; }
.upload_file, #upload_submit, #upload_wait {
	float:left;
}

#upload_wait {
	margin:0;
	margin-top:2px;
	width:63px;
	text-align:center;
}

#upload_info {
	float:left;
	font-size:0.88em;
	color:#999;
	width:150px;
	margin-left:50px;
}

form.crop-resize-rotateform {
	display:inline;
	margin-right:15px;
}

form.crop-resize-rotateform input.submittocrop,a#crop-resize-rotateform-rotatelink, a#showRotated {
	background-color:#eee;
	color:#444;
	border:1px solid #777;
	font-size:1.1em;
	padding:3px;
	text-decoration:none;
	margin-bottom:1em;
}

a#crop-resize-rotateform-rotatelink {
	font-size:0.92em;
}

div.rotatedImage {
	display:block;
	float:left;
	padding:7px;
	margin:7px;
	border:3px solid #ddd;
	
}

.imgCrop_wrap {
	/* width: 500px;   @done_in_js */
	/* height: 375px;  @done_in_js */
	position: relative;
	cursor: crosshair;
}

/* an extra classname is applied for Opera < 9.0 to fix it's lack of opacity support */
.imgCrop_wrap.opera8 .imgCrop_overlay,
.imgCrop_wrap.opera8 .imgCrop_clickArea { 
	background-color: transparent;
}

/* fix for IE displaying all boxes at line-height by default, although they are still 1 pixel high until we combine them with the pointless span */
.imgCrop_wrap,
.imgCrop_wrap * {
	font-size: 0;
}

.imgCrop_overlay {
	background-color: #000;
	opacity: 0.5;
	filter:alpha(opacity=50);
	position: absolute;
	width: 100%;
	height: 100%;
}

.imgCrop_selArea {
	position: absolute;
	/* @done_in_js 
	top: 20px;
	left: 20px;
	width: 200px;
	height: 200px;
	background: transparent url(castle.jpg) no-repeat  -210px -110px;
	*/
	cursor: move;
	z-index: 2;
}

/* clickArea is all a fix for IE 5.5 & 6 to allow the user to click on the given area */
.imgCrop_clickArea {
	width: 100%;
	height: 100%;
	background-color: #FFF;
	opacity: 0.01;
	filter:alpha(opacity=01);
}

.imgCrop_marqueeHoriz {
	position: absolute;
	width: 100%;
	height: 1px;
	background: transparent url(../images/marqueeHoriz.gif) repeat-x 0 0;
	z-index: 3;
}

.imgCrop_marqueeVert {
	position: absolute;
	height: 100%;
	width: 1px;
	background: transparent url(../images/marqueeVert.gif) repeat-y 0 0;
	z-index: 3;
}

/* 
 *  FIX MARCHING ANTS IN IE
 *	As IE <6 tries to load background images we can uncomment the follwoing hack 
 *  to remove that issue, not as pretty - but is anything in IE?
 *  And yes I do know that 'filter' is evil, but it will make it look semi decent in IE
 *
* html .imgCrop_marqueeHoriz,
* html .imgCrop_marqueeVert {
	background: transparent;
	filter: Invert; 
}
* html .imgCrop_marqueeNorth { border-top: 1px dashed #000; }
* html .imgCrop_marqueeEast  { border-right: 1px dashed #000; }
* html .imgCrop_marqueeSouth { border-bottom: 1px dashed #000; }
* html .imgCrop_marqueeWest  { border-left: 1px dashed #000; }
*/

.imgCrop_marqueeNorth { top: 0; left: 0; }
.imgCrop_marqueeEast  { top: 0; right: 0; }
.imgCrop_marqueeSouth { bottom: 0px; left: 0; }
.imgCrop_marqueeWest  { top: 0; left: 0; }


.imgCrop_handle {
	position: absolute;
	border: 1px solid #333;
	width: 6px;
	height: 6px;
	background: #FFF;
	opacity: 0.5;
	filter:alpha(opacity=50);
	z-index: 4;
}

/* fix IE 5 box model */
* html .imgCrop_handle {
	width: 8px;
	height: 8px;
	wid\th: 6px;
	hei\ght: 6px;
}

.imgCrop_handleN {
	top: -3px;
	left: 0;
	/* margin-left: 49%;    @done_in_js */
	cursor: n-resize;
}

.imgCrop_handleNE { 
	top: -3px;
	right: -3px;
	cursor: ne-resize;
}

.imgCrop_handleE {
	top: 0;
	right: -3px;
	/* margin-top: 49%;    @done_in_js */
	cursor: e-resize;
}

.imgCrop_handleSE {
	right: -3px;
	bottom: -3px;
	cursor: se-resize;
}

.imgCrop_handleS {
	right: 0;
	bottom: -3px;
	/* margin-right: 49%; @done_in_js */
	cursor: s-resize;
}

.imgCrop_handleSW {
	left: -3px;
	bottom: -3px;
	cursor: sw-resize;
}

.imgCrop_handleW {
	top: 0;
	left: -3px;
	/* margin-top: 49%;  @done_in_js */
	cursor: w-resize;
}

.imgCrop_handleNW {
	top: -3px;
	left: -3px;
	cursor: nw-resize;
}

/**
 * Create an area to click & drag around on as the default browser behaviour is to let you drag the image 
 */
.imgCrop_dragArea {
	width: 100%;
	height: 100%;
	z-index: 200;
	position: absolute;
	top: 0;
	left: 0;
}

.imgCrop_previewWrap {
	/* width: 200px;  @done_in_js */
	/* height: 200px; @done_in_js */
	overflow: hidden;
	position: relative;
}

.imgCrop_previewWrap img {
	position: absolute;
}

#cropImage {
	width:400px;
}




div.usersnap {
	display:block;
	float:left;
	padding:7px;
	margin:7px;
	border:3px solid #ddd;
}

input.formbutton {
	font-size:0.88em;
}

.memberlist {
	margin-left:20px;
	margin-bottom:5px;
}

.rightlink {
	text-align:right;
}

.question_checkboxcontainer {
	float:left;
	width:160px;
	padding:4px 5px 4px 0px;
}

.page_text {
	font-family:verdana, georgia, arial, sans-serif;
	margin:0px 50px 0px 50px;
}

.page_text p {
	margin-bottom:1em;
}

p.marginbottom {
	margin-bottom:30px;
}

div#tools {
	text-align:right;
	padding-left:45px;
	height:40px;
	margin-bottom:20px;
}

#tools a {
	display:block;
	float:left;
	width:41px;
	text-align:center;
	text-decoration:none;
	margin-right:20px;
	font-size:0.92em;
}


select.small {
	font-size:0.92em;
}

.tos {
	padding:10px;
	font-family:Verdana, sans-serif;
}

.tos p {
	padding-bottom:1em;
}