/*
*** New Logo Stuff ****
Dark Blue						: #112B5E
Light Blue (Button) : #475268
Orange							: #EB6D10
Light Orange				: #
Gray Shadow On Logo	: #D9D9D9

*** Old Stuff
*/

/*** CSS RESET ***/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,p{margin:0; padding:0; text-align:left}
table{border-collapse:collapse; border-spacing:0}
fieldset,img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
sup {vertical-align:text-top; position:relative}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
ul,ol,li{list-style:none;}
html{-webkit-text-size-adjust:95%}
#track{position:absolute; bottom:0;}

/*** GLOBAL ***/
body {
	background-color:#EDEDED;
	color:#656565;
	font-family: Arial, Calibri, Tahoma, Verdana;
	font-size:62.5%;
	line-height:1.3em;
	text-align:center;
}
.textIndent { text-indent:5px; }
.clear{clear:both}
.rel{position:relative}
.block{display:block}
.inline{display:inline}
.left{text-align:left !important}
.right{text-align:right !important}
.bottom{position:absolute; bottom:0}
p{margin:0 0 1em 0}
a:link{text-decoration:none; color:#4747BD}
a:visited{text-decoration:none; color:#4747BD}
a:hover{text-decoration:underline; color:#4747BD}
ul, ol, dl{ margin: 0 0 1em 0 }
input, textarea, select{border:1px solid #ccc; vertical-align:middle; background-color:#fff; color:#656565}
.hide{display:none}
#ie{zoom:1}
#pageID{position:absolute; top:-20px; width:100px; text-indent:-9999px;}
/*#wrapper{margin:0 auto; width:985px; background-color:#ededed; height:100%}*/
#wrapper {
 	background-color:#EDEDED;
	height:100%;
	margin:0 auto;
	width:760px;
}

/****CONTENT AREA****/
#container {background:#FFFFFF url(/planitweb/webimages/page_midSlice.gif) repeat-y scroll 0 0;}
#page {
	margin:0 17px;
	position:relative;
	width:725px;
}

h1 { /* main body content headings */
	background:#F1F1F1 url(/planitweb/webimages/gradient_bodyheader.jpg) repeat-x scroll left top;
	/* Top Right Bottom Left */
	padding: 3px 0px 3px 0px;
	font-size:2.2em;
	line-height:26px;
	margin-bottom: 10px;
}
h3 { /*inqueries(request a demo) page*/
	padding: 1px 10px 6px 0px;
	line-height:25px;
	margin-bottom: 3px;
	font-size: 1.4em;
}
h4 { /* block headings with borders (leftsidelayer) */
	/*background:#F8F8F8 url(/planitweb/webimages/gradient_header.jpg) repeat-x scroll left top;*/
	color:#444444;
	font-size:1.2em;
	font-weight:bold;
	line-height:15px;
	padding:6px 10px;
}

h5 { /* block headings with borders (leftsidelayer) */
	/*background:#F8F8F8 url(/planitweb/webimages/gradient_header.jpg) repeat-x scroll left top;*/
	color:#122b5f; /* the official planIT blue - this is just used on the quick links heading which terry wants blue even though its not a link */
	font-size:9pt;
	font-weight:bold;
	line-height:15px;
	padding:6px 10px;
	overflow:
	white-space:
}

#content {
	clear:both;
	height:auto;
	overflow:hidden;
	position:relative;
	text-align:left;
	width:100%;
}

.DefaultListStyle li{
	margin: auto auto auto 12pt; 
	list-style: disc;;
}

.BodyBannerLayer {
      margin-bottom: 10px;
      border:1px solid #CCCCCC;
      position: relative; /* used for spacing of the address layer careers and launch button */
      height: 122px;
      width:560px;
}
* html .BodyBannerLayer img {margin-bottom: -4px;} /*fixes a bug with ie6 */

.BodyInnerLayer {
      width:560px;
}
.RightSideLayer {
      width:560px;
      float:left;
      margin-left: 10px;
}
.BlockNewLayer {
/*
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
*/
	margin:0 0 10px;
	padding:1px 1px 0;

}
.BlockHeight121px { height:121px; }
.BlockHeight141px { height:141px; }
.BlockNewLayer p{
	line-height:.6em;
}
.ServicesTable {
display: table; height: 250px; width: 560px; background: #aaa; _position: relative; overflow: hidden;
}
.ServicesRow {
	width:100%;
	height: 39px;
	margin-bottom: 10px;
	_position: absolute; _top: 50%; display: table-cell; vertical-align: middle;	
}
.ServicesImage {
	width:54px;
	float:left;
	clear:right;
	margin-right: 10px;
}

.BlockBodyContent {
	margin:5px 10px 20px;
}
.InfoLayer {
	margin:15px 10px 10px 10px;
}
.BannerLayer {
	margin-left: 4px;
	position: relative;
	height:82px;
	width:753px;
}
.DynamicContent {
	margin-left: 0px;
	position: relative;
	height:82px;
	width:252px;
	float:left;
	clear:none;
}
.StaticContent {
	position: relative;
	height:82px;
	width:501px;
	float:left;
	clear:none;
}
.BorderTopSplice {
	height:0px;
	margin-top: 10px;
	padding-top: 4px;
	position: relative;
	top:1px;
	width:760px;
	background:transparent url(/planitweb/webimages/page_topSlice.gif) repeat-x scroll center bottom;	
}
* html .BannerLayer {margin-bottom: -4px;} /* fixes a bug with ie6 */

.RequestADemo {
	border:1px solid #CCCCCC;
	margin-top: 16px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding:5px 0px 5px 0px;
	text-align:center;
	background-color: #112B5E;
	color:FFFFFF;
	cursor:pointer;
}
.RequestADemo a{
	 color:white !important; 
	 text-decoration: none;
     font-size: 9pt; 
}

.MenuLayer {
	margin-top: 10px;
}
.BreadCrumbLayer {
	float:left;
	text-indent: 11px;
}
.TimeLayer {
	float:right;
	margin-right:11px;
}
.BreadCrumbTimeLayer {
	line-height: 15px;
	height: 15px;
	width: 100%;
}
	 
.LeftSideLayer {
	position: relative;
	width:153px; 
	height: 420px;
	float:left;
	clear:right;
	background:#FFFFFF url(/planitweb/webimages/leftside_bg.jpg) no-repeat;
}

.CopyLayer {
	clear:both;
	width:760px;
	position: relative;
	text-align:center;
	background:transparent url(/planitweb/webimages/page_btmSlice.gif) no-repeat scroll 0 0;
}
.LaunchLayer {
	position: absolute;
	left:396px;
	top:49px;
	width:110px;
	height:28px;
	z-index:7;
}
.message-contents {
	MARGIN-LEFT: 10%; 
	MARGIN-RIGHT: 10%; 
	text-align:left;
	border:thin;
	border-style:solid;
	border-color:#6779A1;
}

HR { MARGIN:0em 0px; COLOR: #988975; HEIGHT: 1px; BACKGROUND-COLOR: #000 }
#PrinterFriendlyLayer { width: 650px; }

INPUT.hrefbutton {
	text-decoration:none;
	background: #112B5E;
	color: white;
	cursor: pointer;
	text-align:center;
	padding: 1px 5px 0px 5px;	
	font-size: 10pt; 
	border-top: 0px white;
	border-left: 0px white;
	border-bottom: 2px solid #d9d9d9;
	border-right: 2px solid #d9d9d9;
}

INPUT.hrefbutton:hover   {
	background-color: #475268;
	text-decoration: none;
}
.BannerLayerLogin {
	MARGIN-TOP: 0px;  
	position: relative;
	width: 583px;
	height:82px;
	float:left;
}
* html .BannerLayerLogin {margin-bottom: -4px;} /* fixes a bug with ie6 */

#row2Login {
	MARGIN-TOP: 0px;
	BACKGROUND: #082F58;
	position: relative;
	width: 583px;
	height:273px;
	clear:both;
	float:left;
}
#LeftSideLayerLogin {
	position: relative;
	BACKGROUND: url(/planitweb/webimages/HPI-Portal-leftside.jpg) no-repeat;
	width:386px; 
	height: 273px;
	float:left;
	clear:left;
}
* html #LeftSideLayerLogin {margin-bottom: -4px;} /* fixes a bug with ie6 */

#RightSideLayerLogin {
	position: relative;
	BACKGROUND: 082F58;
	width:196px; 
	height: 273px;
	float:left;
}
#BodyLoginLayer {
	position: relative;
	background: url(/planitweb/webimages/ClientPortalLogin_r2_c2.jpg) no-repeat;
	width:196px; 
	height: 273px;
	float:left;
	clear:left;
}
#BodyForgotLayer {
	position: relative;
	background: url(/planitweb/webimages/ClientPortalForgot_r2_c2.jpg) no-repeat;
	width:196px; 
	height: 273px;
	float:left;
	clear:left;
}
#wrapperLogin {
	height:100%;
	margin:0 auto;
	width:583px;
}
#containerLogin {
	background:FFFFFF;
	margin-top: 15px;
}

.CopyLayerLogin {
	clear:both;
	float:left;
	width:588px;
	position: relative;
	text-align:center;
}


.dohmen {
	float:right;
}
.dohmen li {
	padding:5px;
}
.dohmenLayer {
	width:200px;
	float:right;
}