/*****************************************************************/
/*****************************************************************/
/* pplabs.css                                                    */
/* Global CSS file for PPLabs                                    */
/*****************************************************************/
/*****************************************************************/
@charset "utf-8";

/*****************************************************************/
/* RESET                                                         */
/*****************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
    
}
body {
	line-height: 1;
	
}
ol, ul {
	list-style: none;
}
:focus {
	outline: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
}
/*****
 * Duke Numek RESET *
******/
.NormalRed
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: #fff;
}


/*****************************************************************/
/* END - RESET                                                   */
/*****************************************************************/

/*****************************************************************/
/* TEXT                                                          */
/*****************************************************************/
h3, h3 a, h3 a:visited {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #2b2b2b;
	letter-spacing: -1px;	
	margin: 0 0 8px;
}
h4, h4 a, h4 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2b2b2b;
	margin: 12px 0 0;
}
div#dnn_RightPane h2 {
	color: #94caff;
}
h2, label, p, li, input.text, input.button, select, a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333;
}
div#dnn_RightPane input.text {
    width: 90%;
    border: solid 1px;
    border-color: #222 #666 #666 #222;
    background: #444;
    padding: 2px 4px 5px;
    color: #fff;
}
div#dnn_RightPane h3, div#dnn_RightPane p, div#dnn_RightPane li {
	color: #fff;
}
h2 {
	font-size: 15px;
}
select{
	font-size: 11px;
}
p {
	font-size: 12px;
}
div.story p {
	line-height: 18px;
	margin: 0 0 5px;
}
p.read-on {
	font-weight: bold;
}
p.comments {
	font-size: 10px;
	text-transform: uppercase;
}
div.comment-entry {
	border-bottom: 1px solid #4d4d4d;
	margin-bottom: 10px;
}
div.story ul {
	margin: 0 0 5px;
}
li {
	font-size: 12px;
}
div.story li {
	line-height: 16px;
	padding-left: 12px;
	margin-bottom: 2px;
	background: url(li.png) 0 2px no-repeat;
}
div.story li.idea {
	padding-left: 24px;
	margin-bottom: 5px;
	background: url(feedback_small.png) 0 -2px no-repeat !important;
}
div#content a, div#user a {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid #999;
}
div#user p, div#user a {
    color: #fff;
    text-transform: uppercase;
}
div#user a:hover {
	border-bottom: 1px solid #ccc;
}
div#dnn_RightPane a {
	border-bottom: 1px solid #888;
	font-size:12px;
	/*background: url(li.png) 0 2px no-repeat;*/
}
div#content a:hover{
	border-bottom: 1px solid #333;
}
div#dnn_RightPane a:hover {
	border-bottom: 1px solid #fff;
}
#dnn_RightPane .story a{
    color: #fff;
}
#dnn_RightPane div.story div{
    margin-bottom:15px;
    
}
#dnn_RightPane .story{
    font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333;
}

div.window div.header img {
    float: right;
    margin: 10px 10px 0 0;
}
/*****************************************************************/
/* END - TEXT                                                    */
/*****************************************************************/


/*****************************************************************/
/* FORM                                                          */
/*****************************************************************/
div#search input {
	color: #fff;
	border: 1px solid #ccc;
	padding: 3px 5px;
	border: 1px solid;
	border-color: #000 #999 #999 #000;
	background: url(bg_input.gif) top left repeat-x #4d4d4d;
}
/*****************************************************************/
/* END - FORM                                                    */
/*****************************************************************/



/*****************************************************************/
/* LAYOUT                                                        */
/*****************************************************************/
body {
	background: url(bg_main.gif) top center repeat-y #262626;
}
div#logo {
	float: left;
	width: 40%;
	margin: -2px 0 6px;
}
* html div#logo img
{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
* html div#logo
{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='logo.png', sizingMethod='crop' );
}
div#container {
	width: 960px;
	margin: 0 auto;
}
div#header {
	margin-top: 15px;
}
div#user{
	float: right;
	width: 40%;
	text-align: right;	
}

div#search {
	float: right;
	width: 40%;
	text-align: right;
}
div#content {
	border: 1px solid #ccc;
	border-top: 0;
	padding-bottom: 10px;
	background: #808080;
	clear: both;
	overflow: hidden;
}
div#main, div#dnn_ContentPane {
	float: left;
	width: 75%;
}
* html div#dnn_RightPane div.content div.story p 
{
    /* display: inline;*/
}
* html div#content {
    height: 100%;
}
* html div.window div.story {
    height: 100%;
}
* html div#main, * html div#dnn_ContentPane {
    width: 665px;
}

div#dnn_RightPane {
	float: right;
	width: 25%;
}
div#footer {
	margin-bottom: 10px;
	overflow: hidden;
}
div#company {
	float: right;
	margin-right: 4px;
}
div#company img
{
    float: right;
}
/*****************************************************************/
/* END - LAYOUT                                                  */
/*****************************************************************/

/*****************************************************************/
/* MENU */
/*****************************************************************/
ul#menu {
	clear: both;
    overflow: visible;
	border-bottom: 1px solid #ccc;
	padding-left: 2px;
	height: 28px;
}
ul#menu li {
	float: left;
    background: url(menu-l.gif) top left no-repeat;
    height: 28px;
    margin-left: 2px;
}
ul#menu li a, ul#menu li p {
    display: block;
    float: left;
    height: 28px;
    padding: 0 8px 0 0;
	text-decoration: none;
    background: url(menu-r.gif) top right no-repeat;
}
ul#menu a {
    cursor: pointer;
}
ul#menu li.selected {
    height: 29px;
    margin-bottom: -1px;
    background-image: url(menu-actv-l.gif);
}
ul#menu li.selected a, ul#menu li.selected p {
    height: 29px;
    background-image: url(menu-actv-r.gif);
}
ul#menu li a span, ul#menu li p span {
    display: block;
    height: 20px;
    padding: 8px 0 0 8px;
	color: #ccc;
    font-size: 15px;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
}
ul#menu li.selected a span, ul#menu li.selected p span {
	color: #fff;
}
* html ul#menu li a span, * html ul#menu li p span {
    display: inline-block;
    text-overflow: ellipsis;
	width: expression(this.offsetWidth > 200? "200px": "auto" );
}
*:first-child+html ul#menu li a span, *:first-child+html ul#menu li p span {
    text-overflow: ellipsis;
} 
/*****************************************************************/
/* END - MENU */
/*****************************************************************/


/*****************************************************************/
/* WINDOW                                                        */
/*****************************************************************/
div.window {
	margin: 10px;
	background: url(window-head.gif) top left repeat-x;
}
div.window div.header {
    height: 31px;
    background: url(window-head-r.gif) no-repeat right top;
}
div.window div.header h2 {
	height: 23px;
    padding: 8px 0 0 10px;
    background: url(window-head-l.gif) no-repeat left top;
}
div.window div.content {
	border: 1px solid #4d4d4d;
	border-top: 0;
	background: #fff;
}
div.story {
	padding: 10px 10px 15px;
	overflow: hidden;
}
div.story + div.story {
	border-top: 1px solid #4d4d4d;
}

img.story {
	clear: both;
	float: right;
	margin: 0 10px 10px 20px;
}

* html img.story {
}

p.demo a {
	display: block;
	padding: 8px 0 8px 35px;
	background: url(icon_demo.png) top left no-repeat;
	border: 0 !important;
}

p.download a {
	display: block;
	padding: 4px 0 4px 35px;
	background: url(icon_download.png) center left no-repeat;
	border: 0 !important;
}

p.demo a:hover, p.download a:hover {
	text-decoration: underline !important;
}

div#dnn_RightPane label
{
    color:#fff;
}
div#dnn_RightPane div.window div
{
    color:#fff;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
div#dnn_RightPane div.story table table td {
    line-height:16px;
    padding: 5px 0;
}
div#dnn_RightPane a.CommandButton, div#dnn_RightPane a.button {
    display: -moz-inline-box;
    display: inline-block;
    padding: 5px 11px;
    border: 1px solid;
    border-color: #888 #222 #222 #888;
    background: #666;
}

div#dnn_RightPane div.window td{
    padding-top:5px;
}
div#dnn_RightPane div.window table td.SubHead img
{
    display:none;
}
div#dnn_RightPane div.window {
	margin-left: 0;
	background-image: url(window-scnd-head.gif);
}
div#dnn_RightPane div.window div.header {
    background-image: url(window-scnd-head-r.gif);
}
div#dnn_RightPane div.window div.header h2 {
    background-image: url(window-scnd-head-l.gif);
}
div#dnn_RightPane div.window div.content {
	border: 0;
	background: #4d4d4d;
}
div#dnn_RightPane div.story {
	padding-top: 0;
}

.noimg img {
    display: none;
}

div#dnn_RightPane {
	float: right;
	width: 24.5%;
}


/*****************************************************************/
/* END - WINDOW                                                  */
/*****************************************************************/

/* Tryout  */


p.tryout {
    padding: 10px 0 15px;
}
p.tryout a  {
    font-size:  40px !important;
    font-weight: bold !important;
    border: 0 !important;
    color: #94caff !important;
    text-decoration: underline !important;
}
p.tryout a:hover {
    border: 0 !important;
}

/* See try engage */
div#imgWrap {
	color:#fff !important;
	display:block;	
	font-family:Arial, sans-serif;
	position:relative;
	width:676px;
}

div#imgWrap.lynx {
	background-image:url(bg_lynx.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

div#imgWrap div#intro {
	display:block;
	left:75px;
	padding:40px 40px 49px;
	position:relative;
	top:14px;
	width:245px;
	
}

div#imgWrap div#steps {
	background-image:url(bg_steps.png);
	background-repeat:no-repeat;
	background-position:top center;
	display:block;
	height:85px;
}

div#imgWrap.lynx div#bottom {
	background-image:url(bg_lynx.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	display:block;
	height:8px;
}

div#stepOne a, div#stepTwo a,  div#stepThree a {
	color:#fff;
	display:block;
	float:left;
	height:46px;
	padding:10px 0;
	position:relative;
	text-align:center;
	text-decoration:none !important;
	border-bottom: 0;
	top:7px;
}

div#imgWrap div#stepOne a {
	margin-left:10px;
	width:175px;
}

div#imgWrap div#stepTwo a {
	margin-left:50px;
	width:175px;
}

div#imgWrap div#stepThree a {
	margin-left:50px;
	width:175px;
}

div#imgWrap div#intro h1 {
	font-size:24px !important;
	letter-spacing:-1px;
	padding:0 0 6px;
}

div#imgWrap div#steps a h2 {
	line-height:12px;
	margin-top:8px;
	padding:0;
	font-weight:bold;
	font-size:24px;
	color: #fff;
	margin-bottom:21px;
}

div#imgWrap div#steps a p {
	color:#F0F0F0;
	font-family:Verdana,sans-serif;
	font-size:11px !important;
	line-height:11px;
	margin-top:-12px;
	padding:0;
}

div#imgWrap div#intro p {
	color:#d1d1d1;
	font-size:16px !important;
	font-weight:bold  !important;
	line-height:16px;
}

div#imgWrap.yap {
	background-image:url(bg_yap.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	
}
div#imgWrap.yapClean {
	background-image:url(bg_yap_clean.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	
}
div#imgWrap div#yapMovie {
	display:none;
	left:15px;
	
	position:relative;
	top:13px;
	width:245px;
}

div#imgWrap.yap div#bottom, div#imgWrap.yapClean div#bottom {
	background-image:url(bg_yap.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	display:block;
	height:8px;
}