/**************************
		LAYOUT
**************************/

html, body{
	margin:0;
	padding:0;
	font-size: 100%;
	height: 100%;
}

body{
 	color:#566477;
  	font-family: Arial, helvetica, sans-serif;
  	font-size: 80%;
  	line-height: 1.4em;
}

.html_bg{background: url(images/html_bg.png) top left;}

#bg_overlay{
	width: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 0 -190px 0;
	padding: 0;
	min-height: 100%;
	background: url(images/html_bg_overlay.png) bottom left repeat-x fixed;
}

#page{padding: 180px 0 20px 0;}

#container{
	padding:0;
	width:938px;
	margin: 0 auto 103px auto; /* 103px pushing the background gradient overlay the extra bit needed to cover the footer*/
	background: url(images/container_bg.png) top left;
	position: relative;
}

#header{
	height:177px;
	position: relative;
	top: -177px;
	width:938px;
	background: url(images/header_bg*-trans.png) top left no-repeat;
}

#content{
	margin-top: -177px;
	padding: 0 17px;
	padding-top: 50px;
	background: url(images/content_top.png) top left no-repeat;
	background-position: 282px 0px;
}

#mainContent{
	width: 550px;
	padding: 0 20px 0 0;
	margin: 0 0 -120px 307px; /*For indenting from left sidebar & overlapping content with footer*/
	min-height: 435px;
	background: url(images/watermark.png) center center no-repeat;
	position: relative;
	z-index: 10;
}

#sidebar{
	float: left;
	width: 195px;
	padding: 0 0 34px 35px;
	margin: -30px 0 0px 0;
	color: #fff;
	z-index: 10;
	position: relative;
}

#primary_links{
	background: url(images/primary_links_bg.jpg) repeat-x top right;
	height:32px;
	padding:0 20px 0 40px;
	position: absolute;
	right: 17px;
	top:-11px;
	min-width: 420px;
	max-width: 555px;
	z-index: 20;
}

.links_edge{
	width: 40px;
	height: 32px;
	background: url(images/links_edge.jpg) bottom left no-repeat;
	float: left;
	margin-left: -40px;
	z-index: 12;
}

#page-title{margin: 0 0 20px 0; padding-bottom: 4px; width: 100%; border-bottom: 1px dotted #ccc;}
#page-title h1{font-size: 1.7em;}

/************************
		FOOTER
************************/
#footer{
	width: 938px;
	height: 103px;
	background: url(images/footer_bg*-trans.png) top left no-repeat;
	text-align:center;
	margin: /*-29*/0px auto 0 auto;
	position: relative;
	bottom: -103px;
	z-index: 5;
}

#footer_text{
	color:#666;
	font-size: .8em;
	position:absolute;
	bottom: 50px;
	left: 17px;
	height: 12px;
	width: 905px;
}

#footer_text p{padding: 0; margin: 9px 0 0 0;}

.footer_links{padding-top: 9px; margin-left: 50px;}

.footer_links a, .footer_links a.active, .footer_links a:visited{
	color: #666;
	padding: 0 12px 0 12px;
	margin: 0;
	border-right: 1px solid #ccc;
	float: left;
	text-transform: capitalize;
}

.footer_link a:hover{color: #303030;}

.fine_print a, .fine_print a.active, .fine_print a:visited{
        color: #666;
        padding: 0 4px 0 4px;
        margin: 0;
        text-transform: capitalize;
/*        border-right: 1px solid #ccc; 
        float: left; 
        text-transform: capitalize;*/
}

.fine_print a:hover{color: #303030;}

.footer_links .last a{border-right: none;}

/***************************
		LOG IN SECTION
***************************/
#login-wrapper{position: absolute}

#header #login {
	width:230px;
	height: 120px;
	position:relative;
	background: url(images/client_login.gif) top left no-repeat;
	left: 52px;
	top: 40px;
}

#header #edit-name, #header #edit-pass, #header #edit-name-1{/* The name-1 Values are due to forms taking priority over #edit-name such as the contact form*/
	border: 0;
	margin: 0 0px 6px 0;
	background: url(images/login_field_bg.gif) no-repeat;
	padding: 3px 9px 3px 9px;
	width: 120px;
}

#header #edit-name-wrapper label, #header #edit-name-1-wrapper label{
	position: absolute;
	top: 32px;
	left: 0px;
}

#header #edit-pass-wrapper label{
	position: absolute;
	top: 57px;
	left: 0px;
}

#header #edit-name, #header #edit-name-1{
	position: absolute;
	right: 0;
	top: 30px;
}

#header #edit-pass{
	position: absolute;
	right: 0;
	top: 55px;
}

#header #user-login-form .item-list ul li{
	list-style: none;
	text-transform: capitalize;
	font-size: .9em;
	position: absolute;
	left: 0px;
	margin: 0;
	top: 92px;
} /* Request new password*/

#header #login label {font-size: .9em;}/* Name / Password texts*/

#header #login .form-submit {
	margin: 0;
	width: 70px;
	padding: 0;
	position: absolute;
	right: 0;
	top: 90px;
}

.form-required{color: #ae2517;}

/***************************
		RANDOM FIXES
***************************/
.profile, .standard{display: inline;}/* For getting edit and profile pages to line up properly*/

.clearer{clear: both;}

table{border: 0; border-top: 0;}


/*********************************
		FRONT PAGE FORMATTING
*********************************/
.front .tl a{color: #169bfa;}
.front .tl p{border-left: 3px solid #169bfa; padding-left: 10px;}

.front .tr a{color: #fb5474;}
.front .tr p{border-left: 3px solid #fb5474; padding-left: 10px;}

.front .bl a{color: #04c400;}
.front .bl p{border-left: 3px solid #04c400; padding-left: 10px;}

.front .br a{color: #f76900;}
.front .br p{border-left: 3px solid #f76900; padding-left: 10px;}

.front h4{
	padding-left: 35px;
	padding-top: 3px;
	padding-bottom: 4px;
	margin-left: 13px;
	margin-bottom: -5px;
	background: url(images/service_arrow.png) left center no-repeat;
}

/*********************************
		SIDEBAR	
*********************************/

#sidebar{
	font-size: .92em;
	margin-bottom: -110px;
}

#sidebar h2{
	color: #fff;
	width: 195px;
	font-size:140%;
	text-transform:capitalize;
	line-height:1.15em;
	margin: 0 0 0 -35px;
	padding: 4px 35px;
	background: url(images/sidebar_heading_bg.jpg) top left repeat;
}

#sidebar .views-field-title a, #sidebar h2 a{
	padding-left: 20px;
	display: block;
	margin: 0 0 0 -20px;
	background: url(images/link_tr_arrow.png) left center no-repeat;
	color: #fff;
}

/****************	NEWS ITEMS	 *********************/
.block-views .views-row-odd, .block-views .views-row-even{	
	background: url(images/news_divider.png) bottom left no-repeat;
	margin: 12px -35px;
	padding: 0 35px 10px 35px;
}

#block-views-News-block_1 {/* to aide spacing of feed links */
	padding-bottom: 10px;
}

#sidebar p{
	margin: 5px 0 0 0;
	padding: 0;
	line-height: 1.4em;
}

#sidebar .views-field-title/*, #block-views-News-block_1 .node h2*/{
	background: none;
	margin: 0;
	padding: 0;
	font-size: 1.05em;
	line-height: 1.15em;
	font-weight: bold;
	color: #fff;
}

#sidebar .node .links{position: absolute; left: -999em;}

.field-field-url .field-label{position: absolute; left: -999em;}

#sidebar a{color: #fff;}
#sidebar a:hover{text-decoration: underline;}

#sidebar .web_address, #sidebar p a{color: #fff; margin-left: -20px;}
.web_address, #sidebar p a{
	margin-top: 5px;
	padding: 0;
	padding-left: 20px;
	display: block;
	background: url(images/link_tr_arrow.png) left center no-repeat;
}

.feed-icon{position: absolute; z-index: 100;}
/******************************
		PORTFOLIO PAGE 
*******************************/
.portfolio{position: relative; min-height: 190px; margin: 7px 0;}
.portfolio p{width: 340px;}

.portfolio .screenshot{top:35px; right: 0px; position: absolute;}
.screenshot .image{position: relative;}

.framework, .green_text{color: #7dac63;}

.aeski{
	width: 70px;
	height: 70px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(images/aeski_design*-trans.png) top left no-repeat;
}
/******************************
		NEWS PAGE 
*******************************/
.view .links /*.node_read_more a*/{position: absolute; left: -999em;}
#mainContent .views-row-odd, #mainContent .views-row-even{margin: 15px 0; padding: 0 0 15px 0; border-bottom: 1px dotted #ccc;}
#mainContent .views-row-odd .views-field-title, #mainContent .views-row-even .views-field-title{font-size: 1.3em; margin-bottom: -5px;}

/******************************
		PRIMARY LINKS 
*******************************/
#block-nice_menus-2, #block-nice_menus-1{float:right;} /*Gets Admin Menu & Primary links on same line */

#primary_links ul {/*line-height:32px;/*For top level menus */}
#primary_links ul li{list-style: none; list-style-image:none;}
#primary_links ul {margin-top: 0px;}

/* Global CSS for ALL menu types
******************************/
ul.nice-menu,
ul.nice-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: none;
  border-top: none; /*for top of dropdown / baseline of main level links*/
}

ul.nice-menu li {
  border: none;
  border-top: 0;
  float: left;
  background-color: none;
}

ul.nice-menu a{
	color: #fff;
	border: 0;
	padding: 9px 20px 9px 20px; /* cell height is formed here and top level is changed with line height above*/
	font-weight: normal;
	text-transform:capitalize;
	font-size: 12px;
	line-height: 14px; /*important for cross browser sameness*/
	background: url(images/link_divider.jpg) bottom right no-repeat;
}

ul.nice-menu a:hover, ul.nice-menu a.active{
	text-decoration:none;
	background: url(images/link_hover.jpg) bottom right repeat;
	color: #000;
}

ul.nice-menu ul{
  top: 1.8em;
  left: -1px;
  border: 0;
  margin-right: 0; 
}

ul.nice-menu ul li {
  width: 14.5em;
}

/******************************
 HORIZONTAL (down) menus
******************************/

ul.nice-menu-down {
  float: right;
  border: 0;
 }

ul.nice-menu-down li {
  border-top: none;
  background: none; 
}

ul.nice-menu-down li li a{padding: 5px 20px; border-top: solid 1px #2c2c2c; border-bottom: 1px solid #171717; background-image: none; font-size: .9em;}
ul.nice-menu-down li li {
  background: #202020; /* overrides background for ul.nice-menu-down li (above) */
}

ul.nice-menu-down ul {
  left: 0;
  top:32px; /*for dropdown positioning */
}

/* overrids for details previously set for main level links, these format all dropdwon items*/
/*ul.nice-menu-down ul li a{padding: 6px 10px;}*/
ul.nice-menu-down ul li a:hover{background-color:#fff;}

ul.nice-menu-down ul li {
				: both;
	border-top: 0;
	border-left: 1px solid #2c2c2c;
	line-height: 15px; /* overriding previously set line height for dropdowns*/
}

ul.nice-menu-down li ul li ul{
  left: 14.5em;
  top: 0px; /* positioning second level dropdown/flyout */
    /*border-left: 1px solid #eff0f2; /* for dividing dropdown menus second - third level */
}

ul.nice-menu-down .menuparent a {
  /*padding-right: 15px;*/
}

ul.nice-menu-down li.menuparent{
    background: transparent url(images/link_divider.jpg) right center no-repeat;
}

ul.nice-menu-down li.menuparent:hover, ul.nice-menu-down li.over{
    background: none;
}

ul.nice-menu-down li li.menuparent{
  background: #202020 url(images/arrow-right.png) right center no-repeat;
}

ul.nice-menu-down li li.menuparent:hover,
ul.nice-menu-down li li.over{
    background: #202020;
}

/************	END nice menu styling ******************/

/*********************************
		TEXT FORMATTING
*********************************/

h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	margin:0;
	padding:0;
	text-transform: capitalize;
}

h1,h2,h3,h4,h5,h6{
color: #4c5765;

}

h3{

	font-size: 145%;
}

h4{
	font-size: 130%;
}

h5{
	font-size: 120%;
}

h6{
	font-size: 110%;
}

ul, quote, code, fieldset{
	margin: .5em 0;
}

a{
  color:#0099cc;
  text-decoration:none;
}

a:hover
{
  color:#285c96;
  text-decoration:underline;
}


img, a img
{
  border: none;
}


/*span.form-required
{
  color: #ffae00;
}
*/
span.submitted, .description
{
  font-size: 0.92em;
  color: #898989;
}

input
{
  font: 12px/100% "Arial";
  color: #494949;
}

textarea, select
{
  font: 12px/160% "Arial";
  color: #494949;
}

.logo{
	position: absolute;
	right:52px;
	top: 41px;
}

.messages 
{
  color: green;
  margin:0.75em 0 0.75em;
  padding:0.5em 1em;
}

.messages ul
{
  margin:0;
}


.block
{
  margin:0 0 1.5em;
  padding:0;
}


/*----------node styles----------*/
.node
{
  /*border-bottom:1px solid #ccc;*/
/*  margin:0 0 2.5em;*/
  padding:0;
}

/*h3,h4,h5,h6,.nodeTitle a
{
  color:#013466;
}*/

.nodeTitle a:hover
{
  color:#3670A8;
  text-decoration:none;
}

.taxonomy  /* tag icon for taxonomy located in icons.css */
{
  clear:left;
  /*font-size:0.95em;
  padding:0 0 0.5em 1.5em;
*/}

.submitted
{
  /*font-size:0.95em;
  */padding:0;
}

.node .links
{
  /*font-size:1.05em;
  */padding:0.35em 0;
  margin:0;
}

.picture
{
  float:right;
  padding-left:1em;
}

.preview .node
{
  border:1px solid #ccc;
  padding:0.75em;

}


/*----------comment styles----------*/
.commentTitle
{
  font-size:1.5em;
}

.comment
{
  background-color:#F7F7F7;
  border:1px solid #ccc;
  margin:0 0 2em;
  padding:1em;
}



/*----------misc. styles----------*/
hr
{
  margin:0;
  padding:0;
  border:none;
  height:1px;
  background:#5294c1;
}

dl
{
  margin:0.5em 0 1em 1.5em;
}

dl dd
{
  margin:0 0 .5em 1.5em;
}

dt
{
  font-size:1.285em;
  margin:0.65em 0 0;
}

dl
{
  margin:0.5em 0 1em 1.5em;
}

dl dd
{
  margin:0 0 .5em 1.5em;
}
/*
span.form-required
{
  color:#ffae00;
}*/

.description
{
  /*font-size:0.92em;*/
  color:#5A5A5A;
  /*margin-bottom:0.75em;*/
}

.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item
{
  margin:0.25em 0;
}

#center form
{
  margin-bottom:2em;
}

.form-button, .form-submit
{
 /*margin:0.5em 0.5em 1em 0;*/
}

#watchdog-form-overview .form-submit,
.confirmation .form-submit,
.search-form .form-submit,
.poll .form-submit,
fieldset .form-button, fieldset .form-submit,
.sidebar .form-button, .sidebar .form-submit,
table .form-button, table .form-submit {
  margin: 0;
}

.box
{
 margin-bottom:2.5em;
}

div.admin
{
  margin:0;
  padding:0;
}

blockquote
{
  margin:0;
  padding:0 0 8px;
}

blockquote p
{
  background:url('images/close-quote.gif') no-repeat right bottom;
  color:#30457E;
  font-family:serif;
  margin:10px 20px;
  padding-left:18px;
  text-indent:-18px;
  width:400px;
}

blockquote p:first-letter
{
  background:url('images/open-quote.gif') no-repeat left top;
  padding-left:18px;
}
.user-signature
{
  color:#949494;
  font-family:Cursive, sans;
  font-size:0.80em;
  margin:0;
  padding:0;
}

/**
 * Admin Styles
 */
div.admin-panel,
div.admin-panel .description,
div.admin-panel .body,
div.admin,
div.admin .left,
div.admin .right,
div.admin .expert-link,
div.item-list,
.menu
{
  margin: 0;
  padding: 0;
}

div.admin .left
{
  float: left;
  width: 48%;
}
div.admin .right
{
  float: right;
  width: 48%;
}

div.admin-panel
{
  padding: 1em 1em 1.5em;
}

div.admin-panel .description
{
  margin-bottom: 1.5em;
}

div.admin-panel dl
{
  margin: 0;
}

div.admin-panel dd
{
  /*color: #898989;
  *//*font-size: 0.92em;
  line-height: 1.3em;
  */margin-top: -.2em;
  margin-bottom: .65em;
}


/*----------list styles----------*/
/*ul
{
  margin: 0.5em 0 1em;
  padding: 0;
}

ol
{
  margin: 0.75em 0 1.25em;
  padding: 0;
}

ol li, ul li
{
  margin: 0.4em 0 0.4em .5em;
}

ul.menu, .item-list ul
{
  line-height:1.2em;
  margin: 0.35em 0 0 -0.5em;
  padding: 0;
}

ul.menu ul, .item-list ul ul
{
  margin-left: 0em;
}

ol li, ul li, ul.menu li, .item-list ul li, li.leaf
{
  margin: 0.15em 0 0.15em .5em;
}

ul li, ul.menu li, .item-list ul li, li.leaf
{
  padding: 0 0 .2em 1.5em;
  list-style-type: none;
  list-style-image: none;
  background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em;
}

ol li
{
  padding: 0 0 .3em;
  margin-left: 2em;
}

ul li.expanded
{
  background: transparent url(images/menu-expanded.gif) no-repeat 1px .35em;
}

ul li.collapsed
{
  background: transparent url(images/menu-collapsed.gif) no-repeat 0px .35em;
}

ul li.leaf a, ul li.expanded a, ul li.collapsed a
{
  display: block;
}

ul.inline li
{
  background: none;
  margin: 0;
  padding: 0 1em 0 0; 
}

ol.task-list
{
  margin-left: 0; 
  list-style-type: none;
  list-style-image: none;
}
ol.task-list li
{
  padding: 0.5em 1em 0.5em 2em;
}

ol.task-list li.active
{
  background: transparent url(images/task-list.png) no-repeat 3px 50%;
}

ol.task-list li.done
{
  color: #393;
  background: transparent url(../../misc/watchdog-ok.png) no-repeat 0px 50%;
}

ol.task-list li.active
{
  margin-right: 1em;
}

*/

ul.menu li a
{
	color: #fff;
}


fieldset ul.clear-block li
{
  margin: 0;
  padding: 0;
  background-image: none;
}

ul.primary, ul.primary li, ul.secondary{
  border-bottom:1px solid #ccc;
  background: none;
  margin:5px;
  padding:0 ;
}

ul.secondary li
{
  background: none;
  border-right:1px solid #CCCCCC;
  display:inline;
  padding:0 1em;
}

ul.links li {
  background:none;
  list-style:none;
  margin:0 1em 0 0;
  padding:0;
}

/*---------------TinyMCE editor---------------*/
body.mceContentBody
{
  background:#fff;
  color:#000;
  font-size:14px;
}

body.mceContentBody a:link
{
  color:#ff0000;
}


/*---------------table styles---------------*/
tbody {
  border-top: 0;
}


table
{
  margin: 1em 0;
  width: 100%;
  vertical-align:top;
}

thead th
{
  border-bottom: 2px solid #bbb;
  color: #494949;
  font-weight: bold;
}

thead div.sticky-header
{
  border-bottom: 2px solid #ddd;
}

td, th
{
padding:0;  vertical-align:top;
 /* padding: .3em .5em;*/
}

tr.even, tr.odd, tbody th
{
  border: solid #D5D6D7;
  border-width: 1px 0;
}

tr.odd, tr.info
{
  background-color: #EEEEEE;
}

tr.even
{
  background-color: #fff;
}

tr.drag
{
  background-color: #fffff0;
}

tr.drag-previous
{
  background-color: #ffd;
}

tr.odd td.active
{
  background-color: #D3DAE9;
}

tr.even td.active
{
  background-color: #E6EAF7;
}

td.region, td.module, td.container, td.category
{
  border-top: 1.5em solid #fff;
  border-bottom: 1px solid #B9C2DC;
  background-color: #D0D5E0;
  color: #455067;
  font-weight: bold;
}

tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category
{
  border-top-width: 0;
}

table.system-status-report th
{
  border-color: #d3e7f4;
}

#autocomplete li.selected, tr.selected td, tr.selected td.active {
  background: #027ac6;
  color: #fff;
}

tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
  color: #d3e7f4;
}

tr.taxonomy-term-preview {
  opacity: 0.5;
}

tr.taxonomy-term-divider-top {
  border-bottom: none;
}

tr.taxonomy-term-divider-bottom {
  border-top: 1px dotted #CCC;
}

/**
 * Watchdog.module
 */
tr.watchdog-user {
  background-color: #fcf9e5;
}

tr.watchdog-user td.active {
  background-color: #fbf5cf;
}

tr.watchdog-content {
  background-color: #fefefe;
}

tr.watchdog-content td.active {
  background-color: #f5f5f5;
}

tr.watchdog-warning {
  background-color: #fdf5e6;
}

tr.watchdog-warning td.active {
  background-color: #fdf2de;
}

tr.watchdog-error {
  background-color: #fbe4e4;
}

tr.watchdog-error td.active {
  background-color: #fbdbdb;
}
tr.watchdog-page-not-found, tr.watchdog-access-denied {
  background: #d7ffd7;
}
tr.watchdog-page-not-found td.active, tr.watchdog-access-denied td.active {
  background: #c7eec7;
}

/**
 * Status report colors.
 */
table.system-status-report tr.error, table.system-status-report tr.error th {
  background-color: #fcc;
  border-color: #ebb;
  color: #200;
}
table.system-status-report tr.warning, table.system-status-report tr.warning th {
  background-color: #ffd;
  border-color: #eeb;
}
table.system-status-report tr.ok, table.system-status-report tr.ok th {
  background-color: #dfd;
  border-color: #beb;
}

/* making radio buttons inline in the training feedback questionaaire */
#webform-client-form-33 .form-radios .form-item {
  display: inline;
  padding-right: 20px;
}