/* Princegate css */

@import url(common.css);
@import url(navigation.css);
/* =reset */

* {
	margin:0; 
	padding:0; 
	border:0; 
	
	font-style: inherit; 
	font-size: 100%; 
	font-family: inherit; 
	vertical-align: baseline; 
	}
body {
	color: #515151; 
	font:62.5%/1.5 Verdana, Arial, sans-serif;
	background:#fff url(/images/global/top-bg.gif) repeat-x 0 0;
	}
a {
	color:#985F0D /*DBAB39*/;
	text-decoration:none;
	}
img {
	display:block;
	}
#access-key {
	position:absolute;
	left:-9999em;
	}

/* =logo */
#branding strong a {
	width:308px; 
	height:44px;
	float:left;
	overflow:hidden;
	margin:41px 0 0 45px;
	display:inline-block; 
	background:url(/images/global/princegate-logo.gif) no-repeat; 
	text-indent:-9999em;
	}
#branding p.user {
	position:absolute;
	bottom:10px;
	right:10px;
	text-align:right;
	}

/* =headings */
h1, h2, h3, h4, h5, h6 {
	padding:0 0 .5em;
	line-height:1.4;
	font-weight:normal;
	}
h1 {
	color:#CFA53E;
	font-size:2.5em;
	padding:0 0 0.5em 0;
	}
h3 {
	padding-bottom:.6em;
	font-size:1.5em;
	}
h4 {
	padding:.9em 0;
	font-size:1.3em;
	font-weight: bold;
	border-top: 1px solid #f7f7f7;
	}
h5 {
	padding-bottom:.8em;
	font-size:1.1em;
	}
h6 {
	padding-bottom:.8em;
	font-size:1em;
}
#content h2 {
	color:#424A8C;
	font-weight:bold;
	font-size:1.3em;
	padding:0.5em 0 0.8em 0;
	}
#content h2 a {
	color:#424A8C;
	text-decoration:none;
	}
#content h2 a:hover {
	text-decoration:underline;
	}
#content p {
	padding:0 0 1.2em 0;
	}
#content p strong {font-weight:bold;}
.mr15 {
	float:right;
	margin:0 0 15px 15px;
	}
.ml15 {
	float:left;
	margin:0 15px 15px 0;
	}
.m15 {
	margin:0 0 20px 0;
	}
.default,
.default-link {
	float:none;
	margin:0;
	}
.default-link {
	display:block;
	border:2px solid #fff;
	}
	
	
/* =layout */
ul, ol {
	list-style-type:none;
	}
#content ul,
#content ol {
	list-style-type:square;
	margin:5px 35px
	}
#content li {padding:0 0 .5em}
#nav {
	text-transform:uppercase;
	background:url(/images/global/top-area-bg.gif) repeat-x 0 100%; 
	width:100%;
	border-bottom:2px solid #fff;
	padding:0 0 144px 0;
	}
#branding {
	position:relative;
	width:810px;
	margin:0 auto;
	height:119px;
	}
#banner {
	position:relative;
	width:568px;
	height:214px;
	float:right;
	margin-right:7px;	
	}
#banner a,
#map a.search-by-map {
	color:#fff;
	text-align:center;
	background:url(/images/global/blue-btn-175.png) no-repeat 0 0; 
	padding:9px 0 8px 0;
	width:175px;
	display:block;
	position:absolute;
	cursor:pointer;
	bottom:0;
	left:45px;
	}
#top-area {
	width:810px;
	overflow:hidden;
	margin:0 auto;
	}
#bottom-area {
	position:relative;
	width:810px;
	margin:0 auto;
	overflow:hidden;
	margin-top:-126px;
	text-transform:uppercase;
	z-index:200;
	}
body#sup #bottom-area {
	margin-top:-270px;
	min-height:241px;
	height:241px;
	}

/* =forms */

fieldset#contact {
	padding:25px 0;
	width:350px;
	}	
fieldset#contact.edit { width:288px; float:left;}
	
fieldset#contact .text,
fieldset#contact .bdpLite input,
fieldset#contact span.hidden input,
fieldset#contact .textarea,
fieldset#contact .textarea-wide {
	width:229px;
	padding:3px;
	height:14px;
	margin-bottom:12px;
	background:#ebebeb url(/images/global/input-bg.gif) no-repeat 0 0;
	}	
fieldset#contact .bdpLite input {
	width:195px;
	float:left;
	margin:0 3px 12px 0;
	background:#ebebeb url(/images/global/input-cal-bg.gif) no-repeat 0 0;
	}	

.bdpLite img { z-index:1000; position:relative;}
fieldset#contact span.hidden img { display:none;}
	
fieldset#contact.edit .text,
fieldset#contact.edit .textarea { width:165px; background:#ebebeb url(/images/global/input-edit-bg.gif) no-repeat 0 0;}

fieldset#contact .textarea,
fieldset#contact.form textarea,
fieldset#contact .textarea-wide {
	background:#ebebeb url(/images/global/textarea-bg.gif) no-repeat 0 0; 
	height:123px;
	overflow:auto;
	}
fieldset#contact.edit .textarea { background:#ebebeb url(/images/global/textarea-edit-bg.gif) no-repeat 0 0; }

fieldset#contact .textarea-wide {
	width:344px;
	background:#ebebeb url(/images/global/textarea-big-bg.gif) no-repeat 0 0;
	}
	
fieldset#contact select {
	width:235px;
	padding:1px 0;
	border:1px solid #ccc;
	margin-bottom:12px;
	}
fieldset#contact.edit select { width:172px;}	
	
fieldset#contact label {
	margin-bottom:12px;
	width:115px;
	float:left;
	}
fieldset#contact span.error,
fieldset#contact p.error {
	margin-left:115px;
	}
fieldset#contact label span.error{
	margin: 0;
	}
fieldset#contact input.submit,
fieldset#contact input.submitbig,
fieldset#contact input.submit-verybig {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#DBAC3A url(/images/global/submit-bg.gif) no-repeat 0 0; 
	width:66px;
	height:32px;
	line-height:normal;
	text-align:center;
	text-decoration:none;	
	padding:3px 0 16px 0;
	font-size:12px;
	color:#fff;
	float:right;
	cursor:pointer;
	}	
fieldset#contact input.submitbig {
	background:#DBAC3A url(/images/global/submit-big-bg.gif) no-repeat 0 0;
	width:100px;
	margin:5px 0 0 0;
	}

fieldset#contact input.submit-verybig {
	background:#DBAC3A url(/images/global/submit-verybig-bg.gif) no-repeat 0 0;
	width:200px;
	margin:5px 0 0 0;
	}

fieldset#contact .file {
	padding:4px 0 4px 0;
	border:1px solid #ccc; 
	/* margin-bottom:15px;*/
	}

fieldset#contact .login {float:left;}
fieldset#contact .login a { color:#000;}

fieldset#contact.search {
	width: 510px;
	}

fieldset#contact.search div.search { 
	w/idth:274px; 
	width:254px; 
	float:left; 
	padding:0 20px 0 0;
	}
fieldset#contact.search div.search .text { 
	width:179px; 
	background:#ebebeb url(/images/global/input185-bg.gif) no-repeat scroll 0pt;
	}
fieldset#contact.search label { margin-bottom: 3px; width:180px;}
fieldset#contact.search div.search .submit { margin-top: 18px;}

fieldset#contact.form td { vertical-align:top;}

body.date fieldset#contact.form select { width:75px; margin-right:3px;}
fieldset#contact.form span.error {
	margin:-30px 5px 0 0;
	float:right;
	}

/* =additional nav */

ul#additional-nav {
	width:568px;
	float:right;
	padding:22px 5px 22px 8px;
	background:url(/images/global/add-nav-bg.png) no-repeat 0 0; 
	}
ul#additional-nav li {
	width:164px;
	float:left;
	padding:0 12px 12px 13px;
	background:url(/images/global/add-nav-div.gif) no-repeat 100% 0; 
	}
ul#additional-nav li.last {
	background:none;
	}
ul#additional-nav h2 a,
#developments h2 a {
	display:block;
	background:url(/images/global/add-nav-bull.gif) no-repeat 100% 50%; 	
	color:#3E3D3D;
	padding:1px 0;
	font-size:1.2em;
	margin-bottom:8px;
	}
ul#additional-nav h2 a:hover,
#developments h2 a:hover {
	text-decoration:underline;
	}
#developments {
	position:relative;
	padding:44px 0 0 45px;
	background:url(/images/global/dev-bg-top.gif) no-repeat 50% 0; 	
	width:765px;
	margin:0 auto;
	overflow:hidden;
	margin-top:-30px;
	z-index:100;
	}
#developments ul {
	background:url(/images/global/dev-bg-bot.gif) no-repeat 50% 100%;
	padding-bottom:36px;
	float:left;
	}
#developments ul li {
	width:234px;
	float:left;
	padding:0 0 12px 0;
	margin-right:28px;
	}
#developments ul li.last {
	margin:0;
	}
#developments ul h2 a {
	background:url(/images/global/dev-bar-bull.gif) no-repeat 100% 50%; 	
	color:#4E5695;
	text-transform:uppercase;
	}
#developments img {
	border:1px solid #F2F2F2;
	margin:0 0 8px 0;
	}
#developments p {
	font-size:1.1em;
	}
			
/* =content */
#content-outer {
	width:810px; 
	margin:0 auto; 
	margin-top:-379px;
	}
#content {
	width:513px;
	font-size:1.1em;
	padding:30px 37px 20px 37px;
	text-transform:none;
	min-height:516px;
	overflow:hidden;
	margin:0 0 45px 0;
	position:relative;
	z-index:300;
	background:url(/images/global/content-bg1.png) no-repeat 0 0;	
	}
#additional-content {
	width:178px;
	float:left;
	display:inline;
	margin:335px 0 0 45px;
	}
#additional-content img {
	width:150px;
	}
	
/* !!!!!!!! Breaks IE if there's a traversal on the page */
#content input,
#content a,
#content p,
#content h2,
#content table  {
	position:relative;
	z-index:1000;
	} 
 

#content a {
	text-decoration:underline;
	}
			
/* =search by map */

#map {
	position:relative;
	padding-left:75px;
	width:144px;
	float:left;
	}
#map a.search-by-map {
	margin-left:14px;
	width:164px;
	padding:17px 0 7px 0;
	background:url(/images/global/blue-btn-164.png) no-repeat 0 0; 
	}
body#sup a.search-by-map {
	background:url(/images/global/brown-btn-164.png) no-repeat 0 0; 
	}
a.map {
	display:block;
	text-indent:-9999em;
	height:155px;
	width:95px;
	background:url(/images/global/map.png) no-repeat 0 0;
	margin-bottom:24px; 
	cursor:pointer;
	}	
body#sup a.map {
	height:217px;
	width:130px;
	background:url(/images/global/map-big.png) no-repeat 0 0;
	}
/* =siteinfo */

#footer {
	padding-bottom:75px;
	/* background:url(/images/global/footer-bg.gif) no-repeat center bottom; */
	width:100%;
	}
#siteinfo {
	position:relative;
	padding:4px 0 5px 45px;
	width:765px;
	margin:0 auto;
	clear:both;
	}
p.siteinfo_copyright {
	padding:0;
	color:#B9B9B9;
	}	
/* offices */
.vcard {
	margin-bottom:15px;
	}
.vcard h2.org {
	padding:0 0 8px 0 !important;
	}	
.vcard a, 
.vcard span {
	display:block;
	}
/* =shadows */
img.dropshadow {
	border:2px solid #fff;
	}
.wrap0, .wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
}
.wrap0 {
  float:left;
  display:inline;
  background:transparent url(/images/global/shadow.gif) right bottom no-repeat;
  margin:0 0 5px 0;
}	
.wrap0-left {
  float:left;
  display:inline;
  background:transparent url(/images/global/shadow.gif) right bottom no-repeat;
  margin:-5px 10px 0 -10px;
}
.wrap0-right {
  float:right;
  display:inline;
  background:transparent url(/images/global/shadow.gif) right bottom no-repeat;
  margin:-5px -10px 0 10px;
}
.wrap1 {
  background:transparent url(/images/global/shadow180.gif) no-repeat;
}
.wrap2 {
 background:transparent url(/images/global/corner_bl.gif) -18px 100% no-repeat;
}
.wrap3 {
  padding:10px 14px 14px 10px;
  background:transparent url(/images/global/corner_tr.gif) 100% -18px no-repeat;
}

/* =flash-map */

#flash-map ul {
	display:block;
	list-style-type:none;
	overflow:hidden;
	margin:0;
	padding:0;
	color:#708dad;
	}

#flash-map ul li {
	display:block;
	float:left;
	width:490px;
	margin-bottom: 15px;
	}

#flash-map ul li h3 {color:#dcaa39;}
#flash-map ul li h4 {
	color:#708dad;
	font-size:1.5em;
	padding:0 0 0.4em 0;
	border:0;
	}

div.line {
	border-bottom:1px solid #deaa3a;
	font-size:0.1em;
	height:0.1em;
	line-height:0.1em;
	padding:0;
	margin-bottom:7px;
	}
.highlight {
	font-weight:bold; 
	color: #D0A63F; 
	}	
#flash-map img {
	float:left;
	padding:3px;
	border:1px solid #dcdcdc;
	margin:0 15px 15px 0;
	}

#flash-map .persone-details {width:180px; float:left;}

#flash-map p {padding:0 0 0.4em 0;}
#flash-map p.tel {font-size:1.3em;}


#flash-map a.email {
	background: #696ea5 url(/images/global/email-bg.gif) no-repeat top left;
	color:#FFF;
	text-decoration:none;
	float:right;
	margin:0 -50px 0 0;
	padding: 2px 10px 2px 9px;
	}
	
/* =sites */	

#content table.sites a {
	color: #494949;
	text-decoration: none;
	cursor:pointer;
	display:block;
	}

#content table.sites th {
	color:#424a8c;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.0em;
	padding:0 0 20px 0;
	line-height:1.2em;
	}

#content table.sites td {
	vertical-align:top;
	border-left: 1px solid #efefef;
	}

#content table.sites th a,
#content table.sites th a:visited {
	color: #424a8c;
	text-decoration: none;
	}

#content table.sites td.site-name { border-left:none;}

#content table.sites td.site-name a,
#content table.sites td.site-name a:visited {
	text-decoration:underline;
	}

#content table.sites a.edit {
	color:#0000cc;
	text-decoration:underline;
	}

#content table.sites div.notes {
	overflow:auto;
	overflow-x: hidden;
	height: 68px; 
	he\ight: 58px;
	border:1px solid #ebebeb; 
	background:#fcfcfc; 
	margin:0 0 5px 0;
	padding:5px 15px 5px 5px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.3em;
	display:block;
	position:relative;
	}
#content table.sites div.notes p { padding: 0 0 0.6em;}
#content table.sites div.notes b {font-weight:bold;}

div.addsite {width: 510px;}
div.addsite fieldset#contact {float:right;}

div.tool-tip {
	color:#fff;
	width:241px;
	z-index:2000;
	}

div.tool-title {
	background:transparent url(/images/global/baloon.png) no-repeat scroll left top;
	font-size:1.1em;
	font-weight:bold;
	margin:0pt;
	padding:15px 13px 2px;
	}

div.tool-text {
	background:transparent url(/images/global/baloon.png) no-repeat scroll left bottom;
	font-size:1.0em;
	margin:0pt;
	padding:0pt 13px 25px;
	}

#content div.description { 
	float:left;
	width:195px;
	margin:15px 0 15px 25px;
	}

#content div.description ul {
	display:block;
	list-style-type:none;
	overflow:hidden;
	margin:0;
	padding:0;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	}
	
#content div.description ul li {
	display:block;
	float:left;
	width:190px;
	padding: 0 0 3px 0;
	}

#content div.description ul li a {
	text-decoration:none;
	color:#000;
	cursor:pointer;
	}
#content div.description ul li a:hover {
	color:#d4b053;
	text-decoration:underline;
	}

div.graph {background:transparent url(/images/global/draph-bg.gif) no-repeat left 50%; padding-left:30px;}
div.graph p.legend { 
	float:right; 
	width:215px; 
	clear:both; 
	color:#c7c6c6;
	font-size:0.9em; 
	}
div.graph p.legend span { 
	display:block; 
	float:left; 
	width:10px; 
	height:10px; 
	background-color:#d2ad4c; 
	margin:4px 4px 0 0;
	}
#content div.graph p.decoding { 
	font-size:0.9em; 
	color:#c7c6c6; 
	text-align:center; 
	padding-top:10px;
	}










/* =upload documents */

#content ul#upload {
	display: block;
	overflow: hidden;
	list-style-type: none;
	padding: 0;
	margin: 25px 0 0 0;	
	}
	
#content ul#upload li {
	display:block;
	float:left;
	margin:0 0 5px 0;
	background: transparent url(/images/global/upload-bg.gif) repeat-x top;
	padding:5px 0;
	}

#content ul#upload li a.pdf,
#content ul#upload li a.image,
#content ul#upload li a.word,
#content ul#upload li a.excel,
#content ul#upload li a.text,
#content ul#upload li a.none {
	display:block;
	float:left;
	padding: 0 0 0 24px;
	width:364px;
	w\idth:344px;	
	}

#content ul#upload li a.pdf {background: transparent url(/images/global/ico-pdf.gif) no-repeat left top;}
#content ul#upload li a.word {background: transparent url(/images/global/ico-doc.gif) no-repeat left top;}
#content ul#upload li a.excel {background: transparent url(/images/global/ico-xls.gif) no-repeat left top;}
#content ul#upload li a.text {background: transparent url(/images/global/ico-txt.gif) no-repeat left top;}
#content ul#upload li a.image {background: transparent url(/images/global/ico-img.gif) no-repeat left top;}
#content ul#upload li a.none 
{
	background: #ffffff;
	padding: 0 0 0 5px;
}


#content ul#upload li a.delete {
	float:right;
	display:block;
	}
	
div.pager {
	text-align:center;
	clear:both;
	padding:15px 0;
	}	
	

