@charset "utf-8";
/* CSS Document */

/* ******* HTML STYLES START ******* */
body  {
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	font-size: 0.9em; 
	background: #b1b3b6 url('images/bggrad.gif') repeat-x top left;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #555555;
}
a, a:link {
	color: #186583;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: #FF6583;
}

h1 {
	margin-top:10px;
	font-size:1.4em;
}
h2,h3,h4 {
	margin-top:10px;
}
h4 {
	margin-top:16px;
	margin-bottom:4px;
}
p {
	margin:6px 0px;
}
select {
	color:#555555;	
}
textarea {
	width:280px;
	height:80px;
}
form {
	padding:0px;
	margin:0px;
}
img {
	border-width:0px;
}

ul {
	margin-top:6px;
	padding-left:15px;	
}
li {
	/*list-style-position:inside;*/
	margin-left:0px;
	padding-left:0px;
}
/* ******* HTML STYLES END ******* */

/* ******* MAIN LAYOUT START ******* */
#pgcontainer { 
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #f2f2f2;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	border-left:1px solid #b1b3b6;
	border-right:1px solid #b1b3b6;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#pgtopbar { 
	/*padding:5px 10px;*/
	/*height:10px;*/
}
html>body #pgtopbar .colleft {
	padding:10px 10px;
}
html>body #pgtopbar .colright {
	padding:10px 10px;
}
#pgtopbar .colleft { 
	float:left;
	padding:10px 10px;
}
#pgtopbar .colleft span { 
	font-size:0.76em;
	color:#777777;
	padding-left:12px;
}
#pgtopbar .colright { 
	float:right;	
	padding:10px 10px;
}

#pgbanner { 
	
}
#pgnav {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:6px;
}
html>body #pgnav {
	padding:10px 10px;
}
#pgnav a {
	font-size:1em;
	color:#111111;
	display:block;
	float:left;
	width:125px;
	padding:6px 0px;
	text-align:center;
	margin-right:1px;
	border-right:solid 1px #b1b3b6;	
	border-bottom:solid 1px #b1b3b6;
	background: #b1b3b6 url('images/navbutbg.gif') repeat-x top left;
}
#pgnav a:hover {
	text-decoration:none;
	color:#ffffff;
	border-right:solid 1px #777777;	
	border-bottom:solid 1px #777777;
}
#pgnav a:active {
	font-weight:bold;
}
#pgnav a.sel, #pgnav a.homesel {	
	background: #b1b3b6 url('images/navbutbgsel.gif') repeat-x top left;
	color:#ffffff;
	font-weight:bold;
}
#pgnav a.home, #pgnav a.homesel {
	width:123px;
}


#pgbreadcrumb { 
	display:block;
	background-color:#e6e6e6;
	height:18px;
	margin:5px 10px;
}
#pgbreadcrumb a.active { 
	display:inline-block;
	padding-right:18px;
	padding:1px 18px;
	height:15px;
	color:#ffffff;
	font-size:0.8em;
	background: #0aaaca url('images/breadcrumb_actonedge.gif') no-repeat top right;
	/*background-image:url('images/breadcrumb_actonedge.gif');
	background-repeat:no-repeat;
	background-position:top right;*/
	
}
#pgbreadcrumb a.inactonact { 
	display:inline-block;
	padding-right:18px;
	padding:1px 18px;
	height:15px;
	color:#ffffff;
	font-size:0.8em;
	background: #52b5ca url('images/breadcrumb_inactonact.gif') no-repeat top right;
}
#pgbreadcrumb a.inactoninact { 
	display:inline-block;
	padding-right:18px;
	padding:1px 18px;
	height:15px;
	color:#ffffff;
	font-size:0.8em;
	background: #52b5ca url('images/breadcrumb_inactoninact.gif') no-repeat top right;
}

#pgheader { 
	border: 0px solid #000000;
	margin:0px 0px;
	padding:0px 10px;	
} 
#pgheader .header { 
}

#pgcontent {
	border:0px dotted #bbbbbb;
	line-height:130%;
	padding:10px 10px;
	font-size:0.9em;
}

#pgfooter {
	margin:10px 0px;
	padding:0px 10px;
	font-size:0.8em;
	height:16px;
	background:#ffffff;
	border-top:solid 2px #e0e0e0;
	border-bottom:solid 2px #e0e0e0;
	text-align:right;
	font-size:0.75em;
}
#pgfooter a {
	padding:0px 4px;
	color:#999999
}

#pgend { /* Need this because FF ignores the margin-bottom on the pgfooter */
	height:1px;
}
/* ******* MAIN LAYOUT END ******* */


/* ******* GENERAL CLASSES START ******* */
.clr {
	clear:both;
}
input.txtxsmall {
	width:30px;
}
input.txtsmall {
	width:100px;
}
input.txtmed {
	width:220px;
}
input.txtbig {
	width:320px;
}
input.txtinput {
	color:#003366;
	background:#FFFFFF url('images/input_bg.gif') repeat-x top left;
	border:1px solid #cccccc;
}
input.txtinputinit {
	color:#AAAAAA;
	background:#FFFFFF url('images/input_bg.gif') repeat-x top left;
	border:1px solid #cccccc;
}
input.txtinputwarn {
	color:#EE1111;
	font-weight:bold;
	background:#FFFFFF url('images/input_bg.gif') repeat-x top left;
	border:1px solid #cccccc;
}
input.but {
	color:#ffffff;
	font-weight:bold;
	background-image:url('images/butbg.gif');
	background-repeat:no-repeat;
	background-position:top center;
	height:22px;
	width:110px;
	border:0px solid #cccccc;	
	text-transform:lowercase;
}
input.butbig {
	color:#ffffff;
	font-weight:bold;
	background-image:url('images/butbgbig.gif');
	background-repeat:no-repeat;
	background-position:top center;
	height:22px;
	width:150px;
	border:0px solid #cccccc;	
	text-transform:lowercase;
}
input.butsmall {
	color:#ffffff;
	font-weight:bold;
	background-image:url('images/butbgsmall.gif');
	background-repeat:no-repeat;
	background-position:top center;
	height:22px;
	width:70px;
	border:0px solid #cccccc;	
	text-transform:lowercase;
}

.hr {
	display:block;
	height:1px;
	font-size:0px; /* This is needed for IE fix as IE does not allow height to be less than the font-size height */
	border-bottom:1px solid #d7d7d7;
	margin:0px;
	margin-top:6px;
	margin-bottom:12px;
}



.aiconpdf, .aiconwebblank, .aiconwebself, .aicontel, a.arrow {
	padding-left:20px;
	padding-bottom:4px;
	padding-top:2px;
	display:block;
}

.aiconpdf {
	background:#FFFFFF url('images/icon_pdf.gif') no-repeat top left;
}
.aiconwebblank {
	background:#FFFFFF url('images/icon_web.gif') no-repeat top left;	
}
.aiconwebself {
	background:#FFFFFF url('images/icon_web.gif') no-repeat top left;	
}
.aicontel {
	background:#FFFFFF url('images/icon_atel.gif') no-repeat top left;
	cursor:pointer;
}
a.arrow {
	background:#FFFFFF url('images/icon_arrow.gif') no-repeat top left;
	display:inline;
	background-color:transparent;
}

a.delete, a.edit, a.add, a.accept, a.decline {
	padding-left:20px;	
	padding-bottom:4px;
	padding-top:1px;
	background-repeat:no-repeat;
	background-position:top left;	
	display:block;
	color:#3ab54b;
	font-weight:bold;
}
a.edit {
	background-image:url('images/icon_edit.gif');	
}
a.delete {
	background-image:url('images/icon_delete.gif');	
	color:#b4191e;
}
a.add {
	background-image:url('images/icon_add.gif');	
}
a.accept {
	background-image:url('images/icon_tickincirclesmall.gif');	
	display:inline;
}
a.decline {
	background-image:url('images/icon_crossincirclesmall.gif');	
	display:inline;
}

.warning {
	display:block;
	color:#EE2222;
	font-weight:bold;
	margin-bottom:2px;
}
.alert {
	display:block;
	color:#EE2222;
	font-weight:bold;
	margin-bottom:6px;
	text-transform:Uppercase;
}
.ressuc {
	display:block;
	color:#3dac4e;
	font-weight:bold;
	padding-top:0px;
	margin-bottom:6px;
	padding-left:30px;
	padding-bottom:12px;
	/*text-transform:Uppercase;*/
	background-image:url('images/icon_tickincircle.gif');	
	background-position:top left;
	background-repeat:no-repeat;
}
.reserror {
	color:#df1f25;
	font-weight:bold;
	background-image:url('images/icon_crossincircle.gif');	
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:3px;
	margin-top:6px;
	margin-bottom:6px;
	padding-left:32px;
	padding-bottom:12px;		
}

.infosign {
	background-image:url('images/icon_info.gif');	
	background-position:top left;
	background-repeat:no-repeat;
	height:20px;
	width:20px;
	padding-bottom:1px;
	margin-top:0px;
	padding-right:5px;
	float:left;
}

.sucess {
	display:block;
	color:#2aa92a;
	font-weight:bold;
	padding-left:31px;
	padding-top:4px;
	background-image:url('images/icon_tickincircle.png');	
	background-repeat:no-repeat;
	height:32px;	
}
.note {
	color:#999999;
	font-size:0.9em;
}
.lilogo {
	display:block;
	padding-left:35px;
	margin:10px 10px;
	background-image:url('images/icon_logo.png');
	background-repeat:no-repeat;
	background-position:top left;
}

.txtinit {
	color:#aaaaaa;
}

.namehighlight {
	background-color:#999999;
}

#minijplanner input {
	display:block;
	margin-bottom:6px;
}
#minijplanner input.rad {
	display:inline;
	margin-bottom:6px;
}
#minijplanner #butJSearch {
	margin-left:82px;
}

.frmbox {
	padding:6px;
	background-color:#efefef;
	border:solid 0px #cfcfcf;
	width:700px;
	margin-bottom:6px;
}

.frmlabel {
	font-weight:bold;
	float:left;
	width:120px;
}

.frmvalue {
	width:340px;
	margin-left:130px;
	border:solid 0px #cfcfcf;
	text-align:left;
}

.subcontainer {
	padding-bottom:10px;
}
.acckeys {
	font-weight:bold;
}

.notesmall {
	font-size:0.9em;
	color:#999999;
}

#aniloader {
	visibility:hidden;
	position:absolute;
	background-color:#ffffff;
	padding:2px;
	color:#999999;	
}
#upload_process {
	font-weight:bold;
	visibility:hidden;
	position:absolute;	
}
#upload_result {
	font-weight:bold;
	margin:4px 0px;
	color:#3ab54b;
}

a.reporterror, #pgfooter a.reporterror {
	float:left;
	color:#555555;
	font-size:0.9em;
	padding-top:1px;
	padding-left:18px;
	/*margin-left:28px;*/
	background:transparent url('images/icon_email.gif') no-repeat center left;
}

a.reportabuse {
	float:right;
	color:#555555;
	font-size:0.9em;
	padding-top:1px;
	padding-left:18px;
	padding-right:2px;
	background:transparent url('images/icon_email.gif') no-repeat center left;
}

/* ******* GENERAL CLASSES END ******* */

/* ******* BOX CLASSES START ******* */
.boxsmall {
	margin-bottom:10px;
}

.boxsmall .header {
	background:#4d4d4d url('images/boxheader_small_darkgrey.gif') no-repeat top right;
	height:28px;
	color:#ffffff;
	font-size:1.1em;
	padding-top:6px;
	font-weight:bold;
	padding-left:10px;
}
.boxsmall .body {
	background:#e2e3e5;
	font-size:0.9em;
	padding-bottom:4px;
	padding:8px 10px;
	background:#e2e3e5 url('images/bggrad_box.gif') no-repeat bottom right;	
}
.boxsmall .body ul {
	margin:0px;
	padding:0px;	
}
.boxsmall .body ul li {	
	padding-left:2px;
	list-style:none;
	border-bottom:solid 1px #4d4d4d;
}
.boxsmall .body ul li.last {	
	border-width:0px;
}

.boxsmall {
	margin-bottom:10px;
}

.boxmed .header {
	background:#4d4d4d url('images/boxheader_med_darkgrey.gif') no-repeat top right;
	height:28px;
	color:#ffffff;
	font-size:1.1em;
	padding-top:6px;
	font-weight:bold;
	padding-left:10px;
}
.boxmed .header a {
	color:#ffffff;
}
.boxmed .body {
	border:1px solid #d7d7d7;
	background:#e2e3e5;
	font-size:0.9em;
	padding-bottom:4px;
	background:#e2e3e5 url('images/bggrad_boxNA.gif') no-repeat bottom right;	
}
.boxmed .body ul {
	margin:0px;
	padding-bottom:0px;
	padding:0px 10px;
}
.boxmed .body ul li {	
	padding-left:2px;
	list-style:none;
	border-bottom:solid 1px #4d4d4d;
}
.boxmed .body ul li.last {	
	border-width:0px;
}
/* ******* BOX CLASSES END ********* */



/* ******* UPLOAD CLASSES START ********* */
#frmphotos {
	overflow:auto;
	background-color:#ffffff;
	border:solid 1px #999999;
	height:200px;
	visibility:hidden;
	position:absolute;
	margin-top:2px;
}
#frmphotos a {
	padding:2px;
	display:block;
	border:solid 1px #999999;
	background-color:#ffffff;
}
#frmphotos a:hover {
	background-color:#999999;
}

#frmphotos a.upload {
	background-color:#35b443;
	color:#ffffff;
}

#frmphotos a:hover.upload {
	background-color:#999999;
}
/* ******* UPLOAD CLASSES END ********* */

/* ******* ADMIN OPTIONS CLASSES START ********* */

#adminoptions {
	position:fixed;
	z-index:9;
	bottom:0px;
	right:0px;
	background-color:#efefef;
	border-left:solid 1px #39b04a;
	border-top:solid 1px #39b04a;
	padding:4px;
}
#adminoptions .title {
	font-weight:bold;
	padding:4px 2px;
	color:#39b04a;
}

#adminoptions a {
	margin:2px;
	display:block;
	padding-left:12px;
	background-image:url('images/reddot.gif');
	background-repeat:no-repeat;
	background-position:center left;	
	
}
/* ******* ADMIN OPTIONS CLASSES END ********* */