/* NSOrg Web Developer 2007 - 2008 Copyright © 2003 - 2008 NS Network Organization. All right reserved. */

/** Components **/
.contentdescription {
	padding:1em;
}

.contentdescription img {
	border: 1px solid #A5C2E3;
	padding: 1px;
	position:relative;
	right:5px;
	top:3px;
}

/* Tutorial Pathway */
.tut-pathway {
	margin: 6px 0 0.7em 0;
	padding: 0 0 0 6px;
	background: #c6dfe9 url(../images/tut-pathway.png) 0 0;
	color: #689db3;
	font-size: 91%;
}

.tut-pathway div {
	background: url(../images/tut-pathway.png) 100% 0;
	padding: 5px 6px 1px 3px;
	height: 19px;
}

.tut-pathway a {
	text-decoration: none;
	font-weight: bold;
	padding: 0 2px;
	color: #105CB6;
}

/* Tutorials Body */
.tutorials-summary {
    padding: 0.7em 0 2.5em 0;
    position: relative;
    /*clear: left;*/
    min-height: 55px;
	z-index: 990;
}

.tutorials-summary ul li, .tutorial-menu ul li {
	background:none;
}

.tutorial-image img {
	padding: 3px; 
	border: 1px solid #b7cce0; 
	margin: 0 0 1em 2em;
	float:right;
}

.tutorials-body {
	padding-left: 70px;
}

.tutorials-body a {	
	color: #105CB6; 
	outline: none; 
}

.tutorials-body a:link, .tutorials-body a:visited, .tut-pathway a:link, .tut-pathway a:visited {
	color: #105CB6;
	text-decoration:none;
}

.tutorials-body a:hover, .tutorials-body a:focus, .tut-pathway a:hover, .tut-pathway a:focus {
	color: #003; 
}

.tutorials-body a:active, .tutorials-body a:active, .tut-pathway a:active, .tut-pathway a:active {
	color: #000; 
}

.tutorials-body h3 {
    margin:0;
    font-size: 123%;
    letter-spacing: -0.01em;
    font-weight: bold;
    line-height: 1.1;
}

.tutorials-body h3 a {
	text-decoration: none;
	border-bottom:1px solid #75ABEA;
}

.tutorials-body h3 a:visited {
	color: #86b0e1;
}

.tutorials-body p {
    margin: 0.2em 0 0.1em 0;
    line-height: 1.3;
}

.tutorials-body p a.more:link, .tutorials-body p a.more:visited {
	color: #666;
	text-decoration:underline;
	font-weight:normal;
}

.tutorials-body p a.more:hover {
	color: #333;
}

.tutorials-topic {
    font-size: 85%;
    color: #666;
	margin-left:0.5em;
}

.tutorials-topic a:link, .tutorials-topic a:visited {
    color: #666;
    text-decoration: none;
}

.tutorials-topic a:hover {
    color: #000;
    text-decoration: underline;
}

.tutorials-body p span {
	font-size:87%;
	color:#888;
	position:relative;
	top:-2px;
}

.tutorials-options {
	padding: 5px 0 0 0;
}

.tutorials-options a {
	text-decoration: none;
}

a.tutorial-comlink {
	background: url(../images/tut-icon.png) 0 2px no-repeat;
	padding-left: 18px;
}

a.tutorial-comlink:hover {
	padding-left: 18px;
	background-position: 0 -16px;
}

a.tutorial-shalink {
	background: url(../images/tut-icon.png) 0 -36px no-repeat;
	padding-left: 18px;
}

a.tutorial-shalink:hover {
	padding-left: 18px;
	background-position: 0 -54px;
}

a.tutorial-vielink {
	background: url(../images/tut-icon.png) 0 -72px no-repeat;
	padding-left: 18px;
}

a.tutorial-vielink:hover {
	padding-left: 18px;
	background-position: 0 -90px;
}

.tutorial-hass, .tutorial-userinfo {
	display: block;
	color: #777;
	float: left;
	font-size: 85%;
	padding: 0 6px 0 0;
	min-height: 18px;
    white-space: nowrap;/*need for IE6*/
	margin-right:0.5em;
}

.tutorial-hass {
	margin-top:0.2em;
}

.tutorial-userinfo img {
    margin-left: 0.6em;
	border: 1px solid #ccc;
	vertical-align: middle;
	padding:1px;
}

.tutorial-userinfo .date span {
	color: #a12a2a;
    font-weight: bold;
    white-space: nowrap;
    word-spacing: -0.1em;
}

/* Tutorial Share*/
#tut-sharepop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	height: 100%;
	background: url(../images/semi_transparent.png);
}

#tut-sharepop .tut-shareboard {
	background:url(../images/shareboard.png) no-repeat;
	padding:1em;
	height:286px;
	width:476px;
	position: absolute;
	top: 18%;
	left: 25%;
}

#tut-sharepop ul {
	list-style:none;
	padding:0 0 2.2em 0;
	margin:0;
}

#tut-sharepop ul li {
	float:left;
	padding:0;
	margin:0;
}

#tut-sharepop .tut-sh-title {
	margin-left:1em;
	font:bold 110% Arial, Helvetica, sans-serif;
	background:url(../images/shareicon.png) 0 0 no-repeat;
	height:16px;
	padding-left:1.5em;
	color:#405B24;
}

#tut-sharepop .tut-sh-close {
	float:right;
	margin-right:1.2em;
}

#tut-sharepop .tut-sh-close a {
	color:#990000;
	top:-0.2em;
	position:relative;
	text-decoration:none;
	background:url(../images/shareicon.png) 0 -16px no-repeat;
	display:block;
	height:16px;
	padding-left:1.8em;
	font-weight:bold;
	font-size:96%;
}

#tut-sharepop #tut-showshare {
	background:url(../images/showshare.png) no-repeat;
	padding:1em;
	width:450px;
	height:226px;
	display:block;
}

#tut-showshare .tut-e-title {
	font-weight:bold;
	color:#333;
	font-size:92%;
	text-align:left;
	padding:0.6em 0 0 0.3em;
}

#tut-showshare #email, #tut-showshare #subject, #tut-showshare textarea {
	width:36em;
	font:normal 100% Arial, Helvetica, sans-serif;
	line-height: 1;
}

#tut-showshare .button {
	float:left;
	font-size:91%;
}

/* Tutorials Favourite */
.tutorials-summary ul.tutorials-fav li{
	background:none;
	margin: 0;
    padding: 0;
}

ul.tutorials-fav {
    position: absolute;
    top: 0.8em;
    left: 0;
    text-align: center;
    font-size: 85%;
    margin: 0;
    padding: 0;
    list-style: none;
    background: url(../images/tutorials-star.png) no-repeat;
}

ul.tutorials-fav li.fav-count, ul.tutorials-fav li.fav-count a {
	color: #736926;
	padding: 2px 0 0 0;
}


.fav-count, .fav-count a, .fav-count a:visited, .fav-count a:hover, .fav-count a:active, .fav-count strong {
	display: block;
    text-decoration: none;
    color: #736926;
    text-align: center;
	width: 62px;
    height: 58px;
}

ul.tutorials-fav li.fav-count a strong {
	margin-top:-0.2em;
}

ul.tutorials-fav li.fav-count strong {
    font-size: 180%;
    font-weight: normal;
    letter-spacing: -2px;
    line-height: 1;
	padding-top:1em;
	margin-bottom:-0.9em;
}

ul.tutorials-fav li.fav-count span, ul.tutorials-fav li.fav-count a span {
	color: #736926;
	position:relative;
	top:-2.4em;
	margin-left:0.3em;
	margin-top:1em;
}

ul.tutorials-fav li.fav-count a strong {
	cursor:pointer;
}

ul.tutorials-fav li.fav-count a:hover strong {
	color: #998D43;
}

ul.tutorials-fav li.fav-it {
	padding:0.3em 0 0 1em;
}

*+html ul.tutorials-fav li.fav-it {
	padding:0.3em 0 0 0.4em !important; /*IE 7*/
}

ul.tutorials-fav li.fav-it a, ul.tutorials-fav li.fav-it span {
	display:block;
	width: 45px;
	height:16px;
	background: url(../images/tutorials-favit.png) 0 0 no-repeat;
	font-weight:bold;
	text-decoration:none;
}

ul.tutorials-fav li.fav-it a, ul.tutorials-fav li.fav-it a:visited {
	color: #105CB6;
}

ul.tutorials-fav li.fav-it a:hover {
	background: url(../images/tutorials-favit.png) 0 -16px no-repeat;
}

ul.tutorials-fav li.fav-it span {
	color:#999;
}

/* Tutorials More */
div.tutorials-more {
	color: #666;
	padding: 2em 0 0 0;
    margin: 0;
    font-size: 85%;
}

div.tutorials-more a, div.tutorials-options a, div.tutorials-more a:visited, div.tutorials-options a:visited {
	color: #105CB6;
	text-decoration:none; 
}

div.tutorials-more a:hover, div.tutorials-options a:hover {
	color: #003; 
}

div.tutorials-more dl {
    margin: 0 0 2em 0;
}

div.tutorials-more dt {
    float: left;
    font-weight: bold;
}

div.tutorials-more dd {
    margin-left: 7em;
    margin-bottom: 1em;
}

div.tutorials-more dd img {
	margin-bottom:-0.4em;
}

/** Tutorials Page **/
#tutorial-pages {
	padding:3em 0;
}

#tutorial-pages .pagenav {
	padding: 0.2em 0.5em;
    margin-right: 0.1em;
    font-size: 85%;
	border: 1px solid #ddd;
	color: #999;
}

#tutorial-pages a.pagenav {
	color: #105CB6; 
    border: 1px solid #9AAFE5;
    text-decoration: none;
}

#tutorial-pages a.pagenav strong {
	font-weight:normal;
}

#tutorial-pages a.pagenav:hover {
    border-color: #2E6AB1;
}

/** Tutorials Comments **/
.tutorials-com-wrap {
	 width:100%;
	 padding:0;
	 margin:0;
}

.tutorials-com-wrap ul {
	list-style:none;
	padding:1em 0 2em 1em;
	margin:0 0 0 0;
	border-bottom:1px solid #ddd;
}

div.tutorials-com-wrap ul li {
	float:left;
	margin:0;
	padding:0;
	position:relative;
	top:-0.9em;
}

.tutorials-com-wrap ul li a {
	color:#666;
	background:#F2F2F2;
	border-top:1px solid #ddd;
	border-left:1px dotted #999;
	font-weight:bold;
	padding:0.7em 0.8em;
	margin:0;
	display:block;
}

.tutorials-com-wrap ul li a:hover {	
	background:#eee;
	color:#000;
}

.tutorials-com-wrap ul li.active a {	
	color:#ddd;
}

.tutorials-com-wrap li.tutorials-falink a {
	border-right:1px dotted #999;
}

/*#tutorials-com-header a {
	font-weight:bold;
	text-decoration:none;
	letter-spacing:-1px;
}

a#tutorials-chlink {
	background: url(../images/icon-comhd.png) no-repeat;
	line-height:24px;
	display:block;
	padding:0 0 0 30px;
}*/


.tutorials-com-main1 {
	margin:15px 0;
	background: #EEE;
}

.tutorials-com-main2 {
	margin:15px 0;
}

.tutorials-com-body dt, .tutorials-com-body dd {
	padding:5px 10px;
}

.tutorials-com-add {
	margin:10px 0;
	background:#EAF0F5;
}

#tutorials-com-form {
	padding:10px 15px;
}

#tutorials-com-form form {
	padding-right:8px;
}

dt.tutorials-cahd img {
	border: 1px solid #ccc;
	vertical-align:middle;
}

dt.tutorials-cahd {
	color:#3F6483;
	font-size:85%;
}

.tutorials-cahd a, .tutorials-cahd a:hover, .tutorials-cahd a:visited , a#tutorials-ca {
	text-decoration:underline;
	color:#3F6483;
}

a#tutorials-ca {
	font-weight:bold;
}

div#tutorials-caf {
	font-size:85%;
	padding-bottom:1em;
	color:#4D75B9;
}

div#tutorials-caf img {
	border: 1px solid #ccc;
	vertical-align:middle;
}

div#tutorials-caf a {
	color:#4D75B9;
	text-decoration:underline;
	font-weight:bold;
}

/** Tutorials Favers **/
.tutorials-fav-body {
	padding:0.5em 0;
}

.tutorials-fav-body span {
	display:block;
	float:right;
	background:#F2F2F2;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	padding:0.5em;
	font-weight:bold;
	color:#666;
	font-size:91%;
	text-transform:lowercase;
}

.tutorials-fav-body p {
	border:1px solid #ddd;
	display:block;
	padding:1em;
	margin:2.1em 0 0 0;
	background:#F2F2F2;
}

div.tutorials-fav-body p img {
	border: 1px solid #ccc;
	vertical-align:middle;
}

.tutorials-fav-body p a {
	margin-right:2em;
	text-decoration:none;
	font-size:85%;
	color: #105CB6;
}


/** Tutorials Submit/Edit **/
.tut-edit-title {
	color:#555;
	font-weight:bold;
	font-size:91%;
}

span.smallgrey {
	font-size:x-small;
	color:#666;
}

.tutitleCount, .tutdesCount {
	color:#006633;
	font-size:85%;
	font-weight:bold;
	position:relative;
}

#tutitle, #tuturl {
	width:90%;
}

#tutdescription {
	width:90%;
}

.tutitleCount, .tutdesCount {
	left:35%;
}

.tutorial-preview {
	border:1px solid #ddd;
}

.tutorial-preview legend {
	padding:0 10px;
	color:#006633;
	font-size:100%;
	font-weight:bold;
}

.tutorial-preview span {
	color:#999;
	font-weight:normal;
}

.tut-fieldset-footer {
	padding:1em;
	background:#eee;
}

#descrDisplay {
	color:#333;
}

/* ajax loder img */
a.tutvaldat {
	background: url(../images/load-ok.gif) no-repeat;
}

a.tutfailed {
	background: url(../images/load-no.gif) no-repeat;
}

a.tutloadok {
	background: url(../images/check-btm.png) 0 0 no-repeat;
}

a.tutloadno {
	background: url(../images/check-btm.png) 0 -16px no-repeat;
}

a.tutloadem {
	background: url(../images/check-btm.png) 0 -32px no-repeat;
}

a.tutloadvd {
	background: url(../images/check-btm.png) 0 -48px no-repeat;
}

a.tutvaldat, a.tutfailed, a.tutloadok, a.tutloadno, a.tutloadem, a.tutloadvd {
	padding-left:16px;
	margin-right:0.6em;
	height:16px;
	display:block;
	float:right;
}

a.tutvaldat span, a.tutfailed span, a.tutloadok span, a.tutloadno span, a.tutloadem span, a.tutloadvd span {
	display:none;
}

/** Tutorial Pagination **/
#tutorial-pages {
	padding: 1em;
	padding-bottom:3em;
    margin: 1em 0;
    clear: left;
	font-size: 85%;
}

#tutorial-pages a, #tutorial-pages span, #tutorial-pages span.current, #tutorial-pages span.disabled {
	display: block;
    float: left;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
}

#tutorial-pages a {
	border: 1px solid #9AAFE5;	
	text-decoration: none;
}

#tutorial-pages a:hover, #tutorial-pages a:active {
	border-color: #2E6AB1;
}

#tutorial-pages a.prev, #tutorial-pages a.next {
    font-weight: bold;
}

#tutorial-pages span.current {
	border: 1px solid #2E6AB1;
    font-weight: bold;
    background: #2E6AB1;
    color: #fff;
}
	
#tutorial-pages span.disabled {
	border: 1px solid #ddd;
    color: #999;
}

/** Tutorials Menu Listing **/
.tutorial-menu {
	padding:1em;
}

div.tutorial-menu ul li {
	list-style:none;
	padding:0;
	margin:0;
	background:none;
}

.tutorial-menu ul li a {
	color:#333;
	text-decoration:none;
	font:bold 96% Arial, Helvetica, sans-serif;
	background:#F3F3F3;
	border-top:1px solid #E1E1E1;
	border-right:1px solid #E1E1E1;
	border-left:1px solid #E1E1E1;
	position:relative;
	bottom:.2em;
	padding:5px;
}

.tutorial-menu ul .tut-menu-cat {
	background:#F3F3F3;
	border:1px solid #E1E1E1;
	padding:1em .5em;
	margin-bottom:1em;
}

.tutorial-menu ul .tut-menu-cat a {
	color: #105CB6;
	text-decoration:underline;
	font:normal 91% Arial, Helvetica, sans-serif;
	background:none;
	border-top:none;
	padding:0px;
	bottom:0;
}

.tutorial-menu ul .tut-menu-cat a:hover {
	color: #003;
}

.tutorial-menu ul .tut-menu-cat small {
	color:#888;
	font-size:85%;
}

.tutorial-subbut {
	float:right;
	margin-right:1em;
	margin-top:5px;
	border:1px solid #E1E1E1;
}

.tutorial-subbut a {
	padding:0em 1em;
	background:#F3F3F3;
	font-weight:bold;
	text-decoration:none;
}

.tutorial-subbut a:hover {
	background:#E8E8E8;
	border:1px solid #ccc;
}