/* [Layout Style] */

#lyo_center    { text-align: center; }
#lyo           { margin: 10px auto; text-align: left; width: 960px;}
#lyo_logo      { position: relative; height: 32px; left: 0px;}
#lyo_icons     { position: relative; left: 600px; top: 5px; float: none; }
#lyo_icons img.toolbar_icon { margin: 0 2px 0 10px !important; }
#lyo_icons a       { text-decoration: none; color: #000080; font-size: 80%;}
#lyo_icons a:hover { text-decoration: underline; color: #0000ff; }
#lyo_nav_main      { position:absolute; left: 10px; float: left; }
#lyo_signin   { width:478px; height: 30px; position:absolute; top: 15px; left: 10px;}
#lyo_search   { width:470px; height: 30px; float: left; }
#lyo_controls { height: 50px; }
#lyo_columns  { width: 960px; }
#lyo_column_1 { float: left; margin: 0 10px 0 0; width: 180px; }
#lyo_column_2 { float: left; width: 770px; margin: 0; }
#lyo_footer  { font-size: 80%; color: #404040; text-align: center; padding: 5px; }
#lyo_footer a{ color: #404040; font-weight: bold; text-decoration: none; }
#lyo_footer a:hover{ color: #0000ff; text-decoration: underline; }
#lyo_breadcrumbs { padding: 0px 5px 5px 5px; }
.lyo_prev_next { text-align: center; font-size: 80%; margin: 0.25em; color: #000080; }
.lyo_prev_next a { color: #000080; text-decoration: none;}
.lyo_prev_next a:hover { color: #0000ff; text-decoration: underline;}
.pad { padding: 5px; }
p { font-size: 125%; }
.box{
  background: #FFFFFF; border: 1px solid #606080; margin: 0 0 10px 0;
  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
  -webkit-box-shadow: #889 2px 2px 2px; -moz-box-shadow: #889 2px 2px 2px; box-shadow: #889 2px 2px 2px;
}
.box h1.css3{
  text-align: center; font-size: 120%; margin: 0; padding: 0.25em;
  -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#D3D3FF));
  background: -moz-linear-gradient(#ffffff, #D3D3FF);
  background: -ms-linear-gradient(#ffffff, #D3D3FF);
  background: linear-gradient(top #ffffff, #D3D3FF);
  -pie-background: linear-gradient(#FFFFFF, #D3D3FF);
}
.box h1.css3 a{
  color: #004584; text-decoration: none;
}
.box h1.css3 a:hover{
  color: #0000ff; text-decoration: underline;
}
.box p, .box h1, .box h2, .box div.contact_form {
  margin: 0.25em 10px 0.5em;
}
.box img.logo {
  display: block; margin: auto; border: 0;
}
#topbar_signin {
  position: relative; top: -10px;
}
#topbar_signin_links {
  position: absolute; top: 12px;
}
#topbar_signin_links a {
  font-size: 80%; font-weight: bold; text-decoration: none; color: #000080;
}
#topbar_signin_links a:hover {
  text-decoration: underline;
}
#topbar_username {
  position:absolute; top:20px; font-size: 8pt; line-height:17px; height:17px; width: 123px;
  border:0; padding: 1px 2px;
  background: url(/UserFiles/Image/layout/bg-logon.gif) 0% 0%;
}
#topbar_password {
  position:absolute; top:20px; font-size: 8pt; line-height:17px; height:17px; width: 123px; left:132px;
  border: 0; padding: 1px 2px; margin-right: 5px;
  background: url(/UserFiles/Image/layout/bg-logon.gif) 0% 100%;
}
#topbar_signin_btn {
  position: absolute; top: 18px; left: 265px; border: 0px; width: 57px; height: 21px;
  margin: 0 10px 0 0;
  background: url(/UserFiles/Image/layout/bg-signin.gif) 0% 0%;
}
#topbar_signin_btn:hover {
  background-position: 0% 100%;
}
#topbar_signin_msg {
  font-size: 8pt; color: #ff0000; padding: 1px 2px; width: 256px;
  border: 1px solid #ff8080; margin: 0 0 5px 0; background-color: #fff0f0;
}

#topbar_search{
  position: absolute; top: 25px; left: 780px;
  height: 16px; line-height:16px; width: 134px; padding: 1px 2px; border: none;
  background: url(/img/sysimg/?img=UserFiles/Image/layout/bg-search.gif);
}
#topbar_search_btn{
  position: absolute; top: 25px; left: 918px;
  height: 18px; width: 29px; border: none; padding: 0;
  background: url(/img/sysimg/?img=UserFiles/Image/layout/bg-go.gif);
}
#topbar_search_btn:hover {
  background-position: 0% 100%;
}

.article_listings .item_separator {
  height: 20px;
}
.contact_form {
  width: 500px;
}
.contact_form label {
  float: left; display: block; width: 120px; font-size: 125%; font-weight: bold;
  margin: 5px 0 0 0;
}
.contact_form input[type=text] {
  float: left; display: block; width: 350px;
  margin: 5px 0 0 0;
}
.contact_form input[type=button] {
  float: none; display: block; width: 60px; margin: 5px auto;
}
.contact_form textarea {
  float: left; display: block; width: 350px;
  margin: 5px 0 0 0;
}
.contact_form input:focus, .contact_form textarea:focus{
  background: #f0f0ff; border: 1px solid #7F9DB9; padding: 2px;
}

.custom_form .formFieldLabel { width: 200px; }

blockquote {
	font-style: italic;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 150%;
	padding: 2px 0;
	border-style: solid;
	border-color: #ccc;
	border-width: 0;
	padding-left: 20px;
	padding-right: 8px;
	border-left-width: 5px;
}

a .icon_ext{
  width: 9px; height: 7px; margin-left: 0.25em; float: none;
  background-position: -3224px 0px;
  display: inline;
}
a:hover .icon_ext{
  background-position: -3224px -7px;
}

ul.archive {
  margin-top: 0;
}
ul.archive li,
ul.archive li li {
  margin-top: 0.5em;
}

hr.see_also {
  clear: both;
  margin: 2em 0;
}
.video               { margin: 0 auto; width: 880px; }
.video_player        { float: left; border: 2px solid #8A004A; margin: 0 10px 0 0;}
.video_player iframe { display: block; margin: 0 auto; }
.video_chooser       { float: left; width: 230px; height: 370px; overflow: auto; border: 2px solid #8A004A;}
.video_chooser h2.chooser_title { margin: 0.25em 0; text-align: center; color: #000; font-size: 100%; }