/* Reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }


/**
 * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
 */

body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }

/* Normalize monospace sizing:
   en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: monospace, sans-serif; }


/**
 * Minimal base styles.
 */

/* Always force a scrollbar in non-IE */
html { overflow-y: scroll; }

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }

small { font-size: 85%; }
strong, th { font-weight: bold; }

td { vertical-align: top; }

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; white-space: pre-wrap; word-wrap: break-word;
  padding: 15px;
}

textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; } 

/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* Hand cursor on clickable input elements */
select, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }

/* Colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid {
   border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }


/* These selection declarations have to be separate
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink! */
::-moz-selection{ background: #FD8610/*FF5E99*/; color:#fff; text-shadow: none; }
::selection { background:#FD8610/*FF5E99*/; color:#fff; text-shadow: none; }

/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; }

/* Make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }

/* Bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }



/*******************************
 * Primary styles - DejaOffice.com
 *
 * Author: Kaena Miller 2011
 *******************************/


/* Fonts */
@font-face {
	font-family: 'SolomonBoldRegular';
	src: 
	url('http://www.dejaoffice.com/include/fonts/solomon_bold-webfont.eot?') format('eot'), 
	url('http://www.dejaoffice.com/include/fonts/solomon_bold-webfont.otf') format('opentype'), 
	url('http://www.dejaoffice.com/include/fonts/solomon_bold-webfont.woff') format('woff'), 
	url('http://www.dejaoffice.com/include/fonts/solomon_bold-webfont.svg#webfontR94YQaii') format('svg');
}
@font-face {
	font-family: 'SolomonNormalRegular';
	src: 
	url('http://www.dejaoffice.com/include/fonts/solomon_normal-webfont.eot?') format('eot'), 
	url('http://www.dejaoffice.com/include/fonts/solomon_normal-webfont.otf') format('opentype'), 
	url('http://www.dejaoffice.com/include/fonts/solomon_normal-webfont.woff') format('woff'), 
	url('http://www.dejaoffice.com/include/fonts/solomon_normal-webfont.svg#webfontbdZT2m2c') format('svg');
}


/* Body block and container */

body, select, input, textarea {
  color: #444;
}
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited { color: #005492/*00AAF5*/; text-decoration: none; }
a:hover { color: #459DCF; text-decoration: underline; }
p { margin-bottom: 1em; }

body { 
	font-family: sans-serif;
	font-size: 1em;
	line-height: 1.3em;
	color: #363636;
	padding: 0 0 1.5em;
	background-color: #f2f2f2; 
	background: url("/img/clbg.png") repeat;
	height:100%;
	width: auto;
}

#container {
	/*modified by P.Guise*/
	/*width: 960px;*/
	width:auto;
	margin: 0 auto;
	border: 0px solid #757575;
	background-color: #FFFFFF; 
	box-shadow: 0px 0px 4px #B9B9B9;

/*		background:#f1f0e8 url('/img/body-bg.png') repeat;
	background-image: url("http://www.dejaoffice.com/img/nav-bg.gif");
	 background-position:0px 400px;
	background-repeat: repeat-x;
	*/
	  background-color: #363636;
}
.contentWrap {
	/*padding: 32px 24px;*/
}
.error {
	color: red;
	font-weight: bold;
}


/* Header/Footer */
header{
  width:auto;
	background-color: #363636; 
	background-image: url("http://www.dejaoffice.com/img/nav-bg.gif");
	background-repeat: repeat-x;
}

#navbar {
background-color: #363636; 
background-image: url("http://www.dejaoffice.com/img/nav-bg.gif");
background-repeat: repeat-x;
	text-align: right;
	padding: 0 20px;
  width:55%;
  margin:0px auto;
  margin-left: auto;
  margin-right:auto;
 
}
@media all and (max-width:1460px) { #navbar {width: 95%; margin-right: 3%;margin-left: 3%;}}
#navbar img {
	float: left;
	padding-top: 8px;
}
/*@media all and (max-width: 960px) { #navbar ul {padding-right: 1em;}}*/
#navbar li {
	font-family: SolomonBoldRegular,Verdana,Arial,sans-serif;
	position: relative;
	display: inline-block;
	text-decoration: none;
	font-size: 18px;
	line-height: 64px;
	padding: 0 22px;
}
@media all and (max-width: 1260px) { #navbar li { text-decoration: underline;}}
#navbar a {
	color: #FFFFFF;
}
#navbar li:hover {
	background-color: #272727;
	color: #FFFFFF;
	cursor: pointer;
}
footer {
	background-color: #363636; 
	color: #757575;
	font-size: .7em;
	height: 36px;
	text-align: right;
	padding:2em;
	clear: both;
	background-image: url("http://www.dejaoffice.com/img/nav-bg.gif");
    background-repeat: repeat-x;
	background-position: 0 -22px;
	width: 100%;
}

#footer-container{
	width:90%;
	margin: auto;
}

#container footer a {
	color: #e7e7e7;
}
#container footer a:hover {
	color: #005492;
}
footer p {
	float: left;
	display: inline;
	text-align: left;
	margin-top: -10px;
}
footer li {
	position: relative;
	display: inline-block;
	padding: 0 9px;
}


/* Showcase */
.announce { 
	/*For pretty h1 tags*/
	color: #1C1C1C;
    font-family: SolomonBoldRegular,Verdana,Arial,sans-serif;
    font-size: 38px;
    font-weight: normal;
    line-height: 1.1em;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.7);
	margin: 0 auto 32px;
}
#showcase-right {
	position: relative;
	float: right;
	width: 200px;
	text-align: right;
}
#showcase {
	/*modified by P.Guise*/
	text-align: center;
	/*
	height: 400px;
	background-color: #8cc7f2;
	*/
	background-color: #ececec;
	background-image: url("http://www.dejaoffice.com/img/showcase-bg-new3.jpg");
	background-position: center top;
	/*background-repeat: repeat-x;*/
	background-repeat: no-repeat;
	position: relative;
	width:auto;
	min-height: 540px;
	margin:0px auto;
}
#showcase h1 {
	font-family: SolomonBoldRegular,Verdana,Arial,sans-serif;
	font-weight: normal;
	font-size: 2.5em;
	line-height: 1em;
	color: #1c1c1c;
	/*text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.7);*/
	/* width: auto; */
	/* margin: 0 auto 14px; */
	/*padding-top: 44px;*/
	padding-top: 25px;
}
#showcase h2 {
	font-family: SolomonNormalRegular,Verdana,Arial,sans-serif;
	font-weight: normal;
	font-size: 26px;
	line-height: 1em;
	color: #1c1c1c;
	/* text-shadow: 0px 0px 0px rgba(112, 112, 112, 0.7); */
	/* width:75%; */
	/*margin: 0 auto 32px;*/
	/* margin: 0 auto 22px; */
}
#showcase h3 a {
	color: white;
	font-family: SolomonBoldRegular,Verdana,Arial,sans-serif;
	text-shadow: 1px 2px 1px rgba(59, 95, 137, 0.8);
	font-size: 26px;
	line-height: 26px;
	background: #3079a4;
	background: rgba(0,0,0,0.3);
	border-radius: 25px;
	padding: 6px 32px;
	margin: 0 auto;
	display: block;
	max-width: 320px;
}
#showcase h3 a:hover {
	background: #4c84a6;
	background: rgba(0,0,0,0.5);
	cursor: pointer;
}
#showcase h3:hover a {
	text-decoration: none;
}
#showcase .icon-apple, #showcase .icon-android {
	display: none;
}
.title-text {
	font-size: 60px;
	display: block;
	padding-bottom: 6px;
	/*padding: 0 72px;*/
}
.cta-box {
	/*bottom: 22px;
	position: absolute;
	left: 50%;
	margin-left: -215px;*/
	width: 430px;
	margin: 14px auto 0;
}
#video-lb {
	display: none;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	text-align: center;
}
#fullscreen-tarp {
	width: 100%;
	height: 100%;
	background: #000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter:alpha(opacity=85) !important;
	opacity: 0.85;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}
#intro-video {
	margin: 54px auto 0;
	z-index: 101;
	padding: 20px;
	width: 542px;
	background: #F2F2F2;
	box-shadow: none;
}
.video-link:hover {
	cursor: pointer;
}
.close-window {
	position: relative;
	top: 75px;
	left: 289px;
}
.close-window:hover {
	cursor: pointer;
}
.download-apple, .download-android {
	background-image: url("http://www.dejaoffice.com/img/djo-spritesheet.png");
	margin-bottom: 32px;
}
.download-apple {
	float: left;
	/*margin-right: 30px;*/
	width: 206px;
	height: 70px;
	display: inline-block;
	background-position: 2px -6px;
}
.download-apple:hover {
	background-position: 2px -80px;
}
.download-apple:active {
	background-position: 2px -154px;
}
.download-android {
	float: right;
	width: 206px;
	height: 70px;
	display: inline-block;
	background-position: 200px -6px;
}
.download-android:hover {
	background-position: 200px -80px;
}
.download-android:active {
	background-position: 200px -154px;
}
.download-mobile {
	display: inline-block;
	border-radius: 5px;
	padding: 18px 24px 20px;
	margin: 0 auto 18px;
    font-weight: bold;
    font-size: 20px;
    line-height: 1em;
    text-align: center;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.8);
	
	/*background: #819545;
    border: 2px solid #657043;*/
    -webkit-box-shadow: 0 0 0 1px rgba(205, 227, 138, 0.4) inset, 0 1px 2px #333333;
	-moz-box-shadow: 0 0 0 1px rgba(205, 227, 138, 0.4) inset, 0 1px 2px #333333;
	box-shadow: 0 0 0 1px rgba(205, 227, 138, 0.4) inset, 0 1px 2px #333333;
	border: 0;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #006837;
	
	
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
	background: #2de600; /* Old browsers */
	background: -moz-linear-gradient(top, hsla(108,100%,45%,1) 0%, hsla(108,100%,39%,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(108,100%,45%,1)), color-stop(100%,hsla(108,100%,39%,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, hsla(108,100%,45%,1) 0%,hsla(108,100%,39%,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, hsla(108,100%,45%,1) 0%,hsla(108,100%,39%,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, hsla(108,100%,45%,1) 0%,hsla(108,100%,39%,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2de600', endColorstr='#27c700',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, hsla(108,100%,45%,1) 0%,hsla(108,100%,39%,1) 100%); /* W3C */

}
a.download-mobile, a.download-mobile:hover, a.download-mobile:active {
	color: #FFFFFF;
}



#main {
	padding-top: 30px;
	position: relative;
	background:#f1f0e8 url('/img/body-bg.png') repeat;
	width: 100%;
	overflow: hidden;
}

#google_translate_element {
	position: absolute;
	right: 6px;
	top: 4px;
}


/* Modules */
.inabox {
	border: 1px solid #d6d6d6;
	box-shadow: 0px 0px 16px #F2F2F2;
	-webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
	padding: 8px 0;
}
.module-container {
	position: relative;
	clear: both;
	/* In a box styles:
	
	
	margin: 0 24px 26px;
	padding-top: 20px;
	border: 1px solid #d6d6d6;
	box-shadow: 0px 0px 16px #F2F2F2;
	-webkit-border-radius: 14px 14px 0 0;
    -moz-border-radius: 14px 14px 0 0;
    border-radius: 14px 14px 0 0;
	*/
	
	margin: 0 24px 32px;
	padding-top: 20px;
	/*border-bottom: 1px dashed #d6d6d6;*/
	border-bottom: 1px solid #E4E4E4;
	/*box-shadow: 0px 2px 2px #f2f2f2;*/
}
.module-container li {
  list-style-image:url("http://www.dejaoffice.com/img/magic-bullet.png");
  font-size: 13px;
}
.module-container img {
	border: 2px solid #666666;
}
.module-container h3 {
	font-family: SolomonBoldRegular,Verdana,Arial,sans-serif;
	font-weight: normal;
	font-size: 1.5em; /*30px*/
	line-height: 1.1em;
	color: #1c1c1c;
	margin-bottom: 14px;
}
.module-container h3 img {
	margin-right: 12px;
	vertical-align: middle;
	border: none;
}
.module-leader-ss {
	float: right;
	/*
	width: 240px;
	height: 400px;
	*/
	/*width: 198px;*/
	
	/*
	width: 186px;
	height: 330px;
	*/
	
	width: 198px;
	height: 352px;
	margin-right: 36px;
	margin-left: 0;
}
#module-contacts .module-icon {
	background-position: -216px -500px;
}
#module-calendar .module-icon {
	background-position: -112px -501px;
}
#module-tasks .module-icon {
	background-position: -165px -501px;
}
#module-memos .module-icon {
	background-position: -57px -501px;
}
#module-expense .module-icon {
	background-position: -4px -501px;
}
#module-today {border-bottom: none;}
#module-today .module-icon {
	background-position: 148px -500px;
}
/*#module-journal .module-icon-journal{
	background-image: url("http://www.dejaoffice.com/img/djo-journal-icon.png");
	background-position: 1px -3px;
}*/
.module-icon {
	display: inline-block;
	background-image: url("http://www.dejaoffice.com/img/djo-spritesheet.png");
	width: 40px;
	height: 40px;
	margin-right: 12px;
	vertical-align: middle;
}

.module-content {
	width: auto;
	min-height: 180px;
	float: left;
	margin-left: 36px;
	margin-right: 0;
}
.module-content, .module-leader-ss {
	margin-bottom: 32px;
}
.expand-bar img {
	border: none;
}
.expand-bar, .toTop {
	/*margin: 16px 0 0 0;
	padding-top: 4px;
	color: #6d6d6d;
	border-top: 1px solid #e4e4e4;
	box-shadow: 0px 1px 3px #929292;
	height: 44px;*/
	
	background: #F4F4F4; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e7e7e7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#e7e7e7 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#e7e7e7 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E7E7E7',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#e7e7e7 100%); /* W3C */
	
	clear: both;
	text-align: center;	
	width: 100%;
	height: 32px;
	line-height: 32px;
	color: #999999;
	margin: 0 auto -34px;
	display: block;
	border: 1px solid #e4e4e4;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	font-size: 11px;
	box-shadow: none;
	width: 128px;
	
}
.expand-bar:hover, .toTop:hover {
/* old gradient - white to #d4d4d4 */
	
background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(top, hsla(0,0%,100%,1) 0%, hsla(0,0%,94%,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(0,0%,100%,1)), color-stop(100%,hsla(0,0%,94%,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, hsla(0,0%,100%,1) 0%,hsla(0,0%,94%,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, hsla(0,0%,100%,1) 0%,hsla(0,0%,94%,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, hsla(0,0%,100%,1) 0%,hsla(0,0%,94%,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, hsla(0,0%,100%,1) 0%,hsla(0,0%,94%,1) 100%); /* W3C */
	
	/* ++++++++++ */
	cursor: pointer;
	text-decoration: none;
	/*border: 1px solid #d6d6d6;
	
	padding: 3px 0 0;
	margin: 0 auto -27px;*/
	
	/*border-top: 1px solid #eaeaea;*/
	
}

.expand-bar:active, .toTop:active {
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top, hsla(0,0%,94%,1) 0%, hsla(0,0%,100%,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(0,0%,94%,1)), color-stop(100%,hsla(0,0%,100%,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, hsla(0,0%,94%,1) 0%,hsla(0,0%,100%,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, hsla(0,0%,94%,1) 0%,hsla(0,0%,100%,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, hsla(0,0%,94%,1) 0%,hsla(0,0%,100%,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, hsla(0,0%,94%,1) 0%,hsla(0,0%,100%,1) 100%); /* W3C */
}

.toTop {
	color: #999999 !important;
}


/* Wiifm Blocks */
.module-more {
	clear: both;
}
.module-block {
	/*width: 49.5%;*/
	text-align: left;
	display: inline-block;
	vertical-align: top;
	margin: 18px 0;
}
.module-block h4 {
	font-size: 15px;
	margin: 1em auto 0.5em;
	color: #1c1c1c;
}
.module-block p {
	text-align: left;
	margin: 0 0 1em;
	clear: right;
	font-size: 13px;
}
.module-block h4, .module-block p {
	/*padding-left: 216px;*/
	float: right;
	/*width: 228px;*/
	margin-right: 12px;
}
.module-block-ss {
	float: left;
	width: 160px;
	/*height: 266px;*/
	height: 284px;
	margin: 0 0 0 26px;
}
.module-block-tablet img {
	width: 284px;
	height: 160px;
}
.flip .module-block-ss {
	float: right;
	margin: 0 26px 0 0;
	
}

.flip p {
	clear: left;
	
}
.flip h4, .flip p {
	float: left;
	margin-left: 18px;
	margin-right: 0;
}
#deja-container {
	width:990px;margin: 0px auto;
}
@media all and (max-width: 1260px) {#deja-container { width: 95%;margin-left: 3%;}}
/* Intro and Outro Blocks */
#module-intro {
	/*padding-bottom: 16px;*/
	/*padding-right: 12px;*/
	text-align: center;
	border: none;
	box-shadow: none;
	margin-bottom: 0;
	padding-top: 0;
	width: 90%;
	margin-left:auto;
	margin-right:auto;
}
@media all and (max-width: 1260px) { #module-intro {width: 100%;}}
#module-intro img {
	border: none;
	float: left;
	margin: 14px 0 0 24px;
}
#module-intro h4, #module-intro p {
    /*padding-left: 200px;
	float: right;
	width: 234px;*/
}
#module-intro p {
	margin-bottom: 1em;
}
.bluewash, #module-extras, .picker {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, hsla(0,0%,100%,1) 32%, hsla(197,61%,92%,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,hsla(0,0%,100%,1)), color-stop(100%,hsla(197,61%,92%,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, hsla(0,0%,100%,1) 32%,hsla(197,61%,92%,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, hsla(0,0%,100%,1) 32%,hsla(197,61%,92%,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, hsla(0,0%,100%,1) 32%,hsla(197,61%,92%,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#def0f7',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, hsla(0,0%,100%,1) 32%,hsla(197,61%,92%,1) 100%); /* W3C */
}
/*
.lintro, .rintro {
	min-height: 232px;
	margin-top: 7px;
}
.lintro {
	width: 358px;
	margin-right: 20px;
}
.lintro h4, .lintro p {
	width: 166px;
}
.rintro {
	width: 522px;
}
.rintro h4, .rintro p {
	width: 324px;
}
*/
/*modified by P.Guise*/
.level2box {
	width: 30%;
	display: inline-block;
	text-align: left;
	padding: 20px 20px 8px 20px;
	vertical-align: top;
	display:none;
}
.level3box {
	width: 25%;
	display: inline-block;
	text-align: left;
	/*padding: 20px 20px 8px 20px;*/
	padding-right: 5px;
	vertical-align: top;
	/*margin:4px 0px;*/
	height:auto;
}


/*@media all and (max-width: 960px) {.level3box{width:25%;}};*/

.level3box:hover {
	
/*	background-color:#cecece;*/
}
.level3box .module-icon-contacts {
	background-position: -216px -500px;
}
.level3box .module-icon-calendar {
	background-position: -112px -501px;
}
.level3box .module-icon-tasks {
	background-position: -165px -501px;
}
.level3box .module-icon-memos {
	background-position: -57px -501px;
}
.level3box .module-icon-expense {
	background-position: -4px -501px;
}
.level3box .module-icon-today {
	background-position: 148px -500px;
}
.level3box .module-icon-cloud {
	display: inline-block;
	background-image: url("http://www.dejaoffice.com/img/icon-dcl.png");
	width: 45px;
	height: 45px;
	margin-right: 7px;
	vertical-align: middle;
	background-repeat:no-repeat;
}
.level3box .module-icon-usbsync {
	display: inline-block;
	background-image: url("http://www.dejaoffice.com/img/icon-usb.png");
	width: 45px;
	height: 45px;
	margin-right: 7px;
	vertical-align: middle;
	background-repeat:no-repeat;
}
.level3box .module-icon-wifisync {
	display: inline-block;
	background-image: url("http://www.dejaoffice.com/img/icon-wifi.png");
	width: 45px;
	height: 45px;
	margin-right: 7px;
	vertical-align: middle;
	background-position: -3px 0px;
	background-repeat:no-repeat;
}


.module-icon-calendar, .module-icon-tasks, .module-icon-contacts, .module-icon-memos, .module-icon-expense, .module-icon-today{
	display: inline-block;
	background-image: url("http://www.dejaoffice.com/img/djo-spritesheet.png");
	width: 40px;
	height: 40px;
	margin-right: 12px;
	vertical-align: middle;
}
#main #module-contacts, #main #module-calendar, #main #module-tasks, #main #module-memos, #main #module-expense, #main #module-today{
	width:45%;
	border-bottom:0px;
	display:inline-block;
  margin:0px 10px;
  vertical-align:top;
}

.module-content-home {
	margin:0px 15px;
}

#tourpage {
	padding-top: 30px;
	position: relative;
	background:#f1f0e8 url('/img/body-bg.png') repeat;
	width:990px;
	margin:0px auto;
}


.lintro, .rintro{
	width: 372px;
	display: inline-block;
	text-align: left;
	margin: 20px 40px 8px;
	vertical-align: top;
	height:350px;
}
.wide-block {
	width: 100%;
}
.wide-block h4, .wide-block p {
	float: none;
	width: 100%;
	text-align: center;
}
.wide-block .module-block-ss {
	float: none;
	margin-left: 12px;
	margin-top: 16px;
}

#module-extras {
	border-bottom: 1px solid #d6d6d6;
	/*background-image: url("http://www.dejaoffice.com/img/android-only.png");
	background-repeat: no-repeat;
	background-position: top right;*/
	
}
.android-only {
	position: absolute;
	right: -1px;
	top: -1px;
	border: none !important;
}
#module-sync {
	border-bottom: none;
}
#module-sync img {
	border: none;
	width: 128px;
	height: 128px;
	margin-left: 60px;
}
#module-lastcta {
	background-image: url("http://www.dejaoffice.com/img/footer-banner.png");
	/* pguise
	background-position: 0 12px;
	*/
	background-repeat:no-repeat;
	background-position:center 12px;
	margin: 0;
	padding-top: 0;
	border: none;
	border-radius: 0;
	box-shadow: none;
	height: 146px;
}
#module-lastcta h2, #module-sync h2 {
	font-family: SolomonBoldRegular,Verdana,Arial,sans-serif;
	font-weight: normal;
	font-size: 32px;
	line-height: 1.1em;
	color: #1c1c1c;
	text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.7);
	margin: 0 auto;
	text-align: center;
}
.classy-divide {
	height: 12px;
	background-image: url("http://www.dejaoffice.com/img/nav-bg.gif");
    background-repeat: repeat-x;
	background-position: 0 0;
}

.lastcta-box {
	width: 428px;
	margin: 35px auto 0;
	text-align: center;
}
.download-apple, .download-android {
	margin-bottom: 24px;
}


/*
========= Contact Form =========
*/
#support-contact h1 {
	font-family: SolomonBoldRegular,Verdana,Arial,sans-serif;
	font-weight: normal;
	font-size: 32px;
	line-height: 1.1em;
	color: #1c1c1c;
	text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.7);
	margin: 24px auto;
	text-align: center;
}
#support-contact .inabox {
	width: 278px;
	min-height: 216px;
	display: inline-block;
	margin-right: 30px;
	text-align: center;
	float: left;
}
#support-contact .inabox:hover {
	border: 1px solid #16BBF4;
}
#support-contact a:hover {
	text-decoration: none;
}
#support-contact .inabox h2 {
	margin: 0 auto 16px;
	font-size: 1.1em;
	text-decoration: none;
}
#support-contact .inabox span {
	/*height: 189px;
	display: table-cell;
	vertical-align: middle;*/
}
#support-contact .inabox p {
	text-align: left;
	padding: 0 16px;
	color: #363636;
}
#support-contact .cl-support {
	margin-left: 30px;
	margin-top: -12px;
}
#support-contact .cl-support li {
	text-align: left;
	font-size: 80%;
	list-style: disc;
	margin-right: 0;
}
#support-contact .cl-support a:hover {
	text-decoration: underline;
}
#contact-form {
	margin: 0 auto;
	width: 620px;
	clear: both;
	padding-top: 30px;
}
#contact-form h3 {
	font-size: 1.2em;
}
#contact-form p {
	margin-bottom: 30px;
}
select.contact-input {
	width: 362px;
}
.contact-input {
	line-height:12px;
	padding:9px 10px;
	width:340px;
}
.contact-textarea {
	line-height:20px;
	padding:8px 10px;
	width:340px;
	height:162px;
}
.contact-input, .contact-textarea {
	background:#eaeaea;
	border:1px solid #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 0 20px;
	float: right;
}
.contact-input:focus, .contact-textarea:focus {
	background:#f2f2f2;
}
.choose-platform {
	background: none;
	border: 1px solid #FFFFFF;
}
#contact-form label {
	float: left; 
	clear: both;
	height: 36px; 
	line-height: 36px; 
	width: 210px;
	font-size:16px;
	font-weight:bold;
}
.contact-submit {
	cursor:pointer;
	float:right;
	clear: right;
	
	background: #2de600; /* Old browsers */
	background: -moz-linear-gradient(top, hsla(108,100%,45%,1) 0%, hsla(108,100%,39%,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(108,100%,45%,1)), color-stop(100%,hsla(108,100%,39%,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, hsla(108,100%,45%,1) 0%,hsla(108,100%,39%,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, hsla(108,100%,45%,1) 0%,hsla(108,100%,39%,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, hsla(108,100%,45%,1) 0%,hsla(108,100%,39%,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2de600', endColorstr='#27c700',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, hsla(108,100%,45%,1) 0%,hsla(108,100%,39%,1) 100%); /* W3C */

    color: #FFFFFF;
	border: 0;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
	margin-bottom: 30px;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.5em 1em;
    text-align: center;
    text-shadow: 1px 1px 1px #006837;
    text-transform: capitalize;
    white-space: normal;
}
.contact-submit:hover {
	background: #27c700; /* Old browsers */
	background: -moz-linear-gradient(top, hsla(108,100%,39%,1) 0%, hsla(108,100%,45%,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(108,100%,39%,1)), color-stop(100%,hsla(108,100%,45%,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, hsla(108,100%,39%,1) 0%,hsla(108,100%,45%,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, hsla(108,100%,39%,1) 0%,hsla(108,100%,45%,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, hsla(108,100%,39%,1) 0%,hsla(108,100%,45%,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27c700', endColorstr='#2de600',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, hsla(108,100%,39%,1) 0%,hsla(108,100%,45%,1) 100%); /* W3C */
}
.contact-submit:focus {
	background: #27c700; /* Old browsers */
	background: -moz-linear-gradient(top, hsla(108,100%,39%,1) 0%, hsla(108,100%,45%,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(108,100%,39%,1)), color-stop(100%,hsla(108,100%,45%,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, hsla(108,100%,39%,1) 0%,hsla(108,100%,45%,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, hsla(108,100%,39%,1) 0%,hsla(108,100%,45%,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, hsla(108,100%,39%,1) 0%,hsla(108,100%,45%,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27c700', endColorstr='#2de600',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, hsla(108,100%,39%,1) 0%,hsla(108,100%,45%,1) 100%); /* W3C */
}
#error {
	background:#FBE3E4;
	color:#8a1f11;
	border:1px solid #FBC2C4;
	width:200px;
	float:right;
	margin:0px 75px 10px 0px;
}



/* classroom */
.classroom {
	font-family: Verdana,Arial,sans-serif;
	font-size: 14px;
	line-height: 24px;
	padding: 0;
	background-color: #EEEEEE;
}
.classroom h1 {
	font-family: SolomonBoldRegular,Verdana,Arial,sans-serif;
	font-size: 42px;
	margin: 10px 0 25px;
}
.classroom h2 {
	font-family: SolomonBoldRegular,Verdana,Arial,sans-serif;
	font-size: 22px;
	border-bottom: 1px solid #737373;
	margin: 35px 0 10px;
	padding-bottom: 2px;
	clear: both;
}
.classroom h3 {
	font-family: SolomonBoldRegular,Verdana,Arial,sans-serif;
	font-size: 18px;
}
.classroom h4 {
	font-size: 16px;
}
.classroom a {
	text-decoration: underline;
}
.classroom a:hover {
	text-decoration: none;
}
.classroom em {
	font-style: italic;
}

/* TOC */

#classroom-index {
	background-color: #FFFFFF;
	padding: 20px 30px;
}
#classroom {
	background-color: #FFFFFF;
	display: inline-block;
	width: 669px;
	padding: 20px 30px;
	border-left: 1px solid #D6D6D6;
}
.classroom a {
	text-decoration: none;
}
.classroom a:hover {
	text-decoration: underline;
}
.classroom_sidebar {
	font-family: SolomonNormalRegular,Verdana,Arial,sans-serif;
	display: inline-block;
	vertical-align: top;
	width: 195px;
	padding: 0 15px;
	color: #737373;
	line-height: 17px;
}
.classroom_indent {
	margin-left: 20px;
}
.classroom_toc {
	width: 215px;
}
.classroom_toc a {
	color: #2d87b7;
}
.classroom_toc li {
	font-size: 18px;
	border-top: 1px solid #D6D6D6;
	list-style: none;
	margin-left: -43px;
	padding: 14px 10px 10px;
	color: #2d87b7;
}
.classroom_toc li:hover {
	background-color: #F6F6F6;
}
.classroom_toc a:hover {
	text-decoration: none;
}
.toc_first {
	border-top: none !important;
}
.toc_last {
	border-bottom: 1px solid #D6D6D6;
}
#toc_legend {
	border: none;
	margin: 15px 20px;
	font-weight: bold;
	font-size: 14px;
}
#toc_legend img {
	margin: 0 5px 5px 10px;
	vertical-align: middle;
}
.classroom_subtoc {	
	display: none;
}
.classroom_subtoc a {
	color: #737373 !important;
}
.classroom_subtoc a:hover {
	text-decoration: underline;
}
.classroom_ss {
	border: 2px solid #ccc;
	margin: 0 10px 25px 20px;
	width: 236px;
	float: right;
}
.tablet_ss {
	width: 420px;
}
.ss-center {
	margin: 0 auto 10px;
	text-align: center;
}
.ss-center .classroom_ss {
	margin: 0 10px 0;
	float: none;
}
.classroom_video {
	margin: 18px 0; 
	text-align: center;
}
.qrcode {
	margin: 0 0 -50px 225px;
}
.active-toc {
	background-color: #F6F6F6;
}
.active-toc a {
	color: #005492/*00AAF5*/;
}
.active-toc ul li {
	font-family: Verdana,Arial,sans-serif;
	border: none;
	padding: 0;
	font-size: 12px;
	list-style: disc;
	color: #737373;
}
.active-toc ul {
	display: block;
	margin: 7px 0 0 69px;
	padding-right: 10px;
}
#classroom_botnav {
	clear: both;
	margin-top: 50px;
}
#classroom_next {
	width: 300px; 
	float: right; 
	text-align: right
}
#classroom_prev {
	width: 300px; 
	float: left; 
	text-align: left
}
.dl_button {
	width: 200px;
	text-align: center;
	color: #363636;
	font-size: 14px;
}
.dl_button a {
	display: block;
	margin: 42px auto 0;
	width: 172px;
}
/* END classroom */

/*androidapp*/

.androidapp {
	text-align: center;
	padding: 12px 18px;
}
.androidapp p, .androidapp h2, .androidapp h3 {
	text-align: left;
}

.androidapp h1 {
	font-size: 22px;
	margin: 18px auto 12px;
	line-height: 28px;
}
.androidapp h2 {
	font-size: 18px;
	margin: 18px auto 12px;
	border-bottom: 1px solid #999;
}
.androidapp h3 {
	font-size: 16px;
	margin: 30px auto 4px;
}

.dlbutton {

}
.dlbutton a {
	display: block;
	color: #FFF;
	
	width: 280px;
	margin: 20px auto;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	padding: 8px 0 12px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.dlbutton a:hover {
	text-decoration: none;
}
.dlbutton span {
	font-size: 12px;
}
#dlmarket a {
	background-color: #339900;
	padding: 14px 0 12px;
}
#dlmarket a img {
	margin: 12px auto 0px;
}
#dlstable a {
	background-color: #005492;
}
#dlbeta a {
	background-color: #990000;
}

/* syncpage */


#syncpage {
	text-align: center;
}
#syncpage li {
	text-align: left;
}
.methodgfx {
	margin: 0 auto 40px;
	padding: 10px 18px;
}
#syncpage h2, #syncpage h3, #syncpage p {
	text-align: left;
}
#syncpage h2 {
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 14px;
}
#syncpage h3 {
	font-size: 16px;
	font-weight: normal;
	margin: 0.5em auto 1em;
}
#syncpage img {
	margin: 1.5em auto 1em;
}


#syncpage .picker {
	padding: 12px 16px;
	/*background: #FFF;*/
	width: 348px;
	float: right;
	margin-left: 10px;
	text-align: left;
	filter: none;
}
#syncpage .picker h2 {
	text-align: center;
}
#PIM, #PDA {
	display:inline;
	float:left;
	position:relative;
	/*width:180px;*/
	margin: 0 16px 16px;
	z-index: 2;
	cursor: pointer;
	width: 190px;
	font-family: Arial, Helvetica, sans-serif;
}
#PIM {z-index: 100;}
#PDA {z-index: 90;}
#pimClickArrow, #pdaClickArrow {
	display: inline;
	margin: 0 -2px 0 6px;
	font-weight: bold;
	padding: 1px 4px 2px;
}
#pimTitle, #pdaTitle {
	text-align: center;
}
.chooserBtn {
	height: 21px;
	max-height: 21px;
	padding: 6px 3px 4px;
	font-size: 15px;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
#PIM .chooserBtn, #PDA .chooserBtn {
background-color: #FFFFFF;
}
#PIM .chooserBtn {
	border: 2px solid #FFA500;
}
#PDA .chooserBtn {
	border: 2px solid #16BBF4;
}
#PIM .selected {
	border: 2px solid #F7B986;
	background-color: #FC8511;
	text-shadow: 1px 1px 1px #e87200; 
}
#PDA .selected {
	border: 2px solid #99E5FF;
	background-color: #16BBF4;
	text-shadow: 1px 1px 1px #0099CE; 
}
.selected .activeTitle, #GO {
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
}
#GOholder {
	margin: -10px 0 0 40px;
	display:inline;
	float:left;	
	position: relative;
}
#advisor span {
	display:none;
	position:relative;
	/*left:66px;
	top:-35px;
	font-size: 80px;*/
	left: 154px;
	bottom: 35px;
}
#GO, #grayGO {
	position: absolute;
	width:30px;
	text-align: center;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 19px;
	-moz-border-radius: 6px;
  	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 7px 8px 5px;
}
#grayGO {
 	border: 2px solid;
  	border-color: #d4d4d4 #cccccc #cccccc #d4d4d4;
	cursor: default;
	background: -moz-linear-gradient(0% 170% 90deg, #c4c4c4, #e8e8e8);
  	background: -webkit-gradient(linear, 0% 0%, 0% 170%, from(#e8e8e8), to(#c4c4c4));
  	color: #999999;
}
#GO {
	z-index: 1; 
	-webkit-box-shadow: 0 10px 20px rgba(255, 255, 255, 0.25) inset, 0 -4px 6px rgba(0, 0, 0, 0.08) inset;
	-moz-box-shadow: 0 10px 20px rgba(255, 255, 255, 0.25) inset, 0 -4px 6px rgba(0, 0, 0, 0.08) inset;
	box-shadow: 0 10px 20px rgba(255, 255, 255, 0.25) inset, 0 -4px 6px rgba(0, 0, 0, 0.08) inset;
	cursor: pointer;
	border: 2px solid #A2E279;
    background-color: #4CCE00;
	text-shadow: 1px 1px 1px #46A30A; 
}
#GO:hover {
	-webkit-box-shadow: 0 0 6px #4CCE00, 0 8px 20px rgba(255, 255, 255, 0.45) inset, 0 -4px 10px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow: 0 0 6px #4CCE00, 0 8px 20px rgba(255, 255, 255, 0.45) inset, 0 -4px 10px rgba(0, 0, 0, 0.2) inset;
	box-shadow: 0 0 6px #4CCE00, 0 8px 20px rgba(255, 255, 255, 0.45) inset, 0 -4px 10px rgba(0, 0, 0, 0.2) inset;
	border: 2px solid #46A30A;
	/*text-shadow: 1px 1px 1px #000;*/
}

#pim-sub-menu, #pda-sub-menu {
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0, 0.3);
	-webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;	
	width: 166px;
	display: inline-block;
	padding: 6px 10px;
	margin-left: -5px;
	margin-top: -28px; 
	-webkit-box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
	-moz-box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
	box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
	z-index: 20;
}
#pim-sub-menu {
	background-color: #FFA53C;
	border: 2px solid #FF9022;
}
#pda-sub-menu {
	background-color: #5CCBF7;
	border: 2px solid #16BBF4;
}
#pim-sub-menu li, #pda-sub-menu li {
	list-style-type: none;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 30px;
    margin-left: 0;
    padding: 0;
}
#pim-sub-menu li {
	border-bottom: 1px solid #E59436;
}
#pda-sub-menu li {
	border-bottom: 1px solid #53B6DE;
}
#pim-sub-menu li a, #pda-sub-menu li a{
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    margin-left: 0;
	margin-bottom: -1px;
    padding: 0 0 2px 4px;
	list-style-type: none;
	width: 166px;
}
#pim-sub-menu li:hover, #pda-sub-menu li:hover {
	background-color: #FFF;
	color: #000;
	text-shadow: none;
	text-decoration: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
}
#pim-sub-menu li:hover {
	-webkit-box-shadow: 1px 1px 10px #ed7e12;
	-moz-box-shadow: 1px 1px 5px #ed7e12;
	box-shadow: 1px 1px 10px #ed7e12;
}
#pda-sub-menu li:hover{
	-webkit-box-shadow: 1px 1px 10px #16BBF4;
	-moz-box-shadow: 1px 1px 5px #16BBF4;
	box-shadow: 1px 1px 10px #16BBF4;
}
#pim-sub-menu img, #pda-sub-menu img {
	margin: 0 5px 2px 0px;
	border: none;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
.sub-menu li a {
color: #ffffff;
}
.sub-menu li a:hover {
color: #000000;
text-shadow: none;
text-decoration: none;
}
 

 /* this stuff below might be old now, from the old vertical syncpage layout */
 

.halfpage, .vertsplit {
	display: inline-block;
	vertical-align: top;
}
.halfpage {
	/*
	float: left;
	width: 45.5%;
	border: 1px dashed red;
	padding: 1em 2%;
	text-align: center;
	*/
	
	width: 380px;
}
.halfpage p, .halfpage li {
	text-align: left;
}
.vertsplit {
	border-right: 1px dashed #ccc;
	position: relative;
	height: 100%;
	margin: 0 48px;
}
.vertsplit img {
	position: absolute;
	right: -21px; /*set this to half the pixel width of the OR image*/
	top: 200px;
}

/* not sure if needed..?
#pimpdaWrap {
	width: 625px;
	height: 182px;
	margin: 10px 0 30px 8px;
}
*/
 
 
 /* ************************************** */
 
 
/* IE styles */

.ie6 #navbar li, .ie7 #navbar li, .ie6 .module-block, .ie7 .module-block, .ie6 footer li, .ie7 footer li { 
	display: inline;
}
.ie6 .expand-bar, .ie6 .toTop {
	margin: 0 auto;
}

.ie6 .expand-bar, .ie6 .toTop, .ie6 #navbar li {
	cursor: pointer;
}




/**
 * Non-semantic helper classes
 */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }




/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }

	#navbar, div#footer-container, div.level3box, div.top-dl-icons, div.preload{display:none;}
	#showcase h1, #showcase h2{width:100%;margin-bottom:-30px;}
	#showcase{width:100%; margin-bottom:-320px;}
	#showcase h1{font-size:25pt;}
}