@charset "utf-8";
/* Geneal Rules */
body {
	background-color: #a7a5a6;
	background-image: url(/img/layout/bg_page.jpg); 
	background-repeat: repeat-x;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
}
#wrapper {
	margin:auto; width:900px;
}
#h1,h2,h3,h4,h5,h6,p { margin:0px; padding:0px; }
img { margin:0px;}
/* ------------------------------- */

/* Top elements */
#search {
	margin:auto; 
	padding-left:600px;
	padding-top:10px; 
}

#searchwrapper {
	width:142px; /*follow your image's size*/
	height:26px;/*follow your image's size*/
	background-image:url(/img/layout/searchbox.gif);
	background-repeat:no-repeat; /*important*/
	padding:0px;
	margin:0px;
	position:relative; /*important*/
}

#searchwrapper form.searchForm { display:inline ; }
 
.labelSearch{
	border:0px; /*important*/
	background-color:transparent; /*important*/
	position:absolute; /*important*/
	top:4px;
	left:-52px;
	width:112px;
	height:17px;
}
.searchbox {
	border:0px; /*important*/
	background-color:transparent; /*important*/
	position:absolute; /*important*/
	top:4px;
	left:2px;
	width:112px;
	height:17px;
	color:#999;
	padding-left:5px;
}
 
.searchbox_submit {
	border:0px; /*important*/
	background-color:transparent; /*important*/
	position:absolute; /*important*/
	top:4px;
	left:112px;
	width:32px;
	height:28px;
}

#searchResults a { color:#0000FF; }
#searchResults strong { color:#000; }
#top {
	background-image:url(/img/layout/bgpage_top.jpg); background-repeat: no-repeat;
	height:55px;
	margin-top:0;
}
#header{
	background-image:url(/img/layout/bgpage_header.jpg); background-repeat: repeat-y;
	height:103px;
}

#header #logo {
	position:relative;
	left:57px; top:-35px;
	width:682px; height:81px;
	z-index:2;
}
#header #slogan {
	position:relative;
	float:left; 
	top:-45px;
	width:420px;
}
#apDiv1 {
	position:relative;
	left:57px;
	top:-35px;
	width:282px;
	height:81px;
	z-index:1;
}
#topbuttons {
	position:relative;
	left:450px;
	top:-120px;
/*	width:300px;*/
	height:50px;
	z-index:-1;
}

#apDiv2 {
	position:relative;
	left:483px;
	top:192px;
	width:463px;
	height:41px;
	z-index:1;
}
#apDiv3 {
	position:relative;
	left:580px;
	top:-140px;
	width:186px;
	height:151px;
	z-index:-1;
}

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

/* Navigation Bar */
#navBar {
	padding-top:2px; 
	padding-left:9px; 
	padding-right: 10px; 
	width:809px; 
	background-image:url(/img/layout/bgpage_body.jpg); 
	background-repeat: repeat-y;
}
.lastItem {	
	border-right-width: 2px; border-right-style: solid; border-right-color: #999999;
}

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

/* Page Body */
#pageBody {
	background-image:url(/img/layout/bgpage_body.jpg); background-repeat: repeat-y;
	margin-top:0px;
	width:838px;
	clear:both;overflow:hidden; float:none;
}/**//*;*/
#pageBody h1{
	/* 2010-07-29
	   Change the h1 color to green
	color:#252525; 
	*/
	color:#006600;
	font-size:18px;
	font-weight:bold;
}
#pageBody h2{
	color:#252525; 
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}
#pageBody p {
/*	color:#727779; */
	color: #333333;
	line-height:18px; 
	padding-bottom:14px;
}
#pageBody li {
	margin: 1em 0;
}
.clearfix:after {content: "."; /* This dot is the actual appended content */
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;}
/* ------------------------------- */


/* Bottom Elements */
#bottom {
	background-image:url(/img/layout/bgpage_bottom.jpg); background-repeat: no-repeat; height:55px;clear:both;
}


#footer {
	margin:auto;
	padding-bottom:20px;
	width:780px; height:50px;
}
#footer #logos {
	width:160px;
	float:left;
}
#footer #socialNetworks {
	float:left;
	width:150px;
	text-align:right;
}
#footer #footerMenu { width:410px;float:left; text-align:right;}
#footer #footerMenu ul { list-style:none; margin: 0; padding: 8px 0px;}
#footer #footerMenu ul li { display:inline; }
#footer #footerMenu ul li a:link{
	font-size:12px;
	font-weight:bold;
	color:#000000;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #999999;
	padding:4px;
	text-decoration:none;
}
#footer #footerMenu ul li a:hover{
	font-size:12px;
	font-weight:bold;
	color:#000000;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #999999;
	padding:4px;
	text-decoration:underline;
}
#footer #footerMenu ul li a:visited{
	font-size:12px;
	font-weight:bold;
	color:#000000;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #999999;
	padding:4px;
	text-decoration:none;
}
#simplerGroup {clear:both;font-size:10px;color:#727779;text-align:right;padding-right:65px;}
#simplerGroup a {color:#727779;text-decoration:none;}
#simplerGroup a:hover {color:#727779;text-decoration:underline;}
#simplerGroup a:visited {color:#727779;text-decoration:none;}

/* Scott's Changes */

#oneColumn
{
	padding: 10px 35px 0px 25px;
}
#homePageSidebar
{
	width:170px; 
	float:left; 
}
#homePageMainContent
{
	width:600px;  
	float:left; 
}
#carousel
{
	margin: 0 20px 10px 9px;
	height: 15px;
	background-color: #dedcdd;
}
div.col50 
{ 
	width: 45%;
	padding: 0 10px;
	float:left;
}
blockquote.error
{
	padding: 12px 12px 12px 36px;
	margin: 0 5%;
	font-size: 1.2em;
	color:#990000;
	border: 1px dotted #d99d80;
	border-left: 7px solid #d99d80;
	background: #ffded5 url(/img/blockquote_error.png)  no-repeat 10px center;
}

blockquote.success
{
	padding: 12px 12px 12px 36px;
	margin: 0 5%;
	font-size: 1.2em;
	color:#00CC00;
	border: 1px dotted #a1d97e;
	border-left: 7px solid #a1d97e;
	background: #dfffda url(/img/blockquote_success.png)  no-repeat 10px center;
}

blockquote p
{
	margin: 0px;
	text-indent: 0px;
}

form.simple
{
	width: 700px;
/*	margin-top: 2em;
	margin-bottom: 2em; */
}

	form.simple fieldset
	{
		border: 1px solid #a7a5a6;
		padding: 6px;
		margin-top: 15px;
	}
	
	form.simple fieldset.buttons
	{
		text-align: center;
	}

		form.simple fieldset legend
		{
			font-weight: bold;
			padding: 0em 1em;
			color: #334400;
		}
	
	form.simple label
	{
		width: 200px;
		display: block;
		float: left;
		text-align: right;
		font-weight: bold;
		margin-right: 10px;
	}
	
	form.simple label.right
	{
		display: inline;
		float: none;
		text-align: left;
	}
	
	form.simple label.standalone
	{
		display: block;
		float: none;
		text-align: left;
		width: auto;
	}
	
	form.simple div.item
	{
		clear: both;
		margin-bottom: 1em;
	}
	
	form.simple p.small
	{
		margin-left: 170px;
	}
	
	form.simple input
	{
		width: 250px;
	}

	fform.simple select
	{
		/*width: 200px;*/
	}
	
	form.simple textarea
	{
		width: 250px;
		height: 7em;
		font-family: inherit;
		font-size: 80%;
	}
	
	form.simple input.checkbox
	{
/*		text-align: right; */
		width: 10px;
	}
	
	form.simple input.file
	{
		width: auto;
	}
	
	form.simple input.radio
	{
		text-align: right;
		margin-left: 100px;
		width: 10px;
	}

form.simpleAdmin
{
	width: 750px;
/*	margin-top: 2em;
	margin-bottom: 2em; */
}

	form.simpleAdmin fieldset
	{
		border: 1px solid #a7a5a6;
		padding: 6px;
		margin-top: 15px;
	}
	
	form.simpleAdmin fieldset.buttons
	{
		text-align: right;
	}

		form.simpleAdmin fieldset legend
		{
			font-weight: bold;
			padding: 0em 1em;
			color: #334400;
		}
	
	form.simpleAdmin label
	{
		width: 200px;
		display: block;
		float: left;
		text-align: right;
		font-weight: bold;
		margin-right: 10px;
	}
	
	form.simpleAdmin label.right
	{
		display: inline;
		float: none;
		text-align: left;
	}
	
	form.simpleAdmin label.standalone
	{
		display: block;
		float: none;
		text-align: left;
		width: auto;
	}
	
	form.simpleAdmin div.item
	{
		clear: both;
		margin-bottom: 1em;
	}
	
	form.simpleAdmin p.small
	{
		margin-left: 170px;
	}
	
	form.simpleAdmin input
	{
		width: 450px;
	}

	form.simpleAdmin select
	{
		width: 200px;
	}
	
	form.simpleAdmin textarea
	{
		width: 450px; 
		height: 7em;
		font-family: inherit;
		font-size: 80%;
	}
	
	form.simpleAdmin input.checkbox
	{
		text-align: right;
		width: 10px;
	}
	
	form.simpleAdmin input.file
	{
		width: auto;
	}
	
	form.simpleAdmin input.radio
	{
		text-align: right;
		margin-left: 100px;
		width: 10px;
	}

.minor
{
	font-weight: normal !important;
	font-size: 80%;
}
	
.formerror {position:relative; left:210px; color:#FF0000;}	

/* TABLES */

.table1 {border: 2px solid #900;border-collapse:collapse;width:100%}
	.table1 td {background: #fff url("/img/sprites.gif") repeat-x 0 -1600px;padding:3px;border: 1px solid #fff}
	.table1 th {text-align:left;border: 1px solid #fff}
	.table1 thead th {color:#fff;font-size:145%;background: #900 url("/img/sprites.gif") repeat-x 0 -1300px;padding: 10px 6px}
	.table1 tbody th {color:#fff;font-size:115%;background: #88b8db url("/img/sprites.gif") repeat-x 0 -1400px;padding: 6px}
	.table1 tbody th.sub {font-size:100%;color:#000;background: #efefef url("/img/sprites.gif") repeat-x 0 -1500px;padding: 6px}

	.pagination {background: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em}
	.pagination p {position:relative;text-align:right}
	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc}
	.pagination p a:hover {background:#c00;color:#fff}
	.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
	.pagination * {margin:0}
	.pagination h4 {margin-top:-1.45em;padding:0;border:none}
	.pagination .current {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}

div.clear {clear:both;}

/* Product List Grid Layout */
#productList 
{
    float:left;
	width:230px;
	padding:5px;
}
#productList .productCell
{
	padding:10px;
	text-align:center;
}
#productList .grid, #productList p
{
	padding-top:5px;
	padding-bottom:5px;
}

#libraryList 
{
    float:left;
	width:140px;
	padding:5px;
}
#libraryList .libraryCell
{
	padding:10px;
	text-align:left;
}
#libraryList .grid, #libraryList p
{
	padding-top:5px;
	padding-bottom:5px;
}



/* Step Caroursel */
.stepcarousel{
left:20px;
position: relative; /*leave this value alone*/
/*border-top: 10px solid black;*/
border-left:30px solid white;
border-right:30px solid white;
border-bottom:10px solid white;
overflow: scroll; /*leave this value alone*/
width: 730px; /*Width of Carousel Viewer itself*/
height: 115px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 100px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
text-align:center;
}

/* End Scott's Changes */

/* Mike's Changes */

.treeview-title {
	background-color:#339966; 
	border-top:4px solid #99CC99; 
	border-bottom:4px solid #99CC99; 
	width:220px; 
	padding: 6px 10px;
	margin-left: -15px;
	text-align:center;
}

#jstree {
    float : left;
	width: 236px;
	margin-left: -15px;
	border: 2px solid #ccc;
}

#templateContent {
    display : inline-block;
    width   : 530px       ;
	margin-top: -50px;
	padding-left:15px;
}

.template_grid_cell_full {
    margin-bottom  : 30px  ;
    padding-bottom : 10px  ;
    text-align     : center;
}

.template_grid_cell {
/*    width            : 258px ; */
	width            : 120px ;
    margin-right     : 5px  ;
    float            : left  ;
    margin-bottom    : 10px  ;
    text-align       : center;
    padding-bottom   : 10px  ;
	border           : 1px solid #ccc;
}

.template_grid_cell_full h1,
.template_grid_cell h2 {
    color       : #444444 !important;
    font-size   : 12px !important   ;
    font-weight : bold !important ;
}

.selectedTreeNode {
    font-weight : bold;
}
/* End Mike's Changes */

.breadcrumb {
	font-size: 12px;
	padding: 5px 0;
}