/* CSS Document */

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

TITLE:			Default screen display styles
LAST UPDATED:		21 December 2007
AUTHOR:			Andy Routledge

NOTES:			The 1st section will reset any variance
			across all browsers making them all
			appear very similar, however it also means
			everything needs its own custom style!
			Retrieved from various sources over the net

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

	=1:		[STANDARDS]
	=2:		[COMMON]
	=3:		[AUTOCOMPLETE]
	
	=5:		[CONTACT}

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


/*------=1:	[STANDARDS] -----------------------------*/

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

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

/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

.sIFR-alternate {
	display: none;
}

/*------=2:	[COMMON] -----------------------------*/

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

.clearBoth {
	clear: both;	
}

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

.bold { font-weight: bold; }

.sIFR-alternate {
	display: none;
}

#loginholder {
	display: none; 
	width: 400px; 
	height: 200px; 
	border: 3px double #ddd; 
	color: #000; 
	text-align: center;
	padding: 10px; 
	background: #fff	
}

#logininfo {
	float: right;
	width: 250px;
	text-align: right;
}


h1 { 
	font-size: 12pt;
	font-weight: bold;
}

h2 { 
	font-size: 11pt;
	font-weight: bold;
}

td { padding: 2px; font-size: 9pt; }

.readonly { background-color: #efefef; }

div.imgBox {
	float: left;
	width: 250px;
	margin-left: 15px;
}
	div.imgBox img {
		padding: 2px;
		border: 1px solid #444;
	}
	div.imgBox a {
		color: #444;
		padding: 4px;
		margin: 5px 0 0 14px;
		text-align: center;
	}



/*------=3:	[AUTOCOMPLETE] --------------------------------*/
			
ul.autocompleter-choices
{
	position:				absolute;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:					1px solid #7c7c7c;
	border-left-color:		#c3c3c3;
	border-right-color:		#c3c3c3;
	border-bottom-color:	#ddd;
	background-color:		#fff;
	text-align:				left;
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:				50;
	background-color:		#fff;
}

ul.autocompleter-choices li
{
	position:				relative;
	margin:					-2px 0 0 0;
	padding:				0.2em 1.5em 0.2em 1em;
	display:				block;
	float:					none !important; 
	cursor:					pointer;
	font-weight:			normal;
	white-space:			nowrap;
	font-size:				1em;
	line-height:			1.5em;
}

ul.autocompleter-choices li.autocompleter-selected
{
	background-color:		#444;
	color:					#fff;
}

ul.autocompleter-choices span.autocompleter-queried
{
	display:				inline;
	float:					none;
	font-weight:			bold;
	margin:					0;
	padding:				0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
	color:					#9FCFFF;
}
/*------=4:	[GENERAL LAYOUT] -----------------------------*/

strong {
	font-weight: bold;
}

body {
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

	
div.errorMsg {
	border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid green;
	background-color: #eaffe6;
	float: left;
    margin: 5px 0;
    padding: 10px;
    width: 50%;
}
	



/*---------CHANGE COLOR1 Blue  HERE------------*/

.colorChange1, .colorChange1 .drag-handle, .colorChange1 .drag-statusarea {
	background-color:#54a5da;
}

.colorChange1 a {
	color:#000;
}

.colorChange1 #navigation a {
	color:#fff;
}	

.colorChange1 #navigation .selectedPage a {
	color:#7eb8de;
}

.colorChange1 table.browseTbl tr.row1 td { 
	background: #ddeeff;
}

.colorChange1 .smallButton, .colorChange1 .medButton, .colorChange1 .tinyButton, .colorChange1 .recordFirst, .colorChange1 .recordNext, .colorChange1 .recordLast, .colorChange1 .recordPrevious {
	background-color:#5398c5;
}

.colorChange1 .dashBoard {
	color:#ccfe00;
}	

/*-----------END COLOR-----------------*/	

/*---------CHANGE COLOR2 Green HERE------------*/

.colorChange2, .colorChange2 .drag-handle, .colorChange2 .drag-statusarea {
	background-color:#87cc5a;
}

.colorChange2 a {
	color:#000;
}

.colorChange2 #navigation a {
	color:#fff;
}	

.colorChange2 #navigation .selectedPage a {
	color:#87cc5a;
}

.colorChange2 table.browseTbl tr.row1 td { 
	background: #f0dcc4;
}

.colorChange2 .smallButton, .colorChange2 .medButton, .colorChange2 .tinyButton, .colorChange2 .recordFirst, .colorChange2 .recordNext, .colorChange2 .recordLast, .colorChange2 .recordPrevious {
	background-color:#87cc5a;
}

.colorChange2 .dashBoard {
	color:#f0dcc4;
}

/*-----------END COLOR-----------------*/	

/*---------CHANGE COLOR3 Orange HERE------------*/

.colorChange3, .colorChange3 .drag-handle, .colorChange3 .drag-statusarea {
	background-color:#ffb924;
}

.colorChange3 a {
	color:#000;
}

.colorChange3 #navigation a {
	color:#fff;
}	

.colorChange3 #navigation .selectedPage a {
	color:#ffe00c;
}

.colorChange3 table.browseTbl tr.row1 td { 
	background: #fff5b1;
}

.colorChange3 .smallButton, .colorChange3 .medButton, .colorChange3 .tinyButton, .colorChange3 .recordFirst, .colorChange3 .recordNext, .colorChange3 .recordLast, .colorChange3 .recordPrevious {
	background-color:#696969;
}

.colorChange3 .dashBoard {
	color:#ccfe00;
}

/*-----------END COLOR-----------------*/	

/*---------CHANGE COLOR4 Black HERE------------*/

.colorChange4, .colorChange4 .drag-handle, .colorChange4 .drag-statusarea {
	background-color:#262626;
}

.colorChange4 a {
	color:#000;
}

.colorChange4 #navigation a {
	color:#ccc;
}	

.colorChange4 #navigation .selectedPage a {
	color:#6bcf3a;
}

.colorChange4 table.browseTbl tr.row1 td { 
	background: #ccc;
}

.colorChange4 .smallButton, .colorChange4 .medButton, .colorChange4 .tinyButton, .colorChange4 .recordFirst, .colorChange4 .recordNext, .colorChange4 .recordLast, .colorChange4 .recordPrevious {
	background-color:#696969;
}

.colorChange4 .dashBoard {
	color:#fff;
}

/*-----------END COLOR-----------------*/	

/*---------CHANGE COLOR5 Brown HERE------------*/

.colorChange5, .colorChange5 .drag-handle, .colorChange5 .drag-statusarea {
	background-color:#b09469;
}

.colorChange5 a {
	color:#000;
}

.colorChange5 #navigation a {
	color:#ccc;
}	

.colorChange5 #navigation .selectedPage a {
	color:#6bcf3a;
}

.colorChange5 table.browseTbl tr.row1 td { 
	background: #e8ffcf;
}

.colorChange5 .smallButton, .colorChange5 .medButton, .colorChange5 .tinyButton, .colorChange5 .recordFirst, .colorChange5 .recordNext, .colorChange5 .recordLast, .colorChange5 .recordPrevious {
	background-color:#77613f;
}

.colorChange5 .dashBoard {
	color:#fff;
}

/*-----------END COLOR-----------------*/	


/*---------CHANGE COLOR6 Red HERE------------*/

.colorChange6, .colorChange6 .drag-handle, .colorChange6 .drag-statusarea {
	background-color:#da6666;
}

.colorChange6 a {
	color:#000;
}

.colorChange6 #navigation a {
	color:#fff;
}	

.colorChange6 #navigation .selectedPage a {
	color:#ff3f3f;
}

.colorChange6 table.browseTbl tr.row1 td { 
	background: #ffd6d6;
}

.colorChange6 .smallButton, .colorChange6 .medButton, .colorChange6 .tinyButton, .colorChange6 .recordFirst, .colorChange6 .recordNext, .colorChange6 .recordLast, .colorChange6 .recordPrevious {
	background-color:#464646;
}

.colorChange6 .dashBoard {
	color:#39e6e0;
}

/*-----------END COLOR-----------------*/	



	#headerHolder {
	
	}
	    #header {
			position: relative;
			height: 88px;
			background: url('../images/header.png') no-repeat;
			background-position: center top;
		}
		
			#header a {
				text-decoration: none;
				font-weight: bold;
			}
			
			#header a:hover {
				text-decoration: none;
			}

		
		#header img {
			position: absolute;
			left: 20px;
			bottom: 20px;
		}
		
		#header p {
			position: absolute;
			right: 20px;
			bottom: 13px;
			color: #fff;
		}
		
		.divider {
			height:1px;
			width:100%;
			background: url('../images/nav-bot-divider.png') repeat-x;
		}	
		
		.dividerWhite {
			height:1px;
			width:100%;
			background-color:#ccc;
		}	
	
		#navigation {
			height: 37px;
			background: url('../images/nav-bk.png') no-repeat top center;
		}
		
			#navigation a {				
				font-weight: bold;
			}
		
			#navigation ul {
				margin: 0 0 0 0px	
			}
		
			#navigation ul li {
				float: left;	
				line-height: 3em;
				background: url('../images/main-tab.png') no-repeat top;
				text-align:center;
				height: 37px;
				width:113px;
				display:inline;
			}

			#navigation ul li a {
				float: left;	
				line-height: 3em;
				text-align:center;
				height: 37px;
				width:113px;
				display:block;
			}
			
			#navigation .mainNav  {
				background: url('../images/main-nav-tile.png');				
				position:absolute;
				height:37px;
				left:124px;
			}	
						
			#navigation .mainNav .leftOne {
				position:absolute;
				left:-11px;
				top:0px;
			}
			
			#navigation .mainNav .rightOne {
				position:absolute;
				right:-10px;
				top:0px;
			}		
			
			#navigation .tabType1 li {
				background: url('../images/misc-tab.png') no-repeat;
				float:left;
			}	
		
			#navigation ul li.selectedPage {				
				height: 37px;
			}
			
			#navigation a:hover  {
				text-decoration: none;
			}
			
			#navigation ul li.logout {
				float: right;
			}
			
	#breadCrumbs {
		height: 36px;
		background: url('../images/subnav-bk.png') repeat-x;
		margin-bottom:2px;
	}
		#breadCrumbs p {
			padding: 0 0 0 20px;
			line-height: 3em;
			color: #999;
		}
		
		#breadCrumbs a {
			color: #cccccc;
		}
		
		#breadCrumbs .breadCrumbCurrent {
			font-weight: bold;
			color: #000;
		}
							
	#mainBody {
		width: 100%;
		background-color: #fff;
		background: url('../images/main-top-tile.png') repeat-x top;
		padding-top:20px;
		padding-bottom:20px;	
		background-color: #fff;
	}
	
	.mainContainer {
		text-align:center;		
		width:100%;
		height:auto;	
	}
	
	.containerContent {
		margin:0 auto;
		text-align:left;
		width:960px;
	}	
	
	
		#mainBody h1 { 
			margin: 7px 0 10px 10px;
			font-size: 20px;
		}
	
		.columnLHS {
			float: left;
			width: 45%;
			padding: 10px;
		}
		
		.columnRHS {
			float: right;
			width: 45%;
			padding: 10px;
		}
	
	#footer {
		background: url('../images/footer_shade.gif') repeat-x;
	}
	
	/**************************************************/
	
	table.browseTbl {
		width: 100%;
	}		
		table.browseTbl th, table.browseTbl td {
			padding: 6px;
			border-bottom: 1px solid #fff;
			border-left: 1px solid #fff;
		}
		
		table.browseTbl th img {
			float: right;
			margin: 5px 0 0 0;
		}
			
			table.browseTbl th { font-size: 9pt; text-align: center; }
			table.browseTbl td { font-size: 9pt; }
			
		table.browseTbl th {
			background: url('../images/table-header.png') repeat-x;
			font-weight: bold;
		}		
		table.browseTbl tr td {	vertical-align: middle; }
		table.browseTbl tr.row2 td {background: #f9f9f9;}
		
		table.browseTbl tr.readline td {
			background: #537491;
			color: #fff;
		}		
		table.browseTbl tr.baseCell td { border-bottom: 2px solid #c6d0da; }
		
		table.browseTbl th {
			background-color:#000;
			color:#fff;
		}
		
		table.browseTbl th a {
			color:#fff;
		}
		
			
		
		
	.pod {	
		float:left;
		position:relative;
		padding-bottom:30px;
		width:100%;
	}

	.pod .labeler {
		position: absolute;
		top: -10px;
		left: 10px;
		background: #fff;
		z-index: 10;
		font-weight: bold;
		color: #1a456c;
	}
	
	.pod .labeler p { padding: 4px; }	
		
		.podTopper {
			position: relative;
			height: 7px;
			background: url('../images/pod_top.png') top left no-repeat;
		}		
		.podContent { padding: 8px 2px 8px 2px; }		
		.podBottom {
			position: relative;
			height: 7px;
			background: url('../images/pod_bottom.png') bottom left no-repeat;
		}	
		.podTopper img {
			position: absolute;
			right: 0px;
			top: 0px;
		}
		.podBottom img {
			position: absolute;
			right: 0px;
			bottom: 0px;
		}
		


	.tab {

	}
	
		.tab ul {
			float: left;
			margin: 0px 0px -2px 5px;
		}
	
		.tab ul li {
			position: relative;
			float: left;
			width: 100px;
			position: relative;
			background: url('../images/tab_bg.png') repeat-x;
			height: 31px;
			line-height: 3.4em;
			font-size: 11px;
			padding: 2px 0px 2px 0px;
			margin-left: 1px;
			text-transform: capitalize;
			color: #666;
			text-align: center;
		}
		
		.tab li.selectedTab {
			background: url('../images/sub-tab.jpg') no-repeat;
			line-height: 2.5em;
			padding: 2px 0px 2px 0px;
			font-weight: bold;
			font-size: 12px;
			color: #000;
		} 
		
		.tab li .rhsEnd, .tab li.selectedTab .rhsEnd {
			position: absolute;
			right: 0px;
			top: 0px;
		}

		
		
		
		
fieldset.dashMonth {
	background: url('../images/dashMonth_bg.gif') bottom left repeat-x;
	height: 80px;
}
	fieldset.dashMonth legend { color: #d6ab00; padding: 2px; font-weight: bold; }		
		
	 
		
		
		
		
/* [FORM ELEMENTS]  ********************************************/
fieldset {
	margin: 0px;
	padding: 1em;
	border: 1px solid #aaa;
	-moz-border-radius:4px;
}

legend { 
	font-weight:bold;
	font-size:14px;
	color: #535151;
}

	

input, select, textarea { 
	font-size: 9pt; 
	margin-bottom:5px;
}

#title {
	width:93%;
	float:left;
}

#uri {
	width:86%;
	float:left;
}	

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	width:100%;
}	

fieldset p {
	clear: both;
	padding: 2px;
}

label {
	float: left;
	margin-right:4px;
	font-weight: bold;
	width:100px;
	text-align: left;
}

.padRight {
	padding-right:30px;
}	

.tiny { width: 25px; }
.small { width: 80px; }
.small100 { width: 100px; }
.med { width: 150px; }
.large { width: 220px; }
.xlarge { width: 320px; }
.xxlarge { width: 450px; }

.removeFile {
	width: 16px;
	height: 16px;
	display: inline-block;
	border: 0;
	margin: 0 5px 0 0;
	cursor: pointer;
	background: url('../../../shared/icon/?cross') no-repeat;
	
}


/* [ERROR DISPLAY LIST] ---------------------------------------*/
ol, ul {
	list-style: none;
}

ul#formErrors, ul#formSuccess {
	width: 96%;
	list-style-position: outside;
	padding: 4px 4px 4px 25px;
	border: 1px solid red;
	margin-bottom:20px;
}
ul#formErrors {
	list-style-image: url('../../shared/icon?exclamation.png');
}
ul#formSuccess {
	list-style-image: url('../../shared/icon?accept.png');
}



/* ---- BUTTON STYLES  (from Sprite Sheet) ---- */
.exportIcon {
	border: 0;
	padding-left: 18px;
}

.smallButton, .medButton, .tinyButton {
	display: inline-block;
	background-image: url('../images/sprite_sheet.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
	cursor: pointer;
	border: 0px;
	color: #fff;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	
}
	.smallButton {
		width: 57px;
		height: 22px;
		background-position: -344px -50px;
	}
	
	.tinyButton {
		width: 47px;
		height: 22px;
		background-position: -414px -50px;
	}
	
	.tinyButton:hover { background-position: -413px -73px; }
					
	.smallButton:hover { background-position: -344px -73px; }
	
	.medButton {
		width: 110px;
		height: 22px;
		background-position: -430px -129px;
	}
	
	.medButton:hover { background-position: -430px -152px; }


	
#recordSet { margin: 10px; }

	.recordFirst, .recordPrevious, .recordNext, .recordLast {
		float: left;
		margin: 2px;
		border: 0px;
		width: 20px;
		height: 22px;
		background-image: url('../images/sprite_sheet.png');
		background-repeat: no-repeat;
		background-attachment: scroll;
		cursor:pointer;
	}
	.recordFirst { background-position: -65px -208px; }
	.recordFirst:hover { background-position: -65px -231px; }
	
	.recordPrevious { background-position: -90px -208px; }
	.recordPrevious:hover { background-position: -90px -231px; }
	
	.recordNext { background-position: -115px -208px ; }
	.recordNext:hover { background-position: -115px -231px ; }
	
	.recordLast { background-position: -140px -208px; }
	.recordLast:hover { background-position: -140px -231px; }
	
/* ---- END BUTTON STYLES ---- */


.scrollbox {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	height:auto;
	max-height:440px;
	overflow-y:scroll;
	width:100%;
}
	.scrollbox div {
		padding: 3px;
		cursor: pointer;
	}
	.scrollbox div span {
		font-size: 90%;
		padding: 0 5px 0 5px;
		color:#003366;
	}
	.scrollbox div.even { background:#FFFFFF; }
	.scrollbox div.odd { background:#D1E1EF; }


/* [DIALOG BOX] ************************************************/

#fullScreen {
	background: url('../images/black_trans.png');
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -100;
}

.dialogBox {
	width: 252px;
	background-color: transparent;
	background: url('../images/log-bk.png') no-repeat;
	z-index: 10000;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom:150px;
	height:auto;
}

.dialogBox .dialogTitle {
	background: url('../images/log-title-bk.png') no-repeat;
	height: 21px;
	color: #fff;
	width:237px;
	font-weight: bold;
	padding-top:8px;
	padding-left:15px;
}

.dialogBox .dialogContent {
	margin: 10px 5px 5px 5px;
}

.dialogBox .dialogContent .podContent p {
	padding: 0 0 10px 0;
}


/* [POPUP DIALOG BOX] ***********************************************/

#map {
	width: 777px; 
	height: 752px;
	float : left;
}

#mapPointers {
	width: 200px;
	float: left;
}

#mapPointers img {
	float: left;
	clear: left;
}

#mapPointers span {
	float: left;
	padding-top: 10px;
}

.clover {
	color:#ccfe00;
}	

.botPage {
	background: url('../images/bot-page-tile.png') repeat-x;
	background-color:transparent;
	width:100%;
	height:99px;
	float:left;
}	
	
.podPage {
	width:100%;
}	

.botShade {
	width:100%;
	height:30px;
	background: url('../images/main-bot-tile.png') repeat-x;	
	background-color:#fff;
}

.botCredits {	
	width:50px;
	height:36px;
	padding-top:6px;
	padding-left:10px;
}

.cleverClover {
	font-weight:bold;
	color:#6de12d;
	float:right;
}	

.paddOut {
	width:1000px;
}

.widthOfTabs {
	width:960px;
}	
	
.noPad {
	padding:0 0 0 0;
	margin:0 0 0 0;
}

.red { color: #cc0000; }
.green { color: #00FF00; }
.blue { color: #0000FF; }
.black { color: #000000; }
.white { color: #FFFFFF; }
.grey { color: #CCCCCC; }

.error { color: #cc0000; }

.readonly { background-color: #ebebeb; }


.xeroButton {
	height: 22px;
	background-color: #5398c5;
	display: inline-block;
    background-repeat: no-repeat;
    background-attachment: scroll;
    cursor: pointer;
    border: 0px;
    color: #fff;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
}

.migrate-message{
	color: #1f75bf;
    text-align: center;
    font-weight: bold;
}