stylesheet of Mukesh dak

/* http://www.codebeautifier.com */


* {
margin:0;
padding:0;
}

main {
width:800px;
font-size:.8em;
margin:0 auto;
padding:5px px;
}

header {
height:60px;
border:1px solid #ccc;
background-color:#FFF;
margin:5px;
padding:5px;
}

.parent {
position:relative;
}

.vhCenter {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}

.vCenter {
position:absolute;
top:50%;
transform:translateY(-50%);
}

nav {
height:25px;
border:1px solid #ccc;
word-spacing:5px;
background-color:#FFF;
margin:5px;
padding:5px;
}

footer {
height:15px;
border:1px solid #ccc;
background-color:#FFF;
margin:5px;
padding:5px;
}

#nav2 {
margin-bottom:1px;
word-spacing:5px;
background-color:#FFF;
padding:4px;
}

#nav2 a:link,.nav2 a:visited {
margin-bottom:5px;
border:1px 1px 1px 1px #000;
word-spacing:5px;
background-color:#e9e9e9;
color:#333;
text-shadow:.02em .02em .02em #333;
padding:3px;
}

#nav2 a:hover {
background-color:#FFF;
text-decoration:underline overline;
}

#sidebar li {
list-style:none;
line-height:150%;
}

#sidebar {
width:200px;
float:right;
margin-bottom:25px;
z-index:-2;
}

#site_title {
color:#9C0;
text-align:left;
font:bold 24px Verdana, Arial, Helvetica, sans-serif;
margin:0 0 5px;
padding:5px;
}

.highlight {
color:#600;
font-weight:700;
}

.message {
color:#000;
font-size:12px;
border:1px solid red;
margin:3px;
padding:3px;
}

.debug {
color:#000;
font-size:10px;
background-color:#fff;
border:1px dashed red;
margin:5px;
padding:5px;
}

.debug:before {
font-size:10px;
font-weight:700;
content:"Debug Note: ";
}

.message-box {
color:#000;
font-size:14px;
border:1px dashed #999;
background-color:#FFC;
margin:5px;
padding:10px;
}

#infobox {
font-size:14px;
font-weight:400;
color:#000;
background-color:#FFC;
float:center;
border-color:grey;
border-style:dashed;
border-width:1px;
margin:15px;
padding:5px;
}

.textfield {
font-size:12px;
color:#333;
background:#F7F7F7;
border:1px solid #CCC;
padding-left:1px;
}

a:hover {
color:#F03;
}

a {
color:#00F;
font-size:12px;
text-decoration:none;
}

body {
background:#F0F0F0;
font-size:12px;
text-align:center;
font-family:Verdana, Arial, Helvetica, georgia, sans-serif;
font:12px;
margin:0;
padding:10px;
}

h1 {
font-size:1.3em;
color:#9C0;
text-align:center;
font:bold 24px Verdana, Arial, Helvetica, sans-serif;
margin:0 0 5px;
padding:0 0 3px;
}

h2 {
color:red;
font:bold 18px Verdana, Arial, Helvetica, sans-serif;
margin:0 0 5px;
padding:0 0 3px;
}

h3 {
color:#900;
text-align:center;
font:bold 15px Verdana, Arial, Helvetica, sans-serif;
border-bottom:1px dashed #E6E8ED;
margin:0 0 5px;
padding:0 0 3px;
}

img {
border-style:none;
}

p {
font-size:12px;
}

li {
list-style:none;
line-height:200%;
}

table {
margin-left:auto;
margin-right:auto;
border-collapse:collapse;
}

.protected a:link {
color:#000;
}

.unprotected a:link {
color:#060;
font-weight:700;
}

.message_box {
text-align:center;
color:#545454;
width:80%;
font-size:12px;
line-height:150%;
margin:5px auto;
padding:10px;
}

.clean {
background-color:#efefef;
border-top:2px solid #dedede;
border-bottom:2px solid #dedede;
}

.info {
background-color:#f7fafd;
border-top:2px solid #b5d3ff;
border-bottom:2px solid #b5d3ff;
}

.ok {
background-color:#d7f7c4;
border-top:2px solid #82cb2f;
border-bottom:2px solid #82cb2f;
}

.alert {
background-color:#fef5be;
border-top:2px solid #fdd425;
border-bottom:2px solid #fdd425;
}

.error {
background-color:#ffcdd1;
border-top:2px solid #e10c0c;
border-bottom:2px solid #e10c0c;
}

.logbox {
background-color:#d7f7c4;
border-top:2px solid #82cb2f;
border-bottom:2px solid #82cb2f;
height:100px;
}

.small_text {
color:#ccc;
font-size:8px;
}

textarea:focus,input:focus {
border:1px solid #900;
}

a,a:hover,a:active,a:focus {
outline:0;
direction:ltr;
}

.wrapper2 {
position:relative;
height:25px;
}

.mainmenu {
position:absolute;
z-index:100;
font-family:Verdana, Geneva, sans-serif;
font-weight:400;
font-size:90%;
line-height:25px;
left:35%;
margin-left:-303px;
width:806px;
}

ul.menu {
list-style:none;
width:auto;
overflow:hidden;
float:left;
background:#ddd;
margin:0 1px 0 0;
padding:0;
}

ul.menu a {
text-decoration:none;
color:#000;
padding-left:5px;
}

ul.menu li.list {
float:left;
width:250px;
border-radius:15px;
margin:-32767px -125px 0 0;
}

ul.menu li.list a.category {
position:relative;
z-index:50;
display:block;
float:left;
width:120px;
margin-top:32767px;
background:transparent;
}

ul.menu li.list a.category:hover,ul.menu li.list a.category:focus,ul.menu li.list a.category:active {
margin-right:1px;
background-image:url(images/tophover1.png);
background-repeat:no-repeat;
background-position:left top;
}

ul.submenu {
float:left;
list-style:none;
border-radius:15px;
background:transparent;
margin:-25px 0 0;
padding:25px 0 0;
}

ul.submenu li a {
float:left;
width:120px;
clear:left;
border-radius:15px;
background:transparent;
}

ul.submenu a:hover,ul.submenu a:focus,ul.submenu a:active {
background:#900;
margin-right:1px;
}

#content {
clear:both;
width:675px;
float:left;
color:#333;
font-family:Verdana, Arial, Helvetica, georgia, sans-serif;
font-size:12px;
word-wrap:soft;
padding:10px;
}

#footer {
clear:both;
width:950px;
height:25px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:5px;
}

#header {
width:950px;
height:60px;
border-top:1px solid #ccc;
margin:0 auto 10px;
padding:5px;
}

#loginbox {
display:block;
margin:10px;
}

#nav {
margin-bottom:10px;
border-bottom:1px solid #CCC;
word-spacing:5px;
background-color:#FFFFE1;
padding:8px;
}

#normal {
font:12px;
color:#333;
}

#sidebar a {
text-decoration:none;
}

#wrapper {
width:960px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
font-family:verdana, arial, helvetica, georgia, sans-serif;
font-size:12px;
margin:0 auto;
}

ui-widget {
font-size:.9em;
}

input.ui-button {
padding:1.5px;
}

a img {
border:0 none;
}

.error,.errors {
color:red;
list-style:none;
margin:0 0 2px;
padding:0;
}

.clear {
clear:both;
}

.left {
clear:left;
float:left;
width:49%;
}

.right {
clear:right;
float:right;
width:49%;
}

#owrap {
text-align:left;
width:960px;
margin:0 auto;
}

#logo {
color:#0050AF;
clear:left;
float:left;
display:block;
font-size:1.5em;
font-weight:700;
margin-bottom:10px;
text-decoration:none;
}

#logo:hover {
color:#0050FF;
}

#body {
background:#FFF;
border:1px solid #D6D6D6;
clear:both;
float:left;
width:100%;
padding:5px;
}

#catLinks {
clear:both;
border-bottom:1px solid #EEE;
padding-bottom:10px;
margin-bottom:10px;
}

#catLinks a {
background:#69c;
display:block;
float:left;
margin-right:5px;
color:#FFF;
padding:5px 10px;
}

#catLinks a:hover {
background:#000;
}

.pagingLinks {
clear:both;
margin-top:5px;
}

.pagingLinks a,.paging_links em {
text-decoration:none;
margin:0 0 0 5px;
}

.formBtnsPanel {
margin:6px 0 0;
}

.codeTable {
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;
width:100%;
}

.codeTable .odd {
background:#FFF;
}

.codeTable .even {
background:#EFEFEF;
}

.codeTable td {
border-top:1px solid #CCC;
border-left:1px solid #CCC;
white-space:nowrap;
padding:5px 10px;
}

h3.codetitle {
background:#EEE;
font-size:.9em;
border:1px solid #EEE;
border-bottom:0 none;
text-align:center;
margin:0;
padding:5px 0;
}

#theCode {
border:1px solid #DDD;
background:url(../images/lnbg.png) #F7F7F7 repeat-y top left;
padding-bottom:5px;
}

#theCode ol {
margin:0 0 0 5px;
}

#shareBox,#embedBox {
border:1px solid #DDD;
background:#F7F7F7;
margin-top:5px;
text-align:center;
display:none;
padding:5px;
}

#shareBox input,#embedBox input {
width:98%;
}

.formPanel input,.formPanel select {
width:450px;
}

.formPanel textarea {
height:100px;
width:450px;
}

.footer {
padding-left:2px;
padding-top:5px;
}

section,article {
height:100px;
color:#333;
font-size:12px;
word-wrap:soft;
border:1px solid #ccc;
background-color:#FFF;
margin:5px;
padding:5px;
}

nav a,#nav a {
display:inline;
text-decoration:none;
border:1px solid #fdf;
vertical-align:center;
background-color:#DDD;
padding:2px;
}

nav a:hover,#nav a:hover {
background-color:#3F9;
text-decoration:underline overline;
}

nav a:visited,#nav a:visited {
background-color:#FFE1FF;
}

nav a:active,#nav a:active {
background-color:#CCC;
}

td,th {
font-size:12px;
padding:5px;
}

.protected a:visited,.unprotected a:visited {
color:#999;
}

.protected a:hover,.unprotected a:hover {
color:#333;
background-color:#3F9;
}

.protected a:focus,.unprotected a:focus {
color:#333;
}

.protected a:active,.unprotected a:active {
color:#090;
}

ul.submenu li a.endlist,ul.submenu li a.endlist:hover,ul.submenu li a.endlist:focus,ul.submenu li a.endlist:active {
background:transparent;
}

.formPanel,.radioPanel {
margin:5px 0;
}