background:-webkit-radial-gradient(bottom,circle,#FACF0C,#4BB648);
background:-moz-radial-gradient(bottom,circle,#FACF0C,#4BB648);
background:-ms-radial-gradient(bottom,circle,#FACF0C,#4BB648);
background:-o-radial-gradient(bottom,circle,#FACF0C,#4BB648);
background:radial-gradient(bottom,circle,#FACF0C,#4BB648);
text-decoration:underline;
font:italic 14px Cambaria,Georgia,Serif;
font:bold 32px 'Showcard Gothic','Century Gothic',Arial,Sans-Serif;
text-shadow:0 1px 0px rgba(255,255,255,0.4);
-webkit-animation:slow 2s;
background:-webkit-linear-gradient(top,#ECDE8C,#F6EEAB);
background:-moz-linear-gradient(top,#ECDE8C,#F6EEAB);
background:-ms-linear-gradient(top,#ECDE8C,#F6EEAB);
background:-o-linear-gradient(top,#ECDE8C,#F6EEAB);
background:linear-gradient(top,#ECDE8C,#F6EEAB);
border:1px solid #DCC56C;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.4);
box-shadow:0 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:3px;
-webkit-animation:slow 1s;
#author .deskripsi:before {
border-color:#DCC56C transparent transparent transparent;
#author .deskripsi:after {
border-color:#F6EEAB transparent transparent transparent;
background:-webkit-linear-gradient(65deg,rgba(0,0,0,0.6),rgba(0,0,0,0.9),rgba(0,0,0,0.5),rgba(0,0,0,0.9));
background:-moz-linear-gradient(65deg,rgba(0,0,0,0.6),rgba(0,0,0,0.9),rgba(0,0,0,0.5),rgba(0,0,0,0.9));
background:-ms-linear-gradient(65deg,rgba(0,0,0,0.6),rgba(0,0,0,0.9),rgba(0,0,0,0.5),rgba(0,0,0,0.9));
background:-o-linear-gradient(65deg,rgba(0,0,0,0.6),rgba(0,0,0,0.9),rgba(0,0,0,0.5),rgba(0,0,0,0.9));
background:linear-gradient(65deg,rgba(0,0,0,0.6),rgba(0,0,0,0.9),rgba(0,0,0,0.5),rgba(0,0,0,0.9));
border-top:1px solid rgba(0,0,0,0.5);
-webkit-box-shadow:inset 0 1px 0px rgba(255,255,255,0.4);
-moz-box-shadow:inset 0 1px 0px rgba(255,255,255,0.4);
box-shadow:inset 0 1px 0px rgba(255,255,255,0.4);
font:normal 12px Calibri,Arial,Sans-Serif;
background:-webkit-radial-gradient(50% 90%,circle closest-corner,#07D9F9,#03456F 100%,#fff 300% );
background:-moz-radial-gradient(50% 90%,circle closest-corner,#07D9F9,#03456F 100%,#fff 300% );
background:-ms-radial-gradient(50% 90%,circle closest-corner,#07D9F9,#03456F 100%,#fff 300% );
background:-o-radial-gradient(50% 90%,circle closest-corner,#07D9F9,#03456F 100%,#fff 300% );
background:radial-gradient(50% 90%,circle closest-corner,#07D9F9,#03456F 100%,#fff 300% );
border:1px solid #4A676F;
-webkit-border-radius:100px;
-moz-border-radius:100px;
-webkit-box-shadow:0 1px 1px rgba(255,255,255,0.9),inset 0px 2px 1px rgba(255,255,255,0.8),inset 0px 5px 2px rgba(255,255,255,0.5),inset 0px 10px 10px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.8);
-moz-box-shadow:0 1px 1px rgba(255,255,255,0.9),inset 0px 2px 1px rgba(255,255,255,0.8),inset 0px 5px 2px rgba(255,255,255,0.5),inset 0px 10px 10px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.8);
box-shadow:0 1px 1px rgba(255,255,255,0.9),inset 0px 2px 1px rgba(255,255,255,0.8),inset 0px 5px 2px rgba(255,255,255,0.5),inset 0px 10px 10px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.8);
webkit-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
-o-transition:all 0.4s linear;
transition:all 0.4s linear;
-webkit-transform:skew(-4deg,-7deg) rotate(17deg);
-moz-transform:skew(-4deg,-7deg) rotate(17deg);
-ms-transform:skew(-4deg,-7deg) rotate(17deg);
-o-transform:skew(-4deg,-7deg) rotate(17deg);
transform:skew(-4deg,-7deg) rotate(17deg);
-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.4);
-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.4);
box-shadow:1px 1px 1px rgba(0,0,0,0.4);
-webkit-transform:skew(-4deg,-7deg);
-moz-transform:skew(-4deg,-7deg);
-ms-transform:skew(-4deg,-7deg);
-o-transform:skew(-4deg,-7deg);
transform:skew(-4deg,-7deg);
background:-webkit-radial-gradient(right bottom,circle cover,#fff,#E9A72E,#BF321C);
background:-moz-radial-gradient(right bottom,circle cover,#fff,#E9A72E,#BF321C);
background:-ms-radial-gradient(right bottom,circle cover,#fff,#E9A72E,#BF321C);
background:-o-radial-gradient(right bottom,circle cover,#fff,#E9A72E,#BF321C);
background:radial-gradient(right bottom,circle cover,#fff,#E9A72E,#BF321C);
background:-webkit-radial-gradient(left bottom,circle cover,#fff,#C1D687,#74A647);
background:-moz-radial-gradient(left bottom,circle cover,#fff,#C1D687,#74A647);
background:-ms-radial-gradient(left bottom,circle cover,#fff,#C1D687,#74A647);
background:-o-radial-gradient(left bottom,circle cover,#fff,#C1D687,#74A647);
background:radial-gradient(left bottom,circle cover,#fff,#C1D687,#74A647);
background:-webkit-radial-gradient(right top,circle cover,#fff,#97D3F2,#399FD3);
background:-moz-radial-gradient(right top,circle cover,#fff,#97D3F2,#399FD3);
background:-ms-radial-gradient(right top,circle cover,#fff,#97D3F2,#399FD3);
background:-o-radial-gradient(right top,circle cover,#fff,#97D3F2,#399FD3);
background:radial-gradient(right top,circle cover,#fff,#97D3F2,#399FD3);
background:-webkit-radial-gradient(left top,circle cover,#fff,#F7DF95,#FCCC2E);
background:-moz-radial-gradient(left top,circle cover,#fff,#F7DF95,#FCCC2E);
background:-ms-radial-gradient(left top,circle cover,#fff,#F7DF95,#FCCC2E);
background:-o-radial-gradient(left top,circle cover,#fff,#F7DF95,#FCCC2E);
background:radial-gradient(left top,circle cover,#fff,#F7DF95,#FCCC2E);
background:-webkit-linear-gradient(65deg,rgba(0,0,0,0.6),rgba(0,0,0,0.9),rgba(0,0,0,0.5));
background:-moz-linear-gradient(65deg,rgba(0,0,0,0.6),rgba(0,0,0,0.9),rgba(0,0,0,0.5));
background:-ms-linear-gradient(65deg,rgba(0,0,0,0.6),rgba(0,0,0,0.9),rgba(0,0,0,0.5));
background:-o-linear-gradient(65deg,rgba(0,0,0,0.6),rgba(0,0,0,0.9),rgba(0,0,0,0.5));
background:linear-gradient(65deg,rgba(0,0,0,0.6),rgba(0,0,0,0.9),rgba(0,0,0,0.5));
border:1px solid rgba(0,0,0,0.6);
-webkit-box-shadow:inset 0px 0px 1px rgba(255,255,255,2.5);
moz-box-shadow:inset 0px 0px 1px rgba(255,255,255,2.5);
box-shadow:inset 0px 0px 1px rgba(255,255,255,2.5);
border-radius:7px 7px 0 0;
-webkit-transition:all 0.2s ease-out 0.2s;
-moz-transition:all 0.2s ease-out 0.2s;
-ms-transition:all 0.2s ease-out 0.2s;
-o-transition:all 0.2s ease-out 0.2s;
transition:all 0.2s ease-out 0.2s;
-webkit-box-shadow:0 1px 7px rgba(255,255,255,0.9),inset 0px 2px 1px #fff,inset 0px 2px 2px rgba(255,255,255,0.5),inset 0px 10px 10px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.8);
-moz-box-shadow:0 1px 7px rgba(255,255,255,0.9),inset 0px 2px 1px #fff,inset 0px 2px 2px rgba(255,255,255,0.5),inset 0px 10px 10px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.8);
box-shadow:0 1px 7px rgba(255,255,255,0.9),inset 0px 2px 1px #fff,inset 0px 2px 2px rgba(255,255,255,0.5),inset 0px 10px 10px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.8);
border:1px solid rgba(0,0,0,0.6);
-webkit-box-shadow:0px 0px 1px rgba(255,255,255,0.5);
-moz-box-shadow:0px 0px 1px rgba(255,255,255,0.5);
box-shadow:0px 0px 1px rgba(255,255,255,0.5);
-webkit-border-radius:5px;
#menu .left-menu form#search {
border-top:2px solid #BEE6FD;
-webkit-border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px;
#menu .left-menu form#search input {
font:italic 12px Calibri,Arial,Sans-Serif;
#menu .left-menu form#search:after {
-webkit-border-radius:10px;
#menu .left-menu form#search:before {
-webkit-transform:rotate(-41deg);
-moz-transform:rotate(-41deg);
-ms-transform:rotate(-41deg);
-o-transform:rotate(-41deg);
transform:rotate(-41deg);
border:1px solid transparent;
#menu .left-menu li a.arrow:after {
border-color:transparent transparent transparent #222;
#menu .left-menu .recent {
-webkit-box-shadow:inset 1px 0px 1px rgba(0,0,0,0.2);
-moz-box-shadow:inset 1px 0px 1px rgba(0,0,0,0.2);
box-shadow:inset 1px 0px 1px rgba(0,0,0,0.2);
-webkit-border-radius:0 3px 3px 0;
-moz-border-radius:0 3px 3px 0;
border-radius:0 3px 3px 0;
-webkit-transition:all 0.2s ease-out 0.2s;
-moz-transition:all 0.2s ease-out 0.2s;
-ms-transition:all 0.2s ease-out 0.2s;
-o-transition:all 0.2s ease-out 0.2s;
transition:all 0.2s ease-out 0.2s;
#menu .left-menu .recent hr {
#menu .left-menu .recent hr:before {
#menu .left-menu li:hover .recent {
#menu .left-menu li li a {
line-height:16px !important;
#menu .left-menu li a:hover {
background:-webkit-linear-gradient(top,#E4F4FC,#ACDCF7);
background:-moz-linear-gradient(top,#E4F4FC,#ACDCF7);
background:-ms-linear-gradient(top,#E4F4FC,#ACDCF7);
background:-o-linear-gradient(top,#E4F4FC,#ACDCF7);
background:linear-gradient(top,#E4F4FC,#ACDCF7);
-webkit-border-radius:3px;
-webkit-box-shadow:inset 0 0 3px #fff;
-moz-box-shadow:inset 0 0 3px #fff;
box-shadow:inset 0 0 3px #fff;
#menu .left-menu li.all-prog {
border-top:1px solid #eee;
#menu .left-menu li.all-prog a {
#menu .left-menu li.all-prog .recent.all {
font:normal 16px 'Comic Sans MS',Times,Serif;
text-shadow:0 0 1px rgba(0,0,0,0.6);
-webkit-border-radius:3px;
-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.5);
-moz-box-shadow:inset 0 0 1px rgba(0,0,0,0.5);
box-shadow:inset 0 0 1px rgba(0,0,0,0.5);
#menu .left-menu li.all-prog a:before {
border-color:transparent transparent transparent #111;
margin:3px 10px 0px -10px;
background:-webkit-linear-gradient(top,#ECDE8C,#F6EEAB);
background:-moz-linear-gradient(top,#ECDE8C,#F6EEAB);
background:-ms-linear-gradient(top,#ECDE8C,#F6EEAB);
background:-o-linear-gradient(top,#ECDE8C,#F6EEAB);
background:linear-gradient(top,#ECDE8C,#F6EEAB);
border:1px solid #DCC56C;
-webkit-box-shadow:0 1px 0px rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 0px rgba(0,0,0,0.2);
box-shadow:0 1px 0px rgba(0,0,0,0.2);
-webkit-border-radius:1px;
border-top:3px solid #DCC56C;
background:-webkit-linear-gradient(top,#fff,#0E70A9,#fff,#0E70A9,#fff,#fff,#0E70A9,#fff,#0E70A9);
background:-moz-linear-gradient(top,#fff,#0E70A9,#fff,#0E70A9,#fff,#fff,#0E70A9,#fff,#0E70A9);
background:-ms-linear-gradient(top,#fff,#0E70A9,#fff,#0E70A9,#fff,#fff,#0E70A9,#fff,#0E70A9);
background:-o-linear-gradient(top,#fff,#0E70A9,#fff,#0E70A9,#fff,#fff,#0E70A9,#fff,#0E70A9);
background:linear-gradient(top,#fff,#0E70A9,#fff,#0E70A9,#fff,#fff,#0E70A9,#fff,#0E70A9);
-webkit-box-shadow:1px 1px 0px #bbb,-2px 4px 0px #0E70A9;
-moz-box-shadow:1px 1px 0px #bbb,-2px 4px 0px #0E70A9;
box-shadow:1px 1px 0px #bbb,-2px 4px 0px #0E70A9;
font:bold 22px Cambaria,Georgia,Times,Serif;
text-shadow:0 1px 1px #ddd;
-webkit-box-shadow:0 0 3px #000;
-moz-box-shadow:0 0 3px #000;
font:bold 30px Georgia,Serif;
-webkit-border-radius:10px;
-webkit-box-shadow:0px 3px 0px #FAD149,0px 1px 1px rgba(0,0,0,0.6);
-moz-box-shadow:0px 3px 0px #FAD149,0px 1px 1px rgba(0,0,0,0.6);
box-shadow:0px 3px 0px #FAD149,0px 1px 1px rgba(0,0,0,0.6);
-webkit-transform:rotate(-36deg);
-moz-transform:rotate(-36deg);
-ms-transform:rotate(-36deg);
-o-transform:rotate(-36deg);
transform:rotate(-36deg);
background:-webkit-linear-gradient(-45deg,#fff 0%,#71CCE0 100%);
background:-moz-linear-gradient(-45deg,#fff 0%,#71CCE0 100%);
background:-ms-linear-gradient(-45deg,#fff 0%,#71CCE0 100%);
background:-o-linear-gradient(-45deg,#fff 0%,#71CCE0 100%);
background:linear-gradient(-45deg,#fff 0%,#71CCE0 100%);
-webkit-transform:skew(2deg,2deg) rotate(-2deg) translate(4px,0px);
-moz-transform:skew(2deg,2deg) rotate(-2deg) translate(4px,0px);
-ms-transform:skew(2deg,2deg) rotate(-2deg) translate(4px,0px);
-o-transform:skew(2deg,2deg) rotate(-2deg) translate(4px,0px);
transform:skew(2deg,2deg) rotate(-2deg) translate(4px,0px);
-webkit-box-shadow:-2px 1px 0px #4A9BCD;
-moz-box-shadow:-2px 1px 0px #4A9BCD;
box-shadow:-2px 1px 0px #4A9BCD;
font:bold 8px Verdana,Arial,Sans-Serif;
background:-webkit-linear-gradient(45deg,#EA6E56,#A71D07,#fff);
background:-moz-linear-gradient(45deg,#EA6E56,#A71D07,#fff);
background:-ms-linear-gradient(45deg,#EA6E56,#A71D07,#fff);
background:-o-linear-gradient(45deg,#EA6E56,#A71D07,#fff);
background:linear-gradient(45deg,#EA6E56,#A71D07,#fff);
-webkit-box-shadow:0 0 1px rgba(0,0,0,0.8);
-moz-box-shadow:0 0 1px rgba(0,0,0,0.8);
box-shadow:0 0 1px rgba(0,0,0,0.8);
#menu .right-menu ul,#menu .right-menu li {
font:normal 12px Calibri,Arial,Sans-Serif;
border:1px solid transparent;
#menu .right-menu li a:hover {
background:-webkit-linear-gradient(bottom,rgba(255,255,255,0.4) 0%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,0.1) 51%,rgba(255,255,255,0.4) 100%);
background:-moz-linear-gradient(bottom,rgba(255,255,255,0.4) 0%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,0.1) 51%,rgba(255,255,255,0.4) 100%);
background:-ms-linear-gradient(bottom,rgba(255,255,255,0.4) 0%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,0.1) 51%,rgba(255,255,255,0.4) 100%);
background:-o-linear-gradient(bottom,rgba(255,255,255,0.4) 0%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,0.1) 51%,rgba(255,255,255,0.4) 100%);
background:linear-gradient(bottom,rgba(255,255,255,0.4) 0%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,0.1) 51%,rgba(255,255,255,0.4) 100%);
-webkit-box-shadow:0 0 1px rgba(255,255,255,0.4),inset 0 0 1px rgba(255,255,255,0.8);
-moz-box-shadow:0 0 1px rgba(255,255,255,0.4),inset 0 0 1px rgba(255,255,255,0.8);
box-shadow:0 0 1px rgba(255,255,255,0.4),inset 0 0 1px rgba(255,255,255,0.8);
-webkit-border-radius:4px;
font:bold 12px Calibri,Arial,Sans-Serif;
text-shadow:0 1px 2px #000;
background:-webkit-linear-gradient(top,rgba(255,255,255,0.7) 0%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,0.1) 51%);
background:-moz-linear-gradient(top,rgba(255,255,255,0.7) 0%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,0.1) 51%);
background:-ms-linear-gradient(top,rgba(255,255,255,0.7) 0%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,0.1) 51%);
background:-o-linear-gradient(top,rgba(255,255,255,0.7) 0%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,0.1) 51%);
background:linear-gradient(top,rgba(255,255,255,0.7) 0%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,0.1) 51%);
-webkit-box-shadow:0 0 1px rgba(255,255,255,0.4),inset 0 0 2px rgba(255,255,255,0.8);
-moz-box-shadow:0 0 1px rgba(255,255,255,0.4),inset 0 0 2px rgba(255,255,255,0.8);
box-shadow:0 0 1px rgba(255,255,255,0.4),inset 0 0 2px rgba(255,255,255,0.8);
-webkit-border-radius:3px;
-webkit-box-shadow:0 0 1px rgba(255,255,255,0.4),inset 0 0 5px rgba(255,255,255,1);
-moz-box-shadow:0 0 1px rgba(255,255,255,0.4),inset 0 0 5px rgba(255,255,255,1);
box-shadow:0 0 1px rgba(255,255,255,0.4),inset 0 0 5px rgba(255,255,255,1);
border-left:1px solid #111;
-webkit-box-shadow:-1px 0px 0px rgba(255,255,255,0.3);
-moz-box-shadow:-1px 0px 0px rgba(255,255,255,0.3);
box-shadow:-1px 0px 0px rgba(255,255,255,0.3);
.shutdown div.lf:before {
border-color:transparent transparent transparent #fff;
background:-webkit-linear-gradient(-47deg,rgba(255,255,255,0.5) 0%,#666 81%,#fff 100%);
background:-moz-linear-gradient(-47deg,rgba(255,255,255,0.5) 0%,#666 81%,#fff 100%);
background:-ms-linear-gradient(-47deg,rgba(255,255,255,0.5) 0%,#666 81%,#fff 100%);
background:-o-linear-gradient(-47deg,rgba(255,255,255,0.5) 0%,#666 81%,#fff 100%);
background:linear-gradient(-47deg,rgba(255,255,255,0.5) 0%,#666 81%,#fff 100%);
-webkit-box-shadow:inset 1px 0px 1px rgba(255,255,255,0.4),0 1px 1px rgba(0,0,0,0.5);
-moz-box-shadow:inset 1px 0px 1px rgba(255,255,255,0.4),0 1px 1px rgba(0,0,0,0.5);
box-shadow:inset 1px 0px 1px rgba(255,255,255,0.4),0 1px 1px rgba(0,0,0,0.5);
border:1px solid rgba(0,0,0,0.5);
-webkit-border-radius:2px;
background:-webkit-radial-gradient(bottom,circle,#FACF0C,#4BB648);
background:-moz-radial-gradient(bottom,circle,#FACF0C,#4BB648);
background:-ms-radial-gradient(bottom,circle,#FACF0C,#4BB648);
background:-o-radial-gradient(bottom,circle,#FACF0C,#4BB648);
background:radial-gradient(bottom,circle,#FACF0C,#4BB648);
-webkit-box-shadow:inset 0 -1px 7px #fff;
-moz-box-shadow:inset 0 -1px 7px #fff;
box-shadow:inset 0 -1px 7px #fff;
background:-webkit-linear-gradient(-80deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.1) 70%,rgba(0,0,0,0.2) 81%);
background:-moz-linear-gradient(-80deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.1) 70%,rgba(0,0,0,0.2) 81%);
background:-ms-linear-gradient(-80deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.1) 70%,rgba(0,0,0,0.2) 81%);
background:-o-linear-gradient(-80deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.1) 70%,rgba(0,0,0,0.2) 81%);
background:linear-gradient(-80deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.1) 70%,rgba(0,0,0,0.2) 81%);
border:1px solid rgba(255,255,255,0.4);
-webkit-box-shadow:0 0 1px rgba(0,0,0,0.9);
-moz-box-shadow:0 0 1px rgba(0,0,0,0.9);
box-shadow:0 0 1px rgba(0,0,0,0.9);
-webkit-border-radius:3px;
-webkit-transform:skew(2deg,2deg) rotate(-2deg) translate(0px,0px);
-moz-transform:skew(2deg,2deg) rotate(-2deg) translate(0px,0px);
-ms-transform:skew(2deg,2deg) rotate(-2deg) translate(0px,0px);
-o-transform:skew(2deg,2deg) rotate(-2deg) translate(0px,0px);
transform:skew(2deg,2deg) rotate(-2deg) translate(0px,0px);
background:-webkit-linear-gradient(-80deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.1) 70%,rgba(0,0,0,0.2) 81%);
background:-moz-linear-gradient(-80deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.1) 70%,rgba(0,0,0,0.2) 81%);
background:-ms-linear-gradient(-80deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.1) 70%,rgba(0,0,0,0.2) 81%);
background:-o-linear-gradient(-80deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.1) 70%,rgba(0,0,0,0.2) 81%);
background:linear-gradient(-80deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.1) 70%,rgba(0,0,0,0.2) 81%);
border:1px solid rgba(255,255,255,0.4);
-webkit-box-shadow:0 0 1px rgba(0,0,0,0.9);
-moz-box-shadow:0 0 1px rgba(0,0,0,0.9);
box-shadow:0 0 1px rgba(0,0,0,0.9);
-webkit-border-radius:3px;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;
.opened.pilled:hover:before {
.opened .foldr.small:before {
border:1px solid rgba(255,255,255,0.5);
background:-webkit-linear-gradient(-80deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 70%,rgba(0,0,0,0.8) 81%);
background:-moz-linear-gradient(-80deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 70%,rgba(0,0,0,0.8) 81%);
background:-ms-linear-gradient(-80deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 70%,rgba(0,0,0,0.8) 81%);
background:-o-linear-gradient(-80deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 70%,rgba(0,0,0,0.8) 81%);
background:linear-gradient(-80deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 70%,rgba(0,0,0,0.8) 81%);
-webkit-box-shadow:inset 1px 1px 0px rgba(0,0,0,0.2),inset -1px -1px 0px rgba(0,0,0,0.2),inset 0 0 1px rgba(255,255,255,0.2),0 1px 3px #000,1px 5px 12px #000;
-moz-box-shadow:inset 1px 1px 0px rgba(0,0,0,0.2),inset -1px -1px 0px rgba(0,0,0,0.2),inset 0 0 1px rgba(255,255,255,0.2),0 1px 3px #000,1px 5px 12px #000;
box-shadow:inset 1px 1px 0px rgba(0,0,0,0.2),inset -1px -1px 0px rgba(0,0,0,0.2),inset 0 0 1px rgba(255,255,255,0.2),0 1px 3px #000,1px 5px 12px #000;
-webkit-border-radius:5px;
-webkit-transition:all 0.5s ease-out 0.35s;
-moz-transition:all 0.5s ease-out 0.35s;
-ms-transition:all 0.5s ease-out 0.35s;
-o-transition:all 0.5s ease-out 0.35s;
transition:all 0.5s ease-out 0.35s;
.opened .screensht .close {
border:1px solid rgba(0,0,0,0.5);
background:-webkit-linear-gradient(90deg,#EA6E56,#A71D07,#fff);
background:-moz-linear-gradient(90deg,#EA6E56,#A71D07,#fff);
background:-ms-linear-gradient(90deg,#EA6E56,#A71D07,#fff);
background:-o-linear-gradient(90deg,#EA6E56,#A71D07,#fff);
background:linear-gradient(90deg,#EA6E56,#A71D07,#fff);
-webkit-box-shadow:inset 0 0 1px rgba(255,255,255,0.7);
-moz-box-shadow:inset 0 0 1px rgba(255,255,255,0.7);
box-shadow:inset 0 0 1px rgba(255,255,255,0.7);
text-shadow:0 0 1px #000;
font:bold Arial,Sans-Serif;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;
.opened:hover .screensht {
.opened .screensht .col1:hover .close,.opened .screensht .col2:hover .close {
.opened .screensht .col1,.opened .screensht .col2 {
border:1px solid transparent;
.opened .screensht .kotak {
background:-webkit-linear-gradient(45deg,#fff,#ddd,#fff,#ddd);
background:-moz-linear-gradient(45deg,#fff,#ddd,#fff,#ddd);
background:-ms-linear-gradient(45deg,#fff,#ddd,#fff,#ddd);
background:-o-linear-gradient(45deg,#fff,#ddd,#fff,#ddd);
background:linear-gradient(45deg,#fff,#ddd,#fff,#ddd);
-webkit-box-shadow:0 0 1px rgba(255,255,255,0.8);
-moz-box-shadow:0 0 1px rgba(255,255,255,0.8);
box-shadow:0 0 1px rgba(255,255,255,0.8);
.opened.tunggal .screensht {
.opened.tunggal .screensht .col1 {
.opened .screensht .col1:hover,.opened .screensht .col2:hover {
background:rgba(255,255,255,0.2);
border:1px solid rgba(255,255,255,0.2);
.opened.tunggal .screensht .col1.fold:before {
.opened.tunggal .screensht .col1.ntpad:before {
.opened .screensht .blank:before {
-webkit-box-shadow:inset 0px 1px 1px #fff;
-moz-box-shadow:inset 0px 1px 1px #fff;
box-shadow:inset 0px 1px 1px #fff;
border-bottom:1px solid #fff;
border:1px solid transparent;
border:1px solid rgba(255,255,255,0.4);
background:-webkit-linear-gradient(-80deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 70%,rgba(0,0,0,0.8) 81%);
background:-moz-linear-gradient(-80deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 70%,rgba(0,0,0,0.8) 81%);
background:-ms-linear-gradient(-80deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 70%,rgba(0,0,0,0.8) 81%);
background:-o-linear-gradient(-80deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 70%,rgba(0,0,0,0.8) 81%);
background:linear-gradient(-80deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 70%,rgba(0,0,0,0.8) 81%);
-webkit-box-shadow:inset 0 0 1px rgba(255,255,255,0.5),0 1px 3px #000,1px 5px 12px #000;
-moz-box-shadow:inset 0 0 1px rgba(255,255,255,0.5),0 1px 3px #000,1px 5px 12px #000;
box-shadow:inset 0 0 1px rgba(255,255,255,0.5),0 1px 3px #000,1px 5px 12px #000;
-webkit-border-radius:5px;
-webkit-transition:all 0.5s ease-out 0.2s;
-moz-transition:all 0.5s ease-out 0.2s;
-ms-transition:all 0.5s ease-out 0.2s;
-o-transition:all 0.5s ease-out 0.2s;
transition:all 0.5s ease-out 0.2s;
border:1px solid #rgba(0,0,0,0.6);
box-shadow:0 0 1px rgba(255,255,255,0.4);
background:-webkit-linear-gradient(top,rgba(255,255,255,0.7) 0%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,0.1) 51%);
background:-moz-linear-gradient(top,rgba(255,255,255,0.7) 0%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,0.1) 51%);
background:-ms-linear-gradient(top,rgba(255,255,255,0.7) 0%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,0.1) 51%);
background:-o-linear-gradient(top,rgba(255,255,255,0.7) 0%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,0.1) 51%);
background:linear-gradient(top,rgba(255,255,255,0.7) 0%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,0.1) 51%);
-webkit-box-shadow:0 0 1px rgba(255,255,255,0.4),inset 0 0 2px rgba(255,255,255,0.8);
-moz-box-shadow:0 0 1px rgba(255,255,255,0.4),inset 0 0 2px rgba(255,255,255,0.8);
box-shadow:0 0 1px rgba(255,255,255,0.4),inset 0 0 2px rgba(255,255,255,0.8);
-webkit-border-radius:2px;
border-color:transparent transparent #fff transparent;
border-color:transparent #fff transparent transparent;
border-left:2px solid #fff;
from{-webkit-transform:translate(0px, -200px);opacity:0;}
to{-webkit-transform:translate(0px, 0px);opacity:1;}
from{-moz-transform:translate(0px, -200px);opacity:0;}
to{-moz-transform:translate(0px, 0px);opacity:1;}
from{-ms-transform:translate(0px, -200px);opacity:0;}
to{-ms-transform:translate(0px, 0px);opacity:1;}
from{transform:translate(0px, -200px);opacity:0;}
to{transform:translate(0px, 0px);opacity:1;}