/* DOCUMENT INFORMATION -----------------------------------

TITLE:			Default screen display styles
LAST UPDATED:	11 May 2008
AUTHOR:			Andrew Routledge <ajr@cleverclover.co.uk>

-- CONTENTS -----------------------------------------------

	=1:		[HTML & BODY, UNDOHTML]
	=2:		[LINKS]
	=3:		[COMMON ELEMENTS]
	=4:		[TOP ELEMENTS]
	=5:		[NAVIGATION]
	=6:		[MAIN COLUMN]
	=7:		[SIDEBAR COLUMN]
	=8:		[FOOTER]
	=9:		[LISTS]
	=10:	[FORMS]
	=11:	[IMAGES]
	=12:	[MISC]
	=13: 	[SWFUploader]
	=14:	[GOOGLE]
	
-----------------------------------------------------------

NOTES:	Default CSS Template for CleverClover.com..
		Contains a list of default CSS styles for a generic
		site. Uses verdana 10pt by default with an 11pt line
		height.

/*	=1:	[HTML & BODY] -------------------------------------*/

* { margin:0; padding:0 }
html {height: 100%; margin-bottom: 1px;}

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-align: left;
	line-height: 11pt;
	color: #000;
	
	background: url("../images/main_bg.gif") repeat-x;
	background-color: #FFF;
}
	
/*	=2:	[LINKS] -------------------------------------------*/	

/* NOTES: remember LoVe HAte */

a:link {  text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: underline;}  /*  color: #455560; */

.redLink:link, .redLink:visited, .redLink:hover { color: #cc0000; }

a.nextStep { font-weight: bold;  }
a.nextstep:hover { color: #37b34a; }

/*	=3:	[COMMON ELEMENTS] ---------------------------------*/	
h1,h2,h3,h4,h5,h6,pre,code { font-size:12px; }
a img,:link img,:visited img { border: 0px; }

h1 {
	font-size: 14pt;
	font-weight: normal;
	margin: 3px 3px 5px 3px;
	padding-bottom: 5px;
}

h2 {
	font-size: 12pt;
	font-weight: bold;
	margin: 2px 2px 4px 2px;
	padding-bottom: 5px;
}

h3 {
	font-size: 11pt;
	font-weight: bold;
	margin: 4px 2px 4px 2px;
	padding-bottom: 5px;
}

h4 {
	font-size: 10pt;
	text-decoration: underline;
	margin: 4px 2px 4px 2px;
	padding-bottom: 5px;
}

p { line-height: 18px; padding: 2px; }

big { font-weight: bold; font-size: 13pt; }

.floatR { float: right; }
.floatL { float: left; }

.clearBoth { clear: both; }

h3.forms {
	background-color: #BBEBC2;
	font-size: 10pt;
	font-weight: bold;
	padding: 2px 2px 2px 6px;
	width: 750px;
	color: #455560;
}

h3.review {
	background-color: #C0C0FF;
	font-size: 10pt;
	font-weight: bold;
	padding: 2px 2px 2px 6px;
	width: 750px;
	color: #455560;
}

h4 { margin: 8px 0px 12px 0px; }

p.hometxt {
	font-size: 8pt;
	font-weight: bold;
	line-height: 20px;
}

p.disclaimer {
	line-height: 20px;
}

hr {
	height: 1px;
	background-color: #ccc;
	color: #ccc;
	border: 0px;
	margin: 1px;
	width: 90%;
}

.bold { font-weight: bold; }

label.legal { font-weight: bold; margin-right: 2em; width: 250px;  text-align:left;}

.none { display: none; }

/*	=4:	[TOP ELEMENTS] ------------------------------------*/

#pagewrap {
	margin: 0 auto;
	width: 760px;
}

#pageTopHeader {
	height: 50px;
}

#pageTopHeader p {
	margin: 12px 0px 0px 0px;
	float: right;
	color: #fff;
	font-weight: bold;
	font-size: 8pt;
}

#pageTopHeader a {
	color: #fff;
	text-decoration: none;
}

#pageHeader {
	position: relative;
	float: left; 
	width: 759px;
	height: 193px;
    background: url('../images/home_header.jpg') no-repeat;
}

/*	=5:	[NAVIGATION] --------------------------------------*/	
.indexNav span.hide { display: none; }

.indexNav {
	position: absolute;
	width: 335px;
	height: 15px;
	top: 148px;
	left: 400px;
}

.indexNav span {
	display: block;
	float: left;
	margin-left: 12px;
}

	.indexNav a span.indexNavHome {
		background: url('../images/nav/nav_home.gif') no-repeat;
		width: 33px;
		height: 12px;
	}
	.indexNav a:hover span.indexNavHome {
		background: url('../images/nav/nav_home_on.gif') no-repeat;
	}
	.indexNav a span.indexNavAbout {
		background: url('../images/nav/nav_about.gif') no-repeat;
		width: 36px;
		height: 12px;
	}
	.indexNav a:hover span.indexNavAbout {
		background: url('../images/nav/nav_about_on.gif') no-repeat;
	}
	.indexNav a span.indexNavLogin {
		background: url('../images/nav/nav_login.gif') no-repeat;
		width: 31px;
		height: 15px;
	}
	.indexNav a:hover span.indexNavLogin {
		background: url('../images/nav/nav_login_on.gif') no-repeat;
	}
	.indexNav a span.indexNavAdvert {
		background: url('../images/nav/nav_advertise.gif') no-repeat;
		width: 68px;
		height: 15px;
	}
	.indexNav a:hover span.indexNavAdvert {
		background: url('../images/nav/nav_advertise_on.gif') no-repeat;
	}
	.indexNav a span.indexNavContact {
		background: url('../images/nav/nav_contact.gif') no-repeat;
		width: 63px;
		height: 12px;
	}
	.indexNav a:hover span.indexNavContact {
		background: url('../images/nav/nav_contact_on.gif') no-repeat;
	}

#pageTopHeaderNavigation #navBar {
	width: 759px;
	height: 40px;
	background: url("../images/main_nav_bg.gif") no-repeat;
}	
	#navBar ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
		#navBar ul li {
			float: left;
			margin: 0px 10px 0px 13px;
			padding: 0px;
			height: 40px;
		}
		#navBar ul li.selected { margin:  0px 10px 0px 12px; }

		
		
		#navBar ul li a.selected {
			padding: 15px 0px 0px 0px;
			display: block;
			height: 25px;
			background: url('../images/nav/nav_green_selected.gif') bottom left repeat-x;
		}
			
		#navBar ul li a {
			padding: 15px 5px 0px 5px;
			display: block;
			height: 25px;
		}		
			#navBar ul li a:hover {
				background: url('../images/nav/nav_green_selected.gif') bottom left repeat-x;
			}
		
		* html #navBar ul li { margin: 0px 9px 0px 10px; border: 0px solid #CC0; }
		* html #navBar ul li.selected { margin: 0px 9px 0px 10px; }		
		* html #navBar ul li.size55 { width: 55px; } 
		* html #navBar ul li.size116 { width: 116px; } 
		* html #navBar ul li.size38 { width: 38px; } 
		* html #navBar ul li.size61 { width: 61px; } 
		* html #navBar ul li.size77 { width: 77px; } 
		* html #navBar ul li.size58 { width: 58px; } 
		* html #navBar ul li.size95 { width: 95px; } 
		* html #navBar ul li.size76 { width: 76px; } 
	
	
/*	=6:	[MAIN COLUMN] -------------------------------------*/	

#contentWrapper {
	float: left;
	margin: 10px 0px 0px 0px;
}

#contentCENTER {
	float: left;
	width: 100%;
}

#contentLeft .profileHeader, #contentRight .profileHeader {
	float: left; 
	width: 100%; 
	height: 78px;
}

#contentLeft {
	float: left;
	width: 450px;
	height: 100%;
}

	#contentLeft #profileSummery {
		position: relative;
		margin: 10px 0px 10px 0px;
		width: 450px;
		height: 245px;
		background: url("../images/profile_summary_bg3.gif") no-repeat;
	}	
		#contentLeft #profileSummery #Username {
			/*width: 160px;*/
			padding: 5px 5px 5px 5px;
			height: 30px;
		}		
		#contentLeft #profileSummery #Username h3 {
			font-size: 11pt;
			margin: 10px 10px 5px 10px;
		}		
		#contentLeft #profileSummery #Logoff {
			float: right;
			width: 60px;
			text-align: right;
			padding: 5px 5px 5px 5px;
			height: 35px;
		}		
		#contentLeft #profileSummery #Logoff h3 {
			font-size: 11pt;
			margin: 10px;
		}	
		
	
		#contentLeft #profileSummery #profileInfo {
			float: left;
			margin: 10px 5px 10px 10px;
			width: 110px; 
			height: 100px;
		}		
			* html #contentLeft #profileSummery #profileInfo { margin: 5px 2px 5px 5px; }
			
			
		
		#contentLeft #profileSummery .profileMain {
			float: left;
			margin: 10px 0px 0px 0px; 
			width: 325px; 
			height: 100px;
		}		
			* html #contentLeft #profileSummery .profileMain { margin: 0px 0px 0px 0px; width: 310px; height: auto; }
			
			#contentLeft #profileSummery .profileMain .profileActive {
				margin: 10px 0px 0px 0px; 
				width: 225px; 
				height: 75px; 
				border: 1px solid #CCC; 
				float: left;
				position: relative;
			}
			* html #contentLeft #profileSummery .profileMain .profileActive { margin: 5px 0px 0px 0px;  width: 220px; hieght: auto; }
		
		#contentLeft #profileSummery #profileInfo .profileDrums {
			margin: 10px 0px 0px 10px; 
			float: left;
		}
			* html #contentLeft #profileSummery #profileInfo .profileDrums { margin: 0px; }
			
		#contentLeft #profileSummery #profileInfo img.borderise {
			margin: 5px;
			border: 2px solid #bec4c8;
		}
	

	#contentLeft #featuredBox{
		margin: 10px 0px 10px 0px;
		width: 495px;
		height: 241px;
		border: 1px solid #bec4c8;
		border-bottom: 4px solid #bec4c8;
		position: relative;
	}

	#contentLeft #featuredBox #featureBannerHolder{
		width: 495px;
		height: 241px;
		position: relative;
		overflow: hidden; 
	}

	#contentLeft #featuredBox #featureBannerHolder #inner{
		width: 1485px;
		height: 241px;
		position: relative;
	}
	
	#content1 {
		position: relative;
		left: 0px; 
		top: 0px;
		background: url("../images/features/network_jungle.jpg") no-repeat;
	}
 
	#content2 {
		
		left: 495px; 
		top: 0px;
		background: url("../images/features/network_jungle.jpg") no-repeat;
	}
	 
	#content3 {
		
		left: 990px; 
		top: 0px;
		background: url("../images/features/network_jungle.jpg") no-repeat;
	}
	
	.annoucementBox {
	 	position: absolute; 
	 	left: 20px; 
	 	bottom: 100px; 
	 	text-align: left;
	 	width: 200px;
	}
	
	.scrolling-content {
		width: 495px;
		height: 238px;
		text-align: center;
		position: absolute;
	}
	
	.scrollerButton {
		z-index: 10000;
		bottom: 10px;
		right: 10px;
		position: absolute;
		width: 20px;
		height: 20px;
		border: 2px solid #ccc;
		background: #fff;
		text-align: center;
		margin: auto 0;
		padding-top: 4px;
	}
	#link1 {
		right: 70px;
	}
	#link2 {
		right: 40px;
	}
	#link3 {
		right: 10px;
	}
	
	
#contentRight {
	margin-left: 10px;
	float: left;
	width: 296px;
	height: 100%;
}

	.consoleBox {	
		position: relative;
		margin: 10px 0px 0px 0px;	
		width: 301px;
		min-height: 246px;
		background: url('../images/console_bg_top.gif') top left no-repeat;	
	}	
	* html .consoleBox { height: 260px; }
	
		.consoleBox .bottom {
			background: url('../images/console_bg_bot.gif') no-repeat;
			width: 301px;
			height: 23px;
			position: absolute;
			bottom: -1px;
			left: 0px;
		}
		.consoleBox #Username {
			width: 160px;
			padding: 5px 5px 5px 5px;
			height: 35px;
		}		
			.consoleBox #Username h3 {
				font-size: 11pt;
				margin: 10px;
			}	
			
		.consoleBox img { margin: 4px 0px 4px 8px; }
		* html .consoleBox img { padding: 4px 0px 4px 15px; margin: 0px;}
		
		
	 * html #contentRight .consoleBox {
		width: 300px !important;
	 }     
	
	
	.listingAreaBox {
		width: 100%;
		margin: 8px 0px 8px 0px;
	}
		.listingAreaBox a {
			color: #555;
			text-decoration: none;
			font-size: 8pt;
		}		
		.listingAreaBox table {
			padding: 0px;
			margin: 0px;
			width: 99%;
		}		
		.listingAreaBox table.style1, .borderise {	
			border: 1px solid #bec4c8;
		}		
		
		.listingAreaBox table tr.rows td, .consoleBox table tr.rows td { border-bottom: 1px solid #ccc; padding: 2px; }
		
		.listingAreaBox table.style1 tr {
			background: url("../images/tbl_basegrad.gif") repeat-x;
			background-position: bottom;
		}		
		.listingAreaBox table tr td.paddme  {
			padding: 6px;
		}		
		.listingAreaBox img {
			border: 2px solid #bec4c8;
			margin: 6px;
		}
		.listingAreaBox img.norm {
			border: 0px;
			margin: 5px 5px 0px 0px;
		}

	.welcomeAreaBox {
		position: relative;
		background: url('../images/frontpod2_bg.gif') top left repeat-x;
		margin: 8px 0px 8px 0px;
		border: 1px solid #c2c7cb;
		border-width: 1px 1px 0px 1px;
		
	}
		.welcomeAreaBox .norm { padding: 10px 0px 0px 10px; }
		.welcomeAreaBox p { margin: 0px 5px 5px 10px; }
		.welcomeAreaBox .bottomCorner { position: absolute; bottom: 0px; right: -1px; }
		.welcomeAreaBox .bottom { 
			clear: both;
			height: 9px; 
			width: 100%;
			background: url('../images/frontpod_bot_bg.gif') bottom left repeat-x;
		}
		
	.loginAreaBox {
		position: relative;
		background: url('../images/frontpod_bg.gif') top left repeat-x;
		margin: 8px 0px 8px 0px;
		border: 1px solid #c2c7cb;
		border-width: 1px 1px 0px 1px;
		height: 246px;
		
	}
		.loginAreaBox .norm { padding: 10px 0px 0px 10px; } 
		.loginAreaBox p { margin: 0px 5px 5px 10px; padding: 0px; line-height: 16px;}
		.loginAreaBox .bottomCorner { position: absolute; bottom: 0px; right: -1px; }
	
	
	.news {
		background: url('../images/newsbar_bg.gif') bottom left repeat-x;
		border: 1px solid #c2c7cb;
		padding: 5px;
	}
		.news p { line-height: 18px; }

table#contact {
	width: 99%;
	margin: 0px auto;
}
	table#contact td { padding: 4px; }
		
		
table.style1, table.style2 {
	width: 99%;	
}
	table.style1 .width25 {	width: 25%; }
	table.style1 th {
		font-weight: bold;
		text-align: center;
		color: #455560;
		text-decoration: underline;
	}
	table.style1 tbody td {	text-align: center;	}
	table.style1 tbody td.left { text-align: left;	}
	table.style2 th {
		border-bottom: 1px solid  #455560;
	}




tr.conversation td {
	border-bottom: 1px solid #CCCCCC;
}
tr.conversation td.messageBody {
	padding: 2px 10px 2px 10px;
}


/*  --- MEMBER FIND results --- */
.findBox {
	float: left;
	margin: 4px 6px 5px 6px;
}
.findBox .imgBox {
	float: left;
	padding: 1px;
	margin: 1px;
	border: 1px solid #404040;
}
.findBox .infoBox {
	float: left;
	padding: 4px;
}

/*  --- PHOTO results --- */
.photoBox {
	float: left;
	height: 150px; 
	padding: 2px 4px 6px 4px; 
	margin: 4px 4px 6px 4px;
	background-color: #efefef;
	border: 1px solid #ebebeb;
	text-align: center;
}

.photoBox .photo {
	margin: 0px	auto;
	padding: 1px;
	border: 1px solid #404040;
}

/* --- SCORE TABLE feedback --- */
table.scoreTbl td {
	border-bottom: 1px solid #ccc;	
}

/* --- IMAGE UPLOAD reader --- */
table.stdTable {
	width: 99%;
	float: left;
	margin-bottom: 5px;
	margin-top: 5px;
}

table.stdTable td {
	height: 20px;
	padding: 5px;
}

table.stdTable td.collapse {
	width: 1px;
}

table.stdTable td.thumbbox {
	width: 150px;
}

table.stdTable td.relocate, table.stdTable td.relocate select {
	width: 150px;
}

table.stdTable thead a {
	color: #FFF;
}

table.stdTable thead a:hover {
	text-decoration: underline;
}

table.stdTable thead td {
	background: #405f81 url('../images/bg-stdTable_head.gif') top left repeat-x;
	color: #FFF;
	font-weight: bold;
}

table.stdTable tbody tr.row1 td {
	background-color: #e6eff8;
}

table.stdTable tbody tr.row2 td { 
	background-color: #bfc9d5;
}

table.stdTable td.noPad {
	padding: 0px;
}

table.stdTable td.roundTL {
	text-align: left;
	vertical-align: top;
	padding: 0;
}

table.stdTable td.roundTR {
	text-align: right;
	vertical-align: top;
	padding: 0;
}

table.stdTable img.thumbnail {
	margin: 0px auto;
	padding: 2px;
	height: 20px;
	background-color: #fff;
	border: 1px solid #77b;
	cursor: pointer;
}

/* -- Member Find STYLE ----- */
#filterBox {
	float: left;
	width: 100%;
	border: 1px solid #ccc;
	background-color: #efefef;	
}
	#filterBox h2, #filterBox h2 a { text-decoration: underline; margin: 2px 2px 5px 2px;}
	
	#filterBox .subfilter {
		background-color: #FFFFFF;
		border: 1px solid #A9B9E9;
	}
	
	#filterBox p { padding: 3px; clear: both; }
	#filterBox label {
		text-align: right;
		margin-right: 0.5em;
		float: left;
	}
	#filterBox a { color: #000; }
	
	#filterBox select, #filterBox input { font-size: 9pt; }
	#filterBox .label65 { width: 65px; }
	#filterBox .label100 { width: 150px; }
	
	
/* -- EVENT STYLE ----- */
#eventBox {
	float: left;
	width: 400px;
}
	#eventBox h2 { text-decoration: underline; margin: 2px 2px 5px 2px;}
	
	#eventBox p { padding: 2px; clear: both; }
	#eventBox label {
		text-align: right;
		margin-right: 0.5em;
		float: left;
		font-weight: bold;
		width: 100px;
	}
	#eventBox .newline { margin-left: 105px; }

#map {
	float: left; 
	margin-left: 5px; 
	border: 1px solid  #455560; 
	width: 350px; 
	height: 300px;
}
#directionsPanel {
	float: right;
	border: 1px solid #ccc; 
	padding: 2px; 
	width: 346px;
}

#googlePopup {  display: none; }


/* Search Boxes --------------------------------------------- */
.resultBox {
	border: 1px solid #CCC;
	background-color: #EEE;
	float: left; 
	width: 99%;
	margin: 5px 0 5px 3px;
}
	.resultBox div.viewResults {
		float: left;
		width: 220px;
		margin: 3px;
	}
	.resultBox div.viewPage {
		float: right;
		width: 230px;
		margin: 3px;
	}

#mainResults {
	float: left;
	width: 740px; /* 100%; */
	margin: 5px 3px 5px 3px;
	border: 1px solid #CCC;
}
	#mainResults tr td {
		padding: 2px;
		text-align: left;
		vertical-align: middle;
		border-bottom: 1px solid #ebebeb;
	}
	#mainResults thead td {
		background-color: #BBEBC2;
		border-bottom: 1px solid #37b34a;
		font-weight: bold;
		height: 14px;
	}
		#mainResults thead td a {
			color: #000;
		}
	#mainResults tbody td.right { text-align: right; }
	#mainResults tbody td a { color: #455560; }
		
		
/* ---  LOCATION BOX --- */
.locateBox {
	float: left;
	margin: 4px;
	
	/*background-color: #ebebeb;*/
	width: 350px;
}
	.locateBox fieldset { border: 1px solid #37b34a; padding: 3px; }
	.locateBox p { padding: 2px; clear: both; }
	.locateBox label {
		display: block;
	}
	.locateBox legend {
		margin-left: 3px;
		padding: 2px;
		color: #0000C0;
	}


/* --- TERMS & CONDITIONS --- */
#terms {
	width: 99%; 
	height: 400px; 
	overflow: auto; 
	border: 1px solid #CCC; 
	padding: 4px; 
	margin: 3px;
}	
	#termsNoScroll h1, #terms h1, #privacy h1, #privacy h2, #privacy h3 { 
		font-size: 10pt; 
		font-weight: bold;
		margin: 0px;
		padding: 8px 2px 4px 2px;
	}
	
	
	

/*	=7:	[SIDEBAR COLUMN] ----------------------------------*/	
#RHScol {

}
/*	=8:	[FOOTER] ------------------------------------------*/	
/* copyright, T & C etc... */
#footerHolder {
	width: 100%;
	float: left;
	height: 175px;
	background: url("../images/footer_bg.gif") repeat-x;
}

	#footer {
		margin: 0 auto;
		width: 760px;
		font-size: 8pt;
		height: 175px;
	}
		#footer p { 
			color: #fff;
			margin: 10px;
		}
		#footer a { 
			color: #fff;
			text-decoration: none;
		}
		
	#footer #footerLeft {
		float: left;
		width: 400px;
	}
	
	#footer #footerRight {
		float: right;
		width: 300px;
		text-align: right;
	}
	
		#footer #footerRight a {
			color: #99cc00;
			font-weight: bold;
		}
/*	=9:	[LISTS] -------------------------------------------*/	
ol li, ul li {
	margin-left: 25px;
}

ul.noStyle { 
	margin: 0px;
	padding: 0px;
	list-style:	none;
	text-align: left;
}

li {
	padding: 2px 2px 2px 8px;
}


ul.profileTabs {
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: url('../images/nav/tabBOT_bg.gif') bottom left repeat-x;
}
	ul.profileTabs li {
		float: left;
		padding: 0px;
		margin: 0px;
	}	
	ul.profileTabs li.item {	
		width: 108px;
		height: 38px;
		background: url('../images/nav/tab_bg.gif') no-repeat;
	}
	ul.profileTabs li.itemSelected {
		width: 108px;
		height: 38px;	
		background: url('../images/nav/tab_bg_on.gif') no-repeat;
	}
	
	ul.profileTabs li.itemProfile {	
		width: 128px;
		height: 38px;
		background: url('../images/nav/tab_bg_main.gif') no-repeat;
	}
	
	ul.profileTabs li a { color: #455560; }
	ul.profileTabs li a, ul.profileTabs li strong {
		padding: 10px 0px 0px 20px;
		display: block;
	}
	ul.profileTabs li a:hover { 
		color: #37b34a;
		text-decoration: none;
	}
	ul.profileTabs li a.selected {
		color: #37b34a;
		font-weight: bold;
		text-decoration: none;
	}

 	


/*	=10: [FORMS] ------------------------------------------*/	

form {margin-bottom: 0px;}

.text { width: 220px; }
.large { width: 320px; }
.tiny { width: 40px; }
.small { width: 80px; }
.small100 { width: 100px; }
.med	{ width: 150px; }
.xlarge { width: 550px; }

.button, .buttonRHS, .buttonLHS {
	width: 139px; 
	height: 30px; 
	color: #37b34a;
	border: 0px;
	display: block;
	font-weight: bold;
	font-size: 8pt;
	padding: 0px;
}
	.button { background: url('../images/button_bg.gif') no-repeat; }
		.button:hover, .buttonRHS:hover, .buttonLHS:hover { text-decoration: underline; }
	
	.buttonRHS { background: url('../images/buttonRHS_bg.gif') no-repeat; }
	.buttonLHS { background: url('../images/buttonLHS_bg.gif') no-repeat; }
	
.nostyle {
	color: #37b34a;
	border: 0px;
	height: 22px;
	display: block;
	font-weight: bold;
	font-size: 8pt;
	padding: 0px;	
}
	

div.readonly {
	border: 1px solid #000;
	background-color: #efefef;
	float: left;
	height: 80px;	
}

div.readonly2 {
	border: 2px solid #00CC00;
	background-color: #efefef;
	float: left;
	height: 80px;	
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	border: 1px solid #aaa;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

.reviewTxt { border: 2px solid #cc0000; }
.select { border: 2px solid #CC0000; }
.searchBtn {
	height: 40px;
	width: 60px;
	margin: 4px;
}

.resetBtn { width: 60px; margin: 2px 4px; padding: 1px; }

.msgBox {
	margin: 0px auto;
	width: 90%;
	background-color: #efefef;
	border: 1px solid #37b34a;
	padding: 4px 10px 4px 10px;
	text-align: center;
}

/* Notice/alert box for NEW USER sign up */
.alertBox {
	width: 90%; 
	background-color: #ebebeb; 
	border: 1px solid #CCC; 
	padding: 20px;
	margin: 3px;
}


ul#formErrors, ul#formSuccess {
	margin: 0px auto;
	width: 70%;
	list-style-position: outside;
	padding: 4px 20px 4px 20px;
	border: 1px solid #37b34a;
}

ul#formErrors {
	list-style-image: url('../../../shared/images/icons/exclamation.png');
}

ul#formSuccess {
	list-style-image: url('../../../shared/images/icons/accept.png');
}



.inactiveTxt { 
	border: 1px solid #FFFFFF;
	padding: 0px 1px;
	margin: 1px 0px;
}

.activeTxt {
	border: 1px solid #404040;
	padding: 0px 1px;
	margin: 1px 0px;	
}

#sectorEdit p { padding: 1px; }

#sectorEdit label {
	float: left;
	text-align: right;
	width: 60px;
	font-weight: bold;
	margin-right: 3px;
}
	#sectorEdit input {
		width: 130px;
	}
	


/*	=11: [IMAGES] -----------------------------------------*/	

img, div { behavior: url('/webapp/templates/default/styles/iepngfix.htc'); } 

img {border: 0px; display: block;}	
img.inline { display: inline; }

/*	=12: [MISC] -------------------------------------------*/	
.hide { visibility: hidden; }
.unhide { visibility: visible; }

.taken { color: #CCC;}

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.top { vertical-align: top; }

.red { color: #cc0000; }
.blue { color: #00FF00; }
.green { color: #00CC00; }
.black { color: #000000; }
.white { color: #FFFFFF; }
.grey { color: #CCCCCC; }
.EightyPlusGrey { color: #455560; }
.EightyPlusOrange { color: #455560; }

.JungleGreen { color: #37b34a; }
.JungleGrey { color: #455560; }


.amber { color: #FF6600; }

/*
.red { color: #FF0000; }
.green { color: #00CC00; }
*/

/*	=13: [SWFUploader] -----------------------------------*/

a.swfbrowsebtn {
	display: block;
	float: left;
	width: 105px;
	height: 28px;
}

a.swfuploadbtn {
	display: block;
	float: left;
	width: 64px;
	height: 28px;
}

a.browsebtn {
	background: url('../images/browse_button.gif') top left no-repeat;
}

a.uploadbtn {
	display: none;
	float: right;
	background: url('../images/upload_button.gif') top left no-repeat;
}

a#cancelqueuebtn {
	display: none;
	background: url('../images/clear_button.gif') top left no-repeat;
}

h4#queueinfo {
	clear: both;
	font-size: 10pt;
	padding-top: 10px;
}

table#uploaderBox {
	width: 734px;
}

table#uploaderBox img#helpMe {
	float: right;
}

table#uploaderBox h2 {
	font-size: 14pt;
	color: #fff;
}

table#uploaderBox tr#ubTop td {
	height: 36px;
	background: url('../images/uploader_top.gif') top left no-repeat;
}

table#uploaderBox tr#ubMiddle td {
	background: #999999 url('../images/uploader_bg.gif') bottom right no-repeat;
	padding: 0px 7px 0px 7px;
}

table#uploaderBox tr#ubBottom td {
	height: 22px;
	background: url('../images/uploader_bottom.gif') top left no-repeat;
}

div#fileBox {
	background-color: #fff;
	margin-top: 5px;
	padding: 5px;
}

div.toolbar {
	padding-top: 3px;
	height: 37px;
}

div.toolbar.top {
	border-bottom: 1px solid #94abd5;
	background: #fff url(../images/uploader_tb_bg.gif) bottom left repeat-x;
}

div.fileProgress {
	height: 55px;
	border-bottom: 1px solid #cdd7eb;
}

div.fileID {
	width: 32px;
	height: 32px;
	float: left;
	margin-top: 9px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background: url(../images/file_id_bg.gif) top left no-repeat;
}

div.progressBar {
	float: left;
	height: 28px;
	margin: 11px 0 11px 10px;
	width: 490px;
	line-height: 28px;
	background: url(../images/progress_bar_bg.gif) top left repeat-x;
}

div.progressMeter {
	float: left;
	height: 28px;
	padding: 0 5px;
	width: 480px;
	background: url(../images/progress_bar_meter.gif) -490px 0 no-repeat;
}

div.progressWrapper {
	clear: both;	
}

div.progressText {
	float: right;
	padding-right: 20px;
	height: 28px;
	cursor: pointer;
}

div.progressText.queued {
	color: #F00;
	background: url(../images/icon_camera.gif) center right no-repeat;
}

div.progressText.uploaded {
	color: #fff;
	padding-left: 20px;
	background: url(../images/icon_tick.gif) center right no-repeat;
}

div.progressText.uploading {
	color: #000;
	padding-left: 20px;
	background: url(../images/icon_camera_go.gif) center right no-repeat;
}

div.progressText.error {
	color: #aaa;
	padding-left: 20px;
	background: url(../images/icon_camera_error.gif) center right no-repeat;
}

p#overallProgress {
	float: right;
	text-align: right;
	padding: 0;
	margin: 5px 12px 0px 0px;
	line-height: 14pt;
	color: #555;
	font-weight: bold;
}

p#svgSupport {
	width: 90%;
	margin: 5px auto;
	text-align: center;
	border: 1px solid #fcc;
	background-color: #fffafa;
	padding: 3px;
}

/*	=14: [ABOUT US PAGE] -----------------------------------*/
div#aboutus {
	position: relative;
	background: url('../images/about-visuals.jpg') no-repeat;
	width: 768px;
	height: 500px;
}
	.topGreen { color: #FFF; width: 123px; height: 102px;}
	

	.topSide p, .botSide p { padding: 0px; margin: 0px; font-size: 11px; line-height: 14px; }	
	.topSide { position: absolute; width: 150px; color: #455560; top: 150px; }
	.botSide { position: absolute; width: 150px; color: #455560; }