/* basic template v6.4 for YNU Lep Group*/

/* resets */

h1, main-heading, h2, sub-heading, h3, p {

  margin: 0;

  padding: 0;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

  border-style: none;

}

img {

  border: 0px none;

}

p {

  margin: 1em 0px;

}

/* typography */

* {

  font-size: 10pt;

  font-family: Verdana, Arial, Sans-Serif;

  line-height: 1.5em;

  color: navy;

}

/* h1 is page title */

h1 {

  font-size: 14pt;

  font-weight: normal;

  font-family: Arial, Verdana, Sans-Serif;

  line-height: 1em;

  text-align: left;

  padding: 0 0 2px 0;

  border: 0 none;

  color: #565622;

}

.main-heading, h2 {

  font-size: 14pt;

  font-weight: normal;

  font-family: Arial, Verdana, Sans-Serif;

  line-height: 1em;

  text-align: left;

  margin: 4px 0 12px 0;

  padding: 4px 0 0 0;

  border: 0 none;

  color: #565622;

}

.sub-heading, h3 {

  font-size: 10pt;

  font-weight: bold;

  font-family: Arial, Verdana, Sans-Serif;

  line-height: 1em;

  text-align: left;

  margin: 0 0 6px 0;

  border: 0 none;

  color: #565622;

}

p {

  display: block;

  margin: 1em 0 0 0;

  border: 0 none;

}

/* links */

a:link {

  color: navy;

  text-decoration: underline;

}

a:visited {

  color: navy;

  text-decoration: underline;

}

a:hover {

  color: #0066cc;

  text-decoration: underline;

}

.plink {

  color: navy;

  text-decoration: underline;

  cursor: pointer;

}

/* buttons and forms*/

input.button, button, b1, .bn {

  font-size: 11px;

  height: auto;

  height: 22px;

  width: auto;

  overflow: visible;

  margin: 0;

  padding: 2px 6px 2px 6px;

  border-style: solid;

  border-width: 1px;

  border-color: #ffffef #d8d856 #d8d856 #ffffef;

  background-color: #ffff8c;

}

input.button:hover, button:hover, b1:hover, .bn:hover  {

  background-color: #ffffd8;

  border-color: #565622;

}

button input {

  background:none;

  border:0;

  margin:0;

  padding:0;

}

.input-box, .ib {

  font-size: 12px;

  height: 16px;

  margin: 0;

  outline: 0;

  padding: 2px 3px 2px 3px;

  border: 0;

  border-style: solid;

  border-width: 1px;

  border-color: #828234;

}

.formlabel, .fl {

  width: auto;

  text-align: right;

  margin: 0;

  padding: 0 3px 0 0;

  border: 0 none;

  color: #565622;

}

.formdata, .fd {

  width: auto;

  text-align: left;

  margin: 0;

  padding: 6px;

  border: 0 none;

}

.boxlabel, .bl {

  width: 130px;

  text-align: right;

  padding-right: 4px;

  float: left;

  color: #565622;

}

.itemlabel, .il {

  width: 380px;

  text-align: right;

  padding-right: 4px;

  float: left;

}

.select-list, .sl {

  margin: 3px 0 0 0;

  padding: 0;

  border-style: solid;

  border-width: 1px;

  border-color: #828234;

}

.check-box, .cb {

  margin: 2px 3px 0 0;

  padding: 0;

  border: 0 none;

}

.radio-button, .rb {

  padding: 0 3px 0 0;

}

/* others */

textarea {

  margin: 6px 0 4px 0;

  padding: 4px 0 4px 4px; 

  border-style: solid;  

  border-width: 1px;

  border-color: #828234;

}

hr {

  margin: 6px 0 6px 0;

  padding: 0;

  border: 0 none;

  border-top: 1px;

  border-top-style: solid;

  border-top-color: #828234;

  height: 1px;

}

blockquote {

  quotes: none;

  display: block;

  text-align: justify;

  margin: 8px 100px 8px 60px;

  padding: 0 0 0 6px;

  border: 0;

  border-left-width: 4px;

  border-left-style: solid;

  border-left-color: #adad45;

}

blockquote:before, blockquote:after {

  content: '';

  content: none;

}

ins {

  text-decoration: none;

  color: red;

}

del {

  text-decoration: line-through;

}

/* named markup classes */

div.markup {

 text-align: justify;

}

.centered {

  margin-left: auto;

  margin-right: auto;

  text-align: center;

}

.picture, .snap, .thumb {

  float: none;

  clear: both;

  margin: 0;

  padding: 0;

  border: 0 none;

  overflow: scroll;

}

.picture-left, .snap-left, .thumb-left {

  float: left;

  margin: 5px 10px 1px 0;

  padding: 0;

  border: 0 none;

  overflow: scroll;

}

.picture-right, .snap-right, .thumb-right {

  float: right;

  margin: 5px 0 1px 10px;

  padding: 0;

  border: 0 none;

  overflow: scroll;

}

.picture-dropshadow {

  -moz-box-shadow: 6px 6px 5px #808080;

  -webkit-box-shadow: 6px 6px 5px #808080;

  box-shadow: 6px 6px 5px #808080;

}

.picture-dropshadow-small {

  -moz-box-shadow: 3px 3px 2px #808080;

  -webkit-box-shadow: 3px 3px 2px #808080;

  box-shadow: 3px 3px 2px #808080;

}

.float-left {

  float: left;

  margin: 0 10px 1px 0;

  padding: 3px 3px 0 0;

  border: 0 none;

}

.float-right {

  float: right;

  margin: 0 0 1px 10px;

  padding: 3px 0 0 3px;

  border: 0 none;

}

.thumbox {

  float: left;

  margin: auto;

  padding: 0;

  border: 0 none;

  text-align: center;

  width: 152px;

  height: 152px;

}

.thumbox a:link, .thumbox a:visited {

  text-decoration: none;

  border: 0 none;

}

.thumbox img {

  -moz-box-shadow: 3px 3px 2px #808080;

  -webkit-box-shadow: 3px 3px 2px #808080;

  box-shadow: 3px 3px 2px #808080;

}

.thumboxtitle {

  padding: 0 5px 0 5px;

}

.internal-link {}

.external-link:link {}

.external-link:visited {}

.text-highlight {

  color: black;

  background-color: yellow;

}

.search-highlight {

  font-weight: bold;

}

.bold-red {

  font-weight: bold;

  color: red;

}

.plain-list {

  list-style-type: none;

  text-align: left;

  margin: 0;

  padding: 0;

  border: 0 none;

}

.plain-list li {

  list-style-type: none;

  margin: 0;

  padding: 0 0 0 40px;

  border: 0 none;

  text-align: left;

}

.unordered-list {

  list-style-type: square;

  list-style-position: outside;

  text-align: left;

  margin: 0 0 0 1em;

  padding: 0 0 0 40px;

  border: 0 none;

}

.unordered-list li {

  margin: 0;

  padding: 0;

  border: 0 none;

}

.ordered-list {

  list-style-position: outside;

  text-align: left;

  margin: 0 0 0 1em;

  padding: 0 0 0 40px;

  border: 0 none;

}

.ordered-list li {

  margin: 0;

  padding: 0;

  border: 0 none;

}

.sql-table {

  width: 100%;

  border-width: 0px;

  border-style: none;

  border-collapse: collapse;

}

.sql-table th {

  font-size: 9pt;

  font-weight: bold;

  text-align: left;

  border: none;

  padding: 4px;

  background-color: white;

  color: #565622;

}

.sql-table td {

  font-size: 9pt;

  text-align: left;

  border-width: 1px;

  border-style: solid;

  border-color: #bfbfff;

  padding: 4px;

}

.plain-table {

  border-width: 0px;

  border-style: none;

  border-collapse: collapse;

  margin-left:auto;

  margin-right:auto;

}

.plain-table th {

  font-size: 9pt;  

  font-weight: bold;

  text-align: left;

  border-bottom-width: 1px;

  border-bottom-style: solid;

  border-bottom-color: navy;

  padding-left: 20px;

  padding-bottom: 2px;

  color: black;

}

.plain-table th:first-child {

  padding-left: 0px;

}

.plain-table td {

  font-size: 9pt;

  text-align: left;

  padding-left: 20px;

}

.plain-table td:first-child {

  padding-left: 0px;

}

.plain-table tr:last-child {

  border-bottom-width: 1px;

  border-bottom-style: solid;

  border-bottom-color: navy;

}

.filelist-table th {

  text-align: left;

  padding: 2px 4px 2px 4px;  

}

.filelist-table td {

  text-align: left;

  padding: 2px 4px 2px 4px;  

}

.notes {

  text-align: justify;

  margin: 8px 100px 8px 60px;

  padding: 0 0 0 6px;

  border-left-width: 4px;

  border-left-style: solid;

  border-left-color: #adad45;

}

.smallfootnote {

  font-size: 0.75em;

  line-height: 1.2em;

  color: #565622;

}

.record-detail {

}

.record-label {

  width: 100px;

  font-weight: bold;

  padding-right: 10px;

  float: left;

  text-align: right;

}

.record-data {

}

.no-style {}

/* markup elements that don't have explicit classes */

b {}

i {}

big {font-size: 1.2em;}

small {font-size: 0.75em; line-height: 1.0em;}

sup {}

sub {}

acronym {

  border-bottom: 1px dotted black;

}

/* system */

#systemwarning {

  padding: 10px;

  border: 1px solid black;

  color: black;

  background-color: #FFC;;

}

#systeminfo {

  padding: 10px;

  border: 0 none;

  color: black;

}

#editform tr, blogeditform tr {

  margin: 0;

  padding: 10px 0 10px 0;

  border: 0 none;

  color: black;

}

#toolbar {

  float: left;

  display: block;

  border-collapse: collapse;

  line-height: 0;

  width: 100%;

}

.toolbar-button {

  font-size: 11px;

  height: auto;

  width: 100%;

  overflow: visible;

  margin: 0;

  padding: 2px 6px 2px 6px;

  border: none;

  background-color: navy;

  color: #ffff8c;

}

.toolbar-button:hover { 

  background-color: #7f7fff;

  cursor: pointer;

  color: black;

}

.nav-button {

  font-size: 11px;

  height: auto;

  width: 100%;

  overflow: visible;

  margin: 0;

  padding: 2px 6px 2px 6px;

  border-style: solid;

  border-width: 1px;

  border-color: #ffffef #ffff66 #ffff66 #ffffef;

  background-color: #ffffb2;

}

.nav-button:hover { 

  background-color: #ffffd8;

  cursor: pointer;

  color: black;

}

.edit-button {

  font-size: 11px;

  width: 24px;

  height: 24px;

  margin: 0;

  padding: 0;

  border-style: solid;

  border-width: 1px;

  border-color: #ffff66;

}

.edit-button:hover {

  border-color: #adad45;

  background-color: #e5e5ff;

}

.check {

  background-image: url(system/checkoff.png);

  background-color: transparent;

  background-position: center left;

  background-repeat: no-repeat;

  margin: 0;

  padding: 0 0 0 20px;

  border: 0 none;

  width: 100%;

  float: left;

}

.check:hover {

  cursor: pointer;

}

/* post style definitions (like smg) */

.post-wrapper {

 vertical-align: top;

 clear: both;

 margin-bottom: 30px;

}

.post-header {

 color: #828234;

 font-weight: bold;

 border-bottom-width: 1px;

 border-bottom-style: dotted;

 border-bottom-color: #ffff66;

 margin-bottom: 10px;

}

.post-title {

 color: #565622;
 font-size: 10pt;

 font-weight: bold;

 margin-bottom: 10px;

 border: none; 

 text-align: left;

}

.post-body {

 margin-bottom: 0;

}

.post-links {

  background-color: white;

  margin-top: 0px;

  margin-bottom: 0px;

  padding-top: 0px;

  padding-bottom: 0px;

  border-top: 0px;

  border-bottom: 1px;

  border-bottom-color: #ffff8c;

  border-bottom-style: solid;

  text-align: right;

}

.post-links-edit {

}

.post-links-permalink {

}

#blogeditform p {

  padding-bottom:10px;

}