/* Stylesheet for profile Website */

body {
 text-align: center;
 margin: 0;
 padding: 0;
 background-image: url(/images/backgrounds/3.jpg);
 background-position: center;
}

#wrapper {
 background-color: #fff;
 width: 990px;
 margin-top: 0;
margin-left: auto;
 margin-right: auto;
 border: 1px solid #000;
 padding: 0;
 padding: 0px 0px 0px 0px;
}

* html #wrapper {
/*  width: 900px; */
}

#head {
 background-color: #fff;
 padding: 5px 5px 5px 5px;
/*  width: 988px; */ /* 890 */
}

* html #head {
/*  width: 905px; */
}

/*  */
h1.title {
 text-align: right;
 border: 1px solid #000;
 margin: 0;
 padding: 10px 10px 10px 0;
 line-height: 1em;
 font-size: 30pt;
 font-family: Tahoma, verdana, arial, verdana, sans-serif;
 font-variant: small-caps;
 background: url(/images/backgrounds/2.jpg) repeat-x left bottom;
}

#content {
 text-align: left;
 font-size: 12px;
 font-family: arial, verdana;

/*  border: 1px solid #000;
 border-top: 0px;
 border-left: 0px;
 border-right: 0px;
 border-bottom: 0px; */

 padding: 0;
 padding: 5px 5px 5px 5px;
/*  width: 890px; */
 background-color: #fff;
 
}


* html #content {
/*  width: 905px; */
 margin-top: -0.5em;
}





ul.nav {
 list-style: none;
 margin-left: 0;
 padding-left: 0;
}

ul.nav li {
 font-size: 14px;
 font-variant: small-caps;
 font-weight: bold;
 float: left;
 width: 140px;
 border: 0px;
}

ul.nav li, ul.nav .sel {
 margin: 0;
 margin-right: 4px;
}

ul.nav a {
 text-decoration: none;
 font-family: "Comic Sans MS", arial, verdana;
 color: #fff;
 display: block;
 background-color: #06f;
 border: 1px solid #000;
 border-top: 0px;
 padding: 0px;
 padding-bottom: 3px;
}

ul.nav li a:hover, ul.nav .sel {
 text-decoration: none;
 font-family: "Comic Sans MS", arial, verdana;
 color: #000;
 background: url(/images/backgrounds/2.jpg) repeat-x left bottom;
 border: 1px solid #000;
 border-top: 0px;
 padding: 0px;
 padding-bottom: 5px;
}

ul.nav .sel {

}

ul.nav .spacer {
 float: left;
 width: 2px;
}



.error {
 border: 2px solid #f00;
}

.error2 {
 color: #f00;

}

.errorMessage {
 color: #f00;
 font-weight: bold;
}




.wh_bg2{
 border-right: 2px solid #fff;
}



.mcsatbl {
 font-family: arial;
 border: 1px solid #000;
 border-collapse: collapse;
 width: 100%;

}

table.mcsatbl td {
 font-size: 12px;
 font-weight: bold;
}

.mcsatbl td {
 border: 1px solid #000;
 padding: 3px;
}

.mcsatbl p {
 padding: 0;
 font-family: arial;
 font-size: 12pt;
}

#smap {
 border: 1px solid #000;
}

#div_skillsmap {
/*  background-color: #cfc; */
 border: 0px solid #000;
 text-align: left;
/*  width: 400px; */
 margin-top: 5px;
 margin-bottom: 0px;
 padding: 5px 0px 5px 0px;
 height: 400px;
 overflow: auto;
}

#div_skillsmap .acs .acs_t {
 text-align: center;
 font-size: 1.5em;
 background-color: #fff;
 border: 1px solid #000;
 padding: 2px;
}


#div_skillsmap .acs .acs_t2 {
 font-size: 0.75em;
 border: 0px solid #000;
 padding: 4px;
}

/*  */

.acs {
 margin-top: 10px;
 border: 1px solid #000;
 background-color: #cfc;
 padding: 2px;
 font-weight: bold;
 font-family: verdana, aria, helvetica;
}

.acs li {
 list-style: none;
 border-top: 0px dashed #000;
 border-bottom: 0px solid #000;
 margin: 0 5px 0 5px;
 padding: 0px 0px 5px 0px;
}

/* for lists inside skills map - descr */
#div_skillsmap .acs .acs_t1 li {
 list-style: square;
 margin-left: 1.4em;
}

#div_skillsmap .acs .acs_t1 {
 margin-top: 10px;
 border-bottom: 1px dotted #000;
 list-style: square;
}

#div_skillsmap .acs .acs_t1 p {
 margin-top: 0px;
 padding-top: 0px;
}


/* Not using for date anymore */
.acs .ac_b { text-align: right; }

/* top-strip: can contain date */
.acs .ac_t {
 border: 1px solid #000;
 border-bottom: 0px;
 background-color: #06f;
 color: #fff;
 text-align: right;
 padding: 0px 5px 0px 0px;
}

.acs .ac_t2 { border-top: 1px solid #000; }








/* Project page's two-column layout */
.leftpane {
 border: 0px solid #000;
 float: left;
 margin-top: 0px;
 width: 500px;
}

.rightpane {
 margin-top: 0px;
 text-align: right;
}

div.clearer {
 display: block; clear: left; line-height: 0; height: 0;
}

.rightpane #beditinstall {
 margin-top: 25px;
 border: 1px solid #000;
 padding: 0px 5px 5px 5px;

 margin-left: 510px;
 text-align: left;
}

.rightpane #beditinstall h3 {
 border-bottom: 1px solid #000;
 font-size: 16pt;
 margin: 0;
 margin-bottom: 5px;
}

.rightpane #beditinstall ul {
 margin-top: 5px;
 margin-bottom: 5px;
}

/* Skills info on home page */
.div_skillcat_l, .div_skillcat_r {

 background-color: #cfc;
 border: 0px solid #000;
 padding: 0px;
 padding-bottom: 3px;
 margin-bottom: 30px;
 height: 300px;

}

.div_skillcat_l .box, .div_skillcat_r .box {
/*  background-color: blue; */
 height: 200px;
 width: 100%;
 height: 100%;
 overflow: auto;
}

.div_skillcat_r {
 float: right;
 width: 485px;
}

.div_skillcat_l {

 width: 485px;
}

.div_skillcat_l ul, .div_skillcat_r ul {
 background-color: #cfc; /* #cfc - #99f */
 list-style-type: square;
 margin-bottom: 0px;
}

.div_skillcat_r h2, .div_skillcat_l h2 {
 margin: 0px;
 text-align: center;
 background-color: #06f;
/*  background: #c00 url(/images/png/r_tab.png) right top no-repeat; */
 color: #fff;
 font-family: arial, Impact, "arial narrow", tahoma;
 font-size: 15pt;
 font-weight: normal;
/*  width: 400px; */
}



.lbe {
 background-color: #fff;
 float: left;
 background: url(/images/png/l_tab.png) 0 0 no-repeat;
}

.rbe {
 background-color: #fff;
 float: right;
 background: url(/images/png/r_tab.png) right top no-repeat;
}

.skill_item {
 clear: left;
 border: 0px solid #000;
 border-left: 0px;
 border-bottom: 0px;

 border-top: 0px dashed #000;
 padding: 5px;
 background-color: #cfc;
 font-weight: bold;
}

.skill_item .heading {
 font-weight: bold;
}


dl {
	margin: 0;
	padding: 0;
	width: 100%;
}

dt {
	font-size:0.8em;
        margin: 0;
	padding: 4px 11px 2px;
	float: left;
        border-right: 0px solid #000;
}

dd {
       float: right;
	font-size: 0.8em;
        margin: 0;
	padding: 4px 11px 0 0;
        border-left: 0px solid #000;
}

.upd_stamp {
    margin-top: 5px;
    border-top: 1px dashed #000;
    padding: 2px;
}


.head {background:#c00;width:400px;margin:0;padding:0;}
.head  dl {background: url(/images/png/r_tab.png) top right no-repeat;}
.head  dt {background: url(/images/png/l_tab.png) top left no-repeat;}
/* .head h2 { text-align: center; margin:0; padding:0; color: #fff;} */

.box3 {
 width: 400px;
	border:1px solid #000;	
	margin: 0 0 20px 0;
	padding:10px;
	font-size:0.8em;
/*       height: 300px; */
}

h3{margin:0;padding:0;font-size:1.1em;}
p{padding:0;padding-top:10px;margin:0;}

* { 
	-moz-box-sizing: border-box; 
} 

h3.unl {
 font-family: arial;
 font-size: 16pt;
 font-weight: normal;
 border-bottom: 1px solid #000;
 margin-top: 0px;
 margin-bottom: 5px;
}

#beditinstall h3.unl {
 padding: 0px;
}

h3.unl2 {
 font-family: arial;
 font-size: 16pt;
 font-weight: normal;
 border-bottom: 1px solid #000;
 margin-top: 10px;
 margin-bottom: 5px;
}

p.first {
 margin-top: 0px;
}

p.p2 {
 font-size: 12px;
 font-family: verdana, arial;
}

p {
 margin-top: 5px;
 margin-bottom: 10px;
 font-family: verdana, arial;
}


#content a:visited {
 color: #c00;
 text-decoration: underline;
}

#content a {
 text-decoration: none;
 color: #f00;
 font-weight: bold;
}

#content a:hover {
 text-decoration: underline;
 color: #c00;
}


ul, ol {
 margin: 0;
 padding-left: 0;
 margin-left: 0;
 list-style-type: square;
}

li {margin-left: 1.5em; }



/* Boxes on home page */
.imp {
 margin-top: 5px;
 border: 1px solid #000;
 padding: 5px;
 background-color: #fff;
 font-weight: bold;
}


#w3 {
 margin-top: 5px;
 text-align: right;
}

#w3 img {
 border: 0px;
}

input, textarea { border: 1px solid #000; font-family: arial, helvetica; }

select {
 font-size: 12px;
 font-weight: bold;
 font-family: verdana, arial;
}

#st_img {
 background-image: url(../img/title.jpg);
 background-repeat: no-repeat;
 width: 890px;
 height: 63px;
 background-position: 0px 0px;
 border: 0px solid #c00;
 margin: 5px 5px 0px 5px;
}