#boxljevo {
background:white url(boxbg.gif) repeat-x scroll center bottom;
font-family:Verdana,Arial,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin-top:10px;
overflow:visible;
padding:5px;
width:480px;
}


#tutorialGooglepile {
    width:522px;
    padding-top:5px;
    clear:both;
    margin:auto;
}
.navPage2 {
    width:97%;
    padding:7px;
    font-weight:normal;
    background-color:#fff;
    border:1px solid #dadee1;
    line-height:1.7;
    text-decoration:none;
}
.navPage2 a {
    border:1px solid #fff;
    margin:0px;
    padding:3px;
    font-size:1em;
}
.navPage2 a:hover {
    background-color:#3785cd;
    color:#fff;
    border:1px solid #ffffff;
    text-decoration:none;   
}
.navPage {
    width:95%;
    float:left;
    margin:5px;
    padding:7px;
    font-weight:normal;
    background-color:#fff;
    border:1px solid #dadee1;
    line-height:1.7;
    text-decoration:none;
}
.navPage a {
    border:1px solid #fff;
    margin:0px;
    padding:3px;
    font-size:1em;
}
.navPage a:hover {
    background-color:#3785cd;
    color:#fff;
    border:1px solid #ffffff;
    text-decoration:none;   
}
.navOrderBy {
    float:right;
    margin:5px;
    padding:10px;
    font-weight:normal;
    background-color:#fff;
    border:1px solid #dadee1;
}
.navOrderBy a {
    border:1px solid #fff;
    margin:0px;
    padding:4px 5px 4px 5px;
    font-size:1em;
}
.navOrderBy a:hover {
    background-color:#3785cd;
    color:#fff;
    border:1px solid #00000;
    text-decoration:none;   
}

/* CB Menu */
.mojaforma{

margin:0 auto;
width:460px;
padding:14px;

}
#catTitle {
    width:99%;
    margin:0 auto;
    margin-top:5px;
    margin-bottom:10px;
    height:17px;
    font-family:sans-serif;
    background:url("categoriesBg.gif") top repeat-x;
}
#catTitle p {
    display:block;
    float:left;
    background-color:#ffffff;
    font-size:1.2em;
    margin-left:15px;
    margin-top:3px;
    padding:0 8px 0px 8px;
}
#catTitle img { margin-left:5%; }
#catTitle a { font-weight:bold; }

#tutorialDesc {
    display:block;
    float:left;
    width:100%;
    background-color:#fdfdfe;
}
#tutorialDesc p {
    margin:10px;
    padding:0px;
    text-align:left;
}
#tutorialDesc h2 {
    margin:0px 0px 5px 0px;
    padding:5px;
    height:17px;
    font-weight:normal;
    font-family:sans-serif;
    color:#fff;
    text-align:left;
}
#tutorialDesc label {
    margin-left:10px;
}
/* ----------- stylized ----------- */
#addtuto{
margin-top:10px;

border: solid 1px #FFEB99;
}
#addtuto h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}

#addtuto input{



}
#addtuto button{

}
/* CB Menu */
.myform{
margin:0 auto;
width:460px;
padding:14px;
}
form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}

/* ----------- stylized ----------- */
#stylized{margin-top:10px;
border:solid 2px #b7ddf2;
background:#ebf4fb;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}
#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
/*Druga boja*/
#stylized1{
border:1px solid #FFEB99;
background:#FFFEE1;
}
#stylized1 h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized1 p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #FFEB99;
padding-bottom:10px;
}
#stylized1 label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized1 .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized1 input{
float:left;
font-size:12px;
padding:4px 2px;
border:1px solid #FFEB99;
width:200px;
margin:2px 0 20px 10px;
}
#stylized1 button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}


/* Green and red validation status boxes */
.submitVal { display:none; }
/* Green/Valid */
.submitValVal {
    float:right;
    margin-right:1%;
    margin-top:1%;
    padding:4px;
    width:17%;
    background-color:#0cff00;

    font-weight:bold;
    font-size:0.9em;
    text-align:center;
    color:#fff;
}
/* Red/Invalid */
.submitValInv {
    float:right;
    margin-right:1%;
    margin-top:1%;
    padding:4px;
    width:17%;
    background-color:#ff0000;

    font-weight:bold;
    font-size:0.9em;
    text-align:center;
    color:#fff;
}
/* Green and red validation status boxes */
.editVal { display:none; }
/* Green/Valid */
.editValVal {
    margin-right:1%;
    margin-top:1%;
    padding:4px;
    width:17%;
    background-color:#0cff00;

    font-weight:bold;
    font-size:0.9em;
    text-align:center;
    color:#fff;
}
/* Red/Invalid */
.editValInv {
    margin-right:1%;
    margin-top:1%;
    padding:4px;
    width:17%;
    background-color:#ff0000;

    font-weight:bold;
    font-size:0.9em;
    text-align:center;
    color:#fff;
}











#jsn-master div#conteneurmenu {
    background: transparent url(dot.png) repeat-x left bottom;
    margin: 0;
    padding: 0;
}

#jsn-master ul.cbpMenu {
    margin: 0;
    padding: 0;
}

#jsn-master ul.cbpMenu a:link,
#jsn-master ul.cbpMenu a:visited {
    background-color: #404040;
    padding: 5px 3px;
    color: #ffffff;
}

#jsn-master ul.cbpMenu a:hover {
    background-color: #595959;
}

#jsn-master li.cbMenu {
    border: none;
}

#jsn-master ul.cbSSmenu {
    border: none;
    margin: 0 !important;
}

#jsn-master ul.cbSSmenu li {
    border: none;
    width: 185px;
}

#jsn-master ul.cbSSmenu a:link,
#jsn-master ul.cbSSmenu a:visited {
    display: block;
    border-top: 1px solid #366999;
    border-right: none;
    border-bottom: 1px solid #162c40;
    border-left: 1px solid #162c40;
    background: #284d73 none;
    color: #cfdbe5;
    padding: 3px 10px;
    font-size: 0.9em;
    font-weight: normal;
    text-decoration: none;
    height: 1%;
}

#jsn-master ul.cbSSmenu a:hover {
    border-top: 1px solid #1f3d59;
    background-color: #1f3d59;
    color: #ffffff;
}


/* CB Info Panel */

#jsn-master div#cbProfileTitle {
    margin-top: 0.6em;
}

#jsn-master table.cbStatusList {
    border: 2px solid #d9d9d9;
}

#jsn-master table.cb-tips-bg {
    background-color: #366999;
}

#jsn-master table.cb-tips-fg {
    background-color: #f2f2f2;
}

#jsn-master td.cb-tips-capfont {
    padding: 3px 5px;
}

#jsn-master td.cb-tips-font {
    padding: 5px;
}

#CGTutorials a:hover{
    color:#035c79;
    text-decoration: none;
}
#CGTutorials a:visited {
    text-decoration: none;
}

.tutorial {
    padding: 5px 0 0 0;
    margin-top: 3px;
}

.tutorial img {
    float: left;
    margin: 0 8px 0 5px;
    padding: 2px;
    border: 1px solid #CCC;
}
.tutorial .none img{
    float: left;
    margin: 0 0px 0 0px;
    padding: 1px;
    border: 0px solid #CCC;
}
.tutorial img.icon {
    float: left;
    border: none;
    padding: 0;
    margin: 0 1px;
}

.tutorial div.text {
    float: left;
    margin: 0 0 0 5px;
    width: 440px;
}

.tutorial a:hover img {
    border: 1px solid #888;
}

.tutorial a:hover img.icon {
    border: none;
}

.tutorial div.text_right {
    margin-top: 6px;
    padding: 4px 0 6px 0;
    margin-right: 0 !important;
    margin-right: 1px;
}

.tutorial div.text_right img {
    float: none;
    border: none;
    padding: 0;
    margin: 0 1px;
}

.tutorial ul {
    list-style: disc;
    margin-left: 20px;
}

.tutorial div.text_right ul {
    list-style: none;
    margin-left: 0;
}

.tutorial div.text_right li {
    float: left;
    padding: 2px 6px 2px 0;
    margin-left: 6px;
    border-right: 1px solid #DDD;
}

.tutorial div.text_right li.author {
    background: url(user_red.png) no-repeat 0 50%;
    padding-left: 20px;
    margin-left: 0;
}

.tutorial div.text_right li.author2 a {
    background: url(user_red.png) no-repeat 0 50%;
    padding-left: 20px;
    display: block;
}

.tutorial div.text_right li.author2 {
    margin-left: 0;
}

.tutorial div.text_right li.added {
    background: url(calendar_add.png) no-repeat 0 50%;
    padding-left: 20px;
}

.tutorial div.text_right li.views a {
    background: url(application_double.png) no-repeat 0 50%;
    padding-left: 20px;
    display: block;
}

.tutorial div.text_right li.tcat a {
    background: url(folder.gif) no-repeat 0 50%;
    padding-left: 20px;
    display: block;
}

.tutorial div.text_right li.tuts a {
    background: url(page_white_stack.png) no-repeat 0 50%;
    padding-left: 20px;
    display: block;
}

.tutorial h3 a {
    float: left;
    display: block;
    font-size: 1.2em;
    margin-bottom: 4px;
}
.tutorial .text h3 a {
text-decoration:underline;
}
.tutorial h3 a {
display:block;
float:left;
font-size:1.2em;
margin-bottom:4px;
}
.tutorial div.text_right {
font-size:0.9em;
}
/* Advertisments */


#profil_info {
    margin-top:20px;
    width:240px;
    height:70px;
    padding:5px;
    text-align:center;
    border:1px solid #ffe222;
    background-color:#fffbe2;
    margin-left:12px;
}

#google728x15 a {
    margin-left:0px;
    text-decoration:none;
}
#google234x60 {
    margin-left:12px;
}
#google234x60 img {
    float:left;
    margin:0 5px 0 0;
    margin:0 5px 0 0;
}
.digg
{
    margin:2px 5px 0px 0px;
    width:16px;
    height:16px;
    float:left;
    display:block;
    background:url(images/icon_digg.jpg) no-repeat;
    overflow:hidden;
}

.del
{
    margin:2px 5px 0px 0px;
    width:16px;
    height:16px;
    float:left;
    display:block;
    background:url(images/delicious.gif) no-repeat;
    overflow:hidden;
}
.net
{
    margin:2px 5px 0px 0px;
    width:16px;
    height:16px;
    float:left;
    display:block;
    background:url(images/netscape.gif) no-repeat;
    overflow:hidden;
}

.fur
{
    margin:2px 5px 0px 0px;
    width:16px;
    height:16px;
    float:left;
    display:block;
    background:url(images/yahoo_myweb.gif) no-repeat;
    overflow:hidden;
}
.stum
{
    margin:2px 5px 0px 0px;
    width:16px;
    height:16px;
    float:left;
    display:block;
    background:url(images/stumbleupon.gif) no-repeat;
    overflow:hidden;
}


.reddit
{
    margin:2px 5px 0px 0px;
    width:16px;
    height:16px;
    float:left;
    display:block;
    background:url(images/reddit.gif) no-repeat;
    overflow:hidden;
}

.tehnorati
{
    margin:2px 5px 0px 0px;
    width:16px;
    height:16px;
    float:left;
    display:block;
    background:url(images/google_bmarks.gif) no-repeat;
    overflow:hidden;
}
.openTut1 {
    float:left;
    width:96.5%;
    border-top:1px dashed #dadee1;
    background-color:#fff;
    text-align:left;
    padding:6px;
    margin:0.5em 0em -0.9em 0em;
}
.openTut1 p {
    padding:0;
    margin:0;
}

.tutorialthe div.first p, .tutorialthe ul.info2 {
    clear: both;
}

.openTut1 img {
    float:left;
    margin:-2px 5px 0px 0px;
}
#dhtmlpointer{
    position:absolute;
    left: -300px;
    z-index: 101;
    visibility: hidden;
}
#dhtmltooltip{
    position: absolute;
    left: -300px;
    width: 150px;
    border: 1px solid black;
    padding: 7px;
    background-color: lightyellow;
    visibility: hidden;
    z-index: 100;
    /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}



.tutorialthe {
    padding: 5px 0 0 0;
    margin-top: 3px;
}

.tutorialthe img {
    float: left;
    margin: 0 8px 0 5px;
    padding: 2px;
    border: 1px solid #CCC;
}
.tutorialthe .none img{
    float: left;
    margin: 0 0px 0 0px;
    padding: 1px;
    border: 0px solid #CCC;
}
.tutorialthe img.icon {
    float: left;
    border: none;
    padding: 0;
    margin: 0 1px;
}

.tutorialthe div.text {
    float: left;
    margin: 0 0 0 5px;
    width: 440px;
}

.tutorialthe a:hover img {
    border: 1px solid #888;
}

.tutorialthe a:hover img.icon {
    border: none;
}

.tutorialthe div.text_right {
    margin-top: 6px;
    padding: 4px 0 6px 0;
    margin-right: 0 !important;
    margin-right: 1px;
}

.tutorialthe div.text_right img {
    float: none;
    border: none;
    padding: 0;
    margin: 0 1px;
}

.tutorialthe ul {
    list-style: disc;
    margin-left: 20px;
}

.tutorialthe div.text_right ul {
    list-style: none;
    margin-left: 0;
}

.tutorialthe div.text_right li {
    float: left;
    padding: 2px 6px 2px 0;
    margin-left: 6px;
    border-right: 1px solid #DDD;
}

.tutorialthe div.text_right li.author {
    background: url(user_red.png) no-repeat 0 50%;
    padding-left: 20px;
    margin-left: 0;
}

.tutorialthe div.text_right li.author2 a {
    background: url(user_red.png) no-repeat 0 50%;
    padding-left: 20px;
    display: block;
}

.tutorialthe div.text_right li.author2 {
    margin-left: 0;
}

.tutorialthe div.text_right li.added {
    background: url(calendar_add.png) no-repeat 0 50%;
    padding-left: 20px;
}

.tutorialthe div.text_right li.views a {
    background: url(application_double.png) no-repeat 0 50%;
    padding-left: 20px;
    display: block;
}

.tutorialthe div.text_right li.tcat a {
    background: url(folder.gif) no-repeat 0 50%;
    padding-left: 20px;
    display: block;
}

.tutorialthe div.text_right li.tuts a {
    background: url(page_white_stack.png) no-repeat 0 50%;
    padding-left: 20px;
    display: block;
}

.tutorialthe h3 a {
    float: left;
    display: block;
    font-size: 1.2em;
    margin-bottom: 4px;
}
.tutorialthe .text h3 a {
text-decoration:underline;
}
.tutorialthe h3 a {
display:block;
float:left;
font-size:1.2em;
margin-bottom:4px;
}
.tutorialthe div.text_right {
font-size:0.9em;
}

.tutorialthe {padding-top:10px;
margin-top:5px;
overflow:hidden;
padding:2px 0px 3px;
background:white url(boxbg.gif) repeat-x scroll center bottom;
border:1px solid #C0C0C0;
}

.tutorialthe .sub {float:left;
color:#999999;
margin-bottom:4px;
}
.tutorialthe .sub a {
color:#999999;
text-decoration:underline;
}
.tutorialthe .sub a:hover {
color:#666666;
text-decoration:none;
}
.tutorialthe .dets {
float:left;
line-height:1.5em;
padding:0pt 10px 3px;
width:580px;
}
.tutorialthe .dets h3 {
font-size:1.1em;
}
.tutorialthe .info2 {
background:transparent url(infobg.gif) repeat-x scroll 0%;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:0pt;
padding-top:2px;
}
.tutorialthe .info2 li {
float:left;
border-left:1px solid #E6E6E6;
margin-left:2px;
padding-left:10px;
padding:5px 7px;
}
.tutorialthe .info2 li.first {
border-left:medium none;
}
.tutorialthe .info2 li.last {
border-right:medium none;
color:#CCCCCC;
}

.tutorialthe .digg
{
    margin:2px 5px 0px 0px;
    width:20px;
    height:20px;
    float:left;
    display:block;
    background:url(digg.gif) no-repeat;
    overflow:hidden;
}

.tutorialthe .del
{
    margin:2px 5px 0px 0px;
    width:16px;
    height:16px;
    float:left;
    display:block;
    background:url(delicious.gif) no-repeat;
    overflow:hidden;
}
.tutorialthe .net
{
    margin:2px 5px 0px 0px;
    width:16px;
    height:16px;
    float:left;
    display:block;
    background:url(netscape.png) no-repeat;
    overflow:hidden;
}

.tutorialthe .fur
{
    margin:2px 5px 0px 0px;
    width:16px;
    height:16px;
    float:left;
    display:block;
    background:url(yahoo_myweb.gif) no-repeat;
    overflow:hidden;
}
.tutorialthe .stum
{
    margin:2px 5px 0px 0px;
    width:16px;
    height:16px;
    float:left;
    display:block;
    background:url(stumbleupon.png) no-repeat;
    overflow:hidden;
}


.tutorialthe .reddit
{
    margin:2px 5px 0px 0px;
    width:18px;
    height:18px;
    float:left;
    display:block;
    background:url(reddit.png) no-repeat;
    overflow:hidden;
}

.tutorialthe .tehnorati
{
    margin:2px 5px 0px 0px;
    width:16px;
    height:16px;
    float:left;
    display:block;
    background:url(technorati.png) no-repeat;
    overflow:hidden;
}