/* 
 * global 
 */
 
* {
	margin: 0px;
	padding: 0px;
	font-family: arial;
	font-size: 12px;
	}

body {
	text-align: center;
	background-color: #f8f8f8;
	}

.global_content {
	margin: auto; width: 800px;
	text-align: left;
	background-color: #fff;
	}
img {
	border: 0; padding: 0; margin: 0;
	}
a {
	text-decoration: none;
	color: #0000ff;
	}
a:hover {
	/* background-color: #0000ff; */
	/*color: #fff;*/
	}
.global_statement {
	border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5;
	padding: 5px 10px 5px 10px;
	}
.highlight {
/*	background-color: #ffffcc;*/
	background-color: #FFFF66;
	}
.right {
	float: right;
	}
.left {
	float: left;
	}
.aright {
	text-align: right;
	}
.aleft {
	text-align: left;
	}
/*
 * tabs
 */
#pnav {
  position: absolute; right: 10px; bottom: 0px; 
  width: 770px; 
  background: url("http://projectlocker.com/images/sd_bg.gif") repeat-x bottom;
  padding: 0px 10px 0px 0px; 
  text-align: right;
  line-height: normal;
  }
#pnav ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#pnav li {
  float: right;
  background: url("http://projectlocker.com/images/left.gif") no-repeat left top;
  margin-left: 0px;
  padding: 0 0 0 9px;
  }
#pnav a {
  float: left;
  display: block;
  background: url("http://projectlocker.com/images/right.gif") no-repeat right top;
  padding: 5px 15px 4px 6px;
  text-decoration: none;
  font-weight: bold;
  color: #f8f8f8;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#pnav a {float:none;}
/* End IE5-Mac hack */
#pnav a:hover {
  color: #333;
  }
#pnav #current {
  background-image: url("http://projectlocker.com/images/left_on.gif");
  }
#pnav #current a {
  background-image: url("http://projectlocker.com/images/right_on.gif");
  color: #444;
  padding-bottom: 5px;
  }
/* 
 * end tabs 
 */

.submenu_header {
 	position: relative; top: 0; 
 	border: 1px solid #e8e8e8; border-top: 0; border-bottom: 0; 
 	height: 32px;
 	}

.menu2 {
  position: absolute; right: 10px; bottom: 0px;
  width: 770px; 
  background: url("http://projectlocker.com/images/sd_bg.gif") repeat-x bottom;
  padding: 0px 10px 0px 0px; 
  text-align: right;
  line-height: normal;
  }
.menu2 ul {
  margin: 0;
/*  padding: 10px 10px 0;*/
  padding-top: 2px;
  padding-left: 5px;
  list-style:none;
  }
.menu2 li {
  float: left;
  background: url("http://projectlocker.com/images/left-light.gif") no-repeat left top;
  margin-left: 0px;
  padding: 0 0 0 9px;
  }
.menu2 a {
  float: left;
  display: block;
  background: url("http://projectlocker.com/images/right-light.gif") no-repeat right top;
  padding: 5px 15px 4px 6px;
  text-decoration: none;
  font-weight: bold;
/*  color: #444;*/
  color: #f8f8f8;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.menu2 a {float:none;}
/* End IE5-Mac hack */
.menu2 a:hover {
  color: #333;
  }
.menu2 .current {
  background-image: url("http://projectlocker.com/images/left_on.gif");
  }
.menu2 .current a {
  background-image: url("http://projectlocker.com/images/right_on.gif");
  color: #444;
/*  color: #f8f8f8;*/
  padding-bottom: 5px;
}

.menu2 img.prod_icon {
	padding-right: 4px;
	margin-bottom: 2px;
}


div.graphical-submenu {
	background: url("http://projectlocker.com/images/sd_bg.gif") repeat-x bottom;
	padding: 0px 10px 0px 0px;
	margin: 0px 10px 0px 10px; 
	line-height: 2.2;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	width: 770px;
}

div.graphical-submenu ul {
/*	list-style: none;
	list-style-type: none;
	text-align: center;
	display: inline;
	text-decoration: none;
	margin: 0;
	padding: 0;
*/
	text-align: center;
 	display: inline;
}

div.graphical-submenu li {
/*	float: left;
	margin-right: 20px;
	display: inline;
	text-decoration: none;
*/

	margin-right: 20px;
	display: inline;
/*	vertical-align: middle;*/
}

div.graphical-submenu img {
	vertical-align: text-bottom;
}

div.graphical-submenu li.selected {
/*	background-color: #c3d9f9;*/
	background: url("http://projectlocker.com/images/left_on.gif")  no-repeat left top;
/*	background-color: #c3d9f9;*/
	padding: 3px;
}

div.graphical-submenu a.selected {
	background: url("http://projectlocker.com/images/right_on.gif")  no-repeat right top;
/*	padding-bottom: 4px;
	padding-top: 2px;
	padding-left: 0px;
	padding-right: 4px;*/
	padding: 5px 15px 4px 6px;
  
}

.navcontainer ul {
/*	margin: 0;
	padding: 0;*/
/*	list-style-type: none;*/
	text-align: center;
}

.navcontainer ul li { 
	display: inline; 
}

.navcontainer ul li a {
/*	text-decoration: none;
	padding: .2em 1em;
	color: #fff;
	background-color: #036;*/
}

.navcontainer ul li a:hover {
/*	color: #fff;
	background-color: #369;*/
}
 
/*
 * header 
 */
.header {
 	position: relative; top: 0; 
 	border: 1px solid #e8e8e8; border-top: 0; border-bottom: 0; 
 	height: 105px;
 	}
.logo1 {
	position: absolute; left: 7px; top: 3px;
	}
.logo2 {
	position: absolute; left: 155px; top: 15px;
	}
.global_foundation {
	background-color: #e8e8e8; 
	background-image: url("http://projectlocker.com/images/body_bg.gif");
	}
.pointer {
	cursor: hand; cursor: pointer
	}
.statement {
	text-align: center; padding-bottom: 7px;
}
.clear {
	float: none; clear: both;
	}
.bg_fff {
	background-color: #fff;
	}
/* 
 * footer
 */
.footer {
	border-top: 1px solid #d5d5d5;
	text-align: center; 
	padding: 5px;
}	
.footer A:link {
	color: #0000ff;
	text-decoration: none; 	
	font-size: 14px;
	font-weight: normal;
	font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
.footer A:active {
	color: #0000ff;
	text-decoration: underline; 	
}
.footer A:hover {
	color: #0000ff;
	text-decoration: underline; 	
}

/*
 * home/products
 */
.scenario_capsule {
	width: 240px !important; 
	width: 236px; 
	/*border-right: 1px solid #d5d5d5 ; */
	border-right: none;
	background-color: #fff; 
	margin: 5px; 
	padding-left: 10px; 
	text-align: left
}
.scenario_title {
	border-bottom: 1px solid #d5d5d5; height: 15px; padding: 2px 2px 3px 7px; margin-bottom: 5px;
	}
.scenario_description {
	 padding: 0px 20px 0px 10px
	 }
.scenario_links {
	padding-top: 10px
	}
.home_products {
	 margin: auto; overflow: none;
	 width: 820px;
	 border: 0px solid #fff;
	 }
.home_products_inner {
	 overflow: none;
	 padding: 5px 10px 5px 12px;
	 position: relative; top: 0; text-align: center;
	 border: 1px solid #d5d5d5;
	 background-color: #f8f8f8;
	 width: 798px !important; width: 820px;
	 }
.home_product {
	float: left; width: 132px; height: 62px;
	margin: 0px 13px 3px 13px;
	font-size: 72px; 
	color: #fff; 
	cursor: hand; cursor: pointer;
	background: url("http://projectlocker.com/images/product_bg.gif") no-repeat;
	}
.home_product_inner {
	width: 120px;
	}
.home_content {
/*	border: 1px solid #d5d5d5; border-top: 0; border-bottom: 0;*/
	border: none;
	padding: 10px;
	padding-top: 10px;
	width: 550px;
	margin-right: auto;
	margin-left: auto;
	}
.home_product_text {
	float: left; width: 132px; margin: 5px 13px 0px 13px
	}
.prod_stmt_control {
	padding: 10px 0px 5px 5px; position: relative; top: 0
}

.prod_right_panel {
	float: right; 
	width: 350px; 
	text-align: center; 
	margin: 0px 5px 10px 20px;
	border-left: thin dotted #666666;
}
.home_source_control {
	width: 132px; height: 62px; 
	background: url("http://projectlocker.com/images/logos/Version Control/48x48/shield.gif") no-repeat 50% 50%;
	}
.home_build {
	width: 132px; height: 62px; 
	background: url("http://projectlocker.com/images/logos/BuildLocker/48x48/hammer.png") no-repeat 50% 50%;
	}
.home_trac {
	width: 132px; height: 62px; 
	background: url("http://projectlocker.com/images/logos/Trac/48x48/flashlight.gif") no-repeat 50% 50%;
	}
.home_analytics {
	width: 132px; height: 62px; 
	background: url("http://projectlocker.com/images/logos/Analytics/48x48/chart.gif") no-repeat 50% 50%;
	}	
.home_document_management {
	width: 132px; height: 62px; 
	background: url("http://projectlocker.com/images/logos/Document Management/48x48/scroll.gif") no-repeat 50% 50%;
	}
.home_wiki {
	width: 132px; height: 62px; 
	background: url("http://projectlocker.com/images/logos/Wiki/48x48/cube_molecule.gif") no-repeat 50% 50%;
	}
.home_mypl {
	width: 132px; height: 62px; 
	background: url("http://projectlocker.com/images/logos/MyProjectLocker/48x48/cabinet.gif") no-repeat 50% 50%;
	}
.ss_container {
	padding: 5px 0 5px 0;
}
.rc_holder { 
 	position: absolute; right: 10px; 
 	border: 1px solid #E6EBEF; padding: 3px; background-color: #f8f8f8
 	}

.prod_stmt {
	padding: 10px 0px 10px 5px; position: relative; top: 0
}

.ss_long_desc { 
 	margin-top: 10px;
 }
.prod_left_panel {
 	padding: 0px 0px 10px 10px; 
	margin: 0px 10px 0px 10px;
 }
.prod_logo {
	float: left; width: 60px; text-align: center; background: transparent; margin-right: 10px;
 }
.prod_desc {
	margin-bottom: 10px; text-align: justify; text-justify: newspaper
}
.selling_point {
	font-size: 12px; color: #666
}
.signupbox {
	margin: 5px 10px 0px 10px; 
	padding: 10px 0px 10px 0px; 
	background-color: #fff; 
	text-align: center; 
	border-top: 1px solid #e8e8e8;
	}
/*
 * Pricing Page
 */
 fieldset {
	padding: 5px 10px 5px 10px;
	margin-bottom: 8px;
	margin-top: 8px;
	border: 1px solid #efebef;
	border-top: 1px solid #d5d5d5 ;
	border-bottom: 1px solid #A8BBC9 ;
}

fieldset.cslanding{
	border-left: 0px; border-right: 0px; background-color: #fff;
	padding: 0px 10px 10px 10px;
	margin-bottom: 10px;
}

fieldset div.note {
	margin-top: 5px; margin-bottom: 5px; 
	padding: 5px; 
	color: #233E7F; border: 1px solid #efebef; 
	font-weight: bold;
	background-color: #FAF9FA; font-size: 13px;
}

fieldset span.msg_txt {
    color: #c12f2f;
    padding-left: 9px;
	font-size: 11px;
	font-weight: normal;
}

fieldset span.msg_txt img{
   margin-right: 5px;
}

fieldset.final {
	padding: 10px;
	margin-bottom: 0px;
	background-color: #e8fcea;
	border: 5px solid #393;
}

fieldset p {
	font-size: 11px;
	margin: 0 0 5px 0;
	padding: 0;
	color: #333;
}

fieldset legend {
margin-bottom: 5px;
	font-size: 18px;
	font-family: arial;
	font-weight: bold;
	color: #233E7F;
	padding: 0 5px;
}

fieldset legend span {
	color: #666;
	font-weight: normal;
	font-size: 80%;
}

fieldset p.main {
	font-size: 12px;
	line-height: 15px;
	color: #222;
	margin: 0 0 10px 0;
	padding: 0;
}

p.main span.highlight{
background-color: #ffffcc;
}

fieldset input {
	padding: 3px;
	margin-bottom: 4px;
}

fieldset input.msg {
   border: 1px solid #c12f2f;
   background: #eee;
}

fieldset select {
	margin-bottom: 4px;
}

fieldset input.users {
	padding: 3px;
	margin-bottom: 0px;
}

fieldset table.main th {
	text-align: right;
	font-size: 11px;
	font-weight: normal;
}

fieldset table.main td {
	text-align: left;
	font-size: 11px;
	font-weight: normal;
}

fieldset table.checkbox td {
	font-size: 12px;
}
fieldset table.checkbox td.label {
	font-size: 16px;
	font-weight: bold;
	color: #803624;
}
#user_block div.user {
 
margin-bottom: 5px;
font-size: 16px;
color: #803624;
font-weight: bold;
}

#stepbar {
  float: right;
  width: 245px;
  border-left: 1px dotted #ccc;
  }
  
 #print_container{float: right; padding-right: 5px;}
 *.rm_top_3{margin-top: 3px;}
 img.m_top_5{margin-top: 5px;}
 m_0{margin: 0px;}
 span.step_highlight{width: 275px; float: right; background-color: #FFFF99; color: #333}
#step_form_container{width: 505px !important; width: 485px; padding-left: 10px;padding-right: 10px;padding-bottom: 10px;}
#box {margin-top: 5px}
#box_container {padding: 10px;margin-bottom: 5px;}
#sidebar {border: 1px solid #d5d5d5; padding: 0px 10px 0px 10px; margin-bottom: 15px; margin-top: 5px; background-color: #f8f8f8}
#sidebar1 { float: right; width: 225px; margin-right: 10px; padding-top: 0px }
#sidebar2 { float: right; width: 235px; margin-right: 10px; padding: 11px !important; padding: 20px 0px 10px 10px; }

#sidebar ul { 
	padding: 0px 5px 5px 15px; 
	list-style-type: none;
}

p.meta {
	font-size: 75%;
	text-align: right;
	margin-right: 5px;
	margin-top: 5px;
}

p.auth {
	background: transparent;
	color: #9A9A9B;
	font-size: 12px;
	font-weight: normal;
	margin-left: 10px;
	padding: 0px 0px 10px 12px;
}

.post h2 a, .post h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.3em;
	color: #233E7F;
}

div.post {
	padding-top: 15px;
}

h4.blueblk {
	background: #8ab3d1;
	padding: 5px;
	margin: 10px 0;
	border: 1px solid #1b619b;
	}

/*+-------------------------------------------+
 |   			      COMMENTS						         |
 +-------------------------------------------+*/
.comment-box div {
	margin-top: 15px;
}

 .comment-list li, #preview {
 	background: #d3e0ea;
 	padding: 5px;
 	margin-bottom: 8px;
 	color: #555;
 	clear: right;
 	min-height: 60px;
 	}
 	
 .gravatar {
 	float: right;
 	padding: 0 5px;
 	}

 .spamwarning {
	margin: 0.5em;
	background: red;
	font-weight: bold;
	font-style: italic;
 }

.postmetadata a {
	display: none;
}


.sidebar_inner_header { font-size: 20px; font-weight: bold; font-style: normal; color: #233E7F }
#sidebar h3 { color: #000; font-size: 12px;  padding: 5px;} 
#sidebar p { margin-bottom: 20px; margin-top: 5px; font-style: italic; border-bottom: 1px dotted #d5d5d5; padding: 10px 10px 5px 10px } 
#sideimg { margin-left: 20px; padding: 10px;  } 
#insidecontent h3.error {
  margin: 0pt;
  padding: 5px 10px;
  background: #c12f2f none repeat scroll 0%;
  color: #ffffff;
  font-family: arial,verdana,arial,helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
  }
  div.errorMessage {
  border: 1px solid #dc5858;
  padding: 15px 15px 0pt;
  margin-bottom: 15px;
  }
  #insidecontent div.errorMessage ul li {
  padding: 2px 0px 2px 10px;
  margin-left: 12px;
   list-style-type: circle;
  list-style-image: none;
  list-style-position: outside;
  font-size: 11px;
  }
  
  ul.normallist li {
  padding: 2px 0px 2px 10px;
  margin-left: 12px;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  font-size: 11px;
  }
  
  span.productlist {
  font-weight: bold;
  font-size: 16px;
  color: #803624
  }
    span.productlistuser {
  padding-left: 10px;
  font-weight: normal;
  font-size: 12px;
  color: #233E7F
  }
  
  #submitbox {
margin-bottom: 5px;
  }
#submitbox a {text-decoration: none;}
#submitbox a:hover {
	background-color: #ffffff; 
	color: #fff;
	}
	
	
	h3.quote_title {
  margin: 0px;
  padding: 6px 8px 12px;
  display: block;
  background-image: url(http://projectlocker.com/images/bg_quote_upper.gif);
  width: 244px;
  font-size: 75%;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  color: #412300;
  }
  blockquote.quote_content {
  margin: 0px 0px 8px;
  padding: 0px;
  background-image: url(http://projectlocker.com/images/bg_quote_lower.gif);
  background-position: left bottom;
  width: 260px;
  }
  div#body_content blockquote.quote_content p {
  margin: 0px 15px;
  padding: 0px 0px 10px;
  font-family: georgia,"times new roman",times,serif;
  font-size: 85%;
  line-height: 160%;
  }
  div#body_content blockquote.quote_content p.attribution {
  margin: 0px 15px;
  padding: 0px 0px 12px;
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 80%;
  line-height: 120%;
  text-align: right;
  }
  
#sidebar p {
	color: #4f4f4f;
	font-size: 11px;
	margin-bottom: 10px; padding-bottom: 10px;
}
#sidebar p.quote {
	margin: 0;
	color: #000;
}
#sidebar p span { 
	display: block;
	padding: 0px 0 0 0px;
	color: #666;
}
#sidebar p span.quotetext {
	line-height: 16px; margin-bottom: 5px
	}
#sidebar p span.quoteauthor {
	font-weight: bold;
	color: #233E7F;
	text-align: right;
	font-style: normal;
} 

/* products_page */
.product_intro { 
	margin: 0px 100px 5px 30px;
	font-size: 12px; 
	font-weight: normal; 
	font-style: normal; 
	color: #4f4f4f; 
	font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
div.product_catalog {
	padding: 5px 10px 10px 30px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
div.product_listing {
	float: left;
	padding: 30px 10px 10px 0px;
	width: 175px;
/*	border: 1px solid #e1e1e1; */
}
div.product_icon_logo {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

div.product_name a:visited { 
	font-size: 14px; 
	font-weight: bold; 
	font-style: normal; 
	color: #4f4f4f; 
	font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
div.product_name a:link { 
	font-size: 14px; 
	font-weight: bold; 
	font-style: normal; 
	color: #4f4f4f; 
	font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
div.product_name a:hover { 
	font-size: 14px; 
	font-weight: bold; 
	font-style: normal; 
	text-decoration: underline;
	color: #4f4f4f; 
	font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
div.product_name a:active { 
	font-size: 14px; 
	font-weight: bold; 
	font-style: normal; 
	text-decoration: underline;
	color: #4f4f4f; 
	font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}

div.product_learn_more a {
	color: #0000ff;	
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}

div.product_learn_more a:hover { 
	text-decoration: underline;	
}
div.product_blurb {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #666666;
	font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}

div.prod_list_title {
	font-size: 20px; color: #666; font-weight: normal;
}
div.prod_list_sub_title {
	font-size: 14px; color: #000; font-weight: normal;
}

.prod_list_container {
	margin-left: 20px;
}
.prod_list_header_container {
	padding: 20px 10px 10px 10px;
	background: url('http://projectlocker.com/images/prod_box_rounded.gif') top left transparent no-repeat;
}

div.prod_list_text { 
/*	float: right; */
	padding: 5px;
/*	width: 210px !important; width: 190px; */
}	

.prod_list_logo {
	float: left;
	border: none;	
	padding: 5px 15px 5px 10px;	
}


/* cs */
#csmainbody {
	 width: 545px !important; width: 535px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px;
	 }
#csmainbody2 {
	 width: 545px !important; width: 525px; padding-left: 15px; padding-right: 5px; padding-bottom: 10px;
	 }
#cs_landing_body {
	 width: 540px !important; width: 520px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px;
}
.cs_summary {
	margin-top: 10px; margin-left: 10px; border-bottom: 1px solid #d5d5d5
	}
.cs_header_container {
	padding: 10px 0px 10px 0px
	}
.cs_person {
	font-size: 13px; font-weight: bold; color: #233E7F;
	}
.cs_readmore {
	float: right; text-align: right; width: 80px;
	}
.cs_quote_container {
	margin-top: 3px
}
#cs_statement {
	padding: 10px 0px 10px 0px
}
#cs_fieldset {
	border: 0px; background-color: #fff
	 }
.cs_logo {
	border: 5px solid #e8e8e8; padding: 0px;
	}
#sideadobe {
	 border: 1px solid #e1e1e1; padding: 5px 10px 5px 10px; margin-bottom: 10px; background-color: #f8f8f8
}
div.csprofile {
	padding: 5px;
	margin-bottom: 15px;
	border: 1px solid #efebef;
	border-top: 0px solid #A8BBC9 ;
	border-bottom: 0px solid #A8BBC9 ;
}
div.cshdr { 
	float: right; width: 410px !important; width: 390px; padding: 5px;
}
div.cshdr_edic { 
	float: right; width: 310px !important; width: 290px; padding: 5px;
}
div.cshdr_edic span.cshighlight { 
	font-size: 20px; color: #233E7F; 
	font-weight: bold; font-style: italic;
	}
span.csmsg {
	font-size: 20px; color: #666; font-weight: normal;
}
div.cshdr span.cshighlight { 
	font-size: 20px; color: #233E7F; 
	font-weight: bold; font-style: italic;
	}
div.cscompprofile { 
	background-color: #f8f8f8; padding: 10px;
	}
div.cscompprofile p span { 
	display: block;
	line-height: 20px;
	color: #666;
}
div.cscompprofile p span.quotetext { 
     font-size: 13px;
     font-style: italic;
     }
div.cslanding_box {margin-top: 20px;}
     
#cssidehdr{ 
	background-color: #f8f8f8; padding: 5px 0px 5px 10px; 
	font-size: 16px; color: #666; font-weight: bold; 
	border-bottom: 5px solid #E6EBEF;
	}
#cssidebenefitshdr{
	background-color: #233E7F; padding: 7px 5px 7px 7px; 
	font-size: 18px; color: #f8f8f8; font-weight: normal; border-bottom: 2px solid #fff;
	}
#cssubtitle{
 	margin: 0px 10px 5px 0px; 
 	font-size: 13px; font-family: arial; color: #222; 
 	padding: 15px 10px 15px 10px; 
 	border: 1px solid #e8e8e8; 
 	background-color: #f8f8f8;
 	}
#cstitle{
	margin-bottom: 10px;
	}
#cssubtitle{
	margin-bottom: 5px;
	}
div.cssectionhdr{ 
	padding-top: 5px; margin-bottom: 5px; padding-left: 5px; 
	font-size: 18px; font-weight: normal; color: #333 
	}
div.csp p {
	padding: 0 10px 0 5px;
	text-align: justify; text-justify: newspaper; 
	padding-bottom: 5px; margin-bottom: 5px; 
	font-size: 13px; color: #333; 
	}
#cssidebenefitsbox {
	border: 1px solid #e1e1e1; padding: 10px; margin-bottom: 15px; 
	background-color: #f8f8f8
	}
#csbenefitslist li {
  padding: 2px 0px 2px 6px;
  margin-left: 12px;
  list-style-type: square;
  list-style-image: none;
  list-style-position: outside;
  font-size: 12px;
}

/*
 * scenario
 */
#sc_container {
	 padding: 10px; margin: 0px 10px 0px 10px;
}
#sc_right_container {
	float: right; width: 440px; border-left: 1px solid #d5d5d5; background-color: #fff; padding: 0px 5px 0px 20px; margin-left: 20px
	 }
.sc_product {
	padding: 0px 5px 10px 5px; margin: 0px 5px 5px 5px
	}
.sc_product_logo {
	width: 60px; text-align: center; background: transparent
	}
.sc_product_desc {
	text-align: justify; text-justify: newspaper;
	}
.sc_product_title {
	margin: 5px 0px 5px 0px;
	}
.sc_product_title_strip {
	 border-bottom: 1px solid #d5d5d5; padding-top: 5px; background-color: #f8f8f8
	 }
.sc_product_title_desc {
	margin-top: 5px
	}
.sc_product_links {
	 padding-top: 5px
}
#sc_whatsay {
	padding: 0 5px 0 5px
	}
#sc_whatsay_title {
	font-size: 18px; font-weight: bold; color: #233E7F; letter-spacing: -1px; padding: 5px
	}
#sc_testimonial_container {
	padding: 5px; text-align: justify; text-justify: newspaper
	}
.sc_testimonial {
	border-top: 1px dotted #d5d5d5; padding: 10px; font-style: italic; line-height: 15px;
	}
.sc_testimonial p {
	padding: 10px 0px 5px 0px
	}
.sc_testimonial_position {
	color: #A8BBC9
	}
.sc_testimonial_name {
	color: #233E7F
	}
/**
 * whats this?  its this! 
 */
.whatsthis {
 	position: relative; top: 0;
	font-size: 12px; color: navy; font-weight: normal;
	z-index: 100;
 	}
.whatsthis_link{
    padding-left: 1px;
}
.itsthis {
	display: none; 
	position: absolute; top: 16px !important; top: 25px; left: -75px; 
	width: 260px; 
	z-index: 999
	}
.itsthis .top {
 	height: 19px;
 	background: url('http://projectlocker.com/images/itsthis_top.gif') top left transparent no-repeat;
 	}
.itsthis .middle {
 	padding: 1px 20px 10px 30px; 
 	font-size: 12px;
 	background: url('http://projectlocker.com/images/itsthis_body.gif') top left transparent repeat-y;
 	}
.itsthis .bottom {
	height: 14px;
	background: url('http://projectlocker.com/images/itsthis_bottom.gif') top left transparent no-repeat;
	}
.itsthis_title{
    font-size: 11px;color: green; font-weight: bold;
}
.itsthis_desc {
    font-size: 10px;
}
/* 
 * terms
 */
p.terms {
   padding: 10px 40px 10px 40px;
}
#termsbox{
    padding-left: 10px;
    padding-right: 10px;
}
/* product comparison table */
.superscript {
	vertical-align: top;
}
.clarifier {
	text-align: center;
	font-size: 10px;
}

.service_level_detail { 
	font-size: 12px; 
	font-weight: normal; 
	font-style: normal; 
	color: #4f4f4f; 
	font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}

#lite_container {
	padding: 10px; 
	margin: 0px 10px 0px 10px;
}

#comp_container {
	padding: 5px; 
	margin: 10px 20px 0px 20px; 
	border: 0px solid #d5d5d5;
	}
.comp_row {
	border-bottom: 1px solid #d5d5d5;
	padding-bottom: 5px;
	}
.comp_header_row {
	border-bottom: 1px solid #d5d5d5;
	border-top: 1px solid #d5d5d5;
	}
.comp_data {
	padding: 5px; 
	background-color: #fff; 
	float: right; 
	text-align: center; 
	width: 100px;
	}
.comp_label {
	padding: 5px; 
/*	background-color: #f8f8f8; */
	text-align: right;
	}
.comp_header {
	padding: 5px; 
	background-color: #f8f8f8; 
	text-align: center;
	float: right;
	width: 100px;
	}
.comp_header_left {
	padding: 5px; 
	background-color: #f8f8f8; 
	text-align: center;
	}

/* contact us */
#cu_container {
	padding: 5px; margin: 10px 130px 0px 130px; border: 0px solid #d5d5d5;
	}
.cu_row {
	border-bottom: 1px solid #d5d5d5
	}
.cu_data {
	padding: 5px; background-color: #fff; float: right; text-align: left; width: 300px
	}
.cu_label {
	padding: 5px; background-color: #f8f8f8; text-align: right;
	}
	
div.thumb-shadow img {
	position: absolute;
	top: 1px;
	left: 1px;
}
	
div.thumb-shadow {
	width: 133px;
	height: 133px;	
	margin-left: 2px;
	position: relative;
	float: left;
	display: inline;
	background: url(http://projectlocker.com/images/screenshots/thumb_shadow.jpg) no-repeat left top;
}

div.screenshot-shadow img {
	position: absolute;
	top: 1px;
	left: 3px;
}

div.screenshot-shadow {
	width: 400px;
	height: 280px;	
	margin-left: 7px;
	position: relative;
	float: left;
	display: inline;
	background: url(http://projectlocker.com/images/screenshots/shadow_border.gif) no-repeat left top;
}	

div.tall {
	height: 503px;
}

ul.product-feature {
	list-style-image: url(..http://projectlocker.com/images/check.gif);
	list-style-type: circle;
	list-style-position: inside;
}

ul {
	list-style-position: inside;
}

ul.product-feature li {
	margin-bottom: 3px;
}

div.news_block {
	display: block;
	padding-bottom: 12px;
	margin-left: 10px;
}

div.news_summary_headline {
	font-size: 14px;
}

div.news_summary_headline A {
	color: #0000ff;
	text-decoration: none; 	
	font-size: 14px;
	font-weight: bold;
	font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}

div.news_summary_headline A:hover {
	text-decoration: underline; 	
}

div.news_headline {
	padding-top: 10px;
	font-size: 20px; 
	color: #666; 
	font-weight: normal;
}

div.news_dateline {
	color: #666; 
	font-weight: normal;
}

div.news {
	border: 0px; 
	background-color: #fff
}

div.news_sidebar {
	float: right; 
	width: 200px; 
	margin-right: 10px; 
	margin-top: 50px;
	!important; 
	padding: 0px 0px 0px 00px; 
}

div.news_image_link img {
	margin-right: 3px;
	padding-top: 0px;
	display: inline;
	float: left;
}

div.news_body p {
	padding: 0 10px 0 0px;
	text-align: justify; text-justify: newspaper; 
	padding-bottom: 5px; margin-bottom: 5px; 
	font-size: 13px; color: #333; 
}

div.news_title_block {
	display: block;
	padding-bottom: 10px;
}

.front_page_testimonial {
	font-size: 16px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}

.front_page_link {
    color: #587591;
    font-size: 16px;
}

.screenshot_thumb {
	float: left; text-align: center; background: transparent; margin-right: 7px; margin-left: 10px;
}

.screenshot_header {
	text-align: left;
	margin-top: 5px;
}

div.screenshot_column_header {
	padding-top: 2px;
	font-size: 20px; 
	color: #666; 
	font-weight: normal;
}

div.screenshot_subhead {
	padding-top: 2px;
	font-size: 12px; 
	color: #666; 
	font-weight: normal;
}

div.testimonial_block {
	padding-top: 10px;
}

div.resources_icon {
	float: left; 
	width: 40px; 
	text-align: center; 
	background: transparent; 
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.contact_us_header {
	padding-left: 8px;
	border-left: thin dotted #666666;
}

